Membuat Scrolling Element Komentar

Sebelumnya pastikan kamu sudah membaca postingan tentang cara memasang kolom komentar di bawah posting. Belum yah? Buruan gih baca postingannya.

Nah, jika postingan blog kamu banyak yang memberikan komentar berarti ... postingannya bagus dan uptodate! Terus bagaimana cara melakukan SEO agar halaman komentar tidak menjadi panjang, walaupun dikomentari oleh puluhan pengunjung blog? Apabila kamu berpikir untuk mengembalikan setting komentar ke defaultnya, itu sih bukan konsep jitu untuk memecahkan suatu masalah.

Kembali ke trik scrolling elemen komentar,... Yuk! Kita belajar sama-sama cara bikinnya.

* Login ke account blogger kamu.
* Pilih tab Tata Letak --> Edit HTML.

Tips : Sebelum melakukan edit template, sebaiknya simpan dulu template kamu yang ada dengan meng-klik tulisan Download Template Lengkap. Kemudian simpan dalam harddisk atau media penyimpanan lainnya, sehingga jika terjadi hal-hal yang tidak diinginkan kamu sudah memiliki back-up untuk mengembalikannya seperti semula.

* Cari kode kumpulan kode CSS comments.

/* Comments
-------------------------- */
#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color: $sidebarcolor;
}
#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block .comment-author {
margin:.5em 0;
}
#comments-block .comment-body {
margin:.25em 0 0;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}


Tips : Kalau susah mencarinya, coba tekan tombol F3 di keyboard. Maka akan muncul menu toolbar pencarian di bawah browser (Firefox), sehingga kamu tinggal memasukkan kata yang ingin dicari.

* Tambahkan kode berikut di atas kode #comments h4.

#comments {
height:280px;
overflow:auto;
}


Catatan :

1. Ganti nilai kode yang berwarna merah sesuai dengan tinggi elemen scroll yang kamu inginkan.
2. Kode overflow:auto; berarti jika elemen komentar melebihi tinggi yang telah ditentukan (280px), maka fungsi scroll otomatis akan bekerja.

* Jangan lupa disimpan


Selamat menampilkan elemen komentar dalam model scroll...

Wacana Yang Seide:
Memasang Kotak Komentar Di Bawah Postingan
Cara Pasang Avatar Mybloglog dalam Komentar

0 comments:

 
Tutorial Seo Blogger | Cara Membuat Blog di Blogspot Gratis 2014 Support Blogger Info Seo Privacy Policy