Membuat Widget Link Scroll - Solusi Menghemat Tempat

Sahabat Cilacap tahukah anda bahwa menggunakan scroll dalam blog anda dapat menghemat tempat, nah kali ini saya akan mengajarkan cara membuat scroll seperti gambar dibawah ini.




1. Masuk ke Akun Blogger anda
2. Klik Rancangan > Elemen Halaman > Tambah Gadget.
3. Pilih HTML/JavaScript.
4. Copy Paste script dibawah ini.








<div style="overflow:auto;width:250px;height:200px;padding:10px;border:1px solid #eee">
<ul>
 
ISI SESUAI KEINGINAN ANDA
 
</ul></div>


Contohnya:


<div style="overflow:auto;width:240px;height:120px;padding:10px;border:1px solid #eee">
<ul>
<li><a href="http://www.satruk.co.cc/">Satruk</a></li>
<li><a href="http://daw-xp.blogspot.com/">DAW-XP</a></li>
<li><a href="http://oketrik.blogspot.com/">Tutorial Blog</a></li>
<li><a href="http://kumpulan-tutorial86.blogspot.com/">Belajar Nge-Blog</a></li>
<li><a href="http://pikiran-kita.blogspot.com/">- - - - - - Pikiran Kita - - - - - -</a></li>
<li><a href="http://sidatuk.blogspot.com/">Official Blog of Muhammad Chandra</a></li>
<li><a href="http://blogsimikko.blogspot.com/">Blog Si Mikko</a></li>
<li><a href="http://aldi-xpblog.blogspot.com/">Official Blog Of ALDI-XP</a></li>
</ul></div>


Dan hasilnya akan tampak seperti dibawah ini. Nah mudah bukan? cukup sekian untuk artikel yang satu ini.
Terima kasih telah berkunjung. Salam Cilacap!


Comments

Hosting Unlimited Indonesia