How To Remove Side Bar Header image in Blogger

One reader asked me , whether there is a way to add a side bar header image to a side bar that dose not contain a image. After few trials I found out the way. It is really simple. I tried this trick for few of my blogs that haven't a image for it's side bar and it works well. There will be a problem with resolution. Yet , no error was found.


1. Edit your Template
2. Now find out 


sidebar h2 

press 'Ctr
l' + F to open your browser's search box)

Now you will find out some code lines Very similar to these


.sidebar h2,.rsidebar h2, .lsidebar h2{
color: #515151;
font-size: 16px;
font-family: Lucida sans unicode,Arial, Tahoma, Verdana;
font-weight: normal;
text-transform: titlecase;
margin: 0px 0px 5px;
padding: 3px 5px 5px 5px;
border: 1px solid #DEDBD1;
background: #EBE9E1;

Remember , codes lines can be slightly different from above because code lines varies from template to template.


Now replace


background: ( a color code );

with 

background: url( URL of your Image) top repeat-x;


Ex:-

background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihNOurCmddVBpn-TDpeMB08kWcLtcIKHef8AUrpD4oSi3IhNb-KJU41jFCTZoTZOzluEUn4Y-HJh2SOMTMttzJAOGJPavyV1nVKsScfqNMvcFFJXEYxvz8B6NMfyKUCGcutkp7OA9LdJs/s1600/sidebar.jpg) top repeat-x;

Before


After



Now follow the Safety Saving Steps.

And 



Some Header Images for you
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhewq0HAK1uZD6HFxcddgpnhwtAgZ9Dg8vn3Mq6lhv0uYObOi2HlPxsuEgjiG9_hRHwh79Xc2cFO4GUJkb8MIFVBilmXfCyz0K1hfEqXTd6ckmuYLtI3WWZdpMm1SWCMPwCkKcsInd2GBTz/s1600/bg_sb_title.jpg

Image URL :-https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhewq0HAK1uZD6HFxcddgpnhwtAgZ9Dg8vn3Mq6lhv0uYObOi2HlPxsuEgjiG9_hRHwh79Xc2cFO4GUJkb8MIFVBilmXfCyz0K1hfEqXTd6ckmuYLtI3WWZdpMm1SWCMPwCkKcsInd2GBTz/s1600/bg_sb_title.jpg


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsg3WhNhBQg5HkgH3KXVRNuUOy_4250EtIzjSNRJ1rRhIDBkwc-KtQl7wUXH9xyaM4PRvJzjR6ODoB5v3H6HOPs5xhV3-aREwsER5fK1uFYtO_OGaGDNPb_dOc0hkn4rQ6rUOm7CIMwt6v/s1600/sidebar-h.jpg

Image URL :-https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsg3WhNhBQg5HkgH3KXVRNuUOy_4250EtIzjSNRJ1rRhIDBkwc-KtQl7wUXH9xyaM4PRvJzjR6ODoB5v3H6HOPs5xhV3-aREwsER5fK1uFYtO_OGaGDNPb_dOc0hkn4rQ6rUOm7CIMwt6v/s1600/sidebar-h.jpg
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEic3GJKys24ADPDt96WjC9fULaQH4rftcsIsMySVUXs_KXD3UH3zelriHoOpwka4X5I6vxdTnelbL0ymzEM6GNCw5f-aPhwrv3FZkPEjRsZ6HT7BQRTRJ4GTLfwxWzipKp15Mnxe3Yh-cYs/s1600/bg_sb1_g.gif

Image URL :-https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEic3GJKys24ADPDt96WjC9fULaQH4rftcsIsMySVUXs_KXD3UH3zelriHoOpwka4X5I6vxdTnelbL0ymzEM6GNCw5f-aPhwrv3FZkPEjRsZ6HT7BQRTRJ4GTLfwxWzipKp15Mnxe3Yh-cYs/s1600/bg_sb1_g.gif
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsDCj1fMnDnaREjJO6dnsA2WWU15U3AgIL3bA_wA24754TwirVlA37gqB66s70fLpfKLP942j1eiT9KUN8RfH7p5Xpzna3dYisBEgmjX_ZrzCzZN10wFgyvnO_hS0X0D5VWIKX8bSJ7wM/s1600/bg_sb1.jpg

Image URL :-https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsDCj1fMnDnaREjJO6dnsA2WWU15U3AgIL3bA_wA24754TwirVlA37gqB66s70fLpfKLP942j1eiT9KUN8RfH7p5Xpzna3dYisBEgmjX_ZrzCzZN10wFgyvnO_hS0X0D5VWIKX8bSJ7wM/s1600/bg_sb1.jpg
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSOyX79YxjXcM5441qd9nVmT0tQbCuxZqTxJQxox5iPtQY1YzxA-jSZ_DLkHTqU5ge8whmgjrq5h-d8k1KW52Xpuo7acARLRMRiCpy8ruOOGFf5vmLupG8c7wdWervJ64md_zaBmbSw9M/s1600/bg_sb2.jpg

Image URL :-https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSOyX79YxjXcM5441qd9nVmT0tQbCuxZqTxJQxox5iPtQY1YzxA-jSZ_DLkHTqU5ge8whmgjrq5h-d8k1KW52Xpuo7acARLRMRiCpy8ruOOGFf5vmLupG8c7wdWervJ64md_zaBmbSw9M/
Share this article :
 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Blogger Templates - All Rights Reserved
Template Created by Creating Website Inspired by Sportapolis Shape5.com
Proudly powered by Blogger