How To Change Widget Title Background On Blogger

How To Change Widget Title Background On Blogger :

Have You Ever Noticed Some Bloggers Widget Title Background Color Is Change.But It's How?So Today I Am Gonna Show You How To Change Blogger Widget Title Color On Blogger.So Follow My Steps.

1-> Login To Your Blogger Account

2-> Click On Template

3-> Click On Customize

4-> Now Click On Advanced And Go To Add CSS

5-> Now Paste The Following Code

.sidebar .widget {margin-bottom: 20px;}

.sidebar h2 {

color: rgb(221, 221, 221);

font-family: arial;

font-size: 14px;

height: 28px;

line-height: 33px;

margin-bottom: 10px;

text-shadow: 1px 1px 1px rgb(0, 0, 0);

font-weight: bold;

border-bottom: 4px solid rgb(0, 0, 0);

border-left: 4px solid #262626;

padding-left: 5px;

background:#3A3938;

border-radius: 3px 3px 3px 3px;

}

.sidebar h2:hover{

background:#666;

-webkit-transition: all .2s ease-in-out;

-moz-transition: all .2s ease-in-out;

-ms-transition: all .2s ease-in-out;

-o-transition: all .2s ease-in-out;

transition: all .2s ease-in-out;

}

.sidebar li {border-bottom: 1px dashed #CCCCCC;margin-bottom:18px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQw78PWWF4o1mNTkBSDkVm78i5rm1DcJkI8Ps9AUWgUnWKNr_TxPj4VpfnwCiSmGFKflhAtwx-CyA8-iHO0PHq0fQikR0LSr-L3brt7oFtVlKUoR059hEU0nYJrxzj7xmzcm_TM1FblXxl/s400/sidebar-bullet.png) no-repeat left; padding-left:16px;}