Memasang widget artikel terkait

untuk paraa blogger yang ingin memasang related post atau artikel terkait berikut caranya, sebelumnya untuk artikel terkait ini di ambil dari label yang sama jadi saat kita posting artikel terkait yag keluar merupakan artikel yang label nya sama dari postingan itu. langsung ajah untuk memasang Artikel terkait berikut caranya 
1. login ke blogger 
2. pilih Tamplate  --> edit html --> proceed lalu jangan lupa untuk klik expand widget tamplate 
3. lalu cari kode </head> untuk mencarinya tinggal ctrl + , lalu letakkan kode berikut tepat di atasnya
<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://sites.google.com/site/multipaste1/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='https://sites.google.com/site/multipaste1/Related_posts.js?attredirects=0=1' type='text/javascript'/> 

4. setelah itu cari kode <data:post.body/> letakkan kode berikut tepat di bawahnya

<b:if cond='data:blog.pageType == &quot;item&quot;'>
 <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'><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>

5. untuk kata Artikel Terkait bisa di ubah menjadi related post tergantung selera
6. terakhir save tamplate .

sekian dari saya, jika ada yang kurang jelas silahkan komen di bawah ini


sumber
http://ilfen-share.blogspot.com/2012/12/memasang-related-post-artikel-terkait.html

Posted in: Blogger