Binder

Designer's Comments

Look carefully for specific instructions

Binder is nice looking professional blogger template. This template is suitable for most types of blogs especially business blogs. It has an image slider, two columns and a vertical menu bar on the left.

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:                Binder

Blogger Template by: Templates Block
URL:                 http://TemplatesBlock.com/

Wordpress theme:     TemplateMo
URL:                 http://www.templatemo.com/

Date:                Nopember 1, 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 {
margin: 0px;
padding: 0px;
color: #666;
font-family: Helevetica,Arial,sans-serif;
font-size: 13px;
line-height:1.5em; 
background-color: #fff;
background-image: url(http://cbimg6.com/layouts/11/03/36600ae.jpg);
background-repeat: repeat-x;
}

a, a:link, a:visited {
color: #c21302;
text-decoration: none;
}

a:hover {
color: #0066CC;
text-decoration: underline;
}

p { margin: 0px; padding: 0 0 10px 0; }
img { border: none; }

h1 { font-size: 40px; font-weight: bold; margin: 0 0 30px 0; padding: 5px 0; color: #000; }
h2 { font-size: 28px; font-weight: normal; line-height: 28px; margin: 0 0 30px 0; padding: 0; color: #000; }
h3 { font-size: 21px; margin: 0 0 20px 0; padding: 0; padding: 0; color: #333; font-weight: normal; }
h4 { font-size: 18px; margin: 0 0 20px 0; padding: 0; color: #000; font-weight: normal; }
h5 { font-size: 16px; margin: 0 0 10px 0; padding: 0; }
h6 { font-size: 14px; margin: 0 0 5px 0; padding: 0;}

.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;  }
.cleaner_h10 { clear: both; width:100%; height: 10px; }
.cleaner_h20 { clear: both; width:100%; height: 20px; }
.cleaner_h30 { clear: both; width:100%; height: 30px; }
.cleaner_h40 { clear: both; width:100%; height: 40px; }
.cleaner_h50 { clear: both; width:100%; height: 50px; }
.cleaner_h60 { clear: both; width:100%; height: 60px; }

.margin_r30 { margin-right: 30px; }

.vertical_divider { border-right: 1px solid #d9d9d9; }
.horizon_divider {  border-bottom: 1px solid #d9d9d9; }

.float_l {
float: left;
}

.float_r {
float: right;
}

.image_wrapper {
display: inline-block;
padding: 8px;
border: 1px solid #999;
background: #ffffff;
margin-bottom: 10px;
}
.fl_img {
float: left;
margin: 3px 20px 15px 0;
}
.fr_img {
float: right;
margin: 3px 0 15px 15px;
}

a img {
border-width:0;
}
/* Header
-----------------------------------------------
*/

#site_title {
text-align:center;
display: block;
padding: 20px 0;
}

#site_title h1 {
margin: 0;
line-height:0.7em;
}

#site_title h1 a {
margin: 0px;
padding: 0px;
font-size: 38px;
color: #000;
font-weight: normal;
text-decoration: none;
}

#site_title a span {
display: block;
font-size: 14px;
color: #333;
font-weight: normal;
margin-left: 3px;
}

/* Navigation
----------------------------------------------- */

#templatemo_menu {
margin: 0;
padding: 0;
list-style: none;
}

#templatemo_menu li {
margin: 0 0 2px;
padding: 0;
}

#templatemo_menu li a {
display: block;
height: 25px;
font-size: 14px;
color: #333;
padding: 7px 0 0 10px;
font-weight: bold;
text-decoration: none;
background: url(http://cbimg6.com/layouts/11/03/36600af.png) repeat-x;
}

#templatemo_menu li a:hover, #templatemo_menu li .current {
color: #8b1a0f;
border-left: 5px solid #8b1a0f;
background: url(http://cbimg6.com/layouts/11/03/36600ag.png) repeat-x;
}

/* Slinder
----------------------------------------------- */

#templatemo_slider {
position: relative;
width: 655px;
height: 230px;
padding: 30px 0 0 0;
margin-bottom: 30px;
background: url(http://cbimg6.com/layouts/11/03/36600ah.jpg) no-repeat;
}

.contentslider {
position:relative;
display:block;
width: 595px;
height: 230px;
margin:0 auto;
overflow:hidden;
}
.cs_wrapper {
position:relative;
display:block;
width:100%;
height:100%;
margin:0;
padding:0;
overflow:hidden;
}
.cs_slider {
position:absolute;
width:10000px;
height:100%;
margin:0;
padding:0;
}
.cs_article {
float:left;
position:relative;
top:0;
left:0;
display:block;
width: 595px;
height: 230px;
margin:0 auto;
padding: 0;
/*  background-color: none; */
}

.cs_article .left {
float: left;
width: 300px;
}

.cs_article .right {
float: right;
width: 270px;
}

.cs_article h2 {
margin: 0 0 10px 0;
padding: 0;
line-height: 25px;
color: #fff;
}

.cs_article p{
color: #fff;
font-size: 14px;
margin-bottom: 0px;
padding-bottom: 0px;
}

.cs_article img {
width: 250px;
height: 150px;
border: 5px solid #93a350;
}

.cs_leftBtn, .cs_rightBtn {
position:absolute;
bottom: 0px;
padding:0;
z-index:10000;
}
.cs_leftBtn {
left : 150px;
outline:0;
}
.cs_rightBtn {
left : 255px;
outline:0;
}
.cs_leftBtn img, .cs_rightBtn img {
border:0;
position:relative;
margin:0;
}

.button a {
clear: both;
display: block;
width: 84px;
height: 27px;
padding: 5px 18px 0 0;
margin-top: 15px;
background:  url(http://cbimg6.com/layouts/11/03/36600ai.png) no-repeat;
color: #333;
font-weight: bold;
text-align: center;
text-decoration: none;
}

.button a:hover {
color: #93a838;
background: url(http://cbimg6.com/layouts/11/03/36600aj.png) no-repeat;
}

/* Outer-Wrapper
----------------------------------------------- */
#template_wrapper {
width: 940px;
margin: 0 auto;
padding: 0 15px; 
background: #fff url(http://cbimg6.com/layouts/11/03/36600ak.jpg) top repeat-x;
}

#content_wrapper {
float: right;
padding: 32px 0 30px;
width: 655px;
}

#sidebar-wrapper {
float: left;
width: 242px;
margin-top: 17px;
}

/* 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:#999999;
}
.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:25px;
font-weight:normal;
line-height:1.4em;
color:#cc6600;
}
.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:#cc6600;
font-weight:normal;
}
.post h3 strong, .post h3 a:hover {
color:#333333;
}
.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:#999999;
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/11/03/36600al.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:15px;
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:#E4E2D3 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 #E4E2D3;
border-right:1px solid #E4E2D3;
margin-top:-7px;
padding-left:10px;
padding-top:10px;
}
#comments-block .comment-footer {
border-bottom:1px solid #E4E2D3;
border-left:1px solid #E4E2D3;
border-right:1px solid #E4E2D3;
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;
}
#blog-pager-older-link {
float: right;
}
#blog-pager {
text-align: center;
}
.feed-links {
background:transparent url(http://cbimg6.com/layouts/11/03/36600am.png) no-repeat scroll left center;
padding-left:20px;
clear: both;
margin-top: 20px;
}
/* Sidebar Content
----------------------------------------------- */

.sidebar {
margin-top:-20px;
color: #666666;
line-height: 1.5em;
}
.sidebar a{
color:#666;
text-decoration:none;
}
.sidebar a:hover{
color:#fff;
text-decoration:none;
}
.sidebar h2 {
padding-top:10px;
text-align:center;
margin:0em 0 .5em;
font: normal 150% 'Georgia',Trebuchet,Arial,Verdana,Sans-serif;
line-height: 1.4em;
text-transform:normal;
letter-spacing:0em;
color:#000;
}
.sidebar ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.sidebar li {
list-style-type:none;
padding-left:15px;
margin-left:0px;
background: url(http://cbimg6.com/layouts/11/03/36600an.jpg) left no-repeat;
}
.sidebar .widget{
border-right: solid #b0b0b0 1px;
border-bottom: solid #b0b0b0 1px;
background:#e3dfdf;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 15px;
margin-bottom:15px;
}
.widget-content{
padding-left:15px;
}

.main .Blog {
border-bottom-width: 0;
}

.templatemo_sitebar_top {
width: 242px;
height: 36px;
background: url(http://cbimg6.com/layouts/11/03/36600ao.png) top no-repeat;
}

.templatemo_sitebar {
width: 202px;
padding: 15px 20px;
background: url(http://cbimg6.com/layouts/11/03/36600ap.png) repeat-y;
}

.templatemo_sidebar_bottom_01 {
width: 242px;
height: 36px;
background: url(http://cbimg6.com/layouts/11/03/36600aq.png) no-repeat;
}

.templatemo_sidebar_bottom_02 {
width: 242px;
height: 36px;
background: url(http://cbimg6.com/layouts/11/03/36600ar.png) no-repeat;
}

.templatemo_sitebar a{
color: #fff;
text-decoration:none;
}
.templatemo_sitebar a:hover{
color: #fff;
text-decoration:none;
}
.templatemo_sitebar h2 {
margin:0em 0 .5em;
font: normal 150% 'Georgia',Trebuchet,Arial,Verdana,Sans-serif;
line-height: 1.4em;
text-transform:normal;
letter-spacing:0em;
color:#999999;
}
.templatemo_sitebar ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.templatemo_sitebar li {
list-style-type:none;
padding-left:15px;
margin-left:0px;
background: url(http://cbimg6.com/layouts/11/03/36600an.jpg) left no-repeat;
}

/* 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 12px 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
color: #666;
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 11px 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
text-transform: normal;
letter-spacing: 0em;
}
/* Footer
----------------------------------------------- */

#templatemo_footer_wrapper {
width: 100%;
background: url(http://cbimg6.com/layouts/11/03/36600as.png) repeat-x;
}

#templatemo_footer {
width: 910px;
padding: 10px 30px;
text-align: center;
color: #fff;
margin: 0 auto;
}

#templatemo_footer a {
color: #fff;
}

.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;
}

]]></b:skin>
  </head>

<body>

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

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div id='templatemo_slider'>
<div class='contentslider' id='one' style='width: 595px; height: 230px;'>

<div class='cs_article' style='width: 595px; height: 230px;'>
                   <div class='left'>
                     <h2>Suspendisse sed odio ut mi auctor blandit</h2>
                     <p>Aliquam erat volutpat. Maecenas eget nisl id nisi consequat ultrices et  eu nunc. Praesent ac leo vel dolor rutrum egestas.</p>
                     <div class='button'><a href='#'>Read more</a></div>
                   </div>
                   <div class='right'> <a href='#' target='_parent'><img alt='01' src='http://3.bp.blogspot.com/_3OWQV4GZVJQ/TNF93EJzlZI/AAAAAAAAAlg/20eaYEsG9BU/s1600/templatemo_slide02.jpg'/></a> </div>
                 </div>

<div class='cs_article' style='width: 595px; height: 230px;'>
                   <div class='left'>
                     <h2>Vivamus a risus quis</h2>
                     <p>Integer sed nisi sapien, ut gravida mauris. Nam et tellus libero. Cras purus libero, dapibus nec rutrum in, dapibus nec risus.</p>
                     <div class='button'><a href='#'>Read more</a></div>
                   </div>
                   <div class='right'> <a href='#' target='_parent'><img alt='02' src='http://2.bp.blogspot.com/_3OWQV4GZVJQ/TNF92TV2eLI/AAAAAAAAAlc/3Vn85cbs3YA/s1600/templatemo_slide01.jpg'/></a> </div>
                 </div>

<div class='cs_article' style='width: 595px; height: 230px;'>
                   <div class='left'>
                     <h2>Nam consequat nisi eu diam tempor mattis</h2>
                     <p>Etiam libero tortor, adipiscing vel accumsan id, imperdiet at nibh. Mauris nec dignissim ligula. Nulla diam magna, gravida ac sodales.</p>
                     <div class='button'><a href='#'>Read more</a></div>
                   </div>
                   <div class='right'> <a href='#' target='_parent'><img alt='03' src='http://3.bp.blogspot.com/_3OWQV4GZVJQ/TNF93wmXTjI/AAAAAAAAAlk/2FZ9dE56t_s/s1600/templatemo_slide03.jpg'/></a> </div>
                 </div>

<div class='cs_article' style='width: 595px; height: 230px;'>
                   <div class='left'>
                     <h2>Cras lobortis felis sit amet ipsum </h2>
                     <p>Aenean lorem tellus, varius luctus tristique et, fringilla at nulla. Phasellus urna dolor, semper in rutrum vitae, porttitor at est.</p>
                     <div class='button'><a href='#'>Read more</a></div>
                   </div>
                   <div class='right'> <a href='#' target='_parent'><img alt='04' src='http://3.bp.blogspot.com/_3OWQV4GZVJQ/TNF95EZkbII/AAAAAAAAAlo/qpOQJq9KGSw/s1600/templatemo_slide04.jpg'/></a> </div>
                 </div>

</div>
               
             </div>

</div>

<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
<b:includable id='nextprev'>
  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <span id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/> &#187;</a>
      </span>
    </b:if>

<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='mobile-nextprev'>
  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <div class='mobile-link-button' id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
      </div>
    </b:if>

<b:if cond='data:olderPageUrl'>
      <div class='mobile-link-button' 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'><data:olderPageTitle/></a>
      </div>
    </b:if>

</div>
  <div class='clear'/>
</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/11/03/36600ad.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='mobile-index-post' var='post'>
  <b:if cond='data:post.dateHeader'>
    <div class='mobile-index-date'>
      <div class='date-header'>
        <span><data:post.dateHeader/></span>
      </div>
    </div>
  </b:if>

<div>
      <div class='mobile-index-arrow'>
        <a href='javascript:void(0)'>&amp;rsaquo;</a>
      </div>

<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: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>
    </div>

<div class='templatemo_sidebar_bottom_01'/>
<div class='templatemo_sitebar'>
<ul id='templatemo_menu'>
<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>
<li><a href='#'>Edit</a></li>
</ul>
</div>

<b:section class='sidebar' id='sidebar' preferred='yes'>
<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 expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
    <b:if cond='data:display == &quot;list&quot;'>
      <ul>
      <b:loop values='data:labels' var='label'>
        <li>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
            <span dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </li>
      </b:loop>
      </ul>
    <b:else/>
      <b:loop values='data:labels' var='label'>
        <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
            <span class='label-count' dir='ltr'>(<data:label.count/>)</span>
          </b:if>
        </span>
      </b:loop>
    </b:if>
    <b:include name='quickedit'/>
  </div>
</b:includable>
</b:widget>
<b:widget id='Profile1' locked='false' title='About Me' type='Profile'>
<b:includable id='main'>
    <b:if cond='data:title != &quot;&quot;'>
      <h2><data:title/></h2>
    </b:if>
    <div class='widget-content'>
    <b:if cond='data:team == &quot;true&quot;'> 
      <ul>
        <b:loop values='data:authors' var='i'>
          <li><a expr:href='data:i.userUrl'><data:i.display-name/></a></li>
        </b:loop>
      </ul>

<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='templatemo_footer_wrapper'>
<div id='templatemo_footer'>
Copyright &#169; <a expr:href='data:blog.homepageUrl'><data:blog.title/></a>. All rights reserved. <a href='http://www.templatesblock.com/' target='_blank'>Blogger template</a> created by <a href='http://www.templatesblock.com/' target='_blank'>Templates Block</a> and Design By <a href='http://www.templatemo.com/'>TemplateMo</a>. <a href='http://price.costindia.in/' target='_blank'>Price India</a>. <a href='http://hostgator.newdiscountcouponcode.com/' target='_blank'>Hostgator Coupon</a>.</div></div>

</body>
</html>

Layout Comments

Showing latest 3 of 3 comments

good tks

By weddingdress211 on Oct 17, 2011 2:27 am

fgfd

By shenma on Oct 15, 2011 1:26 am

Layout Details

Designer	volverene
Submitted on	Dec 18, 2010
Page views	9,940
Favorites	19
Comments	3
Reviewer	tokyo-rose
Approved on	Mar 2, 2011

Binder

Designer's Comments

Using This Layout

Layout Code

Layout Comments

Layout Details

Layout Colors

Layout Tags

Layout Tools

Layout Affiliates