Cara Membuat Artikel Terkait Tanpa Label di blogspot

Artikel menarik kali ini akan mencoba membahas tentang bagaimana cara membuat artikel terkait tanpa mencantumkan label. di mesin perambah Google bertebaran blog yang menawarkan trik membuat Artikel terkait atau Related post. Kenapa saya ikut menukis juga? salah satu alasannya karena dari sekian banyak yang disuguhkan ternyata tidak semuanya sesuai dengan apa yang kita inginkan.

Dari sekian banyak tips yang pernah saya coba, masalah yang muncul biasanya Related post selalu dikelompokkan berdasarkan label. Jika anda ingin related post hanya menampilkan Judul-judul posting saja dan tanpa mencantumkan label, berikut contohnya:

Cara membuat related post 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; }

Ganti warna Biru dengan selera anda

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

<script src='http://infobege.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>

Silahkan ganti teks Related Post sesuai dengan selera anda, Ganti angka 5 dengan jumlah posting yang anda ingin untuk dimunculkan.

7. Save Template, dan lihat hasilnya