Cara buat 'Scrollable Link List'

Tutorial ini akan menunjukkan cara bagi meletakkan senarai list dalam satu kotak dan pembaca dapat 'scroll' pada senarai link yang korang letakkan.

ini adalah contoh bagi tutorial ini:

• Letak rating post
• Buat senarai tajuk post
• buat contact form email
• Cara redirect ke blog lain
• Cara gantik newer post, older post, home
• Menghasilkan new tab bila link di klik
• Cara tambah feedburner headline
• Cara letak search box
• cara tingkatkan trafik

1.login ke dashboard blog korang-->design-->page element

2.klik pada add a gadget dan pilih 'HTML/javascript' dan paste kod di bawah dalam ruangan HTML/javascript tadi.

<div class="widget-content"> <ul style="height:150px;width:300px; overflow:auto; "> <li><a href="http://www.alamatblog.com">text korang</a></li> <li><a href="http://www.alamatblog.com">text korang</a></li> <li><a href="http://www.alamatblog.com">text korang</a></li> <li><a href="http://www.alamatblog.com">text korang</a></li> <li><a href="http://www.alamatblog.com">text korang</a></li> <li><a href="http://www.alamatblog.com">text korang</a></li> <li><a href="http://www.alamatblog.com">text korang</a></li> <li><a href="http://www.alamatblog.com">text korang</a></li> <li><a href="http://www.alamatblog.com">text korang</a></li> <li><a href="http://www.alamatblog.com">text korang</a></li> <li><a href="http://www.alamatblog.com">text korang</a></li> <li><a href="http://www.alamatblog.com">text korang</a></li> <li><a href="http://www.alamatblog.com">text korang</a></li> <li><a href="http://www.alamatblog.com">text korang</a></li> <li><a href="http://www.alamatblog.com">text korang</a></li> <span style="font-weight:bold;"></span> </ul></div>

Nota : Gantikan http://www.alamatblog.com and text korang dengan link atau text sebenar.
Korang boleh menukar height(tinggi) dan width(lebar) kotak tersebut mengikut kesesuaian pada blog korang.
selesai.