Cara Membuat Artikel Terkait di Blogspot

Baca Juga

Baru saja saya pasang "Artikel Lainnya" atau "Artikel Terkait" (Related Posts) di blog ini. Tujuannya, agar setelah Anda baca satu artikel, dengan mudah melihat daftar artikel sejenis atau postingan lainnya.

Saya simpan di sini sekadar buat dokumentasi dengan ucapan thanks very much kepada blogger ProBlogiz yang sudah "sedekah ilmu" dengan memberi panduan cara membuat artikel terkait di blogger.

Berikut ini langkah-langkahnya:

1. Login ke Blogger>>> pilih Template >>> edit HTML

(backup template jika perlu)

Tekan F3 >>> cari kode tag </head>

Copy kode script ini :

<style> #related-posts { float : left;height:200px;overflow:auto; 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/AVvXsEicowR-wC1polVXwHeRdqo_Cm9au1eT-jCgPtD8Uy3LGG0KZwtxiucZjVsLKX7LI-uVqTI7HmDoUbq69bc6RBtmlfA8CCL6caSodNVaN4azM8MvEHCUKfz6YcIbafxs8GFhAA4r9hvCB8U/") 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://problogizjs.googlecode.com/files/Related-posts.js' type='text/javascript'/>

Lalu Paste sebelum tag </head>

2. Masih di edit Template >>> cari kode <data:post.body/>
Copy dan Paste kode HTML di bawah ini setelah tag <data:post.body/>

<b:if cond='data:blog.pageType == &quot;item&quot;'> <div id='related-posts'> <font face='Arial' size='3'><b>Artikel Terkait : </b></font><font color='#151515'><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=10&quot;' type='text/javascript'/></b:if></b:loop> </font> <script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script> </div></b:if> 

SAVE TEMPLATE!!!! Done!

Jika dalam template ditemukan lebih dari satu <data:post.body/>, coba saja satu-satu, mana yang berhasil. Kalau di template saya ini di <data:post.body/> yang kedua. Wasalam.*