Cara Membuat Link Permanen (Permalink) dengan Foto di Blog

Permalink atau permanen link adalah link aktif yang terletak pada tiap artikel, biasanya terletak dibawah atah sesudah artikel/ postingan. Permalink yang akan saya bagi kali ini sudah terdapat kotak foto sehingga agan bisa pasang foto / gambar milik sobat, juga di lengkapi dengan url artikel yang auto drag ( otomatis ter blok ) . Contohnya bisa sobat lihat tepat di bawah artikel.

Cara Membuat Permanen Link di Blog
1. Login ke akun blog agan.
2. Klik rancangan --> Edit HTML
3. Cari kode ]]></b:skin>, dan letakkan kode berikut di atas kodenya

.admin-tulisan{
width:auto;
background:#f2f2f2;
border:2px solid #000000;
margin:30px 0 10px 0;
display:block;
font-family:"julee";
color:#000;
}
.admin-tulisan .kontainer{padding:5px;}
.admin-tulisan h4{
background:#FF0000;
border:none;
border-bottom:1px solid #000000;
color:#fff;
font-family:"julee";
text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);
padding:5px 10px;
margin:0 0 0 0;
display:block;
}
.admin-tulisan h4 a{color:#000000;}
.admin-tulisan img{
background:#000000;
width:90px;
height:100px;
border:1px solid #000000;
margin:3px 10px 0 0;
float:left;
padding:2px;
box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;
}

4. Cari kode <data:post.body/> ( gunakan Ctrl + F ) biasanya terdapat empat kode, letakkan kode berikut tepat di bawah kode yang ke tiga saja.

<!-- Permalink MbahtBlogs -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='admin-tulisan'>
<h4>Ditulis Oleh : <b><data:post.author/></b> ~ MbahtBlogs</h4>
<div class='kontainer'>
<img alt='Riyan Abdillah' src='https://fbcdn-sphotos-f-a.akamaihd.net/hphotos-ak-prn1/t1/561276_700393066652975_835380743_n.jpg'/>
Terima kasih telah membaca tulisan <b><a expr:href='data:post.url'><data:post.title/></a></b>.  Silahkan share tulisan ini dengan tombol yang sudah tersedia, Agan juga dipersilahkan copy - paste tulisan ini namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya
<textarea cols='50' id='bloglinking' name='bloglinking' onclick='this.focus();this.select()' onfocus='this.select()' onmouseover='this.focus()' readonly='readonly' rows='1'>&lt;a href=&quot;<data:post.url/>&quot; target=&quot;_blank&quot;&gt;<data:blog.pageName/>&lt;/a&gt;</textarea>
<p><span style='float:right;font:italic 12px Georgia, Georgia;'>
<a href=' http://mbaht21.blogspot.com/2014/01/cara-membuat-link-permanen-permalink-dengan-foto-di-blog.html' target='_blank'>:: Get this widget ! ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Permalink MbahtBlogs -->

5. Selanjutnya Save dan lihat hasilnya

Keterangan:
Ganti kode warna biru sesuai dengan link foto agan