Showing posts with label Remove Side Bar Header image. Show all posts
Showing posts with label Remove Side Bar Header image. Show all posts

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/
 
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