Kamis, 12 Agustus 2010

Cara Membuat Kotak Blogroll dan Marquee

Untuk trik kali ini, ada dua macam kotak blogroll yang akan kita buat, terserah kamu mau pilih yang mana. Kotak blogroll-nya yaitu:

1. Kotak Blogroll Model Textarea

Contohnya seperti kotak blog roll seperti punyaku itu !!!
Nah begini cara membuatnya :
Pasang code berikut ini di kedalam element kamu (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; ">

<a href=" link1">Kata/kalimat Anda</a> <br />
<a href=" link2">Kata/kalimat Anda</a> <br />
</div>

keterangan:
- Kode width: 200px; dan height: 200px; adalah ukuran lebar dan panjang kotak, kamu bisa merubahnya dan menyesuaikanya dengan ukuran yg kamu suka.
- Ganti tulisan " link1,link2, link3 dst " dengan daftar link-link kamu, oh ya itu juga bisa diisi dengan banner link.
- Ganti tulisan Kata/kalimat Anda dengan kata/kalimat yang ingin anda tampilkan pada blogroll Anda.
- Jika kamu pingin daftar link-linknya berjajar, maka hilangkan kode <br />

2. Kotak Blogroll Model Marquee

Kotak ini juga mampu menampung banyak link dalam tempat yang sempit. Namun kotak blog roll ini berbeda dengan kotak yg diatas, karena kotak yang ini tidak memiliki rollbar (yg biasanya disebelah kanan trus ditarik keatas kebawah itu lho). Link-link atau isi didalam kotak ini akan bergerak/berjalan, bisa vertikal atau horizontal. Nah gini nih cara buatnya:
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%" >

<a href=" link1">Kata/kalimat Anda</a> <br />
<a href=" link2">Kata/kalimat Anda</a> <br />

</marquee>

Keterangan :
- Kode "up" itu menunjukan arah pergerakan, kamu bisa menggantinya dengan down, left, right.
- Jika kamu menggantinya dengan pergerakan horizontal (left atau right) maka hilangkan kode <br />.
- Angka "100" menunjukkan tinggi dari kotak blogroll kamu. Semakin banyak angkanya maka semakin tinggi pula ukuran blogroll.
- Ganti tulisan " link1,link2, link3 dst " dengan daftar link-link kamu, oh ya itu juga bisa diisi dengan banner link.
- Ganti tulisan Kata/kalimat Anda dengan kata/kalimat yang ingin anda tampilkan pada blogroll Anda.


Selamat Mencoba…..Semoga Berhasil !!!