How To Customize Blogger Comment Box with Nice Background

Let's start with the name of Allah. Hi! My name is Bilal Ashraf. In today's lecture. I serve you a small tutorial I've brought.This post about how to customize your comment box background. 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.

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/AVvXsEibT2xZcUBlfkSVSOoKnAa8yHBBe1d-5suy6e5h0t-yN_aJSvC9nICNg7EV86YDKoaaGJ0_SdRwryCERHmX0Og4Pd9RH31gB_TMWr9JpaZwqN7E_mmon0JYgu9wVru8z80YZBUFulQowFnm/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...

Bilal Ashraf remember in our prayers. If you have any query then feel free to make a comment :)

urdu tutorial pakistan, urdu tutorials urdu tutorials free, urdu tutorials for web designing, urdu tutorials for adobe photoshop, online ustaad, html5 tutorial, html5 urdu tutorial, blogger tutorial, blogger tutorial 2012, blogger widgets, blogger gadgets, edius tutorial, dreamweaver tutorial, dreamweaver tutorial cs6, make money online, make money online free, make money online fast,

Socialize This Post

SOCIALIZE IT →

Tweet

FOLLOW US →

SHARE IT →