Template Zhiolshop

<?xml version="1.0" encoding="UTF-8" ?
>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/x
html1/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/2
005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | (example: ZoomTemplate)</title>
<b:else/>
<title><data:blog.pageTitle/> | (example: ZoomTemplate)</title>
</b:if>
<meta content='your description here' name='description'/>
<meta content='keyowrd1, keyowrd1, etc..' name='keywords'/>
<meta content='INDEX, FOLLOW' name='ROBOTS'/>
<b:skin><![CDATA[/*
/* ===================================================================
Theme Name: Baby Shop
Theme URL: http://www.bestfreetemplates.info
Author URI: http://www.bestfreetemplates.info
Bloggerized by: Agus Ramadhani
URL: http://zoomtemplate.com | http://o-om.com
=================================================================== */
/* -- YAHOO CSS RESET -- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset,
textarea, p, blockquote, th, td{margin:0; padding:0}
table{border-collapse:collapse; border-spacing:0}
fieldset, img{border:0}
address, caption, cite, code, dfn, em, strong, th, var{font-style:normal; font-w
eight:normal}
ol, ul{list-style:none}
caption, th{text-align:left}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:bold}
q:before, q:after{content:''}
abbr, acronym{border:0}
/* Set Index */
#navbar-iframe{display:none !important}
*{margin:0; padding:0; list-style:none; border:none; vertical-align:baseline; ou
tline:none}
body{background:transparent; font-family:arial,helvetica,sans-serif; font-size:1
00%; text-align:center}
html{}
a:link{color:#423F00; text-decoration:none}
a:visited{}
a:hover{}
a img{}
/* Header */
#navigation-wrapper{position:absolute; right:0; top:20px; z-index:9999}
#navigation-center{margin:0 auto; position:relative; width:940px; padding-right:
28px; padding-left:15px}
#header-wrapper{background:transparent; margin:0px}
#header-inner{}
#header{margin:0px auto; padding-left:20px; padding-top:0px; padding-bottom:0px;
position:relative; float:left; text-align:left; width:220px}

#header h1{color:#F2E900; font-family:georgia; font-size:40px; letter-spacing:-3
px; padding-top:20px}
#header a{color:#F2E900; text-decoration:none}
#header a:hover{color:#F2E900}
#header .description{color:#000; font-family:georgia; font-weight:normal; positi
on:absolute; padding-top:0px; font-style:italic}
#header img{}
/* Outer-Wrapper */
#outer-wrapper{margin:0 auto; text-align:left; width:925px}
#main-wrapper{border-right:0px dotted #808080; float:right; overflow:hidden; pad
ding:0px 0px; width:682px}
#content-wrapper{background:#fff none repeat scroll 0 0; border:0px solid #333}
#sidebar-wrapper{float:right; overflow:hidden; width:240px; padding:20px 0}
.clear{clear:both}
/* Headings */
h2{}
/* Posts */
h2.date-header{color:#808080; font-size:11px; font-weight:normal}
.post{border-bottom:1px dotted #808080; margin-bottom:20px; padding-bottom:20px}
.post ul li{background:transparent url(http://1.bp.blogspot.com/_1_qkt6bisvU/TAx
TafZlcBI/AAAAAAAAAZw/u6p8QtU04UQ/s400/bullet.gif) no-repeat scroll left center;
line-height:25px; padding-left:20px}
.post ol li{line-height:25px; list-style-position:inside; list-style-type:decima
l}
.post li a{}
.post li a:hover{}
.post h3{color:#333; font-size:24px; letter-spacing:-1px; margin:5px 0 0}
#post-title-wrapper{}
.post h3 a, .post h3 a:visited, .post h3 strong{color:#333; text-decoration:none
}
.post h3 strong, .post h3 a:hover{color:#808080}
.post-body{color:#333; font-size:14px; line-height:1.4em}
.post-body blockquote{}
.post-footer{color:#5F5E5E; font-size:11px; margin-bottom:15px}
.comment-link{}
.post img{background:#CCC none repeat scroll 0 0; max-width:625px; padding:5px}
.post blockquote{background:#C4CD64 url(http://4.bp.blogspot.com/_1_qkt6bisvU/TA
y5ThJnYBI/AAAAAAAAAbM/tbc10kkIqf4/s400/aspas.png) no-repeat scroll 10px 10px; co
lor:#FFF; font-family:georgia; padding:20px 20px 20px 50px}
.post blockquote p{}
/* Comments */
#comments h4{margin:10px 0}
#comments-block{}
#comments-block .comment-author{}
.commentauthor {background:#DDDDDD url(http://i195.photobucket.com/albums/z105/d
antearaujo/user_comment.png) no-repeat scroll 10px center;border-color:#EEEEEE #
EEEEEE -moz-use-text-color;border-style:solid solid none;border-width:1px 1px me
dium;color:#545454;font-size:15px;padding:10px 10px 10px 30px;}
#comments-block .comment-body {background:#DDDDDD none repeat scroll 0 0;bordercolor:-moz-use-text-color #EEEEEE;border-style:none solid;border-width:medium 1p
x;font-family:arial;font-size:14px;padding:0 10px 10px; }
#comments-block .comment-footer {background:#DDDDDD none repeat scroll 0 0;borde
r-color:-moz-use-text-color #EEEEEE #EEEEEE;border-style:none solid solid;border
-width:0 1px 1px;font-family:verdana;font-size:10px;margin-bottom:20px;padding:0
10px 10px;text-align:right;}
#comments-block .comment-body p{}

.deleted-comment{color:#FFF; text-decoration:line-through}
#blog-pager-newer-link{float:left}
#blog-pager-newer-link a{background:transparent url(http://2.bp.blogspot.com/_1_
qkt6bisvU/TAy81uqFN8I/AAAAAAAAAbc/uTZsQwRruPU/s400/arrow-left.png) no-repeat scr
oll center center; display:block; height:48px; text-indent:-9999px; width:48px}
.home-link{background:transparent url(http://4.bp.blogspot.com/_1_qkt6bisvU/TAy8
2cLEMsI/AAAAAAAAAbs/ibujPSTljJ8/s400/home.png) no-repeat scroll center center; d
isplay:block; height:32px; margin:0 auto; text-indent:-9999px; width:32px}
#blog-pager-older-link{float:right}
#blog-pager-older-link a{background:transparent url(http://2.bp.blogspot.com/_1_
qkt6bisvU/TAy82Hvj_hI/AAAAAAAAAbk/-TW5fBE4Ezo/s400/arrow-right.png) no-repeat sc
roll center center; display:block; height:48px; text-indent:-9999px; width:48px}
#blog-pager{padding:30px; clear:both; text-align:center}
.feed-links{}
/* Sidebar Content */
.sidebar{border:1px solid #ccc; width:233px; float:left; padding:0px 0 0 0px}
.sidebar h2{font-size:21px; font-weight:normal; letter-spacing:0; margin-bottom:
15px}
.sidebar ul{color:#2B2A00; font-size:13px; line-height:20px; padding-left:5px}
.sidebar li{list-style-type:none; background:url(http://1.bp.blogspot.com/_1_qkt
6bisvU/TAxTafZlcBI/AAAAAAAAAZw/u6p8QtU04UQ/s400/bullet.gif) 10px bottom no-repea
t; background-position:top left; background-repeat:no-repeat; padding:0 0 7px 25
px; line-height:17px}
.sidebar li a{font-family:Arial,Helvetica,sans-serif; font-size:12px; color:#4B4
B4B; text-decoration:none}
.sidebar li a:hover{}
.sidebar .widget{border-bottom:0px dotted #808080; font-size:13px; padding:20px}
.main .Blog{}
/* Profile */
.profile-img{}
.profile-data{}
.profile-datablock{}
.profile-textblock{}
.profile-link{}
/* Navigation Menu */
#navigation{-moz-border-radius:8px 8px 0px 0px; -khtml-border-radius:8px 8px 0p
x 0px; -webkit-border-radius:8px 8px 0px 0px; border-radius:8px 8px 0px 0px; b
ackground-color:#92A117; background-image:url(http://4.bp.blogspot.com/_1_qkt6bi
svU/TA0CdPMcNpI/AAAAAAAAAc0/SgSJw_YMQ54/s1600/sidebar_bg.jpg); background-positi
on:top left; background-repeat:no-repeat; width:218px; height:296px; padding:15p
x 0 0px 15px; margin:0px; font-family:Tahoma,sans-serif; font-size:11px; color:#
0D0D0D; border-bottom:1px solid #fff}
#navigation li{list-style-type:none; padding:0 0 2px 0; line-height:28px}
#navigation a{color:#0D0D0D; text-transform:uppercase; text-decoration:none; fon
t-weight:bold; display:block; width:180px; line-height:28px; background-image:ur
l(http://2.bp.blogspot.com/_1_qkt6bisvU/TAvCVzqJUxI/AAAAAAAAAY4/8QveVhkoBNs/s160
0/li_bg.jpg); background-position:top left; background-repeat:no-repeat; padding
:0 0 0 30px}
/*-- (Current Nav Menu) --*/

#nav-element{width:650px; margin-left:41px; padding:0}
#nav{height:29px; padding:0px 0 0; margin-bottom:0; clear:both; margin:0 auto}
#nav{clear:both; margin:0 auto; text-transform:normal}
#nav ul{position:relative; overflow:hidden; padding:0px; margin:0; font:1.0em Ar

ial,Helvetica,sans-serif; font-weight:normal; font-size:12px}
#nav li{/*great place to use a background image as a divider*/cursor:pointer; fl
oat:left; margin:0 2px 0 0; padding:0 2px 0 0; height:32px; display:inline}
#nav ul li{float:left; list-style:none}
#nav ul li a, #nav ul li a:visited{text-decoration:none; margin:0 1px 0 0; float
:left; padding:8px 15px; text-transform:normal; color:#000; font-weight:normal;
font-size:11px;
background:#A0B222 url(http://1.bp.blogspot.com/_1_qkt6bisv
U/TAzBjlAQ4_I/AAAAAAAAAb0/XUzzub1D1tc/s400/but.gif); -moz-border-radius:4px 4px
0 0; -khtml-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; bo
rder-radius:4px 4px 0 0}
#nav ul li a:hover{background:#C4CD64}
#nav ul li a.current, #nav ul li a.current:visited, #nav ul li a.current:hover{b
ackground:#C4CD64; color:#000; text-shadow:0 1px 0 #6d1d02}
/* INFO */
.info{font-family:Tahoma,sans-serif; font-size:11px; color:#565656; padding:17px
0 36px 0; overflow:hidden; float:left}
.info img{float:left; margin:0 22px 0 0}
.more{padding:10px; display:block}
.info p{width:470px; float:left; padding:0 0 12px 0}
#inside{padding:15px 0 0 17px; float:left}
/* SEARCH */
#search{border:1px solid #d2d0c6; height:26px; padding:2px; width:230px; backg
round:#fcf9f4; text-align:right}
#search:hover{border:1px solid #bfbdb1; background:#fff}
#search input{border:0; background:none; color:#99918c}
#s{width:200px; padding:2px; margin:2px 0 0 0; background:none}
#topsearch{margin:0px 0 10px 0}
#topsearch #s{width:190px}
#cart{height:38px; line-height:16px; margin:65px 0 0 0; padding:9px 0 0 50px; ba
ckground-image:url(http://2.bp.blogspot.com/_1_qkt6bisvU/TAzZ2rbR9JI/AAAAAAAAAcU
/UWjEDaoykDU/s200/cart_bg.jpg); background-position:top left; background-repeat:
no-repeat}
/* Fotter */
#footer{text-align:center; font-family:Arial,Helvetica,sans-serif; font-size:12p
x; color:#0D0D0D; padding:0 0 25px 0}
#footer ul{padding:27px 0 13px 0}
#footer li{display:inline; list-style-type:none}
#footer ul a{color:#0D0D0D; text-decoration:none; margin:0 12px}
#footer ul a:visited{text-decoration:none}
#footer ul a:hover{text-decoration:underline}
]]></b:skin>
<b:if cond='data:blog.pageType != "item"'>
<style>
/* Posts */
h2.date-header{color:#808080; font-size:11px; font-weight:normal}
.post{background:#fff none repeat scroll 0 0; border:1px solid #BFBFBF; float:le
ft; height:200px; margin:5px; overflow:hidden; padding:0px; position:relative; w
idth:200px}
#post-title-wrapper{background:#A0B222; clear:both; left:0; padding:2px; positio
n:absolute; top:0px}
.post ul li{background:transparent url(http://1.bp.blogspot.com/_1_qkt6bisvU/TAx
TafZlcBI/AAAAAAAAAZw/u6p8QtU04UQ/s400/bullet.gif) no-repeat scroll left center;
line-height:25px; padding-left:20px}
.post ol li{line-height:25px; list-style-position:inside; list-style-type:decima

l}
.post li a{}
.post li a:hover{}
.post h3{bottom:5px; color:#333; font-size:14px; font-weight:bold; letter-spacin
g:0; margin:0}
.post h3 a, .post h3 a:visited, .post h3 strong{color:#fff}
.post h3 strong, .post h3 a:hover{color:#808080}
.post-body{color:#333; font-size:14px; line-height:1.4em}
.post-body blockquote{}
.post-footer{bottom:5px; color:#5F5E5E; font-size:11px; margin:0; padding:0; pos
ition:absolute; right:5px}
.comment-link{}
.post img{background:#CCC none repeat scroll 0 0; height:175px; margin-bottom:99
99px; padding:0; width:200px}
.post blockquote{background:#808080 url(http://4.bp.blogspot.com/_1_qkt6bisvU/TA
y5ThJnYBI/AAAAAAAAAbM/tbc10kkIqf4/s400/aspas.png) no-repeat scroll 10px 10px; co
lor:#FFF; font-family:georgia; padding:20px 20px 20px 50px}
.post blockquote p{}
.post-footer-line-1{display:none}
.post-labels{display:none}
</style>
</b:if>
</head>
<body>
<div id='header-wrapper'>
<div id='navigation-center'>
<div style='width:300px; padding-top: 20px; padd
ing-bottom:20px; float:right; text-align: left; font-size:11px'>
<div style='display: block;'>
<table border='0' cellpadding='0' cellsp
acing='0' height='1' width='100%'>
</table>
</div>
<div style='display: block;'>
<table border='0' cellpadding='0
' cellspacing='0' height='1' width='100%'>
</table>
</div>
</div>
<b:section class='header' id='header' maxwidgets
='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Zhi_Olshop (Header)' type='Header'>
<b:includable id='main'>
<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == "REPLACE"'>

<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:wid
get.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='d
ata:width' style='display: block'/>
</a>
</div>
<b:else/>
<!-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.
-->
<div expr:style='"background-image: url(\"" + data:sourceUr
l + "\"); "
+ "background-position: &qu
ot;
+ data:backgroundPositionStyleStr + "; "
+ data:widthStyleStr
+ "min-height: &
quot; + data:height + "px;"
+ "_height: &quo
t; + data:height + "px;"
+ "background-repea
t: 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'>
<div class='titlewrapper'>
<h1 class='title'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
</b:includable>
<b:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</b:includable>
<b:includable id='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
<div id='outer-wrapper'><div id='wrap2'>

<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a> |

<a href='#sidebar'>skip to sidebar</a>
</span>
<div id='content-wrapper'>
<div id='main-wrapper'>
<div id='nav-element'>
<div id='nav'>
<ul>
<li><a href='/' rel='nofollow'>H
ome</a></li>
<li><a href='#'>Post RSS</a></li
>
<li><a href='#'>Comments RSS</a>
</li>
<li><a href='#'>All Products</a>
</li>
<li><a href='#'>Buy Now</a></li>
<li><a href='#'>Reviews</a></li>
<li><a href='#'>Contacts</a></li
>
</ul>
</div>
</div>
<img alt='' border='0' height='334' src=
'http://4.bp.blogspot.com/_1_qkt6bisvU/TAuNZVzhIuI/AAAAAAAAAYE/U8ZEukutKDc/s1600
/photo.jpg' usemap='#Map' width='682'/>
<div id='inside'>
<img alt='' height='15' src='htt
p://2.bp.blogspot.com/_1_qkt6bisvU/TAxkBBx7U6I/AAAAAAAAAaQ/qEu-e4kisNg/s400/titl
e3.gif' width='159'/><br/>
<div class='info'>
<img alt='' height='132' src='ht
tp://3.bp.blogspot.com/_1_qkt6bisvU/TAxkAoZ-JJI/AAAAAAAAAaI/ddbjeLp_fQQ/s1600/pi
c2.jpg' width='159'/>
Dolor sit amet, consetetur sadip
scing elitr, seddiam nonumy eirmod tempor. invidunt ut labore et dolore magna al
iquyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadip- sc
ing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliq
uyam erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur sadipscing
elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam
erat, sed diam voluptua. Lorem ipsum dolor sit amet, consetetur.
<a class='more' href='#'><img al
t='' height='28' src='http://3.bp.blogspot.com/_1_qkt6bisvU/TAxmJS8nIrI/AAAAAAAA
Aao/aKRsKp_5sEo/s400/more.gif' width='106'/></a>
</div>
<div class='clear'> </div>
<img alt='' height='17' src='htt

p://3.bp.blogspot.com/_1_qkt6bisvU/TAxkBdz_ceI/AAAAAAAAAaY/2WeSisqxDZg/s400/titl
e4.gif' width='159'/><br/>
<b:section class='main' id='main
' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'>
<b:includable id='main' var='top'>

<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<data:defaultAdStart/>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comments'/>
</b:if>
<b:if cond='data:post.includeAd'>
<b:if cond='data:post.isFirstPost'>
<data:defaultAdEnd/>
<b:else/>
<data:adEnd/>
</b:if>
<data:adCode/>
<data:adStart/>
</b:if>
<b:if cond='data:post.trackLatency'>
<data:post.latencyJs/>
</b:if>
</b:loop>
<data:adEnd/>
</div>

<b:include name='nextprev'/>
<b:if cond='data:top.showStars'>
<script src='http://www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>
google.load("annotations", "1", {"locale": &
quot;<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:isReSearchEnabled'>
<script src='http://www.google.com/jsapi' type='text/javascript'/>
<data:reSearchJs/>
google.load('search', '1');
function reSearchInit() {
var blogSearcher = new google.search.BlogSearch();
var blogHomepageUrl = '<data:blogHomepageUrl/>';

var adCodeUri = '<data:reSearchAdCodeUri/>';
var referrer = document.referrer;
var reSearch = new BLOG_ReSearch(blogSearcher,
blogHomepageUrl,
adCodeUri,
referrer);
reSearch.run();
};
google.setOnLoadCallback(reSearchInit);
</script>
</b:if>
</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.deleteBacklinkMs
g'>
<img src='http://www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='backlinks' var='post'>
<a name='links'/><h4><data:post.backlinksLabel/></h4>
<b:if cond='data:post.numBacklinks != 0'>
<dl class='comments-block' id='comments-block'>
<b:loop values='data:post.backlinks' var='backlink'>
<div class='collapsed-backlink backlink-control'>
<dt class='comment-title'>
<span class='backlink-toggle-zippy'> </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:ba
cklink.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:wi
dget.instanceId + "_backlinks-create-link"' target='_blank'><data:post
.createLinkLabel/></a>
</p>
</b:includable>
<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<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-comm
ent-from-post' frameborder='0' height='410' id='comment-editor' name='comment-ed
itor' src='' width='100%'/>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:p
ost.communityId/>');
</script>
</div>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'
>
<img src='http://www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='comment_count_picker' var='post'>
<b:if cond='data:post.commentSource == 1'>
<span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments
' expr:data-onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.
url' expr:data-url='data:post.canonicalUrl'>
</span>
<b:else/>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='da
ta:post.addCommentOnclick'>
<data:post.commentLabelFull/>:
</a>
</b:if>
</b:includable>
<b:includable id='comment_picker' var='post'>
<b:if cond='data:post.commentSource == 1'>
<b:include data='post' name='iframe_comments'/>
<b:elseif cond='data:post.showThreadedComments'/>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:includable>
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4>
<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.oldestLink
Url'><data:post.oldestLinkText/></a>

<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkU

rl'><data:post.olderLinkText/></a>

<data:post.commentRangeText/>

<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkU
rl'><data:post.newerLinkText/></a>

<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLink
Url'><data:post.newestLinkText/></a>
</span>
</b:if>
<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt class='commentauthor' expr:id='data:comment.anchorName'>
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-b
ottom:-2px;' width='16px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment
.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLink
Url'>
<data:post.oldestLinkText/>
</a>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkU
rl'>
<data:post.olderLinkText/>
</a>

<data:post.commentRangeText/>

<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkU

rl'>
<data:post.newerLinkText/>
</a>
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLink
Url'>
<data:post.newestLinkText/>
</a>
</span>
</b:if>
<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/>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCo
mmentOnclick'><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: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:if cond='data:post.feedLinks'>
<b:include data='post.feedLinks' name='feedLinksBody'/>
</b:if>
</b:if>
</b:loop>
</div>
</b:if>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>

<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' tar
get='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>
</b:includable>
<b:includable id='iframe_comments' var='post'>
<b:if cond='data:post.allowIframeComments'>
<script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
<div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:
data-viewtype='data:post.viewType'/>
<b:if cond='data:post.embedCommentForm == "false"'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentO
nclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</b:includable>
<b:includable id='mobile-index-post' var='post'>
<div class='mobile-date-outer date-outer'>
<b:if cond='data:post.dateHeader'>
<div class='date-header'>
<span><data:post.dateHeader/></span>
</div>
</b:if>
<div class='mobile-post-outer'>
<a expr:href='data:post.url'>
<h3 class='mobile-index-title entry-title' itemprop='name'>
<data:post.title/>
</h3>
<div class='mobile-index-arrow'>&rsaquo;</div>
<div class='mobile-index-contents'>
<b:if cond='data:post.thumbnailUrl'>
<div class='mobile-index-thumbnail'>
<div class='Image'>
<img expr:src='data:post.thumbnailUrl'/>
</div>
</div>
</b:if>
<div class='post-body'>
<b:if cond='data:post.snippet'><data:post.snippet/></b:if>
</div>
</div>
<div style='clear: both;'/>
</a>
<div class='mobile-index-comment'>
<b:include cond='data:blog.pageType != "static_page"
and data:post.allowComments
and data:po
st.numComments != 0' data='post' name='comment_count_picker'/>
</div>
</div>
</div>
</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:include data='post' name='mobile-index-post'/>
</b:loop>
<b:else/>
<b:include data='post' name='mobile-post'/>
</b:loop>
</b:if>
</div>
<b:include name='mobile-nextprev'/>
</b:includable>
<b:includable id='mobile-nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<div class='mobile-link-button' id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='da
ta:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newe
rPageTitle'>&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='da
ta:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olde
rPageTitle'>&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'>
<b:if cond='data:post.thumbnailUrl'>
<meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>

</b:if>
<meta expr:content='data:blog.blogId' itemprop='blogId'/>
<meta expr:content='data:post.id' itemprop='postId'/>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:elseif cond='data:post.url and data:blog.url != data:post.url'/
>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</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' itemprop='author' itemscope='itemscope' ite
mtype='http://schema.org/Person'>
<meta expr:content='data:post.authorProfileUrl' itemprop='
url'/>
<a expr:href='data:post.authorProfileUrl' rel='author' tit
le='author profile'>
<span itemprop='name'><data:post.author/></span>
</a>
</span>
<b:else/>
<span class='fn' itemprop='author' itemscope='itemscope' ite
mtype='http://schema.org/Person'>
<span itemprop='name'><data:post.author/></span>
</span>
</b:if>
</b:if>
</span>
<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<meta expr:content='data:post.canonicalUrl' itemprop='url'/>
<a class='timestamp-link' expr:href='data:post.url' rel='boo
kmark' title='permanent link'><abbr class='published' expr:title='data:post.time
stampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span>
<span class='post-comment-link'>
<b:include cond='data:blog.pageType not in {"item",&qu
ot;static_page"}
and data:post.allowCommen
ts' data='post' name='comment_count_picker'/>
</span>
</div>
<b:if cond='data:top.showMobileShare'>
<div class='mobile-link-button goog-inline-block' id='mobile-sha
re-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.dummyT
ag/></div>
</b:if>
</div>
</div>
</div>
<b:include cond='data:blog.pageType in {"static_page","it
em"}' data='post' name='comment_picker'/>
</div>
</div>
</div>
</b:includable>
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='da
ta:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newe
rPageTitle'><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='da
ta:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olde
rPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></
a>
</b:if>
</b:if>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='post' var='post'>
<div class='post hentry uncustomized-post-template'>
<div id='post-title-wrapper'>
<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'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
</div>
<div class='post-footer'>
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<span class='fn'><data:post.author/></span> <span class='post-timestam
p'><b:if cond='data:post.dateHeader'>on <data:post.dateHeader/></b:if></span>
</b:if>
</span>
</div>
<span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if
cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
</span>
<span class='post-comment-link'>
<b:if cond='data:post.allowComments'>customer response (<a class='comm
ent-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addComment
Onclick'><b:if cond='data:post.numComments == 1'>1<b:else/><data:post.numComment
s/></b:if></a>)
</b:if>
</b:if>
</span>
</div></div>
<div class='post-body entry-content'>
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script src='http://bloggertuts.googlecode.com/files/summary-post.js' type='text
/javascript'/>
<a expr:href='data:post.url'>
<div expr:id='"summary" + data:post.id'>
<data:post.body/></div></a>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/
>","<data:post.url/>","<data:post.title/>");</script>
<span class='rmlink' style='float:right'><a expr:href='data:post.url'>Read more<
/a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><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"'><data:post.jumpText/></
a>
</div>
</b:if>
</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://www.blogger.com/
img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='shareButtons' var='post'>
<b:if cond='data:post.sharePostUrl'>
<a class='share-button sb-email' expr:href='data:post.sharePostUrl + &quot
;&target=email"' expr:title='data:top.emailThisMsg' target='_blank'>
<span class='share-button-link-text'><data:top.emailThisMsg/></span></a>
<a class='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='d
ata:top.blogThisMsg' target='_blank'>
<span class='share-button-link-text'><data:top.blogThisMsg/></span></a>
<a class='share-button sb-twitter' expr:href='data:post.sharePostUrl + &qu
ot;&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_b
lank'>
<span class='share-button-link-text'><data:top.shareToTwitterMsg/></span
></a>
<a class='share-button sb-facebook' expr:href='data:post.sharePostUrl + &q
uot;&target=facebook"' expr:onclick='"window.open(this.href, \&quo
t;_blank\", \"height=430,width=640\"); return false;"' expr:
title='data:top.shareToFacebookMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToFacebookMsg/></spa
n></a>
<a class='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='d
ata:top.shareToBuzzMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToBuzzMsg/></span></
a>
</b:if>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
<b:includable id='threaded-comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<b:if cond='data:mobile'>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-co
mment-from-post' frameborder='0' height='410' id='comment-editor' name='commenteditor' src='' style='display: none' width='100%'/>
<b:else/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-co
mment-from-post' frameborder='0' height='410' id='comment-editor' name='commenteditor' src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');
</script>
</div>
</b:includable>
<b:includable id='threaded_comment_js' var='post'>
<script async='async' expr:src='data:post.commentSrc' 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 + '</sp
an>';
}
}
}
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].hr
ef);
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].valu
e;
} else if (entry.gd$extendedProperty[k].name == 'blogger.display
Time') {
comment.displayTime = entry.gd$extendedProperty[k].value;
}
}
}
comments.push(comment);
}
}
return comments;
};
var paginator = function(callback) {
if (hasMore()) {
var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false
&max-results=50';
if (cursor) {
url += '&published-min=' + new Date(cursor).toISOString();
}
window.bloggercomments = function(data) {
var parsed = parse(data);
cursor = parsed.length < 50 ? null
: parseInt(parsed[parsed.length - 1].timestamp) + 1
callback(parsed);
window.bloggercomments = null;
}
url += '&callback=bloggercomments';
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = url;
document.getElementsByTagName('head')[0].appendChild(script);
}
};
var hasMore = function() {
return !!cursor;
};
var getMeta = function(key, comment) {
if ('iswriter' == key) {
var matches = !!comment.author
&& comment.author.name == config.authorName
&& comment.author.profileUrl == config.authorUrl;
return matches ? 'true' : '';
} else if ('deletelink' == key) {
return config.baseUri + '/delete-comment.g?blogID='
+ config.blogId + '&postID=' + comment.id;
} else if ('deleteclass' == key) {
return comment.deleteclass;
}
return '';
};
var replybox = null;
var replyUrlParts = null;
var replyParent = undefined;
var onReply = function(commentId, domId) {
if (replybox == null) {
// lazily cache replybox, and adjust to suit this style:
replybox = document.getElementById('comment-editor');
if (replybox != null) {
replybox.height = '250px';
replybox.style.display = 'block';
replyUrlParts = replybox.src.split('#');
}
}
if (replybox && (commentId !== replyParent)) {
replybox.src = '';
document.getElementById(domId).insertBefore(replybox, null);
replybox.src = replyUrlParts[0]
+ (commentId ? '&parentID=' + commentId : '')
+ '#' + replyUrlParts[1];
replyParent = commentId;
}
};
var hash = (window.location.hash || '#').substring(1);
var startThread, targetComment;
if (/^comment-form_/.test(hash)) {
startThread = hash.substring('comment-form_'.length);
} else if (/^c[0-9]+$/.test(hash)) {
targetComment = hash.substring(1);
}
// Configure commenting API:
var configJso = {
'maxDepth': config.maxThreadDepth
};
var provider = {
'id': config.postId,
'data': items,
'loadNext': paginator,
'hasMore': hasMore,
'getMeta': getMeta,
'onReply': onReply,
'rendered': true,
'initComment': targetComment,
'initReplyThread': startThread,
'config': configJso,
'messages': msgs
};
var render = function() {
if (window.goog && window.goog.comments) {
var holder = document.getElementById('comment-holder');
window.goog.comments.render(holder, provider);
}
};
// render now, or queue to render when library loads:
if (window.goog && window.goog.comments) {
render();
} else {
window.goog = window.goog || {};
window.goog.comments = window.goog.comments || {};
window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
window.goog.comments.loadQueue.push(render);
}
})();
// ]]>
</script>
</b:includable>
<b:includable id='threaded_comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<h4><data:post.commentLabelFull/>:</h4>
<div class='comments-content'>
<b:include cond='data:post.embedCommentForm' data='post' name='threaded_co
mment_js'/>
<div id='comment-holder'>
<data:post.commentHtml/>
</div>
</div>
<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' na
me='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:include cond='data:post.showBacklinks' data='post' name='backlinks'/>
</div>
</div>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
<div id='sidebar-wrapper'>
<div id='navigation'>
<ul>
<li><a href='/'>Home page</a></l
i>
<li><a href='#'>New products</a>
</li>
<li><a href='#'>All products</a>
</li>
<li><a href='#'>Reviews</a></li>
<li><a href='#'>F.A.Q.</a></li>
</ul>
</div>
<div id='topsearch'>
<div id='search'>
<form expr:action='data:blog.homepageUrl + "search"' i
d='searchform' method='get' name='searchform'>
<input class='keyword' id='s' name='q' onblur='if (this.value ==
"") {this.value = "Search product..";}' onfocus='if (this.v

alue == "Search product..") {this.value = ""}' type='text' v
alue='Search product..'/>
<input src='http://1.bp.blogspot.com/_1_qkt6bisvU/S_Pw4k0V4JI/AA
AAAAAAAOs/Nol0yLfyoaM/s1600/search.gif' style='border:0; vertical-align: top;' t
ype='image'/>
</form>
</div>
</div>
<b:section class='sidebar' id='sidebar'
preferred='yes'/>
</div>

<div class='clear'> </div>
</div> 
<div id='footer'>
<img alt='' height='76' src='http://4.bp.blogspo
t.com/_1_qkt6bisvU/TAxkAbOYOJI/AAAAAAAAAaA/eepPQ4Zes28/s1600/cards.jpg' width='9
19'/>
<ul>
<li><a href='/'>Home page</a> |</li>
<li><a href='#'>New Products</a> |</li>
<li><a href='#'>All Products</a> |</li>
<li><a href='#'>Reviews</a> |</li>
<li><a href='#'>Contacts</a></li>
</ul>
<p>Copyright ©. Ghazi. <a class='bft' href
='http://www.bestfreetemplates.info' target='_blank' title='Free CSS Templates'>
BFT</a> | Bloggerized by <a href='http://www.o-om.com'>Agus Ramadhani</a> - <a h
ref='http://www.zoomtemplate.com'>Zoomtemplate.com</a></p>
</div>
</div></div> 
</body>
</html>

Template Zhiolshop

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Template Zhiolshop

Uploaded by

Copyright:

Available Formats

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

position:relative; float:left; text-align:left; width:220px}

#comments-block .comment-body p{}

/-- (Current Nav Menu) --/

#nav ul{position:relative; overflow:hidden; padding:0px; margin:0; font:1.0em Ar

.post ol li{line-height:25px; list-style-position:inside; list-style-type:decima

<a href='#main'>skip to main </a> |

<img alt='' height='17' src='htt

var blogHomepageUrl = '<data:blogHomepageUrl/>';

<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkU

<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkU

<b:loop values='data:links' var='f'>

<b:includable id='mobile-main' var='top'>

<meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>

var cursor = null;

"") {this.value = "Search product..";}' onfocus='if (this.v

You might also like

Template Zhiolshop

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Template Zhiolshop

Uploaded by

Copyright:

Available Formats

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

position:relative; float:left; text-align:left; width:220px}

#comments-block .comment-body p{}

/*-- (Current Nav Menu) --*/

#nav ul{position:relative; overflow:hidden; padding:0px; margin:0; font:1.0em Ar

.post ol li{line-height:25px; list-style-position:inside; list-style-type:decima

<a href='#main'>skip to main </a> |

<img alt='' height='17' src='htt

var blogHomepageUrl = &#39;<data:blogHomepageUrl/>&#39;;

<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkU

<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkU

<b:loop values='data:links' var='f'>

<b:includable id='mobile-main' var='top'>

<meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>

var cursor = null;

&quot;&quot;) {this.value = &quot;Search product..&quot;;}' onfocus='if (this.v

You might also like

/-- (Current Nav Menu) --/

var blogHomepageUrl = '<data:blogHomepageUrl/>';

"") {this.value = "Search product..";}' onfocus='if (this.v