Cara membuat Scrollbar Pada Bodi Postingan

Untuk menambahkan Scrollbar Pada Bodi Postingan : Selain dapat diaplikasikan pada widget / sidebar, fungsi scrollbar juga dapat diaplikasikan pada postingan sehingga masing-masing postingan akan menjadi lebih pendek dengan ukuran yang sama satu dengan lainnya. Bagi yang belum menerapkan efek/trik readmore, dengan trik ini, kita akan mendapatkan efek yang hampir sama dengan trik readmore tersebut. Tapi kayaknya lebih rapi kalo kita pakai yang read more selain hanya tingal klik doang, juga lebih terkesan ga ribet. Bagi yang ingin mencoba-coba, silakan ikuti tipsnya bersama Tips dan Trik Blog berikut ini.

Jika penasaran, langsung saja, langkah-langkahnya adalah sebagai berikut.

1. login ke http://blogger.com hingga masuk Dasbor >> Tata Letak (layout) >> Edit HTML

2. kemudian temukan kode css yang kurang lebih seperti di bawah ini.

.post {
margin:.3em 0 25px;
padding:0 13px;
border:1px dotted $borderColor;
border-width:1px 0;
}

4. kemudian tambahkan kode di bawah ini pada kode css di atas.

height:150px;overflow:auto;

keterangan >> angka 150px merupakan ukuran tinggi yang dapat Anda ganti sesuai kebutuhan/keinginan.

Sehingga secara keseluruhan kode css-nya menjadi seperti di bawah ini. (kode yang berwarna merah adalah kode yang baru kita tambahkan).

.post {
margin:.3em 0 25px;
padding:0

jangan lupa bantu saya untuk masuk ke adf.ly dengan klik "skip ad" setelah klik salah satu banner di blog saya ini dan bloger yang baik adalah Bloger yang meninggalkan jejaknya berupa komontar. thanks