Selasa, 29 Januari 2013

cara mudah membuat kotak scroll pada blog sendiri

hay kembali lagi di beginerblog.blogspot.com pada kesempatan ini saya ingin berbagi sesuatu cara membuat kotak komentar scroll di blog karena jumlah komentar yangn banyak akan sangat membuat blog kita tidak rapi seperti blog saya yang terdahulu walaupun tidak ada yang komentar tapi tetap berantakam
 Membuat scroll di kotak komentar selain menjaga tampilan halaman tetap terlihat rapi juga mempermudah membaca  setiap komentar yang masuk ,pastinya sudah tau bahwa kotak komentar default di blogspot akan memanjang ke bawah mengikuti jumlah komentar yang masuk dan bagi para sebagian blogger menjadikan hal seperti itu dilihatnya kurang menarik ,tampilan halaman menjadi aneh terlalu  panjang ke bawah ,untuk menyiasatinya sebenarnya ada beberapa cara salah satunya dengan membuat scroll di kotak komentar tersebut ,bagaimana caranya langsung saja ke teori dan praktek-nya :
Pertama sudah menjadi hal wajib,sobat log in ke akun blogspot milik sobat.
Pilih menu Template  > Pengeditan HTML ,jangan lupa di klik Expand Template
Cari kode ini  <div class='comments' id='comments'> untuk memudahkan pencarian gunakan tombol Ctrl+F .
Setelah ketemu kode tersebut copy kode di bawah ini :
style='max-height:300px;overflow:auto;'
Satukan  dengan kode  <div class='comments' id='comments'>

Untuk contohnya rangkain-nya seperti di bawah ini :
<div class='comments' id='comments'style='max-height:300px;overflow:auto;' >
Catatan: Untuk angka 300 menunjukan tinggi koatak scroll dan bisa di rubah sesuai keinginan sobat.
Lalu save template.
Selesai.

Tidak ada komentar:

Posting Komentar