UP DATE: mobile shop

<?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'/>

<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | Template Retail Shop </title>
<b:else/>
<title><data:blog.pageTitle/> | Template Retail Shop </title>
</b:if>
<meta content='Template Silver Shop' name='description'/>
<meta content='Template Silver Shop' name='keywords'/>
<meta content='INDEX, FOLLOW' name='ROBOTS'/>

<b:skin><![CDATA[/*

/* ===================================================================
Theme Name: Silver Shop
Theme URL: http://www.retailjogjakarta.blogspot.com/
Author URL: http://www.permakblogs.blogspot.com
Build by: Andre BWid
URL: http://www.permakblogs.blogspot.com | http://www.daunlontar.com
=================================================================== */

/* -- YAHOO CSS RESET -- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, textarea, p, blockquote, th, td{margin:0; padding:0}
table{border-collapse:collapse; border-spacing:0}
fieldset, img{border:0}
address, caption, cite, code, dfn, em, strong, th, var{font-style:normal; font-weight:normal}
ol, ul{list-style:none}
caption, th{text-align:left}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:bold}
q:before, q:after{content:''}
abbr, acronym{border:0}

/* Set Index */
#navbar-iframe{display:none !important}
*{margin:0; padding:0; list-style:none; border:none; vertical-align:baseline; outline:none}
body{background: #ffffff url(http://4.bp.blogspot.com/-F-RUoN16RmA/TYhWct5DEBI/AAAAAAAAAWk/Qr_ChWU2tvA/s1600/header_top.gif) repeat-x;}
html{}
a:link{color:#423F00; text-decoration:none}
a:visited{}
a:hover{}
a img{}

/* Header */
#header-wrapper{
width:900px;
margin:0px auto 0px; /*0 auto 10*/
background:transparent;
height:87px;/*87*/
}
#header-inner{
width:438px;
background:transparent url (http://2.bp.blogspot.com/-ZzofIWkLxLg/TYFovHqqhZI/AAAAAAAAAWQ/hnrF0HAnDg8/s1600/logo.jpg)no-repeat;
background-position: left;
margin-top: 10px; /* 10px */
margin-bottom: 12px; /* 10px */
margin-left: auto;
margin-right: auto;
float:left;
}
#header{
margin: 0px;
text-align: left;
color:#ffcc66;
}
#r_head{
width:300px;
float:right;
padding-top:15px;
}
#header h1 {
margin:50;
padding:5px 0 0 10px;
font-size: 100%;
font-weight:bold;
line-height: 1.2em;
letter-spacing:.0em;
font-style:italic;
color:#FFFFFF;
display:none;
}
#header .description {
margin:0 5px 5px;
padding:0 20px 15px;
max-width:700px;
text-transform:uppercase;
letter-spacing:.2em;
line-height: 1.4em;
font: normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif;
color: #999999;
display:none;
}
/* Outer-Wrapper */
#main-wrapper{background:#fff;}
#outer-wrapper{
margin:10px auto 0px;
text-align:left; width:900px}
#main-wrapper{border-right:0px dotted #808080;
float:right;
overflow:hidden;
padding:0px 0px; width:690px;}
#content-wrapper{ width:900px; background:transparent;border:0px solid #333}
#sidebar-wrapper{background:#fff; float:left; overflow:hidden; width:210px; padding:0px;}
#sidebar-wrapper1{float:right; overflow:hidden; width:210px; padding:0px;}

#post-wrapper{
width:450px;
overflow:hidden;
margin:0px 0px 0px 20px;
background:transparent}
.clear{clear:both}

/* Headings */
h2{}
/* Posts */
h2.date-header{color:#808080; font-size:11px; font-weight:normal}
.post{border-bottom:1px dotted #808080; margin-bottom:20px; padding-bottom:20px}
.post ul li{background:transparent url(http://1.bp.blogspot.com/_1_qkt6bisvU/TAxTafZlcBI/AAAAAAAAAZw/u6p8QtU04UQ/s400/bullet.gif) no-repeat scroll left center; line-height:25px; padding-left:20px}
.post ol li{line-height:25px; list-style-position:inside; list-style-type:decimal}
.post li a{}
.post li a:hover{}
.post h3{color:#333; font-size:24px; letter-spacing:-1px; margin:5px 0 0}
#post-title-wrapper{}
.post h3 a, .post h3 a:visited, .post h3 strong{color:#333; text-decoration:none}
.post h3 strong, .post h3 a:hover{color:#808080}
.post-body{color:#333; font-size:14px; line-height:1.4em}
.post-body blockquote{}
.post-footer{color:#5F5E5E; font-size:11px; margin-bottom:15px}
.comment-link{}
.post img{background:#CCC none repeat scroll 0 0; max-width:470px; padding:5px}
.post blockquote{background:#C4CD64 url(http://4.bp.blogspot.com/_1_qkt6bisvU/TAy5ThJnYBI/AAAAAAAAAbM/tbc10kkIqf4/s400/aspas.png) no-repeat scroll 10px 10px; color:#FFF; font-family:georgia; padding:20px 20px 20px 5px}/*padding-20px 20px 20px 50px*/
.post blockquote p{}

/* Comments */
#comments h4{margin:10px 0}
#comments-block{}
#comments-block .comment-author{}
.commentauthor {background:#DDDDDD url(http://i195.photobucket.com/albums/z105/dantearaujo/user_comment.png) no-repeat scroll 10px center;border-color:#EEEEEE #EEEEEE -moz-use-text-color;border-style:solid solid none;border-width:1px 1px medium;color:#545454;font-size:15px;padding:10px 10px 10px 30px;}
#comments-block .comment-body {background:#DDDDDD none repeat scroll 0 0;border-color:-moz-use-text-color #EEEEEE;border-style:none solid;border-width:medium 1px;font-family:arial;font-size:14px;padding:0 10px 10px; }
#comments-block .comment-footer {background:#DDDDDD none repeat scroll 0 0;border-color:-moz-use-text-color #EEEEEE #EEEEEE;border-style:none solid solid;border-width:0 1px 1px;font-family:verdana;font-size:10px;margin-bottom:20px;padding:0 10px 10px;text-align:right;}
#comments-block .comment-body p{}
.deleted-comment{color:#FFF; text-decoration:line-through}
#blog-pager-newer-link{float:left}
#blog-pager-newer-link a{background:transparent url(http://2.bp.blogspot.com/_1_qkt6bisvU/TAy81uqFN8I/AAAAAAAAAbc/uTZsQwRruPU/s400/arrow-left.png) no-repeat scroll center center; display:block; height:48px; text-indent:-9999px; width:48px}
.home-link{background:transparent url(http://4.bp.blogspot.com/_1_qkt6bisvU/TAy82cLEMsI/AAAAAAAAAbs/ibujPSTljJ8/s400/home.png) no-repeat scroll center center; display:block; height:32px; margin:0 auto; text-indent:-9999px; width:32px}
#blog-pager-older-link{float:right}
#blog-pager-older-link a{background:transparent url(http://2.bp.blogspot.com/_1_qkt6bisvU/TAy82Hvj_hI/AAAAAAAAAbk/-TW5fBE4Ezo/s400/arrow-right.png) no-repeat scroll center center; display:block; height:48px; text-indent:-9999px; width:48px}
#blog-pager{padding:30px; clear:both; text-align:center}
.feed-links{}

/* Sidebar Content */
.sidebar{ border:1px solid #ccc; width:208px; float:left; padding-left:0px}
.sidebar h2{background:url(http://2.bp.blogspot.com/_klr2bi3vCMU/TUeLnCwEsgI/AAAAAAAAAI4/Ip761NK9aEs/s1600/Header_sidebar2.png)no-repeat; font-size:21px; font-weight:normal; letter-spacing:0; width:233px; height:40px; padding:8px 0px 0px 45px; margin-bottom:15px}
.sidebar ul{color:#2B2A00; font-size:14px; line-height:20px; padding-left:0px}
.sidebar li{list-style-type:none; background:url(http://3.bp.blogspot.com/_6pbSFKC8YH4/SnahfzT3m4I/AAAAAAAABG0/OOasfxGZIBk/s1600/bullet_black.png) 10px bottom no-repeat; background-position:top left; background-repeat:no-repeat; padding:0 0 7px 25px; line-height:17px}
.sidebar li a{font-family:Arial,Helvetica,sans-serif; font-size:12px; color:#4B4B4B; text-decoration:none}
.sidebar li a:hover{}
.sidebar .widget{border-bottom:0px dotted #808080; font-size:13px; padding:0px 0px 0px 0px}
.main .Blog{}

/* Sidebar1 Content */
.sidebar1{ border:1px solid #ccc; width:208px; float:left; padding-left:0px}
.sidebar1 h2{background:url(http://2.bp.blogspot.com/_klr2bi3vCMU/TUeLnCwEsgI/AAAAAAAAAI4/Ip761NK9aEs/s1600/Header_sidebar2.png)no-repeat; font-size:21px; font-weight:normal; letter-spacing:0; width:233px; height:40px; padding:8px 0px 0px 45px; margin-bottom:15px}
.sidebar1 ul{color:#2B2A00; font-size:14px; line-height:20px; padding-left:0px}
.sidebar1 li{list-style-type:none; padding:0 0 7px 25px; line-height:17px}
.sidebar1 li a{font-family:Arial,Helvetica,sans-serif; font-size:12px; color:#4B4B4B; text-decoration:none}
.sidebar1 li a:hover{}
.sidebar1 .widget{border-bottom:1px dotted #808080; font-size:13px; padding:0px 0px 0px 0px}
.main .Blog{}
/* Profile */
.profile-img{}
.profile-data{}
.profile-datablock{}
.profile-textblock{}
.profile-link{}

/* Navigation Menu */
#navigation{background-color:#ffffff; background: transparent; background-position:top left; background-repeat:no-repeat; width:218px; height:200px; padding:15px 0px 0px 15px; margin:0px; font-family:Tahoma,sans-serif; font-size:12px; color:#0D0D0D; border:0px solid #ccc}
#navigation li{list-style-type:none; padding:0 0 2px 0; line-height:28px}
#navigation a{color:#0D0D0D; text-transform:uppercase; text-decoration:none; font-weight:bold; display:block; width:180px; line-height:18px; background: transparent; background-position:top left; background-repeat:no-repeat; padding-left:25px}

/* navbar
================== */
#bg_nav {background: transparent url(http://4.bp.blogspot.com/-Vy-w9tF9LJA/TYhZaPfhMaI/AAAAAAAAAW0/2U1q7spWHSA/s1600/menu_top.gif) repeat-x ;width: 900px;height: 40px;font-size: 11px;font-family: Arial, Tahoma, Verdana;color: #FFFFFF;font-weight: bold;margin: 0px auto 0px;padding: 0px;border-top: 0px solid #000000;border-bottom: 0px solid #ffffff;overflow: hidden;}
#bg_nav a, #bg_nav a:visited {color: #FFFFFF;font-size: 11px;text-decoration: none;text-transform: uppercase;padding: 0px;}

#bg_nav a:hover {color: #FFFFFF;text-decoration: underline;padding: auto;}/*padding 0px 0px 0px 0px*/

#navleft {width: 500px;float: left;margin:0px;padding: auto;}/*padding: 0px 0px 0px 0px*/

/* Search */
#search{width:210px;font-size:12px;float:right;margin:0;padding:3px 0px 0px 0px}
#searchform{overflow:hidden;display:inline;margin:0;padding:0}
#searchbox{background:#ddd;margin:0;padding:0}
#search input{background:url(http://cms.template-help.com/virtuemart_32184/templates/theme081/images/search-bg.gif)no-repeat;color:#000000;float:left;font-size:12px;width:139px;border:0px solid #000;font:normal 12px arial, verdana, Times New Roman;margin:7px 0 0 10px;padding:3px 3px 3px 0px}/*background:transparent*/
#search .btn{width:auto;border:0;margin:7px 0 7px 4px;padding:0}

#nav {margin: 0px 0px 0px 0px;padding: 0px;list-style: none;}
#nav ul {margin: 0px 0px 0px 0px;padding: 0px;list-style: none;}

#nav a, #nav a:visited {background: transparent;color: #FFFFFF;display: block;font-weight: bold;margin: 0px;padding: 13px 15px 8px 15px;border-left:0px solid #ffffff;}
#nav a:hover {height: 40px;background: transparent;color: #FFFFFF;margin: 0px;padding: 13px 15px 8px 15px;text-decoration: underline;}

#nav li {float: left;margin: 0px;padding: 0px; }
#nav li li {float: left;margin: 0px;padding: 0px;width: 150px;}
#nav li li a, #nav li li a:link, #nav li li a:visited {background: #ffffff;width: 160px;float: none;margin: 0px;padding: 7px 30px 7px 10px;order-bottom: 1px solid #ffffff;border-left: 1px solid #ffffff;border-right: 1px solid #ffffff;}
#nav li li a:hover, #nav li li a:active {background: transparent;padding: 10px 30px 7px 10px;}

#nav li ul {position: absolute;width: 10em;left: -999em;}

#nav li:hover ul {left: auto;display: block;}
#nav li:hover ul, #nav li.sfhover ul {left: auto;}
/* content tambahan */
#box-main-container {
clear:both;
}
.box-column {
padding:auto 10px auto; /* 0px 10px 10px 10px */

}

#inside{padding:0 5px 0 5px; float:left}

/* Fotter */
#footer{width:925px; text-align:left; font-family:Arial,Helvetica,sans-serif; font-size:14px; color:#0D0D0D; padding:0 0 25px 0; border-top:1px solid orange}
#footer ul{padding:10px 0 13px 0}
#footer li{display:inline; list-style-type:none}
#footer ul a{color:#0D0D0D; text-decoration:none; margin:0 12px 0 0}
#footer ul a:visited{text-decoration:none}
#footer ul a:hover{text-decoration:underline}
#footer p{text-align:left; font-family:Arial,Helvetica,sans-serif; font-size:11px; color:#0D0D0D}
/*post wrapper*/?

]]></b:skin>

<b:if cond='data:blog.pageType != "item"'>
<style>
/* Posts */
h2.date-header{color:#808080; font-size:11px; font-weight:normal}
.post{background:#fff none repeat scroll 0 0; border:1px solid #BFBFBF; float:left; height:200px; margin:5px; overflow:hidden; padding:0px; position:relative; width:200px}
#post-title-wrapper{background:#32CD32; clear:both; left:0; padding:2px; position:absolute; top:0px}/*background:#A0B222*/
.post ul li{background:transparent url(http://1.bp.blogspot.com/_1_qkt6bisvU/TAxTafZlcBI/AAAAAAAAAZw/u6p8QtU04UQ/s400/bullet.gif) no-repeat scroll left center; line-height:25px; padding-left:20px}
.post ol li{line-height:25px; list-style-position:inside; list-style-type:decimal}
.post li a{}
.post li a:hover{}
.post h3{bottom:5px; color:#333; font-size:14px; font-weight:bold; letter-spacing:0; margin:0}
.post h3 a, .post h3 a:visited, .post h3 strong{color:#fff}
.post h3 strong, .post h3 a:hover{color:#808080}
.post-body{color:#333; font-size:14px; line-height:1.4em}
.post-body blockquote{}
.post-footer{bottom:5px; color:#5F5E5E; font-size:11px; margin:0; padding:0; position:absolute; right:5px}
.comment-link{}
.post img{background:#CCC none repeat scroll 0 0; height:199px; margin-bottom:9999px; padding:0; width:200px}
.post blockquote{background:#808080 url(http://4.bp.blogspot.com/_1_qkt6bisvU/TAy5ThJnYBI/AAAAAAAAAbM/tbc10kkIqf4/s400/aspas.png) no-repeat scroll 10px 10px; color:#FFF; font-family:georgia; padding:20px 20px 20px 50px}
.post blockquote p{}
.post-footer-line-1{display:none}
.post-labels{display:none}
</style>
</b:if>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>



<script src='http://sites.google.com/site/amatullah83/js-indahnyaberbagi/stepcarousel.js'/>
<script type='text/javascript'>
stepcarousel.setup({
galleryid: 'board_carusel', //id of carousel DIV
beltclass: 'belt', //class of inner "belt" DIV containing all the panel DIVs
panelclass: 'board_item', //class of panel DIVs each holding content
autostep: {enable:true, moveby:1, pause:5000},
panelbehavior: {speed:500, wraparound:false, persist:false},
defaultbuttons: {enable: false, moveby: 1, leftnav: ['http://i34.tinypic.com/317e0s5.gif', -5, 80], rightnav: ['http://i38.tinypic.com/33o7di8.gif', -20, 80]},
statusvars: ['statusA', 'statusB', 'statusC'], //register 3 variables that contain current panel (start), current panel (last), and total panels
contenttype: ['inline'] //content setting ['inline'] or ['external', 'path_to_external_file']
})
</script>

<style type='text/css'>
/*board*/
#board{
width:470px;
height:250px;
overflow:hidden;
margin:0px;
background:url() no-repeat;}
#board_left{
float:left;
padding:0px;/*22 0 0 10*/
}
#board_items{
width:470px;/*642*/
padding:0px;
}
#board_body{
width:470px;/*642*/
margin:0px;/*0 0 0 15*/
}
#board_carusel{
width:470px;/*642*/
height:250px;/*350*/
position:relative;
}
#board_carusel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}
.board_item{
width:470px;/*642*/
height:250px;/*350*/
overflow:hidden;
margin:0px;/*0 0 28 0*/
}
#board_body h2{
color:#000;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:23px;
font-weight:normal;
margin:0px;
}
#board_body strong{
font-size:23px;
color:#000;
line-height:18px;
display:block;
}
#board_body p{
font-size:18px;
color:#000;
line-height:18px;
padding:0 0 10px 0;
}
#board_body p img{
float:left;
border:0px solid #83b2c4;
margin:0px ;/*0 10 0 0*/
width:470px;/*642*/
height:250px;/*350*/
}
#board_body p a{
color:#000;
}
#board_body p.more a{
text-decoration:underline;
}
#board_body p.more a:hover{
text-decoration:none;
}
#board_carusel_nav{
width:100%;
height:2200px;/*350*/
overflow:hidden;
}
#board_carusel_nav li{
font-size:12px;
font-family:Verdana, Geneva, sans-serif;
float:left;
}
#board_carusel_nav a{
display:block;
float:left;
background:#7ac2df;
border-right:1px solid #85d7f7;
width:33px;
text-align:center;
padding:0px 0 7px 0;
}
#board_carusel_nav a.selected, #board_carusel_nav a:hover{
text-decoration:underline;
font-weight:bold;
background:#a7e2f9;
border-right:1px solid #a7e2f9;
}

</style>


</head>

<body>

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

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

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

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

<b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
<b:include name='description'/>
</b:if>
</div>
</b:if>
<b:else/>

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

<div id='navleft'>
<div id='nav'>
<ul>
<li><a href='/'>Home</a></li>
<li><a href='#'>Produk</a></li>
<li><a href='#'>Cara Pemesanan</a></li>
<li><a href='#'>Contact Us</a></li>
</ul>
</div>
</div>
<div id='search'>
<form action='http://mobileshoptemplate.blogspot.com/search' id='searchform' method='get' style='display:inline;'>
<input id='searchbox' maxlength='160' name='q' onblur='if (this.value == "") {this.value = "Search...";}' onfocus='if (this.value == "Search...") {this.value = ""}' type='text' value='Search...'/>
<input class='btn' name='' src='http://2.bp.blogspot.com/-YMBxRM3ptV0/TYheKjeRi3I/AAAAAAAAAW8/R9LVHLjeKR4/s1600/searchButton.gif' type='image' value='Go'/>
</form>
</div>
</div>

<div id='outer-wrapper'>

<div id='box-main-container'>

<div id='box1' style='width: 210px; height:auto; float: left; margin:5px 2px 10px 0px; text-align: left; '>

<b:section class='box-column' id='col1' preferred='yes' style='float:left;'>
<b:widget id='HTML1' 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 id='box2' style='width: 475px; height:auto; float: left; margin:5px 0px 10px 0px; text-align: left;'>

<b:section class='box-column' id='col2' preferred='yes' style='float:left;'>
<b:widget id='HTML5' 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 id='box3' style='width: 210px; height:auto; float: left; margin:5px 2px 10px 0px; text-align: left; '>
<b:section class='box-column' id='col3' preferred='yes' style='float:left;'>
<b:widget id='HTML3' 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 style='clear:both;'/>

</div>

<div id='wrap2'>


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

<div id='content-wrapper'>

<div id='main-wrapper'>

<div id='inside'>

<div id='post-wrapper'>

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

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

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

<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='shareButtons' var='post'>
<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>
<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>
<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>
<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>
<a class='goog-inline-block share-button sb-buzz' expr:href='data:post.sharePostUrl + "&target=buzz"' expr:onclick='"window.open(this.href, \"_blank\", \"height=415,width=690\"); return false;"' expr:title='data:top.shareToBuzzMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToBuzzMsg/></span></a>
<b:if cond='data:top.showDummy'>
<div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
</b:if>
</b:includable>
<b:includable id='backlinks' var='post'>
<a name='links'/><h4><data:post.backlinksLabel/></h4>
<b:if cond='data:post.numBacklinks != 0'>
<dl class='comments-block' id='comments-block'>
<b:loop values='data:post.backlinks' var='backlink'>
<div class='collapsed-backlink backlink-control'>
<dt class='comment-title'>
<span class='backlink-toggle-zippy'> </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='post' var='post'>

<div class='post hentry uncustomized-post-template'>
<div id='post-title-wrapper'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
</div>
<div class='post-footer'>
<div class='post-header-line-1'/>
<div class='post-footer-line post-footer-line-1'>
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<span class='fn'><data:post.author/></span> <span class='post-timestamp'><b:if cond='data:post.dateHeader'>on <data:post.dateHeader/></b:if></span>
</b:if>
</span>

</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>
<span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.allowComments'>customer response (<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1<b:else/><data:post.numComments/></b:if></a>)
</b:if>
</b:if>
</span>
</div></div>

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

<div class='post-body entry-content'>

<script type='text/javascript'>
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script src='http://bloggertuts.googlecode.com/files/summary-post.js' type='text/javascript'/>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>
<div expr:id='"summary" + data:post.id'>

<data:post.body/></div></a>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>","<data:post.url/>","<data:post.title/>");</script>
<span class='rmlink' style='float:right'><a expr:href='data:post.url'>Read more</a></span>

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

</div>

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if>
</div>

</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<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%'/>
<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='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='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'><data:newerPageTitle/></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'><data:olderPageTitle/></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='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='main' var='top'>

<div class='blog-posts hfeed'>

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

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


<b:include name='nextprev'/>

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

<b:if cond='data:isReSearchEnabled'>
<script src='http://www.google.com/jsapi' type='text/javascript'/>
<data:reSearchJs/>
<script type='text/javascript'>
google.load('search', '1');
function reSearchInit() {
var blogSearcher = new google.search.BlogSearch();
var blogHomepageUrl = '<data:blogHomepageUrl/>';
var adCodeUri = '<data:reSearchAdCodeUri/>';
var referrer = document.referrer;

var reSearch = new BLOG_ReSearch(blogSearcher,
blogHomepageUrl,
adCodeUri,
referrer);
reSearch.run();
};
google.setOnLoadCallback(reSearchInit);
</script>
</b:if>

</b:includable>
<b:includable id='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='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='mobile-index-post' var='post'>
<b:if cond='data:post.dateHeader'>
<div class='mobile-index-date'>
<div class='date-header'>
<span><data:post.dateHeader/></span>
</div>
</div>
</b:if>

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

<div>
<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;'/>
</div>
</a>

<div class='mobile-index-comment'>
<b:if cond='data:blog.pageType != "item"'>
<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>
</b:if>
</div>
</div>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>
</b:includable>
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>

<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
 
<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 class='commentauthor' 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:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>

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

<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>

</p>
</b:if>

<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
<div id='sidebar-wrapper1'>
<b:section class='sidebar1' id='sidebar1' preferred='yes'>
<b:widget id='PopularPosts1' locked='false' title='Entri Populer' 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"'>

<a expr:href='data:post.href'><data:post.title/></a>
<b:else/>

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

<div class='item-thumbnail-only'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
</div>
<div style='clear: both;'/>
<b:else/>

<div class='item-content'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</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='Followers1' locked='false' title='Pengikut' type='Followers'>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<b:if cond='data:codeSnippet != ""'>
<h2 class='title'><data:title/></h2>
<b:else/>
<b:if cond='data:totalFollowerCount != ""'>
<h2 class='title'><data:title/> (<data:totalFollowerCount/>)</h2>
</b:if>
</b:if>
</b:if>
<div class='widget-content'>
<div expr:id='data:widget.instanceId + "-wrapper"'>
<b:if cond='data:codeSnippet != ""'>
<div style='margin-right:2px;'>
<data:codeSnippet/>
</div>
<b:else/>
<b:if cond='data:totalFollowerCount == ""'>
<span class='item-control following-not-admin'>
<b><data:failureSnippet/></b>
</span>
<span class='item-control blog-admin'>
<b><data:adminFailureSnippet/></b>
</span>
<b:else/>
<b:if cond='data:followingLinkPresent'>
<div class='follow-this profile-link item-control following-follow-this'>
<a expr:href='"javascript:_FollowersView._openPopup(\"" + data:followUri + "\");"'>
<data:followThisMessage/>
</a>
</div>
<div class='follow-this profile-link item-control following-stop-following-this'>
<a expr:href='"javascript:_FollowersView._openPopup(\"" + data:followUri + "\");"'>
<data:stopFollowingMessage/>
</a>
</div>
</b:if>

<div class='followers-grid'>
<b:if cond='data:totalFollowerCount == 0'>
<div class='profile-link item-control following-follow-this'>
<data:emptyFollowersMessage/>
</div>
</b:if>

<b:loop values='data:followers' var='follower'>
<div class='follower'>
<a expr:href='data:follower.profileUrl' expr:title='data:follower.displayName' rel='nofollow'>
<img class='follower-img' expr:alt='data:follower.displayName' expr:height='data:follower.imageHeight' expr:onerror='"this.onerror=null;this.src=\"" + data:anonFollowerImageUrl + "\";"' expr:onload='"setAttributeOnload(this, \"src\", \"" + data:follower.imageUrl + "\")"' expr:width='data:follower.imageWidth' src='http://img1.blogblog.com/img/blank.gif'/>
</a>
</div>
</b:loop>
<div class='clear'/>
</div>

<div class='followers-canvas profile-link'>
<data:followersFooterMessage/>
<span class='item-control following-not-admin'>
<a expr:href='data:followersUri'>
<data:viewAllMessage/>
</a>
</span>
<span class='item-control blog-admin'>
<a expr:href='data:manageFollowersUri'>
<data:manageFollowersMessage/>
</a>
</span>
</div>
</b:if>
</b:if>
</div>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
</div>

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Label1' locked='false' title='Kategori' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='"widget-content " + data:display + "-label-widget-content"'>
<b:if cond='data:display == "list"'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
</li>
</b:loop>
</ul>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='"label-size label-size-" + data:label.cssSize'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
<div id='box4' style='width: 210px; height:250px; float: left; margin:5px 2px 10px 0px; text-align: left;'>

<b:section class='box-column' id='col4' preferred='yes' style='float:left;'>
<b:widget id='HTML4' 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 class='clear'> </div>

</div> 

<div id='footer'>
<img alt='' height='76' src='' width='919'/>
<ul>
<li><a href='/'>Home</a> |</li>
<li><a href='#'>Produk</a> |</li>
<li><a href='#'>Cara Pemesanan</a> |</li>
<li><a href='#'>Contact Us</a></li>
</ul>
<p>Copyright ©<a expr:href='data:blog.homepageUrl'><data:blog.title/></a>. All rights reserved. Template by <a class='permakblogs' href='http://www.permakblogs.blogspot.com' target='_blank' title='Tutorial Blogspot'>Permak Blog</a></p>
</div>

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

UP DATE

Minggu, 04 Desember 2011

mobile shop

Tidak ada komentar:

Posting Komentar