Membuat Widget Kotak Blogroll Hemat Tempat
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.
Untuk membuat widget kotak blogroll tersebut yang Anda perlukan adalah tag HTML sebagai berikut,
Tag 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>
Tag 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>
Tag 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>
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.
Selamat mencoba! 
____________
Support me at Busby SEO Test
Popularity: 15% [?]
Themocracy
waw.. aku dah pake.. yang nomor satu dan luar biasa, thanks ya..
waah makasii ya tipsnya.hehe
BLogroll memang sangat membantu dalam tata ruang blog. thanks.
OK infonya akan kucoba..
mampir mas blogku tulisan-menarik.blogspot.com
kunjungan dari ane om.. mantap ni inponya tekiyu yaw
masakasih mas infonya di copy ah
Terima kasih mas Hakim atas infonya, sungguh amat sangat bermanfaat sekali bagi saya pemula. Terima Kasih telah berbagi…
sip banget artikel dan sarannya dah aku coba dan berhasil..maaf bro, namanya juga newbie ni..so salam kenal dulu dan sharing2 kalau ada info terbaru..thanks dr wonogiri
Alhamdulillah, makasih Mr.Hakim atas artikelnya, sudah saya praktekkan dan berhasil.
thanks for tricks..^^
terimakasih buat sharing ilmunya, sangat bermanfaat buat newbie kaya saya…
salam
oke makasih.. itu diweblog ku udah tak pasang di bagian kanan bawah..makasih atas postingannya …
salam ..
wah asiknya, bisa langsung pake nih ..
tukeran link dong
http://urkhan.blogspot.com/p/link-exchange.html
Thanks buat infonya mas…sukses trus buat blognya
mas mau nanyak gimana cara buat blogroll persis yang mas buat tapi di bagian atas nya da title nya atau judulnya dan jenis blogrollnya yang marquee…
kalau sempat tlong krim ke email saya atau tinggalkan pesan di buku tamu blog saya
orlandolab.blogspot.com
Soalnya takut ga ketemu site ini lagi soalnya dapat dari om google website mas..
thx
buat suasana blog lebih rapi memang bagusnya menggunakan HTML yang sedang kita baca diatas… Thanks ya.
Thanx A lot banget nih
sangat membantu
Visit kE Blog Ku YacH
http://www.indralasmana.co.cc/
FENOMENA DUNIA
^_^
Makasih mas, akan saya coba,,,,
Oh iya, ne di support smua tema wordpress kan?
aduh, maaf banget saya masih Sangat baru belajar Blog, jadi tak banyak mengerti
coba ah
wah mantap nech, blogroll di blog gw ngak scroll jadi panjang kebawah, wkwkwkwkwk
ini yang saya cari.. !! makasih mas buat tips nya…
thanks infonya ya…tentang Membuat Widget Kotak Blogroll…..
jadi bisa lebih tahu saya,,,….
Nanti malam dicoba mas, web saya masih manual link nya.. thanks
keren..makasih ilmunya.
sekalian mw tnya itu berati nginputinya link tmen2 manual satu satu y…
thanks..
terimakasih infonya gan ,, jangan lupa visit back’a ia ..
ket:
agan klik skip ad di pojok kanan atas setelah hitungan mundur yang di mulai dari angka 5 selesai ..
terimakasih atas kerjasama’a ..
masi belom ngerti fungsinya apa bro.
kalo custom link gitu bisa ga sih pake widget blogrol gini ?
Bisa menghemat tempat,makasih infonya sahabatku,langsung di praktekkan!
Makasih infonya gan.. ini yang saya butuhkan,, langsung ke TKP..
Makasih ya atas infonya
Makasih infonya, ane coba..
Makasih lagi buat tips nya. Sangat membantu bagi nubie seperti saya.
thks udah di bagi ilmunya
thank’s infonya….
Berhasil !!! makasih ya masbroo
Mau nyoba dulu
Makasih, sangat bermanfaat, saya pake juga
makasih bangett, sangat berguna bagi saya…! skali lagi ty ya mas!
nyimpen kodenya dimana ya mas ??
Makasih gan. Artikel nya sangat membantu sekali. Saya coba di blog saya ya.
Wah… bagus” ini penting untuk setiap para BLOGGER’s
Wah… bagus” ini penting untuk setiap para BLOGGER’s
Kunjungi BLOGku ya…^^
Makasih infonya Om.
Kami mau coba. Mudah2an bisa
Salam
matur nuwun kang.
sudah saya pasang di blog saya.
berhasil kang!
makasih banyak bos…aq pake yg no3..makasig ya bos…sukses sllu buat http://hakimtea.com ..salam kenal
Pengelola http://www.galiemasku.com
free software download dan trik2 jitu seputar internet
matur suwun mas jangan lupa mampri kesini… pencenk-estry.blogspot.com/
siipppp kang infonya langsung saya praktek’kan.. thanks
bleh jg gan…….
thank’s gan,,,,
ajiiiib jdnya
terima kasih gan infonya.
Akhirnya, ketemu juga. Terima kasih…