Your HTML cannot be accepted: Tag is not allowed: HTML
adekunle farinade <[email protected]>
| Newsgroups | gmane.comp.web.blogger.api |
|---|---|
| Message-ID | <[email protected]> |
Hi
i have a problem with by blogger template BlogrStore Responsive which i
copy the code to post comment but is displaying...(Your HTML cannot be
accepted: Tag is not allowed: HTML)
Please help ..
Here is code:
<?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>
<meta
content='width=device-width, initial-scale=1.0' name='viewport'/>
<b:include data='blog' name='all-head-content'/>
<b:if
cond='data:blog.url == data:blog.homepageUrl'>
<title><data:blog.pageTitle/></title>
<b:else/>
</b:if>
<b:if
cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> :: <data:blog.title/></title>
</b:if>
<link
expr:href='data:blog.url' rel='canonical'/>
<meta content=''
name='KEYWORDS'/>
<link alt='Google Plus'
href='plus.google.com/u/0/your-google-plus-ID' rel='author'/>
<!--
Google fonts -->
<link href='//fonts.googleapis.com/css?family=Droid
+Serif:400,700|Oswald:700,400' rel='stylesheet' type='text/css'/>
<!--
Some -->
<!--[if IE]>
<script src="//css3-mediaqueries-
js.googlecode.com/files/css3-mediaqueries.js" type="text/javascript" />
<script src="//html5shim.googlecode.com/svn/trunk/html5.js"
type="text/javascript" />
<html lang="en-us" class="no-js">
<![endif]-->
<b:skin><![CDATA[/*
-----------------------------------------------
BlogrStore v1.1 - Blogger Store Responsive Theme by Irsah Imihar
Copyright (c) 2013 Irsah Imihar (http://www.irsah.com/about#contact)
Copyright (c) 2013 Irsah inDesigns
This work is licensed under a Creative
Commons Attribution 3.0 Unported License.
Atribution/credits must be kept
at all times with conditions. Visit
http://creativecommons.org/licenses/by/3.0/ for details.
NOTE:
By
downloading and installing this Blogger template, you aggree that you
have understood the terms and conditions applied by the Blogger Template
licensor/author/designer which is also stated clearly in template and
also at Creative Commons Attribution 3.0 Unported License webpage.
This
Blogger template is provided "AS IS", NO WARRANTY, and copyright holder
is NOT LIABLE FOR LOSS OF DATA, LOSS OF PROFIT, OR FOR ANY OTHER
SPECIAL, CONSEQUENTIAL, OR INCIDENTAL DAMAGES.
CHANGELOG:
V1.1 Aug 2013
-
Update NEW FULL tutorial page at http://blog.irsah.com
- Added new
checkout widget
- Remove h2 title tags for locked widgets
- Improvements
on users sent orders, checks valid emails.
- Update email invoice plug-in
security.
- New email plug-in host server.
- Some code cleaning.
- Added
icon display tutorial and codes
- Fixed CSS issues on smaller screen
sizes
- Fixed template error with missing tag
- Updated tutorial page
codes
01-09-2013
- Removed WARNING text at checkout.
- Repaired tables
styles
APR 2014
- UPDATED email post structure
ROADMAP
1. Optimize codes -
faster page loads.
2. Custom template selection for invoice e-mail.
3.
Email invoice translated in Portugese/Spanish (done) visit
http://blog.irsah.com/p/feedback.html for more info.
----------------------------------------------- */
#navbar-iframe
{display: none !important;}
/* HTML Reset (Inspired by E.Meyer)
========================================= */
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a,
abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins,
kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol,
ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot,
thead, tr, th, td, figure { margin: 0; padding: 0;}
article, aside,
details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display:block; }
table { border-collapse: separate; border-spacing: 0;}
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after,
q:before, q:after { content: "";}
blockquote, q { quotes: "" "";}
sup { vertical-align: super; font-
size:smaller;}
a img { border: none; padding:0; margin: 0;}
ol, ul {
padding: 0 0 1em; margin: 1em 0 0 2em ; }
ol li { padding:0 0 .5em; }
ul
li { list-style-type: square; padding: 0 0 .5em; }
ul ul, ol ol {
padding: 0; }
ul li a, ul li a:hover, a, a:link, a:active {
-moz-
transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-
webkit-transition: all 0.2s ease-in-out;
}
.clear { display: block; width:
100%; float: none; height: 0; line-height: 0; zoom: 1;}
body, .body-
fauxcolumn-outer {
font: 14px/1.5em 'Droid Serif', serif;
color: #555;
background: #333;
}
h1, h2, h3, h4, h5, h6 {
line-height: 1.25em;
color:
#ff0000;
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: normal;
}
h1 { font-size: 32px; margin: 0
0 .1em; }
h2 { font-size: 27px; margin: 0 0 .1em; }
h3 { font-size: 25px;
margin: 0 0 .1em; }
h4 { font-size: 21px; margin: 0 0 .5em; }
h5 { font-
size: 19px; margin: 0 0 .5em; }
h6 { font-size: 15px; margin: 0 0 .5em;
}
p { margin: 0 0 2em; font-size: 100%; font-family: 'Droid Serif',
serif; }
a:link { color: #ff0000; text-decoration: none; }
a:visited {
color: #ff0000; text-decoration: none; }
a:hover { color:#aaa; text-
decoration: none; }
.post img, .post a img, .post-body img, .post-body a
img {
padding: 0;
margin: 0 ;
outline: none;
border: none;
}
.spacer-nav {
display: block; width: 100%; height: 4.5em; zoom: 1;}
/* Header
================== */
#header-link-wrapper {
text-align: center;
display:
block;
background: #000;
min-height: 3.5em;
line-height: 3.5em;
position:
fixed;
z-index: 999;
width: 100%;
magrin: 0;
padding: .5em 0 ;
-webkit-box-
shadow: 0 8px 6px -6px #aaa;
-moz-box-shadow: 0 8px 6px -6px #aaa;
box-
shadow: 0 8px 6px -6px #aaa;
}
#header-link {
width: 90%;
margin: 0 auto;
position: relative;
}
#header-link-wrapper .LinkList {
width: 50%;
float:
left;
display: inline-block;
}
#header-wrapper {
width: 100%;
position:
relative;
margin: 0 auto;
text-align: center;
height: auto;
}
#header-inner
{
background-position: center;
width: 100%;
height: auto;
}
#header { }
.titlewrapper {
padding: 2em 0 .5em;
opacity: 0.75;
}
h1.title, h2.title {
background: none;
}
#header h1, #header h2, #header h1 a, #header h2 a {
font-size: 50px;
font-weight: 700;
background: none;
color: #fff !
important;
margin: 0;
line-height: 1;
padding: 0;
text-shadow: 1px 2px 2px
#333;
}
#header .description {
margin: 0;
padding: 0 ;
font-size: 21px;
color:
#fff;
letter-spacing: 2px;
}
.descriptionwrapper p{
margin: 0;
}
p.description
{
background: #ff0000;
opacity: 0.8;
color: #fff;
margin: 0;
padding: 0;
line-height: 1;
}
#header img {
margin: 0!important;
padding:0!important;
width: 100%!important;
height: auto;
display: block;
float: none;
}
/*
Outer-Wrapper
==================== */
#outer-wrapper {
width: 75%;
margin: 0
auto;
position: relative;
}
#content-wrapper {
background: #f5f5f5;
padding:
0;
margin: 0;
position: relative;
-moz-box-shadow: 1px 3px 16px #aaa;
-
webkit-box-shadow: 1px 3px 16px #aaa;
box-shadow: 1px 3px 16px #aaa;
}
#main-wrapper {
width: 65%;
padding: 0 2%;
float: left;
display: inline-
block;
position: relative;
word-wrap: break-word; /* fix for long text
breaking sidebar float in IE */
height: auto; /* fix for long non-text
content breaking IE sidebar float */
background: #fff;;
}
#sidebar-wrapper
{
width: 30%;
float: right;
word-wrap: break-word; /* fix for long text
breaking sidebar float in IE */
height: auto; /* fix for long non-text
content breaking IE sidebar float */
}
#credit { padding: 0; }
#credit p{
padding: 0;
text-align: center;
}
/* Navigation
============== */
a.home-nav,
a.second-nav { display: none;}
#header-link .LinkList ul,
#header .Label
ul{
z-index:100;
}
#header-link .LinkList ul, #header .Label ul {
margin:
0;
padding: 0;
display: block;
float: none;
}
#header .Label {
background:
#000;
min-height: 3.5em;
line-height: 3.5em;
background: #000;
display:
block;
float: none;
}
#header-link .LinkList li, #header .Label li {
margin:
0 .25em 0;
padding: 0;
list-style: none;
list-style-type: none;
display:
inline-block;
float: left;
}
#header-link .LinkList li a, #header .Label li
a {
padding: .75em 1em;
text-decoration: none;
color: #f0f0f0;
line-height:
100%;
}
#header-link .LinkList a:hover, #header .Label a:hover {
background: #999;
color: #ff0000!important;
opacity: 0.9;
}
#header-link
.LinkList .selected, #header .Label .selected {
background: #ff0000;
color: #fff;
}
/* Posts
========== */
h2.date-header { display: none; }
.post
{ position: relative; }
.post-body { padding: 0 0 1em; }
h1.post-title,
h2.post-title {
margin: 1em 0 0;
display: block;
text-decoration:none;
font-weight: normal;
}
h1.post-title, h1.post-title a:visited {
text-
decoration:none;
}
.post-footer {
margin: 1em 0;
}
.post-share-buttons {
display: block;
}
.comment-link { margin-$startSide:.6em; }
.post img,
table.tr-caption-container { padding: 0; }
.tr-caption-container img { }
blockquote {
padding-left: 1em;
margin:0 0 2em;
border-left: 5px solid
#cc0000;
font-style: italic;
font-size: 16px;
font-family: Georgia, Times,
serif;
}
.post-labels { display: none; }
/* Responsive Tables in posts
================================ */
.post table {
width: 100%;
border-
collapse: collapse;
}
.post tr:nth-of-type(odd) {
background: #f0f0f0;
}
.post thead tr td {
background: #555;
color: #fff;
font-weight: 700;
}
.post
td, .post th {
padding: .5em;
border: 1px solid #f0f0f0;
text-align: left;
}
/* Pager Links
================ */
#blog-pager-newer-link { float: left;
}
#blog-pager-older-link { float: right; }
#blog-pager {
text-align:
center;
display: block;
width: 100%;
padding: 1em 0;
}
.feed-links { display:
none; }
a.blog-pager-newer-link , a.blog-pager-older-link, a.home-link{
display: block;
font-family: 'Oswald', sans-serif;
letter-spacing: 1px;
padding: .75em 1em;
color: #fff;
background: #ff0000;
border: 1px solid
#fff;
}
a.blog-pager-newer-link:hover, a.blog-pager-older-link:hover,
a.home-link:hover {
background: #333;
}
/* Sidebar Content
==================== */
.sidebar {
padding: 1.5em;
font-size: 13px;
}
.sidebar h2.title, .sidebar h3.title, .sidebar h3, .sidebar h2 {
border-
bottom: 1px dotted #ccc;
padding-bottom: .5em;
}
.sidebar ul {
margin:0;
padding:0;
}
.sidebar ul li {
list-style:none;
list-style-type: none;
margin:
0;
padding: 0;
position: relative;
border-bottom: 1px dotted #ccc;
}
.sidebar
li a{
margin: 0;
display: block;
padding: .5em 1em;
}
.sidebar .list-label-
widget-content ul li span{
position: absolute;
right: 0;
top: 0;
display:
block;
border-left: 1px dotted #f0f0f0;
padding: .5em;
}
.sidebar .widget,
.main .widget {
margin: 0 0 1.5em;
padding: 0;
}
.main .Blog {
border-
bottom-width: 0;
}
/* Footer
=========== */
#footer-wrapper {
color: #fff;
background: #000;
padding: 0;
width: 100%;
height: auto;
}
#footer {
display:
block;
width: 75%;
height: auto;
margin: 0 auto;
}
#footer .widget {
width:
29%;
margin: 2%;
float: left;
display: inline-block;
}
#footer ul {
margin:0;
padding:0;
}
#footer ul li {
list-style: none;
list-style-type: none;
margin:
0;
padding: 0;
position: relative;
border-bottom: 1px dotted #f0f0f0;
}
#footer li a{
margin: 0;
display: block;
padding: .5em 0;
color: #fff;
}
#footer li a:hover{
background: #aaa!important;
color: #fff;
}
#footer
.list-label-widget-content ul li span{
position: absolute;
right: 0;
top:
0;
display: block;
border-left: none;
color: #fff;
padding: .5em;
}
#credit{
display: block;
float: none;
border-top: 1px dotted #f0f0f0;
background:
#888;
}
.credit-links {
width: 87%;
text-align: center;
float: right;
display:
inline;
padding: 2em 0;
font-size: 12px;
background: #000;
}
a#backtotop {
font-family: 'Oswald', sans-serif;
font-size: 21px;
font-weight: 700;
text-transform: uppercase;
text-align: left;
display: block;
line-height:
21px;
float: left;
display: inline;
color: #fff;
position: relative;
text-
align: center;
padding: 30px;
}
a#backtotop:hover {
background: #888;
color:
#fff;
}
.totop { position: relative; }
.arrow-up {
float: left;
display:
inline-block;
width: 0;
height: 0;
border-left: 25px solid transparent;
border-right: 25px solid transparent;
border-bottom: 25px solid #fff;
}
/*
#Forms
=========== */
form { width: auto; }
fieldset { margin-bottom: 1em;
}
input[type="text"], input[type="password"], input[type="email"], select
{
border: 1px solid #eee;
padding: .75em;
outline: none;
color: #555;
width:
60%;
margin-bottom: 1em;
display: inline;
background: #f5f5f5;
-moz-border-
radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
position:relative;
}
textarea {
border: 1px solid #eee;
padding: 6px;
outline: none;
color: #555;
margin: 0;
width: 60%;
display: inline;
margin-
bottom: 1em;
background: #f5f5f5;
-moz-border-radius: 2px;
-webkit-border-
radius: 2px;
border-radius: 2px;
position: relative;
}
select { padding: 0;
}
input[type="text"]:focus,
input[type="password"]:focus,
input
[type="email"]:focus,
textarea:focus {
border: 1px solid #eee;
color:
#333;
-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
-webkit-box-shadow: 0 0 3px
rgba(0,0,0,.2);
box-shadow: 0 0 3px rgba(0,0,0,.2);
position: relative;
}
label, legend {
display: inline;
font-weight: 700;
vertical-align: top;
}
input[type="checkbox"],
input[type="checkbox"] { display: inline; }
label
span, legend span { font-weight: normal; color: #555; }
/* Fix for odd
Mozilla border & padding issues */
button::-moz-focus-inner, input::-
moz-focus-inner { border: 0; padding: 0; }
/* Background Image
===================== */
#bg {
z-index:-1!important;
position: fixed;
top:
-50%;
left: -50%;
width: 200%;
height: 200%;
}
#bg img {
z-index:-1!
important;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin:
auto;
min-width: 50%;
min-height: 50%;
}
/* #Buttons
============= */
.button,
button, input[type="submit"], input[type="reset"], input[type="button"]
{
border: 1px solid transparent;
display: inline-block;
text-align:center;
font-weight: 700;
text-decoration: none;
cursor: pointer;
margin-bottom:
0.75em;
font-weight: bold;
padding: .75em 1em;
position: relative;
background: #888;
color: #fff;
font-family: 'Oswald', sans-serif;
}
.button:hover, button:hover, input[type="submit"]:hover, input
[type="reset"]:hover, input[type="button"]:hover {
font-weight:
700;
border: 1px solid transparent;
position: relative;
background: #aaa;
color: #fff;
}
.button:active, button:active, input[type="submit"]:active,
input[type="reset"]:active, input[type="button"]:active {
border: 1px
solid transparent;
}
.button .full-width, button .full-width, input
[type="submit"] .full-width, input[type="reset"] .full-width, input
[type="button"] .full-width {
width: 100%;
padding-left: 0 !important;
padding-right: 0 !important;
text-align: center;
}
/* Forms and buttons
====================== */
#searchThis {
display: inline-block;
float:
left;
width: 23%;
}
#emailForm {
text-align: center;
display: block;
vertical-align: middle;
float: right;
width: 100%;
}
form#emailForm {
margin: 0 0 1.5em; }
form#emailForm, form#searchThis {
padding: .25em 0;
outline: none;
border: none;
box-shadow: none;
}
input.searchBox,
input.emailText {
width: 60%;
float: left;
margin: 0;
padding: .75em 0;
text-align:center;
}
input.emailText { background: #fff; }
input.searchButton, input.emailButton {
width: 38%;
float: left;
margin:
0;
padding: .7em 0;
background: #ff0000;
color: #fff;
}
input.searchButton:hover, input.emailButton:hover {
width: 38%;
padding:
.7em 0;
background: #aaa;
color: #fff;
}
/* ======================
WIDGETS
========================= */
/* Google Search
================== */
td.gsc-input, td.gsc-search-button {
padding: 0;
border: none;
outline:
none;
vertical-align: middle;
}
td.gsc-search-button input[type="submit";]
{
padding: .7em 1em;
border: none;
outline: none;
}
td.gsc-input input
[type="text"] {
padding: .75em;
border: none;
outline: none;
background:
#fff;
}
.gsc-results { background: #f0f0f0!important; }
.CustomSearch
h2.title, .CustomSearch h3 { display: none!important; }
a.gs-title {
padding-bottom: 1em!important ; text-transform: uppercase;
font-family:
'Oswald', sans-serif;
}
/* Recent Comments
==================== */
.rcw-comments a { text-transform: uppercase; }
.rcw-comments {
display:
block;
border-bottom: 1px dotted #ccc;
padding: .5em !important;
}
.rcw-
comments:hover {
background: #ccc;
}
#rcw-cr {
font-size: 10px;
display:
block;
border-top: 1px dotted #ccc;
}
/* Popular Posts
===================
*/
img.postthumb {
width: 150%;
height: auto;
position: absolute;
left: -
25%;
top: 0;
}
img.postthumb:hover {
opacity: 0.75;
}
.item-thumbnail {
width:
100%;
height: 8em;
}
.popular-posts ul { padding: 0; margin: 0;}
.popular-
posts li {
padding: 0 !important;
border: none;
outline: none;
margin: 0
1%;
width: 31%;
height: 8em;
list-style: none;
list-style-type: none;
position: relative;
float: left;
display: inline-block;
overflow: hidden;
}
.popular-posts li a { color: transparent; padding: 0; display: block; }
.item-title { display: none; }
/* Top Commentors
========================== */
.top-commenter-line img {
width: 2em;
height:
2em;
padding-right: .5em;
border-right: 1px dotted #ccc;
}
.top-commenter-
line {
border-bottom: 1px dotted #ccc;
padding: .5em;
}
.top-commenter-
line:hover { background: #ccc; }
.top-commenter-line a { color: #555; }
.top-commenter-line .profile-name-link { padding-left: 0; }
.top-
commenter-avatar { vertical-align: top; }
/* breadcrumbs
================
*/
.breadcrumbs {
font-family: 'Oswald', sans-serif;
display: block;
font-
size: 13px;
padding: .75em 0;
margin-bottom: 2em;
border-bottom: 1px dotted
#ccc;
}
.breadcrumbs span { dislpay: block; margin: 0 0 1em; padding: .5em
1.5em .5em 0; }
/* Related Posts
=================== */
#related-posts {
display: block;
padding: 2em 0;
}
#related-posts h3 {
margin: 0 0 1em;
text-
align: center;
}
.related-items {
margin: 0 2% 2%;
float: left;
display:
inline-block;
width: 15.5%;
height: 15em;
position: relative;
}
.related-
image {
float: none;
position: relative;
height: 15em;
display: block;
width:
100%;
overflow: hidden;
border: 5px solid #fff;
background: #fff;
box-
shadow: 1px 2px 8px #333;
}
.related-image:hover {
opacity: .55;
}
.related-
image img{
float: none;
position: absolute;
width: 150%;
height: auto;
top:
0;
left: -25%:
border: none;
outline: none;
}
.related-post-title {
position:
absolute;
bottom: -5px;
display: block;
background: #000;
opacity: .5;
line-
height: 1em;
padding: 10px;
margin-left: 5px;
height: 40px;
}
#related-posts
a {
color: #fff;
overflow: hidden;
word-wrap: break-word;
}
/* Featured Icons
on Blog Widget
=================================== */
.ico-wrapper {
display: block;
width: 100%;
padding: 2em 0;
-webkit-box-shadow: 0 8px 6px
-6px #aaa;
-moz-box-shadow: 0 8px 6px -6px #aaa;
box-shadow: 0 8px 6px -
6px #aaa;
}
.ico {
display: inline-block;
float: left;
width: 21%;
height:
60px;
margin: 0 2%;
}
.ico-text {
padding-left: 65px;
padding-top: 15px;
display: block;
font-size: 12px;
line-height: 1.25em;
}
.secured {
background: url("http://2.bp.blogspot.com/-
HhNRDeFe3qY/Ua_OdGDAeFI/AAAAAAAAGVY/jt5P1FdnRWs/s1600/Secure-icon.png")
no-repeat top left;
background-size: 60px auto;
}
.range {
background: url
("http://3.bp.blogspot.com/-
pNGMsgnYZgU/Ua_OesNBqSI/AAAAAAAAGVo/0UMT773IDYQ/s1600/phuzion_icon_signs
_symbols_restart.png") no-repeat top left;
background-size: 60px auto;
}
.quality {
background: url("http://1.bp.blogspot.com/-
zyRyokvXbVc/Ua_OfY7JqqI/AAAAAAAAGVw/CgZ2vdxdpDk/s1600/quality-seal-
canstockphoto7823712.jpg") no-repeat top left;
background-size: 60px
auto;
}
.delivery {
background: url("http://2.bp.blogspot.com/--
X9U4qGjq9k/Ua_ZY2m51KI/AAAAAAAAGWY/9OykZrXfk_s/s1600/11564059-vector-
express-delivery-stamp--truck-silhouette.jpg") no-repeat top left;
background-size: 60px auto;
}
/* Featured Product Items
============================= */
.featured, .offers {
margin-bottom: 1em;
height: auto!important;
}
.bsrp-gallery, .featured, .offers {
clear: both;
position: relative;
}
.bsrp-gallery:after {
content: "";
display: table;
clear: both;
}
.bsrp-gallery .bs-item a {
position: relative;
float:left;
margin: 0 2%; !important;
text-decoration:none;
width: 43%;
height: 280px;
overflow: hidden;
border: 10px solid #fff;
box-shadow: 1px 1px 3px rgba(0,
0, 0, 0.5);
-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
-webkit-box-
shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}
.bsrp-gallery .bs-item .ptitle
{
background: rgba(0, 0, 0, 0.5);
background: #7f7f7f\9;
display: block;
clear: left;
font-size: 12px;
line-height:1.3em;
height: 2.6em;
position:
absolute;
text-align: left;
bottom: 10%;
color:#fff;
padding: 0 2px 5px;
word-wrap: break-word;
overflow:hidden;
}
.bsrp-gallery a img {
background:
#fff;
padding: 0;
width: 125%;
height: auto;
}
.bsrp-gallery a:hover img {
opacity: 0.75;
}
/* Offer Items
============================= */
.offers
.bsrp-gallery .bs-item a {
position: relative;
float:left;
margin: 0 1%; !
important;
text-decoration:none;
width: 16.6%;
height: 150px;
overflow:
hidden;
border: 5px solid #fff;
box-shadow: 1px 1px 3px rgba(0, 0, 0,
0.5);
-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
-webkit-box-shadow:
1px 1px 3px rgba(0, 0, 0, 0.5);
}
.special-featured, .special-offers {
letter-spacing: -1px;
text-transform: uppercase;
background: #ff0000;
opacity: .75;
position: absolute;
left: 0;
top: 0;
line-height: .5em;
color:
#fff!important;
line-height: 1em;
padding: 20px 0;
}
.special-featured h3,
.special-offers h3 {
color: #fff;
}
.special-featured1, .special-offers1 {
font-size: 16px;
letter-spacing: -1px;
padding: 0;
}
/* SimpleCart Checkout
======================= */
#cart-widget {
width: 24%;
float: left;
display:
inline-block;
color: #fff;
}
.cart-current{
text-align: center;
}
#cart-icon
{
width: 45px;
height: 45px;
background: url('http://2.bp.blogspot.com/-
7oI1QHj9VKI/UX1oxHZkVVI/AAAAAAAAF3A/lfR3KU31nkA/s1600/shopping_basket_22
.png') no-repeat top center;
background-size: cover;
float: left;
display:
inline-block;
margin-right: 1em;
}
#cart-icon:hover { opacity: 0.75; }
.cart-label {
font-size: 13px !important;
color: #fff;
float: left;
display:
inline-block;
}
.cart-details-wrapper {
-webkit-box-shadow: 0 8px 6px -6px
#aaa;
-moz-box-shadow: 0 8px 6px -6px #aaa;
box-shadow: 0 8px 6px -6px
#aaa;
line-height: 1.25em !important;
padding: 2em 0;
}
#toggle1 {
width:
75%;
margin: 0 auto;
}
#toggle1 .widget {
display: inline-block;
width: 47%;
margin: 0 1%;
float: left;
}
#cart-details {
width:75%;
margin: 0 auto;
display: block;
padding: 2em 0;
font-size: 13px !important;
}
#cart-details
h3{
text-align: center;
padding: 0 0 .5em !important;
margin: 0;
}
.simpleCart_items {
text-align: center;
color: #fff;
display: block;
width:
100%;
margin: 0 0 2em;
}
.item-thumbimg, .item-name, .item-price, .item-
quantity, .item-total, .item-remove {
padding: .5em;
text-align: center !
important;
}
.item-thumbimg img { width: 3em; height: 3em; }
.item-
thumbimg, .item-price, .item-quantity, .item-remove { width: 10%!
important; }
.item-quantity input { width: 10%!important; text-align:
center !important; float: none !important; margin: 0 auto;}
.item-
increment, .item-decrement, .item-size { width: 5%!important; text-
align: center!important;}
.simpleCart_items, tr.headerRow {
color: #fff;
border-bottom: 1px dotted #fff;
}
.simpleCart table {
width: 100%;
}
tr.headerRow {
font-weight: 700!important;
border-bottom: 1px dotted
#fff!important;
}
.cart-details-wrapper {
background: #888;
}
.checkout-form
{
width: 95%;
float: left;
display: inline-block;
}
.checkout-details {
width:
95%;
float: left;
display: inline-block;
color: #fff;
}
.checkout-form label
{ color: #fff; width: 30%; display: inline; float: left; }
.checkout-form
text, .checkout-form text-area {width: 60%; display: inline; }
.checkout-form form, .checkout-form fieldset {
border: none;
}
a.simpleCart_checkout {
float: none;
margin: 0 auto;
text-align: center;
display: block;
background: #ff0000;
color: #f0f0f0;
}
#emailInfo {
display:none }
#emailInfo.fieldok {
display:block;
width: 100%;
padding:
.5em 0;
background: green;
color: #fff;
text-align:center;
margin: 0 auto;
}
.submitdummy {
display:block;
}
.buttondummy {
display: block;
padding: .5em
0;
color: #fff;
text-align: center;
width:100%;
}
#sent-order, .showdummy {
display:none; }
#sent-order.buttonok{
display:block;
}
/* Comments
=============-- */
#comments h4 { margin:1em 0; line-height: 1em; }
#comments-block { margin: 1em 0; }
#comments-block .comment-author {
margin:.5em 0; }
#comments-block .comment-body { margin:.25em 0 0; }
#comments-block .comment-footer { margin: -.25em 0 2em; line-height:
1.5em; }
#comments-block .comment-body p { margin:0 0 1.5em; }
.deleted-
comment { font-style: italic; color:#ccc; }
.comment-header { display:
block; padding: 0 0 .5em; }
.comment-header a {
letter-spacing: 1px;
font-
weight: normal;
font-family: 'Oswald', sans-serif;
text-transform:
uppercase!important;
}
.post-outer .comments {
width: 100%;
clear: both;
margin-top: 2em;
margin-bottom: 0px;
line-height: 1.5em;
}
.post-outer
#comments { margin-top: 2em!important; }
.comments .comments-content {
font-size: 13px;
margin-bottom: 20px !important;
font-weight: normal;
text-align: left;
line-height: 1.5em;
}
.comments .continue a, .comments
.comment .comment-actions a {
font-family: 'Oswald', sans-serif;
font-
size: 12px;
padding: .5em 1.5em .5em 0 ;
text-decoration: none;
border-top:
1px dotted #ccc;
text-align: left;
text-transfrom: uppercase;
letter-
spacing: 1px;
width: 10%;
}
.comments .continue a:hover, .comments .comment
.comment-actions a:hover { text-decoration: none; }
.comments .continue
a:active, .comments .comment .comment-actions a:active {
position:
relative;
top: 1em;
text-transform: uppercase;
letter-spacing: 1px;
}
.comments .comments-content .comment-thread ol {
list-style-type: none;
padding: 0;
text-align: none;
margin: 0;
}
.comments .comments-content
.inline-thread { padding: 0.5em 1em 0 1em; }
.comments .comments-content
.comment-thread { margin: 8px 0px 0px 0px; }
.comments .comments-content
.comment-thread:empty { display: none; }
.comments .comments-content
.comment-replies { margin-top: 1em; margin-left: 40px; font-size: 13px;
}
.comments .comments-content .comment { padding-bottom: 8px; margin-
bottom: 0px }
.comments .comments-content .comment:first-child {
padding-top: 16px; }
.comments .comments-content .comment:last-child {
border-bottom: 0; padding-bottom: 0; }
.comments .comments-content
.comment-body { position: relative; }
.comments .comments-content .user
{ font-style: uppercase!important; font-weight: bold; }
.comments
.comments-content .user a { color: #444; }
.comments .comments-content
.user a:hover { text-decoration: none; color: #aaa; }
.comments
.comments-content .icon.blog-author {
width: 18px;
height: 18px;
display:
inline-block;
margin: 0 0 -4px 6px;
background: #ff0000;
}
.comments
.comments-content .datetime {
margin-left: 6px;
color: #999;
font-style:
italic;
font-size: 11px;
float: right;
}
.comments .comments-content
.comment-content {
font-size: 13px;
line-height: 1.5em;
text-align: none;
margin: 10px 0 10px;
}
.comments .comments-content .owner-actions {
position: absolute; right: 0; top: 0; }
.comments .comments-replybox {
border: none; height: 250px; width: 100%; }
.comments .comment-replybox-
single { margin-top: 5px; margin-left: 48px; width: }
.comments
.comment-replybox-thread { margin-top: 5px; }
.blogger-iframe-colorize,
.blogger-comment-from-post, #comment-editor { width: 620px; }
.comments
.comments-content .loadmore a { display: block; padding: .5em 1em;
text-align: center; }
.comments .thread-toggle { cursor: pointer;
display: inline-block;}
.comments .comments-content .loadmore { cursor:
pointer; max-height: 3em; margin-top: 3em; }
.comments .comments-content
.loadmore.loaded { max-height: 0px; opacity: 0; overflow: hidden; }
.comments .thread-chrome.thread-collapsed { display: none; }
.comments
.thread-toggle { display: inline-block; }
.comments .thread-toggle
.thread-arrow {
display: inline-block;
height: 6px;
width: 7px;
overflow:
visible;
margin: 0.3em;
padding-right: 4px;
}
.comments .thread-expanded
.thread-arrow {
background: url('data:
image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAc
AAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAA
AAElFTkSuQmCC') no-repeat scroll 0 0 transparent;
}
.comments .thread-
collapsed .thread-arrow {
background: url('data:
image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAJUlEQVR
42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAAB
JRU5ErkJggg==') no-repeat scroll 0 0 transparent;
}
.comments .avatar-
image-container { float: left; overflow: hidden; }
.comments .avatar-
image-container img { width: 36px; }
.comments .comment-block {
margin-
left: 43px;
position: relative;
padding: 20px 0 15px 0;
border-top: 1px
dotted #ccc;
overflow: hidden;
border-image: initial;
}
#comment-editor {
width: 100% !important; }
]]></b:skin>
<style type='text/css'>
/* Mobile
Media Quiries
========================== */
/* Large screens */
/* iPads
(portrait and landscape) */
@media only screen and (min-width : 769px)
and (max-width : 960px) {
#outer-wrapper { width: 100%; overflow:
hidden; border: none; }
#main-wrapper, #sidebar-wrapper, #header-link,
#footer {
display: block;
float: none;
width: 90%;
border: none;
padding: 0;
margin: 0 auto;
-moz-box-
shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
#header h1, #header h2, #header h1 a, #header h2 a, #header
.description {
padding: 0;
margin: 0;
float: none;
display: block;
}
#footer-wrapper {
width: 100%;
float: none;
display: block;
}
.post { padding: 1em 0!
important; }
.main .Blog { padding: 0 1.5em; }
.popular-posts
ul li, .rcw-comments {width: 49%; float: left; }
.rcw-comments {
width: 95%; }
#footer {
width: 80%;
margin: 1em auto;
display: block;
}
#footer .widget {
width: 29%;
margin:
2%;
padding: 1em 0;
}
.offers .bsrp-gallery .bs-item a {
width: 46%; }
a#backtotop { width: 100%; }
.credit-links { width:
100%; }
}
@media only screen and (max-width : 768px) {
#header-link-
wrapper { position: static; }
#header-inner {
}
.titlewrapper { padding:0 0 0; }
.spacer-nav { height: 0; }
a.home-nav {
background: #999 url('http://2.bp.blogspot.com/-
5MupvuXRE8U/UYcM0UXijMI/AAAAAAAAF-o/Ww3oiRn6I74/s1600/Mobile-Home-Nav-
Menu.png') no-repeat center center;
width: 3em;
height:
3em;
vertical-align: middle;
float: left;
display:
inline-block;
background-size: cover;
}
#toggle1 {
width:
90%;
}
#toggle1 .widget {
display: block;
width: 90%;
margin: 0;
float: none;
}
#outer-wrapper { width: 100%;
overflow: hidden; border: none; }
#sidebar-wrapper, #header-link,
#header h1, #header h2, #crosscol, #footer {
display: block;
float: none;
width: 90%;
border: none;
padding: 0;
margin: 0 auto;
}
#main-wrapper { width: 100%; }
#cart-details { width: 90%; }
#header .description { display: none; }
#header-link .LinkList { display: block; margin-bottom: 1em; width:
auto; }
#header-link .LinkList, #header .Label {
display:
block;
float: none;
}
#header .Label { padding-top:
.25em; }
a.second-nav {
background: #aaa url
('http://1.bp.blogspot.com/-
k3MO3qOjCJU/UbJ47JDL2qI/AAAAAAAAGX8/QzVu_710wJo/s1600/hamburger.gif'
) no-repeat center center;
width: 3em;
height: 3em;
float: left;
display: inline-block;
background-size: cover;
margin-left: 5%;
}
a.second-
nav:hover, a.home-nav:hover { opacity : 0.75; }
#header-link .LinkList
ul { padding-left: 50px;display: none; }
#header .Label ul {
padding-left: 75px;display: none; }
#header-link .LinkList li,
#header .Label li {
display: block;
float: none;
}
#header-link .LinkList li a, #header .Label li a {
display: block;
}
#cart-widget { margin-left: 5%; width: 20%; }
.cart-label {display: none; }
form#searchThis { width: 74%; }
.post {
padding: 1em 0!important; }
.main .Blog { padding: 0 1.5em; }
.ico-wrapper { display: none; }
.breadcrumbs { display: none; }
form#emailForm { width: 70%; }
.blogger-iframe-colorize, .blogger-
comment-from-post, #comment-editor { width: 481px; }
.related-items {
width: 100%; }
#footer .widget {
width: 46%;
}
.related-items{ width:46%; }
.popular-posts ul li, .rcw-
comments {width: 49%; float: left; }
.rcw-comments { width: 95%;}
.checkout-form, .checkout-details {
display: block;
float: none;
width: 100%;
padding: 0 0 2em;
margin: 0;
}
form#emailForm { width: 100%; }
.offers .bsrp-gallery
.bs-item a { width: 46%; }
a#backtotop { width: 100%; }
.credit-links { width: 100%; }
}
/* Smartphones (portrait and landscape)
*/
@media only screen and (max-width : 480px) {
form#emailForm { width:
100%; }
.blogger-iframe-colorize, .blogger-comment-from-post,
#comment-editor { width: 320px; }
.related-items { width:95%;
float: none; display: block; }
#footer .widget {
width:
96%;
display: block;
float: none;
}
.popular-posts ul li, .rcw-comments {width: 95%; float: left; }
.rcw-
comments { width: 95%; }
.offers .bsrp-gallery .bs-item a {
width: 90%; float: none; display: block; margin: 0 auto; }
#blog-
pager-newer-link, #blog-pager-older-link { float: none; }
.comments .comments-content .comment-replies { margin-left: 0; }
}
@media
\0screen {
img { width: auto; } /* for ie 8 */
}
</style>
<b:if
cond='data:blog.pageType == "index"'>
<style
type='text/css'>
.store-imagesMore { display: none; }
h2.date-header { display: none; }
#content-wrapper { width: 100%;; }
#main-wrapper { width: 96%; }
#sidebar-wrapper { display: none; }
.post {
position: relative;
float: left;
width: 21%;
border: 1px solid #fff;
margin: 2%;
height: 20em;
border: none;
overflow: hidden;
}
.post p { margin: 0; }
.post-body { padding: 0; }
h1.post-title, h2.post-title {
font-size: 14px !important;
font-weight: 700;
display: block;
position: absolute;
top: 0;
left: 10px;
text-align: left;
z-index: 10;
height: 140px;
padding: 0 0 280px;
opacity: .55;
width: 90%;
}
h1.post-title:hover, h2.post-title:hover {
opacity: 1;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-transition: all
0.2s ease-in-out;
}
h1.post-title a, h2.post-title a {
background: #000; }
.item_price, .item_Price {
font-
weight: 700;
z-index: 10;
background: #000;
color: #fff;
position: absolute;
bottom: 60px;
right: 10px;
padding: .75em 5px;
width:
50%;
text-align: right;
opacity: .75;
}
.post img {
position: absolute;
top: 0;
left: -40%;
width: 180%;
height: auto;
border:
none;
outline: none;
}
.post-footer { display: none; }
.breadcrumbs { display: none; }
.item_name, .item_Description,
.item_description, .item_size,.item_Size, .item_Delivery,
.item_delivery, .total_quantity { display: none; }
.post table, .post
tr, .post th, .post td { border: none; outline: none; }
.add_cart {
z-index: 10;
background: #fff;
position: absolute;
bottom: 10px;
right: 10px;
padding: .75em 5px;
width: 50%;
text-align: right;
background: #ff0000;
opacity: .75;
}
.add_cart:hover {
opacity: 1;
}
.add_cart a {
color: #fff!
important;
}
.ptitle { display: none; }
@media only screen and (max-
width : 1024px) {
.post { width: 29%; min-height: 20em; padding: 0;
}
}
@media only screen and (max-width : 767px) {
.post { width: 46%;
padding: 0; }
.bsrp-gallery .bs-item a { width: auto; display: block;
float: none; margin-bottom: 2em; }
.bs-item a img { width: 100%;
height: auto;}
.offers .bsrp-gallery .bs-item a { width: 46%; }
}
@media only screen and (max-width : 480px) {
.post { width: auto;
display: block; float: none; padding: 0; }
.offers .bsrp-gallery
.bs-item a { width: 90%; float: none; display: block;}
}
</style>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<style
type='text/css'>
#main-wrapper {
width: 96%;
height:
auto;
}
#sidebar-wrapper { display: none; }
.product-image {
float: left;
width: 60%;
height: auto;
overflow: hidden;
display: inline-block;
}
th.thumb_image img, .item_thumbimg img, .product-image a img {
width: 520px;
height: auto;
box-shadow: 1px 2px 8px
#333;
background: #fff;
border: 10px solid #fff;
margin: 0 !important;
padding: 0 !important;
display:
block;
}
th.thumb_image { display: block; border: none !important;
outline: none !important; }
.separator{
border: none !
important; outline: none; padding: 0;
margin: 0;
}
.product-details {
float: right;
padding: 0 0 0 2%;
width: 33%;
border-left: 1px dotted #ccc !important;
}
.product-details img {
width: 60px;
height: 60px;
}
.post table, .post thead, .post td, .post tr {
border:
none !important;
outline: none !important;
width:
auto;
margin: 0;
padding: 0;
}
.post
tr:nth-of-type(odd) { background-color: none }
a.item_add {
padding: .75em 0;
background: #ff0000;
color: #fff;
text-align: center;
width: 50%;
display: block;
}
a.item_add:hover { background: #333; }
td.item_price, td.item_Price {
font-weight: 700; }
td.item_price, td.item_Price, td.total_quantity,
td.add_cart, td.item_Description, td.item_Delivery {
padding-bottom: 1em !important;
}
select.item_Size,
select.item_size { width: 50%; }
}
@media only screen and (max-width :
1024px) {
.product-image, .product-details { display: inline-block;
}
}
@media only screen and (max-width : 767px) {
.post table { width:
100%; }
.product-image, .product-details {
display: block;
float: none;
width: 100%;
padding: 0;
margin:
0 0 2em;
border: none;
}
}
</style>
</b:if>
<b:if
cond='data:blog.pageType != "index"'>
<style
type='text/css'>
@media only screen and (max-width : 1024px) {
.post-body img, .post-body img a, img.img-full, img.img-full a, .post-
body a img {
width: 95% !important;
height: auto !
important;
margin: 0 auto!important;
text-align: center;
float: none!important
}
.post-body p { display: block; width:
100%!important; float: none; }
}
</style>
</b:if>
<script
src='//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js'
type='text/javascript'/>
<script
src='//yourjavascript.com/50120303133/simplecart.min.js'
type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
//
Set Shopping cart and Blogshop currency Here
$(document).ready(function()
{
simpleCart.currency({
code: "MYR" ,
name:
"Malaysia Ringgit" ,
symbol: "RM" ,
delimiter: " " ,
decimal: "." ,
after: false ,
accuracy: 2
});
});
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
// No
customization needed. For shopping cart plug-in initiation
$(document).ready(function() {
simpleCart({
cartColumns: [
{ attr: "thumbimg", label: false, view: "image"},
{
attr: "name" , label: "Item" } ,
{ attr: "price" , label:
"Price", view: "currency" } ,
{ view: "decrement" , label:
false , text: "-" } ,
{ attr: "quantity" , label: "Qty",
view: "input" } ,
{ view: "increment" , label: false , text:
"+" } ,
{ attr: "total" , label: "Total", view: 'currency' }
,
{ view: "remove" , text: "X" , label: "Cancel" },
]
,
cartStyle: "table",
excludeFromCheckout :
['thumbimg' , 'description'],
});
});
//]]>
</script>
<b:if
cond='data:blog.pageType == "static_page"'>
<style
type='text/css'>
h1.post-title, h2.post-title {
margin:
1em 0;
}
.offers .bsrp-gallery .bs-item a {
width: 16%;
height: 125px;
}
@media only screen and (max-width : 767px) {
.offers
.bsrp-gallery .bs-item a { width: 90%; float: none; display: block;
margin: 0 auto;}
}
</style>
</b:if>
<b:if cond='data:blog.pageType ==
"item"'>
<script type='text/javascript'>
//<![CDATA[
var
relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls =
new Array();
var thumburl = new Array();
function
related_results_labels_thumbs(e){for(var t=0;t<e.feed.entry.length;t++)
{var n=e.feed.entry[t];relatedTitles[relatedTitlesNum]=n.title.$t;try
{thumburl[relatedTitlesNum]=n.media$thumbnail.url}catch(r){s=n.content.
$t;a=s.indexOf("<img");b=s.indexOf('src="',a);c=s.indexOf('"',b
+5);d=s.substr(b+5,c-b-5);if(a!=-1&&b!=-1&&c!=-1&&d!=""){thumburl
[relatedTitlesNum]=d}else{if(typeof defaultnoimage!
=="undefined")thumburl[relatedTitlesNum]=defaultnoimage;else thumburl
[relatedTitlesNum]="http://3.bp.blogspot.com/-
PpjfsStySz0/UF91FE7rxfI/AAAAAAAACl8/092MmUHSFQ0/s1600/no_image.jpg"}}if
(relatedTitles[relatedTitlesNum].length>20)relatedTitles
[relatedTitlesNum]=relatedTitles[relatedTitlesNum].substring
(0,20)+"...";for(var i=0;i<n.link.length;i++){if(n.link
[i].rel=="alternate"){relatedUrls[relatedTitlesNum]=n.link
[i].href;relatedTitlesNum++}}}}function removeRelatedDuplicates_thumbs
(){var e=new Array(0);var t=new Array(0);var n=new Array(0);for(var
r=0;r<relatedUrls.length;r++){if(!contains_thumbs(e,relatedUrls[r]))
{e.length+=1;e[e.length-1]=relatedUrls[r];t.length+=1;n.length+=1;t
[t.length-1]=relatedTitles[r];n[n.length-1]=thumburl[r]}}
relatedTitles=t;relatedUrls=e;thumburl=n}function contains_thumbs(e,t)
{for(var n=0;n<e.length;n++)if(e[n]==t)return true;return false}function
printRelatedLabels_thumbs(e){var t;if(typeof splittercolor!
=="undefined")t=splittercolor;else t="none";for(var
n=0;n<relatedUrls.length;n++){if(relatedUrls[n]==e||!relatedTitles[n])
{relatedUrls.splice(n,1);relatedTitles.splice(n,1);thumburl.splice
(n,1);n--}}var r=Math.floor((relatedTitles.length-1)*Math.random());var
n=0;if(relatedTitles.length>0)document.write("<h3>"+relatedpoststitle
+"</h3>");document.write('<div style="clear: both;"/>');while
(n<relatedTitles.length&&n<20&&n<maxresults){document.write('<a
style="text-decoration:none;padding:0;');if(n!=0)document.write
("border:none;"+t+';"');else document.write('"');
var
i=480;document.write(' href="'+relatedUrls[r]+'"><div class="related-
items"><div class="related-image"><img src="'+thumburl[r].replace("/s72
-c/","/s"+i+"-c/")+'"/ alt="+relatedTitles[r]+"></div><div
class="related-post-title">'+relatedTitles[r]+"</div></div></a>");n++;
if(r<relatedTitles.length-1){r++}else{r=0}}document.write
("</div>");
relatedUrls.splice(0,relatedUrls.length);thumburl.splice
(0,thumburl.length);relatedTitles.splice(0,relatedTitles.length)}
//]]>
</script>
</b:if>
<script type='text/javascript'>
//<![CDATA[
//
Recent Comments Jquery by HelperBlogger
function showrecentcomments
(json){for(var i=0;i<a_rc;i++){var b_rc=json.feed.entry[i];var c_rc;if
(i==json.feed.entry.length)break;for(var k=0;k<b_rc.link.length;k++){if
(b_rc.link[k].rel=='alternate'){c_rc=b_rc.link[k].href;break;}}
c_rc=c_rc.replace("#","#");var d_rc=c_rc.split("#");d_rc=d_rc[0];var
e_rc=d_rc.split("/");e_rc=e_rc[5];e_rc=e_rc.split(".html");e_rc=e_rc
[0];var f_rc=e_rc.replace(/-/g," ");f_rc=f_rc.link(d_rc);var
g_rc=b_rc.published.$t;var h_rc=g_rc.substring(0,4);var
i_rc=g_rc.substring(5,7);var j_rc=g_rc.substring(8,10);var k_rc=new
Array();k_rc[1]="Jan";k_rc[2]="Feb";k_rc[3]="Mar";k_rc[4]="Apr";k_rc
[5]="May";k_rc[6]="Jun";k_rc[7]="Jul";k_rc[8]="Aug";k_rc[9]="Sep";k_rc
[10]="Oct";k_rc[11]="Nov";k_rc[12]="Dec";if("content" in b_rc){var
l_rc=b_rc.content.$t;}else if("summary" in b_rc){var l_rc=b_rc.summary.
$t;}else var l_rc="";var re=/<\S[^>]*>/g;l_rc=l_rc.replace
(re,"");document.write('<div class="rcw-comments">');if
(m_rc==true)document.write('On '+k_rc[parseInt(i_rc,10)]+' '+j_rc+'
');document.write('<span class="author-rc"><a href="'+c_rc
+'">'+b_rc.author[0].name.$t+'</a></span> commented');if
(n_rc==true)document.write(' on '+f_rc);
if(o_rc==0){
document.write
('</div>');
}
else{
document.write(': ');if(l_rc.length<o_rc)
{document.write('<i>“');document.write(l_rc);document.write
('”</i></div>');}else{document.write
('<i>“');l_rc=l_rc.substring(0,o_rc);var p_rc=l_rc.lastIndexOf("
");l_rc=l_rc.substring(0,p_rc);document.write(l_rc
+'…”</i></div>');document.write('');}
}
}
}
//]]>
</script>
<script type='text/javascript'>
// Blogger Gallery thanks to
www.bloggersentral.com
//<![CDATA[
function bsrpGallery(root) {
var
entries = root.feed.entry || [];
var html = ['<div class="bsrp-
gallery nopin" title="">'];
for (var i = 0; i < entries.length; ++i)
{
var post = entries[i];
var postTitle = post.title.$t;
var orgImgUrl = post.media$thumbnail ? post.media$thumbnail.url :
'http://3.bp.blogspot.com/-
sWtp_qRPNT8/UZYmQq5sAdI/AAAAAAAAEec/7YDbpK4Q6g8/s72-c/default
+image.png';
var newImgUrl = orgImgUrl.replace('s72-c', 's' +
bsrpg_thumbSize + '-c');
var links = post.link || [];
for
(var j = 0; j < links.length; ++j) {
if (links[j].rel ==
'alternate') break;
}
var postUrl = links[j].href;
var imgTag = '<img src="' + newImgUrl + '" width="' + bsrpg_thumbSize +
'" height="' + bsrpg_thumbSize + '" alt="BlogrStore Template Shop
Online" />';
var pTitle = bsrpg_showTitle ? '<span
class="ptitle">' + postTitle + '</span>' : '';
var item = '<a
href="' + postUrl + '" target="_self" title="' + postTitle + '">' +
imgTag + pTitle + '</a>';
html.push('<div class="bs-item">',
item, '</div>');
}
html.push('</div>');
document.write
(html.join(""));
}
//]]>
</script>
<b:if
cond='data:blog.postImageThumbnailUrl'>
<meta
expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
<b:else/>
<meta content='http://2.bp.blogspot.com/-
erTXCq61ULM/TmHYAQBZ0GI/AAAAAAAACCs/6cBX54Dn6Gs/s72-c/default.png'
property='og:image'/>
</b:if>
</head>
<body>
<!-- Fixed Background
Image for Other Pages -->
<b:if cond='data:blog.url !=
data:blog.homepageUrl'>
<div id='bg'>
<img alt='background image'
src='http://3.bp.blogspot.com/-P4_2Zuxugw8/Ua_qMOZ8ksI/AAAAAAAAGXQ/doJ-
k_abDYY/s320/minimalist+blogshop.jpg'/></div>
</b:if>
<!-- Fixed
Background Image for Homepage Only -->
<b:if cond='data:blog.url ==
data:blog.homepageUrl'>
<div id='bg'>
<img alt='background image'
src='http://2.bp.blogspot.com/-
mauPOiPBmZw/UbKBR4OoznI/AAAAAAAAGYM/l4K03PNaaTc/s320/shopping-
wallpaper-1280x1024.jpg'/></div>
</b:if>
<!-- skip links for text
browsers -->
<span id='skiplinks' style='display:none;'>
<a
href='#main'>skip to main </a> |
<a href='#sidebar'>skip to
sidebar</a>
</span>
<div id='header-link-wrapper'>
<b:section
class='header-link' id='header-link' showaddelement='no'>
<b:widget id='LinkList1' locked='true' title='' type='LinkList'>
<b:includable id='main'>
<a class='home-nav' href='#' id='nav-main'/>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div
class='widget-content'>
<ul>
<b:loop values='data:links'
var='link'>
<li><a
expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
<!-- Shopping Cart Starts -->
<div
id='cart-widget'>
<div class='cart-current'>
<a href='#'
id='toggle-cart' title='View Cart or Checkout'><span id='cart-
icon'/></a>
<span class='cart-label'> Currently <strong><span
class='simpleCart_quantity'/></strong> item(s) in Cart.</span>
</div>
</div>
<!-- Shopping Cart Ends -->
<!-- Search Bar
-->
<form action='/search' id='searchThis' method='get'>
<input class='searchBox' name='q' onblur='if
(this.value=='')this.value=this.defaultValue;' onfocus='if
(this.value==this.defaultValue)this.value='';' size='21'
type='text' value='Search...'/>
<input class='searchButton'
type='submit' value='Search'/>
</form>
<!-- Search Bar -->
<div
class='clear'/>
</div>
<div class='spacer-nav'/>
<div
class='cart-details-wrapper' style='display: none;'>
<div id='cart-
details'>
<h3>Currently in your Cart</h3>
<div
class='simpleCart_items'> </div>
<h4 class='button'
style='text-align: center; display: block;'>Your Total <span
class='simpleCart_total'> </span> </h4>
<!-- <br/>
<br/>
<p style='color: #fff;text-align: center;'>IMPORTANT! After monitoring
users template usage, we found that your customization DOES NOT meet the
shopping cart plug-in requirement. Due to too many ERROR messages we
have temporary dis-connect the email invoice plug-in. <br/> <br/>Please
contact us if you require more info. Thank You. </p> -->
</div>
<br/>
<b:section class='toggle1' id='toggle1' showaddelement='no'>
<b:widget id='HTML5' locked='true' title='Checkout Form'
type='HTML'>
<b:includable id='main'>
<!-- only display
title if it's non-empty -->
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML9'
locked='true' title='Checkout Notes' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<div class='widget-content'>
<data:content/>
</div>
<b:include
name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
<div class='clear'/>
</div>
<div class='clear'/>
<div
id='outer-wrapper'>
<div id='header-wrapper'>
<b:section
class='header' id='header' showaddelement='yes'>
<b:widget
id='Header1' locked='true' title='BlogrStore Responsive (Header)'
type='Header'>
<b:includable id='main'>
<b:if
cond='data:useImage'>
<b:if cond='data:imagePlacement ==
"BEHIND"'>
<!--
Show image as background to text.
You can't really calculate the width
reliably in JS because margins
are not taken into account by any of
clientWidth, offsetWidth or
scrollWidth, so we don't force a minimum
width if the user is using
shrink to fit.
This results in a margin-width's worth of pixels
being cropped. If the
user is not using shrink to fit then we
expand the header.
-->
<b:if cond='data:mobile'>
<div
id='header-inner'>
<div class='titlewrapper'
style='background: transparent'>
<b:if cond='data:blog.url ==
data:blog.homepageUrl'>
<h1 class='title'
style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
<b:else/>
<h2 class='title' style='background: transparent; border-width:
0px'>
<b:include name='title'/>
</h2>
</b:if>
</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'>
<b:if cond='data:blog.url
== data:blog.homepageUrl'>
<h1 class='title'
style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
<b:else/>
<h2 class='title' style='background: transparent; border-width:
0px'>
<b:include name='title'/>
</h2>
</b:if>
</div>
<b:include
name='description'/>
</div>
</b:if>
<b:else/>
<!-- Show the image only -->
<div id='header-inner'>
<a
expr:href='data:blog.homepageUrl' style='display: block'>
<img
expr:alt='data:title' expr:height='data:height'
expr:id='data:widget.instanceId + "_headerimg"'
expr:src='data:sourceUrl' expr:width='data:width' style='display:
block'/>
</a>
<!-- Show the description -->
<b:if
cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
<b:include name='description'/>
</b:if>
</div>
</b:if>
<b:else/>
<!-- No header image -->
<div id='header-inner'>
<div class='titlewrapper'>
<b:if cond='data:blog.url ==
data:blog.homepageUrl'>
<h1 class='title'>
<b:include
name='title'/>
</h1>
<b:else/>
<h2 class='title'>
<b:include name='title'/>
</h2>
</b:if>
</div>
<b:include name='description'/>
</div>
</b:if>
</b:includable>
<b:includable id='description'>
<div
class='descriptionwrapper'>
<p
class='description'><span><data:description/></span></p>
</div>
</b:includable>
<b:includable id='title'>
<b: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:widget
id='Label2' locked='true' title='' type='Label'>
<b:includable id='main'>
<a class='second-nav' href='#' id='nav-second'/>
<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='clear'/>
<div id='content-wrapper'>
<div
id='main-wrapper'>
<b:section class='main' id='main'
showaddelement='no'>
<b:widget id='HTML4' locked='true'
title='Icon Display' type='HTML'>
<b:includable id='main'>
<div class='widget-content'>
<data:content/>
</div>
<b:include
name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML6' locked='true' title='Featured Products'
type='HTML'>
<b:includable id='main'>
<b:if
cond='data:blog.url == data:blog.homepageUrl'>
<div class='widget-
content featured'>
<data:content/>
</div>
<b:include
name='quickedit'/>
</b:if>
</b:includable>
</b:widget>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
<b:includable id='main' var='top'>
<b:if
cond='data:blog.pageType == "index"'>
<h2>Current
Items in Store</h2>
</b:if>
<b:if cond='data:mobile ==
"false"'>
<!-- posts -->
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<data:defaultAdStart/>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.isDateStart'>
<b:if
cond='data:post.isFirstPost == "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: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>
<b:if cond='data:post.includeAd'>
<b:if
cond='data:post.isFirstPost'>
<data:defaultAdEnd/>
<b:else/>
<data:adEnd/>
</b:if>
<div
class='inline-ad'>
<data:adCode/>
</div>
<data:adStart/>
</b:if>
</b:loop>
<b:if
cond='data:numPosts != 0'>
</div></div>
</b:if>
<data:adEnd/>
</div>
<!-- navigation -->
<b:include
name='nextprev'/>
<!-- feed links -->
<b:include
name='feedLinks'/>
<b:if cond='data:top.showStars'>
<script
src='//www.google.com/jsapi' type='text/javascript'/>
<script
type='text/javascript'>
google.load("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:else/>
<b:include
name='mobile-main'/>
</b:if>
<b:if cond='data:top.showDummy'>
<data:top.dummyBootstrap/>
</b:if>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<span
expr:class='"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='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='breadcrumb' var='posts'>
<b:if
cond='data:blog.homepageUrl != data:blog.url'>
<b:if
cond='data:blog.pageType == "static_page"'>
<div
class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl'
rel='tag'>Shelf</a></span><span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<!-- breadcrumb for the post page -->
<b:loop values='data:posts'
var='post'>
<b:if cond='data:post.labels'>
<div
class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
<span
typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl'
property='v:title' rel='v:url'>Shelf</a></span>
<b:loop
values='data:post.labels' var='label'>
<span
typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title'
rel='v:url'><data:label.name/></a></span>
</b:loop>
<span><data:post.title/></span>
</div>
<b:else/>
<div
class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl'
rel='tag'>Shelf</a></span><span>Un-categorized
Products</span><span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType ==
"archive"'>
<!-- breadcrumb for the label archive page and
search pages.. -->
<div class='breadcrumbs'>
<span><a
expr:href='data:blog.homepageUrl'>Shelf</a></span><span>Searched
Products for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<div
class='breadcrumbs'>
<b:if cond='data:blog.pageName == ""'>
<span><a
expr:href='data:blog.homepageUrl'>Shelf</a></span><span>Displaying All
Products</span>
<b:else/>
<span><a
expr:href='data:blog.homepageUrl'>Shelf</a></span><span>Products Filed
Under<data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</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='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='comment_count_picker' var='post'>
<b:if
cond='data:post.commentSource == 1'>
<span
class='cmt_count_iframe_holder' expr:data-count='data:post.numComments'
expr:data-onclick='data:post.addCommentOnclick' expr:data-post-
url='data:post.url' expr:data-url='data:post.canonicalUrl'>
</span>
<b:else/>
<a class='comment-link' expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'>
<data:post.commentLabelFull/>:
</a>
</b:if>
</b:includable>
<b:includable id='comment_picker' var='post'>
<b:if
cond='data:post.commentSource == 1'>
<b:include data='post'
name='iframe_comments'/>
<b:else/>
<b:if
cond='data:post.showThreadedComments'>
<b:include data='post'
name='threaded_comments'/>
<b:else/>
<b:include data='post'
name='comments'/>
</b:if>
</b:if>
</b:includable>
<b:includable id='comments' var='post'>
<div class='comments'
id='comments'>
<a name='comments'/>
<b:if
cond='data:post.allowComments'>
<h4>
<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'>
<b:if cond='data:post.hasOlderLinks'>
<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>
 
</b:if>
<data:post.commentRangeText/>
<b:if cond='data:post.hasNewerLinks'>
 
<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>
</b:if>
</span>
</b:if>
<div
expr:id='data:widget.instanceId + "_comments-block-wrapper"'>
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='"comment-author " + data:comment.authorClass'
expr:id='data:comment.anchorName'>
<b:if
cond='data:comment.favicon'>
<img
expr:src='data:comment.favicon' height='16px' style='margin-bottom:-
2px;' width='16px'/>
</b:if>
<a
expr:name='data:comment.anchorName'/>
<b:if
cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
<b:if cond='data:comment.authorUrl'>
<a
expr:href='data:comment.authorUrl'
rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd
class='comment-body' expr:id='data:widget.instanceId +
data:comment.cmtBodyIdPostfix'>
<b:if
cond='data:comment.isDeleted'>
<span class='deleted-
comment'><data:comment.body/></span>
<b:else/>
<p>
<data:comment.body/>
</p>
</b:if>
</dd>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a
expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include
data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>
</div>
<b:if
cond='data:post.commentPagingRequired'>
<span class='paging-
control-container'>
<a expr:class='data:post.oldLinkClass'
expr:href='data:post.oldestLinkUrl'>
<data:post.oldestLinkText/>
</a>
<a
expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
<data:post.olderLinkText/>
</a>
 
<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>
<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='feedLinks'>
<b:if
cond='data:blog.pageType != "item"'> <!-- Blog feed links -->
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>
<b:else/> <!--Post feed links -->
<div class='post-feeds'>
<b:loop values='data:posts' var='post'>
<b:if
cond='data:post.allowComments'>
<b:if
cond='data:post.feedLinks'>
<b:include data='post.feedLinks'
name='feedLinksBody'/>
</b:if>
</b:if>
</b:loop>
</div>
</b:if>
</b:includable>
<b:includable
id='feedLinksBody' var='links'>
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a
class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType'
target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>
</b:includable>
<b:includable id='iframe_comments'
var='post'>
<b:if cond='data:post.allowIframeComments'>
<script
expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
<div
class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl'
expr:data-viewtype='data:post.viewType'/>
<b:if
cond='data:post.embedCommentForm == "false"'>
<a
expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</b:includable>
<b:includable id='mobile-
index-post' var='post'>
<div class='mobile-date-outer date-outer'>
<b:if cond='data:post.dateHeader'>
<div class='date-header'>
<span><data:post.dateHeader/></span>
</div>
</b:if>
<div
class='mobile-post-outer'>
<a expr:href='data:post.url'>
<h3
class='mobile-index-title entry-title' itemprop='name'>
<data:post.title/>
</h3>
<div class='mobile-index-
arrow'>&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>
</div>
</b:includable>
<b:includable id='mobile-main' var='top'>
<!-- posts -->
<div class='blog-posts hfeed'>
<b:include data='top' name='status-
message'/>
<b:if cond='data:blog.pageType == "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='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'>
<b:if
cond='data:blog.pageType == "index"'>
<b:if
cond='data:post.title'>
<a expr:name='data:post.id'/>
<h2 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>
</h2>
</b:if>
<b:else/>
<b:if cond='data:post.title'>
<a
expr:name='data:post.id'/>
<h1 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>
</h1>
</b:if>
</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'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos
floats -->
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<span
class='post-author vcard'>
<b:if
cond='data:top.showAuthor'>
<b:if
cond='data:post.authorProfileUrl'>
<span class='fn'>
<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='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'>Newer Products</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'>Previous Products</a>
</span>
</b:if>
<a class='home-link'
expr:href='data:blog.homepageUrl'>Current Products</a>
<b:if
cond='data:mobileLinkUrl'>
<div class='blog-mobile-link'>
<a
expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
</div>
</b:if>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='post' var='post'>
<div class='post hentry
simpleCart_shelfItem' itemscope='itemscope'
itemtype='http://schema.org/BlogPosting'>
<a
expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h1
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>
</h1>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:include
data='posts' name='breadcrumb'/>
</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;'/> <!-- clear for photos floats -->
</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/>
<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> <span class='post-icons'>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a
expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<img alt='' class='icon-action' height='13'
src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
</a>
</span>
</b:if>
<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/>
</span> <div
class='post-share-buttons goog-inline-block'>
<b:if
cond='data:post.sharePostUrl'>
<b:include data='post'
name='shareButtons'/>
</b:if>
</div> </div>
<div
class='post-footer-line post-footer-line-2'><span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a
expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if
cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
</span> </div>
<b:if cond='data:blog.pageType ==
"item"'>
<div class='clear'/>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if
cond='data:label.isLast != "true"'>
</b:if>
<b:if
cond='data:blog.pageType == "item"'>
<script
expr:src='"/feeds/posts/default/-/" + data:label.name +
"?alt=json-in-
script&callback=related_results_labels_thumbs&max-
results=5"' type='text/javascript'/></b:if></b:loop>
<script type='text/javascript'>
var
currentposturl="<data:post.url/>";
var
maxresults=5;
var relatedpoststitle="Items You
Might Like";
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs();
</script>
</div>
<div class='clear'/>
</b:if>
<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='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='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 sb-twitter' 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 sb-facebook' 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.showDummy'><div class='goog-inline-block dummy-
container'><data:post.dummyTag/></div></b:if>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data: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'>
<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='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='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:widget>
<b:widget id='HTML7'
locked='true' title='Offer Products' type='HTML'>
<b:includable id='main'>
<div class='widget-content offers'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>
<div
id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar'
preferred='yes'>
<b:widget id='CustomSearch1' locked='false'
title='Search This Blog' type='CustomSearch'>
<b:includable
id='main'>
<!-- only display title if it's non-empty -->
<b:if
cond='data:title != ""'>
<h2
class='title'><data:title/></h2>
</b:if>
<div class='widget-
content'>
<div expr:id='data:widget.instanceId +
"_form"'>
<span class='cse-
status'><data:loadingMsg/></span>
</div>
</div>
<!-- override
gsearch.css -->
<style type='text/css'>
#uds-searchControl .gs-
result .gs-title,
#uds-searchControl .gs-result .gs-title *,
#uds-searchControl .gsc-results .gsc-trailing-more-results,
#uds-
searchControl .gsc-results .gsc-trailing-more-results * {
color:<data:linkColor/>;
}
#uds-searchControl .gs-result .gs-
title a:visited,
#uds-searchControl .gs-result .gs-title a:visited
* {
color:<data:visitedLinkColor/>;
}
#uds-
searchControl .gs-relativePublishedDate,
#uds-searchControl .gs-
publishedDate {
color: <data:dateColor/>;
}
#uds-
searchControl .gs-result a.gs-visibleUrl,
#uds-searchControl .gs-
result .gs-visibleUrl {
color: <data:urlColor/>;
}
#uds-searchControl .gsc-results {
border-color:
<data:borderColor/>;
background-color: <data:backgroundColor/>;
}
#uds-searchControl .gsc-tabhActive {
border-color:
<data:borderColor/>;
border-top-color: <data:activeBorderColor/>;
background-color: <data:backgroundColor/>;
color:
<data:textColor/>;
}
#uds-searchControl .gsc-tabhInactive {
border-color: <data:borderColor/>;
background-color:
transparent;
color: <data:linkColor/>;
}
#uds-
searchClearResults {
border-color: <data:borderColor/>;
}
#uds-searchClearResults:hover {
border-color:
<data:activeBorderColor/>;
}
#uds-searchControl .gsc-cursor-
page {
color: <data:linkColor/>;
}
#uds-searchControl
.gsc-cursor-current-page {
color: <data:textColor/>;
}
</style>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='PopularPosts1' locked='false'
title='Hot Items' type='PopularPosts'>
<b:includable
id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div
class='widget-content popular-posts'>
<ul>
<b:loop
values='data:posts' var='post'>
<li>
<b:if
cond='data:showThumbnails == "false"'>
<b:if
cond='data:showSnippets == "false"'>
<!-- (1) No
snippet/thumbnail -->
<a
expr:href='data:post.href'><data:post.title/></a>
<b:else/>
<!-- (2) Show only snippets -->
<div class='item-
title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
<b:else/>
<b:if cond='data:showSnippets ==
"false"'>
<!-- (3) Show only thumbnails -->
<div class='item-thumbnail-only'>
<b:if
cond='data:post.thumbnail'>
<script
type='text/javascript'>
//<![CDATA[
function bp_thumbnail_resize(image_url,post_title) {
var image_size=320;
var show_default_thumbnail=true;
var default_thumbnail="http://2.bp.blogspot.com/-
erTXCq61ULM/TmHYAQBZ0GI/AAAAAAAACCs/6cBX54Dn6Gs/s72-c/default.png";
if(show_default_thumbnail == true && image_url == "")
image_url= default_thumbnail;
image_tag='<img
src="'+image_url.replace('/s72-c/','/s'+image_size+'-c/')+'"
class="postthumb" alt="'+post_title+'" title="'+post_title+'"
target="_self" />';
if(image_url!="") return image_tag;
else return "";
}
//]]>
</script>
<a expr:href='data:post.href' target='_blank'>
<div class='item-thumbnail'>
<script
type='text/javascript'>
document.write
(bp_thumbnail_resize
("<data:post.thumbnail/>","<data:post.title/>"));
</script>
</div>
</a>
</b:if>
<div class='item-title'><a
expr:href='data:post.href'><data:post.title/></a></div>
</div>
<div style='clear: both;'/>
<b:else/>
<!-- (4) Show snippets and thumbnails -->
<div
class='item-content'>
<b:if cond='data:post.thumbnail'>
<script type='text/javascript'>
//<![CDATA[
function bp_thumbnail_resize(image_url,post_title) {
var image_size=380;
var
show_default_thumbnail=true;
var
default_thumbnail="http://2.bp.blogspot.com/-
erTXCq61ULM/TmHYAQBZ0GI/AAAAAAAACCs/6cBX54Dn6Gs/s72-c/default.png";
if(show_default_thumbnail == true && image_url == "")
image_url= default_thumbnail;
image_tag='<img
src="'+image_url.replace('/s72-c/','/s'+image_size+'-c/')+'"
class="postthumb" alt="'+post_title+'" target="_self" />';
if(image_url!="") return image_tag; else return "";
}
//]]>
</script>
<div
class='item-thumbnail'>
<script type='text/javascript'>
document.write(bp_thumbnail_resize
("<data:post.thumbnail/>","<data:post.title/>"));
</script>
</div>
</b:if>
<div class='item-title'><a
expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</div>
<div style='clear: both;'/>
</b:if>
</b:if>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='HTML8'
locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title
!= ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div
class='widget-content'>
<data:content/>
</div>
<b:include
name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML3' locked='false' title='Recent Comments' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's
non-empty -->
<b:if cond='data:blog.pageType != "index"'>
<b:if cond='data:title != ""'>
<h2
class='title'><data:title/></h2>
</b:if>
<div
class='widget-content'>
<data:content/>
</div>
</b:if>
<b:include
name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>
<!-- spacer for skins that want
sidebar and main to be the same height -->
<div
class='clear'> </div>
</div> <!-- end content-wrapper -->
</div>
<!-- end outer-wrapper -->
<div id='footer-wrapper'>
<b:section
class='footer' id='footer'>
<b:widget id='HTML2' locked='false'
title='Top Commentors' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title !=
""'>
<h3 class='title'><data:title/></h3>
</b:if>
<div
class='widget-content'>
<data:content/>
</div>
<b:include
name='quickedit'/>
</b:includable>
</b:widget>
<b:widget
id='Label5' locked='false' title='Labels' 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:widget id='HTML1'
locked='false' title='Subscribe Our Offers' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2
class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
<div class='clear'/>
<!-- Do not remove/modify attribution/credit as required by template
license and
in respest to designers/author hard work and sponsors
participation. For removal and inquiry
please contact us at
http://www.irsah.com/contact/ . Any illegal use of this theme/s is
prohibited and will be prosecuted by law. -->
<div
id='credit'>
<div class='totop'><a alt='Main' href='#'
id='backtotop'><span class='arrow-up'/>Top</a></div>
<div
class='credit-links'><a
expr:href='data:blog.homepageUrl'><data:blog.title/></a> | Copyright
© 2013 | Powered by<a href='http://www.blogger.com /'
target='_blank'> Blogger</a>
<br/>
<p><small>Designed/Developed by | <a href='http://www.irsah.com/about/'
rel='nofollow'> Irsah inDesigns E-Commerce Blogger
Templates</a></small></p>
</div> <div class='clear'/></div></div>
<!-- Do Not Remove This -->
<b:include data='blog' name='google-
analytics'/>
<b:if cond='data:blog.pageType == "index"'>
<script
type='text/javascript'>
//<![CDATA[
/*
Index post pages thumbnail views
============================= */
var thumbnail_mode = "no-float" ;
sum_noimage = 0;
sum_image = 0;
image_thumb_height = 285;
image_thumb_width = 285;
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){if(strx.indexOf("<")!=-1)
{var s=strx.split("<");for(var i=0;i<s.length;i++){if(s[i].indexOf
(">")!=-1){s[i]=s[i].substring(s[i].indexOf(">")+1,s[i].length)}}
strx=s.join("")}chop=(chop<strx.length-1)?chop:strx.length-2;while
(strx.charAt(chop-1)!=' '&&strx.indexOf(' ',chop)!=-1)chop+
+;strx=strx.substring(0,chop-1);return strx+'...'}function
createSummaryThumbPost(pID){var div=document.getElementById(pID);var
imagetag="";var image=div.getElementsByTagName("img");if
(image.length<=0){
imagetag = '<span style="float:left; margin: 0;
padding: 0 ;"><img src="http://3.bp.blogspot.com/-O-ykRe1bMOc/UV-
70Dzkh5I/AAAAAAAAFbc/R7I5DLqvsg8/s1600/_notavailable.jpg"
width="'+image_thumb_width+'px" height="'+image_thumb_height+'px"
thumb="http://3.bp.blogspot.com/-O-ykRe1bMOc/UV-
70Dzkh5I/AAAAAAAAFbc/R7I5DLqvsg8/s1600/_notavailable.jpg" alt="product
item" /></span>';
var summ = sum_noimage;
}
if(image.length>=1)
{
imagetag='<span class="home-product-image" id="thumb-home"
style="background: url('+img[0].src+') no-repeat center center;
background-size: cover;" alt="blogshop product
items"></span>';summ=sum_image}var summary=imagetag
+'<div>'+removeHtmlTag(div.innerHTML,summ)+'</div>';div.innerHTML=summ}
//]]>
</script>
</b:if>
<script type='text/javascript'>
//Jquery helper
customize data info at http://blog.irsah.com
//<![CDATA[
function IsEmail
(realemail) {
var regex = /^([a-zA-Z0-9_\.\-\+])+\@(([a-zA-Z0-9\-])+
\.)+([a-zA-Z0-9]{2,4})+$/;
return regex.test(realemail);
}
$(document).ready(function(){
// Add img-full class to post images
$(".post-body img, .post-body img a").addClass("img-full");
// Replace
widget h2 tag
$("#sidebar-wrapper, #footer").find('h2').replaceWith
(function() {
return '<h3>' + $(this).text() + '</h3>';
});
// Image helper for Add to Cart
$("img
[alt*='product']").addClass("item_thumbimg");
$('th#thumb
img').addClass ("item_thumbimg");
$('#cart-icon').click(function()
{
$("html , body").animate({scrollTop:0}, "slow");
$('.cart-details-wrapper').slideToggle('slow');
$('.cart-details-
wrapper').css('display: static;');
return false;
});
$('#nav-second').click(function() {
$('.Label ul').slideToggle
('slow');
return false;
});
$('#nav-main').click(function()
{
$('.LinkList ul').slideToggle('slow');
return false;
});
// Customize Homepage Featured Text here
$(".featured").append
("<apan class='special-featured'><h3>Featured of the Day
→</h3><span class='special-featured1'>While Stock
Last</span></span>");
// Customize Homepage Offer Text here
$(".offers").append("<apan class='special-offers'><h3>Discounts Up To
20% →</h3><span class='special-offers1'>While Stock
Last</span></span>");
});
// Back to top slow scroll
$(window).ready(function(){
$("#backtotop" ).click(function(e){
e.preventDefault();
$("html , body").animate({scrollTop:0},
"slow");
});
$('#email').bind("change keyup input", function() {
var realemail = $(this).val();
if (IsEmail(realemail) !==
false) {
$('#emailInfo').addClass('fieldok');
$('#sent-order').addClass('buttonok');
$('span.submitdummy').addClass('showdummy');
$('.buttondummy').addClass('showdummy');
} else {
$('#emailInfo').removeClass('fieldok');
$('#sent-
order').removeClass('buttonok');
$('span.submitdummy').removeClass('showdummy');
}
});
});
(function() {
var po = document.createElement('script'); po.type =
'text/javascript'; po.async = true;
po.src =
'https://apis.google.com/js/plusone.js';
var s =
document.getElementsByTagName('script')[0]; s.parentNode.insertBefore
(po, s);
})();
//]]>
</script>
<b>:if cond='data:blog.pageType !=
"index"'>
<script src='http://apis.google.com/js/plusone.js'
type='text/javascript'/>
</b>:if>
<script type='text/javascript'>
//<!
[CDATA[
// Auto e-mail notifier data info at http://blog.irsah.com. No
changes required.
simpleCart({
checkout: {
type: 'SendForm',
url: 'http://www.irsah.com/phpmail/checkout-01.php',
method:
'POST',
// Edit your blogshop currency here
currency: 'MYR',
extra_data: {
first_name: document.getElementById
('first_name').value,
last_name: document.getElementById
('last_name').value,
email: document.getElementById
('email').value,
phone: document.getElementById('phone').value,
deliveryLocation: document.getElementById
('deliveryLocation').value,
address: document.getElementById
('address').value,
postcode: document.getElementById
('postcode').value,
comments: document.getElementById
('comments').value
}
}
});
//]]>
</script>
<script
type='text/javascript'>
//<![CDATA[
/* E-Mail Invoice Data
Customize data
info at http://blog.irsah.com/
============================================== */
simpleCart.bind(
'beforeCheckout' , function( data ){
//Required fields - No
customization required
data.first_name = document.getElementById
("first_name").value;
data.last_name = document.getElementById
("last_name").value;
data.email = document.getElementById
("email").value;
data.phone = document.getElementById
("phone").value;
data.address = document.getElementById
("address").value;
data.postcode = document.getElementById
("postcode").value;
data.comments = document.getElementById
("comments").value;
data.deliveryLocation = document.getElementById
("deliveryLocation").value;
// Customize URL, links and Blogshop name
data.shop_name = "BlogrStore Template";
data.shop_url =
"//blogrstore-template.blogspot.com/"; //UPDATE url structure
data.shop_thankyou = "//blogrstore-template.blogspot.com/p/sucess.html";
data.shop_sendFail = "//blogrstore-template.blogspot.com/p/error.html";
data.shop_email = "[email protected]";
// Currency to display in
email invoice
data.shop_currency = "RM";
// Customize blogshop
business preferences. Leave " - " (dash) if not required
data.shop_bizname = "Blogr Store Boutique and Services Sdn. Bhd.";
data.shop_bizaddress = "Kuala Lumpur, Malaysia";
data.shop_bizphone1 =
"017-361 8321";
data.shop_bizphone2 = "013-361 8321";
data.shop_bizphone3 = "016-361 8321";
// Customize blogshop banking
preferences. Leave " - " (dash) if not required
data.bank1 = "MYBANK";
data.bank1_acc_no = "1234 1234 1111 22";
data.bank1_acc_name = "John
Jane";
data.bank2 = "Bank Commerce";
data.bank2_acc_no = "1234 1234
1111 22";
data.bank2_acc_name = "Jane Doe";
data.bank3 = "Central
Bank";
data.bank3_acc_no = "1234 1234 1111 22";
data.bank3_acc_name = "John Doe";
// Customize blogshop additional
notes. Leave " - " (dash) if not required
// Additional notes to
include in automated e-mail
data.note1 = "Our PAYPAL secured gateway at
http://www.your_PAYPAL_secured_link.com";
data.note_detail1 = "Our
Google Wallet secured payment gateway at
http://www.your_GOOGLEWallet_secured_link.com";
data.note2 =
"Altenative Our merchant MYBANK2PAY at:";
data.note_detail2 =
"http://www.your_MYBANK2PAY_secured_payment_link.com";
});
//]]>
</script>
</body>
</html>
--
You received this message because you are subscribed to the Google Groups "Blogger Developer Group" group.
To unsubscribe from this group and stop receiving emails from it, send an email to [email protected].
To post to this group, send email to [email protected].
Visit this group at https://groups.google.com/group/bloggerdev.
For more options, visit https://groups.google.com/d/optout.