Cara Buat Comment Box di blogger

Seperti kita ketahui bahwa di blogger.com/blogspot.com pembaca harus mengklik jendela baru (popup window) untuk berkomentar untuk sebuah artikel di blogger. Itu terkadang membuat para pembaca/pengunjung blog kita menjadi malas untuk berkomentar karena cukup rumit dan lama.

Blogger/blogspot tidak seperti Wordpress, di Wordpress pembaca dapat meninggalkan komentarnya tepat di bawah Postingan dalam halaman blog tersebut. Soâ�¦ kenapa kita (Blogger) tidak bisa membuat Commen Box persis seperti halnya di Wordpress ???

we can actually
Okeyâ�¦ Lets do it !
Ini Langkahnyaâ�¦

if you are looking for this same hack for old blogger / classic blogger, please go to this post created by Avi Alkalay.

Sebelumnya silahkan BackUp Template anda terlebih dahulu.
1. Masuk ke Dashboard - > Panel Kontrol- > Edit Html
2. Klik pada Expand Widget Templates
3. Cari Kode di bawah ini :

<b:includable id='comments' var='post'><div class='comments' id='comments'><a name='comments'/><b:if cond='data:post.allowComments'><h4><b:if cond='data:post.numComments == 1'>1 <data:commentLabel/>:<b:else/><data:post.numComments/> <data:commentLabelPlural/>:</b:if></h4><dl id='comments-block'><b:loop values='data:post.comments' var='comment'><dt class='comment-author' expr:id='"comment-" + data:comment.id'><a expr:name='"comment-" + data:comment.id'/><b:if cond='data:comment.authorUrl'><a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a><b:else/><data:comment.author/></b:if><data:commentPostedByMsg/></dt><dd class='comment-body'><b:if cond='data:comment.isDeleted'><span class='deleted-comment'><data:comment.body/></span><b:else/><p><data:comment.body/></p></b:if></dd><dd class='comment-footer'><span class='comment-timestamp'><a expr:href='"#comment-" + data:comment.id' title='comment permalink'><data:comment.timestamp/></a><b:include data='comment' name='commentDeleteIcon'/></span></dd></b:loop></dl><p class='comment-footer'><a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a></p></b:if><div id='backlinks-container'><div expr:id='data:widget.instanceId + "_backlinks-container"'><b:if cond='data:post.showBacklinks'><b:include data='post' name='backlinks'/></b:if></div></div></div></b:includable>

4. Ganti semua kode di atas dengan kode baru di bawah ini â�¦

Get The Code Here
(Klik Kanan - Save target as or Save link as)

Catatan: Terkadang, Jika anda mengkopi semua kode di atas, simbol â�� akan tergantikan dengan simbol `
Saya juga ga tahu kenapa begitu. but if it so, Silahkan ganti sendiri saja dengan symbol â��.

Update:
dari kode di atas, anda akan melihat :
http://lifewg.googlepages.com/html-code-leave-comment.gif
itu adalah link gambar dibawah ini :

Anda bisa mengganti gambar di atas dengan gambar yang anda punya.

5. Copy semua kode HTML di bawah ini tepat di atas </body> Biasanya tepat berada di baris kedua dalam kode Html.

<script languange='javascript'>function showcomment(a,b){var jackbookdotcom = document.getElementById(a);jackbookdotcom.style.display = 'none';jackbookdotcom = document.getElementById(b);jackbookdotcom.style.display = 'block';}</script>

6. Cari Kode di bawah ini:

<span class='post-comment-link'><b:if cond='data:blog.pageType != "item"'><b:if cond='data:post.allowComments'><a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a></b:if></b:if></span>

7. Lalu gantikan semua kode di atas dengan kode di bawah ini :

<span class='post-comment-link'><b:if cond='data:blog.pageType != "item"'><b:if cond='data:post.allowComments'><a class='comment-link' expr:href='data:post.url + "#comments"' ><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a></b:if></b:if></span>

8. Setelah melakukan langkah No. 7, Just say thanks to me (ooooâ�¦ forget it! Just kidding)

9. Lalu Klik Tombol â��Simpan Templateâ��.

10. Lihat di blog anda sekarang, Kotak komentar sudah tersedia di halaman blog anda

how is it? cool isn’t it