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....
Terima Kasih
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>
<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>
<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...
Terima Kasih
thanks gan atas infonya
ReplyDelete