Beranda  ›  Tutorial Blog

Cara membuat scroll pada Threaded comment

by -
Kali ini saya akan menerangkan bagaimana membuat sebuat scroll pada commentar. Threaded comment blogger memiliki fitur reply, sangat berguna agar terjadi sebuah interaksi antara pengunjung atau dengan admin. Akan tetapi jika yang memberi komentar di suatu postingan banyak, komentar tersebut akan menumpuk terus hingga ke bawah dan terlihat tidak rapi, jadi yang ingin memberi komentar baru, harus menggerakkan scroll terus hingga kebawah. Selain itu, membuat sebuah scroll pada comentar juga berfungsi untuk optimalisasi loading blog yang lambat karena banyaknya komentar.

Cara ini hanya berhasil pada thread comment (reply comment). Jika komentar anda belum memasang reply comment, anda dapat membaca artikel Merubah tampilan Komentar standar menjadi Lebih Keren. Cara Optimalkan Komentar Blogger untuk SEO, Cara Menambah Name dan Url pada Komentar Blog, Mengganti tulisan Poskan Komentar Dengan Gambar.

 Jika Cara membuat scroll pada Threaded comment berhasil.. maka akan terlihat hasilnya seperti gambar dibawah ini: 

Related:Menemukan dan menghapus Links Jelek (Unnatural Links)
Cara membuat scroll pada Threaded comment

Bagaimana apakah anda tertarik dengan tutorial ini? jika ya, anda dapat mengikuti step by step berikut ini:

 1. Login ke blog Anda
2. Masuk ke Template 
3. Lalu klik pada Edit HTML
Related:Cara mengganti next & previous page dengan judul postingan
4. Cari kode .comments .comments-content .comment-thread ol { Lebih tepatnya seperti ini:
.comments .comments-content .comment-thread ol {
  list-style-type: none;
  padding: 0;
  text-align: none;
}
6. Jika sudah ketemu, copy kode di bawah ini dan pastekan di bawah kode .comments .comments-content .comment-thread ol {
max-height:400px;border:0px solid #eee;overflow:auto; 
7. Sehingga akan menjadi seperti ini:
Related:Cara Menampilkan Widget / CSS / Script Pada Halaman Tertentu
 .comments .comments-content .comment-thread ol {
  max-height:400px;border:0px solid #eee;overflow:auto;
  list-style-type: none;
  padding: 0;
  text-align: none;
Related:5 Style Keren Email Subscription / Newsletter widget
}
Kode yang berwarna biru adalah ukuran maksimal Scroll, anda bisa menyesuaikannya sesuai keinginan sendiri..

 8. Simpan Template and you have done !

 Anda juga dapat membaca artikel berikut yang berhubungan dengan pembuatan scroll:

Last Words

Bagaimana? sangat mudah sekali bukan? Sekian post tentang Cara membuat scroll pada Threaded comment. Jangan lupa membaca post saya yang lainnya dengan membaca DAFTAR ISI. Maaf bila ada salah-salah kata dan semoga tulisan ini dapat bermanfaat bagi anda :)


Share this

Related Posts

About Contact Disclaimer Privacy Policy Sitemap
close