Sabtu, 09 Juli 2016

Script Premium Template Blog Keren GRATIS!! FREE!!

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<HTML expr:dir='data:blog.languageDirection' lang='id' xmlns='http://www.w3.org/1999/xhtml'>
<head>
<!-- PopAds.net Popunder Code for fajarnugraha06061996.blogspot.com -->
<script data-cfasync='false' type='text/javascript'>
  var _pop = _pop || [];
  _pop.push([&#39;siteId&#39;, 825339]);
  _pop.push([&#39;minBid&#39;, 0.000000]);
  _pop.push([&#39;popundersPerIP&#39;, 0]);
  _pop.push([&#39;delayBetween&#39;, 0]);
  _pop.push([&#39;default&#39;, false]);
  _pop.push([&#39;defaultPerDay&#39;, 0]);
  _pop.push([&#39;topmostLayer&#39;, false]);
  (function() {
    var pa = document.createElement(&#39;script&#39;); pa.type = &#39;text/javascript&#39;; pa.async = true;
    var s = document.getElementsByTagName(&#39;script&#39;)[0];
    pa.src = &#39;//c1.popads.net/pop.js&#39;;
    pa.onerror = function() {
      var sa = document.createElement(&#39;script&#39;); sa.type = &#39;text/javascript&#39;; sa.async = true;
      sa.src = &#39;//c2.popads.net/pop.js&#39;;
      s.parentNode.insertBefore(sa, s);
    };

    s.parentNode.insertBefore(pa, s);
  })();
</script>
<!-- PopAds.net Popunder Code End -->
<b:if cond='data:blog.isMobile'>
<meta content='83e5662e4daaa818483ce92ee64a9c0f' name='propeller'/>

<meta content='width=device-width,initial-scale=1.0,minimum-scale=0.5,maximum-scale=2.0' name='viewport'/>
</b:if>
<meta content='text/html;charset=UTF-8' http-equiv='Content-Type'/>
<meta content='xcRmSbnopqGGti-VXQohFKo_hsY' name='alexaVerifyID'/>
<b:include data='blog' name='all-head-content'/>
<link href='https://plus.google.com/+AriqNoballz/' rel='author'/>
<meta content='D1dBFYbgALFLMLIATo7nNyjPwlrbkm_Wx9KeFcTsxKs' name='google-site-verification'/>
<!-- SEO Meta Tag -->
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<meta expr:content='data:blog.title' name='keywords'/>
</b:if>   
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageName' name='keywords'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;index&quot;'><b:if cond='data:blog.searchLabel'><meta content='noindex,nofollow' name='robots'/></b:if></b:if>
<b:if cond='data:blog.pageType == &quot;archive&quot;'><meta content='noindex,nofollow' name='robots'/></b:if>
<b:if cond='data:blog.isMobile'><meta content='noindex,nofollow' name='robots'/></b:if>
<!-- SEO Meta Tag end -->

<!-- SEO Title Tag -->
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:if cond='data:blog.isMobile'>
<title><data:blog.pageTitle/> Versi Mobile</title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<title>Arsip Untuk <data:blog.pageName/></title>
<meta content='noindex,nofollow,noarchive' name='robots'/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<title>404 Not Found</title>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.isMobile'>
<title><data:blog.pageName/></title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>
</b:if>
</b:if>
</b:if>

<!-- Facebook Open Graph -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <meta content='https://www.facebook.com/fajar.n.wahyu' property='fb:admins'/>
<b:if cond='data:blog.url'>
<meta expr:content='data:blog.url' property='og:url'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.pageName'>
<meta expr:content='data:blog.pageName' property='og:title'/>
</b:if>
<meta content='website' property='og:type'/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
<b:else/>
<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmRNJOMOas_Iv1flGj07M_lbA_gnDk1vsppJv8SdMsXSxFCoIpF7rt9nWOCVJgw_9g4jq4IvFZ4BX67UfyEB2Q62CDEFzbnaABlf7rv3Kbeo8P5m1TLAN8evBk6W-1uLsgM_y9Oi7Z-r8/s120-c/default.png' property='og:image'/>
</b:if>
</b:if>

<link href='http://fonts.googleapis.com/css?family=Racing+Sans+One' rel='stylesheet' type='text/css'/>
<link href='//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css' rel='stylesheet'/>

<b:skin><![CDATA[/*
/*
Name:      Fajar Ganteng Template
Author:    Fajar Memang Keren
URL:          http://www.fajarnugraha06061996.blogspot.com
Date:       30 Januari 2014
*/


/**
* Eric Meyer&#39;s Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
* http://cssreset.com
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}/* HTML5 display-role reset for older browsers */article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;display:block;}*{margin:0;padding:0;}html{display:block;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:&#39;&#39;;content:none;}table{border-collapse:collapse;border-spacing:0;}

/* BLOGGER CSS RESET */
.navbar,.status-msg-wrap,.post-feeds,.feed-links{display:none;}
.section,.widget{margin:0 0 0 0;padding:0 0 0 0;}

/* FRAMEWORK */
body{background-image:url("https://fajarnugraha06061996.files.wordpress.com/2014/10/blgodmacyaae9x9-large.jpg");margin:0;padding:0;color:#FF0000;font:normal 100% Arial, sans-serif;font-size/* */:/**/small;font-size:/**/small;text-align:center;}
strong,b{font-weight:bold;}
cite,em,i{font-style:italic;}
a:link{color:#1e598e;text-decoration:none;outline:none;transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;}
a:visited{color:#1e598e;text-decoration:none;}
a:hover{color:#C80441;text-decoration:none;}
a img{border:none;border-width:0;outline:none;}
abbr,acronym{border-bottom:1px dotted;cursor:help;}
sup,sub{vertical-align:baseline;position:relative;top:-.4em;font-size:86%;}
sub{top:.4em;}small{font-size:86%;}
kbd{font-size:80%;border:1px solid #999;padding:2px 5px;border-bottom-width:2px;border-radius:3px;}
mark{background-color:#ffce00;color:black;}
p,blockquote,pre,table,figure,hr,form,ol,ul,dl{margin:0 0 1.2em;}
hr{height:1px;border:none;background-color:#666;}
h1,h2,h3,h4,h5,h6{font-weight:bold;line-height:normal;margin:0 0 0.5em;}
h1{font-size:200%}
h2{font-size:180%}
h3{font-size:160%}
h4{font-size:140%}
h5{font-size:120%}
h6{font-size:100%}
ol,ul,dl{margin-left:3em}
ol{list-style:decimal outside}
ul{list-style:disc outside}
li{margin:.5em 0}
dt{font-weight:bold}
dd{margin:0 0 .5em 2em}
input,button,select,textarea{font:inherit;font-size:100%;line-height:normal;vertical-align:baseline;}
textarea{display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
pre,code{font-family:"Courier New",Courier,Monospace;color:inherit;}
pre{white-space:pre;word-wrap:normal;overflow:auto;}
blockquote{background:#fff;margin-left:2em;margin-right:2em;border:1px solid #ddd;border-left:4px solid #ddd;padding:1em 1em;font-style:italic;}
table{background:#f6f6f6;}
table[border="1"] th,
table[border="1"] td,
table[border="1"] caption{border:1px solid;padding:.2em .5em;text-align:left;vertical-align:top;}
th{font-weight:bold;}
table[border="1"] caption{border:none;font-style:italic;}
td,th{vertical-align:top;text-align:left;font-size:13px;padding:3px 5px;background:#fff;border:1px solid #ddd;}
th{background:#fff;}
table.tr-caption-container td{position:relative;background:#fff;}
table.tr-caption-container{max-width:100%;}
td.tr-caption {
font-size:90%;
padding:8px;
}


a.box {
    position:relative;
    top:0px;
    left:0px;
    display:block;
    background:#f0f0f0;
    border:1px solid #fff;
    padding:3px 6px;
    color:#666;
    font-size:13px;
}
a.box:active, a.box:hover {
    background:#eaeaea;
}

/* ELEMEN UTAMA */
#wrapper {
    background:#eaeaea;
    border-right:20px solid #C5CAD0;
    border-left:20px solid #C5CAD0;
    text-align:left;
    width:970px;
    margin:0 auto;
    padding:0;
    font-size:14px;
}
#header-wrapper {
    background:#f5f5f5;
    overflow:hidden;
    height:auto;
    padding:10px
}
#content-wrapper {
    background:#f5f5f5;
    height:auto;
}
#posting {
    background:#eaeaea;
    float:left;
    width:650px
}
.post blockquote {
    margin-top:1em;
}
#sidebar {
    background:transparent;
    float:right;
    width:320px;
}
#footer-wrapper {
    background:#FF0000;
    overflow:hidden;
    padding:10px;
    font-size:10px;
    color:#ddd
}

#ads {
    background: url(http://i.imgur.com/j2FXfXR.png) repeat;
    border: 3px dashed rgb(182, 0, 0);
    color: #ffffff;
    text-align:center;
}
/* Top navigation */
#top-nav {
    background:#FF0000;
    margin:0 auto;
    height:32px;
    width:970px;
    overflow:hidden;
    }
#top-nav ul {
    list-style-type:none;
    margin:0 auto;
    width:970px
}
#top-nav ul li {
    float:left;
    margin:0 0 0 0;
}
#top-nav ul li a {
    line-height:32px;
    padding:0 15px;
    color:#ccc;
    font-size:13px;
    display:block;
    text-decoration:none
}
#top-nav ul li a:hover {
    color:#fff
}

/* NAVIGATION*/
nav {
    text-transform:uppercase;
    position:relative;
    font:bold 12px Arial,Sans-Serif;
}
nav * {
    margin:0 0 0 0;
    padding:0 0 0 0;
    list-style:none;
}
nav ul {
    background:#000000;
    height:40px;
}
nav li {
    float:left;
    display:inline;
}
nav li a {
    padding:0px 15px;
    line-height:40px;
    color:#fff !important;
    display:block;
    text-decoration:none;
}
nav li a:hover {
    background:rgba(0,0,0,0.1) !important;
}
nav li a:active {
    background:#FF0000;
}
nav li ul {
    display:block;
    width:170px;
    position:absolute;
    left:auto;
    z-index:10;
    visibility:hidden;
    opacity:0;
    height:auto;
    -webkit-transition:all 0.26s ease-out 0.2s;
    -moz-transition:all 0.26s ease-out 0.2s;
    -ms-transition:all 0.26s ease-out 0.2s;
    -o-transition:all 0.26s ease-out 0.2s;
    transition:all 0.26s ease-out 0.2s;
}
nav li li {
    display:block;
    float:none;
    width:100%;
}
nav li:hover > ul {
    visibility:visible;
    width:200px;
    opacity:1;
}
nav li li ul {
    left:200px;
    margin-top:
    -40px;
}
nav li.sub > a {
    position:relative;
    padding-right:30px;
}
nav li.sub > a:after {
    content:"";
    width:0px;
    height:0px;
    border-width:4px;
    border-style:solid;
    border-color:#eee transparent transparent transparent;
    position:absolute;
    top:20px;right:10px;
}
nav li.sub li.sub > a:after {
    content:"";
    width:0px;
    height:0px;
    border-width:4px;
    border-style:solid;
    border-color:transparent transparent transparent #eee;
    position:absolute;
    top:16px;
    right:10px;
}

nav #search{
position:relative;
float:right;
margin:5px 10px 5px 10px;
}
nav li.search{
float:right;
line-height:normal;
}
nav #search input[type="text"]{
float:left;
height:30px;
line-height:30px;
border:0 none;
font-size:12px;
font-weight:500;
width:120px;
padding:0 10px;
}
nav #search input#search-button{
height:30px;
line-height:30px;
background:#FF0000;
border:none;
float:right;
padding:0 10px;
cursor:pointer;
color:#fff;
}
nav #search input#search-button:hover{
background:#272727;
}
nav #search input[type="text"]:focus{
background-color:#fff;
text-shadow:none !important;
outline:none;color:#555;
}

/* HEADER */
#header {
    float:left;
    max-width:472px;
}
#header h1.title,#header p.title {
    line-height:0.9em;
    font-family:"BebasNeue", Comic Sans,Sans-Serif;
    color:#fdff00;
    font-size:0px;
    margin:0 0;
    padding:0 0 3px
}
#header h1.title a, #header p.title a {
    color:#FF0000
}
#header .description {
    font-family:"BebasNeue",Arial,Sans-Serif;
    font-size:13px;
    color:#fdff00;
    letter-spacing:1px;
    margin:0;
    padding:3px 0 0 0;
}

#banner-header {
    float:right;
    width:468px;
    height:60px;
    overflow:hidden
}
   

/* POSTING */
#kotak-posting {
    margin:10px;
    padding:0;
    word-wrap:break-word;
}
.breadcrumbs {
    background:#f5f5f5;
    text-align:left;
    padding:8px;
    margin:10px 0 5px;
    font-size:13px;
    line-height:1.4;
    border:1px solid #fff
}
.post {
    background:#f5f5f5;
    position:relative;
    padding:8px;
    margin:0;
    border:1px solid #fff
}
.post-footer {
    background:#f5f5f5;
    position:absolute;
    bottom:0;right:0;
    left:0;
    padding:6px 8px;
    margin:0;
    color:#666;
    font-size:11px;
    text-align:right;
}
.plus {
    background:transparent;
    position:absolute;
    z-index:6;
    bottom:0;
    left:0;
    padding:6px 8px;
    margin:0;
    color:#666;
    font-size:12px;
    text-align:left;
}
.item-post-footer {
    margin:10px 0;
    padding:0 0;
    text-align:right;
    font-size:10px;
    color:#999;
    font-style:italic;
}
.postthumb {
    background:#fafafa;
    padding:4px;
    margin:3px 8px 3px 0;
    float:left;
    border:1px solid #fff;
    width:62px;
    height:62px;
    display:inline
}
.post-body {
    line-height:1.4;
    text-align:justify
}
.post-title h2,.post-title h1 {
    font-weight:bold;
    line-height:1.1;
    letter-spacing:-0.5px;
    margin:0
}
.post-title h2 {
    padding:0 0 6px;
    font-size:17px
}
.post-title h1 {
    font-size:24px;
    padding:0 0 10px
}
.deskripsi-artikel {
    border-radius:6px;
    font-size:13px;
    margin:0 0 10px;
    padding:8px;
    border:2px solid #ddd
}
#blog-pager {
    border:1px solid #fff;
    background:#F5F5F5;
    clear:both !important;
    overflow:hidden;
    margin:8px 0 0 0;
    padding:8px;
    text-align:center
    }
#blog-pager-newer-link {
    float:left
}
#blog-pager-older-link {
    float:right
}

#share-button {
    margin:15px 0;
    padding:0;
    overflow:hidden
}
#share-button p {
    float:left;
    background:transparent;
    display:block;
    padding:3px 5px 3px 0 !important;
    margin:0 3px 3px 0;
}
#share-button a {
    float:left;
    display:block;
    color:#fafafa;
    padding:3px 5px;
    margin:0 3px 3px;
    border:1px solid #ddd
}
#share-button a:hover {
    border:1px solid #111
}

/* WIDGET POSTING */
#widget-posting-kiri {
    float:left;
    margin:0 2px 10px 10px;
    padding:0;
    width:313px;
    display:inline;
}
#widget-posting-kanan {
    float:right;
    margin:0 10px 10px 2px;
    padding:0;
    width:313px;
    display:inline
}
.widget-posting h2,.widget-posting h3 {
    background:#FF0000;
    margin:0;
    padding:4px 8px;
    font-size:16px;
    color:#fff;
    text-transform:uppercase;
    border-bottom:1px solid #fff;
}
.widget-posting .widget {
    background:#f5f5f5;
    margin:0 0 10px;
    border:1px solid #fff;
    clear:both
}
.widget-posting .widget-content {
    padding:8px
}

/* SIDEBAR */
#sidebar #kotak-sidebar {
    margin:10px;
    padding:0;
    width:300px
    }
#sidebar h2, #sidebar h3 {
    background:#FF0000;
    text-transform:uppercase;
    color:#fff;
    font-size:15px;
    padding:4px 8px;
    margin:0;
    border:1px solid #fff
}
#sidebar .widget {
    margin:0;
    clear:both
}
#sidebar .widget-content {
    padding:8px 0
}
#sidebar #kotak-sidebar-kiri {
    float:left;
    width:145px;
    margin:0 5px 10px 10px;
    font-size:11px;
    display:inline
}
#sidebar #kotak-sidebar-kanan {
    float:right;
    width:145px;
    margin:0 10px 10px 5px;
    font-size:11px;
    display:inline
}
#sidebar #kotak-sidebar-bawah {
    margin:0 10px 10px;
    padding:0;
    width:300px
}

/* CUSTOM WIDGET */
.widget-posting ul, .sidebar ul {margin:0 0 0 0;list-style-type:none;}
#sidebar table,#bottom-bar table,.widget-posting table{margin:0 0 0 0;background:transparent}
#sidebar td, #sidebar th,#bottom-bar td,#bottom-bar th,.widget-posting td,.widget-posting th{background:transparent;padding:0 0 0 0;border:medium none}
.PopularPosts .item-snippet{color:#666;font-size:12px}
.PopularPosts .item-thumbnail{float:right;background:#fafafa;margin:0 0 0 6px;padding:4px;border:1px solid #fff;display:inline}
.PopularPosts .item-thumbnail a img{height:60px;width:60px;display:block;margin:0;padding:0}
.PopularPosts .widget-content ul li{padding:5px 2px !important}
.widget-content ul li{margin:0;padding:3px 2px;border-top:1px solid #fafafa;border-bottom:1px solid #ddd}
.widget-content ul li:first-child{border-top:medium none !important}
.widget-content ul li:last-child{border-bottom:medium none !important}
.widget-content ul li a{color:#FF0000}
.widget-content ul li a:hover{color:#C80441}


/* FOOTER */
#footer-wrapper .footer-kiri {
    float:left
}
#footer-wrapper .footer-kanan {
    float:right;
    text-align:right
}
#footer-wrapper a {
    color:#ddd
}
#footer-wrapper a:hover {
    text-decoration:underline;
}


.berlangganan-sidebar-box {
    background:#fff;
    border:1px solid #ccc;
    margin:-8px 0 10px 0;
    padding:8px;
}

.berlangganan-sidebar {
    background:#fff;
    border:4px dashed #FF0000;
    padding:15px 8px;
    margin:0 0 0 0;
    text-align:center;
}
.berlangganan-sidebar p {
    line-height:1.5em;
    margin:0 0 1em;
}
input.berlangganan-button {
    background:#FF0000;
    border:none;
    color:#fff;
    padding:10px;
}
input.berlangganan-button:hover {
    background:#333;
    cursor:pointer;
}
input.berlangganan-email {
    padding:8px;
}

#leaderboard {
    background:#F5F5F5;
    text-align:center;
    padding:0px;
    margin:0px
}
#leaderboard .widget {
    border-bottom:1px solid #fafafa
}
#leaderboard .widget h2, #leaderboard .widget h3 {
    display:none
}
#leaderboard .widget-content {
    margin:0 auto;
    padding:10px 10px 10px 10px;
    border-bottom:1px solid #ddd
}
#leaderboard img {
    max-width:100%;
}
.apakah a img {
    display:block;
}
.share-btn {
    margin:15px 0 25px;
    height:20px;
    overflow:hidden;
}
.fb_iframe_widget {
float:left;
}

]]></b:skin>

<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<style type='text/css'>
.status-msg-wrap{display:block;font-size:110%;width:90%;margin:10px auto;position:relative}.status-msg-border{border:1px solid #fff;opacity:.4;width:100%;position:relative}.status-msg-bg{background:#ccc;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}
</style>
</b:if>

<b:if cond='data:blog.pageType != &quot;index&quot;'>
<style type='text/css'>
/* KOMENTAR */
.comments h3 {
    background:#f5f5f5;
    color:#555;
    font-size:15px;
    font-weight:bold;
    padding:8px;
    border:1px solid #fff
}
.comments {
    clear:both;
    margin-top:10px;
    margin-bottom:0
}
.comments .comments-content {
    font-size:13px;
    margin-bottom:8px
}
.comments .comment .comment-actions a {
    background:#f0f0f0;
    position:relative;
    border:1px solid #fff;
    color:#666;
    margin-right:10px;
    padding:3px 8px
}
.comments .comment .comment-actions a:hover {
    background:#eaeaea;
    text-decoration:none;
}
.comments .comments-content .comment-thread ol {
    text-align:left;
    margin:13px 0;
    padding:0
}
.comments .comments-content .inline-thread {
    padding:0;
    margin:0
}
.comments .comments-content .comment-thread {
    margin:0;
    padding:0
}
.comments .comments-content .comment-thread:empty {
    display:none
}
.comments .comments-content .comment-replies{margin-top:8px;margin-left:30px}.comments .comments-content .comment{margin-bottom:6px;padding:0}.comments .comments-content .comment:first-child{padding:0;margin:0}.comments .comments-content .comment:last-child{padding:0;margin:0}.comments .comments-content .user{font-weight:bold;margin:0}.comments .comments-content .icon.blog-author{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjv6OEmaTi3jDmtl5pKgsdjL6Y1XiylxY2QYxq120FMP9ozlwD_e4r-zg5nm5kGLudzhfZ_H5At_oXOh_26EIGpSZbOG3w0mSERJ0Ycak4eN_MGT-36w-dCbGhqf8wTXgKfToJyf8irqM8/s320/author.png);width:16px;height:16px;display:inline-block;margin:0 0 -2px 6px}.comments .comments-content .datetime{margin-left:6px;font-style:italic;font-size:11px}.comments .comments-content .datetime a{color:#666}.comments .comments-content .comment-header{margin:0;padding:0}.comments .comments-content .comment-content{text-align:left;margin:0;padding:8px 0 12px;font-size:13px}.comments .comments-content .owner-actions{border:1px solid #ccc}.comments .comments-replybox{height:250px;max-width:100%}.comments .comment-replybox-single{padding:0px;margin: 8px 0;margin-left:30px}.comments .comment-replybox-thread{margin:8px 0 0 0;padding:0px}.comments .thread-toggle{cursor:pointer;padding:0;margin:0;display:block}.comments .continue a{background:#f5f5f5;position:relative;text-align:center;margin:0;color:#666;border:1px solid #fff;padding:4px 8px;display:block}.comments .continue a:hover{background:#eaeaea;}.comments .continue a:active{top:2px;left:2px}.comments .comments-content .loadmore{border:1px solid #fff;cursor:pointer;height:30px;max-height:30px;margin-top:8px;}.comments .comments-content .loadmore.loaded{max-height:30px;opacity:.3;overflow:hidden}.comments .comments-content .loadmore a{padding:0;display:block;line-height:30px;text-align:center}.comments .comments-content .loadmore a:hover{background:#666}.comments .thread-chrome.thread-collapsed{display:none}.comments .thread-toggle{display:inline-block}.comments .thread-toggle .thread-arrow{display:inline-block;height:6px;width:7px;overflow:visible;margin:0.3em;padding-right:4px}.comments .thread-expanded .thread-arrow{background:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC&quot;) no-repeat scroll 0 0 transparent;}.comments .thread-collapsed .thread-arrow{background:url(&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAABJRU5ErkJggg==&quot;) no-repeat scroll 0 0 transparent}.comments .avatar-image-container{background:#f5f5f5;float:left;overflow:hidden;border:1px solid #fff;padding:4px;max-height:36px;width:36px}.comments .avatar-image-container img{width:36px;height:36px}.comments .comment-block{background:#f5f5f5;padding:8px 8px 12px;margin-left:55px;border:1px solid #fff}
</style>
</b:if>

<!-- CUSTOM CSS MOBILE TEMPLATE -->
<b:if cond='data:blog.isMobile'>
<style type='text/css'>
/* VIEWPORT */
@-wekit-viewport{width:device-width;max-zoom:2;min-zoom:0.5}@-moz-viewport{width:device-width;max-zoom:2;min-zoom:0.5}@-ms-viewport{width:device-width;max-zoom:2;min-zoom:0.5}@-o-viewport{width:device-width;max-zoom:2;min-zoom:0.5}@viewport{width:device-width;max-zoom:2;min-zoom:0.5}

/* MEDIA QUERIES */
@media screen and (min-device-width:100px) and (max-device-width:177px){.mobile #sidebar .widget-content,.mobile #header-wrapper,.mobile #footer-wrapper,.mobile #bottom-bar,.mobile .comments,.mobile #leaderboard .widget-content,.widget-posting .widget-content,.mobile .mobsearch,.mobile .mobads,.mobile #blog-pager,.mobile .post,.mobile .breadcrumbs,.mobile #mobilemenu,.mobile #sosnet,.mobile .comments .comment-block,.mobile .comments h3{padding:4px 4px 4px 4px !important}.mobile pre,.mobile blockquote{background-image:none;padding:4px 4px 4px 4px}.mobile .mobilethumb{left:4px !important}.mobile .breadcrumbs{margin:0 4px 4px;}.mobile .post, .mobile #blog-pager{margin:0 4px 4px}.mobile #posting{padding:4px 0 0 0}}

@media screen and (min-device-width:221px) and (max-device-width:360px){.mobile #sidebar .widget-content,.mobile #header-wrapper,.mobile #footer-wrapper,.mobile #bottom-bar,.mobile .comments,.mobile #leaderboard .widget-content,.widget-posting .widget-content,.mobile .mobsearch,.mobile .mobads,.mobile #blog-pager,.mobile .post,.mobile .breadcrumbs,.mobile #mobilemenu,.mobile #sosnet,.mobile .comments .comment-block,.mobile .comments h3{padding:8px 8px 8px 8px !important}.mobile pre,.mobile blockquote{background-image:none;padding:6px 6px 6px 6px}.mobile .mobilethumb{left:6px}.mobile .breadcrumbs{margin:0 6px 6px;}.mobile .post, .mobile #blog-pager{margin:0 6px 6px}.mobile #posting{padding:6px 0 0 0}}

@media screen and (min-device-width:361px) and (max-device-width:480px){.mobile #sidebar .widget-content,.mobile #header-wrapper,.mobile #footer-wrapper,.mobile #bottom-bar,.mobile .comments,.mobile #leaderboard .widget-content,.widget-posting .widget-content,.mobile .mobsearch,.mobile .mobads,.mobile #blog-pager,.mobile .post,.mobile .breadcrumbs,.mobile #mobilemenu,.mobile #sosnet,.mobile .comments .comment-block,.mobile .comments h3{padding:8px 10px 8px 10px !important}.mobile pre,.mobile blockquote{background-image:none;padding:8px 8px 8px 8px}.mobile .mobilethumb{left:8px !important}.mobile .breadcrumbs{margin:0 8px 8px;}.mobile .post, .mobile #blog-pager{0 8px 8px}.mobile #posting{padding:8px 0 0 0}}

@media screen and (min-device-width:481px) and (max-device-width:5000px)
{.mobile #sidebar .widget-content,.mobile #header-wrapper,.mobile #footer-wrapper,.mobile #bottom-bar,.mobile .comments,.mobile #leaderboard .widget-content,.widget-posting .widget-content,.mobile .mobsearch,.mobile .mobads,.mobile #blog-pager,.mobile .post,.mobile .breadcrumbs,.mobile #mobilemenu,.mobile #sosnet,.mobile .comments .comment-block,.mobile .comments h3{padding:8px 12px 8px 12px !important}.mobile pre,.mobile blockquote{background-image:none;padding:10px 10px 10px 10px}.mobile .mobilethumb{left:8px !important}.mobile .breadcrumbs{margin:0 10px 10px;}.mobile .post, .mobile #blog-pager{margin:0 10px 10px}.mobile #posting{padding:10px 0 0 0}}

body.mobile{}.mobile .form-wrapper,.mobile .comments .avatar-image-container,.mobile #top-nav{display:none !important}.mobile #wrapper{margin:0 auto 0 !important;width:auto !important;max-width:600px !important;font-size:13px}.mobile #sidebar,.mobile #posting,.mobile #header,.mobile #kotak-posting,.mobile #widget-posting-kiri,.mobile #widget-posting-kanan,.mobile #kotak-sidebar,.mobile #kotak-sidebar-kiri,.mobile #kotak-sidebar-kanan,.mobile #kotak-sidebar-bawah,.mobile #bottom-bar .kiri,.mobile #bottom-bar .tengah,.mobile #bottom-bar .kanan{float:none !important;margin:0 0 0 0 !important;width:auto !important;max-width:100% !important}.mobile #sidebar .widget-content,.mobile #header-wrapper,.mobile #footer-wrapper,.mobile #bottom-bar,.mobile .comments,.mobile #leaderboard .widget-content,.widget-posting .widget-content,.mobile .mobsearch,.mobile .mobads,.mobile #blog-pager,.mobile .post,.mobile #mobilemenu{padding:8px 8px 8px 8px}.mobile pre,.mobile blockquote{background-image:none;padding:6px 6px 6px 6px}.mobile img,.mobile iframe{max-width:100%}

/* WRAPPER */
#wrapper {
border:none !important;
}

/* HEADER */
.mobile #header{height:auto !important;}.mobile #header h1.title,.mobile #header p.title{font-size:22px}.mobile #header img {width:auto;}

/* NAVIGASI */
.mobile #mobilemenu{background:#333;color:#ddd;text-align:center;width:auto;overflow:hidden;
margin:0;font:normal 14px Calibri,Arial,Sans-Serif;
border-top:1px solid #666;border-bottom:1px solid #000}.mobile #mobilemenu span a{color:#ddd;padding:0;margin:0}.mobile #mobilemenu span a:hover{text-decoration:underline}.mobile #sosnet{background:#F5F5F5;border-bottom:1px solid #ddd;clear:both;overflow;hidden;margin:0;padding:6px}

/* POST */
.mobile .mobile-date-outer,.mobile .date-outer{margin:0;padding:0}.mobile #posting {border-bottom:1px solid #ddd}.mobile .post{position:relative;min-height:60px;}.mobile h2.mobile-post-title{font-size:16px;font-weight:bold;margin:0 0 5px 65px;padding:0}.mobile h3.mobile-post-title{font-size:17px;font-weight:bold;margin:0 0 10px;padding:0}.mobile .mobilethumb{position:absolute;top:8px;
left:8px;background:#fafafa;padding:4px;border:1px solid #fff;margin:0}.mobile .mobilethumb img{display:block;width:50px}.mobile-index-contents{padding-left:65px}.mobile #blog-pager{background:#f5f5f5;border:1px solid #fff}.mobile .item-post-footer{margin:5px 0 0;padding:6px 0;border-top:1px solid #fff}.mobile pre,.mobile blockquote{margin:0 0 13px 0 !important}.mobile #related-post{text-align:left;margin:8px 0;padding:0}.mobile #related-post ol{list-style-type:none;margin:0 0 0 0 !important}.mobile #related-post ol li{padding:3px;border-bottom:1px solid #ddd}.mobile #related-post ol li:last-child{border-bottom:none !important}.mobile #related-post h3{color:#333;font-weight:bold;padding:0 0 6px 0;margin:0;font-size:15px}

/* KOMENTAR */
.mobile .comments{margin:-10px 0 10px 0;padding:0;background:#eaeaea}.mobile .comments .comment-block,.mobile .comments .comment-replybox-single{margin-left:0px !important}.mobile .comments .comments-content .comment-replies{margin-top:6px;margin-left:8px}
.mobile .PopularPosts .item-thumbnail img{width:50px;height:50px}

/* FOOTER */
.mobile .mobsearch{background:#eaeaea;margin:0;border-top:1px solid #fafafa}.mobile #footer-wrapper .footer-kiri,.mobile #footer-wrapper .footer-kanan{float:none !important;text-align:center}.mobile #banner-header{display:none}
</style>
</b:if>
<!-- CSS CUSTOM MOBILE TEMPLATE END -->

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.isMobile'><b:else/>
<style type='text/css'>
#kotak-posting{margin:10px 0 10px 10px}.breadcrumbs,#blog-pager{margin-right:10px}.post{margin:0 4px 4px 0 !important;float:left !important;width:295px;height:145px;overflow:hidden;display:inline}
</style>
</b:if>
</b:if>
</b:if>

<!-- Script Related Post With Thumbnail -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#at-gambar{text-transform:none;overflow:hidden;margin:0;
padding:0}#at-gambar h2{font-size:17px;font-weight:bold;padding:0 0 8px;margin:0}#at-gambar a{color:#222;overflow:hidden;text-align:left;font-size:13px}#at-gambar a:hover{background:#eaeaea;color:#000}#at-gambar img{width:100%;margin:0;padding:0}
</style>
<script> var defaultnoimage = &quot;http://4.bp.blogspot.com/-zxPckZmJOK0/T_z_K1Tmd8I/AAAAAAAAApw/G2A5cq2Rj88/s77/noImageAvailable.jpg&quot;; var maxresults = 6; var splittercolor = &quot;#ddd &quot;; var relatedpoststitle = &quot;Related Posts :&quot;; </script>
<script src='https://dl.dropboxusercontent.com/u/122336262/JavaScript/related-post/terkait6.js'/>
</b:if>

<!-- mobile related post -->
<b:if cond='data:blog.isMobile'>
<script>
//<![CDATA[
var relatedTitles=new Array();var relatedTitlesNum=0;var relatedUrls=new Array();function related_results_labels(json){for(var i=0;i<json.feed.entry.length;i++){var entry=json.feed.entry[i];relatedTitles[relatedTitlesNum]=entry.title.$t;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){relatedUrls[relatedTitlesNum]=entry.link[k].href;relatedTitlesNum++;break;}}}}
function removeRelatedDuplicates(){var tmp=new Array(0);var tmp2=new Array(0);for(var i=0;i<relatedUrls.length;i++){if(!contains(tmp,relatedUrls[i])){tmp.length+=1;tmp[tmp.length-1]=relatedUrls[i];tmp2.length+=1;tmp2[tmp2.length-1]=relatedTitles[i];}}

relatedTitles=tmp2;relatedUrls=tmp;} function contains(a,e){for(var j=0;j<a.length;j++)if(a[j]==e)return true;return false;}
function printRelatedLabels(){var r=Math.floor((relatedTitles.length-1)*Math.random());var i=0;document.write('<ol>');while(i<relatedTitles.length&&i<20){document.write('<li><a href="'+relatedUrls[r]+'">'+relatedTitles[r]+'</a></li>');if(r<relatedTitles.length-1){r++;}else{r=0;}
i++;}
document.write('</ol>');document.write();}//]]>
</script>
</b:if>


<script type='text/javascript'>
var uid = &#39;74011&#39;;
var wid = &#39;137613&#39;;
</script>
<script src='http://cdn.popcash.net/pop.js' type='text/javascript'/>
</head>

<body expr:class='&quot;loading&quot; + data:blog.mobileClass'>

<div id='fb-root'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
 <!-- Begin BidVertiser code -->
<SCRIPT SRC='http://bdv.bidvertiser.com/BidVertiser.dbm?pid=724968=1797774' TYPE='text/javascript'/>
<!-- End BidVertiser code -->


<!-- wrapper dibuka -->
<div id='wrapper'>

<!-- top navigation -->
<div id='top-nav'>
<ul>
  <li><a href='http://twitter.com/fajarwahyu99'><i class='fa fa-bullhorn'/> FOLLOW DULU</a></li>
<li><a href='https://plus.google.com/108718175760362930683/posts'><i class='fa fa-envelope '/>Contact</a></li>
<li><a href='https://fajarnugraha06061996.wordpress.com/'><i class='fa fa-sitemap '/>Partner List</a></li>
</ul>
</div>

<b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
  <b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar' version='1' visible='true'>
    <b:includable id='main'>&lt;script type=&quot;text/javascript&quot;&gt;
    function setAttributeOnload(object, attribute, val) {
      if(window.addEventListener) {
        window.addEventListener(&#39;load&#39;,
          function(){ object[attribute] = val; }, false);
      } else {
        window.attachEvent(&#39;onload&#39;, function(){ object[attribute] = val; });
      }
    }
  &lt;/script&gt;
&lt;div id=&quot;navbar-iframe-container&quot;&gt;&lt;/div&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;https://apis.google.com/js/plusone.js&quot;&gt;&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
      gapi.load(&quot;gapi.iframes:gapi.iframes.style.bubble&quot;, function() {
        if (gapi.iframes &amp;&amp; gapi.iframes.getContext) {
          gapi.iframes.getContext().openChild({
              url: &#39;https://www.blogger.com/navbar.g?targetBlogID\x3d6180454890402192183\x26blogName\x3dFAJAR+NUGRAHA+WAHYU\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x3dDARK\x26layoutType\x3dLAYOUTS\x26searchRoot\x3dhttps://fajarnugraha06061996.blogspot.com/search\x26blogLocale\x3den_GB\x26v\x3d2\x26homepageUrl\x3dhttps://fajarnugraha06061996.blogspot.com/\x26vt\x3d-5292098670381891812&#39;,
              where: document.getElementById(&quot;navbar-iframe-container&quot;),
              id: &quot;navbar-iframe&quot;
          });
        }
      });
    &lt;/script&gt;&lt;script type=&quot;text/javascript&quot;&gt;
(function() {
var script = document.createElement(&#39;script&#39;);
script.type = &#39;text/javascript&#39;;
script.src = &#39;//pagead2.googlesyndication.com/pagead/js/google_top_exp.js&#39;;
var head = document.getElementsByTagName(&#39;head&#39;)[0];
if (head) {
head.appendChild(script);
}})();
&lt;/script&gt;
</b:includable>
  </b:widget>
</b:section>

<!-- kotak-kepala dibuka -->
<header id='header-wrapper'>

  <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
    <b:widget id='Header1' locked='true' title='FAJAR NUGRAHA WAHYU (Header)' type='Header' version='1' visible='true'>
      <b:includable id='main'>

  <b:if cond='data:useImage'>
    <b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>
      <!--
      Show image as background to text. You can't really calculate the width
      reliably in JS because margins are not taken into account by any of
      clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
      width if the user is using shrink to fit.
      This results in a margin-width's worth of pixels being cropped. If the
      user is not using shrink to fit then we expand the header.
      -->
      <b:if cond='data:mobile'>
          <div id='header-inner'>
            <div class='titlewrapper' style='background: transparent'>
              <h1 class='title' style='background: transparent; border-width: 0px'>
                <b:include name='title'/>
              </h1>
            </div>
            <b:include name='description'/>
          </div>
        <b:else/>
          <div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot;                        + &quot;background-position: &quot;                        + data:backgroundPositionStyleStr + &quot;; &quot;                        + data:widthStyleStr                        + &quot;min-height: &quot; + data:height                        + &quot;_height: &quot; + data:height                        + &quot;background-repeat: no-repeat; &quot;' 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/>
      <!--Show the image only-->
      <div id='header-inner'>
        <b:if cond='data:blog.pageType != &quot;item&quot;'>
          <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
            <h1 style='text-indent:-9999px;margin:0 0 0 0;padding:0 0 0 0;height:0px;'><b:include name='title'/></h1>
          </b:if>
        </b:if>
        <a expr:href='data:blog.homepageUrl' style='display: block'>
          <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
        </a>
        <!--Show the description-->
        <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
          <b:include name='description'/>
          <b:if cond='data:blog.pageType != &quot;item&quot;'>
            <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
              <h1 style='text-indent:-9999px;margin:0 0 0 0;padding:0 0 0 0;height:0px;'><b:include name='title'/></h1>
            </b:if>
          </b:if>
        </b:if>
      </div>
    </b:if>
  <b:else/>
    <!--No header image -->
    <div id='header-inner'>
      <div class='titlewrapper'>     
        <b:if cond='data:blog.pageType != &quot;item&quot;'>
          <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
             <p class='title'><b:include name='title'/></p>
           <b:else/>
             <h1 class='title'><b:include name='title'/></h1>
           </b:if>
        <b:else/>
          <p class='title'><b:include name='title'/></p>
        </b:if>
        <b:include name='description'/>
      </div>
    </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>


  <b:section class='banner-header' id='banner-header' maxwidgets='1' showaddelement='yes'>
    <b:widget id='HTML5' locked='false' title='' type='HTML' visible='true'>
      <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <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>

</header>
<div class='clear'/>
<!-- kepala ditutup -->

<!-- navigasi dibuka -->

<!-- menu navigasi untuk template seluler -->
<b:if cond='data:blog.isMobile'>
<div id='mobilemenu'>

<span><a href='/'>Home</a></span> &#183;
<span><a href='/search/label/Full%20Software'>Full Software</a></span> &#183;
<span><a href='/search/label/Tutorial'>Tutorial</a></span> &#183;
<span><a href='/search/label/Menu3/Cyber%20News'>Cyber News</a></span> &#183;
<span><a href='/search/label/Catatan'>Catatan</a></span> &#183;
<span><a href='/Portable%20Software'>Portable Software</a></span>
</div>
<div class='clear'/>

<div style='border-bottom:1px solid #fafafa;'>
<div id='sosnet'>
<div style='float:left; margin-bottom:-3px; margin-right:6px;'><a class='twitter-follow-button' data-lang='id' data-show-count='false' data-show-screen-name='false' href='http://twitter.com/fajarwahyu99'>Follow @fajarwahyu99</a>
</div>
<div style='float:left;'>
  <div class='fb-like' data-href='http://facebook.com/NoballzNetwork' data-layout='button_count' data-send='false' data-show-faces='false' data-width='90'/>
</div>

<div class='clear'/>

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

<b:else/>

<!-- menu navigasi versi desktop -->
<nav>
<ul>
<li><a href='/'><i class='fa fa-home fa-2x'/> Home</a></li>
<li class='sub'><a href='#'><i class='fa fa-files-o fa-2x'/> Artikel</a>
  <ul>
    <li><a href='/search/label/Catatan/max-results=6'>Catatan</a></li>
       <li><a href='/search/label/Tutorial/max-results=6'>Tutorial</a></li>
    <li><a href='/search/label/Cyber%20News/max-results=6'>Cyber News</a></li>
  </ul>
</li>
<li class='sub'><a href='#'><i class='fa fa-cloud-download fa-2x'/> Download</a>
    <ul>
    <li><a href='/search/label/Full%20Software/max-results=6'>Full Software</a></li>
    <li><a href='/search/label/Portable%20Software/max-results=6'>Portable Software</a></li>
    <li><a href='/search/label/Template/max-results=6'>Template</a></li>
    <li><a href='/search/label/Film/max-results=6'>Film</a></li>
    <li><a href='/search/label/Game/max-results=6'>Game</a></li>
  </ul></li>
<li class='sub'><a href='#'><i class='fa fa-shield fa-2x'/> FORUM</a>
    <ul>
    <li><a href='/search/label/Jualan/max-results=6'> JUALAN</a></li>
  </ul></li>
<li class='sub'><a href='#'><i class='fa fa-coffee fa-2x'/>Gudang</a>
    <ul>
      <li><a href='/search/label/Lagu/max-results=6'> Lagu</a></li>
      <li><a href='/search/label/Youtube/max-results=6'> Youtube</a></li>
  </ul>
</li>

<li class='search'>
<form action='/search' id='search' method='get'> <input name='q' placeholder='Search...' size='40' type='text'/><input id='search-button' type='submit' value='Search'/></form>
</li>

</ul>
</nav>

</b:if>
<div class='clear'/>
<!-- navigasi ditutup -->

<!-- top widget -->
<b:section class='ads728' id='leaderboard' preferred='yes'>
  <b:widget id='LinkList7' locked='true' title='Edit This Menu' type='LinkList' visible='true'>
    <b:includable id='main'>
 <div class='widget-content'>
   <ul class='menus menu-primary' id='pagelistmenusblogul'>
     <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:widget id='HTML102' locked='true' title='Iklan' type='HTML' visible='true'>
    <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <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='HTML123' locked='true' title='Social Icons' type='HTML' visible='true'>
    <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <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='HTML101' locked='true' title='' type='HTML' visible='true'>
    <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <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>
<!-- top widget end -->

<b:if cond='data:blog.isMobile'>
<div style='border-bottom:1px solid #fafafa;margin-bottom:10px;'>
<div class='mobads'>

<!-- top mobile ads section -->

</div>
</div>
</b:if>

<!-- kotak-kontent dibuka -->
<div id='content-wrapper'>

<!-- kotak-posting dibuka -->
<article id='posting'>
<b:section class='main' id='kotak-posting' showaddelement='no'>
  <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog' version='1' visible='true'>
    <b:includable id='main' var='top'> <b:include data='posts' name='breadcrumb'/>

  <b:if cond='data:mobile == &quot;false&quot;'>

    <!-- posts -->
    <div class='blog-posts hfeed'>

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

      <data:defaultAdStart/>
      <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.isDateStart'>
          <b:if cond='data:post.isFirstPost == &quot;false&quot;'>
            &lt;/div&gt;&lt;/div&gt;
          </b:if>
        </b:if>
        <b:if cond='data:post.isDateStart'>
          &lt;div class=&quot;date-outer&quot;&gt;
        </b:if>
        <b:if cond='data:post.isDateStart'>
          &lt;div class=&quot;date-posts&quot;&gt;
        </b:if>
        <div class='post-outer'>
        <b:include data='post' name='post'/>
        <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
          <b:if cond='data:post.showThreadedComments'>
            <b:include data='post' name='threaded_comments'/>
          <b:else/>
            <b:include data='post' name='comments'/>
          </b:if>
        </b:if>
        <b:if cond='data:blog.pageType == &quot;item&quot;'>
          <b:if cond='data:post.showThreadedComments'>
            <b:include data='post' name='threaded_comments'/>
          <b:else/>
            <b:include data='post' name='comments'/>
          </b:if>
        </b:if>
        </div>
        <b:if cond='data:post.includeAd'>
          <b:if cond='data:post.isFirstPost'>
            <data:defaultAdEnd/>
          <b:else/>
            <data:adEnd/>
          </b:if>
          <div class='inline-ad'>
            <data:adCode/>
          </div>
          <data:adStart/>
        </b:if>
      </b:loop>
      <b:if cond='data:numPosts != 0'>
        &lt;/div&gt;&lt;/div&gt;
      </b:if>
      <data:adEnd/>
    </div>

    <!-- navigation -->
    <b:include name='nextprev'/>

    <!-- feed links -->
    <b:include name='feedLinks'/>

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

  <b:else/>
    <b:include name='mobile-main'/>
  </b:if>

  <b:if cond='data:top.showDummy'>
    <data:top.dummyBootstrap/>
  </b:if>
</b:includable>
    <b:includable id='backlinkDeleteIcon' var='backlink'>
  <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
    <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
      <img src='https://resources.blogblog.com/img/icon_delete13.gif'/>
    </a>
  </span>
</b:includable>
    <b:includable id='backlinks' var='post'>
  <a name='links'/><h4><data:post.backlinksLabel/></h4>
  <b:if cond='data:post.numBacklinks != 0'>
    <dl class='comments-block' id='comments-block'>
      <b:loop values='data:post.backlinks' var='backlink'>
        <div class='collapsed-backlink backlink-control'>
          <dt class='comment-title'>
            <span class='backlink-toggle-zippy'>&#160;</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 + &quot;_backlinks-create-link&quot;' target='_blank'><data:post.createLinkLabel/></a>
  </p>
</b:includable>
    <b:includable id='breadcrumb' var='posts'> <b:if cond='data:blog.homepageUrl != data:blog.url'>

<b:if cond='data:blog.pageType == &quot;static_page&quot;'> <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> &#187; <span><data:blog.pageName/></span></div>
<b:else/>

<b:if cond='data:blog.pageType == &quot;item&quot;'> <b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs'><span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:blog.homepageUrl' itemprop='url'><span itemprop='title'>Home</span></a></span> &#187; <b:loop values='data:post.labels' var='label'><span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:label.url + &quot;?&amp;max-results=8&quot;' itemprop='url'><span itemprop='title'><data:label.name/></span></a></span><b:if cond='data:label.isLast != &quot;true&quot;'> &#187; </b:if> </b:loop> &#187; <span><data:post.title/></span>
</div>
<b:else/>

<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> &#187; <span>Uncategories</span> &#187; <span><data:post.title/></span></div> </b:if>
</b:loop>
<b:else/>

<b:if cond='data:blog.pageType == &quot;archive&quot;'><div class='breadcrumbs'> <span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> &#187; <span>Archive for <data:blog.pageName/></span> </div> <b:else/>

<b:if cond='data:blog.searchQuery'><div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> &#187; <span><data:blog.pageName/></span></div>
<b:else/>

<b:if cond='data:blog.pageType == &quot;index&quot;'> <div class='breadcrumbs'> <b:if cond='data:blog.pageName == &quot;&quot;'> <span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> &#187; <span>All post</span>
<b:else/>

<span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> &#187; <span><data:blog.pageName/></span> </b:if>
</div>

</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
    <b:includable id='comment-form' var='post'>
  <div class='comment-form'>
    <a name='comment-form'/>

    <b:if cond='data:mobile'>
      <h4 id='comment-post-message'>
        <a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
    <b:else/>

      <h4 id='comment-post-message'><data:postCommentMsg/></h4>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
    </b:if>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
    </script>
  </div>
</b:includable>
    <b:includable id='commentDeleteIcon' var='comment'>
  <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
    <b:if cond='data:showCmtPopup'>
      <div class='goog-toggle-button'>
        <div class='goog-inline-block comment-action-icon'/>
      </div>
    <b:else/>
      <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
        <img src='//www.blogger.com/img/icon_delete13.gif'/>
      </a>
    </b:if>
  </span>
</b:includable>
    <b:includable id='comment_count_picker' var='post'>
  <b:if cond='data:post.commentSource == 1'>
    <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url' expr:data-url='data:post.url.canonical.http'>
    </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.forceIframeComments'>
    <data:post.iframeMessage/>
    <b:include data='post' name='iframe_comments'/>
    <data:post.iframeMessage/>
    <b:if cond='data:post.showThreadedComments'>
      <b:include data='post' name='threaded_comments'/>
    <b:else/>
      <b:include data='post' name='comments'/>
    </b:if>
  <b:else/>
    <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:if>
</b:includable>
    <b:includable id='comments' var='post'>
  <div class='comments' id='comments'>
    <a name='comments'/>
    <b:if cond='data:post.allowComments'>

<h3> <b:if cond='data:post.numComments == 0'> 0 Response to &quot;<data:blog.pageName/>&quot;</b:if> <b:if cond='data:post.numComments == 1'> 1 Response to &quot;<data:blog.pageName/>&quot; </b:if> <b:if cond='data:post.numComments &gt; 1'> <data:post.numComments/> Responses to &quot;<data:blog.pageName/>&quot; </b:if> </h3>

      <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>
          &#160;
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
          &#160;
          <data:post.commentRangeText/>
          &#160;
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
          &#160;
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
        </span>
      </b:if>

      <div expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'>
        <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
          <b:loop values='data:post.comments' var='comment'>
            <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
              <b:if cond='data:comment.favicon'>
                <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
              </b:if>
              <a expr:name='data:comment.anchorName'/>
              <b:if cond='data:blog.enabledCommentProfileImages'>
                <data:comment.authorAvatarImage/>
              </b:if>
              <b:if cond='data:comment.authorUrl'>
                <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
              <b:else/>
                <data:comment.author/>
              </b:if>
              <data:commentPostedByMsg/>
            </dt>
            <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
              <b:if cond='data:comment.isDeleted'>
                <span class='deleted-comment'><data:comment.body/></span>
              <b:else/>
                <p>
                  <data:comment.body/>
                </p>
              </b:if>
            </dd>
            <dd class='comment-footer'>
              <span class='comment-timestamp'>
                <a expr:href='data:comment.url' title='comment permalink'>
                  <data:comment.timestamp/>
                </a>
                <b:include data='comment' name='commentDeleteIcon'/>
              </span>
            </dd>
          </b:loop>
        </dl>
      </div>

      <b:if cond='data:post.commentPagingRequired'>
        <span class='paging-control-container'>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
            <data:post.oldestLinkText/>
          </a>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
            <data:post.olderLinkText/>
          </a>
          &#160;
          <data:post.commentRangeText/>
          &#160;
          <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 + &quot;_backlinks-container&quot;'>
       <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 != &quot;item&quot;'> <!-- 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.commentSrc' type='text/javascript'/>
    <div class='cmt_iframe_holder'/>

    <b:if cond='data:post.embedCommentForm == &quot;false&quot;'>
      <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'>
<!-- halaman index mobile -->

  <div class='mobile-date-outer date-outer'>
    <b:if cond='data:post.dateHeader'>
      <div class='date-header' style='display:none;'>
        <span><data:post.dateHeader/></span>
      </div>
    </b:if>

   <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
      <a expr:href='data:post.url'>
        <h2 class='mobile-post-title entry-title' itemprop='name'>
          <data:post.title/>
        </h2>
       </a>

        <div class='mobile-index-contents'>
          <b:if cond='data:post.thumbnailUrl'>
              <div class='mobilethumb'>
                <a expr:href='data:post.url'><img expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' style='width:50px; height:50px;'/></a>
              </div>
          <b:else/>
<div class='mobilethumb'>
<a expr:href='data:post.url'><img expr:alt='data:post.title' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmRNJOMOas_Iv1flGj07M_lbA_gnDk1vsppJv8SdMsXSxFCoIpF7rt9nWOCVJgw_9g4jq4IvFZ4BX67UfyEB2Q62CDEFzbnaABlf7rv3Kbeo8P5m1TLAN8evBk6W-1uLsgM_y9Oi7Z-r8/s50-c/default.png' style='width:50px; height:50px;'/></a>
 </div> 
</b:if>

          <div class='post-body entry-content' itemprop='articleBody'>
            <b:if cond='data:post.snippet'><data:post.snippet/></b:if>
          </div>
         <div class='clear'/>

<div class='mobile-index-comment'>
<span style='color:#666;'>Posted by <data:post.author/></span>, <b:if cond='data:blog.pageType != &quot;static_page&quot;'> <b:if cond='data:post.allowComments'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' style='color:#ffc01a;font-weight:bold;'> <b:if cond='data:post.numComments == 0'> Add Comment </b:if> <b:if cond='data:post.numComments == 1'> 1 Comment </b:if> <b:if cond='data:post.numComments &gt; 1'> <data:post.numComments/> Comments </b:if> </a> </b:if>
</b:if>
</div>

        </div>
       <div class='clear'/>
    </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 == &quot;index&quot;'>
        <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 + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>&#171; Next</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 + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'>Prev &#187;</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' style='display:none;'><data:desktopLinkMsg/></a>
    </div>

  </div>
  <div class='clear'/>
</b:includable>
    <b:includable id='mobile-post' var='post'>
<!-- halaman posting mobile -->

  <div class='post-wrap'>
    <b:if cond='data:post.dateHeader'>
      <h2 class='date-header' style='display:none;'><span><data:post.dateHeader/></span></h2>
    </b:if>

        <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
          <b:if cond='data:post.title'>
            <h3 class='mobile-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-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
<div style='padding:0;margin:8px 0;'>

<!-- top post mobile ads section -->

</div>
<div class='clear'/>
<data:post.body/>

<div style='padding:0;margin-top:2px;'>
<!-- bottom post mobile ads section -->
<div style='clear:both;'/>


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

        <div class='share-btn'>
        <div class='fb-like' data-action='like' data-layout='button_count' data-share='true' data-show-faces='false' expr:data-href='data:post.url'/>
        <div style='margin-left:25px;display:inline;'><div class='g-plusone' data-size='medium' expr:data-href='data:post.url'/></div>
        <a class='twitter-share-button' data-via='riqnaufal' href='https://twitter.com/share'>Tweet</a>
        </div>
       
<div class='clear'/>

<div id='related-post'>
<h3>Related Posts :</h3>
<b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast != &quot;true&quot;'/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if> </b:loop> <script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script>
</div>

</div>

<div class='item-post-footer'>
<b:include data='post' name='postQuickEdit'/> <b:if cond='data:top.showAuthor'>Posted by
<span itemprop='author'><data:post.author/></span> on <b:if cond='data:post.dateHeader'><data:post.dateHeader/></b:if>
</b:if>
</div>

</div>

        <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
          <b:if cond='data:post.showThreadedComments'>
            <b:include data='post' name='threaded_comments'/>
          <b:else/>
            <b:include data='post' name='comments'/>
          </b:if>
        </b:if>
        <b:if cond='data:blog.pageType == &quot;item&quot;'>
          <b:if cond='data:post.showThreadedComments'>
            <b:include data='post' name='threaded_comments'/>
          <b:else/>
            <b:include data='post' name='comments'/>
          </b:if>
        </b:if>
     
  </div>
</b:includable>
    <b:includable id='nextprev'>
<div class='clear'/>
  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <div id='blog-pager-newer-link'>
      <a class='box' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
      </div>
    </b:if>

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

    <div style='margin:0 auto;text-align:center;width:80px'><a class='box' expr:href='data:blog.homepageUrl'><data:homeMsg/></a></div>

    <b:if cond='data:mobileLinkUrl'>
      <div class='blog-mobile-link' style='display:none;'>
        <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
      </div>
    </b:if>

  </div>
  <div class='clear'/>
</b:includable>
    <b:includable id='post' var='post'>
  <div class='post hentry' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<div class='post-title entry-title' itemprop='name'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>

<b:if cond='data:post.title'>
<h2>
<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/>

<b:if cond='data:post.title'>
<h1>
<b:if cond='data:post.link'> <a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a> <b:else/> <b:if cond='data:post.url'> <a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a> <b:else/> <data:post.title/> </b:if>
</b:if>
</h1>
</b:if>

</b:if>
</div>

<div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>

<b:else/>

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id' itemprop='articleBody'>
<b:if cond='data:post.thumbnailUrl'>
<script type='text/javascript'>
//<![CDATA[
function bp_thumbnail_resize(image_url,post_title)
{
var image_size=70;
image_tag='<img src="'+image_url.replace('/s72-c/','/s'+image_size+'-c/')+'" class="postthumb" alt="'+post_title+'" title="'+post_title+'"/>';
if(image_url!="") return image_tag; else return "";
}
//]]>
</script>
<a expr:href='data:post.url'><script type='text/javascript'>
document.write(bp_thumbnail_resize(&quot;<data:post.thumbnailUrl/>&quot;,&quot;<data:post.title/>&quot;));
</script></a>
<b:else/>
<b:if cond='data:post.firstImageUrl'><a expr:href='data:post.url'><img class='postthumb' expr:alt='data:post.title' expr:src='data:post.firstImageUrl' expr:title='data:post.title'/></a>
<b:else/>
<a expr:href='data:post.url'><img class='postthumb' expr:alt='data:post.title' expr:title='data:post.title' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmRNJOMOas_Iv1flGj07M_lbA_gnDk1vsppJv8SdMsXSxFCoIpF7rt9nWOCVJgw_9g4jq4IvFZ4BX67UfyEB2Q62CDEFzbnaABlf7rv3Kbeo8P5m1TLAN8evBk6W-1uLsgM_y9Oi7Z-r8/s70-c/default.png'/></a>
</b:if>
</b:if>
<b:if cond='data:post.snippet'><data:post.snippet/>
</b:if>
</div>

<div class='post-footer'>
<b:if cond='data:top.showAuthor'>Posted by <span class='vcard'><span class='fn' itemprop='author'><data:post.author/></span></span></b:if> at <abbr class='updated published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr>,
<b:if cond='data:post.allowComments'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'> <b:if cond='data:post.numComments == 0'> Add Comment </b:if> <b:if cond='data:post.numComments == 1'> 1 Comment </b:if> <b:if cond='data:post.numComments &gt; 1'> <data:post.numComments/> Comments </b:if> </a> </b:if>
</div>
<div class='plus'>
 <div class='g-plusone' data-size='small' expr:data-href='data:post.url'/>
</div>
</b:if>
<div class='clear'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div itemprop='articleBody'>
<br/><hr/>
<div id='ads'>
  <p align='center'><b> Advertisements </b></p>
<script type='text/javascript'>
amzn_assoc_placement = &quot;adunit0&quot;;
amzn_assoc_enable_interest_ads = &quot;true&quot;;
amzn_assoc_tracking_id = &quot;fajarwahyu99-20&quot;;
amzn_assoc_ad_mode = &quot;auto&quot;;
amzn_assoc_ad_type = &quot;smart&quot;;
amzn_assoc_marketplace = &quot;amazon&quot;;
amzn_assoc_region = &quot;US&quot;;
amzn_assoc_linkid = &quot;7d18b7ea15db9f3f06b66397322239fe&quot;;
amzn_assoc_emphasize_categories = &quot;16261631,13900861,3375251&quot;;
amzn_assoc_fallback_mode = {&quot;type&quot;:&quot;search&quot;,&quot;value&quot;:&quot;Shoes&quot;};
amzn_assoc_default_category = &quot;All&quot;;
</script>
<script src='//z-na.amazon-adsystem.com/widgets/onejs?MarketPlace=US'/>
<hr/>
  <br/></div>
<data:post.body/>
 <b:if cond='data:blog.pageType == &quot;item&quot;'><div style='margin-top: 10px;'><strong>Artikel Terkait</strong> <div class='rbbox'> <div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'> <div id='ardi33'/> <script type='text/javascript'> var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;; var maxNumberOfPostsPerLabel = 4; var maxNumberOfLabels = 10; maxNumberOfPostsPerLabel = 100; maxNumberOfLabels = 3; function listEntries10(json) { var ul = document.createElement(&#39;ul&#39;); var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ? json.feed.entry.length : maxNumberOfPostsPerLabel; for (var i = 0; i &lt; maxPosts; i++) { var entry = json.feed.entry[i]; var alturl; for (var k = 0; k &lt; entry.link.length; k++) { if (entry.link[k].rel == &#39;alternate&#39;) { alturl = entry.link[k].href; break; } } var li = document.createElement(&#39;li&#39;); var a = document.createElement(&#39;a&#39;); a.href = alturl; if(a.href!=location.href) { var txt = document.createTextNode(entry.title.$t); a.appendChild(txt); li.appendChild(a); ul.appendChild(li); } } for (var l = 0; l &lt; json.feed.link.length; l++) { if (json.feed.link[l].rel == &#39;alternate&#39;) { var raw = json.feed.link[l].href; var label = raw.substr(homeUrl3.length+13); var k; for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;); var txt = document.createTextNode(label); var h = document.createElement(&#39;b&#39;); h.appendChild(txt); var div1 = document.createElement(&#39;div&#39;); div1.appendChild(h); div1.appendChild(ul); document.getElementById(&#39;ardi33&#39;).appendChild(div1); } } } function search10(query, label) { var script = document.createElement(&#39;script&#39;); script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39; + label + &#39;?alt=json-in-script&amp;callback=listEntries10&#39;); script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;); document.documentElement.firstChild.appendChild(script); } var labelArray = new Array(); var numLabel = 0; <b:loop values='data:posts' var='post'> <b:loop values='data:post.labels' var='label'> textLabel = &quot;<data:label.name/>&quot;; var test = 0; for (var i = 0; i &lt; labelArray.length; i++) if (labelArray[i] == textLabel) test = 1; if (test == 0) { labelArray.push(textLabel); var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ? labelArray.length : maxNumberOfLabels; if (numLabel &lt; maxLabels) { search10(homeUrl3, textLabel); numLabel++; } } </b:loop> </b:loop> </script> </div> <script type='text/javascript'>RelPost();</script></div> </div> </b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
  <br/>
<br/><hr/>
<div id='ads'>
  <p align='center'><b> Advertisements </b></p>
&lt;iframe src=&quot;//go.padstm.com/?id=313297&amp;t=iframe&quot; style=&quot;width:468px;height:60px;border:0;overflow:hidden;&quot;&gt;&lt;/iframe&gt;</div><hr/>

<center/>

<div itemscope='itemscope' itemtype='http://data-vocabulary.org/Review'>
<div class='item-post-footer'><b:include data='post' name='postQuickEdit'/> Posted by <span class='vcard'><span class='fn'><span itemprop='reviewer'><data:post.author/></span></span></span> on <b:if cond='data:post.dateHeader'><abbr class='updated published' expr:title='data:post.timestampISO8601'><data:post.dateHeader/></abbr></b:if> - Rating: <span itemprop='rating'>4.5</span>
</div>

<div class='deskripsi-artikel' itemprop='description'>
<b>Title</b> : <span itemprop='itemreviewed'><data:blog.pageName/></span><br/>
<b>Description</b> : <b:if cond='data:post.snippet'><data:post.snippet/></b:if>
</div>

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

        <div class='share-btn'>
        <div class='fb-like' data-action='like' data-layout='button_count' data-share='true' data-show-faces='false' expr:data-href='data:post.url'/>
        <div style='margin-left:25px;display:inline;'><div class='g-plusone' data-size='medium' expr:data-href='data:post.url'/></div>
        <a class='twitter-share-button' data-via='riqnaufal' href='https://twitter.com/share'>Tweet</a>
        </div>
       
<div class='clear'/>

<div id='at-gambar'>
<b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast != &quot;true&quot;'> </b:if> <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=999&quot;' type='text/javascript'/> </b:loop> <script type='text/javascript'> removeRelatedDuplicates_thumbs(); printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;); </script>
</div>
<div class='clear'/>
  </div>
</b:if>
</b:if>
</div>

</div>

<!-- facebook comment here -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='background:#f5f5f5;border:1px solid #fff;margin:10px 0;padding:8px;'>
<div class='fb-comments' data-num-posts='5' data-width='612' expr:data-href='data:blog.url'/>
</div>
</b:if>

</b:includable>
    <b:includable id='postQuickEdit' var='post'>
  <b:if cond='data:post.editUrl'>
    <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
      <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
        <img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
      </a>
    </span>
  </b:if>
</b:includable>
    <b:includable id='shareButtons' var='post'>
  <b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' 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 + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' 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 + &quot;&amp;target=twitter&quot;' 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 + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' 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 + &quot;&amp;target=orkut&quot;' expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>
</b:includable>
    <b:includable id='status-message'>
  <b:if cond='data:navMessage'>
  <div class='status-msg-wrap'>
    <div class='status-msg-body'>
      <data:navMessage/>
    </div>
    <div class='status-msg-border'>
      <div class='status-msg-bg'>
        <div class='status-msg-hidden'><data:navMessage/></div>
      </div>
    </div>
  </div>
  <div style='clear: both;'/>
  </b:if>
</b:includable>
    <b:includable id='threaded-comment-form' var='post'>
  <div class='comment-form'>
    <a name='comment-form'/>
    <b:if cond='data:mobile'>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
    <b:else/>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
    </b:if>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
    </script>
  </div>
</b:includable>
    <b:includable id='threaded_comment_js' var='post'>
  <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>

  <script type='text/javascript'>
    (function() {
      var items = <data:post.commentJso/>;
      var msgs = <data:post.commentMsgs/>;
      var config = <data:post.commentConfig/>;

// <![CDATA[
      var cursor = null;
      if (items && items.length > 0) {
        cursor = parseInt(items[items.length - 1].timestamp) + 1;
      }

      var bodyFromEntry = function(entry) {
        if (entry.gd$extendedProperty) {
          for (var k in entry.gd$extendedProperty) {
            if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
              return '<span class="deleted-comment">' + entry.content.$t + '</span>';
            }
          }
        }
        return entry.content.$t;
      }

      var parse = function(data) {
        cursor = null;
        var comments = [];
        if (data && data.feed && data.feed.entry) {
          for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
            var comment = {};
            // comment ID, parsed out of the original id format
            var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
            comment.id = id ? id[2] : null;
            comment.body = bodyFromEntry(entry);
            comment.timestamp = Date.parse(entry.published.$t) + '';
            if (entry.author && entry.author.constructor === Array) {
              var auth = entry.author[0];
              if (auth) {
                comment.author = {
                  name: (auth.name ? auth.name.$t : undefined),
                  profileUrl: (auth.uri ? auth.uri.$t : undefined),
                  avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
                };
              }
            }
            if (entry.link) {
              if (entry.link[2]) {
                comment.link = comment.permalink = entry.link[2].href;
              }
              if (entry.link[3]) {
                var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
                if (pid && pid[1]) {
                  comment.parentId = pid[1];
                }
              }
            }
            comment.deleteclass = 'item-control blog-admin';
            if (entry.gd$extendedProperty) {
              for (var k in entry.gd$extendedProperty) {
                if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
                  comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
                }
              }
            }
            comments.push(comment);
          }
        }
        return comments;
      };

      var paginator = function(callback) {
        if (hasMore()) {
          var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
          if (cursor) {
            url += '&published-min=' + new Date(cursor).toISOString();
          }
          window.bloggercomments = function(data) {
            var parsed = parse(data);
            cursor = parsed.length < 50 ? null
                : parseInt(parsed[parsed.length - 1].timestamp) + 1
            callback(parsed);
            window.bloggercomments = null;
          }
          url += '&callback=bloggercomments';
          var script = document.createElement('script');
          script.type = 'text/javascript';
          script.src = url;
          document.getElementsByTagName('head')[0].appendChild(script);
        }
      };
      var hasMore = function() {
        return !!cursor;
      };
      var getMeta = function(key, comment) {
        if ('iswriter' == key) {
          var matches = !!comment.author
              && comment.author.name == config.authorName
              && comment.author.profileUrl == config.authorUrl;
          return matches ? 'true' : '';
        } else if ('deletelink' == key) {
          return config.baseUri + '/delete-comment.g?blogID='
               + config.blogId + '&postID=' + comment.id;
        } else if ('deleteclass' == key) {
          return comment.deleteclass;
        }
        return '';
      };

      var replybox = null;
      var replyUrlParts = null;
      var replyParent = undefined;

      var onReply = function(commentId, domId) {
        if (replybox == null) {
          // lazily cache replybox, and adjust to suit this style:
          replybox = document.getElementById('comment-editor');
          if (replybox != null) {
            replybox.height = '250px';
            replybox.style.display = 'block';
            replyUrlParts = replybox.src.split('#');
          }
        }
        if (replybox && (commentId !== replyParent)) {
          document.getElementById(domId).insertBefore(replybox, null);
          replybox.src = replyUrlParts[0]
              + (commentId ? '&parentID=' + commentId : '')
              + '#' + replyUrlParts[1];
          replyParent = commentId;
        }
      };

      var hash = (window.location.hash || '#').substring(1);
      var startThread, targetComment;
      if (/^comment-form_/.test(hash)) {
        startThread = hash.substring('comment-form_'.length);
      } else if (/^c[0-9]+$/.test(hash)) {
        targetComment = hash.substring(1);
      }

      // Configure commenting API:
      var configJso = {
        'maxDepth': config.maxThreadDepth
      };
      var provider = {
        'id': config.postId,
        'data': items,
        'loadNext': paginator,
        'hasMore': hasMore,
        'getMeta': getMeta,
        'onReply': onReply,
        'rendered': true,
        'initComment': targetComment,
        'initReplyThread': startThread,
        'config': configJso,
        'messages': msgs
      };

      var render = function() {
        if (window.goog && window.goog.comments) {
          var holder = document.getElementById('comment-holder');
          window.goog.comments.render(holder, provider);
        }
      };

      // render now, or queue to render when library loads:
      if (window.goog && window.goog.comments) {
        render();
      } else {
        window.goog = window.goog || {};
        window.goog.comments = window.goog.comments || {};
        window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
        window.goog.comments.loadQueue.push(render);
      }
    })();
// ]]>
  </script>
</b:includable>
    <b:includable id='threaded_comments' var='post'>
  <div class='comments' id='comments'>
    <a name='comments'/>

<h3> <b:if cond='data:post.numComments == 0'> 0 Response to &quot;<data:blog.pageName/>&quot;</b:if> <b:if cond='data:post.numComments == 1'> 1 Response to &quot;<data:blog.pageName/>&quot; </b:if> <b:if cond='data:post.numComments &gt; 1'> <data:post.numComments/> Responses to &quot;<data:blog.pageName/>&quot; </b:if> </h3>

    <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 + &quot;_backlinks-container&quot;'>
       <b:if cond='data:post.showBacklinks'>
         <b:include data='post' name='backlinks'/>
       </b:if>
    </div>
    </div>
  </div>
</b:includable>
  </b:widget>
</b:section>

<div class='clear'/>

<b:section class='widget-posting' id='widget-posting-kiri' preferred='yes'>
  <b:widget id='HTML24' locked='false' title='' type='HTML' visible='true'>
    <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <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='HTML21' locked='false' title='' type='HTML' visible='true'>
    <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <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='HTML20' locked='false' title='' type='HTML' visible='true'>
    <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <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='HTML23' locked='false' title='' type='HTML' visible='true'>
    <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <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='HTML22' locked='false' title='' type='HTML' visible='true'>
    <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <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='HTML13' locked='false' title='' type='HTML' visible='true'>
    <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <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='HTML12' locked='false' title='' type='HTML' visible='true'>
    <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <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='HTML7' locked='false' title='' type='HTML' visible='true'>
    <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <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='VideoBar1' locked='false' title='Video Milik Saya di Youtube' type='VideoBar' visible='true'>
    <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>

  <div class='widget-content'>
    <div expr:id='data:widget.instanceId + &quot;_bar&quot;'>
      <span class='videoBar-status'>Loading...</span>
    </div>
  </div>

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

<b:section class='widget-posting' id='widget-posting-kanan' preferred='yes'>
  <b:widget id='HTML18' locked='false' title='' type='HTML' visible='true'>
    <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <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='HTML17' locked='false' title='' type='HTML' visible='true'>
    <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <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='HTML14' locked='false' title='' type='HTML' visible='true'>
    <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <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='HTML11' locked='false' title='' type='HTML' visible='true'>
    <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <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' visible='true'>
    <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <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>

</article>
<!-- kotak-posting ditutup -->

<!-- sidebar dibuka -->
<aside id='sidebar'>

<b:section class='sidebar' id='kotak-sidebar' preferred='yes'>
  <b:widget id='HTML16' locked='false' title='' type='HTML' visible='true'>
    <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <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='HTML19' locked='false' title='' type='HTML' visible='true'>
    <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <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='Profile1' locked='false' title='my biodata' type='Profile' visible='true'>
    <b:includable id='main'>
    <b:if cond='data:title != &quot;&quot;'>
      <h2><data:title/></h2>
    </b:if>
    <div class='widget-content'>
    <b:if cond='data:team == &quot;true&quot;'> <!-- team blog profile -->
      <ul>
        <b:loop values='data:authors' var='i'>
          <li><a class='profile-name-link' expr:href='data:i.userUrl' expr:style='&quot;background-image: url(&quot; + data:i.profileLogo + &quot;);&quot;'><data:i.display-name/></a></li>
        </b:loop>
      </ul>

    <b:else/> <!-- normal blog profile -->

      <b:if cond='data:photo.url != &quot;&quot;'>
        <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' expr:style='&quot;background-image: url(&quot; + data:profileLogo + &quot;);&quot;' rel='author'>
            <data:displayname/>
          </a>
        </dt>

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

        <b:if cond='data:aboutme != &quot;&quot;'><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='HTML4' locked='false' title='' type='HTML' visible='true'>
    <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <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='Stats1' locked='false' title='visitor-ke' type='Stats' visible='true'>
    <b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'><h2><data:title/></h2></b:if>
  <div class='widget-content'>
    <!-- Content is going to be visible when data will be fetched from server. -->
    <div expr:id='data:widget.instanceId + &quot;_content&quot;' style='display: none;'>
      <!-- Counter and image will be injected later via AJAX call. -->
      <b:if cond='data:showSparkline'>
        <img alt='Sparkline' expr:id='data:widget.instanceId + &quot;_sparkline&quot;' height='30' width='75'/>
      </b:if>
      <span expr:class='&quot;counter-wrapper &quot; + (data:showGraphicalCounter ? &quot;graph-counter-wrapper&quot; : &quot;text-counter-wrapper&quot;)' expr:id='data:widget.instanceId + &quot;_totalCount&quot;'>
      </span>
      <b:include name='quickedit'/>
    </div>
  </div>
</b:includable>
  </b:widget>
  <b:widget id='BlogArchive1' locked='false' title='Daftar Isi Blog Fajar' type='BlogArchive' visible='true'>
    <b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'>
    <h2><data:title/></h2>
  </b:if>
  <div class='widget-content'>
  <div id='ArchiveList'>
  <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
    <b:include cond='data:style == &quot;HIERARCHY&quot;' data='data' name='interval'/>
    <b:include cond='data:style == &quot;FLAT&quot;' data='data' name='flat'/>
    <b:include cond='data:style == &quot;MENU&quot;' data='data' name='menu'/>
  </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='interval' var='intervalData'>
  <b:loop values='data:intervalData' var='interval'>
    <ul class='hierarchy'>
      <li expr:class='&quot;archivedate &quot; + data:interval.expclass'>
        <b:include cond='data:interval.toggleId' data='interval' name='toggle'/>
        <a class='post-count-link' expr:href='data:interval.url'>
          <data:interval.name/>
        </a>
        <span class='post-count' dir='ltr'>(<data:interval.post-count/>)</span>
        <b:include cond='data:interval.data' data='interval.data' name='interval'/>
        <b:include cond='data:interval.posts' data='interval.posts' name='posts'/>
      </li>
    </ul>
  </b:loop>
</b:includable>
    <b:includable id='menu' var='data'>
  <select expr:id='data:widget.instanceId + &quot;_ArchiveMenu&quot;'>
    <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='posts' var='posts'>
  <ul class='posts'>
    <b:loop values='data:posts' var='post'>
      <li><a expr:href='data:post.url'><data:post.title/></a></li>
    </b:loop>
  </ul>
</b:includable>
    <b:includable id='toggle' var='interval'>
  <a class='toggle' href='javascript:void(0)'>
    <span expr:class='&quot;zippy&quot; + (data:interval.expclass == &quot;expanded&quot; ? &quot; toggle-open&quot; : &quot;&quot;)'>
      <b:if cond='data:interval.expclass == &quot;expanded&quot;'>
        &#9660;&#160;
      <b:elseif cond='data:blog.languageDirection == &quot;rtl&quot;'/>
        &#9668;&#160;
      <b:else/>
        &#9658;&#160;
      </b:if>
    </span>
  </a>
</b:includable>
  </b:widget>
  <b:widget id='Label1' locked='false' title='Categories' type='Label' visible='true'>
    <b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'>
    <h2><data:title/></h2>
  </b:if>
  <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
    <b:if cond='data:display == &quot;list&quot;'>
      <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='&quot;label-size label-size-&quot; + 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='Label3' locked='false' title='Labels' type='Label' visible='true'>
    <b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'>
    <h2><data:title/></h2>
  </b:if>
  <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
    <b:if cond='data:display == &quot;list&quot;'>
      <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='&quot;label-size label-size-&quot; + 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='Feed1' locked='false' title='Blogger Tutorials' type='Feed' visible='true'>
    <b:includable id='main'>
    <h2><data:title/></h2>
    <div class='widget-content' expr:id='data:widget.instanceId + &quot;_feedItemListDisplay&quot;'>
      <span style='filter: alpha(25); opacity: 0.25;'>
        <a expr:href='data:feedUrl'><data:loadingMsg/></a>
      </span>
    </div>
    <b:include name='quickedit'/>
  </b:includable>
  </b:widget>
  <b:widget id='Feed2' locked='false' title='Blogger Templates' type='Feed' visible='true'>
    <b:includable id='main'>
    <h2><data:title/></h2>
    <div class='widget-content' expr:id='data:widget.instanceId + &quot;_feedItemListDisplay&quot;'>
      <span style='filter: alpha(25); opacity: 0.25;'>
        <a expr:href='data:feedUrl'><data:loadingMsg/></a>
      </span>
    </div>
    <b:include name='quickedit'/>
  </b:includable>
  </b:widget>
  <b:widget id='HTML1' locked='false' title='' type='HTML' visible='true'>
    <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <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='PopularPosts1' locked='false' title='Entri Populer' type='PopularPosts' version='1' visible='true'>
    <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 == &quot;false&quot;'>
          <b:if cond='data:showSnippets == &quot;false&quot;'>
            <!-- (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 == &quot;false&quot;'>
            <!-- (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>
    <b:include name='quickedit'/>
  </div>
</b:includable>
  </b:widget>
  <b:widget id='Followers1' locked='false' title='my friends' type='Followers' visible='true'>
    <b:includable id='main'>
  <b:if cond='data:title != &quot;&quot; and data:codeSnippet != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <div expr:id='data:widget.instanceId + &quot;-wrapper&quot;'>
      <b:if cond='data:codeSnippet != &quot;&quot;'>
        <div style='margin-right:2px;'>
          <data:codeSnippet/>
        </div>
      </b:if>
    </div>
    <b:include name='quickedit'/>
  </div>
</b:includable>
  </b:widget>
</b:section>
<div class='clear'/>

<b:section class='sidebar' id='kotak-sidebar-kiri' preferred='yes'>
  <b:widget id='HTML6' locked='false' title='Pengunjung' type='HTML' visible='true'>
    <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <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>

<b:section class='sidebar' id='kotak-sidebar-kanan' preferred='yes'>
  <b:widget id='Translate1' locked='false' title='Translate' type='Translate' visible='true'>
    <b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div id='google_translate_element'/>
  <script>
    function googleTranslateElementInit() {
      new google.translate.TranslateElement({
        pageLanguage: &#39;<data:pageLanguage/>&#39;,
        autoDisplay: &#39;true&#39;,
        layout: google.translate.TranslateElement.InlineLayout.<data:layout/>
      }, &#39;google_translate_element&#39;);
    }
  </script>
  <script src='//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit'/>
  <b:include name='quickedit'/>
</b:includable>
  </b:widget>
</b:section>
<div class='clear'/>

<b:section class='sidebar' id='kotak-sidebar-bawah' preferred='yes'>
  <b:widget id='HTML26' locked='false' title='' type='HTML' visible='true'>
    <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <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='HTML25' locked='false' title='' type='HTML' visible='true'>
    <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <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='HTML15' locked='false' title='' type='HTML' visible='true'>
    <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <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='HTML10' locked='false' title='' type='HTML' visible='true'>
    <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <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='HTML9' locked='false' title='' type='HTML' visible='true'>
    <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <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='HTML8' locked='false' title='' type='HTML' visible='true'>
    <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <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='' type='HTML' visible='true'>
    <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <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>

</aside>
<div class='clear'/>
<!-- sidebar ditutup -->

</div>
<div class='clear'/>
<!-- kotak-kontent ditutup -->

<!-- mobile search form -->
<b:if cond='data:blog.isMobile'>
<div class='mobads' style='backgroubd:#dadada;margin-top:-10px;'>

<!-- footer mobile ads section -->

</div>

<div class='mobsearch'>
<form action='/search' id='searchthis' method='get' style='display:inline;'><input id='b-query' maxlength='220' name='q' size='10' type='text'/> <input id='b-searchbtn' type='submit' value='Search'/> </form>
</div>
</b:if>
<!-- mobile search form end -->

<!-- footer dibuka -->
<footer id='footer-wrapper'>
<div class='footer-kiri'>
Copyright &#169; 2014 <a expr:href='data:blog.homepageUrl' rel='copyright'><data:blog.title/></a> - All Rights Reserved
</div>
<div class='footer-kanan'>
Template by <a href='http://www.evotemplates.net' target='_blank' title='Free and Premium Blogger Templates'>FAJAR NUGRAHA WAHYU</a> - Powered by <a href='http://www.fajarnugraha06061996.wordpress.com' rel='nofollow' target='_blank'>FAJAR GANTENG</a>
</div>

<b:if cond='data:blog.isMobile'><div style='text-align:center;margin:0;padding:0;'><script>
//<![CDATA[
function url_mobile(url)
{
var url='?m=0';
url_asli='<a href="'+url.replace('?m=1','+url+')+'">View Desktop Version</a>';
if(url!="") return url_asli; else return "";
}
//]]>
</script>
<script type='text/javascript'>
document.write(url_mobile(&quot;<data:blog.url/>&quot;));</script>
</div>
</b:if>

</footer>
<!-- footer ditutup  -->

</div>
<!-- wrapper ditutup -->

<script>
  window.___gcfg = {lang: &#39;id&#39;};

  (function() {
    var po = document.createElement(&#39;script&#39;); po.type = &#39;text/javascript&#39;; po.async = true;
    po.src = &#39;https://apis.google.com/js/plusone.js&#39;;
    var s = document.getElementsByTagName(&#39;script&#39;)[0]; s.parentNode.insertBefore(po, s);
  })();
</script>
<script>
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=&quot;//platform.twitter.com/widgets.js&quot;;fjs.parentNode.insertBefore(js,fjs);}}(document,&quot;script&quot;,&quot;twitter-wjs&quot;);
</script>

</body>
</HTML>


EmoticonEmoticon