Document
Document
>
<!DOCTYPE html>
<HTML expr:dir='data:blog.languageDirection' lang='id'>
<b:class cond='data:blog.pageType == "static_page"' name='static_page'/>
<head>
<meta charset='utf-8'/>
<meta content='width=device-width,minimum-scale=1,initial-scale=1' name='viewport'/>
<!--[if IE]><meta content='IE=edge; IE=9; IE=8; IE=7; chrome=1' http-equiv='X-UA-
Compatible'/><![endif]-->
<link as='script' href='https://www.google-analytics.com/analytics.js' rel='preload'/>
<b:if cond='data:blog.pageType not in {"item"}'>
<link as='script'
href='https://cdn.jsdelivr.net/gh/KompiAjaib/js@master/kompiflexible8_home2.js'
rel='preload'/>
</b:if>
<b:if cond='data:blog.pageType in {"item"}'>
<link as='script'
href='https://cdn.jsdelivr.net/gh/KompiAjaib/js@master/kompiflexible8_post12.js'
rel='preload'/>
</b:if>
<link crossorigin='' href='https://1.bp.blogspot.com' rel='preconnect dns-prefetch'/><link
crossorigin='' href='https://2.bp.blogspot.com' rel='preconnect dns-prefetch'/><link
crossorigin='' href='https://3.bp.blogspot.com' rel='preconnect dns-prefetch'/><link
crossorigin='' href='https://4.bp.blogspot.com' rel='preconnect dns-prefetch'/><link
crossorigin='' href='https://www.blogger.com' rel='preconnect dns-prefetch'/><link crossorigin=''
href='https://fonts.googleapis.com' rel='preconnect dns-prefetch'/><link crossorigin=''
href='https://resources.blogblog.com' rel='preconnect dns-prefetch'/><link crossorigin=''
href='https://www.youtube.com' rel='preconnect dns-prefetch'/><link crossorigin=''
href='https://feedburner.google.com' rel='preconnect dns-prefetch'/><link crossorigin=''
href='https://feeds.feedburner.com' rel='preconnect dns-prefetch'/><link crossorigin=''
href='https://github.com' rel='preconnect dns-prefetch'/><link crossorigin=''
href='https://apis.google.com' rel='preconnect dns-prefetch'/><link crossorigin=''
href='https://www.google-analytics.com' rel='preconnect dns-prefetch'/><link crossorigin=''
href='https://pagead2.googlesyndication.com' rel='preconnect dns-prefetch'/><link
crossorigin='' href='https://googleads.g.doubleclick.net' rel='preconnect dns-prefetch'/><link
crossorigin='' href='https://www.gstatic.com' rel='preconnect dns-prefetch'/><link crossorigin=''
href='https://www.googletagservices.com' rel='preconnect dns-prefetch'/><link crossorigin=''
href='https://tpc.googlesyndication.com' rel='preconnect dns-prefetch'/><link crossorigin=''
href='https://fonts.gstatic.com' rel='preconnect dns-prefetch'/><link crossorigin=''
href='https://lh3.googleusercontent.com' rel='preconnect dns-prefetch'/><link crossorigin=''
href='https://tpc.googlesyndication.com' rel='preconnect dns-prefetch'/><link crossorigin=''
href='https://www.googletagmanager.com' rel='preconnect dns-prefetch'/><link crossorigin=''
href='https://cdn.staticaly.com' rel='preconnect dns-prefetch'/><link crossorigin=''
href='https://cdn.jsdelivr.net' rel='preconnect dns-prefetch'/>
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<b:if cond='data:blog.pageType == "error_page"'>
<title>404: Page Not Found | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>
</b:if>
<!-- Chrome, Firefox OS and Opera -->
<meta content='#469cf9' name='theme-color'/>
<!-- Windows Phone -->
<meta content='#469cf9' name='msapplication-navbutton-color'/>
<link href='https://cdn.jsdelivr.net/gh/KompiAjaib/js@master/manifest.json' rel='manifest'/>
<meta content='blogger' name='generator'/>
<link expr:href='data:blog.homepageUrl + "favicon.ico"' rel='icon' type='image/x-
icon'/>
<link href='https://3.bp.blogspot.com/-3gq6Fk2qUaA/XRDrWo_L5qI/AAAAAAAAH-
s/s4oohBdItyI_nV-PudNgKCYUA0ph2VYAACLcBGAs/s32/Untitled-1.png' rel='icon' sizes='32x32'/>
<link href='https://3.bp.blogspot.com/-3gq6Fk2qUaA/XRDrWo_L5qI/AAAAAAAAH-
s/s4oohBdItyI_nV-PudNgKCYUA0ph2VYAACLcBGAs/s192/Untitled-1.png' rel='icon'
sizes='192x192'/>
<link href='https://3.bp.blogspot.com/-3gq6Fk2qUaA/XRDrWo_L5qI/AAAAAAAAH-
s/s4oohBdItyI_nV-PudNgKCYUA0ph2VYAACLcBGAs/s180/Untitled-1.png' rel='apple-touch-icon-
precomposed'/>
<meta content='https://3.bp.blogspot.com/-3gq6Fk2qUaA/XRDrWo_L5qI/AAAAAAAAH-
s/s4oohBdItyI_nV-PudNgKCYUA0ph2VYAACLcBGAs/s144/Untitled-1.png' name='msapplication-
TileImage'/>
<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='"//www.blogger.com/feeds/" + data:blog.blogId +
"/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate'
type='application/atom+xml'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:blog.meTag/>
</b:if>
<link href='//www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
<link expr:href='data:blog.canonicalUrl' hreflang='x-default' rel='alternate'/>
<b:if cond='data:view.isArchive'>
<meta content='noindex,noarchive' name='robots'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<meta expr:content='data:blog.pageName.escaped' property='og:title'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription.escaped' name='description'/>
<meta expr:content='data:blog.metaDescription.escaped' property='og:description'/>
<meta expr:content='data:blog.metaDescription.escaped' name='twitter:description'/>
<b:else/>
<meta expr:content='"Silahkan kunjungi postingan " + data:blog.pageName.escaped
+ " untuk membaca artikel selengkapnya dengan klik link di atas."'
name='description'/>
<meta expr:content='"Silahkan kunjungi postingan " + data:blog.pageName.escaped
+ " untuk membaca artikel selengkapnya dengan klik link di atas."'
property='og:description'/>
<meta expr:content='"Silahkan kunjungi postingan " + data:blog.pageName.escaped
+ " untuk membaca artikel selengkapnya dengan klik link di atas."'
name='twitter:description'/>
</b:if>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta expr:content='data:blog.title.escaped' property='og:title'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription.escaped' name='description'/>
<meta expr:content='data:blog.metaDescription.escaped' property='og:description'/>
<meta expr:content='data:blog.metaDescription.escaped' name='twitter:description'/>
<b:else/>
<meta expr:content='"Silahkan kunjungi " + data:blog.pageTitle.escaped + "
untuk membaca postingan-postingan menarik."' name='description'/>
<meta expr:content='"Silahkan kunjungi " + data:blog.pageTitle.escaped + "
untuk membaca postingan-postingan menarik."' property='og:description'/>
<meta expr:content='"Silahkan kunjungi " + data:blog.pageTitle.escaped + "
untuk membaca postingan-postingan menarik."' name='twitter:description'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType in {"static_page"}'>
<meta expr:content='data:blog.pageName.escaped' property='og:title'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription.escaped' name='description'/>
<meta expr:content='data:blog.metaDescription.escaped' property='og:description'/>
<meta expr:content='data:blog.metaDescription.escaped' name='twitter:description'/>
<b:else/>
<meta expr:content='"Silahkan kunjungi halaman " + data:blog.pageTitle.escaped +
" untuk mendapatkan informasi selengkapnya dengan klik link di atas."'
name='description'/>
<meta expr:content='"Silahkan kunjungi halaman " + data:blog.pageTitle.escaped +
" untuk mendapatkan informasi selengkapnya dengan klik link di atas."'
property='og:description'/>
<meta expr:content='"Silahkan kunjungi halaman " + data:blog.pageTitle.escaped +
" untuk mendapatkan informasi selengkapnya dengan klik link di atas."'
name='twitter:description'/>
</b:if>
</b:if>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta content='article' property='og:type'/>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='resizeImage(data:blog.postImageUrl,1200,"1200:630")'
property='og:image'/>
<meta content='1200' property='og:image:width'/>
<meta content='630' property='og:image:height'/>
<meta expr:content='data:blog.pageName.escaped' property='og:image:alt'/>
<b:else/>
<b:if cond='data:blog.firstImageUrl'>
<meta expr:content='resizeImage(data:blog.firstImageUrl,1200,"1200:630")'
property='og:image'/>
<meta content='1200' property='og:image:width'/>
<meta content='630' property='og:image:height'/>
<meta expr:content='data:blog.pageName.escaped' property='og:image:alt'/>
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta
expr:content='resizeImage(data:blog.postImageThumbnailUrl,1200,"1200:630")'
property='og:image'/>
<meta content='1200' property='og:image:width'/>
<meta content='630' property='og:image:height'/>
<meta expr:content='data:blog.pageName.escaped' property='og:image:alt'/>
<b:else/>
<meta content='https://3.bp.blogspot.com/-3gq6Fk2qUaA/XRDrWo_L5qI/AAAAAAAAH-
s/s4oohBdItyI_nV-PudNgKCYUA0ph2VYAACLcBGAs/s300/Untitled-1.png' property='og:image'/>
<meta expr:content='data:blog.title.escaped' property='og:image:alt'/>
<meta content='158' property='og:image:width'/>
<meta content='158' property='og:image:height'/>
</b:if>
</b:if>
</b:if>
<meta content='xxxxxxxxxxxxxx' property='fb:app_id'/>
<meta content='xxxxxxxxxxxxxx' property='fb:admins'/>
<meta content='xxxxxxxxxxxxxx' property='fb:profile_id'/>
<meta content='xxxxxxxxxxxxxx' property='fb:pages'/>
<meta content='xxxxxxxxxxxxxx' name='Author'/>
<meta content='https://www.facebook.com/xxxxxxxxxxxxxx' property='article:author'/>
<meta content='https://www.facebook.com/xxxxxxxxxxxxxx' property='article:publisher'/>
<meta expr:content='data:blog.title' name='twitter:site'/>
<meta content='summary_large_image' name='twitter:card'/>
<meta content='@xxxxxxxxxxxxxx' name='twitter:creator'/>
<b:if cond='data:view.isLayoutMode'>
<!-- /*<b:skin><![CDATA[
#header-wrapper{width:100%;}
#main-wrapper{width:65%;float:left;}
#sidebar-wrapper{width:35%;float:right;}
ul,li{list-style: none;}
]]></b:skin>
</b:if>
<style>
/*<![CDATA[*/
#main-wrapper,#sidebar-right,#sidebar-wrapper{word-wrap:break-word}
#navbar-iframe{height:0;visibility:hidden;display:none}
body{background:#EAEAEA;margin:0;font-family:-apple-
system,BlinkMacSystemFont,"Roboto","Segoe UI","Oxygen-
Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif;color:#555;}
a{text-decoration:none;transition:all 400ms ease-in-out;}
:active,:focus{outline:0}
a img{border-width:0}
*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.fixed-header{width:100%;position:fixed;top:0;left:0;z-index:9997;}
.header-wrapper{margin:0;padding:0;display:inline-block;float:left;}
#header{margin:0;padding:0 20px 0 1px;max-width:180px}
#header h1.title,#header p.title{font-size:18px;height:50px;line-
height:50px;margin:0;padding:0;font-weight:bold}
#header h1.title-img span,#header p.title-img span,#header p.title-img a span,#header h1.title-
img a span,#header .description,.isi-postmeta{position:fixed;top:-3000px;left:-3000px;font-
size:0;}
#header h1.title-img,#header p.title-img{margin:0}
#header h1.title-img img,#header p.title-img img{width:auto;max-
width:100%;height:50px;display:block}
.fixed-header .content-wrapper{position:relative}
.content-wrapper{width:100%;max-width:1000px;margin:0 auto;padding:0;}
.outer-wrapper{margin:70px 0 0;padding:0}
#main-wrapper{width:calc(100% - 320px);float:left;margin:0 auto;padding:0;}
.post-body .table-responsive{min-height:.01%;overflow-x:auto}
.post-body .table{width:100%;border-collapse:collapse;border-spacing:0}
.post-body .table td,.post-body .table th{background-color:#F3F5EF;border:1px solid
#bbb;color:#333;font-size:95%;padding:5px;vertical-align:top}
.post-body .table tr:nth-child(even) td{background-color:#F0F0E5}
.post-body .table th{background-color:#EAE2CF;color:#333;font-size:110%}
.post-body .table tr.even:hover td,.post-body .table tr:hover td{color:#222;background-
color:#FFFBEF}
.tg-bf{font-weight:700}
.tg-it{font-style:italic}
.tg-left,.left{text-align:left}
.tg-right,.right{text-align:right}
.tg-center,.center{text-align:center}
.middleAds{margin:20px 0}
/* homepage */
.home_page #main{padding:0 0 70px;position:relative;}
.home_page .post-outer{margin:0 0 20px;padding:0;}
.home_page .post{margin:0;padding:0;background:#fff;box-shadow:0 1px 0 rgba(0,0,0,.05),0 3px
3px rgba(0,0,0,.05)}
.home_page .post h3.post-title{font-size:20px;font-weight:700;margin:0;padding:0 10px;line-
height:1.3;}
.home_page .post h3.post-title a{display:block;padding:10px 0 0}
.home_page .post h3.post-title a:hover{color:#333;}
.home_page .post .post-body{margin:0;padding:10px;position:relative}
.home_page .post .posts-thumb{float:left;width:250px;height:auto;margin:10px 10px 0;}
.home_page .post .posts-thumb img{width:100%;height:auto;display:block}
.home_page .post .post-body .snippets p{margin:0;line-height:1.2}
.home_page .post .post-body h3{margin:0;}
/* Main Menu */
.dropdown .dropbtn,.topnav a,.dropdown-content a{font-size:16px;font-weight:500;padding:0
16px;height:50px;line-height:50px}
.topnav{overflow:hidden;display:block;height:50px}
.topnav a{float:left;display:block;text-align:center;text-decoration:none}
.icon_menu,.topnav a.closebtn{display:none}
.dropdown{float:left;overflow:hidden}
.dropdown .dropbtn{border:none;outline:0;color:#fff;background-color:inherit;font-
family:inherit;margin:0;padding:0 6px 0 16px;cursor:pointer;position:relative;z-index:1}
.dropdown-content{display:none;position:absolute;background-color:#f9f9f9;min-
width:160px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);}
.dropdown-content a{float:none;color:#000;text-decoration:none;display:block;text-
align:left;overflow:hidden;text-overflow:ellipsis;-webkit-text-overflow:ellipsis;white-
space:nowrap;height:35px;line-height:35px}
.dropdown:hover .dropbtn.active,.dropbtn.active,.dropbtn.active:hover,.topnav
a:hover,.dropdown:hover .dropbtn{background-color:#f9f9f9;color:#000}
.dropdown-content a:hover{background-color:#ddd;color:#000;}
.dropdown:hover .dropdown-content,.dropbtn.active~.dropdown-content{display:block}
#menuoverlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:
0;background-color:rgba(0,0,0,.5);z-index:9998;cursor:pointer}
.dropbtn .fa{float:right;margin-left:2px;margin-top:12px;position:relative;z-index:-1}
.dropbtn.active .fa path,.dropdown:hover .fa path{fill:#000}
.dropbtn.active{position:relative;z-index:1}
.outclick{display:none}
.
dropbtn.active~.outclick{content:"";background:transparent;cursor:pointer;width:100%;height:4
0px;position:relative;margin-top:-40px;z-index:3;display:block}
/* Search Box */
.search_box h2{display:none}
.search_box{display:inline;float:right;padding:0}
.search_box .gsc-input{height:40px;line-height:40px;font-size:16px;display:inline-
block;border:none;outline:0;padding:0 30px 0 0;width:0;position:absolute;top:5px;right:0;z-
index:3;background-color:transparent;color:#333;transition:width .4s cubic-
bezier(0,.795,0,1);cursor:pointer;font:400 16px -apple-
system,BlinkMacSystemFont,"Roboto","Segoe UI","Oxygen-
Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif;}
.search_box .gsc-input:focus{width:100%;z-index:1;cursor:text;background-color:#fff;border-
radius:20px;padding:0 50px 0 20px;}
.search_box button.gsc-search-button{height:50px;width:30px;line-height:50px;padding:0;text-
align:center;background:0 0;border:none;position:absolute;top:0;right:0;z-
index:2;cursor:pointer;}
.search_box button.gsc-search-button svg{vertical-align:-9px}
.search_box button.gsc-search-button:hover svg path{fill:#dedede}
.search_box .gsc-input::placeholder{opacity:1;color:#999}
.search_box .gsc-input:-ms-input-placeholder{color:#999}
.search_box .gsc-input::-ms-input-placeholder{color:#999}
.search_box .gsc-input:focus~button.gsc-search-button svg path{fill:#999}
.search_box .gsc-input:focus~button.gsc-search-button{width:50px}
/* Breadcrumb */
.breadcrumbs{height:40px;line-height:40px;display:block;overflow:hidden;margin:0;padding:0
20px;font-size:80%;font-weight:400;text-overflow:ellipsis;-webkit-text-overflow:ellipsis;white-
space:nowrap}
.breadcrumbs a{display:inline-block;text-decoration:none;transition:all .3s ease-in-out;font-
weight:400}
.breadcrumbs a:hover{color:#777}
.breadcrumbs,.breadcrumbs a{font-weight:400}
.breadcrumbs svg{width:16px;height:16px;vertical-align:-4px}
/* Posts Navigator */
#blog-pager-newer-link,#blog-pager-older-link{font-size:100%}
.blog-pager-older-link,.home-link, .blog-pager-newer-link{padding:0}
.halaman-kanan,.halaman-kiri,.pager-title-left{transition:all .3s ease-in-out}
.halaman{margin:20px 0;padding:10px 0;height:auto;box-shadow:0 1px 0 rgba(0,0,0,.05),0 3px
3px rgba(0,0,0,.05);}
.halaman-kanan,.halaman-kiri{background:0 0;width:50%;position:relative;margin:0}
.halaman-kiri{height:auto;float:left;padding:0 10px 0 32px;text-align:left;}
.halaman-kanan{height:auto;float:right;padding:0 32px 0 10px;text-align:right;}
.current-pageleft,.current-pageright,.halaman-kanan a,.halaman-kiri a{font-size:16px;font-
weight:500;background:0 0;text-decoration:none;line-height:1.3em}
#blog-pager,.isihalaman-kanan,.isihalaman-kiri{margin:0}
.panahkanan,.panahkiri{position:absolute;top:50%;margin-top:-16px;width:32px;height:32px}
.panahkiri{left:0}
.panahkanan{right:0}
/* Homepage Navigator */
.home_page a.blog-pager-newer-link,.home_page a.blog-pager-older-link,.home_page .home-
box,.home_page .last-box,.home_page a.home-link{box-shadow:0 1px 0 rgba(0,0,0,.05),0 3px
3px rgba(0,0,0,.05)}
.home_page #blog-pager-newer-link svg,.home_page #blog-pager-older-link svg,.home_page
.home-box svg,.home_page .last-box svg{width:44px;height:44px}
.home_page #blog-pager-home-link svg{width:30px;height:30px;vertical-align:-10px}
.home_page #blog-pager-newer-link{float:left;font-size:200%;font-weight:500}
.home_page #blog-pager-older-link{float:right;font-size:200%;font-weight:500}
.home_page #blog-pager,.home_page .blog-pager{clear:both;text-align:center;}
.home_page a.blog-pager-newer-link,.home_page a.blog-pager-older-link,.home_page #blog-
pager-home-link a.home-link{padding:0;width:43px;height:43px;text-align:center;transition:all
400ms ease-in-out;position:absolute;bottom:20px;line-height:43px;border:1px solid
transparent}
.home_page a.blog-pager-older-link{border-radius:3px;right:0;z-index:2}
.home_page a.blog-pager-newer-link{border-radius:3px;left:0;z-index:2}
.home_page #blog-pager-home-link a.home-link{font-size:100%;font-weight:600;border-
radius:3px;left:50%;margin-left:-22px}
.home_page #blog-pager-newer-link a:hover,.home_page #blog-pager-older-link
a:hover,.home_page .home-box:hover,.home_page .last-box:hover,.home_page #blog-pager-
home-link a.home-link:hover{color:#333}
.home_page .home-box,.home_page .last-box{padding:0;border-
radius:3px;position:absolute;bottom:20px;width:43px;height:43px;z-index:1;font-size:200%;font-
weight:600;text-align:center;cursor:not-allowed;}
.home_page .home-box{left:0;}
.home_page .last-box{right:0;}
/* Related Posts */
.related-wrapper h3{margin:10px 0;font-size:20px;font-weight:500;padding:0;color:#333}
.related-post{margin:0 auto;}
.related-post-style-2{margin:0 -10px 0 0;padding:0;list-style:none}
.related-post-style-2
li{display:block;padding:0;float:left;width:33.333333%;height:170px;overflow:hidden;margin:0 0
10px;padding:0 10px 0 0;list-style:none;position:relative}
.related-post-style-2 li:hover a{color:#555}
.related-post-style-2 .related-post-item-thumbnail{width:100%;height:117px;max-
width:none;max-height:none;background-
color:transparent;border:none;padding:0;float:none;margin:0;transition:all .4s ease-in-
out;position:relative}
.related-post-style-2 .related-post-item-thumbnail img{width:100%;height:100%;max-
width:none;max-height:none;background-color:transparent;border:none;display:block}
.related-post-style-2 .related-post-item-title{font-size:14px;font-
weight:500;display:block;display:-webkit-box;margin:0;line-height:1.1;padding:5px 0;}
.related-post-style-2 .related-post-item-more,.related-post-style-2 .related-post-item-
summary,.related-post-style-2 .related-post-item-summary a{display:none}
.related-post-style-2:after{content:"";clear:both;display:block;}
/* Social Share */
.share-box{position:relative;}
.clear{clear:both}
.resp-sharing{font-size:0;margin-bottom:10px}.resp-sharing-button__icon,.resp-sharing-
button__link{display:inline-block;transition:all .2s ease-in-out}.resp-sharing-more-
content{display:block}.clear{clear:both;display:block}.resp-sharing-button__link{text-
decoration:none;color:#fff;margin:0 5px 5px 0}.resp-sharing-button{border-
radius:16px;transition:25ms ease-out;padding:.65em 1em .65em .75em;font-family:-apple-
system,BlinkMacSystemFont,Roboto,"Segoe UI",Oxygen-Sans,Ubuntu,Cantarell,"Helvetica
Neue",sans-serif;font-size:12px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-
sizing:border-box}.resp-sharing-button__link:hover{transform:translateY(-2px)}.resp-sharing-
button__icon svg{width:1.2em;height:1.2em;margin-right:.4em;vertical-align:top}.resp-sharing-
button svg path{fill:#fff}.resp-sharing-button-linkbtn,.resp-sharing-button-messenger,.resp-
sharing-button-twitter{background-color:#1da1f2}.resp-sharing-button-linkbtn:hover,.resp-
sharing-button-messenger:hover,.resp-sharing-button-twitter:hover{background-
color:#0288d1}.resp-sharing-button-pinterest{background-color:#bd081c}.resp-sharing-button-
pinterest:hover{background-color:#8c0615}.resp-sharing-button-facebook{background-
color:#3b5998}.resp-sharing-button-facebook:hover{background-color:#2d4373}.resp-sharing-
button-tumblr{background-color:#35465c}.resp-sharing-button-tumblr:hover{background-
color:#222d3c}.resp-sharing-button-mix,.resp-sharing-button-okru{background-
color:#ff8226}.resp-sharing-button-mix:hover,.resp-sharing-button-okru:hover{background-
color:#ff6f00}.resp-sharing-button-reddit{background-color:#ff4500}.resp-sharing-button-
reddit:hover{background-color:#bf360c}.resp-sharing-button-linkedin{background-
color:#0077b5}.resp-sharing-button-linkedin:hover{background-color:#046293}.resp-sharing-
button-email{background-color:#777}.resp-sharing-button-email:hover{background-
color:#5e5e5e}.resp-sharing-button-gmail{background-color:#d93025}.resp-sharing-button-
gmail:hover{background-color:#d50000}.resp-sharing-button-xing{background-
color:#1a7576}.resp-sharing-button-xing:hover{background-color:#114c4c}.resp-sharing-button-
line,.resp-sharing-button-whatsapp{background-color:#25d366}.resp-sharing-button-
line:hover,.resp-sharing-button-whatsapp:hover{background-color:#1da851}.resp-sharing-
button-hackernews,.resp-sharing-button-more{background-color:#f60}.resp-sharing-button-
hackernews:hover,.resp-sharing-button-more:hover{background-color:#fb6200}.resp-sharing-
button-vk{background-color:#507299}.resp-sharing-button-vk:hover{background-
color:#43648c}.resp-sharing-button-telegram{background-color:#54a9eb}.resp-sharing-button-
telegram:hover{background-color:#4b97d1}#min-share,#share_more{display:none}.resp-
sharing-button-more{cursor:pointer}@media screen and (max-width:375px){.resp-sharing-
button__link span{display:none}.resp-sharing-button{width:40px;height:40px;border-
radius:50%;padding:.85em;text-align:center}.resp-sharing-button__icon
svg{width:1.4em;height:1.4em;margin-right:0;vertical-align:-7px}}
/* Credit Footer */
.credit-wrapper{margin:0;padding:0;font-size:90%;box-shadow:0 1px 0 rgba(0,0,0,.05),0 3px 3px
rgba(0,0,0,.05);text-align:center}
.credit-wrapper a:hover{color:#dedede;}
.credit,.credit-page{line-height:1.5em;padding:0 0 20px}
.credit{padding:10px 0;}
.credit-page{padding:20px 0;}
.credit-page a{margin:0 10px;}
.credit-sub{background:#fff;padding:20px 0;display:block;box-shadow:0 1px 0 rgba(0,0,0,.05),0
3px 3px rgba(0,0,0,.05);}
#FollowByEmail1 h2{color:#555;font-weight:normal;margin:0 0 20px;}
.follow-by-email-inner table{width:70%;margin:0 auto;padding-top:20px;border-top:1px solid
#ddd;}
.follow-by-email-inner td{margin:0;padding:0}
.follow-by-email-inner .follow-by-email-address{width:98%;float:left;font:400 14px -apple-
system,BlinkMacSystemFont,"Roboto","Segoe UI","Oxygen-
Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif;height:36px;margin:0
auto;padding:10px;color:#333;position:relative;z-index:1;background:#fff;border:1px solid
#ccc;border-radius:4px;}
.follow-by-email-inner .follow-by-email-address:focus,.follow-by-email-inner .follow-by-email-
submit:focus{outline:0}
.follow-by-email-inner .follow-by-email-submit{display:block;width:100%;height:36px;font:500
16px -apple-system,BlinkMacSystemFont,"Roboto","Segoe UI","Oxygen-
Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif;text-transform:
uppercase;float:left;color:#FFF;padding:0 20px;cursor:pointer;border:none;border-radius:4px;-
webkit-appearance:none;-moz-appearance:none;appearance:none;}
.updated{border-bottom:0}
abbr[title]{text-decoration:none}
.post .jump-link,.quickedit{display:none}
/*Sidebar */
#sidebar-wrapper{width:300px;float:right;padding:0;margin:0;position:-webkit-
sticky;position:sticky;top:60px}
.sidebar h2{font-size:16px;margin:0;padding:0 10px;height:40px;line-height:40px;text-
transform:uppercase;}
.sidebar{color:#333;line-height:1.3em;font-size:16px;font-weight:400;}
.sidebar .widget{margin:0 auto 20px;padding:0;}
.sidebar .widget-content{margin:0 auto;padding:0;background:#fff;box-shadow:0 1px 0
rgba(0,0,0,.05),0 3px 3px rgba(0,0,0,.05)}
#HTML1 h2{display:none}
#HTML1{margin:0}
.sticky #HTML1{margin:0 0 20px}
/* FeaturedPost */
#FeaturedPost h2{display:none}
#FeaturedPost h3{margin:0 0 15px;font-size:22px;line-height:1.3}
#FeaturedPost{background:#fff;padding:20px;margin:0 0 20px;box-shadow:0 1px 0
rgba(0,0,0,.05),0 3px 3px rgba(0,0,0,.05);}
#FeaturedPost .image{width:400px;height:auto;float:left;margin-right:20px;}
#FeaturedPost .widget{margin:0;}
#FeaturedPost .readmore{float:right;margin:0;font-weight:500;font-size:18px}
/* Widget Label */
.Label ul,.Label li{margin:0;padding:0;list-style:none}
.Label ul li{position:relative}
.Label ul li a{text-decoration:none;margin:0;padding:6px 40px 6px 10px;font-weight:500;font-
size:16px;text-align:left;display:block;border-bottom:1px solid #ddd;overflow:hidden;text-
overflow:ellipsis;-webkit-text-overflow:ellipsis;white-space:nowrap}
.Label ul li:last-child a{border-bottom:none}
.Label ul li a:hover{background:#efefef;}
.Label ul li span[dir]{position:absolute;top:6px;right:10px;font-size:12px;line-
height:1;padding:3px;border-radius:3px}
/* Button */
@font-face{font-family:"Product
Sans";src:url("https://cdn.jsdelivr.net/gh/KompiAjaib/font@master/product-sans-regular.ttf")
format("ttf");font-weight:normal;font-style:normal;}
a.btn-download,a.btn-play,a.btn-google,a.btn-apple,a.btn-play:hover,a.btn-
download:hover,a.btn-google:hover,a.btn-apple:hover{color:#fff}
.btn{display:inline-block;padding:10px 16px;margin:5px;font-size:18px;line-
height:1.3333333;border-radius:6px;text-align:center;white-space:nowrap;vertical-align:middle;-
ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-
select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid
transparent;font-weight:500;text-decoration:none}
.btn:active:focus,.btn:focus{outline:0}
.btn:focus,.btn:hover{color:#333;text-decoration:none;outline:0}
.btn:active{outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0
3px 5px rgba(0,0,0,.125)}
.btn-play{color:#fff;background-color:#D32F2F;border-color:#C62828;padding:10px 16px 10px
40px;position:relative;font-family: 'Product Sans', Arial, sans-serif;font-weight:600}
.btn-play:focus{color:#fff;background-color:#C62828;border-color:#B71C1C}
.btn-play:active,.btn-play:hover{color:#fff;background-color:#C62828;border-color:#B71C1C}
.btn-play:before{content:"";color:#fff;background-image:url(https://1.bp.blogspot.com/-
DpJGZ47Olck/WSkXyTDP1kI/AAAAAAAArQQ/UwIxH4hYRIkbgZkN0_mUrkK12HveGFsXACLcB/s16
00/play.png);background-size:cover;background-repeat:no-
repeat;width:30px;height:40px;position:absolute;left:0;top:50%;margin-top:-20px}
.btn-download{color:#fff;background-color:#337ab7;border-color:#2e6da4;font-family: 'Product
Sans', Arial, sans-serif;font-weight:600}
.btn-download:focus{color:#fff;background-color:#286090;border-color:#122b40}
.btn-download:active,.btn-download:hover{color:#fff;background-color:#286090;border-
color:#204d74}
.btn-google,.btn-apple{color:#fff;background-color:#111;border-
color:#000;position:relative;font-family: 'Product Sans', Arial, sans-serif;font-weight:600}
.btn-google{padding:15px 16px 5px 40px;}
.btn-apple{padding:15px 22px 5px 50px;}
.btn-google:focus,.btn-apple:focus{color:#fff;background-color:#555;border-color:#000}
.btn-google:active,.btn-google:hover,.btn-apple:active,.btn-apple:hover{color:#fff;background-
color:#555;border-color:#000;}
.btn-apple:before,.btn-google:before{background-size:cover;background-repeat:no-
repeat;width:30px;height:30px;margin-top:-15px;position:absolute}
.btn-google:before{content:"";background-image:url(https://4.bp.blogspot.com/-
52U3eP2JDM4/WSkIT1vbUxI/AAAAAAAArQA/iF1BeARv2To-
2FGQU7V6UbNPivuv_lccACLcB/s30/nexus2cee_ic_launcher_play_store_new-
1.png);left:6px;top:50%}
.btn-google:after{content:"GET IT ON";position:absolute;top:5px;left:40px;font-size:10px;font-
weight:400}
.btn-apple:before{content:"";background-image:url(https://2.bp.blogspot.com/-
pfguXOXm3fg/WfbA_JMxnOI/AAAAAAAAtoA/wkc55zw6kZ4cG-S-
9K2HVie6RxXRhuvdACLcBGAs/s30/apple.png);left:10px;top:50%}
.btn-apple:after{content:"Download on the";position:absolute;top:5px;left:50px;font-
size:11px;font-weight:400}
kbd{color:#333;display:inline-block;-moz-border-radius:3px;-moz-box-shadow:0 1px 0
rgba(0,0,0,.2),0 0 0 2px #fff inset;-webkit-border-radius:3px;-webkit-box-shadow:0 1px 0
rgba(0,0,0,.2),0 0 0 2px #fff inset;background-color:#f7f7f7;border:1px solid #ccc;border-
radius:3px;box-shadow:0 1px 0 rgba(0,0,0,.2),0 0 0 2px #fff inset;font-family:Arial,Helvetica,sans-
serif;font-size:11px;line-height:1.4;margin:0 .1em;padding:.1em .6em;text-shadow:0 1px 0
#fff;vertical-align:3px}
/* Static Page */
.static_page #sidebar-wrapper{display:none}
.static_page .post h3{text-align:center;margin:0;padding:10px 0;border-bottom:1px solid #ddd}
.static_page .post h3 a{font-size:24px;font-weight:700;color:#333;}
.static_page .outer-wrapper{margin:70px 0 0;padding:0;position:relative}
.static_page #main-wrapper{width:100%;padding:0}
.static_page .post{margin:0 0 20px;}
.static_page .post-body{margin:20px 0 0;padding:0;border-top:none}
.static_page a.home-link{visibility:hidden}
/* Disclaimer Box */
.disclaimer_box{margin:0;padding:2px;border-radius:6px;box-shadow:0 1px 0 rgba(0,0,0,.05),0
3px 3px rgba(0,0,0,.05)}
.disclaimer_box .content{background:#fff;color:#555;padding:8px 12px;font-size:95%;border-
radius:4px;box-shadow:0 0 0 3px rgba(255,255,255,.3)}
.disclaimer_box .content p{margin:0;padding:0}
/* Comment Button */
.buka-komen,.tutup-komen{font-size:16px;line-height:1.3em;padding:10px;display:block;min-
width:54px;text-align:center;font-weight:500;-webkit-border-radius:2px;-moz-border-
radius:2px;border-radius:2px;-webkit-transition:all 218ms;-moz-transition:all 218ms;-o-
transition:all 218ms;transition:all 218ms;-webkit-user-select:none;-moz-user-select:none;box-
shadow:0 1px 0 rgba(0,0,0,.05),0 3px 3px rgba(0,0,0,.05)}
.buka-komen{margin:20px 0;cursor:pointer;}
.tutup-komen{margin:20px 0 0 0;cursor:pointer;border-bottom:1px solid #ddd;-webkit-border-
radius:2px 2px 0 0;-moz-border-radius:2px 2px 0 0;border-radius:2px 2px 0 0;display:none}
/* Comments */
.comments{margin:0 0 20px 0;padding:20px 20px 0;background:#fff;box-shadow:0 1px 0
rgba(0,0,0,.05),0 3px 3px rgba(0,0,0,.05);display:none}
.skip-navigation{background-color:#fff;color:#000;display:block;height:0;left:0;line-
height:50px;overflow:hidden;padding-top:0;position:fixed;text-align:center;top:0;width:100%;z-
index:900}
.mb20{margin-bottom:20px}
.spoiler input[type=checkbox]:checked~label:before,.spoiler
input[type=checkbox]~label:before{content:"";height:0;width:0;border-
style:solid;left:8px;position:absolute}
.spoiler .spoiler_title{display:inline;float:left;margin:3px 10px 0 0;padding:4px 0;font-
size:16px;line-height:1}
.spoiler label{cursor:pointer;background:#26272a;margin:0;padding:4px 18px 4px
22px;outline:0;border-radius:3px;color:#efefef;transition:all .3s ease-in-out;display:inline;font-
size:12px;font-family:arial,san-serif;line-height:1;position:relative}
.spoiler input[type=checkbox]~label:before{border-width:4px 4px 4px 7px;border-
color:transparent transparent transparent #fff;top:7px}
.spoiler input[type=checkbox]:checked~label:before{border-width:7px 4px 4px;border-color:#fff
transparent transparent;top:8px}
.spoiler input{position:absolute;left:-999em;opacity:0}
.spoiler .content_box{width:100%;border:1px solid
#ddd;background:#efefef;height:auto;padding:6px 10px;margin:8px 0 0;overflow:hidden;-moz-
box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.spoiler .content_box .content{display:none}
.spoiler .content p{padding:0;margin:0}
.spoiler .content p img{margin:4px 0 0;max-width:100%;height:auto}
.spoiler input[type=checkbox]:checked~.content_box .content{display:block;-webkit-
animation:slide-down .3s ease-out;-moz-animation:slide-down .3s ease-out}
@-webkit-keyframes slide-down{0%{opacity:0;-webkit-transform:translateY(-100%)}
100%{opacity:1;-webkit-transform:translateY(0)}
}
@-moz-keyframes slide-down{0%{opacity:0;-moz-transform:translateY(-100%)}
100%{opacity:1;-moz-transform:translateY(0)}
}
#close-comment::before,#open-
comment::before,:target::before{content:"";display:block;height:60px;margin-top:-
60px;visibility:hidden}
/* Scroll To Top */
.scrollToTop{color:#fafafa;font-size:1.4em;box-shadow:0 1px 1.5px 0 rgba(0,0,0,.12),0 1px 1px 0
rgba(0,0,0,.24);width:50px;height:50px;border-radius:100px;border:none;outline:0;z-
index:997;bottom:50px;right:10px;position:fixed;display:none;cursor:pointer}
.scrollToTop svg{width:34px;height:34px;vertical-align:middle;}
.mb0{margin-bottom:0}
/* Responsive */
@media screen and (max-width:1024px){.content-wrapper{padding:0 10px}
#header{padding:0 20px 0 0}
.related-post-style-2 li{height:165px;}
.related-post-style-2 .related-post-item-thumbnail{height:113px;}
}
@media screen and (max-width:960px){.home_page .post h3.post-title{font-size:18px}
.related-post-style-2 li{height:160px;}
.related-post-style-2 .related-post-item-thumbnail{height:105px;}
}
@media screen and (max-width:800px){.outer-wrapper{margin:50px 0 0;}
.home_page .outer-wrapper{margin:60px 0 0;}
.content-wrapper{padding:0}
.home_page .content-wrapper{padding:0 10px}
.header-wrapper{margin-left:20px}
.home_page .header-wrapper{margin-left:0}
.icon_menu,.topnav{position:fixed;top:0}
.topnav .dropdown,.topnav a{float:none}
.topnav{height:100%;width:250px;z-index:9999;left:-250px;overflow-x:hidden;transition:.5s}
.icon_menu{height:50px;line-height:50px;right:50px;display:block;z-index:1}
.icon_menu svg{width:26px;height:26px;vertical-align:-8px}
.topnav a.closebtn{position:absolute;display:block;top:0;right:0;font-size:32px;font-
weight:lighter;height:40px;line-height:32px;padding:0 12px}
.topnav a{text-align:left}
.topnav .dropdown-content{position:relative}
.topnav .dropdown .dropbtn{width:100%;text-align:left}
.flow{overflow:hidden;position:relative;}
.content-wrapper{overflow:hidden}
#sidebar-wrapper,#main-wrapper{width:100%;float:none;margin:0 auto}
.search_box button.gsc-search-button,.search_box .gsc-input{right:10px}
.search_box .gsc-input:focus{width:98%;width:calc(100% - 20px);z-index:2;}
#FeaturedPost,.home_page .post-outer{margin:0 0 10px;}
.breadcrumbs{background:0 0;color:#555;border-bottom:1px solid #ddd}
.breadcrumbs a{color:#555}
.breadcrumbs svg path{fill:#555}
.related-post-style-2 li{height:190px;}
.related-post-style-2 .related-post-item-thumbnail{height:139px;}
}
@media screen and (max-width:640px){.header-wrapper{margin-left:10px}
.home_page .header-wrapper{margin-left:0}
#FeaturedPost{padding:10px}
#FeaturedPost .image{width:250px;margin-right:10px;}
#FeaturedPost h3{margin:0 0 10px;font-size:18px;}
#FeaturedPost p{margin:10px 0 0;}
#FeaturedPost .readmore{display:none}
.post{margin:0;padding:0 10px 10px}
.post h1.post-title{font-size:24px}
.img-width-500.img-left,.img-width-500.img-right,.img-width-600.img-left,.img-width-600.img-
right{clear:both;float:none;margin:1em auto;text-align:center}
.post-body pre{margin:0 -10px}
.post-body pre{max-width:calc(100% + 20px)}
.post-body .table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-
style:-ms-autohiding-scrollbar}
.post-body .table-responsive>.table{margin-bottom:0}
.post-body .table-responsive>.table>tbody>tr>td,.post-body .table-
responsive>.table>tbody>tr>th,.post-body .table-responsive>.table>tfoot>tr>td,.post-body
.table-responsive>.table>tfoot>tr>th,.post-body .table-responsive>.table>thead>tr>td,.post-body
.table-responsive>.table>thead>tr>th{white-space:nowrap}
.tutup-komen{margin:20px 0 0}
.comments{padding:10px 10px 0;}
.breadcrumbs{padding:0 10px;}
.credit-wrapper{line-height:1.8;}
.related-post-style-2 li{height:165px;}
.related-post-style-2 .related-post-item-thumbnail{height:113px;}
}
@media screen and (max-width:425px){
#header{padding:0 20px 0 0;}
#FeaturedPost .image{width:100%;margin-right:0;margin-bottom:10px;}
#FeaturedPost h3{font-size:20px;}
.static_page .post{padding:0 10px 10px;}
.static_page .post-body{margin:10px 0 0;}
.static_page .post .postmeta h3{margin:0;}
.disclaimer_box{margin:0 10px}
.credit-left{float:none;text-align:center;width:100%}
.img-width-100.img-left,.img-width-100.img-right,.img-width-200.img-left,.img-width-200.img-
right,.img-width-300.img-left,.img-width-300.img-right,.img-width-400.img-left,.img-width-
400.img-right{clear:both;float:none;margin:1em auto;text-align:center;}
.search_box .gsc-input:focus{width:90%;width:calc(100% - 20px);position:fixed;}
.home_page a.blog-pager-newer-link,.home_page .home-box{left:10px;}
.home_page a.blog-pager-older-link,.home_page .last-box{right:10px;}
.follow-by-email-inner table{width:100%;padding:20px 10px 0;}
.credit-page{line-height:2.2}
.related-post-style-2 li{width:50%;height:160px;}
.related-post-style-2 .related-post-item-thumbnail{height:112px;}
.home_page .post{padding-top:10px}
.home_page .post.home-ad{box-shadow:none;padding-top:0}
.home_page .post .posts-thumb{width:auto;float:none;margin:0 10px}
.home_page .post h3.post-title{font-size:20px;border-bottom:0;padding-bottom:0}
.home_page .post h3.post-title a{padding-bottom:0}
.post{padding:0 10px}
}
@media screen and (max-width:375px){.related-post-style-2
li{width:100%;height:240px;display:block;padding:0;float:none;overflow:hidden;margin:0 0
8px;list-style:none}
.related-post-style-2 .related-post-item-thumbnail{height:201px;}
.related-post-style-2{margin:0}
.related-post-style-2 .related-post-item-title{right:0}
}
@media screen and (max-width:360px){.related-post-style-2 li{height:230px;}
.related-post-style-2 .related-post-item-thumbnail{height:192px;}
}
@media screen and (max-width:320px){.related-post-style-2 li{height:210px;}
.related-post-style-2 .related-post-item-thumbnail{height:169px;}
}
@media print{.fixed-header,#blog-pager,#comments,footer,#related-post,#lsidebar-
wrapper,#rsidebar-wrapper,.breadcrumbs,.postmeta,h3.date-
header,.search_box,.BlogSearch,.share-box,.related-wrapper,.iklan-
bawahpost,.middleAds,.halaman,.iklan-ataskomen,.disclaimer_box,.buka-komen,.tutup-
komen,.home-ad,.home-box,.last-box{display:none}
body{background:#fff}
#main-wrapper,#main{width:100%;border:none}
.outer-wrapper{margin:0;border:none}
.post,.post-body,.home_page .post,.home_page .post .post-body .snippets,.home_page .post
h3.post-title{margin:0;padding:0;border:none;box-shadow:none}
.post-body blockquote{margin:0 0 0 20px;}
.post-body pre{max-width:100%;margin:0}
}
/* Error Page */
#error-page{background:#efefef;position:fixed ;position:absolute;text-
align:center;top:0;right:0;bottom:0;left:0;z-index:99999;width:100%}
#error-page .error-404 {text-align: center; transition: all 0.8s ease 0s;color: #b0130d; font-
size:800%; font-weight: 700;margin-bottom:0px;margin-top:0;line-height:1em}
#error-page .large-heading1 {color: #000;font-size:400%;margin-top:1%;margin-
bottom:0px;position:relative;font-weight:700}
#error-page .large-heading2 {color: #000;font-size:250%;}
#error-page .light-heading1 {color: #000;font-size:150%;}
#error-page .light-heading2 {color: #000;font-size:100%;line-height:1.8em;}
#error-page #search{text-align:center}
#error-page #search ul{list-style:none}
#error-page #search input{padding:6px 10px;margin:15px 0 0 -1px}
#error-page .light-heading2 span{background:#ddd;border:1px solid #aaa;border-
radius:3px;padding:2px 5px}
/*]]>*/
.related-post-by-title {width:100%;margin:25px 0 15px;display:block;position:relative}
.related-post-by-title ul{padding:15px 35px 10px;border:1px solid #469cf9 ;margin:0;text-
align:left;}
.related-post-by-title h4{color:#fff; display:inline-block;background:#469cf9;padding:0
15px;height:28px;line-height:28px;border:1px solid #469cf9;margin:0;position:absolute;top:-
14px;left:15px;font-size:16px;font-weight:700}
.related-post-by-title li {margin-top:10px;line-height:1.2;padding-left:0!important}
.related-post-by-title li a{font-size:16px;font-weight:700;}
<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == "BEHIND"'>
<!--
Show image as background to text. You can't really calculate the width
reliably in JS because margins are not taken into account by any of
clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
width if the user is using shrink to fit.
This results in a margin-width's worth of pixels being cropped. If the
user is not using shrink to fit then we expand the header.
-->
<b:if cond='data:mobile'>
<div id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
<b:else/>
<div expr:style='"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'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
<b:else/>
<!--Show the image only-->
<div id='header-inner'>
<b:if cond='data:blog.pageType != "item"'>
<h1 class='title-img'>
<a expr:href='data:blog.homepageUrl' expr:title='data:title'>
<img class='lazy' expr:alt='data:title' expr:data-src='data:sourceUrl'
expr:id='data:widget.instanceId + "_headerimg"' height='19'
src='data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs='
width='150'/><span><data:title/></span>
</a>
</h1>
<b:else/>
<p class='title-img'>
<a class='logo-img' expr:href='data:blog.homepageUrl' expr:title='data:title'>
<img class='lazy' expr:alt='data:title' expr:data-src='data:sourceUrl'
expr:id='data:widget.instanceId + "_headerimg"' height='19'
src='data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs='
width='150'/><span><data:title/></span>
</a>
</p>
</b:if>
<!--Show the description-->
<b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
<b:include name='description'/>
</b:if>
</div>
</b:if>
<b:else/>
<!--No header image -->
<div id='header-inner'>
<div class='titlewrapper'>
<b:if cond='data:blog.pageType != "item"'>
<h1 class='title'>
<b:include name='title'/>
</h1>
<b:else/>
<p class='title'>
<b:include name='title'/>
</p>
</b:if>
</div>
<b:include name='description'/>
</div>
</b:if>
</b:includable>
<b:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</b:includable>
<b:includable id='title'>
<a expr:href='data:blog.homepageUrl' expr:title='data:title'><data:title/></a>
</b:includable>
</b:widget>
</b:section>
</header>
<div class='topnav' id='myTopnav'>
<a href='/'>Home</a>
<a href='#news'>News</a>
<a href='#tutorial'>Tutorial</a>
<div class='dropdown'>
<button class='dropbtn'>Dropdown
<svg class='fa' height='24px' viewBox='0 0 24 24' width='24px'><path
d='M7,10L12,15L17,10H7Z' fill='#000000'/></svg>
</button>
<div class='outclick'/>
<div class='dropdown-content'>
<a href='#'>Link 1</a>
<a href='#'>Link 2</a>
<a href='#'>Link 3</a>
</div>
</div>
<div class='dropdown'>
<button class='dropbtn'>Shortcode
<svg class='fa' height='24px' viewBox='0 0 24 24' width='24px'><path
d='M7,10L12,15L17,10H7Z' fill='#000000'/></svg>
</button>
<div class='outclick'/>
<div class='dropdown-content'>
<a href='https://kompitext.blogspot.com/2016/05/contoh-embed-video-di-dalam-
postingan.html#image'>Image</a>
<a href='https://kompitext.blogspot.com/2016/05/contoh-embed-video-di-dalam-
postingan.html#video'>Video Youtube</a>
<a href='https://kompitext.blogspot.com/2016/05/contoh-embed-video-di-dalam-
postingan.html#button'>Button</a>
<a href='https://kompitext.blogspot.com/2016/05/contoh-embed-video-di-dalam-
postingan.html#spoiler'>Spoiler</a>
<a href='https://kompitext.blogspot.com/2016/05/contoh-embed-video-di-dalam-
postingan.html#table'>Tabel Responsive</a>
</div>
</div>
<a href='#blogger'>Blogger</a>
<div class='dropdown'>
<button class='dropbtn'>Ikuti
<svg class='fa' height='24px' viewBox='0 0 24 24' width='24px'><path
d='M7,10L12,15L17,10H7Z' fill='#000000'/></svg>
</button>
<div class='outclick'/>
<div class='dropdown-content'>
<a class='linkfb' href='https://www.facebook.com/xxxxxxx' rel='nofollow noopener'
target='_blank' title='Link to Facebook'><svg height='34' viewBox='0 0 24 24' width='34'
xmlns='http://www.w3.org/2000/svg'><title>Facebook</title><path d='M5,3H19A2,2 0 0,1
21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M18,5H15.5A3.5,3.5 0 0,0
12,8.5V11H10V14H12V21H15V14H18V11H15V9A1,1 0 0,1 16,8H18V5Z'
fill='#fff'/></svg><span>Facebook</span></a>
<a class='linkig' href='https://www.instagram.com/xxxxxxx' rel='nofollow noopener'
target='_blank' title='Link to Instagram'><svg height='34' viewBox='0 0 24 24' width='34'
xmlns='http://www.w3.org/2000/svg'><title>instagram</title><path d='M7.8,2H16.2C19.4,2
22,4.6 22,7.8V16.2A5.8,5.8 0 0,1 16.2,22H7.8C4.6,22 2,19.4 2,16.2V7.8A5.8,5.8 0 0,1
7.8,2M7.6,4A3.6,3.6 0 0,0 4,7.6V16.4C4,18.39 5.61,20 7.6,20H16.4A3.6,3.6 0 0,0
20,16.4V7.6C20,5.61 18.39,4 16.4,4H7.6M17.25,5.5A1.25,1.25 0 0,1 18.5,6.75A1.25,1.25 0 0,1
17.25,8A1.25,1.25 0 0,1 16,6.75A1.25,1.25 0 0,1 17.25,5.5M12,7A5,5 0 0,1 17,12A5,5 0 0,1
12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0
0,0 12,9Z' fill='#fff'/></svg><span>Instagram</span></a>
<a class='linktw' href='https://twitter.com/xxxxxxx' rel='nofollow noopener' target='_blank'
title='Link to Twitter'><svg height='34' viewBox='0 0 24 24' width='34'
xmlns='http://www.w3.org/2000/svg'><title>Twitter</title><path d='M5,3H19A2,2 0 0,1
21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M17.71,9.33C18.19,8.93 18.75,8.45
19,7.92C18.59,8.13 18.1,8.26 17.56,8.33C18.06,7.97 18.47,7.5 18.68,6.86C18.16,7.14 17.63,7.38
16.97,7.5C15.42,5.63 11.71,7.15 12.37,9.95C9.76,9.79 8.17,8.61 6.85,7.16C6.1,8.38 6.75,10.23
7.64,10.74C7.18,10.71 6.83,10.57 6.5,10.41C6.54,11.95 7.39,12.69 8.58,13.09C8.22,13.16
7.82,13.18 7.44,13.12C7.81,14.19 8.58,14.86 9.9,15C9,15.76 7.34,16.29 6,16.08C7.15,16.81
8.46,17.39 10.28,17.31C14.69,17.11 17.64,13.95 17.71,9.33Z'
fill='#fff'/></svg><span>Twitter</span></a>
<a class='linkyt' href='https://www.youtube.com/channel/UCpUPmNF51X-8jfMfSxCiLVA'
rel='nofollow noopener' target='_blank' title='Link to Youtube'><svg height='34' viewBox='0 0 24
24' width='34' xmlns='http://www.w3.org/2000/svg'><title>Google+</title><path
d='M10,15L15.19,12L10,9V15M21.56,7.17C21.69,7.64 21.78,8.27 21.84,9.07C21.91,9.87
21.94,10.56 21.94,11.16L22,12C22,14.19 21.84,15.8 21.56,16.83C21.31,17.73 20.73,18.31
19.83,18.56C19.36,18.69 18.5,18.78 17.18,18.84C15.88,18.91 14.69,18.94
13.59,18.94L12,19C7.81,19 5.2,18.84 4.17,18.56C3.27,18.31 2.69,17.73 2.44,16.83C2.31,16.36
2.22,15.73 2.16,14.93C2.09,14.13 2.06,13.44 2.06,12.84L2,12C2,9.81 2.16,8.2
2.44,7.17C2.69,6.27 3.27,5.69 4.17,5.44C4.64,5.31 5.5,5.22 6.82,5.16C8.12,5.09 9.31,5.06
10.41,5.06L12,5C16.19,5 18.8,5.16 19.83,5.44C20.73,5.69 21.31,6.27 21.56,7.17Z'
fill='#fff'/></svg><span>Youtube</span></a>
<a class='linkbl' expr:href='"https://www.blogger.com/follow.g?
view=FOLLOW&blogID=" + data:blog.blogId' rel='nofollow noopener' target='_blank'
title='Link to Blogger'><svg height='34' viewBox='0 0 24 24' width='34'
xmlns='http://www.w3.org/2000/svg'><title>Google+</title><path d='M14,13H9.95A1,1 0 0,0
8.95,14A1,1 0 0,0 9.95,15H14A1,1 0 0,0 15,14A1,1 0 0,0 14,13M9.95,10H12.55A1,1 0 0,0
13.55,9A1,1 0 0,0 12.55,8H9.95A1,1 0 0,0 8.95,9A1,1 0 0,0 9.95,10M16,9V10A1,1 0 0,0
17,11A1,1 0 0,1 18,12V15A3,3 0 0,1 15,18H9A3,3 0 0,1 6,15V8A3,3 0 0,1 9,5H13A3,3 0 0,1
16,8M20,2H4C2.89,2 2,2.89 2,4V20A2,2 0 0,0 4,22H20A2,2 0 0,0 22,20V4C22,2.89 21.1,2 20,2Z'
fill='#fff'/></svg><span>Blogger</span></a>
</div>
</div>
<a class='closebtn' href='javascript:void(0)'
onclick='closeNav();menuoverlayOff();removeClassBody()'>&times;</a>
</div>
<div id='menuoverlay' onclick='closeNav();menuoverlayOff();removeClassBody();'/>
<b:section class='search_box' id='search_box' maxwidgets='1' showaddelement='no'>
<b:widget id='BlogSearch1' locked='true' title='Search This Blog' type='BlogSearch' version='1'>
<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'>
<div expr:id='data:widget.instanceId + "_form"'>
<form class='gsc-search-box' expr:action='data:blog.searchUrl'>
<b:attr cond='not data:view.isPreview' name='target' value='_top'/>
<input autocomplete='off' class='gsc-input' expr:value='data:view.isSearch ?
data:view.search.query.escaped : ""' name='q' placeholder='Type and enter....'
size='10' title='search' type='text'/>
<input name='max-results' type='hidden' value='10'/>
<button class='gsc-search-button' title='search' type='submit'><svg height='24'
viewBox='0 0 24 24' width='24'><path d='M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59
14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16
9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12
14,9.5C14,7 12,5 9.5,5Z' fill='#333'/></svg></button>
</form>
</div>
</div>
</b:includable>
</b:widget>
</b:section>
<a aria-label='Open Menu' class='icon_menu' href='javascript:void(0);'
onclick='openNav();menuoverlayOn();addClassBody();' title='Menu'>
<svg height='24px' viewBox='0 0 24 24' width='24px'><path
d='M3,6H21V8H3V6M3,11H21V13H3V11M3,16H21V18H3V16Z' fill='#000000'/></svg>
</a>
<div class='clear'/>
</div>
</div>
<div class='content-wrapper'>
<div class='outer-wrapper'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:section class='sidebar' id='FeaturedPost' preferred='yes'>
<b:widget id='FeaturedPost1' locked='false' title='Featured Post' type='FeaturedPost'
version='1'>
<b:widget-settings>
<b:widget-setting name='showSnippet'>true</b:widget-setting>
<b:widget-setting name='showPostTitle'>true</b:widget-setting>
<b:widget-setting name='postId'>4609071372758225116</b:widget-setting>
<b:widget-setting name='showFirstImage'>true</b:widget-setting>
<b:widget-setting name='useMostRecentPost'>false</b:widget-setting>
</b:widget-settings>
<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>
<b:include name='content'/>
<div class='clear'/>
</b:includable>
<b:includable id='content'>
<div class='post-summary'>
<b:if cond='data:showFirstImage and data:postFirstImage != ""'>
<a expr:href='data:postUrl' expr:title='data:postTitle'>
<img class='image lazy' expr:alt='data:postTitle' expr:data-
src='resizeImage(data:postFirstImage, 400, "16:9")' expr:title='data:postTitle'
height='9'
src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJAQMAAAAB5D5xAAAAA
1BMVEUAAACnej3aAAAAAXRSTlMAQObYZgAAAApJREFUCNdjwA0AABsAAQrj5HwAAAAASUVOR
K5CYII=' width='16'/>
</a>
</b:if>
<b:if cond='data:showPostTitle and data:postTitle != ""'>
<h3><a expr:href='data:postUrl' expr:title='data:postTitle'><data:postTitle/></a></h3>
</b:if>
<b:if cond='data:showSnippet and data:postSummary != ""'>
<p>
<data:postSummary/>
</p>
</b:if><a class='readmore' expr:href='data:postUrl' title='Read More'>Read More</a>
</div>
</b:includable>
</b:widget>
</b:section>
</b:if>
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog' version='1'>
<b:widget-settings>
<b:widget-setting name='commentLabel'>komentar</b:widget-setting>
<b:widget-setting name='showShareButtons'>true</b:widget-setting>
<b:widget-setting name='authorLabel'>By</b:widget-setting>
<b:widget-setting name='disableGooglePlusShare'>true</b:widget-setting>
<b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
<b:widget-setting name='timestampLabel'>di</b:widget-setting>
<b:widget-setting name='reactionsLabel'>Reaksi:</b:widget-setting>
<b:widget-setting name='showAuthorProfile'>true</b:widget-setting>
<b:widget-setting name='style.layout'>1x1</b:widget-setting>
<b:widget-setting name='showLocation'>true</b:widget-setting>
<b:widget-setting name='showTimestamp'>true</b:widget-setting>
<b:widget-setting name='postsPerAd'>1</b:widget-setting>
<b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>
<b:widget-setting name='backlinksLabel'>Link ke posting ini</b:widget-setting>
<b:widget-setting name='showDateHeader'>true</b:widget-setting>
<b:widget-setting name='style.textcolor'>#000000</b:widget-setting>
<b:widget-setting name='showCommentLink'>true</b:widget-setting>
<b:widget-setting name='style.urlcolor'>#008000</b:widget-setting>
<b:widget-setting name='postLocationLabel'>Lokasi:</b:widget-setting>
<b:widget-setting name='showAuthor'>true</b:widget-setting>
<b:widget-setting name='style.linkcolor'>#0000ff</b:widget-setting>
<b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>
<b:widget-setting name='showLabels'>true</b:widget-setting>
<b:widget-setting name='postLabelsLabel'>Label:</b:widget-setting>
<b:widget-setting name='showBacklinks'>false</b:widget-setting>
<b:widget-setting name='showInlineAds'>false</b:widget-setting>
<b:widget-setting name='showReactions'>false</b:widget-setting>
</b:widget-settings>
<b:includable id='main' var='top'>
<!-- posts -->
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<data:defaultAdStart/>
<b:loop index='x' values='data:posts' var='post'>
<div class='post-outer'>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='posts' name='breadcrumb'/>
</b:if>
<b:include data='post' name='post'/>
<b:include cond='data:blog.pageType == "item"' data='post' name='comment'/>
<div class='clear'/>
</div>
<b:if cond='data:blog.pageType not in {"static_page","item"} and not
data:blog.searchQuery'>
<b:include data='posts' name='AdsenseHomePost'/>
</b:if>
<b:if cond='data:post.includeAd'>
<b:if cond='data:post.isFirstPost'>
<data:defaultAdEnd/>
<b:else/>
<data:adEnd/>
</b:if>
<b:if cond='data:mobile == "false"'>
<div class='inline-ad'>
<data:adCode/>
</div>
</b:if>
<data:adStart/>
</b:if>
<b:if cond='data:post.trackLatency'>
<data:post.latencyJs/>
</b:if>
</b:loop>
<data:adEnd/>
</div>
<div class='clear'/>
<!-- navigation -->
<b:include name='nextprev'/>
</b:includable>
<b:includable id='AdsenseAboveComment'>
<b:if cond='data:view.isPost'>
<div class='iklan-ataskomen'>
<!-- kode Iklan di atas komentar letakkan di sini -->
<!-- pakai iklan in-feed, sesuaikan data-ad-client dan data-ad-slot -->
<ins class='adsbygoogle' data-ad-client='ca-pub-xxxxxxxxxxxxxxxx' data-ad-format='fluid' data-
ad-layout-key='-5e+cx-e-ax+nv' data-ad-slot='xxxxxxxxxxxx' style='display:block'/>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
</b:if>
</b:includable>
<b:includable id='AdsenseHomePost'>
<!-- Kode iklan di antara postingan homepage -->
<b:if cond='data:x==2'>
<div class='post-outer'>
<div class='post home-ad'>
<!-- IKLAN DI BAWAH INI -->
<!-- pakai iklan responsive, sesuaikan data-ad-client dan data-ad-slot -->
<ins class='adsbygoogle' data-ad-client='ca-pub-xxxxxxxxxxxxxxxx' data-ad-format='rectangle'
data-ad-slot='xxxxxxxxxxxx' style='display:block; text-align:center;'/>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
</div>
</b:if>
<b:if cond='data:x==5'>
<div class='post-outer'>
<div class='post home-ad'>
<!-- IKLAN DI BAWAH INI -->
<!-- pakai iklan responsive, sesuaikan data-ad-client dan data-ad-slot -->
<ins class='adsbygoogle' data-ad-client='ca-pub-xxxxxxxxxxxxxxxx' data-ad-format='rectangle'
data-ad-slot='xxxxxxxxxxxx' style='display:block; text-align:center;'/>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
</div>
</b:if>
</b:includable>
<b:includable id='AdsensePostBelow'>
<b:if cond='data:view.isPost'>
<div class='iklan-bawahpost'>
<!-- kode Iklan di bawah post letakkan di sini -->
<!-- pakai iklan in-article, sesuaikan data-ad-client dan data-ad-slot -->
<ins class='adsbygoogle' data-ad-client='ca-pub-xxxxxxxxxxxxxxxx' data-ad-format='fluid' data-
ad-layout='in-article' data-ad-slot='xxxxxxxxxxxx' style='display:block; text-align:center;'/>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
</b:if>
</b:includable>
<b:includable id='AdsensePostMiddle'>
<b:if cond='data:view.isPost'>
<div class='middleAds middleAds1' id='middleAds1'>
<!-- iklan di tengah postingan -->
<!-- pakai iklan in-article, sesuaikan data-ad-client dan data-ad-slot -->
<ins class='adsbygoogle' data-ad-client='ca-pub-xxxxxxxxxxxxxxxx' data-ad-format='fluid' data-
ad-layout='in-article' data-ad-slot='xxxxxxxxxxxx' style='display:block; text-align:center;'/>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
<div class='middleAds middleAds2' id='middleAds2'>
<!-- Your middle ads2 here -->
<!-- pakai iklan in-article, sesuaikan data-ad-client dan data-ad-slot -->
<ins class='adsbygoogle' data-ad-client='ca-pub-xxxxxxxxxxxxxxxx' data-ad-format='fluid' data-
ad-layout='in-article' data-ad-slot='xxxxxxxxxxxx' style='display:block; text-align:center;'/>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
</b:if>
</b:includable>
<b:includable id='AdsenseRelatedPostBelow'>
<b:if cond='data:view.isPost'>
<div class='iklan-bawahpost mb0'>
<!-- kode Iklan Link di bawah Related post letakkan di sini -->
<!-- pakai iklan link responsive, sesuaikan data-ad-client dan data-ad-slot atau bisa menggunakan
unit matched content -->
<ins class='adsbygoogle' data-ad-client='ca-pub-xxxxxxxxxxxxxxxx' data-ad-format='link' data-ad-
slot='xxxxxxxxxxxx' style='display:block;height:250px;'/>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
</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.pageType == "item"'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' itemscope='itemscope'
itemtype='https://schema.org/BreadcrumbList'>
<svg viewBox='0 0 24 24'><path d='M10,20V14H14V20H19V12H22L12,3L2,12H5V20H10Z'
fill='#000000'/></svg>
<span itemprop='itemListElement' itemscope='itemscope'
itemtype='https://schema.org/ListItem'>
<a expr:href='data:blog.homepageUrl' itemprop='item' title='Home'><span
itemprop='name'>Home</span></a>
<meta content='1' itemprop='position'/>
</span>
<svg viewBox='0 0 24 24'><path d='M5.5,9A1.5,1.5 0 0,0 7,7.5A1.5,1.5 0 0,0 5.5,6A1.5,1.5 0 0,0
4,7.5A1.5,1.5 0 0,0 5.5,9M17.41,11.58C17.77,11.94 18,12.44 18,13C18,13.55 17.78,14.05
17.41,14.41L12.41,19.41C12.05,19.77 11.55,20 11,20C10.45,20 9.95,19.78
9.58,19.41L2.59,12.42C2.22,12.05 2,11.55 2,11V6C2,4.89 2.89,4 4,4H9C9.55,4 10.05,4.22
10.41,4.58L17.41,11.58M13.54,5.71L14.54,4.71L21.41,11.58C21.78,11.94 22,12.45
22,13C22,13.55 21.78,14.05 21.42,14.41L16.04,19.79L15.04,18.79L20.75,13L13.54,5.71Z'
fill='#000000'/></svg>
<b:loop index='num' values='data:post.labels' var='label'>
<span itemprop='itemListElement' itemscope='itemscope'
itemtype='https://schema.org/ListItem'>
<a expr:href='data:label.url + "?&max-results=16"' expr:title='data:label.name'
itemprop='item'>
<span itemprop='name'><data:label.name/></span>
</a>
<meta expr:content='data:num+2' itemprop='position'/>
</span>
<b:if cond='data:label.isLast != "true"'>
<svg viewBox='0 0 24 24'><path
d='M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z' fill='#000000'/></svg>
</b:if>
</b:loop>
<svg viewBox='0 0 24 24'><path
d='M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z' fill='#000000'/></svg>
<span><data:post.title/></span>
</div>
</b:if>
</b:loop>
</b:if>
</b:includable>
<b:includable id='comment' var='post'>
<b:if cond='data:blog.pageType == "item"'>
<div id='open-comment'/>
<div class='disclaimer_box'>
<div class='content'>
<b>Comment Policy:</b> Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan
halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
</div>
</div>
<div aria-label='Buka Komentar' class='buka-komen' id='buka-komen'
onclick='document.getElementById("comments").style.display="block";
document.getElementById("tutup-
komen").style.display="block";document.getElementById("buka-
komen").style.display="none";jump("open-comment")'
role='button' tabindex='0'>Buka Komentar</div>
<div aria-label='Tutup Komentar' class='tutup-komen' id='tutup-komen'
onclick='document.getElementById("comments").style.display="none";d
ocument.getElementById("tutup-
komen").style.display="none";document.getElementById("buka-
komen").style.display="block";jump("close-comment")'
role='button' tabindex='0'>Tutup Komentar</div>
</b:if>
<div class='comments' id='comments'>
<b:include data='post' name='disqus-comment'/>
</div>
</b:includable>
<b:includable id='comment-form' var='post'/>
<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'/>
<b:includable id='disqus-comment' var='post'>
<b:if cond='data:blog.pageType == "item"'>
<div id='disqus_thread'/>
<script>
var disqus_config = function () {
this.page.url = "<data:blog.canonicalUrl/>"; // Replace PAGE_URL with your
page's canonical URL variable
this.page.identifier = ""; // Replace PAGE_IDENTIFIER with your page's unique
identifier variable
this.page.title = "<data:blog.pageName/>";
};
</script>
<noscript>Please enable JavaScript to view the <a href='https://disqus.com/?
ref_noscript'>comments powered by Disqus.</a></noscript>
</b:if>
</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='nav-post'>
<b:if cond='data:blog.pageType == "item"'>
<div class='halaman'>
<div class='blog-pager' id='blog-pager'>
<div class='halaman-kiri'>
<div class='isihalaman-kiri'>
<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'>Next Post</a>
</span>
<b:else/>
<span class='current-pageleft'>Newest Post</span>
</b:if>
<div class='clear'/>
</div>
<svg class='panahkiri' viewBox='0 0 24 24'>
<path d='M15.41,16.58L10.83,12L15.41,7.41L14,6L8,12L14,18L15.41,16.58Z' fill='#000000'/>
</svg>
</div>
<div class='halaman-kanan'>
<div class='isihalaman-kanan'>
<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'>Previous Post</a>
</span>
<b:else/>
<span class='current-pageright'>Oldest Post</span>
</b:if>
<div class='clear'/>
</div>
<svg class='panahkanan' viewBox='0 0 24 24'>
<path d='M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z' fill='#000000'/>
</svg>
</div>
</div>
<div class='clear'/>
</div>
</b:if>
</b:includable>
<b:includable id='nextprev'>
<b:if cond='data:blog.pageType != "static_page" and data:blog.pageType !=
"item"'>
<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:aria-label='data:newerPageTitle'
expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-
link"' expr:title='data:newerPageTitle'><svg viewBox='0 0 24 24'>
<path d='M15.41,16.58L10.83,12L15.41,7.41L14,6L8,12L14,18L15.41,16.58Z' fill='#000000'/>
</svg></a>
<span class='clear'/>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:aria-label='data:olderPageTitle'
expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-
link"' expr:title='data:olderPageTitle'><svg viewBox='0 0 24 24'>
<path d='M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z' fill='#000000'/>
</svg></a>
<span class='clear'/>
</span>
</b:if>
<div class='mobile-link-button' id='blog-pager-home-link'>
<a class='home-link' expr:aria-label='data:homeMsg' expr:href='data:blog.homepageUrl'
expr:title='data:homeMsg'><svg viewBox='0 0 24 24'>
<path d='M10,20V14H14V20H19V12H22L12,3L2,12H5V20H10Z' fill='#000000'/>
</svg></a>
</div>
<div class='mobile-desktop-link'>
<a class='home-link' expr:href='data:blog.homepageUrl'
expr:title='data:homeMsg'><data:desktopLinkMsg/></a>
</div>
</div>
<div class='clear'/>
<div class='home-box'><svg viewBox='0 0 24 24'>
<path d='M15.41,16.58L10.83,12L15.41,7.41L14,6L8,12L14,18L15.41,16.58Z' fill='#000000'/>
</svg></div>
<div class='last-box'><svg viewBox='0 0 24 24'>
<path d='M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z' fill='#000000'/>
</svg></div>
</b:if>
</b:includable>
<b:includable id='post' var='post'>
<article class='post'>
<div class='<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>'>
<b:if cond='data:blog.pageType == "item" or data:blog.pageType ==
"static_page"'>
<script type='application/ld+json'>{
"@context": "http://schema.org",
"@type": "BlogPosting",
"mainEntityOfPage": {
"@type": "WebPage",
"@id": "<data:post.canonicalUrl/>"
},
"headline": "<data:view.title.escaped/>",
<b:if cond='data:blog.pageType == "item"'><b:if
cond='data:blog.metaDescription'>"description":
"<data:blog.metaDescription.escaped/>",<b:else/>"description":
"Silahkan kunjungi postingan <data:view.title.escaped/> untuk membaca artikel
selengkapnya dengan klik link di atas.",</b:if></b:if><b:if cond='data:blog.pageType ==
"static_page"'><b:if cond='data:blog.metaDescription'>"description":
"<data:blog.metaDescription.escaped/>",<b:else/>"description":
"Silahkan kunjungi halaman <data:view.title.escaped/> untuk mendapatkan informasi
selengkapnya dengan klik link di atas.",</b:if></b:if>
"datePublished": "<data:post.timestampISO8601/>",
"dateModified": "<data:post.lastUpdatedISO8601/>",
"image": {
"@type": "ImageObject",<b:if
cond='data:post.firstImageUrl'>"url": "<b:eval
expr='resizeImage(data:post.firstImageUrl,1280,"1280:720")'/>",<b:else/>&qu
ot;url": "https://4.bp.blogspot.com/-
8kN5uucyxDI/XD6vAIw18dI/AAAAAAAA7kU/uTwzqq0EbvgGyzRaNuLpjzARZIKOWbVoACLcBGAs/s
1280/no-thumbnail.jpg",</b:if>
"height": 720,
"width": 1280},"publisher": {
"@type": "Organization",
"name": "<data:blog.title/>",
"logo": {
"@type": "ImageObject",
"url": "https://1.bp.blogspot.com/-
3gq6Fk2qUaA/XRDrWo_L5qI/AAAAAAAAH-s/s4oohBdItyI_nV-
PudNgKCYUA0ph2VYAACLcBGAs/s600/Untitled-1.png",
"width": 600,
"height": 60
}
},"author": {
"@type": "Person",
"name": "<data:post.author/>"
}
}</script>
</b:if>
<b:if cond='data:blog.pageType != "item" and data:blog.pageType !=
"static_page"'>
<div class='posts-thumb'>
<a expr:href='data:post.canonicalUrl' expr:title='data:post.title'>
<b:if cond='data:post.thumbnailUrl'>
<img class='lazy' expr:alt='data:post.title' expr:data-
src='resizeImage(data:post.thumbnailUrl, 300, "16:9")' expr:title='data:post.title'
height='9'
src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJAQMAAAAB5D5xAAAAA
1BMVEUAAACnej3aAAAAAXRSTlMAQObYZgAAAApJREFUCNdjwA0AABsAAQrj5HwAAAAASUVOR
K5CYII=' width='16'/>
<b:else/>
<img class='lazy' data-src='https://3.bp.blogspot.com/-
x_mMtgFf6XE/VlhLxwdLekI/AAAAAAAAj3c/N7fRz1lbMSg/s300/no-thumbnail.jpg'
expr:alt='data:post.title' height='9'
src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJAQMAAAAB5D5xAAAAA
1BMVEUAAACnej3aAAAAAXRSTlMAQObYZgAAAApJREFUCNdjwA0AABsAAQrj5HwAAAAASUVOR
K5CYII=' width='16'/>
</b:if>
</a>
</div>
</b:if>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
<b:else/>
<h1 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<div class='thumb-post'>
<b:if cond='data:blog.postImageUrl'>
<img expr:alt='data:blog.pageName' expr:src='data:blog.postImageUrl'
expr:title='data:blog.pageName' height='376.88' width='670'/>
</b:if>
</div>
</b:if>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id'>
<b:if cond='data:blog.pageType != "item" and data:blog.pageType !=
"static_page"'>
<div class='snippets'>
<p><b:eval expr='snippet(data:post.longSnippet, {length: 200})'/></p>
</div>
</b:if>
<b:if cond='data:blog.pageType == "item" or data:blog.pageType ==
"static_page"'>
<div id='tgtPost'>
<data:post.body/>
</div>
<b:include data='posts' name='AdsensePostMiddle'/>
</b:if>
<div class='clear'/> <!-- clear for photos floats -->
</div>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='posts' name='AdsensePostBelow'/>
<div class='clear'/>
<div id='close-comment'/>
<div class='share-box lazyloading'>
<!--
<b:include data='post' name='shareAddThis'/> -->
</div>
<div class='related-wrapper'>
<h3>You Might Also Like:</h3>
<b:include data='post' name='relatedposts'/>
<div class='clear'/>
<b:include data='posts' name='AdsenseRelatedPostBelow'/>
<div class='clear'/>
</div>
</b:if>
<div class='clear'/>
</div>
</article>
<b:if cond='data:blog.pageType == "item"'>
<b:include name='nav-post'/>
<b:include data='posts' name='AdsenseAboveComment'/>
</b:if>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.adminClass'>
<a expr:href='"//www.blogger.com//post-edit.g?blogID=" + data:blog.blogId +
"&amp;postID="+ data:post.id + "&amp;from=pencil"'
expr:title='data:top.editPostMsg'>
<i class='fa fa-pencil-square-o'/>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='relatedposts'>
<b:if cond='data:blog.pageType == "item"'>
<div class='lazyloadimg'>
<!-- <div class='related-post' id='related-post'/> --></div>
<script>
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/>",
numPosts:6,
thumbnailSize:300,
widgetStyle:2,
callBack: function() {}
};
</script>
</b:if>
</b:includable>
<b:includable id='shareAddThis' var='post'>
<b:if cond='data:blog.pageType == "item"'>
<div class='resp-sharing'>
</b:if>
</b:includable>
<b:includable id='shareButtons' var='post'/>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div class='clear'/>
</b:if>
</b:includable>
<b:includable id='threaded-comment-form' var='post'/>
<b:includable id='threaded_comment_js' var='post'/>
<b:includable id='threaded_comments' var='post'/>
</b:widget>
</b:section>
</div>
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='HTML1' locked='false' title='Adsense Right Sidebar' type='HTML' version='1'>
<b:widget-settings>
<b:widget-setting name='content'><!-- Simpan iklan Adsense di bawah ini, gunakan
iklan responsive, sesuaikan data-ad-client dan data-ad-slot -->
document.addEventListener("DOMContentLoaded",function(){function e()
{r&&clearTimeout(r),r=setTimeout(function(){var t=window.pageYOffset;n.forEach(function(e)
{e.offsetTop<window.innerHeight+t&&(e.src=e.dataset.src,e.src=e.src.replace(/.*?:\/\//g,"//"),e.
classList.remove("lazy"))}),0==n.length&&(document.removeEventListener("scroll",e),window.re
moveEventListener("resize",e),window.removeEventListener("orientationChange",e))},20)}var
n;if("IntersectionObserver"in window){n=document.querySelectorAll(".lazy");var t=new
IntersectionObserver(function(e){e.forEach(function(e){if(e.isIntersecting){var
n=e.target;n.src=n.dataset.src,n.src=n.src.replace(/.*?:\/\//g,"//"),n.classList.remove("lazy"),t.un
observe(n)}})});n.forEach(function(e){t.observe(e)})}else{var
r;n=document.querySelectorAll(".lazy"),document.addEventListener("scroll",e),window.addEven
tListener("resize",e),window.addEventListener("orientationChange",e)}});
function im() {
var x=document.querySelectorAll(".lazyloadimg"),i;for(i=0;i<x.length;i+
+)x[i].innerHTML=x[i].innerHTML.replace("<!--","").replace("-->","");
}window.onload = im;
cookieOptions = {
msg: "This site uses cookies to help deliver services. By using this site, you agree to the use of
cookies.",
link: "https://www.blogger.com/go/blogspot-cookies",
close: "Got it!",
learn: "Learn More" };
//]]>
</script>
</b:if>
<b:if cond='data:blog.pageType in {"item"}'>
<script>
var RandomPostConfig = {homePage: "<data:blog.homepageUrl/>",numPosts:6};
//<![CDATA[
var shortname = "ayo-viralkan";
function downloadJSAtOnload(){var
d=document.createElement("script");d.src="https://cdn.jsdelivr.net/gh/KompiAjaib/js@master/k
ompiflexible8_post12.js",document.body.appendChild(d)}window.addEventListener?
window.addEventListener("load",downloadJSAtOnload,!1):window.attachEvent?
window.attachEvent("onload",downloadJSAtOnload):window.onload=downloadJSAtOnload;
function insertAfter(tbh,tgt) {
var prt = tgt.parentNode;
if (prt.lastChild == tgt) {prt.appendChild(tbh);}
else {prt.insertBefore(tbh,tgt.nextSibling);}}
var tgt = document.getElementById("tgtPost");
var midAd1 = document.getElementById("middleAds1");
var midAd2 = document.getElementById("middleAds2");
var showAd1 = tgt.getElementsByTagName("br");
var showAd2 = tgt.getElementsByTagName("p");
if (showAd1.length > 0) {insertAfter(midAd1,showAd1[2]);}
if (showAd2.length > 0) {insertAfter(midAd1,showAd2[2]);}
if (showAd1.length > 0) {insertAfter(midAd2,showAd1[6]);}
if (showAd2.length > 0) {insertAfter(midAd2,showAd2[6]);};
cookieOptions = {
msg: "This site uses cookies to help deliver services. By using this site, you agree to the use of
cookies.",
link: "https://www.blogger.com/go/blogspot-cookies",
close: "Got it!",
learn: "Learn More" };
//]]>
</script>
</b:if>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async='async' src='https://www.googletagmanager.com/gtag/js?id=UA-xxxxxxxxx-x'/>
<script>
//<![CDATA[
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-57186166-16');
//]]>
// Hide First Image on Post
document.querySelectorAll(".separator,.tr-caption-container")[0].style.display=
"none";
</script>
<script
src='https://cdn.jsdelivr.net/gh/tigamata/iscream@1cc197b8b49f089
79daa01262f3f9d585bfea5a3/safelink_utama.js'/>
<script>
//<![CDATA[
protected_links =
"soalprediksi.com,blogger.com,plus.google.com,bkn.go.id,linkedin.
com,twitter.com,youtube.com,facebook.com,blogspot.com"; //Simpan
domain yang tidak ingin di-encrypted
auto_safelink();
//]]>
</script>
</b:if>
<!--</body>--> </body>
</HTML>