The default sidebar titles in blogger blogs are very ugly and look naked. These titles can be customized very easily using a small CSS code .This will code turn ugly looking sidebar titles of your blog into stylish ones.This guide is about customizing sidebar titles in blogger.In this guide we will explain 5 different designs of sidebar titles for your blog.
Goto Blogger Dashboard--.Template--> Edit HTML-->Proceed
Select design of sidebar title ( anyone from the following five designs ) and copy its code.
In the template code Use CTRL+F to find ]]></b:skin>
Just above ]]></b:skin> paste your code of sidebar title.
Save Template and you are done.

Code:

Code:

Code:

Code:

Code:
Goto Blogger Dashboard--.Template--> Edit HTML-->Proceed
Select design of sidebar title ( anyone from the following five designs ) and copy its code.
In the template code Use CTRL+F to find ]]></b:skin>
Just above ]]></b:skin> paste your code of sidebar title.
Save Template and you are done.

Code:
.sidebar h2 {
padding:5px;
background:#222222;
color:#ffffff;
font:14px tahoma;
}

Code:
<pre class="code">.sidebar h2 {
padding:5px;
border-bottom:5px solid #222222;
color:#222222;
font:14px tahoma;
}</pre>

Code:
.sidebar h2 {
padding:5px;
border-top:1px solid #345633;
border-bottom:5px solid #345633;
color:#345633;
font:14px tahoma;
}

Code:
.sidebar h2 {
padding:5px;
border:1px solid #007cbb;
color:#007cbb;
font:14px tahoma;
}

Code:
.sidebar h2 {
padding:5px;
border:2px dashed #444444;
border-bottom:5px solid #444444;
color:#444444;
font:15px tahoma;
}
No comments:
Post a Comment