Senin, Januari 18, 2010

Cara Membuat Efek Scrool Pada Komentar Postingan

Sebuah tutorial blog yang tidak kalah menariknya untuk kawan2 semua praktekin.Tutorial kali ini akan membahas mengenai membuat efek scrool pada komentar tiap postingan blog.

ical rasa , ini akan sangat berguna sekali buat kamu yang mungkin memiliki komentar sebuah postingan misalnya saja mencapai kurang lebih 50 komentar, pastinya komentar ini akan banyak mengambil ruang dalam sebuah blog, untuk itu dengan adanya efek scrool maka kita dapat menghemat ruang yang ada untuk dipakai elemen blog lain.

Perhantikan gambar berikut:
Blog ical Sebelum diberi efek scrool



Sesudah Diberi efek Scrooling





Berikut langkahnya:
1. Masuk ke Edit HTML Blog , jangan lupa centang expand template.
2. Cari Kode seperti ini 
<dl id='comments-block'>



3. Setelah dapat, tambahkan kode ini ke tag tersebut diatas
margin='1px' style='overflow:auto; height:100px;'

4. Sehingga nanti akan menjadi seperti ini:
<dl id='comments-block' margin='1px' style='overflow:auto; height:100px;'>




5. Simpelnya cari kode ini
<dl id='comments-block'>
lalu ganti dengan kode
<dl id='comments-block' margin='1px' style='overflow:auto; height:100px;'>


6. Simpan Template.

Catatan : Height yang merupakan tinggi scool bisa kamu ganti dengan ukuran lain, misalnya 200px , semakin besar maka semakin tinggi scrollnya.

Artikel Terkait

Cara Membuat Efek Scrool Pada Komentar Postingan
4/ 5
Oleh

Berlangganan

Suka dengan artikel di atas? Silakan berlangganan gratis via email

3 komentar

19 Januari, 2010 14:14 delete

wah...jadi langsung pengen coba ni. makasih ya dah dikasi tutorialnya.

Reply
avatar
20 Januari, 2010 11:03 delete

kapan2 mau kucoba yang ini gan , thx banget shoutmix ku terpasang ha ha ha

Reply
avatar