22/07/11

Cara Membuat Kotak Blogroll dan Marquee

Membuat kotak Blogroll sangat di sarankan bagi para blogger. kenapa sangat di sarankan, karena dengan membuat kotak Bloggroll maka blog kita akan lebih banyak di kunjungi oleh pengunjung. Buatlah banner blog dengan tampilan yang menari maka orang akan mengunjungi blog kita. Saya sarankan untuk menggunakan Kotak Blogroll model Marquee karena pengunjung tidak usah me-roll ke atas-bawah karena sudah otomatis bergerak ke kiri, kanan. atas atau bawah. Jadi lebih seperti tampilan flash yang bergerak-gerak sendiri. OK, bagaimana cara membuatnya. Caranya bisa di dilhat di sidebar berikut ini :
Ada 2 Macam bentuk Bloggroll :

1. Kotak Blogroll Model Textarea 
Model ini Bloggroll dengan scroll bar :
Pasang code berikut ini di kedalam Elemen Laman anda (Rancangan --> Tambah Gadget --> HTML /Javascript)

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

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

</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, bisa diisi dengan banner link bagus-bagus.
  • Jika kamu ingin daftar link-linknya berjajar kayak punyaku, maka hilangkan kode <br />

2. Kotak Blogroll Model Marquee
Kotak ini mampu menampung banyak link dalam tempat yang sempit. Namun kotak Blogroll ini berbeda dengan kotak yg diatas, karena kotak yang ini tidak memiliki rollbar (yg biasanya disebelah kanan trus ditarik keatas kebawah). Link-link ato isi didalam kotak ini akan bergerak/berjalan, bisa vertikal ato horizontal ke kanan atau ke kiri. Berikut cara membuatnya :
Pasang code berikut ini di kedalam widget anda (Rancangan --> Tambah 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 pergerakan, kamu bisa menggantinya dengan down, left, right (udah mudeng to artinya, gak usah dijelasin ya).
  • 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.



    Artikel Terkait :

    Tidak ada komentar:

    Posting Komentar