membuat scroll box di blogspot

pada posting kali ini saya akan menyampaikan bagaimana membuat scroll box atau sebuah kotak untuk menyimpan link dalam jumlah yang banyak. bagi para baru ada pertanyaan bagaimana membuat scroll box,,,ya kan? tapi jangan kuatir saya akan berikan resepnya gratis.

coba anda bayangkan apabila anda mempunyai banyak sekali link, kalau anda tampilkan semuanya pasti akan sangat panjang kebawah dan ini mungkin akan menggangu tampilan dari blog anda. jadi solusinya adalah menggunakan scroll box.

caranya sebenarnya sangat sederhana :

1. login ke tempat halaman anda membuta website /blog, pada kali ini saya ambil conthoh di blogspot.

2. setelah anda login klik tata letak, anda akan di bawa ke pengaturan halaman.

3. kemudian klik tambah gadget, lalu akan muncul jendela baru pilihlah Html/Javascript.

4. nah,,,lalu anda copy&paste kan kode di bawah ini !!!

<div style="overflow:auto; height:200px; width:200px">

<ul>

<li><a href="http://alamat url link 1/" target="_blank">linkl 1</a></li>

<li><a href="http://alamat url link 2/" target="_blank">Link 2</a></li>

<li><a href="http://alamat url link 3/" target="_blank">Link 3</a></li>

<li><a href="http://alamat url link 4/" target="_blank">Link 4</a></li>

<li><a href="http://alamat url link 5/" target="_blank">Link 5</a></li>

<li><a href="http://alamat url link 6/" target="_blank">Link 6</a></li>

<li><a href="http://alamat url link 7/" target="_blank">Link 7</a></li>

<li><a href="http://alamat url link 8/" target="_blank">Link 8</a></li>

<li><a href="http://alamat url link 9/" target="_blank">Link 9</a></li>

<li><a href="http://alamat url link 10/" target="_blank">Link 10</a></li>

<li><a href="http://alamat url link 11/" target="_blank">Link 11</a></li>

<li><a href="http://alamat url link 12/" target="_blank">Link 12</a></li>

<li><a href="http://alamat url link 13/" target="_blank">Link 13</a></li>

<li><a href="http://alamat url link 14/" target="_blank">Link 14</a></li>

<li><a href="http://alamat url link 15/" target="_blank">Link 15</a></li>

</ul>

</div>

kalau anda perhatikan dibagian atas akan terdapat kode (height:200px; width:200px) ini adalah ukuran dari scroll box anda buat, dan ini bisa dirubah atau disesuaikan dengan template anda.

Ok,,,Singkat ajah moga-moga bermanfaat.

selamat belajar dan membaca !!!!
karena blog ini di buat oleh pemula untuk pemula jadi saran dan kritik anda akan sangat membantu.

Dapatkan atikel-artikel terbaru langsung ke email anda. Masukkan alamat email aktif anda :

Delivered by FeedBurner

jangan lupa baca atikel di bawah ini,,,