Sunday, July 17, 2011

Cara Membuat Kotak Blogroll dan Marquee Pada Blog

Jumpa kembali sobat di sini. Apa kabarnya kalian hari ini. Kali ini ayo sama-sama kita coba mempelajari bagaimana Cara Membuat Kotak Blogroll dan Marquee Pada Blog. yang munkin banyak sekali manfaatnya pada blog kita fungsi dari Kotak Blogroll dan Marquee tersebut. Baiklah sobat langsung saja kita praktekin saja ya sobat caranya.

1. Kotak Blogroll Model Textarea

Untuk yang ini cara membuatnya adlah sebagai berikut :

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; ">


#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.
-  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 ato 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 <br />
#link2 <br />
#link3 <br />
#link...<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.

Semoga sukses dan bermanfaat ya sobat

No comments:

Post a Comment