Blogger Champ: Blue XML New Blogger Template 3 Column

Template Name: Garland

Template Details: 3 Column Template, Blue Colored, XML, New Blogger Template

Author: Steven Wittens

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: Garland Designer: Steven Wittens URL: http://acko.net/ Modified by: http://www.blogcrowds.com Support: http://www.blogcrowds.com ----------------------------------------------- */ a:link, a:visited { color: #027ac6; text-decoration: none; } a:hover { color: #0062a0; text-decoration: underline; } a:active, a.active { color: #5895be; } body { background: #edf5fa; color: #494949; font: 12px/170% Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; } body.sidebar-left #footer { margin-left: -210px; } /* So we move the #center container over the sidebars to compensate */ body.sidebar-left #center { margin-left: -210px; } /* And add blanks left and right for the sidebars to fill */ body.sidebar-left #squeeze { margin-left: 210px; } body.sidebar-right #center { margin-right: -210px; } body.sidebar-right #footer { margin-right: -210px; } body.sidebar-right #squeeze { margin-right: 210px; } body.sidebars #center { margin: 0 -210px; } body.sidebars #footer { margin: 0 -210px; } body.sidebars #squeeze { margin: 0 210px; } .meta{margin:0 0 30px 0} .sidebar .widget{margin:0 0 20px 0} dl { margin: 0.5em 0 1em 1.5em; } dl dd { margin: 0 0 .5em 1.5em; } dl dt { } h1 { font-size: 170%; } h1, h2, h3, h4, h5, h6 { font-family: Helvetica, Arial, sans-serif; font-weight: normal; margin: 0; padding: 0; } h2 { font-size: 160%; line-height: 130%; } h3, .sidebar h2 { font-size: 140%; } h4 { font-size: 130%; } h5 { font-size: 120%; } h6 { font-size: 110%; } hr { background: #5294c1; border: none; height: 1px; margin: 0; padding: 0; } img, a img { border: none; } input { color: #494949; font: 12px/100% Verdana, Arial, Helvetica, sans-serif; } p { margin: 0.6em 0 1.2em; padding: 0; } textarea, select { color: #494949; font: 12px/160% Verdana, Arial, Helvetica, sans-serif; } .content ul { margin: 0.5em 0 1em; padding: 0; } .content ul li { margin: 0.4em 0 0.4em 1.5em; } ul, quote, code, fieldset { margin: .5em 0; } /** * Primary navigation */ ul.primary-links { float: right; margin: 0; padding: 0; position: relative; z-index: 4; } ul.primary-links li { background: none; float: left; margin: 0; padding: 0; } ul.primary-links li a, ul.primary-links li a:link, ul.primary-links li a:visited { background: transparent url("http://s61.photobucket.com/albums/h59/c_stavanger/garland/bg-navigation-item.png") no-repeat 50% 0; color: #fff; display: block; margin: 0 1em; padding: .75em 0 0; } ul.primary-links li a:hover, ul.primary-links li a.active { background: transparent url("http://s61.photobucket.com/albums/h59/c_stavanger/garland/bg-navigation-item-hover.png") no-repeat 50% 0; color: #fff; } .nextprev { margin-bottom: 60px; margin-top: 10px; } .alignleft { float: left; } .alignright { float: right; clear: both; } .commentlist { list-style: none; margin: 1em 0 3em; padding: 0; } .commentlist .alt { background: #edf5fa; } .commentlist .avatar { border: 1px dotted #ccc; float: right; margin-right: 25px; padding: 2px; } .commentlist cite { font-weight: bold; } .commentlist li { padding: 1em 2em; } .menu { list-style: none; margin: 0; padding: 0; } .menu li li, .item-list ul li, li.leaf, .links li, .sidebar .li { background: transparent url("http://s61.photobucket.com/albums/h59/c_stavanger/garland/menu-leaf.gif") no-repeat 0 .35em; list-style-image: none; list-style-type: none; padding: 0 0 .3em 13px; } .post { margin-bottom: 2em; overflow: hidden; } #header h1, #header h1 a { color: #fff; font-size: 1.5em; font-weight: normal; text-decoration: none; text-shadow: #1659ac 0px 1px 3px; } #navigation { background: url("http://s61.photobucket.com/albums/h59/c_stavanger/garland/bg-navigation.png") repeat-x 50% 100%; height: 1em; } #s { margin-bottom: 5px; } /* Layout and images */ #wrapper { background: url("http://s61.photobucket.com/albums/h59/c_stavanger/garland/body.png") #edf5fa repeat-x 50% 0; height: 600px; } #wrapper #container { margin: 0 auto; max-width: 1270px; padding: 0 20px; } /* We must define 100% width to avoid the body being too narrow for near-empty pages */ #wrapper #container #center { float: left; width: 100%; } /* Now we add the backgrounds for the main content shading */ #wrapper #container #center #squeeze { background: url("http://s61.photobucket.com/albums/h59/c_stavanger/garland/bg-content.png") #fff repeat-x 50% 0; } #wrapper #container #center .right-corner { background: transparent url("http://s61.photobucket.com/albums/h59/c_stavanger/garland/bg-content-right.png") no-repeat 100% 0; left: 10px; position: relative; } #wrapper #container #center .right-corner .left-corner { background: transparent url("http://s61.photobucket.com/albums/h59/c_stavanger/garland/bg-content-left.png") no-repeat 0 0; left: -10px; margin-left: -10px; min-height: 400px; padding: 60px 25px 5em 35px; position: relative; } #wrapper #container #footer { clear: both; color: #898989; float: none; margin: 4em 0 -3em; text-align: center; } #wrapper #container #header { height: 80px; } #wrapper #container #header #logo-floater { position: absolute; } #wrapper #container #header h1, #wrapper #container #header h1 a:link, #wrapper #container #header h1 a:visited { font-weight: bold; line-height: 120px; position: relative; white-space: nowrap; z-index: 2; } /* We ensure the sidebars are still clickable using z-index */ #wrapper #container .sidebar { float: left; margin: 60px 0 5em; width: 208px; z-index: 2; } body > #wrapper #container .sidebar { position: relative; } #sidebar-left li { margin-right: 10px; } #sidebar-right ul { margin-left: 20px; } #sidebar2 {margin:0 0 0 20px;} #sidebar-right li ul { margin-left: 0; } .sidebar ul { margin-left: 0; padding: 0; } .content img { margin-left: 10px; } #comment { width: 400px; } ]]></b:skin> </head> <body class="sidebars"> <div id="navigation"></div> <div id="wrapper"> <div id="container" class="clear-block">  <a href="'#main'">skip to main </a> | <a href="'#sidebar'">skip to sidebar</a> <div id="'header'"> <b:section class="'header'" id="'header'" maxwidgets="'1'" showaddelement="'no'"> <b:widget id="'Header1'" locked="'true'" title="'Sideways" type="'Header'"> <b:includable id="'main'"> <div id="'logo-floater'"> <h1> <b:if cond="'data:blog.url"> <a href="#"><data:title/></a> <b:else/> <a href="'data:blog.homepageUrl'"><data:title/></a> </b:if> </h1> </div> <ul class="links primary-links"> <li><a href="'data:blog.homepageUrl'"><data:title/></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/'">Blogger Forum</a></li> </ul> </b:includable> </b:widget> </b:section> </div> <div id="sidebar-left" class="sidebar"><b:section class="'side'" id="'sidebar1'" preferred="'yes'"></b:section></div> <div id="'crosscol-wrapper'" style="'text-align:center'"> <b:section class="'crosscol'" id="'crosscol'" showaddelement="'no'/"> </div> <div id="center"><div id="squeeze"><div class="right-corner"><div class="left-corner">  <div class="node"> <b:section class="'main'" id="'main'" showaddelement="'no'"> <b:widget id="'Blog1'" locked="'true'" title="'Blog" type="'Blog'"> <b:includable id="'main'" var="'top'">  <div class="'post'"> <b:include data="'top'" name="'status-message'/"> <b:loop values="'data:posts'" var="'post'"> <b:include data="'post'" name="'post'/"> <b:if cond="'data:blog.pageType"> <b:include data="'post'" name="'comments'/"> </b:if> </b:loop> </div>  <b:include name="'nextprev'/">  <b:include name="'feedLinks'/"> </b:includable> <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="'post'" var="'post'"> <a name="'data:post.id'/"> <b:if cond="'data:post.title'"> <h2> <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> </b:if> Posted On <data:post.dateheader/> at <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> by <data:post.author/>  <b:if cond="'data:post.emailPostUrl'"> <a href="'data:post.emailPostUrl'" title="'data:top.emailPostMsg'"> </a> </b:if>  <b:include data="'post'" name="'postQuickEdit'/"> <div class="'content'"> <data:post.body/> <div style="'clear:">  </div> <div class="meta"> Posted in <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> </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="'commentDeleteIcon'" var="'comment'"> <a href="'data:comment.deleteUrl'" title="'data:top.deleteCommentMsg'"> </a> </b:includable> <b:includable id="'backlinkDeleteIcon'" var="'backlink'"> <a href="'data:backlink.deleteUrl'" title="'data:top.deleteBacklinkMsg'"> </a> </b:includable> <b:includable id="'comments'" var="'post'"> <a name="'comments'/"> <b:if cond="'data:post.allowComments'"> <h3 id="'comments'"> <b:if cond="'data:post.numComments"> 1 <data:commentlabel/>: <b:else/> <data:post.numcomments/> <data:commentlabelplural/>: </b:if> </h3> <ol class="commentlist"> <b:loop values="'data:post.comments'" var="'comment'"> <li> <a name="'"> <cite> <b:if cond="'data:comment.authorUrl'"> <a href="'data:comment.authorUrl'" rel="'nofollow'"><data:comment.author/></a> <b:else/> <data:comment.author/> </b:if> </cite> Says: <a href="'" title="'comment"> <data:comment.timestamp/> </a> <b:include data="'comment'" name="'commentDeleteIcon'/"> <b:if cond="'data:comment.isDeleted'"> <data:comment.body/> <b:else/> <data:comment.body/> </b:if> </li> </b:loop> </ol> <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> </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="'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="'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="'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:widget> </b:section></div><div class="'clear'"> </div><div id="'footer-wrapper'"><b:section class="'footer'" id="'footer'/">Theme: Garland by <a href="http://acko.net/">Steven Wittens</a> and Stefan Nagtegaal. <a href="'http://www.blogcrowds.com/resources/blogger_template.php'">Blogger Templates</a> by <a href="'http://www.blogcrowds.com/'">Blogcrowds</a></div></div></div></div></div> <div id="sidebar-right" class="sidebar"><b:section class="'side'" id="'sidebar2'" preferred="'yes'"></b:section><a href="'http://www.blogcrowds.com/resources/blogger_template.php'">Blogger Templates</a> by <a href="'http://www.blogcrowds.com/forum/'">Blog Forum</a></div> </div>  </div> </body> </html>

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

Blogger Champ Template Review:
An easy on eye template in beautiful Blue color and availability of great space to add links, archieve, ads on both the sidebar and the body part also.

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

Blogger Champ Learn Blogging With Us

Get Our Posts Delivered To Your Inbox

Blue XML New Blogger Template 3 Column

Related Posts by Categories

0 comments:

Search

Recent Post

Labels

Blog Archive

Statistics