25/03/11

Cara dan Fungsi OVERFLOW pada Blog

OVERFLOW Costum Style CSS Pada BLog
Yang blom ngerti apa fungsi OVERFLOW langsung simak baik-baik ya.
Overflow biasa digunakan dalam desain blog supaya widget memiliki ukuran dan tampilan yg lebih rapi.
Syntax yang bisa digunakan untuk overflow adalah:
- visible = standar
- hidden = tidak memiliki fungsi scroll / The overflow is clipped, and the rest of the content will be invisible
- scroll = memiliki fungsi scroll / The overflow is clipped, but a scroll-bar is added to see the rest of the content
- auto = fungsi scroll otomatis

Costum Style Overflow biasanya dibarengi dengan Costum "height"(ukuran tinggi konten).

Untuk tutorial  cara pasang Overflow pada Widget dafar link silahkan lihat di postingan ini : Daftar Link Teman Tersusun Lebih Rapi

Contoh Daftar Anime Tanpa Overflow
1. Naruto
2. Kakashi
3. Sahura
4. Shippudin
5. Mario
6. Bros
7. Skipper
8. Kowalski
9. Riko
10. Private
11. Goku
12. Shin Chan
13. Sizuka
14. Upin
15. Ipin

Cara Penulisan untuk pemasangan overflow:

<div style='overflow:visible/hidden/auto/scroll; height:100px;'>
1. Naruto
2. Kakashi
3. Sahura
4. Shippudin
5. Mario
6. Bros
7. Skipper
8. Kowalski
9. Riko
10. Private
11. Goku
12. Shin Chan
13. Sizuka
14. Upin
15. Ipin
</div>


1. Hasil: overflow:hidden;
1. Naruto
2. Kakashi
3. Sahura
4. Shippudin
5. Mario
6. Bros
7. Skipper
8. Kowalski
9. Riko
10. Private
11. Goku
12. Shin Chan
13. Sizuka
14. Upin
15. Ipin

2. Hasil: overflow:scroll;
1. Naruto
2. Kakashi
3. Sahura
4. Shippudin
5. Mario
6. Bros
7. Skipper
8. Kowalski
9. Riko
10. Private
11. Goku
12. Shin Chan
13. Sizuka
14. Upin
15. Ipin

3. Hasil: overflow:auto;
1. Naruto
2. Kakashi
3. Sahura
4. Shippudin
5. Mario
6. Bros
7. Skipper
8. Kowalski
9. Riko
10. Private
11. Goku
12. Shin Chan
13. Sizuka
14. Upin
15. Ipin

4. Hasil: overflow:visible;
1. Naruto
2. Kakashi
3. Sahura
4. Shippudin
5. Mario
6. Bros
7. Skipper
8. Kowalski
9. Riko
10. Private
11. Goku
12. Shin Chan
13. Sizuka
14. Upin
15. Ipin

Thanks moga gini aja dah ngerti fungsi overflow ya....

salam bertuah.
post by: bang Ais (Seal Online Game Guide)

7 comments:

Firdaus Herliansyah mengatakan...

Terima kasih tutorialnya..
salam blogger

Serambi mengatakan...

Tutorial yang sangaty membantu... Trims

Anonim mengatakan...

seep

Anonim mengatakan...

TOP BGT

(Aku Bukan) Bang Thoyib mengatakan...

Mantap

Bahruladitya mengatakan...

Maksih banyak atas penjelasannya.

Gudang game PS2 | PS3 | PC mengatakan...

terima kasih tutorial nya

Posting Komentar

Silahkan Berkomentar disini...