Cara membuat widget brogroll bentuk kotak

Kata orang hemat pangkal kaya..kwkwkw, ga nyambung banget ya!! Terkadang widget brogroll kita terlalu banyak dan panjang sehingga memakan banyak tempat di sidebar blog kita, jadi gimana caranya agar lebih hemat tempat.
Untuk membuat widget kotak blogroll tersebut yang Anda perlukan adalah tag HTML sebagai berikut,

Kode HTML blogroll dengan border (Blogroll 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>

Kode HTML blogroll tanpa border (Blogroll 2)

<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>

Kode HTML blogroll dengan background (Blogroll 3)

<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>

Sebagai keterangan width (lebar) dan height (tinggi) dapat anda ubah ukurannya sesuai dengan ukuran sidebar template anda. Kemudian jika anda ingin merubah warna untuk menyesuaikan dengan template anda, hanya mengubah kode warna setelah background :#.....,dan untuk bentuk tulisan brogroll pada widget (text-align) anda hanya perlu merubah menjadi left (kiri), right (kanan) atau center (tengah) setalah text-align: ... Semoga bermanfaat.

Related Posts by Categories