Вы находитесь на странице: 1из 54

<?xml version="1.0" encoding="UTF-8" ?

>
<!DOCTYPE html>
<html xmlns='http://www.w3.org/1999/xhtml'
xmlns:b='http://www.google.com/2005/gml/b'
xmlns:data='http://www.google.com/2005/gml/data'
xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<link href='http://fonts.googleapis.com/css?family=Courgette|
Open+Sans:300italic,400,300,700' rel='stylesheet' type='text/css'/>
<b:include data='blog' name='all-head-content'/>
<meta content='width=device-width, initial-scale=1.0' name='viewport'/>
<title><data:blog.pageTitle/></title>
<b:if cond='data:blog.metaDescription != &quot;&quot;'>
<meta expr:content='data:blog.metaDescription' name='description'/>
</b:if>

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

Blogger Template

Template Name : Catalogspot Revo E-Commerce Blogger Template V-1.0


Author : loefa-cebook
URL : http://www.loefa-cebook.com
Date : June 06, 2013
Email Checkout : www.irsah.com
Redesigned : www.tukangtokoonline.web.id
Licens : http://creativecommons.org/licenses/by/3.0/

-----------------------------------*/

/* CSS Reset created by Eric Meyer -


http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
----------------------------------------------------------------*/
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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
.widget {
margin: 0 ;
}
.section {
margin: 0px !important;
}
body, .body-fauxcolumn-outer {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}

img {
width: auto\9;
height: auto;
max-width: 100%;
vertical-align: middle;
border: 0;
-ms-interpolation-mode: bicubic;
}

body {
margin:0;
padding:0;
color:#333333;
background: #E4E4E4;
font: normal normal 13px Tahoma,Geneva,sans-serif;
line-height: 1.6em;
}

a, a:visited {
color: #333333;
}
a:hover {
color: #333333;
text-decoration: none;
}
a, h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
text-decoration:none;
}
hr {
border: 0 solid #fff;
border-bottom-width: 1px;
clear: both;
height: 1px;
background: #ccc;
}

.left {
position: relative;
display: inline;
float: left;
}

.right {
position: relative;
display: inline;
float: right;
}

.content {
margin-left: auto;
margin-right: auto;
width: 960px;
}

.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}

.date-header {display:none;}

.top-bar {
background: #132A69;
margin: 0px;
padding: 0px;
}

.top-nav {
display: inline;
float: left;
position: relative;
width: 700px;
margin: 0px;
}

.top-nav h2 {display: none;}

.top-nav ul {
padding: 0;
list-style: none;
}
.top-nav ul li {
display: inline;
float: left;
padding: 10px 0px;
}
.top-nav ul li a {
padding: 0px 20px;
color: #666564;
font-size: 12px;
border-right: 1px solid #666564;
transition:All 0.3s ease;
-webkit-transition:All 0.3s ease;
-moz-transition:All 0.3s ease;
-o-transition:All 0.3s ease;
}

.top-nav ul li:last-child a{
border-right: none !important;
}

.top-nav ul li a:hover, .top-nav ul li.selected a{


color: #FFFFFF;
font-size: 12px;
font-weight: normal;
}

.top-social {
display: inline;
float: right;
position: relative;
width: 220px;
}

.top-social ul {
list-style: none;
padding: 0;
float: right;
}

.top-social ul li {
display: inline;
float: left;
margin: 7px 0px 0px 5px;
}

.top-social ul li a {
display: block;
width: 25px;
height: 25px;
text-indent: -9999px;
background: #666564 url("http://2.bp.blogspot.com/-
c40JWbvH83o/UhOQLuIEUdI/AAAAAAAAHdw/bNkoxNEUaPo/s1600/social.png") no-repeat;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
-o-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
}

.top-social ul li a.facebook {
background-position:-14px -15px;
}

.top-social ul li a.facebook:hover {
background-position:-58px -15px;
}

.top-social ul li a.twitter {
background-position:-14px -53px;
}

.top-social ul li a.twitter:hover {
background-position:-58px -53px;
}

.top-social ul li a.linkedin {
background-position:-14px -90px;
}

.top-social ul li a.linkedin:hover {
background-position:-58px -90px;
}

.top-social ul li a.google {
background-position:-14px -126px;
}

.top-social ul li a.google:hover {
background-position:-58px -126px;
}

.top-social ul li a.rss {
background-position:-14px -163px;
}

.top-social ul li a.rss:hover {
background-position:-58px -163px;
}

.header-wrapper {background:#fff;
padding: 10px 0px;
}

.header-container {
margin:0px auto;
width:960px;
}

.header {
display:inline;
float:left;
width:400px;
margin:10px 10px 0 10px;
}

.header h1, .header h1 a {


margin: 20px 0px 10px 0px;
font-size: 30px;
text-decoration:none;
font-family: 'Courgette', cursive;
font-weight: 400;
color: #da3610;
text-shadow: 1px 0px 1px #bbb;
}

.cart {
display:inline;
float:right;
width:220px;
margin:0 0;
padding: 10px;
background: #6AA7DF;
border: 1px solid #e7e7e7;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
-o-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
}

.cart a.cart-btn {
position: absolute;
margin-top: -46px;
margin-left: 180px;
float: right;
display: block;
width: 50px;
height: 50px;
text-indent: -9999px;
border: 1px solid #e7e7e7;
-moz-border-radius: 3px 0px 0px 3px;
-webkit-border-radius: 3px 0px 0px 3px;
-o-border-radius: 3px 0px 0px 3px;
border-radius: 3px 0px 0px 3px;
background: #FFF url("http://2.bp.blogspot.com/-_LqXeolvU0I/UhOKFEbL-
_I/AAAAAAAAHdg/FJjEKLLB3Uw/s1600/chart.png") no-repeat center center;
z-index: 20;
}

.cart .cart-box {
padding: 20px 5px;
position: absolute;
display: none;
min-width: 240px;
margin: 9px 0px 0px -15px;
background: #f8f8f8;
border: 1px solid #e7e7e7;
z-index: 20;
}

.cart .cart-box table, .cart .cart-box th, .cart .cart-box td {border: none;}

.simpleCart_items table {
width: 100%;
border: 1px solid #ccc;
}

.simpleCart_items th {
color: #333;
text-align: left;
padding: 10px 10px;
border-bottom: 1px solid #ccc;
background: #ededed;
background: -moz-linear-gradient(top, #f7f7f7 0%, #ededed 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7),
color-stop(100%,#ededed));
background: -webkit-linear-gradient(top, #f7f7f7 0%,#ededed 100%);
background: -o-linear-gradient(top, #f7f7f7 0%,#ededed 100%);
background: -ms-linear-gradient(top, #f7f7f7 0%,#ededed 100%);
background: linear-gradient(top, #f7f7f7 0%,#ededed 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7',
endColorstr='#ededed',GradientType=0 );
}

.simpleCart_items td {
padding: 10px 20px;
vertical-align: middle;
border-bottom: 1px solid #ccc;
}
.simpleCart_items .item-thumb img {
width: 80px !important;
height: 76px !important;
display: block;
}

.simpleCart_items .item-quantity input {


width: 20px;
padding: 10px;
border: 0;
}
.cart .cart-box .headerRow, .cart .cart-box .item-thumb {display: none;}
.cart .cart-box td {
padding: 5px;
}

.cart .cart-box td.item-name {


max-width: 95px;
white-space: nowrap;
overflow: hidden !important;
text-overflow: ellipsis;
}

.item_Quantity {
margin-top: 5px;
padding: 5px;
max-width: 50px;
}
.cart .cart-box td.item-quantity input {
width:30px;
}
.cart .cart-box td.item-remove a.simpleCart_remove,
.simpleCart_items .item-remove a.simpleCart_remove {
display: block;
width:20px;
height: 20px;
background: url("http://4.bp.blogspot.com/-
4DQxkGPzprA/UhQwFXLfNDI/AAAAAAAAHeQ/R5xfgglc_Ds/s1600/sprite.png") no-repeat -11px
-304px;
text-indent: -9999px;
}
.cart .cart-box .itemRow {
border-bottom: 1px solid #e7e7e7;
}
.cart .cart-box td.item-price {display: none;}

a.view-cart, a.simpleCart_checkout, a.Rcheckout {


padding: 5px 30px;
text-align: center;
background: #da3610;
color: #FFFFFF;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
-o-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
}

a.view-cart {
margin-top: 20px;
}
a.Rcheckout {
margin-left: 10px;
}

.ck-box {
width: 460px;
}

.cart-view {
width: 700px;
}

.cart-info {
width: 200px;
background: #f8f8f8;
border: 1px solid #e7e7e7;
padding: 40px 10px 20px 10px;
}

.ck-btn {
text-align: center;
}

.cart-info:after {
content:"Cart Info";
position: absolute;
top: 0px;
left: 0px;
z-index: 20;
padding:5px 20px;
background: #fafafa;
font-size: 12px;
font-weight: bold;
border-right: 1px solid #e7e7e7;
border-bottom: 1px solid #e7e7e7;
border-radius: 0px 0px 3px 0px;
text-shadow: 1px 0px 1px #fff;
}
.nav {
padding: 0;
background: #6AA7DF;
border: 1px solid #e7e7e7;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
-o-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
}

.menu-wrp {
padding-bottom: 15px;
background: url(http://2.bp.blogspot.com/-UOOcU5NwNGE/UhPxzqMhijI/AAAAAAAAHeA/4GqI-
VpmD6c/s1600/nav-bg.png) no-repeat bottom;
}

.nav .menu {
padding: 0;
list-style: none;
}

.nav .menu li {
display: inline;
float: left;
}

.nav .menu li a {
display: block;
padding: 1em 2em;
text-align: center;
transition:All 0.3s ease;
-webkit-transition:All 0.3s ease;
-moz-transition:All 0.3s ease;
-o-transition:All 0.3s ease;
}

.nav .menu li a:hover{


background: #FFF;
}

.nav .menu li:hover ul li a:hover {


background: #F8F8F8;
}

.nav .menu li ul {
padding: 0;
position: absolute;
display: none;
z-index: 99;
background: #ffffff;
min-width: 12em;
border-left: 1px solid #e7e7e7;
border-right: 1px solid #e7e7e7;
border-bottom: 1px solid #e7e7e7;
}

.nav .menu li:hover ul {


display: block;
}

.nav .menu li:hover a {


background: #fff;
}

.nav .menu li:hover ul li a {


background:none;
}
.nav .menu li ul li {
float: none !important;
}

.nav .menu li ul li a {
display: block;
padding: 5px 10px;
text-align: left;
}

.nav .menu li ul li
.post h3.post-title {
font-size: 22px;
font-weight: normal;
line-height: 28px;
}

.nav .menu li.searchbox {


float: right;
}

.nav .menu li.searchbox input {


margin: 7px 10px 0px 0px;
padding: 7px 10px 7px 25px;
width:130px;
border: 1px solid #e7e7e7;
background:#fff url("http://2.bp.blogspot.com/-
q2lvRwZM4F4/Unz8vrPRR5I/AAAAAAAAHxc/4tplKGJIkfE/s1600/search.png") no-repeat left
center;
}

.welcome-wrp {
padding: 0px;
}

.welcomebox {
display: inline;
float:left;
width: 300px;
margin: 0px 10px 10px !important;
border: 1px solid #D1CDCD;
padding:10px;
box-sizing:border-box;
-moz-box-sizing:border-box;
}

.welcomebox h2 {
font-size: 12px;
}

.content-wrapper {background:#fff;
padding: 20px 5px 0 5px;
}
h3.post-title {
font-family: 'Open Sans', sans-serif;
font-weight: 300;
font-size: 24px;
padding-bottom: 20px;
margin-bottom: 20px;
}

.post-header {
display: none;
padding: 0px 0px 10px 0px;
margin-bottom: 20px;
border-bottom: 1px solid #e7e7e7;
}

.post-body .item_image {
display: inline;
float: left;
position: relative;
width: 630px;
padding: 10px;
background: #f7f7f7;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
border: 1px solid #e7e7e7;
}

.post-body .item_image img{


margin-bottom: 10px;
}

.post-body .item_price {
font-size: 20px;
font-weight: normal;
color: #da3610;
}

.post-body .item_Description {
display: inline;
float: right;
position: relative;
width: 300px;
}

.post-body ul {
margin-left: 30px;
list-style: disc;
}

.post-body .item-bottom {
margin-top: 20px;
padding: 10px 10px;
background: #f7f7f7;
border: 1px solid #e7e7e7;
}

.post-body .item-bottom a.item_add {


float: right;
padding: 10px 20px;
background: #132A69;
color: #FFFFFF;
border-radius: 3px 3px 3px 3px;
}

.post-footer {
margin-top: 20px;
padding: 10px 0px;
border-top: 1px solid #e7e7e7;
border-bottom: 1px solid #e7e7e7;
}

.comments .comment-block {
background: #f8f8f8;
border: 1px solid #e7e7e7;
padding-bottom: 20px;
border-radius: 3px 3px 3px 3px;
}

.comments .comments-content .comment-header {


padding: 5px 10px;
background: #fafafa;
border-bottom: 1px solid #e7e7e7;
}

.comments .comments-content .datetime {


float: right;
font-size: 9px;
color: #eee;
}

.comments .comments-content .comment-content {


margin: 10px;
}

.comments .comment .comment-actions {


margin-left: 10px;
}
.ckloefa {
display: inline;
float: left;
width: 460px;
}
.ckloefa input {
width: 100%;
border: 1px solid #e7e7e7;
background: #f8f8f8;
padding: 5px 10px;
}

.ckloefa input:focus {
background: #fff;
border: 1px solid blue;
}

.ckloefa span {
font-size: 10px;
color: #ff7100;
display: none;
}

.crosscol-wrapper {
background: #f8f8f8;
border-top: 1px solid #e7e7e7;
}
.crosscol {
padding: 40px 0px;
}

.crosscol h2 {display: none;}


.FollowByEmail input.follow-by-email-address{
padding: 5px;
background: #FFF;
border: 1px solid #e7e7e7 !important;
width: 100% !important;
font-weight: bold;
color: #8fa1ad;
}

.FollowByEmail input.follow-by-email-submit {
padding: 10px 5px !important;
background: #a8bd44 !important;
height: auto !important;
}

.headline-box {
width: 620px;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
font-size: 20px;
line-height: 30px;
font-style: italic;
color: #8fa1ad;
}

.subscribe-box {
width: 300px;
}
.footer-wrapper {
background: #010B25;
}

.footcol-wrp {
padding: 20px 0px;
}

.foot-col {
display: inline;
float: left;
width: 220px;
margin: 0px 10px !important;
color: #818181;
}

.foot-col h2 {
margin-bottom: 10px;
font-size: 13px;
}
.foot-col a{
color: #818181;
}

.foot-col .widget-content {
margin-bottom: 20px;
}

.foot-col li {
padding: 3px 0px;
border-bottom: 1px dotted #818181;
}
.popular-posts .item-snippet {
display: none;
}

.popular-posts .item-thumbnail img {


width: 50px !important;
width: 50px !important;
}

.popular-posts .item-title a{
font-weight: bold;
}

.feed-links {display: none;}

.showpageArea {
padding: 10px;
text-align: right;
}

.showpageArea .showpageOf {
margin: 0px 10px;
font-weight: bold;
}
.credit {
padding: 10px 0px;
}

.credit a:hover {
border-bottom: 1px dotted #333;
}

.toplink {
position: fixed;
display: none;
width: 30px;
height: 30px;
background: #da3610;
color: #FFFFFF;
text-decoration: none;
bottom: 20px;
right: 20px;
text-indent: -99999px;
z-index: 999;
}

#ck-boxInfo, #paypalInfo, #amazonInfo, #sendFormData {


display: none;
min-height: 120px;
background: #f8f8f8;
border:1px solid #ccc;
}

#ck-boxInfo {display:block;}

/* Flexslider */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

.flexslider {
padding: 0;
}
.flexslider .slides > li {
display: none;
-webkit-backface-visibility: hidden; /* Hide the slides before the JS is loaded.
Avoids image jumping */
}
.flexslider .slides img {
width: 100%;
display: block;
max-height:400px;
}
.flex-pauseplay span {
text-transform: capitalize;
}

/* Clearfix for the .slides element */


.slides:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}

html[xmlns] .slides {display: block;}


* html .slides {height: 1%;}

.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme


*********************************/
.flexslider {
background: #fff;
margin-bottom: 60px;
zoom: 1;
height: 400px;
}

.flex-viewport {
max-height: 2000px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
transition: all 1s ease;
}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display:
block; background: url(images/bg_direction_nav.png) no-repeat 0 0; position:
absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0;
-webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: 0px; }
.flex-direction-nav .flex-prev {left: 0px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity:
1;}
.flex-direction-nav .flex-disabled {opacity: .3!important;
filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: relative; bottom: 20px; text-align:
center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display:
inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background:
#666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-
border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-
radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background:
rgba(0,0,0,0.9); cursor: default; }

.slides .slider-caption{
position: absolute;
z-index: 20;
bottom: 100px;
}

.slides .slider-caption h4 {
padding: 10px 10px 10px 30px;
margin: 10px 10px 10px 0px;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
font-size: 24px;
text-transform: uppercase;
color: #FFF;
background: #000;
}
.checkout-form {
width: 95%;
float: left;
display: inline-block;
}
.checkout-details {
width: 95%;
float: left;
display: inline-block;
color: #000;
}
.checkout-form label { color: #000; width: 30%; display: inline; float: left; }
.checkout-form text, .checkout-form text-area {width: 60%; display: inline; }
.checkout-form form, .checkout-form fieldset {
border: none;
}

#emailInfo { display:none }
#emailInfo.fieldok {
display:block;
width: 100%;
padding: .5em 0;
background: green;
color: #fff;
text-align:center;
margin: 0 10px auto;
}
.submitdummy {
display:block;
}
.buttondummy {
display: block;
padding: .5em 0;
color: #fff;
text-align: center;
width:100%;
}
#sent-order, .showdummy { display:yes; }
#sent-order.buttonok{
display:block;
}

.item-thumbimg, .item-name, .item-price, .item-quantity, .item-total, .item-remove


{
padding: .5em;
text-align: center !important;
}
]]></b:skin>

<b:if cond='data:blog.pageType != &quot;item&quot;'>


<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<style>

.post-body .item_image {
width: 100%;
padding: 0px;
background: transparent;
-moz-border-radius: 0px 0px 0px 0px;
-webkit-border-radius: 0px 0px 0px 0px;
border-radius: 0px 0px 0px 0px;
border: none !important;
}

.post-outer {
display: inline;
float: left;
width: 220px;
margin: 0px 10px 20px 10px;
border: 1px solid #e7e7e7;
box-sizing:border-box;
-moz-box-sizing:border-box;
padding: 10px;
transition:All 0.3s ease;
-webkit-transition:All 0.3s ease;
-moz-transition:All 0.3s ease;
-o-transition:All 0.3s ease;
}

.post-outer:hover {
box-shadow: 0px 0px 3px #ccc;
}
.post-outer .item_image img{
width: 198px;
height: 144px;
}
.post-body .item-bottom{
margin-top: 0px;
padding: 10px 0px;
background: transparent;
border: none;
}
.post-body .item-bottom a.item_add {
float: none;
}

.item-bottom, .item_image {
text-align: center;
}

a.post-judul {
display: block;
white-space: nowrap;
overflow: hidden !important;
text-overflow: ellipsis;
}

.blog-pager {
clear: both;
}
.post-body .item_Description,
.post-footer, .post-header,
.post h3.post-title {
display: none;
}

</style>
</b:if>
</b:if>
<script src='//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js'
type='text/javascript'/>
<script src='//googledrive.com/host/0B9juylgrcPQhTHlLeUViSUVxd28'
type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
// Set Shopping cart and Blogshop currency Here
$(document).ready(function() {
simpleCart.currency({
code: "IDR" ,
name: "Indonesian Rupiah" ,
symbol: "Rp&nbsp;" ,
delimiter: " " ,
decimal: "." ,
after: false ,
accuracy: 2
});
});
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
// No customization needed. For shopping cart plug-in initiation
$(document).ready(function() {
simpleCart({
cartColumns: [
{ attr: "thumbimg", label: false, view: "image"},
{ attr: "name" , label: "Item" } ,
{ attr: "price" , label: "Price", view: "currency" } ,
{ view: "decrement" , label: false , text: "-" } ,
{ attr: "quantity" , label: "Qty", view: "input" } ,
{ view: "increment" , label: false , text: "+" } ,
{ attr: "total" , label: "Total", view: 'currency' } ,
{ view: "remove" , text: "X" , label: "Cancel" },
] ,
cartStyle: "table",
excludeFromCheckout : ['thumbimg' , 'description'],
});
});
//]]>
</script>
</head>

<body>
<!--/- Outer-Wrrapper -/-->
<div class='outer-wrapper'>
<div class='top-bar'>
<div class='content'>
<b:section class='top-nav' id='top-nav' maxwidgets='1' showaddelement='no'>
<b:widget id='PageList1' locked='false' title='Pages' type='PageList'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<b:if cond='data:mobile'>
<select expr:id='data:widget.instanceId + &quot;_select&quot;'>
<b:loop values='data:links' var='link'>
<b:if cond='data:link.isCurrentPage'>
<option expr:value='data:link.href'
selected='selected'><data:link.title/></option>
<b:else/>
<option expr:value='data:link.href'><data:link.title/></option>
</b:if>
</b:loop>
</select>
<span class='pagelist-arrow'>&amp;#9660;</span>

<b:else/>
<ul>
<b:loop values='data:links' var='link'>
<b:if cond='data:link.isCurrentPage'>
<li class='selected'><a
expr:href='data:link.href'><data:link.title/></a></li>
<b:else/>
<li><a expr:href='data:link.href'><data:link.title/></a></li>
</b:if>
</b:loop>
</ul>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
<div class='top-social'> <!--/ Social Button /-->
<ul>
<li><a class='facebook' href='#Prifile-url'>Facebook</a></li>
<li><a class='twitter' href='#Prifile-url'>Twitter</a></li>
<li><a class='google' href='#Prifile-url'>Google</a></li>
<li><a class='rss' href='#Prifile-url'>Skype</a></li>
<li><a class='linkedin' href='#Prifile-url'>Yahoo</a></li>
</ul>
</div>
<div class='clear'/>
</div> <!--/ End of Social Button /-->
</div>
<!--/- Header -/-->
<div class='header-wrapper'>
<div class='header-container'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Catalog Spot Revo Modif (Header)'
type='Header'>
<b:includable id='main'>

<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>
<!--
Show image as background to text. You can't really calculate the width
reliably in JS because margins are not taken into account by any of
clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
width if the user is using shrink to fit.
This results in a margin-width's worth of pixels being cropped. If the
user is not using shrink to fit then we expand the header.
-->
<b:if cond='data:mobile'>
<div id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
<b:else/>
<div expr:style='&quot;background-image: url(\&quot;&quot; +
data:sourceUrl + &quot;\&quot;); &quot; + &quot;background-
position: &quot; + data:backgroundPositionStyleStr + &quot;;
&quot; + data:widthStyleStr +
&quot;min-height: &quot; + data:height + &quot;_height:
&quot; + data:height + &quot;background-repeat: no-repeat;
&quot;' id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
<b:else/>
<!--Show the image only-->
<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'>
<h1 class='title'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
</b:includable>
<b:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</b:includable>
<b:includable id='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</b:includable>
</b:widget>
</b:section>
<!--/- Cart -/-->
<div class='cart'>
<div class='menu-cart'>
<span class='simpleCart_quantity'/> item(s). <br/>
Total Price : <span class='simpleCart_total'/>
<div class='cart-box'>
<div class='simpleCart_items'/>
<div class='ck-btn'>
<br/>
<a class='view-cart' href='/p/view-cart.html'>View Cart</a>
</div>
</div>
<div class='clear'/>
</div>
<a class='cart-btn' href='#'>Cart btn</a>
</div> <!--/- End of Cart -/-->
<div class='clear'/>
</div>
</div><!--/- End of Header -/-->

<div class='menu-wrp'>
<div class='content nav'>
<ul class='menu'>
<li><a href='/'>Home</a></li>
<li><a href='#Page-Url'>Menu Item</a></li>
<li><a href='#Page-Url'>Menu Item</a></li>
<li><a href='#Page-Url'>Menu Item</a>
<ul>
<li><a href='#Page-Url'>Sub Menu Item</a></li>
<li><a href='#Page-Url'>Sub Menu Item</a></li>
<li><a href='#Page-Url'>Sub Menu Item</a></li>
<li><a href='#Page-Url'>Sub Menu Item</a></li>
<li><a href='#Page-Url'>Sub Menu Item</a></li>
<li><a href='#Page-Url'>Sub Menu Item</a></li>
<li><a href='#Page-Url'>Sub Menu Item</a></li>
</ul>
</li>
<li><a href='#Page-Url'>Menu Item</a></li>
<li><a href='#Page-Url'>Menu Item</a></li>
<li class='searchbox'>
<form accept-charset='utf-8' action='/search' id='search' method='GET'>
<input class='input' name='q'
onblur='if(this.value==&apos;&apos;)this.value=&apos;Search&apos;;'
onfocus='if(this.value==&apos;Search&apos;)this.value=&apos;&apos;;' size='24'
type='text' value='Search'/>
</form>
</li>
</ul>
<div class='clear'/>
</div>
</div>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div id='slider-wrp'>
<div class='content flexslider'>
<ul class='slides'>
<li>
<img alt='' src='http://1.bp.blogspot.com/-h6-
vcuDZyJI/Unz9ERNdBEI/AAAAAAAAHxs/9MR6zHdcHA0/s1600/slide_01.jpg'/>
<div class='slider-caption'>
<h4>It is a long established fact that a reader </h4>
</div>
</li>
<li>
<img alt='' src='http://1.bp.blogspot.com/-
RVWiFbSiiN8/Unz9YaWo_6I/AAAAAAAAHx0/X26NaOXe-oo/s1600/slide_02.jpg'/>
<div class='slider-caption'>
<h4>It is a long established fact that a reader </h4>
</div>
</li>
<li>
<img alt='' src='http://3.bp.blogspot.com/-ShrGi3rti1c/Unz-
CNAoxaI/AAAAAAAAHyA/8KshUVZaJPE/s1600/slide_03.jpg'/>
<div class='slider-caption'>
<h4>It is a long established fact that a reader </h4>
</div>
</li>
</ul>
</div>
</div>

<div class='welcome-wrp'>
<div class='content'>
<b:section class='welcomebox' id='welcomebox1'>
<b:widget id='HTML1' locked='false' title='Order By Phone' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
<b:section class='welcomebox' id='welcomebox2'>
<b:widget id='HTML2' locked='false' title='Checkout By Email' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
<b:section class='welcomebox' id='welcomebox3'>
<b:widget id='HTML3' locked='false' title='Shipping Info' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
<div class='clear'/>
</div>
</div>
</b:if>
<div class='content content-wrapper'>
<div class='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'>
<b:includable id='main' var='top'>
<b:include data='posts' name='SimpleCartJS'/>
<b:if cond='data:mobile == &quot;false&quot;'>
<!-- posts -->
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>

<data:defaultAdStart/>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.isDateStart'>
<b:if cond='data:post.isFirstPost == &quot;false&quot;'>
&lt;/div&gt;&lt;/div&gt;
</b:if>
</b:if>
<b:if cond='data:post.isDateStart'>
&lt;div class=&quot;date-outer&quot;&gt;
</b:if>
<b:if cond='data:post.dateHeader'>
<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 simpleCart_shelfItem'>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<b:include data='post' name='comment_picker'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:include data='post' name='comment_picker'/>
</b:if>
</div>
<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:if cond='data:top.showStars'>
<script src='//www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>
google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;:
&quot;<data:top.languageCode/>&quot;});
function initialize() {
google.annotations.setApplicationId(<data:top.blogspotReviews/>);
google.annotations.createAll();
google.annotations.fetch();
}
google.setOnLoadCallback(initialize);
</script>
</b:if>

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

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

</b:includable>
<b:includable id='SimpleCartJS' var='posts'>
<script type='text/javascript'>
// <![CDATA[

/*
* jQuery FlexSlider v2.1
* Copyright 2012 WooThemes
* Contributing Author: Tyler Smith
*/
;(function(d){d.flexslider=function(i,k){var
a=d(i),c=d.extend({},d.flexslider.defaults,k),e=c.namespace,p="ontouchstart"in
window||window.DocumentTouch&&document instanceof
DocumentTouch,t=p?"touchend":"click",l="vertical"===c.direction,m=c.reverse,h=0<c.i
temWidth,r="fade"===c.animation,s=""!
==c.asNavFor,f={};d.data(i,"flexslider",a);f={init:function(){a.animating=!
1;a.currentSlide=c.startAt;a.animatingTo=a.currentSlide;a.atEnd=0===a.currentSlide|
|a.currentSlide===a.last;a.containerSelector=c.selector.substr(0,
c.selector.search("
"));a.slides=d(c.selector,a);a.container=d(a.containerSelector,a);a.count=a.slides.
length;a.syncExists=0<d(c.sync).length;"slide"===c.animation&&(c.animation="swing")
;a.prop=l?"top":"marginLeft";a.args={};a.manualPause=!1;var b=a,g;if(g=!
c.video)if(g=!r)if(g=c.useCSS)a:{g=document.createElement("div");var
n=["perspectiveProperty","WebkitPerspective","MozPerspective","OPerspective","msPer
spective"],e;for(e in n)if(void 0!==g.style[n[e]])
{a.pfx=n[e].replace("Perspective","").toLowerCase();
a.prop="-"+a.pfx+"-transform";g=!0;break a}g=!1}b.transitions=g;""!
==c.controlsContainer&&(a.controlsContainer=0<d(c.controlsContainer).length&&d(c.co
ntrolsContainer));""!
==c.manualControls&&(a.manualControls=0<d(c.manualControls).length&&d(c.manualContr
ols));c.randomize&&(a.slides.sort(function(){return Math.round(Math.random())-
0.5}),a.container.empty().append(a.slides));a.doMath();s&&f.asNav.setup();a.setup("
init");c.controlNav&&f.controlNav.setup();c.directionNav&&f.directionNav.setup();c.
keyboard&&
(1===d(a.containerSelector).length||
c.multipleKeyboard)&&d(document).bind("keyup",function(b){b=b.keyCode;if(!
a.animating&&(39===b||37===b))b=39===b?a.getTarget("next"):37===b?
a.getTarget("prev"):!
1,a.flexAnimate(b,c.pauseOnAction)});c.mousewheel&&a.bind("mousewheel",function(b,g
){b.preventDefault();var d=0>g?
a.getTarget("next"):a.getTarget("prev");a.flexAnimate(d,c.pauseOnAction)});c.pauseP
lay&&f.pausePlay.setup();c.slideshow&&(c.pauseOnHover&&a.hover(function(){!
a.manualPlay&&!a.manualPause&&a.pause()},
function(){!a.manualPause&&!a.manualPlay&&a.play()}),0<c.initDelay?
setTimeout(a.play,c.initDelay):a.play());p&&c.touch&&f.touch();(!r||
r&&c.smoothHeight)&&d(window).bind("resize focus",f.resize);setTimeout(function()
{c.start(a)},200)},asNav:{setup:function(){a.asNav=!
0;a.animatingTo=Math.floor(a.currentSlide/a.move);a.currentItem=a.currentSlide;a.sl
ides.removeClass(e+"active-slide").eq(a.currentItem).addClass(e+"active-
slide");a.slides.click(function(b){b.preventDefault();var b=d(this),g=b.index();
!d(c.asNavFor).data("flexslider").animating&&!
b.hasClass("active")&&(a.direction=a.currentItem<g?"next":"prev",a.flexAnimate(g,c.
pauseOnAction,!1,!0,!0))})}},controlNav:{setup:function(){a.manualControls?
f.controlNav.setupManual():f.controlNav.setupPaging()},setupPaging:function(){var
b=1,g;a.controlNavScaffold=d('<ol class="'+e+"control-nav "+e+
("thumbnails"===c.controlNav?"control-thumbs":"control-paging")
+'"></ol>');if(1<a.pagingCount)for(var n=0;n<a.pagingCount;n+
+)g="thumbnails"===c.controlNav?
'<img src="'+a.slides.eq(n).attr("data-thumb")
+'"/>':"<a>"+b+"</a>",a.controlNavScaffold.append("<li>"+g+"</li>"),b+
+;a.controlsContainer?
d(a.controlsContainer).append(a.controlNavScaffold):a.append(a.controlNavScaffold);
f.controlNav.set();f.controlNav.active();a.controlNavScaffold.delegate("a,
img",t,function(b){b.preventDefault();var
b=d(this),g=a.controlNav.index(b);b.hasClass(e+"active")||
(a.direction=g>a.currentSlide?"next":"prev",a.flexAnimate(g,c.pauseOnAction))});p&&
a.controlNavScaffold.delegate("a",
"click touchstart",function(a){a.preventDefault()})},setupManual:function()
{a.controlNav=a.manualControls;f.controlNav.active();a.controlNav.live(t,function(b
){b.preventDefault();var b=d(this),g=a.controlNav.index(b);b.hasClass(e+"active")||
(g>a.currentSlide?
a.direction="next":a.direction="prev",a.flexAnimate(g,c.pauseOnAction))});p&&a.cont
rolNav.live("click touchstart",function(a){a.preventDefault()})},set:function()
{a.controlNav=d("."+e+"control-nav li "+("thumbnails"===c.controlNav?"img":"a"),
a.controlsContainer?a.controlsContainer:a)},active:function()
{a.controlNav.removeClass(e+"active").eq(a.animatingTo).addClass(e+"active")},updat
e:function(b,c){1<a.pagingCount&&"add"===b?
a.controlNavScaffold.append(d("<li><a>"+a.count+"</a></li>")):1===a.pagingCount?
a.controlNavScaffold.find("li").remove():a.controlNav.eq(c).closest("li").remove();
f.controlNav.set();1<a.pagingCount&&a.pagingCount!==a.controlNav.length?
a.update(c,b):f.controlNav.active()}},directionNav:{setup:function(){var b=d('<ul
class="'+
e+'direction-nav"><li><a class="'+e+'prev" href="#">'+c.prevText+'</a></li><li><a
class="'+e+'next" href="#">'+c.nextText+"</a></li></ul>");a.controlsContainer?
(d(a.controlsContainer).append(b),a.directionNav=d("."+e+"direction-nav li
a",a.controlsContainer)):(a.append(b),a.directionNav=d("."+e+"direction-nav li
a",a));f.directionNav.update();a.directionNav.bind(t,function(b)
{b.preventDefault();b=d(this).hasClass(e+"next")?
a.getTarget("next"):a.getTarget("prev");a.flexAnimate(b,c.pauseOnAction)});
p&&a.directionNav.bind("click touchstart",function(a)
{a.preventDefault()})},update:function(){var b=e+"disabled";1===a.pagingCount?
a.directionNav.addClass(b):c.animationLoop?
a.directionNav.removeClass(b):0===a.animatingTo?
a.directionNav.removeClass(b).filter("."+e+"prev").addClass(b):a.animatingTo===a.la
st?
a.directionNav.removeClass(b).filter("."+e+"next").addClass(b):a.directionNav.remov
eClass(b)}},pausePlay:{setup:function(){var b=d('<div
class="'+e+'pauseplay"><a></a></div>');a.controlsContainer?
(a.controlsContainer.append(b),a.pausePlay=d("."+e+"pauseplay
a",a.controlsContainer)):(a.append(b),a.pausePlay=d("."+e+"pauseplay
a",a));f.pausePlay.update(c.slideshow?
e+"pause":e+"play");a.pausePlay.bind(t,function(b)
{b.preventDefault();d(this).hasClass(e+"pause")?(a.manualPause=!0,a.manualPlay=!
1,a.pause()):(a.manualPause=!1,a.manualPlay=!
0,a.play())});p&&a.pausePlay.bind("click touchstart",function(a)
{a.preventDefault()})},update:function(b){"play"===b?
a.pausePlay.removeClass(e+"pause").addClass(e+

"play").text(c.playText):a.pausePlay.removeClass(e+"play").addClass(e+"pause").text
(c.pauseText)}},touch:function(){function b(b){j=l?d-b.touches[0].pageY:d-
b.touches[0].pageX;p=l?Math.abs(j)<Math.abs(b.touches[0].pageX-
e):Math.abs(j)<Math.abs(b.touches[0].pageY-e);if(!p||500<Number(new Date)-
k)b.preventDefault(),!r&&a.transitions&&(c.animationLoop||
(j/=0===a.currentSlide&&0>j||a.currentSlide===a.last&&0<j?
Math.abs(j)/q+2:1),a.setProps(f+j,"setTouch"))}function g()
{i.removeEventListener("touchmove",
b,!1);if(a.animatingTo===a.currentSlide&&!p&&null!==j){var h=m?-j:j,l=0<h?
a.getTarget("next"):a.getTarget("prev");a.canAdvance(l)&&(550>Number(new Date)-
k&&50<Math.abs(h)||Math.abs(h)>q/2)?a.flexAnimate(l,c.pauseOnAction):r||
a.flexAnimate(a.currentSlide,c.pauseOnAction,!
0)}i.removeEventListener("touchend",g,!1);f=j=e=d=null}var d,e,f,q,j,k,p=!
1;i.addEventListener("touchstart",function(j){a.animating?
j.preventDefault():1===j.touches.length&&(a.pause(),q=l?a.h:a.w,k=Number(new
Date),f=h&&m&&a.animatingTo===
a.last?0:h&&m?a.limit-
(a.itemW+c.itemMargin)*a.move*a.animatingTo:h&&a.currentSlide===a.last?a.limit:h?
(a.itemW+c.itemMargin)*a.move*a.currentSlide:m?(a.last-
a.currentSlide+a.cloneOffset)*q:(a.currentSlide+a.cloneOffset)*q,d=l?
j.touches[0].pageY:j.touches[0].pageX,e=l?
j.touches[0].pageX:j.touches[0].pageY,i.addEventListener("touchmove",b,!
1),i.addEventListener("touchend",g,!1))},!1)},resize:function(){!
a.animating&&a.is(":visible")&&(h||a.doMath(),r?f.smoothHeight():h?
(a.slides.width(a.computedW),
a.update(a.pagingCount),a.setProps()):l?
(a.viewport.height(a.h),a.setProps(a.h,"setTotal")):
(c.smoothHeight&&f.smoothHeight(),a.newSlides.width(a.computedW),a.setProps(a.compu
tedW,"setTotal")))},smoothHeight:function(b){if(!l||r){var c=r?a:a.viewport;b?
c.animate({height:a.slides.eq(a.animatingTo).height()},b):c.height(a.slides.eq(a.an
imatingTo).height())}},sync:function(b){var
g=d(c.sync).data("flexslider"),e=a.animatingTo;switch(b){case
"animate":g.flexAnimate(e,c.pauseOnAction,!1,!0);break;case "play":!g.playing&&
!g.asNav&&g.play();break;case
"pause":g.pause()}}};a.flexAnimate=function(b,g,n,i,k)
{s&&1===a.pagingCount&&(a.direction=a.currentItem<b?"next":"prev");if(!
a.animating&&(a.canAdvance(b,k)||n)&&a.is(":visible"))
{if(s&&i)if(n=d(c.asNavFor).data("flexslider"),a.atEnd=0===b||b===a.count-
1,n.flexAnimate(b,!0,!1,!
0,k),a.direction=a.currentItem<b?"next":"prev",n.direction=a.direction,Math.ceil((b
+1)/a.visible)-1!==a.currentSlide&&0!
==b)a.currentItem=b,a.slides.removeClass(e+"active-slide").eq(b).addClass(e+
"active-slide"),b=Math.floor(b/a.visible);else return
a.currentItem=b,a.slides.removeClass(e+"active-slide").eq(b).addClass(e+"active-
slide"),!1;a.animating=!0;a.animatingTo=b;c.before(a);g&&a.pause();a.syncExists&&!
k&&f.sync("animate");c.controlNav&&f.controlNav.active();h||
a.slides.removeClass(e+"active-slide").eq(b).addClass(e+"active-
slide");a.atEnd=0===b||
b===a.last;c.directionNav&&f.directionNav.update();b===a.last&&(c.end(a),c.animatio
nLoop||a.pause());if(r)p?(a.slides.eq(a.currentSlide).css({opacity:0,

zIndex:1}),a.slides.eq(b).css({opacity:1,zIndex:2}),a.slides.unbind("webkitTransiti
onEnd transitionend"),a.slides.eq(a.currentSlide).bind("webkitTransitionEnd
transitionend",function(){c.after(a)}),a.animating=!
1,a.currentSlide=a.animatingTo):
(a.slides.eq(a.currentSlide).fadeOut(c.animationSpeed,c.easing),a.slides.eq(b).fade
In(c.animationSpeed,c.easing,a.wrapup));else{var q=l?
a.slides.filter(":first").height():a.computedW;h?(b=c.itemWidth>a.w?
2*c.itemMargin:c.itemMargin,b=(a.itemW+b)*a.move*a.animatingTo,
b=b>a.limit&&1!==a.visible?a.limit:b):b=0===a.currentSlide&&b===a.count-
1&&c.animationLoop&&"next"!==a.direction?m?
(a.count+a.cloneOffset)*q:0:a.currentSlide===a.last&&0===b&&c.animationLoop&&"prev"
!==a.direction?m?0:(a.count+1)*q:m?(a.count-1-b+a.cloneOffset)*q:
(b+a.cloneOffset)*q;a.setProps(b,"",c.animationSpeed);if(a.transitions){if(!
c.animationLoop||!a.atEnd)a.animating=!
1,a.currentSlide=a.animatingTo;a.container.unbind("webkitTransitionEnd
transitionend");a.container.bind("webkitTransitionEnd transitionend",
function(){a.wrapup(q)})}else
a.container.animate(a.args,c.animationSpeed,c.easing,function()
{a.wrapup(q)})}c.smoothHeight&&f.smoothHeight(c.animationSpeed)}};a.wrapup=function
(b){!r&&!h&&(0===a.currentSlide&&a.animatingTo===a.last&&c.animationLoop?
a.setProps(b,"jumpEnd"):a.currentSlide===a.last&&(0===a.animatingTo&&c.animationLoo
p)&&a.setProps(b,"jumpStart"));a.animating=!
1;a.currentSlide=a.animatingTo;c.after(a)};a.animateSlides=function(){a.animating||
a.flexAnimate(a.getTarget("next"))};a.pause=
function(){clearInterval(a.animatedSlides);a.playing=!
1;c.pausePlay&&f.pausePlay.update("play");a.syncExists&&f.sync("pause")};a.play=fun
ction(){a.animatedSlides=setInterval(a.animateSlides,c.slideshowSpeed);a.playing=!
0;c.pausePlay&&f.pausePlay.update("pause");a.syncExists&&f.sync("play")};a.canAdvan
ce=function(b,g){var d=s?a.pagingCount-1:a.last;return g?!
0:s&&a.currentItem===a.count-1&&0===b&&"prev"===a.direction?!
0:s&&0===a.currentItem&&b===a.pagingCount-1&&"next"!==a.direction?!
1:b===a.currentSlide&&
!s?!1:c.animationLoop?!0:a.atEnd&&0===a.currentSlide&&b===d&&"next"!
==a.direction?!1:a.atEnd&&a.currentSlide===d&&0===b&&"next"===a.direction?!1:!
0};a.getTarget=function(b){a.direction=b;return"next"===b?a.currentSlide===a.last?
0:a.currentSlide+1:0===a.currentSlide?a.last:a.currentSlide-
1};a.setProps=function(b,g,d){var e,f=b?b:
(a.itemW+c.itemMargin)*a.move*a.animatingTo;e=-1*function()
{if(h)return"setTouch"===g?b:m&&a.animatingTo===a.last?0:m?a.limit-
(a.itemW+c.itemMargin)*a.move*a.animatingTo:a.animatingTo===
a.last?a.limit:f;switch(g){case "setTotal":return m?(a.count-1-
a.currentSlide+a.cloneOffset)*b:(a.currentSlide+a.cloneOffset)*b;case
"setTouch":return b;case "jumpEnd":return m?b:a.count*b;case "jumpStart":return m?
a.count*b:b;default:return b}}()
+"px";a.transitions&&(e=l?"translate3d(0,"+e+",0)":"translate3d("+e+",0,0)",d=void
0!==d?d/1E3+"s":"0s",a.container.css("-"+a.pfx+"-transition-
duration",d));a.args[a.prop]=e;(a.transitions||void
0===d)&&a.container.css(a.args)};a.setup=function(b)
{if(r)a.slides.css({width:"100%",
"float":"left",marginRight:"-100%",position:"relative"}),"init"===b&&(p?
a.slides.css({opacity:0,display:"block",webkitTransition:"opacity
"+c.animationSpeed/1E3+"s
ease",zIndex:1}).eq(a.currentSlide).css({opacity:1,zIndex:2}):a.slides.eq(a.current
Slide).fadeIn(c.animationSpeed,c.easing)),c.smoothHeight&&f.smoothHeight();else{var
g,n;"init"===b&&(a.viewport=d('<div
class="'+e+'viewport"></div>').css({overflow:"hidden",position:"relative"}).appendT
o(a).append(a.container),a.cloneCount=0,a.cloneOffset=

0,m&&(n=d.makeArray(a.slides).reverse(),a.slides=d(n),a.container.empty().append(a.
slides)));c.animationLoop&&!h&&(a.cloneCount=2,a.cloneOffset=1,"init"!
==b&&a.container.find(".clone").remove(),a.container.append(a.slides.first().clone(
).addClass("clone")).prepend(a.slides.last().clone().addClass("clone")));a.newSlide
s=d(c.selector,a);g=m?a.count-1-
a.currentSlide+a.cloneOffset:a.currentSlide+a.cloneOffset;l&&!h?
(a.container.height(200*(a.count+a.cloneCount)
+"%").css("position","absolute").width("100%"),
setTimeout(function()
{a.newSlides.css({display:"block"});a.doMath();a.viewport.height(a.h);a.setProps(g*
a.h,"init")},"init"===b?100:0)):(a.container.width(200*(a.count+a.cloneCount)
+"%"),a.setProps(g*a.computedW,"init"),setTimeout(function()
{a.doMath();a.newSlides.css({width:a.computedW,"float":"left",display:"block"});c.s
moothHeight&&f.smoothHeight()},"init"===b?100:0))}h||
a.slides.removeClass(e+"active-slide").eq(a.currentSlide).addClass(e+"active-
slide")};a.doMath=function(){var b=a.slides.first(),

d=c.itemMargin,e=c.minItems,f=c.maxItems;a.w=a.width();a.h=b.height();a.boxPadding=
b.outerWidth()-b.width();h?(a.itemT=c.itemWidth+d,a.minW=e?e*a.itemT:a.w,a.maxW=f?
f*a.itemT:a.w,a.itemW=a.minW>a.w?(a.w-d*e)/e:a.maxW<a.w?(a.w-
d*f)/f:c.itemWidth>a.w?a.w:c.itemWidth,a.visible=Math.floor(a.w/
(a.itemW+d)),a.move=0<c.move&&c.move<a.visible?
c.move:a.visible,a.pagingCount=Math.ceil((a.count-
a.visible)/a.move+1),a.last=a.pagingCount-1,a.limit=1===a.pagingCount?
0:c.itemWidth>a.w?(a.itemW+2*d)*a.count-a.w-
d:(a.itemW+d)*a.count-a.w-d):(a.itemW=a.w,a.pagingCount=a.count,a.last=a.count-
1);a.computedW=a.itemW-a.boxPadding};a.update=function(b,d){a.doMath();h||
(b<a.currentSlide?a.currentSlide+=1:b<=a.currentSlide&&0!==b&&(a.currentSlide-
=1),a.animatingTo=a.currentSlide);if(c.controlNav&&!
a.manualControls)if("add"===d&&!h||
a.pagingCount>a.controlNav.length)f.controlNav.update("add");else
if("remove"===d&&!h||
a.pagingCount<a.controlNav.length)h&&a.currentSlide>a.last&&(a.currentSlide-
=1,a.animatingTo-=1),

f.controlNav.update("remove",a.last);c.directionNav&&f.directionNav.update()};a.add
Slide=function(b,e){var f=d(b);a.count+=1;a.last=a.count-1;l&&m?void 0!==e?
a.slides.eq(a.count-e).after(f):a.container.prepend(f):void 0!==e?
a.slides.eq(e).before(f):a.container.append(f);a.update(e,"add");a.slides=d(c.selec
tor+":not(.clone)",a);a.setup();c.added(a)};a.removeSlide=function(b){var
e=isNaN(b)?a.slides.index(d(b)):b;a.count-=1;a.last=a.count-1;isNaN(b)?
d(b,a.slides).remove():l&&m?a.slides.eq(a.last).remove():

a.slides.eq(b).remove();a.doMath();a.update(e,"remove");a.slides=d(c.selector+":not
(.clone)",a);a.setup();c.removed(a)};f.init()};d.flexslider.defaults={namespace:"fl
ex-",selector:".slides >
li",animation:"fade",easing:"swing",direction:"horizontal",reverse:!
1,animationLoop:!0,smoothHeight:!1,startAt:0,slideshow:!
0,slideshowSpeed:7E3,animationSpeed:600,initDelay:0,randomize:!1,pauseOnAction:!
0,pauseOnHover:!1,useCSS:!0,touch:!0,video:!1,controlNav:!0,directionNav:!
0,prevText:"Previous",nextText:"Next",
keyboard:!0,multipleKeyboard:!1,mousewheel:!1,pausePlay:!
1,pauseText:"Pause",playText:"Play",controlsContainer:"",manualControls:"",sync:"",
asNavFor:"",itemWidth:0,itemMargin:0,minItems:0,maxItems:0,move:0,start:function()
{},before:function(){},after:function(){},end:function(){},added:function()
{},removed:function(){}};d.fn.flexslider=function(i){void
0===i&&(i={});if("object"===typeof i)return this.each(function(){var
a=d(this),c=a.find(i.selector?i.selector:".slides > li");1===c.length?
(c.fadeIn(400),
i.start&&i.start(a)):void 0==a.data("flexslider")&&new d.flexslider(this,i)});var
k=d(this).data("flexslider");switch(i){case "play":k.play();break;case
"pause":k.pause();break;case "next":k.flexAnimate(k.getTarget("next"),!
0);break;case "prev":case "previous":k.flexAnimate(k.getTarget("prev"),!
0);break;default:"number"===typeof i&&k.flexAnimate(i,!0)}}})(jQuery);
// ]]>
</script>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
<img src='//www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='backlinks' var='post'>
<a name='links'/><h4><data:post.backlinksLabel/></h4>
<b:if cond='data:post.numBacklinks != 0'>
<dl class='comments-block' id='comments-block'>
<b:loop values='data:post.backlinks' var='backlink'>
<div class='collapsed-backlink backlink-control'>
<dt class='comment-title'>
<span class='backlink-toggle-zippy'>&#160;</span>
<a expr:href='data:backlink.url'
rel='nofollow'><data:backlink.title/></a>
<b:include data='backlink' name='backlinkDeleteIcon'/>
</dt>
<dd class='comment-body collapseable'>
<data:backlink.snippet/>
</dd>
<dd class='comment-footer collapseable'>
<span class='comment-author'><data:post.authorLabel/>
<data:backlink.author/></span>
<span class='comment-timestamp'><data:post.timestampLabel/>
<data:backlink.timestamp/></span>
</dd>
</div>
</b:loop>
</dl>
</b:if>
<p class='comment-footer'>
<a class='comment-link' expr:href='data:post.createLinkUrl'
expr:id='data:widget.instanceId + &quot;_backlinks-create-link&quot;'
target='_blank'><data:post.createLinkLabel/></a>
</p>
</b:includable>
<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<b:if cond='data:mobile'>
<h4 id='comment-post-message'>
<a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-
link&quot;' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-
comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-
editor' src='' style='display: none' width='100%'/>
<b:else/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-
comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-
editor' src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;,
&#39;<data:post.communityId/>&#39;);
</script>
</div>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
<b:if cond='data:showCmtPopup'>
<div class='goog-toggle-button'>
<div class='goog-inline-block comment-action-icon'/>
</div>
<b:else/>
<a class='comment-delete' expr:href='data:comment.deleteUrl'
expr:title='data:top.deleteCommentMsg'>
<img src='//www.blogger.com/img/icon_delete13.gif'/>
</a>
</b:if>
</span>
</b:includable>
<b:includable id='comment_count_picker' var='post'>
<b:if cond='data:post.forceIframeComments'>
<span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments'
expr:data-onclick='data:post.addCommentOnclick' expr:data-
url='data:post.canonicalUrl'>
</span>
<b:else/>
<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-
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:if>
</b:includable>
<b:includable id='comment_picker' var='post'>
<b:if cond='data:post.commentSource == 1'>
<b:include data='post' name='iframe_comments'/>
<b:else/>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</b:includable>
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4><data:post.commentLabelFull/>:</h4>

<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<b:if cond='data:post.hasOlderLinks'>
<a expr:class='data:post.oldLinkClass'
expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
&#160;
<a expr:class='data:post.oldLinkClass'
expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
&#160;
</b:if>

<data:post.commentRangeText/>

<b:if cond='data:post.hasNewerLinks'>
&#160;
<a expr:class='data:post.newLinkClass'
expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
&#160;
<a expr:class='data:post.newLinkClass'
expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
</b:if>
</span>
</b:if>

<div expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'>


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

<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass'
expr:href='data:post.oldestLinkUrl'>
<data:post.oldestLinkText/>
</a>
<a expr:class='data:post.oldLinkClass'
expr:href='data:post.olderLinkUrl'>
<data:post.olderLinkText/>
</a>
&#160;
<data:post.commentRangeText/>
&#160;
<a expr:class='data:post.newLinkClass'
expr:href='data:post.newerLinkUrl'>
<data:post.newerLinkText/>
</a>
<a expr:class='data:post.newLinkClass'
expr:href='data:post.newestLinkUrl'>
<data:post.newestLinkText/>
</a>
</span>
</b:if>
<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>

</p>
</b:if>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions'
name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>

<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>

<b:else/> <!--Post feed links -->


<div class='post-feeds'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.feedLinks'>
<b:include data='post.feedLinks' name='feedLinksBody'/>
</b:if>
</b:if>
</b:loop>
</div>
</b:if>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType'
target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>
</b:includable>
<b:includable id='iframe_comments' var='post'>

<b:if cond='data:post.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:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.numComments != 0'>
<b:include data='post' name='comment_count_picker'/>
</b:if>
</b:if>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='mobile-main' var='top'>
<!-- posts -->
<div class='blog-posts hfeed'>

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

<b:if cond='data:blog.pageType == &quot;index&quot;'>


<b:loop values='data:posts' var='post'>
<b:include data='post' name='mobile-index-post'/>
</b:loop>
<b:else/>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='mobile-post'/>
</b:loop>
</b:if>
</div>

<b:include name='mobile-nextprev'/>
</b:includable>
<b:includable id='mobile-nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<div class='mobile-link-button' id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl'
expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;'
expr:title='data:newerPageTitle'>&amp;lsaquo;</a>
</div>
</b:if>
<b:if cond='data:olderPageUrl'>
<div class='mobile-link-button' id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl'
expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;'
expr:title='data:olderPageTitle'>&amp;rsaquo;</a>
</div>
</b:if>

<div class='mobile-link-button' id='blog-pager-home-link'>


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

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

</div>
<div class='clear'/>
</b:includable>
<b:includable id='mobile-post' var='post'>
<div class='date-outer'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>
<div class='date-posts'>
<div class='post-outer simpleCart_shelfItem'>
<div class='post hentry uncustomized-post-template' itemscope='itemscope'
itemtype='http://schema.org/BlogPosting'>
<b:if cond='data:post.thumbnailUrl'>
<meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>
</b:if>
<meta expr:content='data:blog.blogId' itemprop='blogId'/>
<meta expr:content='data:post.id' itemprop='postId'/>

<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title item_name entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<a expr:href='data:post.url'><data:post.title/></a>
</b:if>
<b:else/>
<a expr:href='data:post.url'><data:post.title/></a>
</b:if>
</b:if>
</h3>
</b:if>

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

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


expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
<div class='item-bottom'>
<a class='item_add' href='javascript:;'>Add to Cart</a>
<a expr:href='data:post.url'><data:post.title/></a>
</div>
</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'/>
<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>
</b:if>
</b:if>
</span>

<span class='post-comment-link'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:post.allowComments'>
<b:include data='post' name='comment_count_picker'/>
</b:if>
</b:if>
</b:if>
</span>
</div>

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


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

</div>
</div>

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>


<b:include data='post' name='comment_picker'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:include data='post' name='comment_picker'/>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl'
expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;'
expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>

<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl'
expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;'
expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>

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

<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' itemprop='blogPost' itemscope='itemscope'
itemtype='http://schema.org/BlogPosting'>
<b:if cond='data:post.firstImageUrl'>
<meta expr:content='data:post.firstImageUrl' itemprop='image_url'/>
</b:if>
<meta expr:content='data:blog.blogId' itemprop='blogId'/>
<meta expr:content='data:post.id' itemprop='postId'/>

<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title item_name entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<a expr:href='data:post.url'><data:post.title/></a>
</b:if>
<b:else/>
<a expr:href='data:post.url'><data:post.title/></a>
</b:if>
</b:if>
</h3>
</b:if>

<div class='post-header'>
<div class='post-header-line-1'><span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<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-comment-link'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:post.allowComments'>
<b:include data='post' name='comment_count_picker'/>
</b:if>
</b:if>
</b:if>
</span> <span class='post-icons'>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<img alt='' class='icon-action' height='13'
src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
</a>
</span>
</b:if>

<!-- quickedit pencil -->


<b:include data='post' name='postQuickEdit'/>
</span> </div>
</div>

<b:if cond='data:blog.metaDescription == &quot;&quot;'>


<!-- 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' itemprop='description articleBody'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div class='item-bottom'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<a class='post-judul animated'
expr:href='data:post.url'><data:post.title/></a><br/>
</b:if>
<a class='item_add' href='javascript:;'>Add to Cart</a>
<div class='clear'/>
</div>
</b:if>
</div>
<b:else/>
<div class='post-body entry-content' expr:id='&quot;post-body-&quot; +
data:post.id' itemprop='articleBody'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
<div class='item-bottom'>
<a class='item_add' href='javascript:;'>Add to Cart</a>
</div>
</div>
</b:if>

<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'><div class='post-share-buttons
goog-inline-block'>
<b:if cond='data:post.sharePostUrl'>
<b:include data='post' name='shareButtons'/>
</b:if>
</div> <span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if
cond='data:label.isLast != &quot;true&quot;'>,</b:if>
</b:loop>
</b:if>
</span>

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

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

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


</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='' class='icon-action' height='18'
src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='shareButtons' var='post'>
<b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button
sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;'
expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-
text'><data:top.emailThisMsg/></span></a></b:if><b:if
cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-
blog' expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;'
expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;,
\&quot;height=270,width=475\&quot;); return false;&quot;'
expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-
text'><data:top.blogThisMsg/></span></a></b:if><b:if
cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-
twitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;'
expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-
link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if
cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-
facebook' expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;'
expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;,
\&quot;height=430,width=640\&quot;); return false;&quot;'
expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-
link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if
cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut'
expr:href='data:post.sharePostUrl + &quot;&amp;target=orkut&quot;'
expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-button-
link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if
cond='data:top.showDummy'><div class='goog-inline-block dummy-
container'><data:post.dummyTag/></div></b:if>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:if>
</b:includable>
<b:includable id='threaded-comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<b:if cond='data:mobile'>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-
comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-
editor' src='' style='display: none' width='100%'/>
<b:else/>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-
comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-
editor' src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;,
&#39;<data:post.communityId/>&#39;);
</script>
</div>
</b:includable>
<b:includable id='threaded_comment_js' var='post'>
<script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>

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

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

var bodyFromEntry = function(entry) {


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

var parse = function(data) {


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

var paginator = function(callback) {


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

var replybox = null;


var replyUrlParts = null;
var replyParent = undefined;

var onReply = function(commentId, domId) {


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

var hash = (window.location.hash || '#').substring(1);


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

// Configure commenting API:


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

var render = function() {


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

// render now, or queue to render when library loads:


if (window.goog && window.goog.comments) {
render();
} else {
window.goog = window.goog || {};
window.goog.comments = window.goog.comments || {};
window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
window.goog.comments.loadQueue.push(render);
}
})();
// ]]>
</script>
</b:includable>
<b:includable id='threaded_comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<h4><data:post.commentLabelFull/>:</h4>

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

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

<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions'
name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>

<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<div class='grid_3 sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='no' showaddelement='no'/>
</div>

<!-- spacer for skins that want sidebar and main to be the same height-->
<div class='clear'/>
</div> <!-- end content-wrapper -->

<div class='crosscol-wrapper'>
<div class='content crosscol'>
<b:section class='headline-box left' id='tweet-box' maxwidgets='1'>
<b:widget id='HTML4' locked='false' title='Tag Line' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
</b:includable>
</b:widget>
</b:section>
<b:section class='subscribe-box right' id='subscribe-box' maxwidgets='1'>
<b:widget id='FollowByEmail1' locked='false' title='Follow by Email'
type='FollowByEmail'>
<b:includable id='main'>
<b:if cond='data:title != &quot;&quot;'><h2
class='title'><data:title/></h2></b:if>
<div class='widget-content'>
<div class='follow-by-email-inner'>
<form action='http://feedburner.google.com/fb/a/mailverify'
expr:onsubmit='&quot;window.open(\&quot;http://feedburner.google.com/fb/a/mailverif
y?uri=&quot; + data:feedPath + &quot;\&quot;, \&quot;popupwindow\&quot;,
\&quot;scrollbars=yes,width=550,height=520\&quot;); return true&quot;'
method='post' target='popupwindow'>
<table width='100%'>
<tr>
<td>
<input class='follow-by-email-address' name='email'
placeholder='Follow by email' type='text'/>
</td>
<td width='64px'>
<input class='follow-by-email-submit' type='submit' value='Submit'/>
</td>
</tr>
</table>
<input expr:value='data:feedPath' name='uri' type='hidden'/>
<input name='loc' type='hidden' value='en_US'/>
</form>
</div>
</div>
</b:includable>
</b:widget>
</b:section>
<div class='clear'/>
</div>
</div>
<div class='footer-wrapper'>
<div class='content footcol-wrp'>
<b:section class='foot-col' id='foot-col1'>
<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-
widget-content&quot;'>
<b:if cond='data:display == &quot;list&quot;'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection'
expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
</li>
</b:loop>
</ul>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection'
expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
<b:section class='foot-col' id='foot-col2'>
<b:widget id='Label2' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-
widget-content&quot;'>
<b:if cond='data:display == &quot;list&quot;'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection'
expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
</li>
</b:loop>
</ul>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection'
expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
<b:section class='foot-col' id='foot-col3'>
<b:widget id='PopularPosts1' locked='false' title='Popular Posts'
type='PopularPosts'>
<b:includable id='main'>
<b:if cond='data:title'><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 == &quot;false&quot;'>
<b:if cond='data:showSnippets == &quot;false&quot;'>
<!-- (1) No snippet/thumbnail -->
<a expr:href='data:post.href'><data:post.title/></a>
<b:else/>
<!-- (2) Show only snippets -->
<div class='item-title'><a
expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
<b:else/>
<b:if cond='data:showSnippets == &quot;false&quot;'>
<!-- (3) Show only thumbnails -->
<div class='item-thumbnail-only'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:src='data:post.thumbnail'/>
</a>
</div>
</b:if>
<div class='item-title'><a
expr:href='data:post.href'><data:post.title/></a></div>
</div>
<div style='clear: both;'/>
<b:else/>
<!-- (4) Show snippets and thumbnails -->
<div class='item-content'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize'
expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a
expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</div>
<div style='clear: both;'/>
</b:if>
</b:if>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
<b:section class='foot-col' id='foot-col4'>
<b:widget id='HTML5' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
<div class='clear'/>
</div>
<footer class='content'>
<div class='credit'>
<p>&#169; 2013 <a expr:href='data:blog.homepageUrl'><data:blog.title/></a>.
All rights reserved. <br/>Shopping Cart Blogger Template by : <a
href='http://www.loefa-cebook.com' taget='_blank'>loefa-cebook</a> |Redesigned : <a
href='http://tukangtokoonline.web.id'>Tukang Toko Online</a> | Shopping Cart by <a
href='http://www.irsah.com/'>Irsah inDesigns</a>. Powered by Blogger
<a class='toplink' href='javascript:scrollToTop()'
style='position:absolute;right:20px;'>Back to Top</a></p>
</div>
<div class='clear'/>
</footer>
</div>

</div> <!--/- End of Outer-Wrrapper -/-->

<!-- Page Nav-->


<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
//<![CDATA[
var pageCount=5;
var displayPageNum=5;
var upPageWord ='&#8592; Previous';
var downPageWord ='Next &#8594;';
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
function showpageCount(json){var thisUrl=home_page_url;var htmlMap=new Array();var
thisNum=1;var postNum=1;var itemCount=0;var fFlag=0;var eFlag=0;var html='';var
upPageHtml='';var downPageHtml='';for(var i=0,post;post=json.feed.entry[i];i++){var
timestamp1=post.published.$t.substring(0,19)+post.published.
$t.substring(23,29);timestamp=encodeURIComponent(timestamp1);var title=post.title.
$t;if(title!=''){if(itemCount==0||(itemCount%pageCount==(pageCount-1)))
{if(thisUrl.indexOf(timestamp)!=-1){thisNum=postNum}if(title!='')postNum+
+;htmlMap[htmlMap.length]='/search?updated-max='+timestamp+'&max-
results='+pageCount}}itemCount++}for(var p=0;p<htmlMap.length;p++){if(p>=(thisNum-
displayPageNum-1)&&p<(thisNum+displayPageNum)){if(fFlag==0&&p==thisNum-2)
{if(thisNum==2){upPageHtml='<span class="showpage"><a
href="/">'+upPageWord+'</a></span>'}else{upPageHtml='<span class="showpage"><a
href="'+htmlMap[p]+'">'+upPageWord+'</a></span>'}fFlag++}if(p==(thisNum-1))
{html+='<span class="showpagePoint">'+thisNum+'</span>'}else{if(p==0){html+='<span
class="showpageNum"><a href="/">1</a></span>'}else{html+='<span
class="showpageNum"><a href="'+htmlMap[p]+'">'+
(p+1)+'</a></span>'}}if(eFlag==0&&p==thisNum){downPageHtml='<span class="showpage">
<a href="'+htmlMap[p]+'">'+downPageWord+'</a></span>';eFlag++}}}if(thisNum>1)
{html=''+upPageHtml+' '+html+' '}html='<div class="showpageArea"><span
class="showpageOf"> Pages ('+(postNum-1)+')</span>'+html;if(thisNum<(postNum-1))
{html+=downPageHtml}if(postNum==1)postNum++;html+='</div>';var
pageArea=document.getElementsByName("pageArea");var
blogPager=document.getElementById("blog-pager");if(postNum<=2){html=''}for(var
p=0;p<pageArea.length;p++)
{pageArea[p].innerHTML=html}if(pageArea&&pageArea.length>0){html=''}if(blogPager)
{blogPager.innerHTML=html}}function showpageCount2(json){var
thisUrl=home_page_url;var htmlMap=new Array();var
isLablePage=thisUrl.indexOf("/search/label/")!=-1;var thisLable=isLablePage?
thisUrl.substr(thisUrl.indexOf("/search/label/")
+14,thisUrl.length):"";thisLable=thisLable.indexOf("?")!=-1?
thisLable.substr(0,thisLable.indexOf("?")):thisLable;var thisNum=1;var
postNum=1;var itemCount=0;var fFlag=0;var eFlag=0;var html='';var upPageHtml='';var
downPageHtml='';var labelHtml='<span class="showpageNum"><a
href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';var
thisUrl=home_page_url;for(var i=0,post;post=json.feed.entry[i];i++){var
timestamp1=post.published.$t.substring(0,19)+post.published.
$t.substring(23,29);timestamp=encodeURIComponent(timestamp1);var title=post.title.
$t;if(title!=''){if(itemCount==0||(itemCount%pageCount==(pageCount-1)))
{if(thisUrl.indexOf(timestamp)!=-1){thisNum=postNum}if(title!='')postNum+
+;htmlMap[htmlMap.length]='/search/label/'+thisLable+'?updated-
max='+timestamp+'&max-results='+pageCount}}itemCount++}for(var
p=0;p<htmlMap.length;p++){if(p>=(thisNum-displayPageNum-
1)&&p<(thisNum+displayPageNum)){if(fFlag==0&&p==thisNum-2){if(thisNum==2)
{upPageHtml=labelHtml+upPageWord+'</a></span>'}else{upPageHtml='<span
class="showpage"><a href="'+htmlMap[p]+'">'+upPageWord+'</a></span>'}fFlag+
+}if(p==(thisNum-1)){html+='<span
class="showpagePoint">'+thisNum+'</span>'}else{if(p==0)
{html=labelHtml+'1</a></span>'}else{html+='<span class="showpageNum"><a
href="'+htmlMap[p]+'">'+(p+1)+'</a></span>'}}if(eFlag==0&&p==thisNum)
{downPageHtml='<span class="showpage"> <a href="'+htmlMap[p]
+'">'+downPageWord+'</a></span>';eFlag++}}}if(thisNum>1){if(!isLablePage)
{html=''+upPageHtml+' '+html+' '}else{html=''+upPageHtml+' '+html+' '}}html='<div
class="showpageArea"><span style="COLOR: #000;" class="showpageOf"> Pages ('+
(postNum-1)+')</span>'+html;if(thisNum<(postNum-1))
{html+=downPageHtml}if(postNum==1)postNum++;html+='</div>';var
pageArea=document.getElementsByName("pageArea");var
blogPager=document.getElementById("blog-pager");if(postNum<=2){html=''}for(var
p=0;p<pageArea.length;p++)
{pageArea[p].innerHTML=html}if(pageArea&&pageArea.length>0){html=''}if(blogPager)
{blogPager.innerHTML=html}}var home_page_url=location.href;var
thisUrl=home_page_url;if(thisUrl.indexOf("/search/label/")!=-1)
{if(thisUrl.indexOf("?updated-max")!=-1){var
lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?
updated-max"))}else{var
lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?
&max"))}}var home_page="/";if(thisUrl.indexOf("?q=")==-1)
{if(thisUrl.indexOf("/search/label/")==-1){document.write('<script
src="'+home_page+'feeds/posts/summary?alt=json-in-
script&callback=showpageCount&max-results=99999"
><\/script>')}else{document.write('<script
src="'+home_page+'feeds/posts/full/-/'+lblname1+'?alt=json-in-
script&callback=showpageCount2&max-results=99999" ><\/script>')}}
//]]>
</script>
</b:if>
</b:if>
<!-- / End of Page Nav / -->

<script src='https://b-trend.googlecode.com/files/superfish.js'/>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function($){
$("a.cart-btn").click(function(){
$(".cart-box").slideToggle("fast");
$(this).toggleClass("active"); return false;
});
$('.menu').superfish({
speed: 'fast',
speedOut: 'fast',
});

});
//]]>
</script>

<script type='text/javascript'>
//<![CDATA[
$(document).ready(function(){
$('.flexslider').flexslider({
animation: "slide"
});
});
//]]>
</script>

<script type='text/javascript'>
//<![CDATA[
// Auto e-mail notifier data info at http://blog.irsah.com. No changes required.
simpleCart({
checkout: {
type: 'SendForm',
url: 'http://www.irsah.com/phpmail/checkout.php',
method: 'POST',
// Edit your blogshop currency here
currency: 'MYR',
extra_data: {
first_name: document.getElementById('first_name').value,
last_name: document.getElementById('last_name').value,
email: document.getElementById('email').value,
phone: document.getElementById('phone').value,
deliveryLocation: document.getElementById('deliveryLocation').value,
address: document.getElementById('address').value,
postcode: document.getElementById('postcode').value,
comments: document.getElementById('comments').value
}
}
});
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
/* E-Mail Invoice Data
Customize data info at http://blog.irsah.com/
============================================== */
simpleCart.bind( 'beforeCheckout' , function( data ){
//Required fields - No customization required
data.first_name = document.getElementById("first_name").value;
data.last_name = document.getElementById("last_name").value;
data.email = document.getElementById("email").value;
data.phone = document.getElementById("phone").value;
data.address = document.getElementById("address").value;
data.postcode = document.getElementById("postcode").value;
data.comments = document.getElementById("comments").value;
data.deliveryLocation = document.getElementById("deliveryLocation").value;

// Customize URL, links and Blogshop name


data.shop_name = "Template Catalog Spot Revo Modif";
data.shop_url = "http://catalogspotrevomodif.blogspot.com/";
data.shop_thankyou = "http://catalogspotrevomodif.blogspot.com/p/success.html";
data.shop_sendFail = "http://catalogspotrevomodif.blogspot.com/p/error.html";
data.shop_email = "bisnis.aira@gmail.com";

// Currency to display in email invoice


data.shop_currency = "Rp&nbsp;";

// Customize blogshop business preferences. Leave " - " (dash) if not required
data.shop_bizname = "Template Catalog Spot Revo Modif";
data.shop_bizaddress = "Semarang, Indonesia";
data.shop_bizphone1 = "024-361 8321";
data.shop_bizphone2 = "024-361 8321";
data.shop_bizphone3 = "024-361 8321";

// Customize blogshop banking preferences. Leave " - " (dash) if not required
data.bank1 = "Bank BCA";
data.bank1_acc_no = "1234 1234 1111 22";
data.bank1_acc_name = "John Doe";

data.bank2 = "Bank Mandiri";


data.bank2_acc_no = "1234 1234 1111 22";
data.bank2_acc_name = "Jane Doe";

data.bank3 = "Bank BNI";


data.bank3_acc_no = "1234 1234 1111 22";
data.bank3_acc_name = "John Doe";

// Customize blogshop additional notes. Leave " - " (dash) if not required
// Additional notes to include in automated e-mail
data.note1 = "Our PAYPAL secured gateway at
http://www.your_PAYPAL_secured_link.com";
data.note_detail1 = "Our Google Wallet secured payment gateway at
http://www.your_GOOGLEWallet_secured_link.com";
data.note2 = "Altenative Our merchant KlikBCA at:";
data.note_detail2 = "http://www.klikBCA.com";
});
//]]>
</script>
</body>
</html>

Вам также может понравиться