Membuat Permalink di Blogspot

Kali ini saya akan mempostingan jawaban atas pertanyaan sobat blogger Amy Adeona yang masuk di email saya tentang cara membuat dan memasang permalink di blogspot sama persis dengan permanen link di blog ini. Sebelum kita ke pokok permasalahn ada baiknya saya jelaskan sedikit dulu tentang Permalink ( Permanen Link).

Permalink adalah istilah untuk link aktif permanen pada suatu artikel di halaman posting yang biasanya di letakan di bawah atau sesudah postingan, fungsinya tidak lain dan tidak bukan yaitu untuk meningkatkan SEO on page blog sobat.
Biasanya sobat yang newbie menemukan artikel seperti ini dengan keyword cara membuat link tetap atau tambahan detail postingan yang letaknya di bawah artikel, sebelum sobat tahu bahwa namanya itu adalah permanen link.

Permalink kali ini sudah saya lengkapi dengan author box dimana di dalamnnya bisa di pasangi foto / gambar milik sobat, juga di lengkapi dengan url artikel yang auto drag ( otomatis ter blok jika dilewati tikus... ehh..maksudnya mouse).

Contohnya bisa sobat lihat tepat di bawah artikel.
Jika sobat tertarik dengan widget yang satu ini, silahkan ikuti tutorial berikut.

Cara Membuat Permanen Link di Blog
1. Login ke akun blog sobat.
2. Klik rancangan --> Edit HTML --> Centang kotak expand template widget
3. Letakkan kode berikut di atas kode ]]></b:skin>

.admin-tulisan{
width:auto;
background:#39316b;
border:1px solid #FFFFFF;
margin:30px 0 10px 0;
display:block;
font-family:"Tahoma";
color:#F0E68C;
}
.admin-tulisan .kontainer{padding:5px;}
.admin-tulisan h4{
background:#FF0000;
border:none;
border-bottom:1px solid #000000;
color:#fff;
font-family:"Tahoma";
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{

width:60px;
height:70px;
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 ) dan letakkan kode berikut tepat di bawahnya. (bila di blog sobat sudah terpasang auto readmore letakkan kode tersebut di <data:post.body/> yang kedua )

<!-- Permalink Okie -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='admin-tulisan'>
<h4>Writen by : <b><data:post.author/></b> ~ Tips Blogger</h4>
<div class='kontainer'>
<img alt='Okie Masterpiece' src='http://i1068.photobucket.com/albums/u449/ponorogoweb/Okie2.jpg'/> Anda sedang membaca artikel tentang <b><a expr:href='data:post.url'><data:post.title/></a></b>. by Admin, Anda diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya.
<textarea cols='53' 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 9px Arial, Sans-Serif;'> <a href='http://okietipsblogger.blogspot.com/2012/04/membuat-permalink-di-blogspot.html' target='_blank'>:: Get this widget ! ::</a></span></p> <div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Permalink Okie -->

5. Klik save dan lihat hasilnya.

Tambahan :
• Ganti kode yang berwarna kuning sesuai dengan Url foto / gambar milik sobat
• Sesuaikan angka yang berwarna merah tersebut diatas sesuai dengan ukuran template blog sobat ( ukuran textarea )

Semoga Membantu.