Membuat Postingan Bergaya Scroll

Waaaah, kemarin aku tak sempat ngeposting secuil pun ke blog ini ya? Pada kangen ya karna aku ga posting apa pun kemarin? Ya sudah, ini aku bikin postingan yang baru.


Sebenarnya sih postingan ini punya nya sobat blogger aku, namanya (tiiiiiiiiiiiiiit) (nama disamarkan), alamat blognya http://blog.yudhaime.co.cc. Langsung saja ya, nih dia.


Kali ini aku ingin berbagi tentang tutorial bagaimana cara untuk membuat area postingan agar menjadi model scroll.
Kurang jelas? 
Maksudnya, kita akan mebuat tulisan di postingan menjadi bermodelkan scroll, dimana pengunjung nantinya tidak perlu repot menggulung layar blog hingga ke bawah. contohnya seperti gambar dibawah ini:

dan cara membuatnya sebagai berikut (chek it out):

• Di sini kita hanya merubah CSS dari bagian posting saja
• Masuk ke Blogger kamu, lalu ke menu Rancangan -> edit HTML
• cari kode berikut:

.post { 

margin:.5em 0 1.5em;border-bottom:1px dotted #000000;padding-bottom:1.5em;}

• Nah kita modifikasi kodenya dengan menambahkan kode

height:200px; 

overflow:auto;

• Catatan: pada height:200px menunjukkan tinggi dari post yang ingin dibuat scroll kamu bisa merubahnya sesuai keinginan kamu!
• Sehingga kode keseluruhan menjadi

.post { 

margin:.5em 0 1.5em; 

border-bottom:1px dotted #000000; 

padding-bottom:1.5em; 

height:200px; 

overflow:auto; 

}

• Simpan template dan lihat hasilnya!

Semoga bermanfaat ea!