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?

8
data:blog.title
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 text with your own messages.
Add Image and Message above Blogger Comment Box
4 Stars stars - "Add Image and Message above Blogger Comment Box " Many visitors use Comment box for making spam and also leave open links or other site address....

Post a Comment

Something IS wrong in the script please fix it brother......

Hi Nauman tell me details about your problem.

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

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

I simply want to say I am new to weblog and truly savored you’re website. More than likely I’m want to bookmark your blog . You actually have excellent writings. Thanks a bunch for sharing your web site.

Jin
www.imarksweb.org

Thanks Leslie for your complement.

Facebook Group Community Disqus Channel Code ConverterHide Code Converter Show EmoticonHide Emoticon

Got questions? Ask ’em below! While we’re here, you might like to give any feedback about this Post, Your comment inspire us to continuous Improvement of This Blog and Contents. Your words are your own, so be nice and helpful if you can. Please, only use your REAL NAME, not your business name or keywords. Using business name or keywords instead of your real name will lead to the comment being deleted. Anonymous commenting is not allowed either. Limit the amount of links submitted in your comment. We accept clean XHTML in comments, but don't overdo it please.

Make sure you tick the Notify Me box below the comment form to be notified of follow up comments and replies. Thank you for commenting

Contact Form

Name

Email *

Message *