Memasang Scroll Dalam Kotak Komentar

Masih pagi tetapi sudah membagi tutorial blog lagi nih hehe. oke kali ini saya akan memberi tahu bagaimana menambahkan Scroll pada kotak komentar. Fungsi dari scroll ini adalah jika kita memiliki artikel dengan komentar2 yang sangat banyak akan membutuhkan ruang yang sedikit saja dan saat loading pun tidak memberatkan blog yang kita punya. langsung saja begini caranya :

1. Log in ke akun blogger kalian

2. Klik Design/Rancangan - Edit HTML

 

4. Kemudian kamu Sisipkan kode yang berwarna merah pada bagian #comments-block { sehingga menjadi seperti ini :

#comments-block {

overflow:auto;
height:300px; */300px adalah tinggi yang diinginkan */
border-left: 2px solid #fafafa; */hzndi.blogspot.com*/
margin : 1em 0 1.5em;
line-height : 1.6em;
padding:0 0 0 13px;
}

5. Simpan Template

*Jika kalian tidak bisa menemukan kode #comments-block{ maka kalian cari saja kode #comments { dan tempatkan seperti diatas.

Postingan Terkait:

Blogger

• Cara Menghapus Komentar Spam Secara Otomatis
• Cara Membuat Blog Terindeks Google dengan Cepat
• 5 Kesalahan yang Dilakukan Oleh Blogger Pemula
• Mengembalikan Blog yang Sudah Dihapus, Bisakah ?
• Apa Itu Niche Blogging ?
• Daftar 60+ Forum Do-Follow Ber-PageRank Tinggi 2014
• Cara Menghindari Blog Dihapus Oleh Google
• Cara Memilih Nama Blog & Situs yang Ramah SEO
• Cara Mengembalikan Mood Blogging
• Mengapa Subscriber Feedburner Menjadi 0 ?
• 7 Tips SEO untuk Blogger
• 10 Tips Mantap Untuk Meningkatkan Trafik Organik
• 7 Trik Membuat Artikel Lama Menjadi Populer
• 7 Cara Mendapat Pengunjung Dengan Mudah
• Tutorial Blog dan SEO Terkena Malware ?
• Bagaimana Mengefektifkan Backlink Dalam SEO
• 8 Tips Membuat Loading Blog Lebih Cepat
• Cara Membuat Kotak Fanpage Facebook Hitam Putih
• Optimasi Gambar Untuk Dapatkan Pengunjung
• Cara Menghindari SEO yang Berlebihan
• 8 Tips Untuk Seorang Blogger Pemula
• Cara Mendapatkan Google Sitelink Dengan Cepat
• Cara Membuat dan Tips Pengaturan Meta Tag
• Cara Meningkatkan Ranking Alexa Dengan Cepat
• Cara Mengklaim Situs di Alexa

Comments

• 5 Cara Ampuh Agar Tidak Menjadi Seorang Spammer
• Cara Membuat Threaded Comment Untuk Blogger
• Menambahkan Fitur "Like" Facebook di Kotak Komentar Blogger
• Menambahkan Gambar Amplop di Kotak Komentar
• Cara Menyembunyikan/Menampilkan Kotak Komentar di Blogger
• Membuat Recent Comments dengan Avatar di Blogger
• Membuat Gambar Default Untuk Pemberi Komentar Anonim
• Membuat Threaded Comment / Reply Comment Dengan CSS
• Membuat Threaded Comment Dengan 3 Tampilan Warna Berbeda
• Cara Membuat Blog Banyak Komentar
• Membuat Komentar Blogger dan Facebook Berdampingan
• Cara Menambahkan Form Komentar dari Disqus
• Widget Recent Comments (Komentar Terakhir) Pada Blogger
• Install Widget Top Commentators di Blogger
• Membuat Reply Comment di Blogger
• Membuat Penghitung Komentar di Blogger
• Membuat Komentar Admin Beda

Posted in: Blogger,Comments