Cari Artikel Blog Ini

Total Tayangan Laman

ELEMEN HALAMAN MEMILIKI SCROLL

Mudah dan sederhana cara untuk meenampilkan elemen halaman yang memiliki scroll seperti pada elemen halaman EPG Studio (lihat :ARSIP EPG STUDIO . Elemen halaman yang memiliki vertical scroll dapat menghemat tempat pada sidebar terutama jika isi tulisannya berjumlah banyak.
Caranya anda tinggal menambah kode HTML seperti dibawah ini :

<div style="overflow:auto;width:300px;
height:200px;padding:10px;
border:1px solid #eee">
isi halaman
</div>

Contoh : lihat yang berwarna kuning
<div style="overflow:auto;width:250px;height:100px;padding:5px;border:1px solid blue"><div>
1.<a href="http://epg-studio.blogspot.com/2009/01/software-anak-anak-gratis.html" target="new">Software Menggambar untuk Anak</a>

2.<a href="http://epg-studio.blogspot.com/2009/01/download-mp3-slow-rock-barat.html" target="new">MP3 Lagu Barat Campur</a>

3.<a href="http://epg-studio.blogspot.com/2009/02/rgam-huruf.html" target="new">Ragam Huruf Latin</a>

4.<a href="http://epg-studio.blogspot.com/2009/02/deep-freeze-si-penangkal-virus.html" target="new">Deep Freeze si Penangkal Virus</a>

5.<a href="http://epg-studio.blogspot.com/2009/02/dinas-pendidikan-pusat-memberikan.html" target="new">Buku Sekolah Elektronik (BSE)</a>

6.<a href="http://epg-studio.blogspot.com/2009/02/mp3-musik-pop-indonesia_13.html" target="new">MP3 Lagu Pop Indonesia</a>

7.<a href="http://epg-studio.blogspot.com/2009/02/software-islam.html" target="new">Software Islam</a>

8.<a href="http://epg-studio.blogspot.com/2009/03/kumpulan-soal-ujian-tingkat-smp.html" target="new">Kumpulan Soal Ujian Tingkat SMP Bagian 1</a>

9.<a href="http://epg-studio.blogspot.com/2009/03/mp3-lagu-lagu-perjuangan_08.html" target="new">MP3 Lagu Perjuangan</a>

10.<a href="http://epg-studio.blogspot.com/2009/03/mp3-lagu-daerah-sambas.html" target="new">MP3 Lagu Daerah Sambas</a>
</div>


Contoh diatas jadinya akan seperti ini :


Jika anda ingin mengubah beberapa karakter tinggal mengubah pada bagian ini

<div style="overflow:auto;width:250px;height:100px;padding:5px;border:1px solid blue"><div>
isi halaman
</div>


1. width ganti angkanya dengan lebar yang anda inginkan.
2. Height ganti angkanya dengan tinggi yang anda inginkan.
3. Padding ganti angkanya dengan jarak antara batas tepi dengan awal tulisan.
4. Border garis pinggir
5. Solid #eee merupakan kode dari warna biru, anda bisa ganti dengan kata white, black atau apa saja.
Agar isi halaman yang satu dengan yang lainnya tidak berhimpitan beri kode <br/> diantara isi halaman.

Selamat mencoba...!

Jika artikel ini bermanfaat..? Bagikan lewat :


BACA JUGA ARTIKEL DIBAWAH INI



Comments
11 Comments

11 komentar :

savedesea mengatakan...

Tengkyu banyak infonya..boleh dicoba nih..
salam..

Uddyfresh mengatakan...

Mas makasih ya.....ilmunya, maklum masih nweibe

H-LEAD mengatakan...

good...thank

= jeo = mengatakan...

mkcieh mas....
saya akan banyak blajar dr blog sampean...
mnta tolong...
cara mempercepat krja blog byar loadingnya ga lma...
hehehe...
(bahasanya kurang gaul bnget yo...mklum...anyaran... :D

Rev. Savrison Manembu mengatakan...

toooooooopppppppp.......baaaaanget...makasih.

Denpal 06-12-01 Banjarmasin mengatakan...

Terimakasih..Tulisan-tulisan Anda sangat membantu, bolehkan klo blog Anda, kami rekomendasikan sebagai tempat belajar blog. Sekali-kali berkunjung ke blog kami, saran dan kritik sangat kami harap dari Anda.

Ades mengatakan...

@Denpal 06-12-01 Banjarmasin : Pertama : Profil anda tidak bisa dibuka sehingga sulit untuk mengunjungi Blog anda
Kedua : Sangat berterima kasih jika anda mau merekomendasikan blo ini sebagai tempat belajar.
Terima kasih atas kunjungan anda...

Denpal 06-12-01 Banjarmasin mengatakan...

Terimakasih masukannya. Kami akan coba perbaiki...
Blog ini baru aktif akhir Februari lalu, sehingga kami sangat memerlukan masukan-masukan positif untuk ke depannya. Terimakasih...Salam dari kami.

Ades mengatakan...

@Denpal 06-12-01 Banjarmasin : Sama-sama, semoga artikel yang kami sajikan dapat membantu anda dalam mengelola blog

dan ipul climber mengatakan...

masih gatot nih bwt scrool

ardiansyah mengatakan...

thanks buat tutornya....
sangat bermanfaat sekali bagi newbie seperti saya ini.....

Poskan Komentar

Ceritakan keberhasilan/kegagalan anda setelah mencoba Tutorial Blogger pada kotak komentar. Kritik dan Saran juga boleh asal sifatnya membangun...!!!