Membuat Artikel Terkait

Tentunya jika ingin pengunjung blog anda merasa betah dan mudah dalam membaca artikel-artikel blog anda, membaca posting dan sekaligus posting link terkait lainya bisa disampaikan kepada pengunjung untuk dibaca dengan menampilkan posting-posting lainya, hasil bloging dari posting temen-temen blog juag lirik banyak edit dikit dikit dikit. Cara Memasang Widget Artikel Terkait Dengan icon keren di blogger 

1. Buka Blogger Dasbor 

2. Kemudian masuk ke Menu Template

3. Pilih Edit HTML 

4. Kemudian letakkan kode berikut di bawah </head>

<style type='text/css'> #related-posts { float : left; width : 100%; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 12px Arial; 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(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy5fFcCF1ePa8wB9Ks3BahVOPCAVm7MrQxq2ifeQ-qyyPLPPzGEK9u6IuTkqzXccVEK4fDXaLOu4QRHqsCqW6Ng7B1k60fVU16LALUszEVlZ2g5TqGASBs1ElDU8et2IGYep9ys-2lWcQ/&quot;) 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://belajarblogging.googlecode.com/files/relpost.js' type='text/javascript'/>

5. Jika sudah, cari lalu pasang kode berikut percis dibawahnya

<b:if cond='data:blog.pageType == "item"'><div id="related-posts"><font face='Arial' size='3'><b>Artikel Terkait : </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>

6. Sebelum di save pratinjau dulu, dah OK klik SAVE Untuk hasilnya, sobat bisa dilihat diposting blog ini,