Cara Membuat Widget Permalink di Blog (SEO OnPage)

Hai Tema postingan yang ini adalah untuk menambah SEO OnPage blog, dengan cara menambahkan widget Permanen Link yang akan ditambahkan pada bagian postingan blog, Apa itu widget Permanen link. mungkin ada sebagian yang udah tau, atau mungkin ada yang belum tahu dan nyari Artikel di google dengan Keyword yang sangat detail (cara kerjanya) bukan nama widgetnya,Kemungkinan ada banyak jenis widget Permalink dan juga Tampilannya dalam blog, yang ingin saya kasih tutorialnya disini adalah widget yang seperti di bawah ntu tuh, Silahkan lihat dulu supaya tau, Takutnya udah nyimak lama, Ehhhh, taunya bukan yang ini yang anda pengen kan ga enak jadinya sudah banyak ngabisin banya waktu untuk membaca artikel yang dibuat oleh orang tampan.

Kalau sudah terpastikan widget inilah yang anda cari-cari selama ini, kita lanjut ke langkah-langkahnya :

1. Seperti seharusnya anda harus Login dulu ke Blogger.

2. Lanjut, kik Template di Menu Dropdown blog yang anda ingin pasang widget ini.

3. Klik Edit HTML, centang kotak Expand Template Widget, Cari kode ]]></b:skin>, Kemudian Taruh kode dibawah ini diatasnya:
.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. Udah gitu cari kode <data:post.body/>, dan taruh kode dibawah ini, dibawahnya:

<!-- Permalink -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='admin-tulisan'>
<h4>Ditulis Oleh : <b><data:post.author/></b> ~ Tips dan Trik Blogspot</h4>
<div class='kontainer'>
<img alt='Nanda Lubis' src='http://i1108.photobucket.com/albums/h405/lobeblink182/269111_225685127450056_100000257112719_900053_7432574_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='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 10px Arial, Sans-Serif;'>
<a href='http://christiantatelu.blogspot.com/2012/03/cara-membuat-permalink-di-blog.html' target='_blank'>:: Get this widget ! ::</a></span></p>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<!-- Permalink -->

5. Klik Save dan lihat apakah sudah ada tuh widgetnya dengan cara membuka salah satu postingan Blog yang berada di blog anda

Keterangan : kode yang berwarna Merah : ganti dengan ukuran kotak Permalink anda
                                                 Biru : ganti dengan URL poto anda
                                                 Orange : Yang 1 ganti dengan Nama Anda yang 1 lagi ganti                              dengan teks yang akan ditampilkan disamping Nama Anda

Sekian Dari Saya