Cara Membuat Permalink Tag Otomatis untuk Blogspot

Langkah 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> 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> 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,Good Luck!