Cara Membuat Kotak Blogroll dengan 2 model
Posted by [T]entor [B]log on Jumat, 29 Januari 2010
Share this post:
|
Hai sobat, apakah kalian tahu tentang kotak blogroll? Kotak blogroll merupkan sebuah kotak sederhana, dimana kita bisa menggesernya ke atas maupun ke bawah.
Untuk contohnya ada dibawah ini :
#link2
#link3
#link...
Nah, sekarang kalian tahu kan tentang kotk blogroll? Sekarang saya berikn tutorilnya untuk membuatnya. Tenang saja, untuk membutnya sangatlah mudah. Saya akan memberikan 2 model kotak blogroll, yaitu : yaitu seperti kotak textare yang memilik roll bar yang biasa ditari ke atas ataupun kebawah dan yang kedua model Marquee (artikel berjalan).
1. Kotak Blogroll Model Textarea
Berikut cara untuk membuatnya :
Pasang code berikut ini di kedalam Element kamu – Page Elemen >> ADD Gadget >> HTML/JavaScript.
Seperti biasa, masukkan kode dibawah ini kedalam kotak HTML/JavaScript :
<div style="border: 1px solid rgb(153, 153, 153);
overflow: auto;
width: 200px;
height: 200px;
text-align: center; ">
#link1 <br />
#link2 <br />
#link3 <br />
#link...
</div>
Keterangan :
- Kode width: 200px; >> adalah ukuran lebar kotak “200px” <<>> height: 200px; panjang kotak “200px”, kamu bisa merubahnya dan menyesuaikanya dengan ukuran yg kamu suka ata seseuai dengan ukuran blogmu.
- Ganti tulisan "#link1,#link2, #link3 dst" dengan daftar link-link kamu, bisa juga diisi dengan banner link, dsb.
- <br /> sama dengan [Enter], jika kamu ingin link – linknya berjajar 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 blogroll diatas, karena kotak yang ini tidak memiliki rollbar. Link-link atau isi didalam kotak ini akan bergerak/berjalan, bisa vertikal atau horizontal dan biasa disebut dengan kotak marquee.
Berikut cara untuk membuatnya :
Pasang code berikut ini di kedalam Element kamu – Page Elemen >> ADD Gadget >> HTML/JavaScript.
<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>
Keterangan :
- Kode "up" itu menunjukan arah pergerakannya, kamu bisa menggantinya dengan down, left, right
- Jika kamu menggantinya dengan pergerakan horizontal (left ato right) maka hilangkan kode <br />
- Angka "100" menunjukkan tinggi dari kotak blogroll kamu. Semakin banyak angkanya maka semakin tinggi pula ukuran blogroll.
Nah, untuk keterangan diatas ada yang tidak dimengerti? Silahkan isi komentarnya. untuk selanjutnya saya punya tips and trik agar kotak blogroll akan tampil lebih cantik dan keren. di tunggu ya tips and trik nya? Thanxs !!