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

Wednesday, April 13, 2011

RED STITCHES.

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 column:
<style type="text/css">body {background-image: url(http://i911.photobucket.com/albums/ac315/SJB_2010/8a624582.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/8343f98c.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

Tutorial - How to install your new backgrounds to "OLD MINIMA TEMPLATE DESIGNER".

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



INSTRUCTION:


1. Copy the free background code.
BACKGROUNDS---1



2. Go to your blog. Select "DESIGN" (Upper right hand corner).
BACKGROUNDS---2



3. You are in "ADD AND ARRANGE PAGE ELEMENTS". Select "ADD A GADGET".
BACKGROUNDS---3



4. Choose "HTML/JAVASCRIPT".
BACKGROUNDS---4



5. "PASTE" the background code and "SAVE".
BACKGROUNDS---5



6. Click "SAVE" on your layout page and view your new blog.
BACKGROUNDS---6



Photobucket

Tutorial - How to add your new post divider as a footer.

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


1. Choose your new divider HERE and saving it to your computer.




2. Find out what size your "OUTER WRAPPER" is. Select "DESIGN" (Upper right hand corner).
FOOTER---2-4



You are in "ADD AND ARRANGE PAGE ELEMENTS". Select "EDIT HTML" and look for this. It's your outer wrapper.
FOOTER---2
Note: Outer wrapper for "BLOGGER'S MINIMA TEMPLATE DESIGNER".


FOOTER---2A
Note: Outer wrapper for "NEW TEMPLATE DESIGNER.



3. Resize your new divide:
A. Login to Photobucket and upload your new divider.
FOOTER---3A



B. Click on "EDIT".
FOOTER---3B



C. Resize.
FOOTER---3C



D. Change the "1 - WIDTH" to the number your "OUTER WRAPPER" was. Click "2 - APPLY" and then "3 - REPLACE ORIGINAL."
FOOTER---3D



E. You need this later.
FOOTER---3E



4. Go back to your blog. Select "DESIGN" (Upper right hand corner).
FOOTER---2-4



5. You are in "ADD AND ARRANGE PAGE ELEMENTS". Select "ADD A GADGET".
FOOTER---5



6. Choose "HTML/JAVASCRIPT.
FOOTER---6



7. You are in "Configure HTML/JavaScript. Copy code from photobucket(3-E) and paste.
FOOTER---7


FOOTER---7-b
Note: Make sure to add this <center> to centering your image. Save.

 
8. Tadaaa your new footer.
FOOTER---8


Or you can add your divider here too.
FOOTER---8--B



Photobucket

Tutorial - How to add your new post divider to "OLD MINIMA TEMPLATE DESIGNER".

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



1. Choose your new divider HERE and saving it to your computer.
Photobucket



2. Find out what size your main wrapper is. Select "DESIGN" (Upper right hand corner).
POST---2-AND-4


You are in "ADD AND ARRANGE PAGE ELEMENTS". Select "EDIT HTML" and look for this. It's your main wrapper.

POST---2



3. Resize your new divide:
A. Login to Photobucket and upload your new divider.
POST---3A



B. Click on "EDIT".
POST---3B



C. Resize.
POST---3C



D. Change the "1 - WIDTH" to the number your main wrapper was. Click "2 - APPLY" and then "3 - REPLACE ORIGINAL."
POST---3D



E. You need this later.
POST---3E



4. Go back to your blog. Select "DESIGN" (Upper right hand corner).
POST---2-AND-4

 
5. You are in "ADD AND ARRANGE PAGE ELEMENTS". Select "EDIT HTML".
POST---5



6. And look for this.
POST---6



7. Now replace with this:
.post {
background: url(http://DIVIDERADDRESS.jpg);
background-repeat: no-repeat;
background-position: bottom center;
margin:.5em 0 2.5em;
padding-bottom:6.5em;

POST---7



8. This area - background: url(http://DIVIDERADDRESS.jpg);
Replace the red area shown above with the "DIRECT LINK" from Photobucket (3-E).
POST---8



9. Look like this. Preview it to see what you think and save template.
POST---9


10.Tadaa, your new post divider:
Before..


After..
10



Photobucket