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

Minggu, 04 Desember 2011

Jual Beli



<?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'/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>
<meta content='your description here' name='description'/>
<meta content='keyowrd1, keyowrd1, etc..' name='keywords'/>
<meta content='INDEX, FOLLOW' name='ROBOTS'/>

<b:skin><![CDATA[/*

/* ----------------------------------------------------------
Blogger Template
Name: JualBeli Blogger Template
Designer: Ikhsan Hafiyudin
URL: http://www.ikhsanhafiyudin.blogspot.com
Date: Mei 2010
Please, Dont Remove Link Credit
---------------------------------------------------------- */

/* -- YAHOO CSS RESET -- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, textarea, p, blockquote, th, td{margin:0; padding:0}
table{border-collapse:collapse; border-spacing:0}
fieldset, img{border:0}
address, caption, cite, code, dfn, em, strong, th, var{font-style:normal; font-weight:normal}
ol, ul{list-style:none}
caption, th{text-align:left}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:bold}
q:before, q:after{content:''}
abbr, acronym{border:0}

/* Set Index */
#navbar-iframe{display:none !important}
*{margin:0; padding:0; list-style:none; border:none; vertical-align:baseline; outline:none}
body{background:transparent; font-family:arial,helvetica,sans-serif; font-size:100%; text-align:center}
html{}
a:link{color:#423F00; text-decoration:none}
a:visited{}
a:hover{}
a img{}

/* Header */
#navigation-wrapper{position:absolute; right:0; top:20px; z-index:9999}
#navigation-center{margin:0 auto; position:relative; width:940px; padding-right:28px; padding-left:15px}
#header-wrapper{background:transparent; margin:0px}
#header-inner{}
#header{margin:0px auto; padding-left:20px; padding-top:0px; padding-bottom:0px; position:relative; float:left; text-align:left; width:220px}
#header h1{color:#6495ED; font-family:georgia; font-size:40px; letter-spacing:-3px; padding-top:20px}
#header a{color:#F2E900; text-decoration:none}
#header a:hover{color:#F2E900}
#header .description{color:#000; font-family:georgia; font-weight:normal; position:absolute; padding-top:0px; font-style:italic}
#header img{}

/* Outer-Wrapper */
#outer-wrapper{margin:0 auto; text-align:left; width:925px}
#main-wrapper{border-right:0px dotted #808080; float:right; overflow:hidden; padding:0px 0px; width:682px}
#content-wrapper{background:#fff none repeat scroll 0 0; border:0px solid #333}
#sidebar-wrapper{float:right; overflow:hidden; width:240px; padding:20px 0}
.clear{clear:both}

/* Headings */
h2{}

/* Posts */
h2.date-header{color:#808080; font-size:11px; font-weight:normal}
.post{border-bottom:1px dotted #808080; margin-bottom:20px; padding-bottom:20px}
.post ul li{background:transparent url(http://1.bp.blogspot.com/_1_qkt6bisvU/TAxTafZlcBI/AAAAAAAAAZw/u6p8QtU04UQ/s400/bullet.gif) no-repeat scroll left center; line-height:25px; padding-left:20px}
.post ol li{line-height:25px; list-style-position:inside; list-style-type:decimal}
.post li a{}
.post li a:hover{}
.post h3{color:#333; font-size:24px; letter-spacing:-1px; margin:5px 0 0}
#post-title-wrapper{}
.post h3 a, .post h3 a:visited, .post h3 strong{color:#333; text-decoration:none}
.post h3 strong, .post h3 a:hover{color:#808080}
.post-body{color:#333; font-size:14px; line-height:1.4em}
.post-body blockquote{}
.post-footer{color:#5F5E5E; font-size:11px; margin-bottom:15px}
.comment-link{}
.post img{background:#CCC none repeat scroll 0 0; max-width:625px; padding:5px}
.post blockquote{background:#C4CD64 url(http://4.bp.blogspot.com/_1_qkt6bisvU/TAy5ThJnYBI/AAAAAAAAAbM/tbc10kkIqf4/s400/aspas.png) no-repeat scroll 10px 10px; color:#FFF; font-family:georgia; padding:20px 20px 20px 50px}
.post blockquote p{}

/* Comments */
#comments h4{margin:10px 0}
#comments-block{}
#comments-block .comment-author{}
.commentauthor {background:#DDDDDD url(http://i195.photobucket.com/albums/z105/dantearaujo/user_comment.png) no-repeat scroll 10px center;border-color:#EEEEEE #EEEEEE -moz-use-text-color;border-style:solid solid none;border-width:1px 1px medium;color:#545454;font-size:15px;padding:10px 10px 10px 30px;}
#comments-block .comment-body {background:#DDDDDD none repeat scroll 0 0;border-color:-moz-use-text-color #EEEEEE;border-style:none solid;border-width:medium 1px;font-family:arial;font-size:14px;padding:0 10px 10px;  }
#comments-block .comment-footer {background:#DDDDDD none repeat scroll 0 0;border-color:-moz-use-text-color #EEEEEE #EEEEEE;border-style:none solid solid;border-width:0 1px 1px;font-family:verdana;font-size:10px;margin-bottom:20px;padding:0 10px 10px;text-align:right;}
#comments-block .comment-body p{}
.deleted-comment{color:#FFF; text-decoration:line-through}
#blog-pager-newer-link{float:left}
#blog-pager-newer-link a{background:transparent url(http://1.bp.blogspot.com/-Y5t7UQuM3DE/TcikaKezYuI/AAAAAAAAAG4/sHLERU4zSU0/s1600/blue_arrow_left_32.png) no-repeat scroll center center; display:block; height:48px; text-indent:-9999px; width:48px}
.home-link{background:transparent url(http://2.bp.blogspot.com/-qWVuGrI_pEw/TcbLkYLqpOI/AAAAAAAAAGU/zUduFLQmwwc/s1600/Home1.png) no-repeat scroll center center; display:block; height:32px; margin:0 auto; text-indent:-9999px; width:32px}
#blog-pager-older-link{float:right}
#blog-pager-older-link a{background:transparent url(http://1.bp.blogspot.com/-jUrVxJRI7Lo/TcikbYZW1pI/AAAAAAAAAG8/14vyLmrmR6I/s1600/blue_arrow_right_32.png) no-repeat scroll center center; display:block; height:48px; text-indent:-9999px; width:48px}
#blog-pager{padding:30px; clear:both; text-align:center}
.feed-links{}

/* Sidebar Content */
.sidebar{border:1px solid #ccc; width:233px; float:left; padding:0px 0 0 0px}
.sidebar h2{font-size:21px; font-weight:normal; letter-spacing:0; margin-bottom:15px}
.sidebar ul{color:#2B2A00; font-size:13px; line-height:20px; padding-left:5px}
.sidebar li{list-style-type:none; background:url(http://1.bp.blogspot.com/_1_qkt6bisvU/TAxTafZlcBI/AAAAAAAAAZw/u6p8QtU04UQ/s400/bullet.gif) 10px bottom no-repeat; background-position:top left; background-repeat:no-repeat; padding:0 0 7px 25px; line-height:17px}
.sidebar li a{font-family:Arial,Helvetica,sans-serif; font-size:12px; color:#4B4B4B; text-decoration:none}
.sidebar li a:hover{}
.sidebar .widget{border-bottom:0px dotted #808080; font-size:13px; padding:20px}
.main .Blog{}

/* Profile */
.profile-img{}
.profile-data{}
.profile-datablock{}
.profile-textblock{}
.profile-link{}


/* Navigation Menu */
#navigation{-moz-border-radius:8px 8px 0px 0px;  -khtml-border-radius:8px 8px 0px 0px;  -webkit-border-radius:8px 8px 0px 0px;  border-radius:8px 8px 0px 0px; background-color:#6495ED; background-image:url(); background-position:top left; background-repeat:no-repeat; width:218px; height:296px; padding:15px 0 0px 15px; margin:0px; font-family:Tahoma,sans-serif; font-size:11px; color:#0D0D0D; border-bottom:1px solid #fff}
#navigation li{list-style-type:none; padding:0 0 2px 0; line-height:28px}
#navigation a{color:#0D0D0D; text-transform:uppercase; text-decoration:none; font-weight:bold; display:block; width:180px; line-height:28px; background-image:url(); background-position:top left; background-repeat:no-repeat; padding:0 0 0 30px}



/*-- (Current Nav Menu) --*/
#nav-element{width:650px; margin-left:41px; padding:0}
#nav{height:29px; padding:0px 0 0; margin-bottom:0; clear:both; margin:0 auto}
#nav{clear:both; margin:0 auto; text-transform:normal}
#nav ul{position:relative; overflow:hidden; padding:0px; margin:0; font:1.0em Arial,Helvetica,sans-serif; font-weight:normal; font-size:12px}
#nav li{/*great place to use a background image as a divider*/cursor:pointer; float:left; margin:0 2px 0 0; padding:0 2px 0 0; height:32px; display:inline}
#nav ul li{float:left;  list-style:none}
#nav ul li a, #nav ul li a:visited{text-decoration:none; margin:0 1px 0 0; float:left; padding:8px 15px; text-transform:normal; color:#000; font-weight:normal;  font-size:11px;     background:#6495ED url();  -moz-border-radius:4px 4px 0 0;  -khtml-border-radius:4px 4px 0 0;  -webkit-border-radius:4px 4px 0 0;  border-radius:4px 4px 0 0}
#nav ul li a:hover{background:#6495ED}
#nav ul li a.current, #nav ul li a.current:visited, #nav ul li a.current:hover{background:#C4CD64; color:#000; text-shadow:0 1px 0 #6d1d02}

/* INFO */
.info{font-family:Tahoma,sans-serif; font-size:11px; color:#565656; padding:17px 0 36px 0; overflow:hidden; float:left}
.info img{float:left; margin:0 22px 0 0}
.more{padding:10px; display:block}
.info p{width:470px; float:left; padding:0 0 12px 0}
#inside{padding:15px 0 0 17px; float:left}

/* SEARCH */
#search{border:1px solid #d2d0c6;  height:26px;  padding:2px; width:230px; background:#fcf9f4;  text-align:right}
#search:hover{border:1px solid #bfbdb1;  background:#fff}
#search input{border:0;  background:none;  color:#99918c}
#s{width:200px; padding:2px;  margin:2px 0 0 0;  background:none}
#topsearch{margin:0px 0 10px 0}
#topsearch #s{width:190px}

#cart{height:38px; line-height:16px; margin:65px 0 0 0; padding:9px 0 0 50px; background-image:url(); background-position:top left; background-repeat:no-repeat}

/* Fotter */
#footer{text-align:center; font-family:Arial,Helvetica,sans-serif; font-size:12px; color:#0D0D0D; padding:0 0 25px 0}
#footer ul{padding:27px 0 13px 0}
#footer li{display:inline; list-style-type:none}
#footer ul a{color:#0D0D0D; text-decoration:none; margin:0 12px}
#footer ul a:visited{text-decoration:none}
#footer ul a:hover{text-decoration:underline}

]]></b:skin>

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<style>
/* Posts */
h2.date-header{color:#808080; font-size:11px; font-weight:normal}
.post{background:#fff none repeat scroll 0 0; border:1px solid #BFBFBF; float:left; height:200px; margin:5px; overflow:hidden; padding:0px; position:relative; width:200px}
#post-title-wrapper{background:#6495ED; clear:both; left:0; padding:2px; position:absolute; top:0px}
.post ul li{background:transparent url(http://1.bp.blogspot.com/_1_qkt6bisvU/TAxTafZlcBI/AAAAAAAAAZw/u6p8QtU04UQ/s400/bullet.gif) no-repeat scroll left center; line-height:25px; padding-left:20px}
.post ol li{line-height:25px; list-style-position:inside; list-style-type:decimal}
.post li a{}
.post li a:hover{}
.post h3{bottom:5px; color:#333; font-size:14px; font-weight:bold; letter-spacing:0; margin:0}
.post h3 a, .post h3 a:visited, .post h3 strong{color:#fff}
.post h3 strong, .post h3 a:hover{color:#808080}
.post-body{color:#333; font-size:14px; line-height:1.4em}
.post-body blockquote{}
.post-footer{bottom:5px; color:#5F5E5E; font-size:11px; margin:0; padding:0; position:absolute; right:5px}
.comment-link{}
.post img{background:#CCC none repeat scroll 0 0; height:175px; margin-bottom:9999px; padding:0; width:200px}
.post blockquote{background:#808080 url(http://4.bp.blogspot.com/_1_qkt6bisvU/TAy5ThJnYBI/AAAAAAAAAbM/tbc10kkIqf4/s400/aspas.png) no-repeat scroll 10px 10px; color:#FFF; font-family:georgia; padding:20px 20px 20px 50px}
.post blockquote p{}
.post-footer-line-1{display:none}
.post-labels{display:none}
</style>
</b:if>

</head>

<body>

<div id='header-wrapper'>
<div id='navigation-center'>

<div style='width:300px; padding-top: 20px; padding-bottom:20px; float:right; text-align: left; font-size:11px'>
<div style='display: block;'>
<table border='0' cellpadding='0' cellspacing='0' height='1' width='100%'>

</table>
</div>
<div style='display: block;'>
<table border='0' cellpadding='0' cellspacing='0' height='1' width='100%'>

</table>
                    </div>
</div>

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='blogger template for online store (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>

<div id='outer-wrapper'><div id='wrap2'>

<!-- skip links for text browsers -->
<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'>


<div id='main-wrapper'>
<div id='nav-element'>
<div id='nav'>
<ul>
<li><a href='/' rel='nofollow'>Home</a></li>
<li><a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'>Feed RSS</a></li>
<li><a expr:href='data:blog.homepageUrl + &quot;feeds/comments/default&quot;'>Comments RSS</a></li>
<li><a href='#'>Best Seller</a></li>
<li><a href='#'>Affiliate</a></li><li><a href='#'>Affiliate</a></li><li><a href='#'>F.A.Q</a></li><li><a href='#'>Contact</a></li>
</ul>
</div>
</div>

<div id='inside'>
<div class='info'>
<a href=''><img alt='' height='90' src='http://2.bp.blogspot.com/_FFIa1yz8vE4/TORezTNTmOI/AAAAAAAAAM0/UoV_ZaodiIg/s1600/HairTruthBannerHNN.jpg' width='100%'/></a>

</div>



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

<img alt='' height='17' src='http://3.bp.blogspot.com/_1_qkt6bisvU/TAxkBdz_ceI/AAAAAAAAAaY/2WeSisqxDZg/s400/title4.gif' width='159'/>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' 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>

    <b:if cond='data:blog.homepageUrl != data:blog.url'>
      <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
      <b:else/>
      <b:if cond='data:newerPageUrl'>
        <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
      </b:if>
    </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 uncustomized-post-template'>
<div id='post-title-wrapper'>
    <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>
</div>
<div class='post-footer'>
    <div class='post-header-line-1'/>
<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> <span class='post-timestamp'><b:if cond='data:post.dateHeader'>on <data:post.dateHeader/></b:if></span>
        </b:if>
      </span>

</div>
<div class='post-footer-line post-footer-line-2'>
      <span class='post-labels'>
        <b:if cond='data:post.labels'>
          <data:postLabelsLabel/>
          <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>
<span class='post-comment-link'>
        <b:if cond='data:blog.pageType != &quot;item&quot;'>
          <b:if cond='data:post.allowComments'>customer response (<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1<b:else/><data:post.numComments/></b:if></a>)
          </b:if>
        </b:if>
      </span>
      </div></div>

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

    <div class='post-body entry-content'>

      <script type='text/javascript'>
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script src='http://bloggertuts.googlecode.com/files/summary-post.js' type='text/javascript'/>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<a expr:href='data:post.url'>
<div expr:id='&quot;summary&quot; + data:post.id'>
<data:post.body/></div></a>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;,&quot;<data:post.url/>&quot;,&quot;<data:post.title/>&quot;);</script>
<span class='rmlink' style='float:right'><a expr:href='data:post.url'>Read more</a></span>

</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
      <div style='clear: both;'/> <!-- clear for photos floats -->

    </div>
 
    <b:if cond='data:post.hasJumpLink'>
      <div class='jump-link'>
        <a expr:href='data:post.url + &quot;#more&quot;'><data:post.jumpText/></a>
      </div>
    </b:if>
    </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'>&amp;lsaquo;</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'>&amp;rsaquo;</a>
      </div>
    </b:if>

    <div class='mobile-link-button' id='blog-pager-home-link'>
    <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
    </div>

    <div class='mobile-desktop-link'>
      <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
    </div>

  </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://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:include data='post' name='post'/>
      <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>
        <data:adCode/>
        <data:adStart/>
      </b:if>
      <b:if cond='data:post.trackLatency'>
        <data:post.latencyJs/>
      </b:if>
    </b:loop>
    <data:adEnd/>
  </div>

  <!-- navigation -->
  <b:include name='nextprev'/>
 
  <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:if cond='data:isReSearchEnabled'>
    <script src='http://www.google.com/jsapi' type='text/javascript'/>
    <data:reSearchJs/>
    <script type='text/javascript'>
      google.load(&#39;search&#39;, &#39;1&#39;);
      function reSearchInit() {
        var blogSearcher = new google.search.BlogSearch();
        var blogHomepageUrl = &#39;<data:blogHomepageUrl/>&#39;;
        var adCodeUri = &#39;<data:reSearchAdCodeUri/>&#39;;
        var referrer = document.referrer;

        var reSearch = new BLOG_ReSearch(blogSearcher,
                                         blogHomepageUrl,
                                         adCodeUri,
                                         referrer);
        reSearch.run();
      };
      google.setOnLoadCallback(reSearchInit);
    </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;'> <!-- 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='comment-form-js' var='post'>
  <data:post.friendConnectJs/>
  <data:post.cmtfpIframe/>
  <script type='text/javascript'>
    BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
  </script>
</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 class='mobile-post-outer'>
    <a expr:href='data:post.url'>
      <div class='mobile-index-title-outer'>
        <h3 class='mobile-index-title entry-title'>
          <data:post.title/>
        </h3>
      </div>

      <div>
        <div class='mobile-index-arrow'>
          &amp;rsaquo;
        </div>

        <div class='mobile-index-contents'>
          <b:if cond='data:post.thumbnailUrl'>
            <div class='mobile-index-thumbnail'>
              <div class='Image'>
                <img expr:src='data:post.thumbnailUrl'/>
              </div>
            </div>
          </b:if>

          <div class='post-body'>
            <b:if cond='data:post.snippet'><data:post.snippet/></b:if>
          </div>
        </div>
        <div style='clear: both;'/>
      </div>
    </a>

    <div class='mobile-index-comment'>
      <b:if cond='data:blog.pageType != &quot;item&quot;'>
        <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
          <b:if cond='data:post.allowComments'>
            <b:if cond='data:post.numComments != 0'>
              <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
            </b:if>
          </b:if>
        </b:if>
      </b:if>
    </div>
  </div>
</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>

      <dl id='comments-block'>
        <b:loop values='data:post.comments' var='comment'>
          <dt class='commentauthor' 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: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-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>
          <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>
        </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>

<div id='sidebar-wrapper'>
<div id='topsearch'>
<div id='search'>
<form expr:action='data:blog.homepageUrl + &quot;search&quot;' id='searchform' method='get' name='searchform'>
<input class='keyword' id='s' name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;Search product..&quot;;}' onfocus='if (this.value == &quot;Search product..&quot;) {this.value = &quot;&quot;}' type='text' value='Search product..'/>
<input src='http://1.bp.blogspot.com/_1_qkt6bisvU/S_Pw4k0V4JI/AAAAAAAAAOs/Nol0yLfyoaM/s1600/search.gif' style='border:0; vertical-align: top;' type='image'/>
</form>
</div>
</div>

<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Label1' locked='false' title='All Product' 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='Label2' locked='false' title='' 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:section>
</div>

<!-- spacer for skins that want sidebar and main to be the same height-->
<div class='clear'>&#160;</div>

</div> <!-- end content-wrapper -->

<div id='footer'>

<hr/>
<ul>
<li><a href='/'>Home page</a> |</li>
<li><a href='#'>New Products</a> |</li>
<li><a href='#'>All Products</a> |</li>
<li><a href='#'>Reviews</a> |</li>
<li><a href='#'>F.A.Q.</a> |</li>
<li><a href='#'>Contacts</a></li>
</ul>
<div id='bft'>Copyright &#169; <a expr:href='data:blog.homepageUrl'><data:blog.title/></a> | Powered by <a href='http://www.blogger.com'>Blogger</a> &amp; Template By: <a href='http://www.ikhsanhafiyudin.blogspot.com'>Ikhsan Hafiyudin</a></div>

</div>

</div></div> <!-- end outer-wrapper -->
</body>
</html>

Tidak ada komentar:

Posting Komentar