Home » » Elemen Halaman Menggunakan Scroll

Elemen Halaman Menggunakan Scroll

         
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:
<div style="overflow:auto;width:350px;height:100px;padding:5px;border:1px solid blue"><div>
1.<a href="http://www.3xploration.co.cc/search/label/Adventure" target="new">Adventure</a>

2.<a href="http://www.3xploration.co.cc/2011/05/menu.html" target="new">Menu</a>

3.<a href="http://www.3xploration.co.cc/2011/01/xxx.html" target="new">Menu 1</a>

4.<a href="http://www.3xploration.co.cc/search/label/Tips%20Blogger" target="new">Tips Blogger</a>

5.<a href="http://www.3xploration.co.cc/2011/05/radio.html" target="new">Radio</a>

6.<a href="http://www.3xploration.co.cc/2011/05/blog-post_10.html" target="new">Tv Online</a>

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

8.<a href="http://www.3xploration.co.cc/2011/05/al-quran.html" target="new">Al-Quran</a>

9.<a href="http://www.3xploration.co.cc/" target="new">Home</a>

10.<a href="http://www.yes-or-no.co.cc/" target="new">xXx</a>
</div>

Hasilnya :



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.

♂ Good Luck ♀

Semua ini adalah apa yang pernah aku cobain sendiri . . dan aku dapat/mengerti dari teman2 blogger lainnya karena aku hanya seorang blogger pemula yang ingin mengetahui lebih banyak hal lagi . . . . Thank's
Share
Related Post

0 comments:

Archives

Label


ShoutMix chat widget
Guest Book
 

Subscribe Via Email

Enter your email address:

Delivered by FeedBurner

My Blog

Show

Exploration


Show

[Valid Atom 1.0]
Google PageRank Checker Powered by  MyPagerank.Net

Powered by FeedBurner

SEO Stats powered by MyPagerank.Net

Show

Show

Exploration

Welcome To My Blog

I hope you find what you're looking for here . . Thank you for visit to my simple blog . .

Rizky Maulana

This life is a sacrifice and struggle . . and I am just a man who wants to be better than ever . .