Membuat Postingan Bergaya Scroll

Kali ini saya 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:

contoh tampilan posting bergaya scroll

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!