Cara Membuat Permalink Pada Blog

Memasang permalink di blog selain untuk mempercantik blog, biasa juga di pakai untuk memberitahukan jika ingin mengcopy-paste artikel tesebut harus menyertakan link yang tersedia di bawahnya. Sebelum saya ingin jelaskan dulu apa itu permalink (permanen link)


Permalink adalah istilah untuk link aktif permanen pada suatu artikel di halaman postingan yang biasanay di letakan di bawah atau  sesudah postingan, fungsinya tidak lain tidak bukan yaitu untuk meningkatkan SEO blog sobat.

Permalink kali ini sudah di lengkapi dengan author box di mana dalam kotak permalink tersebut bisa di pasangi foto / Gambar milik sobat. Permalink ini juga di lengkapi url artikel yang auto drag (otomatis terblock). Contoh permalink yang akan kita buat terlihat seperti gambar di bawah ini.

Buat sobat yang tertarik memasangnya sobat bisa ikuti langka-langkah berikut ini :

• Login dengan akun blog sobat.
• Pilih opsi  template-->>> Edit Html -->>> Centang Expand Template Widget
• Cari kode ]]></b:skin>
• Tekan Ctrl F untuk mempermudah pencarian kata.
•  Letakan kode berikut tepat diatas kode ]]></b:skin>

.admin-tulisan{
width:auto;
background:#000;
border:1px solid #fff;
margin:30px 0 10px 0;
display:block;
font-family:"julee";
color:#fff;
}
.admin-tulisan .kontainer{padding:5px;}
.admin-tulisan h4{
background:#6e6c00;
border:none;
border-bottom:1px solid #fff;
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;
}

•  Cari kode <data:post.body/>, dan letakan kode berikut tepat di bawahnya.

<!-- Permalink Data Post -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='admin-tulisan'>
<h4>Ditulis Oleh : <b><data:post.author/></b> </h4>
<div class='kontainer'>
<img alt='Angga blogs' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbjMCGBH-unj_DGi5x2W-0-yI-IMDlC601_bz-IgaBm4LR676fTf1PFeuRf534EfsP0LO0OIqNI66RypguTDSrzBOcConx0knhBnEsnHY53Za6Zi6ObjAzKCiEIkT4uBKTgskK1Wjwc_5p/s1600/576360_148828388581277_1530988967_n.jpg'/>
Sobat sedang membaca artikel tentang <b><a expr:href='data:post.url'><data:post.title/></a></b>.  Oleh Admin Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya
<textarea cols='46' 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 10px Arial, Sans-Serif;'>
<a href='http://blogcapoenk.blogspot.com/' target='_blank'>:: Get this widget ! ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Permalink Data Post -->

•  Klik simpan template dan  lihat hasilnya

Catatan :

1. Ganti yang berwarna Biru dengan URL gambar/Foto milik sobat.
2. Untuk yang berwarna Merah sesuaikan dengan ukuran pada template blog sobat (Ukuran Text Area

Twitter Delicious Digg Facebook Stumbleupon RSS