Membuat Kotak Scroll

Pada Artikel sebelumnya, dapurblogger pernah menulis tentang Manfaat Kotak Scroll Untuk Blog. Dimana dengan kotak scroll ini blog akan terlihat lebih rapi dan tidak boros halaman.

Untuk membuat kotak scoll ini caranya tidak terlalu sulit, kotak scroll akan selesai di buat bahkan sebelum sobat dapurblogger selesai membaca artikel ini. Sangat cepat bukan?

Langkah-langkah untuk membuat kotak scroll adalah sebagai berikut:
1. Masuk Ke account blog sobat dapurblogger
2. Klik Layout
3. Klik Add A Gadget
4. Masukkan kode html kotak scroll di bawah ini.

<div style="overflow:auto; width:100%px; height:200px; padding:10px; border:1px solid #999999;">

<li><a href="http://dapurblogger.blogspot.com" target="_blank"> SEO Strategy And Blogging Tricks</a></li>

<li><a href="http://moneytrailing.blogspot.com" target="_blank"> Makes Money From Internet Guides</a></li>


<li><a href="http://Kukabari.blogspot.com" target="_blank">Kabar Berita Terhangat Dunia</a></li>


</div>

Apabila sobat dapurblogger menginginkan tulisan di dalam kotak scroll sobat dapurblogger dengan gaya tulisan berjalan atau lebih di kenal dengan marquee, sobat dapurblogger dapat menambahkan kode di bawah ini sebelum kode html text anchor atau alamat dari link. Kalau sobat dapurblogger merasa bingung, hapus kode http://www.dapurblogger dan seterusnya, kemudian ganti dengan kode di bawah ini:

<MARQUEE align="center" direction="up" height="100" scrollamount= "2" onmouseover='this.stop()' onmouseout='this.start()' width="95%" >

<li><a href="http://dapurblogger.blogspot.com" target="_blank"> SEO Strategy And Blogging Tricks</a></li>

<li><a href="http://moneytrailing.blogspot.com" target="_blank"> Makes Money From Internet Guides</a></li>


<li><a href="http://Kukabari.blogspot.com" target="_blank">Kabar Berita Terhangat Dunia</a></li>

</marquee>

Kalau semua sudah dibuat, sekarang save gadget yang baru saja sobat dapurblogger buat, dan lihat hasilnya. Lebih Rapi Kan?

Semoga Bermanfaat.