Selasa, 05 Mei 2015

nbbby

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<HTML expr:class='data:blog.languageDirection + &quot; no-js rwd &quot; + data:blog.pageType' expr:dir='data:blog.languageDirection'>
<head>
<meta charset='utf-8'/>
<!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"> </script> <![endif]-->
<meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='blogger' name='generator'/>
<link expr:href='data:blog.homepageUrl + &quot;favicon.ico&quot;' rel='icon' type='image/x-icon'/>
<link expr:href='data:blog.url' rel='canonical'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default?alt=rss&quot;' expr:title='data:blog.title + &quot; - RSS&quot;' rel='alternate' type='application/rss+xml'/>
<link expr:href='&quot;http://www.blogger.com/feeds/&quot; + data:blog.blogId + &quot;/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
<meta content='ID Google Webmaster' name='google-site-verification'/>
<meta content='ID Bing Webmaster' name='msvalidate.01'/>
<meta content='ID Alexa' name='alexaVerifyID'/>
<link href='https://plus.google.com/ID Google Plus/posts' rel='publisher'/>
<link href='https://plus.google.com/ID Google Plus/about' rel='author'/>
<link href='https://plus.google.com/ID Google Plus' rel='me'/>
<!-- SEO Meta Tag -->
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<meta expr:content='data:blog.pageTitle' name='keywords'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' name='description'/>
</b:if>
</b:if>   
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageName' name='keywords'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' name='description'/>
</b:if>
</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>
<meta content='Indonesia' name='geo.placename'/>
<meta content='Nama Kamu' name='Author'/>
<meta content='general' name='rating'/>
<meta content='id' name='geo.country'/>
<!-- SEO Meta Tag end -->
&lt;script type=&quot;text/javascript&quot;&gt;(function() { var a=window,c=&quot;jstiming&quot;,d=&quot;tick&quot;;var e=function(b){this.t={};this.tick=function(b,o,f){f=void 0!=f?f:(new Date).getTime();this.t[b]=[f,o]};this[d](&quot;start&quot;,null,b)},h=new e;a.jstiming={Timer:e,load:h};if(a.performance&amp;&amp;a.performance.timing){var i=a.performance.timing,j=a[c].load,k=i.navigationStart,l=i.responseStart;0&lt;k&amp;&amp;l&gt;=k&amp;&amp;(j[d](&quot;_wtsrt&quot;,void 0,k),j[d](&quot;wtsrt_&quot;,&quot;_wtsrt&quot;,l),j[d](&quot;tbsd_&quot;,&quot;wtsrt_&quot;))}
try{var m=null;a.chrome&amp;&amp;a.chrome.csi&amp;&amp;(m=Math.floor(a.chrome.csi().pageT));null==m&amp;&amp;a.gtbExternal&amp;&amp;(m=a.gtbExternal.pageT());null==m&amp;&amp;a.external&amp;&amp;(m=a.external.pageT);m&amp;&amp;(a[c].pt=m)}catch(n){};a.tickAboveFold=function(b){var g=0;if(b.offsetParent){do g+=b.offsetTop;while(b=b.offsetParent)}b=g;750&gt;=b&amp;&amp;a[c].load[d](&quot;aft&quot;)};var p=!1;function q(){p||(p=!0,a[c].load[d](&quot;firstScrollTime&quot;))}a.addEventListener?a.addEventListener(&quot;scroll&quot;,q,!1):a.attachEvent(&quot;onsFroll&quot;,q);
 })();&lt;/script&gt;
<!--[if IE]> <script> (function() { var html5 = ("abbr,article,aside,audio,canvas,datalist,details," + "figure,footer,header,hgroup,mark,menu,meter,nav,output," + "progress,section,time,video").split(','); for (var i = 0; i < html5.length; i++) { document.createElement(html5[i]); } try { document.execCommand('BackgroundImageCache', false, true); } catch(e) {} })(); </script> <![endif]-->
<!-- SEO Title Tag -->
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<title>Archive For <data:blog.pageName/></title>
<meta content='noindex,nofollow,noarchive' name='robots'/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<title>Page Not Found - <data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if>
</b:if>
</b:if>
<!-- Facebook Open Graph -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta content='ID Facebook' 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'/>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.postImageThumbnailUrl'>
<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
</b:if>
</b:if>
<link href='//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css' rel='stylesheet'/>
 <!--[if lt IE 9]>
<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->
<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
&lt;style type=&quot;text/css&quot;&gt;&lt;!-- /* <b:skin><![CDATA[
#luarnya{width:1000px;}
#topTas{width:100%;margin-top:70px}
#topTas1{float:left;width:20%;}
#topTas2{float:right;width:80%;}
#w-ctf{width:100%;}
#mnceo-tr{float:left;width:70%;}
#sdv-right{float:right;width:30%;}
#nav-top li, #navi li{list-style:none}
#footer-wrap{width:100%}
#footer-wrap .left{float:left;width:34%}
#footer-wrap .center{float:left;width:34%}
#footer-wrap .right{float:right;width:32%}
*/]]></b:skin>
<style type='text/css'>
/*
Name       : Tandingan Free Responsive Blogger Template
Author     : Irfan Syahputra
URL        : http://www.irfansyahputra.web.id http://mahatemplates.blogspot.com/
Date       : 03 November 2014
Version    : 2.0 [Final]
*/

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;
}

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,.body-fauxcolumn-outer {
    background: #E7E5E6;
    font: normal normal 14px Arial,sans-serif;
    line-height: 1.625;
}

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

#clear,.clear {
    clear: both;
}

#navbar-iframe,.post-feeds,.feed-links,.quickedit,.status-msg-wrap {
    display: none;
}

.right {
    float: right;
}

.left {
    float: left;
}

img,iframe,table,video,object,embed {
    max-width: 100%;
}

img:hover {
    opacity: 0.8;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

strong,b {
    font-weight: bold;
}

cite,em,i {
    font-style: italic;
}

a:link {
    color: #EE3322;
    text-decoration: none;
}

a:visited {
    color: #EE3322;
    text-decoration: none;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

a:hover {
    color: #0072C6;
    text-decoration: none;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

a img {
    border: none;
    border-width: 0;
    outline: none;
}

abbr,acronym {
    color: #666;
    border-bottom: 1px dotted;
    cursor: help;
    position: relative;
}

small {
    font-size: 86%;
}

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-family: Arial;
    sans-serif;font-weight: 400;
    line-height: 1.1;
    margin: 0 0 0.5em;
}

h1 {
    font-size: 160%;
}

h2 {
    font-size: 140%;
}

h3 {
    font-size: 120%;
}

h4 {
    font-size: 100%;
}

h5 {
    font-size: 80%;
}

h6 {
    font-size: 60%;
}

dl,ol,ul {
    margin-left: 20px;
}

ol {
    list-style: decimal outside;
}

ul {
    list-style: square outside;
}

li {
    margin: 5px 0;
}

ol ol,ul ul {
    margin-left: 16px;
}

ol li {
    padding: 0 0 5px;
}

dl {
    overflow: hidden;
}

li p:first-child,dt p:first-child {
    margin-top: 20px;
}

dt {
    clear: left;
    float: left;
    width: 26%;
    text-align: right;
}

dd {
    margin-left: 30%;
    margin-bottom: 20px;
}

kbd {
    background-color: #2E3439;
    color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 86%;
    padding: 2px 6px;
}

small {
    font-size: 86%;
}

sup,sub {
    font-size: 76%;
    position: relative;
    top: .45em;
}

sup {
    top: -.45em;
}

mark,.highlight {
    background-color: #FAD163;
    color: black;
}

mark.highlight {
    border: 1px solid #8D3000;
}

pre,code {
    font-family: &quot;
    Courier New&quot;,Courier,Monospace;color: inherit;
}

pre {
    white-space: pre;
    word-wrap: normal;
    overflow: auto;
}

form {
    margin: 0;
    padding: 0;
}
/*Content*/
#luarnya {
    background: #fafafa;
    ;width: 1020px;
    height: 100%;
    margin: 0 auto;
    padding: 10px;
    overflow: hidden;
    box-shadow: 0px 0px 8px 0px rgba(163,163,163,1);
}

#w-ctf {
    background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXsaC5DnEvHlbJNzZcR5tqLUO9zXzbcpvZG9J6CRnZseXb-fV6piH2vz-98sOnqTUc15Nhdx5wvhTaNtZ2lPWZNQrIZQar7Sx6lfKmiC6uSo-9UZGeR4lfEAmmw4jinQypIUupV-XQ-zVI/s1600/line.png);
    background-repeat: repeat-x;
    margin: 0px;
    padding: 20px;
}

#mnceo-tr {
    float: left;
    width: 650px;
    margin: 0;
    padding: 0;
}
/*Header*/
#topTas {
    text-align: center;
    margin: 0;
    padding: 20px 20px 15px;
    overflow: hidden;
}

#topTas1 {
    float: left;
    width: 212px;
    margin: auto 0;
    padding: 0;
}

#header-inner h1,#header-inner img, #topTas1 h1 {
    font: normal normal 30px Arial Narrow&quot;,Sans-Serif;margin: 0;
    padding: 0;
}

#topTas2 {
    float: right;
    width: 728px;
    margin: auto 0;
    padding: 0;
}
/* Navigasi Atas */
#menu {
    background: #333333;
    color: #eee;
    height: 35px;
}

#menu ul,#menu li {
    margin: 0;
    padding: 0;
    list-style: none;
}

#menu ul {
    height: 35px;
}

#menu li {
    float: left;
    display: inline;
    position: relative;
    font: bold 13px Arial;
}

#menu li a {
    color: #fff;
}

#menu a {
    display: block;
    line-height: 35px;
    padding: 0 14px;
    text-decoration: none;
    color: #333;
}

#menu li:hover &gt; a,#menu li a:hover {
    color: #fff;
}

#menu input {
    display: none;
    margin: 0 0;
    padding: 0 0;
    width: 80px;
    height: 35px;
    opacity: 0;
    cursor: pointer;
}

#menu label {
    font: bold 30px Arial;
    display: none;
    width: 35px;
    height: 36px;
    line-height: 36px;
    text-align: center;
}

#menu label span {
    font-size: 13px;
    position: absolute;
    left: 35px;
}

#menu ul.menus {
    height: auto;
    overflow: hidden;
    width: 180px;
    background: #fff;
    position: absolute;
    z-index: 99;
    display: none;
    border: 1px solid #ccc;
    border-top: none;
    color: #333;
}

#menu ul.menus a {
    color: #333;
}

#menu ul.menus li {
    display: block;
    width: 100%;
    font: 12px Arial;
    text-transform: none;
}

#menu li:hover ul.menus {
    display: block;
}

#menu a.prett,#menu a.trigger2 {
    padding: 0 27px 0 14px;
}

#menu li:hover &gt; a.prett,#menu a.prett:hover {
    background: #fff;
    color: #333;
}

#menu a.prett::after {
    content: &quot;
    &quot;;width: 0;
    height: 0;
    border-width: 6px 5px;
    border-style: solid;
    border-color: #eee transparent transparent transparent;
    position: absolute;
    top: 15px;
    right: 9px;
}

#menu ul.menus a:hover {
    background: #BABABA;
}

#menu a.trigger2::after {
    content: &quot;
    &quot;;width: 0;
    height: 0;
    border-width: 5px 6px;
    border-style: solid;
    border-color: transparent transparent transparent #eee;
    position: absolute;
    top: 13px;
    right: 9px;
}
/* NAVIGATION MENU 2 */
.toggleMenu {
    display: none;
    background: #E73138;
    padding: 0 15px;
    height: 48px;
    line-height: 48px;
    color: #fff !important;
}

#navitions {
    font: normal bold 12px Arial, sans-serif;
    background: #333333;
    text-transform: uppercase;
    height: 48px;
    line-height: 48px;
}

.nav-menu2 {
    background: #333333;
    list-style: none;
    margin: 0 0 0 0;
    *zoom: 1;
    float: left;
}

.nav-menu2:before,
.nav-menu2:after {
    content: &quot;
    &quot;;display: table;
}

.nav-menu2:after {
    clear: both;
}

.nav-menu2 ul {
    list-style: none;
    margin: 0 0 0 0;
    width: 12em;
}

.nav-menu2 a {
    display: block;
    padding: 0 15px;
}

.nav-menu2 li {
    position: relative;
    margin: 0 0;
}

.nav-menu2 &gt; li {
    float: left;
}

.nav-menu2 &gt; li &gt; a {
    display: block;
    height: 48px;
    line-height: 48px;
    color: #ffffff;
    box-shadow: 0 4px 0 #333333 inset;
}

.nav-menu2 &gt; li &gt; a.active {
    background: #222222;
    box-shadow: 0 4px 0 #E73138 inset;
}

.nav-menu2 &gt; li:hover &gt; a {
    background: #222222;
    box-shadow: 0 4px 0 #E73138 inset;
}

.nav-menu2 li ul {
    background: #fff;
    display: block;
    position: absolute;
    left: 0;
    z-index: 10;
    visibility: hidden;
    opacity: 0;
    transition: all .25s ease-out;
    transition: all .25s ease-out;
    -ms-transition: all .25s ease-out;
    transition: all .25s ease-out;
    transition: all .25s ease-out;
    border: 1px solid #d9d9d9;
    border: 1px solid rgba(217,217,217,1);
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
}

.nav-menu2 li li ul {
    left: 100%;
    top: -1px;
}

.nav-menu2 &gt; li.hover &gt; ul {
    visibility: visible;
    opacity: 10;
}

.nav-menu2 &gt; li &gt; ul:before {
    content: &quot;
    &quot;;width: 0px;
    height: 0px;
    position: absolute;
    bottom: 100%;
    left: 20px;
    border-width: 8px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
    display: block;
}

.nav-menu2 li li.hover ul {
    visibility: visible;
    opacity: 10;
}

.nav-menu2 li li a {
    display: block;
    color: #333;
    position: relative;
    z-index: 100;
    line-height: 32px;
}

.nav-menu2 li li a:hover {
    background: #f0f0f0;
}

.nav-menu2 li li li a {
    background: #fff;
    z-index: 20;
    color: #333;
}

.nav-menu2 li .parent:after {
    content: &quot;
    \f107&quot;;font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    padding-left: 6px;
}
/*Seach Box*/
#search-form {
    background: #333333;
    float: right;
    margin: 0 0;
    padding: 0;
    width: 250px;
}

#search-form table {
    width: 100%;
    margin: 0 0 0 0;
}

#search-form input#search-box[type=&quot;text&quot;] {
    background: #ffffff;
    height: 36px;
    line-height: 15px;
    margin: 5px 0 5px 10px;
    padding: 0 10px;
    width: 99%;
    color: #666666;
    border: none;
}

#search-form input#search-button[type=&quot;submit&quot;] {
    background: #E73037;
    color: #ffffff;
    height: 36px;
    line-height: 36px;
    margin: 5px 5px 5px 0;
    padding: 0 12px;
    border: none;
    outline: none;
    transition: all 0.25s;
    -moz-transition: all 0.25s;
    -webkit-transition: all 0.25s;
}

#search-form input#search-button[type=&quot;submit&quot;]:hover {
    background: #C0392B;
    cursor: pointer;
}

#search-form input#search-box[type=&quot;text&quot;]:focus {
    background: #eee;
    outline: none;
}
/*Breadcrumbs*/
.breadcrumbs {
    background: #fff;
    color: #000;
    margin: 0;
    padding: 5px 20px;
    border: 1px solid #ccc;
    box-shadow: 0px 0px 8px 0px rgba(163,163,163,1);
}

.breadcrumbs a {
    color: #EE3322;
}

.breadcrumbs a:hover {
    color: #0072C6;
}

.share {
    display: block;
    padding: 0;
    margin: 0 0 10px;
}

.post-footer {
    color: #999;
    font-style: normal;
    letter-spacing: 0;
    margin: .3em 0;
    padding: 2px;
    text-transform: none;
}

.post h2 {
    line-height: 1.2em;
    margin: 0;
    padding: 0;
    text-decoration: none;
    text-align: left;
}

.post h2 a,.post h2 a:visited,.post h2 strong {
    display: block;
    text-decoration: none;
    color: #EE3322;
}

.post h2 strong,.post h2 a:hover {
    color: #0072C6;
}

.post {
    text-align: justify;
    background: #fff;
    font-size: 14px;
    margin: 0;
    padding: 0;
    position: relative;
}

.post img {
    padding: 0;
    margin: 0;
    page-break-after: always;
}

.separator a {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.post img {
    max-width: 100%;
    height: auto;
}

.date-header {
    margin: 1.5em 0 .5em;
    display: none;
}

blockquote {
    font-family: Georgia,serif;
    font-size: 15px;
    font-style: italic;
    margin: 0.25em 0;
    padding: 15px 20px 15px 50px;
    border: dashed 1px #ccc;
    line-height: 1.45;
    color: #666;
    background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-ZxVWJdXtqmVm1-v_jB6n1gLtWXFh_Tv238lftZxcPedzkcXQ1pps7vhPTfNMM1ySi4Q7EXCXgufDevNrtpOuyxu6jCVKpRQIDKQEu55bkm-VnvU_gn9hYZqBI4X4dXdL6nfHkW24NOU/s1600/bg-blockquote.gif) no-repeat 15px 18px;
    clear: both;
}
/*Sidebar Right*/
#sdv-right {
    float: right;
    width: 300px;
    margin: 0;
    padding: 0;
}

#ads-banner {
    width: 100%;
    margin: 0;
    padding: 0;
}

.sidebar h2,.ads-banner h2 {
    padding: 0 0 5px;
    margin: 0 0 5px;
    border-bottom: 3px solid #222;
    color: #000;
    text-transform: uppercase;
}

.sidebar,.ads-banner {
    color: #000;
    line-height: 1.2em;
    padding: 0;
    margin: 0;
}

.sidebar .widget-content,.ads-banner .widget-content {
    margin-bottom: 20px;
    padding: 0;
    overflow: hidden;
}

.sidebar ul,.ads-banner ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.sidebar li, .ads-banner li {
    margin: 0;
    padding-top: 10px;
    padding-right: 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
    padding-left: 0;
    line-height: 1.5em;
}

.sidebar a, .ads-banner a {
    color: #222;
    text-decoration: none;
}

.sidebar a:hover, .ads-banner a:hover {
    color: #ccc;
    text-decoration: none;
}
/* Share Buttom */
#button-share {
    background: #f1f1f1;
    color: #000;
    line-height: 45px;
    padding-left: 10px;
    margin-top: 10px;
}

#button-share h4 {
    font-size: 13px;
    font-weight: normal;
    line-height: 40px;
    margin: 0;
    text-transform: uppercase;
    display: inline;
}

#button-share h4 span {
    background: #2c3e50;
}

#button-share a {
    position: relative;
    font: normal 13px Tahoma;
    margin: 2px;
    color: #fff;
    text-transform: uppercase;
    padding: 7px 7px 7px 7px;
    font-weight: 700;
}

#button-share a:hover {
    background: #222;
}

#button-share a:hover span {
    color: #222;
}

#button-share a span {
    line-height: 20px;
    width: 40px;
    padding: 6px 0;
    top: 0;
}

#button-share a span.fb {
    background: #2884f6;
}

.fb {
    background: #1e90ff;
}

#button-share a span.tw {
    background: #45B0E3;
}

.tw {
    background: #00bfff;
}

#button-share a span.gp {
    background: #e00;
}

.gp {
    background: #f83124;
}

#button-share a span.me {
    background: #f39c12;
}

.me {
    background: #f1c40f;
}
/* Footer */
#footer-wrap {
    background: #242424 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXsaC5DnEvHlbJNzZcR5tqLUO9zXzbcpvZG9J6CRnZseXb-fV6piH2vz-98sOnqTUc15Nhdx5wvhTaNtZ2lPWZNQrIZQar7Sx6lfKmiC6uSo-9UZGeR4lfEAmmw4jinQypIUupV-XQ-zVI/s1600/line.png) repeat-x top center;
    overflow: hidden;
    margin: 0 auto;
    padding: 15px 20px 0;
    color: #dddddd;
}

#footer-wrap .left {
    float: left;
    width: 34%;
}

#footer-wrap .center {
    float: left;
    width: 34%;
}

#footer-wrap .right {
    float: right;
    width: 32%;
}

#footer-wrapr .left .widget,#footer-wrap .center .widget {
    margin: 0 20px 20px 0;
    clear: both;
}

#footer-wrap .right .widget {
    margin: 0 0 20px 0;
    clear: both;
}

#footer-wrap h2 {
    margin: 0 0 10px 0;
    padding: 0;
    border-bottom: 3px solid #555;
    text-transform: uppercase;
    position: relative;
    color: #eeeeee;
}

#footer-wrap ul,#footer-wrap ol {
    list-style: none;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

#footer-wrap li {
    margin: 5px 0;
    padding: 0 0 0 0;
}

#footer-wrap a {
    color: #dddddd;
}

#footer-wrap a:hover {
    color: #ffffff;
}
/* Footer */
#footer-wrapper{margin: 0 auto;background: #333;}
#footer {line-height: 1.6em;color: #fff;overflow: hidden;clear: both;margin:0;padding:15px;position: relative;}
#footer a {color: #fff;text-decoration: none;}
#footer a:hover {color: #D0CBCB;text-decoration: none;}
/*Back To Top*/
#top {
    background-color: #444;
    margin: 0;
    padding: 10px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    position: fixed;
    bottom: 10px;
    right: 10px;
    cursor: pointer;
    display: none;
}

#top:hover {
    background-color: #E73138;
}
/*Komentar*/
#comments {
    background: #fff;
    border: 1px solid #ccc;
    margin: 20px  0 0;
    padding: 20px;
    box-shadow: 0px 0px 8px 0px rgba(163,163,163,1);
}

#comments h5 {
    color: #000;
    margin: 0;
    padding: 0 0 5px;
    font-size: 160%;
}

.comment_inner {
    margin: 20px 0;
    padding: 0;
    overflow: hidden;
}

.comment_header {
    float: left;
    width: 67px;
}

.cm_head {
    position: relative;
    background: #fff;
    border-bottom: 1px solid #ccc;
    margin: -10px -10px 0;
    padding: 5px 10px 8px;
}

.comment_avatar {
    border: 1px solid #ccc;
    margin: 0;
    padding: 5px 5px 0;
}

.comment_avatar img {
    width: 55px;
    height: 55px;
    padding: 0;
    text-align: center;
    margin: 0;
    background: #fcfcfc url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidVxmj1gKOugE95fOSjRr6dEAYQ_ziFHLXb3xyP2f4Ir-p8B-zXYhM1kjsWNrvqAoe6yNNBomzQnFIo-iyp0ALObe36tSOgmdeiLkVwohkSAkcGC2AZlYP5paps9ehh2i9HwqAPSD7Wmy0/s1600/anonymous.jpg) no-repeat;
}

div.comment_avatar img[src=&quot;http://img1.blogblog.com/img/openid16-rounded.gif&quot;] {
    content: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidVxmj1gKOugE95fOSjRr6dEAYQ_ziFHLXb3xyP2f4Ir-p8B-zXYhM1kjsWNrvqAoe6yNNBomzQnFIo-iyp0ALObe36tSOgmdeiLkVwohkSAkcGC2AZlYP5paps9ehh2i9HwqAPSD7Wmy0/s1600/anonymous.jpg);
}

.comment_name,.comment_name a {
    font-family: Calibri, Sans-Serif;
    padding: 0;
    margin: 0 0 5px 0;
    font-size: 18px;
}

.comment_service {
    margin-top: 0;
}

.comment_date {
    margin: 0;
    color: #d6d5d5;
    font-size: 14px;
    text-transform: uppercase;
}

.respond {
    float: right;
    margin: 0;
    padding: 0;
}

.comment_date:hover {
    color: #bbb;
    
}

.comment_body {
    background: #fff;
    border: 1px solid #ccc;
    margin-left: 77px;
    padding: 10px;
}

.comment_body p {
    line-height: 1.4;
    margin: 15px 0 5px;
    color: #666;
    font-size: 14px;
    word-wrap: break-word;
    padding: 0;
}

.comment_child .comment_wrap {
    padding-left: 78px;
}

.comment-delete {
    position: absolute;
    float: right;
    top: 10px;
    right: 10px;
    margin: 0;
    padding: 0;
}

.infonm {
    float: left;
}

.comment_reply {
    display: block;
    font-weight: 700;
    margin: 10px 0 0;
    padding: 7px 0;
    color: #fff!important;
    text-align: center;
    text-decoration: none!important;
    background: #3498db;
}

.comment_reply:hover {
    text-decoration: none;
    background: #2980b9;
}

.comment_hapus {
    font-weight: 700;
    margin: 0;
    padding: 0;
    color: #fff!important;
    text-decoration: none;
}

.comment_hapus:hover {
    text-decoration: none;
    color: #000!important;
}

.unneeded-paging-control {
    display: none;
}

.comment-form {
    max-width: 100%!important;
}

#comment-editor {
    width: 100%!important;
    background: #fff url(&#39;data:image/gif;base64,R0lGODlhKwALAPAAAKrD2AAAACH5BAEKAAEAIf4VTWFkZSBieSBBamF4TG9hZC5pbmZvACH/C05FVFNDQVBFMi4wAwEAAAAsAAAAACsACwAAAjIMjhjLltnYg/PFChveVvPLheA2hlhZoWYnfd6avqcMZy1J14fKLvrEs/k+uCAgMkwVAAAh+QQBCgACACwAAAAAKwALAIFPg6+qw9gAAAAAAAACPRSOKMsSD2FjsZqEwax885hh3veMZJiYn8qhSkNKcBy4B2vNsa3pJA6yAWUUGm9Y8n2Oyk7T4posYlLHrwAAIfkEAQoAAgAsAAAAACsACwCBT4OvqsPYAAAAAAAAAj1UjijLAg9hY6maalvcb+IPBhO3eeF5jKTUoKi6AqYLwutMYzaJ58nO6flSmpisNcwwjEfK6fKZLGJSqK4AACH5BAEKAAIALAAAAAArAAsAgU+Dr6rD2AAAAAAAAAJAVI4oy5bZGJiUugcbfrH6uWVMqDSfRx5RGnQnxa6p+wKxNpu1nY/9suORZENd7eYrSnbIRVMQvGAizhAV+hIUAAA7&#39;) no-repeat 50% 40%;
    margin-bottom: 0;
    margin-top: 5px;
}

.comment_form a {
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
}

.comment-form p {
    background: #fff;
    padding: 10px;
    margin: 5px 0 5px 0;
    color: #000;
    font-size: 14px;
    line-height: 20px;
    position: relative;
}

.comment_reply_form {
    padding: 0 0 0 70px;
}

.comment_reply_form .comment-form {
    width: 100%;
}

iframe {
    border: none;
    overflow: hidden;
}

.deleted-comment {
    background: #e74c3c;
    color: #fff;
    padding: 20px;
    margin: 5px 0;
    display: block;
}

iframe {
    border: none;
    overflow: hidden;
}

.comment-form p {
    border: 1px solid #ccc;
    color: #000;
    margin-bottom: 20px;
    padding: 20px;
}
/*Widget*/
/*Popular Post*/
.PopularPosts ul,.PopularPosts li,.PopularPosts li img,.PopularPosts li a,.PopularPosts li a img{margin:0 0;padding:0 0;list-style:none;border:none;background:none;outline:none}
.PopularPosts ul{margin:.5em 0;list-style:none;color:black;counter-reset:num}
.PopularPosts ul li{background-color:#eee;margin:0 0 0 0!important;padding:.5em 1.5em .5em .5em!important;counter-increment:num;position:relative}
.PopularPosts ul li a{color:#fff!important}
.PopularPosts ul li a:hover{color:#2c3e50!important}
.PopularPosts ul li:before,.PopularPosts ul li .item-title a,.PopularPosts ul li a{font-weight:bold;color:inherit;text-decoration:none}
.PopularPosts ul li:before{content:counter(num)!important;display:block;position:absolute;background-color:#333;color:#fff!important;width:22px;height:22px;line-height:22px;text-align:center;bottom:0;right:0;padding-right:0!important}
/* Design Warna */
.PopularPosts ul li:nth-child(1){background-color:#c0392b}
.PopularPosts ul li:nth-child(2){background-color:#e74c3c}
.PopularPosts ul li:nth-child(3){background-color:#d35400}
.PopularPosts ul li:nth-child(4){background-color:#e67e22}
.PopularPosts ul li:nth-child(5){background-color:#f39c12}
.PopularPosts ul li:nth-child(6){background-color:#f1c40f}
.PopularPosts ul li:nth-child(7){background-color:#2980b9}
.PopularPosts ul li:nth-child(8){background-color:#3498db}
.PopularPosts ul li:nth-child(9){background-color:#16a085}
.PopularPosts ul li:nth-child(10){background-color:#1abc9c}
.PopularPosts .item-thumbnail{margin:0 0 0 0}
.PopularPosts .item-snippet{font-size:11px}
.cloud-label-widget-content{text-align:left}.label-size{display:block;background:#fff;float:left;margin:0 2px 2px 0;color:#000!important;border:1px solid #ccc;padding:5px}.label-size:hover{border:1px solid #000;color:#000!important}.label-size a:hover{color:#000!important}
@media screen and (max-width:980px) {
    body{padding:0}
    #luarnya {
        width: 100%;padding:0;
    }

    #mnceo-tr {
        float: none;
        width: 100%;
        margin: 0;
        padding: 0;
    }

    #sdv-right {
        float: none;
        width: auto;
        margin: 20px 0 0;
    }

    #topTas {
        margin: 0;
        padding: 20px;
        overflow: hidden;
    }

    #topTas1 {
        float: none;
        width: 100%;
        margin: 0 0 20px;
        padding: 0;
        text-align: center;
    }

    #topTas2 {
        float: none;
        width: 100%;
        margin: 10px 0 0;
        padding: 0;
        text-align: center;
    }

    #header-inner img {
        max-width: 100%;
        width: 100%;
        margin: 0 auto;
        padding: 0;
        text-align: center;
    };
}

@media screen and (max-width:960px) {
    #luarnya {
        width: 100%;padding:0;
    }

    #menu {
        position: relative;
    }

    #menu ul {
        background: #838383;
        position: absolute;
        top: 100%;
        right: 0;
        left: 0;
        z-index: 3;
        height: auto;
        display: none;
    }

    #menu ul.menus {
        width: 100%;
        position: static;
        border: none;
    }

    #menu li {
        display: block;
        float: none;
        width: auto;
        text-align: left;
    }

    #menu li a {
        color: #fff;
    }

    #menu li a:hover {
        color: #333;
    }

    #menu li:hover {
        background: #BABABA;
        color: #333;
    }

    #menu li:hover &gt; a.prett,#menu a.prett:hover {
        background: #BABABA;
        color: #333;
    }

    #menu ul.menus a {
        background: #BABABA;
    }

    #menu ul.menus a:hover {
        background: #fff;
    }

    #menu input,#menu label {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
    }

    #menu input {
        z-index: 4;
    }

    #menu input:checked + label {
        color: white;
    }

    #menu input:checked ~ ul {
        display: block;
    };
}

@media screen and (max-width:941px) {
    .nav {
        float: none;
        width: 100%;
        max-width: 100%;
    }

    .active {
        display: block;
    }

    #searching {
        width: 100%;
        margin: 0 0 0 0 !important;
    }

    .nav li ul:before {
        display: none;
    }

    .nav &gt; li {
        float: none;
        overflow: hidden;
    }

    .nav ul {
        display: block;
        width: 100%;
        float: none;
    }

    .nav-menu2 li ul {
        background: #eee;
        border: none;
        box-shadow: none;
    }

    .nav-menu2 li li ul {
        background: #f5f5f5;
    }

    .nav-menu2 li li a:hover {
        background: #ddd;
    }

    .nav &gt; li.hover &gt; ul , .nav li li.hover ul {
        position: static;
    }

    #search-form {
        width:100%;
        background:#444;}
        #search-form td.search-box {padding:0 10px !important;}
        #search-form td.search-button {padding:0 10px;width:1%;}
        #search-form input#search-box[type=&quot;text&quot;] {margin:0 0 0 0;}   
        #search-form input#search-button[type=&quot;submit&quot;] {margin:0 0 0 0;}
}

@media screen and (max-width: 768px) {
    #footer-wrapper{
        width:100%;
    }
    #footer-wrapper .left {
        float: none;
        width: 100%;
    }

    #footer-wrapper .center {
        float: none;
        width: 100%;
    }

    #footer-wrapper .right {
        float: none;
        width: 100%;
    }

    #footer-wrapper .left .widget,#footer-wrapper .center .widget {
        margin: 0 0 20px;
        clear: both;
    };
}

@media screen and (max-width:384px) {
    #topTas {
        margin: 0;
        padding: 10px 10px 5px;
        overflow: hidden;
    }

    #w-ctf {
        margin: 0;
        padding: 10px;
    }

    .sidebar .widget-content,.ads-banner .widget-content {
        margin-bottom: 10px;
    }

    #comments {
        margin: 10px  0 0;
        padding: 10px;
    }

    .comment_avatar, .comment_avatar img {
        display: none;
    }

    .comment_header {
        float: none;
        width: 100%;
    }

    .respond {
        float: right;
        margin: 0;
        padding: 0;
    }

    .comment_body {
        background: #fff;
        border: 1px solid #ccc;
        margin-left: 0;
        padding: 10px;
    }

    .comment_child .comment_wrap {
        padding-left: 0;
    };
}
</style>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<style type='text/css'>
.post h2 {
    margin: 0 0 5px;
    border: none;
}

.post {
    background: #fff;
    border: 1px solid #ccc;
    margin: 0 0 20px;
    padding: 20px;
    color: #000;
    box-shadow: 0px 0px 8px 0px rgba(163,163,163,1);
}

.breadcrumbs {
    margin: 0 0 20px;
}

.post-thumbnail img {
    float: left;
    margin: 0 20px 0 0;
    background: #fff;
    width: 200px;
    height: 150px;
    padding: 0;
    border: none;
    box-shadow: none;
}
/*Navigasi*/
#blog-pager {
    text-align: center;
    padding: 20px 0 0;
    margin: 0;
}

#blog-pager-older-link a {
    float: right;
    width: auto;
    text-align: center;
    display: inline-block;
    color: #fff;
    text-transform: none;
    margin: 0;
    padding: 4px 8px;
    background: #5498C9;
    font-size: 14px;
}

#blog-pager-older-link a:hover, #blog-pager-home-link a:hover, #blog-pager-newer-link a:hover {
    background-color: #056b95;
}

#blog-pager-home-link a {
    width: auto;
    text-align: center;
    display: inline-block;
    color: #fff;
    text-transform: none;
    margin: 0;
    padding: 4px 8px;
    background: #5498C9;
    font-size: 14px;
}

#blog-pager-newer-link a {
    float: left;
    width: auto;
    text-align: center;
    display: inline-block;
    color: #fff;
    text-transform: none;
    margin: 0;
    padding: 4px 8px;
    background: #5498C9;
    font-size: 14px;
}

.post-info-icon {
    background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcEu5Wb0p0djO-7BNUoi_B-1kWmmN76H88_JXnu11krRF8s3LBfJtDJINqNmaj31XLLGAzScgrTa58Uy0H4_EOz-V3B7zSplsuS7PCEnkVBAqpIZpmKhXpdnLS6zFW23o92R1QyN9zVyg/s1600/icnall.png);
    background-repeat: no-repeat;
}

.post-info {
    display: block;
    margin: 10px 0;
    padding: 3PX 0;
    color: #aaa;
    line-height: 1.1em;
    border-top: 1px dotted #e2e2e2;
    border-bottom: 1px dotted #e2e2e2;
    font-size: 12px;
    overflow: hidden;
}

.post-info a {
    color: #aaa;
}

.post-info-icon {
    display: inline-block;
    float: left;
    margin: 0 12px 0 0;
}

.post-info a:hover {
    color: #000;
}

.jam {
    background-position: 0 -98px;
    height: 16px;
    padding: 0 0 0 17px;
}

.komentar {
    background-position: 0 -132px;
    height: 16px;
    padding: 0 0 0 17px;
}

.label {
    background-position: 0 -166px;
    height: 16px;
    padding: 0 0 0 17px;
}

.admin {
    background-position: 0 1px;
    height: 16px;
    padding: 0 0 0 17px;
}

.tanggal {
    background-position: 0 -32px;
    height: 16px;
    padding: 0 0 0 17px;
}

.pagenavi {
    clear: both;
    margin: 20px 0 10px;
    text-align: center;
    font-weight: bold;
    color: #000!important;
    text-transform: uppercase;
}

.pagenavi span,.pagenavi a {
    padding: 5px 10px;
    margin-right: 3px;
    display: inline-block;
    color: #000!important;
    background-color: #fff;
    border: 1px solid #ccc;
}

.pagenavi .current {
    color: #000!important;
    border: 1px solid #222;
}

.pagenavi .current,.pagenavi .pages,.pagenavi a:hover {
    color: #000!important;
    border: 1px solid #222;
}

.pagenavi .pages {
    display: none;
}

img.rct-thumb {
    float: left;
    margin-right: 10px;
    height: 72px;
    width: 72px;
}

span.showdates {
    font-size: 14px;
    margin: 10px 0 0;
}
@media screen and (max-width:384px) {
    .post {
        padding: 10px;
        margin: 0 0 10px;
    }

    .post-info-icon {
        float: none;
    }

    .post-thumbnail img {
        display: none;
    }

    .pagenavi {
        clear: both;
        margin: 20px 0 10px;
        text-align: center;
        font-weight: bold;
        color: #fff !important;
        text-transform: uppercase;
    }

    .pagenavi span,.pagenavi a {
        padding: 5px;
    };
}
</style>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
/*Info Post*/
.post {
    border: 1px solid #ccc;
    padding: 20px;
    box-shadow: 0px 0px 8px 0px rgba(163,163,163,1);
}

.post-body a:focus,.post-body a:hover {
    color: #333;
    
}

.post-info {
    margin: 20px 0;
    text-transform: uppercase;
}

.info {
    overflow: hidden;
    padding: 0;
    margin: 0;
}

.admin {
    float: left;
}

.tanggal {
    float: right;
    font-weight: bold;
    color: #A2A2A2;
    border: none;
}

.breadcrumbs {
    margin: 0 0 20px;
}

#labelnya {
    position: relative;
    font-size: 14px;
    margin: 20px 0;
    padding: 0;
}

#related-post {
    border: 1px solid #ccc;
    background: #fff;
    margin: 20px 0 0;
    padding: 20px;
    box-shadow: 0px 0px 8px 0px rgba(163,163,163,1);
}

#related-post h4 {
    padding: 0 0 5px;
    font-size: 160%;
}
/*Blog Pager*/
#blog-pager-newer-link {
    float: left;
    width: 50%;
    text-align: left;
    margin: 0;
    padding: 0;
}

#blog-pager-older-link {
    float: right;
    width: 50%;
    text-align: right;
    margin: 0;
    padding: 0;
}

#blog-pager-older-link h6 {
    margin: 0;
    padding: 0;
    text-align: right;
    font-family: &#39;
    Roboto&#39;,sans-serif;font-size: 14px;
    color: #D6D5D5;
    text-transform: uppercase;
    line-height: 1.625;
    font-weight: 700;
}

#blog-pager-newer-link h6 {
    margin: 0;
    padding: 0;
    text-align: left;
    font-family: &#39;
    Roboto&#39;,sans-serif;font-size: 14px;
    color: #D6D5D5;
    text-transform: uppercase;
    line-height: 1.625;
    font-weight: 700;
}

.pager-isi {
    width: 100%;
    overflow: hidden;
    margin: 10px 0 0;
    padding: 10px 0 0;
}

.pager-isi a:hover,.pager-isi {
    color: #000;
    text-decoration: none;
}

@media screen and (max-width:384px) {
    .post {
        padding: 10px;
    }

    .post-info {
        margin: 10px 0;
    }

    .breadcrumbs {
        padding: 5px 10px;
        margin: 0 0 10px;
    }

    .admin,.tanggal {
        float: none;
    }

    #related-post {
        margin: 10px 0 0;
        padding: 10px;
    };
}
</style>
</b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<style type='text/css'>
/*Info Post*/
.post h2 {
    padding: 10px 0 0;
}

.post {
    border: 1px solid #ccc;
    padding: 10px;
}

.breadcrumbs {
    padding: 5px 10px;
    margin: 0 0 10px;
}

.post-info {
    margin: 10px 0;
    text-transform: uppercase;
}

.info {
    overflow: hidden;
    padding: 0;
    margin: 0;
}

.admin {
    float: left;
}

.tanggal {
    float: right;
    font-weight: bold;
    color: #A2A2A2;
    border: none;
}
</style>
</b:if>
<!--[if IE]><script src='//html5shiv.googlecode.com/svn/trunk/html5.js' type='text/javascript'></script><![endif]-->
<script src='//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js'/>
<script type='text/javascript'>
//<![CDATA[
(function(a){a(window).scroll(function(){if(a(this).scrollTop()>280){a("#top").removeAttr("href");a("#top").fadeIn()}else{a("#top").fadeOut()}});a(function(){a("#top").click(function(){a("html, body").animate({scrollTop:0},"slow");return false})})})(jQuery);
function bp_thumbnail_resize(image_url,post_title)
{
var image_width=200;
var image_height=150;
image_tag='<img width="'+image_width+'" height="'+image_height+'" src="'+image_url.replace('/s72-c/','/w'+image_width+'-h'+image_height+'-c/')+'" alt="'+post_title.replace(/"/g,"")+'" title="'+post_title.replace(/"/g,"")+'" itemprop="image"/>';
if(post_title!="") return image_tag; else return "";
}
//]]>
</script>
</b:if>
<script type='text/javascript'>
//<![CDATA[
var _0x5019=["\x6D\x61\x68\x61\x74\x65\x6D\x70\x6C\x61\x74\x65\x73","\x69\x6E\x64\x65\x78\x4F\x66","\x68\x74\x6D\x6C","\x23\x66\x6F\x6F\x74\x65\x72","\x6C\x6F\x67","\x68\x72\x65\x66","\x6C\x6F\x63\x61\x74\x69\x6F\x6E","\x68\x74\x74\x70\x3A\x2F\x2F\x6D\x61\x68\x61\x74\x65\x6D\x70\x6C\x61\x74\x65\x73\x2E\x62\x6C\x6F\x67\x73\x70\x6F\x74\x2E\x63\x6F\x6D\x2F","\x6C\x6F\x61\x64"];$(window)[_0x5019[8]](function (){var _0xd58bx1=$(_0x5019[3])[_0x5019[2]]()[_0x5019[1]](_0x5019[0]);console[_0x5019[4]](_0xd58bx1);if(_0xd58bx1<1){window[_0x5019[6]][_0x5019[5]]=_0x5019[7];} ;} );
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
var _0xb0b5=["\x69\x72\x66\x61\x6E\x73\x79\x61\x68\x70\x75\x74\x72\x61","\x69\x6E\x64\x65\x78\x4F\x66","\x68\x74\x6D\x6C","\x23\x66\x6F\x6F\x74\x65\x72","\x6C\x6F\x67","\x68\x72\x65\x66","\x6C\x6F\x63\x61\x74\x69\x6F\x6E","\x68\x74\x74\x70\x3A\x2F\x2F\x69\x72\x66\x61\x6E\x73\x79\x61\x68\x70\x75\x74\x72\x61\x2E\x77\x65\x62\x2E\x69\x64\x2F","\x6C\x6F\x61\x64"];$(window)[_0xb0b5[8]](function (){var _0x2cb3x1=$(_0xb0b5[3])[_0xb0b5[2]]()[_0xb0b5[1]](_0xb0b5[0]);console[_0xb0b5[4]](_0x2cb3x1);if(_0x2cb3x1<1){window[_0xb0b5[6]][_0xb0b5[5]]=_0xb0b5[7];} ;} );
//]]>
</script>

</head>
<body expr:class='data:blog.pageType' itemscope='' itemtype='http://schema.org/WebPage'>
<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
<div expr:class='data:blog.languageDirection' id='luarnya'>
<nav id='menu'>
<input type='checkbox'/>
<label>&#8801;<span>Navigation</span></label>
<ul>
<li><a href='/' title='Home'>Home</a></li>
<li><a href='/' title='Kontak Kami'>Contact Us</a></li>
<li><a href='/' title='Kebijakan Privasi'>Privacy Policy</a></li>
<li><a class='trigger2' href='#' onclick='window.open(&apos;http://translate.google.com/translate?u=&apos;+encodeURIComponent(location.href)+&apos;&amp;amp;langpair=id%7cen&amp;amp;hl=en&apos;); return false;' rel='nofollow' target='_blank' title='English'>Translate</a></li>
</ul>
</nav>
<div class='clear'/>
<header id='topTas' itemscope='itemscope' itemtype='http://schema.org/WPHeader'>  
<b:section class='topTas1' id='topTas1' maxwidgets='1' showaddelement='yes'>
     <b:widget id='Header1' locked='true' title='Tandingan Free Responsive Blogger Template (Header)' type='Header'>
       <b:includable id='main'>
  <b:if cond='data:useImage'>
    <b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>
      <b:if cond='data:mobile'>
          <div id='header-inner'>
            <div class='titlewrapper' style='background: transparent'>
          <b:if cond='data:blog.pageType != &quot;item&quot;'>
          <h1 class='title' itemprop='name'>
            <b:include name='title'/>
          </h1>
<b:else/>
          <p class='title' itemprop='name'>
            <b:include name='title'/>
          </p>
</b:if>
            </div>
            <span itemprop='description'><b:include name='description'/></span>
          </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'>
          <b:if cond='data:blog.pageType != &quot;item&quot;'>
          <h1 class='title' itemprop='name'>
            <b:include name='title'/>
          </h1>
<b:else/>
          <p class='title'>
            <b:include name='title'/>
          </p>
</b:if>
            </div>
<span itemprop='description'><b:include name='description'/></span>
          </div>
        </b:if>
    <b:else/>
      <div id='header-inner'>
<h1 class='title' itemprop='name'>
        <a expr:href='data:blog.homepageUrl' itemprop='url' style='display: block'>
          <img expr:alt='data:title' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:title='data:title' itemprop='image'/>
        </a></h1>
        <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
          <span itemprop='description'><b:include name='description'/></span>
        </b:if>
      </div>
    </b:if>
  <b:else/>
    <div id='header-inner'>
      <div class='titlewrapper'>
        <b:if cond='data:blog.pageType != &quot;item&quot;'>
        <h1 class='title' itemprop='name'>
          <b:include name='title'/>
        </h1>
<b:else/>
        <h1 class='title' itemprop='name'>
          <b:include name='title'/>
        </h1>
</b:if>
      </div>
      <div itemprop='description'><b:include name='description'/></div>
    </div>
  </b:if>
</b:includable>
       <b:includable id='description'>
  <div class='descriptionwrapper'>
<p class='description' itemprop='description'><data:description/></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='topTas2' id='topTas2' preferred='yes'>
    <b:widget id='HTML2' locked='false' title='' type='HTML'>
      <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 id='navitions'>
<nav class='navix' id='nav' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement'>
<a class='toggleMenu' href='#'><i class='fa fa-th-list'/> Menu</a>
<!-- secondary navigation menu start -->
<ul class='nav nav-menu2'>
<li><a class='active' href='/'><i class='fa fa-home'/> Home</a></li>
<li><a href='#'>Menu</a></li>
<li><a href='#'>Menu 1</a></li>
<li><a href='#'>Menu 2</a></li>
<li><a href='#'>Sub Menu</a>
    <ul>
    <li><a href='#'>Sub Menu 1</a></li>
    <li><a href='#'>Sub Menu 2</a></li>
    </ul>
</li>
</ul>
    <!-- secondary navigation menu end -->
<form action='/search' id='search-form' method='get' style='display: inline;'><table><tbody><tr><td class='search-box'><input id='search-box' name='q' onblur='if(this.value==&apos;&apos;)this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=&apos;&apos;;' type='text' value='Search...'/></td>
<td class='search-button'><input id='search-button' type='submit' value='Search'/></td></tr></tbody></table></form>
</nav>
</div>
<div class='clear'/>
<div id='w-ctf'>
  <b:section class='ads-banner' id='ads-banner' preferred='yes'/>
<div id='mnceo-tr' itemprop='mainContentOfPage'>
<b:section class='main' id='main' showaddelement='no'>
  <b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'>
    <b:includable id='main' var='top'>
<b:include data='posts' name='breadcrumb'/>
  <b:if cond='data:mobile == &quot;false&quot;'>
    <div class='blog-posts hfeed'>
      <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:include data='post' name='comments'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <b:include data='post' name='comments'/>
</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>
    <div class='clear'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
    <b:include name='page-navi'/>
    <b:else/>
    <b:if cond='data:blog.pageType == &quot;archive&quot;'>
        <b:include name='page-navi'/>
    </b:if>
</b:if>
 <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:if>
  <b:if cond='data:top.showDummy'>
    <data:top.dummyBootstrap/>
  </b:if>
</b:includable>
    <b:includable id='backlinkDeleteIcon' var='backlink'/>
    <b:includable id='backlinks' var='post'/>
    <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='tag' title='Beranda'>Beranda</a></span> &#187; <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- Breadcrumb Untuk Halaman Pos -->
<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' title='Beranda'><span itemprop='title'>Beranda</span></a></span>
<b:loop values='data:post.labels' var='label'>
&#187; <span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:label.url + &quot;?max-results=5&quot;' expr:title='data:label.name' itemprop='url'><span itemprop='title'><data:label.name/></span></a></span>
</b:loop>
&#187; <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag' title='Beranda'>Beranda</a></span> &#187; <span>Tanpa Label</span> &#187; <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<!-- Breadcrumb Untuk Label Search dan Search Pages -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl' title='Beranda'>Beranda</a></span> &#187; <span>Arsip untuk <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' title='Beranda'>Beranda</a></span> &#187; <span>Semua posting</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl' title='Beranda'>Beranda</a></span> &#187; <span>Penelusuran <data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
    <b:includable id='comment-form' var='post'>
       <div class='comment-form'>
        <h4 id='comment-post-message'><data:postCommentMsg/></h4>
        <p><data:blogCommentMessage/></p>
        <data:blogTeamBlogMessage/>
 <b:if cond='data:blog.pageType == &quot;static_page&quot;'><a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;pageID=&quot; + data:post.id' id='comment-editor-src'/></b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + data:post.id' id='comment-editor-src'/></b:if>
<iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' id='comment-editor' name='comment-editor'/>
        <data:post.friendConnectJs/>
        <data:post.cmtfpIframe/>
        <script type='text/javascript'>BLOG_CMT_createIframe(&quot;<data:post.appRpcRelayPath/>&quot;,&quot;<data:post.communityId/>&quot;);</script>
       </div>
      </b:includable>
    <b:includable id='commentDeleteIcon' var='comment'/>
    <b:includable id='comment_count_picker' var='post'/>
    <b:includable id='comment_picker' var='post'/>
    <b:includable id='comments' var='post'>
     <div class='comments' id='comments' itemscope='itemscope' itemtype='http://schema.org/Comment'>
<meta expr:content='data:post.title' itemprop='about'/>
    <meta expr:content='data:post.canonicalUrl' itemprop='discussionUrl'/>
        <b:if cond='data:post.allowComments'>
          <h5> <b:if cond='data:post.numComments == 0'> <span itemprop='interactionCount'>0</span> Komentar untuk &quot;<data:blog.pageName/>&quot;</b:if> <b:if cond='data:post.numComments == 1'> <span itemprop='interactionCount'>1</span> Komentar untuk &quot;<data:blog.pageName/>&quot; </b:if> <b:if cond='data:post.numComments &gt; 1'> <span itemprop='interactionCount'><data:post.numComments/></span> Komentar untuk &quot;<data:blog.pageName/>&quot; </b:if> </h5>
    <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 class='clear'/>
    <div id='comment_block'>
      <b:loop values='data:post.comments' var='comment'>
         <div data-level='0' expr:class='data:comment.adminClass' expr:id='data:comment.anchorName' itemprop='comment' itemscope='itemscope' itemtype='http://schema.org/UserComments'>
          <b:if cond='data:comment.isDeleted'>
            <span class='deleted-comment'>
              <data:comment.body/> - <a class='comment_hapus' expr:href='&quot;http://www.blogger.com/delete-comment.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + data:comment.id' expr:title='data:top.deleteCommentMsg'>
                Hapus
              </a>
            </span>
            <b:else/>
            <b:if cond='data:post.adminClass == data:comment.adminClass'>
              &lt;div class=&#39;comment_inner comment_admin&#39;&gt;
              <b:else/>
              &lt;div class=&#39;comment_inner&#39;&gt;
            </b:if>
            <div class='comment_header'>
              <div class='comment_avatar'>
                <img alt='avatar' expr:src='data:comment.authorAvatarSrc' expr:title='data:comment.author'/>
              </div>
 <a class='comment_reply' expr:href='&quot;#r_&quot;+data:comment.anchorName' expr:id='&quot;r&quot;+data:comment.anchorName' itemprop='replyToUrl' onclick='javascript:Display_Reply_Form(this)' title='Balas'>Balas</a>
            </div>
            <div class='comment_body'>
<div class='cm_head'>
<div class='cm_infonm'>
              <div class='comment_name'>
                <b:if cond='data:comment.authorUrl'>
                  <a expr:href='data:comment.authorUrl' expr:title='data:comment.author' rel='nofollow' target='_blank'>
                   <span itemprop='creator'><data:comment.author/></span>
                  </a>
                  <b:else/>
                 <span itemprop='creator'><data:comment.author/></span>
                </b:if>
                <b:if cond='data:comment.author == data:post.author'/>
              </div>
              <div class='comment_service'>
                <a expr:href='data:comment.url' rel='nofollow' title='Permalink'>
                   <span class='comment_date' itemprop='commentTime'>
                      <data:comment.timestamp/>
                    </span>
                </a>
              </div>
</div>
<a class='comment-delete' expr:href='&quot;http://www.blogger.com/delete-comment.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + data:comment.id' expr:title='data:top.deleteCommentMsg'>
<img alt='delete' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuukMivJIZQRdWFkYarhf_5R5QXKtJhCzMoidyB2Eb4CjWIACdOmz_SFJPRdBMxdo_43K3ybZcwck8t5DqdZsKtAMG8TA2fVM7fci0NBZY6IP3fbOPabzXUU072kuOaxgVJfaS2v3jGIg/s1600/delete4.png' title='Hapus Komentar'/>
</a>   
</div>
              <p itemprop='commentText'><data:comment.body/></p>
            </div>
            <div class='clear'/>
            &lt;/div&gt;
            <div class='clear'/>
            <div class='comment_child'/>
            <div class='comment_reply_form' expr:id='&quot;r_f_&quot;+data:comment.anchorName'/>
          </b:if>
        </div>
      </b:loop>
    </div>
    <div class='clear'/>
    <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 class='clear'/>
    <div class='comment_form'>
      <b:if cond='data:post.embedCommentForm'>
        <b:if cond='data:post.allowNewComments'>
          <div class='comment_emo_list'/>
          <b:include data='post' name='threaded-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' expr:title='data:postCommentMsg'>
            <data:postCommentMsg/>
          </a>
        </b:if>
      </b:if>
    </div>
  </b:if>
</div>
  <script type='text/javascript'>
    //<![CDATA[
    if (typeof(jQuery) == 'undefined') {
      //output the script (load it from google api)
      document.write("<scr" + "ipt type=\"text/javascript\" src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js\"></scr" + "ipt>");
    }
    //]]>
  </script>
  <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
  <script type='text/javascript'>  
    <b:if cond='data:post.numComments != 0'>
      var Items = <data:post.commentJso/>;
        var Msgs = <data:post.commentMsgs/>;
            var Config = <data:post.commentConfig/>;
                <b:else/>
                  var Items = {
                  };
    var Msgs = {
    };
    var Config = {
      &#39;
      maxThreadDepth&#39;
      :&#39;
      0&#39;
    };
  </b:if>
    //<![CDATA[
Config.maxThreadDepth = 2;
var Cur_Cform_Hdr='.comment_form';var Cur_Cform_Url=$('#comment-editor').attr('src');function trim(a){var b=' \n\r\t\f\x5b\x5d\x7c\x7d\x3c\x3e\x0b\xa0\u2000\u2001\u2002\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200a\u200b\u2028\u2029\u3000';for(var i=0;i<a.length;i++){if(b.indexOf(a.charAt(i))!=-1){a=a.substring(0,i);break}}return a}$('.comment_wrap .comment_body p').html(function(i,h){temp=h.toLowerCase();index=temp.indexOf('@<a href="#c');if(index!=-1){index_tail=temp.indexOf('</a>',index);if(index_tail!=-1){h=h.substring(0,index)+h.substring(index_tail+4)}}return h});function Valid_Par_Id(a){r=a.indexOf('c');if(r!=-1)a=a.substring(r+1);return a}function Cform_Ins_ParID(a){a='&parentID='+a+'#%7B';n_cform_url=Cur_Cform_Url.replace(/#%7B/,a);return n_cform_url}function Reset_Comment_Form(){html=$(Cur_Cform_Hdr).html();$(Cur_Cform_Hdr).html('');Cur_Cform_Hdr='.comment_form';$(Cur_Cform_Hdr).html(html);$('#comment-editor').attr('src',Cur_Cform_Url)}function Display_Reply_Form(e){par_id=$(e).attr('id');par_id=Valid_Par_Id(par_id);html=$(Cur_Cform_Hdr).html();if(Cur_Cform_Hdr=='.comment_form'){reset_html='<a href="#origin_cform" onclick="Reset_Comment_Form()">'+Msgs.addComment+'</a><a name="origin_cform"/>';$(Cur_Cform_Hdr).html(reset_html)}else{$(Cur_Cform_Hdr).html('')}Cur_Cform_Hdr='#r_f_c'+par_id;$(Cur_Cform_Hdr).html(html);$('#comment-editor').attr('src',Cform_Ins_ParID(par_id))}cur_url=window.location.href;search_formid='#comment-form_';search_index=cur_url.indexOf(search_formid);if(search_index!=-1){ret_id=cur_url.substring(search_index+search_formid.length);Display_Reply_Form('#rc'+ret_id)}for(var i=0;i<Items.length;i++){if('parentId'in Items[i]){var par_id=Items[i].parentId;var par_level=parseInt($('#c'+par_id+':first').attr('data-level'));$('#c'+par_id+' .comment_child:first').html(function(a,b){var c=Items[i].id;if(par_level>=Config.maxThreadDepth){$('#c'+c+':first .comment_reply').remove()}var d=$('#c'+c+':first').html();d='<div class="comment_wrap" id="c'+c+'" data-level="'+(par_level+1)+'">'+d+'</div>';$('#c'+c).remove();return(b+d)})}}var avatar=$("#comments");avatar.find('.comment_avatar img').each(function(){var a=$(this).attr('src');$(this).show().attr('src',a.replace(/\/s[0-9]+(\-c)?\//,"/s45-c/"))});
//]]>
</script>
</b:includable>
    <b:includable id='feedLinks'/>
    <b:includable id='feedLinksBody' var='links'/>
    <b:includable id='iframe_comments' var='post'/>
    <b:includable id='mobile-index-post' var='post'/>
    <b:includable id='mobile-main' var='top'/>
    <b:includable id='mobile-nextprev'/>
    <b:includable id='mobile-post' var='post'/>
    <b:includable id='nextprev'>
      <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <span id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
      </span>
    </b:if>
    <b:if cond='data:olderPageUrl'>
      <span id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
      </span>
    </b:if>
     <div class='mobile-link-button' id='blog-pager-home-link'>
    <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
    </div>
    <div class='mobile-desktop-link'>
      <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
    </div>
<div class='clear'/>
  </div>
      </b:includable>
    <b:includable id='page-navi'>
<div class='pagenavi'>
<script type='text/javascript'>
var pageNaviConf = {
perPage: 5,
numPages: 5,
firstText: &quot;First&quot;,
lastText: &quot;Last&quot;,
nextText: &quot;Next&quot;,
prevText: &quot;Prev&quot;
}
</script>
<script type='text/javascript'>
//<![CDATA[
function pageNavi(o){var m=location.href,l=m.indexOf("/search/label/")!=-1,a=l?m.substr(m.indexOf("/search/label/")+14,m.length):"";a=a.indexOf("?")!=-1?a.substr(0,a.indexOf("?")):a;var g=l?"/search/label/"+a+"?updated-max=":"/search?updated-max=",k=o.feed.entry.length,e=Math.ceil(k/pageNaviConf.perPage);if(e<=1){return}var n=1,h=[""];l?h.push("/search/label/"+a+"?max-results="+pageNaviConf.perPage):h.push("/?max-results="+pageNaviConf.perPage);for(var d=2;d<=e;d++){var c=(d-1)*pageNaviConf.perPage-1,b=o.feed.entry[c].published.$t,f=b.substring(0,19)+b.substring(23,29);f=encodeURIComponent(f);if(m.indexOf(f)!=-1){n=d}h.push(g+f+"&max-results="+pageNaviConf.perPage)}pageNavi.show(h,n,e)}pageNavi.show=function(f,e,a){var d=Math.floor((pageNaviConf.numPages-1)/2),g=pageNaviConf.numPages-1-d,c=e-d;if(c<=0){c=1}endPage=e+g;if((endPage-c)<pageNaviConf.numPages){endPage=c+pageNaviConf.numPages-1}if(endPage>a){endPage=a;c=a-pageNaviConf.numPages+1}if(c<=0){c=1}var b='<span class="pages">Pages '+e+' of '+a+"</span> ";if(c>1){b+='<a href="'+f[1]+'">'+pageNaviConf.firstText+"</a>"}if(e>1){b+='<a href="'+f[e-1]+'">'+pageNaviConf.prevText+"</a>"}for(i=c;i<=endPage;++i){if(i==e){b+='<span class="current">'+i+"</span>"}else{b+='<a href="'+f[i]+'">'+i+"</a>"}}if(e<a){b+='<a href="'+f[e+1]+'">'+pageNaviConf.nextText+"</a>"}if(endPage<a){b+='<a href="'+f[a]+'">'+pageNaviConf.lastText+"</a>"}document.write(b)};(function(){var b=location.href;if(b.indexOf("?q=")!=-1||b.indexOf(".html")!=-1){return}var d=b.indexOf("/search/label/")+14;if(d!=13){var c=b.indexOf("?"),a=(c==-1)?b.substring(d):b.substring(d,c);document.write('<script type="text/javascript" src="/feeds/posts/summary/-/'+a+'?alt=json-in-script&callback=pageNavi&max-results=99999"><\/script>')}else{document.write('<script type="text/javascript" src="/feeds/posts/summary?alt=json-in-script&callback=pageNavi&max-results=99999"><\/script>')}})();
        //]]>
</script>
    </div>
    </b:includable>
    <b:includable id='post' var='post'>
 <article class='post hentry' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>  
    <b:if cond='data:post.title'>
      <h2 class='post-title entry-title' expr:title='data:post.title' itemprop='name headline'>
      <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'>
          <b:if cond='data:blog.url != 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:else/>
          <data:post.title/>
        </b:if>
      </b:if>
      </h2>
    </b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'> 
    <b:if cond='data:post.title'>
      <h2 class='post-title entry-title' expr:title='data:post.title' itemprop='name headline'>
      <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'>
          <b:if cond='data:blog.url != 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:else/>
          <data:post.title/>
        </b:if>
      </b:if>
      </h2>
    </b:if>
</b:if>
    <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
      <b:if cond='data:blog.pageType != &quot;item&quot;'>
 <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  <div class='post-thumbnail'>
<b:if cond='data:post.thumbnailUrl'>
      <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 expr:alt='data:post.title' expr:src='data:post.firstImageUrl' expr:title='data:post.title' itemprop='image'/></a>
      <b:else/>
      <a expr:href='data:post.url'><div class='postthumb'><img expr:alt='data:post.title' expr:title='data:post.title' itemprop='image' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpC0nPIOrGbFcaFH1cbtquFGlZBjo7pFehlYR-04ZoFZXR3swS7frIr4O4Wh3EINaEKf0Wo8X9cg_NWaH54_IJXgX7MB6gQgtEihmdgRRZtjiP2LnPIB3WqsjZCic5OmyScUcxO1mNQOA/s160/picture_not_available.png'/></div></a>
      </b:if>
      </b:if>
  </div>
<b:if cond='data:post.title'>
      <h2 class='post-title entry-title' expr:title='data:post.title' itemprop='name headline'>
      <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'>
          <b:if cond='data:blog.url != 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:else/>
          <data:post.title/>
        </b:if>
      </b:if>
      </h2>
    </b:if>
      <div class='post-info'>
        <div class='post-info-icon admin'>
           <span class='post-author vcard'>
                          <b:if cond='data:top.showAuthor'>
                            <b:if cond='data:post.authorProfileUrl'>
 <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/person'>
 <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>                    
   <a class='author-meta g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='Admin'><data:post.author/></a></span>
                              <b:else/>
<meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>                          
<span itemprop='name'><data:post.author/></span>
</span>
                            </b:if>
                          </b:if>
                        </span>                   
        </div>
        <div class='post-info-icon tanggal'>
  <span class='post-timestamp'>
                          <b:if cond='data:top.showTimestamp'>
                            <b:if cond='data:post.url'>
<meta expr:content='data:post.canonicalUrl' itemprop='url'/>                             
<span class='updated' expr:title='data:post.timestampISO8601' itemprop='datePublished'>
                                  <data:post.timestamp/>
                                </span>
                            </b:if>
                          </b:if>
                        </span>
        </div>
        <div class='post-info-icon komentar'>
          <b:if cond='data:post.allowComments'>
            <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
            <b:if cond='data:post.numComments == 1'> 1 <data:top.commentLabel/>
                <b:else/>
                <data:post.numComments/>               
                <data:top.commentLabelPlural/>
              </b:if>
            </a>
          </b:if>
        </div>
      </div>
<div itemprop='description articleBody'>
  <data:post.snippet/>
</div>
 <b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<div class='post-info'>
           <div class='post-info-icon admin'>
           <span class='post-author vcard'>
                      
Oleh  <b:if cond='data:top.showAuthor'><data:top.authorLabel/></b:if><a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
            <span class='fn'><data:post.author/></span></a></span>                 
        </div>
           <div class='post-info-icon tanggal'>
              <a class='updated' expr:href='data:post.url' rel='bookmark' title='permanent link'><span class='updated' expr:title='data:post.timestampISO8601'><data:post.timestamp/></span></a>
           </div>
  <div class='clear'/>
  </div>
   </b:if>
   <div itemprop='description articleBody'>
  <data:post.body/>
   </div>
 </b:if>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='post-info'>
           <div class='post-info-icon admin'>
           <span class='post-author vcard'>
                          <b:if cond='data:top.showAuthor'>
                            <b:if cond='data:post.authorProfileUrl'>
Oleh <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/person'>
 <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>                    
   <a class='author-meta g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='Admin'><data:post.author/></a></span>
                              <b:else/>
<meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>                          
<span itemprop='name'><data:post.author/></span>
</span>
                            </b:if>
                          </b:if>
                        </span>                   
        </div>
           <b:if cond='data:post.dateHeader'>
           <div class='post-info-icon tanggal'>
              <span class='updated published' expr:title='data:post.timestampISO8601' itemprop='datePublished'>
              <data:post.dateHeader/>
              </span>
           </div>
           </b:if>
  <div class='clear'/>
  </div>
   </b:if>
 <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;action=like&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:100%; height:25px; padding-top: 4px; border-top: 1px solid #eee; border-bottom: 1px solid #eee;'/>
<div itemprop='description articleBody'>
 <data:post.body/>
</div>
<div id='button-share'>
<h4>Share :</h4>
<a class='fb' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url' rel='nofollow' target='_blank' title='Share ke Facebook'> Facebook</a>
<a class='tw' expr:href='&quot;http://twitter.com/share?url=&quot; + data:post.url' rel='nofollow' target='_blank' title='Share ke Twitter'>Twitter</a>
<a class='gp' expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.url' rel='nofollow' target='_blank' title='Share ke Google+'>Google+</a>
<script>
//<![CDATA[
var uri = window.location.href;
var ttle = document.title;
document.write("<a class='me' href='http://www.lintas.me/?c=bookmarklet&url="+uri+"&title="+ttle+"' title='Share ke Lintasme' rel='nofollow'> Lintasme</a>");
//]]>
</script>
 </div>
</b:if>
      <div style='clear: both;'/> <!-- clear for photos floats -->
    </div>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='blog-pager' id='blog-pager'>
 <div class='pager-isi'>
<div id='blog-pager-newer-link'>
    <b:if cond='data:newerPageUrl'>
        <h6>Previous</h6>
      <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'>
        <data:newerPageTitle/>
      </a>
    </b:if>
   </div>
<div id='blog-pager-older-link'>
    <b:if cond='data:olderPageUrl'>
        <h6>Next</h6>
      <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'>
        <data:olderPageTitle/>
      </a>
    </b:if>
   </div>
 </div>
  <div class='clear'/>
  </div>
<script type='text/javascript'>
$(document).ready(function(){
var olderLink = $(&quot;a.blog-pager-older-link&quot;).attr(&quot;href&quot;);
$(&quot;a.blog-pager-older-link&quot;).load(olderLink+&quot; .post-title:first&quot;, function() {
var olderLinkTitle = $(&quot;a.blog-pager-older-link&quot;).text();
$(&quot;a.blog-pager-older-link&quot;).text(olderLinkTitle);//rgt
});
var newerLink = $(&quot;a.blog-pager-newer-link&quot;).attr(&quot;href&quot;);
$(&quot;a.blog-pager-newer-link&quot;).load(newerLink+&quot; .post-title:first&quot;, function() {
var newerLinkTitle = $(&quot;a.blog-pager-newer-link:first&quot;).text();
$(&quot;a.blog-pager-newer-link&quot;).text(newerLinkTitle);
});
});</script>
</b:if>
  </article>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
      <div class='related-post' id='related-post'/>
  <script type='text/javascript'>
  var labelArray = [<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
          &quot;<data:label.name/>&quot;<b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
      </b:loop></b:if>];
  var relatedPostConfig = {
      homePage: &quot;<data:blog.homepageUrl/>&quot;,
      widgetTitle: &quot;&lt;h4&gt;Related Post:&lt;/h4&gt;&quot;,
      numPosts: 5,
      containerId: &quot;related-post&quot;,
      newTabLink: false,
      widgetStyle: 1,
      callBack: function() {}
  };
  </script>
<script type='text/javascript'>
//<![CDATA[
/*! Creator JS Related Post Widget for Blogger by Taufik Nurrohman => http://gplus.to/tovic */
/*! Telah dimodifikasi oleh you w4hyou => http://info-kmu.blogspot.com/ */
var randomRelatedIndex,showRelatedPost;(function(e,t,n){var r={widgetTitle:"<h4>Artikel Terkait:</h4>",homePage:"http://info-kmu.blogspot.com",numPosts:7,titleLength:"auto",callBack:function(){}};for(var i in relatedPostConfig){r[i]=relatedPostConfig[i]=="undefined"?r[i]:relatedPostConfig[i]}var s=function(e){var r=t.createElement("script");r.type="text/javascript";r.src=e;n.appendChild(r)},o=function(e,t){return Math.floor(Math.random()*(t-e+1))+e},u=function(e){var t=e.length,n,r;if(t===0){return false}while(--t){n=Math.floor(Math.random()*(t+1));r=e[t];e[t]=e[n];e[n]=r}return e},a=typeof labelArray=="object"&&labelArray.length>0?"/-/"+u(labelArray)[0]:"",f=function(e){var t=e.feed.openSearch$totalResults.$t-r.numPosts,n=o(1,t>0?t:1);s(r.homePage.replace(/\/$/,"")+"/feeds/posts/summary"+a+"?alt=json-in-script&orderby=updated&start-index="+n+"&max-results="+r.numPosts+"&callback=showRelatedPost")},l=function(e){var t=document.getElementById(r.containerId),n=u(e.feed.entry),i=r.widgetStyle,s=r.widgetTitle+"<ul>",o=r.newTabLink?' target="_blank"':"",a='<span style="display:block;clear:both;"></span>',f,l,c,h,p;if(!t){return}for(var v=0;v<r.numPosts;v++){if(v==n.length){break}l=n[v].title.$t;c=r.titleLength!=="auto"&&r.titleLength<l.length?l.substring(0,r.titleLength)+"&hellip;":l;for(var m=0,g=n[v].link.length;m<g;m++){f=n[v].link[m].rel=="alternate"?n[v].link[m].href:"#"}s+='<li><a title="'+l+'" href="'+f+'"'+o+">"+c+"</a></li>"}t.innerHTML=s+="</ul>"+a;r.callBack()};randomRelatedIndex=f;showRelatedPost=l;s(r.homePage.replace(/\/$/,"")+"/feeds/posts/summary"+a+"?alt=json-in-script&orderby=updated&max-results=0&callback=randomRelatedIndex")})(window,document,document.getElementsByTagName("head")[0])
//]]>
</script>
</b:if>
</b:includable>
    <b:includable id='postQuickEdit' var='post'/>
    <b:includable id='shareButtons' var='post'/>
    <b:includable id='status-message'/>
    <b:includable id='threaded-comment-form' var='post'>
<div class='comment-form' id='comment-form'>
 <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'><a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;pageID=&quot; + data:post.id' id='comment-editor-src'/></b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + data:post.id' id='comment-editor-src'/></b:if>
      <iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' id='comment-editor' name='comment-editor'/>
    <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'/>
    <b:includable id='threaded_comments' var='post'/>
  </b:widget>
</b:section>

<div class='clear'/>
</div>
<aside id='sdv-right'>
  <b:section class='sidebar' id='sidebar' preferred='yes'>
    <b:widget id='HTML1' locked='false' title='' type='HTML'>
      <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &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='Popular Posts' type='PopularPosts'>
      <b:includable id='main'>
  <b:if cond='data:title'><h2><data:title/></h2></b:if>
  <div class='widget-content popular-posts'>
    <ul>
      <b:loop values='data:posts' var='post'>
      <li>
        <b:if cond='data:showThumbnails == &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>
   
  </div>
</b:includable>
    </b:widget>
    <b:widget id='Label2' locked='false' title='Labels' type='Label'>
      <b:includable id='main'>
  <b:if cond='data:title'>
    <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>
  </div>
</b:includable>
    </b:widget>
  </b:section>
</aside>
<div class='clear'/>
</div>
<div id='footer-wrap'>
  <b:section class='left' id='left' preferred='yes'/>
  <b:section class='center' id='center' preferred='yes'/>
  <b:section class='right' id='right' preferred='yes'/>
</div>
<div id='footer-wrapper'>
<div id='footer'>
  <div style='float:left;text-align:left'>
Copyright &#169; 2015 :  <a expr:href='data:blog.homepageUrl' expr:title='data:blog.title'><data:blog.title/></a><br/></div>
  <div style='float:right;text-align:right'>Design Template by <a href='http://irfansyahputra.web.id/' target='_blank' title='Irfan Syahputra'>Irfan Syahputra</a> and Published by <a href='http://mahatemplates.blogspot.com/' target='_blank' title='Maha Templates'>Maha Templates</a><br/></div>
</div></div>

<div class='clear'/>
</div>
  <a href='#' id='top'><img alt='Back To Top' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaaA64m62O2bgQ4bIynU9I2hVEDg1ZefpTNMo2HxWiCW-yzKUS3DmldjRQY8vJE85r9SchxLk_L6fw8OKb6tLcPS8e4tx2q7gNk7wbWINBIzt7D5NB1bcJf640lfhXS-m3VoBvDPaMmdvT/s1600/btp.png'/></a>
<b:else/>
<style type='text/css'>
a:link{color:#859ce6;text-decoration:none}
a:visited{color:#859ce6;text-decoration:none}
a:hover{color:#333;text-decoration:none}
#search-box{position:relative;width:350px;margin:10px auto}
#cse-search-box{height:30px;border-radius:2px;background-color:#fff;overflow:hidden;border:1px solid #bbb}
#search-text{font-size:12px;color:#ddd;border-width:0;background:transparent}
#search-box input[type=&quot;text&quot;]{width:85%;padding:5px 20px 12px 0;color:#666;outline:none}
#search-button{position:absolute;top:0;right:0;height:32px;width:20px;margin-top:10px;font-size:14px;color:#fff;text-align:center;line-height:0;border-width:0;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeVavd_LaRt5ojj33W23QQ2Pt13B_OcoAxefC18GgGc6qlWRD132z3rAPOggqMCZewavXWf2UXpP7tyG6G7CeuybX_3qK2HPcJ4K1Ul3F9hEsLGoxaZuYEfVX4xvR2AFCs_I8QSGRqB1c/s200/search-c.png) no-repeat;cursor:pointer;outline:none}
#error-page{font:normal normal 14px Arial,sans-serif;line-height:1.625;background-color:#e9e9e9;position:fixed!important;position:absolute;text-align:center;top:0;right:0;bottom:0;left:0;z-index:99999}
#error-inner{margin:11% auto}
#error-inner .box-404{font-family:Arial,Sans-Serif;font-size:100px;color:#c0392b;margin:0 auto;}
#error-inner h1{text-transform:uppercase;text-decoration:none;font-size:140%;margin:0;padding:0;}
#error-inner p{line-height:0.7em;font-size:15px}
</style>
<div id='error-page'>
<div id='error-inner'>
<div class='box-404'>404</div>
<h1>Halaman tidak ditemukan</h1>
<p>Kemungkinan halaman telah dihapus, atau Anda salah menulis URL</p>
<p>Kembali ke <a expr:href='data:blog.homepageUrl'><data:blog.title/></a></p>
<div id='search-box'>
<form action='/search' id='cse-search-box' method='get'>
<input id='search-text' name='q' onblur='if(this.value==&apos;&apos;)this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=&apos;&apos;' type='text' value='Cari di sini ...'/>
<button id='search-button' type='submit'/>
</form>
</div>
</div>
</div>
</b:if>
<b:include data='blog' name='google-analytics'/>
<script type='text/javascript'>
//<![CDATA[
var ww=document.body.clientWidth;$(document).ready(function(){$(".nav li a").each(function(){if($(this).next().length>0){$(this).addClass("parent")}});$(".toggleMenu").click(function(e){e.preventDefault();$(this).toggleClass("active");$(".nav").toggle()});adjustMenu()});$(window).bind("resize orientationchange",function(){ww=document.body.clientWidth;adjustMenu()});var adjustMenu=function(){if(ww<768){$(".toggleMenu").css("display","inline-block");if(!$(".toggleMenu").hasClass("active")){$(".nav").hide()}else{$(".nav").show()}$(".nav li").unbind("mouseenter mouseleave");$(".nav li a.parent").unbind("click").bind("click",function(e){e.preventDefault();$(this).parent("li").toggleClass("hover")})}else if(ww>=768){$(".toggleMenu").css("display","none");$(".nav").show();$(".nav li").removeClass("hover");$(".nav li a").unbind("click");$(".nav li").unbind("mouseenter mouseleave").bind("mouseenter mouseleave",function(){$(this).toggleClass("hover")})}}
//]]>
</script>
&lt;!--</body>--&gt;&lt;/body&gt;
</HTML>

nbbby Rating: 4.5 Diposkan Oleh: Me

0 komentar:

Posting Komentar