Blogger templates, 2 column, 3 column blogger blogspot old and new template collection

Colibiri two coloum blogger template

2007-08-07T22:55:00.000-07:00

Author : John Oxton and Denis Radenkovic.
Template name : Colibri

<?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html (View Source for full doctype...)> - < xmlns="http://www.w3.org/1999/xhtml" b="http://www.google.com/2005/gml/b" data="http://www.google.com/2005/gml/data" expr="http://www.google.com/2005/gml/expr"> - <b:include data="blog" name="all-head-content"> - <data:blog.pagetitle> </title> - <b:skin> - <![CDATA[ body { background: #fff url(http://i9.tinypic.com/6ezp9ua.jpg) top center no-repeat; margin: 0; padding: 0px; font: x-small "Trebuchet MS", "Lucida Grande", "Bitstream Vera Sans", Arial, Helvetica, sans-serif; text-align: center; color: #555; font-size/* */:/**/small; font-size: /**/small; } /********** REMOVE THIS WHOLE BLOCK TO SHOW THE BLOGGER NAVBAR ************ ** ** **/ #navbar-iframe {height:0px;visibility:hidden;display:none} /** ** ** *************************************************************************** body {background-position: center 34px;} **/ a:link { color: #0a0; } a:visited { color: #080; } a img { border-width: 0; } #outer-wrapper { font: ; } /* Header ----------------------------------------------- */ #header-wrapper { margin:0; padding: 0; text-align: right; } #header { margin: 0 auto; color: #686e24; padding: 0 40px 0 130px; } h1.title { font-size: 150%; margin:0; padding: 0; letter-spacing: -1px; font-weight: bold; } h1.title a { color: #686e24; text-decoration: none; } #header .description { margin:0; padding: 0; font-size: 90%; } /* Content ----------------------------------------------- */ .clear { clear: both; } #content-wrapper { width: 780px; margin: 0 auto; padding: 0; text-align: left; font-size: 90%; } #main-wrapper { background: url(http://img.photobucket.com/albums/v644/sbclark/maincontentxt3.png) top no-repeat; margin-top: 76px; padding: 40px 0 15px; width: 463px; float: left; 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 */ } #main { padding: 0 30px; } #sidebar-wrapper { background: url(http://img74.imageshack.us/img74/5787/subcontentlz5.png) top no-repeat; margin-top: 74px; width: 316px; float: right; 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 { padding: 10px 40px 0 20px; } /* Headings ----------------------------------------------- */ h2, h3 { margin: 0; } /* Posts ----------------------------------------------- */ .date-header { margin: 1.5em 0 0; font-weight: normal; color: #000; font-size: 100%; } .post { margin: 0 0 1.5em; padding-bottom: 1.5em; } .post-title { margin: 0; padding: 0; font-size: 125%; font-weight: bold; line-height: 1.1em; } .post-title a, .post-title a:visited, .post-title strong { text-decoration: none; color: #040; font-weight: bold; } .post div { margin: 0 0 .75em; line-height: 1.3em; } p.post-footer { margin: -.25em 0 0; color: #cdc; font-size: 83%; } .post-footer .span { margin-right: .3em; } .comment-link { margin-left: .3em; } .post img { padding: 4px; } .post blockquote { margin: 1em 20px; } .post blockquote p { margin: .75em 0; } /* Comments ----------------------------------------------- */ #comments h4 { margin: 1em 0; color: #555; font-size: 120%; } #comments h4 strong { font-size: 110%; } #comments-block { margin: 1em 0 1.5em; line-height: 1.3em; } #comments-block dt { margin: .5em 0; } #comments-block dd { margin: .25em 0 0; } #comments-block dd.comment-footer { margin: -.25em 0 2em; line-height: 1.4em; font-size: 78%; } #comments-block dd p { margin: 0 0 .75em; } .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; } /* Sidebar Content ----------------------------------------------- */ .sidebar h2 { margin: 1.6em 0 .5em; padding: 4px 5px; font-size: 120%; color: #686e24; } .sidebar ul { margin: 0; padding: 0; list-style: none; } .sidebar li { margin: 0; padding: 0 0 .5em; } .sidebar { color: #000; line-height:1.3em; } .sidebar .widget { margin-bottom: 1em; } .sidebar .widget-content { margin: 0 5px; } /* Footer ----------------------------------------------- */ #footer-wrapper { clear: both; text-align: center; color: #999; font-size: 10px; margin-bottom: 10px; } #footer-wrapper a { color: #777; text-decoration: none; } #footer .widget { margin:.5em; padding-top: 20px; font-size: 85%; line-height: 1.5em; text-align: left; } ]]> </b:skin> </head> - <body> - <div id="outer-wrapper"> - <div id="wrap2"> - <div id="content-wrapper"> - <div id="crosscol-wrapper" style="text-align:center"> <b:section class="crosscol" id="crosscol" showaddelement="no"> </div> - <div id="main-wrapper"> - <div id="header-wrapper"> - <b:section class="header" id="header" maxwidgets="1" showaddelement="no"> <b:widget id="Header1" locked="true" title="TEST BLOG (Header)" type="Header"> </b:section> </div> - <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="Profile1" locked="false" title="About Me" type="Profile"> <b:widget id="BlogArchive1" locked="false" title="Blog Archive" type="BlogArchive"> </b:section> </div> -  <div class="clear"> </div> </div> -  - <div id="footer-wrapper"> Original design by <a href="http://johnoxton.co.uk/" shape="rect">John Oxton</a> Illustration by <a href="http://www.38one.com/" shape="rect">Denis Radenkovic</a> This design is released under a <a href="http://creativecommons.org/licenses/by-nc/2.5/" shape="rect">Creative Commons licence</a> Adapted by <a href="http://blogger-templates.blogspot.com" shape="rect">Blogger Templates</a> </div> </div> </div> -  </body> </html>

Three column old blogger template

2007-05-24T18:08:00.000-07:00

Author : Isnani.com

Template Name : The girl

Copy this link and paste in Edit HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head></noscript> <title><$BlogPageTitle$></title> <meta equiv="Content-Type" content="text/html; charset=iso-8859-1">  <$BlogMetaData$><style type="text/css"> body { margin: 0; padding: 0; min-width: 760px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 11px; background-color: #3CA0A0; background-image: url(http://i2.tinypic.com/qp07es.jpg); } td { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; } .tanggalpost { font-size: 11px; font-weight: bold; text-align: right; letter-spacing: 1px; color: #377B7E; } .judulpost { font-size: 14px; font-weight: bold; background-color: #377B7E; color: #80D6D5; } .isipost { text-align: justify; padding: 4px; } .bawahpost { font-size: 10px; font-style: italic; text-align: right; padding: 2px; } .judul { font-size: 14px; font-weight: bold; height: 20px; color: #80D6D5; text-align: center; padding-top: 4px; background-color: #377B7E; font-family: Geneva, Arial, Helvetica, sans-serif; padding-bottom: 2px; } a:link, a:active, a:visited { color: #80D6D5; text-decoration: none; } a:hover { text-decoration: underline; } .isi { padding: 10px; border: 1px solid #377B7E; background-color: #3CA0A0; color: #000000; } textarea, input, select, option, button { font-family: Tahoma, Verdana, Arial; background-color : #80D6D5; color : #7B9685; font-size : 10px; border: 1px solid #377B7E; } img { border:0px none; } .footer { background-color: #B9CAC0; height: 50px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-align: center; vertical-align: middle; color: #7B9685; } .footer a { color: #7B9685; } .tengah { vertical-align: top; background-color: #510001; } .ulang { border: 1px solid #377B7E; background-color: #3CA0A0; color: #000000; } .ulang td{ padding: 2px; } h1 { font-size: 18px; } h1 a:link { color: #000000; } h2 { font-size: 12px; color: #000000; } </style> </head> <noscript><body></noscript> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="70"></td> <td width="515" align="center" valign="top" background="http://i2.tinypic.com/qp077l.jpg"><h1><a href="<$BlogURL$">"><$BlogTitle$></a></h1> <h2><$BlogDescription$></h2></td> <td width="145"></td> <td background="http://i2.tinypic.com/qp07de.jpg"> </td> </tr> </table></td> </tr> <tr> <td><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr valign="top"> <td width="200"><table width="100%" border="0" cellspacing="4" cellpadding="0"> <tr> <td class="judul">Other things </td> </tr> <tr> <td valign="top" class="isi">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis ligula lorem, consequat eget, tristique nec, auctor quis, purus. Vivamus ut sem. Fusce aliquam nunc vitae purus. </td> </tr> <tr> <td class="judul">Other things </td> </tr> <tr> <td valign="top" class="isi">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis ligula lorem, consequat eget, tristique nec, auctor quis, purus. Vivamus ut sem. Fusce aliquam nunc vitae purus. </td> </tr> <tr> <td class="judul">Other things </td> </tr> <tr> <td valign="top" class="isi">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis ligula lorem, consequat eget, tristique nec, auctor quis, purus. Vivamus ut sem. Fusce aliquam nunc vitae purus. </td> </tr> <tr> <td class="judul">Other things </td> </tr> <tr> <td valign="top" class="isi">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis ligula lorem, consequat eget, tristique nec, auctor quis, purus. Vivamus ut sem. Fusce aliquam nunc vitae purus. </td> </tr> <tr> <td class="judul">Other things </td> </tr> <tr> <td valign="top" class="isi">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis ligula lorem, consequat eget, tristique nec, auctor quis, purus. Vivamus ut sem. Fusce aliquam nunc vitae purus. </td> </tr> </table></td> <td> <blogger> <table width="100%" border="0" cellspacing="4" cellpadding="0"> <tr> <td valign="top" class="ulang"><table width="100%" border="0" cellspacing="4" cellpadding="4"> <tr> <td class="judulpost"><blogitemtitle> <blogitemurl><a href="<$BlogItemUrl$">" title="external link"></blogitemurl> <$BlogItemTitle$> <blogitemurl></a></blogitemurl> </blogitemtitle></td> </tr> <tr> <td class="tanggalpost"><blogdateheader> <$BlogDateHeaderDate$> </blogdateheader></td> </tr> <tr> <td class="isipost"><$BlogItemBody$></td> </tr> <tr> <td class="bawahpost">posted by <$BlogItemAuthorNickname$> @ <a href="<$BlogItemPermalinkUrl$">" title="permanent link"><$BlogItemDateTime$></a> <mainorarchivepage><blogitemcommentsenabled> <a class="comment-link" href="<$BlogItemPermalinkURL$">#comments"><$BlogItemCommentCount$> comments</a> </blogitemcommentsenabled></mainorarchivepage> <$BlogItemControl$></td> </tr> <tr> <td valign="top"> <itempage> <blogitemcommentsenabled> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td><a name="comments" id="comments"></a></td> </tr> <tr> <td><$BlogItemCommentCount$> Comments:</td> </tr> <tr> <td><ul> <blogitemcomments> <li id="">"><a name="">" id="c<$BlogCommentNumber$>"></a> At <a href="#c<$BlogCommentNumber$">" title="comment permalink"><$BlogCommentDateTime$></a>, <$BlogCommentAuthor$> said… <div class="comment-body"> <$BlogCommentBody$> <$BlogCommentDeleteIcon$> </div> </li> </blogitemcomments> </ul></td> </tr> <tr> <td><$BlogItemCreate$> </td> </tr> <tr> <td><a href="<$BlogURL$">"><< Home</a> </td> </tr> <tr> <td> </td> </tr> </table> </blogitemcommentsenabled> </itempage>  </td> </tr> </table></td> </tr> </table> </blogger>  </td> <td width="200"><table width="100%" border="0" cellspacing="4" cellpadding="0"> <tr> <td class="judul">About Me </td> </tr> <tr> <td class="isi"> " width="150" height="150" border="1"> Name: <$BlogOwnerFullName$> Home: <$BlogOwnerLocation$> About Me: <$BlogOwnerAboutMe$> <a href="<$BlogOwnerProfileUrl$">">See my complete profile</a> </td> </tr> <tr> <td class="judul">Previous Post </td> </tr> <tr> <td class="isi"><ul> <bloggerpreviousitems> <li><a href="<$BlogItemPermalinkURL$">"><$BlogPreviousItemTitle$></a></li> </bloggerpreviousitems> </ul></td> </tr> <tr> <td class="judul">Archives</td> </tr> <tr> <td class="isi"><mainorarchivepage> <ul> <bloggerarchives> <li><a href="<$BlogArchiveURL$">"><$BlogArchiveName$></a></li> </bloggerarchives> </ul> </mainorarchivepage></td> </tr> <tr> <td class="judul">Links</td> </tr> <tr> <td valign="top" class="isi">  <ul> <li><a href="http://machinerytool.blogspot.com/" target="_blank">Machinery Tool</a></li> <li><a href="http://moviemusicreviews.blogspot.com/" target="_blank">Movie Music Reviews</a></li> <li><a href="http://petsupplystore.blogspot.com/" target="_blank">Pet Supply Store</a></li> <li><a href="http://www.easylightdigital.com" target="_blank">Easy Light Digital</a></li> <li><a href="http://jewelrybuyingguides.blogspot.com" target="_blank">Jewelry Buying Guides</a></li> <li><a href="http://talkaboutcancer.blogspot.com/">Talk About Cancer</a></li> <li><a href="http://newcarautopart.blogspot.com/" target="_blank">New Car Auto Part</a></li> <li><a href="http://sexywomanlingerie.blogspot.com/" target="_blank">Sexy Woman Lingerie</a></li> <li><a href="http://babystores.blogspot.com/">Baby Stores</a></li> <li><a href="http://onlineflorist.blogspot.com/" target="_blank">Online Florist</a></li> <li><a href="http://newcarautopart.blogspot.com/" target="_blank">New Car Auto Part</a></li> </ul>  </td> </tr> <tr> <td class="judul">Powered by </td> </tr> <tr> <td align="center" valign="top" class="isi"> <a href="http://freetemplates.blogspot.com" target="_blank"></a> <a href="http://www.blogger.com" target="_blank"></a></td> </tr> </table></td> </tr> </table></td> </tr> <tr> <td><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="376"></td> <td background="http://i2.tinypic.com/qp07yr.jpg">© 2005 <$BlogTitle$> Template by <a href="http://www.isnaini.com" target="_blank">Isnaini Dot Com</a></td> </tr> </table></td> </tr> </table> </body> </html>

Welcome to Blogger Templates list .

2007-05-24T17:53:00.000-07:00

Dear reader,

Welcome to Bloggertemplatelist.blogspot.com This blog is to made for a huge collection of one column, two column, 3 column blogger templates. All these templates are collected from the Internet. We will give you full credit to template author by giving their name and site detail. If any author has any problem with it. Please inform us samlocalguy@gmail.com we will remove it Immediately.

Thanx
Sam