Author Bung Blaze. Diberdayakan oleh Blogger.

Translate

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!

0 komentar:

Posting Komentar

Sebelum anda Meninggalkan Halaman ini ?
Ada Baiknya Tinggalkan komentar anda mengenai artikel ini :)
.
Sering-sering mampir ke blog ane yah, blog ini dofollow silahkan follow maka anda berhak dapat backlink :D
Terima kasih.
www.blaze-info.blogspot.com