Home
Blogging

Add Image and Message above Blogger Comment Box

How to add Text Message above Blogger comment Box with Comment Image to show up the commenting instruction in your Blog?

comment box

Many visitors use Comment box for making spam and also leave open links or other site address. For your visitor you can leave some message above comment box with some instruction to stop or give some restriction on this. I will share with you that how to add message and image above your blogger comment box.

So just follow the steps below.


Step 1 Log in to your Blogger Account and Go to your Blogger Dashboard

Step 2 Click on  Now click on -> Template -> Edit HTML-> 


Step 3 Now Find this code by pressing Ctrl + F

         <a name='comment-form'/>

Step 4 Now Paste the below message or your own message After above code.

<h4 id='comment-post-message'><img src='Your Image Url Here’/></h4>
<div class='CommentNote'><p><strong>Your feedback is always appreciated. We will try to reply to your queries as soon as time allows.</strong><br/><b>Note:</b><br/>1. Make sure to click the <b>&quot;Subscribe By Email&quot;</b> link below the comment to be notified of follow up comments and replies.<br/>2. Please <b>&quot;Do Not Spam&quot;</b> - Spam comments will be deleted immediately upon our review.<br/>3. Please <b>&quot;Do Not Add Links&quot;</b> to the body of your comment as they will not be published.<br/>4. Only <b>&quot;English&quot;</b> comments shall be approved.<br/>5. If you have a problem check first the comments, maybe you will find the solution there.</p></div>

Customization:

  • Change 'Your Image Url Here’ with your Image link
  • Change Red color text with your own messages

9 comments

  1. Something IS wrong in the script please fix it brother......
    • Hi Nauman tell me details about your problem.
  2. Hi. There are two instances of a name='comment-form' in my Blogger source code. Which one should I use for pasting?
    • If you have found 2 code that means your template has enabled threaded comment. 1st code ='comment-form' is integrated with main comment. and 2nd code ='comment-form' is integrated with threaded comment. Please use the code above 1st code. Thanks
  3. 1. Your img src='Your Image Url Here’ has an error: the closing quotation mark after "here" is of a different type than the opening one; this makes your code appear red in the source code.

    2. But even after removing this command line, the code still does not work. I pasted it below and above the first name='comment-form' as you said. You can check it yourself, I left it in my source code.

    I have to add I have changed to the Disqus comments system and I am looking now for a disclaimer which should be located below the post area, but above Disqus.

    Greetings
    • Sorry for your inconvenience. Can you send me your template backup? I will try to install the code. thanks
  4. Hi I want a comment form like yours which says same like above code converter, show emoticon
    Please tell me how to do this I am really impressed by your blog
    • Hi Harmohit Sing,
      You will see Emo in my free blogger theme. Please download it from here.

      http://www.bloggerspice.com/search/label/Blogger%20Template?max-results=10
Go Up