Mengefisienkan tampilan daftar Link yang panjang dengan scrolling

Setelah posting sebelumnya yang mengangkat tema widget scrolling, nah sekarang tetap pada tema scrolling widget, namun disini yang akan diangkat adalah tentang scrolling pada Link, karena pada gadget Link ini tidak bisa secara langsung di edit melalui gadgetnya, namun melalui template blog kita, tapi supaya artikel ini tidak membingungkan, lebih baik dimulai dari awal aja yaaachhh....
Oke....lanjuuuuuuuuttttt....

• Pertama pastinya masuk dulu dong ke Blogger
• Lalu masuk ke Tata Letak/Layout
• Terus bikin dulu Link gadgetnya dengan mengklik Add Gadget - Link List
• Nah Masukin dech beberapa Link dahulu, kl bisa agak banyakan, biar bisa ngeliat hasil scrollingnya nanti
• Simpan dulu gadget link listnya....
• Naaahhh, sekarang masuk ke tab Edit HTML diatas
• Centang Expand Widget Template di kanan atas Box template.
• Lalu cari code dibawah ini :

<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>

• Ganti code diatas dengan code dibawah ini :

<div style='width:100%; height:100px; overflow:auto;'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target' target='new'><data:link.name/></a></li>
</b:loop>
</ul>
</div>

• Untuk code yang berwarna merah bisa anda sesuaikan dengan selera anda
• Nah, sekarang simpan hasil kerja anda....coba lihat hasilnya...
  

Semoga bermanfaat
Terima Kasih Harga Notebook Acer Aspire S3 Ultrabook

Mengefisienkan tampilan daftar Link yang panjang dengan scrolling