PLUS UI ORIGINAL V 2.6.3 UP 2004
TELAH DI TAMBAH SUSUNAN PENDUKUNG .
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:css='false' b:defaultwidgetversion='2' b:layoutsVersion='3' b:responsive='true' b:templateUrl='indie.xml' b:templateVersion='1.3.0' expr:dir='data:blog.languageDirection' lang='id' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:dmata='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:if cond='data:view.isError'><title>Error 404: Page Not Found</title></b:if>
<b:if cond='!data:view.isMultipleItems'><title><data:blog.pageName/></title></b:if>
<b:if cond='data:view.isMultipleItems'>
<b:if cond='data:view.isHomepage'><title><data:blog.pageTitle/></title>
<b:else/>
<b:if cond='data:view.search.query'><title><data:messages.search/>: <data:view.search.query/></title></b:if>
<b:if cond='data:view.search.label'>
<title><data:blog.pageName/> - <data:blog.title/></title>
<b:else/>
<title>Recent post: <data:blog.title/></title>
</b:if>
<b:if cond='data:view.isArchive'><title>Blog archive in: <data:blog.pageName/></title></b:if>
</b:if>
</b:if>
<!-- Meta Title -->
<b:if cond='data:view.isMultipleItems'>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta expr:content='data:blog.pageTitle' property='og:image:alt'/>
<meta expr:content='data:blog.pageTitle' name='twitter:title'/>
<meta expr:content='data:blog.pageTitle' name='twitter:image:alt'/>
<b:else/>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.pageName' property='og:image:alt'/>
<meta expr:content='data:blog.pageName' name='twitter:title'/>
<meta expr:content='data:blog.pageName' name='twitter:image:alt'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<!-- Meta Image -->
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
<b:else/>
<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjutletAbLQVQq78jFP_oTEtlgOsvZuBh1I11tSZNDMEzKszbwUoNgA74Mc46KD4pPrWEHGnSWL4jbNlMwCNS_02bNsY_WbH5ifRaR7rScnIk8EzuS3DWwSlRY3P5nQPeBPOcr8ZIgBpiA/s320/median-img.png' property='og:image'/>
</b:if>
</b:if>
<b:if cond='data:view.isMultipleItems'>
<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjutletAbLQVQq78jFP_oTEtlgOsvZuBh1I11tSZNDMEzKszbwUoNgA74Mc46KD4pPrWEHGnSWL4jbNlMwCNS_02bNsY_WbH5ifRaR7rScnIk8EzuS3DWwSlRY3P5nQPeBPOcr8ZIgBpiA/s320/median-img.png' name='twitter:image'/>
<b:else/>
<meta expr:content='data:blog.postImageUrl' name='twitter:image'/>
</b:if>
<b:if cond='data:view.isPost'>
<link expr:href='resizeImage(data:blog.postImageUrl, 700, "18:9")' rel='image_src'/>
</b:if>
<!-- Meta Description -->
<meta expr:content='data:blog.metaDescription' name='description'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
<meta expr:content='data:post.snippet' property='og:description'/>
</b:if>
<meta expr:content='data:blog.metaDescription' name='twitter:description'/>
<!-- Meta Keywords -->
<meta expr:content='data:blog.title + ", " + data:blog.pageName' name='keywords'/>
<meta expr:content='data:blog.title' property='article:tag'/>
<!-- Link Canonical -->
<link expr:href='data:blog.url' rel='canonical'/>
<link expr:href='data:blog.url' hreflang='x-default' rel='alternate'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<!-- Site Owner -->
<meta content='Muhammad Maki' name='Author'/>
<link href='https://www.facebook.com/kiibao' rel='me'/>
<link href='https://www.facebook.com/kiibao' rel='author'/>
<link href='https://www.facebook.com/kiibao' rel='publisher'/>
<meta content='100001578783517' property='fb:admins'/>
<meta content='696750553739909' property='fb:pages'/>
<meta content='1804789006468790' property='fb:app_id'/>
<meta content='https://www.facebook.com/100001578783517' property='article:author'/>
<meta content='https://www.facebook.com/100001578783517' property='article:publisher'/>
<meta content='' name='twitter:site'/>
<meta content='' name='twitter:creator'/>
<!-- Theme Color -->
<meta content='#005af0' name='theme-color'/>
<meta content='#005af0' name='msapplication-navbutton-color'/>
<meta content='#005af0' name='apple-mobile-web-app-status-bar-style'/>
<meta content='yes' name='apple-mobile-web-app-capable'/>
<!-- Blogger Rss -->
<meta content='blogger' name='generator'/>
<link href='https://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.url' rel='openid.delegate'/>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+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 expr:href='data:blog.homepageUrl + "feeds/posts/default?alt=rss"' expr:title='data:blog.title + " - RSS"' rel='alternate' type='application/rss+xml'/>
<!-- Open Graph -->
<meta content='article' property='og:type'/>
<meta content='id_ID' property='og:locale'/>
<meta content='en_US' property='og:locale:alternate'/>
<meta content='en_GB' property='og:locale:alternate'/>
<meta content='summary_large_image' name='twitter:card'/>
<!-- Robots Search -->
<meta content='width=device-width, initial-scale=1.0, user-scalable=1.0, minimum-scale=1.0, maximum-scale=5.0' name='viewport'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='IE=Edge' http-equiv='X-UA-Compatible'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='id' name='geo.country'/>
<meta content='ID-BT' name='geo.region'/>
<meta content='id' name='language'/>
<meta content='global' name='target'/>
<meta content='global' name='distribution'/>
<meta content='general' name='rating'/>
<meta content='1 days' name='revisit-after'/>
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='index, follow' name='googlebot'/>
<meta content='follow, all' name='Googlebot-Image'/>
<meta content='follow, all' name='msnbot'/>
<meta content='follow, all' name='Slurp'/>
<meta content='follow, all' name='ZyBorg'/>
<meta content='follow, all' name='Scooter'/>
<!-- Sife Verification -->
<meta content='eOkJqbD1CfzsteobkhlDoaA6kQ1Vry3HJSpluwvV5_g' name='google-site-verification'/>
<meta content='' name='msvalidate.01'/>
<meta content='' name='p:domain_verify'/>
<meta content='' name='majestic-site-verification'/>
<meta content='Jago Desain' name='copyright'/>
<script type='application/ld+json'>
{
"@context": "https://schema.org",
"@type": "WebSite",
"url": "<data:blog.homepageUrl.canonical/>",
"name": "<data:blog.title/>",
"alternateName": "<data:blog.title/>",
"potentialAction": {
"@type": "SearchAction",
"target": "<data:blog.homepageUrl.canonical/>search?q={search_term_string}&max-results=8",
"query-input": "required name=search_term_string"
}
}
</script>
<style><!-- /* <b:skin version='1.3.0'><![CDATA[
/*
<Variable name="fontBody" description="Nunito Sans" type="font" default="'Nunito Sans', sans-serif" hideEditor="true" value="'Nunito Sans', sans-serif"/>
<Group description="New Comment Required - Dont edit">
<Variable name="body.background" description="Background" color="#505050" type="background" default="$(color) none repeat scroll center center" value="#505050 url() no-repeat scroll bottom center"/>
<Variable name="body.text.font" description="Font komentar Blogger" type="font" default="$(fontBody)" value="400 14px 'Roboto', sans-serif"/>
<Variable name="body.text.color" description="Color" type="color" default="#505050" value="#505050"/>
<Variable name="body.link.color" description="Link color" type="color" default="$(link.colors)" value="#161617"/>
<Variable name="posts.title.color" description="Post title color" type="color" default="$(main.colors)" value="#0060ff"/>
<Variable name="posts.text.color" description="Post text color" type="color" default="$(text.colors)" value="#505050"/>
<Variable name="posts.icons.color" description="Post info color" type="color" default="$(main.colors)" value="#505050"/>
<Variable name="posts.background.color" description="Post background color" type="color" default="#f7f7fc" value="transparent"/>
<Variable name="tabs.font" description="Font" type="font" default="$(fontBody)" value="400 14px 'Roboto', sans-serif"/>
<Variable name="tabs.color" description="Text color" type="color" default="#4d4d4d" value="#505050"/>
<Variable name="tabs.selected.color" description="Selected color" type="color" default="#fff" value="#ffffff"/>
<Variable name="tabs.overflow.background.color" description="Popup background color" type="color" default="$(posts.background.color)" value="#ffffff"/>
<Variable name="tabs.overflow.color" description="Popup text color" type="color" default="$(text.colors)" value="#4d4d4d"/>
<Variable name="tabs.overflow.selected.color" description="Popup selected color" type="color" default="$(main.colors)" value="#161617"/>
<Variable name="labels.background.color" description="Labels background color" type="color" default="#fff" value="#FFFFFF"/>
<Variable name="blog.title.font" description="Blog title font" type="font" default="$(fontBody)" value="400 14px 'Roboto', sans-serif"/>
<Variable name="blog.title.color" description="Blog title color" type="color" default="#fff" value="#ffffff"/>
</Group>
<Group description="Width Content">
<Variable name="nav.width" description="Ukuran navbar" type="length" max="300px" default="220px" value="220px"/>
<Variable name="side.width" description="Ukuran sidebar" type="length" max="450px" default="396px" value="360px"/>
<Variable name="header.height" description="Tinggi header" type="length" max="70px" default="60px" value="60px"/>
</Group>
<Group description="Colors">
<Variable name="main.colors" description="Warna utama" type="color" default="#09204C" value="#161617"/>
<Variable name="text.colors" description="Warna teks" type="color" default="#505050" value="#48525c"/>
<Variable name="alt.text.colors" description="Warna teks alternatif" type="color" default="#989b9f" value="#767676"/>
<Variable name="link.colors" description="Warna link" type="color" default="#3a7bd5" value="#005af0"/>
<Variable name="link.hover.colors" description="Warna hover link" type="color" default="#989b9f" value="#767676"/>
</Group>
<Group description="Background Colors">
<Variable name="nav.bg.colors" description="Warna background navbar" type="color" default="#f7f9f8" value="#fefefe"/>
<Variable name="nav.colors" description="Warna teks dan icon navbar" type="color" default="#09204C" value="#161617"/>
<Variable name="header.bg.colors" description="Warna background header" type="color" default="#fefefe" value="#fefefe"/>
<Variable name="header.text.colors" description="Warna teks header" type="color" default="#161617" value="#161617"/>
<Variable name="body.bg.colors" description="Warna background template" type="color" default="#f7f9f8" value="#fafafc"/>
<Variable name="link.bg.colors" description="Warna tombol link" type="color" default="#3a7bd5" value="#005af0"/>
</Group>
<Group description="Night Mode Colors">
<Variable name="bg.night.colors" description="Background utama nightmode" type="color" default="#202442" value="#1e1e1e"/>
<Variable name="bg.sec.night.colors" description="Background kedua nightmode" type="color" default="#2d325a" value="#2d2d30"/>
<Variable name="bg.hover.night.colors" description="Background hover nightmode" type="color" default="#282d54" value="#252526"/>
<Variable name="night.colors" description="Warna utama nightmode" type="color" default="#fff" value="#fefefe"/>
<Variable name="sec.night.colors" description="Warna kedua nightmode" type="color" default="#989b9f" value="#989b9f"/>
<Variable name="link.night.colors" description="Warna link dan tombol nightmode" type="color" default="$(link.bg.colors)" value="#0060ff"/>
</Group>
<Group description="Fonts">
<Variable name="body.font" description="Font body" type="font" default="$(fontBody)" value="'Nunito Sans', sans-serif"/>
<Variable name="heading.font" description="Font heading" type="font" default="$(fontBody)" value="Poppins, sans-serif"/>
</Group>
*/
/*
Name : ONE UI Premium Template
Version : 1.0
Date : November 18, 2020
Type : Premium
Designer : Pro Templates
Website :https://protemplates.in
============================================================================
NOTE :https://one-ui-redesign.blogspot.com/
This theme is premium (paid).
You can only get it by purchasing officially.
If you get it for free through any method, that means you get it illegally.
============================================================================
*/
body#layout{width:922px}
body#layout .mainContainer{display:flex;}
body#layout .header{width:100%}
body#layout .mainbar{width:65%}
body#layout .sidebar{width:35%}
body#layout div#HTML2, body#layout div#HTML3{width:calc(50% - 4px);float:left}
body#layout div#HTML3{float:right}
body#layout div.section:after{content:'';display:block;clear:both}
#layout:before { content: 'ONE UI Premium Template by ProTemplates.in';
text-transform: uppercase;
font-size: 20px;
color: #fc3556;
margin: 0 0 20px 0;
display: inline-block;
font-weight: 700;
padding: 20px;
font-family: sans-serif;
border: 4px double #2844fa
;}
/* Body Font */
@font-face {font-family: 'Nunito Sans';font-style: normal;font-weight: 400;font-display: swap;src: local('Nunito Sans Regular'), local('NunitoSans-Regular'), url(https://fonts.gstatic.com/s/nunitosans/v6/pe0qMImSLYBIv1o4X1M8cfe5.woff) format('woff'), url(https://fonts.gstatic.com/s/nunitosans/v6/pe0qMImSLYBIv1o4X1M8cce9I9s.woff2) format('woff2')}
@font-face {font-family: 'Nunito Sans';font-style: normal;font-weight: 700;font-display: swap;src: local('Nunito Sans Bold'), local('NunitoSans-Bold'), url(https://fonts.gstatic.com/s/nunitosans/v6/pe03MImSLYBIv1o4X1M8cc8GBv5p.woff) format('woff'), url(https://fonts.gstatic.com/s/nunitosans/v6/pe03MImSLYBIv1o4X1M8cc8GBs5tU1E.woff2) format('woff2')}
@font-face {font-family: 'Nunito Sans';font-style: italic;font-weight: 400;font-display: swap;src: local('Nunito Sans Italic'), local('NunitoSans-Italic'), url(https://fonts.gstatic.com/s/nunitosans/v6/pe0oMImSLYBIv1o4X1M8cce4I90.woff) format('woff'), url(https://fonts.gstatic.com/s/nunitosans/v6/pe0oMImSLYBIv1o4X1M8cce4E9lKdg.woff2) format('woff2')}
@font-face {font-family: 'Nunito Sans';font-style: italic;font-weight: 700;font-display: swap;src: local('Nunito Sans Bold Italic'), local('NunitoSans-BoldItalic'), url(https://fonts.gstatic.com/s/nunitosans/v6/pe01MImSLYBIv1o4X1M8cce4G2JvU1c.woff) format('woff'), url(https://fonts.gstatic.com/s/nunitosans/v6/pe01MImSLYBIv1o4X1M8cce4G2JvY1MIUg.woff2) format('woff2')}
/* Heading Font */
@font-face {font-family: 'Poppins';font-style: normal;font-weight: 700;font-display: swap;src: local('Poppins Bold'), local('Poppins-Bold'), url(https://fonts.gstatic.com/s/poppins/v13/pxiByp8kv8JHgFVrLCz7V1g.woff) format('woff'), url(https://fonts.gstatic.com/s/poppins/v13/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2) format('woff2')}
/* Source Code Font */
@font-face {font-family: 'Fira Mono';font-style: normal;font-weight: 400;font-display: swap;src: local('Fira Mono Regular'), local('FiraMono-Regular'), url(https://fonts.gstatic.com/s/firamono/v9/N0bX2SlFPv1weGeLZDtQIg.woff) format('woff'), url(https://fonts.gstatic.com/s/firamono/v9/N0bX2SlFPv1weGeLZDtgJv7S.woff2) format('woff2');}
/* Standar Element */
*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}
a{-webkit-transition:all .2s ease;transition:all .2s ease;color:$(link.colors);text-decoration:none}a:hover{color:$(link.hover.colors)}
h1, h2, h3, h4, h5, h6{margin:0;font-weight:700;font-family:$(heading.font);color:$(main.colors)} h1{font-size:1.8rem} h2{font-size:1.7rem} h3{font-size:1.5rem} h4{font-size:1.3rem} h5{font-size:1.2rem} h6{font-size:1.1rem}
table{border-spacing:0} iframe{width:100%;border:0} input,button,select,textarea{font:inherit;font-size:100%;color:inherit;line-height:normal;vertical-align:baseline} img{display:block;position:relative;max-width:100%;font-size:10px;color:transparent}
svg{width:22px;height:22px;vertical-align:middle;fill:$(main.colors)}
svg .svg-c{fill:$(link.bg.colors)}
svg.line{fill:none;stroke:$(nav.colors);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5}
svg.line .svg-c{fill:none;stroke:$(link.bg.colors)}
.hidden, .replaced{display:none} .invisible{visibility:hidden} .clear{width:100%;display:block;margin:0;padding:0;float:none;clear:both}
.full-close{display:block;position:fixed;top:0;left:0;width:100%;height:100%;z-index:2;-webkit-transition:all .2s ease-in;transition:all .2s ease-in;background:transparent;opacity:0;visibility:hidden}
/* Scrollbar Custom */
html, #nav-widget, .Blog pre, .Blog pre code{scrollbar-width:thin}
/* Main Content */
html{scroll-behavior:smooth;overflow-x:hidden}
body{position:relative;margin:0;padding:0;width:100%;font-family:$(body.font);font-size:14px;color:$(text.colors);background-color:$(body.bg.colors);-webkit-font-smoothing: antialiased;}
main{display:block;padding:30px 10px 30px 245px;-webkit-transition:all .2s ease;transition:all .2s ease}
main > *:not(:last-child), .sidebar > *:not(:last-child){margin-bottom:40px}
#nav-widget{position:fixed;top:0;left:0;background-color:$(nav.bg.colors);width:220px;height:100%;padding:calc($(header.height) + 15px) 0 0 0;-webkit-transition:all .2s ease;transition:all .2s ease;z-index:2;overflow:hidden;box-shadow:0 6px 18px 0 rgba(30,30,30,.035)}
#nav-widget:hover{overflow-y:auto;}
#nav-widget:before{content:'';position:fixed;top:0;left:0;width:220px;height:$(header.height);background-color:$(nav.bg.colors);z-index:2;-webkit-transition:all .2s ease;transition:all .2s ease}
#nav-widget .widget{padding-bottom:90px}
#add-widget{padding-top:40px}
#large-ads{width:100%;padding:0 30px 0 245px;-webkit-transition:all .2s ease;transition:all .2s ease}
#large-ads .widget{margin:30px 0 10px}
.mainContainer{display:flex;justify-content:space-between;flex-wrap:wrap}
.mainIner:before{content:'';display:block;width:100%;padding-top:$(header.height)}
.asideIner{position:absolute;left:0;bottom:0;width:100%}
.mainbar{min-height:100vh;width:calc(100% - $(side.width))}
.sidebar{background-color:transparent;width:$(side.width);padding:30px 30px;flex:0 0 auto}
#sidebar-sticky{position:sticky;top:calc($(header.height) + 20px)}
/* Header */
.header{position: sticky;top:0;left:0;display:flex;width:100%;height:$(header.height);padding:0 30px 0 25px;background-color:$(header.bg.colors);color:$(header.text.colors);fill:$(header.text.colors);z-index:20;box-shadow:0 2px 10px 0 rgba(0,0,0,.07);-webkit-transition:all .2s ease;transition:all .2s ease;}
.header #header-widget{flex:0 0 auto;display:flex;align-items:center;height:100%;width:173px;padding:0 0 0 23px;overflow:hidden}
.header .widget{margin:auto 0;background-repeat:no-repeat;background-size:100%;background-position:center}
.header .header-inner img{max-width:142px;max-height:30px;}
.header .header-inner h1, #header-widget .header-inner h2{max-width:152px;font-size:18px;color:inherit;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.header .header-inner a{color:inherit;-webkit-transition:none;transition:none}
/* Header Navicon */
.header .navicon{position:relative;flex:0 0 auto;display:flex;align-items:center;height:100%;z-index:1}
.header .navicon.right{margin-left:auto}
.header .navicon.search{display:flex;width:22px;position:absolute;top:-100%;right:10px;padding:0;border:0;outline:0;background:transparent;-webkit-transition:all .3s ease;transition:all .3s ease;opacity:0;visibility:hidden}
.header .navicon.search > *{cursor:default;fill:#5f6368}
.header .navicon > *{margin:auto 0;width:20px;cursor:pointer}
.header .navicon > * svg{width:20px}
.header .navicon .nav{height:20px;padding:3px 0;-webkit-transition:all .2s ease-out;transition:all .2s ease-out;}
.header .navicon .nav i{position:relative;display:block;width:60%;height:2px;background-color:#161617;margin:0 0 4px 0;-webkit-transition:all .2s ease-out;transition:all .2s ease-out;border-radius:2px}
.header .navicon .nav i:nth-child(2){width:100%;margin:0;z-index:2}
.header .navicon .nav i:nth-child(3){width:60%;background-color:$(link.bg.colors);margin:4px 0 0 auto}
.header .navicon .nav.home{display:none}
.header .navicon .dark-switch{display:flex;align-items:center;width:auto;font-size:11px;color:$(text.colors);white-space:nowrap}
.header .navicon .dark-switch:before{content:''}
.header .navicon .dark-switch i{position:relative;margin-left:8px;width:30px;height:10px;border-radius:8px;background-color:rgba(0,0,0,.15)}
.header .navicon .dark-switch i:before{content:'';display:block;position:absolute;top:-4px;left:0;width:18px;height:18px;border-radius:50%;background-color:$(link.bg.colors);-webkit-transition:all .2s ease;transition:all .2s ease}
.header .navicon .navSearch{margin-left:15px;display:none}
.drK .navicon .dark-switch i:before{left:13px}
/* Header Search */
.header .searchbar{flex:0 0 auto;display:flex;align-items:center;width:50%;height:100%;max-width:550px;padding:0 0 0 25px}
.header .searchbar form{position:relative;display:flex;align-items:center;width:100%;margin:auto 0;}
.header .searchbar .search-button{position:absolute;top:0;left:15px;display:flex;height:100%;align-items:center;padding:0;border:0;outline:0;background:transparent;cursor:pointer}
.header .searchbar .search-button svg{width:18px;height:18px;fill:#5f6368;-webkit-transition:all .3s ease;transition:all .3s ease}
.header .searchbar input[type=text]{background-color:rgba(236,239,241,.8);outline:0;border:0;padding:12px 20px 12px 45px;border-radius:5px;width:100%;transition: box-shadow .3s;-webkit-transition: box-shadow .3s}
.header .searchbar input[type=text]:focus{box-shadow:0 2px 3px 0 rgba(0,0,0,.1)}
.header .searchbar input[type=text]:focus + .search-button svg{fill:$(link.bg.colors)}
.header .searchbar input[type=text]:focus + .search-button + .navicon.search{top:0;opacity:1;visibility:visible}
/* Navigation Menu */
.navigation-menu, .navigation-mobile{list-style:none;margin:0;padding:0;color:$(nav.colors);fill:$(nav.colors);font-size:90%}
.navigation-menu > li{position:relative;padding:10px 20px 10px 25px}
.navigation-menu > li:before{content:'';position:absolute;top:0;left:0;display:block;width:2px;height:42px;border-radius:0 3px 3px 0;}
.navigation-menu > li:hover:before{background-color:$(link.bg.colors)}
.navigation-menu > li.break:after{content:'';display:block;width:100%;border-bottom:1px solid #ebeced;margin-top:20px}
.navigation-menu li .link{display:flex;align-items:center}
.navigation-menu li .link svg{height:20px;flex:0 0 auto;fill:inherit}
.navigation-menu li .link svg.name{flex:0 0 auto;width:14px;height:14px;margin-left:auto}
.navigation-menu li .link span.name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700}
.navigation-menu li .link span.new:after{content:'New!';margin-left:5px;font-size:85%;font-weight:400;color:$(link.colors)}
.navigation-menu li .link .name{display:block;margin-left:21px}
.navigation-menu li a{display:block;color:inherit;white-space:nowrap}
.navigation-menu ul{list-style:none;margin:0;padding:0;overflow:hidden;-webkit-transition:all .2s ease;transition:all .2s ease}
.navigation-menu ul li{height:0;padding:0 20px 0 43px;-webkit-transition:inherit;transition:inherit;opacity:0;visibility:hidden}
.navigation-menu .close{display:none;position:fixed;top:0;left:0;margin-left:-100%;padding:20px 20px 20px 25px;width:85%;max-width:480px;background:$(nav.bg.colors);-webkit-transition:all .2s ease;transition:all .2s ease}
.navigation-menu .sosmed{position:fixed;bottom:0;left:0;padding:20px 20px 30px 25px;width:220px;background:$(nav.bg.colors);-webkit-transition:all .2s ease;transition:all .2s ease}
.navigation-menu .sosmed:before, .navigation-menu .close:before{top:10px}
.navigation-menu .sosmed .link{display:none}
.navigation-menu .sosmed .link svg{width:22px;height:22px}
.navigation-menu .sosmed ul{display:flex;}
.navigation-menu .sosmed ul li{height:auto;opacity:1;visibility:visible;padding:0 7px 0 0}
.navigation-menu .sosmed ul svg{fill:$(text.colors)}
.navigation-menu .sub-menu:checked + .link + ul{padding:10px 0 0}
.navigation-menu .sub-menu:checked + .link + ul li{height:38px;padding:10px 20px 10px 43px;opacity:1;visibility:visible}
.navigation-menu .sub-menu:checked + .link svg.name{-webkit-transform:rotate(180deg);transform: rotate(180deg)}
.nav-menu:checked + .mainWrapper .mainIner #large-ads,
.nav-menu:checked + .mainWrapper .mainIner main,
.nav-menu:checked + .mainWrapper .mainIner .footbar{padding-left:90px}
.nav-menu:checked + .mainWrapper .mainIner.multipleItem .Blog .blog-posts article,
.nav-menu:checked + .mainWrapper .mainIner.singleItem .Blog .related-posts li{width:calc(25% - 15px)}
.nav-menu:checked + .mainWrapper .mainIner.multipleItem .Blog .blog-posts article:nth-of-type(3n),
.nav-menu:checked + .mainWrapper .mainIner.singleItem .Blog .related-posts li:nth-of-type(3n){margin-right:20px}
.nav-menu:checked + .mainWrapper .mainIner.multipleItem .Blog .blog-posts article:nth-of-type(4n),
.nav-menu:checked + .mainWrapper .mainIner.singleItem .Blog .related-posts li:nth-of-type(4n){margin-right:0}
.nav-menu:checked + .mainWrapper .asideIner #nav-widget,
.nav-menu:checked + .mainWrapper .asideIner #nav-widget:before,
.nav-menu:checked + .mainWrapper .asideIner .navigation-menu .sosmed{width:68px}
.nav-menu:checked + .mainWrapper .asideIner .navigation-menu .sosmed .link{display:block;}
.nav-menu:checked + .mainWrapper .asideIner .navigation-menu li > * .name,
.nav-menu:checked + .mainWrapper .asideIner .navigation-menu .sosmed ul{display:none}
.nav-menu:checked + .mainWrapper .asideIner .navigation-menu ul{padding:0}
.nav-menu:checked + .mainWrapper .asideIner .navigation-menu ul li{height:0;padding:0 20px 0 43px;opacity:0;visibility:hidden}
.nav-menu:checked + .mainWrapper .mainIner.singleItem main,
.nav-menu:checked + .mainWrapper .mainIner.singleItem .footbar{padding-right:40px;padding-left:150px}
.nav-menu:checked + .mainWrapper .mainIner.singleItem .footbar{padding-right:30px}
/* Navigation Mobile */
.navigation-mobile{display:flex;align-items:center;justify-content:space-evenly;position:fixed;left:0;bottom:-50px;width:100%;height:50px;padding:0 25px;background-color:transparent;z-index:-1;border-radius:20px 20px 0 0}
.navigation-mobile li{visibility:hidden;opacity:0;width:20%;text-align:center}
.navigation-mobile a{display:block}
.navigation-mobile svg{fill:$(text.colors);height:20px;width:20px}
.navigation-mobile svg.line{fill:none;stroke:$(text.colors)}
.navigation-mobile .dark-link .svg-2{display:none}
.navigation-mobile .top-link{visibility:visible;opacity:1}
.navigation-mobile .top-link a{display:flex;align-items:center;justify-content:center;position:fixed;right:20px;bottom:20px;width:45px;height:45px;background-color:#fefefe;border-radius:20px;box-shadow:0 10px 20px 0 rgba(30,30,30,.1)}
.navigation-mobile .top-link svg.line{stroke:$(text.colors)}
.drK .navigation-mobile .dark-link .svg-2{display:inline-block}
.drK .navigation-mobile .dark-link .svg-1{display:none}
/* Widget Default */
.widget-title, .sidebar .title, .related-posts .title, .comments .title{display:flex;align-items:center;justify-content:space-between;margin:0 0 25px;font-size:15px}
.widget-title > *{font-size:inherit}
.widget-title a{font-size:85%;color:$(text.colors)}
.widget:not(:last-child){margin-bottom:50px}
.widget .post-thumb{display:block;position:absolute;top:50%;left:50%;max-width:none;max-height:100%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
.widget input[type=email], .widget input[type=text], .widget textarea{width:100%;padding:8px 12.5px;outline:0;border:0;border-radius:3px;line-height:22px;box-shadow:0 10px 20px 0 rgba(30,30,30,.08)}
.widget input[type=submit], .widget input[type=button]{outline:0;border:0;border-radius:3px;padding:8px 12.5px;line-height:22px;background-color:$(link.bg.colors);color:#fefefe;cursor:pointer;font-size:90%;box-shadow:0 10px 20px 0 rgba(30,30,30,.08)}
.widget input[type=button]{padding:8px 30px}
.sidebar ul, .sidebar ol{list-style:none;margin:0;padding:0}
/* Widget Blog */
.multipleItem .Blog .blog-posts{display:flex;flex-wrap:wrap}
.multipleItem .Blog .blog-posts article{width:calc(33.333% - 13.333px);margin-right:20px}
.multipleItem .Blog .blog-posts article:nth-of-type(3n){margin-right:0}
.Blog article, .FeaturedPost article{display:block;background-color:#fefefe;margin:0 0 20px;padding:10px 10px 15px;border-radius:4px;box-shadow:0 10px 20px 0 rgba(30,30,30,.07)}
.Blog article .post-thumbnail{margin-bottom:15px}
.Blog article .post-thumbnail a, .FeaturedPost article .item-thumbnail a, .PopularPosts article .item-thumbnail a, .Blog .related-posts li .item-thumbnail > *{position:relative;display:block;width:100%;padding-top:52.5%;background-color:#f7f9f8;border-radius:4px;overflow:hidden}
.Blog article .post-content{}
.Blog article .post-label{font-size:11px;line-height:1.58em;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.Blog article .post-label a{color:$(link.colors)}
.Blog article .post-label a:before{content:'#';font-size:80%}
.Blog article .post-label a:not(:last-child):after, .FeaturedPost article .item-label > *:not(:last-child):after, .PopularPosts article .item-label a:not(:last-child):after{content:',';margin-right:3px}
.Blog article .post-label a:hover, .Blog article .post-info .post-author a:hover{text-decoration:underline}
.Blog article .post-title{font-size:90%}
.Blog article .post-title a, .Blog article .post-info .post-author a, .FeaturedPost article a, .PopularPosts article a{color:inherit}
/* Ubah jadi display:block; untuk menampilkan snippet artikel */
.Blog article .post-snippet{display:none;margin-top:12px;font-size:11px;color:$(alt.text.colors)}
.Blog article .post-info, .FeaturedPost article .item-header, .PopularPosts article .item-header{display:flex;justify-content:space-between;align-items:flex-end;margin-top:12px;font-size:11px;color:$(text.colors)}
.Blog article .post-info .post-author, .FeaturedPost article .item-label, .PopularPosts article .item-label{font-size:11px;line-height:1.58em}
.Blog article .post-info .post-header, .FeaturedPost article .item-header .item-info, .PopularPosts article .item-header .item-info{width:calc(100% - 65px)}
.Blog article .post-info .post-header .post-timestamp, .Blog article .post-info .post-author .post-authorName,
.FeaturedPost article .item-header .item-timestamp, .FeaturedPost article .item-header .item-label,
.PopularPosts article .item-header .item-timestamp, .PopularPosts article .item-header .item-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.Blog article .post-info .post-author .post-authorName{display:block}
.Blog article .post-info .post-comment, .FeaturedPost article .item-comment, .PopularPosts article .item-comment{display:flex;width:65px;flex-shrink:0;justify-content:flex-end}
.Blog article .post-info .post-comment > *, .FeaturedPost article .item-comment > *, .PopularPosts article .item-comment > *{display:flex;align-items:flex-end;color:inherit}
.Blog article .post-info .post-comment > * svg, .FeaturedPost article .item-comment > * svg, .PopularPosts article .item-comment > * svg{width:20px;height:20px;fill:$(alt.text.colors);margin-left:5px}
.Blog article .post-info .post-comment > * svg.line, .FeaturedPost article .item-comment > * svg.line, .PopularPosts article .item-comment > * svg.line{fill:none;stroke:$(alt.text.colors)}
.Blog article .post-info .post-comment > .post-shareIcon svg{height:18px}
.Blog article.noThumbnail .post-thumb{color:#989b9f;font-size:10px}
.Blog article.post{margin:0 15px 30px;padding:0;box-shadow:none;background:transparent;border-radius:0;border-bottom:1px solid #ebeced}
.Blog article.post h1, .Blog article.post h2, .Blog article.post h3, .Blog article.post h4, .Blog article.post h5, .Blog article.post h6{margin:1.7em 0 20px;line-height:1.3em}
.Blog article.post h1:target, .Blog article.post h2:target, .Blog article.post h3:target, .Blog article.post h4:target, .Blog article.post h5:target, .Blog article.post h6:target{padding-top:70px;margin-top:0}
.Blog article.post img{display:inline-block;border-radius:3px}
.Blog article.post .post-headline{margin-bottom:2.5rem;}
.Blog article.post .post-thumbnail{margin-bottom:20px}
.Blog article.post .post-thumbnail a{padding-top:34.61%}
.Blog article.post .post-title{font-size:24px;margin:0}
.Blog article.post .post-info{margin-top:25px}
.Blog article.post .post-info .post-author{font-size:inherit;color:$(text.colors)}
.Blog article.post .post-info .post-author .post-authorName:before{content:attr(data-text)}
.Blog article.post .post-info .post-timestamp .publish{display:none}
.Blog article.post .post-info .post-timestamp .publish:before{content:attr(data-text)}
.Blog article.post .post-info .post-timestamp .publish:after{content:'\2027';margin:0 5px}
.Blog article.post .post-info .post-timestamp .updated:before{content:'published on : '}
.Blog article.post .post-info .post-header{width:calc(100% - 125px)}
.Blog article.post .post-info .post-comment{width:125px}
.Blog article.post .post-entry{font-size:16px;line-height:1.58em}
.Blog article.post .post-entry p{margin:1.7em 0;}
.Blog article.post .post-labels{display:flex;flex-wrap:wrap;margin:30px 0 30px;padding:0;font-size:13px}
.Blog article.post .post-labels a{margin:0 10px 10px 0}
.Blog article.post .post-labels a:before{content:'#';font-size:80%}
.Blog article.post .post-labels a:not(:last-child):after{content:','}
.Blog article.post .post-share{position:relative;display:flex;flex-wrap:wrap;margin:20px 0 30px;font-size:13px;line-height:22px;}
.Blog article.post .post-share:before{display:block;content:'Share this article';width:100%;margin-bottom:20px;font-size:14px;font-weight:700;font-family:$(heading.font)}
.Blog article.post .post-share .share-icon{flex-grow:1}
.Blog article.post .post-share .share-icon:not(:first-child){margin-left:10px}
.Blog article.post .post-share .share-icon > *{display:flex;align-items:center;padding:12px;border-radius:3px;background-color:#fefefe;box-shadow:0 10px 20px 0 rgba(30,30,30,.1)}
.Blog article.post .post-share .share-icon > a{padding:12px 15px;color:#fefefe}
.Blog article.post .post-share .share-icon > a svg{fill:#fefefe}
.Blog article.post .post-share .share-icon svg{width:20px;fill:$(alt.text.colors)}
.Blog article.post .post-share .facebookThis a{background-color:#3059b0}
.Blog article.post .post-share .facebookThis a:after{content:'Facebook';margin-left:15px}
.Blog article.post .post-share .twitterThis a{background-color:#55acef}
.Blog article.post .post-share .twitterThis a:after{content:'Twitter';margin-left:15px}
.Blog article.post .post-share .whatsappThis a{background-color:#25D366}
.Blog article.post .post-share .whatsappThis a:after{content:'Whatsapp';margin-left:15px}
.Blog article.post .post-share .shareThis{flex-grow:0}
.Blog article.post .post-share .share-popup, .Profile .team .all-member, .Blog .post-font .post-fontContainer{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;z-index:50;-webkit-transition:all .2s ease;transition:all .2s ease;opacity:0;visibility:hidden}
.Blog article.post .post-share .share-notif{display:flex;position:fixed;left:0;right:0;bottom:0;margin-bottom:25px}
.Blog article.post .post-share .share-notif span{position:relative;bottom:-200px;display:block;width:240px;margin:0 auto;padding:10px;border-radius:3px;background-color:#48525c;color:#fefefe;font-size:13px;line-height:22px;text-align:center;opacity:0;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-webkit-animation:slidein 2s ease forwards;animation:slidein 2s ease forwards;}
.Blog article.post .post-share .share-check:checked + .share-popup, .Profile .team .all-team:checked + .all-member, .Blog .post-font .post-fontContainer.active{opacity:1;visibility:visible}
.Blog article.post .post-share .share-check:checked + .share-popup ul, .Profile .team .all-team:checked + .all-member .all-memberBox, .Blog .post-font .post-fontContainer.active ul{margin:0 auto}
.Blog article.post .post-share .share-check:checked + .share-popup .full-close, .Profile .team .all-team:checked + .all-member .full-close, .Blog .post-font .post-fontContainer.active .full-close{background:rgba(0,0,0,.35);opacity:1;visibility:visible}
.Blog article.post .post-share ul, .Blog .post-font .post-fontContainer ul{position:relative;display:flex;flex-wrap:wrap;width:95%;max-width:500px;list-style:none;margin:0 auto -50%;padding:25px 25px 20px;background-color:#fafafc;border-radius:30px;z-index:3;-webkit-transition:all .2s ease;transition:all .2s ease}
.Blog article.post .post-share ul:before, .Blog .post-font .post-fontContainer ul:before{content:'Share this article';display:block;width:100%;margin:0 0 15px;font-size:15px;font-family:$(heading.font);font-weight:700;text-align:center;color:$(main.colors)}
.Blog article.post .post-share li{position:relative;width:calc(25% - 15px);margin-right:20px}
.Blog article.post .post-share li:nth-of-type(4n){margin-right:0}
.Blog article.post .post-share li > *{display:block;margin:8px 0;text-align:center;color:inherit;cursor:pointer}
.Blog article.post .post-share li > * span{display:block;margin:5px 0 0;font-size:90%;color:$(text.colors)}
.Blog article.post .post-share li > * svg{width:48px;height:48px;fill:$(alt.text.colors);padding:13px;background-color:#ebeced;border-radius:18px;}
.Blog article.post .post-share li > * svg.line{fill:none;stroke:$(alt.text.colors);padding:16px}
.Blog article.post .post-share li input{margin:0;padding:0;outline:0;border:0;width:1px;height:0;opacity:0}
.Blog article.post .post-share li.share-close, .Profile .team .all-member .member-close, .Blog .post-font .post-fontContainer .close{width:30px;height:30px;margin:0;position:absolute;top:20px;right:-15px;z-index:1}
.Blog article.post .post-share li.share-close > *, .Profile .team .all-member .member-close label, .Blog .post-font .post-fontContainer .close > *{margin:0;display:flex;align-items:center;justify-content:center;height:100%;background-color:$(link.bg.colors);border-radius:50%}
.Blog article.post .post-share li.share-close > * svg, .Blog .post-font .post-fontContainer .close > * svg{width:22px;height:22px;padding:0;margin:0;background:transparent;fill:#fefefe}
.Blog .separate{display:block;margin:20px 0}
.Blog .separate:before{content:'\2027 \2027 \2027';display:block;color:#505050;text-align:center;font-size:28px;font-style:normal;letter-spacing:0.6em;text-indent:0.6em;clear:both}
.Blog blockquote{position:relative;font-size:15px;}
.Blog blockquote.style-1{margin-left:0;margin-right:0;padding:30px 25px 30px 90px;border-radius:4px;border:2px solid #ebeced}
.Blog blockquote.style-1:before{content:'\201D';display:block;position:absolute;font-weight:700;font-size:70px;font-family:$(heading.font);top:7px;left:25px;line-height:normal;color:rgba(0,0,0,.15)}
.Blog blockquote.style-1 ul{font-size:90%}
.Blog table.tr-caption-container{min-width:inherit;width:auto;margin:0 auto;border:0;position:relative}
.Blog table.tr-caption-container tr td{background-color:transparent;border:0;padding:0}
.Blog table.tr-caption-container tr:nth-child(2n+1) td, .Blog table.tr-caption-container tr:nth-child(2n+1) td:first-child{border:0;background:transparent}
.Blog table.tr-caption-container .tr-caption{display:block;font-size:12px;font-style:italic;color:$(alt.text.colors);background-color:transparent;border:0}
.Blog table{min-width:70%;margin:0 auto;border:0;overflow:hidden;font-size:14px;}
.Blog table th{background-color:transparent;padding:15px 20px;border:1px solid #ddd;border-top:0;border-left:0;font-family:$(heading.font);font-size:13px}
.Blog table th:last-child, .Blog table tr td:last-child, .Blog table tr:nth-child(2n) td:last-child{border-right:0}
.Blog table td{padding:15px 20px;border:1px solid #ddd;border-left:0;border-top:0;vertical-align:middle}
.Blog table tr:nth-child(2n + 1) td{background-color:rgba(0,0,0,.025)}
.Blog .table{display:block;overflow-y:hidden;overflow-x:auto;border-radius:3px;scroll-behavior:smooth;}
.Blog pre{font-size:13px;position:relative;width:100%;background-color:#29323c;color:rgba(255,255,255,.9);border-radius:3px;padding:20px 20px;margin:25px auto;-moz-tab-size:2;-o-tab-size:2;tab-size:2;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;overflow:auto;font-family: 'Fira Mono', monospace;line-height:1.5em;}
.Blog pre code{display:block;padding:0;white-space:pre;font-family: 'Fira Mono', monospace}
.Blog pre span{color:#e6db74}
.Blog pre span.block{color:#fff;background:#3a7bd5}
.Blog pre i{color:#519bd6;font-style:normal}
.Blog pre i.comment, .Blog pre i.tag{color:#75715e;user-select:text;-moz-user-select:text;-ms-user-select:text;-khtml-user-select:text;-webkit-user-select:text;-webkit-touch-callout:text;}
.Blog pre i.tag{color:#f15a5a}
.Blog .code{display:inline;padding:2px 4px;font-size:85%;line-height:inherit;color:#f15a5a;background-color:rgba(0,0,0,.05);font-family: 'Fira Mono', monospace;}
.Blog .daftar-isi, .Blog .spoiler{border:2px solid #ebeced;border-left:0;border-right:0;padding:25px 15px;margin:30px 0;font-size:15px}
.Blog .daftar-isi .isi-judul, .Blog .spoiler .spoiler-judul{outline:0;font-weight:700;font-family:$(heading.font);color:$(main.colors);display:flex;}
.Blog .daftar-isi .isi-judul:after{content: ' Hide all ';font-weight:400;font-size:85%;font-family:$(body.font);color:$(text.colors);margin-left:auto}
.Blog .daftar-isi .isi-content{max-height:1000vh;transition:all .4s ease;-webkit-transition:all .4s ease;overflow:hidden}
.Blog .daftar-isi .isi-content a{font-weight:400;color:$(text.colors)}
.Blog .daftar-isi .isi-content ol{counter-reset:daftar-count;margin-bottom:0;padding:0;list-style:none;font-size:14px}
.Blog .daftar-isi .isi-content ol ol{width:100%;margin-bottom:10px;padding-left:26px}
.Blog .daftar-isi .isi-content ol li, .Blog .post-tocContent ol li{display:flex;flex-wrap:wrap}
.Blog .daftar-isi .isi-content ol li a{width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.Blog .daftar-isi .isi-content li ul li a{max-width:none}
.Blog .daftar-isi .isi-content ol li a:before, .Blog .post-tocContent ol li a:before{content:counters(daftar-count,'.')'. ';counter-increment:daftar-count;display:inline-block;min-width:20px;margin-right:5px;color:$(text.colors);flex-shrink:0;font-weight:700;font-family:$(heading.font)}
.Blog .daftar-isi .isi-content ol ul{width:100%;padding-left:45px}
.Blog .daftar-isi .isi-content ol ul li{display:list-item}
.Blog .daftar-isi .isi-content ol ul li:before{display:none}
.Blog .daftar-isi .isi-content ul{margin-bottom:0;padding-left:20px}
.Blog .daftar-isi .isi-input:checked + .isi-judul + .isi-content{max-height:0}
.Blog .daftar-isi .isi-input:checked + .isi-judul:after{content: ' Show all '}
.Blog .post-toc{width:360px;height:calc(100% - $(header.height));padding:30px;background-color:#fafafc;position:absolute;top:$(header.height);right:0;z-index:2;font-size:15px;-webkit-transition:all .2s ease;transition:all .2s ease;}
.Blog .post-tocContainer{position:sticky;top:calc($(header.height) + 30px)}
.Blog .post-tocHeader{position:relative}
.Blog .post-tocHeader label{display:flex;align-items:center;font-weight:700;font-family:$(heading.font);margin:0;color:$(main.colors)}
.Blog .post-tocHeader label svg.drop{margin-left:auto;width:18px;height:18px;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transition:all .2s ease;transition:all .2s ease;}
.Blog .post-tocHeader label .show{width:50px;height:40px;display:flex;align-items:center;justify-content:center;background-color:#fefefe;border-radius:50px 0 0 50px;box-shadow:0 10px 20px 0 rgba(30,30,30,.08);position:absolute;top:0;left:-80px;-webkit-transition:all .2s ease;transition:all .2s ease;opacity:0;visibility:hidden}
.Blog .post-tocContent ol{padding:0;list-style:none;font-size:14px;font-weight:400;line-height:1.9em;counter-reset: toc-count;}
.Blog .post-tocContent ol li a:before{content:counters(toc-count,'.')'. ';counter-increment:toc-count;}
.Blog .post-tocContent ol ol{width:100%;padding-left:26px;margin-bottom:10px}
.Blog .post-tocContent a{color:$(main.colors);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.Blog .toc-menu:checked + .post-toc{right:-360px}
.Blog .toc-menu:checked + .post-toc .post-tocHeader label .show{opacity:1;visibility:visible}
.Blog .spoiler{padding:20px 15px}
.Blog .spoiler .spoiler-judul{align-items:center}
.Blog .spoiler .spoiler-judul .button{margin:0 0 0 auto;padding:5px 15px;font-size:11px;font-weight:400;font-family:$(body.font);}
.Blog .spoiler .spoiler-judul .button:before{content:' Show all'}
.Blog .spoiler .spoiler-isi{max-height:0;margin-top:0;transition:all .2s ease;-webkit-transition:all .2s ease;overflow:hidden}
.Blog .spoiler .spoiler-isi p, .Blog article.post .spoiler .spoiler-isi p{margin-top:10px}
.Blog .spoiler .spoiler-isi pre{margin:10px auto 0}
.Blog .spoiler .spoiler-input:checked + .spoiler-judul .button:before{content:' Hide all'}
.Blog .spoiler .spoiler-input:checked + .spoiler-judul + .spoiler-isi{max-height:1000vh;margin-top:1em}
.Blog .post-font > span, .Blog .post-shareIcon label{margin-left:7px}
.Blog .post-font .post-fontContainer ul:before{content:'Change text size'}
.Blog .post-font .post-fontContainer li{width:33.333%;text-align:center}
.Blog .post-font .post-fontContainer li label{display:block;margin:0 auto;cursor:pointer}
.Blog .post-font .post-fontContainer li label:before{content:'A';font-size:35px;font-weight:700;font-family:$(heading.font);color:#ddd;line-height:60px}
.Blog .post-font .post-fontContainer li label:hover:before{color:$(main.colors)}
.Blog .post-font .post-fontContainer li:nth-child(1) label:before{font-size:25px}
.Blog .post-font .post-fontContainer li:nth-child(3) label:before{font-size:45px}
.Blog article .post-info .post-comment .post-fontContainer .close > * svg{fill:#fefefe}
.font-size1:checked + .font-size2 + .font-size3 + article .post-font .post-fontContainer li:nth-child(1) label:before,
.font-size2:checked + .font-size3 + article .post-font .post-fontContainer li:nth-child(2) label:before,
.font-size3:checked + article .post-font .post-fontContainer li:nth-child(3) label:before{color:$(main.colors)}
.font-size1:checked + .font-size2 + .font-size3 + article .post-entry{font-size:14px}
.font-size3:checked + article .post-entry{font-size:18px}
.Blog .post-tabs .post-tabsHeader{display:flex;border-bottom:1px solid #ebeced;margin-bottom:30px;font-size:13px}
.Blog .post-tabs .post-tabsHeader > *:not(:last-child){margin-right:7px}
.Blog .post-tabs .post-tabsHeader > *{padding:8px 15px;border:1px solid #ebeced;border-bottom:0;border-radius:4px 4px 0 0;position:relative}
.Blog .post-tabs .post-tabsHeader > *:after{content:'';display:block;width:100%;height:2px;background-color:#fafafc;position:absolute;left:0;bottom:-1px;visibility:hidden;opacity:0}
.Blog .post-tabs .post-tabsContent{position:relative}
.Blog .post-tabs .post-tabsContent > *{display:none;transition:all .2s ease;-webkit-transition:all .2s ease;}
.Blog .post-tabs .post-tabsContent > *:not(:first-child){width:100%}
.Blog .post-tabs .post-tabsContent > * p:first-child{margin-top:0}
.tab-1:checked + .tab-2 + .post-tabs .post-tabsHeader > *:first-child:after,
.tab-2:checked + .post-tabs .post-tabsHeader > *:nth-child(2):after{opacity:1;visibility:visible}
.tab-1:checked + .tab-2 + .post-tabs .post-tabsContent > *:first-child,
.tab-2:checked + .post-tabs .post-tabsContent > *:nth-child(2){display:block}
.Blog .post-pagenav > *{padding:6px 15px}
.Blog .post-pagenav > *:not(:last-child){margin-right:12px}
.Blog .blog-pager, .Blog .post-pagenav{display:flex;flex-wrap:wrap;justify-content:center;margin:20px 0 0;font-size:12px;color:#fefefe;line-height:22px}
.Blog .blog-pager > *, .Blog .post-pagenav > *{display:flex;align-items:center;padding:8px 15px;border-radius:3px;background-color:$(link.bg.colors);color:inherit;box-shadow:0 10px 20px 0 rgba(30,30,30,.1)}
.Blog .blog-pager > * svg{width:20px;fill:#fefefe}
.Blog .blog-pager > * svg.line{fill:none;stroke:#fefefe}
.Blog .blog-pager .no-post, .Blog .post-pagenav .current{cursor:not-allowed;background-color:#fefefe;color:$(alt.text.colors)}
.Blog .blog-pager .newer-link{margin-right:auto}
.Blog .blog-pager .older-link{margin-left:auto}
.Blog .blog-pager .js-load svg{margin-right:10px}
.Blog .blog-pager .js-load.error{background-color:#f15a5a}
.Blog .blog-pager > span{margin:0 10px 10px 0}
.Blog .blog-pager > span:last-child{margin-right:0}
.Blog .breadcrumbs{display:flex;align-items:center;margin:0 15px 8px;font-size:11px;font-weight:700;font-family:$(heading.font);color:$(alt.text.colors);}
.Blog .breadcrumbs > *:first-child{display:none}
.Blog .breadcrumbs > *:not(:last-child):after{content:'\203A';margin:0 7px 0 4px;font-size:13px;line-height:16px}
.Blog .breadcrumbs > *{flex-shrink:0}
.Blog .breadcrumbs > .title-link{flex-shrink:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:$(alt.text.colors)}
.Blog .accordion{position:relative;list-style:none;margin:20px 0 0;padding:0;display:flex;flex-wrap:wrap;font-size:14px}
.Blog .accordion li{width:100%;padding:20px 0;border-bottom:2px solid #ebeced}
.Blog .accordion .accor-title{display:flex;align-items:center}
.Blog .accordion .accor-title .accor-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;margin-right:15px;position:relative}
.Blog .accordion .accor-title .accor-icon:before, .Blog .accordion .accor-title .accor-icon:after{content:'';display:block;width:60%;height:2px;border-radius:2px;background-color:$(main.colors)}
.Blog .accordion .accor-title .accor-icon:after{position:absolute;transform:rotate(90deg);-webkit-transform:rotate(90deg)}
.Blog .accordion .accor-title .title{flex-grow:1;margin:0;line-height:1.48em;font-weight:700;font-family:$(heading.font);color:$(main.colors)}
.Blog .accordion .accor-menu:checked + .accor-title .title{color:$(link.colors)}
.Blog .accordion .accor-menu:checked + .accor-title .accor-icon:before, .Blog .accordion .accor-menu:checked + .accor-title .accor-icon:after{background-color:$(link.colors)}
.Blog .accordion .accor-menu:checked + .accor-title .accor-icon:after{visibility:hidden;opacity:0}
.Blog .accordion .accor-menu:checked + .accor-title + .content{max-height:100vh;padding-top:15px;padding-bottom:8px}
.Blog .accordion .content{margin:0;padding-left:35px;position:relative;overflow:hidden;max-height:0;-webkit-transition:all .2s ease;transition:all .2s ease;}
.Blog .download-info{display:flex;align-items:center;margin:1.7em 0;padding:15px;border:2px solid #ebeced;border-radius:3px;font-size:13px}
.Blog .download-info .file-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:50px;height:50px;padding:10px;border-radius:15px;color:#fefefe;background:#ebeced linear-gradient(225deg,#00dcc0 0,#005af0 75%);font-weight:700;font-family:$(heading.font)}
.Blog .download-info .file-text{padding:0 12px;width:calc(100% - 150px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.Blog .download-info .file-link{flex-shrink:0;display:flex;font-size:11px;margin:0 0 0 auto;padding:6px 10px}
.Blog .download-info .file-link .m-icon{width:15px;height:15px}
.Blog .author-posts{display:flex;align-items:center;margin:30px 15px;position:relative;padding:15px;border-radius:4px;background:#fefefe;overflow:hidden;box-shadow:0 10px 20px 0 rgba(30,30,30,.08);font-size:13px;}
.Blog .author-posts .authorImage{flex-shrink:0;margin-right:15px}
.Blog .author-posts .authorImage div{position:relative;width:50px;padding-top:100%;background-color:#f2f2f2;border-radius:20px}
.Blog .author-posts .authorInfo{flex-grow:1;}
.Blog .author-posts .author-name{font-weight:700;font-family:$(heading.font);color:$(main.colors);font-size:13px}
.Blog .author-posts .author-name:before{content:attr(data-text);display:none}
.Blog .author-posts .author-desc{color:$(alt.text.colors);margin-top:2px}
.Blog .author-posts .author-link{list-style:none;margin:0}
.Blog .author-posts a, .Blog .related-posts a, .Blog .comments a{color:inherit}
.Blog .related-posts{margin:60px 15px 30px}
.Blog .related-posts ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap}
.Blog .related-posts li{width:calc(33.333% - 13.333px);margin-right:20px;margin-bottom:20px;padding:10px 10px 18px;background-color:#fefefe;border-radius:4px;box-shadow:0 10px 20px 0 rgba(30,30,30,.07)}
.Blog .related-posts li:nth-of-type(3n){margin-right:0}
.Blog .related-posts li .item-thumbnail{margin-bottom:12px}
.Blog .related-posts li .item-thumbnail > *{padding-top:60%}
.Blog .related-posts li .item-thumbnail > *:before{content:'No image';display:block;position:absolute;top:50%;left:50%;max-width:none;max-height:100%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);color:$(sec.night.colors);font-size:10px}
.Blog .related-posts li .item-title{padding:0 5px;font-size:12px;font-weight:700;font-family:$(heading.font);color:$(main.colors)}
.Blog .related-post.style-1 a:before{content:'';display:block;position:absolute;bottom:0;right:0;width:70px;height:65px;background:rgba(0,0,0,.025);border-radius:70px 0 5px 0;}
.Blog #disqus_thread{margin:30px 15px}
.Blog .show-comment{margin:30px 15px;font-size:13px}
.Blog .show-comment label{display:block;margin:0;padding:15px;text-align:center;border:2px solid #ebeced}
.Blog .show-comment + .comments{height:0;overflow:hidden}
.Blog .all-comment:checked + .show-comment{display:none}
.Blog .all-comment:checked + .show-comment + .comments{height:auto;overflow:visible}
.Blog .comments{margin:30px 15px 0;height:auto}
.Blog .comments .avatar-image-container{width:52px}
.Blog .comments .avatar-image-container div{position:relative;overflow:hidden;padding-top:100%;border-radius:50%;background-color:#f2f2f2;box-shadow:0 6px 18px 0 rgba(30,30,30,.035)}
.Blog .comments .comment-header, .Blog .comments .comment-header > *{display:flex;align-items:center}
.Blog .comments .comment-header .user{font-weight:700;font-size:13px;font-family:$(heading.font)}
.Blog .comments .comment-header .user span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px}
.Blog .comments .comment-header .user svg{width:16px;height:16px;margin-left:5px;fill:#519bd6}
.Blog .comments .comment-header .datetime{margin-left:auto;font-size:11px;color:$(alt.text.colors)}
.Blog .comments .comment-content{margin-top:15px}
.Blog .comments .comment-thread .thread-toggle{margin:0 0 0 25px;font-size:13px}
.Blog .comments .comment-thread .thread-chrome{margin:15px 0 0}
.Blog .comments .comment-add .button{display:block;margin:20px 0 0 25px;text-align:center;cursor:pointer}
.Blog .comments .comment-form{margin-left:26px}
.Blog .comments ol, .Blog .comments ul{list-style:none;margin:0;padding:0}
.Blog .comments ol > li{position:relative;margin:0 0 20px 26px;padding:15px 0 0;background-color:#fefefe;border-radius:12px;box-shadow:0 10px 20px 0 rgba(30,30,30,.07)}
.Blog .comments ol > li > .avatar-image-container{position:absolute;top:10px;left:-26px}
.Blog .comments ol > li > .comment-block{padding:10px 15px 0 40px}
.Blog .comments ol > li > .comment-actions{padding:12px 15px 15px 40px;font-size:13px;color:$(alt.text.colors)}
.Blog .comments ol > li > .comment-actions a, .Blog .comments .comment-reply a, .Blog .comments .comment-thread .thread-toggle{display:inline-flex;align-items:center;color:$(alt.text.colors)}
.Blog .comments ol > li > .comment-actions svg, .Blog .comments .comment-reply svg, .Blog .comments .comment-thread .thread-toggle svg{height:14px;fill:none;stroke:$(alt.text.colors)}
.Blog .comments ol > li > .comment-replies + .comment-actions{display:none}
.Blog .comments ol > li > .comment-replies{padding:12px 15px 15px 15px;margin-top:15px;background-color:rgba(0,0,0,.015);border-radius:0 0 12px 12px}
.Blog .comments ol > li > .comment-replies .comment-reply{padding:12px 0 0 40px;font-size:13px}
.Blog .comments ol > li > .comment-replybox-single{padding:0 15px 0 40px}
.Blog .comments li li {position:relative}
.Blog .comments li li:not(:last-child){margin-bottom:20px;padding-bottom:20px;border-bottom:1px dashed #ebeced}
.Blog .comments li li .avatar-image-container{position:absolute;top:0;left:0;width:32px}
.Blog .comments li li .avatar-image-container div{box-shadow:none}
.Blog .comments li li .comment-block{padding:5px 0 0 46px}
.Blog .comments li li .comment-content{margin-top:10px}
.Blog .comments .thread-show:checked + .comment-thread .thread-chrome,
.Blog .comments .thread-show:checked + .comment-thread + .comment-reply{display:none}
.Blog .comments .thread-show:checked + .comment-thread .thread-toggle svg{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.Blog .sitemaps .sitemap-box{font-size:14px;line-height:1.5em;padding:18px 20px 25px;border-radius:4px;border:2px solid #ebeced}
.Blog .sitemaps .sitemap-box:not(:last-child){margin-bottom:15px}
.Blog .sitemaps .judul{margin-top:0;font-size:14px;color:$(text.colors)}
.Blog .sitemaps .judul:before{content:'Label: ';margin-right:5px}
.Blog .sitemaps ol{list-style:none;margin:0;padding:0;counter-reset:panduan-count}
.Blog .sitemaps li:not(:last-child){margin-bottom:10px}
.Blog .sitemaps li{display:flex}
.Blog .sitemaps li:before{content:counter(panduan-count) '.';counter-increment:panduan-count;flex-shrink:0;width:40px;font-size:22px;font-family:$(heading.font);line-height:normal;color:rgba(0,0,0,.15);}
.Blog .sitemaps li a{color:$(main.colors);font-size:90%;font-weight:700;font-family:$(heading.font)}
.Blog .sitemaps li a:after{content:'Read more';display:block;margin-top:2px;color:$(text.colors);font-size:11px;font-family:$(body.font);font-weight:400;line-height:1.58em}
.Blog .sitemaps li a:hover:after{text-decoration:underline}
.page .Blog article.post{border:0}
.page .Blog .breadcrumbs > *:first-child{display:block}
/* Widget FeaturedPost */
.FeaturedPost article{display:flex;align-items:center;flex-wrap:wrap;margin:0;padding:10px;position:relative;overflow:hidden}
.FeaturedPost article:after{content:'';display:block;min-width:25px;padding:4px 0;background-color:$(link.bg.colors);position:absolute;top:0;right:0;border-radius:0 0 0 3px}
.FeaturedPost article .item-thumbnail{flex:0 0 auto;width:310px;margin-right:20px}
.FeaturedPost article .item-content{flex:1 0;padding:8px 8px 8px 0;width:calc(100% - 330px)}
.FeaturedPost article .item-label a:hover, .PopularPosts article .item-label a:hover, .Label li .label-title:hover{text-decoration:underline}
.FeaturedPost article .item-title{font-size:105%;line-height:1.48em}
.FeaturedPost article .item-entry{margin-top:12px;font-size:90%}
.sidebar .FeaturedPost article{display:block;padding:0;box-shadow:none}
.sidebar .FeaturedPost article .item-content{padding:15px 0 0}
.sidebar .FeaturedPost article .item-title, .PopularPosts article .item-title{font-size:90%}
/* Widget PopularPosts */
.PopularPosts{counter-reset:popular-count}
.PopularPosts article:not(:last-child){margin-bottom:25px}
.PopularPosts article .item-thumbnail{margin-bottom:15px}
.PopularPosts article .item-thumbnail a{padding-top:34.61%;background-color:#fefefe;border-radius:3px}
.PopularPosts article .item-header{margin-top:5px}
.PopularPosts article.no-thumbnail{display:flex}
.PopularPosts article.no-thumbnail:before{flex-shrink:0;content:'0' counter(popular-count);counter-increment:popular-count;width:45px;font-weight:700;font-size:22px;font-family:$(heading.font);color:rgba(0,0,0,.15);}
.PopularPosts article.no-thumbnail .item-content{flex-grow:1;width:calc(100% - 45px)}
/* Widget Label */
.Label .widget-content{font-size:90%;color:$(main.colors)}
.Label ul, .Label .cloud-label, .Label .cloud-label .label-all{display:flex;flex-wrap:wrap}
.Label li{width:calc(50% - 12.5px);margin-bottom:13px}
.Label li:nth-child(2n+1){margin-right:25px}
.Label li a{display:flex;align-items:center;color:inherit}
.Label li a svg{flex-shrink:0;width:20px;height:20px;margin-left:5px;fill:$(alt.text.colors)}
.Label li a:hover svg{fill:$(link.bg.colors)}
.Label li:nth-child(2n+1).label-show{margin:0}
.Label .label-show{width:100%;margin:0}
.Label .label-show ul, .Label .cloud-label .label-all{margin:0;padding:0;max-height:0;overflow:hidden;-webkit-transition:all .4s ease;transition:all .4s ease;}
.Label .label-show label{display:flex;align-items:center;justify-content:center;margin-top:4px;padding:4px 0;color:$(alt.text.colors);cursor:pointer}
.Label .label-show label:before{content: attr(data-show);margin-right:5px; display:none}
.Label .label-show label span{margin-right:10px}
.Label .label-show label svg{fill:$(alt.text.colors);height:14px}
.Label .label-input:checked + .label-all ul, .Label .cloud-label .label-input:checked + .label-all{max-height:100vh}
.Label .label-input:checked + .label-all + label:before{content: attr(data-hide)}
.Label .label-input:checked + .label-all + label svg{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.Label .label-title{margin-right:auto;padding-right:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.Label .label-count{flex-shrink:0;font-size:11px;color:$(alt.text.colors)}
.Label .cloud-label .label-show label{margin:0 10px 0 0;padding:5px 12.5px;line-height:22px;border-radius:3px;background-color:#f2f2f2}
.Label .cloud-label > *, .Label .cloud-label .label-all > *{display:block;flex:1 0 auto}
.Label .cloud-label a{display:flex;justify-content:space-between;margin:0 10px 10px 0;padding:5px 12.5px;line-height:22px;border-radius:3px;background-color:#f2f2f2;color:$(text.colors)}
/* Widget Profile Individual */
.Profile .widget-content{font-size:13px}
.Profile .individual{display:flex;align-items:center;flex-direction:row;position:relative;padding:12px 15px;border-radius:4px;background:#fefefe;overflow:hidden;box-shadow:0 10px 20px 0 rgba(30,30,30,.08)}
.Profile .individual .profile-image{flex:0 0 auto;width:60px;height:60px;border-radius:20px;background-color:#f1f1f0}
.Profile .individual .profile-image .profile-g{position:relative;padding-top:100%}
.Profile .individual .profile-image img, .Blog .author-posts .authorImage div img{border-radius:20px}
.Profile .individual .profile-info{flex-grow:1;margin-right:auto;padding-left:15px}
.Profile .individual .profile-link{color:$(main.colors);font-weight:700;font-size:13px}
.Profile .individual .profile-text{font-size:11px;margin:4px 0 0;color:$(alt.text.colors);line-height:1.4em}
.Profile .individual .profile-media, .Blog .author-posts .author-link{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:#fefefe;padding:15px;opacity:0;visibility:hidden;-webkit-transition:all .2s ease;transition:all .2s ease;z-index:2}
.Profile .individual .profile-media li:not(:last-child) a, .Blog .author-posts .author-link li:not(:last-child) a{margin-right:10px}
.Profile .individual .profile-media li a, .Blog .author-posts .author-link li a{display:block;padding:5px}
.Profile .individual .profile-media li a:hover svg, .Blog .author-posts .author-link li a:hover svg{fill:$(link.bg.colors)}
.Profile .individual .profile-media li svg, .Blog .author-posts .author-link li svg{width:24px;height:24px;fill:$(alt.text.colors)}
/* Widget Profile Team */
.Profile .team ul{display:flex;flex-wrap:wrap}
.Profile .team ul li{width:60px;margin:0 15px 20px 0}
.Profile .team .team-member > *, .Profile .team .more-member > *, .Profile .team .more-member{display:block;position:relative}
.Profile .team .team-member > * .profile-image{position:relative;padding-top:100%;background-color:#fefefe;border-radius:28px;box-shadow:0 10px 20px 0 rgba(30,30,30,.08);-webkit-transition:transform .2s cubic-bezier(.25,.1,.25,1);transition:transform .2s cubic-bezier(.25,.1,.25,1)}
.Profile .team .team-member > * .profile-image svg{fill:$(alt.text.colors)}
.Profile .team .team-member > * .profile-image > *{border-radius:28px}
.Profile .team .team-member > * .profile-image:after, .Profile .individual .profile-g:after, .Blog .author-posts .authorImage div:after{content:'+';display:flex;align-items:center;justify-content:center;width:18px;height:18px;background-color:#fefefe;color:$(link.bg.colors);border-radius:50%;position:absolute;right:0;bottom:-2px;box-shadow:0 4px 10px 0 rgba(30,30,30,.08);-webkit-transition:all .1s ease;transition:all .1s ease;}
.Profile .team .team-member > * .profile-name, .Profile .team .more-member > span{position:absolute;width:100%;text-align:center;color:$(text.colors);font-size:80%;line-height:1.3em;-webkit-transition:all .2s ease;transition:all .2s ease;opacity:0;visibility:hidden;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.Profile .team .team-member > *:hover .profile-image, .Profile .team .more-member:hover > .profile-more{transform:translateY(-8px);-webkit-transform:translateY(-8px)}
.Profile .team .team-member > *:hover .profile-image:after, .Profile .individual .profile-image:hover .profile-g:after, .Blog .author-posts .authorImage:hover div:after{opacity:0;visibility:hidden;}
.Profile .team .team-member > *:hover .profile-name, .Profile .team .more-member:hover > span, .Profile .individual .profile-image:hover .profile-media, .Blog .author-posts .authorImage:hover .author-link{opacity:1;visibility:visible}
.Profile .team .more-member > *{padding-top:calc(100% - 4px);border-radius:28px;border:2px dashed #ebeced}
.Profile .team .more-member > * svg{fill:$(link.bg.colors)}
.Profile .team .more-member > .profile-more{-webkit-transition:transform .2s cubic-bezier(.25,.1,.25,1);transition:transform .2s cubic-bezier(.25,.1,.25,1)}
.Profile .team .more-member > span{padding:0;border:0;border-radius:0}
.Profile .team .all-member .all-memberBox{position:relative;width:95%;height:45%;max-width:500px;margin:0 auto -50%;background-color:#fafafc;border-radius:30px;z-index:3;-webkit-transition:all .2s ease;transition:all .2s ease}
.Profile .team .all-member .all-memberBox:before{content:'All authors / contributors';width:100%;display:block;padding:25px 25px 5px;border-radius:30px 30px 0 0;background-color:#fafafc;font-size:15px;font-weight:700;font-family:$(heading.font);color:$(main.colors);position:absolute;z-index:1}
.Profile .team .all-member ul{overflow-x:hidden;overflow-y:auto;width:100%;height:100%;padding:65px 10px 10px 25px}
.Profile .team .all-member ul li{margin:0 20px 25px 0}
.Profile .team .all-member .member-close svg{fill:#fefefe}
/* Widget FollowByEmail */
.FollowByEmail{position:relative;padding:18px 20px 25px;border:2px solid #ebeced;border-radius:4px;font-size:90%}
.FollowByEmail:after{content:'';display:block;position:absolute;top:0;right:0;width:80px;height:60px;background:rgba(0,0,0,.01);border-radius:0 0 0 100px}
.FollowByEmail .title{font-size:14px;margin-bottom:15px;color:$(text.colors)}
.FollowByEmail .follow-by-email-text{display:block;margin-bottom:15px;}
.FollowByEmail .follow-by-email-label{position:absolute;right:0;display:inline-block;padding:8px 12.5px;cursor:pointer;background-color:$(link.bg.colors);border-radius:3px}
.FollowByEmail .follow-by-email-label svg{fill:#fefefe}
.FollowByEmail form, .FollowByEmail > *{position:relative;z-index:1}
.FollowByEmail input[type=email]{width:calc(100% - 60px)}
.FollowByEmail input[type=email]:focus + input + label, .FollowByEmail .follow-by-email-label:hover{box-shadow:0 10px 20px 0 rgba(30,30,30,.08)}
.FollowByEmail input[type=submit]{display:none;margin-top:10px}
/* Widget Contact Form */
.ContactForm{font-size:14px;margin-top:30px;max-width:480px}
.ContactForm form > *:not(:last-child){margin-bottom:15px}
.ContactForm label{display:inline-block;margin-bottom:8px}
.ContactForm div p{display:flex;align-items:center;margin-bottom:0}
/* Widget Slider */
@keyframes tonext{75%{left:0;} 95%{left:100%;} 98%{left:100%;} 99%{left:0}}
@keyframes tostart{75%{left:0} 95%{left:-300%} 98%{left:-300%} 99%{left:0}}
@keyframes snap{96%{scroll-snap-align:center} 97%{scroll-snap-align:none} 99%{scroll-snap-align:none} 100%{scroll-snap-align:center}}
@media (hover:hover){
.carousel-snapper{animation-name:tonext, snap;animation-timing-function:ease;animation-duration:4s;animation-iteration-count:infinite}
.carousel-slide:last-child .carousel-snapper{animation-name:tostart, snap}}
@media (prefers-reduced-motion:reduce){
.carousel-snapper{animation-name:none}}
.carousel{position:relative;padding-top:30%;border-radius:5px;overflow:hidden}
.carousel ol{list-style:none;margin:0;padding:0;scrollbar-color: transparent transparent;scrollbar-width: 0px;}
.carousel ol::-webkit-scrollbar{height:0}
.carousel-viewport{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;overflow-x:scroll;scroll-behavior:smooth;scroll-snap-type:x mandatory}
.carousel-slide{display:flex;align-items:center;position:relative;flex:0 0 100%;width:100%;background-color:#f1f1f0;outline:0;}
.carousel-slide:nth-child(even){background-color:#99f}
.carousel-snapper{position:absolute;top:0;left:0;width:100%;height:100%;scroll-snap-align:center}
.carousel-navigation{position:absolute;right:0;bottom:5px;left:0;text-align:center}
.carousel-navigation-list{display:flex;align-items:center;justify-content:center}
.carousel-navigation-button{display:block;width:18px;height:12px;background-color:#fff;background-clip:content-box;border:0.25rem solid transparent;border-radius:10px;-webkit-transition:all .1s ease;transition:all .1s ease}
.carousel-navigation-button:hover{width:30px}
.carousel-prev, .carousel-next{position:absolute;width:4rem;height:4rem;outline:0;z-index:2;cursor:default}
.carousel-prev, .carousel:hover:before{left:0;opacity:1;visibility:visible}
.carousel-next, .carousel:hover:after{right:0;opacity:1;visibility:visible}
.carousel:hover .carousel-snapper,
.carousel:focus-within .carousel-snapper{animation-name:none}
.carousel:before{left:-1em} .carousel:after{right:-1em}
.carousel:before, .carousel:after{content:'';z-index:1;background-size:1.5rem 1.5rem;background-repeat:no-repeat;background-position:center center;position:absolute;width:3rem;height:3rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all .2s ease;transition:all .2s ease;opacity:0;visibility:hidden}
.carousel:before{background-image:url('data:image/svg+xml,<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M217.9 256L345 129c9.4-9.4 9.4-24.6 0-33.9-9.4-9.4-24.6-9.3-34 0L167 239c-9.1 9.1-9.3 23.7-.7 33.1L310.9 417c4.7 4.7 10.9 7 17 7s12.3-2.3 17-7c9.4-9.4 9.4-24.6 0-33.9L217.9 256z" fill="%23fff"/></svg>')}
.carousel:after{background-image:url('data:image/svg+xml,<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M294.1 256L167 129c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.3 34 0L345 239c9.1 9.1 9.3 23.7.7 33.1L201.1 417c-4.7 4.7-10.9 7-17 7s-12.3-2.3-17-7c-9.4-9.4-9.4-24.6 0-33.9l127-127.1z" fill="%23fff"/></svg>')}
/* Footer */
.footbar{margin-top:0;padding:30px 30px 20px 245px;color:inherit;font-size:85%;-webkit-transition:all .2s ease;transition:all .2s ease;}
.footbar .credit p{margin:20px 0 0;overflow:hidden;white-space:nowrap}
.footbar .credit a:hover{text-decoration:underline}
.footbar .credit .creator{opacity:0}
/* Error 404 Page */
.mainIner.error-404{display:flex;align-items:center;justify-content:center;height:100vh;text-align:center}
.mainIner.error-404:before{display:none}
.error-container{margin:auto;width:90%;max-width:500px}
.error-container h3{font-size:1.414rem}
.error-container h3 span{display:block;font-size:140px;line-height:.8;margin-bottom:-2.4rem;color:#ebebf0} .drK .error-container h3 span{color:rgba(0,0,0,.2)}
.error-container p{margin:15px 5% 30px;font-size:16px;line-height:1.4em}
.error-container .button{margin:0;padding:1em 2em;font-size:1em;font-weight:700;font-family:$(heading.font);line-height:1.2em}
/* Dark Mode */
.drK, .drK .Blog .post-toc, .drK .Blog .post-tabs .post-tabsHeader > *:after{background-color:$(bg.night.colors)}
.drK .header .navicon > * svg, .drK .header .navicon.search > *, .drK .header .searchbar .search-button svg, .drK .Blog article .post-info .post-comment > * svg, .drK .FeaturedPost article .item-comment > * svg, .drK .PopularPosts article .item-comment > * svg, .drK .Label li a svg, .drK .Label .label-show label svg, .drK .Profile .individual .profile-media li svg, .drK .Blog .author-posts .author-link li svg, .drK .Blog .post-tocHeader label svg.drop
{fill:$(sec.night.colors)}
.drK .Blog article .post-info .post-comment > * svg.line{stroke:$(sec.night.colors)}
.drK, .drK .Blog .blog-pager, .drK .Blog .post-pagenav, .drK .Label .widget-content, .drK h1, .drK h2, .drK h3, .drK h4, .drK h5, .drK h6, .drK .FollowByEmail .title, .drK .Profile .individual .profile-link, .drK .Profile .team .team-member a .profile-name, .drK .Profile .team .more-member > span, .drK .Blog .sitemaps .judul, .drK .Blog .sitemaps li a, .drK .Blog .daftar-isi .isi-judul, .drK .Blog .spoiler .spoiler-judul, .drK .Blog .daftar-isi .isi-content a, .drK .Blog .accordion .accor-title .title, .drK .Blog .author-posts .author-name, .drK .Blog .related-posts li .item-title, .drK .Blog .post-tocHeader label, .drK .Blog .post-tocContent a
{color:$(night.colors)}
.drK .header, .drK .Blog article, .drK .Blog .blog-pager .no-post, .drK .Blog .post-pagenav .current, .drK .FeaturedPost article, .drK .Profile .individual, .drK .Profile .individual .profile-media, .drK #nav-widget, .drK #nav-widget:before, .drK .navigation-menu .sosmed, .drK .Blog .author-posts, .drK .Blog .author-posts .author-link, .drK .Blog .related-posts li, .drK .Blog .comments ol > li
{background-color:$(bg.sec.night.colors)}
.drK .header .searchbar input[type=text], .drK .Blog article .post-thumbnail a, .drK .FeaturedPost article .item-thumbnail a, .drK .PopularPosts article .item-thumbnail a, .drK .Profile .individual .profile-image, .drK .Label .cloud-label .label-show label, .drK .Label .cloud-label a, .drK .widget input[type=email], .drK .widget input[type=text], .drK .widget textarea, .drK .Blog .related-posts li .item-thumbnail > *, .drK .Blog .comments ol > li > .comment-replies
{background-color:$(bg.hover.night.colors)}
.drK .header .navicon .nav i, .drK .Blog .accordion .accor-title .accor-icon:before, .drK .Blog .accordion .accor-title .accor-icon:after
{background-color:$(night.colors)}
.drK .header, .drK .navigation-menu, .drK .navigation-mobile, .drK .navigation-menu .sosmed ul svg
{color:$(night.colors);fill:$(night.colors)}
.drK .header .navicon .dark-switch, .drK .widget-title a, .drK .FeaturedPost article .item-header, .drK .PopularPosts article .item-header, .drK .PopularPosts article.no-thumbnail:before, .drK .Profile .individual .profile-text, .drK .Label .label-count, .drK .Label .cloud-label a, .drK .Label .label-show label, .drK .FollowByEmail .follow-by-email-text, .drK .button.outline, .drK .Blog .sitemaps li:before, .drK .Blog .sitemaps li a:after, .drK .Blog blockquote.style-1:before, .drK .Blog article .post-info, .drK .Blog .blog-pager .no-post, .drK .Blog article.post .post-info .post-author, .drK .Blog .daftar-isi .isi-judul:after, .drK .Blog .daftar-isi .isi-content ol li:before, .drK .Blog .post-tocContent ol li:before, .drK .Blog .author-posts .author-desc, .drK .Blog article .separate:before, .drK .error-container p, .drK .footbar, .drK .Blog .comments .comment-header .datetime, .drK .Blog .comments ol > li > .comment-actions a, .drK .Blog .comments .comment-reply a, .drK .Blog .comments .comment-thread .thread-toggle
{color:$(sec.night.colors)}
.drK .Blog .comments ol > li > .comment-actions svg, .drK .Blog .comments .comment-reply svg, .drK .Blog .comments .comment-thread .thread-toggle svg
{fill:none;stroke:$(sec.night.colors)}
.drK .button{color:$(night.colors)}
.drK .button.outline{border-color:$(night.colors)}
.drK .FollowByEmail, .drK .navigation-menu > li.break:after, .drK .Blog .sitemaps .sitemap-box, .drK .Blog blockquote.style-1, .drK .Blog article.post, .drK .Blog table td, .drK .Blog table th, .drK .Blog .daftar-isi, .drK .Blog .accordion li, .drK .Blog .spoiler, .drK .Blog .download-info, .drK .Blog .comments li li:not(:last-child), .drK .Blog .post-tabs .post-tabsHeader, .drK .Blog .post-tabs .post-tabsHeader > *
{border-color:rgba(255,255,255,.1)}
.drK .Blog table tr:nth-child(2n+1) td, .drK .Blog pre{background-color:rgba(0,0,0,.1)}
.drK .Blog table.tr-caption-container .tr-caption, .drK .Blog article.post{background-color:transparent}
/* Addtional Style */
.button{display:inline-flex;align-items:center;margin:15px 15px 15px 0;padding:10px 20px;outline:0;border:0;color:#fefefe;background-color:$(link.bg.colors);border-radius:3px;font-size:13px;line-height:22px;}
.button.outline{color:$(text.colors);background-color:transparent;border:1px solid $(alt.text.colors)}
.button.whatsapp{background-color:#25D366}
.button:hover{color:#fefefe;opacity:.75}
.button.outline:hover{color:$(link.bg.colors);border-color:$(link.bg.colors)}
.button-info{display:flex;flex-wrap:wrap;justify-content:center;margin:12px 0 0}
.button-info > *{margin:0 12px 12px 0}
.button-info > *:last-child{margin-right:0}
.lazy-youtube{background-color:#505050;position:relative;overflow:hidden;padding-top:56.30%;cursor:pointer;border-radius:3px;}
.lazy-youtube img{width:100%;top:-16.84%;left:0;opacity:.95;cursor:pointer}
.lazy-youtube .play-button{width:60px;height:60px;z-index:1;opacity:.98;border-radius:50px;border:2px solid rgba(255,255,255,.8);cursor:pointer}
.lazy-youtube .play-button:hover{border-color:#3a7bd5}
.lazy-youtube .play-button:hover:before{border-color:transparent transparent transparent #3a7bd5}
.lazy-youtube .play-button:before{content:'';border-style:solid;border-width:12px 0 12px 18px;border-color:transparent transparent transparent rgba(255,255,255,.8);border-radius:3px;margin-left:1px}
.lazy-youtube img, .lazy-youtube iframe, .lazy-youtube .play-button,.lazy-youtube .play-button:before{position:absolute!important}
.lazy-youtube .play-button, .lazy-youtube .play-button:before{top:50%;left:50%;transform:translate3d(-50%,-50%,0)}
.lazy-youtube iframe{height:100%;width:100%;top:0;left:0}
.lazy-youtube .playBut{display:inline-block;position:absolute;width:70px;height:70px;z-index:1;top:50%;left:50%;transform:translate3d(-50%,-50%,0);-webkit-transform:translate3d(-50%,-50%,0);-webkit-transition:all 0.5s ease;transition:all 0.5s ease}
.lazy-youtube .playBut svg{width:inherit;height:inherit}
.lazy-youtube .playBut .svg-play{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-width:7}
.lazy-youtube .circle{stroke:rgba(255,255,255,.8);stroke-dasharray:650;stroke-dashoffset:650;-webkit-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;opacity:0.3;}
.lazy-youtube .triangle{stroke:rgba(255,255,255,.8);stroke-dasharray:240;stroke-dashoffset:480;-webkit-transition:all 0.7s ease-in-out;transition:all 0.7s ease-in-out;transform:translateY(0);-webkit-transform:translateY(0)}
.lazy-youtube .playBut:hover .triangle{stroke-dashoffset:0;opacity:1;stroke:#fefefe;animation:nudge 0.7s ease-in-out;-webkit-animation:nudge 0.7s ease-in-out}
.lazy-youtube .playBut:hover .circle{stroke-dashoffset:0;opacity:1;stroke:#fefefe}
.iklan-atas + .widget, .iklan-bawah + .widget, .post-entry .widget{margin:30px 0}
.Blog pre .widget, .Blog pre code .widget, #main-widget > #HTML4{display:none}
/* Non-user Select */
.post pre code i{user-select:none;-moz-user-select:none;-ms-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;}
/* Background Icon */
.m-icon{display:inline-block;margin-right:12px;width:18px;height:18px;background-size:cover;background-repeat:no-repeat;background-position:center center;}
.m-icon.download{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23161617" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M3 17v3a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-3"/><polyline points="8 12 12 16 16 12"/><line x1="12" x2="12" y1="2" y2="16"/></svg>')}
.m-icon.whatsapp{background-image:url("data:image/svg+xml,<svg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><path d='M16,3A13,13,0,0,0,4.53,22.13L3,27.74a1,1,0,0,0,.27,1A1,1,0,0,0,4,29a.84.84,0,0,0,.27,0l5.91-1.65a1,1,0,0,0-.53-1.93L5.42,26.56l1.15-4.3a1,1,0,0,0-.1-.76A11,11,0,1,1,16,27a11.23,11.23,0,0,1-1.84-.15,1,1,0,0,0-1.15.82,1,1,0,0,0,.82,1.15A13,13,0,1,0,16,3Z' fill='%23fff'/><path d='M15,11.21l-1.16-1.6a2.06,2.06,0,0,0-1.5-.84,2.08,2.08,0,0,0-1.62.6l-1.2,1.2a2.81,2.81,0,0,0-.8,2.08c0,1.77,1.36,4,4,6.6,3.09,3,5.23,4,6.69,4a2.7,2.7,0,0,0,2-.81l1.2-1.2a2,2,0,0,0-.24-3.11L20.8,17a2.09,2.09,0,0,0-1.83-.3l-1.49.47a.53.53,0,0,1-.26-.09,11.42,11.42,0,0,1-2.35-2.26.31.31,0,0,1,0-.11c.13-.44.35-1.15.5-1.64A2,2,0,0,0,15,11.21Zm1.29,7.63a2.33,2.33,0,0,0,1.75.2l1.54-.46,1.61,1.25L20,21c-.48.47-2.25.33-5.86-3.21-3-2.91-3.41-4.5-3.41-5.18A.89.89,0,0,1,11,12l1.28-1.19,1.18,1.65c-.16.49-.39,1.22-.51,1.65A2.12,2.12,0,0,0,13,15.51,11.24,11.24,0,0,0,16.33,18.84Z' fill='%23fff'/></svg>")}
/* Keyframes Animation */
@-webkit-keyframes slidein{0%{opacity:0}20%{opacity:1;bottom:0}50%{opacity:1;bottom:0}80%{opacity:1;bottom:0}100%{opacity:0;bottom:-200px}}
@keyframes slidein{0%{opacity:0}20%{opacity:1;bottom:0}50%{opacity:1;bottom:0}80%{opacity:1;bottom:0}100%{opacity:0;bottom:-200px}}
@-webkit-keyframes nudge{0%{transform:translateX(0)}30%{transform:translateX(-5px)}50%{transform:translateX(5px)}70%{transform:translateX(-2px)}100%{transform:translateX(0)}}
@keyframes nudge{0%{transform:translateX(0)}30%{transform:translateX(-5px)}50%{transform:translateX(5px)}70%{transform:translateX(-2px)}100%{transform:translateX(0)}}
/* Responsive */
@media screen and (min-width:768px){::-webkit-scrollbar{-webkit-appearance:none;width:4px;height:5px}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.15);border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.45)}::-webkit-scrollbar-thumb:active{background-color:rgba(0,0,0,.45)}}
@media screen and (max-width:1100px){
.header #header-widget{width:155px}
.sidebar{width:300px;padding:30px 25px 50px}
.mainbar{width:calc(100% - 300px)}
#nav-widget, #nav-widget:before, .navigation-menu .sosmed{width:200px}
#large-ads, main, .footbar{padding-left:225px} #large-ads, .footbar{padding-right:25px}
.nav-menu:checked + .mainWrapper .mainIner.singleItem main,
.nav-menu:checked + .mainWrapper .mainIner.singleItem .footbar{padding-left:120px}
.nav-menu:checked + .mainWrapper .mainIner.singleItem .footbar{padding-right:25px}
.nav-menu:checked + .mainWrapper .mainIner.multipleItem .Blog .blog-posts article,
.nav-menu:checked + .mainWrapper .mainIner.singleItem .Blog .related-posts li{width:calc(33.333% - 13.333px)}
.nav-menu:checked + .mainWrapper .mainIner.multipleItem .Blog .blog-posts article:nth-of-type(2n),
.nav-menu:checked + .mainWrapper .mainIner.multipleItem .Blog .blog-posts article:nth-of-type(4n),
.nav-menu:checked + .mainWrapper .mainIner.singleItem .Blog .related-posts li:nth-of-type(2n),
.nav-menu:checked + .mainWrapper .mainIner.singleItem .Blog .related-posts li:nth-of-type(4n){margin-right:20px}
.nav-menu:checked + .mainWrapper .mainIner.multipleItem .Blog .blog-posts article:nth-of-type(3n),
.nav-menu:checked + .mainWrapper .mainIner.multipleItem .Blog .blog-posts article:nth-of-type(6n),
.nav-menu:checked + .mainWrapper .mainIner.singleItem .Blog .related-posts li:nth-child(3n),
.nav-menu:checked + .mainWrapper .mainIner.singleItem .Blog .related-posts li:nth-child(6n){margin-right:0}
.FeaturedPost article .item-thumbnail{width:240px}
.FeaturedPost article .item-content{width:calc(100% - 260px)}
.FeaturedPost article .item-title{font-size:97%}
.Blog article.post, .Blog .breadcrumbs, .Blog .related-posts, .Blog .author-posts, .Blog .show-comment, .Blog #disqus_thread{margin-right:0;margin-left:0}
.Blog article.post .post-title{font-size:22px}
.Blog article.post .post-share .twitterThis{display:none}
.Blog .related-posts li{width:calc(50% - 10px)}
.Blog .related-posts li .item-thumbnail > *{padding-top:57%}
.Blog .post-toc{width:300px;padding-left:25px;padding-right:25px}
.Blog .post-tocHeader label .show{left:-75px}
.Blog .toc-menu:checked + .post-toc{right:-300px}
.multipleItem .Blog .blog-posts article{width:calc(50% - 10px)}
.multipleItem .Blog .blog-posts article:nth-of-type(3n), .Blog .related-posts li:nth-of-type(3n){margin-right:20px}
.multipleItem .Blog .blog-posts article:nth-of-type(2n),
.multipleItem .Blog .blog-posts article:nth-of-type(6n),
.Blog .related-posts li:nth-of-type(2n),
.Blog .related-posts li:nth-of-type(6n){margin-right:0}
}
@media screen and (max-width:768px){
.header{padding:0 25px}
.mainbar, .asideIner{width:100%;position:relative}
.sidebar{width:100%;padding:0 25px 30px 225px;-webkit-transition:all .2s ease;transition:all .2s ease}
main{padding-right:25px}
.nav-menu:checked + .mainWrapper .mainIner .sidebar{padding-left:90px}
.nav-menu:checked + .mainWrapper .mainIner .PopularPosts .item-popular{display:flex;flex-wrap:wrap}
.nav-menu:checked + .mainWrapper .mainIner .PopularPosts .item-popular article,
.nav-menu:checked + .mainWrapper .mainIner.singleItem .Blog .related-posts li{width:calc(50% - 10px);margin-right:20px}
.nav-menu:checked + .mainWrapper .mainIner .PopularPosts .item-popular article:nth-of-type(2n),
.nav-menu:checked + .mainWrapper .mainIner.singleItem .Blog .related-posts li:nth-of-type(2n),
.nav-menu:checked + .mainWrapper .mainIner.singleItem .Blog .related-posts li:nth-of-type(4n){margin-right:0}
.nav-menu:checked + .mainWrapper .mainIner.singleItem .Blog .related-posts li:nth-of-type(3n){margin-right:20px}
.nav-menu:checked + .mainWrapper .mainIner.singleItem .Blog .related-posts li:nth-of-type(6n){margin-right:0}
.nav-menu:checked + .mainWrapper .mainIner.singleItem .sidebar{padding:0 50px 30px 120px}
.nav-menu:checked + .mainWrapper .mainIner.singleItem .footbar{padding-right:50px}
.Blog .post-toc{width:100%;height:auto;padding:15px 20px;margin-bottom:30px;position:relative;top:0;background-color:#fefefe;border-radius:4px;box-shadow:0 10px 20px 0 rgba(30,30,30,.08);font-size:14px}
.Blog .post-tocContent{-webkit-transition:all .3s ease;transition:all .3s ease;max-height:0;overflow:hidden}
.Blog .toc-menu:checked + .post-toc{right:0}
.Blog .toc-menu:checked + .post-toc .post-tocHeader label .show{visibility:hidden;opacity:0}
.Blog .toc-menu:checked + .post-toc .post-tocHeader label svg.drop{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
.Blog .toc-menu:checked + .post-toc .post-tocContent{max-height:1000vh}
.drK .Blog .post-toc{background-color:$(bg.sec.night.colors)}
}
@media screen and (max-width:640px){
.header{padding:0 20px;position:absolute;}
.header .header-inner h1, #header-widget .header-inner h2{font-size:16px}
.header #header-widget{width:auto;max-width:220px}
.header .searchbar{position:fixed;top:0;left:0;width:100%;height:auto;max-width:none;padding:0 20px;z-index:10}
.header .searchbar input[type=text]{background-color:#fefefe;margin-top:-100px;padding:20px 20px 20px 55px;width:100%;z-index:3;border-radius:18px;-webkit-transition:all .3s ease;transition:all .3s ease}
.header .searchbar .search-button{top:-100px;left:20px;padding-top:20px;z-index:4;-webkit-transition:all .3s ease;transition:all .3s ease}
.header .searchbar input[type=text]:focus{margin-top:20px}
.header .searchbar input[type=text]:focus + .search-button, .header .searchbar input[type=text]:focus + .search-button + .navicon.search{top:0}
.header .searchbar input[type=text]:focus + .search-button + .navicon.search + .full-close.search{background:rgba(0,0,0,.25);opacity:1;visibility:visible}
.header .navicon.search{top:-100px;padding-top:20px}
.singleItem.post .header{background-color:#fefefe} .drK .singleItem.post .header{background-color:$(bg.sec.night.colors)}
.singleItem .navicon .nav{display:none;transform: rotate(180deg);-webkit-transform: rotate(180deg)}
.singleItem .navicon .nav.home{display:block}
.singleItem .navicon .nav i:nth-child(1){width:45%;margin-left:55%;-webkit-transform:translateY(3px) rotate(40deg);transform:translateY(3px) rotate(40deg)}
.singleItem .navicon .nav i:nth-child(2){width:95%;margin-left:0%}
.singleItem .navicon .nav i:nth-child(3){width:10%;margin-left:62.5%;background-color:transparent;-webkit-transform:translateY(0px) rotate(-40deg);transform:translateY(0px) rotate(-40deg)}
.widget:not(:last-child){margin-bottom:40px}
#large-ads, main, .sidebar, .footbar{padding-left:20px;padding-right:20px} .footbar{padding-bottom:70px}
#nav-widget:before, .navigation-menu .home{display:none}
#nav-widget{width:100%;padding:0;background:transparent;box-shadow:none;z-index:49;margin-left:-100%}
.navigation-menu{position:fixed;top:0;left:0;background-color:$(nav.bg.colors);max-width:480px;width:85%;height:100%;margin-left:-100%;padding:calc($(header.height) + 15px) 0 90px 0;-webkit-transition:all .2s ease;transition:all .2s ease;z-index:3;overflow:hidden;box-shadow:0 6px 18px 0 rgba(30,30,30,.035);border-radius:0 20px 20px 0}
.navigation-menu .sosmed{max-width:480px;width:85%;margin-left:-100%;border-radius:0 0 20px 0} .navigation-menu .close{display:block;border-radius:0 20px 0 0}
.navigation-menu:hover{overflow-y:auto}
/* Navigation mobile show */
.navigation-mobile{background-color:#fefefe;box-shadow:0 -10px 20px 0 rgba(30,30,30,.05);bottom:0}
.navigation-mobile li{visibility:visible;opacity:1}
.navigation-mobile .top-link a{display:block;position:relative;right:auto;bottom:auto;width:auto;height:auto;background-color:transparent;box-shadow:none}
/* Navigation menu */
.nav-menu:checked + .mainWrapper .mainIner #large-ads,
.nav-menu:checked + .mainWrapper .mainIner main,
.nav-menu:checked + .mainWrapper .mainIner .sidebar,
.nav-menu:checked + .mainWrapper .mainIner .footbar{padding-left:20px}
.nav-menu:checked + .mainWrapper .asideIner .full-close.nav-close{background:rgba(0,0,0,.25);opacity:1;visibility:visible}
.nav-menu:checked + .mainWrapper .asideIner #nav-widget{width:100%;margin-left:0;z-index:50}
.nav-menu:checked + .mainWrapper .asideIner .navigation-menu .sosmed{width:85%}
.nav-menu:checked + .mainWrapper .asideIner .navigation-menu,
.nav-menu:checked + .mainWrapper .asideIner .navigation-menu .sosmed,
.nav-menu:checked + .mainWrapper .asideIner .navigation-menu .close{margin-left:0}
.nav-menu:checked + .mainWrapper .asideIner .navigation-menu li > * .name{display:block}
.nav-menu:checked + .mainWrapper .asideIner .navigation-menu .sosmed .link{display:none}
.nav-menu:checked + .mainWrapper .asideIner .navigation-menu .sosmed ul{display:flex}
.nav-menu:checked + .mainWrapper .asideIner .navigation-menu .sosmed ul li{height:auto;opacity:1;visibility:visible;padding:0 7px 0 0}
.nav-menu:checked + .mainWrapper .asideIner .navigation-menu .sub-menu:checked + .link + ul{padding:10px 0 0}
.nav-menu:checked + .mainWrapper .asideIner .navigation-menu .sub-menu:checked + .link + ul li{height:38px;padding:10px 20px 10px 43px;opacity:1;visibility:visible}
.nav-menu:checked + .mainWrapper .mainIner.singleItem main,
.nav-menu:checked + .mainWrapper .mainIner.singleItem .sidebar,
.nav-menu:checked + .mainWrapper .mainIner.singleItem .footbar{padding-left:20px;padding-right:20px}
.nav-menu:checked + .mainWrapper .mainIner.multipleItem .Blog .blog-posts article,
.nav-menu:checked + .mainWrapper .mainIner.singleItem .Blog .related-posts li{width:calc(50% - 7.5px);margin-right:15px}
.nav-menu:checked + .mainWrapper .mainIner.multipleItem .Blog .blog-posts article:nth-of-type(3n),
.nav-menu:checked + .mainWrapper .mainIner.singleItem .Blog .related-posts li:nth-of-type(3n){margin-right:15px}
.nav-menu:checked + .mainWrapper .mainIner.multipleItem .Blog .blog-posts article:nth-of-type(2n),
.nav-menu:checked + .mainWrapper .mainIner.multipleItem .Blog .blog-posts article:nth-of-type(4n),
.nav-menu:checked + .mainWrapper .mainIner.multipleItem .Blog .blog-posts article:nth-of-type(6n){margin-right:0}
.nav-menu:checked + .mainWrapper .mainIner .PopularPosts .item-popular{display:block}
.nav-menu:checked + .mainWrapper .mainIner .PopularPosts .item-popular article{width:100%;margin-right:0}
.drK .navigation-mobile, .drK .navigation-menu, .drK .navigation-menu .close{background-color:$(bg.sec.night.colors)}
.drK .navigation-mobile svg{fill:$(night.colors)}
.drK .navigation-mobile svg.line, .drK .navigation-mobile .top-link svg.line{fill:none;stroke:$(night.colors)}
.drK #nav-widget{background-color:transparent}
/* Blog article */
.multipleItem .Blog .blog-pager{margin:40px 0 0}
.multipleItem .Blog .blog-posts article{width:calc(50% - 7.5px);margin-right:15px}
.multipleItem .Blog .blog-posts article:nth-of-type(3n){margin-right:15px}
.multipleItem .Blog .blog-posts article:nth-of-type(2n),
.multipleItem .Blog .blog-posts article:nth-of-type(4n),
.multipleItem .Blog .blog-posts article:nth-of-type(6n){margin-right:0}
.Blog article.post .post-info .post-timestamp .updated:before{content:'Disunting: '}
.Blog article.post .post-share .share-popup, .Profile .team .all-member, .Blog .post-font .post-fontContainer{align-items:flex-end;z-index:60}
.Blog article.post .post-share ul, .Profile .team .all-member .all-memberBox, .Blog .post-font .post-fontContainer ul{width:100%;max-width:none;margin-left:20px;margin-right:20px}
.Blog article.post .post-share .share-check:checked + .share-popup ul, .Profile .team .all-team:checked + .all-member .all-memberBox, .Blog .post-font .post-fontContainer.active ul{margin:0 20px 20px}
.Blog blockquote.style-1{padding:20px 20px 20px 70px} .Blog blockquote.style-1:before{top:0;left:15px}
.Blog .author-posts, .iklan-atas + .widget, .iklan-bawah + .widget, .Blog .show-comment{margin:30px 0}
.Blog .author-posts .author-desc{font-size:11px;line-height:1.3em}
.Blog .related-posts{margin:60px 0 30px}
.Blog .related-posts li{width:calc(50% - 7.5px);margin-right:15px;padding:8px 8px 15px}
.Blog .related-posts li:nth-of-type(3n){margin-right:15px}
.Blog .related-posts li:nth-of-type(6n){margin-right:0}
.Blog .post-pagenav > *{padding:4px 12px}
.Blog .comments{margin:30px 0 0}
.Blog .comments ol > li, .Blog .related-posts .title{font-size:13px}
.Blog .breadcrumbs, .Blog article.post .post-info, .Blog article.post .post-share li > * span,
.Blog .comments .comment-header .datetime, .Blog .author-posts .author-link a{font-size:10px}
.Blog article.post .post-share, .Blog .blog-pager, .Blog .related-posts li .item-title, .Blog .post-pagenav,
.Blog .comments .comment-thread .thread-toggle, .Blog .comments ol > li > .comment-replies .comment-reply,
.Blog .comments ol > li > .comment-actions{font-size:11px}
.Blog .author-posts .author-name, .Blog .comments .comment-header .user{font-size:12px}
.FeaturedPost article .item-title, .sidebar .FeaturedPost article .item-title, .PopularPosts article .item-title{font-size:97%}
.carousel{padding-top:35%}
}
@media screen and (max-width:480px){
.multipleItem .Blog .blog-posts article, .nav-menu:checked + .mainWrapper .mainIner.multipleItem .Blog .blog-posts article,
.Blog .related-posts li, .nav-menu:checked + .mainWrapper .mainIner.singleItem .Blog .related-posts li{width:calc(50% - 5px);margin-right:10px}
.multipleItem .Blog .blog-posts article:nth-of-type(3n), .nav-menu:checked + .mainWrapper .mainIner.multipleItem .Blog .blog-posts article:nth-of-type(3n),
.Blog .related-posts li:nth-of-type(3n), .nav-menu:checked + .mainWrapper .mainIner.singleItem .Blog .related-posts li:nth-of-type(3n){margin-right:10px}
.multipleItem .Blog .blog-posts article:nth-of-type(6n), .nav-menu:checked + .mainWrapper .mainIner.multipleItem .Blog .blog-posts article:nth-of-type(6n),
.Blog .related-posts li:nth-of-type(6n), .nav-menu:checked + .mainWrapper .mainIner.singleItem .Blog .related-posts li:nth-of-type(6n){margin-right:0}
.multipleItem .Blog article, .Blog .related-posts li{padding:8px 8px 12px;margin-bottom:10px}
.multipleItem .Blog article .post-title{font-size:80%}
.multipleItem .Blog article .post-info .post-author, .FeaturedPost article:after{display:none}
.multipleItem .Blog article .post-label{font-size:10px}
.multipleItem .Blog article .post-info, .multipleItem .Blog article .post-info .post-author{font-size:9px}
.multipleItem .Blog article .post-info .post-comment > * svg{width:16px}
.FeaturedPost article{padding:8px}
.FeaturedPost article .item-thumbnail{width:100%;margin:0 0 15px}
.FeaturedPost article .item-thumbnail a{padding-top:50%}
.FeaturedPost article .item-content{padding:0 5px 8px;width:100%}
.button-info > *{flex-grow:1;justify-content:center}
.button-info > *:last-child{flex-grow:0;flex-shrink:0}
.Blog article.post .separator a{margin-left:0!important;margin-right:0!important;float:none!important}
}
/* Sample Ads (Silahkan hapus bagian ini jika iklan sudah di replace semua) */
.ads-here{position:relative;display:flex;align-items:stretch;flex-wrap:wrap;min-height:150px;padding:15px;border:1px solid rgba(0,0,0,.05);border-radius:3px;color:#989b9f;font-size:75%}
.ads-here:after{content:'';display:block;width:50px;height:12px;background-color:rgba(0,0,0,.05);border-radius:0 0 0 8px;position:absolute;top:0;right:0}
.ads-here .ads-img{width:30%;display:flex;flex-shrink:0;align-items:center;justify-content:center;font-style:normal;background-color:rgba(0,0,0,.05)}
.ads-here .ads-img:before{content:'Sample ads'}
.ads-here .ads-content{width:50%;padding:20px 0 0 15px}
.ads-here .ads-content:before, .ads-here .ads-content:after{content:'';display:block;width:100%;padding-top:30px;background-color:rgba(0,0,0,.05)}
.ads-here .ads-content:after{width:70%;margin-top:12px;padding-top:20px}
.ads-here .ads-button{width:20%;display:flex;flex-shrink:0;align-items:center;justify-content:center;}
.ads-here .ads-button:before{content:'';width:60px;height:60px;border-radius:50%;background-color:rgba(0,0,0,.05)}
.ads-here.in-article .ads-img{width:100%;min-height:100px;margin-bottom:15px}
.ads-here.in-article .ads-content{padding:0;width:60%} .ads-here.in-article .ads-button{width:40%;justify-content:flex-end;align-items:flex-end}
.ads-here.in-article .ads-content:before{padding-top:12px}
.ads-here.in-article .ads-content:after{padding-top:10px}
.ads-here.in-article .ads-button:before{width:50px;height:10px;border-radius:0}
.ads-here.text{padding:15px 0;border-left:0;border-right:0;border-radius:0}
.ads-here.text .ads-text{display:flex;flex-wrap:wrap;width:100%}
.ads-here.text .ads-text i{width:calc(50% - 10px);height:27px;margin:5px;border:1px solid rgba(0,0,0,.05);display:flex;align-items:center;position:relative;overflow:hidden;border-radius:15px}
.ads-here.text .ads-text i:before{content:'';height:8px;width:30%;margin:auto auto;background-color:rgba(0,0,0,.05)}
.ads-here.text .ads-text i:after{content:'';height:25px;width:30px;background-color:rgba(0,0,0,.05);position:absolute;right:0}
@media screen and (max-width:768px){ .ads-here .ads-content:before{padding-top:12px} .ads-here .ads-content:after{padding-top:10px} .ads-here .ads-button{align-items:flex-end;justify-content:flex-end} .ads-here .ads-button:before{height:10px;border-radius:0}}
@media screen and (max-width:640px){.ads-here{min-height:90px}.ads-here .ads-content{padding-top:10px} .ads-here.text .ads-text i{width:100%;margin:5px 0}}
/* dihapus */
.text-here{display:flex;align-items:center;height:100%;padding:30px}
.text-here .text-left{flex-grow:1}
.text-here .text-left i{display:block;width:70%;height:25px;background-color:rgba(0,0,0,.05)}
.text-here .text-left i.bot{height:17px;width:50%;margin-top:12px}
.text-here .text-left i.go{width:30%;max-width:100px;margin-top:20px;background-color:#99f}
.text-here .text-img{flex-shrink:0;width:30%;height:80%;margin:auto 0;background-color:rgba(0,0,0,.05)}
@media screen and (max-width:768px){.text-here .text-left i{height:12px}.text-here .text-left i.bot{height:8px;margin-top:8px}.text-here .text-left i.go{margin-top:12px}.text-here .text-img{height:100%}}
footer .credit .credit-content {box-shadow: 0 2px 10px 0 rgba(0,0,0,.07); text-align: center ! important; border-radius:10px; padding:15px ; font-size: 14px; background:white;}
header {position: sticky! important}footer .credit .credit-content {box-shadow: 0 2px 10px 0 rgba(0,0,0,.07); text-align: center ! important; border-radius:8px; padding:15px ; font-size: 14px; background:white;}
a{text-decoration:none! important}
.drK footer .credit .credit-content{background:#333333; color:white; box-shadow: 0px 2px 10px #1c1c1c; }
.header{margin-top: -60px ! important}
*{-webkit-tap-highlight-color:transparent}
.button{border-radius:20px ! important;}
#Profile00{background: transparent! important; box-shadow:none! important; border-radius:none! important; padding:none! important;}
#sidebar-widget .widget {box-shadow: 0px 2px 10px #ededed ; border-radius:8px; padding:15px ; background:white;}
.drK #sidebar-widget .widget {box-shadow: 0px 2px 10px #1c1c1c ; border-radius:8px; padding:15px ; background:#333333;}a:hover{color:blue ! important}
.drK a:hover{color: orange ! important}/* Hide Scroll */ .scrlH::-webkit-scrollbar{width:0;height:0} .scrlH::-webkit-scrollbar-track{background:transparent} .scrlH::-webkit-scrollbar-thumb{background:transparent;border:none}
/* Widget Scroll Menu */ .navS{box-shadow:0 0 25px rgba(0,0,0,.07);background:var(--contentB);overflow-y:hidden;overflow-x:scroll;scroll-behavior:smooth;scroll-snap-type:x mandatory; -ms-overflow-style:none;-webkit-overflow-scrolling:touch; display:flex;padding:0;border-radius:10px} .navS ul{display:flex;list-style:none;margin:0;padding:0;white-space:nowrap} .navS li{margin:0 15px;padding:10px 0;position:relative;scroll-snap-align:start} .navS li:first-child{margin-left:auto} .navS li:last-child{margin-right:auto} .navS .l{display:block;color:#161617;padding:8px 0;background:#f0f2f4;opacity:0.9;box-shadow: rgba(23,43,99,.3) 0 1px 2px;border-radius:8px;padding: 5px 7px;}.navS .l::before{content:attr(data-text)} .navS .l::after{content:'';height:1px;border-radius:2px 2px 0 0;background:#1c1c1c;position:absolute;bottom:0;left:0;right:0;opacity:0} .navS span.l{opacity:.7} .navS a.l:hover, .navS .l.a{color:var(--darkU)} @media screen and (max-width:896px){.navS .secIn{padding:0} .navS li{margin:0px;padding:8px 0;display:flex} .navS li::before{content:'';padding:10px} .navS ul::after{content:'';display:block;padding:10px;scroll-snap-align:start} .navS .l{position:relative} .navS .l::after{bottom:-8px} .navS a.l:hover::after, .navS .l.a::after{opacity:1}} @media screen and (max-width:500px){.navS{font-size:13px}} .drK .navS{background:#333333} .drK .navS .l{color:#ededed} .drK .navS a.l:hover, .drK .navS .l.a{color:orange} .drK .navS .l::after{background:orange}.drK .navS .l{background:#1c1c1c}.drK .navS .l::after{background:var(--linkC)}.drK .navS a.l:hover,.drK .navS .l.a{color:var(--linkC)}
/* Wave Animation */ .wvC{position:absolute;bottom:0;width:100%;z-index:-1} .wvS{position:relative} .wvS .waves{position:absolute;bottom:0;width:100%;height:60px;min-height:100px;max-height:150px} .wvH{position:relative;height:0;background:#C6DAFC;animation:waveHd 7s infinite} .plx > use{fill:#C6DAFC;animation:waveMove 25s cubic-bezier(.55,.5,.45,.5) infinite} .plx > use:nth-child(1){opacity:.7;animation-delay:-2s;animation-duration:7s} .plx > use:nth-child(2){opacity:.5;animation-delay:-3s;animation-duration:10s} .plx > use:nth-child(3){opacity:.3;animation-delay:-4s;animation-duration:13s} .plx > use:nth-child(4){opacity:1;animation-delay:-5s;animation-duration:20s} @media (max-width:896px){.wvH{animation:waveHm 7s infinite}} .drK .wvH{background:#343435} .drK .plx > use{fill:#343435} @keyframes waveMove{0%{transform: translate3d(-90px,0,0)}100%{transform: translate3d(85px,0,0)}} @keyframes waveHm{0%{height:0}35%,65%{height:200px}100%{height:0}} @keyframes waveHd{0%{height:0}35%,65%{height:100px}100%{height:0}}<!--[ CSS stylesheet ]-->
/* Variable color */
:root{
--headC: #08102b ;
--bodyC: #08102b ;
--bodyCa: #767676 ;
--bodyB: #fffdfc ;
--linkC: #3367D6 ;
--linkB: #3367D6 ;
--iconC: #08102b ;
--iconCa: #08102b ;
--iconCs: #767676 ;
--headerC: #08102b ;
--headerT: 16px ;
--headerW: 400 ; /* write 400(normal) or 700(bold) */
--headerB: #fffdfc ;
--headerL: 1px ;
--headerI: #08102b ;
--headerH: 60px ;
--headerHi: -60px ;
--headerHm: 60px ;
--notifH: 53px ;
--notifU: #e8f0fe ;
--notifC: #3c4043 ;
--notifL: #0b57cf ;
--contentB: #fffdfc ;
--contentL: #e6e6e6 ;
--contentW: 1280px ;
--sideW: 300px ;
--transB: rgba(0,0,0,.05);
--pageW: 780px ;
--pageW: 780px ;
--postT: 36px ;
--postF: 16px ;
--postTm: 28px ;
--postFm: 15px ;
--widgetT: 15px ;
--widgetTw: 400 ; /* write 400(normal) or 700(bold) */
--widgetTa: 25px ;
--widgetTac: #989b9f;
--navW: 230px ;
--navT: #08102b ;
--navI: #08102b ;
--navB: #fffdfc ;
--navL: 1px ;
--srchI: #08102b ;
--srchB: #fffdfc ;
--mobT: #08102b ;
--mobHv: #f1f1f0 ;
--mobB: #fffdfc ;
--mobL: 0px ;
--mobBr: 12px ;
--fotT: #08102b ;
--fotB: #fffdfc ;
--fotL: 1px ;
--fontH: 'Noto Sans', sans-serif ;
--fontB: 'Noto Sans', sans-serif ;
--fontBa: 'Noto Sans', sans-serif ;
--fontC: 'Fira Mono', monospace ;
--trans-1: all .1s ease ;
--trans-2: all .2s ease ;
--trans-4: all .4s ease ;
--synxBg: #f6f6f6 ;
--synxC: #2f3337 ;
--synxOrange: #b75501 ;
--synxBlue: #015692 ;
--synxGreen: #54790d ;
--synxRed: #f15a5a ;
--synxGray: #656e77 ;
--darkT: #fffdfc ;
--darkTa: #989b9f ;
--darkU: #0bcf84 ;
--darkB: #1e1e1e ;
--darkBa: #2d2d30 ;
--darkBs: #252526 ;
}
/* Hide Scroll */ .scrlH::-webkit-scrollbar{width:0;height:0} .scrlH::-webkit-scrollbar-track{background:transparent} .scrlH::-webkit-scrollbar-thumb{background:transparent;border:none}
/* Widget Scroll Menu */ .navS{box-shadow:0 0 25px rgba(0,0,0,.07);background:var(--contentB);overflow-y:hidden;overflow-x:scroll;scroll-behavior:smooth;scroll-snap-type:x mandatory; -ms-overflow-style:none;-webkit-overflow-scrolling:touch; display:flex;padding:0;border-radius:10px} .navS ul{display:flex;list-style:none;margin:0;padding:0;white-space:nowrap} .navS li{margin:0 15px;padding:10px 0;position:relative;scroll-snap-align:start} .navS li:first-child{margin-left:auto} .navS li:last-child{margin-right:auto} .navS .l{display:block;color:#161617;padding:8px 0;background:#f0f2f4;opacity:0.9;box-shadow: rgba(23,43,99,.3) 0 1px 2px;border-radius:8px;padding: 5px 7px;}.navS .l::before{content:attr(data-text)} .navS .l::after{content:'';height:1px;border-radius:2px 2px 0 0;background:#1c1c1c;position:absolute;bottom:0;left:0;right:0;opacity:0} .navS span.l{opacity:.7} .navS a.l:hover, .navS .l.a{color:var(--darkU)} @media screen and (max-width:896px){.navS .secIn{padding:0} .navS li{margin:0px;padding:8px 0;display:flex} .navS li::before{content:'';padding:10px} .navS ul::after{content:'';display:block;padding:10px;scroll-snap-align:start} .navS .l{position:relative} .navS .l::after{bottom:-8px} .navS a.l:hover::after, .navS .l.a::after{opacity:1}} @media screen and (max-width:500px){.navS{font-size:13px}} .drK .navS{background:#333333} .drK .navS .l{color:#ededed} .drK .navS a.l:hover, .drK .navS .l.a{color:orange} .drK .navS .l::after{background:orange}.drK .navS .l{background:#1c1c1c}.drK .navS .l::after{background:var(--linkC)}.drK .navS a.l:hover,.drK .navS .l.a{color:var(--linkC)}
/* Wave Animation */ .wvC{position:absolute;bottom:0;width:100%;z-index:-1} .wvS{position:relative} .wvS .waves{position:absolute;bottom:0;width:100%;height:60px;min-height:100px;max-height:150px} .wvH{position:relative;height:0;background:#C6DAFC;animation:waveHd 7s infinite} .plx > use{fill:#C6DAFC;animation:waveMove 25s cubic-bezier(.55,.5,.45,.5) infinite} .plx > use:nth-child(1){opacity:.7;animation-delay:-2s;animation-duration:7s} .plx > use:nth-child(2){opacity:.5;animation-delay:-3s;animation-duration:10s} .plx > use:nth-child(3){opacity:.3;animation-delay:-4s;animation-duration:13s} .plx > use:nth-child(4){opacity:1;animation-delay:-5s;animation-duration:20s} @media (max-width:896px){.wvH{animation:waveHm 7s infinite}} .drK .wvH{background:#343435} .drK .plx > use{fill:#343435} @keyframes waveMove{0%{transform: translate3d(-90px,0,0)}100%{transform: translate3d(85px,0,0)}} @keyframes waveHm{0%{height:0}35%,65%{height:200px}100%{height:0}} @keyframes waveHd{0%{height:0}35%,65%{height:100px}100%{height:0}}
/* Back to Top */ .Ttop{display:flex;align-items:center;justify-content:center;position:fixed;right:20px;bottom:70px;width:45px;height:45px;border-radius:50%;cursor:pointer;visibility:hidden;opacity:0;z-index:5;transform:scale(0);transition:transform .3s ease, opacity .3s ease,visibility .3s ease,margin-bottom 1s ease} .Ttop.vsbl{visibility:visible;opacity:1;transform:scale(1)}.Ttop:hover{opacity:.8} .Ttop svg{height:100% !important;width:100% !important;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);stroke-width:1.5;cursor:pointer} .Ttop svg .b{fill:#fff;stroke:#e6e6e6;opacity:.9} .Ttop svg .c{fill:none;stroke:#6200ee;stroke-dasharray:100 100;stroke-dashoffset:100;stroke-linecap:round} .Ttop svg .d{fill:none;stroke:#08102b} .drK .Ttop svg .b{fill:#2d2d30;stroke:#404045} .drK .Ttop svg .c{stroke:#8775f5} .drK .Ttop svg .d{stroke:#fffdfc}<!--[ CSS stylesheet ]-->
/* Variable color */
:root{
--headC: #08102b ;
--bodyC: #08102b ;
--bodyCa: #767676 ;
--bodyB: #fffdfc ;
--linkC: #3367D6 ;
--linkB: #3367D6 ;
--iconC: #08102b ;
--iconCa: #08102b ;
--iconCs: #767676 ;
--headerC: #08102b ;
--headerT: 16px ;
--headerW: 400 ; /* write 400(normal) or 700(bold) */
--headerB: #fffdfc ;
--headerL: 1px ;
--headerI: #08102b ;
--headerH: 60px ;
--headerHi: -60px ;
--headerHm: 60px ;
--notifH: 53px ;
--notifU: #e8f0fe ;
--notifC: #3c4043 ;
--notifL: #0b57cf ;
--contentB: #fffdfc ;
--contentL: #e6e6e6 ;
--contentW: 1280px ;
--sideW: 300px ;
--transB: rgba(0,0,0,.05);
--pageW: 780px ;
--pageW: 780px ;
--postT: 36px ;
--postF: 16px ;
--postTm: 28px ;
--postFm: 15px ;
--widgetT: 15px ;
--widgetTw: 400 ; /* write 400(normal) or 700(bold) */
--widgetTa: 25px ;
--widgetTac: #989b9f;
--navW: 230px ;
--navT: #08102b ;
--navI: #08102b ;
--navB: #fffdfc ;
--navL: 1px ;
--srchI: #08102b ;
--srchB: #fffdfc ;
--mobT: #08102b ;
--mobHv: #f1f1f0 ;
--mobB: #fffdfc ;
--mobL: 0px ;
--mobBr: 12px ;
--fotT: #08102b ;
--fotB: #fffdfc ;
--fotL: 1px ;
--fontH: 'Noto Sans', sans-serif ;
--fontB: 'Noto Sans', sans-serif ;
--fontBa: 'Noto Sans', sans-serif ;
--fontC: 'Fira Mono', monospace ;
--trans-1: all .1s ease ;
--trans-2: all .2s ease ;
--trans-4: all .4s ease ;
--synxBg: #f6f6f6 ;
--synxC: #2f3337 ;
--synxOrange: #b75501 ;
--synxBlue: #015692 ;
--synxGreen: #54790d ;
--synxRed: #f15a5a ;
--synxGray: #656e77 ;
--darkT: #fffdfc ;
--darkTa: #989b9f ;
--darkU: #0bcf84 ;
--darkB: #1e1e1e ;
--darkBa: #2d2d30 ;
--darkBs: #252526 ;
}
/* Hide Scroll */ .scrlH::-webkit-scrollbar{width:0;height:0} .scrlH::-webkit-scrollbar-track{background:transparent} .scrlH::-webkit-scrollbar-thumb{background:transparent;border:none}
/* Widget Scroll Menu */ .navS{box-shadow:0 0 25px rgba(0,0,0,.07);background:var(--contentB);overflow-y:hidden;overflow-x:scroll;scroll-behavior:smooth;scroll-snap-type:x mandatory; -ms-overflow-style:none;-webkit-overflow-scrolling:touch; display:flex;padding:0;border-radius:10px} .navS ul{display:flex;list-style:none;margin:0;padding:0;white-space:nowrap} .navS li{margin:0 15px;padding:10px 0;position:relative;scroll-snap-align:start} .navS li:first-child{margin-left:auto} .navS li:last-child{margin-right:auto} .navS .l{display:block;color:#161617;padding:8px 0;background:#f0f2f4;opacity:0.9;box-shadow: rgba(23,43,99,.3) 0 1px 2px;border-radius:8px;padding: 5px 7px;}.navS .l::before{content:attr(data-text)} .navS .l::after{content:'';height:1px;border-radius:2px 2px 0 0;background:#1c1c1c;position:absolute;bottom:0;left:0;right:0;opacity:0} .navS span.l{opacity:.7} .navS a.l:hover, .navS .l.a{color:var(--darkU)} @media screen and (max-width:896px){.navS .secIn{padding:0} .navS li{margin:0px;padding:8px 0;display:flex} .navS li::before{content:'';padding:10px} .navS ul::after{content:'';display:block;padding:10px;scroll-snap-align:start} .navS .l{position:relative} .navS .l::after{bottom:-8px} .navS a.l:hover::after, .navS .l.a::after{opacity:1}} @media screen and (max-width:500px){.navS{font-size:13px}} .drK .navS{background:#333333} .drK .navS .l{color:#ededed} .drK .navS a.l:hover, .drK .navS .l.a{color:orange} .drK .navS .l::after{background:orange}.drK .navS .l{background:#1c1c1c}.drK .navS .l::after{background:var(--linkC)}.drK .navS a.l:hover,.drK .navS .l.a{color:var(--linkC)}
/* Wave Animation */ .wvC{position:absolute;bottom:0;width:100%;z-index:-1} .wvS{position:relative} .wvS .waves{position:absolute;bottom:0;width:100%;height:60px;min-height:100px;max-height:150px} .wvH{position:relative;height:0;background:#C6DAFC;animation:waveHd 7s infinite} .plx > use{fill:#C6DAFC;animation:waveMove 25s cubic-bezier(.55,.5,.45,.5) infinite} .plx > use:nth-child(1){opacity:.7;animation-delay:-2s;animation-duration:7s} .plx > use:nth-child(2){opacity:.5;animation-delay:-3s;animation-duration:10s} .plx > use:nth-child(3){opacity:.3;animation-delay:-4s;animation-duration:13s} .plx > use:nth-child(4){opacity:1;animation-delay:-5s;animation-duration:20s} @media (max-width:896px){.wvH{animation:waveHm 7s infinite}} .drK .wvH{background:#343435} .drK .plx > use{fill:#343435} @keyframes waveMove{0%{transform: translate3d(-90px,0,0)}100%{transform: translate3d(85px,0,0)}} @keyframes waveHm{0%{height:0}35%,65%{height:200px}100%{height:0}} @keyframes waveHd{0%{height:0}35%,65%{height:100px}100%{height:0}}
/* Back to Top */ .Ttop{display:flex;align-items:center;justify-content:center;position:fixed;right:20px;bottom:70px;width:45px;height:45px;border-radius:50%;cursor:pointer;visibility:hidden;opacity:0;z-index:5;transform:scale(0);transition:transform .3s ease, opacity .3s ease,visibility .3s ease,margin-bottom 1s ease} .Ttop.vsbl{visibility:visible;opacity:1;transform:scale(1)}.Ttop:hover{opacity:.8} .Ttop svg{height:100% !important;width:100% !important;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);stroke-width:1.5;cursor:pointer} .Ttop svg .b{fill:#fff;stroke: #e6e6e6;opacity:.9} .Ttop svg .c{fill:none;stroke: skyblue;stroke-dasharray:100 100;stroke-dashoffset:100;stroke-linecap:round} .Ttop svg .d{fill:none;stroke:#08102b} .drK .Ttop svg .b{fill:#2d2d30;stroke:#404045} .drK .Ttop svg .c{stroke:#8775f5} .drK .Ttop svg .d{stroke:#fffdfc}
<!--[ Blog Topics CSS ]-->
/* blogTopc and ToC */
.topM a{color:inherit} .tpMn .a, .tpMn ul li >*{display:flex;align-items:center;padding:8px 5px;border-radius:8px;position:relative;width:calc(100% + 20px);left:-10px;right:-10px;transition:var(--trans-1)} .tpMn .a >*{margin:0 5px} .tpMn .n, .tpMn ul li >*{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 0 calc(100% - 64px)} .tpMn ul{margin-bottom:10px} .tpMn ul li >*{opacity:.8; padding:8px 10px} .tpMn ul li >*:hover{opacity:1} .tpMn .a:hover, .tpMn ul li a:hover{color:#204ecf;background:rgba(0,0,0,.05)} .tpMn li.br::after{content:'';display:block;border-bottom:1px solid var(--contentL);margin:12px 0} .tpMn details summary{list-style:none;outline:none;cursor:default} .tpMn details summary::-webkit-details-marker{display:none} .tpMn details svg{height:12px;width:12px ;} .tpMn details[open] svg.d{transform:rotate(180deg)} .tocI ol ol ol{display:none} .tocI ol{list-style:none;padding:0;margin:0; line-height:1.5em} .tocI ol{counter-reset:toc-count} .tocI ol ol, .tocI li:not(:last-child){margin-bottom:5px} .tocI li li:first-child{margin-top:5px} .tocI li{display:flex;flex-wrap:wrap; justify-content:flex-end} .tocI li::before{flex:0 0 23px; content:counters(toc-count,'.')'. ';counter-increment:toc-count} .tocI li a{flex:1 0 calc(100% - 23px)} .tocI li li::before{flex:0 0 28px; content:counters(toc-count,'.')} .tocI li li a{flex:1 0 calc(100% - 28px)} .tocI >ol >li >ol{flex:0 0 calc(100% - 23px)} .tocI >ol >li >ol ol{flex:0 0 calc(100% - 28px)} .tocI a{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden} .tocI a:hover{text-decoration:underline}
.topM a{color:inherit} .tpMn .a, .tpMn ul li >*{display:flex;align-items:center;padding:8px 5px;border-radius:8px;position:relative;width:calc(100% + 20px);left:-10px;right:-10px;transition:var(--trans-1)} .tpMn .a >*{margin:0 5px} .tpMn .n, .tpMn ul li >*{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 0 calc(100% - 64px)} .tpMn ul{margin-bottom:10px} .tpMn ul li >*{opacity:.8; padding:8px 10px} .tpMn ul li >*:hover{opacity:1} .tpMn .a:hover, .tpMn ul li a:hover{color:var(--linkC);background:rgba(0,0,0,.05)} .tpMn li.br::after{content:'';display:block;border-bottom:1px solid var(--contentL);margin:12px 0} .tpMn details summary{list-style:none;outline:none;cursor:default} .tpMn details summary::-webkit-details-marker{display:none} .tpMn details[open] svg.d{transform:rotate(180deg)} .tocI ol ol ol{display:none} .tocI ol{list-style:none;padding:0;margin:0; line-height:1.5em} .tocI ol{counter-reset:toc-count} .tocI ol ol, .tocI li:not(:last-child){margin-bottom:5px} .tocI li li:first-child{margin-top:5px} .tocI li{display:flex;flex-wrap:wrap; justify-content:flex-end} .tocI li::before{flex:0 0 23px; content:counters(toc-count,'.')'. ';counter-increment:toc-count} .tocI li a{flex:1 0 calc(100% - 23px)} .tocI li li::before{flex:0 0 28px; content:counters(toc-count,'.')} .tocI li li a{flex:1 0 calc(100% - 28px)} .tocI >ol >li >ol{flex:0 0 calc(100% - 23px)} .tocI >ol >li >ol ol{flex:0 0 calc(100% - 28px)} .tocI a{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden} .tocI a:hover{text-decoration:underline} .tpMn{box-shadow:0 0 15px rgba(0,0,0,.07); border-radius:10px} .drK .tpMn{background:#333333}
.topM{position:fixed;top:0;bottom:0;left:-320px;width:80%;max-width:320px;transition:var(--trans-1)} .topM, .topM >*:not(.fCls):not(li){z-index:999} .topM .section{padding:30px 20px 20px;overflow-y:scroll;overflow-x:hidden; width:100%;max-height:100%} .tpMn .a, .tpMn ul li >*{padding-top:10px;padding-bottom:10px} .tpBr{width:100%;height:100%;position:relative;--tw-bg-opacity: 1;background-color: rgb(255 255 255/var(--tw-bg-opacity));;box-shadow:0 5px 30px 0 rgba(0,0,0,.05);z-index:2} .tpBrs{width:100%;height:100%} .tpC{position:absolute;right:-45px;top:120px; transition:var(--trans-1);z-index:1} .tpC svg{width:18px;height:18px} .tpC svg.rad{width:20px;height:20px;position:absolute;left:-2px;top:-19px;fill:rgb(255 255 255/var(--tw-bg-opacity));--tw-bg-opacity: 1;transform:rotate(176deg);transition:inherit;z-index:1} .tpC svg.rad.in{top:auto;bottom:-19px;transform:rotate(-86deg)} .tpC label{display:flex;align-items:center;position:relative;justify-content:center;width:45px;height:40px;--tw-bg-opacity: 1;background-color: rgb(255 255 255/var(--tw-bg-opacity));transition:inherit;border-radius:0 20px 20px 0;box-shadow:0 5px 20px 0 rgba(0,0,0,.1)} .topI:checked ~ .topM{left:0;z-index:40} .topI:checked ~ .topM .tpC{right:-17.5px} .topI:checked ~ .topM .tpC svg.rad{visibility:hidden} .topI:checked ~ .topM .tpC label{border-radius:20px;width:40px;--tw-bg-opacity: 1} .topI:checked ~ .topM .tpC label svg{transform:rotate(180deg)} .topI:checked ~ .topM .fCls{opacity:1;visibility:visible;background:rgba(0,0,0,.25)}.topM{left:-280px;width:280px}}.topM li {list-style:none;margin-left:-35px}.topM ul {list-style: none;margin: 0;padding: 0}.drK .tpC svg.rad {fill: white; --tw-bg-opacity: 1}.drK .topM a, .drK footer a{color:inherit} .drK .blogPg .nPst, .drK .blogPg .current{background:var(--contentL);color:white} @media screen and (max-width:1100px){.drK .tpBr{background:#06011a} .drK .tpC label{background:#333333} .drK .tpC svg.rad{fill:white} .drK .topI:checked ~ .topM .tpC label{background:blue}}.wendy:before{content:'';display:block;width:10px;height:10px;background-color:#f09800;border:1px solid #fefefe;border-radius:50%;position:relative;top:12px;left:-2px;-webkit-animation:indicatornotif 1s ease infinite;-moz-animation:indicatornotif 1s ease infinite;animation:indicatornotif 1s ease infinite}
.drK #tpcmn svg{fill:white ! important;}
/* Topic Menu */
.tpMn {padding:15px ! important}
#tpcmns li{margin-left:15px;}
#tpcmn{margin-top:-10px ! important; }
#tpcmn span{font-size:16px; font-weight:bold; }
.tpMn {z-index:9999999999999999 ! important}#nav-widget{z-index:1 ! important}
#Addons .widget{margin-top:20px}/* Reading Progress Bar */.pRs{border:.1px solid #eceff1;top:0;left:0;z-index:999;height:6px;display:-webkit-box;display:-ms-flexbox;display:flex;background:#e9ecef}.pBar{top:0;left:0;z-index:2;border-radius:.25rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content;background:#9C27B0;transition:width .6s ease}.pSt{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:50px 50px}.pAn{animation:AnPr 2s linear infinite}.pSt1{background-image:linear-gradient(45deg,rgba(204,204,204,.15) 25%,transparent 25%,transparent 50%,rgba(204,204,204,.15) 50%,rgba(204,204,204,.15) 75%,transparent 75%,transparent);background-size:50px 50px}.drK .pBar{background:#F57C00}.drK .pSt{background-image:linear-gradient(45deg,rgba(255,0,0,.15) 25%,transparent 25%,transparent 50%,rgba(255,0,0,.15) 50%,rgba(255,0,0,.15) 75%,transparent 75%,transparent);background-size:50px 50px}.drK .pRs{border:1px solid #374C63;background:#263545}/* Cookies Consent Notice by Fineshop */
.ckWrap{position:fixed;right:0;left:0;bottom:-600px;z-index:50;width:100%;padding:20px;background:rgba(255, 255, 255, 0.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:30px 30px 0 0;box-shadow:0 -10px 25px -5px rgba(0,0,0,.1);align-items:center;justify-content:center;text-align:center;animation:ckUp 2.5s forwards;animation-delay:1s;-webkit-animation:ckUp 2.5s forwards;-webkit-animation-delay:1s}
.ckWrap.acptd{animation:ckDn 2.5s backwards;animation-delay:.3s;-webkit-animation:ckDn 2.5s backwards;-webkit-animation-delay:.3s}
.ckWrap.hidden{display:none}
.ckWrap .ckCont svg{width:50px;height:50px;fill:#08102b;stroke:#08102b;stroke-width:.8}
.ckCont h2{margin:0;color:#08102b;font-size:1.5rem;font-weight:800;font-family:inherit}
.ckCont p{margin:10px 0;line-height:1.7em;color:#08102b;font-size:0.9rem;font-weight:400;font-family:inherit}
.ckWrap .btn{display:inline-flex;align-items:center;margin:0;padding:10px 15px;outline:0;border:0;border-radius:2px;line-height:20px;color:#fefefe;background-color:#482dff;font-size:13px;font-family:inherit;text-decoration:none;white-space:nowrap;overflow:hidden;max-width:100%;cursor:pointer;transition:all 0.3s ease}
.ckWrap .btn:hover{opacity:.8;transform:scale(0.97)}
.ckWrap .btn.outl{color:#08102b;margin-left:8px;background-color:transparent;border:1px solid #767676}
.ckWrap .btn.outl:hover{border-color:#482dff}
@media screen and (min-width:768px){.ckWrap{max-width:450px;border-radius:10px;left:auto;right:30px;bottom:-500px;box-shadow:0 5px 35px rgba(0,0,0,.1);animation:ckdeskUp 2.5s forwards;animation-delay:1s;-webkit-animation:ckdeskUp 2.5s forwards;-webkit-animation-delay:1s}.ckWrap.acptd{animation:ckdeskDn 2.5s backwards;animation-delay:.3s;-webkit-animation:ckdeskDn 2.5s backwards;-webkit-animation-delay:0.3s}}
@-webkit-keyframes ckUp{100%{bottom:0}}
@keyframes ckUp{100%{bottom:0}}
@-webkit-keyframes ckdeskUp{100%{bottom:30px}}
@keyframes ckdeskUp{100%{bottom:30px}}
@-webkit-keyframes ckDn{0%{bottom:0}100%{bottom:-600px}}
@keyframes ckDn{0%{bottom:0}100%{bottom:-600px}}
@-webkit-keyframes ckdeskDn{0%{bottom:30px}100%{bottom:-600px}}
@keyframes ckdeskDn{0%{bottom:30px}100%{bottom:-600px}}
.drK .ckWrap{background:rgba(50, 50, 50, 0.8)}
.drK .ckWrap .ckCont svg{fill:#fefefe;stroke:#fefefe}
.drK .ckCont h2, .drK .ckCont p, .drK .btn.outl{color:#fefefe}
/* Syntax Highlighter */
/* CSS Toast Notification */
.tNtf span{position:fixed;left:24px;bottom:-70px;display:inline-flex;align-items:center;text-align:center;justify-content:center;margin-bottom:20px;z-index:99981;background:#323232;color:rgba(255,255,255,.8);font-size:14px;font-family:inherit;border-radius:3px;padding:13px 24px; box-shadow:0 5px 35px rgba(149,157,165,.3);opacity:0;transition:all .1s ease;animation:slideinwards 2s ease forwards;-webkit-animation:slideinwards 2s ease forwards}
@media screen and (max-width:500px){.tNtf span{margin-bottom:20px;left:20px;right:20px;font-size:13px}}
@keyframes slideinwards{0%{opacity:0}20%{opacity:1;bottom:0}50%{opacity:1;bottom:0}80%{opacity:1;bottom:0}100%{opacity:0;bottom:-70px;visibility:hidden}}
@-webkit-keyframes slideinwards{0%{opacity:0}20%{opacity:1;bottom:0}50%{opacity:1;bottom:0}80%{opacity:1;bottom:0}100%{opacity:0;bottom:-70px;visibility:hidden}}
/* Dark Mode Setting */
.drK .tNtf span{box-shadow:0 10px 40px rgba(0,0,0,.2)}
/* selesai */
/* tombol download jalan tikus */
/* Tombol Download Mirip JalanTikus */
#box-download,#box-download .box-cover,#box-download .box-cover .box-title{position:relative}
#box-download .box-cover .icon-app,#box-download .link-download{position:absolute}
#box-download,#box-download .box-cover,#box-download .box-cover .icon-app span,#box-download .box-cover .box-title,#box-download .label-grup,#box-download .link-download a{display:block}
#box-download,#box-download .box-cover .icon-app span,#box-download .link-download a{width:100%}
#box-download,#box-download .link-download a{border-radius:0.230769230769231em}
#box-download{padding:1.15384615384615em;box-sizing:border-box;margin:0.384615384615385em 0;overflow:hidden;min-height:116px;border:1px solid #ddd;font-size:13px!important;max-width:50.0769230769231em;background:#FFF}
#box-download a{text-decoration:none}
#box-download .box-cover{min-height:6.61538461538462em;margin-right:10.0769230769231em}
#box-download .box-cover .icon-app{width:75px;height:75px;top:0;left:0}
#box-download .box-cover .icon-app span{background-size:100%;background-repeat:no-repeat;height:100%}
#box-download .box-cover .box-title{margin-left:6.15384615384615em}
#box-download .box-cover .box-title .app-title{font-weight:bold;color:#252525;font-size:150%}
#box-download .box-cover .box-title .app-version{font-size:90%;color:#727171}
#box-download .label-grup a{color:#666;font-size:12px}
#box-download .box-cover .box-title .tag-os{overflow:hidden;display:inline-block;vertical-align:middle;width:20px;height:20px;background-image:url(https://rawgit.com/mastamvan/image/master/device.png);background-repeat:no-repeat;background-size:100%;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}
#box-download .box-cover .box-title .tag-os.android{background-color:#6ab344}
#box-download .box-cover .box-title .tag-os.windows{background-position:0 33.33%;background-color:#1f9cf4}
#box-download .box-cover .box-title .tag-os.mac{background-color:#606060;background-position:0 66.67%}
#box-download .box-cover .box-title .tag-os.blackberry{background-color:#000000;background-position:0 99.99%}
#box-download .link-download{max-width:9.61538461538462em;text-align:center;top:1.15384615384615em;right:1.15384615384615em;width:30%}
#box-download .link-download a{padding:0.769230769230769em 0;margin-bottom:0.769230769230769em;text-transform:uppercase;color:#fafafa;font-weight:bold;font-size:100%}
#box-download .link-download a:nth-child(1){background:#008efa}
#box-download .link-download a:nth-child(2){background:#6ab344;margin:0}
.link-alternative{position:relative;display:block;font-size:11px;padding:0.909090909090909em 0 0}.link-alternative:before{content:'Alternative:'}
.link-alternative a{padding:0 0.384615384615385em 0;border-right:1px solid #bbb;color:#008efa}
.link-alternative a:last-child{border:none}
@media screen and (max-width:400px){#box-download .box-cover,#box-download .box-cover .icon-app,#box-download .box-cover .box-title,#box-download .link-download{margin:0 auto}#box-download .box-cover .icon-app{position:relative}#box-download .link-download{position:relative;width:100%;right:auto;margin-bottom:0.769230769230769em}}
/* selesai */
/* AUTHOR */
/* SELESAI */
/* CSS AUTHOR BOX KEREN */
.card{padding-top:20px;margin:10px 0 20px 0;background-color:rgba(214,224,226,0.2);border-top-width:0;border-bottom-width:2px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.card .card-heading{padding:0 20px;margin:0;}
.card .card-heading.simple{font-size:20px;font-weight:300;color:#777;border-bottom:1px solid #e5e5e5;}
.card .card-heading.image img{display:inline-block;width:46px;height:46px;margin-right:15px;vertical-align:top;border:0;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.card .card-heading.image .card-heading-header{display:inline-block;vertical-align:top;}
.card .card-heading.image .card-heading-header h3{margin:0;font-size:14px;line-height:16px;color:#262626;}
.card .card-heading.image .card-heading-header span{font-size:12px;color:#999999;}
.card .card-body{padding:0 20px;margin-top:20px;}
.card .card-media{padding:0 20px;margin:0 -14px;}
.card .card-media img{max-width:100%;max-height:100%;}
.card .card-actions{min-height:30px;padding:0 20px 20px 20px;margin:20px 0 0 0;}
.card .card-comments{padding:20px;margin:0;background-color:#f8f8f8;}
.card .card-comments .comments-collapse-toggle{padding:0;margin:0 20px 12px 20px;}
.card .card-comments .comments-collapse-toggle a,.card .card-comments .comments-collapse-toggle span{padding-right:5px;overflow:hidden;font-size:12px;color:#999;text-overflow:ellipsis;white-space:nowrap;}
.card-comments .media-heading{font-size:13px;font-weight:bold;}
.card.people{position:relative;display:inline-block;width:170px;height:300px;padding-top:0;margin-left:20px;overflow:hidden;vertical-align:top;}
.card.people:first-child{margin-left:0;}
.card.people .card-top{position:absolute;top:0;left:0;display:inline-block;width:170px;height:150px;background-color:#ffffff;}
.card.people .card-top.green{background-color:#53a93f;}
.card.people .card-top.blue{background-color:#427fed;}
.card.people .card-info{position:absolute;top:150px;display:inline-block;width:100%;height:101px;overflow:hidden;background:#ffffff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.card.people .card-info .title{display:block;margin:8px 14px 0 14px;overflow:hidden;font-size:16px;font-weight:bold;line-height:18px;color:#404040;}
.card.people .card-info .desc{display:block;margin:8px 14px 0 14px;overflow:hidden;font-size:12px;line-height:16px;color:#737373;text-overflow:ellipsis;}
.card.people .card-bottom{position:absolute;bottom:0;left:0;display:inline-block;width:100%;padding:10px 20px;line-height:29px;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.card.hovercard{position:relative;padding-top:0;overflow:hidden;text-align:center;background-color:#fff;Border-radius: 30px;}
.card.hovercard .cardheader{background:url("ISI DENGAN URL BACKGROUND BLOG ANDA");background-size:cover;height:135px;}
.card.hovercard .avatar{position:relative;top:-50px;margin-bottom:-50px;}
.card.hovercard .avatar img{width:100px;height:100px;max-width:100px;max-height:100px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;border:5px solid rgba(255,255,255,0.5);}
.card.hovercard .info{padding:4px 8px 10px;margin-bottom:5px;}
.card.hovercard .info .title{margin-bottom:4px;font-size:24px;line-height:1;color:#262626;vertical-align:middle;}
.card.hovercard .info .desc{overflow:hidden;font-size:12px;line-height:20px;color:#737373;text-overflow:ellipsis;margin:0 25px;}
.card.hovercard .bottom{padding:0 20px;margin-bottom:17px;}
.btn{color:#fff;padding:6px 6px 6px 10px;border-radius:3px;margin-right:5px;}
.card .btn-facebook{background:#E9E4F0;}
.card .btn-twitter{background:#E9E4F0;}
.card .btn-pinterest{background:#E9E4F0;}
.card .btn-ig{background:#E9E4F0;padding-right: 10px;}
/* POSTING SLIDE */
/* Multiple Page Slide */
a.movepg.nexter,a.movepg.prever{color:#fff}
.separator{overflow:hidden;max-height:240px;margin:0 0 20px}.separator img{background:#eee;max-width:100%;vertical-align:middle;background-position:middle;border:0;height:auto;width:100%}.next-wrap img,.next-wrap video,.next-wrap object{max-width:100% }.next-wrap{position:relative;padding:0 0 0 40px;line-height:normal;}.instruction{display:block;height:100%;width:100%;overflow:hidden}.slidecontentWrap{width:1000%}.slidecontent{float:left;width:10%;line-height:161%;overflow:hidden}.movepg{display:none;position:absolute;bottom:20px;background:#e74c3c;color:#fff;font-weight:700;text-transform:uppercase;padding:6px 12px;cursor:pointer;font-size:80%;outline:none;border-radius:3px;transition:background .6s}.movepg:hover{background:#c0392b}.movepg.prever{left:20px}.movepg.nexter{right:20px}
/* SELESAI */
/* membagi kolom posting */
.bagidua
{
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
/*seledai*/
]]></b:skin>
<b:defaultmarkups>
<b:defaultmarkup type='Common'>
<b:includable id='post-artikelAuthor'>
<div class='author-posts'>
<div class='authorImage'>
<div class='authorImg'>
<img class='post-thumb lazy' expr:alt='data:post.author.name' expr:data-src='resizeImage(data:post.author.authorPhoto.image,100,"1:1")' src='data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs='/>
</div>
<!-- Link social media -->
<ul class='author-link'>
<!-- Blogger -->
<li>
<a aria-label='Social media' expr:href='data:post.author.profileUrl' rel='nofollow noreferrer noopener' role='button' target='_blank'>
<svg style='height:22px' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><path d='M28,12H26V9.5A7.5,7.5,0,0,0,18.5,2h-9A7.5,7.5,0,0,0,2,9.5V19a1,1,0,0,0,2,0V9.5A5.51,5.51,0,0,1,9.5,4h9A5.51,5.51,0,0,1,24,9.5V12a2,2,0,0,0,2,2h2v8.5A5.51,5.51,0,0,1,22.5,28H9.5A5.51,5.51,0,0,1,4,22.5V22a1,1,0,0,0-2,0v.5A7.5,7.5,0,0,0,9.5,30h13A7.5,7.5,0,0,0,30,22.5V14A2,2,0,0,0,28,12Z'/><path d='M11.5,14h5a2.5,2.5,0,0,0,0-5h-5a2.5,2.5,0,0,0,0,5Zm0-3h5a.5.5,0,0,1,0,1h-5a.5.5,0,0,1,0-1Z'/><path d='M11.5,23h9a2.5,2.5,0,0,0,0-5h-9a2.5,2.5,0,0,0,0,5Zm0-3h9a.5.5,0,0,1,0,1h-9a.5.5,0,0,1,0-1Z'/></svg>
</a>
</li>
<!-- Facebook -->
<li>
<a aria-label='Social Media' href='#' rel='noreferrer noopener' role='button' target='_blank'>
<svg viewBox='0 0 32 32'><path d='M24,3H8A5,5,0,0,0,3,8V24a5,5,0,0,0,5,5h8a1,1,0,0,0,1-1V20a1,1,0,0,0-1-1H15V17h1a1,1,0,0,0,1-1V12.5A2.5,2.5,0,0,1,19.5,10H22v2H21a2,2,0,0,0-2,2v2a1,1,0,0,0,1,1h1.72l-.5,2H20a1,1,0,0,0-1,1v4a1,1,0,0,0,2,0V21h1a1,1,0,0,0,1-.76l1-4a1,1,0,0,0-.18-.86A1,1,0,0,0,23,15H21V14h2a1,1,0,0,0,1-1V9a1,1,0,0,0-1-1H19.5A4.51,4.51,0,0,0,15,12.5V15H14a1,1,0,0,0-1,1v4a1,1,0,0,0,1,1h1v6H8a3,3,0,0,1-3-3V8A3,3,0,0,1,8,5H24a3,3,0,0,1,3,3V24a3,3,0,0,1-3,3H20a1,1,0,0,0,0,2h4a5,5,0,0,0,5-5V8A5,5,0,0,0,24,3Z'/></svg>
</a>
</li>
<!-- Twitter -->
<li>
<a aria-label='Social Media' href='#' rel='noreferrer noopener' role='button' target='_blank'>
<svg viewBox='0 0 32 32'><path d='M28.77,8.11a.87.87,0,0,0-.23-.2A4.69,4.69,0,0,0,29,6.54a1,1,0,0,0-.44-1,1,1,0,0,0-1.1,0,6.42,6.42,0,0,1-2.28.92,6.21,6.21,0,0,0-7.08-1A6.07,6.07,0,0,0,15,12.2a1,1,0,0,0,2-.4A4.08,4.08,0,0,1,19,7.28a4.24,4.24,0,0,1,5.12,1,1,1,0,0,0,.88.28l.25,0a1,1,0,0,0,.34,1.62,1,1,0,0,0-.36.88,13.07,13.07,0,0,1-4.89,11.24A12.75,12.75,0,0,1,7.69,24.61a9.06,9.06,0,0,0,4.54-2.18,1,1,0,0,0,.15-1.09,1,1,0,0,0-.93-.57,4,4,0,0,1-3-1.39,3.63,3.63,0,0,0,1-.35A1,1,0,0,0,10,18a1,1,0,0,0-.76-.84,4.42,4.42,0,0,1-3-2.48c.24,0,.48.05.74.06a1,1,0,0,0,1-.62A1,1,0,0,0,7.67,13C6,11.48,5.59,9.85,5.83,8.7a13.88,13.88,0,0,0,7,4,1,1,0,1,0,.38-2A12.1,12.1,0,0,1,6.39,6.31a1,1,0,0,0-.75-.38,1,1,0,0,0-.78.33,5.34,5.34,0,0,0-.31,6l-.09,0a1,1,0,0,0-.52.81,5.84,5.84,0,0,0,1.95,4.47,1,1,0,0,0-.18,1,6.63,6.63,0,0,0,3.18,3.57A13.89,13.89,0,0,1,4,23a1,1,0,0,0-.5,1.86A16.84,16.84,0,0,0,12,27.35a15.16,15.16,0,0,0,9.6-3.57,15.12,15.12,0,0,0,5.69-12.42,4.62,4.62,0,0,0,1.62-2.25A1,1,0,0,0,28.77,8.11Z'/></svg>
</a>
</li>
<!-- Instagram -->
<li>
<a aria-label='Social Media' href='#' rel='noreferrer noopener' role='button' target='_blank'>
<svg viewBox='0 0 32 32'><path d='M20.45,13.32a1,1,0,0,0-.57,1.3,4,4,0,1,1-2.31-2.3,1,1,0,1,0,.71-1.87,6,6,0,0,0-6.37,9.85,6,6,0,0,0,8.48,0,6,6,0,0,0,1.36-6.41A1,1,0,0,0,20.45,13.32Z'/><circle cx='23' cy='9' r='1'/><path d='M28,9a5,5,0,0,0-4.9-5h0A77.11,77.11,0,0,0,9,4,5,5,0,0,0,4,8.92,91.91,91.91,0,0,0,4,23a5,5,0,0,0,4.9,5h0c2.36.22,4.73.34,7.1.34s4.71-.11,7.05-.34A5,5,0,0,0,28,23.08,87.09,87.09,0,0,0,28,9ZM26,23a3,3,0,0,1-3,3h-.1A71.73,71.73,0,0,1,9,26a3,3,0,0,1-3-3.08A92.4,92.4,0,0,1,6,9,3,3,0,0,1,9.09,6q3.44-.31,6.9-.32T23,6a3,3,0,0,1,3,3.08A85.13,85.13,0,0,1,26,23Z'/></svg>
</a>
</li>
<!-- Linkedin -->
<li>
<a aria-label='Social Media' href='#' rel='noreferrer noopener' role='button' target='_blank'>
<svg viewBox='0 0 32 32'><path d='M6.5,3A3.5,3.5,0,1,0,10,6.5,3.5,3.5,0,0,0,6.5,3Zm0,5A1.5,1.5,0,1,1,8,6.5,1.5,1.5,0,0,1,6.5,8Z'/><path d='M9,11H4a1,1,0,0,0,0,2H8V27H5V16a1,1,0,0,0-2,0V28a1,1,0,0,0,1,1H9a1,1,0,0,0,1-1V12A1,1,0,0,0,9,11Z'/><path d='M27.34,12.68A5.94,5.94,0,0,0,23,11H22a7.84,7.84,0,0,0-4,.89A1,1,0,0,0,17,11H12a1,1,0,0,0-1,1V28a1,1,0,0,0,1,1h5a1,1,0,0,0,1-1V19a2,2,0,0,1,4,0v9a1,1,0,0,0,1,1h5a1,1,0,0,0,1-1V17A5.9,5.9,0,0,0,27.34,12.68ZM27,27H24V19a4,4,0,0,0-8,0v8H13V13h3v1a1,1,0,0,0,.62.92,1,1,0,0,0,1.09-.21c.95-1,1.7-1.71,4.29-1.71h1a4,4,0,0,1,2.92,1.09A4,4,0,0,1,27,17Z'/></svg>
</a>
</li>
</ul>
</div>
<div class='authorInfo'>
<div class='author-name' expr:data-text='data:messages.postedBy'>
<span><data:post.author.name/></span>
</div>
<div class='author-desc'><b:eval expr='data:post.author.aboutMe snippet {length: 2000, links: false, linebreaks: false}'/></div>
</div>
</div>
</b:includable>
<b:includable id='post-artikelTOC'>
<input class='toc-menu hidden' id='offtoc-menu' type='checkbox'/>
</b:includable>
<b:includable id='post-artikelTerkait' var='post'>
<div class='related-posts'>
<div id='related-posts'>
<script>
var labelArray = [<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>"<data:label.name/>"<b:if cond='data:label.isLast != "true"'>,</b:if></b:loop></b:if>];
var relatedPostConfig={
homePage: "<data:blog.homepageUrl/>",
widgetTitle: "<h3 class='title'><data:messages.youMayLikeThesePosts/></h3>",
numPosts: 6,
summaryLength: 20,
titleLength:"auto",
thumbnailSize: 275,
noImage: "data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=",
containerId: "related-posts",
newTabLink: false,
moreText: "Read more",
widgetStyle: 2,
callBack:function(){}
}
</script>
<script>/*<![CDATA[*/ var randomRelatedIndex,showRelatedPost;(function(n,m,k){var d={widgetTitle:"<h3 class='heading'>Related Posts</h3>",widgetStyle:1,homePage:"http://www.jagodesain.com",numPosts:7,summaryLength:320,titleLength:"auto",thumbnailSize:200,noImage:"data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=",containerId:"related-posts",newTabLink:false,moreText:"Read more",callBack:function(){}}; for(var f in relatedPostConfig){d[f]=(relatedPostConfig[f]=="undefined")?d[f]:relatedPostConfig[f]}var j=function(a){var b=m.createElement("script");b.defer="defer";b.rel="preload";b.src=a;k.appendChild(b)},o=function(b,a){return Math.floor(Math.random()*(a-b+1))+b},l=function(a){var p=a.length,c,b;if(p===0){return false}while(--p){c=Math.floor(Math.random()*(p+1));b=a[p];a[p]=a[c];a[c]=b}return a},e=(typeof labelArray=="object"&&labelArray.length>0)?"/-/"+l(labelArray)[0]:"",h=function(b){var c=b.feed.openSearch$totalResults.$t-d.numPosts,a=o(1,(c>0?c:1));j(d.homePage.replace(/\/$/,"")+"/feeds/posts/summary"+e+"?alt=json-in-script&orderby=updated&start-index="+a+"&max-results="+d.numPosts+"&callback=showRelatedPost")},g=function(z){var s=document.getElementById(d.containerId),x=l(z.feed.entry),A=d.widgetStyle,c=d.widgetTitle+'<ul class="related style-'+A+'">',b=d.newTabLink?' target="_blank"':"",y='<!-- <div class="clear"/> -->',v,t,w,r,u;if(!s){return}for(var q=0;q<d.numPosts;q++){if(q==x.length){break}t=x[q].title.$t;w=(d.titleLength!=="auto"&&d.titleLength<t.length)?t.substring(0,d.titleLength)+"…":t; r=("media$thumbnail"in x[q]&&d.thumbnailSize!==false)?x[q].media$thumbnail.url.replace(/.*?:\/\//g , "//").replace(/\/s[0-9]+(\-c)?/, "/s"+d.thumbnailSize):d.noImage;u=("summary"in x[q]&&d.summaryLength>0)?x[q].summary.$t.replace(/<br ?\/?>/g," ").replace(/<.*?>/g,"").replace(/[<>]/g,"").substring(0,d.summaryLength)+"…":"";for(var p=0,a=x[q].link.length;p<a;p++){v=(x[q].link[p].rel=="alternate")?x[q].link[p].href:"#"} if(A==2){c+='<li><div class="item-related"><div class="item-thumbnail"><a href="'+v+'"><img class="post-thumb lazy" alt="'+w+'" data-src="'+r+'" src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs="></a></div><div class="item-title"><a href="'+v+'"><span>'+w+'</span></a></div></div></li>'} else{c+='<li><div class="item-related"><div class="item-thumbnail"><a href="'+v+'"><img class="post-thumb lazy" alt="'+w+'" data-src="'+r+'" src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs="></a></div><div class="item-title"><a href="'+v+'"><span>'+w+'</span></a></div></div></li>'} }s.innerHTML=c+="</ul>";d.callBack()};randomRelatedIndex=h;showRelatedPost=g;j(d.homePage.replace(/\/$/,"")+"/feeds/posts/summary"+e+"?alt=json-in-script&orderby=updated&max-results=0&callback=randomRelatedIndex")})(window,document,document.getElementsByTagName("head")[0]); /*]]>*/</script>
</div>
</div>
</b:includable>
<b:includable id='post-iklanTerkait' var='post'>
<div class='related-posts' id='related-post'>
<div class='related-ads'/>
</div>
</b:includable>
<b:includable id='post-iklanAtas' var='post'>
<div id='iklanAtas'>
<div class='iklan-atas'/>
</div>
</b:includable>
<b:includable id='post-iklanBawah' var='post'>
<div id='iklanBawah'>
<div class='iklan-bawah'/>
</div>
</b:includable>
<b:includable id='post-commentDisqus'>
<div id='disqus_thread'>
<div class='show-comment'>
<a class='button outline' href='javascript:void(0)' id='disqusshow' onclick='load_Comments()'><span>Buka komentar</span></a>
</div>
</div>
<script>/*<![CDATA[*/ var disqus_shortname = "jagodesain"; !function(){var e=document.createElement("script");e.defer=!0,e.src="//"+disqus_shortname+".disqus.com/blogger_item.js",(document.getElementsByTagName("head")[0]||document.getElementsByTagName("body")[0]).appendChild(e)}(); function load_Comments(){var e=document.getElementById("disqusshow");e.style.display="none";var t="jagodesain";!function(){var e=document.createElement("script");e.defer=!0,e.src="https://"+t+".disqus.com/embed.js",(document.getElementsByTagName("head")[0]||document.getElementsByTagName("body")[0]).appendChild(e)}()};/*]]>*/</script>
</b:includable>
<b:includable id='post-commentFB'>
<script>/*<![CDATA[*/ $(window).bind("load resize", function(){var url = location.protocol+'//'+location.host+location.pathname; var containercm_width = $('#container-commentfb').width(); $('#container-commentfb').html('<div class="fb-comments" ' + 'data-href="'+url+'"' + ' width="' + containercm_width + '" data-num-posts="10"></div>'); FB.XFBML.parse( ); }); /*]]>*/</script>
<div id='fb-root'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<div id='container-commentfb' style='width: 100%;'><fb:comments expr:href='data:post.url' num_posts='10' width='650'/></div>
</b:includable>
<b:includable id='postPagination-more'>
<script>/*<![CDATA[*/ defer(function() { !function(t,e){t.InfiniteScroll=function(n){function r(t,n){return n=n||e,n.querySelectorAll(t)}function o(t){return void 0!==t}function a(t){return"function"==typeof t}function i(t,e){t=t||{};for(var n in e)t[n]="object"==typeof e[n]?i(t[n],e[n]):e[n];return t}function s(t,e,n){return o(t)?o(e)?void(o(n)?g[t][n]=e:g[t].push(e)):g[t]:g}function d(t,e){o(e)?delete g[t][e]:g[t]=[]}function l(t,e){if(o(g[t]))for(var n in g[t])g[t][n](e)}function c(){return L.innerHTML=p.text.loading,v=!0,M?(y.classList.add(p.state.loading),l("loading",[p]),void u(M,function(t,n){y.className=x+" "+p.state.load,h=e.createElement("div"),h.innerHTML=t;var o=r("title",h),a=r(p.target.post,h),i=r(p.target.anchors+" "+p.target.anchor,h),s=r(p.target.post,H);if(o=o&&o[0]?o[0].innerHTML:"",a.length&&s.length){var d=s[s.length-1];e.title=o,d.insertAdjacentHTML("afterend",' '),h=e.createElement("div");for(var c=0,u=a.length;u>c;++c)h.appendChild(a[c]);d.insertAdjacentHTML("afterend",h.innerHTML),f(),M=i.length?i[0].href:!1,v=!1,q++,l("load",[p,t,n])}},function(t,e){y.classList.add(p.state.error),v=!1,f(1),l("error",[p,t,e])})):(y.classList.add(p.state.loaded),L.innerHTML=p.text.loaded,l("loaded",[p]))}function f(t){if(L.innerHTML="",T){h.innerHTML=p.text[t?"error":"load"];var e=h.firstChild;e.onclick=function(){return 2===p.type&&(T=!1),c(),!1},L.appendChild(e)}}var u="infinite-scroll-state-",p={target:{posts:".posts",post:".post",anchors:".anchors",anchor:".anchor"},text:{load:"%s",loading:"%s",loaded:"%s",error:"%s"},state:{load:u+"load",loading:u+"loading",loaded:u+"loaded",error:u+"error"}},g={load:[],loading:[],loaded:[],error:[]};p=i(p,n||{}),p.on=s,p.off=d;var h=null,u=function(e,n,r){if(t.XMLHttpRequest){var o=new XMLHttpRequest;o.onreadystatechange=function(){if(4===o.readyState){if(200!==o.status)return void(r&&a(r)&&r(o.responseText,o));n&&a(n)&&n(o.responseText,o)}},o.open("GET",e),o.send()}},T=1!==p.type,v=!1,H=r(p.target.posts)[0],L=r(p.target.anchors)[0],M=r(p.target.anchor,L),m=e.body,y=e.documentElement,x=y.className||"",E=H.offsetTop+H.offsetHeight,j=t.innerHeight,A=0,b=null,q=1;if(M.length){M=M[0].href,H.insertAdjacentHTML("afterbegin",' '),h=e.createElement("div"),f();var w=function(){E=H.offsetTop+H.offsetHeight,j=t.innerHeight,A=m.scrollTop||y.scrollTop,v||E>A+j||c()};w(),0!==p.type&&t.addEventListener("scroll",function(){T||(b&&t.clearTimeout(b),b=t.setTimeout(w,200))},!1)}return p}}(window,document);var infinite_scroll = new InfiniteScroll({ type: 0, target: {posts: '.blog-posts', post: '.hentry', anchors: '.blog-pager', anchor: '.older-link'}, text: {load: '<a class="js-load load-more" href="javascript:void(0)">Load more</a>', loading: '<a class="js-load wait"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 50 50" xml:space="preserve"><path d="M25.251,6.461c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615V6.461z"><animateTransform attributeType="xml" attributeName="transform" type="rotate" from="0 25 25" to="360 25 25" dur="0.6s" repeatCount="indefinite"/></path></svg><span>Please wait...</span></a>', loaded: '<div class="js-load no-post">No more post</div>', error: '<a class="js-load error" href="javascript:void(0)">Sorry error!</a>'} }); });/*]]>*/</script>
</b:includable>
<b:includable id='postPage-analytics'>
<script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.defer=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', '<data:blog.analyticsAccountNumber/>', 'auto', 'blogger'); ga('blogger.send', 'pageview');</script>
</b:includable>
</b:defaultmarkup>
<!-- Default Featured Widget -->
<b:defaultmarkup type='FeaturedPost'>
<b:includable id='main' var='this'>
<b:if cond='data:title != ""'>
<div class='widget-title'>
<h2 class='title'><data:title/> </h2>
</div>
</b:if>
<b:include name='snippetedPosts'/>
</b:includable>
<b:includable id='blogThisShare'><b:comment>Removed</b:comment></b:includable>
<b:includable id='bylineByName' var='byline'/>
<b:includable id='bylineRegion' var='regionItems'/>
<b:includable id='commentsLink'>
<div class='comments-bubble'>
<span><data:post.numberOfComments/></span>
<svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><g transform='translate(2.000000, 2.000000)'><path d='M10.0067501,0 C11.62449,0 13.2360653,0.399066203 14.6679897,1.15403251 C19.5432254,3.72637977 21.4181128,9.7854909 18.847518,14.6623794 C17.0941592,17.9879311 13.6420414,20 9.99530173,20 C9.28286212,20 8.56337738,19.9233581 7.8474152,19.7647888 C7.44408103,19.6749328 7.18957541,19.2749857 7.27852028,18.8715148 C7.36746515,18.4680439 7.76639611,18.2152138 8.1723722,18.302427 C11.8966084,19.1305114 15.7414927,17.3430824 17.523032,13.9637933 C19.7087862,9.81808572 18.1148236,4.66546271 13.9696404,2.47896754 C12.7525927,1.83676166 11.3823133,1.49759944 10.0058694,1.49759944 L10.0058694,1.49759944 C5.31028477,1.49759944 1.49710367,5.31119235 1.49710367,9.99867859 C1.49534238,11.3641369 1.82822517,12.7234286 2.45964569,13.9311985 L2.45964569,13.9311985 L2.65162571,14.3064793 C2.8867572,14.7469497 2.93871509,15.294014 2.78636398,15.7891028 C2.57589047,16.3440955 2.40064266,16.8841122 2.25621732,17.4214861 C2.8180671,17.2523455 3.50408744,17.0030392 3.99988905,16.8224464 L3.99988905,16.8224464 L4.20331742,16.7493283 C4.5881581,16.6057349 5.02055346,16.8092323 5.16145622,17.1986081 C5.30235899,17.587103 5.10069191,18.0170022 4.71232866,18.1570718 L4.71232866,18.1570718 L4.51154222,18.2301898 C3.77004141,18.4988768 2.7555415,18.867991 2.0704018,19.0212747 C2.01227941,19.0336079 1.9497538,19.0415364 1.89251206,19.0397745 C1.43281678,19.0397745 1.15277254,18.853896 0.998660135,18.6970885 C0.76176736,18.4565916 0.649045147,18.1191913 0.662254782,17.6945778 C0.664016066,17.6461261 0.670180562,17.5959124 0.681628912,17.5474607 C0.859518654,16.7898516 1.09112758,16.0340043 1.37117182,15.3019425 C1.39142659,15.2305863 1.3790976,15.101088 1.32185585,14.9927322 L1.32185585,14.9927322 L1.12899519,14.6183324 C0.390136315,13.2035414 -0.00174950235,11.6028719 5.87135273e-06,9.99779765 C5.87135273e-06,4.48486984 4.48424231,0 9.99530173,0 L9.99530173,0 Z M9.99565399,8.80949654 C10.6517325,8.80949654 11.1845211,9.34334669 11.1845211,9.99876668 C11.1845211,10.6541867 10.6517325,11.1880368 9.99565399,11.1880368 C9.33957549,11.1880368 8.8067869,10.6541867 8.8067869,9.99876668 C8.8067869,9.34334669 9.33957549,8.80949654 9.99565399,8.80949654 Z M14.3988654,8.80949654 C15.0549439,8.80949654 15.5877325,9.34334669 15.5877325,9.99876668 C15.5877325,10.6541867 15.0549439,11.1880368 14.3988654,11.1880368 C13.7427869,11.1880368 13.2099983,10.6541867 13.2099983,9.99876668 C13.2099983,9.34334669 13.7427869,8.80949654 14.3988654,8.80949654 Z M5.59235449,8.80984892 C6.248433,8.80984892 6.78122158,9.34281813 6.78122158,9.99911906 C6.78122158,10.654539 6.248433,11.1875083 5.59235449,11.1875083 C4.93627599,11.1875083 4.40348741,10.654539 4.40348741,9.99911906 C4.40348741,9.34281813 4.93627599,8.80984892 5.59235449,8.80984892 Z'/></g></svg>
</div>
</b:includable>
<b:includable id='commentsLinkIframe'><b:comment>Removed</b:comment></b:includable>
<b:includable id='emailPostIcon'><b:comment>Removed</b:comment></b:includable>
<b:includable id='facebookShare'><b:comment>Removed</b:comment></b:includable>
<b:includable id='footerBylines'><b:comment>Removed</b:comment></b:includable>
<b:includable id='googlePlusShare'><b:comment>Removed</b:comment></b:includable>
<b:includable id='headerByline'><b:comment>Removed</b:comment></b:includable>
<b:includable id='linkShare'><b:comment>Removed</b:comment></b:includable>
<b:includable id='otherSharingButton'><b:comment>Removed</b:comment></b:includable>
<b:includable id='platformShare'><b:comment>Removed</b:comment></b:includable>
<b:includable id='postAuthor'><b:comment>Removed</b:comment></b:includable>
<b:includable id='postCommentsLink'><b:comment>Removed</b:comment></b:includable>
<b:includable id='postJumpLink' var='post'/>
<b:includable id='postLabels'>
<div class='item-label'>
<b:loop index='num' values='data:post.labels' var='label'>
<b:if cond='data:num == 0'>
<span><data:label.name/></span><b:if cond='data:label.isLast != "true"'/>
</b:if>
<b:if cond='data:num == 1'>
<span><data:label.name/></span><b:if cond='data:label.isLast != "true"'/>
</b:if>
</b:loop>
</div>
</b:includable>
<b:includable id='postLocation'><b:comment>Removed</b:comment></b:includable>
<b:includable id='postReactions'><b:comment>Removed</b:comment></b:includable>
<b:includable id='postShareButtons'><b:comment>Removed</b:comment></b:includable>
<b:includable id='postTimestamp'>
<div class='item-timestamp'>
<time class='published' expr:datetime='data:post.date.iso8601'><data:post.date/></time>
</div>
</b:includable>
<b:includable id='sharingButton'><b:comment>Removed</b:comment></b:includable>
<b:includable id='sharingButtonContent'><b:comment>Removed</b:comment></b:includable>
<b:includable id='sharingButtons'><b:comment>Removed</b:comment></b:includable>
<b:includable id='sharingButtonsMenu'><b:comment>Removed</b:comment></b:includable>
<b:includable id='sharingPlatformIcon'><b:comment>Removed</b:comment></b:includable>
<b:includable id='snippetedPostByline'><b:comment>Removed</b:comment></b:includable>
<b:includable id='snippetedPostContent'>
<b:include cond='data:this.postDisplay.showFeaturedImage and data:post.featuredImage' name='snippetedPostThumbnail'/>
<div class='item-content'>
<b:include cond='data:this.postDisplay.showTitle' name='snippetedPostTitle'/>
<b:include cond='data:this.postDisplay.showSnippet' name='snippetedPostEntry'/>
<b:include name='snippetedPostHeader'/>
</div>
</b:includable>
<b:includable id='snippetedPostEntry'>
<b:comment>Dont show.</b:comment>
<div class='item-entry'>
<b:eval expr='snippet(data:post.body, {length: 90, links: true, linebreaks: false})'/>
</div>
</b:includable>
<b:includable id='snippetedPostHeader'>
<div class='item-header'>
<div class='item-info'>
<b:include cond='data:post.labels' name='postLabels'/>
<div class='item-published'>
<b:include name='postTimestamp'/>
</div>
</div>
<div class='item-comment'>
<b:include cond='data:post.allowComments and data:post.numberOfComments > 0' name='commentsLink'/>
</div>
</div>
</b:includable>
<b:includable id='snippetedPostThumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.url'>
<img class='post-thumb lazy' expr:alt='data:post.title' expr:data-src='resizeImage(data:post.featuredImage, 600, "18:9")' src='data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs='/>
</a>
</div>
</b:includable>
<b:includable id='snippetedPostTitle'>
<b:if cond='data:post.title != ""'>
<h4 class='item-title'><a expr:href='data:post.url'><data:post.title/></a></h4>
</b:if>
</b:includable>
<b:includable id='snippetedPosts'>
<div class='item-featured' role='feed'>
<!-- Don't render the post that we're currently already looking at. -->
<b:loop values='data:posts filter (p => p.id != data:view.postId)' var='post'>
<article class='post'>
<b:class cond='!data:this.postDisplay.showFeaturedImage' name='no-thumbnail'/>
<b:include name='snippetedPostContent'/>
</article>
</b:loop>
</div>
</b:includable>
</b:defaultmarkup>
<!-- Default Popular Widget -->
<b:defaultmarkup type='PopularPosts'>
<b:includable id='main' var='this'>
<b:include name='widget-title'/>
<b:include name='snippetedPosts'/>
</b:includable>
<b:includable id='blogThisShare'><b:comment>Removed</b:comment></b:includable>
<b:includable id='bylineByName' var='byline'><b:comment>Removed</b:comment></b:includable>
<b:includable id='bylineRegion' var='regionItems'><b:comment>Removed</b:comment></b:includable>
<b:includable id='commentsLink'>
<div class='comments-bubble'>
<span><data:post.numberOfComments/></span>
<svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><g transform='translate(2.000000, 2.000000)'><path d='M10.0067501,0 C11.62449,0 13.2360653,0.399066203 14.6679897,1.15403251 C19.5432254,3.72637977 21.4181128,9.7854909 18.847518,14.6623794 C17.0941592,17.9879311 13.6420414,20 9.99530173,20 C9.28286212,20 8.56337738,19.9233581 7.8474152,19.7647888 C7.44408103,19.6749328 7.18957541,19.2749857 7.27852028,18.8715148 C7.36746515,18.4680439 7.76639611,18.2152138 8.1723722,18.302427 C11.8966084,19.1305114 15.7414927,17.3430824 17.523032,13.9637933 C19.7087862,9.81808572 18.1148236,4.66546271 13.9696404,2.47896754 C12.7525927,1.83676166 11.3823133,1.49759944 10.0058694,1.49759944 L10.0058694,1.49759944 C5.31028477,1.49759944 1.49710367,5.31119235 1.49710367,9.99867859 C1.49534238,11.3641369 1.82822517,12.7234286 2.45964569,13.9311985 L2.45964569,13.9311985 L2.65162571,14.3064793 C2.8867572,14.7469497 2.93871509,15.294014 2.78636398,15.7891028 C2.57589047,16.3440955 2.40064266,16.8841122 2.25621732,17.4214861 C2.8180671,17.2523455 3.50408744,17.0030392 3.99988905,16.8224464 L3.99988905,16.8224464 L4.20331742,16.7493283 C4.5881581,16.6057349 5.02055346,16.8092323 5.16145622,17.1986081 C5.30235899,17.587103 5.10069191,18.0170022 4.71232866,18.1570718 L4.71232866,18.1570718 L4.51154222,18.2301898 C3.77004141,18.4988768 2.7555415,18.867991 2.0704018,19.0212747 C2.01227941,19.0336079 1.9497538,19.0415364 1.89251206,19.0397745 C1.43281678,19.0397745 1.15277254,18.853896 0.998660135,18.6970885 C0.76176736,18.4565916 0.649045147,18.1191913 0.662254782,17.6945778 C0.664016066,17.6461261 0.670180562,17.5959124 0.681628912,17.5474607 C0.859518654,16.7898516 1.09112758,16.0340043 1.37117182,15.3019425 C1.39142659,15.2305863 1.3790976,15.101088 1.32185585,14.9927322 L1.32185585,14.9927322 L1.12899519,14.6183324 C0.390136315,13.2035414 -0.00174950235,11.6028719 5.87135273e-06,9.99779765 C5.87135273e-06,4.48486984 4.48424231,0 9.99530173,0 L9.99530173,0 Z M9.99565399,8.80949654 C10.6517325,8.80949654 11.1845211,9.34334669 11.1845211,9.99876668 C11.1845211,10.6541867 10.6517325,11.1880368 9.99565399,11.1880368 C9.33957549,11.1880368 8.8067869,10.6541867 8.8067869,9.99876668 C8.8067869,9.34334669 9.33957549,8.80949654 9.99565399,8.80949654 Z M14.3988654,8.80949654 C15.0549439,8.80949654 15.5877325,9.34334669 15.5877325,9.99876668 C15.5877325,10.6541867 15.0549439,11.1880368 14.3988654,11.1880368 C13.7427869,11.1880368 13.2099983,10.6541867 13.2099983,9.99876668 C13.2099983,9.34334669 13.7427869,8.80949654 14.3988654,8.80949654 Z M5.59235449,8.80984892 C6.248433,8.80984892 6.78122158,9.34281813 6.78122158,9.99911906 C6.78122158,10.654539 6.248433,11.1875083 5.59235449,11.1875083 C4.93627599,11.1875083 4.40348741,10.654539 4.40348741,9.99911906 C4.40348741,9.34281813 4.93627599,8.80984892 5.59235449,8.80984892 Z'/></g></svg>
</div>
</b:includable>
<b:includable id='commentsLinkIframe'><b:comment>Removed</b:comment></b:includable>
<b:includable id='emailPostIcon'><b:comment>Removed</b:comment></b:includable>
<b:includable id='facebookShare'><b:comment>Removed</b:comment></b:includable>
<b:includable id='footerBylines'><b:comment>Removed</b:comment></b:includable>
<b:includable id='googlePlusShare'><b:comment>Removed</b:comment></b:includable>
<b:includable id='headerByline'><b:comment>Removed</b:comment></b:includable>
<b:includable id='linkShare'><b:comment>Removed</b:comment></b:includable>
<b:includable id='otherSharingButton'><b:comment>Removed</b:comment></b:includable>
<b:includable id='platformShare'><b:comment>Removed</b:comment></b:includable>
<b:includable id='postAuthor'><b:comment>Removed</b:comment></b:includable>
<b:includable id='postCommentsLink'><b:comment>Removed</b:comment></b:includable>
<b:includable id='postJumpLink'><b:comment>Removed</b:comment></b:includable>
<b:includable id='postLabels'>
<div class='item-label'>
<b:loop index='num' values='data:post.labels' var='label'>
<b:if cond='data:num == 0'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'/>
</b:if>
<b:if cond='data:num == 1'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'/>
</b:if>
</b:loop>
</div>
</b:includable>
<b:includable id='postLocation'><b:comment>Removed</b:comment></b:includable>
<b:includable id='postReactions'><b:comment>Removed</b:comment></b:includable>
<b:includable id='postShareButtons'><b:comment>Removed</b:comment></b:includable>
<b:includable id='postTimestamp'>
<div class='item-timestamp'>
<time class='published' expr:datetime='data:post.date.iso8601'><data:post.date/></time>
</div>
</b:includable>
<b:includable id='sharingButton'><b:comment>Removed</b:comment></b:includable>
<b:includable id='sharingButtonContent'><b:comment>Removed</b:comment></b:includable>
<b:includable id='sharingButtons'><b:comment>Removed</b:comment></b:includable>
<b:includable id='sharingButtonsMenu'><b:comment>Removed</b:comment></b:includable>
<b:includable id='sharingPlatformIcon'><b:comment>Removed</b:comment></b:includable>
<b:includable id='snippetedPostByline'><b:comment>Removed</b:comment></b:includable>
<b:includable id='snippetedPostContent'>
<b:include cond='data:this.postDisplay.showFeaturedImage and data:post.featuredImage' name='snippetedPostThumbnail'/>
<div class='item-content'>
<b:include cond='data:this.postDisplay.showTitle' name='snippetedPostTitle'/>
<b:include cond='data:this.postDisplay.showSnippet' name='snippetedPostEntry'/>
<b:include name='snippetedPostHeader'/>
</div>
</b:includable>
<b:includable id='snippetedPostEntry'>
<b:comment>Dont show.</b:comment>
<!--<div class='item-entry'>
<b:eval expr='snippet(data:post.body, {length: 90, links: true, linebreaks: false})'/>
</div>-->
</b:includable>
<b:includable id='snippetedPostHeader'>
<div class='item-header'>
<div class='item-info'>
<b:include cond='data:post.labels' name='postLabels'/>
<div class='item-published'>
<b:include name='postTimestamp'/>
</div>
</div>
<div class='item-comment'>
<b:include cond='data:post.allowComments' name='commentsLink'/>
<b:include name='postJumpLink'/>
</div>
</div>
</b:includable>
<b:includable id='snippetedPostThumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.url'>
<img class='post-thumb lazy' expr:alt='data:post.title' expr:data-src='resizeImage(data:post.featuredImage, 400, "26:9")' src='data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs='/>
</a>
</div>
</b:includable>
<b:includable id='snippetedPostTitle'>
<b:if cond='data:post.title != ""'>
<h4 class='item-title'><a expr:href='data:post.url'><data:post.title/></a></h4>
</b:if>
</b:includable>
<b:includable id='snippetedPosts'>
<div class='item-popular' role='feed'>
<!-- Don't render the post that we're currently already looking at. -->
<b:loop values='data:posts filter (p => p.id != data:view.postId)' var='post'>
<article class='post'>
<b:class cond='!data:this.postDisplay.showFeaturedImage' name='no-thumbnail'/>
<b:include name='snippetedPostContent'/>
</article>
</b:loop>
</div>
</b:includable>
</b:defaultmarkup>
<!-- Default Label Widget -->
<b:defaultmarkup type='Label'>
<b:includable id='main' var='this'>
<b:include name='widget-title'/>
<b:include name='content'/>
</b:includable>
<b:includable id='cloud'>
<b:loop index='tags' values='data:labels' var='label'>
<b:if cond='data:tags <= 3'>
<span class='label-size'>
<b:class expr:name='"label-size-" + data:label.cssSize'/>
<a class='label-name' expr:href='data:label.url'>
<span class='label-title'><data:label.name/></span>
<b:if cond='data:this.showFreqNumbers'>
<span class='label-count'><data:label.count/></span>
</b:if>
</a>
</span>
</b:if>
<b:if cond='data:tags == 4'>
<div class='label-show'>
<input class='label-input hidden' id='offall-label' type='checkbox'/>
<div class='label-all'>
<b:loop index='alltags' values='data:labels' var='label'>
<b:if cond='data:alltags >= 4'>
<span class='label-size'>
<b:class expr:name='"label-size-" + data:label.cssSize'/>
<a class='label-name' expr:href='data:label.url'>
<span class='label-title'><data:label.name/></span>
<b:if cond='data:this.showFreqNumbers'>
<span class='label-count'><data:label.count/></span>
</b:if>
</a>
</span>
</b:if>
</b:loop>
</div>
<label class='label-more' expr:data-hide='data:messages.showLess' expr:data-show='data:messages.showMore' for='offall-label'>
<span><b:eval expr='"+" + (data:labels.length - 4) + " more"'/></span>
<svg viewBox='0 0 512 512'><path d='M256 294.1L383 167c9.4-9.4 24.6-9.4 33.9 0s9.3 24.6 0 34L273 345c-9.1 9.1-23.7 9.3-33.1.7L95 201.1c-4.7-4.7-7-10.9-7-17s2.3-12.3 7-17c9.4-9.4 24.6-9.4 33.9 0l127.1 127z'/></svg>
</label>
</div>
</b:if>
</b:loop>
</b:includable>
<b:includable id='content'>
<div class='widget-content'>
<b:class expr:name='data:this.display + "-label"'/>
<b:include cond='data:this.display == "list"' name='list'/>
<b:include cond='data:this.display == "cloud"' name='cloud'/>
</div>
</b:includable>
<b:includable id='list'>
<ul>
<b:loop index='tags' values='data:labels' var='label'>
<b:if cond='data:tags <= 3'>
<li>
<a class='label-name' expr:href='data:label.url'>
<span class='label-title'><data:label.name/></span>
<b:if cond='data:this.showFreqNumbers'>
<span class='label-count'><data:label.count/></span>
</b:if>
<svg class='label-icon' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><g transform='translate(4.000000, 2.000000)'><path d='M11.5258621,0 L4.62931034,0 C1.78448276,0 0,1.9858782 0,5.17210944 L0,18.3230362 C0,19.2491977 0.733326703,20 1.63793103,20 C1.91180194,20 2.18135035,19.9300723 2.42241379,19.7969991 L8.03448276,16.6813769 L14.5689655,19.8146514 C14.7461483,19.8908228 14.9456376,19.8917645 15.1234989,19.8172691 C15.3013603,19.7427737 15.4430062,19.598951 15.5172414,19.4174757 C15.6267768,19.0830842 15.4940188,18.7157283 15.1982759,18.5348632 L8.70689655,15.4280671 C8.28279792,15.1893907 7.76892621,15.1893907 7.34482759,15.4280671 L1.72413793,18.5348632 C1.65968122,18.5709713 1.58169809,18.5709713 1.51724138,18.5348632 C1.45595472,18.494491 1.41993354,18.4240845 1.42241379,18.3495146 L1.42241379,5.17210944 C1.43103448,2.81553398 2.5862069,1.47396293 4.65517241,1.47396293 L11.5517241,1.47396293 C14.2068966,1.47396293 14.5948276,3.68049426 14.5948276,5.00441306 L14.5948276,5.60458959 L7.12931034,5.60458959 C6.93950091,5.61148655 6.76015756,5.69536443 6.63079621,5.83774183 C6.50143487,5.98011924 6.43267077,6.16931284 6.43965517,6.36363636 C6.44874481,6.74967865 6.75225353,7.06042014 7.12931034,7.06972639 L14.5689655,7.06972639 L14.5689655,14.7925861 C14.5689655,15.1971724 14.8893135,15.5251545 15.2844828,15.5251545 C15.6763098,15.5251836 15.9952792,15.2025475 16,14.8014122 L16,14.8014122 L16,5.00441306 C16,1.9152692 14.2931034,0 11.5258621,0 Z'/></g></svg>
</a>
</li>
</b:if>
<b:if cond='data:tags == 4'>
<li class='label-show'>
<input class='label-input hidden' id='offall-label' type='checkbox'/>
<div class='label-all'>
<ul>
<b:loop index='alltags' values='data:labels' var='label'>
<b:if cond='data:alltags >= 4'>
<li>
<a class='label-name' expr:href='data:label.url'>
<span class='label-title'><data:label.name/></span>
<b:if cond='data:this.showFreqNumbers'>
<span class='label-count'><data:label.count/></span>
</b:if>
<svg class='label-icon' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><g transform='translate(4.000000, 2.000000)'><path d='M11.5258621,0 L4.62931034,0 C1.78448276,0 0,1.9858782 0,5.17210944 L0,18.3230362 C0,19.2491977 0.733326703,20 1.63793103,20 C1.91180194,20 2.18135035,19.9300723 2.42241379,19.7969991 L8.03448276,16.6813769 L14.5689655,19.8146514 C14.7461483,19.8908228 14.9456376,19.8917645 15.1234989,19.8172691 C15.3013603,19.7427737 15.4430062,19.598951 15.5172414,19.4174757 C15.6267768,19.0830842 15.4940188,18.7157283 15.1982759,18.5348632 L8.70689655,15.4280671 C8.28279792,15.1893907 7.76892621,15.1893907 7.34482759,15.4280671 L1.72413793,18.5348632 C1.65968122,18.5709713 1.58169809,18.5709713 1.51724138,18.5348632 C1.45595472,18.494491 1.41993354,18.4240845 1.42241379,18.3495146 L1.42241379,5.17210944 C1.43103448,2.81553398 2.5862069,1.47396293 4.65517241,1.47396293 L11.5517241,1.47396293 C14.2068966,1.47396293 14.5948276,3.68049426 14.5948276,5.00441306 L14.5948276,5.60458959 L7.12931034,5.60458959 C6.93950091,5.61148655 6.76015756,5.69536443 6.63079621,5.83774183 C6.50143487,5.98011924 6.43267077,6.16931284 6.43965517,6.36363636 C6.44874481,6.74967865 6.75225353,7.06042014 7.12931034,7.06972639 L14.5689655,7.06972639 L14.5689655,14.7925861 C14.5689655,15.1971724 14.8893135,15.5251545 15.2844828,15.5251545 C15.6763098,15.5251836 15.9952792,15.2025475 16,14.8014122 L16,14.8014122 L16,5.00441306 C16,1.9152692 14.2931034,0 11.5258621,0 Z'/></g></svg>
</a>
</li>
</b:if>
</b:loop>
</ul>
</div>
<label class='label-more' expr:data-hide='data:messages.showLess' expr:data-show='data:messages.showMore' for='offall-label'>
<span><b:eval expr='"+" + (data:labels.length - 4) + " more"'/></span>
<svg viewBox='0 0 512 512'><path d='M256 294.1L383 167c9.4-9.4 24.6-9.4 33.9 0s9.3 24.6 0 34L273 345c-9.1 9.1-23.7 9.3-33.1.7L95 201.1c-4.7-4.7-7-10.9-7-17s2.3-12.3 7-17c9.4-9.4 24.6-9.4 33.9 0l127.1 127z'/></svg>
</label>
</li>
</b:if>
</b:loop>
</ul>
</b:includable>
</b:defaultmarkup>
<!-- Default profile Widget -->
<b:defaultmarkup type='Profile'>
<b:includable id='main' var='this'>
<b:include name='widget-title'/>
<b:include name='content'/>
</b:includable>
<b:includable id='authorProfileImage'>
<img class='profile-img post-thumb lazy' expr:alt='data:display-name' expr:data-src='data:authorPhoto.image' src='data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs='/>
</b:includable>
<b:includable id='content'>
<b:if cond='data:team'>
<div class='widget-content team'>
<b:include name='teamProfile'/>
</div>
<b:else/>
<div class='widget-content individual'>
<b:include name='userProfile'/>
</div>
</b:if>
</b:includable>
<b:includable id='defaultProfileImage'>
<div class='default-avatar post-thumb'>
<svg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><path d='M16,17a8,8,0,1,1,8-8A8,8,0,0,1,16,17ZM16,3a6,6,0,1,0,6,6A6,6,0,0,0,16,3Z'/><path d='M23,31H9a5,5,0,0,1-5-5V22a1,1,0,0,1,.49-.86l5-3a1,1,0,0,1,1,1.72L6,22.57V26a3,3,0,0,0,3,3H23a3,3,0,0,0,3-3V22.57l-4.51-2.71a1,1,0,1,1,1-1.72l5,3A1,1,0,0,1,28,22v4A5,5,0,0,1,23,31Z'/></svg>
</div>
</b:includable>
<b:includable id='profileImage'>
<b:if cond='data:authorPhoto.image'>
<b:include name='authorProfileImage'/>
<b:else/>
<b:include name='defaultProfileImage'/>
</b:if>
</b:includable>
<b:includable id='teamProfile'>
<ul>
<b:loop index='team' values='data:authors' var='author'>
<b:if cond='data:team <= 0'>
<li>
<div class='team-member'>
<b:include data='author' name='teamProfileLink'/>
</div>
</li>
</b:if>
<b:if cond='data:team >= 1'>
<li>
<div class='more-member'>
<label class='profile-more' for='offall-member'>
<svg class='post-thumb' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'><path d='M368.5 240H272v-96.5c0-8.8-7.2-16-16-16s-16 7.2-16 16V240h-96.5c-8.8 0-16 7.2-16 16 0 4.4 1.8 8.4 4.7 11.3 2.9 2.9 6.9 4.7 11.3 4.7H240v96.5c0 4.4 1.8 8.4 4.7 11.3 2.9 2.9 6.9 4.7 11.3 4.7 8.8 0 16-7.2 16-16V272h96.5c8.8 0 16-7.2 16-16s-7.2-16-16-16z'/></svg>
</label>
<span><b:eval expr='"+" + (data:authors.length - 1) + " more"'/></span>
</div>
<!-- Show all member/contributor in this blog -->
<input class='all-team hidden' id='offall-member' type='checkbox'/>
<div class='all-member'>
<div class='all-memberBox'>
<ul>
<b:loop values='data:authors' var='author'>
<li>
<div class='team-member'>
<b:include data='author' name='teamProfileMember'/>
</div>
</li>
</b:loop>
</ul>
<b:comment>Close authors pop-up</b:comment>
<div class='member-close'>
<label for='offall-member'>
<svg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'><path d='M278.6 256l68.2-68.2c6.2-6.2 6.2-16.4 0-22.6-6.2-6.2-16.4-6.2-22.6 0L256 233.4l-68.2-68.2c-6.2-6.2-16.4-6.2-22.6 0-3.1 3.1-4.7 7.2-4.7 11.3 0 4.1 1.6 8.2 4.7 11.3l68.2 68.2-68.2 68.2c-3.1 3.1-4.7 7.2-4.7 11.3 0 4.1 1.6 8.2 4.7 11.3 6.2 6.2 16.4 6.2 22.6 0l68.2-68.2 68.2 68.2c6.2 6.2 16.4 6.2 22.6 0 6.2-6.2 6.2-16.4 0-22.6L278.6 256z'/></svg>
</label>
</div>
</div>
<label class='full-close close-member' for='offall-member'/>
</div>
</li>
</b:if>
</b:loop>
</ul>
</b:includable>
<b:includable id='teamProfileLink'>
<a class='profile-link g-profile' expr:href='data:userUrl' expr:title='data:display-name' rel='nofollow noreferrer' target='_blank'>
<div class='profile-image'><b:include name='profileImage'/></div>
<div class='profile-name'><data:display-name/></div>
</a>
</b:includable>
<b:includable id='teamProfileMember'>
<div class='profile-link g-profile'>
<div class='profile-image'><b:include name='profileImage'/></div>
<div class='profile-name'><data:display-name/></div>
</div>
</b:includable>
<b:includable id='userGoogleProfile'><b:comment>Removed</b:comment></b:includable>
<b:includable id='userLocation'><b:comment>Removed</b:comment></b:includable>
<b:includable id='userProfile'>
<b:include name='userProfileImage'/>
<b:include name='userProfileInfo'/>
</b:includable>
<b:includable id='userProfileData'>
<b:include name='userProfileLink'/>
</b:includable>
<b:includable id='userProfileImage'>
<div class='profile-image'>
<div class='profile-g'>
<b:include name='profileImage'/>
</div>
<b:include name='userProfileMedia'/>
</div>
</b:includable>
<b:includable id='userProfileInfo'>
<div class='profile-info'>
<b:include name='userProfileData'/>
<b:include cond='data:aboutme != ""' name='userProfileText'/>
</div>
</b:includable>
<b:includable id='userProfileMedia'>
<!-- Link social media -->
<ul class='profile-media'>
<!-- Facebook -->
<li>
<a aria-label='Social Media' href='#' rel='noreferrer noopener' role='button' target='_blank'>
<svg viewBox='0 0 32 32'><path d='M24,3H8A5,5,0,0,0,3,8V24a5,5,0,0,0,5,5h8a1,1,0,0,0,1-1V20a1,1,0,0,0-1-1H15V17h1a1,1,0,0,0,1-1V12.5A2.5,2.5,0,0,1,19.5,10H22v2H21a2,2,0,0,0-2,2v2a1,1,0,0,0,1,1h1.72l-.5,2H20a1,1,0,0,0-1,1v4a1,1,0,0,0,2,0V21h1a1,1,0,0,0,1-.76l1-4a1,1,0,0,0-.18-.86A1,1,0,0,0,23,15H21V14h2a1,1,0,0,0,1-1V9a1,1,0,0,0-1-1H19.5A4.51,4.51,0,0,0,15,12.5V15H14a1,1,0,0,0-1,1v4a1,1,0,0,0,1,1h1v6H8a3,3,0,0,1-3-3V8A3,3,0,0,1,8,5H24a3,3,0,0,1,3,3V24a3,3,0,0,1-3,3H20a1,1,0,0,0,0,2h4a5,5,0,0,0,5-5V8A5,5,0,0,0,24,3Z'/></svg>
</a>
</li>
<!-- Twitter -->
<li>
<a aria-label='Social Media' href='#' rel='noreferrer noopener' role='button' target='_blank'>
<svg viewBox='0 0 32 32'><path d='M28.77,8.11a.87.87,0,0,0-.23-.2A4.69,4.69,0,0,0,29,6.54a1,1,0,0,0-.44-1,1,1,0,0,0-1.1,0,6.42,6.42,0,0,1-2.28.92,6.21,6.21,0,0,0-7.08-1A6.07,6.07,0,0,0,15,12.2a1,1,0,0,0,2-.4A4.08,4.08,0,0,1,19,7.28a4.24,4.24,0,0,1,5.12,1,1,1,0,0,0,.88.28l.25,0a1,1,0,0,0,.34,1.62,1,1,0,0,0-.36.88,13.07,13.07,0,0,1-4.89,11.24A12.75,12.75,0,0,1,7.69,24.61a9.06,9.06,0,0,0,4.54-2.18,1,1,0,0,0,.15-1.09,1,1,0,0,0-.93-.57,4,4,0,0,1-3-1.39,3.63,3.63,0,0,0,1-.35A1,1,0,0,0,10,18a1,1,0,0,0-.76-.84,4.42,4.42,0,0,1-3-2.48c.24,0,.48.05.74.06a1,1,0,0,0,1-.62A1,1,0,0,0,7.67,13C6,11.48,5.59,9.85,5.83,8.7a13.88,13.88,0,0,0,7,4,1,1,0,1,0,.38-2A12.1,12.1,0,0,1,6.39,6.31a1,1,0,0,0-.75-.38,1,1,0,0,0-.78.33,5.34,5.34,0,0,0-.31,6l-.09,0a1,1,0,0,0-.52.81,5.84,5.84,0,0,0,1.95,4.47,1,1,0,0,0-.18,1,6.63,6.63,0,0,0,3.18,3.57A13.89,13.89,0,0,1,4,23a1,1,0,0,0-.5,1.86A16.84,16.84,0,0,0,12,27.35a15.16,15.16,0,0,0,9.6-3.57,15.12,15.12,0,0,0,5.69-12.42,4.62,4.62,0,0,0,1.62-2.25A1,1,0,0,0,28.77,8.11Z'/></svg>
</a>
</li>
<!-- Instagram -->
<li>
<a aria-label='Social Media' href='#' rel='noreferrer noopener' role='button' target='_blank'>
<svg viewBox='0 0 32 32'><path d='M20.45,13.32a1,1,0,0,0-.57,1.3,4,4,0,1,1-2.31-2.3,1,1,0,1,0,.71-1.87,6,6,0,0,0-6.37,9.85,6,6,0,0,0,8.48,0,6,6,0,0,0,1.36-6.41A1,1,0,0,0,20.45,13.32Z'/><circle cx='23' cy='9' r='1'/><path d='M28,9a5,5,0,0,0-4.9-5h0A77.11,77.11,0,0,0,9,4,5,5,0,0,0,4,8.92,91.91,91.91,0,0,0,4,23a5,5,0,0,0,4.9,5h0c2.36.22,4.73.34,7.1.34s4.71-.11,7.05-.34A5,5,0,0,0,28,23.08,87.09,87.09,0,0,0,28,9ZM26,23a3,3,0,0,1-3,3h-.1A71.73,71.73,0,0,1,9,26a3,3,0,0,1-3-3.08A92.4,92.4,0,0,1,6,9,3,3,0,0,1,9.09,6q3.44-.31,6.9-.32T23,6a3,3,0,0,1,3,3.08A85.13,85.13,0,0,1,26,23Z'/></svg>
</a>
</li>
<!-- Linkedin -->
<li>
<a aria-label='Social Media' href='#' rel='noreferrer noopener' role='button' target='_blank'>
<svg viewBox='0 0 32 32'><path d='M6.5,3A3.5,3.5,0,1,0,10,6.5,3.5,3.5,0,0,0,6.5,3Zm0,5A1.5,1.5,0,1,1,8,6.5,1.5,1.5,0,0,1,6.5,8Z'/><path d='M9,11H4a1,1,0,0,0,0,2H8V27H5V16a1,1,0,0,0-2,0V28a1,1,0,0,0,1,1H9a1,1,0,0,0,1-1V12A1,1,0,0,0,9,11Z'/><path d='M27.34,12.68A5.94,5.94,0,0,0,23,11H22a7.84,7.84,0,0,0-4,.89A1,1,0,0,0,17,11H12a1,1,0,0,0-1,1V28a1,1,0,0,0,1,1h5a1,1,0,0,0,1-1V19a2,2,0,0,1,4,0v9a1,1,0,0,0,1,1h5a1,1,0,0,0,1-1V17A5.9,5.9,0,0,0,27.34,12.68ZM27,27H24V19a4,4,0,0,0-8,0v8H13V13h3v1a1,1,0,0,0,.62.92,1,1,0,0,0,1.09-.21c.95-1,1.7-1.71,4.29-1.71h1a4,4,0,0,1,2.92,1.09A4,4,0,0,1,27,17Z'/></svg>
</a>
</li>
</ul>
</b:includable>
<b:includable id='userProfileLink'>
<a class='profile-link' expr:href='data:userUrl' rel='author nofollow noreferrer' target='_blank'><data:displayname/></a>
</b:includable>
<b:includable id='userProfileText'>
<div class='profile-text'><b:eval expr='data:aboutme snippet {length: 60, links: false, linebreaks: false}'/></div>
</b:includable>
<b:includable id='viewProfileLink'><b:comment>Removed</b:comment></b:includable>
</b:defaultmarkup>
<!-- Default FollowByEmail Widget -->
<b:defaultmarkup type='FollowByEmail'>
<b:includable id='main'>
<b:include name='widget-title'/>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<div class='follow-by-email-inner'>
<!-- Replace <data:messages.getEmailNotifications/> untuk mengubah kalimat pada widget -->
<label class='follow-by-email-text' for='email-input'><data:messages.getEmailNotifications/></label>
<form expr:action='"https://feedburner.google.com/fb/a/mailverify?uri=" + data:feedPath' method='get' target='_blank'>
<input autocomplete='on' class='follow-by-email-address' id='email-input' name='email' placeholder='e.g. youremail@gmail.com' type='email'/>
<input class='follow-by-email-submit' expr:value='data:messages.subscribe' id='email-submit' type='submit'/>
<label class='follow-by-email-label' for='email-submit'>
<svg class='icon' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><g transform='translate(2.000000, 3.000000)'><path d='M14.1972579,8.17124146e-14 C17.3979916,0.00978563072 19.990286,2.62120148 20,5.84554455 L20,5.84554455 L20,7.30693069 L19.99354,7.4036631 C19.9466817,7.75161611 19.6506049,8.01980198 19.2923485,8.01980198 L19.2923485,8.01980198 L19.2835029,8.0019802 L19.1721336,7.99309967 C19.0257158,7.96959451 18.889286,7.90013647 18.7831177,7.79318503 C18.6504073,7.65949573 18.5758514,7.47817413 18.5758514,7.28910891 L18.5758514,7.28910891 L18.5758514,5.84554455 C18.5518871,3.41954659 16.6054921,1.45879454 14.1972579,1.43465347 L14.1972579,1.43465347 L5.80274215,1.43465347 C3.39450789,1.45879454 1.44811291,3.41954659 1.42414861,5.84554455 L1.42414861,5.84554455 L1.42414861,12.1544554 C1.44811291,14.5804534 3.39450789,16.5412055 5.80274215,16.5653465 L5.80274215,16.5653465 L14.1972579,16.5653465 C16.6054921,16.5412055 18.5518871,14.5804534 18.5758514,12.1544554 C18.6163388,11.7890822 18.922975,11.5127474 19.2879257,11.5127474 C19.6528764,11.5127474 19.9595126,11.7890822 20,12.1544554 C19.990286,15.3787985 17.3979916,17.9902144 14.1972579,18 L14.1972579,18 L5.80274215,18 C2.599996,17.995093 0.00487110525,15.3808258 -1.42108547e-14,12.1544554 L-1.42108547e-14,12.1544554 L-1.42108547e-14,5.84554455 C-1.42108547e-14,2.61713944 2.59797615,8.17124146e-14 5.80274215,8.17124146e-14 L5.80274215,8.17124146e-14 Z M4.29443312,5.38692655 C4.48070099,5.36682207 4.6671823,5.42289927 4.81203008,5.54257426 L4.81203008,5.54257426 L8.96948253,8.85742574 C9.48880627,9.2678976 10.2192875,9.2678976 10.7386112,8.85742574 L10.7386112,8.85742574 L14.8518355,5.54257426 L14.8606811,5.54257426 L14.9473987,5.48291804 C15.2462388,5.30808809 15.6344967,5.37260085 15.8602388,5.64950495 C15.9785304,5.79800076 16.0329385,5.98799536 16.0113373,6.17714498 C15.9897361,6.36629461 15.8939207,6.53887938 15.7452455,6.65643564 L15.7452455,6.65643564 L11.6320212,9.98019802 C10.5861526,10.8280382 9.09540423,10.8280382 8.0495356,9.98019802 L8.0495356,9.98019802 L3.92746572,6.65643564 L3.8513546,6.58355583 C3.61891283,6.32594359 3.59998262,5.92999594 3.821318,5.64950495 C3.93770999,5.50163353 4.10816526,5.40703103 4.29443312,5.38692655 Z'/></g></svg>
</label>
<input expr:value='data:feedPath' name='uri' type='hidden'/>
<input name='loc' type='hidden' value='en_US'/>
</form>
</div>
</b:includable>
</b:defaultmarkup>
</b:defaultmarkups>
<script>/*<![CDATA[*/
/* shinsenter/defer.js */
!function(e,o,t,n,i,d){function f(e,t){d?n(e,t||32):i.push(e,t)}function c(e,t,n,i){return t&&o.getElementById(t)||(i=o.createElement(e||"SCRIPT"),t&&(i.id=t),n&&(i.onload=n),o.head.appendChild(i)),i||{}}d=/p/.test(o.readyState),e.addEventListener("on"+t in e?t:"load",function(){for(d=1;i[0];)f(i.shift(),i.shift())}),f._=c,e.defer=f,e.deferscript=function(e,t,n,i){f(function(){c("",t,i).src=e},n)}}(this,document,"pageshow",setTimeout,[]); /*]]>*/</script>
<b:if cond='data:view.isSingleItem'>
<script>/*<![CDATA[*/ function medianTOC(){var a=1,b=0,c=""; document.getElementById("post-body").innerHTML=document.getElementById("post-body").innerHTML.replace(/<h([\d]).*?>(\n.*?|.*?)<\/h([\d]).*?>/gi,function(d,e,f,g){return e!=g?d:(e>a?c+=new Array(e-a+1).join("<ol class='point"+a+"'>"):e<a&&(c+=new Array(a-e+1).join("</ol></li>")),b+=1,c+='<li><a href="#'+f.replace(/[^a-z0-9]/gi," ").trim().replace(/\s/g,"")+'" title="'+f+'">'+f.replace(/[^a-z0-9]/gi," ")+"</a>",a=parseInt(e),"<h"+e+" id='"+f.replace(/[^a-z0-9]/gi," ").trim().replace(/\s/g,"")+"'>"+f+"</h"+g+">")}),a&&(c+=new Array(a+1).join("</ol>")),document.getElementById("post-tocContent").innerHTML+=c} /*]]>*/</script>
</b:if>
<!--JQUERY AJAX-->
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js'/>
<!--SELESAI-->
<!--<head/>--></head>
<body id='mainContent'>
<!--Syntax Highlighter-->
<!--[ Toast Notification ]-->
<div class='tNtf' id='toastNotif'/>
<!--selesai-->
<script>/*<![CDATA[*/ (localStorage.getItem('mode')) === 'darkmode' ? document.querySelector('#mainContent').classList.add('drK') : document.querySelector('#mainContent').classList.remove('drK') /*]]>*/</script>
<input class='nav-menu hidden' id='offnav-menu' type='checkbox'/>
<div class='mainWrapper'>
<div class='mainIner' id='mainIner'>
<b:class cond='data:view.isMultipleItems' name='multipleItem'/>
<b:class cond='data:view.isHomepage' name='home'/>
<b:class cond='data:view.isSingleItem' name='singleItem'/>
<b:class cond='data:view.isPage' name='page'/>
<b:class cond='data:view.isPost' name='post'/>
<b:class cond='data:view.isError' name='error-404'/>
<div class='blogTopc absolute z-max' id='blogTp'>
<div class='blogIn'>
<input class='topI hidden' id='offTop' type='checkbox'/>
<div class='topM'>
<div class='tpBr bg-white text-base dark:bg-neutral-900 text-neutral-900 dark:text-neutral-200'>
<div class='tpBrs'>
<div class='tpC'>
<svg class='rad' viewbox='0 0 160 160'><path d='M0-10,150,0l10,150S137.643,80.734,100.143,43.234,0-10,0-10Z' transform='translate(0 10)'/></svg>
<label class='bg-white dark:bg-neutral-700' data-text='Close' for='offTop'>
<!--[ Forward icon ]-->
<svg class='line' fill='none' viewbox='0 0 24 24'><g transform='translate(12.000000, 12.000000) rotate(-90.000000) translate(-12.000000, -12.000000) translate(5.000000, 8.500000)'><path d='M14,0 C14,0 9.856,7 7,7 C4.145,7 0,0 0,0'/></g></svg>
</label>
<svg class='rad in' viewbox='0 0 160 160'><path d='M0-10,150,0l10,150S137.643,80.734,100.143,43.234,0-10,0-10Z' transform='translate(0 10)'/></svg>
</div>
<b:section class='Reading Process bar' id='Blog Topic Menu' maxwidget='2' showaddelement='flase'>
<b:widget id='HTML8' locked='true' title='Topic Menu' type='HTML' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='content'><![CDATA[<!--[ you can only edit this widget from HTML theme ]-->]]></b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<div class='widget-content'>
<ul class='tpMn' id='tpcmn' itemscope='itemscope' itemtype='https://schema.org/SiteNavigationElement'>
<li class='drp'>
<details open=''>
<summary class='a'>
<span class='n'>Topics</span>
<svg class='line d' viewbox='0 0 24 24'><g transform='translate(5.000000, 8.500000)'><path d='M14,0 C14,0 9.856,7 7,7 C4.145,7 0,0 0,0'/></g></svg>
</summary>
<ul id='tpcmns'>
<li itemprop='name'><a href='#' itemprop='url'>Topics 01</a></li>
<li itemprop='name'><a href='#' itemprop='url'>Topics 02</a></li>
<li itemprop='name'><a href='#' itemprop='url'>Topics 03</a></li>
<li itemprop='name'><a href='#' itemprop='url'>Topics 04</a></li>
<li itemprop='name'><a href='#' itemprop='url'>Topics 06</a></li>
<li itemprop='name'><a href='#' itemprop='url'>Topics 07</a></li>
</ul>
</details>
</li>
<li class='drp br'>
<details>
<summary class='a'>
<span class='n'>News</span>
<svg class='line d' viewbox='0 0 24 24'><g transform='translate(5.000000, 8.500000)'><path d='M14,0 C14,0 9.856,7 7,7 C4.145,7 0,0 0,0'/></g></svg>
</summary>
<ul id='tpcmns'>
<li itemprop='name'><a href='#' itemprop='url'>Topics 7</a></li>
<li itemprop='name'><a href='#' itemprop='url'>Topics 8</a></li>
<li itemprop='name'><a href='#' itemprop='url'>Topics 9</a></li>
<li itemprop='name'><a href='#' itemprop='url'>Topics 10</a></li>
</ul>
</details>
</li>
<li>
<a class='a' href='#' itemprop='url'>
<span class='n' itemprop='name'>Sponsored</span>
</a>
</li>
<li>
<a class='a' href='#' itemprop='url'>
<span class='n extL' itemprop='name'>Donate</span>
</a>
</li>
<li>
<a class='a' href='#' itemprop='url'>
<span class='n' itemprop='name'>Credits</span>
</a>
</li>
</ul>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
<label class='fCls' for='offTop'/>
</div>
</div>
</div>
<!--[ Blog Topics End ]-->
<b:if cond='!data:view.isError'>
<!-- Header -->
<header class='header' id='header'>
<div class='navicon left'>
<label aria-label='Menu' class='nav' for='offnav-menu'><i/><i/><i/></label>
<b:if cond='data:view.isSingleItem'>
<a aria-label='Menu' class='nav home' expr:href='data:blog.homepageUrl' role='button'><i/><i/><i/></a>
</b:if>
</div>
<!-- Header Widget -->
<b:section id='header-widget' maxwidgets='1' showaddelement='false'>
<b:widget id='Header00' locked='true' title='SAYAP GARUDA (Header)' type='Header' version='2' visible='true'>
<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' var='this'>
<b:include cond='data:imagePlacement in {"REPLACE", "BEFORE_DESCRIPTION"}' name='image'/>
<b:include cond='data:imagePlacement not in {"REPLACE", "BEFORE_DESCRIPTION"}' name='title'/>
<b:include cond='data:imagePlacement != "REPLACE"' name='description'/>
<b:include cond='data:imagePlacement == "BEHIND"' name='behindImageStyle'/>
</b:includable>
<b:includable id='behindImageStyle'>
<b:if cond='data:sourceUrl'>
<b:include cond='data:this.image' data='{image: data:this.image, selector: "#header .widget"}' name='responsiveImageStyle'/>
</b:if>
</b:includable>
<b:includable id='description'>
<div class='description hidden'><data:this.description/></div>
</b:includable>
<b:includable id='image'>
<div class='header-inner'>
<a expr:href='data:blog.homepageUrl' expr:title='data:title'><img expr:alt='data:title' expr:src='resizeImage(data:sourceUrl, 300)' expr:title='data:title'/></a>
<b:include cond='data:this.imagePlacement == "REPLACE"' name='title'/>
</div>
</b:includable>
<b:includable id='title'>
<div class='header-inner'>
<b:class cond='data:this.imagePlacement == "REPLACE"' name='replaced'/>
<b:if cond='data:view.isSingleItem'>
<h2><a expr:data-text='data:title' expr:href='data:blog.homepageUrl' expr:title='data:title'><data:title/></a></h2>
<b:elseif cond='data:view.isHomepage'/>
<h1 expr:data-text='data:title'><data:title/></h1>
<b:else/>
<h1><a expr:data-text='data:title' expr:href='data:blog.homepageUrl' expr:title='data:title'><data:title/></a></h1>
</b:if>
</div>
</b:includable>
</b:widget>
</b:section>
<!-- Search Form -->
<div class='searchbar'>
<form class='search-form' expr:action='data:blog.homepageUrl + "search"' id='search-form' method='get'>
<input aria-label='Search' autocomplete='off' class='search-input' id='search-input' name='q' placeholder='e.g. best place in india' type='text'/>
<button aria-label='Search Button' class='search-button' role='button' type='submit'>
<svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><g transform='translate(2.000000, 2.000000)'><path d='M19.7555474,18.6065254 L16.3181544,15.2458256 L16.3181544,15.2458256 L16.2375905,15.1233001 C16.0877892,14.9741632 15.8829641,14.8901502 15.6691675,14.8901502 C15.4553709,14.8901502 15.2505458,14.9741632 15.1007444,15.1233001 L15.1007444,15.1233001 C12.1794834,17.8033337 7.6781476,17.94901 4.58200492,15.4637171 C1.48586224,12.9784243 0.75566836,8.63336673 2.87568494,5.31016931 C4.99570152,1.9869719 9.30807195,0.716847023 12.9528494,2.34213643 C16.5976268,3.96742583 18.4438102,7.98379036 17.2670181,11.7275931 C17.182269,11.9980548 17.25154,12.2921761 17.4487374,12.4991642 C17.6459348,12.7061524 17.9410995,12.794561 18.223046,12.7310875 C18.5049924,12.667614 18.7308862,12.4619014 18.8156353,12.1914397 L18.8156353,12.1914397 C20.2223941,7.74864367 18.0977423,2.96755391 13.8161172,0.941057725 C9.53449216,-1.08543846 4.38083811,0.250823958 1.68905427,4.08541671 C-1.00272957,7.92000947 -0.424820906,13.1021457 3.0489311,16.2795011 C6.5226831,19.4568565 11.8497823,19.6758854 15.5841278,16.7948982 L18.6276529,19.7705177 C18.9419864,20.0764941 19.4501654,20.0764941 19.764499,19.7705177 C20.0785003,19.4602048 20.0785003,18.9605974 19.764499,18.6502845 L19.764499,18.6502845 L19.7555474,18.6065254 Z'/></g></svg>
</button>
<button aria-label='Search Close' class='navicon search' role='button' type='reset'>
<svg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'><path d='M278.6 256l68.2-68.2c6.2-6.2 6.2-16.4 0-22.6-6.2-6.2-16.4-6.2-22.6 0L256 233.4l-68.2-68.2c-6.2-6.2-16.4-6.2-22.6 0-3.1 3.1-4.7 7.2-4.7 11.3 0 4.1 1.6 8.2 4.7 11.3l68.2 68.2-68.2 68.2c-3.1 3.1-4.7 7.2-4.7 11.3 0 4.1 1.6 8.2 4.7 11.3 6.2 6.2 16.4 6.2 22.6 0l68.2-68.2 68.2 68.2c6.2 6.2 16.4 6.2 22.6 0 6.2-6.2 6.2-16.4 0-22.6L278.6 256z'/></svg>
</button>
<span class='full-close search'/>
</form>
</div>
<!-- Header Icon -->
<div class='navicon right'>
<span class='dark-switch' onclick='darkMode()'><i class='check'/></span>
<label aria-label='Search' class='navSearch' for='search-input'>
<svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><g transform='translate(2.000000, 2.000000)'><path d='M19.7555474,18.6065254 L16.3181544,15.2458256 L16.3181544,15.2458256 L16.2375905,15.1233001 C16.0877892,14.9741632 15.8829641,14.8901502 15.6691675,14.8901502 C15.4553709,14.8901502 15.2505458,14.9741632 15.1007444,15.1233001 L15.1007444,15.1233001 C12.1794834,17.8033337 7.6781476,17.94901 4.58200492,15.4637171 C1.48586224,12.9784243 0.75566836,8.63336673 2.87568494,5.31016931 C4.99570152,1.9869719 9.30807195,0.716847023 12.9528494,2.34213643 C16.5976268,3.96742583 18.4438102,7.98379036 17.2670181,11.7275931 C17.182269,11.9980548 17.25154,12.2921761 17.4487374,12.4991642 C17.6459348,12.7061524 17.9410995,12.794561 18.223046,12.7310875 C18.5049924,12.667614 18.7308862,12.4619014 18.8156353,12.1914397 L18.8156353,12.1914397 C20.2223941,7.74864367 18.0977423,2.96755391 13.8161172,0.941057725 C9.53449216,-1.08543846 4.38083811,0.250823958 1.68905427,4.08541671 C-1.00272957,7.92000947 -0.424820906,13.1021457 3.0489311,16.2795011 C6.5226831,19.4568565 11.8497823,19.6758854 15.5841278,16.7948982 L18.6276529,19.7705177 C18.9419864,20.0764941 19.4501654,20.0764941 19.764499,19.7705177 C20.0785003,19.4602048 20.0785003,18.9605974 19.764499,18.6502845 L19.764499,18.6502845 L19.7555474,18.6065254 Z'/></g></svg>
</label>
</div>
<!--TOMBOL DEMO DOWNLOAD-->
<style type='text/css'>
/* Style button by gurudzgn.com */
#btn-container {margin: 10px auto;
text-align: center;}
#btn-container br {display: none;}
.btn-demo, .btn-download{position: relative;display: inline-block;height: 50px;width: 200px;line-height: 50px;padding: 0;border-radius: 50px;background: #fdfdfd;border: 2px solid #4e92df;margin: 10px;transition: .5s}
.btn-download {border: 2px solid #008000;}
.btn-demo:hover {background-color: #4e92df;}
.btn-download:hover {background-color: #008000;}
.btn-demo:hover span.circle, .btn-download:hover span.circle2{left: 100%;margin-left: -45px;background-color: #fdfdfd;}
.btn-demo:hover span.circle{color: #4e92df;}
.btn-download:hover span.circle2 {color: #008000;}
.btn-demo span.circle svg, .btn-download span.circle2 svg{width:22px;height:22px;padding:9px 1px 0 1px;}
.btn-demo:hover span.title, .btn-download:hover span.title2{left: 40px;opacity: 0;}
.btn-demo:hover span.title-hover, .btn-download:hover span.title-hover2{opacity: 1;left: 40px;}
.btn-demo span.circle, .btn-download span.circle2{display: block;background-color: #4e92df;color: #fff;position: absolute;float: left;margin: 5px;line-height: 42px;height: 40px;width: 40px;top: 0;left: 0;transition: .5s;border-radius: 50%;}
.btn-download span.circle2 {background-color: #008000;}
.btn-demo span.title,.btn-demo span.title-hover, .btn-download span.title2,.btn-download span.title-hover2{position: absolute;left: 90px;text-align: center;margin: 0 auto;font-size: 16px;font-weight: bold;color: #4e92df;transition: .5s;}
.btn-download span.title2,.btn-download span.title-hover2 {color: #008000;left: 80px;}
.btn-demo span.title-hover, .btn-download span.title-hover2{left: 80px;opacity: 0;}
.btn-demo span.title-hover, .btn-download span.title-hover2{color: #fff;}
</style>
<!--SELESAI-->
<!--MENYEMBUNYIKAN GAMBAR DI POSTINGAN-->
<!-- Menyembunyikan Thumbnail -->
<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
.thumbnail {display:none}
</style>
</b:if>
<!--SELESAI-->
<!--BIO DATA-->
<style type='text/css'>
/*Created By www.gurudzgn.com*/.cv-ui-usercard{box-sizing:border-box;display:flex;flex-direction:column;background-image:linear-gradient(39deg,#FFF 44%,#E8ECF0 0%);margin:2rem auto 1rem;position:relative;z-index:5;box-shadow:5px 5px 10px rgba(0,0,0,0.5);border-radius:20px}.cv-ui-usercard:hover{box-shadow:2px 2px 5px rgba(0,0,0,0.5)}@media screen and (min-width:641px){.cv-ui-usercard{width:38rem}}@media screen and (max-width:640px){.cv-ui-usercard{width:90%}}.cv-ui-usercard__body{padding-bottom:2rem;flex-grow:2;color:#000}.cv-ui-usercard__header{padding:3rem 5% 2rem;display:flex;align-items:center;background-image:linear-gradient(to bottom,#0067b0,#039be5);color:#fff;border-radius:20px 20px 0 0}.cv-ui-usercard__avatar{background-image:linear-gradient(39deg,#FFF 50%,#E8ECF0 0%);border-radius:50%;border:none;box-sizing:border-box;margin-right:4%;width:10rem;height:10rem;-webkit-transition:all 1.5s ease-in-out;transition:all 1.5s ease-in-out;z-index:99;box-shadow:2px 6px 10px rgba(0,0,0,0.5)}.border-avatar{position:absolute;border-radius:50%;border:4px groove #fff;box-sizing:border-box;margin-right:4%;width:10rem;height:10rem;-webkit-transition:all 1.5s ease-in-out;transition:all 1.5s ease-in-out;z-index:100;cursor:pointer}.border-avatar:hover{-webkit-transform:rotate(-540deg);transform:rotate(-540deg)}.cv-ui-usercard__name{font-size:18px;font-weight:300;margin-top:0;margin-bottom:0}.cv-ui-usercard__name-label{font-weight:700;font-size:20px;font-weight:300;margin-top:0;margin-bottom:0}.cv-ui-usercard__post{display:block}.cv-ui-usercard__title{padding:0 5% 1.5rem;margin-top:-70px;margin-bottom:40px;color:#039be5;background-color:#039be5}.cv-ui-usercard__title h4{padding:3px 10px 2px;font-weight:300;font-size:16px;background:#fff;display:inline-block;border-radius:50px;top:47px;position:relative;border:4px solid #039be5;text-transform:capitalize}.cv-ui-stats{box-sizing:border-box;font-size:1.4rem}.cv-ui-stats__name,.cv-ui-stats__value{display:block;word-break:break-all}.cv-ui-stats__value{text-decoration:none;color:#000!important;margin-top:.2em}.cv-ui-usercard__stats{padding-right:4%;padding-left:4%;text-align:center;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start}.cv-ui-usercard__stats-item{width:48%;margin-top:3rem}.cv-ui-usercard__stats-item:first-child,.cv-ui-usercard__stats-item:nth-child(2){margin-top:0}.cv-ui-usercard__social:last-child{margin-right:0}.cv-ui-usercard__stats-info{margin-top:.7rem}.cv-ui-usercard__stats-name{font-weight:700;font-size:1.6rem}.cv-ui-usercard__footer{padding:1.5rem 4%;text-align:center;background-color:#0067b0;color:#fff;border-radius:0 0 20px 20px}.cv-ui-icon{width:2em;height:2em;display:inline-block;background-repeat:no-repeat;background-position:50% 50%;background-size:contain}.cv-ui-social{display:inline-block;vertical-align:middle;position:relative;overflow:hidden}.cv-ui-social__name{position:relative;font-size:12px}.cv-ui-usercard__social{font-size:1rem;padding:2px 4px;background:#2cd46b;border-radius:50px}.cv-ui-slider{position:relative;overflow:hidden;box-sizing:border-box;height:32rem}.cv-ui-slider__slides{height:100%;transform:translate3d(0,0,0);transition:transform .4s}.cv-ui-slider__slide{position:absolute;width:100%;height:100%;top:0}.cv-ui-slider__slide:nth-of-type(1){left:0}.cv-ui-slider__slide:nth-of-type(2){left:100%}.cv-ui-slider__slide:nth-of-type(3){left:200%}.cv-ui-slider__slide:nth-of-type(4){left:300%}.cv-ui-slider__slide:nth-of-type(5){left:400%}.cv-ui-slider__control{width:1.2rem;height:1.2rem;display:block;border-radius:50%;cursor:pointer;text-indent:-9999px;position:absolute;z-index:3}.cv-ui-usercard__switch{position:absolute;top:0;left:-9999px}.cv-ui-slider__switch:nth-of-type(1):checked ~ .cv-ui-slider__slides{transform:translate3d(0%,0,0)}.cv-ui-slider__switch:nth-of-type(2):checked ~ .cv-ui-slider__slides{transform:translate3d(-100%,0,0)}.cv-ui-slider__switch:nth-of-type(3):checked ~ .cv-ui-slider__slides{transform:translate3d(-200%,0,0)}.cv-ui-slider__switch:nth-of-type(4):checked ~ .cv-ui-slider__slides{transform:translate3d(-300%,0,0)}.cv-ui-slider__switch:nth-of-type(5):checked ~ .cv-ui-slider__slides{transform:translate3d(-400%,0,0)}.cv-ui-usercard__switch:checked + .cv-ui-slider__control:before{transform:scale(0.7) translateZ(0)}.cv-ui-usercard__control{border:3px solid #039be5;overflow:hidden;position:absolute;margin-left:-.75rem;bottom:1rem;z-index:2;display:flex;justify-content:center;align-items:center;transform:translateZ(0)}.cv-ui-usercard__control:before{content:"";display:block;width:100%;height:100%;border-radius:50%;transform:scale(0) translateZ(0);background-color:#039be5;transition:transform .2s ease-out}.cv-ui-usercard__control:nth-of-type(1){left:30%}.cv-ui-usercard__control:nth-of-type(2){left:40%}.cv-ui-usercard__control:nth-of-type(3){left:50%}.cv-ui-usercard__control:nth-of-type(4){left:60%}.cv-ui-usercard__control:nth-of-type(5){left:70%}@media screen and (min-width:981px){html{font-size:62.5%}}@media screen and (min-width:641px) and (max-width:980px){html{font-size:9px}}@media screen and (max-width:640px){html{font-size:8px}}.container-cv-ui{font-family:"Roboto","Arial",sans-serif;font-size:14px;color:#fff;margin:0}a{color:inherit;text-decoration:none}.footer{text-align:center;padding-top:1.5rem;padding-bottom:1.5rem;position:relative;z-index:5}@media screen and (max-width:640px){.footer{font-size:1.4rem}}svg{width:24px;height:24px}svg path{fill:#039be5}.cv-ui-usercard__footer svg path{fill:#fff}
</style>
<!--SELESAI-->
<!--pembungkus Syntax Highlighter-->
<style type='text/css'>
/* Highlighter */
pre{white-space:pre;word-wrap:normal;overflow:auto;font-size:14px;margin:0;padding:0}hr{margin-top:2rem;background:#ccc;height:1px;border:0;margin-bottom:2rem}
.post-body code{padding:1.2em}.post-body pre{padding:0;border-radius:3px;background-color:#292e34;word-spacing:normal;word-break:normal;line-height:1.4em}.post-body .hljs{display:block;overflow-x:auto;padding:1.2em;background:#2b2b2c;color:#fff;line-height:1.5;text-align:left;word-spacing:0;font-family:monospace;border-radius:3px}.post-body .hljs-name,.post-body .hljs-strong{font-weight:bold}.post-body .hljs-code,.post-body .hljs-emphasis{font-style:italic}.post-body .hljs-tag{color:#62c8f3}.post-body .hljs-variable,.post-body .hljs-template-variable,.post-body .hljs-selector-id,.post-body .hljs-selector-class{color:#ade5fc}.post-body .hljs-string,.post-body .hljs-bullet{color:#a2fca2}.post-body .hljs-type,.post-body .hljs-title,.post-body .hljs-section,.post-body .hljs-attribute,.post-body .hljs-quote,.post-body .hljs-built_in,.post-body .hljs-builtin-name{color:#ffa}.post-body .hljs-number,.post-body .hljs-symbol,.post-body .hljs-bullet{color:#d36363}.post-body .hljs-keyword,.post-body .hljs-selector-tag,.post-body .hljs-literal{color:#fcc28c}.post-body .hljs-comment,.post-body .hljs-deletion,.post-body .hljs-code{color:#888}.post-body .hljs-regexp,.post-body .hljs-link{color:#c6b4f0}.post-body .hljs-meta{color:#fc9b9b}.post-body .hljs-deletion{background-color:#fc9b9b;color:#333}.post-body .hljs-addition{background-color:#a2fca2;color:#333}.post-body .hljs a{color:inherit}.post-body .hljs a:focus,.post-body .hljs a:hover{color:inherit;text-decoration:underline}mark .post-body .hljs-attr,mark .post-body .hljs-string,mark .post-body .hljs-bullet{background-color:#e67e22;color:#fff}.post-body .hljs mark{background-color:#f24a4a;color:#fff;padding:2px 5px;border-radius:2px}.post-body .hljs mark span.hljs-number,.post-body .hljs mark span.hljs-comment,.post-body .hljs mark span.hljs-symbol,.post-body .hljs mark span.hljs-string,.post-body .hljs mark span.hljs-attr,.post-body .hljs mark span.hljs-keyword,.post-body .hljs mark span.hljs-name,.post-body .hljs mark span.hljs-tag{color:#fff;margin:.15rem 0}
</style>
<!--SELESAI-->
<!--AUTHOR-->
<link crossorigin='anonymous' href='https://use.fontawesome.com/releases/v5.7.2/css/all.css' integrity='sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr' rel='stylesheet'/>
<!--SELESAI-->
<!--ajax jquery-->
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js'/>
<!--selesai-->
</header>
<!-- Iklan Billboard -->
<b:section id='large-ads' maxwidgets='1' showaddelement='true'>
<b:widget id='LinkList001' locked='true' title='Scroll Menu' type='LinkList' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='text-9'>Highlight </b:widget-setting>
<b:widget-setting name='link-9'>https://</b:widget-setting>
<b:widget-setting name='text-8'>Motion </b:widget-setting>
<b:widget-setting name='link-7'>https://</b:widget-setting>
<b:widget-setting name='link-8'>https://</b:widget-setting>
<b:widget-setting name='link-5'>/search/label/Food</b:widget-setting>
<b:widget-setting name='link-6'>/search/label/Adventure</b:widget-setting>
<b:widget-setting name='link-3'>/search/label/Photography</b:widget-setting>
<b:widget-setting name='link-4'>/search/label/Nature</b:widget-setting>
<b:widget-setting name='text-1'>Travel</b:widget-setting>
<b:widget-setting name='text-0'>Art</b:widget-setting>
<b:widget-setting name='text-3'>Photography</b:widget-setting>
<b:widget-setting name='text-2'>Life Style</b:widget-setting>
<b:widget-setting name='text-5'>Food</b:widget-setting>
<b:widget-setting name='text-4'>Nature</b:widget-setting>
<b:widget-setting name='text-7'>Design </b:widget-setting>
<b:widget-setting name='text-6'>Adventure</b:widget-setting>
<b:widget-setting name='sorting'>NONE</b:widget-setting>
<b:widget-setting name='link-1'>/search/label/Travel</b:widget-setting>
<b:widget-setting name='link-2'>/search/label/Life%20Style</b:widget-setting>
<b:widget-setting name='link-0'>/search/label/Art</b:widget-setting>
</b:widget-settings>
<b:includable id='main'><![CDATA[ ]]>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<!--[ Scroll Menu ]-->
<nav class='glass navS scrlH'>
<div class='secIn'>
<ul>
<b:loop index='s' values='data:links' var='link'>
<b:if cond='data:s <= 12'>
<li>
<b:tag class='l' expr:data-text='data:link.name' expr:name='data:link.target != "#" and data:link.target != data:blog.url.canonical ? "a" : "span"'>
<b:attr cond='data:link.target != "#" and data:link.target != data:blog.url.canonical' expr:value='data:link.target' name='href'/>
<b:attr cond='data:link.target != "#" and data:link.target != data:blog.url.canonical' expr:value='data:link.name' name='aria-label'/>
<b:class cond='data:link.target == data:blog.url.canonical' name='a'/>
</b:tag>
</li>
</b:if>
</b:loop>
</ul>
</div>
</nav>
</b:includable>
</b:widget>
</b:section>
<div class='mainContainer'>
<div class='mainbar'>
<main>
<b:section cond='data:view.isHomepage' id='main-ads' maxwidgets='3' showaddelement='true'>
<b:widget cond='!data:view.isPreview' id='HTML002' locked='true' title='Ads Area' type='HTML' version='2' visible='false'>
<b:widget-settings>
<b:widget-setting name='content'><![CDATA[<!-- replace all the code here with your ad code --><div class='ads-here'><i class='ads-img'></i><i class='ads-content'></i><i class='ads-button'></i></div>]]></b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<div class='ads-content'>
<data:content/>
</div>
</b:includable>
</b:widget>
<b:widget cond='data:view.isHomepage' id='HTML003' locked='true' title='Slideshow' type='HTML' version='2' visible='false'>
<b:widget-settings>
<b:widget-setting name='content'>fbdfngfnmhgmhgm,hg,</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<div class='widget-content'>
<section aria-label='Gallery' class='carousel'>
<ol class='carousel-viewport'>
<li class='carousel-slide' id='carousel-slide1' tabindex='0'>
<div class='carousel-snapper'>
<!-- Tambahkan/ganti bagian ini dengan gambar Anda -->
<div class='text-here'>
<span class='text-left'>
<i/><i class='bot'/><i class='go'/>
</span>
<span class='text-img' style='margin-left:25px'/>
</div>
<!-- Sampai disini -->
</div>
<a aria-label='Previous' class='carousel-prev' href='#carousel-slide4' role='button'/>
<a aria-label='Next' class='carousel-next' href='#carousel-slide2' role='button'/>
</li>
<li class='carousel-slide' id='carousel-slide2' tabindex='0'>
<div class='carousel-snapper'>
<!-- Tambahkan/ganti gambar Anda disini -->
<div class='text-here'>
<span class='text-left'>
<i style='margin:auto;background-color:#fefefe'/>
<i class='bot' style='margin-left:auto;margin-right:auto;background-color:#fefefe'/>
<i class='go' style='margin-left:auto;margin-right:auto;width:30%;max-width:150px;background-color:#ebeced'/>
</span>
</div>
<!-- Sampai disini -->
</div>
<a aria-label='Previous' class='carousel-prev' href='#carousel-slide1' role='button'/>
<a aria-label='Next' class='carousel-next' href='#carousel-slide3' role='button'/>
</li>
<li class='carousel-slide' id='carousel-slide3' tabindex='0'>
<div class='carousel-snapper'>
<!-- Tambahkan/ganti gambar Anda disini -->
<div class='text-here'>
<span class='text-img' style='margin-right:25px;'/>
<span class='text-left'>
<i/><i class='bot'/><i class='go'/>
</span>
</div>
<!-- Sampai disini -->
</div>
<a aria-label='Previous' class='carousel-prev' href='#carousel-slide2' role='button'/>
<a aria-label='Next' class='carousel-next' href='#carousel-slide1' role='button'/>
</li>
</ol>
<!-- Tombol Navigasi -->
<aside class='carousel-navigation'>
<ol class='carousel-navigation-list'>
<li class='carousel-navigation-item'>
<a aria-label='Carousel Next' class='carousel-navigation-button' href='#carousel-slide1' role='button'/>
</li>
<li class='carousel-navigation-item'>
<a aria-label='Carousel Next' class='carousel-navigation-button' href='#carousel-slide2' role='button'/>
</li>
<li class='carousel-navigation-item'>
<a aria-label='Carousel Next' class='carousel-navigation-button' href='#carousel-slide3' role='button'/>
</li>
</ol>
</aside>
</section>
</div>
</b:includable>
</b:widget>
<b:widget cond='data:view.isHomepage' id='FeaturedPost00' locked='false' title='Trending' type='FeaturedPost' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='showSnippet'>true</b:widget-setting>
<b:widget-setting name='showPostTitle'>true</b:widget-setting>
<b:widget-setting name='postId'>4061655064001068387</b:widget-setting>
<b:widget-setting name='showFirstImage'>true</b:widget-setting>
<b:widget-setting name='useMostRecentPost'>false</b:widget-setting>
</b:widget-settings>
<b:includable id='main' var='this'>
<b:if cond='data:title != ""'>
<div class='widget-title'>
<h3 class='title'><data:title/></h3>
</div>
</b:if>
<b:include name='snippetedPosts'/>
</b:includable>
<b:includable id='blogThisShare'/>
<b:includable id='bylineByName' var='byline'/>
<b:includable id='bylineRegion' var='regionItems'/>
<b:includable id='commentsLink'>
<div class='comments-bubble'>
<span><data:post.numberOfComments/></span>
<svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><g transform='translate(2.000000, 2.000000)'><path d='M10.0067501,0 C11.62449,0 13.2360653,0.399066203 14.6679897,1.15403251 C19.5432254,3.72637977 21.4181128,9.7854909 18.847518,14.6623794 C17.0941592,17.9879311 13.6420414,20 9.99530173,20 C9.28286212,20 8.56337738,19.9233581 7.8474152,19.7647888 C7.44408103,19.6749328 7.18957541,19.2749857 7.27852028,18.8715148 C7.36746515,18.4680439 7.76639611,18.2152138 8.1723722,18.302427 C11.8966084,19.1305114 15.7414927,17.3430824 17.523032,13.9637933 C19.7087862,9.81808572 18.1148236,4.66546271 13.9696404,2.47896754 C12.7525927,1.83676166 11.3823133,1.49759944 10.0058694,1.49759944 L10.0058694,1.49759944 C5.31028477,1.49759944 1.49710367,5.31119235 1.49710367,9.99867859 C1.49534238,11.3641369 1.82822517,12.7234286 2.45964569,13.9311985 L2.45964569,13.9311985 L2.65162571,14.3064793 C2.8867572,14.7469497 2.93871509,15.294014 2.78636398,15.7891028 C2.57589047,16.3440955 2.40064266,16.8841122 2.25621732,17.4214861 C2.8180671,17.2523455 3.50408744,17.0030392 3.99988905,16.8224464 L3.99988905,16.8224464 L4.20331742,16.7493283 C4.5881581,16.6057349 5.02055346,16.8092323 5.16145622,17.1986081 C5.30235899,17.587103 5.10069191,18.0170022 4.71232866,18.1570718 L4.71232866,18.1570718 L4.51154222,18.2301898 C3.77004141,18.4988768 2.7555415,18.867991 2.0704018,19.0212747 C2.01227941,19.0336079 1.9497538,19.0415364 1.89251206,19.0397745 C1.43281678,19.0397745 1.15277254,18.853896 0.998660135,18.6970885 C0.76176736,18.4565916 0.649045147,18.1191913 0.662254782,17.6945778 C0.664016066,17.6461261 0.670180562,17.5959124 0.681628912,17.5474607 C0.859518654,16.7898516 1.09112758,16.0340043 1.37117182,15.3019425 C1.39142659,15.2305863 1.3790976,15.101088 1.32185585,14.9927322 L1.32185585,14.9927322 L1.12899519,14.6183324 C0.390136315,13.2035414 -0.00174950235,11.6028719 5.87135273e-06,9.99779765 C5.87135273e-06,4.48486984 4.48424231,0 9.99530173,0 L9.99530173,0 Z M9.99565399,8.80949654 C10.6517325,8.80949654 11.1845211,9.34334669 11.1845211,9.99876668 C11.1845211,10.6541867 10.6517325,11.1880368 9.99565399,11.1880368 C9.33957549,11.1880368 8.8067869,10.6541867 8.8067869,9.99876668 C8.8067869,9.34334669 9.33957549,8.80949654 9.99565399,8.80949654 Z M14.3988654,8.80949654 C15.0549439,8.80949654 15.5877325,9.34334669 15.5877325,9.99876668 C15.5877325,10.6541867 15.0549439,11.1880368 14.3988654,11.1880368 C13.7427869,11.1880368 13.2099983,10.6541867 13.2099983,9.99876668 C13.2099983,9.34334669 13.7427869,8.80949654 14.3988654,8.80949654 Z M5.59235449,8.80984892 C6.248433,8.80984892 6.78122158,9.34281813 6.78122158,9.99911906 C6.78122158,10.654539 6.248433,11.1875083 5.59235449,11.1875083 C4.93627599,11.1875083 4.40348741,10.654539 4.40348741,9.99911906 C4.40348741,9.34281813 4.93627599,8.80984892 5.59235449,8.80984892 Z'/></g></svg>
</div>
</b:includable>
<b:includable id='commentsLinkIframe'/>
<b:includable id='emailPostIcon'/>
<b:includable id='facebookShare'/>
<b:includable id='footerBylines'/>
<b:includable id='googlePlusShare'/>
<b:includable id='headerByline'/>
<b:includable id='linkShare'/>
<b:includable id='otherSharingButton'/>
<b:includable id='platformShare'/>
<b:includable id='postAuthor'/>
<b:includable id='postCommentsLink'/>
<b:includable id='postJumpLink' var='post'/>
<b:includable id='postLabels'>
<div class='item-label'>
<b:loop index='num' values='data:post.labels' var='label'>
<b:if cond='data:num == 0'>
<span><data:label.name/></span><b:if cond='data:label.isLast != "true"'/>
</b:if>
<b:if cond='data:num == 1'>
<span><data:label.name/></span><b:if cond='data:label.isLast != "true"'/>
</b:if>
</b:loop>
</div>
</b:includable>
<b:includable id='postLocation'/>
<b:includable id='postReactions'/>
<b:includable id='postShareButtons'/>
<b:includable id='postTimestamp'>
<div class='item-timestamp'>
<time class='published' expr:datetime='data:post.date.iso8601'><data:post.date/></time>
</div>
</b:includable>
<b:includable id='sharingButton'/>
<b:includable id='sharingButtonContent'/>
<b:includable id='sharingButtons'/>
<b:includable id='sharingButtonsMenu'/>
<b:includable id='sharingPlatformIcon'/>
<b:includable id='snippetedPostByline'/>
<b:includable id='snippetedPostContent'>
<b:include cond='data:this.postDisplay.showFeaturedImage and data:post.featuredImage' name='snippetedPostThumbnail'/>
<div class='item-content'>
<b:include cond='data:this.postDisplay.showTitle' name='snippetedPostTitle'/>
<b:include cond='data:this.postDisplay.showSnippet' name='snippetedPostEntry'/>
<b:include name='snippetedPostHeader'/>
</div>
</b:includable>
<b:includable id='snippetedPostEntry'>
<b:comment>Dont show.</b:comment>
<div class='item-entry'>
<b:eval expr='snippet(data:post.body, {length: 90, links: true, linebreaks: false})'/>
</div>
</b:includable>
<b:includable id='snippetedPostHeader'>
<div class='item-header'>
<div class='item-info'>
<b:include cond='data:post.labels' name='postLabels'/>
<div class='item-published'>
<b:include name='postTimestamp'/>
</div>
</div>
<div class='item-comment'>
<b:include cond='data:post.allowComments and data:post.numberOfComments > 0' name='commentsLink'/>
</div>
</div>
</b:includable>
<b:includable id='snippetedPostThumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.url'>
<img class='post-thumb lazy' expr:alt='data:post.title' expr:data-src='resizeImage(data:post.featuredImage, 600, "18:9")' src='data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs='/>
</a>
</div>
</b:includable>
<b:includable id='snippetedPostTitle'>
<b:if cond='data:post.title != ""'>
<h4 class='item-title'><a expr:href='data:post.url'><data:post.title/></a></h4>
</b:if>
</b:includable>
<b:includable id='snippetedPosts'>
<div class='item-featured' role='feed'>
<!-- Don't render the post that we're currently already looking at. -->
<b:loop values='data:posts filter (p => p.id != data:view.postId)' var='post'>
<article class='post'>
<b:class cond='!data:this.postDisplay.showFeaturedImage' name='no-thumbnail'/>
<b:include name='snippetedPostContent'/>
</article>
</b:loop>
</div>
</b:includable>
</b:widget>
</b:section>
<!-- Widget utama -->
<b:section id='main-widget' showaddelement='true'>
<b:widget id='Blog00' locked='true' title='Postingan Blog' type='Blog' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='commentLabel'>Komentar</b:widget-setting>
<b:widget-setting name='showShareButtons'>true</b:widget-setting>
<b:widget-setting name='authorLabel'>Author :</b:widget-setting>
<b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
<b:widget-setting name='timestampLabel'>Pada</b:widget-setting>
<b:widget-setting name='reactionsLabel'/>
<b:widget-setting name='showAuthorProfile'>true</b:widget-setting>
<b:widget-setting name='style.layout'>1x1</b:widget-setting>
<b:widget-setting name='showLocation'>false</b:widget-setting>
<b:widget-setting name='showTimestamp'>false</b:widget-setting>
<b:widget-setting name='postsPerAd'>1</b:widget-setting>
<b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>
<b:widget-setting name='showDateHeader'>false</b:widget-setting>
<b:widget-setting name='style.textcolor'>#ffffff</b:widget-setting>
<b:widget-setting name='showCommentLink'>true</b:widget-setting>
<b:widget-setting name='style.urlcolor'>#ffffff</b:widget-setting>
<b:widget-setting name='postLocationLabel'>Location:</b:widget-setting>
<b:widget-setting name='showAuthor'>true</b:widget-setting>
<b:widget-setting name='style.linkcolor'>#ffffff</b:widget-setting>
<b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>
<b:widget-setting name='showLabels'>true</b:widget-setting>
<b:widget-setting name='postLabelsLabel'>di label</b:widget-setting>
<b:widget-setting name='showBacklinks'>false</b:widget-setting>
<b:widget-setting name='showInlineAds'>false</b:widget-setting>
<b:widget-setting name='showReactions'>false</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:include cond='data:view.isMultipleItems' name='titlePostWidget'/>
<b:include name='noContentPlaceholder'/>
<b:comment>Filter out the featured post, but only on the homepage.</b:comment>
<b:with value='data:widgets.FeaturedPost filter (w => w.sectionId == "main") map (w => w.postId)' var='featuredPostIds'>
<b:with value='data:view.isHomepage ? data:posts filter (post => post.id not in data:featuredPostIds) : data:posts' var='posts'>
<b:include name='super.main'/>
</b:with>
</b:with>
</b:includable>
<b:includable id='aboutPostAuthor'/>
<b:includable id='addComments'/>
<b:includable id='blogThisShare'/>
<b:includable id='breadcrumb' var='post'>
<div class='breadcrumbs' itemscope='itemscope' itemtype='https://schema.org/BreadcrumbList'>
<div class='home-link' itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'>
<a expr:href='data:blog.homepageUrl.canonical' itemprop='item' title='Home'>
<span itemprop='name'>Home</span>
</a><meta content='1' itemprop='position'/>
</div>
<b:if cond='data:post.labels'>
<b:loop index='num' values='data:post.labels' var='label'>
<b:if cond='data:num == 0'>
<div itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'>
<a expr:href='data:label.url.canonical' expr:title='data:label.name' itemprop='item'><span itemprop='name'><data:label.name/></span></a><meta expr:content='data:num+2' itemprop='position'/>
</div>
</b:if>
<b:if cond='data:num == 1'>
<div itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'>
<a expr:href='data:label.url.canonical' expr:title='data:label.name' itemprop='item'><span itemprop='name'><data:label.name/></span></a><meta expr:content='data:num+2' itemprop='position'/>
</div>
</b:if>
</b:loop>
<b:elseif cond='data:view.isPost'/>
<div>Uncategorized</div>
</b:if>
<div class='title-link'>
<span><data:post.title/></span>
</div>
</div>
</b:includable>
<b:includable id='bylineByName' var='byline'>
<b:switch var='data:byline.name'>
<b:case value='share'/>
<b:include cond='data:post.shareUrl' name='postShareButtons'/>
<b:case value='comments'/>
<b:include cond='data:post.allowComments' name='postCommentsLink'/>
<b:case value='location'/>
<b:include cond='data:post.location' name='postLocation'/>
<b:case value='timestamp'/>
<b:include cond='not data:view.isPage' name='postTimestamp'/>
<b:case value='author'/>
<b:include name='postAuthor'/>
<b:case value='labels'/>
<b:include cond='data:post.labels' name='postLabels'/>
<b:case value='icons'/>
<b:include cond='data:post.emailPostUrl' name='emailPostIcon'/>
<b:case value='reactions'/>
<b:include cond='data:post.reactionsUrl' name='postReactions'/>
</b:switch>
</b:includable>
<b:includable id='bylineRegion' var='regionItems'>
<b:loop values='data:regionItems' var='byline'>
<b:include data='byline' name='bylineByName'/>
</b:loop>
</b:includable>
<b:includable id='commentAuthorAvatar'/>
<b:includable id='commentDeleteIcon' var='comment'/>
<b:includable id='commentForm' var='post'/>
<b:includable id='commentFormIframeSrc' var='post'/>
<b:includable id='commentItem' var='comment'/>
<b:includable id='commentList' var='comments'/>
<b:includable id='commentPicker' var='post'/>
<b:includable id='commentShowhide'>
<input class='all-comment hidden' id='offall-comment' type='checkbox'/>
<div class='show-comment' id='showComments'>
<label class='button outline' for='offall-comment'><span><b:loop values='data:post' var='post'><b:if cond='data:post.numberOfComments > 0'>Open Comments (<data:post.numberOfComments/>)<b:else/><data:messages.postAComment/></b:if></b:loop></span></label>
</div>
</b:includable>
<b:includable id='commentblock' var='cb'>
<div class='avatar-image-container'>
<div>
<b:if cond='data:cb.level.authorAvatarSrc != "//resources.blogblog.com/img/blank.gif"'>
<img class='post-thumb lazy' expr:alt='data:cb.level.author' expr:data-src='resizeImage(data:cb.level.authorAvatarSrc, 100, "1:1")' expr:title='data:cb.level.author' src='data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs='/>
</b:if>
</div>
</div>
<div class='comment-block' itemscope='itemscope' itemtype='https://schema.org/Comment'>
<div class='comment-header'>
<b:if cond='data:cb.level.author != "Anonymous"'>
<span class='user' itemprop='author' itemscope='itemscope' itemtype='https://schema.org/Person'>
<span itemprop='name'><data:cb.level.author/></span>
<b:if cond='data:post.author.name == data:cb.level.author'>
<svg class='icon blog-author' viewBox='0 0 24 24'><path d='M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M11,16.5L18,9.5L16.59,8.09L11,13.67L7.91,10.59L6.5,12L11,16.5Z'/></svg>
</b:if>
</span>
</b:if>
<span class='datetime secondary-text' itemprop='datePublished'>
<a expr:href='"#c" + data:cb.level.id' itemprop='url'>
<data:cb.level.timestamp/>
</a>
</span>
</div>
<div class='comment-content' itemprop='text'>
<!--<b:if cond='data:cb.level.authorUrl != data:post.author.profileUrl'>-->
<b:eval expr='data:cb.level.body snippet { links: false }'/>
<!--<b:else/>
<data:cb.level.body/>
</b:if>-->
</div>
</div>
<!--<b:if cond='data:cb.d and data:commentL2.size != "2"'>
<div class='comment-actions secondary-text'>
<a class='comment-reply reply-to' expr:data-comment-id='data:commentLevel1.id' expr:data-reply-to='data:commentLevel1.id' href='javascript:;' target='_self'>Balas</a>
<span expr:class='"item-control " + data:cb.level.adminClass'>
<a expr:href='data:cb.level.deleteUrl' expr:title='data:messages.deleteComment' rel='noopener external nofollow' target='_self'>Hapus</a>
</span>
</div>
</b:if>-->
</b:includable>
<b:includable id='comments' var='post'/>
<b:includable id='commentsLink'/>
<b:includable id='commentsLinkIframe'/>
<b:includable id='commentsTitle'>
<h3 class='title'>
<b:if cond='data:post.numberOfComments > 0'>
<b:message name='messages.numberOfComments'>
<b:param expr:value='data:post.numberOfComments' name='numComments'/>
</b:message>
<b:else/>
<data:messages.postAComment/>
</b:if>
</h3>
</b:includable>
<b:includable id='defaultAdUnit'/>
<b:includable id='emailPostIcon'/>
<b:includable id='facebookShare'/>
<b:includable id='feedLinks'/>
<b:includable id='feedLinksBody' var='links'/>
<b:includable id='footerBylines'/>
<b:includable id='googlePlusShare'/>
<b:includable id='headerByline'/>
<b:includable id='homePageLink'/>
<b:includable id='iframeComments' var='post'/>
<b:includable id='inlineAd' var='post'/>
<b:includable id='linkShare'/>
<b:includable id='nextPageLink'/>
<b:includable id='otherSharingButton'/>
<b:includable id='platformShare'/>
<b:includable id='post' var='post'/>
<b:includable id='postAuthor'/>
<b:includable id='postBody' var='post'/>
<b:includable id='postBodySnippet' var='post'/>
<b:includable id='postCommentsAndAd' var='post'>
<!-- Table of Contents -->
<b:include cond='data:view.isSingleItem and !data:view.isPreview' data='post' name='post-artikelTOC'/>
<!-- Breadcrumbs -->
<b:include cond='data:view.isSingleItem' data='post' name='breadcrumb'/>
<b:if cond='data:view.isPost'>
<input class='font-check font-size1 hidden' id='offfont-check1' name='font-check' type='radio'/>
<input checked='checked' class='font-check font-size2 hidden' id='offfont-check2' name='font-check' type='radio'/>
<input class='font-check font-size3 hidden' id='offfont-check3' name='font-check' type='radio'/>
</b:if>
<!-- Artikel -->
<article class='hentry'>
<b:class cond='data:view.isMultipleItems and !data:post.featuredImage' name='noThumbnail'/>
<b:class cond='data:view.isSingleItem' name='post'/>
<!-- Gambar thumbnail -->
<b:if cond='data:view.isMultipleItems'>
<div class='post-thumbnail'>
<a expr:href='data:post.url' expr:title='data:post.title'>
<b:if cond='data:post.featuredImage'>
<img class='post-thumb lazy' expr:alt='data:post.title' expr:data-src='resizeImage(data:post.featuredImage, 400, "18:9")' src='data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs='/>
<b:else/>
<span class='post-thumb'>No image</span>
</b:if>
</a>
</div>
</b:if>
<!-- Konten postingan -->
<div class='post-content'>
<div class='post-headline'>
<!-- Label -->
<b:if cond='data:view.isMultipleItems and data:post.labels'>
<div class='post-label'>
<b:loop index='num' values='data:post.labels' var='label'>
<b:if cond='data:num == 0'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'/>
</b:if>
<b:if cond='data:num == 1'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'/>
</b:if>
</b:loop>
</div>
</b:if>
<!-- Judul postingan -->
<b:if cond='data:post.title != ""'>
<b:if cond='data:post.link or (data:post.url and data:view.url != data:post.url)'>
<h2 class='post-title'>
<a expr:data-text='data:post.title' expr:href='data:post.link ?: data:post.url' rel='bookmark'><data:post.title/></a>
</h2>
<b:else/>
<h1 class='post-title'><data:post.title/></h1>
</b:if>
</b:if>
<!-- Snippet postingan -->
<b:if cond='data:view.isMultipleItems'>
<div class='post-snippet'>
<b:eval expr='snippet(data:post.snippets.long, {length: 90, links: false, linebreaks: false})'/>
</div>
</b:if>
<!-- Info postingan -->
<b:include cond='!data:view.isPage' name='postIndexInfo'/>
</div>
<!-- Pemanggil iklan atas postingan -->
<b:include cond='data:view.isPost and !data:view.isPreview' data='post' name='post-iklanAtas'/>
<!-- Isi postingan -->
<b:if cond='data:view.isSingleItem'>
<div class='post-entry' expr:id='"post-body-" + data:post.id'>
<div class='post-body' id='post-body'>
<data:post.body/>
<script>medianTOC();</script>
</div>
</div>
</b:if>
<!-- Pemanggil iklan bawah postingan -->
<b:include cond='data:view.isPost and !data:view.isPreview' data='post' name='post-iklanBawah'/>
<!-- Label bawah artikel -->
<b:include cond='data:view.isPost and !data:view.isPreview and data:this.allBylineItems.labels and !data:post.labels.empty' name='postLabels'/>
<!-- Tombol share -->
<b:include cond='data:view.isPost and !data:view.isPreview and data:post.shareUrl' name='postIndexShare'/>
<b:include data='post' name='postMetadataJSON'/>
</div>
</article>
<b:include cond='data:post.author.aboutMe and data:view.isPost' name='post-artikelAuthor'/>
<b:include cond='data:view.isPost and !data:view.isPreview' data='post' name='post-artikelTerkait'/>
<!--<b:include cond='data:view.isPost and !data:view.isPreview' data='post' name='post-iklanTerkait'/>-->
<b:include cond='data:view.isPost and !data:view.isPreview and data:post.allowComments' data='post' name='commentShowhide'/>
<b:include cond='data:view.isPost and !data:view.isPreview and data:post.allowComments' data='post' name='threadedComments-modifV2'/>
</b:includable>
<b:includable id='postCommentsLink'/>
<b:includable id='postFooter' var='post'/>
<b:includable id='postFooterAuthorProfile' var='post'/>
<b:includable id='postHeader' var='post'/>
<b:includable id='postIndexInfo'>
<div class='post-info'>
<div class='post-header'>
<!-- Nama penulis -->
<div class='post-author'>
<b:if cond='data:this.allBylineItems.author'>
<span class='post-authorName fn' expr:data-text='data:this.allBylineItems.author.label'>
<b:if cond='data:post.author.profileUrl'>
<meta expr:content='data:post.author.profileUrl' property='author'/>
<a expr:href='data:post.author.profileUrl' rel='author nofollow noreferrer' target='_blank'><data:post.author.name/></a>
<b:else/>
<data:post.author.name/>
</b:if>
</span>
</b:if>
</div>
<!-- Tanggal publish dan update -->
<div class='post-published'>
<b:if cond='data:this.allBylineItems.timestamp'>
<div class='post-timestamp'>
<span class='publish' expr:data-text='data:this.allBylineItems.timestamp.label'>
<time class='published' expr:datetime='data:post.date.iso8601'><data:post.date/></time>
</span>
<b:if cond='data:post.lastUpdated and !data:view.isMultipleItems'>
<span class='updated'><data:post.lastUpdated/></span>
</b:if>
</div>
</b:if>
</div>
</div>
<!-- Total komentar -->
<div class='post-comment'>
<b:if cond='data:post.allowComments and data:this.allBylineItems.comments and data:post.numberOfComments > 0'>
<div class='comments-bubble'>
<span><data:post.numberOfComments/></span>
<svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><g transform='translate(2.000000, 2.000000)'><path d='M10.0067501,0 C11.62449,0 13.2360653,0.399066203 14.6679897,1.15403251 C19.5432254,3.72637977 21.4181128,9.7854909 18.847518,14.6623794 C17.0941592,17.9879311 13.6420414,20 9.99530173,20 C9.28286212,20 8.56337738,19.9233581 7.8474152,19.7647888 C7.44408103,19.6749328 7.18957541,19.2749857 7.27852028,18.8715148 C7.36746515,18.4680439 7.76639611,18.2152138 8.1723722,18.302427 C11.8966084,19.1305114 15.7414927,17.3430824 17.523032,13.9637933 C19.7087862,9.81808572 18.1148236,4.66546271 13.9696404,2.47896754 C12.7525927,1.83676166 11.3823133,1.49759944 10.0058694,1.49759944 L10.0058694,1.49759944 C5.31028477,1.49759944 1.49710367,5.31119235 1.49710367,9.99867859 C1.49534238,11.3641369 1.82822517,12.7234286 2.45964569,13.9311985 L2.45964569,13.9311985 L2.65162571,14.3064793 C2.8867572,14.7469497 2.93871509,15.294014 2.78636398,15.7891028 C2.57589047,16.3440955 2.40064266,16.8841122 2.25621732,17.4214861 C2.8180671,17.2523455 3.50408744,17.0030392 3.99988905,16.8224464 L3.99988905,16.8224464 L4.20331742,16.7493283 C4.5881581,16.6057349 5.02055346,16.8092323 5.16145622,17.1986081 C5.30235899,17.587103 5.10069191,18.0170022 4.71232866,18.1570718 L4.71232866,18.1570718 L4.51154222,18.2301898 C3.77004141,18.4988768 2.7555415,18.867991 2.0704018,19.0212747 C2.01227941,19.0336079 1.9497538,19.0415364 1.89251206,19.0397745 C1.43281678,19.0397745 1.15277254,18.853896 0.998660135,18.6970885 C0.76176736,18.4565916 0.649045147,18.1191913 0.662254782,17.6945778 C0.664016066,17.6461261 0.670180562,17.5959124 0.681628912,17.5474607 C0.859518654,16.7898516 1.09112758,16.0340043 1.37117182,15.3019425 C1.39142659,15.2305863 1.3790976,15.101088 1.32185585,14.9927322 L1.32185585,14.9927322 L1.12899519,14.6183324 C0.390136315,13.2035414 -0.00174950235,11.6028719 5.87135273e-06,9.99779765 C5.87135273e-06,4.48486984 4.48424231,0 9.99530173,0 L9.99530173,0 Z M9.99565399,8.80949654 C10.6517325,8.80949654 11.1845211,9.34334669 11.1845211,9.99876668 C11.1845211,10.6541867 10.6517325,11.1880368 9.99565399,11.1880368 C9.33957549,11.1880368 8.8067869,10.6541867 8.8067869,9.99876668 C8.8067869,9.34334669 9.33957549,8.80949654 9.99565399,8.80949654 Z M14.3988654,8.80949654 C15.0549439,8.80949654 15.5877325,9.34334669 15.5877325,9.99876668 C15.5877325,10.6541867 15.0549439,11.1880368 14.3988654,11.1880368 C13.7427869,11.1880368 13.2099983,10.6541867 13.2099983,9.99876668 C13.2099983,9.34334669 13.7427869,8.80949654 14.3988654,8.80949654 Z M5.59235449,8.80984892 C6.248433,8.80984892 6.78122158,9.34281813 6.78122158,9.99911906 C6.78122158,10.654539 6.248433,11.1875083 5.59235449,11.1875083 C4.93627599,11.1875083 4.40348741,10.654539 4.40348741,9.99911906 C4.40348741,9.34281813 4.93627599,8.80984892 5.59235449,8.80984892 Z'/></g></svg>
</div>
</b:if>
<b:if cond='data:view.isSingleItem'>
<div class='post-shareIcon'>
<label for='offshare-check'><svg class='line' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'><circle cx='128' cy='256' r='48' style='fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px'/><circle cx='384' cy='112' r='48' style='fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px'/><circle cx='384' cy='400' r='48' style='fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px'/><line style='fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px' x1='169.83' x2='342.17' y1='279.53' y2='376.47'/><line style='fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:32px' x1='342.17' x2='169.83' y1='135.53' y2='232.47'/></svg></label>
</div>
<div class='post-font'>
<span onclick='changeFont()'><svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M16.928 4.8L22 19.41h-3.31l-1.104-3.483h-5.133l-1.124 3.482H8.26L13.334 4.8h3.594zM8.19 8.974l.952 2.741-1.077 3.102-1.162-3.673h-.13l-1.309 4.093h2.455l-.585 1.684h-2.34L4.19 19.41H2L5.623 8.974H8.19zm6.936-1.137h-.183l-1.832 5.73h3.827l-1.812-5.73z'/></svg></span>
<div class='post-fontContainer' id='post-font'>
<ul>
<li><label for='offfont-check1' onclick='changeFont()'/></li>
<li><label for='offfont-check2' onclick='changeFont()'/></li>
<li><label for='offfont-check3' onclick='changeFont()'/></li>
<!-- Close popup -->
<li class='close'>
<span onclick='changeFont()'>
<svg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'><path d='M278.6 256l68.2-68.2c6.2-6.2 6.2-16.4 0-22.6-6.2-6.2-16.4-6.2-22.6 0L256 233.4l-68.2-68.2c-6.2-6.2-16.4-6.2-22.6 0-3.1 3.1-4.7 7.2-4.7 11.3 0 4.1 1.6 8.2 4.7 11.3l68.2 68.2-68.2 68.2c-3.1 3.1-4.7 7.2-4.7 11.3 0 4.1 1.6 8.2 4.7 11.3 6.2 6.2 16.4 6.2 22.6 0l68.2-68.2 68.2 68.2c6.2 6.2 16.4 6.2 22.6 0 6.2-6.2 6.2-16.4 0-22.6L278.6 256z'/></svg>
</span>
</li>
</ul>
<span class='full-close' onclick='changeFont()'/>
</div>
</div>
</b:if>
</div>
</div>
</b:includable>
<b:includable id='postIndexShare'>
<div class='post-share' expr:data-share='data:messages.share'>
<!-- Bagikan ke Facebook -->
<div class='share-icon facebookThis'>
<a aria-label='Share button' expr:href='"https://www.facebook.com/sharer.php?u=" + data:blog.url.canonical' rel='nofollow noreferrer' role='button' target='_blank'>
<svg viewBox='0 0 32 32'><path d='M24,3H8A5,5,0,0,0,3,8V24a5,5,0,0,0,5,5h8a1,1,0,0,0,1-1V20a1,1,0,0,0-1-1H15V17h1a1,1,0,0,0,1-1V12.5A2.5,2.5,0,0,1,19.5,10H22v2H21a2,2,0,0,0-2,2v2a1,1,0,0,0,1,1h1.72l-.5,2H20a1,1,0,0,0-1,1v4a1,1,0,0,0,2,0V21h1a1,1,0,0,0,1-.76l1-4a1,1,0,0,0-.18-.86A1,1,0,0,0,23,15H21V14h2a1,1,0,0,0,1-1V9a1,1,0,0,0-1-1H19.5A4.51,4.51,0,0,0,15,12.5V15H14a1,1,0,0,0-1,1v4a1,1,0,0,0,1,1h1v6H8a3,3,0,0,1-3-3V8A3,3,0,0,1,8,5H24a3,3,0,0,1,3,3V24a3,3,0,0,1-3,3H20a1,1,0,0,0,0,2h4a5,5,0,0,0,5-5V8A5,5,0,0,0,24,3Z'/></svg>
</a>
</div>
<!-- Bagikan ke Twitter -->
<div class='share-icon twitterThis'>
<a aria-label='Share button' expr:href='"https://twitter.com/share?url=" + data:blog.url.canonical' rel='nofollow noreferrer' role='button' target='_blank'>
<svg viewBox='0 0 32 32'><path d='M28.77,8.11a.87.87,0,0,0-.23-.2A4.69,4.69,0,0,0,29,6.54a1,1,0,0,0-.44-1,1,1,0,0,0-1.1,0,6.42,6.42,0,0,1-2.28.92,6.21,6.21,0,0,0-7.08-1A6.07,6.07,0,0,0,15,12.2a1,1,0,0,0,2-.4A4.08,4.08,0,0,1,19,7.28a4.24,4.24,0,0,1,5.12,1,1,1,0,0,0,.88.28l.25,0a1,1,0,0,0,.34,1.62,1,1,0,0,0-.36.88,13.07,13.07,0,0,1-4.89,11.24A12.75,12.75,0,0,1,7.69,24.61a9.06,9.06,0,0,0,4.54-2.18,1,1,0,0,0,.15-1.09,1,1,0,0,0-.93-.57,4,4,0,0,1-3-1.39,3.63,3.63,0,0,0,1-.35A1,1,0,0,0,10,18a1,1,0,0,0-.76-.84,4.42,4.42,0,0,1-3-2.48c.24,0,.48.05.74.06a1,1,0,0,0,1-.62A1,1,0,0,0,7.67,13C6,11.48,5.59,9.85,5.83,8.7a13.88,13.88,0,0,0,7,4,1,1,0,1,0,.38-2A12.1,12.1,0,0,1,6.39,6.31a1,1,0,0,0-.75-.38,1,1,0,0,0-.78.33,5.34,5.34,0,0,0-.31,6l-.09,0a1,1,0,0,0-.52.81,5.84,5.84,0,0,0,1.95,4.47,1,1,0,0,0-.18,1,6.63,6.63,0,0,0,3.18,3.57A13.89,13.89,0,0,1,4,23a1,1,0,0,0-.5,1.86A16.84,16.84,0,0,0,12,27.35a15.16,15.16,0,0,0,9.6-3.57,15.12,15.12,0,0,0,5.69-12.42,4.62,4.62,0,0,0,1.62-2.25A1,1,0,0,0,28.77,8.11Z'/></svg>
</a>
</div>
<!-- Bagikan ke Whatsapp -->
<div class='share-icon whatsappThis'>
<a aria-label='Share button' expr:href='"https://api.whatsapp.com/send?text=" + data:blog.url.canonical' rel='nofollow noreferrer' role='button' target='_blank'>
<svg viewBox='0 0 32 32'><path d='M16,3A13,13,0,0,0,4.53,22.13L3,27.74a1,1,0,0,0,.27,1A1,1,0,0,0,4,29a.84.84,0,0,0,.27,0l5.91-1.65a1,1,0,0,0-.53-1.93L5.42,26.56l1.15-4.3a1,1,0,0,0-.1-.76A11,11,0,1,1,16,27a11.23,11.23,0,0,1-1.84-.15,1,1,0,0,0-1.15.82,1,1,0,0,0,.82,1.15A13,13,0,1,0,16,3Z'/><path d='M15,11.21l-1.16-1.6a2.06,2.06,0,0,0-1.5-.84,2.08,2.08,0,0,0-1.62.6l-1.2,1.2a2.81,2.81,0,0,0-.8,2.08c0,1.77,1.36,4,4,6.6,3.09,3,5.23,4,6.69,4a2.7,2.7,0,0,0,2-.81l1.2-1.2a2,2,0,0,0-.24-3.11L20.8,17a2.09,2.09,0,0,0-1.83-.3l-1.49.47a.53.53,0,0,1-.26-.09,11.42,11.42,0,0,1-2.35-2.26.31.31,0,0,1,0-.11c.13-.44.35-1.15.5-1.64A2,2,0,0,0,15,11.21Zm1.29,7.63a2.33,2.33,0,0,0,1.75.2l1.54-.46,1.61,1.25L20,21c-.48.47-2.25.33-5.86-3.21-3-2.91-3.41-4.5-3.41-5.18A.89.89,0,0,1,11,12l1.28-1.19,1.18,1.65c-.16.49-.39,1.22-.51,1.65A2.12,2.12,0,0,0,13,15.51,11.24,11.24,0,0,0,16.33,18.84Z'/></svg>
</a>
</div>
<div class='share-icon shareThis'>
<label for='offshare-check'>
<svg viewBox='0 0 512 512'><circle cx='256' cy='256' r='48'/><circle cx='416' cy='256' r='48'/><circle cx='96' cy='256' r='48'/></svg>
</label>
</div>
<input class='share-check hidden' id='offshare-check' type='checkbox'/>
<div class='share-popup'>
<ul>
<li>
<!-- Bagikan ke Twitter -->
<a expr:href='"https://twitter.com/share?url=" + data:blog.url.canonical' rel='nofollow noreferrer' target='_blank'>
<svg viewBox='0 0 32 32'><path d='M28.77,8.11a.87.87,0,0,0-.23-.2A4.69,4.69,0,0,0,29,6.54a1,1,0,0,0-.44-1,1,1,0,0,0-1.1,0,6.42,6.42,0,0,1-2.28.92,6.21,6.21,0,0,0-7.08-1A6.07,6.07,0,0,0,15,12.2a1,1,0,0,0,2-.4A4.08,4.08,0,0,1,19,7.28a4.24,4.24,0,0,1,5.12,1,1,1,0,0,0,.88.28l.25,0a1,1,0,0,0,.34,1.62,1,1,0,0,0-.36.88,13.07,13.07,0,0,1-4.89,11.24A12.75,12.75,0,0,1,7.69,24.61a9.06,9.06,0,0,0,4.54-2.18,1,1,0,0,0,.15-1.09,1,1,0,0,0-.93-.57,4,4,0,0,1-3-1.39,3.63,3.63,0,0,0,1-.35A1,1,0,0,0,10,18a1,1,0,0,0-.76-.84,4.42,4.42,0,0,1-3-2.48c.24,0,.48.05.74.06a1,1,0,0,0,1-.62A1,1,0,0,0,7.67,13C6,11.48,5.59,9.85,5.83,8.7a13.88,13.88,0,0,0,7,4,1,1,0,1,0,.38-2A12.1,12.1,0,0,1,6.39,6.31a1,1,0,0,0-.75-.38,1,1,0,0,0-.78.33,5.34,5.34,0,0,0-.31,6l-.09,0a1,1,0,0,0-.52.81,5.84,5.84,0,0,0,1.95,4.47,1,1,0,0,0-.18,1,6.63,6.63,0,0,0,3.18,3.57A13.89,13.89,0,0,1,4,23a1,1,0,0,0-.5,1.86A16.84,16.84,0,0,0,12,27.35a15.16,15.16,0,0,0,9.6-3.57,15.12,15.12,0,0,0,5.69-12.42,4.62,4.62,0,0,0,1.62-2.25A1,1,0,0,0,28.77,8.11Z'/></svg><span>Twitter</span>
</a>
</li>
<li>
<!-- Bagikan ke Telegram -->
<a expr:href='"https://t.me/share/url?url=" + data:blog.url.canonical' rel='nofollow noreferrer' target='_blank'>
<svg viewBox='0 0 32 32'><path d='M28.59,4.29a2.23,2.23,0,0,0-2.27-.36L3.41,13.1a1.83,1.83,0,0,0,0,3.38l1.48.61a1,1,0,0,0,1.31-.53,1,1,0,0,0-.54-1.31L4.56,14.8l22.51-9a.22.22,0,0,1,.23,0,.24.24,0,0,1,.08.23L23.27,25.21a.4.4,0,0,1-.26.3.39.39,0,0,1-.39-.06l-8-6.24,7.83-7.91a1,1,0,0,0-1.22-1.56L9.75,16.54a1,1,0,1,0,1,1.72l4.83-2.85L13.23,17.8a2,2,0,0,0,.2,3.08l8,6.15a2.4,2.4,0,0,0,1.47.5,2.47,2.47,0,0,0,.83-.15,2.37,2.37,0,0,0,1.52-1.75L29.33,6.47A2.23,2.23,0,0,0,28.59,4.29Z'/></svg><span>Telegram</span>
</a>
</li>
<li>
<!-- Bagikan ke Pinterst -->
<a data-pin-config='beside' expr:href='"https://pinterest.com/pin/create/button/?url=" + data:blog.url.canonical + "&media=" + data:blog.postImageUrl' rel='nofollow noreferrer' target='_blank'>
<svg viewBox='0 0 56.693 56.693' xmlns='http://www.w3.org/2000/svg'><path d='M30.374,4.622c-13.586,0-20.437,9.74-20.437,17.864c0,4.918,1.862,9.293,5.855,10.922c0.655,0.27,1.242,0.01,1.432-0.715 c0.132-0.5,0.445-1.766,0.584-2.295c0.191-0.717,0.117-0.967-0.412-1.594c-1.151-1.357-1.888-3.115-1.888-5.607 c0-7.226,5.407-13.695,14.079-13.695c7.679,0,11.898,4.692,11.898,10.957c0,8.246-3.649,15.205-9.065,15.205 c-2.992,0-5.23-2.473-4.514-5.508c0.859-3.623,2.524-7.531,2.524-10.148c0-2.34-1.257-4.292-3.856-4.292 c-3.058,0-5.515,3.164-5.515,7.401c0,2.699,0.912,4.525,0.912,4.525s-3.129,13.26-3.678,15.582 c-1.092,4.625-0.164,10.293-0.085,10.865c0.046,0.34,0.482,0.422,0.68,0.166c0.281-0.369,3.925-4.865,5.162-9.359 c0.351-1.271,2.011-7.859,2.011-7.859c0.994,1.896,3.898,3.562,6.986,3.562c9.191,0,15.428-8.379,15.428-19.595 C48.476,12.521,41.292,4.622,30.374,4.622z'/></svg><span>Pinterest</span>
</a>
</li>
<li>
<!-- Bagikan ke Linkedin -->
<a expr:href='"https://www.linkedin.com/sharing/share-offsite/?url=" + data:blog.url.canonical' rel='nofollow noreferrer' target='_blank'>
<svg viewBox='0 0 32 32'><path d='M6.5,3A3.5,3.5,0,1,0,10,6.5,3.5,3.5,0,0,0,6.5,3Zm0,5A1.5,1.5,0,1,1,8,6.5,1.5,1.5,0,0,1,6.5,8Z'/><path d='M9,11H4a1,1,0,0,0,0,2H8V27H5V16a1,1,0,0,0-2,0V28a1,1,0,0,0,1,1H9a1,1,0,0,0,1-1V12A1,1,0,0,0,9,11Z'/><path d='M27.34,12.68A5.94,5.94,0,0,0,23,11H22a7.84,7.84,0,0,0-4,.89A1,1,0,0,0,17,11H12a1,1,0,0,0-1,1V28a1,1,0,0,0,1,1h5a1,1,0,0,0,1-1V19a2,2,0,0,1,4,0v9a1,1,0,0,0,1,1h5a1,1,0,0,0,1-1V17A5.9,5.9,0,0,0,27.34,12.68ZM27,27H24V19a4,4,0,0,0-8,0v8H13V13h3v1a1,1,0,0,0,.62.92,1,1,0,0,0,1.09-.21c.95-1,1.7-1.71,4.29-1.71h1a4,4,0,0,1,2.92,1.09A4,4,0,0,1,27,17Z'/></svg><span>Linkedin</span>
</a>
</li>
<li>
<!-- Bagikan ke Tumblr -->
<a expr:href='"https://www.tumblr.com/share/link?url=" + data:blog.url.canonical' rel='nofollow noreferrer' target='_blank'>
<svg viewBox='0 0 32 32'><path d='M23,15a1,1,0,0,0,1-1V9a1,1,0,0,0-1-1H19V4a1,1,0,0,0-1-1H14a1,1,0,0,0-1,1A4,4,0,0,1,9,8,1,1,0,0,0,8,9v5a1,1,0,0,0,1,1h4a1,1,0,0,0,0-2H10V9.92A6,6,0,0,0,14.92,5H17V9a1,1,0,0,0,1,1h4v3H18a1,1,0,0,0-1,1v7a3,3,0,0,0,3,3h2v3H18a4,4,0,0,1-4-4V18a1,1,0,0,0-2,0v5a6,6,0,0,0,6,6h5a1,1,0,0,0,1-1V23a1,1,0,0,0-1-1H20a1,1,0,0,1-1-1V15Z'/></svg><span>Tumblr</span>
</a>
</li>
<li>
<!-- Bagikan ke Line -->
<a expr:href='"https://timeline.line.me/social-plugin/share?url=" + data:blog.url.canonical' rel='nofollow noreferrer' target='_blank'>
<svg viewBox='0 0 32 32'><path d='M30,13.14a1,1,0,0,0-1,1,8.66,8.66,0,0,1-.18,1.67,1.36,1.36,0,0,0,0,.2A7.1,7.1,0,0,1,28,18.26a10.77,10.77,0,0,1-2.79,3.33,43.64,43.64,0,0,1-8.76,5.85l.17-.85A1.76,1.76,0,0,0,15,24.48c-6.44-.57-11.29-5-11.29-10.34C3.69,8.4,9.37,3.72,16.34,3.72A13.3,13.3,0,0,1,27.19,8.78,1,1,0,0,0,28.81,7.6,15.32,15.32,0,0,0,16.34,1.72C8.26,1.72,1.69,7.29,1.69,14.14c0,6.3,5.52,11.56,12.88,12.31L14,29.08a1,1,0,0,0,.37,1,1,1,0,0,0,.61.21,1,1,0,0,0,.45-.11,49.34,49.34,0,0,0,11-7.06,12.55,12.55,0,0,0,3.24-3.89,8.75,8.75,0,0,0,1.1-3.08s0-.08,0-.12A10.64,10.64,0,0,0,31,14.14,1,1,0,0,0,30,13.14Z'/><path d='M7,11a1,1,0,0,0-1,1v5a1,1,0,0,0,1,1h3a1,1,0,0,0,0-2H8V12A1,1,0,0,0,7,11Z'/><path d='M12,12v5a1,1,0,0,0,2,0V12a1,1,0,0,0-2,0Z'/><path d='M19,12v2.15l-2.22-2.77a1,1,0,0,0-1.11-.32A1,1,0,0,0,15,12v5a1,1,0,0,0,2,0V14.85l2.22,2.78A1,1,0,0,0,20,18a1,1,0,0,0,.33-.06A1,1,0,0,0,21,17V12a1,1,0,0,0-2,0Z'/><path d='M26,13a1,1,0,0,0,0-2H23a1,1,0,0,0-1,1v5a1,1,0,0,0,1,1h3a1,1,0,0,0,0-2H24v-.5h2a1,1,0,0,0,0-2H24V13Z'/></svg><span>Line</span>
</a>
</li>
<li>
<!-- Kirim lewat email -->
<a expr:href='"mailto:?subject=" + data:post.title + "&body=" + data:blog.url.canonical' target='_blank'>
<svg class='icon' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><g transform='translate(2.000000, 3.000000)'><path d='M14.1972579,8.17124146e-14 C17.3979916,0.00978563072 19.990286,2.62120148 20,5.84554455 L20,5.84554455 L20,7.30693069 L19.99354,7.4036631 C19.9466817,7.75161611 19.6506049,8.01980198 19.2923485,8.01980198 L19.2923485,8.01980198 L19.2835029,8.0019802 L19.1721336,7.99309967 C19.0257158,7.96959451 18.889286,7.90013647 18.7831177,7.79318503 C18.6504073,7.65949573 18.5758514,7.47817413 18.5758514,7.28910891 L18.5758514,7.28910891 L18.5758514,5.84554455 C18.5518871,3.41954659 16.6054921,1.45879454 14.1972579,1.43465347 L14.1972579,1.43465347 L5.80274215,1.43465347 C3.39450789,1.45879454 1.44811291,3.41954659 1.42414861,5.84554455 L1.42414861,5.84554455 L1.42414861,12.1544554 C1.44811291,14.5804534 3.39450789,16.5412055 5.80274215,16.5653465 L5.80274215,16.5653465 L14.1972579,16.5653465 C16.6054921,16.5412055 18.5518871,14.5804534 18.5758514,12.1544554 C18.6163388,11.7890822 18.922975,11.5127474 19.2879257,11.5127474 C19.6528764,11.5127474 19.9595126,11.7890822 20,12.1544554 C19.990286,15.3787985 17.3979916,17.9902144 14.1972579,18 L14.1972579,18 L5.80274215,18 C2.599996,17.995093 0.00487110525,15.3808258 -1.42108547e-14,12.1544554 L-1.42108547e-14,12.1544554 L-1.42108547e-14,5.84554455 C-1.42108547e-14,2.61713944 2.59797615,8.17124146e-14 5.80274215,8.17124146e-14 L5.80274215,8.17124146e-14 Z M4.29443312,5.38692655 C4.48070099,5.36682207 4.6671823,5.42289927 4.81203008,5.54257426 L4.81203008,5.54257426 L8.96948253,8.85742574 C9.48880627,9.2678976 10.2192875,9.2678976 10.7386112,8.85742574 L10.7386112,8.85742574 L14.8518355,5.54257426 L14.8606811,5.54257426 L14.9473987,5.48291804 C15.2462388,5.30808809 15.6344967,5.37260085 15.8602388,5.64950495 C15.9785304,5.79800076 16.0329385,5.98799536 16.0113373,6.17714498 C15.9897361,6.36629461 15.8939207,6.53887938 15.7452455,6.65643564 L15.7452455,6.65643564 L11.6320212,9.98019802 C10.5861526,10.8280382 9.09540423,10.8280382 8.0495356,9.98019802 L8.0495356,9.98019802 L3.92746572,6.65643564 L3.8513546,6.58355583 C3.61891283,6.32594359 3.59998262,5.92999594 3.821318,5.64950495 C3.93770999,5.50163353 4.10816526,5.40703103 4.29443312,5.38692655 Z'/></g></svg><span>Email</span>
</a>
</li>
<li>
<!-- Salin link -->
<div onclick='copyFunction()'>
<svg class='line' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><rect height='13' rx='2' ry='2' width='13' x='9' y='9'/><path d='M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1'/></svg><span>Copy link</span>
</div>
<input expr:value='data:blog.url' id='getlink' readonly='readonly' type='text'/>
<div class='share-notif' id='share-notif'/>
</li>
<li class='share-close'>
<label class='close' for='offshare-check'>
<svg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'><path d='M278.6 256l68.2-68.2c6.2-6.2 6.2-16.4 0-22.6-6.2-6.2-16.4-6.2-22.6 0L256 233.4l-68.2-68.2c-6.2-6.2-16.4-6.2-22.6 0-3.1 3.1-4.7 7.2-4.7 11.3 0 4.1 1.6 8.2 4.7 11.3l68.2 68.2-68.2 68.2c-3.1 3.1-4.7 7.2-4.7 11.3 0 4.1 1.6 8.2 4.7 11.3 6.2 6.2 16.4 6.2 22.6 0l68.2-68.2 68.2 68.2c6.2 6.2 16.4 6.2 22.6 0 6.2-6.2 6.2-16.4 0-22.6L278.6 256z'/></svg>
</label>
</li>
</ul>
<label class='full-close' for='offshare-check'/>
</div>
</div>
</b:includable>
<b:includable id='postInfo'/>
<b:includable id='postJumpLink' var='post'/>
<b:includable id='postLabels'>
<div class='post-labels byline'>
<!-- <span class='byline-label'><data:byline.label/></span> -->
<b:loop index='i' values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:loop>
</div>
</b:includable>
<b:includable id='postLocation'/>
<b:includable id='postMeta' var='post'>
<b:include data='post' name='postMetadataJSON'/>
</b:includable>
<b:includable id='postMetadataJSONImage'>
"image": {
"@type": "ImageObject",
<b:if cond='data:post.featuredImage.isResizable'>
"url": "<b:eval expr='resizeImage(data:post.featuredImage, 1200, "1200:630")'/>",
"height": 630,
"width": 1200
<b:else/>
"url": "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVVajR7WN7e4XuUdpQmAIPdczCpx421uIYlTcne2wITg-mcU1aVkc9wNcmmYUKyeoctS4IxXqTheNnmnouGSj8Hk7RFWR9bSoeTuHk8a_6xSTWLdTtu4R07Lm37SA_XrE9tNH2QhhkA7a9/s320/median-img.png",
"height": 348,
"width": 1200
</b:if>
},
</b:includable>
<b:includable id='postMetadataJSONPublisher'>
"publisher": {
"@type": "Organization",
"name": "Jago Desain",
"logo": {
"@type": "ImageObject",
"url": "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidMYJoYV8a5gP02E0pBXQHIpnkpm4Lq2J7psuS-hyqYaBYUa3WIUmlf9pNvCsCb68GijFksZ7z6EBzjgN5OrWzm0fzlKgmatiOaDSFW_phkL5QTo2_4383Nw-7l64g2BUuswGglBUEx23v/s1600/jagodesain-org.png",
"width": 206,
"height": 60
}
},
</b:includable>
<b:includable id='postPagination'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:view.url == data:blog.homepageUrl and !data:olderPageUrl'>
<div class='link no-post'><data:messages.morePosts/></div>
</b:if>
<b:include cond='data:newerPageUrl' name='postPagination.new'/>
<b:include cond='data:view.url != data:blog.homepageUrl' name='postPagination.home'/>
<b:include cond='data:olderPageUrl' name='postPagination.old'/>
</div>
</b:includable>
<b:includable id='postPagination.home'>
<a class='link home-link' expr:href='data:blog.homepageUrl'>
<svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><g transform='translate(2.500000, 2.003982)'><path d='M7.92173917,18.2568881 L3.92173915,18.2568881 C2.62561934,18.2521579 1.57473912,17.2051555 1.5652174,15.909062 L1.5652174,7.95254022 C1.56776138,7.51865617 1.76191292,7.1080734 2.09565218,6.83080108 L2.80000001,6.30906195 C3.05714116,6.03509289 3.08328826,5.61704285 2.86228858,5.31316828 C2.6412889,5.00929372 2.23552029,4.90536419 1.89565218,5.06558368 L1.89565218,5.06558368 L1.17391305,5.60471412 C0.445875565,6.16803633 0.0138352771,7.0321169 -7.10542736e-15,7.95254022 L-7.10542736e-15,15.9177576 C0.0047821894,18.0816904 1.75780637,19.8347146 3.92173915,19.8394968 L7.92173917,19.8394968 C8.35396202,19.8394968 8.70434787,19.4891109 8.70434787,19.0568881 C8.70434787,18.6246652 8.35396202,18.2742794 7.92173917,18.2742794 L7.92173917,18.2568881 Z'/><path d='M18.7913044,7.93514891 C18.7821625,7.02148476 18.3641697,6.15997273 17.652174,5.58732281 L11.6434783,0.796018441 C10.3230761,-0.26533948 8.44214141,-0.26533948 7.12173917,0.796018441 L5.21739133,2.17862714 C4.85960686,2.43555961 4.77785016,2.93388616 5.03478263,3.29167063 C5.29171511,3.6494551 5.79004165,3.7312118 6.14782612,3.47427932 L8.07826091,2.03080106 C8.83595413,1.40700621 9.92926336,1.40700621 10.6869566,2.03080106 L16.6956523,6.82210543 C17.0414821,7.0962427 17.245809,7.51128176 17.252174,7.95254022 L17.252174,15.9177576 C17.252174,17.2144262 16.2010165,18.2655837 14.9043479,18.2655837 L13.1217392,18.2655837 C12.9392451,18.2655837 12.7913044,18.1176431 12.7913044,17.935149 L12.7913044,14.3438446 C12.7913144,13.1994401 11.8661337,12.270372 10.7217392,12.2655837 L8.11304352,12.2655837 C7.56185446,12.2655837 7.03324068,12.4845427 6.64349116,12.8742922 C6.25374164,13.2640418 6.03478264,13.7926555 6.03478264,14.3438446 L6.03478264,15.7177576 C6.03478264,16.1499805 6.38516849,16.5003663 6.81739134,16.5003663 C7.24961419,16.5003663 7.60000004,16.1499805 7.60000004,15.7177576 L7.60000004,14.3438446 C7.59766759,14.208583 7.64977261,14.0780549 7.74461016,13.9815822 C7.83944772,13.8851095 7.96906617,13.830781 8.10434787,13.8308011 L10.7130435,13.8308011 C10.9915871,13.8308011 11.2173914,14.0566053 11.2173914,14.3351489 L11.2173914,14.3351489 L11.2173914,17.935149 C11.2221784,18.9834938 12.0733835,19.8308011 13.1217392,19.8308011 L14.8608696,19.8308011 C17.0267864,19.8308011 18.7826088,18.0749787 18.7826088,15.909062 L18.7913044,7.93514891 Z'/></g></svg>
</a>
</b:includable>
<b:includable id='postPagination.new'>
<a class='link newer-link' expr:href='data:newerPageUrl'>
<svg class='line' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><!-- <line x1='20' x2='4' y1='12' y2='12'/> --><polyline points='10 18 4 12 10 6'/></svg>
<span><data:messages.newest/></span>
</a>
</b:includable>
<b:includable id='postPagination.old'>
<a class='link older-link' expr:href='data:olderPageUrl'>
<span><data:messages.oldest/></span>
<svg class='line' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><!-- <line x1='4' x2='20' y1='12' y2='12'/> --><polyline points='14 6 20 12 14 18'/></svg>
</a>
</b:includable>
<b:includable id='postReactions'/>
<b:includable id='postShareButtons'/>
<b:includable id='postTimestamp'/>
<b:includable id='postTitle' var='post'/>
<b:includable id='previousPageLink'/>
<b:includable id='sharingButton'/>
<b:includable id='sharingButtonContent'/>
<b:includable id='sharingButtons'/>
<b:includable id='sharingButtonsMenu'/>
<b:includable id='sharingPlatformIcon'/>
<b:includable id='threadedCommentForm' var='post'/>
<b:includable id='threadedCommentJs' var='post'/>
<b:includable id='threadedComments' var='post'/>
<b:includable id='threadedComments-modifV2' var='post'>
<section class='comments threaded' expr:data-embed='data:post.embedCommentForm' expr:data-num-comments='data:post.numberOfComments' id='comments'>
<b:include name='commentsTitle'/>
<b:if cond='data:post.numberOfComments > 0'>
<div class='comments-content'>
<ol id='comment-holder'>
<b:loop values='data:post.comments where (c => not c.inReplyTo)' var='commentLevel1'>
<li class='comment' expr:id='"c" + data:commentLevel1.id'>
<b:class cond='data:post.adminClass' name='author-comment'/>
<b:class cond='not data:post.adminClass' name='user-comment'/>
<b:include data='{level: data:commentLevel1,d: true}' name='commentblock'/>
<!--<div class='comment-actions'>
<span class='reply-to' expr:data-reply-to='data:commentLevel1.id'>Balas</span>
</div>-->
<b:with value='data:post.comments where (c => c.inReplyTo == data:commentLevel1.id)' var='commentL2'>
<b:if cond='data:commentL2.size != "0"'>
<div class='comment-replies'>
<input class='thread-show hidden' expr:id='"off-" + data:commentLevel1.id' type='checkbox'/>
<div class='comment-thread inline-thread' expr:id='"c" + data:commentLevel1.id + "-rt"'>
<label class='thread-toggle thread-expanded' expr:for='"off-" + data:commentLevel1.id'>
<svg class='thread-arrow line' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><polyline points='6 9 12 15 18 9'/></svg>
<span class='thread-count'>Balasan</span>
</label>
<ul class='thread-chrome thread-expanded'>
<b:loop values='data:commentL2' var='commentLevel2'>
<li class='comment' expr:id='"c" + data:commentLevel2.id'>
<b:class cond='data:post.adminClass' name='author-comment'/>
<b:class cond='not data:post.adminClass' name='user-comment'/>
<b:include data='{level: data:commentLevel2,d: true}' name='commentblock'/>
</li>
</b:loop>
</ul>
</div>
<b:if cond='data:post.allowNewComments'>
<div class='comment-reply'>
<a class='reply-to' expr:data-reply-to='data:commentLevel1.id' href='javascript:;' target='_self'><svg class='line' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><polyline points='15 14 20 9 15 4'/><path d='M4 20v-7a4 4 0 0 1 4-4h12'/></svg>Balas</a>
</div>
</b:if>
</div>
</b:if>
</b:with>
<b:if cond='data:commentL2.size != "2" and data:post.allowNewComments'>
<div class='comment-actions secondary-text'>
<a class='comment-reply reply-to' expr:data-comment-id='data:commentLevel1.id' expr:data-reply-to='data:commentLevel1.id' href='javascript:;' target='_self'><svg class='line' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><polyline points='15 14 20 9 15 4'/><path d='M4 20v-7a4 4 0 0 1 4-4h12'/></svg>Balas</a>
</div>
</b:if>
</li>
</b:loop>
</ol>
</div>
<b:if cond='data:post.allowNewComments'>
<div class='comment-add'>
<script>var comment = true;</script>
<div aria-label='Berkomentar' class='hidden' id='addcomment' role='button'><data:messages.postAComment/></div>
</div>
</b:if>
<b:else/>
<script>var comment = false;</script>
</b:if>
<div class='comment-form'>
<b:if cond='data:post.allowNewComments'>
<div id='threaded-comment-form'>
<b:if cond='data:this.messages.blogComment != ""'>
<p><data:this.messages.blogComment/></p>
</b:if>
<iframe class='blogger-iframe-colorize blogger-comment-from-post' expr:data-src='data:post.commentFormIframeSrc appendParams {skin: "contempo"}' expr:src='data:post.commentFormIframeSrc appendParams {skin: "contempo"}' height='296' id='comment-editor' name='comment-editor' width='100'/>
</div>
<b:else/>
<div class='comment-disable'>
<data:post.noNewCommentsText/>
</div>
</b:if>
</div>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='allowtransparency' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'/>
</div>
</b:if>
</section>
<b:if cond='data:post.allowNewComments'>
<script>/*<![CDATA[*/ document.addEventListener("DOMContentLoaded", function() { var a=document, b = a.getElementById("comment-editor"), d = b.getAttribute("data-src"); if (b.setAttribute("src", d), 1 == comment) { var f = a.getElementsByClassName("reply-to"), c = a.getElementById("threaded-comment-form"), h = f.length, k = function(b, d, e, f) { b.addEventListener("click", function() { var c = b.getAttribute("data-reply-to"); a.getElementById("c" + c).appendChild(d); a.getElementById("threaded-comment-form").className = 'comment-replybox-single'; a.getElementById("addcomment").className = 'comment-reply button outline'; e.src = f + "&parentID=" + c }) }; for (i = 0; i < h; i++) k(f[i], c, b, d); var l = a.getElementsByClassName("comment-form")[0]; a.getElementById("addcomment").addEventListener("click", function() { l.appendChild(c); a.getElementById("threaded-comment-form").className = 'comment-replybox-thread'; a.getElementById("addcomment").className = 'comment-reply hidden'; b.src = d }) } }); /*]]>*/</script>
</b:if>
</b:includable>
<b:includable id='titlePostWidget'>
<div class='blog-title widget-title'>
<h3 class='heading'>
<b:if cond='data:view.isMultipleItems'>
<b:if cond='data:view.isHomepage'><data:messages.latestPosts/>
<b:else/>
<b:if cond='data:view.search.label'>
<data:messages.labels/>: <b><data:blog.pageName/></b>
<b:elseif cond='data:view.search.query'/>
<data:messages.search/>: <b><data:view.search.query/></b>
<b:else/>
<data:messages.posts/>
</b:if>
<b:if cond='data:view.isArchive'><data:messages.blogArchive/>: <b><data:blog.pageName/></b></b:if>
</b:if>
</b:if>
</h3>
<b:if cond='data:view.isHomepage'>
<a class='view-all' expr:href='data:blog.searchUrl'><data:messages.viewAll/></a>
</b:if>
</div>
</b:includable>
</b:widget>
<b:widget cond='data:view.isPost and !data:view.isPreview' id='HTML4' locked='true' title='Post Middle Ads' type='HTML' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='content'><![CDATA[<!-- replace all the code here with your ad code -->
<div class=''https://blogger.googleusercontent.com/img/b/r29vz2xl/avvxsegt4dvjghojuvgcpeemgumwblyluykhlgapybs5a33vlmb56f5wbzdvqwz8zrfqvaqccqnrwimdzjo4amj5u9e12wut5yp6ibxdhmqn4yunfksau0teuu0fpgdfrzcz4s3dvbwafqlycdvd9wxoqhtap5cciecriqjdaoqmxkaba-arfxofaocz2t0se3ti/w400-h138-p-k-no-nu/a.jpg' style='min-height:100px'>
<i class='ads-img' style='width:100%'> <img src=''https://blogger.googleusercontent.com/img/b/r29vz2xl/avvxsegt4dvjghojuvgcpeemgumwblyluykhlgapybs5a33vlmb56f5wbzdvqwz8zrfqvaqccqnrwimdzjo4amj5u9e12wut5yp6ibxdhmqn4yunfksau0teuu0fpgdfrzcz4s3dvbwafqlycdvd9wxoqhtap5cciecriqjdaoqmxkaba-arfxofaocz2t0se3ti/w400-h138-p-k-no-nu/a.jpg'/></i>
</div>]]></b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<div class='ads-content' id='iklan-tengah'>
<data:content/>
<script>/*<![CDATA[*/ function insertAfter(tbh,tgt) {var prt = tgt.parentNode; if (prt.lastChild == tgt) {prt.appendChild(tbh);} else {prt.insertBefore(tbh,tgt.nextSibling);}} var tgt = document.getElementById("post-body"); var midAd3 = document.getElementById("HTML4"); var showAd3 = tgt.getElementsByTagName("p"); if (showAd3.length > 0) {insertAfter(midAd3,showAd3[20]);}; /*]]>*/</script>
</div>
</b:includable>
</b:widget>
<b:widget cond='data:view.isPost and !data:view.isPreview' id='HTML2' locked='true' title='Ad Top Post' type='HTML' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='content'><![CDATA[<!-- replace all the code here with your ad code -->
<div class='ads-here text' style='min-height:80px'>
<div class='ads-text'><i>tes</i>
<i>2</i>
<i>3</i>
<i>4</i>
</div>
</div>]]></b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<div class='ads-content' id='iklan-atas'>
<data:content/>
<script>/*<![CDATA[*/ function insertAfter(tbh,tgt) {var prt = tgt.parentNode; if (prt.lastChild == tgt) {prt.appendChild(tbh);} else {prt.insertBefore(tbh,tgt.nextSibling);}} var tgt = document.getElementById("iklanAtas"); var adpic = document.getElementById("HTML2"); var pic01 = tgt.getElementsByClassName("iklan-atas"); if (pic01.length > 0) {insertAfter(adpic,pic01[0]);}; /*]]>*/</script>
</div>
</b:includable>
</b:widget>
<b:widget cond='data:view.isPost and !data:view.isPreview' id='HTML3' locked='true' title='Ads Under Post' type='HTML' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='content'><![CDATA[<div class='ads-here' style='min-height:100px'><i class='ads-img' style='width:100%'>tes ted terd</i></div>]]></b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<div class='ads-content' id='iklan-bawah'>
<data:content/>
<script>/*<![CDATA[*/ function insertAfter(tbh,tgt) {var prt = tgt.parentNode; if (prt.lastChild == tgt) {prt.appendChild(tbh);} else {prt.insertBefore(tbh,tgt.nextSibling);}} var tgt = document.getElementById("iklanBawah"); var adpic = document.getElementById("HTML3"); var pic01 = tgt.getElementsByClassName("iklan-bawah"); if (pic01.length > 0) {insertAfter(adpic,pic01[0]);}; /*]]>*/</script>
</div>
</b:includable>
</b:widget>
</b:section>
<!-- Widget slot tambahan -->
<b:section cond='data:view.isMultipleItems' id='add-widget' maxwidgets='3' showaddelement='true'>
<b:widget cond='!data:view.isPreview' id='HTML005' locked='true' title='Ads HTML' type='HTML' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='content'><![CDATA[<!-- replace all the code here with your ad code ,, ganti semua kode disini dengan kode iklan anda -->
<div class='ads-here'>
<i class='ads-img'>qqq</i>
<i class='ads-content'></i>
<i class='ads-button'></i>
</div>]]></b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<div class='ads-content'>
<data:content/>
</div>
</b:includable>
</b:widget>
</b:section>
</main>
</div>
<aside class='sidebar'>
<b:section id='sidebar-widget' showaddelement='true'>
<b:widget id='HTML1' locked='false' title='' type='HTML' visible='true'>
<b:widget-settings>
<b:widget-setting name='content'><![CDATA[<!--GENERATOR conver code--->
<style type="text/css">
#codes {
border:1px solid #C94E5C;
width:98%;
height:200px;
margin:5px auto 10px;
display:block;
}
.button-group {
margin:0px auto 0px;
text-align:center;
}
</style>
<br />
<textarea id="codes" placeholder="Tak usah repot , masukkan saja susunan lalu klik 'Konversi'"></textarea>
<div class="button-group">
<button onclick="cdConvert();">konversi</button>
<button onclick="cdClear();">Bersihkan</button>
</div>
<script type="text/javascript">
function cdClear() {
var wtarea = document.getElementById('codes');
wtarea.value = '';
}
function cdConvert() {
var ctarea = document.getElementById('codes'),
cv = ctarea.value;
cv = cv.replace(/&/g, "&");
cv = cv.replace(/'/g, "'");
cv = cv.replace(/"/g, """);
cv = cv.replace(/</g, "<");
cv = cv.replace(/>/g, ">");
ctarea.value = cv;
ctarea.focus();
ctarea.select();
};
</script>
<!--end-->]]></b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:include name='widget-title'/>
<div class='widget-content'>
<data:content/>
</div>
</b:includable>
</b:widget>
<b:widget cond='data:view.isHomepage or data:view.isPost' id='PopularPosts00' locked='false' title='Popular Posts' type='PopularPosts' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='numItemsToShow'>5</b:widget-setting>
<b:widget-setting name='showThumbnails'>true</b:widget-setting>
<b:widget-setting name='showSnippets'>true</b:widget-setting>
<b:widget-setting name='timeRange'>ALL_TIME</b:widget-setting>
</b:widget-settings>
<b:includable id='main' var='this'>
<b:include name='widget-title'/>
<b:include name='snippetedPosts'/>
</b:includable>
<b:includable id='blogThisShare'/>
<b:includable id='bylineByName' var='byline'/>
<b:includable id='bylineRegion' var='regionItems'/>
<b:includable id='commentsLink'>
<div class='comments-bubble'>
<span><data:post.numberOfComments/></span>
<svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><g transform='translate(2.000000, 2.000000)'><path d='M10.0067501,0 C11.62449,0 13.2360653,0.399066203 14.6679897,1.15403251 C19.5432254,3.72637977 21.4181128,9.7854909 18.847518,14.6623794 C17.0941592,17.9879311 13.6420414,20 9.99530173,20 C9.28286212,20 8.56337738,19.9233581 7.8474152,19.7647888 C7.44408103,19.6749328 7.18957541,19.2749857 7.27852028,18.8715148 C7.36746515,18.4680439 7.76639611,18.2152138 8.1723722,18.302427 C11.8966084,19.1305114 15.7414927,17.3430824 17.523032,13.9637933 C19.7087862,9.81808572 18.1148236,4.66546271 13.9696404,2.47896754 C12.7525927,1.83676166 11.3823133,1.49759944 10.0058694,1.49759944 L10.0058694,1.49759944 C5.31028477,1.49759944 1.49710367,5.31119235 1.49710367,9.99867859 C1.49534238,11.3641369 1.82822517,12.7234286 2.45964569,13.9311985 L2.45964569,13.9311985 L2.65162571,14.3064793 C2.8867572,14.7469497 2.93871509,15.294014 2.78636398,15.7891028 C2.57589047,16.3440955 2.40064266,16.8841122 2.25621732,17.4214861 C2.8180671,17.2523455 3.50408744,17.0030392 3.99988905,16.8224464 L3.99988905,16.8224464 L4.20331742,16.7493283 C4.5881581,16.6057349 5.02055346,16.8092323 5.16145622,17.1986081 C5.30235899,17.587103 5.10069191,18.0170022 4.71232866,18.1570718 L4.71232866,18.1570718 L4.51154222,18.2301898 C3.77004141,18.4988768 2.7555415,18.867991 2.0704018,19.0212747 C2.01227941,19.0336079 1.9497538,19.0415364 1.89251206,19.0397745 C1.43281678,19.0397745 1.15277254,18.853896 0.998660135,18.6970885 C0.76176736,18.4565916 0.649045147,18.1191913 0.662254782,17.6945778 C0.664016066,17.6461261 0.670180562,17.5959124 0.681628912,17.5474607 C0.859518654,16.7898516 1.09112758,16.0340043 1.37117182,15.3019425 C1.39142659,15.2305863 1.3790976,15.101088 1.32185585,14.9927322 L1.32185585,14.9927322 L1.12899519,14.6183324 C0.390136315,13.2035414 -0.00174950235,11.6028719 5.87135273e-06,9.99779765 C5.87135273e-06,4.48486984 4.48424231,0 9.99530173,0 L9.99530173,0 Z M9.99565399,8.80949654 C10.6517325,8.80949654 11.1845211,9.34334669 11.1845211,9.99876668 C11.1845211,10.6541867 10.6517325,11.1880368 9.99565399,11.1880368 C9.33957549,11.1880368 8.8067869,10.6541867 8.8067869,9.99876668 C8.8067869,9.34334669 9.33957549,8.80949654 9.99565399,8.80949654 Z M14.3988654,8.80949654 C15.0549439,8.80949654 15.5877325,9.34334669 15.5877325,9.99876668 C15.5877325,10.6541867 15.0549439,11.1880368 14.3988654,11.1880368 C13.7427869,11.1880368 13.2099983,10.6541867 13.2099983,9.99876668 C13.2099983,9.34334669 13.7427869,8.80949654 14.3988654,8.80949654 Z M5.59235449,8.80984892 C6.248433,8.80984892 6.78122158,9.34281813 6.78122158,9.99911906 C6.78122158,10.654539 6.248433,11.1875083 5.59235449,11.1875083 C4.93627599,11.1875083 4.40348741,10.654539 4.40348741,9.99911906 C4.40348741,9.34281813 4.93627599,8.80984892 5.59235449,8.80984892 Z'/></g></svg>
</div>
</b:includable>
<b:includable id='commentsLinkIframe'/>
<b:includable id='emailPostIcon'/>
<b:includable id='facebookShare'/>
<b:includable id='footerBylines'/>
<b:includable id='googlePlusShare'/>
<b:includable id='headerByline'/>
<b:includable id='linkShare'/>
<b:includable id='otherSharingButton'/>
<b:includable id='platformShare'/>
<b:includable id='postAuthor'/>
<b:includable id='postCommentsLink'/>
<b:includable id='postJumpLink'><b:comment>Removed</b:comment></b:includable>
<b:includable id='postLabels'>
<div class='item-label'>
<b:loop index='num' values='data:post.labels' var='label'>
<b:if cond='data:num == 0'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'/>
</b:if>
<b:if cond='data:num == 1'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'/>
</b:if>
</b:loop>
</div>
</b:includable>
<b:includable id='postLocation'/>
<b:includable id='postReactions'/>
<b:includable id='postShareButtons'/>
<b:includable id='postTimestamp'>
<div class='item-timestamp'>
<time class='published' expr:datetime='data:post.date.iso8601'><data:post.date/></time>
</div>
</b:includable>
<b:includable id='sharingButton'/>
<b:includable id='sharingButtonContent'/>
<b:includable id='sharingButtons'/>
<b:includable id='sharingButtonsMenu'/>
<b:includable id='sharingPlatformIcon'/>
<b:includable id='snippetedPostByline'/>
<b:includable id='snippetedPostContent'>
<b:include cond='data:this.postDisplay.showFeaturedImage and data:post.featuredImage' name='snippetedPostThumbnail'/>
<div class='item-content'>
<b:include cond='data:this.postDisplay.showTitle' name='snippetedPostTitle'/>
<b:include cond='data:this.postDisplay.showSnippet' name='snippetedPostEntry'/>
<b:include name='snippetedPostHeader'/>
</div>
</b:includable>
<b:includable id='snippetedPostEntry'>
<b:comment>Dont show.</b:comment>
<!--<div class='item-entry'>
<b:eval expr='snippet(data:post.body, {length: 90, links: true, linebreaks: false})'/>
</div>-->
</b:includable>
<b:includable id='snippetedPostHeader'>
<div class='item-header'>
<div class='item-info'>
<b:include cond='data:post.labels' name='postLabels'/>
<div class='item-published'>
<b:include name='postTimestamp'/>
</div>
</div>
<div class='item-comment'>
<b:include cond='data:post.allowComments' name='commentsLink'/>
<b:include name='postJumpLink'/>
</div>
</div>
</b:includable>
<b:includable id='snippetedPostThumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.url'>
<img class='post-thumb lazy' expr:alt='data:post.title' expr:data-src='resizeImage(data:post.featuredImage, 400, "26:9")' src='data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs='/>
</a>
</div>
</b:includable>
<b:includable id='snippetedPostTitle'>
<b:if cond='data:post.title != ""'>
<h4 class='item-title'><a expr:href='data:post.url'><data:post.title/></a></h4>
</b:if>
</b:includable>
<b:includable id='snippetedPosts'>
<div class='item-popular' role='feed'>
<!-- Don't render the post that we're currently already looking at. -->
<b:loop values='data:posts filter (p => p.id != data:view.postId)' var='post'>
<article class='post'>
<b:class cond='!data:this.postDisplay.showFeaturedImage' name='no-thumbnail'/>
<b:include name='snippetedPostContent'/>
</article>
</b:loop>
</div>
</b:includable>
</b:widget>
<b:widget cond='!data:view.isSingleItem' id='Label00' locked='false' title='Label' type='Label' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='sorting'>ALPHA</b:widget-setting>
<b:widget-setting name='display'>CLOUD</b:widget-setting>
<b:widget-setting name='selectedLabelsList'/>
<b:widget-setting name='showType'>ALL</b:widget-setting>
<b:widget-setting name='showFreqNumbers'>true</b:widget-setting>
</b:widget-settings>
<b:includable id='main' var='this'>
<b:include name='widget-title'/>
<b:include name='content'/>
</b:includable>
<b:includable id='cloud'>
<b:loop index='tags' values='data:labels' var='label'>
<b:if cond='data:tags <= 3'>
<span class='label-size'>
<b:class expr:name='"label-size-" + data:label.cssSize'/>
<a class='label-name' expr:href='data:label.url'>
<span class='label-title'><data:label.name/></span>
<b:if cond='data:this.showFreqNumbers'>
<span class='label-count'><data:label.count/></span>
</b:if>
</a>
</span>
</b:if>
<b:if cond='data:tags == 4'>
<div class='label-show'>
<input class='label-input hidden' id='offall-label' type='checkbox'/>
<div class='label-all'>
<b:loop index='alltags' values='data:labels' var='label'>
<b:if cond='data:alltags >= 4'>
<span class='label-size'>
<b:class expr:name='"label-size-" + data:label.cssSize'/>
<a class='label-name' expr:href='data:label.url'>
<span class='label-title'><data:label.name/></span>
<b:if cond='data:this.showFreqNumbers'>
<span class='label-count'><data:label.count/></span>
</b:if>
</a>
</span>
</b:if>
</b:loop>
</div>
<label class='label-more' expr:data-hide='data:messages.showLess' expr:data-show='data:messages.showMore' for='offall-label'>
<span><b:eval expr='"+" + (data:labels.length - 4) + " more"'/></span>
<svg viewBox='0 0 512 512'><path d='M256 294.1L383 167c9.4-9.4 24.6-9.4 33.9 0s9.3 24.6 0 34L273 345c-9.1 9.1-23.7 9.3-33.1.7L95 201.1c-4.7-4.7-7-10.9-7-17s2.3-12.3 7-17c9.4-9.4 24.6-9.4 33.9 0l127.1 127z'/></svg>
</label>
</div>
</b:if>
</b:loop>
</b:includable>
<b:includable id='content'>
<div class='widget-content'>
<b:class expr:name='data:this.display + "-label"'/>
<b:include cond='data:this.display == "list"' name='list'/>
<b:include cond='data:this.display == "cloud"' name='cloud'/>
</div>
</b:includable>
<b:includable id='list'>
<ul>
<b:loop index='tags' values='data:labels' var='label'>
<b:if cond='data:tags <= 3'>
<li>
<a class='label-name' expr:href='data:label.url'>
<span class='label-title'><data:label.name/></span>
<b:if cond='data:this.showFreqNumbers'>
<span class='label-count'><data:label.count/></span>
</b:if>
<svg class='label-icon' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><g transform='translate(4.000000, 2.000000)'><path d='M11.5258621,0 L4.62931034,0 C1.78448276,0 0,1.9858782 0,5.17210944 L0,18.3230362 C0,19.2491977 0.733326703,20 1.63793103,20 C1.91180194,20 2.18135035,19.9300723 2.42241379,19.7969991 L8.03448276,16.6813769 L14.5689655,19.8146514 C14.7461483,19.8908228 14.9456376,19.8917645 15.1234989,19.8172691 C15.3013603,19.7427737 15.4430062,19.598951 15.5172414,19.4174757 C15.6267768,19.0830842 15.4940188,18.7157283 15.1982759,18.5348632 L8.70689655,15.4280671 C8.28279792,15.1893907 7.76892621,15.1893907 7.34482759,15.4280671 L1.72413793,18.5348632 C1.65968122,18.5709713 1.58169809,18.5709713 1.51724138,18.5348632 C1.45595472,18.494491 1.41993354,18.4240845 1.42241379,18.3495146 L1.42241379,5.17210944 C1.43103448,2.81553398 2.5862069,1.47396293 4.65517241,1.47396293 L11.5517241,1.47396293 C14.2068966,1.47396293 14.5948276,3.68049426 14.5948276,5.00441306 L14.5948276,5.60458959 L7.12931034,5.60458959 C6.93950091,5.61148655 6.76015756,5.69536443 6.63079621,5.83774183 C6.50143487,5.98011924 6.43267077,6.16931284 6.43965517,6.36363636 C6.44874481,6.74967865 6.75225353,7.06042014 7.12931034,7.06972639 L14.5689655,7.06972639 L14.5689655,14.7925861 C14.5689655,15.1971724 14.8893135,15.5251545 15.2844828,15.5251545 C15.6763098,15.5251836 15.9952792,15.2025475 16,14.8014122 L16,14.8014122 L16,5.00441306 C16,1.9152692 14.2931034,0 11.5258621,0 Z'/></g></svg>
</a>
</li>
</b:if>
<b:if cond='data:tags == 4'>
<li class='label-show'>
<input class='label-input hidden' id='offall-label' type='checkbox'/>
<div class='label-all'>
<ul>
<b:loop index='alltags' values='data:labels' var='label'>
<b:if cond='data:alltags >= 4'>
<li>
<a class='label-name' expr:href='data:label.url'>
<span class='label-title'><data:label.name/></span>
<b:if cond='data:this.showFreqNumbers'>
<span class='label-count'><data:label.count/></span>
</b:if>
<svg class='label-icon' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><g transform='translate(4.000000, 2.000000)'><path d='M11.5258621,0 L4.62931034,0 C1.78448276,0 0,1.9858782 0,5.17210944 L0,18.3230362 C0,19.2491977 0.733326703,20 1.63793103,20 C1.91180194,20 2.18135035,19.9300723 2.42241379,19.7969991 L8.03448276,16.6813769 L14.5689655,19.8146514 C14.7461483,19.8908228 14.9456376,19.8917645 15.1234989,19.8172691 C15.3013603,19.7427737 15.4430062,19.598951 15.5172414,19.4174757 C15.6267768,19.0830842 15.4940188,18.7157283 15.1982759,18.5348632 L8.70689655,15.4280671 C8.28279792,15.1893907 7.76892621,15.1893907 7.34482759,15.4280671 L1.72413793,18.5348632 C1.65968122,18.5709713 1.58169809,18.5709713 1.51724138,18.5348632 C1.45595472,18.494491 1.41993354,18.4240845 1.42241379,18.3495146 L1.42241379,5.17210944 C1.43103448,2.81553398 2.5862069,1.47396293 4.65517241,1.47396293 L11.5517241,1.47396293 C14.2068966,1.47396293 14.5948276,3.68049426 14.5948276,5.00441306 L14.5948276,5.60458959 L7.12931034,5.60458959 C6.93950091,5.61148655 6.76015756,5.69536443 6.63079621,5.83774183 C6.50143487,5.98011924 6.43267077,6.16931284 6.43965517,6.36363636 C6.44874481,6.74967865 6.75225353,7.06042014 7.12931034,7.06972639 L14.5689655,7.06972639 L14.5689655,14.7925861 C14.5689655,15.1971724 14.8893135,15.5251545 15.2844828,15.5251545 C15.6763098,15.5251836 15.9952792,15.2025475 16,14.8014122 L16,14.8014122 L16,5.00441306 C16,1.9152692 14.2931034,0 11.5258621,0 Z'/></g></svg>
</a>
</li>
</b:if>
</b:loop>
</ul>
</div>
<label class='label-more' expr:data-hide='data:messages.showLess' expr:data-show='data:messages.showMore' for='offall-label'>
<span><b:eval expr='"+" + (data:labels.length - 4) + " more"'/></span>
<svg viewBox='0 0 512 512'><path d='M256 294.1L383 167c9.4-9.4 24.6-9.4 33.9 0s9.3 24.6 0 34L273 345c-9.1 9.1-23.7 9.3-33.1.7L95 201.1c-4.7-4.7-7-10.9-7-17s2.3-12.3 7-17c9.4-9.4 24.6-9.4 33.9 0l127.1 127z'/></svg>
</label>
</li>
</b:if>
</b:loop>
</ul>
</b:includable>
</b:widget>
</b:section>
<b:section cond='data:blog.isMobileRequest == "false"' id='sidebar-sticky' showaddelement='true'>
<b:widget id='Translate1' locked='false' title='' type='Translate' visible='true'>
<b:widget-settings>
<b:widget-setting name='displayMode'>VERTICAL</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:include name='widget-title'/>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<div id='google_translate_element'/>
<script>
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: '<b:eval expr='data:blog.locale.language ?: "auto"'/>',
autoDisplay: 'true',
layout: google.translate.TranslateElement.InlineLayout.<data:layout/>
}, 'google_translate_element');
}
</script>
<script src='//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit'/>
</b:includable>
</b:widget>
<b:widget cond='!data:view.isPreview' id='HTML004' locked='true' title='' type='HTML' version='2' visible='false'>
<b:widget-settings>
<b:widget-setting name='content'><![CDATA[<!-- replace all the code here with your ad code ganti semua kode disini dengan kode iklan anda-->
<div class='ads-here in-article'>
<i class='ads-img'> </i>
<i class='ads-content'> </i>
<i class='ads-button'> </i>
</div>]]></b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<div class='ads-content'>
<data:content/>
</div>
</b:includable>
</b:widget>
</b:section>
</aside>
</div>
<footer class='footbar'>
<div class='credit'>
<p class='credit-content'>© <span id='copyrightYear'><script>var d = new Date(); var n = d.getFullYear(); document.getElementById('copyrightYear').innerHTML = n;</script></span> ‧ <a expr:href='data:blog.homepageUrl'><data:blog.title/></a>. All Rights Reserved <span class='creator'/><a class='creator' href='https://protemplates.in/'>Pro Templates</a></p>
</div>
</footer>
<b:else/>
<!-- Page Error -->
<section class='error-container'>
<div class='error-content'>
<h3><span>404</span>Uh oh! That's an error.</h3>
<p>The page you've requested can't be found. Why don't you browse around?</p>
<a class='button' expr:href='data:blog.homepageUrl'>Back to home</a>
</div>
</section>
</b:if>
</div>
<b:if cond='!data:view.isError'>
<div class='asideIner'>
<b:class cond='data:view.isSingleItem' name='singleItem'/>
<b:section id='nav-widget' showaddelement='false'>
<b:widget id='HTML00' locked='true' title='Menu Navigasi' type='HTML' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='content'><![CDATA[<!-- This widget can only be edited on the EDIT HTML template menu -->]]></b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<!-- Ini adalah kode Menu Navigasi: Anda bisa mengedit/menambahkan/menghapus menu dibagian ini -->
<ul class='navigation-menu' itemscope='itemscope' itemtype='https://schema.org/SiteNavigationElement'>
<!-- Homepage link -->
<li class='home'>
<a class='link' expr:href='data:blog.homepageUrl' itemprop='url'>
<!-- Link Icon -->
<svg class='icon' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><g transform='translate(2.500000, 2.003982)'><path class='svg-c' d='M7.92173917,18.2568881 L3.92173915,18.2568881 C2.62561934,18.2521579 1.57473912,17.2051555 1.5652174,15.909062 L1.5652174,7.95254022 C1.56776138,7.51865617 1.76191292,7.1080734 2.09565218,6.83080108 L2.80000001,6.30906195 C3.05714116,6.03509289 3.08328826,5.61704285 2.86228858,5.31316828 C2.6412889,5.00929372 2.23552029,4.90536419 1.89565218,5.06558368 L1.89565218,5.06558368 L1.17391305,5.60471412 C0.445875565,6.16803633 0.0138352771,7.0321169 -7.10542736e-15,7.95254022 L-7.10542736e-15,15.9177576 C0.0047821894,18.0816904 1.75780637,19.8347146 3.92173915,19.8394968 L7.92173917,19.8394968 C8.35396202,19.8394968 8.70434787,19.4891109 8.70434787,19.0568881 C8.70434787,18.6246652 8.35396202,18.2742794 7.92173917,18.2742794 L7.92173917,18.2568881 Z'/><path d='M18.7913044,7.93514891 C18.7821625,7.02148476 18.3641697,6.15997273 17.652174,5.58732281 L11.6434783,0.796018441 C10.3230761,-0.26533948 8.44214141,-0.26533948 7.12173917,0.796018441 L5.21739133,2.17862714 C4.85960686,2.43555961 4.77785016,2.93388616 5.03478263,3.29167063 C5.29171511,3.6494551 5.79004165,3.7312118 6.14782612,3.47427932 L8.07826091,2.03080106 C8.83595413,1.40700621 9.92926336,1.40700621 10.6869566,2.03080106 L16.6956523,6.82210543 C17.0414821,7.0962427 17.245809,7.51128176 17.252174,7.95254022 L17.252174,15.9177576 C17.252174,17.2144262 16.2010165,18.2655837 14.9043479,18.2655837 L13.1217392,18.2655837 C12.9392451,18.2655837 12.7913044,18.1176431 12.7913044,17.935149 L12.7913044,14.3438446 C12.7913144,13.1994401 11.8661337,12.270372 10.7217392,12.2655837 L8.11304352,12.2655837 C7.56185446,12.2655837 7.03324068,12.4845427 6.64349116,12.8742922 C6.25374164,13.2640418 6.03478264,13.7926555 6.03478264,14.3438446 L6.03478264,15.7177576 C6.03478264,16.1499805 6.38516849,16.5003663 6.81739134,16.5003663 C7.24961419,16.5003663 7.60000004,16.1499805 7.60000004,15.7177576 L7.60000004,14.3438446 C7.59766759,14.208583 7.64977261,14.0780549 7.74461016,13.9815822 C7.83944772,13.8851095 7.96906617,13.830781 8.10434787,13.8308011 L10.7130435,13.8308011 C10.9915871,13.8308011 11.2173914,14.0566053 11.2173914,14.3351489 L11.2173914,14.3351489 L11.2173914,17.935149 C11.2221784,18.9834938 12.0733835,19.8308011 13.1217392,19.8308011 L14.8608696,19.8308011 C17.0267864,19.8308011 18.7826088,18.0749787 18.7826088,15.909062 L18.7913044,7.93514891 Z'/></g></svg>
<!-- Teks link -->
<span class='name' itemprop='name'><data:messages.home/></span>
</a>
</li>
<!-- Category/dropdown menu -->
<li class='submenu break'>
<input class='sub-menu hidden' id='offsub-menu1' name='dropdown-menu' type='checkbox'/>
<label class='link' for='offsub-menu1'>
<!-- Link Icon -->
<svg class='icon' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><g transform='translate(2.000000, 2.000000)'><path d='M19.2351648,10.6772248 C19.6575716,10.6772248 20,10.334646 20,9.91205367 L20,8.89182545 C20,4.84609283 18.1978022,2.87599695 14.5054945,2.87599695 L11.7802198,2.87599695 C11.3365661,2.87810205 10.9172736,2.67324132 10.6461538,2.32190748 L9.76703297,1.15216305 C9.19910638,0.423105508 8.32609921,-0.0022260158 7.4021978,0 L5.48571429,0 C1.84615385,0 0,2.10203071 0,6.25330418 L0,13.7554997 C0,17.6077407 2.39120879,20 6.25054945,20 L13.7406593,20 C17.5912088,20 19.9912088,17.6077407 19.9912088,13.7554997 C19.9491205,13.3621883 19.6173632,13.0639212 19.221978,13.0639212 C18.8265928,13.0639212 18.4948355,13.3621883 18.4527473,13.7554997 C18.4527473,16.7897991 16.7824176,18.4696577 13.7406593,18.4696577 L6.24175824,18.4696577 C3.2,18.4696577 1.52967033,16.7985942 1.52967033,13.7554997 L1.52967033,13.0255088 L13.8373626,13.0255088 C14.2597694,13.0255088 14.6021978,12.68293 14.6021978,12.2603376 C14.6021978,11.8377452 14.2597694,11.4951664 13.8373626,11.4951664 L1.52967033,11.4951664 L1.52967033,6.21812389 C1.52967033,2.91117723 2.70769231,1.49517082 5.47692308,1.49517082 L7.41098901,1.49517082 C7.854606,1.50172958 8.27146542,1.70863441 8.54505495,2.05805535 L9.42417582,3.21900471 C9.98216939,3.95874311 10.8538928,4.39479629 11.7802198,4.39754422 L14.4967033,4.39754422 C17.3538462,4.39754422 18.4615385,5.6728295 18.4615385,8.89182545 L18.4615385,9.91205367 C18.461525,10.1165228 18.5433112,10.3124919 18.6886527,10.4562448 C18.8339941,10.5999978 19.030799,10.6795751 19.2351648,10.6772248 Z'/></g></svg>
<!-- Teks link -->
<span class='name' itemprop='name'>Category</span>
<!-- Arrow Icon -->
<svg class='icon name' viewBox='0 0 512 512'><path d='M256 294.1L383 167c9.4-9.4 24.6-9.4 33.9 0s9.3 24.6 0 34L273 345c-9.1 9.1-23.7 9.3-33.1.7L95 201.1c-4.7-4.7-7-10.9-7-17s2.3-12.3 7-17c9.4-9.4 24.6-9.4 33.9 0l127.1 127z'/></svg>
</label>
<ul class='sub-first'>
<li itemprop='name'><a expr:href='data:blog.homepageUrl + "search/label/Blogger"' itemprop='url'>Blogger</a></li>
<li itemprop='name'><a expr:href='data:blog.homepageUrl + "search/label/PLACES%20IN%20CHINA"' itemprop='url'>Wordpress</a></li>
<li itemprop='name'><a expr:href='data:blog.homepageUrl + "search/label/PLACES%20IN%20ENGLAND"' itemprop='url'>World</a></li>
<li itemprop='name'><a expr:href='data:blog.homepageUrl + "search/label/List"' itemprop='url'>List</a></li>
<li itemprop='name'><a expr:href='data:blog.homepageUrl + "search/label/Preview"' itemprop='url'>Preview</a></li>
<li itemprop='name'><a expr:href='data:blog.homepageUrl + "search/label/Tutorial"' itemprop='url'>Tutorial</a></li>
</ul>
</li>
<!-- About me link -->
<li>
<a class='link' href='javascript:void(0)' itemprop='url'>
<!-- Link Icon -->
<svg class='icon' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><g transform='translate(4.000000, 2.000000)'><path d='M5.88450545,12.7673223 C7.32107647,12.6441193 8.76545208,12.6441193 10.2020231,12.7673223 C10.9876051,12.819974 11.7678606,12.9347129 12.5355802,13.1104786 C14.1961639,13.4448359 15.2799133,14.1047518 15.7343888,15.0726283 C16.0974922,15.8767717 16.08789,16.80158 15.7081691,17.5979063 C15.2449536,18.5657829 14.1612043,19.2256987 12.4744008,19.568855 C11.7092951,19.7410988 10.9319902,19.8528915 10.1495836,19.9032123 C9.2843321,20 8.5501793,20 7.86846599,20 L7.59752865,20 C7.21132744,19.9581349 6.91855939,19.6299512 6.91855939,19.2388971 C6.91855939,18.8478429 7.21132744,18.5196592 7.59752865,18.4777941 L7.59752865,18.4777941 L8.19552997,18.4776566 C8.7948969,18.470645 9.39795098,18.4425986 10.0010051,18.3898053 C10.7124372,18.3432116 11.4194216,18.2432131 12.1160643,18.0906435 C13.3134326,17.8266771 14.0650652,17.4483254 14.3010429,16.9467893 C14.484604,16.5631348 14.484604,16.1161987 14.3010429,15.7325442 C14.0650652,15.2222093 13.3134326,14.8262598 12.1422841,14.5886901 C11.4348379,14.4289038 10.7159053,14.3259265 9.99226515,14.2807293 C8.64034215,14.1575279 7.28012802,14.1575279 5.92820502,14.2807293 C5.21388459,14.3273105 4.50399397,14.4273069 3.80440586,14.5798912 C2.6070376,14.8438575 1.86414489,15.2222093 1.61942729,15.7237453 C1.53272302,15.9142245 1.48799947,16.1213408 1.48832858,16.3308679 C1.48783807,16.5432444 1.53254045,16.7532629 1.61942729,16.9467893 C2.03541113,17.5187562 2.66831687,17.8915039 3.36741014,17.9762581 L3.36741014,17.9762581 L3.46883074,18.003768 C3.69882672,18.0836728 3.87936538,18.2709306 3.94969781,18.5098707 C4.03007773,18.7829451 3.95322349,19.0783682 3.75020277,19.2767179 C3.54718205,19.4750675 3.25156561,19.5435453 2.98285392,19.4544696 C1.85607336,19.2695203 0.86780853,18.5933528 0.282220408,17.6067052 C-0.0940734694,16.8075691 -0.0940734694,15.8805633 0.282220408,15.0814272 C0.745435864,14.087154 1.82918523,13.4448359 3.49850886,13.1016797 C4.28445329,12.9305221 5.08200812,12.8187582 5.88450545,12.7673223 Z M5.96471469,0.407206951 C7.95471011,-0.421671419 10.2447427,0.0383955276 11.7663081,1.57274551 C13.2878734,3.1070955 13.7410933,5.41333076 12.9145002,7.41538679 C12.0879072,9.41744281 10.1444105,10.7207439 7.99082479,10.717191 C5.05464341,10.7123299 2.67695692,8.31466134 2.67695692,5.35866706 L2.67695692,5.35866706 L2.68189526,5.12722783 C2.77053718,3.05238043 4.04579053,1.20648252 5.96471469,0.407206951 Z M7.99082479,1.53114502 C6.98099466,1.52881803 6.01172919,1.93104061 5.29685022,2.6490918 C4.58197126,3.367143 4.18021208,4.34202145 4.18021208,5.35866706 C4.17668538,6.91110569 5.10286315,8.31266199 6.52650415,8.90922336 C7.95014515,9.50578474 9.59058472,9.17974169 10.6822224,8.08325997 C11.77386,6.98677826 12.1014841,5.3360245 11.512191,3.90141287 C10.9228979,2.46680125 9.53286415,1.53114502 7.99082479,1.53114502 Z'/></g></svg>
<!-- Teks link -->
<span class='name' itemprop='name'>About</span>
</a>
</li>
<!-- Contact link -->
<li class='break'>
<a class='link' expr:href='data:blog.homepageUrl + "p/contact.html"' itemprop='url'>
<!-- Link Icon -->
<svg class='icon' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><g transform='translate(2.000000, 3.000000)'><path d='M14.1972579,8.17124146e-14 C17.3979916,0.00978563072 19.990286,2.62120148 20,5.84554455 L20,5.84554455 L20,7.30693069 L19.99354,7.4036631 C19.9466817,7.75161611 19.6506049,8.01980198 19.2923485,8.01980198 L19.2923485,8.01980198 L19.2835029,8.0019802 L19.1721336,7.99309967 C19.0257158,7.96959451 18.889286,7.90013647 18.7831177,7.79318503 C18.6504073,7.65949573 18.5758514,7.47817413 18.5758514,7.28910891 L18.5758514,7.28910891 L18.5758514,5.84554455 C18.5518871,3.41954659 16.6054921,1.45879454 14.1972579,1.43465347 L14.1972579,1.43465347 L5.80274215,1.43465347 C3.39450789,1.45879454 1.44811291,3.41954659 1.42414861,5.84554455 L1.42414861,5.84554455 L1.42414861,12.1544554 C1.44811291,14.5804534 3.39450789,16.5412055 5.80274215,16.5653465 L5.80274215,16.5653465 L14.1972579,16.5653465 C16.6054921,16.5412055 18.5518871,14.5804534 18.5758514,12.1544554 C18.6163388,11.7890822 18.922975,11.5127474 19.2879257,11.5127474 C19.6528764,11.5127474 19.9595126,11.7890822 20,12.1544554 C19.990286,15.3787985 17.3979916,17.9902144 14.1972579,18 L14.1972579,18 L5.80274215,18 C2.599996,17.995093 0.00487110525,15.3808258 -1.42108547e-14,12.1544554 L-1.42108547e-14,12.1544554 L-1.42108547e-14,5.84554455 C-1.42108547e-14,2.61713944 2.59797615,8.17124146e-14 5.80274215,8.17124146e-14 L5.80274215,8.17124146e-14 Z M4.29443312,5.38692655 C4.48070099,5.36682207 4.6671823,5.42289927 4.81203008,5.54257426 L4.81203008,5.54257426 L8.96948253,8.85742574 C9.48880627,9.2678976 10.2192875,9.2678976 10.7386112,8.85742574 L10.7386112,8.85742574 L14.8518355,5.54257426 L14.8606811,5.54257426 L14.9473987,5.48291804 C15.2462388,5.30808809 15.6344967,5.37260085 15.8602388,5.64950495 C15.9785304,5.79800076 16.0329385,5.98799536 16.0113373,6.17714498 C15.9897361,6.36629461 15.8939207,6.53887938 15.7452455,6.65643564 L15.7452455,6.65643564 L11.6320212,9.98019802 C10.5861526,10.8280382 9.09540423,10.8280382 8.0495356,9.98019802 L8.0495356,9.98019802 L3.92746572,6.65643564 L3.8513546,6.58355583 C3.61891283,6.32594359 3.59998262,5.92999594 3.821318,5.64950495 C3.93770999,5.50163353 4.10816526,5.40703103 4.29443312,5.38692655 Z'/></g></svg>
<!-- Teks link -->
<span class='name' itemprop='name'>Contact Us</span>
</a>
</li>
<li class='break'>
<a class='link' expr:href='data:blog.homepageUrl + "p/documentation.html"' itemprop='url'>
<!-- Link Icon -->
<svg class='icon' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><g transform='translate(2.000000, 2.000000)'><path d='M13.7467018,-4.61852778e-14 C17.5901495,-4.61852778e-14 20,2.39226033 20,6.25329815 L20,6.25329815 L20,8.57519789 L19.9930149,8.67902713 C19.9423479,9.05250791 19.622205,9.34036939 19.2348285,9.34036939 L19.2348285,9.34036939 L19.2260334,9.34036939 L19.1052038,9.33069252 C18.9464135,9.30504163 18.7987699,9.22918985 18.6848781,9.1126494 C18.5425134,8.96697383 18.46492,8.77003645 18.469657,8.56640281 L18.469657,8.56640281 L18.469657,6.25329815 C18.469657,3.21020229 16.7897977,1.53034301 13.7467018,1.53034301 L13.7467018,1.53034301 L6.25329815,1.53034301 C3.20140721,1.53034301 1.53034301,3.21020229 1.53034301,6.25329815 L1.53034301,6.25329815 L1.53034301,13.7554969 C1.53034301,16.7985928 3.21020229,18.469657 6.25329815,18.469657 L6.25329815,18.469657 L13.7467018,18.469657 C16.7985928,18.469657 18.469657,16.7897977 18.469657,13.7554969 C18.469657,13.3329044 18.812236,12.9903255 19.2348285,12.9903255 C19.657421,12.9903255 20,13.3329044 20,13.7554969 C20,17.6077397 17.6077397,20 13.7554969,20 L13.7554969,20 L6.25329815,20 C2.39226033,20 1.0658141e-14,17.6077397 1.0658141e-14,13.7554969 L1.0658141e-14,13.7554969 L1.0658141e-14,6.25329815 C1.0658141e-14,2.39226033 2.39226033,-4.61852778e-14 6.25329815,-4.61852778e-14 L6.25329815,-4.61852778e-14 Z M5.75197889,7.55496922 C5.95495612,7.56184761 6.14687208,7.64913852 6.28544665,7.79761127 C6.42402122,7.94608402 6.49788492,8.14355704 6.49076517,8.34652595 L6.49076517,8.34652595 L6.49076517,14.7405453 C6.47619301,15.1631378 6.121801,15.4939037 5.69920844,15.4793316 C5.27661589,15.4647594 4.94585001,15.1103674 4.96042216,14.6877748 L4.96042216,14.6877748 L4.96042216,8.28496042 L4.97405581,8.16530218 C5.0047359,8.00845634 5.08458828,7.8642268 5.20358863,7.75448204 C5.35233906,7.61730108 5.54985383,7.54544217 5.75197889,7.55496922 Z M10.0351803,4.55584872 C10.4577729,4.55584872 10.8003518,4.89842768 10.8003518,5.32102023 L10.8003518,5.32102023 L10.8003518,14.6965699 C10.8003518,15.1191625 10.4577729,15.4617414 10.0351803,15.4617414 C9.61258775,15.4617414 9.2700088,15.1191625 9.2700088,14.6965699 L9.2700088,14.6965699 L9.2700088,5.32102023 C9.2700088,4.89842768 9.61258775,4.55584872 10.0351803,4.55584872 Z M14.2744063,10.9322779 C14.6969989,10.9322779 15.0395778,11.2748569 15.0395778,11.6974494 L15.0395778,11.6974494 L15.0395778,14.6877748 C15.0395778,15.1103674 14.6969989,15.4529463 14.2744063,15.4529463 C13.8518138,15.4529463 13.5092348,15.1103674 13.5092348,14.6877748 L13.5092348,14.6877748 L13.5092348,11.6974494 C13.5092348,11.2748569 13.8518138,10.9322779 14.2744063,10.9322779 Z'/></g></svg>
<!-- Teks link -->
<span class='name new' itemprop='name'>Documentation</span>
</a>
</li>
<!-- Sitemap link -->
<li>
<a class='link' expr:href='data:blog.homepageUrl + "p/sitemap.html"' itemprop='url'>
<!-- Link Icon -->
<svg class='icon' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><g transform='translate(3.000000, 2.000000)'><path d='M12.8534107,-1.95399252e-14 C16.0667634,-1.95399252e-14 17.9912917,1.95143488 18,5.20971302 L18,5.20971302 L18,14.790287 C18,18.0485651 16.08418,20 12.862119,20 L12.862119,20 L10.0058055,20 C9.63949884,19.9590452 9.36223544,19.6452022 9.36223544,19.2715232 C9.36223544,18.8978441 9.63949884,18.5840011 10.0058055,18.5430464 L10.0058055,18.5430464 L12.8534107,18.5430464 C15.3091437,18.5430464 16.5457184,17.2803532 16.5457184,14.790287 L16.5457184,14.790287 L16.5457184,5.20971302 C16.5457184,2.7196468 15.3091437,1.45695364 12.8534107,1.45695364 L12.8534107,1.45695364 L5.13788099,1.45695364 C2.68214804,1.45695364 1.43686502,2.7196468 1.43686502,5.20971302 L1.43686502,5.20971302 L1.43686502,14.790287 C1.43686502,17.2803532 2.68214804,18.5430464 5.13788099,18.5430464 C5.50418766,18.5840011 5.78145107,18.8978441 5.78145107,19.2715232 C5.78145107,19.6452022 5.50418766,19.9590452 5.13788099,20 C1.9245283,20 -3.55271368e-15,18.0485651 -3.55271368e-15,14.790287 L-3.55271368e-15,14.790287 L-3.55271368e-15,5.20971302 C-3.55271368e-15,1.94260486 1.9245283,-1.95399252e-14 5.13788099,-1.95399252e-14 L5.13788099,-1.95399252e-14 Z M12.5921626,13.5099338 C12.9865372,13.5099338 13.3062409,13.8341073 13.3062409,14.2339956 C13.3062409,14.6338839 12.9865372,14.9580574 12.5921626,14.9580574 L12.5921626,14.9580574 L5.38171263,14.9580574 C4.98733803,14.9580574 4.66763425,14.6338839 4.66763425,14.2339956 C4.66763425,13.8341073 4.98733803,13.5099338 5.38171263,13.5099338 L5.38171263,13.5099338 Z M12.5921626,9.27152318 C12.8677202,9.24071456 13.1363773,9.37243477 13.283685,9.61057053 C13.4309927,9.84870629 13.4309927,10.1512937 13.283685,10.3894295 C13.1363773,10.6275652 12.8677202,10.7592854 12.5921626,10.7284768 L12.5921626,10.7284768 L5.38171263,10.7284768 C5.01540595,10.687522 4.73814255,10.373679 4.73814255,10 C4.73814255,9.62632096 5.01540595,9.31247796 5.38171263,9.27152318 L5.38171263,9.27152318 Z M8.13352685,5.0419426 C8.49983352,5.08289739 8.77709693,5.39674039 8.77709693,5.77041943 C8.77709693,6.14409846 8.49983352,6.45794146 8.13352685,6.49889625 L8.13352685,6.49889625 L5.3904209,6.49889625 C5.02411423,6.45794146 4.74685082,6.14409846 4.74685082,5.77041943 C4.74685082,5.39674039 5.02411423,5.08289739 5.3904209,5.0419426 L5.3904209,5.0419426 Z'/></g></svg>
<!-- Teks link -->
<span class='name' itemprop='name'>Sitemap</span>
</a>
</li>
<li>
<a class='link' href='javascript:void(0)' itemprop='url'>
<!-- Link Icon -->
<svg class='icon' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><g transform='translate(2.000000, 2.000000)'><path d='M18.5593769,6.79017287 C18.9610428,6.79500189 19.2840764,7.12128333 19.2840764,7.52209253 L19.2840764,7.52209253 L19.2840764,13.9947315 C19.2840764,17.6984213 16.9685732,20 13.2566978,20 L13.2566978,20 L10.3048731,20 C9.89829739,20 9.56733821,19.6737307 9.56249802,19.2680803 C9.56727055,18.8609709 9.89686386,18.5321044 10.3048731,18.5273424 L10.3048731,18.5273424 L13.2566978,18.5273424 C16.1820091,18.5273424 17.7993263,16.9224101 17.8258397,13.9947315 L17.8258397,13.9947315 L17.8258397,7.52209253 C17.8258397,7.11786446 18.1542555,6.79017287 18.5593769,6.79017287 Z M12.5231605,0.776086015 C12.9297074,0.780915527 13.2566978,1.11114487 13.2566978,1.51682398 C13.2566978,1.71247872 13.1782169,1.89999431 13.0387346,2.0375122 C12.8992522,2.1750301 12.7103957,2.25110093 12.5143227,2.24874365 L12.5143227,2.24874365 L6.01854081,2.24874365 C3.09322949,2.24874365 1.47591236,3.86249422 1.47591236,6.79017287 L1.47591236,6.79017287 L1.47591236,13.9947315 C1.47591236,16.9224101 3.09322949,18.5273424 6.01854081,18.5273424 C6.42655005,18.5321044 6.75614336,18.8609709 6.76091588,19.2680803 C6.7560757,19.6737307 6.42511652,20 6.01854081,20 C2.30666542,20 3.55271368e-15,17.6984213 3.55271368e-15,13.9947315 L3.55271368e-15,13.9947315 L3.55271368e-15,6.79017287 C3.55271368e-15,3.07766471 2.30666542,0.776086015 6.01854081,0.776086015 L6.01854081,0.776086015 Z M13.6405699,7.47415709 C13.8986602,7.29834112 14.2463981,7.30338911 14.5010412,7.49883643 C14.7875146,7.71871466 14.8707838,8.11403406 14.697259,8.43037837 L14.697259,8.43037837 L11.8691634,12.0723401 C11.745354,12.2248371 11.5687763,12.3255161 11.3742467,12.354526 C11.1806403,12.3741653 10.9870465,12.3171652 10.835141,12.1957964 L10.835141,12.1957964 L8.12193686,10.0705839 L5.68270446,13.2363569 C5.56639108,13.3942512 5.39148033,13.4990132 5.19712938,13.52719 C5.00277843,13.5553667 4.80522024,13.5046048 4.64868203,13.3862681 C4.32921663,13.1363618 4.27016334,12.6767618 4.51611505,12.354526 L4.51611505,12.354526 L7.40607518,8.59792625 C7.52663161,8.44217824 7.70434594,8.34069843 7.89999886,8.31588215 C8.09565177,8.29106586 8.2931598,8.34495309 8.4489354,8.46565161 L8.4489354,8.46565161 L11.1621396,10.5908641 L13.5483452,7.54854746 Z M16.401155,0.199963635 C17.3717893,-0.204098898 18.4908164,0.015529541 19.2357623,0.756304368 C19.9807081,1.49707919 20.2046334,2.61288381 19.8029872,3.5827487 C19.4013411,4.55261359 18.4533477,5.1852406 17.4016253,5.1852406 C15.9700611,5.1852406 14.8081818,4.02987504 14.8032974,2.60147601 L14.8032974,2.60147601 L14.8091938,2.41743042 C14.8751213,1.44242571 15.4876169,0.580257785 16.401155,0.199963635 Z M17.4016253,1.48155075 C16.7817407,1.48155075 16.2792249,1.98295837 16.2792249,2.60147601 C16.2792249,3.21999366 16.7817407,3.72140128 17.4016253,3.72140128 C18.02151,3.72140128 18.5240257,3.21999366 18.5240257,2.60147601 C18.5240257,1.98295837 18.02151,1.48155075 17.4016253,1.48155075 Z'/></g></svg>
<!-- Teks link -->
<span class='name' itemprop='name'>Disclaimer</span>
</a>
</li>
<li>
<a class='link' href='javascript:void(0)' itemprop='url'>
<!-- Link Icon -->
<svg class='icon' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><g transform='translate(2.500000, 2.000000)'><path d='M5.89312969,1.63401017 C7.18608714,0.193148877 9.2031953,-0.355361447 11.0471682,0.232477327 C12.8911411,0.820316102 14.2193651,2.4352824 14.4409959,4.35897817 L14.4409959,4.35897817 L14.5894358,4.3619408 C16.0320293,4.41953302 17.6812199,5.3259023 18.1482924,7.87506592 L18.1482924,7.87506592 L18.9038078,13.7469324 C19.1937149,15.7862633 18.8159572,17.3597126 17.9374509,18.4057487 C17.0589446,19.4517848 15.6181943,19.9616175 13.5449195,19.9616175 L13.5449195,19.9616175 L5.54172718,19.9616175 C3.9039713,20.1671179 2.27213858,19.5386369 1.19475678,18.2874336 C0.117374985,17.0362303 -0.262494372,15.3284472 0.182838817,13.7381422 L0.182838817,13.7381422 L0.204676893,13.6359698 C0.308595333,13.2721161 0.667848274,13.0320392 1.05256004,13.087666 C1.47224561,13.1483498 1.7633029,13.5379658 1.7026547,13.9578977 C1.42810152,15.1086213 1.66869663,16.3219324 2.36153441,17.2806006 C3.21278531,18.0879587 4.36270211,18.5022992 5.53294211,18.4233291 L5.53294211,18.4233291 L13.5449195,18.4233291 C15.1350158,18.4233291 16.2331487,18.0893008 16.8041778,17.3948735 C17.3752069,16.7004462 17.6036185,15.5401372 17.3752069,13.9578977 L17.3752069,13.9578977 L16.6284765,8.14756272 C16.3649247,6.74112762 15.5479138,5.86210568 14.4409959,5.86210568 L14.4409959,5.86210568 L4.6368657,5.86210568 C3.58265815,5.86210568 2.76564731,6.74112762 2.44059998,8.20909425 L2.44059998,8.20909425 L2.22975847,9.5012565 C2.13292635,9.8960748 1.74718016,10.1485239 1.34686024,10.0790635 C0.946540322,10.0096031 0.668265259,9.64193825 0.70994259,9.23754992 L0.70994259,9.23754992 L0.929569162,7.91901701 C1.50938331,5.23800011 3.22247058,4.35897817 4.6368657,4.35897817 L4.6368657,4.35897817 L12.8772547,4.35897817 C12.7565915,3.58000694 12.3719875,2.86620985 11.7879069,2.33722772 C10.3999955,1.09522364 8.26884501,1.21325324 7.0264028,2.6009343 L7.0264028,2.6009343 L7.0264028,2.68883649 L6.94026918,2.76845555 C6.75776787,2.91311984 6.51757868,2.96919924 6.28659927,2.9161396 C6.01712329,2.85423668 5.80112265,2.65318792 5.71996271,2.38872644 C5.63880277,2.12426495 5.70481365,1.83656874 5.89312969,1.63401017 Z M12.4383364,8.32344582 L12.5522074,8.34094754 C12.6668264,8.36747635 12.7765308,8.41197721 12.8772547,8.47280083 C12.9670814,8.54373125 13.0468748,8.62652847 13.1144514,8.71892697 C13.1525621,8.76156168 13.179702,8.81285597 13.1935169,8.8683607 C13.2202671,8.92070354 13.2380828,8.9771531 13.2462273,9.03537487 C13.2552916,9.09362541 13.2552916,9.15292872 13.2462273,9.21117926 C13.2491968,9.32648631 13.2251268,9.44088581 13.1759468,9.54520759 C13.1319069,9.65850998 13.0592634,9.7584534 12.9651053,9.83528483 C12.8029063,10.0009051 12.5818739,10.0956889 12.3501509,10.0989914 C12.2328864,10.0943227 12.117165,10.0705711 12.0075335,10.0286697 C11.8243521,9.91975422 11.6869768,9.74793427 11.6209907,9.54520759 C11.5745152,9.44025592 11.5534459,9.32581224 11.5594953,9.21117926 C11.5505699,9.15291804 11.5505699,9.09363609 11.5594953,9.03537487 L11.5594953,9.03537487 L11.5594953,8.8683607 L11.6473459,8.71892697 C11.6723518,8.66774342 11.7083499,8.62271947 11.7527666,8.58707368 L11.7527666,8.58707368 L11.8845426,8.47280083 C11.9335151,8.43953301 11.9866916,8.41292917 12.0426737,8.39368886 C12.0955144,8.36823465 12.1517224,8.35047434 12.2095899,8.34094754 C12.3222888,8.31469495 12.4395084,8.31469495 12.5522074,8.34094754 Z M6.82468123,8.33223604 L6.93855218,8.34973776 C6.99673979,8.35788702 7.05315624,8.3757132 7.10546837,8.40247908 C7.15943802,8.42003352 7.20996526,8.44679893 7.25481444,8.48159105 C7.30744517,8.51195767 7.3548955,8.55053369 7.39537545,8.5958639 C7.43979222,8.63150969 7.47579025,8.67653363 7.5007962,8.72771719 C7.53492947,8.77451018 7.5643561,8.82456481 7.58864683,8.87715092 L7.58864683,8.87715092 L7.64135721,9.04416509 C7.64612665,9.10266939 7.64612665,9.16146517 7.64135721,9.21996948 C7.64135721,9.70543989 7.24803654,10.0989914 6.76285092,10.0989914 C6.53725854,10.0911464 6.32334044,9.99671537 6.16546664,9.83528483 C6.08233341,9.75247348 6.01661735,9.65384152 5.97219526,9.54520759 C5.93018882,9.43892388 5.90930048,9.32546346 5.91069982,9.21117926 C5.90163554,9.15292872 5.90163554,9.09362541 5.91069982,9.03537487 C5.9188443,8.9771531 5.93666002,8.92070354 5.9634102,8.8683607 C5.98095434,8.81435937 6.00770405,8.76380247 6.04247576,8.71892697 C6.06748172,8.66774342 6.10347974,8.62271947 6.14789652,8.58707368 C6.18635827,8.54557661 6.23076843,8.51002763 6.27967246,8.48159105 C6.32452163,8.44679893 6.37504888,8.42003352 6.42901853,8.40247908 C6.48133066,8.3757132 6.53774711,8.35788702 6.59593472,8.34973776 C6.70863363,8.32348517 6.82585326,8.32348517 6.93855218,8.34973776 Z'/></g></svg>
<!-- Teks link -->
<span class='name' itemprop='name'>Privacy</span>
</a>
</li>
<li class='close'>
<label class='link' for='offnav-menu'>
<!-- Link Icon -->
<svg class='icon' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'><path d='M278.6 256l68.2-68.2c6.2-6.2 6.2-16.4 0-22.6-6.2-6.2-16.4-6.2-22.6 0L256 233.4l-68.2-68.2c-6.2-6.2-16.4-6.2-22.6 0-3.1 3.1-4.7 7.2-4.7 11.3 0 4.1 1.6 8.2 4.7 11.3l68.2 68.2-68.2 68.2c-3.1 3.1-4.7 7.2-4.7 11.3 0 4.1 1.6 8.2 4.7 11.3 6.2 6.2 16.4 6.2 22.6 0l68.2-68.2 68.2 68.2c6.2 6.2 16.4 6.2 22.6 0 6.2-6.2 6.2-16.4 0-22.6L278.6 256z'/></svg>
<!-- Teks Icon -->
<span class='name' itemprop='name'>Menu</span>
</label>
</li>
<!-- Link Sosial Media -->
<li class='sosmed'>
<label class='link' for='offnav-menu'>
<!-- Link Icon -->
<svg class='icon' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><g transform='translate(2.000000, 2.000000)'><path d='M13.7554969,-4.61852778e-14 C17.5901495,-4.61852778e-14 20,2.39226033 20,6.25329815 L20,6.25329815 L20,8.82145998 C20,9.02359667 19.9191181,9.21732894 19.775362,9.35943259 C19.631606,9.50153624 19.4369515,9.58018684 19.2348285,9.57783641 L19.2348285,9.57783641 L19.2348285,9.56024626 C18.8122359,9.56024626 18.469657,9.21766731 18.469657,8.79507476 L18.469657,8.79507476 L18.469657,6.25329815 C18.469657,3.20140721 16.7985928,1.53034301 13.7554969,1.53034301 L13.7554969,1.53034301 L6.25329815,1.53034301 C3.21020229,1.53034301 1.53034301,3.21020229 1.53034301,6.25329815 L1.53034301,6.25329815 L1.53034301,13.7554969 C1.53034301,16.7897977 3.21020229,18.469657 6.25329815,18.469657 L6.25329815,18.469657 L13.7554969,18.469657 C16.7985928,18.469657 18.469657,16.7897977 18.469657,13.7554969 C18.469657,13.3329044 18.812236,12.9903255 19.2348285,12.9903255 C19.657421,12.9903255 20,13.3329044 20,13.7554969 C20,17.6077397 17.6077397,20 13.7554969,20 L13.7554969,20 L6.25329815,20 C2.39226033,20 -1.77635684e-14,17.6077397 -1.77635684e-14,13.7554969 L-1.77635684e-14,13.7554969 L-1.77635684e-14,6.25329815 C-1.77635684e-14,2.39226033 2.39226033,-4.61852778e-14 6.25329815,-4.61852778e-14 L6.25329815,-4.61852778e-14 Z M10.0703606,11.644679 C10.2741412,11.6491963 10.4674733,11.7357687 10.6065507,11.8847802 C10.7456281,12.0337917 10.8186774,12.232628 10.8091469,12.4362357 L10.8091469,12.4362357 L10.8091469,13.4036939 L10.7955242,13.5238147 C10.7649048,13.6813039 10.685283,13.826302 10.5665048,13.9371617 C10.4180321,14.0757363 10.2205591,14.1496 10.0175901,14.1424802 C9.59703523,14.1234633 9.2688063,13.7717894 9.27880387,13.3509235 L9.27880387,13.3509235 L9.27880387,12.3834653 C9.28568227,12.180488 9.37297317,11.9885721 9.52144592,11.8499975 C9.66991867,11.7114229 9.86739169,11.6375592 10.0703606,11.644679 Z M10.0351803,5.84872469 C10.1203259,5.84870167 10.2039709,5.86303427 10.2828907,5.89036543 C10.5977648,5.98519473 10.826737,6.27720335 10.826737,6.62269129 L10.826,9.014 L13.4300792,9.01495163 C13.5177801,9.01392578 13.6040633,9.02814945 13.685387,9.05617989 C13.8039309,9.09234507 13.9138048,9.15791752 14.0032321,9.24838466 C14.1453357,9.39214068 14.2239863,9.58679518 14.2216871,9.78891821 C14.2216871,10.2047356 13.8897621,10.5445307 13.4740545,10.5540897 L6.65787159,10.5540897 C6.58627001,10.552462 6.5171219,10.5411482 6.45166777,10.5214177 C6.11715106,10.43812 5.87028403,10.1381217 5.86626366,9.78012313 C5.86396444,9.57800011 5.94261504,9.38334561 6.08471869,9.23958959 C6.22682234,9.09583357 6.42055461,9.01493796 6.62269129,9.01495163 L6.62269129,9.01495163 L9.26121372,9.01495163 L9.26121372,6.61389622 C9.27067438,6.19186946 9.61307298,5.85336175 10.0351803,5.84872469 Z'/></g></svg>
</label>
<ul class='sosmed-link'>
<!-- Facebook link -->
<li>
<a aria-label='Social media' href='javascript:void(0)' rel='nofollow noreferrer noopener' role='button' target='_blank' title='Facebook'>
<svg viewBox='0 0 32 32'><path d='M24,3H8A5,5,0,0,0,3,8V24a5,5,0,0,0,5,5h8a1,1,0,0,0,1-1V20a1,1,0,0,0-1-1H15V17h1a1,1,0,0,0,1-1V12.5A2.5,2.5,0,0,1,19.5,10H22v2H21a2,2,0,0,0-2,2v2a1,1,0,0,0,1,1h1.72l-.5,2H20a1,1,0,0,0-1,1v4a1,1,0,0,0,2,0V21h1a1,1,0,0,0,1-.76l1-4a1,1,0,0,0-.18-.86A1,1,0,0,0,23,15H21V14h2a1,1,0,0,0,1-1V9a1,1,0,0,0-1-1H19.5A4.51,4.51,0,0,0,15,12.5V15H14a1,1,0,0,0-1,1v4a1,1,0,0,0,1,1h1v6H8a3,3,0,0,1-3-3V8A3,3,0,0,1,8,5H24a3,3,0,0,1,3,3V24a3,3,0,0,1-3,3H20a1,1,0,0,0,0,2h4a5,5,0,0,0,5-5V8A5,5,0,0,0,24,3Z'/></svg>
</a>
</li>
<!-- Instagram -->
<li>
<a aria-label='Social media' href='javascript:void(0)' rel='nofollow noreferrer noopener' role='button' target='_blank' title='Instagram'>
<svg viewBox='0 0 32 32'><path class='svg-c' d='M20.45,13.32a1,1,0,0,0-.57,1.3,4,4,0,1,1-2.31-2.3,1,1,0,1,0,.71-1.87,6,6,0,0,0-6.37,9.85,6,6,0,0,0,8.48,0,6,6,0,0,0,1.36-6.41A1,1,0,0,0,20.45,13.32Z'/><circle class='svg-c' cx='23' cy='9' r='1'/><path d='M28,9a5,5,0,0,0-4.9-5h0A77.11,77.11,0,0,0,9,4,5,5,0,0,0,4,8.92,91.91,91.91,0,0,0,4,23a5,5,0,0,0,4.9,5h0c2.36.22,4.73.34,7.1.34s4.71-.11,7.05-.34A5,5,0,0,0,28,23.08,87.09,87.09,0,0,0,28,9ZM26,23a3,3,0,0,1-3,3h-.1A71.73,71.73,0,0,1,9,26a3,3,0,0,1-3-3.08A92.4,92.4,0,0,1,6,9,3,3,0,0,1,9.09,6q3.44-.31,6.9-.32T23,6a3,3,0,0,1,3,3.08A85.13,85.13,0,0,1,26,23Z'/></svg>
</a>
</li>
<!-- Twitter -->
<li>
<a aria-label='Social media' href='javascript:void(0)' rel='nofollow noreferrer noopener' role='button' target='_blank' title='Twitter'>
<svg viewBox='0 0 32 32'><path d='M28.77,8.11a.87.87,0,0,0-.23-.2A4.69,4.69,0,0,0,29,6.54a1,1,0,0,0-.44-1,1,1,0,0,0-1.1,0,6.42,6.42,0,0,1-2.28.92,6.21,6.21,0,0,0-7.08-1A6.07,6.07,0,0,0,15,12.2a1,1,0,0,0,2-.4A4.08,4.08,0,0,1,19,7.28a4.24,4.24,0,0,1,5.12,1,1,1,0,0,0,.88.28l.25,0a1,1,0,0,0,.34,1.62,1,1,0,0,0-.36.88,13.07,13.07,0,0,1-4.89,11.24A12.75,12.75,0,0,1,7.69,24.61a9.06,9.06,0,0,0,4.54-2.18,1,1,0,0,0,.15-1.09,1,1,0,0,0-.93-.57,4,4,0,0,1-3-1.39,3.63,3.63,0,0,0,1-.35A1,1,0,0,0,10,18a1,1,0,0,0-.76-.84,4.42,4.42,0,0,1-3-2.48c.24,0,.48.05.74.06a1,1,0,0,0,1-.62A1,1,0,0,0,7.67,13C6,11.48,5.59,9.85,5.83,8.7a13.88,13.88,0,0,0,7,4,1,1,0,1,0,.38-2A12.1,12.1,0,0,1,6.39,6.31a1,1,0,0,0-.75-.38,1,1,0,0,0-.78.33,5.34,5.34,0,0,0-.31,6l-.09,0a1,1,0,0,0-.52.81,5.84,5.84,0,0,0,1.95,4.47,1,1,0,0,0-.18,1,6.63,6.63,0,0,0,3.18,3.57A13.89,13.89,0,0,1,4,23a1,1,0,0,0-.5,1.86A16.84,16.84,0,0,0,12,27.35a15.16,15.16,0,0,0,9.6-3.57,15.12,15.12,0,0,0,5.69-12.42,4.62,4.62,0,0,0,1.62-2.25A1,1,0,0,0,28.77,8.11Z'/></svg>
</a>
</li>
<!-- Youtube -->
<li>
<a aria-label='Social media' href='javascript:void(0)' rel='nofollow noreferrer noopener' role='button' target='_blank' title='Youtube'>
<svg viewBox='0 0 32 32'><path d='M30,12a5.71,5.71,0,0,0-5.31-5.7C18.92,6,13.06,6,7.33,6.28,4.51,6.28,2,9,2,12a43.69,43.69,0,0,0,0,8.72,5.32,5.32,0,0,0,5.28,5.33h0q4.35.24,8.72.24t8.67-.23A5.34,5.34,0,0,0,30,20.8,31.67,31.67,0,0,0,30,12Zm-2,8.63a.49.49,0,0,0,0,.12,3.36,3.36,0,0,1-3.39,3.34,166,166,0,0,1-17.28,0A3.36,3.36,0,0,1,4,20.65a42,42,0,0,1,0-8.47.45.45,0,0,0,0-.11A3.78,3.78,0,0,1,7.38,8.28c2.86-.13,5.74-.19,8.62-.19s5.76.06,8.62.19h.05c1.71,0,3.33,1.84,3.33,3.79a.76.76,0,0,0,0,.15A30.11,30.11,0,0,1,28,20.61Z'/><path class='svg-c' d='M20.79,15.51l-7.14-3.68a1,1,0,1,0-.92,1.78l5.43,2.79-4,2.07V16.4a1,1,0,0,0-2,0v3.72a1,1,0,0,0,1,1,1,1,0,0,0,.46-.11l7.14-3.72a1,1,0,0,0,.54-.89A1,1,0,0,0,20.79,15.51Z'/></svg>
</a>
</li>
<!-- Blogger -->
<li>
<a aria-label='Social media' expr:href='"https://www.blogger.com/follow.g?blogID=" + data:blog.blogId' expr:title='data:messages.subscribeToThisBlog' rel='nofollow noreferrer noopener' role='button' target='_blank'>
<svg style='height:20px' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><path d='M28,12H26V9.5A7.5,7.5,0,0,0,18.5,2h-9A7.5,7.5,0,0,0,2,9.5V19a1,1,0,0,0,2,0V9.5A5.51,5.51,0,0,1,9.5,4h9A5.51,5.51,0,0,1,24,9.5V12a2,2,0,0,0,2,2h2v8.5A5.51,5.51,0,0,1,22.5,28H9.5A5.51,5.51,0,0,1,4,22.5V22a1,1,0,0,0-2,0v.5A7.5,7.5,0,0,0,9.5,30h13A7.5,7.5,0,0,0,30,22.5V14A2,2,0,0,0,28,12Z'/><path class='svg-c' d='M11.5,14h5a2.5,2.5,0,0,0,0-5h-5a2.5,2.5,0,0,0,0,5Zm0-3h5a.5.5,0,0,1,0,1h-5a.5.5,0,0,1,0-1Z'/><path class='svg-c' d='M11.5,23h9a2.5,2.5,0,0,0,0-5h-9a2.5,2.5,0,0,0,0,5Zm0-3h9a.5.5,0,0,1,0,1h-9a.5.5,0,0,1,0-1Z'/></svg>
</a>
</li>
</ul>
</li>
</ul>
<!-- Navigation Mobile -->
<ul class='navigation-mobile'>
<!-- Homepage link -->
<li class='home-link'>
<a aria-label='Home' class='link' expr:href='data:blog.homepageUrl' expr:title='data:messages.home' role='button'>
<!-- Link Icon -->
<svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><g transform='translate(2.500000, 2.003982)'><path class='svg-c' d='M7.92173917,18.2568881 L3.92173915,18.2568881 C2.62561934,18.2521579 1.57473912,17.2051555 1.5652174,15.909062 L1.5652174,7.95254022 C1.56776138,7.51865617 1.76191292,7.1080734 2.09565218,6.83080108 L2.80000001,6.30906195 C3.05714116,6.03509289 3.08328826,5.61704285 2.86228858,5.31316828 C2.6412889,5.00929372 2.23552029,4.90536419 1.89565218,5.06558368 L1.89565218,5.06558368 L1.17391305,5.60471412 C0.445875565,6.16803633 0.0138352771,7.0321169 -7.10542736e-15,7.95254022 L-7.10542736e-15,15.9177576 C0.0047821894,18.0816904 1.75780637,19.8347146 3.92173915,19.8394968 L7.92173917,19.8394968 C8.35396202,19.8394968 8.70434787,19.4891109 8.70434787,19.0568881 C8.70434787,18.6246652 8.35396202,18.2742794 7.92173917,18.2742794 L7.92173917,18.2568881 Z'/><path d='M18.7913044,7.93514891 C18.7821625,7.02148476 18.3641697,6.15997273 17.652174,5.58732281 L11.6434783,0.796018441 C10.3230761,-0.26533948 8.44214141,-0.26533948 7.12173917,0.796018441 L5.21739133,2.17862714 C4.85960686,2.43555961 4.77785016,2.93388616 5.03478263,3.29167063 C5.29171511,3.6494551 5.79004165,3.7312118 6.14782612,3.47427932 L8.07826091,2.03080106 C8.83595413,1.40700621 9.92926336,1.40700621 10.6869566,2.03080106 L16.6956523,6.82210543 C17.0414821,7.0962427 17.245809,7.51128176 17.252174,7.95254022 L17.252174,15.9177576 C17.252174,17.2144262 16.2010165,18.2655837 14.9043479,18.2655837 L13.1217392,18.2655837 C12.9392451,18.2655837 12.7913044,18.1176431 12.7913044,17.935149 L12.7913044,14.3438446 C12.7913144,13.1994401 11.8661337,12.270372 10.7217392,12.2655837 L8.11304352,12.2655837 C7.56185446,12.2655837 7.03324068,12.4845427 6.64349116,12.8742922 C6.25374164,13.2640418 6.03478264,13.7926555 6.03478264,14.3438446 L6.03478264,15.7177576 C6.03478264,16.1499805 6.38516849,16.5003663 6.81739134,16.5003663 C7.24961419,16.5003663 7.60000004,16.1499805 7.60000004,15.7177576 L7.60000004,14.3438446 C7.59766759,14.208583 7.64977261,14.0780549 7.74461016,13.9815822 C7.83944772,13.8851095 7.96906617,13.830781 8.10434787,13.8308011 L10.7130435,13.8308011 C10.9915871,13.8308011 11.2173914,14.0566053 11.2173914,14.3351489 L11.2173914,14.3351489 L11.2173914,17.935149 C11.2221784,18.9834938 12.0733835,19.8308011 13.1217392,19.8308011 L14.8608696,19.8308011 C17.0267864,19.8308011 18.7826088,18.0749787 18.7826088,15.909062 L18.7913044,7.93514891 Z'/></g></svg>
</a>
</li>
<!-- Search icon -->
<li class='search-link'>
<label class='link' for='search-input'>
<!-- Link Icon -->
<svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><g transform='translate(2.000000, 2.000000)'><path d='M19.7555474,18.6065254 L16.3181544,15.2458256 L16.3181544,15.2458256 L16.2375905,15.1233001 C16.0877892,14.9741632 15.8829641,14.8901502 15.6691675,14.8901502 C15.4553709,14.8901502 15.2505458,14.9741632 15.1007444,15.1233001 L15.1007444,15.1233001 C12.1794834,17.8033337 7.6781476,17.94901 4.58200492,15.4637171 C1.48586224,12.9784243 0.75566836,8.63336673 2.87568494,5.31016931 C4.99570152,1.9869719 9.30807195,0.716847023 12.9528494,2.34213643 C16.5976268,3.96742583 18.4438102,7.98379036 17.2670181,11.7275931 C17.182269,11.9980548 17.25154,12.2921761 17.4487374,12.4991642 C17.6459348,12.7061524 17.9410995,12.794561 18.223046,12.7310875 C18.5049924,12.667614 18.7308862,12.4619014 18.8156353,12.1914397 L18.8156353,12.1914397 C20.2223941,7.74864367 18.0977423,2.96755391 13.8161172,0.941057725 C9.53449216,-1.08543846 4.38083811,0.250823958 1.68905427,4.08541671 C-1.00272957,7.92000947 -0.424820906,13.1021457 3.0489311,16.2795011 C6.5226831,19.4568565 11.8497823,19.6758854 15.5841278,16.7948982 L18.6276529,19.7705177 C18.9419864,20.0764941 19.4501654,20.0764941 19.764499,19.7705177 C20.0785003,19.4602048 20.0785003,18.9605974 19.764499,18.6502845 L19.764499,18.6502845 L19.7555474,18.6065254 Z'/></g></svg>
</label>
</li>
<!-- Navigation icon -->
<li class='tag-link'>
<label class='link' for='offnav-menu'>
<svg class='line' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><g transform='translate(2.000000, 2.000000)'><path d='M14.2855094,9.76996262e-15 L17.5521036,9.76996262e-15 C18.9036211,9.76996262e-15 20,1.10589743 20,2.47018211 L20,5.76410278 C20,7.12735391 18.9036211,8.23428489 17.5521036,8.23428489 L14.2855094,8.23428489 C12.9329672,8.23428489 11.8365883,7.12735391 11.8365883,5.76410278 L11.8365883,2.47018211 C11.8365883,1.10589743 12.9329672,9.76996262e-15 14.2855094,9.76996262e-15 Z'/><path class='svg-c' d='M2.44892104,9.76996262e-15 L5.71449064,9.76996262e-15 C7.06703281,9.76996262e-15 8.16341169,1.10589743 8.16341169,2.47018211 L8.16341169,5.76410278 C8.16341169,7.12735391 7.06703281,8.23428489 5.71449064,8.23428489 L2.44892104,8.23428489 C1.09637888,8.23428489 3.55271368e-15,7.12735391 3.55271368e-15,5.76410278 L3.55271368e-15,2.47018211 C3.55271368e-15,1.10589743 1.09637888,9.76996262e-15 2.44892104,9.76996262e-15 Z'/><path d='M2.44892104,11.7657151 L5.71449064,11.7657151 C7.06703281,11.7657151 8.16341169,12.8716125 8.16341169,14.2369308 L8.16341169,17.5298179 C8.16341169,18.8941026 7.06703281,20 5.71449064,20 L2.44892104,20 C1.09637888,20 3.55271368e-15,18.8941026 3.55271368e-15,17.5298179 L3.55271368e-15,14.2369308 C3.55271368e-15,12.8716125 1.09637888,11.7657151 2.44892104,11.7657151 Z'/><path d='M14.2855094,11.7657151 L17.5521036,11.7657151 C18.9036211,11.7657151 20,12.8716125 20,14.2369308 L20,17.5298179 C20,18.8941026 18.9036211,20 17.5521036,20 L14.2855094,20 C12.9329672,20 11.8365883,18.8941026 11.8365883,17.5298179 L11.8365883,14.2369308 C11.8365883,12.8716125 12.9329672,11.7657151 14.2855094,11.7657151 Z'/></g></svg>
</label>
</li>
<!-- Dark mode icon -->
<li class='dark-link'>
<div class='link' onclick='darkMode()'>
<!-- Link Icon -->
<svg class='line svg-1' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z'/></svg>
<svg class='line svg-2' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><circle cx='12' cy='12' r='5'/><line x1='12' x2='12' y1='1' y2='3'/><line x1='12' x2='12' y1='21' y2='23'/><line x1='4.22' x2='5.64' y1='4.22' y2='5.64'/><line x1='18.36' x2='19.78' y1='18.36' y2='19.78'/><line x1='1' x2='3' y1='12' y2='12'/><line x1='21' x2='23' y1='12' y2='12'/><line x1='4.22' x2='5.64' y1='19.78' y2='18.36'/><line x1='18.36' x2='19.78' y1='5.64' y2='4.22'/></svg>
</div>
</li>
<!-- Back top icon -->
<!-- <li class='top-link'>
<a href='#mainContent' role='button' title='Back to top'>
<svg class='line' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><polyline class='svg-c' points='17 11 12 6 7 11'/><polyline points='17 18 12 13 7 18'/></svg>
<svg class='line' style='transform:rotate(180deg);webkit-transform:rotate(180deg)' viewBox='0 0 24 24'><path d='M3 17v3a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-3'/><polyline points='8 12 12 16 16 12'/><line x1='12' x2='12' y1='2' y2='16'/></svg>
</a>
</li>-->
</ul>
<label class='full-close nav-close' for='offnav-menu'/>
</b:includable>
</b:widget>
</b:section>
</div>
</b:if>
</div>
<!--[ Back to Top (STW) ]-->
<div class='Ttop'>
<svg onclick='window.scrollTo({top: 0})' viewBox='0 0 34 34'><circle class='b' cx='17' cy='17' r='15.92'/><circle class='c' cx='17' cy='17' r='15.92'/><path class='line d' d='M15.07,21.06,19.16,17l-4.09-4.06'/></svg>
</div>
<!--[ Waves Animation ]-->
<div class='wvC'><div class='wvS'><svg class='waves' preserveAspectRatio='none' shape-rendering='auto' viewBox='0 24 150 28'><defs><path d='M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z' id='wave-bg'/></defs><g class='plx'><use x='48' xlink:href='#wave-bg' y='0'/><use x='48' xlink:href='#wave-bg' y='3'/><use x='48' xlink:href='#wave-bg' y='5'/><use x='48' xlink:href='#wave-bg' y='7'/></g></svg></div><div class='wvH'/></div>
<b:if cond='!data:view.isError'>
<script>/*<![CDATA[*/
function darkMode(){localStorage.setItem("mode","darkmode"===localStorage.getItem("mode")?"light":"darkmode"),"darkmode"===localStorage.getItem("mode")?document.querySelector("#mainContent").classList.add("drK"):document.querySelector("#mainContent").classList.remove("drK")};
defer(function() {
window.lazySizesConfig=window.lazySizesConfig||{},lazySizesConfig.loadMode=1,lazySizesConfig.preloadAfterLoad=!1,function(e){var t=function(c,D,d){"use strict";var k,H;if(function(){var e,t={lazyClass:"lazy",loadedClass:"lazyloaded",loadingClass:"lazyloading",preloadClass:"lazypreload",errorClass:"lazyerror",autosizesClass:"lazyautosizes",srcAttr:"data-src",srcsetAttr:"data-srcset",sizesAttr:"data-sizes",minSize:40,customMedia:{},init:!0,expFactor:1.5,hFac:.8,loadMode:2,loadHidden:!0,ricTimeout:0,throttleDelay:125};H=c.lazySizesConfig||c.lazysizesConfig||{};for(e in t)e in H||(H[e]=t[e])}(),!D||!D.getElementsByClassName)return{init:function(){},cfg:H,noSupport:!0};var O=D.documentElement,i=c.HTMLPictureElement,P="addEventListener",$="getAttribute",q=c[P].bind(c),I=c.setTimeout,U=c.requestAnimationFrame||I,s=c.requestIdleCallback,j=/^picture$/i,a=["load","error","lazyincluded","_lazyloaded"],n={},G=Array.prototype.forEach,J=function(e,t){return n[t]||(n[t]=new RegExp("(\\s|^)"+t+"(\\s|$)")),n[t].test(e[$]("class")||"")&&n[t]},K=function(e,t){J(e,t)||e.setAttribute("class",(e[$]("class")||"").trim()+" "+t)},Q=function(e,t){var n;(n=J(e,t))&&e.setAttribute("class",(e[$]("class")||"").replace(n," "))},V=function(t,n,e){var i=e?P:"removeEventListener";e&&V(t,n),a.forEach(function(e){t[i](e,n)})},X=function(e,t,n,i,a){var o=D.createEvent("Event");return n||(n={}),n.instance=k,o.initEvent(t,!i,!a),o.detail=n,e.dispatchEvent(o),o},Y=function(e,t){var n;!i&&(n=c.picturefill||H.pf)?(t&&t.src&&!e[$]("srcset")&&e.setAttribute("srcset",t.src),n({reevaluate:!0,elements:[e]})):t&&t.src&&(e.src=t.src)},Z=function(e,t){return(getComputedStyle(e,null)||{})[t]},r=function(e,t,n){for(n=n||e.offsetWidth;n<H.minSize&&t&&!e._lazysizesWidth;)n=t.offsetWidth,t=t.parentNode;return n},ee=function(){var n,i,t=[],a=[],o=t,r=function(){var e=o;for(o=t.length?a:t,n=!0,i=!1;e.length;)e.shift()();n=!1},e=function(e,t){n&&!t?e.apply(this,arguments):(o.push(e),i||(i=!0,(D.hidden?I:U)(r)))};return e._lsFlush=r,e}(),te=function(n,e){return e?function(){ee(n)}:function(){var e=this,t=arguments;ee(function(){n.apply(e,t)})}},ne=function(e){var n,i=0,a=H.throttleDelay,o=H.ricTimeout,t=function(){n=!1,i=d.now(),e()},r=s&&o>49?function(){s(t,{timeout:o}),o!==H.ricTimeout&&(o=H.ricTimeout)}:te(function(){I(t)},!0);return function(e){var t;(e=!0===e)&&(o=33),n||(n=!0,t=a-(d.now()-i),t<0&&(t=0),e||t<9?r():I(r,t))}},ie=function(e){var t,n,i=99,a=function(){t=null,e()},o=function(){var e=d.now()-n;e<i?I(o,i-e):(s||a)(a)};return function(){n=d.now(),t||(t=I(o,i))}},e=function(){var z,m,u,y,e,h,v,g,p,C,b,A,o=/^img$/i,f=/^iframe$/i,E="onscroll"in c&&!/(gle|ing)bot/.test(navigator.userAgent),_=0,w=0,M=0,N=-1,S=function(e){M--,(!e||M<0||!e.target)&&(M=0)},x=function(e){return null==A&&(A="hidden"==Z(D.body,"visibility")),A||!("hidden"==Z(e.parentNode,"visibility")&&"hidden"==Z(e,"visibility"))},W=function(e,t){var n,i=e,a=x(e);for(g-=t,b+=t,p-=t,C+=t;a&&(i=i.offsetParent)&&i!=D.body&&i!=O;)(a=(Z(i,"opacity")||1)>0)&&"visible"!=Z(i,"overflow")&&(n=i.getBoundingClientRect(),a=C>n.left&&p<n.right&&b>n.top-1&&g<n.bottom+1);return a},t=function(){var e,t,n,i,a,o,r,s,l,c,d,u,f=k.elements;if((y=H.loadMode)&&M<8&&(e=f.length)){for(t=0,N++;t<e;t++)if(f[t]&&!f[t]._lazyRace)if(!E||k.prematureUnveil&&k.prematureUnveil(f[t]))R(f[t]);else if((s=f[t][$]("data-expand"))&&(o=1*s)||(o=w),c||(c=!H.expand||H.expand<1?O.clientHeight>500&&O.clientWidth>500?500:370:H.expand,k._defEx=c,d=c*H.expFactor,u=H.hFac,A=null,w<d&&M<1&&N>2&&y>2&&!D.hidden?(w=d,N=0):w=y>1&&N>1&&M<6?c:_),l!==o&&(h=innerWidth+o*u,v=innerHeight+o,r=-1*o,l=o),n=f[t].getBoundingClientRect(),(b=n.bottom)>=r&&(g=n.top)<=v&&(C=n.right)>=r*u&&(p=n.left)<=h&&(b||C||p||g)&&(H.loadHidden||x(f[t]))&&(m&&M<3&&!s&&(y<3||N<4)||W(f[t],o))){if(R(f[t]),a=!0,M>9)break}else!a&&m&&!i&&M<4&&N<4&&y>2&&(z[0]||H.preloadAfterLoad)&&(z[0]||!s&&(b||C||p||g||"auto"!=f[t][$](H.sizesAttr)))&&(i=z[0]||f[t]);i&&!a&&R(i)}},n=ne(t),L=function(e){var t=e.target;if(t._lazyCache)return void delete t._lazyCache;S(e),K(t,H.loadedClass),Q(t,H.loadingClass),V(t,B),X(t,"lazyloaded")},i=te(L),B=function(e){i({target:e.target})},T=function(t,n){try{t.contentWindow.location.replace(n)}catch(e){t.src=n}},F=function(e){var t,n=e[$](H.srcsetAttr);(t=H.customMedia[e[$]("data-media")||e[$]("media")])&&e.setAttribute("media",t),n&&e.setAttribute("srcset",n)},r=te(function(t,e,n,i,a){var o,r,s,l,c,d;(c=X(t,"lazybeforeunveil",e)).defaultPrevented||(i&&(n?K(t,H.autosizesClass):t.setAttribute("sizes",i)),r=t[$](H.srcsetAttr),o=t[$](H.srcAttr),a&&(s=t.parentNode,l=s&&j.test(s.nodeName||"")),d=e.firesLoad||"src"in t&&(r||o||l),c={target:t},K(t,H.loadingClass),d&&(clearTimeout(u),u=I(S,2500),V(t,B,!0)),l&&G.call(s.getElementsByTagName("source"),F),r?t.setAttribute("srcset",r):o&&!l&&(f.test(t.nodeName)?T(t,o):t.src=o),a&&(r||l)&&Y(t,{src:o})),t._lazyRace&&delete t._lazyRace,Q(t,H.lazyClass),ee(function(){var e=t.complete&&t.naturalWidth>1;d&&!e||(e&&K(t,"ls-is-cached"),L(c),t._lazyCache=!0,I(function(){"_lazyCache"in t&&delete t._lazyCache},9)),"lazy"==t.loading&&M--},!0)}),R=function(e){if(!e._lazyRace){var t,n=o.test(e.nodeName),i=n&&(e[$](H.sizesAttr)||e[$]("sizes")),a="auto"==i;(!a&&m||!n||!e[$]("src")&&!e.srcset||e.complete||J(e,H.errorClass)||!J(e,H.lazyClass))&&(t=X(e,"lazyunveilread").detail,a&&ae.updateElem(e,!0,e.offsetWidth),e._lazyRace=!0,M++,r(e,t,a,i,n))}},a=ie(function(){H.loadMode=3,n()}),s=function(){3==H.loadMode&&(H.loadMode=2),a()},l=function(){if(!m){if(d.now()-e<999)return void I(l,999);m=!0,H.loadMode=3,n(),q("scroll",s,!0)}};return{_:function(){e=d.now(),k.elements=D.getElementsByClassName(H.lazyClass),z=D.getElementsByClassName(H.lazyClass+" "+H.preloadClass),q("scroll",n,!0),q("resize",n,!0),q("pageshow",function(e){if(e.persisted){var t=D.querySelectorAll("."+H.loadingClass);t.length&&t.forEach&&U(function(){t.forEach(function(e){e.complete&&R(e)})})}}),c.MutationObserver?new MutationObserver(n).observe(O,{childList:!0,subtree:!0,attributes:!0}):(O[P]("DOMNodeInserted",n,!0),O[P]("DOMAttrModified",n,!0),setInterval(n,999)),q("hashchange",n,!0),["focus","mouseover","click","load","transitionend","animationend"].forEach(function(e){D[P](e,n,!0)}),/d$|^c/.test(D.readyState)?l():(q("load",l),D[P]("DOMContentLoaded",n),I(l,2e4)),k.elements.length?(t(),ee._lsFlush()):n()},checkElems:n,unveil:R,_aLSL:s}}(),ae=function(){var n,o=te(function(e,t,n,i){var a,o,r;if(e._lazysizesWidth=i,i+="px",e.setAttribute("sizes",i),j.test(t.nodeName||""))for(a=t.getElementsByTagName("source"),o=0,r=a.length;o<r;o++)a[o].setAttribute("sizes",i);n.detail.dataAttr||Y(e,n.detail)}),i=function(e,t,n){var i,a=e.parentNode;a&&(n=r(e,a,n),i=X(e,"lazybeforesizes",{width:n,dataAttr:!!t}),i.defaultPrevented||(n=i.detail.width)&&n!==e._lazysizesWidth&&o(e,a,i,n))},e=function(){var e,t=n.length;if(t)for(e=0;e<t;e++)i(n[e])},t=ie(e);return{_:function(){n=D.getElementsByClassName(H.autosizesClass),q("resize",t)},checkElems:t,updateElem:i}}(),t=function(){!t.i&&D.getElementsByClassName&&(t.i=!0,ae._(),e._())};return I(function(){H.init&&t()}),k={cfg:H,autoSizer:ae,loader:e,init:t,uP:Y,aC:K,rC:Q,hC:J,fire:X,gW:r,rAF:ee}}(e,e.document,Date);e.lazySizes=t,"object"==typeof module&&module.exports&&(module.exports=t)}("undefined"!=typeof window?window:{}); });
( function() {var youtube = document.querySelectorAll(".lazy-youtube"); for (var i = 0; i < youtube.length; i++) {var source = "https://img.youtube.com/vi/"+ youtube[i].dataset.embed +"/sddefault.jpg"; var image = new Image(); image.setAttribute("class", "lazy"); image.setAttribute("data-src",source); image.setAttribute("src","data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs="); image.setAttribute("alt","Youtube video"); image.addEventListener( "load", function() {youtube[ i ].appendChild( image );}( i ) ); youtube[i].addEventListener( "click", function() {var iframe = document.createElement( "iframe" ); iframe.setAttribute( "frameborder", "0" ); iframe.setAttribute( "allowfullscreen", "" ); iframe.setAttribute( "src", "https://www.youtube.com/embed/"+ this.dataset.embed +"?rel=0&showinfo=0&autoplay=1" ); this.innerHTML = ""; this.appendChild( iframe ); }); }; })();
function changeFont(){var x=document.getElementById('post-font');if(x.classList)x.classList.toggle('active');else{var z=x.className.split(' ');0<=(t=z.indexOf('active'))?z.splice(t,1):z.push('active'),x.className=z.join(' ')}};
function copyFunction(){document.getElementById("getlink").select(),document.execCommand("copy"),document.getElementById("share-notif").innerHTML="<span>Link copied!</span>" }; var uri = window.location.toString();if (uri.indexOf("?m=1","?m=1") > 0) {var clean_uri = uri.substring(0, uri.indexOf("?m=1"));window.history.replaceState({}, document.title, clean_uri);}
/*]]>*/
</script>
<script>/*<![CDATA[*//* Back to Top (STW) */ var prPt=document.querySelector(".Ttop circle.c"),ptLh=prPt.getTotalLength();prPt.style.transition=prPt.style.WebkitTransition="none",prPt.style.strokeDasharray=ptLh+" "+ptLh,prPt.style.strokeDashoffset=ptLh,prPt.getBoundingClientRect();var updateProgress=function(){var t=document.documentElement.scrollTop,e=document.documentElement.scrollHeight-window.innerHeight;prPt.style.strokeDashoffset=ptLh-t*ptLh/e};updateProgress(),window.addEventListener("scroll",updateProgress);var offset=0;window.onscroll=function(){document.documentElement.scrollTop>offset?document.querySelector(".Ttop").classList.add("vsbl"):document.querySelector(".Ttop").classList.remove("vsbl")};
/*]]>*/</script>
<b:include cond='data:view.isMultipleItems' name='postPagination-more'/>
<!--<b:include name='postPage-analytics'/>-->
<!-- <script>/*<![CDATA[*/ (function() { var ad = document.createElement('script'); ad.async = true; ad.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'; var sc = document.getElementsByTagName('head')[0]; sc.parentNode.insertBefore(ad, sc); })(); /*]]>*/</script> -->
</b:if>
<!--Syntax Highlighter-->
<b:if cond='data:view.isSingleItem'>
<script>/*<![CDATA[*/ for(var preClick=document.getElementsByTagName("pre"),i=0;i<preClick.length;i++)preClick[i].addEventListener("dblclick",function(){var e=getSelection(),o=document.createRange();o.selectNodeContents(this),e.removeAllRanges(),e.addRange(o),document.execCommand("copy"),e.removeAllRanges(),document.querySelector("#toastNotif").innerHTML="<span>Copied to clipboard!</span>"},!1); /*]]>*/</script>
</b:if>
<!--SELESAI-->
<!--pembungkus Syntax Highlighter-->
<script type='text/javascript'>
//<![CDATA[
// Highlighter
$('i[rel="pre"]').replaceWith(function(){return $("<pre><code>"+$(this).html()+"</code></pre>")});for(var pres=document.querySelectorAll("pre,code,kbd,blockquote,td"),i=0;i<pres.length;i++)pres[i].addEventListener("dblclick",function(){var e=getSelection(),t=document.createRange();t.selectNodeContents(this),e.removeAllRanges(),e.addRange(t)},!1);
function downloadJSAtOnload(){var e=document.createElement("script");e.src="https://cdn.jsdelivr.net/gh/Arlina-Design/frame@master/highlightr.js",document.body.appendChild(e)}window.addEventListener?window.addEventListener("load",downloadJSAtOnload,!1):window.attachEvent?window.attachEvent("onload",downloadJSAtOnload):window.onload=downloadJSAtOnload;
//]]>
</script>
<!--selesai-->
<!--POSTING SLIDE-->
<script type='text/javascript'>
//<![CDATA[
function updateBtnState(){0==index?$(".prever").hide():$(".prever").show(),index==maxIndex?$(".nexter").hide():$(".nexter").show()}var index=0,maxIndex=2000;$(".nexter").on("click",function(e){if(index++,index>maxIndex)return void e.preverentDefault();updateBtnState();var n=$(this).parent().find(".slidecontentWrap"),t=100*-index+"%";n.animate({marginLeft:t},300)}),$(".prever").on("click",function(e){if(index--,0>index)return void e.preverentDefault();updateBtnState();var n=$(this).parent().find(".slidecontentWrap"),t=100*-index+"%";n.animate({marginLeft:t},300)}),updateBtnState();
//]]>
</script>
<!--SELESAI-->
<!--</body>--></body>
</html>
<?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html> <html b:css='false' b:defaultwidgetversion='2' b:layoutsVersion='3' b:responsive='true' b:templateUrl='indie.xml' b:templateVersion='1.3.0' expr:dir='data:blog.languageDirection' expr:lang='data:blog.locale.language' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'> <b:attr name='xmlns' value=''/> <b:attr name='xmlns:b' value=''/> <b:attr name='xmlns:expr' value=''/> <b:attr name='xmlns:data' value=''/> <!--[ Name : Plus UI Original Version : 2.6.3 Update : March 07, 2024 Type : Premium ============================================================================ NOTE : This theme is premium (paid). You can only get it by purchasing officially. If you get it for free through any method, that means you get it illegally. ============================================================================ ]--> <!--sintax tambahan--> <script src='https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js'/> <!--selesai--> <!--[ <head> Open ]--> <head class='notranslate'> <b:if cond='data:view.isMultipleItems'> <b:if cond='data:view.isHomepage'> <!--[ Homepage title ]--> <title><data:blog.title.escaped/></title> <b:elseif cond='data:view.search.query'/> <!--[ Search title ]--> <title><data:messages.search/>: <data:view.search.query/></title> <b:elseif cond='data:view.search.label'/> <!--[ Label title ]--> <title><data:blog.pageName.escaped/> - <data:blog.title.escaped/></title> <b:elseif cond='data:view.isArchive'/> <!--[ Archive title ]--> <title>Blog archive in: <data:blog.pageName.escaped/></title> <b:else/> <title>Blog: <data:blog.title.escaped/></title> </b:if> <b:elseif cond='data:view.isError'/> <!--[ Error title ]--> <title>Error 404: Not Found</title> <b:else/> <!--[ SingleItem title ]--> <title><data:blog.pageName.escaped/> - <data:blog.title.escaped/></title> </b:if> <!--[ Meta for browser ]--> <meta charset='UTF-8'/> <meta content='width=device-width, initial-scale=1, user-scalable=1, minimum-scale=1, maximum-scale=5' name='viewport'/> <meta content='IE=edge' http-equiv='X-UA-Compatible'/> <meta content='max-image-preview:large' name='robots'/> <!--[ Link Canonical ]--> <link expr:href='data:blog.url.canonical' rel='canonical'/> <link expr:href='data:blog.url.canonical appendParams { m: "1" }' rel='alternate'/> <b:if cond='!data:view.isError'> <!--[ Browser data, description and keyword ]--> <b:if cond='data:blog.metaDescription'> <meta expr:content='data:blog.metaDescription.escaped' name='description'/> <b:elseif cond='data:view.isSingleItem'/> <meta expr:content='data:post.snippet.escaped snippet { length: 147, links: false, linebreaks: false, ellipsis: false }' name='description'/> <b:else/> <meta expr:content='data:blog.pageName.escaped ? data:blog.pageName.escaped : data:blog.title' name='description'/> </b:if> <meta expr:content='data:blog.title.escaped + ", " + data:blog.pageName.escaped + ", Keyword_1, Keyword_2, Keyword_3 "' name='keywords'/> <b:tag cond='data:view.isPost' expr:href='resizeImage(data:blog.postImageUrl, 0)' name='link' rel='image_src'/> <!--[ Generator and rrs ]--> <meta content='blogger' name='generator'/> <link expr:href='data:blog.homepageUrl.canonical + "feeds/posts/default"' expr:title='data:blog.title + " » Atom"' rel='alternate' type='application/atom+xml'/> <link expr:href='data:blog.homepageUrl.canonical + "feeds/posts/default?alt=rss"' expr:title='data:blog.title + " » Feed"' rel='alternate' type='application/rss+xml'/> <link expr:href='data:blog.homepageUrl.canonical + "feeds/comments/default?alt=rss"' expr:title='data:blog.title + " » Comments Feed"' rel='alternate' type='application/rss+xml'/> <!--[ Theme Color ]--> <meta expr:content='data:skin.vars.themeColor' name='theme-color'/> <meta expr:content='data:skin.vars.themeColor' name='msapplication-navbutton-color'/> <meta expr:content='data:skin.vars.themeColor' name='apple-mobile-web-app-status-bar-style'/> <meta expr:content='yes' name='apple-mobile-web-app-capable'/> <!--[ Favicon ]--> <link expr:href='data:blog.blogspotFaviconUrl' rel='apple-touch-icon' sizes='120x120'/> <link expr:href='data:blog.blogspotFaviconUrl' rel='apple-touch-icon' sizes='152x152'/> <link expr:href='data:blog.blogspotFaviconUrl' rel='icon' type='image/x-icon'/> <link expr:href='data:blog.blogspotFaviconUrl' rel='shortcut icon' type='image/x-icon'/> <!--[ Open graph ]--> <meta expr:content='data:blog.pageName.escaped ? data:blog.pageName.escaped : data:blog.title.escaped' property='og:title'/> <meta expr:content='data:blog.canonicalUrl' property='og:url'/> <meta expr:content='data:blog.title.escaped' property='og:site_name'/> <b:if cond='data:view.isMultipleItems'> <meta content='website' property='og:type'/> <b:if cond='data:blog.metaDescription'> <meta expr:content='data:blog.metaDescription.escaped' property='og:description'/> <b:else/> <meta expr:content='data:blog.pageName.escaped ? data:blog.pageName.escaped : data:blog.title' property='og:description'/> </b:if> <b:else/> <meta content='article' property='og:type'/> <b:if cond='data:blog.metaDescription'> <meta expr:content='data:blog.metaDescription.escaped' property='og:description'/> <b:else/> <meta expr:content='data:post.snippet.escaped snippet { length: 147, links: false, linebreaks: false, ellipsis: false }' property='og:description'/> </b:if> </b:if> <meta expr:content='data:blog.pageName.escaped ? data:blog.pageName.escaped : data:blog.title.escaped' property='og:image:alt'/> <b:if cond='data:blog.postImageUrl'> <meta expr:content='resizeImage(data:blog.postImageUrl, 0)' property='og:image'/> <b:else/> <meta content='Add_your_image_url_here' property='og:image'/> </b:if> <!--[ Twitter Card ]--> <meta expr:content='data:blog.pageName.escaped ? data:blog.pageName.escaped : data:blog.title.escaped' name='twitter:title'/> <meta expr:content='data:blog.canonicalUrl' name='twitter:url'/> <b:if cond='data:view.isMultipleItems'> <b:if cond='data:blog.metaDescription'> <meta expr:content='data:blog.metaDescription.escaped' name='twitter:description'/> <b:else/> <meta expr:content='data:blog.pageName.escaped ? data:blog.pageName.escaped : data:blog.title' name='twitter:description'/> </b:if> <b:else/> <b:if cond='data:blog.metaDescription'> <meta expr:content='data:blog.metaDescription.escaped' name='twitter:description'/> <b:else/> <meta expr:content='data:post.snippet.escaped snippet { length: 147, links: false, linebreaks: false, ellipsis: false }' name='twitter:description'/> </b:if> </b:if> <meta content='summary_large_image' name='twitter:card'/> <meta expr:content='data:blog.pageName.escaped ? data:blog.pageName.escaped : data:blog.title.escaped' name='twitter:image:alt'/> <b:if cond='data:blog.postImageUrl'> <meta expr:content='resizeImage(data:blog.postImageUrl, 0)' name='twitter:image:src'/> <b:else/> <meta content='Add_your_image_url_here' name='twitter:image:src'/> </b:if> <!--[ Site Verification ]--> <!--<meta content='' name='msvalidate.01'/> <meta content='' name='copyright'/>--> <!--[ Preconnect and DNS Prefetch ]--> <link href='//1.bp.blogspot.com' rel='preconnect dns-prefetch'/><link href='//2.bp.blogspot.com' rel='preconnect dns-prefetch'/><link href='//3.bp.blogspot.com' rel='preconnect dns-prefetch'/><link href='//4.bp.blogspot.com' rel='preconnect dns-prefetch'/><link href='//blogger.googleusercontent.com' rel='preconnect dns-prefetch'/><link href='//lh3.googleusercontent.com' rel='preconnect dns-prefetch'/><link href='//www.blogger.com' rel='preconnect dns-prefetch'/><link href='//feeds.feedburner.com' rel='preconnect dns-prefetch'/><link expr:href='data:blog.homepageUrl.canonical path "feeds/posts/default"' rel='preconnect dns-prefetch'/><link expr:href='data:blog.homepageUrl.canonical path "feeds/comments/default"' rel='preconnect dns-prefetch'/><link href='//cdn.widgetpack.com' rel='preconnect dns-prefetch'/><link href='//translate.google.com' rel='preconnect dns-prefetch'/><link href='//maxcdn.bootstrapcdn.com' rel='preconnect dns-prefetch'/><link href='//fonts.googleapis.com' rel='preconnect dns-prefetch'/><link href='//use.fontawesome.com' rel='preconnect dns-prefetch'/><link href='//ajax.googleapis.com' rel='preconnect dns-prefetch'/><link href='//resources.blogblog.com' rel='preconnect dns-prefetch'/><link href='//ajax.microsoft.com ' rel='preconnect dns-prefetch'/><link href='//ajax.aspnetcdn.com ' rel='preconnect dns-prefetch'/><link href='//github.com' rel='preconnect dns-prefetch'/><link href='//cdn.rawgit.com' rel='preconnect dns-prefetch'/><link href='//cdnjs.cloudflare.com' rel='preconnect dns-prefetch'/><link href='//www.google-analytics.com' rel='preconnect dns-prefetch'/><link href='//themes.googleusercontent.com ' rel='preconnect dns-prefetch'/><link href='//pagead2.googlesyndication.com' rel='preconnect dns-prefetch'/><link href='//googleads.g.doubleclick.net' rel='preconnect dns-prefetch'/><link href='//www.gstatic.com' rel='preconnect dns-prefetch'/><link href='//www.googletagservices.com' rel='preconnect dns-prefetch'/><link href='//static.xx.fbcdn.net' rel='preconnect dns-prefetch'/><link href='//tpc.googlesyndication.com' rel='preconnect dns-prefetch'/><link href='//apis.google.com' rel='preconnect dns-prefetch'/><link href='//www.w3.org' rel='preconnect dns-prefetch'/><link href='//www.facebook.com' rel='preconnect dns-prefetch'/><link href='//connect.facebook.net' rel='preconnect dns-prefetch'/><link href='//disqus.com' rel='preconnect dns-prefetch'/><link href='//plus.google.com' rel='preconnect dns-prefetch'/><link href='//twitter.com' rel='preconnect dns-prefetch'/><link href='//platform.twitter.com' rel='preconnect dns-prefetch'/><link href='//syndication.twitter.com' rel='preconnect dns-prefetch'/><link href='//r.twimg.com ' rel='preconnect dns-prefetch'/><link href='//p.twitter.com ' rel='preconnect dns-prefetch'/><link href='//cdn.api.twitter.com ' rel='preconnect dns-prefetch'/><link href='//www.youtube.com' rel='preconnect dns-prefetch'/><link href='//img.youtube.com' rel='preconnect dns-prefetch'/><link href='//www.pinterest.com' rel='preconnect dns-prefetch'/><link href='//statically.io/' rel='preconnect dns-prefetch'/><link href='//www.linkedin.com' rel='preconnect dns-prefetch'/><link href='//player.vimeo.com' rel='preconnect dns-prefetch'/><link href='//s3.amazonaws.com ' rel='preconnect dns-prefetch'/><link href='//s3.buysellads.com ' rel='preconnect dns-prefetch'/><link href='//stats.buysellads.com ' rel='preconnect dns-prefetch'/><link href='//cdn.adpacks ' rel='preconnect dns-prefetch'/> </b:if> <b:if cond='data:view.isLayoutMode'> <!--[ CSS Layout ]--> <b:template-skin><![CDATA[ body#layout::before{content:'Plus UI v2.6 by nldblog.com';position:absolute;top:15px;right:15px;font-size:.8rem;font-family:Roboto, sans-serif;color:rgba(0,0,0,0.52)} body#layout{width:1025px;margin:0 !important;padding:60px 0 0 !important;border:0 !important;text-align:left !important;position:relative} body#layout div.layout-widget-description{font-size:12px !important;line-height:1.6em} body#layout div.layout-title{font-size:15px !important} body#layout div.section{border-radius:2px} body#layout .section h4{font-size:15px !important;margin-left:0!important} body#layout .add_widget a{font-size:13px !important} body#layout .Blog .widget-content{height:auto!important} body#layout #anchor-ad, body#layout #notif-widget .widget-content, body#layout #side-sticky, body#layout #HTML91 .widget-content, body#layout #HTML92 .widget-content, body#layout #HTML93 .widget-content, body#layout #HTML94 .widget-content, body#layout #HTML01 .widget-content, body#layout #HTML02 .widget-content, body#layout #HTML03 .widget-content, body#layout #HTML04 .widget-content{background:#f0f8ff !important} body#layout #maintenance-mode, body#layout .mobMn, body#layout #anchor-ad{margin-bottom:30px!important} body#layout .mainIn, body#layout .headCn, body#layout .blogM{display:flex} body#layout .mainbar, body#layout .headR{width:55%} body#layout .mainIn .blogCont{width:70%} body#layout .sidebar, body#layout .headL{width:45%} body#layout header, body#layout .mainIn, body#layout footer, body#layout .erroP, body#layout .addonsWidgets{border-top:1px solid #e5e5e5;padding:30px 0;position:relative} body#layout header::before, body#layout .mainIn::before, body#layout footer::before, body#layout .erroP::before, body#layout .addonsWidgets::before{content:'Header';position:absolute;top:-14px;left:20px;padding:5px 20px;border:1px solid #e5e5e5;border-radius:20px;font-size:.8rem;font-family:Roboto,sans-serif;color:rgba(0,0,0,0.52);background:#f1f1f1} body#layout #notif-widget h4{display:none} body#layout .mainIn{padding-bottom:0} body#layout .mainIn::before{content:'Main Content'} body#layout footer::before{content:'Footer'} body#layout .erroP::before{content:'Custom Error Page'} body#layout .addonsWidgets::before{content:'Add-ons'} ]]></b:template-skin> </b:if> <!--[ CSS stylesheet ]--> <style><!-- /* <b:skin version='1.3.0'><![CDATA[ /* <Group description="Theme Color"> <Variable name="themeColor" description="Light Mode Address bar color" type="color" default="#2e51a2" value="#482dff"/> <Variable name="themeDark" description="Dark Mode Address bar color" type="color" default="#1e1e1e" value="#1e1e1e"/> </Group> <Group description="Basic colors and Background"> <Variable name="head.color" description="Heading colors" type="color" default="#262d3d" value="#08102b"/> <Variable name="body.color" description="Body colors" type="color" default="#48525c" value="#08102b"/> <Variable name="body.colorAlt" description="Alternative body colors" type="color" default="#767676" value="#989b9f"/> <Variable name="body.bgColor" description="Main page bakground color" type="color" default="#fffdfc" value="#fdfcff"/> <Variable name="link.color" description="Link colors" type="color" default="#204ecf" value="#482dff"/> <Variable name="link.bgColor" description="Button link colors" type="color" default="#204ecf" value="#482dff"/> <Variable name="wave.bgColor" description="Wave background color" type="color" default="#204ecf" value="#C6DAFC"/> </Group> <Group description="Icon colors"> <Variable name="icon.color" description="Icon colors" type="color" default="#48525c" value="#08102b"/> <Variable name="icon.colorAlt" description="Alternative icon colors" type="color" default="#767676" value="#08102b"/> <Variable name="icon.colorSec" description="Secondary icon colors" type="color" default="#767676" value="#767676"/> </Group> <Group description="Notification"> <Variable name="notif.height" description="Notification max height" type="length" max="60px" default="45px" value="60px"/> <Variable name="notif.bg" description="Notification background color" type="color" default="#e1f5fe" value="#e8f0fe"/> <Variable name="notif.color" description="Notification text color" type="color" default="#08102b" value="#01579b"/> </Group> <Group description="Header colors, background and height"> <Variable name="header.height" description="Header height" type="length" max="80px" default="60px" value="60px"/> <Variable name="header.heightM" description="Header height(mobile)" type="length" max="80px" default="60px" value="60px"/> <Variable name="header.titleSize" description="Header title font size" type="length" max="20px" default="16px" value="16px"/> <Variable name="header.text" description="Header text colors" type="color" default="#48525c" value="#343435"/> <Variable name="header.icon" description="Header icon colors" type="color" default="#262d3d" value="#08102b"/> <Variable name="header.bgColor" description="Header background color" type="color" default="#fffdfc" value="#fffdfc"/> <Variable name="header.border" description="Header border" type="length" max="1px" default="0px" value="1px"/> </Group> <Group description="Navbar colors"> <Variable name="nav.width" description="Navbar max width" type="length" max="260px" default="230px" value="230px"/> <Variable name="nav.border" description="Navbar border" type="length" max="1px" default="0px" value="1px"/> <Variable name="nav.text" description="Navbar text colors" type="color" default="#48525c" value="#08102b"/> <Variable name="nav.icon" description="Navbar icon color" type="color" default="#48525c" value="#08102b"/> <Variable name="nav.bg" description="Navbar background color" type="color" default="#fffdfc" value="#fffdfc"/> </Group> <Group description="Searchbar colors"> <Variable name="search.icon" description="Searchbar icon color" type="color" default="#48525c" value="#48525c"/> <Variable name="search.bg" description="Searchbar background color" type="color" default="#fffdfc" value="#fffdfc"/> </Group> <Group description="Content background"> <Variable name="content.bg" description="Content background color" type="color" default="#fffdfc" value="#fffdfc"/> <Variable name="content.border" description="Content border color" type="color" default="#eceff1" value="#e6e6e6"/> </Group> <Group description="Content max width"> <Variable name="content.maxWidth" description="Max width of main content" type="length" max="1440px" default="1024px" value="1280px"/> <Variable name="sidebar.maxWidth" description="Max width of sidebar" type="length" max="360px" default="300px" value="300px"/> <Variable name="post.maxContent" description="Post max width" type="length" max="900px" default="720px" value="780px"/> <Variable name="page.maxContent" description="Static page max width" type="length" max="900px" default="780px" value="780px"/> </Group> <Group description="Post font size"> <Variable name="post.titleSize" description="Post title font size" type="length" max="42px" default="28px" value="36px"/> <Variable name="post.fontSize" description="Post font size (Default)" type="length" max="18px" default="16px" value="16px"/> <Variable name="post.titleSizeMobile" description="Post title size (onMobile)" type="length" max="38px" default="22px" value="28px"/> <Variable name="post.fontSizeMobile" description="Post font size (onMobile)" type="length" max="18px" default="16px" value="15px"/> </Group> <Group description="Widget title font size"> <Variable name="widget.titleSize" description="Widget title font size" type="length" max="18px" default="14px" value="15px"/> <Variable name="widget.titleAfter" description="Widget title border" type="length" max="40px" default="25px" value="25px"/> <Variable name="widget.titleAfterC" description="Widget title border color" type="color" default="#989b9f" value="#989b9f"/> </Group> <Group description="Mobile menu colors"> <Variable name="mob.border" description="Mobile menu border" type="length" max="2px" default="0px" value="1px"/> <Variable name="mob.borderR" description="Mobile corder radius" type="length" max="60px" default="0px" value="12px"/> <Variable name="mob.text" description="Mobile text colors" type="color" default="#48525c" value="#08102b"/> <Variable name="mob.bg" description="Mobile background color" type="color" default="#fffdfc" value="#fffdfc"/> <Variable name="mob.hovBg" description="Mobile hover background color" type="color" default="#f6f6f6" value="#f1f1f0"/> </Group> <Group description="Footer colors"> <Variable name="foot.border" description="Footer border" type="length" max="2px" default="0px" value="1px"/> <Variable name="foot.text" description="Footer text colors" type="color" default="#48525c" value="#08102b"/> <Variable name="foot.bg" description="Footer background color" type="color" default="#fffdfc" value="#fffdfc"/> </Group> <Group description="Dark mode colors and background"> <Variable name="dark.text" description="Dark mode text color" type="color" default="#fffdfc" value="#fffdfc"/> <Variable name="dark.textAlt" description="Alternative text colors" type="color" default="#989b9f" value="#989b9f"/> <Variable name="dark.link" description="Dark mode link colors" type="color" default="#005af0" value="#41B375"/> <Variable name="dark.wave" description="Dark mode wave background color" type="color" default="#005af0" value="#343435"/> <Variable name="dark.bg" description="Dark mode background color" type="color" default="#1e1e1e" value="#1e1e1e"/> <Variable name="dark.bgAlt" description="Alternative background color" type="color" default="#2d2d30" value="#2d2d30"/> <Variable name="dark.bgSec" description="Secondary background color" type="color" default="#252526" value="#252526"/> </Group> <Group description="Border Radius"> <Variable name="button.radius" description="Buttons Border Radius" type="length" max="50px" default="3px" value="50px"/> <Variable name="greet.radius" description="Greetings and Views Border Radius" type="length" max="25px" default="3px" value="10px"/> <Variable name="iconhover.radius" description="Icon Hover Border Radius" type="length" max="15px" default="15px" value="15px"/> <Variable name="thumbelem.radius" description="Thumbnail Elements Border Radius" type="length" max="15px" default="8px" value="5px"/> <Variable name="moblsearch.radius" description="Blog Search Border Radius (Mobile)" type="length" max="20px" default="12px" value="20px"/> <Variable name="desksearch.radius" description="Blog Search Border Radius (Desktop)" type="length" max="20px" default="8px" value="20px"/> <Variable name="moblheader.radius" description="Header Style 2 Border Radius (Mobile)" type="length" max="30px" default="8px" value="30px"/> </Group> <Group description="(Do not edit) New Blogger comment required"> <Variable name="body.background" description="Background" color="#505050" type="background" default="$(color) none repeat scroll center center" value="$(color) url() no-repeat scroll center center"/> <Variable name="body.text.font" description="Font Blogger comment" type="font" default="'Roboto', sans-serif" value="400 14px 'Roboto', sans-serif"/> <Variable name="body.text.color" description="Color" type="color" default="#505050" value="#505050"/> <Variable name="body.link.color" description="Link color" type="color" default="#262d3d" value="#989b9f"/> <Variable name="posts.title.color" description="Post title color" type="color" default="#262d3d" value="#989b9f"/> <Variable name="posts.text.color" description="Post text color" type="color" default="#48525c" value="#989b9f"/> <Variable name="posts.icons.color" description="Post info color" type="color" default="#262d3d" value="#989b9f"/> <Variable name="posts.background.color" description="Post background color" type="color" default="#f7f7fc" value="transparent"/> <Variable name="tabs.font" description="Font" type="font" default="'Roboto', sans-serif" value="400 14px 'Roboto', sans-serif"/> <Variable name="tabs.color" description="Text color" type="color" default="#4d4d4d" value="#08102b"/> <Variable name="tabs.selected.color" description="Selected color" type="color" default="#fff" value="#fffdfc"/> <Variable name="tabs.overflow.background.color" description="Popup background color" type="color" default="$(posts.background.color)" value="#fffdfc"/> <Variable name="tabs.overflow.color" description="Popup text color" type="color" default="#48525c" value="#08102b"/> <Variable name="tabs.overflow.selected.color" description="Popup selected color" type="color" default="#262d3d" value="#989b9f"/> <Variable name="labels.background.color" description="Labels background color" type="color" default="#fff" value="#fffdfc"/> <Variable name="blog.title.font" description="Blog title font" type="font" default="'Roboto', sans-serif" value="400 14px 'Roboto', sans-serif"/> <Variable name="blog.title.color" description="Blog title color" type="color" default="#fff" value="#fffdfc"/> </Group> */ /* Variable color */ :root, :root .lgT:not(.drK), :root .theme0:not(.drK){/* Theme */ --themeC: $(themeColor); /* Body */ --headC: $(head.color); --bodyC: $(body.color); --bodyCa: $(body.colorAlt); --bodyB: $(body.bgColor); /* Link */ --linkC: $(link.color); --linkB: $(link.bgColor); /* Wave */ --waveB: $(wave.bgColor); /* Icon */ --iconC: $(icon.color); --iconCa: $(icon.colorAlt); --iconCs: $(icon.colorSec); /* Header */ --headerC: $(header.text); --headerT: $(header.titleSize); --headerW: 400; /* write 400(normal) or 700(bold) */ --headerB: $(header.bgColor); --headerL: $(header.border); --headerI: $(header.icon); --headerH: $(header.height); --headerHi: -$(header.height); --headerHm: $(header.heightM); --headerR: $(moblheader.radius); /* Notif */ --notifH: $(notif.height); --notifU: $(notif.bg); --notifC: $(notif.color); /* Content */ --contentB: $(content.bg); --contentL: $(content.border); --contentW: $(content.maxWidth); --sideW: $(sidebar.maxWidth); --transB: rgba(0,0,0,.05); /* Page */ --pageW: $(page.maxContent); --pageW: $(post.maxContent); --postT: $(post.titleSize); --postF: $(post.fontSize); --postTm: $(post.titleSizeMobile); --postFm: $(post.fontSizeMobile); /* Widget */ --widgetT: $(widget.titleSize); --widgetTw: 400; /* write 400(normal) or 700(bold) */ --widgetTa: $(widget.titleAfter); --widgetTac: $(widget.titleAfterC); /* Nav */ --navW: $(nav.width); --navT: $(nav.text); --navI: $(nav.icon); --navB: $(nav.bg); --navL: $(nav.border); /* Search */ --srchI: $(search.icon); --srchB: $(search.bg); /* Mob Men */ --mobT: $(mob.text); --mobHv: $(mob.hovBg); --mobB: $(mob.bg); --mobL: $(mob.border); --mobBr: $(mob.borderR); /* Footer */ --fotT: $(foot.text); --fotB: $(foot.bg); --fotL: $(foot.border); /* Font family */ --fontH: Google Sans Text,Arial,Helvetica,sans-serif; --fontB: Google Sans Text,Arial,Helvetica,sans-serif; --fontBa: Google Sans Text,Arial,Helvetica,sans-serif; --fontC: Google Sans Mono,monospace; /* Trans */ --trans-1: all .1s ease; --trans-2: all .2s ease; --trans-3: all .3s ease; --trans-4: all .4s ease; /* Synx */ --synxBg: #f6f6f6; --synxC: #2f3337; --synxOrange: #b75501; --synxBlue: #015692; --synxGreen: #54790d; --synxRed: #f15a5a; --synxGray: #656e77; /* Border Radius */ --buttonR: $(button.radius); --greetR: $(greet.radius); --iconHr: $(iconhover.radius); --thumbEr: $(thumbelem.radius); --srchMr: $(moblsearch.radius); --srchDr : $(desksearch.radius); /* Dark */ --darkT: $(dark.text); --darkTa: $(dark.textAlt); --darkU: $(dark.link); --darkW: $(dark.wave); --darkB: $(dark.bg); --darkBa: $(dark.bgAlt); --darkBs: $(dark.bgSec);} /* Dark Mode */ :root .drK{/* Theme */ --themeC: $(themeDark);} /* Theme 1 - Red */ :root .theme1:not(.drK){/* Theme */ --themeC: #D32F2F; /* Body */ --bodyB: #FFFCFD; /* Link */ --linkC: #F44336; --linkB: #F44336; /* Header */ --headerB: #FFEBEE; /* Notif */ --notifU: #FFEBEE; --notifC: #B71C1C; /* Search */ --srchB: #FFEBEE; /* MobMn */ --mobB: #FFEBEE; /* Wave */ --waveB: #FFEBEE;} /* Theme 2 - Green */ :root .theme2:not(.drK){/* Theme */ --themeC: #00796B; /* Body */ --bodyB: #FCFFFC; /* Link */ --linkC: #009688; --linkB: #009688; /* Header */ --headerB: #E0F2F1; /* Notif */ --notifU: #E0F2F1; --notifC: #00796B; /* Search */ --srchB: #E0F2F1; /* MobMn */ --mobB: #E0F2F1; /* Wave */ --waveB: #E0F2F1;} /* Theme 3 - Blue */ :root .theme3:not(.drK){/* Theme */ --themeC: #1565C0; /* Body */ --bodyB: #FBFEFF; /* Link */ --linkC: #1976D2; --linkB: #1976D2; /* Header */ --headerB: #E3F2FD; /* Notif */ --notifU: #E3F2FD; --notifC: #1565C0; /* Search */ --srchB: #E3F2FD; /* MobMn */ --mobB: #E3F2FD; /* Wave */ --waveB: #E3F2FD;} /* Theme 4 - Yellow */ :root .theme4:not(.drK){/* Theme */ --themeC: #FFC107; /* Body */ --bodyB: #FFFEFA; /* Link */ --linkC: #FF8F00; --linkB: #FF8F00; /* Header */ --headerB: #FFF8E1; /* Notif */ --notifU: #FFF8E1; --notifC: #FF8F00; /* Search */ --srchB: #FFF8E1; /* MobMn */ --mobB: #FFF8E1; /* Wave */ --waveB: #FFF8E1;} /* Theme 5 - Pink */ :root .theme5:not(.drK){/* Theme */ --themeC: #C2185B; /* Body */ --bodyB: #FFFCFD; /* Link */ --linkC: #D81B60; --linkB: #D81B60; /* Header */ --headerB: #FCE4EC; /* Notif */ --notifU: #FCE4EC; --notifC: #C2185B; /* Search */ --srchB: #FCE4EC; /* MobMn */ --mobB: #FCE4EC; /* Wave */ --waveB: #FCE4EC;} /* Theme 6 - Orange */ :root .theme6:not(.drK){/* Theme */ --themeC: #E64A19; /* Body */ --bodyB: #FBFEFF; /* Link */ --linkC: #F4511E; --linkB: #F4511E; /* Header */ --headerB: #FBE9E7; /* Notif */ --notifU: #FBE9E7; --notifC: #E64A19; /* Search */ --srchB: #FBE9E7; /* MobMn */ --mobB: #FBE9E7; /* Wave */ --waveB: #FBE9E7;} /* Theme 7 - Blue Grey */ :root .theme7:not(.drK){/* Theme */ --themeC: #455A64; /* Body */ --bodyB: #FBFEFF; /* Link */ --linkC: #546E7A; --linkB: #546E7A; /* Header */ --headerB: #ECEFF1; /* Notif */ --notifU: #ECEFF1; --notifC: #455A64; /* Search */ --srchB: #ECEFF1; /* MobMn */ --mobB: #ECEFF1; /* Wave */ --waveB: #ECEFF1;} /* Theme 8 - Brown */ :root .theme8:not(.drK){/* Theme */ --themeC: #5D4037; /* Body */ --bodyB: #FBFEFF; /* Link */ --linkC: #5D4037; --linkB: #5D4037; /* Header */ --headerB: #EFEBE9; /* Notif */ --notifU: #EFEBE9; --notifC: #5D4037; /* Search */ --srchB: #EFEBE9; /* MobMn */ --mobB: #EFEBE9; /* Wave */ --waveB: #EFEBE9;} /* Theme 9 - Purple */ :root .theme9:not(.drK){/* Theme */ --themeC: #7B1FA2; /* Body */ --bodyB: #FBFEFF; /* Link */ --linkC: #8E24AA; --linkB: #8E24AA; /* Header */ --headerB: #F3E5F5; /* Notif */ --notifU: #F3E5F5; --notifC: #7B1FA2; /* Search */ --srchB: #F3E5F5; /* MobMn */ --mobB: #F3E5F5; /* Wave */ --waveB: #F3E5F5;} /* Theme 10 - Indigo */ :root .theme10:not(.drK){/* Theme */ --themeC: #283593; /* Body */ --bodyB: #FBFEFF; /* Link */ --linkC: #3949AB; --linkB: #3949AB; /* Header */ --headerB: #E8EAF6; /* Notif */ --notifU: #E8EAF6; --notifC: #283593; /* Search */ --srchB: #E8EAF6; /* MobMn */ --mobB: #E8EAF6; /* Wave */ --waveB: #E8EAF6;} /*sintax*/ .hljs { display: block; overflow-x: auto; padding: 0.5em; background: #1E1E1E; color: #DCDCDC; font-weight: normal; font-size: 1.15em !important; } .hljs-keyword, .hljs-literal, .hljs-symbol, .hljs-name { color: #569CD6; } .hljs-link { color: #569CD6; text-decoration: underline; } .hljs-built_in, .hljs-type { color: #4EC9B0; } .hljs-number, .hljs-class { color: #B8D7A3; } .hljs-string, .hljs-meta-string { color: #f98c27 ;/*#D69D85;*/ } .hljs-regexp, .hljs-template-tag { color: #f85007;/^9A5334;*/ } .hljs-subst, .hljs-function, .hljs-title, .hljs-params, .hljs-formula { color: #DCDCDC; } .hljs-comment, .hljs-quote { color: #57A64A; font-style: italic; } .hljs-doctag { color: #608B4E; } .hljs-meta, .hljs-meta-keyword, .hljs-tag { color: #9B9B9B; } .hljs-variable, .hljs-template-variable { color: #BD63C5; } .hljs-attr, .hljs-attribute, .hljs-builtin-name { color: #9CDCFE; } .hljs-section { color: gold; } .hljs-emphasis { font-style: italic; } .hljs-strong { font-weight: bold; } .hljs-bullet, .hljs-selector-tag, .hljs-selector-id, .hljs-selector-class, .hljs-selector-attr, .hljs-selector-pseudo { color: #D7BA7D; } .hljs-addition { background-color: #144212; display: inline-block; width: 100%; } .hljs-deletion { background-color: #ff0000; display: inline-block; width: 100%; } /*next pre*/ .wc-post-pagination .content{display:flex;position:relative;width:calc(100% + 20px);left:-10px;right:-10px;line-height:1.5em;margin-top:50px} .wc-post-pagination .content >*::before{content:attr(aria-label);font-size:12px;margin:-4px 15px} .wc-post-pagination .content >*{margin:0 10px;flex:0 0 calc(50% - 20px);display:inline-flex;flex-direction:column;color:inherit;cursor:default} .wc-post-pagination .content >*:hover{text-decoration:underline} .wc-post-pagination .content >*::after{content:attr(title);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;opacity:.8;font-size:12px;line-height:1.5em;text-overflow:ellipsis;margin-top:5px} .wc-post-pagination .content >*:not(:first-child){align-items:flex-end;text-align:right} .wc-post-pagination svg{position:absolute;width:14px;height:14px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5} /*selesai*/ ]]></b:skin> <style><b:if cond='!data:blog.isMobileRequest'>/*<![CDATA[*/ /* Desktop Fonts */ /* Font Body and Alternative */ @font-face{font-family:'Google Sans Text';font-style:normal;font-weight:400;font-display:swap;src:local('Google Sans Text'),local('Google-Sans-Text'),url(https://fonts.gstatic.com/s/googlesanstext/v16/5aUu9-KzpRiLCAt4Unrc-xIKmCU5qEp2iw.woff2) format('woff2')} /* Font Heading */ @font-face{font-family:'Google Sans Text';font-style:normal;font-weight:700;font-display:swap;src:local('Google Sans Text'),local('Google-Sans-Text'),url(https://fonts.gstatic.com/s/googlesanstext/v16/5aUp9-KzpRiLCAt4Unrc-xIKmCU5oPFTnmhjtg.woff2) format('woff2')} /* Source Code Font */ @font-face{font-family:'Google Sans Mono';font-style:normal;font-weight:400;font-display:swap;src:local('Google Sans Mono'),local('Google-Sans-Mono'),url(https://fonts.gstatic.com/s/googlesansmono/v4/P5sUzYWFYtnZ_Cg-t0Uq_rfivrdYH4RE8-pZ5gQ1abT53wVQGrk.woff2) format('woff2')} /*]]>*/ </b:if>/*<![CDATA[*/ /* Standar CSS */ ::selection{color:#fff;background:var(--linkB)} .drK ::selection{background:var(--darkU)} *, ::after, ::before{-webkit-box-sizing:border-box;box-sizing:border-box} *{-webkit-tap-highlight-color:transparent} h1, h2, h3, h4, h5, h6{margin:0;font-weight:700;font-family:var(--fontH);color:var(--headC)} h1{font-size:1.9rem} h2{font-size:1.7rem} h3{font-size:1.5rem} h4{font-size:1.4rem} h5{font-size:1.3rem} h6{font-size:1.2rem} a{color:var(--linkC);text-decoration:none} a:hover{opacity:.9;transition:opacity .1s} table{border-spacing:0} iframe{max-width:100%;border:0;margin-left:auto;margin-right:auto} input, button, select, textarea{font:inherit;font-size:100%;color:inherit;line-height:normal} input::placeholder{color:rgba(0,0,0,.5)} img{display:block;position:relative;max-width:100%;height:auto} svg{width:22px;height:22px;fill:var(--iconC)} svg.line, svg .line{fill:none!important;stroke:var(--iconC);stroke-linecap:round;stroke-linejoin:round; stroke-width:1} svg.c-1{fill:var(--iconCa)} svg.c-2{fill:var(--iconCs); opacity:.4} .hidden{display:none !important} .invisible{visibility:hidden !important} .clear{width:100%;display:block;margin:0;padding:0;float:none;clear:both} .fCls{display:block;position:fixed;top:-50%;left:-50%;right:-50%;bottom:-50%;z-index:1;transition:var(--trans-1);background:transparent;opacity:0;visibility:hidden} .free::after, .new::after{display:inline-block;content:'Free!';color:var(--linkC);font-size:12px;font-weight:400;margin:0 5px} .new::after{content:'New!'} svg .svgC{fill:var(--linkC)} svg.line .svgC{fill:none;stroke:var(--linkC)} .drK svg .svgC{fill:var(--darkU)} .drK svg.line .svgC{fill:none;stroke:var(--darkU)} .blog-admin, .bD .bmPs, .pInf .pIc .bmPs, .bmPs>svg .d, .isBkm, .cBkPs, .ckW, .tocL, .headR .headM .themeBtn, .cusW{display:none} .lazy.loaded, .tocL, .pVws:not(.hidden){animation:opaCity .5s 0s;-webkit-animation:opaCity .5s 0s} /* Unfilled Ads */ ins.adsbygoogle[data-ad-status="unfilled"]{display:none !important} /* Main Element */ html{scroll-behavior:smooth;overflow-x:hidden} body{-webkit-font-smoothing:antialiased;position:relative;top:0!important;margin:0;padding:0!important;width:100%;font-family:var(--fontB);font-size:14px;color:var(--bodyC);background:var(--bodyB);-webkit-font-smoothing:antialiased;animation:opaCity 1s 0s;-webkit-animation:opaCity 1s 0s} .secIn{margin:0 auto;padding-left:20px;padding-right:20px;max-width:var(--contentW)} /* Notif Section */ .ntfC{display:flex;align-items:center;position:relative;min-height:var(--notifH);background:var(--notifU);color:var(--notifC);padding:10px 15px; font-size:13px; transition:var(--trans-1);overflow:hidden;border-radius:10px;margin-bottom:20px} .ntfC::before{content:'';width:60px;height:60px;background:rgba(0,0,0,.15);display:block;border-radius:50%;position:absolute;top:-12px;left:-12px;opacity:.1} .Rtl .ntfC::before{left:unset;right:-12px} .ntfC .secIn{width:100%;position:relative} .ntfC .c{display:flex;align-items:center} .ntfT{width:100%; padding-right:15px; text-align:center} .ntfT a{color:var(--linkC);font-weight:700} .ntfI:checked ~ .ntfC{height:0;min-height:0;margin:0;padding:0;opacity:0;visibility:hidden} .ntfA{display:inline-flex;align-items:center;justify-content:center;text-align:initial} .ntfA >a{flex-shrink:0;white-space:nowrap;display:inline-block; margin-left:10px;padding:8px 12px;border-radius:var(--buttonR);background:#fffdfc;color:var(--notifC);font-size:12px;font-weight:400;box-shadow:0 10px 8px -8px rgb(0 0 0 / 12%);text-decoration:none} .drK .ntfA >a{background:var(--darkU);color:#fffdfc} /* Fixed/Pop-up Element */ .fixL{display:flex;align-items:center;position:fixed;left:0;right:0;bottom:0;margin-bottom:-100%;z-index:20;transition:var(--trans-1);width:100%;height:100%;opacity:0;visibility:hidden} .fixLi, .fixL .cmBri{width:100%;max-width:680px;max-height:calc(100% - 60px);border-radius:12px;transition:inherit;z-index:3;display:flex;overflow:hidden;position:relative;margin:0 auto;box-shadow:0 5px 30px 0 rgba(0,0,0,.05)} .fixLs{padding:60px 20px 20px;overflow-y:scroll;overflow-x:hidden;width:100%;background:var(--contentB)} .fixH, .mnH{display:flex;background:inherit;position:absolute;top:0;left:0;right:0;padding:0 10px;z-index:2} .fixH .cl{padding:0 10px;display:flex;align-items:center;justify-content:flex-end;position:relative;flex-shrink:0;min-width:40px} .fixH .c::after, .ntfC .c::after, .mnH .c::before{content:'\2715';line-height:18px;font-size:14px} .fixT::before{content:attr(data-text);flex-grow:1;padding:16px 10px;font-size:90%;opacity:.7} .fixT .c::before, .mnH .c::after{content:attr(aria-label);font-size:11px;margin:0 8px;opacity:.6} .fixi:checked ~ .fixL, #comment:target .fixL{margin-bottom:0;opacity:1;visibility:visible} .fixi:checked ~ .fixL .fCls, #comment:target .fixL .fCls, .BlogSearch input:focus ~ .fCls{opacity:1;visibility:visible;background:rgba(0,0,0,.2); -webkit-backdrop-filter:saturate(180%) blur(10px); backdrop-filter:saturate(180%) blur(10px)} .shBri{max-width:520px} /* display:flex */ .headI, .bIc{display:flex;align-items:center} /* Header Section */ header{width:100%;z-index:10; position:-webkit-sticky;position:sticky;top:0;box-shadow:0 0 15px rgba(0,0,0,.07)} header a{display:block;color:var(--bodyC)} header svg{width:20px;height:20px;fill:var(--headerI); opacity:.8} header svg.line{fill:none;stroke:var(--headerI)} .headIc .tNav svg >*{opacity:0;transition:var(--trans-1)} .hdMn .navI:not(:checked) ~ .mainWrp .headIc .tNav .h1, .hdMn .navI:checked ~ .mainWrp .headIc .tNav .h2, .bD:not(.hdMn) .navI:not(:checked) ~ .mainWrp .headIc .tNav .h2, .bD:not(.hdMn) .navI:checked ~ .mainWrp .headIc .tNav .h1{opacity:1} .headCn{position:relative;height:var(--headerH);color:var(--headerC);background:var(--headerB); display:flex} .headL{display:flex;align-items:center;width: var(--navW) ; /* change var(--navW) to increase header title width */ padding:0 0 0 20px; transition:var(--trans-1)} .headL .headIc{flex:0 0 30px} .headL .headN{width:calc(100% - 30px); padding:0 0 0 5px} .headR{padding:0 25px; flex-grow:1; transition:var(--trans-1)} .headI .headP{display:flex;justify-content:flex-end;position:relative} .headI .headS{} .headI{height:100%; justify-content:space-between; position:relative;width:calc(100% + 15px);left:-7.5px;right:-7.5px} .headI >*{margin:0 7.5px} .headIc{font-size:11px;display:flex;list-style:none;margin:0;padding:0} .headIc >*{position:relative} .headIc svg{z-index:1} .headIc .tNav .l{stroke:var(--linkC)} .drK .headIc .tNav .l{stroke:var(--darkU)} .headIc .isSrh{display:none} ul.headIc{position:relative;width:calc(100% + 14px);left:-7px;right:-7px;justify-content:flex-end} ul.headIc li{margin:0 2px} ul.headIc li >*{cursor:pointer} .Header{background-repeat:no-repeat;background-size:100%;background-position:center} .Header img{max-width:160px;max-height:45px} .Header .headH{display:block;color:inherit;font-size:var(--headerT); font-weight:var(--headerW)} .Header .headH.hasSub{display:flex;align-items:baseline} .Header .headTtl{overflow:hidden;white-space:nowrap;text-overflow:ellipsis; display:block} .Header .headSub{margin:0 5px;font:400 11px var(--fontB); white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:60px;opacity:.6} .Header .headSub::before{content:attr(data-text)} /* Icon */ .tIc{width:30px;height:30px;justify-content:center} .tIc::after{content:'';background:var(--transB);border-radius:var(--iconHr);position:absolute;left:0;right:0;top:0;bottom:0;transition:var(--trans-1);opacity:0;visibility:hidden} .tIc:hover::after{opacity:1;visibility:visible;transform:scale(1.3,1.3)} .tDL .d2, .drK .tDL .d1{display:none} ul.headIc li .fCls, .headR .headM, .isDrk .cusW{cursor:auto} /* mainIn Section */ .mainWrp:after{content:'';display:block;position:absolute;top:0;right:0;width:170px;height:170px;border-radius:0 0 0 200px;background:rgba(0,0,0,.02);z-index:-1} .drK .mainWrp:after{background:rgba(0,0,0,.10)} .blogCont{flex-grow:1;padding:20px 0 0;position:relative;transition:var(--trans-1)} .blogCont .section:not(.no-items), .blogCont .widget:not(:first-child){margin-top:40px} .blogCont .section:first-child, .blogCont footer .section:not(:first-child), .blogCont footer .widget:not(:first-child), .blogCont .section.mobMn, #notif-widget .widget:not(:first-child){margin-top:0} .blogAd .section:not(.no-items){margin-bottom:40px} #notif-widget .widget:first-child{margin-bottom:20px} .blogM{flex-wrap:wrap;justify-content:center;padding-bottom:40px} .sidebar{max-width:500px;margin:50px auto 0} .sideSticky{position:-webkit-sticky;position:sticky;top:calc(var(--headerH) + 10px)} .onPs .blogM .mainbar{max-width:var(--pageW)} .onPg .blogM .mainbar{max-width:var(--pageW)} /* mainNav */ .mnBrs{background:var(--contentB)} .mnBr a{color:inherit} .mnBr ul{list-style:none;margin:0;padding:0} .mnMob{align-self:flex-end;background:inherit;border-top:1px solid var(--contentL);bottom:0;left:0;padding:15px 20px 20px;position:absolute;right:0;text-align:center;z-index:1} .mnMob .mSoc{display:flex;justify-content:center;left:-7px;margin-top:5px;position:relative;right:-7px;width:calc(100% + 14px)} .mnMob:not(.no-items) + .mnMen{padding-bottom:100px} .mnMen{padding:20px 15px} .mMenu{margin-bottom:10px} .mMenu >*{display:inline} .mMenu >*:not(:last-child)::after{content:'\00B7';font-size:90%;opacity:.6} .mMenu a:hover{text-decoration:underline} .mSoc >*{position:relative} .mSoc svg{z-index:1} .mSoc svg, .mnMn svg{width:20px;height:20px;opacity:.8} .mSoc span, .mMenu span{opacity:.7} .mNav{display:none;position:relative;max-width:30px} .mNav svg{height:18px;opacity:.7;z-index:1} .mnMn >li{position:relative} .mnMn >li.br::after{content:'';display:block;border-bottom:1px solid var(--contentL);margin:12px 5px} .mnMn li:not(.mr) .a:hover, .mnMn ul li >*:hover{background:var(--transB)} .mnMn li:not(.mr) .a:hover, .mnMn ul li a:hover{color:var(--linkC)} .mnMn li:not(.mr) ul{padding-left:30px} .mnMn li ul{display:none;opacity:0;visibility:hidden} .mnMn ul li >*, .mnMn .a{display:flex;align-items:center;padding:10px 5px;position:relative;width:calc(100% + 10px);left:-5px;right:-5px;border-radius:8px;transition:var(--trans-1)} .mnMn ul li >*{padding:10px} .mnMn li li a >*{-webkit-box-orient:vertical;-webkit-line-clamp:1;display:flex;line-height:20px;overflow:hidden} .mnMn li li a >* svg{margin-right:5px} .mnMn .a >*{margin:0 5px} .mnMn .a:hover svg:not(.d){fill:var(--linkC)} .mnMn .a:hover svg.line:not(.d){fill:none;stroke:var(--linkC)} .mnMn .n, .mnMn ul li >*{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 0 calc(100% - 64px)} .mnMn svg{flex-shrink:0} .mnMn svg.d{width:14px;height:14px} .mnMn .drp.mr .a{font-size:13px;padding-bottom:0;opacity:.7} .mnMn .drp.mr svg.d{display:none} .mnMn .drpI:checked ~ .a svg.d{transform:rotate(180deg)} .mnMn .drpI:checked ~ ul{display:block;position:relative;opacity:1;visibility:visible} @media screen and (min-width:897px){.bD:not(.hdMn) .navI:not(:checked) ~ .mainWrp .blogMn .mnMn :not(.mr) ul li >*, .hdMn .navI:checked ~ .mainWrp .blogMn .mnMn :not(.mr) ul li >*{margin-left:5px;overflow:visible;width:calc(100% + 5px)} .bD:not(.hdMn) .navI:not(:checked) ~ .mainWrp .blogMn .drp:not(.mr) ul::before, .hdMn .navI:checked ~ .mainWrp .blogMn .drp:not(.mr) ul::before{border-left:1px solid;content:'';display:block;height:calc(100% - 20px);left:15px;opacity:.2;position:absolute;width:1px} .bD:not(.hdMn) .navI:not(:checked) ~ .mainWrp .blogMn .drp:not(.mr) ul li a::before, .hdMn .navI:checked ~ .mainWrp .blogMn .drp:not(.mr) ul li a::before{border-bottom:1px solid;content:'';display:block;height:1px;left:-15px;opacity:.2;position:absolute;top:17.5px;width:13px} .bD:not(.hdMn) .navI:not(:checked) ~ .mainWrp .blogMn .drp:not(.mr) ul.s li a::before, .hdMn .navI:checked ~ .mainWrp .blogMn .drp:not(.mr) ul.s li a::before{top:20px} .bD:not(.hdMn) .navI:not(:checked) ~ .mainWrp .blogMn .drp:not(.mr) ul:not(.s)::before, .hdMn .navI:checked ~ .mainWrp .blogMn .drp:not(.mr) ul:not(.s)::before{height:calc(100% - 18.5px)} .bD:not(.hdMn) .navI:not(:checked) ~ .mainWrp .blogMn .mnMn li li a:hover svg, .hdMn .navI:checked ~ .mainWrp .blogMn .mnMn li li a:hover svg{fill:var(--linkC)} .bD:not(.hdMn) .navI:not(:checked) ~ .mainWrp .blogMn .mnMn li li a:hover svg.line, .hdMn .navI:checked ~ .mainWrp .blogMn .mnMn li li a:hover svg.line{fill:none;stroke:var(--linkC)} .drK:not(.hdMn) .navI:not(:checked) ~ .mainWrp .blogMn .mnMn li li a:hover svg, .drK.hdMn .navI:checked ~ .mainWrp .blogMn .mnMn li li a:hover svg{fill:var(--darkU)} .drK:not(.hdMn) .navI:not(:checked) ~ .mainWrp .blogMn .mnMn li li a:hover svg.line, .drK.hdMn .navI:checked ~ .mainWrp .blogMn .mnMn li li a:hover svg.line{fill:none;stroke:var(--darkU)} .Rtl:not(.hdMn) .navI:not(:checked) ~ .mainWrp .blogMn .drp ul:before, .Rtl.hdMn .navI:checked ~ .mainWrp .blogMn .drp ul:before{left:unset;right:15px} .Rtl:not(.hdMn) .navI:not(:checked) ~ .mainWrp .blogMn .mnMn :not(.mr) ul li >*, .Rtl.hdMn .navI:checked ~ .mainWrp .blogMn .mnMn :not(.mr) ul li >*{margin-left:0;margin-right:5px} .Rtl:not(.hdMn) .navI:not(checked) ~ .mainWrp .blogMn .drp ul li a:before, .Rtl.hdMn .navI:checked ~ .mainWrp .blogMn .drp ul li a:before{left:unset;right:-15px}} @media screen and (max-width:896px){.bD .navI:checked ~ .mainWrp .blogMn .mnMn :not(.mr) ul li >*{margin-left:5px;overflow:visible;width:calc(100% + 5px)} .bD .navI:checked ~ .mainWrp .blogMn .drp:not(.mr) ul::before{border-left:1px solid;content:'';display:block;height:calc(100% - 20px);left:15px;opacity:.2;position:absolute;width:1px} .bD .navI:checked ~ .mainWrp .blogMn .drp:not(.mr) ul li a::before{border-bottom:1px solid;content:'';display:block;height:1px;left:-15px;opacity:.2;position:absolute;top:17.5px;width:13px} .bD .navI:checked ~ .mainWrp .blogMn .drp:not(.mr) ul.s li a::before{top:20px} .bD .navI:checked ~ .mainWrp .blogMn .mnMn li li a:hover svg{fill:var(--linkC)} .bD .navI:checked ~ .mainWrp .blogMn .mnMn li li a:hover svg.line{fill:none;stroke:var(--linkC)} .drK.bD .navI:checked ~ .mainWrp .blogMn .mnMn li li a:hover svg{fill:var(--darkU)} .drK.bD .navI:checked ~ .mainWrp .blogMn .mnMn li li a:hover svg.line{fill:none;stroke:var(--darkU)} .Rtl .navI:checked ~ .mainWrp .blogMn .drp ul:before{left:unset;right:15px} .Rtl .navI:checked ~ .mainWrp .blogMn .mnMn :not(.mr) ul li >*{margin-left:0;margin-right:5px} .Rtl .navI:checked ~ .mainWrp .blogMn .drp ul li a:before{left:unset;right:-15px}} /* Mobile Menu */ .mobMn{position:fixed;left:0;right:0;bottom:0; border-top:1px solid var(--mobL);border-radius:var(--mobBr) var(--mobBr) 0 0;background:var(--mobB);color:var(--mobT);padding:0 20px;box-shadow:0 -10px 25px -5px rgba(0,0,0,.1);z-index:2;font-size:12px} .mobMn svg.line{stroke:var(--mobT);opacity:.8} .mobMn ul{height:55px;display:flex;align-items:center;justify-content:center;list-style:none;margin:0;padding:0} .mobMn li{display:flex;justify-content:center;flex:1 0 20%} .mobMn li >*{display:inline-flex;align-items:center;justify-content:center;min-width:35px;height:35px;border-radius:20px;padding:0 8px;transition:var(--trans-1);color:inherit} .mobMn li svg{margin:0 3px;flex-shrink:0} .mobMn li >*::after{content:attr(data-text);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:0;margin:0;transition:inherit;opacity:.7} .mobMn li >*:hover::after{max-width:70px;margin:0 3px} .mobMn .nmH{opacity:.7} .mobMn li >*:hover{background:var(--mobHv)} .mobMn li >*:hover svg.line{fill:var(--mobT) !important;opacity:.5} .mobMn li >*:hover svg.line .svgC{fill:var(--linkB) !important;stroke:var(--linkB)} /* Style 2 */ .MN-2 .mobMn{font-size:10px} .mobS .mobMn li >*{flex-direction:column;position:relative} .mobS .mobMn li >*:hover{background:transparent} .MN-2 .mobMn li >*::after{max-width:none} /* Style 3 */ .MN-3 .mobMn li >*::after, .MN-4 .mobMn li >*::after{content:'';width:4px;height:4px;border-radius:50%;position:absolute;bottom:-2px;opacity:0} .MN-3 .mobMn li >*:hover::after, .MN-4 .mobMn li >*:hover::after{background:var(--linkB);opacity:.7} .MN-3 .mobMn li >*:hover svg.line, .MN-4 .mobMn li >*:hover svg.line{stroke:var(--linkB);fill:var(--linkB) !important;opacity:.7} /* Style 4 */ .MN-4 .mobMn{left:15px;right:15px;bottom:15px;padding:0 10px;border-radius:var(--headerR);box-shadow: 0 5px 35px rgba(0,0,0,.1);transition:bottom 1.2s ease;-webkit-transition:bottom 1.2s ease} .MN-4 .mobMn.slide{bottom:-150px;transition:bottom 1.5s ease;-webkit-transition:bottom 1.5s ease} /* Back to Top */ .toTopB{display:flex;align-items:center;justify-content:center;position:fixed;right:20px;bottom:20px;width:45px;height:45px;border-radius:50%;cursor:pointer;visibility:hidden;opacity:0;z-index:5;transform:scale(0);transition:transform .3s ease, opacity .3s ease,visibility .3s ease,margin-bottom 1s ease} .toTopB.vsbl{visibility:visible;opacity:1;transform:scale(1)} .MN-4 .toTopB{bottom:20px} .toTopB:hover{opacity:.8} .toTopB svg{height:100%;width:100%;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);stroke-width:1.5;cursor:pointer} .toTopB svg .b{fill:#fff;stroke:#e6e6e6;opacity:.9} .toTopB svg .c{fill:none;stroke:var(--linkC);stroke-dasharray:100 100;stroke-dashoffset:100;stroke-linecap:round} .toTopB svg .d{fill:none;stroke:var(--iconC)} .drK .toTopB svg .b{fill:var(--darkBa);stroke:#404045} .drK .toTopB svg .c{stroke:var(--darkU)} .drK .toTopB svg .d{stroke:var(--darkT)} /* Footer */ footer{font-size:97%;line-height:1.8em;color:var(--fotT);padding:40px 0 20px} .footer{padding:20px;background:var(--fotB);box-shadow: 0 5px 35px rgba(0,0,0,.1);border-radius:10px} footer .LinkList a, footer .sL li >*{display:inline-block;color:inherit;line-height:20px} footer .LinkList a:hover{text-decoration:underline} footer .LinkList ul:not(.sL) li::before{content:'\2013'; opacity:.3} footer .sL{display:flex;flex-wrap:wrap;align-items:baseline;font-size:13px;opacity:.8} footer .sL li{display:inline-flex;align-items:baseline} footer .sL li:not(:first-child)::before{content:'/';margin:0 5px} footer .sL li >*::before{content:attr(data-text)} .fotIn ul{list-style:none;margin:0;padding:0} .fotIn{display:flex;flex-wrap:wrap;position:relative;width:calc(100% + 30px);left:-15px;right:-15px} .fotIn >*{width:calc(21.666% - 30px);margin:0 15px} .fotIn >*:first-child{width:calc(35% - 30px)} .fotIn .widget{margin-bottom:30px} .fotIn .widget .title{color:inherit;margin-bottom:12px;font-weight:700;font-size:14px} .abtU{max-width:calc(100% - 25px)} .abtU::before{content:attr(data-text);font-size:13px; opacity:.6;display:block;margin-bottom:3px} .abtU >*{align-items:center;display:flex;justify-content:space-between;margin:10px 0} .abtU .pu-views::before{content:'We have served the best performance ' attr(data-text) ' times.';opacity:.8} .abtL{flex:0 0 70px;width:70px;height:70px;background-repeat:no-repeat;background-size:100%;background-position:center;border-radius:10px} .abtT{flex:0 0 calc(100% - 82px)} .abtT .tl{color:inherit; font-size:1.3rem} .abtD{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;line-height:1.4em;margin:4px 0 0;overflow:hidden} /* Footer Credit and Backtop */ footer .credit a{display:inline-flex;align-items:center} footer .credit a svg{width:13px;height:13px;margin:0 3px;fill:var(--linkC)} .cdtIn{display:flex;align-items:baseline;justify-content:space-between; position:relative;width:calc(100% + 20px);left:-10px;right:-10px} .cdtIn >*{margin:0 10px} .cdtIn .HTML{overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .fotCd{display:inline-flex} .fotCd .creator{opacity:0} .tTop svg{width:20px;height:20px;stroke:var(--fotT)} .toTop{display:flex;align-items:center; white-space:nowrap} .toTop::before{content:attr(data-text); opacity:.7;margin:0 5px} .toTopF{display:flex;align-items:center;justify-content:center;width:45px;height:45px;border-radius:50%;background:var(--linkB);position:fixed;bottom:20px;right:20px} .toTopF svg{stroke:#fffdfc;stroke-width:2} /* Wave Animation */ .wvC{position:absolute;bottom:0;width:100%;z-index:-1} .wvS{position:relative} .wvS .waves{position:absolute;bottom:0;width:100%;height:60px;min-height:100px;max-height:150px} .wvH{position:relative;height:0;background:var(--waveB)} .plx > use{fill:var(--waveB);animation:waveMove 25s cubic-bezier(.55,.5,.45,.5) infinite} .plx > use:nth-child(1){opacity:.7;animation-delay:-2s;animation-duration:7s} .plx > use:nth-child(2){opacity:.5;animation-delay:-3s;animation-duration:10s} .plx > use:nth-child(3){opacity:.3;animation-delay:-4s;animation-duration:13s} .plx > use:nth-child(4){opacity:1;animation-delay:-5s;animation-duration:20s} .drK .wvH{background:var(--darkW)} .drK .plx > use{fill:var(--darkW)} @keyframes waveMove{0%{transform: translate3d(-90px,0,0)}100%{transform: translate3d(85px,0,0)}} /* Article Section */ .onIndx .blogPts, .itemFt .itm{display:flex;flex-wrap:wrap;align-items:center;position:relative; width:calc(100% + 20px);left:-10px;right:-10px} .onIndx .blogPts >*, .itemFt .itm >*{flex:0 0 calc(50% - 20px);width:calc(50% - 20px); margin-bottom:0;margin-left:10px;margin-right:10px} .onIndx .blogPts >*{background:var(--contentB);box-shadow:0 5px 35px rgba(0,0,0,.07);border-radius:10px;margin-bottom:20px;padding:10px 10px 45px;position:relative} .onIndx .blogPts .pTag{padding-bottom:0} .onIndx .pTag .pInf{display:none} .onIndx .blogPts .pInf{position:absolute;bottom:15px;left:15px;right:15px} .onIndx .blogPts{align-items:stretch} .onIndx .blogPts.mty{display:block;width:100%;left:0;right:0} .onIndx .blogPts.mty .noPosts{width:100%;margin:0} .onIndx .blogPts div.ntry{padding-bottom:0;flex:0 0 calc(100% - 20px)} .blogPts .ntry.noAd .widget/*, .Blog ~ .HTML*/{display:none} .cPst .pLbls >*{padding:16px 3px} .cPst .pLbls >*:not(:last-child){padding-right:0} .cPst .pLbls >*:not(:last-child)::after{padding-left:3px} .ctgry .note{margin-bottom:30px} .ctgry article{animation:ctgryFade 1.5s;-webkit-animation:ctgryFade 1.5s} @keyframes ctgryFade{from{opacity:0}to{opacity:1}} @-webkit-keyframes ctgryFade{from{opacity:0}to{opacity:1}} /* Blog title */ .blogTtl{font-size:14px; margin:0 0 30px;width:calc(100% + 16px);display:flex;justify-content:space-between;position:relative;left:-8px;right:-8px} .blogTtl .t, .blogTtl.hm .title{margin:0 8px;flex-grow:1} .blogTtl .t span{font-weight:400;font-size:90%; opacity:.7} .blogTtl .t span::before{content:attr(data-text)} .blogTtl .t span::after{content:''; margin:0 4px} .blogTtl .t span.hm::after{content:'/'; margin:0 8px} /* No Post */ .blogPts .noPosts{min-height:120px;display:flex;align-items:center;justify-content:center;padding-top:40px} /* Thumbnail */ .pThmb{flex:0 0 calc(50% - 12.5px);overflow:hidden;position:relative;border-radius:5px; margin-bottom:20px;background:var(--transB)} .pThmb .thmb{display:block;position:relative;padding-top:52.335%;color:inherit;transition:var(--trans-4);-webkit-transition:var(--trans-4)} article:hover .thmb{transform:scale(1.03);-webkit-transform:scale(1.03)} .pThmb .thmb amp-img{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;max-height:108%;text-align:center;transform:translate(-50%, -50%)} .pThmb div.thmb span::before{content:attr(data-text); opacity:.7; white-space:nowrap} .pThmb:not(.nul)::before{position:absolute;top:0;right:0;bottom:0;left:0; transform:translateX(-100%); background-image:linear-gradient(90deg, rgba(255,255,255,0) 0, rgba(255,255,255,.3) 20%, rgba(255,255,255,.6) 60%, rgba(255,255,255, 0)); animation:shimmer 2s infinite;content:''} .pThmb.iyt:not(.nul) .thmb::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0; background:rgba(0,0,0,.4) url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M4 11.9999V8.43989C4 4.01989 7.13 2.2099 10.96 4.4199L14.05 6.1999L17.14 7.9799C20.97 10.1899 20.97 13.8099 17.14 16.0199L14.05 17.7999L10.96 19.5799C7.13 21.7899 4 19.9799 4 15.5599V11.9999Z'/></svg>") center / 35px no-repeat; opacity:0;transition:var(--trans-1)} .pThmb.iyt:not(.nul):hover .thmb::after{opacity:1} /* Sponsored */ .iFxd{display:flex;justify-content:flex-end;position:absolute;top:0;left:0;right:0;padding:10px 6px;font-size:13px;line-height:16px} .iFxd.l{right:auto} .Rtl .iFxd.l{right:0;left:auto} .iFxd >*{display:flex;align-items:center;margin:0 5px;padding:5px 2.5px;border-radius:var(--thumbEr);background:var(--contentB);color:inherit;box-shadow:0 8px 25px 0 rgba(0,0,0,.1)} .iFxd >* svg{width:16px;height:16px;stroke-width:1.5;margin:0 2.5px;opacity:.7} .iFxd .cmnt, .iFxd .pV{padding:5px;color:var(--bodyC)} .iFxd .bM{overflow:hidden;cursor:pointer} .iFxd .bM::after{content:attr(aria-label);white-space:nowrap;transition:all .4s cubic-bezier(.18,.89,.32,1.28);width:0;opacity:0;visibility:hidden} .iFxd .bM:hover::after{width:63px;opacity:1;visibility:visible} .iFxd .bM.a::after{content:attr(data-added)} .iFxd .bM.a:hover::after{width:50px} .iFxd .bM:hover{opacity:.8} .iFxd .pV.hidden{display:none} .iFxd .cmnt::after, .iFxd .pV::after{content:attr(data-text);margin:0 2.5px;opacity:.8} .drK .iFxd >* svg.line{stroke:var(--iconC)} /* Label */ .pLbls::before, .pLbls >*::before{content:attr(data-text)} .pLbls::before{opacity:.7} .pLbls a:hover{text-decoration:underline} .pLbls >*{color:inherit;display:inline;padding:16px 0} .pLbls >*:not(:last-child)::after{content:'/'} /* Profile Images and Name */ .im{width:35px;height:35px;border-radius:16px; background-color:var(--transB);background-size:100%;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center} .im svg{width:18px;height:18px;opacity:.4} .nm::after{content:attr(data-text)} /* Title and Entry */ .pTtl{font-size:1.1rem;line-height:1.5em} .pTtl.sml{font-size:1rem} .pTtl.itm{font-size:var(--postT);font-family:var(--fontBa);font-weight:700; line-height:1.3em} .pTtl.itm.nSpr{margin-bottom:30px} .aTtl a:hover{color:var(--linkC)} .aTtl a, .pSnpt{color:inherit; display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden} .pEnt{margin-top:40px; font-size:var(--postF);font-family:var(--fontBa); line-height:1.8em} /* Snippet, Description, Headers and Info */ .onIndx .pCntn{padding:0 5px} .pHdr{margin-bottom:8px} .pHdr .pLbls{white-space:nowrap;overflow:hidden;text-overflow:ellipsis; opacity:.8} .pSml{font-size:93%} .pSnpt{-webkit-line-clamp:2;margin:12px 0 0;font-family:var(--fontB);font-size:14px;line-height:1.5em; opacity:.8} .pSnpt.nTag{color:var(--linkC);opacity:1;margin-bottom:10px} .pDesc{font-size:16px;line-height:1.5em;margin:8px 0 25px;opacity:.7} .pInf{display:flex;align-items:baseline;justify-content:space-between; margin-top:15px} .pInf.nTm{margin:0} .pInf.nSpr .pJmp{opacity:1} .pInf.nSpr .pJmp::before{content:attr(aria-label)} .pInf.ps{background:var(--contentB);box-shadow:0 0 25px rgba(0,0,0,.07);padding:15px;border-radius:10px;justify-content:flex-start;align-items:center;margin-top:25px;position:relative;width:100%} .drK .pInf.ps{background:var(--darkBa)} .pInf.ps .pTtmp{opacity:1} .pInf.ps .pTtmp::before{content:attr(data-date) ' '} .pInf.ps .pTtmp::after{display:inline} .pInf.ps.nul{display:none} .pInf .pIm{flex-shrink:0;margin-right:8px} .Rtl .pInf .pIm{margin-right:0;margin-left:8px} .pInf .pNm{flex-grow:1;width:calc(100% - 160px);display:inline-flex;flex-wrap:wrap;align-items:baseline} .pInf .pNm.l{display:none} .pInf .pCm{flex-shrink:0;max-width:58px;margin:0 2px} .pInf .pCm.l{max-width:95px} .pInf .pIc{display:inline-flex;justify-content:flex-end;position:relative;width:calc(100% + 10px);left:-5px;right:-5px} .pInf .pIc >*{display:flex;align-items:center;justify-content:center;width:30px;height:30px;position:relative;margin:0 2px;color:inherit} .pInf .pIc svg{width:20px;height:20px;opacity:.8;z-index:1} .pInf .pIc .cmnt::before{content:attr(data-text);font-size:11px;line-height:18px;padding:0 5px;border-radius:10px;background:#e6e6e6;color:var(--bodyC);position:absolute;top:-5px;right:0;z-index:2} .pInf .pDr{opacity:.7;display:inline-block;margin:0 4px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:100%} .pInf .pDr >*:not(:first-child)::before{content:'\00B7';margin:0 5px} .pInf a.nm{color:var(--bodyC)} .pInf a.nm:hover::after{text-decoration:underline} .drK .pInf a.nm{color:var(--darkT)} .pInf .pIn{display:inline} .pInf .nm{margin:0 4px} /*.pInf .n .nm::before{content:attr(data-write) ' ';opacity:.7}*/ .pInf .im{width:28px;height:28px} .aTtmp{opacity:.8} .aTtmp, .pJmp{overflow:hidden} .pTtmp::after, .pJmp::before, .iTtmp::before{content:attr(data-text); display:block;line-height:18px; white-space:nowrap;text-overflow:ellipsis;overflow:hidden} .pJmp{display:inline-flex;align-items:center; opacity:0; transition:var(--trans-2)} .pJmp::before{content:attr(aria-label)} .pJmp svg{height:18px;width:18px;stroke:var(--linkC); flex-shrink:0} .ntry:hover .pJmp, .itm:hover .pJmp{opacity:1} .ntry:not(.noAd) .pJmp, .itemFt .itm .pJmp{animation:indicator 2s 3s infinite} .ntry:not(.noAd):hover .pJmp, .itemFt:hover .itm .pJmp{animation:none} /* Product view */ .pTag .pPad{padding:10px 0} .pTag .pPric{font-size:20px;color:var(--linkC);padding-top:20px} .pTag .pPric::before, .pTag .pInfo small{content:attr(data-text);font-size:small;opacity:.8;display:block;line-height:1.5em;color:var(--bodyC)} .pTag .pInfo{font-size:14px;line-height:1.6em} .pTag .pInfo:not(.o){position:relative;width:calc(100% + 20px);left:-10px;right:-10px;display:flex} .pTag .pInfo:not(.o) >*{width:50%;padding:0 10px} .pTag .pMart{margin:10px 0 12px;display:flex;flex-wrap:wrap;line-height:1.6em; position:relative;width:calc(100% + 8px);left:-4px;right:-4px} .pTag .pMart >*{margin:0 4px} .pTag .pMart small{width:calc(100% - 8px);margin-bottom:10px} .pTag .pMart a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--contentL);border-radius:12px;margin-bottom:8px} .pTag .pMart img{width:20px;display:block} /* Blog pager */ .blogPg{display:flex;flex-wrap:wrap;justify-content:center;font-size:90%;font-family:var(--fontB);line-height:20px;color:#fffdfc;margin:25px 0 50px;max-width:100%} .blogPg >*{display:flex;justify-content:center;align-items:center;min-width:40px;padding:10px 13px;margin:5px;color:inherit;background:var(--linkB);border-radius:var(--buttonR);box-shadow:rgba(100, 100, 111, 0.2) 0px 7px 29px 0px} .blogPg >* svg{width:18px;height:18px; stroke:var(--darkT); stroke-width:1.5} .blogPg >*::before{content:attr(data-text)} .blogPg .jsLd{margin-left:auto;margin-right:auto} .blogPg .nwLnk::before, .blogPg .jsLd::before{display:none} .blogPg .nwLnk::after, .blogPg .jsLd::after{content:attr(data-text); margin:0 8px} .blogPg .olLnk::before{margin:0 8px} .blogPg .nPst, .blogPg .current{background:var(--contentL); color:var(--bodyCa)} .blogPg .nPst.jsLd svg{fill:var(--darkTa);stroke:var(--darkTa)} .blogPg .nPst svg.line{stroke:var(--darkTa)} /* Breadcrumb */ .brdCmb{margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .brdCmb a{color:var(--bodyC)} .brdCmb >*:not(:last-child)::after{content:'/'; margin:0 4px;font-size:90%;opacity:.6} .brdCmb >*{display:inline} .brdCmb .tl::before{content:attr(data-text)} .brdCmb .hm a{font-size:90%;opacity:.7} /* Article Style */ .pS h1, .pS h2, .pS h3, .pS h4, .pS h5, .pS h6{margin:1.5em 0 18px; font-family:var(--fontBa);font-weight:700; line-height:1.5em} .pS h1:target, .pS h2:target, .pS h3:target, .pS h4:target, .pS h5:target, .pS h6:target{padding-top:var(--headerH);margin-top:0} /* Paragraph */ .pS p{margin:1.7em 0} .pIndent{text-indent:2.5rem} .onItm:not(.Rtl) .dropCap{float:left;margin:4px 8px 0 0; font-size:55px;line-height:45px;opacity:.8} .pS hr{margin:3em 0; border:0} .pS hr::before{content:'\2027 \2027 \2027'; display:block;text-align:center; font-size:24px;letter-spacing:0.6em;text-indent:0.6em;opacity:.8;clear:both} .pRef{display:block;font-size:14px;line-height:1.5em; opacity:.7; word-break:break-word} /* Img and Ad */ .pS img{display:inline-block;border-radius:5px;height:auto !important} .pS img.full{display:block !important; margin-bottom:10px; position:relative; width:100%;max-width:none} .pS .widget, .ps .pAd >*{margin:40px 0} /* Note */ .note{position:relative;padding:16px 20px 16px 50px;background:var(--notifU);color:#3c4043; font-size:.85rem;font-family:var(--fontB);line-height:1.6em;border-radius:10px;overflow:hidden} .note::before{content:'';width:60px;height:60px;background:rgba(0,0,0,.4);display:block;border-radius:50%;position:absolute;top:-12px;left:-12px;opacity:.1} .note::after{content:'\002A';position:absolute;left:18px;top:16px; font-size:20px; min-width:15px;text-align:center} .note.wr{background:#ffdfdf;color:#48525c} .note.wr::after{content:'\0021'} .drK .note{background:var(--darkBs);color:rgba(255,255,255,.9)} /* Ext link */ .extL{display:inline-flex;align-items:center} .extL::after{content:''; width:14px;height:14px; display:inline-block;margin:0 5px; background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23989b9f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M13 11L21.2 2.80005'/><path d='M22 6.8V2H17.2'/><path d='M11 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22H15C20 22 22 20 22 15V13'/></svg>") center / 14px no-repeat} .extL.alt::after{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23989b9f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M15 7h3a5 5 0 0 1 5 5 5 5 0 0 1-5 5h-3m-6 0H6a5 5 0 0 1-5-5 5 5 0 0 1 5-5h3'/><line x1='8' y1='12' x2='16' y2='12'/></svg>")} /* Scroll img */ .psImg{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center; margin:2em 0; position:relative;left:-7px;right:-7px; width:calc(100% + 14px)} .psImg >*{width:calc(50% - 14px); margin:0 7px 14px; position:relative} .psImg img{display:block} .scImg >*{width:calc(33.3% - 14px); margin:0 7px} .btImg label{position:absolute;top:0;left:0;right:0;bottom:0; border-radius:5px; display:flex;align-items:center;justify-content:center; background:rgba(0,0,0,.6); transition:var(--trans-1); -webkit-backdrop-filter:saturate(180%) blur(10px); backdrop-filter:saturate(180%) blur(10px); color:var(--darkT); font-size:13px;font-family:var(--fontB)} .hdImg .shImg{width:100%;margin:0; left:0;right:0; transition:var(--trans-1); max-height:0;opacity:0;visibility:hidden} .inImg:checked ~ .hdImg .shImg{max-height:1000vh;opacity:1;visibility:visible} .inImg:checked ~ .hdImg .btImg label{opacity:0;visibility:hidden} /* Post related */ .pRelate{margin:40px 0;padding:20px 0; border:1px solid #989b9f;border-left:0;border-right:0; font-size:14px;line-height:1.8em} .pRelate a, .drK .pRelate a{color:inherit} .pRelate a:hover{text-decoration:underline} .pRelate b{font-weight:400; margin:0;opacity:.8} .pRelate ul, .pRelate ol{margin:8px 0 0;padding:0 20px} /* Blockquote */ blockquote, .cmC i[rel=quote]{position:relative;font-size:.97rem; opacity:.8;line-height:1.6em;margin-left:0;margin-right:0;padding:5px 20px;border-left:2px solid var(--contentL)} blockquote.s-1, details.sp{font-size:.93rem; padding:25px 25px 25px 45px; border:1px solid #989b9f;border-left:0;border-right:0;line-height:1.7em} blockquote.s-1::before{content:'\201D';position:absolute;top:10px;left:0; font-size:60px;line-height:normal;opacity:.5} /* Table */ .ps table{margin:0 auto; font-size:14px;font-family:var(--fontB)} .ps table:not(.tr-caption-container){min-width:90%;border:1px solid var(--contentL);border-radius:3px;overflow:hidden} .ps table:not(.tr-caption-container) td{padding:16px} .ps table:not(.tr-caption-container) tr:not(:last-child) td{border-bottom:1px solid var(--contentL)} .ps table:not(.tr-caption-container) tr:nth-child(2n+1) td{background:rgba(0,0,0,.01)} .ps table th{padding:16px; text-align:inherit; border-bottom:1px solid var(--contentL)} .ps .table{display:block; overflow-y:hidden;overflow-x:auto;scroll-behavior:smooth} /* Img caption */ figure{margin-left:0;margin-right:0} .ps .tr-caption, .psCaption, figcaption{display:block; font-size:14px;line-height:1.6em; font-family:var(--fontB);opacity:.7} /* Syntax */ .pre{background:var(--synxBg);color:var(--synxC); direction: ltr} .pre:not(.tb){position:relative;border-radius:3px;overflow:hidden;margin:1.7em auto;font-family:var(--fontC)} .pre pre{margin:0;color:inherit;background:inherit} .pre:not(.tb)::before, .cmC i[rel=pre]::before{content:'</>';display:flex;justify-content:flex-end;position:absolute;right:0;top:0;width:100%;background:inherit;color:var(--synxGray);font-size:10px;padding:0 10px;z-index:2;line-height:30px} .pre:not(.tb).html::before{content:'.html'} .pre:not(.tb).css::before{content:'.css'} .pre:not(.tb).js::before{content:'.js'} .pre:not(.tb):hover::before{content:'Double click to copy | </>'} .pre:not(.tb).html:hover::before{content:'Double click to copy | .html'} .pre:not(.tb).css:hover::before{content:'Double click to copy | .css'} .pre:not(.tb).js:hover::before{content:'Double click to copy | .js'} .pre[data-text]:not([data-text='']):not(.tb)::before{content:attr(data-text)} .pre[data-text]:not([data-text='']):not(.tb):hover::before{content:'Double Click to Copy | ' attr(data-text)} pre, .cmC i[rel=pre]{display:block;position:relative;font-family:var(--fontC);font-size:13px;line-height:1.6em;border-radius:3px;background:var(--synxBg);color:var(--synxC);padding:30px 20px 20px;margin:1.7em auto; -moz-tab-size:2;tab-size:2;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none; overflow:auto;direction:ltr;white-space:pre} pre i{font-style:normal} pre i.block{color:#fff;background:var(--synxBlue)} pre i.green{color:var(--synxGreen)} pre i.gray{color:var(--synxGray)} pre i.red{color:var(--synxOrange)} pre i.blue{color:var(--synxBlue)} code{display:inline;padding:5px;font-size:14px;border-radius:3px;line-height:inherit;color:var(--synxC);background:#f2f3f5;font-family:var(--fontC)} /* Multi syntax */ .pre.tb{border-radius:5px} .pre.tb pre{margin:0;background:inherit} .pre.tb .preH{font-size:13px;border-color:rgba(0,0,0,.05);margin:0} .pre.tb .preH >*{padding:13px 20px} .pre.tb .preH::after{content:'</>';font-size:10px;font-family:var(--fontC);color:var(--synxGray);padding:15px;margin-left:auto} .pre.tb >:not(.preH){display:none} .pS input[id*="1"]:checked ~ div[class*="C-1"], .pS input[id*="2"]:checked ~ div[class*="C-2"], .pS input[id*="3"]:checked ~ div[class*="C-3"], .pS input[id*="4"]:checked ~ div[class*="C-4"]{display:block} /* ToC */ .pS details summary{list-style:none;outline:none} .pS details summary::-webkit-details-marker{display:none} details.sp{padding:16px 20px;background:var(--contentB);box-shadow:0 5px 35px rgba(0,0,0,.07);border:0;border-radius:10px;} details.sp summary{display:flex;justify-content:space-between;align-items:baseline} details.sp summary::after{content:attr(data-show);padding:4px 10px;background:var(--linkB);color:#fffdfc;font-size:12px;border-radius:var(--buttonR);cursor:pointer} details.sp[open] summary::after{content:attr(data-hide)} details.toc a:hover{text-decoration:underline} details.toc a{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:inherit} details.toc ol, details.toc ul{padding:0 20px; list-style-type:decimal} details.toc li ol, details.toc li ul{margin:5px 0 10px; list-style-type:lower-alpha} /* Accordion */ .showH{margin:1.7em 0;font-size:.93rem;font-family:var(--fontB);line-height:1.7em} details.ac{padding:18px 15px;background:var(--contentB);box-shadow:0 5px 35px rgba(0,0,0,.07);margin:20px 0;border-radius:10px} details.ac summary{font-weight:700;cursor:default; display:flex;align-items:baseline; transition:var(--trans-1);cursor:pointer} details.ac summary::before{content:'\203A'; flex:0 0 25px;display:flex;align-items:center;justify-content:flex-start;padding:0 5px; font-weight:400;font-size:1.33rem;color:inherit} details.ac[open] summary{color:var(--linkC)} details.ac:not(.alt)[open] summary::before{transform:rotate(90deg);padding:0 0 0 5px;justify-content:center} details.ac.alt summary::before{content:'\002B'; padding:0 2px} details.ac.alt[open] summary::before{content:'\2212'} details.ac .aC{padding:0 15px;opacity:.9} .drK details.sp, .drK details.ac{background:var(--darkBs)} .drK details.sp summary::after{background:var(--darkU)} /* Tabs */ .tbHd{display:flex; border-bottom:1px solid var(--contentL);margin-bottom:30px;font-size:14px;font-family:var(--fontB);line-height:1.6em; overflow-x:scroll;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory; -ms-overflow-style:none;-webkit-overflow-scrolling:touch} .tbHd >*{padding:12px 15px; border-bottom:1px solid transparent; transition:var(--trans-1);opacity:.6;white-space:nowrap; scroll-snap-align:start} .tbHd >*::before{content:attr(data-text)} .tbCn >*{display:none;width:100%} .tbCn >* p:first-child{margin-top:0} .pS input[id*="1"]:checked ~ .tbHd label[for*="1"], .pS input[id*="2"]:checked ~ .tbHd label[for*="2"], .pS input[id*="3"]:checked ~ .tbHd label[for*="3"], .pS input[id*="4"]:checked ~ .tbHd label[for*="4"]{border-color:var(--linkB);opacity:1} .pS input[id*="1"]:checked ~ .tbCn div[class*="Text-1"], .pS input[id*="2"]:checked ~ .tbCn div[class*="Text-2"], .pS input[id*="3"]:checked ~ .tbCn div[class*="Text-3"], .pS input[id*="4"]:checked ~ .tbCn div[class*="Text-4"]{display:block} .tbHd.stick{position:-webkit-sticky;position:sticky;top:var(--headerH);background:var(--bodyB)} /* Split */ .ps .blogPg{font-size:13px; justify-content:center; position:relative;width:calc(100% + 8px);left:-4px;right:-4px} .ps .blogPg >*{padding:8px 15px;margin:0 4px 8px} /* Button */ .button{display:inline-flex;align-items:center; margin:10px 0;padding:12px 15px;outline:0;border:0; border-radius:var(--buttonR);line-height:20px; color:#fffdfc; background:var(--linkB); font-size:14px;font-family:var(--fontB); white-space:nowrap;overflow:hidden;max-width:320px} .button.ln{color:inherit;background:transparent; border:1px solid var(--bodyCa)} .button.ln:hover{border-color:var(--linkB);box-shadow:0 0 0 1px var(--linkB) inset} .btnF{display:flex;justify-content:center; margin:10px 0;width:calc(100% + 12px);left:-6px;right:-6px;position:relative} .btnF >*{margin:0 6px} /* Download btn */ .dlBox{max-width:500px;background:#f1f1f0;border-radius:10px;padding:12px;margin:1.7em 0; display:flex;align-items:center; font-size:14px} .dlBox .fT{flex-shrink:0;display:flex;align-items:center;justify-content:center; width:45px;height:45px; padding:10px; background:rgba(0,0,0,.1);border-radius:var(--buttonR)} .dlBox .fT::before{content:attr(data-text);opacity:.7} .dlBox .fT.lazy{background-size:cover;background-position:center;background-repeat:no-repeat} .dlBox .fT.lazy::before{display:none} .dlBox a{flex-shrink:0;margin:0;padding:10px 12px;border-radius:var(--buttonR);font-size:13px} .dlBox a::after{content:attr(aria-label)} .dlBox .fN{flex-grow:1; width:calc(100% - 200px);padding:0 15px} .dlBox .fN >*{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .dlBox .fS{line-height:16px;font-size:12px;opacity:.8} .dldCo{display:flex;align-items:center;justify-content:center;max-width:480px;background:rgba(0,0,0,.03);border-radius:10px;margin:30px 0;transition:margin .6s ease;-webkit-transition:margin .6s ease} .dldCo::before{content:'Generating Download Link...';position:absolute;z-index:1;font-size:13px;font-family:var(--fontB);opacity:.8} .dldBx{visibility:hidden;opacity:0;transition:opacity .3s ease;-webkit-transition:opacity .3s ease} .dldSl{visibility:hidden;opacity:0;transition:opacity .3s ease,bottom .6s ease;-webkit-transition:opacity .3s ease,bottom .6s ease} .drK .dldCo{background:var(--darkBa)} /* Icon btn */ .icon{flex-shrink:0;display:inline-flex} .icon::before{content:'';width:18px;height:18px;background-size:18px;background-repeat:no-repeat;background-position:center} .icon::after{content:'';padding:0 6px} .icon.dl::before, .drK .button.ln .icon.dl::before{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fefefe' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'><polyline points='8 17 12 21 16 17'/><line x1='12' y1='12' x2='12' y2='21'/><path d='M20.88 18.09A5 5 0 0 0 18 9h-1.26A8 8 0 1 0 3 16.29'/></svg>")} .icon.demo::before{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fefefe' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'><path d='M7.39999 6.32003L15.89 3.49003C19.7 2.22003 21.77 4.30003 20.51 8.11003L17.68 16.6C15.78 22.31 12.66 22.31 10.76 16.6L9.91999 14.08L7.39999 13.24C1.68999 11.34 1.68999 8.23003 7.39999 6.32003Z'/><path d='M10.11 13.6501L13.69 10.0601'/></svg>")} .button.ln .icon.dl::before{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2308102b' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'><polyline points='8 17 12 21 16 17'/><line x1='12' y1='12' x2='12' y2='21'/><path d='M20.88 18.09A5 5 0 0 0 18 9h-1.26A8 8 0 1 0 3 16.29'/></svg>")} /* Article Style Responsive */ @media screen and (max-width: 640px){.pS img.full{width:calc(100% + 40px);left:-20px;right:-20px; border-radius:0} .note{font-size:13px} .scImg{flex-wrap:nowrap;justify-content:flex-start;position:relative;width:calc(100% + 40px);left:-20px;right:-20px;padding:0 13px; overflow-y:hidden;overflow-x:scroll;scroll-behavior:smooth;scroll-snap-type:x mandatory; -ms-overflow-style:none;-webkit-overflow-scrolling:touch} .scImg >*{flex:0 0 80%;scroll-snap-align:center} .ps .table{position:relative; width:calc(100% + 40px);left:-20px;right:-20px;padding:0 20px; display:flex}} @media screen and (max-width:500px){.hdImg{width:100%;left:0;right:0} .hdImg >*, .shImg >*{width:100%;margin:0 0 16px} .ps .tr-caption, .psCaption, figcaption{font-size:13px} .btnF >*{flex-grow:1;justify-content:center}.btnF >*:first-child{flex:0 0 auto} .dlBox a{width:42px;height:42px;justify-content:center} .dlBox a::after, .dlBox .icon::after{display:none}} /* Author profile */ .admAbt{padding-top:30px} .admPs{display:flex; max-width:480px;margin:30px 0; padding:12px 12px 15px; background:var(--contentB);border-radius:8px; box-shadow:0 10px 25px -3px rgba(0,0,0,.1)} .admIm{flex-shrink:0; padding:5px 0 0} .admIm .im{width:34px;height:34px} .admI{flex-grow:1; width:calc(100% - 34px);padding:0 12px} .admN::before{content:attr(data-write) ' '; opacity:.7;font-size:90%} .admN::after{content:attr(data-text)} .admA{margin:5px 0 0; font-size:90%; opacity:.9;line-height:1.5em; /*display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden*/} /* Share btn */ .pSh{margin:15px 0;padding:18px 0;border-bottom:1px solid rgba(0,0,0,.05)} .pShc{display:flex;align-items:center;flex-wrap:wrap; position:relative;width:calc(100% + 18px);left:-9px;right:-9px;font-size:13px} .pShc::before{content:attr(data-text);margin:0 9px;flex-shrink:0} .pShc >*{margin:0 5px; display:flex;align-items:center; color:inherit;padding:12px;border-radius:var(--buttonR);background:#f1f1f0} .pShc .c{color:#fffdfc} .pShc .c svg{fill:#fffdfc} .pShc .c::after{content:attr(aria-label)} .pShc .fb{background:#1778F2} .pShc .wa{background:#128C7E} .pShc .tw{background:#1DA1F2} .pShc a::after{content:attr(data-text);margin:0 3px} .pShc svg, .cpL svg{width:18px;height:18px; margin:0 3px} .shL{position:relative;width:calc(100% + 20px);left:-10px;right:-10px;margin-bottom:20px;display:flex;flex-wrap:wrap;justify-content:center} .shL >*{margin:0 10px 20px;text-align:center} .shL >*::after{content:attr(data-text);font-size:90%;opacity:.7;display:block} .shL a{display:flex;align-items:center;justify-content:center;flex-wrap:wrap; width:65px;height:65px; color:inherit;margin:0 auto 5px;padding:8px;border-radius:26px;background:#f1f1f0} .shL svg{opacity:.8} .cpL{padding-bottom:15px} .cpL::before{content:attr(data-text);display:block;margin:0 0 15px;opacity:.8} .cpL svg{margin:0 4px;opacity:.7} .cpL input{border:0;outline:0; background:transparent;color:rgba(8,16,43,.4); padding:18px 8px;flex-grow:1} .cpL label{color:var(--linkC);display:flex;align-items:center;align-self:stretch; flex-shrink:0;padding:0 8px} .cpLb{display:flex;align-items:center;position:relative;background:#f1f1f0;border-radius:4px 4px 0 0;border-bottom:1px solid rgba(0,0,0,.25); padding:0 8px} .cpLb:hover{border-color:rgba(0,0,0,.42);background:#ececec} .cpLn span{display:block;padding:5px 14px 0;font-size:90%;color:#2e7b32; transition:var(--trans-1);animation:fadein 2s ease forwards; opacity:0;height:22px} /* Label Hashtags */ .lbHt{position:relative;display:block;width:calc(100% + 40px);right:-20px;left:-20px;padding:8px 17px 20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .lbHt >*{color:var(--bodyC);padding:9px 12px;background:var(--contentB);font-family:var(--fontVa);font-size:13px;border-radius:var(--greetR);box-shadow:3px 6px 15px rgba(0,0,0,.07);display:inline-flex;margin:0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.8} .drK .lbHt >*{background:var(--darkBa);color:var(--darkT)} .Rtl .lbHt{text-align:right} .Rtl .lbHt{margin-right:0;margin-left:5px} /* Widget Style */ .widget .imgThm{display:block;position:absolute;top:50%;left:50%;max-width:none;max-height:108%; font-size:12px;text-align:center; transform:translate(-50%, -50%)} .widget .title{margin:0 0 25px; font-size:var(--widgetT);font-weight:var(--widgetTw);position:relative} .widget .title.dt::before{position:absolute;top:0;right:0;content:'';width:20px;height:20px;display:inline-block;opacity:.3;background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 276.167 276.167' fill='%23989b9f'><path d='M33.144,2.471C15.336,2.471,0.85,16.958,0.85,34.765s14.48,32.293,32.294,32.293s32.294-14.486,32.294-32.293 S50.951,2.471,33.144,2.471z'/><path d='M137.663,2.471c-17.807,0-32.294,14.487-32.294,32.294s14.487,32.293,32.294,32.293c17.808,0,32.297-14.486,32.297-32.293 S155.477,2.471,137.663,2.471z'/><path d='M243.873,67.059c17.804,0,32.294-14.486,32.294-32.293S261.689,2.471,243.873,2.471s-32.294,14.487-32.294,32.294 S226.068,67.059,243.873,67.059z'/><path d='M243.038,170.539c17.811,0,32.294-14.483,32.294-32.293c0-17.811-14.483-32.297-32.294-32.297 s-32.306,14.486-32.306,32.297C210.732,156.056,225.222,170.539,243.038,170.539z'/><path d='M136.819,170.539c17.804,0,32.294-14.483,32.294-32.293c0-17.811-14.478-32.297-32.294-32.297 c-17.813,0-32.294,14.486-32.294,32.297C104.525,156.056,119.012,170.539,136.819,170.539z'/><path d='M243.771,209.108c-17.804,0-32.294,14.483-32.294,32.294c0,17.804,14.49,32.293,32.294,32.293 c17.811,0,32.294-14.482,32.294-32.293S261.575,209.108,243.771,209.108z'/></svg>") center / 20px no-repeat} .Rtl .widget .title::before{right:auto;left:0;transform:rotate(-90deg);-webkit-transform:rotate(-90deg)} .widget .title::after{content:'';display:inline-block;vertical-align:middle; width:var(--widgetTa); margin:0 10px;border-bottom:1px solid var(--widgetTac); opacity:.5} .widget input[type=text], .widget input[type=email], .widget textarea{display:block;width:100%;outline:0;border:0;border-bottom:1px solid rgba(0,0,0,.25);border-radius:4px 4px 0 0;background:#f3f3f4; padding:25px 16px 8px 16px; line-height:1.6em; transition:var(--trans-1)} .widget input[type=text]:hover, .widget input[type=email]:hover, .widget textarea:hover{border-color:rgba(0,0,0,.42);background:#ececec} .widget input[type=text]:focus, .widget input[type=email]:focus, .widget textarea:focus, .widget input[data-text=fl], .widget textarea[data-text=fl]{border-color:var(--linkB);background:#ececec} .widget input[type=button], .widget input[type=submit]{display:inline-flex;align-items:center; padding:12px 30px; outline:0;border:0;border-radius:4px; color:#fffdfc; background:var(--linkB); font-size:14px; white-space:nowrap;overflow:hidden;max-width:100%} .widget input[type=button]:hover, .widget input[type=submit]:hover{opacity:.7} /* Widget BlogSearch */ .BlogSearch{position:fixed;top:0;left:0;right:0;z-index:12} .BlogSearch form{position:relative;min-width:320px} .BlogSearch input{position:relative;display:block;background:var(--srchB);border:0;outline:0;margin-top:-100%;padding:10px 55px;width:100%;height:72px;transition:var(--trans-1);z-index:2;border-radius:0 0 var(--srchMr) var(--srchMr)} .BlogSearch input:focus{margin-top:0;box-shadow:0 10px 40px rgba(0,0,0,.2)} .BlogSearch input:focus ~ button.sb{opacity:.9} .BlogSearch .sb{position:absolute;left:0;top:0;display:flex;align-items:center;padding:0 20px;z-index:3;opacity:.7;height:100%;background:transparent;border:0;outline:0} .BlogSearch .sb svg{width:18px;height:18px;stroke:var(--srchI)} .BlogSearch button.sb{left:auto;right:0;opacity:0;font-size:13px} .BlogSearch button.sb::before{content:'\2715'} @media screen and (min-width:897px){header .BlogSearch{position:static;z-index:1} header .BlogSearch input{margin-top:0;padding:12px 42px;height:auto;font-size:13px;border-radius:var(--srchDr);background:rgba(0,0,0,.03); width:calc(100% + 26px);left:-13px;right:-13px;transition:var(--trans-2)} header .BlogSearch input:hover{background:var(--transB)} header .BlogSearch input:focus{box-shadow:none;margin-top:0; background:var(--transB)} header .BlogSearch .sb{padding:0} header .BlogSearch .fCls{display:none}} /* Widget Profile */ .prfI:checked ~ .mainWrp .wPrf{top:0;opacity:1;visibility:visible} .prfI:checked ~ .mainWrp .wPrf ~ .fCls{z-index:3;opacity:1;visibility:visible} .wPrf{display:flex;position:absolute;top:-5px;right:0;background:var(--contentB);border-radius:16px 5px 16px 16px;width:260px;max-height:400px;box-shadow:0 10px 25px -3px rgba(0,0,0,.1);transition:var(--trans-1);z-index:4;opacity:0;visibility:hidden;overflow:hidden} .wPrf .prfS{background:inherit} .wPrf.tm .im{width:39px;height:39px;flex-shrink:0} .wPrf.sl .im{width:60px;height:60px;border-radius:26px;margin:0 auto} .wPrf.sl .prfC{text-align:center} .prfH .c{display:none} .prfL{display:flex;align-items:center;position:relative;width:calc(100% + 16px);left:-8px;right:-8px;border-radius:8px;padding:8px 0;transition:var(--trans-1)} .prfL::after{content:attr(data-text);margin:0 2px} .prfL >*{margin:0 8px;flex-shrink:0} a.prfL:hover{background:var(--transB)} .sInf{margin-bottom:0} .sInf .sDt .l{display:inline-flex;align-items:center} .sInf .sTxt{margin:5px auto 0;max-width:320px;font-size:93%;opacity:.9;line-height:1.5em} .sInf .sTxt a{text-decoration:underline} .sInf .lc{display:flex;justify-content:center;margin:10px 0 0;opacity:.8;font-size:90%} .sInf .lc svg{width:16px;height:16px} .sInf .lc::after{content:attr(data-text);margin:0 4px} /* Widget Scroll Menu */ .navS{background:var(--navB);overflow-y:hidden;overflow-x:scroll;scroll-behavior:smooth;scroll-snap-type:x mandatory; -ms-overflow-style:none;-webkit-overflow-scrolling:touch; display:flex;padding:0;border-radius:10px} .navS ul{display:flex;list-style:none;margin:0;padding:0;white-space:nowrap} .navS li{margin:0 15px;padding:10px 0;position:relative;scroll-snap-align:start} .navS li:first-child{margin-left:auto} .navS li:last-child{margin-right:auto} .navS .l{display:block;color:var(--bodyC);padding:8px 0} .navS .l::before{content:attr(data-text)} .navS .l::after{content:'';height:1px;border-radius:2px 2px 0 0;background:var(--linkC);position:absolute;bottom:0;left:0;right:0;opacity:0} .navS span.l{opacity:.7} .navS a.l:hover, .navS .l.a{color:var(--linkC)} @media screen and (max-width:896px){.navS .secIn{padding:0} .navS li{margin:0;padding:8px 0;display:flex} .navS li::before{content:'';padding:10px} .navS ul::after{content:'';display:block;padding:10px;scroll-snap-align:start} .navS .l{position:relative} .navS .l::after{bottom:-8px} .navS a.l:hover::after, .navS .l.a::after{opacity:1}} @media screen and (max-width:500px){.navS{font-size:13px}} .drK .navS{background:var(--darkBs)} .drK .navS .l{color:var(--darkC)} .drK .navS a.l:hover, .drK .navS .l.a{color:var(--darkU)} .drK .navS .l::after{background:var(--darkU)} /* Widget FeaturedPost */ @media screen and (min-width:501px){.FeaturedPost .itemFt{position:relative;overflow:hidden;padding:10px;background:var(--contentB);box-shadow:0 5px 35px rgba(0,0,0,.07);border-radius:10px} .drK .FeaturedPost .itemFt{background:var(--darkBa)} .FeaturedPost .itemFt::after{content:'';position: absolute;right:0;top:0;width:40px;height:15px;background:var(--linkB);border-radius:0 0 0 20px;opacity:.2}} .itemFt .itm >*{flex:0 0 310px;width:310px} .itemFt .itm >*:last-child{flex:1 0 calc(100% - 310px - 40px);width:calc(100% - 310px - 40px)} /* Widget PopularPosts */ .PopularPosts{padding:20px 20px 30px;background:var(--contentB);box-shadow:0 5px 35px rgba(0,0,0,.07);border-radius:10px} .itemPp{counter-reset:p-cnt} .itemPp .iCtnt{display:flex} .itemPp >*:not(:last-child){margin-bottom:25px} .itemPp .iCtnt::before{flex-shrink:0;content:'0' counter(p-cnt);counter-increment:p-cnt;width:25px;opacity:.6;font-size:85%;line-height:1.8em} .iInr{flex:1 0;width:calc(100% - 25px)} .iTtl{font-size:.95rem;font-weight:700;line-height:1.5em} .iTtmp{display:inline-flex} .iTtmp::after{content:'\2014';margin:0 5px; color:var(--widgetTac);opacity:.7} .iInf{margin:0 25px 8px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .iInf .pLbls{display:inline;opacity:.8} /* Widget Label */ /* List Label */ .Label{padding:20px;background:var(--contentB);box-shadow:0 5px 35px rgba(0,0,0,.07);border-radius:10px} .wL ul{display:flex;flex-wrap:wrap; list-style:none;margin:0;padding:0; position:relative;width:calc(100% + 30px);left:-15px;right:-15px; font-size:13px} .wL li{width:calc(50% - 10px); margin:0 5px} .wL li >*{display:flex;align-items:baseline;justify-content:space-between; color:var(--bodyC);width:100%; padding:8px 10px;border-radius:4px;line-height:20px} .wL li >* svg{width:18px;height:18px;opacity:.8} .wL li >*:hover svg, .wL li >div svg{/*fill:var(--linkC) !important;*/stroke:var(--linkC)} .wL li >*:hover .lbC, .wL li >div .lbC{color:var(--linkC)} .wL .lbR{display:inline-flex;align-items:center} .wL .lbR .lbC{margin:0 5px} .wL .lbAl{max-height:0; overflow:hidden; transition:var(--trans-4)} .wL .lbM{display:inline-block; margin-top:10px;line-height:20px; color:var(--linkC);cursor:pointer} .wL .lbM::before{content:attr(data-show)} .wL .lbM::after, .wL .lbC::after{content:attr(data-text)} .wL .lbM::after{margin:0 8px} .wL .lbT{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.7} .wL .lbC, .wL .lbM::after{flex-shrink:0;font-size:12px;opacity:.7} .lbIn:checked ~ .lbAl{max-height:1000vh} .lbIn:checked ~ .lbM::before{content:attr(data-hide)} .lbIn:checked ~ .lbM::after{visibility:hidden} .wL.bg ul{width:calc(100% + 10px);left:-5px;right:-5px} .wL.bg li{margin-bottom:10px} .wL.bg li >*{background:#f6f6f6} /* Cloud Label */ .wL.cl{display:flex;flex-wrap:wrap} .wL.cl >*, .wL.cl .lbAl >*{display:block;max-width:100%} .wL.cl .lbAl{display:flex;flex-wrap:wrap} .wL.cl .lbC::before{content:'';margin:0 4px;flex:0 0} .wL.cl .lbN{display:flex;justify-content:space-between; margin:0 0 8px;padding:9px 13px; border:1px solid var(--contentL);border-radius:3px; color:inherit;line-height:20px} .wL.cl .lbN:hover .lbC, .wL.cl div.lbN .lbC{color:var(--linkB); opacity:1} .wL.cl .lbN:not(div):hover, .wL.cl div.lbN{border-color:var(--linkB)} .wL.cl .lbSz{display:flex} .wL.cl .lbSz::after{content:'';margin:0 4px;flex:0 0} /* Widget ContactForm */ .ContactForm{max-width:500px; font-family:var(--fontB);font-size:14px} .cArea:not(:last-child){margin-bottom:25px} .cArea label{display:block;position:relative} .cArea label .n{display:block;position:absolute;left:0;right:0;top:0; color:rgba(8,16,43,.4);line-height:1.6em;padding:15px 16px 0;border-radius:4px 4px 0 0;transition:var(--trans-1)} .cArea label .n.req::after{content:'*';font-size:85%} .cArea textarea{height:100px} .cArea textarea:focus, .cArea textarea[data-text=fl]{height:200px} .cArea input:focus ~ .n, .cArea textarea:focus ~ .n, .cArea input[data-text=fl] ~ .n, .cArea textarea[data-text=fl] ~ .n{padding-top:5px;color:rgba(8,16,43,.7);font-size:90%;background:#ececec} .cArea .h{display:block;font-size:90%;padding:5px 16px 0;opacity:.7;line-height:normal} .nArea .contact-form-error-message-with-border{color:#d32f2f} .nArea .contact-form-success-message-with-border{color:#2e7b32} .tNtf img.contact-form-cross{display:none} /* Widget Sliders */ .sldO{position:relative;display:flex;overflow-y:hidden;overflow-x:scroll; scroll-behavior:smooth;scroll-snap-type:x mandatory;list-style:none;margin:0;padding:0;border-radius:5px; -ms-overflow-style: none} .sldO.no-items{display:none} .sldO.no-items + .section{margin-top:0} .sldO .widget:not(:first-child){margin-top:0} .sldO .widget{position:relative;flex:0 0 100%;width:100%;background:transparent; outline:0;border:0} .sldC{position:relative} .sldS{position:absolute;top:0;left:0;width:100%;height:100%;scroll-snap-align:center;z-index:-1} .sldIm{background-repeat:no-repeat;background-size:cover;background-position:center;background-color:var(--transB);display:block;padding-top:40%;border-radius:5px;color:#fffdfc;font-size:13px} .sldT{position:absolute;bottom:0;left:0;right:0;display:block;padding:20px; background:linear-gradient(0deg, rgba(30,30,30,.1) 0%, rgba(30,30,30,.05) 60%, rgba(30,30,30,0) 100%); border-radius:0 0 3px 3px} .sldS{animation-name:tonext, snap;animation-timing-function:ease;animation-duration:4s;animation-iteration-count:infinite} .sldO .widget:last-child .sldS{animation-name:tostart, snap} .Rtl .sldS{animation-name:tonext-rev, snap} .Rtl .sldO .widget:last-child .sldS{animation-name:tostart-rev, snap} .sldO:hover .widget .sldS, .Rtl .sldO:hover .widget .sldS, .sldO:focus-within .widget .sldS, .Rtl .sldO:focus-within .widget .sldS{animation-name:none} @media (prefers-reduced-motion:reduce){.sldS, .Rtl .sldS{animation-name:none}} @media screen and (max-width:640px){.sldO{width:calc(100% + 40px);left:-20px;right:-20px;padding:0 12.5px 10px;border-radius:0} .sldO .widget{flex:0 0 90%;width:90%;margin:0 7.5px; box-shadow:0 10px 8px -8px rgb(0 0 0 / 12%)} .sldT{padding:10px 15px} .sldIm{font-size:12px}} /* Widget Music Player */ #musicPlayer{position:relative;direction:ltr;width:100%;min-height:200px;max-width:480px;margin:20px 0;background:rgba(0,0,0,.03);border-radius:20px;display:flex;align-items:center;justify-content:center} #musicPlayer::before{content:'Loading Tracks...';position:absolute;color:inherit;font-size:13px;font-family:var(--fontB);opacity:.8} .drK #musicPlayer{background:var(--darkBs)} /* Pop-up */ .fxPu{position:fixed;top:-50%;bottom:-50%;top:-50%;left:-50%;right:-50%;z-index:70;background:rgba(0,0,0,.4);visibility:hidden;opacity:0;transition:all .6s ease;-webkit-transition:all .6s ease} .fxPu.visible{visibility:visible;opacity:1} .fxPuW{position:fixed;top:0;bottom:0;top:0;left:0;right:0;z-index:71;padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center} .fxPuC{position:relative;background:#fffdfc;width:100%;max-width:500px;padding:20px 25px 25px;border-radius:20px} .fxPuCl::after{content:'\2715';line-height:16px;font-size:12px;color:#fffdfc;position:absolute;top:-15px;right:15px;background:var(--linkC);display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;transition:var(--trans-1);-webkit-transition:var(--trans-1);cursor:pointer} .fxPuCl:hover::after{transform:scale(1.03);-webkit-transform:scale(1.03)} .fxPuS{display:block;text-align:center;margin-bottom:5px} .fxPuS svg.line{stroke-width:1;width:50px;height:50px} .fxPuH{font-size:1.2rem;font-weight:700;font-family:var(--fontBa);margin-bottom:10px;text-align:center} .fxPuD{line-height:1.7em;font-size:15px} .fxPuB{text-align:center;margin-top:20px} .fxPuB .btn{width:45px;height:45px;outline:none;border:none;display:inline-flex;align-items:center;justify-content:center;background:var(--linkC);border-radius:50%} .fxPuB .btn:hover{opacity:.8} .fxPuB .btn svg{stroke:#fffdfc} .drK .fxPuC{background:var(--darkBs)} .drK .fxPuCl::after, .drK .fxPuB .btn{background:var(--darkU)} /* Toast Notif */ .tNtf span{position:fixed;left:24px;bottom:-70px;display:inline-flex;align-items:center;text-align:center;justify-content:center;z-index:997;background:#323232;color:rgba(255,255,255,.8);font-size:14px;font-family:var(--fontB);border-radius:3px;padding:13px 24px;box-shadow:0 5px 35px rgba(149,157,165,.3);opacity:0;transition:var(--trans-1);animation:slidein 5s ease forwards;-webkit-animation:slidein 5s ease forwards} .tNtf span i{content:''; width:14px;height:14px; display:inline-block;margin:0 5px;opacity:.8} .tNtf span i.check{background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M22 11.08V12a10 10 0 1 1-5.93-9.14'/><polyline points='22 4 12 14.01 9 11.01'/></svg>") center / 14px no-repeat} .tNtf span i.warn{background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><g transform='translate(2.500000, 3.000000)'><path d='M9.5,18 C3.00557739,18 0.456662548,17.5386801 0.0435259337,15.2033146 C-0.36961068,12.8679491 2.27382642,8.47741935 3.08841712,7.02846996 C5.81256986,2.18407813 7.66371927,0 9.5,0 C11.3362807,0 13.1874301,2.18407813 15.9115829,7.02846996 C16.7261736,8.47741935 19.3696107,12.8679491 18.9564741,15.2033146 C18.5443995,17.5386801 15.9944226,18 9.5,18 Z'/><line x1='9.5' y1='5.5' x2='9.5' y2='9.395'/><line x1='9.4957' y1='12.895' x2='9.5047' y2='12.895'/></g></svg>") center / 14px no-repeat} .tNtf span i.copy{background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='9' y='9' width='13' height='13' rx='2' ry='2'/><path d='M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1'/></svg>") center / 14px no-repeat} .tNtf span i.clipboard{background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M16 4h2a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h2'/><rect x='8' y='2' width='8' height='4' rx='1' ry='1'/></svg>") center / 14px no-repeat} .tNtf span i.onCloud{background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M18 10h-1.26A8 8 0 1 0 9 20h9a5 5 0 0 0 0-10z'/></svg>") center / 14px no-repeat} .tNtf span i.offCloud{background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M22.61 16.95A5 5 0 0 0 18 10h-1.26a8 8 0 0 0-7.05-6M5 5a8 8 0 0 0 4 15h9a5 5 0 0 0 1.7-.3'/><line x1='1' y1='1' x2='23' y2='23'/></svg>") center / 14px no-repeat} .tNtf span i.onWifi{background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12.55a11 11 0 0 1 14.08 0'/><path d='M1.42 9a16 16 0 0 1 21.16 0'/><path d='M8.53 16.11a6 6 0 0 1 6.95 0'/><line x1='12' y1='20' x2='12.01' y2='20'/></svg>") center / 14px no-repeat} .tNtf span i.offWifi{background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><line x1='1' y1='1' x2='23' y2='23'/><path d='M16.72 11.06A10.94 10.94 0 0 1 19 12.55'/><path d='M5 12.55a10.94 10.94 0 0 1 5.17-2.39'/><path d='M10.71 5.05A16 16 0 0 1 22.58 9'/><path d='M1.42 9a15.91 15.91 0 0 1 4.7-2.88'/><path d='M8.53 16.11a6 6 0 0 1 6.95 0'/><line x1='12' y1='20' x2='12.01' y2='20'/></svg>") center / 14px no-repeat} .tNtf span i.del{background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><g transform='translate(3.500000, 2.000000)'><path d='M15.3891429,7.55409524 C15.3891429,15.5731429 16.5434286,19.1979048 8.77961905,19.1979048 C1.01485714,19.1979048 2.19295238,15.5731429 2.19295238,7.55409524'/><line x1='16.8651429' y1='4.47980952' x2='0.714666667' y2='4.47980952'/><path d='M12.2148571,4.47980952 C12.2148571,4.47980952 12.7434286,0.714095238 8.78914286,0.714095238 C4.83580952,0.714095238 5.36438095,4.47980952 5.36438095,4.47980952'/></g></svg>") center / 14px no-repeat} .Rtl .tNtf span{left:auto;right:24px} @media screen and (max-width:896px){.tNtf span{margin-bottom:50px}} @media screen and (max-width:500px){.tNtf span{left:20px;right:20px;font-size:13px} .tNtf.alt span, .Rtl .tNtf.alt span{left:0;right:0;margin-bottom:-25px;justify-content:left;text-align:left;font-size:15px;padding:15px 24px;border-radius:0} .Rtl .tNtf.alt span{justify-content:right;text-align:right} .Rtl .tNtf span{left:20px;right:20px}} .drK .tNtf span{box-shadow:0 10px 40px rgba(0,0,0,.2)} .MN-4 .tNtf span{margin-bottom:0;animation-duration:2s;-webkit-animation-duration:2s} /* Neon Lighting */ .nLght::before, .nLght::after{content:'';position:fixed;width:100%;bottom:0;left:0;right:0;height:3px;z-index:55;background:linear-gradient(-45deg, #4086F4, #31A952, #FBBE01, #EB4132,#4086F4, #31A952, #FBBE01, #EB4132);background-size:200%;-webkit-animation:animeNeon 5s linear infinite;animation:animeNeon 5s linear infinite;visibility:none;opacity:0;transition:all 1s ease} .nLght::after{height:10px;filter:blur(10px)} .nLght.vsbl::before, .nLght.vsbl::after{visibility:visible;opacity:.7} @-webkit-keyframes animeNeon{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}} @keyframes animeNeon{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}} /* Maintenance Mode */ .mtm{position:fixed;left:0;right:0;top:-35%;bottom:-35%;display:flex;align-items:center;justify-content:center;background:var(--bodyB);transition:all .5s ease;-webkit-transition:all .5s ease;visibility:visible;opacity:1;z-index:499} .mtm.hdn{visibility:hidden;opacity:0} .mtmC{max-width:450px;padding:20px;text-align:center} .mtmH{font-weight:700;font-size:1.5rem;font-family:var(--fontBa);margin-bottom:10px} .mtmD{margin-bottom:10px} .mtm .clock{width:100%;font-size:25px;text-align:center;font-family:var(--fontBa);font-weight:400;position:relative;left:0;right:0} .mtm .tBox{width:65px;height:65px;margin:3px;padding-top:8px;background-color:#f4efff;border-radius:20px;display:inline-block} .mtm .unit{display:block;font-size:10px;margin:auto;font-family:var(--fontB);opacity:0.8} .drK .mtm{background:var(--darkB)} .drK .mtm .tBox{background:var(--darkBa)} /* Sticky Ad */ .ancrA{position:fixed;bottom:0;left:0;right:0;max-height:200px;padding:5px;box-shadow:0 -6px 18px 0 rgba(9,32,76,.1); transition:var(--trans-1);display:flex;align-items:center;justify-content:center;background:#fffdfc;z-index:50;border-top:1px solid var(--contentL)} .ancrC{width:40px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:12px 0 0;border:1px solid var(--contentL);border-bottom:0;border-right:0;position:absolute;right:0;top:-30px;background:inherit} .ancrC svg{width:18px;height:18px;fill:none!important;stroke:var(--iconC);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.4} .ancrCn{flex-grow:1;overflow:hidden;display:block;position:relative} .ancrI:checked ~ .ancrA{padding:0;min-height:0} .ancrI:checked ~ .ancrA .ancrCn{display:none} .ancrI:checked ~ .ancrA .ancrC svg{-webkit-transform:rotate(180deg);transform:rotate(180deg)} /* Error Page */ .erroP{display:flex;align-items:center;justify-content:center;height:100vh;text-align:center;padding:0} .erroC{width:calc(100% - 40px);max-width:450px;margin:auto;font-family:var(--fontBa)} .erroC h3{font-size:1.414rem;font-family:inherit} .erroC h3 span:not(.e){position:relative} .erroC h3 span.e{display:block;font-size:140px;line-height:.8;margin-bottom:-1rem;color:#ebebf0} .erroC h3 span.e{animation:glitch 1s linear infinite} .erroC h3 span.e::before, .erroC h3 span.e::after{content:attr(title);position:absolute;left:0;right:0} .erroC h3 span.e::before{animation:glitchTop 1s linear infinite;clip-path:polygon(0 0, 100% 0, 100% 33%, 0 33%);-webkit-clip-path:polygon(0 0, 100% 0, 100% 33%, 0 33%)} .erroC h3 span.e::after{animation:glitchBotom 1.5s linear infinite;clip-path:polygon(0 67%, 100% 67%, 100% 100%, 0 100%);-webkit-clip-path:polygon(0 67%, 100% 67%, 100% 100%, 0 100%)} .erroC p{margin:30px 5%;line-height:1.6em;opacity:.7} .erroC .button{margin:0;padding-left:2em;padding-right:2em;font-size:14px} /* Extra */ .iFxd.bl{top:auto;bottom:0;right:auto;left:0} .aNm.t{background:rgba(255,255,255,.8);padding:6px} .aNm.t .im{width:16px;height:16px;margin-right:4px} .aNm.t .nm{font-size:13px;color:var(--bodyC)} .aNm.t svg{width:13px;height:13px;fill:#1DA1F2;margin-left:4px} .Rtl .iFxd.bl{top:auto;bottom:0;right:0;left:auto} .Rtl .aNm.t .im{margin-left:4px;margin-right:0} .Rtl .aNm.t svg{margin-left:0;margin-right:4px} .onIndx .blogPts .ntry, .PopularPosts, .widget.Label, .footer{position:relative;overflow:hidden} .onIndx .blogPts .ntry::before, .itemFt .iCtnt::before, .PopularPosts::before, .widget.Label::before, .footer::before{content:'';width:70px;height:70px;position:absolute;z-index:0;background:rgba(0,0,0,.04);bottom:0;left:0;border-radius:0 70px 0 0} .onIndx.Rtl .blogPts .ntry::before, .Rtl .itemFt .iCtnt::before, .Rtl .PopularPosts::before, .Rtl .widget.Label::before, .Rtl .footer::before{border-radius:70px 0 0 0;bottom:0;left:unset;right:0} @media screen and (min-width:501px){.itemFt .iCtnt::before{display:none}} .pTtmp[data-type]{display:inline-flex;align-items:center} .pTtmp[data-type]::before{content:attr(data-type);display:inline;background:var(--linkB);color:#fff;font-size:10px;line-height:.6rem;padding:3px;border-radius:2px;margin-right:4px} .drK .pTtmp[data-type]::before{background:var(--darkU)} .pTtmp[data-type]::after{display:inline} .Rtl .pTtmp[data-type]::before{margin-left:4px;margin-right:0} .Rtl .FeaturedPost .itemFt::after{left:0;right:unset;border-radius:0 0 20px 0} .Rtl .toTopB{right:unset;left:20px} .Rtl .mainWrp .headIc .tNav svg{transform:rotate(180deg);-webkit-transform:rotate(180deg)} /* Ads Loading Animation */ .adsbygoogle{background:transparent url("data:image/svg+xml, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' preserveAspectRatio='xMidYMid meet'><path fill='rgba(221,221,221,1)' opacity='.5' d='M12 2A10 10 0 1 0 22 12A10 10 0 0 0 12 2Zm0 18a8 8 0 1 1 8-8A8 8 0 0 1 12 20Z'></path><path fill='rgba(0,0,255,1)' d='M20 12h2A10 10 0 0 0 12 2V4A8 8 0 0 1 20 12Z'><animateTransform attributeName='transform' dur='.9s' from='0 12 12' repeatCount='indefinite' to='360 12 12' type='rotate'/></path></svg>") center / 26px no-repeat;background-size:45px 45px} /* Responsive */ @media screen and (min-width:897px){ /* mainIn */ .mainIn, .blogM{display:flex} .blogMn{width:var(--navW);flex-shrink:0;position:relative;transition:var(--trans-1);z-index:1} .blogCont{padding-top:30px} .blogCont::before{content:'';position:absolute;top:var(--headerHi);left:0;height:calc(100% + var(--headerH))} .blogCont{width:calc(100% - var(--navW))} .mnBrs{box-shadow:0 0 15px rgba(0,0,0,.07)} .blogCont .secIn{padding-left:25px;padding-right:25px} .mainbar{flex:1 0 calc(100% - var(--sideW) - 25px);width:calc(100% - var(--sideW) - 25px)} .sidebar{display:flex;flex:0 0 calc(var(--sideW) + 25px);width:calc(var(--sideW) + 25px); margin:0} .sidebar::before{content:'';flex:0 0 25px} .sidebar .sideIn{width:calc(100% - 25px)} /* mainNav */ .mnBr{position:sticky;position:-webkit-sticky;top:var(--headerH)} .mnBrs{display:flex;height:calc(100vh - var(--headerH));font-size:13px;position:relative} .mnBrs >*:not(.mnMob){width:100%} .mnMen{padding:20px;overflow-y:hidden;overflow-x:hidden} .mnMen:hover{overflow-y:scroll} .mnMob{position:fixed;width:var(--navW)} .mnH, .mobMn{display:none} .bD:not(.hdMn) .navI:checked ~ .mainWrp .blogMn, .bD:not(.hdMn) .navI:checked ~ .mainWrp .mnMob, .hdMn .navI:not(:checked) ~ .mainWrp .blogMn, .hdMn .navI:not(:checked) ~ .mainWrp .mnMob{width:75px} .bD:not(.hdMn) .navI:checked ~ .mainWrp .mnMn a:hover, .hdMn .navI:not(:checked) ~ .mainWrp .mnMn a:hover{opacity:1;color:inherit} .bD:not(.hdMn) .navI:checked ~ .mainWrp .mnMn .a, .hdMn .navI:not(:checked) ~ .mainWrp .mnMn .a{max-width:40px; border-radius:15px} .bD:not(.hdMn) .navI:checked ~ .mainWrp .mnMn .drp.mr, .bD:not(.hdMn) .navI:checked ~ .mainWrp .mnMn svg.d, .bD:not(.hdMn) .navI:checked ~ .mainWrp .mnMob .PageList, .bD:not(.hdMn) .navI:checked ~ .mainWrp .mnMob .mSoc, .hdMn .navI:not(:checked) ~ .mainWrp .mnMn .drp.mr, .hdMn .navI:not(:checked) ~ .mainWrp .mnMn svg.d, .hdMn .navI:not(:checked) ~ .mainWrp .mnMob .PageList, .hdMn .navI:not(:checked) ~ .mainWrp .mnMob .mSoc{display:none} .bD:not(.hdMn) .navI:checked ~ .mainWrp .mnMob .mNav, .hdMn .navI:not(:checked) ~ .mainWrp .mnMob .mNav{display:flex} .bD:not(.hdMn) .navI:checked ~ .mainWrp .mnMn >li.br::after, .hdMn .navI:not(:checked) ~ .mainWrp .mnMn >li.br::after{max-width:20px} .bD:not(.hdMn) .navI:checked ~ .mainWrp .mnMen, .bD:not(.hdMn) .navI:checked ~ .mainWrp .mnMen:hover, .hdMn .navI:not(:checked) ~ .mainWrp .mnMen, .hdMn .navI:not(:checked) ~ .mainWrp .mnMen:hover{overflow-y:visible;overflow-x:visible} .bD:not(.hdMn) .navI:checked ~ .mainWrp .mnMn .n, .bD:not(.hdMn) .navI:checked ~ .mainWrp .mnMn li:not(.mr) ul, .hdMn .navI:not(:checked) ~ .mainWrp .mnMn .n, .hdMn .navI:not(:checked) ~ .mainWrp .mnMn li:not(.mr) ul{position:absolute;left:35px;top:3px;margin:0 5px;padding:8px 10px;border-radius:5px 16px 16px 16px;max-width:160px;background:var(--contentB);color:var(--bodyC);opacity:0;visibility:hidden;box-shadow:0 5px 20px 0 rgba(0,0,0,.1);z-index:1} .bD:not(.hdMn) .navI:checked ~ .mainWrp .mnMn li:not(.mr) ul, .hdMn .navI:not(:checked) ~ .mainWrp .mnMn li:not(.mr) ul{padding:0 5px;margin:0;overflow:hidden;display:block} .bD:not(.hdMn) .navI:checked ~ .mainWrp .mnMn li:not(.mr):last-child ul, .hdMn .navI:not(:checked) ~ .mainWrp .mnMn li:not(.mr):last-child ul{top:auto;bottom:3px;border-radius:16px 16px 16px 5px} .bD:not(.hdMn) .navI:checked ~ .mainWrp .mnMn li:not(.drp) .a:hover .n, .bD:not(.hdMn) .navI:checked ~ .mainWrp .mnMn li:not(.mr):hover ul, .hdMn .navI:not(:checked) ~ .mainWrp .mnMn li:not(.drp) .a:hover .n, .hdMn .navI:not(:checked) ~ .mainWrp .mnMn li:not(.mr):hover ul{opacity:1;visibility:visible} .bD:not(.hdMn) .navI:checked ~ .mainWrp .mnMn ul li >*, .hdMn .navI:not(:checked) ~ .mainWrp .mnMn ul li >*{border-radius:0} /* Article */ .onIndx.onHm .blogPts >*{flex:0 0 calc(33.33% - 20px);width:calc(33.33% - 20px)} .onIndx.onMlt .blogPts >*{flex:0 0 calc(25% - 20px);width:calc(25% - 20px)} } @media screen and (min-width:768px){ ::-webkit-scrollbar{-webkit-appearance:none;width:8px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(0,0,0,.15);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.35)}::-webkit-scrollbar-thumb:active{background:rgba(0,0,0,.35)} } @media screen and (max-width:1600px){ /* Quick Edit */ .nBtm.qEdit .qeBtn{margin-bottom:85px} /* Back to Top */ .nBtm.toTopB{margin-bottom:80px} } @media screen and (max-width:1100px){ /* Article */ .onIndx.onHm .blogPts >*{flex:0 0 calc(50% - 20px);width:calc(50% - 20px)} .onIndx.onMlt .blogPts >*{flex:0 0 calc(33.33% - 20px);width:calc(33.33% - 20px)} /* Widget */ .itemFt .itm >*, .itemFt .itm >*:last-child{flex:0 0 calc(50% - 20px);width:calc(50% - 20px)} .itemFt .itm >*:last-child{flex-grow:1} .itemFt .pSnpt{display:none} /* Footer */ .fotIn >*, .fotIn >*:first-child{width:calc(50% - 30px)} } @media screen and (max-width:896px){ /* Header */ .ntfC{padding-left:20px;padding-right:20px} header, .drK header{box-shadow:none;border:none} header.stick{box-shadow:0 2px 8px 0 rgba(0,0,0,.07)} .drK:not(.HD-2) header.stick{border-bottom:1px solid rgba(255,255,255,.15);box-shadow:none} .HD-2 header{position: relative;padding:15px 15px 0} .HD-2 header.stick{box-shadow:none} .HD-2 .headCn{border-radius:var(--headerR);box-shadow: 0 5px 15px rgba(0,0,0,.07)} .drK.HD-2 .headCn{background:var(--darkBa)} .headL{padding:0 0 0 15px;flex-grow:1;width:50%} .headR{padding:0 20px 0 0;flex-grow:0} .headIc .isSrh{display:block} .headI .headS{margin:0} .bD:not(.hdMn) .navI:not(:checked) ~ .mainWrp .headIc .tNav .h1, .bD:not(.hdMn) .navI:checked ~ .mainWrp .headIc .tNav .h3 {opacity:1} .bD:not(.hdMn) .navI:not(:checked) ~ .mainWrp .headIc .tNav .h2, .bD:not(.hdMn) .navI:checked ~ .mainWrp .headIc .tNav .h1{opacity:0} /* mainNav */ .blogMn{display:flex;justify-content:flex-start;position:fixed;left:0;top:0;bottom:0;margin-left:-100%;z-index:20;transition:var(--trans-1);width:100%;height:100%} .flT .blogMn{left:15px;top:15px;bottom:15px;height:auto} .flT .mnBr{border-radius:20px;width:80%} .Rtl.flT .blogMn{left:auto;right:15px} .mnBr{width:85%;max-width:480px;height:100%;border-radius:0 12px 12px 0;transition:inherit;z-index:3;overflow:hidden;position:relative;box-shadow:0 5px 30px 0 rgba(0,0,0,.05)} .mnBrs{padding:60px 0 0;overflow-y:scroll;overflow-x:hidden;width:100%;height:100%} .mnH{padding:0 15px} .mnH label{padding:15px 10px} .mnH .c::after{margin:0 13px} .mnMen{padding-top:0} .navI:checked ~ .mainWrp .blogMn{margin-left:0} .navI:checked ~ .mainWrp .blogMn .fCls{opacity:1;visibility:visible;background:rgba(0,0,0,.2); -webkit-backdrop-filter:saturate(180%) blur(10px); backdrop-filter:saturate(180%) blur(10px)} /* Article */ .onIndx.onHm .blogPts >*{flex:0 0 calc(33.33% - 20px);width:calc(33.33% - 20px)} /* Widget */ .itemFt .pSnpt{display:-webkit-box} .bD:not(.MN-4) .mobMn:not(.no-items) + footer{padding-bottom:calc(55px + 20px)} .bD:not(.MN-4) .wvH{height:calc(100px + 60px)} /* Widget Scroll Menu */ .HD-2 .navS{box-shadow:0 0 25px rgba(0,0,0,.07)} /* Back To Top */ .bD:not(.MN-4) .toTopB{margin-bottom:55px} .bD:not(.MN-4) .nBtm.toTopB{margin-bottom:145px} .MN-4 .nBtm.toTopB{margin-bottom:80px} } @media screen and (max-width:768px){ /* Article */ .onIndx.onHm .blogPts >*, .onIndx.onMlt .blogPts >*{flex:0 0 calc(50% - 20px);width:calc(50% - 20px)} } @media screen and (max-width:640px){ /* Header */ .headCn{height:var(--headerHm)} /* Pop-up */ .fixL{align-items:flex-end} .fixL .fixLi, .fixL .cmBri{border-radius:12px 12px 0 0; max-width:680px} .fixL .cmBri:not(.mty){border-radius:0;height:100%;max-height:100%} /* Footer */ footer{padding-top:30px} } @media screen and (max-width:500px){ /* Font and Blog */ .iFxd, .crdtIn{font-size:12px} .brdCmb{font-size:13px} .pDesc{font-size:14px} .pEnt{font-size:var(--postFm)} .pTtl.itm{font-size:var(--postTm)} .pInf.ps .pTtmp::after{content:attr(data-time)} .pInf.ps .pDr{font-size:12px} .pInf .pNm, .pInf .pDr{display:flex;flex-direction:column} .pInf .pDr >*:not(:first-child)::before{display:none} /* Article */ .onIndx:not(.oneGrd) .blogPts{width:calc(100% + 10px);left:-5px;right:-5px} .onIndx:not(.oneGrd) .blogPts >*{padding:8px 8px 40px;flex:0 0 calc(50% - 10px);width:calc(50% - 10px);margin-left:5px;margin-right:5px;margin-bottom:10px} .onIndx:not(.oneGrd) .blogPts .pTag{padding-bottom:5px} .onIndx:not(.oneGrd) .blogPts div.ntry{flex:0 0 calc(100% - 10px)} .onIndx:not(.oneGrd) .pCntn{padding:0} .onIndx:not(.oneGrd) .ntry .pSml{font-size:12px} .onIndx:not(.oneGrd) .blogPts .pInf{bottom:10px;left:8px;right:8px} .onIndx:not(.oneGrd) .ntry .iFxd{font-size:10px} .onIndx:not(.oneGrd) .ntry .iFxd:not(.l) >*{margin-left:0} .Rtl.onIndx:not(.oneGrd) .ntry .iFxd:not(.l) >*{margin-left:5px;margin-right:0} .onIndx:not(.oneGrd) .ntry .iFxd:not(.l) >* svg{width:14px;height:14px;stroke-width:1.7} .onIndx:not(.oneGrd) .ntry .iFxd:not(.l) >* svg{margin:0 1.5px} .onIndx:not(.oneGrd) .ntry .iFxd.l .edit{padding:5px} .onIndx:not(.oneGrd) .ntry .iFxd.l >* svg{margin:0px} .onIndx:not(.oneGrd) .ntry .pTtl{font-size:.8rem;font-weight:600} .onIndx:not(.oneGrd) .ntry:not(.pTag) .pSnpt, .onIndx:not(.oneGrd) .ntry .pInf:not(.nSpr) .pJmp, .onIndx:not(.oneGrd) .ntry .iFxd .spnr, .onIndx:not(.oneGrd) .iFxd .bM{display:none} .onIndx:not(.oneGrd) .ntry .iFxd{padding:8px 3px} .onIndx:not(.oneGrd) .ntry .iFxd.l{top:auto;bottom:0;right:0} .Rtl.onIndx:not(.oneGrd) .ntry .iFxd.l{right:auto;left:0} .onIndx:not(.oneGrd) .ntry .iFxd .cmnt, .onIndx:not(.oneGrd) .ntry .iFxd .pV{padding:3.5px} .onIndx:not(.oneGrd) .ntry .iFxd >* svg{padding:1px} .onIndx.oneGrd .blogPts >*{flex:0 0 calc(100% - 20px);width:calc(100% - 20px)} /* Share */ .pShc{width:calc(100% + 10px);left:-5px;right:-5px} .pShc::before{width:calc(100% - 10px);margin:0 5px 12px} .pShc .wa::after, .pShc .tw::after{display:none} /* Widget */ .prfI:checked ~ .mainWrp .wPrf{top:auto;bottom:0} .prfI:checked ~ .mainWrp .Profile .fCls{background:rgba(0,0,0,.2); -webkit-backdrop-filter:saturate(180%) blur(10px); backdrop-filter:saturate(180%) blur(10px)} .prfH .c{display:flex} .wPrf{position:fixed;top:auto;left:0;right:0;bottom:-100%;width:100%;max-height:calc(100% - var(--headerH));border-radius:12px 12px 0 0} .itemFt .itm{padding-bottom:80px} .itemFt .itm >*{flex:0 0 calc(100% - 20px);width:calc(100% - 20px)} .itemFt .itm .iCtnt{flex:0 0 calc(100% - 42px);width:calc(100% - 42px);margin:0 auto;position:absolute;left:0;right:0;bottom:0;padding:13px;background:rgba(255,253,252,.92);border-radius:10px;box-shadow:0 10px 20px -5px rgba(0,0,0,.1); -webkit-backdrop-filter:saturate(180%) blur(10px); backdrop-filter:saturate(180%) blur(10px)} .itemFt .pTtl{font-size:1rem} .itemFt .pSnpt{font-size:93%} /* Footer */ .fotIn >*, .fotIn >*:first-child{width:calc(100% - 30px)} } /* Keyframes Animation */ @keyframes shimmer{100%{transform:translateX(100%)}} @keyframes slidein{0%{opacity:0}10%{opacity:1;bottom:24px}50%{opacity:1;bottom:24px}90%{opacity:1;bottom:24px}100%{opacity:0;bottom:-70px;visibility:hidden}} @keyframes fadein{50%{opacity:1}80%{opacity:1;padding-top:5px;height:22px}100%{opacity:0;padding-top:0;height:0}} @keyframes nudge{0%{transform:translateX(0)}30%{transform:translateX(-5px)}50%{transform:translateX(5px)}70%{transform:translateX(-2px)}100%{transform:translateX(0)}} @keyframes tonext{ 75%{left:0} 95%{left:100%} 98%{left:100%} 99%{left:0}} @keyframes tostart{ 75%{left:0} 95%{left:-300%} 98%{left:-300%} 99%{left:0}} @keyframes tonext-rev{ 75%{right:0} 95%{right:100%} 98%{right:100%} 99%{right:0}} @keyframes tostart-rev{ 75%{right:0} 95%{right:-300%} 98%{right:-300%} 99%{right:0}} @keyframes snap{ 96%{scroll-snap-align:center} 97%{scroll-snap-align:none} 99%{scroll-snap-align:none} 100%{scroll-snap-align:center}} @keyframes indicator{0%{opacity:0}50%{opacity:1}100%{opacity:0}} @keyframes opaCity{0%{opacity:0}100%{opacity:1}} @-webkit-keyframes fadein{50%{opacity:1}80%{opacity:1;padding-top:5px;height:22px}100%{opacity:0;padding-top:0;height:0}} @-webkit-keyframes slidein{0%{opacity:0}10%{opacity:1;bottom:24px}50%{opacity:1;bottom:24px}90%{opacity:1;bottom:24px}100%{opacity:0;bottom:-70px;visibility:hidden}} @-webkit-keyframes nudge{0%{transform:translateX(0)}30%{transform:translateX(-5px)}50%{transform:translateX(5px)}70%{transform:translateX(-2px)}100%{transform:translateX(0)}} @-webkit-keyframes tonext{ 75%{left:0} 95%{left:100%} 98%{left:100%} 99%{left:0}} @-webkit-keyframes tostart{ 75%{left:0} 95%{left:-300%} 98%{left:-300%} 99%{left:0}} @-webkit-keyframes tonext-rev{ 75%{right:0} 95%{right:100%} 98%{right:100%} 99%{right:0}} @-webkit-keyframes tostart-rev{ 75%{right:0} 95%{right:-300%} 98%{right:-300%} 99%{right:0}} @-webkit-keyframes snap{ 96%{scroll-snap-align:center} 97%{scroll-snap-align:none} 99%{scroll-snap-align:none} 100%{scroll-snap-align:center}} @-webkit-keyframes indicator{0%{opacity:0}50%{opacity:1}100%{opacity:0}} @-moz-keyframes indicator{0%{opacity:0}50%{opacity:1}100%{opacity:0}} @keyframes glitch{2%,64%{transform:translate(2px,0) skew(0deg)} 4%,60%{transform:translate(-2px,0) skew(0deg)} 62%{transform:translate(0,0) skew(5deg)}} @keyframes glitchTop{2%,64%{transform:translate(2px,-2px)} 4%,60%{transform:translate(-2px,2px)} 62%{transform:translate(13px,-1px) skew(-13deg)}} @keyframes glitchBotom{2%,64%{transform:translate(-2px,0)} 4%,60%{transform:translate(-2px,0)} 62%{transform:translate(-22px,5px) skew(21deg)}} @-webkit-keyframes opaCity{0%{opacity:0}100%{opacity:1}} /* Noscript Option */ .lazy:not([lazied]){display:none} .bD .pS img.lazy:not([lazied]){display:none !important} .noJs{display:flex;justify-content:flex-end;align-items:center;position:fixed;top:20px;left:20px;right:20px;z-index:99;max-width:640px;border-radius:12px;margin:auto;padding:10px 5px;background:#ffdfdf;font-size:13px;box-shadow:0 10px 20px -10px rgba(0,0,0,.1);color:#48525c} .noJs::before{content:attr(data-text);padding:0 10px;flex-grow:1} .noJs label{flex-shrink:0;padding:10px} .noJs label::after{content:'\2715';line-height:18px;font-size:14px} .nJs:checked ~ .noJs{display:none} /* Hide Scroll */ .scrlH::-webkit-scrollbar{width:0;height:0} .scrlH::-webkit-scrollbar-track{background:transparent} .scrlH::-webkit-scrollbar-thumb{background:transparent;border:none} /* --- Remove to reduce CSS size or if you aren't using RTL --- */ .adB{min-height:70px;display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--darkTa);border:1px solid var(--contentL);border-radius:3px} .adB.h240{min-height:240px} .adB.h360{min-height:360px} .adB.h480{min-height:480px} .h240, .h360, .h480{border-radius:5px 15px 5px 5px} .adB::before{content:attr(data-text)} /* Article Style RTL */ .Rtl .note{padding:20px 50px 20px 20px} .Rtl .note::before{left:auto;right:-12px} .Rtl .note::after{left:auto;right:18px} .Rtl .pS hr::before{text-indent:-0.6em} .Rtl .dropCap{margin:0;line-height:inherit;font-size:inherit;float:none} .Rtl blockquote, .Rtl .cmC i[rel=quote]{border-left:0;border-right:2px solid var(--contentL)} .Rtl blockquote.s-1{padding:25px 45px 25px 25px;border-right:0} .Rtl blockquote.s-1::before{left:auto;right:0} /* RTL Mode */ .Rtl .mnMn li li a >* svg{margin-right:0;margin-left:5px} .Rtl .ntfT{padding:0 0 0 15px} .Rtl .headL{padding:0 20px 0 0} .Rtl .headL .headN{padding:0 5px 0 0} .Rtl .BlogSearch .sb{left:auto;right:0} .Rtl .BlogSearch button.sb{left:0;right:auto} .Rtl .wPrf{right:auto;left:0;border-radius:5px 16px 16px 16px} .Rtl .toTopF{right:auto;left:18px} .Rtl .cmAc a::before{content:'\2935'} .Rtl .cmHl >li{padding:0 17.5px 0 0} .Rtl .cmHl >li >.cmAv{left:auto;right:0} .Rtl .cmHl >li >.cmIn{padding:12px 28px 12px 15px} .Rtl .mnMn li:not(.mr) ul{padding-left:0;padding-right:30px} .Rtl .tocL{right:auto;left:-280px} .Rtl .tocLi{border-radius:0 12px 12px 0} .Rtl .tocLi::before{left:auto;right:0} .Rtl .tocC{left:auto;right:-45px} .Rtl .tocC span{border-radius:0 20px 20px 0} .Rtl .tocL svg.rad{right:auto;left:-2px;transform:rotate(176deg)} .Rtl .tocL svg.rad.in{transform:rotate(-86deg)} .Rtl .tocI:checked ~ .tocL{right:auto;left:0} .Rtl .mainWrp:after{right:unset;left:0;border-radius:0 0 200px 0} @media screen and (min-width:897px){.Rtl .blogCont::before{left:auto;right:0} .Rtl:not(.hdMn) .navI:checked ~ .mainWrp .mnMn .n, .Rtl:not(.hdMn) .navI:checked ~ .mainWrp .mnMn li:not(.mr) ul, .Rtl.hdMn .navI:not(:checked) ~ .mainWrp .mnMn .n, .Rtl.hdMn .navI:not(:checked) ~ .mainWrp .mnMn li:not(.mr) ul{left:auto;right:35px;border-radius:16px 5px 16px 16px} .Rtl:not(.hdMn) .navI:checked ~ .mainWrp .mnMn li:not(.mr):last-child ul, .Rtl.hdMn .navI:not(:checked) ~ .mainWrp .mnMn li:not(.mr):last-child ul{border-radius:16px 16px 5px 16px}} @media screen and (max-width:896px){.Rtl .headR{padding:0 0 0 20px} .Rtl .headL{padding:0 15px 0 0} .Rtl .blogMn{left:auto;right:0;margin-right:-100%} .Rtl .mnBr{border-radius:12px 0 0 12px} .Rtl.flT .mnBr{border-radius:20px} .Rtl .navI:checked ~ .mainWrp .blogMn{margin-left:auto;margin-right:0}} @media screen and (max-width:500px){.Rtl .wPrf{right:0;border-radius:12px 12px 0 0} .Rtl .ftMn{right:auto;left:-4px;border-radius:16px 16px 16px 5px} .Rtl .cdtIn .PageList{margin-left:9px;margin-right:auto}} /* Basic Layout */ @media screen and (min-width:897px){.LS-2 header, .LS-2 .tocLi::before, .LS-3 header{border:0} .LS-2, .LS-2 .headCn, .LS-2 .mnBrs, .LS-3 .mnBrs, .LS-3 .headL{background:#fafafc} .LS-2 .blogCont::before{border:0;top:0;right:0;bottom:0;height:100%;z-index:-1;background:var(--contentB);border-radius:15px 0 0 0} .LS-3 .headCn{background:transparent} .LS-3 .headR{background:var(--headerB)} .LS-3 .blogCont::before{z-index:10} .LS-3 .blogMn{z-index:11} .LS-3 .tocL{top:var(--headerHi);z-index:10} .LS-3 .tocI:checked ~ .tocL{z-index:10} .LS-3:not(.hdMn) .navI:checked ~ .mainWrp .headN, .LS-3.hdMn .navI:not(:checked) ~ .mainWrp .headN{display:none} .LS-3:not(.hdMn) .navI:checked ~ .mainWrp .headL, .LS-3 .navI:not(:checked) ~ .mainWrp .headL{width:75px}} /* --- Your Custom CSS goes here --- */ /* --- WhatsApp Button For Blogger CSS --- */:root {--warna-background: #4dc247;--warna-bg-chat: #f0f5fb;--warna-icon: #fff;--warna-text: #505050;--warna-text-alt: #989b9f;--lebar-chatbox: 320px;}.sticky-button{display: flex;align-items: center;justify-content: center;position: fixed;right: 20px;bottom: 76px;width: 45px;height: 45px;background-color: #fefefe;border-radius: 20px;box-shadow: 0 10px 20px 0 rgba(30,30,30,.1);}.sticky-button a, .sticky-button label{display:flex;align-items:center;width:55px;height:55px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;}.sticky-button a svg, .sticky-button label svg{margin:auto;fill:#4dc247}.sticky-button label svg.svg-2{display:none}.sticky-chat{position:fixed;bottom:70px;right:20px;width:var(--lebar-chatbox);-webkit-transition:all .3s ease-out;transition:all .3s ease-out;z-index:21;opacity:0;visibility:hidden;line-height:normal}.sticky-chat .chat-content{border-radius:10px;background-color:#fff;box-shadow:0 2px 5px 0 rgba(0,0,0,.05);overflow:hidden}.sticky-chat .chat-header{position:relative;display:flex;align-items:center;padding:15px 20px;background-color:var(--warna-background);overflow:hidden}.sticky-chat .chat-header:after{content:'';display:block;position:absolute;bottom:0;right:0;width:70px;height:65px;background:rgba(0,0,0,.040);border-radius:70px 0 5px 0;}.sticky-chat .chat-header svg{width:35px;height:35px;flex:0 0 auto;fill:var(--warna-icon)}.sticky-chat .chat-header .title{padding-left:15px;font-size:14px;font-weight:600;font-family:'Roboto', sans-serif;color:var(--warna-icon)}.sticky-chat .chat-header .title a{color:#fff}.sticky-chat .chat-header .title span{font-size:11px;font-weight:400;display:block;line-height:1.58em;margin:0;}.sticky-chat .chat-text{display:flex;flex-wrap:wrap;margin:25px 20px;font-size:12px;color:var(--warna-text)}.sticky-chat .chat-text span{display:inline-block;margin-right:auto;padding:10px 10px 10px 20px;background-color:var(--warna-bg-chat);border-radius:3px 15px 15px}.sticky-chat .chat-text span:after{content:'Just now';display:inline-block;margin-left:15px;font-size:9px;color:var(--warna-text-alt)}.sticky-chat .chat-text span.typing{margin:15px 0 0 auto;padding:10px 20px 10px 10px;border-radius:15px 3px 15px 15px}.sticky-chat .chat-text span.typing:after, .chat-menu{display:none}.sticky-chat .chat-text span.typing svg{height:14px;fill:var(--warna-text-alt)}.sticky-chat .chat-button{display:flex;align-items:center;margin-top:15px;padding:12px 20px;border-radius:10px;background-color:#fff;box-shadow:0 2px 5px 0 rgba(0,0,0,.05);overflow:hidden;font-size:12px;color:var(--warna-text)}.sticky-chat .chat-button svg{width:20px;height:20px;fill:var(--warna-text-alt);margin-left:auto;transform:rotate(40deg);-webkit-transform:rotate(40deg)}.chat-menu:checked + .sticky-button label{-webkit-transform: rotate(360deg);transform: rotate(360deg);}.chat-menu:checked + .sticky-button label svg.svg-1{display:none}.chat-menu:checked + .sticky-button label svg.svg-2{display:table-cell}.chat-menu:checked + .sticky-button + .sticky-chat{bottom: 77px;right: 81px;opacity: 1;visibility: visible;} /*]]>*/</style> <style>/*<![CDATA[*/ /* Change Mode */ .headR .headM{display:block;position:absolute;top:0;right:0;padding:10px 0;width:150px;background:var(--contentB);font-size:13px;border-radius:10px 5px 10px 10px;box-shadow:0 0 15px rgba(0,0,0,.07);-webkit-transition:var(--trans-2);transition:var(--trans-2);overflow:hidden;z-index:18;opacity:0;visibility:hidden} .headR .headM:before{content:attr(data-text);display:block;padding:0 15px 10px;width:100%;font-size:11px;opacity:.7} .headR .headM >*{display:block;padding:9px 15px;width:100%;cursor:pointer} .headR .headM >*:before{content:attr(aria-label);opacity:.9} .headR .headM >*:hover{background:rgba(0,0,0,.05)} .navM:checked ~ .mainWrp .headM{visibility:visible;opacity:1} .navM:checked ~ .mainWrp .headM + .fCls{visibility:visible;opacity:1;z-index:17} .headR .headM .sydB{display:none} .bD:not(.drK):not(.syD) .headR .headM .lgtB{background-color:rgba(0,0,0,.1)} .drK:not(.syD) .headR .headM .drkB{background-color:rgba(0,0,0,.1)} .syD .headR .headM .sydB{background-color:rgba(0,0,0,.1)} .drK .headR .headM{background:var(--darkBs)} .Rtl .headR .headM{right:auto;left:0;border-radius:5px 10px 10px 10px} /* Author No Image */ .aFl{position:relative;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden} .admPs .aFl{width:34px;height:34px} .aFl::before{content:'';position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;background:var(--linkB);opacity:.8} .aFl >span{position:absolute;z-index:1;font-size:0;color:transparent;padding-top:1.5px;} .admPs .aFl >span{padding-top:2px} .aFl >span:first-letter{color:#fffdfc;font-size:13px} .admPs .aFl >span:first-letter{font-size:16px} .drK .aFl::before{background:var(--darkU);opacity:1} /* Dark Mode */ .drK.onIndx .blogPts >*, .drK .rPst, .drK .PopularPosts, .drK .Label{background:var(--darkBa)} .drK .tDL .d2{display:block} .drK .tDL::after{content:attr(data-light)} .drK .tDL svg .f{stroke:none;fill:var(--darkT)} .drK .pThmb:not(.nul)::before{background-image:linear-gradient(90deg, rgba(0,0,0,0) 0, rgba(0,0,0,.07) 20%, rgba(0,0,0,.1) 60%, rgba(0,0,0,0))} .drK input::placeholder, .drK .cpL input, .drK .cArea label .n{color:rgba(255,255,255,.25)} .drK .erroC h3 span.e{color:var(--darkBa)} .drK .nArea .contact-form-error-message-with-border{color:#f94f4f} .drK .cmC i[rel=image]::before, .drK .widget input[type=text], .drK .widget input[type=email], .drK .widget textarea{background:var(--darkBs);border-color:rgba(255,255,255,.15)} .drK svg, .drK svg.c-1{fill:var(--darkT)} .drK svg.line, .drK .ancrC svg{fill:none;stroke:var(--darkT)} .drK svg.c-2{fill:var(--darkTa); opacity:.4} .drK, .drK .headCn, .drK .mnBrs{background:var(--darkB);color:var(--darkT)} .drK .ntfC, .drK .mobMn{background:var(--darkBa);color:var(--darkTa)} .drK .ntfC{color:rgba(255,255,255,.9)} .drK header, .drK .mnMn >li.br::after, .drK .blogCont::before, .drK .tbHd, .drK .cmHl >li >.cmIn, .drK .pTag .pMart a, .drK .pRelate, .drK blockquote, .drK .cmC i[rel=quote], .drK blockquote.s-1, .drK details.sp, .drK .ps table:not(.tr-caption-container), .drK .ps table th, .drK .ps table:not(.tr-caption-container) tr:not(:last-child) td, .drK .pre.tb .preH, .drK details.ac, .drK .ancrA, .drK .ancrC, .drK .mnMob{border-color:rgba(255,255,255,.15)} .drK .pre{background:var(--darkBs);color:var(--darkT)} .drK .footer{background:var(--darkBs)} .drK .mnMn li:not(.mr) .a:hover, .drK .mnMn ul li >*:hover, .drK .wL.bg li >*, .drK .mobMn li >*:hover, .drK .shL a, .drK .cpLb{background:rgba(0,0,0,.15)} .drK .tIc::after{background:var(--darkBs)} .drK .wPrf{background:var(--darkBa);box-shadow:0 10px 40px rgba(0,0,0,.2)} .drK header a, .drK h1, .drK h2, .drK h3, .drK h4, .drK h5, .drK h6, .drK footer, .drK .button{color:var(--darkT)} .drK .dlBox, .drK .fixLs, .drK .cArea input:focus ~ .n, .drK .cArea textarea:focus ~ .n, .drK .cArea input[data-text=fl] ~ .n, .drK .cArea textarea[data-text=fl] ~ .n{background:var(--darkBs)} .drK .tocLi{background:var(--darkB)} .drK .admPs, .drK .tocC span, .drK .pShc >*:not(.c), .drK .ancrA, .drK .BlogSearch input, .drK .cmHl >li >.cmIn{background:var(--darkBa)} .drK .tocC span::before{background:var(--darkBa)} .drK .tocC span::after{background:var(--darkU)} .drK .tocL svg.rad{fill:var(--darkBa)} .drK .mobMn li >*:hover svg.line{fill:var(--darkT) !important} .drK .mobMn li >*:hover svg.line .svgC{fill:var(--darkU) !important;stroke:var(--darkU)} .drK.mobS .mobMn li >*:hover, .drK .button.ln{background:transparent} .drK .pTag .pPric::before, .drK .pTag .pInfo small{color:var(--darkTa)} .drK::selection, .drK a, .drK .free::after, .drK .new::after, .drK .mnMn li:not(.mr) .a:hover, .drK .mnMn ul li a:hover, .drK .aTtl a:hover, .drK .pSnpt.nTag, .drK .pTag .pPric, .drK details.ac[open] summary, .drK .cpL label, .drK .wL li >*:hover .lbC, .drK .wL li >div .lbC, .drK .wL .lbM, .drK .cmBtn.ln:hover, .drK .wL.cl .lbN:hover .lbC, .drK .wL.cl div.lbN .lbC{color:var(--darkU)} .drK .mnMn .a:hover svg:not(.d){fill:var(--darkU)} .drK .mnMn .a:hover svg.line:not(.d), .drK .pJmp svg{fill:none;stroke:var(--darkU)} .drK .wL li >*:hover svg, .drK .wL li >div svg{stroke:var(--darkU)} .drK.MN-3 .mobMn li >*:hover::after, .drK.MN-4 .mobMn li >*:hover::after, .drK .toTopF, .drK .blogPg >*, .drK .button, .drK .zmImg::after, .drK .widget input[type=button], .drK .widget input[type=submit]{background:var(--darkU)} .drK.MN-3 .mobMn li >*:hover svg.line, .drK.MN-4 .mobMn li >*:hover svg.line{stroke:var(--darkU);fill:var(--darkU) !important} .drK.MN-3 .mobMn li >*:hover svg .f, .drK.MN-4 .mobMn li >*:hover svg .f, .drK footer .credit a svg{fill:var(--darkU)} .drK .pS input[id*="1"]:checked ~ .tbHd label[for*="1"], .drK .pS input[id*="2"]:checked ~ .tbHd label[for*="2"], .drK .pS input[id*="3"]:checked ~ .tbHd label[for*="3"], .drK .pS input[id*="4"]:checked ~ .tbHd label[for*="4"], .drK .widget input[type=text]:focus, .drK .widget input[type=email]:focus, .drK .widget textarea:focus, .drK .widget input[data-text=fl], .drK .widget textarea[data-text=fl], .drK .wL.cl .lbN:not(div):hover, .drK .wL.cl div.lbN{border-color:var(--darkU)} .drK .button.ln:hover{border-color:var(--darkU);box-shadow:0 0 0 1px var(--darkU) inset} .drK .mnBr a, .drK .pLbls >*, .drK .aTtl a, .drK .blogPg >*, .drK .brdCmb a, .drK .wL li >*, .drK .mobMn li >*, .drK .cmAc a{color:var(--darkT)} .drK .blogPg .nPst, .drK .blogPg .current{background:var(--contentL);color:var(--bodyCa)} .drK .FeaturedPost .itemFt::after{background:var(--darkTa)} @media screen and (min-width:897px){.drK header .BlogSearch input{background:var(--darkBs)} .drK header .BlogSearch input:focus, .drK header .BlogSearch input:hover{background:var(--darkBa)} .drK.bD:not(.hdMn) .navI:checked ~ .mainWrp .mnMn .n, .drK.bD:not(.hdMn) .navI:checked ~ .mainWrp .mnMn li:not(.mr) ul, .drK.hdMn .navI:not(:checked) ~ .mainWrp .mnMn .n, .drK.hdMn .navI:not(:checked) ~ .mainWrp .mnMn li:not(.mr) ul{background:var(--darkBa);box-shadow:0 10px 40px rgba(0,0,0,.2);color:var(--darkTa)} .drK.LS-2 .blogCont::before{background:var(--darkBs)} .drK.LS-3 .headCn{background:transparent} .drK.LS-3 .headL, .drK.LS-3 .mnBrs{background:var(--darkBs)} .drK.LS-3 .headR{background:var(--darkB)} .drK .tocLi::before{border-color:rgba(255,255,255,.15)}} @media screen and (min-width:897px){.drK header{border-bottom:var(--headerL) solid rgba(255,255,255,.15);box-shadow:none} .drK .blogCont::before{border-right:1px solid rgba(255,255,255,.15)} .drK .mnBrs{box-shadow:none}} @media screen and (min-width:641px){.drK .ftMn a:hover{color:var(--darkU)}} @media screen and (max-width:640px){.drK .ftMn{background:var(--darkBa)}} @media screen and (max-width:500px){.drK .itemFt .itm .iCtnt{background:var(--darkBa)}} /*]]>*/</style> <b:if cond='data:view.isSingleItem'> <style>/*<![CDATA[*/ /* Greetings */ .pGV{display:flex;justify-content:space-between;position:relative;font-size:13px;padding-top:6px;padding-bottom:20px;} .pGV >*{padding:10px;background:var(--contentB);box-shadow:0 5px 35px rgba(0,0,0,.07);border-radius:var(--greetR);display:flex;align-items:center;justify-content:center} .pGV >*:first-child{margin-right:5px} .pGV >*:last-child{margin-left:5px} .Rtl .pGV >*:first-child{margin-right:0;margin-left:5px} .Rtl .pGV >*:last-child{margin-left:0;margin-right:5px} .pGV .pVws.hidden{display:none} .pGV .pGrt::after{content:attr(data-text)} .pGV .pVws::after{content:attr(data-text) ' views'} .pGV svg{width:15px;height:15px;margin-right:6px} .pGV svg.line{stroke-width:1.5} .Rtl .pGV svg{margin-right:0;margin-left:6px} .drK .pGV >*{background:var(--darkBa)} /* Comments */ .pCmnts{margin-top:50px} .cmDis{text-align:center;margin-top:20px;opacity:.7} .cmMs{margin-bottom:20px} .drK .cmMs{background:var(--darkBa)} .cm iframe{width:100%} .cm:not(.cmBr) .cmBrs{background:transparent;position:relative;padding:80px 20px 0;width:calc(100% + 40px);left:-20px;right:-20px} .fixLs.cmBrs{padding-top:80px} .cmH h3.title{margin:0;flex-grow:1;padding:16px 10px} .cmH .s{margin:0 14px} .cmH .s::before{content:attr(data-text);margin:0 6px;opacity:.7;font-size:90%} .cmH .s::after{content:'\296E';line-height:18px;font-size:17px} .cmAv .im{width:35px;height:35px;border-radius:50%;position:relative} .cmBd.del .cmCo{font-style:italic;font-size:90%;line-height:normal;border:1px dashed rgba(0,0,0,.2);border-radius:3px;margin:.5em 0;padding:15px;opacity:.7; overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .cmHr{line-height:24px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .cmHr .d{font-size:90%;opacity:.7} .cmHr .d::before{content:'\00B7';margin:0 7px} .cmHr.a .n{display:inline-flex;align-items:center} .cmHr.a .n::after{content:'\2714';display:flex;align-items:center;justify-content:center;width:14px;height:14px;font-size:8px;background:#519bd6;color:#fefefe;border-radius:50%;margin:0 3px} .cmCo{line-height:1.6em;opacity:.9} .cmC i[rel=image]{font-size:90%; display:block;position:relative; min-height:50px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; margin:1em auto} .cmC i[rel=image]::before{content:'This feature isn\0027t available!';border:1px dashed rgba(0,0,0,.2);border-radius:3px;padding:10px;display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;bottom:0;right:0;background:var(--contentB)} .cmC i[rel=pre], .cmC i[rel=quote]{margin-top:1em;margin-bottom:1em; font-style:normal;line-height:inherit;padding:20px} .cmC i[rel=pre]::before{display:block;width:auto} .cmC i[rel=quote]{display:block;font-style:italic;font-size:inherit;padding:5px 15px} .cmCo img{margin-top:1em;margin-bottom:1em} .cmAc{margin-top:10px} .cmAc a{font-size:90%;color:inherit;opacity:.7;display:inline-flex} .cmAc a::before{content:'\2934';line-height:18px;font-size:16px;transform:rotate(90deg)} .cmAc a::after{content:attr(data-text);margin:0 6px} .cmR{margin:10px 40px 0} .cmRp ~ .cmAc, .cmBd.del ~ .cmAc, .onItm:not(.Rtl) .cmHr .date{display:none} .cmRi:checked ~ .cmRp .thTg{margin-bottom:0} .cmRi:checked ~ .cmRp .thTg::after{content:attr(aria-label)} .cmRi:checked ~ .cmRp .thCh, .cmRi:checked ~ .cmRp .cmR{display:none} .cmAl:checked ~ .cm .cmH .s::before{content:attr(data-new)} .cmAl:checked ~ .cm .cmCn >ol{flex-direction:column-reverse} .thTg{display:inline-flex;align-items:center;margin:15px 0 18px;font-size:90%} .thTg::before{content:'';width:28px;border-bottom:1px solid var(--widgetTac);opacity:.5} .thTg::after{content:attr(data-text);margin:0 12px;opacity:.7} .cmCn ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column} .cmCn li{margin-bottom:18px;position:relative} .cmCn li .cmRbox{margin-top:20px} .cmCn li li{display:flex;flex-wrap:wrap;width:calc(100% + 12px);left:-6px;right:-6px} .cmCn li li:last-child{margin-bottom:0} .cmCn li li .cmAv{flex:0 0 28px;margin:0 6px} .cmCn li li .cmAv .im{width:28px;height:28px} .cmCn li li .cmIn{width:calc(100% - 52px);margin:0 6px} .cmHl >li{padding-left:17.5px} .cmHl >li >.cmAv{position:absolute;left:0;top:12px} .cmHl >li >.cmIn{background:var(--contentB);padding:12px 15px 12px 28px;border-radius:12px;box-shadow:0 0 30px rgba(0,0,0,.07)} .pCmnts .cmIn img{border-radius:3px} /* Comments Show/Hide */ #comment:target{margin:0;padding-top:60px} .cmSh:checked ~ .cmShw, .cmShw ~ .cm:not(.cmBr), #comment:target .cmShw, #comment:target .cmSh:checked ~ .cm:not(.cmBr){display:none} .cmSh:checked ~ .cm:not(.cmBr), #comment:target .cm:not(.cmBr), #comment:target .cmSh:checked ~ .cmShw{display:block} .cmBtn{display:block;padding:20px;text-align:center;max-width:100%} .cmBtn.ln:hover{color:var(--linkB)} /* Comments Pop-up */ #comment:target .cmSh:checked ~ .cm.cmBr{bottom:-100%;opacity:0;visibility:hidden} #comment:target .cmSh:checked ~ .cm.cmBr .fCls{opacity:0;visibility:hidden} .cmDl{position: absolute;top:15px;right:20px;width:20px;height:20px;background:#ffcdd2;border-radius:50%;transition:var(--trans-2)} .cmDl.rp{top:2.5px;right:10px} .cmDl:hover{opacity:.8;transform:scale(1.08)} .cmDl a{width:20px;height:20px;display:flex;justify-content:center;align-items:center} .cmDl a svg{width:12px;height:12px;stroke-width:1.2} .Rtl .cmDl{right:unset;left:20px} .Rtl .cmDl.rp{left:10px} .drK .cmDl{background:var(--darkB)} .iCmn{cursor:pointer;outline:none;border:none;display:block;font-weight:700;margin:0 auto;max-width:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:9;background:var(--contentB)} .iCmn::before{content:attr(data-text)} .iCmn:hover::before{opacity:.7} .drK .iCmn{background:var(--darkBs)} /* Youtube fullpage */ .videoYt{position:relative;padding-bottom:56.25%; overflow:hidden;border-radius:5px} .videoYt iframe{position:absolute;width:100%;height:100%;left:0;right:0} /* Lazy Youtube */ .lazyYt{background:var(--synxBg);position:relative;overflow:hidden;padding-top:56.25%;border-radius:5px} .lazyYt img{width:100%;top:-16.84%;left:0;opacity:.95} .lazyYt img, .lazyYt iframe, .lazyYt .play{position:absolute} .lazyYt iframe{width:100%;height:100%;bottom:0;right:0} .lazyYt .play{top:50%;left:50%; transform:translate3d(-50%,-50%,0); transition:all .5s ease;display:block;width:70px;height:70px;z-index:1;cursor:pointer} .lazyYt .play svg{width:inherit;height:inherit; fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-width:8} .lazyYt .play .c{stroke:rgba(255,255,255,.85);stroke-dasharray:650;stroke-dashoffset:650; transition:all .4s ease-in-out; opacity:.3} .lazyYt .play .t{stroke:rgba(255,255,255,.75);stroke-dasharray:240;stroke-dashoffset:480; transition:all .6s ease-in-out; transform:translateY(0)} .lazyYt .play:hover .t{animation:nudge .6s ease-in-out;-webkit-animation:nudge .6s ease-in-out} .lazyYt .play:hover .t, .lazyYt .play:hover .c{stroke-dashoffset:0; opacity:.7;stroke:#FF0000} .nAmp .lazyYt{display:none} /* Quick Edit */ .qeMn, .qeBtn .svg-2{display:none} .qeBtn{position:fixed;bottom:20px;right:20px;background:#fff;box-shadow:0 0 15px rgba(0,0,0,.1);border-radius:50px;z-index:5;overflow:hidden;display:flex;align-items:center;justify-content:center;width:35px;height:35px;-webkit-transition:all .2s ease,margin 1s ease;transition:all .2s ease,margin 1s ease;cursor:pointer} .qeBtns .qeBtn.a{bottom:22.5px;right:22.5px;width:30px;height:30px;z-index:4;box-shadow:none;opacity:0} .qeBtns .qeBtn.a:hover{-webkit-transform:scale(1.05);transform:scale(1.05);opacity:1} .qeBtn svg{width:18px;height:18px;margin:auto} .qeBtn svg.line{stroke-width:1.3} .qeBtn.a svg{width:16px;height:16px} .qeMn:checked + .qeBtn{-webkit-transform:rotate(360deg);transform:rotate(360deg)} .qeMn:checked + .qeBtn .svg-1{display:none} .qeMn:checked + .qeBtn .svg-2{display:block} .qeMn:checked ~ .qeBtns .qeBtn{box-shadow:0 0 15px rgba(0,0,0,.1)} .qeMn:checked ~ .qeBtns .qeBtn.a{opacity:1} .qeMn:checked ~ .qeBtns .qeBtn.a:nth-child(1){bottom:60px} .qeMn:checked ~ .qeBtns .qeBtn.a:nth-child(2){bottom:95px} .qeMn:checked ~ .qeBtns .qeBtn.a:nth-child(3){bottom:130px} .qeMn:checked ~ .qeBtns .qeBtn.a:nth-child(4){right:60px} .qeMn:checked ~ .qeBtns .qeBtn.a:nth-child(5){right:95px} .qeMn:checked ~ .qeBtns .qeBtn.a:nth-child(6){right:130px} .qeMn:checked ~ .qeBtns + .fCls{visibility:visible;opacity:1;z-inex:4} @media screen and (max-width:896px){.qeBtn{margin-bottom:60px;margin-right:55px} .qEdit.nBtm .qeBtn{margin-bottom:150px;margin-right:55px} .MN-4 .qeBtn{margin-bottom:60px;margin-right:5px} .MN-4 .qEdit.nBtm .qeBtn{margin-right:55px;margin-bottom:85px}} @media screen and (min-width:897px){.qeBtn{margin-bottom:5px;margin-right:55px}} .drK .qeBtn{background:var(--darkBa)} /* Preloader */ .pldW{direction:ltr;position:fixed;top:0;right:0;bottom:0;left:0;display:none;background:var(--bodyB);align-items:center;justify-content:center;z-index:9999;visibility:visible;opacity:1;transition:all .8s ease} .pldW.e{display:flex} .pldW.h{opacity:0;visibility:hidden} .pldS {position:relative;transform:rotate(165deg)} .pldS:before, .pldS:after{content:'';position:absolute;display:block;width:.5em;height:.5em;border-radius:.25em;transform:translate(-50%,-50%)} .pldS:before{animation:pldBefore 2s infinite} .pldS:after{animation:pldAfter 2s infinite} @keyframes pldBefore{0%{width:.5em;box-shadow:1em -.5em rgba(225,20,98,.75),-1em .5em rgba(111,202,220,.75)}35%{width:2.5em;box-shadow:0 -.5em rgba(225,20,98,.75),0 .5em rgba(111,202,220,.75)}70%{width:.5em;box-shadow:-1em -.5em rgba(225,20,98,.75),1em .5em rgba(111,202,220,.75)}100%{box-shadow:1em -.5em rgba(225,20,98,.75),-1em .5em rgba(111,202,220,.75)}} @keyframes pldAfter{0%{height:.5em;box-shadow:.5em 1em rgba(61,184,143,.75),-.5em -1em rgba(233,169,32,.75)}35%{height:2.5em;box-shadow:.5em 0 rgba(61,184,143,.75),-.5em 0 rgba(233,169,32,.75)}70%{height:.5em;box-shadow:.5em -1em rgba(61,184,143,.75),-.5em 1em rgba(233,169,32,.75)}100%{box-shadow:.5em 1em rgba(61,184,143,.75),-.5em -1em rgba(233,169,32,.75)}} .drK .pldW{background:var(--darkB)} /* Lightbox image */ .lbImg{position:relative} .lbImg::before{content:'';position:absolute;top:10px;right:5px;width:30px;height:30px;display:flex;margin:0 5px;background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23363637' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3'/></svg>") center / 14px no-repeat;background-color:rgba(0,0,0,.2);border-radius:50%;z-index:2;opacity:0;transition:all 0.2s ease;cursor:pointer} .lbImg:hover::before{opacity:1} .lbImg img {cursor:zoom-in;} .zmImg{position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,0.75);display:flex;align-items:center;justify-content:center;z-index:999;-webkit-backdrop-filter:saturate(180%) blur(15px);backdrop-filter:saturate(180%) blur(15px);opacity:0;visibility:hidden;transition:all 0.4s ease;} .zmImg.active{opacity:1;visibility:visible} .zmImg a, .zmImg a:hover{opacity:1} .zmImg img{display:block;max-width:92%;max-height:92%;width:auto;margin:auto;border-radius:10px;box-shadow:0 5px 30px 0 rgba(0,0,0,.05);transform:scale(0.4);transition:all 0.4s ease;transition-property:transform;} .zmImg.active img {transform:scale(1);cursor:zoom-out;} .zmImg img.full{left:auto;right:auto;border-radius:10px;width:auto} .zmImg::after{content:'\2715';line-height:16px;font-size:14px;color:#fffdfc;background:var(--linkB);position:fixed;bottom:-20px;right:-20px; display:flex;align-items:center;justify-content:center;width:45px;height:45px;border-radius:50%;opacity:0;visibility:hidden;transition:all 0.4s ease;} .zmImg.active::after{bottom:20px;right:20px;opacity:1;visibility:visible;cursor:pointer} /* Highlight */ .pre .pre-subst{color:var(--synxC)} .pre .pre-comment{color:#656e77} .pre .pre-attr, .pre .pre-doctag, .pre .pre-meta, .pre .pre-meta-keyword, .pre .pre-section, .pre .pre-selector-class{color:#015692} .pre .pre-selector-pseudo, .pre .pre-keyword{color:#0a8356} .pre .pre-selector-tag{color:#167406} .pre .pre-attribute{color:#803378} .pre .pre-built_in, .pre .pre-literal, .pre .pre-name, .pre .pre-number, .drK .pre .pre-number, .pre .pre-quote, .pre .pre-selector-id, .pre .pre-template-tag, .pre .pre-title, .pre .pre-type{color:#b75501} .pre .pre-link, .pre .pre-meta-string, .pre .pre-regexp, .pre .pre-selector-attr, .pre .pre-string, .pre .pre-symbol, .pre .pre-template-variable, .pre .pre-variable{color:#54790d} .pre .pre-bullet, .pre .pre-code{color:#535a60} .pre .pre-deletion{color:#c02d2e} .pre .pre-addition{color:#2f6f44} .pre .pre-emphasis{font-style:italic} .pre .pre-strong{font-weight:700} .drK .pre{color:var(--darkT)} .drK .pre .pre-subst, .drK .pre .pre-property, .drK .pre .pre-function{color:#fefefe} .drK .pre .pre-strong{font-weight:bold} .drK .pre .pre-code, .drK .pre .pre-emphasis{font-style:italic} .drK .pre .pre-tag{color:#62c8f3} .drK .pre .pre-name{color:#ff7086} .drK .pre .pre-attr{color:#ffb244} .drK .pre .pre-variable, .drK .pre .pre-template-variable, .drK .pre .pre-selector-id, .drK .pre .pre-selector-class{color:#ade5fc} .drK .pre .pre-string, .drK .pre .pre-bullet{color:#a2fca2} .drK .pre .pre-type, .drK .pre .pre-title, .pre .pre-section, .drK .pre .pre-attribute, .drK .pre .pre-quote, .drK .pre .pre-built_in, .drK .pre .pre-builtin-name{color:#ffa} .pre .pre-number, .drK .pre .pre-symbol, .drK .pre .pre-bullet{color:#d36363} .drK .pre .pre-keyword, .drK .pre .pre-literal{color:#fcc28c} .drK .pre .pre-selector-pseudo{color:#fbc796} .drK .pre .pre-selector-tag{color:#fbb46e} .drK .pre .pre-comment, .drK .pre .pre-deletion, .drK .pre .pre-code{color:#888} .pre .pre-regexp, .drK .pre .pre-regexp, .drK .pre .pre-link{color:#c6b4f0} .drK .pre .pre-meta{color:#fc9b9b} .drK .pre .pre-deletion{background-color:#fc9b9b;color:#333} .drK .pre .pre-addition{background-color:#a2fca2;color:#333} /* Post Next or Prev */ .chpN{margin:4em 0 0;display:flex;justify-content:space-between;flex-wrap:wrap;position:relative;width:calc(100% + 20px);left:-10px;right:-10px; font-size:14px;font-family:var(--fontB);line-height:1.6em} .chpN >*{margin:0 10px;flex:0 0 calc(50% - 20px);display:inline-flex;flex-direction:column;color:inherit!important;cursor:default} .chpN >*::before{content:'Previous Chapter'} .chpN >*:not(:first-child)::before{content:'Next Chapter'} .chpN >*::after{content:attr(data-text);display:block; /*display:-webkit-box;*/-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; opacity:.6; font-size:12px;font-family:var(--fontBa);line-height:1.5em;margin-top:4px;cursor:pointer} .chpN >*:hover::after{text-decoration:underline} .chpN >*:not(:first-child){align-items:flex-end; text-align:right} .chpN.n{justify-content:flex-end} .chpN.p{justify-content:flex-start} /*]]>*/</style> </b:if> <b:defaultmarkups> <!--[ Blogger defaultmarkups ]--> <b:defaultmarkup type='Common'> <!--[ Template settings object ]--> <b:includable id='settings-object'>/*<![CDATA[*/ const PuSet = { license: { key: licenseKey }, realViews: { databaseUrl: "", abbreviation: "true" }, noInternet: { enablePopup: "true", enableToast: "true", offlineMes: "You are Offline!", onlineMes: "You are Online!" }, preCopy: { copiedMes: "<i class='clipboard'></i>Copied to Clipboard!" }, cookieCon: { consentMaxAge: "2592000", cookieError: "Error: Cookie can't be set! Please unblock this site from the cookie setting of your browser." }, gTranslate: { pageLang: "en", includedLangs: "en,hi,gu,bn,ta,te,mr,ne,id", autoDisplay: "true", multiLangPage: "true" }, bookmark: { bmTitle: "Bookmark Posts", closeText: "Close", noBmIcon: "<svg class='line' viewBox='0 0 24 24'><g transform='translate(3.650100, 2.749900)'><path d='M16.51,5.55 L10.84,0.15 C10.11,0.05 9.29,0 8.39,0 C2.1,0 -1.95399252e-14,2.32 -1.95399252e-14,9.25 C-1.95399252e-14,16.19 2.1,18.5 8.39,18.5 C14.69,18.5 16.79,16.19 16.79,9.25 C16.79,7.83 16.7,6.6 16.51,5.55 Z'/><path d='M10.2839,0.0827 L10.2839,2.7437 C10.2839,4.6017 11.7899,6.1067 13.6479,6.1067 L16.5989,6.1067'/><line class='svgC' x1='10.6623' y1='10.2306' x2='5.7623' y2='10.2306'/><line class='svgC' x1='8.2131' y1='12.6808' x2='8.2131' y2='7.7808'/></g></svg>", noBmMes: "The list of favorite articles does not exist yet...", noBmAll: "View all articles", noBmLink: "/search", delIcon: "<svg class='line' viewBox='0 0 24 24'><g transform='translate(3.500000, 2.000000)'><path d='M15.3891429,7.55409524 C15.3891429,15.5731429 16.5434286,19.1979048 8.77961905,19.1979048 C1.01485714,19.1979048 2.19295238,15.5731429 2.19295238,7.55409524'/><line x1='16.8651429' y1='4.47980952' x2='0.714666667' y2='4.47980952'/><path d='M12.2148571,4.47980952 C12.2148571,4.47980952 12.7434286,0.714095238 8.78914286,0.714095238 C4.83580952,0.714095238 5.36438095,4.47980952 5.36438095,4.47980952'/></g></svg>", addedNtf: "<i class='check'></i>Added to Bookmarks!", removedNtf: "<i class='del'></i>Removed from Bookmarks!", }, adsenseAds: { publisherId: caPubAdsense.replace('ca-pub-',''), /* Auto or replace with Publisher ID i.e. "000000000000", */ antiAdBClose: "true", /* "true", if you want to add a Close Button in Anti Ad Block popup */ ignoreMaxAge: "86400", loadType: "defer" /* lazy, defer, scroll */ }, analytics: { propertyID: analyticsID /* Auto or replace with Property ID i.e. "UA-0000000", */ }, fontFamily: { mobileFonts: "@font-face{font-family:'Google Sans Text';font-style:normal;font-weight:400;font-display:swap;src:local('Google Sans Text'),local('Google-Sans-Text'),url(https://fonts.gstatic.com/s/googlesanstext/v16/5aUu9-KzpRiLCAt4Unrc-xIKmCU5qEp2iw.woff2) format('woff2')} @font-face{font-family:'Google Sans Text';font-style:normal;font-weight:700;font-display:swap;src:local('Google Sans Text'),local('Google-Sans-Text'),url(https://fonts.gstatic.com/s/googlesanstext/v16/5aUp9-KzpRiLCAt4Unrc-xIKmCU5oPFTnmhjtg.woff2) format('woff2')} @font-face{font-family:'Google Sans Mono';font-style:normal;font-weight:400;font-display:swap;src:local('Google Sans Mono'),local('Google-Sans-Mono'),url(https://fonts.gstatic.com/s/googlesansmono/v4/P5sUzYWFYtnZ_Cg-t0Uq_rfivrdYH4RE8-pZ5gQ1abT53wVQGrk.woff2) format('woff2')}" } }; /*]]>*/</b:includable> <!--[ In-feed ad ]--> <b:includable id='post-adIn'> <div class='ntry pAdin'> <!--[ InFeed Ad ]--> <!--<ins class='adsbygoogle'/> <script>...</script>--> </div> </b:includable> <!--[ Top article ad ]--> <b:includable id='post-adTop'> <div class='pAd'> <!--[ Top article Ad ]--> <!--<ins class='adsbygoogle'/> <script>...</script>--> </div> </b:includable> <!--[ Bottom article ad ]--> <b:includable id='post-adBot'> <div class='pAd'> <!--[ Bottom article Ad ]--> <!--<ins class='adsbygoogle'/> <script>...</script>--> </div> </b:includable> <!--[ Matched content Ad ]--> <b:includable id='post-relatedAd'> <div class='relatedPosts'> <!--[ Matched content Ad ]--> <!--<ins class='adsbygoogle'/> <script>...</script>--> </div> </b:includable> <!--[ Index title ]--> <b:includable id='titlePost'> <div class='blogTtl'> <b:class cond='data:view.isHomepage' name='hm'/> <b:if cond='data:view.isHomepage'> <!--[ Change <data:messages.latestPosts/> to replace 'Latest Posts' with your special text ]--> <h2 class='title dt'><data:messages.latestPosts/></h2> <b:else/> <div class='t'> <b:class cond='data:view.search or data:view.isArchive and data:view.url != data:blog.homepageUrl.canonical path "search"' name='srch'/> <b:if cond='data:view.search.label'> <span class='hm' expr:data-text='data:messages.home'/><data:blog.pageName/> <b:elseif cond='data:view.search.query'/> <span expr:data-text='data:messages.search + ":"'/><data:view.search.query/> <b:elseif cond='data:view.isArchive'/> <span expr:data-text='data:messages.blogArchive + ":"'/><data:blog.pageName/> <b:else/> <!--[ Change all <data:messages.posts/> to replace 'Posts' with your special text ]--> <span class='hm' expr:data-text='data:messages.home'/><data:messages.posts/> </b:if> </div> </b:if> </div> </b:includable> <!--[ Theme Customisation ]--> <b:includable id='theme-custom'> <input class='cusI hidden' id='forCusThm' type='checkbox'/> <div class='cusW'> <div class='cusH'> <span class='cusHi' data-text='Theme Color'/> <label class='cusCl' for='forCusThm'/> </div> <div class='cusP'> <!--[ Replace color hex code with custom color hex code ]--> <span class='tPkr thB0' onclick='webTheme("theme0");modeL()' style='--pkrC:#eceff1'/><span class='tPkr thB1' onclick='webTheme("theme1");modeL()' style='--pkrC:#F44336'/><span class='tPkr thB2' onclick='webTheme("theme2");modeL()' style='--pkrC:#00BFA5'/><span class='tPkr thB3' onclick='webTheme("theme3");modeL()' style='--pkrC:#2196F3'/><span class='tPkr thB4' onclick='webTheme("theme4");modeL()' style='--pkrC:#FBC02D'/><span class='tPkr thB5' onclick='webTheme("theme5");modeL()' style='--pkrC:#E91E63'/><span class='tPkr thB6' onclick='webTheme("theme6");modeL()' style='--pkrC:#FF5722'/><span class='tPkr thB7' onclick='webTheme("theme7");modeL()' style='--pkrC:#607D8B'/><span class='tPkr thB8' onclick='webTheme("theme8");modeL()' style='--pkrC:#5D4037'/><span class='tPkr thB9' onclick='webTheme("theme9");modeL()' style='--pkrC:#744D97'/><span class='tPkr thB10' onclick='webTheme("theme10");modeL()' style='--pkrC:#3949AB'/> </div> </div> <label class='fCls' for='forCusThm'/> </b:includable> <!--[ Related post ]--> <b:includable id='post-related'> <div id='rPst'/> <script> var labelArray = [<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>"<data:label.name/>"<b:if cond='data:label.isLast != "true"'>,</b:if></b:loop></b:if>].map(function(e){return window.ueHTML(e)}); // Auto Related Posts (Bottom) var relatedPostConfig = { homePage: "<data:blog.homepageUrl.canonical/>", // Replace <data:messages.youMayLikeThesePosts/> to change Related Posts title widgetTitle: "<h2 class='title dt'><b:if cond='data:post.labels none (label => label.name in [ "Product" ])'><data:messages.youMayLikeThesePosts/><b:else/>Related products!</b:if></h2>", numPosts: 6, summaryLength: 180, titleLength:"auto", thumbnailSize: 300, noImage: "data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=", containerId: "rPst", newTabLink: false, moreText: "Read more", // Change the related post style, there are 4 styles available widgetStyle: 3, callBack:function(){} } // Auto Related Posts (In-Article) var autoRelatedConfig = { homePage: "<data:blog.homepageUrl.canonical/>", numPosts: 10, titleLength:"auto", newTabLink: false, callBack:function(){} } // Auto Chapter var autoChapterConfig = { homePage: "<data:blog.homepageUrl.canonical/>", titleLength: "60", newTabLink: false, callBack:function(){} } </script> </b:includable> <!--[ Preloader ]--> <b:includable id='preloader'> <!--[ Disable all the codes to remove preloader ]--> <!--<div class='pldW' id='preloader'> <div class='pldS'/> </div> <script>/*<![CDATA[*/ var preloader=document.querySelector('#preloader'); preloader.classList.add('e'); document.addEventListener('DOMContentLoaded', function(){setTimeout(function(){preloader.classList.add('h')},2000); neonLight(5000);}); /*]]>*/</script>--> </b:includable> <!--[ In-Post Quick Edit ]--> <b:includable id='quick-edit'> <div class='blog-admin qEdit' id='qEdit'><input class='qeMn hidden' id='offqeMn' type='checkbox'/><label class='qeBtn' for='offqeMn'><b:include name='settings-icon'/><b:include name='close-icon'/></label><div class='qeBtns'><a class='qeBtn a' expr:href='"https://www.blogger.com/blog/settings/" + data:blog.blogId' rel='nofollow noopener noreferrer' target='_blank' title='Settings'><b:include name='settings-icon'/></a><a class='qeBtn a' expr:href='"https://www.blogger.com/blog/comments/" + data:blog.blogId' rel='nofollow noopener noreferrer' target='_blank' title='Comments'><b:include name='comments-icon'/></a><a class='qeBtn a' expr:href='"https://www.blogger.com/feeds/" + data:blog.blogId + "/archive"' rel='nofollow noopener noreferrer' title='Backup content'><b:include name='download-alt-icon'/></a><a class='qeBtn a' expr:href='"https://www.blogger.com/blog/stats/week/" + data:blog.blogId' rel='nofollow noopener noreferrer' target='_blank' title='7-days blog stats'><b:include name='stats-icon'/></a><b:if cond='data:view.isPost'><a class='qeBtn a' expr:href='"https://www.blogger.com/blog/posts/" + data:blog.blogId' rel='nofollow noopener noreferrer' target='_blank' title='Dashboard'><b:include name='list-icon'/></a><b:else/><a class='qeBtn a' expr:href='"https://www.blogger.com/blog/pages/" + data:blog.blogId' rel='nofollow noopener noreferrer' target='_blank' title='Dashboard'><b:include name='list-icon'/></a></b:if><b:if cond='data:view.isPost'><a class='qeBtn a' expr:href='"https://www.blogger.com/blog/post/edit/" + data:blog.blogId + "/" + data:post.id' rel='nofollow noopener noreferrer' target='_blank' title='Edit post'><b:include name='edit-icon'/></a><b:else/><a class='qeBtn a' expr:href='"https://www.blogger.com/blog/page/edit/" + data:blog.blogId + "/" + data:post.id' rel='nofollow noopener noreferrer' target='_blank' title='Edit page'><b:include name='edit-icon'/></a></b:if></div><label class='fCls' for='offqeMn'/></div> </b:includable> <!--[ Quick Edit on Thumbnails ]--> <b:includable id='thmb-quickedit'> <div class='blog-admin'> <div class='iFxd l'> <a aria-label='Edit this post' class='edit' data-text='Edit' expr:href='"https://www.blogger.com/blog/post/edit/" + data:blog.blogId + "/" + data:post.id' role='button' target='_blank'><b:include name='edit-alt-icon'/></a> </div> </div> </b:includable> <!--[ Post Bookmark on Thumbnails ]--> <b:includable id='thmb-bookmark'> <span aria-label='Read later' class='bM bmPs' data-added='Remove' expr:bm-id='data:post.id' expr:bm-img='resizeImage(data:post.featuredImage, 240, "1:1")' expr:bm-ttl='data:post.title' expr:bm-url='data:post.url' role='button'><b:include name='bookmark-alt-icon'/></span> </b:includable> <!--[ Post authors ]--> <b:includable id='post-authorProfile'> <div class='admAbt'> <h2 class='title dt'>About the Author</h2> <div class='admPs'> <div class='admIm'> <b:include name='post-authorImage'/> </div> <div class='admI'> <bdi class='admN' expr:data-text='data:post.author.name' expr:data-write='data:messages.postedBy'/> <div class='admA'> <b:eval expr='data:post.author.aboutMe snippet {length: 250, links: true, linebreaks: true}'/> <!--<data:post.author.aboutMe/>--> </div> </div> </div> </div> </b:includable> <!--[ Thumbnail Post Authors ]--> <b:includable id='thmb-athr'> <div class='aNm t'> <b:if cond='data:post.author.authorPhoto.image'> <div class='im lazy' expr:data-style='"background-image: url(" + resizeImage(data:post.author.authorPhoto.image,20,"1:1") + ")"'> </div> </b:if> <bdi class='nm' expr:data-text='data:post.author.name'/> <svg viewBox='0 0 24 24'><path d='M23,12L20.56,9.22L20.9,5.54L17.29,4.72L15.4,1.54L12,3L8.6,1.54L6.71,4.72L3.1,5.53L3.44,9.21L1,12L3.44,14.78L3.1,18.47L6.71,19.29L8.6,22.47L12,21L15.4,22.46L17.29,19.28L20.9,18.46L20.56,14.78L23,12M10,17L6,13L7.41,11.59L10,14.17L16.59,7.58L18,9L10,17Z'/></svg> </div> </b:includable> <b:includable id='post-authorImage'> <b:if cond='!data:view.isPost'> <b:if cond='data:post.author.authorPhoto.image'> <div class='im' expr:data-style='"background-image: url(" + resizeImage(data:post.author.authorPhoto.image,20,"1:1") + ")"'> <b:class cond='data:view.url != data:view.url params { amp: "1" }' name='lazy'/> <b:attr cond='data:view.url == data:view.url params { amp: "1" }' expr:value='"background-image: url(" + resizeImage(data:post.author.authorPhoto.image,20,"1:1") + ")"' name='style'/> </div> <noscript><div class='im' expr:style='"background-image: url(" + resizeImage(data:post.author.authorPhoto.image,20,"1:1") + ")"'/></noscript> <b:elseif cond='!data:view.isMultipleItems'/> <div class='im'><b:include name='profile-icon'/></div> </b:if> <b:else/> <b:if cond='data:post.author.authorPhoto.image'> <div class='im lazy' expr:data-style='"background-image: url(" + resizeImage(data:post.author.authorPhoto.image,40,"1:1") + ")"'> <b:class cond='data:view.url != data:view.url params { amp: "1" }' name='lazy'/> <b:attr cond='data:view.url == data:view.url params { amp: "1" }' expr:value='"background-image: url(" + resizeImage(data:post.author.authorPhoto.image,20,"1:1") + ")"' name='style'/> </div> <noscript><div class='im' expr:style='"background-image: url(" + resizeImage(data:post.author.authorPhoto.image,40,"1:1") + ")"'/></noscript> <b:else/> <div class='aFl'> <span><data:post.author.name/></span> </div> </b:if> </b:if> </b:includable> <b:includable id='post-authorName'> <!--[ Post Author without Link ]--> <!--<bdi class='nm' expr:data-text='data:post.author.name' expr:data-write='data:widgets.Blog.first.allBylineItems.author.label'/>--> <!--[ Post Author with Link ]--> <b:tag class='nm' expr:data-text='data:post.author.name' expr:data-write='data:widgets.Blog.first.allBylineItems.author.label' expr:name='data:post.author.profileUrl ? "a" : "span"'> <b:attr cond='data:post.author.profileUrl' expr:value='data:post.author.name' name='aria-label'/> <b:attr cond='data:post.author.profileUrl' expr:value='data:post.author.profileUrl' name='href'/> <b:attr cond='data:post.author.profileUrl' name='rel' value='author noreferrer'/> <b:attr cond='data:post.author.profileUrl' name='target' value='_blank'/> </b:tag> </b:includable> <!--[ Post article ]--> <b:includable id='postHeaders'> <div class='pHdr pSml'> <b:include name='postLabelorSponsor'/> </div> </b:includable> <b:includable id='postCommentsLinks'> <b:if cond='data:post.allowComments and data:post.numberOfComments > 0'> <a class='cmnt' expr:aria-label='data:messages.comments' expr:data-text='data:post.numberOfComments' expr:href='data:post.url.canonical fragment "comment"' role='button'> <b:include name='chat-icon'/> </a> </b:if> </b:includable> <b:includable id='postCommentsUrl'> <b:if cond='data:post.allowComments and data:post.numberOfComments > 0'> <a class='cmnt' expr:aria-label='data:messages.comments' expr:data-text='data:post.numberOfComments' expr:href='data:post.url.canonical fragment "comment"' role='button'> <b:class cond='data:view.isSingleItem' name='tIc'/> <b:include name='chat-icon'/> </a> </b:if> </b:includable> <b:includable id='postCommentsLabel'> <b:if cond='data:post.allowComments and data:post.numberOfComments > 0'> <label class='cmnt' expr:data-text='data:post.numberOfComments' for='forComments'> <b:class cond='data:view.isSingleItem' name='tIc'/> <b:include name='chat-icon'/> </label> </b:if> </b:includable> <b:includable id='postSponsored'> <div class='spnr'> <b:include name='link-icon'/> </div> </b:includable> <b:includable id='postProduct'> <div class='spnr'> <b:include name='tag-icon'/> </div> </b:includable> <b:includable id='postLabelSponsored'> <div class='pLbls nSpr'> <b:loop index='s' values='data:post.labels' var='label'> <b:if cond='data:s == 0'> <b:tag expr:data-text='data:label.name' name='span'/> </b:if> </b:loop> </div> </b:includable> <b:includable id='postLabel'> <b:if cond='data:widgets.Blog.first.allBylineItems.labels'> <div class='pLbls'> <b:attr cond='data:post.labels' expr:value='data:widgets.Blog.first.allBylineItems.labels.label' name='data-text'/> <b:loop index='i' values='data:post.labels' var='label'> <b:if cond='data:i <= 1'> <b:tag expr:data-text='data:label.name' expr:name='data:blog.url != data:label.url ? "a" : "span"'> <b:attr cond='data:blog.url != data:label.url' expr:value='data:label.url.canonical' name='href'/> <b:attr cond='data:blog.url != data:label.url' name='rel' value='tag'/> <b:attr cond='data:blog.url != data:label.url' expr:value='data:label.name' name='aria-label'/> </b:tag> </b:if> </b:loop> </div> </b:if> </b:includable> <b:includable id='postLabelorSponsor'> <b:if cond='data:post.labels none (label => label.name in [ "Sponsored" ])'> <!--[ Post labels ]--> <b:include cond='data:post.labels' name='postLabel'/> <b:else/> <b:include name='postLabelSponsored'/> </b:if> </b:includable> <b:includable id='postJumpLinks'> <a class='pJmp' expr:aria-label='data:blog.jumpLinkMessage' expr:data-text='data:messages.keepReading' expr:href='data:post.url.canonical'/> </b:includable> <b:includable id='postTimestampPublish'> <time class='aTtmp pTtmp pbl' data-type='Published' expr:data-text='format(data:post.date, "MMM d, YYYY")' expr:datetime='data:post.date.iso8601' expr:title='"Published: " + data:post.date format "MMMM d, YYYY"'/> </b:includable> <b:includable id='postTimestamps'> <b:if cond='data:post.lastUpdated != data:post.date'> <time class='aTtmp pTtmp upd' data-date='Updated:' expr:data-text='format(data:post.lastUpdated, "MMMM d, YYYY")' expr:data-time='format(data:post.lastUpdated, "MMM d, YYYY")' expr:datetime='data:post.lastUpdated.iso8601' expr:title='"Last updated: " + data:post.lastUpdated format "MMMM d, YYYY"'/> <b:else/> <time class='aTtmp pTtmp pbl' expr:data-text='format(data:post.date, "MMMM d, YYYY")' expr:data-time='format(data:post.lastUpdated, "MMM d, YYYY")' expr:datetime='data:post.date.iso8601' expr:title='"Published: " + data:post.date format "MMMM d, YYYY"'/> </b:if> </b:includable> <b:includable id='postEntrySnippet'> <b:eval expr='snippet(data:post.snippets.long, {length: 150, links: false, linebreaks: false})'/> <!--<b:eval expr='snippet(data:post.body, {length: 90, links: false, linebreaks: false})'/>--> </b:includable> <b:includable id='postEntryThumbnail'> <b:if cond='data:post.featuredImage.isYoutube'> <img class='imgThm lazy' expr:alt='data:post.title ? data:post.title : data:messages.image' expr:data-src='data:post.featuredImage.youtubeMaxResDefaultUrl.isResizable ? resizeImage(data:post.featuredImage.youtubeMaxResDefaultUrl, 600, "18:9") : data:post.featuredImage.youtubeMaxResDefaultUrl' src='data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs='/> <noscript><img class='imgThm' expr:alt='data:post.title ? data:post.title : data:messages.image' expr:src='data:post.featuredImage.youtubeMaxResDefaultUrl.isResizable ? resizeImage(data:post.featuredImage.youtubeMaxResDefaultUrl, 600, "18:9") : data:post.featuredImage.youtubeMaxResDefaultUrl'/></noscript> <b:else/> <img class='imgThm lazy' expr:alt='data:post.title ? data:post.title : data:messages.image' expr:data-src='data:post.featuredImage.isResizable ? resizeImage(data:post.featuredImage, 600, "18:9") : data:post.featuredImage' src='data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs='/> <noscript><img class='imgThm' expr:alt='data:post.title ? data:post.title : data:messages.image' expr:src='data:post.featuredImage.isResizable ? resizeImage(data:post.featuredImage, 600, "18:9") : data:post.featuredImage'/></noscript> </b:if> </b:includable> <!--[ Comment button ]--> <b:includable id='post-commentButton'> <!--[ Show/hide Comment ]--> <div class='cmShw'> <label class='cmBtn button' for='forComments'> <!--[ Delete tag bellow to change button style ]--> <b:class name='ln'/> <b:if cond='data:post.numberOfComments > 0'> <span><data:messages.joinTheConversation/> (<data:post.numberOfComments/>)</span> <b:else/> <data:messages.postAComment/> </b:if> </label> </div> </b:includable> <!--[ Comment disqus ]--> <b:includable id='post-commentDisqus'> <div class='cmDisqus' id='disqus_thread'> <div class='cmBtn button' id='disqusshow' onclick='load_Comments()'> <!--[ Delete tag bellow to change button style ]--> <b:class name='ln'/> <span><data:messages.joinTheConversation/></span> </div> </div> <script>/*<![CDATA[*/ var disqus_shortname = "nldblog"; !function(){var e=document.createElement("script");e.defer=!0,e.src="//"+disqus_shortname+".disqus.com/blogger_item.js",(document.getElementsByTagName("head")[0]||document.getElementsByTagName("body")[0]).appendChild(e)}(); function load_Comments(){var e=document.getElementById("disqusshow");e.style.display="none";var t="nldblog";!function(){var e=document.createElement("script");e.defer=!0,e.src="https://"+t+".disqus.com/embed.js",(document.getElementsByTagName("head")[0]||document.getElementsByTagName("body")[0]).appendChild(e)}()}; var uri = window.location.toString(); if (uri.indexOf("?m=1","?m=1") > 0) {var clean_uri = uri.substring(0, uri.indexOf("?m=1"));window.history.replaceState({}, document.title, clean_uri); }; /*]]>*/</script> </b:includable> <!--[ Comment disqus on-scroll ]--> <b:includable id='post-commentDisqusScroll'> <div class='cmDisqus' id='disqus_thread'> <div id='disqus_empty'/> </div> <!--[ Disqus script by bungfrangki.com, change 'nldblog' with your disqus_shortname ]--> <script>var disqus_blogger_current_url = "<data:blog.canonicalUrl/>"; if (!disqus_blogger_current_url.length) {disqus_blogger_current_url = "<data:blog.url/>";} var disqus_blogger_homepage_url = "<data:blog.canonicalHomepageUrl/>"; var disqus_blogger_canonical_homepage_url = "<data:blog.canonicalHomepageUrl/>";</script> <script>/*<![CDATA[*/ function load_disqus( disqus_shortname ) {var y = document.getElementById('disqus_empty'), t = document.getElementById('disqus_thread'), e = document.createElement('script'), d = document.createElement('script'), h = (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]); if( t && y ) {e.async = true; e.src = '//' + disqus_shortname + '.disqus.com/embed.js'; h.appendChild(e); d.async = !0; d.src = '//' + disqus_shortname + '.disqus.com/blogger_item.js'; h.appendChild(d); y.remove(); } }; window.addEventListener('scroll', function(e) {var currentScroll = document.scrollingElement.scrollTop; var t = document.getElementById('disqus_thread'); if( t && (currentScroll > t.getBoundingClientRect().top - 150) ) {load_disqus('nldblog'); console.log('Disqus loaded.'); }}, false); var uri = window.location.toString(); if (uri.indexOf("?m=1","?m=1") > 0) {var clean_uri = uri.substring(0, uri.indexOf("?m=1"));window.history.replaceState({}, document.title, clean_uri); }; /*]]>*/</script> </b:includable> <!--[ Comment FB ]--> <b:includable id='post-commentFB'> <div id='fb-root'/> <script src='http://connect.facebook.net/en_US/all.js#xfbml=1' type='deferjs'/> <div id='commentFB'><fb:comments expr:href='data:post.url' num_posts='10' width='650'/></div> <script>/*<![CDATA[*/ var uri = window.location.toString(); if (uri.indexOf("?m=1","?m=1") > 0) {var clean_uri = uri.substring(0, uri.indexOf("?m=1"));window.history.replaceState({}, document.title, clean_uri); }; /*]]>*/</script> </b:includable> <!--[ Fixed Back to Top ]--> <b:includable id='button-backtoTop'> <div class='toTopB' id='backTop' onclick='window.scrollTo({top: 0});'> <svg viewBox='0 0 34 34'><circle class='b' cx='17' cy='17' r='15.92'/><circle class='c scrollProgress' cx='17' cy='17' r='15.92'/><path class='line d' d='M15.07,21.06,19.16,17l-4.09-4.06'/></svg> </div> </b:includable> <!--[ Loadmore pagination ]--> <b:includable id='post-pagination1'> <script> /*! Simple AJAX infinite scroll by Taufik Nurrohman dte.web.id */ !function(t,e){t.InfiniteScroll=function(n){function r(t,n){return n=n||e,n.querySelectorAll(t)}function o(t){return void 0!==t}function a(t){return"function"==typeof t}function i(t,e){t=t||{};for(var n in e)t[n]="object"==typeof e[n]?i(t[n],e[n]):e[n];return t}function s(t,e,n){return o(t)?o(e)?void(o(n)?g[t][n]=e:g[t].push(e)):g[t]:g}function d(t,e){o(e)?delete g[t][e]:g[t]=[]}function l(t,e){if(o(g[t]))for(var n in g[t])g[t][n](e)}function c(){return L.innerHTML=p.text.loading,v=!0,M?(y.classList.add(p.state.loading),l("loading",[p]),void u(M,function(t,n){y.className=x+" "+p.state.load,h=e.createElement("div"),h.innerHTML=t;var o=r("title",h),a=r(p.target.post,h),i=r(p.target.anchors+" "+p.target.anchor,h),s=r(p.target.post,H);if(o=o&&o[0]?o[0].innerHTML:"",a.length&&s.length){var d=s[s.length-1];e.title=o,d.insertAdjacentHTML("afterend"," "),h=e.createElement("div");for(var c=0,u=a.length;u>c;++c)h.appendChild(a[c]);d.insertAdjacentHTML("afterend",h.innerHTML),f(),M=i.length?i[0].href:!1,v=!1,q++,l("load",[p,t,n])}},function(t,e){y.classList.add(p.state.error),v=!1,f(1),l("error",[p,t,e])})):(y.classList.add(p.state.loaded),L.innerHTML=p.text.loaded,l("loaded",[p]))}function f(t){if(L.innerHTML="",T){h.innerHTML=p.text[t?"error":"load"];var e=h.firstChild;e.onclick=function(){return 2===p.type&&(T=!1),c(),!1},L.appendChild(e)}}var u="infinite-scroll-state-",p={target:{posts:".posts",post:".post",anchors:".anchors",anchor:".anchor"},text:{load:"%s",loading:"%s",loaded:"%s",error:"%s"},state:{load:u+"load",loading:u+"loading",loaded:u+"loaded",error:u+"error"}},g={load:[],loading:[],loaded:[],error:[]};p=i(p,n||{}),p.on=s,p.off=d;var h=null,u=function(e,n,r){if(t.XMLHttpRequest){var o=new XMLHttpRequest;o.onreadystatechange=function(){if(4===o.readyState){if(200!==o.status)return void(r&&a(r)&&r(o.responseText,o));n&&a(n)&&n(o.responseText,o)}},o.open("GET",e),o.send()}},T=1!==p.type,v=!1,H=r(p.target.posts)[0],L=r(p.target.anchors)[0],M=r(p.target.anchor,L),m=e.body,y=e.documentElement,x=y.className||"",E=H.offsetTop+H.offsetHeight,j=t.innerHeight,A=0,b=null,q=1;if(M.length){M=M[0].href,H.insertAdjacentHTML("afterbegin"," "),h=e.createElement("div"),f();var w=function(){E=H.offsetTop+H.offsetHeight,j=t.innerHeight,A=m.scrollTop||y.scrollTop,v||E>A+j||c()};w(),0!==p.type&&t.addEventListener("scroll",function(){T||(b&&t.clearTimeout(b),b=t.setTimeout(w,200))},!1)}return p}}(window,document); if(typeof InfiniteScroll !== "undefined") { var infinite_scroll = new InfiniteScroll ({ type: 0, target: { posts: ".blogPts", post: ".ntry", anchors: ".blogPg", anchor: ".olLnk"}, text: {load: "<a class='jsLd' expr:aria-label='data:messages.loadMorePosts' expr:data-text='data:messages.loadMorePosts' href='javascript:;'/>", loading: "<div class='jsLd wait nPst' expr:data-text='data:messages.loading'><svg viewBox='0 0 50 50' x='0px' y='0px'><path d='M25.251,6.461c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615V6.461z'><animateTransform attributeName='transform' attributeType='xml' dur='0.6s' from='0 25 25' repeatCount='indefinite' to='360 25 25' type='rotate'/></path></svg></div>", loaded: "<div class='jsLd nPst' expr:data-text='data:messages.noResultsFound'/>", error: "<a class='jsLd error' expr:aria-label='data:messages.loadMorePosts' expr:data-text='data:messages.moreEllipsis' href='javascript:;'/>"} }); } function puImgPs(){for(var e=qSell(".ntry img.imgThm"),t=0;t<e.length;t++)if(e[t].getAttribute("data-src")){var n=e[t].getAttribute("data-src");1!=n.includes("blogspot")&&1!=n.includes("googleusercontent")||1!=n.includes("-pd")&&1!=n.includes("-p-k-no-nu")||0!=n.includes("-rw")||e[t].setAttribute("data-src",n.replace("-nu","-nu-rw-e30").replace("-pd","-pd-rw-e30"))}} "undefined"!=typeof infinite_scroll&&infinite_scroll.on("load",() => { puImgPs();typeof puViews=="function"&&(puViews());typeof bkMrk=="function"&&(bkMrk());typeof pushAds=="function"&&(pushAds()); });</script> </b:includable> <!--[ Numbered pagination (Feeds must be enabled to work) ]--> <b:includable id='post-pagination2'> <script async='async' defer='defer'>/*<![CDATA[*/ var perPage = 7, numPages = 3, firstText = "First", lastText = "Last", prevText = "Previous", nextText = "Next", urlactivepage = location.href, home_page = "/"; var noPage,currentPage,currentPageNo,postLabel;function loadScript(e,a,r){var t=document.createElement("script");t.type="text/javascript",t.src=e,t.async=a,r&&(t.onload=r),document.getElementsByTagName("head")[0].appendChild(t)}function looppagecurrentg(e){var a="";pageNumber=parseInt(numPages/2),pageNumber==numPages-pageNumber&&(numPages=2*pageNumber+1),pageStart=currentPageNo-pageNumber,pageStart<1&&(pageStart=1),lastPageNo=parseInt(e/perPage)+1,lastPageNo-1==e/perPage&&--lastPageNo,pageEnd=pageStart+numPages-1,pageEnd>lastPageNo&&(pageEnd=lastPageNo),a+="<span class='pgOf'>Page "+currentPageNo+" of "+lastPageNo+"</span>";e=parseInt(currentPageNo)-1;1<currentPageNo&&(a+="page"==currentPage?'<a class="pgFirst" href="'+home_page+'">'+firstText+"</a>":'<a class="pgFirst" href="/search/label/'+postLabel+"?&max-results="+perPage+'">'+firstText+"</a>"),2<currentPageNo&&(a+=3==currentPageNo?"page"==currentPage?'<a class="pgPrev" href="'+home_page+'">'+prevText+"</a>":'<a class="pgPrev" href="/search/label/'+postLabel+"?&max-results="+perPage+'">'+prevText+"</a>":"page"==currentPage?'<a class="pgPrev" href="#" onclick="redirectpage('+e+');return false">'+prevText+"</a>":'<a class="pgPrev" href="#" onclick="redirectlabel('+e+');return false">'+prevText+"</a>"),1<pageStart&&(a+="page"==currentPage?'<a class="pgNmbr" href="'+home_page+'">1</a>':'<a class="pgNmbr" href="/search/label/'+postLabel+"?&max-results="+perPage+'">1</a>'),2<pageStart&&(a+='<span class="pgHlip">…</span>');for(var r=pageStart;r<=pageEnd;r++)a+=currentPageNo==r?'<span class="pgCrnt nPst">'+r+"</span>":1==r?"page"==currentPage?'<a class="pgNmbr" href="'+home_page+'">1</a>':'<a class="pgNmbr" href="/search/label/'+postLabel+"?&max-results="+perPage+'">1</a>':"page"==currentPage?'<a class="pgNmbr" href="#" onclick="redirectpage('+r+');return false">'+r+"</a>":'<a class="pgNmbr" href="#" onclick="redirectlabel('+r+');return false">'+r+"</a>";pageEnd<lastPageNo-1&&(a+='<span class="pgHlip">…</span>'),pageEnd<lastPageNo&&(a+="page"==currentPage?'<a class="pgNmbr" href="#" onclick="redirectpage('+lastPageNo+');return false">'+lastPageNo+"</a>":'<a class="pgNmbr" href="#" onclick="redirectlabel('+lastPageNo+');return false">'+lastPageNo+"</a>");e=parseInt(currentPageNo)+1;currentPageNo<lastPageNo-1&&(a+="page"==currentPage?'<a class="pgNext" href="#" onclick="redirectpage('+e+');return false">'+nextText+"</a>":'<a class="pgNext" href="#" onclick="redirectlabel('+e+');return false">'+nextText+"</a>"),currentPageNo<lastPageNo&&(a+="page"==currentPage?'<a class="pgLast" href="#" onclick="redirectpage('+lastPageNo+');return false">'+lastText+"</a>":'<a class="pgLast" href="#" onclick="redirectlabel('+lastPageNo+');return false">'+lastText+"</a>");for(var t=document.getElementsByName("pageArea"),e=getid("blogPager"),s=0;s<t.length;s++)t[s].innerHTML=a;t&&0<t.length&&(a=""),e&&(e.innerHTML=a)}function totalcountdata(e){e=e.feed;looppagecurrentg(parseInt(e.openSearch$totalResults.$t,10))}function pagecurrentg(){var e=urlactivepage;-1!=e.indexOf("/search/label/")&&(postLabel=-1!=e.indexOf("?updated-max")?e.substring(e.indexOf("/search/label/")+14,e.indexOf("?updated-max")):e.substring(e.indexOf("/search/label/")+14,e.indexOf("?&max"))),-1==e.indexOf("?q=")&&-1==e.indexOf(".html")&&(-1==e.indexOf("/search/label/")?(currentPage="page",currentPageNo=-1!=urlactivepage.indexOf("#PageNo=")?urlactivepage.substring(urlactivepage.indexOf("#PageNo=")+8,urlactivepage.length):1,loadScript(home_page+"feeds/posts/summary?max-results=1&alt=json-in-script&callback=totalcountdata",!0)):(currentPage="label",-1==e.indexOf("&max-results=")&&(perPage=20),currentPageNo=-1!=urlactivepage.indexOf("#PageNo=")?urlactivepage.substring(urlactivepage.indexOf("#PageNo=")+8,urlactivepage.length):1,loadScript(home_page+"feeds/posts/summary/-/"+postLabel+"?alt=json-in-script&callback=totalcountdata&max-results=1",!0)))}function redirectpage(e){jsonstart=(e-1)*perPage,noPage=e,loadScript(home_page+"feeds/posts/summary?start-index="+jsonstart+"&max-results=1&alt=json-in-script&callback=finddatepost",!0)}function redirectlabel(e){jsonstart=(e-1)*perPage,noPage=e,loadScript(home_page+"feeds/posts/summary/-/"+postLabel+"?start-index="+jsonstart+"&max-results=1&alt=json-in-script&callback=finddatepost",!0)}function finddatepost(e){post=e.feed.entry[0];e=post.published.$t.substring(0,19)+post.published.$t.substring(23,29),e=encodeURIComponent(e),e="page"==currentPage?"/search?updated-max="+e+"&max-results="+perPage+"#PageNo="+noPage:"/search/label/"+postLabel+"?updated-max="+e+"&max-results="+perPage+"#PageNo="+noPage;location.href=e}void 0===firstText&&(firstText="First"),void 0===lastText&&(lastText="Last"),pagecurrentg(); /*]]>*/</script> </b:includable> <!--[ Single page condition ]--> <b:includable id='post-singlePage'> <style>/*<![CDATA[*/ .blogM .mainbar{flex-basis:100%} .blogM .sidebar{display:none; flex:0 0 530px;margin:50px auto 0} .blogM .sidebar::before{display:none} .sideIn{width:100%} /*]]>*/</style> </b:includable> <!--[ SVG Icon ]--> <b:includable id='back-icon'> <!--[ Back icon ]--> <svg class='line' viewBox='0 0 24 24'><g transform='translate(12.000000, 12.000000) rotate(-270.000000) translate(-12.000000, -12.000000) translate(5.000000, 8.500000)'><path d='M14,0 C14,0 9.856,7 7,7 C4.145,7 0,0 0,0'/></g></svg> </b:includable> <b:includable id='forward-icon'> <!--[ Forward icon ]--> <svg class='line' viewBox='0 0 24 24'><g transform='translate(12.000000, 12.000000) rotate(-90.000000) translate(-12.000000, -12.000000) translate(5.000000, 8.500000)'><path d='M14,0 C14,0 9.856,7 7,7 C4.145,7 0,0 0,0'/></g></svg> </b:includable> <b:includable id='arrow-right-icon'> <!--[ Arrow right icon ]--> <svg class='line' viewBox='0 0 24 24'><g transform='translate(12.000000, 12.000000) rotate(-90.000000) translate(-12.000000, -12.000000) translate(5.500000, 4.000000)'><line x1='6.7743' x2='6.7743' y1='15.7501' y2='0.7501'/><path d='M12.7988,9.6998 C12.7988,9.6998 9.5378,15.7498 6.7758,15.7498 C4.0118,15.7498 0.7498,9.6998 0.7498,9.6998'/></g></svg> </b:includable> <b:includable id='arrow-left-icon'> <!--[ Arrow left icon ]--> <svg class='line' viewBox='0 0 24 24'><g transform='translate(12.000000, 12.000000) rotate(-270.000000) translate(-12.000000, -12.000000) translate(5.500000, 4.000000)'><line x1='6.7743' x2='6.7743' y1='15.7501' y2='0.7501'/><path d='M12.7988,9.6998 C12.7988,9.6998 9.5378,15.7498 6.7758,15.7498 C4.0118,15.7498 0.7498,9.6998 0.7498,9.6998'/></g></svg> </b:includable> <b:includable id='arow-down-icon'> <!--[ Arrow down icon ]--> <svg class='line d' viewBox='0 0 24 24'><g transform='translate(5.000000, 8.500000)'><path d='M14,0 C14,0 9.856,7 7,7 C4.145,7 0,0 0,0'/></g></svg> </b:includable> <b:includable id='arow-up-icon'> <!--[ Arrow up icon ]--> <svg class='line u' viewBox='0 0 24 24'><g transform='translate(12.000000, 12.000000) rotate(-180.000000) translate(-12.000000, -12.000000) translate(5.000000, 8.500000)'><path d='M14,0 C14,0 9.856,7 7,7 C4.145,7 0,0 0,0'/></g></svg> </b:includable> <b:includable id='arow-up-circle-icon'> <!--[ Arrow up circle icon ]--> <svg class='line' viewBox='0 0 24 24'><g transform='translate(2.500000, 3.000000)'><path class='fill' d='M9.5,18 C3.00557739,18 0.456662548,17.5386801 0.0435259337,15.2033146 C-0.36961068,12.8679491 2.27382642,8.47741935 3.08841712,7.02846996 C5.81256986,2.18407813 7.66371927,0 9.5,0 C11.3362807,0 13.1874301,2.18407813 15.9115829,7.02846996 C16.7261736,8.47741935 19.3696107,12.8679491 18.9564741,15.2033146 C18.5443995,17.5386801 15.9944226,18 9.5,18 Z'/></g></svg> </b:includable> <!--[ Eye icon ]--> <b:includable id='eye-icon'> <svg class='line' viewBox='0 0 24 24'><g transform='translate(2.000000, 4.000000)'><path class='svgC' d='M13.1643,8.0521 C13.1643,9.7981 11.7483,11.2141 10.0023,11.2141 C8.2563,11.2141 6.8403,9.7981 6.8403,8.0521 C6.8403,6.3051 8.2563,4.8901 10.0023,4.8901 C11.7483,4.8901 13.1643,6.3051 13.1643,8.0521 Z'/><path d='M0.7503,8.0521 C0.7503,11.3321 4.8923,15.3541 10.0023,15.3541 C15.1113,15.3541 19.2543,11.3351 19.2543,8.0521 C19.2543,4.7691 15.1113,0.7501 10.0023,0.7501 C4.8923,0.7501 0.7503,4.7721 0.7503,8.0521 Z'/></g></svg> </b:includable> <!--[ Profile icon ]--> <b:includable id='profile-icon'> <svg class='line' viewBox='0 0 24 24'><path class='svgC' d='M12 12C14.7614 12 17 9.76142 17 7C17 4.23858 14.7614 2 12 2C9.23858 2 7 4.23858 7 7C7 9.76142 9.23858 12 12 12Z'/><path d='M20.5899 22C20.5899 18.13 16.7399 15 11.9999 15C7.25991 15 3.40991 18.13 3.40991 22'/></svg> </b:includable> <!--[ Profile Circle icon ]--> <b:includable id='profile-circle-icon'> <svg class='line' viewBox='0 0 24 24'><path class='svgC' d='M12.12 12.78C12.05 12.77 11.96 12.77 11.88 12.78C10.12 12.72 8.71997 11.28 8.71997 9.50998C8.71997 7.69998 10.18 6.22998 12 6.22998C13.81 6.22998 15.28 7.69998 15.28 9.50998C15.27 11.28 13.88 12.72 12.12 12.78Z'/><path d='M18.74 19.3801C16.96 21.0101 14.6 22.0001 12 22.0001C9.40001 22.0001 7.04001 21.0101 5.26001 19.3801C5.36001 18.4401 5.96001 17.5201 7.03001 16.8001C9.77001 14.9801 14.25 14.9801 16.97 16.8001C18.04 17.5201 18.64 18.4401 18.74 19.3801Z'/><path d='M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z'/></svg> </b:includable> <!--[ Profiles icon ]--> <b:includable id='profiles-icon'> <svg class='line' viewBox='0 0 24 24'><g transform='translate(2.749500, 2.549500)'><path d='M6.809,18.9067 C3.137,18.9067 9.41469125e-14,18.3517 9.41469125e-14,16.1277 C9.41469125e-14,13.9037 3.117,11.8997 6.809,11.8997 C10.481,11.8997 13.617,13.8847 13.617,16.1077 C13.617,18.3307 10.501,18.9067 6.809,18.9067 Z'/><path d='M6.809,8.728 C9.219,8.728 11.173,6.774 11.173,4.364 C11.173,1.954 9.219,-2.48689958e-14 6.809,-2.48689958e-14 C4.399,-2.48689958e-14 2.44496883,1.954 2.44496883,4.364 C2.436,6.766 4.377,8.72 6.778,8.728 L6.809,8.728 Z'/><path class='svgC' d='M14.0517,7.5293 C15.4547,7.1543 16.4887007,5.8753 16.4887007,4.3533 C16.4897,2.7653 15.3627,1.4393 13.8647,1.1323'/><path class='svgC' d='M14.7113,11.104 C16.6993,11.104 18.3973,12.452 18.3973,13.655 C18.3973,14.364 17.8123,15.092 16.9223,15.301'/></g></svg> </b:includable> <!--[ Search icon ]--> <b:includable id='search-icon'> <svg class='line' viewBox='0 0 24 24'><g><circle cx='11.36167' cy='11.36167' r='9.36167'/><line class='svgC' x1='22' x2='19.9332' y1='22' y2='19.9332'/></g></svg> <!--<svg class='line' viewBox='0 0 24 24'><g transform='translate(2.000000, 2.000000)'><circle cx='9.76659044' cy='9.76659044' r='8.9885584'/><line x1='16.0183067' x2='19.5423342' y1='16.4851259' y2='20.0000001'/></g></svg>--> </b:includable> <!--[ Share icon ]--> <b:includable id='share-icon'> <svg class='line' viewBox='0 0 24 24'><path d='M16.44 8.8999C20.04 9.2099 21.51 11.0599 21.51 15.1099V15.2399C21.51 19.7099 19.72 21.4999 15.25 21.4999H8.73998C4.26998 21.4999 2.47998 19.7099 2.47998 15.2399V15.1099C2.47998 11.0899 3.92998 9.2399 7.46998 8.9099'/><path class='svgC' d='M12 15.0001V3.62012'/><path class='svgC' d='M15.35 5.85L12 2.5L8.65002 5.85'/></svg> </b:includable> <!--[ Share icon ]--> <b:includable id='share-alt-icon'> <svg class='line' viewBox='0 0 24 24'><path d='M92.30583,264.72053a3.42745,3.42745,0,0,1-.37,1.57,3.51,3.51,0,1,1,0-3.13995A3.42751,3.42751,0,0,1,92.30583,264.72053Z' transform='translate(-83.28571 -252.73452)'/><circle class='svgC' cx='18.48892' cy='5.49436' r='3.51099'/><circle class='svgC' cx='18.48892' cy='18.50564' r='3.51099'/><line class='cls-3' x1='12.53012' x2='8.65012' y1='8.476' y2='10.416'/><line class='cls-3' x1='12.53012' x2='8.65012' y1='15.496' y2='13.556'/></svg> </b:includable> <!--[ Instagram icon ]--> <b:includable id='instagram-icon'> <svg viewBox='0 0 32 32'><path d='M22,3H10a7,7,0,0,0-7,7V22a7,7,0,0,0,7,7H22a7,7,0,0,0,7-7V10A7,7,0,0,0,22,3Zm5,19a5,5,0,0,1-5,5H10a5,5,0,0,1-5-5V10a5,5,0,0,1,5-5H22a5,5,0,0,1,5,5Z'/><path class='svgC' d='M16,9.5A6.5,6.5,0,1,0,22.5,16,6.51,6.51,0,0,0,16,9.5Zm0,11A4.5,4.5,0,1,1,20.5,16,4.51,4.51,0,0,1,16,20.5Z'/><circle class='svgC' cx='23' cy='9' r='1'/></svg> </b:includable> <!--[ Facebook icon ]--> <b:includable id='facebook-icon'> <svg viewBox='0 0 32 32'><path d='M24,3H8A5,5,0,0,0,3,8V24a5,5,0,0,0,5,5H24a5,5,0,0,0,5-5V8A5,5,0,0,0,24,3Zm3,21a3,3,0,0,1-3,3H17V18h4a1,1,0,0,0,0-2H17V14a2,2,0,0,1,2-2h2a1,1,0,0,0,0-2H19a4,4,0,0,0-4,4v2H12a1,1,0,0,0,0,2h3v9H8a3,3,0,0,1-3-3V8A3,3,0,0,1,8,5H24a3,3,0,0,1,3,3Z'/></svg> </b:includable> <!--[ Facebook rounded icon ]--> <b:includable id='facebook-r-icon'> <svg viewBox='0 0 64 64'><path d='M20.1,36h3.4c0.3,0,0.6,0.3,0.6,0.6V58c0,1.1,0.9,2,2,2h7.8c1.1,0,2-0.9,2-2V36.6c0-0.3,0.3-0.6,0.6-0.6h5.6 c1,0,1.9-0.7,2-1.7l1.3-7.8c0.2-1.2-0.8-2.4-2-2.4h-6.6c-0.5,0-0.9-0.4-0.9-0.9v-5c0-1.3,0.7-2,2-2h5.9c1.1,0,2-0.9,2-2V6.2 c0-1.1-0.9-2-2-2h-7.1c-13,0-12.7,10.5-12.7,12v7.3c0,0.3-0.3,0.6-0.6,0.6h-3.4c-1.1,0-2,0.9-2,2v7.8C18.1,35.1,19,36,20.1,36z'/></svg> </b:includable> <!--[ Twitter icon ]--> <b:includable id='twitter-icon'> <svg viewBox='0 0 32 32'><path d='M13.35,28A13.66,13.66,0,0,1,2.18,22.16a1,1,0,0,1,.69-1.56l2.84-.39A12,12,0,0,1,5.44,4.35a1,1,0,0,1,1.7.31,9.87,9.87,0,0,0,5.33,5.68,7.39,7.39,0,0,1,7.24-6.15,7.29,7.29,0,0,1,5.88,3H29a1,1,0,0,1,.9.56,1,1,0,0,1-.11,1.06L27,12.27c0,.14,0,.28-.05.41a12.46,12.46,0,0,1,.09,1.43A13.82,13.82,0,0,1,13.35,28ZM4.9,22.34A11.63,11.63,0,0,0,13.35,26,11.82,11.82,0,0,0,25.07,14.11,11.42,11.42,0,0,0,25,12.77a1.11,1.11,0,0,1,0-.26c0-.22.05-.43.06-.65a1,1,0,0,1,.22-.58l1.67-2.11H25.06a1,1,0,0,1-.85-.47,5.3,5.3,0,0,0-4.5-2.51,5.41,5.41,0,0,0-5.36,5.45,1.07,1.07,0,0,1-.4.83,1,1,0,0,1-.87.2A11.83,11.83,0,0,1,6,7,10,10,0,0,0,8.57,20.12a1,1,0,0,1,.37,1.05,1,1,0,0,1-.83.74Z'/></svg> </b:includable> <!--[ Twitter (X) rounded icon ]--> <b:includable id='twitter-r-icon'> <svg viewBox='0 0 512 512'><path d='M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z'/></svg> </b:includable> <!--[ Telegram icon ]--> <b:includable id='telegram-icon'> <svg viewBox='0 0 32 32'><path d='M24,28a1,1,0,0,1-.62-.22l-6.54-5.23a1.83,1.83,0,0,1-.13.16l-4,4a1,1,0,0,1-1.65-.36L8.2,18.72,2.55,15.89a1,1,0,0,1,.09-1.82l26-10a1,1,0,0,1,1,.17,1,1,0,0,1,.33,1l-5,22a1,1,0,0,1-.65.72A1,1,0,0,1,24,28Zm-8.43-9,7.81,6.25L27.61,6.61,5.47,15.12l4,2a1,1,0,0,1,.49.54l2.45,6.54,2.89-2.88-1.9-1.53A1,1,0,0,1,13,19a1,1,0,0,1,.35-.78l7-6a1,1,0,1,1,1.3,1.52Z'/></svg> </b:includable> <!--[ Telegram rounded icon ]--> <b:includable id='telegram-r-icon'> <svg viewBox='0 0 64 64'><path d='M56.4,8.2l-51.2,20c-1.7,0.6-1.6,3,0.1,3.5l9.7,2.9c2.1,0.6,3.8,2.2,4.4,4.3l3.8,12.1c0.5,1.6,2.5,2.1,3.7,0.9 l5.2-5.3c0.9-0.9,2.2-1,3.2-0.3l11.5,8.4c1.6,1.2,3.9,0.3,4.3-1.7l8.7-41.8C60.4,9.1,58.4,7.4,56.4,8.2z M50,17.4L29.4,35.6 c-1.1,1-1.9,2.4-2,3.9c-0.2,1.5-2.3,1.7-2.8,0.3l-0.9-3c-0.7-2.2,0.2-4.5,2.1-5.7l23.5-14.6C49.9,16.1,50.5,16.9,50,17.4z'/></svg> </b:includable> <!--[ Tiktok icon ]--> <b:includable id='tiktok-icon'> <svg viewBox='0 0 32 32'><path d='M24,3H8A5,5,0,0,0,3,8V24a5,5,0,0,0,5,5H24a5,5,0,0,0,5-5V8A5,5,0,0,0,24,3Zm3,21a3,3,0,0,1-3,3H8a3,3,0,0,1-3-3V8A3,3,0,0,1,8,5H24a3,3,0,0,1,3,3Z'/><path class='svgC' d='M22,12a3,3,0,0,1-3-3,1,1,0,0,0-2,0V19a3,3,0,1,1-3-3,1,1,0,0,0,0-2,5,5,0,1,0,5,5V13a4.92,4.92,0,0,0,3,1,1,1,0,0,0,0-2Z'/></svg> </b:includable> <!--[ Tumblr icon ]--> <b:includable id='tumblr-icon'> <svg viewBox='0 0 32 32'><path d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/><path class='svgC' d='M20,19a1,1,0,0,0-1,1,1,1,0,0,1-1,1H17a1,1,0,0,1-1-1V15h3a1,1,0,0,0,0-2H16V10a1,1,0,0,0-2,0v3H12a1,1,0,0,0,0,2h2v5a3,3,0,0,0,3,3h1a3,3,0,0,0,3-3A1,1,0,0,0,20,19Z'/></svg> </b:includable> <!--[ line icon ]--> <b:includable id='line-icon'> <svg viewBox='0 0 32 32'><path d='M16,2C8.28,2,2,7.38,2,14c0,5.48,4.34,10.24,10.44,11.6L12,28.87a1,1,0,0,0,.37.91A1,1,0,0,0,13,30a1,1,0,0,0,.35-.06C14,29.68,30,23.58,30,14,30,7.38,23.72,2,16,2ZM14.22,27.4l.33-2.47a1,1,0,0,0-.83-1.12C8.09,22.91,4,18.78,4,14,4,8.49,9.38,4,16,4S28,8.49,28,14C28,20.61,18.14,25.66,14.22,27.4Z'/><path class='svgC' d='M10,15.25H8.75V12a.75.75,0,0,0-1.5,0v4a.76.76,0,0,0,.75.75h2a.75.75,0,0,0,0-1.5Z'/><path class='svgC' d='M24,12.75a.75.75,0,0,0,0-1.5H22a.76.76,0,0,0-.75.75v4a.76.76,0,0,0,.75.75h2a.75.75,0,0,0,0-1.5H22.75v-.5H24a.75.75,0,0,0,0-1.5H22.75v-.5Z'/><path class='svgC' d='M13,11.25a.76.76,0,0,0-.75.75v4a.75.75,0,0,0,1.5,0V12A.76.76,0,0,0,13,11.25Z'/><path class='svgC' d='M19,11.25a.76.76,0,0,0-.75.75v1.75l-1.65-2.2a.75.75,0,0,0-1.35.45v4a.75.75,0,0,0,1.5,0V14.25l1.65,2.2a.75.75,0,0,0,.6.3.67.67,0,0,0,.24,0,.75.75,0,0,0,.51-.71V12A.76.76,0,0,0,19,11.25Z'/></svg> </b:includable> <!--[ Line rounded icon ]--> <b:includable id='line-r-icon'> <svg viewBox='0 0 24 24'><path d='M19.365 9.863c.349 0 .63.285.63.631 0 .345-.281.63-.63.63H17.61v1.125h1.755c.349 0 .63.283.63.63 0 .344-.281.629-.63.629h-2.386c-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.63.63-.63h2.386c.346 0 .627.285.627.63 0 .349-.281.63-.63.63H17.61v1.125h1.755zm-3.855 3.016c0 .27-.174.51-.432.596-.064.021-.133.031-.199.031-.211 0-.391-.09-.51-.25l-2.443-3.317v2.94c0 .344-.279.629-.631.629-.346 0-.626-.285-.626-.629V8.108c0-.27.173-.51.43-.595.06-.023.136-.033.194-.033.195 0 .375.104.495.254l2.462 3.33V8.108c0-.345.282-.63.63-.63.345 0 .63.285.63.63v4.771zm-5.741 0c0 .344-.282.629-.631.629-.345 0-.627-.285-.627-.629V8.108c0-.345.282-.63.63-.63.346 0 .628.285.628.63v4.771zm-2.466.629H4.917c-.345 0-.63-.285-.63-.629V8.108c0-.345.285-.63.63-.63.348 0 .63.285.63.63v4.141h1.756c.348 0 .629.283.629.63 0 .344-.282.629-.629.629M24 10.314C24 4.943 18.615.572 12 .572S0 4.943 0 10.314c0 4.811 4.27 8.842 10.035 9.608.391.082.923.258 1.058.59.12.301.079.766.038 1.08l-.164 1.02c-.045.301-.24 1.186 1.049.645 1.291-.539 6.916-4.078 9.436-6.975C23.176 14.393 24 12.458 24 10.314'/></svg> </b:includable> <!--[ Youtube icon ]--> <b:includable id='youtube-icon'> <svg viewBox='0 0 32 32'><path d='M29.73,9.9A5,5,0,0,0,25.1,5.36a115.19,115.19,0,0,0-18.2,0A5,5,0,0,0,2.27,9.9a69,69,0,0,0,0,12.2A5,5,0,0,0,6.9,26.64c3,.24,6.06.36,9.1.36s6.08-.12,9.1-.36a5,5,0,0,0,4.63-4.54A69,69,0,0,0,29.73,9.9Zm-2,12A3,3,0,0,1,25,24.65a113.8,113.8,0,0,1-17.9,0,3,3,0,0,1-2.78-2.72,65.26,65.26,0,0,1,0-11.86A3,3,0,0,1,7.05,7.35C10,7.12,13,7,16,7s6,.12,9,.35a3,3,0,0,1,2.78,2.72A65.26,65.26,0,0,1,27.73,21.93Z'/><path class='svgC' d='M21.45,15.11l-8-4A1,1,0,0,0,12,12v8a1,1,0,0,0,.47.85A1,1,0,0,0,13,21a1,1,0,0,0,.45-.11l8-4a1,1,0,0,0,0-1.78ZM14,18.38V13.62L18.76,16Z'/></svg> </b:includable> <!--[ LinkedIn icon ]--> <b:includable id='linkedIn-icon'> <svg viewBox='0 0 32 32'><path d='M24,3H8A5,5,0,0,0,3,8V24a5,5,0,0,0,5,5H24a5,5,0,0,0,5-5V8A5,5,0,0,0,24,3Zm3,21a3,3,0,0,1-3,3H8a3,3,0,0,1-3-3V8A3,3,0,0,1,8,5H24a3,3,0,0,1,3,3Z'/><path class='svgC' d='M11,14a1,1,0,0,0-1,1v6a1,1,0,0,0,2,0V15A1,1,0,0,0,11,14Z'/><path class='svgC' d='M19,13a4,4,0,0,0-4,4v4a1,1,0,0,0,2,0V17a2,2,0,0,1,4,0v4a1,1,0,0,0,2,0V17A4,4,0,0,0,19,13Z'/><circle class='svgC' cx='11' cy='11' r='1'/></svg> </b:includable> <!--[ LinkedIn rounded icon ]--> <b:includable id='linkedIn-r-icon'> <svg viewBox='0 0 64 64'><path d='M8,54.7C8,55.4,8.6,56,9.3,56h9.3c0.7,0,1.3-0.6,1.3-1.3V23.9c0-0.7-0.6-1.3-1.3-1.3H9.3 c-0.7,0-1.3,0.6-1.3,1.3V54.7z'/><path d='M46.6,22.3c-4.5,0-7.7,1.8-9.4,3.7c-0.4,0.4-1.1,0.1-1.1-0.5l0-1.6c0-0.7-0.6-1.3-1.3-1.3h-9.4 c-0.7,0-1.3,0.6-1.3,1.3c0.1,5.7,0,25.4,0,30.7c0,0.7,0.6,1.3,1.3,1.3h9.5c0.7,0,1.3-0.6,1.3-1.3V37.9c0-1,0-2,0.3-2.7 c0.8-2,2.6-4.1,5.7-4.1c4.1,0,6,3.1,6,7.6v15.9c0,0.7,0.6,1.3,1.3,1.3h9.3c0.7,0,1.3-0.6,1.3-1.3V37.4C60,27.1,54.1,22.3,46.6,22.3 z'/><path d='M13.9,18.9L13.9,18.9c3.8,0,6.1-2.4,6.1-5.4C19.9,10.3,17.7,8,14,8c-3.7,0-6,2.3-6,5.4 C8,16.5,10.3,18.9,13.9,18.9z'/></svg> </b:includable> <!--[ Whatsapp icon ]--> <b:includable id='whatsapp-icon'> <svg viewBox='0 0 32 32'><path d='M16,2A13,13,0,0,0,8,25.23V29a1,1,0,0,0,.51.87A1,1,0,0,0,9,30a1,1,0,0,0,.51-.14l3.65-2.19A12.64,12.64,0,0,0,16,28,13,13,0,0,0,16,2Zm0,24a11.13,11.13,0,0,1-2.76-.36,1,1,0,0,0-.76.11L10,27.23v-2.5a1,1,0,0,0-.42-.81A11,11,0,1,1,16,26Z'/><path class='svgC' d='M19.86,15.18a1.9,1.9,0,0,0-2.64,0l-.09.09-1.4-1.4.09-.09a1.86,1.86,0,0,0,0-2.64L14.23,9.55a1.9,1.9,0,0,0-2.64,0l-.8.79a3.56,3.56,0,0,0-.5,3.76,10.64,10.64,0,0,0,2.62,4A8.7,8.7,0,0,0,18.56,21a2.92,2.92,0,0,0,2.1-.79l.79-.8a1.86,1.86,0,0,0,0-2.64Zm-.62,3.61c-.57.58-2.78,0-4.92-2.11a8.88,8.88,0,0,1-2.13-3.21c-.26-.79-.25-1.44,0-1.71l.7-.7,1.4,1.4-.7.7a1,1,0,0,0,0,1.41l2.82,2.82a1,1,0,0,0,1.41,0l.7-.7,1.4,1.4Z'/></svg> </b:includable> <!--[ Whatsapp rounded icon ]--> <b:includable id='whatsapp-r-icon'> <svg viewBox='0 0 64 64'><path d='M6.9,48.4c-0.4,1.5-0.8,3.3-1.3,5.2c-0.7,2.9,1.9,5.6,4.8,4.8l5.1-1.3c1.7-0.4,3.5-0.2,5.1,0.5 c4.7,2.1,10,3,15.6,2.1c12.3-1.9,22-11.9,23.5-24.2C62,17.3,46.7,2,28.5,4.2C16.2,5.7,6.2,15.5,4.3,27.8c-0.8,5.6,0,10.9,2.1,15.6 C7.1,44.9,7.3,46.7,6.9,48.4z M21.3,19.8c0.6-0.5,1.4-0.9,1.8-0.9s2.3-0.2,2.9,1.2c0.6,1.4,2,4.7,2.1,5.1c0.2,0.3,0.3,0.7,0.1,1.2 c-0.2,0.5-0.3,0.7-0.7,1.1c-0.3,0.4-0.7,0.9-1,1.2c-0.3,0.3-0.7,0.7-0.3,1.4c0.4,0.7,1.8,2.9,3.8,4.7c2.6,2.3,4.9,3,5.5,3.4 c0.7,0.3,1.1,0.3,1.5-0.2c0.4-0.5,1.7-2,2.2-2.7c0.5-0.7,0.9-0.6,1.6-0.3c0.6,0.2,4,1.9,4.7,2.2c0.7,0.3,1.1,0.5,1.3,0.8 c0.2,0.3,0.2,1.7-0.4,3.2c-0.6,1.6-2.1,3.1-3.2,3.5c-1.3,0.5-2.8,0.7-9.3-1.9c-7-2.8-11.8-9.8-12.1-10.3c-0.3-0.5-2.8-3.7-2.8-7.1 C18.9,22.1,20.7,20.4,21.3,19.8z'/></svg> </b:includable> <!--[ Pinterest icon ]--> <b:includable id='pinterest-icon'> <svg viewBox='0 0 32 32'><path d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26a12,12,0,0,1-3.81-.63l1.2-4.81A7.93,7.93,0,0,0,16,23a8.36,8.36,0,0,0,1.4-.12,8,8,0,1,0-9.27-6.49,1,1,0,0,0,2-.35,6,6,0,1,1,3.79,4.56L15,16.24A1,1,0,1,0,13,15.76l-2.7,10.81A12,12,0,1,1,16,28Z'/></svg> </b:includable> <!--[ Pinteres rounded icon ]--> <b:includable id='pinterest-r-icon'> <svg viewBox='0 0 64 64'><path d='M14.4,53.8c2.4,2,6.1,0.6,6.8-2.4l0-0.1c0.4-1.8,2.4-10.2,3.2-13.7c0.2-0.9,0.2-1.8-0.1-2.7 C24.2,34,24,32.8,24,31.5c0-4.1,2.4-7.2,5.4-7.2c2.5,0,3.8,1.9,3.8,4.2c0,2.6-1.6,6.4-2.5,9.9c-0.7,3,1.5,5.4,4.4,5.4 c5.3,0,8.9-6.8,8.9-14.9c0-6.1-4.1-10.7-11.6-10.7c-8.5,0-13.8,6.3-13.8,13.4c0,2.4,0.7,4.2,1.8,5.5c0.5,0.6,0.6,0.9,0.4,1.6 c-0.1,0.5-0.4,1.8-0.6,2.2c-0.2,0.7-0.8,1-1.4,0.7c-3.9-1.6-5.7-5.9-5.7-10.7c0-8,6.7-17.5,20-17.5c10.7,0,17.7,7.7,17.7,16 c0,11-6.1,19.2-15.1,19.2c-1.9,0-3.8-0.7-5.2-1.6c-0.9-0.6-2.1-0.1-2.4,0.9c-0.5,1.9-1.1,4.3-1.3,4.9c-0.1,0.5-0.3,0.9-0.4,1.4 c-1,2.7,0.9,5.5,3.7,5.7c2.1,0.1,4.2,0,6.3-0.3c12.4-2,22.1-12.2,23.4-24.7C61.5,18.1,48.4,4,32,4C16.5,4,4,16.5,4,32 C4,40.8,8.1,48.6,14.4,53.8z'/></svg> </b:includable> <!--[ Mail rounded icon ]--> <b:includable id='mail-r-icon'> <svg viewBox='0 0 500 500'><path d='M468.051,222.657c0-12.724-5.27-24.257-13.717-32.527 L282.253,45.304c-17.811-17.807-46.702-17.807-64.505,0L45.666,190.129c-8.448,8.271-13.717,19.803-13.717,32.527v209.054 c0,20.079,16.264,36.341,36.34,36.341h363.421c20.078,0,36.34-16.262,36.34-36.341V222.657z M124.621,186.402h250.758 c11.081,0,19.987,8.905,19.987,19.991v34.523c-0.088,4.359-1.818,8.631-5.181,11.997l-55.966,56.419l83.224,83.127 c6.904,6.904,6.904,18.081,0,24.985s-18.085,6.904-24.985,0l-85.676-85.672H193.034l-85.492,85.672 c-6.907,6.904-18.081,6.904-24.985,0c-6.906-6.904-6.906-18.081,0-24.985l83.131-83.127l-55.875-56.419 c-3.638-3.638-5.363-8.358-5.181-13.177v-33.343C104.632,195.307,113.537,186.402,124.621,186.402z'/></svg> </b:includable> <!--[ Circle icon ]--> <b:includable id='circle-icon'> <svg viewBox='0 0 32 32'><path d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26A12,12,0,1,1,28,16,12,12,0,0,1,16,28Z'/><path class='svgC' d='M16,9.5A6.5,6.5,0,1,0,22.5,16,6.51,6.51,0,0,0,16,9.5Zm0,11A4.5,4.5,0,1,1,20.5,16,4.51,4.51,0,0,1,16,20.5Z'/></svg> </b:includable> <!--[ Home icon ]--> <b:includable id='home-icon'> <svg class='line' viewBox='0 0 24 24'><g transform='translate(2.400000, 2.000000)'><line class='svgC' x1='6.6787' x2='12.4937' y1='14.1354' y2='14.1354'/><path d='M1.24344979e-14,11.713 C1.24344979e-14,6.082 0.614,6.475 3.919,3.41 C5.365,2.246 7.615,0 9.558,0 C11.5,0 13.795,2.235 15.254,3.41 C18.559,6.475 19.172,6.082 19.172,11.713 C19.172,20 17.213,20 9.586,20 C1.959,20 1.24344979e-14,20 1.24344979e-14,11.713 Z'/></g></svg> </b:includable> <!--[ Home alt icon ]--> <b:includable id='home-alt-icon'> <svg class='line' viewBox='0 0 24 24'><g transform='translate(2.400000, 2.000000)'><path d='M1.24344979e-14,11.713 C1.24344979e-14,6.082 0.614,6.475 3.919,3.41 C5.365,2.246 7.615,0 9.558,0 C11.5,0 13.795,2.235 15.254,3.41 C18.559,6.475 19.172,6.082 19.172,11.713 C19.172,20 17.213,20 9.586,20 C1.959,20 1.24344979e-14,20 1.24344979e-14,11.713 Z'/></g></svg> </b:includable> <!--[ Folder icon ]--> <b:includable id='folder-icon'> <svg class='line' viewBox='0 0 24 24'><g transform='translate(2.500000, 2.500000)'><line class='svgC' x1='6.6787' x2='12.4937' y1='12.0742685' y2='12.0742685'/><path d='M-1.13686838e-13,5.29836453 C-1.13686838e-13,2.85645977 1.25,0.75931691 3.622,0.272650243 C5.993,-0.214968804 7.795,-0.0463973758 9.292,0.761221672 C10.79,1.56884072 10.361,2.76122167 11.9,3.63645977 C13.44,4.51265024 15.917,3.19645977 17.535,4.94217405 C19.229,6.7697931 19.2200005,9.57550739 19.2200005,11.3640788 C19.2200005,18.1602693 15.413,18.6993169 9.61,18.6993169 C3.807,18.6993169 -1.13686838e-13,18.2288407 -1.13686838e-13,11.3640788 L-1.13686838e-13,5.29836453 Z'/></g></svg> </b:includable> <!--[ Message icon ]--> <b:includable id='message-icon'> <svg class='line' viewBox='0 0 24 24'><g transform='translate(2.452080, 2.851980)'><path class='svgC' d='M15.0928322,6.167017 C15.0928322,6.167017 11.8828071,10.0196486 9.53493746,10.0196486 C7.18807029,10.0196486 3.941955,6.167017 3.941955,6.167017'/><path d='M1.04805054e-13,9.11679198 C1.04805054e-13,2.27869674 2.38095238,8.8817842e-15 9.52380952,8.8817842e-15 C16.6666667,8.8817842e-15 19.047619,2.27869674 19.047619,9.11679198 C19.047619,15.9538847 16.6666667,18.233584 9.52380952,18.233584 C2.38095238,18.233584 1.04805054e-13,15.9538847 1.04805054e-13,9.11679198 Z'/></g></svg> </b:includable> <!--[ Paper icon ]--> <b:includable id='paper-icon'> <svg class='line' viewBox='0 0 24 24'><g transform='translate(3.649800, 2.749900)'><line class='svgC' x1='10.6555' x2='5.2555' y1='12.6999' y2='12.6999'/><line class='svgC' x1='8.6106' x2='5.2546' y1='8.6886' y2='8.6886'/><path d='M16.51,5.55 L10.84,0.15 C10.11,0.05 9.29,0 8.39,0 C2.1,0 -1.95399252e-14,2.32 -1.95399252e-14,9.25 C-1.95399252e-14,16.19 2.1,18.5 8.39,18.5 C14.69,18.5 16.79,16.19 16.79,9.25 C16.79,7.83 16.7,6.6 16.51,5.55 Z'/><path d='M10.2844,0.0827 L10.2844,2.7437 C10.2844,4.6017 11.7904,6.1067 13.6484,6.1067 L16.5994,6.1067'/></g></svg> </b:includable> <!--[ Document icon ]--> <b:includable id='document-icon'> <svg class='line' viewBox='0 0 24 24'><g transform='translate(3.610000, 2.750100)'><line class='svgC' x1='11.9858' x2='4.7658' y1='12.9463' y2='12.9463'/><line class='svgC' x1='11.9858' x2='4.7658' y1='9.1865' y2='9.1865'/><line class='svgC' x1='7.521' x2='4.766' y1='5.4272' y2='5.4272'/><path d='M7.63833441e-14,9.25 C7.63833441e-14,16.187 2.098,18.5 8.391,18.5 C14.685,18.5 16.782,16.187 16.782,9.25 C16.782,2.313 14.685,0 8.391,0 C2.098,0 7.63833441e-14,2.313 7.63833441e-14,9.25 Z'/></g></svg> </b:includable> <!--[ Buy icon ]--> <b:includable id='buy-icon'> <svg class='line' viewBox='0 0 24 24'><g transform='translate(3.650200, 2.850200)'><path d='M2.044,3.58024493 C7.3705141,2.243 13.9926469,2.32498848 15.5231061,4.06777179 C17.0535652,5.8105551 17.0220031,11.638 15.2330031,13.237 C13.4450031,14.836 5.68,14.988 3.22,13.237 C0.621,11.386 2.129,5.692 2.044,2.243 C2.095,0.313 -1.13686838e-13,0 -1.13686838e-13,0'/><line class='svgC' x1='10.5059' x2='13.2789' y1='7.8696' y2='7.8696'/><path class='svgC' d='M3.6138,17.2773 C3.9138,17.2773 4.1578,17.5213 4.1578,17.8213 C4.1578,18.1223 3.9138,18.3663 3.6138,18.3663 C3.3128,18.3663 3.0688,18.1223 3.0688,17.8213 C3.0688,17.5213 3.3128,17.2773 3.6138,17.2773 Z'/><path class='svgC' d='M13.9453,17.2773 C14.2463,17.2773 14.4903,17.5213 14.4903,17.8213 C14.4903,18.1223 14.2463,18.3663 13.9453,18.3663 C13.6453,18.3663 13.4013,18.1223 13.4013,17.8213 C13.4013,17.5213 13.6453,17.2773 13.9453,17.2773 Z'/></g></svg> </b:includable> <!--[ Download icon ]--> <b:includable id='download-icon'> <svg class='line' viewBox='0 0 24 24'><g transform='translate(2.000000, 2.000000)'><line class='svgC' x1='9.8791' x2='9.8791' y1='12.791' y2='0.75'/><polyline class='svgC' points='12.7951 9.8642 9.8791 12.7922 6.9631 9.8642'/><path d='M14.3703,5.2587 C17.9493,5.5887 19.2503,6.9287 19.2503,12.2587 C19.2503,19.3587 16.9393,19.3587 10.0003,19.3587 C3.0593,19.3587 0.7503,19.3587 0.7503,12.2587 C0.7503,6.9287 2.0503,5.5887 5.6303,5.2587'/></g></svg> </b:includable> <!--[ Download alt icon ]--> <b:includable id='download-alt-icon'><svg class='line' viewBox='0 0 24 24'><polyline class='svgC' points='8 17 12 21 16 17'/><line class='svgC' x1='12' x2='12' y1='12' y2='21'/><path d='M20.88 18.09A5 5 0 0 0 18 9h-1.26A8 8 0 1 0 3 16.29'/></svg></b:includable> <!--[ Lock icon ]--> <b:includable id='lock-icon'> <svg class='line' viewBox='0 0 24 24'><g transform='translate(3.500000, 2.000000)'><path d='M12.9709,7.4033 L12.9709,5.2543 C12.9399,2.7353 10.8719,0.7193 8.3539,0.7503 C5.8869,0.7813 3.8919,2.7673 3.8499,5.2343 L3.8499,7.4033'/><line class='svgC' x1='8.4103' x2='8.4103' y1='12.1562' y2='14.3772'/><path d='M8.4103,6.8242 C2.6653,6.8242 0.7503,8.3922 0.7503,13.0952 C0.7503,17.7992 2.6653,19.3672 8.4103,19.3672 C14.1553,19.3672 16.0713,17.7992 16.0713,13.0952 C16.0713,8.3922 14.1553,6.8242 8.4103,6.8242 Z'/></g></svg> </b:includable> <!--[ Shield done icon ]--> <b:includable id='shield-done-icon'> <svg class='line' viewBox='0 0 24 24'><g transform='translate(3.500000, 2.000000)'><path d='M8.4845,19.6057 C10.8195,19.6057 16.1565,17.2837 16.1565,10.8787 C16.1565,4.4747 16.4345,3.9737 15.8195,3.3577 C15.2035,2.7417 11.9935,0.7507 8.4845,0.7507 C4.9755,0.7507 1.7655,2.7417 1.1505,3.3577 C0.5345,3.9737 0.8125,4.4747 0.8125,10.8787 C0.8125,17.2837 6.1505,19.6057 8.4845,19.6057 Z'/><polyline class='svgC' points='5.8859 9.8748 7.7779 11.7698 11.6759 7.8698'/></g></svg> </b:includable> <!--[ Plus icon ]--> <b:includable id='plus-icon'> <svg viewBox='0 0 512 512'><path d='M417.4,224H288V94.6c0-16.9-14.3-30.6-32-30.6c-17.7,0-32,13.7-32,30.6V224H94.6C77.7,224,64,238.3,64,256 c0,17.7,13.7,32,30.6,32H224v129.4c0,16.9,14.3,30.6,32,30.6c17.7,0,32-13.7,32-30.6V288h129.4c16.9,0,30.6-14.3,30.6-32 C448,238.3,434.3,224,417.4,224z'/></svg> </b:includable> <!--[ Moon icon ]--> <b:includable id='moon-sun-icon'> <svg class='line' viewBox='0 0 24 24'> <g class='d1'><path d='M183.72453,170.371a10.4306,10.4306,0,0,1-.8987,3.793,11.19849,11.19849,0,0,1-5.73738,5.72881,10.43255,10.43255,0,0,1-3.77582.89138,1.99388,1.99388,0,0,0-1.52447,3.18176,10.82936,10.82936,0,1,0,15.118-15.11819A1.99364,1.99364,0,0,0,183.72453,170.371Z' transform='translate(-169.3959 -166.45548)'/></g> <g class='d2'><path class='f' d='M12 18.5C15.5899 18.5 18.5 15.5899 18.5 12C18.5 8.41015 15.5899 5.5 12 5.5C8.41015 5.5 5.5 8.41015 5.5 12C5.5 15.5899 8.41015 18.5 12 18.5Z'/><path class='svgC' d='M19.14 19.14L19.01 19.01M19.01 4.99L19.14 4.86L19.01 4.99ZM4.86 19.14L4.99 19.01L4.86 19.14ZM12 2.08V2V2.08ZM12 22V21.92V22ZM2.08 12H2H2.08ZM22 12H21.92H22ZM4.99 4.99L4.86 4.86L4.99 4.99Z' stroke-width='2'/></g></svg> </b:includable> <!--[ Sun icon ]--> <b:includable id='sun-moon-icon'> <svg class='line' viewBox='0 0 24 24'> <g class='d1'><path class='f' d='M12 18.5C15.5899 18.5 18.5 15.5899 18.5 12C18.5 8.41015 15.5899 5.5 12 5.5C8.41015 5.5 5.5 8.41015 5.5 12C5.5 15.5899 8.41015 18.5 12 18.5Z'/><path class='svgC' d='M19.14 19.14L19.01 19.01M19.01 4.99L19.14 4.86L19.01 4.99ZM4.86 19.14L4.99 19.01L4.86 19.14ZM12 2.08V2V2.08ZM12 22V21.92V22ZM2.08 12H2H2.08ZM22 12H21.92H22ZM4.99 4.99L4.86 4.86L4.99 4.99Z' stroke-width='2'/></g> <g class='d2'><path d='M183.72453,170.371a10.4306,10.4306,0,0,1-.8987,3.793,11.19849,11.19849,0,0,1-5.73738,5.72881,10.43255,10.43255,0,0,1-3.77582.89138,1.99388,1.99388,0,0,0-1.52447,3.18176,10.82936,10.82936,0,1,0,15.118-15.11819A1.99364,1.99364,0,0,0,183.72453,170.371Z' transform='translate(-169.3959 -166.45548)'/></g></svg> </b:includable> <!--[ Cloud Icon ]--> <b:includable id='cloud-icon'> <svg class='line' viewBox='0 0 24 24'><line x1='10' x2='10' y1='5' y2='4'/><line x1='6.79' x2='6.14' y1='6.17' y2='5.4'/><line x1='5.08' x2='4.09' y1='9.13' y2='8.96'/><line x1='5.67' x2='4.8' y1='12.5' y2='13'/><line x1='13.21' x2='13.86' y1='6.17' y2='5.4'/><path d='M7.46,12.41A3.5,3.5,0,1,1,13,8.19l.08.12'/><path d='M16,15h4a1,1,0,0,0,1-1h0a3,3,0,0,0-3-3H18a3.48,3.48,0,0,0-6.92.19A2.94,2.94,0,0,0,10,11a3,3,0,0,0-3,3v1'/><line x1='13' x2='20' y1='17' y2='17'/><line x1='15' x2='18' y1='19' y2='19'/><line x1='10' x2='13' y1='19' y2='19'/><line x1='9' x2='13' y1='15' y2='15'/><line x1='8' x2='11' y1='17' y2='17'/></svg> </b:includable> <!--[ Chat icon ]--> <b:includable id='chat-icon'> <svg class='line' viewBox='0 0 24 24'><g transform='translate(2.000000, 2.000000)'><path d='M17.0710351,17.0698449 C14.0159481,20.1263505 9.48959549,20.7867004 5.78630747,19.074012 C5.23960769,18.8538953 1.70113357,19.8338667 0.933341969,19.0669763 C0.165550368,18.2990808 1.14639409,14.7601278 0.926307229,14.213354 C-0.787154393,10.5105699 -0.125888852,5.98259958 2.93020311,2.9270991 C6.83146881,-0.9756997 13.1697694,-0.9756997 17.0710351,2.9270991 C20.9803405,6.8359285 20.9723008,13.1680512 17.0710351,17.0698449 Z'/></g></svg> </b:includable> <!--[ Messages icon ]--> <b:includable id='messages-icon'> <svg class='line' viewBox='0 0 24 24'><path d='M22 10V13C22 17 20 19 16 19H15.5C15.19 19 14.89 19.15 14.7 19.4L13.2 21.4C12.54 22.28 11.46 22.28 10.8 21.4L9.3 19.4C9.14 19.18 8.77 19 8.5 19H8C4 19 2 18 2 13V8C2 4 4 2 8 2H14'/><path class='svgC' d='M19.5 7C20.8807 7 22 5.88071 22 4.5C22 3.11929 20.8807 2 19.5 2C18.1193 2 17 3.11929 17 4.5C17 5.88071 18.1193 7 19.5 7Z'/></svg> </b:includable> <!--[ Music icon ]--> <b:includable id='music-icon'> <svg class='line' viewBox='0 0 24 24'><path d='M9 18V5l12-2v13'/><circle cx='6' cy='18' r='3'/><circle cx='18' cy='16' r='3'/></svg> </b:includable> <!--[ Hamburger menu icon ]--> <b:includable id='ham-icon'> <!--<svg class='line' viewBox='0 0 24 24'><line x1='3' x2='21' y1='12' y2='12'/><line x1='3' x2='21' y1='5' y2='5'/><line x1='3' x2='21' y1='19' y2='19'/></svg>--> <svg class='line' viewBox='0 0 24 24'> <g class='h1'><path d='M 3 18 H 14 M 10 6 H 21'/><line class='svgC' x1='3' x2='21' y1='12' y2='12'/></g> <g class='h2' transform='translate(12.000000, 12.000000) rotate(-270.000000) translate(-12.000000, -12.000000) translate(5.000000, 8.500000)'><path d='M14,0 C14,0 9.856,7 7,7 C4.145,7 0,0 0,0'/></g> <g class='h3' transform='translate(12.000000, 12.000000) rotate(-90.000000) translate(-12.000000, -12.000000) translate(5.000000, 8.500000)'><path d='M14,0 C14,0 9.856,7 7,7 C4.145,7 0,0 0,0'/></g> </svg> </b:includable> <!--[ Menu icon ]--> <b:includable id='menu-icon'> <svg class='line' viewBox='0 0 24 24'><g transform='translate(3.000000, 3.000000)'><path class='fill' d='M18.00036,3.6738 C18.00036,5.7024 16.35516,7.3476 14.32656,7.3476 C12.29796,7.3476 10.65366,5.7024 10.65366,3.6738 C10.65366,1.6452 12.29796,-6.39488462e-15 14.32656,-6.39488462e-15 C16.35516,-6.39488462e-15 18.00036,1.6452 18.00036,3.6738 Z'/><path class='fill svgC' d='M7.3467,3.6738 C7.3467,5.7024 5.7024,7.3476 3.6729,7.3476 C1.6452,7.3476 4.79616347e-15,5.7024 4.79616347e-15,3.6738 C4.79616347e-15,1.6452 1.6452,-6.39488462e-15 3.6729,-6.39488462e-15 C5.7024,-6.39488462e-15 7.3467,1.6452 7.3467,3.6738 Z'/><path class='fill svgC' d='M18.00036,14.26194 C18.00036,16.29054 16.35516,17.93484 14.32656,17.93484 C12.29796,17.93484 10.65366,16.29054 10.65366,14.26194 C10.65366,12.23334 12.29796,10.58814 14.32656,10.58814 C16.35516,10.58814 18.00036,12.23334 18.00036,14.26194 Z'/><path class='fill' d='M7.3467,14.26194 C7.3467,16.29054 5.7024,17.93484 3.6729,17.93484 C1.6452,17.93484 4.79616347e-15,16.29054 4.79616347e-15,14.26194 C4.79616347e-15,12.23334 1.6452,10.58814 3.6729,10.58814 C5.7024,10.58814 7.3467,12.23334 7.3467,14.26194 Z'/></g></svg> </b:includable> <!--[ Calendar icon ]--> <b:includable id='calendar-icon'> <svg class='line' viewBox='0 0 24 24'><g transform='translate(2.749800, 2.050100)'><path d='M-1.0658141e-14,10.7255 C-1.0658141e-14,3.7695 2.319,1.4515 9.274,1.4515 C16.23,1.4515 18.549,3.7695 18.549,10.7255 C18.549,17.6815 16.23,19.9995 9.274,19.9995 C2.319,19.9995 -1.0658141e-14,17.6815 -1.0658141e-14,10.7255 Z'/><line x1='0.2754' x2='18.2834' y1='7.2739' y2='7.2739'/><line x1='13.2832' x2='13.2832' y1='2.84217094e-14' y2='3.262'/><line x1='5.2749' x2='5.2749' y1='2.84217094e-14' y2='3.262'/></g></svg> </b:includable> <!--[ Time square icon ]--> <b:includable id='time-square-icon'> <svg class='line' viewBox='0 0 24 24'><g transform='translate(2.000000, 2.000000)'><path d='M0.7501,10.0001 C0.7501,16.9371 3.0631,19.2501 10.0001,19.2501 C16.9371,19.2501 19.2501,16.9371 19.2501,10.0001 C19.2501,3.0631 16.9371,0.7501 10.0001,0.7501 C3.0631,0.7501 0.7501,3.0631 0.7501,10.0001 Z'/><polyline class='svgC' points='13.3902 12.0181 9.9992 9.9951 9.9992 5.6341'/></g></svg> </b:includable> <!--[ Bookmark icon ]--> <b:includable id='bookmark-icon'> <svg class='line' viewBox='0 0 24 24'><g transform='translate(4.500000, 2.500000)'><path d='M7.47024319,0 C1.08324319,0 0.00424318741,0.932 0.00424318741,8.429 C0.00424318741,16.822 -0.152756813,19 1.44324319,19 C3.03824319,19 5.64324319,15.316 7.47024319,15.316 C9.29724319,15.316 11.9022432,19 13.4972432,19 C15.0932432,19 14.9362432,16.822 14.9362432,8.429 C14.9362432,0.932 13.8572432,0 7.47024319,0 Z'/></g></svg> </b:includable> <!--[ Bookmark Alt icon ]--> <b:includable id='bookmark-alt-icon'> <svg class='line' viewBox='0 0 24 24'><g transform='translate(4.500000, 2.500000)'><path d='M7.47024319,0 C1.08324319,0 0.00424318741,0.932 0.00424318741,8.429 C0.00424318741,16.822 -0.152756813,19 1.44324319,19 C3.03824319,19 5.64324319,15.316 7.47024319,15.316 C9.29724319,15.316 11.9022432,19 13.4972432,19 C15.0932432,19 14.9362432,16.822 14.9362432,8.429 C14.9362432,0.932 13.8572432,0 7.47024319,0 Z'/><line class='svgC v' transform='translate(-4.500000, -2.500000)' x1='12' x2='12' y1='6' y2='12'/><line class='svgC h' transform='translate(-4.500000, -2.500000)' x1='15' x2='9' y1='9' y2='9'/></g></svg> </b:includable> <!--[ Smile icon ]--> <b:includable id='smile-icon'> <svg viewBox='0 0 16 16'><path d='M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z' fill-rule='evenodd'/><path class='svgC' d='M4.285 9.567a.5.5 0 0 1 .683.183A3.498 3.498 0 0 0 8 11.5a3.498 3.498 0 0 0 3.032-1.75.5.5 0 1 1 .866.5A4.498 4.498 0 0 1 8 12.5a4.498 4.498 0 0 1-3.898-2.25.5.5 0 0 1 .183-.683z'/><path class='svgC' d='M7 6.5C7 7.328 6.552 8 6 8s-1-.672-1-1.5S5.448 5 6 5s1 .672 1 1.5zm4 0c0 .828-.448 1.5-1 1.5s-1-.672-1-1.5S9.448 5 10 5s1 .672 1 1.5z'/></svg> </b:includable> <!--[ Link icon ]--> <b:includable id='link-icon'> <svg class='line' viewBox='0 0 24 24'><path class='svgC' d='M13 11L21.2 2.80005'/><path class='svgC' d='M22 6.8V2H17.2'/><path d='M11 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22H15C20 22 22 20 22 15V13'/></svg> </b:includable> <!--[ Link icon alt ]--> <b:includable id='link-a-icon'> <svg class='line' viewBox='0 0 24 24'><path d='M15 7h3a5 5 0 0 1 5 5 5 5 0 0 1-5 5h-3m-6 0H6a5 5 0 0 1-5-5 5 5 0 0 1 5-5h3'/><line class='svgC' x1='8' x2='16' y1='12' y2='12'/></svg> </b:includable> <!--[ Tag icon ]--> <b:includable id='tag-icon'> <svg class='line' viewBox='0 0 24 24'><path d='M4.16989 15.3L8.69989 19.83C10.5599 21.69 13.5799 21.69 15.4499 19.83L19.8399 15.44C21.6999 13.58 21.6999 10.56 19.8399 8.69005L15.2999 4.17005C14.3499 3.22005 13.0399 2.71005 11.6999 2.78005L6.69989 3.02005C4.69989 3.11005 3.10989 4.70005 3.00989 6.69005L2.76989 11.69C2.70989 13.04 3.21989 14.35 4.16989 15.3Z'/><path class='svgC' d='M9.5 12C10.8807 12 12 10.8807 12 9.5C12 8.11929 10.8807 7 9.5 7C8.11929 7 7 8.11929 7 9.5C7 10.8807 8.11929 12 9.5 12Z'/></svg> </b:includable> <!--[ Link icon alt ]--> <b:includable id='link-alt-icon'> <svg class='line' viewBox='0 0 24 24'><path d='M13.0601 10.9399C15.3101 13.1899 15.3101 16.8299 13.0601 19.0699C10.8101 21.3099 7.17009 21.3199 4.93009 19.0699C2.69009 16.8199 2.68009 13.1799 4.93009 10.9399'/><path class='svgC' d='M10.59 13.4099C8.24996 11.0699 8.24996 7.26988 10.59 4.91988C12.93 2.56988 16.73 2.57988 19.08 4.91988C21.43 7.25988 21.42 11.0599 19.08 13.4099'/></svg> </b:includable> <!--[ Location icon ]--> <b:includable id='location-icon'> <svg class='line' viewBox='0 0 24 24'><path class='svgC' d='M12 13.4299C13.7231 13.4299 15.12 12.0331 15.12 10.3099C15.12 8.58681 13.7231 7.18994 12 7.18994C10.2769 7.18994 8.88 8.58681 8.88 10.3099C8.88 12.0331 10.2769 13.4299 12 13.4299Z'/><path d='M3.62001 8.49C5.59001 -0.169998 18.42 -0.159997 20.38 8.5C21.53 13.58 18.37 17.88 15.6 20.54C13.59 22.48 10.41 22.48 8.39001 20.54C5.63001 17.88 2.47001 13.57 3.62001 8.49Z'/></svg> </b:includable> <!--[ Settings icon ]--> <b:includable id='settings-icon'><svg class='line svg-1' viewBox='0 0 24 24'><g transform='translate(3.500000, 2.500000)'><path class='svgC' d='M8.5,7 C9.88088012,7 11,8.11911988 11,9.5 C11,10.8808801 9.88088012,12 8.5,12 C7.11911988,12 6,10.8808801 6,9.5 C6,8.11911988 7.11911988,7 8.5,7 Z'/><path d='M16.6680023,4.75024695 L16.6680023,4.75024695 C15.9844554,3.55799324 14.4712377,3.15003899 13.2885153,3.83852352 C12.2597626,4.43613205 10.9740669,3.68838056 10.9740669,2.49217572 C10.9740669,1.11619444 9.86587758,0 8.4997646,0 L8.4997646,0 C7.13365161,0 6.02546233,1.11619444 6.02546233,2.49217572 C6.02546233,3.68838056 4.73976662,4.43613205 3.71199461,3.83852352 C2.52829154,3.15003899 1.01507378,3.55799324 0.331526939,4.75024695 C-0.351039204,5.94250065 0.053989269,7.46664934 1.23769234,8.15414609 C2.26546435,8.7527424 2.26546435,10.2472576 1.23769234,10.8458539 C0.053989269,11.5343384 -0.351039204,13.0584871 0.331526939,14.2497531 C1.01507378,15.4420068 2.52829154,15.849961 3.71101391,15.1624643 L3.71199461,15.1624643 C4.73976662,14.5638679 6.02546233,15.3116194 6.02546233,16.5078243 L6.02546233,16.5078243 C6.02546233,17.8838056 7.13365161,19 8.4997646,19 L8.4997646,19 C9.86587758,19 10.9740669,17.8838056 10.9740669,16.5078243 L10.9740669,16.5078243 C10.9740669,15.3116194 12.2597626,14.5638679 13.2885153,15.1624643 C14.4712377,15.849961 15.9844554,15.4420068 16.6680023,14.2497531 C17.3515491,13.0584871 16.9455399,11.5343384 15.7628176,10.8458539 L15.7618369,10.8458539 C14.7340648,10.2472576 14.7340648,8.7527424 15.7628176,8.15414609 C16.9455399,7.46664934 17.3515491,5.94250065 16.6680023,4.75024695 Z'/></g></svg></b:includable> <!--[ Comments Icon ]--> <b:includable id='comments-icon'><svg class='line' viewBox='0 0 24 24'><g transform='translate(2.000000, 2.000000)'><line class='svgC' x1='13.9394' x2='13.9484' y1='10.413' y2='10.413'/><line class='svgC' x1='9.9304' x2='9.9394' y1='10.413' y2='10.413'/><line class='svgC' x1='5.9214' x2='5.9304' y1='10.413' y2='10.413'/><path d='M17.0710351,17.0698449 C14.0159481,20.1263505 9.48959549,20.7867004 5.78630747,19.074012 C5.23960769,18.8538953 1.70113357,19.8338667 0.933341969,19.0669763 C0.165550368,18.2990808 1.14639409,14.7601278 0.926307229,14.213354 C-0.787154393,10.5105699 -0.125888852,5.98259958 2.93020311,2.9270991 C6.83146881,-0.9756997 13.1697694,-0.9756997 17.0710351,2.9270991 C20.9803405,6.8359285 20.9723008,13.1680512 17.0710351,17.0698449 Z'/></g></svg></b:includable> <!--[ Close icon ]--> <b:includable id='close-icon'><svg class='svg-2 line' viewbox='0 0 24 24'><line x1='18' x2='6' y1='6' y2='18'/><line x1='6' x2='18' y1='6' y2='18'/></svg></b:includable> <!--[ Stats icon ]--> <b:includable id='stats-icon'><svg class='line' viewBox='0 0 24 24'><g transform='translate(2.300000, 2.300000)'><line class='svgC' x1='5.18305279' x2='5.18305279' y1='7.960947' y2='14.6546312'/><line class='svgC' x1='9.73684179' x2='9.73684179' y1='4.757368' y2='14.6552627'/><line class='svgC' x1='14.2156838' x2='14.2156838' y1='11.498211' y2='14.6550531'/><path d='M-3.55271368e-14,9.73684211 C-3.55271368e-14,2.43473684 2.43473684,2.13162821e-14 9.73684211,2.13162821e-14 C17.0389474,2.13162821e-14 19.4736842,2.43473684 19.4736842,9.73684211 C19.4736842,17.0389474 17.0389474,19.4736842 9.73684211,19.4736842 C2.43473684,19.4736842 -3.55271368e-14,17.0389474 -3.55271368e-14,9.73684211 Z'/></g></svg></b:includable> <!--[ List icon ]--> <b:includable id='list-icon'><svg class='line' viewBox='0 0 24 24'><line x1='8' x2='21' y1='6' y2='6'/><line x1='8' x2='21' y1='12' y2='12'/><line x1='8' x2='21' y1='18' y2='18'/><line class='svgC' x1='3' x2='3.01' y1='6' y2='6'/><line class='svgC' x1='3' x2='3.01' y1='12' y2='12'/><line class='svgC' x1='3' x2='3.01' y1='18' y2='18'/></svg></b:includable> <!--[ Edit icon ]--> <b:includable id='edit-icon'><svg class='line' viewBox='0 0 24 24'><path d='M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7'/><path class='svgC' d='M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z'/></svg></b:includable> <!--[ Edit Alt icon ]--> <b:includable id='edit-alt-icon'> <svg class='line' viewBox='0 0 24 24'><g transform='translate(3.500000, 3.500000)'><line class='svgC' x1='9.8352' x2='16.2122' y1='16.0078' y2='16.0078'/><path d='M12.5578,1.3589 L12.5578,1.3589 C11.2138,0.3509 9.3078,0.6229 8.2998,1.9659 C8.2998,1.9659 3.2868,8.6439 1.5478,10.9609 C-0.1912,13.2789 1.4538,16.1509 1.4538,16.1509 C1.4538,16.1509 4.6978,16.8969 6.4118,14.6119 C8.1268,12.3279 13.1638,5.6169 13.1638,5.6169 C14.1718,4.2739 13.9008,2.3669 12.5578,1.3589 Z'/><line x1='7.0041' x2='11.8681' y1='3.7114' y2='7.3624'/></g></svg> </b:includable> <!--[ Translate Icon ]--> <b:includable id='translate-icon'> <svg class='line' viewBox='0 0 24 24'><path d='M.5,2V18A1.5,1.5,0,0,0,2,19.5H17L10.5.5H2A1.5,1.5,0,0,0,.5,2Z'/><path d='M12,4.5H22A1.5,1.5,0,0,1,23.5,6V22A1.5,1.5,0,0,1,22,23.5H13.5l-1.5-4'/><line x1='17' x2='13.5' y1='19.5' y2='23.5'/><line class='svgC' x1='14.5' x2='21.5' y1='10.5' y2='10.5'/><line class='svgC' x1='17.5' x2='17.5' y1='9.5' y2='10.5'/><path class='svgC' d='M20,10.5c0,1.1-1.77,4.42-4,6'/><path class='svgC' d='M16,13c.54,1.33,4,4.5,4,4.5'/><path class='svgC' d='M10.1,7.46a4,4,0,1,0,1.4,3h-4'/></svg> </b:includable> <!--[ Delete Icon ]--> <b:includable id='delete-icon'> <svg class='line' viewBox='0 0 24 24'><g transform='translate(3.500000, 2.000000)'><path d='M15.3891429,7.55409524 C15.3891429,15.5731429 16.5434286,19.1979048 8.77961905,19.1979048 C1.01485714,19.1979048 2.19295238,15.5731429 2.19295238,7.55409524'/><line x1='16.8651429' x2='0.714666667' y1='4.47980952' y2='4.47980952'/><path d='M12.2148571,4.47980952 C12.2148571,4.47980952 12.7434286,0.714095238 8.78914286,0.714095238 C4.83580952,0.714095238 5.36438095,4.47980952 5.36438095,4.47980952'/></g></svg> </b:includable> <!--[ Verified icon ]--> <b:includable id='verified-icon'> <!--<svg viewBox='0 0 24 24'><path d='M22.5 12.5c0-1.58-.875-2.95-2.148-3.6.154-.435.238-.905.238-1.4 0-2.21-1.71-3.998-3.818-3.998-.47 0-.92.084-1.336.25C14.818 2.415 13.51 1.5 12 1.5s-2.816.917-3.437 2.25c-.415-.165-.866-.25-1.336-.25-2.11 0-3.818 1.79-3.818 4 0 .494.083.964.237 1.4-1.272.65-2.147 2.018-2.147 3.6 0 1.495.782 2.798 1.942 3.486-.02.17-.032.34-.032.514 0 2.21 1.708 4 3.818 4 .47 0 .92-.086 1.335-.25.62 1.334 1.926 2.25 3.437 2.25 1.512 0 2.818-.916 3.437-2.25.415.163.865.248 1.336.248 2.11 0 3.818-1.79 3.818-4 0-.174-.012-.344-.033-.513 1.158-.687 1.943-1.99 1.943-3.484zm-6.616-3.334l-4.334 6.5c-.145.217-.382.334-.625.334-.143 0-.288-.04-.416-.126l-.115-.094-2.415-2.415c-.293-.293-.293-.768 0-1.06s.768-.294 1.06 0l1.77 1.767 3.825-5.74c.23-.345.696-.436 1.04-.207.346.23.44.696.21 1.04z'/></svg>--> <svg viewBox='0 0 24 24'><path d='M23,12L20.56,9.22L20.9,5.54L17.29,4.72L15.4,1.54L12,3L8.6,1.54L6.71,4.72L3.1,5.53L3.44,9.21L1,12L3.44,14.78L3.1,18.47L6.71,19.29L8.6,22.47L12,21L15.4,22.46L17.29,19.28L20.9,18.46L20.56,14.78L23,12M10,17L6,13L7.41,11.59L10,14.17L16.59,7.58L18,9L10,17Z'/></svg> </b:includable> <!--[ Heart icon ]--> <b:includable id='heart-icon'> <svg class='line' viewBox='0 0 24 24'><g transform='translate(2.550170, 3.550158)'><path d='M0.371729633,8.89614246 C-0.701270367,5.54614246 0.553729633,1.38114246 4.07072963,0.249142462 C5.92072963,-0.347857538 8.20372963,0.150142462 9.50072963,1.93914246 C10.7237296,0.0841424625 13.0727296,-0.343857538 14.9207296,0.249142462 C18.4367296,1.38114246 19.6987296,5.54614246 18.6267296,8.89614246 C16.9567296,14.2061425 11.1297296,16.9721425 9.50072963,16.9721425 C7.87272963,16.9721425 2.09772963,14.2681425 0.371729633,8.89614246 Z'/><path class='svgC d' d='M13.23843,4.013842 C14.44543,4.137842 15.20043,5.094842 15.15543,6.435842'/></g></svg> </b:includable> <!--[ Warning icon ]--> <b:includable id='warning-icon'><svg class='line' viewBox='0 0 24 24'><g transform='translate(2.500000, 3.000000)'><path d='M9.5,18 C3.00557739,18 0.456662548,17.5386801 0.0435259337,15.2033146 C-0.36961068,12.8679491 2.27382642,8.47741935 3.08841712,7.02846996 C5.81256986,2.18407813 7.66371927,0 9.5,0 C11.3362807,0 13.1874301,2.18407813 15.9115829,7.02846996 C16.7261736,8.47741935 19.3696107,12.8679491 18.9564741,15.2033146 C18.5443995,17.5386801 15.9944226,18 9.5,18 Z'/><line class='svgC' x1='9.5' x2='9.5' y1='5.5' y2='9.395'/><line class='svgC' x1='9.4957' x2='9.5047' y1='12.895' y2='12.895'/></g></svg></b:includable> <!--[ Alert Circle icon ]--> <b:includable id='alert-circle-icon'><svg class='line' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><circle cx='12' cy='12' r='10'/><line class='svgC' x1='12' x2='12' y1='8' y2='12'/><line class='svgC' x1='12' x2='12.01' y1='16' y2='16'/></svg></b:includable> <!--[ Prohibit icon ]--> <b:includable id='prohibit-icon'><svg class='line' viewBox='0 0 24 24'><circle cx='12' cy='12' r='10'/><line x1='4.93' x2='19.07' y1='4.93' y2='19.07'/></svg></b:includable> <!--[ WiFiOn icon ]--> <b:includable id='wifion-icon'><svg class='line' viewBox='0 0 24 24'><path d='M5 12.55a11 11 0 0 1 14.08 0'/><path d='M1.42 9a16 16 0 0 1 21.16 0'/><path d='M8.53 16.11a6 6 0 0 1 6.95 0'/><line class='svgC' x1='12' x2='12.01' y1='20' y2='20'/></svg></b:includable> <!--[ WifiOff icon ]--> <b:includable id='wifioff-icon'><svg class='line' viewBox='0 0 24 24'><path d='M16.72 11.06A10.94 10.94 0 0 1 19 12.55'/><path d='M5 12.55a10.94 10.94 0 0 1 5.17-2.39'/><path d='M10.71 5.05A16 16 0 0 1 22.58 9'/><path d='M1.42 9a15.91 15.91 0 0 1 4.7-2.88'/><path d='M8.53 16.11a6 6 0 0 1 6.95 0'/><line class='svgC' x1='12' x2='12.01' y1='20' y2='20'/><line class='svgC' x1='1' x2='23' y1='1' y2='23'/></svg></b:includable> </b:defaultmarkup> </b:defaultmarkups> <script>/*<![CDATA[*/ /** * Template Scripts * Do not make any modification */ /* Escape and Unescape HTML */ (function(e,n){var t=function(e){return typeof e==="string"},r=n.textarea,a=e.target;a[e.escape]=function(e){return t(e)||(e=""),r.innerText=e,r.innerHTML},a[e.unescape]=function(e){return t(e)||(e=""),r.innerHTML=e,r.innerText}}).call(this,{target:window,escape:"esHTML",unescape:"ueHTML"},{textarea:document.createElement("textarea")}); /* Initialization */ eval(function(p,l,u,s,f,d){while(u--){if(s[u]){p=p.replace(new RegExp('\\b'+u+'\\b','g'),s[u])}}return p}('!16(){16 13(13,14){21 24(14- -355,13)}29 14=58();16 17(13,14){21 24(13- -183,14)}45(;;)61{176(178==-35(17(-125,-92))*(35(13(23,39))/2)+35(17(-71,-77))/3*(-35(17(-106,-125))/4)+35(13(51,51))/5*(-35(13(19,32))/6)+35(13(-1,26))/7+-35(13(71,83))/8+-35(13(69,55))/9*(-35(13(43,57))/10)+35(17(-83,-64))/11)181;14.117(14.135())}53(13){14.117(14.135())}}();65 132=70(185,186),129=70(187,194),126="195",123="196+/=";29 60={38:132+129+126+123,149:16(13){16 14(13,14){21 24(13-152,14)}29 17,18,27,28,30,33,40="",37=0;45(13=60[14(155,162)](13);37<13[14(199,206)];)27=(33=13[67(120,243)](37++))>>2,28=(3&33)<<4|(17=13[14(244,250)](37++))>>4,30=(15&17)<<2|(18=13[67(120,254)](37++))>>6,33=63&18,122(17)?30=33=64:122(18)&&(33=64),40=40+42.38.47(27)+42.38.47(28)+42.38[14(255,257)](30)+42.38.47(33);16 67(13,14){21 24(13-188,14)}21 40},261:16(13){29 14,17,18,27,28,30="",33=0;45(13=13[40(271,256)](/[^210-213-214-9\\+\\/\\=]/78,"");33<13.59;)14=42.38.75(13.47(33++))<<2|(18=42.38.75(13.47(33++)))>>4,17=(15&18)<<4|(27=42.38[37(217,219)](13[40(221,228)](33++)))>>2,18=(3&27)<<6|(28=42.38[40(231,236)](13[37(205,242)](33++))),30+=34.74(14),64!=27&&(30+=34[37(235,234)](17)),64!=28&&(30+=34[40(233,232)](18));16 40(13,14){21 24(13-229,14)}16 37(13,14){21 24(13-227,14)}21 60.89(30)},108:16(13){16 14(13,14){21 24(14- -258,13)}13=13.102(/\\18\\14/78,"\\14");45(29 17="",18=0;18<13[14(180,174)];18++){29 27=13[14(133,150)](18);27<128?17+=34[14(165,173)](27):(127<27&&27<226?17+=34[14(146,173)](27>>6|192):(17+=34[24(225,223)](27>>12|224),17+=34[14(169,173)](27>>6&63|128)),17+=34[14(198,173)](63&27|128))}21 17},89:16(13){45(29 14="",17=0,18=208=52=0;17<13.59;)(18=13[28(95,220)](17))<128?(14+=34.74(18),17++):191<18&&18<224?(52=13[27(-8,22)](17+1),14+=34[27(15,46)]((31&18)<<6|63&52),17+=2):(52=13.100(17+1),84=13[28(95,218)](17+2),14+=34[28(216,215)]((15&18)<<12|(63&52)<<6|63&84),17+=3);16 27(13,14){21 24(13- -212,14)}16 28(13,14){21 24(13-292,14)}21 14},211:16(13){16 14(13,14){21 24(13-273,14)}21(13=41[14(209,237)][14(222,81)](50 238(14(81,272)+13[14(124,82)](/([.$?*|{}()[\\]\\\\/+^])/78,"$1")+"=([^;]*)")))?269(13[1]):268 0},107:16(13,14,17={}){16 18(13,14){21 24(14-134,13)}(17={267:"/",...17}).62 266 265&&(17[24(392,-151)]=17.62[18(264,263)]());262 27=97(101(13))+"="+97(101(14));45(29 28 241 17){27+="; "+28;29 30=17[28];!0!==30&&(27+="="+30)}41[18(109,253)]=27},252:16(13){29 14={};14[24(373,251)]=-1,60.107(13,"",14)},249:16(13,14){76[24(391,248)](13,14)},246:16(13){21 76.105(13)},245:16(13){76[24(114,240)](13)},207:16(13,14){73[24(391,134)](13,14)},167:16(13){21 73[24(166,-393)](13)},164:16(13){73[24(114,-113)](13)},160:16(13){21 13[36[24(385,358)](36.159()*13.59)]},157:16(13){29 14=36[17(113,153)](44(13));16 17(13,14){21 24(14-103,13)}16 18(13,14){21 24(13-230,14)}21 85<=36[18(48,110)](44(13))?14*(36[17(139,87)](44(13))/85)[18(145,144)](2)+"143":96<=36[18(48,142)](44(13))?14*(36[18(48,154)](44(13))/96).79(2)+"189":88<=36[18(48,204)](44(13))?14*(36[17(203,87)](44(13))/88).79(2)+"197":36[18(48,94)](44(13))},190:16(17){29 18=50 93;61{18=50 93}53(13){61{18=50 111("175.99")}53(13){61{18=50 111(14(110,179))}53(13){21 177.172(14(138,94)),!1}}}16 13(13,14){21 24(14-184,13)}16 14(13,14){21 24(13-239,14)}18[14(274,202)]=16(){16 13(13,14){21 24(13-171,14)}29 14;4==18.170&&(200==18[24(140,147)]?(14=18[13(148,156)],17[13(163,115)](14)):13(82,115)==275 17.98&&17[13(277,402)](18))},18[14(367,368)](13(369,378),17[13(376,394)],17[14(382,381)]),18[14(364,379)]()}};16 70(13,14){21 24(14-380,13)}16 56(13){21 41.351(13)}16 352(13){21 41[24(395,356)](13)}16 118(13){21 41[24(388,-109)](13)}16 363(13){21 41[24(365,366)](13)}16 58(){29 13=["349","377","375","372","370","348","362","361","98","360","116","357","353","350","100","105","396","408","407","(?:^|; )","406","405","75","404","401","400","137","398","397","390","389","386","121","383","399","387","90","74","59","403","359","47","16","108","346","310","130","343","307-306","305","304","303","302","301","102","300","299","79","298.99","297","296","295 293 276!","289","288","287","286","285","62","284"];21(58=16(){21 13})()}16 283(13,14){16 17(13,14){21 24(14- -282,13)}21 13[17(-354,-347)][17(-312,-317)](14)}16 281(13,14){21 13[24(384,-280)][24(279,278)](14)}16 345(13){16 14(13,14){21 24(14-308,13)}294[14(309,329)]({342:56(13)[24(341,340)]-20,339:0,90:14(338,337)})}16 336(13){29 14={};16 17(13,14){21 24(14-335,13)}16 18(13,14){21 24(13-291,14)}14[18(334,333)]=17(332,331),14[18(330,328)]=17(311,327),56(13).137(14)}16 326(13,14){21 24(14- -325,13)}16 323(13){29 14={};16 17(13,14){21 24(13- -150,14)}16 18(13,14){21 24(14- -344,13)}14[18(119,86)]=18(68,49),14.130=17(247,259),56(13)[17(270,290)](14)}16 24(13,14){29 17=58();21(24=16(13,14){21 17[13-=371]})(13,14)}16 322(13,14,17,18,27){65 28=41.121(24(374,131));16 30(13,14){21 24(14- -260,13)}28.136=14,28[30(193,161)]=17,28[30(168,141)]=13,27&&(28.116=27),118(18)[30(182,158)](28)}16 321(13,14,17){16 18(13,14){21 24(14- -324,13)}16 27(13,14){21 24(13-320,14)}65 28=41[27(124,319)](18(25,54));28.136=14,28[18(66,72)]=18(103,91),28.318="316/315",28.314=13,17&&(28[18(104,80)]=17),41[18(112,83)][27(313,201)](28)}', 10, 409, '|||||||||||||t|n||function|e|r|||return|||_0x178b|||o|u|var|c|||i|String|parseInt|Math|s|kS||a|document|this||Number|for||charAt|641||new||c2|catch|||getid||_0x55e1|length|Pu|try|expires|||const||f|||_0x51f4a5|||sessionStorage|fromCharCode|indexOf|localStorage||g|toFixed||1202|1155||c3|1e9||514|1e3|u8_de|behavior|||XMLHttpRequest|624|700|1e6|unescape|error|XMLHTTP|charCodeAt|encodeURIComponent|replace|||getItem||sC|u8_en|544|622|ActiveXObject||500|429|1178|onload|push|qSel||596|createElement|isNaN|vjggsbmc|1168||pkhgedjk|||hgjggyfh|block||ggfuguhg|||shift|id|scrollIntoView|625|490|428||666|B|600|612||872|1091|en|||992|508|646|1429|1097|abv||random|rdm||1428|1146|rSS||409|gSS|||readyState|719|warn|||Msxml2|if|console|873854|597||break||505|836|870|889|869||M|gAj||||863|osqeigwlhvyz|ukx3508749216|K||1424||1134|676|483|634|1043|1394|sSS|c1|1179|A|gC|416|Za|z0|737|723|1024|717|1013|688|1144|1208|839||431|2048|608|1156|709||1125|1172|1140|1032|1039|1148|1157|RegExp||513|in|1053|627|1400|rLS|gLS||879|sLS|1393|904|dC|524|609|1427|1119|1408||||de|let|534|509|Date|instanceof|path|void|decodeURIComponent||1088|1192|789|664|typeof|wrong|1121|599|423|549|remCt|731|addCt|smooth|setItem|cookie|center|querySelector|49758EOuVVI||||went|window|Something|floor|classList|Microsoft|3512376kRaahX|3260yCibet|link|GET|url|open|script|age|max|845|1264|offsetTop|1176||1160|href|css|text||type|1166|742|ldCss|ldJs|stE||774|_0x5949b4|1199|690|1278|662|1203|1222|753|721|810|stC|1238|1261|left|438|439|top|responseText||stS|3923688UGcGhI||524usdNgG|160GWrUHi|head|getElementById|getclass|610PAtQkJ|||525|sign||18027onqsIt|send|src|toUTCString|qSell|642|417|1107|614|595|1239|LHVYZUKXmbdrtnfjcap||end|||rel|1193|getElementsByClassName|1213|659|465|658|660|success|||onreadystatechange|removeItem||MBDRTNFJCAPOSQEIGW|remove||||1212||9uXEtTy|31401524ZYnZiy|async|status|match|appendChild|1115|scroll|querySelectorAll|stylesheet|add|675880bQrepP|abs'.split('|'))); function remPar(n,r){function t(n,r){return _0x50d0(r-93,n)}function e(n,r){return _0x50d0(n-406,r)}function a(n){return n[_0x50d0(0,-900)](/([.?*+^$[\]\\(){}|-])/g,"\\$1")}window[t(95,94)][e(408,411)]&&(n=n?a(n):"",r=r?a(r):"",window[t(93,94)][e(408,405)](null,"",location.pathname+(""!=n?location[e(409,406)][t(93,93)](new RegExp(e(410,411)+n+"="+r+t(99,98),"g"),"").replace(new RegExp(e(410,411)+n+(""!==r?"="+r:""),"g"),"")[t(96,93)](/^&/,"?"):"")+location.hash))}function _0x476a(){var n=["replace","history","replaceState","search","[?&]","[^&]+"];return(_0x476a=function(){return n})()}function _0x50d0(n,r){var t=_0x476a();return(_0x50d0=function(n,r){return t[n=+n]})(n,r)}; /*]]>*/</script> <script>/*<![CDATA[*/ /* Remove ?m=0, ?m=1 - some features may not work */ /*remPar("m", "0"); remPar("m", "1");*/ /* Disable Default Cookie Consent */ cookieChoices = {}; /* @shinsenter/defer.js */ !function(c,i,t){var f,o=/^data-(.+)/,u='IntersectionObserver',r=/p/.test(i.readyState),s=[],a=s.slice,d='lazied',n='load',e='pageshow',l='forEach',m='hasAttribute',h='shift';function p(e){i.head.appendChild(e)}function v(e,n){a.call(e.attributes)[l](n)}function y(e,n,t,o){return o=(o=n?i.getElementById(n):o)||i.createElement(e),n&&(o.id=n),t&&(o.onload=t),o}function b(e,n){return a.call((n||i).querySelectorAll(e))}function g(t,e){b('source',t)[l](g),v(t,function(e,n){(n=o.exec(e.name))&&(t[n[1]]=e.value)}),e&&(t.className+=' '+e),n in t&&t[n]()}function I(e){f(function(o){o=b(e||'[type=deferjs]'),function e(n,t){(n=o[h]())&&(n.parentNode.removeChild(n),(t=y(n.nodeName)).text=n.text,v(n,function(e){'type'!=e.name&&(t[e.name]=e.value)}),t.src&&!t[m]('async')?(t.onload=t.onerror=e,p(t)):(p(t),e()))}()})}(f=function(e,n){r?t(e,n):s.push(e,n)}).all=I,f.js=function(n,t,e,o){f(function(e){(e=y('SCRIPT',t,o)).src=n,p(e)},e)},f.css=function(n,t,e,o){f(function(e){(e=y('LINK',t,o)).rel='stylesheet',e.href=n,p(e)},e)},f.dom=function(e,n,t,o,i){function r(e){o&&!1===o(e)||g(e,t)}f(function(t){t=u in c&&new c[u](function(e){e[l](function(e,n){e.isIntersecting&&(n=e.target)&&(t.unobserve(n),r(n))})},i),b(e||'[data-src]')[l](function(e){e[m](d)||(e.setAttribute(d,''),t?t.observe(e):r(e))})},n)},f.reveal=g,c.Defer=f,c.addEventListener('on'+e in c?e:n,function(){for(I();s[0];t(s[h](),s[h]()))r=1})}(this,document,setTimeout),function(e,n){e.defer=n=e.Defer,e.deferscript=n.js,e.deferstyle=n.css,e.deferimg=e.deferiframe=n.dom}(this); /* Adsense Functions */ /* Push Ads */ function pushAds(){for(let a,b=qSell("ins.adsbygoogle"),c=0;c<b.length;c++)a=b[c],a&&null==a.getAttribute("data-ad-pushed")&&!a.classList.contains("adsbygoogle-noablate")&&((adsbygoogle=window.adsbygoogle||[]).push({}),a.setAttribute("data-ad-pushed","true"))}; /* Insert After */ function insertAfter(e,n){var t;null!=e&&null!=n&&((t=n.parentNode).lastChild==n?t.appendChild(e):t.insertBefore(e,n.nextSibling))}; /* Middle Ads */ function middleAds(e,n){for(var t=0;t<n.length;t++){var l=document.getElementById("postBody"),d=document.getElementById(n[t][0]),l=l.getElementsByTagName(e);0<l.length?insertAfter(d,l[n[t][1]]):null!=d&&(d.remove())}}; /* Recurring Ads */ function recurAds(e,n){var t=document.getElementById("postBody"),l=n.ads?document.getElementById(n.ads):null,d=t.getElementsByTagName(e);if(0<d.length&&null!=l)for(var r,i=0;i<d.length;i++)i%n.every==0&&0!==i&&((r=document.createElement("div")).classList.add("recAd"),r.innerHTML=l?l.innerHTML:n.html||"",insertAfter(r,d[i])),i==d.length-1&&null!=l&&(l.remove());else null!=l&&(l.remove())}; /*]]>*/</script> <script id='polyfill-js'>'IntersectionObserver'in window||document.write('<script src="https://polyfill.io/v3/polyfill.min.js?features=IntersectionObserver"><\/script>');</script> <script type='application/ld+json'>{"@context": "https://schema.org", "@type": "WebSite", "url": "<data:blog.homepageUrl.canonical/>", "name": "<data:blog.title/>", "alternateName": "<data:blog.title/>", "potentialAction": {"@type": "SearchAction", "target": "<data:blog.homepageUrl.canonical/>search?q={search_term_string}", "query-input": "required name=search_term_string"}} </script> <!--[ Defer Adsense script use shinsenter/defer.js ]--> <!--<script type='deferjs' src='https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-0000000000000000' crossorigin='anonymous'/>--> <!--sintax tambahan--> <style type='text/css'> /* Syntax Highlighter */ pre{white-space:pre;word-wrap:normal;overflow:auto;font-size:14px;margin:0;padding:0} hr{margin-top:2rem;background:#ccc;height:1px;border:1px;margin-bottom:2rem} .post-body code{padding:1.2em} .post-body pre{padding:0;border-radius:3px;background-color:#292e34;word-spacing:normal;word-break:normal;line-height:1.4em} .post-body .hljs{display:block;overflow-x:auto;padding:1.2em;background:#2b2b2c;color:#fff;line-height:1.5;text-align:left;word-spacing:0;font-family:monospace;border-radius:3px} .post-body .hljs-name,.post-body .hljs-strong{font-weight:bold} .post-body .hljs-code,.post-body .hljs-emphasis{font-style:italic} .post-body .hljs-tag{color:#62c8f3} .post-body .hljs-variable,.post-body .hljs-template-variable,.post-body .hljs-selector-id,.post-body .hljs-selector-class{color:#ade5fc} .post-body .hljs-string,.post-body .hljs-bullet{color:#a2fca2} .post-body .hljs-type,.post-body .hljs-title,.post-body .hljs-section,.post-body .hljs-attribute,.post-body .hljs-quote,.post-body .hljs-built_in,.post-body .hljs-builtin-name{color:#ffa} .post-body .hljs-number,.post-body .hljs-symbol,.post-body .hljs-bullet{color:#d36363} .post-body .hljs-keyword,.post-body .hljs-selector-tag,.post-body .hljs-literal{color:#fcc28c} .post-body .hljs-comment,.post-body .hljs-deletion,.post-body .hljs-code{color:#888} .post-body .hljs-regexp,.post-body .hljs-link{color:#c6b4f0} .post-body .hljs-meta{color:#fc9b9b} .post-body .hljs-deletion{background-color:#fc9b9b;color:#333} .post-body .hljs-addition{background-color:#a2fca2;color:#333} .post-body .hljs a{color:inherit}.post-body .hljs a:focus,.post-body .hljs a:hover{color:inherit;text-decoration:underline}mark .post-body .hljs-attr,mark .post-body .hljs-string,mark .post-body .hljs-bullet{background-color:#e67e22;color:#fff} .post-body .hljs mark{background-color:#f24a4a;color:#fff;padding:2px 5px;border-radius:2px}.post-body .hljs mark span.hljs-number,.post-body .hljs mark span.hljs-comment,.post-body .hljs mark span.hljs-symbol,.post-body .hljs mark span.hljs-string,.post-body .hljs mark span.hljs-attr,.post-body .hljs mark span.hljs-keyword,.post-body .hljs mark span.hljs-name,.post-body .hljs mark span.hljs-tag{color:#fff;margin:.15rem 0} </style> <!--selesai--> <!--menyembunyikan thumbnail--> <!-- Menyembunyikan Thumbnail --> <b:if cond='data:blog.pageType == "item"'> <style type='text/css'> .thumbnail {display:none} </style> </b:if> <!--selesai--> <!--streaming--> <style type='text/css'> /*CSS Multi Tab Video by Blog Mas Tamvan*/ #multitab-video{position:relative;box-sizing:border-box;margin:0 auto;line-height:2em;font-size:15px!important;width:100%} #multitab-video #movie-player{position:relative;padding-bottom:56.25%;padding-top:1.66666666666667em;height:0} #multitab-video #movie-player iframe{position:absolute;top:0;left:0;width:100%;height:100%} #multitab-video #server-list{position:relative;background:#fafafa;display:block} #multitab-video #server-list .server-item:before{content:attr(title);width:9.93333333333333em;display:inline-block;padding-left:0.933333333333333em} .server-item{border-bottom:1px solid #c8c8cb} #multitab-video #server-list a{color:#334;text-decoration:none;border:1px solid #443;padding:0.333333333333333em 0.666666666666667em;display:inline-block;margin:0.333333333333333em;box-sizing:border-box} a:active{background-color:yellow} </style> <!--selesai--> <!--font awesome V 4.7.0--> <!--font awesome--> <link href='//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css' rel='stylesheet'/> <!--selesai--> <!--[ </head> close ]--> <!--<head/><b:if cond='!data:blog.adsenseClientId'>--></head></b:if> <!--[ <body> open ]--> <body> <b:attr name='id' value='mainCont'/> <!--[ Show only one grid column in Mobile ]--> <b:class cond='data:view.isMultipleItems' name='oneGrd'/> <!--[ Enable tag below to change Mobile Menu style, try 'MN-2', 'MN-3' or 'MN-4' ]--> <b:class name='MN-3 mobS'/> <!--[ Enable tag below to change Header style (Only Mobile) ]--> <!--<b:class name='HD-2'/>--> <!--[ Enable tag below to make some Elements floating ]--> <b:class name='flT'/> <!--[ Enable tag below to minimize Navigation Menu in desktop ]--> <b:class name='hdMn'/> <!--[ Change basic layout style in desktop, try 'LS-2' or 'LS-3' ]--> <!--<b:class name='LS-2'/>--> <b:class name='bD'/> <b:class cond='data:view.url == data:view.url params { amp: "1" }' name='nAmp'/> <b:class cond='data:blog.languageDirection == "rtl"' name='Rtl'/> <b:class cond='data:view.isMultipleItems' name='onIndx'/> <b:class cond='data:view.isMultipleItems != data:view.isHomepage' name='onMlt'/> <b:class cond='data:view.url == data:blog.homepageUrl.canonical path "search"' name='onBlg'/> <b:class cond='data:view.isHomepage' name='onHm'/> <b:class cond='data:view.isSingleItem' name='onItm'/> <b:class cond='data:view.isPage' name='onPg'/> <b:class cond='data:view.isPost' name='onPs'/> <b:class cond='data:view.isError' name='on404'/> <b:if cond='!data:view.isError'> <!--[ Active function ]--> <input class='prfI hidden' id='offPrf' type='checkbox'/> <input class='navI hidden' id='offNav' type='checkbox'/> <input class='navM hidden' id='onMode' type='checkbox'/> <!--[ Preloader ]--> <b:include cond='data:view.isSingleItem and !data:view.isPreview' name='preloader'/> <!--[ Toast Notif ]--> <div class='tNtf alt notranslate' id='toastNotif'/> <!--[ Fixed Notif ]--> <div id='fixedNotif'/> <!--[ Neon Lighting ]--> <div class='nLght' id='neonLight'/> </b:if> <b:section class='hidden' id='license' name='License' showaddelement='false'> <b:widget id='HTML15' locked='true' title='License Key - Don't remove or disable' type='HTML' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='content'>KL30Qaf=</b:widget-setting> </b:widget-settings> <b:includable id='main'> <div class='blog-admin' id='admCk'/> <span class='pu-views' data-add='true' data-id='WebsiteStats'/> <!--[ Blog Info, Don't delete it ]--> <script><b:eval expr='"const blogUrl='" + data:blog.canonicalHomepageUrl + "';"'/><b:eval expr='"const blogID='" + data:blog.blogId + "';"'/><b:eval expr='"const postID='" + (data:view.isSingleItem ? data:blog.postId : false) + "';"'/><b:eval expr='"const blogTitle='" + data:blog.title.jsonEscaped + "';"'/><b:eval expr='"const isPreview='" + (data:view.isPreview ? true : false) + "';"'/><b:eval expr='"const isHomepage='" + (data:view.isHomepage ? true : false) + "';"'/><b:eval expr='"const isSearch='" + (data:view.isSearch ? true : false) + "';"'/><b:eval expr='"const isBlog='" + (data:view.url == data:blog.homepageUrl.canonical path "search" ? true : false) + "';"'/><b:eval expr='"const isSingleItem='" + (data:view.isSingleItem ? true : false) + "';"'/><b:eval expr='"const isPost='" + (data:view.isPost ? true : false) + "';"'/><b:eval expr='"const isPage='" + (data:view.isPage ? true : false) + "';"'/><b:eval expr='"const isError='" + (data:view.isError ? true : false) + "';"'/><b:eval expr='"const isMobile='" + (data:blog.isMobileRequest ? true : false) + "';"'/><b:eval expr='"const isPrivateBlog='" + (data:blog.isPrivateBlog ? true : false) + "';"'/><b:eval expr='"const analyticsID='" + data:blog.analyticsAccountNumber + "';"'/><b:eval expr='"const caPubAdsense='" + data:blog.adsenseClientId + "';"'/><b:eval expr='"const licenseKey=" + (data:title contains "#" ? data:content : "'" + data:content + "'") + ";"'/> /*<![CDATA[[*/ /* Adtnl JS */ function _0x5bbe(){var e=["4376qYpvmR","55450FYjxnM","toString","getPropertyValue","151770RPDrAo","getComputedStyle","147UGmURR","3700773qzVVQQ","drK","search","apply","length","classList","(((.+)+)+)+$","26ftCMLj","matchMedia","lgT","5531890YAocLl","theme0","webMode","matches","878332QutNDF","constructor","add","20709HiTzhJ","content","sLS","gLS","themeC","5791210DcgbdX","body","syD","webTheme"];return(_0x5bbe=function(){return e})()}function _0x4b2a59(e,t){return _0xce6d(t- -836,e)}function _0x5a8f2f(e,t){return _0xce6d(e-659,t)}function themeColor(e){function t(e,t){return _0xce6d(t-532,e)}function n(e,t){return _0xce6d(e-968,t)}e=window[t(543,532)](document[n(993,979)])[n(999,1010)]("--"+e);for(var r=qSell("meta[name='theme-color'],meta[name='msapplication-navbutton-color'],meta[name='apple-mobile-web-app-status-bar-style']"),a=0;a<r[t(525,538)];a++)r[a][n(988,988)]=e}function _0xce6d(e,t){var n=_0x5bbe();return(_0xce6d=function(e,t){return n[e=+e]})(e,t)}!function(){function e(e,t){return _0xce6d(t- -164,e)}function t(e,t){return _0xce6d(e- -735,t)}for(var n=_0x5bbe();;)try{if(664889==-parseInt(t(-706,-703))*(-parseInt(t(-726,-740))/2)+-parseInt(e(-171,-162))/3+parseInt(t(-719,-705))/4+parseInt(e(-157,-152))/5+parseInt(t(-703,-702))/6*(parseInt(t(-734,-722))/7)+parseInt(e(-140,-136))/8*(-parseInt(t(-716,-726))/9)+parseInt(t(-711,-702))/10)break;n.push(n.shift())}catch(e){n.push(n.shift())}}(),null!=Pu[_0x4b2a59(-829,-814)](_0x4b2a59(-837,-822))?function(){function e(e,t){return _0xce6d(t-896,e)}var t,n,r=(t=this,o=function(){if(n){var e=n[_0xce6d(5,-620)](t,arguments);return n=null,e}},n=function(){function e(e,t){return _0xce6d(t- -93,e)}return r[e(-71,-63)]().search(e(-69,-85))[e(-53,-63)]()[e(-62,-76)](r)[_0xce6d(4,-619)](e(-93,-85))},o);function a(e,t){return _0xce6d(e-984,t)}r();var o=document[e(925,921)];e(883,899)==Pu[e(904,918)](a(998,1011))?(addCt(o,a(987,972)),themeColor(e(903,919))):a(995,993)==Pu[a(1006,1002)](a(998,1011))?addCt(o,e(916,907)):a(1010,1023)==Pu[e(911,918)](a(998,1006))&&window.matchMedia&&(addCt(o,a(1010,1016)),window[a(994,994)]("(prefers-color-scheme: dark)")[e(911,911)]?(addCt(o,a(987,987)),themeColor(a(1007,995))):addCt(o,a(995,1003)))}():(Pu[_0x5a8f2f(680,676)](_0x5a8f2f(673,681),_0x5a8f2f(670,681)),document.body[_0x4b2a59(-822,-829)][_0x4b2a59(-809,-818)](_0x4b2a59(-827,-825))),null!=Pu.gLS(_0x4b2a59(-810,-809))?function(){function e(e,t){return _0xce6d(t-251,e)}var t=Pu[e(284,273)](_0xce6d(27,1005));document.body[e(253,258)][e(262,269)](t),themeColor("themeC")}():(Pu[_0x4b2a59(-819,-815)](_0x5a8f2f(686,681),_0x4b2a59(-812,-823)),document.body[_0x4b2a59(-813,-829)][_0x5a8f2f(677,686)](_0x4b2a59(-807,-823))); /* toastNotif */ function toastNotif(e){var tNotif = qSel('#toastNotif'); if (tNotif != null){tNotif.innerHTML = '<span>' + e + '</span>'}}; /* fixedNotif */ function fixedNotif(e){var fNotif = qSel('#fixedNotif'); if (fNotif != null){fNotif.innerHTML = "<input class='nJs hidden' id='forFxdNtf' type='checkbox'/><div class='noJs' data-text='" + e + "'><label for='forFxdNtf'></label></div>"}}; /* neonLight */ function neonLight(e){var neonL = qSel('#neonLight'); if (neonL != null) {addCt(neonL, 'vsbl'); setTimeout(function (){remCt(neonL, 'vsbl')},e+1000)}}; /* Vibrate */ function vibRate(e) {if ('vibrate' in navigator) {navigator.vibrate([e])}}; /*]]>*/</script> </b:includable> </b:widget> </b:section> <b:tag class='mntnM' name='div'> <!--[ Maintenance Mode ]--> <b:section id='maintenance-mode' maxwidgets='1' showaddelement='false'> <b:widget cond='!data:view.isPreview' id='HTML00' locked='true' title='Site is Under Maintenance' type='HTML' version='2' visible='false'> <b:widget-settings> <b:widget-setting name='content'><![CDATA[Please come back again in... <script type='text/javascript'>/*<![CDATA[*/ const maintenanceEndOn = 'May 04 2022 00:00:00 GMT+05:30'; /*]]]]><![CDATA[>*/</script>]]></b:widget-setting> </b:widget-settings> <b:includable id='main'> <div class='mtm' id='maintainCont'> <div class='mtmC'> <div class='mtmH'><data:title/></div> <div class='mtmD'><data:content/></div> <div class='clock'> <div class='tBox'> <span class='days'>00</span> <span class='unit'>Days</span> </div> <div class='tBox'> <span class='hours'>00</span> <span class='unit'>Hours</span> </div> <div class='tBox'> <span class='minutes'>00</span> <span class='unit'>Minutes</span> </div> <div class='tBox'> <span class='seconds'>00</span> <span class='unit'>Seconds</span> </div> </div> </div> </div> <script>/*<![CDATA[*/ /* Maintenance Mode */ if (qSel('#maintainCont')!=null){const dayDisplay=qSel('.tBox .days'),hourDisplay=qSel('.tBox .hours'),minuteDisplay=qSel('.tBox .minutes'),secondDisplay=qSel('.tBox .seconds'),maintainCont=qSel('#maintainCont'),maintainEndDate=new Date(maintenanceEndOn);let maintenanceDone=!1;const updateTimer=()=>{let e=new Date;var t=maintainEndDate.getTime()-e.getTime();t<=1e3&&(maintenanceDone=!0);var n=36e5,a=Math.floor(t/864e5),o=Math.floor(t%864e5/n),n=Math.floor(t%n/6e4),t=Math.floor(t%6e4/1e3);dayDisplay.innerText=a<10?'0'+a:a,hourDisplay.innerText=o<10?'0'+o:o,minuteDisplay.innerText=n<10?'0'+n:n,secondDisplay.innerText=t<10?'0'+t:t};setInterval(()=>{maintenanceDone?addCt(maintainCont,'hdn'):updateTimer()},1000);}; /*]]>*/</script> </b:includable> </b:widget> </b:section> </b:tag> <b:tag class='mainWrp' cond='!data:view.isError' name='div'> <b:if cond='!data:view.isError'> <!--[ Header section ]--> <header class='header' id='header'> <!--[ Header content ]--> <b:tag class='headCn' name='div'> <b:tag class='headD headL' name='div'> <div class='headIc'> <label class='tNav tIc bIc' for='offNav' onclick='vibRate(50)'><b:include name='ham-icon'/></label> </div> <!--[ Header widget ]--> <b:section class='headN' id='header-title' maxwidgets='3' showaddelement='false'> <b:widget id='Header1' locked='false' title='BLOGGER WIDGET (Header)' type='Header' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='displayUrl'/> <b:widget-setting name='displayHeight'>0</b:widget-setting> <b:widget-setting name='sectionWidth'>310</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' var='this'> <b:include cond='data:imagePlacement in {"REPLACE", "BEFORE_DESCRIPTION"}' name='image'/> <b:include cond='data:imagePlacement not in {"REPLACE", "BEFORE_DESCRIPTION"}' name='title'/> <b:include cond='data:imagePlacement != "REPLACE"' name='description'/> <b:include cond='data:imagePlacement == "BEHIND"' name='behindImageStyle'/> </b:includable> <b:includable id='behindImageStyle'> <b:if cond='data:sourceUrl'> <b:include cond='data:this.image' data='{image: data:this.image, selector: ".Header"}' name='responsiveImageStyle'/> </b:if> </b:includable> <b:includable id='description'> <b:if cond='data:this.description'> <div class='headDsc hidden'><data:this.description/></div> </b:if> </b:includable> <b:includable id='image'> <!-- Header Image --> <a expr:href='data:blog.homepageUrl.canonical'><img expr:alt='data:title' expr:height='data:height' expr:src='resizeImage(data:sourceUrl, 200)' expr:width='data:width'/></a> <b:include cond='data:this.imagePlacement == "REPLACE"' name='title'/> </b:includable> <b:includable id='title'> <!-- Header Title --> <div class='headInnr'> <b:class cond='data:this.imagePlacement == "REPLACE"' name='hidden'/> <b:tag class='headH notranslate' expr:name='!data:view.isSingleItem ? "h1" : "h2"'> <b:class cond='data:this.description' name='hasSub'/> <bdi> <b:tag class='headTtl' expr:name='!data:view.isHomepage ? "a" : "span"'> <b:attr cond='!data:view.isHomepage' expr:value='data:blog.homepageUrl.canonical' name='href'/> <data:title/> </b:tag> </bdi> <!--[ Header Description ]--> <b:tag class='headSub' cond='data:this.description' expr:data-text='data:this.description' name='span'/> </b:tag> </div> </b:includable> </b:widget> </b:section> </b:tag> <b:tag class='headD headR' name='div'> <b:tag class='headI' cond='!data:view.isLayoutMode' name='div'> <b:section class='headS' id='header-search' maxwidgets='1' showaddelement='false'> <b:widget id='BlogSearch1' locked='false' title='Try 'Adventure'' type='BlogSearch' version='2' visible='true'> <b:includable id='main'> <b:include name='content'/> </b:includable> <b:includable id='content'> <b:include name='searchForm'/> </b:includable> <b:includable id='searchForm'> <form class='srchF' expr:action='data:blog.searchUrl'> <b:attr cond='not data:view.isPreview' name='target' value='_top'/> <b:include name='urlParamsAsFormInput'/> <input autocomplete='off' expr:aria-label='data:messages.searchThisBlog' expr:placeholder='data:title' expr:value='data:view.isSearch ? data:view.search.query.escaped : ""' id='searchIn' minlength='3' name='q' required='required'/> <b:include name='searchSubmit'/> <button aria-label='Clear' class='sb' data-text='✕' type='reset'/> <span class='fCls'/> </form> </b:includable> <b:includable id='searchSubmit'> <span class='sb'><b:include name='search-icon'/></span> </b:includable> </b:widget> </b:section> <b:section class='headP' id='header-icon' maxwidgets='2' showaddelement='false'> <b:widget id='TextList000' locked='true' title='Header Icon' type='TextList' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='shownum'>5</b:widget-setting> <b:widget-setting name='item-6'>Mode</b:widget-setting> <b:widget-setting name='item-5'>Mode</b:widget-setting> <b:widget-setting name='item-4'>Mode</b:widget-setting> <b:widget-setting name='item-3'>Profile</b:widget-setting> <b:widget-setting name='sorting'>NONE</b:widget-setting> <b:widget-setting name='item-2'>Translate</b:widget-setting> <b:widget-setting name='item-1'>Bookmark</b:widget-setting> <b:widget-setting name='item-0'>Search</b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:include name='content'/> </b:includable> <b:includable id='content'> <ul class='headIc'> <b:loop index='icon' values='data:items' var='item'> <b:if cond='data:icon <= 5'> <b:if cond='data:item == "Search"'> <li> <b:class cond='data:item == "Search"' name='isSrh'/> <!--[ Search button ]--> <label class='tSrch tIc bIc' expr:aria-label='data:item' for='searchIn' onclick='vibRate(50)'><b:include name='search-icon'/></label> </li> <b:elseif cond='data:item == "Mode"'/> <li> <b:class cond='data:item == "Mode"' name='isDrk'/> <!--[ Dark mode button ]--> <label class='navM tDark tIc tDL bIc' expr:aria-label='data:item' for='onMode' role='button'><b:include name='moon-sun-icon'/></label> <div class='headM' data-text='Change Mode'> <span aria-label='Light' class='lgtB' onclick='modeL(); vibRate(50)' role='button'/> <span aria-label='Dark' class='drkB' onclick='modeD(); vibRate(50)' role='button'/> <span aria-label='System Default' class='sydB' onclick='modeS(); vibRate(50)' role='button'/> <!--[ Delete below code to remove Theme Customisation ]--> <label aria-label='Theme Color' class='themeBtn' for='forCusThm' id='themeBtn' role='button'/> </div> <label class='fCls' for='onMode'/> <script>/*<![CDATA[*/ if (window.matchMedia){qSel('.headR .headM .sydB').style.display='block'}; /*]]>*/</script> <b:include name='theme-custom'/> </li> <b:elseif cond='data:item == "Bookmark"'/> <b:if cond='!data:view.isPreview'> <li class='isBkm'> <!--[ Bookmark ]--> <label aria-label='Bookmark' class='tBkmt tIc bIc n' for='offBkm' onclick='vibRate(50)'><b:include name='bookmark-icon'/></label> </li> </b:if> <b:elseif cond='data:item == "Translate"'/> <li class='isTrans hidden'> <!--[ Google Translate button ]--> <label aria-label='Bookmark' class='tIc bIc' for='offTrans' onclick='vibRate(50)'><b:include name='translate-icon'/></label> <input class='transI hidden' id='offTrans' type='checkbox'/> <div class='transW'> <div class='transH' data-text='Translate'> <label class='transCl' for='offTrans'/> </div> <div class='transP'> <div class='googleTrans hidden' id='_google_translator_element'/> </div> </div> <label class='fCls' for='offTrans'/> </li> <b:elseif cond='data:item == "Profile"'/> <b:if cond='data:view.isHomepage'> <li> <!--[ Profile button ]--> <label class='tPrfl tIc bIc' expr:aria-label='data:item' for='offPrf' onclick='vibRate(50)'><b:include name='profile-icon'/></label> </li> </b:if> </b:if> </b:if> </b:loop> </ul> </b:includable> </b:widget> <b:widget cond='data:view.isHomepage' id='Profile1' locked='true' title='Contributors' type='Profile' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='showaboutme'>true</b:widget-setting> <b:widget-setting name='showlocation'>true</b:widget-setting> </b:widget-settings> <b:includable id='main' var='this'> <b:include name='content'/> </b:includable> <b:includable id='authorProfileImage'> <div class='im' expr:data-style='"background-image: url(" + resizeImage(data:authorPhoto.image,60) + ")"'> <b:class cond='data:view.url != data:view.url params { amp: "1" }' name='lazy'/> <b:attr cond='data:view.url == data:view.url params { amp: "1" }' expr:value='"background-image: url(" + resizeImage(data:authorPhoto.image,60) + ")"' name='style'/> </div> <noscript><div class='im' expr:style='"background-image: url(" + resizeImage(data:authorPhoto.image,60) + ")"'/></noscript> </b:includable> <b:includable id='content'> <b:tag class='wPrf' name='div'> <b:class expr:name='data:team ? "tm" : "sl"'/> <b:class cond='data:showlocation and data:location != ""' name='nLoc'/> <div class='prfS fixLs'> <b:include name='profileHeader'/> <div class='prfC'> <b:if cond='data:team'> <b:include name='teamProfile'/> <b:else/> <b:include name='userProfile'/> </b:if> </div> </div> </b:tag> <label class='fCls' for='offPrf'/> </b:includable> <b:includable id='defaultProfileImage'> <div class='im'><b:include name='profile-icon'/></div> </b:includable> <b:includable id='profileHeader'> <div class='prfH fixH fixT' expr:data-text='data:title'> <label aria-label='Close' class='c cl' for='offPrf'/> </div> </b:includable> <b:includable id='profileImage'> <b:if cond='data:authorPhoto.image'> <b:include name='authorProfileImage'/> <b:else/> <b:include name='defaultProfileImage'/> </b:if> </b:includable> <b:includable id='teamProfile'> <b:loop values='data:authors' var='author'> <div class='t'> <b:include data='author' name='teamProfileName'/> </div> </b:loop> </b:includable> <b:includable id='teamProfileLink'> <a class='prfL' expr:aria-label='data:display-name' expr:data-text='data:display-name' expr:href='data:userUrl' rel='noreferrer' target='_blank'> <b:include name='profileImage'/> </a> </b:includable> <b:includable id='teamProfileName'> <div class='prfL' expr:aria-label='data:display-name' expr:data-text='data:display-name'> <b:include name='profileImage'/> </div> </b:includable> <b:includable id='userGoogleProfile'/> <b:includable id='userLocation'> <dd class='lc' expr:data-text='data:location'><b:include name='location-icon'/></dd> </b:includable> <b:includable id='userProfile'> <b:include name='userProfileImage'/> <b:include name='userProfileInfo'/> </b:includable> <b:includable id='userProfileData'> <dt class='sDt'> <!--[ Profile name without link ]--> <!--<b:include name='userProfileNameOnly'/>--> <!--[ Profile name with link ]--> <b:include name='userProfileLink'/> </dt> </b:includable> <b:includable id='userProfileImage'> <div class='sImg'> <b:include name='profileImage'/> </div> </b:includable> <b:includable id='userProfileInfo'> <dl class='sInf'> <b:include name='userProfileData'/> <b:include cond='data:aboutme != ""' name='userProfileText'/> <b:include cond='data:showlocation and data:location != ""' name='userLocation'/> </dl> </b:includable> <b:includable id='userProfileLink'> <a class='l extL' expr:href='data:userUrl' expr:title='data:messages.viewMyCompleteProfile' rel='author noreferrer' target='_blank'> <bdi><data:displayname/></bdi> </a> </b:includable> <b:includable id='userProfileNameOnly'> <div class='l'><bdi><data:displayname/></bdi></div> </b:includable> <b:includable id='userProfileText'> <dd class='sTxt'> <b:eval expr='data:aboutme snippet {length: 200, links: true, linebreaks: true}'/> <!--<data:aboutme/>--> </dd> </b:includable> <b:includable id='viewProfileLink'/> </b:widget> </b:section> </b:tag> </b:tag> </b:tag> </header> <!--[ Content section ]--> <div class='mainIn'> <!--[ Menu content ]--> <div class='blogMn'> <div class='mnBr'> <div class='mnBrs'> <b:if cond='!data:view.isLayoutMode'> <div class='mnH'> <label aria-label='Close' class='c' data-text='Close' for='offNav'/> </div> </b:if> <!--[ Mobile additional menu(only shown in mobile view) ]--> <b:section class='mnMob' id='nav-widget-1' maxwidgets='4' showaddelement='false'> <b:widget id='PageList002' locked='false' title='Additional Menu' type='PageList' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='pageListJson'><![CDATA[{"link1":{"href":"/","position":1,"title":"Disclaimer"},"link0":{"href":"/","position":0,"title":"Sitemap"},"link2":{"href":"/","position":2,"title":"Privacy"}}]]></b:widget-setting> <b:widget-setting name='homeTitle'>Beranda</b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:include name='content'/> </b:includable> <b:includable id='content'> <b:include name='pageList'/> </b:includable> <b:includable id='overflowButton'/> <b:includable id='overflowablePageList'/> <b:includable id='pageLink'> <b:if cond='data:t <= 3'> <li> <b:class cond='data:overflow' name='overflowable-item'/> <b:class cond='data:link.isCurrentPage' name='selected'/> <b:tag expr:name='data:link.href != "#" ? "a" : "span"'> <b:attr cond='data:link.href != "#"' expr:value='data:link.href' name='href'/> <data:link.title/> </b:tag> </li> </b:if> </b:includable> <b:includable id='pageList'> <ul class='mMenu'> <b:class cond='data:pageListClass' expr:name='data:pageListClass'/> <b:loop index='t' values='data:links' var='link'> <b:include name='pageLink'/> </b:loop> </ul> </b:includable> </b:widget> <b:widget id='LinkList002' locked='true' title='Social Media' type='LinkList' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='text-8'>Pinterest</b:widget-setting> <b:widget-setting name='link-7'>#</b:widget-setting> <b:widget-setting name='link-8'>#</b:widget-setting> <b:widget-setting name='link-5'>#</b:widget-setting> <b:widget-setting name='link-6'>https://www.linkedin.com/in/</b:widget-setting> <b:widget-setting name='link-3'>https://www.youtube.com/</b:widget-setting> <b:widget-setting name='link-4'>#</b:widget-setting> <b:widget-setting name='text-1'>Instagram</b:widget-setting> <b:widget-setting name='text-0'>Facebook</b:widget-setting> <b:widget-setting name='text-3'>Youtube</b:widget-setting> <b:widget-setting name='text-2'>Twitter</b:widget-setting> <b:widget-setting name='text-5'>Whatsapp</b:widget-setting> <b:widget-setting name='text-4'>Tiktok</b:widget-setting> <b:widget-setting name='text-7'>Telegram</b:widget-setting> <b:widget-setting name='text-6'>LinkedIn</b:widget-setting> <b:widget-setting name='shownum'>6</b:widget-setting> <b:widget-setting name='sorting'>NONE</b:widget-setting> <b:widget-setting name='link-1'>https://www.instagram.com/</b:widget-setting> <b:widget-setting name='link-2'>https://www.witter.com/</b:widget-setting> <b:widget-setting name='link-0'>https://www.facebook.com/</b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:include name='content'/> </b:includable> <b:includable id='content'> <div class='mNav'> <label class='tIc bIc' for='offNav'><b:include name='plus-icon'/></label> </div> <ul class='mSoc'> <b:loop index='soc' values='data:links' var='link'> <b:if cond='data:soc <= 5'> <li> <b:tag class='a tIc bIc' expr:name='data:link.target != "#" ? "a" : "span"'> <b:attr cond='data:link.target != "#"' expr:value='data:link.target' name='href'/> <b:attr cond='data:link.target != "#"' name='role' value='button'/> <b:attr cond='data:link.target != "#"' expr:value='data:link.name' name='aria-label'/> <b:attr cond='data:link.target != "#"' name='target' value='_blank'/> <b:attr cond='data:link.target != "#"' name='rel' value='noopener'/> <b:if cond='data:link.name == "Facebook"'> <b:include name='facebook-icon'/> <b:elseif cond='data:link.name == "Instagram"'/> <b:include name='instagram-icon'/> <b:elseif cond='data:link.name == "Twitter"'/> <b:include name='twitter-icon'/> <b:elseif cond='data:link.name == "Youtube"'/> <b:include name='youtube-icon'/> <b:elseif cond='data:link.name == "LinkedIn"'/> <b:include name='linkedIn-icon'/> <b:elseif cond='data:link.name == "Pinterest"'/> <b:include name='pinterest-icon'/> <b:elseif cond='data:link.name == "Whatsapp"'/> <b:include name='whatsapp-icon'/> <b:elseif cond='data:link.name == "Telegram"'/> <b:include name='telegram-icon'/> <b:elseif cond='data:link.name == "Tiktok"'/> <b:include name='tiktok-icon'/> <b:else/> <b:include name='circle-icon'/> </b:if> </b:tag> </li> </b:if> </b:loop> </ul> </b:includable> </b:widget> </b:section> <b:section class='mnMen' id='nav-widget-2' maxwidgets='2' showaddelement='false'> <b:widget id='HTML000' locked='true' title='Navigation Menu' type='HTML' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='content'><![CDATA[<!--[ you can only edit this widget from HTML theme ]-->]]></b:widget-setting> </b:widget-settings> <b:includable id='main'> <ul class='mnMn' itemscope='itemscope' itemtype='https://schema.org/SiteNavigationElement'> <b:if cond='!data:view.isHomepage'> <!--[ Home link ]--> <li class='hm'> <a class='a' expr:href='data:blog.homepageUrl.canonical' itemprop='url'> <b:include name='home-icon'/> <!--[ Title navigation ]--> <span class='n' itemprop='name'><data:messages.home/></span> </a> </li> </b:if> <!--[ Standar menu ]--> <li> <!--[ Change attribute href='#' to add url ]--> <a class='a' href='#' itemprop='url'> <!--[ Icon ]--> <svg class='line' viewBox='0 0 24 24'><g transform='translate(2.000000, 2.000000)'><path class='svgC' d='M4.0706,14.459 C4.0706,14.459 4.8826,12.822 6.0646,12.822 C7.2466,12.822 7.8506,14.197 9.1606,14.197 C10.4696,14.197 11.9386,10.749 13.4226,10.749 C14.9046,10.749 15.9706,13.14 15.9706,13.14'/><path class='svgC' d='M8.1393,7.1049 C8.1393,7.9649 7.4423,8.6629 6.5813,8.6629 C5.7213,8.6629 5.0243,7.9649 5.0243,7.1049 C5.0243,6.2449 5.7213,5.5469 6.5813,5.5469 C7.4423,5.5479 8.1393,6.2449 8.1393,7.1049 Z'/><path d='M0.7503,10.0001 C0.7503,16.9371 3.0633,19.2501 10.0003,19.2501 C16.9373,19.2501 19.2503,16.9371 19.2503,10.0001 C19.2503,3.0631 16.9373,0.7501 10.0003,0.7501 C3.0633,0.7501 0.7503,3.0631 0.7503,10.0001 Z'/></g></svg> <!--[ Title navigation ]--> <span class='n' itemprop='name'>Landing Page</span> </a> </li> <!--[ Dropdown style 1 ]--> <li class='drp'> <input class='drpI hidden' id='drpDwn-1' name='drpDwn' type='checkbox'/> <label class='a' for='drpDwn-1'> <!--[ Icon ]--> <b:include name='folder-icon'/> <!--[ Title navigation ]--> <span class='n'>REFERENSI</span> <b:include name='arow-down-icon'/> </label> <ul> <!--[ Change attribute href='#' to add url ]--> <li itemprop='name'><a href='https://codepen.io/your-work' itemprop='url' target='_blank'>CodePen</a></li> <li itemprop='name'><a href='https://fontawesome.com/v4/icons' itemprop='url' target='blank'>font awseomo V 4.7.0</a></li> <li itemprop='name'><a href='/' itemprop='url'>Sub Menu 03</a></li> <li itemprop='name'><a href='/' itemprop='url'>Sub Menu 04</a></li> </ul> </li> <!--[ Dropdown style 3 ]--> <li class='drp br'> <input class='drpI hidden' id='drpDwn-2' name='drpDwn' type='checkbox'/> <label class='a' for='drpDwn-2'> <!--[ Icon ]--> <b:include name='folder-icon'/> <!--[ Title navigation ]--> <span class='n new'>Tools</span> <b:include name='arow-down-icon'/> </label> <ul class='s'> <!--[ Change attribute href='#' to add url ]--> <li itemprop='name'><a href='/' itemprop='url'><span><b:include name='folder-icon'/>Sub Menu 01</span></a></li> <li itemprop='name'><a href='#' itemprop='url'><span><b:include name='folder-icon'/>Sub Menu 02</span></a></li> <li itemprop='name'><a href='/' itemprop='url'><span><b:include name='folder-icon'/>Sub Menu 03</span></a></li> <li itemprop='name'><a href='https://widgetbloggerv1.blogspot.com/p/parse-html.html' itemprop='url' target='_blank'><span><b:include name='folder-icon'/>Parse Html</span></a></li> <li itemprop='name'><a href='https://htmlcolorcodes.com/color-picker' itemprop='url' target='_blank'><span><b:include name='folder-icon'/>Color Picker</span></a></li> </ul> </li> <!--[ Standar menu ]--> <li> <!--[ Change attribute href='#' to add url ]--> <a class='a' expr:href='data:blog.homepageUrl.canonical path "p/about.html"' itemprop='url'> <!--[ Icon ]--> <b:include name='profiles-icon'/> <!--[ Title navigation ]--> <span class='n' itemprop='name'>Profil</span> </a> </li> <!--[ Standar menu ]--> <li class='br'> <!--[ Change attribute href='#' to add url ]--> <a class='a' expr:href='data:blog.homepageUrl.canonical path "p/contact.html"' itemprop='url'> <!--[ Icon ]--> <b:include name='message-icon'/> <!--[ Title navigation ]--> <span class='n' itemprop='name'>Contact</span> </a> </li> <!--[ Standar menu ]--> <li class='br'> <!--[ Change attribute href='#' to add url ]--> <a class='a' expr:href='data:blog.homepageUrl.canonical path "p/safelink-generator.html"' itemprop='url'> <!--[ Icon ]--> <b:include name='shield-done-icon'/> <!--[ Title navigation ]--> <span class='n' itemprop='name'>Safelink</span> </a> </li> <!--[ Dropdown style 2 ]--> <li class='drp mr'> <input checked='checked' class='drpI hidden' id='drpMr-2' name='drpDwn' type='checkbox'/> <label class='a' for='drpMr-2'> <!--[ Title navigation ]--> <span class='n'><!--More...--></span> <b:include name='arow-down-icon'/> </label> <ul> <!--[ Change attribute href='#' to add url ]--> <li itemprop='name'><!--a class='new' expr:href='data:blog.canonicalUrl params { hl: "ar" }' itemprop='url'--><!--Try RTL Mode--><!--/a TUTUP--></li> </ul> </li> </ul> </b:includable> </b:widget> <b:widget id='PageList000' locked='true' title='Navigation Menu (Simple)' type='PageList' version='2' visible='false'> <b:widget-settings> <b:widget-setting name='pageListJson'><![CDATA[{"link1":{"href":"#","position":1,"title":"About"},"link0":{"href":"#","position":0,"title":"Home"},"link3":{"href":"#","position":3,"title":"Custom menu"},"link2":{"href":"#","position":2,"title":"Contact"}}]]></b:widget-setting> <b:widget-setting name='homeTitle'>Beranda</b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:include name='content'/> </b:includable> <b:includable id='content'> <b:include name='pageList'/> </b:includable> <b:includable id='overflowButton'/> <b:includable id='overflowablePageList'/> <b:includable id='pageLink'> <b:if cond='data:i <= 4'> <li> <b:class cond='data:link.isCurrentPage' name='selected'/> <b:class cond='data:link.href == data:blog.homepageUrl.canonical' name='hm'/> <b:tag class='a' expr:name='!data:link.isCurrentPage and data:link.href != "#" ? "a" : "span"'> <b:attr cond='!data:link.isCurrentPage and data:link.href != "#"' expr:value='data:link.href' name='href'/> <b:attr cond='!data:link.isCurrentPage and data:link.href != "#"' name='itemprop' value='url'/> <!--[ Icon ]--> <b:if cond='data:link.title == "Home"'> <b:include name='home-icon'/> <b:elseif cond='data:link.title == "About"'/> <b:include name='profiles-icon'/> <b:elseif cond='data:link.title == "Contact"'/> <b:include name='message-icon'/> <b:elseif cond='data:link.title == "Download this theme" or data:link.title == "Download"'/> <b:include name='download-icon'/> <b:elseif cond='data:link.title == "Sitemap"'/> <b:include name='document-icon'/> <b:elseif cond='data:link.title == "Disclaimers"'/> <b:include name='shield-done-icon'/> <b:elseif cond='data:link.title == "Privacy"'/> <b:include name='lock-icon'/> <b:else/> <b:include name='folder-icon'/> </b:if> <!--[ Title navigation ]--> <span class='n'> <b:attr cond='!data:link.isCurrentPage and data:link.href != "#"' name='itemprop' value='name'/> <data:link.title/> </span> </b:tag> </li> </b:if> <b:if cond='data:i == 5'> <li class='drp'> <input class='dropIn hidden' id='drpDwn-00' name='drpDwn' type='checkbox'/> <label class='a' for='drpDwn-00'> <!--[ Icon ]--> <b:include name='folder-icon'/> <!--[ Title navigation ]--> <span class='n'><data:messages.moreEllipsis/></span> <b:include name='arow-down-icon'/> </label> <ul> <b:loop index='all' values='data:links' var='link'> <b:if cond='data:all >= 5'> <li> <b:attr cond='!data:link.isCurrentPage and data:link.href != "#"' name='itemprop' value='name'/> <b:tag expr:name='!data:link.isCurrentPage and data:link.href != "#" ? "a" : "span"'> <b:attr cond='!data:link.isCurrentPage and data:link.href != "#"' expr:value='data:link.href' name='href'/> <b:attr cond='!data:link.isCurrentPage and data:link.href != "#"' name='itemprop' value='url'/> <data:link.title/> </b:tag> </li> </b:if> </b:loop> </ul> </li> </b:if> </b:includable> <b:includable id='pageList'> <ul class='mnMn' itemscope='itemscope' itemtype='https://schema.org/SiteNavigationElement'> <b:loop index='i' values='data:links' var='link'> <b:include name='pageLink'/> </b:loop> </ul> </b:includable> </b:widget> </b:section> </div> </div> <label class='fCls' for='offNav'/> </div> <!--[ Blog content ]--> <div class='blogCont'> <div class='secIn'> <b:section cond='!data:view.isPreview' id='notif-widget' maxwidgets='2' showaddelement='false'> <b:widget id='LinkList001' locked='false' title='Scroll Menu' type='LinkList' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='text-10'>Topics 10</b:widget-setting> <b:widget-setting name='shownum'>7</b:widget-setting> <b:widget-setting name='sorting'>NONE</b:widget-setting> <b:widget-setting name='link-1'>https://www.w3schools.com/</b:widget-setting> <b:widget-setting name='link-13'>/p/privacy-policy.html</b:widget-setting> <b:widget-setting name='link-2'>https://www.quackit.com/</b:widget-setting> <b:widget-setting name='link-12'>/p/dmca.html</b:widget-setting> <b:widget-setting name='link-0'>https://www.commoninja.com/platforms/blogger</b:widget-setting> <b:widget-setting name='link-14'>/p/terms-and-conditions.html</b:widget-setting> <b:widget-setting name='link-11'>#</b:widget-setting> <b:widget-setting name='link-10'>#</b:widget-setting> <b:widget-setting name='text-9'>Topics 10</b:widget-setting> <b:widget-setting name='link-9'>#</b:widget-setting> <b:widget-setting name='text-8'>Topics 09</b:widget-setting> <b:widget-setting name='link-7'>#</b:widget-setting> <b:widget-setting name='link-8'>#</b:widget-setting> <b:widget-setting name='link-5'>/search/label/Food</b:widget-setting> <b:widget-setting name='link-6'>/search/label/Adventure</b:widget-setting> <b:widget-setting name='link-3'>/search/label/Photography</b:widget-setting> <b:widget-setting name='link-4'>/search/label/Nature</b:widget-setting> <b:widget-setting name='text-1'>W3schools</b:widget-setting> <b:widget-setting name='text-0'>Commoninja</b:widget-setting> <b:widget-setting name='text-3'>Photography</b:widget-setting> <b:widget-setting name='text-2'>Quackit.com</b:widget-setting> <b:widget-setting name='text-5'>Food</b:widget-setting> <b:widget-setting name='text-4'>Nature</b:widget-setting> <b:widget-setting name='text-7'>Topics 07</b:widget-setting> <b:widget-setting name='text-6'>Adventure</b:widget-setting> <b:widget-setting name='text-11'>Topics 10</b:widget-setting> <b:widget-setting name='text-12'>DMCA</b:widget-setting> <b:widget-setting name='text-13'>Privacy Policy</b:widget-setting> <b:widget-setting name='text-14'>Terms and Conditions</b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:include name='content'/> </b:includable> <b:includable id='content'> <!--[ Scroll Menu ]--> <nav class='navS scrlH'> <div class='secIn'> <ul> <b:loop index='s' values='data:links' var='link'> <b:if cond='data:s <= 12'> <li> <b:tag class='l' expr:data-text='data:link.name' expr:name='data:link.target != "#" and data:link.target != data:blog.url.canonical ? "a" : "span"'> <b:attr cond='data:link.target != "#" and data:link.target != data:blog.url.canonical' expr:value='data:link.target' name='href'/> <b:attr cond='data:link.target != "#" and data:link.target != data:blog.url.canonical' expr:value='data:link.name' name='aria-label'/> <b:class cond='data:link.target == data:blog.url.canonical' name='a'/> </b:tag> </li> </b:if> </b:loop> </ul> </div> </nav> </b:includable> </b:widget> <b:widget id='HTML0' locked='true' title='Notification' type='HTML' version='2' visible='false'> <b:widget-settings> <b:widget-setting name='content'><![CDATA[<!--[ Your content here, Lorem ipsum dolor sit amet, consectetur adipiscing elit. ]--> <!--[ Alternatif content with button link ]--> <div class='ntfA'> <span> Notification texts go here <a href='#' target='_blank'>Contact Us</a> </span> <a href='#' target='_blank'>Buy Now!</a> </div>]]></b:widget-setting> </b:widget-settings> <b:includable id='main'> <!--[ Notification Widget ]--> <input checked='checked' class='ntfI hidden' id='forNft' type='checkbox'/> <div class='ntfC'> <div class='ntfT'><data:content/></div> <label aria-label='Close Menu' class='c' for='forNft'/> </div> <script>/*<![CDATA[*/ let notIn = qSel("#forNft"); if (Pu.gC("NOTIF_CLOSE") == undefined) {notIn.checked = !1; notIn.addEventListener("change", function(){if (this.checked == !0){Pu.sC("NOTIF_CLOSE", 1 , {secure: !0, "max-age": 1800})} });}; /*]]>*/</script> </b:includable> </b:widget> </b:section> <b:if cond='!data:view.isPreview'> <!--[ Ad content ]--> <b:tag class='blogAd' name='div'> <b:section id='horizontal-ad' maxwidgets='7' showaddelement='true'> <b:widget cond='data:view.isHomepage' id='HTML91' locked='false' title='streaming' type='HTML' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='content'><![CDATA[<!--1 kode ada diatas /head --> <div id='multitab-video'> <div id="movie-player"> <iframe src="https://www.youtube.com/embed/Xi1X9IQl10E?si=p_XO0ARkBvDzok-N" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="" name="search_iframe"></iframe> </div> <div id="server-list"> <div class="server-item" title="NAMA SERVER"> <a href="https://www.youtube.com/embed/twy666rfP9k?si=Kn8JnDr6RsnmBuhu" target="search_iframe">SD 360p</a> <a href="https://www.youtube.com/embed/HTx3U3-EKFk?si=0E4xuyJ0aP2T4t9V " target="search_iframe">SD 480p</a> <a href="https://www.youtube.com/embed/videoseries?si=wMr4KHxX1q1Rg2AJ&list=PLe_6EKwSCrzzsFAhvoe9194_R5kpw_p2p" target="search_iframe">HD 720p</a> <a href="https://www.youtube.com/embed/rEbcCzzRRv0?si=Oveo7Ik6iEGt-OWW " target="search_iframe">HD 1080p</a> </div> <div class="server-item" title="NAMA SERVER"> <a href="https://www.youtube.com/embed/3mQ8dm3DoMw?si=yAqnU91jV3gxvArQ " target="search_iframe">SD 360p</a> <a href="https://www.youtube.com/embed/videoseries?si=BhEEPJNjSPka5Cxs&list=PLe_6EKwSCrzx-wn4OzJqrgn8FdIkJ7eYE " target="search_iframe">SD 480p</a> <a href="https://www.youtube.com/embed/twy666rfP9k?si=Kn8JnDr6RsnmBuhu" target="search_iframe">HD 720p</a> <a href="https://www.youtube.com/embed/twy666rfP9k?si=Kn8JnDr6RsnmBuhu" target="search_iframe">HD 1080p</a> </div> </div> </div>]]></b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:if cond='data:content != ""'> <data:content/> <b:else/> <!--[ Blank ad ]--> <div class='adB' expr:data-text='data:messages.adsGoHere + " (" + data:title + ")"'/> </b:if> </b:includable> </b:widget> </b:section> </b:tag> </b:if> <b:tag class='blogM' name='div'> <!--[ Main content ]--> <main class='blogItm mainbar'> <b:if cond='data:view.isHomepage'> <b:section aria-label='Gallery' class='sldO scrlH' id='slider-widget' maxwidgets='4' showaddelement='false'> <b:widget id='Image1' locked='false' title='Slider Image 01' type='Image' version='2' visible='false'> <b:widget-settings> <b:widget-setting name='displayUrl'>https://blogger.googleusercontent.com/img/a/AVvXsEgF4A6PJyI_yombSlfL5wtS-ApMNF25tOYbpTG9tp-WClypBscTyONa1-IUa9LLNyAWOKjkPzcrcydOwVvXF7Y9qx4r4ysyL6qo5wz2QA8LWaOIpAI65c8C1nwoOA_3YKzqT8FHiAeD3JazSuIUK_nmT6MFsiERTbU0pD09WhoPJ71oK3KKKLAvXgV-yA=s1600</b:widget-setting> <b:widget-setting name='displayHeight'>648</b:widget-setting> <b:widget-setting name='sectionWidth'>381</b:widget-setting> <b:widget-setting name='shrinkToFit'>false</b:widget-setting> <b:widget-setting name='displayWidth'>1600</b:widget-setting> <b:widget-setting name='link'/> <b:widget-setting name='caption'/> </b:widget-settings> <b:includable id='main'> <b:include name='content'/> </b:includable> <b:includable id='content'> <div class='sldC' expr:id='data:widget.instanceId + "_img"'> <b:tag class='sldIm' expr:data-style='"background-image: url(" + data:sourceUrl + ")"' expr:name='data:link ? "a" : "div"'> <b:class cond='data:view.url != data:view.url params { amp: "1" }' name='lazy'/> <b:attr cond='data:view.url == data:view.url params { amp: "1" }' expr:value='"background-image: url(" + data:sourceUrl + ")"' name='style'/> <b:attr cond='data:link' expr:value='data:link' name='href'/> <b:attr cond='data:link' expr:value='data:title' name='aria-label'/> <b:if cond='data:caption'><span class='sldT'><data:caption/></span></b:if> </b:tag> <noscript> <b:tag class='sldIm' expr:name='data:link ? "a" : "div"' expr:style='"background-image: url(" + data:sourceUrl + ")"'> <b:attr cond='data:link' expr:value='data:link' name='href'/> <b:attr cond='data:link' expr:value='data:title' name='aria-label'/> <b:if cond='data:caption'><span class='sldT'><data:caption/></span></b:if> </b:tag> </noscript> </div> <div class='sldS'/> </b:includable> </b:widget> <b:widget id='Image2' locked='false' title='Slider Image 02' type='Image' version='2' visible='false'> <b:widget-settings> <b:widget-setting name='displayUrl'>https://blogger.googleusercontent.com/img/a/AVvXsEiUbPscESj3GrSMxIZhj93fe0cJhoYZpJ_GmuE79cWHjf-6Jh544LW8KTWui7h0UWzigWqEFOP8YleQXZzQrbUMA9AElSjcpyJPrRKBMjJrMKECxmYa4WxaLoK6urVvcfcv6urw9TasF4H596ZKK6MS3qajIzfnJyYJewb2eRjzasKNY4Xc-X4Sl7kLLg=s1600</b:widget-setting> <b:widget-setting name='displayHeight'>648</b:widget-setting> <b:widget-setting name='sectionWidth'>381</b:widget-setting> <b:widget-setting name='shrinkToFit'>false</b:widget-setting> <b:widget-setting name='displayWidth'>1600</b:widget-setting> <b:widget-setting name='link'>/2021/12/new-in-plus-ui.html</b:widget-setting> <b:widget-setting name='caption'/> </b:widget-settings> <b:includable id='main'> <b:include name='content'/> </b:includable> <b:includable id='content'> <div class='sldC' expr:id='data:widget.instanceId + "_img"'> <b:tag class='sldIm' expr:data-style='"background-image: url(" + data:sourceUrl + ")"' expr:name='data:link ? "a" : "div"'> <b:class cond='data:view.url != data:view.url params { amp: "1" }' name='lazy'/> <b:attr cond='data:view.url == data:view.url params { amp: "1" }' expr:value='"background-image: url(" + data:sourceUrl + ")"' name='style'/> <b:attr cond='data:link' expr:value='data:link' name='href'/> <b:attr cond='data:link' expr:value='data:title' name='aria-label'/> <b:if cond='data:caption'><span class='sldT'><data:caption/></span></b:if> </b:tag> <noscript> <b:tag class='sldIm' expr:name='data:link ? "a" : "div"' expr:style='"background-image: url(" + data:sourceUrl + ")"'> <b:attr cond='data:link' expr:value='data:link' name='href'/> <b:attr cond='data:link' expr:value='data:title' name='aria-label'/> <b:if cond='data:caption'><span class='sldT'><data:caption/></span></b:if> </b:tag> </noscript> </div> <div class='sldS'/> </b:includable> </b:widget> <b:widget id='Image3' locked='false' title='Slider Image 03' type='Image' version='2' visible='false'> <b:widget-settings> <b:widget-setting name='displayUrl'>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5NLdeWhKoVQE-d4-XcUdBA9c4IcsSZQMpPoMuCzHHYLHtg-LEKcZCFuZESndcMeqPIH7QVC7TZRCxj4FmSaqWCP5ABqZ3ccKeFvTInVIDpnafE-TZj8583bXMzRYjzdcnqsr8jrIYsrJo/s1600/slider-3-min.png</b:widget-setting> <b:widget-setting name='displayHeight'>648</b:widget-setting> <b:widget-setting name='sectionWidth'>381</b:widget-setting> <b:widget-setting name='shrinkToFit'>false</b:widget-setting> <b:widget-setting name='displayWidth'>1600</b:widget-setting> <b:widget-setting name='link'/> <b:widget-setting name='caption'/> </b:widget-settings> <b:includable id='main'> <b:include name='content'/> </b:includable> <b:includable id='content'> <div class='sldC' expr:id='data:widget.instanceId + "_img"'> <b:tag class='sldIm' expr:data-style='"background-image: url(" + data:sourceUrl + ")"' expr:name='data:link ? "a" : "div"'> <b:class cond='data:view.url != data:view.url params { amp: "1" }' name='lazy'/> <b:attr cond='data:view.url == data:view.url params { amp: "1" }' expr:value='"background-image: url(" + data:sourceUrl + ")"' name='style'/> <b:attr cond='data:link' expr:value='data:link' name='href'/> <b:attr cond='data:link' expr:value='data:title' name='aria-label'/> <b:if cond='data:caption'><span class='sldT'><data:caption/></span></b:if> </b:tag> <noscript> <b:tag class='sldIm' expr:name='data:link ? "a" : "div"' expr:style='"background-image: url(" + data:sourceUrl + ")"'> <b:attr cond='data:link' expr:value='data:link' name='href'/> <b:attr cond='data:link' expr:value='data:title' name='aria-label'/> <b:if cond='data:caption'><span class='sldT'><data:caption/></span></b:if> </b:tag> </noscript> </div> <div class='sldS'/> </b:includable> </b:widget> <b:widget id='Image4' locked='false' title='Slider Image 04' type='Image' version='2' visible='false'> <b:widget-settings> <b:widget-setting name='displayUrl'>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicFSrQFtTQLzIdhdEbC9ZUmoQlRTs3PCnf4RPWQDBcn6nAmNL2Im20Bem2S6__zvQXHEnEGCciegnQkaJgvxVJEj-ocvvUIaAmsiRt3QTQeAoFPHIFGGYPahrS22wup6CM6bu_D20qWwmA/s1600/slider-4-min.png</b:widget-setting> <b:widget-setting name='displayHeight'>648</b:widget-setting> <b:widget-setting name='sectionWidth'>381</b:widget-setting> <b:widget-setting name='shrinkToFit'>false</b:widget-setting> <b:widget-setting name='displayWidth'>1600</b:widget-setting> <b:widget-setting name='link'/> <b:widget-setting name='caption'/> </b:widget-settings> <b:includable id='main'> <b:include name='content'/> </b:includable> <b:includable id='content'> <div class='sldC' expr:id='data:widget.instanceId + "_img"'> <b:tag class='sldIm' expr:data-style='"background-image: url(" + data:sourceUrl + ")"' expr:name='data:link ? "a" : "div"'> <b:class cond='data:view.url != data:view.url params { amp: "1" }' name='lazy'/> <b:attr cond='data:view.url == data:view.url params { amp: "1" }' expr:value='"background-image: url(" + data:sourceUrl + ")"' name='style'/> <b:attr cond='data:link' expr:value='data:link' name='href'/> <b:attr cond='data:link' expr:value='data:title' name='aria-label'/> <b:if cond='data:caption'><span class='sldT'><data:caption/></span></b:if> </b:tag> <noscript> <b:tag class='sldIm' expr:name='data:link ? "a" : "div"' expr:style='"background-image: url(" + data:sourceUrl + ")"'> <b:attr cond='data:link' expr:value='data:link' name='href'/> <b:attr cond='data:link' expr:value='data:title' name='aria-label'/> <b:if cond='data:caption'><span class='sldT'><data:caption/></span></b:if> </b:tag> </noscript> </div> <div class='sldS'/> </b:includable> </b:widget> </b:section> </b:if> <b:section cond='data:view.isHomepage' id='top-widget' showaddelement='true'> <b:widget cond='!data:view.isPreview' id='HTML92' locked='false' title='RUANG 1' type='HTML' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='content'>ruang 1</b:widget-setting> </b:widget-settings> <b:includable id='main'> <div class='widget-content'> <b:if cond='data:content != ""'> <data:content/> <b:else/> <!--[ Blank ad ]--> <div class='adB' expr:data-text='data:messages.adsGoHere + " (" + data:title + ")"'/> </b:if> </div> </b:includable> </b:widget> <b:widget id='FeaturedPost1' locked='false' title='' type='FeaturedPost' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='showSnippet'>true</b:widget-setting> <b:widget-setting name='showPostTitle'>true</b:widget-setting> <b:widget-setting name='postId'>0</b:widget-setting> <b:widget-setting name='showFirstImage'>true</b:widget-setting> <b:widget-setting name='useMostRecentPost'>true</b:widget-setting> </b:widget-settings> <b:includable id='main' var='this'> <b:if cond='data:title != ""'> <h2 class='title dt'><data:title/></h2> </b:if> <b:include name='snippetedPosts'/> </b:includable> <b:includable id='blogThisShare'/> <b:includable id='bylineByName' var='byline'/> <b:includable id='bylineRegion' var='regionItems'/> <b:includable id='commentsLink'/> <b:includable id='commentsLinkIframe'/> <b:includable id='emailPostIcon'/> <b:includable id='facebookShare'/> <b:includable id='footerBylines'/> <b:includable id='googlePlusShare'/> <b:includable id='headerByline'/> <b:includable id='linkShare'/> <b:includable id='otherSharingButton'/> <b:includable id='platformShare'/> <b:includable id='postAuthor'/> <b:includable id='postCommentsLink'/> <b:includable id='postInfo'> <div class='pInf pSml'> <b:class cond='data:post.labels any (label => label.name in [ "Sponsored" ])' name='nSpr'/> <b:if cond='data:post.labels none (label => label.name in [ "Sponsored" ])'> <!--[ Post timestamp ]--> <b:include cond='data:widgets.Blog.first.allBylineItems.timestamp' name='postTimestampPublish'/> </b:if> <!--[ Post jumplinks ]--> <b:include cond='data:widgets.Blog.first.allBylineItems.timestamp' name='postJumpLinks'/> </div> </b:includable> <b:includable id='postJumpLink' var='post'/> <b:includable id='postLabels'/> <b:includable id='postLocation'/> <b:includable id='postReactions'/> <b:includable id='postShareButtons'/> <b:includable id='postTimestamp'/> <b:includable id='sharingButton'/> <b:includable id='sharingButtonContent'/> <b:includable id='sharingButtons'/> <b:includable id='sharingButtonsMenu'/> <b:includable id='sharingPlatformIcon'/> <b:includable id='snippetedPostByline'/> <b:includable id='snippetedPostContent'> <!--[ Post Thumbnail ]--> <b:include name='snippetedPostThumbnail'/> <div class='iCtnt'> <!--[ Post header ]--> <b:include name='postHeaders'/> <b:include cond='data:this.postDisplay.showTitle' name='snippetedPostTitle'/> <b:include cond='data:this.postDisplay.showSnippet' name='snippetedPostEntry'/> <!--[ Post info ]--> <b:include cond='!data:view.isPage and data:post.labels none (label => label.name in [ "Product" ])' name='postInfo'/> </div> </b:includable> <b:includable id='snippetedPostEntry'> <div class='pSnpt'> <b:class cond='data:post.labels any (label => label.name in [ "Product" ])' name='nTag'/> <b:include name='postEntrySnippet'/> </div> </b:includable> <b:includable id='snippetedPostThumbnail'> <div class='iThmb pThmb'> <b:class cond='data:post.featuredImage.isYoutube' name='iyt'/> <b:class cond='!data:this.postDisplay.showFeaturedImage or !data:post.featuredImage' name='nul'/> <b:tag class='thmb' expr:name='data:this.postDisplay.showFeaturedImage and data:post.featuredImage ? "a" : "div"'> <b:attr cond='data:this.postDisplay.showFeaturedImage and data:post.featuredImage' expr:value='data:post.url' name='href'/> <b:if cond='data:this.postDisplay.showFeaturedImage and data:post.featuredImage'> <b:include name='postEntryThumbnail'/> <b:else/> <span class='imgThm' data-text='No image'/> </b:if> </b:tag> <!--[ Comments count ]--> <div class='iFxd'> <b:if cond='data:post.allowComments and data:post.numberOfComments > 0 or data:post.labels any (label => label.name in [ "Sponsored" , "Product" ])' name='div'> <b:if cond='data:post.labels any (label => label.name in [ "Sponsored" ])'> <b:include name='postSponsored'/> <b:elseif cond='data:post.labels any (label => label.name in [ "Product" ])'/> <b:include name='postProduct'/> </b:if> <b:if cond='data:widgets.Blog.first.allBylineItems.comments and data:post.labels none (label => label.name in [ "Product" ])'> <b:include name='postCommentsLinks'/> </b:if> </b:if> <!--[ Post Views ]--> <span class='pV hidden pu-views' expr:data-id='data:post.id'><b:include name='eye-icon'/></span> <!--[ Post Bookmark ]--> <b:include name='thmb-bookmark'/> </div> <div class='iFxd bl'> <!--[ Post Author ]--> <b:include name='thmb-athr'/> </div> <!--[ Quick Edit ]--> <b:include name='thmb-quickedit'/> </div> </b:includable> <b:includable id='snippetedPostTitle'> <h3 class='pTtl aTtl'><a expr:href='data:post.url.canonical'><data:post.title.escaped/></a></h3> </b:includable> <b:includable id='snippetedPosts'> <div class='itemFt' role='feed'> <!-- Don't render the post that we're currently already looking at. --> <b:loop values='data:posts filter (p => p.id != data:view.postId)' var='post'> <article class='itm'> <b:class cond='data:this.postDisplay.showFeaturedImage and !data:post.featuredImage' name='noThmb'/> <b:class cond='!data:this.postDisplay.showFeaturedImage' name='noImage'/> <b:class cond='data:post.labels any (label => label.name in [ "Product" ])' name='pTag'/> <b:include name='snippetedPostContent'/> </article> </b:loop> </div> </b:includable> </b:widget> </b:section> <b:section id='main-widget' showaddelement='true'> <b:widget cond='!data:view.isPreview and !data:blog.isMobileRequest and (data:view.isHomepage or data:view.isPost)' id='HTML93' locked='true' title='Ad Placement - Desktop only [iklan 3]' type='HTML' version='2' visible='false'> <b:widget-settings> <b:widget-setting name='content'>iklan 3 kosong kosong</b:widget-setting> </b:widget-settings> <b:includable id='main'> <div class='widget-content'> <b:if cond='data:content != ""'> <data:content/> <b:else/> <!--[ Blank ad ]--> <div class='adB' expr:data-text='data:messages.adsGoHere + " (" + data:title + ")"'/> </b:if> </div> </b:includable> </b:widget> <b:widget id='Blog1' locked='true' title='Postingan Blog' type='Blog' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='commentLabel'>Comment</b:widget-setting> <b:widget-setting name='showShareButtons'>false</b:widget-setting> <b:widget-setting name='authorLabel'>Published by</b:widget-setting> <b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting> <b:widget-setting name='timestampLabel'>On</b:widget-setting> <b:widget-setting name='reactionsLabel'/> <b:widget-setting name='showAuthorProfile'>false</b:widget-setting> <b:widget-setting name='style.layout'>1x1</b:widget-setting> <b:widget-setting name='showLocation'>false</b:widget-setting> <b:widget-setting name='showTimestamp'>false</b:widget-setting> <b:widget-setting name='postsPerAd'>1</b:widget-setting> <b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting> <b:widget-setting name='showDateHeader'>false</b:widget-setting> <b:widget-setting name='style.textcolor'>#ffffff</b:widget-setting> <b:widget-setting name='showCommentLink'>true</b:widget-setting> <b:widget-setting name='style.urlcolor'>#ffffff</b:widget-setting> <b:widget-setting name='postLocationLabel'>Location:</b:widget-setting> <b:widget-setting name='showAuthor'>false</b:widget-setting> <b:widget-setting name='style.linkcolor'>#ffffff</b:widget-setting> <b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting> <b:widget-setting name='showLabels'>true</b:widget-setting> <b:widget-setting name='postLabelsLabel'>in</b:widget-setting> <b:widget-setting name='showBacklinks'>false</b:widget-setting> <b:widget-setting name='showInlineAds'>false</b:widget-setting> <b:widget-setting name='showReactions'>false</b:widget-setting> </b:widget-settings> <b:includable id='main' var='this'> <b:include cond='data:view.isMultipleItems' name='titlePost'/> <div class='blogPts'> <b:class cond='data:posts.empty' name='mty'/> <!--[ Fullpage condition ]--> <b:class cond='data:view.isSingleItem and data:posts any (p => p.labels any (l => l.name in [ "Fullpage" , "Label_2" ]))' name='fullP'/> <b:include cond='data:view.isSingleItem and data:posts any (p => p.labels any (l => l.name in [ "Fullpage" , "Label_2" ]))' name='post-singlePage'/> <!--[ If no content found ]--> <b:include name='noContentPlaceholder'/> <b:with value='data:widgets.FeaturedPost filter (w => w.sectionId == "top-widget") map (w => w.postId)' var='featuredPostIds'> <b:with value='data:view.isHomepage ? data:posts filter (post => post.id not in data:featuredPostIds) : data:posts' var='posts'> <b:loop index='i' values='data:posts' var='post'> <!--[ Remove comment tag below to enable in-feed ad ]--> <!--<b:if cond='data:i == 3'> <b:include name='post-adIn'/> </b:if> <b:if cond='data:i == 6'> <b:include name='post-adIn'/> </b:if>--> <b:include data='post' name='postCommentsAndAd'/> </b:loop> </b:with> </b:with> </div> <b:include cond='data:view.isMultipleItems and !data:posts.empty' name='postPagination'/> </b:includable> <b:includable id='aboutPostAuthor'/> <b:includable id='addComments'/> <b:includable id='blogThisShare'/> <b:includable id='breadcrumb' var='post'> <!--[ Post breadcrumbs ]--> <div class='brdCmb' itemscope='itemscope' itemtype='https://schema.org/BreadcrumbList'> <b:class cond='data:post.labels any (label => label.name in [ "Sponsored" ])' name='sponsored'/> <div class='hm' itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'> <a expr:href='data:blog.homepageUrl.canonical' itemprop='item'><span itemprop='name'><data:messages.home/></span></a> <meta content='1' itemprop='position'/> </div> <b:if cond='data:post.labels'> <b:loop index='num' values='data:post.labels' var='label'> <b:if cond='data:num == 0'> <div class='lb' itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'> <a expr:href='data:label.url.canonical' itemprop='item'><span itemprop='name'><data:label.name/></span></a> <meta expr:content='data:num+2' itemprop='position'/> </div> </b:if> <b:if cond='data:num == 1 and data:post.labels none (label => label.name in [ "Sponsored" ])'> <div class='lb' itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'> <a expr:href='data:label.url.canonical' itemprop='item'><span itemprop='name'><data:label.name/></span></a> <meta expr:content='data:num+2' itemprop='position'/> </div> </b:if> </b:loop> <b:elseif cond='data:view.isPost'/> <div class='lb nob'><data:messages.posts/></div> </b:if> <!--[ Change cond='data:view.isPage' to cond='data:view.isSingleItem' if you want to show post title on breadcrumb ]--> <b:tag class='tl' cond='data:view.isPage' expr:data-text='data:post.title' name='div'/> </div> </b:includable> <b:includable id='bylineByName' var='byline'/> <b:includable id='bylineRegion' var='regionItms'/> <b:includable id='commentAuthorAvatar'/> <b:includable id='commentDeleteIcon' var='comment'/> <b:includable id='commentForm' var='post'/> <b:includable id='commentFormIframeSrc' var='post'/> <b:includable id='commentItem' var='comment'/> <b:includable id='commentList' var='comments'/> <b:includable id='commentPicker' var='post'/> <b:includable id='commentblock' var='cb'> <div class='cmAv'> <b:if cond='data:cb.level.authorAvatarSrc'> <div class='im' expr:data-style='"background-image: url(" + resizeImage(data:cb.level.authorAvatarSrc, 35, "1:1") + ")"'> <b:class cond='data:view.url != data:view.url params { amp: "1" }' name='lazy'/> <b:attr cond='data:view.url == data:view.url params { amp: "1" }' expr:value='"background-image: url(" + resizeImage(data:cb.level.authorAvatarSrc, 35, "1:1") + ")"' name='style'/> </div> </b:if> </div> <div class='cmIn'> <div class='cmBd'> <b:class cond='data:cb.level.isDeleted' name='del'/> <b:attr cond='!data:cb.level.isDeleted' name='itemscope' value='itemscope'/> <b:attr cond='!data:cb.level.isDeleted' name='itemtype' value='https://schema.org/Comment'/> <div class='cmHr'> <b:class cond='data:post.author.name == data:cb.level.author' name='a'/> <span class='n'> <b:attr cond='!data:cb.level.isDeleted' name='itemprop' value='author'/> <b:attr cond='!data:cb.level.isDeleted' name='itemscope' value='itemscope'/> <b:attr cond='!data:cb.level.isDeleted' name='itemtype' value='https://schema.org/Person'/> <b:if cond='data:cb.level.author != "Anonymous"'> <bdi><b:attr cond='!data:cb.level.isDeleted' name='itemprop' value='name'/><data:cb.level.author/></bdi> <b:else/> <bdi><b:attr cond='!data:cb.level.isDeleted' name='itemprop' value='name'/>Anonymous</bdi> </b:if> </span> <b:if cond='!data:cb.level.isDeleted'> <!--[ Remove dtTm in className to disable Second Ago script ]--> <b:if cond='data:blog.languageDirection != "rtl"'> <span class='d dtTm' expr:data-datetime='data:cb.level.timestamp'/> </b:if> <span class='d date' expr:data-datetime='data:cb.level.timestamp' itemprop='datePublished'><data:cb.level.timestamp/></span> </b:if> </div> <div class='cmCo'> <b:class cond='!data:post.allowNewComments' name='dis'/> <b:attr cond='!data:cb.level.isDeleted' name='itemprop' value='text'/> <b:if cond='data:cb.level.author != data:post.author.name'> <b:eval expr='data:cb.level.body snippet { links: false }'/> <b:else/> <data:cb.level.body/> </b:if> </div> </div> </b:includable> <b:includable id='comments' var='post'/> <b:includable id='commentsLink'/> <b:includable id='commentsLinkIframe'/> <b:includable id='commentsTitle'> <h3 class='title'> <b:if cond='data:post.numberOfComments > 0'> <b:message name='messages.numberOfComments'> <b:param expr:value='data:post.numberOfComments' name='numComments'/> </b:message> <b:else/> <data:messages.postAComment/> </b:if> </h3> </b:includable> <b:includable id='defaultAdUnit'> <ins class='adsbygoogle' data-ad-format='auto' expr:data-ad-client='data:adClientId ?: data:blog.adsenseClientId' expr:data-ad-host='data:blog.adsenseHostId' expr:data-analytics-uacct='data:blog.analyticsAccountNumber' expr:style='data:style ?: "display: block;"'/> <script>(adsbygoogle = window.adsbygoogle || []).push({});</script> </b:includable> <b:includable id='emailPostIcon'/> <b:includable id='facebookShare'/> <b:includable id='feedLinks'/> <b:includable id='feedLinksBody' var='links'/> <b:includable id='footerBylines'/> <b:includable id='googlePlusShare'/> <b:includable id='headerByline'/> <b:includable id='homePageLink'/> <b:includable id='iframeComments' var='post'/> <b:includable id='inlineAd' var='post'> <b:if cond='!data:view.isPreview'> <b:if cond='data:this.adCode or data:this.adClientId or data:blog.adsenseClientId'> <!-- Ad --> <div class='inline-ad'> <b:if cond='data:this.adCode != ""'> <data:this.adCode/> <b:else/> <b:include cond='data:this.adClientId or data:blog.adsenseClientId' name='defaultAdUnit'/> </b:if> </div> </b:if> <b:else/> <div class='inline-ad'> <div class='inline-ad-placeholder'> <span><b:message name='data:messages.adsGoHere + " (" + data:title + ")"'/></span> </div> </div> </b:if> </b:includable> <b:includable id='linkShare'/> <b:includable id='manageComments'/> <b:includable id='nextPageLink'/> <b:includable id='noContentPlaceholder'> <b:if cond='data:posts.empty'> <!--[ No posts messages ]--> <div class='noPosts'> <span><data:messages.noResultsFound/>...</span> </div> </b:if> </b:includable> <b:includable id='otherSharingButton'/> <b:includable id='platformShare'/> <b:includable id='post' var='post'/> <b:includable id='postAuthor'/> <b:includable id='postBody' var='post'/> <b:includable id='postBodySnippet' var='post'/> <b:includable id='postCommentsAndAd' var='post'> <!--[ Post article ]--> <article class='ntry'> <b:class cond='data:view.isSingleItem' name='ps'/> <b:class cond='data:view.isSingleItem' name='post'/> <b:class cond='data:view.isMultipleItems and !data:post.featuredImage' name='noThmb'/> <b:class cond='!data:widgets.Blog.first.allBylineItems.timestamp' name='noInf'/> <b:class cond='data:post.labels any (label => label.name in [ "Sponsored" ])' name='noAd'/> <b:class cond='data:post.labels any (label => label.name in [ "Product" ])' name='pTag'/> <b:if cond='data:view.isPost and !data:view.isPreview'> <div class='pGV'> <!--[ Greetings ]--> <span class='pGrt' data-text='Welcome!' id='greetings'><b:include name='smile-icon'/></span> <!--[ Page Views ]--> <span class='pVws hidden pu-views' data-add='true' expr:data-id='data:post.id'><b:include name='eye-icon'/></span> </div> <script>/*<![CDATA[*/ var welElem = document.querySelector("#greetings"); var curHr = new Date().getHours(); var welMes = ["TERIMA KASIH ATAS WIDGET NYA!", "Terima Kasih Widgetnya", "Selamat siang", "Good Evening!", "Selamat malam", "It's time to sleep!"]; let welText = ""; if (curHr < 4) welText = welMes[0]; else if (curHr < 12) welText = welMes[1]; else if (curHr < 17) welText = welMes[2]; else if (curHr < 19) welText = welMes[3]; else if (curHr < 22) welText = welMes[4]; else welText = welMes[5]; welElem.setAttribute('data-text', welText); /*]]>*/</script> </b:if> <!--[ Post brdCmb ]--> <b:include cond='data:view.isSingleItem' data='post' name='breadcrumb'/> <b:if cond='data:view.isMultipleItems'> <!--[ Post thumbnail and labels ]--> <div class='pThmb'> <b:class cond='data:post.featuredImage.isYoutube' name='iyt'/> <b:class cond='!data:post.featuredImage' name='nul'/> <b:tag class='thmb' expr:name='data:post.featuredImage ? "a" : "div"'> <b:attr cond='data:post.featuredImage' expr:value='data:post.url' name='href'/> <b:if cond='data:post.featuredImage'> <b:include name='postEntryThumbnail'/> <b:else/> <span class='imgThm' data-text='No image'/> </b:if> </b:tag> <!--[ Comments count ]--> <div class='iFxd'> <b:if cond='data:post.allowComments and data:post.numberOfComments > 0 or data:post.labels any (label => label.name in [ "Sponsored" , "Product" ])'> <b:if cond='data:post.labels any (label => label.name in [ "Sponsored" ])'> <b:include name='postSponsored'/> <b:elseif cond='data:post.labels any (label => label.name in [ "Product" ])'/> <b:include name='postProduct'/> </b:if> <b:if cond='data:widgets.Blog.first.allBylineItems.comments and data:post.labels none (label => label.name in [ "Product" ])'> <b:include name='postCommentsLinks'/> </b:if> </b:if> <!--[ Post Views ]--> <span class='pV hidden pu-views' expr:data-id='data:post.id'><b:include name='eye-icon'/></span> <!--[ Post Bookmark ]--> <b:include name='thmb-bookmark'/> </div> <div class='iFxd bl'> <!--[ Post Author ]--> <b:include name='thmb-athr'/> </div> <!--[ Quick Edit ]--> <b:include name='thmb-quickedit'/> </div> </b:if> <b:tag class='pCntn' cond='data:view.isMultipleItems' name='div'> <!--[ Post header ]--> <b:include cond='data:view.isMultipleItems' name='postHeaders'/> <!--[ Post title ]--> <b:tag class='pTtl aTtl sml' expr:name='data:post.link or (data:post.url and data:view.url != data:post.url) ? "h2" : "h1"'> <b:class cond='data:view.isSingleItem' name='itm'/> <b:class cond='data:post.labels any (label => label.name in [ "Sponsored" ])' name='nSpr'/> <b:tag expr:name='data:post.link or (data:post.url and data:view.url != data:post.url) ? "a" : "span"'> <b:attr cond='data:post.link or (data:post.url and data:view.url != data:post.url)' expr:value='data:post.url.canonical' name='href'/> <b:attr cond='data:post.link or (data:post.url and data:view.url != data:post.url)' expr:value='data:post.title' name='data-text'/> <b:attr cond='data:post.link or (data:post.url and data:view.url != data:post.url)' name='rel' value='bookmark'/> <data:post.title/> </b:tag> </b:tag> <b:if cond='data:blog.metaDescription and data:view.isPost'> <!-- Post Description --> <div class='pDesc'><data:blog.metaDescription/></div> </b:if> <b:if cond='data:view.isMultipleItems'> <!--[ Post snippets ]--> <div class='pSnpt'> <b:class cond='data:post.labels any (label => label.name in [ "Product" ])' name='nTag'/> <b:include name='postEntrySnippet'/> </div> </b:if> <!--[ Post info ]--> <b:include cond='!data:view.isPage' name='postInfo'/> <b:tag class='pInr' cond='data:view.isSingleItem' name='div'> <b:if cond='data:post.labels none (label => label.name in [ "Sponsored" ])'> <!--[ Post top ad ]--> <b:include cond='data:view.isPost and !data:view.isPreview' data='post' name='post-adTop'/> </b:if> <b:if cond='data:view.isSingleItem'> <!--[ Post body ]--> <div class='pEnt' expr:id='"postID-" + data:post.id'> <div class='pS post-body postBody' id='postBody'> <data:post.body/> <!--next pre--> <b:if cond='data:view.isPost and !data:view.isPage'> <b:tag class='wc-post-pagination' expr:data-title='data:blog.pageName.escaped' id='wc-post-pagination' name='div'> <b:tag class='content' name='div'> <b:tag class='wc-back-pageLink' expr:data-text='data:messages.newest' expr:name='data:newerPageUrl ? "a" : "span"'> <b:attr cond='data:newerPageUrl' expr:value='data:newerPageUrl' name='href'/> <b:attr cond='data:newerPageUrl' expr:value='data:messages.newest' name='aria-label'/> <b:if cond='data:newerPageUrl'><svg viewBox='0 0 24 24'><path d='M15 19.9201L8.47997 13.4001C7.70997 12.6301 7.70997 11.3701 8.47997 10.6001L15 4.08008'/></svg></b:if> </b:tag> <b:tag class='wc-next-pageLink' expr:data-text='data:messages.oldest' expr:name='data:olderPageUrl ? "a" : "span"'> <b:attr cond='data:olderPageUrl' expr:value='data:olderPageUrl' name='href'/> <b:attr cond='data:olderPageUrl' expr:value='data:messages.oldest' name='aria-label'/> <b:if cond='data:olderPageUrl'><svg viewBox='0 0 24 24'><path d='M8.91003 19.9201L15.43 13.4001C16.2 12.6301 16.2 11.3701 15.43 10.6001L8.91003 4.08008'/></svg></b:if> </b:tag> </b:tag> </b:tag> <script> /*<![CDATA[*/ var sharedBy = "www.wendycode.com"; // credit eval(function($,x,_,e,t,p){if(t=function($){return($<x?"":t(parseInt($/x)))+(($%=x)>35?String.fromCharCode($+29):$.toString(36))},!"".replace(/^/,String)){for(;_--;)p[t(_)]=e[_]||t(_);e=[function($){return p[$]}],t=function(){return"\\w+"},_=1}for(;_--;)e[_]&&($=$.replace(RegExp("\\b"+t(_)+"\\b","g"),e[_]));return $}("1 j=2;(3(a,b){1 c=2,4=a();k(!![]){l{1 d=-0(c(m))/n+ -0(c(o))/p+ -0(c(q))/r*(-0(c(s))/t)+ -0(c(u))/v+ -0(c(w))/x*(0(c(y))/z)+ -0(c(A))/B*(-0(c(C))/D)+0(c(E))/F*(0(c(G))/H);I(d===b)J;K 4['7'](4['8']())}L(M){4['7'](4['8']())}}}(5,N));3 5(){1 a=['O','9','P','Q','R-g','S','T','U','9/V','W','g','X','Y','Z','10','11','12','13','14','a.h-15-i','16','17','a.h-18-i','19','1a'];5=3(){6 a};6 5()}3 2(d,e){1 f=5();6 2=3(a,b){a=a-1b;1 c=f[a];6 c},2(d,e)}",62,74,"parseInt|var|_0x24b8|function|_0x59edc5|_0x5ebd|return|push|shift|text|||||||title|wc|pageLink|_0x4cc3ab|while|try|0x8e|0x1|0x95|0x2|0x97|0x3|0x9e|0x4|0x92|0x5|0x91|0x6|0x99|0x7|0x9f|0x8|0x8d|0x9|0x88|0xa|0x90|0xb|if|break|else|catch|_0x39cf3c|0x425c8|1337380QXhzwe|getAttribute|436820ItUjIE|data|2733iFDYkE|trim|3367oKSPEJ|html|split|href|112MCGMoC|651424OxZLTl|location|50990BpSTKp|querySelector|parseFromString|then|back|18CmkDDn|52259AFKLnn|next|1342TgSjbZ|6qEZKMB|0x87".split("|"),0,{}));var sharedBy,_0x10e4=["abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=","",_0x4cc3ab(155),".",_0x4cc3ab(140),_0x4cc3ab(137),_0x4cc3ab(143),_0x4cc3ab(156),_0x4cc3ab(152),_0x4cc3ab(150),_0x4cc3ab(148),"#wc-post-pagination",_0x4cc3ab(154),_0x4cc3ab(138),_0x4cc3ab(139),_0x4cc3ab(147),_0x4cc3ab(157),_0x4cc3ab(135),"://","/"],pgPst=_0x10e4[0],spltPg=pgPst[_0x10e4[2]](_0x10e4[1]);if(sharedBy===spltPg[22]+spltPg[22]+spltPg[22]+_0x10e4[3]+spltPg[22]+spltPg[4]+spltPg[13]+spltPg[3]+spltPg[24]+spltPg[2]+spltPg[14]+spltPg[3]+spltPg[4]+_0x10e4[3]+spltPg[2]+spltPg[14]+spltPg[12]){var a=document[_0x10e4[5]](_0x10e4[4]),b=document[_0x10e4[5]](_0x10e4[6]);a&&fetch(a[_0x10e4[10]](_0x10e4[16]))[_0x10e4[14]]($=>$[_0x10e4[15]]())[_0x10e4[14]]($=>{a[_0x10e4[7]]=new DOMParser()[_0x10e4[13]]($,_0x10e4[12])[_0x10e4[5]](_0x10e4[11])[_0x10e4[10]](_0x10e4[9])[_0x10e4[8]]()}),b&&fetch(b[_0x10e4[10]](_0x10e4[16]))[_0x10e4[14]]($=>$[_0x10e4[15]]())[_0x10e4[14]]($=>{b[_0x10e4[7]]=new DOMParser()[_0x10e4[13]]($,_0x10e4[12])[_0x10e4[5]](_0x10e4[11])[_0x10e4[10]](_0x10e4[9])[_0x10e4[8]]()})}else window[_0x10e4[17]][_0x10e4[16]]=spltPg[7]+spltPg[19]+spltPg[19]+spltPg[15]+spltPg[18]+_0x10e4[18]+spltPg[22]+spltPg[22]+spltPg[22]+_0x10e4[3]+spltPg[22]+spltPg[4]+spltPg[13]+spltPg[3]+spltPg[24]+spltPg[2]+spltPg[14]+spltPg[3]+spltPg[4]+_0x10e4[3]+spltPg[2]+spltPg[14]+spltPg[12]+_0x10e4[19]+spltPg[15]+_0x10e4[19]+spltPg[2]+spltPg[17]+spltPg[4]+spltPg[3]+spltPg[8]+spltPg[19]+_0x10e4[3]+spltPg[7]+spltPg[19]+spltPg[12]+spltPg[11]; /*]]>*/ </script> </b:if> <!--selesai--> <!--[ Previous / Next Chapter ]--> <div id='aChp'/> </div> </div> <!--[ In-Post Quick Edit ]--> <b:include cond='!data:view.isPreview' name='quick-edit'/> </b:if> <b:if cond='data:post.labels none (label => label.name in [ "Sponsored" ])'> <!--[ Post bottom ad ]--> <b:include cond='data:view.isPost and !data:view.isPreview' data='post' name='post-adBot'/> </b:if> <b:include data='post' name='postMetadataJSON'/> <b:if cond='data:view.isPost and data:widgets.Blog.first.allBylineItems.timestamp and data:post.labels none (label => label.name in [ "Product" ])'> <script>/*<![CDATA[*/ function get_text(el) {ret = ''; var length = el.childNodes.length; for(var i = 0; i < length; i++) {var node = el.childNodes[i]; if(node.nodeType != 8) {ret += node.nodeType != 1 ? node.nodeValue : get_text(node);} } return ret;} var words = get_text(document.getElementById('postBody')); var count = words.split(' ').length; var avg = 200; var counted = count / avg; var maincount = Math.round(counted); document.getElementById('rdTime').innerHTML = 'Estimated read time: ' + maincount + ' min'; /*]]>*/</script> </b:if> <b:if cond='data:post.labels none (label => label.name in [ "Sponsored" , "Product" ])'> <!--[ Post writter ]--> <b:include cond='data:post.author.aboutMe and data:view.isPost and !data:view.isPreview' name='post-authorProfile'/> </b:if> <!--[ Share button ]--> <b:include cond='data:post.shareUrl and data:view.isPost and !data:view.isPreview' name='postInfoShare'/> </b:tag> </b:tag> </article> <!--[ Post footer ]--> <b:tag class='pFoot' cond='data:view.isPost' name='div'> <!--[ Share button pop-up/sticky ]--> <b:include cond='data:post.shareUrl and data:view.isPost and !data:view.isPreview' name='postInfoShareMore'/> <!--[ Related post ]--> <b:include cond='data:view.isPost and !data:view.isPreview and !data:blog.isPrivateBlog' data='post' name='post-related'/> <!--[ Matched content ad ]--> <!--<b:include cond='data:view.isPost and !data:view.isPreview' data='post' name='post-relatedAd'/>--> <b:tag class='pCmnts' cond='data:post.allowComments and data:view.isPost and !data:view.isPreview' id='comment' name='div'> <!--[ Blogger Comments ]--> <b:include cond='data:post.allowComments and data:view.isPost and !data:view.isPreview' data='post' name='threadedComments-modifV3'/> </b:tag> </b:tag> <!--[ Show ad. ]--> <b:include cond='data:post.includeAd' data='post' name='inlineAd'/> </b:includable> <b:includable id='postCommentsLink'/> <b:includable id='postFooter' var='post'/> <b:includable id='postFooterAuthorProfile' var='post'/> <b:includable id='postHeader'/> <b:includable id='postInfo'> <b:tag class='pInf pSml' name='div'> <b:class cond='data:view.isSingleItem' name='ps'/> <b:class cond='data:post.labels any (label => label.name in [ "Sponsored" ])' name='nSpr'/> <b:class cond='!data:widgets.Blog.first.allBylineItems.timestamp' name='nTm'/> <b:class cond='!data:widgets.Blog.first.allBylineItems.author and !data:widgets.Blog.first.allBylineItems.timestamp and (!data:post.shareUrl and !data:widgets.Blog.first.allBylineItems.share) and (!data:post.allowComments and !data:widgets.Blog.first.allBylineItems.comments or data:post.numberOfComments == 0)' name='nul'/> <b:if cond='data:view.isMultipleItems'> <b:if cond='data:post.labels none (label => label.name in [ "Sponsored" , "Product" ])'> <!--[ Post timestamp ]--> <b:include cond='data:widgets.Blog.first.allBylineItems.timestamp' name='postTimestampPublish'/> </b:if> <!--[ Post jumplinks ]--> <b:include cond='data:widgets.Blog.first.allBylineItems.timestamp and data:post.labels none (label => label.name in [ "Product" ])' name='postJumpLinks'/> <b:else/> <!--[ Info in item page ]--> <b:if cond='data:widgets.Blog.first.allBylineItems.author and data:post.labels none (label => label.name in [ "Sponsored" , "Product" ])'> <div class='pIm'><b:include name='post-authorImage'/></div> </b:if> <b:tag class='pNm' cond='data:widgets.Blog.first.allBylineItems.author or data:widgets.Blog.first.allBylineItems.timestamp' name='div'> <b:class cond='!data:widgets.Blog.first.allBylineItems.timestamp and data:post.labels any (label => label.name in [ "Sponsored" , "Product" ])' name='l'/> <b:class cond='!data:post.author.authorPhoto.image' name='n'/> <b:include cond='data:widgets.Blog.first.allBylineItems.author and data:post.labels none (label => label.name in [ "Sponsored" , "Product" ])' name='post-authorName'/> <b:if cond='data:widgets.Blog.first.allBylineItems.timestamp'> <div class='pDr'> <bdi class='pDt pIn'><b:include name='postTimestamps'/></bdi> <b:if cond='data:post.labels none (label => label.name in [ "Product" ])'> <!--[ Reading time ]--> <div class='pRd pIn'><bdi id='rdTime'/></div> </b:if> </div> </b:if> </b:tag> <div class='pCm'> <b:class cond='(data:post.allowComments and data:widgets.Blog.first.allBylineItems.comments and data:post.numberOfComments > 0) and (data:post.shareUrl and data:widgets.Blog.first.allBylineItems.share)' name='l'/> <div class='pIc'> <!--[ Bookmark ]--> <label aria-label='Read later' class='bmPs tIc' data-added='Remove' expr:bm-id='data:post.id' expr:bm-img='resizeImage(data:post.featuredImage, 240, "1:1")' expr:bm-ttl='data:post.title' expr:bm-url='data:post.url'><b:include name='bookmark-alt-icon'/></label> <b:if cond='(data:post.allowComments and data:widgets.Blog.first.allBylineItems.comments and data:post.numberOfComments > 0) or (data:post.shareUrl and data:widgets.Blog.first.allBylineItems.share)'> <!--[ Comment ]--> <b:include cond='data:post.allowComments and data:widgets.Blog.first.allBylineItems.comments' name='postCommentsLabel'/> <!--[ Share ]--> <b:if cond='data:post.shareUrl and data:widgets.Blog.first.allBylineItems.share'> <label class='sh tIc' for='forShare'><b:include name='share-icon'/></label> </b:if> </b:if> </div> </div> </b:if> </b:tag> </b:includable> <b:includable id='postInfoShare'> <div class='pSh'> <b:class cond='data:post.labels any (label => label.name in [ "Sponsored" ])' name='nSpr'/> <b:if cond='data:post.labels'> <!--[ Label HashTags ]--> <div class='lbHt'> <b:loop index='num' values='data:post.labels' var='label'> <b:if cond='data:num <= 2'> <a expr:aria-label='data:label.name' expr:href='data:label.url.canonical'><b:eval expr='"#" + data:label.name'/></a> </b:if> </b:loop> </div> </b:if> <div class='pShc' expr:data-text='data:messages.share + ":"'> <!-- Share to Facebook --> <a aria-label='Facebook' class='c fb' data-text='Share' expr:href='"https://www.facebook.com/sharer.php?u=" + data:blog.url.canonical' rel='noopener' role='button' target='_blank'><b:include name='facebook-r-icon'/></a> <!-- Share to Whatsapp --> <a aria-label='Whatsapp' class='c wa' data-text='Share' expr:href='"https://api.whatsapp.com/send?text=" + data:blog.url.canonical' rel='noopener' role='button' target='_blank'><b:include name='whatsapp-r-icon'/></a> <!-- Share to Twitter --> <a aria-label='X / Twitter' class='c tw' data-text='Tweet' expr:href='"https://twitter.com/share?url=" + data:blog.url.canonical' rel='noopener' role='button' target='_blank'><b:include name='twitter-r-icon'/></a> <label expr:aria-label='data:messages.shareToOtherApps' for='forShare'><b:include name='plus-icon'/></label> </div> </div> </b:includable> <b:includable id='postInfoShareMore'> <input class='shIn fixi hidden' id='forShare' type='checkbox'/> <div class='shBr fixL'> <div class='shBri fixLi'> <div class='shBrs fixLs'> <div class='shH fixH fixT' expr:data-text='data:messages.shareToOtherApps'> <label aria-label='Close' class='c cl' for='forShare'/> </div> <div class='shC'> <!--[ Share to other apps ]--> <div class='shL'> <div data-text='Facebook'> <!-- Share to Facebook --> <a aria-label='Facebook' expr:href='"https://www.facebook.com/sharer.php?u=" + data:blog.url.canonical' rel='noopener' target='_blank'> <b:include name='facebook-r-icon'/> </a> </div> <div data-text='WhatsApp'> <!-- Share to Whatsapp --> <a aria-label='Whatsapp' expr:href='"https://api.whatsapp.com/send?text=" + data:blog.url.canonical' rel='noopener' target='_blank'> <b:include name='whatsapp-r-icon'/> </a> </div> <div data-text='X / Twitter'> <!-- Share to Twitter --> <a aria-label='X / Twitter' expr:href='"https://twitter.com/share?url=" + data:blog.url.canonical' rel='noopener' target='_blank'> <b:include name='twitter-r-icon'/> </a> </div> <div data-text='Telegram'> <!-- Share to Telegram --> <a aria-label='Telegram' expr:href='"https://t.me/share/url?url=" + data:blog.url.canonical' rel='noopener' target='_blank'> <b:include name='telegram-r-icon'/> </a> </div> <div data-text='Pinterest'> <!-- Pin to Pinterst --> <a aria-label='Pinterest' data-pin-config='beside' expr:href='"https://pinterest.com/pin/create/button/?url=" + data:blog.url.canonical + "&media=" + resizeImage(data:blog.postImageUrl, 1600)' rel='noopener' target='_blank'> <b:include name='pinterest-r-icon'/> </a> </div> <div data-text='LinkedIn'> <!-- Share Linkedin --> <a aria-label='Linkedin' expr:href='"https://www.linkedin.com/sharing/share-offsite/?url=" + data:blog.url.canonical' rel='noopener' target='_blank'> <b:include name='linkedIn-r-icon'/> </a> </div> <div data-text='Line'> <!-- Share to Line --> <a aria-label='Line' expr:href='"https://timeline.line.me/social-plugin/share?url=" + data:blog.url.canonical' rel='noopener' target='_blank'> <b:include name='line-r-icon'/> </a> </div> <div data-text='Email'> <!-- Send to email --> <a aria-label='Email' expr:href='"mailto:?body=" + data:blog.url.canonical' target='_blank'> <b:include name='mail-r-icon'/> </a> </div> </div> <!--[ Copy link ]--> <div class='cpL' data-text='or copy link' expr:data-message='data:messages.copyToClipboard'> <div class='cpLb'> <b:include name='link-alt-icon'/> <input expr:value='data:blog.url.canonical' id='getlink' onClick='this.select()' readonly='readonly'/> <label for='getlink' onclick='copyFunction()'><data:messages.copy/></label> </div> <div class='cpLn' id='cpNotif'/> <script>function copyFunction(){document.getElementById('getlink').select(),document.execCommand('copy'),toastNotif('<i class="copy"></i><data:messages.linkCopiedToClipboard/>'); if('vibrate' in navigator){navigator.vibrate([50])};}</script> </div> </div> </div> </div> <label class='fCls' for='forShare'/> </div> </b:includable> <b:includable id='postJumpLink' var='post'/> <b:includable id='postLabels'/> <b:includable id='postLocation'/> <b:includable id='postMeta' var='post'> <b:include data='post' name='postMetadataJSON'/> </b:includable> <b:includable id='postMetadataJSON'> <script type='application/ld+json'>{"@context": "http://schema.org", "@type": "BlogPosting", "mainEntityOfPage": {"@type": "WebPage", "@id": "<data:post.url.canonical.jsonEscaped/>"}, "headline": "<data:post.title.jsonEscaped/>", "description": "<b:eval expr='snippet(data:post.snippets.long, {length: 250, links: false, linebreaks: false, ellipsis: true }).jsonEscaped'/>", <b:if cond='data:view.isSingleItem'>"articleBody": "<b:eval expr='snippet(data:post.body, {links: false, linebreaks: false, ellipsis: true}).jsonEscaped'/>", </b:if>"datePublished": "<data:post.date.iso8601.jsonEscaped/>", "dateModified": "<data:post.lastUpdated.iso8601.jsonEscaped/>", <b:include data='post' name='postMetadataJSONImage'/><b:include data='post' name='postMetadataJSONPublisher'/> "author": { "@type": "Person", "name": "<data:post.author.name.jsonEscaped/>", "url": "<b:if cond='data:post.author.profileUrl'><data:post.author.profileUrl.jsonEscaped/><b:else/><data:blog.homepageUrl.jsonEscaped/></b:if>", "image": "<data:post.author.authorPhoto.image.jsonEscaped/>"}}</script> </b:includable> <b:includable id='postMetadataJSONImage'>"image": {"@type": "ImageObject", "url": "<b:eval expr='(data:post.featuredImage ? resizeImage(data:post.featuredImage, 1200, "1200:630") : "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgwVNjobGfmzCX8zZ116QUs-Hc4GPRfdV8hTLkaV22aKI63b9bx3tr4QK9q6vxYrwHGUpEz6WXvXe-KwhQvgAHx7dJoKtQGU_jQ6q-07pyGu9hW9TqOu1olklsMUqMZuvZJGkhsPGANVM9a/s1200-rw/Fineshop_Design.webp").jsonEscaped'/>", "height": <b:eval expr='data:post.featuredImage ? 630 : 348'/>, "width": 1200},</b:includable> <b:includable id='postMetadataJSONPublisher'>"publisher": {"@type": "Organization", "name": "<data:blog.title.escaped/>", "logo": {"@type": "ImageObject", "url": "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEwDz975ulCL_xCKj-PMO1h9YxmeyVosDq2ovttnKIJ7ktn_n9S18mcLcprDcri83cNvIo3xaRwpijRhwMk4c7krClFq7cjXtsQsqG936wSaGqy9iBMk5zoP3aDfC-unapUbXoHjMhyphenhyphenRKV/s297/fd-logo.png", "width": 297, "height": 45}},</b:includable> <b:includable id='postPagination'> <!--[ Blog navigation ]--> <div class='blogPg' id='blogPager'> <b:tag class='nPst' cond='data:view.url == data:blog.homepageUrl and !data:olderPageUrl' expr:data-text='data:messages.noResultsFound' name='div'/> <b:include cond='!data:posts.empty' name='postPagination.new'/> <b:include cond='!data:posts.empty' name='postPagination.home'/> <b:include cond='!data:posts.empty' name='postPagination.old'/> </div> </b:includable> <b:includable id='postPagination.home'> <b:tag class='hmLnk' expr:name='data:view.url != data:blog.homepageUrl ? "a" : "div"'> <b:class cond='data:view.url == data:blog.homepageUrl' name='nPst'/> <b:attr cond='data:view.url != data:blog.homepageUrl' expr:value='data:blog.homepageUrl.canonical' name='href'/> <b:attr cond='data:view.url != data:blog.homepageUrl' expr:value='data:messages.home' name='aria-label'/> <b:attr cond='data:posts.empty' expr:value='data:messages.home' name='data-text'/> <b:include cond='!data:posts.empty' name='home-alt-icon'/> </b:tag> </b:includable> <b:includable id='postPagination.new'> <b:if cond='data:newerPageUrl and data:view.url != data:blog.homepageUrl.canonical path "search"'> <a class='nwLnk' expr:aria-label='data:messages.newest' expr:data-text='data:messages.newest' expr:href='data:newerPageUrl.canonical'> <b:if cond='data:blog.languageDirection != "rtl"'> <b:include name='arrow-left-icon'/> <b:else/> <b:include name='arrow-right-icon'/> </b:if> </a> <b:else/> <div class='nwLnk nPst' expr:data-text='data:messages.newest'> <b:if cond='data:blog.languageDirection != "rtl"'> <b:include name='arrow-left-icon'/> <b:else/> <b:include name='arrow-right-icon'/> </b:if> </div> </b:if> </b:includable> <b:includable id='postPagination.old'> <b:tag class='olLnk' expr:data-text='data:messages.oldest' expr:name='data:olderPageUrl ? "a" : "div"'> <b:class cond='!data:olderPageUrl' name='nPst'/> <b:attr cond='data:olderPageUrl' expr:value='data:olderPageUrl.canonical' name='href'/> <b:attr cond='data:olderPageUrl' expr:value='data:messages.oldest' name='aria-label'/> <b:if cond='data:blog.languageDirection != "rtl"'> <b:include name='arrow-right-icon'/> <b:else/> <b:include name='arrow-left-icon'/> </b:if> </b:tag> </b:includable> <b:includable id='postReactions'/> <b:includable id='postShareButtons'/> <b:includable id='postTimestamp'/> <b:includable id='postTitle' var='post'/> <b:includable id='previousPageLink'/> <b:includable id='sharingButton'/> <b:includable id='sharingButtonContent'/> <b:includable id='sharingButtons'/> <b:includable id='sharingButtonsMenu'/> <b:includable id='sharingPlatformIcon'/> <b:includable id='threadedCommentForm' var='post'/> <b:includable id='threadedCommentJs' var='post'/> <b:includable id='threadedComments' var='post'/> <b:includable id='threadedComments-form' var='post'> <div id='commentForm'> <!--[ Comment message ]--> <b:if cond='data:this.messages.blogComment != ""'> <div class='cmMs note'> <data:this.messages.blogComment/> </div> </b:if> <!--[ Comment iframe (remove comment tag below to improve height of comment form) ]--> <!--<a aria-label='Comment Form' expr:href='data:post.commentFormIframeSrc + "&skin=contempo" + data:variantParam' id='comment-editor-src'/>--> <!--<iframe class='blogger-iframe-colorize blogger-comment-from-post lazy' expr:data-src='data:post.commentFormIframeSrc appendParams {skin: "contempo"}' height='296' id='comment-editor' name='comment-editor' title='Blogger comment' width='100'/>--> <button class='iCmn' expr:data-comment='data:post.commentFormIframeSrc appendParams {skin: "contempo"}' expr:data-text='data:messages.joinTheConversation + " (" + data:post.numberOfComments + ")"' id='iCmn'/> <script>/*<![CDATA[*/ (function(){var tCom=getid('iCmn'),urlCom=tCom.getAttribute('data-comment'),ifCom=document.createElement('iframe');ifCom.width='100%';ifCom.height='296';ifCom.setAttribute('data-src',urlCom);ifCom.setAttribute('id','comment-editor');ifCom.setAttribute('class','blogger-iframe-colorize blogger-comment-from-post lazy');ifCom.setAttribute('name','comment-editor');ifCom.setAttribute('lazied','');tCom.addEventListener('click',function(){tCom.insertAdjacentElement('beforebegin',ifCom);this.remove();});})() /*]]>*/</script> <!--<script src='https://www.blogger.com/static/v1/jsbin/1875144490-comment_from_post_iframe.js'/> <script>BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');</script>--> </div> </b:includable> <b:includable id='threadedComments-modifV3' var='post'> <b:tag class='cmSh fixi hidden' id='forComments' name='input' type='checkbox'/> <b:tag class='cmAl hidden' cond='data:post.numberOfComments > 0' id='forAllCm' name='input' type='checkbox'/> <!--[ Delete tag below to disable show/hide comment ]--> <b:include cond='data:post.allowComments' name='post-commentButton'/> <section class='cm' expr:data-embed='data:post.embedCommentForm' expr:data-num-comments='data:post.numberOfComments' id='comments'> <!--[ Delete tag below to disable Pop-up comments ]--> <b:class name='cmBr fixL'/> <b:tag class='cmBri' name='div'> <b:class cond='data:post.numberOfComments == 0' name='mty'/> <b:tag class='cmBrs fixLs' name='div'> <!--[ Comments title ]--> <div class='cmH fixH'> <b:include name='commentsTitle'/> <div class='cmI cl'> <!-- Sort comments --> <b:if cond='data:post.numberOfComments > 0'> <label class='s' expr:aria-label='data:messages.manageComments' expr:data-new='data:messages.newest' expr:data-text='data:messages.oldest' for='forAllCm'/> </b:if> <label aria-label='Close' class='c' for='forComments'/> </div> </div> <div class='cmC'> <b:if cond='data:post.numberOfComments > 0'> <div class='cmCn'> <ol class='cmHl' id='cmHolder'> <b:loop values='data:post.comments where (c => not c.inReplyTo or c.inReplyTo == 0)' var='commentLevel1'> <li class='c' expr:id='"c" + data:commentLevel1.id'> <b:class cond='data:cb.level.author == data:post.author.name' name='adm'/> <b:include data='{level: data:commentLevel1,d: true}' name='commentblock'/> <span expr:class='"cmDl " + data:commentLevel1.adminClass'> <a aria-label='Delete' expr:href='data:commentLevel1.deleteUrl' rel='nofollow noopener noreferrer' target='_blank'> <b:include name='delete-icon'/> </a> </span> <b:with value='data:post.comments where (c => c.inReplyTo == data:commentLevel1.id)' var='commentL2'> <b:if cond='data:commentL2.size != "0"'> <input class='cmRi hidden' expr:id='"to-" + data:commentLevel1.id' type='checkbox'/> <div class='cmRp'> <div class='cmTh' expr:id='"c" + data:commentLevel1.id + "-rt"'> <label class='thTg' data-text='Hide replies' expr:aria-label='"View " +data:commentL2.length+ " replies"' expr:for='"to-" + data:commentLevel1.id'/> <ol class='thCh'> <b:loop values='data:commentL2' var='commentLevel2'> <li class='c' expr:id='"c" + data:commentLevel2.id'> <b:class cond='data:cb.level.author == data:post.author.name' name='adm'/> <b:include data='{level: data:commentLevel2,d: true}' name='commentblock'/> <span expr:class='"cmDl rp " + data:commentLevel2.adminClass'> <a aria-label='Delete' expr:href='data:commentLevel2.deleteUrl' rel='nofollow noopener noreferrer' target='_blank'> <b:include name='delete-icon'/> </a> </span> </div> </li> </b:loop> </ol> </div> <b:if cond='data:post.allowNewComments'> <div class='cmAc cmR'> <a aria-label='Reply' class='rpTo' data-text='Reply' expr:data-reply-to='data:commentLevel1.id' href='javascript:;' target='_self'/> </div> </b:if> </div> </b:if> </b:with> <b:if cond='data:post.allowNewComments'> <div class='cmAc'> <a aria-label='Reply' class='rpTo' data-text='Reply' expr:data-reply-to='data:commentLevel1.id' href='javascript:;' target='_self'/> </div> </b:if> </div> </li> </b:loop> </ol> <!--[ Timeago script ]--> <b:if cond='data:blog.languageDirection != "rtl"'> <script>/*<![CDATA[*/ (function timeAgo(selector) { var templates = {prefix: "", suffix: "", seconds: "second ago", minute: "1 min", minutes: "%d min", hour: "1 hour", hours: "%d hour", day: "1 day", days: "%d days", month: "1 month", months: "%d month", year: "1 year", years: "%d years"}; var template = function(t, n) { return templates[t] && templates[t].replace(/%d/i, Math.abs(Math.round(n))); }; var timer = function(time) { if (!time) return; time = time.replace(/\.\d+/, ""); time = time.replace(/-/, "/").replace(/-/, "/"); time = time.replace(/T/, " ").replace(/Z/, " UTC"); time = time.replace(/([\+\-]\d\d)\:?(\d\d)/, " $1$2"); time = new Date(time * 1000 || time); var now = new Date(); var seconds = ((now.getTime() - time) * .001) >> 0; var minutes = seconds / 60; var hours = minutes / 60; var days = hours / 24; var years = days / 365; return templates.prefix + ( seconds < 45 && template('seconds', seconds) || seconds < 90 && template('minute', 1) || minutes < 45 && template('minutes', minutes) || minutes < 90 && template('hour', 1) || hours < 24 && template('hours', hours) || hours < 42 && template('day', 1) || days < 30 && template('days', days) || days < 45 && template('month', 1) || days < 365 && template('months', days / 30) || years < 1.5 && template('year', 1) || template('years', years) ) + templates.suffix; }; var elements = document.getElementsByClassName('dtTm'); for (var i in elements) { var $this = elements[i]; if (typeof $this === 'object') { $this.innerHTML = timer($this.getAttribute('title') || $this.getAttribute('data-datetime')); } } setTimeout(timeAgo, 60000); })(); /*]]>*/</script> </b:if> </div> <b:if cond='data:post.allowNewComments'> <div class='cmAd hidden' id='addCm'> <div aria-label='Berkomentar' class='cmBtn button' role='button'> <!--[ Delete tag bellow to change button style ]--> <b:class name='ln'/> <b:message name='messages.postAComment'/> </div> </div> </b:if> <script>var comment = true;</script> <b:else/> <script>var comment = false;</script> </b:if> <div class='cmFrm'> <b:if cond='data:post.embedCommentForm'> <b:if cond='data:post.allowNewComments'> <b:include data='post' name='threadedComments-form'/> <b:else/> <!--[ If comment was disable ]--> <div class='cmDis'><data:post.noNewCommentsText/></div> </b:if> <b:else/> <b:if cond='data:post.allowComments'> <!--[ Comment message ]--> <b:if cond='data:this.messages.blogComment != ""'> <div class='cmMs note'> <data:this.messages.blogComment/> </div> </b:if> <a class='cmBtn button' expr:href='data:post.commentsUrl' expr:onclick='data:post.commentsUrlOnclick' rel='noreferrer' role='button' target='_blank'> <!--[ Delete tag bellow to change button style ]--> <b:class name='ln'/> <b:message name='messages.postAComment'/> </a> </b:if> </b:if> </div> </div> </b:tag> </b:tag> <label class='fCls' for='forComments'/> </section> <b:if cond='data:post.allowNewComments'> <script>/*<![CDATA[*/ var observerK=new MutationObserver(function(mutations,me){var cekkomen=getid('comment-editor');if(cekkomen){var b=getid("comment-editor"),d=b.getAttribute("data-src");if(b.setAttribute("src",d),1==comment){var f=getclass("rpTo"),c=getid("commentForm"),h=f.length,k=function(b,d,e,f){b.addEventListener("click",function(){var c=b.getAttribute("data-reply-to");getid("c"+c).appendChild(d);getid("commentForm").className='cmRbox';getid("addCm").className='commentsReply';e.src=f+"&parentID="+c})};for(i=0;i<h;i++)k(f[i],c,b,d);var l=getclass("cmFrm")[0];getid("addCm").addEventListener("click",function(){l.appendChild(c);getid("commentForm").className='comment-replybox-thread';getid("addCm").className='hidden';b.src=d})};me.disconnect();return}});observerK.observe(document,{childList:true,subtree:true}); var bscom=getid('forComments'),bskom=getid('iCmn');if(bscom!==null){bscom.addEventListener('click',function(){if(bscom.checked==true){if(bskom!==null){bskom.click()};}})}; /*]]>*/</script> </b:if> <script>/*<![CDATA[*/ /* Comment tag, license: dte.web.id/teknis/paket-javascript-fitur-manipulasi */ function repText(id) {var a = document.getElementById(id); if (!a) return; var b = a.innerHTML; b = b.replace(/<i rel="image">(.*?)<\/i>/ig, "<img class='lazy' data-src='$1' src='data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=' alt='Image Comment' \/>"); a.innerHTML = b;} repText('cmHolder'); /*]]>*/</script> </b:includable> </b:widget> <b:widget cond='data:view.isHomepage and !data:view.isPreview' id='LinkList5' locked='false' title='Categorised Posts' type='LinkList' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='sorting'>NONE</b:widget-setting> <b:widget-setting name='text-1'>Info Blogger</b:widget-setting> <b:widget-setting name='link-1'>info blogger</b:widget-setting> <b:widget-setting name='text-0'>Fitur Template</b:widget-setting> <b:widget-setting name='link-2'>coba</b:widget-setting> <b:widget-setting name='link-0'>fitur template</b:widget-setting> <b:widget-setting name='text-2'>Coba</b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:include name='content'/> </b:includable> <b:includable id='content'> <b:with value='data:links filter (e => e.target not in ["https://", "#"])' var='labels'> <b:if cond='data:labels.length != 0'> <div id='categorised_posts_container'/> <script> var categorisedPosts = [<b:loop index='index' values='data:labels' var='label'>{"title":"<data:label.name.jsonEscaped/>","label":window.ueHTML("<data:label.target.jsonEscaped/>")}<b:if cond='data:index < (data:labels.length - 1)'>,</b:if></b:loop>]; /*<![CDATA[*/ /* Category Post Script */ function ctgryPst(f,y,e,T,x,Z){var a=blogUrl.replace(/.*?:\/\//g,"//"),t=0<f.length?"/-/"+f:"",e=a+"feeds/posts/default"+encodeURI(t)+"?alt=json&orderby=published&max-results="+e;Pu.gAj({url:e,async:!0,success:function(e,a){e=JSON.parse(e);var t,l,s,r,i,c,J,X,U,n="";if(qSel(y)!=null){a=e.feed;if(a.entry&&0!==a.entry.length){n+='<div class="blogPts cPst">';for(var d=a.entry,o=0;o<d.length;++o){for(var g=d[o],p=!1,a=0,m=g.media$thumbnail?g.media$thumbnail.url:"",b=g.title.$t,j=g.id.$t.split('post-')[1],w=g.link[1].title.split(' Comments')[0],h=("content"in g&&0<x?g.content.$t.split("<a name='more'>")[0].replace(/<\!--.*?-->/g,"").replace(/(<([^>]+)>)/gi,"").substring(0,x):""),v=g.link.length;a<v;++a)"alternate"==(t=g.link[a]).rel&&(p=t.href);s=m.includes("-rw")?"":"-rw-e30",m=(m=g.content&&""==m?(u=/<img +(.*?)src=(['"])([^'"]+?)(['"])(.*?) *\/?>/i.exec(g.content.$t))&&u[3]?u[3]:"":m).replace(/.*?:\/\//g,"//").replace(/\/s[0-9]+(\-c)?/,"/s"+T+s).replace(/\=s[0-9]+(\-c)?/,"=s"+T+s).replace(/\=.*w[0-9].*h[0-9].*-c+(\-c)?/,"=s"+T+s),j="<div class='iFxd'>"+(null!=w.match(/^[0-9]+$/)&&"0"!=w?"<a aria-label='Comments' class='cmnt' data-text='"+w+"' href='"+p+"#comment' role='button'><svg class='line' viewBox='0 0 24 24'><g transform='translate(2.000000, 2.000000)'><path d='M17.0710351,17.0698449 C14.0159481,20.1263505 9.48959549,20.7867004 5.78630747,19.074012 C5.23960769,18.8538953 1.70113357,19.8338667 0.933341969,19.0669763 C0.165550368,18.2990808 1.14639409,14.7601278 0.926307229,14.213354 C-0.787154393,10.5105699 -0.125888852,5.98259958 2.93020311,2.9270991 C6.83146881,-0.9756997 13.1697694,-0.9756997 17.0710351,2.9270991 C20.9803405,6.8359285 20.9723008,13.1680512 17.0710351,17.0698449 Z'/></g></svg></a>":"")+"<span class='pV pu-views hidden' data-id='"+j+"'><svg class='line' viewBox='0 0 24 24'><g transform='translate(2.000000, 4.000000)'><path class='svgC' d='M13.1643,8.0521 C13.1643,9.7981 11.7483,11.2141 10.0023,11.2141 C8.2563,11.2141 6.8403,9.7981 6.8403,8.0521 C6.8403,6.3051 8.2563,4.8901 10.0023,4.8901 C11.7483,4.8901 13.1643,6.3051 13.1643,8.0521 Z'/><path d='M0.7503,8.0521 C0.7503,11.3321 4.8923,15.3541 10.0023,15.3541 C15.1113,15.3541 19.2543,11.3351 19.2543,8.0521 C19.2543,4.7691 15.1113,0.7501 10.0023,0.7501 C4.8923,0.7501 0.7503,4.7721 0.7503,8.0521 Z'/></g></svg></span><span class='bM bmPs' aria-label='Read later' data-added='Remove' bm-id='"+j+"' bm-img='"+(m.replace("/s"+T,"/s240").replace("=s"+T,"=s240"))+"' bm-ttl='"+b+"' bm-url='"+p+"' role='button'><svg class='line' viewBox='0 0 24 24'><g transform='translate(4.500000, 2.500000)'><path d='M7.47024319,0 C1.08324319,0 0.00424318741,0.932 0.00424318741,8.429 C0.00424318741,16.822 -0.152756813,19 1.44324319,19 C3.03824319,19 5.64324319,15.316 7.47024319,15.316 C9.29724319,15.316 11.9022432,19 13.4972432,19 C15.0932432,19 14.9362432,16.822 14.9362432,8.429 C14.9362432,0.932 13.8572432,0 7.47024319,0 Z'/><line class='svgC v' transform='translate(-4.500000, -2.500000)' x1='12' x2='12' y1='6' y2='12'/><line class='svgC h' transform='translate(-4.500000, -2.500000)' x1='15' x2='9' y1='9' y2='9'/></g></svg></span></div><div class='blog-admin'><div class='iFxd l'><a arial-label='Edit this Post' class='edit' data-text='Edit' href='https://www.blogger.com/blog/post/edit/"+blogID+"/"+j+"' role='button' target='_blank'><svg class='line' viewBox='0 0 24 24'><g transform='translate(3.500000, 3.500000)'><line class='svgC' x1='9.8352' x2='16.2122' y1='16.0078' y2='16.0078'/><path d='M12.5578,1.3589 L12.5578,1.3589 C11.2138,0.3509 9.3078,0.6229 8.2998,1.9659 C8.2998,1.9659 3.2868,8.6439 1.5478,10.9609 C-0.1912,13.2789 1.4538,16.1509 1.4538,16.1509 C1.4538,16.1509 4.6978,16.8969 6.4118,14.6119 C8.1268,12.3279 13.1638,5.6169 13.1638,5.6169 C14.1718,4.2739 13.9008,2.3669 12.5578,1.3589 Z'/><line x1='7.0041' x2='11.8681' y1='3.7114' y2='7.3624'/></g></svg></a></div></div>",l=g.category[0]?"<a aria-label='"+g.category[0].term+"' data-text='"+g.category[0].term+"' href='"+blogUrl+"search/label/"+encodeURI(g.category[0].term)+"' rel='tag'></a>":"",s=g.category[1]?"<a aria-label='"+g.category[0].term+"' data-text='"+g.category[1].term+"' href='"+blogUrl+"search/label/"+encodeURI(g.category[1].term)+"' rel='tag'></a>":"",0,i=(r=(r=g.published.$t).substring(0,10)).substring(0,4),c=r.substring(5,7),r=r.substring(8,10),J=g.author?g.author[0].gd$image.src.replace(/\/s[0-9]+(\-c)?/,"/s20-rw").replace(/\=s[0-9]+(\-c)?/,"=s20-rw"):'',X=g.author?g.author[0].name.$t:'',U=X?"<div class='iFxd bl'><div class='aNm t'>"+(J?"<div class='im' style='background-image:url("+J+")'></div>":"")+"<bdi class='nm' data-text=\""+X+"\"></bdi><svg viewBox='0 0 24 24'><path d='M23,12L20.56,9.22L20.9,5.54L17.29,4.72L15.4,1.54L12,3L8.6,1.54L6.71,4.72L3.1,5.53L3.44,9.21L1,12L3.44,14.78L3.1,18.47L6.71,19.29L8.6,22.47L12,21L15.4,22.46L17.29,19.28L20.9,18.46L20.56,14.78L23,12M10,17L6,13L7.41,11.59L10,14.17L16.59,7.58L18,9L10,17Z'></path></svg></div></div>":"";n+=""!=m?'<article class="ntry">':"<article class='ntry noThmb'>",n+=(""!=m?"<div class='pThmb'><a class='thmb' href='"+p+"'><img alt='"+b+"' class='imgThm' src='"+m+"'/></a>"+j+U+"</div>":"<div class='pThmb nul'><div class='thmb'><span class='imgThm' data-text='No image'</span></div>"+j+U+"</div>")+"<div class='pCntn'>"+(l?"<div class='pHdr pSml'><div class='pLbls' data-text='in'>"+l+s+"</div></div>":"")+"<h2 class='pTtl aTtl sml'><a data-text='"+b+"' href='"+p+"' rel='bookmark'>"+b+"</a></h2>"+(h?"<div class='pSnpt'>"+h+"</div>":"")+"<div class='pInf pSml'><time class='aTtmp pTtmp pbl' data-type='Published' data-text='"+(h=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"][parseInt(c-1)]+" "+r+", "+i)+"' title='Published: "+h+"'></time><a aria-label='Read more' class='pJmp' data-text='Keep reading' href='"+p+"'></a></div></div>",n+="</article>"}n+="</div>",n+=true==Z?"<div class='blogPg'><a aria-label='View More' data-text='"+(""!=f?f+" - View More":"View More")+"' href='"+(""!=f?blogUrl+"search/label/"+encodeURI(f):blogUrl+"search")+"'></a></div>":"",addCt(qSel(y),'loaded'),qSel(y).innerHTML=n;if(typeof puViews=='function'){puViews()};if(typeof scrlRvl=='function'){scrlRvl()};if(typeof bkMrk=='function'){bkMrk()}}else qSel(y).innerHTML="<div class='note'>No Post was found with label '"+f+"'.</div>";}else{console.log("Sorry, Container was not found!")}},error:function(e){qSel(y).innerHTML="<div class='note wr'>Failed to load Posts :(</div>"}})}; /*]]>*/</script> </b:if> </b:with> </b:includable> </b:widget> <b:widget cond='data:view.isPost and !data:view.isPreview' id='HTML01' locked='false' title='label 1' type='HTML' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='content'>https://widgetbloggerv1.blogspot.com/search/label/fitur%20template</b:widget-setting> </b:widget-settings> <b:includable id='main'> <div class='widget-content'> <b:if cond='data:content != ""'> <data:content/> <b:else/> <!--[ Blank ad ]--> <div class='adB h240' expr:data-text='data:messages.adsGoHere + " (" + data:title + ")"'/> </b:if> </div> <!--[ Middle ads 01 - shows after 3rd paragraph ]--> <script>/*<![CDATA[*/ middleAds('p',[['HTML01', 3]]) /*]]>*/</script> </b:includable> </b:widget> <b:widget cond='data:view.isPost and !data:view.isPreview' id='HTML02' locked='false' title='Middle Post Ad 02' type='HTML' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='content'/> </b:widget-settings> <b:includable id='main'> <div class='widget-content'> <b:if cond='data:content != ""'> <data:content/> <b:else/> <!--[ Blank ad ]--> <div class='adB h240' expr:data-text='data:messages.adsGoHere + " (" + data:title + ")"'/> </b:if> </div> <!--[ Middle ads 02 - shows after 6th paragraph ]--> <script>/*<![CDATA[*/ middleAds('p',[['HTML02', 6]]) /*]]>*/</script> </b:includable> </b:widget> <b:widget cond='data:view.isPost and !data:view.isPreview' id='HTML03' locked='false' title='Middle Post Ad 03' type='HTML' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='content'/> </b:widget-settings> <b:includable id='main'> <div class='widget-content'> <b:if cond='data:content != ""'> <data:content/> <b:else/> <!--[ Blank ad ]--> <div class='adB h240' expr:data-text='data:messages.adsGoHere + " (" + data:title + ")"'/> </b:if> </div> <!--[ Middle ads 03 - shows after 9th paragraph ]--> <script>/*<![CDATA[*/ middleAds('p',[['HTML03', 9]]) /*]]>*/</script> </b:includable> </b:widget> <b:widget cond='data:view.isPost and !data:view.isPreview' id='HTML04' locked='false' title='Recurring Post Ad' type='HTML' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='content'>hghghjjhjkh</b:widget-setting> </b:widget-settings> <b:includable id='main'> <div class='widget-content'> <b:if cond='data:content != ""'> <data:content/> <b:else/> <!--[ Blank ad ]--> <div class='adB h240' expr:data-text='data:messages.adsGoHere + " (" + data:title + ")"'/> </b:if> </div> <!--[ Recurring Ads after every 4th paragraph ]--> <script>/*<![CDATA[*/ recurAds('p', {ads:'HTML04', every:4}) /*]]>*/</script> </b:includable> </b:widget> </b:section> <b:section cond='!data:view.isPreview and !data:view.isSingleItem' id='add-widget' showaddelement='true'> <b:widget cond='!data:view.isPreview' id='HTML94' locked='false' title='Ad Placement' type='HTML' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='content'>iklan 5 kosong kosomg</b:widget-setting> </b:widget-settings> <b:includable id='main'> <div class='widget-content'> <b:if cond='data:content != ""'> <data:content/> <b:else/> <!--[ Blank ad ]--> <div class='adB' expr:data-text='data:messages.adsGoHere + " (" + data:title + ")"'/> </b:if> </div> </b:includable> </b:widget> </b:section> </main> <b:if cond='data:view.isHomepage or data:view.isPost'> <!--[ Sidebar content ]--> <b:tag class='blogItm sidebar' name='aside'> <b:tag class='sideIn' name='div'> <b:section id='side-widget' showaddelement='true'> <b:widget id='HTML1' locked='false' title='#808b90' type='HTML' visible='true'> <b:widget-settings> <b:widget-setting name='content'><![CDATA[<textarea id="codes" placeholder="Paste kodenya di sini, kemudian klik 'Parse Kode'. Jika ingin parse kode baru, klik dulu 'Hapus Kode'" spellcheck="false" style="resize:none"></textarea> <div class="button-group"> <button id="convert" onclick="cdConvert();this.disabled = true;">Parse Kode</button> <button onclick="cdClear();">Hapus Kode</button> </div> <ul id='wrapin'> <li><input checked="true" id="opt1" type="checkbox" />Konversi <code>&</code> menjadi <code>&amp;</code></li> <li><input checked="true" id="opt2" type="checkbox" />Konversi <code><</code> menjadi <code>&lt;</code></li> <li><input checked="true" id="opt3" type="checkbox" />Konversi <code>></code> menjadi <code>&gt;</code></li> <li><input id="opt4" type="checkbox" />Konversi <code>"</code> menjadi <code>&quot;</code></li> <li><input id="opt5" type="checkbox" />Konversi <code>'</code> menjadi <code>&#039;</code></li> </ul> <style type="text/css"> code{ font-family:Consolas,Monaco,'Andale Mono','Courier New',Courier,Monospace; color:#2a5ead; font-size:13px; padding:2px 4px; color:#d14; } #codes{ font:13px 'Courier New',Monospace; width:100%; height:250px; margin:0 auto; display:block; background-color: #333 ; color:#fff' padding:20px; border-radius:20px; } .button-group{ margin:10px; text-align:center; } button,button[disabled]:active{ border: none; padding: 5px 12px; color: #fff; background-color: #333; cursor: pointer; font-size: 13px; margin: 0 10px; line-height: 23px; border-radius: 20px; transition: all 0.3s ease-in-out; } button:active{ background:#3f92e1; } button[disabled],button[disabled]:active{ background:#3f92e1; } #opt1,#opt2,#opt3,#opt4,#opt5{ display:inline-block; margin-right:10px; font-size:13px; } </style> <script type="text/javascript"> function cdClear() { var wtarea = document.getElementById('codes'); wtarea.value = ''; wtarea.focus(); document.getElementById('convert').disabled = false; } function cdConvert() { var ctarea = document.getElementById('codes'), cv = ctarea.value, opt1 = document.getElementById('opt1'), opt2 = document.getElementById('opt2'), opt3 = document.getElementById('opt3'), opt4 = document.getElementById('opt4'), opt5 = document.getElementById('opt5'); cv = cv.replace(/\t/g, " "); if (opt1.checked) cv = cv.replace(/&/g, "&"); if (opt2.checked) cv = cv.replace(/</g, "<"); if (opt3.checked) cv = cv.replace(/>/g, ">"); if (opt4.checked) cv = cv.replace(/"/g, """); if (opt5.checked) cv = cv.replace(/'/g, "'"); ctarea.value = cv; ctarea.focus(); ctarea.select(); }; </script>]]></b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:include name='widget-title'/> <div class='widget-content'> <data:content/> </div> </b:includable> </b:widget> <b:widget id='PopularPosts00' locked='false' title='Popular Posts' type='PopularPosts' version='2' visible='false'> <b:widget-settings> <b:widget-setting name='numItemsToShow'>5</b:widget-setting> <b:widget-setting name='showThumbnails'>true</b:widget-setting> <b:widget-setting name='showSnippets'>true</b:widget-setting> <b:widget-setting name='timeRange'>LAST_WEEK</b:widget-setting> </b:widget-settings> <b:includable id='main' var='this'> <b:if cond='data:title != ""'> <h2 class='title dt'><data:title/></h2> </b:if> <b:include name='snippetedPosts'/> </b:includable> <b:includable id='blogThisShare'/> <b:includable id='bylineByName' var='byline'/> <b:includable id='bylineRegion' var='regionItms'/> <b:includable id='commentsLink'/> <b:includable id='commentsLinkIframe'/> <b:includable id='emailPostIcon'/> <b:includable id='facebookShare'/> <b:includable id='footerBylines'/> <b:includable id='googlePlusShare'/> <b:includable id='headerByline'/> <b:includable id='linkShare'/> <b:includable id='otherSharingButton'/> <b:includable id='platformShare'/> <b:includable id='postAuthor'/> <b:includable id='postCommentsLink'/> <b:includable id='postInfo'> <div class='iInf pSml'> <b:if cond='data:post.labels any (label => label.name in [ "Sponsored" ])'> <b:include name='postLabelSponsored'/> <b:else/> <!--[ Post timestamp ]--> <b:include cond='data:widgets.Blog.first.allBylineItems.timestamp and data:post.labels none (label => label.name in [ "Product" ])' name='postTimestamp'/> <b:include cond='data:post.labels' name='postLabel'/> </b:if> </div> </b:includable> <b:includable id='postJumpLink' var='post'/> <b:includable id='postLabels'/> <b:includable id='postLocation'/> <b:includable id='postReactions'/> <b:includable id='postShareButtons'/> <b:includable id='postTimestamp'> <time class='aTtmp iTtmp pbl' expr:data-text='format(data:post.date, "MMM d")' expr:datetime='data:post.date.iso8601' expr:title='"Published: " + data:post.date format "MMMM d, YYYY"'/> </b:includable> <b:includable id='sharingButton'/> <b:includable id='sharingButtonContent'/> <b:includable id='sharingButtons'/> <b:includable id='sharingButtonsMenu'/> <b:includable id='sharingPlatformIcon'/> <b:includable id='snippetedPostByline'/> <b:includable id='snippetedPostContent'> <!--[ Post thumbnail ]--> <b:include cond='data:i == 0 and (data:this.postDisplay.showFeaturedImage and data:post.featuredImage)' name='snippetedPostThumbnail'/> <b:include name='postInfo'/> <div class='iCtnt'> <div class='iInr'> <b:include cond='data:this.postDisplay.showTitle' name='snippetedPostTitle'/> <b:include cond='data:this.postDisplay.showSnippet and data:i == 0' name='snippetedPostEntry'/> </div> </div> </b:includable> <b:includable id='snippetedPostEntry'> <div class='pSnpt'> <b:class cond='data:post.labels any (label => label.name in [ "Product" ])' name='nTag'/> <b:include name='postEntrySnippet'/> </div> </b:includable> <b:includable id='snippetedPostThumbnail'> <div class='iThmb pThmb'> <b:class cond='data:post.featuredImage.isYoutube' name='iyt'/> <b:class cond='!data:this.postDisplay.showFeaturedImage or !data:post.featuredImage' name='nul'/> <b:tag class='thmb' expr:name='data:this.postDisplay.showFeaturedImage and data:post.featuredImage ? "a" : "div"'> <b:attr cond='data:this.postDisplay.showFeaturedImage and data:post.featuredImage' expr:value='data:post.url' name='href'/> <b:if cond='data:this.postDisplay.showFeaturedImage and data:post.featuredImage'> <b:include name='postEntryThumbnail'/> <b:else/> <span class='imgThm' data-text='No image'/> </b:if> </b:tag> <!--[ Comments count ]--> <div class='iFxd'> <b:if cond='data:post.allowComments and data:post.numberOfComments > 0 or data:post.labels any (label => label.name in [ "Sponsored" , "Product" ])' name='div'> <b:if cond='data:post.labels any (label => label.name in [ "Sponsored" ])'> <b:include name='postSponsored'/> <b:elseif cond='data:post.labels any (label => label.name in [ "Product" ])'/> <b:include name='postProduct'/> </b:if> <b:if cond='data:widgets.Blog.first.allBylineItems.comments and data:post.labels none (label => label.name in [ "Product" ])'> <b:include name='postCommentsLinks'/> </b:if> </b:if> <!--[ Post Views ]--> <span class='pV hidden pu-views' expr:data-id='data:post.id'><b:include name='eye-icon'/></span> <!--[ Post Bookmark ]--> <b:include name='thmb-bookmark'/> </div> <div class='iFxd bl'> <!--[ Post Author ]--> <b:include name='thmb-athr'/> </div> <!--[ Quick Edit ]--> <b:include name='thmb-quickedit'/> </div> </b:includable> <b:includable id='snippetedPostTitle'> <h3 class='iTtl aTtl'><a expr:href='data:post.url.canonical'><data:post.title.escaped/></a></h3> </b:includable> <b:includable id='snippetedPosts'> <div class='itemPp' role='feed'> <!-- Don't render the post that we're currently already looking at. --> <b:loop index='i' values='data:posts filter (p => p.id != data:view.postId)' var='post'> <article class='itm'> <b:class cond='data:i == 0 and data:this.postDisplay.showFeaturedImage and !data:post.featuredImage' name='nThmb'/> <b:class cond='data:i == 0 and data:this.postDisplay.showFeaturedImage and data:post.featuredImage' name='mostP'/> <b:class cond='data:post.labels any (label => label.name in [ "Product" ])' name='pTag'/> <b:include name='snippetedPostContent'/> </article> </b:loop> </div> </b:includable> </b:widget> <b:widget id='Label00' locked='false' title='Labels' type='Label' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='sorting'>ALPHA</b:widget-setting> <b:widget-setting name='display'>LIST</b:widget-setting> <b:widget-setting name='selectedLabelsList'/> <b:widget-setting name='showType'>ALL</b:widget-setting> <b:widget-setting name='showFreqNumbers'>true</b:widget-setting> </b:widget-settings> <b:includable id='main' var='this'> <b:if cond='data:title != ""'> <h2 class='title dt'><data:title/></h2> </b:if> <b:include name='content'/> </b:includable> <b:includable id='cloud'> <b:loop index='tags' values='data:labels' var='label'> <!--[ Only show 6 label ]--> <b:if cond='data:tags <= 5'> <div class='lbSz'> <b:class expr:name='"s-" + data:label.cssSize'/> <b:tag class='lbN' expr:name='data:blog.url != data:label.url ? "a" : "div"'> <b:attr cond='data:blog.url != data:label.url' expr:value='data:label.url' name='href'/> <b:attr cond='data:blog.url != data:label.url' expr:value='data:label.name' name='aria-label'/> <span class='lbT'><data:label.name/></span> <b:tag class='lbC' cond='data:this.showFreqNumbers' expr:data-text='"(" + data:label.count + ")"' name='span'/> </b:tag> </div> </b:if> <!--[ Hide another label from 7th list ]--> <b:if cond='data:tags == 6'> <div class='lbSh'> <input class='lbIn hidden' id='lbAl-1' type='checkbox'/> <div class='lbAl'> <b:loop index='alltags' values='data:labels' var='label'> <!--[ Show label from 7th list ]--> <b:if cond='data:alltags >= 6'> <div class='lbSz'> <b:class expr:name='"s-" + data:label.cssSize'/> <b:tag class='lbN' expr:name='data:blog.url != data:label.url ? "a" : "div"'> <b:attr cond='data:blog.url != data:label.url' expr:value='data:label.url' name='href'/> <b:attr cond='data:blog.url != data:label.url' expr:value='data:label.name' name='aria-label'/> <span class='lbT'><data:label.name/></span> <b:tag class='lbC' cond='data:this.showFreqNumbers' expr:data-text='"(" + data:label.count + ")"' name='span'/> </b:tag> </div> </b:if> </b:loop> </div> <label aria-label='Show labels' class='lbM' expr:data-hide='data:messages.showLess' expr:data-show='data:messages.showMore' expr:data-text='"(+" + (data:labels.length - 6) + ")"' for='lbAl-1'/> </div> </b:if> </b:loop> </b:includable> <b:includable id='content'> <div class='wL pSml'> <!--[ delete the comment tag below if you want to change style Label List ]--> <b:class name='bg'/> <b:class expr:name='data:this.display == "list" ? "ls" : "cl"'/> <b:include cond='data:this.display == "list"' name='list'/> <b:include cond='data:this.display == "cloud"' name='cloud'/> </div> </b:includable> <b:includable id='list'> <ul> <b:loop index='tags' values='data:labels' var='label'> <!--[ Only show 6 label ]--> <b:if cond='data:tags <= 5'> <li> <b:tag class='lbN' expr:name='data:blog.url != data:label.url ? "a" : "div"'> <b:attr cond='data:blog.url != data:label.url' expr:value='data:label.url' name='href'/> <b:attr cond='data:blog.url != data:label.url' expr:value='data:label.name' name='aria-label'/> <span class='lbT'><data:label.name/></span> <span class='lbR'> <b:tag class='lbC' cond='data:this.showFreqNumbers' expr:data-text='data:label.count' name='span'/> <b:include name='bookmark-icon'/> </span> </b:tag> </li> </b:if> </b:loop> </ul> <b:loop index='tags' values='data:labels' var='label'> <!--[ Hide another label from 7th list ]--> <b:if cond='data:tags == 6'> <div class='lbSh'> <input class='lbIn hidden' id='lbAl-2' type='checkbox'/> <ul class='lbAl'> <b:loop index='alltags' values='data:labels' var='label'> <!--[ Show label from 7th list ]--> <b:if cond='data:alltags >= 6'> <li> <b:tag class='lbN' expr:name='data:blog.url != data:label.url ? "a" : "div"'> <b:attr cond='data:blog.url != data:label.url' expr:value='data:label.url' name='href'/> <b:attr cond='data:blog.url != data:label.url' expr:value='data:label.name' name='aria-label'/> <span class='lbT'><data:label.name/></span> <span class='lbR'> <b:tag class='lbC' cond='data:this.showFreqNumbers' expr:data-text='data:label.count' name='span'/> <b:include name='bookmark-icon'/> </span> </b:tag> </li> </b:if> </b:loop> </ul> <label aria-label='Show labels' class='lbM' expr:data-hide='data:messages.showLess' expr:data-show='data:messages.showMore' expr:data-text='"(+" + (data:labels.length - 6) + ")"' for='lbAl-2' role='button'/> </div> </b:if> </b:loop> </b:includable> </b:widget> <b:widget cond='data:view.isPost' id='HTML11' locked='false' title='Table of contents' type='HTML' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='content'><![CDATA[<!--[ This is an automatic Table of Content feature that only appears on post pages ]-->]]></b:widget-setting> </b:widget-settings> <b:includable id='main'> <input class='tocI hidden' id='forTocJs' type='checkbox'/> <div class='tocL'> <div class='tocLi'> <div class='tocLs'> <label aria-label='Close' class='tocH fixH' for='forTocJs'> <div class='tocC'> <svg class='rad' viewBox='0 0 160 160'><path d='M0-10,150,0l10,150S137.643,80.734,100.143,43.234,0-10,0-10Z' transform='translate(0 10)'/></svg> <span><b:include name='document-icon'/></span> <svg class='rad in' viewBox='0 0 160 160'><path d='M0-10,150,0l10,150S137.643,80.734,100.143,43.234,0-10,0-10Z' transform='translate(0 10)'/></svg> </div> <div class='tocT fixT'> <b:attr expr:value='data:title != "" ? data:title : "Contents"' name='data-text'/> <span class='c cl' data-texxt='Close'/> </div> </label> <div class='tocIn' id='postToc'/> </div> </div> <label class='fCls' for='forTocJs'/> </div> </b:includable> </b:widget> </b:section> <!--[ Sidebar sticky ]--> <b:section class='sideSticky' cond='data:view.isLayoutMode or (!data:view.isPreview and !data:blog.isMobileRequest)' id='side-sticky' showaddelement='true'> <b:widget id='HTML95' locked='false' title='iklan 4 - Desktop only' type='HTML' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='content'>kosong 4</b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:if cond='data:content != ""'> <data:content/> <b:else/> <!--[ Blank ad ]--> <div class='adB h240' expr:data-text='data:messages.adsGoHere + " (" + data:title + ")"'/> </b:if> </b:includable> </b:widget> </b:section> </b:tag> </b:tag> </b:if> </b:tag> <!--[ Mobile Menu ]--> <b:section class='mobMn' id='mobile-menu' maxwidgets='1' showaddelement='false'> <b:widget id='TextList99' locked='true' title='Mobile Menu' type='TextList' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='shownum'>7</b:widget-setting> <b:widget-setting name='item-7'>Share</b:widget-setting> <b:widget-setting name='item-6'>Comments</b:widget-setting> <b:widget-setting name='item-5'>Share</b:widget-setting> <b:widget-setting name='item-4'>Top</b:widget-setting> <b:widget-setting name='item-3'>Dark</b:widget-setting> <b:widget-setting name='sorting'>NONE</b:widget-setting> <b:widget-setting name='item-2'>Menu</b:widget-setting> <b:widget-setting name='item-1'>Search</b:widget-setting> <b:widget-setting name='item-0'>Home</b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:include name='content'/> </b:includable> <b:includable id='content'> <ul> <b:loop index='m' values='data:items' var='item'> <b:if cond='data:m <= 6'> <b:if cond='data:item == "Home"'> <li class='mH'> <b:class cond='data:view.isHomepage' name='nmH'/> <b:tag expr:aria-label='data:item' expr:data-text='data:item' expr:name='data:view.url == data:blog.homepageUrl ? "span" : "a"' role='button'> <b:attr cond='data:view.url != data:blog.homepageUrl' expr:value='data:blog.homepageUrl.canonical' name='href'/> <b:attr cond='data:view.url != data:blog.homepageUrl' name='role' value='button'/> <b:include name='home-icon'/> </b:tag> </li> <b:elseif cond='data:item == "Search"'/> <li class='mS'> <label expr:aria-label='data:item' expr:data-text='data:item' for='searchIn'><b:include name='search-icon'/></label> </li> <b:elseif cond='data:item == "Menu"'/> <li class='mN'> <label expr:aria-label='data:item' expr:data-text='data:item' for='offNav'><b:include name='menu-icon'/></label> </li> <b:elseif cond='data:item == "Dark"'/> <b:if cond='!data:view.isPost'> <li class='mD'> <span aria-label='Mode' class='tDL' data-light='Light' expr:data-text='data:item' onclick='darkMode()' role='button'><b:include name='moon-sun-icon'/></span> </li> </b:if> <b:elseif cond='data:item == "Light"'/> <b:if cond='!data:view.isPost'> <li class='mL'> <span aria-label='Mode' class='tDL' data-light='Dark' expr:data-text='data:item' onclick='darkMode()' role='button'><b:include name='sun-moon-icon'/></span> </li> </b:if> <b:elseif cond='data:item == "Top"'/> <b:if cond='data:view.isHomepage'> <li class='mS'> <span expr:aria-label='data:item' expr:data-text='data:item' onclick='window.scrollTo({top: 0});' role='button'><b:include name='arow-up-circle-icon'/></span> </li> </b:if> <b:elseif cond='data:item == "Share"'/> <b:if cond='data:view.isPost'> <li class='mS'> <label expr:aria-label='data:item' expr:data-text='data:item' for='forShare'><b:include name='share-alt-icon'/></label> </li> </b:if> <b:elseif cond='data:item == "Comments"'/> <b:if cond='data:view.isPost'> <li class='mC'> <label expr:aria-label='data:item' expr:data-text='data:item' for='forComments'><b:include name='messages-icon'/></label> </li> </b:if> </b:if> </b:if> </b:loop> </ul> </b:includable> </b:widget> </b:section> <!--[ Footer section ]--> <footer> <div class='footer'> <div class='fotIn'> <b:section id='footer-widget-1' maxwidgets='4' showaddelement='true'> <b:widget id='HTML77' locked='false' title='UI Template' type='HTML' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='content'><![CDATA[<div> <div class='lazy abtL' data-style='background-image:url(//blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-MJfJjegO4N7txAwyFBfNJMEUNLV4aaADlXmR8ZdOspFNqbx2UR2GsRW_g4rtdpAf39rvwooMe1n1IHD_7eP32nKqpkq8tnZ_HwWAhuLVfDWQv045PLMCa_-LXccLUkeiG7dPp7YycZ2nQj2uY2QqeQm-QsbARoQfaj_4EkEl3DrEB3Soc0ZPAO1tUQ/s160-rw-e30/fd_logo.webp)'> </div> <div class='abtT'> <h2 class='tl'>Plus UI Original</h2> <p class='abtD'>Terima Kasih Atas Template nya yang Luar Biasa...</p></div></div> <p class='hidden pu-views' data-id='WebsiteStats'> </p>]]></b:widget-setting> </b:widget-settings> <b:includable id='main'> <div class='widget-content abtU' expr:data-text='data:title'><data:content/></div> </b:includable> </b:widget> <b:widget id='LinkList1' locked='false' title='Social Media Link' type='LinkList' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='text-9'>Menu link 10</b:widget-setting> <b:widget-setting name='link-9'>javascript:void(0)</b:widget-setting> <b:widget-setting name='text-8'>Menu link 9</b:widget-setting> <b:widget-setting name='link-7'>https://www.reddit.com/</b:widget-setting> <b:widget-setting name='link-8'>javascript:void(0)</b:widget-setting> <b:widget-setting name='link-5'>https://www.twitch.tv/</b:widget-setting> <b:widget-setting name='link-6'>https://discord.com/</b:widget-setting> <b:widget-setting name='link-3'>https://www.youtube.com/</b:widget-setting> <b:widget-setting name='link-4'>https://www.linkedin.com/in/</b:widget-setting> <b:widget-setting name='text-1'>Instagram</b:widget-setting> <b:widget-setting name='text-0'>Facebook</b:widget-setting> <b:widget-setting name='text-3'>Youtube</b:widget-setting> <b:widget-setting name='text-2'>Twitter</b:widget-setting> <b:widget-setting name='text-5'>twitch</b:widget-setting> <b:widget-setting name='text-4'>LinkedIn</b:widget-setting> <b:widget-setting name='text-7'>reddit</b:widget-setting> <b:widget-setting name='text-6'>discord</b:widget-setting> <b:widget-setting name='shownum'>4</b:widget-setting> <b:widget-setting name='sorting'>NONE</b:widget-setting> <b:widget-setting name='link-1'>https://www.instagram.com/</b:widget-setting> <b:widget-setting name='link-2'>https://twitter.com/</b:widget-setting> <b:widget-setting name='link-0'>https://www.facebook.com/</b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:include name='content'/> </b:includable> <b:includable id='content'> <ul class='sL'> <b:loop values='data:links' var='link'> <li> <b:tag class='l' expr:data-text='data:link.name' expr:name='data:link.target != "#" ? "a" : "span"'> <b:attr cond='data:link.target != "#"' expr:value='data:link.target' name='href'/> <b:attr cond='data:link.target != "#"' expr:value='data:link.name' name='aria-label'/> <b:attr cond='data:link.target != "#"' name='target' value='_blank'/> <b:attr cond='data:link.target != "#"' name='rel' value='noopener'/> </b:tag> </li> </b:loop> </ul> </b:includable> </b:widget> </b:section> <b:section id='footer-widget-2' maxwidgets='2' showaddelement='true'> <b:widget id='LinkList2' locked='false' title='Company' type='LinkList' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='link-3'>/</b:widget-setting> <b:widget-setting name='sorting'>NONE</b:widget-setting> <b:widget-setting name='text-1'>/</b:widget-setting> <b:widget-setting name='link-1'>/</b:widget-setting> <b:widget-setting name='text-0'>About</b:widget-setting> <b:widget-setting name='link-2'>/</b:widget-setting> <b:widget-setting name='text-3'>Others</b:widget-setting> <b:widget-setting name='link-0'>/</b:widget-setting> <b:widget-setting name='text-2'>404</b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:include name='widget-title'/> <b:include name='content'/> </b:includable> <b:includable id='content'> <div class='widget-content'> <ul> <b:loop values='data:links' var='link'> <li> <a expr:href='data:link.target'> <span><data:link.name/></span> </a> </li> </b:loop> </ul> </div> </b:includable> </b:widget> </b:section> <b:section id='footer-widget-3' maxwidgets='3' showaddelement='true'> <b:widget id='LinkList3' locked='false' title='Product &amp; Service' type='LinkList' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='link-3'>false</b:widget-setting> <b:widget-setting name='sorting'>NONE</b:widget-setting> <b:widget-setting name='text-1'>Other Product</b:widget-setting> <b:widget-setting name='link-1'>/</b:widget-setting> <b:widget-setting name='text-0'>Blogger Theme</b:widget-setting> <b:widget-setting name='link-2'>Show More</b:widget-setting> <b:widget-setting name='text-3'>darkMode</b:widget-setting> <b:widget-setting name='link-0'>/</b:widget-setting> <b:widget-setting name='text-2'>Widget Blogger</b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:include name='widget-title'/> <b:include name='content'/> </b:includable> <b:includable id='content'> <div class='widget-content'> <ul> <b:loop values='data:links' var='link'> <li> <a expr:href='data:link.target'> <span><data:link.name/></span> </a> </li> </b:loop> </ul> </div> </b:includable> </b:widget> </b:section> <b:section id='footer-widget-4' maxwidgets='4' showaddelement='true'> <b:widget id='LinkList4' locked='false' title='Support' type='LinkList' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='sorting'>NONE</b:widget-setting> <b:widget-setting name='text-1'>Documentation</b:widget-setting> <b:widget-setting name='link-1'>/</b:widget-setting> <b:widget-setting name='text-0'>Contact</b:widget-setting> <b:widget-setting name='link-0'>/</b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:include name='widget-title'/> <b:include name='content'/> </b:includable> <b:includable id='content'> <div class='widget-content'> <ul> <b:loop values='data:links' var='link'> <li> <a expr:href='data:link.target'> <span><data:link.name/></span> </a> </li> </b:loop> </ul> </div> </b:includable> </b:widget> </b:section> </div> <!--[ Credit ]--> <b:section class='cdtIn' id='credit-widget' maxwidgets='4' showaddelement='false'> <b:widget id='HTML88' locked='false' title='Credit' type='HTML' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='content'/> </b:widget-settings> <b:includable id='main'> <div class='fotCd'> <span class='credit'> <b:if cond='data:content == ""'><span style='font-family:Arial, Helvetica, sans-serif'>©</span> <span id='getYear'><b:if cond='data:view.url != data:view.url params { amp: "1" }'><script>/*<![CDATA[*/ var d = new Date(); var n = d.getFullYear(); document.getElementById('getYear').innerHTML = n; /*]]>*/</script><b:else/>2022</b:if></span> ‧ <bdi><a expr:href='data:blog.homepageUrl.canonical'><data:blog.title/><b:include name='verified-icon'/></a></bdi> ‧ All rights reserved.<b:else/><data:content/></b:if> </span> <span class='creator'>Developed by <a href='https://www.nldblog.com'>Fineshop</a></span> </div> </b:includable> </b:widget> <b:widget id='TextList88' locked='true' title='Back to top' type='TextList' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='shownum'>1</b:widget-setting> <b:widget-setting name='sorting'>NONE</b:widget-setting> <b:widget-setting name='item-1'>Top</b:widget-setting> <b:widget-setting name='item-0'>Top Sticky</b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:include name='content'/> </b:includable> <b:includable id='content'> <b:loop index='t' values='data:items' var='item'> <b:if cond='data:t <= 0'> <b:if cond='data:item == "Top"'> <!--[ Back top button ]--> <b:tag class='toTop tTop' expr:data-text='data:item' expr:name='data:view.url != data:view.url params { amp: "1" } ? "div" : "a"'> <b:attr cond='data:view.url != data:view.url params { amp: "1" }' name='onclick' value='window.scrollTo({top: 0});'/> <b:attr cond='data:view.url == data:view.url params { amp: "1" }' name='href' value='#mainCont'/> <b:include name='arow-up-icon'/> </b:tag> <b:elseif cond='data:item == "Top Sticky"'/> <!--[ Back top button fixed/sticky ]--> <b:include name='button-backtoTop'/> </b:if> </b:if> </b:loop> </b:includable> </b:widget> </b:section> </div> </footer> </div> </div> </div> <!--[ Fixed Back to Top ]--> <b:include name='button-backtoTop'/> <!--[ Waves Animation ]--> <div class='wvC'><div class='wvS'><svg class='waves' preserveAspectRatio='none' shape-rendering='auto' viewBox='0 24 150 28'><defs><path d='M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z' id='wave-bg'/></defs><g class='plx'><use x='48' xlink:href='#wave-bg' y='0'/><use x='48' xlink:href='#wave-bg' y='3'/><use x='48' xlink:href='#wave-bg' y='5'/><use x='48' xlink:href='#wave-bg' y='7'/></g></svg></div><div class='wvH'/></div> <b:if cond='!data:view.isPreview'> <!--[ Delete 'or data:blog.isMobileRequest' if you want to show ad in both(desktop and mobile) ]--> <b:section cond='data:view.isLayoutMode or data:blog.isMobileRequest' id='anchor-ad' showaddelement='false'> <b:widget id='HTML99' locked='true' title='Anchor Ad - Mobile only' type='HTML' version='2' visible='false'> <b:widget-settings> <b:widget-setting name='content'/> </b:widget-settings> <b:includable id='main'> <!--[ Sticky ad ]--> <input class='ancrI hidden' id='ancrI' type='checkbox'/> <div class='ancrA'> <label aria-label='Close Menu' class='ancrC' for='ancrI'><svg viewBox='0 0 24 24'><polyline points='5 9 12 16 19 9'/></svg></label> <div class='ancrCn'> <b:if cond='data:content != ""'> <data:content/> <b:else/> <!--[ Blank ad ]--> <div class='adB' expr:data-text='data:messages.adsGoHere + " (" + data:title + ")"'/> </b:if> </div> </div> </b:includable> </b:widget> </b:section> </b:if> </b:if> </b:tag> <b:tag class='erroP' cond='data:view.isLayoutMode or data:view.isError' name='section'> <b:section class='erroC' cond='data:view.isLayoutMode or data:view.isError' id='error-404' showaddelement='false'> <b:widget id='HTML404' locked='true' title='Take me back' type='HTML' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='content'><![CDATA[<h3><span class='e' title='404'>404</span><span>Maaf , Terjadi Kesalahan .</span></h3> <p>Halaman yang Anda minta tidak dapat ditemukan. Silahkan Mencari Yang Lain .</p>]]></b:widget-setting> </b:widget-settings> <b:includable id='main'> <data:content/> <a class='button' expr:href='data:blog.homepageUrl.canonical'><data:title/></a> </b:includable> </b:widget> </b:section> </b:tag> <!--[ Addons ]--> <b:tag class='addonsWidgets' cond='data:view.isLayoutMode' name='div'> <b:section cond='!data:view.isError' id='addons-widget' showaddelement='false'> <b:widget cond='!data:view.isPreview' id='HTML21' locked='true' title='Cookie Consent' type='HTML' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='content'>Kami menyajikan cookie di situs ini untuk menganalisis lalu lintas, mengingat preferensi Anda, dan mengoptimalkan pengalaman Anda.</b:widget-setting> </b:widget-settings> <b:includable id='main'> <!--[ Cookies Consent ]--> <div class='ckW' id='ckWrap'><div class='ckA'><div class='ckH'><data:title/></div><div class='ckD'><data:content/></div></div><div class='ckF'><button class='ckB' id='ckAccept'>Accept</button><a class='ckB' href='/' target='_blank' title='Cookie Policy'>More Details</a></div></div> </b:includable> </b:widget> <b:widget cond='!data:view.isPreview' id='HTML22' locked='true' title='Oops!' type='HTML' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='content'>Sepertinya ada yang salah dengan koneksi internet Anda. Silakan sambungkan ke internet dan mulai menjelajah lagi.</b:widget-setting> </b:widget-settings> <b:includable id='main'> <!--[ No Internet ]--> <div class='fxPu' id='noInternet'><div class='fxPuW'><div class='fxPuC'><div class='fxPuS'><b:include name='wifioff-icon'/></div><div class='fxPuH'><data:title/></div><div class='fxPuD'><data:content/></div><div class='fxPuB'><a class='btn' expr:href='data:blog.url.canonical'><svg class='line' viewBox='0 0 24 24'><polyline points='23 4 23 10 17 10'/><path d='M20.49 15a9 9 0 1 1-2.12-9.36L23 10'/></svg></a></div></div></div></div> </b:includable> </b:widget> <b:widget cond='!data:view.isPreview and !data:view.isHomepage' id='HTML23' locked='true' title='AdBlock Detected!' type='HTML' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='content'><![CDATA[Kami telah mendeteksi bahwa Anda menggunakan plugin pemblokiran iklan di browser Anda.<br />Pendapatan yang kami peroleh dari iklan digunakan untuk mengelola situs web ini, kami meminta Anda untuk memasukkan situs web kami ke dalam daftar putih di plugin pemblokiran iklan Anda.]]></b:widget-setting> </b:widget-settings> <b:includable id='main'> <!--[ Anti AdBlock ]--> <div class='fxPu' id='antiAdB'><div class='fxPuW'><div class='fxPuC'><div class='fxPuCl hidden'/><div class='fxPuS'><b:include name='alert-circle-icon'/></div><div class='fxPuH'><data:title/></div><div class='fxPuD'><data:content/></div></div></div></div> </b:includable> </b:widget> <b:widget cond='!data:view.isPreview' id='HTML25' locked='true' title='Enable JavaScript!' type='HTML' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='content'>Ditambah UI berfungsi dengan baik dengan JavaScript diaktifkan. Harap aktifkan JavaScript untuk melanjutkan penjelajahan.</b:widget-setting> </b:widget-settings> <b:includable id='main'> <!--[ No Script ]--> <noscript><div class='fxPu visible'><div class='fxPuW'><div class='fxPuC'><div class='fxPuS'><svg class='line' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><circle cx='12' cy='12' r='10'/><line x1='12' x2='12' y1='8' y2='12'/><line x1='12' x2='12.01' y1='16' y2='16'/></svg></div><div class='fxPuH'><data:title/></div><div class='fxPuD'><data:content/></div><div class='fxPuB'><button class='btn'><svg class='line' viewBox='0 0 24 24'><polyline points='23 4 23 10 17 10'/><path d='M20.49 15a9 9 0 1 1-2.12-9.36L23 10'/></svg></button></div></div></div></div></noscript> </b:includable> </b:widget> <b:widget cond='!data:view.isPreview' id='HTML26' locked='true' title='Country Block' type='HTML' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='content'/> </b:widget-settings> <b:includable id='main'> <!--[ Country Block Pop-Up ]--> <div class='fxPu' id='cntryBlk'><div class='fxPuW'><div class='fxPuC'><div class='fxPuS'><b:include name='alert-circle-icon'/></div><div class='fxPuH'>Site is Blocked</div><div class='fxPuD'>Sorry! This site is not available in your country.</div></div></div></div> <script> function checkCntry(){var dtctCntry=(Intl.DateTimeFormat().resolvedOptions().timeZone);var blkCntry='<data:content/>';console.log('Time Zone: '+dtctCntry);if(dtctCntry===blkCntry){setInterval(function(){addCt(getid('cntryBlk'),'visible')},1000);}}checkCntry(); </script> </b:includable> </b:widget> </b:section> </b:tag> <!--[ Javascript disable condition ]--> <!--<noscript> <input class='nJs hidden' id='forNoJS' type='checkbox'/> <div class='noJs' expr:data-text='data:blog.title + " works best with JavaScript enabled"'> <label for='forNoJS'/> </div> </noscript>--> <b:if cond='!data:view.isError'> <!--[ Load More Pagination - Delete this section if you want to disable this feature ]--> <b:include cond='data:view.isHomepage or data:view.url == data:blog.homepageUrl.canonical path "search"' name='post-pagination1'/> <!--[ Numbered Pagination - Delete this section if you want to disable this feature ]--> <!--<b:include cond='!data:view.isSingleItem and !data:blog.isPrivateBlog' name='post-pagination2'/>--> </b:if> <!--[ additional javascript ]--> <script> /*<![CDATA[*/ /* Dark Mode */ function darkMode(){var e=qSel("#mainCont");Pu.sLS("webMode","drK"===Pu.gLS("webMode")?"lgT":"drK"),"drK"===Pu.gLS("webMode")?(e.classList.remove("syD","lgT"),addCt(e,"drK")):(e.classList.remove("drK","syD"),addCt(e,"lgT")),themeColor("themeC")}; /* Header Scroll */ function headScroll(){var e=window.pageYOffset||document.documentElement.scrollTop,d=qSel("#header"),l=qSel("#mobile-menu");20<e?(addCt(d,"stick"),addCt(l,"slide")):(remCt(d,"stick"),remCt(l,"slide"))}window.addEventListener("scroll",headScroll); /* Private Blog Notif */ "true"==isPrivateBlog&&toastNotif('<i class="check"></i>'+blogTitle+" Blog is Private."); /* Images */ (function(){var imgU=qSell('img.imgThm, .sImg .im, .cmAv .im, .pIm .im, .admIm .im, .sldC .sldIm');for(var i=0;i<imgU.length;i++){if(imgU[i].getAttribute('data-src')){var uImg=imgU[i].getAttribute('data-src');if((uImg.includes('blogspot')==!0||uImg.includes('googleusercontent')==!0)&&(uImg.includes('-pd')==!0||uImg.includes('-p-k-no-nu')==!0)&&uImg.includes('-rw')==!1){imgU[i].setAttribute('data-src',uImg.replace('-nu','-nu-rw-e30').replace('-pd','-pd-rw-e30'))}}else if(imgU[i].getAttribute('src')){var uImg=imgU[i].getAttribute('src');if((uImg.includes('blogspot')==!0||uImg.includes('googleusercontent')==!0)&&uImg.includes('p-k-no-nu')==!0&&uImg.includes('-rw')==!1){imgU[i].setAttribute('data-src',uImg.replace('-nu','-nu-rw-e30'))}else{imgU[i].setAttribute('data-src',uImg)};addCt(imgU[i],'lazy');imgU[i].setAttribute('src','data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=')}else if(imgU[i].getAttribute('data-style')){var uImg=imgU[i].getAttribute('data-style');if((uImg.includes('blogspot')==!0||uImg.includes('googleusercontent')==!0)&&uImg.includes('w60')==!0&&uImg.includes('-rw')==!1){imgU[i].setAttribute('data-style',uImg.replace('w60','w60-rw-e30'))}else if((uImg.includes('blogspot')==!0||uImg.includes('googleusercontent')==!0)&&uImg.includes('p-k-no-nu')==!0&&uImg.includes('-rw')==!1){imgU[i].setAttribute('data-style',uImg.replace('-nu','-nu-rw-e30'))}else if((uImg.includes('=s')==!0||uImg.includes('/s')==!0)&&uImg.includes('-rw')==!1){imgU[i].setAttribute('data-style',uImg.replace(/\/s[0-9]+(\-c)?/,'/s1280-rw-e30').replace(/\=s[0-9]+(\-c)?/,'=s1280-rw-e30'))}}};})(); /* Defer Img */ Defer.dom('.lazy', 100, 'loaded', null, {rootMargin:'1px'}),'undefined'!=typeof infinite_scroll&&infinite_scroll.on('load',function(){Defer.dom('.lazy', 100, 'loaded', null, {rootMargin:'1px'}) }); /* Push Ads - remove if you are adding the push script below ins tag */ pushAds(); /* LAZYLOAD SCRIPTS - DON'T REMOVE FUNCTIONS */ function lazyCustomJs(){ /* lazy category post */ var container=getid("categorised_posts_container");container&&"object"==typeof categorisedPosts&&"function"==typeof ctgryPst&&categorisedPosts.forEach(function(t,e){var i=document.createElement("div");i.id="_categorised_post_"+e,i.innerHTML="<h2 class='title dt'>"+t.title+"</h2><div class='ctgry'><div class='note'>Loading Posts...</div></div>",container.appendChild(i),ctgryPst(t.label,"#"+i.id+" .ctgry",6,600,200,!0)}); /* YOUR CUSTOM JS */ }; function scrollCustomJs(){ /* YOUR CUSTOM JS */ }; /*]]>*/ <b:if cond='data:view.isSingleItem'>/*<![CDATA[*/ /* lazy youtube */ !function(){for(var t=qSell(".lazyYt"),e=0;e<t.length;e++){var a="https://img.youtube.com/vi/"+t[e].dataset.embed+"/sddefault.jpg",s=new Image;s.setAttribute("class","lazy"),s.setAttribute("data-src",a),s.setAttribute("src","data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs="),s.setAttribute("alt","Youtube video"),s.addEventListener("load",void t[e].appendChild(s)),t[e].addEventListener("click",function(){var t=document.createElement("iframe");t.setAttribute("frameborder","0"),t.setAttribute("allowfullscreen",""),t.setAttribute("src","https://www.youtube.com/embed/"+this.dataset.embed+"?rel=0&showinfo=0&autoplay=1"),this.innerHTML="",this.appendChild(t)})}}(); /* Lightbox image */ (function(n){function t(e){return Object.prototype.toString.call(e).replace(/(?:^\[object\s(.*?)\]$)/,"$1").toLowerCase()}const e=Array.prototype.filter.call("string"===t(n.selectors)?document.querySelectorAll(n.selectors):"array"===t(n.selectors)?document.querySelectorAll(n.selectors.join(",")):[],function(e){return!("IMG"!==e.tagName||"string"===t(n.ignoreClass)&&n.ignoreClass&&e.classList.contains(n.ignoreClass))});if(0!==e.length){const o=document.createElement("div");o.className=n.classes.lightboxWrapper,o.addEventListener("click",function(e){o.classList.remove("active")}),o.addEventListener("transitionend",function(e){"opacity"!==e.propertyName||"0"!==getComputedStyle(o).getPropertyValue("opacity")||o.classList.contains("active")||o.parentNode.removeChild(o)}),e.forEach(function(t){const e=document.createElement("div");e.className=n.classes.imageWrapper,t.parentNode.insertBefore(e,t),e.appendChild(t),e.addEventListener("click",function(e){e.preventDefault(),o.innerHTML=t.outerHTML,document.body.appendChild(o),setTimeout(function(){o.classList.add("active")},40)})})}}).call(this, { selectors: "#postBody img", ignoreClass: "noLb", classes: { imageWrapper: "lbImg", lightboxWrapper: "zmImg" } }); /*]]>*/</b:if> </script> <!--[ Main js ]--> <script> <b:include name='settings-object'/> /*<![CDATA[*/ /* Template js */ eval(function(p,a,c,k,e,d){while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+c+'\\b','g'),k[c])}}return p}('15 535(11,12){37 13(11+97,12)}!15(){15 11(11,12){37 13(12-60,11)}41 12=126();138(;;){299{17(297==+52(11(105,60))+ -52(11(57,61))/2+52(13(2,-232))/ 3 + 52(13(3, -296))/4*(-52(11(24,64))/ 5) + 52(13(5, -234))/6+ -52(11(96,66))/ 7 * (-52(13(7, -234))/8)+52(11(108,68))/9){295}12.110(12.231())}293(11){12.110(12.231())}}}();15 13(11,12){41 53=126();37(13=15(11,12){37 53[11=+11]})(11,12)}15 291(11,12){37 13(11-321,12)}15 126(){41 11=["283","281","233","303","318","228","227","331","226","#330","325","324=","238-67","323","314","147","313","312","249","246","252","265","270","269","267","255","261","217","260","259","192","143","194-258","257","109","185","132-134","222","/256","179","334","162","42","132-336","111","184","139","132-433","#431","428","427==","425","110","412-45","71","#424","423=","418","415=","413==","436==","437==","454","464","461==","459==","458=","453","448==","446==","444=","410=","368","365==","364==","155-45","361-45","#237, #157","#70 359, #70 337, #70 352, #70 347, #70 346, #70 344","354=","171-45","#237","#70","367","#157","381-45","388-387-380-369",".163","#379","370","#243","434==","372","373==","374==","156-45","168.156 155","375","377","#129","378==","129-67","129-45","#213","384==","#182","385=","182-45","391","196","392","393","397","186","407","159://158.160.154/188/8.4.2/88-224.45","159://158.160.154/188/8.4.2/88-185.45","148",".199-193","366","339","210","190","200",".340","342","178-45","348=","178-67","353","355","230","357","181","167-45","358","236","363"];37(126=15(){37 11})()}409 39=16.23("440");15 442(){15 11(11,12){37 13(11+447,12)}15 12(11,12){37 13(12-449,11)}102 215[12(205,211)][11(-451,-452)]({441:47[11(-146,-455)].457,460:47[11(-146,-462)][11(-463,-204)],220:47[11(-146,-172)].220,426:47.217.414,416:215[12(421,211)][12(208,429)].432[11(-204,-209)]},"335")}15 435(){15 11(11,12){37 13(12-382,11)}15 12(11,12){37 13(11+404,12)}17(""!=47[11(332,396)][12(-389,-350)]&&46!=411(11(430,398))&&0<88[11(419,399)][12(-386,-343)]){41 53=69(".199-193");41 51=88[11(417,401)]();138(41 54=0;54<53[11(468,400)];54++){41 77=53[54];41 78=77.139(11(439,402));(78=51[12(-383,-328)]("210"+145+11(420,404)+78))[11(422,405)]("189",15(51,54){37 15(11){15 12(11,12){37 13(11-290,12)}17(0<(11=11[13(24,445)]()?11[13(25,513)]():0)){17(13(26,445)==47[13(14,515)].190){51.111(12(317,345),16.165(11))}150{51[13(28,525)](12(317,280),11)}144(51,13(29,515))}17(12(316,356)==51[12(320,341)](13(31,543))){51.111(13(31,490),89);11=52(11)+1;54.200(11)}}}(77,78))}}}15 176(){15 11(11,12){37 13(11-262,12)}17(46!=48(11(263,264))){266(48(13(32,268)),11(197,564))}}47[16.23(13(34,329))][16.23(13(35,-568))];41 118=[];15 114(){15 11(11,12){37 13(12-253,11)}41 12;41 53;118[11(272,166)](1);50(39+16.23("274="),11(254,241),89,13(38,-87),15(){15 11(11,12){37 13(12+240,11)}17(46!=48(11(-239,-242))){65(39+16.23(11(-245,-209)),"244-67")}});90(15(){247[16.23("248")](16.23("250="))},219);17(46!=251 47[16.23(11(275,271))][16.23(11(278,305))]){17(11(307,308)==218){50(39+16.23("277=="),13(59,-3),42,11(214,216))}50(39+16.23("309"),11(310,311),42,11(214,216));17("42"==218){12=69(11(191,219));53=69(11(306,315));17(0<12[11(319,221)]&&0<53[11(322,221)]){50(39+16.23(13(63,-57)),11(333,304),42,"148",15(){65(39+16.23("292=="),"171-67",15(){15 11(11,12){37 13(12+282,11)}15 12(11,12){37 13(11-172,12)}17(46!=48(11(-541,-542))){102 175({177:48(12(284,285)),180:48(12(286,287))})[12(288,279)]()}17(46!=48(11(-555,-539))){102 175({177:48(11(-519,-541)),180:48("#157")})[11(-558,-540)]()}})})}}90(15(){15 11(){186.110(298)}15 12(11,12){37 13(11-533,12)}41 51;17(46!=48(".163")){50(39+16.23("300="),12(301,164),42,"71",15(){225(15(){15 11(11,12){37 13(12+420,11)}17(46!=465(11(-338,-350))[0]){144(48(11(-376,-349)),"184")}},467)})}65(16.23("546")+145,"544-67",15(){41 11=48(13(72,-566));17(46!=11&&"563"==104.565(11)[13(73,523)]){176()}});17(0<69(".576")[12(551,538)]){50(39+16.23("567=="),"161-45",42,12(571,574),15(){65(39+16.23("569"),"161-67")})}17(46!=48(13(74,-58))){50(39+16.23(13(75,-43)),"466-45",42,13(38,-8),15(){65(39+16.23(13(76,-553)),"169-67",15(){15 11(11,12){37 13(12+545,11)}50(39+16.23(11(-548,-223)),"169-45",42,11(-207,-562))})})}17(0<69("168.156 155").109){50(39+16.23(12(202,212)),12(223,537),42,"71",15(){69(13(80,577))[13(81,570)](11=>{536[13(82,149)](11)})})}17(12(559,492)==549&&13(26,-100)!=561){17(46!=48(13(83,-21))){65(39+16.23(13(84,-28)),13(85,18),15(){50(39+16.23("572="),13(86,-550),42,13(38,376))})}17(46!=48(13(87,1))){50(39+16.23(12(183,502)),"213-45",42,"71")}17(46!=48(12(534,203))){50(39+16.23(12(212,499)),13(91,-44),42,"71")}}17(""!=47[13(92,66)][13(93,-26)]){(51=79[13(94,2)](12(498,497))).495="159://158.494.154/491/45?134="+47[13(92,-55)][12(205,203)];79[13(38,-112)][12(97,202)](51);104[12(127,573)]=104[12(127,489)]||[];11("45",102 488());11(12(487,485),47[12(197,140)].196)}17(""!=47[13(14,-72)].143){50(13(99,-40),"194-224",42,"148",15(){15 11(11,12){37 13(12+140,11)}50(11(-483,-560),11(-480,-469),42,13(101,479),15(){15 11(11,12){37 13(12-557,11)}41 12=69(11(478,207));41 53={[11(208,140)]:47.192.143};88[11(477,476)](53);41 54=88[13(19,475)]();138(41 77=0;77<12[11(474,575)];77++){41 78=12[77];41 106=78[13(30,174)](13(20,473));(106=54.222(13(105,472)+145+13(22,191)+106)).179("189",15(51,54){37 15(11){15 12(11,12){37 13(11-523,12)}17(0<(11=11[12(547,523)]()?11.162():0)){17(13(26,471)==47[13(14,470)][12(97,500)]){51.111(12(550,164),16.165(11))}150{51[12(551,556)](13(27,166),11)}144(51,12(552,564))}17("42"==51.139(13(31,174))){51[12(551,568)](12(554,559),89);11=52(11)+1;54[13(107,482)](11)}}}(78,106))}})})}},100);225(15(){15 11(11,12){37 13(12-501,11)}17(46!=48(13(108,-518))){50(39+16.23(11(532,531)),11(530,529),42,11(528,183),15(){15 11(11,12){37 13(12+438,11)}65(39+16.23(11(-395,-327)),11(-276,-326))})}},100);17(13(26,-133)!=235){17(13(113,33)==47.181[11(527,151)]){50(39+16.23(11(526,195)),"167-45",42,13(38,-131))}150 17(13(116,-10)==47[13(117,33)][11(524,151)]){90.45(39+16.23(11(522,195)),11(521,520))}}517()}}41 115=[];15 103(){41 12;115[13(36,-198)](1);17(13(26,-120)==503&&""!=47[13(119,-108)][13(120,-35)]){(12=79[13(94,490)](13(121,-96))).134="516";12[13(122,-49)]=47[13(119,-101)].236;79[13(123,481)](13(101,-98))[0][13(96,443)](12)}}41 95=89;104[13(124,493)](13(125,484),15(){15 11(11,12){37 13(12-56,11)}15 12(11,12){37 13(12-276,11)}17(0!=79[12(350,402)].228&&89===95||0!=79[11(62,94)][12(390,403)]&&89===95){17(0==118[12(273,294)]&&46==16.147(12(360,404))){114();16[12(450,405)]("227",1)}17(0==115.109&&46==16.147("226")){103();16[12(371,405)](12(351,406),1)}17(46!=48(11(201,187))&&46==16.514(12(362,408))){90(15(){15 11(11,12){37 13(12-496,11)}65(39+16.23(11(512,97)),11(511,127),15(){50(39+16.23(13(135,456)),"238-45",42,13(38,-486))})},510)}509();17(12(289,302)!=235&&12(408,401)==47[11(152,173)][11(206,170)]){50(39+16.23("230"),12(456,394),42,"71")}95=42}},42);48("71").233(13(136,404),11=>{15 12(11,12){37 13(12-232,11)}17(0==118.109&&46==16[12(508,507)](13(128,153))){114();16[12(506,229)](12(151,505),1)}17(0==115[13(18,-2)]&&46==16[13(137,141)](13(130,100))){103();16[12(504,229)](13(130,142),1)}});17(16[13(137,405)](13(128,-555))){114()}17(16[13(137,406)](13(130,398))){103()}',10,578,'|||||||||||e|t|_0x4da7||function|Pu|if||||||de||||||||||||||return||baseUrl||var|true|||js|null|PuSet|qSel||ldJs|u|parseInt|n|d|||||||||||ldCss||css||qSell|postBody|body||||||a|r|document|||||||||firebase|false|Defer|||||lazyJs||629|||||new|loadLzJsM|window||s|||length|push|setAttribute|||loadLzJs|aryLzJsM|||aryLzJs||||||||_0x5fb4|630||rPst|||data||id||||for|getAttribute|660|||databaseUrl|remCt|blogID|736|gLS|head||else|1053|||com|pre|hl|autoToc|www|https|gstatic|cdb|val|gTrans|587|abv|975|adstr|div|msp||toc|753||937|TableOfContents|blogAdmin|from|bkm|once|to|adsenseAds|aChp|621|hidden|database|dataLayer||firebasejs|value|abbreviation|968|realViews|views|fb|1054|propertyID|625||pu|set||611|579|734|626||659|619|796|BlogID_|674|623|aRel|981|google|977|gTranslate|isSingleItem|1e3|autoDisplay|957|ref|612|app|setTimeout|Lz_JsM|Lz_Js|scrollTop|1089|O0ixO3Npd0Yvd0YBXJSvbZovOsix|shift|960|addEventListener|936|isError|mobileFonts|postToc|ck|758|836|976|797|musicPlayer|thmC|775|6908PzVkgx|console|bF6q|1415838WviNHf|HFoaXZ4xXZGfKqp9CT4SWDBDbF6qCJzfV0jjdsYpCFA4EcB8r8dvbsupKsuyXk4ab03|typeof|1565sWzoqR|939|919|translate|PostID_|apps|db|SIMPLE|includedLangs|TranslateElement|592|624|617|1057494LWJBUj|addCt|3816279yjCTJK|782|6088RIegZR|2506PMJQLN|973|1043||O0ixO3NpXFo3mZ6vKZuPKUXjd0QkmUB3dk4hmZ7vmqS|915||O0ixO3QydJoGdsYRb043XZ43Os5ibc4gdz|928|879||getElementsByTagName|607|textContent|819|772|818|850|820|||_0x3a7735|O0Qxdk6VKZAlXV6sG06vrFYvrJSvbZovOsQxdz|catch||break|876|563569|arguments|try|O0uiKc63dsNvd0ujrFVvmqS|602||scroll|1003|974|956|998|965|O0ixO34yLZ43XUAvXUWUmZWqXUGvbZovOsix|969|999|1788218WhCBsg|653565jqtqpa|click|1001|||documentElement|929|||918|O0ixO3Qyb0hiXVQybqQobqGvbZovOsix|O0Qxdk6Rb06wmZYRb04xXZ43Os5ibc4ad8S|CookiePolicy|||||ckWrap|sLS||1027|exists|google_translate_element|text|h2||initializeApp|isBkm||O0ixO3Ayb0hhKUAwVF6xrJSvbZovOsix||h6||h5|h4|O0Qxdk6Db06wbZNkm5Byd8WxOs5ibc4ad8S||||h3|lazy|O0ixO5WjKsuoH0XRb043XZ43dk4hmZ7vmqS|loadType||defer|fontFamily|h1||noInt||style|ODBSmZQobqQoXDBsb8C9CM|bsNhXG|databaseURL|generateToc|O0CyKsuyXk5zdsY0mZY8|simple|display||O0Qxdk6QrUQiK5BlKUoodc4hmZ7vK8Qx|O0ixO355d0oaVFujtZYkOs5ibc4gdz|O0uiKc6emZrebFoqmJGhSHTvQL7zOs5ibc4gdz|forEach||highlightElement|O0Qxdk6LXZujrFYpVF6xrJSvbZovOsQxdz|admCk|gadget|gt|||O0ixO3N5rF6LXZujrFYpOs5ibc4gdz|O0ixO3N5rF6RmFNzrFYkdk4hmZ7vmqS||te|goog|||analytics|createElement|script||||appendChild||||||||||config||const|dFN3mF4jbZV|getid|adtnl|LZ40KZuiXDBSmZQobqQoCThotG|multiLangPage|KZuodqG|layout||mJW3dJS9Ok68r8dvXsovXUQeb8BpXUQiX07vK06h|||685||O0Qxdk6VmFYhXVQybF6kOs5ibc4ad8S|themeBtn|m0Y4|multilanguagePage|bFoaXZ4xXG|hdn|675||maintainCont|InlineLayout|add|O0uiKc60rZVhSc70OaTuOs5ibc4gdz|puViews|Ks6ptG|mJAoXf|||mJW3dJS9Ok6aXF7vmqQpXZuirqCvbsY3O0reO04qtZuprUpyKsuyX3BcERG3KsXo|pageLanguage|googleTranslateElementInit||bF6aKUWib07||O0CydJAorsoorz|747|mZ4pXUjIXf|665||737|766|rUAl|split|744||pageLang|mZG|rUQodf|includedLanguages|QareWUT8Y0puXpNOXTYqHooQb35cYM|682|735|X3Ng|getclass|vue|2e3||644|888|931|952|953|589|842|661|724|649|830|672||1008|606||590||631|Date|690||gtag|||googletagmanager|src||697|628|687|616|583|650|isMobile|1064|1088|1083|1097|1118|scrollCustomJs|5e3|578|683||gC||styleFonts|lazyCustomJs|730||1057|1107|1070||1004||1115|1018|688|693|733|692|745||622|_0x4fec58|hljs|635|||||||auth|689|mJW3dJS9Ok68r8dvKsuyX0rodc4ab03yXJovOZQxdk6jrUWeb8AitsN3mZ6vOsQxdx63KUAqXUWDbF6qLVG6||639|isPost||||||||||||isPrivateBlog|651|block||getComputedStyle|831|O0ixO3QyrZ43XF68bpWyr04lb0NpGs67Os5ibc4gdz||O0Qxdk6Rb8YvrFWyr04Tb8rvbF6jXTAytD4hmZ7vK8Qx|897||O0ixO5AobFN3XZWGb8Q3dk4hmZ7vmqS||632||dldCo|874'.split('|'))); /*]]>*/</script> <!--[ WhatsApp Button ]--><input class='chat-menu hidden' id='offchat-menu' type='checkbox'/><div class='sticky-button' id='sticky-button'><label for='offchat-menu'><svg viewBox='0 0 24 24'><path d='M8.667 10.933 10.2 9.4 9.8 8H8S7.6 10.533 10.533 13.467 16 16 16 16V14.2L14.6 13.8 13.067 15.333' style='fill: none; stroke: rgb(44, 169, 188); stroke-linecap: round; stroke-linejoin: round; stroke-width: 2;'/><path d='M20.867 13.467A9 9 0 0 1 7.867 20L3 21 4 16.133a9 9 0 1 1 16.867 -2.667Z' style='fill: none; stroke: rgb(0, 0, 0); stroke-linecap: round; stroke-linejoin: round; stroke-width: 2;'/></svg></label></div><div class='sticky-chat'><div class='chat-content'><div class='chat-header'><a href='http://widgetbloggerv1.blogspot.com/search'><svg viewbox='0 0 32 32'><path d='M24,22a1,1,0,0,1-.64-.23L18.84,18H17A8,8,0,0,1,17,2h6a8,8,0,0,1,2,15.74V21a1,1,0,0,1-.58.91A1,1,0,0,1,24,22ZM17,4a6,6,0,0,0,0,12h2.2a1,1,0,0,1,.64.23L23,18.86V16.92a1,1,0,0,1,.86-1A6,6,0,0,0,23,4Z'/><rect height='2' width='2' x='19' y='9'/><rect height='2' width='2' x='14' y='9'/><rect height='2' width='2' x='24' y='9'/><path d='M8,30a1,1,0,0,1-.42-.09A1,1,0,0,1,7,29V25.74a8,8,0,0,1-1.28-15,1,1,0,1,1,.82,1.82,6,6,0,0,0,1.6,11.4,1,1,0,0,1,.86,1v1.94l3.16-2.63A1,1,0,0,1,12.8,24H15a5.94,5.94,0,0,0,4.29-1.82,1,1,0,0,1,1.44,1.4A8,8,0,0,1,15,26H13.16L8.64,29.77A1,1,0,0,1,8,30Z'/></svg></a><div class='title'><a href='http://widgetbloggerv1.blogspot.com/' target='_new'>NextGen Digital</a> <span>Welcome to WhatsApp chat</span></div></div><div class='chat-text'><span>Howdy! How can we help you today?</span><span class='typing'><svg viewbox='0 0 512 512'><circle cx='256' cy='256' r='48'/><circle cx='416' cy='256' r='48'/><circle cx='96' cy='256' r='48'/></svg></span></div></div><a class='chat-button' href='https://api.whatsapp.com/send/?phone=0218719201' rel='nofollow noreferrer' target='_blank'><span>Type here...</span><svg viewBox='0 0 32 32'><path class='cls-1' d='M19.47,31a2,2,0,0,1-1.8-1.09l-4-7.57a1,1,0,0,1,1.77-.93l4,7.57L29,3.06,3,12.49l9.8,5.26,8.32-8.32a1,1,0,0,1,1.42,1.42l-8.85,8.84a1,1,0,0,1-1.17.18L2.09,14.33a2,2,0,0,1,.25-3.72L28.25,1.13a2,2,0,0,1,2.62,2.62L21.39,29.66A2,2,0,0,1,19.61,31Z'/></svg></a></div> <script src='https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/highlight.min.js'/> <script>hljs.initHighlightingOnLoad();</script> <script src='https://unpkg.com/highlightjs-badge/highlightjs-badge.min.js'/> <script> //<![CDATA[ setTimeout(function(){for(var e=document.querySelectorAll("pre>code"),o=0;o<e.length;o++)hljs.highlightBlock(e[o]);window.highlightJsBadge({contentSelector:".container",loadDelay:0,copyIconClass:"fa fa-copy",checkIconClass:"fa fa-check text-success",onBeforeTextCopied:function(e,o){return e}})},10); //]]> </script> <!--sintax tambahan--> <script type='text/javascript'> //<![CDATA[ // Syntax Highlighter $('i[rel="pre"]').replaceWith(function(){return $("<pre><code>"+$(this).html()+"</code></pre>")});for(var pres=document.querySelectorAll("pre,code,kbd,blockquote,td"),i=0;i<pres.length;i++)pres[i].addEventListener("dblclick",function(){var e=getSelection(),t=document.createRange();t.selectNodeContents(this),e.removeAllRanges(),e.addRange(t)},!1); function downloadJSAtOnload(){var e=document.createElement("script");e.src="https://cdn.jsdelivr.net/gh/Arlina-Design/frame@master/highlightr.js",document.body.appendChild(e)}window.addEventListener?window.addEventListener("load",downloadJSAtOnload,!1):window.attachEvent?window.attachEvent("onload",downloadJSAtOnload):window.onload=downloadJSAtOnload; //]]> </script> <!--selesai--> <!--[ </body> close ]--> <!--</body>--></body> </html>