.gif)
Untuk Menanggapi salah satu pertanyaan teman blogger tentang Bagaimana pasang scroll box di halaman posting blogger.sangat lah sederhana . untuk membuat halaman seperti di bawah tidaklah harus membuat kode html yang sangat banyak, melainkan hanya sedikit kode untuk membuatnya. Anda pasti penasaran kan seperti apa kodenya. lihat kode di bawah ini :
<div style="overflow:auto;width:300px;height:200px;padding:10px;border:1px solid #eee">
isi halaman
</div>
contoh :
<div style="overflow:auto;width:300px;height:200px;padding:10px;border:1px solid #eee">
<a href="http://jayaputrasbloq.blogspot.com/2009/09/pasang-related-post-bergambar.html"> Pasang related post bergambar</a>
<br />
<a href="http://jayaputrasbloq.blogspot.com/2009/08/pasang-recent-comment-di-blogger.html">Pasang recent comment di blogger</a>
<br />
<a href="http://jayaputrasbloq.blogspot.com/2009/08/menambah-koleksi-musik-pilihan.html">Menambah koleksi musik pilihan</a>
<br />
</div>
Hasilnya :
Pasang recent comment di blogger
Menambah koleksi musik pilihan
seterusnya...
seterusnya...
seterusnya...
Kemudian Simpan » selesai deh.
Sedikit penjelasan :
Didalam kode tersebut, yang berperan besar adalah kode yang ada dalam style. Dengan style itulah kita bisa membuat apa yang kita inginkan. Berikut adalah perintah-perintah yang di pakai :
overflow:auto; » kode ini agar tercipta scrolling atau penggulung halaman apabila isi dari halaman tersebut sudah melampaui batas tinggi atau lebar yang telah di tentukan.
width:300px; » adalah lebar bidang yang di inginkan, dalam hal ini adalah sebesar 300 pixel, nilai ini tentunya di sesuaikan dengan keinginan atau di sesuaikan dengan lebar sidebar yang ada. namun, agar selalu sesuai dengan sidebar maka sebaiknya memakai nilai 100% (width:100%).
height:200px; » adalah tinggi bidang yang di inginkan, nilai ini bisa di ubah sesuai keinginan, misal jadi 250px atau nilai yang lainnya.
padding:10px; » adalah kode pembuat jarak agar tulisan yang ada dalam halaman tersebut tidak menabrak dinding halaman, nilai ini tentu saja bisa di ubah sesuai keinginan. misal : padding:5px;
border:1px solid #eee » agar bidang tersebut terlihat ada kotaknya, jika anda tidak menginginkan ada terlihat kotaknya, maka tinggal di hapus saja.
Selamat mencoba.....
cara menambah scroll box di blog, cara pasang scroll box di blogger, tutorial scroll box di blogspot, tips memasang scroll box di blog, scroll box tutorial, membuat scroll box di artikel blog.
Hubungi Kami: J_Putra
Email: jptr273@gmail.com
Share
wuih mang mantap postingan dari kang Jaya
keep posting terus deh
wuih mang mantap postingan dari kang Jaya
keep posting terus deh
Mangtab sob triknya..
good post....ditunggu posting2 lanjutannya yah
wah nih kan dah lama ya bagus2x buat para pemula2 oke juga nice post
hmm... sip sip sip! :)
sepp bos.... top markotop!!
boleh ni swaktu-waktu aq pake...!!!!!!!
makasi ya mas...aku juga mau bikin...
Terimaksih!! Really help me 2 decor my blog!!! XD thankyou very much!!!!!!!! kapan2 lihat n komen at my blog, pleaseeeee
thanks gan....
top bgt
jejak kunjungan..salam kenal aja dech
terima kasih banyak tips ya karena sanngat membantu sekali ^^
trimakasih banyak akhi atas pengatahuan yang di berikan nya semoga bisa bermannfaat amin
terimakasih buat artikelnya ...bermanfaat sekali buat saya yg masih belajar ngeblog.
luar biasa gan.. informasinya mantap banget.. jadi tau cara bikin kotak scrolling. thx
Terima kasih artikelnya telah banyak membantu saya.
thanks buat infonya gan. maju terus blogger indonesia hehehe
Kalo mau masukin code html ke dalam scrollbox gimana???? Malah keluar gadgetnya
Saya coba terapkan gan, trims ya. Ditunggu kunjungannya...