Blogger Champ: 4 Column XML New Blogger Template

Template Name: Qwilm

Template Details: 4 Column Template, XML, New Blogger Template, White Colored

Author: Oriol Sanchez

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" ?> <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: Qwilm! Designer: Oriol Sanchez URL: http://oriol.f2o.org/ Updated by: http://www.blogcrowds.com Support: http://www.blogcrowds.com ----------------------------------------------- */ /**********************************************************************************/ body { background-color: #DDE5D9; font: 11px "Lucida Sans Unicode", "Lucida Sans", verdana, arial, helvetica; color: #888; margin:0; padding:0; } a, a:hover { color: #8ab459; text-decoration: none; } /********************************************************************************/ #wrapper { padding-left: 30px; } #mini-nav{ width: 20px; float: left; margin: 5px; padding-top: 30px; position:fixed; } #mini-nav img{ margin:1px; } #content { width: 450px; text-align: left; border-top:solid 1px #CED4CA; border-bottom:solid 3px #CED4CA; border-left:solid 1px #CED4CA; border-right:solid 3px #CED4CA; float: left; margin: 5px; padding-top: 0px; padding-left: 20px; padding-right: 20px; padding-bottom: 30px; background-color:#FFFFFF; } #sidebar-1 { width: 170px; } #sidebar-2 { width: 170px; } #logo { width: 140px; padding:10px; } /********************************************************************************/ .sidebar { text-align: left; padding: 20px; border-top:solid 1px #CED4CA; border-bottom:solid 3px #CED4CA; border-left:solid 1px #CED4CA; border-right:solid 3px #CED4CA; float: left; margin: 5px; background-color:#FFFFFF; font-size: 0.9em; } .post { border-bottom:solid 1px #DEE4DA; padding-top:30px; padding-bottom:0px; } .post img{ border: 1px solid #ced4ca; padding: 3px; margin: 5px 0 5px 0; } .post-titulo { color:#ACB200; margin:0px; margin-bottom:2px; } .postmeta { margin-top: 0; padding-top: 1px; font-size: 0.9em; color: #999; } .comentarios-link{ padding: 0 0 0 17px; background: url(http://i61.photobucket.com/albums/h59/c_stavanger/qwilm/commentslink.gif) no-repeat center left; } /**********************************************************************************/ /*Tipografia*/ h1, h2, h3{ font-family: "Lucida Grande", Tahoma, Arial, sans-serif; } h1 { text-indent: -9000px; margin: 0; display: none;} h2 { margin-top: 25px; margin-bottom: 0; font-size: 16px; } h2 a { color: #63b4cd; } h3 { font-size: 14px; color: #666; } p { line-height: 1.5em; margin: 1.2em 0; } ol, ul { line-height: 1.5em; margin: 1.2em 0 1.2em 2em; } ul li, ol li{ margin-bottom: 0.2em; } img, a img{ border:0px;} a, a:hover { color: #8ab459; text-decoration: none; } a:hover { color: #777; } em{ font-style: normal; font-weight: bold; color: #ef6c6c; } blockquote { margin: 0 20px; padding: 0 20px; border-left: 4px solid #E8E7D0; font-size: 0.9em; } pre{ display: block; margin: 1.0em 1.5em 1.0em 0; padding-left: 0.8em; border-left: 1px solid #ccc; background-color: #eee; overflow: auto; } code{font-family: monospace; font-size: 11px; background-color: #eee;} pre code{ line-height: 1.3em;} kbd{ background-color: #ddd; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size: inherit; font-family: inherit; padding: 0 3px 2px 4px; } del, del * { text-decoration: line-through; } .small { font-size: 0.9em; color: #999; } /***********comentarios***************/ #comment{ width: 100% } .comentarios{ border:1px solid #DEE4DA; background-color: #F3F3F3; padding:5px; margin-top:5px; margin-bottom:5px; } .commentarios li { border:1px solid #DEE4DA; background-color: #F3F3F3; padding:5px; margin-top:5px; margin-bottom:5px; } .commentarios li:hover{ background-color: #fff; } .comentariosmeta { margin-top: 0; padding-top: 1px; font-size: 0.9em; color: #999; } .comentariostitulo { margin:0px; margin-bottom:2px; } /*********sidebars***************/ .sidebar h2 { display: inline; margin: 1.2em 0 0.6em 0; padding: 0 10px 0 0; color: #63b4cd; background: url(http://i61.photobucket.com/albums/h59/c_stavanger/qwilm/arrow.gif) no-repeat center right; font-size: 1.1em; } .sidebar ul { margin: 0; padding: 0; list-style-type: none; } .sidebar ul ul { margin: 1.0em 0 1.5em 0; border-top: 1px solid #dee4da; } .sidebar ul ul li { padding: 0 0 0 10px; border-bottom: 1px solid #dee4da; } .sidebar ul ul li a { display: block; margin: 0 0 0 -10px; padding: 2px 10px 0 10px; } .sidebar ul ul li a:hover { background-color: #f3f3f3; } .sidebar .widget{margin:0 0 20px 0;} /****************************/ .linkpermanente{ padding: 0 0 0 17px; background: url(http://i61.photobucket.com/albums/h59/c_stavanger/qwilm/permalink.gif) no-repeat center left; } /**********formularios*********/ input, textarea, select { border: 1px solid #C1C0B5; background-color: #FAFAF0; color: #555; font-size: 1em; font-family: "Lucida Sans Unicode", Tahoma, Arial, sans-serif; } /*******pagina estatica*********/ #pagina { border-bottom:solid 1px #DEE4DA; padding-top:30px; padding-bottom:0px; } #pagina img{ border: 1px solid #ced4ca; padding: 3px; margin: 5px 0 5px 0; } .pagina-titulo{ color: #63B4CD; margin:0px; margin-bottom:2px; } /**********gravatar***************/ .gravatar{ float:right; } /*********Privado-comentarios***************/ .comentarios-autor{ border:1px solid #B2FF66; background-color: #95FFCE; padding:5px; margin-top:5px; margin-bottom:5px; } .comentarios-autor li { border:1px solid #B2FF66; background-color: #95FFCE; padding:5px; margin-top:5px; margin-bottom:5px; } .comentarios-autor li:hover{ background-color: #fff; } /**********************************************/ #searchform{ width:100%; } ]]></b:skin> </head> <body>  <a href="'#main'">skip to main </a> | <a href="'#sidebar'">skip to sidebar</a> <div id="mini-nav"> <b:section class="'header'" id="'header'" maxwidgets="'1'" showaddelement="'no'"> <b:widget id="'Header1'" locked="'true'" title="'Parchment" type="'Header'"> <b:includable id="'main'"> <a href="'data:blog.homepageUrl'"><img src="http://i61.photobucket.com/albums/h59/c_stavanger/qwilm/home_icon.gif" alt="inicio" /></a> </b:includable> </b:widget> </b:section> </div> <div id="wrapper"> <div id="content"> <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="'blog-posts'"> <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'"> <div class="'post"> <a name="'data:post.id'/"> <b:if cond="'data:post.title'"> <h2 class="'post-titulo'"> <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> <data:post.dateheader/> at <b:if cond="'data:top.showTimestamp'"> <b:if cond="'data:post.url'"> <a class="'timestamp-link'" href="'data:post.url'" title="'permanent"><data:post.timestamp/></a> </b:if> </b:if> Posted under <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> <div class="'post-body'"> <data:post.body/> <div style="'clear:">  </div> <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'/"> </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'"> <b:loop values="'data:post.comments'" var="'comment'"> <div class="comentarios"> <div> <h3 class="comentariostitulo"> <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/> said: </h3> <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> </div> </div> </b:loop> <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> Template by <a href="'http://oriol.f2o.org/'">Oriol Sanchez</a> | <a href="'http://www.blogcrowds.com/resources/templates.php'">blogger template</a> by <a href="'http://www.blogcrowds.com/forum'">blog forum</a> </div> <div> <b:section class="'sidebar'" id="'sidebar-1'" preferred="'yes'"> <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/> (<data:i.post-count/>)</a> <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> </div> <div> <b:section class="'sidebar'" id="'sidebar-2'" 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:section> </div> <div id="logo" class="sidebar"> <div align="center"> <a href="'http://www.blogcrowds.com/'"><img style="margin:0;" src="http://i61.photobucket.com/albums/h59/c_stavanger/logo-1.png" alt="Quilm!" /> </a> </div> </div> </div> </body> </html>

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

Blogger Champ Template Review:
A marvelous white theme with 4 column, 3 for putting content and the last one for just your website logo. Author has created this template without images so it would load up faster, Recommended for blogs with long post and big images :)

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