Penulis : Serba-seru Blogspot
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....
Ikuti langkah-langkah berikut ini :
1. Pertama pastinya masuk dulu dong ke Blogger
2. Lalu masuk ke Tata Letak/Layout
3. Terus bikin dulu Link gadgetnya dengan mengklik Add Gadget - Link List
4. Nah Masukin dech beberapa Link dahulu, kl bisa agak banyakan, biar bisa ngeliat hasil scrollingnya nanti
5. Simpan dulu gadget link listnya....
6. Naaahhh, sekarang masuk ke tab Edit HTML diatas
7. Centang Expand Widget Template di kanan atas Box template.
8. 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>
9. 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>
10. Simpan Template
Catatan :
Untuk code yang berwarna merah bisa anda sesuaikan dengan selera anda, untuk lebar dan tingginya.
Oke....lanjuuuuuuuuttttt....
Ikuti langkah-langkah berikut ini :
1. Pertama pastinya masuk dulu dong ke Blogger
2. Lalu masuk ke Tata Letak/Layout
3. Terus bikin dulu Link gadgetnya dengan mengklik Add Gadget - Link List
4. Nah Masukin dech beberapa Link dahulu, kl bisa agak banyakan, biar bisa ngeliat hasil scrollingnya nanti
5. Simpan dulu gadget link listnya....
6. Naaahhh, sekarang masuk ke tab Edit HTML diatas
7. Centang Expand Widget Template di kanan atas Box template.
8. 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>
9. 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>
10. Simpan Template
Catatan :
Untuk code yang berwarna merah bisa anda sesuaikan dengan selera anda, untuk lebar dan tingginya.
nah ini yang kita tunggu ni ..
ok notrya praktikan di blognya ya ...?? :-)