Cara Membuat Kotak Blogroll dan Marquee

Pada saat link- link jumlahnya sudah banyak maka blog kita akan semakin sesak dan tentunya tidak sedap dipandang. Jika hal itu tidak diatasi dengan baik, pasti blog kita akan terlihat amburadul.

Berikut cara mengatasinya :
Kita buat blogroll, ada dua macam kotak blogroll yang akan kita buat, terserah anda pilih yang mana.

1. Kotak Blogroll Model Textarea

cara membuatnya :
Pasang code berikut ini di kedalam element anda (Page Elements --> Add a Gadget --> HTML /Javascript)

< div style="border: 1px solid rgb(153, 153, 153);
overflow: auto;
width: 200px;
height: 200px;
text-align: center; ">

#link1

#link2

#link3

#link...

< /div>

keterangan:
- Kode width: 200px; dan height: 200px; adalah ukuran lebar dan panjang kotak, anda bisa merubahnya dan menyesuaikanya dengan ukuran yang anda suka.

- Ganti tulisan "#link1,#link2, #link3 dst" dengan daftar link-link anda, juga bisa diisi dengan banner link.

- Jika anda ingin daftar link-linknya berjajar , maka hilangkan kode



2. Kotak Blogroll Model Marquee

Kotak ini juga mampu menampung banyak link dalam tempat yang sempit. Namun kotak blog roll ini berbeda dengan kotak yang diatas, karena kotak yang ini tidak memiliki rollbar (yang biasanya disebelah kanan dan bisa ditarik keatas kebawah ). Link-link atau isi didalam kotak ini akan bergerak/berjalan, bisa vertikal atau horizontal.

cara membuatnya:
Pasang code berikut ini di kedalam element kamu (Page Elements --> Add a Gadget --> HTML /Javascript)

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

#link1

#link2

#link3

#link...


< /marquee>

Keterangan :
- Kode "up" itu menunjukan arah pergerakan, anda bisa menggantinya dengan down, left, right.

- Jika anda menggantinya dengan pergerakan horizontal (left atau right) maka hilangkan kode
.

- Angka "100" menunjukkan tinggi dari kotak blogroll anda. Semakin banyak angkanya maka semakin tinggi pula ukuran blogroll.


Sumber: parablogger

Baca juga artikel lainnya !

UBUNTU CORNER