Finance Health and Fitness Real Estate Cars and Sexy girls ALL SPORTS Trendy_Fashion_Style Fashion Style Law Legal picture cards and dolls doll Barby Wallpaper design artists All artists of the world Sosial Media Network Travel Packages Hollywood sexy and Wallpaper All artist through life entanglements Quarter life connection Site Blogger Birthday cards Children's Education About Beauty Commercial Loans Womens Interests Quotes Love Fashion Trendy Style New Hair Style Download Free Games Girls and Car Fashion love quotes hollywood bollywood actress articles about health herbal Fashion Site Women Management Arts and Entertainment red carpet studios wallpaper sports images love and i miss you Hollywood All Actress Cheap Wedding Dresses dowload game online ALL WALLPAPER RECIPES Home Improvement Marketing Company Web Design and Development Business Shopping Online Prostyle Music Individuals With Bad Credit Stop Thinning Hair With Provillus Home The Doll Fashion Style Shirt HOLLYWOOD ACTRESS AND WALLPAPER lonely pictures FASHION TOP STYLES supermassive black hole simulator game Fast Bad Credit Loans Real Estate High Quality Production Music Business Property Management Apartments Living Without Money Interior Design and Decorating Hot Girls Photoshoot Fashion & Hair style Funny cute love quotes for your boyfriend Hollywood & Bollywood Artist Fashion Style ALL WALLPAPER Insurance Fashion Star Travel International Health and Fitness Recreation and Sports Home and Family Auto Cars Apartment Luxury Acupuncture Luxury Real Estate Lifestyle Automotive Travel and Leisure Home Improvement example image of underwear Quotes hollywood actress Secret Hill Mosaics Modern City Planning Natural Herbal Treatment Photoshop Wallpaper interest Tax Benefits For Education Computers and Technology Trend Fashions COSPLAY Bollywood All Artists Hollywood All Artists BABY DOLL CUTE in search of global solidarity hollywood Katrina Kaif Celebrity Tidings fashion underwear Gambling Online photos posing sexy body painting Beautiful-bodied Celebrity & wallpapers Planning a Wedding Cars and Girls Business Auto Car Loans and Insurance Design Wallpaper and Game Indonesia and the natural beauty of her beauty secre HairStyles Traveller and Hotel Substance Abuse prevent premature ejaculation Auto Repair Advice Guide Technology Supports Auto Car Music Dangdut Koplo Hot Business Ideas Plan Financial Payday Loans Quotes in Love Sports Media Society Just Education Payday Loans Essay Writing Business Technology cronthemarket thecoloradocompoundpersonal Free Legal Advice to Law Questions Crap, I'm A Lesbian Creepy Pics Tattoo Desings Quotes in Love Music Dangdut Koplo Hot Business Ideas Plan online social networking service Home Security Micro Technology

Membuat Widget Kotak Blogroll Hemat Tempat

Blogroll atau daftar link blog memang sangat penting saat ini diperlukan. Sebab, dengan membuat blogroll kita akan mempunyai banyak teman-teman blogger lainnya yang bertukaran link dengan blog kita. Lebih-lebih jika pagerank blog teman kita itu mempunyai pagerank (PR) yang tinggi, menguntungkan bukan. Nah, untuk itulah blogroll sangat diperlukan. Mau tau cara membuat widget blogroll yang hemat tempat?

Berikut ini adalah tiga contoh preview blogroll yang bisa anda gunakan. Dan widget blogroll ini hanya memerlukan tag HTML biasa dengan menggunakan semacam “kotak” kemudian diberi sentuhan “overflow” dengan dibatasi width (lebar) dan height (tinggi), sehingga overflow pun berfungsi dengan baik jika nantinya link blog teman-teman anda sudah begitu banyaknya. Dari tiga tipe ini ada yang menggunakan border (garis tepi), ada yang tanpa border, dan ada yang hanya menggunakan warna background saja. Semua terlihat bagus bukan? :)


Keuntungan yang kita rasakan dari membuat dan memasang widget blogroll ini adalah kita bisa menghemat penggunaan tempat di sidebar blog kita. Banyak di antara blogger-blogger lainnya yang mengeluh karena melihat proporsi tampilan blognya tidak bagus akibat widget blogrollnya yang terlalu besar dan lebar. Nah, maka dari itulah saya memposting artikel ini. :)

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>

Sebelumnya, untuk memasang salah satu dari blogroll di atas, seperti biasa lakukan terlebih dahulu langkah di bawah ini!

  1. Login dulu ke Blogger menggunakan account anda
  2. Pilih Tata Letak, kemudian klik Add Widget Elements
  3. Lalu pilih menu HTML/JavaScript
  4. Setelah itu, pilih salah satu kode HTML blogroll yang anda sukai di atas, lalu copy paste dan letakkan di kotak HTML tersebut.

NB:
·         Anda juga 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.
·         Untuk align text dan background-nya, Anda bisa mengubah left (kiri), right (kanan) atau center (tengah). Setelah text-align: dan mengubah kode warna setelah background:# … disesuaikan dengan warna template Anda.

Selamat mencoba! :)

Terima kasih.