UP DATE: SHOPPING BAG

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name : Shopping Bag
Designer: Cebong Ipiet
URL : http://www.ipietoon.com
Date : May 17, 2009

THE CONTENTS OF THIS TEMPLATE IS MADE BY CEBONG IPIET.
PLEASE BE RESPECTFUL AND DO NOT REMOVE CREDIT FOOTER LINK WITHOUT MY PERMISSION.
YOU ARE ALLOWED TO DISTRIBUTE BUT NOT ALLOWED TO ADD ANY LINK ON FOOTER
----------------------------------------------- */

#navbar-iframe {
height: 0px;
visibility: hidden;
display: none;
}

body {
background:#fbfaf9;
color: #4c4b4c;
font-size: 12px;
font-family:tahoma, Verdana, Arial, Sans-Serif;
text-align: left;
margin: 0 auto 0;
padding: 0;
}
#wrap {
background:#fff;
border:1px solid #f3f1eb;
width: 980px;
margin: 10px auto 10px;
padding: 0;
position: relative;
}
a, a:visited {
color: #fc318a;
text-decoration: none;
}
a:hover {
color: #fc318a;
text-decoration: underline;
}
a img {
border-width: 0;
}

/* Header
-----------------------------------------------*/

#header-wrapper{
width: 960px;
height: 150px;
color: #800033;
font-size: 11px;
margin: 0;
padding: 0;
overflow: hidden;
background:url(http://1.bp.blogspot.com/_6pbSFKC8YH4/Sg8LKPzfV0I/AAAAAAAAArc/Z-2K2jmfOcY/s1600/headershop.png) no-repeat left center;
}
#header-inner {
background-position: left;
background-repeat: no;
}
#header h1 {
font-size: 36px;
font-weight: normal;
margin: 0;
padding: 15px 0 0 80px;
text-decoration: none;
}
#header h1 a, #header h1 a:visited {
font-size: 36px;
font-weight: normal;
margin: 0;
padding: 0;
text-decoration: none;
}
#header h1 a:hover {
text-decoration: none;
}
#header h3 {
font-size: 16px;
font-weight: normal;
margin: 0;
padding: 0;
}

#header p {
padding: 0 0 5px 20px;
margin: 0;
line-height: 20px;
}
.headerleft {
width: 420px;
float: left;
font-size: 14px;
margin: 0;
padding-left: 40px;

}
.headerleft a img {
border: none;
margin: 0;
padding: 0;

}
.headerright {
width: 486px;
height:100px;
float: right;
margin: 0;
padding: 6px 0 0;
font-weight: bold;
}
.headerright a img {
border: 1px solid #FFF;
margin: 0 0 3px;
padding: 0;
}
#header .description {
color: #fc318a;
font-weight:bold;
margin-left: 25px;
padding-left: 60px;
}

/*The top Menu
--------------------------------------------------*/
#top {
margin:auto;
padding: 0;
width: 960px;
}

#navwrap {margin: 0px auto; width:960px;}
.topnav ul {list-style:none;margin:0;padding:0px; float:right;}
.topnav li {float:left;margin:10px auto 0;text-align:center; border-left:1px solid #f3f1eb;}
.topnav li a {font-size:12px;display:block;padding:5px 10px;height:100%;color:#93c501;text-decoration:none;}
.topnav li a {background:none; }
.topnav li a:hover, li a:focus, li a:active {text-decoration:underline;}

/* Navigation Menu
------------------------------------------------------*/

#NavbarMenu {
background:#f6277f;
width: 960px;
height: 33px;
font-size: 12px;
font-family: Tahoma, Verdana;
color: #FFF;
font-weight: bold;
margin: 0 auto 0;
padding: 0;
}

#nav {
margin: 0;
padding: 0;
}
#nav ul {
float: left;
list-style: none;
margin: 0;
padding: 0;
}
#nav li {
list-style: none;
margin: 0;
padding: 0;
}
#nav li a, #nav li a:link, #nav li a:visited {
color: #FFF;
display: block;
font-weight: normal;
text-transform: lowercase;
margin: 0;
padding: 9px 15px 8px;
}
#nav li a:hover, #nav li a:active {
background: #93c501;
color: #FFF;
margin: 0;
padding: 9px 15px 8px;
text-decoration: none;
}
#nav li li a, #nav li li a:link, #nav li li a:visited {
background: #93c501;
width: 150px;
color: #FFF;
font-weight: normal;
text-transform: lowercase;
float: none;
margin: 0;
padding: 7px 10px;
border-bottom: 1px solid #FFF;
border-left: 1px solid #FFF;
border-right: 1px solid #FFF;
}
#nav li li a:hover, #nav li li a:active {
background: #d40055;
color: #FFF;
padding: 7px 10px;
}
#nav li {
float: left;
padding: 0;
}
#nav li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 170px;
margin: 0;
padding: 0;
}
#nav li ul a {
width: 140px;
}
#nav li ul ul {
margin: -32px 0 0 171px;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: auto;
}
#nav li:hover, #nav li.sfhover {
position: static;
}

/*----------------SEARCH----------------*/
#search {
margin: 10px 0 10px 0;
height:28px;
padding:10px;
width:328px;
float:right;
background:#93c501;
}

#search form {
margin: 0;
padding:20px auto;
}

#search fieldset {
margin: 0;
padding: 0;
border: none;
}

#search p {
margin: 0;
font-size: 85%;
}

#s {
margin-left:5px;
float: left;
width:200px;
padding: 4px 7px;
font: normal 100%;
color:#422108;
}

#searchsubmit {
margin-right:25px;
float: right;
margin-top: 0px;
background: #fc318a;
border: none;
font: bold 100% ;
color: #fff;
height:25px;
line-height:24px
}
#adswrapper{
width:960px;
height:10px;
margin:10px auto 0px;

}
.ads{
margin:10px auto 20px;
background:transparent;
text-align:center;
}

/*Wrapper
---------------------------------*/
#outer-wrapper {
width: 960px;
margin:0px auto 0;
padding-top: 20px;
line-height: 18px;
}
#main-wrapper {
float: left;
width: 600px;
margin: 0;
padding: 0;
}

#sidebar-wrapper {
float: right;
width: 350px;
margin: 10px auto 0;
padding: 0 0 10px;
display: inline;
text-align:justify;
}

#midsidebar-wrapper {
width: 350px;
float: right;
overflow: hidden;
}
#lsidebar {
float: left;
width: 148px;
margin: 0;
padding: 10px 10px 0;
display: inline;

}

#rsidebar {
float: right;
width: 148px;
margin: 0;
padding: 10px 10px 0;
display: inline;
}

.rsidebar .widget-content, .lsidebar .widget-content{
margin-bottom:10px;
}

.sidebar {
line-height: 1.5em;
}
.sidebar h2,.rsidebar h2, .lsidebar h2{
color: #93c501;
font-size: 18px;
font-family:century gothic, georgia, tahoma, verdana;
font-weight: bold;
text-transform: titlecase;
margin: 0px 0px 5px;
padding: 3px 0 5px 0px;
}
#sidebar p {
margin: 0;
padding: 0 0 0 45px;
}
#sidebar a img {
border: none;
margin: 0;
padding: 0;
}
.sidebar ul, .rsidebar ul, .lsidebar ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.sidebar ul li, .rsidebar ul li, .lsidebar ul li {
list-style-type: none;
margin: 0 0 5px;
padding-left: 15px;
border-bottom:1px dashed #c0c097;
background:url(http://3.bp.blogspot.com/_6pbSFKC8YH4/Sg8alcNQGcI/AAAAAAAAAro/i3nBQuFvVlY/s1600/list.png) no-repeat left center;
}
.sidebar .widget {
float: left;
width: 348px;
margin: 0 0 10px;
padding: 10px 0px;
}
.sidebar .widget-content {
float: left;
width: 328px;
margin: 0;
padding: 0px;
}
.sidebar .widget, .main .widget {
margin: 0 0 1.5em;
padding: 0 0 1.5em;
}
.sidebar .widget {
float: left;
width: 328px;
margin: 0 0 10px;
padding: 10px;
}
/*Post
-------------------------------------------------*/

h2.date-header {
margin: 1.5em 0 .5em;
display: none;
}
/*Calendar Icon
--------------------------------------------------*/

.post-date {
text-align:center;
}

.month {
margin:0px 0px 5px 0;
padding:0px 0 0 0;
font:normal 11px;
color:#93c501;
}

.day {
margin:10px 20px 5px 15px;
padding:5px 0 0 0;
font:normal 2.5em Georgia, Times New Roman;
color:#fc318a;
}

.post-date {
margin:0;
padding:5px;
width:60px;
height:50px;
position:absolute !important; position:relative; float:left;
display:inline;
}
.post {
float: left;
width: 569px;
margin-bottom:10px;
padding: 10px;
overflow:hidden;
}

.post h3 {
margin: 0 0 5px;
padding-bottom:5px;
}
.post h3 a, #content h1 a:visited {
color: #93c501;
font-size: 28px;
font-family:century gothic, georgia, tahoma, verdana;
font-weight: normal;
margin: 0 0 5px;
padding: 0;
}
.post h3 a:hover {
color: #fc318a;
text-decoration: none;
}
.post-body {
text-align:justify;
margin: 3em 0 .75em;
line-height: 1.6em;
border-bottom:1px solid #c0c097;
}

.post-body blockquote {
line-height: 1.3em;
}

.post img {
padding: 10px;
}
.post blockquote {
margin: 5px;
padding: 0px 20px 0 15px;
border-left: 4px solid #fc318a;
}
.post blockquote p {
margin: 0;
padding: 0 0 0px;
}

/*Comments
----------------------------------------------*/

.comments {
float: left;
width: 569px;
margin-bottom:10px;
padding: 10px;
}
#comments h4 {
color: #93c501;
font-size: 20px;
font-family:century gothic, georgia, tahoma, verdana;
font-weight: bold;
margin: 0 0 10px;
padding: 0;
}
#comments-block {
width: 569px;
float: left;
padding: 0;
margin: 0;
}
#comments-block .comment-author {

margin: 0em 0;
font-weight: bold;
}
#comments-block .comment-body {
margin: .25em 0 10px;
padding-left: 20px;
font-size:12px;
text-align:justify;
}
#comments-block .comment-footer {
margin: -.25em 0 2em;
line-height: 1.4em;
text-transform: uppercase;
letter-spacing: .1em;
border-bottom:1px solid #c0c097;
}
#comments-block .comment-body p {
margin: 0 0 .75em;
}
.deleted-comment {
font-style: italic;
color: gray;
}
#blog-pager-newer-link {
float: left;

}
#blog-pager-older-link {
float: right;

}
#blog-pager {
text-align: center;

}
.feed-links {
clear: both;
line-height: 2.5em;
display:none;
}

.main .widget {
margin: 0 0 1.5em;
padding: 0 0 1.5em;
}

.main .Blog {
border-bottom-width: 0;
}

/*Footer
---------------------------------------------*/

#footer {
width: 960px;
clear: both;
margin: 0 auto;
padding-top: 15px;
line-height: 1.6em;
letter-spacing: .1em;
text-align: center;
}

/* Lower Section
------------------------------------- */

#lower-wrapper {
margin:auto;
padding: 30px 0px 20px 0px;
width: 960px;
background:url(http://1.bp.blogspot.com/_6pbSFKC8YH4/Sg8E5oOx4XI/AAAAAAAAArM/K9HNJctYJkY/s1600/credit.png) repeat-x top center;
}

#lowerbar1-wrapper {
float: left;
margin: 0px 5px auto;
padding-bottom: 20px;
width: 25%;
text-align: justify;
font-size:100%;
line-height: 1.6em;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

.lowerbar {margin: 0; padding: 0;}
.lowerbar .widget {margin: 0; padding: 10px 20px 0px 20px;}

#lowerbar2-wrapper {
float: left;
margin: 0px 5px auto;
padding-bottom: 20px;
width: 70%;
text-align: justify;
font-size:100%;
line-height: 1.6em;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

.lowerbar {margin: 0; padding: 0;}
.lowerbar .widget {margin: 0; padding: 10px 20px 0px 20px;}

.lowerbar h2 {
margin: 0px 0px 10px 0px;
padding: 3px 0px 3px 0px;
text-align: left;
font-size:20px;
font-weight:bold;
color: #93c501;
font-family:century gothic, georgia, tahoma, verdana;
}

.lowerbar ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style-type: none;
}

.lowerbar li {
margin: 0px 0px 2px 0px;
padding-left: 15px;
background:url(http://3.bp.blogspot.com/_6pbSFKC8YH4/Sg8alcNQGcI/AAAAAAAAAro/i3nBQuFvVlY/s1600/list.png) no-repeat left center;
}

.lowerbar a {color: #fc318a; text-decoration: none;}
.lowerbar a:hover {text-decoration: underline; color: #fc318a;}
.lowerbar a:visited {text-decoration: none; color: #fc318a;}

.product ul {
margin: 0px 0px;
padding: 10px 10px;
overflow: auto;
}

/* Product List
------------------------------------------*/
.product li{
height:125px;
width:125px;
margin: 6px 6px ;
padding:5px 5px;
list-style:none;
display : block;
display:inline;
float:left;
background:#fd2673;
}
.product li a:hover {
height:125px;
width:125px;
margin: 6px 6px ;
padding:5px 5px;
list-style:none;
display : block;
display:inline;
float:left;
background:#93c501;
}

/*Credit
---------------------------------------------------*/
#credit {
margin: 0px auto 0px;
padding: 25px 0px 0px 0px;
width: 960px;
height: 30px;
font-size:11px;
clear: both;
font-weight: normal;
text-align:center;
background:url(http://1.bp.blogspot.com/_6pbSFKC8YH4/Sg8E5oOx4XI/AAAAAAAAArM/K9HNJctYJkY/s1600/credit.png) repeat-x top center;
}

#credit p {
margin: 0;
padding: 0
}

#credit a, .credit a:visited {
color: #70a600;
text-decoration: none;
font:verdana;
font-size:11px;
}
#credit a:hover{
color: #fc318a;
text-decoration: underline;

}

]]></b:skin>






</head>

<script type='text/javascript'>var thumbnail_mode = "no-float" ;
summary_noimg = 500;
summary_img = 500;
img_thumb_height = 200;
img_thumb_width = 200;
</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 createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}

//]]>
</script>

<body>
<div id='wrap'>

<div id='top'>
<div id='navwrap'>
<div class='topnav'>

<ul id='topnav'>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a expr:href='data:blog.homepageUrl + "feeds/posts/default"'>Posts RSS</a></li>
<li><a expr:href='data:blog.homepageUrl + "feeds/comments/default"'>Comments RSS</a></li>
<li><a href='#'>Edit</a></li>
</ul>
</div>
</div>
<div style='clear: both;'/>
</div>

<div id='header-wrapper'>
<div class='headerleft'>
<b:section class='headerleft' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Shopping Bag (Header)' type='Header'>
<b:includable id='main'>

<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == "REPLACE"'>

<div id='header-inner'>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a>
</div>
<b:else/>

<div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); " + "background-position: " + data:backgroundPositionStyleStr + "; " + data:widthStyleStr + "min-height: " + data:height + "px;" + "_height: " + data:height + "px;" + "background-repeat: no-repeat; "' id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
<b:else/>

<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
</b:includable>
<b:includable id='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</b:includable>
<b:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</b:includable>
</b:widget>
</b:section>
</div>

<div class='headerright'>
<b:section class='headerright' id='headerright' showaddelement='yes'>
<b:widget id='HTML11' locked='false' title='' type='HTML'>
<b:includable id='main'>

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

<div id='NavbarMenu'>
<ul id='nav'>
<li><a href='http://your-link-here'>Bag</a></li>
<li>
<a href='http://your-link-here'>Shoe</a>
<ul>
<li>
<a href='http://your-link-here'>Shoe #1</a>
<ul>
<li><a href='http://your-link-here'>Green</a></li>
<li><a href='http://your-link-here'>Red</a></li>
<li><a href='http://your-link-here'>Blue</a></li>
</ul>
</li>
<li><a href='http://your-link-here'>Shoe #2</a></li>
<li><a href='http://your-link-here'>Shoe #3</a></li>
<li><a href='http://your-link-here'>Shoe #4</a></li>
<li><a href='http://your-link-here'>Shoe #5</a></li>
</ul>
</li>
<li><a href='http://your-link-here'>Fashion</a></li>
<li><a href='http://your-link-here'>Cosmetic</a></li>
<li><a href='http://your-link-here'>Jeans</a></li>
<li><a href='http://your-link-here'>Baby</a></li>
<li><a href='http://your-link-here'>Belt</a></li>
<li><a href='http://your-link-here'>Accessories</a></li>
<li><a href='http://your-link-here'>Jewelry</a></li>
</ul>
</div>

<div id='outer-wrapper'><div id='wrap2'>

<div id='content-wrapper'>
<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol' showaddelement='no'/>
</div>

<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>

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

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>

</div>
<div class='clear'/>
</b:includable>
<b:includable id='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'>

</p>
</b:includable>
<b:includable id='post' var='post'>
<div class='post hentry'>

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

<div class='post-header-line-1'>
<div class='post-date'>
<script type='text/javascript'>
var timestamp = "<data:post.timestamp/>";
if (timestamp != '') {
var timesplit = timestamp.split(",");
var date_yyyy = timesplit[2];
var timesplit = timesplit[1].split(" ");
var date_dd = timesplit[2];
var date_mmm = timesplit[1].substring(0, 3);
}
</script>
<span class='day'><script type='text/javascript'>document.write(date_dd);</script></span>
<span class='month block'><script type='text/javascript'>document.write(date_mmm);</script>, <script type='text/javascript'>document.write(date_yyyy);</script></span>
</div>
<span class='post-author vcard' style='background:;Padding-left:90px;'>
<b:if cond='data:top.showAuthor'>
<span class='author' style='background:;Padding-left:0px; font:lucida sans unicode; font-size:11px;'>
<b:if cond='data:top.showAuthor'>
Author: <span class='fn'><data:post.author/></span>
</b:if>|
<span class='post-labels'>
<b:if cond='data:post.labels'>
Category : <span class='fn'><data:postLabel/>
<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>
</span>
</b:if>|
</span>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<span class='comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<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>
</span>
</b:if>
</span>
</b:if>
</span>


<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://www.blogger.com/img/icon18_email.gif' width='18'/>
</a>
</span>
</b:if>


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

<div class='post-body entry-content'>
<b:if cond='data:blog.pageType != "item"'>

<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'> Read rest of entry</a></span>

</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
<div style='clear: both;'/> 
</div>

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

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

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

</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
<img src='http://www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='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='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> 
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>

<b:else/>


<div class='post-feeds'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.feedLinks'>
<b:include data='post.feedLinks' name='feedLinksBody'/>
</b:if>
</b:if>
</b:loop>
</div>
</b:if>
</b:includable>
<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' scrolling='no' src='' width='100%'/>
<data:post.iframeColorizer/>
</div>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<span expr:class='"item-control " + data:backlink.adminClass'>
<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
<img src='http://www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</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='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<img alt='' class='icon-action' height='18' src='http://www.blogger.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>

<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
 
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
 
<data:post.commentRangeText/>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
</span>
</b:if>

<dl id='comments-block'>

<b:loop values='data:post.comments' var='comment'>
<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a> on <data:comment.timestamp/>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>

<dd class='comment-footer'>
<span class='comment-timestamp'>

<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>

<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.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:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>

</p>
</b:if>

<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='main' var='top'>

<div class='blog-posts hfeed'>

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

<data:adStart/>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comments'/>
</b:if>
<b:if cond='data:post.includeAd'>
<data:adEnd/>
<data:adCode/>
<data:adStart/>
</b:if>
</b:loop>
<data:adEnd/>
</div>


<b:include name='nextprev'/>


<b:include name='feedLinks'/>

<b:if cond='data:top.showStars'>
<script src='http://www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>
google.load("annotations", "1", {"locale": "<data:top.languageCode/>"});
function initialize() {
google.annotations.setApplicationId(<data:top.blogspotReviews/>);
google.annotations.createAll();
google.annotations.fetch();
}
google.setOnLoadCallback(initialize);
</script>
</b:if>

</b:includable>
</b:widget>
</b:section>
</div>

<div id='search'>
<form action='/search' id='searchform' method='get'>
<input id='s' name='q' type='text' value=''/>
<input id='searchsubmit' type='submit' value='Search'/>
</form>
</div>


<div id='sidebar-wrapper'>

<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='HTML2' locked='false' title='' type='HTML'>
<b:includable id='main'>

<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='Text1' locked='false' title='Lorem Ipsum' type='Text'>
<b:includable id='main'>

<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 id='midsidebar-wrapper'>

<b:section class='lsidebar' id='lsidebar' preferred='yes'>
<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<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>
<span dir='ltr'>(<data:label.count/>)</span>
</li>
</b:loop>
</ul>

<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>

<b:section class='rsidebar' id='rsidebar' preferred='yes'>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div>
<b:include name='quickedit'/>
</div>
</b:includable>
<b:includable id='flat' var='data'>
<ul>
<b:loop values='data:data' var='i'>
<li class='archivedate'>
<a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
</li>
</b:loop>
</ul>
</b:includable>
<b:includable id='menu' var='data'>
<select expr:id='data:widget.instanceId + "_ArchiveMenu"'>
<option value=''><data:title/></option>
<b:loop values='data:data' var='i'>
<option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
</b:loop>
</select>
</b:includable>
<b:includable id='interval' var='intervalData'>
<b:loop values='data:intervalData' var='i'>
<ul>
<li expr:class='"archivedate " + data:i.expclass'>
<b:include data='i' name='toggle'/>
<a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
<span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>
<b:if cond='data:i.data'>
<b:include data='i.data' name='interval'/>
</b:if>
<b:if cond='data:i.posts'>
<b:include data='i.posts' name='posts'/>
</b:if>
</li>
</ul>
</b:loop>
</b:includable>
<b:includable id='toggle' var='interval'>
<b:if cond='data:interval.toggleId'>
<b:if cond='data:interval.expclass == "expanded"'>
<a class='toggle' expr:href='data:widget.actionUrl + "&action=toggle" + "&dir=close&toggle=" + data:interval.toggleId + "&toggleopen=" + data:toggleopen'>
<span class='zippy toggle-open'>▼ </span>
</a>
<b:else/>
<a class='toggle' expr:href='data:widget.actionUrl + "&action=toggle" + "&dir=open&toggle=" + data:interval.toggleId + "&toggleopen=" + data:toggleopen'>
<span class='zippy'>
<b:if cond='data:blog.languageDirection == "rtl"'>
◄
<b:else/>
►
</b:if>
</span>
</a>
</b:if>
</b:if>
</b:includable>
<b:includable id='posts' var='posts'>
<ul class='posts'>
<b:loop values='data:posts' var='i'>
<li><a expr:href='data:i.url'><data:i.title/></a></li>
</b:loop>
</ul>
</b:includable>
</b:widget>
</b:section>

</div>
</div>


<div class='clear'> </div>

</div> 

<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>

</div></div> 

<div id='lower-wrapper'>
<div id='lowerbar2-wrapper'>
<b:section class='lowerbar' id='lowerbar1' preferred='yes'>
<b:widget id='HTML200' locked='false' title='Recommended Product' type='HTML'>
<b:includable id='main'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<div class='product'>
<ul>
<li>
<a href='http://YOUR-LINK-HERE' target='_blank'><img alt='ads' border='0' height='125' src='http://1.bp.blogspot.com/_6pbSFKC8YH4/Sg7pt2dxahI/AAAAAAAAAq0/j8N78fQmMEQ/s1600/gelang.jpg' width='125'/></a>
</li>
<li>
<a href='http://YOUR-LINK-HERE' target='_blank'><img alt='ads' border='0' height='125' src='http://2.bp.blogspot.com/_6pbSFKC8YH4/Sg7pt5nuYiI/AAAAAAAAAqs/RejRWWhBbkk/s1600/lv2.jpg' width='125'/></a>
</li>

<li>
<a href='http://YOUR-LINK-HERE' target='_blank'><img alt='ads' border='0' height='125' src='http://3.bp.blogspot.com/_6pbSFKC8YH4/Sg7ptjDkByI/AAAAAAAAAqk/Ffuh1SnLXDk/s1600/lv1.jpg' width='125'/></a>
</li>
<li>
<a href='http://YOUR-LINK-HERE' target='_blank'><img alt='ads' border='0' height='125' src='http://1.bp.blogspot.com/_6pbSFKC8YH4/Sg7ptQPvyyI/AAAAAAAAAqc/WCFZ4qx0_kw/s1600/images4.jpg' width='125'/></a>
</li>
<li>
<a href='http://YOUR-LINK-HERE' target='_blank'><img alt='ads' border='0' height='125' src='http://1.bp.blogspot.com/_6pbSFKC8YH4/Sg7ptQPvyyI/AAAAAAAAAqc/WCFZ4qx0_kw/s1600/images4.jpg' width='125'/></a>
</li>
<li>
<a href='http://YOUR-LINK-HERE' target='_blank'><img alt='ads' border='0' height='125' src='http://3.bp.blogspot.com/_6pbSFKC8YH4/Sg7ptW85u1I/AAAAAAAAAqU/_j9A9Xq78-s/s1600/images.jpg' width='125'/></a>
</li>
<li>
<a href='http://YOUR-LINK-HERE' target='_blank'><img alt='ads' border='0' height='125' src='http://2.bp.blogspot.com/_6pbSFKC8YH4/Sg7pt5nuYiI/AAAAAAAAAqs/RejRWWhBbkk/s1600/lv2.jpg' width='125'/></a>
</li>

<li>
<a href='http://YOUR-LINK-HERE' target='_blank'><img alt='ads' border='0' src='http://3.bp.blogspot.com/_6pbSFKC8YH4/Sg7ptjDkByI/AAAAAAAAAqk/Ffuh1SnLXDk/s1600/lv1.jpg'/></a>
</li>
</ul>
</div>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>

<div id='lowerbar1-wrapper'>
<b:section class='lowerbar' id='lowerbar2' preferred='yes'>
<b:widget id='Text2' locked='false' title='How to Order?' type='Text'>
<b:includable id='main'>

<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='BlogList1' locked='false' title='My Blog List' type='BlogList'>
<b:includable id='main'>

<b:if cond='data:title != ""'>
<div id='blog-list-title'>
<h2 class='title'><data:title/></h2>
</div>
</b:if>

<div class='widget-content'>
<div class='blog-list-container' expr:id='data:widget.instanceId + "_container"'>
<ul expr:id='data:widget.instanceId + "_blogs"'>
<b:loop values='data:items' var='item'>
<li expr:style='data:item.displayStyle'>
<div class='blog-icon'>
<b:if cond='data:showIcon == "true"'>
<input expr:value='data:item.blogIconUrl' type='hidden'/>
</b:if>
</div>
<div class='blog-content'>
<div class='blog-title'>
<a expr:href='data:item.blogUrl' target='_blank'>
<data:item.blogTitle/></a>
</div>
<div class='item-content'>
<b:if cond='data:showItemThumbnail == "true"'>
<b:if cond='data:item.itemThumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:item.blogUrl' target='_blank'>
<img alt='' border='0' expr:height='data:item.itemThumbnail.height' expr:src='data:item.itemThumbnail.url' expr:width='data:item.itemThumbnail.width'/>
</a>
</div>
</b:if>
</b:if>
<b:if cond='data:showItemTitle == "true"'>
<span class='item-title'>
<b:if cond='data:item.itemUrl != ""'>
<a expr:href='data:item.itemUrl' target='_blank'>
<data:item.itemTitle/></a>
<b:else/>
<data:item.itemTitle/>
</b:if>
</span>
</b:if>
<b:if cond='data:showItemSnippet == "true"'>
<b:if cond='data:showItemTitle == "true"'>
-
</b:if>
<span class='item-snippet'>
<data:item.itemSnippet/>
</span>
</b:if>
<b:if cond='data:showTimePeriodSinceLastUpdate == "true"'>
<div class='item-time'>
<data:item.timePeriodSinceLastUpdate/>
</div>
</b:if>
</div>
</div>
<div style='clear: both;'/>
</li>
</b:loop>
</ul>

<b:if cond='data:numItemsToShow != 0'>
<b:if cond='data:totalItems > data:numItemsToShow'>
<div class='show-option'>
<span expr:id='data:widget.instanceId + "_show-n"' style='display: none;'>
<a href='javascript:void(0)' onclick='return false;'><data:showNText/></a>
</span>
<span expr:id='data:widget.instanceId + "_show-all"' style='margin-left: 5px;'>
<a href='javascript:void(0)' onclick='return false;'><data:showAllText/></a>
</span>
</div>
</b:if>
</b:if>

<b:include name='quickedit'/>
</div>
</div>
</b:includable>
</b:widget>
</b:section>
</div>

<div style='clear: both;'/>
</div> 

<div id='credit'>

<p><a expr:href='data:blog.homepageUrl'><data:blog.title/></a> Copyright © 2009 Shopping Bag is Designed by <a href='http://www.ipietoon.com/' target='_blank'>Ipietoon</a> Sponsored by <a href='http://cebong.com' target='_blank'>Online Business Journal</a></p>

</div>
</div>
</body>
</html>

UP DATE

Rabu, 07 Desember 2011

SHOPPING BAG

Tidak ada komentar:

Posting Komentar