Sunday, 29 July 2012

Customize Blogger Comment Box with Nice Background

This post about how to customize your comment
box back ground.Actually default comment box
isn't attractive.So most are like to change it.This
is the tutorial for it.I made a post about How To
Change Default Anonymous Avatar In Blogger
Comments.
You can follow this easy steps to
add it to your blog.

Customize Blogger Comment Box

1. Log in to blogger  Design > Edit HTML.

2. Find this tag by using Ctrl+F   ]]></b:skin>

3. Paste below code Before ]]></b:skin> tag

#mbt-form iframe{ 
background:#ffffff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXl0naowNMAsz8vJMBU5IeFeWbMh8PXGvurK3c8dxWk4JBrUYbGlgP3gw1ICInBp4p67ty3q_jhntHB6TrA95b-M17UgRhMsWfNlZB8w0G2BLMxU9N1wx3CALNnAAuOwxOq69alpWOulwK/s400/11.png) repeat-x;
border:1px solid #ddd;
-moz-border-radius:6px;
-webkit-border-radius:6px;
box-shadow: 5px 5px 5px #CCCCCC;
padding:5px;
font:normal 12pt "ms sans serif", Arial;
color:#2F97FF;
width:560px; height:213px !important;
}
#mbt-form a{
color:#fff;
}

4. Find again this code by using Ctrl+F   <div class='comment-form'>

5.
Now replace <div class='comment-form'> with below code

<div id='mbt-form'>

6.
Now save your Template
You are done...

No comments:

Post a Comment