Membuat Related Post Di Bawah Postingan Blog

Berbagi tips untuk membuat related posting nieh... 

Fungsi dari related posts adalah menampilkan artikel yang berkaitan yang ada dalam blog kita. Artinya misalnya sobat memposting artikel dengan label tutorial blog, blogger tutorial, SEO blogger, atau apa aja deh maka jika pengunjung mengklik artikel kita yang misalnya berlabel tutorial blog maka akan muncul menu dibawah postingan kita yang menyajikan artikel-artikel yang berlabel tutorial blogger.

1. Log in ke blogger dengan akun yang anda miliki.
2. Klik rancangan.
3. Edit Html » Centag kotak Expand template widget.
4. Cari kode </head> letakkan kode dibawah ini sebelum kode </head> yang anda temukan.
   
   <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/AVvXsEiLKigKgzqH87frFpUwLCtBUR7jyLD6YUvv4wPzO_kcH5Id7AF_pTINDzgU4eHYc5HzgKrTBXEbaYpcHefOPdPalyCj-C0i4Z8X6ZTzQMAFAixhQRHgnG9RQL53vvXCkBKuHiqgz_krnW0/") 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://yourjavascript.com/59285223811/related posts b-digg.js' type='text/javascript'/>
5. Sekarang cari kode <data:post.body/> jika ada dua pilih yang kedua dan letakkan kode di bawah ini dibawah kode <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>
6. Save dan lihat hasilnya