Membuat kotak blogroll

Tukar menukar link atau banner dgn sesama blogger adalah hal yg biasa. Untuk menyimpan kumpulan link atau banner tersebut biasanya blogger membuat kotak yg biasa disebut kotak blogroll. Untuk membuat widget kotak blogroll yg kita perlukan adalah tag kode html. Berikut adalah beberapa contoh kotak blogroll dan tag htmlnya yg bisa dicoba :




Dan ini adalah kode htmlnya masing-masing blogroll tsb:
Bloggroll 1

<div style="border: 1px solid rgb(153, 153, 153); overflow: auto; width: 150px; height: 200px; text-align: center; background:#FFFFF;">

<a href="http://URL-BLOG" target="_blank">Tekslink 01</a><br/>

<a href="http://URL-BLOG" target="_blank">Tekslink 02</a><br/>

Link lainnya

</div>

Blogroll 2 (tanpa pembatas)

<div style="border: 0px; overflow: auto; width: 150px; height: 200px; text-align: center; background:#FFFFFF;">

<a href="http://URL-BLOG" target="_blank">Tekslink 01</a><br/>

<a href="http://URL-BLOG" target="_blank">Tekslink 02</a><br/>

Link lainnya

</div>

Blogroll 3 (dgn background)

<div style="border: 1px solid rgb(153, 153, 153); overflow: auto; width: 150px; height: 200px; text-align: left; background:#FEA8A1;">

<a href="http://URL-BLOG" target="_blank">Tekslink 01</a><br/>

<a href="http://URL-BLOG" target="_blank">Tekslink 02</a><br/>

Link lainnya

</div>

Kita bisa mengubah lebar dan tinggi kotak blogroll tsb dgn mengubah angka yg terdapat setelah width ( lebar ) dan height ( tinggi ) sesuai ukuran yg kita inginkan. Demikian juga dgn align teks bisa kita ubah menjadi left ( kiri ), center ( tengah ), atau right ( kanan ) setelah tulisan text-align: Untuk mengubah background masukan kode warna setelah tulisan background:# sesuai dgn keinginan kita.
Selamat mencoba...
courtesy dari Pak Hakim Tea