Membuat Widget dalam Scroll

cara membuat widget blogspot blogger

Artikel kali ini saya ingin berbagi dengan anda tentang bagaimana caranya membuat widget berada dalam scroll. Contohnya bisa dilihat disebelah kanan blog ini.
Tujuan utama saya memasukkan widget dalam scroll ini antara lain agar lebih menghemat ruang di sidebar selain banyak alasan-alasan lain.

Langsung saja..

• Setelah login ke blogger anda, tambahkan gadget
• Copy kode ini kedalam gadget : <div style="margin:0; padding:10px;height:250px;overflow:auto;border:0px;"><---pastekan script/kode yang ingin anda masukkan dalam scroll disini ---></div>
• Lalu simpan

Contohnya saya ingin memasukkan kode Recent post dalam scroll, maka kodenya akan seperti ini :

<div style="margin:0; padding:10px;height:250px;overflow:auto;border:0px;">
<script style="text/javascript" src="http://sites.google.com/site/hostingfreesite/javascript/Recent_Posts.js"></script>
<script style="text/javascript">var numposts = 5;var showpostdate = true;var showpostsummary = true;var numchars = 100;var standardstyling = true;</script>
<script src="http://oret-oretanku.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script>
</div>

Yang tebal merupakan kode scrollnya dan yang lain kode recent postnya
Silahkan mencoba!