Cara Buat Blogroll ( Tutorial)

Sebelum ini ada seorang pengunjung blog ini yang bertanyakan bagaimana untuk membuat blogroll.
Apa itu blogroll.?
Untuk memudahkan, cuba anda perhatikan shoutbox blog ini, boleh di msg sampai ke bawah dengan hanya tarik ke bawah bahagian tepinya.

Kalau belum faham lagi, cuba anda perhatikan bawah ini. Dan anda akan faham apa itu blogroll.:)

Contoh blogroll.

Berita Harian
Kosmo
Utusan
Harian Metro
Apa Sahaja Disini
Apa Sahaja Disini
Apa Sahaja Disini

Bagaimana hendak buat blogroll ini.?
Disini aku tunjukkan cara yang mudah selepas anda tengok kod dibawah.:)

Cara : Copy code ini kedalam entri blog anda, ataupun letakkan di 'page element' meggunakan 'HTML/javascript' (jika tidak jelas lagi cara letak kod ini di page element, rujuk sini.)

<center><div style="border: 1px solid rgb(238, 238, 238); padding: 10px; overflow: auto; width: 283px; height: 60px;">
<ul>
<a href="http://www.bharian.com.my/" target="_blank">Berita Harian</a>
<a href="http://www.kosmo.com.my/" target="_blank">Kosmo</a>
<a href="http://www.utusan.com.my/" target="_blank">Utusan</a>
<a href="http://www.hmetro.com.my/" target="_blank">Harian Metro</a>
<a href="http://www.google.com.my/">Google</a>
<a href="http://www.yahoo.com/">Yahoo!</a>
<a href="http://www.linkdisini.com/">Apa Sahaja Disini</a>
</ul>
</div></center>

Penting: pastikan kod yang anda copy ini anda paste dalam keadaan 'edit html'. Ini untuk mengelakkan kod warna di copy bersama.

Panduan:
1) Tukarkan 283px dengan lebar yang anda kehendaki seperti 300px
2) Tukarkan 60px dengan tinggi yang anda kehendaki seperti 120px
3) Tukarkan link berwarna ini dengan tajuk yang anda kehendaki.
4) Tukarkan link berwarna ini untuk web dimana link anda akan dibuka.
5) Untuk buatkan link dibuka dalam page yang sama, buang kod " target="_blank""
6) Anda juga boleh mencuba untuk mengubah beberapa code seperti border, padding .:)

Apabila sudah siap, anda boleh save untuk melihat hasilnya.

Suka entri ini.?