Template toko online blogger blogspot merupakan solusi bagi yang ingin jualan online dengan biaya sangat murah karena tidak ada biaya tahunan seperti sewa domain dan hosting. Pengelolaan sangat mudah karena memakai blogspot/blogger sehingga cocok bagi siapa saja. Dapatkan template terbaru kami dengan harga spesial, layout 3 kolom tampilan sangat elegan dengan harga sangat murah, cukup bayar satu kali bisa pakai selamanya.......

Rabu, 07 Desember 2011

GREENY



<?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>
    <b:include data='blog' name='all-head-content'/>
    <title><data:blog.pageTitle/></title>
    <b:skin><![CDATA[/*
-----------------------------------------------
Theme Name: Greeny
Theme URI: http://www.templatemo.com/templates/templatemo_218_greeny/
Description: A two-column, fixed-width template fit for 1024x768 screen resolutions.
Version: 1.0
Design by Free CSS Templates
http://www.templatemo.com/
Released for free under a Creative Commons Attribution 2.5 License

Template Name: Greeny
Template URI: http://218greeny.blogspot.com/
Converter: Vk bhardwaj
Converter URI: http://www.besttheme.net/

Greeny Blogger Template comes under a Creative Commons Attribution-Noncommercial-Share Alike 2.5 Malaysia License.
This means it is free to use on your blog, and you must keep the footer link intact, also as a respect to the designer and converter.
We sincerely need your respect to continue our free Blogger template production, thank you.
BestTheme.Net
----------------------------------------------- */

#navbar-iframe{height:0px;visibility:hidden; display:none;}
body {margin: 0;padding: 0;line-height: 1.5em;font-family: Georgia, "Times New Roman", Times, serif;font-size: 12px;color: #555a4a; background: #a0c73f;}
a:link, a:visited { color: #0683ab; text-decoration: none; font-weight: normal; }
a:active, a:hover { color: #0683ab; text-decoration: underline; }
.button_01 a {display: block;width: 102px;height: 23px;padding: 7px 0 0 0;
background: url(http://1.bp.blogspot.com/_YXi3vp96gww/S_G424E6xAI/AAAAAAAACBg/Jh5J2D2FGHs/s1600/templatemo_button.png)  no-repeat;
color: #333;font-size: 12px;font-weight: bold;text-align: center;text-decoration: none;}
.button_01 a:hover {color: #fff;background:url(http://2.bp.blogspot.com/_YXi3vp96gww/S_G43IeOTRI/AAAAAAAACBo/5duxDxLf98U/s1600/templatemo_button_hover.png) no-repeat;}
p { margin: 0px; padding: 0px; }
img { margin: 0px; padding: 0px; border: none; }
.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;  }
.cleaner_h30 { clear: both; width:100%; height: 30px; }
.cleaner_h40 { clear: both; width:100%; height: 40px; }
.margin_r10 { margin-right: 10px; }
.float_l { float: left; }
.float_r { float:  right; }
#templatemo_header_wrapper {width: 100%;height: 265px;
background: url(http://3.bp.blogspot.com/_YXi3vp96gww/S_G44AszygI/AAAAAAAACCA/zs8I5MSFPtc/s1600/templatemo_header.jpg) no-repeat top center;}
#templatemo_header {position: relative;width: 980px;height: 265px;padding: 0 10px;
margin: 0 auto;background: url(http://3.bp.blogspot.com/_YXi3vp96gww/S_G44AszygI/AAAAAAAACCA/zs8I5MSFPtc/s1600/templatemo_header.jpg) no-repeat top center;}
/* site title */
#templatemo_header  #site_title {float: left;width: 220px;padding: 90px 0 0 50px;}
#site_title h1 {margin: 0;padding: 0;}
#site_title h1 a {margin: 0px;padding: 0px;font-size: 30px;color: #ffffff;font-weight: bold;text-decoration: none;}
#site_title h1 a:hover {font-weight: bold; text-decoration: none;}
#site_title h1 a span {display: block;margin-left: 2px;font-size: 14px;color: #416902;font-weight: bold;letter-spacing: 2px;}
/* end of site title */
/* menu */
#templatemo_menu {float: right;padding-top: 70px;height: 43px;}
#templatemo_menu ul {margin: 0;padding: 0;list-style: none;}
#templatemo_menu ul li {padding: 0;margin: 0;display: inline;}
#templatemo_menu ul li a {float: left;display: block;height: 35px;width: 125px;margin: 0;padding: 8px 0 0 0;text-align: center;font-size: 12px;text-decoration: none;color: #333333; font-weight: bold;outline: none;}
#templatemo_menu li a:hover, #templatemo_menu li .current {color: #333333;
background: url(http://3.bp.blogspot.com/_YXi3vp96gww/S_G45DTf8uI/AAAAAAAACCg/gItVLB9Cly4/s1600/templatemo_menu_hover.png) no-repeat top;}
/* end of menu */
/* Search */
#templatemo_header #search_box {position: absolute;width: 335px;height: 72px;
bottom: 30px;right: 50px;background: url(http://4.bp.blogspot.com/_YXi3vp96gww/S_G45XajZfI/AAAAAAAACCo/N1CpCP1Wvxg/s1600/templatemo_search.png)}
#search_box form {width: 280px;height: 27px;margin: 0;padding: 25px 0 0 0;}
#searchfield {height: 17px;width: 270px;padding: 4px 5px 6px 5px;color: #fff;font-size: 12px;font-variant: normal;line-height: normal;background: none;border: none;}
/* end of search */
/* content */
#templatemo_content_wrapper {width: 920px;margin: 0 auto;padding: 30px 40px;
background: url(http://1.bp.blogspot.com/_YXi3vp96gww/S_G43ZKc54I/AAAAAAAACBw/1RGTZFVvqyY/s1600/templatemo_content.jpg) repeat-y;}
#templatemo_content_wrapper_bottom {width: 1000px;height: 15px;margin: 0 auto;
background: url(http://3.bp.blogspot.com/_YXi3vp96gww/S_G43j7pa4I/AAAAAAAACB4/QyyVxjA5m0E/s1600/templatemo_content_bottom.jpg) no-repeat;}
#templatemo_content {float: left;width: 600px;}
#templatemo_content p {text-align: justify;margin-bottom: 10px;}
.content_section {clear: both;width: 100%;}
#templatemo_content h2 {color: #3a5909;font-size: 24px;padding: 0 0 60px 20px;
background: url(http://3.bp.blogspot.com/_YXi3vp96gww/S_G44dIi9rI/AAAAAAAACCI/x9ps-G_fIxY/s1600/templatemo_header_bg.png) no-repeat bottom left;}
.product_box {float: left;width: 190px;padding-bottom: 10px;border-bottom: 1px dotted #666;margin-bottom: 20px;}
.fl_image {float: left;margin: 3px 15px 5px 0;}
#templatemo_content .product_box p {padding: 0;margin: 0 0 5px 0;}
#templatemo_content .product_box a {color: #000000;font-weight: bold;}
#templatemo_content .em_text {color: #537c11;}
.price {color: #C30;font-size: 14px;font-weight: bold;}
.product_box h3 {background: #63a103;padding: 3px 10px;margin: 0 0 10px 0;color: #ffffff;font-size: 12px;}
.product_box img {width: 180px;height: 100px;border: 5px solid #e6e0ce;margin-bottom: 10px;}
#templatmeo_sidebar {float: right;width: 280px;padding: 0;background: url(images/templatemo_sidebar.jpg) repeat-y; }
#templatmeo_sidebar .sidebar_section {margin-bottom: 30px;}
#templatmeo_sidebar .sidebar_section_content {margin:0 0 0 35px;}
#templatmeo_sidebar h2 {color: #3a5909;font-size: 24px;padding: 0 0 60px 20px;
background: url(http://3.bp.blogspot.com/_YXi3vp96gww/S_G44dIi9rI/AAAAAAAACCI/x9ps-G_fIxY/s1600/templatemo_header_bg.png) no-repeat bottom left;}
#templatmeo_sidebar .categories_list {margin: 0;padding: 0;list-style: none;}
#templatmeo_sidebar .categories_list li {padding: 0;margin: 0;}
.sidebar ul li a {color: #201f1c;padding: 5px 0 5px 20px;
background: url(http://2.bp.blogspot.com/_YXi3vp96gww/S_G44s8ghbI/AAAAAAAACCQ/vuFKAOsINo4/s1600/templatemo_list.png) center left no-repeat; }
.sidebar ul {list-style: none;}
.categories_list li a:hover {color: #537c11;text-decoration: none;}
.sidebar_section label {display: block;margin-bottom: 10px;}
.sidebar_section #input_field {height: 20px;width: 233px;padding: 0 5px;margin-bottom: 10px;color: #000000;font-size: 12px;font-variant: normal;line-height: normal;}
.sidebar_section #submit_btn{float: right;height: 30px;width: 80px;margin: 0px;padding: 3px 0 15px 0;cursor: pointer;font-size: 12px;text-align: center;vertical-align: bottom;white-space: pre;outline: none;}
/* end of content */
/* footer */
#templatemo_footer {width: 980px;margin: 0 auto;padding: 30px 10px;text-align: center;color: #333333;}
#templatemo_footer a {color: #000000;}
#templatemo_footer .footer_menu {margin: 0 0 10px 0;padding: 0px;list-style: none;}
.footer_menu li {margin: 0px;padding: 0 20px;display: inline;border-right: 1px solid #000000;}
.footer_menu .last_menu {border: none;}
/* end of footer */
#blog-pager{padding:15px 0px 15px 30px;text-align:center;}
#blog-pager-older-link {margin:0 30px 0 0;}
.feed-links{margin:0 0 0 30px;padding-bottom: 15px;}
]]></b:skin>

  </head>

  <body>
 <div id='templatemo_header_wrapper'>
<div id='templatemo_header'>
<div id='site_title'>
<b:section class='span-12' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Greeny (Header)' type='Header'>
<b:includable id='title'>
  <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <data:title/>
  <b:else/>
    <a expr:href='data:blog.homepageUrl'><data:title/></a>
  </b:if>
</b:includable>
<b:includable id='description'>
  <div class='descriptionwrapper'>
    <p class='description'><span><data:description/></span></p>
  </div>
</b:includable>
<b:includable id='main'>

  <b:if cond='data:useImage'>
    <b:if cond='data:imagePlacement == &quot;REPLACE&quot;'>
      <!--Show just the image, no text-->
      <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/>
      <!--
      Show image as background to text. You can't really calculate the width
      reliably in JS because margins are not taken into account by any of
      clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
      width if the user is using shrink to fit.
      This results in a margin-width's worth of pixels being cropped. If the
      user is not using shrink to fit then we expand the header.
      -->
      <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/>
    <!--No header image -->
    <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 id='templatemo_menu'>
            <ul>
<li><a class='current' expr:href='data:blog.homepageUrl' title='Home'>Home</a></li>
<li><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' title='Posts RSS'>Posts RSS</a></li>
<li><a expr:href='data:blog.homepageUrl + &quot;feeds/comments/default&quot;' title='Comments RSS'>Comments RSS</a></li>
<li><a href='#' title='Edit this link'>Edit</a></li>
           </ul>    
        </div> <!-- end of templatemo_menu -->
       

<div id='search_box'>
<form action='/search' method='get'>
<input id='searchfield' name='q' onblur='clearText(this)' onfocus='clearText(this)' size='10' title='searchfield' type='text' value='Enter a keyword'/> </form>
           </div>
<div class='cleaner'/>
</div> <!-- end of templatemo_header -->
</div>
<!-- end of templatemo_header_wrapper -->


<div id='templatemo_content_wrapper'>
<div id='templatemo_content'>
<div class='content_section'>
<h2>Featured Products</h2>
           
<div class='product_box margin_r10'>
<h3>Vestibulum urna ipsum</h3>
<img alt='product' src='http://2.bp.blogspot.com/_YXi3vp96gww/S_G45qRk9BI/AAAAAAAACCw/JOlj_WorXOM/s1600/image_02.jpg'/>
<p class='price'>Price: $180</p>
<a href='Your Post Detail Url Here'>Detail</a> | <a href='Your Link Url Here'>Add to cart</a>
</div>
           
<div class='product_box margin_r10'>
<h3>Aliquam sollicitudin</h3>
<img alt='product' src='http://1.bp.blogspot.com/_YXi3vp96gww/S_G45p2HBoI/AAAAAAAACC4/9Zswdv0iCrI/s1600/image_03.jpg'/>
                   
<p class='price'>Price: $240</p>
<a href='Your Post Detail Url Here'>Detail</a> | <a href='Your Link Url is Here'>Add to cart</a>
</div>
           
           
<div class='product_box '>
<h3>Pellentesque habitant </h3>
<img alt='product' src='http://3.bp.blogspot.com/_YXi3vp96gww/S_G45xVQpyI/AAAAAAAACDA/KkW6EkggGcY/s1600/image_04.jpg'/>
               
<p class='price'>Price: $120</p>
<a href='Your Post Detail Url Here'>Detail</a> | <a href='Your Link Url Here'>Add to cart</a></div>
<div class='cleaner'/>
<div class='button_01'><a href='Your All Content Url List Here'>View All</a></div>
</div>
       
<div class='cleaner_h40'/>
<div class='content_section'>
<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/></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'><data:olderPageTitle/></a>
      </span>
    </b:if>

    <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>

  </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;&quot; + data:top.blogThisMsg             + &quot;\&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;&quot;             + data:top.shareToFacebookMsg + &quot;\&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;&quot; + data:top.shareToBuzzMsg             + &quot;\&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'>
      <h2 class='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>
      </h2>
    </b:if>
<div class='postdate'><img src='http://2.bp.blogspot.com/_rgHYBmPCWo4/S-1bKYoJ-uI/AAAAAAAAByA/4hrSgspNBnQ/s1600/date.png'/><data:post.timestamp/>
<img src='http://3.bp.blogspot.com/_rgHYBmPCWo4/S-1bXfmCLlI/AAAAAAAAByI/v0vOu-04Z08/s1600/user.png'/>
<data:post.author/>
</div>

    <div class='post-header'>
    <div class='post-header-line-1'/>
    </div>

    <div class='entry'>
      <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <p><data:post.body/></p>
    <b:else/><DIV expr:id='&quot;summary&quot; + data:post.id'><p><data:post.body/></p></DIV> <SCRIPT type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</SCRIPT> <div style='clear: both;'/> <div style='border:0px;padding-top:5px;;float:right;text-align:right;'><span class='readon'><a class='readmore' expr:href='data:post.url' rel='bookmark'>Keep Reading...&#187;</a></span></div>
    </b:if>
      <div style='clear: both;'/> <!-- clear for photos floats -->
    </div>
  <div class='postmeta'><img src='http://1.bp.blogspot.com/_rgHYBmPCWo4/S-1bmlZviQI/AAAAAAAAByQ/Igf7V9SU8MQ/s1600/folder.png'/> Posted in <span class='post-labels'>
        <b:if cond='data:post.labels'>        
          <b:loop values='data:post.labels' var='label'>
            <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
          </b:loop>
        </b:if>
      </span>
</div>
    <b:if cond='data:post.hasJumpLink'>
      <div class='jump-link'>
        <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
      </div>
    </b:if>
   
    <div class='post-footer'>
    <div class='post-footer-line post-footer-line-1'>
      <span class='post-author vcard'>
        <b:if cond='data:top.showAuthor'>
          <data:top.authorLabel/>
          <span class='fn'><data:post.author/></span>
        </b:if>
      </span>

   
 
      <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='star-ratings'>
        <b:if cond='data:top.showStars'>
           <div expr:g:background-color='data:backgroundColor' expr:g:text-color='data:textColor' expr:g:url='data:post.absoluteUrl' g:height='42' g:type='RatingPanel' g:width='280'/>
        </b:if>
      </span>


       <!-- backlinks -->
       <span class='post-backlinks post-comment-link'>
         <b:if cond='data:blog.pageType != &quot;item&quot;'>
           <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
             <b:if cond='data:post.showBacklinks'>
               <a class='comment-link' expr:href='data:post.url + &quot;#links&quot;'><data:top.backlinkLabel/></a>
             </b:if>
           </b:if>
         </b:if>
       </span>

      <span class='post-icons'>
        <!-- email post links -->
        <b:if cond='data:post.emailPostUrl'>
          <span class='item-action'>
          <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
              <img alt='' class='icon-action' height='13' src='//www.blogger.com/img/icon18_email.gif' width='18'/>
          </a>
          </span>
        </b:if>

        <!-- quickedit pencil -->
        <b:include data='post' name='postQuickEdit'/>
      </span>
      </div>

      <div class='post-footer-line post-footer-line-2'>

      </div>

      <div class='post-footer-line post-footer-line-3'>
      <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='150%'/>
    <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='//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='//www.blogger.com/img/icon18_edit_allbkg.gif' width='18'/>
      </a>
    </span>
  </b:if>
</b:includable>
<b:includable id='main' var='top'>
  <!-- posts -->
  <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.isDateStart'>
        <b:if cond='data:post.isFirstPost == &quot;false&quot;'>
          &lt;/div&gt;&lt;/div&gt;
        </b:if>
      </b:if>
      <b:if cond='data:post.isDateStart'>
        &lt;div class=&quot;date-outer&quot;&gt;
      </b:if>
      <b:if cond='data:post.dateHeader'>
      </b:if>
      <b:if cond='data:post.isDateStart'>
        &lt;div class=&quot;date-posts&quot;&gt;
      </b:if>
      <div class='post-outer'>
      <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>
      </div>
      <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>
    <b:if cond='data:numPosts != 0'>
      &lt;/div&gt;&lt;/div&gt;
    </b:if>
    <data:adEnd/>
  </div>

  <!-- navigation -->
  <b:include name='nextprev'/>

  <!-- feed links -->
  <b:include name='feedLinks'/>
 
  <b:if cond='data:top.showStars'>
    <script src='//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='//www.blogger.com/img/icon_delete13.gif'/>
    </a>
  </span>
</b:includable>
<b:includable id='feedLinks'>
  <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
    <b:if cond='data:feedLinks'>
      <div class='blog-feeds'>
        <b:include data='feedLinks' name='feedLinksBody'/>
      </div>
    </b:if>

    <b:else/> <!--Post feed links -->
    <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 == 0'>
          No Response to &quot;<data:post.title/>&quot;
        <b:else/>
          <data:post.numComments/> Response to &quot;<data:post.title/>&quot;
        </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>

      <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
        <b:loop values='data:post.comments' var='comment'>
          <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
            <b:if cond='data:comment.favicon'>
              <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
            </b:if>
            <a expr:name='data:comment.anchorName'/>
            <b:if cond='data:blog.enabledCommentProfileImages'>
              <data:comment.authorAvatarImage/>
            </b:if>
            <b:if cond='data:comment.authorUrl'>
              <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
            <b:else/>
              <data:comment.author/>
            </b:if>
            <data:commentPostedByMsg/>
          </dt>
          <dd class='comment-footer'>
            <span class='comment-timestamp'>
              <a expr:href='data:comment.url' title='comment permalink'>
                <data:comment.timestamp/>
              </a>
              <b:include data='comment' name='commentDeleteIcon'/>
            </span>
          </dd>
          <dd class='comment-body'>
            <b:if cond='data:comment.isDeleted'>
              <span class='deleted-comment'><data:comment.body/></span>
            <b:else/>
              <p><data:comment.body/></p>
            </b:if>
          </dd>

        </b:loop>
      </dl>

      <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 class='comment-footer'>
        <b:if cond='data:post.embedCommentForm'>
          <b:if cond='data:post.allowNewComments'>
            <b:include data='post' name='comment-form'/>
          <b:else/>
            <data:post.noNewCommentsText/>
          </b:if>
        <b:else/>
          <b:if cond='data:post.allowComments'>
            <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
          </b:if>
        </b:if>

      </p>
    </b:if>

    <div id='backlinks-container'>
    <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
       <b:if cond='data:post.showBacklinks'>
         <b:include data='post' name='backlinks'/>
       </b:if>
    </div>
    </div>
  </div>
</b:includable>
</b:widget>
</b:section></div>
</div> <!-- end of content -->

   
<div id='templatmeo_sidebar'>
<div class='sidebar_section'>
<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='BlogArchive1' locked='false' title='Blog Archive' 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 expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
    <b:if cond='data:style == &quot;HIERARCHY&quot;'>
     <b:include data='data' name='interval'/>
    </b:if>
    <b:if cond='data:style == &quot;FLAT&quot;'>
      <b:include data='data' name='flat'/>
    </b:if>
    <b:if cond='data:style == &quot;MENU&quot;'>
      <b:include data='data' name='menu'/>
    </b:if>
  </div>
  </div>
  <b:include name='quickedit'/>
  </div>
</b:includable>
<b:includable id='flat' var='data'>
  <ul class='flat'>
    <b:loop values='data:data' var='i'>
      <li class='archivedate'>
        <a expr: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 expr:id='data:widget.instanceId + &quot;_ArchiveMenu&quot;'>
    <option value=''><data:title/></option>
    <b:loop values='data:data' var='i'>
      <option expr: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 class='hierarchy'>
        <li expr:class='&quot;archivedate &quot; + data:i.expclass'>
          <b:include data='i' name='toggle'/>
          <a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
            <span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>
          <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 == &quot;expanded&quot;'>
    <a class='toggle' href='javascript:void(0)'>
      <span class='zippy toggle-open'>&#9660;&#160;</span>
    </a>
  <b:else/>
    <a class='toggle' href='javascript:void(0)'>
      <span class='zippy'>
        <b:if cond='data:blog.languageDirection == &quot;rtl&quot;'>
          &#9668;&#160;
        <b:else/>
          &#9658;&#160;
        </b:if>
      </span>
    </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 expr:href='data:i.url'><data:i.title/></a></li>
    </b:loop>
  </ul>
</b:includable>
</b:widget>
</b:section></div>
       
<div class='cleaner_h30'/>
<div class='sidebar_section'>
<h2>Newsletter</h2>
<div class='sidebar_section_content'>
<form action='Add Email Subscription url is here' method='get'>
<label>Please enter your email address to subscribe our newsletter.</label>
<input id='input_field' name='username' size='10' title='usernmae' type='text' value=''/><input alt='login' id='submit_btn' name='login' title='Login' type='submit' value='Subscribe'/> </form>
<div class='cleaner'/></div></div></div>
<!-- end of sidebar -->
   

<div class='cleaner'/>
</div> <div id='templatemo_content_wrapper_bottom'/>
<!-- end of content_wrapper -->
<div id='templatemo_footer'>

<ul class='footer_menu'>
<li><a expr:href='data:blog.homepageUrl' title='Home'>Home</a></li>
<li><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' title='Posts RSS'>Posts RSS</a></li>
<li><a expr:href='data:blog.homepageUrl + &quot;feeds/comments/default&quot;' title='Comments RSS'>Comments RSS</a></li>
<li class='last_menu'><a href='#' title='Edit this link'>Edit</a></li>
</ul>
           
Copyright &#169; 2010 <data:blog.title/> |
Converted by <a href='http://www.besttheme.net/' target='_parent'>Best Theme</a> | Designed by <a href='http://www.templatemo.com' target='_parent'>Free CSS Templates</a>      
</div> <!-- end of templatemo_footer -->

</body>
</html>

Tidak ada komentar:

Posting Komentar