Tips dan trik Membuat kotak scroll & scroll berjalan

Membuat Kotak Scroll biasa. 

Kotak scroll dipakai untuk menyederhanakan tampilan widgets supaya dapat menghemat ruang pada Blog sobat.




langsung aja, sobat masuk dulu ke akun Blogger sobat.
masuk ke Tata Letak - Elemen Halaman - Tambah Gadget - Edit HTML/ Javascript
lalu masukan kode berikut:

<div style="overflow:auto; width:100%px; height:200px; padding:10px; border:1px solid #999999;">

.:ISIKAN KODE WIDGETS YANG AKAN DIBERI KOTAK SCROLL:.

 </div>

Setelah itu sobat SAVE.
Selesai.

 Membuat Kotak Scroll Berjalan (Blogroll). 

lakukan cara yang sama dengan cara diatas, lalu tambahkan kode berikut:

<MARQUEE align="center" direction="up" height="100" scrollamount= "2" onmouseover='this.stop()' onmouseout='this.start()' width="95%" >

#link1 <br />
#link2 <br />
#link3 <br />
#link...<br />

</marquee> 

 Jadi clo digabungin semuanya jadinya:

<div style="overflow:auto; width:100%px; height:200px; padding:10px; border:1px solid #999999;">

<MARQUEE align="center" direction="up" height="100" scrollamount= "2" onmouseover='this.stop()' onmouseout='this.start()' width="95%" >

.:ISIKAN KODE WIDGETS YANG AKAN DIBERI BLOGROLL:.

</marquee> 

</div>

Keterangan :
- Kode "up" itu menunjukan arah pergerakan, kamu bisa menggantinya dengan down, left, right
- Angka "100" menunjukkan tinggi dari kotak blogroll kamu. Semakin banyak angkanya maka semakin tinggi pula ukuran blogroll. 

Selamat Mencoba gan..