Adding a background Image to the Title of post

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 h3

You 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/AVvXsEjFSc_ojFzX3T_4gApK31gkAjxjyBsD1NrmJeEKdqgP0Q8eki4RMu-dIm2GO7Tj2TuOvLcbxG5s_62rd3StBKUAhI6qnbYQNWrqS47mc5k7YWsPEt2KAZj3eQ15kRtyUW7W4Ah-V4pnaCRn/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 you

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

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFSc_ojFzX3T_4gApK31gkAjxjyBsD1NrmJeEKdqgP0Q8eki4RMu-dIm2GO7Tj2TuOvLcbxG5s_62rd3StBKUAhI6qnbYQNWrqS47mc5k7YWsPEt2KAZj3eQ15kRtyUW7W4Ah-V4pnaCRn/s1600/sidebar-h.jpg

Image URL :- https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFSc_ojFzX3T_4gApK31gkAjxjyBsD1NrmJeEKdqgP0Q8eki4RMu-dIm2GO7Tj2TuOvLcbxG5s_62rd3StBKUAhI6qnbYQNWrqS47mc5k7YWsPEt2KAZj3eQ15kRtyUW7W4Ah-V4pnaCRn/s1600/sidebar-h.jpg

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHipTcf6yR-x64kgCsEf0G6aoNOkyvotMsJeF18l2THBRhn29Y7zoLyI6Xc4axB0q6D_HXvEqHOHXuWe4GaPEc2RlNTk1VyLrbwytodfEASFb6s_XRHnZzBbm0JZHudXYSA3-pY34YKN4l/s1600/bg_sb1_g.gif

Image URL :- https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHipTcf6yR-x64kgCsEf0G6aoNOkyvotMsJeF18l2THBRhn29Y7zoLyI6Xc4axB0q6D_HXvEqHOHXuWe4GaPEc2RlNTk1VyLrbwytodfEASFb6s_XRHnZzBbm0JZHudXYSA3-pY34YKN4l/s1600/bg_sb1_g.gif

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqtM6eHsJjcP5iqJ7fgABCTUhBzkCwm0HSQC5UTUMrGwmpS9ivNj6BvsaDcdxVMwudbk72yk7TdJf2z78q5nV8_mMaFugtWA7xvod-GcknjmfTcnjoG7cIMfqRke3FGTMIt0FztdvPOEM/s1600/bg_sb1.jpg

Image URL :- https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqtM6eHsJjcP5iqJ7fgABCTUhBzkCwm0HSQC5UTUMrGwmpS9ivNj6BvsaDcdxVMwudbk72yk7TdJf2z78q5nV8_mMaFugtWA7xvod-GcknjmfTcnjoG7cIMfqRke3FGTMIt0FztdvPOEM/s1600/bg_sb1.jpg



feedburner

Every New lesson , directly to your Mail Box .....

3 comments:

Anonymous said...

wtwt

Agung Car said...

mantab bozz. Salam sukses selalu

masum said...

nice tune

ALL EXCLUSIVE TIPS AND TRICKS

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

The Word Validation image has been removed and no need to Sign In. So don't be lazy ..........

 
This blog sucks under Internet Explorer.

Buy me a Coffee


Powered By

Latest Site News


Animated 3D Dock removed in order to speed up loading time and to help IE users.

This site will be come up with a DOMAIN name soon.

Link and Win competition will start as soon as the Domain name added. Join with us. You could be the winner.

Site Info

since 2009 April

Submit a Lesson

Visitors

of Visitors read Pages.

Followers

Lessons by DragonD | Template by Simran | Logo by lahirulcd | Temaplate redesigned by DragonD| Icons by DryIcons.com | Licensed under CC license Creative Commons License