Photobucket
SponsoredTweets referral badge
Set Your Price. Choose your Advertisers. Sign up for SocialSpark!
DailyScoup.com
Photobucket

Tuesday, April 26, 2011

Blog Headers.

NOTE.
To enlarge image:
1. Right click.
2. Click "VIEW IMAGE".

To copy image:
1. Right click.
2. Click "SAVE IMAGE AS"
3. Add file name.
4. Save.


Click HERE to find out how to install your new header to your blog.
 Photobucket


Photobucket


Photobucket

Photobucket


Photobucket


Photobucket


Photobucket


Photobucket


Photobucket


Photobucket


Photobucket


Photobucket


Photobucket


Photobucket


Photobucket


Photobucket


Headers


Photobucket


Photobucket


Photobucket


More to come..






Photobucket

Tutorial - How to add your new header to your blog.

NOTE.
To enlarge image:
1. Right click.
2. Click "VIEW IMAGE".


 Choose your new header HERE and saving it to your computer.
Photobucket



1. Login to Photobucket and upload your new header.BLOG-HEADER-TUTORIAL---1



2. Click on "IMAGE".
BLOG-HEADER-TUTORIAL---2



3. and "EDIT".
BLOG-HEADER-TUTORIAL---3



4. You will see this page.
BLOG-HEADER-TUTORIAL---4



5. Click on "DECORATE".
BLOG-HEADER-TUTORIAL---5



6. Start decorate your header.
No.1 - Choose your text.
    No. 2 - Type any words you like.
    No. 3 - Resize.
    No. 4 - To change the text and background color.
BLOG-HEADER-TUTORIAL---6



7. When you done, click on "REPLACE ORIGINAL".
BLOG-HEADER-TUTORIAL---7



8. "RIGHT CLICK ON IMAGE" and "SAVE IMAGE AS".
BLOG-HEADER-TUTORIAL---8



9. "FILE NAME" and "SAVE".
BLOG-HEADER-TUTORIAL---9



10. Go back to your blog. Select "DESIGN" (Upper right hand corner).
BLOG-HEADER-TUTORIAL---10



11. Click on "EDIT".
BLOG-HEADER-TUTORIAL---11



12. and "BROWSE.
BLOG-HEADER-TUTORIAL---12



13. Find your new header and "OPEN".
BLOG-HEADER-TUTORIAL---13



14. Choose "INSTEAD OF TITLE AND DESCRIPTION" and "SAVE".
BLOG-HEADER-TUTORIAL---14



15. "PREVIEW" and "VIEW BLOG".
BLOG-HEADER-TUTORIAL---15



16. Tadaa your new header.
Before.
BLOG-HEADER-TUTORIAL---10

After.
BLOG-HEADER-TUTORIAL---16


Photobucket

Fruits.

KEEP IN MIND THAT, DEPENDING ON YOUR SCREEN SIZE. YOU WILL PROBABLY NOT SEE THESE ENTIRE IMAGE ON YOUR BLOG.

NOTE.
To enlarge image:
1. Right click.
2. Click "VIEW IMAGE".

Click HERE to find out how to install your new blog backgrounds.


Photobucket 
This is code for 2&3 column:
<style type="text/css">body {background-image: url(http://i911.photobucket.com/albums/ac315/SJB_2010/9cbc770e.jpg); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }</style><div id="tag" style="position:fixed; left:0px; top:30px; z-index:10; "><a href="http://www.freebackgroundsandmorebysjb.blogspot.com" target="_blank"><img src="http://i911.photobucket.com/albums/ac315/SJB_2010/02d14444.png" border="0"/></a></div>


Photobucket
This is code for 2 column:
<style type="text/css">body {background-image: url(http://i911.photobucket.com/albums/ac315/SJB_2010/bef542f8.jpg); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }</style><div id="tag" style="position:fixed; left:0px; top:30px; z-index:10; "><a href="http://www.freebackgroundsandmorebysjb.blogspot.com" target="_blank"><img src="http://i911.photobucket.com/albums/ac315/SJB_2010/02d14444.png" border="0"/></a></div>


Photobucket
This is code for 3 column:
<style type="text/css">body {background-image: url(http://i911.photobucket.com/albums/ac315/SJB_2010/c5b2e8bf.jpg); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }</style><div id="tag" style="position:fixed; left:0px; top:30px; z-index:10; "><a href="http://www.freebackgroundsandmorebysjb.blogspot.com" target="_blank"><img src="http://i911.photobucket.com/albums/ac315/SJB_2010/02d14444.png" border="0"/></a></div>



Photobucket