WhiteUi v1.6.9 Blogger theme paid Theme
<?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='en' 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/a/AVvXsEiqUH05UAnidzbwf_uejbdZW7b1Lpw7qCnFmKHdWxuUXHM5GjCc7SKLME3QiTZ8kV9loo5zqUXANb-08bXTB8H1YmUZABE7deBVD-YKOe3rANPT3ltjZx1AeyWkROfsNpNlzzNegMxAPYMla-AVIc1SbUtePOGw6tOqD4OKn_uLNRw1nNXw_4N3rRSxaLIK' property='og:image'/>
</b:if>
</b:if>
<b:if cond='data:view.isMultipleItems'>
<meta content='https://blogger.googleusercontent.com/img/a/AVvXsEiqUH05UAnidzbwf_uejbdZW7b1Lpw7qCnFmKHdWxuUXHM5GjCc7SKLME3QiTZ8kV9loo5zqUXANb-08bXTB8H1YmUZABE7deBVD-YKOe3rANPT3ltjZx1AeyWkROfsNpNlzzNegMxAPYMla-AVIc1SbUtePOGw6tOqD4OKn_uLNRw1nNXw_4N3rRSxaLIK' 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='Arslan Ashraf' name='Author'/>
<link href='https://www.facebook.com/' rel='me'/>
<link href='https://www.facebook.com/' rel='author'/>
<link href='https://www.facebook.com/' rel='publisher'/>
<meta content='Xxxxxxxxxxxxxxxxxx' property='fb:admins'/>
<meta content='Xxxxxxxxxxxxxxxxxx' property='fb:pages'/>
<meta content='Xxxxxxxxxxxxxxxxxx' property='fb:app_id'/>
<meta content='https://www.facebook.com/Xxxxxxxxxxxxxxxxxx' property='article:author'/>
<meta content='https://www.facebook.com/Xxxxxxxxxxxxxxxxxx' 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='India' 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='' name='google-site-verification'/>
<meta content='' name='msvalidate.01'/>
<meta content='' name='p:domain_verify'/>
<meta content='' name='majestic-site-verification'/>
<meta content='Arslan Ashraf' 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="$(color) url() no-repeat scroll center 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="#161617"/>
<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="#005af0"/>
</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 : White UI
Version : 1.6
Date : June 16, 2022
Demo : https://whiteui.blogspot.com/
Type : Premium
Designer : Arslan Ashraf
============================================================================
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.
============================================================================
*/
body#layout{width:922px}
body#layout .mainContainer{display:flex;}
body#layout .header{width:50%}
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}
/*
* The Typekit service used to deliver this font or fonts for use on websites
* is provided by Adobe and is subject to these Terms of Use
* http://www.adobe.com/products/eulas/tou_typekit. For font license
* information, see the list below.
*
* objektiv-mk1:
* - http://typekit.com/eulas/00000000000000003b9add1d
* - http://typekit.com/eulas/00000000000000003b9add20
* - http://typekit.com/eulas/00000000000000003b9add21
* - http://typekit.com/eulas/00000000000000003b9add23
*
* © 2009-2021 Adobe Systems Incorporated. All Rights Reserved.
*/
/*{"last_published":"2018-07-13 12:06:46 UTC"}*/
@import url("https://p.typekit.net/p.css?s=1&k=zhk0dtj&ht=tk&f=26963.26966.26968.26969&a=683104&app=typekit&e=css");
@font-face {
font-family:"objektiv-mk1";
src:url("https://use.typekit.net/af/f6162d/00000000000000003b9add1d/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2"),url("https://use.typekit.net/af/f6162d/00000000000000003b9add1d/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff"),url("https://use.typekit.net/af/f6162d/00000000000000003b9add1d/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:300;
}
@font-face {
font-family:"objektiv-mk1";
src:url("https://use.typekit.net/af/9bda67/00000000000000003b9add20/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/9bda67/00000000000000003b9add20/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/9bda67/00000000000000003b9add20/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:400;
}
@font-face {
font-family:"objektiv-mk1";
src:url("https://use.typekit.net/af/3f32fc/00000000000000003b9add21/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"),url("https://use.typekit.net/af/3f32fc/00000000000000003b9add21/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff"),url("https://use.typekit.net/af/3f32fc/00000000000000003b9add21/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:500;
}
@font-face {
font-family:"objektiv-mk1";
src:url("https://use.typekit.net/af/8adee8/00000000000000003b9add23/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/8adee8/00000000000000003b9add23/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/8adee8/00000000000000003b9add23/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:700;
}
.tk-objektiv-mk1 { font-family: "objektiv-mk1",sans-serif; }
/* Main Font */
@font-face{font-family:'arcon';src:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/199011/arcon-regular-webfont.eot);src:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/199011/arcon-regular-webfont.eot?#iefix) format("embedded-opentype"),url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/199011/arcon-regular-webfont.woff2) format("woff2"),url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/199011/arcon-regular-webfont.woff) format("woff"),url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/199011/arcon-regular-webfont.ttf) format("truetype"),url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/199011/arcon-regular-webfont.svg#arconregular) format("svg");font-weight:400;font-style:normal}
@font-face{font-family:Sofia Pro;src:url("https://d33wubrfki0l68.cloudfront.net/d6a243b3f785a25f244c53d589a75d04ead202c2/a9220/static/sofiapromedium-9749e8d302d7d4c72f10dbc1c7823407.eot");src:local("Sofia Pro Medium"),local("SofiaProMedium"),url("https://d33wubrfki0l68.cloudfront.net/d6a243b3f785a25f244c53d589a75d04ead202c2/a9220/static/sofiapromedium-9749e8d302d7d4c72f10dbc1c7823407.eot#iefix") format("embedded-opentype"),url("https://d33wubrfki0l68.cloudfront.net/c07191f0a53466930355f140826575d77f92a001/f1bd6/static/sofiapromedium-e12ea758d1165cfc4c3a3b7ce8d21e84.woff2") format("woff2"),url("https://d33wubrfki0l68.cloudfront.net/6dbf6019199a14a8d794376e7d016e6ad1162f93/def97/static/sofiapromedium-2f46a1f8aa21a1a14db85aa4d3872ede.woff") format("woff"),url("https://d33wubrfki0l68.cloudfront.net/0eefbc3d8cf460fd5e69cf7ddbb9042dd956f3f2/e5a01/static/sofiapromedium-6e41a9e8391e43459371934ce9f98e28.ttf") format("truetype");font-weight:500;font-style:normal}
@font-face{font-family:Sofia Pro;src:url("https://d33wubrfki0l68.cloudfront.net/dd6de820734fa07ff7588840990c15cd859c8f09/18a7e/static/sofiaprobold-0d34d363f12f4ec436f1a7089f6e6311.eot");src:local("Sofia Pro Bold"),local("SofiaProBold"),url("https://d33wubrfki0l68.cloudfront.net/dd6de820734fa07ff7588840990c15cd859c8f09/18a7e/static/sofiaprobold-0d34d363f12f4ec436f1a7089f6e6311.eot#iefix") format("embedded-opentype"),url("https://d33wubrfki0l68.cloudfront.net/b5e7197f03aaed3a5ef612fc90b93f4d3d12833c/87eb1/static/sofiaprobold-7fb52277f0a1e8763534a38df07abf15.woff2") format("woff2"),url("https://d33wubrfki0l68.cloudfront.net/f545e635100b5f96fc007ed134d82ac811784cfe/024fc/static/sofiaprobold-8f7460a773b621ec62df198b8cdb0704.woff") format("woff"),url("https://d33wubrfki0l68.cloudfront.net/f6a41518fe7f8d74fe23f0dd8d832e9d659f935d/bf5fa/static/sofiaprobold-b053c4992e8431e47a4669422a03ee8d.ttf") format("truetype");font-weight:700;font-style:normal}
@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');}
/* Font Arab */
@font-face {font-family: KFGQPC Uthman Taha Naskh Bold;font-display: swap;src: url('https://cdn.statically.io/gh/imansani93/idnxmus-html/090d0692/UTHMANTN1B%20VER10_0.OTF') format('opentype');font-weight: bold;font-style: normal;}
.arab {font-size:26px;line-height:2;font-family:KFGQPC Uthman Taha Naskh Bold;font-weight:normal;text-align:right;direction:rtl;margin:25px 0;}
ul.credit li{margin-bottom:6px;}
ul.credit{font-family:'objektiv-mk1';line-height:1.3em;font-size:11px;padding:0;list-style:none;font-style:italic;color:#989B9F;margin:1.5em 0}
ul.credit:before{content:'Sumber Referensi :';display:block;margin-bottom:6px;font-weight:600;font-style:normal;font-size:12px}
.i-love{color:red}
/* Standar Element */
*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}
h1, h2, h3, h4, h5, h6{margin:0;font-weight:700;font-family:Sofia Pro, sans-serif;color:#333333} 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}
a{color:#6C6CE5;text-decoration:none} a:hover{opacity:.7;transition:opacity .15s;-webkit-transition:opacity .15s}
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;vertical-align:baseline} img{display:block;position:relative;max-width:100%;height:auto}
svg{width:22px;height:22px;fill:#333333}
.dark-mode svg{fill:#c6c9ce}
svg.line .svg-c{fill:none;stroke:#6C6CE5}
svg.line, svg .line{fill:none!important;stroke:#161617;stroke-linecap:round;stroke-linejoin:round;stroke-width:1}
.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;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}
.free:after, .new:after{content:'Free!';color:var(--link-color);font-size:85%;font-weight:400;margin-left:5px} .new:after{content:'New!'}
article .info{background:#fff;padding:10px 15px;border-radius:4px;box-shadow:0 10px 20px 0 rgba(30,30,30,.04)}
.dark-mode article .info{background:#242526;box-shadow:0 6px 18px 0 rgba(23,23,26,0.02)}
.baca-juga{position:relative;padding-left:15px}
.baca-juga:before{content:'';position:absolute;left:0;top:0;display:block;width:4px;height:100%;border-radius:0 3px 3px 0;background:#F9CA24}
kbd{margin:0 0.1em;padding:0.12em 0.6em;border-radius:3px;border:1px solid rgb(204,204,204);color:rgb(51,51,51);font-family:Roboto;font-size:14px;display:inline;box-shadow:0 1px 0 rgba(0,0,0,0.2),inset 0 0 0 2px #ffffff;background-color:rgb(247,247,247);-moz-box-shadow:0 1px 0 rgba(0,0,0,0.2),0 0 0 2px #ffffff inset;-webkit-box-shadow:0 1px 0 rgba(0,0,0,0.2),0 0 0 2px #ffffff inset;-moz-border-radius:3px;-webkit-border-radius:3px;text-shadow:0 1px 0 #fff}
.dark-mode kbd{border:1px solid #161717;color:#B0B3B8;box-shadow:0 1px 0 #131414,inset 0 0 0 2px #242526;background-color:#1C1D1E;-moz-box-shadow:0 1px 0 #131414,0 0 0 2px #242526 inset;-webkit-box-shadow:0 1px 0 #131414,0 0 0 2px #242526 inset;text-shadow:0 1px 0 #131414}
a.ext{background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14,3V5H17.59L7.76,14.83L9.17,16.24L19,6.41V10H21V3M19,19H5V5H12V3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V12H19V19Z' fill='%2317BF63'/%3E%3C/svg%3E");background-color:transparent;background-repeat:no-repeat;background-position:center right;background-size:15px 15px;padding-right:18px}
/* Scrollbar Custom */
html, #nav-widget, .Blog pre, .Blog pre code{scrollbar-width:thin}
/* Sytax Highlighter */
.hljs,.hljs-subst,.hljs-tag{color:#eaebec}.hljs-emphasis,.hljs-strong{color:#a8a8a2}.hljs-bullet,.hljs-link,.hljs-literal,.hljs-number,.hljs-quote,.hljs-regexp{color:#ae81ff}.hljs-code,.hljs-section,.hljs-selector-class,.hljs-title{color:#a6e22e}.hljs-strong{font-weight:700}.hljs-emphasis{font-style:italic}.hljs-attr,.hljs-keyword,.hljs-name,.hljs-selector-tag{color:#f15a5a}.hljs-attribute,.hljs-symbol{color:#66d9ef}.hljs-class .hljs-title,.hljs-params{color:#f8f8f2}.hljs-addition,.hljs-built_in,.hljs-builtin-name,.hljs-selector-attr,.hljs-selector-id,.hljs-selector-pseudo,.hljs-string,.hljs-template-variable,.hljs-type,.hljs-variable{color:#e6db74}.hljs-comment,.hljs-deletion,.hljs-meta{color:#75715e}
article.post pre code:hover::-webkit-scrollbar-thumb {display:block}
article.post pre code::-webkit-scrollbar-thumb {display:none;background-color:rgba(65,72,67,.53)}
mark{padding:1px 6px;border-radius:2px;font-family:'Fira Mono', monospace;font-size: 15px}
code mark{font-size: 13px;margin: 2px;display: inline-block;}
pre code mark{margin:0;padding:0;border-radius:2px}
mark .hljs, mark .hljs-subst, mark .hljs-tag, mark .hljs-addition, mark.hljs-built_in, mark .hljs-builtin-name, mark .hljs-selector-attr, mark .hljs-selector-id, mark .hljs-selector-pseudo, mark .hljs-string, mark .hljs-attr, mark .hljs-template-variable, mark .hljs-type, .hljs-variable, mark .hljs-attribute,mark .hljs-symbol,mark .hljs-bullet,mark .hljs-link,mark .hljs-literal,mark .hljs-number,mark .hljs-quote,mark .hljs-regexp{color:#000}
.code-badge-copy-icon {
background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Crect height='13' rx='2' ry='2' width='13' x='9' y='9' fill='none' stroke='%23c6c9ce' stroke-width='1.6'%3E%3C/rect%3E%3Cpath d='M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1' fill='none' stroke='%23c6c9ce' stroke-width='1.6'%3E%3C/path%3E%3C/svg%3E");background-size: 55% 55%;background-repeat:no-repeat;background-position:center;cursor:pointer;padding:7px 15px;margin:-5px -8px;}
.code-badge > .code-badge-check-icon {
background: green;
}
.code-badge-check-icon {
cursor: pointer;
padding: 0 7px;
background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGFyaWEtaGlkZGVuPSJ0cnVlIiBmb2N1c2FibGU9ImZhbHNlIiBkYXRhLXByZWZpeD0iZmFzIiBkYXRhLWljb249ImNoZWNrIiBjbGFzcz0ic3ZnLWlubGluZS0tZmEgZmEtY2hlY2sgZmEtdy0xNiIgcm9sZT0iaW1nIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9IiYjMTA7ICAgIGNvbG9yOiAjMmFmZjMyOyYjMTA7Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0xNzMuODk4IDQzOS40MDRsLTE2Ni40LTE2Ni40Yy05Ljk5Ny05Ljk5Ny05Ljk5Ny0yNi4yMDYgMC0zNi4yMDRsMzYuMjAzLTM2LjIwNGM5Ljk5Ny05Ljk5OCAyNi4yMDctOS45OTggMzYuMjA0IDBMMTkyIDMxMi42OSA0MzIuMDk1IDcyLjU5NmM5Ljk5Ny05Ljk5NyAyNi4yMDctOS45OTcgMzYuMjA0IDBsMzYuMjAzIDM2LjIwNGM5Ljk5NyA5Ljk5NyA5Ljk5NyAyNi4yMDYgMCAzNi4yMDRsLTI5NC40IDI5NC40MDFjLTkuOTk4IDkuOTk3LTI2LjIwNyA5Ljk5Ny0zNi4yMDQtLjAwMXoiLz48L3N2Zz4=');
background-size: 100% 100%;
}
div#copyy i.code-badge-copy-icon:before {content:'Copy Code';font-style:normal;position:absolute;display:block;top:-20px;width:max-content;background:rgba(0,0,0,.57);color:#fff;border-radius:3px;right:0;padding:2px 6px;visibility:hidden;opacity:0;transition:all .2s ease}
div#copyy:hover i.code-badge-copy-icon::before{visibility:visible;opacity:1;top:-33px}
div#copyy i.code-badge-copy-icon:after{content:'';position:absolute;top:0;right:13px;border-left:solid transparent 4px;border-right:solid transparent 4px;border-top:solid rgba(0,0,0,.57) 4px;opacity:0;visibility:hidden;transition:all .2s ease}
div#copyy:hover i.code-badge-copy-icon::after{visibility:visible;opacity:1;top:-9.8px}
div#copyy i.code-badge-check-icon:before {content:'Code Copied!';font-style:normal;position:absolute;display:block;top:-33px;width:max-content;background:rgba(0,0,0,.57);color:#fff;border-radius:3px;right:0;padding:2px 6px;transition:all .2s ease}
div#copyy i.code-badge-check-icon:after{content:'';position:absolute;top:-9.8px;right:13px;border-left:solid transparent 4px;border-right:solid transparent 4px;border-top:solid rgba(0,0,0,.57) 4px;transition:all .2s ease}
.dark-mode div#copyy i.code-badge-copy-icon:before, .dark-mode div#copyy i.code-badge-check-icon:before{background:rgba(255,255,255,.06)}
.dark-mode div#copyy i.code-badge-copy-icon:after, .dark-mode div#copyy i.code-badge-check-icon:after{border-top:solid rgba(255,255,255,.06) 4px}
/* Parse Code */
.singleItem.post #parser{position:relative;margin-top:20px}
.singleItem.post #codes{border:1px solid #ededef;width:100%;height:150px;display:block;background-color:#fafafa;border-radius:4px;font:400 11px 'Fira Mono',monospace;resize:none;margin:0 0 10px;padding:10px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;box-shadow:none}
.singleItem.post #codes:active,#codes:focus{background-color:#f5f5f5;color:#444;outline:0}
.singleItem.post .btn-xs{font-family:'PT Sans';font-size:12px;line-height:1.5;border-radius:2px;padding:1px 5px;border:none;color:#fff;outline:0;cursor:pointer}
.singleItem.post .btn-primary{background-color:#17bf63;margin-bottom: 10px;}
.singleItem.post .btn-danger{background-color:#7687b7}
.singleItem.post .btn-info{background-color:#c16c6c}
.singleItem.post .btn-primary:active,.singleItem.post .btn-primary:hover,.singleItem.post .parser:active,.singleItem.post .parser:hover,.singleItem.post .btn-primary:focus,.singleItem.post .button-group button:disabled,.singleItem.post .parser:focus{color:#fff;background-color:#12a052}
.singleItem.post .btn-danger:active,.singleItem.post .btn-danger:hover{color:#fff;background-color:#616f98}
.singleItem.post .btn-info:active,.singleItem.post .btn-info:hover{color:#fff;background-color:#b36363}
.singleItem.post .alert{padding:6px;border-radius:4px;position:absolute;top:10px;right:10px;min-width:100px}
.singleItem.post .alert span{font-size:12px}
.singleItem.post .alert-success{color:#3c763d;background-color:rgba(215,236,206,.58)}
.singleItem.post .closer{float:right;margin-top:3px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2}
button.closer{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;line-height:1}
.singleItem.post .checkbox{display:none}
.dark-mode .post #codes{border:1px solid #3a3b3c;background-color:#1f1f1f}
.dark-mode .post .alert-success{color:#989b9f;background-color:rgba(51,53,56,.60)}
.dark-mode .post #codes:active,.dark-mode .singleItem.post #codes:focus{background-color:#18191a;color:inherit;outline:0}
.dark-mode .post .closer{color:#fff;text-shadow:0 1px 0 #fff}
/* Main Content */
html{scroll-behavior:smooth;overflow-x:hidden;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{position:relative;margin:0;padding:0;width:100%;font-family:'objektiv-mk1', sans-serif;font-size:14px;background:#F9F9FF;}
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:#fefefe;width:220px;height:100%;padding:calc(60px + 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:60px;background-color:#fefefe;z-index:2;-webkit-transition:all .2s ease;transition:all .2s ease}
#nav-widget .widget{padding-bottom:90px}
#add-widget{padding-top:40px;display:none}
#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:60px}
.asideIner{position:absolute;left:0;bottom:0;width:100%}
.mainbar{min-height:100vh;width:calc(100% - 360px)}
.multipleItem .sidebar{padding:30px 30px 15px 15px}
.sidebar{background-color:transparent;width:360px;padding:30px 30px 30px 0;flex:0 0 auto}
.sidebar .widget{padding:20px;background:#fff;border-radius:7px;}
.sidebar .widget.Profile, .sidebar .widget.HTML{padding:0;background:unset;border-radius:4px;box-shadow:unset}
.sidebar .widget.Profile{padding:20px}
.sidebar .widget.FollowByEmail:hover{border: 2px solid #6C6CE5;}
#sidebar-sticky{position:sticky;top:calc(60px + 20px)}
figure{margin:1.5em 0;}
figure .lazy-youtube{margin-bottom:8px;}
figcaption{background-color:rgba(29,33,41,.5);font:italic 400 12px/0 menlo,consolas,monaco,monospace;padding:11px 7px;color:#fff;position:absolute;right:0;bottom:0;border-radius:10px 0 0 0}
/* Header */
.header{position:fixed;top:0;left:0;display:flex;width:100%;height:60px;padding:0 30px 0 25px;background-color:#fefefe;color:#161617;fill:#161617;z-index:50;box-shadow:0 2px 10px 0 rgba(0,0,0,.04);-webkit-transition:all .2s ease;transition:all .2s ease;}
.header #Arslan-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, #Arslan-header-widget .header-inner h2{max-width:152px;font-size:18px;color:inherit;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-family:'objektiv-mk1', sans-serif;}
.header .header-inner a{color:inherit;-webkit-transition:none;transition:none}
.header-inner h2::first-letter, .header-inner h1::first-letter{color:#4CAF50}
.header-inner h2 a:after, .header-inner h1:after{content:'.tools';margin-left:1.5px;font-size:10px;opacity:.5;}
/* Header Navicon */
.header .navicon{position:relative;flex:0 0 auto;display:flex;align-items:center;height:100%;z-index:4}
.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:hover{box-shadow: rgba(150,150,150,.1) 0 0 0 10px;background:rgba(150,150,150,.1);border-radius: 50px}
.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:0px}
.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:#6C6CE5;margin:4px 0 0 auto}
.header .navicon .nav.home{display:none}
.header .navicon .dark-switch{display:flex;align-items:center;width:auto;font-size:12px;color:#313135;white-space:nowrap}
.header .navicon .dark-switch:before{content:'Dark Mode'}
.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:#6C6CE5;-webkit-transition:all .2s ease;transition:all .2s ease}
.header .navicon .dark-link .svg-2, .dark-mode .navicon .dark-link .svg-1{display:none}
.dark-mode .navicon .dark-link .svg-2{display:block}
.dark-mode .navicon .dark-link svg.line{fill:none;stroke:#989b9f}
.header .navicon .navSearch{margin-left:15px;display:none}
.header .navicon .dark-switch:hover i::before{box-shadow:rgba(0,0,0,0.08) 0 0 0 5px;}
.dark-mode .header .navicon .dark-switch:hover i::before{box-shadow:rgba(0,0,0,0.12) 0 0 0 5px;}
.dark-mode .navicon .dark-switch i:before{left:13px;border:1px solid rgba(0,0,0,0.12);background:#6C6CE5 url("data:image/svg+xml,%3Csvg viewBox='1 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.75,4.09L15.22,6.03L16.13,9.09L13.5,7.28L10.87,9.09L11.78,6.03L9.25,4.09L12.44,4L13.5,1L14.56,4L17.75,4.09M21.25,11L19.61,12.25L20.2,14.23L18.5,13.06L16.8,14.23L17.39,12.25L15.75,11L17.81,10.95L18.5,9L19.19,10.95L21.25,11M18.97,15.95C19.8,15.87 20.69,17.05 20.16,17.8C19.84,18.25 19.5,18.67 19.08,19.07C15.17,23 8.84,23 4.94,19.07C1.03,15.17 1.03,8.83 4.94,4.93C5.34,4.53 5.76,4.17 6.21,3.85C6.96,3.32 8.14,4.21 8.06,5.04C7.79,7.9 8.75,10.87 10.95,13.06C13.14,15.26 16.1,16.22 18.97,15.95M17.33,17.97C14.5,17.81 11.7,16.64 9.53,14.5C7.36,12.31 6.2,9.5 6.04,6.68C3.23,9.82 3.34,14.64 6.35,17.66C9.37,20.67 14.19,20.78 17.33,17.97Z' fill='%23ffffff'/%3E%3C/svg%3E") center / 12px no-repeat;}
/* Header Search */
.header .searchbar{flex:0 0 auto;display:flex;transition:all .6s ease;align-items:center;width:100%;height:100%;max-width:760px;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:50px;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:#6C6CE5}
.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:#161617;fill:#161617;}
.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:#6C6CE5}
.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;cursor:pointer}
.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:bold;}
.navigation-menu li .link span.new:after{content:'New!';margin-left:5px;font-size:85%;font-weight:400;color:#6C6CE5}
.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:65%;max-width:480px;background:#fefefe;-webkit-transition:all .2s ease;transition:all .2s ease}
.dark-mode .navigation-menu .close{background: #267c6f}
.navigation-menu .sosmed{position:fixed;bottom:0;left:0;padding:20px 20px 30px 25px;width:220px;background:#fefefe;-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:#313135}
.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 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 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:#48525c;height:20px;width:20px}
.navigation-mobile svg.line{fill:none;stroke:#48525c}
.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:#48525c}
.dark-mode .navigation-mobile .dark-link .svg-2{display:inline-block}
.dark-mode .navigation-mobile .dark-link .svg-1{display:none}
/* Widget Default */
h3.title:after, h3.heading:after{content: "";background-image: url(//cdn.statically.io/gh/bloggerbyte/scripts/main/svg/dots-bg.svg);display: block;height: 27px;left: -14px;top: -14px;position: absolute;width: 27px;}
h3.title:before, h3.heading:before{content:'';position:absolute;display:block;bottom:-8px;width:29px;height:2px;border-radius:50px;background-image: linear-gradient(to right, #988fff 0%, #4e3dff 51%, #988fff 100%);}
.widget-title, .sidebar .title, .related-posts .title, .comments .title{display:flex;align-items:center;position:relative;justify-content:space-between;margin:0 0 25px;font-size:16px}
.comments-content{margin-top:30px}
.widget-title > *{font-size:inherit}
.widget-title a{font-size:85%;color:#313135}
.widget-title a.view-all{color:#6C6CE5}
.widget-title a.view-all:hover{color:#48525c}
.widget:not(:last-child){margin-bottom:30px}
.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}
.widget input[type=submit], .widget input[type=button]{outline:0;border:0;border-radius:3px;padding:8px 12.5px;line-height:22px;background: linear-gradient(45deg, #002bd7, #7778fa);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}
/* Custom List Style */
.Blog article.post ol li, .Blog article.post ul li{word-wrap: break-word;}
.Blog article.post ol.style1{counter-reset:numbers;list-style:none;padding:0}
.Blog article.post ol.style1 > li{counter-increment:numbers;margin-bottom:25px;position:relative;margin-left:55px}
.Blog article.post ol.style1 > li img{margin:15px 0;width:100%;display:block}
.Blog article.post ol.style1 > li #box-download img{margin:0;}
.Blog article.post ol.style1 > li::before{content:counter(numbers);line-height:23px;font-family:'PT Sans';font-size:14px;font-weight:bold;left:-45px;width:32px;height:32px;text-align:center;position:absolute;color:#6C6CE5;border:5px solid rgba(55,144,65,.20);border-radius:3px;top:-2px}
.Blog article.post ol.style2{counter-reset:numbers;list-style:none;padding:0}
.Blog article.post ol.style2 > li{counter-increment:numbers;margin-bottom:30px;position:relative;margin-left:50px;font-family:Sofia Pro;font-size:normal;font-weight:normal}
.Blog article.post ol.style2 > li img{margin:15px 0;width:100%;display:block}
.Blog article.post ol.style2 > li #box-download img{margin:0;}
.Blog article.post ol.style2 > li::before{content:counter(numbers);line-height:23px;font-family:'objektiv-mk1';font-size:14px;font-weight:bold;left:-45px;width:32px;height:32px;text-align:center;position:absolute;color:#fff;background-color:#6C6CE5;border-radius:50%;text-shadow: 0 2px 8px -1px #{rgba(#151924, .32)};box-shadow: 0 2px 8px -1px #{rgba(#275efe, .32)};top:-2px;padding-top:3px}
.Blog article.post ol.style2 > li::after{content:"";position:absolute;top:.18em;left:-18px;border-width:11.5px;border-style:solid;border-color:transparent transparent transparent #6C6CE5}
.Blog article.post ol.standard li, .Blog article.post ol.style2 li, .Blog article.post ol.style0 li, .Blog article.post ol.style1 li ul li{margin-bottom:15px}
.Blog article.post ol.style1 li ul{margin-top:15px}
.dark-mode .Blog article.post ol.style1 > li::before{color:#6C6CE5;border-color:rgba(23,191,99,0.16)}
/* Chat Style */
.Blog .komunikasi div:last-child{margin-bottom:0}
.Blog .komunikasi{padding:20px;max-width:400px;margin:20px auto;border-radius:4px;background:#f5f5f5;font-size:15px;line-height:1.5em;display:table}
.Blog .chat1{background:#e6e6e6;padding:10px;border-radius:4px;margin-bottom:25px;float:left}
.Blog .chat2{background:#ffffff;padding:10px;border-radius:4px;margin-bottom:25px;float:right}
.dark-mode .Blog .komunikasi{background:#161617}
.dark-mode .Blog .chat1{background:#18191a}
.dark-mode .Blog .chat2{background:#232323}
/* Grid Image */
.Blog article.post .grid-image{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center}
.Blog article.post .grid-image img{flex-grow:1;flex-direction:column;display:flex;width:32%;margin:0 2% 2% 0;box-shadow:0 4px 12px 0 rgba(9,32,76,.05)}
.Blog article.post .grid-image img:nth-of-type(3n), .Blog article.post .grid-image img:last-child {margin-right:0;}
.Blog article.post img.w300, .Blog article.post ol.style1 > li img.w300{width:300px;margin:15px auto;display:block}
.Blog article.post img.w400, .Blog article.post ol.style1 > li img.w400{width:400px;margin:15px auto;display:block}
.Blog article.post img.w500, .Blog article.post ol.style1 > li img.w500{width:500px;margin:15px auto;display:block}
/* 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;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;flex-wrap: wrap}
.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}
.Blog article .post-thumbnail{margin-bottom:15px;width:100%;line-height:0;overflow:hidden}
.Blog article:hover .post-thumbnail a img, .FeaturedPost .item-featured:hover .item-thumbnail a img{webkit-filter:blur(4px);filter:blur(1px)}
.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}
.multipleItem .Blog article .post-content{align-self:flex-start;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;flex-grow:1;flex-basis:100%;width:100%;}
.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:#6C6CE5}
.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-info{width:100%}
.Blog article .post-label a:hover, .Blog article .post-info .post-author a:hover{text-decoration:underline}
.Blog article .post-title{font-size:100%}
.Blog article .post-title a, .Blog article .post-info .post-author a, .FeaturedPost article a, .PopularPosts article a{color:inherit}
.Blog article .post-title a:hover, .Blog article .post-info .post-author a:hover, .FeaturedPost article a:hover, .PopularPosts article a:hover, .dark-mode .Blog .post-tocContent a:hover, .Blog .post-tocContent a:hover{color:#6C6CE5}
/* Ubah jadi display:block; untuk menampilkan snippet artikel */
.Blog article .post-snippet{display:none;margin-top:12px;font-size:11px;color:#48525c}
.multipleItem .Blog article .post-info{align-items:flex-end}
.Blog article .post-info, .FeaturedPost article .item-header, .PopularPosts article .item-header{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-size:13px;color:#313135}
.Blog article .post-info .post-author, .FeaturedPost article .item-label, .PopularPosts article .item-label{font-size:12px;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;font-weight:600}
.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:17px;height:17px;fill:#48525c;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:#48525c}
.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 0;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.5em 0 25px;line-height:1.4em;letter-spacing:normal}
.Blog article.post img{display:inline-block;border-radius:3px;width:100%;background-color:#f3f3f3}
.Blog .post-body > img:before{content:'ilimon.github.io';color:#fff;font-size:12px !important;font-weight:400 !important;background-color:rgba(0, 0, 0, 0.1);padding:0 10px !important;position:absolute;right:0;bottom:0;border-radius:3px 0 0 0;z-index:1;}
.Blog .post-body > img:first-child{box-shadow: rgba(23, 43, 99, .128) 0 2px 28px}
.dark-mode .Blog article.post img{background-color:#1d1e1f}
img.lazyloaded{animation:reveal 1s ease-out;}
@keyframes reveal{0%{opacity:0}100%{opacity:1}}
.Blog article.post .post-headline{margin-bottom:25px;}
.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:30px;margin:0;letter-spacing:normal}
.Blog article.post .post-info{margin-top:10px;}
.Blog article.post .post-info .post-author, .Blog article.post .post-info .post-published, .Blog article.post .post-info .post-comment{font-size:inherit;color:#48525c}
.Blog article.post .post-info .post-author .post-authorName:before{content:attr(data-text);font-weight:normal}
.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 : '}
.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.9em}
.Blog article.post .post-entry p{margin:1.5em 0;}
.Blog article.post .post-labels{display:flex;flex-wrap:wrap;padding:0;font-size:12px}
.Blog article.post .post-labels a{display:flex;justify-content:space-between;margin:0 10px 10px 0;padding:5px 12.5px;line-height:22px;border-radius:7px;background-color:#fff;color:#313135}
.dark-mode .Blog article.post .post-labels a{background-color:#212223;color:#313135;}
.Blog article svg.tags{width:32px;height:32px;float:left;vertical-align:middle;background:#f2f2f2;border-radius:4px;padding:5px;margin-right:10px}
.Blog article svg.tags path{fill:#393943}
.dark-mode .Blog article svg.tags{background:#212223;}
.dark-mode .Blog article svg.tags path{fill:#757575}
.Blog article.post .post-labels a:before, .item-popular .item-label a:before{content:'#';font-size:80%}
.Blog article.post .post-labels a:not(:last-child):after{content:','}
.item-popular time.published{font-size:11px}
.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 Post Via';width:100%;margin-bottom:20px;font-size:16px;font-weight:700;}
.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.line{fill:none;stroke:#767676}
.Blog article.post .post-share .share-icon svg{width:20px;fill:#48525c}
.Blog article.post .post-share .share-icon label{cursor:pointer}
.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;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}
.Blog article.post .post-share ul, .Blog .post-font .post-fontContainer ul{position:relative;display:flex;flex-wrap:wrap;width:95%;border:solid;max-width:500px;list-style:none;margin:0 auto -50%;padding:25px 25px 20px;background-color:#ebeced;border-radius:8px;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:'Select How To Share';display:block;width:100%;margin:0 0 15px;font-size:15px;font-weight:700;text-align:center;color:#333333}
.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:#313135}
.Blog article.post .post-share li > * svg{width:48px;height:48px;fill:#48525c;padding:13px;background-color:#fefefe;border-radius:8px;}
.Blog article.post .post-share li > * svg.line{fill:none;stroke:#48525c;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:14px;right:-14px;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: linear-gradient(45deg, #002bd7, #7778fa);border-radius:50%;cursor: pointer}
.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:.9rem;line-height:1.62em;margin-left:0;margin-right:0;padding:30px 25px;border-left:2px solid #ebeced}
.Blog blockquote.style1{padding:30px 25px 30px 80px;border-radius:4px;border:2px solid #ebeced}
.Blog blockquote.style1:before{content:'\201D';display:block;position:absolute;font-weight:700;font-size:60px;font-family:objektiv-mk1;top:7px;left:25px;line-height:normal;color:rgba(0,0,0,.15)}
.Blog blockquote.style1 ul{font-size:97%}
.Blog blockquote.style2 {background-color:#FCF9F3;border:3px solid #FAF4EA;border-radius:8px;line-height:1.9em;font-size:inherit}
.Blog .post .post-entry blockquote > *:first-child{margin-top:0}
.dark-mode .Blog blockquote.style2 {background-color:rgba(252,249,243,.02);border: 3px solid rgba(250,244,234,.01)}
article .ext:after{content:'';width:14px;height:14px;display:inline-block;margin-left:5px;margin-bottom:-1px;background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237467FB' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'/><polyline points='15 3 21 3 21 9'/><line x1='10' x2='21' y1='14' y2='3'/></svg>") center / 15px no-repeat}
article .ext:hover:after{background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233e3850' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'/><polyline points='15 3 21 3 21 9'/><line x1='10' x2='21' y1='14' y2='3'/></svg>") center / 15px no-repeat}
.dark-mode article .ext:hover:after{background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239fa6ad' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'/><polyline points='15 3 21 3 21 9'/><line x1='10' x2='21' y1='14' y2='3'/></svg>") center / 15px no-repeat}
.Blog .note, .Blog .info{font-family:'objektiv-mk1';position:relative;padding:20px 30px 20px 50px;background-color:#e1f5fe;color:#01579b;font-size:.87rem;line-height:1.62em;border-radius:3px}
.Blog .note:before, .Blog .info:before{content:'';position:absolute;left:18px;top:23px;width:20px;height:20px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2301579b' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z'/%3E%3Cline x1='4' y1='22' x2='4' y2='15'/%3E%3C/svg%3E") center / 20px no-repeat}
.Blog .note.alert{background-color:#ffdfdf;color:#48525c}
.Blog .note.alert:before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2348525c' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z'/%3E%3Cline x1='12' y1='9' x2='12' y2='13'/%3E%3Cline x1='12' y1='17' x2='12.01' y2='17'/%3E%3C/svg%3E") center / 20px no-repeat}
.Blog .alert:before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2348525c' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z'/%3E%3Cline x1='12' y1='9' x2='12' y2='13'/%3E%3Cline x1='12' y1='17' x2='12.01' y2='17'/%3E%3C/svg%3E") center / 20px no-repeat}
.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:#48525c;background-color:transparent;border:0}
.Blog table{width:100%;margin:0 auto;border-radius:4px;overflow:hidden;font-size:15px;}
.Blog table th{background-color:#009688;color:#ffffff;text-align:left;padding:15px;border:1px solid rgba(0,0,0,.04);border-top:0;border-bottom:0;border-left:0;font-size:16px;}
.dark-mode .Blog table th{background:#242526;color:#c6c9ce}
.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:10px 15px;border-right:1px solid rgba(0,0,0,.04);border-left:0;border-top:0;vertical-align:middle}
.Blog table tr:nth-child(even) td, .Blog table tbody tr:nth-child(2n+2) th, .Blog table tbody:nth-child(2n+1) tr th[rowspan] {background-color:rgba(0,0,0,.03)}
.Blog table tr:nth-child(odd) td, .Blog table tbody tr:nth-child(2n+1) th, .Blog table tbody:nth-child(2n+2) tr th[rowspan] {background-color:rgba(0,0,0,.01)}
.Blog table tbody tr th[colspan] {background-color: rgba(0,0,0,.1);}
.Blog table tbody tr:last-child td, .Blog table tbody tr:last-child th{border-bottom:0}
.Blog .table{display:block;overflow-y:hidden;overflow-x:auto;border-radius:3px;scroll-behavior:smooth;margin:1.5em 0}
.Blog table tbody tr th{color:#444;border-right:1px solid rgba(0,0,0,.04);}
.dark-mode .Blog table tr:nth-child(even) td, .dark-mode .Blog table tbody tr:nth-child(2n+2) th, .dark-mode .Blog table tbody:nth-child(2n+1) tr th[rowspan] {background-color:rgba(0,0,0,.03)}
.dark-mode .Blog table tr:nth-child(odd) td, .dark-mode .Blog table tbody tr:nth-child(2n+1) th, .dark-mode .Blog table tbody:nth-child(2n+2) tr th[rowspan] {background-color:rgba(0,0,0,.1)}
.dark-mode .Blog table tbody tr th[colspan] {background-color: rgb(64,66,68,.1);}
.dark-mode .Blog table tbody tr th{background-color:rgba(255,255,255,.03)}
.dark-mode .Blog table td, .dark-mode .Blog table, .dark-mode .Blog table th{border-color:rgb(255,255,255,.03)}
.Blog pre{font-size:13px;position:relative;width:100%;background-color:#262a2d;color:rgba(255,255,255,.9);border-radius:4px;margin:25px auto;-moz-tpab-size:2;-o-tab-size:2;tab-size:2;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;font-family: 'Fira Mono', monospace;line-height:1.5em}
.Blog pre code{display:block;padding:20px;white-space:pre;font-family: 'Fira Mono', monospace;overflow-x:auto;}
.Blog pre span.block{color:#fff;background:#3a7bd5}
.Blog .code{display:inline;padding:2px 4px;border-radius:2px;font-size:95%;line-height:inherit;color:#f15a5a;background-color:rgba(0,0,0,.05);font-family: 'Fira Mono', monospace;}
.dark-mode .Blog .code{background-color:rgba(0,0,0,.10)}
.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;color:#333333;display:flex;}
.Blog .daftar-isi .isi-judul:after{content: ' Hide all ';font-weight:400;font-size:85%;color:#313135;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:#313135}
.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:#313135;flex-shrink:0;font-weight:700;}
.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:380px;height:calc(100% - 60px);position:absolute;background:#fafafc;top:60px;right:0;z-index:2;font-size:15px;-webkit-transition:all .2s ease;transition:all .2s ease}
.Blog .post-toc span.title:before{content:'';position:absolute;display:block;bottom:2px;width:25px;height:2px;border-radius:50px;background: linear-gradient(45deg, #002bd7, #7778fa)}
.Blog .post-tocContainer{position:sticky;top:calc(60px + 30px);padding:20px;margin:0 30px 0 20px;background-color:#ffffff;border-radius:4px}
.Blog .post-tocHeader{position:relative}
.Blog .post-tocHeader .title{font-size:16px}
.Blog .post-tocHeader label{display:flex;align-items:center;font-weight:700;margin:0;color:#333333;cursor:pointer;background-color:#fff;padding-bottom:10px}
.Blog .post-tocHeader label svg.drop{margin-left:auto;width:16px;height:16px;-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:-70px;-webkit-transition:all .2s ease;transition:all .2s ease;opacity:0;visibility:hidden}
.dark-mode .Blog .post-tocHeader label .show{box-shadow:-5px 2px 6px 0 rgba(0,0,0,.20)}
.Blog .post-tocContent{max-height: 55vh;overflow:hidden;}
.Blog .post-tocContent:hover{overflow:auto}
.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:6px 0}
.Blog .post-tocContent a{color:#333333;max-width:100%;display:flex}
.Blog .toc-menu:checked + .post-toc{right:-366px}
.Blog .toc-menu:checked + .post-tocContainer{box-shadow:none;}
.Blog .toc-menu:checked + .post-toc .post-tocHeader label .show{opacity:1;visibility:visible}
:target::before{content:"";display:block;height:70px;margin-top:-70px;visibility:hidden}
.Blog .post-tocContainer .show:before{content:unset;display:block;position:absolute;width:10px;left:13px;border-radius:50px;top:7px;height:10px;background:#ff5050;webkit-animation:indicator 1s ease infinite;-moz-animation:indicator 1s ease infinite;animation:indicator 1s ease infinite}
.Blog .toc-menu:checked + .post-toc .post-tocContainer .show:before{content:''}
@-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 indicator{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.blog-posts:before{content:'';display:inline-block;position:absolute;top:-25px;left:80px;width:200px;height:200px;border-radius:50%;background:rgba(0,0,0,.04);z-index:-1;transform:scale(2.1);-webkit-transform:scale(2.1)}
.dark-mode .blog-posts:before{background:rgba(0,0,0,.10)}
.nav-menu:checked + .mainWrapper .blog-posts:before{left:-16px}
.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:13px;font-weight:400;cursor:pointer}
.Blog .spoiler .spoiler-judul .button:before{content:'Tampilkan'}
.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:'Sembunyikan'}
.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;cursor:pointer}
.Blog .post-font .post-fontContainer ul:before{content:'Change Font 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;color:#ddd;line-height:60px}
.Blog .post-font .post-fontContainer li label:hover:before{color:#333333}
.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, .dark-mode .Blog article.post .post-share li.share-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:#333333}
.font-size1:checked + .font-size2 + .font-size3 + article .post-entry{font-size:15px}
.font-size3:checked + article .post-entry{font-size:17px}
.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 a, .Blog .blog-pager .pagecurrent, .Blog .blog-pager .showpageOf{padding:8px 15px}
.Blog .blog-pager, .Blog .post-pagenav{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin:20px 0 0;font-size:12px;color:#313135;line-height:22px}
.Blog .blog-pager > *, .Blog .post-pagenav > *{display:flex;align-items:center;border-radius:4px;background-color:#fefefe;color:inherit}
.Blog .blog-pager > * svg{width:20px;fill:#313135}
.Blog .blog-pager > * svg.line{fill:none;stroke:#313135}
.Blog .blog-pager .no-post, .Blog .post-pagenav .current{cursor:not-allowed;background-color:#f2f2f2;color:#48525c}
.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:5px}
.Blog .blog-pager > span:last-child{margin-right:0}
.Blog .breadcrumbs{display:flex;align-items:center;margin:0 15px 8px 0;font-size:13px;color:#48525c;}
.Blog .breadcrumbs > *:first-child,.Blog .breadcrumbs > *:nth-child(2){font-weight:600}
.Blog .breadcrumbs > *:not(:last-child):after{content:'\203A';margin:0 7px 0 4px;font-size:13px;line-height:16px;font-weight:normal}
.Blog .breadcrumbs > *{flex-shrink:0}
.Blog .breadcrumbs > .title-link{flex-shrink:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#48525c}
.Blog .accordion{position:relative;list-style:none;margin:20px 0 0;padding:0;display:flex;flex-wrap:wrap;font-size:16px}
.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:hover{cursor:pointer}
.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:#333333}
.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;color:#333333}
.Blog .accordion .accor-menu:checked + .accor-title .title{color:#6C6CE5}
.Blog .accordion .accor-menu:checked + .accor-title .accor-icon:before, .Blog .accordion .accor-menu:checked + .accor-title .accor-icon:after{background-color:#6C6CE5}
.Blog .accordion .accor-menu:checked + .accor-title .accor-icon:after{visibility:hidden;opacity:0}
.Blog .accordion .accor-menu:checked + .accor-title + .content{max-height:100%;padding-top:15px;padding-bottom:8px}
.Blog .accordion .content{font-size:14px;margin:0;padding-left:35px;position:relative;overflow:hidden;max-height:0;-webkit-transition:all .2s ease;transition:all .2s ease;}
/* Utility Services */
@keyframes gradient{0%{background-position:0 50%}50%{background-position:-100% 50%}100%{background-position:0 50%}}
.Blog .post-toc #read-time{position:absolute;display:block;bottom:-2px;left:26px;font-size:10px}
.Blog .post-toc #read-time:before{content:'\2022';display:inline-block;margin:0 8px}
.Blog .post-toc #read-time:after{content:' \2605'}
.Blog article.post .lovebutton-bloggerku{position:relative;display:flex;flex-wrap:wrap;float:right;margin:-40px;margin-right:10px;font-size:13px;line-height:22px}
.Blog article.post .lovebutton-bloggerku .inner{text-align:center;display:inline-table}
.Blog article.post .lovebutton-bloggerku a{background:#fff;border:1px solid #aaa;display:inline-block;border-radius:50%;width:50px;height:50px;cursor:pointer;float:left;overflow:hidden;margin-right:10px}
.Blog article.post .lovebutton-bloggerku .icon{padding-top:13px}
.Blog article.post .lovebutton-bloggerku svg{fill:#aaa;transition:all .2s}
.Blog article.post .lovebutton-bloggerku a:hover svg{fill:#666}
.Blog article.post .lovebutton-bloggerku a .active svg{fill:#F44336}
.Blog article.post .lovebutton-bloggerku .total{line-height:50px;font-size:20px;display:inline}
.singleItem .Blog article .post-body{font-family:'objektiv-mk1'}
/* Box Download */
#box-download{padding:15px;box-sizing:border-box;margin:25px 0;min-height:125px;border:1px solid #EBECED;font-size:13px;max-width:100%;background:#FFFFFF;border-radius: 4px;position: relative;overflow: hidden;}
.box-kiri{width:70%;float:left}
.icon-app{width:65px;height:65px;float:left;}
.post-body .icon-app img {margin: 0;}
.Blog article.post .icon-app img, .dark-mode .Blog article.post .icon-app img {background-color: unset;}
span.judul-app{font-size:20px;line-height: 1.2em;font-weight:600}
span.versi-app, .box-judul .ico-android {color:#727171;font-size:12px;position:relative}
.box-judul .ico-android {padding-left:22px}
.box-judul a {position:absolute}
.box-judul{position:relative;line-height: 1.5em;text-align: left;height:65px;margin-left:80px}
span.ico-android{display:block;margin-top: 8px;line-height:1.5em}
span.ico-android:before{content:'';width:18px;height:18px;position:absolute;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15,9A1,1 0 0,1 14,8A1,1 0 0,1 15,7A1,1 0 0,1 16,8A1,1 0 0,1 15,9M9,9A1,1 0 0,1 8,8A1,1 0 0,1 9,7A1,1 0 0,1 10,8A1,1 0 0,1 9,9M16.12,4.37L18.22,2.27L17.4,1.44L15.09,3.75C14.16,3.28 13.11,3 12,3C10.88,3 9.84,3.28 8.91,3.75L6.6,1.44L5.78,2.27L7.88,4.37C6.14,5.64 5,7.68 5,10V11H19V10C19,7.68 17.86,5.64 16.12,4.37M5,16C5,19.86 8.13,23 12,23A7,7 0 0,0 19,16V12H5V16Z' fill='%23fff'/%3E%3C/svg%3E");background-color:#6AB344;border-radius:50px;background-repeat:no-repeat;background-position:center center;background-size:12px 12px}
.box-kanan{position: absolute;right: 15px;width: 25%;}
.box-kanan a:nth-child(1){background:#008efa;border-radius:3px;display:block;width:100%;height:28px;margin-bottom:8px;letter-spacing:.08em;text-align:center}
.box-kanan a:nth-child(2){background:#6ab344;border-radius:3px;display:block;width:100%;height:28px;letter-spacing:.08em;text-align:center;}
.box-kanan a:nth-child(1):before{content:"DOWNLOAD";color:#fff;font-weight:600}
.box-kanan a.apel:nth-child(1):before{content:"APP STORE";}
.box-kanan a:nth-child(2):before{content:"PLAY STORE";color:#fff;font-weight:600}
.copyright-button{position:absolute;bottom:0;right:0;background:#FAFAFA;border-top: 1px solid #EBECED;border-left: 1px solid #EBECED;border-top-left-radius:5px;padding:0 5px;font-size:11px;line-height:2em}
.dark-mode #box-download{border:1px solid #303031;background:#242526;}
.dark-mode .copyright-button{background:#242526;border-top: 1px solid #303031;border-left: 1px solid #303031;}
@media screen and (max-width:480px){
.box-kanan{width:45px}
.box-kanan a.apel:nth-child(1):before{display:none}
.box-kanan a.apel:nth-child(1){background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.71,19.5C17.88,20.74 17,21.95 15.66,21.97C14.32,22 13.89,21.18 12.37,21.18C10.84,21.18 10.37,21.95 9.1,22C7.79,22.05 6.8,20.68 5.96,19.47C4.25,17 2.94,12.45 4.7,9.39C5.57,7.87 7.13,6.91 8.82,6.88C10.1,6.86 11.32,7.75 12.11,7.75C12.89,7.75 14.37,6.68 15.92,6.84C16.57,6.87 18.39,7.1 19.56,8.82C19.47,8.88 17.39,10.1 17.41,12.63C17.44,15.65 20.06,16.66 20.09,16.67C20.06,16.74 19.67,18.11 18.71,19.5M13,3.5C13.73,2.67 14.94,2.04 15.94,2C16.07,3.17 15.6,4.35 14.9,5.19C14.21,6.04 13.07,6.7 11.95,6.61C11.8,5.46 12.36,4.26 13,3.5Z' fill='%23fff'/%3E%3C/svg%3E");background-size:21px;background-position:center center;background-repeat:no-repeat;}
.box-kanan a:nth-child(1):before{display:none}
.box-kanan a:nth-child(1){background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17,13L12,18L7,13H10V9H14V13M19.35,10.03C18.67,6.59 15.64,4 12,4C9.11,4 6.6,5.64 5.35,8.03C2.34,8.36 0,10.9 0,14A6,6 0 0,0 6,20H19A5,5 0 0,0 24,15C24,12.36 21.95,10.22 19.35,10.03Z' fill='%23fff'/%3E%3C/svg%3E");background-size:21px;background-position:center center;background-repeat:no-repeat;}
.box-kanan a:nth-child(2):before{display:none}
.box-kanan a:nth-child(2){background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3,20.5V3.5C3,2.91 3.34,2.39 3.84,2.15L13.69,12L3.84,21.85C3.34,21.6 3,21.09 3,20.5M16.81,15.12L6.05,21.34L14.54,12.85L16.81,15.12M20.16,10.81C20.5,11.08 20.75,11.5 20.75,12C20.75,12.5 20.53,12.9 20.18,13.18L17.89,14.5L15.39,12L17.89,9.5L20.16,10.81M6.05,2.66L16.81,8.88L14.54,11.15L6.05,2.66Z' fill='%23fff'/%3E%3C/svg%3E");background-size:21px;background-position:center center;background-repeat:no-repeat;}
.box-kiri {width: 80%;}
span.ico-android{line-height: 1.2em;margin-top: 5px;}
span.ico-android:before{top:-3px;}
}
@media screen and (max-width:400px){
span.judul-app{font-size:18px}
span.versi-app, span.ico-android{font-size:12px}
}
@media screen and (max-width:340px){
#box-download{min-height: 145px;}
}
/* Button and Icon */
.button{display:inline-flex;align-items:center;margin:15px 15px 15px 0;padding:10px 20px;outline:0;border:0;border-radius:2px;color:#fefefe;background-color:#204ecf;font-size:14px;white-space:nowrap;overflow:hidden;max-width:100%}
.button.outline{color:#48525c;background-color:transparent;border:1px solid #767676}
.button.outline:hover{border-color:#204ecf}
.button.whatsapp{background-color:#25D366}
.button.telegram{background-color:#0088cc}
.button .icon{flex-shrink:0;display:inline-block;margin-right:12px;width:18px;height:18px;background-size:cover;background-repeat:no-repeat;background-position:center center;}
.button .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='%23fefefe' 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>")}
.button .icon.demo{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23fefefe' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' viewBox='0 0 24 24'><path d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'/><polyline points='15 3 21 3 21 9'/><line x1='10' x2='21' y1='14' y2='3'/></svg>")}
.button .icon.cart{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-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M7.42226 19.8203C7.84426 19.8203 8.18726 20.1633 8.18726 20.5853C8.18726 21.0073 7.84426 21.3493 7.42226 21.3493C7.00026 21.3493 6.65826 21.0073 6.65826 20.5853C6.65826 20.1633 7.00026 19.8203 7.42226 19.8203Z'/><path d='M18.6747 19.8203C19.0967 19.8203 19.4397 20.1633 19.4397 20.5853C19.4397 21.0073 19.0967 21.3493 18.6747 21.3493C18.2527 21.3493 17.9097 21.0073 17.9097 20.5853C17.9097 20.1633 18.2527 19.8203 18.6747 19.8203Z'/><path d='M2.74988 3.25L4.82988 3.61L5.79288 15.083C5.87088 16.018 6.65188 16.736 7.58988 16.736H18.5019C19.3979 16.736 20.1579 16.078 20.2869 15.19L21.2359 8.632C21.3529 7.823 20.7259 7.099 19.9089 7.099H5.16388'/></svg>")}.button .icon.whatsapp{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23fefefe'><g><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 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'/></g></svg>")}
.button .icon.telegram{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23fefefe'><g><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'/></g></svg>")}
.button.outline .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='%2348525c' 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>")}
.button.outline .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='%2348525c' 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>")}
/* Bottom Navigation */
.BotNavigation{background-color:#fefefe;box-shadow:0 -5px 15px 0 rgb(30 30 30 / 7%);display:none;align-items:center;position:fixed;bottom:0;left:0;right:0;height:55px;padding:0 20px; font-size:13px;z-index:99}
.BotNavigation .button{display:flex;flex-grow:1;margin:0 0 0 15px;justify-content:center;line-height:1.8em}
.BotNavigation .button svg{margin-right:8px;fill:#fefefe; height:20px}
.BotNavigation .button svg.line{stroke:#fefefe}
.BotNavigation .waMe{display:flex;align-items:center;flex-shrink:0; margin:0;padding:5px 15px;border:1px solid rgba(0,0,0,.1);border-radius:2px;color:inherit;font-size:inherit}
.BotNavigation .waMe span{margin-left:8px}
/* Responsive */
@media screen and (max-width:640px){
.button{font-size:13px}
.BotNavigation{display:flex}
.navBuy{display:none}
}
@media screen and (max-width:480px){
.BotNavigation .waMe{font-size:12px}
}
.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;}
.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 30px 0;position:relative;padding:20px 15px;border-radius:4px;background:#fefefe;overflow:hidden;box-shadow:0 10px 20px 0 rgba(30,30,30,.08);font-size:14px;}
.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:50px}
.Blog .author-posts .authorInfo{flex-grow:1;}
.Blog .author-posts .author-name{font-weight:700;color:#333333;font-size:15px}
.Blog .author-posts .author-name:before{content:attr(data-text);display:none}
.Blog .author-posts .author-desc{color:#48525c;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 0}
.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 6px 18px 0 rgba(23,23,26,0.02)}
.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:#989b9f;font-size:10px}
.Blog .related-posts li .item-title{padding:0 5px;font-weight:700;color:#333333;letter-spacing:normal}
.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;}
/* Comment */
.Blog .comments{margin:60px 0}
.Blog .comments iframe{width:100%}
.Blog .commentsDisable{text-align:center}
.Blog .commentsButton, .Blog .commentsAdd .commentsReply{margin:0;padding:20px;display:block;text-align:center}
.Blog .commentsButton > *:before{content:attr(data-text)}
.Blog .commentsButton ~ .comments .commentsIcon .commentClose{display:flex}
.Blog .commentsButton{margin-bottom:60px}
.Blog #disqus_thread{margin:30px 15px}
.Blog .show-comment{margin:30px 15px 30px 0;font-size:13px}
.Blog .show-comment label{display:block;text-align:center;border-width:2px;border-radius:50px;margin-right:0;cursor:pointer;border-color:#ebeced}
.Blog .show-comment label:before{content:"";background-image:url('data:image/svg+xml,<svg id="Layer_1" style="enable-background:new 0 0 50 50;" version="1.1" viewBox="0 0 50 50" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="Layer_1_1_"><polygon points="48.707,13.853 47.293,12.44 25,34.732 2.707,12.44 1.293,13.853 25,37.56" fill="%2348525c"/></g></svg>');width:10px;height:10px;margin:7px -15px 0 15px;float:left;}
.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:44px}
.Blog .comments .avatar-image-container div{position:relative;overflow:hidden;padding-top:100%;border-radius:50%;background:#f2f2f2 url("data:image/svg+xml,<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' fill='rgba(0,0,0,.1)'/><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' fill='rgba(0,0,0,.1)'/></svg>") center / 18px no-repeat;transition:all .2s ease-out;-webkit-transition:all .2s ease-out;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:PT Sans, sans-serif}
.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:#3897F0}
.Blog .comments .comment-header .datetime{margin-left:auto;font-size:11px;color:#48525c}
.Blog .comments #comment-content{margin-top:15px;line-height:1.5em;overflow-x:auto}
.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-top:40px}
.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:4px;box-shadow:0 6px 18px 0 rgba(23,23,26,0.02)}
.Blog .comments ol > li > .avatar-image-container{position:absolute;top:10px;left:-22px;border-radius:60px;padding:3px;background:rgba(35,185,103,.18)}
.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:#48525c}
.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:#48525c}
.Blog .comments ol > li > .comment-actions svg, .Blog .comments .comment-reply svg, .Blog .comments .comment-thread .thread-toggle svg{height:14px;fill:none;stroke:#48525c}
.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 4px 4px}
.Blog .comments ol > li > .comment-replies .comment-reply{padding:12px 0 0 40px;font-size:13px}
.Blog .comments ol > li > .comment-replybox-single{padding:20px 15px 15px 40px}
.Blog .comment-content pre code, .Blog .comment-content i[rel="pre"]{margin:15px 0;display:block;font-size:12px;font-style:normal}
.Blog .comment-content blockquote, .Blog .comment-content b[rel="quote"]{display:block;padding:15px 25px;margin:15px auto;font-size:14px;font-style:italic;font-weight:400}
.Blog .comment-content img{margin:15px auto 15px 0;border-radius:3px}
.Blog .comment-content i[rel="img"]{font-size:13px;display:block;position:relative;min-height:90px;margin:15px auto;overflow:hidden}
.Blog .comment-content i[rel="img"]:before{content:'Please enable the JavaScript to see this image!';border:1px dashed #ebeced;border-radius:3px;padding:15px 25px;text-align:center;font-style:normal;display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;bottom:0;right:0;background-color:#fefefe}
.dark-mode .Blog .comment-content i[rel="img"]:before{background-color:#1e1e1e}
.comment-form #threaded-comment-form iframe{width:calc(100% - 40px);background-color:#fff;padding:15px 20px;border-radius:4px;box-shadow:0 6px 18px 0 rgba(9,32,76,.075);box-sizing:content-box}
.Blog .comments li li {position:relative}
.Blog .comments li:before {content: none;}
.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 .comments i, .Blog .comments em{background-color:#262a2d;font-family:'Fira Mono',monospace;font-size:12px;font-style:normal;line-height:1.5em;padding:10px;margin:10px 0;display:block;border-radius:4px;color:#e0d072;white-space:pre;overflow-x:auto;user-select:text;-webkit-user-select:text;-khtml-user-select:text;-moz-user-select:text;-ms-user-select:text}
.Blog .show-comment label svg.i-com {margin: 0 5px;width: 20px;height: 20px;vertical-align: -5px;}
.Blog .show-comment label:hover svg.i-com {fill:#6C6CE5}
.dark-mode .Blog .show-comment label svg.i-com {fill:#989b9f}
.dark-mode .Blog .show-comment label:hover svg.i-com {fill:#6C6CE5}
.Blog .comments-title{display:flex;align-items:center;position:relative;padding-bottom:12px;margin-bottom:35px;border-bottom:2px solid rgba(230,230,230,.5)}
.Blog .comments-title .title{margin:0}
.Blog .comments-title .label-sort{margin-left:auto;display:flex;align-items:center;color:#767676;font-size:11px}
.Blog .comments-title .label-sort:before, .Blog .comments-title .comment-list label:before, .Blog .comment-disqus .show-comment .button > *:before, .Blog .show-comments.button > *:before{content:attr(data-text)}
.Blog .comments-title .label-sort:before{margin-right:10px}
.Blog .comments-title .label-sort svg{width:20px;height:20px}
.Blog .comments-title .comment-list{position:absolute;top:-5px;right:0;width:150px;padding:10px 0;background-color:rgba(254,254,254,.98);color:#767676;font-size:12px;border-radius:4px;box-shadow:0 10px 20px 0 rgba(30,30,30,.07);overflow:hidden;-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out;z-index:3;opacity:0;visibility:hidden}
.Blog .comments-title .comment-list:before, .Blog .comments-title .comment-list:after{content:'';z-index:3;position:absolute;top:10px;height:37px;width:100%}
.Blog .comments-title .comment-list:after{content:'';z-index:1;background-color:#f1f1f0}
.Blog .comments-title .comment-list label{display:block;position:relative;padding:10px 16px;z-index:2}
.Blog .comments-title .comment-list label:first-child, .Blog .comment-all:checked + .comments-title .comment-list label:last-child{color:#6C6CE5;}
.Blog .comment-short:checked + .comment-list{opacity:1;visibility:visible;top:0;z-index:49}
.Blog .comment-short:checked ~ .full-close{opacity:1;visibility:visible;z-index:48}
.Blog .comment-all:checked + .comments-title .comment-list label:first-child{color:inherit}
.Blog .comment-all:checked + .comments-title .comment-list:before,
.Blog .comment-all:checked + .comments-title .comment-list:after{top:47px}
.Blog .comment-all:checked ~ .comments-content > ol{flex-direction:column-reverse}
.Blog .commentBallon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;position:fixed;right:20px;bottom:80px;z-index:20;border-radius:50%;background-color:#204ecf;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.Blog .all-comment:checked ~ .commentBallon{z-index:56;}
.Blog .commentBallon svg{fill:#fefefe}
.Blog .commentBallon svg.line{fill:none;stroke:#fefefe}
.Blog .commentBallon .svg-2{display:none;width:20px;height:20px}
.Blog .all-comment:checked ~ .commentFixed{opacity:1;visibility:visible}
.Blog .all-comment:checked ~ .commentBallon{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
.Blog .all-comment:checked ~ .commentBallon .svg-1{display:none}
.Blog .all-comment:checked ~ .commentBallon .svg-2{display:block}
/* Komentar Fitur */
.post .Blog #comments .comment-form #cm-menu,.post .Blog #comments .comment #cm-menu{position:relative;font-size:14px;background:#fff;border-radius:4px;padding:20px 20px 85px;color:#333;margin:0 0 20px;line-height:1.5em;box-shadow:0 6px 18px 0 rgba(9,32,76,.075)}
.post .Blog #comments .comment #cm-menu{margin: 0 0 20px -25px}
.post .Blog #comments .comment-form #cm-menu:before,.post .Blog #comments .comment #cm-menu:before{content:'';display:block;border:11px solid;border-color:#fff transparent transparent transparent;position:absolute;bottom:-22px;left:25px}
.post .Blog #comments .comment #cm-menu:before{left:31px}
.dark-mode .post .Blog #comments .comment-form #cm-menu:before{border-color:#242526 transparent transparent transparent}
.dark-mode .post .Blog #comments .comment #cm-menu:before{border-color:#292a2b transparent transparent transparent}
.post .Blog #comments .bbcode a{color:#6C6CE5}
.post .Blog #comments .bbcode ul{border:1px solid #ededef;padding:10px;border-radius:4px;margin-top:20px;line-height:1.5em}
.post .Blog #comments .bbcode ul li{border-bottom:1px dashed #ededef;padding:10px 0;margin-bottom:0}
.post .Blog #comments .bbcode ul li:last-child{border-bottom:none}
.post .Blog #comments .bbcode ul li a{display:inline-block;color:#6C6CE5;cursor:pointer}
.post .Blog #comments .bbcode ul li b.linkz{color:#6C6CE5}
.dark-mode .post .Blog #comments .comment-form #cm-menu,.dark-mode .post .Blog #comments .comment #cm-menu{background:#242526;color:#c6c9ce;box-shadow:0 6px 18px 0 rgba(23,23,26,0.02)}
.dark-mode .post .Blog #comments .bbcode ul,.dark-mode .post .Blog #comments .bbcode ul li{border-color:rgba(255,255,255,.1)}
.dark-mode .post .Blog #comments .comment #cm-menu{background:#292a2b}
.post .cmbutton{display:grid;grid-template-columns:1fr 1fr;width:calc(100% - 40px);margin-top:25px;position:absolute;bottom:20px}
.post .cmbutton1{border-bottom-left-radius:4px}
.post .cmbutton2{border-bottom-right-radius:4px}
.post .cmbutton-title{padding:10px;border-top:5px solid #e8e8e8;display:block;text-align:center}
.post .cmbutton label{display:block;cursor:pointer}
.post .cm-menus1:checked ~ .cmbutton .cmbutton1 .cmbutton-title,.post .cm-menus2:checked ~ .cmbutton .cmbutton2 .cmbutton-title{border-top:5px solid #6C6CE5}
.post .cm-menus1:checked ~ .bbcode{display:none}
.post .cm-menus2:checked ~ .pesan-komen{display:none}
.post .cm-menus1:checked ~ .cmbutton .cmbutton1,.post .cm-menus2:checked ~ .cmbutton .cmbutton2{background:rgba(23,191,99,.07)}
.dark-mode .post .cmbutton-title{border-top:5px solid #1f1f1f}
.dark-mode .post .cm-menus1:checked ~ .cmbutton .cmbutton1, .dark-mode .post .cm-menus2:checked ~ .cmbutton .cmbutton2{background:rgba(0,0,0,.07)}
.post .Blog #comment-content pre,.post .Blog #comment-content i[rel="pre"]{padding:15px;font-size:12px;margin:0;overflow-x:auto;white-space:pre;display:block;color:#e0d072;background:#262a2d;user-select:text;-webkit-user-select:text;-khtml-user-select:text;-moz-user-select:text;-ms-user-select:text}
.post .Blog #comment-content code,.post .Blog #comment-content i[rel="code"]{padding:2px 4px;background-color:#f1f1f1;color:#e6472e;border-radius:2px;font-family:'Fira Mono',monospace;font-size:12px;display:inline;line-height:1.8em}
.post .Blog #comment-content blockquote,.post .Blog #comment-content b[rel="quote"]{margin:0;padding:15px;border:1px dashed #ededef;border-radius:4px;font-size:13px;font-style:italic}
.post .Blog #comment-content img{border-radius:4px}
.dark-mode .post .Blog #comment-content blockquote,.dark-mode .post .Blog #comment-content b[rel="quote"]{border-color:#3a3b3c}
.dark-mode .post .Blog #comment-content code,.dark-mode .post .Blog #comment-content i[rel="code"]{background-color:rgba(18,18,19,.32)}
.dark-mode .post .Blog #comment-content pre,.dark-mode .post .Blog #comment-content i[rel="pre"],.dark-mode .Blog .comments i, .dark-mode .post .Blog .comments em{background-color:rgba(0,0,0,.1)}
.Blog .sitemaps .sitemap-box{font-size:14px;line-height:1.5em;padding:18px 20px 25px;border-radius:4px;background-color:#fff;box-shadow: 0 6px 18px 0 rgba(9,32,76,.035);}
.dark-mode .Blog .sitemaps .sitemap-box{;background-color:#242526}
.Blog .sitemaps .sitemap-box:not(:last-child){margin-bottom:15px}
.Blog .sitemaps .judul{margin-top:0;font-size:16px;color:#313135}
.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;line-height:normal;color:rgba(0,0,0,.15);}
.Blog .sitemaps li a{color:#333333;font-weight:700;}
.Blog .sitemaps li a:after{content:'Read more';display:block;margin-top:2px;color:#313135;font-size:11px;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:#6C6CE5;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%;letter-spacing: .04em;}
/* 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:objektiv-mk1, sans-serif;color:rgba(0,0,0,.15);}
.PopularPosts article.no-thumbnail .item-content{flex-grow:1;width:calc(100% - 45px)}
/* Widget Label */
.Label .widget-content:before{content:'';width:100px;height:100px;background:rgba(0,0,0,.04);display:inline-block;border-radius:50%;position:absolute;right:-25px;-webkit-transform:scale(3);transform:scale(3);z-index:-1}
.Label .widget-content{font-size:90%;color:#333333}
.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:#48525c}
.Label li a:hover svg{fill:#6C6CE5}
.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:#48525c;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:#48525c;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:#48525c}
.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:#313135}
/* Widget Profile Individual */
.Profile .widget-content{font-size:13px}
.Profile .individual{display:flex;align-items:center;flex-direction:row;position:relative;padding:18px 15px;border-radius:4px;background:#fefefe;overflow:hidden;}
.Profile .individual .profile-image{flex:0 0 auto;width:60px;height:60px;border-radius:50px;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:50px}
.Profile .individual .profile-info{flex-grow:1;margin-right:auto;padding-left:15px}
.Profile .individual .profile-link{color:#333333;font-weight:700;font-size:13px}
.Profile .individual .profile-text{font-size:11px;margin:4px 0 0;color:#48525c;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:#6C6CE5}
.Profile .individual .profile-media li svg, .Blog .author-posts .author-link li svg{width:24px;height:24px;fill:#48525c}
/* 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:100px;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:#48525c}
.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:#6C6CE5;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:#313135;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:50px;border:2px dashed #ebeced}
.Profile .team .more-member > * svg{fill:#6C6CE5}
.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:8px;z-index:3;-webkit-transition:all .2s ease;transition:all .2s ease}
.Profile .team .all-member .all-memberBox:before{content:'All Members';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:objektiv-mk1, sans-serif;color:#333333;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-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{margin-bottom:25px;color:#313135}
.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: linear-gradient(45deg, #002bd7, #7778fa);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-family:objektiv-mk1;font-size:14px;margin-top:30px}
.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{display:block;font-size:12px;-webkit-transition:all .2s ease;transition:all .2s ease;}
.footbar .credit p{margin:20px 0;overflow:hidden;white-space:normal;text-overflow:ellipsis;text-align:center;}
.footbar .credit a:hover{text-decoration:underline}
.footbar .credit .creator{opacity:1}
.footbar .made-support{margin-top:25px}
.footbar .dmca-sample{font-size:9px;color:rgba(254,254,254,.6);border-radius:3px;overflow:hidden}
.footbar .dmca-sample:before{content:'DMCA';padding:5px 10px;background-color:#242a3b}
.footbar .dmca-sample:after{content:'Protected';padding:5px 10px;background-color:#4f5462}
/* 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} .dark-mode .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:objektiv-mk1, sans-serif;line-height:1.2em}
.sidebar .widget, .Blog article, .FeaturedPost article, .widget input[type=email], .widget input[type=text], .widget textarea, .Blog .author-posts, .Blog .related-posts li, .Blog .post-tocContainer, .Blog article.post .post-share .share-icon > *, .Blog .comments ol > li, .Blog .blog-pager > *, .Blog .post-pagenav > *, .Profile .individual{box-shadow:0 10px 20px 0 rgba(30,30,30,.07)}
/* Dark Mode */
.dark-mode .header .navicon .nav i:last-child{background-color:#6C6CE5}
.dark-mode .widget-title a.view-all{color:#6C6CE5}
.dark-mode .Blog .blog-pager > * svg{fill:#6C6CE5}
.dark-mode .Blog .post-body > img:first-child, .dark-mode .sidebar .widget, .dark-mode .Blog article, .dark-mode .FeaturedPost article, .dark-mode .widget input[type=email], .dark-mode .widget input[type=text], .dark-mode .widget textarea, .dark-mode .Blog .author-posts, .dark-mode .Blog .related-posts li, .dark-mode .Blog .post-tocContainer, .dark-mode .Blog article.post .post-share .share-icon > *, .dark-mode .Blog .comments ol > li, .dark-mode .Blog .blog-pager > *, .dark-mode .Blog .post-pagenav > *, .dark-mode .Profile .individual{box-shadow:0 6px 18px 0 rgba(23,23,26,0.02)}
.dark-mode .Blog article.post .post-share li > * svg.line{fill:none;stroke:#c6c9ce}
.dark-mode .Blog .post-font .post-fontContainer li label:before{color:#333}
.dark-mode .sidebar .widget.Profile, .dark-mode .Blog article.post .post-share li label.close svg{background-color: unset;}
.dark-mode, .dark-mode .Blog .post-toc, .dark-mode .Blog .post-tabs .post-tabsHeader > *:after{background-color:#18191a}
.dark-mode .header .navicon > * svg, .dark-mode .header .navicon.search > *, .dark-mode .header .searchbar .search-button svg, .dark-mode .Blog article .post-info .post-comment > * svg, .dark-mode .FeaturedPost article .item-comment > * svg, .dark-mode .PopularPosts article .item-comment > * svg, .dark-mode .Label li a svg, .dark-mode .Label .label-show label svg, .dark-mode .Profile .individual .profile-media li svg, .dark-mode .Blog .author-posts .author-link li svg, .dark-mode .Blog .post-tocHeader label svg.drop
{fill:#989b9f}
.dark-mode .Blog article .post-info .post-comment > * svg.line{stroke:#989b9f}
.dark-mode .Profile .team .team-member > * .profile-name, .dark-mode .Profile .team .more-member > span, .dark-mode .Profile .team .all-member .all-memberBox:before, .dark-mode .font-size1:checked + .font-size2 + .font-size3 + article .post-font .post-fontContainer li:nth-child(1) label:before, .dark-mode .font-size2:checked + .font-size3 + article .post-font .post-fontContainer li:nth-child(2) label:before, .dark-mode .font-size3:checked + article .post-font .post-fontContainer li:nth-child(3) label:before, .dark-mode .Blog .daftar-isi .isi-content ol li a:before, .dark-mode .Blog .post-tocContent ol li a:before, .dark-mode .Blog article.post .post-share li > * span, .dark-mode .Blog article.post .post-share ul:before, .dark-mode .Blog .post-font .post-fontContainer ul:before, .dark-mode, .dark-mode .Blog .blog-pager, .dark-mode .Blog .post-pagenav, .dark-mode .Label .widget-content, .dark-mode h1, .dark-mode h2, .dark-mode h3, .dark-mode h4, .dark-mode h5, .dark-mode h6, .dark-mode .FollowByEmail .title, .dark-mode .Profile .individual .profile-link, .dark-mode .Profile .team .team-member a .profile-name, .dark-mode .Profile .team .more-member > span, .dark-mode .Blog .sitemaps .judul, .dark-mode .Blog .sitemaps li a, .dark-mode .Blog .daftar-isi .isi-judul, .dark-mode .Blog .spoiler .spoiler-judul, .dark-mode .Blog .daftar-isi .isi-content a, .dark-mode .Blog .accordion .accor-title .title, .dark-mode .Blog .author-posts .author-name, .dark-mode .Blog .related-posts li .item-title, .dark-mode .Blog .post-tocHeader label, .dark-mode .Blog .post-tocContent a{color:#c6c9ce}
.dark-mode .Profile .team .all-member .all-memberBox, .dark-mode .Profile .team .all-member .all-memberBox:before, .dark-mode .Blog .blog-pager > *, .dark-mode .comment-form #threaded-comment-form iframe, .dark-mode .Blog .post-tocHeader label, .dark-mode .Blog article.post .post-share ul, .dark-mode .Blog .post-font .post-fontContainer ul, .dark-mode .Blog .post-tocContainer, .dark-mode .Blog .post-tocHeader label .show, .dark-mode .sidebar .widget, .dark-mode .header, .dark-mode .Blog article, .dark-mode .Blog .blog-pager .no-post, .dark-mode .Blog .post-pagenav .current, .dark-mode .FeaturedPost article, .dark-mode .Profile .individual, .dark-mode .Profile .individual .profile-media, .dark-mode #nav-widget, .dark-mode #nav-widget:before, .dark-mode .navigation-menu .sosmed, .dark-mode .Blog .author-posts, .dark-mode .Blog .author-posts .author-link, .dark-mode .Blog .related-posts li, .dark-mode .Blog .comments ol > li{background-color:#242526}
.dark-mode .Blog article.post .post-share li > * svg, .dark-mode .header .searchbar input[type=text], .dark-mode .Blog article .post-thumbnail a, .dark-mode .FeaturedPost article .item-thumbnail a, .dark-mode .PopularPosts article .item-thumbnail a, .dark-mode .Profile .individual .profile-image, .dark-mode .Label .cloud-label .label-show label, .dark-mode .Label .cloud-label a, .dark-mode .widget input[type=email], .dark-mode .widget input[type=text], .dark-mode .widget textarea, .dark-mode .Blog .related-posts li .item-thumbnail > *, .dark-mode .Blog .comments ol > li > .comment-replies
{background-color:#1f1f1f}
.dark-mode .header .navicon .nav i, .dark-mode .Blog .accordion .accor-title .accor-icon:before, .dark-mode .Blog .accordion .accor-title .accor-icon:after
{background-color:#c6c9ce}
.dark-mode .Blog article.post .post-share li > * svg, .dark-mode .header, .dark-mode .navigation-menu .sosmed ul svg{color:#c6c9ce;fill:#c6c9ce;}
.dark-mode .navigation-menu, .dark-mode .navigation-mobile{color:#c6c9ce;fill:#c6c9ce;background-color: #242526;}
.dark-mode .widget-title a.view-all:hover, .dark-mode .Blog .breadcrumbs > .title-link, .dark-mode .header .navicon .dark-switch, .dark-mode .widget-title a, .dark-mode .FeaturedPost article .item-header, .dark-mode .PopularPosts article .item-header, .dark-mode .PopularPosts article.no-thumbnail:before, .dark-mode .Profile .individual .profile-text, .dark-mode .Label .label-count, .dark-mode .Label .cloud-label a, .dark-mode .Label .label-show label, .dark-mode .FollowByEmail .follow-by-email-text, .dark-mode .button.outline, .dark-mode .Blog .sitemaps li:before, .dark-mode .Blog .sitemaps li a:after, .dark-mode .Blog blockquote.style1:before, .dark-mode .Blog article.post .post-labels a, .dark-mode .Blog article .post-info, .dark-mode .Blog .blog-pager .no-post, .dark-mode .Blog article.post .post-info .post-author, .dark-mode .Blog article.post .post-info .post-comment, .dark-mode .Blog article.post .post-info .post-published, .dark-mode .Blog .daftar-isi .isi-judul:after, .dark-mode .Blog .daftar-isi .isi-content ol li:before, .dark-mode .Blog .post-tocContent ol li:before, .dark-mode .Blog .author-posts .author-desc, .dark-mode .Blog article .separate:before, .dark-mode .error-container p, .dark-mode .footbar, .dark-mode .Blog .comments .comment-header .datetime, .dark-mode .Blog .comments ol > li > .comment-actions a, .dark-mode .Blog .comments .comment-reply a, .dark-mode .Blog .comments .comment-thread .thread-toggle
{color:#989b9f}
.dark-mode .Blog .comments ol > li > .comment-actions svg, .dark-mode .Blog .comments .comment-reply svg, .dark-mode .Blog .comments .comment-thread .thread-toggle svg
{fill:none;stroke:#989b9f}
.dark-mode .button{color:#fff}
.dark-mode .button.outline{border-color:#c6c9ce}
.dark-mode .FollowByEmail, .dark-mode .navigation-menu > li.break:after, .dark-mode .Blog .sitemaps .sitemap-box, .dark-mode .Blog blockquote.style1, .dark-mode .Blog article.post, .dark-mode .Blog .daftar-isi, .dark-mode .Blog .accordion > li, .dark-mode .Blog .spoiler, .dark-mode .Blog .download-info, .dark-mode .Blog .comments li li:not(:last-child), .dark-mode .Blog .post-tabs .post-tabsHeader, .dark-mode .Blog .post-tabs .post-tabsHeader > *
{border-color:rgba(255,255,255,.1)}
.dark-mode .Blog table tr:nth-child(2n+1) td, .dark-mode .Blog pre{background-color:rgba(0,0,0,.1)}
.dark-mode .Blog table.tr-caption-container .tr-caption, .dark-mode .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:#6C6CE5;border-radius:3px;font-size:13px;line-height:22px;}
.button.outline{color:#313135;background-color:transparent;border:1px solid #48525c}
.button.demo{display:block;text-align:center;width:150px;font-weight:600;margin:15px auto}
.button.whatsapp{background-color:#25D366}
.button:hover{color:#fefefe;opacity:.75}
.button.outline:hover{color:#6C6CE5;border-color:#6C6CE5}
.button-info{display:flex;justify-content:center;flex-wrap:wrap;margin:1.5em 0}
.button-info a{align-items:center;margin:0 8px 10px 8px}
a.download:before{content:'';background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ffffff" 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>') center / 17px no-repeat;width:17px;height:17px;margin-right:10px}
.lazy-youtube{background-color:#505050;position:relative;overflow:hidden;padding-top:56.30%;cursor:pointer;border-radius:4px;}
.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:25px 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{vertical-align:middle;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ffffff" 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)}.dark-mode::-webkit-scrollbar-thumb{background: linear-gradient(45deg, #002bd7, #7778fa);}}
@media screen and (max-width:1100px){
.header .searchbar{width:60%}
.header #Arslan-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:26px}
.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;right:0}
.Blog .post-tocContainer{margin:0}
.Blog .toc-menu:checked + .post-toc{right:-286px;padding-left:15px}
.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:800px){
.header .searchbar{width:50%}
.header{padding:0 25px;border-radius:50px;margin:10px 10px 0 10px;width:calc(100% - 20px);height:50px;position:absolute}
.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}
.blog-posts:before, .nav-menu:checked + .mainWrapper .blog-posts:before{top:-105px;}
.multipleItem .blog-posts:before, .nav-menu:checked + .mainWrapper .multipleItem .blog-posts:before{top:-290px;}
.multipleItem .sidebar{padding: 0 25px 30px 225px}
.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:300px;right:10px;height:auto;padding:15px 20px;margin-bottom:20px;position:fixed;top:95px;background-color:#fefefe;border-radius:4px;box-shadow:0 6px 18px 0 rgba(23,23,26,0.02);font-size:14px}
.Blog .post-tocContent ol li:last-child ol.point2{margin-bottom:0}
.Blog .post-tocContent ol{margin-bottom:0}
.Blog .post-tocContent {overflow: auto;max-height: 50vh}
.Blog .post-tocContainer{padding:0;background-color:unset;border-radius:unset;box-shadow:unset}
.Blog .toc-menu:checked + .post-toc{right:-300px}
.Blog .post-tocHeader label .show{left: -70px; box-shadow:unset}
.Blog .toc-menu:checked + .post-toc .post-tocHeader label .show{background-color:rgba(255,255,255,.36);}
.dark-mode .Blog .toc-menu:checked + .post-toc .post-tocHeader label .show{background-color: rgba(36,37,38,.65);}
.Blog .toc-menu:checked + .post-toc .post-tocHeader label .show{left: -58px;box-shadow:0 10px 20px 0 rgba(30,30,30,.08)}
.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:50vh}
.dark-mode .Blog .post-toc{background-color:#242526}}
@media screen and (max-width:640px){
.Blog .download-info{display:none}
a.download:before{display:inline-block;vertical-align: sub;}
.button-info a{width:100%;display:block;text-align:center;margin:0 0 15px 0}
.search-link label.link:active,li.home-link a.link:active,li.tag-link label.link:active,li.dark-link div.link:active,li.top-link svg:active{box-shadow:rgba(150,150,150,.1) 0 0 0 10px;background-color:rgba(150,150,150,.1)}
.search-link label.link,li.home-link a.link,li.tag-link label.link,li.dark-link div.link,li.top-link svg{border-radius:10px;display:inline;transition:all .15s ease}
.multipleItem .sidebar{padding: 15px 20px}
.Blog .post-tocContent {max-height: 55vh}
.Blog .toc-menu:checked + .post-toc .post-tocContent{max-height:55vh}
.Blog .post-toc{width:80%}
.Blog .toc-menu:checked + .post-toc{width:300px}
:target::before{height:20px;margin-top:-20px}
.header{padding:0 20px;position:absolute;}
.header .header-inner h1, #Arslan-header-widget .header-inner h2{font-size:16px}
.header #Arslan-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:50px;-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} .dark-mode .singleItem.post .header{background-color:#242526}
.singleItem .navicon .nav{display:none;transform: rotate(180deg);-webkit-transform: rotate(180deg)}
.singleItem .navicon .nav.home i:nth-child(3){background-color:transparent;}
.header .navicon .navSearch{display:block;}
.singleItem .navicon .nav.home{display:block}
.singleItem .navicon .nav i:nth-child(1){width:45%;margin-left:52%;-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:13%;margin-left:68.5%;background-color:#6C6CE5;-webkit-transform:translateY(0px) rotate(-40deg);transform:translateY(0px) rotate(-40deg)}
.multipleItem .blog-posts:before, .nav-menu:checked + .mainWrapper .multipleItem .blog-posts:before{left:-130px;top:-220px;}
.blog-posts:before, .nav-menu:checked + .mainWrapper .blog-posts:before{left:-130px}
.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:#fefefe;max-width:480px;width:65%;height:100%;margin-left:-100%;padding:calc(60px + 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}
.navigation-menu .sosmed{max-width:480px;width:65%;margin-left:-100%;border-radius:0} .navigation-menu .close{display:block;border-radius:0 20px 0 0}
.navigation-menu:hover{overflow-y:auto}
/* 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:65%}
.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;font-size:85%}
.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}
.dark-mode #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:'Update : '}
.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.style1{padding:20px 20px 20px 70px} .Blog blockquote.style1: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:12px;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{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:12px}
.Blog .breadcrumbs{margin-bottom: 15px}
.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:12px}
.Blog .comments .comment-header .user{font-size:13px}
.sidebar .FeaturedPost article .item-title, .PopularPosts article .item-title{font-size:97%}
.FeaturedPost article .item-title{font-size:16px}
}
@media screen and (max-width:480px){
.Blog .separate:before{font-size:16px}
.Blog article.post .post-entry{font-size:15px;}
.font-size1:checked + .font-size2 + .font-size3 + article .post-entry{font-size:14px}
.font-size3:checked + article .post-entry{font-size:16px}
.Blog article.post ol.style1 > li{margin-left: 45px}
.Blog article.post ol.style1 > li::before{top:0}
.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%;letter-spacing:.04em}
.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%}
.Blog article.post .separator a{margin-left:0!important;margin-right:0!important;float:none!important}
.Blog article.post .grid-image img{width:48%;flex-direction:row;margin:0 4% 4% 0}
.Blog article.post .grid-image img:nth-of-type(2n){margin-right:0;}
.Blog article.post .grid-image img:nth-of-type(3n){width:100%;}
}
/* Sample Ads (Silahkan hapus bagian ini jika iklan sudah di replace semua) */
.ads-here.adatas{min-height:150px}
.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:480px){.ads-here.adatas{min-height:240px;}
@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%}}
]]></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 lazyload' expr:alt='data:post.author.name' expr:data-src='resizeImage(data:post.author.authorPhoto.image,100,"1:1")' src='https://cdn.statically.io/gh/bloggerbyte/scripts/main/loading.svg'/>
</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: 60, links: false, linebreaks: false}'/></div>
</div>
</div>
</b:includable>
<b:includable id='post-artikelTOC'>
<input checked='checked' class='toc-menu hidden' id='offtoc-menu' type='checkbox'/>
<div class='post-toc'>
<div class='post-tocContainer'>
<div class='post-tocHeader'>
<label for='offtoc-menu'>
<span class='show'><svg 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></span>
<!-- Judul Toc -->
<span class='title'>Table of contents</span>
<svg class='drop' 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>
<div class='post-tocContent' id='post-tocContent'/>
</div>
</div>
</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: "https://cdn.statically.io/gh/bloggerbyte/scripts/main/loading.svg",
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:"https://tips97tech.blogspot.com/",numPosts:7,summaryLength:320,titleLength:"auto",thumbnailSize:200,noImage:"https://cdn.statically.io/gh/bloggerbyte/scripts/main/loading.svg",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 lazyload" alt="'+w+'" data-src="'+r+'" src="https://cdn.statically.io/gh/bloggerbyte/scripts/main/loading.svg"></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 lazyload" alt="'+w+'" data-src="'+r+'" src="https://cdn.statically.io/gh/bloggerbyte/scripts/main/loading.svg"></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>Show Comments</span></a>
</div>
</div>
<script>/*<![CDATA[*/ var disqus_shortname = "https://tips97tech.blogspot.com/"; !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="https://tips97tech.blogspot.com/";!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 lazyload' expr:alt='data:post.title' expr:data-src='resizeImage(data:post.featuredImage, 600, "18:9")' src='https://cdn.statically.io/gh/bloggerbyte/scripts/main/loading.svg'/>
</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 lazyload' expr:alt='data:post.title' expr:data-src='resizeImage(data:post.featuredImage, 400, "26:9")' src='https://cdn.statically.io/gh/bloggerbyte/scripts/main/loading.svg'/>
</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 lazyload' expr:alt='data:display-name' expr:data-src='data:authorPhoto.image' src='https://cdn.statically.io/gh/bloggerbyte/scripts/main/loading.svg'/>
</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]).*?>(\
.*?|.*?)<\/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>
<!--[ </head> close ]-->
<!--<head/><b:if cond='!data:blog.adsenseClientId'>--></head></b:if>
<body id='mainContent'>
<script>/*<![CDATA[*/ (localStorage.getItem('mode')) === 'darkmode' ? document.querySelector('#mainContent').classList.add('dark-mode') : document.querySelector('#mainContent').classList.remove('dark-mode') /*]]>*/</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'/>
<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='Arslan-header-widget' maxwidgets='1' showaddelement='false'>
<b:widget id='Header00' locked='true' title='Tips97 (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='Search _ "Tips97" ' 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' data-text='Dark mode' onclick='darkMode()'><i class='check'/></span> -->
<div aria-label='Dark' class='dark-link' data-text='Dark' onclick='darkMode()' role='button'>
<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>
<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>
</header>
<!-- Billboard Ads -->
<b:section cond='data:view.isMultipleItems and !data:view.isPreview' id='large-ads' maxwidgets='1' showaddelement='true'>
<b:widget id='HTML001' locked='true' title='Billboard Ads' type='HTML' version='2' visible='false'>
<b:widget-settings>
<b:widget-setting name='content'/>
</b:widget-settings>
<b:includable id='main'>
<div class='ads-content'>
<data:content/>
</div>
</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='Top Home Ads' type='HTML' version='2' visible='false'>
<b:widget-settings>
<b:widget-setting name='content'/>
</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'/>
</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='false'>
<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'>6625932756300438422</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 lazyload' expr:alt='data:post.title' expr:data-src='resizeImage(data:post.featuredImage, 600, "18:9")' src='https://cdn.statically.io/gh/bloggerbyte/scripts/main/loading.svg'/>
</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='Blog Posts' type='Blog' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='showDateHeader'>false</b:widget-setting>
<b:widget-setting name='commentLabel'>Comments</b:widget-setting>
<b:widget-setting name='style.textcolor'>#ffffff</b:widget-setting>
<b:widget-setting name='showShareButtons'>true</b:widget-setting>
<b:widget-setting name='authorLabel'>Uploaded By</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='showAuthor'>true</b:widget-setting>
<b:widget-setting name='style.linkcolor'>#ffffff</b:widget-setting>
<b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
<b:widget-setting name='style.bgcolor'>#ffffff</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='showLabels'>true</b:widget-setting>
<b:widget-setting name='showLocation'>false</b:widget-setting>
<b:widget-setting name='postLabelsLabel'/>
<b:widget-setting name='showTimestamp'>true</b:widget-setting>
<b:widget-setting name='postsPerAd'>1</b:widget-setting>
<b:widget-setting name='showBacklinks'>false</b:widget-setting>
<b:widget-setting name='style.bordercolor'>#ffffff</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'>Buka komentar (<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 lazyload' expr:alt='data:cb.level.author' expr:data-src='resizeImage(data:cb.level.authorAvatarSrc, 100, "1:1")' expr:title='data:cb.level.author' src='https://cdn.statically.io/gh/bloggerbyte/scripts/main/loading.svg'/>
</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 lazyload' expr:alt='data:post.title' expr:data-src='resizeImage(data:post.featuredImage, 400, "18:9")' src='https://cdn.statically.io/gh/bloggerbyte/scripts/main/loading.svg'/>
<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'>
<!-- SVG "Tips97 - Arslan" For 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>
<!-- SVG "Tips97 - Arslan" For 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>
<!-- SVG "Tips97 - Arslan" For 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>
<!-- SVG "Tips97 - Arslan" For 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>
<!-- SVG "Tips97 - Arslan" For 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>
<!-- SVG "Tips97 - Arslan" For 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>
<!-- SVG "Tips97 - Arslan" For 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>
<!-- SVG "Tips97 - Arslan" For 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>
<!-- SVG "Tips97 - Arslan" For 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>
<!-- Copy 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/a/AVvXsEjwKu4j0TqTIbXV6ZyoafA5RHKnWcgHj7biyn72CwzitlQVjsLe5T2VeeytWzORJULIR8zpBGjExccj_cOxOYuJq2lMD6VpXW14gXeS7pdR_GAUQ6hzG-jGvhSZDKPCEA3IpKONPoGDL3vGv8XQVP3eCvBC4cBMATrKYlUbGL6cYV7RVcHMKCQ4erXc",
"height": 348,
"width": 1200
</b:if>
},
</b:includable>
<b:includable id='postMetadataJSONPublisher'>
"publisher": {
"@type": "Organization",
"name": "Blogger",
"logo": {
"@type": "ImageObject",
"url": "https://blogger.googleusercontent.com/img/a/AVvXsEjwKu4j0TqTIbXV6ZyoafA5RHKnWcgHj7biyn72CwzitlQVjsLe5T2VeeytWzORJULIR8zpBGjExccj_cOxOYuJq2lMD6VpXW14gXeS7pdR_GAUQ6hzG-jGvhSZDKPCEA3IpKONPoGDL3vGv8XQVP3eCvBC4cBMATrKYlUbGL6cYV7RVcHMKCQ4erXc",
"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'>
<div id='cm-menu'>
<input checked='' class='cm-menus1 hidden' id='offcm-menu1' name='accordion-menu' type='radio'/>
<input class='cm-menus2 hidden' id='offcm-menu2' name='accordion-menu' type='radio'/>
<div class='cmbutton'>
<div class='cmbutton1'>
<label class='cmbutton-title' for='offcm-menu1'>Rules ~</label>
</div>
<div class='cmbutton2'>
<label class='cmbutton-title' for='offcm-menu2'>Media +</label>
</div>
</div>
<div class='pesan-komen'>
Respect Others <strong style='color:#6C6CE5'>Opinion</strong>. Commenting <strong style='color:#6C6CE5'>Link</strong> Is Strictly <strong style='color:#6C6CE5'>Forbidden</strong>. Comments According To The Posts Always Gets <strong style='color:#6C6CE5'>Priority</strong>.
</div>
<div class='bbcode'>
Enter <b>
<a href='https://image.bloggerbyte.net' rel='nofollow noopener noreffer' target='_blank' title='Upload Image Here'> Image URL </a>
</b> or <b>
<a href='https://www.youtube.com/?feature=youtu.be' rel='nofollow noopener noreffer' target='_blank' title='Get Youtube URL Here'> Video URL YouTube </a>
</b> or <b> Code Snippet </b>, or <b> Quote </b>, then click the button you want to parse. Copy the parsed result and paste it into the Comments Field.
<div id='parser'>
<textarea id='codes' placeholder='Enter the code / image_url / youtube_video_url here to parse' spellcheck='false'/>
<div class='alert alert-success margin-bottom-20 collapse' id='btnInfo' role='alert' style='display: none;'>
<button class='closer close-copy' onclick='document.getElementById("btnInfo").style.display = "none";cdClear();' type='button'><span aria-hidden='true'>×</span></button>
<span>Code Copied!</span>
</div>
<span class='button-group'>
<button class='btn btn-primary btn-xs' id='cvrt3' onclick='imgConvert();this.disabled = true;'>image</button>
<button class='btn btn-primary btn-xs' id='cvrt4' onclick='videoConvert();this.disabled = true;'>video</button>
<button class='btn btn-primary btn-xs' id='cvrt4' onclick='preConvert();this.disabled = true;'>pre</button>
<button class='btn btn-primary btn-xs' id='cvrt5' onclick='codeConvert();this.disabled = true;'>code</button>
<button class='btn btn-primary btn-xs' id='cvrt7' onclick='quoteConvert();this.disabled = true;'>quote</button><br/>
<button class='btn button-link btn-xs btn-info' data-clipboard-action='copy' data-clipboard-target='#codes' id='button-link' style='display: none;' type='submit'>Copy Code!</button>
<button class='btn btn-danger btn-xs' onclick='cdClear();'>Clear</button>
</span>
<span class='checkbox'>
<input checked='' id='opt1' type='checkbox'/>
<input checked='' id='opt2' type='checkbox'/>
<input checked='' id='opt3' type='checkbox'/>
<input checked='' id='opt4' type='checkbox'/>
<input checked='' id='opt5' type='checkbox'/><br/>
<input checked='' id='opt6' type='checkbox'/>
<span>image</span>
<input checked='' id='opt7' type='checkbox'/>
<span>video</span>
<input checked='' id='opt8' type='checkbox'/>
<span>quote</span>
<input checked='' id='opt10' type='checkbox'/>
<span>pre</span>
<input checked='' id='opt11' type='checkbox'/>
<span>code</span>
</span>
<div class='clear'/>
</div>
</div>
</div>
<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='Posts Ads' type='HTML' version='2' visible='false'>
<b:widget-settings>
<b:widget-setting name='content'/>
</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='Top of Post Ads' type='HTML' version='2' visible='false'>
<b:widget-settings>
<b:widget-setting name='content'/>
</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='Below Post Ads' type='HTML' version='2' visible='false'>
<b:widget-settings>
<b:widget-setting name='content'/>
</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='Home Ads' type='HTML' version='2' visible='false'>
<b:widget-settings>
<b:widget-setting name='content'/>
</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 cond='data:view.isHomepage' id='Profile00' locked='false' title='Blog Admin' type='Profile' version='2' visible='false'>
<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='widget-title'/>
<b:include name='content'/>
</b:includable>
<b:includable id='authorProfileImage'>
<img class='profile-img post-thumb lazyload' expr:alt='data:display-name' expr:data-src='data:authorPhoto.image' src='https://cdn.statically.io/gh/bloggerbyte/scripts/main/loading.svg'/>
</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='userProfileLink'>
<a class='profile-link' expr:href='data:userUrl' rel='author nofollow noreferrer' target='_blank'><data:displayname/></a>
</b:includable>
<b:includable id='userProfileMedia'>
<!-- Link social media -->
<ul class='profile-media'>
<!-- Facebook -->
<li>
<a aria-label='Social Media' href='https://www.facebook.com/TheArslanChaudhry' 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='https://twitter.com/Ch_Arslan_' 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='https://www.instagram.com/thearslanchaudhary/' 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='https://tips97tech.blogspot.com/' 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='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: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'>4</b:widget-setting>
<b:widget-setting name='showThumbnails'>false</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 lazyload' expr:alt='data:post.title' expr:data-src='resizeImage(data:post.featuredImage, 400, "26:9")' src='https://cdn.statically.io/gh/bloggerbyte/scripts/main/loading.svg'/>
</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'>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: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 cond='!data:view.isPreview' id='HTML004' locked='true' title='Sidebar Ads' type='HTML' version='2' visible='false'>
<b:widget-settings>
<b:widget-setting name='content'/>
</b:widget-settings>
<b:includable id='main'>
<div class='ads-content'>
<data:content/>
</div>
</b:includable>
</b:widget>
</b:section>
</aside>
</div>
<footer align='center' class='footbar'>
<div class='credit'>
<b>© <span id='getYear'><script>/*<![CDATA[*/ var d = new Date(); var n = d.getFullYear(); document.getElementById('getYear').innerHTML = n; /*]]>*/</script></span> ‧ <a expr:href='data:blog.homepageUrl.canonical'><data:blog.title/></a> | All Rights Reserved.</b><br/>
<span class='creator'>Developed by <a href='https://www.instagram.com/thearslanchaudhary/'>Arslan Ashraf</a></span>
</div>
</footer>
<b:else/>
<!-- Halaman 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='Navigation Menu' type='HTML' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='content'><![CDATA[<!-- Widget ini hanya bisa di edit pada menu EDIT HTML template -->]]></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'>Cookies</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 href='/search/label/Prime%20Video' itemprop='url'>Prime Video</a></li>
<li itemprop='name'><a href='/search/label/SEMrush' itemprop='url'>SEMrush</a></li>
<li itemprop='name'><a href='/search/label/Grammarly' itemprop='url'>Grammarly</a></li>
<li itemprop='name'><a href='/search/label/Netflix' itemprop='url'>Netflix</a></li>
<li itemprop='name'><a href='/search/label/ChatGPT' itemprop='url'>ChatGPT</a></li>
<li itemprop='name'><a href='https://tips97tech.blogspot.com/search/label/Free%20Paid%20Tools' itemprop='url'>More Tooks</a></li>
</ul>
</li>
<!-- About me link -->
<li>
<a class='link' href='https://tips97tech.blogspot.com/p/about.html' 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' href='https://tips97tech.blogspot.com/p/contact-us.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' href='https://tips97tech.blogspot.com/p/free-paid-tools.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'>Free Paid Tools</span>
</a>
</li>
<!-- Sitemap link -->
<li>
<a class='link' href='https://tips97tech.blogspot.com/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='https://tips97tech.blogspot.com/p/disclaimer.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='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='https://tips97tech.blogspot.com/p/privacy.html' 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'>Close</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='https://tips97tech.blogspot.com/' 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='https://tips97tech.blogspot.com/' 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='https://tips97tech.blogspot.com/' 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='https://tips97tech.blogspot.com/' 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>
<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("dark-mode"):document.querySelector("#mainContent").classList.remove("dark-mode")};
( 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", "lazyload"); image.setAttribute("data-src",source); image.setAttribute("src","https://cdn.statically.io/gh/bloggerbyte/scripts/main/loading.svg"); 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>" };
// Lazy Sizes
var lazysizer=!1;window.addEventListener("scroll",function(){(0!=document.documentElement.scrollTop&&!1===lazysizer||0!=document.body.scrollTop&&!1===lazysizer)&&(!function(){var e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src="https://cdn.jsdelivr.net/gh/Arlina-Design/phantom@master/lazysarline.js";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(e,a)}(),lazysizer=!0)},!0);
/*]]>*/
</script>
<!-- <b:include cond='data:view.isMultipleItems' name='postPagination-more'/> -->
<b:if cond='data:view.isMultipleItems'>
<script>/*<![CDATA[*/
var noPage,currentPage,currentPageNo,postLabel,
perPage=9,
numPages=3,
firstText="First",
lastText="Last",
prevText="Previous",
nextText="Next",
urlactivepage=location.href,home_page="/";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-=1),pageEnd=pageStart+numPages-1,pageEnd>lastPageNo&&(pageEnd=lastPageNo),a+="<span class='showpageOf'>Page "+currentPageNo+" of "+lastPageNo+"</span>";var t=parseInt(currentPageNo)-1;currentPageNo>1&&(a+="page"==currentPage?'<span class="showpage firstpage"><a href="'+home_page+'">'+firstText+"</a></span>":'<span class="displaypageNum firstpage"><a href="/search/label/'+postLabel+"?&max-results="+perPage+'">'+firstText+"</a></span>"),currentPageNo>2&&(a+=3==currentPageNo?"page"==currentPage?'<span class="showpage"><a href="'+home_page+'">'+prevText+"</a></span>":'<span class="displaypageNum"><a href="/search/label/'+postLabel+"?&max-results="+perPage+'">'+prevText+"</a></span>":"page"==currentPage?'<span class="displaypageNum"><a href="#" onclick="redirectpage('+t+');return false">'+prevText+"</a></span>":'<span class="displaypageNum"><a href="#" onclick="redirectlabel('+t+');return false">'+prevText+"</a></span>"),pageStart>1&&(a+="page"==currentPage?'<span class="displaypageNum"><a href="'+home_page+'">1</a></span>':'<span class="displaypageNum"><a href="/search/label/'+postLabel+"?&max-results="+perPage+'">1</a></span>'),pageStart>2&&(a+=" ... ");for(var s=pageStart;s<=pageEnd;s++)a+=currentPageNo==s?'<span class="pagecurrent">'+s+"</span>":1==s?"page"==currentPage?'<span class="displaypageNum"><a href="'+home_page+'">1</a></span>':'<span class="displaypageNum"><a href="/search/label/'+postLabel+"?&max-results="+perPage+'">1</a></span>':"page"==currentPage?'<span class="displaypageNum"><a href="#" onclick="redirectpage('+s+');return false">'+s+"</a></span>":'<span class="displaypageNum"><a href="#" onclick="redirectlabel('+s+');return false">'+s+"</a></span>";pageEnd<lastPageNo-1&&(a+="..."),pageEnd<lastPageNo&&(a+="page"==currentPage?'<span class="displaypageNum"><a href="#" onclick="redirectpage('+lastPageNo+');return false">'+lastPageNo+"</a></span>":'<span class="displaypageNum"><a href="#" onclick="redirectlabel('+lastPageNo+');return false">'+lastPageNo+"</a></span>");var r=parseInt(currentPageNo)+1;currentPageNo<lastPageNo-1&&(a+="page"==currentPage?'<span class="displaypageNum"><a href="#" onclick="redirectpage('+r+');return false">'+nextText+"</a></span>":'<span class="displaypageNum"><a href="#" onclick="redirectlabel('+r+');return false">'+nextText+"</a></span>"),currentPageNo<lastPageNo&&(a+="page"==currentPage?'<span class="displaypageNum lastpage"><a href="#" onclick="redirectpage('+lastPageNo+');return false">'+lastText+"</a></span>":'<span class="displaypageNum lastpage"><a href="#" onclick="redirectlabel('+lastPageNo+');return false">'+lastText+"</a></span>");for(var p=document.getElementsByName("pageArea"),n=document.getElementById("blog-pager"),l=0;l<p.length;l++)p[l].innerHTML=a;p&&p.length>0&&(a=""),n&&(n.innerHTML=a)}function totalcountdata(e){var a=e.feed;looppagecurrentg(parseInt(a.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,document.write('<script src="'+home_page+'feeds/posts/summary?max-results=1&alt=json-in-script&callback=totalcountdata"><\/script>')):(currentPage="label",-1==e.indexOf("&max-results=")&&(perPage=20),currentPageNo=-1!=urlactivepage.indexOf("#PageNo=")?urlactivepage.substring(urlactivepage.indexOf("#PageNo=")+8,urlactivepage.length):1,document.write('<script src="'+home_page+"feeds/posts/summary/-/"+postLabel+'?alt=json-in-script&callback=totalcountdata&max-results=1" ><\/script>')))}function redirectpage(e){jsonstart=(e-1)*perPage,noPage=e;var a=document.getElementsByTagName("head")[0],t=document.createElement("script");t.type="text/javascript",t.setAttribute("src",home_page+"feeds/posts/summary?start-index="+jsonstart+"&max-results=1&alt=json-in-script&callback=finddatepost"),a.appendChild(t)}function redirectlabel(e){jsonstart=(e-1)*perPage,noPage=e;var a=document.getElementsByTagName("head")[0],t=document.createElement("script");t.type="text/javascript",t.setAttribute("src",home_page+"feeds/posts/summary/-/"+postLabel+"?start-index="+jsonstart+"&max-results=1&alt=json-in-script&callback=finddatepost"),a.appendChild(t)}function finddatepost(e){post=e.feed.entry[0];var a=post.published.$t.substring(0,19)+post.published.$t.substring(23,29),t=encodeURIComponent(a);if("page"==currentPage)var s="/search?updated-max="+t+"&max-results="+perPage+"#PageNo="+noPage;else s="/search/label/"+postLabel+"?updated-max="+t+"&max-results="+perPage+"#PageNo="+noPage;location.href=s}void 0===firstText&&(firstText="First"),void 0===lastText&&(lastText="Last"),pagecurrentg();
/*]]>*/</script>
</b:if>
<b:if cond='data:view.isSingleItem'>
<script src='https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.2.1/highlight.min.js'/>
<script src='https://cdn.rawgit.com/zenorocha/clipboard.js/v1.5.16/dist/clipboard.min.js'/>
<script>
//<\[\/img\]/gi,"<img class='lazyload cm-image' data-src='$1' src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAYAAAA7KqwyAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAAPSURBVCiRY2AYBaOACgAAAkkAAeA86/QAAAAASUVORK5CYII=' alt='image' loading='lazy' />")).replace(/<i rel="video">https?:\/\/www\.youtube\.com\/embed\/(.*?)<\/i>/gi,"<div class='lazy-youtube'><iframe class='cm-youtube' loading='lazy' frameborder='0' allowfullscreen='' src='https://www.youtube.com/embed/$1?rel=0&showinfo=0'></iframe></div>")).replace(/<i rel="video">(https?:\/\/youtu\.be\/|https?:\/\/www\.youtube\.com\/watch\?v\=)(.*?)<\/i>/gi,"<div class='lazy-youtube'><iframe class='cm-youtube' loading='lazy' frameborder='0' allowfullscreen='' src='https://www.youtube.com/embed/$2?rel=0&showinfo=0'></iframe></div>")).replace(/\[video\]https?:\/\/www\.youtube\.com\/embed\/(.*?)\[\/video\]/gi,"<div class='lazy-youtube'><iframe class='cm-youtube' loading='lazy' frameborder='0' allowfullscreen='' src='https://www.youtube.com/embed/$1?rel=0&showinfo=0'></iframe></div>")).replace(/\[video\](https?:\/\/youtu\.be\/|https?:\/\/www\.youtube\.com\/watch\?v\=)(.*?)\[\/video\]/gi,"<div class='lazy-youtube'><iframe class='cm-youtube' loading='lazy' frameborder='0' allowfullscreen='' src='https://www.youtube.com/embed/$2?rel=0&showinfo=0'></iframe></div>")).replace(/<i rel="code">(.*?)<\/i>/gi,"<code>$1</code>")).replace(/<i rel="pre">(.*?)<\/i>/gi,"<pre>$1</pre>")).replace(/<b rel="quote">(.*?)<\/b>/gi,"<blockquote>$1</blockquote>")).replace(/\[code\](.*?)\[\/code\]/gi,"<code>$1</code>")).replace(/\[pre\](.*?)\[\/pre\]/gi,"<pre>$1</pre>")).replace(/\[blockquote\](.*?)\[\/blockquote\]/gi,"<blockquote>$1</blockquote>")).replace(/\[quote\](.*?)\[\/quote\]/gi,"<blockquote>$1</blockquote>")).replace(/&feature=[\w-]*/gi,"")).replace(/\/s(640|1600|1280)/g,"/s636"),a.innerHTML=A)}repText("comment-holder");
"use strict";!function(e,o){"object"==typeof module&&"object"==typeof module.exports?module.exports=e.document?o(e,!0):function(e){if(!e.document)throw new Error("A window with a document is required");return o(e)}:o(e)}("undefined"!=typeof window?window:this,function(y,e){if("boolean"!=typeof o)var o=!1;function t(e){var o,m={templateSelector:"#CodeBadgeTemplate",contentSelector:"body",loadDelay:0,copyIconClass:"fa fa-copy",copyIconContent:"",checkIconClass:"fa fa-check text-success",checkIconContent:"",onBeforeCodeCopied:null};function t(){m.loadDelay?setTimeout(n,loadDelay):n()}function n(){if(!document.querySelector(m.templateSelector)){var e=document.createElement("div");e.innerHTML=function(){for(var e=["<style>","@media print {"," .code-badge { display: none; }","}"," .dark-mode .code-badge {"," background: rgba(78,95,109,.10);"," }"," .code-badge-pre {"," position: relative;"," }"," .code-badge {"," display: flex;"," flex-direction: row;"," white-space: normal;"," background: rgba(88,101,111,.63);"," color: #333;"," font-size: 0.875em;"," opacity: 0.5;"," transition: opacity linear 0.5s;"," border-radius: 0 4px 0 4px;"," padding: 5px 8px 5px 8px;"," position: absolute;"," right: 0;"," top: 0;"," }"," .code-badge.active {"," opacity: 0.8;"," }",""," .code-badge:hover {"," opacity: .95;"," }",""," .code-badge a,"," .code-badge a:hover {"," text-decoration: none;"," }",""," .code-badge-language {"," margin-right: 10px;"," font-weight: 600;"," color: goldenrod;"," }"," .fa.text-success:{ color: limegreen !important }","</style>",'<div id="CodeBadgeTemplate" style="display:none">',' <div class="code-badge">',' <div class="code-badge-language" >{{language}}</div>',' <div id="copyy" title="Salin Code">',' <i class="{{copyIconClass}}"></i></i></a>'," </div>"," </div>","</div>"],o="",t=0;t<e.length;t++)o+=e[t]+"\
";return o}();var o=e.querySelector("style"),t=e.querySelector(m.templateSelector);document.body.appendChild(o),document.body.appendChild(t)}for(var n=document.querySelector(m.templateSelector).innerHTML,c=document.querySelectorAll("pre>code.hljs"),a=0;a<c.length;a++){var r=c[a];if(!r.querySelector(".code-badge")){for(var d="",l=0;l<r.classList.length;l++){var i=r.classList[l];if("language-"===i.substr(0,9)){d=r.classList[l].replace("language-","");break}if("lang-"===i.substr(0,5)){d=r.classList[l].replace("lang-","");break}if(!d)for(var s=0;s<r.classList.length;s++)if("hljs"!=r.classList[s]){d=r.classList[s];break}}"ps"==(d=d?d.toLowerCase():"text")?d="powershell":"cs"==d?d="csharp":"js"==d?d="javascript":"ts"==d?d="typescript":"fox"==d&&(d="foxpro");var p=n.replace("{{language}}",d).replace("{{copyIconClass}}",m.copyIconClass).trim(),u=document.createElement("div");u.innerHTML=p,u=u.querySelector(".code-badge");var g=r.parentElement;g.classList.add("code-badge-pre"),m.copyIconContent&&(u.querySelector(".code-badge-copy-icon").innerText=m.copyIconContent),g.insertBefore(u,r)}}document.querySelector(m.contentSelector).addEventListener("click",function(e){return e.srcElement.classList.contains("code-badge-copy-icon")&&(e.preventDefault(),e.cancelBubble=!0,function(e){var o=e.srcElement.parentElement.parentElement.parentElement,t=o.querySelector("pre>code"),n=t.textContent||t.innerText;m.onBeforeCodeCopied&&(n=m.onBeforeCodeCopied(n,t));var c=document.createElement("textarea");c.value=n.trim(),document.body.appendChild(c),c.style.display="block",y.document.documentMode?c.setSelectionRange(0,c.value.length):c.select();document.execCommand("copy"),document.body.removeChild(c),function(e){var o=m.copyIconClass.split(" "),t=m.checkIconClass.split(" "),n=e.querySelector(".code-badge-copy-icon");n.innerText=m.checkIconContent;for(var c=0;c<o.length;c++)n.classList.remove(o[c]);for(c=0;c<t.length;c++)n.classList.add(t[c]);setTimeout(function(){n.innerText=m.copyIconContent;for(var e=0;e<t.length;e++)n.classList.remove(t[e]);for(e=0;e<o.length;e++)n.classList.add(o[e])},2e3)}(o)}(e)),!1})}o=e,Object.assign(m,o),"loading"==document.readyState?document.addEventListener("DOMContentLoaded",t):t()}y.highlightJsBadge=t,y.module&&y.module.exports&&(y.module.exports.highlightJsBadge=t),o&&t()});
document.addEventListener("DOMContentLoaded", (event) => {
var pres = document.querySelectorAll("pre>code");
for (var i = 0; i < pres.length; i++) {
hljs.highlightBlock(pres[i]);
}
var options = {
contentSelector: ".post-content",
loadDelay:0,
copyIconClass: "code-badge-copy-icon",
checkIconClass: "code-badge-check-icon",
onBeforeTextCopied: function(text, codeElement) {
return text;
}
};
window.highlightJsBadge(options);
});
function cdClear(){var e=document.getElementById("codes");e.value="",e.focus();for(var t=document.querySelectorAll("#cvrt3, #cvrt4, #cvrt5, #cvrt6, #cvrt7, #cvrt8, #cvrt9, #cvrt10, #cvrt11"),c=0;c<t.length;c++)t[c].disabled=!1,document.getElementById("btnInfo").style.display="none",document.getElementById("button-link").style.display="none"}function preConvert(){var e=document.getElementById("codes"),t=e.value,c=document.getElementById("opt1"),l=document.getElementById("opt2"),n=document.getElementById("opt3"),d=document.getElementById("opt4"),o=document.getElementById("opt5"),u=document.getElementById("opt10"),t=t.replace(/ /g," ");u.checked&&(c.checked&&(t=t.replace(/&/g,"&")),l.checked&&(t=t.replace(/'/g,"'")),n.checked&&(t=t.replace(/"/g,""")),d.checked&&(t=t.replace(/</g,"<")),o.checked&&(t=t.replace(/>/g,">")),t=(t=t.replace(/^/,"<i rel='pre'>")).replace(/$/,"</i>"),e.value=t,e.focus(),document.getElementById("button-link").style.display="inline-block")}function codeConvert(){var e=document.getElementById("codes"),t=e.value,c=document.getElementById("opt1"),l=document.getElementById("opt2"),n=document.getElementById("opt3"),d=document.getElementById("opt4"),o=document.getElementById("opt5"),u=document.getElementById("opt11"),t=t.replace(/ /g," ");u.checked&&(c.checked&&(t=t.replace(/&/g,"&")),l.checked&&(t=t.replace(/'/g,"'")),n.checked&&(t=t.replace(/"/g,""")),d.checked&&(t=t.replace(/</g,"<")),o.checked&&(t=t.replace(/>/g,">")),t=(t=t.replace(/^/,"<i rel='code'>")).replace(/$/,"</i>"),e.value=t,e.focus(),document.getElementById("button-link").style.display="inline-block")}function imgConvert(){var e=document.getElementById("codes"),t=e.value,c=document.getElementById("opt6"),t=t.replace(/ /g," ");c.checked&&(t=(t=t.replace(/^/,"<i rel='img'>")).replace(/$/,"</i>"),e.value=t,e.focus(),document.getElementById("button-link").style.display="inline-block")}function videoConvert(){var e=document.getElementById("codes"),t=e.value,c=document.getElementById("opt7"),t=t.replace(/ /g," ");c.checked&&(t=(t=t.replace(/^/,"<i rel='video'>")).replace(/$/,"</i>"),e.value=t,e.focus(),document.getElementById("button-link").style.display="inline-block")}function quoteConvert(){var e=document.getElementById("codes"),t=e.value,c=document.getElementById("opt8"),t=t.replace(/ /g," ");c.checked&&(t=(t=t.replace(/^/,"<b rel='quote'>")).replace(/$/,"</b>"),e.value=t,e.focus(),document.getElementById("button-link").style.display="inline-block")};
var clipboard = new Clipboard(".button-link");
clipboard.on("success", function (o) {
console.log(o), document.getElementById("btnInfo")
.style.display = "block", document.getElementById("codes")
.value = ""
}), clipboard.on("error", function (o) {
console.log(o)
});
//]]>
</script>
</b:if>
<!--<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>
<!--[By ARSLAN ASHRAF]-->
<!--[ </body> close ]-->
<!--</body>--></body>
</html>
<!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='en' 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/a/AVvXsEiqUH05UAnidzbwf_uejbdZW7b1Lpw7qCnFmKHdWxuUXHM5GjCc7SKLME3QiTZ8kV9loo5zqUXANb-08bXTB8H1YmUZABE7deBVD-YKOe3rANPT3ltjZx1AeyWkROfsNpNlzzNegMxAPYMla-AVIc1SbUtePOGw6tOqD4OKn_uLNRw1nNXw_4N3rRSxaLIK' property='og:image'/>
</b:if>
</b:if>
<b:if cond='data:view.isMultipleItems'>
<meta content='https://blogger.googleusercontent.com/img/a/AVvXsEiqUH05UAnidzbwf_uejbdZW7b1Lpw7qCnFmKHdWxuUXHM5GjCc7SKLME3QiTZ8kV9loo5zqUXANb-08bXTB8H1YmUZABE7deBVD-YKOe3rANPT3ltjZx1AeyWkROfsNpNlzzNegMxAPYMla-AVIc1SbUtePOGw6tOqD4OKn_uLNRw1nNXw_4N3rRSxaLIK' 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='Arslan Ashraf' name='Author'/>
<link href='https://www.facebook.com/' rel='me'/>
<link href='https://www.facebook.com/' rel='author'/>
<link href='https://www.facebook.com/' rel='publisher'/>
<meta content='Xxxxxxxxxxxxxxxxxx' property='fb:admins'/>
<meta content='Xxxxxxxxxxxxxxxxxx' property='fb:pages'/>
<meta content='Xxxxxxxxxxxxxxxxxx' property='fb:app_id'/>
<meta content='https://www.facebook.com/Xxxxxxxxxxxxxxxxxx' property='article:author'/>
<meta content='https://www.facebook.com/Xxxxxxxxxxxxxxxxxx' 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='India' 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='' name='google-site-verification'/>
<meta content='' name='msvalidate.01'/>
<meta content='' name='p:domain_verify'/>
<meta content='' name='majestic-site-verification'/>
<meta content='Arslan Ashraf' 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="$(color) url() no-repeat scroll center 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="#161617"/>
<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="#005af0"/>
</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 : White UI
Version : 1.6
Date : June 16, 2022
Demo : https://whiteui.blogspot.com/
Type : Premium
Designer : Arslan Ashraf
============================================================================
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.
============================================================================
*/
body#layout{width:922px}
body#layout .mainContainer{display:flex;}
body#layout .header{width:50%}
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}
/*
* The Typekit service used to deliver this font or fonts for use on websites
* is provided by Adobe and is subject to these Terms of Use
* http://www.adobe.com/products/eulas/tou_typekit. For font license
* information, see the list below.
*
* objektiv-mk1:
* - http://typekit.com/eulas/00000000000000003b9add1d
* - http://typekit.com/eulas/00000000000000003b9add20
* - http://typekit.com/eulas/00000000000000003b9add21
* - http://typekit.com/eulas/00000000000000003b9add23
*
* © 2009-2021 Adobe Systems Incorporated. All Rights Reserved.
*/
/*{"last_published":"2018-07-13 12:06:46 UTC"}*/
@import url("https://p.typekit.net/p.css?s=1&k=zhk0dtj&ht=tk&f=26963.26966.26968.26969&a=683104&app=typekit&e=css");
@font-face {
font-family:"objektiv-mk1";
src:url("https://use.typekit.net/af/f6162d/00000000000000003b9add1d/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff2"),url("https://use.typekit.net/af/f6162d/00000000000000003b9add1d/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("woff"),url("https://use.typekit.net/af/f6162d/00000000000000003b9add1d/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:300;
}
@font-face {
font-family:"objektiv-mk1";
src:url("https://use.typekit.net/af/9bda67/00000000000000003b9add20/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/9bda67/00000000000000003b9add20/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/9bda67/00000000000000003b9add20/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:400;
}
@font-face {
font-family:"objektiv-mk1";
src:url("https://use.typekit.net/af/3f32fc/00000000000000003b9add21/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"),url("https://use.typekit.net/af/3f32fc/00000000000000003b9add21/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff"),url("https://use.typekit.net/af/3f32fc/00000000000000003b9add21/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:500;
}
@font-face {
font-family:"objektiv-mk1";
src:url("https://use.typekit.net/af/8adee8/00000000000000003b9add23/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/8adee8/00000000000000003b9add23/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/8adee8/00000000000000003b9add23/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype");
font-display:auto;font-style:normal;font-weight:700;
}
.tk-objektiv-mk1 { font-family: "objektiv-mk1",sans-serif; }
/* Main Font */
@font-face{font-family:'arcon';src:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/199011/arcon-regular-webfont.eot);src:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/199011/arcon-regular-webfont.eot?#iefix) format("embedded-opentype"),url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/199011/arcon-regular-webfont.woff2) format("woff2"),url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/199011/arcon-regular-webfont.woff) format("woff"),url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/199011/arcon-regular-webfont.ttf) format("truetype"),url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/199011/arcon-regular-webfont.svg#arconregular) format("svg");font-weight:400;font-style:normal}
@font-face{font-family:Sofia Pro;src:url("https://d33wubrfki0l68.cloudfront.net/d6a243b3f785a25f244c53d589a75d04ead202c2/a9220/static/sofiapromedium-9749e8d302d7d4c72f10dbc1c7823407.eot");src:local("Sofia Pro Medium"),local("SofiaProMedium"),url("https://d33wubrfki0l68.cloudfront.net/d6a243b3f785a25f244c53d589a75d04ead202c2/a9220/static/sofiapromedium-9749e8d302d7d4c72f10dbc1c7823407.eot#iefix") format("embedded-opentype"),url("https://d33wubrfki0l68.cloudfront.net/c07191f0a53466930355f140826575d77f92a001/f1bd6/static/sofiapromedium-e12ea758d1165cfc4c3a3b7ce8d21e84.woff2") format("woff2"),url("https://d33wubrfki0l68.cloudfront.net/6dbf6019199a14a8d794376e7d016e6ad1162f93/def97/static/sofiapromedium-2f46a1f8aa21a1a14db85aa4d3872ede.woff") format("woff"),url("https://d33wubrfki0l68.cloudfront.net/0eefbc3d8cf460fd5e69cf7ddbb9042dd956f3f2/e5a01/static/sofiapromedium-6e41a9e8391e43459371934ce9f98e28.ttf") format("truetype");font-weight:500;font-style:normal}
@font-face{font-family:Sofia Pro;src:url("https://d33wubrfki0l68.cloudfront.net/dd6de820734fa07ff7588840990c15cd859c8f09/18a7e/static/sofiaprobold-0d34d363f12f4ec436f1a7089f6e6311.eot");src:local("Sofia Pro Bold"),local("SofiaProBold"),url("https://d33wubrfki0l68.cloudfront.net/dd6de820734fa07ff7588840990c15cd859c8f09/18a7e/static/sofiaprobold-0d34d363f12f4ec436f1a7089f6e6311.eot#iefix") format("embedded-opentype"),url("https://d33wubrfki0l68.cloudfront.net/b5e7197f03aaed3a5ef612fc90b93f4d3d12833c/87eb1/static/sofiaprobold-7fb52277f0a1e8763534a38df07abf15.woff2") format("woff2"),url("https://d33wubrfki0l68.cloudfront.net/f545e635100b5f96fc007ed134d82ac811784cfe/024fc/static/sofiaprobold-8f7460a773b621ec62df198b8cdb0704.woff") format("woff"),url("https://d33wubrfki0l68.cloudfront.net/f6a41518fe7f8d74fe23f0dd8d832e9d659f935d/bf5fa/static/sofiaprobold-b053c4992e8431e47a4669422a03ee8d.ttf") format("truetype");font-weight:700;font-style:normal}
@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');}
/* Font Arab */
@font-face {font-family: KFGQPC Uthman Taha Naskh Bold;font-display: swap;src: url('https://cdn.statically.io/gh/imansani93/idnxmus-html/090d0692/UTHMANTN1B%20VER10_0.OTF') format('opentype');font-weight: bold;font-style: normal;}
.arab {font-size:26px;line-height:2;font-family:KFGQPC Uthman Taha Naskh Bold;font-weight:normal;text-align:right;direction:rtl;margin:25px 0;}
ul.credit li{margin-bottom:6px;}
ul.credit{font-family:'objektiv-mk1';line-height:1.3em;font-size:11px;padding:0;list-style:none;font-style:italic;color:#989B9F;margin:1.5em 0}
ul.credit:before{content:'Sumber Referensi :';display:block;margin-bottom:6px;font-weight:600;font-style:normal;font-size:12px}
.i-love{color:red}
/* Standar Element */
*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}
h1, h2, h3, h4, h5, h6{margin:0;font-weight:700;font-family:Sofia Pro, sans-serif;color:#333333} 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}
a{color:#6C6CE5;text-decoration:none} a:hover{opacity:.7;transition:opacity .15s;-webkit-transition:opacity .15s}
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;vertical-align:baseline} img{display:block;position:relative;max-width:100%;height:auto}
svg{width:22px;height:22px;fill:#333333}
.dark-mode svg{fill:#c6c9ce}
svg.line .svg-c{fill:none;stroke:#6C6CE5}
svg.line, svg .line{fill:none!important;stroke:#161617;stroke-linecap:round;stroke-linejoin:round;stroke-width:1}
.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;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}
.free:after, .new:after{content:'Free!';color:var(--link-color);font-size:85%;font-weight:400;margin-left:5px} .new:after{content:'New!'}
article .info{background:#fff;padding:10px 15px;border-radius:4px;box-shadow:0 10px 20px 0 rgba(30,30,30,.04)}
.dark-mode article .info{background:#242526;box-shadow:0 6px 18px 0 rgba(23,23,26,0.02)}
.baca-juga{position:relative;padding-left:15px}
.baca-juga:before{content:'';position:absolute;left:0;top:0;display:block;width:4px;height:100%;border-radius:0 3px 3px 0;background:#F9CA24}
kbd{margin:0 0.1em;padding:0.12em 0.6em;border-radius:3px;border:1px solid rgb(204,204,204);color:rgb(51,51,51);font-family:Roboto;font-size:14px;display:inline;box-shadow:0 1px 0 rgba(0,0,0,0.2),inset 0 0 0 2px #ffffff;background-color:rgb(247,247,247);-moz-box-shadow:0 1px 0 rgba(0,0,0,0.2),0 0 0 2px #ffffff inset;-webkit-box-shadow:0 1px 0 rgba(0,0,0,0.2),0 0 0 2px #ffffff inset;-moz-border-radius:3px;-webkit-border-radius:3px;text-shadow:0 1px 0 #fff}
.dark-mode kbd{border:1px solid #161717;color:#B0B3B8;box-shadow:0 1px 0 #131414,inset 0 0 0 2px #242526;background-color:#1C1D1E;-moz-box-shadow:0 1px 0 #131414,0 0 0 2px #242526 inset;-webkit-box-shadow:0 1px 0 #131414,0 0 0 2px #242526 inset;text-shadow:0 1px 0 #131414}
a.ext{background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14,3V5H17.59L7.76,14.83L9.17,16.24L19,6.41V10H21V3M19,19H5V5H12V3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V12H19V19Z' fill='%2317BF63'/%3E%3C/svg%3E");background-color:transparent;background-repeat:no-repeat;background-position:center right;background-size:15px 15px;padding-right:18px}
/* Scrollbar Custom */
html, #nav-widget, .Blog pre, .Blog pre code{scrollbar-width:thin}
/* Sytax Highlighter */
.hljs,.hljs-subst,.hljs-tag{color:#eaebec}.hljs-emphasis,.hljs-strong{color:#a8a8a2}.hljs-bullet,.hljs-link,.hljs-literal,.hljs-number,.hljs-quote,.hljs-regexp{color:#ae81ff}.hljs-code,.hljs-section,.hljs-selector-class,.hljs-title{color:#a6e22e}.hljs-strong{font-weight:700}.hljs-emphasis{font-style:italic}.hljs-attr,.hljs-keyword,.hljs-name,.hljs-selector-tag{color:#f15a5a}.hljs-attribute,.hljs-symbol{color:#66d9ef}.hljs-class .hljs-title,.hljs-params{color:#f8f8f2}.hljs-addition,.hljs-built_in,.hljs-builtin-name,.hljs-selector-attr,.hljs-selector-id,.hljs-selector-pseudo,.hljs-string,.hljs-template-variable,.hljs-type,.hljs-variable{color:#e6db74}.hljs-comment,.hljs-deletion,.hljs-meta{color:#75715e}
article.post pre code:hover::-webkit-scrollbar-thumb {display:block}
article.post pre code::-webkit-scrollbar-thumb {display:none;background-color:rgba(65,72,67,.53)}
mark{padding:1px 6px;border-radius:2px;font-family:'Fira Mono', monospace;font-size: 15px}
code mark{font-size: 13px;margin: 2px;display: inline-block;}
pre code mark{margin:0;padding:0;border-radius:2px}
mark .hljs, mark .hljs-subst, mark .hljs-tag, mark .hljs-addition, mark.hljs-built_in, mark .hljs-builtin-name, mark .hljs-selector-attr, mark .hljs-selector-id, mark .hljs-selector-pseudo, mark .hljs-string, mark .hljs-attr, mark .hljs-template-variable, mark .hljs-type, .hljs-variable, mark .hljs-attribute,mark .hljs-symbol,mark .hljs-bullet,mark .hljs-link,mark .hljs-literal,mark .hljs-number,mark .hljs-quote,mark .hljs-regexp{color:#000}
.code-badge-copy-icon {
background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Crect height='13' rx='2' ry='2' width='13' x='9' y='9' fill='none' stroke='%23c6c9ce' stroke-width='1.6'%3E%3C/rect%3E%3Cpath d='M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1' fill='none' stroke='%23c6c9ce' stroke-width='1.6'%3E%3C/path%3E%3C/svg%3E");background-size: 55% 55%;background-repeat:no-repeat;background-position:center;cursor:pointer;padding:7px 15px;margin:-5px -8px;}
.code-badge > .code-badge-check-icon {
background: green;
}
.code-badge-check-icon {
cursor: pointer;
padding: 0 7px;
background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGFyaWEtaGlkZGVuPSJ0cnVlIiBmb2N1c2FibGU9ImZhbHNlIiBkYXRhLXByZWZpeD0iZmFzIiBkYXRhLWljb249ImNoZWNrIiBjbGFzcz0ic3ZnLWlubGluZS0tZmEgZmEtY2hlY2sgZmEtdy0xNiIgcm9sZT0iaW1nIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiIgc3R5bGU9IiYjMTA7ICAgIGNvbG9yOiAjMmFmZjMyOyYjMTA7Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0xNzMuODk4IDQzOS40MDRsLTE2Ni40LTE2Ni40Yy05Ljk5Ny05Ljk5Ny05Ljk5Ny0yNi4yMDYgMC0zNi4yMDRsMzYuMjAzLTM2LjIwNGM5Ljk5Ny05Ljk5OCAyNi4yMDctOS45OTggMzYuMjA0IDBMMTkyIDMxMi42OSA0MzIuMDk1IDcyLjU5NmM5Ljk5Ny05Ljk5NyAyNi4yMDctOS45OTcgMzYuMjA0IDBsMzYuMjAzIDM2LjIwNGM5Ljk5NyA5Ljk5NyA5Ljk5NyAyNi4yMDYgMCAzNi4yMDRsLTI5NC40IDI5NC40MDFjLTkuOTk4IDkuOTk3LTI2LjIwNyA5Ljk5Ny0zNi4yMDQtLjAwMXoiLz48L3N2Zz4=');
background-size: 100% 100%;
}
div#copyy i.code-badge-copy-icon:before {content:'Copy Code';font-style:normal;position:absolute;display:block;top:-20px;width:max-content;background:rgba(0,0,0,.57);color:#fff;border-radius:3px;right:0;padding:2px 6px;visibility:hidden;opacity:0;transition:all .2s ease}
div#copyy:hover i.code-badge-copy-icon::before{visibility:visible;opacity:1;top:-33px}
div#copyy i.code-badge-copy-icon:after{content:'';position:absolute;top:0;right:13px;border-left:solid transparent 4px;border-right:solid transparent 4px;border-top:solid rgba(0,0,0,.57) 4px;opacity:0;visibility:hidden;transition:all .2s ease}
div#copyy:hover i.code-badge-copy-icon::after{visibility:visible;opacity:1;top:-9.8px}
div#copyy i.code-badge-check-icon:before {content:'Code Copied!';font-style:normal;position:absolute;display:block;top:-33px;width:max-content;background:rgba(0,0,0,.57);color:#fff;border-radius:3px;right:0;padding:2px 6px;transition:all .2s ease}
div#copyy i.code-badge-check-icon:after{content:'';position:absolute;top:-9.8px;right:13px;border-left:solid transparent 4px;border-right:solid transparent 4px;border-top:solid rgba(0,0,0,.57) 4px;transition:all .2s ease}
.dark-mode div#copyy i.code-badge-copy-icon:before, .dark-mode div#copyy i.code-badge-check-icon:before{background:rgba(255,255,255,.06)}
.dark-mode div#copyy i.code-badge-copy-icon:after, .dark-mode div#copyy i.code-badge-check-icon:after{border-top:solid rgba(255,255,255,.06) 4px}
/* Parse Code */
.singleItem.post #parser{position:relative;margin-top:20px}
.singleItem.post #codes{border:1px solid #ededef;width:100%;height:150px;display:block;background-color:#fafafa;border-radius:4px;font:400 11px 'Fira Mono',monospace;resize:none;margin:0 0 10px;padding:10px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;box-shadow:none}
.singleItem.post #codes:active,#codes:focus{background-color:#f5f5f5;color:#444;outline:0}
.singleItem.post .btn-xs{font-family:'PT Sans';font-size:12px;line-height:1.5;border-radius:2px;padding:1px 5px;border:none;color:#fff;outline:0;cursor:pointer}
.singleItem.post .btn-primary{background-color:#17bf63;margin-bottom: 10px;}
.singleItem.post .btn-danger{background-color:#7687b7}
.singleItem.post .btn-info{background-color:#c16c6c}
.singleItem.post .btn-primary:active,.singleItem.post .btn-primary:hover,.singleItem.post .parser:active,.singleItem.post .parser:hover,.singleItem.post .btn-primary:focus,.singleItem.post .button-group button:disabled,.singleItem.post .parser:focus{color:#fff;background-color:#12a052}
.singleItem.post .btn-danger:active,.singleItem.post .btn-danger:hover{color:#fff;background-color:#616f98}
.singleItem.post .btn-info:active,.singleItem.post .btn-info:hover{color:#fff;background-color:#b36363}
.singleItem.post .alert{padding:6px;border-radius:4px;position:absolute;top:10px;right:10px;min-width:100px}
.singleItem.post .alert span{font-size:12px}
.singleItem.post .alert-success{color:#3c763d;background-color:rgba(215,236,206,.58)}
.singleItem.post .closer{float:right;margin-top:3px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2}
button.closer{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;line-height:1}
.singleItem.post .checkbox{display:none}
.dark-mode .post #codes{border:1px solid #3a3b3c;background-color:#1f1f1f}
.dark-mode .post .alert-success{color:#989b9f;background-color:rgba(51,53,56,.60)}
.dark-mode .post #codes:active,.dark-mode .singleItem.post #codes:focus{background-color:#18191a;color:inherit;outline:0}
.dark-mode .post .closer{color:#fff;text-shadow:0 1px 0 #fff}
/* Main Content */
html{scroll-behavior:smooth;overflow-x:hidden;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{position:relative;margin:0;padding:0;width:100%;font-family:'objektiv-mk1', sans-serif;font-size:14px;background:#F9F9FF;}
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:#fefefe;width:220px;height:100%;padding:calc(60px + 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:60px;background-color:#fefefe;z-index:2;-webkit-transition:all .2s ease;transition:all .2s ease}
#nav-widget .widget{padding-bottom:90px}
#add-widget{padding-top:40px;display:none}
#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:60px}
.asideIner{position:absolute;left:0;bottom:0;width:100%}
.mainbar{min-height:100vh;width:calc(100% - 360px)}
.multipleItem .sidebar{padding:30px 30px 15px 15px}
.sidebar{background-color:transparent;width:360px;padding:30px 30px 30px 0;flex:0 0 auto}
.sidebar .widget{padding:20px;background:#fff;border-radius:7px;}
.sidebar .widget.Profile, .sidebar .widget.HTML{padding:0;background:unset;border-radius:4px;box-shadow:unset}
.sidebar .widget.Profile{padding:20px}
.sidebar .widget.FollowByEmail:hover{border: 2px solid #6C6CE5;}
#sidebar-sticky{position:sticky;top:calc(60px + 20px)}
figure{margin:1.5em 0;}
figure .lazy-youtube{margin-bottom:8px;}
figcaption{background-color:rgba(29,33,41,.5);font:italic 400 12px/0 menlo,consolas,monaco,monospace;padding:11px 7px;color:#fff;position:absolute;right:0;bottom:0;border-radius:10px 0 0 0}
/* Header */
.header{position:fixed;top:0;left:0;display:flex;width:100%;height:60px;padding:0 30px 0 25px;background-color:#fefefe;color:#161617;fill:#161617;z-index:50;box-shadow:0 2px 10px 0 rgba(0,0,0,.04);-webkit-transition:all .2s ease;transition:all .2s ease;}
.header #Arslan-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, #Arslan-header-widget .header-inner h2{max-width:152px;font-size:18px;color:inherit;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-family:'objektiv-mk1', sans-serif;}
.header .header-inner a{color:inherit;-webkit-transition:none;transition:none}
.header-inner h2::first-letter, .header-inner h1::first-letter{color:#4CAF50}
.header-inner h2 a:after, .header-inner h1:after{content:'.tools';margin-left:1.5px;font-size:10px;opacity:.5;}
/* Header Navicon */
.header .navicon{position:relative;flex:0 0 auto;display:flex;align-items:center;height:100%;z-index:4}
.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:hover{box-shadow: rgba(150,150,150,.1) 0 0 0 10px;background:rgba(150,150,150,.1);border-radius: 50px}
.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:0px}
.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:#6C6CE5;margin:4px 0 0 auto}
.header .navicon .nav.home{display:none}
.header .navicon .dark-switch{display:flex;align-items:center;width:auto;font-size:12px;color:#313135;white-space:nowrap}
.header .navicon .dark-switch:before{content:'Dark Mode'}
.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:#6C6CE5;-webkit-transition:all .2s ease;transition:all .2s ease}
.header .navicon .dark-link .svg-2, .dark-mode .navicon .dark-link .svg-1{display:none}
.dark-mode .navicon .dark-link .svg-2{display:block}
.dark-mode .navicon .dark-link svg.line{fill:none;stroke:#989b9f}
.header .navicon .navSearch{margin-left:15px;display:none}
.header .navicon .dark-switch:hover i::before{box-shadow:rgba(0,0,0,0.08) 0 0 0 5px;}
.dark-mode .header .navicon .dark-switch:hover i::before{box-shadow:rgba(0,0,0,0.12) 0 0 0 5px;}
.dark-mode .navicon .dark-switch i:before{left:13px;border:1px solid rgba(0,0,0,0.12);background:#6C6CE5 url("data:image/svg+xml,%3Csvg viewBox='1 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.75,4.09L15.22,6.03L16.13,9.09L13.5,7.28L10.87,9.09L11.78,6.03L9.25,4.09L12.44,4L13.5,1L14.56,4L17.75,4.09M21.25,11L19.61,12.25L20.2,14.23L18.5,13.06L16.8,14.23L17.39,12.25L15.75,11L17.81,10.95L18.5,9L19.19,10.95L21.25,11M18.97,15.95C19.8,15.87 20.69,17.05 20.16,17.8C19.84,18.25 19.5,18.67 19.08,19.07C15.17,23 8.84,23 4.94,19.07C1.03,15.17 1.03,8.83 4.94,4.93C5.34,4.53 5.76,4.17 6.21,3.85C6.96,3.32 8.14,4.21 8.06,5.04C7.79,7.9 8.75,10.87 10.95,13.06C13.14,15.26 16.1,16.22 18.97,15.95M17.33,17.97C14.5,17.81 11.7,16.64 9.53,14.5C7.36,12.31 6.2,9.5 6.04,6.68C3.23,9.82 3.34,14.64 6.35,17.66C9.37,20.67 14.19,20.78 17.33,17.97Z' fill='%23ffffff'/%3E%3C/svg%3E") center / 12px no-repeat;}
/* Header Search */
.header .searchbar{flex:0 0 auto;display:flex;transition:all .6s ease;align-items:center;width:100%;height:100%;max-width:760px;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:50px;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:#6C6CE5}
.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:#161617;fill:#161617;}
.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:#6C6CE5}
.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;cursor:pointer}
.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:bold;}
.navigation-menu li .link span.new:after{content:'New!';margin-left:5px;font-size:85%;font-weight:400;color:#6C6CE5}
.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:65%;max-width:480px;background:#fefefe;-webkit-transition:all .2s ease;transition:all .2s ease}
.dark-mode .navigation-menu .close{background: #267c6f}
.navigation-menu .sosmed{position:fixed;bottom:0;left:0;padding:20px 20px 30px 25px;width:220px;background:#fefefe;-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:#313135}
.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 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 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:#48525c;height:20px;width:20px}
.navigation-mobile svg.line{fill:none;stroke:#48525c}
.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:#48525c}
.dark-mode .navigation-mobile .dark-link .svg-2{display:inline-block}
.dark-mode .navigation-mobile .dark-link .svg-1{display:none}
/* Widget Default */
h3.title:after, h3.heading:after{content: "";background-image: url(//cdn.statically.io/gh/bloggerbyte/scripts/main/svg/dots-bg.svg);display: block;height: 27px;left: -14px;top: -14px;position: absolute;width: 27px;}
h3.title:before, h3.heading:before{content:'';position:absolute;display:block;bottom:-8px;width:29px;height:2px;border-radius:50px;background-image: linear-gradient(to right, #988fff 0%, #4e3dff 51%, #988fff 100%);}
.widget-title, .sidebar .title, .related-posts .title, .comments .title{display:flex;align-items:center;position:relative;justify-content:space-between;margin:0 0 25px;font-size:16px}
.comments-content{margin-top:30px}
.widget-title > *{font-size:inherit}
.widget-title a{font-size:85%;color:#313135}
.widget-title a.view-all{color:#6C6CE5}
.widget-title a.view-all:hover{color:#48525c}
.widget:not(:last-child){margin-bottom:30px}
.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}
.widget input[type=submit], .widget input[type=button]{outline:0;border:0;border-radius:3px;padding:8px 12.5px;line-height:22px;background: linear-gradient(45deg, #002bd7, #7778fa);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}
/* Custom List Style */
.Blog article.post ol li, .Blog article.post ul li{word-wrap: break-word;}
.Blog article.post ol.style1{counter-reset:numbers;list-style:none;padding:0}
.Blog article.post ol.style1 > li{counter-increment:numbers;margin-bottom:25px;position:relative;margin-left:55px}
.Blog article.post ol.style1 > li img{margin:15px 0;width:100%;display:block}
.Blog article.post ol.style1 > li #box-download img{margin:0;}
.Blog article.post ol.style1 > li::before{content:counter(numbers);line-height:23px;font-family:'PT Sans';font-size:14px;font-weight:bold;left:-45px;width:32px;height:32px;text-align:center;position:absolute;color:#6C6CE5;border:5px solid rgba(55,144,65,.20);border-radius:3px;top:-2px}
.Blog article.post ol.style2{counter-reset:numbers;list-style:none;padding:0}
.Blog article.post ol.style2 > li{counter-increment:numbers;margin-bottom:30px;position:relative;margin-left:50px;font-family:Sofia Pro;font-size:normal;font-weight:normal}
.Blog article.post ol.style2 > li img{margin:15px 0;width:100%;display:block}
.Blog article.post ol.style2 > li #box-download img{margin:0;}
.Blog article.post ol.style2 > li::before{content:counter(numbers);line-height:23px;font-family:'objektiv-mk1';font-size:14px;font-weight:bold;left:-45px;width:32px;height:32px;text-align:center;position:absolute;color:#fff;background-color:#6C6CE5;border-radius:50%;text-shadow: 0 2px 8px -1px #{rgba(#151924, .32)};box-shadow: 0 2px 8px -1px #{rgba(#275efe, .32)};top:-2px;padding-top:3px}
.Blog article.post ol.style2 > li::after{content:"";position:absolute;top:.18em;left:-18px;border-width:11.5px;border-style:solid;border-color:transparent transparent transparent #6C6CE5}
.Blog article.post ol.standard li, .Blog article.post ol.style2 li, .Blog article.post ol.style0 li, .Blog article.post ol.style1 li ul li{margin-bottom:15px}
.Blog article.post ol.style1 li ul{margin-top:15px}
.dark-mode .Blog article.post ol.style1 > li::before{color:#6C6CE5;border-color:rgba(23,191,99,0.16)}
/* Chat Style */
.Blog .komunikasi div:last-child{margin-bottom:0}
.Blog .komunikasi{padding:20px;max-width:400px;margin:20px auto;border-radius:4px;background:#f5f5f5;font-size:15px;line-height:1.5em;display:table}
.Blog .chat1{background:#e6e6e6;padding:10px;border-radius:4px;margin-bottom:25px;float:left}
.Blog .chat2{background:#ffffff;padding:10px;border-radius:4px;margin-bottom:25px;float:right}
.dark-mode .Blog .komunikasi{background:#161617}
.dark-mode .Blog .chat1{background:#18191a}
.dark-mode .Blog .chat2{background:#232323}
/* Grid Image */
.Blog article.post .grid-image{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center}
.Blog article.post .grid-image img{flex-grow:1;flex-direction:column;display:flex;width:32%;margin:0 2% 2% 0;box-shadow:0 4px 12px 0 rgba(9,32,76,.05)}
.Blog article.post .grid-image img:nth-of-type(3n), .Blog article.post .grid-image img:last-child {margin-right:0;}
.Blog article.post img.w300, .Blog article.post ol.style1 > li img.w300{width:300px;margin:15px auto;display:block}
.Blog article.post img.w400, .Blog article.post ol.style1 > li img.w400{width:400px;margin:15px auto;display:block}
.Blog article.post img.w500, .Blog article.post ol.style1 > li img.w500{width:500px;margin:15px auto;display:block}
/* 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;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;flex-wrap: wrap}
.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}
.Blog article .post-thumbnail{margin-bottom:15px;width:100%;line-height:0;overflow:hidden}
.Blog article:hover .post-thumbnail a img, .FeaturedPost .item-featured:hover .item-thumbnail a img{webkit-filter:blur(4px);filter:blur(1px)}
.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}
.multipleItem .Blog article .post-content{align-self:flex-start;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;flex-grow:1;flex-basis:100%;width:100%;}
.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:#6C6CE5}
.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-info{width:100%}
.Blog article .post-label a:hover, .Blog article .post-info .post-author a:hover{text-decoration:underline}
.Blog article .post-title{font-size:100%}
.Blog article .post-title a, .Blog article .post-info .post-author a, .FeaturedPost article a, .PopularPosts article a{color:inherit}
.Blog article .post-title a:hover, .Blog article .post-info .post-author a:hover, .FeaturedPost article a:hover, .PopularPosts article a:hover, .dark-mode .Blog .post-tocContent a:hover, .Blog .post-tocContent a:hover{color:#6C6CE5}
/* Ubah jadi display:block; untuk menampilkan snippet artikel */
.Blog article .post-snippet{display:none;margin-top:12px;font-size:11px;color:#48525c}
.multipleItem .Blog article .post-info{align-items:flex-end}
.Blog article .post-info, .FeaturedPost article .item-header, .PopularPosts article .item-header{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-size:13px;color:#313135}
.Blog article .post-info .post-author, .FeaturedPost article .item-label, .PopularPosts article .item-label{font-size:12px;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;font-weight:600}
.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:17px;height:17px;fill:#48525c;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:#48525c}
.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 0;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.5em 0 25px;line-height:1.4em;letter-spacing:normal}
.Blog article.post img{display:inline-block;border-radius:3px;width:100%;background-color:#f3f3f3}
.Blog .post-body > img:before{content:'ilimon.github.io';color:#fff;font-size:12px !important;font-weight:400 !important;background-color:rgba(0, 0, 0, 0.1);padding:0 10px !important;position:absolute;right:0;bottom:0;border-radius:3px 0 0 0;z-index:1;}
.Blog .post-body > img:first-child{box-shadow: rgba(23, 43, 99, .128) 0 2px 28px}
.dark-mode .Blog article.post img{background-color:#1d1e1f}
img.lazyloaded{animation:reveal 1s ease-out;}
@keyframes reveal{0%{opacity:0}100%{opacity:1}}
.Blog article.post .post-headline{margin-bottom:25px;}
.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:30px;margin:0;letter-spacing:normal}
.Blog article.post .post-info{margin-top:10px;}
.Blog article.post .post-info .post-author, .Blog article.post .post-info .post-published, .Blog article.post .post-info .post-comment{font-size:inherit;color:#48525c}
.Blog article.post .post-info .post-author .post-authorName:before{content:attr(data-text);font-weight:normal}
.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 : '}
.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.9em}
.Blog article.post .post-entry p{margin:1.5em 0;}
.Blog article.post .post-labels{display:flex;flex-wrap:wrap;padding:0;font-size:12px}
.Blog article.post .post-labels a{display:flex;justify-content:space-between;margin:0 10px 10px 0;padding:5px 12.5px;line-height:22px;border-radius:7px;background-color:#fff;color:#313135}
.dark-mode .Blog article.post .post-labels a{background-color:#212223;color:#313135;}
.Blog article svg.tags{width:32px;height:32px;float:left;vertical-align:middle;background:#f2f2f2;border-radius:4px;padding:5px;margin-right:10px}
.Blog article svg.tags path{fill:#393943}
.dark-mode .Blog article svg.tags{background:#212223;}
.dark-mode .Blog article svg.tags path{fill:#757575}
.Blog article.post .post-labels a:before, .item-popular .item-label a:before{content:'#';font-size:80%}
.Blog article.post .post-labels a:not(:last-child):after{content:','}
.item-popular time.published{font-size:11px}
.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 Post Via';width:100%;margin-bottom:20px;font-size:16px;font-weight:700;}
.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.line{fill:none;stroke:#767676}
.Blog article.post .post-share .share-icon svg{width:20px;fill:#48525c}
.Blog article.post .post-share .share-icon label{cursor:pointer}
.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;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}
.Blog article.post .post-share ul, .Blog .post-font .post-fontContainer ul{position:relative;display:flex;flex-wrap:wrap;width:95%;border:solid;max-width:500px;list-style:none;margin:0 auto -50%;padding:25px 25px 20px;background-color:#ebeced;border-radius:8px;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:'Select How To Share';display:block;width:100%;margin:0 0 15px;font-size:15px;font-weight:700;text-align:center;color:#333333}
.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:#313135}
.Blog article.post .post-share li > * svg{width:48px;height:48px;fill:#48525c;padding:13px;background-color:#fefefe;border-radius:8px;}
.Blog article.post .post-share li > * svg.line{fill:none;stroke:#48525c;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:14px;right:-14px;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: linear-gradient(45deg, #002bd7, #7778fa);border-radius:50%;cursor: pointer}
.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:.9rem;line-height:1.62em;margin-left:0;margin-right:0;padding:30px 25px;border-left:2px solid #ebeced}
.Blog blockquote.style1{padding:30px 25px 30px 80px;border-radius:4px;border:2px solid #ebeced}
.Blog blockquote.style1:before{content:'\201D';display:block;position:absolute;font-weight:700;font-size:60px;font-family:objektiv-mk1;top:7px;left:25px;line-height:normal;color:rgba(0,0,0,.15)}
.Blog blockquote.style1 ul{font-size:97%}
.Blog blockquote.style2 {background-color:#FCF9F3;border:3px solid #FAF4EA;border-radius:8px;line-height:1.9em;font-size:inherit}
.Blog .post .post-entry blockquote > *:first-child{margin-top:0}
.dark-mode .Blog blockquote.style2 {background-color:rgba(252,249,243,.02);border: 3px solid rgba(250,244,234,.01)}
article .ext:after{content:'';width:14px;height:14px;display:inline-block;margin-left:5px;margin-bottom:-1px;background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237467FB' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'/><polyline points='15 3 21 3 21 9'/><line x1='10' x2='21' y1='14' y2='3'/></svg>") center / 15px no-repeat}
article .ext:hover:after{background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233e3850' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'/><polyline points='15 3 21 3 21 9'/><line x1='10' x2='21' y1='14' y2='3'/></svg>") center / 15px no-repeat}
.dark-mode article .ext:hover:after{background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239fa6ad' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'/><polyline points='15 3 21 3 21 9'/><line x1='10' x2='21' y1='14' y2='3'/></svg>") center / 15px no-repeat}
.Blog .note, .Blog .info{font-family:'objektiv-mk1';position:relative;padding:20px 30px 20px 50px;background-color:#e1f5fe;color:#01579b;font-size:.87rem;line-height:1.62em;border-radius:3px}
.Blog .note:before, .Blog .info:before{content:'';position:absolute;left:18px;top:23px;width:20px;height:20px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2301579b' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z'/%3E%3Cline x1='4' y1='22' x2='4' y2='15'/%3E%3C/svg%3E") center / 20px no-repeat}
.Blog .note.alert{background-color:#ffdfdf;color:#48525c}
.Blog .note.alert:before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2348525c' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z'/%3E%3Cline x1='12' y1='9' x2='12' y2='13'/%3E%3Cline x1='12' y1='17' x2='12.01' y2='17'/%3E%3C/svg%3E") center / 20px no-repeat}
.Blog .alert:before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2348525c' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z'/%3E%3Cline x1='12' y1='9' x2='12' y2='13'/%3E%3Cline x1='12' y1='17' x2='12.01' y2='17'/%3E%3C/svg%3E") center / 20px no-repeat}
.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:#48525c;background-color:transparent;border:0}
.Blog table{width:100%;margin:0 auto;border-radius:4px;overflow:hidden;font-size:15px;}
.Blog table th{background-color:#009688;color:#ffffff;text-align:left;padding:15px;border:1px solid rgba(0,0,0,.04);border-top:0;border-bottom:0;border-left:0;font-size:16px;}
.dark-mode .Blog table th{background:#242526;color:#c6c9ce}
.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:10px 15px;border-right:1px solid rgba(0,0,0,.04);border-left:0;border-top:0;vertical-align:middle}
.Blog table tr:nth-child(even) td, .Blog table tbody tr:nth-child(2n+2) th, .Blog table tbody:nth-child(2n+1) tr th[rowspan] {background-color:rgba(0,0,0,.03)}
.Blog table tr:nth-child(odd) td, .Blog table tbody tr:nth-child(2n+1) th, .Blog table tbody:nth-child(2n+2) tr th[rowspan] {background-color:rgba(0,0,0,.01)}
.Blog table tbody tr th[colspan] {background-color: rgba(0,0,0,.1);}
.Blog table tbody tr:last-child td, .Blog table tbody tr:last-child th{border-bottom:0}
.Blog .table{display:block;overflow-y:hidden;overflow-x:auto;border-radius:3px;scroll-behavior:smooth;margin:1.5em 0}
.Blog table tbody tr th{color:#444;border-right:1px solid rgba(0,0,0,.04);}
.dark-mode .Blog table tr:nth-child(even) td, .dark-mode .Blog table tbody tr:nth-child(2n+2) th, .dark-mode .Blog table tbody:nth-child(2n+1) tr th[rowspan] {background-color:rgba(0,0,0,.03)}
.dark-mode .Blog table tr:nth-child(odd) td, .dark-mode .Blog table tbody tr:nth-child(2n+1) th, .dark-mode .Blog table tbody:nth-child(2n+2) tr th[rowspan] {background-color:rgba(0,0,0,.1)}
.dark-mode .Blog table tbody tr th[colspan] {background-color: rgb(64,66,68,.1);}
.dark-mode .Blog table tbody tr th{background-color:rgba(255,255,255,.03)}
.dark-mode .Blog table td, .dark-mode .Blog table, .dark-mode .Blog table th{border-color:rgb(255,255,255,.03)}
.Blog pre{font-size:13px;position:relative;width:100%;background-color:#262a2d;color:rgba(255,255,255,.9);border-radius:4px;margin:25px auto;-moz-tpab-size:2;-o-tab-size:2;tab-size:2;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;font-family: 'Fira Mono', monospace;line-height:1.5em}
.Blog pre code{display:block;padding:20px;white-space:pre;font-family: 'Fira Mono', monospace;overflow-x:auto;}
.Blog pre span.block{color:#fff;background:#3a7bd5}
.Blog .code{display:inline;padding:2px 4px;border-radius:2px;font-size:95%;line-height:inherit;color:#f15a5a;background-color:rgba(0,0,0,.05);font-family: 'Fira Mono', monospace;}
.dark-mode .Blog .code{background-color:rgba(0,0,0,.10)}
.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;color:#333333;display:flex;}
.Blog .daftar-isi .isi-judul:after{content: ' Hide all ';font-weight:400;font-size:85%;color:#313135;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:#313135}
.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:#313135;flex-shrink:0;font-weight:700;}
.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:380px;height:calc(100% - 60px);position:absolute;background:#fafafc;top:60px;right:0;z-index:2;font-size:15px;-webkit-transition:all .2s ease;transition:all .2s ease}
.Blog .post-toc span.title:before{content:'';position:absolute;display:block;bottom:2px;width:25px;height:2px;border-radius:50px;background: linear-gradient(45deg, #002bd7, #7778fa)}
.Blog .post-tocContainer{position:sticky;top:calc(60px + 30px);padding:20px;margin:0 30px 0 20px;background-color:#ffffff;border-radius:4px}
.Blog .post-tocHeader{position:relative}
.Blog .post-tocHeader .title{font-size:16px}
.Blog .post-tocHeader label{display:flex;align-items:center;font-weight:700;margin:0;color:#333333;cursor:pointer;background-color:#fff;padding-bottom:10px}
.Blog .post-tocHeader label svg.drop{margin-left:auto;width:16px;height:16px;-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:-70px;-webkit-transition:all .2s ease;transition:all .2s ease;opacity:0;visibility:hidden}
.dark-mode .Blog .post-tocHeader label .show{box-shadow:-5px 2px 6px 0 rgba(0,0,0,.20)}
.Blog .post-tocContent{max-height: 55vh;overflow:hidden;}
.Blog .post-tocContent:hover{overflow:auto}
.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:6px 0}
.Blog .post-tocContent a{color:#333333;max-width:100%;display:flex}
.Blog .toc-menu:checked + .post-toc{right:-366px}
.Blog .toc-menu:checked + .post-tocContainer{box-shadow:none;}
.Blog .toc-menu:checked + .post-toc .post-tocHeader label .show{opacity:1;visibility:visible}
:target::before{content:"";display:block;height:70px;margin-top:-70px;visibility:hidden}
.Blog .post-tocContainer .show:before{content:unset;display:block;position:absolute;width:10px;left:13px;border-radius:50px;top:7px;height:10px;background:#ff5050;webkit-animation:indicator 1s ease infinite;-moz-animation:indicator 1s ease infinite;animation:indicator 1s ease infinite}
.Blog .toc-menu:checked + .post-toc .post-tocContainer .show:before{content:''}
@-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 indicator{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.blog-posts:before{content:'';display:inline-block;position:absolute;top:-25px;left:80px;width:200px;height:200px;border-radius:50%;background:rgba(0,0,0,.04);z-index:-1;transform:scale(2.1);-webkit-transform:scale(2.1)}
.dark-mode .blog-posts:before{background:rgba(0,0,0,.10)}
.nav-menu:checked + .mainWrapper .blog-posts:before{left:-16px}
.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:13px;font-weight:400;cursor:pointer}
.Blog .spoiler .spoiler-judul .button:before{content:'Tampilkan'}
.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:'Sembunyikan'}
.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;cursor:pointer}
.Blog .post-font .post-fontContainer ul:before{content:'Change Font 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;color:#ddd;line-height:60px}
.Blog .post-font .post-fontContainer li label:hover:before{color:#333333}
.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, .dark-mode .Blog article.post .post-share li.share-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:#333333}
.font-size1:checked + .font-size2 + .font-size3 + article .post-entry{font-size:15px}
.font-size3:checked + article .post-entry{font-size:17px}
.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 a, .Blog .blog-pager .pagecurrent, .Blog .blog-pager .showpageOf{padding:8px 15px}
.Blog .blog-pager, .Blog .post-pagenav{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin:20px 0 0;font-size:12px;color:#313135;line-height:22px}
.Blog .blog-pager > *, .Blog .post-pagenav > *{display:flex;align-items:center;border-radius:4px;background-color:#fefefe;color:inherit}
.Blog .blog-pager > * svg{width:20px;fill:#313135}
.Blog .blog-pager > * svg.line{fill:none;stroke:#313135}
.Blog .blog-pager .no-post, .Blog .post-pagenav .current{cursor:not-allowed;background-color:#f2f2f2;color:#48525c}
.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:5px}
.Blog .blog-pager > span:last-child{margin-right:0}
.Blog .breadcrumbs{display:flex;align-items:center;margin:0 15px 8px 0;font-size:13px;color:#48525c;}
.Blog .breadcrumbs > *:first-child,.Blog .breadcrumbs > *:nth-child(2){font-weight:600}
.Blog .breadcrumbs > *:not(:last-child):after{content:'\203A';margin:0 7px 0 4px;font-size:13px;line-height:16px;font-weight:normal}
.Blog .breadcrumbs > *{flex-shrink:0}
.Blog .breadcrumbs > .title-link{flex-shrink:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#48525c}
.Blog .accordion{position:relative;list-style:none;margin:20px 0 0;padding:0;display:flex;flex-wrap:wrap;font-size:16px}
.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:hover{cursor:pointer}
.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:#333333}
.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;color:#333333}
.Blog .accordion .accor-menu:checked + .accor-title .title{color:#6C6CE5}
.Blog .accordion .accor-menu:checked + .accor-title .accor-icon:before, .Blog .accordion .accor-menu:checked + .accor-title .accor-icon:after{background-color:#6C6CE5}
.Blog .accordion .accor-menu:checked + .accor-title .accor-icon:after{visibility:hidden;opacity:0}
.Blog .accordion .accor-menu:checked + .accor-title + .content{max-height:100%;padding-top:15px;padding-bottom:8px}
.Blog .accordion .content{font-size:14px;margin:0;padding-left:35px;position:relative;overflow:hidden;max-height:0;-webkit-transition:all .2s ease;transition:all .2s ease;}
/* Utility Services */
@keyframes gradient{0%{background-position:0 50%}50%{background-position:-100% 50%}100%{background-position:0 50%}}
.Blog .post-toc #read-time{position:absolute;display:block;bottom:-2px;left:26px;font-size:10px}
.Blog .post-toc #read-time:before{content:'\2022';display:inline-block;margin:0 8px}
.Blog .post-toc #read-time:after{content:' \2605'}
.Blog article.post .lovebutton-bloggerku{position:relative;display:flex;flex-wrap:wrap;float:right;margin:-40px;margin-right:10px;font-size:13px;line-height:22px}
.Blog article.post .lovebutton-bloggerku .inner{text-align:center;display:inline-table}
.Blog article.post .lovebutton-bloggerku a{background:#fff;border:1px solid #aaa;display:inline-block;border-radius:50%;width:50px;height:50px;cursor:pointer;float:left;overflow:hidden;margin-right:10px}
.Blog article.post .lovebutton-bloggerku .icon{padding-top:13px}
.Blog article.post .lovebutton-bloggerku svg{fill:#aaa;transition:all .2s}
.Blog article.post .lovebutton-bloggerku a:hover svg{fill:#666}
.Blog article.post .lovebutton-bloggerku a .active svg{fill:#F44336}
.Blog article.post .lovebutton-bloggerku .total{line-height:50px;font-size:20px;display:inline}
.singleItem .Blog article .post-body{font-family:'objektiv-mk1'}
/* Box Download */
#box-download{padding:15px;box-sizing:border-box;margin:25px 0;min-height:125px;border:1px solid #EBECED;font-size:13px;max-width:100%;background:#FFFFFF;border-radius: 4px;position: relative;overflow: hidden;}
.box-kiri{width:70%;float:left}
.icon-app{width:65px;height:65px;float:left;}
.post-body .icon-app img {margin: 0;}
.Blog article.post .icon-app img, .dark-mode .Blog article.post .icon-app img {background-color: unset;}
span.judul-app{font-size:20px;line-height: 1.2em;font-weight:600}
span.versi-app, .box-judul .ico-android {color:#727171;font-size:12px;position:relative}
.box-judul .ico-android {padding-left:22px}
.box-judul a {position:absolute}
.box-judul{position:relative;line-height: 1.5em;text-align: left;height:65px;margin-left:80px}
span.ico-android{display:block;margin-top: 8px;line-height:1.5em}
span.ico-android:before{content:'';width:18px;height:18px;position:absolute;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15,9A1,1 0 0,1 14,8A1,1 0 0,1 15,7A1,1 0 0,1 16,8A1,1 0 0,1 15,9M9,9A1,1 0 0,1 8,8A1,1 0 0,1 9,7A1,1 0 0,1 10,8A1,1 0 0,1 9,9M16.12,4.37L18.22,2.27L17.4,1.44L15.09,3.75C14.16,3.28 13.11,3 12,3C10.88,3 9.84,3.28 8.91,3.75L6.6,1.44L5.78,2.27L7.88,4.37C6.14,5.64 5,7.68 5,10V11H19V10C19,7.68 17.86,5.64 16.12,4.37M5,16C5,19.86 8.13,23 12,23A7,7 0 0,0 19,16V12H5V16Z' fill='%23fff'/%3E%3C/svg%3E");background-color:#6AB344;border-radius:50px;background-repeat:no-repeat;background-position:center center;background-size:12px 12px}
.box-kanan{position: absolute;right: 15px;width: 25%;}
.box-kanan a:nth-child(1){background:#008efa;border-radius:3px;display:block;width:100%;height:28px;margin-bottom:8px;letter-spacing:.08em;text-align:center}
.box-kanan a:nth-child(2){background:#6ab344;border-radius:3px;display:block;width:100%;height:28px;letter-spacing:.08em;text-align:center;}
.box-kanan a:nth-child(1):before{content:"DOWNLOAD";color:#fff;font-weight:600}
.box-kanan a.apel:nth-child(1):before{content:"APP STORE";}
.box-kanan a:nth-child(2):before{content:"PLAY STORE";color:#fff;font-weight:600}
.copyright-button{position:absolute;bottom:0;right:0;background:#FAFAFA;border-top: 1px solid #EBECED;border-left: 1px solid #EBECED;border-top-left-radius:5px;padding:0 5px;font-size:11px;line-height:2em}
.dark-mode #box-download{border:1px solid #303031;background:#242526;}
.dark-mode .copyright-button{background:#242526;border-top: 1px solid #303031;border-left: 1px solid #303031;}
@media screen and (max-width:480px){
.box-kanan{width:45px}
.box-kanan a.apel:nth-child(1):before{display:none}
.box-kanan a.apel:nth-child(1){background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.71,19.5C17.88,20.74 17,21.95 15.66,21.97C14.32,22 13.89,21.18 12.37,21.18C10.84,21.18 10.37,21.95 9.1,22C7.79,22.05 6.8,20.68 5.96,19.47C4.25,17 2.94,12.45 4.7,9.39C5.57,7.87 7.13,6.91 8.82,6.88C10.1,6.86 11.32,7.75 12.11,7.75C12.89,7.75 14.37,6.68 15.92,6.84C16.57,6.87 18.39,7.1 19.56,8.82C19.47,8.88 17.39,10.1 17.41,12.63C17.44,15.65 20.06,16.66 20.09,16.67C20.06,16.74 19.67,18.11 18.71,19.5M13,3.5C13.73,2.67 14.94,2.04 15.94,2C16.07,3.17 15.6,4.35 14.9,5.19C14.21,6.04 13.07,6.7 11.95,6.61C11.8,5.46 12.36,4.26 13,3.5Z' fill='%23fff'/%3E%3C/svg%3E");background-size:21px;background-position:center center;background-repeat:no-repeat;}
.box-kanan a:nth-child(1):before{display:none}
.box-kanan a:nth-child(1){background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17,13L12,18L7,13H10V9H14V13M19.35,10.03C18.67,6.59 15.64,4 12,4C9.11,4 6.6,5.64 5.35,8.03C2.34,8.36 0,10.9 0,14A6,6 0 0,0 6,20H19A5,5 0 0,0 24,15C24,12.36 21.95,10.22 19.35,10.03Z' fill='%23fff'/%3E%3C/svg%3E");background-size:21px;background-position:center center;background-repeat:no-repeat;}
.box-kanan a:nth-child(2):before{display:none}
.box-kanan a:nth-child(2){background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3,20.5V3.5C3,2.91 3.34,2.39 3.84,2.15L13.69,12L3.84,21.85C3.34,21.6 3,21.09 3,20.5M16.81,15.12L6.05,21.34L14.54,12.85L16.81,15.12M20.16,10.81C20.5,11.08 20.75,11.5 20.75,12C20.75,12.5 20.53,12.9 20.18,13.18L17.89,14.5L15.39,12L17.89,9.5L20.16,10.81M6.05,2.66L16.81,8.88L14.54,11.15L6.05,2.66Z' fill='%23fff'/%3E%3C/svg%3E");background-size:21px;background-position:center center;background-repeat:no-repeat;}
.box-kiri {width: 80%;}
span.ico-android{line-height: 1.2em;margin-top: 5px;}
span.ico-android:before{top:-3px;}
}
@media screen and (max-width:400px){
span.judul-app{font-size:18px}
span.versi-app, span.ico-android{font-size:12px}
}
@media screen and (max-width:340px){
#box-download{min-height: 145px;}
}
/* Button and Icon */
.button{display:inline-flex;align-items:center;margin:15px 15px 15px 0;padding:10px 20px;outline:0;border:0;border-radius:2px;color:#fefefe;background-color:#204ecf;font-size:14px;white-space:nowrap;overflow:hidden;max-width:100%}
.button.outline{color:#48525c;background-color:transparent;border:1px solid #767676}
.button.outline:hover{border-color:#204ecf}
.button.whatsapp{background-color:#25D366}
.button.telegram{background-color:#0088cc}
.button .icon{flex-shrink:0;display:inline-block;margin-right:12px;width:18px;height:18px;background-size:cover;background-repeat:no-repeat;background-position:center center;}
.button .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='%23fefefe' 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>")}
.button .icon.demo{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23fefefe' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' viewBox='0 0 24 24'><path d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'/><polyline points='15 3 21 3 21 9'/><line x1='10' x2='21' y1='14' y2='3'/></svg>")}
.button .icon.cart{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-width='1.5' stroke-linecap='round' stroke-linejoin='round'><path d='M7.42226 19.8203C7.84426 19.8203 8.18726 20.1633 8.18726 20.5853C8.18726 21.0073 7.84426 21.3493 7.42226 21.3493C7.00026 21.3493 6.65826 21.0073 6.65826 20.5853C6.65826 20.1633 7.00026 19.8203 7.42226 19.8203Z'/><path d='M18.6747 19.8203C19.0967 19.8203 19.4397 20.1633 19.4397 20.5853C19.4397 21.0073 19.0967 21.3493 18.6747 21.3493C18.2527 21.3493 17.9097 21.0073 17.9097 20.5853C17.9097 20.1633 18.2527 19.8203 18.6747 19.8203Z'/><path d='M2.74988 3.25L4.82988 3.61L5.79288 15.083C5.87088 16.018 6.65188 16.736 7.58988 16.736H18.5019C19.3979 16.736 20.1579 16.078 20.2869 15.19L21.2359 8.632C21.3529 7.823 20.7259 7.099 19.9089 7.099H5.16388'/></svg>")}.button .icon.whatsapp{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23fefefe'><g><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 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'/></g></svg>")}
.button .icon.telegram{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23fefefe'><g><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'/></g></svg>")}
.button.outline .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='%2348525c' 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>")}
.button.outline .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='%2348525c' 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>")}
/* Bottom Navigation */
.BotNavigation{background-color:#fefefe;box-shadow:0 -5px 15px 0 rgb(30 30 30 / 7%);display:none;align-items:center;position:fixed;bottom:0;left:0;right:0;height:55px;padding:0 20px; font-size:13px;z-index:99}
.BotNavigation .button{display:flex;flex-grow:1;margin:0 0 0 15px;justify-content:center;line-height:1.8em}
.BotNavigation .button svg{margin-right:8px;fill:#fefefe; height:20px}
.BotNavigation .button svg.line{stroke:#fefefe}
.BotNavigation .waMe{display:flex;align-items:center;flex-shrink:0; margin:0;padding:5px 15px;border:1px solid rgba(0,0,0,.1);border-radius:2px;color:inherit;font-size:inherit}
.BotNavigation .waMe span{margin-left:8px}
/* Responsive */
@media screen and (max-width:640px){
.button{font-size:13px}
.BotNavigation{display:flex}
.navBuy{display:none}
}
@media screen and (max-width:480px){
.BotNavigation .waMe{font-size:12px}
}
.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;}
.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 30px 0;position:relative;padding:20px 15px;border-radius:4px;background:#fefefe;overflow:hidden;box-shadow:0 10px 20px 0 rgba(30,30,30,.08);font-size:14px;}
.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:50px}
.Blog .author-posts .authorInfo{flex-grow:1;}
.Blog .author-posts .author-name{font-weight:700;color:#333333;font-size:15px}
.Blog .author-posts .author-name:before{content:attr(data-text);display:none}
.Blog .author-posts .author-desc{color:#48525c;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 0}
.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 6px 18px 0 rgba(23,23,26,0.02)}
.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:#989b9f;font-size:10px}
.Blog .related-posts li .item-title{padding:0 5px;font-weight:700;color:#333333;letter-spacing:normal}
.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;}
/* Comment */
.Blog .comments{margin:60px 0}
.Blog .comments iframe{width:100%}
.Blog .commentsDisable{text-align:center}
.Blog .commentsButton, .Blog .commentsAdd .commentsReply{margin:0;padding:20px;display:block;text-align:center}
.Blog .commentsButton > *:before{content:attr(data-text)}
.Blog .commentsButton ~ .comments .commentsIcon .commentClose{display:flex}
.Blog .commentsButton{margin-bottom:60px}
.Blog #disqus_thread{margin:30px 15px}
.Blog .show-comment{margin:30px 15px 30px 0;font-size:13px}
.Blog .show-comment label{display:block;text-align:center;border-width:2px;border-radius:50px;margin-right:0;cursor:pointer;border-color:#ebeced}
.Blog .show-comment label:before{content:"";background-image:url('data:image/svg+xml,<svg id="Layer_1" style="enable-background:new 0 0 50 50;" version="1.1" viewBox="0 0 50 50" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="Layer_1_1_"><polygon points="48.707,13.853 47.293,12.44 25,34.732 2.707,12.44 1.293,13.853 25,37.56" fill="%2348525c"/></g></svg>');width:10px;height:10px;margin:7px -15px 0 15px;float:left;}
.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:44px}
.Blog .comments .avatar-image-container div{position:relative;overflow:hidden;padding-top:100%;border-radius:50%;background:#f2f2f2 url("data:image/svg+xml,<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' fill='rgba(0,0,0,.1)'/><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' fill='rgba(0,0,0,.1)'/></svg>") center / 18px no-repeat;transition:all .2s ease-out;-webkit-transition:all .2s ease-out;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:PT Sans, sans-serif}
.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:#3897F0}
.Blog .comments .comment-header .datetime{margin-left:auto;font-size:11px;color:#48525c}
.Blog .comments #comment-content{margin-top:15px;line-height:1.5em;overflow-x:auto}
.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-top:40px}
.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:4px;box-shadow:0 6px 18px 0 rgba(23,23,26,0.02)}
.Blog .comments ol > li > .avatar-image-container{position:absolute;top:10px;left:-22px;border-radius:60px;padding:3px;background:rgba(35,185,103,.18)}
.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:#48525c}
.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:#48525c}
.Blog .comments ol > li > .comment-actions svg, .Blog .comments .comment-reply svg, .Blog .comments .comment-thread .thread-toggle svg{height:14px;fill:none;stroke:#48525c}
.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 4px 4px}
.Blog .comments ol > li > .comment-replies .comment-reply{padding:12px 0 0 40px;font-size:13px}
.Blog .comments ol > li > .comment-replybox-single{padding:20px 15px 15px 40px}
.Blog .comment-content pre code, .Blog .comment-content i[rel="pre"]{margin:15px 0;display:block;font-size:12px;font-style:normal}
.Blog .comment-content blockquote, .Blog .comment-content b[rel="quote"]{display:block;padding:15px 25px;margin:15px auto;font-size:14px;font-style:italic;font-weight:400}
.Blog .comment-content img{margin:15px auto 15px 0;border-radius:3px}
.Blog .comment-content i[rel="img"]{font-size:13px;display:block;position:relative;min-height:90px;margin:15px auto;overflow:hidden}
.Blog .comment-content i[rel="img"]:before{content:'Please enable the JavaScript to see this image!';border:1px dashed #ebeced;border-radius:3px;padding:15px 25px;text-align:center;font-style:normal;display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;bottom:0;right:0;background-color:#fefefe}
.dark-mode .Blog .comment-content i[rel="img"]:before{background-color:#1e1e1e}
.comment-form #threaded-comment-form iframe{width:calc(100% - 40px);background-color:#fff;padding:15px 20px;border-radius:4px;box-shadow:0 6px 18px 0 rgba(9,32,76,.075);box-sizing:content-box}
.Blog .comments li li {position:relative}
.Blog .comments li:before {content: none;}
.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 .comments i, .Blog .comments em{background-color:#262a2d;font-family:'Fira Mono',monospace;font-size:12px;font-style:normal;line-height:1.5em;padding:10px;margin:10px 0;display:block;border-radius:4px;color:#e0d072;white-space:pre;overflow-x:auto;user-select:text;-webkit-user-select:text;-khtml-user-select:text;-moz-user-select:text;-ms-user-select:text}
.Blog .show-comment label svg.i-com {margin: 0 5px;width: 20px;height: 20px;vertical-align: -5px;}
.Blog .show-comment label:hover svg.i-com {fill:#6C6CE5}
.dark-mode .Blog .show-comment label svg.i-com {fill:#989b9f}
.dark-mode .Blog .show-comment label:hover svg.i-com {fill:#6C6CE5}
.Blog .comments-title{display:flex;align-items:center;position:relative;padding-bottom:12px;margin-bottom:35px;border-bottom:2px solid rgba(230,230,230,.5)}
.Blog .comments-title .title{margin:0}
.Blog .comments-title .label-sort{margin-left:auto;display:flex;align-items:center;color:#767676;font-size:11px}
.Blog .comments-title .label-sort:before, .Blog .comments-title .comment-list label:before, .Blog .comment-disqus .show-comment .button > *:before, .Blog .show-comments.button > *:before{content:attr(data-text)}
.Blog .comments-title .label-sort:before{margin-right:10px}
.Blog .comments-title .label-sort svg{width:20px;height:20px}
.Blog .comments-title .comment-list{position:absolute;top:-5px;right:0;width:150px;padding:10px 0;background-color:rgba(254,254,254,.98);color:#767676;font-size:12px;border-radius:4px;box-shadow:0 10px 20px 0 rgba(30,30,30,.07);overflow:hidden;-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out;z-index:3;opacity:0;visibility:hidden}
.Blog .comments-title .comment-list:before, .Blog .comments-title .comment-list:after{content:'';z-index:3;position:absolute;top:10px;height:37px;width:100%}
.Blog .comments-title .comment-list:after{content:'';z-index:1;background-color:#f1f1f0}
.Blog .comments-title .comment-list label{display:block;position:relative;padding:10px 16px;z-index:2}
.Blog .comments-title .comment-list label:first-child, .Blog .comment-all:checked + .comments-title .comment-list label:last-child{color:#6C6CE5;}
.Blog .comment-short:checked + .comment-list{opacity:1;visibility:visible;top:0;z-index:49}
.Blog .comment-short:checked ~ .full-close{opacity:1;visibility:visible;z-index:48}
.Blog .comment-all:checked + .comments-title .comment-list label:first-child{color:inherit}
.Blog .comment-all:checked + .comments-title .comment-list:before,
.Blog .comment-all:checked + .comments-title .comment-list:after{top:47px}
.Blog .comment-all:checked ~ .comments-content > ol{flex-direction:column-reverse}
.Blog .commentBallon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;position:fixed;right:20px;bottom:80px;z-index:20;border-radius:50%;background-color:#204ecf;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.Blog .all-comment:checked ~ .commentBallon{z-index:56;}
.Blog .commentBallon svg{fill:#fefefe}
.Blog .commentBallon svg.line{fill:none;stroke:#fefefe}
.Blog .commentBallon .svg-2{display:none;width:20px;height:20px}
.Blog .all-comment:checked ~ .commentFixed{opacity:1;visibility:visible}
.Blog .all-comment:checked ~ .commentBallon{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
.Blog .all-comment:checked ~ .commentBallon .svg-1{display:none}
.Blog .all-comment:checked ~ .commentBallon .svg-2{display:block}
/* Komentar Fitur */
.post .Blog #comments .comment-form #cm-menu,.post .Blog #comments .comment #cm-menu{position:relative;font-size:14px;background:#fff;border-radius:4px;padding:20px 20px 85px;color:#333;margin:0 0 20px;line-height:1.5em;box-shadow:0 6px 18px 0 rgba(9,32,76,.075)}
.post .Blog #comments .comment #cm-menu{margin: 0 0 20px -25px}
.post .Blog #comments .comment-form #cm-menu:before,.post .Blog #comments .comment #cm-menu:before{content:'';display:block;border:11px solid;border-color:#fff transparent transparent transparent;position:absolute;bottom:-22px;left:25px}
.post .Blog #comments .comment #cm-menu:before{left:31px}
.dark-mode .post .Blog #comments .comment-form #cm-menu:before{border-color:#242526 transparent transparent transparent}
.dark-mode .post .Blog #comments .comment #cm-menu:before{border-color:#292a2b transparent transparent transparent}
.post .Blog #comments .bbcode a{color:#6C6CE5}
.post .Blog #comments .bbcode ul{border:1px solid #ededef;padding:10px;border-radius:4px;margin-top:20px;line-height:1.5em}
.post .Blog #comments .bbcode ul li{border-bottom:1px dashed #ededef;padding:10px 0;margin-bottom:0}
.post .Blog #comments .bbcode ul li:last-child{border-bottom:none}
.post .Blog #comments .bbcode ul li a{display:inline-block;color:#6C6CE5;cursor:pointer}
.post .Blog #comments .bbcode ul li b.linkz{color:#6C6CE5}
.dark-mode .post .Blog #comments .comment-form #cm-menu,.dark-mode .post .Blog #comments .comment #cm-menu{background:#242526;color:#c6c9ce;box-shadow:0 6px 18px 0 rgba(23,23,26,0.02)}
.dark-mode .post .Blog #comments .bbcode ul,.dark-mode .post .Blog #comments .bbcode ul li{border-color:rgba(255,255,255,.1)}
.dark-mode .post .Blog #comments .comment #cm-menu{background:#292a2b}
.post .cmbutton{display:grid;grid-template-columns:1fr 1fr;width:calc(100% - 40px);margin-top:25px;position:absolute;bottom:20px}
.post .cmbutton1{border-bottom-left-radius:4px}
.post .cmbutton2{border-bottom-right-radius:4px}
.post .cmbutton-title{padding:10px;border-top:5px solid #e8e8e8;display:block;text-align:center}
.post .cmbutton label{display:block;cursor:pointer}
.post .cm-menus1:checked ~ .cmbutton .cmbutton1 .cmbutton-title,.post .cm-menus2:checked ~ .cmbutton .cmbutton2 .cmbutton-title{border-top:5px solid #6C6CE5}
.post .cm-menus1:checked ~ .bbcode{display:none}
.post .cm-menus2:checked ~ .pesan-komen{display:none}
.post .cm-menus1:checked ~ .cmbutton .cmbutton1,.post .cm-menus2:checked ~ .cmbutton .cmbutton2{background:rgba(23,191,99,.07)}
.dark-mode .post .cmbutton-title{border-top:5px solid #1f1f1f}
.dark-mode .post .cm-menus1:checked ~ .cmbutton .cmbutton1, .dark-mode .post .cm-menus2:checked ~ .cmbutton .cmbutton2{background:rgba(0,0,0,.07)}
.post .Blog #comment-content pre,.post .Blog #comment-content i[rel="pre"]{padding:15px;font-size:12px;margin:0;overflow-x:auto;white-space:pre;display:block;color:#e0d072;background:#262a2d;user-select:text;-webkit-user-select:text;-khtml-user-select:text;-moz-user-select:text;-ms-user-select:text}
.post .Blog #comment-content code,.post .Blog #comment-content i[rel="code"]{padding:2px 4px;background-color:#f1f1f1;color:#e6472e;border-radius:2px;font-family:'Fira Mono',monospace;font-size:12px;display:inline;line-height:1.8em}
.post .Blog #comment-content blockquote,.post .Blog #comment-content b[rel="quote"]{margin:0;padding:15px;border:1px dashed #ededef;border-radius:4px;font-size:13px;font-style:italic}
.post .Blog #comment-content img{border-radius:4px}
.dark-mode .post .Blog #comment-content blockquote,.dark-mode .post .Blog #comment-content b[rel="quote"]{border-color:#3a3b3c}
.dark-mode .post .Blog #comment-content code,.dark-mode .post .Blog #comment-content i[rel="code"]{background-color:rgba(18,18,19,.32)}
.dark-mode .post .Blog #comment-content pre,.dark-mode .post .Blog #comment-content i[rel="pre"],.dark-mode .Blog .comments i, .dark-mode .post .Blog .comments em{background-color:rgba(0,0,0,.1)}
.Blog .sitemaps .sitemap-box{font-size:14px;line-height:1.5em;padding:18px 20px 25px;border-radius:4px;background-color:#fff;box-shadow: 0 6px 18px 0 rgba(9,32,76,.035);}
.dark-mode .Blog .sitemaps .sitemap-box{;background-color:#242526}
.Blog .sitemaps .sitemap-box:not(:last-child){margin-bottom:15px}
.Blog .sitemaps .judul{margin-top:0;font-size:16px;color:#313135}
.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;line-height:normal;color:rgba(0,0,0,.15);}
.Blog .sitemaps li a{color:#333333;font-weight:700;}
.Blog .sitemaps li a:after{content:'Read more';display:block;margin-top:2px;color:#313135;font-size:11px;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:#6C6CE5;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%;letter-spacing: .04em;}
/* 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:objektiv-mk1, sans-serif;color:rgba(0,0,0,.15);}
.PopularPosts article.no-thumbnail .item-content{flex-grow:1;width:calc(100% - 45px)}
/* Widget Label */
.Label .widget-content:before{content:'';width:100px;height:100px;background:rgba(0,0,0,.04);display:inline-block;border-radius:50%;position:absolute;right:-25px;-webkit-transform:scale(3);transform:scale(3);z-index:-1}
.Label .widget-content{font-size:90%;color:#333333}
.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:#48525c}
.Label li a:hover svg{fill:#6C6CE5}
.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:#48525c;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:#48525c;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:#48525c}
.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:#313135}
/* Widget Profile Individual */
.Profile .widget-content{font-size:13px}
.Profile .individual{display:flex;align-items:center;flex-direction:row;position:relative;padding:18px 15px;border-radius:4px;background:#fefefe;overflow:hidden;}
.Profile .individual .profile-image{flex:0 0 auto;width:60px;height:60px;border-radius:50px;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:50px}
.Profile .individual .profile-info{flex-grow:1;margin-right:auto;padding-left:15px}
.Profile .individual .profile-link{color:#333333;font-weight:700;font-size:13px}
.Profile .individual .profile-text{font-size:11px;margin:4px 0 0;color:#48525c;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:#6C6CE5}
.Profile .individual .profile-media li svg, .Blog .author-posts .author-link li svg{width:24px;height:24px;fill:#48525c}
/* 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:100px;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:#48525c}
.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:#6C6CE5;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:#313135;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:50px;border:2px dashed #ebeced}
.Profile .team .more-member > * svg{fill:#6C6CE5}
.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:8px;z-index:3;-webkit-transition:all .2s ease;transition:all .2s ease}
.Profile .team .all-member .all-memberBox:before{content:'All Members';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:objektiv-mk1, sans-serif;color:#333333;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-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{margin-bottom:25px;color:#313135}
.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: linear-gradient(45deg, #002bd7, #7778fa);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-family:objektiv-mk1;font-size:14px;margin-top:30px}
.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{display:block;font-size:12px;-webkit-transition:all .2s ease;transition:all .2s ease;}
.footbar .credit p{margin:20px 0;overflow:hidden;white-space:normal;text-overflow:ellipsis;text-align:center;}
.footbar .credit a:hover{text-decoration:underline}
.footbar .credit .creator{opacity:1}
.footbar .made-support{margin-top:25px}
.footbar .dmca-sample{font-size:9px;color:rgba(254,254,254,.6);border-radius:3px;overflow:hidden}
.footbar .dmca-sample:before{content:'DMCA';padding:5px 10px;background-color:#242a3b}
.footbar .dmca-sample:after{content:'Protected';padding:5px 10px;background-color:#4f5462}
/* 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} .dark-mode .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:objektiv-mk1, sans-serif;line-height:1.2em}
.sidebar .widget, .Blog article, .FeaturedPost article, .widget input[type=email], .widget input[type=text], .widget textarea, .Blog .author-posts, .Blog .related-posts li, .Blog .post-tocContainer, .Blog article.post .post-share .share-icon > *, .Blog .comments ol > li, .Blog .blog-pager > *, .Blog .post-pagenav > *, .Profile .individual{box-shadow:0 10px 20px 0 rgba(30,30,30,.07)}
/* Dark Mode */
.dark-mode .header .navicon .nav i:last-child{background-color:#6C6CE5}
.dark-mode .widget-title a.view-all{color:#6C6CE5}
.dark-mode .Blog .blog-pager > * svg{fill:#6C6CE5}
.dark-mode .Blog .post-body > img:first-child, .dark-mode .sidebar .widget, .dark-mode .Blog article, .dark-mode .FeaturedPost article, .dark-mode .widget input[type=email], .dark-mode .widget input[type=text], .dark-mode .widget textarea, .dark-mode .Blog .author-posts, .dark-mode .Blog .related-posts li, .dark-mode .Blog .post-tocContainer, .dark-mode .Blog article.post .post-share .share-icon > *, .dark-mode .Blog .comments ol > li, .dark-mode .Blog .blog-pager > *, .dark-mode .Blog .post-pagenav > *, .dark-mode .Profile .individual{box-shadow:0 6px 18px 0 rgba(23,23,26,0.02)}
.dark-mode .Blog article.post .post-share li > * svg.line{fill:none;stroke:#c6c9ce}
.dark-mode .Blog .post-font .post-fontContainer li label:before{color:#333}
.dark-mode .sidebar .widget.Profile, .dark-mode .Blog article.post .post-share li label.close svg{background-color: unset;}
.dark-mode, .dark-mode .Blog .post-toc, .dark-mode .Blog .post-tabs .post-tabsHeader > *:after{background-color:#18191a}
.dark-mode .header .navicon > * svg, .dark-mode .header .navicon.search > *, .dark-mode .header .searchbar .search-button svg, .dark-mode .Blog article .post-info .post-comment > * svg, .dark-mode .FeaturedPost article .item-comment > * svg, .dark-mode .PopularPosts article .item-comment > * svg, .dark-mode .Label li a svg, .dark-mode .Label .label-show label svg, .dark-mode .Profile .individual .profile-media li svg, .dark-mode .Blog .author-posts .author-link li svg, .dark-mode .Blog .post-tocHeader label svg.drop
{fill:#989b9f}
.dark-mode .Blog article .post-info .post-comment > * svg.line{stroke:#989b9f}
.dark-mode .Profile .team .team-member > * .profile-name, .dark-mode .Profile .team .more-member > span, .dark-mode .Profile .team .all-member .all-memberBox:before, .dark-mode .font-size1:checked + .font-size2 + .font-size3 + article .post-font .post-fontContainer li:nth-child(1) label:before, .dark-mode .font-size2:checked + .font-size3 + article .post-font .post-fontContainer li:nth-child(2) label:before, .dark-mode .font-size3:checked + article .post-font .post-fontContainer li:nth-child(3) label:before, .dark-mode .Blog .daftar-isi .isi-content ol li a:before, .dark-mode .Blog .post-tocContent ol li a:before, .dark-mode .Blog article.post .post-share li > * span, .dark-mode .Blog article.post .post-share ul:before, .dark-mode .Blog .post-font .post-fontContainer ul:before, .dark-mode, .dark-mode .Blog .blog-pager, .dark-mode .Blog .post-pagenav, .dark-mode .Label .widget-content, .dark-mode h1, .dark-mode h2, .dark-mode h3, .dark-mode h4, .dark-mode h5, .dark-mode h6, .dark-mode .FollowByEmail .title, .dark-mode .Profile .individual .profile-link, .dark-mode .Profile .team .team-member a .profile-name, .dark-mode .Profile .team .more-member > span, .dark-mode .Blog .sitemaps .judul, .dark-mode .Blog .sitemaps li a, .dark-mode .Blog .daftar-isi .isi-judul, .dark-mode .Blog .spoiler .spoiler-judul, .dark-mode .Blog .daftar-isi .isi-content a, .dark-mode .Blog .accordion .accor-title .title, .dark-mode .Blog .author-posts .author-name, .dark-mode .Blog .related-posts li .item-title, .dark-mode .Blog .post-tocHeader label, .dark-mode .Blog .post-tocContent a{color:#c6c9ce}
.dark-mode .Profile .team .all-member .all-memberBox, .dark-mode .Profile .team .all-member .all-memberBox:before, .dark-mode .Blog .blog-pager > *, .dark-mode .comment-form #threaded-comment-form iframe, .dark-mode .Blog .post-tocHeader label, .dark-mode .Blog article.post .post-share ul, .dark-mode .Blog .post-font .post-fontContainer ul, .dark-mode .Blog .post-tocContainer, .dark-mode .Blog .post-tocHeader label .show, .dark-mode .sidebar .widget, .dark-mode .header, .dark-mode .Blog article, .dark-mode .Blog .blog-pager .no-post, .dark-mode .Blog .post-pagenav .current, .dark-mode .FeaturedPost article, .dark-mode .Profile .individual, .dark-mode .Profile .individual .profile-media, .dark-mode #nav-widget, .dark-mode #nav-widget:before, .dark-mode .navigation-menu .sosmed, .dark-mode .Blog .author-posts, .dark-mode .Blog .author-posts .author-link, .dark-mode .Blog .related-posts li, .dark-mode .Blog .comments ol > li{background-color:#242526}
.dark-mode .Blog article.post .post-share li > * svg, .dark-mode .header .searchbar input[type=text], .dark-mode .Blog article .post-thumbnail a, .dark-mode .FeaturedPost article .item-thumbnail a, .dark-mode .PopularPosts article .item-thumbnail a, .dark-mode .Profile .individual .profile-image, .dark-mode .Label .cloud-label .label-show label, .dark-mode .Label .cloud-label a, .dark-mode .widget input[type=email], .dark-mode .widget input[type=text], .dark-mode .widget textarea, .dark-mode .Blog .related-posts li .item-thumbnail > *, .dark-mode .Blog .comments ol > li > .comment-replies
{background-color:#1f1f1f}
.dark-mode .header .navicon .nav i, .dark-mode .Blog .accordion .accor-title .accor-icon:before, .dark-mode .Blog .accordion .accor-title .accor-icon:after
{background-color:#c6c9ce}
.dark-mode .Blog article.post .post-share li > * svg, .dark-mode .header, .dark-mode .navigation-menu .sosmed ul svg{color:#c6c9ce;fill:#c6c9ce;}
.dark-mode .navigation-menu, .dark-mode .navigation-mobile{color:#c6c9ce;fill:#c6c9ce;background-color: #242526;}
.dark-mode .widget-title a.view-all:hover, .dark-mode .Blog .breadcrumbs > .title-link, .dark-mode .header .navicon .dark-switch, .dark-mode .widget-title a, .dark-mode .FeaturedPost article .item-header, .dark-mode .PopularPosts article .item-header, .dark-mode .PopularPosts article.no-thumbnail:before, .dark-mode .Profile .individual .profile-text, .dark-mode .Label .label-count, .dark-mode .Label .cloud-label a, .dark-mode .Label .label-show label, .dark-mode .FollowByEmail .follow-by-email-text, .dark-mode .button.outline, .dark-mode .Blog .sitemaps li:before, .dark-mode .Blog .sitemaps li a:after, .dark-mode .Blog blockquote.style1:before, .dark-mode .Blog article.post .post-labels a, .dark-mode .Blog article .post-info, .dark-mode .Blog .blog-pager .no-post, .dark-mode .Blog article.post .post-info .post-author, .dark-mode .Blog article.post .post-info .post-comment, .dark-mode .Blog article.post .post-info .post-published, .dark-mode .Blog .daftar-isi .isi-judul:after, .dark-mode .Blog .daftar-isi .isi-content ol li:before, .dark-mode .Blog .post-tocContent ol li:before, .dark-mode .Blog .author-posts .author-desc, .dark-mode .Blog article .separate:before, .dark-mode .error-container p, .dark-mode .footbar, .dark-mode .Blog .comments .comment-header .datetime, .dark-mode .Blog .comments ol > li > .comment-actions a, .dark-mode .Blog .comments .comment-reply a, .dark-mode .Blog .comments .comment-thread .thread-toggle
{color:#989b9f}
.dark-mode .Blog .comments ol > li > .comment-actions svg, .dark-mode .Blog .comments .comment-reply svg, .dark-mode .Blog .comments .comment-thread .thread-toggle svg
{fill:none;stroke:#989b9f}
.dark-mode .button{color:#fff}
.dark-mode .button.outline{border-color:#c6c9ce}
.dark-mode .FollowByEmail, .dark-mode .navigation-menu > li.break:after, .dark-mode .Blog .sitemaps .sitemap-box, .dark-mode .Blog blockquote.style1, .dark-mode .Blog article.post, .dark-mode .Blog .daftar-isi, .dark-mode .Blog .accordion > li, .dark-mode .Blog .spoiler, .dark-mode .Blog .download-info, .dark-mode .Blog .comments li li:not(:last-child), .dark-mode .Blog .post-tabs .post-tabsHeader, .dark-mode .Blog .post-tabs .post-tabsHeader > *
{border-color:rgba(255,255,255,.1)}
.dark-mode .Blog table tr:nth-child(2n+1) td, .dark-mode .Blog pre{background-color:rgba(0,0,0,.1)}
.dark-mode .Blog table.tr-caption-container .tr-caption, .dark-mode .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:#6C6CE5;border-radius:3px;font-size:13px;line-height:22px;}
.button.outline{color:#313135;background-color:transparent;border:1px solid #48525c}
.button.demo{display:block;text-align:center;width:150px;font-weight:600;margin:15px auto}
.button.whatsapp{background-color:#25D366}
.button:hover{color:#fefefe;opacity:.75}
.button.outline:hover{color:#6C6CE5;border-color:#6C6CE5}
.button-info{display:flex;justify-content:center;flex-wrap:wrap;margin:1.5em 0}
.button-info a{align-items:center;margin:0 8px 10px 8px}
a.download:before{content:'';background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ffffff" 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>') center / 17px no-repeat;width:17px;height:17px;margin-right:10px}
.lazy-youtube{background-color:#505050;position:relative;overflow:hidden;padding-top:56.30%;cursor:pointer;border-radius:4px;}
.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:25px 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{vertical-align:middle;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23ffffff" 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)}.dark-mode::-webkit-scrollbar-thumb{background: linear-gradient(45deg, #002bd7, #7778fa);}}
@media screen and (max-width:1100px){
.header .searchbar{width:60%}
.header #Arslan-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:26px}
.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;right:0}
.Blog .post-tocContainer{margin:0}
.Blog .toc-menu:checked + .post-toc{right:-286px;padding-left:15px}
.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:800px){
.header .searchbar{width:50%}
.header{padding:0 25px;border-radius:50px;margin:10px 10px 0 10px;width:calc(100% - 20px);height:50px;position:absolute}
.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}
.blog-posts:before, .nav-menu:checked + .mainWrapper .blog-posts:before{top:-105px;}
.multipleItem .blog-posts:before, .nav-menu:checked + .mainWrapper .multipleItem .blog-posts:before{top:-290px;}
.multipleItem .sidebar{padding: 0 25px 30px 225px}
.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:300px;right:10px;height:auto;padding:15px 20px;margin-bottom:20px;position:fixed;top:95px;background-color:#fefefe;border-radius:4px;box-shadow:0 6px 18px 0 rgba(23,23,26,0.02);font-size:14px}
.Blog .post-tocContent ol li:last-child ol.point2{margin-bottom:0}
.Blog .post-tocContent ol{margin-bottom:0}
.Blog .post-tocContent {overflow: auto;max-height: 50vh}
.Blog .post-tocContainer{padding:0;background-color:unset;border-radius:unset;box-shadow:unset}
.Blog .toc-menu:checked + .post-toc{right:-300px}
.Blog .post-tocHeader label .show{left: -70px; box-shadow:unset}
.Blog .toc-menu:checked + .post-toc .post-tocHeader label .show{background-color:rgba(255,255,255,.36);}
.dark-mode .Blog .toc-menu:checked + .post-toc .post-tocHeader label .show{background-color: rgba(36,37,38,.65);}
.Blog .toc-menu:checked + .post-toc .post-tocHeader label .show{left: -58px;box-shadow:0 10px 20px 0 rgba(30,30,30,.08)}
.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:50vh}
.dark-mode .Blog .post-toc{background-color:#242526}}
@media screen and (max-width:640px){
.Blog .download-info{display:none}
a.download:before{display:inline-block;vertical-align: sub;}
.button-info a{width:100%;display:block;text-align:center;margin:0 0 15px 0}
.search-link label.link:active,li.home-link a.link:active,li.tag-link label.link:active,li.dark-link div.link:active,li.top-link svg:active{box-shadow:rgba(150,150,150,.1) 0 0 0 10px;background-color:rgba(150,150,150,.1)}
.search-link label.link,li.home-link a.link,li.tag-link label.link,li.dark-link div.link,li.top-link svg{border-radius:10px;display:inline;transition:all .15s ease}
.multipleItem .sidebar{padding: 15px 20px}
.Blog .post-tocContent {max-height: 55vh}
.Blog .toc-menu:checked + .post-toc .post-tocContent{max-height:55vh}
.Blog .post-toc{width:80%}
.Blog .toc-menu:checked + .post-toc{width:300px}
:target::before{height:20px;margin-top:-20px}
.header{padding:0 20px;position:absolute;}
.header .header-inner h1, #Arslan-header-widget .header-inner h2{font-size:16px}
.header #Arslan-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:50px;-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} .dark-mode .singleItem.post .header{background-color:#242526}
.singleItem .navicon .nav{display:none;transform: rotate(180deg);-webkit-transform: rotate(180deg)}
.singleItem .navicon .nav.home i:nth-child(3){background-color:transparent;}
.header .navicon .navSearch{display:block;}
.singleItem .navicon .nav.home{display:block}
.singleItem .navicon .nav i:nth-child(1){width:45%;margin-left:52%;-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:13%;margin-left:68.5%;background-color:#6C6CE5;-webkit-transform:translateY(0px) rotate(-40deg);transform:translateY(0px) rotate(-40deg)}
.multipleItem .blog-posts:before, .nav-menu:checked + .mainWrapper .multipleItem .blog-posts:before{left:-130px;top:-220px;}
.blog-posts:before, .nav-menu:checked + .mainWrapper .blog-posts:before{left:-130px}
.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:#fefefe;max-width:480px;width:65%;height:100%;margin-left:-100%;padding:calc(60px + 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}
.navigation-menu .sosmed{max-width:480px;width:65%;margin-left:-100%;border-radius:0} .navigation-menu .close{display:block;border-radius:0 20px 0 0}
.navigation-menu:hover{overflow-y:auto}
/* 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:65%}
.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;font-size:85%}
.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}
.dark-mode #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:'Update : '}
.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.style1{padding:20px 20px 20px 70px} .Blog blockquote.style1: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:12px;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{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:12px}
.Blog .breadcrumbs{margin-bottom: 15px}
.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:12px}
.Blog .comments .comment-header .user{font-size:13px}
.sidebar .FeaturedPost article .item-title, .PopularPosts article .item-title{font-size:97%}
.FeaturedPost article .item-title{font-size:16px}
}
@media screen and (max-width:480px){
.Blog .separate:before{font-size:16px}
.Blog article.post .post-entry{font-size:15px;}
.font-size1:checked + .font-size2 + .font-size3 + article .post-entry{font-size:14px}
.font-size3:checked + article .post-entry{font-size:16px}
.Blog article.post ol.style1 > li{margin-left: 45px}
.Blog article.post ol.style1 > li::before{top:0}
.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%;letter-spacing:.04em}
.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%}
.Blog article.post .separator a{margin-left:0!important;margin-right:0!important;float:none!important}
.Blog article.post .grid-image img{width:48%;flex-direction:row;margin:0 4% 4% 0}
.Blog article.post .grid-image img:nth-of-type(2n){margin-right:0;}
.Blog article.post .grid-image img:nth-of-type(3n){width:100%;}
}
/* Sample Ads (Silahkan hapus bagian ini jika iklan sudah di replace semua) */
.ads-here.adatas{min-height:150px}
.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:480px){.ads-here.adatas{min-height:240px;}
@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%}}
]]></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 lazyload' expr:alt='data:post.author.name' expr:data-src='resizeImage(data:post.author.authorPhoto.image,100,"1:1")' src='https://cdn.statically.io/gh/bloggerbyte/scripts/main/loading.svg'/>
</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: 60, links: false, linebreaks: false}'/></div>
</div>
</div>
</b:includable>
<b:includable id='post-artikelTOC'>
<input checked='checked' class='toc-menu hidden' id='offtoc-menu' type='checkbox'/>
<div class='post-toc'>
<div class='post-tocContainer'>
<div class='post-tocHeader'>
<label for='offtoc-menu'>
<span class='show'><svg 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></span>
<!-- Judul Toc -->
<span class='title'>Table of contents</span>
<svg class='drop' 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>
<div class='post-tocContent' id='post-tocContent'/>
</div>
</div>
</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: "https://cdn.statically.io/gh/bloggerbyte/scripts/main/loading.svg",
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:"https://tips97tech.blogspot.com/",numPosts:7,summaryLength:320,titleLength:"auto",thumbnailSize:200,noImage:"https://cdn.statically.io/gh/bloggerbyte/scripts/main/loading.svg",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 lazyload" alt="'+w+'" data-src="'+r+'" src="https://cdn.statically.io/gh/bloggerbyte/scripts/main/loading.svg"></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 lazyload" alt="'+w+'" data-src="'+r+'" src="https://cdn.statically.io/gh/bloggerbyte/scripts/main/loading.svg"></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>Show Comments</span></a>
</div>
</div>
<script>/*<![CDATA[*/ var disqus_shortname = "https://tips97tech.blogspot.com/"; !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="https://tips97tech.blogspot.com/";!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 lazyload' expr:alt='data:post.title' expr:data-src='resizeImage(data:post.featuredImage, 600, "18:9")' src='https://cdn.statically.io/gh/bloggerbyte/scripts/main/loading.svg'/>
</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 lazyload' expr:alt='data:post.title' expr:data-src='resizeImage(data:post.featuredImage, 400, "26:9")' src='https://cdn.statically.io/gh/bloggerbyte/scripts/main/loading.svg'/>
</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 lazyload' expr:alt='data:display-name' expr:data-src='data:authorPhoto.image' src='https://cdn.statically.io/gh/bloggerbyte/scripts/main/loading.svg'/>
</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]).*?>(\
.*?|.*?)<\/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>
<!--[ </head> close ]-->
<!--<head/><b:if cond='!data:blog.adsenseClientId'>--></head></b:if>
<body id='mainContent'>
<script>/*<![CDATA[*/ (localStorage.getItem('mode')) === 'darkmode' ? document.querySelector('#mainContent').classList.add('dark-mode') : document.querySelector('#mainContent').classList.remove('dark-mode') /*]]>*/</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'/>
<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='Arslan-header-widget' maxwidgets='1' showaddelement='false'>
<b:widget id='Header00' locked='true' title='Tips97 (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='Search _ "Tips97" ' 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' data-text='Dark mode' onclick='darkMode()'><i class='check'/></span> -->
<div aria-label='Dark' class='dark-link' data-text='Dark' onclick='darkMode()' role='button'>
<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>
<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>
</header>
<!-- Billboard Ads -->
<b:section cond='data:view.isMultipleItems and !data:view.isPreview' id='large-ads' maxwidgets='1' showaddelement='true'>
<b:widget id='HTML001' locked='true' title='Billboard Ads' type='HTML' version='2' visible='false'>
<b:widget-settings>
<b:widget-setting name='content'/>
</b:widget-settings>
<b:includable id='main'>
<div class='ads-content'>
<data:content/>
</div>
</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='Top Home Ads' type='HTML' version='2' visible='false'>
<b:widget-settings>
<b:widget-setting name='content'/>
</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'/>
</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='false'>
<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'>6625932756300438422</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 lazyload' expr:alt='data:post.title' expr:data-src='resizeImage(data:post.featuredImage, 600, "18:9")' src='https://cdn.statically.io/gh/bloggerbyte/scripts/main/loading.svg'/>
</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='Blog Posts' type='Blog' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='showDateHeader'>false</b:widget-setting>
<b:widget-setting name='commentLabel'>Comments</b:widget-setting>
<b:widget-setting name='style.textcolor'>#ffffff</b:widget-setting>
<b:widget-setting name='showShareButtons'>true</b:widget-setting>
<b:widget-setting name='authorLabel'>Uploaded By</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='showAuthor'>true</b:widget-setting>
<b:widget-setting name='style.linkcolor'>#ffffff</b:widget-setting>
<b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
<b:widget-setting name='style.bgcolor'>#ffffff</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='showLabels'>true</b:widget-setting>
<b:widget-setting name='showLocation'>false</b:widget-setting>
<b:widget-setting name='postLabelsLabel'/>
<b:widget-setting name='showTimestamp'>true</b:widget-setting>
<b:widget-setting name='postsPerAd'>1</b:widget-setting>
<b:widget-setting name='showBacklinks'>false</b:widget-setting>
<b:widget-setting name='style.bordercolor'>#ffffff</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'>Buka komentar (<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 lazyload' expr:alt='data:cb.level.author' expr:data-src='resizeImage(data:cb.level.authorAvatarSrc, 100, "1:1")' expr:title='data:cb.level.author' src='https://cdn.statically.io/gh/bloggerbyte/scripts/main/loading.svg'/>
</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 lazyload' expr:alt='data:post.title' expr:data-src='resizeImage(data:post.featuredImage, 400, "18:9")' src='https://cdn.statically.io/gh/bloggerbyte/scripts/main/loading.svg'/>
<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'>
<!-- SVG "Tips97 - Arslan" For 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>
<!-- SVG "Tips97 - Arslan" For 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>
<!-- SVG "Tips97 - Arslan" For 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>
<!-- SVG "Tips97 - Arslan" For 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>
<!-- SVG "Tips97 - Arslan" For 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>
<!-- SVG "Tips97 - Arslan" For 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>
<!-- SVG "Tips97 - Arslan" For 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>
<!-- SVG "Tips97 - Arslan" For 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>
<!-- SVG "Tips97 - Arslan" For 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>
<!-- Copy 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/a/AVvXsEjwKu4j0TqTIbXV6ZyoafA5RHKnWcgHj7biyn72CwzitlQVjsLe5T2VeeytWzORJULIR8zpBGjExccj_cOxOYuJq2lMD6VpXW14gXeS7pdR_GAUQ6hzG-jGvhSZDKPCEA3IpKONPoGDL3vGv8XQVP3eCvBC4cBMATrKYlUbGL6cYV7RVcHMKCQ4erXc",
"height": 348,
"width": 1200
</b:if>
},
</b:includable>
<b:includable id='postMetadataJSONPublisher'>
"publisher": {
"@type": "Organization",
"name": "Blogger",
"logo": {
"@type": "ImageObject",
"url": "https://blogger.googleusercontent.com/img/a/AVvXsEjwKu4j0TqTIbXV6ZyoafA5RHKnWcgHj7biyn72CwzitlQVjsLe5T2VeeytWzORJULIR8zpBGjExccj_cOxOYuJq2lMD6VpXW14gXeS7pdR_GAUQ6hzG-jGvhSZDKPCEA3IpKONPoGDL3vGv8XQVP3eCvBC4cBMATrKYlUbGL6cYV7RVcHMKCQ4erXc",
"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'>
<div id='cm-menu'>
<input checked='' class='cm-menus1 hidden' id='offcm-menu1' name='accordion-menu' type='radio'/>
<input class='cm-menus2 hidden' id='offcm-menu2' name='accordion-menu' type='radio'/>
<div class='cmbutton'>
<div class='cmbutton1'>
<label class='cmbutton-title' for='offcm-menu1'>Rules ~</label>
</div>
<div class='cmbutton2'>
<label class='cmbutton-title' for='offcm-menu2'>Media +</label>
</div>
</div>
<div class='pesan-komen'>
Respect Others <strong style='color:#6C6CE5'>Opinion</strong>. Commenting <strong style='color:#6C6CE5'>Link</strong> Is Strictly <strong style='color:#6C6CE5'>Forbidden</strong>. Comments According To The Posts Always Gets <strong style='color:#6C6CE5'>Priority</strong>.
</div>
<div class='bbcode'>
Enter <b>
<a href='https://image.bloggerbyte.net' rel='nofollow noopener noreffer' target='_blank' title='Upload Image Here'> Image URL </a>
</b> or <b>
<a href='https://www.youtube.com/?feature=youtu.be' rel='nofollow noopener noreffer' target='_blank' title='Get Youtube URL Here'> Video URL YouTube </a>
</b> or <b> Code Snippet </b>, or <b> Quote </b>, then click the button you want to parse. Copy the parsed result and paste it into the Comments Field.
<div id='parser'>
<textarea id='codes' placeholder='Enter the code / image_url / youtube_video_url here to parse' spellcheck='false'/>
<div class='alert alert-success margin-bottom-20 collapse' id='btnInfo' role='alert' style='display: none;'>
<button class='closer close-copy' onclick='document.getElementById("btnInfo").style.display = "none";cdClear();' type='button'><span aria-hidden='true'>×</span></button>
<span>Code Copied!</span>
</div>
<span class='button-group'>
<button class='btn btn-primary btn-xs' id='cvrt3' onclick='imgConvert();this.disabled = true;'>image</button>
<button class='btn btn-primary btn-xs' id='cvrt4' onclick='videoConvert();this.disabled = true;'>video</button>
<button class='btn btn-primary btn-xs' id='cvrt4' onclick='preConvert();this.disabled = true;'>pre</button>
<button class='btn btn-primary btn-xs' id='cvrt5' onclick='codeConvert();this.disabled = true;'>code</button>
<button class='btn btn-primary btn-xs' id='cvrt7' onclick='quoteConvert();this.disabled = true;'>quote</button><br/>
<button class='btn button-link btn-xs btn-info' data-clipboard-action='copy' data-clipboard-target='#codes' id='button-link' style='display: none;' type='submit'>Copy Code!</button>
<button class='btn btn-danger btn-xs' onclick='cdClear();'>Clear</button>
</span>
<span class='checkbox'>
<input checked='' id='opt1' type='checkbox'/>
<input checked='' id='opt2' type='checkbox'/>
<input checked='' id='opt3' type='checkbox'/>
<input checked='' id='opt4' type='checkbox'/>
<input checked='' id='opt5' type='checkbox'/><br/>
<input checked='' id='opt6' type='checkbox'/>
<span>image</span>
<input checked='' id='opt7' type='checkbox'/>
<span>video</span>
<input checked='' id='opt8' type='checkbox'/>
<span>quote</span>
<input checked='' id='opt10' type='checkbox'/>
<span>pre</span>
<input checked='' id='opt11' type='checkbox'/>
<span>code</span>
</span>
<div class='clear'/>
</div>
</div>
</div>
<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='Posts Ads' type='HTML' version='2' visible='false'>
<b:widget-settings>
<b:widget-setting name='content'/>
</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='Top of Post Ads' type='HTML' version='2' visible='false'>
<b:widget-settings>
<b:widget-setting name='content'/>
</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='Below Post Ads' type='HTML' version='2' visible='false'>
<b:widget-settings>
<b:widget-setting name='content'/>
</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='Home Ads' type='HTML' version='2' visible='false'>
<b:widget-settings>
<b:widget-setting name='content'/>
</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 cond='data:view.isHomepage' id='Profile00' locked='false' title='Blog Admin' type='Profile' version='2' visible='false'>
<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='widget-title'/>
<b:include name='content'/>
</b:includable>
<b:includable id='authorProfileImage'>
<img class='profile-img post-thumb lazyload' expr:alt='data:display-name' expr:data-src='data:authorPhoto.image' src='https://cdn.statically.io/gh/bloggerbyte/scripts/main/loading.svg'/>
</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='userProfileLink'>
<a class='profile-link' expr:href='data:userUrl' rel='author nofollow noreferrer' target='_blank'><data:displayname/></a>
</b:includable>
<b:includable id='userProfileMedia'>
<!-- Link social media -->
<ul class='profile-media'>
<!-- Facebook -->
<li>
<a aria-label='Social Media' href='https://www.facebook.com/TheArslanChaudhry' 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='https://twitter.com/Ch_Arslan_' 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='https://www.instagram.com/thearslanchaudhary/' 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='https://tips97tech.blogspot.com/' 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='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: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'>4</b:widget-setting>
<b:widget-setting name='showThumbnails'>false</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 lazyload' expr:alt='data:post.title' expr:data-src='resizeImage(data:post.featuredImage, 400, "26:9")' src='https://cdn.statically.io/gh/bloggerbyte/scripts/main/loading.svg'/>
</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'>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: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 cond='!data:view.isPreview' id='HTML004' locked='true' title='Sidebar Ads' type='HTML' version='2' visible='false'>
<b:widget-settings>
<b:widget-setting name='content'/>
</b:widget-settings>
<b:includable id='main'>
<div class='ads-content'>
<data:content/>
</div>
</b:includable>
</b:widget>
</b:section>
</aside>
</div>
<footer align='center' class='footbar'>
<div class='credit'>
<b>© <span id='getYear'><script>/*<![CDATA[*/ var d = new Date(); var n = d.getFullYear(); document.getElementById('getYear').innerHTML = n; /*]]>*/</script></span> ‧ <a expr:href='data:blog.homepageUrl.canonical'><data:blog.title/></a> | All Rights Reserved.</b><br/>
<span class='creator'>Developed by <a href='https://www.instagram.com/thearslanchaudhary/'>Arslan Ashraf</a></span>
</div>
</footer>
<b:else/>
<!-- Halaman 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='Navigation Menu' type='HTML' version='2' visible='true'>
<b:widget-settings>
<b:widget-setting name='content'><![CDATA[<!-- Widget ini hanya bisa di edit pada menu EDIT HTML template -->]]></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'>Cookies</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 href='/search/label/Prime%20Video' itemprop='url'>Prime Video</a></li>
<li itemprop='name'><a href='/search/label/SEMrush' itemprop='url'>SEMrush</a></li>
<li itemprop='name'><a href='/search/label/Grammarly' itemprop='url'>Grammarly</a></li>
<li itemprop='name'><a href='/search/label/Netflix' itemprop='url'>Netflix</a></li>
<li itemprop='name'><a href='/search/label/ChatGPT' itemprop='url'>ChatGPT</a></li>
<li itemprop='name'><a href='https://tips97tech.blogspot.com/search/label/Free%20Paid%20Tools' itemprop='url'>More Tooks</a></li>
</ul>
</li>
<!-- About me link -->
<li>
<a class='link' href='https://tips97tech.blogspot.com/p/about.html' 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' href='https://tips97tech.blogspot.com/p/contact-us.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' href='https://tips97tech.blogspot.com/p/free-paid-tools.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'>Free Paid Tools</span>
</a>
</li>
<!-- Sitemap link -->
<li>
<a class='link' href='https://tips97tech.blogspot.com/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='https://tips97tech.blogspot.com/p/disclaimer.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='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='https://tips97tech.blogspot.com/p/privacy.html' 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'>Close</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='https://tips97tech.blogspot.com/' 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='https://tips97tech.blogspot.com/' 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='https://tips97tech.blogspot.com/' 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='https://tips97tech.blogspot.com/' 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>
<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("dark-mode"):document.querySelector("#mainContent").classList.remove("dark-mode")};
( 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", "lazyload"); image.setAttribute("data-src",source); image.setAttribute("src","https://cdn.statically.io/gh/bloggerbyte/scripts/main/loading.svg"); 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>" };
// Lazy Sizes
var lazysizer=!1;window.addEventListener("scroll",function(){(0!=document.documentElement.scrollTop&&!1===lazysizer||0!=document.body.scrollTop&&!1===lazysizer)&&(!function(){var e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src="https://cdn.jsdelivr.net/gh/Arlina-Design/phantom@master/lazysarline.js";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(e,a)}(),lazysizer=!0)},!0);
/*]]>*/
</script>
<!-- <b:include cond='data:view.isMultipleItems' name='postPagination-more'/> -->
<b:if cond='data:view.isMultipleItems'>
<script>/*<![CDATA[*/
var noPage,currentPage,currentPageNo,postLabel,
perPage=9,
numPages=3,
firstText="First",
lastText="Last",
prevText="Previous",
nextText="Next",
urlactivepage=location.href,home_page="/";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-=1),pageEnd=pageStart+numPages-1,pageEnd>lastPageNo&&(pageEnd=lastPageNo),a+="<span class='showpageOf'>Page "+currentPageNo+" of "+lastPageNo+"</span>";var t=parseInt(currentPageNo)-1;currentPageNo>1&&(a+="page"==currentPage?'<span class="showpage firstpage"><a href="'+home_page+'">'+firstText+"</a></span>":'<span class="displaypageNum firstpage"><a href="/search/label/'+postLabel+"?&max-results="+perPage+'">'+firstText+"</a></span>"),currentPageNo>2&&(a+=3==currentPageNo?"page"==currentPage?'<span class="showpage"><a href="'+home_page+'">'+prevText+"</a></span>":'<span class="displaypageNum"><a href="/search/label/'+postLabel+"?&max-results="+perPage+'">'+prevText+"</a></span>":"page"==currentPage?'<span class="displaypageNum"><a href="#" onclick="redirectpage('+t+');return false">'+prevText+"</a></span>":'<span class="displaypageNum"><a href="#" onclick="redirectlabel('+t+');return false">'+prevText+"</a></span>"),pageStart>1&&(a+="page"==currentPage?'<span class="displaypageNum"><a href="'+home_page+'">1</a></span>':'<span class="displaypageNum"><a href="/search/label/'+postLabel+"?&max-results="+perPage+'">1</a></span>'),pageStart>2&&(a+=" ... ");for(var s=pageStart;s<=pageEnd;s++)a+=currentPageNo==s?'<span class="pagecurrent">'+s+"</span>":1==s?"page"==currentPage?'<span class="displaypageNum"><a href="'+home_page+'">1</a></span>':'<span class="displaypageNum"><a href="/search/label/'+postLabel+"?&max-results="+perPage+'">1</a></span>':"page"==currentPage?'<span class="displaypageNum"><a href="#" onclick="redirectpage('+s+');return false">'+s+"</a></span>":'<span class="displaypageNum"><a href="#" onclick="redirectlabel('+s+');return false">'+s+"</a></span>";pageEnd<lastPageNo-1&&(a+="..."),pageEnd<lastPageNo&&(a+="page"==currentPage?'<span class="displaypageNum"><a href="#" onclick="redirectpage('+lastPageNo+');return false">'+lastPageNo+"</a></span>":'<span class="displaypageNum"><a href="#" onclick="redirectlabel('+lastPageNo+');return false">'+lastPageNo+"</a></span>");var r=parseInt(currentPageNo)+1;currentPageNo<lastPageNo-1&&(a+="page"==currentPage?'<span class="displaypageNum"><a href="#" onclick="redirectpage('+r+');return false">'+nextText+"</a></span>":'<span class="displaypageNum"><a href="#" onclick="redirectlabel('+r+');return false">'+nextText+"</a></span>"),currentPageNo<lastPageNo&&(a+="page"==currentPage?'<span class="displaypageNum lastpage"><a href="#" onclick="redirectpage('+lastPageNo+');return false">'+lastText+"</a></span>":'<span class="displaypageNum lastpage"><a href="#" onclick="redirectlabel('+lastPageNo+');return false">'+lastText+"</a></span>");for(var p=document.getElementsByName("pageArea"),n=document.getElementById("blog-pager"),l=0;l<p.length;l++)p[l].innerHTML=a;p&&p.length>0&&(a=""),n&&(n.innerHTML=a)}function totalcountdata(e){var a=e.feed;looppagecurrentg(parseInt(a.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,document.write('<script src="'+home_page+'feeds/posts/summary?max-results=1&alt=json-in-script&callback=totalcountdata"><\/script>')):(currentPage="label",-1==e.indexOf("&max-results=")&&(perPage=20),currentPageNo=-1!=urlactivepage.indexOf("#PageNo=")?urlactivepage.substring(urlactivepage.indexOf("#PageNo=")+8,urlactivepage.length):1,document.write('<script src="'+home_page+"feeds/posts/summary/-/"+postLabel+'?alt=json-in-script&callback=totalcountdata&max-results=1" ><\/script>')))}function redirectpage(e){jsonstart=(e-1)*perPage,noPage=e;var a=document.getElementsByTagName("head")[0],t=document.createElement("script");t.type="text/javascript",t.setAttribute("src",home_page+"feeds/posts/summary?start-index="+jsonstart+"&max-results=1&alt=json-in-script&callback=finddatepost"),a.appendChild(t)}function redirectlabel(e){jsonstart=(e-1)*perPage,noPage=e;var a=document.getElementsByTagName("head")[0],t=document.createElement("script");t.type="text/javascript",t.setAttribute("src",home_page+"feeds/posts/summary/-/"+postLabel+"?start-index="+jsonstart+"&max-results=1&alt=json-in-script&callback=finddatepost"),a.appendChild(t)}function finddatepost(e){post=e.feed.entry[0];var a=post.published.$t.substring(0,19)+post.published.$t.substring(23,29),t=encodeURIComponent(a);if("page"==currentPage)var s="/search?updated-max="+t+"&max-results="+perPage+"#PageNo="+noPage;else s="/search/label/"+postLabel+"?updated-max="+t+"&max-results="+perPage+"#PageNo="+noPage;location.href=s}void 0===firstText&&(firstText="First"),void 0===lastText&&(lastText="Last"),pagecurrentg();
/*]]>*/</script>
</b:if>
<b:if cond='data:view.isSingleItem'>
<script src='https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.2.1/highlight.min.js'/>
<script src='https://cdn.rawgit.com/zenorocha/clipboard.js/v1.5.16/dist/clipboard.min.js'/>
<script>
//<\[\/img\]/gi,"<img class='lazyload cm-image' data-src='$1' src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAJCAYAAAA7KqwyAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAAAPSURBVCiRY2AYBaOACgAAAkkAAeA86/QAAAAASUVORK5CYII=' alt='image' loading='lazy' />")).replace(/<i rel="video">https?:\/\/www\.youtube\.com\/embed\/(.*?)<\/i>/gi,"<div class='lazy-youtube'><iframe class='cm-youtube' loading='lazy' frameborder='0' allowfullscreen='' src='https://www.youtube.com/embed/$1?rel=0&showinfo=0'></iframe></div>")).replace(/<i rel="video">(https?:\/\/youtu\.be\/|https?:\/\/www\.youtube\.com\/watch\?v\=)(.*?)<\/i>/gi,"<div class='lazy-youtube'><iframe class='cm-youtube' loading='lazy' frameborder='0' allowfullscreen='' src='https://www.youtube.com/embed/$2?rel=0&showinfo=0'></iframe></div>")).replace(/\[video\]https?:\/\/www\.youtube\.com\/embed\/(.*?)\[\/video\]/gi,"<div class='lazy-youtube'><iframe class='cm-youtube' loading='lazy' frameborder='0' allowfullscreen='' src='https://www.youtube.com/embed/$1?rel=0&showinfo=0'></iframe></div>")).replace(/\[video\](https?:\/\/youtu\.be\/|https?:\/\/www\.youtube\.com\/watch\?v\=)(.*?)\[\/video\]/gi,"<div class='lazy-youtube'><iframe class='cm-youtube' loading='lazy' frameborder='0' allowfullscreen='' src='https://www.youtube.com/embed/$2?rel=0&showinfo=0'></iframe></div>")).replace(/<i rel="code">(.*?)<\/i>/gi,"<code>$1</code>")).replace(/<i rel="pre">(.*?)<\/i>/gi,"<pre>$1</pre>")).replace(/<b rel="quote">(.*?)<\/b>/gi,"<blockquote>$1</blockquote>")).replace(/\[code\](.*?)\[\/code\]/gi,"<code>$1</code>")).replace(/\[pre\](.*?)\[\/pre\]/gi,"<pre>$1</pre>")).replace(/\[blockquote\](.*?)\[\/blockquote\]/gi,"<blockquote>$1</blockquote>")).replace(/\[quote\](.*?)\[\/quote\]/gi,"<blockquote>$1</blockquote>")).replace(/&feature=[\w-]*/gi,"")).replace(/\/s(640|1600|1280)/g,"/s636"),a.innerHTML=A)}repText("comment-holder");
"use strict";!function(e,o){"object"==typeof module&&"object"==typeof module.exports?module.exports=e.document?o(e,!0):function(e){if(!e.document)throw new Error("A window with a document is required");return o(e)}:o(e)}("undefined"!=typeof window?window:this,function(y,e){if("boolean"!=typeof o)var o=!1;function t(e){var o,m={templateSelector:"#CodeBadgeTemplate",contentSelector:"body",loadDelay:0,copyIconClass:"fa fa-copy",copyIconContent:"",checkIconClass:"fa fa-check text-success",checkIconContent:"",onBeforeCodeCopied:null};function t(){m.loadDelay?setTimeout(n,loadDelay):n()}function n(){if(!document.querySelector(m.templateSelector)){var e=document.createElement("div");e.innerHTML=function(){for(var e=["<style>","@media print {"," .code-badge { display: none; }","}"," .dark-mode .code-badge {"," background: rgba(78,95,109,.10);"," }"," .code-badge-pre {"," position: relative;"," }"," .code-badge {"," display: flex;"," flex-direction: row;"," white-space: normal;"," background: rgba(88,101,111,.63);"," color: #333;"," font-size: 0.875em;"," opacity: 0.5;"," transition: opacity linear 0.5s;"," border-radius: 0 4px 0 4px;"," padding: 5px 8px 5px 8px;"," position: absolute;"," right: 0;"," top: 0;"," }"," .code-badge.active {"," opacity: 0.8;"," }",""," .code-badge:hover {"," opacity: .95;"," }",""," .code-badge a,"," .code-badge a:hover {"," text-decoration: none;"," }",""," .code-badge-language {"," margin-right: 10px;"," font-weight: 600;"," color: goldenrod;"," }"," .fa.text-success:{ color: limegreen !important }","</style>",'<div id="CodeBadgeTemplate" style="display:none">',' <div class="code-badge">',' <div class="code-badge-language" >{{language}}</div>',' <div id="copyy" title="Salin Code">',' <i class="{{copyIconClass}}"></i></i></a>'," </div>"," </div>","</div>"],o="",t=0;t<e.length;t++)o+=e[t]+"\
";return o}();var o=e.querySelector("style"),t=e.querySelector(m.templateSelector);document.body.appendChild(o),document.body.appendChild(t)}for(var n=document.querySelector(m.templateSelector).innerHTML,c=document.querySelectorAll("pre>code.hljs"),a=0;a<c.length;a++){var r=c[a];if(!r.querySelector(".code-badge")){for(var d="",l=0;l<r.classList.length;l++){var i=r.classList[l];if("language-"===i.substr(0,9)){d=r.classList[l].replace("language-","");break}if("lang-"===i.substr(0,5)){d=r.classList[l].replace("lang-","");break}if(!d)for(var s=0;s<r.classList.length;s++)if("hljs"!=r.classList[s]){d=r.classList[s];break}}"ps"==(d=d?d.toLowerCase():"text")?d="powershell":"cs"==d?d="csharp":"js"==d?d="javascript":"ts"==d?d="typescript":"fox"==d&&(d="foxpro");var p=n.replace("{{language}}",d).replace("{{copyIconClass}}",m.copyIconClass).trim(),u=document.createElement("div");u.innerHTML=p,u=u.querySelector(".code-badge");var g=r.parentElement;g.classList.add("code-badge-pre"),m.copyIconContent&&(u.querySelector(".code-badge-copy-icon").innerText=m.copyIconContent),g.insertBefore(u,r)}}document.querySelector(m.contentSelector).addEventListener("click",function(e){return e.srcElement.classList.contains("code-badge-copy-icon")&&(e.preventDefault(),e.cancelBubble=!0,function(e){var o=e.srcElement.parentElement.parentElement.parentElement,t=o.querySelector("pre>code"),n=t.textContent||t.innerText;m.onBeforeCodeCopied&&(n=m.onBeforeCodeCopied(n,t));var c=document.createElement("textarea");c.value=n.trim(),document.body.appendChild(c),c.style.display="block",y.document.documentMode?c.setSelectionRange(0,c.value.length):c.select();document.execCommand("copy"),document.body.removeChild(c),function(e){var o=m.copyIconClass.split(" "),t=m.checkIconClass.split(" "),n=e.querySelector(".code-badge-copy-icon");n.innerText=m.checkIconContent;for(var c=0;c<o.length;c++)n.classList.remove(o[c]);for(c=0;c<t.length;c++)n.classList.add(t[c]);setTimeout(function(){n.innerText=m.copyIconContent;for(var e=0;e<t.length;e++)n.classList.remove(t[e]);for(e=0;e<o.length;e++)n.classList.add(o[e])},2e3)}(o)}(e)),!1})}o=e,Object.assign(m,o),"loading"==document.readyState?document.addEventListener("DOMContentLoaded",t):t()}y.highlightJsBadge=t,y.module&&y.module.exports&&(y.module.exports.highlightJsBadge=t),o&&t()});
document.addEventListener("DOMContentLoaded", (event) => {
var pres = document.querySelectorAll("pre>code");
for (var i = 0; i < pres.length; i++) {
hljs.highlightBlock(pres[i]);
}
var options = {
contentSelector: ".post-content",
loadDelay:0,
copyIconClass: "code-badge-copy-icon",
checkIconClass: "code-badge-check-icon",
onBeforeTextCopied: function(text, codeElement) {
return text;
}
};
window.highlightJsBadge(options);
});
function cdClear(){var e=document.getElementById("codes");e.value="",e.focus();for(var t=document.querySelectorAll("#cvrt3, #cvrt4, #cvrt5, #cvrt6, #cvrt7, #cvrt8, #cvrt9, #cvrt10, #cvrt11"),c=0;c<t.length;c++)t[c].disabled=!1,document.getElementById("btnInfo").style.display="none",document.getElementById("button-link").style.display="none"}function preConvert(){var e=document.getElementById("codes"),t=e.value,c=document.getElementById("opt1"),l=document.getElementById("opt2"),n=document.getElementById("opt3"),d=document.getElementById("opt4"),o=document.getElementById("opt5"),u=document.getElementById("opt10"),t=t.replace(/ /g," ");u.checked&&(c.checked&&(t=t.replace(/&/g,"&")),l.checked&&(t=t.replace(/'/g,"'")),n.checked&&(t=t.replace(/"/g,""")),d.checked&&(t=t.replace(/</g,"<")),o.checked&&(t=t.replace(/>/g,">")),t=(t=t.replace(/^/,"<i rel='pre'>")).replace(/$/,"</i>"),e.value=t,e.focus(),document.getElementById("button-link").style.display="inline-block")}function codeConvert(){var e=document.getElementById("codes"),t=e.value,c=document.getElementById("opt1"),l=document.getElementById("opt2"),n=document.getElementById("opt3"),d=document.getElementById("opt4"),o=document.getElementById("opt5"),u=document.getElementById("opt11"),t=t.replace(/ /g," ");u.checked&&(c.checked&&(t=t.replace(/&/g,"&")),l.checked&&(t=t.replace(/'/g,"'")),n.checked&&(t=t.replace(/"/g,""")),d.checked&&(t=t.replace(/</g,"<")),o.checked&&(t=t.replace(/>/g,">")),t=(t=t.replace(/^/,"<i rel='code'>")).replace(/$/,"</i>"),e.value=t,e.focus(),document.getElementById("button-link").style.display="inline-block")}function imgConvert(){var e=document.getElementById("codes"),t=e.value,c=document.getElementById("opt6"),t=t.replace(/ /g," ");c.checked&&(t=(t=t.replace(/^/,"<i rel='img'>")).replace(/$/,"</i>"),e.value=t,e.focus(),document.getElementById("button-link").style.display="inline-block")}function videoConvert(){var e=document.getElementById("codes"),t=e.value,c=document.getElementById("opt7"),t=t.replace(/ /g," ");c.checked&&(t=(t=t.replace(/^/,"<i rel='video'>")).replace(/$/,"</i>"),e.value=t,e.focus(),document.getElementById("button-link").style.display="inline-block")}function quoteConvert(){var e=document.getElementById("codes"),t=e.value,c=document.getElementById("opt8"),t=t.replace(/ /g," ");c.checked&&(t=(t=t.replace(/^/,"<b rel='quote'>")).replace(/$/,"</b>"),e.value=t,e.focus(),document.getElementById("button-link").style.display="inline-block")};
var clipboard = new Clipboard(".button-link");
clipboard.on("success", function (o) {
console.log(o), document.getElementById("btnInfo")
.style.display = "block", document.getElementById("codes")
.value = ""
}), clipboard.on("error", function (o) {
console.log(o)
});
//]]>
</script>
</b:if>
<!--<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>
<!--[By ARSLAN ASHRAF]-->
<!--[ </body> close ]-->
<!--</body>--></body>
</html>