Artikel Terkait tanpa Label

Mugkin diantara sobat banyak yang sudah tau tentang cara membuat Related Post atau Artikel terkait, tetapi dari kebanyakan sumber blog yang menyediakan tutorial blogger masih banyak yang salah dalam penempatan kode dan scriptnya, itu pun saya rasa hasil dari Co-Pas (Copy Paste) blog orang lain tanpa melihat Script yang dia Copy ketinggalan apa tidak :D.

Diantara banyak script Related Post yang betebaran di dunia per-blogan di indonesia jarang sekali yang membahas tentang Related Post tanpa Label, tanpa banyak basa basi saya akan membahas Scriptnya step by step.

Berikut cara membuat Artikel Tekait tanpa Label

1. Buka menu Layout kemudian pilih Edit HTML
2. Beri tanda centang pada cekbox “expand template widget”
3. Gunakan Ctrl F pada keyboard komputer anda untuk mencari kode ini ]]></b:skin>
4. Setelah ketemu letakkan kode berikut diatasnya:
   

   #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; }
   

5. Lalu cari kode </head> dan letakkan kode berikut diatasnya:
   

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

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

   <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>
   

7. Silahkan ganti Teks Related Post dengan selera anda. Ganti angka 5 dengan jumlah posting yang anda ingin untuk dimunculkan
8. Langkah terakhir simpan pekerjaan Sobat dengan menekan tombol Save Template

Semoga berhasil, jika Sobat masih menemui kendala silahkan Tinggalkan Komentar, dilain waktu saya akan membalasnya...