Cara Pasang Related post / Artikel Terkait untuk Blogspot

Lagi-Lagi tutorial blog nih sobat.. kali ini saya akan..... (Tahu kan mau ceritain apa? :D hehehe) Yaudh langsung aja...

Pasang Related post / Artikel Terkait untuk blogger/blogspot. Dengan memasang widget related post dibawah setiap artikel ini akan membuat banyak pembaca akan tetap di situs anda untuk waktu yang lebih lama ketika mereka melihat posting yang berhubungan dengan artikel yang sedang dibaca.

Berikut ini cara pasang related post by category untuk blogspot atau blogger platform:
Login ke blogger. masuk ke menu “Desain“(Layout) -> Edit HTML
Backup/simpan template untuk jaga-jaga.
Centang kotak “Expand Widget Templates“
Cari kode </head>, lalu ganti/timpa dengan dengan kode dibawah ini:

<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/AVvXsEibjIVDp583QH85DZf__2pL_SR_EyP2GQ1ch3689SQYcleVExOuU1nB3wSOpz_QTe84HIKdGnn_aWxxQ_-PkMtDmTvWMDFwO8PkBSqBxpuEB5bb8-ot-rnUDmdYYpXOyYfzLy3iCdhK1X4/”) 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://jarlok.com/Script/Related_posts_hack.js’ type=’text/javascript’/>
</head>

Lalu cari kode <data:post.body/>, kemudian ganti/timpa dengan kode dibawah ini:

<data:post.body/>
<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>

Selanjutnya simpan template.
Untuk hasilnya lihat diblog ini dibawah setiap artikel.

Untuk merubah berapa artikel ditampilkan ganti nilai max-results=5 pada kode no.5, bagi yang berminat silahkan dicoba.