Pasang scroll box di blogger
Lorem
ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo
ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis
dis parturient montes, nascetur ridiculus mus. Donec quam felis,
ultricies nec, pellentesque eu, pretium quisLorem ipsum dolor sit amet,
consectetuer adipiscing elit.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
- Lorem ipsum
- Lorem ipsum
Lorem
ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo
ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis
dis parturient montes, nascetur ridiculus mus. Donec quam felis,
ultricies nec, pellentesque eu, pretium quisLorem ipsum dolor sit amet,
consectetuer adipiscing elit.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
- Lorem ipsum
- Lorem ipsum
Lorem
ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo
ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis
dis parturient montes, nascetur ridiculus mus. Donec quam felis,
ultricies nec, pellentesque eu, pretium quisLorem ipsum dolor sit amet,
consectetuer adipiscing elit.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
- Lorem ipsum
- Lorem ipsum
Lorem
ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo
ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis
dis parturient montes, nascetur ridiculus mus. Donec quam felis,
ultricies nec, pellentesque eu, pretium quisLorem ipsum dolor sit amet,
consectetuer adipiscing elit.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
- Lorem ipsum
- Lorem ipsum
Lorem
ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo
ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis
dis parturient montes, nascetur ridiculus mus. Donec quam felis,
ultricies nec, pellentesque eu, pretium quisLorem ipsum dolor sit amet,
consectetuer adipiscing elit.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
- Lorem ipsum
- Lorem ipsum
Lorem
ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo
ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis
dis parturient montes, nascetur ridiculus mus. Donec quam felis,
ultricies nec, pellentesque eu, pretium quisLorem ipsum dolor sit amet,
consectetuer adipiscing elit.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
- Lorem ipsum
- Lorem ipsum
Lorem
ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo
ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis
dis parturient montes, nascetur ridiculus mus. Donec quam felis,
ultricies nec, pellentesque eu, pretium quisLorem ipsum dolor sit amet,
consectetuer adipiscing elit.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
- Lorem ipsum
- Lorem ipsum
Lorem
ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo
ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis
dis parturient montes, nascetur ridiculus mus. Donec quam felis,
ultricies nec, pellentesque eu, pretium quisLorem ipsum dolor sit amet,
consectetuer adipiscing elit.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
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 :- Lorem ipsum
- Lorem ipsum
Lorem
ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo
ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis
dis parturient montes, nascetur ridiculus mus. Donec quam felis,
ultricies nec, pellentesque eu, pretium quisLorem ipsum dolor sit amet,
consectetuer adipiscing elit.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
- Lorem ipsum
- Lorem ipsum
<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 related post bergambar
Pasang recent comment di blogger
Menambah koleksi musik pilihan
seterusnya...
seterusnya...
seterusnya...
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.....
Komentar
Posting Komentar