6 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/AVvXsEjyslrI0RXj2JnkGNilwbxIF4hM3mNclnqQauLCwsHU9xLdTd9zH4jlLzqBlEBCEByil_TKZMT72HtZ4hrvEk5GHpUl902mrKulY3lyKZbOqjtgZixOnTXkDqKx7G2FSLm0eqS9Rjxeycu2/s400/sidebar-bullet.png) no-repeat left; padding-left:16px;}

6-> Now Click On Apply To Blog

Yipeeeeeeeeeeee................