Komentar merupakan bagian yang tidak bisa dipisahkan dari sebuah blog karena merupakan sarana untuk memberikan feed back bagi informasi-informasi yang disampaikan, baik berupa saran, kritik, pertanyaan, atau ucapan terima kasih atas informasi yang disampaikan.
Memang menyenangkan jika artikel-artikel kita dikomentari orang. Namun jika komentar tersebut terlalu banyak dan/atau isi komentarnya panjang-panjang maka akan membuat komentator berikutnya sedikit kewalahan karena harus menggulung layar jika ingin menuliskan komentar. Jika ini terjadi, boleh jadi sobat yang tadinya mau mengisi komentar mengurungkan niatnya karena males untuk menggulung layar, hehehe...
Nah, untuk mengatasi masalah tersebut kamu bisa membuat scroll pada blok komentarnya sehingga sekalipun komentar dalam postingan kamu banyak dan panjang-panjang, kotak isian pesan komentar (menggunakan formulir di bawah entri) atau link poskan komentar (menggunakan formulir halaman penuh dan jendela munculan) masih akan terlihat dan berada tidak jauh dari akhir postingan kamu. Namun kelemahannya, jika postingan kamu belum ada komentar maka akan terlihat kotak kosong yang tingginya sesuai dengan ukuran yang kamu buat (untuk mengatasinya silahkan baca artikel ini).
Jika kamu ingin membuat scroll pada blok komentar, kamu dapat mengikuti langkah-langkah berikut:
Nah, selesai sudah brow. Selamat mencoba....
Memang menyenangkan jika artikel-artikel kita dikomentari orang. Namun jika komentar tersebut terlalu banyak dan/atau isi komentarnya panjang-panjang maka akan membuat komentator berikutnya sedikit kewalahan karena harus menggulung layar jika ingin menuliskan komentar. Jika ini terjadi, boleh jadi sobat yang tadinya mau mengisi komentar mengurungkan niatnya karena males untuk menggulung layar, hehehe...
Nah, untuk mengatasi masalah tersebut kamu bisa membuat scroll pada blok komentarnya sehingga sekalipun komentar dalam postingan kamu banyak dan panjang-panjang, kotak isian pesan komentar (menggunakan formulir di bawah entri) atau link poskan komentar (menggunakan formulir halaman penuh dan jendela munculan) masih akan terlihat dan berada tidak jauh dari akhir postingan kamu. Namun kelemahannya, jika postingan kamu belum ada komentar maka akan terlihat kotak kosong yang tingginya sesuai dengan ukuran yang kamu buat (untuk mengatasinya silahkan baca artikel ini).
Jika kamu ingin membuat scroll pada blok komentar, kamu dapat mengikuti langkah-langkah berikut:
- Login ke akun Blogger kamu, lalu pilih Tata Letak - Edit HTML.
- Carilah kode CSS untuk comments-block menggunakan Control F.
- Tambahkan perintah berikut kedalamnya:
height:300px; /* tinggi blok komentar */ border:1px solid #CCC; /* warna bingkai blok komentar */ overflow:auto; /* perintah scroll */
- sehingga nantinya akan nampak seperti contoh berikut:
#comments-block { width: sekian px; margin:sekian px; padding:sekian px; line-height:sekian px; height:300px; /* tinggi blok komentar */ border:1px solid #CCC; /* warna bingkai blok komentar */ overflow:auto; /* perintah scroll */ } - Sesuaikan ukuran dan warna bingkai menurut yang kamu kehendaki.
- Simpanlah hasilnya, lalu lihatlah pada postingan yang memiliki banyak komentar.
Nah, selesai sudah brow. Selamat mencoba....
Catatan tambahan:Jika pada template kamu tidak ada kode CSS untuk comments-block, tambahkan saja kode berikut di atas ]]></b:skin>:Dan bagi yang menggunakan avatar Blogger Profile, avatarnya menjadi tidak kelihatan karena tertutup oleh kotak scroll. Supaya avatarnya tetap terlihat, buatlah scroll dengan cara kedua.#comments-block { height:300px; /* tinggi blok komentar */ border:1px solid #CCC; /* warna bingkai blok komentar */ overflow:auto; /* perintah scroll */ }
19 komentarPosting Komentar
Patut dicoba juga nih. Terimakasih kang, tutorialnya. Oh ya, saya juga mau tanya. Bagaimana caranya ya meratakan samping kiri dan kanan blog? Juga kode yang mana ya kira-kira kang, membuat pas ukuran gambar di kolom kiri kanan blog saya. Terimakasih sebelumnya kang EnEs.
ari nu ane mah jendela munculan kang uy...moal tiasa nya??
wah !!!!
keren tutornya sob !!!!
Thanks !!
@Rep Ivan:
Kebetulan sob, saya tengah mempersiapkan artikel seperti yang sobat tanyakan, soalnya ada beberapa sobat yang menanyakan hal yang hampir mirip dengan pertanyaan sobat.
@Rep Insan:
Emang aya template anu kitu sob, teu bisa di bawah entry jiga template jean. Mun hayang make komentar di handap, pake we Comment JS, sob...
@Rep Mufied:
Sama-sama sob...
lama tidak ber-sua ya...saya sibuk sekali mas baru bisa berkunjung kesini..
saya simpan dulu mas, siapa tahu nanti diperlukan. thanx ilmunya nich
@Rep Rumah Blogger dan Sabirinnet:
Makasih sob atas komentarnya.
@Rep Ivan:
Ini tambahan jawabannya sob:
Untuk meratakan samping kiri kanan blog
1. Jika pada kode CSS bisa ditulis:
text-align: rigth;
text-align: left;
text-align: center;
text-align: justify;
pilih aja mau perataan seperti apa sob.
2. Jika didalam postingan (Edit HTML) atau kotak gadget HTML/JavaScript bisa ditulis:
<span style="text-align:right;">Tulisan/Gambar</span>
itu untuk perataan kanan. Untuk rata kiri, tengah, atau rata kiri-kanan, tinggal diganti saja right-nya sob.
Tapi untuk supaya tulisan atau gambar berada di sebelah kiri, tengah atau kanan, gunakan perintah float (bukan text-align), contoh:
float: rigth;
float: left;
float: center;
info yang menarik nih mas... patut untuk dicoba... thanks ya...
nuhun kang tutorialna, insyaAllah ke di pake lamun komentarna geus loba......alias rame
banner tos di pasang ...langsung harita oge,di menu ling ekceng....gigireun menu home tea geuning...rencanana banner anu aya di halaman utama rek di pindahkeun ka dinya sadayana....berat teuing kang lodingna...
mantap tutorialnya kang saya pake di blog saya yang seperti ini
Wao, ini yang selama ini saya cari! akan kucoba bang, trims!
makasih sobat,... aku kepingin yang ginian. Kotak komentnya tidak ikut terscroll
punya saya kok ga bisa yah,,padahal udah sesuai petunjuk,,kodenya sdh sy pasang pas dan ngga sukses di templte,,tp di preview kok ngga ngaruh,,
mksh nice blog ..
@Rep Aan:
Jelas gak bisa mas. Saya lihat mas salah menempatkannya. Seharusnya ditambahkan pada kode ini
#comments-block {
Kode CSS pada template sobat
Tambahkan di sini
}
mantap boz.. ijin post ulang..!?
@Rep Hyper Custom:
Boleh saja sob, asal link sumber asli (SC community) tetap dicantumkan.
thanks tas ilmunya,,...
tapi sy punya koq kurang ke kiri
tolong ajarin spy letaknya pas,,...
patut untuk di coba,.. tpi berhubung komentar di blog q msih sdikit,.?? gg jdi ach,...
mas, klo commentx mencapai 200 lebih kok tampilan scorll-nya jadi kacau y.. ni kayak punyaq:
http://i-movies4all.blogspot.com/p/request.html?commentPage=1
ada alternativ lain g mas?? di tunggu balesanx... thnks.
Tambahkan Komentar
Terimakasih atas semua apresiasi yang sobat berikan.