<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<HTML expr:class='data:blog.languageDirection + " no-js rwd " + 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 + "favicon.ico"' rel='icon' type='image/x-icon'/>
<link expr:href='data:blog.url' rel='canonical'/>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default?alt=rss"' expr:title='data:blog.title + " - RSS"' rel='alternate' type='application/rss+xml'/>
<link expr:href='"http://www.blogger.com/feeds/" + data:blog.blogId + "/posts/default"' expr:title='data:blog.title + " - Atom"' 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 == "item"'>
<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 == "index"'>
<b:if cond='data:blog.searchLabel'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "archive"'>
<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 -->
<script type="text/javascript">(function() { var a=window,c="jstiming",d="tick";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]("start",null,b)},h=new e;a.jstiming={Timer:e,load:h};if(a.performance&&a.performance.timing){var i=a.performance.timing,j=a[c].load,k=i.navigationStart,l=i.responseStart;0<k&&l>=k&&(j[d]("_wtsrt",void 0,k),j[d]("wtsrt_","_wtsrt",l),j[d]("tbsd_","wtsrt_"))}
try{var m=null;a.chrome&&a.chrome.csi&&(m=Math.floor(a.chrome.csi().pageT));null==m&&a.gtbExternal&&(m=a.gtbExternal.pageT());null==m&&a.external&&(m=a.external.pageT);m&&(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>=b&&a[c].load[d]("aft")};var p=!1;function q(){p||(p=!0,a[c].load[d]("firstScrollTime"))}a.addEventListener?a.addEventListener("scroll",q,!1):a.attachEvent("onsFroll",q);
})();</script>
<!--[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 == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<title>Archive For <data:blog.pageName/></title>
<meta content='noindex,nofollow,noarchive' name='robots'/>
<b:else/>
<b:if cond='data:blog.pageType == "error_page"'>
<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 == "item"'>
<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 == "item"'>
<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 != "error_page"'>
<style type="text/css"><!-- /* <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: '
';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: "
Courier New",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",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 > 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 > a.prett,#menu a.prett:hover {
background: #fff;
color: #333;
}
#menu a.prett::after {
content: "
";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: "
";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: "
";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 > li {
float: left;
}
.nav-menu2 > li > a {
display: block;
height: 48px;
line-height: 48px;
color: #ffffff;
box-shadow: 0 4px 0 #333333 inset;
}
.nav-menu2 > li > a.active {
background: #222222;
box-shadow: 0 4px 0 #E73138 inset;
}
.nav-menu2 > li:hover > 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 > li.hover > ul {
visibility: visible;
opacity: 10;
}
.nav-menu2 > li > ul:before {
content: "
";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: "
\f107";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="text"] {
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="submit"] {
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="submit"]:hover {
background: #C0392B;
cursor: pointer;
}
#search-form input#search-box[type="text"]: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="http://img1.blogblog.com/img/openid16-rounded.gif"] {
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('data:image/gif;base64,R0lGODlhKwALAPAAAKrD2AAAACH5BAEKAAEAIf4VTWFkZSBieSBBamF4TG9hZC5pbmZvACH/C05FVFNDQVBFMi4wAwEAAAAsAAAAACsACwAAAjIMjhjLltnYg/PFChveVvPLheA2hlhZoWYnfd6avqcMZy1J14fKLvrEs/k+uCAgMkwVAAAh+QQBCgACACwAAAAAKwALAIFPg6+qw9gAAAAAAAACPRSOKMsSD2FjsZqEwax885hh3veMZJiYn8qhSkNKcBy4B2vNsa3pJA6yAWUUGm9Y8n2Oyk7T4posYlLHrwAAIfkEAQoAAgAsAAAAACsACwCBT4OvqsPYAAAAAAAAAj1UjijLAg9hY6maalvcb+IPBhO3eeF5jKTUoKi6AqYLwutMYzaJ58nO6flSmpisNcwwjEfK6fKZLGJSqK4AACH5BAEKAAIALAAAAAArAAsAgU+Dr6rD2AAAAAAAAAJAVI4oy5bZGJiUugcbfrH6uWVMqDSfRx5RGnQnxa6p+wKxNpu1nY/9suORZENd7eYrSnbIRVMQvGAizhAV+hIUAAA7') 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 > 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 > 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 > li.hover > 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="text"] {margin:0 0 0 0;}
#search-form input#search-button[type="submit"] {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 != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<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 == "item"'>
<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: '
Roboto',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: '
Roboto',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 == "static_page"'>
<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 != "error_page"'>
<div expr:class='data:blog.languageDirection' id='luarnya'>
<nav id='menu'>
<input type='checkbox'/>
<label>≡<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('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=id%7cen&amp;hl=en'); 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 == "BEHIND"'>
<b:if cond='data:mobile'>
<div id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<b:if cond='data:blog.pageType != "item"'>
<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='"background-image: url(\"" + data:sourceUrl + "\"); " + "background-position: " + data:backgroundPositionStyleStr + "; " + data:widthStyleStr + "min-height: " + data:height + "_height: " + data:height + "background-repeat: no-repeat; "' id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<b:if cond='data:blog.pageType != "item"'>
<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 + "_headerimg"' expr:src='data:sourceUrl' expr:title='data:title' itemprop='image'/>
</a></h1>
<b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
<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 != "item"'>
<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 != ""'>
<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=='')this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value='';' 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 == "false"'>
<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 == "false"'>
</div></div>
</b:if>
</b:if>
<b:if cond='data:post.isDateStart'>
<div class="date-outer">
</b:if>
<b:if cond='data:post.isDateStart'>
<div class="date-posts">
</b:if>
<div class='post-outer'>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "static_page"'>
<b:include data='post' name='comments'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comments'/>
</b:if>
</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'>
</div></div>
</b:if>
<data:adEnd/>
</div>
<div class='clear'/>
<b:if cond='data:blog.pageType == "index"'>
<b:include name='page-navi'/>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<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("annotations", "1", {"locale": "<data:top.languageCode/>"});
function initialize() {
google.annotations.setApplicationId(<data:top.blogspotReviews/>);
google.annotations.createAll();
google.annotations.fetch();
}
google.setOnLoadCallback(initialize);
</script>
</b:if>
</b:if>
<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 == "static_page"'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag' title='Beranda'>Beranda</a></span> » <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<!-- 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'>
» <span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:label.url + "?max-results=5"' expr:title='data:label.name' itemprop='url'><span itemprop='title'><data:label.name/></span></a></span>
</b:loop>
» <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> » <span>Tanpa Label</span> » <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<!-- Breadcrumb Untuk Label Search dan Search Pages -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl' title='Beranda'>Beranda</a></span> » <span>Arsip untuk <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == ""'>
<span><a expr:href='data:blog.homepageUrl' title='Beranda'>Beranda</a></span> » <span>Semua posting</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl' title='Beranda'>Beranda</a></span> » <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 == "static_page"'><a expr:href='"http://www.blogger.com/comment-iframe.g?blogID=" + data:blog.blogId + "&amp;pageID=" + data:post.id' id='comment-editor-src'/></b:if>
<b:if cond='data:blog.pageType == "item"'><a expr:href='"http://www.blogger.com/comment-iframe.g?blogID=" + data:blog.blogId + "&amp;postID=" + 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("<data:post.appRpcRelayPath/>","<data:post.communityId/>");</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 "<data:blog.pageName/>"</b:if> <b:if cond='data:post.numComments == 1'> <span itemprop='interactionCount'>1</span> Komentar untuk "<data:blog.pageName/>" </b:if> <b:if cond='data:post.numComments > 1'> <span itemprop='interactionCount'><data:post.numComments/></span> Komentar untuk "<data:blog.pageName/>" </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>
 
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
<data:post.olderLinkText/>
</a>
 
<data:post.commentRangeText/>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
<data:post.newerLinkText/>
</a>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
<data:post.newestLinkText/>
</a>
</span>
</b:if>
<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='"http://www.blogger.com/delete-comment.g?blogID=" + data:blog.blogId + "&amp;postID=" + data:comment.id' expr:title='data:top.deleteCommentMsg'>
Hapus
</a>
</span>
<b:else/>
<b:if cond='data:post.adminClass == data:comment.adminClass'>
<div class='comment_inner comment_admin'>
<b:else/>
<div class='comment_inner'>
</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='"#r_"+data:comment.anchorName' expr:id='"r"+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='"http://www.blogger.com/delete-comment.g?blogID=" + data:blog.blogId + "&amp;postID=" + 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'/>
</div>
<div class='clear'/>
<div class='comment_child'/>
<div class='comment_reply_form' expr:id='"r_f_"+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>
 
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
<data:post.olderLinkText/>
</a>
 
<data:post.commentRangeText/>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
<data:post.newerLinkText/>
</a>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
<data:post.newestLinkText/>
</a>
</span>
</b:if>
<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 = {
'
maxThreadDepth'
:'
0'
};
</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 + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>
<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: "First",
lastText: "Last",
nextText: "Next",
prevText: "Prev"
}
</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 == "item"'>
<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 == "static_page"'>
<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='"post-body-" + data:post.id'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<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("<data:post.thumbnailUrl/>","<data:post.title/>"));
</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 == "static_page"'>
<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 == "item"'>
<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='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&action=like&layout=standard&show_faces=false&width=450&font=arial&colorscheme=light"' 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='"http://www.facebook.com/sharer.php?u=" + data:post.url' rel='nofollow' target='_blank' title='Share ke Facebook'> Facebook</a>
<a class='tw' expr:href='"http://twitter.com/share?url=" + data:post.url' rel='nofollow' target='_blank' title='Share ke Twitter'>Twitter</a>
<a class='gp' expr:href='"https://plus.google.com/share?url=" + 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 == "item"'>
<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 + "_blog-pager-newer-link"' 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 + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>
<data:olderPageTitle/>
</a>
</b:if>
</div>
</div>
<div class='clear'/>
</div>
<script type='text/javascript'>
$(document).ready(function(){
var olderLink = $("a.blog-pager-older-link").attr("href");
$("a.blog-pager-older-link").load(olderLink+" .post-title:first", function() {
var olderLinkTitle = $("a.blog-pager-older-link").text();
$("a.blog-pager-older-link").text(olderLinkTitle);//rgt
});
var newerLink = $("a.blog-pager-newer-link").attr("href");
$("a.blog-pager-newer-link").load(newerLink+" .post-title:first", function() {
var newerLinkTitle = $("a.blog-pager-newer-link:first").text();
$("a.blog-pager-newer-link").text(newerLinkTitle);
});
});</script>
</b:if>
</article>
<b:if cond='data:blog.pageType == "item"'>
<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'>
"<data:label.name/>"<b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop></b:if>];
var relatedPostConfig = {
homePage: "<data:blog.homepageUrl/>",
widgetTitle: "<h4>Related Post:</h4>",
numPosts: 5,
containerId: "related-post",
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)+"…":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 == "static_page"'><a expr:href='"http://www.blogger.com/comment-iframe.g?blogID=" + data:blog.blogId + "&amp;pageID=" + data:post.id' id='comment-editor-src'/></b:if>
<b:if cond='data:blog.pageType == "item"'><a expr:href='"http://www.blogger.com/comment-iframe.g?blogID=" + data:blog.blogId + "&amp;postID=" + 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('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
</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 != ""'>
<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 == "false"'>
<b:if cond='data:showSnippets == "false"'>
<!-- (1) No snippet/thumbnail -->
<a expr:href='data:post.href'><data:post.title/></a>
<b:else/>
<!-- (2) Show only snippets -->
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
<b:else/>
<b:if cond='data:showSnippets == "false"'>
<!-- (3) Show only thumbnails -->
<div class='item-thumbnail-only'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
</div>
<div style='clear: both;'/>
<b:else/>
<!-- (4) Show snippets and thumbnails -->
<div class='item-content'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</div>
<div style='clear: both;'/>
</b:if>
</b:if>
</li>
</b:loop>
</ul>
</div>
</b:includable>
</b:widget>
<b:widget id='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='"widget-content " + data:display + "-label-widget-content"'>
<b:if cond='data:display == "list"'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
</li>
</b:loop>
</ul>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='"label-size label-size-" + data:label.cssSize'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if>
</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 © 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="text"]{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=='')this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=''' 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>
<!--</body>--></body>
</HTML>
Selasa, 05 Mei 2015
nbbby
Langganan:
Posting Komentar (Atom)
0 komentar:
Posting Komentar