Cara Membuat Permalink di Blog SEO On Page

Buat teman-teman yang ingin membuat permalink seperti blog ini,kalian bisa ikutti langkah di bawah ini.Sebelum membuat saya akan menjelaskan apa itu.Permalink adalah istilah untuk link aktif permanen pada suatu artikel di halaman posting yang di biasanya di letakan di bawah atau sesudah postingan, fungsinya yaitu untuk meningkatkan SEO on page blog sobat.

Permalink kali ini saya sudah di 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 ) . Contohnya bisa sobat lihat tepat di bawah artikel.

Buat Teman-Teman yang ingin mencobanya,Ikuti Langkah-Langkah di bawah ini :

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{
display:block;
width:auto;
background:#ffffff;
border:2px solid #fff;
box-shadow:0 1px 3px #000;-moz-box-shadow:0 1px 3px #000;-webkit-box-shadow:0 1px 3px #000;
padding:0;
margin:30px 0 10px 0;
font:normal 12px Arial, Sans-Serif;
color:#222;
}
.admin-tulisan .kontainer{padding:5px;}
.admin-tulisan h4{
background:#ffffff;
border:none;
border-bottom:1px solid#F5F5F5
color:#fff;
text-transform:normal;
text-shadow:0 1px 0 rgba(0, 0, 0, 0.4);
font:bold 12px Arial,Sans-Serif;
padding:5px 10px;
margin:0 0 0 0;
display:block;
}
.admin-tulisan h4 a{color:#F5F5F5}
.admin-tulisan img{
width:70px;
height:70px;
margin:0 10px 0 0;
float:left;
border:1px solid #ffffff;
padding:2px;
background:#ffffff;
box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;

NB : Untuk Ukuran dan Warna silahkan teman-teman

ganti sesuka hati (Kode Warna)
4. Cari kode <data:post.body/> ( gunakan Ctrl + F ) dan letakkan kode berikut tepat di bawahnya. 

<!-- Kotak Admin -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='admin-tulisan'>
<h4>Ditulis Oleh : <a expr:href='data:blog.homepageUrl'><span style='color: red;'><data:post.author/></span></a> ~Copas Rules :</h4>
<div class='kontainer'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgl46MSFtYKLMybNFqos4fQVmZcT5gneYntW1FoYacWQLxAH0XB3ebApVbqcO4ctuxTwhIkQI9pSG1idOL-z-K-fJmq58YM6ffWQshFj6KbaDvqJIiqd_Fbs1iPFPCZVWT1YLI3a_i2e2fz/s1600/734836_541948869148632_1164343276_n.jpg'/><div align='justify'>
Terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel kami yang berjudul <a expr:href='data:post.url'><b><data:post.title/></b></a>.Kritik dan saran dapat anda sampaikan melalui kotak komentar. Anda dipersilakan copy paste artikel ini dengan mencantumkan url sumber :
<br>
</br>
<textarea cols='50' id='bloglinking' name='bloglinking' onclick='this.focus();this.select()' onfocus='this.select()' onmouseover='this.focus()' readonly='readonly' rows='3'>&lt;a href=&quot;<data:post.url/>&quot; target=&quot;_blank&quot;&gt;<data:blog.pageName/>&lt;/a&gt;</textarea>
</div>
<div style='clear:both;'/>
</div>
</div>
</b:if>
    <!-- Kotak Admin end -->

5. Klik save dan lihat hasilnya.

Tambahan :

• Ganti code yg warna biru dengan url alamat foto.
• Sesuiakan angka merah dengan ukuran template blog sobat ( ukuran textarea ).