Cara Membuat Permalink Blogspot di Bawah Postingan


Hai.. Kamu Klik Posting lagi nih, sudah lama yah saya tidak membahas tentang tutorial blog, yap kali ini saya akan memposting tentang tutorial blog. Kali ini saya akan memposing tentang Cara Membuat Permalink Blogspot, uda pada tau belum apa itu permalink ?
seperti ini nih, seperti yang biasanya kamu lihat pada dibawah postingan Kamu Klik:



Gimana ? Tertarik untuk menambahakannya ke blog kamu ?
Okelah langsung saja ikuti cara-caranya dibawah ini:
  • Log in ke account blogspotmu.
  • Pilih Template (Template  ›  Edit HTML) Lalu centang 'Expand Template Widget'
  • Selanjutnya, cari kode ]]></b:skin> (Gunakan fungsi ctrl + f atau fungsi find untuk mempermudah menemukan kode tersebut). Setelah itu, copy kemudian paste kode berwarna biru di bawah ini di atas kode ]]></b:skin>
.permalinkblogspot
{border: 0px solid #EFF0F1;
padding: 5px;
background: #ffffff;-moz-border-radius:5px;}

.permalinkblogspot a
{background:none;}
img.float-right {margin: 5px 0px 0 10px;}
img.float-left {margin: 5px 10px 0 0px;}
  • Lalu, cari kode ini <data:post.body/> (Gunakan bantuan fungsi find ctrl + f). Kalau sudah ketemu, kamu hapus dan ganti kode tersebut dengan kode di bawah ini:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<p><data:post.body/></p>

<div class='permalinkblogspot'>
<center>
<div style='border: 1px solid rgb(204, 204, 204); margin: 10px 0px; padding: 10px; width: auto; height: auto; background-color: rgb(221, 242, 252); text-align: left;'><img align='absmiddle' height='30px' src='http://img685.imageshack.us/img685/3018/satpam.gif' width='30px'/><b><medium>Tolong dibaca nih gan !</medium></b><br/><br/><small><div style='text-align:justify;'> Kamu sedang membaca artikel tentang <strong><u><data:blog.pageName/></u></strong> dan kamu bisa menemukan artikel <data:blog.pageName/> ini dengan url <strong><data:post.url/></strong>, kamu boleh menyebar luaskannya atau mengcopy paste-nya jika artikel <strong><data:blog.pageName/></strong> ini sangat bermanfaat bagi banyak orang, namun jangan lupa untuk meletakkan link <u><a expr:href='data:post.url'><data:blog.pageName/></a></u> sebagai sumbernya.</div></small></div></center></div>
<b:else/>
<p><data:post.body/></p>
</b:if>
  • Lalu Save Template, dan lihat hasilnya.
Namun, jika kapten menggunakan read more maka <data:post.body/> akan ada dua. Maka kamu perlu menambahkan kode permalink di tengah-tengahnya seperti ini:

<b:if cond='data:blog.pageType == "item"'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>

<div class='permalinkblogspot'>
<center>
<div style='border: 1px solid rgb(204, 204, 204); margin: 10px 0px; padding: 10px; width: auto; height: auto; background-color: rgb(221, 242, 252); text-align: left;'><img align='absmiddle' height='30px' src='http://img685.imageshack.us/img685/3018/satpam.gif' width='30px'/><b><medium>Tolong dibaca nih gan !</medium></b><br/><br/><small><div style='text-align:justify;'> Kamu sedang membaca artikel tentang <strong><u><data:blog.pageName/></u></strong> dan kamu bisa menemukan artikel <data:blog.pageName/> ini dengan url <strong><data:post.url/></strong>, kamu boleh menyebar luaskannya atau mengcopy paste-nya jika artikel <strong><data:blog.pageName/></strong> ini sangat bermanfaat bagi banyak orang, namun jangan lupa untuk meletakkan link <u><a expr:href='data:post.url'><data:blog.pageName/></a></u> sebagai sumbernya.</div></small></div></center></div>

<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'><strong>Read more...</strong></a></p>
</b:if>
Save template dan lihat hasilnya :)

Gimana ? Mudah kan ? hehe..
Postingannya sampai disini saja, nantikan postingan Kamu Klik selanjutnya. salam :D