Saturday, May 4, 2013

Change the “Post A Comment” message with an image/text in Blogger

In default Blogger template ” Post A Comment” message prompts readers to make a comment on an article.
If you are not using the embedded comment form, then there will be a link ” Post A Comment” on your blog. And if you are using the embedded comment form in your blog, then there will be ” Post A Comment” message on your Blogger blog, just above the comment box.
Now if you want to change the “Post A Comment” message with an image/text in your Blogger blog, then here’s a simple hack for you.
How to replace this ” Post A Comment” message in your Blogger/blog?
  • Log in to Blogger, go to Template– >Edit HTML
  • Tick the “Expand Widget Templates” checkbox.
  • Now find (CTRL+F) this piece of code (marked in red):
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/>
</a>
  • and this one too
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
  • Now replace the code (marked in red), with the text you want, like “Share Your Views ” etc.
You can use an image instead of a simple text, create a small image with your new message, and upload it
Now replace the code highlighted in (marked in red) with Below code (Don’t forget to replace IMAGE-URL-HERE with the direct link to the image):
<img src="IMAGE-URL-HERE"/>
  • Preview and save the template.


Source: makingdifferent 

    0 comments:

    Post a Comment