Pembuatan scroll pada area komentar sebenarnya sudah banyak yang mempostingnya, tapi tidak masalah. Mudah-mudahan tutorial ini ada gunanya bagi yang belum mengetahuinya. Kotak scroll pada komentar ini sebenarnya sangat berguna sekali, terutama bagi blognya sudah banyak yang berkomentar, dengan memasangnya akan menghemat kolom komentar sehingga tidak terlalu panjang sampai ke bawah.
Nah bagi yang ingin menerapkannya pada blog anda, ikuti saja caranya :
Seperti biasa masuk ke akun blogger >> Lalu klik rancangan >> lalu klik Edit HTML.
Kemudian cari kode berikut #comments-block{ . Gunakan tombol Ctrl+F untuk mempermudah pencarian. (Jangan lupa sebelumnya centang Expand Widget dan salin template anda untuk jaga-jaga). Sehingga kode lengkapnya sepeti ini :
Selanjutnya hapus kode diatas tadi dan ganti dengan kode seperti di bawah ini :
Nah bagi yang ingin menerapkannya pada blog anda, ikuti saja caranya :
Seperti biasa masuk ke akun blogger >> Lalu klik rancangan >> lalu klik Edit HTML.
Kemudian cari kode berikut #comments-block{ . Gunakan tombol Ctrl+F untuk mempermudah pencarian. (Jangan lupa sebelumnya centang Expand Widget dan salin template anda untuk jaga-jaga). Sehingga kode lengkapnya sepeti ini :
#comments-block{border:0px dotted #ccc;width:569px;margin:1.3em 0 1.5em;line-height:1.6em}
Selanjutnya hapus kode diatas tadi dan ganti dengan kode seperti di bawah ini :
#comments-block{max-height:300px;border:1px solid#eee;overflow:auto;width:569px;margin:1.3em 0 1.5em;line-height:1.6em}
Keterangan :
Tinggi scroll adalah 300 px ,sedangkan tebalnya border adalah 1 px ,untuk warna border adalah yang #eee . Hal-hal itu dapat anda ganti dengan selera masing-masing.
Tinggi scroll adalah 300 px ,sedangkan tebalnya border adalah 1 px ,untuk warna border adalah yang #eee . Hal-hal itu dapat anda ganti dengan selera masing-masing.
Terakhir Sava Template anda.
Demikianlah Cara membuat Scroll pada area komentar blog, semoga ada manfaatnya. Jangan lupa Like-nya yah.
Share it to your friends..!
{ 0 comments... read them below or add one }
Post a Comment