Skip to content Skip to sidebar Skip to footer

Widget Atas Posting

Template Tuku Buku Blogger

Template Tuku Buku Blogger
Theme TukuBuku Blogger


Template Tuku Buku untuk Blogger


<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<HTML>
<head>
<!-- Untuk Chrome & Opera -->
<meta content='#41B375' name='theme-color'/>
<!-- Untuk Windows Phone -->
<meta content='#41B375' name='msapplication-navbutton-color'/>
<!-- Untuk Safari iOS -->
<meta content='#41B375' name='apple-mobile-web-app-status-bar-style'/>
<!-- [ Meta Tag SEO ] -->
<meta charset='utf-8'/>
<meta content='width=device-width, initial-scale=1' name='viewport'/>
<meta content='blogger' name='generator'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.hom\epageUrl' rel='openid.delegate'/>
<link expr:href='data:blog.url' rel='canonical'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if></b:if>
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<title>Page Not Found - <data:blog.title/></title>
<meta content='5;/' http-equiv='refresh'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<meta content='noindex' name='robots'/>
</b:if>
<b:if cond='data:blog.searchLabel'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.isMobile'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.pageTitle + &quot;, &quot; + data:blog.title' name='keywords'/>
</b:if></b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='xxxxx' name='keywords'/></b:if>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default?alt=rss&quot;' expr:title='data:blog.title + &quot; - RSS&quot;' rel='alternate' type='application/rss+xml'/>
<link expr:href='&quot;http://www.blogger.com/feeds/&quot; + data:blog.blogId + &quot;/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.postImageThumbnailUrl'>
<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
</b:if></b:if>
<link href='/favicon.ico' rel='icon' type='image/x-icon'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='general' name='rating'/>
<meta content='id' name='geo.country'/>

<!-- [ Social Media meta tag ] -->
<b:if cond='data:blog.url == data:blog.homepageUrl'> 
<b:if cond='data:blog.pageType == &quot;item&quot;'> 
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>  
<b:if cond='data:blog.url'>
<meta expr:content='data:blog.url' property='og:url'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.pageName'>
<meta expr:content='data:blog.pageName' property='og:title'/>
</b:if></b:if></b:if></b:if>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta content='article' property='og:type'/>
<b:else/>
<meta content='website' property='og:type'/>
</b:if>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
<b:else/>
<meta expr:content='data:blog.blogspotFaviconUrl' property='og:image'/>
</b:if></b:if>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
<meta content='xxxxx' property='og:description'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta content='en_US' property='og:locale'/>
<meta content='en_GB' property='og:locale:alternate'/>
<meta content='id_ID' property='og:locale:alternate'/>
<!-- [ CSS ] -->
<link href='https://www.blogger.com/static/v1/widgets/1535467126-widget_css_2_bundle.css' rel='stylesheet' type='text/css'/>
<link crossorigin='anonymous' href='https://use.fontawesome.com/releases/v5.6.3/css/all.css' integrity='sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/' rel='stylesheet'/>
<link href='https://fonts.googleapis.com/css?family=Oswald' rel='stylesheet'/> 
<link href='https://fonts.googleapis.com/css2?family=Montserrat:wght@200&amp;display=swap' rel='stylesheet'/> 
<script src='https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js'/>
  
&lt;style type=&quot;text/css&quot;&gt;
&lt;!-- /*<b:skin><![CDATA[
/*
Theme Name       : tukubuku THEME
Theme Published  : 13 Januari 2021
Theme Designer   : Tukang toko Online
Designer URL     : http://www.tukangtokoonline.web.id
Theme License    : Free License

Dilarang menghapus credit link pada bagian footer, menjual kembali, memberikan sebagai hadiah, bonus penjualan atau hal yang seperti itu dari Template ini, tanpa ijin resmi dari Tukang Toko Online. 
Jika Anda ingin menjual ulang template ini, silakan kontak ke www.tukangtokoonline.web.id.
*/
<Variable name="maincolor" description="Primary Color" type="color" default="#fa5555"  value="#41B375"/>
<Variable name="navactive" description="Navigation Active" type="color" default="#731212"  value="#117d2b"/>
<Variable name="mainfooter" description="Footer Wrapper Color" type="color" default="#731212"  value="#0F9D58"/>
<Variable name="kontenfooter" description="Footer Content Color" type="color" default="#333333"  value="#333333"/>

/* Body Layout */
body#layout div.section {background-color: #958686 !important;}
body#layout {width:1080px}
body#layout #header{width:400px;float:left;}
body#layout #labelatas{width: 250px;float: left;margin-top: -163px;margin-left: 475px;}
body#layout #Categori{width: 400px;}
body#layout #SwipeSlider{width: 800px;}
body#layout #kodemenuatas{width: 400px;}
body#layout #sidebar-wrapper {overflow: visible;width: 300px;float: left;}
body#layout .header-right{width:250px;float:right;}
body#layout #header-tengah{float:left;width:450px;}
body#layout #main {width:400px;float:left;height:500px;background:#131313 !important;}
body#layout ul {display:none}
body#layout #artikel-wrapper{width:515px;}
body#layout #full-left,body#layout #full-right{width: 400px;float:left}
body#layout .footer-wrapper{margin-top:-230px}
body#layout .footer1,body#layout .footer2,body#layout .footer4{width:260px;float:left}
body#layout .Blog .widget-content {height: 300px !important;}

body#layout #outer-wrapper, body#layout .post-inner, body#layout .sidebar {
padding:0 0 0 0;}
body#layout .top-tab-widget-menu ul {display:none;}
body#layout #wrapper, body#layout .post-inner, body#layout .sidebar-inner {
padding:0 0 0 0;}
body#layout .tably {float:left;width:79px;}
body#layout .header-wrapper {margin-top:40px;}
body#layout #navigation {float:right;width:50%;}
body#layout .tably {float:left;width:100%;}

/* CSS Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}

/* CSS HTML5 */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;display:block;}*{margin:0;padding:0;}html{display:block;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{background:transparent;}table{border-collapse:collapse;border-spacing:0;}

/* CSS Framework */
.navbar,.post-feeds,.feed-links{display:none;}
.section,.widget{margin:0 0 0 0;padding:0 0 0 0;}
strong,b{font-weight:bold;}
cite,em,i{font-style:italic;}
a:link{color:#333;text-decoration:none;outline:none;transition:all 0.25s;}
a:visited{color:#888;text-decoration:none;}
a:link:hover{color:#444;text-decoration:none;}
a:visited:hover{color:#eac965;text-decoration:none;}
a img{border:none;border-width:0;outline:none;}
img{vertical-align:middle;border:0;}
abbr,acronym{border-bottom:1px dotted;cursor:help;}
sup,sub{vertical-align:baseline;position:relative;top:-.4em;font-size:86%;}
sub{top:.4em;}small{font-size:86%;}
kbd{font-size:80%;border:1px solid #b4babe;padding:2px 5px;border-bottom-width:2px;}
mark{background-color:#ffce00;color:#fff;}
p,blockquote,pre,table,figure,hr,form,ol,ul,dl{margin:1.5em 0;}
hr{height:1px;border:none;background-color:#46515e;}

/* CSS Blog Heading */
.post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6{line-height:normal;}
h1,h2,h3,h4,h5,h6{font-weight:700;line-height:normal;margin:0 0 0.6em;}
h1{font-size:200%}
h2{font-size:180%}
h3{font-size:160%}
h4{font-size:140%}
h5{font-size:120%}
h6{font-size:100%}

/* CSS Form */
input,button,select,textarea{font-family:'Open Sans';font-size:100%;line-height:normal;vertical-align:baseline;}
textarea{display:block;box-sizing:border-box;}
pre,code{font-family:'Open Sans';color:#46515e;}
pre{white-space:pre;word-wrap:normal;overflow:auto;}
blockquote{margin-left:2em;margin-right:2em;padding:1em 1em;font-size:100%;background:#fff9e7;color:#444;border:1px solid #f0ebda;}
blockquote:before{display:none;content:"\f10d";font-family:FontAwesome;font-style:normal;
font-weight:normal;text-decoration:inherit;padding-right:4px;color:#444;}
/* blockquote:after{content:"\f10e";font-family:FontAwesome;font-style:normal;
font-weight:normal;text-decoration:inherit;padding-left:4px;} */
.awal{float:left;color:#11b7b5;background:#fff;line-height:30px;padding-top:1px;padding-right:5px;font-family:times;font-size:50px;}

/* CSS List */
ul,dl{margin:.5em 0em .5em .5em}
ol{list-style:decimal outside}
ul{list-style:disc outside}
li{margin:.5em 0}
dt{font-weight:bold}
dd{margin:0 0 .5em 2em}

/* CSS List Custom */
.post ul li span{position:relative;display:block;padding:5px 8px;margin-bottom:10px;background:#fff;color:#eee;text-decoration:none;transition:all .3s ease-out;}
.post ul li span:hover{background:#fafafa;}
ol {counter-reset:li;list-style:none;font-size:13px;font-family:'Open Sans','lucida sans';
padding:0;margin-bottom:4em;text-shadow: 0 1px 0 rgba(255,255,255,.5);}
ol ol {margin: 0 0 0 2em;}
.post ol li{position:relative;display:block;padding:0;margin:.5em 0 .5em 2.5em;background:#fcfcfc;color:#666;text-decoration:none;transition:all .3s ease-out;}
.post ol li:hover{background:#fafafa;}
.post ol li:before{content:counter(li);counter-increment:li;position:absolute; 
left:-2.5em;top:50%;margin-top:-1em;background:#fdfdfd;color:#666;height:2em;width:2em;
line-height:2em;text-align:center;font-weight:bold;border:1px solid #ddd;font-family:'Open Sans';transition:all .1s ease-in-out}
.post ol li:hover:before{background:#718397;color:#fff;border:1px solid #697a8e;}
.post ol li:after{position:absolute;content:'';border: .5em solid transparent;
left:-.5em;top:52%;margin-top:-.5em;transition:all .1s ease-in-out}
.post ol li:hover:after{left:-.5em;border-left-color:#718397;}
.post ol li span{position:relative;display:block;padding:5px 8px;margin-bottom:10px;background:#fafafa;color:#666;text-decoration:none;transition:all .3s ease-out;}
.post ol li span:hover{background:#f9f9f9;}

/* CSS Post Table */
.post-body table th, .post-body table td, .post-body table caption{padding:.2em .5em;text-align:left;vertical-align:top;}
.post-body table.tr-caption-container {border:1px solid #d8dde1;}
.post-body th{font-weight:700;}
.post-body table caption{border:none;font-style:italic;}
.post-body table{}
.post-body td, .post-body th{vertical-align:top;text-align:left;font-size:13px;padding:3px 5px;}
.post-body th{background:#ecf0f1;}
.post-body table.tr-caption-container td {border:none;padding:8px;}
.post-body table.tr-caption-container, .post-body table.tr-caption-container img, .post-body img {max-width:100%;height:250px;}
.post-body td.tr-caption {color:#666;font-size:80%;padding:0px 8px 8px !important;}
#atas-artikel{width:600px;overflow:hidden;float:right}
.kiri-atas-artikel{width:275px;overflow:hidden;float:left;max-height: 260px;text-align:center}
.kiri-atas-artikel img{width:270px;height:255px;}
#artikel-wrapper{float:left;width:782px;overflow:hidden;background:#fff}
img {border:none;}
table {}
table.section-columns td.first.columns-cell{border-left:none}
table.section-columns{border:none;table-layout:fixed;width:100%;position:relative}
table.columns-2 td.columns-cell{width:50%}
table.columns-3 td.columns-cell{width:33.33%}
table.columns-4 td.columns-cell{width:25%}
table.section-columns td.columns-cell{vertical-align:top}
table.tr-caption-container{padding:4px;margin-bottom:.5em}
td.tr-caption{font-size:80%}

/* CSS Post Layout */
body {margin:0 auto !important;max-width: 1080px;margin: auto;margin-top: 5px;padding:0 0 0 0;color:#444;font-family:'Roboto';font-size:15px;font-weight:400;text-align:left;top:40px;}
img {border:none;}
#wrapper{padding: 5px}
.clear {clear:both;}
.clear:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;
height:0;}
#navbar-iframe {display:none!important;}
header,nav,section,aside,article,footer {display:block;}

/* CSS Global Wrapper */
/* Top Menu */
#top-menu{background:#eee;text-align:left;border-bottom:1px solid #ddd;height:40px;position: fixed;left:0;right:0;top: 0px;z-index: 100000;}
@media screen and (max-width:1000px){
#top-menu{height:80px;}
#header-wrapper{margin-top:35px !important;}
}
@media screen and (max-width:800px){
#header-tengah{margin-top:40px !important;}
#labelatas{width:100% !important;}
#header{margin:auto;width:100% !important;}
}
#top-menu #top{width: 100%;margin: 0px 0px auto;padding: 10px;color: rgba(0,0,0,.38);font-size: 13px;padding-top:5px;}
#top-menu #top ul{list-style:none;margin:0;padding:5px 0;font-size:12px}
#top-menu #top ul li{display:inline;margin:0 0 0 2px}
#top-menu #top ul li a{font-weight:normal;color:#111;border-right:1px solid rgba(255,255,255,0.2);padding-right:5px;font-size:11px}
#top-menu #top ul li:last-child a{border:none}
#top-menu #top ul li.tanggal{float:left;margin:0;color:#111;font-size:11px}
#top-menu #top ul li.tanggal strong{font-size:12px;margin-right:5px;font-weight:normal}

#nav,.shareink-mainmenu,#search-form,.btn-purple,.footer4,#blog-pager-older-link a,.orderbottom,.PopularPosts .widget-content ul li:hover,.orderbottom,.stok-promo, .stok-terlaris,.container-contact100{background:$maincolor}
.footer1 h2:after, .footer2 h2:after{border-bottom: 2px solid $maincolor;}
#produkterbaru:after,.vitabs-menu .active-tab span{border-bottom: 3px solid $maincolor;}
.stok-promo:after, .stok-terlaris:after {border-left: 8px solid $maincolor;}
#item_price,.judultopmenu a,.fa-list:before{color:$maincolor}
.shareink-mainmenu > li > a.active,#search-form input#search-button[type="submit"],.vitabs-menu .active-tab span{background:$navactive}
.relpro h4 {border-bottom: 2px solid $maincolor;text-align: left;font-family: Arial;font-size: 18px;padding: 1px;width:160px;}

#footer4 p {color: #eee;font-size:12px;}
.linebutton{border:2px solid $maincolor;}
.sidebar .widget h2,#produkterbaru,{color:$maincolor;}
.bawahmenu{border:1px solid $maincolor;}

#outer-wrapper {max-width:980px;margin:20px auto;padding:20px;overflow:hidden;}
#post-wrapper {float:left;width:70%;margin:0 0 10px;}
.post-inner {padding:15px 15px 0 0;}
#header-wrapper {max-width:1080px;margin:0 auto;margin-bottom:5px;overflow:hidden;padding-top:5px}
#header {float:left;width:300px;margin-left:10px}
#header-tengah {float:right;width: 600px;text-align: center;color: #121111;margin-top:-15px;}
#header-tengah img{width:100%;max-height:100px;}
#header-tengah h2{display:none}
.header-right {float:right;overflow:hidden;width:60px;color: #fc7909;font-weight: bold;text-align:right;margin:auto 10px;background: #000;padding: 5px;border-radius: 10px 0px 0 10px;margin-top: -6px;}
.header-right .widget{float:right;margin-right:5px;margin-bottom:5px}
.header-right .fa{float:right;border: 1px solid #5B53AD;padding: 2px;margin-right: 6px !important;transition:all 0.5s;}
.header-right .fa:hover{border:1px solid #685ED1}
.header-right img {width:728px;height:100px}
.header-right a:link{color:#000}
.header-wrapper2 {position:relative;z-index:999;}
.Header .description{color:#726E6E;font-size:11px;font-family:oswald;}
ul.service{padding:0;list-style:none;margin:0;display:table;float:right;border-spacing: 5px;border-collapse: separate;color: #333;background: #fff;}
#header-tengah ul li{display: table-cell;;padding:5px 25px 5px 45px;border:1px dashed #ddd;margin:0 0 0 10px;font-size:13px;font-weight:normal}
#header-tengah ul li span{display:block;font-size:12px;font-weight:bold;padding-top:2px}
#header-tengah ul li.phone{background:url(http://4.bp.blogspot.com/-Qqm90gGRCi8/VRPZcGzGg-I/AAAAAAAAAJc/4h9fn73ytq4/s35/phone.png) no-repeat left center;background-position:5px center}
#header-tengah ul li.wa{background:url(http://cdn-img.easyicon.net/png/11290/1129093.gif) no-repeat left center;background-position:5px center}
#header-tengah ul li.bbm{background:url(http://2.bp.blogspot.com/-rvHYM7Wmo-M/VRP7FTkhR4I/AAAAAAAAAJw/PdR6M9Qbyu0/s35/bbm.png) no-repeat left center;background-position:5px center}
#sidebar-wrapper {float:right;width:285px;margin:0 auto;border-radius: 5px;}
#sidebar-kanan {float:right;width:180px;margin:0 auto;border-radius: 5px;margin-left: 5px;max-height: 256px;overflow: hidden;}
.sidebar-inner {padding:15px 0;}
.sidebar .widget {margin-top:7px;;background: #FBF7F7}
.sidebar .widget h2{font-family:'oswald';font-size: 140%;background: #fff;padding-top: 5px;padding-bottom: 5px;overflow:hidden;}
.sidebarkanan .widget h2 {font-family: 'oswald';font-size: 120%;background: #fff;color: #000;padding-top: 5px;padding-bottom: 5px;margin-bottom:5px}
.sidebar .widget h2:after{
content: '';
    display: inline-block;
    position: absolute;
    height: 14px;
    top: 2px;
    margin: 16px 0 12px 10px;
    width: 100%;
    background: url(http://2.bp.blogspot.com/-jvkSsDIOLek/VTqhwzaT7VI/AAAAAAAAHp8/aI9NkkfXEYE/s1600/dot.png)repeat;
}
.sidebar a:link{color:#A72314;text-transform: capitalize;}
.footer-wrapper {width:100%;text-align:left;overflow:hidden;margin:20px 0px 0px 0px}
.footer-wrapper .widget ul{padding:0 !important;}
@media (max-width:679px){.footer-wrapper {margin:20px 0px 25px 0px}}}
.footer-wrapper a:link{color:#eee}
#footer-widgetfix .footer-widget {width:30.6%;float:left;margin-left:20px;}
#footer-widgetfix {max-width:1100px;overflow:hidden;margin:0 auto;}
.footer-wrapper .widget-content {text-align:left;margin:0 0 15px;color: #7d7c7c;font-size: 14px;}
.footer-wrapper .widget-content li {margin-left:-14px;}
.footer-wrapper .widget li {margin:5px 0 0 0;padding:5px 0 0 5px;}
.footer-bottom {min-height:40px;}
#footx1,#footx2,#footx3 {margin:0 .2%}
.footer {padding-bottom:.2em;}
#social_networks{width:100%;display:block;margin:0 auto;text-align:center;}
#social_networks ul {list-style:none;}
.lyco-search {position:relative;padding:0;height:0;margin:0 auto;}

.footer{max-width:980px;text-align:center;border-top:2px solid #CCC2C2;font-size:11px; margin:auto auto 10px auto;font-family: open sans;color: #726B6B;}
.footer1,.footer2{width:31%;text-align:left;font-size:12px; margin:8px 8px 10px 5px;font-family: open sans;float:left;padding:5px;background: none;}
.footer1 a:link{color:#7d7c7c !important}
.footer2 a:link{color: #a1a1a1 !important;font-weight: 500;font-style: normal;font-size: 110%;line-height: 100%;}
.footer2 li{list-style:disc;color: #4681b5 !important;margin-left: 10px !important;}
.footer1 h2,.footer2 h2{color: #333;font-size: 17px;font-weight: 400;text-transform: none;margin-bottom: 20px;font-family:Arial;}
.footer1 h2:after,.footer2 h2:after{content: " ";width:90px;height: 0px;position: absolute;left: 0;bottom: -2px;}
.footer4{width:29%;text-align:left;font-size:12px; margin:6px auto 6px 10px;font-family: Arial;color: #726B6B;float:right;padding:5px;}
.footer4 h2{color:#eee;text-align:left;font-size:25px;}
.footer4 a:link{color:#A72314}

.credit{width:100%;text-align:center;border-top:2px solid #CCC2C2;font-size:11px; margin:auto auto 0px auto;font-family: open sans;color: #767677;padding:8px 0;margin-bottom: 65px;}
.credit a:link,.credit a:visited {color:#767677;font-size:11px;}
.breadcrumbs{padding:0px 5px 5px 0;margin-bottom:20px;margin-top:0px;font-size:11px;color:#5B5B5B;border-bottom:1px dotted #bbb;}
.breadcrumbs a:link{color:#D55040;font-weight:bold}
#item_price{height:20px;position:absolute;font:bold 16px Arial;border:0 none;padding:5px 10px 5px 0px;background: #E75A3A;max-width:160px;text-align:center;left: 0px;top: 58px;border-left:none !important;}
.post-body img{margin-right:7px;text-align:left;height:auto;}


/* Shopping Cart 
----------------------------------------------- */
#shoppingCart{background:#2c2c2c url(http://4.bp.blogspot.com/-auJzkeat_xI/UN7MALEcF0I/AAAAAAAAB7k/hI_NP-aYqW8/s1600/simplecart.png) repeat-x top;border-radius:5px 5px 5px 5px;-moz-border-radius:5px;-webkit-border-radius:5px 5px 5px 5px;float:left;color:#ddd;width:243px;margin:10px;padding:0 10px 10px}
#shoppingCart h2{background:url(http://2.bp.blogspot.com/-N9GvSMaH38A/T7qCGHb4ElI/AAAAAAAAGLo/sNUlCs3e8mo/s1600/icon_cart.png) no-repeat left top;display:block;font-size:16px;color:#F6A905;text-decoration:none;margin-bottom:10px;padding:0 0 10px 25px}
.itemname{float:left;clear:both}
.item_thumb{padding:10px}
.simpleCart_items{background:#E7E6E6;-webkit-box-shadow:inset #000 0 2px 8px;-moz-box-shadow:inset #000 0 2px 7px;font-size:80%;min-height:90px;display:block;margin-left:0 auto 5px;overflow:hidden;padding:5px}
.simpleCart_items img{text-align:left;width:40px!important;height:40px!important;padding:2px}
.itemContainer{float:left;width:200px;text-align:center;display:block;position:relative;bottom:0}
.itemthumb{float:left;width:58px;margin:0}
.itemQuantity{float:left;width:10px;margin:6px 0}
.itemQuantity input{border:none;color:#ddd;background:none;float:left;font:bold 11px Arial,sans-serif;height:22px;text-align:center;width:10px;padding:5px}
.itemQuantity input:focus{outline:none}
.itemremove a{color:#ffc23d;float:left;font-weight:700;margin:15px 0 0 5px}
.itemTotal{color:#fff;float:left;font:bold 11px Arial,sans-serif;text-align:right;width:80px;margin:15px 0 0 10px;padding:0}
.simpleCart_finalTotal{color:#fff;font:bold 14px Arial}
#shoppingCart table td{color:#b5b5b5;border:none;padding:2px 0}
#shoppingCart table{border:none;margin-top:5px}
#shoppingCart table td.odd{width:110px;}
#shoppingCart table td.even{width:110px;}
.cartbuttons{margin:10px 0 0}

input.item_add:hover{background:#eee;background-size:40px}
input.item_add{font-size:16px;font-weight:800;text-align:center;border:none;border-radius:2px 2px 2px 2px;-moz-border-radius:2px;-webkit-border-radius:2px 2px 2px 2px;background:#E75A3A;width:180px;height: 40px;margin-right:5px;padding:5px;background-size:40px;font-size: 11px;font-family: 'Arial';color:#131313}

#checkout{background:#D9D9D9;color:#000;text-decoration:none;font-size:80%;display:block;text-align:center;-moz-border-radius:5px;border-radius:5px;-webkit-border-radius:5px;padding:10px}
#checkout:hover{background:#333;color:#FFF}
.item_name,.hidden_value,.cartHeaders{display:block}
/*-- Cart 
------------------------------------*/
.cart {
float:right;
padding:10px 0px;
}

a.view-cart {
display:block;
width:50px;
height:50px;
float:left;
background:url(http://4.bp.blogspot.com/-E8HXqbwpy44/UaUtChB-eUI/AAAAAAAAG5k/SgzbdhT7n9s/s50/view-cart-Bg.png) no-repeat top center;
margin-right:10px;
text-indent:-99999px;
}

a.simpleCart_checkout,a.simpleCart_empty {
margin-left:.3em;
margin-bottom:5px;
padding:.4em 1.90em .4em 1.90em;
background: #F93005;
color: #fafafa;
text-decoration:none;
border-top:1px solid  rgba(255, 255, 255, 0.4);
border-bottom:1px solid rgba(0, 0, 0, 0.4);
border-radius:3px 3px 3px 3px;
}

a.simpleCart_checkout:hover, a.simpleCart_empty:hover {
background:#ff7100;
color:#fafafa;
} 

/*------------------------*/
.post h1{text-align:left;font-family: Open sans;font-weight:400;}
.post h1 a:link{color:#333;}

.header img {text-align:center;max-width:300px;max-height:100px;margin-bottom:5px}
#sidebar-wrapper .widget li,.sidebarkanan .widget li,.sidebar .widget li{border-bottom: 1px dashed #CCC8C8;}
#sidebar-wrapper .Label li,.sidebarkanan .Label li,.sidebar .Label li{background: transparent url("https://lh3.googleusercontent.com/-y05d464IVgU/VhHcy5viRII/AAAAAAAABWo/bmdfDH6jQn8/s14-Ic42/panah%252520oranye.jpg") no-repeat scroll left;padding-left: 16px;}
#sidebar-wrapper .Label li,.sidebarkanan .Label li{overflow:hidden;margin-left: -21px;}

.sidebarkanan{position: relative;width:177px;padding:1px;background: #F80909 ;color: #fff;font-size: 26px;font-weight: bold;text-align: center;}
.sidebarkanan .widget-content{text-shadow: 3px 3px #000;}

#BounceToTop {background:#5e5e5e;text-align:center;position:fixed;bottom:53px;right:2px;cursor:pointer;width:40px;height:40px;border-radius:1000px;padding:5px;display:none;transition:all .3s ease-out;opacity: 0.7;}
#BounceToTop:hover {background:#222;}
#BounceToTop:before {content:""; position:absolute; bottom:18px; right:14px; width:0; height:0; border-style:solid; border-width:0 11px 16px 12px; border-color:transparent transparent #fff transparent; line-height:0;}
#BounceToTop:after {content:""; position:absolute; bottom:18px; right:15px; width:0; height:0; border-style:solid; border-width:0 10px 14px 11px; border-color:transparent transparent #5e5e5e transparent; line-height:0;transition:all .3s ease-out;}
#BounceToTop:hover:after {border-color:transparent transparent #222 transparent;}

/*--comment hack--*/
#comments {}
#comments h3 {margin-bottom:15px;font-size:18px;}
.comment_avatar_wrap{
width:42px;
height:42px;
border: 1px solid #C4C4C4;
border-top-color: #E4E4E4;
border-left-color: #E4E4E4;
background:#fcfcfc;
padding:4px;
border-radius: 2px;
text-align:center;
margin-bottom:20px;
}
#comments .avatar-image-container {
float: left;
margin: 0 10px 0 0;
width: 42px;
height: 42px;
max-width:42px;
max-height:42px;
padding: 0;
margin-bottom:10px;
}
#comments .avatar-image-container img {
width: 42px;
height: 42px;
max-width: 42px;
max-height: 42px;
background:url(http://2.bp.blogspot.com/-fjaZBtfvzac/UN1mw2tUamI/AAAAAAAADkc/XdKqt8hWZ6w/s1600/anon.jpg) no-repeat;
}
.comment_name a {
font-weight: bold;
padding: 5px 0 0 0;
font-size: 13px;
text-decoration: none;
}
.comment_admin .comment_name  {
font-weight: bold;
padding: 10px;
font-size: 13px;
text-decoration: none;
background:#eee;
}
.comment_admin .comment_date  {
font-weight: normal;
font-size:11px;
}
.comment_name {
background:#eee;
padding:10px;
font-size:13px;
font-weight:bold;
position:relative;
}
.comment_service{
margin-top:5px
}
.comment_date {
color: #a9a9a9;
float:right;
font-size:11px;
font-weight:normal;
margin-top:-3px;
}
.comment_date a{
color: #a9a9a9;
float:right;
font-size:11px;
font-weight:normal;
}
.comment_date a:hover{
color: #a9a9a9;
text-decoration:none;
}
.comment_body{
margin-left:66px;
margin-top: -72px;
background:#fcfcfc;
border:1px solid #d1d1d1;
padding:10px;
border-radius: 2px;
}
.comment_body p {
line-height: 1.5em;
margin: 5px 0 0 0;
color: #666;
border:1px solid #eee;
font-size: 13px;
word-wrap:break-word;
background:#fff;
padding:10px;
}
.comment_inner {
padding-bottom: 5px;
margin: 5px 0 5px 0;
}
.comment_child .comment_wrap {padding-left: 7%;}
.comment_reply {
display: inline-block;
margin-top:8px;
margin-left:-5px;
padding: 1px 12px;
color: #fff !important;
text-align: center;
text-decoration: none;
border-radius: 2px;
background: #bababa;
font: 11px/18px sans-serif;
transition: background-color 1s ease-out 0s;
}
.comment_reply:hover {
text-decoration: none !important;;
background: #056b95;
}
.unneeded-paging-control {display: none;}
.comment-form {max-width: 100%;!important;}
#comment-editor {width:103%!important;background:transparent url('data:image/gif;base64,R0lGODlhKwALAPAAAKrD2AAAACH5BAEKAAEAIf4VTWFkZSBieSBBamF4TG9hZC5pbmZvACH/C05FVFNDQVBFMi4wAwEAAAAsAAAAACsACwAAAjIMjhjLltnYg/PFChveVvPLheA2hlhZoWYnfd6avqcMZy1J14fKLvrEs/k+uCAgMkwVAAAh+QQBCgACACwAAAAAKwALAIFPg6+qw9gAAAAAAAACPRSOKMsSD2FjsZqEwax885hh3veMZJiYn8qhSkNKcBy4B2vNsa3pJA6yAWUUGm9Y8n2Oyk7T4posYlLHrwAAIfkEAQoAAgAsAAAAACsACwCBT4OvqsPYAAAAAAAAAj1UjijLAg9hY6maalvcb+IPBhO3eeF5jKTUoKi6AqYLwutMYzaJ58nO6flSmpisNcwwjEfK6fKZLGJSqK4AACH5BAEKAAIALAAAAAArAAsAgU+Dr6rD2AAAAAAAAAJAVI4oy5bZGJiUugcbfrH6uWVMqDSfRx5RGnQnxa6p+wKxNpu1nY/9suORZENd7eYrSnbIRVMQvGAizhAV+hIUAAA7') no-repeat 50% 30%}}
.comment_form a {
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
font-family: Arial, Helvetica, Garuda, sans-serif;
font-size: 15px;
}
.comment_form a:hover {text-decoration: underline;}
.comment-form p {
background: #666;
padding: 10px;
margin: 5px 0 5px 0;
color: #eee;
font-size: 13px;
line-height: 20px;
width:97%;
border-radius:3px;
position:relative;
}
.comment-form p:after{
content:"";
width:0;
height:0;
position:absolute;
bottom:-16px;
left:15px;
border:8px solid transparent;
border-color:#666 transparent transparent;
}
.comment_reply_form {
padding: 0 0 0 70px;
}
.comment_reply_form .comment-form {width: 99%;}
.comment_emo_list{
display:none;
}
.comment_emo_list .item {
float: left;
text-align: center;
margin: 10px 10px 0 0;
height: 40px;
width:41px;
}
.comment_emo_list span {
display: block;
font-weight: bold;
font-size: 11px;
letter-spacing: 1px;
}
.comment_emo_list span {
display: block;
font-weight: bold;
font-size: 11px;
letter-spacing: 1px;
}
.comment_youtube {max-width:100%!important;width:400px;height:225px;display:block;margin:auto}
.comment_img {max-width:100%!important;}
.deleted-comment {
padding: 10px 10px 10px 10px;
display: block;
color: #CCC;
}
.comment_arrow {
display: block;
width: 9px;
height: 18px;
background: url(http://3.bp.blogspot.com/-NONrBLhghFk/To0nNB1LmkI/AAAAAAAAAI4/CAuzDfYiCiU/s1600/comment-arrow.gif) no-repeat;
position: absolute;
margin-left: -19px;
}
.comment_header{width:50px}
#respond {
overflow: hidden;
padding-left: 10px;
clear: both;
}
.comment_avatar img{width:42px;height:42px;background:url(http://2.bp.blogspot.com/-fjaZBtfvzac/UN1mw2tUamI/AAAAAAAADkc/XdKqt8hWZ6w/s1600/anon.jpg) no-repeat}
.comment-delete img{float:right;margin-left:15px;margin-top:3px;margin-right:10px}
.comment_author_flag {display:none}
.comment_admin .comment_author_flag {display:inline;background:url(http://4.bp.blogspot.com/-lABM2Z7_HVs/Ui_XAxhHY6I/AAAAAAAAFXc/wbQNB2SkcIQ/s1600/author.png)no-repeat;font-size:13px;font-weight:normal;padding:2px 6px;right:-23px;margin-top:-23px;color:#fff;border-radius:4px;text-transform:uppercase;position:absolute;width:36px;height:36px;}
iframe{border:none;overflow:hidden}
/*--end comment hack--*/
.jump-link{display:none}

/* Label */
.widget-content.list-label-widget-content {padding:0;}
.widget-content.cloud-label-widget-content {display:inline-block;}
.label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5 {font-size:100%;opacity:1}
.cloud-label-widget-content{text-align:left;padding:10px;}
.label-count {background:#fff;white-space:nowrap;display:inline-block;padding:6px 8px;color:#111;}
.label-count:hover {background:#29abe2;color:#fff;}
.footer-wrapper .Label li {background:transparent;color:#666;padding:5px;text-align:left;width:94%;border-bottom:1px solid #eee;transition:all .3s ease-out;list-style: none;}
.footer-wrapper .Label li:hover {color:#29abe2;}
.footer-wrapper .Label li:before {content:"\f105";font-style:normal;font-weight:900;text-decoration:inherit;padding-right:4px;color:#666;transition:all .3s ease-out;font-family: 'Font Awesome 5 Free';}
.footer-wrapper .Label li:hover:before {margin:0 0 0 5px;padding-right:4px;color:#29abe2;}
.footer-wrapper .Label li a {color:#666;transition:all .3s ease-out;}
.footer-wrapper .Label li a:hover {color:#29abe2;}
.footer-wrapper .Label li span{float:right;background-color:#999;color:#fff;line-height:1.2;margin:0 5px 0 0;padding:4px 6px;text-align:center;font-size:12px;transition:initial;border-radius:2px;}
.footer-wrapper .Label li span:hover{background-color:#29abe2;color:#fff}
.footer-wrapper .label-size{background:#c8d2d7;display:block;float:left;margin:0 4px 4px 0;font-size:13px;border:1px solid #e6e6e6;transition:all 0.3s;}
.footer-wrapper .label-size:hover{background:#29abe2;border-color:#b69c6c;}
.footer-wrapper .label-size a {display:inline-block;color:#444;padding:8px 10px;
font-weight:400;}
.footer-wrapper .label-size a:hover {color:#fff;}
.footer-wrapper .label-size a:before {content:"\f02b";font-family: 'Font Awesome 5 Free';
font-style:normal;font-weight:900;text-decoration:none;padding-right:4px;
color:#444;transition:initial;}
.footer-wrapper .label-size a:hover:before {content:"\f02b";font-family: 'Font Awesome 5 Free';color:#eee}

#footeratas,.footeratas {
    background: #fff url();
    border-top: 0px solid #ccc;
    width: 100%;
    padding: 0;
}
#footeratas-wrapper,.footeratas-wrapper {
    color: #737373;
    font: 13px open sans;
    max-width: 980px;
    margin: 0 auto;
    line-height: 16px;
    overflow: hidden;
    padding: 0;
}

.sidebar #Feed1 ul{list-style: disc outside !important;}

/* CSS Form Kontak popup*/
#buttonpop {
margin: 0 auto;
width: 100%;
text-align: center;
}

#buttonpop a {
background-image: linear-gradient(to bottom,#2a95c5,#21759b);
background-image: -o-linear-gradient(to bottom,#2a95c5,#21759b);
background-image: -ms-linear-gradient(to bottom,#2a95c5,#21759b);
background-image: -moz-linear-gradient(to bottom,#2a95c5,#21759b);
background-image: -webkit-linear-gradient(to bottom,#2a95c5,#21759b);
background-color: #2e9fd2;
width: 86px;
height: 30px;
vertical-align: middle;
padding: 10px;
color: #fff;
text-decoration: none;
border: 1px solid transparent;
border-radius: 5px;
}

#popuppop {
width: 100%;
height: 100%;
position: fixed;
background: transparent;
top: 0;
left: 0;
z-index: 19999;
visibility: hidden;
}

.windowpop {
max-width: 300px;
height: auto;
background: #fff;
border-radius: 10px;
position: relative;
padding: 10px;
box-shadow: 0 0 5px rgba(0,0,0,.4);
text-align: center;
margin: 15% auto;
}
@media screen and (max-width:679px){
.windowpop{margin: 27% auto !important;}
}
.close-buttonpop {
width: 30px;
height: 30px;
background: #000;
border-radius: 50%;
border: 3px solid #fff;
display: block;
text-align: center;
color: #fff;
text-decoration: none;
position: absolute;
top: -10px;
right: -10px;
color: #fff !important;
}

#popuppop:target {
visibility: visible;
}
/*end CSS Form Kontak popup*/
.widget.ContactForm,.widget #ContactForm1{display: none !important;}
/* Drop down label*/
.Label select{width: 100%;border: 1px solid #ddd;background: #eee;color: #8e8e8e;padding: 5px;line-height: 12px;display: inline-block;font-size: 12px;}
#labelatas {
    width: 125px;
    float: right;
    margin-top: 12px;
}
#labelatas h2{display:none;}
/* end */

.bannerkotak h2,#bannerkotak h2 {display:none}
@media screen and (max-width:800px){
option *{font-size: 11px !important;}
}
.CSS_LIGHTBOX_SCALED_IMAGE_IMG{margin-top:20px;}
.full-left .caption,.full-right .caption{display:none}
#kodemenuatas h2 {display:none;}
.carousel-indicators li{width:13px !important;}
#blog-pager-newer-link,.home-link{display:none}

.carousel-control-next-icon, .carousel-control-prev-icon{opacity: 0.3;}
.carousel-control-next-icon:hover, .carousel-control-prev-icon:hover{opacity: 1;}
/*--tooltip--*/
.tooltip1 {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip1 .tooltiptext1 {
  visibility: hidden;
width: 120px;
background-color: #555;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px 0;
position: absolute;
z-index: 1;
bottom: 125%;
left: 50%;
margin-left: -10px;
opacity: 0;
transition: opacity 0.3s;
margin-bottom: -16px;
}

.tooltip1 .tooltiptext1::after {
  content: "";
position: absolute;
top: 90%;
left: 47%;
margin-left: -56px;
border-width: 5px;
border-style: solid;
border-color: #555 transparent transparent transparent;
}

.tooltip1:hover .tooltiptext1 {
  visibility: visible;
  opacity: 1;
}
/*--border label post--*/
.borderlabel {
    border: 1px solid #eee;
    margin-right: 3px;
    padding: 3px;
        padding-right: 3px;
}
.borderlabel:hover {
    background: #ececec;
}

.windowA {
	width: 350px;
	height: 400px;
	background: #fff;
	border-radius: 10px;
	position: relative;
	padding: 10px;
	text-align: center;
	margin: 10% auto;
transition: ease-in-out;
}
.windowA img{
max-width:350px;
width:100%;
max-height:400px;
height:100%;
}
@media screen and (max-width:600px){
.windowA {
	width: 250px !important;
	height: 300px !important;
	margin: 28% auto !important;
}
.windowA img{
max-width:250px !important;
max-height:300px !important;
}
}
.windowA h2 {
	margin: 30px 0 0 0;
}
/* buttonA Close */
.close-buttonA {
width: 8%;
height: 7%;
line-height: 20px;
background: #000;
border-radius: 50%;
border: 3px solid #fff;
display: block;
text-align: center;
color: #fff !important;
text-decoration: none !important;
position: absolute;
top: -2px;
right: -2px;
font-weight: 700;	
z-index:9;
}

/* Memunculkan Jendela Pop Up*/
#popupA:target {
	visibility: visible;
}
.CSS_LIGHTBOX {z-index: 999999 !important;}
]]></b:skin>

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<style>
   .harganormal1 {display:none !important;}
  /* Make the image fully responsive */
  .carousel-inner img {
    width: 100%;
    height: 100%;
  max-height:350px;
  }
.carousel-item{background: #111 !important;padding: 3px}
.carousel-inner {background: #111 !important;max-height:400px;height:100%;}  
.credit{margin-bottom: 0px;}
#item_price {top: 235px !important;}
  #BounceToTop:before {right:9px !important;}
  #BounceToTop:after {right:10px !important;}

  #sidebar-wrapper{display:none}
  #artikel-wrapper{width:100%;}
</style>
  </b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
.credit{margin-bottom: 65px !important;}
  </style>
</b:if>
<b:if cond='data:blog.url != data:blog.homepageUrl'>
<style>
@media screen and (max-width:800px){
.input-search {
    margin-top: 13px !important;
}
}
</style>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<style>
  .harganormal1 {display:none !important;}
@media screen and (min-width:1001px){
  .full-left,.full-right{width:50% !important;}
}
@media screen and (min-width:801px){
  .full-left,.full-right{width:46% !important;}
}
@media screen and (max-width:800px){
  .full-left,.full-right{width:92% !important;}
.input-search {margin-left: -10px !important;}
}
</style>
</b:if></b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
	<style>
.judulpost{display:none;}
 /*--tablinks w3--*/
 .w3-image{max-width:100%;height:auto}img{vertical-align:middle}a{color:inherit}
.w3-table,.w3-table-all{border-collapse:collapse;border-spacing:0;width:100%;display:table}.w3-table-all{border:1px solid #ccc}
.w3-bordered tr,.w3-table-all tr{border-bottom:1px solid #ddd}.w3-striped tbody tr:nth-child(even){background-color:#f1f1f1}
.w3-table-all tr:nth-child(odd){background-color:#fff}.w3-table-all tr:nth-child(even){background-color:#f1f1f1}
.w3-hoverable tbody tr:hover,.w3-ul.w3-hoverable li:hover{background-color:#ccc}.w3-centered tr th,.w3-centered tr td{text-align:center}
.w3-table td,.w3-table th,.w3-table-all td,.w3-table-all th{padding:8px 8px;display:table-cell;text-align:left;vertical-align:top}
.w3-table th:first-child,.w3-table td:first-child,.w3-table-all th:first-child,.w3-table-all td:first-child{padding-left:16px}
.w3-btn,.w3-button{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.w3-btn:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
.w3-btn,.w3-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}   
.w3-disabled,.w3-btn:disabled,.w3-button:disabled{cursor:not-allowed;opacity:0.3}.w3-disabled *,:disabled *{pointer-events:none}
.w3-btn.w3-disabled:hover,.w3-btn:disabled:hover{box-shadow:none}
.w3-badge,.w3-tag{background-color:#000;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center}.w3-badge{border-radius:50%}
.w3-ul{list-style-type:none;padding:0;margin:0}.w3-ul li{padding:8px 16px;border-bottom:1px solid #ddd}.w3-ul li:last-child{border-bottom:none}
.w3-tooltip,.w3-display-container{position:relative}.w3-tooltip .w3-text{display:none}.w3-tooltip:hover .w3-text{display:inline-block}
.w3-ripple:active{opacity:0.5}.w3-ripple{transition:opacity 0s}
.w3-input{padding:8px;display:block;border:none;border-bottom:1px solid #ccc;width:100%}
.w3-select{padding:9px 0;width:100%;border:none;border-bottom:1px solid #ccc}
.w3-dropdown-click,.w3-dropdown-hover{position:relative;display:inline-block;cursor:pointer}
.w3-dropdown-hover:hover .w3-dropdown-content{display:block}
.w3-dropdown-hover:first-child,.w3-dropdown-click:hover{background-color:#ccc;color:#000}
.w3-dropdown-hover:hover &gt; .w3-button:first-child,.w3-dropdown-click:hover &gt; .w3-button:first-child{background-color:#ccc;color:#000}
.w3-dropdown-content{cursor:auto;color:#000;background-color:#fff;display:none;position:absolute;min-width:160px;margin:0;padding:0;z-index:1}
.w3-check,.w3-radio{width:24px;height:24px;position:relative;top:6px}
.w3-sidebar{height:100%;width:200px;background-color:#fff;position:fixed!important;z-index:1;overflow:auto}
.w3-bar-block .w3-dropdown-hover,.w3-bar-block .w3-dropdown-click{width:100%}
.w3-bar-block .w3-dropdown-hover .w3-dropdown-content,.w3-bar-block .w3-dropdown-click .w3-dropdown-content{min-width:100%}
.w3-bar-block .w3-dropdown-hover .w3-button,.w3-bar-block .w3-dropdown-click .w3-button{width:100%;text-align:left;padding:8px 16px}
.w3-main,#main{transition:margin-left .4s}
.w3-modal{z-index:3;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}
.w3-modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:600px}
.w3-bar{width:100%;overflow:hidden}.w3-center .w3-bar{display:inline-block;width:auto}
.w3-bar .w3-bar-item{padding:8px 16px;float:left;width:auto;border:none;display:block;outline:0}
.w3-bar .w3-dropdown-hover,.w3-bar .w3-dropdown-click{position:static;float:left}
.w3-bar .w3-button{white-space:normal;font-weight: 700;font-family: arial;border-right: 2px solid #2d2b2b;}
.w3-bar-block .w3-bar-item{width:100%;display:block;padding:8px 16px;text-align:left;border:none;white-space:normal;float:none;outline:0}
.w3-bar-block.w3-center .w3-bar-item{text-align:center}.w3-block{display:block;width:100%}
.w3-responsive{display:block;overflow-x:auto}
.w3-container:after,.w3-container:before,.w3-panel:after,.w3-panel:before,.w3-row:after,.w3-row:before,.w3-row-padding:after,.w3-row-padding:before,
.w3-cell-row:before,.w3-cell-row:after,.w3-clear:after,.w3-clear:before,.w3-bar:before,.w3-bar:after{content:&quot;&quot;;display:table;clear:both}
.w3-col,.w3-half,.w3-third,.w3-twothird,.w3-threequarter,.w3-quarter{float:left;width:100%}
.w3-col.s1{width:8.33333%}.w3-col.s2{width:16.66666%}.w3-col.s3{width:24.99999%}.w3-col.s4{width:33.33333%}
.w3-col.s5{width:41.66666%}.w3-col.s6{width:49.99999%}.w3-col.s7{width:58.33333%}.w3-col.s8{width:66.66666%}
.w3-col.s9{width:74.99999%}.w3-col.s10{width:83.33333%}.w3-col.s11{width:91.66666%}.w3-col.s12{width:99.99999%}
@media (min-width:601px){.w3-col.m1{width:8.33333%}.w3-col.m2{width:16.66666%}.w3-col.m3,.w3-quarter{width:24.99999%}.w3-col.m4,.w3-third{width:33.33333%}
.w3-col.m5{width:41.66666%}.w3-col.m6,.w3-half{width:49.99999%}.w3-col.m7{width:58.33333%}.w3-col.m8,.w3-twothird{width:66.66666%}
.w3-col.m9,.w3-threequarter{width:74.99999%}.w3-col.m10{width:83.33333%}.w3-col.m11{width:91.66666%}.w3-col.m12{width:99.99999%}}
@media (min-width:993px){.w3-col.l1{width:8.33333%}.w3-col.l2{width:16.66666%}.w3-col.l3{width:24.99999%}.w3-col.l4{width:33.33333%}
.w3-col.l5{width:41.66666%}.w3-col.l6{width:49.99999%}.w3-col.l7{width:58.33333%}.w3-col.l8{width:66.66666%}
.w3-col.l9{width:74.99999%}.w3-col.l10{width:83.33333%}.w3-col.l11{width:91.66666%}.w3-col.l12{width:99.99999%}}
.w3-rest{overflow:hidden}.w3-stretch{margin-left:-16px;margin-right:-16px}
.w3-content,.w3-auto{margin-left:auto;margin-right:auto}.w3-content{max-width:980px}.w3-auto{max-width:1140px}
.w3-cell-row{display:table;width:100%}.w3-cell{display:table-cell}
.w3-cell-top{vertical-align:top}.w3-cell-middle{vertical-align:middle}.w3-cell-bottom{vertical-align:bottom}
.w3-hide{display:none!important}.w3-show-block,.w3-show{display:block!important}.w3-show-inline-block{display:inline-block!important}
@media (max-width:1205px){.w3-auto{max-width:95%}}
@media (max-width:600px){.w3-modal-content{margin:0 10px;width:auto!important}.w3-modal{padding-top:30px}
.w3-dropdown-hover.w3-mobile .w3-dropdown-content,.w3-dropdown-click.w3-mobile .w3-dropdown-content{position:relative}	
.w3-hide-small{display:none!important}.w3-mobile{display:block;width:100%!important}.w3-bar-item.w3-mobile,.w3-dropdown-hover.w3-mobile,.w3-dropdown-click.w3-mobile{text-align:center}
.w3-dropdown-hover.w3-mobile,.w3-dropdown-hover.w3-mobile .w3-btn,.w3-dropdown-hover.w3-mobile .w3-button,.w3-dropdown-click.w3-mobile,.w3-dropdown-click.w3-mobile .w3-btn,.w3-dropdown-click.w3-mobile .w3-button{width:100%}}
@media (max-width:768px){.w3-modal-content{width:500px}.w3-modal{padding-top:50px}}
@media (min-width:993px){.w3-modal-content{width:900px}.w3-hide-large{display:none!important}.w3-sidebar.w3-collapse{display:block!important}}
@media (max-width:992px) and (min-width:601px){.w3-hide-medium{display:none!important}}
@media (max-width:992px){.w3-sidebar.w3-collapse{display:none}.w3-main{margin-left:0!important;margin-right:0!important}.w3-auto{max-width:100%}}
.w3-top,.w3-bottom{position:fixed;width:100%;z-index:1}.w3-top{top:0}.w3-bottom{bottom:0}
.w3-overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:2}
.w3-display-topleft{position:absolute;left:0;top:0}.w3-display-topright{position:absolute;right:0;top:0}
.w3-display-bottomleft{position:absolute;left:0;bottom:0}.w3-display-bottomright{position:absolute;right:0;bottom:0}
.w3-display-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
.w3-display-left{position:absolute;top:50%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}
.w3-display-right{position:absolute;top:50%;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}
.w3-display-topmiddle{position:absolute;left:50%;top:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.w3-display-bottommiddle{position:absolute;left:50%;bottom:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.w3-display-container:hover .w3-display-hover{display:block}.w3-display-container:hover span.w3-display-hover{display:inline-block}.w3-display-hover{display:none}
.w3-display-position{position:absolute}
.w3-circle{border-radius:50%}
.w3-round-small{border-radius:2px}.w3-round,.w3-round-medium{border-radius:4px}.w3-round-large{border-radius:8px}.w3-round-xlarge{border-radius:16px}.w3-round-xxlarge{border-radius:32px}
.w3-row-padding,.w3-row-padding&gt;.w3-half,.w3-row-padding&gt;.w3-third,.w3-row-padding&gt;.w3-twothird,.w3-row-padding&gt;.w3-threequarter,.w3-row-padding&gt;.w3-quarter,.w3-row-padding&gt;.w3-col{padding:0 8px}
.w3-container,.w3-panel{padding:0.01em 16px}.w3-panel{margin-top:16px;margin-bottom:16px}
.w3-code,.w3-codespan{font-family:Consolas,&quot;courier new&quot;;font-size:16px}
.w3-code{width:auto;background-color:#fff;padding:8px 12px;border-left:4px solid #4CAF50;word-wrap:break-word}
.w3-codespan{color:crimson;background-color:#f1f1f1;padding-left:4px;padding-right:4px;font-size:110%}
.w3-card,.w3-card-2{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.w3-card-4,.w3-hover-shadow:hover{box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)}
.w3-spin{animation:w3-spin 2s infinite linear}@keyframes w3-spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}
.w3-animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.w3-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
.w3-animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.w3-animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.w3-animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.w3-animate-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.w3-animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.w3-animate-input{transition:width 0.4s ease-in-out}.w3-animate-input:focus{width:100%!important}
.w3-opacity,.w3-hover-opacity:hover{opacity:0.60}.w3-opacity-off,.w3-hover-opacity-off:hover{opacity:1}
.w3-opacity-max{opacity:0.25}.w3-opacity-min{opacity:0.75}
.w3-greyscale-max,.w3-grayscale-max,.w3-hover-greyscale:hover,.w3-hover-grayscale:hover{filter:grayscale(100%)}
.w3-greyscale,.w3-grayscale{filter:grayscale(75%)}.w3-greyscale-min,.w3-grayscale-min{filter:grayscale(50%)}
.w3-sepia{filter:sepia(75%)}.w3-sepia-max,.w3-hover-sepia:hover{filter:sepia(100%)}.w3-sepia-min{filter:sepia(50%)}
.w3-tiny{font-size:10px!important}.w3-small{font-size:12px!important}.w3-medium{font-size:15px!important}.w3-large{font-size:18px!important}
.w3-xlarge{font-size:24px!important}.w3-xxlarge{font-size:36px!important}.w3-xxxlarge{font-size:48px!important}.w3-jumbo{font-size:64px!important}
.w3-left-align{text-align:left!important}.w3-right-align{text-align:right!important}.w3-justify{text-align:justify!important}.w3-center{text-align:center!important}
.w3-border-0{border:0!important}.w3-border{border:1px solid #ccc!important}
.w3-border-top{border-top:1px solid #ccc!important}.w3-border-bottom{border-bottom:1px solid #ccc!important}
.w3-border-left{border-left:1px solid #ccc!important}.w3-border-right{border-right:1px solid #ccc!important}
.w3-topbar{border-top:6px solid #ccc!important}.w3-bottombar{border-bottom:6px solid #ccc!important}
.w3-leftbar{border-left:6px solid #ccc!important}.w3-rightbar{border-right:6px solid #ccc!important}
.w3-section,.w3-code{margin-top:16px!important;margin-bottom:16px!important}
.w3-margin{margin:16px!important}.w3-margin-top{margin-top:16px!important}.w3-margin-bottom{margin-bottom:16px!important}
.w3-margin-left{margin-left:16px!important}.w3-margin-right{margin-right:16px!important}
.w3-padding-small{padding:4px 8px!important}.w3-padding{padding:8px 16px!important}.w3-padding-large{padding:12px 24px!important}
.w3-padding-16{padding-top:16px!important;padding-bottom:16px!important}.w3-padding-24{padding-top:24px!important;padding-bottom:24px!important}
.w3-padding-32{padding-top:32px!important;padding-bottom:32px!important}.w3-padding-48{padding-top:48px!important;padding-bottom:48px!important}
.w3-padding-64{padding-top:64px!important;padding-bottom:64px!important}
.w3-left{float:left!important}.w3-right{float:right!important}
.w3-button:hover{color:#000!important;background-color:#ccc!important}
.w3-transparent,.w3-hover-none:hover{background-color:transparent!important}
.w3-hover-none:hover{box-shadow:none!important}
/* Colors */
.w3-amber,.w3-hover-amber:hover{color:#000!important;background-color:#ffc107!important}
.w3-aqua,.w3-hover-aqua:hover{color:#000!important;background-color:#00ffff!important}
.w3-blue,.w3-hover-blue:hover{color:#fff!important;background-color:#2196F3!important}
.w3-light-blue,.w3-hover-light-blue:hover{color:#000!important;background-color:#87CEEB!important}
.w3-brown,.w3-hover-brown:hover{color:#fff!important;background-color:#795548!important}
.w3-cyan,.w3-hover-cyan:hover{color:#000!important;background-color:#00bcd4!important}
.w3-blue-grey,.w3-hover-blue-grey:hover,.w3-blue-gray,.w3-hover-blue-gray:hover{color:#fff!important;background-color:#607d8b!important}
.w3-green,.w3-hover-green:hover{color:#fff!important;background-color:#4CAF50!important}
.w3-light-green,.w3-hover-light-green:hover{color:#000!important;background-color:#8bc34a!important}
.w3-indigo,.w3-hover-indigo:hover{color:#fff!important;background-color:#3f51b5!important}
.w3-khaki,.w3-hover-khaki:hover{color:#000!important;background-color:#f0e68c!important}
.w3-lime,.w3-hover-lime:hover{color:#000!important;background-color:#cddc39!important}
.w3-orange,.w3-hover-orange:hover{color:#000!important;background-color:#ff9800!important}
.w3-deep-orange,.w3-hover-deep-orange:hover{color:#fff!important;background-color:#ff5722!important}
.w3-pink,.w3-hover-pink:hover{color:#fff!important;background-color:#e91e63!important}
.w3-purple,.w3-hover-purple:hover{color:#fff!important;background-color:#9c27b0!important}
.w3-deep-purple,.w3-hover-deep-purple:hover{color:#fff!important;background-color:#673ab7!important}
.w3-red,.w3-hover-red:hover{color:#fff!important;background-color:#f44336!important}
.w3-sand,.w3-hover-sand:hover{color:#000!important;background-color:#fdf5e6!important}
.w3-teal,.w3-hover-teal:hover{color:#fff!important;background-color:#009688!important}
.w3-yellow,.w3-hover-yellow:hover{color:#000!important;background-color:#ffeb3b!important}
.w3-white,.w3-hover-white:hover{color:#000!important;background-color:#fff!important}
.w3-black,.w3-hover-black:hover{color:#fff!important;background-color:#000!important}
.w3-grey,.w3-hover-grey:hover,.w3-gray,.w3-hover-gray:hover{color:#000!important;background-color:#9e9e9e!important}
.w3-light-grey,.w3-hover-light-grey:hover,.w3-light-gray,.w3-hover-light-gray:hover{color:#000!important;background-color:#f1f1f1!important}
.w3-dark-grey,.w3-hover-dark-grey:hover,.w3-dark-gray,.w3-hover-dark-gray:hover{color:#fff!important;background-color:#616161!important}
.w3-pale-red,.w3-hover-pale-red:hover{color:#000!important;background-color:#ffdddd!important}
.w3-pale-green,.w3-hover-pale-green:hover{color:#000!important;background-color:#ddffdd!important}
.w3-pale-yellow,.w3-hover-pale-yellow:hover{color:#000!important;background-color:#ffffcc!important}
.w3-pale-blue,.w3-hover-pale-blue:hover{color:#000!important;background-color:#ddffff!important}
.w3-text-amber,.w3-hover-text-amber:hover{color:#ffc107!important}
.w3-text-aqua,.w3-hover-text-aqua:hover{color:#00ffff!important}
.w3-text-blue,.w3-hover-text-blue:hover{color:#2196F3!important}
.w3-text-light-blue,.w3-hover-text-light-blue:hover{color:#87CEEB!important}
.w3-text-brown,.w3-hover-text-brown:hover{color:#795548!important}
.w3-text-cyan,.w3-hover-text-cyan:hover{color:#00bcd4!important}
.w3-text-blue-grey,.w3-hover-text-blue-grey:hover,.w3-text-blue-gray,.w3-hover-text-blue-gray:hover{color:#607d8b!important}
.w3-text-green,.w3-hover-text-green:hover{color:#4CAF50!important}
.w3-text-light-green,.w3-hover-text-light-green:hover{color:#8bc34a!important}
.w3-text-indigo,.w3-hover-text-indigo:hover{color:#3f51b5!important}
.w3-text-khaki,.w3-hover-text-khaki:hover{color:#b4aa50!important}
.w3-text-lime,.w3-hover-text-lime:hover{color:#cddc39!important}
.w3-text-orange,.w3-hover-text-orange:hover{color:#ff9800!important}
.w3-text-deep-orange,.w3-hover-text-deep-orange:hover{color:#ff5722!important}
.w3-text-pink,.w3-hover-text-pink:hover{color:#e91e63!important}
.w3-text-purple,.w3-hover-text-purple:hover{color:#9c27b0!important}
.w3-text-deep-purple,.w3-hover-text-deep-purple:hover{color:#673ab7!important}
.w3-text-red,.w3-hover-text-red:hover{color:#f44336!important}
.w3-text-sand,.w3-hover-text-sand:hover{color:#fdf5e6!important}
.w3-text-teal,.w3-hover-text-teal:hover{color:#009688!important}
.w3-text-yellow,.w3-hover-text-yellow:hover{color:#d2be0e!important}
.w3-text-white,.w3-hover-text-white:hover{color:#fff!important}
.w3-text-black,.w3-hover-text-black:hover{color:#000!important}
.w3-text-grey,.w3-hover-text-grey:hover,.w3-text-gray,.w3-hover-text-gray:hover{color:#757575!important}
.w3-text-light-grey,.w3-hover-text-light-grey:hover,.w3-text-light-gray,.w3-hover-text-light-gray:hover{color:#f1f1f1!important}
.w3-text-dark-grey,.w3-hover-text-dark-grey:hover,.w3-text-dark-gray,.w3-hover-text-dark-gray:hover{color:#3a3a3a!important}
.w3-border-amber,.w3-hover-border-amber:hover{border-color:#ffc107!important}
.w3-border-aqua,.w3-hover-border-aqua:hover{border-color:#00ffff!important}
.w3-border-blue,.w3-hover-border-blue:hover{border-color:#2196F3!important}
.w3-border-light-blue,.w3-hover-border-light-blue:hover{border-color:#87CEEB!important}
.w3-border-brown,.w3-hover-border-brown:hover{border-color:#795548!important}
.w3-border-cyan,.w3-hover-border-cyan:hover{border-color:#00bcd4!important}
.w3-border-blue-grey,.w3-hover-border-blue-grey:hover,.w3-border-blue-gray,.w3-hover-border-blue-gray:hover{border-color:#607d8b!important}
.w3-border-green,.w3-hover-border-green:hover{border-color:#4CAF50!important}
.w3-border-light-green,.w3-hover-border-light-green:hover{border-color:#8bc34a!important}
.w3-border-indigo,.w3-hover-border-indigo:hover{border-color:#3f51b5!important}
.w3-border-khaki,.w3-hover-border-khaki:hover{border-color:#f0e68c!important}
.w3-border-lime,.w3-hover-border-lime:hover{border-color:#cddc39!important}
.w3-border-orange,.w3-hover-border-orange:hover{border-color:#ff9800!important}
.w3-border-deep-orange,.w3-hover-border-deep-orange:hover{border-color:#ff5722!important}
.w3-border-pink,.w3-hover-border-pink:hover{border-color:#e91e63!important}
.w3-border-purple,.w3-hover-border-purple:hover{border-color:#9c27b0!important}
.w3-border-deep-purple,.w3-hover-border-deep-purple:hover{border-color:#673ab7!important}
.w3-border-red,.w3-hover-border-red:hover{border-color:#f44336!important}
.w3-border-sand,.w3-hover-border-sand:hover{border-color:#fdf5e6!important}
.w3-border-teal,.w3-hover-border-teal:hover{border-color:#009688!important}
.w3-border-yellow,.w3-hover-border-yellow:hover{border-color:#ffeb3b!important}
.w3-border-white,.w3-hover-border-white:hover{border-color:#fff!important}
.w3-border-black,.w3-hover-border-black:hover{border-color:#000!important}
.w3-border-grey,.w3-hover-border-grey:hover,.w3-border-gray,.w3-hover-border-gray:hover{border-color:#9e9e9e!important}
.w3-border-light-grey,.w3-hover-border-light-grey:hover,.w3-border-light-gray,.w3-hover-border-light-gray:hover{border-color:#f1f1f1!important}
.w3-border-dark-grey,.w3-hover-border-dark-grey:hover,.w3-border-dark-gray,.w3-hover-border-dark-gray:hover{border-color:#616161!important}
.w3-border-pale-red,.w3-hover-border-pale-red:hover{border-color:#ffe7e7!important}.w3-border-pale-green,.w3-hover-border-pale-green:hover{border-color:#e7ffe7!important}
.w3-border-pale-yellow,.w3-hover-border-pale-yellow:hover{border-color:#ffffcc!important}.w3-border-pale-blue,.w3-hover-border-pale-blue:hover{border-color:#e7ffff!important}
 /*--end tablinks w3--*/
.harganormal {
    clear: both;
    margin-top: -30px;
    max-width: 250px;
    font-family: Arial;
    font-weight: 700;
    float: right;
    margin-left: 37%;
    position: absolute;
}
@media screen and (max-width:679px){
.harganormal {
     margin-left: 16px;
}
}
.widget .post-body li {
    margin-bottom: .25em;
    padding-top: 0;
    padding-bottom: 0;
    list-style-type: disc;
}
/* Style the tab */
.container1{max-width: 800px;margin: 0 auto;background: #fff;}
ul.tabsnya{margin: 0px !important;padding: 0px !important;list-style: none;padding-bottom: 0px !important;background: #fff;font-weight:700;border-bottom: 2px solid #ddd; max-width:310px;}
ul.tabsnya li{background: none;color: #9b9898;display: inline-block;padding: 10px 15px;cursor: pointer;margin-bottom:0px !important;}
ul.tabsnya li.current{background: #fff;color: #222;border-bottom:2px solid #12c84d;padding-bottom:4px;}
.tab-content{display: none;background: #fff;padding: 15px;margin-top:0px;}
.tab-content.current{display: inherit;}
/*end tab content*/

.item_name{
    line-height: 18px;
}
.post h1 a {
    font-size: 18px !important;
    font-family: Arial;
    font-weight: 500;
    line-height: 18px;
}
  #BounceToTop:before {right:9px !important;}
  #BounceToTop:after {right:10px !important;}

.marketplace1,.marketplace1 img{
    width: 40px;
    height: 40px;
}

#sebelumdiskon{
color: #bcb6b6;
text-decoration: line-through red;
font-size: 16px;
font-family: Oswald;
font-weight: 700;
letter-spacing: 1px;}

#harga {
color: #f40202;
font-family: Open Sans;
font-size: 13px;
letter-spacing: .6px;
font-style: italic;
font-weight: 700;
border-bottom: 1px solid #acaaaa;
}

.badge.stok-habis {
    background: url(https://1.bp.blogspot.com/-BuiLMjHv9gw/XxpkunqF8GI/AAAAAAAAFts/0WUKsNdACVUBbPYpui1dGqIHo92GLIZNgCNcBGAsYHQ/s320/sold%2Bout.png) no-repeat;
background-size: 200px;
background-position-y: 100px;
background-position-x: 40px;
    width: 273px !important;
    height: 200px !important;
    font-size: 65px;
    line-height: 85px;
    padding: 40px 10px 0px 10px;
    opacity: 0.8;
    font-family: Oswald;
}
.badge.stok-habis:after {
    content: &quot;&quot;;
    margin-top: 124px;
    left: 166px !important;
    float: right;
    width: 227px;
    border:none;
}
@media (max-width:679px){
.badge.stok-habis,.badge.stok-habis:after{
   width:300px !important;
   padding: 30px 35px 0px 15px !important;}
.badge.stok-habis:after{
   margin-top: 86px;
   left: 162px !important;}
}
}
</style>
</b:if>
<style>
/*Recent Post Based Label Artikel*/
img.recent_thumb {padding:1px;width:55px;height:55px;border:0; float:left;margin:0 0 5px 10px;display:none;}
.recent_posts_with_thumbs {float: right;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}

ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;min-height:53px;}
  ul.recent_posts_with_thumbs hr{display:none}
.recent_posts_with_thumbs a {text-decoration:none;}
  .recent_posts_with_thumbs a:link{color:#fff;font-size:125%;}
.recent_posts_with_thumbs strong {font-size:10px;}

  #bawah-artikel{width:100%}
#bawah-artikel h2{color:#817E7E;font-size:20px;padding:5px;text-shadow:1px 1px #1E3151;overflow: hidden;}
#bawah-artikel h2:after {content: &quot;&quot;;display: inline-block;position: absolute;height: 14px;top: 2px;margin: 16px 0px 12px 10px;width: 100%;background: transparent url(&quot;http://2.bp.blogspot.com/-jvkSsDIOLek/VTqhwzaT7VI/AAAAAAAAHp8/aI9NkkfXEYE/s1600/dot.png&quot;) repeat scroll 0% 0%;}
  #bawah-artikel .widget ul{padding:0px}
  #bawah-artikel1,#bawah-artikel2{width:95%;border: 1px #eee solid;margin-left: 16px;
margin-bottom: 8px;padding-left: 5px;padding-right: 5px;}
  @media only screen and (max-width:850px){
    #bawah-artikel1,#bawah-artikel2{width:100%}
}
/*End Recent Post Based Label Artikel*/

a.home-link{display:none}
#blog-pager{padding:10px}
#blog-pager-older-link{float:none}
#blog-pager-older-link a{padding:10px;color:#fff;border-radius:18px;font-weight: 700;font-size: 12px;}
#blog-pager-older-link a:hover{background:#333}
  
#Image2 img,#Image3 img{
  float: left;
  width: 100%;
  margin-right: 15px;
  background-color: #ddd;
  max-height:150px;
border-radius: 8px;
margin-bottom:10px !Important;
}
.bannerkotak,#bannerkotak{
max-width: 100%;
width: 1100px;
margin: auto;
}
@media screen and (max-width:600px){
  #Image2 img,#Image3 img{width: 100% !important;margin:auto;text-align:center;max-height:100px !Important;}
.bannerkotak,#bannerkotak{width: 95%;height: auto;margin:auto}
}
.full-left {
    float: left;
    width: 50%;
    position: relative;
    padding: 0 10px 0 30px;
}
.full-right {
    float: right;
    width: 50%;
    padding: 0 30px 0 10px;

}
@media screen and (max-width:800px){
.full-left, .full-right {
    float: none;
    padding: 0 15px;
    width: 100%;}
}
/* SEARCH FORM */
.search-icon {position:relative;float:left;width:100%;}
.search-icon svg {width:20px;height:25px;}
.search-icon path {fill: #9e9e9e;}
.search-icon a {color: #9e9e9e;}
#search_mini_form {margin:12px;}
.input-search{font-size:12px;width:100%;border:1px solid #e0e0e0;border-radius:3px;margin:0 auto;background-color:#fff;}
.input-search input{background:0 0;width:90%;height:20px;outline:0;margin:6px 10px 6px 0;border:none!important;padding:0 10px}
  @media screen and (max-width:800px){
    .search-icon{width:95%;margin-top:-56px;}
    #search_mini_form{width:100%}
    .input-search{width:100%}
.input-search input{width:75%}
}
.input-search button{width:40px;height:32px;float:right;background:#dfdfdf;border:0;padding:4px;outline:none;cursor:pointer;}
  .input-search button:hover{background:#d2d1d1;}
.input-search button i{background-image:url(data:image/svg+xml;charset=utf8;base64,IDxzdmcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB4bWxuczp4bGluaz0naHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluaycgd2lkdGg9JzI0JyBoZWlnaHQ9JzI0JyB2aWV3Qm94PScwIDAgMjQgMjQnPjxkZWZzPjxwYXRoIGlkPSdhJyBkPSdNMCAuNTYxaDE2djE2SDB6Jy8+PHBhdGggaWQ9J2MnIGQ9J00wIC41Nmg2LjQ0VjdIMHonLz48L2RlZnM+PGcgZmlsbD0nbm9uZScgZmlsbC1ydWxlPSdldmVub2RkJz48ZyB0cmFuc2Zvcm09J3RyYW5zbGF0ZSgyIDEuNDQpJz48bWFzayBpZD0nYicgZmlsbD0nI2ZmZic+PHVzZSB4bGluazpocmVmPScjYScvPjwvbWFzaz48cGF0aCBmaWxsPScjQkRCREJEJyBkPSdNOCAuNTZhOCA4IDAgMSAwIDAgMTYuMDAxIDggOCAwIDAgMCAwLTE2bTAgM2MyLjc1NyAwIDUgMi4yNDMgNSA1cy0yLjI0MyA1LTUgNS01LTIuMjQzLTUtNSAyLjI0My01IDUtNScgbWFzaz0ndXJsKCNiKScvPjwvZz48ZyB0cmFuc2Zvcm09J3RyYW5zbGF0ZSgxNSAxNC40NCknPjxtYXNrIGlkPSdkJyBmaWxsPScjZmZmJz48dXNlIHhsaW5rOmhyZWY9JyNjJy8+PC9tYXNrPjxwYXRoIGZpbGw9JyNCREJEQkQnIGQ9J00zLjg3OSA2LjU2TC40MzkgMy4xMjNBMS41IDEuNSAwIDAgMSAyLjU2MiAxTDYgNC40NGExLjUgMS41IDAgMSAxLTIuMTIxIDIuMTInIG1hc2s9J3VybCgjZCknLz48L2c+PC9nPjwvc3ZnPg==);background-repeat:no-repeat;background-size:cover;width:18px;height:18px;z-index:4;display:block;margin:auto}

/*judul topmenu*/
  .judultopmenu{font-size:17px !important;font-family:Oswald !important;letter-spacing:1px;}
  .judultopmenu a {font-size: 17px !important;font-family: Oswald !important;letter-spacing: 1px;}
  .judultopmenu a:hover{color:#555 !important}

/*order bottom*/
  @media (min-width:769px){
.orderbottom {max-width:100% !important}
    .ordersms, .orderwhatsapp, .ordertelephon{width:20% !important}
}
  .orderbottom a{
color: #fff !important;
line-height: 54px !important;}
  .orderbottom{
bottom: 0;
color: #fff;
font-weight: 400;
line-height: 54px;
margin: 0 auto;
max-width: 768px;
position: fixed;
text-align: center;
width: 100%;
z-index: 100000;
left:0px;}
.ordersms, .orderwhatsapp, .ordertelephon {float: right;font-size: 30px;width: 54px;}
.ordersms:hover, .orderwhatsapp:hover, .ordertelephon:hover{text-decoration: none;transition: all 0.31s ease 0s;font-size:35px}
  .orderwhatsapp{background: #1ec657 none repeat scroll 0 0;}
  .orderwhatsapp a{color: #000;margin: 0 !important;}
  .ordersms{background: blue none repeat scroll 0 0;}
  .ordertelephon{background: red none repeat scroll 0 0;}

.linebutton{max-width:200px;background:#fff url() no-repeat 30px 10px;padding:5px 55px;color:#2259BF;font:normal 20px open sans;float:center;transition:all 0.15s ease-in-out;-moz-transition:all 0.15s ease-in-out;-webkit-transition:all 0.15s ease-in-out;text-align:center;margin-top:20px;}
.linebutton:hover{color:#444;border:2px solid#444;background:#ddd}

/*badge label homepage*/
.badge{position: absolute;top: 4px;left: 0;z-index:9;font-family: Arial;display: inherit !important;padding: 5px !important;text-align: left !important;}
.badge:after{content: &quot;&quot;;border-top: 12px solid transparent;border-right: 8px solid transparent;border-bottom: 12px solid transparent;position: absolute;top: 0;right: -14px;}
.stok-promo,.stok-terlaris {color: #ffffff;padding: 0 8px;margin-bottom: 4px;color: #fff;font-size: 11px;text-transform: uppercase;font-weight: 700;height: 24px;line-height: 24px;width:79px;position:relative}
.stok-habis:after {border-left: 8px solid #e25252;}
  .stok-habis{
background: url(https://1.bp.blogspot.com/-BuiLMjHv9gw/XxpkunqF8GI/AAAAAAAAFts/0WUKsNdACVUBbPYpui1dGqIHo92GLIZNgCNcBGAsYHQ/s320/sold%2Bout.png) no-repeat;
background-size: 100px;
background-position-y: 58px;
background-position-x: 30px;
width: 163px !important;
height: 272px;
opacity: 0.8;
color: #f1f1f1;
text-align: center !important;
padding: 46px 6px 0px 4px !important;
font-weight: 700 !important;
font-family: Oswald;
letter-spacing: 1px;
font-size: 34px !important;
z-index: 99998;}
.badge.stok-habis:after {
    content: &quot;&quot;;
    border:none;
}
  @media screen and (max-width:450px){
    .stok-habis{width:146px !important}
}
  @media screen and (max-width:350px){
    .stok-habis{width:135px !important}
}

/*end badge label homepage*/

  .post-header{position:absolute;}
  .switch2 {
    height: 30px;
    color: #fff;
    margin: 0 auto;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 0px;
    text-transform: uppercase;
    border-bottom: 0px solid #ccc;
    max-width: 100%;
    word-wrap: break-word;
    background: #F1F1F1;
}

.switch2 h2 {
    height: 20px;
    line-height: 20px;
    color: #fff;
    margin: 0 0;
    padding: 5px 9px;
    text-transform: uppercase;
    max-word-wrap: break-word;
    background: #333;
    display: inline-block;
    font: normal 16px coda;
    margin-top: -3px;
    border-right: 5px solid#fff;
}

.switch-left11 {
    width: 100%;
    float: left;
    margin: 0 auto;
    padding: 3px 0;
    font: normal 17px coda;
    text-align: left;
    color: #333;
    word-wrap: break-word;
}

/*data bank*/
.smart_bank {
padding: 9px;
border-bottom: 1px dotted #CCC;
margin:0 auto;
}
.smart_bank .bank
{ display: block; background-image: url(&#39;http://3.bp.blogspot.com/-SvbDkqR7YXk/U6Aup31Vy0I/AAAAAAAACkk/2gVnC8AvffI/s1600/bank_indotoko.png&#39;);
background-repeat:no-repeat;
border:1px solid#f1f1f1;
margin:0 auto;
margin-bottom:5px; }
.bca { background-position: -0px -0px; width: 150px; height: 37px; }
.mega { background-position: -170px -0px; width: 150px; height: 37px; }
.mandiri { background-position: -0px -37px; width: 150px; height: 37px; }
.cimb { background-position: -170px -37px; width: 150px; height: 37px; }
.bri { background-position: -0px -74px; width: 150px; height: 37px; }
.permata { background-position: -170px -74px; width: 150px; height: 37px; }
.bni { background-position: -0px -111px; width: 150px; height: 37px; }
.bank_detail{
text-align:center;
  font-size:11px;
}
/*end data bank*/
/* feature post*/
.feature p {background: #DD197A;width: 80px;padding: 5px;color: rgb(255, 255, 255);font-weight: 700;float: right;margin-right: 22px;position: absolute;opacity: 0.6;font-size: 12px;}
.feature h2{font-size:20px;font-family: oswald;background:#555555;color:#eee;padding:0 5px;border-radius: 0 50px 0 0;width:200px}
  .feature img{width:60%;}
  .feature .post-summary {text-align:center}
.feature .widget h3 {font-size:18px;text-align:center;border-bottom:none !important;bottom: 35px;position: absolute;margin: auto !important;width: 100%;}
  .feature .widget h3 a:link{color: #fff;background: #DE39E9;padding: 5px;opacity: 0.7;transition: all 1.2s ease-in 0s;}
.feature .widget h3 a:link:hover{Background:#9E2873;color:#eee;opacity:none}

/*--popular post css--*/
.PopularPosts .widget-content ul li {background: #fff;border: 1px solid #fff;overflow: hidden;margin-bottom: 5px;padding: 0px 5px 0px 0px !important;transition: all 1.2s ease-in 0s;}
.sidebar .PopularPosts ul {padding:0}
.PopularPosts .item-title {padding-bottom: 0.2em;overflow: hidden;padding-top: 15px;font-size:17px}
.PopularPosts img {width:80px;float: left;margin-right: 15px;}
.PopularPosts .item-thumbnail {float: left;margin: 0px !important;}
.sidebar .PopularPosts .item-snippet{color:#FA0C0C;font-size: 11px;font-weight: bold;font-style: italic;display:none;}
.PopularPosts a:link{color:#acabab;text-align:justify}
  .PopularPosts a:link:hover{color:#fff;}
/* related post */
ul#related-posts{font:bold 12px Arial;list-style:none;text-transform:none;margin:10px auto;padding:0}
ul#related-posts li{float:left;height:auto;list-style-type:none;margin:0 5px;padding:2px 1px}
*html ul.rp#related-posts li{margin:0 13px}
ul#related-posts li a{-moz-box-shadow:0 1px 2px rgba(0,0,0,0.15);border:2px solid #000;display:block;height:100px;position:relative;width:90px;color:#eaeaea;text-decoration:none;text-shadow:0 1px 0 #000}
ul#related-posts li .overlay{height:84px;line-height:16px;position:absolute;width:84px;z-index:10;padding:6px 0 0 6px}
ul#related-posts li a:hover .overlay{background:url(http://3.bp.blogspot.com/-F6jJZ3Qin7s/T5bShzfjYRI/AAAAAAAAAtE/aD9q8DnSYiw/s1600/transparant.png);display:block!important;}
ul#related-posts li img{bottom:0;padding:0!important}
ul#related-posts li a:hover{-moz-box-shadow:0 1px 3px rgba(0,0,0,0.25)}
@media (max-width:679px){
  ul#related-posts{max-width:325px}
}
@media (max-width:679px){
ul#related-posts li{margin: 0 4px !important;}
}
/* Subscribe Box */
#FollowByEmail1{background-color:#BEC3F0;margin:20px 0 0 0;padding:20px;overflow:hidden;border:8px solid #C6D3E0}
/*order tombol pada desktop*/
@media (max-width:679px){
  .buy-area{display:none;}
}
.buy-area{width:250px;margin-top:10px;float:left;margin-right:10px;background:#ddd;border:1px solid #DDD;border-radius:5px;overflow:hidden;padding:10px 10px 20px;margin-bottom:10px}
.buy-area .price{font-family:&quot;Fjalla One&quot;, sans-serif;width:230px;background:#fff;border:#E4E4E4 solid 1px;border-radius:5px;text-align:center;font-weight:400;font-size:22px;padding:10px}
.buy-area .as{width:245px;overflow:hidden}
.buy-area .omg{width:70px;text-align:center;float:left}
.buy-area .tek{width:160px;float:right;text-align:left;font-size:11px}
.buy-area .tek h3{font-size:15px;color:#444;margin:0;padding:0}
.buy-area .buy{width:225px;text-align:center;font-size:15px;text-transform:uppercase;font-weight:700;background:#333;color:#FFF!important;transition:all ease-in 1.8s;margin:10px 0;padding:10px}
.buy-area .buy:hover{background:#000}
.relpro{min-width: 300px;margin-top:20px}
@media only screen and (min-width:903px) and (max-width:1000px){
.relpro{min-width:400px}
}

@media only screen and (max-width:769px){
    #judul-blog{display:none}
}
@media only screen and (max-width: 600px){
    #item_price{top:100px;}
    #judul-blog a:link{color:#eee;}
  .relpro{float:none;margin-top:40px;}
  }
@media only screen and (max-width:1000px){
    ul.service{margin:auto !important;float:none !important;}
  }
@media only screen and (max-width:450px){
    #header-tengah ul li{font-size: 11px;padding: 5px 8px 5px 40px !important;}
  }
@media only screen and (max-width:767px){
    #sidebar-wrapper{display:none}
}

@media only screen and (max-width:435px){
.header-right{border-radius: 10px 0px 0 10px;margin-top: -16px;z-index: 10000;}
  }
/* end widget bawah post*/
  .review{color:#333;font-style:italic;border-bottom:1px solid #ccc}
/*harga tabel*/
  #harga table{width:70%;float:left}
/*detail produk*/
#detail{position:relative;margin:0 0 10px;width:100%;text-align:center !important;max-height: 290px;overflow: hidden;}
#detail:hover{overflow: visible;}
#detail img {text-align:center;width: 100%;height: 100%;max-width: 350px;}
#detail .images{float:left;width:39%;text-align:center;margin:1px 0 10px;font-size:11px;min-height:200px;box-sizing:border-box; margin-right:1%}
#detail .images img{width:100%;display:block}
#detail .images span{display:block;font-style:italic;position:relative;margin-top:-18px;color:#fff}
#detail table{width:60%;float:right;padding:0 0 0 5px;color:#111;margin:0;box-sizing:border-box;border-collapse: collapse; }
#detail table tr{border-top:1px solid #eee}
#detail table tr:nth-child(odd){background:#fafafa;}
#detail table td{padding:9px 10px}
#detail table td:first-child{font-weight:bold;color:#555}
#detail table tr.now td{padding:0 10px}
#detail td i{display:none}
#detail .harga{display:block;padding:4px 0;font-size:13px;font-weight:bold;text-transform:uppercase}
#detail del{color:#777;padding:0 ;font-family:tahoma;font-size:11px}
#detail strong{padding:0 0 0 10px;color:red;font-family:tahoma;font-size:14px}
#detail .pesan{display:block;padding:20px 0;font-weight:bold}
#detail .pesan a{color:#eee;padding:9px 20px}
#detail .contact_buy_now span{display:block;padding:5px 0 5px 25px}
#detail .contact_buy_now span span{display:none}
#detail .contact_buy_now span.phone{background:url(http://4.bp.blogspot.com/-Qqm90gGRCi8/VRPZcGzGg-I/AAAAAAAAAJc/4h9fn73ytq4/s24/phone.png) no-repeat left center}
#detail .contact_buy_now span.sms{background:url(http://4.bp.blogspot.com/-XeGBXTUdxqg/VRP_PSGE14I/AAAAAAAAAJ8/nTNsTZBDaZU/s20/message_outline.png) no-repeat left center;width:100%}
#detail .contact_buy_now span.bbm{background:url(http://2.bp.blogspot.com/-rvHYM7Wmo-M/VRP7FTkhR4I/AAAAAAAAAJw/PdR6M9Qbyu0/s22/bbm.png) no-repeat left center;width:100%}
#detail table tr.contact_buy{vertical-align:top}
/*end detail produk*/

  .release{font-family: Open sans;
width: 98%;
color: #a8a7a7;
padding: 2px;
border-bottom: 2px solid #CCC;}
  .release:after{content: &quot; &quot;;width: 140px;height: 0px;position: absolute;left: 0px;bottom: -2px;border-bottom: 2px solid #A995C3;}
/* CSS Multi Tabs */
.vitabs, .vita-list {margin:0;}
.vitabs .vita-list {padding:0;}
.vitabs-menu {padding:0;margin:0;border-bottom:2px solid #CCCACA;}
.vitabs-menu li{margin:0;text-transform:uppercase;list-style:none;text-align:center;display:inline-block;background:#fff;color:#444;cursor:pointer;position:relative;line-height:40px;font-weight:700;font-size:13px}
.vitabs-menu li:hover {color:#F89424;}
.vitabs-menu .active-tab span{text-align:center;display:inline-block;padding:2px 12px 0;color:#222;background:none;}
.vitabs-menu li span{display:block;padding:2px 12px 0;color: #b9b6b6;}
.vitabs-menu li:before {display:none;font-family:&#39;Font Awesome 5 Free&#39;;font-weight:900;text-align:center;font-size:16px;padding:2px 15px 0;}
.vitabs-menu li:nth-child(1):before {content:&#39;\f055&#39;;}
.vitabs-menu li:nth-child(2):before {content:&#39;\f055&#39;;}
.vitabs-menu li:nth-child(3):before {content:&#39;\f055&#39;;}
.vitabs-content {padding:10px;background:#fff;margin-bottom:15px;}
.vitabs-content .sidebar li {margin:0;padding:0;}
.vitabs-content .widget li {background:#fff;float:none!important;}
.vitabs-content .widget ul {background:#fff;overflow:visible;}
@media (max-width:768px) {
.vitabs-menu {text-align:center;margin:auto;}
.vitabs-menu li span,.vitabs-menu .active-tab span,.top-menunav li.doremi {display:none;}
.vitabs-menu li:before {display:block;}}
/*--testimoni--*/
.testimonials-box{margin:0 auto;color:#FFF}
.bx-wrapper .testimonials-thumbnail{ margin: 0px 0px 15px; }
.bx-wrapper .testimonials-title{ text-align: center;  margin: 25px 15px 3px; font-size: 24px; line-height: 1; }
.bx-wrapper .testimonials-carousel-thumbnail{ max-width: 35%; float: left; margin-right: 10px; }
.bx-wrapper .testimonials-carousel-thumbnail img{ display: block;   margin-right: 10px;width: 100px;}
.bx-wrapper .testimonials-carousel-context{ overflow: hidden; }
.bx-wrapper .testimonials-name{ font-size: 18px; margin-bottom: 10px;margin-top:-3px; font-weight:400;width:95%}
.bx-wrapper span{ font-size: 11px; margin-left:10px; color:#111; font-family: Georgia, Arial, Helvetica, sans-serif; font-style:italic; }
.bx-wrapper {position: relative;margin: 0 auto;padding: 0;width:94%;}
.bx-wrapper .slide {padding:0;margin:0;display: block;}
.bx-wrapper .bx-viewport {padding:10px;margin-left:0;z-index:1;width:100%;}
.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto {position: absolute;display:none;bottom: -30px;width: 100%;}
.bx-wrapper .bx-loading {min-height: 50px;background: url(http://webdesigntunes.com/tutorial/testimonials/images/bx_loader.gif) center center no-repeat #fff;height: 100%;width: 100%;position: absolute;top: 0;left: 0;z-index: 2000;}
.bx-wrapper .bx-next,.bx-wrapper .bx-prev {display:none}
.bx-wrapper .testimonials-carousel-content p{width:96%;margin:0; font-family: Georgia, Arial, Helvetica, sans-serif; font-style:italic;color:#333}
@media screen and (max-width:400px){
.bx-wrapper {width:85%;}
.bx-wrapper .testimonials-carousel-thumbnail{ max-width: 100%; margin:0 15px 10px 0;float:none }
.bx-wrapper .testimonials-carousel-thumbnail img{ width: 100%;height:auto}
}
/*---------*/
.kontak p {
margin: 0;
font-weight: bold;
font-size: 13px;
color:444;text-shadow:none;
}
.kontak .iconct {
display: block;
background-image: url(&#39;http://4.bp.blogspot.com/-UBhnyZJ39QM/Vle7LSLoGTI/AAAAAAAADYE/XhrG18FqHII/s1600/kontak.png&#39;);
background-repeat: no-repeat;
float: left;
}
.mail {
background-position: -0px -0px;
width: 32px;
height: 32px;
}
.sms {
background-position: -32px -64px;
width: 32px;
height: 32px;
}
.telp {
background-position: -0px -32px;
width: 32px;
height: 32px;
}
.ym {
background-position: -0px -64px;
width: 32px;
height: 32px;
}
.line {
background-position: -32px -0px;
width: 32px;
height: 32px;
}
.bbmm {
background-position: -32px -32px;
width: 32px;
height: 32px;
}
.cnt {
margin-left: 37px;
display: block;
color:444;text-shadow:none;
}
.cnt2 {
margin-left: 37px;
display: block;
}

.bawahmenu{width:93%;height:auto;margin:10px auto;padding:10px;background:#fff url(http://3.bp.blogspot.com/-pEdRwQNeGew/ViI4M5llb2I/AAAAAAAADQM/a_w5fwPNjpU/s1600/tabBg.jpg)repeat-x top;font:normal 18px open sans;}
.bawahmenu img:hover {opacity:0.3;filter:alpha(opacity=30); /* For IE8 and earlier */}
.bawahmenu1,.bawahmenu2,.bawahmenu3{max-width:30%;height:auto;margin:10px auto;padding:10px;background:#fff url(http://3.bp.blogspot.com/-pEdRwQNeGew/ViI4M5llb2I/AAAAAAAADQM/a_w5fwPNjpU/s1600/tabBg.jpg)repeat-x top;border:1px solid #F0C2F3;font:normal 18px open sans;float:left;margin-left:10px}
.bawahmenu1 img:hover,.bawahmenu2 img:hover,.bawahmenu3 img:hover {opacity:0.3;filter:alpha(opacity=30); /* For IE8 and earlier */}
@media only screen and (max-width:800px){
    .bawahmenu1,.bawahmenu2,.bawahmenu3 {max-width:100% !important}
}
@media only screen and (max-width:600px){
    .bawahmenu1,.bawahmenu2,.bawahmenu3,.switch2 {display:none}
}
.switch1{height:30px;color:#fff;margin:0 auto;margin-bottom:10px;padding:5px 9px;text-transform:uppercase;border-bottom: 1px solid #ccc;width:95%;word-wrap:break-word;}
.switch-left1{width:100%;float:left;margin:0 auto;padding:3px 0;font:normal 17px oswald;text-align:center;color:#333;word-wrap:break-word;}
/* Style untuk elemen a-nya */
a.tooltip {
position:relative;
display:inline-block;
}
/* Style untuk balon Tooltip*/
a.tooltip .bubble {
position:absolute;
padding:10px;
visibility: hidden;
z-index: 999;
color:#fff;
background-color: #333;
border-radius:3px;
font:normal 11px open sans;
min-width:170px;
opacity: 0.7;
bottom:60px;
}
/*Style untuk tanda panah kecil*/
a.tooltip .bubble:before {
position: absolute;
content: &quot;&quot;;
height: 0;
width: 0;
border:10px solid transparent;
bottom:-17px;
border-top:10px solid #333;
}
/*Style untuk menampilkan buble saat dihover*/
a.tooltip:hover .bubble {
visibility: visible;
}

.fa:hover{color:#B3B8BC;}
@media only screen and (max-width:885px){
    .kiri-atas-artikel{display:none}
    #atas-artikel{width:100%}
.header-right .widget{float:none;margin:auto;margin-bottom:5px}
.header-right .fa{float:none}
}
/*--CSS recent post tag--*/
img.rct-thumb{margin:auto;height: 160px;width: 163px;border-radius: 100px;box-shadow: 3px 2px #000;}
.recent-by-tag{width:100%;margin:0;padding:0}
ul.recent-by-tag li{padding: 10px 0px;margin-right: 8px;margin-bottom:5px;width: 175px;height: 180px;border: 1px solid #FFF;text-align: center;float:left;clear:none}
.recent-by-tag li{font-size:13px;list-style:none;padding-left:0;margin:0;padding:0;overflow:hidden}
.recent-by-tag a{font-family:&#39;Oswald&#39;,sans-serif;font-size:13px;font-weight:normal;margin:0;}
.recent-by-tag strong{padding-left:0}
span.showdates{font-size:16px;margin:10px 0 0}

/*--widget recent artikel--*/
  #bawah-artikel{width:100%}
#bawah-artikel h2{color:#817E7E;font-size:20px;padding:5px;text-shadow:1px 1px #1E3151;overflow: hidden;}
#bawah-artikel h2:after {content: &quot;&quot;;display: inline-block;position: absolute;height: 14px;top: 2px;margin: 16px 0px 12px 10px;width: 100%;background: transparent url(&quot;http://2.bp.blogspot.com/-jvkSsDIOLek/VTqhwzaT7VI/AAAAAAAAHp8/aI9NkkfXEYE/s1600/dot.png&quot;) repeat scroll 0% 0%;}
  #bawah-artikel .widget ul{padding:0px}
  #bawah-artikel1,#bawah-artikel2{width:95%;border: 1px #eee solid;margin-left: 16px;
margin-bottom: 8px;padding-left: 5px;padding-right: 5px;}
  @media only screen and (max-width:850px){
    #bawah-artikel1,#bawah-artikel2{width:100%}
}

#produkterbaru{display: block;
margin: 0;
text-transform: none;
font-size: 16px;
border-bottom: 3px solid #ededed;
color: #333333;
z-index: 1;
position: relative;
padding: 6px 0;
font-weight: normal;
font-family: Arial;
}

#produkterbaru:before {
content: &#39;&#39;;
margin-right: 6px;
vertical-align: -7px;
width: 24px;
height: 24px;
display: inline-block;
transition: all .3s ease;
transform: rotate(180deg);
background: url(&quot;data:image/svg+xml,<svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M17 11.12a3.978 3.978 0 0 1-2.5.88 3.978 3.978 0 0 1-2.5-.88 3.978 3.978 0 0 1-2.5.88 3.978 3.978 0 0 1-2.5-.88 3.978 3.978 0 0 1-2.5.88c-.171 0-.334-.029-.5-.05V19a2 2 0 0 0 2 2h3v-4a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v4h3a2 2 0 0 0 2-2v-7.05c-.166.021-.329.05-.5.05a3.978 3.978 0 0 1-2.5-.88M21.55 7.25l-.45-.75L19 3H5L2.9 6.5l-.45.75L2 8a2.5 2.5 0 0 0 2.5 2.5c.559 0 1.07-.189 1.487-.5A2.49 2.49 0 0 0 7 8a2.49 2.49 0 0 0 1.014 2c.416.311.928.5 1.486.5.559 0 1.07-.189 1.487-.5A2.49 2.49 0 0 0 12 8a2.49 2.49 0 0 0 1.014 2c.416.311.928.5 1.486.5.559 0 1.07-.189 1.487-.5A2.49 2.49 0 0 0 17 8a2.49 2.49 0 0 0 1.014 2 2.473 2.473 0 0 0 1.986.449A2.5 2.5 0 0 0 22 8l-.45-.75z' fill='%239e9e9e'/></svg>&quot;) no-repeat;
}

#produkterbaru:after {
z-index: 1;
    content: &quot;&quot;;
    width: 150px;
    height: 0;
    position: absolute;
    left: 0;
    margin-top: 30px;
}

a.popup-link {

}
a.popup-link:hover {
-webkit-transition:all 1s;
-moz-transition:all 1s;
transition:all 1s;
}
/* end link popup*//*style untuk popup */
#popup {
visibility: hidden;
opacity: 0;
margin-top: -200px;
height:140px
}
#popup:target {
visibility:visible;
opacity: 1;
background-color: rgba(255,255,255,0.7);
position: fixed;
top:0;
left:0;
right:0;
bottom:0;
margin:0;
z-index: 99999999999;
-webkit-transition:all 1s;
-moz-transition:all 1s;
transition:all 1s;
}@media (min-width: 768px){
.popup-container {
width:350px;
}
}
@media (max-width: 767px){
.popup-container {
width:350px;
}
}
.popup-container {
position: relative;
margin:3% auto;
padding:0px;
opacity:0.97;
color:#fff;
border-radius: 3px;
}
a.popup-close {
position: absolute;
top:3px;
right:3px;
background-color: #ccffc6;;
padding:7px 10px;
font-size: 20px;
text-decoration: none;
line-height: 1;
color:#333;
border-radius:53%;
}/* style untuk isi popup */.popup-form {
margin:10px auto;
}
.popup-form h2 {
margin-bottom: 5px;
font-size: 37px;
text-transform: uppercase;
}
.popup-form .input-group {
margin:10px auto;
}
.popup-form .input-group input {
padding:17px;
text-align: center;
margin-bottom: 10px;
border-radius:3px;
font-size: 16px;
display: block;
width: 100%;
}
.popup-form .input-group input:focus {
outline-color:#FB8833;
}
.popup-form .input-group input[type=&quot;email&quot;] {
border:0px;
position: relative;
}
.popup-form .input-group input[type=&quot;submit&quot;] {
background-color: #FB8833;
color: #fff;
border: 0;
cursor: pointer;
}
.popup-form .input-group input[type=&quot;submit&quot;]:focus {
box-shadow: inset 0 3px 7px 3px #ea7722;
}
@media only screen and (max-width:767px){
    a.popup-link {display:block}
  }

.Header h1, .header h2,.header h3 {
    margin-bottom:10px; 
    margin-top: 10px;
    font-size: 23px;
    text-align: left;
    font-family: arial;
    color:#eee;
    text-transform:uppercase;
padding-left: 3px;
}
.Header h1 a:link, .header h2 a:link,.header h3 a:link{
    color:#DDD;
}

.Header h1:hover, .header h2:hover,.header h3:hover {
color: #F89424;
}
  .header .widget h3 {border:none}
  .header .widget h3 a:link{color:#DDD;}
  .header .widget h3 a:link:hover{color: #F89424;}
#LinkList1 {
    text-align: left;
    font-weight: 300;
}
.sidebar{position: relative;width: 278px;padding:1px}
.sidebar ul {
    list-style: none;
}

.date-header{display:none}

.post h2 a, .post h2 a:visited, .post h2 strong {
    width: 100%;
    font: 700 23px/32px &quot;Montserrat&quot;,Roboto;
    text-decoration: none;
    color: #333;
    text-align: center;
    padding-bottom: 10px;
text-transform: capitalize;
float:left;
  z-index:9;
}
.post-author,.post-labels,.post-comment-link{font-size:11px;}
.post-header-line-1{margin-bottom: 5px;}
.fa {
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
font-size-adjust: none;
font-stretch: normal;
font-feature-settings: normal;
font-language-override: normal;
font-kerning: auto;
font-synthesis: weight style;
font-variant: normal;
font-size: inherit;
text-rendering: auto;
transform: translate(0px, 0px);
}
/*--font awesome--*/
/* latin-ext */
@font-face {
  font-family: &#39;Oswald&#39;;
  font-style: normal;
  font-weight: 400;
  src: local(&#39;Oswald Regular&#39;), local(&#39;Oswald-Regular&#39;), url(http://fonts.gstatic.com/s/oswald/v10/yg0glPPxXUISnKUejCX4qfesZW2xOQ-xsNqO47m55DA.woff2) format(&#39;woff2&#39;);
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: &#39;Oswald&#39;;
  font-style: normal;
  font-weight: 400;
  src: local(&#39;Oswald Regular&#39;), local(&#39;Oswald-Regular&#39;), url(http://fonts.gstatic.com/s/oswald/v10/pEobIV_lL25TKBpqVI_a2w.woff2) format(&#39;woff2&#39;);
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

@font-face {
  font-family: &#39;Racing Sans One&#39;;
  font-style: normal;
  font-weight: 400;
  src: local(&#39;Racing Sans One&#39;), local(&#39;RacingSansOne-Regular&#39;), url(https://fonts.gstatic.com/s/racingsansone/v4/1r3DpWaCiT7y3PD4KgkNyCJccsb45t3MJKcv5BJtrIs.woff2) format(&#39;woff2&#39;);
}

@font-face {
  font-family: &#39;Roboto&#39;;
  font-style: normal;
  font-weight: 400;
  src: local(&#39;Roboto&#39;), local(&#39;Roboto-Regular&#39;), url(http://fonts.gstatic.com/s/roboto/v15/CWB0XYA8bzo0kSThX0UTuA.woff2) format(&#39;woff2&#39;), url(http://fonts.gstatic.com/s/roboto/v15/2UX7WLTfW3W8TclTUvlFyQ.woff) format(&#39;woff&#39;);
}
@font-face {
  font-family: &#39;Roboto&#39;;
  font-style: normal;
  font-weight: 700;
  src: local(&#39;Roboto Bold&#39;), local(&#39;Roboto-Bold&#39;), url(http://fonts.gstatic.com/s/roboto/v15/d-6IYplOFocCacKzxwXSOFtXRa8TVwTICgirnJhmVJw.woff2) format(&#39;woff2&#39;), url(http://fonts.gstatic.com/s/roboto/v15/d-6IYplOFocCacKzxwXSOD8E0i7KZn-EPnyo3HZu7kw.woff) format(&#39;woff&#39;);
}
@font-face {
  font-family: &#39;Roboto&#39;;
  font-style: italic;
  font-weight: 300;
  src: local(&#39;Roboto Light Italic&#39;), local(&#39;Roboto-LightItalic&#39;), url(http://fonts.gstatic.com/s/roboto/v15/7m8l7TlFO-S3VkhHuR0at44P5ICox8Kq3LLUNMylGO4.woff2) format(&#39;woff2&#39;), url(http://fonts.gstatic.com/s/roboto/v15/7m8l7TlFO-S3VkhHuR0at4bN6UDyHWBl620a-IRfuBk.woff) format(&#39;woff&#39;);
}
@font-face {
  font-family: &#39;Roboto&#39;;
  font-style: italic;
  font-weight: 400;
  src: local(&#39;Roboto Italic&#39;), local(&#39;Roboto-Italic&#39;), url(http://fonts.gstatic.com/s/roboto/v15/vPcynSL0qHq_6dX7lKVByfesZW2xOQ-xsNqO47m55DA.woff2) format(&#39;woff2&#39;), url(http://fonts.gstatic.com/s/roboto/v15/1pO9eUAp8pSF8VnRTP3xnvesZW2xOQ-xsNqO47m55DA.woff) format(&#39;woff&#39;);
}

@font-face {
  font-family: &#39;Open Sans Condensed&#39;;
  font-style: normal;
  font-weight: 300;
  src: local(&#39;Open Sans Cond Light&#39;), local(&#39;OpenSans-CondensedLight&#39;), url(http://fonts.gstatic.com/s/opensanscondensed/v10/gk5FxslNkTTHtojXrkp-xBEur64QvLD-0IbiAdTUNXE.woff2) format(&#39;woff2&#39;), url(http://fonts.gstatic.com/s/opensanscondensed/v10/gk5FxslNkTTHtojXrkp-xF1YPouZEKgzpqZW9wN-3Ek.woff) format(&#39;woff&#39;);
}
@font-face {
  font-family: &#39;Open Sans Condensed&#39;;
  font-style: normal;
  font-weight: 700;
  src: local(&#39;Open Sans Condensed Bold&#39;), local(&#39;OpenSans-CondensedBold&#39;), url(http://fonts.gstatic.com/s/opensanscondensed/v10/gk5FxslNkTTHtojXrkp-xIF8zhZCJ7x9Pr62cRgaVUA.woff2) format(&#39;woff2&#39;), url(http://fonts.gstatic.com/s/opensanscondensed/v10/gk5FxslNkTTHtojXrkp-xONSK5BxN3NFS4EJkViHIqo.woff) format(&#39;woff&#39;);
}

@font-face {
  font-family: &#39;Montserrat&#39;;
  font-style: normal;
  font-weight: 400;
  src: local(&#39;Montserrat-Regular&#39;), url(http://fonts.gstatic.com/s/montserrat/v6/zhcz-_WihjSQC0oHJ9TCYPk_vArhqVIZ0nv9q090hN8.woff2) format(&#39;woff2&#39;), url(http://fonts.gstatic.com/s/montserrat/v6/zhcz-_WihjSQC0oHJ9TCYBsxEYwM7FgeyaSgU71cLG0.woff) format(&#39;woff&#39;);
}
@font-face {
  font-family: &#39;Montserrat&#39;;
  font-style: normal;
  font-weight: 700;
  src: local(&#39;Montserrat-Bold&#39;), url(http://fonts.gstatic.com/s/montserrat/v6/IQHow_FEYlDC4Gzy_m8fcoWiMMZ7xLd792ULpGE4W_Y.woff2) format(&#39;woff2&#39;), url(http://fonts.gstatic.com/s/montserrat/v6/IQHow_FEYlDC4Gzy_m8fcgFhaRv2pGgT5Kf0An0s4MM.woff) format(&#39;woff&#39;);
}

  .widget h3{margin-top:10px;border-bottom:2px solid #333}

/*--CSS Responsive--*/
@media only screen and (max-width:1000px){
    body{width:100%}
    .Header h1, .header h2, .header h3,.header .description{text-align:center;width: 250px;
margin: auto;}
    .header img,#header-tengah img{margin:auto;max-width: 640px;margin-bottom: 5px;}
  #artikel-wrapper,#header-tengah{width:100%}
  .sidebar{position:inherit;float:left;width:100%}
    #LinkList1{width:90%}
#sidebar-wrapper {float: left;width: 100%;}
    #sidebar-kanan{display:none}
}

@media only screen and (max-width:769px){
  #sidebar-wrapper{float:left;width:100%}
.header img{max-width: 300px;}
.footer1,.footer2,.footer4{float:left;width:94%;margin-left:5px}
  .sidebar{position:inherit;float:left;width:100%}
    #LinkList1{width:90%}
.simpleCart_input{width:30px}
.checkout-details{display:none;}
}
@media only screen and (max-width:320px){
.post-body img {width: 90%;height: 250px;}
    .post-body td, .post-body th{font-size:12px}
}
<b:if cond='data:blog.pageType == &quot;item&quot;'>
#item_price {
    background: none;
    position: absolute;
    text-align: left;
    font-size: 20px;
    clear: both;
    margin-top: -65px;
    max-width: 200px;
    font-family: Arial;
    font-weight: 700;
    float: right;
    margin-left: 37%;
}
@media screen and (max-width:1000px){
#item_price {
margin-left: 37%;
position: absolute;}
}
@media screen and (max-width:679px){
#item_price {
    top: 375px;
    margin-left: 18px;
    position: absolute;
    width: 100%;
    float: left;}
}
@media screen and (max-width:600px){
#item_price {
    margin-left: 18px;
    position: absolute;
    width: 100%;
    float: left;}
}

.post-body{clear: both;}
    .deskripsi-singkat{width:100% !important;padding:5px;}
    .deskripsi-singkat h4{font-size:12px;font-family:Arial;color:#9f9e9e;padding:10px;font-weight:700 !important;float:left;letter-spacing:0px;}
@media only screen and (min-width:679px){
    .post-body{}
  #detail{width:35%;float:left;text-align:left}
    #detail img {text-align: left !important;width: 100%;float:left;}
    .deskripsi-singkat{float:right;width:63%;}
  .harga{float: left;width: 100%;text-align: left !important;position: relative !important;clear:both;}
}
@media only screen and (max-width:679px){
  #detail table {width:95% !important;float:left !important}
}
</b:if>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  .post h2 a, .post h2 a:visited, .post h2 strong{color:#111;display:block !important;}
  .post h2 a, .post h2 strong{height:50px;margin-top:0px;padding 10px;text-align:center;background:none;opacity:0.65;color:#333;padding:15px;font-family:arial;font-size:15px;text-transform: capitalize;padding-top: 5px;width: 110%;margin-left: -12px;font-weight:300 !important;}
  .post-body table{display:none}
@media only screen and (min-width:1050px){
    .post{margin-left:24px !important;margin-right:17px !important;}
}
@media only screen and (min-width:1001px){
    .post{margin-left:10px;margin-right:17px !important;}
}
@media only screen and (max-width:800px){
    .post{margin-right:20px !important;}
}
@media only screen and (max-width:768px){
    .post{margin-right:13px !important;}
}
@media only screen and (max-width:700px){
.post{left:68px}
}
@media only screen and (max-width:650px){
.post{left:40px}
}
@media only screen and (max-width:600px){
.post{left:15px}
}
@media only screen and (max-width:550px){
.post{left:75px}
}
@media only screen and (max-width:530px){
.post{left:80px}
}
@media only screen and (max-width:500px){
.post{left:60px}
}
@media only screen and (max-width:480px){
    .post{left:50px}
}
@media only screen and (max-width:450px){
    .post{left: 20px !important;width: 156px !important;margin-right: 23px !important;}
   
}
@media only screen and (max-width:425px){
    .post{left:12px !important;margin-right: 14px !important;margin-left:14px !important;}
}
@media only screen and (max-width:400px){
    .post{left:5px !important;margin-right: 8px !important;margin-left:5px !important;}
}
@media only screen and (max-width:360px){
    .post{margin-right: 4px !important;margin-left:4px !important;}
}
@media only screen and (max-width:350px){
    .post{left:0px !important;width:145px !important;margin-right: 10px !important;margin-left:5px !important;}
}
@media only screen and (max-width:320px){
    .post{width:140px !important;margin-right: 3px !important;margin-left: 3px !important;}
  #item_price{font-size: 13px !important;}
}
@media only screen and (max-width:315px){
    .post{width:130px !important;}
    .post-body img {text-align: left;width: 166px !important;}
}
</b:if>
</b:if>

/*--CSS navigasi menu responsive--*/
body{
			padding: 0;
			margin: auto;
		}
		header{
			background:;
			padding:10px;	
			color:#fff;
			font-family:&quot;Arial&quot;;
			overflow:hidden;
			margin: 0;
		}

		.judul{
			float: left;
			margin: 0;
		}

		.menu{
			position: fixed;
			background: #f6f6f6;
			color: #232323;			
			height: 100%;
			width: 250px;
			top: 0;
			left: -300px;
			-webkit-transition: left 0.2s;
			transition: left 0.2s;
			padding: 20px;
			border: 1px solid #ccc;			
		}

		.menu ul{
			padding: 0;
		}

		.menu li{
			list-style-type: none;
			padding: 5px 0px;
		}

		.menu a{
			color: rgba(0,0,0,.38);
			text-decoration: none;
			font-size: 14px;
line-height: 5pt;
font-family: Arial;
  font-weight: 700;
		}

		.tombol{
			float: right;
background: transparent;
padding: 5px;
color: rgba(0,0,0,.38);
border: 1px solid transparent;
cursor: pointer;
margin-top: -17px;
font-size: 25px;
font-family: Oswald;
margin-right: 7px;
		}

		.slide-menu-tampil{
			left: 0 !important;
  top:18px;
  z-index:9;
		}
@media screen and (max-width:1000px){
  .slide-menu-tampil{top:55px;}
  }
/*--end--*/

/*contact form whatsapp*/
		* {
			margin: 0px;
			padding: 0px;
			box-sizing: border-box;
		}

		body,
		html {
			height: 100%;
			font-family: Helvetica, sans-serif;
		}

		/*---------------------------------------------*/
		a {
			font-family: Helvetica, sans-serif;
			font-size: 14px;
			line-height: 1.7;
			color: #666666;
			margin: 0px;
			transition: all 0.4s;
			-webkit-transition: all 0.4s;
			-o-transition: all 0.4s;
			-moz-transition: all 0.4s;
		}

		a:focus {
			outline: none !important;
		}

		a:hover {
			text-decoration: none;
		}

		/*---------------------------------------------*/
		h1,
		h2,
		h3,
		h4,
		h5,
		h6 {
			margin: 0px;
		}

		p {
			font-family: Helvetica, sans-serif;
			font-size: 14px;
			line-height: 1.7;
			color: #666666;
			margin: 0px;
		}

		ul,
		li {
			margin: 0px;
			list-style-type: none;
		}

		/*---------------------------------------------*/
		input {
			outline: none;
			border: none;
		}

		textarea {
			outline: none;
			border: none;
		}

		textarea:focus,
		input:focus {
			border-color: transparent !important;
		}

		input:focus::-webkit-input-placeholder {
			color: transparent;
		}

		input:focus:-moz-placeholder {
			color: transparent;
		}

		input:focus::-moz-placeholder {
			color: transparent;
		}

		input:focus:-ms-input-placeholder {
			color: transparent;
		}

		textarea:focus::-webkit-input-placeholder {
			color: transparent;
		}

		textarea:focus:-moz-placeholder {
			color: transparent;
		}

		textarea:focus::-moz-placeholder {
			color: transparent;
		}

		textarea:focus:-ms-input-placeholder {
			color: transparent;
		}

		input::-webkit-input-placeholder {
			color: #adadad;
		}

		input:-moz-placeholder {
			color: #adadad;
		}

		input::-moz-placeholder {
			color: #adadad;
		}

		input:-ms-input-placeholder {
			color: #adadad;
		}

		textarea::-webkit-input-placeholder {
			color: #adadad;
		}

		textarea:-moz-placeholder {
			color: #adadad;
		}

		textarea::-moz-placeholder {
			color: #adadad;
		}

		textarea:-ms-input-placeholder {
			color: #adadad;
		}

		/*---------------------------------------------*/
		button {
			outline: none !important;
			border: none;
			background: transparent;
		}

		button:hover {
			cursor: pointer;
		}

		iframe {
			border: none !important;
		}

		/*---------------------------------------------*/
		.container {
			max-width: 1200px;
		}

		/*//////////////////////////////////////////////////////////////////
[ Contact ]*/

		.container-contact100 {
			width: 350px;
            margin:auto;
			min-height: 400px;
			display: -webkit-box;
			display: -webkit-flex;
			display: -moz-box;
			display: -ms-flexbox;
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			align-items: center;
			padding: 15px;
  border-radius:7px;
		}

		.wrap-contact100 {
			width: 350px;
			background: #fff;
			border-radius: 10px;
			overflow: hidden;
			padding: 42px 15px 45px 15px;
            max-height:400px;
            display: flex;
            flex-wrap: nowrap;
            overflow-y: auto;
		}

		/*------------------------------------------------------------------
[ Form ]*/

		.contact100-form {
			width: 100%;
            margin-top:-10px !important;
		}

		.contact100-form-title {
			display: block;
			font-family: Helvetica, sans-serif;
			font-size: 17px;
			font-weight: 700;
			color: #2d9d0e;
			line-height: 12px;
			text-align: center;
			padding-bottom: 44px;
            margin-top:-20px;
		}

		/*------------------------------------------------------------------
[ Input ]*/

		.wrap-input100 {
			width: 100%;
			position: relative;
			border-bottom: 2px solid #d9d9d9;
			padding-bottom: 13px;
			margin-bottom: 27px;
		}

		.label-input100 {
			font-family: Helvetica, sans-serif;
			font-size: 13px;
			color: #666666;
			line-height: 1.5;
			padding-left: 5px;
		}

		.input100 {
			display: block;
			width: 100%;
			background: transparent;
			font-family: Helvetica, sans-serif;
			font-size: 18px;
			color: #333333;
			line-height: 1.2;
			padding: 0 5px;
		}

		.focus-input100 {
			position: absolute;
			display: block;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
			pointer-events: none;
		}

		.focus-input100::before {
			content: &quot;&quot;;
			display: block;
			position: absolute;
			bottom: -2px;
			left: 0;
			width: 0;
			height: 2px;

			-webkit-transition: all 0.4s;
			-o-transition: all 0.4s;
			-moz-transition: all 0.4s;
			transition: all 0.4s;

			background: #7f7f7f;
		}

		/*---------------------------------------------*/
		input.input100 {
			height: 40px;
		}


		textarea.input100 {
			min-height: 110px;
			padding-top: 9px;
			padding-bottom: 13px;
		}


		.input100:focus+.focus-input100::before {
			width: 100%;
		}

		.has-val.input100+.focus-input100::before {
			width: 100%;
		}

		/*------------------------------------------------------------------
[ Button ]*/
		.container-contact100-form-btn {
			display: -webkit-box;
			display: -webkit-flex;
			display: -moz-box;
			display: -ms-flexbox;
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			padding-top: 13px;
		}

		.wrap-contact100-form-btn {
			width: 100%;
			display: block;
			position: relative;
			z-index: 1;
			border-radius: 25px;
			overflow: hidden;
			margin: 10px auto;
		}

		.contact100-form-bgbtn {
			position: absolute;
            margin-bottom: 10px;
			z-index: -1;
			width: 300%;
			height: 100%;
			background: #0ab521;
			top: 0;
			left: -100%;

			-webkit-transition: all 0.4s;
			-o-transition: all 0.4s;
			-moz-transition: all 0.4s;
			transition: all 0.4s;
		}

		.contact100-form-btn {
			display: -webkit-box;
			display: -webkit-flex;
			display: -moz-box;
			display: -ms-flexbox;
			display: flex;
			justify-content: center;
			align-items: center;
			padding: 0 20px;
			width: 100%;
			height: 50px;

			font-family: Helvetica, sans-serif;
			font-size: 16px;
			font-weight: 700;
			color: #fff;
			line-height: 1.2;
		}

		.wrap-contact100-form-btn:hover .contact100-form-bgbtn {
			left: 0;
		}

		.contact100-form-btn i {
			-webkit-transition: all 0.4s;
			-o-transition: all 0.4s;
			-moz-transition: all 0.4s;
			transition: all 0.4s;
		}

		.contact100-form-btn:hover i {
			-webkit-transform: translateX(10px);
			-moz-transform: translateX(10px);
			-ms-transform: translateX(10px);
			-o-transform: translateX(10px);
			transform: translateX(10px);
		}

		/*------------------------------------------------------------------
[ Responsive ]*/

		@media (max-width: 576px) {
			.wrap-contact100 {
				padding: 72px 15px 65px 15px;
			}
		}
/*end script*/
</style>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<style>
input::placeholder,textarea::placeholder {color: #adadad;font-size: 12px !important;}
.orderwhatsapp.popup-link {text-align: center;}
.orderbottom:hover{background: #6c6666 !important;}
.orderbottom {
    background: #fff !important;
    color: #333;
text-align: right;
left: 5px !important;
bottom: 10px;
width: 70px;
line-height: 15px;
border-radius: 50%;
height: 70px;
  padding: 12px;
}
.orderbottom a{line-height:15px !important;}
.ordersms, .orderwhatsapp, .ordertelephon {
    width: 47px !important;
	height: 47px !important;
	font-size: 34px !important;
	border-radius: 50%;
	padding: 5px;
}
#BounceToTop{bottom: 13px !important;}
</style>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<style>
 #item_price {top: 235px !important;}
  #sebelumdiskon{
    color: #b5dcf4;
    position: absolute;
    bottom: 0px;
    left: 11px;
    font-size: 12px;
    text-decoration: line-through;
}
  .post{width:172px;height: 280px;float:left; margin-right:5px;margin-top: 5px;border: 1px solid #ddd;padding: 3px;border-radius:5px}
  .post:hover{border:1px solid #BAAEAE;border-radius:5px}
  .post-footer{display:none}
#item_price {
font: bold 14px Open Sans, Arial, sans-serif;
font-stretch: normal;
background: transparent !important;
position: absolute;
padding: 5px 10px 8px;
left: 0;
width: 159px;
text-align: left;
z-index: 0;
top: 180px;
border-radius: 0px !important;
font-stretch: normal;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
height: 25px;}
.widget .post h2{border-bottom:0;position: absolute;z-index: 10000;width: 97%;top: 190px;transition: all 1.3s ease-out 0s;border-bottom:1px solid #ddd;}
.widget .post h2 a:hover {color:blue;font-size:11px;}
  .post img {width:193px;height:190px;position: relative;top:0px;-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-o-transform:scale(0.8);-webkit-transition-duration:0.5s;-moz-transition-duration:0.5s;-o-transition-duration:0.5s;margin:0 10px 5px 0}

  .post h2{padding:5px;font-family: Helvetica, Arial;line-height:1em;font-weight: bold;  font-size:16px;letter-spacing:-0.5px;}
    .post-body img{width:100%;height:auto;margin-top:-10px;}
  .post-body img:hover{z-index:99999;overflow:inherit;}
  .post-body:hover{overflow:inherit;}
.post-body {padding:5px;overflow: hidden;height:219px;font-family: Helvetica, Arial; font-size: 13px;margin-top: -23px;}
@media (min-width:679px){
  .post-body{width: 212px;margin-left: -24px;}
 }
@media (max-width:678px){
  .post-body {width: 208px !important;margin-left: -23px;}
.post-body img {text-align: left;width: 100% !important;}
}
@media (max-width:450px){
  .post-body {width: 193px !important;margin-left: -23px;}
.post-body img {text-align: left;width: 193px !important;}
  .widget .post h2{border-bottom:none;}
}
@media (max-width:350px){
  .post-body {width: 182px !important;margin-left: -23px;}
.post-body img {text-align: left;width: 185px !important;}
}
.post-footer {margin-top:30px;height:20px;}
.post-labels {display:none;}
.mobile .post {width:auto;height:auto;}
.mobile .post-body {height:auto;}
.more {float:right;background:#52e052;color:#000!important;padding:5px 10px;text-decoration:none!important;transition: all 1s ease;}
.more:hover {background:#ff0000;color:#fff!important;text-decoration:none!important;}
.post h2 a, .post h2 a:visited, .post h2 strong {font: 300 11px/13px Arial;text-align:left;height:30px;letter-spacing: .15px;top:30px;opacity:1;transition: all 1.3s ease-out 0s;}
input.item_add:hover{background:#333;background-size:25px;color:#f1f1f1}
  input.item_add{top: 235px;position: absolute;right: 1px;background: #fff;background-size:25px;width:50px;height:26px;font-size: 11px;font-family: Oswald;letter-spacing: 2px;font-weight:400;}
</style>
</b:if>
</b:if>
<!--setting label post-->
<b:if cond='data:blog.searchLabel == &quot;Resensi&quot;'>
<style>
  .widget .post h2{top:0px;border:none;}
  .post,.post-body {width:100% !important;height:70px;border-bottom:1px dotted #ddd;overflow:hidden;}
  .post{border:none}
  .post-body{border-bottom:dashed 1px #ddd;}
  .post:hover{border:none !important;}
  .post h1,.post-body .imgartikel img,.deskripsi-singkat{display:none;}
  .post h2 a, .post h2 a:visited, .post h2 strong{margin-left:20%;font-weight: 700;font-size: 110%;margin-top:0px;padding:0px;}
  .post img{float:left;width:20% !important;height:auto !important;}
  .post img:hover,.post-body img:hover{z-index:99999;}
  .post-body:hover{height:200px;overflow:hidden;}
  .post:hover{overflow:inherit;}
@media (max-width:678px){
.post h2 a, .post h2 a:visited, .post h2 strong {font: 700 14px/15px arial !important;}
.post-body:hover{height:100px;}
.widget .post h2{width:80%; border:none;}
}
</style>
</b:if>
<b:if cond='data:blog.searchQuery == &quot;Resensi&quot;'>
<style>
  .widget .post h2{top:0px;border:none;}
  .post,.post-body {width:100% !important;height:70px;border-bottom:1px dotted #ddd;overflow:hidden;}
  .post{border:none}
  .post-body{border-bottom:dashed 1px #ddd;}
  .post:hover{border:none !important;}
  .post h1,.post-body .imgartikel img,.deskripsi-singkat{display:none;}
  .post h2 a, .post h2 a:visited, .post h2 strong{margin-left:20%;font-weight: 700;font-size: 110%;margin-top:0px;padding:0px;}
  .post img{float:left;width:20% !important;height:auto !important;}
  .post img:hover,.post-body img:hover{z-index:99999;}
  .post-body:hover{height:200px;overflow:hidden;}
  .post:hover{overflow:inherit;}
@media (max-width:678px){
.post h2 a, .post h2 a:visited, .post h2 strong {font: 700 14px/15px arial !important;}
.post-body:hover{height:100px;}
.widget .post h2{width:80%; border:none;}
}
</style>
</b:if>
<b:if cond='data:blog.searchQuery == &quot;resensi&quot;'>
<style>
 .widget .post h2{top:0px;border:none;}
  .post,.post-body {width:100% !important;height:70px;border-bottom:1px dotted #ddd;overflow:hidden;}
  .post{border:none}
  .post-body{border-bottom:dashed 1px #ddd;}
  .post:hover{border:none !important;}
  .post h1,.post-body .imgartikel img,.deskripsi-singkat{display:none;}
  .post h2 a, .post h2 a:visited, .post h2 strong{margin-left:20%;font-weight: 700;font-size: 110%;margin-top:0px;padding:0px;}
  .post img{float:left;width:20% !important;height:auto !important;}
  .post img:hover,.post-body img:hover{z-index:99999;}
  .post-body:hover{height:200px;overflow:hidden;}
  .post:hover{overflow:inherit;}
@media (max-width:678px){
.post h2 a, .post h2 a:visited, .post h2 strong {font: 700 14px/15px arial !important;}
.post-body:hover{height:100px;}
.widget .post h2{width:80%; border:none;}
}
</style>
</b:if>
<b:if cond='data:blog.searchQuery == &quot;RESENSI&quot;'>
<style>
 .widget .post h2{top:0px;border:none;}
  .post,.post-body {width:100% !important;height:70px;border-bottom:1px dotted #ddd;overflow:hidden;}
  .post{border:none}
  .post-body{border-bottom:dashed 1px #ddd;}
  .post:hover{border:none !important;}
  .post h1,.post-body .imgartikel img,.deskripsi-singkat{display:none;}
  .post h2 a, .post h2 a:visited, .post h2 strong{margin-left:20%;font-weight: 700;font-size: 110%;margin-top:0px;padding:0px;}
  .post img{float:left;width:20% !important;height:auto !important;}
  .post img:hover,.post-body img:hover{z-index:99999;}
  .post-body:hover{height:200px;overflow:hidden;}
  .post:hover{overflow:inherit;}
@media (max-width:678px){
.post h2 a, .post h2 a:visited, .post h2 strong {font: 700 14px/15px arial !important;}
.post-body:hover{height:100px;}
.widget .post h2{width:80%; border:none;}
}
</style>
</b:if>
  
<script type='text/javascript'>
var numposts = 4;
var showpostthumbnails = true;
var showpostdate = false;</script>
<script type='text/javascript'>
//<![CDATA[
// Recent Post By Tag
function rcentbytag(e){document.write('<ul class="recent-by-tag">');for(var t=0;t<numposts;t++){var n=e.feed.entry[t];var r=n.title.$t;var i;if(t==e.feed.entry.length)break;for(var o=0;o<n.link.length;o++){if(n.link[o].rel=="replies"&&n.link[o].type=="text/html"){var u=n.link[o].title;var f=n.link[o].href}if(n.link[o].rel=="alternate"){i=n.link[o].href;break}}var l;try{l=n.media$thumbnail.url}catch(h){s=n.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!=""){l=d}else l="http://2.bp.blogspot.com/-giova1ZCh-A/Uzq6L8QTJNI/AAAAAAAAAJc/USXictTq_xs/s70-c/KM+Icon.png"}var p=n.published.$t;var v=p.substring(0,4);var m=p.substring(5,7);var g=p.substring(8,10);var y=new Array;y[1]="Januari";y[2]="Februari";y[3]="Maret";y[4]="April";y[5]="Mei";y[6]="Juni";y[7]="Juli";y[8]="Agustus";y[9]="September";y[10]="Oktober";y[11]="November";y[12]="Desember";document.write('<li class="clear">');if(showpostthumbnails==true)document.write('<a href="'+i+'" target ="_blank" title="'+r+'"><img class="rct-thumb" alt="'+r+'" src="'+l+'"/></a>');document.write('<strong><a href="'+i+'" target ="_blank" title="'+r+'" rel="nofollow">'+r+'</a></strong>');document.write('<br>');var x="";var T=0;if(showpostdate==true){x='<span class="showdates">'+x+g+" "+y[parseInt(m,10)]+" "+v+"</span>";T=1}document.write(x);document.write("</li>");if(t!=numposts-1)document.write("")}document.write("</ul>")}
//]]>
</script>

<script type='text/javascript'>
$(function() { $(window).scroll(function() { if($(this).scrollTop()&gt;100) { $(&#39;#ScrollToTop&#39;).fadeIn()} else { $(&#39;#ScrollToTop&#39;).fadeOut();}});
$(&#39;#ScrollToTop&#39;).click(function(){$(&#39;html,body&#39;).animate({scrollTop:0},1000);return false})});
</script>

<script type='text/javascript'>
$(function(){$(&quot;.vitabs-1&quot;).mvitabs()})
</script>

<script type='text/javascript'> //<![CDATA[ 
var _0x2394=['</a></strong><span\x20class=\x22date\x22><span\x20class=\x22dd\x22>','<p>','text/html','html','get','split','<ul\x20class=\x27rcpost\x27>','http://2.bp.blogspot.com/-MZ2UNvioO2A/Up-XDjMGhWI/AAAAAAAABuo/7btg1OAL3FQ/s1600/no.png','Mar','content','7JgkhhJ','entry','href','snippetsize','location','/feeds/posts/default/-/Artikel?alt=json-in-script&orderby=published&max-results=','published','addClass','title','<li><a\x20class=\x22rcthumbs\x22\x20href=\x22','NoCmtext','removeClass','recentposts','133572bGFKvH','Apr','No\x20Comments','191013wOWJRS','Comments','loadingClass','url_blog','May','firstcmtext','\x22\x20target=\x22_blank\x22><img\x20style=\x22width:','#rcposts','262831ZsBEhP','</span>\x20<span\x20class=\x22dy\x22>','rcloading','Jan','\x22src=\x22','14FDUnEs','\x20<span\x20class=\x22rccomments\x22>','91599ZYinlN','...','type','Oct','</p></li>','136568TaVyON','676019FmVKRt','74572cLRWCO','link','Feb','alternate','rel','MonthNames','summary','length','</span>','ajax','replace','feed','Aug','substring','media$thumbnail','px;display:block\x22\x20alt=\x22','id_contain','protocol','Dec','px;height:','</span>\x20<span\x20class=\x22dm\x22>','4xxcJPl','\x22/></a><strong><a\x20href=\x22','Sep','url','<strong>Error\x20Loading\x20Feed!</strong>','5SBkjeM','numberofposts'];var _0x1c4d=function(_0x18d186,_0x2e9b46){_0x18d186=_0x18d186-0x74;var _0x239460=_0x2394[_0x18d186];return _0x239460;};var _0x595df4=_0x1c4d;(function(_0x4f3eb1,_0x3ddab4){var _0x315af4=_0x1c4d;while(!![]){try{var _0x5600e0=parseInt(_0x315af4(0xb3))*parseInt(_0x315af4(0x81))+parseInt(_0x315af4(0xa5))+parseInt(_0x315af4(0x7c))*parseInt(_0x315af4(0x9a))+-parseInt(_0x315af4(0x9d))+parseInt(_0x315af4(0xb2))+parseInt(_0x315af4(0x8d))*parseInt(_0x315af4(0xac))+-parseInt(_0x315af4(0xb1))*parseInt(_0x315af4(0xaa));if(_0x5600e0===_0x3ddab4)break;else _0x4f3eb1['push'](_0x4f3eb1['shift']());}catch(_0x2528b2){_0x4f3eb1['push'](_0x4f3eb1['shift']());}}}(_0x2394,0x5dce2),window[_0x595df4(0x99)]=function(){var _0x1f84eb=function(_0x30084c){var _0x2834e4=_0x1c4d,_0x156f12=_0x30084c||{},_0x768473=_0x156f12[_0x2834e4(0xa0)]||'',_0x160402=_0x156f12[_0x2834e4(0x82)]||0x5,_0x43e364=_0x156f12[_0x2834e4(0x77)]||_0x2834e4(0xa4),_0x226b97=_0x156f12['imagesize']||0x28,_0x4c129b=_0x156f12[_0x2834e4(0x90)]||0x64,_0x3c1c32=_0x156f12[_0x2834e4(0x9f)]||_0x2834e4(0xa7),_0x3b984c=_0x156f12['commentstext']||_0x2834e4(0x9e),_0x28ed5c=_0x156f12[_0x2834e4(0xa2)]||'Comment',_0x2570d5=_0x156f12[_0x2834e4(0x97)]||_0x2834e4(0x9c),_0x2444fc=_0x156f12[_0x2834e4(0xb8)]||[_0x2834e4(0xa8),_0x2834e4(0xb5),_0x2834e4(0x8b),_0x2834e4(0x9b),_0x2834e4(0xa1),'Jun','Jul',_0x2834e4(0xbf),_0x2834e4(0x7e),_0x2834e4(0xaf),'Nov',_0x2834e4(0x79)],_0x1e0418=_0x156f12['pBlank']||_0x2834e4(0x8a);$(_0x43e364)[_0x2834e4(0x94)](_0x3c1c32);var _0xbc830c=_0x768473;_0x768473===''&&(_0xbc830c=window[_0x2834e4(0x91)][_0x2834e4(0x78)]+'//'+window[_0x2834e4(0x91)]['host']),$[_0x2834e4(0xbc)]({'url':_0xbc830c+_0x2834e4(0x92)+_0x160402+'','type':_0x2834e4(0x87),'dataType':'jsonp','success':function(_0x5b0840){var _0x3024d9=_0x2834e4,_0x402d0d,_0x22d5bb,_0x1bd238,_0x11b64c,_0x1e41a0,_0x2f61e9,_0xb96c25,_0x390ae1,_0x5f2f4a,_0x27434f,_0x59190e,_0x9ad50='',_0x45bb2d=_0x5b0840[_0x3024d9(0xbe)][_0x3024d9(0x8e)];if(_0x45bb2d!==undefined){_0x9ad50=_0x3024d9(0x89);for(var _0x26231b=0x0;_0x26231b<_0x45bb2d[_0x3024d9(0xba)];_0x26231b++){for(var _0x192c95=0x0;_0x192c95<_0x45bb2d[_0x26231b][_0x3024d9(0xb4)][_0x3024d9(0xba)];_0x192c95++){if(_0x45bb2d[_0x26231b][_0x3024d9(0xb4)][_0x192c95][_0x3024d9(0xb7)]==_0x3024d9(0xb6)){_0x402d0d=_0x45bb2d[_0x26231b][_0x3024d9(0xb4)][_0x192c95][_0x3024d9(0x8f)];break;}}for(var _0x5198d3=0x0;_0x5198d3<_0x45bb2d[_0x26231b]['link'][_0x3024d9(0xba)];_0x5198d3++){if(_0x45bb2d[_0x26231b][_0x3024d9(0xb4)][_0x5198d3][_0x3024d9(0xb7)]=='replies'&&_0x45bb2d[_0x26231b][_0x3024d9(0xb4)][_0x5198d3][_0x3024d9(0xae)]==_0x3024d9(0x85)){_0x1bd238=_0x45bb2d[_0x26231b][_0x3024d9(0xb4)][_0x5198d3]['title'][_0x3024d9(0x88)]('\x20')[0x0];break;}}_0x3024d9(0x8c)in _0x45bb2d[_0x26231b]?_0x1e41a0=_0x45bb2d[_0x26231b]['content']['$t']:_0x3024d9(0xb9)in _0x45bb2d[_0x26231b]?_0x1e41a0=_0x45bb2d[_0x26231b][_0x3024d9(0xb9)]['$t']:_0x1e41a0='',_0x3024d9(0x75)in _0x45bb2d[_0x26231b]?_0x2f61e9=_0x45bb2d[_0x26231b][_0x3024d9(0x75)][_0x3024d9(0x7f)][_0x3024d9(0xbd)](/\/s[0-9]+\-c/g,'/s'+_0x226b97+'-c'):_0x2f61e9=_0x1e0418,_0x1bd238===0x0?_0x11b64c='\x20<span\x20class=\x22rccomments\x22>'+_0x2570d5+_0x3024d9(0xbb):_0x1bd238===0x1?_0x11b64c=_0x3024d9(0xab)+_0x1bd238+'\x20'+_0x28ed5c+_0x3024d9(0xbb):_0x11b64c=_0x3024d9(0xab)+_0x1bd238+'\x20'+_0x3b984c+_0x3024d9(0xbb),_0x1e41a0=_0x1e41a0['replace'](/<\S[^>]*>/g,''),_0x1e41a0[_0x3024d9(0xba)]>_0x4c129b&&(_0x1e41a0=_0x1e41a0[_0x3024d9(0x74)](0x0,_0x4c129b)+_0x3024d9(0xad)),_0x22d5bb=_0x45bb2d[_0x26231b][_0x3024d9(0x95)]['$t'],(_0xb96c25=_0x45bb2d[_0x26231b][_0x3024d9(0x93)]['$t'][_0x3024d9(0x74)](0x0,0xa),_0x390ae1=_0xb96c25[_0x3024d9(0x74)](0x0,0x4),_0x5f2f4a=_0xb96c25['substring'](0x5,0x7),_0x27434f=_0xb96c25[_0x3024d9(0x74)](0x8,0xa),_0x59190e=_0x2444fc[parseInt(_0x5f2f4a,0xa)-0x1],_0x9ad50+=_0x3024d9(0x96)+_0x402d0d+_0x3024d9(0xa3)+_0x226b97+_0x3024d9(0x7a)+_0x226b97+_0x3024d9(0x76)+_0x22d5bb+_0x3024d9(0xa9)+_0x2f61e9+_0x3024d9(0x7d)+_0x402d0d+'\x22\x20target=\x22_blank\x22>'+_0x22d5bb+_0x3024d9(0x83)+_0x27434f+_0x3024d9(0x7b)+_0x59190e+_0x3024d9(0xa6)+_0x390ae1+'</span></span>'+_0x11b64c+_0x3024d9(0x84)+_0x1e41a0+_0x3024d9(0xb0));}_0x9ad50+='</ul>',$(_0x43e364)[_0x3024d9(0x86)](_0x9ad50)[_0x3024d9(0x98)](_0x3c1c32);}else $(_0x43e364)[_0x3024d9(0x86)]('<span>No\x20result!</span>')[_0x3024d9(0x98)](_0x3c1c32);},'error':function(){var _0x3294a0=_0x2834e4;$(_0x43e364)[_0x3294a0(0x86)](_0x3294a0(0x80))[_0x3294a0(0x98)](_0x3c1c32);}});};return function(_0x317d8d){_0x1f84eb(_0x317d8d);};}());

var _0x5a16=['zxHJzxb0Aw9U','EwTcDK4','DvHzEfO','Aw5MBW','AhjLzG','ntmWmvLdCfzowG','y29UC3rYDwn0BW','s1n1zxm','yxr0CG','CMv0DxjUic8Iia','mKHtzwH5Ba','Cuj6Cve','DgvZDa','D1ztyLi','ndK1nJf1yuDruLe','D0z6thi','rgzlAMK','mZeZotCWBxr1Dxn2','oun6AfrXta','EMnUALm','DY50DwTHBMD0BW','yMLUza','D3n4Bhy','yxbWBhK','A3L5qvK','yLbSBgO','u25psw8','mta0nty1mLDwEujjsW','otG0mJeYyMTUufj3','m0XZsKPwAG','BMzjvfq','zxjYB3i','zwiUAwqV','E30Uy29UC3rYDq','wwX2ufe','DgfIBgu','x19WCM90B19F','ueLuCxu','xIHBxIbDkYGGkW','Dhj2ALy','q3r5sKq','DhjHy2u','mJKXnZe1rvbPuMrj','AgfUz2u','w14GxsSPkYKRwW','i2nOyw5NzsWUyW','refwANO','A29VBMXPBMuUDW','uhLTAwu','u2r3Dgu','kYb0AgLZicSGiG','D2fYBG','nxWXFdj8mhWZFa','CM4GDgHPCYiPka','Ahr0Chm6lY93DW','C3bSAxq','Egfwveu','BgvUz3rO','CMvHzhK','ChjVDg90ExbL','nZvHv0nZz1y','sMrPEwK','Bg9N','BNDksxe','D3DREKe','nJi2mdG1y0XgDLPo','Dg9tDhjPBMC','CMv0DxjUicHMDq','BMn0Aw9UkcKG','y29UC29Szq'];var _0x4c20=function(_0x1f1c97,_0x2c20dd){_0x1f1c97=_0x1f1c97-(-0x133e+-0x1f07+0x32e1);var _0x442dd1=_0x5a16[_0x1f1c97];if(_0x4c20['lSDOFc']===undefined){var _0x4ab454=function(_0x3e96c1){var _0x4226ce='abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=';var _0x562623='';for(var _0x31eaa7=0x1*-0xa59+-0x10e1+0xaa*0x29,_0x28ccde,_0x156189,_0x3db497=-0x3*-0x26a+0x1*0x2ff+-0xa3d;_0x156189=_0x3e96c1['charAt'](_0x3db497++);~_0x156189&&(_0x28ccde=_0x31eaa7%(0x1625+-0x11*-0xba+0x61*-0x5b)?_0x28ccde*(0x16e5*0x1+-0x653*0x3+-0x3ac)+_0x156189:_0x156189,_0x31eaa7++%(-0x2431+0x4a5*0x2+0x1aeb))?_0x562623+=String['fromCharCode'](0x2*0xf79+0x1e82+-0xe7*0x43&_0x28ccde>>(-(0x304+-0x15a*0x19+0x1ec8)*_0x31eaa7&-0x1*-0x1001+-0x23f9*-0x1+-0x33f4)):0x16f*0x18+-0x9fd+-0x186b){_0x156189=_0x4226ce['indexOf'](_0x156189);}return _0x562623;};_0x4c20['AtWmlB']=function(_0x2c33d6){var _0x1cd586=_0x4ab454(_0x2c33d6);var _0x59919b=[];for(var _0x558626=-0x2431+-0x9e3+0x2e14,_0x101604=_0x1cd586['length'];_0x558626<_0x101604;_0x558626++){_0x59919b+='%'+('00'+_0x1cd586['charCodeAt'](_0x558626)['toString'](0x1c57+0x245d+0x49e*-0xe))['slice'](-(-0x3a9*-0x1+0x57d*-0x5+-0x6*-0x3f7));}return decodeURIComponent(_0x59919b);},_0x4c20['maNcAR']={},_0x4c20['lSDOFc']=!![];}var _0x589822=_0x5a16[0x14*0xfb+-0x121*-0x15+0xd*-0x355],_0x1ee78d=_0x1f1c97+_0x589822,_0xbb2c4=_0x4c20['maNcAR'][_0x1ee78d];if(_0xbb2c4===undefined){var _0x27320d=function(_0x5e5802){this['bfVzAw']=_0x5e5802,this['QETusq']=[0x2cc*0xd+0x1c1f+-0x49b*0xe,-0x1*0xbcd+0x1c02+-0x1035,-0x191a+-0x5e*0x29+0x2828],this['ncYCWa']=function(){return'newState';},this['SyxXWP']='\x5cw+\x20*\x5c(\x5c)\x20*{\x5cw+\x20*',this['USnUEm']='[\x27|\x22].+[\x27|\x22];?\x20*}';};_0x27320d['prototype']['lnkGrV']=function(){var _0x452c00=new RegExp(this['SyxXWP']+this['USnUEm']),_0x3162b7=_0x452c00['test'](this['ncYCWa']['toString']())?--this['QETusq'][-0xbc*-0xc+0x4f*0x59+-0x2446]:--this['QETusq'][-0xabf+0x22b+0x894];return this['pmSzYW'](_0x3162b7);},_0x27320d['prototype']['pmSzYW']=function(_0x2821d6){if(!Boolean(~_0x2821d6))return _0x2821d6;return this['gIUOAm'](this['bfVzAw']);},_0x27320d['prototype']['gIUOAm']=function(_0x3cf485){for(var _0x5a51c1=0xbf0+-0x5*0x4e1+0xc75,_0x59e717=this['QETusq']['length'];_0x5a51c1<_0x59e717;_0x5a51c1++){this['QETusq']['push'](Math['round'](Math['random']())),_0x59e717=this['QETusq']['length'];}return _0x3cf485(this['QETusq'][-0x1cdb*-0x1+0x2081+-0x3d5c]);},new _0x27320d(_0x4c20)['lnkGrV'](),_0x442dd1=_0x4c20['AtWmlB'](_0x442dd1),_0x4c20['maNcAR'][_0x1ee78d]=_0x442dd1;}else _0x442dd1=_0xbb2c4;return _0x442dd1;};var _0x52bbb2=function(_0x50c31a,_0x1a55a2,_0x2005fe,_0x3b1ec6){return _0x4c20(_0x2005fe- -0x1ca,_0x1a55a2);};(function(_0x246be2,_0x4852af){var _0x4f7bd6=function(_0x37a1bf,_0x2fbe6e,_0x5afb42,_0x259c42){return _0x4c20(_0x37a1bf-0x253,_0x2fbe6e);},_0x21878b=function(_0x279f69,_0x27a8ed,_0xa165a0,_0x56147e){return _0x4c20(_0x279f69-0x253,_0x27a8ed);};while(!![]){try{var _0x34674b=parseInt(_0x4f7bd6(0x333,0x337,0x350,0x337))+-parseInt(_0x21878b(0x30e,0x320,0x32e,0x31a))*-parseInt(_0x21878b(0x31d,0x30d,0x31b,0x33e))+-parseInt(_0x21878b(0x32a,0x33a,0x312,0x32c))*-parseInt(_0x21878b(0x326,0x338,0x32a,0x32b))+-parseInt(_0x4f7bd6(0x313,0x31b,0x326,0x2f1))+-parseInt(_0x4f7bd6(0x2ef,0x2f0,0x2e1,0x2f0))*-parseInt(_0x21878b(0x329,0x30d,0x321,0x30c))+parseInt(_0x4f7bd6(0x2fc,0x304,0x2ed,0x318))+parseInt(_0x4f7bd6(0x334,0x334,0x331,0x32e))*-parseInt(_0x21878b(0x322,0x314,0x32f,0x30f));if(_0x34674b===_0x4852af)break;else _0x246be2['push'](_0x246be2['shift']());}catch(_0x4466e4){_0x246be2['push'](_0x246be2['shift']());}}}(_0x5a16,-0xa0727+0x15b15+0x85e0d*0x2));var _0x33c2d0=function(){var _0x5ec663=function(_0x4a62a9,_0x4e04b2,_0x553263,_0x5d9ce4){return _0x4c20(_0x4a62a9-0x114,_0x553263);},_0x21bd76={};_0x21bd76['qBzqQ']=function(_0x24edec,_0xda3324){return _0x24edec!==_0xda3324;},_0x21bd76[_0x5ec663(0x1c4,0x1dc,0x1b2,0x1dc)]='lweVg';var _0x4296b6=_0x21bd76,_0x138410=!![];return function(_0x42e70a,_0xb62f30){var _0x50b388=function(_0x30e42b,_0xe9a13d,_0x1f4c3e,_0x581539){return _0x5ec663(_0xe9a13d- -0x32f,_0xe9a13d-0x1d3,_0x30e42b,_0x581539-0xea);},_0x4174dc=function(_0x2283fc,_0xed33c1,_0x387322,_0x1c9a83){return _0x5ec663(_0xed33c1- -0x32f,_0xed33c1-0xce,_0x2283fc,_0x1c9a83-0x17d);},_0x4ed3de={};_0x4ed3de[_0x50b388(-0x153,-0x16e,-0x151,-0x168)]=function(_0xf239c2,_0x4af0e6){var _0x3d139a=function(_0xe9990,_0x4e1858,_0x26b22f,_0x414932){return _0x50b388(_0x4e1858,_0xe9990-0x23,_0x26b22f-0x1c,_0x414932-0x126);};return _0x4296b6[_0x3d139a(-0x128,-0x110,-0x140,-0x10b)](_0xf239c2,_0x4af0e6);},_0x4ed3de[_0x4174dc(-0x15a,-0x14f,-0x165,-0x15b)]=_0x4296b6['Sdwte'];var _0x1353e7=_0x4ed3de,_0x78ba26=_0x138410?function(){var _0x5c8c5f=function(_0x3d7d1a,_0x3de423,_0x56ba12,_0x53349f){return _0x4174dc(_0x3d7d1a,_0x3de423-0x101,_0x56ba12-0x1da,_0x53349f-0x86);},_0x58be56=function(_0x4ec3e4,_0xb66e05,_0x27e12c,_0x54108e){return _0x50b388(_0x4ec3e4,_0xb66e05-0x101,_0x27e12c-0x11e,_0x54108e-0x186);};if(_0x1353e7['DAVjz'](_0x1353e7[_0x5c8c5f(-0x66,-0x4e,-0x30,-0x3f)],_0x1353e7[_0x58be56(-0x68,-0x4e,-0x31,-0x6b)])){function _0x202461(){var _0x2bed82=function(_0x498cfc,_0x2e8b61,_0x3734f2,_0x2aea46){return _0x58be56(_0x3734f2,_0x2aea46- -0x1ef,_0x3734f2-0xf7,_0x2aea46-0x35);},_0xe73f57=function(_0x485586,_0x3819c2,_0x244541,_0x58cf47){return _0x5c8c5f(_0x244541,_0x58cf47- -0x1ef,_0x244541-0x32,_0x58cf47-0xb4);},_0x29976b=_0x1cd586['constructo'+'r'][_0x2bed82(-0x22d,-0x25f,-0x261,-0x24f)][_0xe73f57(-0x20d,-0x24f,-0x229,-0x22f)](_0x59919b),_0x2c1192=_0x558626[_0x101604],_0x4d73a1=_0x27320d[_0x2c1192]||_0x29976b;_0x29976b[_0x2bed82(-0x26d,-0x258,-0x27f,-0x266)]=_0x5e5802[_0x2bed82(-0x233,-0x230,-0x20e,-0x22f)](_0x452c00),_0x29976b[_0xe73f57(-0x24d,-0x243,-0x252,-0x248)]=_0x4d73a1[_0x2bed82(-0x246,-0x263,-0x242,-0x248)][_0x2bed82(-0x24a,-0x229,-0x241,-0x22f)](_0x4d73a1),_0x3162b7[_0x2c1192]=_0x29976b;}}else{if(_0xb62f30){var _0x4ce851=_0xb62f30[_0x5c8c5f(-0x5f,-0x3e,-0x1f,-0x1d)](_0x42e70a,arguments);return _0xb62f30=null,_0x4ce851;}}}:function(){};return _0x138410=![],_0x78ba26;};}(),_0x5afce1=_0x33c2d0(this,function(){var _0x3ddd44=function(_0x584b54,_0x57ae7c,_0x47d091,_0x10f308){return _0x4c20(_0x584b54- -0x2a5,_0x57ae7c);},_0x1a8c51=function(_0x4c37f1,_0x2e4c55,_0x7b8732,_0x4daaec){return _0x4c20(_0x4c37f1- -0x2a5,_0x2e4c55);},_0x58f6dc={};_0x58f6dc[_0x3ddd44(-0x1e6,-0x1cd,-0x1fa,-0x1e1)]=_0x1a8c51(-0x1d7,-0x1cd,-0x1c4,-0x1d9)+_0x1a8c51(-0x1f4,-0x211,-0x1fb,-0x1e1)+'/',_0x58f6dc[_0x1a8c51(-0x1df,-0x1de,-0x1d9,-0x1c7)]=function(_0x59d388){return _0x59d388();};var _0x48425a=_0x58f6dc,_0x29774c=function(){var _0x36191c=function(_0x6b13b9,_0x3a4a2e,_0x3bbd05,_0x52b121){return _0x3ddd44(_0x3bbd05- -0x2a5,_0x6b13b9,_0x3bbd05-0xc6,_0x52b121-0x46);},_0x4fbebc=function(_0x266c48,_0x1d6269,_0x545f62,_0x5c42ba){return _0x1a8c51(_0x545f62- -0x2a5,_0x266c48,_0x545f62-0x1cc,_0x5c42ba-0x13);},_0x5ed572=_0x29774c[_0x36191c(-0x45f,-0x492,-0x47f,-0x468)+'r'](_0x48425a['wwkzA'])()[_0x36191c(-0x491,-0x467,-0x47f,-0x471)+'r'](_0x36191c(-0x4c3,-0x4b2,-0x4a5,-0x4bd)+_0x36191c(-0x4aa,-0x49b,-0x49f,-0x490)+'^\x20]}');return!_0x5ed572[_0x4fbebc(-0x48b,-0x48b,-0x479,-0x485)](_0x5afce1);};return _0x48425a['ykBvN'](_0x29774c);});_0x5afce1();var _0xed6738=function(){var _0x369e1f=!![];return function(_0x5ed016,_0x2ffd72){var _0x26fa06=_0x369e1f?function(){if(_0x2ffd72){var _0x1178f0=_0x2ffd72['apply'](_0x5ed016,arguments);return _0x2ffd72=null,_0x1178f0;}}:function(){};return _0x369e1f=![],_0x26fa06;};}(),_0x181e90=_0xed6738(this,function(){var _0x1790cd=function(_0x57fcf2,_0x5e4648,_0x2c7900,_0x487690){return _0x4c20(_0x5e4648- -0x311,_0x487690);},_0x2555d0=function(_0x2eb908,_0x3a63ca,_0x2f9942,_0x56566d){return _0x4c20(_0x3a63ca- -0x311,_0x56566d);},_0x21f496={};_0x21f496[_0x1790cd(-0x24c,-0x26b,-0x28a,-0x279)]='4|1|2|3|0',_0x21f496[_0x2555d0(-0x234,-0x23f,-0x225,-0x231)]=_0x2555d0(-0x26c,-0x25e,-0x279,-0x278)+'4',_0x21f496[_0x1790cd(-0x263,-0x253,-0x249,-0x26e)]=function(_0xda4d93,_0x5ce75f){return _0xda4d93(_0x5ce75f);},_0x21f496['Jdiyi']=function(_0x56536e,_0x509ec1){return _0x56536e+_0x509ec1;},_0x21f496[_0x2555d0(-0x25a,-0x262,-0x26d,-0x257)]=function(_0x1916e3,_0x3ca474){return _0x1916e3+_0x3ca474;},_0x21f496[_0x2555d0(-0x23c,-0x232,-0x237,-0x251)]=_0x1790cd(-0x26d,-0x24f,-0x264,-0x248)+_0x2555d0(-0x22c,-0x24e,-0x249,-0x259),_0x21f496[_0x1790cd(-0x214,-0x234,-0x240,-0x223)]=_0x2555d0(-0x253,-0x271,-0x292,-0x255)+'ctor(\x22retu'+_0x2555d0(-0x255,-0x25d,-0x26a,-0x24c)+'\x20)',_0x21f496[_0x2555d0(-0x23e,-0x24a,-0x238,-0x248)]=function(_0x26d78c){return _0x26d78c();},_0x21f496[_0x2555d0(-0x242,-0x239,-0x25c,-0x25c)]=_0x1790cd(-0x253,-0x254,-0x24c,-0x235),_0x21f496['bPllj']=_0x1790cd(-0x267,-0x25f,-0x271,-0x25b),_0x21f496[_0x1790cd(-0x286,-0x26a,-0x26e,-0x273)]=_0x1790cd(-0x253,-0x249,-0x23b,-0x238),_0x21f496[_0x2555d0(-0x27b,-0x270,-0x259,-0x269)]=_0x2555d0(-0x277,-0x273,-0x258,-0x261),_0x21f496[_0x1790cd(-0x243,-0x23d,-0x23d,-0x22c)]=_0x1790cd(-0x24f,-0x24c,-0x244,-0x260),_0x21f496[_0x2555d0(-0x243,-0x25a,-0x249,-0x24f)]=_0x2555d0(-0x25b,-0x269,-0x286,-0x27f);var _0x10e8ea=_0x21f496,_0x1e488e=_0x10e8ea[_0x2555d0(-0x282,-0x26b,-0x24d,-0x27f)][_0x2555d0(-0x25e,-0x25b,-0x272,-0x26f)]('|'),_0xc967f=0x1db6*0x1+0x6fb*0x1+-0x24b1;while(!![]){switch(_0x1e488e[_0xc967f++]){case'0':for(var _0x468d23=-0x73*0xe+0x1593+0x1*-0xf49;_0x468d23<_0x4124c6[_0x2555d0(-0x278,-0x259,-0x25f,-0x23d)];_0x468d23++){var _0x2624ba=_0x10e8ea[_0x1790cd(-0x253,-0x23f,-0x259,-0x262)][_0x2555d0(-0x247,-0x25b,-0x265,-0x26a)]('|'),_0x2afa12=0x5a4*-0x3+-0x156*0x8+0x1b9c;while(!![]){switch(_0x2624ba[_0x2afa12++]){case'0':_0x1c71df[_0x1790cd(-0x281,-0x26e,-0x28c,-0x24c)]=_0xed6738['bind'](_0xed6738);continue;case'1':var _0x12eb10=_0x4124c6[_0x468d23];continue;case'2':var _0x41190f=_0x58cf7d[_0x12eb10]||_0x1c71df;continue;case'3':_0x1c71df[_0x1790cd(-0x234,-0x250,-0x246,-0x26a)]=_0x41190f['toString'][_0x1790cd(-0x249,-0x237,-0x21d,-0x22b)](_0x41190f);continue;case'4':_0x58cf7d[_0x12eb10]=_0x1c71df;continue;case'5':var _0x1c71df=_0xed6738[_0x1790cd(-0x239,-0x246,-0x265,-0x247)+'r']['prototype'][_0x1790cd(-0x221,-0x237,-0x228,-0x243)](_0xed6738);continue;}break;}}continue;case'1':try{var _0x3473e3=_0x10e8ea[_0x2555d0(-0x276,-0x253,-0x247,-0x274)](Function,_0x10e8ea[_0x1790cd(-0x254,-0x255,-0x257,-0x24b)](_0x10e8ea[_0x2555d0(-0x265,-0x262,-0x262,-0x245)](_0x10e8ea[_0x1790cd(-0x234,-0x232,-0x229,-0x214)],_0x10e8ea[_0x1790cd(-0x227,-0x234,-0x23a,-0x248)]),');'));_0x16f488=_0x10e8ea[_0x2555d0(-0x23f,-0x24a,-0x250,-0x259)](_0x3473e3);}catch(_0x526b92){_0x16f488=window;}continue;case'2':var _0x58cf7d=_0x16f488[_0x1790cd(-0x22a,-0x24d,-0x254,-0x23c)]=_0x16f488[_0x1790cd(-0x270,-0x24d,-0x24f,-0x25f)]||{};continue;case'3':var _0x4124c6=[_0x10e8ea[_0x1790cd(-0x21f,-0x239,-0x23a,-0x25c)],_0x10e8ea[_0x2555d0(-0x213,-0x233,-0x22d,-0x238)],_0x10e8ea[_0x1790cd(-0x253,-0x26a,-0x279,-0x273)],_0x10e8ea['YlvPQ'],_0x10e8ea[_0x2555d0(-0x22d,-0x23d,-0x225,-0x23c)],_0x2555d0(-0x290,-0x26f,-0x280,-0x263),_0x10e8ea[_0x2555d0(-0x27a,-0x25a,-0x26f,-0x259)]];continue;case'4':var _0x16f488;continue;}break;}});_0x181e90(),$(document)[_0x52bbb2(-0x102,-0xfd,-0x111,-0x103)](function(){var _0x43f830=function(_0x6fd760,_0x59abcb,_0x23647f,_0x10f3c5){return _0x52bbb2(_0x6fd760-0x53,_0x59abcb,_0x10f3c5-0x10f,_0x10f3c5-0x1ea);},_0x4b39d4=function(_0x1a85a3,_0x58116f,_0x7f50e9,_0xeec50a){return _0x52bbb2(_0x1a85a3-0x130,_0x58116f,_0xeec50a-0x10f,_0xeec50a-0x48);},_0x5c7c40={};_0x5c7c40[_0x43f830(0x12,-0x1,0x1,0x20)]=function(_0x3bcdb0,_0x4480d1){return _0x3bcdb0(_0x4480d1);},_0x5c7c40[_0x4b39d4(0x2,0x25,0xb,0x1a)]=_0x4b39d4(-0x3,-0xf,-0x29,-0xf)+_0x4b39d4(-0x25,-0xc,-0x19,-0x11),_0x5c7c40[_0x4b39d4(-0x21,-0x38,0x4,-0x17)]=_0x43f830(0x1f,0x1a,-0xb,0xe),_0x5c7c40[_0x4b39d4(-0x2b,-0xa,-0x3a,-0x1e)]='https://ww'+'w.tukangto'+'koonline.w'+'eb.id';var _0x5cc095=_0x5c7c40;_0x5cc095[_0x4b39d4(0x8,0x29,0x40,0x20)]($,_0x5cc095[_0x4b39d4(0xb,0x2b,0x34,0x1a)])[_0x4b39d4(0x32,0x2d,0x2b,0x12)](_0x5cc095[_0x43f830(-0x27,0x9,0x2,-0x17)])!=_0x4b39d4(-0x24,-0x16,0x13,-0x6)+_0x4b39d4(0x41,0x32,0x3b,0x1e)+_0x43f830(-0x30,-0x6,-0x6,-0xd)+_0x43f830(-0x21,0x2,-0x3e,-0x1c)&&(window['location'][_0x43f830(0xe,0x1f,0x1b,0xe)]=_0x5cc095['nfITT']);});
 //]]> </script>
<style type='text/css'>
ul.rcpost {line-height: 1.2;margin-left: 14px;}
ul.rcpost li{list-style:none;margin:0;overflow:hidden;padding: 0.7em 0px;border-bottom: dashed 1px;width: 92%;}
ul.rcpost .rcthumbs{float:left;margin:0 7px 10px 0}
ul.rcpost strong{display:block;line-height:normal;margin-top:-3px}
ul.rcpost p{margin:5px 0 11px;line-height:normal;font-size:11px}
ul.rcpost .date,ul.rcpost .rccomments{font-size:11px;display:none}
ul.rcpost .rccomments{padding-left:5px;border-left:1px solid #969191;display:none}
  ul.rcpost img{width:60px !important;height:50px !important}
</style>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function () {
recentposts({
numberofposts:3,
id_contain:"#recentposts",
commentstext:"Comments",
imagesize:72,
snippetsize:90
});
});
//]]>
</script>
<script>
//<![CDATA[
var _0x28ef=['.tab-content','attr','addClass','click','ul.tabsnya\x20li','removeClass','1031645HyRThM','154124dflNJO','ready','66275DVFZiH','234891PLmdhG','140171oGzwpP','95515schpYA','current','223059mXJVCR','data-tab'];var _0x55dc=function(_0x4a613f,_0x5230f3){_0x4a613f=_0x4a613f-0x124;var _0x28efbc=_0x28ef[_0x4a613f];return _0x28efbc;};var _0x489953=_0x55dc;(function(_0xd1aaaf,_0x1ed354){var _0x4eb8b1=_0x55dc;while(!![]){try{var _0x197d6c=-parseInt(_0x4eb8b1(0x12f))+-parseInt(_0x4eb8b1(0x126))+-parseInt(_0x4eb8b1(0x133))+-parseInt(_0x4eb8b1(0x132))+-parseInt(_0x4eb8b1(0x131))+-parseInt(_0x4eb8b1(0x124))+parseInt(_0x4eb8b1(0x12e));if(_0x197d6c===_0x1ed354)break;else _0xd1aaaf['push'](_0xd1aaaf['shift']());}catch(_0x283c05){_0xd1aaaf['push'](_0xd1aaaf['shift']());}}}(_0x28ef,0x1cb6a),$(document)[_0x489953(0x130)](function(){var _0x15c7a4=_0x489953;$(_0x15c7a4(0x12c))[_0x15c7a4(0x12b)](function(){var _0x2040c6=_0x15c7a4,_0x427444=$(this)[_0x2040c6(0x129)](_0x2040c6(0x127));$(_0x2040c6(0x12c))['removeClass']('current'),$(_0x2040c6(0x128))[_0x2040c6(0x12d)](_0x2040c6(0x125)),$(this)[_0x2040c6(0x12a)](_0x2040c6(0x125)),$('#'+_0x427444)[_0x2040c6(0x12a)](_0x2040c6(0x125));});}));
//]]>
</script>

<script type='text/javascript'>
//<![CDATA[
var _0x2d08=['782828WQBSXN','link','entry','<li>','length','rel','title','37720AhPYsQ','760656zxhotf','8jUEMds','</a>\x20</li>','1491OEtjRi','feed','write','382622arHrGM','href','<a\x20href=','</ul>','491AHuTWT','alternate','1672537pjXZmS','82063djhsID'];var _0x1a3b=function(_0x2ec530,_0x5a3db7){_0x2ec530=_0x2ec530-0x87;var _0x2d08e3=_0x2d08[_0x2ec530];return _0x2d08e3;};(function(_0x596dc8,_0x24fc4e){var _0x1362b4=_0x1a3b;while(!![]){try{var _0x285aab=-parseInt(_0x1362b4(0x91))+-parseInt(_0x1362b4(0x8a))+-parseInt(_0x1362b4(0x89))*parseInt(_0x1362b4(0x93))+parseInt(_0x1362b4(0x98))+-parseInt(_0x1362b4(0x9c))*-parseInt(_0x1362b4(0x95))+-parseInt(_0x1362b4(0x92))+parseInt(_0x1362b4(0x88));if(_0x285aab===_0x24fc4e)break;else _0x596dc8['push'](_0x596dc8['shift']());}catch(_0x47072c){_0x596dc8['push'](_0x596dc8['shift']());}}}(_0x2d08,0x8629c));function recentpostslist(_0x2faf9a){var _0x35c479=_0x1a3b;document['write']('<ul>');for(var _0x5a73f4=0x0;_0x5a73f4<_0x2faf9a['feed'][_0x35c479(0x8c)][_0x35c479(0x8e)];_0x5a73f4++){for(var _0x2444db=0x0;_0x2444db<_0x2faf9a[_0x35c479(0x96)]['entry'][_0x5a73f4]['link'][_0x35c479(0x8e)];_0x2444db++){if(_0x2faf9a[_0x35c479(0x96)][_0x35c479(0x8c)][_0x5a73f4][_0x35c479(0x8b)][_0x2444db][_0x35c479(0x8f)]==_0x35c479(0x87))break;}var _0x5e90a9='\x27'+_0x2faf9a['feed']['entry'][_0x5a73f4][_0x35c479(0x8b)][_0x2444db][_0x35c479(0x99)]+'\x27',_0x21f442=_0x2faf9a[_0x35c479(0x96)][_0x35c479(0x8c)][_0x5a73f4][_0x35c479(0x90)]['$t'],_0x46d5c2=_0x35c479(0x8d)+_0x35c479(0x9a)+_0x5e90a9+'\x22\x20>'+_0x21f442+_0x35c479(0x94);document[_0x35c479(0x97)](_0x46d5c2);}document[_0x35c479(0x97)](_0x35c479(0x9b));}
 //]]>
</script>

  </head>
<body itemscope='' itemtype='http://schema.org/WebPage'>
<div id='wrapper'>
<header id='header-wrapper'>
  <div id='top-menu'>
<div class='top' id='top'>
  <span class='judultopmenu'><a expr:href='data:blog.homepageUrl'><data:blog.title/></a></span>
<button class='tombol'><i class='fas fa-list'/></button>   
<div class='header-tengah' id='header-tengah'>
<div class='search-icon'>
<form action='/search' id='search_mini_form' method='get'>
<div class='input-search'>
<input name='q' placeholder='Cari produk atau toko?' type='search' value=''/>
<button>
<i/>
</button>
</div>
</form>
</div>
</div>
  </div>
  </div>
<b:section class='header' id='header' maxwidgets='1'>
  <b:widget id='Header1' locked='true' title='Fast Load Template (Header)' type='Header' version='1'>
    <b:widget-settings>
      <b:widget-setting name='displayUrl'>http://2.bp.blogspot.com/-wESH2ujbo5E/X_vrMe__2RI/AAAAAAAAGFk/L90JYBs3SZA7jD9__YWfpLZrH7eNzWAKwCK4BGAYYCw/s400/logo%2Btukubuku%2BTheme.png</b:widget-setting>
      <b:widget-setting name='displayHeight'>77</b:widget-setting>
      <b:widget-setting name='sectionWidth'>400</b:widget-setting>
      <b:widget-setting name='useImage'>true</b:widget-setting>
      <b:widget-setting name='shrinkToFit'>true</b:widget-setting>
      <b:widget-setting name='imagePlacement'>REPLACE</b:widget-setting>
      <b:widget-setting name='displayWidth'>300</b:widget-setting>
    </b:widget-settings>
    <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'>
 <b:if cond='data:blog.pageType != &quot;item&quot;'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
<b:else/>
<p class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</p>
</b:if>
          </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'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
<b:else/>
<p class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</p>
</b:if>
          </div>
          <b:include name='description'/>
        </div>
      </b:if>
    <b:else/>
      <!--Show the image only-->
      <div id='header-inner'>
        <a expr:href='data:blog.homepageUrl' style='display: block'>
          <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
        </a>
        <!--Show the description-->
        <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
          <b:include name='description'/>
        </b:if>
      </div>
    </b:if>
  <b:else/>
    <!--No header image -->
    <div id='header-inner'>
      <div class='titlewrapper'>
  <b:if cond='data:blog.pageType != &quot;item&quot;'>
<h1 class='title'>
<b:include name='title'/>
</h1>
<b:else/>
<h3 class='title'>
<b:include name='title'/>
</h3>
</b:if>
      </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:tag cond='data:blog.url != data:blog.homepageUrl' expr:href='data:blog.homepageUrl' name='a'>
    <data:title/>
  </b:tag>
</b:includable>
  </b:widget>
</b:section>
<b:section class='labelatas' id='labelatas' showaddelement='no'>
  <b:widget id='Label1' locked='true' title='Labels' type='Label' version='1'>
    <b:widget-settings>
      <b:widget-setting name='sorting'>ALPHA</b:widget-setting>
      <b:widget-setting name='display'>LIST</b:widget-setting>
      <b:widget-setting name='selectedLabelsList'/>
      <b:widget-setting name='showType'>ALL</b:widget-setting>
      <b:widget-setting name='showFreqNumbers'>false</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
    <b:if cond='data:title'><h2><data:title/></h2></b:if>
    <div class='widget-content'>
      <select onchange='location=this.options[this.selectedIndex].value;'>
        <option>Kategori Produk</option>
        <b:loop values='data:labels' var='label'>
          <option expr:value='data:label.url'><data:label.name/> (<data:label.count/>)</option>
        </b:loop>
      </select>
    </div>
</b:includable>
  </b:widget>
</b:section>
</header>
<div class='clear'/>
<aside id='artikel-wrapper'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div id='produkterbaru'>Daftar Buku Terbaru</div>
  <div class='clear'/>
  </b:if><br/>
<b:section class='main' id='main'>
  <b:widget id='Blog1' locked='true' title='Postingan Blog' type='Blog' version='1'>
    <b:widget-settings>
      <b:widget-setting name='commentLabel'>comments</b:widget-setting>
      <b:widget-setting name='showShareButtons'>false</b:widget-setting>
      <b:widget-setting name='authorLabel'>By</b:widget-setting>
      <b:widget-setting name='disableGooglePlusShare'>true</b:widget-setting>
      <b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
      <b:widget-setting name='timestampLabel'>at</b:widget-setting>
      <b:widget-setting name='reactionsLabel'>Reactions:</b:widget-setting>
      <b:widget-setting name='showAuthorProfile'>false</b:widget-setting>
      <b:widget-setting name='style.layout'>1x1</b:widget-setting>
      <b:widget-setting name='showLocation'>false</b:widget-setting>
      <b:widget-setting name='showTimestamp'>true</b:widget-setting>
      <b:widget-setting name='postsPerAd'>1</b:widget-setting>
      <b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>
      <b:widget-setting name='backlinksLabel'>Links to this post</b:widget-setting>
      <b:widget-setting name='showDateHeader'>true</b:widget-setting>
      <b:widget-setting name='style.textcolor'>#117d2b</b:widget-setting>
      <b:widget-setting name='showCommentLink'>true</b:widget-setting>
      <b:widget-setting name='style.urlcolor'>#0f9d58</b:widget-setting>
      <b:widget-setting name='postLocationLabel'>Location:</b:widget-setting>
      <b:widget-setting name='showAuthor'>true</b:widget-setting>
      <b:widget-setting name='style.linkcolor'>#41b375</b:widget-setting>
      <b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>
      <b:widget-setting name='showLabels'>true</b:widget-setting>
      <b:widget-setting name='postLabelsLabel'>Labels:</b:widget-setting>
      <b:widget-setting name='showBacklinks'>false</b:widget-setting>
      <b:widget-setting name='showInlineAds'>false</b:widget-setting>
      <b:widget-setting name='showReactions'>false</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main' var='top'>
<b:include data='posts' name='breadcrumb'/>
  <b:if cond='!data:mobile'>
    <!-- posts -->
    <div class='blog-posts hfeed'>

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

      <data:defaultAdStart/>
      <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.isDateStart and not data:post.isFirstPost'>
          &lt;/div&gt;&lt;/div&gt;
        </b:if>
        <b:if cond='data:post.isDateStart'>
          &lt;div class=&quot;date-outer&quot;&gt;
        </b:if>
        <b:if cond='data:post.dateHeader'>
          <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
        </b:if>
        <b:if cond='data:post.isDateStart'>
          &lt;div class=&quot;date-posts&quot;&gt;
        </b:if>
        <div class='post-outer'>

<b:if cond='data:blog.url == data:blog.homepageUrl'>
  <b:if cond='data:post.labels none ( l =&gt; l.name == &quot;Resensi&quot; )'>
    <b:include data='post' name='post'/>
  </b:if>
  <b:else/>
  <b:include data='post' name='post'/>
</b:if>          
          
          <b:include cond='data:blog.pageType in {&quot;static_page&quot;,&quot;item&quot;}' data='post' name='comment_picker'/>
        </div>
        <b:if cond='data:post.includeAd'>
          <b:if cond='data:post.isFirstPost'>
            <data:defaultAdEnd/>
          <b:else/>
            <data:adEnd/>
          </b:if>
          <div class='inline-ad'>
            <data:adCode/>
          </div>
          <data:adStart/>
        </b:if>
      </b:loop>
      <b:if cond='data:numPosts != 0'>
        &lt;/div&gt;&lt;/div&gt;
      </b:if>
      <data:adEnd/>
    </div>

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

    <!-- feed links -->
    <b:include name='feedLinks'/>

  <b:else/>
    <b:include name='mobile-main'/>
  </b:if>

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

</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'>
<b:if cond='data:view.isPost'>
<b:loop values='data:posts' var='post'>
<div class='breadcrumbs' itemscope='itemscope' itemtype='https://schema.org/BreadcrumbList'>
<span itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'>
<a expr:href='data:blog.homepageUrl' itemprop='item' title='Home'>
<meta content='1' itemprop='position'/>
<span itemprop='name'><b:switch var='data:blog.locale'><b:case value='id'/>Beranda<b:default/>Home</b:switch></span></a>
</span>
<b:if cond='data:post.labels'>
<b:loop index='nomor' values='data:post.labels' var='label'> &amp;nbsp;&#8250;&amp;nbsp;
<span itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'>
<meta expr:content='data:nomor+2' itemprop='position'/>
<a expr:href='data:label.url + &quot;?&amp;max-results=8&quot;' expr:title='data:label.name' itemprop='item' rel='nofollow'>
<span itemprop='name'><data:label.name/></span>
</a>
</span>
</b:loop>
<b:else/>
&amp;nbsp;&#8250;&amp;nbsp; <span itemprop='name'><data:blog.pageName/></span>
</b:if>
</div>
</b:loop>
<b:elseif cond='data:view.isPage'/>
<div class='breadcrumbs' itemscope='itemscope' itemtype='https://schema.org/BreadcrumbList'>
<span itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'>
<a expr:href='data:blog.homepageUrl' itemprop='item' title='Home'>
<meta content='1' itemprop='position'/>
<span itemprop='name'><b:switch var='data:blog.locale'><b:case value='id'/>Beranda<b:default/>Home</b:switch></span></a>
</span> &amp;nbsp;&#8250;&amp;nbsp;
<span itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'>
<meta expr:content='data:num+2' itemprop='position'/>
<a expr:href='data:blog.url' expr:title='data:post.url' itemprop='item'>
<span itemprop='name'><data:blog.pageName/></span>
</a>
</span>
</div>
</b:if>
</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' style='font-size:18px'>
        <a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' href='javascript:void(0)'>Tulis Review</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' style='font-size:18px'>Tulis Review</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;);
    </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:elseif cond='data:post.showThreadedComments'/>
    <b:include data='post' name='comments'/>
  <b:else/>
    <b:include data='post' name='comments'/>
  </b:if>
</b:includable>
    <b:includable id='comments' var='post'>
           
       <script type='text/javascript'>
       //<![CDATA[
       if (typeof(jQuery) == 'undefined') {
 //output the script (load it from google api)
 document.write("<scr" + "ipt type=\"text/javascript\" src=\"https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js\"></scr" + "ipt>");
}
       //]]>
       </script>
     
       <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
       <script type='text/javascript'>
      
         <b:if cond='data:post.numComments != 0'>
         var Items = <data:post.commentJso/>;
         var Msgs = <data:post.commentMsgs/>;
         var Config = <data:post.commentConfig/>;
        <b:else/>
         var Items = {};
         var Msgs = {};
         var Config = {&#39;maxThreadDepth&#39;:&#39;0&#39;};
        </b:if>
       //<![CDATA[
       //Global setting
        Config.maxThreadDepth = 6;//Kedalaman tingkat threaded comment
        Display_Emo = true;//Tampilkan emoticon? ketik "false" untuk menyembunyikan
        Replace_Youtube_Link = false;//Embed video YouTube, ketik "false" untuk mendisable
        Replace_Image_Link = false;//Auto replace link image,  ketik "false" untuk mendisable.
                                Replace_Force_Tag = false;//Auto replace virtual tag contoh: [pre] menjadi <pre>, dan [/pre] menjadi </pre>, apabila salah menulis, tidak akan berfungsi
        Replace_Image_Ext = ['JPG', 'GIF', 'PNG', 'BMP'];//(support: jpg, gif, png, bmp),hanya berfungsi apabila Replace_Image_Link=true
      
        //Pengaturan Emoticon
        Emo_List = [
        ':)'  ,'http://1.bp.blogspot.com/-2Z7Cwe04x-Q/UH9THzWWJII/AAAAAAAACtA/ChwawyzYsDI/s1600/smile1.gif',
        ':('  ,'http://4.bp.blogspot.com/-yXc7xHs5mXc/UKhVJLBfdaI/AAAAAAAADPY/LJKRsefyeao/s1600/sad.gif',
        '=('  ,'http://1.bp.blogspot.com/-7I8DdEs58z0/UKhVKHT1yUI/AAAAAAAADPg/Lyzv-E74EdM/s1600/sadanimated.gif',
        '^_^'  ,'http://1.bp.blogspot.com/-IoZJlpB0-dE/UKhVKnR0BDI/AAAAAAAADPo/Kz87N1Aj4X8/s1600/smile.gif',
        ':D'  ,'http://3.bp.blogspot.com/-WeTjMT8JDhg/UKhVHlZ88II/AAAAAAAADPI/b1gpiAvIkCc/s1600/icon_smile.gif',
        '=D'  ,'http://1.bp.blogspot.com/-ljeobbA3sn0/UKhVGtJsGRI/AAAAAAAADPA/8lyzE4JwrwQ/s1600/hihi.gif',
        '|o|'  ,'http://4.bp.blogspot.com/-ip66eq3uRI8/UKhVF-QK8lI/AAAAAAAADO4/P0G-1PcWpQs/s1600/applause.gif',
        '@@,'  ,'http://4.bp.blogspot.com/-w1VfvgO2-e8/UKhVIT7XLhI/AAAAAAAADPQ/cJ0KDjEsoj4/s1600/rolleyes.gif',
        ';)'  ,'http://3.bp.blogspot.com/-5zPfqshivtY/UKhVONWZnkI/AAAAAAAADQI/iCDxagcaj5s/s1600/wink.gif',
        ':-bd'  ,'http://4.bp.blogspot.com/-hPd-oj2Bzo4/UKhVLkmQjOI/AAAAAAAADPw/3O1iuAukZXg/s1600/thumb.gif',
        ':-d'  ,'http://2.bp.blogspot.com/-yElQmFAIiII/UKhVMcObcQI/AAAAAAAADP4/-qdEpW8zCmY/s1600/thumbsup.gif',
        ':p'  ,'http://2.bp.blogspot.com/-bs2e9gRj748/UKhVNKLs2YI/AAAAAAAADQA/mF7lDNOChac/s1600/wee.gif',     
        ];
      
                             
                                //Config Force tag list, define all in lower case
                                Force_Tag = [
                                    '[pre]','<pre>',
                                    '[/pre]','</pre>',
                                    '<pre class="brush: plain; title: ; notranslate" title="">','&lt;code&gt;',
                                    '</pre>','</code>'
                                ];
    
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('3 q=\'.W\';3 1a=$(\'#N-Y\').B(\'y\');u 1w(H){3 1h=\' \\n\\r\\t\\f\\2p\\1S\\1T\\1U\\24\\25\\26\\27\\2e\\2h\\2k\\2m\\2n\\2u\\2y\\2z\\2A\\2F\\1L\\1N\\1O\\1P\\1Q\';G(3 i=0;i<H.5;i++){b(1h.g(H.1V(i))!=-1){H=H.d(0,i);11}}C H}$(\'#28 .1B p\').k(u(D,7){b(2r){3 m=\'1g://13.Z.X/1t?v=\';3 8=7.g(m);F(8!=-1){1H=7.d(8);K=1w(1H);3 1c=K.g(\'&\');3 T=\'\';b(1c==-1){T=K.d(m.5)}1e{T=K.d(m.5,1c)}3 1j=\'<1k I="1W" y="1g://13.Z.X/1X/\'+T+\'?1Y=1" 20="0" 21></1k>\';7=7.d(0,8)+1j+7.d(8+K.5);8=7.g(m);b(8==-1){m=\'22://13.Z.X/1t?v=\';8=7.g(m)}}}b(23){3 1d=\'\';3 x=7;G(3 i=0;i<1z.5;i++){3 m=\'.\'+1z[i];3 o=x.E();3 8=o.g(m);F(8!=-1){l=x.d(0,8+m.5);o=l.E();3 w=\'2j://\';3 z=o.g(w);3 L=\'\';F(z!=-1){L=w.R();l=l.d(z+w.5);o=l.E();z=o.g(w)}w=\'1K://\';o=l.E();z=o.g(w);F(z!=-1){L=w.R();l=l.d(z+w.5);o=l.E();z=o.g(w)}b(L==\'\'||l.5<6){11}l=L+l;1d+=x.d(0,8+m.5-l.5)+\'<S y="\'+l+\'" I="2s"/>\';x=x.d(8+m.5);o=x.E();8=o.g(m)}}7=1d+x}b(1m){3 5=A.5;b(5%2==1){5--}G(3 i=0;i<5;i+=2){3 V=\'<S y="\'+A[i+1]+\'" I="1x"/>\';8=7.g(A[i]);F(8!=-1){7=7.d(0,8)+V+7.d(8+A[i].5);8=7.g(A[i])}}}b(2G){3 5=U.5;b(5%2==1){5--}G(3 i=0;i<5;i+=2){F(1){3 x=7.R();8=x.g(U[i]);b(8!=-1){7=7.d(0,8)+U[i+1]+7.d(8+U[i].5)}1e{11}}}}C 7});$(\'.1M\').k(u(D,7){b(1m){3 5=A.5;b(5%2==1){5--}3 15=\'\';G(3 i=0;i<5;i+=2){3 1C=\'<1F>\'+A[i]+\'</1F>\';3 V=\'<S y="\'+A[i+1]+\'" I="1x"/>\';15+=\'<M I="1R">\'+V+1C+\'</M>\'}C 15}});$(\'.1f .1B p\').k(u(i,h){10=h.R();D=10.g(\'@<a 12="#c\');b(D!=-1){14=10.g(\'</a>\',D);b(14!=-1){h=h.d(0,D)+h.d(14+4)}}C h});u 1l(j){r=j.g(\'c\');b(r!=-1)j=j.d(r+1);C j}u 1n(j){j=\'&1Z=\'+j+\'#%1o\';1p=1a.1q(/#%1o/,j);C 1p}u 1r(){k=$(q).k();$(q).k(\'\');q=\'.W\';$(q).k(k);$(\'#N-Y\').B(\'y\',1a)}u 1s(e){j=$(e).B(\'16\');j=1l(j);k=$(q).k();b(q==\'.W\'){1u=\'<a 12="#1v" 29="1r()">\'+2a.2b+\'</a><a 2c="1v"/>\';$(q).k(1u)}1e{$(q).k(\'\')}q=\'#2d\'+j;$(q).k(k);$(\'#N-Y\').B(\'y\',1n(j))}17=2f.2g.12;18=\'#N-2i\';19=17.g(18);b(19!=-1){1y=17.d(19+18.5);1s(\'#2l\'+1y)}G(3 i=0;i<O.5;i++){b(\'1A\'2o O[i]){3 j=O[i].1A;3 1b=2q($(\'#c\'+j+\':P\').B(\'1D-1E\'));$(\'#c\'+j+\' .2t:P\').k(u(D,7){3 J=O[i].16;b(1b>=2v.2w){$(\'#c\'+J+\':P .2x\').1G()}3 Q=$(\'#c\'+J+\':P\').k();Q=\'<M I="1f" 16="c\'+J+\'" 1D-1E="\'+(1b+1)+\'">\'+Q+\'</M>\';$(\'#c\'+J).1G();C(7+Q)})}}3 1I=$("#2B");1I.2C(\'.2D S\').2E(u(){3 1J=$(1i).B(\'y\');$(1i).2H().B(\'y\',1J.1q(/\\/s[0-9]+(\\-c)?\\//,"/2I-c/"))});',62,169,'|||var||length||oldhtml|check_index|||if||substring|||indexOf|||par_id|html|img_src|search_key||upper_html||Cur_Cform_Hdr||||function||http_search|temp_html|src|find_http|Emo_List|attr|return|index|toUpperCase|while|for|str|class|child_id|yt_link|save_http|div|comment|Items|first|child_html|toLowerCase|img|yt_code|Force_Tag|img_html|comment_form|com|editor|youtube|temp|break|href|www|index_tail|newhtml|id|cur_url|search_formid|search_index|Cur_Cform_Url|par_level|yt_code_index|save_html|else|comment_wrap|http|whitespace|this|yt_video|iframe|Valid_Par_Id|Display_Emo|Cform_Ins_ParID|7B|n_cform_url|replace|Reset_Comment_Form|Display_Reply_Form|watch|reset_html|origin_cform|trim|comment_emo|ret_id|Replace_Image_Ext|parentId|comment_body|img_code|data|level|span|remove|ht|avatar|ava|HTTPS|u200a|comment_emo_list|u200b|u2028|u2029|u3000|item|x5d|x7c|x7d|charAt|comment_youtube|embed|autohide|parentID|frameborder|allowfullscreen|https|Replace_Image_Link|x3c|x3e|x0b|xa0|comment_block|onclick|Msgs|addComment|name|r_f_c|u2000|window|location|u2001|form_|HTTP|u2002|rc|u2003|u2004|in|x5b|parseInt|Replace_Youtube_Link|comment_img|comment_child|u2005|Config|maxThreadDepth|comment_reply|u2006|u2007|u2008|comments|find|comment_avatar|each|u2009|Replace_Force_Tag|show|s45'.split('|'),0,{}))
    //]]>
</script>
</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:include cond='data:post.allowComments and data:post.feedLinks' data='post.feedLinks' name='feedLinksBody'/>
      </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.allowIframeComments'>
    <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
    <div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>

    <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:include cond='data:blog.pageType != &quot;static_page&quot;                          and data:post.allowComments                          and data:post.numComments != 0' data='post' name='comment_count_picker'/>
      </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 simpleCart_shelfItem' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<div itemType='https://schema.org/WebPage' itemprop='mainEntityOfPage' itemscope='itemscope'/>
<b:if cond='data:post.firstImageUrl'>
<div itemprop='image' itemscope='itemscope' itemtype='https://schema.org/ImageObject'>
  <meta expr:content='data:post.firstImageUrl' itemprop='url'/>
  <meta content='600' itemprop='width'/>
  <meta content='300' itemprop='height'/>
  </div>
    </b:if>
  <div itemprop='publisher' itemscope='itemscope' itemtype='https://schema.org/Organization'>
    <div itemprop='logo' itemscope='itemscope' itemtype='https://schema.org/ImageObject'>
      <meta content='https://3.bp.blogspot.com/-qBeLmMJcd3k/WukR7OBnGFI/AAAAAAAAC58/vCWth4SUUncyM2ht_aGJQYfPFPw0xCXUACK4BGAYYCw/s300/toko%2B06%2Blogo.png' itemprop='url'/>
      <meta content='300' itemprop='width'/>
      <meta content='300' itemprop='height'/>
    </div>
    <meta expr:content='data:blog.title' itemprop='name'/>
  </div>

          <a expr:name='data:post.id'/>
 <b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:post.title'>
<h2 class='post-title entry-title' itemprop='headline 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'>
  <div class='item_name'><a expr:href='data:post.url'><data:post.title/></a></div>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
  </h2>
</b:if>
<b:else/>
<h1 class='post-title entry-title' itemprop='headline 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'>
  <div class='item_name'><a expr:href='data:post.url'><data:post.title/></a></div>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
  </h1>
</b:if>

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

          <div class='post-body entry-content' expr:content='data:post.firstImageUrl' expr:id='&quot;post-body-&quot; + data:post.id +' itemprop=''>

            <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' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                      <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
                      <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
                        <span itemprop='name'><data:post.author/></span>
                      </a>
                    </span>
                  <b:else/>
                    <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                      <span itemprop='name'><data:post.author/></span>
                    </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'>
                    <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
                    <span itemprop='dateModified'><a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a></span>
                  </b:if>
                </b:if>
              </span>

              <span class='post-comment-link'>
                <b:include cond='data:blog.pageType not in {&quot;item&quot;,&quot;static_page&quot;}                                  and data:post.allowComments' data='post' name='comment_count_picker'/>
              </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:include cond='data:blog.pageType in {&quot;static_page&quot;,&quot;item&quot;}' data='post' name='comment_picker'/>
      </div>
    </div>
  </div>
</b:includable>
    <b:includable id='nextprev'>
<div style='clear:both;'/>
  <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'><i class='fas fa-caret-left'/></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'>Lihat Produk Lainnya</a>
      </span>
    </b:if>

    <a class='home-link' expr:href='data:blog.homepageUrl'><i class='fas fa-home'/></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 uncustomized-post-template simpleCart_shelfItem'>
<div itemType='https://schema.org/WebPage' itemprop='mainEntityOfPage' itemscope='itemscope'/>
<b:if cond='data:post.firstImageUrl'>
<div itemprop='image' itemscope='itemscope' itemtype='https://schema.org/ImageObject'>
  <meta expr:content='data:post.firstImageUrl' itemprop='url'/>
  <meta content='600' itemprop='width'/>
  <meta content='300' itemprop='height'/>
  </div>
    </b:if>
  <div itemprop='publisher' itemscope='itemscope' itemtype='https://schema.org/Organization'>
    <div itemprop='logo' itemscope='itemscope' itemtype='https://schema.org/ImageObject'>
      <meta content='https://3.bp.blogspot.com/-qBeLmMJcd3k/WukR7OBnGFI/AAAAAAAAC58/vCWth4SUUncyM2ht_aGJQYfPFPw0xCXUACK4BGAYYCw/s300/toko%2B06%2Blogo.png' itemprop='url'/>
      <meta content='300' itemprop='width'/>
      <meta content='300' itemprop='height'/>
    </div>
    <meta expr:content='data:blog.title' itemprop='name'/>
  </div>
    <b:if cond='data:post.firstImageUrl'>
      <meta expr:content='data:post.firstImageUrl' itemprop='image'/>
    </b:if>

    <a expr:name='data:post.id'/>
 <!-- judul post -->
<div class='judulpost'>
    <b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:post.title'>
<h2 class='post-title entry-title' itemprop='headline 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'>
  <div class='item_name'><a expr:href='data:post.url'><data:post.title/></a></div>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
  </h2>
</b:if>
<b:else/>
<h1 class='post-title entry-title' itemprop='headline 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'>
  <div class='item_name'><a expr:href='data:post.url'><data:post.title/></a></div>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
   </b:if>
</div>
 <!--end judul post-->
    <div class='post-header'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>

<!-- BATAS AWAL -->
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.name == &quot;Habis&quot;'>
<b:if cond='data:label.name == &quot;Resensi&quot;'>
<style>
.credit{margin-bottom:0px !important;}
</style>
</b:if>
<div class='badge stok-habis'/>
</b:if>
 </b:loop>
<!-- BATAS AKHIR -->
<!-- BATAS AWAL -->
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.name == &quot;Promo&quot;'>
<div class='badge stok-promo'>
  <i clas='far fa-star'/> PROMO</div>
</b:if>
 </b:loop>
<!-- BATAS AKHIR -->
<!-- BATAS AWAL -->
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.name == &quot;Terlaris&quot;'>
<div class='badge stok-terlaris'>
TERLARIS</div>
</b:if>
 </b:loop>
<!-- BATAS AKHIR -->
</b:if>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<!-- BATAS AWAL -->
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.name == &quot;Diskon 5%&quot;'>
  <div class='badge' style='top: 5px;position: relative;left: 5px;z-index: 9;width: 40px;height: 40px;background: #fa5555;padding: 0;margin: 0;text-align: center;line-height: 33px;border-radius: 100%;letter-spacing: 1px;color: #fff;font-size: 12px;font-family: Arial;font-weight: 700;'>-5%</div>
</b:if>
 </b:loop>
<!-- BATAS AKHIR -->
</b:if>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<!-- BATAS AWAL -->
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.name == &quot;Diskon 10%&quot;'>
  <div class='badge' style='top: 5px;position: relative;left: 5px;z-index: 9;width: 40px;height: 40px;background: #fa5555;padding: 0;margin: 0;text-align: center;line-height: 33px;border-radius: 100%;letter-spacing: 1px;color: #fff;font-size: 12px;font-family: Arial;font-weight: 700;'>-10%</div>
</b:if>
 </b:loop>
<!-- BATAS AKHIR -->
</b:if>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<!-- BATAS AWAL -->
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.name == &quot;Diskon 15%&quot;'>
  <div class='badge' style='top: 5px;position: relative;left: 5px;z-index: 9;width: 40px;height: 40px;background: #fa5555;padding: 0;margin: 0;text-align: center;line-height: 33px;border-radius: 100%;letter-spacing: 1px;color: #fff;font-size: 12px;font-family: Arial;font-weight: 700;'>-15%</div>
</b:if>
 </b:loop>
<!-- BATAS AKHIR -->
</b:if>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<!-- BATAS AWAL -->
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.name == &quot;Diskon 20%&quot;'>
  <div class='badge' style='top: 5px;position: relative;left: 5px;z-index: 9;width: 40px;height: 40px;background: #fa5555;padding: 0;margin: 0;text-align: center;line-height: 33px;border-radius: 100%;letter-spacing: 1px;color: #fff;font-size: 12px;font-family: Arial;font-weight: 700;'>-20%</div>
</b:if>
 </b:loop>
<!-- BATAS AKHIR -->
</b:if>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<!-- BATAS AWAL -->
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.name == &quot;Diskon 25%&quot;'>
  <div class='badge' style='top: 5px;position: relative;left: 5px;z-index: 9;width: 40px;height: 40px;background: #fa5555;padding: 0;margin: 0;text-align: center;line-height: 33px;border-radius: 100%;letter-spacing: 1px;color: #fff;font-size: 12px;font-family: Arial;font-weight: 700;'>-25%</div>
</b:if>
 </b:loop>
<!-- BATAS AKHIR -->
</b:if>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<!-- BATAS AWAL -->
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.name == &quot;Diskon 30%&quot;'>
  <div class='badge' style='top: 5px;position: relative;left: 5px;z-index: 9;width: 40px;height: 40px;background: #fa5555;padding: 0;margin: 0;text-align: center;line-height: 33px;border-radius: 100%;letter-spacing: 1px;color: #fff;font-size: 12px;font-family: Arial;font-weight: 700;'>-30%</div>
</b:if>
 </b:loop>
<!-- BATAS AKHIR -->
</b:if>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<!-- BATAS AWAL -->
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.name == &quot;Diskon 35%&quot;'>
  <div class='badge' style='top: 5px;position: relative;left: 5px;z-index: 9;width: 40px;height: 40px;background: #fa5555;padding: 0;margin: 0;text-align: center;line-height: 33px;border-radius: 100%;letter-spacing: 1px;color: #fff;font-size: 12px;font-family: Arial;font-weight: 700;'>-35%</div>
</b:if>
 </b:loop>
<!-- BATAS AKHIR -->
</b:if>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<!-- BATAS AWAL -->
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.name == &quot;Diskon 40%&quot;'>
  <div class='badge' style='top: 5px;position: relative;left: 5px;z-index: 9;width: 40px;height: 40px;background: #fa5555;padding: 0;margin: 0;text-align: center;line-height: 33px;border-radius: 100%;letter-spacing: 1px;color: #fff;font-size: 12px;font-family: Arial;font-weight: 700;'>-40%</div>
</b:if>
 </b:loop>
<!-- BATAS AKHIR -->
</b:if>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<!-- BATAS AWAL -->
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.name == &quot;Diskon 45%&quot;'>
  <div class='badge' style='top: 5px;position: relative;left: 5px;z-index: 9;width: 40px;height: 40px;background: #fa5555;padding: 0;margin: 0;text-align: center;line-height: 33px;border-radius: 100%;letter-spacing: 1px;color: #fff;font-size: 12px;font-family: Arial;font-weight: 700;'>-45%</div>
</b:if>
 </b:loop>
<!-- BATAS AKHIR -->
</b:if>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<!-- BATAS AWAL -->
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.name == &quot;Diskon 50%&quot;'>
  <div class='badge' style='top: 5px;position: relative;left: 5px;z-index: 9;width: 40px;height: 40px;background: #fa5555;padding: 0;margin: 0;text-align: center;line-height: 40px;border-radius: 100%;letter-spacing: 1px;color: #fff;font-size: 12px;font-family: Arial;font-weight: 700;'>-50%</div>
</b:if>
 </b:loop>
<!-- BATAS AKHIR -->
</b:if>
    <div class='post-header-line-1'/>
    </div>
    <!-- Then use the post body as the schema.org description, for good G+/FB snippeting. -->
    <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' expr:itemprop='(data:blog.metaDescription ? &quot;&quot; : &quot;description &quot;) + &quot;&quot;'>

<!--tempat kolom tambahan-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='detail'>
<div class='image'>
<b:if cond='data:post.thumbnailUrl'>
<a expr:href='data:post.firstImageUrl'>
  <img expr:alt='data:post.title' expr:src='data:post.firstImageUrl'/>
</a>
</b:if>
</div>
</div>
<style>
  .tabledeskripsi {width:65% !important;float:left;}
@media screen and (max-width:679px){
.tabledeskripsi {width:100% !important;margin-top:50px;}
}
</style>
<b:if cond='data:post.labels none ( l =&gt; l.name != &quot;Resensi&quot; )'>
<table class='tabledeskripsi'>
<tr><td><div class='deskripsi-singkat'>
  <h4>Subyek </h4></div></td>
  <td style='padding-top:15px'>:</td>
  <td style='width: 70%;'><div class='deskripsi-singkat'>
  <b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:post.title'>
<h2 class='post-title entry-title' itemprop='headline 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'>
  <div class='item_name'><a expr:href='data:post.url'><data:post.title/></a></div>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
  </h2>
</b:if>
<b:else/>
<h1 class='post-title entry-title' itemprop='headline 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'>
  <div class='item_name'><a expr:href='data:post.url'><data:post.title/></a></div>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
   </b:if>
  </div></td>
  </tr>
<tr>
  <td><div class='deskripsi-singkat'>
  <h4>Bagikan ke </h4></div></td>
  <td style='padding-top:15px'>:</td>
  <td style='width: 70%;'><div class='deskripsi-singkat'> 
<!-- AddThis Button BEGIN -->
<div class='addthis_inline_share_toolbox_kx66'/> 
  <!-- AddThis Button END -->
  </div></td></tr>
</table>
</b:if>
<b:if cond='data:post.labels none ( l =&gt; l.name == &quot;Resensi&quot; )'>
<table class='tabledeskripsi'>
<tr><td><div class='deskripsi-singkat'>
  <h4>Jenis Produk </h4></div></td><td style='width: 70%;'><div class='deskripsi-singkat'>
  <b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:post.title'>
<h2 class='post-title entry-title' itemprop='headline 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'>
  <div class='item_name'><a expr:href='data:post.url'><data:post.title/></a></div>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
  </h2>
</b:if>
<b:else/>
<h1 class='post-title entry-title' itemprop='headline 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'>
  <div class='item_name'><a expr:href='data:post.url'><data:post.title/></a></div>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
   </b:if>
  </div></td></tr>
<tr><td><div class='deskripsi-singkat'>
  <h4>Deskripsi Singkat </h4></div></td><td style='width: 70%;'><div class='deskripsi-singkat'><data:blog.metaDescription/>
  </div></td></tr>
<tr><td><div class='deskripsi-singkat'>
  <h4>Kategori Produk</h4></div></td><td style='width: 70%;'><div class='deskripsi-singkat'><b:loop values='data:post.labels' var='label'><a class='borderlabel' expr:href='data:label.url' rel='tag' style='padding-right: 13px;color: #1cb722;'><data:label.name/></a><b:if cond='not data:label.isLast'/></b:loop>
  </div></td></tr>
<tr><td><div class='deskripsi-singkat'>
  <h4>Bagikan ke </h4></div></td><td style='width: 70%;'><div class='deskripsi-singkat'> 
<!-- AddThis Button BEGIN -->
<div class='addthis_inline_share_toolbox_kx66'/> 
  <!-- AddThis Button END -->
  </div></td></tr>
</table>
  </b:if>
  <div class='clear'/>
</b:if>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div>
<b:if cond='data:post.thumbnailUrl'>
<a expr:href='data:post.url'>
<img expr:alt='data:post.title' expr:src='data:post.firstImageUrl'/>
</a>
</b:if>
</div>
<data:post.body/>
</b:if>
<b:else/>
<data:post.body/>
</b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  <data:post.body/></b:if>
<b:if cond='data:post.labels none ( l =&gt; l.name == &quot;Habis&quot; )'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:post.labels none ( l =&gt; l.name == &quot;Resensi&quot; )'>
      <div class='orderbottom'><font style='font-size: 15px;font-weight:700;'> ORDER SEKARANG :</font> <a class='orderwhatsapp popup-link' href='#popup' title='Order via Whatsapp'><i class='fab fa-whatsapp'/></a><a class='ordertelephon' href='tel:+6285691480114' title='order via phone call'><i class='fas fa-phone'/></a></div>
  </b:if></b:if></b:if>
<div clas='clear'/>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<!-- form order by sms -->
   <div class='clear'/>
<div class='popup-wrapper' id='popup'>
<div class='popup-container'>
<!-- Konten popup, silahkan ganti sesuai kebutuhan -->
	<div class='container-contact100'>
		<div class='wrap-contact100'>
			<form class='contact100-form validate-form' id='whatsapp'>
              <span class='contact100-form-title'><i class='fab fa-whatsapp' style='color:green;'/> Hub. CS Kami </span><hr style='margin-top: -35px;'/>

              <input class='tujuan' id='noAdmin' type='hidden'/>

              <div class='wrap-input100'>
					<span class='label-input100'><i class='fas fa-user-check'/> Nama</span>
					<label>
                      <input class='input100 nama' placeholder='Nama Anda' type='text'/>
					</label>
					<span class='focus-input100'/>
				</div>

              <div class='wrap-input100'>
                  <span class='label-input100'><i class='fas fa-at'/> email</span>
                    <label>
                      <input class='input100 email1' placeholder='alamat email Anda' type='text'/>
                    </label>
                    <span class='focus-input100'/>
                </div>

				<div class='wrap-input100'>
                  <span class='label-input100'><i class='far fa-sticky-note'/> Pesan Anda</span>
					<label>
					<textarea class='input100 pesan1' placeholder='Tulis pesan Anda'/>
					</label>
					<span class='focus-input100'/>
				</div>

				<div class='container-contact100-form-btn'>
					<div class='wrap-contact100-form-btn'>
						<div class='contact100-form-bgbtn'/>
                      <a class='contact100-form-btn submit'>Kirim <i class='fab fa-whatsapp' style='margin-left: 5px;'/></a>
					</div>
				</div>
			</form>
		</div>
	</div>
<!-- Konten popup sampai disini--><a class='popup-close' href='#closed'>X</a>
</div>
</div>
</b:if>
<div class='clear'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
   <div class='clear'/>
<div class='popup-wrapper' id='popup'>
<div class='popup-container'>
<!-- Konten popup, silahkan ganti sesuai kebutuhan -->
	<div class='container-contact100'>
		<div class='wrap-contact100'>
			<form class='contact100-form validate-form' id='whatsapp'>
              <span class='contact100-form-title'><i class='fab fa-whatsapp' style='color:green;'/> Order via WhatsApp </span><hr style='margin-top: -35px;'/>
<table style='width: 100%;'><tr><td><img expr:alt='data:post.title' expr:src='data:post.firstImageUrl' style='width:60px;float:left'/></td><td><span style='float:left;color:#000;font-size:15px;font-weight:bold;'><data:post.title/></span><br/><br/><span style='color:#000;border-bottom: 1px solid #acaaaa;'>Harga/item:</span> <span id='harga'><script type='text/javascript'>var MyDiv1 = document.getElementById(&#39;item_price&#39;);
  var MyDiv2 = document.getElementById(&#39;harga&#39;);   MyDiv2.innerHTML = MyDiv1.innerHTML;</script></span><span style='color:#333;'>*</span><br/><span style='color:#333;font-style:italic;font-size:11px;'>*harga belum OngKir</span></td></tr></table><hr/>
              <input class='tujuan' id='noAdmin' type='hidden'/>
				<div class='wrap-input100'>
					<span class='label-input100'><i class='fas fa-user-check'/> Nama</span>
					<label>
                      <input class='input100 nama' placeholder='Masukkan nama Anda' type='text'/>
					</label>
					<span class='focus-input100'/>
				</div>

				<div class='wrap-input100'>
					<span class='label-input100'><i class='fas fa-tag'/> Nama Produk</span>
					<label>
                      <input class='input100 produkk' expr:value='data:post.title' type='text'/>
					</label>
					<span class='focus-input100'/>
				</div>

				<div class='wrap-input100'>
					<span class='label-input100'><i class='fas fa-coins'/> Harga Satuan</span>
					<label>
                      <input class='input100 nowhatsapp' expr:value='data:post.snippet' type='text'/>
					</label>
					<span class='focus-input100'/>
				</div>

                <div class='wrap-input100'>
                  <span class='label-input100'><i class='fas fa-calculator'/> Jumlah Order</span>
                    <label>
                      <input class='input100 jorder' type='text' value='1'/>
                    </label>
                    <span class='focus-input100'/>
                </div>

                <div class='wrap-input100'>
                  <span class='label-input100'><i class='fas fa-truck'/> Pilih Kurir</span>
                    <label>
                      <input class='input100 kurir' placeholder='contoh: JNE, TIKI, JNT dll' type='text'/>
                    </label>
                    <span class='focus-input100'/>
                </div>

				<div class='wrap-input100'>
                  <span class='label-input100'><i class='fas fa-map-marker-alt'/> Alamat lengkap</span>
					<label>
					<textarea class='input100 alamat' placeholder='Masukkan alamat lengkap Anda'/>
					</label>
					<span class='focus-input100'/>
				</div>

				<div class='container-contact100-form-btn'>
					<div class='wrap-contact100-form-btn'>
						<div class='contact100-form-bgbtn'/>
                      <a class='contact100-form-btn submit'>Kirim <i class='fab fa-whatsapp' style='margin-left: 5px;'/></a>
					</div>
				</div>
			</form>
		</div>
	</div>
<!-- Konten popup sampai disini--><a class='popup-close' href='#closed'>X</a>
</div>
</div>
      </b:if><br/>
<div class='clear'/>

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
  <a expr:href='data:post.url'><input class='item_add' style='cursor:cell;' type='button' value='DETAIL'/></a>
</b:if></b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <div class='clear'/><br/>
<div class='w3-bar w3-black'>
    <button class='w3-bar-item w3-button tablink w3-red' onclick='openCity(event,&apos;Terkait&apos;)'>Buku terkait</button>
  <button class='w3-bar-item w3-button tablink' onclick='openCity(event,&apos;Terbaru&apos;)'>Terbaru</button>  
  <button class='w3-bar-item w3-button tablink' onclick='openCity(event,&apos;Feedback&apos;)'>Feed Back</button>
  </div>
  
  <div class='w3-container w3-border city' id='Terkait'>
<div class='relpro'>
<script type='text/javascript'>
var defaultnoimage=&quot;http://2.bp.blogspot.com/-uitX7ROPtTU/Tyv-G4NA_uI/AAAAAAAAFBY/NcWLPVnYEnU/s1600/no+image.jpg&quot;;
var maxresults=6;
</script>
<script src='http://bit.ly/JSRelatedLandingStore' type='text/javascript'/>

<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/>
</b:loop>

<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
</script>
</div>
  </div>
  <div class='w3-container w3-border city' id='Terbaru' style='display:none'>
     <div id='bp_recent'/>
  </div>
  <div class='w3-container w3-border city' id='Feedback' style='display:none'>
    <div class='comments' id='comments'>
 <b:if cond='data:post.allowComments'>
  <b:if cond='data:post.numComments != 0'>
   <h3>
    <b:if cond='data:post.numComments == 1'>1 <data:commentLabel/>:
     <b:else/>
     <data:post.numComments/> <data:commentLabelPlural/>
    </b:if>
   </h3>
  </b:if>
               
  <b:if cond='data:post.commentPagingRequired'>
   <span class='paging-control-container'>
    <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
    &#160;
    <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
    &#160;
    <data:post.commentRangeText/>
    &#160;
    <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
    &#160;
    <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
   </span>
  </b:if>
                       
  <div class='clear'/>
  <div id='comment_block'>
   <b:loop values='data:post.comments' var='comment'>
                                                                             
   <div class='data:comment.adminClass' expr:id='data:comment.anchorName'>                                                                                     
      <b:if cond='data:post.adminClass == data:comment.adminClass'>
       &lt;div class=&#39;comment_inner comment_admin&#39;&gt;
       <b:else/>
                            &lt;div class=&#39;comment_inner&#39;&gt;
      </b:if>
    
    <div class='comment_header'>
     <div class='comment_avatar_wrap'>
     <div class='comment_avatar'>
      <img alt='avatar' expr:src='data:comment.authorAvatarSrc' expr:title='data:comment.author'/>
              </div>
<a class='comment_reply' expr:href='&quot;#r_&quot;+data:comment.anchorName' expr:id='&quot;r&quot;+data:comment.anchorName' onclick='javascript:Display_Reply_Form(this)' title='Balas'>Balas</a>
     </div>
                         
     <div class='clear'/>
    </div>
         
    <div class='comment_body'>
                                      <span class='comment_arrow'/>
     <div class='comment_name'>
      <b:if cond='data:comment.authorUrl'>
       <a expr:href='data:comment.authorUrl' expr:title='data:comment.author' rel='nofollow' target='_blank'><data:comment.author/></a>
       <b:else/>
       <data:comment.author/>
      </b:if>
       <b:if cond='data:comment.author == data:post.author'>
         <span class='comment_author_flag'/>
       </b:if>   
                  <span class='comment_service'>
      <a class='comment-delete' expr:href='&quot;http://www.blogger.com/delete-comment.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + data:comment.id' expr:title='data:top.deleteCommentMsg'>
<img alt='delete' src='http://2.bp.blogspot.com/-d-5BS0YCkho/UOKe2UIw0rI/AAAAAAAAC4w/md_iYNVHaHk/s1600/delete4.png' title='Hapus Komentar'/>
</a>                
      <span class='comment_date'><a expr:href='data:comment.url' rel='nofollow' title='comment permalink'>
                  <data:comment.timestamp/>
        </a></span>
  </span></div>
     <b:if cond='data:comment.isDeleted'>
      <span class='deleted-comment'><data:comment.body/></span>
      <b:else/>
      <p><data:comment.body/></p>
                        <div class='clear'/>
                      
     </b:if>
                                                      
    </div>                         
     <div class='clear'/>
     &lt;/div&gt;
     <div class='clear'/>
           
    <div class='comment_child'/>
    <div class='comment_reply_form' expr:id='&quot;r_f_&quot;+data:comment.anchorName'/>              
    </div>
   </b:loop>              
   </div>    
    <div class='clear'/>
    <b:if cond='data:post.commentPagingRequired'>
     <span class='paging-control-container'>
       <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
       &#160;
       <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
       &#160;
       <data:post.commentRangeText/>
       &#160;
       <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
       &#160;
       <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
     </span>
    </b:if>
    <div class='clear'/>
  <div class='comment_form'>         
         
   <b:if cond='data:post.embedCommentForm'>
    <b:if cond='data:post.allowNewComments'>   
      <div class='comment_emo_list'/>
     <b:include data='post' name='threaded-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' expr:title='data:postCommentMsg'><data:postCommentMsg/></a>
    </b:if>
   </b:if>
  </div>
 </b:if>
</div>  
  </div>

<b:else/>
</b:if>
      <br/>
      <div style='clear: both;'/> <!-- clear for photos floats -->
    </div>

    <b:if cond='data:post.hasJumpLink'>
      <div class='jump-link'>
        <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
      </div>
    </b:if>

    <div class='post-footer'>
    <div class='post-footer-line post-footer-line-1'>
      <span class='post-author vcard'>
        <b:if cond='data:top.showAuthor'>
          <i class='fas fa-user'/>
            <b:if cond='data:post.authorProfileUrl'>
    <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
        <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
        <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
            <span itemprop='name'><data:post.author/></span>
        </a>
    </span>
<b:else/> 
              <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                <span itemprop='name'><data:post.author/></span>
              </span>
            </b:if>
        </b:if>
      </span>

      <span class='post-timestamp'>
        <b:if cond='data:top.showTimestamp'>
          <i class='fas fa-clock-o' style='margin-left:5px'/>
          <b:if cond='data:post.url'>
            <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
            <span itemprop='dateModified'><a class='timestamp-link' expr:href='data:post.url' rel='bookmark' style='font-size:11px' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a></span>
          </b:if>
        </b:if>
      </span>

<span class='post-labels'>
        <b:if cond='data:post.labels'>
          <i class='fas fa-tags'/>
          <b:loop values='data:post.labels' var='label'>
            <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='not data:label.isLast'>,</b:if>
          </b:loop>
        </b:if>
      </span>

      <span class='reaction-buttons'>
        <b:if cond='data:top.showReactions'>
          <table border='0' cellpadding='0' cellspacing='0' width='100%'><tr>
            <td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'>
              <span class='reactions-label'>
              <data:top.reactionsLabel/></span>&#160;</td>
            <td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td>
           </tr></table>
        </b:if>
      </span>

      <span class='post-comment-link'>
        <b:include cond='data:blog.pageType not in {&quot;item&quot;,&quot;static_page&quot;}                          and data:post.allowComments' data='post' name='comment_count_picker'/>
      </span>

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

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

        <!-- quickedit pencil -->
      </span>

      <!-- share buttons -->
 
      </div>

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

      <div class='post-footer-line post-footer-line-3'>
      <span class='post-location'>
        <b:if cond='data:top.showLocation'>
          <b:if cond='data:post.location'>
            <data:postLocationLabel/>
            <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
          </b:if>
        </b:if>
      </span>
      </div>
      <b:if cond='data:post.authorAboutMe'>
        <div class='author-profile' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
          <b:if cond='data:post.authorPhoto.url'>
            <img expr:src='data:post.authorPhoto.url' itemprop='image' width='50px'/>
          </b:if>
          <div>
            <a class='g-profile' expr:href='data:post.authorProfileUrl' itemprop='url' rel='author' title='author profile'>
              <span itemprop='name'><data:post.author/></span>
            </a>
          </div>
          <span itemprop='description'><data:post.authorAboutMe/></span>
        </div>
      </b:if>
    </div>
  </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='icon' class='icon-action' height='18' src='//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.showPinterestButton'><a class='goog-inline-block share-button sb-pinterest' expr:href='data:post.sharePostUrl + &quot;&amp;target=pinterest&quot;' expr:title='data:top.shareToPinterestMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToPinterestMsg/></span></a></b:if><b:if cond='data:top.showPlusOne'><div class='goog-inline-block google-plus-share-container'><data:post.googlePlusShareTag/></div></b:if>
</b:includable>
    <b:includable id='status-message'>
  <b:if cond='data:navMessage'>
  <div class='status-msg-wrap' style='display:none'>
    <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;);
    </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) {
        var text = (entry &&
                    ((entry.content && entry.content.$t) ||
                     (entry.summary && entry.summary.$t))) ||
            '';
        if (entry && entry.gd$extendedProperty) {
          for (var k in entry.gd$extendedProperty) {
            if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
              return '<span class="deleted-comment">' + text + '</span>';
            }
          }
        }
        return text;
      }

      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)) {
          replybox.src = '';
          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 style='font-size:18px'>Review:</h4>

    <div class='comments-content'>
      <b:include cond='data:post.embedCommentForm' data='post' name='threaded_comment_js'/>
      <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:include cond='data:post.showBacklinks' data='post' name='backlinks'/>
    </div>
    </div>
  </div>
</b:includable>
  </b:widget>
</b:section>
<div class='clear'/>
<b:section class='kodemenuatas' id='kodemenuatas' showaddelement='no'>
  <b:widget id='HTML12' locked='true' title='Kode Menu Atas' type='HTML' version='1'>
    <b:widget-settings>
      <b:widget-setting name='content'>&lt;!--Menu Atas--&gt;
&lt;nav class=&#39;menu&#39;&gt; &lt;button class=&#39;tombol&#39; style=&#39;margin-top: -8px;margin-right: -21px;&#39;&gt;&lt;i class=&#39;fas fa-window-close&#39;/&gt;&lt;/i&gt;&lt;/button&gt;   
&lt;ul&gt;
&lt;li&gt;&lt;a href=&#39;/&#39;&gt;&lt;i class=&#39;fas fa-home&#39;&gt;&lt;/i&gt; HOME&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#39;/about.html&#39;&gt;&lt;i class=&#39;fas fa-user-tag&#39;&gt;&lt;/i&gt; About&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#39;/#cshelp&#39;&gt;&lt;i class=&#39;fas fa-envelope&#39;&gt;&lt;/i&gt; Contact&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#39;/search&#39;&gt;&lt;i class=&#39;fas fa-tags&#39;&gt;&lt;/i&gt; All Product&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#39;/&#39;&gt;&lt;i class=&#39;fas fa-check-double&#39;&gt;&lt;/i&gt; Cara Order&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#39;/&#39;&gt;&lt;i class=&#39;fas fa-question&#39;&gt;&lt;/i&gt; F A Q&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#39;/&#39;&gt;&lt;i class=&#39;fas fa-exclamation-triangle&#39;&gt;&lt;/i&gt; Disclaimer&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href=&#39;https://www.tukangtokoonline.web.id&#39; style=&#39;color:red&#39;&gt;&lt;i class=&#39;fas fa-download&#39;&gt;&lt;/i&gt; Download Theme&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/nav&gt;
&lt;!--end--&gt;</b:widget-setting>
    </b:widget-settings>
    <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:includable>
  </b:widget>
</b:section>
 <div class='clear'/>
</aside>
<aside id='sidebar-wrapper'>
<b:if cond='data:blog.url != data:blog.homepageUrl'>
<script src='http://bit.ly/JSRecentPostLandingStore' style='text/javascript'/>
<script style='text/javascript'>
var numberOfPosts = 5;
var showPostDate = false;
var showSummary = false;
var titleLength = 0;
var showCommentCount = false;
var showThumbs = true;
var showNoImage = true;
var imgDim = 125;
var imgFloat = &#39;left&#39;;
var myMargin = 12;
var mediaThumbsOnly = true;
var showReadMore = false;
</script>
<script src='/feeds/posts/default?orderby=updated&amp;alt=json-in-script&amp;callback=bprecentpostswiththumbnails'/>
</b:if>
  <div class='clear'/>
<div class='vitabs vitabs-1'>
<b:section class='vita-list vita-list-1 section' id='vita-list-1' showaddelement='yes'>
  <b:widget id='HTML2' locked='false' title='Contact' type='HTML' version='1'>
    <b:widget-settings>
      <b:widget-setting name='content'>&lt;div class=&quot;smart_ftbox conta&quot;&gt;
&lt;div class=&quot;kontak&quot;&gt;&lt;div class=&quot;iconct sms&quot;&gt;&lt;/div&gt;
&lt;div class=&quot;cnt&quot;&gt;&lt;p&gt;Whatsapp:&lt;/p&gt; 08123456789&lt;br /&gt;
&lt;/div&gt;&lt;/div&gt;
&lt;div class=&quot;kontak&quot;&gt;&lt;div class=&quot;iconct telp&quot;&gt;&lt;/div&gt;
&lt;div class=&quot;cnt&quot;&gt;&lt;p&gt;Phone/SMS:&lt;/p&gt; 08123456789&lt;br /&gt;
&lt;/div&gt;&lt;/div&gt;
&lt;div class=&quot;kontak&quot;&gt;&lt;div class=&quot;iconct mail&quot;&gt;&lt;/div&gt;
&lt;div class=&quot;cnt&quot;&gt;&lt;p&gt;Email:&lt;/p&gt; xxxxx@gmail.com&lt;/div&gt;&lt;/div&gt;
&lt;/div&gt;</b:widget-setting>
    </b:widget-settings>
    <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:includable>
  </b:widget>
</b:section>
<b:section class='vita-list vita-list-2 section' id='vita-list-2' showaddelement='yes'>
  <b:widget id='Label4' locked='false' title='Categories' type='Label' version='1'>
    <b:widget-settings>
      <b:widget-setting name='sorting'>ALPHA</b:widget-setting>
      <b:widget-setting name='display'>LIST</b:widget-setting>
      <b:widget-setting name='selectedLabelsList'/>
      <b:widget-setting name='showType'>ALL</b:widget-setting>
      <b:widget-setting name='showFreqNumbers'>true</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'>
    <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>
    
  </div>
</b:includable>
  </b:widget>
</b:section>
<b:section class='vita-list vita-list-3 section' id='vita-list-3' showaddelement='yes'/>   
</div>

  <b:section class='sidebar' id='sidebar' showaddelement='yes'>
    <b:widget id='PopularPosts1' locked='false' title='Best View items' type='PopularPosts' version='1'>
      <b:widget-settings>
        <b:widget-setting name='numItemsToShow'>3</b:widget-setting>
        <b:widget-setting name='showThumbnails'>true</b:widget-setting>
        <b:widget-setting name='showSnippets'>true</b:widget-setting>
        <b:widget-setting name='timeRange'>ALL_TIME</b:widget-setting>
      </b:widget-settings>
      <b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'><h2><data:title/></h2></b:if>
  <div class='widget-content popular-posts'>
    <ul>
      <b:loop values='data:posts' var='post'>
      <li>
        <b:if cond='!data:showThumbnails'>
          <b:if cond='!data:showSnippets'>
            <!-- (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/>
          <!-- (3) Show only thumbnails or (4) Snippets and thumbnails. -->
          <div expr:class='data:showSnippets ? &quot;item-content&quot; : &quot;item-thumbnail-only&quot;'>
            <b:if cond='data:post.thumbnail'>
              <div class='item-thumbnail'>
                <a expr:href='data:post.href' target='_blank'>
                  <img border='0' expr:alt='data:post.title' 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>
            <b:if cond='data:showSnippets'>
              <div class='item-snippet'><data:post.snippet/></div>
            </b:if>
          </div>
          <div style='clear: both;'/>
        </b:if>
      </li>
      </b:loop>
    </ul>
    
  </div>
</b:includable>
    </b:widget>
  </b:section>
</aside>
</div>
<div class='clear'/>
  <hr style='height: 2px;border: none;background-color: #f1f2f2;'/>
<div class='clear'/>
<div class='footer-wrapper'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  <b:section class='footer1' id='footer1' showaddelement='yes'>
    <b:widget id='HTML3' locked='false' title='TOKO Kami' type='HTML' version='1'>
      <b:widget-settings>
        <b:widget-setting name='content'>&lt;left style=&quot;font-family: &#39;Montserrat&#39;, sans-serif;&quot;&gt;
Anda bisa berkunjung ke Toko Kami di :
&lt;br/&gt;&lt;br/&gt;
Anonim 
&lt;br/&gt;
Anonim
&lt;br/&gt;
Anonim
&lt;br/&gt;
&lt;br/&gt;
Lihat di &lt;a href=&quot;https://goo.gl/maps/#&quot; target=&quot;_blank&quot; style=&quot;color:#7373f2 !important&quot;&gt;Google Map &lt;i class=&quot;fas fa-map-marker-alt&quot;&gt;&lt;/i&gt;&lt;/a&gt;
&lt;/left&gt;</b:widget-setting>
      </b:widget-settings>
      <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:includable>
    </b:widget>
  </b:section>
  <b:section class='footer2' id='footer2' showaddelement='yes'>
    <b:widget id='HTML7' locked='false' title='RESENSI Produk Terbaru' type='HTML' version='1'>
      <b:widget-settings>
        <b:widget-setting name='content'><![CDATA[<script src="/feeds/posts/summary/-/Resensi?max-results=3&alt=json-in-script&callback=recentpostslist"></script>]]></b:widget-setting>
      </b:widget-settings>
      <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><i class='far fa-newspaper'/> <data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

</b:includable>
    </b:widget>
  </b:section>
  <a name='cshelp'/>
  <b:section class='footer4' id='footer4' showaddelement='yes'>
    <b:widget id='HTML5' locked='false' title='HELP Support' type='HTML' version='1'>
      <b:widget-settings>
        <b:widget-setting name='content'>&lt;br/&gt;&lt;b style=&quot;color:#fff;&quot;&gt;
WhatsApp : 085691480114&lt;br/&gt;
Phone Call: 085691480114&lt;br/&gt;
email : hikamfajri@gmail.com&lt;br/&gt;
&lt;/b&gt;</b:widget-setting>
      </b:widget-settings>
      <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><i class='far fa-list-alt' style='padding-right:15px'/><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

</b:includable>
    </b:widget>
    <b:widget id='ContactForm1' locked='true' title='Formulir Kontak' type='ContactForm' version='1'>
      <b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='contact-form-widget'>
    <div class='form'>
      <form name='contact-form'>
        <p/>
        <data:contactFormNameMsg/>
        <br/>
        <input class='contact-form-name' expr:id='data:widget.instanceId + &quot;_contact-form-name&quot;' name='name' size='30' type='text' value=''/>
        <p/>
        <data:contactFormEmailMsg/> <span style='font-weight: bolder;'>*</span>
        <br/>
        <input class='contact-form-email' expr:id='data:widget.instanceId + &quot;_contact-form-email&quot;' name='email' size='30' type='text' value=''/>
        <p/>
        <data:contactFormMessageMsg/> <span style='font-weight: bolder;'>*</span>
        <br/>
        <textarea class='contact-form-email-message' cols='25' expr:id='data:widget.instanceId + &quot;_contact-form-email-message&quot;' name='email-message' rows='5'/>
        <p/>
        <input class='contact-form-button contact-form-button-submit' expr:id='data:widget.instanceId + &quot;_contact-form-submit&quot;' expr:value='data:contactFormSendMsg' type='button'/>
        <p/>
        <div style='text-align: center; max-width: 222px; width: 100%'>
          <p class='contact-form-error-message' expr:id='data:widget.instanceId + &quot;_contact-form-error-message&quot;'/>
          <p class='contact-form-success-message' expr:id='data:widget.instanceId + &quot;_contact-form-success-message&quot;'/>
        </div>
      </form>
    </div>
  </div>
</b:includable>
    </b:widget>
  </b:section>
</b:if></b:if>
</div>

<div class='credit'>
<!-- Credit otomatis -->
&#169; <script>document.write((new Date()).getFullYear());</script>
  <a expr:href='data:blog.homepageUrl'><data:blog.title/></a> - All Right Reserved<br/>
  <script type='text/javascript'>
document.write(unescape(&#39;%54%65%6D%70%6C%61%74%65%20%62%79%20%3C%61%20%63%6C%61%73%73%3D%27%63%68%61%6E%67%65%27%20%68%72%65%66%3D%27%68%74%74%70%73%3A%2F%2F%77%77%77%2E%74%75%6B%61%6E%67%74%6F%6B%6F%6F%6E%6C%69%6E%65%2E%77%65%62%2E%69%64%2F%27%20%69%64%3D%27%63%68%61%6E%67%65%27%20%74%69%74%6C%65%3D%27%54%75%6B%61%6E%67%20%54%6F%6B%6F%20%4F%6E%6C%69%6E%65%27%3E%54%75%6B%61%6E%67%20%54%6F%6B%6F%20%4F%6E%6C%69%6E%65%3C%2F%61%3E&#39;));
</script>
  </div>

<script type='text/javascript'>
//<![CDATA[
$('.popular-posts ul li .item-snippet').each(function(){
  var txt=$(this).text().substr(0,70);
  var j=txt.lastIndexOf(' ');
  if(j>42)
     $(this).text(txt.substr(0,j).replace(/[?,!\.-:;]*$/,'...'));
});
//]]>
</script>

<style scoped='scoped' type='text/css'>
#ScrollToTop{text-align:center; position:fixed; bottom:0px; right:3px; cursor:pointer;display:none}
</style>
  <div id='ScrollToTop'><div id='BounceToTop' style='display: block;'/></div>

<script type='text/javascript'>
//<![CDATA[
// Menu geser
$(document).ready(function(){
	$('.tombol').click(function(){
		$('.menu').toggleClass("slide-menu-tampil");
	});
});
// Simple Tab

!function(a){"use strict";var b=function(b,c){var d=this;d.element=b,d.$element=a(b),d.vitabs=d.$element.children(),d.options=a.extend({},a.fn.mvitabs.defaults,c),d.current_tab=0,d.init()};b.prototype={init:function(){var a=this;a.vitabs.length&&(a.build(),a.buildTabMenu())},build:function(){var b=this,c=b.options,d=c.tab_text_el,e=c.container_class;b.tab_names=[],b.$wrapper=b.$element.wrapInner('<div class="'+e+'" />').find("."+e),b.vitabs.wrapAll('<div class="'+c.vitabs_container_class+'" />'),b.vitabs.each(function(c,e){var f,g=a(e),h=d;f=g.find(h).filter(":first").hide().text(),b.tab_names.push(f)}),a.isFunction(c.onReady)&&c.onReady.call(b.element)},buildTabMenu:function(){for(var b,c=this,d=c.options,e=d.vitabsmenu_el,f=c.tab_names,g="<"+e+' class="'+d.vitabsmenu_class+'">',h=0,i=f.length,j=function(){var a=arguments;return d.tmpl.vitabsmenu_tab.replace(/\{[0-9]\}/g,function(b){var c=Number(b.replace(/\D/g,""));return a[c]||""})};i>h;h++)g+=j(h+1,f[h]);g+="</"+e+">",c.$vitabs_menu=a(g).prependTo(c.$wrapper),b=c.$vitabs_menu.find(":first")[0].nodeName.toLowerCase(),c.$vitabs_menu.on("click",b,function(b){var d=a(this),e=d.index();c.show(e),b.preventDefault()}).find(":first").trigger("click")},show:function(b){var c=this,d=c.options,e=d.active_tab_class;c.vitabs.hide().filter(":eq("+b+")").show(),c.$vitabs_menu.children().removeClass(e).filter(":eq("+b+")").addClass(e),a.isFunction(d.onvitabselect)&&b!==c.current_tab&&d.onvitabselect.call(c.element,b),c.current_tab=b},destroy:function(){var a=this,b=a.options.tab_text_el;a.$vitabs_menu.remove(),a.vitabs.unwrap().unwrap(),a.vitabs.removeAttr("style"),a.vitabs.children(b+":first").removeAttr("style"),a.$element.removeData("mvitabs")}},a.fn.mvitabs=function(c,d){return this.each(function(){var e,f=a(this),g=f.data("mvitabs");e="object"==typeof c&&c,g||f.data("mvitabs",g=new b(this,e)),"string"==typeof c&&g[c](d)})},a.fn.mvitabs.defaults={container_class:"vitabs",vitabs_container_class:"vitabs-content",active_tab_class:"active-tab",tab_text_el:"h1, h2, h3, h4, h5, h6",vitabsmenu_class:"vitabs-menu",vitabsmenu_el:"ul",tmpl:{vitabsmenu_tab:'<li class="tab-{0}"><span>{1}</span></li>'},onvitabselect:null}}(window.jQuery,window,document);
//]]>
</script>

<script type='text/javascript'>
//<![CDATA[
$('.sidebar .PopularPosts .item-snippet').each(function(){
  var txt=$(this).text().substr(0,10);
  var j=txt.lastIndexOf(' ');
  if(j>42)
     $(this).text(txt.substr(0,j).replace(/[?,!\.-:;]*$/,'...'));
});
//]]>
</script>

 <b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
 .separator:nth-of-type(1) {
    display:none;
    visibility:hidden;
}
</style>
 <script type='text/javascript'>
//<![CDATA[
document.querySelectorAll(".separator")[0].style.display= "none";
//]]>
</script>
  </b:if>

 <script>
// Hapus tracking kode AddThis
var addthis_config = addthis_config||{};
addthis_config.data_track_addressbar = false;
addthis_config.data_track_clickback = false;
</script>
 <script async='async' src='https://cdn.staticaly.com/gh/aFarkas/lazysizes/gh-pages/lazysizes.min.js' type='text/javascript'/>
<script>
// redirect JS
function redirect(url) {
     location.href = url;
}
</script>
  <!--load more script-->
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
//<![CDATA[
(function($) {
    var $pager = $('#blog-pager'),
        $posts = $('.blog-posts');
    $pager.find('#blog-pager-newer-link').remove(); // Menyingkirkan navigasi posting lebih baru
    $pager.on("click", "#blog-pager-older-link a", function() {
        $.get(this.href, {}, function(data) {
            var source = $(data).find('.post').length ? $(data) : $('<div></div>');
            $posts.append(source.find('.blog-posts').html()); // Menyisipkan posting
            $pager.html(source.find('#blog-pager-older-link').clone()); // Memperbaharui navigasi
        }, "html");
        $(this).replaceWith('<span>Memuat.....</span>'); // Ubah navigasi posting menjadi indikator memuat saat sedang memuat
        return false;
    });
})(jQuery);
//]]>
</script>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script>
//<![CDATA[
// tab content
var _0x4511=['length','2084rXZMNC','757916ajJElg','display','1025541cVoNNz','1112303oaGxYN','replace','none','getElementsByClassName','1015120BsAMDF','className','currentTarget','tablink','city','112yWUHjX','66340UhfmYY','\x20w3-red','5pHDdua','2554501RGauvb'];var _0x3254=function(_0x189a02,_0x470f39){_0x189a02=_0x189a02-0x13e;var _0x4511c8=_0x4511[_0x189a02];return _0x4511c8;};(function(_0x5cb9ad,_0x2aaebc){var _0x36abf0=_0x3254;while(!![]){try{var _0x4b536f=parseInt(_0x36abf0(0x147))*-parseInt(_0x36abf0(0x14d))+-parseInt(_0x36abf0(0x150))+-parseInt(_0x36abf0(0x142))+parseInt(_0x36abf0(0x148))*parseInt(_0x36abf0(0x14a))+-parseInt(_0x36abf0(0x14e))+parseInt(_0x36abf0(0x13e))+parseInt(_0x36abf0(0x14b));if(_0x4b536f===_0x2aaebc)break;else _0x5cb9ad['push'](_0x5cb9ad['shift']());}catch(_0x2c8f6a){_0x5cb9ad['push'](_0x5cb9ad['shift']());}}}(_0x4511,0xebf77));function openCity(_0x4146ef,_0x8b7c50){var _0x2d4ef0=_0x3254,_0x2ee978,_0x3013c6,_0x459142;_0x3013c6=document[_0x2d4ef0(0x141)](_0x2d4ef0(0x146));for(_0x2ee978=0x0;_0x2ee978<_0x3013c6[_0x2d4ef0(0x14c)];_0x2ee978++){_0x3013c6[_0x2ee978]['style'][_0x2d4ef0(0x14f)]=_0x2d4ef0(0x140);}_0x459142=document['getElementsByClassName'](_0x2d4ef0(0x145));for(_0x2ee978=0x0;_0x2ee978<_0x3013c6[_0x2d4ef0(0x14c)];_0x2ee978++){_0x459142[_0x2ee978][_0x2d4ef0(0x143)]=_0x459142[_0x2ee978][_0x2d4ef0(0x143)][_0x2d4ef0(0x13f)](_0x2d4ef0(0x149),'');}document['getElementById'](_0x8b7c50)['style'][_0x2d4ef0(0x14f)]='block',_0x4146ef[_0x2d4ef0(0x144)][_0x2d4ef0(0x143)]+=_0x2d4ef0(0x149);}

// resize thumbnail

function replaceText(){if(!document.getElementById){return;}
bodyText = document.getElementById("Blog1");
theText = bodyText.innerHTML;
theText = theText.replace(/s72-c/gi, "s300-c");
bodyText.innerHTML = theText;
}replaceText();
//]]>
</script>
</b:if>

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<!--Start HTML kirim pesan Whatsapp-->
<div class='orderbottom tooltip1'><a class='orderwhatsapp popup-link' href='#popup' title='Order via Whatsapp'><i class='fab fa-whatsapp'/></a> <span class='tooltiptext1'>Hub. CS Kami</span>
</div>
</b:if>
<div clas='clear'/>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<!--Form jScript kirim pesan via WA-->
<script>
//<![CDATA[
		//no wa admin
		$("#noAdmin").val("085691480114");
var _0xee9a=['.whatsapp-btn','#whatsapp\x20input,\x20#whatsapp\x20textarea','1821nlgBbi','val','width','&text=%2ANama\x20Saya%2A:\x20','1GmPJPd','click','1408503wQZzUA','#whatsapp\x20.pesan1','#whatsapp\x20.nama','#whatsapp','1nZTSgI','toggleClass','placeholder','attr','?phone=62\x20','1GlHFKI','%0A%2APesan%2A:\x20','3XnoRIq','378969uXAdHU','keypress','880105QqdxOx','155593MZAivf','\x20%0A%2Avia%2A\x20','test',',\x20height=','focus','1186123UVfSPx','which','#whatsapp\x20.email1','Silahkan\x20tulis\x20','href','4303567xGfQAK','100bCFoUt','#whatsapp\x20.submit','userAgent','\x20%0A%0A%2D%2D%2D%2D%2D%2D%2D%2D%2D%2D%2D%2D%2D%2D%2D%2D%2D%2D%2D\x20','toolbar=no,\x20location=no,\x20directories=no,\x20status=no,\x20menubar=no,\x20scrollbars=yes,\x20resizable=1,\x20copyhistory=no,\x20width=','open'];var _0x39b0=function(_0x12bd25,_0x4a3c89){_0x12bd25=_0x12bd25-0x89;var _0xee9ace=_0xee9a[_0x12bd25];return _0xee9ace;};var _0x93c9c6=_0x39b0;(function(_0x2bf76e,_0x319117){var _0x8dc5dc=_0x39b0;while(!![]){try{var _0x1af419=-parseInt(_0x8dc5dc(0xaf))+-parseInt(_0x8dc5dc(0xa6))*-parseInt(_0x8dc5dc(0xaa))+parseInt(_0x8dc5dc(0xa7))*-parseInt(_0x8dc5dc(0x9f))+-parseInt(_0x8dc5dc(0x8d))*parseInt(_0x8dc5dc(0x95))+parseInt(_0x8dc5dc(0x9b))*-parseInt(_0x8dc5dc(0x99))+parseInt(_0x8dc5dc(0xa4))*-parseInt(_0x8dc5dc(0xa9))+parseInt(_0x8dc5dc(0x8c));if(_0x1af419===_0x319117)break;else _0x2bf76e['push'](_0x2bf76e['shift']());}catch(_0x22b0fa){_0x2bf76e['push'](_0x2bf76e['shift']());}}}(_0xee9a,0xb3552),$(_0x93c9c6(0x93))['click'](function(){var _0x52413e=_0x93c9c6;$(_0x52413e(0x9e))[_0x52413e(0xa0)]('toggle');}),$(_0x93c9c6(0x8e))[_0x93c9c6(0x9a)](WhatsApp),$(_0x93c9c6(0x94))[_0x93c9c6(0xa8)](function(){var _0x445dcd=_0x93c9c6;if(event[_0x445dcd(0xb0)]==0xd)WhatsApp();}));var reg=/^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;function WhatsApp(){var _0x4f219f=_0x93c9c6,_0x397669='';if($(_0x4f219f(0x9d))[_0x4f219f(0x96)]()=='')return _0x397669=$(_0x4f219f(0x9d))[_0x4f219f(0xa2)](_0x4f219f(0xa1)),alert(_0x4f219f(0x8a)+_0x397669),$('#whatsapp\x20.nama')[_0x4f219f(0xae)](),![];else{if($('#whatsapp\x20.email1')[_0x4f219f(0x96)]()=='')return _0x397669=$(_0x4f219f(0x89))[_0x4f219f(0xa2)](_0x4f219f(0xa1)),alert(_0x4f219f(0x8a)+_0x397669),$('#whatsapp\x20.email1')['focus'](),![];else{if($(_0x4f219f(0x9c))[_0x4f219f(0x96)]()=='')return _0x397669=$('#whatsapp\x20.pesan1')['attr'](_0x4f219f(0xa1)),alert('Silahkan\x20tulis\x20'+_0x397669),$(_0x4f219f(0x9c))['focus'](),![];else{var _0x588bff='https://web.whatsapp.com/send';/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i[_0x4f219f(0xac)](navigator[_0x4f219f(0x8f)])&&(_0x588bff='whatsapp://send/');var _0x471fc8=$('#whatsapp\x20.tujuan')[_0x4f219f(0x96)](),_0x4d0ce1=location['href'],_0x48656b=$(_0x4f219f(0x9d))[_0x4f219f(0x96)](),_0x990089=$(_0x4f219f(0x89))[_0x4f219f(0x96)](),_0x4b4683=$('#whatsapp\x20.pesan1')[_0x4f219f(0x96)]();$(this)[_0x4f219f(0xa2)]('href',_0x588bff+_0x4f219f(0xa3)+_0x471fc8+_0x4f219f(0x98)+_0x48656b+'\x20%0A%2AEmail%2A:\x20'+_0x990089+_0x4f219f(0xa5)+_0x4b4683+_0x4f219f(0x90)+_0x4f219f(0xab)+_0x4d0ce1);var _0x51891e=0x3c0,_0x5cf59b=0x21c,_0x1af9d1=Number(screen[_0x4f219f(0x97)]/0x2-_0x51891e/0x2),_0x22b844=Number(screen['height']/0x2-_0x5cf59b/0x2),_0x482f01=window[_0x4f219f(0x92)](this[_0x4f219f(0x8b)],'',_0x4f219f(0x91)+_0x51891e+_0x4f219f(0xad)+_0x5cf59b+',\x20top='+_0x22b844+',\x20left='+_0x1af9d1);return _0x482f01[_0x4f219f(0xae)](),![];}}}}
//]]>
</script>
<!--end-->
</b:if></b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!--Form Order WA-->
<script>
//<![CDATA[
		//no wa admin
		$("#noAdmin").val("085691480114");
var _0x24b1=['#whatsapp\x20.tujuan',',\x20height=','#whatsapp\x20.kurir','attr','4953BrIoWc','open','val','\x20%0A%2APilih\x20Kurir%2A:\x20','616975RZAWKg','3JoIeRT','90LGAXRC','whatsapp://send/','#whatsapp\x20.nowhatsapp','toolbar=no,\x20location=no,\x20directories=no,\x20status=no,\x20menubar=no,\x20scrollbars=yes,\x20resizable=1,\x20copyhistory=no,\x20width=','click','#whatsapp','focus','856905QPOpws','toggleClass','placeholder','\x20%0A%2Avia%2A\x20','#whatsapp\x20input,\x20#whatsapp\x20textarea','#whatsapp\x20.nama','which','&text=%2ANama%2A:\x20',',\x20left=','\x20%0A%2AHarga\x20Satuan%2A:\x20','test','%0A%2AAlamat%2A:\x20','userAgent','2203zVGvmi','href','#whatsapp\x20.produkk','Silahkan\x20tulis\x20','362VkvWBP','width','126701MNXpGw','282086zmJLgb','#whatsapp\x20.jorder','toggle','#whatsapp\x20.submit',',\x20top=','\x20%0A%2ANama\x20Produk%2A:\x20','#whatsapp\x20.alamat','512588VvBXPW','https://web.whatsapp.com/send'];var _0xf035=function(_0xf70f45,_0x5731bb){_0xf70f45=_0xf70f45-0x82;var _0x24b1a3=_0x24b1[_0xf70f45];return _0x24b1a3;};var _0x76e09c=_0xf035;(function(_0x484754,_0x293e19){var _0x308c2f=_0xf035;while(!![]){try{var _0x478007=-parseInt(_0x308c2f(0x88))+-parseInt(_0x308c2f(0x9a))*parseInt(_0x308c2f(0x87))+-parseInt(_0x308c2f(0x99))+parseInt(_0x308c2f(0x8f))+parseInt(_0x308c2f(0xa2))+parseInt(_0x308c2f(0x85))*parseInt(_0x308c2f(0xaf))+-parseInt(_0x308c2f(0x9b))*parseInt(_0x308c2f(0x95));if(_0x478007===_0x293e19)break;else _0x484754['push'](_0x484754['shift']());}catch(_0x469b8b){_0x484754['push'](_0x484754['shift']());}}}(_0x24b1,0x6bebd),$('.whatsapp-btn')[_0x76e09c(0x9f)](function(){var _0x37e709=_0x76e09c;$(_0x37e709(0xa0))[_0x37e709(0xa3)](_0x37e709(0x8a));}),$(_0x76e09c(0x8b))[_0x76e09c(0x9f)](WhatsApp),$(_0x76e09c(0xa6))['keypress'](function(){var _0x974391=_0x76e09c;if(event[_0x974391(0xa8)]==0xd)WhatsApp();}));var reg=/^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;function WhatsApp(){var _0x1b0f8d=_0x76e09c,_0xfbfdbb='';if($('#whatsapp\x20.nama')[_0x1b0f8d(0x97)]()=='')return _0xfbfdbb=$('#whatsapp\x20.nama')[_0x1b0f8d(0x94)](_0x1b0f8d(0xa4)),alert(_0x1b0f8d(0x84)+_0xfbfdbb),$(_0x1b0f8d(0xa7))[_0x1b0f8d(0xa1)](),![];else{if($('#whatsapp\x20.produkk')['val']()=='')return _0xfbfdbb=$(_0x1b0f8d(0x83))['attr'](_0x1b0f8d(0xa4)),alert(_0x1b0f8d(0x84)+_0xfbfdbb),$(_0x1b0f8d(0x83))[_0x1b0f8d(0xa1)](),![];else{if($(_0x1b0f8d(0x9d))[_0x1b0f8d(0x97)]()=='')return _0xfbfdbb=$(_0x1b0f8d(0x9d))[_0x1b0f8d(0x94)](_0x1b0f8d(0xa4)),alert(_0x1b0f8d(0x84)+_0xfbfdbb),$('#whatsapp\x20.nowhatsapp')[_0x1b0f8d(0xa1)](),![];else{if($(_0x1b0f8d(0x89))[_0x1b0f8d(0x97)]()=='')return _0xfbfdbb=$(_0x1b0f8d(0x89))[_0x1b0f8d(0x94)](_0x1b0f8d(0xa4)),alert(_0x1b0f8d(0x84)+_0xfbfdbb),$(_0x1b0f8d(0x89))[_0x1b0f8d(0xa1)](),![];else{if($(_0x1b0f8d(0x93))[_0x1b0f8d(0x97)]()=='')return _0xfbfdbb=$(_0x1b0f8d(0x93))[_0x1b0f8d(0x94)](_0x1b0f8d(0xa4)),alert(_0x1b0f8d(0x84)+_0xfbfdbb),$('#whatsapp\x20.kurir')[_0x1b0f8d(0xa1)](),![];else{if($(_0x1b0f8d(0x8e))[_0x1b0f8d(0x97)]()=='')return _0xfbfdbb=$(_0x1b0f8d(0x8e))[_0x1b0f8d(0x94)](_0x1b0f8d(0xa4)),alert('Silahkan\x20tulis\x20'+_0xfbfdbb),$(_0x1b0f8d(0x8e))['focus'](),![];else{var _0x269cb3=_0x1b0f8d(0x90);/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i[_0x1b0f8d(0xac)](navigator[_0x1b0f8d(0xae)])&&(_0x269cb3=_0x1b0f8d(0x9c));var _0x349726=$(_0x1b0f8d(0x91))['val'](),_0x206193=location['href'],_0x248e60=$('#whatsapp\x20.nama')[_0x1b0f8d(0x97)](),_0x42d4d8=$(_0x1b0f8d(0x83))[_0x1b0f8d(0x97)](),_0x37544b=$('#whatsapp\x20.nowhatsapp')[_0x1b0f8d(0x97)](),_0x936f45=$(_0x1b0f8d(0x89))[_0x1b0f8d(0x97)](),_0x16da2a=$(_0x1b0f8d(0x93))['val'](),_0x2a166f=$(_0x1b0f8d(0x8e))[_0x1b0f8d(0x97)]();$(this)[_0x1b0f8d(0x94)](_0x1b0f8d(0x82),_0x269cb3+'?phone=62\x20'+_0x349726+_0x1b0f8d(0xa9)+_0x248e60+_0x1b0f8d(0x8d)+_0x42d4d8+_0x1b0f8d(0xab)+_0x37544b+'\x20%0A%2AJumlah\x20Order%2A:\x20'+_0x936f45+_0x1b0f8d(0x98)+_0x16da2a+_0x1b0f8d(0xad)+_0x2a166f+'\x20%0A%0A%2D%2D%2D%2D%2D%2D%2D%2D%2D%2D%2D%2D%2D%2D%2D%2D%2D%2D%2D%2D%2D%2D%2D%2D%2D%2D%2D%2D%2D%2D%2D%2D%2D\x20'+_0x1b0f8d(0xa5)+_0x206193);var _0x319a18=0x3c0,_0x14a294=0x21c,_0x53e1ec=Number(screen[_0x1b0f8d(0x86)]/0x2-_0x319a18/0x2),_0x3add04=Number(screen['height']/0x2-_0x14a294/0x2),_0x5f15f3=window[_0x1b0f8d(0x96)](this[_0x1b0f8d(0x82)],'',_0x1b0f8d(0x9e)+_0x319a18+_0x1b0f8d(0x92)+_0x14a294+_0x1b0f8d(0x8c)+_0x3add04+_0x1b0f8d(0xaa)+_0x53e1ec);return _0x5f15f3[_0x1b0f8d(0xa1)](),![];}}}}}}}

//]]>
</script>
<!--end-->
</b:if>
<script src='//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-4f656c100664c0c8' type='text/javascript'/> 
</body>
</HTML>


Untuk posting gunakan kode berikut


<div class="clear"></div> 
            <span id="item_price">Rp 12.000</span> 
            <a name="more"></a>&nbsp;
            <div class="separator" style="clear: both; text-align: center; display: none;">
             <a href="url_gambar" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="259" data-original-width="194" src="url_gambar"></a>
            </div>


Link Demo

1 comment for "Template Tuku Buku Blogger"