Change Your Blogger "Post A Comment" Message

In this tutorial i will show you how to replace the 'Post A Comment' text that appears above the comment form with an image. Also, I will make available to you a few cool images or you can add your own image if you like... so let's get started.



How to replace Post a Comment with an image

To replace  "Post A Comment" message in your Blogger / Blogspot blog follow the next steps:

Step 1. Log in to Blogger, go to your Blogger Dashboard >> Design >> Edit HTML

Step 2. Tick the "Expand Widget Templates" checkbox.

Step 3. Now search (CTRL + F) for the code marked in red:

<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/></a>


...and for this one too:

<h4 id='comment-post-message'><data:postCommentMsg/></h4>

Step 4. Replace <data:postCommentMsg/> with one of the below images codes:


<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ73FnkeRsXWGLmT5Fpi6ukdEvhYeODtlOnU9-mwDuAJ-6MhZTfsP3Q20Zaj7NGWbLxD_jcZ-Ca_HE6ZEgoPKJb_7NZtuQH272jDav78JQHASZ-FdZ5gZGtJbCb_iel10J-kFvbrfa73c/s1600/leave+a+comment.png" />


<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkAnHu1x3278AVi5V1UV5p7TBxUohOeZHhWpTYjqrHftH9yEmE7px7wCmNBaBTZVeq7bIeb7eVTJoATXTvEMxo7nRsoOncuq3uRpUiTMtW2vY4ewIeQ1EJudR5i8bJPYirv2AXOw5w5RA/s1600/Post+a+comment+blogger.png" />


<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8jWeQ9d4mh-URcGDI8MuOw2aTqWHfXjERP21LGQPUw8ZG7uxudLfkuJfxRqrXBH8mP7InkWjZ__rxGetEczhXlZg5nyNVn6GNZRqSPnuJSdJ1fJf2WmEuthpEMWnovLIyGNzt5Of9jFf1/s1600/animated+comment+arrow.gif" />


<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5X61Ln0LODWI2rlikgv1T9xgWQA8qp5T1udCA6C1474l-vXODN_n7bIiKNu7VFOppeZhG8ie4aWUkiQ2PGQd9BpZmRIdOvIJUrIBWxFS-ddFVrzrB8e_msX33tm8Sq-KTPU7rksgNwhkz/s1600/leave+a+comment2.png" />


<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqS9c8U88iFw22nTU_nD_zZ9Cdsy4_qIqSZno5qXCEg7G-1F8rLMGhyphenhyphenRi_Cc-C2lQhkG0uPm9rqW1DDnzxc2-aFX9mIkZpIUeZTWaiEG_NYxUzD8QpkU93D7XuwxrkXYa1cxNr0pOv8Wvf/s1600/comment.gif" />

You can use your own image instead. Just upload your image on Blogger, switch to Edit HTML tab, copy the image code and replace <data:postCommentMsg/> with your code.

UPDATE! Step 5. The first steps will replace the text only when there are no comments available. To show the image each time new comments are added, we should add the code of the image we want to appear after the 4th of the below code (search 4 times for it):

<p><data:blogCommentMessage/></p>

Step 6. Save Your Template.


Thats it! I hope you like your new comment form !
Share this post
  • Share to Facebook
  • Share to Twitter
  • Share to Google+
  • Share to Stumble Upon
  • Share to Evernote
  • Share to Blogger
  • Share to Email
  • Share to Yahoo Messenger
  • More...

5 comments

  1. Traditional footwear retail store's biggest rival is the electricity supplier.Christian Louboutin Shoes Both the big difference is the price. It is learnt that the domestic almost all shopping malls are leased or associated, from the ex-factory price to a lower retail Cheap Christian Louboutin Shoes price increase rate four or five times to more than a dozen times, even appears "China-made goods cheaper in European and American markets than domestic" strange phenomena. In developed countries, modern retailing profits mostly from their own business,Christian Louboutin Heels earn products of difference, supplier of promotional service fees charged to the profit ratio is very low, generally less than 10%

    ReplyDelete
  2. thanks for your awefull tips and tricks
    thank you
    moviethandura.blogspot.com

    ReplyDelete
  3. Hope this helps, and I look forward to reading people's comments.
    Wholesale NHL Jerseys Free Shipping

    ReplyDelete
  4. Thanks for this giveaway opportunity and congrats on your 100th post! I love surprises!
    Wholesale Jerseys

    ReplyDelete
  5. Wholesale Discount Replica Jersey By MLB/NHL/NFL/NBA/NCAA/Soccer From China Free Shipping.
    cheap nfl women jerseys
    cheap jerseys online

    ReplyDelete

:) :-) :)) =)) :( :-( :(( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ :-$ (b) (f) x-) (k) (h) (c) cheer

 
Posts RSSComments RSSBack to top
© 2011 Tips & Tricks Zone ∙ Designed by And Powered ByMD SOH@G
Released under Creative Commons 3.0 CC BY-NC 3.0