Soul Vision

Designer's Comments

Look carefully for specific instructions

Soul Vision is very nice looking Blogger layout. It has a cool looking header with search box and feed chicklet. It overall has a very nice layout.

See Actual DEMO | Installation-Setup-Customization

Works Only on latest version of Blogger

Using This Layout

For specific instructions read designer's comments

1. Log into blogger.com
2. Click on Layout
3. Click on Edit HTML
4. Copy (ctrl c) and paste (ctrl v) code to Template

Layout Code

Copy and paste to Template

Help

<?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 expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  <head>
    <title><data:blog.pageTitle/></title>
    <b:include data='blog' name='all-head-content'/>

<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Details
Name:                Soul Vision
Blogger Template by: Templates Block
URL:                 http://TemplatesBlock.com/
Wordpress theme by:  JustDreamweaver
URL:                 http://www.justdreamweaver.com/
Date:                August 13, 2010
License:             This free Blogger template is licensed under the Creative Commons Attribution 3.0 License, which permits both personal and commercial use.
However, to satisfy the 'attribution' clause of the license, you are required to keep the footer links intact which provides due credit to its authors. For more specific details about the license, you may visit the URL below:
http://creativecommons.org/licenses/by/3.0/
----------------------------------------------- */
#navbar-iframe {
display: none !important;
}
/* Variable definitions
====================
<Variable name="bgcolor" description="Page Background Color"
type="color" default="#fff" value="#ffffff">
<Variable name="textcolor" description="Text Color"
type="color" default="#333" value="#333333">
<Variable name="linkcolor" description="Link Color"
type="color" default="#58a" value="#5588aa">
<Variable name="pagetitlecolor" description="Blog Title Color"
type="color" default="#666" value="#666666">
<Variable name="descriptioncolor" description="Blog Description Color"
type="color" default="#999" value="#999999">
<Variable name="titlecolor" description="Post Title Color"
type="color" default="#c60" value="#cc6600">
<Variable name="bordercolor" description="Border Color"
type="color" default="#ccc" value="#cccccc">
<Variable name="sidebarcolor" description="Sidebar Title Color"
type="color" default="#999" value="#999999">
<Variable name="sidebartextcolor" description="Sidebar Text Color"
type="color" default="#666" value="#666666">
<Variable name="visitedlinkcolor" description="Visited Link Color"
type="color" default="#999" value="#999999">
<Variable name="bodyfont" description="Text Font"
type="font" default="normal normal 100% Georgia, Serif" value="normal normal 100% Georgia, Serif">
<Variable name="headerfont" description="Sidebar Title Font"
type="font"
default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif">
<Variable name="pagetitlefont" description="Blog Title Font"
type="font"
default="normal normal 200% Georgia, Serif" value="normal normal 200% Georgia, Serif">
<Variable name="descriptionfont" description="Blog Description Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
<Variable name="postfooterfont" description="Post Footer Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
<Variable name="startSide" description="Side where text starts in blog language"
type="automatic" default="left" value="left">
<Variable name="endSide" description="Side where text ends in blog language"
type="automatic" default="right" value="right">
*/
/* Use this with templates/template-twocol.html */
* { margin: 0; padding: 0; }
body {
color:#FFF;
font:12px Verdana, Arial, Helvetica, sans-serif;
margin:0;
padding:0;
background: #000000 url(http://cbimg6.com/layouts/10/09/36502ac.jpg) repeat left top;
}
a:link, a:visited, a:active {
text-decoration:none;
color:#660000;
border:0;
-moz-outline-style:none;
}
a:hover {
text-decoration:underline;
color:#990000;
border:0;
-moz-outline-style:none;
}
a img {
border-width:0;
}
/* Header
-----------------------------------------------
*/
#header-wrapper {
clear:left;
height:168px;
width:100%;
margin-right:auto;
margin-left:auto;
position:relative;
background-image: url(http://cbimg6.com/layouts/10/09/36502ad.gif);
background-repeat: repeat-x;
background-position: left top;
}
#headerbg {
background: url(http://cbimg6.com/layouts/10/09/36502ae.jpg) no-repeat left top;
margin-right: auto;
margin-left: auto;
width: 1000px;
height:168px;
}
#header {
width: 500px;
float: left;
}
#header h1 {
margin: 0;
padding:25px 20px .25em 60px;
font-size:34px;
font-weight:400;
line-height:38px;
font-family:Georgia, "Times New Roman", Times, serif;
width:500px;
font-family: 'Neuton', arial, serif; 
text-shadow: 2px 2px 2px #000;
}
#header a {
color:#fff;
text-decoration:none;
text-shadow: 2px 2px 2px #000;
}
#header a:hover {
color:#fff;
}
#header .description {
margin:0;
padding:0 20px 15px 65px;
font-size:14px;
font-weight:700;
width:575px;
color:#DEDABF;
text-shadow: 1px 1px 1px #000;
}
#header img {
margin-left: auto;
margin-right: auto;
}
img {
border:none;
margin:0;
padding:0;
}
img.alignleft {
margin-right:10px;
margin-bottom:5px;
}
img.alignright {
margin-bottom:5px;
margin-left:10px;
}
hr {
height:1px;
border-top: 1px dotted #8E6140;
}
blockquote {
margin:0 20px 10px 10px;
padding:10px 15px;
background: url(http://cbimg6.com/layouts/10/09/36502af.jpg) repeat-y left top;
color: #333;
font-style: italic;
}
/*-- This is an IE6 hack --*/
* html blockquote {
height:1%;
}
blockquote blockquote {
margin-right:5px;
margin-left:0;
border-top: none;
border-bottom: none;
border-right-style: none;
border-left-style: none;
}
blockquote p {
margin:0;
padding:0 0 5px;
}
.Menu/*-- Top navigation settings --*/ {
float:right;
height:36px;
right:20px;
font-family: Georgia, "Times New Roman", Times, serif;
}

.Menuright /*-- This div gives the right side of the menu a rounded corner --*/
{
background-image:url(http://cbimg6.com/layouts/10/09/36502ag.gif);
background-repeat:no-repeat;
background-position:right top;
height:36px;
}
.Menu ul {
background-repeat:no-repeat;
background-position:left top;
margin:0;
padding:0;
}
.Menu ul ul {
position:relative;
top:0;
right:15px;
float:right;
margin:0;
padding:0 0 0 15px;
background: url(http://cbimg6.com/layouts/10/09/36502ah.gif) no-repeat left top;
}
.Menu li {
display:inline;
line-height:36px;
margin:0;
padding:0;
}
.Menu a:link, .Menu a:visited, .Menu a:active, .Menu a:focus {
display:inline;
margin:0;
padding:9px 5px 11px;
font-size: 12px;
font-weight: bold;
color: #E9E4D0;
text-decoration: none;
}
.Menu a:hover {
text-decoration:none;
color: #FFFFFF;
background: url(http://cbimg6.com/layouts/10/09/36502ai.gif) no-repeat center top;
}
/*-- Header search settings --*/
.search {
position:absolute;
top:-32px;
width:190px;
right:125px;
}
.search form {
padding-right:0;
padding-left:0;
margin:0;
}
.search input {
border:1px solid #280702;
color:#C58556;
font-size:11px;
width:175px;
background-color:#280702;
padding-top:0px;
padding-bottom:0px;
padding-left:5px;
}
/*-- Header RSS settings --*/
#rssfeeds {
position:absolute;
width:250px;
top:-80px;
right:95px;
text-align:right;
padding-right:0px;
font: bold 14px Georgia, "Times New Roman", Times, serif;
color: #FFFFFF;
}
#rssfeeds  p {
line-height:18px;
margin:0;
padding:0;
}

#rssfeeds a {
	color: #D4CEAE;
	line-height: 20px;
}
#rssfeeds a:hover {
	color: #EF930C;
	text-decoration: none;
}

/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width:1000px;
position:relative;
margin:0 auto;
text-align:left;
font: normal normal 100% Georgia, Serif;
}
#content-wrapper {
width:1000px;
position:relative;
	float:left;
	background:url(http://cbimg6.com/layouts/10/09/36502aj.jpg) repeat-y left;
	color:#333;
margin: -5px 0 0 0;
}
#main-wrapper {
width: 500px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
margin: 0 0 0 65px;
}
#sidebar-wrapper {
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
width:190px;
margin: 20px 10px 0 0;
}

#sidebar-wrapper2 {
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
width:190px;
margin: 20px 10px 0 0;
}
/* Headings
----------------------------------------------- */
h2 {
margin:1.5em 0 .75em;
font: 25px 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
line-height: 1.4em;
text-transform:normal;
letter-spacing:0em;
color:#999999;
}
/* Posts
-----------------------------------------------
*/
h2.date-header {
margin:0em 0 .75em;
font: italic 100% 'Georgia',Trebuchet,Arial,Verdana,Sans-serif;
line-height: 1.4em;
text-transform:noone;
letter-spacing:0em;
color:#666;
}
.post {
margin:.5em 0 1.5em;
border-bottom:1px dotted #cccccc;
padding-bottom:3.5em;
}
.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:180%;
font-weight:normal;
line-height:1.4em;
color:#000;
}
.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:#000;
font-weight:normal;
}
.post h3 strong, .post h3 a:hover {
color:#A04611;
}
.post-body {
margin:1em 0 1em 0;
line-height:1.6em;
}
.post ul {
margin: 5px 0px 5px 20px;
padding: 0px 0px 0px 0px;
}
.post ol {
margin: 5px 0px 5px 20px;
padding: 0px 0px 0px 0px;
}
.post ol li {
margin: 5px 0px 5px 10px;
padding: 0px;
}
.post-body blockquote {
line-height:1.3em;
}
.post-footer {
margin: 1.7em 0 0em 0;
color:#666;
text-transform:normal;
letter-spacing:0em;
font: italic 100% 'Georgia', Trebuchet, Arial, Verdana, Sans-serif;
line-height: 1.4em;
display: block;
}
.comment-link {
float: right;
margin-left:.6em;
padding-left: 20px;
background: url(http://cbimg6.com/layouts/10/09/36502ak.png) no-repeat;
margin-left:.6em;
}
.post img {
padding:4px;
border:1px solid #cccccc;
}
.post blockquote {
margin:1em 20px;
}
.post blockquote p {
margin:.75em 0;
}
/* Comments
----------------------------------------------- */
#comments h4 {
color:#666666;
font-size:20px;
font-weight:bold;
letter-spacing:0;
line-height:1.4em;
margin:1em 0;
text-transform:none;
}
#comments-block {
line-height:1.6em;
margin:1em 0 1.5em;
}
#comments-block .comment-author {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#DDDBC5 none repeat scroll 0 0;
margin:0.5em 0;
padding-bottom:4px;
padding-left:8px;
padding-top:4px;
}
#comments-block .comment-body {
border-left:1px solid #DDDBC5;
border-right:1px solid #DDDBC5;
margin-top:-7px;
padding-left:10px;
padding-top:10px;
}
#comments-block .comment-footer {
border-bottom:1px solid #DDDBC5;
border-left:1px solid #DDDBC5;
border-right:1px solid #DDDBC5;
font-size:11px;
line-height:1.4em;
margin:-0.25em 0 2em;
padding-bottom:5px;
padding-left:10px;
text-transform:none;
}
#comments-block .comment-body p {
margin:0;
padding-bottom:15px;
}
.deleted-comment {
color:gray;
font-style:italic;
}
#blog-pager-newer-link {
float: left;

padding: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px solid #C9C6AA;
background: #EBE9D4;
}
#blog-pager-older-link {
float: right;

padding: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px solid #C9C6AA;
background: #EBE9D4;
}

#blog-pager a{
color: #898670;
}

#blog-pager {
text-align: center;
}
.feed-links {
background:transparent url(http://cbimg6.com/layouts/10/09/36502al.png) no-repeat scroll left center;
padding-left:20px;
clear: both;
margin-top: 30px;
}
/* Sidebar Content
----------------------------------------------- */
.sidebar {
float:right;
	color:#DEDABF;
	margin-top:0px;
	position:relative;
	font-size:11px;
width:190px;
}

#sidebar a:hover {
	color: #C58556;
	text-decoration: none;
}

#sidebar a {
color: #D4CEAE;
	text-decoration: none;
}

.sidebar h2 {
font-size:14px;
	font-weight:bold;
	border:1px solid #8E6140;
	margin:0;
	padding:3px 0 6px 8px;
	background: url(http://cbimg6.com/layouts/10/09/36502am.jpg) repeat-x left top;
color: #CFA97E;
}
.sidebar ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.sidebar li {
list-style-type:none;

padding-left:10px;
background: url(http://cbimg6.com/layouts/10/09/36502an.gif) center no-repeat;
background-repeat:no-repeat;
	background-position:left top;
	padding-bottom:3px;
}
.sidebar .widget{
margin-bottom: 0px;
}
.widget-content{
padding: 10px 5px 30px 5px;
}
.main .Blog {
border-bottom-width: 0;
}

.sidebar2 {
float:right;
	color:#DEDABF;
	margin-top:0px;
	position:relative;
	font-size:11px;
width:190px;
}

#sidebar2 a:hover {
	color: #C58556;
	text-decoration: none;
}

#sidebar2 a {
color: #D4CEAE;
	text-decoration: none;
}

.sidebar2 h2 {
font-size:14px;
	font-weight:bold;
	border:1px solid #8E6140;
	margin:0;
	padding:3px 0 6px 8px;
	background: url(http://cbimg6.com/layouts/10/09/36502am.jpg) repeat-x left top;
color: #CFA97E;
}
.sidebar2 ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.sidebar2 li {
list-style-type:none;
padding-left:10px;
background: url(http://cbimg6.com/layouts/10/09/36502an.gif) center no-repeat;
background-repeat:no-repeat;
	background-position:left top;
	padding-bottom:3px;
}
.sidebar2 .widget{
margin-bottom: 0px;
}

/* Profile
----------------------------------------------- */
.profile-img {
float: left;
margin-top: 0;
margin-right: 5px;
margin-bottom: 5px;
margin-left: 0;
padding: 4px;
border: 1px solid #cccccc;
}
.profile-data {
margin:0;
text-transform:normal;
letter-spacing:.1em;
font: normal normal 120% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
color: #eee;
font-weight: bold;
line-height: 1.6em;
}
.profile-datablock {
margin:.5em 0 .5em;
}
.profile-textblock {
margin: 0.5em 0;
line-height: 1.6em;
}
.profile-link {
font: italic normal 100% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
text-transform: normal;
letter-spacing: 0em;
}
/* Footer
----------------------------------------------- */
#footer {
	float:left;
	width:950px;
	position:relative;
	background:url(http://cbimg6.com/layouts/10/09/36502ao.jpg) no-repeat left top;
	height:45px;
	color:#A1674F;
	font-size:11px;
	padding:55px 0 20px 50px;
}
#wrap #footer p {
	margin:0 0 5px;
	padding:0;
}
#footer a {
	color:#ccc;
	text-decoration:underline;
}

#footer a:hover{
	color:#ccc;
	text-decoration:none;
}

.post-share-buttons{
float:right;
padding-top: 8px;
display: inline;
}
.star-ratings{
margin-top: 8px;
display: inline;
float: left;
}
.post-location{
float: left;
diplay: block;
}

#aoa{
width: 1000px;
position: relative;
text-align: left;
}

]]></b:skin>

</head>

<body>

<b:if cond='data:useImage'>
    <b:if cond='data:imagePlacement == &quot;REPLACE&quot;'>
      
      <div id='header-inner'>
        <a expr:href='data:blog.homepageUrl' style='display: block'>
          <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
        </a>
      </div>
    <b:else/>
      
      <div expr:style='&quot;background-image: url(&quot;&quot; + data:sourceUrl + &quot;&quot;); &quot;                      + &quot;background-position: &quot;                      + data:backgroundPositionStyleStr + &quot;; &quot;                      + data:widthStyleStr                      + &quot;min-height: &quot; + data:height + &quot;px;&quot;                      + &quot;_height: &quot; + data:height + &quot;px;&quot;                      + &quot;background-repeat: no-repeat; &quot;' id='header-inner'>
        <div class='titlewrapper' style='background: transparent'>
          <h1 class='title' style='background: transparent; border-width: 0px'>
            <b:include name='title'/>
          </h1>
        </div>
        <b:include name='description'/>
      </div>
    </b:if>
  <b:else/>
    
    <div id='header-inner'>
      <div class='titlewrapper'>
        <h1 class='title'>
          <b:include name='title'/>
        </h1>
      </div>
      <b:include name='description'/>
    </div>
  </b:if>
</b:includable>
</b:widget>
</b:section>

<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'>Posts RSS</a></li>
<li><a expr:href='data:blog.homepageUrl + &quot;feeds/comments/default&quot;'>Comments RSS</a></li>

</ul> 
</ul> 
</div></div></div>

</div>

<div id='rssfeeds'> 
<p><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'>Subscribe to feed</a></p> 
</div>

</div>

<span id='skiplinks' style='display:none;'>
      <a href='#main'>skip to main </a> |
      <a href='#sidebar'>skip to sidebar</a>
    </span>
  
<div id='content-wrapper'>

<b:if cond='data:olderPageUrl'>
      <span id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'>&#171; <data:olderPageTitle/></a>
      </span>
    </b:if>

</div>
  <div class='clear'/>
</b:includable>
<b:includable id='shareButtons' var='post'>
  <b:if cond='data:post.sharePostUrl'>
      <a class='share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'>
        <span class='share-button-link-text'><data:top.emailThisMsg/></span></a>
      <a class='share-button sb-blog' expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, &quot;_blank&quot;, &quot;height=270,width=475&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'>
        <span class='share-button-link-text'><data:top.blogThisMsg/></span></a>
      <a class='share-button sb-twitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'>
        <span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a>
      <a class='share-button sb-facebook' expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, &quot;_blank&quot;, &quot;height=430,width=640&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'>
        <span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a>
      <a class='share-button sb-buzz' expr:href='data:post.sharePostUrl + &quot;&amp;target=buzz&quot;' expr:onclick='&quot;window.open(this.href, &quot;_blank&quot;, &quot;height=415,width=690&quot;); return false;&quot;' expr:title='data:top.shareToBuzzMsg' target='_blank'>
        <span class='share-button-link-text'><data:top.shareToBuzzMsg/></span></a>
  </b:if>
</b:includable>
<b:includable id='backlinks' var='post'>
  <a name='links'/><h4><data:post.backlinksLabel/></h4>
  <b:if cond='data:post.numBacklinks != 0'>
    <dl class='comments-block' id='comments-block'>
      <b:loop values='data:post.backlinks' var='backlink'>
        <div class='collapsed-backlink backlink-control'>
          <dt class='comment-title'>
            <span class='backlink-toggle-zippy'>&#160;</span>
            <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
            <b:include data='backlink' name='backlinkDeleteIcon'/>
          </dt>
          <dd class='comment-body collapseable'>
            <data:backlink.snippet/>
          </dd>
          <dd class='comment-footer collapseable'>
            <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
            <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
          </dd>
        </div>
      </b:loop>
    </dl>
  </b:if>
  <p class='comment-footer'>
    <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + &quot;_backlinks-create-link&quot;' target='_blank'><data:post.createLinkLabel/></a>
  </p>
</b:includable>
<b:includable id='post' var='post'>
  <div class='post hentry'>
    <a expr:name='data:post.id'/>
    <b:if cond='data:post.title'>
      <h3 class='post-title entry-title'>
     <b:if cond='data:post.link'>
       <a expr:href='data:post.link'><data:post.title/></a>
     <b:else/>
        <b:if cond='data:post.url'>
          <a expr:href='data:post.url'><data:post.title/></a>
        <b:else/>
          <data:post.title/>
        </b:if>
     </b:if>
      </h3>
    </b:if>

<b:include data='post' name='postQuickEdit'/>
      </span> </div>

<div class='post-footer-line post-footer-line-3'><br/><span class='reaction-buttons'>
        <b:if cond='data:top.showReactions'>
          <table border='0' cellpadding='0' cellspacing='0' width='100%'><tr>
            <td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'>
              <span class='reactions-label'>
              <data:top.reactionsLabel/></span>&#160;</td>
            <td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td>
           </tr></table>
        </b:if>
      </span> <span class='post-location'>
        <b:if cond='data:top.showLocation'>
          <b:if cond='data:post.location'>
            <data:postLocationLabel/>
            <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
          </b:if>
        </b:if>
      </span> </div>
    </div>
  </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: both;'/>
  </b:if>
</b:includable>
<b:includable id='comment-form' var='post'>
  <div class='comment-form'>
    <a name='comment-form'/>
    <h4 id='comment-post-message'><data:postCommentMsg/></h4>
    <p><data:blogCommentMessage/></p>
    <data:blogTeamBlogMessage/>
    <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
    <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
    </script>
  </div>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
  <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
    <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
      <img src='http://www.blogger.com/img/icon_delete13.gif'/>
    </a>
  </span>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
  <b:if cond='data:post.editUrl'>
    <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
      <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
        <img alt='' class='icon-action' height='18' src='http://cbimg6.com/layouts/10/09/36502ab.gif' width='18'/>
      </a>
    </span>
  </b:if>
</b:includable>
<b:includable id='main' var='top'>
  
  <div class='blog-posts hfeed'>

<b:include data='top' name='status-message'/>

<data:defaultAdStart/>
    <b:loop values='data:posts' var='post'>
      <b:if cond='data:post.dateHeader'>
        <h2 class='date-header'><data:post.dateHeader/></h2>
      </b:if>
      <b:include data='post' name='post'/>
      <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
        <b:include data='post' name='comments'/>
      </b:if>
      <b:if cond='data:blog.pageType == &quot;item&quot;'>
        <b:include data='post' name='comments'/>
      </b:if>
      <b:if cond='data:post.includeAd'>
        <b:if cond='data:post.isFirstPost'>
          <data:defaultAdEnd/>
        <b:else/>
          <data:adEnd/>
        </b:if>
        <div class='inline-ad'>
          <data:adCode/>
        </div>
        <data:adStart/>
      </b:if>
      <b:if cond='data:post.trackLatency'>
        <data:post.latencyJs/>
      </b:if>
    </b:loop>
    <data:adEnd/>
  </div>

<b:include name='nextprev'/>

<b:include name='feedLinks'/>
  
  <b:if cond='data:top.showStars'>
    <script src='http://www.google.com/jsapi' type='text/javascript'/>
    <script type='text/javascript'>
      google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
      function initialize() {
        google.annotations.setApplicationId(<data:top.blogspotReviews/>);
        google.annotations.createAll();
        google.annotations.fetch();
      }
      google.setOnLoadCallback(initialize);
    </script>
  </b:if>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
  <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
    <a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
      <img src='http://www.blogger.com/img/icon_delete13.gif'/>
    </a>
  </span>
</b:includable>
<b:includable id='feedLinks'>
  <b:if cond='data:blog.pageType != &quot;item&quot;'> 
    <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' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
  </b:loop>
  </div>
</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'>
          1 <data:commentLabel/>:
        <b:else/>
          <data:post.numComments/> <data:commentLabelPlural/>:
        </b:if>
      </h4>

<b:if cond='data:post.commentPagingRequired'>
        <span class='paging-control-container'>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
          &#160;
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
          &#160;
          <data:post.commentRangeText/>
          &#160;
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
          &#160;
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
        </span>
      </b:if>

<b:if cond='data:post.commentPagingRequired'>
        <span class='paging-control-container'>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
            <data:post.oldestLinkText/>
          </a>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
            <data:post.olderLinkText/>
          </a>
          &#160;
          <data:post.commentRangeText/>
          &#160;
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
            <data:post.newerLinkText/>
          </a>
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
            <data:post.newestLinkText/>
          </a>
        </span>
      </b:if>

</p>
    </b:if>

<b:else/>

<b:if cond='data:photo.url != &quot;&quot;'>
        <a expr:href='data:userUrl'><img class='profile-img' expr:alt='data:photo.alt' expr:height='data:photo.height' expr:src='data:photo.url' expr:width='data:photo.width'/></a>
      </b:if>

<b:if cond='data:showlocation == &quot;true&quot;'>
          <dd class='profile-data'><data:location/></dd>
        </b:if>

<b:if cond='data:aboutme != &quot;&quot;'><dd class='profile-textblock'><data:aboutme/></dd></b:if>
      </dl>
      <a class='profile-link' expr:href='data:userUrl'><data:viewProfileMsg/></a>
    </b:if>

<b:include name='quickedit'/>
    </div>
  </b:includable>
</b:widget>
</b:section>
      </div>

<div class='clear'>&#160;</div>

</div>

<div id='footer'>
Copyright &#169; <a expr:href='data:blog.homepageUrl'><data:blog.title/></a>. All rights reserved.
<br/><a href='http://www.templatesblock.com/' target='_blank'>Blogger template</a> created by <a href='http://www.templatesblock.com/' target='_blank'>Templates Block</a><br/>
Designed by <a href='http://www.justdreamweaver.com/' target='_blank'>JustDreamweaver</a>
    </div>

</div></div> 
  
</body>
</html>