- Back to Home »
- Daftar Isi , Tips Blog »
- CARA MEMBUAT SCROOL BOX PADA WIDGET
Posted by : Unknown
Minggu, 19 Agustus 2012
Sesuai judul di atas bagaimana cara membuat scrool box pada widget ???
Sebener nya ini cara susah-susah Gampang sih... tapi kalau di mengerti dengan seksama pasti mudah :)
Langsung aja yok Cek it out
Cara Pertama :
1. Silah kan log in ke Akun Blogger anda dan masuk ke Opsi lainnya (disamping lihat blog)>Tata letak>dan edit code HTML nya
![]()
2. Silahkan beri judul (tidak diberi judul juga tidak masalah) dan pada pada bagian content letakkan kode seperti ini
<div style="overflow:auto; width:100%px; height:230px; padding:10px; border:1px solid #999999;"> (letakkan kode widget anda)Cara Kedua
</div>
1. Silahkan login ke dalam akun Blogger anda, masuk ke Design, kemudia masuk ke Edit Html. Lalu cari nama widget atau nomor HTML yang hendak anda jadikan scroll. Dalam hal ini paling mudah anda memberikan Judul widget anda, tujuannya agar mudah dicari pada halaman Edit HTML di template anda. Saya contohkan di sini adalah widget default Archive blog.
2. Tambakahan kode CSS berikut ini diatas ]]></b:skin>
#BlogArchive .widget-content{height:230px;width:auto;overflow:auto;}
3. Kode yang berwarna merah harus sama dengan nama/judul widget yang hendak anda jadikan scroll.
Cara Ketiga
1. Silahkan masuk pada Edit html template seperti cara kedua, silahkan anda cari widget yang hendak anda berikan scroll. Lalu pada bagian bawah dari kode widget tersebut cari kode div class='widget-content'
2. Tambahkan kode style='overflow:auto; height:230px' disamping kode div class='widget-content' Sehingga menjadi
<div class='widget-content' style='overflow:auto; height:230px'>
Nah itulah 3 cara paling mudah dan sederhana bagaimana cara membuat scroll pada widget blog anda, silahkan anda pilih menurut anda cara yang paling mudah dan biasa anda lakukan. Selamat mencoba... Thank's be for all