Cara Membuat Toko Online Gratis

Cara Membuat Toko Online – Disini admin akan share kepada anda cara membuat toko online gratis, mungkin anda mempunyai produk namun bingung bagaimana cara jualan lewat online. Ya salah satu media yang di gunakan orang-orang adalah Website. Kenapa website ? Karena websitelah yang akan menjadi media interaktif kita. Dengan website anda bisa memunculkan semua produk-produk yang anda ingin promosikan. Disini anda akan belajar membuat toko online + CARA PROMOSINYA. Wah suatu hal yang sangat istimewah anda tidak perlu menggunakan jasa dalam membuat website dan tidak perlu seorang pakar seo untuk membantu dalam hal mempromosikan produk anda dan anda tidak perlu kursus dengan mengeluarkan uang demi mendapatkan ilmu. Karena disini saya akan membeberkannya rahasia jualan saya.

cara membuat toko online

Dalam membuat website adapun perangkat dan alat yang perlu anda siapkan, antara lain :

  1. Komputer/Laptop.
  2. Modem.

Ya cuma 2 itu saja namun jika anda tidak memiliki komputer ataupun modem silahkan cari warnet terdekat supaya anda bisa mempraktekan tutorial cara membuat toko online gratis ini.

# 1 Buka www.blogger.com

 

Setelah itu kamu Blog Baru, maka akan muncul jendela seperti dibawah ini

# 2 pada kolom Judul silahkan isi dengan judul Toko Online anda. Setelah itu pada kolom Alamat isikan nama situs anda disini saya mencontohkan menggunakan mataharimallku.blogspot.com. Pada pilihan template silahkan pilih template sederhana saja karena kita nanti kita akan ganti.

 

Setelah semua setingan selesai maka silahkan klik tombol buat blog.

# 3 Tampilan setelah anda klik tombol “buat blog”

 

Di atas ini kita akan lanjut pada step selanjutnya adalah mengedit template, silahkan ikuti pada tanda panah diatas klik icon panah kebawah setelah itu muncul beberapa menu dan silahkan klik menu “template”

# 4 adalah tampilan template, sekarang silahkan anda klik tombol “edit template

 

# 5 sehingga mucul text coding seperti dibawah ini. Eitss anda tidak perlu kuatir disini kita tidak belajar coding atau buat program cuma dengan model copas aja maka toko online untuk anda pun jadi 🙂 Gimana caranya ??

 

 <?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 dir=’ltr’ 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’ xmlns:fb=’http://ogp.me/ns/fb#’>
<head>
<b:include data=’blog’ name=’all-head-content’/>
<b:if cond=’data:blog.pageType == &quot;index&quot;’>
<b:if cond=’data:blog.url == data:blog.homepageUrl’>
<title><data:blog.pageTitle/></title>
<meta content=’Template Toko Online Blogger.’ name=’description’/>
<meta content=’Blogger Templates Premium’ name=’keywords’/>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>
<b:else/>
<title><data:blog.pageName/></title>
<b:if cond=’data:blog.pageType == &quot;item&quot;’>
<meta expr:content=’data:blog.pageName’ name=’description’/>
<meta expr:content=’data:blog.pageName’ name=’keywords’/>
</b:if>
</b:if>
<script type=’text/javascript’>
//<![CDATA[
document.write(‘<script src=”http://yourjavascript.com/453473136/jquery-min.js”></script>’);
document.write(‘<script src=”http://aquashop.googlecode.com/files/simpleCart.min.js”></script>’);
document.write(‘<script src=”http://yourjavascript.com/31315646157/jquery-tools-min.js”></script>’);
//]]>
</script>
<b:skin><![CDATA[/*
———————————————–
Blogger Template Style
Name : INDOSTORE
Author : rahasia
URL : rahasia
Updated by: Blogger Team
———————————————– */
/* Variable definitions
====================
<Variable name=”body.font” description=”Default Font” type=”font” default=”normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif” value=”normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif”/>
<Variable name=”body.text.color” description=”Default Font Color” type=”color” default=”#666666″ value=”#666666″/>
<Variable name=”body.background.color” description=”Background Color” type=”color” default=”#1e1f1f” value=”#1e1f1f”/>
<Variable name=”body.background” description=”Body Background” type=”background”
color=”#1e1f1f” default=”$(color) none repeat scroll top left” value=”$(color) none repeat scroll top left”/>
<Variable name=”top.background.color” description=”Top Background Color” type=”color” default=”#3F4247″ value=”#3F4247″/>
<Variable name=”top.border.color” description=”Top Border Color” type=”color” default=”#999999″ value=”#999999″/>
<Variable name=”menu.link.color” description=”Menu Link Color” type=”color” default=”#f8f8f8″ value=”#f8f8f8″/>
<Variable name=”primary.color” description=”Primary Color” type=”color” default=”#007EB7″ value=”#007EB7″/>
<Variable name=”primary.border.color” description=”Primary Border Color” type=”color” default=”#005B85″ value=”#005B85″/>
<Variable name=”heading.font” description=”Heading Font” type=”font” default=”Arial, Tahoma, Helvetica, FreeSans, sans-serif” value=”Arial, Tahoma, Helvetica, FreeSans, sans-serif”/>
<Variable name=”footer.border.color” description=”Footer Border Color” type=”color” default=”#999999″ value=”#999999″/>
<Variable name=”footer.text.color” description=”Footer Text Color” type=”color” default=”#ffffff” value=”#ffffff”/>
<Variable name=”footer.link.color” description=”Footer Link Color” type=”color” default=”#ffffff” value=”#ffffff”/>
<Variable name=”footer.hover.color” description=”Footer Hover Color” type=”color” default=”#ffffff” value=”#ffffff”/>
<Variable name=”footer.heading.font” description=”Footer Heading Font” type=”font” default=”normal normal 20px Oswald, sans-serif” value=”normal normal 20px Oswald, sans-serif”/>
<Variable name=”footer.heading.color” description=”Footer Heading Color” type=”color” default=”#ffffff” value=”#ffffff”/>
*/
/* hide navigation bar */
#navbar {
display: none !important;
}
/* Basic
———————————————– */
html, body, * { margin: 0; padding: 0; }
body {
font: normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
color: #666666;
background: #333333 url(http://3.bp.blogspot.com/-Q3I0G_xZVQA/UjXA_CjgTlI/AAAAAAAAIA0/OaqJcZtTWR0/s1600/wall-mural-vector-ornamental-seamless-art1.jpg) repeat;
line-height: 18px;
-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
-webkit-text-size-adjust: 100%;
}
body.fixed { padding: 30px 0; }
/* General
———————————————– */
.bg_hitam{
display: none;
position: absolute;
position: fixed;
top: 0%;
left: 0%;
width: 100%;
height: 100%;
background-color: #0a0a0a;
z-index:101;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
}
.kota {
display: none;
position: absolute;
position: fixed;
top: 14%;
left: 26%;
width: 592px;
height: 190px;
padding: 40px;
z-index:102;
overflow: auto;
}
.kotak {
display: inline;
position: absolute;
position: fixed;
top: 20%;
left: 30%;
width: 548px;
height: 165px;
padding: 10px;
border:1px solid #c8c8c8;
background-color: #fff;
z-index:102;
overflow: auto;
}
.kotakk {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size:12px;
display: inline;
position: absolute;
position: fixed;
top: 22%;
left: 31%;
width: 522px;
height: 140px;
padding: 10px;
border:1px dashed #c8c8c8;
background: #e9e9e9 url(http://4.bp.blogspot.com/-kp22D3ZbO80/UdubCVkX-KI/AAAAAAAAHcU/4TsIS1e2kSY/s1600/cs.png) no-repeat right;
z-index:102;
overflow: auto;
}
.tutup {
position: absolute;
width: 36px;
height: 36px;
float: right;
text-align: right;
display: block;
margin-top:-23px;
margin-left:562px;
z-index:103;
}
#top-wrapper {
background: url(”) repeat-x;
}
#main {background:#fff; display:block;padding:10px;position:relative;}
.sprites {
background-image: url(”);
background-repeat: no-repeat;
background-position: 0 0;
}
#headerdlm{
background: url(http://1.bp.blogspot.com/-wNFvUIfdg_o/Ub-caJmxUII/AAAAAAAAHN0/uF8I21lr-so/s1600/shadow.jpg) repeat-x top;
width:920px;
height:30px;
position:fixed;
margin:0 auto;
margin-top:-57px;
border-bottom:1px dashed #c8c8c8;
overflow:hidden;
z-index:100;
float:right;
}
#headeratas{
background: #edeff4;
width:920px;
height:27px;
margin:0 auto;
margin-top:-27px;
}
/* Top Header
———————————————– */
#top-header {
background: url(‘http://1.bp.blogspot.com/-V1EQyM0m7cU/UmMUsR2xujI/AAAAAAAAJSg/sa5KldKXJOs/s1600/header12.jpg’) left bottom no-repeat;
width: 920px;
height: 100px;
padding-top:57px;
margin-bottom:20px;
margin:0 auto;
padding:0 auto;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
position:relative;
}
#tophead1 {
width: 650px;
height: 20px;
margin:0 auto;
margin-top:-106px;
margin-bottom:20px;
float:right;
}
#goncart {
float:right;
margin-right:30px;
}
/* MEDIA BAR BELOW THE PRIMARY CONTENT
============================================================== */
#mediabar{
position:relative;
width:920px;
overflow:hidden;
margin:0 auto;
height:124px;
margin-bottom:0px;
background: url(‘http://2.bp.blogspot.com/-AL9tsRvVpVM/UaxjOXRXaiI/AAAAAAAAG-I/UInbEy0OHRI/s1600/slideatas.jpg’) left repeat-x;
}
#mediabar .container { /*Do not change the name of class */
position:relative;
margin:0 auto;
width:100%;
margin-top:0px;
overflow:hidden;
}
#mediabar ul{
position: relative;
overflow:hidden;
margin-top:4px;
}
#mediabar a img{ width:140px;height:100px;}
#mediabar .thumb{
margin:0 auto;
width:140px;
height:100px;
overflow:hidden;
text-align:center;
overflow:hidden;
}
#mediabar .thumb img{
margin:0 auto;
max-width:140px;
max-height:100px;
overflow:hidden;
}
#mediabar .info{
width:100%;
position:relative;
padding:2px;
overflow:hidden;
min-height:40px;
height:auto !important;
height:40px;
}
#mediabar .info p {
width:140px;
text-align:left;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#014689;
line-height:1.1em;
padding:0px 10px 0px 10px;
}
#mediabar #previous_button { /*Do not change the name of class */
position:absolute;
overflow:hidden;
width: 50px;
height: 47px;
top: 40px;
left:5px;
background: url(http://2.bp.blogspot.com/-J89RuPUsoNk/UaxkNFg84ZI/AAAAAAAAG-U/Ggt24_X1-zU/s1600/frev.png) no-repeat;
display:block;
cursor: hand;
}
#mediabar #previous_button:hover {
background: url(http://1.bp.blogspot.com/-WclGaPY-OJk/UaxkNZyMo2I/AAAAAAAAG-c/lWxq3F2y7fc/s1600/frevhover.png)no-repeat;
height: 47px;
}
#mediabar #previous_button.disabled { /*Do not change the name of class */
background: url(http://2.bp.blogspot.com/-J89RuPUsoNk/UaxkNFg84ZI/AAAAAAAAG-U/Ggt24_X1-zU/s1600/frev.png) no-repeat;
}
#mediabar #next_button { /*Do not change the name of class */
position: absolute;
overflow:hidden;
top: 40px;
width: 50px;
height: 47px;
right:5px;
background: url(http://3.bp.blogspot.com/-EtrfQilHXUw/UaxlJG-vxZI/AAAAAAAAG-o/U8b2bXZCDRc/s1600/next.png) no-repeat;
display:block;
cursor: hand;
}
#mediabar #next_button:hover {
background: url(http://3.bp.blogspot.com/-YCl9w7drmrE/UaxlKT8G7RI/AAAAAAAAG-w/YPDjYJD-1N0/s1600/nexthover.png) no-repeat;
height: 47px;
}
#mediabar #next_button.disabled { /*Do not change the name of class */
background: url(http://3.bp.blogspot.com/-EtrfQilHXUw/UaxlJG-vxZI/AAAAAAAAG-o/U8b2bXZCDRc/s1600/next.png) no-repeat;
}
.titlemediabar a,.titlemediabar a:hover {
text-transform:none;
color:#fff;
font-weight:none;
font-size:12px;
font-family:Helvetica,sans-serif;
margin-top:20px;
margin-left:5px;
}
#frontpage{
background:#FFF;
width: 920px;
height:auto;
margin:0 auto;
position:relative;
overflow:hidden;
}
#ruang{
float:left;
margin-left:90px;
overflow:hidden;
}
/* Header
———————————————– */
.header {width:100; height: 60px; padding: 20px 0;}
.title, .description {margin-left:10px;}
#logo { margin-left:20px;margin-top:-10px;}
#logo a { display: block; height: 58px; width: 240px;}
#logo span { position: absolute; top: -999em; }
.fb, .rss, .tw, .gp {
float: right;
margin-right: 10px;
}
.fb { background-position: 0 -80px; }
.rss { background-position: -120px -80px; }
.tw { background-position: -80px -80px; }
.gp { background-position: -40px -80px; }
.fb a, .rss a, .tw a, .gp a {
display: block;
width: 32px;
height: 32px;
text-indent: -999em;
}
.fb a { background-position: 0 -112px; }
.rss a { background-position: -120px -112px; }
.tw a { background-position: -80px -112px; }
.gp a { background-position: -40px -112px; }
h2.widget_layanan {
color:#666666;
font-weight:normal;
font-size:11px;
font-family:verdana;
margin-top:-12px;
}
#bannerlayanan1{
position:absolute;
float:right;
width:auto;
margin-left:10px;
margin-top:3px;
padding: 0px 0pt 0pt 0px;
}
h2.layanan1{
position:absolute;
width:189px;
font-size:19px;
height:40px;
background:url(http://2.bp.blogspot.com/-zbRkajJE7ME/Uczph9Rzu4I/AAAAAAAAHO8/iEflkzEtHjs/s35/telp.png) no-repeat;
}
.widget-layanan1{
position:absolute;
display:block;
color:#000;
width:189px;
text-transform: none;
font:bold 11.3px Verdana,sans-serif;
letter-spacing:-0.5px;
padding-left:42px;
margin-top:4px;
}
#bannerlayanan2{
position:absolute;
float:right;
width:auto;
margin-left:245px;
margin-top:3px;
padding: 0px 0pt 0pt 0px;
}
h2.layanan2{
position:absolute;
width:157px;
font-size:19px;
height:40px;
background:url(http://1.bp.blogspot.com/-pdbXL8And5M/Uczp92wUQ-I/AAAAAAAAHPE/WMmLYzU-o5w/s35/sms.png) no-repeat;
}
.widget-layanan2{
position:absolute;
display:block;
color:#000;
width:189px;
text-transform: none;
font:bold 11.3px Verdana,sans-serif;
letter-spacing:-0.5px;
padding-left:42px;
margin-top:4px;
}
#bannerlayanan3{
position:absolute;
float:right;
width:auto;
margin-left:485px;
margin-top:3px;
padding: 0px 0pt 0pt 0px;
}
h2.layanan3{
position:absolute;
width:157px;
font-size:19px;
height:40px;
background:url(http://4.bp.blogspot.com/-nCEORh-7Xbk/Uczp-i7NamI/AAAAAAAAHPM/ZyDPMw8F3do/s30/bb.png) no-repeat;
}
.widget-layanan3{
position:absolute;
display:block;
color:#000;
width:189px;
text-transform: none;
font:bold 11.3px Verdana,sans-serif;
letter-spacing:-0.5px;
padding-left:42px;
margin-top:4px;
}
#bannerlayanan4{
position:absolute;
float:right;
width:auto;
margin-left:715px;
margin-top:3px;
padding: 0px 0pt 0pt 0px;
}
h2.layanan4{
position:absolute;
width:157px;
font-size:19px;
height:40px;
background:url(http://3.bp.blogspot.com/-jiE3JYUt6T8/UczqA7lQ7DI/AAAAAAAAHPU/MFI8t-ZwTco/s35/email.png) no-repeat;
}
.widget-layanan4{
position:absolute;
display:block;
color:#000;
width:189px;
text-transform: none;
font:bold 11.3px Verdana,sans-serif;
letter-spacing:-0.5px;
padding-left:42px;
margin-top:4px;
}
#tgl1{
float: left;
width: 478px;
height: 21px;
border: none;
margin-top: 3px;
margin-bottom: 30px;
margin-right: 8px;
display: inline;
overflow: hidden;
margin:0 auto;
padding:0 auto;
padding-top:7px;
padding-left:10px;
font:10.5px Verdana;
letter-spacing:-0.5px;
color:#000;
}
/*search*/
#search{
float: right;
width: 278px;
height: 21px;
border: none;
background: url(http://3.bp.blogspot.com/-_LdDfjrATsc/Uc4zBaUJqBI/AAAAAAAAHRM/whd-WfMFKT4/s219/bgsearchhh.jpg) no-repeat left;
margin-top: 3px;
margin-bottom: 30px;
margin-right: 8px;
display: inline;
overflow: hidden;
}
#search form, #search fieldset{
float: left;
margin-left: 12px;
border: none;
}
#search fieldset{
padding: 3px 0px 0px 4px;
border: none;
width: 248px;
}
#s {
background: none;
float: left;
margin: 0 auto;
display: block;
padding: 0px 0px 0px 1px;
color: #bcbcbc;
font-size: 12px;
font-family: Arial, Helvetica,Arial,Verdana,sans-serif;
width: 180px;
border: none;
}
#searchsubmit {
float: right;
margin-top: -3px;
border: none;
}
/* Menu Horisontal
———————————————*/
.menupic{width:920px;margin:0 auto;}
.menuhorisontal{width:920px;height:26px;background: url(http://4.bp.blogspot.com/-1uIzeRiU6_8/Uc5uPkKGG_I/AAAAAAAAHRs/G6cLBpn0BAk/s26/navi.jpg) repeat-x; margin:0 auto;}
.menuhorisontal ul{margin: 0; padding-left: 0px;text-transform:uppercase;font:9.5px Verdana,sans-serif;list-style-type:none;}
.menuhorisontal li{font-weight:bold;color:#fff;display: inline; margin: 0;}
.menuhorisontal li a{float:left;display: block;text-decoration:none;padding:7px 7px 7px 7px;border-right:0px solid #eee; color:#fff;}
.menuhorisontal li a:visited{font-weight:bold;color:#fff;}
.menuhorisontal li a:hover {background:#000;font-weight:color:#fff;text-decoration:none; /*Background Setelah Pointer Diarahkan */}
.menuhorisontal li.selected a {font-weight:color:#fff;margin-top:10px;padding:0px 7px 0px 7px;}
/* Menu Horisontal1
———————————————*/
.menupic1{width:920px;margin:0 auto;}
.menuhorisontal1{width:920px;height:26px;background: #000000; margin:0 auto;}
.menuhorisontal1 ul{margin: 0; padding-left: 0px;text-transform:uppercase;font:9.5px Verdana,sans-serif;list-style-type:none;}
.menuhorisontal1 li{font-weight:bold;color:#fff;display: inline; margin: 0;}
.menuhorisontal1 li a{float:left;display: block;text-decoration:none;padding:7px 7px 7px 7px;border-right:0px solid #eee; color:#fff;}
.menuhorisontal1 li a:visited{font-weight:bold;color:#fff;}
.menuhorisontal1 li a:hover {background:#303030;font-weight:color:#fff;text-decoration:none; /*Background Setelah Pointer Diarahkan */}
.menuhorisontal1 li.selected a {font-weight:color:#fff;margin-top:10px;padding:0px 7px 0px 7px;}
/* Typography
———————————————– */
h1, h2, h3, h4, h5, h6 {
color: #2d2d2d;
margin: 0 0 10px;
}
h1 { font-size: 32px; line-height: 38px; }
h2 { font-size: 28px; line-height: 34px; }
h3 { font-size: 24px; line-height: 30px; }
h4 { font-size: 20px; line-height: 26px; }
h5 { font-size: 16px; line-height: 22px; }
h6 { font-size: 12px; line-height: 18px; }
blockquote { margin: 0 0 15px; padding: 15px }
p { margin: 0 0 15px; }
p img { margin: 0; }
pre,code { font-size: 12px; }
pre { margin: 0 0 15px; word-wrap: break-word; }
hr { border: solid #ddd; border-width: 0px 0 0; clear: both; margin: 10px 0 30px; height: 0; }
img { border: 0 none; }
/* Links
———————————————– */
a, a:visited { color:#2d2d2d; text-decoration: none; }
a:hover { color: $(link.hover.color); }
a, a:visited, a:hover, img, a:hover img { outline: none; }
/* Lists
———————————————– */
ul, ol { margin: 0 0 15px; padding: 0; }
ul { list-style: none outside; }
ol { list-style: decimal; }
ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul.disc { list-style: disc outside; }
/* Form & Table
———————————————– */
form, fieldset { margin: 0 0 15px; padding: 0; }
input[type=”text”], textarea, select {
border: 1px solid #e8e8e8;
background: #fafafa;
color: #888;
font: 12px/18px Arial, Helvetica, sans-serif;
max-width: 100%;
margin: 0 0 15px;
outline: none;
padding: 5px;
width: 160px;
}
button { font: 12px/18px Arial, Helvetica, sans-serif; }
input[type=”text”]:focus, textarea:focus {
border: 1px solid #d8d8d8;
background: #FFF;
}
textarea { min-height: 60px; }
label, legend { font-weight: bold; }
table { border-collapse: collapse; border-spacing: 0; margin: 0 0 15px; padding: 0; }
/* Base 960 Grid
———————————————– */
.container {clear:both;width: 900px; margin: 0 auto; padding: 0; }
.unit, .units { float: left; display: inline; margin-left: 30px; position:relative; }
body .unit.alpha, body .units.alpha, body div .first { margin-left: 0; clear: left;}
.container .one.unit { width: 50px; }
.container .two.units { width: 130px; }
.container .three.units { width: 230px; }
.container .four.units { width: 920px;}
.container .five.units { width: 370px; }
.container .six.units { width: 450px; }
.container .seven.units { width: 530px; }
.container .eight.units { width: 610px; }
.container .nine.units { width: 650px; }
.container .ten.units { width: 770px; }
.container .eleven.units { width: 850px; }
.container .twelve.units { width: 930px; margin-left:0}
.container .stu.units { float:right;width:706px;}
/* Clearing
———————————————– */
.container:after { content: “020”; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix:before, .clearfix:after { content: ‘020’; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.clearfix:after { clear: both; }
/* Menu
———————————————– */
#cart-info {
position:absolute;
background: url(‘http://1.bp.blogspot.com/-tSA8ZIaSd8Q/Udn6mJQlFdI/AAAAAAAAHbU/0iQiWHZg2z8/s1600/bg_cart.jpg’) no-repeat;
float:right;
width:159px;
height:85px;
line-height:34px;
top:0px;
right:-30px;
text-align: right;
border:3px dashed #c8c8c8;
}
#cart-info > a {
display: block;
width:159px;
height:85px;
font-family: Tahoma, Arial, Helvetica, sans-serif;
letter-spacing:0px;
line-height:14px;
font-size:12px;
color:#000;
padding-bottom:0px;
margin-left:-5px;
}
#cart-info > a:hover, #cart-info:hover > a { background: url(”) no-repeat; color: #000; }
#cart-info .cart-icon {
background-position: -158px -87px;
display: inline-block;
position: relative;
top: 10px;
width: 31px;
height: 30px;
text-indent: 999em;
margin-right: 10px;
}
#cart-wrap {
display: none;
border: 1px solid #ffffff;
border-top-width: 1px;
line-height: 18px;
background: #eeeeee;
color: #000;
position: absolute;
top: 89px;
right:-3px;
padding: 5px 5px;
width: 500px;
z-index: 10;
}
.cart-list, .cart-list li {
background: ;
}
.cart-list .item-qty-name {
text-align:left;
float: left;
width: 60%;
margin-left:5px;
line-height: 10px;
}
.cart-list .item-total {
float: right;
text-align: right;
width: 34%;
margin-right:5px;
line-height: 10px;
}
.cart-list {
border: 1px solid #ccc;
}
.cart-list li {
background: #fff;
}
.cart-list li:last-child {
background: #fff;
margin-bottom:15px;
}
.cart-totalluar {
font-weight: bold;
font-size:16px;
padding-bottom: 3px;
}
.cart-total {
background: #e5e5e5;
border: 1px solid #ccc;
font-weight: bold;
margin-bottom: 15px;
margin-top:-15px;
padding: 3px 10px 3px 10px;
font-weight: bold;
font-size:12px;
text-align: right;
}
.cart-total span{
text-align: center;
}
.cart-notice{
font-style:italic;
text-align:center;
margin-top:-13px;
margin-bottom:3px;
}
.cart-keranjang {
background: #e5e5e5;
border: 1px solid #ccc;
font-weight: bold;
margin-bottom: 15px;
margin-top:-15px;
padding: 3px 10px 3px 10px;
font-weight: bold;
font-size:12px;
text-align: right;
}
#page-empty-cart {
border: 1px solid #ccc;
line-height: 25px;
background: #fff;
text-align: center;
color: #000;
margin-bottom: 15px;
}
.empty-cart-text {
border: 1px solid #ccc;
line-height: 20px;
background: #fff;
text-align: center;
color: #000;
margin-bottom: 15px;
}
.empty-cart {
color: #ffffff;
background: #1c1c1c;
border: 1px solid #343434;
float: left;
text-align: center;
font-size:10px;
padding:3px;
}
.empty-cart:visited {
color: #ffffff;
}
.empty-cart:hover {
background: #014689;
padding-top:-24px;
}
————————————–
.empty-cartform-text {
border: 1px solid #ccc;
line-height: 20px;
background: #fff;
text-align: center;
color: #000;
margin-bottom: 15px;
}
.empty-cartform {
margin:0 auto;
color: #000;
float: left;
text-align: center;
font-size:12px;
display:inline;
position:absolute;
padding:3px;
margin-top:-14px;
margin-left:10px;
}
.empty-cartform:visited {
color: #000;
}
.empty-cartform:hover {
background: #014689;
color: #fff;
}
——————————-
.view-cartluaratas {
position:absolute;
text-align: center;
display:block;
width: 100px;
height:30px;
}
.view-cartatas {
color: #ff9200;
font-size: 0pt;
width:100px;
height:30px;
background: url(‘http://3.bp.blogspot.com/-7LjcIaL0JA8/UkcRLjSXloI/AAAAAAAAIGs/P8Hpuua2deU/s1600/btn-checkout.png’) no-repeat;
float: right;
margin-top:3px;
margin-right:8px;
}
.view-cartatas:visited {
color: #ff9200;
}
.view-cartatas:hover {
color: #ff9200;
}
——————————
.view-cartluar {
top:50px;
left:60px;
position:absolute;
text-align: center;
display:block;
padding:3px 10px 3px 10px;
color: #000;
font-weight: bold;
background: #f3f3f3 url(http://2.bp.blogspot.com/-7alZQ0lHtf8/Ud9FaDVz4AI/AAAAAAAAHck/NhxkF9_zUUI/s1600/bgcheck.png) repeat-x center;
border: 1px solid #707070;
font-size:13px;
line-height:14px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.view-cartluar:hover {
text-align: center;
padding:3px 10px 3px 10px;
color: #000;
background: #f3f3f3 url(http://3.bp.blogspot.com/-f3uC1QvcwI4/Ud9zGJVb63I/AAAAAAAAHc0/bByv3AZuqGE/s1600/bgcheckhover.png) repeat-x center;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.view-cart {
color: #ffffff;
background: #1c1c1c;
border: 1px solid #343434;
float: right;
font-size:10px;
padding:3px;
}
.view-cart:visited {
color: #ffffff;
}
.view-cart:hover {
color: #ffffff;
background: #014689;
background-position: 0 -24px;
}
/* Content
———————————————– */
#content {width:530px;margin-left:5px;float:left;display:inline;}
.breadcrumb {
border-bottom: 1px dashed #c8c8c8;
color: #666;
font: 11px/18px Arial, Helvetica, sans-serif;
padding-bottom:-2px;
margin-top:-8px;
margin-bottom:5px;
background:#FFF;
}
.breadcrumb .separator {
display: inline-block;
padding: 0 3px;
}
.post {
position: relative;
}
h2.post-title {
line-height: 15px;
display:block;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#2d2d2d;
text-align: center;
padding:0px;
}
h2.post-title a:hover {
color:#ff8000;
}
.post-price1 {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#2d2d2d;
text-align: center;
line-height:12px;
overflow:hidden;
display:block;
margin-top:10px;
margin-bottom:10px;
}
.entry-title, .blog-feeds, .post-feeds, .rating-item, .post-image br, .getOut, .status-msg-wrap, .home-link, .f-credit h2 {
position: absolute;
left: -999em;
}
.post-product {
position: relative;
left: -999em;
}
.hp-post.three.units {
border: 1px solid #e9e9e9;
background: #fff url(http://2.bp.blogspot.com/-YTkyx-EJaw0/UdQjy38TLPI/AAAAAAAAHUw/DzTx-zOuryw/s36/bghp-post.jpg) repeat-x top;
text-align: center;
width: 166px;
height:263px;
margin-bottom:7px;
padding-top:10px;
margin-right:-23px;
float:left;
top:10px;
right:8px;
left:6.7px;
}
.hp-post.three.units:hover {
background: #fff url(http://2.bp.blogspot.com/-YTkyx-EJaw0/UdQjy38TLPI/AAAAAAAAHUw/DzTx-zOuryw/s36/bghp-post.jpg) repeat-x top;
border: 1px dashed #c8c8c8;
}
.post-image img {
display: block;
}
.post-image a img {
width: 200px;
height: 200px;
margin-top:-17px;
margin-bottom:-17px;
}
.post-image1{background:url(“”) no-repeat center -100px;padding-top:200px;}
.post-image1:hover{background-position:center center;}
.post-image1 img{display:inline;width:150px;height:150px;}
.post-add {
color: #FFF;
background: #ff8000 url(‘http://3.bp.blogspot.com/-oek-ZTqvVrw/UZ5EwOiArYI/AAAAAAAAGoI/fdGr6c45pHU/s1600/belisekarang.png’) no-repeat right;
border: 1px solid #FFF;
font-size:15px;
font-family:Arial, Helvetica,Arial,Verdana,sans-serif;
font-weight:bold;
padding:10px 35px 10px 10px;
}
.post-add a:hover {
background: #ff8000 url(‘http://3.bp.blogspot.com/-oek-ZTqvVrw/UZ5EwOiArYI/AAAAAAAAGoI/fdGr6c45pHU/s1600/belisekarang.png’) no-repeat right;
background-position: 0 -23px;
color: #FFF;
}
.item-post {
border-bottom: 0px dotted #e5e5e5;
margin: 0 0 0px;
padding: 0 0 20px;
}
.item-post .post-image {
border: 1px dashed #c8c8c8;
padding: 5px;
float: left;
}
.item-post .post-content {
float: left;
width: 307px;
margin-left:10px;
}
.item-post h1.post-title {
line-height: 5px;
color: #000;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 12px;
margin-top: 5px;
margin-bottom: 10px;
font-weight:bold;
}
.item-post .item-content {
background: #FFF;
border: 0px solid #e5e5e5;
padding: 0px;
color: #000;
}
.item-post .post-desc, .post-qty-add, .item-post .post-price {
border-bottom: 0px dotted #e5e5e5;
padding-bottom: 10px;
margin-bottom: 10px;
}
.item-post .post-desc-text {
display: none;
font-weight: bold;
text-decoration: underline;
margin: 0 0 5px;
}
.post-qty-add {
margin-bottom: 30px;
}
.post-produkktk a{
font-family: verdana;
color:#041998;
font-size: 13px;
border-bottom: 0px dotted #e5e5e5;
padding-bottom: 10px;
margin-bottom: 20px;
}
.post-produkktk {
background: #e9e9e9;
border: 1px dashed #c8c8c8;
padding: 13px 0px 13px 10px;
margin-bottom: 20px;
margin-left:-220px;
width: 515px;
}
.post-produk-textktk {
display: none;
font-weight: bold;
color:#000;
font-family: verdana;
font-style: normal;
font-size: 13px;
text-decoration:none;
}
.post-produk a{
font-family: verdana;
color:#041998;
font-size: 13px;
border-bottom: 0px dotted #e5e5e5;
padding-bottom: 10px;
margin-bottom: 20px;
}
.post-produk {
padding-bottom: 10px;
margin-bottom: 20px;
margin-left:-220px;
width: 498px;
}
.post-produk-text {
display: block;
font-weight: bold;
color:#000;
font-family: verdana;
font-style: normal;
font-size: 13px;
text-decoration:none;
}
.item-post .post-price {
font-family: Tahoma, Arial, Helvetica, sans-serif;
color:#000;
font-size: 14px;
font-weight: bold;
margin-bottom:-10px;
}
.post-qty-add span, .post-qty-add a {
display: inline-block;
}
.post-qty-add .qty-label {
margin-right: 10px;
}
.qty-label {
font-family: verdana;
color:#000;
font-size: 12px;
font-weight: bold;
}
.post-qty-add .post-qty {
display: inline-block;
margin: 0 5px;
width: 20px;
text-align: center;
}
.post-qty-add .qty-up {
margin-right: 10px;
}
/* Related Products */
#aquaRp h3 {
color:#333;font-family: agency FB;font-weight:normal;
background: #f4f4f4;
line-height: 45px;
border: 1px solid #dadada;
margin-bottom:24px;
padding-left:10px;
}
#aquaRp ul {
margin-bottom:54px;
}
#aquaRp {margin: 0 0 31px;}
#aquaRp li {display: block;margin: 0 auto;float:left;margin: 0 16px 0 0;padding: 0;text-align: center;width: 150px;}
#aquaRp li:last-child {margin:0;}
#aquaRp span { display: block;}
#aquaRp .price {color:#444;}
.page .post-title {
color:#333;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
line-height:32px;
margin-bottom:14px;
height: 34px;
line-height: 34px;
margin: 0;
padding: 0 10px;
}
.page .post-body {
font-family: Tahoma, Arial, Helvetica, sans-serif;
width:870px;
border: 0px solid #e5e5e5;
background: #FFF;
padding: 10px;
color:#000;
}
.simpleCart_items table {
width: 100%;
}
.simpleCart_items th {
border: 1px solid #d5d5d5;
border-bottom: 3px solid #d5d5d5;
text-align: left;
padding: 5px 10px;
background: #e5e5e5;
}
.simpleCart_items th.item-total {
text-align:right
}
.simpleCart_items td {
border: 1px solid #d5d5d5;
border-bottom: 1px solid #d5d5d5;
padding: 5px 10px;
background: #FFF;
}
.simpleCart_items th.item-quantity {
text-align: center;
}
.item-thumb {
width: 45px;
}
.item-thumb img {
margin: 0 auto;
display: block;
width: 45px;
height: 45px;
}
.item-quantity {
text-align: center;
}
.item-total {
text-align: right;
}
.page .cart-total {
text-align: right;
margin: 0 0 20px;
padding-right: 10px;
font-size: 14px;
font-weight: bold;
background-color: #FFF;
}
.page .simpleCart_total {
display: inline-block;
margin-left: 20px;
}
a.checkout {
float: right;
color: #ffffff;
background: #1c1c1c;
border: 1px solid #343434;
padding:5px;
}
a.checkout:hover {
background: #343434;
background-position: 0 -24px;
}
a.continue {
float: left;
color: #ffffff;
background: #1c1c1c;
border: 1px solid #343434;
padding:5px;
}
a.continue:hover {
background: #343434;
background-position: 0 -24px;
}
#checkoutForm label {
display: inline-block;
cursor: pointer;
width: 130px;
margin-right: 20px;
font-weight: normal;
}
#checkoutForm input {
margin-bottom:5px;
margin-right:5px;
color: #000;
}
#checkoutForm button {
padding: 0 15px;
}
#checkoutForm select {
color: #000;
}
#checkoutForm option {
color: #000;
}
#checkoutForm .note {
font-size: 10px;
font-style: reguler;
color: #000;
}
#checkoutForm .empty-required {
border: 1px solid red;
}
/* Sidebar
———————————————– */
#sidebar {
width: 194px;
margin:0 auto;
float:left;
margin-bottom:10px;
}
.sidebar .widget {
margin: 0px 0px 7px 0px;
}
.sidebar h2 {
display:none;
font-size:22px;
color:#333;
font-family: agency FB;
font-weight:normal;
background: #f4f4f4;
line-height: 45px;
border: 1px solid #dadada;
padding-left:10px;
}
.sidebar .widget-content {
background:url(“http://2.bp.blogspot.com/-2O4nRzyAwkc/UdUF-macIYI/AAAAAAAAHXU/gAz6nF-TnfY/s40/bgsidebar.jpg”) repeat-x top;
border-left: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
padding: 7px;
}
.sidebar ul, .sidebar li {
margin: 0;
padding: 0;
}
.sidebar li {
border-bottom: 0px dashed #e5e5e5;
padding: 3px 0;
}
.sidebar li:last-child {
border-bottom: 0;
}
—————————-
#sidebar2 {
margin: 0 auto;
}
.sidebar2 {
float:right;
width: 165px;
height:auto;
left:745px;
display:inline;
}
.sidebar2 h2 {
display:none;
font-size:22px;
color:#333;
font-family: agency FB;
font-weight:normal;
background: #f4f4f4;
line-height: 45px;
border: 1px solid #dadada;
padding-left:10px;
}
.sidebar2 .widget-content {
background: #FFF url(“http://2.bp.blogspot.com/-2O4nRzyAwkc/UdUF-macIYI/AAAAAAAAHXU/gAz6nF-TnfY/s40/bgsidebar.jpg”) repeat-x top;
border-left: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
padding: 7px;
margin-top:7px;
}
.sidebar2 ul, .sidebar li {
margin: 0;
padding: 0;
}
.sidebar2 li {
border-bottom: 0px dashed #e5e5e5;
padding: 3px 0;
}
.sidebar2 li:last-child {
border-bottom: 0;
}
—————————-
/* widget */
.sidebar2 .popular-posts ul{margin:0;padding:0px;}
.PopularPosts .widget-content ul li {padding:0px;}
.sidebar2 .popular-posts ul li {margin:5px;background:none;float:left;width:61px;list-style-type:none;border:none;line-height:0px;}
.sidebar2 .popular-posts ul li img {width: 55px;height: 55px;padding:5px;}
.PopularPosts .item-thumbnail {border: 1px dashed #c8c8c8;margin: 0;}
.sidebar2 .PopularPosts .item-title {display: none;}
}
/* Footer
———————————————– */
#footer-wrapper {
background:#000;
margin: 0 auto;
margin-top:5px;
position:relative;
}
#footer { background:#000; width:920px; height:20px;color:#FFF;padding: 10px 0px 10px 0px;text-align: center;}
.footer, .f-credit { color: #ffffff; }
.footer a, .f-credit a { font-weight:bold;color: #ffffff; }
.footer a:hover { color:#FFF; }
.footer h2 {
display:none;}
/* Custom
———————————————– */
#bg-overlay, #overlay-content {
display: none;
}
#bg-overlay {
background: #000;
position: absolute;
top: 0;
left: 0;
z-index: 1000;
}
#overlay-content {
background-color: #FFF;
border: 1px solid #000;
z-index: 1001;
padding: 20px;
}
#overlay-content .loading {
background: url(‘http://3.bp.blogspot.com/-re0tnuYKqQM/UZ4-h9xexFI/AAAAAAAAGn4/M-B8t_gfUus/s1600/loading.gif’) no-repeat;
display: block;
width: 44px;
height: 44px;
}
.itemadded {
font-weight: bold;
}
.preload {
display: block;
background-image: url(‘http://3.bp.blogspot.com/-re0tnuYKqQM/UZ4-h9xexFI/AAAAAAAAGn4/M-B8t_gfUus/s1600/loading.gif’);
background-repeat: no-repeat;
background-position: center center;
}
#facebookComment, #comments {
color:#333;
font-family: arial;
font-weight:normal;
background: #FFF;
line-height: 45px;
border: 1px solid #dadada;
padding:15px;
}
#comments {width:675px;margin-top:-10px;display: block; }
.comment-block {margin-bottom:-20px;}
.comment-header{background:#ffefb7; line-height:10px; padding:10px; border: 1px solid #dadada;}
.comment-content{padding :10px; line-height: 15px; border: 1px solid #dadada;}
#easy_zoom{
width:323px;
height:210px;
border:1px solid #eee;
background:#fff;
color:#333;
position:absolute;
top:1px;
left:210px;
overflow:hidden;
line-height:160px;
text-align:center;
}
/* Page Navigation
———————————————– */
#blog-pager {
border-top: 0px solid #e4e4e4;
margin-left:10px;
padding: 0px 0 0;
overflow: hidden;
text-align: left;
color: #000;
}
.showpageOf, .showpagePoint, .showpageNum, .showpage, .showpageArea a {
display: inline-block;
}
.showpageOf { float: left; height: 20px; line-height: 20px; }
.showpageArea a, .showpagePoint {
height: 20px; width:13px; line-height: 20px;
margin-left: 5px; padding-left: 5px;
}
.showpageArea a, .showpagePoint { background: #f3f3f3 url(http://1.bp.blogspot.com/-PJ4cXa5fruk/UeelZU_F9rI/AAAAAAAAHgA/Xft4_latnE4/s1600/pagenumber.jpg) repeat-x center; border: 1px solid #cccccc; color: #000; }
.showpagePoint { background-position: 0 -20px; }
/* Comments
———————————————– */
#comments h4 { font-size: 14px; }
#comments { width:498px; }
#tab-comments > ul, #tab-comments > ul > li { margin: 0; padding: 0; }
#tab-comments > ul > li { float: left; display: block;margin-top:-10px; }
#tab-comments .tab-link { display: block; }
#tab-comments .tab-link {
font-size: 24px;
color:#333;
font-family: agency FB;
font-weight:normal;
background: #f4f4f4;
line-height: 45px;
border: 1px solid #dadada;
padding-left:15px;
padding-right:15px;
}
#tab-comments .tab-link.active {
font-size: 24px;
color:#333;
font-family: agency FB;
font-weight:normal;
background: #FFF;
line-height: 45px;
border: 1px solid #dadada;
padding-left:15px;
padding-right:15px;
}
/* CSS3 Styles
———————————————– */
.button, .item-post .post-image, .post-qty, #facebookComment, #comments {
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.button, #nav > a, .f-credit {
text-shadow: 0 1px 0 rgba(0,0,0,0.3);
}
.sidebar h2, .item-post h1.post-title, #aquaRp h3, .page h1, #tab-comments .tab-link.active {
border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
-webkit-border-radius: 3px 3px 0 0;
text-shadow: 0 1px 0 rgba(0,0,0,0.3);
}
.sidebar .widget-content, .item-post .item-content, #aquaRp ul, .page .post-body {
border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
}
.hp-post {
transition: all 0.2s ease-in-out 0s;
-moz-transition: all 0.2s ease-in-out 0s;
-webkit-transition: all 0.2s ease-in-out 0s;
-o-transition: all 0.2s ease-in-out 0s;
-ms-transition: all 0.2s ease-in-out 0s;
}
#nav a, #cart-info > a, .sidebar a, .footer a {
transition: color 0.2s ease-in-out 0s;
-moz-transition: color 0.2s ease-in-out 0s;
-webkit-transition: color 0.2s ease-in-out 0s;
-o-transition: color 0.2s ease-in-out 0s;
-ms-transition: color 0.2s ease-in-out 0s;
}
#overlay-content {
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.fixed #top-wrapper, .fixed #main-wrapper, #footer-wrapper { width: 920px; margin: 0 auto; }
.fixed .container { padding: 0 30px; }
.fixed #main-wrapper { background:#fff;}
#layout #top-wrapper { margin-top: 50px; }
#layout .container { width: 780px; padding: 0 10px; }
#layout #logo-wrapper { width: 100%; }
#layout #menu-wrapper { display: none; height: 0; }
#layout #header { height: 110px; padding: 0 10px; }
#layout #header-wrapper { margin-bottom: 10px; }
#layout .container .nine.units { width: 550px; }
#layout #footer-wrapper { padding: 0; overflow: hidden; }
body#layout .add_widget { width: 100%; }
#layout .container .four.units { width: 30%; }
#layout .container .six.units { width: 45%; }
.quickedit{
display:none;
}
]]></b:skin><style type=’text/css’>
#slider-container{overflow:hidden;background-color:#fff;float:left;width:674px;height:264px;margin-left:15px;}
#slider-container &gt; .prev{overflow:hidden;background:url(&quot;http://2.bp.blogspot.com/-kETaxbtzs70/UdP7MW1sf8I/AAAAAAAAHT0/934pU0Jw2Gw/s52/left.png&quot;) no-repeat;overflow:hidden;position:absolute;width:33px;height:52px;top:110px;left:205px;text-indent:-9999em;z-index:10;margin:0;}
#slider-container &gt; .next{background:url(&quot;http://1.bp.blogspot.com/-uDPF3cgt6nE/UdP8OEHXQQI/AAAAAAAAHUE/xkwJfdjMZkM/s52/right.png&quot;) no-repeat;float:right;right:3px;overflow:hidden;position:absolute;width:33px;height:52px;top:110px;text-indent:-9999em;z-index:1;margin:0;}
#slider-container &gt; .disabled,#brand-container &gt; .disabled{overflow:hidden;opacity:0;}
#slider{width:674px;height:264px;position:relative;overflow:hidden;}
#slider .rotator-items,#slider-brand .rotator-items{overflow:hidden;position:absolute;width:20000em}
#brand-container,#slider-brand{width:920px;height:60px;position:relative}
#brand-container &gt; .browse{background:url(&quot;http://2.bp.blogspot.com/-xwE0xqDUezc/USRxjtHgOZI/AAAAAAAAAMg/8UqJ0Cyu2n4/s1600/main_rotator_buttons.png&quot;) no-repeat;position:absolute;width:30px;height:60px;display:block;text-indent:-9999em;top:0;z-index:10}
#brand-container &gt; .prev{background-position:-78px 0;left:4px}
#brand-container &gt; .next{background-position:-114px 0;right:4px}
#slider-brand{overflow:hidden}
#slider-brand .rotator-item a{float:left;border-left:1px solid #282929;border-right:1px solid #141414;display:block;height:60px;line-height:60px;width:110px;text-align:center;overflow:hidden}
#slider-brand .rotator-item a:hover{color:#fff;background-color:#393B3B;border-left:1px solid #393B3B}
#slider-brand .rotator-item a:first-child{margin-left:32px;border-left:0}
#slider-brand .rotator-item a:last-child{border-right:0}
#ads-container{padding-right:0px;float:right;width:230px}
#ads-container .ads300{margin-bottom:15px}
#ads-container .ads125 a:first-child{margin-right:10px}
#slider .rotator-item,#slider-brand .rotator-item,#ads-container .ads125 a{float:left}
#slider-brand .rotator-item a img,#ads-container img{display:block}
</style>
<script src=’http://yourjavascript.com/01220311417/jCarouselLite.js’ type=’text/javascript’/>
<!– Global Page Scripts –>
<script type=’text/javascript’>
//<![CDATA[
// Template Setup
var facebookUrl = ‘#’;
var twitterUrl = ‘#’;
var googleplusUrl = ‘#’;
var rssUrl = ‘#’;
var cartpageUrl = ‘http://indostore-jasasitus.blogspot.com/p/keranjang-belanja.html’;
var checkoutpageUrl = ‘http://indostore-jasasitus.blogspot.com/p/checkout.html’;
var thankyoupageUrl = ‘http://indostore-jasasitus.blogspot.com/p/terima-kasih.html’;
var emptycarttextinfo = ‘Keranjang belanja anda masih kosong’;
var emptycartlinktext = ‘KOSONGKAN’;
var emptycartlinkform = ‘Kosongkan Keranjang’;
var viewcarttext = ‘CHECKOUT’;
var checkouttext = ‘Checkout’;
var continueshoptext = ‘Lanjutkan belanja’
var addtocartlinktext = ‘Add to Cart’;
var addtocartsuccesstext= /* Nama Item */ ‘Telah ditambahkan ke keranjang belanja’;// Store Setup
var storename = ‘Toko Sepatu’;
var storephone = ‘087778899430’;
var storeemail = ‘owner.jasasitus@gmail.com’;
var storeaddress = ‘Jl. Anu Kota Anu No. 8787, dimana aja’;
var bankaccount1 = ‘BANK BCA No. Rek 123456789 a/n Dadadadada’;
var bankaccount2 = ‘BANK MANDIRI No. Rek 123456789 a/n Dadadadada’;
var bankaccount3 = ‘BANK BRI No. Rek 123456789 a/n Dadadadada’;
var bankaccount4 = ‘BANK BNI No. Rek 123456789 a/n Dadadadada’;//]]>
</script>
<!– End Global Page Scripts –>
<b:if cond=’data:blog.pageType == &quot;item&quot;’>
<!– Single Item Scripts –>
<!– Related Products –>
<script type=’text/javascript’>
//<![CDATA[
document.write(‘<script src=”http://aquashop.googlecode.com/files/easyzoom.min.js”></script>’);var aqua_rp_noimage = ‘http://2.bp.blogspot.com/-OIB-EC6ygHU/UDXdWVdYFAI/AAAAAAAAAIs/hhbI-yNneMs/s200/apple_imac.jpg’;
var aqua_rp_maxresult = 3;
var aqua_rp_title = ‘Produk Lainnya’;

var postarray = new Array();
var rp_post_link = new Array();
var rp_post_title = new Array();
var rp_post_thumb = new Array();
var rp_post_price = new Array();

function aquarp(json) {
var postLength = json.feed.entry.length;
for( var i=0; i<postLength; i++ ) {
var post = json.feed.entry[i];
rp_post_title[i] = post.title.$t;
s=post.content.$t;
a=s.indexOf(“<img”);
b=s.indexOf(“src=””,a);
c=s.indexOf(“””,b+5);
d=s.substr(b+5,c-b-5);
if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!=””)){
rp_post_thumb[i]=d;
} else {
rp_post_thumb[i] = aqua_rp_noimage;
}
var e = s.indexOf(‘”post-price”‘);
var f = s.substr(e+13,20);
rp_post_price[i] = f.replace(/[^0-9]/g, ”);
for( var j=0; j<post.link.length; j++ ) {
if( post.link[j].rel == ‘alternate’ ) {
rp_post_link[i] = post.link[j].href;
}
}
}
}
function getaquarp(aqua_rp_current){
var current = aqua_rp_current;
var prev = ”;
var count = 0;
var k=0;
var r = Math.floor(Math.random()*rp_post_title.length);
while( k<aqua_rp_maxresult && k<rp_post_title.length ) {
if( rp_post_title[r] != current ) {
if( rp_post_title[r] != prev ) {
postarray[count] = { title: rp_post_title[r], link: rp_post_link[r], thumb: rp_post_thumb[r], price: rp_post_price[r] };
prev = rp_post_title[r];
count++;
}
}
if( r < rp_post_title.length – 1 ) {
r++;
} else {
r = 0;
}
k++;
}
}
function printaquarp(aqua_rp_current){
getaquarp(aqua_rp_current);
if( postarray.length >= 1 ) {
document.write(‘<div id=”aquaRp” class=”getOut”>’);
document.write(‘<h3>’+aqua_rp_title+'</h3>’);
document.write(‘<ul class=”clearfix”>’);
var l = 0;
while( l<postarray.length ) {
var entry = postarray[l];
if( (l+1) % 3 == 1 ){
document.write(‘<li class=”rp-alpha”>’);
} else {
document.write(‘<li>’);
}
document.write(‘<a class=”clearfix” href=”‘+entry.link+'” title=”‘+entry.title+'”>’);
document.write(‘<div class=”aqua-rp-image”><img src=”‘+entry.thumb+'” alt=”‘+entry.title+'” width=”200″ height=”200″ /></div>’);
document.write(‘<div class=”aqua-rp-content”><span class=”aqua-rp-title”>’+entry.title+'</span><span class=”aqua-rp-price”>’+simpleCart.toCurrency(entry.price)+'</span></div>’);
document.write(‘</a>’);
document.write(‘</li>’);
l++;
}
document.write(‘</ul>’);
document.write(‘</div>’);
}
}
//]]>
</script>
<!– Aquashop Item –>
<script type=’text/javascript’>
//<![CDATA[
(function($){
var aquashop_item = {
init: function(){
$(‘.breadcrumb’).detach().prependTo(‘#main’);
$(‘.post’).each(function() {
var current = $(this);
var postImage = $(‘.post-image’,this).html();
var postTitle = $(‘.post-title’,this).clone();
postTitle = postTitle.removeClass(‘entry-title’);
var postDesc = $(‘.post-desc’,this).html();
var postDescText = $(‘.post-desc-text’).text();
var postStock = $(‘.post-stock’,this).html();
var postStockText = $(‘.post-stock-text’).text();
var postProdukktk = $(‘.post-produkktk’,this).html();
var postProdukTextktk = $(‘.post-produk-textktk’).text();
var postProduk = $(‘.post-produk’,this).html();
var postProdukText = $(‘.post-produk-text’).text();
var postPrice = $(‘.post-price’,this).text();
var postQtyA = ‘<div class=”post-qty-add”><a class=”post-add button” href=”#”>Beli Sekarang</a></div>’;
current.children(‘.post-body, .post-title’).remove();
current.addClass(‘item-post clearfix’);
current.append(‘<div class=”post-image”>’+postImage+'</div>’);
current.append(‘<div class=”post-content”/>’);
$(‘.post-content’,this).append(postTitle);
$(‘.post-content’,this).append(‘<div class=”item-content”/>’);
$(‘.item-content’,this).append(‘<div class=”post-stock”><span class=”post-stock-text”>’+postStockText+’ :</span> ‘+postStock+'</div>’);
$(‘.item-content’,this).append(‘<div class=”post-desc”><span class=”post-desc-text”>’+postDescText+'</span>’+postDesc+'</div>’);
$(‘.item-content’,this).append(‘<div class=”post-price”>’+postPrice+'</div>*Harga produk dapat berubah sewaktu-waktu’);
$(‘.item-content’,this).append(postQtyA);
$(‘.post-share’,this).detach().insertAfter(‘.post-desc’,this);
$(‘.item-content’,this).append(‘<div class=”post-produkktk”><span class=”post-produk-textktk”>’+postProdukTextktk+'</span>’+postProdukktk+'</div>’);
$(‘.item-content’,this).append(‘<div class=”post-produk”><span class=”post-produk-text”>’+postProdukText+'</span>’+postProduk+'</div>’);
});

$(‘#aquaRp’).removeClass(‘getOut’);
},
hover_focus_click: function(){
$(‘.qty-down’).click(function(){
var target = $(this).next(‘.post-qty’);
var val = target.val();
if( val > 1 ) target.val(val-1);
return false;
});
$(‘.qty-up’).click(function(){
var target = $(‘.post-qty’);
var val = target.val();
nval = parseInt(val) + 1;
target.val(nval);
return false;
});
$(‘.post-image a’).easyZoom({parent: ‘.post-image’});

$(‘.blog-pager-older-link, .blog-pager-newer-link’).addClass(‘button’);
$(‘#tab-comments li a’).live(‘click’,function(){
var me = $(this);
var target = me.attr(‘href’);
if( me.hasClass(‘active’)) {
return false;
} else {
$(‘#tab-comments li a’).removeClass(‘active’);
me.addClass(‘active’);
$(‘#tab-comments’).children(‘div:not(‘+target+’)’).hide();
$(target).fadeIn();
return false;
}
});
}
};
$(function(){
aquashop_item.init();
aquashop_item.hover_focus_click();
});
})(jQuery)
//]]>
</script>
<!– End Single Item Scripts –>
<b:else/>
<b:if cond=’data:blog.pageType == &quot;static_page&quot;’>
<!– Static Page Scripts –>
<script type=’text/javascript’>
//<![CDATA[
(function($){
var aquashop_page = {
init: function(){
var homeUrl = $(‘.home-link’).attr(‘href’);
$(‘.breadcrumb’).detach().prependTo(‘#main’);
$(‘.post’).addClass(‘page’);
$(‘.post’).find(‘.post-title’).removeClass(‘entry-title’);
$(‘.simpleCart_items’).wrap(‘<div id=”cart-page”/>’);
$(‘#cart-page’).hide();
$(‘.post-body .cart-total’).appendTo(‘#cart-page’);
$(‘#cart-page’).append(‘<span class=”cart-page-act clearfix”><a href=”#” class=”empty-cartform” >’+emptycartlinkform+'</a></span>’);
$(‘<p id=”page-empty-cart”/>’).insertAfter(‘#cart-page’).hide();
$(‘<p id=”page-empty-cart”/>’).insertAfter(‘#checkout-page’).hide();
$(‘#page-empty-cart’).text(emptycarttextinfo);
},
show_cart: function(){
var qty = simpleCart.quantity();
if( qty == 0 ) {
$(‘#cart-page’).hide();
$(‘#checkout-page’).hide();
$(‘#page-empty-cart’).show();
} else {
$(‘#cart-page’).show();
$(‘#checkout-page’).show();
$(‘#page-empty-cart’).hide();
}
},
update_cart: function(){
simpleCart.bind(‘update’,function(){
aquashop_page.show_cart();
});
},
bind_submit: function(){
$(‘#checkoutForm’).submit(function(){
var is_valid = aquashop_page.validate_form();
if ( is_valid ) {
$(‘#checkoutForm’).attr(‘action’,’http://jasapromosi.hol.es/’);
var elements = ”;
var cartData = aquashop_page.get_cart_data();
cartData[‘order-id’] = aquashop_page.get_order_id();
cartData[‘store-name’] = storename;
cartData[‘store-email’] = storeemail;
cartData[‘store-phone’] = storephone;
cartData[‘store-address’] = storeaddress;
cartData[‘bank-info-1’] = bankaccount1;
cartData[‘bank-info-2’] = bankaccount2;
cartData[‘bank-info-3’] = bankaccount3;
cartData[‘bank-info-4’] = bankaccount4;
cartData[‘thankyoupage’] = thankyoupageUrl;
for( var key in cartData ) {
elements += ‘<input type=”hidden” name=”‘+key+'” value=”‘+cartData[key]+'” />’;
}
$(elements).appendTo(‘#checkoutForm’);
return;
}
return false;
});
},
get_order_id: function(){
var a = new Date();
b = a.getDate()+’-‘+a.getMilliseconds();
return b;
},
get_cart_data: function(){
var dataString = {};
simpleCart.each(function(item,x){
var c = x+1;
dataString[‘item_name_’+c] = item.get(‘name’);
dataString[‘item_qty_’+c] = item.get(‘quantity’);
dataString[‘item_price_’+c] = simpleCart.toCurrency(item.get(‘price’));
dataString[‘item_total_’+c] = simpleCart.toCurrency(item.get(‘total’));
dataString[‘item_length’] = c;
});
dataString[‘cart_total’] = simpleCart.toCurrency(simpleCart.total());
return dataString;
},
validate_form: function(){
var elements = $(‘input.required’);
var valid = true;
elements.each(function() {
var current = $(this);
current.removeClass(’empty-required’);
if( current.val() == ” ) {
current.addClass(’empty-required’);
valid = false;
return valid;
} else {
if( current.attr(‘name’) == ‘customer-email’ ) {
var regx = /^[A-Z0-9._%+-]+@[A-Z0-9.-]+.[A-Z]{2,6}$/i;
var eVal = current.val();
if( !regx.test(eVal) ) {
current.addClass(’empty-required’);
current.val(‘Alamat email tidak valid’);
valid = false;
return valid;
}
}
}
});
return valid;
},
};
$(function(){
aquashop_page.init();
aquashop_page.update_cart();
aquashop_page.bind_submit();
});
})(jQuery)
//]]>
</script>
<!– End Static Page Scripts –>
<b:else/>
<!– Index Page Scripts –>
<script type=’text/javascript’>
//<![CDATA[
(function($){
// Aquashop Index Js
var aquashop_index = {
init: function(){
$(‘#content, .blog-posts .hfeed’).addClass(‘clearfix’);
$(‘.post’).each(function() {
var currentPost = $(this);
var postIndex = currentPost.index(‘.post’) + 1;
var postImage = $(‘.post-image a’,this).html();
var postTitle = $(‘.post-title’,this).clone();
postTitle = postTitle.removeClass(‘entry-title’);

var postLink = $(‘.post-title a’,this).attr(‘href’);
var postPrice = $(‘.post-price’,this).text();
var postStock = $(‘.post-stock’,this).html();
var postStockText = $(‘.post-stock-text’).text();
currentPost.children(‘.post-body, .post-title’).detach();
currentPost.addClass(‘hp-post three units’);
if( postIndex % 3 == 1 ) currentPost.addClass(‘alpha’);
currentPost.append(‘<div class=”post-content clearfix”/>’);
$(‘.post-content’,this).append(postTitle);
$(‘.post-content’,this).append(‘<a class=”post-image1″ href=”‘+postLink+'”>’+postImage+'</a>’);
$(‘.post-content’,this).append(‘<div class=”post-price1″>’+postPrice+'</div>’);
$(‘.post-content’,this).append(‘<div class=”post-stock1″ style=”margin-top:-11px;font-weight:bold;font-style:italic;font-size:10px;color:#000000;font-family:Tahoma, Arial, Helvetica, sans-serif;”>Stock : ‘+postStock+'</div>’);

});
$(‘.showpageArea a, .showpagePoint’).addClass(‘button’);
},
};
$(function(){
aquashop_index.init();
});
})(jQuery)
var pageCount=9;
var displayPageNum=5;
var upPageWord=”<“;
var downPageWord=”>”;
//]]>
</script>
<!– End Index Page Scripts –>
</b:if>
</b:if>
<script type=’text/javascript’>
//<![CDATA[
// Index Scripts
(function($){
var kg_index = {
init_scrollable: function(){
$(“#slider, #slider-brand”).scrollable({circular: true});
$(‘#slider’).autoscroll(5000);
$(‘#slider-brand’).autoscroll(2500);
},
init_post: function(){

$(‘.post-image img’).each(function() {
$(this).removeAttr(‘width’).removeAttr(‘height’);
});
}
}

$(function() {
kg_index.init_scrollable();

});
})(jQuery);
//]]>
</script>
<!– End Index Page Scripts –>
<b:if cond=’data:blog.url == data:blog.homepageUrl’>
<style>
#sidebar2{margin-top:371px;}
</style>
<style>
#cart-info{margin-top:274px;}
</style>
<b:else/>
<b:if cond=’data:blog.pageType == &quot;index&quot;’>
<style>
#sidebar2{margin-top:97px;}
</style>
</b:if>
</b:if>
<b:if cond=’data:blog.pageType == &quot;static_page&quot;’>
<style>
#cart-info,#sidebar2,#sidebar {display:none;}
</style>
</b:if>
<b:if cond=’data:blog.pageType == &quot;item&quot;’>
<style>
#sidebar2{margin-top:97px;}
</style>
</b:if>
<script type=’text/javascript’>
//<![CDATA[
var a=”indexOf”,b=”&amp;m=1″,e=”(^|&amp;)m=”,f=”?”,g=”?m=1″;function h(){var c=window.location.href,d=c.split(f);switch(d.length){case 1:return c+g;case 2:return 0<=d[1].search(e)?null:c+b;default:return null}}var k=navigator.userAgent;if(-1!=k[a](“Mobile”)&&-1!=k[a](“WebKit”)&&-1==k[a](“iPad”)||-1!=k[a](“Opera Mini”)||-1!=k[a](“IEMobile”)){var l=h();l&&window.location.replace(l)};
//]]>
</script></head>
<script type=’text/javascript’>
//<![CDATA[
function tgl1(text){var dayarray=new Array(“Minggu”,”Senin”,”Selasa”,”Rabu”,”Kamis”,”Jumat”,”Sabtu”);var montharray=new Array(“Januari”,”Februari”,”Maret”,”April”,”Mei”,”Juni”,”Juli”,”Agustus”,”September”,”Oktober”,”November”,”Desember”);var mochal=new Date();var day=mochal.getDay();var month=mochal.getMonth();var daym=mochal.getDate();var year=mochal.getFullYear();if(daym<10){daym=”0″+daym}document.write(dayarray[day]+”, “+daym+” “+montharray[month]+” “+year)};
//]]>
</script>
<script src=’http://yourjavascript.com/2835561831/normalisie.js’ type=’text/javascript’/>
<body>
<div id=’fb-root’/>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = &quot;//connect.facebook.net/en_US/all.js#xfbml=1&quot;;
fjs.parentNode.insertBefore(js, fjs);
}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</script>
<div id=’top-wrapper’>
<div id=’top-header’>
<div id=’headerdlm’>
<b:section class=” id=’bannerlayanan1′ maxwidgets=’1′>
<b:widget id=’HTML7′ locked=’true’ title=” type=’HTML’>
<b:includable id=’main’>
<!– only display title if it’s non-empty –>
<b:if cond=’data:title != &quot;&quot;’>
<h2 class=’title’><data:title/></h2>
</b:if>
<div class=’widget-content’>
<data:content/>
</div>

<b:include name=’quickedit’/>
</b:includable>
</b:widget>
</b:section>
<b:section class=” id=’bannerlayanan2′ maxwidgets=’1′>
<b:widget id=’HTML8′ locked=’true’ title=” type=’HTML’>
<b:includable id=’main’>
<!– only display title if it’s non-empty –>
<b:if cond=’data:title != &quot;&quot;’>
<h2 class=’title’><data:title/></h2>
</b:if>
<div class=’widget-content’>
<data:content/>
</div>

<b:include name=’quickedit’/>
</b:includable>
</b:widget>
</b:section>
<b:section class=” id=’bannerlayanan3′ maxwidgets=’1′>
<b:widget id=’HTML9′ locked=’true’ title=” type=’HTML’>
<b:includable id=’main’>
<!– only display title if it’s non-empty –>
<b:if cond=’data:title != &quot;&quot;’>
<h2 class=’title’><data:title/></h2>
</b:if>
<div class=’widget-content’>
<data:content/>
</div>

<b:include name=’quickedit’/>
</b:includable>
</b:widget>
</b:section>
<b:section class=” id=’bannerlayanan4′ maxwidgets=’1′>
<b:widget id=’HTML10′ locked=’true’ title=” type=’HTML’>
<b:includable id=’main’>
<!– only display title if it’s non-empty –>
<b:if cond=’data:title != &quot;&quot;’>
<h2 class=’title’><data:title/></h2>
</b:if>
<div class=’widget-content’>
<data:content/>
</div>

<b:include name=’quickedit’/>
</b:includable>
</b:widget>
</b:section>
</div>
<div id=’headeratas’>
<b:section class=” id=’tgl1′ maxwidgets=’1′>
<b:widget id=’HTML2′ locked=’true’ title=” type=’HTML’>
<b:includable id=’main’>
<!– only display title if it’s non-empty –>
<b:if cond=’data:title != &quot;&quot;’>
<h2 class=’title’><data:title/></h2>
</b:if>
<div class=’widget-content’>
<data:content/>
</div>

<b:include name=’quickedit’/>
</b:includable>
</b:widget>
</b:section>
<b:section class=” id=’search’ maxwidgets=’1′>
<b:widget id=’HTML1′ locked=’true’ title=” type=’HTML’>
<b:includable id=’main’>
<!– only display title if it’s non-empty –>
<b:if cond=’data:title != &quot;&quot;’>
<h2 class=’title’><data:title/></h2>
</b:if>
<div class=’widget-content’>
<data:content/>
</div>

<b:include name=’quickedit’/>
</b:includable>
</b:widget>
</b:section>
</div>
<b:section class=’header’ id=’logo-wrapper’ maxwidgets=’1′>
<b:widget id=’Header1′ locked=’true’ title=’TEMPLATE TOKO INDOSTORE (Header)’ type=’Header’>
<b:includable id=’main’>

<b:if cond=’data:useImage’>
<b:if cond=’data:imagePlacement == &quot;BEHIND&quot;’>
<!–
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.
–>
<b:if cond=’data:mobile’>
<div 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: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;_height: &quot; + data:height + &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/>
<!–Show the image only–>
<h1 id=’logo’><a expr:href=’data:blog.homepageUrl’ expr:style=’&quot;background-image: url(&quot;&quot; + data:sourceUrl + &quot;&quot;);&quot; + data:widthStyleStr + &quot;min-height: &quot; + data:height + &quot;_height: &quot; + data:height’><span><data:title/></span></a>
<!–Show the description–>
<b:if cond=’data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;’>
<b:include name=’description’/>
</b:if>
</h1>
</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:includable id=’description’>
<div class=’descriptionwrapper’>
<p class=’description’><span><data:description/></span></p>
</div>
</b:includable>
<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:widget>
</b:section>
</div>
</div>
<div class=’clear’/>
<div class=’menupic’>
<div class=’menuhorisontal’>
<ul>
<li><a href=’/’>Home</a></li>
<li><a href=’/search/label/produk’>Produk</a></li>
<li><a href=’/search/label/portfolio’>Portfolio</a></li>
<li><a href=’/p/daftar-harga.html’>Price List</a></li>
<li><a href=’/p/term-of-service-acceptable-uses-policy.html’>TOS</a></li>
<li><a href=’/p/konfirmasi.html’>Konfirmasi</a></li>
<li><a href=’/p/klien.html’>klien</a></li>
<li><a href=’/p/hubungi-kami.html’>Kontak</a></li>
<li><a href=’/p/order-now.html’><blink>Order Now</blink></a></li>
</ul>
</div>
</div>
<div class=’menupic1′>
<div class=’menuhorisontal1′>
<ul>
<li><a href=’/search/label/Baju’>Baju</a></li>
<li><a href=’/search/label/Celana’>Celana</a></li>
<li><a href=’/search/label/Jam Tangan’>Jam Tangan</a></li>
<li><a href=’/search/label/Sepatu’>Sepatu</a></li>
<li><a href=’/search/label/Dress’>Dress</a></li>
<li><a href=’/search/label/Kaos’>Kaos</a></li>
<li><a href=’/search/label/Kameja’>Kameja</a></li>
</ul>
</div>
</div>
<div id=’main-wrapper’>
<div class=’container’ id=’main’>
<b:section class=’sidebar’ id=’sidebar’>
<b:widget id=’HTML5′ locked=’false’ title=’Yahoo Massanger’ type=’HTML’>
<b:includable id=’main’>
<!– only display title if it’s non-empty –>
<b:if cond=’data:title != &quot;&quot;’>
<h2 class=’title’><data:title/></h2>
</b:if>
<div class=’widget-content’>
<data:content/>
</div>

<b:include name=’quickedit’/>
</b:includable>
</b:widget>
<b:widget id=’HTML6′ locked=’false’ title=’Rekening Pembayaran’ type=’HTML’>
<b:includable id=’main’>
<!– only display title if it’s non-empty –>
<b:if cond=’data:title != &quot;&quot;’>
<h2 class=’title’><data:title/></h2>
</b:if>
<div class=’widget-content’>
<data:content/>
</div>

<b:include name=’quickedit’/>
</b:includable>
</b:widget>
<b:widget id=’HTML11′ locked=’false’ title=” type=’HTML’>
<b:includable id=’main’>
<!– only display title if it’s non-empty –>
<b:if cond=’data:title != &quot;&quot;’>
<h2 class=’title’><data:title/></h2>
</b:if>
<div class=’widget-content’>
<data:content/>
</div>

<b:include name=’quickedit’/>
</b:includable>
</b:widget>
</b:section>
<b:section class=’content’ id=’content’ maxwidgets=’2′>
<b:widget id=’HTML3′ locked=’true’ title=” type=’HTML’>
<b:includable id=’main’>
<b:if cond=’data:blog.url == data:blog.homepageUrl’>
<!– only display title if it’s non-empty –>
<b:if cond=’data:title != &quot;&quot;’>
<h2 class=’title’><data:title/></h2>
</b:if>
<div class=’widget-content’>
<data:content/>
</div>

<b:include name=’quickedit’/>
</b:if>
</b:includable>
</b:widget>
<b:widget id=’Blog1′ locked=’true’ title=’Posting Blog’ type=’Blog’>
<b:includable id=’main’ var=’top’>
<b:if cond=’data:mobile == &quot;false&quot;’>

<!– posts –>
<div class=’blog-posts hfeed clearfix’>
<b:include data=’top’ name=’status-message’/>
<b:loop values=’data:posts’ var=’post’>
<b:if cond=’data:blog.pageType == &quot;item&quot;’>
<b:include data=’posts’ name=’breadcrumb’/>
</b:if>
<b:if cond=’data:blog.pageType == &quot;static_page&quot;’>
<b:include data=’posts’ name=’breadcrumb’/>
</b:if>
<b:include data=’post’ name=’post’/>
<b:if cond=’data:blog.pageType == &quot;item&quot;’>
<b:include data=’post’ name=’aqua-related-post’/>
<div id=’tab-comments’>
<ul class=’clearfix’>
<li><a class=’tab-link active’ href=’#comments’><data:post.numComments/> Blogger Comments</a></li>
<li><a class=’tab-link’ href=’#facebookComment’><fb:comments-count expr:href=’data:post.url’/> Facebook Comments</a></li>
</ul>
<b:include data=’post’ name=’comment_picker’/>
<b:include data=’post’ name=’facebook-comment’/>
</div>
</b:if>
</b:loop>
</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:else/>
<b:include name=’mobile-main’/>
</b:if>

<b:if cond=’data:top.showDummy’>
<data:top.dummyBootstrap/>
</b:if>

</b:includable>
<b:includable id=’aqua-related-post’ var=’post’>
<b:loop values=’data:post.labels’ var=’label’>
<b:if cond=’data:label.isLast != &quot;true&quot;’/>
<script expr:src=’&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=aquarp&amp;max-results=1000&quot;’ type=’text/javascript’/>
</b:loop>
<script type=’text/javascript’>printaquarp(&#39;<data:post.title/>&#39;)</script>
</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=’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=’breadcrumb’ var=’posts’>
<div class=’breadcrumb’ xmlns:v=’http://rdf.data-vocabulary.org/#’>
<span typeof=’v:Breadcrumb’><a expr:href=’data:blog.homepageUrl’ property=’v:title’ rel=’v:url’>Home</a></span><span class=’separator’>&#187;</span>
<b:if cond=’data:post.labels’>
<b:loop values=’data:post.labels’ var=’label’>
<span typeof=’v:Breadcrumb’><a expr:href=’data:label.url + &quot;?max-results=9&quot;’ property=’v:title’ rel=’v:url’><data:label.name/></a></span>
<b:if cond=’data:label.isLast != &quot;true&quot;’>&#187;</b:if>
</b:loop>
<span class=’separator’>&#187;</span>
</b:if>
<span><data:post.title/></span>
</div>
</b:includable>
<b:includable id=’comment-form’ var=’post’>
<div class=’comment-form’>
<a name=’comment-form’/>
<b:if cond=’data:mobile’>
<h4 id=’comment-post-message’>
<a expr:id=’data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;’ href=’javascript:void(0)’><data:postCommentMsg/></a></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=” style=’display: none’ width=’100%’/>
<b:else/>
<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%’/>
</b:if>
<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=’commentDeleteIcon’ var=’comment’>
<span expr:class=’&quot;item-control &quot; + data:comment.adminClass’>
<b:if cond=’data:showCmtPopup’>
<div class=’goog-toggle-button’>
<div class=’goog-inline-block comment-action-icon’/>
</div>
<b:else/>
<a class=’comment-delete’ expr:href=’data:comment.deleteUrl’ expr:title=’data:top.deleteCommentMsg’>
<img src=’//www.blogger.com/img/icon_delete13.gif’/>
</a>
</b:if>
</span>
</b:includable>
<b:includable id=’comment_count_picker’ var=’post’>
<b:if cond=’data:post.commentSource == 1′>
<span class=’cmt_count_iframe_holder’ expr:data-count=’data:post.numComments’ expr:data-onclick=’data:post.addCommentOnclick’ expr:data-post-url=’data:post.url’ expr:data-url=’data:post.canonicalUrl’>
</span>
<b:else/>
<a class=’comment-link’ expr:href=’data:post.addCommentUrl’ expr:onclick=’data:post.addCommentOnclick’>
<data:post.commentLabelFull/>:
</a>
</b:if>
</b:includable>
<b:includable id=’comment_picker’ var=’post’>
<b:if cond=’data:post.commentSource == 1′>
<b:include data=’post’ name=’iframe_comments’/>
<b:else/>
<b:if cond=’data:post.showThreadedComments’>
<b:include data=’post’ name=’threaded_comments’/>
<b:else/>
<b:include data=’post’ name=’comments’/>
</b:if>
</b:if>
</b:includable>
<b:includable id=’comments’ var=’post’>
<div class=’comments’ id=’comments’>
<a name=’comments’/>
<b:if cond=’data:post.allowComments’>
<h4><data:post.commentLabelFull/>:</h4>

<b:if cond=’data:post.commentPagingRequired’>
<span class=’paging-control-container’>
<b:if cond=’data:post.hasOlderLinks’>
<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;
</b:if>

<data:post.commentRangeText/>

<b:if cond=’data:post.hasNewerLinks’>
&#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>
</b:if>
</span>
</b:if>

<div expr:id=’data:widget.instanceId + &quot;_comments-block-wrapper&quot;’>
<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-body’ expr:id=’data:widget.instanceId + data:comment.cmtBodyIdPostfix’>
<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>
</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>
<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>
<b:if cond=’data:showCmtPopup’>
<div id=’comment-popup’>
<iframe allowtransparency=’true’ frameborder=’0′ id=’comment-actions’ name=’comment-actions’ scrolling=’no’>
</iframe>
</div>
</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:includable id=’facebook-comment’ var=’post’>
<div id=’facebookComment’>
<fb:comments expr:href=’data:post.url’ num_posts=’2′ width=’500’/>
</div>
</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=’iframe_comments’ var=’post’>

<b:if cond=’data:post.allowComments’>
<script expr:src=’data:post.commentSrc’ type=’text/javascript’/>
<div class=’cmt_iframe_holder’/>

<b:if cond=’data:post.embedCommentForm == &quot;false&quot;’>
<a expr:href=’data:post.addCommentUrl’ expr:onclick=’data:post.addCommentOnclick’><data:postCommentMsg/></a>
</b:if>
</b:if>
</b:includable>
<b:includable id=’mobile-index-post’ var=’post’>
<div class=’mobile-date-outer date-outer’>
<b:if cond=’data:post.dateHeader’>
<div class=’date-header’>
<span><data:post.dateHeader/></span>
</div>
</b:if>

<div class=’mobile-post-outer’>
<a expr:href=’data:post.url’>
<h3 class=’mobile-index-title entry-title’ itemprop=’name’>
<data:post.title/>
</h3>

<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;’/>
</a>

<div class=’mobile-index-comment’>
<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’>
<data:post.commentLabelFull/>:
</a>
</b:if>
</b:if>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id=’mobile-main’ var=’top’>
<!– posts –>
<div class=’blog-posts hfeed’>

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

<b:if cond=’data:blog.pageType == &quot;index&quot;’>
<b:loop values=’data:posts’ var=’post’>
<b:include data=’post’ name=’mobile-index-post’/>
</b:loop>
<b:else/>
<b:loop values=’data:posts’ var=’post’>
<b:include data=’post’ name=’mobile-post’/>
</b:loop>
</b:if>
</div>

<b:include name=’mobile-nextprev’/>
</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=’mobile-post’ var=’post’>
<div class=’date-outer’>
<b:if cond=’data:post.dateHeader’>
<h2 class=’date-header’><span><data:post.dateHeader/></span></h2>
</b:if>
<div class=’date-posts’>
<div class=’post-outer’>

<div class=’post hentry uncustomized-post-template’ itemscope=’itemscope’ itemtype=’http://schema.org/BlogPosting’>
<a expr:name=’data:post.id’/>
<b:if cond=’data:post.title’>
<h3 class=’post-title entry-title’ itemprop=’name’>
<b:if cond=’data:post.link’>
<a expr:href=’data:post.link’><data:post.title/></a>
<b:else/>
<b:if cond=’data:post.url’>
<b:if cond=’data:blog.url != data:post.url’>
<a expr:href=’data:post.url’><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

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

<div class=’post-body entry-content’ expr:id=’&quot;post-body-&quot; + data:post.id’ itemprop=’articleBody’>
<data:post.body/>
<div style=’clear: both;’/> <!– clear for photos floats –>
</div>

<div class=’post-footer’>
<div class=’post-footer-line post-footer-line-1′>
<span class=’post-author vcard’>
<b:if cond=’data:top.showAuthor’>
<b:if cond=’data:post.authorProfileUrl’>
<span class=’fn’>
<a expr:href=’data:post.authorProfileUrl’ itemprop=’author’ rel=’author’ title=’author profile’>
<data:post.author/>
</a>
</span>
<b:else/>
<span class=’fn’><data:post.author/></span>
</b:if>
</b:if>
</span>

<span class=’post-timestamp’>
<b:if cond=’data:top.showTimestamp’>
<data:top.timestampLabel/>
<b:if cond=’data:post.url’>
<a class=’timestamp-link’ expr:href=’data:post.url’ itemprop=’url’ rel=’bookmark’ title=’permanent link’><abbr class=’published’ expr:title=’data:post.timestampISO8601′ itemprop=’datePublished’><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span>

<span class=’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.allowComments’>
<a class=’comment-link’ expr:href=’data:post.addCommentUrl’ expr:onclick=’data:post.addCommentOnclick’>
<data:post.commentLabelFull/>:
</a>
</b:if>
</b:if>
</b:if>
</span>
</div>

<div class=’post-footer-line post-footer-line-2′>
<b:if cond=’data:top.showMobileShare’>
<div class=’mobile-link-button goog-inline-block’ id=’mobile-share-button’>
<a href=’javascript:void(0);’><data:shareMsg/></a>
</div>
</b:if>
<b:if cond=’data:top.showDummy’>
<div class=’goog-inline-block dummy-container’><data:post.dummyTag/></div>
</b:if>
</div>

</div>
</div>

<b:if cond=’data:blog.pageType == &quot;static_page&quot;’>
<b:include data=’post’ name=’comment_picker’/>
</b:if>
<b:if cond=’data:blog.pageType == &quot;item&quot;’>
<b:include data=’post’ name=’comment_picker’/>
</b:if>
</div>
</div>
</div>
</b:includable>
<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’><img src=’http://1.bp.blogspot.com/-dUho0w517tI/UZsb6kviB-I/AAAAAAAAGeA/yxQPhbnAVTI/s1600/prev.png’/></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’><img src=’http://2.bp.blogspot.com/-g8bLyOgczqU/UZsbiVhSgjI/AAAAAAAAGd4/lW3OfAgcPow/s1600/next.png’/></a>
</span>
</b:if>

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

<b:if cond=’data:mobileLinkUrl’>
<div class=’blog-mobile-link’>
<a expr:href=’data:mobileLinkUrl’><data:mobileLinkMsg/></a>
</div>
</b:if>

</div>
<div class=’clear’/>
</b:includable>
<b:includable id=’post’ var=’post’>
<div class=’post hentry’ typeof=’v:Review-aggregate’ xmlns:v=’http://rdf.data-vocabulary.org/#’>

<b:if cond=’data:blog.url != data:post.url’>
<h2 class=’post-title entry-title’><a expr:href=’data:post.url’ expr:title=’data:post.title’><data:post.title/></a></h2>
<h2 class=’post-title’>
<a expr:href=’data:post.url’ expr:title=’data:post.title’>
<div style=’float:left;width:50px;height:37px;display:inline;position:absolute;margin-top:193px;right:112px;’>
<img alt=’Lihat Detail Produk’ src=’http://3.bp.blogspot.com/-i0kkyUdEqsI/UdTkfjnI96I/AAAAAAAAHXE/kEp6tj6R110/s158/detail.gif’/>
</div>
</a>
</h2>
<b:else/>
<h1 class=’post-title entry-title’ property=’v:itemreviewed’><data:post.title/></h1>
</b:if>

<div class=’post-body entry-content’ expr:id=’&quot;post-body-&quot; + data:post.id’>
<data:post.body/>
<div style=’clear: both;’/> <!– clear for photos floats –>
</div>

<b:if cond=’data:blog.pageType == &quot;item&quot;’>
<div class=’post-share clearfix’>
<div align=’left’ style=’margin-top:-20px;display:compact’>Kategori :
<b:if cond=’data:post.labels’>
<b:loop values=’data:post.labels’ var=’label’>
<span typeof=’v:Breadcrumb’><a expr:href=’data:label.url + &quot;?max-results=9&quot;’ property=’v:title’ rel=’v:url’><b><data:label.name/></b></a></span>
<b:if cond=’data:label.isLast != &quot;true&quot;’>,</b:if>
</b:loop>
</b:if>
</div>
<br/>
<div style=’margin-top:-20px;’>
<span style=’font-family: Tahoma, Arial, Helvetica, sans-serif;font-size:9.5px;color:#000000;’>
Share it! Bagikan info produk ini kepada teman Anda
</span>
<div class=’addthis_toolbox addthis_default_style addthis_32x32_style’>
<a class=’addthis_button_preferred_1’/>
<a class=’addthis_button_preferred_2’/>
<a class=’addthis_button_preferred_3’/>
<a class=’addthis_button_preferred_4’/>
<a class=’addthis_button_preferred_5’/>
<a class=’addthis_button_preferred_6’/>
<a class=’addthis_button_preferred_7’/>
</div>
<script type=’text/javascript’>var addthis_config = {&quot;data_track_addressbar&quot;:true};</script>
<script src=’//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-4d81bf8e6c0761bf’ type=’text/javascript’/>
</div>
<script type=’text/javascript’>
(function() {
var po = document.createElement(&#39;script&#39;); po.type = &#39;text/javascript&#39;; po.async = true;
po.src = &#39;https://apis.google.com/js/plusone.js&#39;;
var s = document.getElementsByTagName(&#39;script&#39;)[0]; s.parentNode.insertBefore(po, s);
})();
</script>
</div>
<span class=’rating-item’>
<span property=’v:rating’>5</span>
<span property=’v:votes’>24</span>
</span>
</b:if>
</div>
</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://img2.blogblog.com/img/icon18_edit_allbkg.gif’ width=’18’/>
</a>
</span>
</b:if>
</b:includable>
<b:includable id=’shareButtons’ var=’post’>
<b:if cond=’data:top.showEmailButton’><a class=’goog-inline-block 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></b:if><b:if cond=’data:top.showBlogThisButton’><a class=’goog-inline-block 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></b:if><b:if cond=’data:top.showTwitterButton’><a class=’goog-inline-block 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></b:if><b:if cond=’data:top.showFacebookButton’><a class=’goog-inline-block 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></b:if><b:if cond=’data:top.showOrkutButton’><a class=’goog-inline-block share-button sb-orkut’ expr:href=’data:post.sharePostUrl + &quot;&amp;target=orkut&quot;’ expr:title=’data:top.shareToOrkutMsg’ target=’_blank’><span class=’share-button-link-text’><data:top.shareToOrkutMsg/></span></a></b:if><b:if cond=’data:top.showDummy’><div class=’goog-inline-block dummy-container’><data:post.dummyTag/></div></b:if>
</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=’threaded-comment-form’ var=’post’>
<div class=’comment-form’>
<a name=’comment-form’/>
<b:if cond=’data:mobile’>
<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=” style=’display: none’ width=’100%’/>
<b:else/>
<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%’/>
</b:if>
<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=’threaded_comment_js’ var=’post’>
<script async=’async’ expr:src=’data:post.commentSrc’ type=’text/javascript’/>

<script type=’text/javascript’>
(function() {
var items = <data:post.commentJso/>;
var msgs = <data:post.commentMsgs/>;
var config = <data:post.commentConfig/>;

// <![CDATA[
var cursor = null;
if (items && items.length > 0) {
cursor = parseInt(items[items.length – 1].timestamp) + 1;
}

var bodyFromEntry = function(entry) {
if (entry.gd$extendedProperty) {
for (var k in entry.gd$extendedProperty) {
if (entry.gd$extendedProperty[k].name == ‘blogger.contentRemoved’) {
return ‘<span class=”deleted-comment”>’ + entry.content.$t + ‘</span>’;
}
}
}
return entry.content.$t;
}

var parse = function(data) {
cursor = null;
var comments = [];
if (data && data.feed && data.feed.entry) {
for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
var comment = {};
// comment ID, parsed out of the original id format
var id = /blog-(d+).post-(d+)/.exec(entry.id.$t);
comment.id = id ? id[2] : null;
comment.body = bodyFromEntry(entry);
comment.timestamp = Date.parse(entry.published.$t) + ”;
if (entry.author && entry.author.constructor === Array) {
var auth = entry.author[0];
if (auth) {
comment.author = {
name: (auth.name ? auth.name.$t : undefined),
profileUrl: (auth.uri ? auth.uri.$t : undefined),
avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
};
}
}
if (entry.link) {
if (entry.link[2]) {
comment.link = comment.permalink = entry.link[2].href;
}
if (entry.link[3]) {
var pid = /.*comments/default/(d+)?.*/.exec(entry.link[3].href);
if (pid && pid[1]) {
comment.parentId = pid[1];
}
}
}
comment.deleteclass = ‘item-control blog-admin’;
if (entry.gd$extendedProperty) {
for (var k in entry.gd$extendedProperty) {
if (entry.gd$extendedProperty[k].name == ‘blogger.itemClass’) {
comment.deleteclass += ‘ ‘ + entry.gd$extendedProperty[k].value;
} else if (entry.gd$extendedProperty[k].name == ‘blogger.displayTime’) {
comment.displayTime = entry.gd$extendedProperty[k].value;
}
}
}
comments.push(comment);
}
}
return comments;
};

var paginator = function(callback) {
if (hasMore()) {
var url = config.feed + ‘?alt=json&v=2&orderby=published&reverse=false&max-results=50’;
if (cursor) {
url += ‘&published-min=’ + new Date(cursor).toISOString();
}
window.bloggercomments = function(data) {
var parsed = parse(data);
cursor = parsed.length < 50 ? null
: parseInt(parsed[parsed.length – 1].timestamp) + 1
callback(parsed);
window.bloggercomments = null;
}
url += ‘&callback=bloggercomments’;
var script = document.createElement(‘script’);
script.type = ‘text/javascript’;
script.src = url;
document.getElementsByTagName(‘head’)[0].appendChild(script);
}
};
var hasMore = function() {
return !!cursor;
};
var getMeta = function(key, comment) {
if (‘iswriter’ == key) {
var matches = !!comment.author
&& comment.author.name == config.authorName
&& comment.author.profileUrl == config.authorUrl;
return matches ? ‘true’ : ”;
} else if (‘deletelink’ == key) {
return config.baseUri + ‘/delete-comment.g?blogID=’
+ config.blogId + ‘&postID=’ + comment.id;
} else if (‘deleteclass’ == key) {
return comment.deleteclass;
}
return ”;
};

var replybox = null;
var replyUrlParts = null;
var replyParent = undefined;

var onReply = function(commentId, domId) {
if (replybox == null) {
// lazily cache replybox, and adjust to suit this style:
replybox = document.getElementById(‘comment-editor’);
if (replybox != null) {
replybox.height = ‘250px’;
replybox.style.display = ‘block’;
replyUrlParts = replybox.src.split(‘#’);
}
}
if (replybox && (commentId !== replyParent)) {
document.getElementById(domId).insertBefore(replybox, null);
replybox.src = replyUrlParts[0]
+ (commentId ? ‘&parentID=’ + commentId : ”)
+ ‘#’ + replyUrlParts[1];
replyParent = commentId;
}
};

var hash = (window.location.hash || ‘#’).substring(1);
var startThread, targetComment;
if (/^comment-form_/.test(hash)) {
startThread = hash.substring(‘comment-form_’.length);
} else if (/^c[0-9]+$/.test(hash)) {
targetComment = hash.substring(1);
}

// Configure commenting API:
var configJso = {
‘maxDepth’: config.maxThreadDepth
};
var provider = {
‘id’: config.postId,
‘data’: items,
‘loadNext’: paginator,
‘hasMore’: hasMore,
‘getMeta’: getMeta,
‘onReply’: onReply,
‘rendered’: true,
‘initComment’: targetComment,
‘initReplyThread’: startThread,
‘config’: configJso,
‘messages’: msgs
};

var render = function() {
if (window.goog && window.goog.comments) {
var holder = document.getElementById(‘comment-holder’);
window.goog.comments.render(holder, provider);
}
};

// render now, or queue to render when library loads:
if (window.goog && window.goog.comments) {
render();
} else {
window.goog = window.goog || {};
window.goog.comments = window.goog.comments || {};
window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
window.goog.comments.loadQueue.push(render);
}
})();
// ]]>
</script>
</b:includable>
<b:includable id=’threaded_comments’ var=’post’>
<div class=’comments’ id=’comments’>
<a name=’comments’/>
<h4><data:post.commentLabelFull/>:</h4>

<div class=’comments-content’>
<b:if cond=’data:post.embedCommentForm’>
<b:include data=’post’ name=’threaded_comment_js’/>
</b:if>
<div id=’comment-holder’>
<data:post.commentHtml/>
</div>
</div>

<p class=’comment-footer’>
<b:if cond=’data:post.allowNewComments’>
<b:include data=’post’ name=’threaded-comment-form’/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
</p>

<b:if cond=’data:showCmtPopup’>
<div id=’comment-popup’>
<iframe allowtransparency=’true’ frameborder=’0′ id=’comment-actions’ name=’comment-actions’ scrolling=’no’>
</iframe>
</div>
</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><!– #content –>
<div class=’sidebar2′>
<div id=’goncart’>
<div class=’nav-cart’>
<div class=’cart-info-wrap three units clearfix’>
<div id=’cart-info’>
<div class=’view-cartluaratas’>
<a class=’view-cartatas button’ href=’/p/keranjang-belanja.html’><script>document.write(viewcarttext);</script></a>
</div>
<a href=’#’ title=’Click to show / hide cart’>
<b>Keranjang Belanja Anda</b>
<div class=’cart-totalluar clearfix’><span class=’simpleCart_total’/></div>
Jumlah : <span class=’simpleCart_quantity’/> psc
</a>
<div id=’cart-wrap’>
<div class=’empty-cart-text’><script>document.write(emptycarttextinfo);</script></div>
<div class=’cart’>
<div class=’cart-total’>Total <span class=’simpleCart_total’/></div></div>
<div class=’cart-notice’>Apabila Anda sudah selesai berbelanja, silahkan menuju proses Check Out.</div>
<div class=’cart-action clearfix’>
<a class=’empty-cart button’ href=’#’><script>document.write(emptycartlinktext);</script></a>
<a class=’view-cart button’ href=’#’><script>document.write(viewcarttext);</script></a>
</div>
</div>
</div><!– #cart-wrap –>
</div><!– #cart-info –>
</div>
</div>
<b:section class=” id=’sidebar2′>
<b:widget id=’HTML13′ locked=’false’ title=” type=’HTML’>
<b:includable id=’main’>
<!– only display title if it’s non-empty –>
<b:if cond=’data:title != &quot;&quot;’>
<h2 class=’title’><data:title/></h2>
</b:if>
<div class=’widget-content’>
<data:content/>
</div>

<b:include name=’quickedit’/>
</b:includable>
</b:widget>
<b:widget id=’HTML14′ locked=’false’ title=” type=’HTML’>
<b:includable id=’main’>
<!– only display title if it’s non-empty –>
<b:if cond=’data:title != &quot;&quot;’>
<h2 class=’title’><data:title/></h2>
</b:if>
<div class=’widget-content’>
<data:content/>
</div>

<b:include name=’quickedit’/>
</b:includable>
</b:widget>
<b:widget id=’HTML12′ locked=’false’ title=” type=’HTML’>
<b:includable id=’main’>
<!– only display title if it’s non-empty –>
<b:if cond=’data:title != &quot;&quot;’>
<h2 class=’title’><data:title/></h2>
</b:if>
<div class=’widget-content’>
<data:content/>
</div>

<b:include name=’quickedit’/>
</b:includable>
</b:widget>
<b:widget id=’PopularPosts1′ locked=’false’ title=’Entri Populer’ type=’PopularPosts’>
<b:includable id=’main’>
<b:if cond=’data:title’><h2><data:title/></h2></b:if>
<div class=’widget-content popular-posts’>
<center>
<img src=’http://3.bp.blogspot.com/-V9xlssLd_lM/UeEZt1I35RI/AAAAAAAAHfQ/YEa8oq3Mu7k/s1600/produk.png’ width=’140px’/>
</center>
<ul>
<b:loop values=’data:posts’ var=’post’>
<li>
<b:if cond=’data:showThumbnails == &quot;false&quot;’>
<b:if cond=’data:showSnippets == &quot;false&quot;’>
<!– (1) No snippet/thumbnail –>
<a expr:href=’data:post.href’><data:post.title/></a>
<b:else/>
<!– (2) Show only snippets –>
<div class=’item-title’><a expr:href=’data:post.href’><data:post.title/></a></div>
<div class=’item-snippet’><data:post.snippet/></div>
</b:if>
<b:else/>
<b:if cond=’data:showSnippets == &quot;false&quot;’>
<!– (3) Show only thumbnails –>
<div class=’item-thumbnail-only’>
<b:if cond=’data:post.thumbnail’>
<div class=’item-thumbnail’>
<a expr:href=’data:post.href’ target=’_blank’>
<img alt=” border=’0′ expr:height=’data:thumbnailSize’ expr:src=’data:post.thumbnail’ expr:width=’data:thumbnailSize’/>
</a>
</div>
</b:if>
<div class=’item-title’><a expr:href=’data:post.href’><data:post.title/></a></div>
</div>
<div style=’clear: both;’/>
<b:else/>
<!– (4) Show snippets and thumbnails –>
<div class=’item-content’>
<b:if cond=’data:post.thumbnail’>
<div class=’item-thumbnail’>
<a expr:href=’data:post.href’ target=’_blank’>
<img alt=” border=’0′ expr:height=’data:thumbnailSize’ expr:src=’data:post.thumbnail’ expr:width=’data:thumbnailSize’/>
</a>
</div>
</b:if>
<div class=’item-title’><a expr:href=’data:post.href’><data:post.title/></a></div>
<div class=’item-snippet’><data:post.snippet/></div>
</div>
<div style=’clear: both;’/>
</b:if>
</b:if>
</li>
</b:loop>
</ul>
<b:include name=’quickedit’/>
</div>
</b:includable>
</b:widget>
<b:widget id=’Label1′ locked=’false’ title=’Tag’ 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>
<!– #sidebar –>
</div><!– #main –>
</div><!– #main-wrapper –>
<div id=’footer-wrapper’>
<div class=’container’ id=’footer’>
<b:section class=’footer four units alpha’ id=’footer-left’ maxwidgets=’1′>
<b:widget id=’HTML4′ locked=’true’ title=’FOOTER’ type=’HTML’>
<b:includable id=’main’>
<!– only display title if it’s non-empty –>
<b:if cond=’data:title != &quot;&quot;’>
<h2 class=’title’><data:title/></h2>
</b:if>
<div class=’widget-content’>
<data:content/>
</div>

<b:include name=’quickedit’/>
</b:includable>
</b:widget>
</b:section>
</div><!– #footer –>
</div><!– #footer-wrapper –>
<b:if cond=’data:blog.pageType != &quot;item&quot;’>
<b:if cond=’data:blog.pageType != &quot;static_page&quot;’>
<script type=’text/javascript’>
//<![CDATA[
var home_page_url = location.href;

function showpageCount(json) {
var thisUrl = home_page_url;
var htmlMap = new Array();
var thisNum = 1;
var postNum = 1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html = ”;
var upPageHtml = ”;
var downPageHtml = ”;
for (var i = 0, post; post = json.feed.entry[i]; i++) {
var timestamp1 = post.published.$t.substring(0, 19) + post.published.$t.substring(23, 29);
timestamp = encodeURIComponent(timestamp1);
var title = post.title.$t;
if (title != ”) {
if (itemCount == 0 || (itemCount % pageCount == (pageCount – 1))) {
if (thisUrl.indexOf(timestamp) != -1) {
thisNum = postNum
}
if (title != ”) postNum++;
htmlMap[htmlMap.length] = ‘/search?updated-max=’ + timestamp + ‘&max-results=’ + pageCount
}
}
itemCount++
}
for (var p = 0; p < htmlMap.length; p++) {
if (p >= (thisNum – displayPageNum – 1) && p < (thisNum + displayPageNum)) {
if (fFlag == 0 && p == thisNum – 2) {
if (thisNum == 2) {
upPageHtml = ‘<span class=”showpage”><a href=”/”>’ + upPageWord + ‘</a></span>’
} else {
upPageHtml = ‘<span class=”showpage”><a href=”‘ + htmlMap[p] + ‘”>’ + upPageWord + ‘</a></span>’
}
fFlag++
}
if (p == (thisNum – 1)) {
html += ‘<span class=”showpagePoint”>’ + thisNum + ‘</span>’
} else {
if (p == 0) {
html += ‘<span class=”showpageNum”><a href=”/”>1</a></span>’
} else {
html += ‘<span class=”showpageNum”><a href=”‘ + htmlMap[p] + ‘”>’ + (p + 1) + ‘</a></span>’
}
}
if (eFlag == 0 && p == thisNum) {
downPageHtml = ‘<span class=”showpage”> <a href=”‘ + htmlMap[p] + ‘”>’ + downPageWord + ‘</a></span>’;
eFlag++
}
}
}
if (thisNum > 1) {
html = ” + upPageHtml + ‘ ‘ + html + ‘ ‘
}
html = ‘<div class=”showpageArea”><span class=”showpageOf”> Page 1 of ‘ + (postNum – 1) + ‘</span>’ + html;
if (thisNum < (postNum – 1)) {
html += downPageHtml
}
if (postNum == 1) postNum++;
html += ‘</div>’;
var pageArea = document.getElementsByName(“pageArea”);
var blogPager = document.getElementById(“blog-pager”);
if (postNum <= 2) {
html = ”
}
for (var p = 0; p < pageArea.length; p++) {
pageArea[p].innerHTML = html
}
if (pageArea && pageArea.length > 0) {
html = ”
}
if (blogPager) {
blogPager.innerHTML = html
}
}
function showpageCount2(json) {
var thisUrl = home_page_url;
var htmlMap = new Array();
var isLablePage = thisUrl.indexOf(“/search/label/”) != -1;
var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf(“/search/label/”) + 14, thisUrl.length) : “”;
thisLable = thisLable.indexOf(“?”) != -1 ? thisLable.substr(0, thisLable.indexOf(“?”)) : thisLable;
var thisNum = 1;
var postNum = 1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html = ”;
var upPageHtml = ”;
var downPageHtml = ”;
var labelHtml = ‘<span class=”showpageNum”><a href=”/search/label/’ + thisLable + ‘?&max-results=’ + pageCount + ‘”>’;
var thisUrl = home_page_url;
for (var i = 0, post; post = json.feed.entry[i]; i++) {
var timestamp1 = post.published.$t.substring(0, 19) + post.published.$t.substring(23, 29);
timestamp = encodeURIComponent(timestamp1);
var title = post.title.$t;
if (title != ”) {
if (itemCount == 0 || (itemCount % pageCount == (pageCount – 1))) {
if (thisUrl.indexOf(timestamp) != -1) {
thisNum = postNum

}
if (title != ”) postNum++;
htmlMap[htmlMap.length] = ‘/search/label/’ + thisLable + ‘?max-results=’ + pageCount + ‘&updated-max=’ + timestamp
}
}
itemCount++
}
for (var p = 0; p < htmlMap.length; p++) {
if (p >= (thisNum – displayPageNum – 1) && p < (thisNum + displayPageNum)) {
if (fFlag == 0 && p == thisNum – 2) {
if (thisNum == 2) {
upPageHtml = labelHtml + upPageWord + ‘</a></span>’
} else {
upPageHtml = ‘<span class=”showpage”><a href=”‘ + htmlMap[p] + ‘”>’ + upPageWord + ‘</a></span>’
}
fFlag++
}
if (p == (thisNum – 1)) {
html += ‘<span class=”showpagePoint”>’ + thisNum + ‘</span>’
} else {
if (p == 0) {
html = labelHtml + ‘1</a></span>’
} else {
html += ‘<span class=”showpageNum”><a href=”‘ + htmlMap[p] + ‘”>’ + (p + 1) + ‘</a></span>’
}
}
if (eFlag == 0 && p == thisNum) {
downPageHtml = ‘<span class=”showpage”> <a href=”‘ + htmlMap[p] + ‘”>’ + downPageWord + ‘</a></span>’;
eFlag++
}
}
}
if (thisNum > 1) {
if (!isLablePage) {
html = ” + upPageHtml + ‘ ‘ + html + ‘ ‘
} else {
html = ” + upPageHtml + ‘ ‘ + html + ‘ ‘
}
}
html = ‘<div class=”showpageArea”><span class=”showpageOf”> Pages (‘ + (postNum – 1) + ‘)</span>’ + html;
if (thisNum < (postNum – 1)) {
html += downPageHtml
}
if (postNum == 1) postNum++;
html += ‘</div>’;
var pageArea = document.getElementsByName(“pageArea”);
var blogPager = document.getElementById(“blog-pager”);
if (postNum <= 2) {
html = ”
}
for (var p = 0; p < pageArea.length; p++) {
pageArea[p].innerHTML = html
}
if (pageArea && pageArea.length > 0) {
html = ”
}
if (blogPager) {
blogPager.innerHTML = html
}
}
var thisUrl = home_page_url;
if (thisUrl.indexOf(“/search/label/”) != -1) {
if (thisUrl.indexOf(“?max-results”) != -1) {
var lblname1 = thisUrl.substring(thisUrl.indexOf(“/search/label/”) + 14, thisUrl.indexOf(“?max-results”))
} else {
var lblname1 = thisUrl.substring(thisUrl.indexOf(“/search/label/”) + 14)
}
}
var home_page = “/”;
if (thisUrl.indexOf(“?q=”) == -1 && thisUrl.indexOf(“.html”) == -1) {
if (thisUrl.indexOf(“/search/label/”) == -1) {
document.write(‘<script src=”‘ + home_page + ‘feeds/posts/default?alt=json-in-script&callback=showpageCount&max-results=99999″ ></script>’)
} else {
document.write(‘<script src=”‘ + home_page + ‘feeds/posts/default/-/’ + lblname1 + ‘?alt=json-in-script&callback=showpageCount2&max-results=99999″ ></script>’)
}
}
//]]>
</script>
</b:if>
</b:if>

<b:if cond=’data:blog.pageType == &quot;item&quot;’>
<!– Single Item Scripts –>

<!– End Single Item Scripts –>
<b:else/>
<b:if cond=’data:blog.pageType == &quot;static_page&quot;’>
<!– Static Page Scripts –>
<!– End Static Page Scripts –>
<b:else/>
<!– Index Page Scripts –>
<!– End Index Page Scripts –>
</b:if>
</b:if>
<!– Global Page Scripts –>
<script type=’text/javascript’>
//<![CDATA[
(function($){
// Plugin JS
$.fn.aquaCenter = function()
{
var selector = $(this);
return this.each(function(){
function doCenter(element)
{
var wHeight = $(window).height();
var wWidth = $(window).width();
var sHeight = element.outerHeight(true);
var sWidth = element.outerWidth(true);
var pTop = wHeight / 2 – sHeight / 2;
var pLeft = wWidth / 2 – sWidth / 2
element.css({
position: ‘fixed’,
top : pTop,
left : pLeft
});
}
doCenter(selector);
$(window).bind(‘resize’, function(){
doCenter(selector);
});
});
};

// Aquashop Js
var aquashop = {
init: function(){
simpleCart({
cartColumns: [
{ view: ‘image’, attr: ‘thumb’, label: ” },
{ attr: ‘name’, label: ‘Nama Item’ },
{ attr: ‘price’, label: ‘Harga’, view: ‘currency’ },
{ attr: ‘quantity’, label: ‘Qty’ },
{ attr: “total” , label: “SubTotal”, view: ‘currency’ }
],
cartStyle: ‘table’
});
var transparentElements = $(‘.social a’);
$(‘#cart-wrap’).addClass(‘unwrap’);
transparentElements.css({ opacity: 0 });
$(‘#nav li:has(“ul”)’).children(‘a’).append(‘ +’);
$(‘body’).append(‘<div id=”bg-overlay”/><div id=”overlay-content”/>’);
$(‘#bg-overlay’).css({width: $(document).width(), height: $(document).height(), opacity: 0});
$(‘.social.rss a’).attr(‘href’,rssUrl);
$(‘.social.fb a’).attr(‘href’,facebookUrl);
$(‘.social.tw a’).attr(‘href’,twitterUrl);
$(‘.social.gp a’).attr(‘href’,googleplusUrl);
},
hover_focus: function(){
$(‘input[type=”text”]’).each(function(){
var defaultVal = $(this).val();
$(this).focus(function(){
if( $(this).val() && $(this).val() == defaultVal ) $(this).val(”);
});
$(this).blur(function(){
if( $(this).val() == ” ) $(this).val(defaultVal);
});
});
$(‘.social a’).hover(
function(){ $(this).stop().fadeTo(300,1); },
function(){ $(this).stop().fadeTo(300,0); }
);
$(‘#nav li:has(“ul”)’).hover(
function(){ $(this).children(‘ul’).stop().slideDown(100); },
function(){ $(this).children(‘ul’).stop().slideUp(100); }
);
$(‘#cart-info > a’).click( function(){
if( $(this).next(‘#cart-wrap’).hasClass(‘unwrap’) ) {
$(‘#cart-wrap’).slideDown().addClass(‘wrap’).removeClass(‘unwrap’);
} else {
$(‘#cart-wrap’).slideUp().addClass(‘unwrap’).removeClass(‘wrap’);
}
return false;
});

},
show_cart: function(){
var a = simpleCart.quantity();
if( a == 0 ) {
$(‘.empty-cart-text’).show(); $(‘.cart’).hide();
} else {
$(‘.empty-cart-text’).hide(); $(‘.cart’).show();
}
},
update_cart: function(){
var list = ‘<ul class=”cart-list”>’;
simpleCart.each(function(item,x){
list += ‘<li class=”clearfix”>’;
list += ‘<span class=”item-qty-name”>’+item.get(“quantity”)+’ x ‘+item.get(“name”)+'</span>’;
list += ‘<span class=”item-total”>’+simpleCart.toCurrency(item.get(“total”))+'</span>’;
list += ‘</li>’;
});
list += ‘</ul>’;
$(‘.cart-list’).remove();
$(‘.cart’).prepend(list);
},
cart_add: function(){
$(‘.post-add’).live(‘click’,function(){
var me = $(this);
var container = me.parents(‘div.post’);
var itemName = container.find(‘.post-title’).text();
var itemPrice = container.find(‘.post-price’).text().replace(/[^0-9]/g, ”);
var itemImg = container.find(‘img:first’).attr(‘src’);
console.log(itemImg);
var itemQty = $(‘.post-qty’).val() ? $(‘.post-qty’).val() : 1;
var successText = ‘ Telah ditambahkan ke keranjang belanja’;
$(‘#bg-overlay’).show();
$(‘#overlay-content’).append(‘<span class=”loading”/>’).aquaCenter().show();
$(‘#overlay-content .loading’).delay(300).fadeOut(300,”,function(){
simpleCart.add({ thumb: itemImg, name: itemName, quantity: itemQty, price: itemPrice });
$(‘#overlay-content’).append(‘<div class=”success”><span class=”itemadded”>’+itemName+'</span>’+successText+'</div>’).aquaCenter();
$(‘#overlay-content’).delay(1500).fadeOut(300,”,function(){
$(this).children(‘.loading, .success’).remove();
$(‘#bg-overlay’).hide();
});
});
return false;
});
},
cart_update: function(){
simpleCart.bind(‘update’,function(){
aquashop.update_cart();
aquashop.show_cart();
});
},
cart_empty: function(){
$(‘.empty-cart’).click(function(){
simpleCart.empty();
simpleCart.update();
return false;
});
},
cart_emptyform: function(){
$(‘.empty-cartform’).click(function(){
simpleCart.empty();
simpleCart.update();
return false;
});
},
widget_view: function(){
$(‘.popular-posts .item-content’).each(function(){
var snippet = $(this).children(‘.item-snippet’);
var intprice = snippet.text().replace(/[^0-9]/g, ”);
var price = simpleCart.toCurrency(intprice);
snippet.text(price);
});
},
view_cart: function(){
$(‘.view-cart’).live(‘click’, function(){
window.location.href = cartpageUrl;
return false;
});
}
};
$(function(){
aquashop.init();
aquashop.hover_focus();
aquashop.cart_update()
aquashop.cart_add();
aquashop.cart_empty();
aquashop.cart_emptyform();
aquashop.widget_view();
aquashop.view_cart();
});
})(jQuery)
//]]>
</script>
<!– End Global Page Scripts –>
<!– Google Analytics –>
<b:include data=’blog’ name=’google-analytics’/>
</body>
</html>

Silahkan copy kode-kode di atas dan pastekan pada halaman edit script. Sekarang jadi deh blog toko online anda semoga artikelnya bermanfaat baca juga cara berpromosinya disini

Advertisement
Cara Membuat Toko Online Gratis | amosganteng | 4.5
error: Content is protected !!