Belajar bangkit dari kegagalan merupakan langkah awal menuju sukses, jangan menyerah untuk bangkit.
@my Facebook
Kaya Dari Facebook

Jumat, Agustus 14, 2009

Membuat 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. :lol: 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.

widget blogroll

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! :wink:
http://hakimtea.com/tips/membuat-widget-kotak-blogroll-hemat-tempat/

Related Posts by Categories



8 komentar:

ruri on 16 Agustus 2009 17.34 mengatakan...

pertamax!!
nice tutorial...

Bhakti on 17 Agustus 2009 21.50 mengatakan...

Ooh gitu ya, makasih ya.. tapi aku lebih suka punya blogger lebih adil. yang posting terbaru menjadi urutan teratas. hehe.. nice post sobb!!

HeQris on 18 Agustus 2009 01.03 mengatakan...

Tanks infonya sob,,moga banyak bermanfaat bagi blogger lain,
Nambahin sob:
Free Template Blogspot
Tutorial Blog

Rizal vM on 23 April 2010 08.06 mengatakan...

Nyoba Gan , salam kenal ...

Smart Parabola on 12 Juli 2010 21.06 mengatakan...

kalau di joomla bagaimana yach, soalnya dah dicoba ga bisa. ditunggu infonya. Thanks

fardatul33 on 29 November 2010 22.34 mengatakan...

thanks inponya gan :)

Nurul Fitri on 14 Desember 2010 21.46 mengatakan...

kunjung balik ya??

soesiloadji on 31 Januari 2011 23.47 mengatakan...

terima kasih atas artikelnya ya...bagus sekali...salut

Posting Komentar

Tinggalin komentar yaw, no SPAM please and isi Url hanya pada kolom Url, no Post.. ^_^v
NegeriAds.com solusi berpromosi
Promosi produk dengan negeriads.com solusi berpromosi
Berpromosi di negeriads.com solusi berpromosi | negeriads.com
..::TERIMAKASIH::..

 

History Visitor!