Blogger Beta Template: The Girl

119

Template name: The girl (XML)

Size:46 KB

2 Layers , 2 Columns , Fixed Background

Type: Blogger Template (with Google account )

Designer: Marc Tan Modifier: FinalSense

Best quality for IE and Firefox

Large size

sample

Help

<?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'> <head> <b:include data='blog' name='all-head-content'/> <title><data:blog.pageTitle/></title> <b:skin><![CDATA[ /* /* * --- * Blogger Template Style---- * Name: the girl ----- * Designer: J.aghili ----- * URL: www.finalsense.com ------ * Date: Nov 2006 ----- */ /* Variable definitions ==================== <Variable name="mainBgColor" description="Main Background Color" type="color" default="#982c07"> <Variable name="mainTextColor" description="Text Color" type="color" default="#333333"> <Variable name="pageHeaderColor" description="Blog Title Color" type="color" default="#f0f0f0"> <Variable name="blogDescriptionColor" description="Blog Description Color" type="color" default="#cccccc"> <Variable name="linkColor" description="Link Color" type="color" default="#006699"> <Variable name="hoverLinkColor" description="Link Hover Color" type="color" default="#ff6600"> <Variable name="dateHeaderColor" description="Date Header Color" type="color" default="#cc3300"> <Variable name="sidebarHeaderColor" description="Sidebar Title Color" type="color" default="#ffffff"> <Variable name="sidebarTextColor" description="Sidebar Text Color" type="color" default="#f0f0f0"> <Variable name="bodyFont" description="Text Font" type="font" default="normal normal 100% verdana, tahoma, 'Trebuchet MS', lucida, helvetica, sans-serif"> */ /* Primary layout */ body { margin: 0; padding: 0; border: 0; text-align: left; color: #333333; background: #982c07 url(http://photos1.blogger.com/blogger2/7450/188482655822003/1600/girl1000.jpg) no-repeat fixed center left; font-size: small;} img { border: 0; display: block;} .clear { clear: both;} /* Wrapper */ #outer-wrapper { margin-left:5px; auto; border: 0; width: 652px; text-align: left; font: normal normal 100% tahoma, 'Trebuchet MS', lucida, helvetica, sans-serif;} /* Header */ #header-wrapper { margin: 2 padding: 10 0 15px 0; border: 0;} #header h1 {position : absolute; width: 450px; left: 205px; text-align: center; color: #ffffff; padding: 15px 20px 50 20px; marign: 0; font: normal bold 200% times, 'georgia', ; } h1 a, h1 a:link, h1 a:visited { color: #006699;} #header .description {width: 330px; font-size: 100%; text-align: left; padding: 30px 2px 30px 2px; margin: 0; line-height:140%; color: #ffeeff;} /* Inner layout */ #content-wrapper { padding: 0 5px;} #main { position : absolute; width: 443px; left: 212px; padding-top:70px; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */} #sidebar { position : absolute; width: 190px; left: 4px; color: #555555; padding-top:80px; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */} /* Bottom layout */ #footer { position : absolute; width: 443px; left: 212px; margin: 5; padding: 5 20px; border: 0; text-align: left; border-top: 1px solid #613c28;} #footer .widget { position : absolute; width: 443px; left: 212px; text-align: left; margin: 0; padding: 10px 0; background-color: transparent;} /* Default links */ a:link, a:visited { font-weight: normal; text-decoration: none; color: #ffffff; background: transparent;} a:hover { font-weight: normal; text-decoration: none; color: #f5aa62; background: transparent;} a:active { font-weight : normal; text-decoration : none; color: #b90000; background: transparent;} /* Typography */ .main p, .sidebar p { line-height: 140%; margin-top: 5px; margin-bottom: 1em;} h2, h3, h4, h5 { margin: 0; padding: 0;} h2 { color: #e8ada0; margin-top: 0px; padding-left: 4px; font-size: 90%; line-height: 150%; text-align: left;} h2.date-header { color: #571e17; font-size: 80%; background: transparent; text-align: left;} .post h3 { color: #ffffff; margin-top: 5px; font-size: 90%; line-height:100%; text-align: left; padding:4px;} .post h3 A { color:#ffffff; TEXT-DECORATION: none; font-weight: bold;} .post h3 A:hover { color:#cc0000; TEXT-DECORATION: none; font-weight: bold;} .post-footer { font-style: italic; border-bottom: 1px solid #ffffff;} .post-body { font-style: normal; padding: 13px; text-align: justify; border-bottom: 1px solid #ffffff;} .sidebar h2 { color: #e8ada0;} .sidebar .widget { margin: 12px 0 13px 0; padding: 0;} .main .widget { margin: 10px 0 0 0 ;} #BlogArchive1 {font-style: normal ; } #Profile1 {font-style: normal; } li { line-height: 150%;} .sidebar ul { margin-left: 0; margin-top: 0; padding-left: 0;} .sidebar ul li { list-style: disc url(http://www.blogblog.com/moto_ms/diamond.gif) inside; vertical-align: top; padding: 0; margin: 0;} .widget-content { margin-top: 0.5em;} /* Profile ----------------------------------------------- */ .profile-datablock {color:#ffffff; margin: 3px 0 5px 0; line-height: 140%;} .profile-textblock { margin-left: 0;} .profile-img { margin: 0 10px 5px 0; border:4px solid #ffffff;} #comments { border: 0; border-top: 1px dashed #cc0000; margin: 10px 0 0 0; padding: 0;} #comments h4 { margin-top: 10px; margin-bottom: -10px; font-weight: normal; font-style: italic; text-transform: uppercase; letter-spacing: 1px;} #comments dl dt { font-weight: bold; font-style: italic; margin-top: 35px; padding: 1px 0 0 18px; background: transparent url(http://www.blogblog.com/moto_ms/commentbug.gif) top left no-repeat;} #comments dl dd { padding: 0; margin: 0;} .deleted-comment { font-style:italic; color:gray; } .feed-links { clear: both; line-height: 2.5em;} #blog-pager-newer-link { float: left; } #blog-pager-older-link { float: right; } #blog-pager { text-align: center; } /** Page structure tweaks for layout editor wireframe */ body#layout #outer-wrapper { padding-top: 0; } body#layout #header,body#layout #content-wrapper,body#layout #footer { padding: 0; } #navbar-iframe { height:0px; visibility:hidden; display:none } ]]></b:skin> </head> <body> <div id='outer-wrapper'><div id='wrap2'>  <span id='skiplinks' style='display:none;'> <a href='#main'>skip to main </a> | <a href='#sidebar'>skip to sidebar</a> </span> <div id='header-wrapper'> <b:section class='header' id='header' maxwidgets='1' showaddelement='no'> <b:widget id='Header1' locked='true' title='Blogger Design (Header)' type='Header'/> </b:section> </div> <div id='content-wrapper'> <div id='main-wrapper'> <b:section class='main' id='main' showaddelement='no'> <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/> </b:section> </div> <div id='sidebar-wrapper'> <b:section class='sidebar' id='sidebar' preferred='yes'> <b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/> <b:widget id='Profile1' locked='false' title='About Me' type='Profile'/> </b:section> </div>  <div class='clear'> </div> </div>  <div id='footer-wrapper'> <b:section class='footer' id='footer'> <b:widget id='HTML1' locked='false' title='' type='HTML'/> </b:section> </div> </div></div>  </body> </html>

Note: Replace this XML code with your current code (only for new Blogger)...>>>

you are allowed to use this theme for your blog. free of charge. We do require though that you will keep the hyperlink to our website of the theme while using it.

<<<previous Index next>>>

Blogger Templates

Web Site Tools:

Feeds