Wednesday, March 28, 2007




To make a blog that looks like the samples in the posts below this is what you must do:
First you must switch to the "Scribe " Template on Blogger to achieve this look.
next host the background pictures that you choose on photobucket or tinypic or somewhere of your choice.
Now you will plug them into the html on the blog template in this way:

body {
margin:0;
padding:0;
font-size: small;
text-align:center;
color:$textColor;
line-height:1.3em;
background:#483521 url("http://i17.tinypic.com/2ahifc4.jpg") repeat;
}
Here you put in your own address for the background^ this is the one I used.This is the very back picture on the blog.

Now go to this on the html and put in your next picture if you want to put a "ribbon" around the inner blog ( you can find ribbon samples on the internet):

#outer-wrapper {
background:url("PUT YOUR PICTURE HERE"title="ribbon here");
border-left:1px solid #PICK YOUR OWN COLOR;
border-right:1px solid #PICK YOUR OWN COLOR HERE;
width:700px;
margin:0px auto;
padding:8px;
text-align:center;
font: $bodyFont;
}

Now go here and put in the middle part of the blog :

}
#main-top {
width:700px;
height:49px;
background:#FFF3DB url("PUT THE MAIN CENTER BACKGROUND HERE THE WHITE ") ;
margin:0px;
padding:0px;
display:block;
}
#main-bot {
width:700px;
height:81px;
background:#FFF3DB url("PUT MAIN CENTER BLOG PART HERE SAME AS ABOVE") ;
margin:0;
padding:0;
display:block;
}
#wrap2 {
width:700px;
background:#FFF3DB url("PUT THE SAME ONE AS ABOVE HERE ONCE MORE") ;
margin: -14px 0px 0px 0px;
text-align:left;
display:block;
}
YOU PUT THE SAME PICTURE IN EACH OF THESE 3 above TO MAKE UP THE MIDDLE PART OF THE BLOG.












1 comment: