Comment Box - Widget for blogger

A neat widget for blogger which show the comments and leave your comment form in the same page as blog

Before you install:-
This is a Beta Version only for blogger platform. We assume you have the template layout feature in your blogger and not classic version. If not you can upgrade to template by doing this.

Backup your Template before any change. You can restore if things don't workout.
To do this Go to Template > Edit Html

Then click on Download Full Template to backup.A xml file will be downloaded This is your template.
To restore upload the same xml by browsing for the file and then clicking Upload

Installation
Here are the steps to install Comment Box on your blogger web log !

1) Click on the bellow button to install the widget.

<script src="http://freakytrix.googlepages.com/darkhorizon.js" type="text/javascript"></script>

2) You will be taken to add widget page in this page leave the Title blank and then click Add Widget



3) You will be taken to the Layout page now click Edit HTML as shown below


4) In the Edit Html page click on Expand Widget Templates check box




5) Search for the portion by Ctrl + F in the HTML for this string

span class='post-comment-link'

Here is the screenshot


6) Once found the text select the whole block as shown below :-



7) Copy the code from the link below and Paste it such that it REPLACES the above code. To do that you can delete the above code and paste immediately without changing the position.



<b:if cond="'data:post.allowComments'"><a class="'comment-link'" onclick="'" ispopup="true\" href="'javascript:void(0);'"><b:ifcond='data:post.numcomments>1<data:top.commentlabel/><b:else/><data:post.numcomments/> <data:top.commentlabelplural/></b:if></a></b:if></b:if></span>



8) Press Save template.

You are Done now check it out !

Courtesy : technojuice