Menambahkan Scrollbar Pada Bodi Postingan

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. Bagi yang ingin mencoba-coba, silakan ikuti tipsnya bersama Tips dan Trik Blog berikut ini.

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

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

Kedua, 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;
}

Ketiga, 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 13px;
border:1px dotted $borderColor;
border-width:1px 0;
height:150px;
overflow:auto;
}

Atau dapat kita lihat seperti screenshot di bawah ini.

Keempat, Simpan Template

Keenam, selesai

Jika tidak ada “aral melintang”, halaman postingan kita akan menjadi seperti screenshot di bawah ini.

Selamat Mencoba-coba!!

(sumber : Tricks For New Bloggers)

Baca juga yang ini.

1. Tips Membuat Readmore Pada Blogspot
2. Mengetahui Yang Menjiplak Postingan Kita
3. Menghilangkan Angka pada Label
   
4. Tips Membackup Blog
5. Scrollbar Untuk Label Yang Memanjang
6. Menuliskan Kode HTML dalam Postingan
   
7. Highlight Pada Postingan
8. Membuat Footer Multi Kolom
9. Tips Mendulang Dollar dari Buyblogreviews.com
10. Tips Mendulang Dollar dari Blogsvertise.com
11. Tips Tampilkan Full Path File pada Windows Explorer

Artikel Yang Berhubungan