12/04/2010

Membuat Postingan Scroll

ita 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!