BLOG WIDTH, PLEASE HELP!!!!!! Options

[bogalgirl]

heyyy. i really need help on my xanga making the whole blog itself and the module to be small. just like the one in this http://www.xanga.com/carazy021

CLICK HERE FOH MY XANGA

and this is the following code for my xanga

CODE

<STYLE>
body {
background-color: white;
background-image:url(http://img.photobucket.com/albums/v626/bogalgirl/newrandom2.jpg);
background-attachment:fixed
background-repeat:no-repeat
background-position:bottom-left;
  scrollbar-arrow-color: hotpink;
  scrollbar-track-color: white;
  scrollbar-shadow-color:white;
  scrollbar-face-color: black;
  scrollbar-highlight-color:white;
  scrollbar-darkshadow-color: hotpink;
  scrollbar-3dlight-color: hotpink;
  cursor:help;}

.left, .blogbody, table.footer, .standard, td, p {
/* edits main text */
font:normal 10px verdana;
color:black;
letter-spacing:0px;
text-align:center;
}
.left B, .blogbody b, .standard i, p i, em {
/* edits bolded text in your entry */
font-weight: bold;
color:hotpink;
}

table.blogbody {
/* this edits the other the place where the blog is */
background-image:url(http://img186.imageshack.us/img186/2522/swirls8xv.png);
background-attachment: fixed;
background-repeat: no-repeat;
background-position: bottom right;
background-color: #ffffff;
}

table.footer TD {
/* this makes the footer at the bottom centered */
/* leave it alone unless you know what to do*/
text-align: center;
}
div.blogheader, .caption {
/* edits the dates */
font-family: veranda;
text-transform: lowercase;
background-color:transp;
font-size:24px;
font-weight:bold;
line-height: 15px;
letter-spacing: -3px;
color:hotpink;
text-align:right;
padding: 3px;
width: 200px;
border:7px ff4040;
}
a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* edits all links */
color:black;
font:normal 8px verdana;
line-height:7px;
text-decoration: none;
}
a:visited, a.footernav:visited,  {
/* edits the links that the user has visited */
color:black;
font:normal 8px verdana;
line-height:7px;
text-decoration: none;
}
a:hover {
/* edits when user mouseovers the links */
font:normal 10px terminal;
line-height:7px;
text-decoration:none;
cursor: help;
color:black;
letter-spacing:0px;
background-color: white;
border-top: 3px solid hotpink;
border-bottom: 3px solid hotpink;
}
input, select, textarea, iframe.htmleditor, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
border: 2px solid black;
font:normal 11px terminal;
background-color:white;
letter-spacing:0px;
color:black;
}


table.blogbody {
/* this edits the other the place where the  blog is */
border: transp;
width: 200px;
background-color:white;

}
table.left {
/* this edits the menu module */
border: 2px solid black;
width: 150px;
}
table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
background-image: url();
background-color: white;
font: bold 22px times;
text-transform: lowercase;
text-align:center;
color:white;
border: none;
width: 150px
letter-spacing:-2px;
line-height:18px;
}
table.left TD {
/* on your menu module, this edits the body part of it */
font: 11px times;
color:black;
text-align:center;
border-top: 2px solid black;
width: 150px;
background-color: white;
}
table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
background-color: white;
border: 2px solid black;
}
table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
border: 0px solid #999999;
}
table.navigation, table.main, table.footer {
/* the width of your blog with modules */
  width: 200px;
}
hr {
/* horizontal divider */
border: 1px solid hotpink;
}
</style>
<FONT style="FONT-WEIGHT: bold; FONT-SIZE: 60px; TEXT-TRANSFORM: lowercase; COLOR: hotpink; LINE-HEIGHT: 20px; FONT-FAMILY: times new roman; LETTER-SPACING: -3pt">SUMMER06<font color=black>;; &hearts;<font color=black><font size='5'> &hearts;<br><STRONG></FONT><BR></DIV><br><br>

<!-- end code provided by createblog.com -->

THANKS IN ADVANCE!!

[Animeloverhk93]

well if you wanted it to be small, dont make it "400px". The bigger the number is, the bigger its gonna be. and most likely, if there is somthing big in your entry then your blog is gonna be stretched out too. Unless you put a scroll bar in there. You should take off the search bar. And resize the images. Just click the image and make it small by resizing it. If you want the code for scroll bars:

CODE

<div style="overflow:auto; width:230px; height:300px;">