Blogger Champ: Single column New XML Blogger Template

Template Name: Ambiru

Template Details: Single Column, Simple Design, Green and White Colored

Author: Michael

Template Preview:

(Click the image for full Size View)

Download:

Copy This Code and Paste it in edit html section

<?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'" b="'http://www.google.com/2005/gml/b'" data="'http://www.google.com/2005/gml/data'" 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: Kubrick Designer: Michael URL: http://www.geckoandfly.com Updated by: http://www.blogcrowds.com/ Support: http://www.blogcrowds.com/ ----------------------------------------------- */ .blog-pager, .feed-links {margin:0 10px} body{ background:#444 url(http://photos1.blogger.com/blogger/7994/1253/1600/stripes.jpg) repeat-x; border-top:5px solid #7F9B74; color:#555; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:67.5%; line-height:1.5; padding:0; text-align:center; margin: 0px; } #wrap{ background:#fff; border-left:7px solid #eee; border-right:7px solid #eee; margin:0px auto; padding:0 15px; text-align:left; width:500px; padding-bottom: -10px; } #content{ font-size:1.1em; float:left; margin:0 5px; width:480px; } #sidebar{ background:#575757 url(http://photos1.blogger.com/blogger/7994/1253/1600/sidebar.png) repeat-x; border:5px solid #ddd; border-bottom:none; color:#eee; float:right; margin:0 10px; padding:5px 5px 0px 5px; width:460px; } #sidebar a{ color:#b3cFc1; } #sidebar a:hover{ color:#eda; } #sidebar .widget{ float:left; width:200px; padding:0 10px; } #sidebar .sec-b{ float:right; width:200px; padding:0 10px; } #footer{ background:#333; border-top:0px solid #777; border-bottom:0px solid #777; clear:both; color:#888; font-size:0.9em; padding-top: -2px; padding-right: 0px; padding-bottom: -1px; padding-left: 0px; margin-top: -20px; margin-bottom: -10px; } .navigation{ margin-bottom:0px; padding:0px; text-align:center; } /************************************* +Header *************************************/ h1, h2, h3{ font-family: Sylfaen, Georgia, "Times New Roman", Times, serif; font-weight:normal; letter-spacing: -1px; margin:0; } #header{ background: url(http://photos1.blogger.com/blogger/7994/1253/1600/header.png) no-repeat; height:225px; text-align:right; width:500px; padding:30px 0; } #header h1{ font-size:2em; margin:0; margin-top:120px; color:#fff; } #header h1 a{ color:#E5F2E9; } #header h1 a:hover{ color:#F5FFF9; } #header p{ color:#D5E2D9; font-size:1em; margin-top:-0.5em; } #header h1, #header p{ margin-right:30px; } /************************************* +Entry *************************************/ .entry{ margin-bottom:15px; padding:5px 10px; font-size:1.0em; } .entrymeta{ font-size:0.9em; color:#999; } .entrymeta a{ color:#677; } .entrymeta a:hover{ color:#255; } .entrytitle h2{ color:#000000; font-size:2.2em; } .entrytitle h2 a{ color:#2C5F3F; } .entrytitle h2 a:hover{ color:#C8A799; } .entrytitle h3{ color:#6F6F6F; font-size:1.8em; } .postedby{ } .filedto{ background:url("http://photos1.blogger.com/blogger/7994/1253/1600/file.jpg") no-repeat 0 2px; padding-left:15px; } .commentslink{ background:url("http://photos1.blogger.com/blogger/7994/1253/1600/comments.jpg") no-repeat 0 3px; padding-left:15px; } body#home .entry-1 { background:#f8f9f1; border:1px solid #d8d9c8; border:1px solid #fafbfa; font-size:1em; } body#home .entry-1 .entrymeta{ background: #fafbfa; border-top:1px solid #d8d9c8; margin:-5px -10px; padding:5px 10px; } /************************************* +Sidebar * note: sidebar is actually featured * on the bottom. *************************************/ #sidebar h3{ color:#aaa; font-size:1.5em; font-weight:bold; margin:10px 0; } #sidebar ul li{ border-bottom:1px dotted #414141; margin-bottom:3px; padding:3px; } /************************************* +Nav *************************************/ #nav{ background:#333; border:5px solid #222; border-top:none; font-size:0.9em; margin-bottom:30px; padding:0; width:490px; margin-top:-60px; } #nav ul{ list-style-type:none; } #nav ul li{ font-weight:bold; float:left; letter-spacing:1px; margin-bottom:-3px; margin-right:10px; padding:2px 5px; } #nav ul li a{ color:#fff; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; } #nav ul li a:hover{ color:#E0EEE5; } /************************************* +Comments *************************************/ .commentsblock{ margin:0.5em; padding:1em; font-size:1.1em; } .commentsblock textarea{ width:410px; } .commentsblock input, .commentsblock textarea{ border:1px solid #d1d1d1; } .commentsblock textarea:focus{ background:#eee; border:1px solid #a1a1a1; } .commentsblock textarea:focus, .commentsblock input:focus{ background:#eee; border:1px solid #a1a1a1; } .commentauthor{ display:block; font-size:1.5em; } ol.commentlist{ color:#777; font-size:0.9em; list-style-type:none; margin:0; margin-top:1.5em; padding:0; } .commentlist li{ margin-bottom:0.5em; padding:0.5em 1em; } .alt{ background:#f3f3f3; border:1px solid #EEEEEE; padding:0.5em; } h3#comments{ font-size:1.6em; } /************************************* +Misc *************************************/ ul{ list-style-type:none; margin:0; padding:0; } a{ color:#579; text-decoration:none; } a:hover{ color:#CC0000; } blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; color:#999; } blockquote cite { margin: 5px 0 0; display: block; } .clearfix:after{ content: "."; display: block; height: 0; clear: both; visibility:hidden; } * html .clearfix {height: 1%;} ]]></b:skin> </head> <body> <div class="'clearfix'" id="'wrap'">  <a href="'#main'">skip to main </a> | <a href="'#sidebar'">skip to sidebar</a> <b:section class="'header'" id="'header'" maxwidgets="'1'" showaddelement="'no'"> <b:widget id="'Header1'" locked="'true'" title="'Ambiru" type="'Header'"> <b:includable id="'main'"> <h1> <b:if cond="'data:blog.url"> <data:title/> <b:else/> <a href="'data:blog.homepageUrl'"><data:title/></a> </b:if> </h1> <data:description/> </b:includable> </b:widget> </b:section> <div class="'clearfix'" id="'nav'"> <ul> <li><a href="'data:blog.homepageUrl'">Home</a></li> <li><a href="'http://www.blogcrowds.com/resources/blogger_template.php'">Blogger Template</a></li> <li><a href="'http://www.blogcrowds.com/forum/'">Blog Forum</a></li> <li><a href="'http://www.geckoandfly.com/'">Gecko & Fly</a></li> </ul> </div> <div id="'content'"> <div id="'crosscol-wrapper'" style="'text-align:center'"> <b:section class="'crosscol'" id="'crosscol'" showaddelement="'no'/"> </div> <div id="'main'"><div id="'main2'"> <b:section class="'main'" id="'main'" showaddelement="'no'"> <b:widget id="'Blog1'" locked="'true'" title="'Blog" type="'Blog'"> <b:includable id="'nextprev'"> <div class="'blog-pager'" id="'blog-pager'"> <b:if cond="'data:newerPageUrl'"> <a class="'blog-pager-newer-link'" href="'data:newerPageUrl'" id="'data:widget.instanceId" title="'data:newerPageTitle'"><data:newerpagetitle/></a> </b:if> <b:if cond="'data:olderPageUrl'"> <a class="'blog-pager-older-link'" href="'data:olderPageUrl'" id="'data:widget.instanceId" title="'data:olderPageTitle'"><data:olderpagetitle/></a> </b:if> <b:if cond="'data:blog.homepageUrl"> <a class="'home-link'" href="'data:blog.homepageUrl'"><data:homemsg/></a> <b:else/> <b:if cond="'data:newerPageUrl'"> <a class="'home-link'" href="'data:blog.homepageUrl'"><data:homemsg/></a> </b:if> </b:if> </div> <div class="'clear'/"> </b:includable> <b:includable id="'backlinks'" var="'post'"> <a name="'links'/"><h4><data:post.backlinkslabel/></h4> <b:if cond="'data:post.numBacklinks"> <dl class="'comments-block'" id="'comments-block'"> <b:loop values="'data:post.backlinks'" var="'backlink'"> <div class="'collapsed-backlink"> <dt class="'comment-title'"> <a href="'data:backlink.url'" rel="'nofollow'"><data:backlink.title/></a> <b:include data="'backlink'" name="'backlinkDeleteIcon'/"> </dt> <dd class="'comment-body"> <data:backlink.snippet/> </dd> <dd class="'comment-footer"> <data:post.authorlabel/> <data:backlink.author/> <data:post.timestamplabel/> <data:backlink.timestamp/> </dd> </div> </b:loop> </dl> </b:if> <a class="'comment-link'" href="'data:post.createLinkUrl'" id="'data:widget.instanceId" target="'_blank'"><data:post.createlinklabel/></a> </b:includable> <b:includable id="'post'" var="'post'"> <a name="'data:post.id'/"> <b:if cond="'data:post.title'"> <div class="'entrytitle"><h2 class="'post-title'"> <b:if cond="'data:post.link'"> <a href="'data:post.link'"><data:post.title/></a> <b:else/> <b:if cond="'data:post.url'"> <a href="'data:post.url'"><data:post.title/></a> <b:else/> <data:post.title/> </b:if> </b:if> </h2></div> </b:if> <b:if cond="'data:post.dateHeader'"> <h3 class="'date-header'"><data:post.dateheader/></h3> </b:if> <div class="'post-body'"> <data:post.body/> <div style="'clear:">  </div> Posted by <b:if cond="'data:top.showAuthor'"><data:top.authorlabel/> <data:post.author/></b:if> <b:if cond="'data:top.showTimestamp'"> <data:top.timestamplabel/> <b:if cond="'data:post.url'"> <a class="'timestamp-link'" href="'data:post.url'" title="'permanent"><data:post.timestamp/></a> </b:if> </b:if> Categories: <b:if cond="'data:post.labels'"> <data:postlabelslabel/> <b:loop values="'data:post.labels'" var="'label'"> <a href="'data:label.url'" rel="'tag'"><data:label.name/></a><b:if cond="'data:label.isLast">,</b:if> </b:loop> </b:if> <b:if cond="'data:blog.pageType"> <b:if cond="'data:post.allowComments'"> <a class="'comment-link'" href="'data:post.addCommentUrl'" onclick="'data:post.addCommentOnclick'"><b:if cond="'data:post.numComments">1 <data:top.commentlabel/><b:else/><data:post.numcomments/> <data:top.commentlabelplural/></b:if></a> </b:if> </b:if> <b:if cond="'data:blog.pageType"> <b:if cond="'data:post.showBacklinks'"> <a class="'comment-link'" href="'data:post.url"><data:top.backlinklabel/></a> </b:if> </b:if>  <b:if cond="'data:post.emailPostUrl'"> <a href="'data:post.emailPostUrl'" title="'data:top.emailPostMsg'"> </a> </b:if>  <b:include data="'post'" name="'postQuickEdit'/"> </b:includable> <b:includable id="'commentDeleteIcon'" var="'comment'"> <a href="'data:comment.deleteUrl'" title="'data:top.deleteCommentMsg'"> </a> </b:includable> <b:includable id="'status-message'"> <b:if cond="'data:navMessage'"> <div class="'status-msg-wrap'"> <div class="'status-msg-body'"> <data:navmessage/> </div> <div class="'status-msg-border'"> <div class="'status-msg-bg'"> <div class="'status-msg-hidden'"><data:navmessage/></div> </div> </div> </div> <div style="'clear:"> </b:if> </b:includable> <b:includable id="'feedLinks'"> <b:if cond="'data:blog.pageType">  <b:if cond="'data:feedLinks'"> <div class="'blog-feeds'"> <b:include data="'feedLinks'" name="'feedLinksBody'/"> </div> </b:if> <b:else/>  <div class="'post-feeds'"> <b:loop values="'data:posts'" var="'post'"> <b:if cond="'data:post.allowComments'"> <b:if cond="'data:post.feedLinks'"> <b:include data="'post.feedLinks'" name="'feedLinksBody'/"> </b:if> </b:if> </b:loop> </div> </b:if> </b:includable> <b:includable id="'backlinkDeleteIcon'" var="'backlink'"> <a href="'data:backlink.deleteUrl'" title="'data:top.deleteBacklinkMsg'"> </a> </b:includable> <b:includable id="'feedLinksBody'" var="'links'"> <div class="'feed-links'"> <data:feedlinksmsg/> <b:loop values="'data:links'" var="'f'"> <a class="'feed-link'" href="'data:f.url'" type="'data:f.mimeType'" target="'_blank'"><data:f.name/> (<data:f.feedtype/>)</a> </b:loop> </div> </b:includable> <b:includable id="'postQuickEdit'" var="'post'"> <b:if cond="'data:post.editUrl'"> <a href="'data:post.editUrl'" title="'data:top.editPostMsg'"> </a> </b:if> </b:includable> <b:includable id="'comments'" var="'post'"> <div class="'comments'" id="'comments'"> <a name="'comments'/"> <b:if cond="'data:post.allowComments'"> <h4> <b:if cond="'data:post.numComments"> 1 <data:commentlabel/>: <b:else/> <data:post.numcomments/> <data:commentlabelplural/>: </b:if> </h4> <dl id="'comments-block'"> <b:loop values="'data:post.comments'" var="'comment'"> <dt class="'comment-author'" id="'"> <a name="'"> <b:if cond="'data:comment.authorUrl'"> <a href="'data:comment.authorUrl'" rel="'nofollow'"><data:comment.author/></a> <b:else/> <data:comment.author/> </b:if> <data:commentpostedbymsg/> </dt> <dd class="'comment-body'"> <b:if cond="'data:comment.isDeleted'"> <data:comment.body/> <b:else/> <data:comment.body/> </b:if> </dd> <dd class="'comment-footer'"> <a href="'" title="'comment"> <data:comment.timestamp/> </a> <b:include data="'comment'" name="'commentDeleteIcon'/"> </dd> </b:loop> </dl> <a href="'data:post.addCommentUrl'" onclick="'data:post.addCommentOnclick'"><data:postcommentmsg/></a> </b:if> <div id="'backlinks-container'"> <div id="'data:widget.instanceId"> <b:if cond="'data:post.showBacklinks'"> <b:include data="'post'" name="'backlinks'/"> </b:if> </div> </div> </div> </b:includable> <b:includable id="'main'" var="'top'">  <b:include data="'top'" name="'status-message'/"> <b:loop values="'data:posts'" var="'post'"> <div class="'entry"> <b:include data="'post'" name="'post'/"> <b:if cond="'data:blog.pageType"> <b:include data="'post'" name="'comments'/"> </b:if> </div> </b:loop>  <b:include name="'nextprev'/">  <b:include name="'feedLinks'/"> </b:includable> </b:widget> </b:section> </div></div> </div> <div id="'sidebar-wrapper'"> <b:section class="'sidebar'" id="'sidebar'" preferred="'yes'"> <b:widget id="'Profile1'" locked="'false'" title="'About" type="'Profile'"> <b:includable id="'main'"> <b:if cond="'data:title"> <h2><data:title/></h2> </b:if> <div class="'widget-content'"> <b:if cond="'data:team">  <ul> <b:loop values="'data:authors'" var="'i'"> <li><a href="'data:i.userUrl'"><data:i.display-name/></a></li> </b:loop> </ul> <b:else/>  <b:if cond="'data:photo.url"> <a href="'data:userUrl'"><img class="'profile-img'" alt="'data:photo.alt'" height="'data:photo.height'" src="'data:photo.url'" width="'data:photo.width'/" /></a> </b:if> <dl class="'profile-datablock'"> <dt class="'profile-data'"><data:displayname/></dt> <b:if cond="'data:showlocation"> <dd class="'profile-data'"><data:location/></dd> </b:if> <b:if cond="'data:aboutme"><dd class="'profile-textblock'"><data:aboutme/></dd></b:if> </dl> <a class="'profile-link'" href="'data:userUrl'"><data:viewprofilemsg/></a> </b:if> <b:include name="'quickedit'/"> </div> </b:includable> </b:widget> <b:widget id="'Label1'" locked="'false'" title="'Labels'" type="'Label'"> <b:includable id="'main'"> <b:if cond="'data:title'"> <h2><data:title/></h2> </b:if> <div class="'widget-content'"> <ul> <b:loop values="'data:labels'" var="'label'"> <li> <b:if cond="'data:blog.url"> <data:label.name/> <b:else/> <a href="'data:label.url'"><data:label.name/></a> </b:if> (<data:label.count/>) </li> </b:loop> </ul> <b:include name="'quickedit'/"> </div> </b:includable> </b:widget> <b:widget id="'BlogArchive1'" locked="'false'" title="'Blog" type="'BlogArchive'"> <b:includable id="'main'"> <b:if cond="'data:title'"> <h2><data:title/></h2> </b:if> <div class="'widget-content'"> <div id="'ArchiveList'"> <div id="'data:widget.instanceId"> <b:if cond="'data:style"> <b:include data="'data'" name="'interval'/"> </b:if> <b:if cond="'data:style"> <b:include data="'data'" name="'flat'/"> </b:if> <b:if cond="'data:style"> <b:include data="'data'" name="'menu'/"> </b:if> </div> </div> <b:include name="'quickedit'/"> </div> </b:includable> <b:includable id="'flat'" var="'data'"> <ul> <b:loop values="'data:data'" var="'i'"> <li class="'archivedate'"> <a href="'data:i.url'"><data:i.name/></a> (<data:i.post-count/>) </li> </b:loop> </ul> </b:includable> <b:includable id="'menu'" var="'data'"> <select id="'data:widget.instanceId"> <option value="''"><data:title/></option> <b:loop values="'data:data'" var="'i'"> <option value="'data:i.url'"><data:i.name/> (<data:i.post-count/>)</option> </b:loop> </select> </b:includable> <b:includable id="'interval'" var="'intervalData'"> <b:loop values="'data:intervalData'" var="'i'"> <ul> <li class="'"> <b:include data="'i'" name="'toggle'/"> <a class="'post-count-link'" href="'data:i.url'"><data:i.name/></a> (<data:i.post-count/>) <b:if cond="'data:i.data'"> <b:include data="'i.data'" name="'interval'/"> </b:if> <b:if cond="'data:i.posts'"> <b:include data="'i.posts'" name="'posts'/"> </b:if> </li> </ul> </b:loop> </b:includable> <b:includable id="'toggle'" var="'interval'"> <b:if cond="'data:interval.toggleId'"> <b:if cond="'data:interval.expclass"> <a class="'toggle'" href="'data:widget.actionUrl" action="toggle" dir="close&toggle="" toggleopen=""> ▼ </a> <b:else/> <a class="'toggle'" href="'data:widget.actionUrl" action="toggle" dir="open&toggle="" toggleopen=""> ► </a> </b:if> </b:if> </b:includable> <b:includable id="'posts'" var="'posts'"> <ul class="'posts'"> <b:loop values="'data:posts'" var="'i'"> <li><a href="'data:i.url'"><data:i.title/></a></li> </b:loop> </ul> </b:includable> </b:widget> </b:section> <a href="'http://www.blogcrowds.com/resources/blogger_template.php'">Blogger Template</a> by <a href="http://www.blogcrowds.com/forum/">Blog Forum</a> </div>  <div class="'clear'"> </div> <div id="'footer-wrapper'"> <b:section class="'footer'" id="'footer'/"> Copyright 2007 | <a href="'http://www.blogcrowds.com/resources/blogger_template.php'">Blogger Templates</a> by <a href="'http://www.blogcrowds.com/'">Blogcorwds</a> and <a href="'http://www.geckoandfly.com/make-money-online/'">GeckoandFly</a> </div> </div>> </body> </html>

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

Blogger Champ Template Review:
Blogger Champ would recommend this template to everyone who is looking for a sweet and simple design for his/her personal blog. and if you know how to edit html you can easily modify this template to meet your needs.

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