Membuat Widget Related Post (Posting Terkait)


 
blog Indonesia - Lama juga ya, tidak pernah posting di blog ini. Karena ada banyak masalah di kampus yang tidak bisa saya tinggalkan. Nah.. untuk mengawalinya saya akan berikan sebuah tips pemasangan widget related post dengan icon. Ini sangat membantu dalam teknik SEO Blogger, karena secara tidak sadar suatu postingan yang ada di blog sobat, akan lebih cepat dilihat oleh pengunjung.
Oke langsung saja kita mulai deh....

1. Seperti biasa, kalian harus login dulu ke akun blogger
2. Kemudian masuk ke rancangan lalu Edit HTML
3. Jangan lupa Expand Template Widget
4. Biasakan back up temnplate dulu ya
5. Kemudian pasang kode berikut di bawah tag </head>
<style type='text/css'> #related-posts { float : left; width : 100%; 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(&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTuRbsA0fZvaNvUhUb2DoZo23SWM2IBvKhnRWJA8Ex5hk4Yb0V1d4IjtekbFYh2VkvEb4f1SnmxgYmbUWIg7ZFfMhtpqQALN0itOqT0EJcGjmKaX5mArkxLfzX2WcUwDknLMRIBt_1NCE/&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'/>
6. Jika sudah, cari <data:post.body/> lalu pasang kode berikut di bawahnya
<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>
7. Dan yang terakhir tentu saja save template dan lihat hasilnya
 Selamat mencoba dan semoga sukses ya sob...

Leave a Reply