Collection of free templates for many kinds of free blog
The template code: <!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\" xml:lang=\"en\" lang=\"en\"> <head> <link rel=\"Shortcut Icon\" href=\"http://replace.photobucket.com/albums/replace/imagex01.jpg\"> <title><$BlogPageTitle$></title> <$BlogMetaData$> <style type=\"text/css\"> /* -- basic html elements -- */ body {padding: 0; margin: 0; font: 75% Helvetica, Arial, sans-serif; color: #474B4E; text-align: center;} a {color: #c85704; font-weight: normal; text-decoration: none;} a:visited {color: #d08147;} a:hover {color: #fb720d;} h1 {margin: 0; color: #7B8186; font-size: 1.5em; text-transform: lowercase;} h1 a {color: #7B8186;} h2, #comments h4 {font-size: 1em; margin: 2em 0 0 0; color: #a66535; background: transparent url(http://replace.photobucket.com/albums/replace/bg-header1.gif) bottom right no-repeat; padding-bottom: 2px;} h3 {font-size: 1em; margin: 2em 0 0 0; color: #a66535; background: transparent url(http://replace.photobucket.com/albums/replace/bg-header1.gif) bottom right no-repeat; padding-bottom: 2px;} h4, h5 {font-size: 0.9em; text-transform: lowercase; letter-spacing: 2px;} h5 {color: #7B8186;} h6 {font-size: 0.8em; text-transform: uppercase; letter-spacing: 2px;} p {margin: 0 0 1em 0;} img, form {border: 0; margin: 0;} /* -- layout -- */ #content {width: 783px; margin: 0 auto; text-align: left; background: #fff 0px 300px repeat-y;} #header {background: #D8DADC url(http://replace.photobucket.com/albums/replace/whitedot.gif) 0 0 repeat-y;} #header div {height:520px; background: #fff url(http://replace.photobucket.com/albums/replace/yoga_head.jpg) bottom left no-repeat; margin-top:-18px;} #main { line-height: 1.4; float: left; padding: 5px 10px; border-top: solid 1px #fff; width: 450px; /* Tantek hack - http://www.tantek.com/CSS/Examples/boxmodelhack.html */ voice-family: \"\\\"}\\\"\"; voice-family: inherit; } /* IE5 hack */ #main {} #sidebar {height:100%;margin-left: 460px; border-top: solid 1px #fff; padding: 4px 0 0 15px; width:190px;} #footer {clear: both; background: transparent url(http://replace.photobucket.com/albums/replace/whitedot.gif) bottom left repeat; border-top: solid 1px #fff;} #pcent {font-weight: normal; text-decoration: none;} /* -- header style -- */ #header h1 {padding: 12px 0 120px 4px; width: 557px; line-height: 1;} /* -- content area style -- */ #main {line-height: 1.4;} h3.post-title {font-size: 1.2em; margin-bottom: 0;} h3.post-title a {color: #ffc600;} h2.date-header {margin-left:90px;} .post {clear: both; margin-bottom: 4em; margin-left:90px;} .post-footer em {color: #B4BABE; font-style: normal; float: left;} .post-footer .comment-link {float: right;} #main img {border: solid 1px #E3E4E4; padding: 2px; background: #fff;} .deleted-comment {font-style:italic;color:gray;} /* -- sidebar style -- */ #sidebar #description {border: solid 1px #F3B89D; padding: 7px 12px; color: #C4663B; background: #FFD1BC url(http://www.blogblog.com/snapshot/bg-profile.gif); font-size: 1.2em; font-weight: normal; line-height: 0.9; margin: 0 0 0 -6px;width:190px;} #sidebar h2 {font-size: 1.0em; margin: 1.3em 0 0.5em 0;} #sidebar dl {margin: 0 0 5px 0;} #sidebar ul {list-style: none; margin: 0; padding: 0;} #sidebar li {padding-bottom: 5px; line-height: 0.9;} #sidebar a {color: #c85704; font-weight: normal; text-decoration: none;font-size: 0.9em;} #sidebar a:visited {color: #d08147;} #sidebar a:hover {color: #fb720d;} .small{font-size: 0.8em;} #profile-container {color: #7B8186;} #profile-container img {border: solid 1px #7C78B5; padding: 4px 4px 8px 4px; margin: 0 10px 1em 0; float: left;} .archive-list {margin-bottom: 2em;} #powered-by {margin: 10px auto 20px auto;} /* -- sidebar style -- */ #footer p {margin: 0; padding: 12px 8px; font-size: 0.9em;} #footer hr {display: none;} </style> </head> <body> <!-- Begin #content - Centers all content and provides edges for floated columns --> <div id=\"content\" style=\"LEFT: 0px; POSITION: absolute; TOP: 0px; visibility:visible; \"> <div id=\"header\"><div > <h1><ItemPage><a href=\"<$BlogURL$>\"></ItemPage> <$BlogTitle$> <ItemPage></a></ItemPage></h1> </div></div> <!-- Begin #main - Contains main-column blog content --> <div id=\"main\" align=\"justify\"> <Blogger> <BlogDateHeader> <h2 class=\"date-header\"><$BlogDateHeaderDate$></h2> </BlogDateHeader> <!-- Begin .post --> <div class=\"post\"><a name=\"<$BlogItemNumber$>\"></a> <BlogItemTitle> <h3 class=\"post-title\"> <BlogItemUrl><a href=\"<$BlogItemUrl$>\" title=\"external link\"></BlogItemUrl> <$BlogItemTitle$> <BlogItemUrl></a></BlogItemUrl> </h3> </BlogItemTitle> <p><$BlogItemBody$></p> <p class=\"post-footer\"> <em>posted by <$BlogItemAuthorNickname$> @ <a href=\"<$BlogItemPermalinkUrl$>\" title=\"permanent link\"><$BlogItemDateTime$></a></em> <BlogItemCommentsEnabled> <a class=\"comment-link\" href=\"<$BlogItemCommentCreate$>\"<$BlogItemCommentFormOnclick$>>Comments: <$BlogItemCommentCount$></a> </BlogItemCommentsEnabled> <$BlogItemControl$> </p> </div> <!-- End .post --> <!-- Begin #comments --> <!-- End #comments --> </Blogger> </div> <!-- End #main --> <!-- Begin #sidebar --> <div id=\"sidebar\"> <!-- Begin #profile-container --> <$BlogMemberProfile$> <!-- End #profile --> <h2 class=\"sidebar-title\">Previous Posts</h2> <ul id=\"recently\"> <BloggerPreviousItems> <li><a href=\"<$BlogItemPermalinkURL$>\"><$BlogPreviousItemTitle$></a></li> </BloggerPreviousItems> </ul> <h2 class=\"sidebar-title\">Archives</h2> <ul class=\"archive-list\"> <BloggerArchives> <li><a href=\"<$BlogArchiveURL$>\"><$BlogArchiveName$></a></li> </BloggerArchives> <ArchivePage><li><a href=\"<$BlogURL$>\">Current Posts</a></li></ArchivePage> </ul> </MainOrArchivePage> <br>Blog Design By: <a href=\"http://blogspottemplates.blogspot.com/\">BlogSpot Templates</a><BR> <!-- <rdf:RDF xmlns=\"http://web.resource.org/cc/\" xmlns:dc=\"http://purl.org/dc/elements/1.1/\" xmlns:rdf=\"http://www.w3.org/1999/02/22-rdf-syntax-ns#\"> <Work rdf:about=\"\"> <license rdf:resource=\"http://creativecommons.org/licenses/by-nc-nd/2.0/\" /> </Work> <License rdf:about=\"http://creativecommons.org/licenses/by-nc-nd/2.0/\"> <permits rdf:resource=\"http://web.resource.org/cc/Reproduction\" /> <permits rdf:resource=\"http://web.resource.org/cc/Distribution\" /> <requires rdf:resource=\"http://web.resource.org/cc/Notice\" /> <requires rdf:resource=\"http://web.resource.org/cc/Attribution\" /> <prohibits rdf:resource=\"http://web.resource.org/cc/CommercialUse\" /> </License> </rdf:RDF> --> <!-- <p>This is a paragraph of text that could go in the sidebar.</p> --> </div> <!-- End #sidebar --> <!-- Begin #footer --> <div id=\"footer\"><hr /> <p> <!-- This is an optional footer. If you want text here, place it inside these tags, and remove this comment. --> </p> </div> <!-- End #footer --> </div> <!-- End #content --> </body> </html>
Post a Comment
The button image will display on your site.
No comments:
Post a Comment