Cara Menampilkan "Artikel Terkait" atau "Related Posts' (Versi II)

Tips menampilkan ‘Artikel Terkait’ atau ‘Related Posts’, kebanyakan memuncukan nama kategori/label. Jika anda tidak ingin menampilkan kategori/label pada ‘Related Posts’ (Tampilan artikel tetap berdasarkan label, hanya nama label disembunyikan), berikut caranya :

1. Buka menu Design/Rancangan kemudian pilih Edit HTML.

2. Beri tanda centang pada ‘Expand Template Widget’

3. Cari kode ini ]]></b:skin>

4. Salin script berikut di atas ]]></b:skin> :

#related-posts { float : left; width : 250px; margin-left : 5px; font-size: 12px; line-height : 1.8em; margin-bottom:10px; }
#related-posts a{ color:#0000CC; }
#related-posts a:hover{ color:#ca1717; }
#related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; }
#related-posts a { text-decoration : none; }
#related-posts a:hover { text-decoration : none; }
#related-posts ul { margin : 10px 5px 5px 20px; padding : 0; } 

Catatan : Kode warna biru dapat diganti sesuai selera anda.

5. Lalu cari kode </head> dan letakkan script berikut di atasnya:

<script src='http://infobege.googlecode.com/files/Related-posts.js' type='text/javascript'/>

6. Kemudian cari kode <data:post.body/> (Jika ada dua kode, pilih yang pertama). Lalu letakkan kode berikut di bawahnya:

<div id='related-posts'>
<div style='font-size:18px'><b>Related Posts:</b></div>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'/>
<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>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div>

Catatan : Teks Related Posts: dapat diganti sesuai keinginan anda, misalnya dengan Artikel Terkait:. Ukuran huruf 18px juga bisa diubah sesuai kebutuhan. Ganti angka 5 dengan jumlah posting yang ingin anda tampilkan.

7. Save Template.