Membuat Permalink / Tag Sendiri (manual) pada Blogger

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.




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.