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 'Ctrl' + 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
Image URL :-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/AVvXsEic3GJKys24ADPDt96WjC9fULaQH4rftcsIsMySVUXs_KXD3UH3zelriHoOpwka4X5I6vxdTnelbL0ymzEM6GNCw5f-aPhwrv3FZkPEjRsZ6HT7BQRTRJ4GTLfwxWzipKp15Mnxe3Yh-cYs/s1600/bg_sb1_g.gif
Image URL :-https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsDCj1fMnDnaREjJO6dnsA2WWU15U3AgIL3bA_wA24754TwirVlA37gqB66s70fLpfKLP942j1eiT9KUN8RfH7p5Xpzna3dYisBEgmjX_ZrzCzZN10wFgyvnO_hS0X0D5VWIKX8bSJ7wM/
To do this
1. Edit your Template
2. Now find out
post h3
( press 'Ctrl' + 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;
.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
Image URL :-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/AVvXsEic3GJKys24ADPDt96WjC9fULaQH4rftcsIsMySVUXs_KXD3UH3zelriHoOpwka4X5I6vxdTnelbL0ymzEM6GNCw5f-aPhwrv3FZkPEjRsZ6HT7BQRTRJ4GTLfwxWzipKp15Mnxe3Yh-cYs/s1600/bg_sb1_g.gif
Image URL :-https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsDCj1fMnDnaREjJO6dnsA2WWU15U3AgIL3bA_wA24754TwirVlA37gqB66s70fLpfKLP942j1eiT9KUN8RfH7p5Xpzna3dYisBEgmjX_ZrzCzZN10wFgyvnO_hS0X0D5VWIKX8bSJ7wM/