Home Hardware Games Software Articles News Services Directory

3 columns Cafe Blog

110

template name: Cafe Blog

Size: 25 KB

2 Layers , 3 Columns , Fixed Background

Special for blogger (blogspot)

Best quality (IE & Firefox) all Size and Resolutions

large size

Live Sample

Help

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title><$BlogPageTitle$></title> <$BlogMetaData$> <style type="text/css"> /*---------------------- Name: 3 Columns Cafe Blog Designer: j.aghili URL: www.finalsense.com date: oct 2006 ---------------------- */ body { background : #fff url('http://photos1.blogger.com/blogger/3921/4104/1600/ab4.jpg') repeat-x fixed top ; margin: 0px;padding: 0px; color: #333333; font-size: 12px; font-family: verdana, Arial, Helvetica, sans-serif; text-align: center; } #c1 {border: 1px solid #999; margin: 40px auto; padding: 10px; text-align:left; background: #000; width: 900px;} #c2{padding: 5px; border-bottom:1px solid #ccc; } /*---------------------- Replace Your Banner Address -----------------------------*/ #banner {background : #090402 url('http://photos1.blogger.com/blogger/3921/4104/1600/ac401.jpg') no-repeat right; padding: 10px; margin-bottom: 10px; border: 1px solid #999; height: 183px;} #content { padding: 10px; margin: 10px 235px; border: 1px solid #999; background : #cdb788 url('http://photos1.blogger.com/blogger/3921/4104/1600/ag1.jpg') no-repeat right top; } #side1 { float: left; width: 200px; margin: 0px 5px 10px 0px; padding: 10px; color: #cdb788;} #side2 {float: right; width: 200px; margin: 0px 5px 10px 0px; padding: 10px; text-align: center;} #footer { clear: both; padding: 10px; width: 900px; border: 1px solid #999; background: #000;} a { font-weight: bold; color: #664E38; text-decoration: none; } a:link { color: #9f6e04; text-decoration: none; } a:visited { color: #993300; text-decoration: none; } a:hover { color: #800000; text-decoration: underline; } .postinfo { font-size : 95%;margin-bottom: 35px;color: #cc6600;} #head1 { margin:5px 5px 0; padding:20px 20px; font-size:24pt; text-transform:uppercase; color: #be6526; } #head1 a:link {color: #be6526; text-decoration: none; font-size: 24pt;} #head1 a:hover {color:#cdb788; text-decoration: none; left; font-size: 24pt; } #des { margin:0 5px 5px; padding:0 20px 20px; font-size: 8pt; color: #cdb788; } .post { padding: 10px; margin: 0px; font-size: 9pt; font-weight: normal; font-weight: bold;} #title2 { color: #993300; text-decoration: none; font-size: 10pt; padding-bottom: 5px; } #title2 a:link {color: #80aad5; text-decoration: none; font-size: 10pt; font-weight: bold;} #title2 a:hover {color:#ff9966; text-decoration: none; left; font-size: 10pt; font-weight: bold;} .side { padding: 2px; margin: 2 0 2 0px; color: #cdb788; font-size: 12px; text-align: center;} .sidebar-title {background: #000 url('http://photos1.blogger.com/blogger/3921/4104/1600/abb.jpg') no-repeat left ; border: 1px solid #999; padding: 1px; margin: 0px; color: #fff; font-size: 12px; text-align: center; line-height: 175%; } .date { font-size: 12pt; color: #800000; margin: 0px 10px; padding: 2px; font-weight:bold; border-bottom:1px } #comment { margin:1 0 0 0; color:#800000; padding:0 1 0 1px; } #comments h4 { margin:4 0; font:bold 78% "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; text-transform:uppercase; color:#663300; } #comments h4 strong { font-size:130%; } #comments-block { margin:4 0 ; } #comments-block dt { margin:4 0;color:#9f6e04; } #comments-block dd { margin:2 0 0; color:#9f6e04; } #comments-block dd.comment-timestamp { font:78% "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; text-transform:uppercase; color:#9f6e04;} #comments-block dd p { margin:0 0 ;color:#fff; } .deleted-comment { font-style:italic; } #b-navbar {height:0px;visibility:hidden;display:none} </style> </head><br></br> <div id="c1" align="center"> <div id="banner" > <h1 id="head1"> <ItemPage><a href="<$BlogURL$>"></ItemPage> <font face="Times New Roman"><$BlogTitle$> </font> <ItemPage></a></ItemPage> </h1> <p id="des"><$BlogDescription$></p> </div> <div id="side1"> <div class="side"> <h2 class="sidebar-title">Advertising bar</h2> <p>Your Ad here ...</p> <br></br> <h2 class="sidebar-title">Other ...</h2> <p>Product ...</p> <p>Services ...</p> <p>Other things ...</p> </div> </div> <div id="side2"> <div id="side"> <font color="#CDB788"><$BlogMemberProfile$> <br></font></br><br></br> <h2 class="sidebar-title">Previous Posts</h2> <BloggerPreviousItems><br></br> <a href="<$BlogItemPermalinkURL$>"> <span style="font-weight: 400"><$BlogPreviousItemTitle$></span></a> </BloggerPreviousItems> <MainOrArchivePage><br></br><br></br> <h2 class="sidebar-title">Archives</h2><br></br> <BloggerArchives> <a href="<$BlogArchiveURL$>"><span style="font-weight: 400"><$BlogArchiveName$></span></a> </BloggerArchives> </MainOrArchivePage><br></br><br></br> <h2 class="sidebar-title">Links</h2> <br > <marquee onMouseOver="this.stop()" onMouseOut="this.start()" scrollAmount="1" scrollDelay="10" direction="up" height="99" width="170" style="text-align: center"><left><span style="text-decoration: none; font-weight: 400"><font face="Verdana" style="font-size: 9pt"> <a target="_blank" href="http://www.finalsense.com/software/software_information_review.htm"><span style="text-decoration: none; font-weight: 400">Downloads</span></a><br> <a target="_blank" href="http://www.finalsense.com/news.htm"><span style="text-decoration: none; font-weight: 400">Technology News</span></a><br> <a target="_blank" href="http://www.finalsense.com/services/blog_templates/index.htm"><span style="text-decoration: none; font-weight: 400">Templates</span></a><br> <a target="_blank" href="http://www.finalsense.com/services/webhosting.htm"><span style="text-decoration: none; font-weight: 400">Web Hosting</span></a><br> <a target="_blank" href="http://www.finalsense.com/learning/index.htm"><span style="text-decoration: none; font-weight: 400">Articles</span></a><br> <a target="_blank" href="http://www.finalsense.com/games/best_game_zone.htm"><span style="text-decoration: none; font-weight: 400">Games</span></a><br> <a target="_blank" href="http://www.blogger.com"><span style="text-decoration: none; font-weight: 400">Blogger</span></a><br> <a target="_blank" href="http://www.google.com"><span style="text-decoration: none; font-weight: 400">Google</span></a><br> </marquee></br> <br> </br> <h2 class="sidebar-title">Sponsored Links</h2> <p style="margin-top: 2px; margin-bottom: 2px"> <a target="_blank" href="http://blogger.com"> <span style="font-weight: 400">Blogger</span></a></p> <p style="margin-top: 2px; margin-bottom: 2px"> <a target="_blank" href="http://www.finalsense.com"> <span style="font-weight: 400">FinalSense</span></a></p> <p style="margin-top: 2px; margin-bottom: 2px"> <a target="_blank" href="http://www.amazon.com"> <span style="font-weight: 400">Amazon</span></a></p> <p style="margin-top: 2px; margin-bottom: 2px"> <a target="_blank" href="http://yahoo.com"> <span style="font-weight: 400">Yahoo</span></a></p> <p style="margin-top: 2px; margin-bottom: 2px"> <a target="_blank" href="http://www.ebay.com"> <span style="font-weight: 400">Ebay</span></a></p> </div> </div> <div id="content"> <div > <Blogger> <BlogDateHeader> <h6 ><font color="#BDB695"><$</font><font color="#FFFFFF">BlogDateHeaderDate</font><font color="#BDB695">$></font></h6> </BlogDateHeader> <a name="<$BlogItemNumber$>"></a> <BlogItemTitle> <BlogItemUrl><a href="<$BlogItemUrl$>" title="external link"></BlogItemUrl> <h5><span style="text-decoration: none"><$BlogItemTitle$></span></span></h5> <BlogItemUrl></a></BlogItemUrl> </BlogItemTitle> <div class="content"> <table cellspacing="0" cellpadding="0"><tr><td><font size="2"><$BlogItemBody$></font></td></tr></table> </div> <div class="postinfo"> posted by <$BlogItemAuthorNickname$> at <a href="<$BlogItemPermalinkUrl$>" title="permanent link"><$BlogItemDateTime$></a> <MainOrArchivePage><BlogItemCommentsEnabled> <a class="comment-link" href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnclick$>><$BlogItemCommentCount$> comments</a> </BlogItemCommentsEnabled><BlogItemBacklinksEnabled> <a class="postinfo" href="<$BlogItemPermalinkUrl$>#links">links to this post</a> </BlogItemBacklinksEnabled> </MainOrArchivePage> <$BlogItemControl$> </p> <div id="c2"></div> </div> <ItemPage> <div id="comment"> <BlogItemCommentsEnabled><a name="comments"></a> <h6><$BlogItemCommentCount$> Comments:</h6> <dl id="comments-block"> <BlogItemComments> <dt class="postinfo" id="c<$BlogCommentNumber$>"><a name="c<$BlogCommentNumber$>"></a> <$BlogCommentAuthor$> said... </dt> <dd class="comment-body"> <p><$BlogCommentBody$></p> </dd> <dd class="comment-timestamp"><a href="#<$BlogCommentNumber$>" title="comment permalink"><$BlogCommentDateTime$></a> <$BlogCommentDeleteIcon$> </dd> </BlogItemComments> </dl> <p class="comment-timestamp"> <$BlogItemCreate$> </p> </BlogItemCommentsEnabled> <BlogItemBacklinksEnabled> <a name="links"></a><h5><font color="#FFFFFF">Links to this post:</font></h5> <dl id="comments-block"> <BlogItemBacklinks> <dt class="comment-title"> <$BlogBacklinkControl$> <a href="<$BlogBacklinkURL$>" rel="nofollow"><$BlogBacklinkTitle$></a> <$BlogBacklinkDeleteIcon$> </dt> <dd class="comment-body"><$BlogBacklinkSnippet$> <br /> <span class="comment-poster"> <em>posted by <$BlogBacklinkAuthor$> @ <$BlogBacklinkDateTime$></em> </span> </dd> </BlogItemBacklinks> </dl> <p class="comment-timestamp"><$BlogItemBacklinkCreate$></p> </BlogItemBacklinksEnabled> <p class="comment-timestamp"> <a href="<$BlogURL$>"><< Home</a> </p> </div> </ItemPage> </Blogger> </div> </div> </div> <div id="footer"> <p style="text-align: center"><font size="1" color="#808080"> Designed by <a target="_blank" href="http://www.finalsense.com"> <font color="#808080">FinalSense.com</font></a> Copyright © 2006-2008 </font><font size="1" color="#808080"> <$BlogTitle$> </font></p> </div> </div> </body> </html>

Revert to classic template first! and replace this HTML code with your current template code...learn more>>>

<<<previous Index next>>>

Subscribe to FinalSense Feeds

Home Hardware Games Software Articles News Services Directory