Blogger Comment Box is a cute looking, nice and customizable blogger template with comment box widget area that allows comments to be displayed right in the post sections. You can customize the background and text color, change rounded corners style, add as many comment boxes as you need on your blog including different coding styles of the comment box (you can have horizontal and vertical boxes same time or just one box). Blogger Comment Box is a multi-blogger template. You can use it for commenting on the articles of your blog and it’s also perfect for building blogs from scratch.This article also discuss comment box design in html and how to add comment in blogger.

So you want to add a comment box to Blogger. You are so close to making it happen. All you need is the most amazing, gorgeous, cleanly and awesome-looking comment box for Blogger.

Cute Comment Box For Blogger

Just in case you are not familiar with the WordPress default commenting; WordPress commenting system consist of usually four boxes with text field. The four boxes which made of text field are where readers can insert name, email, website and their comment.

This made it lots more easier for even a newbie to comment on any article on a WordPress powered website. However on this post; You will get to learn how to use the same type of comment default style on your Google Blogger Blog using IntenseDebate.

You can checkout the DEMO of the Comment box on Javaappz.blogspot.com

IntenseDebate is a part of the bigger family of services on the web by Autommatic – the same team who are behind the WordPress.com projects and Jetpack. The Intensedebate commenting system makes it easier for your visitors and readers to comment on your article without any hassle.

How To Add WordPress Comment Box Style For Blogger Blog

*. Visit the link at IntenseDebate Website.

*. Signup using the button and fill out your neccessary information.

*. Now Add your blog that which you’d like the comment box to appear.

*. Also, you will be require to download your theme from your blogger blog

*. Now upload the theme you download from your blog to Intensedebate.

*. Once intensedebate had updated your theme, now download and upload to your blog.

However if you ever want to start the process, it is highly recommended your backup your theme first. Also, do ensure you follow due process to avoid any break-ins.

Why Should I Use IntenseDebate On My Blogger Blog?

Apart from making it easier for your readers to leave comment on your site, Intensedebate also make your comment system clean and beautiful.

Furthermore your readers get to have reputation scores, ratings, display pictures and etc. More Also, you can moderate or assign other admins to manage comments.

In addition to this, your readers can comment with their social account like Facebook, Twitter and etc.

P.S: If you had any trouble doing this, Leave a comment below or contact us to do it for you for just $5

comment box design in html

You can use the following HTML code to create a comment box within your HTML document.

Example Comment Box Code:

The following comment box code consists of a form containing a small textarea (the comment box) and an input field (the submit button). RunStack editorUnstack editor

<form action="/html/tags/html_form_tag_action.cfm" method="post">

<div>

<textarea name="comments" id="comments" style="font-family:sans-serif;font-size:1.2em;">

Hey... say something!

</textarea>

</div>

<input type="submit" value="Submit">

</form>

Note that the above code assumes that there’s an “action page” to process the contents of the form. In this example, html_form_tag_action.cfm (located in the /html/tags/ directory) is the server-side script that processes the form.

To learn more, check out Add Comments to Website.

Color

See how easy it is to change the background color of your comment box.

More Colored Comment Boxes →

Background Picture

You can also add a background image to your comment box.

More Comment Box Pictures →

Scrollbars

Customize the scrollbars (only works on WebKit browsers such as Chrome, Safari, and Opera).

Efficient honorificabilitudinitatibus cross-media information without floccinaucinihilipilification cross-media value. Quickly maximize timely deliverables for real-time schemas plenipotentiary.

Borders

Heck, while you’re at it, why not add a border too!

Send Email from your Comment Box!

You can use your comment box to create a feedback form that sends you an email every time someone clicks the submit button. All you need to do is change the value of the action attribute to a script that processes the form and sends you an email.

Here’s an example of what I mean. This page provides you with all the code you need to create a feedback form.

how to add comment in blogger

Blogger is one of the most popular free blogging service providers out there. Yet again another free service from the kitty of Google. Blogger is a reasonably user friendly blogging platform except for its theming capabilities. If you don’t customize anything you can configure most of the stuff through the blogger admin interface but if you did something then you will have to do everything subsequently as well. A very simple task like showing the comment form below the posts requires you to fiddle with the template xml file, if you are already using a customized template.

Technically it has a very good theming interface which more or less leaves the presentation completely to the end user. The problem however is that the abstraction is done using XML and not too many lay users would be knowing how to fiddle with the template to get expected results. This however opens the door to lot of service providers to offer blogger customizations to people who are xml-ly challenged. If you have stumbled across this post trying to figure out how to show the comment form below the posts here is how.

If you have not customized your blog template then it is just a matter of going to

Blogger Home > Settings > Comments > Comment Form Placement

and setting “Embedded below post”

If you have already customized your blog template then the above will not work.
You will have to include the following code snippet somewhere in the <b:includable id=’post’ var=’post’> tag below the post-labels preferably.<b:if cond='data:blog.pageType == "item"'> <b:include data='post' name='comment-form'/> </b:if>

If you have problems Contact Us and we can set it up for you.