Cara Memasang Scroll Pada Kotak Komentar-Komentar -
Sengaja saya memberi kata komentar menjadi komentar-komentar karena yang
dimaksud adalah scroll pada komentar-komentar pengunjung, bukan kotak
pengisian komentar. Mudah-mudahan tidak ada kesalah pahaman! :).
-kembali ke laptop-
Banyaknya jumlah komentar pada post/posting adalah kendala utama blog menjadi berat karena beban loading pada komentar menjadi lebih besar. Dan juga blog anda akan memanjang layaknya kereta api. Maka dari itu para komentator yang ingin berkomentar di blog anda akan melangkahi terlebih dahulu puluhan bahkan ratusan komentar.
-kembali ke laptop-
Banyaknya jumlah komentar pada post/posting adalah kendala utama blog menjadi berat karena beban loading pada komentar menjadi lebih besar. Dan juga blog anda akan memanjang layaknya kereta api. Maka dari itu para komentator yang ingin berkomentar di blog anda akan melangkahi terlebih dahulu puluhan bahkan ratusan komentar.
Mungkin tutor ini dapat mencari jalan keluar untuk menghindari kendala-kendala diatas. Anda dapat memodifikasinya sedikit dengan memberi efek scroll pada kotak komentar. Tetapi, ada juga komentator yang tidak menyukai efek scroll, karena ruang baca yang terbatas (dikit-dikit scroll, dikit-dikit scroll, scroll, dan juga scroll). So, memberi efek scroll pada kotak komentar terdapat keuntungan dan kerugiannya.
Bagaimana cara membuat efek scroll pada kotak komentar?
Berikut langkah-langkahnya:
1. Pastikan anda sudah login ke akun Blogger/Google anda.
2. Masuk pada halaman Rancangan dan klik Edit HTML.
3. Beri tanda centang/ceklist pada "Expand Widget Templates"
3. Beri tanda centang/ceklist pada "Expand Widget Templates"
4. Cari kode #comments-block{. atau lebih jelasnya seperti berikut.
Note:
1. Setiap template memiliki kode yang berbeda. Anda bisa cari yang mendekati saja. Kode tersebut saya ambil diberbagai template blog.
Semoga Berhasil.
#comments-block{border:0px dotted #ccc;padding:0;margin:0;float:left;width:569px;overflow:hidden;position:relative}atau
#comments-block3{border:0px dotted #ccc;margin:1.3em 0 1.5em;line-height:1.6em ;width:474px}5. Ganti teks yang berwarna biru dengan kode dibawah.
max-height:300px;border:1px solid #eee;overflow:auto6. Maka, hasilnya akan seperti berikut.
#comments-block{max-height:300px;border:1px solid #eee;overflow:auto; ;padding:0;margin:0;float:left;width:569px;overflow:hidden;position:relative}7. Save Template. Done!
Note:
1. Setiap template memiliki kode yang berbeda. Anda bisa cari yang mendekati saja. Kode tersebut saya ambil diberbagai template blog.
Semoga Berhasil.
Ditulis Oleh : Unknown ~ Tips dan Trik Blogspot
Sobat sedang membaca artikel tentang Cara Memasang Scroll Pada Komentar di Blog. Oleh Admin, Sobat diperbolehkan mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya
3 komentar:
Reply
Ini nih yg saya cari2 triknya. :tup
Reply
:e
Reply
ok nih gan , kunjungi balik yah
Posting Komentar
BLOG INI DOFOLLOW .
Silahkan tinggalkan komentar dan kritik sobat, tapi mohon jangan SPAM ya..!
Komentar SPAM akan di HAPUS oleh admin.
Komentar yang membangun sangat dibutuhkan oleh blog ini.
Terima Kasih.