Recent Posts

Best Blogger | Tech Tutorials
Subscribe Via Rss Subscribe To The Latest Tips & Tricks
Follow On Twitter Follow @naijaclub10_com On Twitter
Receive The Latest Posts Directly To Your Email - It's Free: Email rss Enter Your Email And Click Subscribe
What is rssHave You Subscribed ?

September 13, 2013

How to customize sidebar titles in blogger?

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.

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

Design 2
Code:

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

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

Sidebar title custom design
Code:

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



Customize blogger sidebar
 Code:

.sidebar h2 {
padding:5px;
border:2px dashed #444444;
border-bottom:5px solid #444444;
color:#444444;
font:15px tahoma;
}

No comments:

Post a Comment