walapun cara memasang scroll pada widget seperti label atau popular post ini memang sudah banyak yang nge-share, tapi tidak ada salahnya saya kasih tau lagi ke teman yang belum tau. berikut langkah-langkahnyaa untuk  membuat widget Populer Post , Archive , Recent post juga Label memiliki scroll caranya gampang cuma nambah script sedikit

Related Post / Artikel terkait sangat berguna dan di butuhkan olehpara blogger untuk membuat  pengunjung lebih mudah mwlihat postingan yang lain juga sebagai navigasi pada blog.

berikut adalah cara untuk memasang related post di bawah postingan. postingan yang muncul adalha  Post yang berkaitan dengan artikel yang sedang di baca. 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 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;http://lh3.ggpht.com/_cNpXRtRph18/S76dASm3WGI/AAAAAAAAEJg/AVmw4HhRdsk/rss.png&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’/>

4. setelah itu cari kode <data:post.body/> letakkan kode berikut tepat di bawahnya
(Jika ada 3 kode yang mirip <data:post.body/> pilih kode yang ke 2 atau ke 3)

<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>

5. untuk kata Artikel Terkait bisa di ubah menjadi related post tergantung selera

6. terakhir save tamplate .