UP DATE: toko online 12

<?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.url == data:blog.homepageUrl'>
<meta content='DESKRIPSI BLOG ANDA' name='description'/>
<meta content='KEYWORDS BLOG ANDA' name='keywords'/>
</b:if>

<b:if cond='data:blog.pageType == "index"'>
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>
<b:else/>
<title><data:blog.pageName/> ~ <data:blog.title/></title>
</b:if>

<link expr:href='data:blog.url' rel='canonical'/>
<b:if cond='data:blog.pageType == "archive"'><meta content='noindex' name='robots'/></b:if>

<link href='https://lh3.googleusercontent.com/-eDB4l_MGQ20/TnTFB7IvA-I/AAAAAAAAFLc/x0y4VmPhBIc/icon_laptop.gif' rel='icon' type='image/gif'/>

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='Deskripsi Blog anda' name='description'/>
<meta content='Kata kunci , kata kunci, kata kunci, kata kunci , kata kunci' name='keywords'/>
</b:if>

<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name : Toko Online Notebookku support SEO Friendly
Designer: dj PeTruck
URL : http://solo-template.blogspot.com/
http://micron-flasher.blogspot.com/
Dibuat : 15 September 2011 di Solo Indonesia
----------------------------------------------- */
#navbar-iframe {
display: none !important;
}
body {
background:#000;
color:#424242;
font-size: 12px;
font-family: Arial, Tahoma, Verdana;
margin: 0 auto 0;
padding: 0;
}
#wrap {
background:url(https://lh3.googleusercontent.com/-jyGwhb6sMaQ/TnJdZxfd7gI/AAAAAAAAFJM/oLoFonGLzJw/wr.png)repeat-y;
width: 980px;
margin: auto ;
padding: 0;
position: relative;
}
a, a:visited {
color:#424242;
text-decoration: none;
text-shadow: #ffffff 1px 1px 1px;
}
a:hover {
color:#FF0000;
text-decoration: none;
text-shadow: #ffffff 1px 1px 1px;
}
a img {
border-width: 0;
}
#topnavbar {
background:url(https://lh6.googleusercontent.com/-Be6bS2sVJUg/TnOA_43zV8I/AAAAAAAAFKo/UmaJPaIq0uA/topnav.png);
width: 980px;
height: 37px;
color:#ffffff;
text-decoration: none;
text-shadow: #000000 1px 1px 1px;
margin: 0;
padding:0;
}
#topnavbar a, #topnavbar a:visited {
font-size: 12px;
font-weight: bold;
color: #ffffff;
text-shadow: #000000 1px 1px 1px;
text-decoration: none;
}
#topnavbar a:hover {
font-size: 12px;
font-weight: bold;
color:#ffffff;
text-decoration: none;
}
#topnavbar p {
font-size: 12px;
font-weight: bold;
padding: 0;
margin: 0;
}
.topnavbarleft {
width: 230px;
float: left;
margin: 0;
padding: 5px 0 0 20px;
}
.topnavbarright {
width: 700px;
float: right;
margin: 0;
padding-right:20px;
padding-top:5px;
text-transform: none;
text-align: right;
}
.topnavbarright a img {
border: none;
margin: 0 3px 3px 0;
padding: 0;
}
.topnavbarright a {
color: #FF0000;
font-size: 12px;
font-weight: bold;
text-shadow: #000000 1px 1px 1px;
}
#header {
background:#000 url(https://lh3.googleusercontent.com/-l2_n-u92hiQ/TnN6H7_43yI/AAAAAAAAFKg/91E2fG3G-c4/head2.jpg);
width: 980px;
height: 150px;
color:#fff;
font-size: 12px;
margin: 0;
padding: 0;
overflow: hidden;
}
#header-inner {
background-position: left;
background-repeat: no;
}
#header h1 {
color:#fff;
font-size: 26px;
font-family: Tahoma;
font-weight: Bold;
margin: 0;
padding: 15px 0 0 20px;
text-decoration: none;
text-shadow: #000 2px 2px 2px;
}
#header h1 a, #header h1 a:visited {
color: #fff;
font-size: 26px;
font-family: Tahoma;
font-weight: Bold;
margin: 0;
padding: 0;
text-decoration: none;
text-shadow: #000 2px 2px 2px;
}
#header h1 a:hover {
color:#fff;
text-decoration: none;
text-shadow: #000 2px 2px 2px;
}
#header h3 {
color: #fff;
font-size: 16px;
font-family: Arial, Tahoma, Verdana;
font-weight: Bold;
margin: 0;
padding: 0;
}
#header p {
color: #ffffff;
padding: 0 0 5px 20px;
margin: 0;
line-height: 20px;
}
.headerleft {
width: 460px;
float: left;
font-size: 14px;
margin: 0;
padding: 0;
}
.headerleft a img {
border: none;
margin: 0;
padding: 0;
}

#header .description {
color: #fff;
font-size: 16px;
font-family: Arial, Tahoma, Verdana;
font-weight: bold;
margin-top: 20px;
margin-left: 25px;
padding: 0;
text-shadow: #000 1px 1px 1px;
}

#nav_atas {
background:url(https://lh4.googleusercontent.com/-D3TWeOiXAFI/TnOGNlr2qwI/AAAAAAAAFLA/M0ChkW40GGw/navbaratas.png);
color: #ffffff;
padding:0;
margin:auto;
margin-bottom:20px;
height: 55px;
width:980px;
text-align:left;
}
#navbar_atas {
float:left;
width: 980px ;
font-size:14px;
}
#navbar_atas ul {
margin:0;
padding-top:5px;
list-style:none;
}
#navbar_atas li {
display:inline;
margin:0;
padding:0;
}
#navbar_atas a {
float:left;
background:url("https://lh3.googleusercontent.com/-oui40VZ4ktw/Tm-tc4NkGEI/AAAAAAAAFFk/Uf5lPPUd5Ss/navhvkiri.png") no-repeat left top;
height:39px;
margin:0;
padding-left:15px;
text-decoration:none;
}
#navbar_atas a span {
float:right;
display:block;
background:url("https://lh5.googleusercontent.com/-eu8hN_sC4vE/Tm-lxiYz9JI/AAAAAAAAFFY/tugzgU3E8eg/navhvkanan.png") no-repeat right top;
padding-right:15px;
padding-top:10px;
color:#fff;
font-weight: bold;
text-shadow: #000 1px 1px 1px;
height:29px;
}
#navbar_atas a span {
float:none;
}
#navbar_atas a:hover span {
color:#FF0000;
font-weight: bold;
text-shadow: #000000 1px 1px 1px;
}
#navbar_atas a:hover {
background-position:0% -39px;
}
#navbar_atas a:hover span {
background-position:100% -39px;
}

#outer-wrapper {
width: 980px;
margin: 0 auto 0;
padding: 0;
line-height: 18px;
}
#main-wrapper {
float: left;
width: 538px;
margin-left:10px;
padding: 10px 0 20px;

}
#sidebar-wrapper-left {
float: left;
width: 200px;
margin-left: 10px;
padding: 0 0 10px;
display: inline;
word-wrap: break-word;
overflow: hidden;
}
#sidebar-wrapper-right {
float: right;
width: 200px;
margin-right: 10px;
padding: 0 0 10px;
display: inline;
word-wrap: break-word;
overflow: hidden;
}
h2.date-header {
margin: 1.5em 0 .5em;
display: none;
}
/* Posts
---------------- */
h2.date-header{
margin:1.5em 0 .5em;
display:none;
}
.post {
width: 159px;
height:250px;
float:left;
padding:5px 5px;
background:url(https://lh6.googleusercontent.com/-4FzHyYhrIQI/TnOf0hPUfWI/AAAAAAAAFLY/J_5B7mi92w4/posdpn.png) no-repeat;
margin-bottom:5px;
margin-left:8px;
}
.post h3,h1.post-title, .post h1 #Blog1 h1, #Blog2 h1 {
margin-top:0px;
margin-bottom: 10px;
font-size: 1.2em;
text-align:center;
padding-bottom:10px;
overflow:hidden;
height:10px;
text-shadow: #000 1px 1px 1px;
}
.post h3 a, h1.post-title a, .post h1 #Blog1 h1 a, #Blog2 h1 a{
color: #fff;
text-shadow: #000 1px 1px 1px;
text-decoration: none;
}
.post img {
margin-top:5px;
padding:0;
}
.post-body {
font-size: 0px;
overflow:hidden;
height:182px;
}
.post-body blockquote {
line-height:1.3em;
}
.post-footer {
line-height:1.4em;
font-size: 0.9em;
margin-right:5px;
}
.post blockquote {
margin:1em 20px;
border:1px solid #000;
}
.bottom {
margin-top:0;
}
.category {
clear: both;
font-weight: bold;
float: left;
font-size: 0.9em;
padding-top: 5px;
}
.coomments {
font-weight: bold;
float: right;
font-size: 0.9em;
padding-top: 5px;
}
/* Comments
------------- */
#comments {
background:url(https://lh3.googleusercontent.com/-5Z-NZtlXhxw/TnI7rbof1sI/AAAAAAAAFI0/-v_n5xpeBa0/posdlmbwh.png) repeat-x bottom;
margin-right:0;
padding:10px;
border: 1px solid #848484;
margin-bottom: 10px;
text-shadow: #ffffff 1px 1px 1px;
}
#comments a {
text-decoration: none;
}
#comments h4 {
font-size:14px;
background:url(https://lh6.googleusercontent.com/-5-lvOqqedbs/TnIzTA_PghI/AAAAAAAAFIs/MB9M8LeQr64/18395633511335673501.png) no-repeat 1% 50%;
text-transform: none;
margin-top: 0px;
padding-left:40px;
clear: both;
display:block;
height:32px;
}
#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block .comment-author{
margin:.5em 0;
font-weight:bold;
color:#6E6E6E;
}
#comments-block .comment-author a:link{
color:#FF0000;
}
#comments-block .comment-body {
margin-bottom:10px;
padding:10px;
border:1px solid #848484;
background:#E6E6E6;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
/* Avatar */
.avatar-image-container img {
background:url(http://lh5.ggpht.com/_aAbADIAv9dE/TPam2jhwCVI/AAAAAAAADTg/RnWpk5e6kHY/no_avatar.png);
width:35px;
height:35px;
}
.deleted-comment {
font-style:italic;
color:gray;
}

#blog-pager-newer-link {
float:left;
}

#blog-pager-newer-link a {
background:transparent url(https://lh5.googleusercontent.com/-fV0eIFRmFLg/TnIor6HHtVI/AAAAAAAAFIU/Qs49yb7oOnw/arronw-left_2.png) no-repeat scroll center center;
display:block;
height:48px;
text-indent:-9999px;
width:48px
}

.home-link {
background:transparent url(https://lh6.googleusercontent.com/--lf5dYztL2Y/TnIrg-2cGFI/AAAAAAAAFIc/KEkUtdWMQLk/home.png) no-repeat scroll center center;
display:block;
height:48px;
margin:0 auto;
text-indent:-9999px;
width:48px;
}

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

#blog-pager-older-link a {
background:transparent url(https://lh6.googleusercontent.com/-fTSPsMquhLM/TnIoutfFPdI/AAAAAAAAFIY/eGqfS-a7rXk/arronw-right_2.png) no-repeat scroll center center;
display:block;
height:48px;
text-indent:-9999px;
width:48px;
}
#blog-pager {
clear:both;
text-align:center;
}

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

/* Post page
------------- */
.single {
background:url(https://lh3.googleusercontent.com/-5Z-NZtlXhxw/TnI7rbof1sI/AAAAAAAAFI0/-v_n5xpeBa0/posdlmbwh.png) repeat-x bottom;
border:1px solid #848484;
margin-bottom: 10px;
padding:10px;
}
.single .post-body-2 {
padding: 0 12px 0 12px;
font-size:12px;
}
.single img {
margin:5px;
max-width:500px;
}
.single h3 {
border-bottom:4px double #848484;
padding-bottom:10px;
margin:0;
font-size: 14px;
text-transform: none;
text-align:center;
}
.single h3 a {
color: #424242;
text-decoration: none;
text-shadow:#fff 1px 1px 1px;
}
.single ul, .single ol {
list-style-position: inside;
margin-bottom: 10px;
}
.single li {
line-height: 1.5em;
padding: 2px 0;
}
.single blockquote {
padding: 10px;
margin-bottom: 10px;
background-color:#F2F2F2;
border:1px solid #A4A4A4;

}

/* Sidebar kiri
-------------------*/
#sidebarleft {
width:200px;
float:left;
}
.sidebarleft {
color: #000;
line-height: 1.5em;
font-size:12px;
}
.sidebarleft ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}
.sidebarleft li {
background:transparent url(https://lh5.googleusercontent.com/-scmpPNGmiOo/TnNjBbkQ3hI/AAAAAAAAFKE/NDvA2grLXos/icon_folder_closed.png) no-repeat scroll left center;
line-height:1.5em;
margin:0;
padding:0 0 0.25em 20px;
}
.sidebarleft ul li a {
color:#424242;
text-decoration: none;
text-shadow: #ffffff 1px 1px 1px;
}
.sidebarleft ul li a:hover {
color:#848484;
text-decoration:none;
text-shadow: #ffffff 1px 1px 1px;
}
.sidebarleft .widget {
background:url(https://lh3.googleusercontent.com/-E2H9JTfCLP0/TnIi-I60rII/AAAAAAAAFIM/3jx0XmwyRd4/sidwitgt.png) no-repeat bottom;
margin-bottom: 10px;
}
.sidebarleft .widget-content {
padding:5px 15px 5px 15px;
}
.sidebarleft h2 {
background: url(https://lh4.googleusercontent.com/-au3lcS_R76s/TnIgEbdMkfI/AAAAAAAAFIE/HMTfcHVdxFA/sidebarh2kiri.png) repeat-x 0 0;
padding-top:10px;
padding-left:10px;
margin:0;
height: 40px;
font-size:12px;
color:#ffffff;
font-weight:bold;
text-transform:none;
text-shadow: #000000 1px 1px 1px;
}
.main .Blog {
border-bottom-width: 0;
}

/* Sidebar kanan
-------------------*/
#sidebarright {
width:200px;
float:right;
}
.sidebarright {
color: #000;
line-height: 1.5em;
font-size:12px;
}
.sidebarright ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}
.sidebarright li {
background:transparent url(https://lh5.googleusercontent.com/-scmpPNGmiOo/TnNjBbkQ3hI/AAAAAAAAFKE/NDvA2grLXos/icon_folder_closed.png) no-repeat scroll left center;
line-height:1.5em;
margin:0;
padding:0 0 0.25em 20px;
}
.sidebarright ul li a {
color:#424242;
text-decoration: none;
text-shadow: #ffffff 1px 1px 1px;
}
.sidebarright ul li a:hover {
color:#848484;
text-decoration: none;
text-shadow: #ffffff 1px 1px 1px;
}
.sidebarright .widget {
background:url(https://lh3.googleusercontent.com/-E2H9JTfCLP0/TnIi-I60rII/AAAAAAAAFIM/3jx0XmwyRd4/sidwitgt.png) no-repeat bottom;
margin-bottom: 10px;
}
.sidebarright .widget-content {
padding:5px 15px 5px 15px;
}
.sidebarright h2 {
background: url(https://lh4.googleusercontent.com/-navLbR4YY-4/TnIgCGeFH7I/AAAAAAAAFIA/YhzhAqPMMrU/sidebarh2kanan.png) repeat-x 0 0;
padding-top:10px;
padding-left:10px;
margin:0;
height:40px;
font-size: 12px;
color:#ffffff;
font-weight:bold;
text-transform: none;
text-shadow: #000000 1px 1px 1px;
}

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

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

/* NAVBAR_BAWAH
----------------*/
#navbar_bawah {
background:url(https://lh5.googleusercontent.com/-FZDfxY0Q_2c/TnOGPXdwxQI/AAAAAAAAFLE/HjAvTRrdz9Q/navbarbawah.png);
width: 980px;
height: 55px;
color: #ffffff;
text-decoration: none;
margin: 0;
padding: 0;
}
#navbar_bawah a, #navbar_bawah a:visited {
font-size: 12px;
font-weight: bold;
color:#ffffff;
text-decoration: none;
text-shadow: #000000 1px 1px 1px;
}
#navbar_bawah a:hover {
font-size: 12px;
font-weight: bold;
color:#ff0000;
text-decoration: none;
text-shadow: #000000 1px 1px 1px;
}
#navbar_bawah p {
font-size: 12px;
font-weight: bold;
padding: 0;
margin: 0;
}

#navwrapkanan {
margin: 0px auto;
width:510px;
float:right;
text-align:right;
}
.navbar_bawah_kanan ul {
list-style:none;
margin:0;
padding:0px;
float:right;
}
.navbar_bawah_kanan li {
float:left;
margin:0;
text-align:center;
list-style:none
}
.navbar_bawah_kanan li a {
font-weight:normal;
font-size:12px;
text-transform:none;
display:block;
padding:15px 20px 8px 20px;
color:#191919;
text-decoration:none;
}
.navbar_bawah_kanan li a:hover, li a:focus, li a:active {
text-decoration:underline;
}

#credits {
background:#000000;
width: 980px;
height: 35px;
margin: 0;
padding: 0;
text-align: center;
}
#credits p {
color:#ffffff;
font-size: 11px;
font-family: Arial, Tahoma, Verdana;
margin: 0;
padding: 9px 0 0;
text-shadow: #000000 1px 1px 1px;
}
#credits a, #footer a:visited {
color:#ffffff;
text-decoration: none;
text-shadow: #000000 1px 1px 1px;
}
#credits a:hover {
color:#ff0000;
text-decoration: none;
text-shadow: #000000 1px 1px 1px;
}

/* Profile
------------- */
.profile-img {
float: $startSide;
margin-top: 0;
width: 150px;
height: 160px;
margin-$endSide: 3px;
margin-bottom: 0px;
margin-$startSide: 0;
padding: 4px;

}

.profile-data {
margin:0;
text-transform:none;
letter-spacing:0;
font-size: 100%;
color: $sidebarcolor;
font-weight: bold;
line-height: 1.6em;
}

.profile-datablock {
margin:.5em 0 .5em;
}

.profile-textblock {
margin: 0;
line-height: 1.5em;
}

.profile-link {
font: $postfooterfont;
text-transform: none;
letter-spacing: .1em;
}
.more {
font-size:12px;
margin-top:15px;
text-transform:none;
font-weight:bold;
text-shadow: #ffffff 1px 1px 1px;
border:none;
}

.breadcrumbs{
padding:5px 5px 5px 0;
margin:0;font-size:100%;
line-height:1.4em;
}

]]></b:skin>

<script type='text/javascript'>var thumbnail_mode = "no-float" ;
summary_noimg = 0;
summary_img = 0;
img_thumb_height = 177;
img_thumb_width = 159;
</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");

if(img.length<=0) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="https://lh3.googleusercontent.com/-aVuiAT0yzMc/TnTKQfrBd4I/AAAAAAAAFLg/zDkO6RUA_fk/no%252520image2.png" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
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>


<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
margin-left:20px;
}
#related-posts h2{
font-size: 14px;
font-weight:bold;
color: #585858;
font-family: Georgia, “Times New Roman”, Times, serif;
margin-bottom: 10px;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}
#related-posts a:hover {
background-color:#D8D8D8;
}
</style>
<script type='text/javascript'>
var defaultnoimage="https://lh3.googleusercontent.com/-aVuiAT0yzMc/TnTKQfrBd4I/AAAAAAAAFLg/zDkO6RUA_fk/no%252520image2.png";
var maxresults=5;
var splittercolor="#585858";
var relatedpoststitle="Posting Terkait:";
</script>
<script src='http://micron-flasher.googlecode.com/files/related-posts-with-thumbnails-for-blogger-pro.js' type='text/javascript'/>
</b:if>


</head>
<body>
<div id='wrap'>
<div id='outer-wrapper'><div id='wrap2'>
<div id='topnavbar'>
<div class='topnavbarleft'>
<p>
<script type='text/javascript'>
var mydate=new Date()
var year=mydate.getYear()
if (year < 1000)
year+=1900
var day=mydate.getDay()
var month=mydate.getMonth()
var daym=mydate.getDate()
if (daym<10)
daym="0"+daym
var dayarray=new Array("Minggu","Senin","Selasa","Rabu","Kamis","Jumat","Sabtu")
var montharray=new Array("Januari","Februari","Maret","April","Mai","Juni","Juli","Augustus","September","October","November","Desember")
document.write("<p>"+dayarray[day]+", "+daym+" "+montharray[month]+", "+year+"</p>")
</script>
</p>
</div>
<div class='topnavbarright'>
<p><a expr:href='data:blog.homepageUrl' style='background:url(http://1.bp.blogspot.com/_ZndXpD4mctI/SwVsUl0rGeI/AAAAAAAABBE/37Hl5RBfAIg/s1600/house.png) no-repeat left; padding-left:20px;margin right:10px;'> Home </a>

<a href=' # ' style='background:url(https://lh6.googleusercontent.com/-j-OuK2j_JIo/TnNkc1vPpXI/AAAAAAAAFKY/8sgMDsLuKWA/male.png) no-repeat left; padding-left:15px;' target='_blank'>
Tentang Kami</a>
</p>
</div>
</div>

<div id='header'>
<div class='headerleft'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Toko Online Notebookku (Header)' type='Header'>
<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: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:widget>
</b:section>
</div>
</div>
<div id='nav_atas'>
<div id='navbar_atas'>
<ul>
<li><a expr:href='data:blog.homepageUrl'><span>Home</span></a></li>
<li><a href='#' target='_blank'><span>Tes Produk</span></a></li>
<li><a href='#' target='_blank'><span>Tes Produk</span></a></li>
<li><a href='#' target='_blank'><span>Tes Produk</span></a></li>
<li><a href='#' target='_blank'><span>Tes Produk</span></a></li>
<li><a href='#' target='_blank'><span>Tes Produk</span></a></li>
</ul>
</div>
</div>

<div id='content-wrapper'>
<div id='sidebar-wrapper-left'>
<b:section class='sidebarleft' id='sidebarleft' preferred='yes'>
<b:widget id='Label2' locked='false' title='Label' 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='BlogArchive1' locked='false' title='Arsip Blog' 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 class='flat'>
<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 class='hierarchy'>
<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' href='javascript:void(0)'>
<span class='zippy toggle-open'>▼ </span>
</a>
<b:else/>
<a class='toggle' href='javascript:void(0)'>
<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 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='yes'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'>
<b:includable id='nextprev'>
<div class='navigation' 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'>
<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='backlinks' var='post'>
<a name='links'/><h4><data:post.backlinksLabel/></h4>
<b:if cond='data:post.numBacklinks != 0'>
<dl class='comments-block' id='comments-block'>
<b:loop values='data:post.backlinks' var='backlink'>
<div class='collapsed-backlink backlink-control'>
<dt class='comment-title'>
<span class='backlink-toggle-zippy'> </span>
<a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
<b:include data='backlink' name='backlinkDeleteIcon'/>
</dt>
<dd class='comment-body collapseable'>
<data:backlink.snippet/>
</dd>
<dd class='comment-footer collapseable'>
<span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
<span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
</dd>
</div>
</b:loop>
</dl>
</b:if>
<p class='comment-footer'>
<a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
</p>
</b:includable>
<b:includable id='mobile-main' var='top'>

<div class='blog-posts hfeed'>

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

<b:if cond='data:blog.pageType == "index"'>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='mobile-index-post'/>
</b:loop>
<b:else/>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='mobile-post'/>
</b:loop>
</b:if>
</div>

<b:include name='mobile-nextprev'/>
</b:includable>
<b:includable id='post' var='post'>
<b:if cond='data:blog.pageType != "item"'>
<div class='post' id='post'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h1 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>
</h1>
</b:if>

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

<div class='post-body entry-content'>
<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/>");</script>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
<div style='clear: both;'/> 
</div>
<div class='bottom'>
<div class='more'>
<span class='rmlink' style='background:url(https://lh5.googleusercontent.com/-cpAPMbYmGRk/TYo1EQRNl9I/AAAAAAAADoc/cvV5XIQb3QU/blanklogo.png) no-repeat; padding-left:65px;float:center'><a expr:href='data:post.url'>Lihat</a></span>
</div>
</div>
</div>
</b:if>
<b:if cond='data:blog.pageType == "item"'>

<div class='single' id='post'>
<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-body-2'>
<p><data:post.body/></p>
<div style='clear:both;'/>
</div>

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


<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=6"' type='text/javascript'/></b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs("<data:post.url/>");
</script>
</div><div style='clear:both'/>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
<a href='http://www.bloggerplugins.org/2009/08/related-posts-thumbnails-blogger-widget.html'><img alt='Related Posts Widget For Blogger with Thumbnails' src='http://image.bloggerplugins.org/blogger-widgets.png' style='border: 0'/></a><a href='http://bloggertemplates.bloggerplugins.org/'><img alt='Blogger Templates' src='http://image.bloggerplugins.org/blogger-templates.png' style='border: 0'/></a>
</b:if></b:if>

<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<span class='fn'><data:post.author/></span>
</b:if>
</span>
<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span>
<span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
</span>

<span class='reaction-buttons'>
<b:if cond='data:top.showReactions'>
<table border='0' cellpadding='0' cellspacing='0' width='100%'><tr>
<td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'>
<span class='reactions-label'>
<data:top.reactionsLabel/></span> </td>
<td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td>
</tr></table>
</b:if>
</span>
<span class='star-ratings'>
<b:if cond='data:top.showStars'>
<div expr:g:background-color='data:backgroundColor' expr:g:text-color='data:textColor' expr:g:url='data:post.absoluteUrl' g:height='42' g:type='RatingPanel' g:width='280'/>
</b:if>
</span>

<span class='post-backlinks post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.showBacklinks'>
<a class='comment-link' expr:href='data:post.url + "#links"'><data:top.backlinkLabel/></a>
</b:if>
</b:if>
</span>
<span class='post-icons'>

<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<img alt='' class='icon-action' height='13' src='http://www.blogger.com/img/icon18_email.gif' width='18'/>
</a>
</span>
</b:if>

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

<div class='post-share-buttons goog-inline-block'>
<b:if cond='data:post.sharePostUrl'>
<b:include data='post' name='shareButtons'/>
</b:if>
</div>

</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='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='yes' 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='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'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

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

<div class='post-body entry-content' expr:id='"post-body-" + data:post.id'>
<data:post.body/>
<div style='clear: both;'/> 
</div>

<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<span class='fn'><data:post.author/></span>
</b:if>
</span>

<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span>

<span class='post-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();'><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:include data='post' name='comments'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comments'/>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<img alt='' class='icon-action' height='18' src='http://www.blogger.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<div class='breadcrumbs'>
<a expr:href='data:blog.homepageUrl' rel='tag'>HOME</a>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'> »
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
</b:loop>
» <span><data:post.title/></span>
</b:if>
</b:loop>
</div>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<div class='breadcrumbs'>
<a expr:href='data:blog.homepageUrl'>Home</a> » Arsip untuk <data:blog.pageName/>
</div>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == ""'>
<a expr:href='data:blog.homepageUrl'>Home</a> » Seluruh Artikel
<b:else/>
<a expr:href='data:blog.homepageUrl'>Home</a> » Artikel Pada Kategori <data:blog.pageName/>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='main' var='top'>

<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<b:include data='posts' name='breadcrumb'/>
<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: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: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'>
<div class='mobile-date-outer date-outer'>
<b:if cond='data:post.dateHeader'>
<div class='date-header'>
<span><data:post.dateHeader/></span>
</div>
</b:if>

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

<div class='mobile-index-arrow'>&rsaquo;</div>

<div class='mobile-index-contents'>
<b:if cond='data:post.thumbnailUrl'>
<div class='mobile-index-thumbnail'>
<div class='Image'>
<img expr:src='data:post.thumbnailUrl'/>
</div>
</div>
</b:if>

<div class='post-body'>
<b:if cond='data:post.snippet'><data:post.snippet/></b:if>
</div>
</div>

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

<div class='mobile-index-comment'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.numComments != 0'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</b:if>
</div>
</div>
</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 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'>
<div expr:class='data:comment.avatarContainerClass'>
<data:comment.authorAvatarImage/>
</div>
</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'>
<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: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:widget>
</b:section>

</div>


<div id='sidebar-wrapper-right'>
<b:section class='sidebarright' id='sidebarright' preferred='yes'>
<b:widget id='Profile1' locked='false' title='Mengenai Saya Mengenai' type='Profile'>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<b:if cond='data:team == "true"'> 
<ul>
<b:loop values='data:authors' var='i'>
<li><a expr:href='data:i.userUrl'><data:i.display-name/></a></li>
</b:loop>
</ul>

<b:else/> 

<b:if cond='data:photo.url != ""'>
<a expr:href='data:userUrl'><img class='profile-img' expr:alt='data:photo.alt' expr:height='data:photo.height' expr:src='data:photo.url' expr:width='data:photo.width'/></a>
</b:if>

<dl class='profile-datablock'>
<dt class='profile-data'>
<a class='profile-name-link' expr:href='data:userUrl' rel='author'>
<data:displayname/>
</a>
</dt>

<b:if cond='data:showlocation == "true"'>
<dd class='profile-data'><data:location/></dd>
</b:if>

<b:if cond='data:aboutme != ""'><dd class='profile-textblock'><data:aboutme/></dd></b:if>
</dl>
<a class='profile-link' expr:href='data:userUrl' rel='author'><data:viewProfileMsg/></a>
</b:if>

<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='Label1' locked='false' title='Label' 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='Followers1' locked='false' title='Member' 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 class='clear'> </div>

</div> 

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

</div></div> 

<div id='navbar_bawah'>

<div id='navwrapkanan '>
<div class='navbar_bawah_kanan'>
<ul id='navbar_bawah_kanan'>
<li><a expr:href='data:blog.homepageUrl' style='background:url(http://1.bp.blogspot.com/_ZndXpD4mctI/SwVsUl0rGeI/AAAAAAAABBE/37Hl5RBfAIg/s1600/house.png) no-repeat left; padding-left:20px;margin-top:10px ;'>Home</a></li>

<li><a href='#' style='background:url(http://lh4.ggpht.com/_aAbADIAv9dE/TPZybx1mD_I/AAAAAAAADSg/ta7udh9ZIzY/telephone.png) no-repeat left; padding-left:20px;margin-top:10px;' target='_blank'>
Hubungi Kami</a></li>

<li><a href='http://www.blogger.com/' style='background:url(http://lh5.ggpht.com/_aAbADIAv9dE/TPZycE92GlI/AAAAAAAADSk/TY42ywpXwoU/user_business.png) no-repeat left; padding-left:20px;margin-top:10px;' target='_blank'>
Admin</a></li>

<li><a href='#outer-wrapper' title='Kembali ke Atas'><span style='float:right; margin-top:10px'>TOP</span></a></li>
</ul>
</div>
</div>

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

<div id='credits'>

<p><a expr:href='data:blog.homepageUrl'><data:blog.title/></a> © 2011 |Designer by <a href='http://solo-template.blogspot.com/' target='_blank' title='Solo-template'>dj PeTruck</a> | <a href='http://www.blogger.com' target='_blank'>Blogger Indonesia</a> </p>

</div>

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

UP DATE

Minggu, 04 Desember 2011

toko online 12

Tidak ada komentar:

Posting Komentar