How to Change Simply Background of Blogger Comment Forms

Earlier, we have been to talking about how to make our blog look more attractive and professional. Changing comment form the size and removing white space that appears below the comment form, were two useful tricks to make your blog comment section look more better. Now, its time to play more with comment form of blogspot. Lets try how to a change blogger comment form background to image or a particular color, and how we can customize blogger comment form.

How to ChangeComment Form Background :

Changing blogger comment form background to an image can add for fun to your blogger and this will make your comment form more attractive. You can also add hover effect which will change comment form background when some one drags the mouse on comment form. Its really very easy to do.

• How to Customize Blogger Comment Form?
• Go to your Blogger Account > Dashboard > Template > Edit HTML > Proceed
• Check "Expand Widget Templates" box
• Search for this code (tip: press CTRL and F at once from your keyboard)

<div class='comment-form'>

Change this code to;

<div id='bablogger-form'>
Good, Now search for this code;
]]></b:skin>
Paste below given code just before the searched code.

#bablogger-form iframe{
background:#ffffff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQTK6TPN0iCpW0h_VGwt7tk39_0u8ksGLtzRxlzxX9bYTYpplAggrKQmYI8ygoQ-_jAwwdWkox7KjxaW8fmAIVPS7i2J2hWj2W46W3NpJvFUN6itxcZh-TgjKN_MMv04gOgoLKA-KTIx3x/s400/plz-do-not-spam1.gif) no-repeat bottom right;
border:7px solid #C7C7C7;
padding:5px;
font:normal 12pt "ms sans serif", Arial;
color:#7EB2AC;
width:450px;
}

• Save Your template and its done..

You can change the colored link with your any other background image link.

Related Posts