WIDGET UNTUK LIST dengan SCROLLBAR untuk BLOGGER

Kotak daftar dengan scrollbar, scrollbar widget blogger, bingung juga judul yang tepat untuk posting kali ini,widget daftar link dengan scrollbar.. apapun lah.
bingung? widget yang saya maksud bentuknya adalah seperti ini ;






Tertarik untuk memasang nya di blog anda?

Hal pertama yang harus anda lakukan untuk memasang widget dengan scrollbar di blog anda adalah anda harus login terlebih dahulu ke blogger, masuk ke menu layout, kemudian add gadget, anda bisa menaruhnya di mana saja sesuai selera anda, kemudian pilih HTML/javascript.

Copypaste kode berikut :

<style>
.list {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinbV6C51XAW-Nbh7Hk-748joFPbSGrQR7_K1bXOB4B3v5mznLQNzbEx11_eZSOQCxy5nIojEv3bJPeXDKz2w9gDf24BYScM_BLtTkYE4WFdoiEYp29j4GaZqhhtrOyFZJoiHRGOIJ-ibA/s1600/blogger_bg.png") no-repeat left center;border-bottom:1px dotted #ddd;line-height:1.2em;padding:3px 0px 0px 20px;
}
</style>

<div style="background-color: #fffff; border: 0px solid #000000; height: 110px; margin: 0px 0px 0px 0px; overflow: auto; padding: 3px; width: 220px;">


<div class="list">
<a href="alamat link anda">tulisan pengganti link</a></div>

<div class="list">
<a href="alamat link anda">tulisan pengganti link</a></div>

<div class="list">
<a href="alamat link anda"> tulisan pengganti link </a></div>

<div class="list">
<a href="alamat link anda"> tulisan pengganti link </a></div>

<a href="http://goo.gl/IBLS8" target="_blank"><img alt="get this widget" border="0" height="1" src="https://lh5.googleusercontent.com/-pY8fof2PvxU/T_ki9MXXh8I/AAAAAAAAAJs/w9jDEQF0lLk/s256/coollogo_com-72633362.jpg" width="1" /></a>
</div>
</div>

*Ket:
Semua tulisan berwarna merah silahkan anda rubah sesuai kehendak anda, untuk background url silahkan isi dengan link gambar yg nantinya akan menjadi latar tulisan link anda, untuk width dan height, sesuaikan dengan jumlah daftar yang akan anda masukkan, jika list nya lebih pendek dari height, maka scrollbar tidak akan muncul.
Setelah selesai kemudian save, dan lihat hasilnya di blog anda.
Jika menurut anda postingan kali ini bermanfaat, kembali saya mengajak anda untuk menyempatkan waktu mengunjungi beberapa link di bawah ini ;





Semoga bermanfaat, terima kasih telah berkunjung dan membaca cara memasang widget scrollbar di blog.






loading...