Cara Membuat Permalink dibawah Postingan Blog

Posted by BLOG EDUKASI Posted on 03.22

Blog Edukasi - Sudah Lama nih saya tidak menulis artikel apapun maka dari itu kali ini saya akan membagikan artikel yang berjudul  Cara Membuat Permalink dibawah Postingan Blog. Sudah pada 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:

1. Log in ke account blogspotmu.
2. Pilih Template (Template  ›  Edit HTML) Lalu centang 'Expand Template Widget'
3. 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 :) Mudahkan Sobat.