Blogger Champ: 2 Column Classic Blogger Template Dark Brown

Template Name: Chocolate

Template Details: 2 Column, Brown Colored

Author: isnaini

Template Preview:

(Click the image for full Size View)

Download:

Copy This Code and Paste it in edit html section

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <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: Geneva, Arial, Helvetica, sans-serif; color: #330000; background-color: #663300; background-attachment: fixed; background-image: url(http://img54.imageshack.us/img54/7580/backgroundcf4.jpg); background-repeat: repeat-y; background-position: center top; } td { font-size: 12px; } .tanggalpost { font-size: 11px; font-weight: bold; text-align: right; letter-spacing: 1px; } .judulpost { font-size: 18px; font-weight: bold; color: #CC9900; text-align: left; font-family: Georgia, "Times New Roman", Times, serif; } .isipost { text-align: justify; padding: 2px; } .bawahpost { font-size: 10px; font-style: italic; text-align: right; padding: 2px; } .judulkanan { font-size: 14px; font-weight: bold; height: 20px; color: #CC9933; text-align: center; background-color: #623100; font-family: Georgia, "Times New Roman", Times, serif; padding: 2px; } a:link, a:active, a:visited { color: #FF9900; text-decoration: none; } a:hover { text-decoration: underline; } li { list-style-position: outside; list-style-type: square; } .isikanan { padding: 2px 15px 2px 2px; font-size: 10px; } textarea, input, select, option, button { font-family: Tahoma, Verdana, Arial; background-color : #663300; color : #333333; font-size : 10px; border: 1px solid #000000; } img { border:0px none; } .topheader { background-color: #623100; height: 30px; color: #CC9900; font-size: 2em; font-weight: bold; text-align: center; vertical-align: middle; padding: 2px; } .belowheader { background-color: #623100; height: 30px; color: #CC9900; text-align: center; vertical-align: middle; padding: 2px; font-size: 14px; } .belowheader h1{ color: #CC9900; padding-top: 2px; padding-bottom: 2px; font-size: 18px; margin: 0px; font-family: Georgia, "Times New Roman", Times, serif; } .footer { background-color: #623100; height: 50px; font-size: 10px; text-align: center; vertical-align: middle; color: #CC9900; } .tengah { vertical-align: top; background-color: #9E5609; border: 1px solid #623100; } .kanan { vertical-align: top; } .ulang { } .ulang td{ padding: 2px; } .kiri { vertical-align: top; padding: 5px; } </style> </head> <body> <table width="750" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td class="topheader"> </td> </tr> <tr> <td><img src="http://img267.imageshack.us/img267/8110/headeruy6.jpg" width="750" height="200" /></td> </tr> <tr> <td class="belowheader"><h1><$BlogTitle$></h1> </td> </tr> <tr> <td class="tengah"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td class="kiri"> <blogger> <table width="100%" border="0" cellspacing="4" cellpadding="0"> <tr> <td valign="top" class="ulang"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td class="tanggalpost"><blogdateheader> <$BlogDateHeaderDate$> </blogdateheader></td> </tr> <tr> <td class="judulpost"><blogitemtitle> <blogitemurl><a href="">" title="external link"></blogitemurl> <$BlogItemTitle$> <blogitemurl></a></blogitemurl> </blogitemtitle></td> </tr> <tr> <td class="isipost"><$BlogItemBody$></td> </tr> <tr> <td class="bawahpost">posted by <$BlogItemAuthorNickname$> @ <a href="">" title="permanent link"><$BlogItemDateTime$></a> <mainorarchivepage><blogitemcommentsenabled> <a class="comment-link" href="">#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="">" 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="">"><< Home</a> </td> </tr> <tr> <td> </td> </tr> </table> </blogitemcommentsenabled> </itempage>  </td> </tr> </table> </td> </tr> </table> </blogger> </td> <td width="160" class="kanan"><table width="100%" border="0" cellspacing="0" cellpadding="4"> <tr> <td align="center"><$BlogDescription$></td> </tr> <tr> <td class="judulkanan">About Me </td> </tr> <tr> <td class="isikanan"> <img src="" />" width="160" height="160" border="1"> Name: <$BlogOwnerFullName$> Home: <$BlogOwnerLocation$> About Me: <$BlogOwnerAboutMe$> <a href="">">See my complete profile</a> </td> </tr> <tr> <td class="judulkanan">Previous Post </td> </tr> <tr> <td class="isikanan"><ul> <bloggerpreviousitems> <li><a href="">"><$BlogPreviousItemTitle$></a></li> </bloggerpreviousitems> </ul></td> </tr> <tr> <td class="judulkanan">Archives</td> </tr> <tr> <td class="isikanan"><mainorarchivepage> <ul> <bloggerarchives> <li><a href="">"><$BlogArchiveName$></a></li> </bloggerarchives> </ul> </mainorarchivepage></td> </tr> <tr> <td class="judulkanan">Shoutbox</td> </tr> <tr> <td valign="top" class="isikanan">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="judulkanan">Links</td> </tr> <tr> <td valign="top" class="isikanan"><ul> <li>link 1</li> <li>link 2</li> <li>link 3</li> <li>link 4 </li> </ul></td> </tr> <tr> <td class="judulkanan">Powered by </td> </tr> <tr> <td align="center" valign="top" class="isikanan"> <a href="http://www.isnaini.com" target="_blank"><img src="http://img.photobucket.com/albums/v732/isnaini/freetemplates-88x15.jpg" alt="Free Blogger Templates" /></a> <a href="http://www.blogger.com" target="_blank"><img src="http://buttons.blogger.com/bloggerbutton1.gif" alt="BLOGGER" name="blogger" border="0" /></a></td> </tr> </table></td> </tr> </table></td> </tr> <tr> <td class="footer">© <$BlogTitle$> . Template by <a href="http://www.isnaini.com" target="_blank" title="free blogger templates for your blog !">isnaini dot com </a></td> </tr> </table> </body> </html>

(Author has requested that his credits should not be removed from template)

Blogger Champ Template Review:
Cool looking template for personal blogs, author has necessary done its work well but not recommended for people thinking of adding ads in this template, it might not work well with ads and look weird. Otherwise a wonderful template to have :)

Recommended Posts
Learn How to install New Blogger Templates , Learn How to install Classic Blogger Templates

Receive New Blogger Templates in your mailbox Subscribe to us