You are on page 1of 47

<?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html> <html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.

com/2005/gml/expr'> <head> <b:if cond='data:blog.isMobile'> <meta content='width=device-width,initial-scale=1.0,minimumscale=1.0,maximum-scale=1.0' name='viewport'/> <b:else/> <meta content='width=1100' name='viewport'/> </b:if> <b:include data='blog' name='all-head-content'/> <title><data:blog.pageTitle/></title> <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'/> <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js' type='text/javascript'/> <script src='https://jtscriptsource.googlecode.com/svn/trunk/jquery.cookie.js' type='text/javascript'/> <script src='https://jtscriptsource.googlecode.com/svn/trunk/superfish.js' type='text/javascript'/> <script src='https://jtscriptsource.googlecode.com/svn/trunk/jquery.carouFredSel-4.5.2.js' type='text/javascript'/> <script src='https://jtscriptsource.googlecode.com/svn/trunk/function.featured_product.min.js ' type='text/javascript'/> <script src='https://jtscriptsource.googlecode.com/svn/trunk/simplecart.js' type='text/javascript'/> <script type='text/javascript'> //<![CDATA[ /* SIMPLE CART SETTING >>>>>>>>>>>>>>>>>>>>>>>>*/ simpleCart.email = 'demeter.cloth@gmail.com'; simpleCart.checkoutTo = PayPal; simpleCart.currency = USD; simpleCart.cartHeaders = ['name','thumb_image','Quantity_input','increment', 'decrement','Total']; //]]> </script>

<b:skin><![CDATA[/* ----------------------------------------------Blogger Template Style Name: Blogger Store v2.0 Designer: Rifki Aria Gumelar URL: www.javatemplates.com Bandung, 01 October 2011 This template was designed and built by Java Templates for free distribution. Blogger Store v2.0 by Rifki Aria Gumelar is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License * http://creativecommons.org/licenses/by-nc-sa/3.0/ * All work is the property of Java Templates and the respective owners. Credits : SimpleCart.js by The Wojo Group (thewojogroup.com -simplecartjs.com) Superfish by Joel Birch jQuery Cookie Plugin by Klaus Hartl (stilbuero.de) Carousel Fred by Fred Heusschen (caroufredsel.frebsite.nl) Copyright 2011 Java Templates. All Rights Reserved. ----------------------------------------------- */ /* VARIABLE DEFINITIONS This Template support for advanced template editor, you can set background color, text and link color etc via Blogger Template Designer. ----------------------------------------------------------// Background Color Setting <Group description="Backgrounds" selector=".body"> <Variable name="body.background.color" description="Body Background Color" type="color" default="#ffffff" value="#ffffff"/> </Group> // Body Font <Group description="Page Text" selector="body"> <Variable name="body.font" description="Font" type="font" default="normal normal 12px Tahoma, Helvetica, FreeSans, sans-serif" value="normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sansserif"/> <Variable name="body.text.color" description="Text Color" type="color" default="#676767" value="#676767"/> </Group> // Blog Description Color Setting <Group description="Blog Description" selector=".header .description"> <Variable name="description.text.color" description="Description Color" type="color" default="#565656" value="#676767"/> </Group>

// Link Color Setting <Group description="Links" selector=".main-outer"> <Variable name="link.color" description="Link Color" type="color" default="#4781a4" value="#4781a4"/> <Variable name="link.hover.color" description="Hover Color" type="color" default="#000000" value="#000000"/> </Group> // Background Menu Setting <Variable name="menu.background.color" description="Menu Background" type="color" default="#de360f" value="#de360f"/> // Background Shopping Cart Setting <Variable name="cart.background.color" description="Shopping Cart Background" type="color" default="#ffcc00" value="#ffcc00"/> <Variable name="cart.border.color" description="Shopping Cart Border" type="color" default="#ff9900" value="#ff9900"/> */ /* CSS RESET : http://meyerweb.com/eric/tools/css/reset/v2.0 | 20110126 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> >*/ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote ,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,s amp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li, fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,ar ticle,aside,canvas,details,embed,figure,figcaption,footer,header,hgrou p,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0; padding:0;border:0;font-size:100%;font:inherit;verticalalign:baseline}article,aside,details,figcaption,figure,footer,header,h group,menu,nav,section{display:block}body{line-height:1}ol,ul{liststyle:none}blockquote,q{quotes:none}blockquote:before,blockquote:after ,q:before,q:after{content:'';content:none}table{bordercollapse:collapse;border-spacing:0} /* SET TO HIDE >>>>>>>>>>>>>>>>>>>>>>>>*/ #navbar,.date-header,.post-footer,.feed-links {display:none;} /* GLOBAL STYLE >>>>>>>>>>>>>>>>>>>>>>>>*/ /* Body */ body { background:$(body.background.color); background-image:url(https://lh6.googleusercontent.com/ZJX9YzJQvYQ/ToUuCTAfbfI/AAAAAAAAACE/L0aJ7oRcqOw/h1600/body-pattern1.png); color:$(body.text.color); font:$(body.font);

line-height:20px; margin:0; padding:0; } /* Link */ a{color:$(link.color);;text-decoration:none;} a:hover{color:$(link.hover.color);text-decoration:none;} /* Heading */ h1,h2,h3,h4{font-weight:700;font-family:'Open Sans', Tahoma, sansserif;} h1{font-size:24px;} h2{font-size:16px;} h3{font-size:20px;} h4{font-size:16px;} /* Aligment */ .left{float:left;} .right{float:right;} /* Cleaner */ .clearfix:after{clear:both;content:"";display:block;fontsize:0;height:0;visibility:hidden;} .clear{clear:both;display:block;font-size:0;height:0;lineheight:0;width:100%;margin:0;padding:0;} /* Status Message */ .status-msg-wrap { background:#fbfbfb; border:5px solid #ddd; font-size:14px; text-shadow:1px 1px 1px #fff; -webkit-border-radius:5px 5px 5px 5px; -moz-border-radius:5px; -khtml-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; padding:5px; } .status-msg-border,.status-msg-bg { border:none; background:transparent; } /* Blog Pager */ #blog-pager { position:relative; top:10px; background:#f3f3f3 url(http://2.bp.blogspot.com/S4AKqSDPUEs/ToSYCWJy4qI/AAAAAAAAABI/conBgqSajOY/s1600/fade.png) repeat-x top left; width:636px;

border:1px solid #ddd; clear:both; font-family:'Open Sans', Tahoma, sans-serif; font-weight:700; color:#000; font-size:13px; border-radius:4px; margin:15px 0; padding:5px 10px; } /* MAIN LAYOUT >>>>>>>>>>>>>>>>>>>>>>>>*/ /* Container */ #container{ position:relative; text-align:left; width:960px; clear:both; margin:0 auto; background:url(https://lh5.googleusercontent.com/o3DTpFffrHI/ToUZNoEdRZI/AAAAAAAAAB4/rEq7jJy21MA/h1600/containerbg.png); border-left:1px solid #ccc; border-right:1px solid #ccc; -moz-box-shadow:0 0 6px #ccc; -webkit-box-shadow:0 0 6px #ccc; -khtml-box-shadow:0 0 6px #ccc; box-shadow:0 0 6px #ccc } /* Header Bar Menu */ #top-bar { background:#fbfbfb url(https://lh5.googleusercontent.com/-JBWwLJFHpI/TobUd5T_HVI/AAAAAAAAADY/dBCCBpdgvHA/h1600/divider.gif)repeatx bottom left; padding:10px 20px 0 20px; height:35px; } #top-bar-right { float:right; width:400px } /* Header */ #header-wrapper { position:relative; clear:both; border-bottom:1px solid #ddd; padding:20px; height:auto;

} /* Menu Container */ #menu-wrapper { float:left; width:100%; background-color:$(menu.background.color); height:46px; -webkit-border-radius:5px 5px 5px 5px; -moz-border-radius:5px; -khtml-border-radius:5px 5px 5px 5px; border-radius:5px 5px 5px 5px; -webkit-box-shadow:0 2px 2px #DDD; -moz-box-shadow:0 2px 2px #DDD; box-shadow:0 2px 2px #DDD; clear:both; margin:25px 0 5px 0; } /* Content */ #main-content { background:#fbfbfb url(https://lh6.googleusercontent.com/lbuZ3YmUzCE/ToUcGPt8wKI/AAAAAAAAACA/c5XSguyAcjs/h1600/contentlight.png) no-repeat top center; width:920px; clear:both; border-top:1px solid #fff; border-bottom:1px solid #fff; padding:20px; } #main-content .content-left { width:660px; float:left; } #main-content .content-right { width:250px; float:right; } #main,#sidebar { margin:0; padding:0; } /* Footer */ #footer { border-top:1px solid #ddd; padding:10px 20px; } /* HEADER CONTENT >>>>>>>>>>>>>>>>>>>>>>>>*/

/* Logo */ #header-wrapper .header { margin:10px 0 0 0; width:400px; height:60px; overflow:hidden; float:left; } .description { position:relative; font-size:11px; color:$(description.text.color); text-transform:uppercase; top:-25px; left:76px; } /* Header Right Element */ #header-wrapper .header-right-element { float:right; width:468px; margin:0; } .ads-half-banner{ float:right; width:468px; height:60px; background:#fff; border:1px solid #ddd; margin:0; padding:3px; } /* Top Menu */ ul#top-nav{ list-style-type:none; position:relative; z-index:5; margin:0; padding:0 } ul#top-nav li{ position:relative; display:inline; float:left; color:#676767; margin-top:2px } ul#top-nav li a{ display:block; color:#666; font-family:'Open Sans', Tahoma, sans-serif;

font-weight:bold; text-shadow:1px 1px 1px #fff; background:url(http://4.bp.blogspot.com/_M9E8udu8Cg/ToXzkLNMB9I/AAAAAAAAAC8/4R27ZmKUChc/s1600/top-menusep.gif) no-repeat 0 6px; padding:0 10px 12px } ul#top-nav li:first-child a {background:transparent} * html ul#top-nav li a {display:inline-block} ul#top-nav li a:link,#myslidemenu ul li a:visited {color:#6666} ul#top-nav li a:hover { color:#000; text-decoration:none } ul#top-nav li ul { background:#fbfbfb; border:1px solid #ddd; border-top:none; position:absolute; left:0; display:block; visibility:hidden; font-size:11px; -moz-border-radius-topleft:0; -moz-border-radius-topright:0; -moz-border-radius-bottomright:5px; -moz-border-radius-bottomleft:5px; -webkit-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px; -webkit-box-shadow:inset 0 1px 5px 0 #eee; -moz-box-shadow:inset 0 1px 5px 0 #eee; box-shadow:inset 0 1px 5px 0 #eee; padding:5px 10px 10px 10px } ul#top-nav li ul li { display:list-item; float:none; margin:0; padding:0 } ul#top-nav li ul li ul { top:0; margin-left:10px; -webkit-box-shadow:-1px 0 4px 0 #000; -moz-box-shadow:-1px 0 4px 0 #000; box-shadow:-1px 0 4px 0 #000; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px } ul#top-nav li ul li a{ width:120px;

background:transparent; border-top:1px solid #ffffff; border-bottom:1px solid #ddd; margin:0; padding:5px 0 } ul#top-nav li ul li:first-child a{border-top:0} ul#top-nav li ul li:last-child a{border-bottom:0} /* Search */ #topsearch{float:right;margin-top:-2px} #topsearch input{background:#fff;border:1px solid #ddd;width:110px;height:22px;border-radius:3px;color:#999;paddingright:50px;padding-left:10px;paddingtop:2px;position:relative;left:30px;font-size:11px} #topsearch input.searchsubmit{background:url(http://2.bp.blogspot.com/W6f2CAgi8Fw/ToXzjqBaTPI/AAAAAAAAAC4/J6juuH43DNk/s1600/search-icon.png) no-repeat center;border:none;width:30px;text-indent:3000px;position:relative;left:-10px;padding:0} #topsearch input.searchsubmit:hover{cursor:pointer} /* Social Menu */ #top_social{float:right;margin-right:-10px} #top_social li{display:inline} #top_social a span{visibility:hidden} #top_social a:hover{text-decoration:none} .social_facebook a,.social_twitter a,.social_linkedin a,.social_myspace a,.social_rss a{background:url(https://lh3.googleusercontent.com/NZGrpcYs_Oc/ToXIKIxxAI/AAAAAAAAACk/1UofgHY8Gao/h1600/social_facebook.png) norepeat;height:27px;width:24px;display:inline-block;-msfilter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);filter:alph a(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6} .social_twitter a{background-image:url(https://lh5.googleusercontent.com/yzPkavmO4go/ToXIbtpphNI/AAAAAAAAACo/HQhzhHTyFxE/h1600/social_twitter.p ng)} .social_linkedin a{background-image:url(https://lh6.googleusercontent.com/35dzQ78yuMM/ToXJlK24cwI/AAAAAAAAACs/UN-ll0fi4A/h1600/social_linkedin.png)} .social_myspace a{background-image:url(https://lh5.googleusercontent.com/FGVP7bWIWi0/ToXJlgoZ2WI/AAAAAAAAACw/RPl6UDdPZ1A/h1600/social_myspace.p ng)} .social_rss

a{background-image:url(https://lh3.googleusercontent.com/Cz_04OoU7sQ/ToXJmaZUmpI/AAAAAAAAAC0/OitRL3p2jNI/h1600/social_rss.png)} /* Dropdown Menu */ .nav { width:600px; float:left; } .nav ul { background-position:bottom; background-repeat:no-repeat; position:absolute; top:-999em; z-index:10; } .nav li { background:url(https://lh6.googleusercontent.com/oY1CHuQsNVk/ToUbTzYpLVI/AAAAAAAAAB8/fHiEaUahl5Q/h1600/menuseparator.png) no-repeat scroll right center transparent; float:left; position:relative; z-index:20; } .nav a { display:block; font-size:13px; font-family:'Open Sans', Tahoma, sans-serif; font-weight:700; line-height:14px; position:relative; text-decoration:none; color:#fff; z-index:6; padding:16px 15px 16px 14px; } .nav a:hover,.nav a.current { color:#fc0; } .nav li:hover ul,ul.nav li.sfHover ul { left:0; top:45px; background:#de360f; } .nav li li:hover ul,ul.nav li li.sfHover ul { left:203px; top:0; } .nav li li { display:block; float:left; height:auto!important; padding:0;

} .nav li ul { width:180px; -webkit-border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; -khtml-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px; -webkit-box-shadow:0 2px 2px #DDD; -moz-box-shadow:0 2px 2px #DDD; box-shadow:0 2px 2px #DDD; padding-bottom:15px; } .nav li ul li { width:180px; background-image:none; padding:10px 15px; } .nav li ul li a { padding:0; } .nav li li a:link,.nav li li a:visited { display:block; float:left; height:auto; } .nav li:hover { visibility:inherit; } .nav li:hover li ul,.nav li.sfHover li ul,.nav li:hover ul,.nav li li:hover ul { top:-999em; } /* LEFT CONTENT >>>>>>>>>>>>>>>>>>>>>>>>*/ /* Switch View */ .display { height:23px; border-radius:4px; background:#f3f3f3 url(http://2.bp.blogspot.com/S4AKqSDPUEs/ToSYCWJy4qI/AAAAAAAAABI/conBgqSajOY/s1600/fade.png) repeat-x top left; border:1px solid #ddd; width:636px; margin:0 0 -15px; padding:8px; } .display a { background:#fff; border:1px solid #ddd; border-radius:3px;

font-size:11px; padding:3px 8px 3px 25px; } a.grid_view { background:url(http://3.bp.blogspot.com/-923HRc47ig/ToSYDD3ZxaI/AAAAAAAAABU/VeOohILNmg0/s1600/grid_view.png) norepeat 3px center; } a.list_view { background:url(http://3.bp.blogspot.com/OC0I91VOWlk/ToSYAwQxJYI/AAAAAAAAABA/eVtj5Rh8UK8/s1600/display_large.pn g) no-repeat 3px center; } .display a.active { background-color:#ededed; border:1px solid #ccc; color:#111; cursor:default; } /* Post Section */ .post h3 { font-size:24px; margin-bottom:15px; } .post { width:622px; background:url(https://lh5.googleusercontent.com/o3DTpFffrHI/ToUZNoEdRZI/AAAAAAAAAB4/rEq7jJy21MA/h1600/containerbg.png); border:1px solid #ddd; border-radius:2px; float:left; margin:0 0 15px; padding:15px; } .post-body{padding-bottom:40px} /* Comment Section */ #comments { width:621px; float:left; border:1px solid #ddd; margin:0 0 10px; padding:15px; } #comments h4 { font-size:18px; margin-bottom:10px; } #comment-header { background:#fff;

border:1px solid #ededed; border-top:1px solid #ddd; border-left:1px solid #ddd; margin-bottom:10px; line-height:16px; padding:15px 15px 15px 80px; } #comment-body { line-height:16px; margin-top:-10px; } #comment-date { margin-bottom:-20px; padding:0; } .avatar-image-container { background:#fff; border:1px solid #ddd; width:42px; height:42px; float:left; margin-left:-63px; padding:5px; } .avatar-image-container img { width:42px; height:42px; } .comments-autor-name { font-size:13px; font-weight:700; } .comment-timestamp { font-size:9px; } #comments .comment-author { padding-left:0; } .comment-body { margin:0; } /* RIGHT CONTENT >>>>>>>>>>>>>>>>>>>>>>>>*/ /* Sidebar Heading */ #sidebar h2 { background:#f3f3f3 url(http://2.bp.blogspot.com/S4AKqSDPUEs/ToSYCWJy4qI/AAAAAAAAABI/conBgqSajOY/s1600/fade.png) repeat-x top left; border-bottom:none; border:1px solid #ddd;

border-radius:2px 2px 0 0; color:#878787; text-shadow:1px 1px 1px #fff; font-weight:700; font-size:14px; padding:5px 15px; } /* Sidebar Widget */ #sidebar .widget { margin:0 0 10px; padding:0; } #sidebar .widget-content { background:#fff url(http://4.bp.blogspot.com/-i1DxbZxCLA/ToSeO_R8tiI/AAAAAAAAABw/-wUayiAFmyQ/s1600/header-shadow.png) repeat-x top; border:1px solid #ddd; border-top:none; border-radius:0 0 2px 2px; padding:10px 10px 15px; } #sidebar .widget-content ul li a { background:url(https://lh6.googleusercontent.com/s8EhHMoRqD0/TobU2hRxTGI/AAAAAAAAADc/rgymIhYUpGE/h1600/bullet_red.png) no-repeat 0 0; padding-left:18px; color:#878787; font-weight:700; font-size:12px; } /* FOOTER CONTENT >>>>>>>>>>>>>>>>>>>>>>>>*/ /* Copyright */ #footer .copyright { font-family:'Open Sans', Tahoma, sans-serif; float:left; width:600px; color:#484848; font-size:15px; font-weight:700; } /* Credits */ #footer p.credits { font-size:10px; font-weight:400; text-transform:uppercase; } .footer-right{float:right;}

.footer-right a{ display:block; float:left; text-indent:-9999px; height:40px; margin-left:10px; } .footer-right a.googlecheck{ background:url(https://lh6.googleusercontent.com/uyQJwChzDio/ToY5Xj8xOjI/AAAAAAAAADU/ilZF7M5u1Lk/h80/support.png)norepeat 0 -43px; width:85px; } .footer-right a.googlecheck:hover{ background-position:0 2.25pt; } .footer-right a.paypal{ background:url(https://lh6.googleusercontent.com/uyQJwChzDio/ToY5Xj8xOjI/AAAAAAAAADU/ilZF7M5u1Lk/h80/support.png)norepeat -85px -42px; width:75px; } .footer-right a.paypal:hover{ background-position:-85px 2px; } /* SHOPPING CART STYLING >>>>>>>>>>>>>>>>>>>>>>>>*/ /* Shopping Cart Setting for Single Post item */ .item_price { font-size:15px; background:#de360f; color:#fff; font-weight:700; position:relative; padding:5px 10px; } .item_image { width:150px; height:160px; background:#fff; border:1px solid #ddd; float:left; text-align:left; margin:0 15px 10px 0; padding:15px; } .item_image img { width:150px; height:150px; } .item_add {

position:absolute; bottom:0; z-index:20; right:0; background:#8bbd13 url(http://2.bp.blogspot.com/S4AKqSDPUEs/ToSYCWJy4qI/AAAAAAAAABI/conBgqSajOY/s1600/fade.png) repeat-x top left; color:#fff; text-shadow:1px 1px 1px #7aa514; font-size:14px; text-transform:uppercase; font-weight:700; border-radius:4px 0 0 0; border:1px solid #7aa514; padding:8px 10px; } /* Shopping Cart Box */ #menu-wrapper .menu-cart { position:relative; top:-5px; border-radius:4px; float:right; margin-right:10px; height:30px; display:block; line-height:16px; background:$(cart.background.color) url(https://lh3.googleusercontent.com/-dUX23H-zKxs/ToTuES9aaI/AAAAAAAAAB0/28AzfxgjNlI/h80/basket.png) no-repeat 8px center; border:1px solid $(cart.border.color);; color:#111; padding:12px 12px 12px 45px; } .menu-cart a.mycart { font-size:16px; display:block; font-weight:700; font-family:'Open Sans', Tahoma, sans-serif; color:#111; margin:0; } .menu-cart span { color:red; } .menu-cart .bag { display:none; position:absolute; top:50px; z-index:2; right:-1px; background:$(cart.background.color);

border:1px solid $(cart.border.color); border-top:none; border-radius:0 0 6px 6px; width:415px; height:auto; padding:15px 0 15px 15px; } .bag .cart_btn { clear:both; } .bag .cartHeaders { display:none; } .bag .itemContainer { border-radius:4px; float:left; width:73px; height:130px; background:#fff; text-align:center; border:1px solid #c77f18; margin:0 10px 10px 0; padding:8px; } .bag .itemname a { font:bold 10px Helvetica,Arial,sans-serif; color:#000; letter-spacing:-1px; text-transform:uppercase; } .bag .itemthumb img { width:40px; height:40px; margin:10px 0 0; } .bag .itemQuantity { float:left; clear:both; display:inline; margin:5px 0 5px 5px; } .bag .item_price { clear:both; margin-top:5px; display:inline; } .bag .itemQuantity input { width:35px; height:18px; background:#fbfbfb; border:1px solid #ddd; border-top:1px solid #ccc;

border-left:1px solid #ccc; border-radius:3px; text-align:center; color:#999; font:bold 11px Arial,sans-serif; vertical-align:top; margin:0 5px 0 0; padding:3px 9px 0; } .bag .itemQuantity input:focus { outline:none; } .bag .itemincrement a { display:block; background:url(http://4.bp.blogspot.com/-QpABnAsNhUY/TodKbFsssI/AAAAAAAAADo/3EJvknHqkrI/s1600/arrow.png) -2px -3px; width:7px; height:5px; text-indent:-9999px; overflow:hidden; margin:10px 0 0; } .bag .itemdecrement a { display:block; background:url(http://4.bp.blogspot.com/-QpABnAsNhUY/TodKbFsssI/AAAAAAAAADo/3EJvknHqkrI/s1600/arrow.png) -2px -10px; width:7px; height:5px; text-indent:-9999px; overflow:hidden; margin:3px 0 0; } .bag a.simpleCart_empty,.bag a.simpleCart_checkout { background:url(http://2.bp.blogspot.com/S4AKqSDPUEs/ToSYCWJy4qI/AAAAAAAAABI/conBgqSajOY/s1600/fade.png) repeat-x top left; color:#fff; font-size:10px; text-transform:uppercase; font-weight:700; border-radius:3px; margin-right:10px; padding:3px 8px; } .bag a.simpleCart_empty:hover,.bag a.simpleCart_checkout:hover { background-image:url(https://lh4.googleusercontent.com/BkiT0OfyvOY/TobVG-aSgYI/AAAAAAAAADg/RemBk-D5CGk/h1600/fade-hover.png); } .bag a.simpleCart_empty { background-color:#ef9007; border:1px solid #c77f18; }

.bag a.simpleCart_checkout { background-color:#8bbd13; border:1px solid #7aa514; } /* FEATURED CONTENT >>>>>>>>>>>>>>>>>>>>>>>>*/ #featured-product{ } .image_carousel { position:relative; clear:both; background:url(https://lh5.googleusercontent.com/-JBWwLJFHpI/TobUd5T_HVI/AAAAAAAAADY/dBCCBpdgvHA/h1600/divider.gif)repeatx bottom left; margin-bottom:20px; padding:15px 15px 10px 28px } .image_carousel img { width:110px; height:110px; border:1px solid #ccc; background-color:#FFF; display:block; float:left; margin:7px; padding:9px } a.prev,a.next { background:url(https://lh3.googleusercontent.com/TrxqwBfKJuY/TobVyLwwySI/AAAAAAAAADk/bcR8HsruEeY/h1600/carousel_sprite. png) no-repeat transparent; width:45px; height:50px; display:block; position:absolute; top:65px } a.prev { left:-15px; background-position:0 0 } a.prev:hover { background-position:0 -50px } a.next { right:-15px; background-position:-50px 0 } a.next:hover { background-position:-50px -50px }

.pagination { text-align:center } .pagination a { background:url(https://lh3.googleusercontent.com/TrxqwBfKJuY/TobVyLwwySI/AAAAAAAAADk/bcR8HsruEeY/h1600/carousel_sprite. png) 0 -300px no-repeat transparent; width:15px; height:15px; display:inline-block; margin:12px 5px 0 0 } .pagination a.selected { background-position:-25px -300px; cursor:default } a.prev span,a.next span,.pagination a span { display:none } ]]></b:skin> <b:if cond='data:blog.pageType == &quot;index&quot;'> <style type='text/css'> /* List Style */ .post { width:652px; background:#fff url(http://4.bp.blogspot.com/-i1DxbZxCLA/ToSeO_R8tiI/AAAAAAAAABw/-wUayiAFmyQ/s1600/header-shadow.png) repeat-x top; border:1px solid #ddd; border-radius:2px; float:left; margin:0 0 15px; padding:0; } .post h3 { background:#f3f3f3 url(http://2.bp.blogspot.com/S4AKqSDPUEs/ToSYCWJy4qI/AAAAAAAAABI/conBgqSajOY/s1600/fade.png) repeat-x top left; color:#111; text-shadow:1px 1px 1px #fff; border-bottom:1px solid #ddd; font-size:16px; font-weight:700; margin:0; padding:10px 15px; } .post .post-body { width:620px; background:#fbfbfb; border:1px solid #fff; padding:15px;

} .post .item_price { top:148px; font-size:15px; background:#de360f; font-family:&#39; color:#fff; font-weight:700; left:16px; position:absolute; padding:1px 5px; height:20px; } .post .item_image { background:#fff; border:1px solid #ddd; float:left; height:100px; text-align:center; width:124px; margin:0 15px 10px 0; padding:5px; } .post .item_thumb { height:92px; width:92px; } .post img { border:none; padding:0; } /* Grid Style */ .grid { background:#fff url(http://4.bp.blogspot.com/-i1DxbZxCLA/ToSeO_R8tiI/AAAAAAAAABw/-wUayiAFmyQ/s1600/header-shadow.png) repeat-x top; border:1px solid #ddd; border-radius:2px; width:158px; margin:0 5px 5px 0; padding:0; } .grid h3 { background:#f3f3f3 url(http://2.bp.blogspot.com/S4AKqSDPUEs/ToSYCWJy4qI/AAAAAAAAABI/conBgqSajOY/s1600/fade.png) repeat-x top left; color:#111; text-shadow:1px 1px 1px #fff; border-bottom:1px solid #ddd; font-size:13px;

font-weight:700; margin:0; padding:5px 10px; } .grid .post-body { background:#fbfbfb; width:136px; border:1px solid #fff; padding:10px; } .grid .item_price { top:130px; left:11px; } .grid .item_Description { display:none; visibility:hidden; } .grid .item_image { margin:0; } .grid img { border:none; padding:0; } /* Add Cart and Readmore */ a.item_add,a.more_info { position:relative; color:#838383; font-family:Arial,Helvetica,san-serif; font-size:9px; letter-spacing:-1px; height:23px; line-height:24px; text-align:center; text-decoration:none; text-shadow:1px 1px 1px #fff; text-transform:uppercase; margin-top:10px; font-weight:400; border-radius:0; border:none; padding:0; } a.item_add { background:url(https://lh6.googleusercontent.com/zN16YGsnhqk/TjQ6Xo9nlQI/AAAAAAAAAsc/3qDZCtHtHBQ/add-button.png) norepeat; float:left; width:70px; }

a.more_info { background:url(https://lh3.googleusercontent.com/RYFYkcgTnh8/TjQ6Yc6hc3I/AAAAAAAAAso/7i5M8Jczk54/more-button.png) norepeat bottom right; float:left; width:65px; border-left:1px solid #ddd; } a.item_add:hover { background-position:bottom left; color:#4c4b4b; } a.more_info:hover { background-position:top right; color:#4c4b4b; } </style> </b:if> </head> <body><div class='clearfix' id='container'> <div id='top-bar'> <ul id='top-nav'> <li><a href='#'>Home</a></li> <li><a href='#'>Category</a> <ul class='sub-menu'> <li><a href='#'>Category 1</a></li> <li><a href='#'>Category 2</a></li> <li><a href='#'>Category 3</a></li> </ul> </li> <li><a href='#'>Contact</a></li> <li><a href='#'>About</a></li> </ul> <div id='top-bar-right'> <form action='/' id='topsearch' method='get'> <input id='s' name='q' onblur='if(this.value.length == 0) this.value=&apos;Search this site..&apos;;' onclick='if(this.value == &apos;Search this site..&apos;) this.value=&apos;&apos;;' type='text' value='Search this site..'/> <input class='searchsubmit' type='submit' value='Go'/> </form> <ul id='top_social'> <li class='social_facebook'> <a href='#' tooltip='facebook'><span>facebook</span></a></li> <li class='social_twitter'> <a href='#' tooltip='twitter'><span>twitter</span></a></li>

<li class='social_linkedin'> <a href='#' tooltip='linkedin'><span>linkedin</span></a></li> <li class='social_rss'> <a href='#' tooltip='linkedin'><span>linkedin</span></a></li> </ul> </div> </div> <div class='clearfix' id='header-wrapper'> <b:section class='header' id='header' showaddelement='no'> <b:widget id='Header1' locked='true' title='Blogger Store v.2 (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: norepeat; &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='title'> <b:if cond='data:blog.url == data:blog.homepageUrl'> <data:title/> <b:else/> <a expr:href='data:blog.homepageUrl'><data:title/></a> </b:if> </b:includable> <b:includable id='description'> <div class='descriptionwrapper'> <p class='description'><span><data:description/></span></p> </div> </b:includable> </b:widget> </b:section> <!--//end of .header--> <div class='header-right-element'> <b:section class='ads-half-banner' id='ads-half-banner'>

<b:widget id='HTML1' 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> <!--//end of .header-right-element--> <div class='clearfix' id='menu-wrapper'> <div class='menu-cart'> <a class='mycart' href='#'>My Cart : <span class='simpleCart_quantity'/> item(s)</a> Total Price : <span class='simpleCart_total'/> <div class='bag'> <div class='simpleCart_items'/> <div class='clear'/> <a class='simpleCart_empty' href='javascript:;'>Empty Cart</a><a class='simpleCart_checkout' href='javascript:;'>Checkout</a> </div> </div> <!--//end of .menu-cart--> <ul class='nav'> <li><a class='current' href='/'>Home</a></li> <li><a href='#'>Product Category</a> <ul> <li><a href='#'>Camera</a></li> <li><a href='#'>Gadget</a></li> <li><a href='#'>Electronic</a></li> <li><a href='#'>Phone</a></li> </ul> </li> <li><a href='/p/sample-page.html'>Sample Page</a></li> <li><a href='http://javatemplates.com/blog/installing-and-customizeblogger-store-v2'>How To Use ?</a></li> <li><a href='http://javatemplates.com/2011/blogger-store-v2'>Get it !</a></li> </ul> </div> <!--//end of #menu--> </div>

<!--//end of #header-wrapper--> <div class='clearfix' id='main-content'> <div class='image_carousel clearfix'> <script type='text/javascript'> //<![CDATA[ random = true; product_image = new Array(); product_image[0] = "/noimage.png"; // Image URL for product wich have no a thumbnail. product_image_width = 250; // Product image width. product_image_height = 260; // Product image height. product_image_number = 9; // Value to show item. //]]> </script> <script src='/feeds/posts/default?orderby=updated&amp;alt=json-inscript&amp;callback=featured_product' type='text/javascript'/> <div class='clear'/> <a class='prev' href='#' id='featuredproduct_prev'><span>prev</span></a> <a class='next' href='#' id='featuredproduct_next'><span>next</span></a> <div class='pagination' id='featured-product_pag'/> </div> <!-- /image_carousel --> <div class='content-left'> <b:if cond='data:blog.pageType == &quot;index&quot;'> <div class='display'> <a class='grid_view' href='#'>Grid</a> <a class='list_view' href='#'>Detail</a> </div> </b:if> <b:section class='main' id='main' showaddelement='no'> <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'> <b:includable id='nextprev'> <div class='blog-pager' id='blog-pager'> <b:if cond='data:newerPageUrl'> <span id='blog-pager-newer-link'> <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' title='Previous Product'>&#171; Prev Product</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;' title='Next Product'>Next Product &#187;</a> </span> </b:if>

<span id='home-link'> <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a> </span> <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='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-linktext'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block sharebutton 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='sharebutton-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block sharebutton sb-twitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-linktext'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block sharebutton 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-linktext'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block sharebutton sb-orkut' expr:href='data:post.sharePostUrl + &quot;&amp;target=orkut&quot;' expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-button-linktext'><data:top.shareToOrkutMsg/></span></a></b:if><b:if cond='data:top.showDummy'><div class='goog-inline-block dummycontainer'><data:post.dummyTag/></div></b:if> </b:includable> <b:includable id='backlinks' var='post'> <a name='links'/><h4><data:post.backlinksLabel/></h4> <b:if cond='data:post.numBacklinks != 0'> <dl class='comments-block' id='comments-block'>

<b:loop values='data:post.backlinks' var='backlink'> <div class='collapsed-backlink backlink-control'> <dt class='comment-title'> <span class='backlink-toggle-zippy'>&#160;</span> <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a> <b:include data='backlink' name='backlinkDeleteIcon'/> </dt> <dd class='comment-body collapseable'> <data:backlink.snippet/> </dd> <dd class='comment-footer collapseable'> <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span> <span class='commenttimestamp'><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='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='post' var='post'> <div class='post grid hentry uncustomized-post-template simpleCart_shelfItem'> <a expr:name='data:post.id'/> <b:if cond='data:post.title'>

<h3 class='post-title entry-title item_name'> <b:if cond='data:post.link'> <a expr:href='data:post.link'><data:post.title/></a> <b:else/> <b:if cond='data:post.url'> <b:if cond='data:blog.url != data:post.url'> <a expr:href='data:post.url'><data:post.title/></a> <b:else/> <data:post.title/> </b:if> <b:else/> <data:post.title/> </b:if> </b:if> </h3> </b:if> <div class='post-header'> <div class='post-header-line-1'/> </div> <div class='post-body entry-content clearfix' expr:id='&quot;postbody-&quot; + data:post.id'> <data:post.body/> <div style='clear: both;'/> <!-- clear for photos floats --> <b:if cond='data:blog.pageType != &quot;static_page&quot;'> <a class='item_add' href='javascript:;'>Add to Cart</a> <b:if cond='data:blog.pageType != &quot;item&quot;'> <a class='more_info' href='javascript:;'>More Info</a> </b:if> </b:if> </div> <b:if cond='data:post.hasJumpLink'> <div class='jump-link'> <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a> </div> </b:if> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'> <span class='post-author vcard'> <b:if cond='data:top.showAuthor'> <data:top.authorLabel/> <span class='fn'><data:post.author/></span> </b:if> </span> <span class='post-timestamp'> <b:if cond='data:top.showTimestamp'>

<data:top.timestampLabel/> <b:if cond='data:post.url'> <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr>< /a> </b:if> </b:if> </span> <span class='reaction-buttons'> <b:if cond='data:top.showReactions'> <table border='0' cellpadding='0' cellspacing='0' width='100%'><tr> <td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'> <span class='reactions-label'> <data:top.reactionsLabel/></span>&#160;</td> <td><iframe allowtransparency='true' class='reactionsiframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td> </tr></table> </b:if> </span> <span class='star-ratings'> <b:if cond='data:top.showStars'> <div expr:g:background-color='data:backgroundColor' expr:g:text-color='data:textColor' expr:g:url='data:post.absoluteUrl' g:height='42' g:type='RatingPanel' g:width='280'/> </b:if> </span> <span class='post-comment-link'> <b:if cond='data:blog.pageType != &quot;item&quot;'> <b:if cond='data:blog.pageType != &quot;static_page&quot;'> <b:if cond='data:post.allowComments'> <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a> </b:if> </b:if> </b:if> </span> <!-- backlinks --> <span class='post-backlinks post-comment-link'> <b:if cond='data:blog.pageType != &quot;item&quot;'> <b:if cond='data:blog.pageType != &quot;static_page&quot;'>

<b:if cond='data:post.showBacklinks'> <a class='comment-link' expr:href='data:post.url + &quot;#links&quot;'><data:top.backlinkLabel/></a> </b:if> </b:if> </b:if> </span> <span class='post-icons'> <!-- email post links --> <b:if cond='data:post.emailPostUrl'> <span class='item-action'> <a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'> <img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/> </a> </span> </b:if> <!-- quickedit pencil --> <b:include data='post' name='postQuickEdit'/> </span> <!-- share buttons --> <div class='post-share-buttons goog-inline-block'> <b:if cond='data:post.sharePostUrl'> <b:include data='post' name='shareButtons'/> </b:if> </div> </div> <div class='post-footer-line post-footer-line-2'> <span class='post-labels'> <b:if cond='data:post.labels'> <data:postLabelsLabel/> <b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if> </b:loop> </b:if> </span> </div> <div class='post-footer-line post-footer-line-3'> <span class='post-location'> <b:if cond='data:top.showLocation'> <b:if cond='data:post.location'> <data:postLocationLabel/>

<a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a> </b:if> </b:if> </span> </div> </div> </div> </b:includable> <b:includable id='status-message'> <b:if cond='data:navMessage'> <div class='status-msg-wrap'> <div class='status-msg-body'> <data:navMessage/> </div> <div class='status-msg-border'> <div class='status-msg-bg'> <div class='status-msg-hidden'><data:navMessage/></div> </div> </div> </div> <div style='clear: both;'/> </b:if> </b:includable> <b:includable id='comment-form' var='post'> <div class='comment-form'> <a name='comment-form'/> <b:if cond='data:mobile'> <h4 id='comment-post-message'> <a expr:id='data:widget.instanceId + &quot;_comment-editortoggle-link&quot;' href='javascript:void(0)'><data:postCommentMsg/></a></h4> <p><data:blogCommentMessage/></p> <data:blogTeamBlogMessage/> <a expr:href='data:post.commentFormIframeSrc' id='commenteditor-src'/> <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='commenteditor' 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='commenteditor-src'/> <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='commenteditor' 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='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='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='dateheader'><span><data:post.dateHeader/></span></h2> </b:if>

<div class='date-posts'> <div class='post-outer'> <div class='post grid hentry uncustomized-post-template'> <a expr:name='data:post.id'/> <b:if cond='data:post.title'> <h3 class='post-title entry-title'> <b:if cond='data:post.link'> <a expr:href='data:post.link'><data:post.title/></a> <b:else/> <b:if cond='data:post.url'> <b:if cond='data:blog.url != data:post.url'> <a expr:href='data:post.url'><data:post.title/></a> <b:else/> <data:post.title/> </b:if> <b:else/> <data:post.title/> </b:if> </b:if> </h3> </b:if> <div class='post-header'> <div class='post-header-line-1'/> </div> <div class='post-body entry-content' expr:id='&quot;postbody-&quot; + data:post.id'> <data:post.body/> <div style='clear: both;'/> <!-- clear for photos floats -> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'> <span class='post-author vcard'> <b:if cond='data:top.showAuthor'> <data:top.authorLabel/> <span class='fn'><data:post.author/></span> </b:if> </span> <span class='post-timestamp'> <b:if cond='data:top.showTimestamp'> <data:top.timestampLabel/> <b:if cond='data:post.url'> <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published'

expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr>< /a> </b:if> </b:if> </span> <span class='post-comment-link'> <b:if cond='data:blog.pageType != &quot;item&quot;'> <b:if cond='data:blog.pageType != &quot;static_page&quot;'> <b:if cond='data:post.allowComments'> <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a> </b:if> </b:if> </b:if> </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 dummycontainer'><data:post.dummyTag/></div> </b:if> </div> </div> </div> <b:if cond='data:blog.pageType == &quot;static_page&quot;'> <b:include data='post' name='comments'/> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'> <b:include data='post' name='comments'/> </b:if> </div> </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='main' var='top'> <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='dateheader'><span><data:post.dateHeader/></span></h2> </b:if> <b:if cond='data:post.isDateStart'> &lt;div class=&quot;date-posts&quot;&gt; </b:if> <div class='post-outer'> <b:include data='post' name='post'/> <b:if cond='data:blog.pageType == &quot;static_page&quot;'> <b:include data='post' name='comments'/> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'> <b:include data='post' name='comments'/> </b:if> </div> <b:if cond='data:post.includeAd'> <b:if cond='data:post.isFirstPost'> <data:defaultAdEnd/> <b:else/> <data:adEnd/> </b:if> <div class='inline-ad'> <data:adCode/>

</div> <data:adStart/> </b:if> <b:if cond='data:post.trackLatency'> <data:post.latencyJs/> </b:if> </b:loop> <b:if cond='data:numPosts != 0'> &lt;/div&gt;&lt;/div&gt; </b:if> <data:adEnd/> </div> <!-- navigation --> <b:include name='nextprev'/> <!-- feed links --> <b:include name='feedLinks'/> <b:if cond='data:top.showStars'> <script src='//www.google.com/jsapi' type='text/javascript'/> <script type='text/javascript'> google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;}); function initialize() { google.annotations.setApplicationId(<data:top.blogspotReviews/>); google.annotations.createAll(); google.annotations.fetch(); } google.setOnLoadCallback(initialize); </script> </b:if> <b:else/> <b:include name='mobile-main'/> </b:if> <b:if cond='data:top.showDummy'> <data:top.dummyBootstrap/> </b:if> </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='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='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'> <data:post.title/> </h3> <div class='mobile-index-arrow'>&amp;rsaquo;</div> <div class='mobile-index-contents'> <b:if cond='data:post.thumbnailUrl'> <div class='mobile-index-thumbnail'> <div class='Image'> <img expr:src='data:post.thumbnailUrl'/> </div> </div> </b:if>

<div class='post-body'> <b:if cond='data:post.snippet'><data:post.snippet/></b:if> </div> </div> <div style='clear: both;'/> </a> <div class='mobile-index-comment'> <b:if cond='data:blog.pageType != &quot;static_page&quot;'> <b:if cond='data:post.allowComments'> <b:if cond='data:post.numComments != 0'> <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a> </b:if> </b:if> </b:if> </div> </div> </div> </b:includable> <b:includable id='feedLinksBody' var='links'> <div class='feed-links'> <data:feedLinksMsg/> <b:loop values='data:links' var='f'> <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a> </b:loop> </div> </b:includable> <b:includable id='comments' var='post'> <div class='comments' id='comments'> <a name='comments'/> <b:if cond='data:post.allowComments'> <h4> <b:if cond='data:post.numComments == 1'> 1 <data:commentLabel/>: <b:else/> <data:post.numComments/> <data:commentLabelPlural/>: </b:if> </h4> <b:if cond='data:post.commentPagingRequired'>

<span class='paging-control-container'> <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a> &#160; <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a> &#160; <data:post.commentRangeText/> &#160; <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a> &#160; <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a> </span> </b:if> <div id='comments-block3'> <b:loop values='data:post.comments' var='comment'> <div id='comment-header'> <div expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'> <div id='comment-profile-image'> <b:if cond='data:blog.enabledCommentProfileImages'> <data:comment.authorAvatarImage/> </b:if> </div> <div id='comment-name-url'> <a expr:name='data:comment.anchorName'/> <b:if cond='data:comment.authorUrl'> <a class='comments-autor-name' expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a> <b:else/> <a class='comments-autor-name'> <data:comment.author/></a> </b:if> <a class='says'>says:</a> </div> <div id='comment-date'> <span class='comment-timestamp'> <a class='comment-permalink'><data:comment.timestamp/></a> <b:include data='comment' name='commentDeleteIcon'/> </span> </div> <div id='comment-body'> <b:if cond='data:comment.isDeleted'> <span class='deleted-comment'> <dd class='owner-Body'><p><data:comment.body/></p></dd>

</span> <b:else/> <div style='clear:both;'/> <p><data:comment.body/></p> </b:if> </div>

</div> </div> </b:loop> </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> <div id='backlinks-container'> <div expr:id='data:widget.instanceId + &quot;_backlinkscontainer&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> <!--//end of .content-left--> <div class='content-right'> <b:section class='sidebar' id='sidebar'> <b:widget id='Label2' locked='false' title='Product Category' type='Label'> <b:includable id='main'> <b:if cond='data:title'> <h2><data:title/></h2> </b:if> <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'> <b:if cond='data:display == &quot;list&quot;'> <ul> <b:loop values='data:labels' var='label'> <li> <b:if cond='data:blog.url == data:label.url'> <span expr:dir='data:blog.languageDirection'><data:label.name/></span> <b:else/> <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a> </b:if> <b:if cond='data:showFreqNumbers'> <span dir='ltr'>(<data:label.count/>)</span> </b:if> </li> </b:loop> </ul>

<b:else/> <b:loop values='data:labels' var='label'> <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'> <b:if cond='data:blog.url == data:label.url'> <span expr:dir='data:blog.languageDirection'><data:label.name/></span> <b:else/> <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a> </b:if> <b:if cond='data:showFreqNumbers'> <span class='label-count' dir='ltr'>(<data:label.count/>)</span> </b:if> </span> </b:loop> </b:if> <b:include name='quickedit'/> </div> </b:includable> </b:widget> <b:widget id='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> </div> <!--//end of .content-right--> </div> <!--//end of #content--> <div class='clearfix' id='footer'> <div class='copyright'> <p>Copyright 2011 <a expr:href='data:blog.homepageUrl'><data:blog.title/></a></p> <p class='credits'>Powered by Blogger. Design by <a href='http://www.isnan.webs.com'>Muhammad Isnan</a> - <a href='http://demeter-cloth.com'>DMTR Clothing</a></p> </div> <div class='footer-right'> <a class='googlecheck' href='http://checkout.google.com/'>Google</a> <a class='paypal' href='http://paypal.com'>Paypal</a> </div> </div> </div> <script type='text/javascript'> //<![CDATA[ jQuery(document).ready(function() { jQuery('a.mycart').click(function() { jQuery('.bag').slideToggle('medium'); return false; }); /* Superfish */ jQuery('.nav').superfish({ delay: 200, animation: { opacity: 'show'

}, speed: 'fast', autoArrows: true, dropShadows: false }) /* Superfish */ jQuery('ul#top-nav').superfish({ delay: 200, animation: { opacity: 'show' }, speed: 'fast', autoArrows: true, dropShadows: false }) /* Style View */ var $box = jQuery('.post'), $grid = jQuery('a.grid_view'); $list = jQuery('a.list_view'); $list.click(function() { $box.removeClass("grid"); jQuery(this).addClass('active'); $grid.removeClass('active'); jQuery.cookie('list_style', 0); return false; }); $grid.click(function() { $box.addClass("grid"); jQuery(this).addClass('active'); $list.removeClass('active'); jQuery.cookie('list_style', 1); return false; }); if (jQuery.cookie('list_style') == 0) { $box.removeClass("grid"); $list.addClass('active'); } else { $box.addClass("grid"); $grid.addClass('active'); } jQuery('#featured-product').carouFredSel({ curcular: false, infinite: false, auto: true, prev: { button: '#featured-product_prev', key: 'left' }, next: { button: '#featured-product_next',

key: 'right' }, pagination: '#featured-product_pag' }); jQuery('.footer-right a').hover(function(){ jQuery(this).stop().animate({ opacity: 1 }, 400); }, function(){ jQuery(this).stop().animate({ opacity: 0.5 }, 400); }); }); //end of ready function //]]> </script> </body> </html>

You might also like