Untuk memperindah tampilan Blog, membuat kotak Blogroll sangat penting bagi para blogger. karena dengan membuat kotak Bloggroll maka blog kita akan lebih banyak di kunjungi oleh pengunjung. Ada 2 Macam bentuk Bloggroll dan cara membuatnya begini:
1. Kotak Blogroll Model Textarea
Model ini Bloggroll dengan scroll bar :
Copy dan Pasang code berikut ini di kedalam element kamu (Page Elements --> Add a Gadget --> HTML /Javascript)
dan hasilnya akan seperti di bawah ini :
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.
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 blogger 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 element kamu (Page Elements --> Add a Gadget --> HTML /Javascript)
hasilnya seperti ini :
Keterangan :
- Kode "up" itu menunjukan arah pergerakan, kamu bisa menggantinya dengan down, left, right.
- Jika kamu menggantinya dengan pergerakan horizontal (left / right) maka hilangkan kode
- Angka "100" menunjukkan tinggi dari kotak blogroll kamu. Semakin banyak angkanya maka semakin tinggi pula ukuran blogroll.
Sekian dulu dari saya, selamat mencoba dan terima kasih
1. Kotak Blogroll Model Textarea
Model ini Bloggroll dengan scroll bar :
Copy dan 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>
overflow: auto;
width: 200px;
height: 200px;
text-align: center; ">
#link1< br />
#link2 <br />
#link3 <br />
#link...
</div>
dan hasilnya akan seperti di bawah ini :
#link 1
#link 1
#link 1
#link 1
#link 1
#link 1
#link...
#link 1
#link 1
#link 1
#link 1
#link 1
#link...
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.
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 blogger 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 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>
#link1 <br />
#link2 <br />
#link3 <br />
#link... <br />
</marquee>
hasilnya seperti ini :
Keterangan :
- Kode "up" itu menunjukan arah pergerakan, kamu bisa menggantinya dengan down, left, right.
- Jika kamu menggantinya dengan pergerakan horizontal (left / right) maka hilangkan kode
- Angka "100" menunjukkan tinggi dari kotak blogroll kamu. Semakin banyak angkanya maka semakin tinggi pula ukuran blogroll.
Sekian dulu dari saya, selamat mencoba dan terima kasih