Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <?xml version="1.0" encoding="UTF-8" ?>
- <!DOCTYPE html>
- <HTML expr:dir='data:blog.languageDirection' itemscope='' itemtype='http://schema.org/NewsArticle' lang='id'>
- <b:attr cond='data:blog.isMobileRequest == "true"' name='amp' value='amp'/>
- <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'/>
- <meta content='IE=9; IE=8; IE=7; IE=EDGE; chrome=1' http-equiv='X-UA-Compatible'/>
- <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='#EAEAEA' name='theme-color'/>
- <!-- Windows Phone -->
- <meta content='#EAEAEA' name='msapplication-navbutton-color'/>
- <link href='#' rel='manifest'/>
- <meta content='blogger' name='generator'/>
- <link expr:href='data:blog.homepageUrl + "favicon.ico"' rel='icon' type='image/x-icon'/>
- <link href='https://1.bp.blogspot.com/-Ktsa62xtoU4/WxaE7LVZdGI/AAAAAAAAx_E/YBYYOwwYKd820im1gnaNRaAgcwl0Bf6_gCLcBGAs/s32/amp.png' rel='icon' sizes='32x32'/>
- <link href='https://1.bp.blogspot.com/-Ktsa62xtoU4/WxaE7LVZdGI/AAAAAAAAx_E/YBYYOwwYKd820im1gnaNRaAgcwl0Bf6_gCLcBGAs/s192/amp.png' rel='icon' sizes='192x192'/>
- <link href='https://1.bp.blogspot.com/-Ktsa62xtoU4/WxaE7LVZdGI/AAAAAAAAx_E/YBYYOwwYKd820im1gnaNRaAgcwl0Bf6_gCLcBGAs/s180/amp.png' rel='apple-touch-icon-precomposed'/>
- <meta content='https://1.bp.blogspot.com/-Ktsa62xtoU4/WxaE7LVZdGI/AAAAAAAAx_E/YBYYOwwYKd820im1gnaNRaAgcwl0Bf6_gCLcBGAs/s144/amp.png' name='msapplication-TileImage'/>
- <b:if cond='data:blog.isMobileRequest == "false"'>
- <link expr:href='data:blog.url' rel='canonical'/>
- <link expr:href='data:blog.url + "?m=1"' rel='amphtml'/>
- </b:if>
- <b:if cond='data:blog.isMobileRequest == "true"'>
- <link expr:href='data:blog.url' rel='canonical'/>
- </b:if>
- <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'/>
- <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.url' hreflang='x-default' rel='alternate'/>
- <link href='https://plus.google.com/xxxxxxxxxxxxxx' rel='me'/>
- <link href='https://plus.google.com/xxxxxxxxxxxxxx' rel='publisher'/>
- <b:if cond='data:blog.pageType == "item"'>
- <meta expr:content='data:blog.pageName' property='og:title'/>
- <meta expr:content='data:blog.canonicalUrl' property='og:url'/>
- <meta content='article' property='og:type'/>
- <b:if cond='data:blog.metaDescription'>
- <meta expr:content='data:blog.metaDescription' name='description'/>
- <meta expr:content='data:blog.metaDescription' property='og:description'/>
- <b:else/>
- <meta expr:content='"Silahkan kunjungi postingan " + data:blog.pageName + " untuk membaca artikel selengkapnya."' name='description'/>
- <meta expr:content='"Silahkan kunjungi postingan " + data:blog.pageName + " untuk membaca artikel selengkapnya."' property='og:description'/>
- </b:if>
- </b:if>
- <meta expr:content='data:blog.title' property='og:site_name'/>
- <b:if cond='data:blog.url == data:blog.homepageUrl'>
- <meta expr:content='data:blog.title' property='og:title'/>
- <meta content='website' property='og:type'/>
- <b:if cond='data:blog.metaDescription'>
- <meta expr:content='data:blog.metaDescription' name='description'/>
- <meta expr:content='data:blog.metaDescription' property='og:description'/>
- <b:else/>
- <meta expr:content='"Silahkan kunjungi " + data:blog.pageTitle + " untuk membaca postingan-postingan menarik."' property='og:description'/>
- </b:if>
- </b:if>
- <b:if cond='data:blog.postImageUrl'>
- <meta expr:content='data:blog.postImageUrl' property='og:image'/>
- <meta content='530' property='og:image:width'/>
- <meta content='280' property='og:image:height'/>
- <meta expr:content='data:blog.pageName' property='og:image:alt'/>
- <b:else/>
- <b:if cond='data:blog.postImageThumbnailUrl'>
- <meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
- <meta content='530' property='og:image:width'/>
- <meta content='280' property='og:image:height'/>
- <meta expr:content='data:blog.pageName' property='og:image:alt'/>
- <b:else/>
- <meta content='https://1.bp.blogspot.com/-Ktsa62xtoU4/WxaE7LVZdGI/AAAAAAAAx_E/YBYYOwwYKd820im1gnaNRaAgcwl0Bf6_gCLcBGAs/s300/amp.png' property='og:image'/>
- <meta expr:content='data:blog.title' property='og:image:alt'/>
- <meta content='158' property='og:image:width'/>
- <meta content='158' property='og:image:height'/>
- </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'/>
- <meta content='xxxxxxxxxxxxxx' name='alexaVerifyID'/>
- <meta content='xxxxxxxxxxxxxx' name='google-site-verification'/>
- <meta content='xxxxxxxxxxxxxx' name='msvalidate.01'/>
- <meta content='xxxxxxxxxxxxxx' name='yandex-verification'/>
- <link href='//1.bp.blogspot.com' rel='dns-prefetch'/><link href='//2.bp.blogspot.com' rel='dns-prefetch'/><link href='//3.bp.blogspot.com' rel='dns-prefetch'/><link href='//4.bp.blogspot.com' rel='dns-prefetch'/><link href='//www.blogger.com' rel='dns-prefetch'/><link href='//fonts.googleapis.com' rel='dns-prefetch'/><link href='//resources.blogblog.com' rel='dns-prefetch'/><link href='//www.facebook.com' rel='dns-prefetch'/><link href='//plus.google.com' rel='dns-prefetch'/><link href='//twitter.com' rel='dns-prefetch'/><link href='//www.youtube.com' rel='dns-prefetch'/><link href='//feedburner.google.com' rel='dns-prefetch'/><link href='//feeds.feedburner.com' rel='dns-prefetch'/><link href='//github.com' rel='dns-prefetch'/><link href='//platform.twitter.com' rel='dns-prefetch'/><link href='//apis.google.com' rel='dns-prefetch'/><link href='//connect.facebook.net' rel='dns-prefetch'/><link href='//www.google-analytics.com' rel='dns-prefetch'/><link href='//pagead2.googlesyndication.com' rel='dns-prefetch'/><link href='//googleads.g.doubleclick.net' rel='dns-prefetch'/><link href='//www.gstatic.com' rel='dns-prefetch'/><link href='//www.googletagservices.com' rel='dns-prefetch'/><link href='//static.xx.fbcdn.net' rel='dns-prefetch'/><link href='//tpc.googlesyndication.com' rel='dns-prefetch'/><link href='//syndication.twitter.com' rel='dns-prefetch'/><link href='//fonts.gstatic.com' rel='dns-prefetch'/><link href='https://cdn.ampproject.org' rel='dns-prefetch'/><link href='https://3p.ampproject.net' rel='dns-prefetch'/><link href='https://cdn.rawgit.com' rel='dns-prefetch'/><link href='https://lh3.googleusercontent.com' rel='dns-prefetch'/><link href='https://tpc.googlesyndication.com' rel='dns-prefetch'/><link href='https://i.ytimg.com' rel='dns-prefetch'/><link href='https://i3.ytimg.com' rel='dns-prefetch'/><link href='https://img.youtube.com' rel='dns-prefetch'/><link href='https://www.googletagmanager.com' rel='dns-prefetch'/><link href='https://www.instagram.com' rel='dns-prefetch'/>
- <!-- /*<b:skin><![CDATA[
- #header-wrapper{width:100%;}
- #main-wrapper{width:60%;float:left;}
- #sidebar-wrapper{width:40%;float:right;}
- ul,li{list-style: none;}
- ]]></b:skin>
- <style amp-custom='amp-custom'>
- /*<![CDATA[*/
- #main-wrapper,#sidebar-right,#sidebar-wrapper,.deleted-comment{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;color:#000}
- :active,:focus{outline:0}
- a img{border-width:0}
- *{-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
- i.klik-url{-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all}
- ::selection{background:#11589D;color:#fff}
- .header-wrapper{margin:0 20px 0 0;padding:0;height:60px;display:inline-block;float:left;}
- #header{max-width:100%;width:300px;margin:10px 0 0;padding:0;}
- #header h1,#header p{margin:0;padding:0;}
- #header h1 span,#header p span,#header p a span,#header h1 a span,#header .description{position:fixed;top:-3000px;left:-3000px;font-size:0;opacity:0}
- .head-wrapper{position:fixed;top:0;left:0;right:0;z-index:998;height:60px;}
- .content-wrapper{width:100%;max-width:1100px;margin:0 auto;padding:0;position:relative}
- .head-wrapper .content-wrapper{margin:0 auto;padding:0 10px;position:relative;background:#fff;box-shadow:0 1px 0 rgba(0,0,0,.05),0 3px 3px rgba(0,0,0,.05);}
- .outer-wrapper{margin:80px 0 0;padding:0;position:relative}
- #main-wrapper{width:calc(100% - 300px);float:left;margin:0 auto;padding:0;}
- .post{background:#fff;margin:0 20px 0 0;padding:0 20px 20px;box-shadow:0 1px 0 rgba(0,0,0,.05),0 3px 3px rgba(0,0,0,.05);}
- .post h1.post-title{font-size:48px;font-weight:300;line-height:1.1;margin:20px 0;}
- .post h1.post-title a{color:#333;}
- .post-body {font-size:16px;font-weight:400;color:#555;line-height:1.5;counter-reset:blockquote;}
- .post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6{font-weight:700;line-height:1.2;color:#333;;margin:10px 0}
- .post-body h1{font-size:38px}
- .post-body h2{font-size:32px}
- .post-body h3{font-size:28px}
- .post-body h4,.post-body h5,.post-body h6{font-size:22px}
- .post-body a{font-weight:500;color:#000;display:inline-block}
- .post-body a:hover{color:#777}
- .post-body i{font-style:italic}
- .post-body .separator a{margin:0}
- .post-body amp-youtube{margin:0 -20px}
- .dailynodisplay{display:none}
- .post-body amp-img.emojika{vertical-align:-12%}
- .thumb-post{position:relative;margin:0 -20px 10px}
- .post-body blockquote,.post-body blockquote.kata-kata{font-size:18px;font-family:Georgia;color:#000;border-left:3px solid #11589D;padding:10px;margin:0 -20px;background:rgba(17,88,157,.1);line-height:1.3}
- .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 blockquote cite{color:#11589D;font-size:14px;font-style:italic;display:block;margin-top:5px;}
- .post-body blockquote cite:before{content:"\2014 \2009";color:#000;}
- .post-body pre,.post-body pre code{color:#11589D}
- .post-body pre{border-left:3px solid #11589D;background:rgba(17,88,157,.1);padding:8px 10px;overflow:auto;max-width:calc(100% + 40px);text-align:left;margin:0 -20px;-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all}
- .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 code{color:#11589D}
- .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{text-align:left}
- .tg-right{text-align:right}
- .tg-center{text-align:center}
- /* AMP Sidebar */
- .btn-sidebaramp{display:inline-block;background-image:url("data:image/svg+xml;charset=utf8,%3csvg viewBox='0 0 25 25' width='25' height='25' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cg%3e%3cpath style='fill:%23333' d='M3,6H21V8H3V6M3,11H21V13H3V11M3,16H21V18H3V16Z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e");background-repeat:no-repeat;background-size:35px 35px;background-position:center center;background-color:transparent;width:48px;height:60px;border:none;position:absolute;top:0;right:0;cursor:pointer}
- amp-sidebar{width:300px;padding:0;background:#fff}
- svg.amp-close-image{position:absolute;top:15px;left:16px;cursor:pointer;}
- amp-sidebar ul{margin-top:20px;padding:0;list-style:none;}
- amp-sidebar li{margin:0;list-style:none;padding:10px 20px}
- amp-sidebar li:first-child{padding-top:0;}
- amp-sidebar li a{color:#333;font-weight:500;font-size:16px;display:block}
- amp-sidebar li a:hover{color:#777}
- amp-sidebar button{margin-left:20px}
- #side-bar h6 {border:none;background-color:#fff;font-size:16px;font-weight:500;color:#333;padding:0;margin:0 0 10px 20px}
- amp-sidebar ul li.drop ul{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{margin:0;list-style:none;padding:0}
- amp-sidebar li.drop section{margin:0;list-style:none;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:#333}
- section:not([expanded]) .show-less,section[expanded] .show-more{display:none}
- .logo_sidebar{width:60%;height:auto;margin:50px auto 0}
- .follow_sidebar{line-height:normal;letter-spacing:normal;text-transform:uppercase;font-weight:700;color:#333;font-size:.94rem;padding-top:1.5rem;display:block;text-align: center;}
- .ampstart-social-follow{margin:.5rem 0 1rem;-webkit-box-pack:initial;-ms-flex-pack:initial;justify-content:initial;display:block;text-align: center;-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}
- .p1{padding:.5rem}
- .inline-block{display:inline-block}
- svg:not(:root){overflow:hidden}
- .ampstart-icon,.ampstart-sidebar .ampstart-icon{fill:#333}
- /* homepage */
- .home_page #main-wrapper{width:calc(100% - 320px);padding:0 0 60px;position:relative}
- .home_page .post-outer{margin:0 0 20px;padding:0;}
- .home_page .home-relative{position:relative;}
- .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 .posts-thumb{width:30%;height:100%;float:left;position:relative;margin-right:10px;transition:all .3s ease-in-out}
- .home_page .post .posts-thumb amp-img{width:100%;height:100%}
- .home_page .post h2.post-title{font-size:18px;font-weight:700;margin:0;padding:10px;line-height:1.1;border-bottom:1px solid #ddd}
- .home_page .post h2.post-title a{color:#333;}
- .home_page .post:hover h2.post-title a{color:#000;}
- .home_page .post h2.post-title a:hover{color:#777;}
- .home_page .post .post-body .snippets{font-size:16px;margin:-5px 0 0;padding:10px;line-height:1.2;background-color:#fff;}
- .home_page .post .post-body h3{margin:0;}
- .home_page .post .posts-thumb .ribbon span{display:none}
- .homepage .blog-posts>.post-outer:nth-child(1) .post .posts-thumb{position:relative;margin-right:0;float:none;width:100%;height:auto;overflow:hidden;background:#fff;}
- .homepage .blog-posts>.post-outer:nth-child(1) .post .posts-thumb amp-img {width:100%;height:auto;z-index:1}
- .homepage .blog-posts>.post-outer:nth-child(1) .post h2{padding:10px;margin:0;line-height:1}
- .homepage .blog-posts>.post-outer:nth-child(1) .post h2 a{font-size:40px;font-weight:300}
- .homepage .blog-posts>.post-outer:nth-child(1) .post .posts-thumb .ribbon span{color:#333;padding:10px 90px 10px 35px;font-size:22px;font-weight:900;z-index:2;transform:rotate(-30deg);-webkit-transform:rotate(-30deg);display:block;background:#9BC90D;box-shadow:0 3px 10px -5px rgba(0,0,0,1);position:absolute;top:15px;left:-40px}
- /* Sidebar */
- aside{width:300px;float:right;padding:0;margin:0 auto;position:-webkit-sticky;position:sticky;top:80px}
- #sidebar-wrapper{width:300px;float:right;padding:0;margin:0}
- .sidebar h2{background-color:#fff;font-size:16px;margin:0;padding:10px;color:#333;text-transform:uppercase;}
- .footer,.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}
- /* Menu Page */
- .page{display:inline-block;height:60px;line-height:60px;float:right;margin-right:38px;}
- .PageList ul{margin:0;padding:0;list-style:none;text-align:center;font-size:0;}
- .PageList ul li{margin:0;padding:0;list-style:none;height:60px;line-height:60px;float:left;}
- .PageList ul li a,.PageList ul li .search-open{display:inline-block;margin:0;padding:0 8px;font-size:14px;font-weight:400;color:#333;}
- .PageList ul li a:hover{color:#777}
- .PageList ul li .search-open svg{vertical-align:middle;cursor:pointer}
- /* Search Box */
- .search-close{position:absolute;top:20px;right:20px;z-index:999;cursor:pointer}
- #search_box{position:fixed;top:100px;left:0;right:0;z-index:999;}
- .search_box .content-wrapper{background:#262626;padding:10px;-webkit-animation:slide-down .3s ease-out;-moz-animation:slide-down .3s ease-out}
- .BlogSearch h2.title{display:none}
- .BlogSearch .gsc-search-box{width:100%}
- .BlogSearch input.gsc-input{width:calc(100% - 10px);padding-right:4px\9;padding-left:4px\9;margin-bottom:0;-webkit-border-radius:3px;-moz-border-radius:3px;height:34px;padding:6px 12px;font-size:95%;line-height:1.428571429;color:#555;vertical-align:middle;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-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:#11589D;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(17,88,157,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(17,88,157,.6)}
- .BlogSearch input.gsc-input:-moz-placeholder{color:#999}
- .BlogSearch input.gsc-input::-moz-placeholder{color:#999;opacity:1}
- .BlogSearch input.gsc-input:-ms-input-placeholder{color:#999}
- .BlogSearch input.gsc-input::-webkit-input-placeholder{color:#999}
- .BlogSearch td.gsc-search-button{width:60px;}
- .BlogSearch input.gsc-search-button{background-color:#11589D;border:0;-webkit-border-radius:3px;-moz-border-radius:3px;width:100%;height:34px;padding:6px 0;text-align:center;font:700 95% Roboto;line-height:1.428571429;color:#fff;vertical-align:middle;background-image:none;border-radius:4px;cursor:pointer;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
- /* Breadcrumb */
- .breadcrumbs{line-height:1.2em;width:auto;overflow:hidden;margin:0;padding:10px 0;border-bottom:1px solid #ddd;font-size:80%;color:#555;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;color:#555;font-weight:400}
- .breadcrumbs a:hover{color:#777}
- .breadcrumbs,.breadcrumbs a,.credit{font-weight:400}
- .breadcrumbs svg{width:16px;height:16px;vertical-align:-4px}
- .breadcrumbs svg path{fill:#555}
- /* 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 20px 20px 0;padding:10px 0;height:auto;background-color:#fff;box-shadow:0 1px 0 rgba(0,0,0,.05),0 3px 3px rgba(0,0,0,.05);}
- .halaman-kanan,.halaman-kiri{color:#141924;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;}
- .halaman-kanan a:hover,.halaman-kanan:hover .pager-title-left,.halaman-kiri a:hover,.halaman-kiri:hover .pager-title-left{color:#e8554e}
- .current-pageleft,.current-pageright,.halaman-kanan a,.halaman-kiri a{font-size:16px;font-weight:500;background:0 0;color:#555;text-decoration:none;line-height:1.3em}
- #blog-pager,.isihalaman-kanan,.isihalaman-kiri{margin:0}
- .panahkanan,.panahkiri{position:absolute;top:50%;margin-top:-16px;color:#777;width:32px;height:32px}
- .panahkiri{left:0}
- .panahkanan{right:0}
- /* Blog Pager */
- .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 .home-box svg path,.home_page .last-box svg path{fill:#666}
- .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 #blog-pager-newer-link a,.home_page #blog-pager-older-link a,.home_page a.home-link{color:#333;transition:all .4s ease-in-out}
- .home_page #blog-pager-newer-link a:hover,.home_page #blog-pager-older-link a:hover,.home_page a.home-link:hover{color:red}
- .home_page a.blog-pager-newer-link,.home_page a.blog-pager-older-link,.home_page #blog-pager-home-link a.home-link{background:#fff;color:#666;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{background:#fff;color:#666;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-post h4{margin:0 10px 10px 0;font-size:24px;font-weight:500;padding:0;color:#333}
- .related-post{width:100%;margin:0;padding:0;font-size:16px;text-align:left;}
- .related-wrapper{overflow:hidden;}
- /* Social Share */
- .share-box{position:relative;margin-top:20px}
- .share-box.atas{margin-top:-6px;margin-bottom:10px;height:52px;overflow:hidden;}
- .share-box.atas amp-addthis iframe{margin-top:0;margin-left:-8px;}
- .displayinlineblock{display:inline-block;}.floatleft{float:left;}.borderradius3{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
- .clear{clear:both}
- /* Credit Footer */
- .credit{line-height:1.5em}
- .credit-wrapper{background:#fff;margin:0;padding:10px;font-size:90%;color:#555;box-shadow:0 1px 0 rgba(0,0,0,.05),0 3px 3px rgba(0,0,0,.05);}
- .credit-wrapper a:link,.credit-wrapper a:visited{color:#555;text-decoration:none}
- .credit-wrapper a:hover{color:#777;text-decoration:none}
- .credit-left{float:left}
- .credit-right{float:right}
- .updated{border-bottom:0}
- abbr[title]{text-decoration:none}
- .post .jump-link,.quickedit{display:none}
- /* Populer Posts */
- .PopularPosts .widget-content ul{width:100%;margin:0;padding:0;list-style-type:none;counter-reset:popcount}
- .PopularPosts .widget-content ul li{margin:0 0 10px;padding:0;height:170px;overflow:hidden;position:relative;box-shadow:0 1px 0 rgba(0,0,0,.05),0 3px 3px rgba(0,0,0,.05)}
- .PopularPosts .widget-content ul li:last-child{margin:0;}
- .PopularPosts .widget-content ul li a{color:#fff;text-decoration:none;font-size:18px;font-weight:500}
- .PopularPosts .widget-content ul li:hover .item-title a{bottom:0}
- .PopularPosts .widget-content ul li:hover img{-webkit-transform: scale(1.3);-ms-transform: scale(1.3);-o-transform: scale(1.3);transform: scale(1.3);}
- .PopularPosts .widget-content ul li img{width:100%;height:170px;padding-right:0;transition:all .6s ease-in-out;}
- .PopularPosts .item-thumbnail{float:none;margin:0 0 -4px}
- .PopularPosts .item-title a{padding:10px;position:absolute;bottom:-100px;left:0;right:0;text-align:left;background:rgba(0,0,0,.5);transition:all .3s ease-in-out}
- .PopularPosts .item-title a:hover{color:yellow}
- .PopularPosts .item-snippet{display:none}
- /* Featured Post */
- #FeaturedPost1 h3{margin:0;padding:10px;line-height:1.1em;font-size:18px;font-weight:700;border-bottom:1px solid #ddd}
- #FeaturedPost1 h3 a{line-height:1.1em;color:#333}
- #FeaturedPost1 .post-summary h3 a:hover{color:#777}
- #FeaturedPost1 p{margin:0;padding:10px;color:#555}
- #FeaturedPost1{background-color:#fff;margin:0 0 20px;display:block;padding:0;box-shadow:0 1px 0 rgba(0,0,0,.05),0 3px 3px rgba(0,0,0,.05);}
- /* Widget Label */
- #Label1 .widget-content{margin:0;padding:0 10px 5px 5px;background:#fff;box-shadow:0 1px 0 rgba(0,0,0,.05),0 3px 3px rgba(0,0,0,.05)}
- .label-size{margin:0;padding:0}
- .label-size a,.label-size span{text-decoration:none;float:left;height:18px;line-height:18px;position:relative;margin-bottom:5px;margin-left:5px;padding:6px 10px;background:#333;border-radius:3px;color:#fff;font-weight:500;font-size:16px;text-align:center;display:inline-table;}
- .label-size a:hover,.label-size span:hover{background:#888;}
- /* Subscribe Box */
- .follow-by-email-inner table{width:100%;}
- .follow-by-email-inner td{display:block;margin:0 -3px}
- .follow-by-email-inner .follow-by-email-address{width:100%;font-family:Roboto,sans-serif;font-weight:400;height:auto;margin:0 auto 5px;padding:10px;color:#333;position:relative;z-index:1;background:#fff;border:1px solid #ccc;border-radius: 4px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
- .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:30px;font-family:Roboto,sans-serif;font-weight:500;font-size:16px;text-transform: uppercase;float:left;color:#FFF;padding:0 20px;cursor:pointer;background-color:#11589D;border:none;border-radius:2px;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
- /* Button */
- @font-face{font-family:"Product Sans";src:url("https://cdn.rawgit.com/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/s1600/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}
- /* Label and Search Pages Status */
- .status-msg-wrap{font-size:14px;font-weight:400;width:100%;height:auto;color:#555;margin:0;position:relative;padding:0;}
- .status-msg-border{border:1px solid #fff;opacity:0;width:100%;position:relative;height:20px}
- .status-msg-bg{background-color:transparent;opacity:.8;width:100%;position:relative;z-index:1}
- .status-msg-body{text-align:center;margin:0;padding:6px 10px 10px;width:100%;word-wrap:break-word;z-index:4;line-height:1.3;background:#fff;box-shadow:0 1px 0 rgba(0,0,0,.05),0 3px 3px rgba(0,0,0,.05)}
- .status-msg-hidden{visibility:hidden;padding:.3em 0}
- .status-msg-wrap a{color:#fff;font-weight:500;text-decoration:none;background:#333;border-radius:2px;margin:0 6px 0 -6px;padding:3px 5px;width:130px;max-width:130px;display:inline-block;line-height:1.3}
- .status-msg-body b{font-size:20px;color:#333;display:block;margin-bottom:6px}
- .status-msg-body:after{content:"";display:block;clear:both}
- .status-msg-body a:last-child{margin-right:0}
- /* Static Page */
- .static_page #sidebar-wrapper,.static_page #comments,.static_page .disqus,.static_page .leaderboard{display:none}
- .static_page .post h2{text-align:center;margin:0;padding:10px 0;border-bottom:1px solid #ddd}
- .static_page .post h2 a{font-size:24px;font-weight:700;color:#333;}
- .static_page .outer-wrapper{margin:80px 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;padding:0;}
- .static_page a.home-link{visibility:hidden}
- .static_page .fb-comments{display:none;visibility:hidden}
- /* Contact Page */
- .contact-box{margin-top:10px}
- .contact-box svg{width:24px;height:24px;vertical-align:-6px;margin-right:5px}
- .contact-box svg path{fill:#efefef}
- .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:#efefef;font-weight:400}
- .post-body .contact-me a[href^="http://"]:after,.post-body .contact-me a[href^="https://"]:after,.post-body .contact-me a[href^="mailto:"]: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:%23efefef' 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{display:block}
- .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 .map,.contact-box .bbm{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 section:not([expanded]) .show-less,.contact-box amp-accordion section[expanded] .show-more{display:none}
- .contact-box amp-accordion h5{background:none;border:none;color:#efefef;font-weight:500;font-size:14px;margin:0;padding:0;text-align:left;}
- /* Post Image Style */
- .img-center{text-align:center;margin:0 auto;}
- .img-left{clear:left;float:left;margin-bottom:1em;margin-right:1em;text-align:center;}
- .img-right{clear:right;float:right;margin-bottom:1em;margin-left:1em;text-align:center;}
- .img-width-100,.img-width-200,.img-width-300,.img-width-400,.img-width-500,.img-width-600{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;}
- /* CSS Untuk Iklan */
- .leaderboard{width:100%;height:auto;text-align:center;margin:0 0 20px;padding:0}
- .post-body .inline_wrapper{width:100%;height:auto;text-align:center;margin:0 0 10px;padding:0}
- .post-body .inline_wrapper span{color:#efefef;font-size:10px;margin:0 auto 5px;display:block}
- .iklan-bawahpost,.iklan-ataspost{width:100%;height:auto;text-align:center;padding:0;margin:20px auto;}
- .iklan-ataspost{margin:10px 0 20px;padding-top:10px;border-top:1px solid #ddd;}
- .iklan-bawahpost amp-fx-flying-carpet{width:100%;width:calc(100% + 20px);height:auto;margin:0 -10px;}
- .iklan-ataskomen{padding:0;margin:20px 20px 20px 0}
- /* Disclaimer Box */
- .disclaimer_box{margin-right:20px;padding:2px;background:linear-gradient(60deg,#f79533,#f37055,#ef4e7b,#a166ab,#5073b8,#1098ad,#07b39b,#6fba82);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}
- /* Follow Button & Comment Button */
- .follow-button,.buka-komen,.tutup-komen{font-family:Roboto,sans-serif;background-color:#fff;color:#333;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)}
- .follow-button{margin:10px 0 0;}
- .buka-komen{margin:20px 20px 20px 0;cursor:pointer;}
- .tutup-komen{margin:20px 20px 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;}
- /* Comments */
- #komen{margin:0 20px 20px 0;padding:0 20px;background:#fff;box-shadow:0 1px 0 rgba(0,0,0,.05),0 3px 3px rgba(0,0,0,.05)}
- .fb-comments{margin:0 -8px;padding:0;}
- #komen.disqus{margin:0 20px 20px 0;padding:0 12px 20px;}
- /* Scroll To Top */
- .scrollToTop{color:#333;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:#fff;z-index:997;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}
- .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}
- .mobile-up,amp-youtube#test-off img,amp-instagram#test-off2 amp-img{display:none;visibility:hidden}
- amp-lightbox#open-lightbox{z-index:998}
- .lightbox-search{background:rgba(255,255,255,.8);width:100%;height:100%;position:fixed;top:0;left:0;z-index:998}
- .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}
- /* External link icon */
- .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:%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;display:inline-block;transition:all 400ms ease-in-out;}
- .post-body a[href^="http://"]:hover:after,.post-body a[href^="https://"]:hover:after{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:%23777' 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;}
- .post-body a[href^="http://www.myinfo.web.id/"]:after,.post-body a[href^="http://www.myinfo.web.id/"]:hover:after,.post-body a[href^="https://www.myinfo.web.id/"]:after,.post-body a[href^="https://www.myinfo.web.id/"]:hover:after{display:none}
- /* Responsive */
- @media screen and (max-width:1024px){.home_page .content-wrapper,.content-wrapper{padding:0 10px}
- .search_box .content-wrapper{padding:10px}
- }
- @media screen and (max-width:960px){.home_page .post .post-body .snippets{font-size:90%}.home_page .post h2.post-title{font-size:16px}.home_page .post .posts-thumb{margin-right:10px}
- }
- @media screen and (max-width:800px){.homepage .blog-posts>.post-outer:nth-child(1) .post .posts-thumb,.homepage .blog-posts>.post-outer:nth-child(1) .post .posts-thumb amp-img{height:300px}
- }
- @media screen and (max-width:768px){.home_page .post h2.post-title{font-size:22px}
- .share-box.atas{height:98px;}.post h1.post-title{font-size:30px}
- }
- @media screen and (max-width:640px){.content-wrapper{padding:0;overflow:hidden}
- #main-wrapper,#sidebar-wrapper,.home_page #main-wrapper,aside{width:100%;float:none;margin:0 auto}
- .home_page #main-wrapper{padding:0 0 75px}
- .homepage .post .posts-thumb,.homepage .blog-posts>.post-outer:nth-child(1) .post .posts-thumb{position:relative;margin-right:0;float:none;width:100%;height:auto;max-height:unset;overflow:hidden;background:#fff;}
- .homepage .post .posts-thumb amp-img,.homepage .blog-posts>.post-outer:nth-child(1) .post .posts-thumb amp-img {width:100%;height:auto;max-height:unset;z-index:1}
- .homepage .post h2,.homepage .blog-posts>.post-outer:nth-child(1) .post h2{padding:10px;margin:0;line-height:1}
- .homepage .post h2 a,.homepage .blog-posts>.post-outer:nth-child(1) .post h2 a{font-size:20px;font-weight:700}
- .home_page .content-wrapper{padding:0 10px}
- .home_page .post .post-body .snippets{font-size:16px}
- .homepage .blog-posts>.post-outer:nth-child(1) .post .posts-thumb .ribbon span{display:none}
- .PopularPosts .widget-content ul li{height:auto}
- .post{margin:0;padding:0 10px 10px}
- .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 amp-youtube,.post-body blockquote,.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}
- .scrollToTop{bottom:90px}
- .desktop-up,amp-sidebar ul,amp-sidebar ul li amp-accordion{display:none;visibility:hidden}
- .mobile-up,amp-sidebar[side][open] ul,amp-sidebar[side][open] ul li amp-accordion{display:block;visibility:visible}
- .halaman,.iklan-ataskomen,.buka-komen{margin:20px 0}
- .disclaimer_box{margin:0 10px}
- .tutup-komen{margin:20px 0 0}
- .PageList ul li .search-open{margin:0 20px 0 0}
- .PageList ul li .search-open svg{width:30px;height:30px}
- #header{width:120px;margin:17px 0 0;}
- .PageList ul li,.btn-sidebaramp,.head-wrapper,.header-wrapper,.page{height:50px}
- .PageList ul li,.page{line-height:50px}
- .outer-wrapper{margin:50px 0 0}
- .home_page .post-outer,.leaderboard{margin:0 0 10px}
- #komen{margin:0 0 20px;padding:0 10px;}
- #komen.disqus{margin:0 0 20px;padding:0 2px;}
- .buka-komen,.tutup-komen{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
- .search_box .content-wrapper{padding:10px}
- }
- @media screen and (max-width:414px){
- .btn-sidebaramp{top:0;right:15px;background-size:45px 45px;}
- .credit-left,.credit-right{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;}
- }
- @media print{header,#blog-pager,#comments,#footer-wrapper,#header-wrapper,#related-post,#sidebar-wrapper,.blog-pager,.breadcrumbs,.postmeta,h3.date-header,.PageList,.search_box,.BlogSearch,.main_menu,.leaderboard,.share-box{display:none}
- body{background:#fff}
- #main-wrapper{width:100%;border:none}
- .outer-wrapper{border:none}
- .content-wrapper{max-width:100%;height:100%;overflow:hidden;border:none}
- .post-body{margin:0;padding:0}
- .credit-wrapper{background:#fff;color:#666;margin:0;padding:0}
- .credit-wrapper a:link, .credit-wrapper a:visited{background:#fff;color:#666;margin:0;padding: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}
- /*]]>*/
- </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 async='async' custom-element='amp-analytics' src='https://cdn.ampproject.org/v0/amp-analytics-0.1.js'/>
- <b:if cond='data:blog.pageType != "error_page"'>
- <script async='async' custom-element='amp-form' src='https://cdn.ampproject.org/v0/amp-form-0.1.js'/>
- <script async='async' custom-element='amp-accordion' src='https://cdn.ampproject.org/v0/amp-accordion-0.1.js'/>
- <script async='async' custom-element='amp-sidebar' src='https://cdn.ampproject.org/v0/amp-sidebar-0.1.js'/>
- <script async='async' custom-element='amp-iframe' src='https://cdn.ampproject.org/v0/amp-iframe-0.1.js'/>
- <script async='async' custom-element='amp-lightbox' src='https://cdn.ampproject.org/v0/amp-lightbox-0.1.js'/>
- </b:if>
- <b:if cond='data:blog.pageType != "static_page" and data:blog.pageType != "error_page"'>
- <script async='async' custom-element='amp-position-observer' src='https://cdn.ampproject.org/v0/amp-position-observer-0.1.js'/>
- <script async='async' custom-element='amp-animation' src='https://cdn.ampproject.org/v0/amp-animation-0.1.js'/>
- </b:if>
- <b:if cond='data:blog.pageType == "item"'>
- <!--<script async='async' custom-element='amp-social-share' src='https://cdn.ampproject.org/v0/amp-social-share-0.1.js'/>-->
- <script async='async' custom-element='amp-facebook-comments' src='https://cdn.ampproject.org/v0/amp-facebook-comments-0.1.js'/>
- <script async='async' custom-element='amp-youtube' src='https://cdn.ampproject.org/v0/amp-youtube-0.1.js'/>
- <script async='async' custom-element='amp-carousel' src='https://cdn.ampproject.org/v0/amp-carousel-0.1.js'/>
- <script async='async' custom-element='amp-image-lightbox' src='https://cdn.ampproject.org/v0/amp-image-lightbox-0.1.js'/>
- <script async='async' custom-element='amp-instagram' src='https://cdn.ampproject.org/v0/amp-instagram-0.1.js'/>
- <script async='async' custom-element='amp-twitter' src='https://cdn.ampproject.org/v0/amp-twitter-0.1.js'/>
- <script async='async' custom-element='amp-facebook' src='https://cdn.ampproject.org/v0/amp-facebook-0.1.js'/>
- <script async='async' custom-element='amp-dailymotion' src='https://cdn.ampproject.org/v0/amp-dailymotion-0.1.js'/>
- <script async='async' custom-element='amp-addthis' src='https://cdn.ampproject.org/v0/amp-addthis-0.1.js'/>
- <script async='async' custom-element='amp-audio' src='https://cdn.ampproject.org/v0/amp-audio-0.1.js'/>
- <script async='async' custom-element='amp-video' src='https://cdn.ampproject.org/v0/amp-video-0.1.js'/>
- </b:if>
- <b:if cond='data:blog.pageType == "item" and data:blog.isMobileRequest == "true"'>
- <script async='async' custom-element='amp-fx-flying-carpet' src='https://cdn.ampproject.org/v0/amp-fx-flying-carpet-0.1.js'/>
- </b:if>
- <b:if cond='data:blog.pageType not in {"static_page","error_page"} and data:blog.isMobileRequest == "true" and not data:blog.searchQuery'>
- <script async='async' custom-element='amp-ad' src='https://cdn.ampproject.org/v0/amp-ad-0.1.js'/>
- <script async='async' custom-element='amp-sticky-ad' src='https://cdn.ampproject.org/v0/amp-sticky-ad-1.0.js'/>
- <script async='async' custom-element='amp-auto-ads' src='https://cdn.ampproject.org/v0/amp-auto-ads-0.1.js'/>
- </b:if>
- <b:if cond='data:blog.url == data:blog.homepageUrl'>
- <script type='application/ld+json'>
- {
- "@context": "http://schema.org",
- "@type": "WebSite",
- "url": "https://www.myinfo.web.id/",
- "potentialAction": {
- "@type": "SearchAction",
- "target": "https://www.myinfo.web.id/search?q={q}",
- "query-input": "required name=q"
- }
- }
- </script>
- </b:if>
- </head><!--<head/>-->
- <body>
- <b:if cond='data:blog.pageType == "error_page"'>
- <div id='error-page'>
- <div class='large-heading1'>OOPS!</div>
- <div class='error-404'>404</div>
- <div class='large-heading2'>LAMAN TIDAK DITEMUKAN</div><br/>
- <div class='light-heading1'>Mungkin halaman telah dihapus. Kami mohon maaf atas ketidaknyamanan ini.</div><br/>
- <div class='light-heading2'>Silahkan Klik <a expr:href='data:blog.homepageUrl' title='Homepage'><span><b>DI SINI</b></span></a> untuk kembali ke homepage <b><data:blog.title/></b>.
- </div>
- </div>
- </b:if>
- <b:if cond='data:blog.pageType != "error_page"'>
- <b:class cond='data:blog.pageType == "index"' name='home_page'/>
- <b:class cond='data:blog.url == data:blog.homepageUrl' name='homepage'/>
- <b:if cond='data:blog.pageType not in {"static_page","error_page"} and data:blog.isMobileRequest == "true" and not data:blog.searchQuery'>
- <!-- iklan amp-auto-ad, silahkan sesuaikan data-ad-client -->
- <amp-auto-ads data-ad-client='ca-pub-xxxxxxxxxxxxxxxx' type='adsense'/>
- </b:if>
- <a aria-label='Skip' class='skip-navigation' href='#main' role='button' tabindex='0'>
- Skip to main content
- </a>
- <amp-sidebar id='side-bar' layout='nodisplay' side='right'>
- <svg aria-label='Close Sidebar' class='amp-close-image' height='20' on='tap:side-bar.close' 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='#333'/>
- </svg>
- <div class='logo_sidebar'>
- <amp-img expr:alt='data:blog.title' height='37' layout='responsive' noloading='' src='https://2.bp.blogspot.com/-doSVWhcusdQ/WxZEir8tcCI/AAAAAAAAx-0/q3IwdxHOzYQKeWsOl3JBrggCti3EFDShACLcBGAs/s1600-rw/kompi-flexible-2.png' width='300'><amp-img expr:alt='data:blog.title' fallback='' height='37' layout='responsive' noloading='' src='https://2.bp.blogspot.com/-doSVWhcusdQ/WxZEir8tcCI/AAAAAAAAx-0/q3IwdxHOzYQKeWsOl3JBrggCti3EFDShACLcBGAs/s1600/kompi-flexible-2.png' width='300'/></amp-img>
- </div>
- <nav>
- <ul>
- <li class='mobile-up'><a href='#' title='About'>About</a></li>
- <li class='mobile-up'><a href='#' title='Contact'>Contact</a></li>
- <li class='mobile-up'><a href='#' title='Sitemap'>Sitemap</a></li>
- <li class='mobile-up'><a href='#' title='Privacy'>Privacy</a></li>
- <li class='mobile-up'><a href='#' title='Disclaimer'>Disclaimer</a></li>
- <li><a href='#' title='Review'>Review</a></li>
- <li><a href='#' title='Pasang Iklan'>Pasang Iklan</a></li>
- <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 class='drop'><amp-accordion>
- <section>
- <h6>
- <span class='show-more'>Otomotif</span>
- <span class='show-less'>Otomotif</span>
- <svg viewBox='0 0 24 24'><path d='M7,10L12,15L17,10H7Z' fill='#000000'/></svg>
- </h6>
- <ul id='dropdown2'>
- <li><a href='/search/label/Otomotif?max-results=16' rel='nofollow' title='Berita Otomotif'>Berita Otomotif</a></li>
- <li><a href='/search/label/Honda?max-results=16' rel='nofollow' title='Honda'>Honda</a></li>
- <li><a href='/search/label/Yamaha?max-results=16' rel='nofollow' title='Yamaha'>Yamaha</a></li>
- <li><a href='/search/label/Suzuki?max-results=16' rel='nofollow' title='Suzuki'>Suzuki</a></li>
- </ul>
- </section>
- </amp-accordion>
- </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 AMP HTML Facebook' class='inline-block p1' href='https://www.facebook.com/xxxxxxxxxxxx/' rel='nofollow noopener' target='_blank'><svg height='23.6' viewbox='0 0 56 55' width='24' 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'/></svg></a>
- </li>
- <li>
- <a aria-label='Link to AMP HTML Instagram' class='inline-block p1' href='https://www.instagram.com/xxxxxxxxxxxx/' rel='nofollow noopener' target='_blank'><svg height='24' viewbox='0 0 54 54' width='24' 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'/></svg></a>
- </li>
- <li>
- <a aria-label='Link to AMP HTML Twitter' class='inline-block p1' href='https://twitter.com/xxxxxxxxxxxx' rel='nofollow noopener' target='_blank'><svg height='22.2' viewbox='0 0 53 49' width='24' 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'/></svg></a>
- </li>
- </ul>
- </amp-sidebar>
- <div id='totop'/>
- <div class='head-wrapper'>
- <div class='content-wrapper'>
- <button aria-label='Open Sidebar' class='btn-sidebaramp' on='tap:side-bar.toggle'/>
- <header class='header-wrapper'>
- <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
- <b:widget id='Header1' locked='true' title='Kompi Flexible AMP (Header)' type='Header' version='1'>
- <b:widget-settings>
- <b:widget-setting name='displayUrl'/>
- <b:widget-setting name='displayHeight'>0</b:widget-setting>
- <b:widget-setting name='sectionWidth'>-1</b:widget-setting>
- <b:widget-setting name='useImage'>false</b:widget-setting>
- <b:widget-setting name='shrinkToFit'>false</b:widget-setting>
- <b:widget-setting name='imagePlacement'>BEHIND</b:widget-setting>
- <b:widget-setting name='displayWidth'>0</b:widget-setting>
- </b:widget-settings>
- <b:includable id='main'>
- <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: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'><amp-img expr:alt='data:title' expr:title='data:title' height='37' layout='responsive' noloading='' src='https://2.bp.blogspot.com/-doSVWhcusdQ/WxZEir8tcCI/AAAAAAAAx-0/q3IwdxHOzYQKeWsOl3JBrggCti3EFDShACLcBGAs/s1600-rw/kompi-flexible-2.png' width='300'><amp-img expr:alt='data:title' expr:title='data:title' fallback='' height='37' layout='responsive' noloading='' src='https://2.bp.blogspot.com/-doSVWhcusdQ/WxZEir8tcCI/AAAAAAAAx-0/q3IwdxHOzYQKeWsOl3JBrggCti3EFDShACLcBGAs/s1600/kompi-flexible-2.png' width='300'/></amp-img><span><data:title/></span></a>
- </b:includable>
- </b:widget>
- </b:section>
- </header>
- <b:section class='page' id='page' maxwidgets='1' showaddelement='no'>
- <b:widget id='PageList1' locked='true' title='Laman' type='PageList' version='1'>
- <b:widget-settings>
- <b:widget-setting name='pageListJson'><![CDATA[{'home': {'href': 'https://kompiflexibleamp.blogspot.com/', 'title': 'Home', 'position': 0}, '2676092630683912769': {'href': 'https://kompiflexibleamp.blogspot.com/p/about-kompi-dark.html', 'title': 'About', 'position': 1}, '520839599697352945': {'href': 'https://kompiflexibleamp.blogspot.com/p/contact.html', 'title': 'Contact', 'position': 2}, '1310654927597135694': {'href': 'https://kompiflexibleamp.blogspot.com/p/sitemap.html', 'title': 'Sitemap', 'position': 3}}]]></b:widget-setting>
- <b:widget-setting name='homeTitle'>Home</b:widget-setting>
- </b:widget-settings>
- <b:includable id='main'>
- <div class='widget-content'>
- <ul>
- <b:loop values='data:links' var='link'>
- <b:if cond='data:link.isCurrentPage'>
- <li class='selected desktop-up'><a expr:href='data:link.href' expr:title='data:link.title'><data:link.title/></a></li>
- <b:else/>
- <li class='desktop-up'><a expr:href='data:link.href' expr:title='data:link.title'><data:link.title/></a></li>
- </b:if>
- </b:loop>
- <li><span aria-label='Open Searchbox' class='search-open' id='search-open' on='tap:lightbox-search.toggleVisibility,open-lightbox,search.show' role='button' tabindex='0'><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></span></li>
- </ul>
- </div>
- </b:includable>
- </b:widget>
- </b:section>
- <div class='clear'/>
- </div>
- </div>
- <div hidden='' id='search'>
- <amp-lightbox id='open-lightbox' layout='nodisplay'>
- <div aria-label='Close Searchbox' class='lightbox-search' hidden='' id='lightbox-search' on='tap:lightbox-search.toggleVisibility,open-lightbox.close,open-lightbox,search.hide' role='button' tabindex='0'/>
- <span aria-label='Open Searchbox' class='search-close' on='tap:lightbox-search.toggleVisibility,open-lightbox.close,open-lightbox,search.hide' role='button' tabindex='0'><svg height='34' viewBox='0 0 24 24' width='34'><path d='M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z' fill='#333'/></svg></span>
- </amp-lightbox>
- <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'>
- <div class='content-wrapper'>
- <!-- 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'>
- <!-- <form action='https://cdn.rawgit.com/KompiAjaib/kompi-html/master/search-bloggue.html' class='gsc-search-box'> -->
- <b:attr cond='not data:view.isPreview' name='target' value='_top'/>
- <table cellpadding='0' cellspacing='0' class='gsc-search-box'>
- <tbody>
- <tr>
- <td class='gsc-input'>
- <!-- <input name='cx' type='hidden' value='partner-pub-xxxxxxxxxxxx:xxxxxxxxxxxx'/>
- <input name='cof' type='hidden' value='FORID:10'/>
- <input name='ie' type='hidden' value='UTF-8'/> -->
- <input autocomplete='off' class='gsc-input' expr:value='data:view.isSearch ? data:view.search.query.escaped : ""' name='q' placeholder='Search' required='' size='10' title='search' type='text'/>
- <input name='max-results' type='hidden' value='16'/>
- </td>
- <td class='gsc-search-button'>
- <input class='gsc-search-button' expr:value='data:messages.search' title='search' type='submit'/>
- </td>
- </tr>
- </tbody>
- </table>
- </form>
- </div>
- </div>
- </div>
- </b:includable>
- </b:widget>
- </b:section>
- <div class='clear'/>
- </div>
- <div class='clear'/>
- <div class='content-wrapper'>
- <div class='outer-wrapper'>
- <div class='leaderboard'>
- <b:if cond='data:blog.pageType != "static_page" and data:blog.pageType != "error_page" and not data:blog.searchQuery'>
- <!-- iklan di bawah header, silahkan sesuaikan data
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement