Cara Memuat Related Post/Artikel Terkait pada Blogspot

Related Post atau biasa disebut Artikel Terkait selain berguna untuk SO ON PAGE juga dapat memudahkan pengguna dalam mencari artikel yg isinya hampir mirip/mirip.

Dibawah ini tips dalam membuat related post dengan menggunakan label:

caranya:
1. Login ke blogger
2. Pilih Template --> Edit HTML
3. Kalau khawatir nanti blognya error, mending di backup dulu.
4. Kalau dah aman lanjut... Beri tanda centang pada kotak kecil yang bertuliskan Expand Template Widget
5. Cari kode </head> ,kalau dah ketemu letakkan script ini diatas kode tsb
<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/AVvXsEgBxDvKZ0Oex7rV9SBjgexHslJtQETYdXInYYY6ptuYHZN9ZmuWn3p5Ef8VJ2NOO0s7DQtM9AuW3o23x7xyH3IdWJktNjeQE5XDGjij_qLid77f7GPxKMwdtrRUhyphenhyphenjeomx5o6N1OM6mm_a9/s1600/rss.png") 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://plassa.googlecode.com/files/related_post.js' type='text/javascript'/>
6. Cari kode <data:post.body/> ,kalau dah ketemu letakkan script ini dibawah kode tsb, jika ada dua kode yg sama letakkan yang kode yg pertama
<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 != "true"'>,</b:if><b:if cond='data:blog.pageType == "item"'> <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=5"' type='text/javascript'/></b:if></b:loop> </font> <script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script> </div></b:if>
7. Setelah itu SIMPAN...dan selesai.
Semoga Bermanfaat

Artikel Terkait