Increase blog body width |
 May 6 2006, 09:59 AM
Post
#1
|
|
 Member  Group: Member Posts: 20 Joined: Feb 2005 Member No: 95,629  |
Hi,
I am new to blogger and I am not really used to html code. This is my code for current skin: CODE <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Simply Gorgeous</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style type="text/css"> <!-- .blogentry { background-position: center top; border-left:2px solid #A86C38; border-right:2px solid #A86C38; border-top:2px solid #881438; border-bottom:2px solid #881438; font-family: Trebuchet MS; font-size: 11px; color:#FFFFFF; text-decoration: none; background-color:#cc99ff; } body { background: #000000 url('http://img.photobucket.com/albums/v129/cutieidah/background-purplestars.jpg'); scrollbar-face-color:#996699; scrollbar-arrow-color:#990066; scrollbar-shadow-color:#990066; scrollbar-highlight-color:#990066; scrollbar-3dlight-color:#000000; scrollbar-darkshadow-color:#000000; scrollbar-track-color:#000000;} } --> </style> <style type="text/css"> <!-- .blognav { font-family: "Trebuchet MS", Helvetica, Times; font-size: 11px; color: #000000; text-decoration: none; background-color: #cc99ff; text-align: center; border-left:2px solid #881438; border-right:2px solid #881438; border-top:2px solid #A86C38; border-bottom:2px solid #A86C38; } a:link { font-family: "Trebuchet MS", Helvetica, Times; font-size: 11px; font-weight: none; color: #996699; text-decoration: none; cursor: crosshair; } a:hover { font-family: "Trebuchet MS", Helvetica, Times; font-size: 11px; font-weight: normal; color: #881438; text-decoration: none; cursor: crosshair; font-variant: small-caps; background-color: #996699; } a:visited { font-family: "Trebuchet MS", Helvetica, Times; font-size: 11px; font-weight: normal; color: #000000; text-decoration: none; cursor: crosshair; background: #996699; } --> </style> </head> <noembed><xmp> <body> </xmp></noembed> <div id="Layer1" style="position: absolute; width: 551; height: 622; z-index: 1; left: 351; top: 34" class="blogentry"> <p align="center"> <img border="0" src="http://img.photobucket.com/albums/v129/cutieidah/simplygorgeous.jpg"> </p> <Blogger> <BlogDateHeader> <BlogDateHeader> <h4></h4> <p align="center"><font size="4"><$BlogDateHeaderDate$> </font></p> </BlogDateHeader> <p align="center"><BlogItemTitle> <a href="<$BlogItemPermalinkURL$>"><font size="3"><$BlogItemTitle$> </a></BlogItemTitle></font></p> <p align="center"><$BlogItemBody$></font> <p align="center"><small><$BlogItemAuthor$> is just simply gorgeous <$BlogItemDateTime$></small><br> <p> </Blogger> </div> <div id="Layer2" style="position: absolute; width: 200; height: 550; z-index: 2; top: 35; left: 50" class="blognav"> <h1 class="blognav"><b><font size="3" color="#990099">The Laydee</font></b></h1> <p align="center"><font color="#FFFFFF">all about you...</font></p> <h1 class="blognav"><b><font size="3" color="#990099">Recent</font></b></h1> <p align="center"> <BloggerPreviousItems> <a href="<$BlogItemPermalinkURL$>"> <$BlogPreviousItemTitle$> </a><br> </BloggerPreviousItems></p> <h1 class="blognav"><b><font size="3" color="#990099">Archives</font></b></h1> <p align="center"><BloggerArchives> <a href="<$BlogArchiveURL$>"><$BlogArchiveName$></a> </BloggerArchives> <h1 class="blognav"><b><font size="3" color="#990099">Tagboard</font></b></h1> <p align="center"><font color="#FFFFFF">place your tagboard code here!</font></p> <h1 class="blognav"><b><font size="3" color="#990099">Links</font></b></h1> <p align="center"> <a href="http://bla" target="_blank">link1</a><br> <a href="http://bla" target="_blank">link2</a><br> <a href="http://bla" target="_blank">link3</a></p> <h1 class="blognav"><b><font size="3" color="#990099">Read</font></b></h1> <p align="center"> <a href="http://bla" target="_blank">Friend 1</a><br> <a href="http://bla" target="_blank">Friend 2</a><br> <a href="http://bla" target="_blank">Friend 3</a></p> <h1 class="blognav"><b><font size="3" color="#990099">Credits</font></b></h1> <p align="center"><font color="#FFFFFF"><b>Blog Layout By:</b><a href="http://cutieidah.blogspot.com" target="_blank"> Frina</a> <br> <b>Picture by:</b> Getty Images<br> </div> <!-- Get awesome <a href="http://www.blogskins.com/">blog templates</a> like this one from from BlogSkins.com --> </html> I would like to know how and where to change the size of the blog body. Its too narrow for me as my entries are pretty long. Sorry if this questions sounds stupid:p Thank you. |
|
|
|
Posts in this topic
moorepocket set width to this class, .blogentry. May 6 2006, 09:51 PM noi_rocker Thank you! That work really well. I am also tr... May 7 2006, 07:43 AM moorepocket find this
QUOTE<div id="Layer2" style... May 8 2006, 12:56 PM noi_rocker Thanks! I have finally figured it out! You... May 10 2006, 07:07 PM
moorepocket no problem. May 10 2006, 08:39 PM  |
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: