Cara membuat scroll box di blog

Minggu, 08 Mei 2011

Tau nggak apa itu scroll box ?, Scroll box adalah sebuah elemen berbentuk kotak kotak yang memiliki scroll (gulir/geser).Kalau diartikan ke bahas indonesia scroll box artinya "Kotak gulir"Scroll box Ini digunakan untuk menghemat ruangan dalam sebuah blog.Selain bisa menghemat ruangan scroll box juga bisa mempercantik tampilan blog karena blog kita bisa terlihat rapi di mata pengunjung scroll box juga bisa diisi dengan gambar,widget atau tulisan biasa,tapi sebelum anda membaca artikel ini anda diwajibkan untuk mem-follow dan kalo udah dipasang kasih jangan lupa kasih konfirmasi dengan ber-komentar diblog ini.Yaudah langsung aja ke TKP

1.Login ke akun blogger anda
2.Pilih tab rancangan
3.Klik tab elemen laman
4.Klik tambah gadget
5.Kemudian pilih yang HTML/Java Script
6.Masukkan kode dibawah ini do kotak yang telah disediakan

<div style="overflow:auto; height:250px; width:220px">
<ul>
<li><a href="http://alamat url link 1/" target="_blank">Link 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>

Keterangan :

Height adalah tinggi dari scroll box yang kita buat
width adalah lebar dari scroll box yang kita buat
Link 1 sampai link 15 adalah link dari blog yang diinginkan baik itu link banner atau hanya sekedar judul blog
Dan yang terakhir alamat url link 1 sampai 15 adalah url tujuan

7.kalo udah tinggal di save dan lihat hasilnya

SELAMAT MENCOBA
Jika Anda menyukai Artikel di blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di webmiftah.blogspot.com

10 komentar:

  1. k kok scrol boxnya hanya jdi sbagai pajangan g bisa diklik dan g bisa diisi gmbar/dll

    BalasHapus
    Balasan
    1. kalo mau diganti gambar itu gampang ganti tulisan link 1 dengan url gambar kamu

      Hapus
  2. terima kasih bos...langsung di praktek hasilnya berhasil....
    tukar link ya.... link anda sudah di pasang

    maen kesini...
    http://www.silahkanklick.blogspot.com

    BalasHapus
  3. tukeran link ya boss.. aku udah pasang link kamu. :D

    BalasHapus
  4. thx atas info na... langsung sedot j gan....

    http://bojetmarantau.blogspot.com/

    BalasHapus

Posting Komentar