Cara Menghemat Tempat di Blog dengan Blogroll

Cara membuat widget ber-scroll bar (Blogroll), sekitar beberapa waktu yang lalu, saya berfikir untuk mempercantik blog. Saya sering blogwalking (berkunjung ke blog lain) kesana-kemari untuk masukkan di blog saya. Nah saya menemukan sebuah widget scroll bar yang didalamnya terkumpul direktori-direktori. Widget scroll bar ini biasa disebut dengan istilah blogroll.

Blogroll biasanya diisi dengan kalimat/link, contohnya banyak blog yang menggunakan blogroll sebagai daftar isi/postingan. Tapi setelah beberapa waktu kemudian, ada juga yang diisi dengan banner/widget. Sebenarnya manfaat dari blogroll adalah menghemat tempat pada blog, mungkin itu hanya salah satu dari banyak manfaatnya. Langsung saja yuk kita membahasnya ...

Kode HTML blogroll antara lain seperti ini :

<div style="border: 1px solid rgb(153, 153, 153); height: 200px; overflow: auto; text-align: center; width: 150px; background:#ffffff;">
<h3>- Link -</h3><a href="http://www.kumpulan-tutorial.co.cc/" target="_blank">link 01</a><a href="http://www.kumpulan-tutorial.co.cc/" target="_blank">link 02</a><a href="http://www.kumpulan-tutorial.co.cc/" target="_blank">link 03</a><a href="http://www.kumpulan-tutorial.co.cc/" target="_blank">link 04</a><a href="http://www.kumpulan-tutorial.co.cc/" target="_blank">link 05</a><a href="http://www.kumpulan-tutorial.co.cc/" target="_blank">link 06</a><a href="http://www.kumpulan-tutorial.co.cc/" target="_blank">link 07</a><a href="http://www.kumpulan-tutorial.co.cc/" target="_blank">link 08</a><a href="http://www.kumpulan-tutorial.co.cc/" target="_blank">link 09</a><a href="http://www.kumpulan-tutorial.co.cc/" target="_blank">link 10</a>Link selanjutnya</div>

Hasilnya seperti ini :

- Link -

link 01
link 02
link 03
link 04
link 05
link 06
link 07
link 08
link 09
link 10

Link selanjutnya

Silahkan ganti huruf yang berwarna merah dengan apapun yang ingin sobat tampilkan didalam blogroll.

Sedikit informasi :

- Setiap link pada blogroll diatas, kode HTML-nya adalah <a href="http://www.kumpulan-tutorial.co.cc/" target="_blank">Tekslink 01</a>. 

    [-] Untuk mengganti kalimat yang tampil pada blogroll, silahkan ganti kalimat yang berwarna biru

    [-] Untuk mengganti link yang dituju apabila kalimat diklik, silahkan ganti kalimat yang berwarna merah

- width adalah lebar dari blogroll, untuk mengubah lebar blogroll silahkan ganti angka disebelah kanannya (150)

- height adalah tinggi dari blogroll, untuk mengubah tinggi blogroll silahkan ganti angka disebelah kanannya (200)

- background adalah warna dari latar blogroll, untuk mengubah warna latar blogroll silahkan ganti kode warna disebelah kanannya (#ffffff)

- border adalah tebal/tipisnya garis paling luar blogroll, silahkan ber-eksperimen untuk mengubahnya ...

Untuk memasang widget di sidebar pada blogger, baca  disini

Selesai

Description: Cara Menghemat Tempat di Blog dengan Blogroll, Rating: 4.5, Reviewer: Unknown, ItemReviewed: Cara Menghemat Tempat di Blog dengan Blogroll