Membuat Tag Permalink di Blogger

Senin, 30 April 2012

Share This Article On :
Cara Mudah Membuat Tag Permalink di Blogger Blogspot :

Jika wordpress sudah menyediakan tag, lain halnya dengan blogger. Meskipun platform blogspot tidak menyediakan fitur tag, namun fitur label pada blogger sudah dapat mewakili selayaknya tag pada blog wordpress. Hanya saja, url yang dihasilkan dari label blogspot, belum dapat dibaca search engine alias belum begitu seo friendly. Tapi ada tips dan trik cara membuat tag / permalink sendiri alias manual di blogger blogspot.

Membuat Permalink / Tag Sendiri (manual) pada Blogger



Saya berani bilang, Permalink blogger yang akan kita ciptakan sendiri ini sangat seo friendly.
Percayalah!


Seperti yang anda lihat pada blog ini, setiap anda membuka suatu posting, diakhir posting akan tertera permalink yang mampu dibaca oleh mesin pencari, Google pada khususnya. Yup!Tulisan 'Anda sedang membaca artikel tentang..dst' adalah permalink yang saya ciptakan sengaja untuk mendongkrak postingan di posisi serp. Lihat gambar dibawah ini.


Membuat Tag Permalink di Blogger

Berminat untuk membuat seperti ini?

Langkah Pertama Cara membuat Permalink Tag Otomatis untuk Blogger Blogspot :

  • Pertama, pergilah ke Dashboard blogger anda, selanjutnya pilih Tata Letak dan kemudian pilih tab Edit HTML.


Seperti biasa, jangan lupa contreng tulisan Expand Widget Templates ya :D


  • Berikutnya, cari kode ]]></b:skin> (gunakan Ctrl+F untuk membantu pencarian), setelah ketemu kode tersebut, persis diatasnya letakkan kode css berikut :
.membuatpermalinkblogger
{border: 1px solid #EFF0F1;
padding: 5px;
background: #ffffff;-moz-border-radius:5px;}

.membuatpermalinkblogger a
{background:none;}
img.float-right {margin: 5px 0px 0 10px;}
img.float-left {margin: 5px 10px 0 0px;}

  • Selanjutnya, cari kode berikut:
<data:post.body/> atau <p><data:post.body/></p>
Jika sudah ketemu, hapus kode tersebut dan gantilah dengan kode berikut:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<p><data:post.body/></p>
<div class='membuatpermalinkblogger'>
<center><small>Anda sedang membaca artikel tentang <strong><u><data:blog.pageName/></u></strong> dan anda bisa menemukan artikel <data:blog.pageName/> ini dengan url <strong><data:post.url/></strong>,anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel <strong><data:blog.pageName/></strong> ini sangat bermanfaat bagi teman-teman anda,namun jangan lupa untuk meletakkan link <u><a expr:href='data:post.url'><data:blog.pageName/></a></u> sebagai sumbernya.</small></center></div>
<b:else/>
<p><data:post.body/></p>
</b:if>

  • Lalu simpan Templates, selesai :D

Bagaimana jika saya menemukan dua(2)kode <data:post.body/>, misal karena saya telah membuat read more/baca selengkapnya?

Memang, setelah anda merubah template menambahkan fasilitas read more, akan ada 2 kode <data:post.body/>, seperti ini:
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'><strong>Selengkapnya...</strong></a></p>
</b:if>

Betul tidak, ada dua kode ? solusinya, tinggal menyelipkan kode permalink diatas diantaranya, jadi kira-kira kodenya akan menjadi seperti ini:
<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<div class='membuatpermalinkblogger'>
<center><small>Anda sedang membaca artikel tentang <strong><u><data:blog.pageName/></u></strong> dan anda bisa menemukan artikel <data:blog.pageName/> ini dengan url <strong><data:post.url/></strong>,anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel <strong><data:blog.pageName/></strong> ini sangat bermanfaat bagi teman-teman anda,namun jangan lupa untuk meletakkan link <u><a expr:href='data:post.url'><data:blog.pageName/></a></u> sebagai sumbernya.</small></center></div>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'><strong>Selengkapnya...</strong></a></p>
</b:if>

Lalu simpan templates dan lihat hasilnya.

Permalink blogger ini hanya akan terlihat saat anda membuka suatu posting bukan halaman utama blog anda.

Selamat mencoba dan bereksperiment sendiri ya, Jika ada pertanyaan silahkan meninggalkan Comment atau sobat bisa langsung bertanya ke pembuatnya, Semoga Bermanfaat.

Tidak ada komentar:

Posting Komentar

 
© Copyright 2010-2011 Media Pengetahuan All Rights Reserved.
Template Design by Herdiansyah Hamzah | Published by Borneo Templates | Powered by Blogger.com.