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

4 comments:

  1. Bermitralah dengan saya, Hendy Kusmarian, untuk menguangkan (monetize) situs/blog dan Group FB anda dengan cara yang JAUH LEBIH BAIK & LEBIH ADIL daripada yang diberikan Google AdSense dan semua program periklanan Pay-per-Click lainnya. Ini adalah alat promosi instan online revolusioner PERTAMA & SATU-SATUNYA di Indonesia! Info lengkap & pendaftaran gratis silakan ke http://jayadinamikabersama.com/mitra-woro2.php

    ReplyDelete
  2. senangnyapakecheat.blogspot.com

    ReplyDelete