Cara membuat 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;
}
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;
}
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)
Artikel Terkait
Category Article tips trik edit HTML
