How To Customize Blogger Sidebar Titles: Complete tutorial

In my previous tutorial i show you how to add custom sidebar titles in blog. After a lot of demand from viewers today i am going to tell you how to customize your blog sidebar titles with some CSS code. The tutorial will help you to enhance the beauty of your blog and your blog will look professional.

How To Customize Blogger Sidebar Titles

1. First login into your blogger account.
2. Select your blog which you want to customize.
3. Now select Backup/Restore option and download the template.
4. Click on Template in the left side of your Blogger Dashboard.
5. Click customize and select 'Add Css' option.

1. Now Copy and paste below code into 'Add Css' for Design 1. 

.sidebar h2 {
background: #c0392b;
padding:5px;
padding-top:10px;
padding-right:10px;
color:#fff;
font: 16px bold;
border-left:3px  inset #2236CC;
border-right:3px inset  #57BF63;
border-top:3px inset #57BF63;
border-bottom:3px  inset #2236CC;
}

2. For 'Design 2' copy and paste the below code into 'Add Css' Option.

.sidebar h2 {
background: #3957BC;
padding:10px;
padding-top:10px;
padding-right:10px;
color:#fff;
border-bottom-left-radius: 8px;
border-top-right-radius: 8px;
border: 3px groove;
border-top: 3px dotted;
border-bottom:3px dotted;
font: 16px bold;
}

3. Now For 'Design 3' paste the below code into 'Add Css'.

.sidebar h2 {
background: #3957Bc;
padding:10px;
padding-top:10px;
padding-right:10px;
color:#fff;
border-bottom-left-radius: 8px;
border-top-right-radius: 8px;
border-top-left-radius: 8px;
border-bottom-right-radius: 8px;
border: 3px groove;
font: 16px bold;
} 

4. and for last 'Design 4' paste the below code again in Add Css.

.sidebar h2 {
background: #c0392b;
padding:10px;
padding-top:10px;
padding-right:10px;
color:#fff;
border-bottom-left-radius: 8px;
border-top-right-radius: 8px;
border: 3px groove;
font: 16px bold;
} 

Thats It! Save your template and enjoy stylish sidebar titles.