Membuat Widget Kotak Blogroll Menghemat Tempat

Sesuai dengan judul postingan ini bahwa Blogroll Menghemat Tempat pada blog kita, ini bisa kita manfaatkan jika banayak link teman-teman di blog kita, kemudian blogroll juga bisa kita gunakan bukan hanya link berupa teks saja tapi link-link bergambar seperti banner dari blog teman-teman atau gambar-gambar lainnya. di bawah ini tiga contoh blogroll yang bisa sobat gunakan. tipe-tipe ini perbah dicoba pada blogger dan worpress. widget blogroll ini berupa tag HTML/cript dan sobat tinggal memasangnya pada gadget. Ketiga tipe tersebut adalah blogroll yang menggunakan background, blogroll border (garis pinggir), dan blogroll tanpa border. lihat contohnya di bawah ini.





Code scipt blogroll dengan background (Blogroll 1)


<div style="border: 1px solid rgb(153, 153, 153); overflow: auto; width: 150px; height: 180px; text-align: left; background:#7fffda;">
<a href="http://url-blog/" target="_blank">nama lik 01</a>

<a href="http://url-blog/" target="_blank">nama link 02</a>

link lainnya

</div>

Code scipt blogroll dengan garis pinggir (Blogroll 2)

<div style="border: 1px solid rgb(153, 153, 153); overflow: auto; width: 150px; height: 180px; text-align: center; background:#FFFFF;">
<a href="http://url-blog/" target="_blank">nama link 01</a>

<a href="http://url-blog/" target="_blank">nama link 02</a>

link lainnya

</div>

Code scipt blogroll tanpa garis pinggir (Blogroll 3)

<div style="border: 0px; overflow: auto; width: 150px; height: 180px; text-align: center; background:#FFFFFF;">
<a href="http://url-blog/" target="_blank">nama link 01</a>

<a href="http://url-blog/" target="_blank">nama link 02</a>

link lainnya

</div>

Cara Pasangnya:
Masuk blog sobat
Tata letak 
Tambah Gadget
kemudian masukan salah satu script di atas, klik simpan.

Tambahan:
sobat bisa merubah align teks dan backgroundnya, sobat bisa mengubah left (kiri), right (kanan) atau center (tengah) setalah text-align: dan mengubah kode warna setelah background:# … disesuaikan dengan warna template.
Kemudian untuk merubah lebar dan tinggi kotak widget blogroll terseb sobat tinggal mengganti angka yang terdapat setelah width (lebar) dan height (tinggi) disesuaikan dengan ukuran sidebar template sobat.

Selamat mencoba!



Artikel yang Harus Di Baca

4 komentar:

Ipin's Coll mengatakan...

:23 oke deh sob thanks infonya nih..

Rizky2009 mengatakan...

sob kalau d pasang semuanya itu dalam 1 widgad seperti gambar d atas caranya gimana ? berjajar 3

Wayan Wartika mengatakan...

Makasi dah sharing artikel ini...sangat bermanfaat bagi blogger pemula spt saya...izin copas widgetnya gan...

Ufhie acdc mengatakan...

Om kenapa blog saya gk ad di google ?
upi-jkt48.blogspot.com :"( coba liat

Posting Komentar