<!DOCTYPE html> <HTML class='static_page' dir='ltr' lang='in'> <head> <meta charset='utf-8'/> <meta content='width=device-width,minimum-scale=1,initial-scale=1' name='viewport'/> <meta content='IE=9; IE=8; IE=7; IE=EDGE; chrome=1' http-equiv='X-UA-Compatible'/> <title>Contact</title> <!-- Chrome, Firefox OS and Opera --> <meta content='#00626B' name='theme-color'/> <!-- Windows Phone --> <meta content='#00626B' name='msapplication-navbutton-color'/> <link href='https://www.kompiajaib.com/favicon.ico' rel='icon' type='image/x-icon'/> <link href='https://3.bp.blogspot.com/-neRXGiMMl78/VwNf50cBEwI/AAAAAAAAmGk/jvUDozATUdU2fyPTXIc1fRjLdRLIpQQeA/s32/favicon-32x32.png' rel='icon' sizes='32x32'/> <link href='https://4.bp.blogspot.com/-_fuRWmsvvhw/VwNgCd9RvqI/AAAAAAAAmGo/IFhwNoh-_OIEsUORb-ie9gauR5HQgKAhQ/s192/android-icon-192x192.png' rel='icon' sizes='192x192'/> <link href='https://2.bp.blogspot.com/-Ahu-Rk5-2pU/VwNgIz2ruDI/AAAAAAAAmGs/lt_weAllC2ArCyVu09nB7Gms_HUqJIeUw/s180/apple-icon-180x180.png' rel='apple-touch-icon-precomposed'/> <meta content='https://2.bp.blogspot.com/-9y27HsKCpyc/VwNgnWg1DlI/AAAAAAAAmG0/3Vl1JcjOBGoPAcMCqKIDDaMg53UffCMDg/s144/ms-icon-144x144.png' name='msapplication-TileImage'/> <link href='https://cdn.rawgit.com/KompiAjaib/kompi-html/master/contact_ka3.html' rel='canonical'/> <link href='https://plus.google.com/117950600521728942551' rel='me'/> <link href='https://plus.google.com/117950600521728942551' rel='publisher'/> <meta content='KOMPI AJAIB' property='og:site_name'/> <meta content='https://3.bp.blogspot.com/-ccUYbxIIDvM/VqSSu92MnZI/AAAAAAAAksc/HExcuDOoKIQ/s256/logo.png' property='og:image'/> <meta content='KOMPI AJAIB' property='og:image:alt'/> <meta content='158' property='og:image:width'/> <meta content='158' property='og:image:height'/> <style amp-custom='amp-custom'> /*<![CDATA[*/ @font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(https://fonts.gstatic.com/s/roboto/v16/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2'),url(https://fonts.gstatic.com/s/roboto/v16/2UX7WLTfW3W8TclTUvlFyQ.woff) format('woff'),url(https://fonts.gstatic.com/s/roboto/v16/QHD8zigcbDB8aPfIoaupKOvvDin1pK8aKteLpeZ5c0A.ttf) format('truetype')}@font-face{font-family:Roboto;font-style:normal;font-weight:500;src:local('Roboto Medium'),local('Roboto-Medium'),url(https://fonts.gstatic.com/s/roboto/v16/RxZJdnzeo3R5zSexge8UUVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'),url(https://fonts.gstatic.com/s/roboto/v16/RxZJdnzeo3R5zSexge8UUT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff'),url(https://fonts.gstatic.com/s/roboto/v16/RxZJdnzeo3R5zSexge8UUSZ2oysoEQEeKwjgmXLRnTc.ttf) format('truetype')}@font-face{font-family:Roboto;font-style:italic;font-weight:400;src:local('Roboto Italic'),local('Roboto-Italic'),url(https://fonts.gstatic.com/s/roboto/v16/vPcynSL0qHq_6dX7lKVByfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'),url(https://fonts.gstatic.com/s/roboto/v16/1pO9eUAp8pSF8VnRTP3xnvesZW2xOQ-xsNqO47m55DA.woff) format('woff'),url(https://fonts.gstatic.com/s/roboto/v16/W4wDsBUluyw0tK3tykhXEXYhjbSpvc47ee6xR_80Hnw.ttf) format('truetype')}@font-face{font-family:Roboto;font-style:italic;font-weight:500;src:local('Roboto Medium Italic'),local('Roboto-MediumItalic'),url(https://fonts.gstatic.com/s/roboto/v16/OLffGBTaF0XFOW1gnuHF0Y4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2'),url(https://fonts.gstatic.com/s/roboto/v16/OLffGBTaF0XFOW1gnuHF0YbN6UDyHWBl620a-IRfuBk.woff) format('woff'),url(https://fonts.gstatic.com/s/roboto/v16/OLffGBTaF0XFOW1gnuHF0SwlidHJgAgmTjOEEzwu1L8.ttf) format('truetype')}@font-face{font-family:'Roboto Slab';font-style:normal;font-weight:300;src:local('Roboto Slab Light'),local('RobotoSlab-Light'),url(https://fonts.gstatic.com/s/robotoslab/v7/BngRUXZYTXPIvIBgJJSb6u9mxLCGwR0.woff2) format('woff2'),url(https://fonts.gstatic.com/s/robotoslab/v7/BngRUXZYTXPIvIBgJJSb6u9mxLCGwRs.woff) format('woff'),url(https://cdn.rawgit.com/KompiAjaib/font/master/RobotoSlab-Light.ttf) format('truetype')} #navbar-iframe{height:0;visibility:hidden;} body{background:#fff;} .post-body a[href^="http://"]:after,.post-body a[href^="https://"]:after,a,.transition4s{transition:all .4s ease-in-out} .spoiler-amp amp-accordion h4,:active,:focus{outline:0} ::selection{background:#00626B;} a img{border-width:0} *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box} .halaman-kanan a:hover,.halaman-kanan:hover .pager-title-left,.halaman-kiri a:hover,.halaman-kiri:hover .pager-title-left,.archive_page #blog-pager-home-link a.home-link:hover,.archive_page #blog-pager-newer-link a:hover,.archive_page #blog-pager-older-link a:hover,.home_page #blog-pager-home-link a.home-link:hover,.home_page #blog-pager-newer-link a:hover,.home_page #blog-pager-older-link a:hover,#blog-pager-newer-link a:hover,#blog-pager-older-link a:hover,a.home-link:hover,a.tombol-link:hover,.breadcrumbs a:hover,.author a:hover,.postmeta a:hover,#toc a:hover,.post-body code,.post-body pre,.post-body pre code,.post-body blockquote cite,.post-body a,.PageList ul li a:hover,a,.color00626B{color:#00626B} ::selection,.colorfff{color:#fff} .post-body .table th,.post-body .table td,.post-body .table th,.post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6,.color333{color:#333} #toc a,#toc li,.color555{color:#555} a:hover,a,abbr[title]{text-decoration:none} .contact-box amp-accordion section:not([expanded]) .show-less,.contact-box amp-accordion section[expanded] .show-more,.static_page .fb-comments,.static_page #comments,.static_page #sidebar-wrapper,.static_page .disqus,.static_page .leaderboard,.archive_page #sidebar-wrapper,.archive_page .post .post-body .snippets,.home_page #sidebar-wrapper,.post-body a.btn[href^="http://"]:after,.post-body a.btn[href^="http://"]:hover:after,.post-body a.btn[href^="https://"]:after,.post-body a.btn[href^="https://"]:hover:after,.post-body a[href^="http://www.kompiajaib.com/"]:after,.post-body a[href^="http://www.kompiajaib.com/"]:hover:after,.post-body a[href^="https://www.kompiajaib.com/"]:after,.post-body a[href^="https://www.kompiajaib.com/"]:hover:after,.post .jump-link,.quickedit,amp-accordion.parse_box section:not([expanded]) .show-less,amp-accordion.parse_box section[expanded] .show-more,amp-accordion.shares section:not([expanded]) .show-less,amp-accordion.shares section[expanded] .show-more,amp-sidebar li.menu-mobile,section:not([expanded]) .show-less,section[expanded] .show-more,.post-body .thumbnail,.displaynone,#navbar-iframe{display:none} .disclaimer_box .content p,.static_page .credit-wrapper,.static_page .footer-wrapper,.static_page .outer-wrapper,.status-msg-body,.spoiler-amp amp-accordion div p,.spoiler-amp amp-accordion div pre,.post-body .post-toc,.post-body .separator a,body,.m0{margin:0} .disclaimer_box .content p,.iklan-ataspost,.iklan-bawahpost,.static_page .post-body,.static_page #main-wrapper,.static_page .outer-wrapper,.status-msg-wrap,.spoiler-amp amp-accordion div p,.spoiler-amp amp-accordion div pre,.post-body .post-toc,.p0{padding:0} .img-left,.photo-sender,.spoiler-amp .spoiler_title,.post-body .post-content,.floatleft{float:left;} .img-right,.post-body .post-toc,.floatright{float:right;} .status-msg-wrap,#toc a,#toc li,.fontroboto{font-family:Roboto,sans-serif} .status-msg-wrap,.spoiler-amp amp-accordion h4,#toc a,#toc li,.post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6,.fontweight400{font-weight:400;} .disclaimer_box .content b,.status-msg-wrap a,.post-body a.btn[href^="http://"],.post-body a.btn[href^="https://"],.post-body a[href^="http://"],.post-body a[href^="https://"],.name-sender,#btn_toc,.post-body a,.post-body b,.tg-bf,.fontweight500{font-weight:500;} .positionfixed{position:fixed;} .contact-me,#toc a,.post-body blockquote cite,.displayblock{display:block;} .status-msg-wrap a,.post-body a[href^="http://"]:hover:after,.post-body a[href^="https://"]:hover:after,.post-body a[href^="http://"]:after,.post-body a[href^="https://"]:after,.post-sender::before,.name-sender,.photo-sender,.inline-block,.displayinlineblock{display:inline-block;} .status-msg-wrap a,.spoiler-amp amp-accordion h4,kbd,.borderradius3{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;} .post-body blockquote cite,.post-body i,.tg-it{font-style:italic} .post-body pre,i.klik-url{-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all} .liststyle0{list-style:none} .clear{clear:both} .backgroundhitambelang{background:#959595;background:-moz-linear-gradient(45deg,#959595 0,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%);background:-webkit-linear-gradient(45deg,#959595 0,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%);background:linear-gradient(45deg,#959595 0,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#959595', endColorstr='#1b1b1b', GradientType=1 );} #header-wrapper,.outer-wrapper{width:100%;max-width:1440px;box-shadow:0 0 40px 0 rgba(0,0,0,.1)} #main-wrapper,#sidebar-wrapper,.credit-wrapper{word-wrap:break-word} .outer-wrapper{padding:0 10px} #header-wrapper{height:70px;margin:0 auto;padding:0 20px;top:0;left:0;background:#fff;z-index:999} #header{width:20%;line-height:70px} #header h1,#header h1 a,#header p,#header p a{font-size:30px;letter-spacing:-1px;word-spacing:-5px} #header h1 a:hover,#header p a:hover{color:#000} .search_box{width:30%;line-height:70px} .BlogSearch .gsc-search-box{width:100%} .BlogSearch input.gsc-input{width:99%;width:calc(100% - 10px);padding-right:4px\9;padding-left:4px\9;margin-bottom:0;height:34px;padding:6px 12px;font-size:14px;line-height:1.428571429;vertical-align:middle;background-color:#fff;background-image:none;border:1px solid #ccc;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s} .BlogSearch input.gsc-input:focus{border-color:#00626B;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,151,167,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,151,167,.6)} .BlogSearch input.gsc-input::-moz-placeholder{opacity:1} .BlogSearch input.gsc-input:-moz-placeholder,.BlogSearch input.gsc-input::-moz-placeholder,.BlogSearch input.gsc-input:-ms-input-placeholder,.BlogSearch input.gsc-input::-webkit-input-placeholder{color:#999} .BlogSearch td.gsc-search-button{width:60px} .BlogSearch input.gsc-search-button{background-color:#00626B;color:#fff;border:0;width:100%;height:34px;padding:6px 0;text-align:center;font:500 14px Roboto;line-height:1.428571429;vertical-align:middle;background-image:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none} .page{width:47%;width:calc(50% - 48px);padding:0 0 0 20px;} .PageList ul{text-align:right;font-size:0} .PageList ul li a{font-size:14px;line-height:70px;padding:0 15px} .content-wrapper{padding:70px 0 0;position:relative} #main-wrapper{width:78.5%;width:calc(100% - 300px);margin:0 auto;} .post{padding:20px 0 0 80px} .post h1.post-title{font-family:"Roboto Slab",serif;font-size:40px;font-weight:300;line-height:1.2;margin:8px 0 10px} .post .thumb-post{margin:0 -10px 10px -80px} .post-body{font-size:16px;line-height:1.5;width:80%;width:calc(100% - 200px);counter-reset:blockquote} .post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6{line-height:1.1;margin:10px 0} .post-body h1{font-size:40px} .post-body h2{font-size:36px} .post-body h3{font-size:32px} .post-body h4,.post-body h5,.post-body h6{font-size:30px} .post-body a:hover{color:#000} .post-body .share-box{position:relative;margin-top:20px;} .post-body amp-carousel,.post-body amp-facebook,.post-body amp-iframe[src*='youtube.com'],.post-body amp-youtube{margin:0 0 0 -80px} .post-body amp-img.emojika{vertical-align:-12%} .post-body blockquote,.post-body blockquote.kata-kata{font-size:18px;font-family:Georgia;color:#000;border-left:3px solid #00626B;padding:10px;margin:0 0 0 -80px;background:#efefef} .post-body blockquote.kata-kata{counter-increment:blockquote;padding-left:40px;position:relative} .post-body blockquote.kata-kata:before{content:counter(blockquote)'.';position:absolute;left:0;top:0;color:#000;font-size:18px;z-index:2;width:40px;height:40px;line-height:40px;text-align:center} .post-body pre,.tg-left{text-align:left} .post-body blockquote cite{font-size:14px;margin-top:5px} .post-body blockquote cite:before{content:"\2014 \2009";color:#000} .post-body code,.post-body pre,.post-body pre code{font-family:Consolas,Monaco,'Andale Mono',monospace;white-space:initial;word-spacing:normal;word-break:normal;font-size:14px;line-height:1.3em} .post-body pre{border-left:3px solid #00626B;background:#f0f8ff;padding:8px 10px;overflow:auto;max-width:98%;max-width:calc(100% + 80px);margin:0 0 0 -80px;} .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;font-size:90%;padding:5px;vertical-align:top} .post-body .table tr:nth-child(even) td{background-color:#F0F0E5} .post-body .table th{background-color:#EAE2CF;font-size:110%} .post-body .table tr.even:hover td,.post-body .table tr:hover td{color:#222;background-color:#FFFBEF} .tg-right{text-align:right} .center,.tg-center{text-align:center} #btn_toc,.back_toc{cursor:pointer} .post-body .post-toc{width:180px;position:-webkit-sticky;position:sticky;top:100px} .post-body .post-content{width:80%;width:calc(100% - 200px)} #btn_toc{margin-left:15px} #btn_toc svg{vertical-align:middle} #toc{display:grid} #toc a,#toc li{font-size:14px;} .post-toc{border-left:4px solid #00626B} #toc ol{margin-bottom:0;padding:0 0 0 30px} .postmeta,h3.date-header{font-size:14px;} .postmeta{color:#666;width:170px;margin:20px 0 0;position:-webkit-sticky;position:sticky;top:100px} .author{color:#666;padding:2px 5px 2px 0;} .author a,.postmeta a{color:#666;font-weight:400} span.post-author{position:relative} .authorphoto{width:80px;height:80px;margin-bottom:5px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;display:block} .post-labels{padding:2px 5px 2px 0;display:block} .postmeta svg{width:18px;height:18px;vertical-align:-1px;display:inline;float:left;margin-right:4px} .postmeta svg path{fill:#999} .post-labels svg+a{display:block;margin-left:0;margin-top:0} .post-labels a{display:block;margin-left:22px;margin-top:5px} .post-icons svg{width:24px;height:24px} .post-icons{position:absolute;top:0;left:60px} .shortener-box{margin-bottom:10px} .shortener-box .shorten-text{vertical-align:10px;} .sharethis a.url,h2.donate{font-size:16px;} .sharethis a.url{text-decoration:none;margin-top:5px;color:#333;background:#f8f8f8;border:1px solid #ccc;box-shadow:0 1px 0 rgba(0,0,0,.08);text-shadow:none;line-height:1;padding:3px 8px} .sharethis a.url:hover{color:#555;background:#fafafa;border:1px solid #999} .sharethis a.url:active{box-shadow:inset 0 1px 0 rgba(0,0,0,.16)} h2.donate{margin:10px 0} .reaction-buttons{margin-top:20px;} .reactions-label{margin-right:.7em} .reactions-iframe{overflow:hidden} .reactions-iframe amp-iframe{vertical-align:-5px;margin-left:-.7em} .breadcrumbs{background:#fff;line-height:1.2em;width:auto;overflow:hidden;margin:20px 0;font-size:12px;color:#888;text-overflow:ellipsis;-webkit-text-overflow:ellipsis;white-space:nowrap} .breadcrumbs a{text-decoration:none;color:#666} .breadcrumbs svg{width:14px;height:14px;vertical-align:-3px} .breadcrumbs svg path{fill:#666} #sidebar-wrapper{background:#fff;width:300px;height:90.5%;height:calc(100vh - 70px);top:70px;left:10px;overflow-x:hidden;overflow-y:auto;} .sidebar h2,.sidebar h2 span{padding:0 0 6px;line-height:1;font-size:22px} .sidebar h2{text-transform:uppercase;margin:0 0 10px;border-bottom:3px solid #dedede} .sidebar h2 span{position:relative;} .sidebar h2 span:after{content:"";background:#00626B;height:3px;width:100%;position:absolute;bottom:-2px;left:0} .sidebar{color:#666;line-height:1.3em;font-size:14px;} .sidebar{padding-top:10px;padding-right:10px;border-right:1px solid #ededed} .sidebar .widget{margin:0 auto 20px;padding:0} .kotak_iklan,.sidebar .widget-content{margin:0 auto;} .sidebar .widget:last-child{margin:0 auto;padding:0 0 20px} .kotak_iklan,a.tombol-link{text-align:center} .kotak{background:#aaa;height:125px;width:125px;display:inline;} .kotak:nth-child(1),.kotak:nth-child(3){margin-right:22px} .kotak:nth-child(1),.kotak:nth-child(2){margin-bottom:22px} .grayscale{background:gray} .banner300sidebar{background:#959595;background:-moz-linear-gradient(45deg,#959595 0,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%);background:-webkit-linear-gradient(45deg,#959595 0,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%);background:linear-gradient(45deg,#959595 0,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#959595', endColorstr='#1b1b1b', GradientType=1 );width:100%;height:226.66px;position:relative} .banner300sidebar:before{content:"Your Banner Here";font-weight:500;font-size:24px;color:#fff;line-height:226.66px;position:absolute;top:0;left:0;right:0;text-align:center} .link-btn{position:relative;padding-top:15px} .label-link-btn{font-size:11px;color:#333;position:absolute;top:0;left:0} .label-link-btn svg{width:15px;height:15px;vertical-align:-3px} .label-link-btn svg path{fill:#00aecd} a.tombol-link{width:100%;height:41px;display:block;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;line-height:41px;box-shadow:0 1px 1px rgba(255,255,255,.35) inset,0 1px 1px rgba(0,0,0,.3);align-items:center;justify-content:center;background-color:#00626B;border:1px solid #fff;border-radius:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;color:#fff;font-size:16px;margin:5px auto} a.tombol-link:hover{background-color:#fff;} #side-bar h6,amp-sidebar li a{color:#efefef} .btn-sidebaramp{background-image:url("data:image/svg+xml;charset=utf8,%3csvg viewBox='0 0 25 25' width='34' height='34' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg%3e%3cpath style='fill:%23333333' d='M3,6H21V8H3V6M3,11H21V13H3V11M3,16H21V18H3V16Z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");background-repeat:no-repeat;background-size:34px 34px;background-position:center center;background-color:transparent;width:48px;height:70px;line-height:70px;border:none;position:absolute;top:0;right:10px;z-index:1001;cursor:pointer;} amp-sidebar{width:300px;height:100%;height:100vh;background:#00626B} svg.amp-close-image{position:absolute;top:15px;left:16px;cursor:pointer} amp-sidebar ul{margin-top:30px;} amp-sidebar li:first-child{padding-top:0} amp-sidebar li a{font-size:16px;padding:10px 20px} amp-sidebar li a:hover,amp-sidebar li a:visited{color:#fff} amp-sidebar button{margin-left:20px} #side-bar h6{border:none;background-color:#00626B;font-size:14px;margin:0 0 10px 20px} amp-sidebar ul li.drop ul{background:#de133b;margin-top:10px} amp-sidebar ul li.drop ul li,amp-sidebar ul li.drop ul li:first-child{padding:10px 20px 0 40px} amp-sidebar li.drop section{padding:10px 0 0} amp-sidebar li.drop li{border:0} amp-sidebar li.drop li:last-child{padding:10px 20px 10px 40px;margin-bottom:-2px} #side-bar h6 svg{width:20px;height:20px;vertical-align:middle;float:right;margin-right:20px} #side-bar h6 svg path{fill:#efefef} .ampstart-social-follow,.follow_sidebar,.logo_sidebar{display:block;text-align:center} .logo_sidebar{height:auto;margin:40px auto 0;font-family:"Roboto Slab",serif;font-size:20px;font-weight:300;color:#fff;letter-spacing:-1px;word-spacing:-5px;line-height:1} .follow_sidebar{line-height:normal;letter-spacing:normal;font-family:Open Sans Condensed,sans-serif;text-transform:uppercase;font-weight:500;color:#fff;font-size:.94rem;padding-top:1.5rem} .ampstart-social-follow{margin:.5rem 0 1rem;-webkit-box-pack:initial;-ms-flex-pack:initial;justify-content:initial;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style:none;padding-left:0} .ampstart-social-follow li{display:inline-block;margin-right:0;padding:0} .ampstart-social-follow li .gp svg{vertical-align:4px} .p1{padding:.5rem} svg:not(:root){overflow:hidden} .ampstart-icon,.ampstart-sidebar .ampstart-icon{fill:#fff} amp-sidebar.p0.mystyle { -webkit-transform: translateX(0)!important; transform: translateX(0)!important; -webkit-transition: -webkit-transform 233ms cubic-bezier(0,0,.21,1); transition: -webkit-transform 233ms cubic-bezier(0,0,.21,1); transition: transform 233ms cubic-bezier(0,0,.21,1); transition: transform 233ms cubic-bezier(0,0,.21,1),-webkit-transform 233ms cubic-bezier(0,0,.21,1); } amp-sidebar.p0 { right: 0!important; -webkit-transform: translateX(100%)!important; transform: translateX(100%)!important; } amp-sidebar { position: fixed!important; top: 0; max-height: 100vh!important; height: 100vh; max-width: 80vw!important; min-width: 45px!important; outline: none; overflow-y: auto!important; z-index: 2147483647; -webkit-overflow-scrolling: touch; will-change: transform; } .sidebar-mask { position: fixed!important; top: 0!important; left: 0!important; width: 100vw!important; height: 100vh!important; opacity: 0.2; background-image: none!important; background-color: #000; z-index: 2147483646; } .sidebar-mask.open{display:block} .flow { overflow: hidden; position: relative; } .archive_page #Blog1,.home_page #Blog1{padding-bottom:55px;position:relative} .archive_page .home-box,.archive_page .lasthome-box,.archive_page a.blog-pager-newer-link,.archive_page a.blog-pager-older-link,.archive_page a.home-link,.home_page .home-box,.home_page .lasthome-box,.home_page a.blog-pager-newer-link,.home_page a.blog-pager-older-link,.home_page a.home-link{line-height:45px;position:absolute;width:43px;height:43px;text-align:center} #blog-pager-newer-link a,#blog-pager-older-link a,a.home-link{color:#141924;transition:all .4s ease-in-out} .archive_page .blog-pager svg,.home_page .blog-pager svg{width:24px;height:24px;vertical-align:-5px} .archive_page #blog-pager,.archive_page .blog-pager,.home_page #blog-pager,.home_page .blog-pager{clear:both;text-align:center;position:absolute;width:200px;height:45px;line-height:45px;bottom:0;left:50%;margin:0 0 0 -110px;overflow:visible} .archive_page #blog-pager-home-link a.home-link,.archive_page a.blog-pager-newer-link,.archive_page a.blog-pager-older-link,.home_page #blog-pager-home-link a.home-link,.home_page a.blog-pager-newer-link,.home_page a.blog-pager-older-link{background:#fff;border:1px solid #dedede;color:#141924;transition:all .4s ease-in-out;bottom:0} .archive_page a.blog-pager-older-link,.home_page a.blog-pager-older-link{right:0;z-index:2} .archive_page a.blog-pager-newer-link,.home_page a.blog-pager-newer-link{left:0;z-index:2} .archive_page #blog-pager-home-link a.home-link,.home_page #blog-pager-home-link a.home-link{left:50%;margin-left:-22.5px} .archive_page #blog-pager-home-link a.home-link:hover,.archive_page #blog-pager-newer-link a:hover,.archive_page #blog-pager-older-link a:hover,.home_page #blog-pager-home-link a.home-link:hover,.home_page #blog-pager-newer-link a:hover,.home_page #blog-pager-older-link a:hover{border:1px solid #00626B} .archive_page .home-box,.archive_page .lasthome-box,.home_page .home-box,.home_page .lasthome-box{background:#fff;color:#888;border:1px solid #dedede;border-radius:3px;bottom:0;z-index:1} .archive_page .home-box,.home_page .home-box{left:0} .archive_page .lasthome-box,.home_page .lasthome-box{right:0} .archive_page .home-box svg path,.archive_page .lasthome-box svg path,.home_page .home-box svg path,.home_page .lasthome-box svg path{fill:#888} .halaman{line-height:1.2em;margin:20px 200px 20px 80px;height:auto} .halaman-kanan,.halaman-kiri{color:#666;background:0 0;width:50%;position:relative;} .halaman-kiri{height:auto;padding:0 10px 0 20px;text-align:left} .halaman-kanan{height:auto;padding:0 20px 0 10px;text-align:right} .current-pageleft,.current-pageright,.halaman-kanan a,.halaman-kiri a{font-size:20px;background:0 0;text-decoration:none;line-height:1;} .halaman-kanan a,.halaman-kiri a{color:#666;font-size:20px;line-height:1} .isihalaman-kanan,.isihalaman-kiri{padding-top:2px} svg.panahkanan,svg.panahkiri{position:absolute;top:50%;margin-top:-12.5px;width:25px;height:25px} svg.panahkanan path,svg.panahkiri path{fill:#666} .panahkiri{left:-10px} .panahkanan{right:-10px} .related-post h4{margin:20px 0 10px;font-size:24px;} .related-post{width:100%;padding-right:200px} .disqus-box,.fb-box{margin:0 200px 0 80px} .disqus,.fb-comments{margin:0 -8px} .disqus{padding:0 0 20px} .tombol-pesan{display:block;font-weight:500;margin:10px 8px} amp-accordion.parse_box h5{width:80px;margin-left:8px} .parse-box{margin:0 8px} .share-box{position:relative;margin-top:20px;padding-right:200px} .sharethis{position:relative;margin:20px 0;padding:0;font-size:0} .sharethis .em,.sharethis .fb,.sharethis .gp,.sharethis .li,.sharethis .pi,.sharethis .sms,.sharethis .ta,.sharethis .tw,.sharethis .wa{width:40px;height:40px;line-height:40px;margin:0 5px 0 0;text-align:center;} .sharethis .fb,.sharethis .gp,.sharethis .tw{width:auto;padding-right:10px;position:relative;padding-left:40px;overflow:hidden} .sharethis amp-social-share{vertical-align:middle} .sharethis .tw{background-color:#1da1f2} .sharethis .gp{background-color:#dc4e41} .sharethis .fb{background-color:#3b5998} .sharethis .pi{background-color:#bd081c;overflow:hidden} .sharethis .li{background-color:#0077b5;overflow:hidden} .sharethis .wa{background-color:#25d366;overflow:hidden} .sharethis .ta{background-color:#3c5a77;overflow:hidden} .sharethis .sms{background-color:#ca2b63;overflow:hidden} .sharethis .em{background-color:#000;margin:0;overflow:hidden} .amp-social-share-tumblr,.amp-social-share-twitter{background-size:20px 20px} .amp-social-share-email,.amp-social-share-facebook,.amp-social-share-linkedin,.amp-social-share-pinterest{background-size:25px 25px} .amp-social-share-gplus{background-size:30px 30px;margin-left:-3px} .amp-social-share-sms,.amp-social-share-whatsapp{background-size:15px 15px} .sharethis .fb:after,.sharethis .gp:after,.sharethis .tw:after{display:inline;float:left;font-size:14px;color:#fff} .sharethis .tw:after{content:"Twitter"} .sharethis .gp:after{content:"Google+"} .sharethis .fb:after{content:"Facebook"} .amp-social-share-facebook,.amp-social-share-gplus,.amp-social-share-twitter{background-color:transparent;position:absolute;top:0;left:0;background-position:10px} .footer-wrapper{margin:0 -10px 0 300px;padding:20px;font-size:14px;} .footer1,.footer2,.footer3,.footer4{display:inline;color:#ccc;font-size:14px;font-weight:300;line-height:1.6em;text-align:left;} .footer1{width:40%;padding:0 30px 10px 0} .footer2,.footer3,.footer4{width:20%;padding:0 0 10px 30px} .footer1 h4,.footer2 h4,.footer3 h4,.footer4 h4{font-size:16px;color:#fefefe;} .footer1 a,.footer2 a,.footer3 a,.footer4 a{font-weight:300;color:#ccc} .footer1 a:hover,.footer2 a:hover,.footer3 a:hover,.footer4 a:hover{color:#fefefe} .footer1 ul,.footer2 ul,.footer3 ul,.footer4 ul{margin:5px 0} .footer1 .logo-footer{clear:both;text-align:left;margin-left:-5px} .footer1 .logo-footer img:hover,.home_page .post:hover h2.post-title a{-webkit-animation:flash 1s linear 1s infinite normal;animation:flash 1s linear 1s infinite normal} @-webkit-keyframes flash{0%,100%,50%{opacity:1} 25%,75%{opacity:0} } @keyframes flash{0%,100%,50%{opacity:1} 25%,75%{opacity:0} } .home_page .post h2.post-title a:hover{-webkit-animation:none;animation:none} .credit{line-height:1.5em} .credit-wrapper{background:#000;margin:0 -10px 0 300px;padding:10px;font-size:12px;color:#efefef} .credit-wrapper a,.credit-wrapper a:visited{color:#efefef;} .credit-wrapper a:hover{color:#fff;} .follow-by-email-inner table{width:100%} .follow-by-email-inner td{margin:0 -3px} .follow-by-email-inner .follow-by-email-address{width:100%;height:auto;margin:0 auto 5px;padding:10px;color:#777;position:relative;z-index:1;background:#fff;border:1px solid #ccc;} .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{width:100%;height:30px;font-size:16px;text-transform:uppercase;color:#FFF;padding:0 20px;cursor:pointer;background-color:#00626B;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none} .follow-by-email-inner p{font-size:12px;line-height:1.1;color:#666;margin:0 0 5px} hr{height:0;border:0;border-top:1px solid #ddd} kbd{-moz-box-shadow:0 1px 0 rgba(0,0,0,.2),0 0 0 2px #fff inset;-webkit-box-shadow:0 1px 0 rgba(0,0,0,.2),0 0 0 2px #fff inset;background-color:#f7f7f7;border:1px solid #ccc;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} .post-body a.btn[href^="http://"],.post-body a.btn[href^="https://"],a.btn-danger,a.btn-info,a.btn-primary,a.btn-success,a.btn-warning{color:#fff} .btn,.btn:active{background-image:none} .btn,.btn-link{font-weight:400} .btn{padding:6px 12px;margin-bottom:5px;font-size:14px;line-height:1.42857143;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-radius:4px;border:1px solid transparent;display:inline-block} .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-default{color:#333;background-color:#fff;border-color:#ccc} .btn-default:focus{color:#333;background-color:#e6e6e6;border-color:#8c8c8c} .btn-default:active,.btn-default:hover{color:#333;background-color:#e6e6e6;border-color:#adadad} .btn-primary,.parse_box>section>:first-child{color:#fff;background-color:#337ab7;border-color:#2e6da4} .btn-primary:focus,.parse_box>section>:first-child:focus{color:#fff;background-color:#286090;border-color:#122b40} .btn-primary:active,.btn-primary:hover,.parse_box>section>:first-child:active,.parse_box>section>:first-child:hover{color:#fff;background-color:#286090;border-color:#204d74} .btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c} .btn-success:focus{color:#fff;background-color:#449d44;border-color:#255625} .btn-success:active,.btn-success:hover{color:#fff;background-color:#449d44;border-color:#398439} .btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da} .btn-info:focus{color:#fff;background-color:#31b0d5;border-color:#1b6d85} .btn-info:active,.btn-info:hover{color:#fff;background-color:#31b0d5;border-color:#269abc} .btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236} .btn-warning:focus{color:#fff;background-color:#ec971f;border-color:#985f0d} .btn-warning:active,.btn-warning:hover{color:#fff;background-color:#ec971f;border-color:#d58512} .btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a} .btn-danger:focus{color:#fff;background-color:#c9302c;border-color:#761c19} .btn-danger:active,.btn-danger:hover{color:#fff;background-color:#c9302c;border-color:#ac2925} .btn-link{color:#337ab7;border-radius:0} .btn-link,.btn-link:active{background-color:transparent;-webkit-box-shadow:none;box-shadow:none} .btn-link,.btn-link:active,.btn-link:focus,.btn-link:hover{border-color:transparent} .btn-link:focus,.btn-link:hover{color:#23527c;text-decoration:underline;background-color:transparent} .btn-lg{padding:10px 16px;font-size:18px;line-height:1.3333333;border-radius:6px} .btn-sm,.btn-xs{font-size:12px;line-height:1.5;border-radius:3px} .btn-sm{padding:5px 10px} .btn-xs{padding:1px 5px} .btn-block{display:block;width:100%} .btn-block+.btn-block{margin-top:5px} .spoiler-amp amp-accordion div blockquote,.spoiler-amp amp-accordion div p,.spoiler-amp amp-accordion div pre{-webkit-animation:slide-down .3s ease-out;-moz-animation:slide-down .3s ease-out} .spoiler-amp amp-accordion h4{width:62px;background:#26272a;padding:5px 0 5px 22px;color:#efefef;font-size:12px;font-family:arial,san-serif;line-height:1;} .spoiler-amp section:not([expanded]) h4:before,.spoiler-amp section[expanded] h4:before{height:0;width:0;border-style:solid;position:absolute;left:8px;content:""} .spoiler-amp .spoiler_title{display:inline;margin:0 10px 0 0;padding:4px 0;font-size:16px;line-height:1} .spoiler-amp section:not([expanded]) h4:before{border-width:4px 4px 4px 7px;border-color:transparent transparent transparent #fff;top:7px} .spoiler-amp section[expanded] h4:before{border-width:7px 4px 4px;border-color:#fff transparent transparent;top:8px} .spoiler-amp amp-accordion div{width:100%;border:1px solid #ddd;background:#efefef;height:auto;padding:6px 10px;margin:8px 0 0;overflow:hidden} .spoiler-amp amp-accordion div pre{background:0 0;color:#111;padding:4px 0;overflow:auto;max-width:100%;text-align:left;margin:0 auto;border-left:0} .spoiler-amp amp-accordion div pre code{color:#111} .spoiler-amp amp-accordion div p amp-img{margin:4px 0} .spoiler-amp amp-accordion section:not([expanded]):after{content:"";display:block;background:#efefef;padding:6px;border:1px solid #ddd;margin:8px 0 0} @-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)} } .post-sender{background:#E5E5E5;padding:10px;width:auto;display:block;position:relative;font-size:16px;margin:30px auto;color:#141924} .photo-sender,.post-sender amp-img{width:90px;height:90px} .title-sender{border-bottom:1px solid #dbdbdb;padding-bottom:8px;line-height:1.3em} .photo-sender{overflow:hidden;margin:10px 10px 0 0;position:relative;} .name-sender{line-height:1;margin-bottom:10px;text-align:left} .profil-description{padding-top:10px;border-top:1px solid #eeeded;line-height:1.2} .profil-description p{margin-top:5px;margin-bottom:0;line-height:1.3em;font-size:100%} .post-sender::before{content:"";border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #E5E5E5;position:absolute;top:-10px;left:50%;margin-left:-10px} .post-body a[href^="http://"]:after,.post-body a[href^="https://"]:after{content:'';background:url("data:image/svg+xml;charset=utf8,%3csvg viewBox='0 0 24 24' width='16' height='16' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg%3e%3cpath style='fill:%2300626B' d='M14,3V5H17.59L7.76,14.83L9.17,16.24L19,6.41V10H21V3M19,19H5V5H12V3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V12H19V19Z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e") no-repeat;background-size:16px 16px;width:16px;height:16px;margin-left:3px;vertical-align:-2px;} .post-body a[href^="http://"]:hover:after,.post-body a[href^="https://"]:hover:after{content:'';background:url("data:image/svg+xml;charset=utf8,%3csvg viewBox='0 0 24 24' width='16' height='16' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg%3e%3cpath style='fill:%23000' d='M14,3V5H17.59L7.76,14.83L9.17,16.24L19,6.41V10H21V3M19,19H5V5H12V3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V12H19V19Z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e") no-repeat;background-size:16px 16px;width:16px;height:16px;margin-left:3px;vertical-align:-2px} .status-msg-wrap{font-size:14px;width:99.999999%;width:calc(100% - 20px);height:auto;color:#666;margin:0 20px 20px 0;position:relative;} .status-msg-border{border:1px solid #000;opacity:0;width:100%;position:relative;height:10px} .status-msg-bg{background-color:#ccc;opacity:.8;width:100%;position:relative;z-index:1} .status-msg-body{background:#fff;text-align:center;padding:6px 10px 10px;width:100%;word-wrap:break-word;z-index:4;border-radius:3px;border:1px solid #ddd;line-height:1.3} .status-msg-hidden{visibility:hidden;padding:.3em 0} .status-msg-wrap a{color:#fff;background:#00626B;margin:0 6px 0 -6px;padding:3px 5px;width:130px;max-width:130px;line-height:1.3} .status-msg-body b{display:block;margin-bottom:6px} .status-msg-body:after{content:"";display:block;clear:both} .status-msg-body a:last-child{margin-right:0} .archive_page .outer-wrapper,.home_page .outer-wrapper{padding:0 20px} .archive_page #main-wrapper,.home_page #main-wrapper{width:102%;width:calc(100% + 20px);margin:0 -20px 0 0;padding:20px 0;float:none} .archive_page .credit-wrapper,.archive_page .footer-wrapper,.home_page .credit-wrapper,.home_page .footer-wrapper{width:104%;width:calc(100% + 40px);margin:0 -20px;float:none} .archive_page .post,.home_page .post{margin:0 20px 20px 0;padding:12px 10px 10px;position:relative;width:23.5%;width:calc(25% - 20px);height:280px;display:flex;flex-direction:column;justify-content:center;float:left;transition:all .4s ease-in-out;overflow:hidden;box-shadow:0px 3px 20px 0 rgba(0,0,0,0.075);} .archive_page .post h2.post-title,.home_page .post h2.post-title{font-family:"Roboto Slab",serif;font-size:26px;font-weight:300;margin:0;display:block;line-height:1.2} .archive_page .post h2.post-title a,.home_page .post h2.post-title a{color:#333;display:block} .archive_page .post:hover h2.post-title a,.home_page .post:hover h2.post-title a{color:#00626B} .archive_page .post .post-body,.home_page .post .post-body{width:unset;float:none;display:inline} .archive_page .post:hover,.home_page .post:hover{transform:translateY(-5px)} .archive_page .post .post-body .snippets,.home_page .post .post-body .snippets{margin-top:20px;line-height:1.2} .archive_page .post:after,.home_page .post:after{content:"";background:#00626b;background:-moz-linear-gradient(left,#00626b 0,#61c419 50%,#00f7ca 100%);background:-webkit-linear-gradient(left,#00626b 0,#61c419 50%,#00f7ca 100%);background:linear-gradient(to right,#00626b 0,#61c419 50%,#00f7ca 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00626b', endColorstr='#00f7ca', GradientType=1 );position:absolute;top:0;left:0;width:100%;height:2px} .static_page .postmeta{position:fixed;top:-1000px;left:-1000px;} .static_page .post h2.post-title{text-align:center;margin:0;padding:10px 0;border-bottom:1px solid #ddd} .static_page .post h2.post-title a{font-size:24px;font-weight:500;color:#333} .static_page #main-wrapper{width:100%;} .static_page .post-body{width:100%;margin:20px 0;} .static_page a.home-link{visibility:hidden} .static_page .post{padding:20px} .contact-box{margin-top:10px} .contact-box svg{width:24px;height:24px;vertical-align:-6px;margin-right:5px} .contact-box svg path{fill:#444} .contact-box .bbm svg{width:20px;height:20px;vertical-align:-5px;margin-right:5px} .contact-box .bbm{margin-top:6px} .post-body .contact-me a{color:#444;font-weight:300} .post-body .contact-me a[href^="http://"]:after,.post-body .contact-me a[href^="https://"]:after{content:"";background:url("data:image/svg+xml;charset=utf8,%3csvg viewBox='0 0 24 24' width='16' height='16' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg%3e%3cpath style='fill:%23444' d='M14,3V5H17.59L7.76,14.83L9.17,16.24L19,6.41V10H21V3M19,19H5V5H12V3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V12H19V19Z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e") no-repeat;background-size:16px 16px;width:16px;height:16px;display:inline-block;margin-left:3px;vertical-align:-2px} .contact-me span{-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all} .contact-me amp-accordion h5 span{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .contact-box .bbm,.contact-box .map{position:relative;padding-left:29px} .contact-box .bbm .barcode-bbm{margin:10px 0;width:300px} .contact-box .bbm span span{font-weight:300} .contact-box .map svg{position:absolute;top:0;left:0} .contact-box .bbm svg{position:absolute;top:4px;left:0} .contact-box amp-accordion h5{background:0 0;border:none;color:#444;font-weight:500;font-size:14px;margin:0;padding:0;text-align:left} .img-center{text-align:center;margin:0 auto} .img-left,.img-right{margin-bottom:1em;text-align:center} .img-left{clear:left;margin-right:1em} .img-right{clear:right;margin-left:1em} .img-width-100,.img-width-200,.img-width-300,.img-width-400,.img-width-500,.img-width-600,.img-width-700,.img-width-800{width:100%;text-align:center;clear:both} .img-width-100{max-width:100px} .img-width-200{max-width:200px} .img-width-300{max-width:300px} .img-width-400{max-width:400px} .img-width-500{max-width:500px} .img-width-600{max-width:600px} .img-width-700{max-width:700px} .img-width-700{max-width:800px} .iklan-ataspost,.iklan-bawahpost{width:100%;height:auto;text-align:center;margin:20px auto} .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;background:#00626B;z-index:1000;bottom:10px;right:10px;position:fixed;opacity:0;visibility:hidden;cursor:pointer} #marker{position:absolute;top:100px;width:0;height:0} .scrollToTop svg{width:34px;height:34px;vertical-align:middle} #totop:before{content:"";display:block;height:20px;margin-top:-20px;visibility:hidden} .disclaimer_box{width:100%;padding:2px;background:linear-gradient(60deg,#f79533,#f37055,#ef4e7b,#a166ab,#5073b8,#1098ad,#07b39b,#6fba82);border-radius:6px;} .disclaimer_box .content{background:#fff;padding:8px 12px;font-size:14px;border-radius:4px;box-shadow:0 0 0 3px rgba(255,255,255,.3)} .buka-komen,.follow-button,.tutup-komen{background-color:#00626B;color:#fff;font-size:16px;line-height:1.3em;padding:5px 7px;min-width:54px;text-align:center;-webkit-transition:all 218ms;-moz-transition:all 218ms;-o-transition:all 218ms;transition:all 218ms;-webkit-user-select:none;-moz-user-select:none} .buka-komen,.tutup-komen{cursor:pointer;padding:8px 0} .follow-button{margin:10px 0 0} .buka-komen{margin:20px 0} .tutup-komen{margin:20px 0 0} @font-face{font-family:'Material Icons';font-style:normal;font-weight:400;src:local('Material Icons'),local('MaterialIcons-Regular'),url(https://fonts.gstatic.com/s/materialicons/v12/2fcrYFNaTjcS6g4U3t-Y5ewrjPiaoEww8AihgqWRJAo.woff) format('woff'),url(https://fonts.gstatic.com/s/materialicons/v12/2fcrYFNaTjcS6g4U3t-Y5ZjZjT5FdEJ140U2DJYC3mY.woff2) format('woff2'),url(https://fonts.gstatic.com/s/materialicons/v12/2fcrYFNaTjcS6g4U3t-Y5bbKic1PW3nceB3q24YFOMg.ttf) format('truetype')} .material-icons{font-family:'Material Icons';font-weight:400;font-style:normal;font-size:inherit;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga';vertical-align:middle} .material-icons.md-16{font-size:16px} .material-icons.md-18{font-size:18px} .material-icons.md-24{font-size:24px} .material-icons.md-36{font-size:36px} .material-icons.md-48{font-size:48px} .material-icons.md-red{color:red} .material-icons.md-yellow{color:#ff0} .material-icons.md-green{color:green} .material-icons.md-blue{color:#00f} .material-icons.md-grey{color:grey} .post-body .search-box input.box1,.post-body .search-box input.box2{border:5px solid #ddd;padding:8px 12px;width:100%} .post-body .search-box input.box1:focus,.post-body .search-box input.box2:focus{border:5px solid #00626B;outline:0} .post-body .search-box{display:block;border:1px solid #ddd;padding:20px;margin:10px auto} .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} #ss-form input:focus~label,#ss-form input:valid~label,#ss-form textarea:focus~label,#ss-form textarea:valid~label{font-size:.75em;color:#00626B;top:-2.25rem;-webkit-transition:all 125ms ease;transition:all 125ms ease} #ss-form .styled-input{width:33.3333%;margin:2rem 0 1rem;padding:0;position:relative} #ss-form .styled-input label,#ss-form input,#ss-form textarea{padding:1rem;font-family:Helvetica,Arial,sans-serif} #ss-form .styled-input-in{position:relative} #ss-form .styled-input label{color:#999;position:absolute;top:0;left:0;-webkit-transition:all .25s ease;transition:all .25s ease;pointer-events:none;line-height:1} #ss-form .styled-input.wide{width:100%} #ss-form input,#ss-form textarea{border:1px solid #ddd;width:100%;font-size:1rem;background:#fafafa;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} #ss-form textarea{margin-bottom:-5px;} #ss-form input~.span1,#ss-form textarea~.span1{display:block;width:0;height:3px;background:#00626B;position:absolute;left:50%;bottom:0;-webkit-transition:width .4s ease-in-out;transition:width .4s ease-in-out} #ss-form input~.span2,#ss-form textarea~.span2{display:block;width:0;height:3px;background:#00626B;position:absolute;right:50%;bottom:0;-webkit-transition:width .4s ease-in-out;transition:width .4s ease-in-out} #ss-form input~span{bottom:0} #ss-form input:focus,#ss-form textarea:focus{outline:0} #ss-form input:focus~.span1,#ss-form input:focus~.span2,#ss-form textarea:focus~.span1,#ss-form textarea:focus~.span2{width:50%} #ss-form textarea{width:100%;min-height:15em} #ss-form .btn{font-family:Helvetica,Arial,sans-serif;text-transform:uppercase;font-size:14px;font-weight:700;letter-spacing:1px;border-radius:0;padding:0 25px;height:51px;line-height:51px;color:#333;background-color:#fafafa;border:1px solid #ddd;cursor:pointer;margin:10px 0 0;background-image:none} #ss-form .btn-default:focus,#ss-form .btn-default:hover{background-color:#00626B;border:1px solid #00383d;color:#fff;outline:0} #fade{opacity:0;display:none} .thanks_layout{text-align:center;position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(255,255,255,.8);z-index:99999} .thanks_message,.thanks_message .close a{position:absolute;text-align:center;background:#fff;color:#333;font-family:Helvetica,Arial,sans-serif} .thanks_message{width:50%;border-radius:5px;padding:20px;border:1px solid #DEDEDE;top:10%;left:50%;margin-left:-25%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box} .thanks_message .close a{top:-15px;right:-15px;width:20px;height:20px;line-height:20px;border:1px solid #ccc;border-radius:100%;font-size:18px;text-decoration:none} @media screen and (max-width:768px){.thanks_message{width:90%!important;margin-left:-45%!important} } @media screen and (max-width:414px){#ss-form .styled-input{width:100%} } @media screen and (max-width:1366px){.archive_page .post h2.post-title,.home_page .post h2.post-title{font-size:26px} } @media screen and (max-width:1280px){.archive_page .post h2.post-title,.home_page .post h2.post-title{font-size:24px} } @media screen and (max-width:1024px){.archive_page .post h2.post-title,.home_page .post h2.post-title{font-size:30px} .post{margin:0;padding:20px 0 0 10px} .related-post,.share-box{padding-right:0} .disqus-box,.fb-box,.halaman{margin:20px 0 20px 10px} .archive_page .post,.home_page .post{width:49%;width:calc(50% - 20px)} .post .thumb-post{margin:0 -10px 10px} .post_page .footer-wrapper{padding:10px} .post_page .footer1,.post_page .footer2,.post_page .footer3,.post_page .footer4{width:100%;padding:0;float:none;display:block} .post_page .footer1{margin-bottom:10px} .post-body{float:none;width:100%} .authorphoto,.foto{display:inline-block;float:left} .post_page .postmeta{position:relative;float:none;width:100%;top:unset;margin-top:20px} .authorphoto{margin-right:10px;margin-bottom:0} .post-labels a,.post-labels svg+a{display:inline-block;float:left;padding:5px 8px 3px;background:#00626B;color:#fff;border-radius:3px;margin:0 5px 5px 0} .postmeta svg{display:none} .post-body amp-carousel,.post-body amp-facebook,.post-body amp-iframe[src*='youtube.com'],.post-body amp-iframe[src*='video.flexmmp.com'],.post-body amp-iframe[src*='fave.api.cnn.io'],.post-body amp-iframe[src*='yahoo.com'],.post-body amp-youtube,.post-body blockquote,.post-body blockquote.kata-kata,.post-body pre{margin:0 -10px} .post-icons{top:-20px} .post-body pre{max-width:102%;max-width:calc(100% + 20px)} .PageList ul li a{padding:0 10px} .post_page .search_box,.search_box{width:25%} .page,.post_page .page{width:54%;width:calc(55% - 48px)} #header h1,#header h1 a,#header p,#header p a{font-size:24px} } @media screen and (max-width:960px){#header{width:50%} .search_box{width:49%;width:calc(50% - 48px)} amp-sidebar li.menu-mobile{display:block} .page{display:none} } @media screen and (max-width:800px){.archive_page .post h2.post-title,.home_page .post h2.post-title{font-size:28px} .archive_page #main-wrapper,.home_page #main-wrapper{width:100%;margin:0} .footer1{padding:0 0 10px} .footer1 .logo-footer amp-img{max-width:100%} #sidebar-wrapper{display:none} .post_page #main-wrapper{width:100%} .post_page .post{margin:0;padding:20px 0 0} .disqus-box,.fb-box,.halaman{margin:20px 0} .post_page .credit-wrapper,.post_page .footer-wrapper{margin:0 -10px} .post_page #header-wrapper{padding:0 10px} .post_page .btn-sidebaramp{right:0} .post_page .search_box{width:49%;width:calc(50% - 38px)} } @media screen and (max-width:667px){.archive_page .post h2.post-title,.home_page .post h2.post-title{font-size:22px} } @media screen and (max-width:640px){.content-wrapper{padding:50px 0 0} #header-wrapper,.btn-sidebaramp{height:50px} #header,.btn-sidebaramp,.search_box{line-height:50px} .BlogSearch td.gsc-search-button{display:none} .BlogSearch input.gsc-input{width:100%} .img-width-500.img-left,.img-width-500.img-right,.img-width-600.img-left,.img-width-600.img-right,.img-width-700.img-left,.img-width-700.img-right{clear:both;float:none;margin:1em auto;text-align:center} .post-body pre{max-width:102%;max-width:calc(100% + 20px);margin:0 -10px} .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} .footer1,.footer2,.footer3,.footer4{width:100%;padding:0;float:none;display:block} .footer1{margin-bottom:10px;} .post-body .post-content,.post-body .post-toc{float:none;width:100%} .post-body .post-toc{margin-bottom:20px;position:static} } @media screen and (max-width:600px){.archive_page .post h2.post-title,.home_page .post h2.post-title{font-size:19px} } @media screen and (max-width:568px){.archive_page .post h2.post-title,.home_page .post h2.post-title{font-size:32px} .archive_page .post,.home_page .post{margin:0 0 20px;width:100%;float:none;height:auto} .sharethis .fb,.sharethis .gp,.sharethis .tw{width:40px;padding:0} .sharethis .fb:after,.sharethis .gp:after,.sharethis .tw:after{display:none} .amp-social-share-facebook{margin-left:-3px} } @media screen and (max-width:414px){#header{width:40%} .post_page .search_box,.search_box{width:59%;width:calc(60% - 38px)} #header h1,#header h1 a,#header p,#header p a{font-size:20px} #header-wrapper,.archive_page .outer-wrapper,.home_page .outer-wrapper{padding: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} .btn-sidebaramp{right:0} .post h1.post-title{font-size:30px} .post_page .post{padding:5px 0 0} amp-sidebar{width:300px} .sharethis .em{display:none} .archive_page .credit-wrapper,.archive_page .footer-wrapper,.home_page .credit-wrapper,.home_page .footer-wrapper{width:102%;width:calc(100% + 20px);margin:0 -10px;padding:10px;float:none} .reactions-label,.shortener-box .shorten-text{display:block;margin-bottom:5px} .archive_page .post h2.post-title,.home_page .post h2.post-title{font-size:28px} } @media screen and (max-width:375px){#header{width:50%} .post_page .search_box,.search_box{width:49%;width:calc(50% - 38px)} .current-pageleft,.current-pageright,.halaman-kanan a,.halaman-kiri a{font-size:17px} .sharethis .ta{display:none} } @media screen and (max-width:320px){.current-pageleft,.current-pageright,.halaman-kanan a,.halaman-kiri a{font-size:16px} .sharethis .li{display:none} } /*]]>*/ </style> <!--<style amp-boilerplate='amp-boilerplate'>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate='amp-boilerplate'>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript> <script async='async' src='https://cdn.ampproject.org/v0.js'></script> <script async='async' custom-element='amp-sidebar' src='https://cdn.ampproject.org/v0/amp-sidebar-0.1.js'></script>--> </head> <body class='m0 fontroboto' itemscope='itemscope' itemtype='http://schema.org/WebPage'> <a aria-label='Skip' class='skip-navigation' href='#main' role='button' tabindex='0'> Skip to main content </a> <div id='totop'></div> <amp-sidebar class='p0' id='side-bar' layout='nodisplay'> <svg aria-label='Close Sidebar' class='amp-close-image' height='20' onclick="myFunction1()" role='button' tabindex='0' viewBox='0 0 24 24' width='20'> <path d='M19,3H16.3H7.7H5A2,2 0 0,0 3,5V7.7V16.4V19A2,2 0 0,0 5,21H7.7H16.4H19A2,2 0 0,0 21,19V16.3V7.7V5A2,2 0 0,0 19,3M15.6,17L12,13.4L8.4,17L7,15.6L10.6,12L7,8.4L8.4,7L12,10.6L15.6,7L17,8.4L13.4,12L17,15.6L15.6,17Z' fill='#fff'></path> </svg> <div class='logo_sidebar'> KOMPI AJAIB </div> <nav> <ul class='p0 liststyle0'> <li class='menu-mobile liststyle0 m0 p0'><a class='fontweight500 displayblock' href='https://www.kompiajaib.com/p/about-kompi-ajaib.html' title='About'>About</a></li> <li class='menu-mobile liststyle0 m0 p0'><a class='fontweight500 displayblock' href='https://cdn.rawgit.com/KompiAjaib/kompi-html/master/contact_ka3.html' title='Contact'>Contact</a></li> <li class='menu-mobile liststyle0 m0 p0'><a class='fontweight500 displayblock' href='https://www.kompiajaib.com/p/i-f-you-require-any-more-information-or.html' title='Privacy'>Privacy</a></li> <li class='menu-mobile liststyle0 m0 p0'><a class='fontweight500 displayblock' href='https://cdn.rawgit.com/KompiAjaib/kompi-html/master/sitemaps_ka.html' rel='nofollow noopener' target='_blank' title='Sitemap'>Sitemap</a></li> <li class='menu-mobile liststyle0 m0 p0'><a class='fontweight500 displayblock' href='https://www.kompiajaib.com/p/iklan.html' title='Iklan'>Iklan</a></li> <li class='liststyle0 m0 p0'><a class='fontweight500 displayblock' href='https://www.kompiajaib.com/p/jasa-review.html' title='Jasa Review'>Jasa Review</a></li> <li class='liststyle0 m0 p0'><a class='fontweight500 displayblock' href='https://www.kompitemplate.web.id/' rel='noopener' target='_blank' title='Template'>Template</a></li> <li class='liststyle0 m0 p0'><a class='fontweight500 displayblock' href='https://www.kompiajaib.com/2017/09/penulis-tamu-bagi-pengguna-template.html' title='Penulis Tamu'>Penulis Tamu</a></li> <li class='liststyle0 m0 p0'><a class='fontweight500 displayblock' href='https://groups.google.com/d/forum/forum-kompi-ajaib' rel='nofollow noopener' target='_blank' title='Forum'>Forum</a></li> <li class='liststyle0 m0 p0'><a class='fontweight500 displayblock' href='https://www.freewaresofts.com/' rel='noopener' target='_blank' title='Freeware'>Freeware</a></li> <li class='liststyle0 m0 p0'><a class='fontweight500 displayblock' href='https://www.mywallpapers.co/' rel='noopener' target='_blank' title='Wallpapers'>Wallpapers</a></li> <li class='menu-mobile liststyle0 m0 p0'><a class='fontweight500 displayblock' href='https://translate.google.com/translate?hl=en&sl=id&tl=en&u=https://cdn.rawgit.com/KompiAjaib/kompi-html/master/contact_ka3.html' rel='nofollow noopener' target='_blank' title='Translate'>Translate</a></li> </ul> </nav> <h3 class='follow_sidebar'>follow us</h3> <ul class='ampstart-social-follow list-reset flex justify-around items-center img-center flex-wrap m0 mb4'> <li> <a aria-label='Link to Facebook' class='inline-block p1' href='https://www.facebook.com/kompiajaib' rel='nofollow noopener' target='_blank'><svg height='30' viewbox='0 0 56 55' width='30' xmlns='http://www.w3.org/2000/svg'><title>Facebook</title><path class='ampstart-icon ampstart-icon-fb' d='M47.5 43c0 1.2-.9 2.1-2.1 2.1h-10V30h5.1l.8-5.9h-5.9v-3.7c0-1.7.5-2.9 3-2.9h3.1v-5.3c-.6 0-2.4-.2-4.6-.2-4.5 0-7.5 2.7-7.5 7.8v4.3h-5.1V30h5.1v15.1H10.7c-1.2 0-2.2-.9-2.2-2.1V8.3c0-1.2 1-2.2 2.2-2.2h34.7c1.2 0 2.1 1 2.1 2.2V43'></path></svg></a> </li> <li> <a aria-label='Link to Instagram' class='inline-block p1' href='https://www.instagram.com/adhysuryadiii/' rel='nofollow noopener' target='_blank'><svg height='30' viewbox='0 0 54 54' width='30' xmlns='http://www.w3.org/2000/svg'><title>instagram</title><path class='ampstart-icon ampstart-icon-instagram' d='M27.2 6.1c-5.1 0-5.8 0-7.8.1s-3.4.4-4.6.9c-1.2.5-2.3 1.1-3.3 2.2-1.1 1-1.7 2.1-2.2 3.3-.5 1.2-.8 2.6-.9 4.6-.1 2-.1 2.7-.1 7.8s0 5.8.1 7.8.4 3.4.9 4.6c.5 1.2 1.1 2.3 2.2 3.3 1 1.1 2.1 1.7 3.3 2.2 1.2.5 2.6.8 4.6.9 2 .1 2.7.1 7.8.1s5.8 0 7.8-.1 3.4-.4 4.6-.9c1.2-.5 2.3-1.1 3.3-2.2 1.1-1 1.7-2.1 2.2-3.3.5-1.2.8-2.6.9-4.6.1-2 .1-2.7.1-7.8s0-5.8-.1-7.8-.4-3.4-.9-4.6c-.5-1.2-1.1-2.3-2.2-3.3-1-1.1-2.1-1.7-3.3-2.2-1.2-.5-2.6-.8-4.6-.9-2-.1-2.7-.1-7.8-.1zm0 3.4c5 0 5.6 0 7.6.1 1.9.1 2.9.4 3.5.7.9.3 1.6.7 2.2 1.4.7.6 1.1 1.3 1.4 2.2.3.6.6 1.6.7 3.5.1 2 .1 2.6.1 7.6s0 5.6-.1 7.6c-.1 1.9-.4 2.9-.7 3.5-.3.9-.7 1.6-1.4 2.2-.7.7-1.3 1.1-2.2 1.4-.6.3-1.7.6-3.5.7-2 .1-2.6.1-7.6.1-5.1 0-5.7 0-7.7-.1-1.8-.1-2.9-.4-3.5-.7-.9-.3-1.5-.7-2.2-1.4-.7-.7-1.1-1.3-1.4-2.2-.3-.6-.6-1.7-.7-3.5 0-2-.1-2.6-.1-7.6 0-5.1.1-5.7.1-7.7.1-1.8.4-2.8.7-3.5.3-.9.7-1.5 1.4-2.2.7-.6 1.3-1.1 2.2-1.4.6-.3 1.6-.6 3.5-.7h7.7zm0 5.8c-5.4 0-9.7 4.3-9.7 9.7 0 5.4 4.3 9.7 9.7 9.7 5.4 0 9.7-4.3 9.7-9.7 0-5.4-4.3-9.7-9.7-9.7zm0 16c-3.5 0-6.3-2.8-6.3-6.3s2.8-6.3 6.3-6.3 6.3 2.8 6.3 6.3-2.8 6.3-6.3 6.3zm12.4-16.4c0 1.3-1.1 2.3-2.3 2.3-1.3 0-2.3-1-2.3-2.3 0-1.2 1-2.3 2.3-2.3 1.2 0 2.3 1.1 2.3 2.3z'></path></svg></a> </li> <li> <a aria-label='Link to Twitter' class='inline-block p1' href='https://twitter.com/adhysuryadiii' rel='nofollow noopener' target='_blank'><svg height='30' viewbox='0 0 53 49' width='30' xmlns='http://www.w3.org/2000/svg'><title>Twitter</title><path class='ampstart-icon ampstart-icon-twitter' d='M45 6.9c-1.6 1-3.3 1.6-5.2 2-1.5-1.6-3.6-2.6-5.9-2.6-4.5 0-8.2 3.7-8.2 8.3 0 .6.1 1.3.2 1.9-6.8-.4-12.8-3.7-16.8-8.7C8.4 9 8 10.5 8 12c0 2.8 1.4 5.4 3.6 6.9-1.3-.1-2.6-.5-3.7-1.1v.1c0 4 2.8 7.4 6.6 8.1-.7.2-1.5.3-2.2.3-.5 0-1 0-1.5-.1 1 3.3 4 5.7 7.6 5.7-2.8 2.2-6.3 3.6-10.2 3.6-.6 0-1.3-.1-1.9-.1 3.6 2.3 7.9 3.7 12.5 3.7 15.1 0 23.3-12.6 23.3-23.6 0-.3 0-.7-.1-1 1.6-1.2 3-2.7 4.1-4.3-1.4.6-3 1.1-4.7 1.3 1.7-1 3-2.7 3.6-4.6'></path></svg></a> </li> <li> <a aria-label='Link to Google+' class='inline-block p1 gp' href='https://www.google.com/+AdhySuryadi' rel='nofollow noopener' target='_blank'><svg height='24' viewbox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><title>Google+</title><path class='ampstart-icon ampstart-icon-google' d='M20,2A2,2 0 0,1 22,4V20A2,2 0 0,1 20,22H4A2,2 0 0,1 2,20V4C2,2.89 2.9,2 4,2H20M20,12H18V10H17V12H15V13H17V15H18V13H20V12M9,11.29V13H11.86C11.71,13.71 11,15.14 9,15.14C7.29,15.14 5.93,13.71 5.93,12C5.93,10.29 7.29,8.86 9,8.86C10,8.86 10.64,9.29 11,9.64L12.36,8.36C11.5,7.5 10.36,7 9,7C6.21,7 4,9.21 4,12C4,14.79 6.21,17 9,17C11.86,17 13.79,15 13.79,12.14C13.79,11.79 13.79,11.57 13.71,11.29H9Z'></path></svg></a> </li> </ul> </amp-sidebar> <div itemprop='mainContentOfPage' itemscope='itemscope' itemtype='https://schema.org/WebPageElement'> <div class='outer-wrapper m0'> <div class='positionfixed' id='header-wrapper'> <div aria-label='Open' class='btn-sidebaramp p0' onclick="myFunction1()" role='button' tabindex='0'></div> <header itemprop='mainEntity' itemscope='itemscope' itemtype='https://schema.org/WPHeader'> <div class='header p0 m0 floatleft section' id='header'><div class='widget Header' data-version='1' id='Header1'> <div id='header-inner'> <div class='titlewrapper'> <h1 class='title p0 m0 fontroboto fontweight500' itemprop='headline'> <a class='p0 m0 fontroboto fontweight500 color00626B transition4s' href='https://www.kompiajaib.com/' itemprop='url' title='KOMPI AJAIB'><span class='notranslate' itemprop='name'>KOMPI AJAIB</span></a> </h1> </div> <div class='descriptionwrapper displaynone'> <p class='description' itemprop='description'><span> </span></p> </div> </div> </div></div> </header> <div class='search_box p0 m0 floatleft section' id='search_box'><div class='widget BlogSearch' data-version='1' id='BlogSearch1'> <h2 class='title displaynone'>Search This Blog</h2> <div class='widget-content'> <div id='BlogSearch1_form'> <form action='https://www.kompiajaib.com/search' class='gsc-search-box' target='_top'> <table cellpadding='0' cellspacing='0' class='gsc-search-box'> <tbody> <tr> <td class='gsc-input'> <input autocomplete='off' class='gsc-input color555 borderradius3' name='q' placeholder='Search....' required='' size='10' title='search' type='text' value=''/> <input name='max-results' type='hidden' value='16'/> </td> <td class='gsc-search-button'> <input class='gsc-search-button colorfff borderradius3' title='Search' type='submit' value='Search'/> </td> </tr> </tbody> </table> </form> </div> </div> </div></div> <div class='page floatleft m0 section' id='page'><div class='widget PageList' data-version='1' id='PageList1'> <div class='widget-content'> <ul class='p0 m0 liststyle0'> <li class='p0 m0 displayinlineblock'><a class='color333 fontweight500 displayinlineblock' href='https://www.kompiajaib.com/p/about-kompi-ajaib.html' title='About'>About</a></li> <li class='selected p0 m0 displayinlineblock'><a class='color333 fontweight500 displayinlineblock' href='https://cdn.rawgit.com/KompiAjaib/kompi-html/master/contact_ka3.html' title='Contact'>Contact</a></li> <li class='p0 m0 displayinlineblock'><a class='color333 fontweight500 displayinlineblock' href='https://www.kompiajaib.com/p/i-f-you-require-any-more-information-or.html' title='Privacy'>Privacy</a></li> <li class='p0 m0 displayinlineblock'><a class='color333 fontweight500 displayinlineblock' href='https://cdn.rawgit.com/KompiAjaib/kompi-html/master/sitemaps_ka.html' rel='nofollow noopener' target='_blank' title='Sitemap'>Sitemap</a></li> <li class='p0 m0 displayinlineblock'><a class='color333 fontweight500 displayinlineblock' href='https://www.kompiajaib.com/p/iklan.html' title='Iklan'>Iklan</a></li> <li class='p0 m0 displayinlineblock'><a class='color333 fontweight500 displayinlineblock' href='https://translate.google.com/translate?hl=en&sl=id&tl=en&u=https://cdn.rawgit.com/KompiAjaib/kompi-html/master/contact_ka3.html' rel='nofollow noopener' target='_blank' title='Translate'>Translate</a></li> </ul> </div> </div></div> <div class='clear'></div> </div> <div class='clear'></div> <div class='content-wrapper m0'> <div class='floatright p0' id='main-wrapper'> <div itemscope='itemscope' itemtype='https://schema.org/Blog'> <div class='main section' id='main'><div class='widget Blog' data-version='1' id='Blog1'> <div class='blog-posts hfeed'> <!--Can't find substitution for tag [defaultAdStart]--> <div class='post-outer'> <article class='post hentry m0' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'> <div itemprop='image' itemscope='itemscope' itemtype='https://schema.org/ImageObject'> <meta content='https://3.bp.blogspot.com/-x_mMtgFf6XE/VlhLxwdLekI/AAAAAAAAj3c/N7fRz1lbMSg/s1600/no-thumbnail.jpg' itemprop='url'/> <meta content='700' itemprop='width'/> <meta content='700' itemprop='height'/> </div> <div itemprop='publisher' itemscope='itemscope' itemtype='https://schema.org/Organization'> <div itemprop='logo' itemscope='itemscope' itemtype='https://schema.org/ImageObject'> <meta content='https://3.bp.blogspot.com/-ccUYbxIIDvM/VqSSu92MnZI/AAAAAAAAksc/HExcuDOoKIQ/s600/logo.png' itemprop='url'/> <meta content='600' itemprop='width'/> <meta content='600' itemprop='height'/> </div> <meta content='KOMPI AJAIB' itemprop='name'/> </div> <h2 class='post-title entry-title center' itemprop='headline'> <a href='https://cdn.rawgit.com/KompiAjaib/kompi-html/master/contact_ka3.html' itemprop='url mainEntityOfPage' title='Contact'>Contact</a> </h2> <div class='postmeta fontroboto fontweight400 m0 floatright p0'> <h3 class='date-header fontroboto fontweight400 m0'> <span class='post-author vcard' itemprop='author' itemscope='itemscope' itemtype='https://schema.org/Person'> <meta content='Adhy Suryadi' itemprop='name'/> <meta content='https://plus.google.com/117950600521728942551' itemprop='url'/> <meta content='//lh3.googleusercontent.com/-Q55pKJrgnXs/AAAAAAAAAAI/AAAAAAAAh9M/ae9EthU2__8/s512-c/photo.jpg' itemprop='image'/> </span> <span class='vcard'> <abbr class='fn' title='Adhy Suryadi'></abbr> </span> <abbr class='updated' title='2018-02-18T18:54:00+07:00'></abbr> <meta content='2018-02-18T18:54:00+07:00' itemprop='datePublished'/> <meta content='2018-02-18T11:54:14Z' itemprop='dateModified'/> </h3> </div> <div class='postbody'> <div class='post-body entry-content fontweight400 color555 floatleft' itemprop='articleBody'> Untuk menghubungi admin Kompi Ajaib, silahkan pilih beberapa cara yang Anda sukai di bawah ini:<br/> <div class="contact-box"> <div class="contact-me"><svg viewBox="0 0 24 24"> <path d="M20,8L12,13L4,8V6L12,11L20,6M20,4H4C2.89,4 2,4.89 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V6C22,4.89 21.1,4 20,4Z"></path> </svg><span><a href="mailto:kompiajaib@gmail.com" target="_blank" title="Klik untuk kirim email">Klik untuk kirim email</a></span></div> <div class="contact-me"><svg viewBox="0 0 24 24"> <path d="M9.78,18.65L10.06,14.42L17.74,7.5C18.08,7.19 17.67,7.04 17.22,7.31L7.74,13.3L3.64,12C2.76,11.75 2.75,11.14 3.84,10.7L19.81,4.54C20.54,4.21 21.24,4.72 20.96,5.84L18.24,18.65C18.05,19.56 17.5,19.78 16.74,19.36L12.6,16.3L10.61,18.23C10.38,18.46 10.19,18.65 9.78,18.65Z"></path> </svg><span><a href="https://t.me/adhy_suryadi" target="_blank" title="Klik untuk chat di Telegram">Klik untuk chat di Telegram</a></span></div> <div class="contact-me"><svg viewBox="0 0 24 24"> <path fill="#000000" d="M12,2C6.5,2 2,6.14 2,11.25C2,14.13 3.42,16.7 5.65,18.4L5.71,22L9.16,20.12L9.13,20.11C10.04,20.36 11,20.5 12,20.5C17.5,20.5 22,16.36 22,11.25C22,6.14 17.5,2 12,2M13.03,14.41L10.54,11.78L5.5,14.41L10.88,8.78L13.46,11.25L18.31,8.78L13.03,14.41Z" /> </svg><a href="http://m.me/adhysuryadiii" target="_blank" title="Klik untuk chat di Messenger">Klik untuk chat di Messenger</a></div> <div class="contact-me map"><svg viewBox="0 0 24 24"> <path fill="#000000" d="M12,11.5A2.5,2.5 0 0,1 9.5,9A2.5,2.5 0 0,1 12,6.5A2.5,2.5 0 0,1 14.5,9A2.5,2.5 0 0,1 12,11.5M12,2A7,7 0 0,0 5,9C5,14.25 12,22 12,22C12,22 19,14.25 19,9A7,7 0 0,0 12,2Z" /> </svg><a href="https://goo.gl/maps/rpLNJDmfchs" target="_blank" title="Map of KompiAjaib.com">Perum Pesona Estetika A-27, Cikembulan, Sidamulih, Pangandaran, Jawa Barat 46365</a></div> </div> <br/> Atau silahkan hubungi via contact form di bawah ini:<br /> <script type="text/javascript"> var submitted=false; var fadeEffect=function(){ return{ init:function(id, flag, target){ this.elem = document.getElementById(id); clearInterval(this.elem.si); this.target = target ? target : flag ? 100 : 0; this.flag = flag || -1; this.alpha = this.elem.style.opacity ? parseFloat(this.elem.style.opacity) * 100 : 0; this.elem.si = setInterval(function(){fadeEffect.tween()}, 20); }, tween:function(){ if(this.alpha == this.target){ clearInterval(this.elem.si); }else{ var value = Math.round(this.alpha + ((this.target - this.alpha) * .05)) + (1 * this.flag); this.elem.style.opacity = value / 100; this.elem.style.filter = 'alpha(opacity=' + value + ')'; this.alpha = value } } } }(); function myFunction() { location.reload(); } </script> <iframe id="hidden_iframe" name="hidden_iframe" onload="if(submitted){);}" style="display: none;"></iframe> <form action="https://docs.google.com/forms/d/1aHcEFAqx-IpAPnWhCknh_9MHdEj1CkbTaofEF9F3ATc/formResponse" id="ss-form" method="POST" onsubmit="fadeEffect.init('fade', 1);document.getElementById('fade').style.display = 'block'" target="hidden_iframe"> <div class="styled-input"> <div class="styled-input-in"> <input type="text" aria-label="Name" name="entry.2005620554" value="" id="entry.2005620554" dir="auto" title="" required> <label>Name</label> <span class="span1"></span><span class="span2"></span> </div> </div> <div class="styled-input"> <div class="styled-input-in"> <input type="email" aria-label="Email" name="entry.1045781291" value="" id="entry.1045781291" dir="auto" title="Must be a valid email address" required> <label>Email</label> <span class="span1"></span><span class="span2"></span> </div> </div> <div class="styled-input wide"> <div class="styled-input-in"> <textarea aria-label="Comments" name="entry.839337160" rows="8" cols="0" id="entry.839337160" dir="auto" aria-required="true" required></textarea> <label>Message</label> <span class="span1"></span><span class="span2"></span> </div> </div> <input name="draftResponse" type="hidden" value="[,,"666676987482120412"]"> <input name="pageHistory" type="hidden" value="0"> <input name="fbzx" type="hidden" value="666676987482120412"> <button type="submit" name="submit" class="btn btn-default">Send</button> </div> </form> <div id="fade"> <div class="thanks_layout"> <div class="thanks_message"> <img alt="Thumb" height="48" width="48" src="https://4.bp.blogspot.com/-rY5km74yj_I/V1ItqrbspBI/AAAAAAAAmxA/SK-aLPTjyuo8uiSYylRJ4tLslk2LJ581QCLcB/s1600/ic_thumb_up_black_24dp_2x.png" /> <h2>Form submitted successfully</h2> <div>Jika tidak ada halangan dan kesibukan lainnya, admin akan langsung merespon pesan yang Anda kirimkan.</div> <div class="close"><a href="javascript:void(0)" onclick="document.getElementById('fade').style.display = 'none' ;myFunction()" title="Close">×</a></div> </div> </div> </div> <div class='clear'></div> </div> <div class='clear'></div> </div> <div class='clear'></div> </article> </div> <!--Can't find substitution for tag [adEnd]--> </div> <div class='clear'></div> <div class='clear'></div> </div></div> </div> </div> <div class='positionfixed' id='sidebar-wrapper'> <aside itemprop='mainEntity' itemscope='itemscope' itemtype='https://schema.org/WPSideBar'> <div class='sidebar fontroboto fontweight400 section' id='sidebar'><div class='widget HTML' data-version='1' id='HTML1'> </div> <div class='widget FollowByEmail' data-version='1' id='FollowByEmail1'> </div></div> </aside> </div> <!-- spacer for skins that want sidebar and main to be the same height--> <div class='clear'></div> </div> <footer itemprop='mainEntity' itemscope='itemscope' itemtype='https://schema.org/WPFooter'> <div class='footer-wrapper color333 backgroundhitambelang'> <div class='footer1 floatleft'> <div class='logo-footer displayblock'> <a href='https://www.kompiajaib.com/' title='KOMPI AJAIB'><img alt='Logo Footer Kompi Ajaib' height='50' src='https://4.bp.blogspot.com/-xA9-mTEH_Fs/WpSwaMDblTI/AAAAAAAAwVk/Hipm0Go1elA5JfqI9580_CQDK3Aivr7AACLcBGAs/s347/footer.png' title='Kompi Ajaib' width='347'/></a> </div> <p class='m0'>Blog yang membahas tentang tutorial, trik, dan widget Blogger juga SEO dan Internet.</p> <div class='clear'></div> </div> <div class='footer2 floatleft'> <h4 class='fontweight500 m0'>Terhubung:</h4> <ul class='liststyle0 p0'> <li><a href='https://www.myinfo.web.id/' rel='noopener' target='_blank' title='My Info'>My Info</a></li> <li><a href='https://www.bloggue.xyz/' rel='noopener' target='_blank' title='Bloggue'>Bloggue</a></li> <li><a href='http://adhysuryadi.xyz/' rel='noopener' target='_blank' title='Adhy Suryadi'>Adhy Suryadi</a></li> <li><a href='https://www.kompitemplate.web.id/' rel='noopener' target='_blank' title='Kompi Template'><span class='notranslate'>Kompi Template</span></a></li> <li><a href='https://www.kiosiana.com/' rel='noopener' target='_blank' title='Kompi Template'>Kiosiana</a></li> </ul> </div> <div class='footer3 floatleft'> <h4 class='fontweight500 m0'>Dukungan:</h4> <ul class='liststyle0 p0'> <li><a href='https://www.kompiajaib.com/p/about-kompi-ajaib.html' target='_blank' title='Tentang Kompi Ajaib'><span class='notranslate'>About Kompi Ajaib</span></a></li> <li><a href='https://cdn.rawgit.com/KompiAjaib/kompi-html/master/contact_ka3.html' target='_blank' title='Hubungi Saya'>Hubungi Saya</a></li> <li><a href='https://cdn.rawgit.com/KompiAjaib/kompi-html/master/sitemaps_ka.html' rel='nofollow noopener' target='_blank' title='Daftar Isi'>Daftar Isi</a></li> <li><a href='https://www.kompiajaib.com/p/iklan.html' target='_blank' title='Iklan'>Iklan</a></li> <li><a href='https://www.kompiajaib.com/p/jasa-review.html' target='_blank' title='Job Review'>Job Review</a></li> </ul> </div> <div class='footer4 floatleft'> <h4 class='fontweight500 m0'>Tools:</h4> <ul class='liststyle0 p0'> <li><a href='https://cdn.rawgit.com/KompiAjaib/list-emoji/master/list_emojis.html' rel='nofollow noopener' target='_blank' title='Twemoji List'>Twemoji List</a></li> <li><a href='http://refresh-sf.com/' rel='nofollow noopener' target='_blank' title='Minify JS & CSS'>Minify JS & CSS</a></li> <li><a href='https://cdn.rawgit.com/KompiAjaib/HTML-Live-Editor/master/htmleditor.html' rel='nofollow noopener' target='_blank' title='HTML Live Editor'>HTML Live Editor</a></li> <li><a href='https://cdn.rawgit.com/KompiAjaib/ytg/master/youtube-thumbnail-generator.html' rel='nofollow noopener' target='_blank' title='Youtube Thumbnail Generator'>Youtube Thumb Generator</a></li> <li><a href='https://cdn.rawgit.com/KompiAjaib/download-link-generator/master/index.html' rel='nofollow noopener' target='_blank' title='Google Drive Download Link Generator'>Google Drive Generator</a></li> </ul> </div><div class='clear'></div> </div> <div class='clear'></div> <div class='credit-wrapper'> <div class='credit-left floatleft'> Copyright © <span itemprop='copyrightYear'>2018</span> <span itemprop='copyrightHolder' itemscope='itemscope' itemtype='https://schema.org/Organization'><a href='https://www.kompiajaib.com/' itemprop='url' title='KOMPI AJAIB'><span itemprop='name'>KOMPI AJAIB</span></a> Proudly powered <a href='//www.blogger.com' title='Blogger'>by Blogger</a></span> </div> <div class='clear'></div> </div> </footer> <div class='clear'></div> </div> </div> <div class="sidebar-mask" hidden='' id='sidebar-mask'></div> <script type="text/javascript"> function myFunction1() { var element = document.getElementById("side-bar"); element.classList.toggle("mystyle"); var element = document.getElementById("sidebar-mask"); element.classList.toggle("open"); var body = document.body; body.classList.toggle("flow"); } </script> </body> </HTML>