Memasang Comment Luv di Blogger Blogspot

Bagi anda yang pernah komentar di blog ini sebelum kemarin sore, dan datang lagi untuk berkomentar setelah kemarin sore, mungkin akan menemui perbedaan mencolok dalam form komentar. Ya, kemarin sore aku telah memasang Comment Luv di blog yang menggunakan engine Blogspot ini. Apa?? Commentluv di Blogspot ??

Benar. Jika selama ini kita mengenal plugin CommentLuv untuk blog Wordpress yang pemasangannya semudah hitungan 1,2,3 (1. download plugin commentluv dari situs pemiliknya, 2. upload ke folder Plugins di server kita, 3. aktifkan plugin CommentLuv), ternyata Commentluv support dan bisa diinstal di blog Blogspot. Hanya saja butuh sedikit perjuangan untuk memasangnya.

Dari beberapa referensi, seperti blognya Cebong Ipiet dan juga blognya Qittun, tidak ada petunjuk detil step by step sehingga usaha pertamaku untuk memasang CommentLuv di blog Blogspot tidak berhasil. Bahkan, kedua blog tersebut tidak / belum berhasil memasang CommentLuv. Ketika mencoba masuk ke blog CommentLuv, ada blog yang memberikan tutorial lumayan lengkap, yakni How to Install Commentluv on Your Blogspot Blog. Anda bisa merujuk blog tersebut sebagai panduan jika ingin memasang comment luv di blog blogspot anda. Atau bisa juga melihatnya disini.

Seperti biasa, aku akan berbagi tentang langkah demi langkah yang aku lakukan dalam memasang comment luv di blog ini yang menggunakan engine blogspot. Mari kita lihat.

1. Daftarkan diri anda lebih dulu ke blog Comment Luv. Isi semua hal yang diperlukan. Anda akan diberi imel berisi link aktivasi yang harus diklik. Lakukan semua instruksinya.

2. Berikutnya, kita harus klaim blog yang kita miliki yang akan kita pasang Comment Luv. Caranya masuk ke tab Claim Your Site, isi url blog anda, klik salah satu button Comment Luv, kopi kode yang diberikan dan pastekan ke blog anda (add page element HTML/Javascript). Klik verify.



Saatnya memasang Commentluv. Untuk instruksi lengkap silakan masuk ke tab Download > Blogger CommentLuv.



3. Import komentar yang sudah ada di blog kita untuk diintegrasikan dengan comment luv. Jika ini tidak dilakukan, komentar lama yang ada di blog akan hilang. Langsung saja klik http://js-kit.com/comments/blogger.cgi untuk mengikuti langkah-langkahnya. Ada 2 tahap yang harus dilakukan disini: mengimpor komentar dan mengaktifkan JS-Kit comment.




4. Masukkan url blog anda ditempat yang telah tersedia beserta username dan password yang anda gunakan untuk login ke dashboard blog. Langsung saja "tendang" tombol Import and synchronize comments. Tunggu prosesnya sampai selesai.



Jika proses selesai, akan terlihat seperti ini :



5. Saatnya masuk ke tahap kedua, yakni mengaktifkan JS-Kit comment. Login ke dashboard blog anda. Masuk ke Layout > Edit HTML > Download Full Template.



6. Kembali lagi ke JS-Kit. Cari template yang tadi didownload dengan menggunakan tombol Browse. Jika sudah ketemu, tekan tombol Process template.



7. Akan muncul jendela untuk menyimpan file js-kit-tmpl yang merupakan modifikasi template kita dengan js-kit comment. Klik tombol ok dan tentukan dimana anda akan menyimpannya.



8. Selanjutnya, anda harus mengupload template modifikasi JS-Kit tersebut di blog anda. Kembali ke dashboard blog anda, klik tombol Browse untuk mencari dimana template js-kit tadi anda simpan. Setelah ketemu, klik tombol upload.



9. Jika sudah selesai, mestinya tampilan komentar dan formnya di blog anda sudah berubah. Refresh browser jika belum berubah (pencet tombol F5 pada keyboard).



10. kembali ke blog Commentluv untuk mengkopi kode commentluv. Klik pada tulisan Click for your code. Kopi kode yang diberikan.



11. Paste di blog anda dimana tadi menaruh kode untuk memverifikasi CommentLuv. Sampai disini, proses pemasangan CommentLuv di blogspot sudah selesai.





12. Mungkin tampilan komentar di blog anda belum sesuai dengan keinginan. Anda harus mengaturnya agar cocok dengan kemauan kita. Klik tulisan (Powered by JS-Kit) di bawah form komentar anda untuk masuk ke pengaturan tampilan komentar.



13. Yang penting dari pengaturan ini adalah pastikan untuk enable "allow simple html" gunakan skin "smooth gray".
JANGAN GUNAKAN pilihan WYSIWYG ! pastikan pula memberi contrenng pada expand "leave a comment"

Itu jika anda ingin tampilan komentar seperti dalam blog ini. Jika anda punya selera lain, silakan dicoba-coba sampai ketemu yang cocok.

14. Ketika memasang comment luv di blog ini, aku tidak menemukan masalah. Namun ketika aku mencoba memasangnya di blog lain, terjadi sedikit gangguan. Ada kotak komentar lain dibawah kotak komentar dari JS-Kit, sehingga ada 2 kotak komentar. tentu saja hal ini sangat mengganggu.



Jika anda mengalami hal yang sama, jangan dulu panik. Aku tidak tahu, kesalahan proses yang mana yang menyebabkan munculnya kotak komentar double ini. namun aku tahu solusinya. Masuk ke Edit HTML dan pastikan kotak Expand blablabla... dicentang. Cari kode berikut :

<h4 id='comment-post-message'>
<data:postCommentMsg/>
</h4>
<p>
<data:blogCommentMessage/>
</p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' scrolling='no' src='' width='100%'/>

Anda bisa menghapusnya. Kalau aku, aku ganti dengan tulisan Leave Comment here, and I'll give you dofollow backlink and Luv (powered by comment luv).

Selamat mencoba dan semoga bermanfaat.

Update: Saat ini aku tidak menggunakan commentluv dikarenakan adanya eror ketika feed diganti ke feedburner, yakni komentar baru (yang dibuat dari comment rss tidak muncul sehingga tidak bisa membalas komentar yang masuk).