How To add background Image to the Title of post in Blogger

If you like , you also can add a background image to your post title's background. The most amazing thing is the resolution. Though you use a short small Image as the background image to your post title's background , it will re sized and posted repeatedly. So better to use a Pattern as the background image.



To do this

1. Edit your Template
2. Now find out 




post h3 

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

Now you will find out several post h3 code lines but use the first post h3You will see bunch of code lines which are very similar to these

.post h3 {
color:#3E3533; 
------------ Post title's color
font-size:20px; 
------------ Post title's size
font-weight:bold; --------- Post title's font decoration
line-height:1.4em;
margin:0.25em 0 0;


Now paste this code line just after the code line .post h3 {



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


.post h3 {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsg3WhNhBQg5HkgH3KXVRNuUOy_4250EtIzjSNRJ1rRhIDBkwc-KtQl7wUXH9xyaM4PRvJzjR6ODoB5v3H6HOPs5xhV3-aREwsER5fK1uFYtO_OGaGDNPb_dOc0hkn4rQ6rUOm7CIMwt6v/s1600/sidebar-h.jpg ) top repeat-x;
color:#3E3533;
font-size:20px;

*keep in remember , above code lines will be in a different way according to the template you are using.


Now follow the Safety Saving Steps.

And 




Some Header Images for youImage 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.jpghttps://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.gifhttps://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/
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