Sevenstar Blog: How To Add Custom Sidebar titles into your blogger

Friday 20 February 2015

How To Add Custom Sidebar titles into your blogger


Sidebar in an essential part of every website or Blog. you always use social boxes inside sidebar of your blog. The default Blogger sidebar header look so dull in its old style and everyone of you want it stylish and gorgeous. So today i will show you to customize your default sidebar title into stylish one.





How To Customize Blogger Sidebar Titles

  1. Login into to Blogger account
  2. Select your blog
  3. Click on Backup/Resore on the right corner of your dashboard
  4. Download your Template.
  5. Now click on Customize.
  6. Click on 'Add Css' at the bottom from the list.
Now from the image select your Custom title:


1. Paste the below code in the 'add Css' for design '1'.
.sidebar h2 {
background: url('http://i.imgur.com/5Czd28l.gif');
width:265px;
padding:30px;
padding-top:0px;
padding-right:10px;
color:#549966;
font: 16px bold;
}


2. OR for Custom design '2' Paste the below code.

.sidebar h2 {
background: url('http://i.imgur.com/GE9SPta.gif');
width:265px;
padding:30px;
padding-top:0px;
padding-right:10px;
color:#549966;
font: 16px bold;
}

3. For custom Design '3' Paste the below code inside 'Add Css' Option.

.sidebar h2 {
background: url('http://i.imgur.com/cueeX8l.gif');
width:265px;
padding:30px;
padding-top:0px;
padding-right:10px;
color:#549966;
font: 16px bold;
}


4. and for last design paste the below code inside 'Add Css' Option.

.sidebar h2 {
background: url('http://i.imgur.com/O7obyzx.gif');
width:265px;
padding:30px;
padding-top:0px;
padding-right:10px;
color:#549966;
font: 16px bold;
}
You can Change

  • Width
  • Padding
  • Color

according to your requirements:

Note: You can Paste only a single design into 'Add Css' Option.
Thats all Now save your template  and enjoy Custom stylish Sidebar Titles.

No comments:

Post a Comment