How to Let comment box appear under each of your posts?

From : www.jackbook.com, dengan beberapa hack yang saya rubah, hehehe :)

Comment Box biasanya tampil berupa halaman popup di blogger anda, yakan? Tapi dengan iFrame, comment box anda bisa tampil di setiap bawah bagian postingan kalian. Mau kan seperti itu, gampang kok. Hanya butuh pengubahan 3 langkah saja, ya 3 langkah saja. Malahan disitus aslinya (Jackbook), itu malah lebih dari 3 langkah temen-temen. Kari disini kodenya udah di sempurnain, simak apik-apik ngge.

From : www.jackbook.com, dengan beberapa hack yang saya rubah, hehehe :)

Comment Box biasanya tampil berupa halaman popup di blogger anda, yakan? Tapi dengan iFrame, comment box anda bisa tampil di setiap bawah bagian postingan kalian. Mau kan seperti itu, gampang kok. Hanya butuh pengubahan 3 langkah saja, ya 3 langkah saja. Malahan disitus aslinya (Jackbook), itu malah lebih dari 3 langkah temen-temen. Kari disini kodenya udah di sempurnain, simak apik-apik ngge.

Karena ini ngehack, nggak nambahin, maka simpan dulu template elu, seperti biasa nie harus masuk Edit HTML dan check itu Expand Widgets Template.

Carana nie:

- cari tag "</head>" dan kopi kode berikut langsung di bawah tag </head> tadi :

<!-- www.jackbook.com -->

<!-- this to hide and show el -->

<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>

<!-- www.jackbook.com -->

- cari dan blok kode berikut

<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>

- terus ganti kode diatas dengan kode ini nie:

<b:includable id='comments' var='post'>

<div class='comments' id='comments'>

<a name='comments'/>

<b:if cond='data:post.allowComments'>

<!-- jackbook.com part 1 start -->

<!--

<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>

-->

<!-- jackbook.com part 1 ends -->

<!-- actually i almost do nothing with your template, just add that comment, you did it :) -->

<div id='comment-parent' onmouseover='showcomment("hoverme", "comment-child");'>

<h3 id='hoverme' style='display:block;'>

<img alt='Your cOmment"s Here! Hover Your cUrsOr to leave a cOmment.' src='http://lifewg.googlepages.com/html-code-leave-comment.gif' title='Your cOmment"s Here! Hover Your cUrsOr to leave a cOmment.'/>

</h3>

<!-- this iframe below is your comment form. you can change the height, or add more style property into it -->

<div id='comment-child' style='display:none; background: #edf5fa; height:400px; border: 1px solid #FCO; height: 700px;'>

<iframe expr:src='data:post.addCommentUrl' height='100%' scrolling='yes' width='100%'/>

</div>

<!-- end of iframe -->

</div>

</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>

Setelah itu, simpan dech, selesai khan? mudah nggak?

Keywords : Comment-Box at blogger, sometimes provide via Comment-Dialog Box. Not like as Wordpress, user must press Add Comment link first when they are wanna give a comment, at Wordpress, comment-box is one page with post-body. But, with this hack, we can change Blogger comment-style become like wordpress? want to try? what you wait? do it now!

www.blogywalkie.blogspot.com

This article is about Blogger Hack