<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<HTML>
<head>
<link href='https://plus.google.com/YOUR_ID' rel='me'/>
<link href='https://plus.google.com/YOUR_ID/about' rel='author'/>
<link href='https://plus.google.com/YOUR_ID/posts' rel='publisher'/>
<link expr:href='data:blog.url' rel='canonical'/>
<link href='/favicon.ico' rel='icon' type='image/x-icon'/>
<b:if cond='data:blog.isMobile'><meta content='noindex,nofollow' name='robots'/></b:if>
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>
<meta content='text/html;charset=UTF-8' http-equiv='Content-Type'/>
<meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
<meta content='ID-BT' name='geo.region'/>
<meta content='-0.789275;113.921327' name='geo.position'/>
<meta content='-0.789275, 113.921327' name='ICBM'/>
<meta content='YOUR_NAME' name='author'/>
<meta content='index,follow' name='robots'/>
<meta content='2 days' name='revisit-after'/>
<meta content='blogger' name='generator'/>
<meta content='general' name='rating'/>
<style type="text/css">
<!-- /*
<b:skin><![CDATA[/*
-----------------------------------------------
Name : Dollar Sense (Free)
Designer : templatoid
URL : www.templatoid.com
Release : Januari 2015
----------------------------------------------- */
#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}
header,nav,section,aside,article,footer {display:block}
section,nav,article,aside,hgroup,header,footer {display:block}
time,mark {display:inline}
/* Use this with templates/template-twocol.html */
body, .body-fauxcolumn-outer {
background:#CECECE;
color:#333333;
font:12px Arial;
font-weight:normal;
line-height:normal;
margin:0;
text-align:center;
}
a:link {
color:#346ba4;
text-decoration:none;
}
a:visited {
color:#346ba4;
text-decoration:none;
}
a:hover {
color:#4096EE;
text-decoration: none;
}
img {
border-width:0;
max-width:100%;
height:100%;
}
#header-wrapper {
background: transparent;
height: 100%;
max-width: 194px;
width: 100%;
margin: 5px 5px 5px 0px;
padding: 0px;
float: left;
max-height: 90px;
}
#header {
color:#444;
float: left;
text-indent: -9999px;
}
#leaderboard{
max-width:728px;
width: 100%;
max-height:90px;
height: 100%;
float:left;
padding:0px;
margin: 5px 0px 5px 0px;
}
.Header h1, .Header h2, .Header h3 {
font-family: Arial;
font-size:20px;
font-weight:bold;
line-height:normal;
margin:2px;
padding:1px;
text-transform:none;;
}
.Header h1 a, .Header h3 a {
color: #f90;
}
#header a {
color:#000000;
text-decoration:none;
}
#header a:hover {
color:#000000;
}
#header .description {
color:#000;
font-family:Arial;
font-size:12px;
font-weight:normal;
line-height:normal;
margin:5px;
padding:5px;
text-transform:none;
}
#header img {
margin-left:auto;
margin-right:auto;
}
#outer-wrapper {
background:#FFFFFF;
border:0px;
font-family: Arial;
font-size:12px;
line-height:normal;
margin:10px auto;
padding:10px;
text-align:left;
width:927px;
border-top: 5px solid #9b59b6;
}
#main-wrapper {
float:left;
color: #666;
margin-right:0px;
overflow:hidden;
width:615px;
word-wrap:break-word;
}
h1, h2, h3 {
color:#000000;
font-family: Arial;
font-size:16px;
font-weight:normal;
line-height:1.5em;
margin-bottom:7px;
margin-top:5px;
}
.post-body h1, .post-body h2, .post-body h3 {
color:#000000;
font-family: Arial;
font-size:16px;
font-weight:normal;
line-height:1.5em;
margin-bottom:7px;
margin-top:5px;
}
#sidebar-wrapper {
float:right;
overflow:hidden;
width:300px;
word-wrap:break-word;
}
#sidebar-wrapper h1, #sidebar-wrapper h2, #sidebar-wrapper h3 {
background-color: #9b59b6;
margin: 0 0 5px;
padding: 4px 0 4px 7px;
text-transform: uppercase;
font-size: 11px !important;
font-weight: bold;
color: #fff;
}
#sidebar-wrapper ul{margin:0; padding:0; }
#sidebar-wrapper li{
list-style: none;
margin: 0;
padding: 5px 0px;
border-bottom: 1px dotted #ddd;
font-family: arial;
font-size: 11px;
color: #555;
}
#sidebar-wrapper li a {
font: bold 12px Arial;
color: #555;
text-decoration: none;
}
#sidebar-wrapper li a:hover {color: #346ba4;}
#sidebar-wrapper li a span {color: #1F5892; font-style: italic; font-weight: normal; }
.sidebar {
color:#666666;
line-height:1em;
}
.sidebar img {width:100%;max-width:300px;}
.sidebar .widget, .main .widget {
margin:0 0 0.2em;
padding:0 0 0.2em;
clear: both;
}
.post {
font: 13px Arial;
padding: 5px;
border: 2px solid #E9E9E9;
border-radius: 5px;
margin: 0;
}
.post-title {
color: #9b59b6;
font-family: Arial;
font-size: 13px;
margin: 0;
padding: 0 0 5px;
}
.post h1 a, .post h1 a:visited, .post h1 strong, .post h2 a, .post h2 a:visited, .post h2 strong {
color: #444;
display: block;
font-weight: bold;
text-decoration: none;
}
.post h1 strong, .post h1 a:hover, .post h2 strong, .post h2 a:hover {
color:#9b59b6;
}
.post-body {
font:13px Arial;
line-height:20px;
margin: 0px 0px 5px;
}
/* -- BLOGPAGER SET -- */
#blog-pager {
margin:0 0 0 0;
clear:both !important;
padding:10px 0px;
font-weight:normal;
}
#blog-pager-newer-link a {
background-color:#fff;
border:1px solid #ededed;
border-radius: 3px 3px;
float:left;
display:block;
padding:0px 12px;
line-height:30px;
color:#666;
}
#blog-pager-older-link a {
background-color:#fff;
border:1px solid #ededed;
border-radius: 3px 3px;
float:right;
display:block;
padding:0px 12px;
line-height:30px;
color:#666;
}
a.home-link {
display: none;
}
#blog-pager-older-link a:hover, #blog-pager-newer-link a:hover, a.home-link:hover {
background-color:#f5f5f5;
}
.feed-links {
clear:both;
line-height:2.5em;
}
.main .Blog {
border-bottom-width:0;
}
.profile-img {
border:1px solid #CCCCCC;
float:left;
margin:0 5px 5px 0;
padding:4px;
}
.profile-data {
color:#999999;
font-family: Arial;
font-size:78%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
letter-spacing:0.1em;
line-height:1.6em;
margin:0;
text-transform:uppercase;
}
.profile-datablock {
margin:0.5em 0;
}
.profile-textblock {
line-height:1.6em;
margin:0.5em 0;
}
.profile-link {
font-family: Arial;
font-size:78%;
font-weight:normal;
letter-spacing:0.1em;
line-height:normal;
text-transform:uppercase;
}
#first-nav-wrapper {
background:#9b59b6;
width:100%;
position: relative;
top:0px; margin:0px; padding:0px;
font-family:Arial;
font-size: 11px;
font-weight: bold;
}
#first-nav {
width:100%;
overflow:hidden;
color:#fff;
text-align:left;
margin:0 auto;
padding: 0 5px;
}
#first-nav li {
display:inline;
line-height:28px;
float:left;
margin:0;
}
#first-nav li a {
display:block;
padding:0 5px;
margin-right:5px;
color:#fff;
}
#first-nav li a:hover {
text-decoration: underline;
}
#second-nav-wrapper {
background: #f8f8f8;
border: 1px solid #e3e3e3;
width: 99.8%;
position: relative;
top:0px; margin:0px; padding:0px;
font-family:Arial;
font-size: 11px;
}
#second-nav {
width:100%;
overflow:hidden;
color:#444;
text-align:left;
margin:0 auto;
padding:0;
}
#second-nav li {
display:inline;
line-height:28px;
float:left;
margin:0;
border-right: 1px solid #e3e3e3;
}
#second-nav li a {
display:block;
padding:0 10px;
color:#444;
font-weight: bold;
}
#second-nav li a:hover {
background: #F0F0F0;
}
#second-nav li:hover > a {
background: #F0F0F0;
}
#second-nav li ul{
width:150px;
float: left;
line-height:20px;
z-index:300;
position:absolute;
display:none;
top:26px;
padding: 0;
}
#second-nav li ul a{
border-top: 1px dotted #ccc;
float:left;
background: #F0F0F0;
}
#second-nav li ul a:hover{
text-align: left;
color: #fff;
background: #444;
}
#second-nav ul ul{
box-shadow:1px 2px 2px 2px rgba(0, 0, 0, 0.2);
border: 1px solid #e3e3e3;
line-height:15px;
top:auto;
}
#second-nav ul a{width:120px;}
#second-nav li ul ul{
left:12em;
margin-left:10px
}
#second-nav li:hover ul ul, #second-nav li:hover ul ul ul, #second-nav li:hover ul ul ul ul{
display:none;
}
#second-nav li:hover ul, #second-nav li li:hover ul, #second-nav li li li:hover ul, #second-nav li li li li:hover ul{
display:block;
}
#content-wrapper {
margin: 10px auto 10px;
overflow:hidden;
padding:0;
width:100%;
}
#footer {
background:transparent ;
margin:0 auto;
overflow:hidden;
width:100%;
border-top: 2px solid #9b59b6;
}
#footer .kanan {
float:right;
}
#footer .link {
float:left;
}
#footer p {
font-size:12px;
margin:0;
padding:12px 0 7px;
text-align:center;
}
.post-comment-link {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
margin-left:0px;
padding-left:0px; font-size: large;
}
.breadcrumbs{background:#F3F3F3;border:1px solid #e7e7e7;margin-bottom: 5px;}
.breadcrumbs ul{list-style:none;margin:0;padding:0}
.breadcrumbs li{display:inline-block;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCELyVMthyphenhypheni0PWOud4umEH_jpRYHsLQTOrkvF7aZMv0V59bVwNxmaHUiQUPcAxrdAEfTTh62VK88k1y589EgSaKRQ8dWcxiux3AdWiBBHv9N_W9cdLKg7F_AafVSLkz1Jhi__Ex6fzdZA/s0/bg_breadcrumb.gif) center right no-repeat;font-size:11px;padding:5px 20px 5px 10px}
.breadcrumbs li a{text-decoration:none;color:#666}
.breadcrumbs li a:hover{color:#000}
.breadcrumbs span {font-size: 11px;}
.vcard {
font-size: 90%;
margin: 0px 0 7px 0;
border-bottom: 1px dotted #ccc;
line-height: 25px;
}
/* -- Comment -- */
#comment-editor {max-width: 605px;width: 100%;}
.comment-form {clear:both;max-width:100%;}
#comments {font-family: Arial;clear:both;margin: 0 5px 5px 5px;}
#comments h4 {color: #333;font-weight: bold;font-size: 13px;text-transform: none;background: #D5D5D5;padding: 5px 10px;}
#comments-block{border:0px dotted #ccc;width:90%;margin:1.3em 0 1.5em;line-height:1.6em}
#comments-block .comment-author{background:#E9E9E9;border-top:1px solid #ddd;margin:.5em 0;padding-left:0px;color:#111}
#comments-block .comment-author a:link,a:visited{color:#8e44ad}
#comments-block .comment-body{padding-left:0px;color:#333}
#comments-block .comment-footer{padding-left:0px;margin:.25em 0 2em;line-height:1.5em;font-size:9px;border-top:1px solid #ddd}
#comments-block .comment-footer a:link,a:visited{color:#444}
#comments-block .comment-body p{text-align:justify;margin:3px;padding-left:5px;border:0px;}
#comments-block a:link{color:#c13a10}.deleted-comment{font-style: italic; color:gray}
#comment-post-message{margin:0px; padding:0px;}
#comments-block .avatar-image-container img {background: #fff; width:35px;height:35px}
#comments-block .avatar-image-container.avatar-stock img{border-width:0;padding:1px}
#comments-block .avatar-image-container{height:37px;left:-45px;position:absolute;width:37px}
#comments-block.avatar-comment-indent{margin-left:45px;position:relative}
#comments-block.avatar-comment-indent dd{margin-left:0}
.comment-link {margin-left:0px;}
iframe.avatar-hovercard-iframe{border:0 none;padding:0;width:25em;height:9.4em;margin:.5em}
.label-post, .time-post, .author-post {
color: #9b59b6;
text-transform: capitalize;
font-weight: bold;
}
.postmeta-primary {
margin: 7px 0;
font-size: 11px;
padding: 3px;
border-top: 1px dotted #ddd;
border-bottom: 1px dotted #ddd;
}
/* label */
.label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5 {
font-size:100%;
filter:alpha(100);
opacity:10
}
.cloud-label-widget-content{
text-align:left
}
.label-size{
display:block;
float:left;
margin:2px 1px;
line-height:1.2;
background: #444;
}
.label-size a,.label-size span{
display:inline-block;
padding:5px 8px;
color: #fff;
}
.label-size:hover{
background: #777;
}
.label-count{
background: #777;
}
/* -- popular post -- */
.PopularPosts .item-thumbnail{float:left;margin:0 5px 5px 0}
.PopularPosts .widget-content ul li{padding:.7em 0}
.PopularPosts img{padding-right:.4em}
.PopularPosts .item-title{padding-bottom:.2em}
/* -- Blog Archive -- */
#ArchiveList .toggle{cursor:pointer;font-family:Arial,sans-serif}#ArchiveList .toggle-open{_font-size:1.7em;line-height:.6em}#ArchiveList{text-align:left}#ArchiveList a.post-count-link,#ArchiveList a.post-count-link:link,#ArchiveList a.post-count-link:visited{text-decoration:none}#ArchiveList a.toggle,#ArchiveList a.toggle:link,#ArchiveList a.toggle:visited,#ArchiveList a.toggle:hover{color:inherit;text-decoration:none}.BlogArchive #ArchiveList ul li{background:none;list-style:none;list-style-image:none;list-style-position:outside;border-width:0;padding-left:15px;text-indent:-15px;margin:.25em 0;background-image:none}.BlogArchive #ArchiveList ul ul li{padding-left:1.2em}.BlogArchive #ArchiveList ul{margin:0;padding:0;list-style:none;list-style-image:none;border-width:0}.BlogArchive #ArchiveList ul.posts li{padding-left:1.3em}#ArchiveList .collapsed ul{display:none}
/* -- About -- */
.profile-img{float:left;margin:0 5px 5px}.profile-data{margin:0}.profile-datablock{margin:.5em 0}.profile-name-link{background:no-repeat left top;display:inline-block;min-height:20px;padding-left:20px}.profile-textblock{margin:.5em 0}
/* -- status msg -- */
.status-msg-wrap{font-size:110%;width:90%;margin:10px auto;position:relative}.status-msg-border{border:1px solid #000;filter:alpha(opacity=40);-moz-opacity:.4;opacity:.4;width:100%;position:relative}.status-msg-bg{background-color:#ccc;opacity:.8;filter:alpha(opacity=30);-moz-opacity:.8;width:100%;position:relative;z-index:1}.status-msg-body{text-align:center;padding:.3em 0;width:100%;position:absolute;z-index:4}.status-msg-hidden{visibility:hidden;padding:.3em 0}.status-msg-wrap a{padding-left:.4em;text-decoration:underline}
/* Tombol Share by templatoid.com */
.sharecontain{background:#f1f1f1;border:1px solid #e9e9e9;padding:5px;line-height: 25px;}
.fbshare{line-height:20px;color:#fff!important;background:#3b5998;text-decoration:none!important;border:1px solid #313c7d;padding:3px;font-family:arial,verdana,sans-serif;font-size:12px;border-radius:2px}.twshare{color:#fff!important;background:#4099ff;text-decoration:none!important;border:1px solid #3a8be8;padding:3px;font-family:arial,verdana,sans-serif;font-size:12px;line-height:20px;border-radius:2px}.plshare{color:#fff!important;background:#c0361a;text-decoration:none!important;border:1px solid #9c2c15;padding:3px;font-family:arial,verdana,sans-serif;font-size:12px;line-height:20px;border-radius:2px}.dgshare{color:#fff!important;background:#5b88af;text-decoration:none!important;border:1px solid #4a6f8f;padding:3px;font-family:arial,verdana,sans-serif;font-size:12px;line-height:20px;border-radius:2px}.lintas{color:#fff!important;background:#f90;text-decoration:none!important;border:1px solid #4a6f8f;padding:3px;font-family:arial,verdana,sans-serif;font-size:12px;line-height:20px;border-radius:2px}.lkshare{color:#fff!important;background:#005a87;text-decoration:none!important;border:1px solid #003f5e;padding:3px;font-family:arial,verdana,sans-serif;font-size:12px;line-height:20px;border-radius:2px}.tcshare{color:#fff!important;background:#157501;text-decoration:none!important;border:1px solid #105901;padding:3px;font-family:arial,verdana,sans-serif;font-size:12px;line-height:20px;border-radius:2px}
.viewers{float:left;width:100%;font:12px Arial;padding:0px 5px;}
.readmorecontent{float:right;margin:0;padding:7px 0px;0}
.readmorecontent a{background:#9b59b6;color:#fff;text-decoration:none;font-size:11px;padding:4px 6px;margin-right:10px;}
.readmorecontent a:hover{background:#8e44ad;text-decoration:none;}
#js-message {position:fixed !important;position:absolute;top:0px; right:0px; bottom:0px;left:0px;z-index:999;background-color:black;padding-top:120px;font:bold 100px Arial,Sans-Serif;color:red;text-align:center;}
.artikel-info{padding: 5px 5px 10px 5px;margin: 5px 0;border-color: #CCCCCC #DDDDDD #DDDDDD;border-style: solid;border-width: 2px 1px 10px;}
.thumb-info{float:left;margin:0 8px 0 0;width:80px;height:65px !important;}
.quickedit{display:none;}
#floating-home {
position:fixed;_position:absolute;top:280px; left:0px; clip:inherit;
_bottom:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
#floating-home a
{
filter:alpha(opacity=65);
-moz-opacity:0.65;
opacity:0.65;
border:0;
}
#floating-home img
{
border:0;
}
#floating-home a:hover
{
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}
#floating-up {
position:fixed;_position:absolute;top:280px; right:0px; clip:inherit;
_bottom:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
#floating-up a
{
filter:alpha(opacity=65);
-moz-opacity:0.65;
opacity:0.65;
border:0;
}
#floating-up img
{
border:0;
}
#floating-up a:hover
{
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}
]]></b:skin>
<style type='text/css'>
.post-timestamp, .reaction-buttons,
.post-backlinks,
.post-icons, .date-header{display:none;}
</style>
<b:if cond='data:blog.pageType == "item"'>
<style>
#header {margin: -10px 0;}
.post img {border: 0px solid #DDDDDD;}
.post-body blockquote {line-height:1.3em;}
.post-footer {border-bottom:1px solid #EEEEEE;color:#333;font-style:normal;margin:0.3em 0;padding:2px;text-transform:none;}
.post blockquote {color:#666666;font-family:Arial;font-style: regular;margin:1em 20px;}
.post blockquote p {margin:0.75em 0;}
</style>
</b:if>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<style>
.post {width: 31%;height: 270px;float: left;overflow: hidden;margin: 4px 2px 7px 3px;padding: 2px;}
.post h1,.post h2{font:bold 11px Tahoma;line-height:1.3em;padding:6px 8px;text-shadow:none}
.post-title {font: bold 11px Tahoma;line-height: 1.3em;padding: 6px 8px;text-shadow: none;}
.postmeta-primary {display: none;}
.post-body {font: 11px Arial;border-top: none;padding: 0px 8px;margin: 0;text-align: left;height: 55px;}
.thumbz{width:100%;max-height:145px;overflow:hidden;margin:0;padding:0}
.postthumb{width:100%;margin-bottom:-45px;padding:0;}
.post img{transition:all 400ms ease-in-out;-webkit-transition:all 400ms ease-in-out;-moz-transition:all 400ms ease-in-out;-o-transition:all 400ms ease-in-out;-ms-transition:all 400ms ease-in-out; }
.post img:hover{opacity:.7;filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7}
@media screen and (max-width:970px) {
.post{margin:5px 0 5px 4px;width:46.5%;padding:5px;border:none;height:auto;}
.post h1,.post h2{font:bold 12px Tahoma;}
.post-body{height:45px}
.thumbz{max-height: 160px;height: 160px;}
}
@media screen and (max-width:727px) {
.post{margin:5px 0 5px 4px;width:46%;padding:5px;border:none;height:auto;}
.post h1,.post h2{font:bold 12px Tahoma;}
.post-body{display: none;}
.thumbz {max-height: 130px;height: 130px;}
}
@media screen and (max-width:663px) {
.post{margin:5px 0 5px 3px;width:46%;padding:4px;border:none;height:auto;}
.post h1,.post h2{font:bold 12px Tahoma;}
.post-body{height:45px}
.post-body{display: block;}
}
@media screen and (max-width:460px){
.post{margin:14px 12px 0;width:auto;padding:10px}
.thumbz{max-height:165px}
}
@media screen and (max-width:310px){
.post{width:88%;margin:10px;padding:5px}
.thumbz{max-height:155px}
}
</style>
</b:if>
</b:if>
<!-- Script Related Post With Thumbnail -->
<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
#at-gambar{background: #f8f8f8;padding: 9px;margin: 0px;border: 1px solid #e9e9e9;overflow: hidden;}#at-gambar h2{font-family: "Archivo Narrow", Arial, Sans-Serif;font-weight: 200;font-size: 1em;padding: 0 0 2px;margin: 0;}#at-gambar a{border: 1px solid #d3d3d3;font-family:Sans-serif;color:#4b4b4b;box-shadow:0px 2px 2px #f0f0f0;overflow:hidden;text-align:center;font-size:12px;background:#fdfdfd;text-decoration:none;margin:0 5px 5px 0;padding:5px;float:left;}#at-gambar a img{width:72px;height:72px;}.box-related{width:75px;padding-left:3px;height:50px;border:0px none;margin:0 0 5px;padding:0pt;line-height:normal;font-stretch:normal;}#at-gambar a:last-child{margin-right:0px;}#at-gambar a:nth-child(1):hover{box-shadow:0px -3px 0px #E50700 inset;}#at-gambar a:nth-child(2):hover{box-shadow:0px -3px 0px #0084C5 inset;}#at-gambar a:nth-child(3):hover{box-shadow:0px -3px 0px #6CAC00 inset;}
#at-gambar a:nth-child(4):hover{box-shadow:0px -3px 0px #00C3B7 inset;}
#at-gambar a:nth-child(5):hover{box-shadow:0px -3px 0px #FF8168 inset;}#at-gambar a:hover{box-shadow:0px -3px 0px #FF8168 inset;}#at-gambar a:nth-child(1):hover,#at-gambar a:nth-child(2):hover,#at-gambar a:nth-child(3):hover,#at-gambar a:nth-child(4):hover,#at-gambar a:nth-child(5):hover,#at-gambar a:hover{background:#fff;}#at-gambar img{width:100%;margin:0;padding:0}#posting{width:auto !important;max-width:100%;margin:15px 20px 15px 0px;}
</style>
<script> var defaultnoimage = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9PV46Wxsttpy5Dltf3lVN3u3IoblVzL55cJ_sAAvhjv-MuERe2ls7ptR129t_CArhDlsn23NUG2Rp9ob9he_4jpK1nNRQmo81XfBguky76970rUR2cVO1aRvDGO4QyFX7W_ijfuGqKkI/s0/picture_not_available.png"; var maxresults = 5; var splittercolor = "#d3d3d3 "; var relatedpoststitle = "Related Post :"; </script>
<script type='text/javascript'>
//<![CDATA[
var relatedTitles=new Array();var relatedTitlesNum=0;var relatedUrls=new Array();var thumburl=new Array();function related_results_labels_thumbs(json){for(var i=0;i<json.feed.entry.length;i++){var entry=json.feed.entry[i];relatedTitles[relatedTitlesNum]=entry.title.$t;try{thumburl[relatedTitlesNum]=entry.media$thumbnail.url;}
catch(error){s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+ 5);d=s.substr(b+ 5,c- b- 5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){thumburl[relatedTitlesNum]=d;}else{if(typeof(defaultnoimage)!=='undefined')thumburl[relatedTitlesNum]=defaultnoimage;else thumburl[relatedTitlesNum]="";}}
if(relatedTitles[relatedTitlesNum].length>35)relatedTitles[relatedTitlesNum]=relatedTitles[relatedTitlesNum].substring(0,35)+"...";for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){relatedUrls[relatedTitlesNum]=entry.link[k].href;relatedTitlesNum++;}}}}
function removeRelatedDuplicates_thumbs(){var tmp=new Array(0);var tmp2=new Array(0);var tmp3=new Array(0);for(var i=0;i<relatedUrls.length;i++){if(!contains_thumbs(tmp,relatedUrls[i])){tmp.length+=1;tmp[tmp.length- 1]=relatedUrls[i];tmp2.length+=1;tmp3.length+=1;tmp2[tmp2.length- 1]=relatedTitles[i];tmp3[tmp3.length- 1]=thumburl[i];}}
relatedTitles=tmp2;relatedUrls=tmp;thumburl=tmp3;}
function contains_thumbs(a,e){for(var j=0;j<a.length;j++)if(a[j]==e)return true;return false;}
function printRelatedLabels_thumbs(current){var splitbarcolor;if(typeof(splittercolor)!=='undefined')splitbarcolor=splittercolor;else splitbarcolor="auto";for(var i=0;i<relatedUrls.length;i++){if((relatedUrls[i]==current)||(!relatedTitles[i])){relatedUrls.splice(i,1);relatedTitles.splice(i,1);thumburl.splice(i,1);i--;}}
var r=Math.floor((relatedTitles.length- 1)*Math.random());var i=0;if(relatedTitles.length>0)document.write('<h2>'+ relatedpoststitle+'</h2>');document.write('<div style="clear: both;"/>');while(i<relatedTitles.length&&i<20&&i<maxresults){document.write('<a ');if(i!=0)document.write('border:1px solid '+ splitbarcolor+';"');else document.write('"');document.write(' href="'+ relatedUrls[r]+'"><img src="'+ thumburl[r]+'" alt="'+ relatedTitles[r]+'"/><div class="box-related">'+ relatedTitles[r]+'</div></a>');i++;if(r<relatedTitles.length- 1){r++;}else{r=0;}}
document.write('</div>');relatedUrls.splice(0,relatedUrls.length);thumburl.splice(0,thumburl.length);relatedTitles.splice(0,relatedTitles.length);}
//]]>
</script>
</b:if>
<!-- End script Related Post With Thumbnail -->
<style>
/* RESPONSIVE */
@media screen and (max-width:955px) {
#header-wrapper, #leaderboard {width: 100%;max-width: 100%;text-align: center !important;}
#leaderboard img {max-width: 728px;width: 100%;text-align: center !important;}
#header{width: 100% !important;}
#header-inner {background-position: center !important;width: 100% !important;}
#outer-wrapper{width:95%}
#main-wrapper{width:66%}
#sidebar-wrapper{width:33%}
}
@media screen and (max-width:866px) {
#outer-wrapper {width:95%; margin:10px auto;}
#main-wrapper {margin:0px;width:66%;}
#sidebar-wrapper {margin:0px;width:33%;}
}
@media screen and (max-width:800px) {
#outer-wrapper {width:95%; margin:10px auto;}
#main-wrapper {margin:0px;width:62%;}
#sidebar-wrapper {margin:0px;width:37%;}
}
@media screen and (max-width:725px) {
#outer-wrapper {width:95%; margin:10px auto;}
#main-wrapper {margin:0px;width:55%;}
#sidebar-wrapper {margin:0px;width:44%;}
#first-nav li, #second-nav li {width: 100%;text-align: center;}
#second-nav ul a {width: 97%;}
#second-nav li ul {width: 100%;position: relative;top: 0;}
#second-nav li ul a:hover {text-align: center;}
}
@media screen and (max-width:646px) {
#outer-wrapper {width:95%; margin:10px auto;}
#main-wrapper {margin:0px;width:53%;}
#sidebar-wrapper {margin:0px;width:45%;}
}
@media screen and (max-width:600px) {
#sidebar-wrapper,
#main-wrapper {display:block;float:none;width:auto;padding:1%;}
#first-nav-wrapper { display:block;float:none;width:auto;}
#first-nav li a, first-nav li {float:none;display:block;width:auto;text-align:center;}
}
</style>
<script type='text/javascript'>
if (window.jstiming) window.jstiming.load.tick('headEnd');
</script>
</head>
<body expr:class='"loading" + data:blog.mobileClass'>
<div id='floating-up'>
<div><a href='#' title='back to top'><img alt='back to top' src='http://i1193.photobucket.com/albums/aa345/bakulatz/Arsiv/to-top.png'/></a></div>
<div><a href='#to-bottom' title='back to bottom'><img alt='back to bottom' src='http://i1193.photobucket.com/albums/aa345/bakulatz/Arsiv/to-bottom.png'/></a></div>
</div>
<div id='floating-home'>
<div><a expr:href='data:blog.homepageUrl' title='Home'><img alt='Home' src='http://i1193.photobucket.com/albums/aa345/bakulatz/Arsiv/home-i.png'/></a></div>
<div><a href='http://kizpc.blogspot.co.id/' onClick='window.location.reload()' title='Tutorial'><img alt='Reload page' src='http://i1193.photobucket.com/albums/aa345/bakulatz/Arsiv/refresh.png'/></a></div>
</div>
<div id='fb-root'/>
<script>//<![CDATA[
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/id_ID/all.js#xfbml=1&appId=352634211479923";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
//]]>
</script>
<div itemscope='' itemtype='http://data-vocabulary.org/Review'>
<div id='outer-wrapper'>
<div id='wrap2'>
<!-- Links-based menu added by BTemplates.com -->
<div id='first-nav-wrapper'><div>
<!-- Links -->
<b:section id='menulinkswidget' maxwidgets='1' showaddelement='no'>
<b:widget id='LinkList11' locked='false' title='Menu - Links' type='LinkList'>
<b:includable id='main'>
<b:if cond='data:title'><!--<h2><data:title/></h2>--></b:if>
<div>
<ul id='first-nav'>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
<!-- /Links -->
</div></div>
<div style='clear: both'/>
<div id='header-wrapper'>
<div id='head-inner'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='IT-KOM (Header)' type='Header'>
<b:includable id='main'>
<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == "REPLACE"'>
<!--Show just the image, no text-->
<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/>
<!--
Show image as background to text. You can't really calculate the width
reliably in JS because margins are not taken into account by any of
clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
width if the user is using shrink to fit.
This results in a margin-width's worth of pixels being cropped. If the
user is not using shrink to fit then we expand the header.
-->
<div expr:style='"background-image: url(\"" + data: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'>
<b:if cond='data:blog.pageType != "item"'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
<b:else/>
<p class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</p>
</b:if>
</div>
<b:include name='description'/>
</div>
</b:if>
<b:else/>
<!--No header image -->
<div id='header-inner'>
<div class='titlewrapper'>
<b:if cond='data:blog.pageType != "item"'>
<h1 class='title'>
<b:include name='title'/>
</h1>
<b:else/>
<h1 class='title'>
<b:include name='title'/>
</h1>
</b:if>
</div>
<b:include name='description'/>
</div>
</b:if>
</b:includable>
<b:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</b:includable>
<b:includable id='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
<div id='leaderboard'>
<b:section class='leaderboard section' id='leaderboard2' maxwidgets='1' showaddelement='yes'>
<b:widget id='HTML1' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>
<div style='clear: both'/>
<!-- Pages-based menu added by BTemplates.com -->
<div id='second-nav-wrapper'><div>
<!-- Pages -->
<b:section id='pagesmenuwidget' maxwidgets='1' showaddelement='no'>
<b:widget id='PageList9' locked='false' title='Pages - Menu' type='PageList'>
<b:includable id='main'>
<b:if cond='data:title'><!--<h2><data:title/></h2>--></b:if>
<div>
<ul id='second-nav'>
<b:loop values='data:links' var='link'>
<b:if cond='data:link.isCurrentPage'>
<li><a expr:href='data:link.href'><data:link.title/></a></li>
<b:else/>
<li><a expr:href='data:link.href'><data:link.title/></a></li>
</b:if>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
<!-- /Pages -->
</div></div>
<div style='clear: both'/>
</div>
<div id='content-wrapper'>
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'>
<b:includable id='main' var='top'>
<!-- posts -->
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<b:include data='posts' name='breadcrumb'/>
<data:defaultAdStart/>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='post'/>
<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>
<b:if cond='data:post.includeAd'>
<b:if cond='data:post.isFirstPost'>
<data:defaultAdEnd/>
<b:else/>
<data:adEnd/>
</b:if>
<div class='inline-ad'>
<data:adCode/>
</div>
<data:adStart/>
</b:if>
<b:if cond='data:post.trackLatency'>
<data:post.latencyJs/>
</b:if>
</b:loop>
<data:adEnd/>
</div>
<!-- navigation -->
<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='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='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.comments' var='comment'>
<dt class='comment-author' id='comment-author'>
<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'>
<i><data:comment.timestamp/></i>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>
</b:if>
<p class='comment-footer'>
<a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
</p>
</b:includable>
<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<!-- No breadcrumb on home page -->
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<!-- breadcrumb for the post page -->
<div class='breadcrumbs'>
<ul>
<span class='post-labels'>
<li><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></li>
<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"'>
<li><a expr:href='data:label.url' rel='tag'><data:label.name/></a></li>
</b:if>
</b:loop>
<b:else/>
Unlabelled
</b:if>
<span><data:post.title/></span>
</b:loop>
</span>
</ul>
</div>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<ul>
<span class='post-labels'>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li> Archives for <data:blog.pageName/>
</span>
</ul>
</div>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<div class='breadcrumbs'>
<ul>
<span class='post-labels'>
<b:if cond='data:blog.pageName == ""'>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li> All posts
<b:else/>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li> Posts filed under <data:blog.pageName/>
</b:if>
</span>
</ul>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<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='230' id='comment-editor' name='comment-editor' src='' width='507'/>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
</script>
</div>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
<img src='http://www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='comment_count_picker' var='post'>
<b:if cond='data:post.commentSource == 1'>
<span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url' expr:data-url='data:post.canonicalUrl'>
</span>
<b:else/>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:post.commentLabelFull/>:
</a>
</b:if>
</b:includable>
<b:includable id='comment_picker' var='post'>
<b:if cond='data:post.commentSource == 1'>
<b:include data='post' name='iframe_comments'/>
<b:else/>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</b:includable>
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4><data:post.commentLabelFull/>:</h4>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<b:if cond='data:post.hasOlderLinks'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
 
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
 
</b:if>
<data:post.commentRangeText/>
<b:if cond='data:post.hasNewerLinks'>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
</b:if>
</span>
</b:if>
<div expr:id='data:widget.instanceId + "_comments-block-wrapper"'>
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px' width='16px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='external'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p>
<data:comment.body/>
</p>
</b:if>
</dd>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>
</div>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
<data:post.oldestLinkText/>
</a>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
<data:post.olderLinkText/>
</a>
 
<data:post.commentRangeText/>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
<data:post.newerLinkText/>
</a>
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
<data:post.newestLinkText/>
</a>
</span>
</b:if>
<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>
</b:if>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links -->
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>
<b:else/> <!--Post feed links -->
<div class='post-feeds'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.feedLinks'>
<b:include data='post.feedLinks' name='feedLinksBody'/>
</b:if>
</b:if>
</b:loop>
</div>
</b:if>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>
</b:includable>
<b:includable id='iframe_comments' var='post'>
<b:if cond='data:post.allowIframeComments'>
<script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
<div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>
<b:if cond='data:post.embedCommentForm == "false"'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</b:includable>
<b:includable id='mobile-index-post' var='post'>
<div class='mobile-date-outer date-outer'>
<b:if cond='data:post.dateHeader'>
<div class='date-header'>
<span><data:post.dateHeader/></span>
</div>
</b:if>
<div class='mobile-post-outer'>
<a expr:href='data:post.url'>
<h3 class='mobile-index-title entry-title' itemprop='name'>
<data:post.title/>
</h3>
<div class='mobile-index-arrow'>&rsaquo;</div>
<div class='mobile-index-contents'>
<b:if cond='data:post.thumbnailUrl'>
<div class='mobile-index-thumbnail'>
<div class='Image'>
<img expr:src='data:post.thumbnailUrl'/>
</div>
</div>
</b:if>
<div class='post-body'>
<b:if cond='data:post.snippet'><data:post.snippet/></b:if>
</div>
</div>
<div style='clear: both;'/>
</a>
<div class='mobile-index-comment'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.numComments != 0'>
<b:include data='post' name='comment_count_picker'/>
</b:if>
</b:if>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='mobile-main' var='top'>
<!-- posts -->
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<b:if cond='data:blog.pageType == "index"'>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='mobile-index-post'/>
</b:loop>
<b:else/>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='mobile-post'/>
</b:loop>
</b:if>
</div>
<b:include name='mobile-nextprev'/>
</b:includable>
<b:includable id='mobile-nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<div class='mobile-link-button' id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>&lsaquo;</a>
</div>
</b:if>
<b:if cond='data:olderPageUrl'>
<div class='mobile-link-button' id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>&rsaquo;</a>
</div>
</b:if>
<div class='mobile-link-button' id='blog-pager-home-link'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</div>
<div class='mobile-desktop-link'>
<a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
</div>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='mobile-post' var='post'>
<div class='date-outer'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>
<div class='date-posts'>
<div class='post-outer'>
<div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<b:if cond='data:post.thumbnailUrl'>
<meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>
</b:if>
<meta expr:content='data:blog.blogId' itemprop='blogId'/>
<meta expr:content='data:post.id' itemprop='postId'/>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b: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' itemprop='articleBody'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<b:if cond='data:post.authorProfileUrl'>
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
<a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
<span itemprop='name'><data:post.author/></span>
</a>
</span>
<b:else/>
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
<span itemprop='name'><data:post.author/></span>
</span>
</b:if>
</b:if>
</span>
<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<meta expr:content='data:post.canonicalUrl' itemprop='url'/>
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span>
<span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.allowComments'>
<b:include data='post' name='comment_count_picker'/>
</b:if>
</b:if>
</b:if>
</span>
</div>
<div class='post-footer-line post-footer-line-2'>
<b:if cond='data:top.showMobileShare'>
<div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
<a href='javascript:void(0);'><data:shareMsg/></a>
</div>
</b:if>
<b:if cond='data:top.showDummy'>
<div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
</b:if>
</div>
</div>
</div>
<b:if cond='data:blog.pageType == "static_page"'>
<b:include data='post' name='comment_picker'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comment_picker'/>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><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='post' var='post'>
<div class='post hentry'>
<a expr:name='data:post.id'/>
<b:if cond='data:blog.pageType == "item"'>
<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:else/>
<b:if cond='data:blog.pageType == "static_page"'>
<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>
</b:if>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.thumbnailUrl'>
<div class='thumbz'>
<a expr:href='data:post.url'>
<b:if cond='data:post.isFirstPost'>
<script type='text/javascript'>
//<![CDATA[
function bp_thumbnail_resize(image_url,post_title)
{
var image_size=280;
var show_default_thumbnail=true;
var default_thumbnail="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6MmuNDWzPW2FveJlPoNUYsfMJXiwdsFctncmaiLX6JL4njc9fn0_X7GPlf_4R3E824ecS6RxPXtqr4T3AJ3Y_meaRt4nzFb18rtmlFK6OSwlHk2uuhGUwly0KZrjEsIUve3U7CdaTkGY/s0/default.png";
if(show_default_thumbnail == true && image_url == "") image_url= default_thumbnail;
image_tag='<img src="'+image_url.replace('/s72-c/','/s'+image_size+'-c/')+'" class="postthumb" alt="'+post_title+'"/>';
if(image_url!="") return image_tag; else return "";
}
//]]>
</script>
</b:if>
<script type='text/javascript'>
document.write(bp_thumbnail_resize("<data:post.thumbnailUrl/>","<data:post.title/>"));
</script>
</a>
</div>
<b:else/>
<div class='thumbz'>
<a expr:href='data:post.url'><img class='postthumb' expr:alt='data:post.title' src='http://reader-download.googlecode.com/svn/trunk/images/no-image-72x72.png'/></a>
</div>
</b:if>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.title'>
<h2 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>
</h2>
</b:if>
<b:else/>
<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>
</b:if>
</b:if>
<div class='post-header-line-1'/>
<div class='postmeta-primary'>
<div>
<span class='time-post'><data:post.timestamp/></span> /
<span class='author-post'><data:post.author/></span> /
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url'><span class='label-post'><data:label.name/></span></a><b:if cond='data:label.isLast != "true"'/>,
</b:loop>
</b:if>
</div>
</div>
<div class='post-body entry-content'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<div class='post-snippet'>
<data:post.snippet/>
</div>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
</b:if>
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
</b:if>
<div style='clear: both;'/><!-- clear for photos floats -->
</div>
<div class='post-footer'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<div class='viewers'>
<div class='readmorecontent'><a expr:href='data:post.url'>View »</a></div>
<div style='float:left;padding:5px 0;height:21px;width:80px;overflow:hidden;border:none;'>
<div class='fb-like' data-layout='button_count' data-send='false' data-show-faces='false' data-width='90' expr:data-href='data:post.url'/>
</div>
</div>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<div class='post-footer-line post-footer-line-1'>
<div class='advertise-place'>
<!-- advertise code here -->
</div>
<div class='sharecontain' style='font-weight:bold'>
Share on:
<a class='fbshare' expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url' rel='nofollow' target='_blank'>Facebook</a>
<a class='twshare' expr:href='"http://twitter.com/share?url=" + data:post.url' rel='nofollow' target='_blank'>Twitter</a>
<a class='plshare' expr:href='"https://plus.google.com/share?url=" + data:post.url' rel='nofollow' target='_blank'>Google+</a>
<a class='lkshare' expr:href='"http://www.linkedin.com/cws/share?url=" + data:post.url' rel='nofollow' target='_blank'>Linkedin</a>
<a class='tcshare' expr:href='"http://technorati.com/faves?sub=addfavbtn&add=" + data:post.url' rel='nofollow' target='_blank'>Technorati</a>
<a class='dgshare' expr:href='"http://digg.com/submit?url=" + data:post.url' rel='nofollow' target='_blank'>Digg</a>
<a class='lintas' expr:href='"http://www.lintas.me/?c=bookmarklet?url=" + data:post.url' rel='nofollow' target='_blank'>LintasMe</a>
</div>
<div class='artikel-info'>
<b:if cond='data:post.firstImageUrl'>
<img class='thumb-info' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' expr:title='data:post.title'/>
</b:if>
<span itemprop='description'><span itemprop='itemreviewed'><b><data:post.title/></b></span></span><br/>
<div style='padding: 0px;font-size: 11px;line-height: 17px;'>
Reviewed by <span class='given-name' itemprop='reviewer'><data:post.author/></span><br/>
Published: <time itemprop='dtreviewed'><data:post.timestampISO8601/></time><br/>
Rating : <span itemprop='rating'>4.5</span>
</div>
</div>
<div class='clear'/>
<div id='at-gambar'>
<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=999"' type='text/javascript'/> </b:loop> <script type='text/javascript'> removeRelatedDuplicates_thumbs(); printRelatedLabels_thumbs("<data:post.url/>"); </script>
</div>
<!-- Feature added by BTemplates.com -->
<b:if cond='data:post.sharePostUrl'>
<div class='post-share-buttons'>
<b:include data='post' name='shareButtons'/>
</div>
</b:if>
</div>
</b:if>
<div class='post-footer-line post-footer-line-2'>
<!-- Feature added by BTemplates.com -->
<b:if cond='data:top.showReactions'>
<span class='reaction-buttons'>
<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>
</span>
</b:if>
</div>
<div class='post-footer-line post-footer-line-3'>
</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='shareButtons' var='post'>
<b:if cond='data:post.sharePostUrl'>
<a class='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='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='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='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='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>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
<b:includable id='threaded-comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<b:if cond='data:mobile'>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
<b:else/>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
</script>
</div>
</b:includable>
<b:includable id='threaded_comment_js' var='post'>
<script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
<script type='text/javascript'>
(function() {
var items = <data:post.commentJso/>;
var msgs = <data:post.commentMsgs/>;
var config = <data:post.commentConfig/>;
// <![CDATA[
var cursor = null;
if (items && items.length > 0) {
cursor = parseInt(items[items.length - 1].timestamp) + 1;
}
var bodyFromEntry = function(entry) {
if (entry.gd$extendedProperty) {
for (var k in entry.gd$extendedProperty) {
if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
return '<span class="deleted-comment">' + entry.content.$t + '</span>';
}
}
}
return entry.content.$t;
}
var parse = function(data) {
cursor = null;
var comments = [];
if (data && data.feed && data.feed.entry) {
for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
var comment = {};
// comment ID, parsed out of the original id format
var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
comment.id = id ? id[2] : null;
comment.body = bodyFromEntry(entry);
comment.timestamp = Date.parse(entry.published.$t) + '';
if (entry.author && entry.author.constructor === Array) {
var auth = entry.author[0];
if (auth) {
comment.author = {
name: (auth.name ? auth.name.$t : undefined),
profileUrl: (auth.uri ? auth.uri.$t : undefined),
avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
};
}
}
if (entry.link) {
if (entry.link[2]) {
comment.link = comment.permalink = entry.link[2].href;
}
if (entry.link[3]) {
var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
if (pid && pid[1]) {
comment.parentId = pid[1];
}
}
}
comment.deleteclass = 'item-control blog-admin';
if (entry.gd$extendedProperty) {
for (var k in entry.gd$extendedProperty) {
if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
} else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
comment.displayTime = entry.gd$extendedProperty[k].value;
}
}
}
comments.push(comment);
}
}
return comments;
};
var paginator = function(callback) {
if (hasMore()) {
var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
if (cursor) {
url += '&published-min=' + new Date(cursor).toISOString();
}
window.bloggercomments = function(data) {
var parsed = parse(data);
cursor = parsed.length < 50 ? null
: parseInt(parsed[parsed.length - 1].timestamp) + 1
callback(parsed);
window.bloggercomments = null;
}
url += '&callback=bloggercomments';
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = url;
document.getElementsByTagName('head')[0].appendChild(script);
}
};
var hasMore = function() {
return !!cursor;
};
var getMeta = function(key, comment) {
if ('iswriter' == key) {
var matches = !!comment.author
&& comment.author.name == config.authorName
&& comment.author.profileUrl == config.authorUrl;
return matches ? 'true' : '';
} else if ('deletelink' == key) {
return config.baseUri + '/delete-comment.g?blogID='
+ config.blogId + '&postID=' + comment.id;
} else if ('deleteclass' == key) {
return comment.deleteclass;
}
return '';
};
var replybox = null;
var replyUrlParts = null;
var replyParent = undefined;
var onReply = function(commentId, domId) {
if (replybox == null) {
// lazily cache replybox, and adjust to suit this style:
replybox = document.getElementById('comment-editor');
if (replybox != null) {
replybox.height = '250px';
replybox.style.display = 'block';
replyUrlParts = replybox.src.split('#');
}
}
if (replybox && (commentId !== replyParent)) {
document.getElementById(domId).insertBefore(replybox, null);
replybox.src = replyUrlParts[0]
+ (commentId ? '&parentID=' + commentId : '')
+ '#' + replyUrlParts[1];
replyParent = commentId;
}
};
var hash = (window.location.hash || '#').substring(1);
var startThread, targetComment;
if (/^comment-form_/.test(hash)) {
startThread = hash.substring('comment-form_'.length);
} else if (/^c[0-9]+$/.test(hash)) {
targetComment = hash.substring(1);
}
// Configure commenting API:
var configJso = {
'maxDepth': config.maxThreadDepth
};
var provider = {
'id': config.postId,
'data': items,
'loadNext': paginator,
'hasMore': hasMore,
'getMeta': getMeta,
'onReply': onReply,
'rendered': true,
'initComment': targetComment,
'initReplyThread': startThread,
'config': configJso,
'messages': msgs
};
var render = function() {
if (window.goog && window.goog.comments) {
var holder = document.getElementById('comment-holder');
window.goog.comments.render(holder, provider);
}
};
// render now, or queue to render when library loads:
if (window.goog && window.goog.comments) {
render();
} else {
window.goog = window.goog || {};
window.goog.comments = window.goog.comments || {};
window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
window.goog.comments.loadQueue.push(render);
}
})();
// ]]>
</script>
</b:includable>
<b:includable id='threaded_comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<h4><data:post.commentLabelFull/>:</h4>
<div class='comments-content'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='threaded_comment_js'/>
</b:if>
<div id='comment-holder'>
<data:post.commentHtml/>
</div>
</div>
<p class='comment-footer'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='threaded-comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
</p>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='PopularPosts1' locked='true' title='Popular Posts' type='PopularPosts'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
<ul>
<b:loop values='data:posts' var='post'>
<li>
<b:if cond='data:showThumbnails == "false"'>
<b:if cond='data:showSnippets == "false"'>
<!-- (1) No snippet/thumbnail -->
<a expr:href='data:post.href'><data:post.title/></a>
<b:else/>
<!-- (2) Show only snippets -->
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
<b:else/>
<b:if cond='data:showSnippets == "false"'>
<!-- (3) Show only thumbnails -->
<div class='item-thumbnail-only'>
<b:if cond='data:post.thumbnail'>
<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/>
<!-- (4) Show snippets and thumbnails -->
<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>
</div>
</b:includable>
</b:widget>
<b:widget id='HTML4' locked='false' title='Menu' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML3' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML2' locked='false' title='Iklan' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>
<!-- spacer for skins that want sidebar and main to be the same height-->
</div> <!-- end content-wrapper -->
<div id='footer'>
<!-- Please do not remove the credit link fo giving the appreciate to template maker (templatoid.com)-->
<span class='link' style='float:left;padding: 12px 0px 7px;'>Copyright © <a expr:href='data:blog.homepageUrl' expr:title='data:blog.title'><data:blog.title/></a>. All Right Reserved.</span>
<span class='copyright' style='float:right;padding: 12px 0px 7px;'>Designed By <a href='http://movidasexo.com/'>VIDEO HD</a> - Powered By <a href='http://1217315.blogspot.co.id/'>Bebasbayar.com</a></span>
</div>
</div>
<!-- end outer-wrapper -->
</div>
<noscript>
<div id='js-message'>You must enable JavaScript to view this page!</div>
</noscript>
<script type='text/javascript'> if(document.location.protocol=='http:'){ var Tynt=Tynt||[];Tynt.push('cXIEhKYVSr4lJ5adbi-bpO');Tynt.i={"ap":"Sumber Dari:"}; (function(){var s=document.createElement('script');s.async="async";s.type="text/javascript";s.src='http://tcr.tynt.com/ti.js';var h=document.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h);})(); } </script>
</body>
</HTML>




.gif)
Tidak ada komentar:
Posting Komentar