Cara Mudah Membuat Scroll Pada Widget

Membuat Scroll pada bebarapa widget memang sangat dibutuhkan agar blog kita kelihatan rapi, disini kita hanya menggunakan CSS saja untuk membuatnya, bisa anda lihat sendiri di sidebar kiri blog saya terdapat dua widget yang saya atur dengan fungsi scroll.

Cara-Mudah-Membuat-Scroll-Pada-Widget

Cara Mudah Membuat Scroll Pada Widget
Silahkan pasang CSS berikut tepat di atas </style>

#HTML1 .widget-content,#PopularPosts2 .widget-content {
  max-height:400px;
  overflow:auto;
}


Konfigurasi: #HTML1 adalah id widget blog saya (Random post), tidak mutlak itu saja, ketika anda menambahkan widget baru maka id widgetnya akan berurutan.
Contohnya seperti ini: HTML1, HTML2, HTML3 dst.
Untuk popular post pada umumnya mempunyai ID seperti ini #PopularPost1.
max-height:400px adalah maksimum tinggi widget, silahkan ganti sesuai selera.
Jika sudah paham, silahkan dicoba.
Cara penerapannya sangatlah mudah, anda hanya perlu memahami ID pada masing-masing widget.


0 Komentar untuk " Cara Mudah Membuat Scroll Pada Widget "