Menambah 'Related Post (Artikel Terkait)' di Blogger

Sahabat blogger, kali ini kita akan mebahas tentang cara menambah Related Post (Artikel Terkait) di blogger. 

1. Login ke blogger kamu.

2. Dari Dasbor, kemudian pilih Layout (Rancangan) -> Edit HTML

3. Jangan lupa beri tanda centang pada Expand Template Widget

4. Cari kode berikut </head&gt; , untuk mempermudah pencarian tekan F3, sehingga akan muncul 
    search box dan pastekan kode yang mau dicari tadi.

5. Paste-kan kode dibawah ini sebelum kode </head>

<style> #related-posts { float : left; width : 540px; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 11px Verdana; margin-bottom:10px; } #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 { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRFHhIVuR6YM0UBVvpqS3N8ydNiBdkMqIjD3DA7-t8lLfS8xWIM7oHaqdOuQYiPetvZOAAuYmsQryMhi7K7Wd3cnuVHBRqotVif1V51nW_L_NvA6m2G0SvkvnT3Zw4N80MOGJC2dGCxJs/") no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #cccccc; } </style> <script src='http://theblogtemplates.com/scripts/Related_posts_hack.js' type='text/javascript'/>

6. Sekarang cari kode seperti berikut  <data:post.body/>. Dalam beberapa template blogger kode akan sedikit berbeda seperti dibawah :
<div class='post-body>
atau
<data:post.body/>

7.  Tambahkan kode berikut tepat dibawah kode tadi :

<b:if cond='data:blog.pageType == "item"'>
<div id="related-posts">
<font face='Arial' size='3'><b>Related Posts : </b></font><font color='#FFFFFF'><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'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div></b:if>

8. Simpan template kamu!!

Note :
Untuk mengganti jumlah Related Post yang ditampilkan, cari kode berikut max-results=5 ganti angka 5 tersebut sesuai dengan jumlah yang ingin kamu tampilkan.

Nice try ^________________________________^

Diambil dari : http://widgetsforfree.blogspot.com/2009/01/related-posts-widget-for-blogger.html
dengan perubahan seperlunya.

Artikel Terkait