Blogs Templates Collections for Friendster, Hi5, Myspace, Forum site,Website and more features

Template name: Polar Bears
Size:38 KB
Type: New Blogger Template (with Google account )
Best quality (IE & Firefox) all Size and Resolutions
Live Sample

Layout Code:

<?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: Polar Bears ----- *Designer: J.aghili ----- * URL: www.finalsense.com ------ * Date: January 2007 ----- */ /* Variable definitions ==================== <Variable name="textcolor" description="Text Color" type="color" default="#333"> <Variable name="pagetitlecolor" description="Page Header Color" type="color" default="#FFc"> <Variable name="datecolor" description="Date Header Color" type="color" default="#ccc"> <Variable name="titlecolor" description="Post Title Color" type="color" default="#f63"> <Variable name="footercolor" description="Post Footer Color" type="color" default="#999"> <Variable name="sidebartextcolor" description="Sidebar Text Color" type="color" default="#999"> <Variable name="sidebarcolor" description="Sidebar Title Color" type="color" default="#666"> <Variable name="linkcolor" description="Link Color" type="color" default="#006a9d"> <Variable name="visitedlinkcolor" description="Visited Link Color" type="color" default="#006a9d"> <Variable name="bodyfont" description="Text Font" type="font" default="normal normal 100% Verdana, sans-serif"> <Variable name="pagetitlefont" description="Page Header Font" type="font" default="normal normal 100% 'Georgia','Times New Roman'"> <Variable name="titlefont" description="Post Title Font" type="font" default="normal bold 130% 'Georgia','Times New Roman'"> <Variable name="sidebarheaderfont" description="Sidebar Title Font" type="font" default="normal bold 130% 'Georgia','Times New Roman'"> */ /* ---( page defaults )--- */ body { margin: 0px; padding: 0px; font-size: small; text-align: center; color: #333333; background: #ffffff; } blockquote { margin: 0 0 0 30px; padding: 10px 0 0 20px; font-size: 88%; line-height: 1.5em; color: #666; } blockquote p { margin-top: 0; } abbr, acronym { cursor: help; font-style: normal; } code { color: #f63; } hr { display: none; } img { border: none; } /* unordered list style */ ul { list-style: none; margin-left: 10px; padding: 0; } li { list-style: none; padding-left: 14px; margin-bottom: 3px; } /* links */ a:link { color: #006a9d;text-decoration: none; } a:visited { color: #006a9d;text-decoration: none; } a:hover { color: red;text-decoration: none; } a:active { color: #cc3333; text-decoration: none; } /* ---( layout structure )---*/ #outer-wrapper { width: 862px; margin: 0px auto 0; text-align: left; font: normal normal 100% Verdana, sans-serif; } #content-wrapper { margin-left: 30px; /* to avoid the border image */ width: 742px; } #main { float: right; width: 510px; margin: 0px; padding: 0px 0px 0px 15px; line-height: 1.5em; 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 { float: left; width: 185px; padding: 0px; font-size: 85%; color: #006a9d; line-height: 1.4em; 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 */ } #center {background: #ffffff url('http://photos1.blogger.com/x/blogger/1785/2761/1600/544834/cent-bear.jpg') repeat-y top center;} /* ---( header and site name )--- */ #header-wrapper { margin: 0; padding: 0; font: normal normal 100%'Georgia','Times New Roman'; } #header { margin: 0; height:236px; width:862; color: #FFFFFF; background: url('http://photos1.blogger.com/x/blogger/1785/2761/1600/241496/polar-bear.jpg') no-repeat top center; } #header h1 { width: 350px; font-size: 210%; padding: 90px 470px 0px 60px; text-shadow: #81A75B 2px 2px 2px; text-align: left; } #header h1 a { text-decoration: none; color: #FFFFCC; } #header h1 a:hover { color: #eee; } /* ---( main column )--- */ h2.date-header { margin-top: 0; padding-left: 10px; font-size: 90%; color: #cccccc; } .post h3 { margin-top: 0; font: normal bold 130% 'Georgia','Times New Roman'; color: #ff6633; } .post { background: url('http://photos1.blogger.com/x/blogger/6727/2649/1600/971694/lb.jpg') no-repeat bottom left;; margin-left:0; margin-right:0; margin-top:0; margin-bottom:1em; padding-left:10px; padding-right:0; padding-top:0; padding-bottom:1em } .post h3 a {color: #a78e71; text-decoration: none;} .post h3 a:hover { color: #006a9d; text-decoration: none; } .post-footer { margin: 0; padding: 0px; font-size: 88%; color: #999999; } .post img { padding: 6px; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; } .feed-links { clear: both; line-height: 2.5em;} #blog-pager-newer-link { float: right; } #blog-pager-older-link { float: left; } #blog-pager { text-align: center; } /* comment styles */ #comments { padding-top: 10px; font-size: 85%; line-height: 1.5em; color: #666; } #comments h4 { margin: 20px 0 15px 0; padding: 8px 0 0 40px; font-family: "Lucida Grande", "Trebuchet MS"; font-size: 130%; color: #666; height: 29px !important; /* for most browsers */ height /**/:37px; /* for IE5/Win */ } #comments ul { margin-left: 0; } #comments li { background: none; padding-left: 0; } .comment-body { padding: 0 10px 0 25px; } .comment-body p { margin-bottom: 0; } .comment-author { margin: 4px 0 0 0; padding: 0 10px 0 60px; color: #999; } .comment-footer { border-bottom: 1px solid #ddd; padding-bottom: 1em;} .deleted-comment { font-style:italic; color:gray; } /* ---( sidebar )--- */ .sidebar h2 { margin: 0 0 0 0; padding: 10px 0 0 0px; font: normal bold 130% 'Lucida Grande','Trebuchet MS'; color: #666666; height: 32px; height: 32px !important; /* for most browsers */ height /**/:57px; /* for IE5/Win */ } .sidebar .widget { margin: 0; padding: 0 0 10px 10px; } .sidebar li { background: 0 5px; } .profile-textblock { clear: both; margin-left: 0;} .profile-img { float: left; margin: 0 5px 5px 0; border: 1px solid #ddd; padding: 4px;} /* ---( footer )--- */ .clear { /* to fix IE6 padding-top issue */ clear: both; } #footer-wrapper { margin: 0; padding: 0 0 0 0; font-size: 85%; } #footer { margin: 0; width: 862px; height:182px; padding: 0px; background: url('http://photos1.blogger.com/x/blogger/1785/2761/1600/141862/foot-bear.jpg') no-repeat top center; } /** Page structure tweaks for layout editor wireframe */ body#layout #outer-wrapper, body#layout #main, body#layout #sidebar { padding-top: 0; margin-top: 0;} body#layout #outer-wrapper,body#layout #content-wrapper { width: 740px;} body#layout #sidebar { margin-right: 0; margin-bottom: 1em; } body#layout #header,body#layout #footer, body#layout #main { padding: 0; } body#layout #content-wrapper { margin: 0px; } #navbar-iframe { height:0px; visibility:hidden; display:none } ]]></b:skin> </head> <body> <div id='outer-wrapper'><div id='wrap2'>  <a href='#main'>skip to main </a> | <a href='#sidebar'>skip to sidebar</a> <div id='header-wrapper'> <b:section class='header' id='header' maxwidgets='1' showaddelement='no'> <b:widget id='Header1' locked='true' title='Wordpress (Header)' type='Header'/> </b:section> </div> <div id='center'> <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>  <div id='footer-wrapper'> <b:section class='footer' id='footer'/> </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.

by Final Sense

Button Code

Other Link

Translate this blog

Subscribe

Link Me

Partners

Links

Latest Post

Blogs Templates Collections

Polar Bears

No comments:

Layouts Search

My Stats