Widget | Cara Membuat Blog roll Marquee

 

Postingan ini buat MiniChan yang pernah menanyakan bagaimana cara buat pasang banner di sidebar yang bisa nge-roll...

Apakah Perlu, Kotak BlogRoll dengan Marquee?.. :D Gak tahu Jawab Saja sendiri, hehe,, tujuan di buatnya Kotak BlogRoll Marquee ini tidak lain dan tidak bukan untuk Menampilkan semua Link teman kita, selain itu juga untuk menjadikan Blog Kita lebih menarik bukan?.. :D ada beberapa cara yang dapat kita Usung/ gunakan untuk membuat Marquee, diantaranya adalah :

1. Kotak Blogroll Model Textarea

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, maka hilangkan kode <br /> dan ganti dengan tanda |

Contoh jadinya seperti ini ntar:



Kumpulan Artikel Menarik dari berbagai Sumber


Kumpulan Artikel Menarik dari berbagai Sumber


Kumpulan Artikel Menarik dari berbagai Sumber




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

Contoh jadinya ntar seperti ini:

Kumpulan Artikel Menarik dari berbagai Sumber



OK SELAMAT MENCOBA......



Sumber: http://hera-ku.blogspot.com
Tags:

About

Thank you for your visit in my blog, you can access subtitle in this blog. If you need subtitle you can request in my contact or comment in one of article. Author : Alan Hendrawan

2 comments

Leave a Reply

Thank you for your comment in my blog