Ternyata banyak juga yang bertanya mengenai blogroll yang saya
gunakan karena mungkin hemat tempat. Dan mungkin karena sadar segalanya
sekarang serba naik; baik BBM yang naik disusul harga kebutuhan pokok
naik, juga ongkos angkutan umum yang ikut naik 30 hingga 50%, maka
segalanya perlu diperhemat, termasuk pemasangan blogroll yang mesti
diperhemat juga *beuh, ga nyambung* heuheu.
Saya tidak tahu harus menamai apa blogroll ini, tapi menurut keyword
yang masuk dan pertanyaan yang saya terima diantaranya, cara membuat
widget kotak untuk blogger, widget kotak blogroll untuk blogger, widget
blogroll untuk blogger, tempat blogroll hemat, blogroll hemat tempat,
kode html tempat blogroll, cara membuat blogroll hemat tempat, cara
membuat widget kotak, cara membuat widget blogroll, blogroll wordpress,
wp plugin blogroll, widget blogroll untuk wordpress (wp), dan sebagainya
yang pasti untuk satu tujuan yaitu penghematan tempat di blog. memanfaatkan keyword prase ya om?. Bagaimanapun, widget blogroll ini memang hemat tempat.
Berikut ini tiga tipe contoh blogroll yang bisa Anda gunakan baik
yang bernaung dibawah bendera blogger ataupun blog wordpress self hosted
maupun dengan hosting wordpress (free). Dan widget blogroll ini hanya
memerlukan tag HTML biasa dengan menggunakan semacam “kotak” kemudian
diberi overflow dengan dibatasi width (lebar) dan height (tinggi)
sehingga overflow pun berfungsi dengan baik jika link blog teman-teman
Anda sudah begitu banyaknya. Tiga tipe tersebut adalah dengan border
(garis tepi) tanpa border dan menggunakan warna background.
Tag HTML blogroll dengan border (Blogroll 1)
Tag HTML blogroll tanpa border (Blogroll 2)<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>
Tag HTML blogroll dengan background (Blogroll 3)<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>
Anda bisa mengubah lebar dan tinggi kotak widget blogroll tersebut dengan mengubah angka yang terdapat setelah width (lebar) dan height (tinggi) disesuaikan dengan ukuran sidebar template Anda. Lalu untuk align teks dan backgroundnya, Anda bisa mengubah left (kiri), right (kanan) atau center (tengah) setalah text-align: dan mengubah kode warna setelah background:# … disesuaikan dengan warna template Anda.<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>
Selamat mencoba!
0 komentar:
Posting Komentar