Tips Mudah Dan Cepat "Pasang Related Post" Di Blogspot

Related post .. apaan tuh? Sobat lihat aja screen shoot di bawah ini .. halah



Nah dah tau kan dan sekarang bila sobat ingin pasang seperti ini, silahkan ikuti tips berikut ini:

1. Login ke account Blogger
2. Pilih Layout atau Tata Letak --> Edit HTML
3. Setelah itu beri centang pada tulisan Expand Widget Templates
4. Sebaiknya back up dulu template sobat dengan meng-klik Download Template Lengkap
5. Cari kode dibawah ini (gunakan Ctrl F)

]]></b:skin>


Kemudian, copy dan paste kode CSS dibawah ini di bawah kode ]]></b:skin>

<link href='http://mendandaniblog.googlepages.com/RelatedPosts.css' rel='stylesheet' type='text/css'/>
<script src='http://mendandaniblog.googlepages.com/RelatedPost.js' type='text/javascript'></script>


Kemudian masih di halaman yang sama, cari kode berikut:

<p><data:post.body/></p>


Setelah itu, copy kode yang dibawah ini:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<font face='Arial' size='3'><b>Related Posts : </b></font><font color='#000000'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'>

<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicatesundefined); printRelatedLabelsundefined);
</script>
</div></b:if>


Pastekan dibawah kode <p><data:post.body/></p>

Nanti akan berbentuk seperti ini :

<p><data:post.body/></p>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<font face='Arial' size='3'><b>Related Posts : </b></font><font color='#000000'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'>

<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=100&quot;' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicatesundefined); printRelatedLabelsundefined);
</script>
</div></b:if>

Kemudian simpan dan lihat hasilnya.

*Untuk tulisan warna merah, bisa sobat ganti dengan apa yang sobat suka, seperti:
"Berita terkait, artikel Terkait ... dll"

Selamat mencoba n hepi BLOGGING :)

Baca juga yang terkait