BS1

<?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.
org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'> <head> <b:include data='blog' name='all-head-content'/> <title><data:blog.pageTitle/></title> <b:skin><![CDATA[/*
----------------------------------------------Name : BloggerStore Designer: Rifki Aria Gumelar URL : www.javatemplates.com
Bandung, 30 July 2011
This template was designed and built by Java Templates for free distribution. Licensed under a Creative Commons Attribution 3.0 Unported License. All work is the property of Java Templates and the respective owners. Copyright 2011 Java Templates. All Rights Reserved. ----------------------------------------------- */
/* Set to Hide */ #navbar-iframe {display:none !important} .date-header{display:none !important}
.item_name{display:none !important} .item_Description{display:none !important} .cartHeaders div{display:none !important} .feed-links{display:none !important}
/* Reset */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,bi g,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,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; fontweight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline;textdecoration:none}:focus{ outline:0}body{ line-height:1; color:black; background:white}ol,ul{ liststyle:none}table{ border-collapse:separate; border-spacing:0}caption,th,td{ text-align:left; fontweight:normal}blockquote:before,blockquote:after,q:before,q:after{ content:""}blockquote,q{ quotes:""""}
/* General Setup */ body{background:#666;line-height:18px;font-family:Verdana,Tahoma,san-serif;fontsize:11px;color:#484848} a{color:#000} a:hover{color:#cc0000} .fr{float:right} .fl{float:left} .clear{clear:both}
/* Heading */ h1, h2, h3, h4, h5, h6{color:#000} h1{font-size:22px} h2{font-size:18px} h3{font-size:18px}
h4{font-size:16px} h5{font-size:14px} h6{font-size:12px}
/* Main Layout */ #header-wrapper{height:92px;width:100%} #main-area{width:100%} #main-area .leftcol{width:300px; padding:20px 10px} #main-area .rightcol{width:600px; padding:10px 0} #footer{width:940px; margin:0 auto; height:25px; line-height:25px; font-size:10px; padding:10px 0} .container{background:#fff; height:100%; margin:30px auto 0 auto; padding:0 20px; position:relative; text-align:left; width:920px; border-radius:6px; -o-border-radius:6px; -moz-border-radius:6px; -khtmlborder-radius:6px; -webkit-border-radius:6px} .clearfix:after{clear:both; content:""; display:block; font-size:0; height:0; visibility:hidden} .shadow{width:960px; height:8px; background:url(https://lh3.googleusercontent.com/4sitHpliKrk/TjQ6YBheSMI/AAAAAAAAAsk/PjbIaAd1NAs/s1600/header-shadow.png) no-repeat; margin:30px 0 10px 0}
/* Logo */ #logo{width:280px; height:68px; position:absolute; top:20px; left:20px}
/* Menu */ #nav-wrapper{height:40px; padding-right:18px; position:absolute; top:35px; right:20px; background:#f5f5f5; border:1px solid #ddd; border-radius:6px; -o-border-radius:6px; -moz-borderradius:6px; -khtml-border-radius:6px; -webkit-border-radius:6px; z-index:50} #nav{float:left; padding-left:13px; margin-top:2px} #nav a{text-decoration:none} #nav .login a, #nav .rss a, #nav .twitter a{padding:0 6px 0 23px}
#nav .twitter, #nav .rss, #nav .login{padding-left:6px} #nav .login a:hover, .rss a:hover, .twitter a:hover{color:#a1a1a1} #nav .login a{background:url(https://lh6.googleusercontent.com/_IegzA8CB3Y/ThuA2JYqQSI/AAAAAAAAAig/z-FouLmhbwo/mini_icons.png) no-repeat -171px -165px} #nav .rss a{background:url(https://lh6.googleusercontent.com/_IegzA8CB3Y/ThuA2JYqQSI/AAAAAAAAAig/z-FouLmhbwo/mini_icons.png) no-repeat -247px -241px} #nav .twitter a{background:url(https://lh6.googleusercontent.com/_IegzA8CB3Y/ThuA2JYqQSI/AAAAAAAAAig/z-FouLmhbwo/mini_icons.png) no-repeat -208px -202px}
/* Sliding Menu */ .jqueryslidemenu ul li a{display:block; height:37px; line-height:35px; outline:none; padding:0 10px; textalign:center} .jqueryslidemenu ul ul a, .jqueryslidemenu ul ul li{background-color:#f5f5f5; background-image:none; padding:0 5px} * html .jqueryslidemenu ul li a{display:inline-block} .jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{color:#999} .jqueryslidemenu ul li a:hover{color:#484848} .jqueryslidemenu ul li ul{display:block; left:0; position:absolute; visibility:hidden} .jqueryslidemenu ul li ul li{display:list-item; float:none} .jqueryslidemenu ul li ul li ul{top:0} .jqueryslidemenu ul li ul li a{border-bottom:1px solid #ededed; border-top-width:0; margin:0; padding:0 0 0 6px; text-align:left; width:160px} .jqueryslidemenuz ul li ul li a:hover{background:#1a1919; color:#fff} .jqueryslidemenu ul li, .jqueryslidemenu ul li li{display:inline; float:left; position:relative}
/* Search */ input#q{background-color:#fff; background-image:url(https://lh6.googleusercontent.com/Qff2FSQOArs/TfT3m6HC8DI/AAAAAAAAAK4/SQSItvZe7BM/searc_submit.png); background-position:2px center; background-repeat:no-repeat; border:0 solid #bababa; border-color:#bababa; border-
radius:3px; -o-border-radius:3px; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-borderradius:3px; border-style:solid; border-width:1px; color:#333; font-size:10px; line-height:18px; margin:6px -10px 6px 10px; min-width:30px; padding:2px 2px 2px 30px} input#search-submit{background-color:#fff!important; background-position:center bottom; background-repeat:repeat-x; border:0; border-color:#ddd #ccc #ccc #ddd; border-radius:0 3px 3px 0; border-style:solid; border-width:1px; cursor:pointer; display:none; font-size:10px; height:28px; margin:0 0 0 -4px; position:absolute; text-shadow:1px 1px 1px #fff; width:50px}
/* Post */ .post {width:576px; padding:10px} .post h3 {font-size:24px; padding-bottom:10px} .post img{float:left}
/* Comments */ .comments{width:576px; float:left; margin:0 0 10px; padding:10px} .comments h4 {margin:10px 0;} #comments-block3{padding:0; margin:0; float:left; overflow:hidden; position:relative} #comment-name-url{width:433px; float:left} #comment-date{width:433px; float:left; margin-top:5px; font-size:10px} #comment-header{float:left; border:1px solid #efefef; padding:5px 0 40px 10px; margin:5px 0; background-color:#fff; position:relative; border-radius:4px; -o-border-radius:4px; -moz-borderradius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px} #comment-editor{width:554px; background:#fff; border:1px solid #ededed; border-radius:4px; -oborder-radius:4px; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-borderradius:4px;padding:10px} .avatar-image-container{background:url(https://lh5.googleusercontent.com/EVOrJ2pk_hg/Tfl6xYtqr5I/AAAAAAAAAOA/qhsm-5_w9Xw/avatar_comment.jpg); width:32px; height:32px; float:right; margin:5px 10px 5px 5px; border:1px solid #efefef} .avatar-image-container img{width:32px; height:32px} a.comments-autor-name{font-size:13px; font-weight:bold}
.says a:hover{text-decoration:none} .owner-Body{padding-right:10px} .owner-Body p{text-align:justify; margin:0 0 0.75em; padding-right:10px; background:#eee; border:1px solid #efefef}
/* Blog Pager */ #blog-pager{width:576px; padding:10px; clear:both; text-align:center; margin-top:0} .showpageArea a{border:1px solid #ddd; background-color:#eee; text-decoration:none; fontweight:700; color:#484848} .showpageNum a{margin:0 5px; padding:4px 6px; border-radius:3px; -o-border-radius:3px; -moz-borderradius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px} .showpageNum a:hover, .showpagePoint{border:1px solid #ccc; background-color:#ddd; color:#111; text-decoration:none; font-weight:700; padding:4px 6px; border-radius:3px; -o-border-radius:3px; -mozborder-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px} .showpageOf{margin:0 5px} .showpage a{padding:4px 6px; border-radius:3px; -o-border-radius:3px; -moz-border-radius:3px; -khtmlborder-radius:3px; -webkit-border-radius:3px} .showpage a:hover{background-color:#ddd; border:1px solid #ccc; color:#000}
/* Sidebar */ .sidebar{border:1px solid #ccc; margin-bottom:15px; border-radius:6px; -o-border-radius:6px; -mozborder-radius:6px; -khtml-border-radius:6px; -webkit-border-radius:6px; color:#545454; whitespace:nowrap; width:300px} .sidebar h2{border-bottom:1px solid #ddd; padding-bottom:10px} .sidebar .widget{background:#f5f5f5; border:1px solid #fff; border-radius:6px; -o-border-radius:6px; moz-border-radius:6px; -khtml-border-radius:6px; -webkit-border-radius:6px; line-height:18px; padding:10px; text-shadow:1px 1px #fff} .sidebar .widget-content{margin:10px 0}
.sidebar ul li{padding:5px 0 5px 20px; background:url(http://4.bp.blogspot.com/MnGs2cZWg9k/TjL8tIFTDwI/AAAAAAAAArw/4tRBvUg7LLw/s1600/add.png)no-repeat left; borderbottom:1px dotted #ededed}
/* Shopping Cart */ .cart{border:1px solid #ccc; margin-bottom:15px; border-radius:6px; -o-border-radius:6px; -moz-borderradius:6px; -khtml-border-radius:6px; -webkit-border-radius:6px; color:#545454; white-space:nowrap; width:300px} .cart-content{background:#f5f5f5; border-radius:6px; -o-border-radius:6px; -moz-border-radius:6px; khtml-border-radius:6px; -webkit-border-radius:6px; padding:10px; border:1px solid #fff; textshadow:1px 1px #fff} a.cart-link{background:url(http://1.bp.blogspot.com/pT7MVQcOjFo/TjOVHSGGpzI/AAAAAAAAAsE/NnXBGxf_61M/s1600/chart.png) no-repeat left top; display:block; font-size:16px; color:#000; border-bottom:1px solid #ccc; padding:2px 0 10px 25px; textdecoration:none; margin-bottom:10px} a.cart-link:hover{text-decoration:underline}
a.cart-button{padding-right:17px; height:34px; float:left; display:block; font:14px Arial,sans-serif; color:#474747 !important; margin:8px 0px; text-shadow:1px 1px 1px rgba(0,0,0,0.3) !important; background:url(https://lh3.googleusercontent.com/eJLfe3ua3k0/TjQ6XhV44II/AAAAAAAAAsY/82C36czqCfY/cart-button.png) no-repeat right -34px; textshadow:1px 1px 1px #fff !important; text-decoration:none; position:relative; z-index:1000} a.cart-button span.cart-icon{background:url(https://lh3.googleusercontent.com/eJLfe3ua3k0/TjQ6XhV44II/AAAAAAAAAsY/82C36czqCfY/cart-button.png) no-repeat; height:34px; display:block} a.cart-button span.cart-icon span{padding:0px 0px 0px 40px; display:block; height:34px; lineheight:32px} a.cart-button:hover{text-decoration:none; color:#000 !important; background:url(https://lh3.googleusercontent.com/eJLfe3ua3k0/TjQ6XhV44II/AAAAAAAAAsY/82C36czqCfY/cart-button.png) no-repeat right bottom} a.cart-button:hover span.cart-icon{background:url(https://lh3.googleusercontent.com/eJLfe3ua3k0/TjQ6XhV44II/AAAAAAAAAsY/82C36czqCfY/cart-button.png) no-repeat left -68px}
a.empty span.cart-icon span{width:75px; background:url(https://lh3.googleusercontent.com/Cmr0sxK4aSM/TjQ6YwcPtFI/AAAAAAAAAsw/-6p4dt9wPeY/remove.png) no-repeat 14px 8px} a.checkout span.cart-icon span{width:75px; background:url(https://lh3.googleusercontent.com/bwmnlRUjBho/TjRjAFkeyoI/AAAAAAAAAs8/3Mgnr2ZdbYA/checkout.png) no-repeat 14px 8px}
.cart table{border-collapse:collapse;margin-top:20px} .cart table td.odd{text-align:left; width:160px} .cart table td.even{text-align:right; width:160px}
.cartHeaders{width:100%} .simpleCart_items{border:1px solid #ccc;background:#fefefe; min-height:175px; overflow:hidden; fontsize:10px; border-radius:4px; -o-border-radius:4px; -moz-border-radius:4px; -khtml-border-radius:4px; webkit-border-radius:4px; padding:5px} .itemname{clear:both} .itemQuantity span{float:left; font-size:12px; font-weight:700} .itemContainer{border:1px solid #ccc; background:#fff url(https://lh6.googleusercontent.com/atcSTnBbaWc/TjQ6Xux3BoI/AAAAAAAAAsg/kMmYNOV3Yus/gradient.png) repeat-x left bottom; borderradius:5px; -o-border-radius:5px; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-borderradius:5px; float:left; line-height:14px; margin:5px 5px 3px 3px; padding:10px 0; width:123px} .itemContainer div{clear:both; float:left; padding:0 10px} .itemContainer a{text-decoration:none} .itemremove a{clear:both; color:red; font-size:9px; margin:0} .itemtotal{float:right} .simpleCart_finalTotal{color:#000; font-size:18px}
/* Auto Slide */ #slide-wrapper{background:#f5f5f5; border:1px solid #ccc; margin:0 0 15px 0; padding:10px 0 10px 0; width:300px; border-radius:6px; -o-border-radius:6px; -moz-border-radius:6px; -khtml-borderradius:6px; -webkit-border-radius:6px}
#postslide{height:300px; margin:auto; position:relative; width:280px} #postslideContent{position:absolute; top:0; width:280px} .postslideImage{display:none; padding:15px; background:#fff; float:left; position:relative} .postslideImage span{background-color:#000; color:#fff; display:none; filter:alpha(opacity=70); -mozopacity:0.7; -khtml-opacity:0.7; opacity:0.7; font-size:14px; left:0; bottom:0; padding:10px 10px 12px 10px; position:absolute; width:260px} .postslideImage span p{font-size:12px; line-height:1.6em; padding:8px 20px 0 0} .postslideImage a:link, .postslideImage a:visited, .postslideImage a:hover{color:#fff}
/* Footer */ #footer .credits{color:#999; text-shadow:1px 1px #555} #footer .credits a{color:#999} #footer #social-icons { float:right; padding:5px 0; } #social-icons li { display : inline; } #social-icons li a { width : 16px; height : 16px; display : block; overflow : hidden; float : left;
margin-left : 3px; } #social-icons .youtube a { background : url(https://lh6.googleusercontent.com/-_IegzA8CB3Y/ThuA2JYqQSI/AAAAAAAAAig/zFouLmhbwo/mini_icons.png) no-repeat -150px -150px; } #social-icons .delicious a { background : url(https://lh6.googleusercontent.com/-_IegzA8CB3Y/ThuA2JYqQSI/AAAAAAAAAig/zFouLmhbwo/mini_icons.png) no-repeat -125px -125px; } #social-icons .ftwitter a { background : url(https://lh6.googleusercontent.com/-_IegzA8CB3Y/ThuA2JYqQSI/AAAAAAAAAig/zFouLmhbwo/mini_icons.png) no-repeat 0% 0%; } #social-icons .frss a { background : url(https://lh6.googleusercontent.com/-_IegzA8CB3Y/ThuA2JYqQSI/AAAAAAAAAig/zFouLmhbwo/mini_icons.png) no-repeat -25px -25px; } #social-icons .in a { background : url(https://lh6.googleusercontent.com/-_IegzA8CB3Y/ThuA2JYqQSI/AAAAAAAAAig/zFouLmhbwo/mini_icons.png) no-repeat -50px -50px; } #social-icons .facebook a { background : url(https://lh6.googleusercontent.com/-_IegzA8CB3Y/ThuA2JYqQSI/AAAAAAAAAig/zFouLmhbwo/mini_icons.png) no-repeat -100px -100px; } #social-icons .flickr a {
background : url(https://lh6.googleusercontent.com/-_IegzA8CB3Y/ThuA2JYqQSI/AAAAAAAAAig/zFouLmhbwo/mini_icons.png) no-repeat -75px -75px; }
]]></b:skin>
<b:if cond='data:blog.pageType == "index"'> <style> /* Index Post */ .post{float:left;height:240px;width:176px;margin:6px 6px 15px 6px;padding:0 6px} .product-desc, .post-footer{display:none !important} .post h3{font-size:14px;font-family:Arial,Helvetica,san-serif;font-weight:700;text-align:center;textshadow:1px 1px #fff;margin-bottom:10px} .post h3 a{color:#545454} .post .overlay{width:162px; height:160px; position:absolute; z-index:10; margin-left:7px; margintop:7px; border-radius:4px; border-radius:4px; -o-border-radius:4px; -moz-border-radius:4px; -khtmlborder-radius:4px; -webkit-border-radius:4px} .post .product-image{height:162px;text-align:center;width:165px;padding:5px;background:#fff; border:1px solid #ddd; border-radius:4px; -o-border-radius:4px; -moz-border-radius:4px; -khtml-borderradius:4px; -webkit-border-radius:4px; float:left; overflow:hidden} .post .product-image img{background:#fff;height:140px;width:142px;border:1px dashed #dadada;border-radius:4px; -o-border-radius:4px; -moz-border-radius:4px; -khtml-border-radius:4px; webkit-border-radius:4px; padding:10px} .post .product-image .item_price{background:#fff url(https://lh6.googleusercontent.com/atcSTnBbaWc/TjQ6Xux3BoI/AAAAAAAAAsg/kMmYNOV3Yus/gradient.png) repeat-x left bottom; border:1px solid #ccc;color:#434343;font-family:Georgia,san-serif;font-size:18px;font-weight:700; left:0; position:relative; text-shadow:1px 1px #fff;top:-20px; border-radius:4px 4px 0 0; -o-border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0; -khtml-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; padding:5px 10px; z-index:10}
/* Index Post Button */ a.item_add,a.more_info{color:#838383;font-family:Arial,Helvetica,san-serif;fontsize:9px;height:23px;left:13px;line-height:24px;position:relative;text-align:center;textdecoration:none;text-shadow:1px 1px 1px #fff;text-transform:uppercase;top:10px} a.item_add{background:url(https://lh6.googleusercontent.com/zN16YGsnhqk/TjQ6Xo9nlQI/AAAAAAAAAsc/3qDZCtHtHBQ/add-button.png) norepeat;float:left;width:79px} a.more_info{background:url(https://lh3.googleusercontent.com/RYFYkcgTnh8/TjQ6Yc6hc3I/AAAAAAAAAso/7i5M8Jczk54/more-button.png) norepeat;float:left;width:72px} a.item_add:hover,a.more_info:hover{background-position:bottom left;color:#4c4b4b} </style> </b:if>
<b:if cond='data:blog.pageType == "item"'> <style> a.more_info {display:none} .product-desc{background:#fff; width:285px; min-height:235px; float:right; border:1px solid #ddd; padding:10px; margin-top:-18px; border-radius:4px; -o-border-radius:4px; -moz-border-radius:4px; khtml-border-radius:4px; -webkit-border-radius:4px} .product-image{width:232px; height:235px; background:#fff; border:1px solid #ddd; border-radius:4px; o-border-radius:4px; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; float:left; overflow:hidden;padding:10px} .product-image img {border:1px dashed #ddd; width:200px; height:200px; padding:15px} .post .product-image .item_price{background:#fff url(https://lh6.googleusercontent.com/atcSTnBbaWc/TjQ6Xux3BoI/AAAAAAAAAsg/kMmYNOV3Yus/gradient.png) repeat-x left bottom;border:1px solid #ccc;color:#434343;font-family:Georgia,san-serif;font-size:18px;fontweight:700;left:0;position:relative;text-shadow:1px 1px #fff;top:-50px;border-radius:6px 0 0 0;-oborder-radius:6px 0 0 0; -moz-border-radius:6px 0 0 0; -khtml-border-radius:6px 0 0 0; -webkit-borderradius:6px 0 0 0; padding:15px 20px;float:right} .post-footer{border:1px solid #ccc; border-radius:6px; -o-border-radius:6px; -moz-border-radius:6px; khtml-border-radius:6px; -webkit-border-radius:6px;}
.post-footer-line{background:#f5f5f5; border:1px solid #fff; border-radius:6px; -o-border-radius:6px; moz-border-radius:6px; -khtml-border-radius:6px; -webkit-border-radius:6px; padding:10px} .post-footer-line-2, .post-footer-line-3{display:none !important}
/* Item Post Button */ a.item_add{height:46px; width:210px; background:url(https://lh6.googleusercontent.com/Pb4a6SKSPvY/TjRjARvAapI/AAAAAAAAAtA/fehlhaAY_6E/single-add.png) no-repeat top left; paddingright: 13px; display: block; color: #ffffff !important; font-size: 28px; line-height:40px; text-shadow:1px 1px 1px rgba(0,0,0,0.4); padding-left:50px; position:relative; right:15px; bottom:60px; float:right} </style> </b:if>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/> <script src='http://java-templates.googlecode.com/files/cufon-yui.js' type='text/javascript'/> <script src='http://java-templates.googlecode.com/files/MyriadPro-Semibold.font.js' type='text/javascript'/> <script src='http://files.javatemplates.com/js/simpleCart.js' type='text/javascript'/> <script src='http://java-templates.googlecode.com/files/evo.script.js' type='text/javascript'/> <script src='http://files.javatemplates.com/js/s3slider.min.js' type='text/javascript'/>
<script type='text/javascript'> //<![CDATA[ simpleCart.email = "rifkiblogger@gmail.com"; simpleCart.checkoutTo = PayPal; simpleCart.currency = GBP; simpleCart.taxRate = 0.02; simpleCart.shippingFlatRate = 3.25;
simpleCart.shippingQuantityRate = 1.00; simpleCart.cartHeaders = ["Name", "Quantity", "Total", "remove_noHeader", ];
Cufon.replace('h1,h2,h3,h4,h5,h6,#navigation ul li a', {fontFamily: "MyriadPro-Semibold"}); Cufon.replace('a.cart-link,a.simpleCart_empty, a.simpleCart_checkout, span.simpleCart_finalTotal', { textShadow: '1px 1px #fff' } )
$(document).ready(function() { $('#postslide').postslide({ timeOut: 3000}); }); //]]> </script> </head> <body> <div class='container clearfix'> <div id='header-wrapper'>
<div id='logo'> <b:section class='header' id='header' showaddelement='yes'> <b:widget id='Header1' locked='false' title='Sanggul Store (Header)' type='Header'> <b:includable id='main'>
<b:if cond='data:useImage'> <b:if cond='data:imagePlacement == "BEHIND"'>  <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='"background-image: url(\"" + data:sourceUrl + "\"); " + "background-position: " + data:backgroundPositionStyleStr + "; " + data:widthStyleStr + "min-height: " + data:height + "_height: " + data:height + "background-repeat: no-repeat; "' 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/>  <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 + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/> </a>  <b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'> <b:include name='description'/> </b:if> </div> </b:if> <b:else/>  <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> </div> 
<div class='jqueryslidemenu' id='nav-wrapper'> <ul class='menu' id='nav'> <li class='menu-item menu-item-type-post_type menu-item-object-page menu-item-9' id='menu-item9'><a expr:href='data:blog.homepageUrl'>Home</a></li> <li><a href='#'>Dropdown Menu</a> <ul class='sub-menu'> <li><a href='#'>Sub Menu 1</a></li>
<li><a href='#'>Sub Menu 2</a></li> <li><a href='#'>Sub Menu 3</a></li> <li><a href='#'>Sub Menu 4</a></li> <li><a href='#'>Sub Menu 5</a></li> <li><a href='#'>Sub Menu 6</a></li> <li><a href='#'>Sub Menu 7</a></li> <li><a href='#'>Sub Menu 8</a></li> <li><a href='#'>Sub Menu 9</a></li></ul> </li> <li><a href='#'>Sampel</a> <ul class='sub-menu'> <li><a href='http://blogger-store-javatemplates.blogspot.com/p/sampel-page.html'>Sampel Page</a></li></ul> </li> <li class='rss'><a href='http://feeds2.feedburner.com/jvtemplates'>RSS</a></li> <li class='twitter'><a href='http://twitter.com/JavaTemplates'>Twitter</a></li> <li class='login '><a href='http://www.blogger.com'>Login</a></li> <li>
<form action='/search' id='search-form' method='get'> <input id='q' name='q' onblur='if (this.value == "") {this.value = "Search..";}' onfocus='if (this.value == "Search..") {this.value = ""}' type='text' value='Search..'/> <input id='search-submit' type='submit' value='Search'/> </form> </li> </ul>
</div>  </div> 
<div class='shadow'/>
<div id='main-area'>
<div class='leftcol fl'> <div id='slide-wrapper'> <div id='postslide'> <script type='text/javascript'> imgr = new Array(); imgr[0] = "/noimage.png"; showRandomImg = true; imgwidth = 250; imgheight = 260; summaryPost = 10; startpost = 3; numposts = 9; home_page = "http://sanggulstore.blogspot.com/"; </script> <script src='http://files.javatemplates.com/js/auto.s3slider-content.min.js' type='text/javascript'/> </div>
</div> 
<div class='cart'> <div class='cart-content clearfix'> <a class='cart-link' href='#'>Your Shopping Cart</a> <div class='simpleCart_items'/> <table><tbody> <tr><td class='odd'>Total Items: </td><td class='even'><span class='simpleCart_quantity'/></td></tr> <tr><td class='odd'>SubTotal: </td><td class='even'><span class='simpleCart_total'/></td></tr> <tr><td class='odd'>Tax Cost: </td><td class='even'><span class='simpleCart_taxCost'/></td></tr> <tr><td class='odd'>Shipping Cost: </td><td class='even'><span class='simpleCart_shippingCost'/></td></tr> <tr><td class='odd'>Final Total: </td><td class='even'><span class='simpleCart_finalTotal'/></td></tr> </tbody></table> <div class='fl fade'> <a class='cart-button empty' href='javascript:void(0)'><span class='cart-icon simpleCart_empty'><span>Empty Cart</span></span></a> </div> <div class='fr fade'> <a class='cart-button checkout' href='javascript:void(0)'><span class='simpleCart_checkout carticon'><span>Checkout</span></span></a> </div>
</div> </div> 
<b:section class='sidebar' id='sidebar' prefered='yes'> <b:widget id='Label1' locked='false' title='Product Categories' type='Label'> <b:includable id='main'> <b:if cond='data:title'> <h2><data:title/></h2> </b:if> <div expr:class='"widget-content " + data:display + "-label-widget-content"'> <b:if cond='data:display == "list"'> <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='"label-size label-size-" + 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>  <div class='rightcol fl'> <b:section class='main' id='main' showaddelement='no'> <b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'> <b:includable id='nextprev'> <div class='blog-pager' id='blog-pager'> <b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'> <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' 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 + "_blog-pager-older-link"' 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='shareButtons' var='post'>
<b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' 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 + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' 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 sbtwitter' expr:href='data:post.sharePostUrl + "&target=twitter"' 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 sbfacebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' 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 + "&target=orkut"' 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.showBuzzButton'><a class='goog-inline-block share-button sb-buzz' expr:href='data:post.sharePostUrl + "&target=buzz"' expr:onclick='"window.open(this.href, \"_blank\", \"height=415,width=690\"); return false;"' expr:title='data:top.shareToBuzzMsg' target='_blank'> <span class='share-button-link-text'><data:top.shareToBuzzMsg/></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='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; } } } 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='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'> </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 + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a> </p> </b:includable> <b:includable id='mobile-main' var='top'>  <div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<b:if cond='data:blog.pageType == "index"'> <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 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='"post-body-" + data:post.id'> <b:if cond='data:blog.pageType != "static_page"'> <div class='simpleCart_shelfItem'> <div class='item_name'> <data:post.title/></div> <a expr:href='data:post.url'><span class='overlay'/></a> <data:post.body/> <div class='clear'/> <a class='item_add' href='javascript:void(0)'>Add to Cart</a> <a class='more_info' expr:href='data:post.url'>More Info</a> </div> </b:if> <b:if cond='data:blog.pageType == "static_page"'> <data:post.body/> </b:if>
<div style='clear: both;'/>  </div>
<b:if cond='data:post.hasJumpLink'> <div class='jump-link'> <a expr:href='data:post.url + "#more"' 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='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 != "true"'>,</b:if> </b:loop>
</b:if> </span> <span class='reaction-buttons'> <b:if cond='data:top.showReactions'> <table border='0' cellpadding='0' cellspacing='0' width='100%'><tr> <td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'> <span class='reactions-label'> <data:top.reactionsLabel/></span> </td> <td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td> </tr></table> </b:if> </span>
<span class='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 != "item"'> <b:if cond='data:blog.pageType != "static_page"'> <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>
 <span class='post-backlinks post-comment-link'> <b:if cond='data:blog.pageType != "item"'> <b:if cond='data:blog.pageType != "static_page"'> <b:if cond='data:post.showBacklinks'> <a class='comment-link' expr:href='data:post.url + "#links"'><data:top.backlinkLabel/></a> </b:if> </b:if> </b:if> </span>
<span class='post-icons'>  <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>
 <b:include data='post' name='postQuickEdit'/> </span>
 <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'>
</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 + "_comment-editor-toggle-link"' 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('<data:post.appRpcRelayPath/>', '<data:post.communityId/>'); </script> </div> </b:includable>
<b:includable id='threaded_comments' var='post'> <div class='comments' id='comments'> <a name='comments'/> <h4> <b:if cond='data:post.numComments == 1'> 1 <data:commentLabel/>: <b:else/> <data:post.numComments/> <data:commentLabelPlural/>: </b:if> </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 + "_backlinks-container"'> <b:if cond='data:post.showBacklinks'> <b:include data='post' name='backlinks'/> </b:if> </div> </div> </div> </b:includable> <b:includable id='backlinkDeleteIcon' var='backlink'> <span expr:class='"item-control " + 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 + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>&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 + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>&rsaquo;</a> </div> </b:if>
<div class='mobile-link-button' id='blog-pager-home-link'> <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a> </div>
<div class='mobile-desktop-link'> <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a> </div>
</div>
<div class='clear'/> </b:includable> <b:includable id='mobile-post' var='post'> <div class='date-outer'> <b:if cond='data:post.dateHeader'> <h2 class='date-header'><span><data:post.dateHeader/></span></h2> </b:if> <div class='date-posts'> <div class='post-outer'>
<div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'> <a expr:name='data:post.id'/> <b:if cond='data:post.title'> <h3 class='post-title entry-title' itemprop='name'> <b:if cond='data:post.link'> <a expr:href='data:post.link'><data:post.title/></a> <b:else/> <b:if cond='data:post.url'> <b:if cond='data:blog.url != data:post.url'> <a expr:href='data:post.url'><data:post.title/></a> <b:else/> <data:post.title/> </b:if> <b:else/> <data:post.title/>
</b:if> </b:if> </h3> </b:if>
<div class='post-header'> <div class='post-header-line-1'/> </div>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'> <data:post.body/> <div style='clear: both;'/>  </div>
<div class='post-footer'> <div class='post-footer-line post-footer-line-1'> <span class='post-author vcard'> <b:if cond='data:top.showAuthor'> <b:if cond='data:post.authorProfileUrl'> <span class='fn'> <a expr:href='data:post.authorProfileUrl' itemprop='author' rel='author' title='author profile'> <data:post.author/> </a> </span>
<b:else/> <span class='fn'><data:post.author/></span> </b:if> </b:if> </span>
<span class='post-timestamp'> <b:if cond='data:top.showTimestamp'> <data:top.timestampLabel/> <b:if cond='data:post.url'> <a class='timestamp-link' expr:href='data:post.url' itemprop='url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a> </b:if> </b:if> </span>
<span class='post-comment-link'> <b:if cond='data:blog.pageType != "item"'> <b:if cond='data:blog.pageType != "static_page"'> <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 dummy-container'><data:post.dummyTag/></div> </b:if> </div>
</div> </div>
<b:if cond='data:blog.pageType == "static_page"'> <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:if cond='data:blog.pageType == "item"'> <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> </div> </div> </div> </b:includable> <b:includable id='postQuickEdit' var='post'> <b:if cond='data:post.editUrl'> <span expr:class='"item-control " + 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:mobileindex'>  <div class='blog-posts hfeed'>
<b:loop values='data:posts' var='post'> <b:if cond='data:post.isFirstPost == "false"'> </div> </b:if> <div class="mobile-date-outer date-outer"> <b:include data='post' name='mobile-index-post'/> <b:if cond='data:post.trackLatency'> <data:post.latencyJs/> </b:if> </b:loop> <b:if cond='data:numPosts != 0'> </div> </b:if> </div> <b:else/>
 <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 == "false"'>
</div></div> </b:if> </b:if> <b:if cond='data:post.isDateStart'> <div class="date-outer"> </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'> <div class="date-posts"> </b:if> <div class='post-outer'> <b:include data='post' name='post'/> <b:if cond='data:blog.pageType == "static_page"'> <b:include data='post' name='comments'/> </b:if> <b:if cond='data:blog.pageType == "item"'> <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> <b:if cond='data:mobile == "false"'> <div class='inline-ad'> <data:adCode/> </div> </b:if> <data:adStart/> </b:if> <b:if cond='data:post.trackLatency'> <data:post.latencyJs/> </b:if> </b:loop> <b:if cond='data:numPosts != 0'> </div></div> </b:if> <data:adEnd/> </div> </b:if>
 <b:if cond='data:mobile'> <b:include name='mobile-nextprev'/> <b:else/> <b:include name='nextprev'/>
 <b:include name='feedLinks'/> </b:if>
<b:if cond='data:top.showStars'> <script src='//www.google.com/jsapi' type='text/javascript'/> <script type='text/javascript'> google.load("annotations", "1", {"locale": "<data:top.languageCode/>"}); function initialize() { google.annotations.setApplicationId(<data:top.blogspotReviews/>); google.annotations.createAll(); google.annotations.fetch(); } google.setOnLoadCallback(initialize); </script> </b:if>
<b:if cond='data:top.showDummy'> <data:top.dummyBootstrap/> </b:if>
</b:includable> <b:includable id='commentDeleteIcon' var='comment'> <span expr:class='"item-control " + 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 != "item"'>  <b:if cond='data:feedLinks'> <div class='blog-feeds'> <b:include data='feedLinks' name='feedLinksBody'/> </div> </b:if>
<b:else/>  <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='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('<data:post.appRpcRelayPath/>', '<data:post.communityId/>'); </script> </div> </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'>&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 != "static_page"'> <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>
<b:if cond='data:post.trackLatency'>
<data:post.latencyJs/> </b:if> </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> <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a> <data:post.commentRangeText/> <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>
<div id='comments-block3'> <b:loop values='data:post.comments' var='comment'>
<div id='comment-header'> <div expr:class='"comment-author " + 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>
<a expr:href='data:post.url + "#comment-post-message"' style='background : #fff url(https://lh3.googleusercontent.com/-8oFbEL9ecnQ/TfxVVYCxzFI/AAAAAAAAAP0/v2MbRsLfLc/button.png) repeat-x left bottom; border : 1px solid #999; border-radius: 4px; -o-border-radius: 4px;-moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; padding:5px 10px;position:absolute;bottom:10px;left:12px;'>Reply</a>
</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> <data:post.commentRangeText/> <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 + "_backlinks-container"'> <b:if cond='data:post.showBacklinks'> <b:include data='post' name='backlinks'/> </b:if> </div> </div> </div> </b:includable> </b:widget> </b:section>
</div>  </div>  </div> 
<div id='footer'> <div class='credits fl'> <p>Copyright © 2011 <a expr:href='data:blog.homepageUrl'><data:blog.title/></a> Powered by <a href='http://www.blogger.com'>Blogger</a>. Design by <a href='http://www.javatemplates.com'>Java Templates</a> | <a href='http://www.premiumwordpressthemes.in/' title='Premium Wordpress Themes'>Premium Wordpress Themes</a> | <a href='http://blogtemplate4u.com'>Blogtemplate4u</a></p> </div>
<ul id='social-icons'> <li class='youtube'><a class='ifade' href='#'><img alt='' height='16' src='https://lh5.googleusercontent.com/8w556gFD9Y0/ThuA24Oqx3I/AAAAAAAAAik/wRs77R9XVYw/s128/transparent.png' width='16'/></a></li> <li class='in'><a class='ifade' href='#'><img alt='' height='16' src='https://lh5.googleusercontent.com/8w556gFD9Y0/ThuA24Oqx3I/AAAAAAAAAik/wRs77R9XVYw/s128/transparent.png' width='16'/></a></li> <li class='delicious'><a class='ifade' href='#'><img alt='' height='16' src='https://lh5.googleusercontent.com/8w556gFD9Y0/ThuA24Oqx3I/AAAAAAAAAik/wRs77R9XVYw/s128/transparent.png' width='16'/></a></li> <li class='ftwitter'><a class='ifade' href='http://twitter.com/JavaTemplates'><img alt='' height='16' src='https://lh5.googleusercontent.com/-
8w556gFD9Y0/ThuA24Oqx3I/AAAAAAAAAik/wRs77R9XVYw/s128/transparent.png' width='16'/></a></li> <li class='frss'><a class='ifade' href='http://feeds2.feedburner.com/jvtemplates'><img alt='' height='16' src='https://lh5.googleusercontent.com/8w556gFD9Y0/ThuA24Oqx3I/AAAAAAAAAik/wRs77R9XVYw/s128/transparent.png' width='16'/></a></li> <li class='facebook'><a class='ifade' href='http://www.facebook.com/pages/Javatemplates/205097586194112'><img alt='' height='16' src='https://lh5.googleusercontent.com/8w556gFD9Y0/ThuA24Oqx3I/AAAAAAAAAik/wRs77R9XVYw/s128/transparent.png' width='16'/></a></li> <li class='flickr'><a class='ifade' href='#'><img alt='' height='16' src='https://lh5.googleusercontent.com/8w556gFD9Y0/ThuA24Oqx3I/AAAAAAAAAik/wRs77R9XVYw/s128/transparent.png' width='16'/></a></li> </ul>
</div> 
<script type='text/javascript'> var pageCount=12; var displayPageNum=6; var upPageWord ='«'; var downPageWord ='»'; </script> <script src='http://files.javatemplates.com/js/page-navigation.js' type='text/javascript'/> 
</body>
</html>

BS1

Enviado por

Dados do documento

Descrição original:

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

BS1

Enviado por

Direitos autorais:

Formatos disponíveis

<?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.

----------------------------------------------Name : BloggerStore Designer: Rifki Aria Gumelar URL : www.javatemplates.com

Bandung, 30 July 2011

/* Set to Hide */ #navbar-iframe {display:none !important} .date-header{display:none !important}

.item_name{display:none !important} .item_Description{display:none !important} .cartHeaders div{display:none !important} .feed-links{display:none !important}

/* General Setup */ body{background:#666;line-height:18px;font-family:Verdana,Tahoma,san-serif;fontsize:11px;color:#484848} a{color:#000} a:hover{color:#cc0000} .fr{float:right} .fl{float:left} .clear{clear:both}

h4{font-size:16px} h5{font-size:14px} h6{font-size:12px}

/* Logo */ #logo{width:280px; height:68px; position:absolute; top:20px; left:20px}

/* Post */ .post {width:576px; padding:10px} .post h3 {font-size:24px; padding-bottom:10px} .post img{float:left}

.sidebar ul li{padding:5px 0 5px 20px; background:url(http://4.bp.blogspot.com/MnGs2cZWg9k/TjL8tIFTDwI/AAAAAAAAArw/4tRBvUg7LLw/s1600/add.png)no-repeat left; borderbottom:1px dotted #ededed}

background : url(https://lh6.googleusercontent.com/-_IegzA8CB3Y/ThuA2JYqQSI/AAAAAAAAAig/zFouLmhbwo/mini_icons.png) no-repeat -75px -75px; }

simpleCart.shippingQuantityRate = 1.00; simpleCart.cartHeaders = ["Name", "Quantity", "Total", "remove_noHeader", ];

<b:if cond='data:useImage'> <b:if cond='data:imagePlacement == &quot;BEHIND&quot;'> <!--

</div>  </div>

</div>

</div> </div>

<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='shareButtons' var='post'>

</b:if> </b:includable> <b:includable id='threaded_comment_js' var='post'> <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>

var paginator = function(callback) {

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

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

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

<data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a> </b:if> </b:if> </b:if> </span>

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

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

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

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

</b:if> </b:if> </h3> </b:if>

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

<b:else/> <span class='fn'><data:post.author/></span> </b:if> </b:if> </span>

</b:if> </span> </div>

<b:if cond='data:mobileindex'>  <div class='blog-posts hfeed'>

<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;'>

<b:include name='feedLinks'/> </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'>

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

</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 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-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 class='comment-footer'> <b:if cond='data:post.embedCommentForm'>

</div>

Você também pode gostar

<b:if cond='data:useImage'> <b:if cond='data:imagePlacement == "BEHIND"'> <!--

<data:defaultAdStart/> <b:loop values='data:posts' var='post'> <b:if cond='data:post.isDateStart'> <b:if cond='data:post.isFirstPost == "false"'>

</b:includable> <b:includable id='commentDeleteIcon' var='comment'> <span expr:class='"item-control " + data:comment.adminClass'>

<div id='comment-header'> <div expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'> <div id='comment-profile-image'>