Membuat navigasi permalink di blog

Blog Blogging kali ini akan berbagi tutorial tentang cara membuat navigasi permalink di bawah postingan blog. Ada berbagai macam dan ragam cara membuat navigasi permalink ini, namun kali ini kita akan membahas cara yang cukup sederhana dengan menampilkan sebuah thumbnail di bagian sampingnya. Permalink adalah istilah untuk link aktif permanen pada suatu artikel di halaman posting yang mana biasanya di letakan pada bagian bawah masing-masing postingan blog, fungsinya tidak lain dan tidak bukan yaitu untuk meningkatkan seo on page sebuah blog.

Manfaat dari memasang permalink ini akan berpengaruh pada nilai rating SEO yang menjadikan keyword semakin kuat, dimana biasanya orang-orang di seluruh dunia menggunakan kata tersebut (buat kata / phrase kata lebih familiar) yang selalu kita harapkan dapat melekat pada judul yang di buat pada blog.

Berikut cara memasang permalink di blog:

1. Login pada blog
2. Rancangan
3. Edit HTML
4. Expand template widget
5. Cari kode ]]></b:skin>
6. Copy kode di bawah ini dan paste di atas kode ]]></b:skin>

.permalink {background:#e4e4e0;border-radius:10px;-webkit-border-radius:10px;-opera-border-radius:10px;-moz-border-radius:10px;color:#000;text-decoration:none;-moz-box-shadow:inset 2px 2px 2px #404040;-webkit-box-shadow:inset 2px 2px 2px #404040;box-shadow:inset 2px 2px 2px #404040;width:auto;padding:9px;}
.permalink img {float: left;}  

7. Setelah itu cari kode <data:post.body/>
8. Copy kode di bawah ini dan paste di bawah kode <data:post.body/>

 <b:if cond='data:blog.pageType == "item"'>
<div class='permalink'>
<img height='60' src='http://png-1.findicons.com/files//icons/195/office_men/128/man_grey.png' width='60'/>
<span class='Apple-style-span'>"Terima kasih sudah membaca artikel <b:loop values='data:post.labels' var='label'>
<b><data:label.name/></b>
<b:if cond='data:label.isLast != "true"'> /</b:if> </b:loop> dengan judul <span style='color:red;'>
<b><data:blog.pageName/></b></span>. Anda bisa bookmark halaman ini dengan URL <span style='color:green;'>
<b><data:post.url/></b></span>. Apabila ada yang kurang jelas silahkan tinggalkan komentar atau pesan."</span>
</div>
</b:if>

Catatan:

• Untuk penempatan permalink bisa disesuaikan dengan tempate masing-masing (untuk contoh diatas saya pasang dibawah kode <data:post.body/> , untuk template yang lain mungkin berbeda.
• Kalimat yang saya tulis diatas hanya sebagai contoh saja, silahkan di modifikasi sesuai selera masing-masing.

 9. Simpan Template.

Dan hasilnya akan muncul dibawah postingan seperti contoh pada bagian bawah artikel ini, demikianlah cara membuat navigasi permalink di bawah postingan, semoga bermanfaat.