Tips Trik Blog: Cara Membuat Kotak Scroll dan Scroll Berjalan

Posted by Moh Arief Munandar 03.38, under ,, | No comments

Tips Trik Blog kali ini akan membahas mengenai Bagaimana Cara Membuat Kotak Scroll dan 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.. 
gimana gan berhasil kan?? kalau mau nanya coment aja ya,,, hehehe 
 

0 komentar:

Posting Komentar