Cara Membuat Kotak Blogroll Marquee

Kamis, 12 Agustus 2010

Assalamualaikum Wr Wb.Pada kesempatan kali ini Maswid akan berbagi informasi tentang Tutorial Blogspot yaitu Cara Membuat Kotak Blogroll dan marque.ada dua macam kotak blogroll yang akan kita buat, terserah kamu mo pilih yang mana. Kotak blogroll-nya yaitu:


1. Kotak Blogroll Model Textarea

Contohnya seperti kotak blog roll seperti punyaku itu, itu lho yg atasnya ada tulisanya "Friend links"
Nha 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; ">

#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, oh ya itu juga bisa diisi dengan banner link.
- Jika kamu pingin daftar link-linknya berjajar kayak punyaku, 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 ato isi didalam kotak ini akan bergerak/berjalan, bisa vertikal ato 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%" >

#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
.
- Angka "100" menunjukkan tinggi dari kotak blogroll kamu. Semakin banyak angkanya maka semakin tinggi pula ukuran blogroll.

Selesai deh.



Baca Juga Artikel Yang ini yah..

6 komentar:

tiwi 12 Agustus 2010 pukul 16.47  

weew, bnyk ilmu ngeblog disini rupanya, brmanfaat u sy yg msh pemula. tfs teman...success 4 u...!

Maswid 12 Agustus 2010 pukul 16.54  

ok... semoga bermanfaat ya.
dan jangan lupa sebarkan ilmunya biar barokah.
.hehehe

Januar anas 13 Agustus 2010 pukul 21.51  

Amin ya robal alamin.....
Maswid mohon dukungannya..
dari blog saya yang masih jelek.
dan tak lupa kata-kata yang di sukai semut..
"Thanks for visit..."

www.upahkita.blogspot.com

Ary_Putra 27 Desember 2011 pukul 10.47  

Terima Kasih buat infonya gan. mantap jaya nih tutorialnya. sukses terus gan

:a: :b: :c: :d: :e: :f: :g: :h:
:i: :j: :k: :l: :m: :n: :o:
:p: :q: :r: :s: :t: :u: :v: :w:
:x: :y: :z: :1: :2: :3: :4:
:5: :6: :7: :8: :9: :10: :11: :12:
:13: :14:
Posting Komentar

Posting Komentar

Masukan Email Anda Untuk Berlangganan Artikel Terbaru:

Delivered by FeedBurner

Follow MaswidBlog

Komentar Terkini

Berita Terkini

  © MaswidBlog.blogspot.com On The Road by Ourblogtemplates.com 2009

Back to TOP