Changeing "Post a Comment Link"

If you are not using the embedded comment form method ( learn how to embed your comment box below your posts ) you make have seen a text link as "Post a Comment". You may like to change it to some thing different and attractive , aren't you ? or you mat like to change it to a image.


Here is what to do.

1. Edit your template ( How to edit your template )
2. Press Ctrl+F and search for <data:postCommentMsg/>


Now you will find out some code lines as


<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/></a>
</b:if&gt;

now change <data:postCommentMsg/>to any thing you want.

( ex:- Tell me your Idea , Post your Ideas )


or you can use a image , just upload an image to a image hoster or use a online image. place your image's URL in this code.

<img src='Your Image's URL'/>

and replace <data:postCommentMsg/> with the one you create.


Now follow the Safety Saving Steps.

And


* Here are some images i created for you

code :- <img src='http://sites.google.com/site/dragonzstore/_/rsrc/1241753637533/Home/1.PNG'/>

code :- <img src='http://sites.google.com/site/dragonzstore/_/rsrc/1241753640641/Home/2.PNG'/>



code :- <img src='http://sites.google.com/site/dragonzstore/_/rsrc/1241753644804/Home/3.PNG'/>




code :- <img src='http://sites.google.com/site/dragonzstore/_/rsrc/1241753646435/Home/4.PNG'/>

Embreding a comment box below post body

I found this trick on Amanda's blog. Really i came very handy to me too. By using this trick you will be able to show your comment box , just below your post body. This is very essential if you want to encourage your readers to comment because many of them feel lazy to do it.

How here is what to do. First go to draft.blogger.com and select your blog.


Now to go the Setting tab
Now you will see a option as Comment Form Placement
In there , select Embedded Below Post

1. Edit your template ( How to edit your template )
2. Press Ctrl+F and search for comment-footer


Now you will find out some code lines similar to


<p class='comment-footer'>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</p>


now replace below codes with the above


<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>


Now follow the Safety Saving Steps.

And




If this trick didn't work out for you , here are some options to do.

Option 1

Search for <b:include data='post' name='comments' />
change it with this code <b:include data='post' name='comment-form'/>


Option 2

Check out whether you haven't un check comments option in layout > Configure Blog Posts

Option 3

check whether you have changed these things using draft.blogger.com

Adding a sentence or Image near the Comment Box

I wanted to add a text in my comment box to encourage readers to comment on my lessons. After some code pastes , i found the right place to paste my sentence. Now I am going to teach you how to do this.


1. Edit your template ( How to edit your template )
2. Press 'Ctrl' key and 'F' and Find out <p class='comment-footer'>


now just place your sentence. or you can place a image too. ( As I have done )

to paste a image , just upload your image to a image hosting service ( www.imageshack.us )
copy it's image URL.
paste it with this code.

<img src='Your image's URL'/>

My code <img src='http://smileys.smileycentral.com/cat/36/36_1_21.gif'/> ( if you like it , use it ! )


As i have seen , the place to paste this code varies from template to template. so if you want to post your image or sentence on the comment box or below the comment box , paste your code A line below to the code that i gave you to , that means if these are your code lines...


<p class='comment-footer'>

code line 1
code line 2
code line 3
code line 4


First paste your code above code line 1 , then preview your template , now paste your code below code line 1 and above code line 2 and preview your template. Do this until you meet <data:postCommentMsg/> or <div id='backlinks-container'> .

This may depend on your template and your ability to understand.