Sabtu, 22 November 2008

Cara membuat kotak blogroll dan marquee

Kotak blogroll atau marquee yang sering digunakan oleh para banyak blogger adalah sebagai kotak menempatkan link-link yang penting, yang sering dia kunjungi, atau kebanyakan link-link yang tercipta karena transaksi tukeran link (link exchange).
Ada 3 cara yang bisa digunakan.

Caranya sebagai berikut :
1. Kotak Blogroll bergaya Text area
Pasang kode dibawah ini ke dalam page element di sidebar kamu ( Page Element  Add Page Element  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 :
- Untuk link, masukan link yang kamu ingin taro. Bagi yang lupa untuk cara menaruh kode link, akan saya berikan contohnya ;
<a href="http://acrooz.blogspot.com">Acrooz</a>
yang berwarna merah tulis dengan linknya
yang berwarna biru tulis dengan nama yang akan tampil, jadi setelah kode dimasukkan maka yang akan tampil hanya Afif saja, tapi jika diklik maka akan masuk ke halaman yang dimaksud.

- Kode width: 200px; dan height: 200px; adalah ukuran dan panjang kotak blogroll, kamu bisa merubahnya sesuka dirimu, tapi ingat jangan sampai melebihi sidebar.
- Ganti tulisan #link1, #link2, #link3, dst dengan daftar link-link yang kamu inginkan atau bisa diisi dengan banner blog.
- Hilangkan kode <br /> agar daftar linknya berjajar

2. Kotak Blogroll bergaya Marquee
Contoh untuk blogroll ini bisa dilihat di blogku. Itu loh... yang ada tulisan Site Friend’s, link-link yang ada di tampilkan akan bergerak ke atas, bawah, kanan, atau ke kiri, itu sesuka dirimu.
Pasang kode di bawah ini pada sidebar blogmu.

<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 menunjukkan ke arah mana link-link tersebut bergerak, kamu bisa menggantinya dengan down, left, right.
* Kode <br /> bisa kamu hilangkan agar pergerakannya horizontal (left atau right).
* Angka 100 menunjukkan tinggi dari kotak blogroll kamu. Semakin banyak angkanya maka akan semakin tinggi pula ukuran blogroll kamu, begitu pun sebaliknya.

Tidak ada komentar:

..Warning..

Bagi pengunjung blog ini...
Jangan lupa isi kolom komentar. Komentar anda sangat bermanfaat bagi saya....

Dan bagi yang ingin mengutip artikel dari blog ini, harap minta izin dulu lewat form kontak, atau shoutbox, atau komentar, atau juga langsung ke email saya di acrooz@yahoo.com

Thanks karena telah berkunjung ke blog ini.