Minggu, 25 Juli 2010

Cara Membuat Kolom Scroll Pada Komentar

Mengingat pentingnya kita menghemat space di dalam blog agar lebih terlihat rapi dan enak dilihat, maka pada tutorial kali ini saya ingin share tentang bagaimana Cara Membuat Kolom Scroll Pada Komentar.

lihat pict



Fungsi dari Kolom Scroll ini adalah untuk menghemat space blog, kareka ketika sebuah postingan teman-teman dikomentari oleh banyak orang maka semua komentar itu akan terlihat dropdown sepanjang jumlah komentar yang masuk.

Bisa dibayangkan apabila ada 50 lebih komentar, maka daftar semua komentar itu akan memanjang ke bawah dan membuat blog terlihat panjang ke bawah. Nah, untuk mengantisipasinya kita bisa menggunakan kolom scroll ini pada daftar komentarnya.


Langkah-langkah membuat kolom scrollnya bisa dilihat di bawah ini:


1. Login ke akun blogspot,

2. Klik Design/Rancangan >> Edit HTML >> Klik Centang Expand Widget Templates,

3. Lalu cari kode berikut: #comments h4 {

4. Kemudian copy paste kode di bawah ini persis berada di atas kode: #comments h4 {


#comments {
height:300px;

overflow:auto;

}


5. Untuk mengubah tinggi kolom scrollnya silahkan ubah height:300px nya sesuai dengan lebar post page atau blognya.
6. Jika sudah maka tinggal Save Templates dan lihat hasilnya.


Seperti itulah Cara Membuat Kolom Scroll Pada Komentar, semoga bisa bermanfaat dan selamat mencoba.

Tidak ada komentar:

Posting Komentar