Cara Membuat Blogroll

Cara membuat Blogroll. Blogroll dapat menghemat tempat pada blog kita, hal ini dapat kita manfaatkan jika banyak link 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 dua contoh blogroll yang bisa sobat gunakan. Kedua tipe tersebut adalah blogroll yang menggunakan border (garis pinggir), dan blogroll tanpa border. Berikut contoh dan cara membuatnya :

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/>


</div>

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/>


</div>

Anda bisa mengubah lebar dan tinggi kotak blogroll tersebut dengan mengubah angka yang terdapat setelah width (lebar) dan height (tinggi). Anda juga bisa mengubah warna background dengan cara mengganti kode #FFFFFF dengan kode warna kesukaan anda. Anda bisa melihat kode warna disini.