Customize Blogger Comment Form to Make It Attractive

In this post I am going to show you how to customize your blogger comment form

Blogger Comment Form Demo

LIVE DEMO

How To Customize Blogger Comment Form to Make It Attractive for blogger

• Go to Blogger Dashboard 
• Click on DropDown Menu and select Template
• Backup your Template before making any changes to your blog
• Now Click on Edit HTML --> Proceed --> Expand Widget Templates
• Press Ctrl + F and search the code shown below

]]></b:skin>

• Replace the above code with the code shown below

#latesthack-form iframe{
padding:5px;width:692px;height:214px;background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDBzrKB7RRDI6IbXsepeZ_R0BLmF1PgDyS0Al3A66qNgQpBYgWloojBl71-XuJ-0UuOGjVQw3CXYnFXWqQAWoOhQVD9U6Pt53DRJEFR0OJtX4lDVENKOgMmVljqpenaEDOmdIEhVAg4nc-/s400/11.png) repeat-x;
border:1px solid #ddd;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;box-shadow:5px 5px 5px #ccc;padding:5px;font:normal 12pt "ms sans serif",Arial;color:#2f97ff
}
#latesthack-form a{color:#2f97ff}
]]></b:skin>

• Now search for the code shown below

<div class='comment-form'>

• Replace it with the code shown below

<div id='latesthack-form'>

• Now save your template

CUSTOMIZATION

• You can replace the image link shown in red color with your own image . You can find more images at backgroundlabs.com
• width:500px is the width of the comment box you can change it according to your template

Like it? Share it.