API tools faq
paste
shamp0erna99

MedianUI - Templates Blogger

shamp0erna99
Nov 12th, 2020
289
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
XML 255.94 KB | None | 0 0
raw download clone embed print report
  1. <?xml version="1.0" encoding="UTF-8" ?>
  2. <!DOCTYPE html>
  3. <html b:css='false' b:defaultwidgetversion='2' b:layoutsVersion='3' b:responsive='true' b:templateUrl='indie.xml' b:templateVersion='1.3.0' expr:dir='data:blog.languageDirection' lang='id' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  4.   &lt;head&gt;
  5.  
  6.   <b:if cond='data:view.isError'><title>Error 404: Page Not Found</title></b:if>
  7.   <b:if cond='data:view.isHomepage'><title><data:blog.pageTitle/></title></b:if>
  8.   <b:if cond='!data:view.isMultipleItems'><title><data:blog.pageName/></title></b:if>
  9.   <b:if cond='data:view.isMultipleItems'>
  10.     <b:if cond='data:view.search.query'><title><data:messages.search/>: <data:view.search.query/></title></b:if>
  11.     <b:if cond='data:view.search.label'><title><data:blog.pageName/> - <data:blog.title/></title></b:if>
  12.     <b:if cond='data:view.isArchive'><title><data:messages.blogArchive/>: <data:blog.pageName/></title></b:if>
  13.     <b:if cond='data:view.search and !data:view.search.label and !data:view.search.query and !data:view.isArchive'><title><data:messages.posts/>: <data:blog.title/></title></b:if>
  14.   </b:if>
  15.  
  16.   <!-- Meta Title -->
  17.   <b:if cond='data:view.isMultipleItems'>
  18.     <meta expr:content='data:blog.pageTitle' property='og:title'/>
  19.     <meta expr:content='data:blog.pageTitle' property='og:image:alt'/>
  20.     <meta expr:content='data:blog.pageTitle' name='twitter:title'/>
  21.     <meta expr:content='data:blog.pageTitle' name='twitter:image:alt'/>
  22.     <b:else/>
  23.     <meta expr:content='data:blog.pageName' property='og:title'/>
  24.     <meta expr:content='data:blog.pageName' property='og:image:alt'/>
  25.     <meta expr:content='data:blog.pageName' name='twitter:title'/>
  26.     <meta expr:content='data:blog.pageName' name='twitter:image:alt'/>
  27.   </b:if>
  28.   <meta expr:content='data:blog.title' property='og:site_name'/>
  29.  
  30.   <!-- Meta Image -->
  31.   <b:if cond='data:blog.postImageUrl'>
  32.     <meta expr:content='data:blog.postImageUrl' property='og:image'/>
  33.     <b:else/>
  34.     <b:if cond='data:blog.postImageThumbnailUrl'>
  35.       <meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
  36.       <b:else/>
  37.       <meta content='https://1.bp.blogspot.com/-mxCVT67mucg/XuGnFewKQLI/AAAAAAAAPn0/43iTLOGDAO0nOPouyKKo4OpVGjoOpWnNwCK4BGAsYHg/s320/median-img.png' property='og:image'/>
  38.     </b:if>
  39.   </b:if>
  40.   <b:if cond='data:view.isMultipleItems'>
  41.     <meta content='https://1.bp.blogspot.com/-mxCVT67mucg/XuGnFewKQLI/AAAAAAAAPn0/43iTLOGDAO0nOPouyKKo4OpVGjoOpWnNwCK4BGAsYHg/s320/median-img.png' name='twitter:image'/>
  42.     <b:else/>
  43.     <meta expr:content='data:blog.postImageUrl' name='twitter:image'/>
  44.   </b:if>
  45.   <b:if cond='data:view.isPost'>
  46.     <link expr:href='resizeImage(data:blog.postImageUrl, 700, &quot;18:9&quot;)' rel='image_src'/>
  47.   </b:if>
  48.  
  49.   <!-- Meta Description -->
  50.   <meta expr:content='data:blog.metaDescription' name='description'/>
  51.   <b:if cond='data:blog.metaDescription'>
  52.     <meta expr:content='data:blog.metaDescription' property='og:description'/>
  53.     <b:else/>
  54.     <meta expr:content='data:post.snippet' property='og:description'/>
  55.   </b:if>
  56.   <meta expr:content='data:blog.metaDescription' name='twitter:description'/>
  57.  
  58.   <!-- Meta Keywords -->
  59.   <meta expr:content='data:blog.title + &quot;, &quot; + data:blog.pageName' name='keywords'/>
  60.   <meta expr:content='data:blog.title' property='article:tag'/>
  61.  
  62.   <!-- Link Canonical -->
  63.   <link expr:href='data:blog.url' rel='canonical'/>
  64.   <link expr:href='data:blog.url' hreflang='x-default' rel='alternate'/>
  65.   <meta expr:content='data:blog.canonicalUrl' property='og:url'/>
  66.  
  67.   <!-- Site Owner -->
  68.   <meta content='Muhammad Maki' name='Author'/>
  69.   <link href='https://www.facebook.com/localhuntercom' rel='publisher'/>
  70.   <meta content='100001578783517' property='fb:admins'/>
  71.   <meta content='696750553739909' property='fb:pages'/>
  72.   <meta content='1804789006468790' property='fb:app_id'/>
  73.   <meta content='' name='twitter:site'/>
  74.   <meta content='' name='twitter:creator'/>
  75.  
  76.   <!-- Link Icon -->
  77.   <link expr:href='data:blog.homepageUrl + &quot;/favicon.ico&quot;' rel='icon' type='image/x-icon'/>
  78.   <link href='https://1.bp.blogspot.com/-6rIVfBcWv-Q/XuGnFy6l-6I/AAAAAAAAPn4/H1WKmAA8kTA3HyzzPmD3eEcwmhSn_1s5ACK4BGAsYHg/s300/median-logo.png' rel='apple-touch-icon'/>
  79.   <link href='https://1.bp.blogspot.com/-6rIVfBcWv-Q/XuGnFy6l-6I/AAAAAAAAPn4/H1WKmAA8kTA3HyzzPmD3eEcwmhSn_1s5ACK4BGAsYHg/s57/median-logo.png' rel='apple-touch-icon' sizes='57x57'/>
  80.   <link href='https://1.bp.blogspot.com/-6rIVfBcWv-Q/XuGnFy6l-6I/AAAAAAAAPn4/H1WKmAA8kTA3HyzzPmD3eEcwmhSn_1s5ACK4BGAsYHg/s72/median-logo.png' rel='apple-touch-icon' sizes='72x72'/>
  81.   <link href='https://1.bp.blogspot.com/-6rIVfBcWv-Q/XuGnFy6l-6I/AAAAAAAAPn4/H1WKmAA8kTA3HyzzPmD3eEcwmhSn_1s5ACK4BGAsYHg/s76/median-logo.png' rel='apple-touch-icon' sizes='76x76'/>
  82.   <link href='https://1.bp.blogspot.com/-6rIVfBcWv-Q/XuGnFy6l-6I/AAAAAAAAPn4/H1WKmAA8kTA3HyzzPmD3eEcwmhSn_1s5ACK4BGAsYHg/s114/median-logo.png' rel='apple-touch-icon' sizes='114x114'/>
  83.   <link href='https://1.bp.blogspot.com/-6rIVfBcWv-Q/XuGnFy6l-6I/AAAAAAAAPn4/H1WKmAA8kTA3HyzzPmD3eEcwmhSn_1s5ACK4BGAsYHg/s120/median-logo.png' rel='apple-touch-icon' sizes='120x120'/>
  84.   <link href='https://1.bp.blogspot.com/-6rIVfBcWv-Q/XuGnFy6l-6I/AAAAAAAAPn4/H1WKmAA8kTA3HyzzPmD3eEcwmhSn_1s5ACK4BGAsYHg/s144/median-logo.png' rel='apple-touch-icon' sizes='144x144'/>
  85.   <link href='https://1.bp.blogspot.com/-6rIVfBcWv-Q/XuGnFy6l-6I/AAAAAAAAPn4/H1WKmAA8kTA3HyzzPmD3eEcwmhSn_1s5ACK4BGAsYHg/s152/median-logo.png' rel='apple-touch-icon' sizes='152x152'/>
  86.   <link href='https://1.bp.blogspot.com/-6rIVfBcWv-Q/XuGnFy6l-6I/AAAAAAAAPn4/H1WKmAA8kTA3HyzzPmD3eEcwmhSn_1s5ACK4BGAsYHg/s180/median-logo.png' rel='apple-touch-icon' sizes='180x180'/>
  87.   <link href='https://1.bp.blogspot.com/-6rIVfBcWv-Q/XuGnFy6l-6I/AAAAAAAAPn4/H1WKmAA8kTA3HyzzPmD3eEcwmhSn_1s5ACK4BGAsYHg/s192/median-logo.png' rel='icon' sizes='192x192' type='image/png'/>
  88.   <link href='https://1.bp.blogspot.com/-6rIVfBcWv-Q/XuGnFy6l-6I/AAAAAAAAPn4/H1WKmAA8kTA3HyzzPmD3eEcwmhSn_1s5ACK4BGAsYHg/s96/median-logo.png' rel='icon' sizes='96x96' type='image/png'/>
  89.   <link href='https://1.bp.blogspot.com/-6rIVfBcWv-Q/XuGnFy6l-6I/AAAAAAAAPn4/H1WKmAA8kTA3HyzzPmD3eEcwmhSn_1s5ACK4BGAsYHg/s32/median-logog.png' rel='icon' sizes='32x32' type='image/png'/>
  90.   <link href='https://1.bp.blogspot.com/-6rIVfBcWv-Q/XuGnFy6l-6I/AAAAAAAAPn4/H1WKmAA8kTA3HyzzPmD3eEcwmhSn_1s5ACK4BGAsYHg/s300/median-logo.png' rel='msapplication-TitleImage'/>
  91.  
  92.   <!-- Theme Color -->
  93.   <meta content='#f7f9f8' name='theme-color'/>
  94.   <meta content='#f7f9f8' name='msapplication-navbutton-color'/>
  95.   <meta content='#f7f9f8' name='apple-mobile-web-app-status-bar-style'/>
  96.   <meta content='yes' name='apple-mobile-web-app-capable'/>
  97.  
  98.   <!-- Blogger Rss -->
  99.   <meta content='blogger' name='generator'/>
  100.   <link href='https://www.blogger.com/openid-server.g' rel='openid.server'/>
  101.   <link expr:href='data:blog.url' rel='openid.delegate'/>
  102.   <link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
  103.   <link expr:href='&quot;//www.blogger.com/feeds/&quot; + data:blog.blogId + &quot;/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
  104.   <link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default?alt=rss&quot;' expr:title='data:blog.title + &quot; - RSS&quot;' rel='alternate' type='application/rss+xml'/>
  105.  
  106.   <!-- Open Graph -->
  107.   <meta content='article' property='og:type'/>
  108.   <meta content='id_ID' property='og:locale'/>
  109.   <meta content='en_US' property='og:locale:alternate'/>
  110.   <meta content='en_GB' property='og:locale:alternate'/>
  111.   <meta content='summary_large_image' name='twitter:card'/>
  112.    
  113.   <!-- Robots Search -->
  114.   <meta content='width=device-width, initial-scale=1.0, user-scalable=1.0, minimum-scale=1.0, maximum-scale=5.0' name='viewport'/>
  115.   <meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
  116.   <meta content='IE=Edge' http-equiv='X-UA-Compatible'/>
  117.   <meta content='Indonesia' name='geo.placename'/>
  118.   <meta content='id' name='geo.country'/>
  119.   <meta content='ID-BT' name='geo.region'/>
  120.   <meta content='id' name='language'/>
  121.   <meta content='global' name='target'/>
  122.   <meta content='global' name='distribution'/>
  123.   <meta content='general' name='rating'/>
  124.   <meta content='1 days' name='revisit-after'/>
  125.   <meta content='true' name='MSSmartTagsPreventParsing'/>
  126.   <meta content='index, follow' name='googlebot'/>
  127.   <meta content='follow, all' name='Googlebot-Image'/>
  128.   <meta content='follow, all' name='msnbot'/>
  129.   <meta content='follow, all' name='Slurp'/>
  130.   <meta content='follow, all' name='ZyBorg'/>
  131.   <meta content='follow, all' name='Scooter'/>
  132.  
  133.   <!-- Sife Verification -->
  134.   <meta content='eOkJqbD1CfzsteobkhlDoaA6kQ1Vry3HJSpluwvV5_g' name='google-site-verification'/>
  135.   <meta content='' name='msvalidate.01'/>
  136.   <meta content='' name='p:domain_verify'/>
  137.   <meta content='' name='majestic-site-verification'/>
  138.   <meta content='Jago Desain' name='copyright'/>
  139.    
  140.   <script type='application/ld+json'>
  141.     {
  142.       &quot;@context&quot;: &quot;https://schema.org&quot;,
  143.       &quot;@type&quot;: &quot;WebSite&quot;,
  144.       &quot;url&quot;: &quot;<data:blog.homepageUrl.canonical/>&quot;,
  145.       &quot;name&quot;: &quot;<data:blog.title/>&quot;,
  146.       &quot;alternateName&quot;: &quot;<data:blog.title/>&quot;,
  147.       &quot;potentialAction&quot;: {
  148.         &quot;@type&quot;: &quot;SearchAction&quot;,
  149.         &quot;target&quot;: &quot;<data:blog.homepageUrl.canonical/>search?q={search_term_string}&amp;max-results=8&quot;,
  150.         &quot;query-input&quot;: &quot;required name=search_term_string&quot;
  151.       }
  152.     }
  153.   </script>
  154.  
  155.   &lt;style&gt;&lt;!-- /* <b:skin version='1.3.0'><![CDATA[
  156. /*
  157. <Variable name="fontBody" description="Nunito Sans" type="font" default="&#39;Nunito Sans&#39;, sans-serif" hideEditor="true" value="&#39;Nunito Sans&#39;, sans-serif"/>
  158.  
  159. <Group description="New Comment Required - Dont edit">
  160. <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"/>
  161. <Variable name="body.text.font" description="Font komentar Blogger" type="font" default="$(fontBody)" value="400 14px &#39;Roboto&#39;, sans-serif"/>
  162. <Variable name="body.text.color" description="Color" type="color" default="#505050"  value="#505050"/>
  163. <Variable name="body.link.color" description="Link color" type="color" default="$(link.colors)"  value="#161617"/>
  164. <Variable name="posts.title.color" description="Post title color" type="color" default="$(main.colors)"  value="#161617"/>
  165. <Variable name="posts.text.color" description="Post text color" type="color" default="$(text.colors)"  value="#505050"/>
  166. <Variable name="posts.icons.color" description="Post info color" type="color" default="$(main.colors)" value="#505050"/>
  167. <Variable name="posts.background.color" description="Post background color" type="color" default="#f7f7fc"  value="transparent"/>
  168. <Variable name="tabs.font" description="Font" type="font" default="$(fontBody)" value="400 14px &#39;Roboto&#39;, sans-serif"/>
  169. <Variable name="tabs.color" description="Text color" type="color" default="#4d4d4d"  value="#505050"/>
  170. <Variable name="tabs.selected.color" description="Selected color" type="color" default="#fff"  value="#ffffff"/>
  171. <Variable name="tabs.overflow.background.color" description="Popup background color" type="color" default="$(posts.background.color)"  value="#ffffff"/>
  172. <Variable name="tabs.overflow.color" description="Popup text color" type="color" default="$(text.colors)"  value="#4d4d4d"/>
  173. <Variable name="tabs.overflow.selected.color" description="Popup selected color" type="color" default="$(main.colors)"  value="#161617"/>
  174. <Variable name="labels.background.color" description="Labels background color" type="color" default="#fff" value="#ffffff"/>
  175. <Variable name="blog.title.font" description="Blog title font" type="font" default="$(fontBody)" value="400 14px &#39;Roboto&#39;, sans-serif"/>
  176. <Variable name="blog.title.color" description="Blog title color" type="color" default="#fff" value="#ffffff"/>
  177. </Group>
  178.  
  179. <Group description="Width Content">
  180. <Variable name="nav.width" description="Ukuran navbar" type="length" max="300px" default="220px"  value="220px"/>
  181. <Variable name="side.width" description="Ukuran sidebar" type="length" max="450px" default="396px"  value="396px"/>
  182. <Variable name="header.height" description="Tinggi header" type="length" max="70px" default="60px"  value="57px"/>
  183. </Group>
  184.  
  185. <Group description="Colors">
  186. <Variable name="main.colors" description="Warna utama" type="color" default="#09204C" value="#161617"/>
  187. <Variable name="text.colors" description="Warna teks" type="color" default="#505050" value="#505050"/>
  188. <Variable name="alt.text.colors" description="Warna teks alternatif" type="color" default="#989b9f" value="#767676"/>
  189. <Variable name="link.colors" description="Warna link" type="color" default="#6794f7" value="#3a7bd5"/>
  190. <Variable name="link.hover.colors" description="Warna hover link" type="color" default="#989b9f" value="#767676"/>
  191. </Group>
  192.  
  193. <Group description="Background Colors">
  194. <Variable name="nav.bg.colors" description="Warna background navbar" type="color" default="#f7f9f8" value="#fefefe"/>
  195. <Variable name="nav.colors" description="Warna teks dan icon navbar" type="color" default="#09204C" value="#161617"/>
  196. <Variable name="header.bg.colors" description="Warna background header" type="color" default="transparent" value="transparent"/>
  197. <Variable name="header.text.colors" description="Warna teks header" type="color" default="#161617" value="#161617"/>
  198. <Variable name="link.bg.colors" description="Warna tombol link" type="color" default="#6794f7" value="#3a7bd5"/>
  199. </Group>
  200.  
  201. <Group description="Night Mode Colors">
  202. <Variable name="bg.night.colors" description="Background utama nightmode" type="color" default="#202442" value="#202442"/>
  203. <Variable name="bg.sec.night.colors" description="Background kedua nightmode" type="color" default="#2d325a" value="#2d325a"/>
  204. <Variable name="bg.hover.night.colors" description="Background hover nightmode" type="color" default="#282d54" value="#282d54"/>
  205. <Variable name="night.colors" description="Warna utama nightmode" type="color" default="#fff" value="#fefefe"/>
  206. <Variable name="sec.night.colors" description="Warna kedua nightmode" type="color" default="#989b9f" value="#989b9f"/>
  207. <Variable name="link.night.colors" description="Warna link nightmode" type="color" default="#fdd929" value="#3a7bd5"/>
  208. </Group>
  209.  
  210. <Group description="Fonts">
  211. <Variable name="body.font" description="Font body" type="font" default="$(fontBody)" value="&#39;Nunito Sans&#39;, sans-serif"/>
  212. <Variable name="heading.font" description="Font heading" type="font" default="$(fontBody)" value="&#39;Nunito Sans&#39;, sans-serif"/>
  213. </Group>
  214. */
  215.  
  216. /*
  217. Name      : Median UI
  218. Version   : 1.1
  219. Date      : Juni 15, 2020
  220. Demo      : median-ui.jagodesain.com
  221. Type      : Premium
  222. */
  223.  
  224. body#layout{width:922px}
  225. body#layout .mainIner{display:flex;padding:0 4px}
  226. body#layout .asideIner{padding:0 4px}
  227. body#layout .mainbar{width:65%}
  228. body#layout .sidebar{width:35%}
  229. body#layout div#HTML2, body#layout div#HTML3{width:calc(50% - 4px);float:left}
  230. body#layout div#HTML3{float:right}
  231. body#layout div.section:after{content:'';display:block;clear:both}
  232.  
  233. /* Font */
  234. @font-face {font-family: 'Nunito Sans';font-style: normal;font-weight: 400;font-display: swap;src: local('Nunito Sans Regular'), local('NunitoSans-Regular'), url(https://fonts.gstatic.com/s/nunitosans/v5/pe0qMImSLYBIv1o4X1M8cfe5.woff) format('woff'), url(https://fonts.gstatic.com/s/nunitosans/v5/pe0qMImSLYBIv1o4X1M8cce9I9s.woff2) format('woff2')}
  235. @font-face {font-family: 'Nunito Sans';font-style: normal;font-weight: 700;font-display: swap;src: local('Nunito Sans Bold'), local('NunitoSans-Bold'), url(https://fonts.gstatic.com/s/nunitosans/v5/pe03MImSLYBIv1o4X1M8cc8GBv5p.woff) format('woff'), url(https://fonts.gstatic.com/s/nunitosans/v5/pe03MImSLYBIv1o4X1M8cc8GBs5tU1E.woff2) format('woff2')}
  236.  
  237. /* Standar Element */
  238. *,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}
  239. a{-webkit-transition:all .2s ease;transition:all .2s ease;color:$(link.colors);text-decoration:none}a:hover{color:$(link.hover.colors)}
  240. h1, h2, h3, h4, h5, h6{margin:0;font-weight:700;font-family:$(heading.font);color:$(main.colors)} h1{font-size:1.8rem} h2{font-size:1.7rem} h3{font-size:1.5rem} h4{font-size:1.3rem} h5{font-size:1.2rem} h6{font-size:1.1rem}
  241. table{border-spacing:0} iframe{width:100%;border:0} input,button,select,textarea{font:inherit;font-size:100%;color:inherit;line-height:normal;vertical-align:baseline} img{display:block;position:relative;max-width:100%;font-size:10px;color:transparent}
  242. svg{width:22px;height:22px;vertical-align:middle;fill:$(main.colors)}
  243. svg .svg-c{fill:$(link.colors)}
  244. svg.line{fill:none;stroke:$(nav.colors);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5}
  245. svg.line .svg-c{fill:none;stroke:$(link.colors)}
  246. .hidden, .replaced{display:none} .invisible{visibility:hidden} .clear{width:100%;display:block;margin:0;padding:0;float:none;clear:both}
  247. .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}
  248.  
  249. /* Scrollbar Custom */
  250. html, #nav-widget, .Blog pre, .Blog pre code{scrollbar-width:thin}
  251.  
  252. /* Main Content */
  253. html{scroll-behavior:smooth;overflow-x:hidden}
  254. body{position:relative;margin:0;padding:0;width:100%;font-family:$(body.font);font-size:14px;color:$(text.colors);background-color:#f7f9f8;}
  255. main{position:relative;margin:calc(57px + 30px) 0 76px}
  256. main > *:not(:last-child), .sidebar > *:not(:last-child){margin-bottom:40px}
  257. #nav-widget{position:fixed;top:0;left:0;background-color:$(nav.bg.colors);width:220px;height:100%;padding:calc($(header.height) + 15px) 0 90px 0;-webkit-transition:all .2s ease;transition:all .2s ease;z-index:2;overflow:hidden;box-shadow:0 6px 18px 0 rgba(9,32,76,.035)}
  258. #nav-widget:hover{overflow-y:auto;}
  259. #nav-widget:before, #main-widget:before{content:'';position:fixed;top:0;left:0;width:220px;height:calc($(header.height) + 3px);background-color:$(nav.bg.colors);z-index:2;-webkit-transition:all .2s ease;transition:all .2s ease}
  260. .mainIner{display:flex;justify-content:space-between;flex-wrap:wrap}
  261. #main-widget, #main-ads{padding:0 25px 0 245px;flex:1 0 auto;-webkit-transition:all .2s ease;transition:all .2s ease;}
  262. #main-widget:before{width:calc(100% - 396px);background-color:#f7f9f8}
  263. .mainIner{display:flex;justify-content:space-between;flex-wrap:wrap}
  264. .asideIner{position:absolute;left:0;bottom:0;width:calc(100% - $(side.width))}
  265. .mainbar{min-height:100vh;width:calc(100% - $(side.width))}
  266. .sidebar{background-color:#fefefe;width:$(side.width);padding:20px 35px 20px 25px;flex:0 0 auto}
  267. #sidebar-sticky{position:sticky;top:20px}
  268.  
  269. /* Header */
  270. .header{position:fixed;top:0;left:0;display:flex;width:calc(100% - $(side.width));height:$(header.height);padding:0 25px 0 25px;background-color:$(header.bg.colors);color:$(header.text.colors);fill:$(header.text.colors);z-index:50;-webkit-transition:all .2s ease;transition:all .2s ease;}
  271. .header #header-widget{flex:0 0 auto;display:flex;align-items:center;height:100%;width:173px;padding:0 0 0 23px;overflow:hidden;-webkit-transition:all .2s ease;transition:all .2s ease;}
  272. .header .widget{margin:auto 0;background-repeat:no-repeat;background-size:100%;background-position:center}
  273. .header .header-inner img{max-width:142px;max-height:30px;}
  274. .header .header-inner h1, #header-widget .header-inner h2{max-width:152px;font-size:18px;color:inherit;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
  275. .header .header-inner a{color:inherit}
  276.  
  277. /* Header Navicon */
  278. .navicon{position:relative;flex:0 0 auto;display:flex;align-items:center;height:100%;z-index:4}
  279. .navicon.right{margin-left:auto}
  280. .navicon.search{display:none;width:22px;left:20px}
  281. .navicon.search > *{cursor:default;fill:$(alt.text.colors)}
  282. .navicon > *{margin:auto 0;width:20px;cursor:pointer}
  283. .navicon > * svg{width:22px}
  284. .navicon .nav{height:20px;padding:3px 0;-webkit-transition:all .2s ease-out;transition:all .2s ease-out;}
  285. .navicon .nav i{position:relative;display:block;width:60%;height:2px;background-color:#505050;margin:0 0 4px 0;-webkit-transition:all .2s ease-out;transition:all .2s ease-out;border-radius:2px}
  286. .navicon .nav i:nth-child(2){width:100%;margin:0;z-index:2}
  287. .navicon .nav i:nth-child(3){width:60%;background-color:$(link.colors);margin:4px 0 0 auto}
  288. .navicon .dark-switch{display:flex;align-items:center;width:initial;font-size:11px;color:$(text.colors)}
  289. .navicon .dark-switch i{position:relative;margin-left:8px;width:30px;height:10px;border-radius:8px;background-color:rgba(0,0,0,.15)}
  290. .navicon .dark-switch i:before{content:'';display:block;position:absolute;top:-3.5px;left:0;width:17px;height:17px;border-radius:50%;background-color:$(link.colors);-webkit-transition:all .2s ease;transition:all .2s ease}
  291.  
  292. /* Header Search */
  293. .searchbar{flex:0 0 auto;display:flex;align-items:center;width:50%;height:100%;max-width:500px;padding:0 0 0 25px}
  294. .searchbar form{position:relative;display:flex;align-items:center;width:100%;margin:auto 0;font-size:13px}
  295. .searchbar label{display:flex;height:100%;align-items:center}
  296. .searchbar label svg{width:18px;height:18px;fill:#505050}
  297. .searchbar .navicon.search, .searchbar label{position:absolute;top:0;left:15px}
  298. .searchbar input[type=text]{background-color:#f2f2f2;outline:0;border:0;padding:10px 20px 10px 45px;border-radius:8px;width:100%}
  299.  
  300. /* Navigation Menu */
  301. .navigation-menu, .navigation-mobile{list-style:none;margin:0;padding:0;color:$(nav.colors);fill:$(nav.colors);font-size:13px}
  302. .navigation-menu > li{position:relative;padding:10px 20px 10px 25px}
  303. .navigation-menu > li:before{content:'';position:absolute;top:0;left:0;display:block;width:2px;height:42px;border-radius:0 3px 3px 0;}
  304. .navigation-menu > li:hover:before{background-color:$(link.colors)}
  305. .navigation-menu > li.break:after{content:'';display:block;width:100%;border-bottom:1px solid #ebeced;margin-top:20px}
  306. .navigation-menu li .link{display:flex;align-items:center}
  307. .navigation-menu li .link svg{height:20px;flex:0 0 auto;fill:inherit}
  308. .navigation-menu li .link svg.name{flex:0 0 auto;width:14px;height:14px;margin-left:auto}
  309. .navigation-menu li .link span.name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  310. .navigation-menu li .link .name{display:block;margin-left:21px}
  311. .navigation-menu li a{display:block;color:inherit;white-space:nowrap}
  312. .navigation-menu ul{list-style:none;margin:0;padding:0;overflow:hidden;-webkit-transition:all .2s ease;transition:all .2s ease}
  313. .navigation-menu ul li{height:0;padding:0 20px 0 43px;-webkit-transition:inherit;transition:inherit;opacity:0;visibility:hidden}
  314. .navigation-menu .close{display:none;position:fixed;top:0;left:0;margin-left:-100%;padding:20px 20px 20px 25px;width:85%;max-width:480px;background:$(nav.bg.colors);-webkit-transition:all .2s ease;transition:all .2s ease}
  315. .navigation-menu .sosmed{position:fixed;bottom:0;left:0;padding:20px 20px 30px 25px;width:220px;background:$(nav.bg.colors);-webkit-transition:all .2s ease;transition:all .2s ease}
  316. .navigation-menu .sosmed:before, .navigation-menu .close:before{top:10px}
  317. .navigation-menu .sosmed .link{display:none}
  318. .navigation-menu .sosmed .link svg{width:22px;height:22px}
  319. .navigation-menu .sosmed ul{display:flex;}
  320. .navigation-menu .sosmed ul li{height:initial;opacity:1;visibility:visible;padding:0 7px 0 0}
  321. .navigation-menu .sosmed ul svg{fill:$(text.colors)}
  322. .navigation-menu .sub-menu:checked + .link + ul{padding:10px 0 0}
  323. .navigation-menu .sub-menu:checked + .link + ul li{height:38px;padding:10px 20px 10px 43px;opacity:1;visibility:visible}
  324. .navigation-menu .sub-menu:checked + .link svg.name{-webkit-transform:rotate(180deg);transform: rotate(180deg);}
  325. .nav-menu:checked + .mainWrapper .mainIner #main-ads,
  326. .nav-menu:checked + .mainWrapper .mainIner #main-widget,
  327. .nav-menu:checked + .mainWrapper .asideIner .footbar{padding-left:93px}
  328. .nav-menu:checked + .mainWrapper .mainIner .header #header-widget{opacity:0;width:80px}
  329. .nav-menu:checked + .mainWrapper .mainIner.multipleItem .Blog .blog-posts{grid-template-columns:1fr 1fr 1fr}
  330. .nav-menu:checked + .mainWrapper .asideIner #nav-widget,
  331. .nav-menu:checked + .mainWrapper .asideIner #nav-widget:before,
  332. .nav-menu:checked + .mainWrapper .asideIner .navigation-menu .sosmed{width:68px}
  333. .nav-menu:checked + .mainWrapper .asideIner .navigation-menu .sosmed .link{display:block;}
  334. .nav-menu:checked + .mainWrapper .asideIner .navigation-menu li > * .name,
  335. .nav-menu:checked + .mainWrapper .asideIner .navigation-menu .sosmed ul{display:none}
  336. .nav-menu:checked + .mainWrapper .asideIner .navigation-menu ul{padding:0}
  337. .nav-menu:checked + .mainWrapper .asideIner .navigation-menu ul li{height:0;padding:0 20px 0 43px;opacity:0;visibility:hidden}
  338. .nav-menu:checked + .mainWrapper .mainIner.singleItem #main-widget,
  339. .nav-menu:checked + .mainWrapper .asideIner.singleItem .footbar{padding:0 50px 0 150px}
  340. .nav-menu:checked + .mainWrapper .mainIner.singleItem .header{padding-right:50px}
  341. .nav-menu:checked + .mainWrapper .mainIner.singleItem .Blog .related-posts ul{grid-template-columns:1fr 1fr 1fr 1fr}
  342. .nav-menu:checked + .mainWrapper .mainIner.singleItem .Blog .related-posts ul.style-1{grid-template-columns:1fr 1fr}
  343.  
  344. /* Navigation Mobile */
  345. .navigation-mobile{display:flex;align-items:center;justify-content:space-evenly;position:fixed;left:0;bottom:-50px;width:100%;height:50px;background-color:#fefefe;z-index:-1}
  346. .navigation-mobile a{display:block}
  347. .navigation-mobile svg{fill:$(text.colors);height:20px;width:20px}
  348. .navigation-mobile svg.line{fill:none;stroke:$(text.colors)}
  349. .navigation-mobile .dark-link .svg-2{display:none}
  350. .navigation-mobile .top-link a{display:flex;align-items:center;justify-content:center;position:fixed;right:20px;bottom:20px;width:50px;height:50px;background-color:$(link.colors);border-radius:50px;box-shadow:0px 4px 12px 0 rgba(9,32,76,.05)}
  351. .navigation-mobile .top-link svg.line{stroke:#fefefe}
  352. .navigation-mobile .top-link svg.line .svg-c{stroke:#fefefe}
  353. .dark-mode .navigation-mobile .dark-link .svg-2{display:block}
  354. .dark-mode .navigation-mobile .dark-link .svg-1{display:none}
  355.  
  356. /* Widget Default */
  357. .widget-title, .sidebar .title, .related-posts .title, .comments .title, .Blog article.post .post-related .title{display:flex;align-items:center;justify-content:space-between;margin:0 0 25px;font-size:15px}
  358. .widget-title > *{font-size:inherit}
  359. .widget-title a{font-size:13px;color:$(text.colors)}
  360. .widget:not(:last-child){margin-bottom:50px}
  361. .widget .post-thumb{display:block;position:absolute;top:50%;left:50%;max-width:initial;height:100%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
  362. .widget input[type=email], .widget input[type=text], .widget textarea{width:100%;padding:8px 12.5px;outline:0;border:1px solid #ebeced;border-radius:3px;line-height:22px}
  363. .widget input[type=submit], .widget input[type=button]{outline:0;border:0;border-radius:3px;padding:8px 12.5px;line-height:22px;background-color:$(link.colors);color:#fefefe;cursor:pointer}
  364. .widget input[type=button]{padding:8px 20px}
  365. .sidebar ul, .sidebar ol{list-style:none;margin:0;padding:0}
  366.  
  367. /* Widget Blog */
  368. .multipleItem .Blog .blog-posts{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}
  369. .Blog article, .FeaturedPost article{display:block;background-color:#fefefe;margin:0 0 20px;padding:12px 12px 15px;border-radius:12px;box-shadow:0 6px 18px 0 rgba(9,32,76,.035)}
  370. .Blog article .post-thumbnail{margin-bottom:15px}
  371. .Blog article .post-thumbnail a, .FeaturedPost article .item-thumbnail a, .PopularPosts article .item-thumbnail a, .item-recomended .item-random .item-thumbnail a, .Blog .related-posts li .item-thumbnail > *{position:relative;display:block;width:100%;padding-top:52.5%;background-color:#f7f9f8;border-radius:6px;overflow:hidden}
  372. .Blog article .post-content{}
  373. .Blog article .post-label{font-size:11px;line-height:1.58em}
  374. .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:','}
  375. .Blog article .post-label a:hover{text-decoration:underline}
  376. .Blog article .post-title, .FeaturedPost article .item-title{font-size:16px}
  377. .Blog article .post-title a, .Blog article .post-info .post-author a, .FeaturedPost article a, .PopularPosts article a, .item-recomended .item-random a{color:inherit}
  378. .Blog article .post-snippet{display:none;margin-top:8px;font-size:11px;color:$(alt.text.colors)}
  379.  
  380. .Blog article .post-info, .FeaturedPost article .item-header, .PopularPosts article .item-header, .item-recomended .item-random .item-footer{display:flex;justify-content:space-between;align-items:flex-end;margin-top:12px;font-size:11px;color:$(alt.text.colors)}
  381. .Blog article .post-info .post-author, .FeaturedPost article .item-label, .PopularPosts article .item-label{font-size:12px;line-height:1.58em}
  382. .Blog article .post-info .post-comment, .FeaturedPost article .item-comment, .PopularPosts article .item-comment{display:flex}
  383. .Blog article .post-info .post-comment a, .FeaturedPost article .item-comment a, .PopularPosts article .item-comment a, .item-recomended .item-random .item-comment{display:flex;align-items:flex-end;color:inherit}
  384. .Blog article .post-info .post-comment a svg, .FeaturedPost article .item-comment a svg, .PopularPosts article .item-comment a svg, .item-recomended .item-random .item-comment svg{width:20px;height:20px;fill:$(alt.text.colors);margin-left:5px}
  385. .Blog article .post-info .post-comment a svg.line, .FeaturedPost article .item-comment a svg.line, .PopularPosts article .item-comment a svg.line{fill:none;stroke:$(alt.text.colors)}
  386.  
  387. .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:20px 0;line-height:1.3em}
  388. .Blog article .separate{display:block;margin:20px 0}
  389. .Blog article .separate:before{content:'\2027 \2027 \2027';display:block;color:#505050;text-align:center;font-size:28px;font-style:normal;letter-spacing:0.6em;clear:both}
  390. .Blog article.post img{display:inline-block;border-radius:10px}
  391. .Blog blockquote{position:relative;color:$(alt.text.colors);font-size:15px;line-height:1.48em}
  392. .Blog table.tr-caption-container{min-width:initial;width:auto;margin:0 auto;border:0;position:relative}
  393. .Blog table.tr-caption-container tr td{background-color:transparent;border:0;padding:0;position:relative}
  394. .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}
  395. .Blog table.tr-caption-container a, .Blog table.tr-caption-container img{display:block}
  396. .Blog table.tr-caption-container .tr-caption{position:relative;bottom:0;right:0;display:block;font-size:10px;color:inherit;background-color:transparent;margin-top:5px;padding:5px 15px;border:0;border-radius:10px 0 10px 0}
  397. .Blog table{min-width:70%;margin:0 auto;border:0px solid rgba(0,0,0,.05);border-bottom:1px solid rgba(0,0,0,.05);border-radius:8px;overflow:hidden;font-size:14px;}
  398. .Blog table th{background-color:#505050;color:#fff;padding:10px;border-right:1px solid rgba(255,255,255,.25)}
  399. .Blog table th:last-child, .Blog table tr td:last-child, .Blog table tr:nth-child(2n) td:last-child{border-right:0}
  400. .Blog table tr:nth-child(2n+1) td:first-child{border-left:1px solid rgba(0,0,0,.05)}
  401. .Blog table tr:nth-child(2n+1) td{border-right:1px solid rgba(0,0,0,.05)}
  402. .Blog table td{padding:10px 15px;border:0;vertical-align:middle;}
  403. .Blog table tr:nth-child(2n) td{background-color:rgba(0,0,0,.05);border-right:1px solid rgba(0,0,0,.06)}
  404. .Blog pre{font-size:12px;position:relative;width:100%;background-color:#161617;color:#bbc2e2;border-radius:10px;padding:15px 20px;margin:20px auto;-moz-tab-size:2;-o-tab-size:2;tab-size:2;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;transition:all .2s ease;overflow:auto;font-family:'source code pro',menlo,consolas,monaco,monospace;line-height:1.5em;}
  405. .Blog pre code{display:block;padding:0;white-space:pre}
  406. .Blog pre span{color:#3a7bd5}
  407. .Blog pre span.block{color:#fff;background:#3a7bd5}
  408. .Blog pre i{color:#519bd6}
  409. .Blog pre i.comment{color:#898ea4;user-select:text;-moz-user-select:text;-ms-user-select:text;-khtml-user-select:text;-webkit-user-select:text;-webkit-touch-callout:text;}
  410. .Blog .code{display:inline-block;font-size:.98rem;line-height:1.48rem;color:#3a7bd5}
  411. .Blog .daftar-isi{border:1px solid #ebeced;border-radius:10px;padding:15px 15px}
  412. .Blog .daftar-isi .isi-judul{outline:0;font-weight:700;display:flex;cursor:pointer}
  413. .Blog .daftar-isi .isi-judul:after{content:'Show/hide';font-weight:400;font-size:12px;margin-left:auto}
  414. .Blog .daftar-isi .isi-content{font-size:14px;line-height:30px}
  415. .Blog .daftar-isi .isi-content ol{counter-reset:daftar-count;margin-bottom:0;padding:0;list-style:none}
  416. .Blog .daftar-isi .isi-content ol ol{width:100%;margin-left:35px}
  417. .Blog .daftar-isi .isi-content ol li{display:flex;align-items:flex-start;flex-wrap:wrap}
  418. .Blog .daftar-isi .isi-content ol li:before{content:counter(daftar-count) '.';counter-increment:daftar-count;width:35px;font-size:20px;color:rgba(0,0,0,.20);flex-shrink:0}
  419. .Blog .daftar-isi .isi-content ol li a{display:inline-block;max-width:calc(100% - 35px);line-height:25px;vertical-align:top}
  420. .Blog .daftar-isi .isi-content li ul li a{max-width:initial}
  421. .Blog .daftar-isi .isi-content ol ul{width:100%;padding-left:70px}
  422. .Blog .daftar-isi .isi-content ol ul li{display:list-item}
  423. .Blog .daftar-isi .isi-content ol ul li:before{display:none}
  424. .Blog .daftar-isi .isi-content ul{margin-bottom:0;padding-left:35px}
  425. .Blog .spoiler .spoiler-judul{margin:15px 0}
  426. .Blog .spoiler .spoiler-isi pre{margin-top:0}
  427. .Blog .spoiler .button{margin:0 0 12px 0;padding:5px 15px;font-size:11px}
  428.  
  429. .Blog article.post{margin:0 0 30px;padding:0;box-shadow:none;background:transparent;border-radius:0;border-bottom:1px solid #ebeced}
  430. .Blog article.post .post-headline{margin:0 0 30px;padding:12px 12px 20px;border-radius:12px;background-color:#fefefe;box-shadow:0 6px 18px 0 rgba(9,32,76,.035)}
  431. .Blog article.post .post-thumbnail{margin-bottom:20px}
  432. .Blog article.post .post-thumbnail a{padding-top:34.61%}
  433. .Blog article.post .post-title{font-size:22px;padding:0 5px}
  434. .Blog article.post .post-info{padding:0 5px}
  435. .Blog article.post .post-info .post-author{font-size:12px;color:$(text.colors)}
  436. .Blog article.post .post-info .post-timestamp .publish:after{content:'\2027';margin:0 5px}
  437. .Blog article.post .post-info .post-timestamp .updated:before{content:'Disunting pada '}
  438. .Blog article.post .post-entry{padding:0 17px;font-size:16px;line-height:1.58em}
  439.  
  440. .Blog article.post .separator:first-child{display:none}
  441.  
  442. .Blog article.post .post-related{position:relative;margin:40px 0;padding:25px 0 15px;border:0;border-left:0;border-right:0}
  443. .Blog article.post .post-related:before, .Blog article.post .post-related:after{top:0;content:'';position:absolute;width:100%;margin:0 auto;height:1px;display:block;background:linear-gradient(to left, rgb(247,249,248), #DFE2E3, rgb(247,249,248))}
  444. .Blog article.post .post-related:after{top:initial;bottom:0}
  445. .Blog article.post .post-related ul{display:grid;grid-template-columns:1fr 1fr;column-gap:25px;list-style:none;margin:0;padding:0;font-size:13px;line-height:initial}
  446. .Blog article.post .post-related li{display:flex;align-items:center;flex-direction:row-reverse;background-color:transparent;margin:0 0 15px;padding:0;border-radius:12px}
  447. .Blog article.post .post-related .title{margin:0 0 20px;color:$(alt.text.colors);font-size:14px;}
  448. .Blog article.post .post-related .item-thumbnail{flex-shrink:0;margin-left:20px;width:80px}
  449. .Blog article.post .post-related .item-thumbnail > *{display:block;padding-top:100%;position:relative;background-color:#f2f2f2;border-radius:6px;overflow:hidden}
  450. .Blog article.post .post-related .item-thumbnail > *:before{content:'No image';font-size:12px;color:rgba(0,0,0,.3);position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);white-space:nowrap}
  451. .Blog article.post .post-related .item-content{flex-grow:1;font-weight:400;color:$(text.colors)}
  452. .Blog article.post .post-related .item-content a:after{content:'Baca selengkapnya';display:block;margin-top:10px;font-size:12px;font-weight:400;color:$(alt.text.colors);text-decoration:underline}
  453. .Blog article.post .post-related .item-content span{display:block;max-height:36px;overflow:hidden}
  454. .Blog article.post .post-related .item-content span:hover{text-decoration:underline}
  455. .Blog article.post .post-related a{display:block;color:inherit}
  456.  
  457. .Blog article.post .post-labels{display:flex;flex-wrap:wrap;margin:30px 0 10px;padding:0 17px 0;font-size:12px}
  458.  
  459. .Blog article.post .post-share{position:relative;display:flex;flex-wrap:wrap;margin:10px 0 20px;padding:0 17px;font-size:13px;line-height:22px;}
  460. .Blog article.post .post-share:before{display:none;content:attr(data-share);width:100%;margin-bottom:20px;font-size:14px}
  461. .Blog article.post .post-share .share-icon{flex-grow:1}
  462. .Blog article.post .post-share .share-icon:not(:first-child){margin-left:10px}
  463. .Blog article.post .post-share .share-icon > *{display:flex;align-items:center;padding:10px;border-radius:3px;background-color:#f2f2f2;color:inherit}
  464. .Blog article.post .post-share .share-icon > a{padding:10px 15px;color:#fefefe}
  465. .Blog article.post .post-share .share-icon > a svg{fill:#fefefe}
  466. .Blog article.post .post-share .share-icon svg{width:20px;fill:$(alt.text.colors)}
  467. .Blog article.post .post-share .facebookThis a{background-color:#3059b0}
  468. .Blog article.post .post-share .facebookThis a:after{content:'Share on Facebook';margin-left:15px}
  469. .Blog article.post .post-share .twitterThis a{background-color:#55acef}
  470. .Blog article.post .post-share .twitterThis a:after{content:'Share on Twitter';margin-left:15px}
  471. .Blog article.post .post-share .whatsappThis a{background-color:#25D366}
  472. .Blog article.post .post-share .whatsappThis a:after{content:'Share on Whatsapp';margin-left:15px}
  473. .Blog article.post .post-share .shareThis{flex-grow:0}
  474. .Blog article.post .post-share .share-popup{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}
  475. .Blog article.post .post-share .share-notif{display:flex;position:fixed;left:0;right:0;bottom:25px}
  476. .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:#505050;color:#fefefe;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;}
  477. .Blog article.post .post-share .share-check:checked + .share-popup{opacity:1;visibility:visible}
  478. .Blog article.post .post-share .share-check:checked + .share-popup ul{margin:0 auto}
  479. .Blog article.post .post-share .share-check:checked + .share-popup .full-close{background:rgba(0,0,0,.25);opacity:1;visibility:visible}
  480. .Blog article.post .post-share ul{position:relative;display:flex;flex-wrap:wrap;width:95%;max-width:500px;list-style:none;margin:0 auto -50%;padding:20px 20px 15px;background-color:#fefefe;border-radius:20px;z-index:3;-webkit-transition:all .2s ease;transition:all .2s ease}
  481. .Blog article.post .post-share ul:before{content:'Bagikan artikel ini';display:block;width:100%;margin:0 0 15px;font-size:14px;text-align:center}
  482. .Blog article.post .post-share li{position:relative;width:calc(25% - 15px);margin-right:20px}
  483. .Blog article.post .post-share li:nth-of-type(4n){margin-right:0}
  484. .Blog article.post .post-share li > *{display:block;margin:8px 0;text-align:center;color:inherit;cursor:pointer}
  485. .Blog article.post .post-share li > * span{display:block;margin:5px 0 0;font-size:12px}
  486. .Blog article.post .post-share li > * svg{width:44px;height:44px;fill:$(alt.text.colors);padding:12px;background-color:#f2f2f2;border-radius:12px}
  487. .Blog article.post .post-share li > * svg.line{fill:none;stroke:$(alt.text.colors);padding:11px}
  488. .Blog article.post .post-share li input{margin:0;padding:0;outline:0;border:0;width:1px;height:0;opacity:0}
  489. .Blog article.post .post-share li.share-close{position:initial;width:100%;margin:0;}
  490. .Blog article.post .post-share li.share-close > .close-1{visibility:hidden;margin-top:0}
  491. .Blog article.post .post-share li.share-close > .close-2{position:absolute;top:15px;right:15px;margin-top:0}
  492. .Blog article.post .post-share li.share-close > *{max-width:22px;margin:10px auto 0;}
  493. .Blog article.post .post-share li.share-close > * svg{display:block;width:22px;height:22px;padding:0;background:transparent!important}
  494.  
  495. .Blog .blog-pager{display:flex;flex-wrap:wrap;justify-content:center;margin:20px 0 0;font-size:12px;color:$(text.colors);line-height:22px}
  496. .Blog .blog-pager > *{display:flex;align-items:center;padding:8px 15px;border-radius:8px;background-color:#fefefe;color:inherit}
  497. .Blog .blog-pager > * svg{width:20px;fill:$(text.colors)}
  498. .Blog .blog-pager > * svg.line{fill:none;stroke:$(text.colors)}
  499. .Blog .blog-pager .no-post{cursor:not-allowed;background-color:#f2f2f2;color:$(alt.text.colors)}
  500. .Blog .blog-pager .newer-link{margin-right:auto}
  501. .Blog .blog-pager .older-link{margin-left:auto}
  502. .Blog .blog-pager .js-load svg{margin-right:10px}
  503. .Blog .blog-pager > span{margin:0 10px 10px 0}
  504. .Blog .blog-pager > span:last-child{margin-right:0}
  505.  
  506. .Blog .breadcrumbs{display:none;margin-bottom:15px;font-size:13px;color:$(text.colors)}
  507. .Blog .breadcrumbs > *:first-child{display:none}
  508. .Blog .breadcrumbs > *:not(:last-child):after{content:'\203A';margin:0 5px 0 2px;}
  509. .Blog .breadcrumbs a, .Blog .author-posts a, .Blog .related-posts a, .Blog .comments a{color:inherit}
  510.  
  511. .Blog .author-posts{display:flex;align-items:center;margin:30px 17px;padding:0px;line-height:1.58em;border-radius:20px;background-color:transparent;font-size:13px;}
  512. .Blog .author-posts .authorImage{flex-shrink:0;margin-right:25px}
  513. .Blog .author-posts .authorImage div{position:relative;width:72px;padding-top:100%;background-color:#f2f2f2;border-radius:20px;overflow:hidden}
  514. .Blog .author-posts .authorInfo{flex-grow:1;}
  515. .Blog .author-posts .author-name{font-weight:700;font-size:14px}
  516. .Blog .author-posts .author-desc{color:$(alt.text.colors)}
  517. .Blog .author-posts .author-link{list-style:none;margin:10px 0 0;padding:0;display:flex;}
  518. .Blog .author-posts .author-link a{display:block;margin-right:10px;padding:3px 10px;color:$(alt.text.colors);background-color:#f2f2f2;border-radius:3px;font-size:11px}
  519.  
  520. .Blog .related-posts{margin:60px 17px 30px;font-size:13px}
  521. .Blog .related-posts ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr 1fr;column-gap:15px}
  522. .Blog .related-posts li{margin:0 0 15px;padding:10px 10px 18px;background-color:#fefefe;border-radius:12px;box-shadow:0 6px 18px 0 rgba(9,32,76,.035)}
  523. .Blog .related-posts li .item-thumbnail{margin-bottom:12px}
  524. .Blog .related-posts li .item-thumbnail > *{padding-top:60%}
  525. .Blog .related-posts li .item-title{padding:0 5px}
  526. .Blog .related-posts ul.style-1{grid-template-columns:1fr 1fr}
  527. .Blog .related-posts ul.style-1 li{padding:12px}
  528. .Blog .related-posts ul.style-1 .item-related{display:flex;flex-direction:row-reverse;align-items:center}
  529. .Blog .related-posts ul.style-1 .item-thumbnail{flex-shrink:0;margin:0 0 0 15px}
  530. .Blog .related-posts ul.style-1 .item-thumbnail > *{width:72px;padding-top:100%}
  531. .Blog .related-posts ul.style-1 .item-title{flex-grow:1;padding:0}
  532. .Blog .related-posts ul.style-1 .item-title a:after{content:'Read more';display:block;margin-top:5px;font-size:11px;color:$(alt.text.colors)}
  533. .Blog .related-posts ul.style-1 .item-title a span{display:block;max-height:36px;overflow:hidden}
  534.  
  535. .Blog .show-comment{margin:30px 17px;font-size:13px}
  536. .Blog .show-comment a{display:block;margin:0;padding:15px;text-align:center}
  537. .Blog .show-comment + .comments{display:none}
  538.  
  539. .Blog .comments{margin:30px 17px 0}
  540. .Blog .comments .avatar-image-container{width:52px}
  541. .Blog .comments .avatar-image-container div{position:relative;overflow:hidden;padding-top:100%;border-radius:50%;background-color:#f2f2f2;box-shadow:0 6px 18px 0 rgba(9,32,76,.035)}
  542. .Blog .comments .comment-header, .Blog .comments .comment-header > *{display:flex;align-items:center}
  543. .Blog .comments .comment-header .user{font-weight:700}
  544. .Blog .comments .comment-header .user span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px}
  545. .Blog .comments .comment-header .user svg{width:16px;height:16px;margin-left:5px;fill:#519bd6}
  546. .Blog .comments .comment-header .datetime{margin-left:auto;font-size:11px;color:$(alt.text.colors)}
  547. .Blog .comments .comment-content{margin-top:15px}
  548. .Blog .comments .comment-thread .thread-toggle{margin:0 0 0 25px;font-size:13px}
  549. .Blog .comments .comment-thread .thread-chrome{margin:15px 0 0}
  550. .Blog .comments .comment-add .button{display:block;margin:20px 0 0 25px;text-align:center;cursor:pointer}
  551. .Blog .comments .comment-form{margin-left:26px}
  552. .Blog .comments ol, .Blog .comments ul{list-style:none;margin:0;padding:0}
  553. .Blog .comments ol > li{position:relative;margin:0 0 20px 26px;padding:15px 0 0;background-color:#fefefe;border-radius:12px;box-shadow:0 6px 18px 0 rgba(9,32,76,.035)}
  554. .Blog .comments ol > li > .avatar-image-container{position:absolute;top:10px;left:-26px}
  555. .Blog .comments ol > li > .comment-block{padding:10px 15px 0 40px}
  556. .Blog .comments ol > li > .comment-actions{padding:12px 15px 15px 40px;font-size:13px;color:$(alt.text.colors)}
  557. .Blog .comments ol > li > .comment-actions a, .Blog .comments .comment-reply a, .Blog .comments .comment-thread .thread-toggle{display:inline-flex;align-items:center;color:$(alt.text.colors)}
  558. .Blog .comments ol > li > .comment-actions svg, .Blog .comments .comment-reply svg, .Blog .comments .comment-thread .thread-toggle svg{height:14px;fill:none;stroke:$(alt.text.colors)}
  559. .Blog .comments ol > li > .comment-replies + .comment-actions{display:none}
  560. .Blog .comments ol > li > .comment-replies{padding:12px 15px 15px 15px;margin-top:15px;background-color:#fcfcfc;border-radius:0 0 12px 12px}
  561. .Blog .comments ol > li > .comment-replies .comment-reply{padding:12px 0 0 40px;font-size:13px}
  562. .Blog .comments ol > li > .comment-replybox-single{padding:0 15px 0 40px}
  563. .Blog .comments li li {position:relative}
  564. .Blog .comments li li:not(:last-child){margin-bottom:20px;padding-bottom:20px;border-bottom:1px dashed #ebeced}
  565. .Blog .comments li li .avatar-image-container{position:absolute;top:0;left:0;width:32px}
  566. .Blog .comments li li .avatar-image-container div{box-shadow:none}
  567. .Blog .comments li li .comment-block{padding:5px 0 0 46px}
  568. .Blog .comments li li .comment-content{margin-top:10px}
  569. .Blog .comments .thread-show:checked + .comment-thread .thread-chrome,
  570. .Blog .comments .thread-show:checked + .comment-thread + .comment-reply{display:none}
  571. .Blog .comments .thread-show:checked + .comment-thread .thread-toggle svg{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
  572.  
  573. .Blog .sitemaps .sitemap-box{font-size:14px;line-height:1.5em;padding:15px 18px;border-radius:8px;background-color:rgba(255,255,255,.7);box-shadow:0 4px 12px 0 rgba(9,32,76,.035)}
  574. .Blog .sitemaps .sitemap-box:not(:last-child){margin-bottom:15px}
  575. .Blog .sitemaps .judul{margin-top:0;font-size:1.1rem}
  576. .Blog .sitemaps ol{list-style:none;margin:20px 0 0;padding:0;counter-reset:panduan-count;font-size:14px;}
  577. .Blog .sitemaps li:not(:last-child){margin-bottom:10px}
  578. .Blog .sitemaps li{display:flex;align-items:flex-start;}
  579. .Blog .sitemaps li:before{content:counter(panduan-count) '.';counter-increment:panduan-count;flex-shrink:0;width:45px;font-size:26px;line-height:1em;color:$(alt.text.colors);text-align:center;padding-right:12px}
  580. .Blog .sitemaps li a{display:inline-block;color:$(main.colors)}
  581. .Blog .sitemaps li a:after{content:'Read more';display:block;color:$(alt.text.colors);font-size:11px;line-height:1.3em}
  582. .Blog .sitemaps li a:hover:after{text-decoration:underline}
  583.  
  584. .page .Blog article.post{border:0}
  585. .page .Blog article.post .post-headline{margin:0;background:transparent;box-shadow:none}
  586. .page .Blog article.post .post-title{font-size:26px;margin:0}
  587.  
  588. /* Widget FeaturedPost */
  589. .FeaturedPost article{display:flex;align-items:center;flex-wrap:wrap;margin:0;padding:12px}
  590. .FeaturedPost article .item-thumbnail{flex:0 0 auto;width:314px;margin-right:20px}
  591. .FeaturedPost article .item-content{flex:1 0;padding:8px 8px 8px 0}
  592. .FeaturedPost article .item-label a:hover, .PopularPosts article .item-label a:hover, .Label li .label-title:hover, .Blog .author-posts .author-link a:hover{text-decoration:underline}
  593. .sidebar .FeaturedPost article{display:block;padding:0;box-shadow:none}
  594. .sidebar .FeaturedPost article .item-content{padding:15px 0 0}
  595. .sidebar .FeaturedPost article .item-title, .PopularPosts article .item-title, .item-recomended .item-random .item-title{font-size:14px}
  596.  
  597. /* Widget PopularPosts */
  598. .PopularPosts{counter-reset:popular-count}
  599. .PopularPosts article:not(:last-child){margin-bottom:25px}
  600. .PopularPosts article .item-thumbnail{margin-bottom:15px}
  601. .PopularPosts article .item-thumbnail a{padding-top:34.61%}
  602. .PopularPosts article .item-header{margin-top:5px}
  603. .PopularPosts article .jump-link a{margin-left:8px}
  604. .PopularPosts article .jump-link a svg{margin:0}
  605. .PopularPosts article.no-thumbnail{display:flex}
  606. .PopularPosts article.no-thumbnail:before{flex-shrink:0;content:'0' counter(popular-count);counter-increment:popular-count;width:45px;padding-top:5px;font-size:26px;color:rgba(0,0,0,.20);}
  607. .PopularPosts article.no-thumbnail .item-content{flex-grow:1}
  608.  
  609. /* Widget Label */
  610. .Label{font-size:13px;color:$(main.colors)}
  611. .Label ul, .Label .cloud-label{display:flex;flex-wrap:wrap}
  612. .Label li{width:calc(50% - 12.5px);margin-bottom:13px}
  613. .Label li:nth-child(2n+1){margin-right:25px}
  614. .Label li a{display:flex;align-items:center;color:inherit}
  615. .Label li a svg{flex-shrink:0;width:20px;height:20px;margin-left:5px;fill:$(alt.text.colors)}
  616. .Label li a:hover svg{fill:$(link.colors)}
  617. .Label li .label-title, .Label .cloud-label .label-title{margin-right:auto;padding-right:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  618. .Label li .label-count, .Label .cloud-label .label-count{flex-shrink:0;font-size:11px;color:$(alt.text.colors)}
  619. .Label .cloud-label > *{display:block;flex:1 0 auto}
  620. .Label .cloud-label a, .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:3px;background-color:#f2f2f2;color:$(text.colors)}
  621.  
  622. /* Widget FollowByEmail */
  623. .FollowByEmail{position:relative;padding:18px 20px 20px;border:1px solid #ebeced;border-radius:3px;font-size:13px}
  624. .FollowByEmail:after{content:'';display:block;position:absolute;bottom:0;right:0;width:100px;height:100px;background:rgba(0,0,0,.025);border-radius:100px 0 0;}
  625. .FollowByEmail .title{font-size:14px;margin-bottom:20px}
  626. .FollowByEmail .follow-by-email-text{display:block;margin-bottom:15px;color:$(alt.text.colors)}
  627. .FollowByEmail .follow-by-email-label{position:absolute;top:1px;right:0;display:inline-block;padding:8px 12.5px 8px 20px;cursor:pointer}
  628. .FollowByEmail .follow-by-email-label svg{fill:$(alt.text.colors)}
  629. .FollowByEmail form, .FollowByEmail > *{position:relative;z-index:1}
  630. .FollowByEmail input[type=email]{padding-right:55px}
  631. .FollowByEmail input[type=email]:focus + input + label svg, .FollowByEmail .follow-by-email-label svg:hover{fill:$(link.colors)}
  632. .FollowByEmail input[type=submit]{display:none;margin-top:10px}
  633.  
  634. /* Widget RandomPosts */
  635. .item-recomended .item-random:not(:last-child){margin-bottom:20px}
  636. .item-recomended .item-random{display:flex;align-items:center;flex-direction:row-reverse}
  637. .item-recomended .item-random .item-thumbnail{flex-shrink:0;margin-left:20px}
  638. .item-recomended .item-random .item-thumbnail a{width:72px;padding-top:100%}
  639. .item-recomended .item-random .item-content{flex-grow:1}
  640. .item-recomended .item-random .item-title{max-height:38px;overflow:hidden}
  641.  
  642. /* Widget Contact Form */
  643. .ContactForm{font-size:14px;margin-top:30px;max-width:480px}
  644. .ContactForm form > *:not(:last-child){margin-bottom:15px}
  645. .ContactForm label{display:inline-block;margin-bottom:8px}
  646. .ContactForm div p{display:flex;align-items:center;margin-bottom:0}
  647.  
  648. /* Footer */
  649. .footbar{margin-top:40px;padding:0 25px 0 245px;color:$(alt.text.colors);font-size:12px;-webkit-transition:all .2s ease;transition:all .2s ease;}
  650. .footbar .credit p{margin:20px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
  651. .footbar .credit a:hover{text-decoration:underline}
  652. .footbar .credit .creator{opacity:0}
  653.  
  654. /* Error 404 Page */
  655. .mainIner.error-404{align-items:center;justify-content:center;height:100vh;text-align:center}
  656. .error-container{margin:auto;width:90%;max-width:500px}
  657. .error-container h3 span{display:block;font-size:7rem;line-height:6.5rem}
  658. .error-container p{margin:10px 5% 30px;color:rgba(0,0,0,.6)}
  659. .error-container a{margin:0 10%;}
  660.  
  661. /* Dark Mode */
  662. .dark-mode, .dark-mode #main-widget:before{background-color:$(bg.night.colors)}
  663. .dark-mode .searchbar input[type=text],
  664. .dark-mode .Blog article, .dark-mode .FeaturedPost article, .dark-mode .Blog .blog-pager .no-post,
  665. .dark-mode .sidebar, .dark-mode #nav-widget, .dark-mode #nav-widget:before, .dark-mode .navigation-menu .sosmed,
  666. .dark-mode .Blog .blog-pager > *, .dark-mode .Blog article.post .post-headline,
  667. .dark-mode .Blog article.post .post-share ul, .dark-mode .Blog .related-posts li,
  668. .dark-mode .Blog .comments ol > li{background-color:$(bg.sec.night.colors)}
  669. .dark-mode .Blog article .post-thumbnail a, .dark-mode .FeaturedPost article .item-thumbnail a,
  670. .dark-mode .PopularPosts article .item-thumbnail a, .dark-mode .item-recomended .item-random .item-thumbnail a,
  671. .dark-mode .Blog .related-posts li .item-thumbnail > *, .dark-mode .Label .cloud-label a, .dark-mode .Blog article.post .post-labels a,
  672. .dark-mode .Blog .comments ol > li > .comment-replies, .dark-mode .Blog table th{background-color:$(bg.hover.night.colors)}
  673. .dark-mode .header, .dark-mode .navigation-menu, .dark-mode .navigation-mobile, .dark-mode .navigation-menu .sosmed ul svg{color:$(night.colors);fill:$(night.colors)}
  674. .dark-mode .Blog article.post .post-share li > * svg{fill:$(sec.night.colors);background-color:$(bg.hover.night.colors)}
  675. .dark-mode .Blog .author-posts .author-link a{color:$(sec.night.colors);background-color:$(bg.hover.night.colors)}
  676. .dark-mode, .dark-mode .Label, .dark-mode h1, .dark-mode h2, .dark-mode h3, .dark-mode h4, .dark-mode h5, .dark-mode h6,
  677. .dark-mode .Blog .blog-pager, .dark-mode .Blog .sitemaps li a{color:$(night.colors)}
  678. .dark-mode .navicon .nav i{background-color:$(night.colors)}
  679. .dark-mode .navicon .dark-switch i:before{left:13px}
  680. .dark-mode .navicon .dark-switch, .dark-mode .searchbar label svg,
  681. .dark-mode .PopularPosts article .item-comment a svg, .dark-mode .item-recomended .item-random .item-comment svg,
  682. .dark-mode .Label li a svg, .dark-mode .FollowByEmail .follow-by-email-label svg,
  683. .dark-mode .Blog .blog-pager > * svg{fill:$(sec.night.colors)}
  684. .dark-mode .Blog article .post-info, .dark-mode .FeaturedPost article .item-header, .dark-mode .PopularPosts article .item-header,
  685. .dark-mode .item-recomended .item-random .item-footer, .dark-mode .Blog .blog-pager .no-post,
  686. .dark-mode .Label li .label-count, .dark-mode .Label .cloud-label .label-count, .dark-mode .FollowByEmail .follow-by-email-text,
  687. .dark-mode .footbar, .dark-mode .Blog article.post .post-info .post-author,
  688. .dark-mode .Label .cloud-label a, .dark-mode .Blog article.post .post-labels a, .dark-mode .Blog .author-posts .author-desc, .dark-mode .button.outline,
  689. .dark-mode .Blog .comments .comment-header .datetime, .dark-mode .Blog .comments ol > li > .comment-actions a,
  690. .dark-mode .Blog .comments .comment-reply a, .dark-mode .Blog .comments .comment-thread .thread-toggle, .dark-mode .error-container p, .navicon .dark-switch, .dark-mode .Blog .sitemaps li:before, .dark-mode .Blog .sitemaps li a:after, .dark-mode .Blog blockquote,
  691. .dark-mode .Blog article.post .post-related .title, .dark-mode .Blog article.post .post-related .item-content, .dark-mode .Blog article.post .post-related .item-content a:after, .dark-mode .Blog .daftar-isi .isi-judul:after, .dark-mode .Blog .daftar-isi .isi-content ol li:before, .dark-mode .Blog article .separate:before{color:$(sec.night.colors)}
  692. .dark-mode .Blog article .post-info .post-comment a svg.line, .dark-mode .FeaturedPost article .item-comment a svg.line,
  693. .dark-mode .PopularPosts article .item-comment a svg.line, .dark-mode .Blog .blog-pager > * svg.line,
  694. .dark-mode .Blog .comments ol > li > .comment-actions svg, .dark-mode .Blog .comments .comment-reply svg,
  695. .dark-mode .Blog .comments .comment-thread .thread-toggle svg, .dark-mode .Blog article.post .post-share li > * svg.line{fill:none;stroke:$(sec.night.colors)}
  696. .dark-mode a{color:$(link.night.colors)}
  697. .dark-mode .button{color:$(night.colors)}
  698. .dark-mode .button.outline{border-color:$(night.colors)}
  699. .dark-mode .widget input[type=text], .dark-mode .widget textarea{border:0}
  700. .dark-mode .FollowByEmail, .dark-mode .widget input[type=email],
  701. .dark-mode .navigation-menu > li.break:after, .dark-mode .Blog article.post, .dark-mode .Blog .comments li li:not(:last-child){border-color:rgba(255,255,255,.1)}
  702. .dark-mode .widget input[type=email], .dark-mode .widget input[type=text], .dark-mode .widget textarea, .dark-mode .Blog .sitemaps .sitemap-box{background-color:$(bg.sec.night.colors)}
  703. .dark-mode .Blog article.post, .dark-mode .page .Blog article.post .post-headline{background:transparent}
  704. .dark-mode .Blog article.post .post-related:before, .dark-mode .Blog article.post .post-related:after{background:linear-gradient(to left, $(bg.night.colors), rgba(255,255,255,.1), $(bg.night.colors))}
  705. .dark-mode .Blog table{border-color:rgba(0,0,0,.1)}
  706. .dark-mode .Blog table tr:nth-child(2n) td, .dark-mode .Blog table tr:nth-child(2n+1) td, .dark-mode .Blog table th,
  707. .dark-mode .Blog .daftar-isi{border-color:rgba(255,255,255,.1)}
  708. .dark-mode .Blog table tr:nth-child(2n+1) td:first-child{border-left-color:rgba(0,0,0,.1)}
  709. .dark-mode .Blog table tr:nth-child(2n+1) td:last-child{border-right-color:rgba(0,0,0,.1)}
  710. .dark-mode .Blog table tr:nth-child(2n) td, .dark-mode .Blog pre{background-color:rgba(0,0,0,.1)}
  711. .dark-mode .Blog table.tr-caption-container .tr-caption{background-color:transparent}
  712.  
  713. /* Addtional Style */
  714. .button{display:inline-flex;align-items:center;margin:15px 15px 15px 0;padding:10px 20px;outline:0;border:0;color:#fefefe;background-color:$(link.colors);border-radius:3px;font-size:13px;line-height:22px;}
  715. .button.outline{color:$(text.colors);background-color:transparent;border:1px solid $(alt.text.colors)}
  716. .button.whatsapp{background-color:#25D366}
  717. .button:hover{color:#fefefe;opacity:.75}
  718. .button.outline:hover{color:$(link.colors);border-color:$(link.colors)}
  719. .button-info{display:flex;flex-wrap:wrap;justify-content:center;margin:12px 0 0}
  720. .button-info > *{margin:0 12px 12px 0}
  721. .button-info > *:last-child{margin-right:0}
  722.  
  723. .lazy-youtube{background-color:#505050;position:relative;overflow:hidden;padding-top:56.30%;cursor:pointer;border-radius:8px;}
  724. .lazy-youtube img{width:100%;top:-16.84%;left:0;opacity:.95;cursor:pointer}
  725. .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}
  726. .lazy-youtube .play-button:hover{border-color:#3a7bd5}
  727. .lazy-youtube .play-button:hover:before{border-color:transparent transparent transparent #3a7bd5}
  728. .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}
  729. .lazy-youtube img, .lazy-youtube iframe, .lazy-youtube .play-button,.lazy-youtube .play-button:before{position:absolute!important}
  730. .lazy-youtube .play-button, .lazy-youtube .play-button:before{top:50%;left:50%;transform:translate3d(-50%,-50%,0)}
  731. .lazy-youtube iframe{height:100%;width:100%;top:0;left:0}
  732. .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}
  733. .lazy-youtube .playBut svg{width:inherit;height:inherit}
  734. .lazy-youtube .playBut .svg-play{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;stroke-width:7}
  735. .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;}
  736. .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)}
  737. .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}
  738. .lazy-youtube .playBut:hover .circle{stroke-dashoffset:0;opacity:1;stroke:#fefefe}
  739.  
  740. .iklan-atas + .widget, .iklan-bawah + .widget{margin:30px 17px}
  741. .post-entry .widget{margin:30px 0}
  742. .Blog pre .widget, .Blog pre code .widget, .Blog pre code .post-related, #main-widget > #HTML4{display:none}
  743.  
  744. /* Background Icon */
  745. .m-icon{display:inline-block;margin-right:12px;width:18px;height:18px;background-size:cover;background-repeat:no-repeat;background-position:center center;}
  746. .m-icon.download{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23161617" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M3 17v3a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-3"/><polyline points="8 12 12 16 16 12"/><line x1="12" x2="12" y1="2" y2="16"/></svg>')}
  747. .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>")}
  748.  
  749. .ads-here{display:flex;align-items:center;justify-content:center;padding:20px 0;border:1px solid #ebeced;border-radius:3px;color:$(alt.text.colors);font-size:12px}
  750. .ads-here:before{content:'Ad is here'}
  751.  
  752. /* Keyframes Animation */
  753. @-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}}
  754. @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}}
  755. @-webkit-keyframes nudge{0%{transform:translateX(0)}30%{transform:translateX(-5px)}50%{transform:translateX(5px)}70%{transform:translateX(-2px)}100%{transform:translateX(0)}}
  756. @keyframes nudge{0%{transform:translateX(0)}30%{transform:translateX(-5px)}50%{transform:translateX(5px)}70%{transform:translateX(-2px)}100%{transform:translateX(0)}}
  757.  
  758. /* Responsive */
  759. @media screen and (min-width:1024px){::-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)}}
  760. @media screen and (max-width:1100px){
  761. .sidebar{width:300px;padding:20px 25px}
  762. .mainbar, .asideIner, .header, #main-widget:before{width:calc(100% - 300px)}
  763. #nav-widget, #nav-widget:before, .navigation-menu .sosmed{width:200px}
  764. .header #header-widget{width:152px}
  765. #main-widget, #main-ads{padding:0 25px 0 225px}
  766. .nav-menu:checked + .mainWrapper .mainIner.singleItem #main-widget,
  767. .nav-menu:checked + .mainWrapper .asideIner.singleItem .footbar{padding:0 50px 0 120px}
  768. .nav-menu:checked + .mainWrapper .mainIner.singleItem .Blog .related-posts ul{grid-template-columns:1fr 1fr 1fr}
  769. .nav-menu:checked + .mainWrapper .mainIner .header #header-widget{width:0}
  770. .FeaturedPost article .item-thumbnail{width:100%;margin:0 0 5px}
  771. .FeaturedPost article .item-title, .Blog article .post-title{font-size:14px}
  772. .Blog article.post .post-related ul{display:block}
  773. .Blog article.post .post-related .item-thumbnail{width:80px}
  774. .Blog article.post .post-share .twitterThis{display:none}
  775. .Blog .related-posts ul{grid-template-columns:1fr 1fr}
  776. }
  777. @media screen and (max-width:768px){
  778. .mainIner{display:block}
  779. .mainbar, .asideIner, .header, #main-widget:before{width:100%}
  780. .sidebar{width:100%;background-color:transparent;padding:0 25px 0 225px;-webkit-transition:all .2s ease;transition:all .2s ease}
  781. .asideIner{position:relative}
  782. .nav-menu:checked + .mainWrapper .mainIner .sidebar{padding-left:93px}
  783. .nav-menu:checked + .mainWrapper .mainIner .PopularPosts .item-popular{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}
  784. .nav-menu:checked + .mainWrapper .mainIner.singleItem .sidebar{padding:0 50px 0 120px}
  785. .nav-menu:checked + .mainWrapper .mainIner.singleItem .Blog .related-posts ul{grid-template-columns:1fr 1fr}
  786.  
  787. .dark-mode .sidebar{background-color:transparent}
  788. .dark-mode .FollowByEmail{background-color:$(bg.sec.night.colors);border:0}
  789. .dark-mode .widget input[type=email], .dark-mode .widget input[type=text], .dark-mode .widget textarea, .dark-mode .Blog .sitemaps .sitemap-box{background-color:$(bg.hover.night.colors)}
  790. }
  791. @media screen and (max-width:640px){
  792. .header{padding:0 20px;position:relative;}
  793. .singleItem.post .header{background-color:#fefefe} .dark-mode .singleItem.post .header{background-color:$(bg.sec.night.colors)}
  794. .header #header-widget{padding:0 0 0 23px;width:initial;max-width:220px}
  795. main{margin:30px 0 60px} .singleItem.post main{margin:0 0 60px} .footbar{margin-top:40px;padding:0 20px 50px}
  796. main > *:not(:last-child), .sidebar > *:not(:last-child), .widget:not(:last-child){margin-bottom:40px}
  797. #main-widget, #main-ads, .sidebar{padding:0 20px}
  798. #main-widget:before, #nav-widget:before, .searchbar label, .navigation-menu .home, .Blog article .post-label{display:none}
  799. #nav-widget{width:100%;padding:0;background:transparent;box-shadow:none;z-index:49;margin-left:-100%}
  800. .navigation-menu{position:fixed;top:0;left:0;background-color:$(nav.bg.colors);max-width:480px;width:85%;height:100%;margin-left:-100%;padding:calc($(header.height) + 15px) 0 90px 0;-webkit-transition:all .2s ease;transition:all .2s ease;z-index:3;overflow:hidden;box-shadow:0 6px 18px 0 rgba(9,32,76,.035);border-radius:0 20px 20px 0}
  801. .navigation-menu .sosmed{max-width:480px;width:85%;margin-left:-100%;border-radius:0 0 20px 0} .navigation-menu .close{display:block;border-radius:0 20px 0 0}
  802. .navigation-menu:hover{overflow-y:auto}
  803. .navigation-mobile{display:flex;bottom:0}
  804. .navigation-mobile .top-link a{display:block;position:relative;right:initial;bottom:initial;width:initial;height:initial;background-color:transparent;box-shadow:none}
  805. .navigation-mobile .top-link svg.line{stroke:$(text.colors)}
  806. .navigation-mobile .top-link svg.line .svg-c{stroke:$(link.colors)}
  807. .nav-menu:checked + .mainWrapper .mainIner #main-ads,
  808. .nav-menu:checked + .mainWrapper .mainIner #main-widget,
  809. .nav-menu:checked + .mainWrapper .mainIner .sidebar,
  810. .nav-menu:checked + .mainWrapper .asideIner .footbar{padding-left:20px}
  811. .nav-menu:checked + .mainWrapper .asideIner .full-close.nav-close{background:rgba(0,0,0,.25);opacity:1;visibility:visible}
  812. .nav-menu:checked + .mainWrapper .asideIner #nav-widget{width:100%;margin-left:0;z-index:50}
  813. .nav-menu:checked + .mainWrapper .asideIner .navigation-menu .sosmed{width:85%}
  814. .nav-menu:checked + .mainWrapper .mainIner .header #header-widget{opacity:1;width:initial}
  815. .nav-menu:checked + .mainWrapper .asideIner .navigation-menu,
  816. .nav-menu:checked + .mainWrapper .asideIner .navigation-menu .sosmed,
  817. .nav-menu:checked + .mainWrapper .asideIner .navigation-menu .close{margin-left:0}
  818. .nav-menu:checked + .mainWrapper .asideIner .navigation-menu li > * .name{display:block}
  819. .nav-menu:checked + .mainWrapper .asideIner .navigation-menu .sosmed ul{display:flex}
  820. .nav-menu:checked + .mainWrapper .asideIner .navigation-menu .sosmed .link{display:none}
  821. .nav-menu:checked + .mainWrapper .asideIner .navigation-menu .sosmed ul li{height:initial;opacity:1;visibility:visible;padding:0 7px 0 0}
  822. .nav-menu:checked + .mainWrapper .asideIner .navigation-menu .sub-menu:checked + .link + ul{padding:10px 0 0}
  823. .nav-menu:checked + .mainWrapper .asideIner .navigation-menu .sub-menu:checked + .link + ul li{height:38px;padding:10px 20px 10px 43px;opacity:1;visibility:visible}
  824. .nav-menu:checked + .mainWrapper .mainIner.singleItem #main-widget,
  825. .nav-menu:checked + .mainWrapper .mainIner.singleItem .sidebar,
  826. .nav-menu:checked + .mainWrapper .mainIner.singleItem .header{padding:0 20px}
  827. .nav-menu:checked + .mainWrapper .asideIner.singleItem .footbar{padding:0 20px 50px}
  828. .nav-menu:checked + .mainWrapper .mainIner .PopularPosts .item-popular{display:block}
  829.  
  830. .searchbar{position:fixed;top:0;left:0;width:100%;height:initial;max-width:initial;padding:0 20px;z-index:10}
  831. .searchbar .navicon.search{display:flex;z-index:3;opacity:0;visibility:hidden}
  832. .searchbar input[type=text]{background-color:#fefefe;margin-top:-100px;padding:20px 20px 20px 50px;width:100%;z-index:3;border-radius:15px;-webkit-transition:all .2s ease;transition:all .2s ease}
  833. .searchbar input[type=text]:focus{margin-top:15px}
  834. .searchbar input[type=text]:focus + .navicon.search{opacity:1;visibility:visible;padding-top:15px}
  835. .searchbar input[type=text]:focus + .navicon.search + .full-close.search{background:rgba(0,0,0,.25);opacity:1;visibility:visible}
  836. .Blog .blog-pager{margin:40px 0 0}
  837. .multipleItem .Blog .blog-posts, .PopularPosts .item-popular, .Blog .related-posts ul{display:block}
  838. .multipleItem .Blog article{display:flex;align-items:center;flex-direction:row-reverse;padding:8px;margin:0 0 12px}
  839. .multipleItem .Blog article .post-thumbnail{flex-shrink:0;width:90px;margin:0 0 0 15px}
  840. .multipleItem .Blog article .post-thumbnail a{padding-top:100%}
  841. .multipleItem .Blog article .post-content{flex-grow:1;padding-left:5px}
  842. .multipleItem .Blog article .post-title, .item-recomended .item-random .item-title{font-weight:400}
  843. .page .Blog article.post .post-headline{padding:8px 0 12px}
  844. .page .Blog article.post .post-title{padding:0}
  845. .post .Blog article.post .post-headline{position:relative;left:-20px;width:calc(100% + 40px);border-radius:0 0 20px 20px;box-shadow:0 6px 18px 0 rgba(9,32,76,.075);transition:all .2s ease;-webkit-transition:all .2s ease}
  846. .post .Blog article.post .post-title, .post .Blog article.post .post-info{padding:0}
  847. .Blog article.post .post-headline{padding:30px 20px 30px}
  848. .Blog article.post .post-title{font-size:15px}
  849. .Blog article.post .post-info .post-timestamp .updated:before{content:'Disunting '}
  850. .Blog article.post .post-info .post-author{font-size:10px}
  851. .Blog article.post .post-entry, .Blog article.post .post-labels, .Blog article.post .post-share{padding:0}
  852. .Blog article.post .post-share .facebookThis a:after{content:'Facebook'}
  853. .Blog article.post .post-share .whatsappThis a:after{content:'Whatsapp'}
  854. .Blog article.post .post-share .share-popup{align-items:flex-end;z-index:60}
  855. .Blog article.post .post-share .share-check:checked + .share-popup ul{margin:0 auto 20px}
  856. .Blog article.post .post-share li.share-close > .close-1{visibility:visible;margin-top:10px}
  857. .Blog article.post .post-share li.share-close > .close-2{display:none}
  858. .Blog .author-posts, .iklan-atas + .widget, .iklan-bawah + .widget, .Blog .show-comment{margin:30px 0}
  859. .Blog .author-posts .author-desc{font-size:11px;line-height:1.3em}
  860. .Blog .related-posts{margin:60px 0 30px}
  861. .Blog .related-posts ul.style-1 li{padding:8px}
  862. .Blog .related-posts ul.style-1 .item-thumbnail > *, .item-recomended .item-random .item-thumbnail a{width:90px}
  863. .Blog .related-posts ul.style-2{display:grid;font-size:12px}
  864. .Blog .related-posts ul.style-2 li{padding:8px 8px 10px}
  865. .Blog .comments{margin:30px 0 0}
  866.  
  867. .Blog table{display:block;overflow:auto;border:0}
  868. .Blog table tbody{display:table;margin:auto;border-bottom:1px solid rgba(0,0,0,.05);border-radius:8px;overflow:hidden}
  869.  
  870. .item-recomended .item-random .item-thumbnail a, .PopularPosts article .item-thumbnail a{background-color:#fefefe}
  871. .FeaturedPost article{padding:8px}
  872. .FeaturedPost article .item-content{padding:8px 10px}
  873. .FeaturedPost article .item-title, .Blog article .post-title,
  874. .sidebar .FeaturedPost article .item-title, .PopularPosts article .item-title, .item-recomended .item-random .item-title,
  875. .Blog .comments ol > li{font-size:13px}
  876. .FeaturedPost article .item-label, .Blog article .post-info .post-author, .PopularPosts article .item-label, .Blog article .post-label,
  877. .Blog .comments .comment-header .datetime, .Blog .author-posts .author-link a, .Blog .related-posts ul.style-1 .item-title a:after{font-size:10px}
  878. .FeaturedPost article .item-header, .Blog article .post-info, .PopularPosts article .item-header, .item-recomended .item-random .item-footer{font-size:10px}
  879. .footbar, .Blog article.post .post-share, .Blog .comments .comment-thread .thread-toggle, .Blog .comments ol > li > .comment-replies .comment-reply,
  880. .Blog .comments ol > li > .comment-actions, .Blog article.post .post-labels, .Blog .blog-pager{font-size:11px}
  881. .FollowByEmail .follow-by-email-text, .Label{font-size:12px}
  882. .Blog article .post-info .post-comment a svg, .FeaturedPost article .item-comment a svg, .PopularPosts article .item-comment a svg, .item-recomended .item-random .item-comment svg{width:16px}
  883.  
  884. .dark-mode .navigation-mobile, .dark-mode .navigation-menu, .dark-mode .navigation-menu .close{background-color:$(bg.sec.night.colors)}
  885. .dark-mode .navigation-mobile svg{fill:$(night.colors)}
  886. .dark-mode .navigation-mobile svg.line, .dark-mode .navigation-mobile .top-link svg.line{fill:none;stroke:$(night.colors)}
  887. .dark-mode #nav-widget{background-color:transparent}
  888. }
  889. @media screen and (max-width:480px){
  890. .button-info > *{flex-grow:1;justify-content:center}
  891. .button-info > *:last-child{flex-grow:0;flex-shrink:0}
  892. .Blog article.post .separator a{margin-left:0!important;margin-right:0!important;float:none!important}
  893. }
  894. ]]></b:skin>
  895.  
  896.   <b:defaultmarkups>
  897.     <b:defaultmarkup type='Common'>
  898.       <b:includable id='postArticleAuthor'>
  899.         <div class='author-posts'>
  900.           <div class='authorImage'>
  901.             <div class='authorImg'>
  902.               <img class='post-thumb lazy' expr:alt='data:post.author.name' expr:data-src='resizeImage(data:post.author.authorPhoto.image,100,&quot;1:1&quot;)' src='data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs='/>
  903.             </div>
  904.           </div>
  905.           <div class='authorInfo'>
  906.             <div class='author-name'>
  907.               <span><data:post.author.name/></span>
  908.             </div>
  909.             <div class='author-desc'>
  910.               <data:post.author.aboutMe/>
  911.             </div>
  912.             <ul class='author-link'>
  913.               <li><a expr:href='data:post.author.profileUrl' rel='author nofollow noreferrer' target='_blank' title='View Profile'>Profile</a></li>
  914.               <li><a href='#' rel='nofollow noreferrer' target='_blank'>Facebook</a></li>
  915.               <li><a href='#' rel='nofollow noreferrer' target='_blank'>Twitter</a></li>
  916.             </ul>
  917.           </div>
  918.         </div>
  919.       </b:includable>
  920.       <b:includable id='post-artikelTerkait' var='post'>
  921.         <div class='related-posts'>
  922.           <div id='related-posts'/>
  923.           <script>
  924.             var labelArray = [<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>&quot;<data:label.name/>&quot;<b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if></b:loop></b:if>];
  925.             var relatedPostConfig={
  926.               homePage: &quot;<data:blog.homepageUrl/>&quot;,
  927.              widgetTitle: &quot;<h3 class='title'><data:messages.youMayLikeThesePosts/></h3>&quot;,
  928.               numPosts: 6,
  929.               summaryLength: 20,
  930.               titleLength:&quot;auto&quot;,
  931.               thumbnailSize: 275,
  932.               noImage: &quot;data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=&quot;,
  933.               containerId: &quot;related-posts&quot;,
  934.               newTabLink: false,
  935.               moreText: &quot;Read more&quot;,
  936.               widgetStyle: 2,
  937.               callBack:function(){}
  938.             }
  939.           </script>
  940.           <script>/*<![CDATA[*/ var randomRelatedIndex,showRelatedPost;(function(n,m,k){var d={widgetTitle:"<h3 class='heading'>Related Posts</h3>",widgetStyle:1,homePage:"http://www.jagodesain.com",numPosts:7,summaryLength:320,titleLength:"auto",thumbnailSize:200,noImage:"data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=",containerId:"related-posts",newTabLink:false,moreText:"Read more",callBack:function(){}}; for(var f in relatedPostConfig){d[f]=(relatedPostConfig[f]=="undefined")?d[f]:relatedPostConfig[f]}var j=function(a){var b=m.createElement("script");b.async="async";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)+"&hellip;":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)+"&hellip;":"";for(var p=0,a=x[q].link.length;p<a;p++){v=(x[q].link[p].rel=="alternate")?x[q].link[p].href:"#"} if(A==2){c+='<li><div class="item-related"><div class="item-thumbnail"><a href="'+v+'"><img class="post-thumb lazy" alt="'+w+'" data-src="'+r+'" src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs="></a></div><div class="item-title"><a href="'+v+'"><span>'+w+'</span></a></div></div></li>'} else{c+='<li><div class="item-related"><div class="item-thumbnail"><div><img class="post-thumb lazy" alt="'+w+'" data-src="'+r+'" src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs="></div></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>
  941.         </div>
  942.       </b:includable>
  943.       <b:includable id='post-artikelTerkait-in' var='post'>
  944.         <div class='post-related' id='post-related'>
  945.           <script>/*<![CDATA[*/ var relatedTitles = new Array(); var relatedTitlesNum = 0; var relatedUrls = new Array(); var relatedImage = new Array(); function related_results_labels(json) { for (var i = 0; i < json.feed.entry.length; i++) { var entry = json.feed.entry[i]; relatedTitles[relatedTitlesNum] = entry.title.$t; var img=json.feed.entry[i].media$thumbnail.url,a=img.replace("/s72-c/","/s100/");if(json.feed.entry[i].media$thumbnail)var img=json.feed.entry[i].media$thumbnail.url,a=img.replace("/s72-c/","/w120-h120-p-k-no-nu/");else if(null!=json.feed.entry[i].content.$t.match(/src=(.+?[\.jpg|\.gif|\.png]")/))var a=json.feed.entry[i].content.$t.match(/src=(.+?[\.jpg|\.gif|\.png]")/)[1];else var a="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=";relatedImage[relatedTitlesNum]=a; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') {relatedUrls[relatedTitlesNum] = entry.link[k].href; relatedTitlesNum++; break;}}}} function removeRelatedDuplicates() { var tmp = new Array(0); var tmp2 = new Array(0); for(var i = 0; i < relatedUrls.length; i++) { if(!contains(tmp, relatedUrls[i])) { tmp.length += 1; tmp[tmp.length - 1] = relatedUrls[i]; tmp2.length += 1; tmp2[tmp2.length - 1] = relatedTitles[i];}} relatedTitles = tmp2; relatedUrls = tmp;} function contains(a, e) { for(var j = 0; j < a.length; j++) if (a[j]==e) return true; return false;} function printRelatedLabels() { var r = Math.floor((relatedTitles.length - 1) * Math.random()); var i = 0; document.write('<ul>'); while (i < relatedTitles.length && i < 20) { document.write('<li class="item-related"><div class="item-thumbnail"><a href="'+relatedUrls[r]+'"><img class="post-thumb lazy" alt="'+relatedTitles[r]+'" data-src="'+relatedImage[r]+'" src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs="/></a></div><div class="item-content"><a href="'+relatedUrls[r]+'"><span>'+relatedTitles[r]+'</span></a></div></li>'); if (r < relatedTitles.length - 1) { r++; } else { r = 0;} i++;} document.write('</ul>');} /*]]>*/</script>
  946.           <b:if cond='data:post.labels'>
  947.             <b:loop index='i' values='data:post.labels' var='label'>
  948.               <b:if cond='data:i&lt;1'>
  949.                 <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=2&quot;' rel='preload'/>
  950.               </b:if>
  951.             </b:loop>
  952.           </b:if>
  953.           <h4 class='title'><data:messages.youMayLikeThesePosts/></h4>
  954.           <script>removeRelatedDuplicates(); printRelatedLabels();</script>
  955.           <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("post-related"); var showAd3 = tgt.getElementsByTagName("br"); if (showAd3.length > 0) {insertAfter(midAd3,showAd3[7]);}; /*]]>*/</script>
  956.         </div>
  957.       </b:includable>
  958.       <b:includable id='post-iklanTerkait' var='post'>
  959.         <div class='related-posts' id='related-post'>
  960.           <div class='related-ads'/>
  961.         </div>
  962.       </b:includable>
  963.       <b:includable id='post-iklanAtas' var='post'>
  964.         <div id='iklanAtas'>
  965.           <div class='iklan-atas'/>
  966.         </div>
  967.       </b:includable>
  968.       <b:includable id='post-iklanBawah' var='post'>
  969.         <div id='iklanBawah'>
  970.           <div class='iklan-bawah'/>
  971.         </div>
  972.       </b:includable>
  973.       <b:includable id='post-commentDisqus'>
  974.         <div id='disqus_thread'>
  975.           <div class='show-comment'>
  976.             <a class='button outline' href='javascript:void(0)' id='disqusshow' onclick='load_Comments()'><span>Buka komentar</span></a>
  977.           </div>
  978.         </div>
  979.         <script>/*<![CDATA[*/var disqus_shortname = "jagodesain"; !function(){var e=document.createElement("script");e.async=!0,e.src="//"+disqus_shortname+".disqus.com/blogger_item.js",(document.getElementsByTagName("head")[0]||document.getElementsByTagName("body")[0]).appendChild(e)}(); function load_Comments(){var e=document.getElementById("disqusshow");e.style.display="none";var t="jagodesain";!function(){var e=document.createElement("script");e.async=!0,e.src="https://"+t+".disqus.com/embed.js",(document.getElementsByTagName("head")[0]||document.getElementsByTagName("body")[0]).appendChild(e)}()}; /*]]>*/</script>
  980.       </b:includable>
  981.       <b:includable id='postPagination-more'>
  982.         <script>/*<![CDATA[*/ !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>
  983.       </b:includable>
  984.       <b:includable id='postPagination-numeric'>
  985.         <script>/*<![CDATA[*/
  986. var noPage,currentPage,currentPageNo,postLabel,
  987. perPage=9,
  988. numPages=3,
  989. firstText="First",
  990. lastText="Last",
  991. prevText="Previous",
  992. nextText="Next",
  993.  
  994. 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();
  995. /*]]>*/</script>
  996.       </b:includable>
  997.       <b:includable id='postPage-analytics'>
  998.         <script>(function(i,s,o,g,r,a,m){i[&#39;GoogleAnalyticsObject&#39;]=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.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,&#39;script&#39;,&#39;https://www.google-analytics.com/analytics.js&#39;,&#39;ga&#39;); ga(&#39;create&#39;, &#39;<data:blog.analyticsAccountNumber/>&#39;, &#39;auto&#39;, &#39;blogger&#39;); ga(&#39;blogger.send&#39;, &#39;pageview&#39;);</script>
  999.       </b:includable>
  1000.     </b:defaultmarkup>
  1001.     <!-- Default Featured Widget -->
  1002.     <b:defaultmarkup type='FeaturedPost'>
  1003.       <b:includable id='main' var='this'>
  1004.         <b:if cond='data:title != &quot;&quot;'>
  1005.           <div class='widget-title'>
  1006.             <h3 class='title'><data:title/></h3>
  1007.           </div>
  1008.         </b:if>
  1009.         <b:include name='snippetedPosts'/>
  1010.       </b:includable>
  1011.       <b:includable id='blogThisShare'/>
  1012.       <b:includable id='bylineByName' var='byline'/>
  1013.       <b:includable id='bylineRegion' var='regionItems'/>
  1014.       <b:includable id='commentsLink'>
  1015.         <a class='comments-bubble' expr:href='data:post.url + &quot;#showComments&quot;'>
  1016.           <span><data:post.numberOfComments/></span>
  1017.           <svg class='line' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><g transform='translate(2.000000, 2.000081)'><path d='M10.0568181,-3.37507799e-14 C6.54686532,-0.0141015786 3.28556632,1.80703838 1.46050022,4.80034679 C-0.364565872,7.7936552 -0.487081058,11.5223413 1.13756771,14.6286303 L1.33789312,15.0191059 C1.50209106,15.3263704 1.53643729,15.6864194 1.43328617,16.0191043 C1.14742034,16.7783674 0.908488743,17.5544276 0.71783828,18.3429101 C0.71783828,18.7429095 0.832309942,18.9714806 1.26157868,18.9619568 C2.02189879,18.7940564 2.77067506,18.5777416 3.5033154,18.3143388 C3.81886183,18.2274425 4.15437035,18.2475403 4.45724592,18.3714815 C4.73388577,18.5048146 5.29670478,18.8476712 5.31578339,18.8476712 C8.99153503,20.7804333 13.4807954,20.2472199 16.5997521,17.5074142 C19.7187087,14.7676084 20.8198838,10.3899785 19.3676078,6.50403406 C17.9153318,2.6180896 14.211089,0.0305307279 10.0568181,-3.37507799e-14 L10.0568181,-3.37507799e-14 Z'/></g></svg>
  1018.         </a>
  1019.       </b:includable>
  1020.       <b:includable id='commentsLinkIframe'/>
  1021.       <b:includable id='emailPostIcon'/>
  1022.       <b:includable id='facebookShare'/>
  1023.       <b:includable id='footerBylines'/>
  1024.       <b:includable id='googlePlusShare'/>
  1025.       <b:includable id='headerByline'/>
  1026.       <b:includable id='linkShare'/>
  1027.       <b:includable id='otherSharingButton'/>
  1028.       <b:includable id='platformShare'/>
  1029.       <b:includable id='postAuthor'/>
  1030.       <b:includable id='postCommentsLink'/>
  1031.       <b:includable id='postJumpLink' var='post'/>
  1032.       <b:includable id='postLabels'>
  1033.         <div class='item-label'>
  1034.           <b:loop index='num' values='data:post.labels' var='label'>
  1035.             <b:if cond='data:num == 0'>
  1036.               <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'/>
  1037.             </b:if>
  1038.             <b:if cond='data:num == 1'>
  1039.               <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'/>
  1040.             </b:if>
  1041.           </b:loop>
  1042.         </div>
  1043.       </b:includable>
  1044.       <b:includable id='postLocation'/>
  1045.       <b:includable id='postReactions'/>
  1046.       <b:includable id='postShareButtons'/>
  1047.       <b:includable id='postTimestamp'>
  1048.         <div class='item-timestamp'>
  1049.           <time class='published' expr:datetime='data:post.date.iso8601'><data:post.date/></time>
  1050.         </div>
  1051.       </b:includable>
  1052.       <b:includable id='sharingButton'/>
  1053.       <b:includable id='sharingButtonContent'/>
  1054.       <b:includable id='sharingButtons'/>
  1055.       <b:includable id='sharingButtonsMenu'/>
  1056.       <b:includable id='sharingPlatformIcon'/>
  1057.       <b:includable id='snippetedPostByline'/>
  1058.       <b:includable id='snippetedPostContent'>
  1059.         <b:include cond='data:this.postDisplay.showFeaturedImage and data:post.featuredImage' name='snippetedPostThumbnail'/>
  1060.         <div class='item-content'>
  1061.           <b:include cond='data:this.postDisplay.showTitle' name='snippetedPostTitle'/>
  1062.           <b:include cond='data:this.postDisplay.showSnippet' name='snippetedPostEntry'/>
  1063.           <b:include name='snippetedPostHeader'/>
  1064.         </div>
  1065.       </b:includable>
  1066.       <b:includable id='snippetedPostEntry'>
  1067.         <b:comment>Dont show.</b:comment>
  1068.         <!--<div class='item-entry'>
  1069.          <b:eval expr='snippet(data:post.body, {length: 90, links: true, linebreaks: false})'/>
  1070.        </div>-->
  1071.       </b:includable>
  1072.       <b:includable id='snippetedPostHeader'>
  1073.         <div class='item-header'>
  1074.           <div class='item-info'>
  1075.             <b:include cond='data:post.labels' name='postLabels'/>
  1076.             <div class='item-published'>
  1077.               <b:include name='postTimestamp'/>
  1078.             </div>
  1079.           </div>
  1080.           <div class='item-comment'>
  1081.             <b:include cond='data:post.allowComments and data:post.numberOfComments &gt; 0' name='commentsLink'/>
  1082.           </div>
  1083.         </div>
  1084.       </b:includable>
  1085.       <b:includable id='snippetedPostThumbnail'>
  1086.         <div class='item-thumbnail'>
  1087.           <a expr:href='data:post.url'>
  1088.             <img class='post-thumb lazy' expr:alt='data:post.title' expr:data-src='resizeImage(data:post.featuredImage, 600, &quot;18:9&quot;)' src='data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs='/>
  1089.           </a>
  1090.         </div>
  1091.       </b:includable>
  1092.       <b:includable id='snippetedPostTitle'>
  1093.         <b:if cond='data:post.title != &quot;&quot;'>
  1094.           <h3 class='item-title'><a expr:href='data:post.url'><data:post.title/></a></h3>
  1095.         </b:if>
  1096.       </b:includable>
  1097.       <b:includable id='snippetedPosts'>
  1098.         <div class='item-featured' role='feed'>
  1099.           <!-- Don't render the post that we're currently already looking at. -->
  1100.           <b:loop values='data:posts filter (p =&gt; p.id != data:view.postId)' var='post'>
  1101.             <article class='post'>
  1102.               <b:class cond='!data:this.postDisplay.showFeaturedImage' name='no-thumbnail'/>
  1103.               <b:include name='snippetedPostContent'/>
  1104.             </article>
  1105.           </b:loop>
  1106.         </div>
  1107.       </b:includable>
  1108.     </b:defaultmarkup>
  1109.     <!-- Default Popular Widget -->
  1110.     <b:defaultmarkup type='PopularPosts'>
  1111.       <b:includable id='main' var='this'>
  1112.         <b:include name='widget-title'/>
  1113.         <b:include name='snippetedPosts'/>
  1114.       </b:includable>
  1115.       <b:includable id='blogThisShare'/>
  1116.       <b:includable id='bylineByName' var='byline'/>
  1117.       <b:includable id='bylineRegion' var='regionItems'/>
  1118.       <b:includable id='commentsLink'>
  1119.         <a class='comments-bubble' expr:href='data:post.url + &quot;#showComments&quot;'>
  1120.           <span><data:post.numberOfComments/></span>
  1121.           <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>
  1122.         </a>
  1123.       </b:includable>
  1124.       <b:includable id='commentsLinkIframe'/>
  1125.       <b:includable id='emailPostIcon'/>
  1126.       <b:includable id='facebookShare'/>
  1127.       <b:includable id='footerBylines'/>
  1128.       <b:includable id='googlePlusShare'/>
  1129.       <b:includable id='headerByline'/>
  1130.       <b:includable id='linkShare'/>
  1131.       <b:includable id='otherSharingButton'/>
  1132.       <b:includable id='platformShare'/>
  1133.       <b:includable id='postAuthor'/>
  1134.       <b:includable id='postCommentsLink'/>
  1135.       <b:includable id='postJumpLink'>
  1136.         <div class='jump-link'>
  1137.           <a expr:href='data:post.url'>
  1138.             <svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><g transform='translate(2.000000, 2.500000)'><path d='M10.0058871,1.03980787 C11.651114,-0.0121552738 13.6647133,-0.281294363 15.5206268,0.302703921 C17.1348244,0.804692443 18.4770781,1.95774936 19.2353554,3.49382469 C20.1219923,5.35557736 20.2426836,7.50081617 19.5706516,9.45357983 C18.95209,11.2512581 17.9379702,12.8809134 16.6059275,14.2177883 C15.7325447,15.1154628 14.7914198,15.9419939 13.7912044,16.6897833 L13.7912044,16.6897833 L13.7382629,16.7347286 C13.4059656,16.9584358 12.9590989,16.870581 12.7323744,16.536969 C12.617105,16.3758529 12.5708156,16.1740389 12.6040663,15.9775674 C12.6373171,15.7810959 12.7472718,15.6067258 12.9088461,15.4942366 C13.8473867,14.7870592 14.7322531,14.0087967 15.5559211,13.1660668 C16.7421311,11.9987391 17.6479819,10.5683365 18.2029961,8.98614805 C18.7368299,7.40956403 18.6287891,5.68086204 17.9029943,4.18598328 C17.3189465,3.01000293 16.2898617,2.12715196 15.0529769,1.74095554 C13.4753274,1.23837888 11.7565451,1.54304943 10.4382427,2.55896114 C10.1761601,2.75674294 9.81796704,2.75674294 9.55588439,2.55896114 C8.23818512,1.54163638 6.51870049,1.23684134 4.94115025,1.74095554 C3.69596127,2.11862024 2.65663501,2.99880427 2.06466206,4.17699421 C1.35525632,5.67076589 1.25377414,7.38955009 1.78230739,8.95918083 C2.33966594,10.5375734 3.24528608,11.9645363 4.42938241,13.1301105 C6.17900501,14.8392135 8.10832857,16.3465054 10.1823588,17.6246468 C10.4461468,17.8110535 10.5621493,18.1492787 10.469716,18.462486 C10.3772828,18.7756932 10.0974296,18.9926708 9.77647397,18.9999876 C9.63179433,19.000846 9.49026198,18.956963 9.37058913,18.8741279 C7.21006599,17.5429377 5.20076805,15.9722777 3.37937599,14.1908211 C2.03992966,12.8583481 1.02208009,11.2275527 0.405828372,9.42661261 C-0.242988991,7.47654806 -0.109803058,5.34437282 0.776418876,3.49382469 C1.53469617,1.95774936 2.87694983,0.804692443 4.4911475,0.302703921 C6.34706099,-0.281294363 8.36066029,-0.0121552738 10.0058871,1.03980787 Z M13.7760133,3.99695535 L13.8882638,3.99721276 C15.2039401,4.42032783 16.1404227,5.60845276 16.2618078,7.00855208 L16.2618078,7.00855208 L16.2674609,7.12589095 C16.262755,7.28171622 16.2095844,7.43314561 16.1140526,7.55750351 C15.9946378,7.71295088 15.8190122,7.81310929 15.6265098,7.83554676 C15.2224121,7.88874141 14.8519416,7.59965467 14.7970929,7.18833353 C14.7602237,6.35761647 14.2171818,5.63914003 13.4382611,5.39051901 C13.1486596,5.20631763 13.0200318,4.8444108 13.1267392,4.51402149 C13.2334466,4.18363218 13.547881,3.97024126 13.8882638,3.99721276 Z'/></g></svg>
  1139.           </a>
  1140.         </div>
  1141.       </b:includable>
  1142.       <b:includable id='postLabels'>
  1143.         <div class='item-label'>
  1144.           <b:loop index='num' values='data:post.labels' var='label'>
  1145.             <b:if cond='data:num == 0'>
  1146.               <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'/>
  1147.             </b:if>
  1148.             <b:if cond='data:num == 1'>
  1149.               <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'/>
  1150.             </b:if>
  1151.           </b:loop>
  1152.         </div>
  1153.       </b:includable>
  1154.       <b:includable id='postLocation'/>
  1155.       <b:includable id='postReactions'/>
  1156.       <b:includable id='postShareButtons'/>
  1157.       <b:includable id='postTimestamp'>
  1158.         <div class='item-timestamp'>
  1159.           <time class='published' expr:datetime='data:post.date.iso8601'><data:post.date/></time>
  1160.         </div>
  1161.       </b:includable>
  1162.       <b:includable id='sharingButton'/>
  1163.       <b:includable id='sharingButtonContent'/>
  1164.       <b:includable id='sharingButtons'/>
  1165.       <b:includable id='sharingButtonsMenu'/>
  1166.       <b:includable id='sharingPlatformIcon'/>
  1167.       <b:includable id='snippetedPostByline'/>
  1168.       <b:includable id='snippetedPostContent'>
  1169.         <b:include cond='data:this.postDisplay.showFeaturedImage and data:post.featuredImage' name='snippetedPostThumbnail'/>
  1170.         <div class='item-content'>
  1171.           <b:include cond='data:this.postDisplay.showTitle' name='snippetedPostTitle'/>
  1172.           <b:include cond='data:this.postDisplay.showSnippet' name='snippetedPostEntry'/>
  1173.           <b:include name='snippetedPostHeader'/>
  1174.         </div>
  1175.       </b:includable>
  1176.       <b:includable id='snippetedPostEntry'>
  1177.         <b:comment>Dont show.</b:comment>
  1178.         <!--<div class='item-entry'>
  1179.          <b:eval expr='snippet(data:post.body, {length: 90, links: true, linebreaks: false})'/>
  1180.        </div>-->
  1181.       </b:includable>
  1182.       <b:includable id='snippetedPostHeader'>
  1183.         <div class='item-header'>
  1184.           <div class='item-info'>
  1185.             <b:include cond='data:post.labels' name='postLabels'/>
  1186.             <div class='item-published'>
  1187.               <b:include name='postTimestamp'/>
  1188.             </div>
  1189.           </div>
  1190.           <div class='item-comment'>
  1191.             <b:include cond='data:post.allowComments' name='commentsLink'/>
  1192.             <b:include name='postJumpLink'/>
  1193.           </div>
  1194.         </div>
  1195.       </b:includable>
  1196.       <b:includable id='snippetedPostThumbnail'>
  1197.         <div class='item-thumbnail'>
  1198.           <a expr:href='data:post.url'>
  1199.             <img class='post-thumb lazy' expr:alt='data:post.title' expr:data-src='resizeImage(data:post.featuredImage, 400, &quot;26:9&quot;)' src='data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs='/>
  1200.           </a>
  1201.         </div>
  1202.       </b:includable>
  1203.       <b:includable id='snippetedPostTitle'>
  1204.         <b:if cond='data:post.title != &quot;&quot;'>
  1205.           <h3 class='item-title'><a expr:href='data:post.url'><data:post.title/></a></h3>
  1206.         </b:if>
  1207.       </b:includable>
  1208.       <b:includable id='snippetedPosts'>
  1209.         <div class='item-popular' role='feed'>
  1210.           <!-- Don't render the post that we're currently already looking at. -->
  1211.           <b:loop values='data:posts filter (p =&gt; p.id != data:view.postId)' var='post'>
  1212.             <article class='post' role='article'>
  1213.               <b:class cond='!data:this.postDisplay.showFeaturedImage' name='no-thumbnail'/>
  1214.               <b:include name='snippetedPostContent'/>
  1215.             </article>
  1216.           </b:loop>
  1217.         </div>
  1218.       </b:includable>
  1219.     </b:defaultmarkup>
  1220.     <!-- Default Label Widget -->
  1221.     <b:defaultmarkup type='Label'>
  1222.       <b:includable id='main' var='this'>
  1223.         <b:include name='widget-title'/>
  1224.         <b:include name='content'/>
  1225.       </b:includable>
  1226.       <b:includable id='cloud'>
  1227.         <b:loop values='data:labels' var='label'>
  1228.           <span class='label-size'>
  1229.             <b:class expr:name='&quot;label-size-&quot; + data:label.cssSize'/>
  1230.             <a class='label-name' expr:href='data:label.url'>
  1231.               <span class='label-title'><data:label.name/></span>
  1232.               <b:if cond='data:this.showFreqNumbers'>
  1233.                 <span class='label-count'><data:label.count/></span>
  1234.               </b:if>
  1235.             </a>
  1236.           </span>
  1237.         </b:loop>
  1238.       </b:includable>
  1239.       <b:includable id='content'>
  1240.         <div class='widget-content'>
  1241.           <b:class expr:name='data:this.display + &quot;-label&quot;'/>
  1242.           <b:include cond='data:this.display == &quot;list&quot;' name='list'/>
  1243.           <b:include cond='data:this.display == &quot;cloud&quot;' name='cloud'/>
  1244.         </div>
  1245.       </b:includable>
  1246.       <b:includable id='list'>
  1247.         <ul>
  1248.           <b:loop values='data:labels' var='label'>
  1249.             <li>
  1250.               <a class='label-name' expr:href='data:label.url'>
  1251.                 <span class='label-title'><data:label.name/></span>
  1252.                 <b:if cond='data:this.showFreqNumbers'>
  1253.                   <span class='label-count'><data:label.count/></span>
  1254.                 </b:if>
  1255.                 <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>
  1256.               </a>
  1257.             </li>
  1258.           </b:loop>
  1259.         </ul>
  1260.       </b:includable>
  1261.     </b:defaultmarkup>
  1262.     <!-- Default FollowByEmail Widget -->
  1263.     <b:defaultmarkup type='FollowByEmail'>
  1264.       <b:includable id='main'>
  1265.         <b:include name='widget-title'/>
  1266.         <b:include name='content'/>
  1267.       </b:includable>
  1268.       <b:includable id='content'>
  1269.         <div class='follow-by-email-inner'>
  1270.           <label class='follow-by-email-text' for='email-input'><data:messages.getEmailNotifications/>, <data:messages.subscribeToThisBlog/></label>
  1271.           <form action='https://feedburner.google.com/fb/a/mailverify' expr:onsubmit='&quot;window.open(\&quot;https://feedburner.google.com/fb/a/mailverify?uri=&quot; + data:feedPath + &quot;\&quot;, \&quot;popupwindow\&quot;, \&quot;scrollbars=yes,width=550,height=520\&quot;); return true&quot;' method='post' target='popupwindow'>
  1272.             <input autocomplete='on' class='follow-by-email-address' id='email-input' name='email' placeholder='e.g. youremail@gmail.com' type='email'/>
  1273.             <input class='follow-by-email-submit' expr:value='data:messages.subscribe' id='email-submit' type='submit'/>
  1274.             <label class='follow-by-email-label' for='email-submit'>
  1275.               <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>
  1276.             </label>
  1277.             <input expr:value='data:feedPath' name='uri' type='hidden'/>
  1278.             <input name='loc' type='hidden' value='en_US'/>
  1279.           </form>
  1280.         </div>
  1281.       </b:includable>
  1282.     </b:defaultmarkup>
  1283.   </b:defaultmarkups>
  1284.  
  1285.   &lt;!--<head/>--&gt;&lt;/head&gt;
  1286.  
  1287.   <body id='mainContent'>
  1288.     <script>/*<![CDATA[*/ (localStorage.getItem('mode')) === 'darkmode' ? document.querySelector('#mainContent').classList.add('dark-mode') : document.querySelector('#mainContent').classList.remove('dark-mode') /*]]>*/</script>
  1289.     <input class='nav-menu hidden' id='offnav-menu' type='checkbox'/>
  1290.     <div class='mainWrapper'>
  1291.     <div class='mainIner' id='mainIner'>
  1292.       <b:class cond='data:view.isMultipleItems' name='multipleItem'/>
  1293.       <b:class cond='data:view.isHomepage' name='home'/>
  1294.       <b:class cond='data:view.isSingleItem' name='singleItem'/>
  1295.       <b:class cond='data:view.isPage' name='page'/>
  1296.       <b:class cond='data:view.isPost' name='post'/>
  1297.       <b:class cond='data:view.isError' name='error-404'/>
  1298.      
  1299.       <b:if cond='!data:view.isError'>
  1300.         <section class='mainbar'>
  1301.           <header class='header' id='header'>
  1302.             <div class='navicon left'><label aria-label='Menu' class='nav' for='offnav-menu' role='button'><i/><i/><i/></label></div>
  1303.             <!-- Header Widget -->
  1304.             <b:section id='header-widget' maxwidgets='1' showaddelement='false'>
  1305.               <b:widget id='Header00' locked='true' title='Median UI (Header)' type='Header' version='2' visible='true'>
  1306.                 <b:widget-settings>
  1307.                   <b:widget-setting name='displayUrl'/>
  1308.                   <b:widget-setting name='displayHeight'>0</b:widget-setting>
  1309.                   <b:widget-setting name='sectionWidth'>-1</b:widget-setting>
  1310.                   <b:widget-setting name='useImage'>false</b:widget-setting>
  1311.                   <b:widget-setting name='shrinkToFit'>false</b:widget-setting>
  1312.                   <b:widget-setting name='imagePlacement'>BEHIND</b:widget-setting>
  1313.                   <b:widget-setting name='displayWidth'>0</b:widget-setting>
  1314.                 </b:widget-settings>
  1315.                 <b:includable id='main' var='this'>
  1316.                   <b:include cond='data:imagePlacement in {&quot;REPLACE&quot;, &quot;BEFORE_DESCRIPTION&quot;}' name='image'/>
  1317.                   <b:include cond='data:imagePlacement not in {&quot;REPLACE&quot;, &quot;BEFORE_DESCRIPTION&quot;}' name='title'/>
  1318.                   <b:include cond='data:imagePlacement != &quot;REPLACE&quot;' name='description'/>
  1319.                   <b:include cond='data:imagePlacement == &quot;BEHIND&quot;' name='behindImageStyle'/>
  1320.                 </b:includable>
  1321.                 <b:includable id='behindImageStyle'>
  1322.                   <b:if cond='data:sourceUrl'>
  1323.                     <b:include cond='data:this.image' data='{image: data:this.image, selector: &quot;#header .widget&quot;}' name='responsiveImageStyle'/>
  1324.                   </b:if>
  1325.                 </b:includable>
  1326.                 <b:includable id='description'>
  1327.                   <div class='description hidden'><data:this.description/></div>
  1328.                 </b:includable>
  1329.                 <b:includable id='image'>
  1330.                   <div class='header-inner'>
  1331.                     <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>
  1332.                     <b:include cond='data:this.imagePlacement == &quot;REPLACE&quot;' name='title'/>
  1333.                   </div>
  1334.                 </b:includable>
  1335.                 <b:includable id='title'>
  1336.                   <div class='header-inner'>
  1337.                     <b:class cond='data:this.imagePlacement == &quot;REPLACE&quot;' name='replaced'/>
  1338.                     <b:if cond='data:view.isSingleItem'>
  1339.                       <h2><a expr:data-text='data:title' expr:href='data:blog.homepageUrl' expr:title='data:title'><data:title/></a></h2>
  1340.                       <b:elseif cond='data:view.isHomepage'/>
  1341.                       <h1 expr:data-text='data:title'><data:title/></h1>
  1342.                       <b:else/>
  1343.                       <h1><a expr:data-text='data:title' expr:href='data:blog.homepageUrl' expr:title='data:title'><data:title/></a></h1>
  1344.                     </b:if>
  1345.                   </div>
  1346.                 </b:includable>
  1347.               </b:widget>
  1348.             </b:section>
  1349.             <!-- Search Form -->
  1350.             <div class='searchbar'>
  1351.               <form class='search-form' expr:action='data:blog.homepageUrl + &quot;search&quot;' id='search-form' method='get'>
  1352.                 <label aria-label='Search Button' for='search-input'>
  1353.                   <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>
  1354.                 </label>
  1355.                 <input aria-label='Search' autocomplete='off' class='search-input' id='search-input' name='q' placeholder='e.g. ekonomi' type='text'/>
  1356.                 <div class='navicon search'><svg aria-label='Search Close' 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></div>
  1357.                 <span class='full-close search'/>
  1358.               </form>
  1359.             </div>
  1360.             <!-- Header Icon -->
  1361.             <div class='navicon right'>
  1362.               <span class='dark-switch' onclick='darkMode()'>Mode Gelap<i class='check'/></span>
  1363.             </div>
  1364.           </header>
  1365.          
  1366.           <main>
  1367.             <b:section cond='data:view.isMultipleItems' id='main-ads' showaddelement='false'>
  1368.               <b:widget id='HTML1' locked='true' title='Iklan Beranda' type='HTML' version='2' visible='true'>
  1369.                 <b:widget-settings>
  1370.                   <b:widget-setting name='content'><![CDATA[<div class='ads-here' style='height:80px'></div>]]></b:widget-setting>
  1371.                 </b:widget-settings>
  1372.                 <b:includable id='main'>
  1373.                   <div class='ads-content'>
  1374.                     <data:content/>
  1375.                   </div>
  1376.                 </b:includable>
  1377.               </b:widget>
  1378.             </b:section>
  1379.             <!-- Widget utama -->
  1380.             <b:section id='main-widget' showaddelement='true'>
  1381.               <b:widget cond='data:view.isHomepage' id='FeaturedPost00' locked='false' title='Trending' type='FeaturedPost' version='2' visible='true'>
  1382.                 <b:widget-settings>
  1383.                   <b:widget-setting name='showSnippet'>true</b:widget-setting>
  1384.                   <b:widget-setting name='showPostTitle'>true</b:widget-setting>
  1385.                   <b:widget-setting name='postId'>5573021251985461575</b:widget-setting>
  1386.                   <b:widget-setting name='showFirstImage'>true</b:widget-setting>
  1387.                   <b:widget-setting name='useMostRecentPost'>false</b:widget-setting>
  1388.                 </b:widget-settings>
  1389.                 <b:includable id='main' var='this'>
  1390.                   <b:if cond='data:title != &quot;&quot;'>
  1391.                     <div class='widget-title'>
  1392.                       <h3 class='title'><data:title/></h3>
  1393.                     </div>
  1394.                   </b:if>
  1395.                   <b:include name='snippetedPosts'/>
  1396.                 </b:includable>
  1397.                 <b:includable id='blogThisShare'/>
  1398.                 <b:includable id='bylineByName' var='byline'/>
  1399.                 <b:includable id='bylineRegion' var='regionItems'/>
  1400.                 <b:includable id='commentsLink'>
  1401.                   <a aria-label='Comments' class='comments-bubble' expr:href='data:post.url + &quot;#showComments&quot;' role='button'>
  1402.                     <span><data:post.numberOfComments/></span>
  1403.                     <svg class='line' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><g transform='translate(2.000000, 2.000081)'><path d='M10.0568181,-3.37507799e-14 C6.54686532,-0.0141015786 3.28556632,1.80703838 1.46050022,4.80034679 C-0.364565872,7.7936552 -0.487081058,11.5223413 1.13756771,14.6286303 L1.33789312,15.0191059 C1.50209106,15.3263704 1.53643729,15.6864194 1.43328617,16.0191043 C1.14742034,16.7783674 0.908488743,17.5544276 0.71783828,18.3429101 C0.71783828,18.7429095 0.832309942,18.9714806 1.26157868,18.9619568 C2.02189879,18.7940564 2.77067506,18.5777416 3.5033154,18.3143388 C3.81886183,18.2274425 4.15437035,18.2475403 4.45724592,18.3714815 C4.73388577,18.5048146 5.29670478,18.8476712 5.31578339,18.8476712 C8.99153503,20.7804333 13.4807954,20.2472199 16.5997521,17.5074142 C19.7187087,14.7676084 20.8198838,10.3899785 19.3676078,6.50403406 C17.9153318,2.6180896 14.211089,0.0305307279 10.0568181,-3.37507799e-14 L10.0568181,-3.37507799e-14 Z'/></g></svg>
  1404.                   </a>
  1405.                 </b:includable>
  1406.                 <b:includable id='commentsLinkIframe'/>
  1407.                 <b:includable id='emailPostIcon'/>
  1408.                 <b:includable id='facebookShare'/>
  1409.                 <b:includable id='footerBylines'/>
  1410.                 <b:includable id='googlePlusShare'/>
  1411.                 <b:includable id='headerByline'/>
  1412.                 <b:includable id='linkShare'/>
  1413.                 <b:includable id='otherSharingButton'/>
  1414.                 <b:includable id='platformShare'/>
  1415.                 <b:includable id='postAuthor'/>
  1416.                 <b:includable id='postCommentsLink'/>
  1417.                 <b:includable id='postJumpLink' var='post'/>
  1418.                 <b:includable id='postLabels'>
  1419.                   <div class='item-label'>
  1420.                     <b:loop index='num' values='data:post.labels' var='label'>
  1421.                       <b:if cond='data:num == 0'>
  1422.                         <data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'/>
  1423.                       </b:if>
  1424.                       <b:if cond='data:num == 1'>
  1425.                         <data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'/>
  1426.                       </b:if>
  1427.                     </b:loop>
  1428.                   </div>
  1429.                 </b:includable>
  1430.                 <b:includable id='postLocation'/>
  1431.                 <b:includable id='postReactions'/>
  1432.                 <b:includable id='postShareButtons'/>
  1433.                 <b:includable id='postTimestamp'>
  1434.                   <div class='item-timestamp'>
  1435.                     <time class='published' expr:datetime='data:post.date.iso8601'><data:post.date/></time>
  1436.                   </div>
  1437.                 </b:includable>
  1438.                 <b:includable id='sharingButton'/>
  1439.                 <b:includable id='sharingButtonContent'/>
  1440.                 <b:includable id='sharingButtons'/>
  1441.                 <b:includable id='sharingButtonsMenu'/>
  1442.                 <b:includable id='sharingPlatformIcon'/>
  1443.                 <b:includable id='snippetedPostByline'/>
  1444.                 <b:includable id='snippetedPostContent'>
  1445.                   <b:include cond='data:this.postDisplay.showFeaturedImage and data:post.featuredImage' name='snippetedPostThumbnail'/>
  1446.                   <div class='item-content'>
  1447.                     <b:include cond='data:this.postDisplay.showTitle' name='snippetedPostTitle'/>
  1448.                     <b:include cond='data:this.postDisplay.showSnippet' name='snippetedPostEntry'/>
  1449.                     <b:include name='snippetedPostHeader'/>
  1450.                   </div>
  1451.                 </b:includable>
  1452.                 <b:includable id='snippetedPostEntry'>
  1453.                   <b:comment>Dont show.</b:comment>
  1454.                   <!--<div class='item-entry'>
  1455.                    <b:eval expr='snippet(data:post.body, {length: 90, links: true, linebreaks: false})'/>
  1456.                  </div>-->
  1457.                 </b:includable>
  1458.                 <b:includable id='snippetedPostHeader'>
  1459.                   <div class='item-header'>
  1460.                     <div class='item-info'>
  1461.                       <b:include cond='data:post.labels' name='postLabels'/>
  1462.                       <div class='item-published'>
  1463.                         <b:include name='postTimestamp'/>
  1464.                       </div>
  1465.                     </div>
  1466.                     <div class='item-comment'>
  1467.                       <b:include cond='data:post.allowComments and data:post.numberOfComments &gt; 0' name='commentsLink'/>
  1468.                     </div>
  1469.                   </div>
  1470.                 </b:includable>
  1471.                 <b:includable id='snippetedPostThumbnail'>
  1472.                   <div class='item-thumbnail'>
  1473.                     <a expr:href='data:post.url'>
  1474.                       <img class='post-thumb lazy' expr:alt='data:post.title' expr:data-src='resizeImage(data:post.featuredImage, 600, &quot;18:9&quot;)' src='data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs='/>
  1475.                     </a>
  1476.                   </div>
  1477.                 </b:includable>
  1478.                 <b:includable id='snippetedPostTitle'>
  1479.                   <b:if cond='data:post.title != &quot;&quot;'>
  1480.                     <h3 class='item-title'><a expr:href='data:post.url'><data:post.title/></a></h3>
  1481.                   </b:if>
  1482.                 </b:includable>
  1483.                 <b:includable id='snippetedPosts'>
  1484.                   <div class='item-featured' role='feed'>
  1485.                     <!-- Don't render the post that we're currently already looking at. -->
  1486.                     <b:loop values='data:posts filter (p =&gt; p.id != data:view.postId)' var='post'>
  1487.                       <article class='post'>
  1488.                         <b:class cond='!data:this.postDisplay.showFeaturedImage' name='no-thumbnail'/>
  1489.                         <b:include name='snippetedPostContent'/>
  1490.                       </article>
  1491.                     </b:loop>
  1492.                   </div>
  1493.                 </b:includable>
  1494.               </b:widget>
  1495.               <b:widget id='Blog00' locked='true' title='Posting Blog' type='Blog' version='2' visible='true'>
  1496.                 <b:widget-settings>
  1497.                   <b:widget-setting name='showDateHeader'>false</b:widget-setting>
  1498.                   <b:widget-setting name='commentLabel'>Komentar</b:widget-setting>
  1499.                   <b:widget-setting name='style.textcolor'>#161617</b:widget-setting>
  1500.                   <b:widget-setting name='showShareButtons'>true</b:widget-setting>
  1501.                   <b:widget-setting name='authorLabel'>Oleh</b:widget-setting>
  1502.                   <b:widget-setting name='showCommentLink'>true</b:widget-setting>
  1503.                   <b:widget-setting name='style.urlcolor'>#4d4d4d</b:widget-setting>
  1504.                   <b:widget-setting name='showAuthor'>true</b:widget-setting>
  1505.                   <b:widget-setting name='disableGooglePlusShare'>true</b:widget-setting>
  1506.                   <b:widget-setting name='style.linkcolor'>#505050</b:widget-setting>
  1507.                   <b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
  1508.                   <b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>
  1509.                   <b:widget-setting name='timestampLabel'>Pada</b:widget-setting>
  1510.                   <b:widget-setting name='showAuthorProfile'>true</b:widget-setting>
  1511.                   <b:widget-setting name='style.layout'>1x1</b:widget-setting>
  1512.                   <b:widget-setting name='showLabels'>true</b:widget-setting>
  1513.                   <b:widget-setting name='showLocation'>false</b:widget-setting>
  1514.                   <b:widget-setting name='postLabelsLabel'/>
  1515.                   <b:widget-setting name='showTimestamp'>true</b:widget-setting>
  1516.                   <b:widget-setting name='postsPerAd'>1</b:widget-setting>
  1517.                   <b:widget-setting name='showBacklinks'>false</b:widget-setting>
  1518.                   <b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>
  1519.                   <b:widget-setting name='showInlineAds'>false</b:widget-setting>
  1520.                   <b:widget-setting name='showReactions'>false</b:widget-setting>
  1521.                 </b:widget-settings>
  1522.                 <b:includable id='main'>
  1523.                   <b:with value='data:widgets.FeaturedPost filter (w =&gt; w.sectionId == &quot;main&quot;) map (w =&gt; w.postId)' var='featuredPostIds'>
  1524.                     <b:with value='data:view.isHomepage ? data:posts filter (post =&gt; post.id not in data:featuredPostIds)                                          : data:posts' var='posts'>
  1525.                       <b:include cond='data:view.isMultipleItems' name='titlePostWidget'/>
  1526.                       <b:include name='noContentPlaceholder'/>
  1527.                       <b:include name='super.main'/>
  1528.                     </b:with>
  1529.                   </b:with>
  1530.                 </b:includable>
  1531.                 <b:includable id='aboutPostAuthor'/>
  1532.                 <b:includable id='addComments'/>
  1533.                 <b:includable id='blogThisShare'/>
  1534.                 <b:includable id='breadcrumb' var='post'>
  1535.                   <div class='breadcrumbs' itemscope='itemscope' itemtype='https://schema.org/BreadcrumbList'>
  1536.                     <div class='home-link' itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'>
  1537.                       <a expr:href='data:blog.homepageUrl.canonical' itemprop='item' title='Home'>
  1538.                         <span itemprop='name'>Home</span>
  1539.                       </a><meta content='1' itemprop='position'/>
  1540.                     </div>
  1541.                     <b:if cond='data:post.labels'>
  1542.                       <b:loop index='num' values='data:post.labels' var='label'>
  1543.                         <b:if cond='data:num == 0'>
  1544.                           <div itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'>
  1545.                             <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'/>
  1546.                           </div>
  1547.                         </b:if>
  1548.                         <b:if cond='data:num == 1'>
  1549.                           <div itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'>
  1550.                             <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'/>
  1551.                           </div>
  1552.                         </b:if>
  1553.                       </b:loop>
  1554.                       <b:else/>
  1555.                       Uncategorized
  1556.                     </b:if>
  1557.                   </div>
  1558.                 </b:includable>
  1559.                 <b:includable id='bylineByName' var='byline'>
  1560.                   <b:switch var='data:byline.name'>
  1561.                   <b:case value='share'/>
  1562.                     <b:include cond='data:post.shareUrl' name='postShareButtons'/>
  1563.                   <b:case value='comments'/>
  1564.                     <b:include cond='data:post.allowComments' name='postCommentsLink'/>
  1565.                   <b:case value='location'/>
  1566.                     <b:include cond='data:post.location' name='postLocation'/>
  1567.                   <b:case value='timestamp'/>
  1568.                     <b:include cond='not data:view.isPage' name='postTimestamp'/>
  1569.                   <b:case value='author'/>
  1570.                     <b:include name='postAuthor'/>
  1571.                   <b:case value='labels'/>
  1572.                     <b:include cond='data:post.labels' name='postLabels'/>
  1573.                   <b:case value='icons'/>
  1574.                     <b:include cond='data:post.emailPostUrl' name='emailPostIcon'/>
  1575.                   <b:case value='reactions'/>
  1576.                     <b:include cond='data:post.reactionsUrl' name='postReactions'/>
  1577.                   </b:switch>
  1578.                 </b:includable>
  1579.                 <b:includable id='bylineRegion' var='regionItems'>
  1580.                   <b:loop values='data:regionItems' var='byline'>
  1581.                     <b:include data='byline' name='bylineByName'/>
  1582.                   </b:loop>
  1583.                 </b:includable>
  1584.                 <b:includable id='commentAuthorAvatar'/>
  1585.                 <b:includable id='commentDeleteIcon' var='comment'/>
  1586.                 <b:includable id='commentForm' var='post'/>
  1587.                 <b:includable id='commentFormIframeSrc' var='post'/>
  1588.                 <b:includable id='commentItem' var='comment'/>
  1589.                 <b:includable id='commentList' var='comments'/>
  1590.                 <b:includable id='commentPicker' var='post'/>
  1591.                 <b:includable id='commentShowhide'>
  1592.                   <div class='show-comment' id='showComments'>
  1593.                     <a class='button outline' href='#comments' onclick='document.getElementById(&quot;comments&quot;).style.display=&quot;block&quot;;document.getElementById(&quot;showComments&quot;).style.display=&quot;none&quot;' target='_self'><span><b:loop values='data:post' var='post'><b:if cond='data:post.numberOfComments &gt; 0'>Buka komentar (<data:post.numberOfComments/>)<b:else/><data:messages.postAComment/></b:if></b:loop></span></a>
  1594.                   </div>
  1595.                 </b:includable>
  1596.                 <b:includable id='commentblock' var='cb'>
  1597.                   <div class='avatar-image-container'>
  1598.                     <div>
  1599.                       <b:if cond='data:cb.level.authorAvatarSrc != &quot;//resources.blogblog.com/img/blank.gif&quot;'>
  1600.                         <img class='post-thumb lazy' expr:alt='data:cb.level.author' expr:data-src='resizeImage(data:cb.level.authorAvatarSrc, 100, &quot;1:1&quot;)' expr:title='data:cb.level.author' src='data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs='/>
  1601.                       </b:if>
  1602.                     </div>
  1603.                   </div>
  1604.                  
  1605.                   <div class='comment-block' itemscope='itemscope' itemtype='https://schema.org/Comment'>
  1606.                     <div class='comment-header'>
  1607.                       <b:if cond='data:cb.level.author != &quot;Anonymous&quot;'>
  1608.                         <span class='user' itemprop='author' itemscope='itemscope' itemtype='https://schema.org/Person'>
  1609.                           <span itemprop='name'><data:cb.level.author/></span>                          
  1610.                           <b:if cond='data:post.author.name == data:cb.level.author'>
  1611.                             <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>
  1612.                           </b:if>
  1613.                         </span>
  1614.                       </b:if>
  1615.                       <span class='datetime secondary-text' itemprop='datePublished'>
  1616.                         <a expr:href='&quot;#c&quot; + data:cb.level.id' itemprop='url'>
  1617.                           <data:cb.level.timestamp/>
  1618.                         </a>
  1619.                       </span>
  1620.                     </div>
  1621.  
  1622.                      <div class='comment-content' itemprop='text'>
  1623.                        <!--<b:if cond='data:cb.level.authorUrl != data:post.author.profileUrl'>-->
  1624.                          <b:eval expr='data:cb.level.body snippet { links: false }'/>
  1625.                          <!--<b:else/>
  1626.                         <data:cb.level.body/>
  1627.                       </b:if>-->
  1628.                     </div>
  1629.                    
  1630.                   </div>
  1631.                  
  1632.                   <!--<b:if cond='data:cb.d and data:commentL2.size != &quot;2&quot;'>
  1633.                    <div class='comment-actions secondary-text'>
  1634.                      <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>
  1635.                      <span expr:class='&quot;item-control &quot; + data:cb.level.adminClass'>
  1636.                        <a expr:href='data:cb.level.deleteUrl' expr:title='data:messages.deleteComment' rel='noopener external nofollow' target='_self'>Hapus</a>
  1637.                      </span>
  1638.                    </div>
  1639.                  </b:if>-->
  1640.                 </b:includable>
  1641.                 <b:includable id='comments' var='post'/>
  1642.                 <b:includable id='commentsLink'/>
  1643.                 <b:includable id='commentsLinkIframe'/>
  1644.                 <b:includable id='commentsTitle'>
  1645.                   <h3 class='title'>
  1646.                     <b:if cond='data:post.numberOfComments &gt; 0'>
  1647.                       <b:message name='messages.numberOfComments'>
  1648.                         <b:param expr:value='data:post.numberOfComments' name='numComments'/>
  1649.                       </b:message>
  1650.                       <b:else/>
  1651.                       <data:messages.postAComment/>
  1652.                     </b:if>
  1653.                   </h3>
  1654.                 </b:includable>
  1655.                 <b:includable id='defaultAdUnit'/>
  1656.                 <b:includable id='emailPostIcon'/>
  1657.                 <b:includable id='facebookShare'/>
  1658.                 <b:includable id='feedLinks'/>
  1659.                 <b:includable id='feedLinksBody' var='links'/>
  1660.                 <b:includable id='footerBylines'/>
  1661.                 <b:includable id='googlePlusShare'/>
  1662.                 <b:includable id='headerByline'/>
  1663.                 <b:includable id='homePageLink'/>
  1664.                 <b:includable id='iframeComments' var='post'/>
  1665.                 <b:includable id='inlineAd' var='post'/>
  1666.                 <b:includable id='linkShare'/>
  1667.                 <b:includable id='nextPageLink'/>
  1668.                 <b:includable id='otherSharingButton'/>
  1669.                 <b:includable id='platformShare'/>
  1670.                 <b:includable id='post' var='post'>
  1671.                   <div class='post'>
  1672.                     <b:include data='post' name='postMeta'/>
  1673.                     <b:include data='post' name='postTitle'/>
  1674.                     <b:include name='headerByline'/>
  1675.                     <b:if cond='data:view.isSingleItem'>
  1676.                       <b:include data='post' name='postBody'/>
  1677.                     <b:else/>
  1678.                       <b:include data='post' name='postBodySnippet'/>
  1679.                       <b:include data='post' name='postJumpLink'/>
  1680.                     </b:if>
  1681.                     <b:include data='post' name='postFooter'/>
  1682.                   </div>
  1683.                 </b:includable>
  1684.                 <b:includable id='postAuthor'/>
  1685.                 <b:includable id='postBody' var='post'/>
  1686.                 <b:includable id='postBodySnippet' var='post'/>
  1687.                 <b:includable id='postCommentsAndAd' var='post'>
  1688.                   <!-- Breadcrumbs -->
  1689.                   <b:include cond='data:view.isPost' data='post' name='breadcrumb'/>
  1690.                  
  1691.                   <!-- Artikel -->
  1692.                   <article class='hentry'>
  1693.                     <b:class cond='data:view.isMultipleItems and !data:post.featuredImage' name='noThumbnail'/>
  1694.                     <b:class cond='data:view.isSingleItem' name='post'/>
  1695.                    
  1696.                     <!-- Gambar thumbnail -->
  1697.                     <b:if cond='data:view.isMultipleItems'>
  1698.                       <section class='post-thumbnail'>
  1699.                         <a expr:href='data:post.url' expr:title='data:post.title'>
  1700.                           <b:if cond='data:post.featuredImage'>
  1701.                             <img class='post-thumb lazy' expr:alt='data:post.title' expr:data-src='resizeImage(data:post.featuredImage, 400, &quot;18:9&quot;)' src='data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs='/>
  1702.                             <b:else/>
  1703.                             <img class='post-thumb lazy' data-src='https://1.bp.blogspot.com/-1T09pVA6UY0/Xubatzm2SyI/AAAAAAAAPpg/IVVf2NVBhYgD2Jz2i4GpDm3NWzQ03uiVQCK4BGAsYHg/s600/median-noimg.png' expr:alt='data:post.title' src='data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs='/>
  1704.                           </b:if>
  1705.                         </a>
  1706.                       </section>
  1707.                     </b:if>
  1708.                    
  1709.                     <!-- Konten postingan -->
  1710.                     <section class='post-content'>
  1711.                       <div class='post-headline'>
  1712.                         <!-- Gambar headline -->
  1713.                         <b:if cond='data:view.isPost and data:post.featuredImage'>
  1714.                           <section class='post-thumbnail'>
  1715.                             <a expr:href='data:post.url' expr:title='data:post.title'>
  1716.                               <img class='post-thumb lazy' expr:alt='data:post.title' expr:data-src='resizeImage(data:post.featuredImage, 900, &quot;26:9&quot;)' src='data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs='/>
  1717.                             </a>
  1718.                           </section>
  1719.                         </b:if>
  1720.                        
  1721.                         <!-- Label -->
  1722.                         <b:if cond='data:view.isMultipleItems and data:post.labels'>
  1723.                           <div class='post-label'>
  1724.                             <b:loop index='num' values='data:post.labels' var='label'>
  1725.                               <b:if cond='data:num == 0'>
  1726.                                 <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'/>
  1727.                               </b:if>
  1728.                               <b:if cond='data:num == 1'>
  1729.                                 <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'/>
  1730.                               </b:if>
  1731.                             </b:loop>
  1732.                           </div>
  1733.                         </b:if>
  1734.                      
  1735.                         <!-- Judul postingan -->
  1736.                         <b:if cond='data:post.title != &quot;&quot;'>
  1737.                           <b:if cond='data:post.link or (data:post.url and data:view.url != data:post.url)'>
  1738.                             <h2 class='post-title'>
  1739.                               <a expr:data-text='data:post.title' expr:href='data:post.link ?: data:post.url' rel='bookmark'><data:post.title/></a>
  1740.                             </h2>
  1741.                             <b:else/>
  1742.                             <h1 class='post-title'><data:post.title/></h1>
  1743.                           </b:if>
  1744.                         </b:if>
  1745.                      
  1746.                         <!-- Info postingan -->
  1747.                         <b:include cond='!data:view.isPage' name='postIndexInfo'/>
  1748.                       </div>
  1749.                      
  1750.                       <!-- Pemanggil iklan atas postingan -->
  1751.                       <b:include cond='data:view.isPost and !data:view.isPreview' data='post' name='post-iklanAtas'/>
  1752.                      
  1753.                       <!-- Isi postingan -->
  1754.                       <b:if cond='data:view.isSingleItem'>
  1755.                         <div class='post-entry' expr:id='&quot;post-body-&quot; + data:post.id'>
  1756.                           <div class='post-body' id='post-body'><data:post.body/></div>
  1757.                          
  1758.                           <!-- Artikel terkait dalam postingan -->
  1759.                           <b:include cond='data:view.isPost and !data:view.isPreview' data='post' name='post-artikelTerkait-in'/>
  1760.                         </div>
  1761.                         <!-- <b:else/>
  1762.                        <div class='post-snippet'>
  1763.                          <b:eval expr='snippet(data:post.snippets.long, {length: 90, links: false, linebreaks: false})'/>
  1764.                        </div> -->
  1765.                       </b:if>
  1766.                      
  1767.                       <!-- Pemanggil iklan bawah postingan -->
  1768.                       <b:include cond='data:view.isPost and !data:view.isPreview' data='post' name='post-iklanBawah'/>
  1769.  
  1770.                       <!-- Label bawah artikel -->
  1771.                       <b:include cond='data:view.isPost and !data:view.isPreview and data:this.allBylineItems.labels and !data:post.labels.empty' name='postLabels'/>
  1772.                      
  1773.                       <!-- Tombol share -->
  1774.                       <b:include cond='data:view.isPost and !data:view.isPreview and data:post.shareUrl' name='postIndexShare'/>
  1775.                    
  1776.                       <b:include data='post' name='postMetadataJSON'/>
  1777.                     </section>
  1778.                   </article>
  1779.                   <b:include cond='data:post.author.aboutMe and data:view.isPost' name='postArticleAuthor'/>
  1780.                   <b:include cond='data:view.isPost and !data:view.isPreview' data='post' name='post-artikelTerkait'/>
  1781.                   <!--<b:include cond='data:view.isPost and !data:view.isPreview' data='post' name='post-iklanTerkait'/>-->
  1782.                   <b:include cond='data:view.isPost and !data:view.isPreview and data:post.allowComments' data='post' name='commentShowhide'/>
  1783.                   <b:include cond='data:view.isPost and !data:view.isPreview and data:post.allowComments' data='post' name='threadedComments-modifV2'/>
  1784.                 </b:includable>
  1785.                 <b:includable id='postCommentsLink'/>
  1786.                 <b:includable id='postFooter' var='post'/>
  1787.                 <b:includable id='postFooterAuthorProfile' var='post'/>
  1788.                 <b:includable id='postHeader' var='post'/>
  1789.                 <b:includable id='postIndexInfo'>
  1790.                   <div class='post-info'>
  1791.                     <div class='post-header'>
  1792.                       <!-- Nama penulis -->
  1793.                       <div class='post-author'>
  1794.                         <b:if cond='data:this.allBylineItems.author'>
  1795.                           <b:if cond='data:view.isPost'><span class='post-authorLabel'><data:this.allBylineItems.author.label/></span></b:if>
  1796.                           <span class='post-authorName fn'>
  1797.                             <b:if cond='data:post.author.profileUrl'>
  1798.                               <meta expr:content='data:post.author.profileUrl' property='author'/>
  1799.                               <a expr:href='data:post.author.profileUrl' rel='author nofollow noreferrer' target='_blank'><data:post.author.name/></a>
  1800.                               <b:else/>
  1801.                               <data:post.author.name/>
  1802.                             </b:if>
  1803.                           </span>
  1804.                         </b:if>
  1805.                       </div>
  1806.                       <!-- Tanggal publish dan update -->
  1807.                       <div class='post-published'>
  1808.                         <b:if cond='data:this.allBylineItems.timestamp'>
  1809.                           <div class='post-timestamp'>
  1810.                             <span class='publish'>
  1811.                               <b:if cond='data:view.isPost'><span class='post-updateLabel'><data:this.allBylineItems.timestamp.label/></span></b:if>
  1812.                               <time class='published' expr:datetime='data:post.date.iso8601'><data:post.date/></time>
  1813.                             </span>
  1814.                             <b:if cond='data:post.lastUpdated and !data:view.isMultipleItems'>
  1815.                               <span class='updated'><data:post.lastUpdated/></span>
  1816.                             </b:if>
  1817.                           </div>
  1818.                         </b:if>
  1819.                       </div>
  1820.                     </div>
  1821.                     <!-- Total komentar -->
  1822.                     <div class='post-comment'>
  1823.                       <b:if cond='data:post.allowComments and data:this.allBylineItems.comments and data:post.numberOfComments &gt; 0'>
  1824.                         <a aria-label='Comments' class='comments-bubble' expr:href='data:post.url + &quot;#showComments&quot;' role='button'>
  1825.                           <span><data:post.numberOfComments/></span>
  1826.                           <svg class='line' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><g transform='translate(2.000000, 2.000081)'><path d='M10.0568181,-3.37507799e-14 C6.54686532,-0.0141015786 3.28556632,1.80703838 1.46050022,4.80034679 C-0.364565872,7.7936552 -0.487081058,11.5223413 1.13756771,14.6286303 L1.33789312,15.0191059 C1.50209106,15.3263704 1.53643729,15.6864194 1.43328617,16.0191043 C1.14742034,16.7783674 0.908488743,17.5544276 0.71783828,18.3429101 C0.71783828,18.7429095 0.832309942,18.9714806 1.26157868,18.9619568 C2.02189879,18.7940564 2.77067506,18.5777416 3.5033154,18.3143388 C3.81886183,18.2274425 4.15437035,18.2475403 4.45724592,18.3714815 C4.73388577,18.5048146 5.29670478,18.8476712 5.31578339,18.8476712 C8.99153503,20.7804333 13.4807954,20.2472199 16.5997521,17.5074142 C19.7187087,14.7676084 20.8198838,10.3899785 19.3676078,6.50403406 C17.9153318,2.6180896 14.211089,0.0305307279 10.0568181,-3.37507799e-14 L10.0568181,-3.37507799e-14 Z'/></g></svg>
  1827.                         </a>
  1828.                       </b:if>
  1829.                     </div>
  1830.                   </div>
  1831.                 </b:includable>
  1832.                 <b:includable id='postIndexShare'>
  1833.                   <div class='post-share' expr:data-share='data:messages.share'>
  1834.                     <!-- Bagikan ke Facebook -->
  1835.                     <div class='share-icon facebookThis'>
  1836.                       <a aria-label='Share button' expr:href='&quot;https://www.facebook.com/sharer.php?u=&quot; + data:blog.url.canonical' rel='nofollow noreferrer' role='button' target='_blank'>
  1837.                         <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>
  1838.                       </a>
  1839.                     </div>
  1840.                     <!-- Bagikan ke Twitter -->
  1841.                     <div class='share-icon twitterThis'>
  1842.                       <a aria-label='Share button' expr:href='&quot;https://twitter.com/share?url=&quot; + data:blog.url.canonical' rel='nofollow noreferrer' role='button' target='_blank'>
  1843.                         <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>
  1844.                       </a>
  1845.                     </div>
  1846.                     <!-- Bagikan ke Whatsapp -->
  1847.                     <div class='share-icon whatsappThis'>
  1848.                       <a aria-label='Share button' expr:href='&quot;https://api.whatsapp.com/send?text=&quot; + data:blog.url.canonical' rel='nofollow noreferrer' role='button' target='_blank'>
  1849.                         <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>
  1850.                       </a>
  1851.                     </div>
  1852.                     <div class='share-icon shareThis'>
  1853.                       <label for='offshare-check'>
  1854.                         <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>
  1855.                       </label>
  1856.                     </div>
  1857.                     <input class='share-check hidden' id='offshare-check' type='checkbox'/>
  1858.                     <div class='share-popup'>
  1859.                       <ul>
  1860.                         <li>
  1861.                           <!-- Bagikan ke Twitter -->
  1862.                           <a expr:href='&quot;https://twitter.com/share?url=&quot; + data:blog.url.canonical' rel='nofollow noreferrer' target='_blank'>
  1863.                             <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>
  1864.                           </a>
  1865.                         </li>
  1866.                         <li>
  1867.                           <!-- Bagikan ke Whatsapp -->
  1868.                           <a expr:href='&quot;https://api.whatsapp.com/send?text=&quot; + data:blog.url.canonical' rel='nofollow noreferrer' target='_blank'>
  1869.                             <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><span>Whatsapp</span>
  1870.                           </a>
  1871.                         </li>
  1872.                         <li>
  1873.                           <!-- Bagikan ke Pinterst -->
  1874.                           <a data-pin-config='beside' expr:href='&quot;https://pinterest.com/pin/create/button/?url=&quot; + data:blog.url.canonical + &quot;&amp;media=&quot; + data:blog.postImageUrl' rel='nofollow noreferrer' target='_blank'>
  1875.                             <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>
  1876.                           </a>
  1877.                         </li>
  1878.                         <li>
  1879.                           <!-- Bagikan ke Linkedin -->
  1880.                           <a expr:href='&quot;https://www.linkedin.com/sharing/share-offsite/?url=&quot; + data:blog.url.canonical' rel='nofollow noreferrer' target='_blank'>
  1881.                             <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>
  1882.                           </a>
  1883.                         </li>
  1884.                         <li>
  1885.                           <!-- Bagikan ke Tumblr -->
  1886.                           <a expr:href='&quot;https://www.tumblr.com/share/link?url=&quot; + data:blog.url.canonical' rel='nofollow noreferrer' target='_blank'>
  1887.                             <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>
  1888.                           </a>
  1889.                         </li>
  1890.                         <li>
  1891.                           <!-- Bagikan ke Line -->
  1892.                           <a expr:href='&quot;https://timeline.line.me/social-plugin/share?url=&quot; + data:blog.url.canonical' rel='nofollow noreferrer' target='_blank'>
  1893.                             <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>
  1894.                           </a>
  1895.                         </li>
  1896.                         <li>
  1897.                           <!-- Kirim lewat email -->
  1898.                           <a expr:href='&quot;mailto:?subject=&quot; + data:post.title + &quot;&amp;body=&quot; + data:blog.url.canonical' target='_blank'>
  1899.                             <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>
  1900.                           </a>
  1901.                         </li>
  1902.                         <li>
  1903.                           <!-- Salin link -->
  1904.                           <div onclick='copyFunction()'>
  1905.                             <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>Salin link</span>
  1906.                           </div>
  1907.                           <input expr:value='data:blog.url' id='getlink' readonly='readonly' type='text'/>
  1908.                           <div class='share-notif' id='share-notif'/>
  1909.                         </li>
  1910.                         <li class='share-close'>
  1911.                           <label class='close-1' for='offshare-check'>
  1912.                             <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>
  1913.                           </label>
  1914.                           <label class='close-2' for='offshare-check'>
  1915.                             <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>
  1916.                           </label>
  1917.                         </li>
  1918.                       </ul>
  1919.                       <label class='full-close' for='offshare-check'/>
  1920.                     </div>
  1921.                   </div>
  1922.                 </b:includable>
  1923.                 <b:includable id='postInfo'/>
  1924.                 <b:includable id='postJumpLink' var='post'/>
  1925.                 <b:includable id='postLabels'>
  1926.                   <div class='post-labels byline'>
  1927.                     <!-- <span class='byline-label'><data:byline.label/></span> -->
  1928.                     <b:loop index='i' values='data:post.labels' var='label'>
  1929.                       <a expr:href='data:label.url' rel='tag'>
  1930.                         <data:label.name/>
  1931.                       </a>
  1932.                     </b:loop>
  1933.                   </div>
  1934.                 </b:includable>
  1935.                 <b:includable id='postLocation'/>
  1936.                 <b:includable id='postMeta' var='post'>
  1937.                   <b:include data='post' name='postMetadataJSON'/>
  1938.                 </b:includable>
  1939.                 <b:includable id='postMetadataJSONImage'>
  1940.                   &quot;image&quot;: {
  1941.                     &quot;@type&quot;: &quot;ImageObject&quot;,
  1942.                     <b:if cond='data:post.featuredImage.isResizable'>
  1943.                     &quot;url&quot;: &quot;<b:eval expr='resizeImage(data:post.featuredImage, 1200, &quot;1200:630&quot;)'/>&quot;,
  1944.                     &quot;height&quot;: 630,
  1945.                     &quot;width&quot;: 1200
  1946.                     <b:else/>
  1947.                     &quot;url&quot;: &quot;https://1.bp.blogspot.com/-mxCVT67mucg/XuGnFewKQLI/AAAAAAAAPn0/43iTLOGDAO0nOPouyKKo4OpVGjoOpWnNwCK4BGAsYHg/s320/median-img.png&quot;,
  1948.                     &quot;height&quot;: 348,
  1949.                     &quot;width&quot;: 1200
  1950.                     </b:if>
  1951.                   },
  1952.                 </b:includable>
  1953.                 <b:includable id='postMetadataJSONPublisher'>
  1954.                  &quot;publisher&quot;: {
  1955.                     &quot;@type&quot;: &quot;Organization&quot;,
  1956.                     &quot;name&quot;: &quot;Jago Desain&quot;,
  1957.                     &quot;logo&quot;: {
  1958.                       &quot;@type&quot;: &quot;ImageObject&quot;,
  1959.                       &quot;url&quot;: &quot;https://1.bp.blogspot.com/-YUMrFjttXbY/XkoBxlZQHOI/AAAAAAAAPPY/sGj1ZVlM06MqprFc860XaAEn5-JmmKk6ACNcBGAsYHQ/s1600/jagodesain-org.png&quot;,
  1960.                       &quot;width&quot;: 206,
  1961.                       &quot;height&quot;: 60
  1962.                     }
  1963.                   },
  1964.                 </b:includable>
  1965.                 <b:includable id='postPagination'>
  1966.                   <div class='blog-pager' id='blog-pager'>
  1967.                     <b:if cond='data:view.url == data:blog.homepageUrl and !data:olderPageUrl'>
  1968.                       <div class='link no-post'><data:messages.morePosts/></div>
  1969.                     </b:if>
  1970.                     <b:include cond='data:newerPageUrl' name='postPagination.new'/>
  1971.                     <b:include cond='data:view.url != data:blog.homepageUrl' name='postPagination.home'/>
  1972.                     <b:include cond='data:olderPageUrl' name='postPagination.old'/>
  1973.                   </div>
  1974.                 </b:includable>
  1975.                 <b:includable id='postPagination.home'>
  1976.                   <a class='link home-link' expr:href='data:blog.homepageUrl'>
  1977.                     <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>
  1978.                   </a>
  1979.                 </b:includable>
  1980.                 <b:includable id='postPagination.new'>
  1981.                   <a class='link newer-link' expr:href='data:newerPageUrl'>
  1982.                     <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>
  1983.                     <span><data:messages.newest/></span>
  1984.                   </a>
  1985.                 </b:includable>
  1986.                 <b:includable id='postPagination.old'>
  1987.                   <a class='link older-link' expr:href='data:olderPageUrl'>
  1988.                     <span><data:messages.oldest/></span>
  1989.                     <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>
  1990.                   </a>
  1991.                 </b:includable>
  1992.                 <b:includable id='postReactions'/>
  1993.                 <b:includable id='postShareButtons'/>
  1994.                 <b:includable id='postTimestamp'/>
  1995.                 <b:includable id='postTitle' var='post'/>
  1996.                 <b:includable id='previousPageLink'/>
  1997.                 <b:includable id='sharingButton'/>
  1998.                 <b:includable id='sharingButtonContent'/>
  1999.                 <b:includable id='sharingButtons'/>
  2000.                 <b:includable id='sharingButtonsMenu'/>
  2001.                 <b:includable id='sharingPlatformIcon'/>
  2002.                 <b:includable id='threadedCommentForm' var='post'/>
  2003.                 <b:includable id='threadedCommentJs' var='post'/>
  2004.                 <b:includable id='threadedComments' var='post'/>
  2005.                 <b:includable id='threadedComments-modifV2' var='post'>
  2006.                   <section class='comments threaded' expr:data-embed='data:post.embedCommentForm' expr:data-num-comments='data:post.numberOfComments' id='comments'>
  2007.                    
  2008.                     <b:include name='commentsTitle'/>
  2009.                    
  2010.                     <b:if cond='data:post.numberOfComments &gt; 0'>
  2011.                       <div class='comments-content'>
  2012.                         <ol id='comment-holder'>
  2013.                           <b:loop values='data:post.comments where (c =&gt; not c.inReplyTo)' var='commentLevel1'>
  2014.                             <li class='comment' expr:id='&quot;c&quot; + data:commentLevel1.id'>
  2015.                               <b:class cond='data:post.adminClass' name='author-comment'/>
  2016.                               <b:class cond='not data:post.adminClass' name='user-comment'/>
  2017.                               <b:include data='{level: data:commentLevel1,d: true}' name='commentblock'/>
  2018.                               <!--<div class='comment-actions'>
  2019.                                <span class='reply-to' expr:data-reply-to='data:commentLevel1.id'>Balas</span>
  2020.                              </div>-->
  2021.                               <b:with value='data:post.comments where (c =&gt; c.inReplyTo == data:commentLevel1.id)' var='commentL2'>
  2022.                                 <b:if cond='data:commentL2.size != &quot;0&quot;'>
  2023.                                   <div class='comment-replies'>
  2024.                                     <input class='thread-show hidden' expr:id='&quot;off-&quot; + data:commentLevel1.id' type='checkbox'/>
  2025.                                     <div class='comment-thread inline-thread' expr:id='&quot;c&quot; + data:commentLevel1.id + &quot;-rt&quot;'>
  2026.                                       <label class='thread-toggle thread-expanded' expr:for='&quot;off-&quot; + data:commentLevel1.id'>
  2027.                                         <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>
  2028.                                         <span class='thread-count'>Balasan</span>
  2029.                                       </label>
  2030.                                    
  2031.                                       <ul class='thread-chrome thread-expanded'>
  2032.                                         <b:loop values='data:commentL2' var='commentLevel2'>
  2033.                                           <li class='comment' expr:id='&quot;c&quot; + data:commentLevel2.id'>
  2034.                                             <b:class cond='data:post.adminClass' name='author-comment'/>
  2035.                                             <b:class cond='not data:post.adminClass' name='user-comment'/>
  2036.                                             <b:include data='{level: data:commentLevel2,d: true}' name='commentblock'/>
  2037.                                           </li>
  2038.                                         </b:loop>
  2039.                                       </ul>
  2040.                                      
  2041.                                     </div>
  2042.                                     <b:if cond='data:post.allowNewComments'>
  2043.                                       <div class='comment-reply'>
  2044.                                         <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>
  2045.                                       </div>
  2046.                                     </b:if>
  2047.                                   </div>
  2048.                                 </b:if>
  2049.                               </b:with>
  2050.                              
  2051.                               <b:if cond='data:commentL2.size != &quot;2&quot; and data:post.allowNewComments'>
  2052.                                 <div class='comment-actions secondary-text'>
  2053.                                   <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>
  2054.                                 </div>
  2055.                               </b:if>
  2056.                             </li>
  2057.                           </b:loop>
  2058.                         </ol>
  2059.                       </div>
  2060.                      
  2061.                       <b:if cond='data:post.allowNewComments'>
  2062.                         <div class='comment-add'>
  2063.                           <script>var comment = true;</script>
  2064.                           <div aria-label='Berkomentar' class='hidden' id='addcomment' role='button'><data:messages.postAComment/></div>
  2065.                         </div>
  2066.                       </b:if>
  2067.                       <b:else/>
  2068.                       <script>var comment = false;</script>
  2069.                     </b:if>
  2070.                    
  2071.                     <div class='comment-form'>
  2072.                       <b:if cond='data:post.allowNewComments'>
  2073.                         <div id='threaded-comment-form'>
  2074.                           <b:if cond='data:this.messages.blogComment != &quot;&quot;'>
  2075.                             <p><data:this.messages.blogComment/></p>
  2076.                           </b:if>
  2077.                           <iframe class='blogger-iframe-colorize blogger-comment-from-post' expr:data-src='data:post.commentFormIframeSrc appendParams {skin: &quot;contempo&quot;}' expr:src='data:post.commentFormIframeSrc appendParams {skin: &quot;contempo&quot;}' height='296' id='comment-editor' name='comment-editor' width='100'/>
  2078.                         </div>
  2079.                         <b:else/>
  2080.                         <div class='comment-disable'>
  2081.                           <data:post.noNewCommentsText/>
  2082.                         </div>
  2083.                       </b:if>
  2084.                     </div>
  2085.                    
  2086.                     <b:if cond='data:showCmtPopup'>
  2087.                       <div id='comment-popup'>
  2088.                         <iframe allowtransparency='allowtransparency' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'/>
  2089.                       </div>
  2090.                     </b:if>
  2091.                   </section>
  2092.                  
  2093.                   <b:if cond='data:post.allowNewComments'>
  2094.                     <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>
  2095.                   </b:if>
  2096.                 </b:includable>
  2097.                 <b:includable id='titlePostWidget'>
  2098.                   <div class='blog-title widget-title'>
  2099.                     <h3 class='heading'>
  2100.                       <b:if cond='data:view.isHomepage'><data:messages.latestPosts/></b:if>
  2101.                       <b:if cond='data:view.search.query'><data:messages.search/>: <b><data:view.search.query/></b></b:if>
  2102.                       <b:if cond='data:view.search.label'><data:messages.labels/>: <b><data:blog.pageName/></b></b:if>
  2103.                       <b:if cond='data:view.isArchive'><data:messages.blogArchive/>: <b><data:blog.pageName/></b></b:if>
  2104.                       <b:if cond='data:view.search and !data:view.search.label and !data:view.search.query and !data:view.isArchive'><data:messages.posts/></b:if>
  2105.                     </h3>
  2106.                     <b:if cond='data:view.isHomepage'>
  2107.                       <a class='view-all' expr:href='data:blog.homepageUrl + &quot;search&quot;'><data:messages.viewAll/></a>
  2108.                     </b:if>
  2109.                   </div>
  2110.                 </b:includable>
  2111.               </b:widget>
  2112.               <b:widget cond='data:view.isPost' id='HTML4' locked='true' title='Iklan Tengah Posting' type='HTML' version='2' visible='true'>
  2113.                 <b:widget-settings>
  2114.                   <b:widget-setting name='content'><![CDATA[<div class='ads-here' style='height:80px'></div>]]></b:widget-setting>
  2115.                 </b:widget-settings>
  2116.                 <b:includable id='main'>
  2117.                   <div class='ads-content' id='iklan-tengah'>
  2118.                     <data:content/>
  2119.                     <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("br"); if (showAd3.length > 0) {insertAfter(midAd3,showAd3[20]);}; /*]]>*/</script>
  2120.                   </div>
  2121.                 </b:includable>
  2122.               </b:widget>
  2123.               <b:widget cond='data:view.isPost' id='HTML2' locked='true' title='Iklan Atas Posting' type='HTML' version='2' visible='true'>
  2124.                 <b:widget-settings>
  2125.                   <b:widget-setting name='content'><![CDATA[<div class='ads-here' style='height:80px'></div>]]></b:widget-setting>
  2126.                 </b:widget-settings>
  2127.                 <b:includable id='main'>
  2128.                   <div class='ads-content' id='iklan-atas'>
  2129.                     <data:content/>
  2130.                     <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>
  2131.                   </div>
  2132.                 </b:includable>
  2133.               </b:widget>
  2134.               <b:widget cond='data:view.isPost' id='HTML3' locked='true' title='Iklan Bawah Posting' type='HTML' version='2' visible='true'>
  2135.                 <b:widget-settings>
  2136.                   <b:widget-setting name='content'><![CDATA[<div class='ads-here' style='height:80px'></div>]]></b:widget-setting>
  2137.                 </b:widget-settings>
  2138.                 <b:includable id='main'>
  2139.                   <div class='ads-content' id='iklan-bawah'>
  2140.                     <data:content/>
  2141.                     <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>
  2142.                   </div>
  2143.                 </b:includable>
  2144.               </b:widget>
  2145.             </b:section>
  2146.           </main>
  2147.         </section>
  2148.         <aside class='sidebar'>
  2149.           <b:section id='sidebar-widget' showaddelement='true'>
  2150.             <b:widget cond='!data:view.isPage' id='PopularPosts00' locked='false' title='Postingan Populer' type='PopularPosts' version='2' visible='true'>
  2151.               <b:widget-settings>
  2152.                 <b:widget-setting name='numItemsToShow'>4</b:widget-setting>
  2153.                 <b:widget-setting name='showThumbnails'>true</b:widget-setting>
  2154.                 <b:widget-setting name='showSnippets'>true</b:widget-setting>
  2155.                 <b:widget-setting name='timeRange'>LAST_WEEK</b:widget-setting>
  2156.               </b:widget-settings>
  2157.               <b:includable id='main' var='this'>
  2158.                 <b:include name='widget-title'/>
  2159.                 <b:include name='snippetedPosts'/>
  2160.               </b:includable>
  2161.               <b:includable id='blogThisShare'/>
  2162.               <b:includable id='bylineByName' var='byline'/>
  2163.               <b:includable id='bylineRegion' var='regionItems'/>
  2164.               <b:includable id='commentsLink'>
  2165.                 <a aria-label='Comments' class='comments-bubble' expr:href='data:post.url + &quot;#showComments&quot;' role='button'>
  2166.                   <span><data:post.numberOfComments/></span>
  2167.                   <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>
  2168.                 </a>
  2169.               </b:includable>
  2170.               <b:includable id='commentsLinkIframe'/>
  2171.               <b:includable id='emailPostIcon'/>
  2172.               <b:includable id='facebookShare'/>
  2173.               <b:includable id='footerBylines'/>
  2174.               <b:includable id='googlePlusShare'/>
  2175.               <b:includable id='headerByline'/>
  2176.               <b:includable id='linkShare'/>
  2177.               <b:includable id='otherSharingButton'/>
  2178.               <b:includable id='platformShare'/>
  2179.               <b:includable id='postAuthor'/>
  2180.               <b:includable id='postCommentsLink'/>
  2181.               <b:includable id='postJumpLink'>
  2182.                 <div class='jump-link'>
  2183.                   <a aria-label='Read more' expr:href='data:post.url' role='button'>
  2184.                     <svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><g transform='translate(2.000000, 2.500000)'><path d='M10.0058871,1.03980787 C11.651114,-0.0121552738 13.6647133,-0.281294363 15.5206268,0.302703921 C17.1348244,0.804692443 18.4770781,1.95774936 19.2353554,3.49382469 C20.1219923,5.35557736 20.2426836,7.50081617 19.5706516,9.45357983 C18.95209,11.2512581 17.9379702,12.8809134 16.6059275,14.2177883 C15.7325447,15.1154628 14.7914198,15.9419939 13.7912044,16.6897833 L13.7912044,16.6897833 L13.7382629,16.7347286 C13.4059656,16.9584358 12.9590989,16.870581 12.7323744,16.536969 C12.617105,16.3758529 12.5708156,16.1740389 12.6040663,15.9775674 C12.6373171,15.7810959 12.7472718,15.6067258 12.9088461,15.4942366 C13.8473867,14.7870592 14.7322531,14.0087967 15.5559211,13.1660668 C16.7421311,11.9987391 17.6479819,10.5683365 18.2029961,8.98614805 C18.7368299,7.40956403 18.6287891,5.68086204 17.9029943,4.18598328 C17.3189465,3.01000293 16.2898617,2.12715196 15.0529769,1.74095554 C13.4753274,1.23837888 11.7565451,1.54304943 10.4382427,2.55896114 C10.1761601,2.75674294 9.81796704,2.75674294 9.55588439,2.55896114 C8.23818512,1.54163638 6.51870049,1.23684134 4.94115025,1.74095554 C3.69596127,2.11862024 2.65663501,2.99880427 2.06466206,4.17699421 C1.35525632,5.67076589 1.25377414,7.38955009 1.78230739,8.95918083 C2.33966594,10.5375734 3.24528608,11.9645363 4.42938241,13.1301105 C6.17900501,14.8392135 8.10832857,16.3465054 10.1823588,17.6246468 C10.4461468,17.8110535 10.5621493,18.1492787 10.469716,18.462486 C10.3772828,18.7756932 10.0974296,18.9926708 9.77647397,18.9999876 C9.63179433,19.000846 9.49026198,18.956963 9.37058913,18.8741279 C7.21006599,17.5429377 5.20076805,15.9722777 3.37937599,14.1908211 C2.03992966,12.8583481 1.02208009,11.2275527 0.405828372,9.42661261 C-0.242988991,7.47654806 -0.109803058,5.34437282 0.776418876,3.49382469 C1.53469617,1.95774936 2.87694983,0.804692443 4.4911475,0.302703921 C6.34706099,-0.281294363 8.36066029,-0.0121552738 10.0058871,1.03980787 Z M13.7760133,3.99695535 L13.8882638,3.99721276 C15.2039401,4.42032783 16.1404227,5.60845276 16.2618078,7.00855208 L16.2618078,7.00855208 L16.2674609,7.12589095 C16.262755,7.28171622 16.2095844,7.43314561 16.1140526,7.55750351 C15.9946378,7.71295088 15.8190122,7.81310929 15.6265098,7.83554676 C15.2224121,7.88874141 14.8519416,7.59965467 14.7970929,7.18833353 C14.7602237,6.35761647 14.2171818,5.63914003 13.4382611,5.39051901 C13.1486596,5.20631763 13.0200318,4.8444108 13.1267392,4.51402149 C13.2334466,4.18363218 13.547881,3.97024126 13.8882638,3.99721276 Z'/></g></svg>
  2185.                   </a>
  2186.                 </div>
  2187.               </b:includable>
  2188.               <b:includable id='postLabels'>
  2189.                 <div class='item-label'>
  2190.                   <b:loop index='num' values='data:post.labels' var='label'>
  2191.                     <b:if cond='data:num == 0'>
  2192.                       <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'/>
  2193.                     </b:if>
  2194.                     <b:if cond='data:num == 1'>
  2195.                       <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'/>
  2196.                     </b:if>
  2197.                   </b:loop>
  2198.                 </div>
  2199.               </b:includable>
  2200.               <b:includable id='postLocation'/>
  2201.               <b:includable id='postReactions'/>
  2202.               <b:includable id='postShareButtons'/>
  2203.               <b:includable id='postTimestamp'>
  2204.                 <div class='item-timestamp'>
  2205.                   <time class='published' expr:datetime='data:post.date.iso8601'><data:post.date/></time>
  2206.                 </div>
  2207.               </b:includable>
  2208.               <b:includable id='sharingButton'/>
  2209.               <b:includable id='sharingButtonContent'/>
  2210.               <b:includable id='sharingButtons'/>
  2211.               <b:includable id='sharingButtonsMenu'/>
  2212.               <b:includable id='sharingPlatformIcon'/>
  2213.               <b:includable id='snippetedPostByline'/>
  2214.               <b:includable id='snippetedPostContent'>
  2215.                 <b:include cond='data:this.postDisplay.showFeaturedImage and data:post.featuredImage' name='snippetedPostThumbnail'/>
  2216.                 <div class='item-content'>
  2217.                   <b:include cond='data:this.postDisplay.showTitle' name='snippetedPostTitle'/>
  2218.                   <b:include cond='data:this.postDisplay.showSnippet' name='snippetedPostEntry'/>
  2219.                   <b:include name='snippetedPostHeader'/>
  2220.                 </div>
  2221.               </b:includable>
  2222.               <b:includable id='snippetedPostEntry'>
  2223.                   <b:comment>Dont show.</b:comment>
  2224.                   <!--<div class='item-entry'>
  2225.                    <b:eval expr='snippet(data:post.body, {length: 90, links: true, linebreaks: false})'/>
  2226.                  </div>-->
  2227.               </b:includable>
  2228.               <b:includable id='snippetedPostHeader'>
  2229.                 <div class='item-header'>
  2230.                   <div class='item-info'>
  2231.                     <b:include cond='data:post.labels' name='postLabels'/>
  2232.                     <div class='item-published'>
  2233.                       <b:include name='postTimestamp'/>
  2234.                     </div>
  2235.                   </div>
  2236.                   <div class='item-comment'>
  2237.                     <b:include cond='data:post.allowComments' name='commentsLink'/>
  2238.                     <b:include name='postJumpLink'/>
  2239.                   </div>
  2240.                 </div>
  2241.               </b:includable>
  2242.               <b:includable id='snippetedPostThumbnail'>
  2243.                 <div class='item-thumbnail'>
  2244.                   <a expr:href='data:post.url'>
  2245.                     <img class='post-thumb lazy' expr:alt='data:post.title' expr:data-src='resizeImage(data:post.featuredImage, 400, &quot;26:9&quot;)' src='data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs='/>
  2246.                   </a>
  2247.                 </div>
  2248.               </b:includable>
  2249.               <b:includable id='snippetedPostTitle'>
  2250.                 <b:if cond='data:post.title != &quot;&quot;'>
  2251.                   <h3 class='item-title'><a expr:href='data:post.url'><data:post.title/></a></h3>
  2252.                 </b:if>
  2253.               </b:includable>
  2254.               <b:includable id='snippetedPosts'>
  2255.                 <div class='item-popular' role='feed'>
  2256.                   <!-- Don't render the post that we're currently already looking at. -->
  2257.                   <b:loop values='data:posts filter (p =&gt; p.id != data:view.postId)' var='post'>
  2258.                     <article class='post' role='article'>
  2259.                       <b:class cond='!data:this.postDisplay.showFeaturedImage' name='no-thumbnail'/>
  2260.                       <b:include name='snippetedPostContent'/>
  2261.                     </article>
  2262.                   </b:loop>
  2263.                 </div>
  2264.               </b:includable>
  2265.             </b:widget>
  2266.             <b:widget cond='data:view.isPost' id='HTML000' locked='false' title='Postingan Pilihan' type='HTML' version='2' visible='false'>
  2267.               <b:widget-settings>
  2268.                 <b:widget-setting name='content'><![CDATA[<!-- Widget Random Posts ini hanya bisa di edit pada menu EDIT HTML template  -->]]></b:widget-setting>
  2269.               </b:widget-settings>
  2270.               <b:includable id='main'>
  2271.                 <b:include name='widget-title'/>
  2272.                 <div class='item-recomended'>
  2273.                   <script>/*<![CDATA[*/
  2274. var borp_number = 4;
  2275. var borp_details = 'yes';
  2276. var borp_chars = 60;
  2277. var borp_details2 = 'no';
  2278. var borp_comments = '';
  2279. var borp_commentsd = '';
  2280. var borp_current = [];
  2281. var total_randomposts = 0;
  2282. var borp_current = new Array(borp_number);
  2283. function randomposts(json) {total_randomposts = json.feed.openSearch$totalResults.$t;} document.write('<script rel=\"preload\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=randomposts\"><\/script>'); function getvalue() {for(var r=0;r<borp_number;r++){for(var n=!1,o=get_random(),t=0;t<borp_current.length;t++)if(borp_current[t]==o){n=!0;break;} n?r--:borp_current[r]=o; }} function get_random() {return 1+Math.round(Math.random()*(total_randomposts-1)); }; /*]]>*/</script>
  2284.                   <script>/*<![CDATA[*/ function random_posts(t) {for(var e=0;e<borp_number;e++){var r=t.feed.entry[e],s=r.title.$t;if("content"in r)i=r.content.$t;else if("summary"in r)i=r.summary.$t;else var i="";if((i=i.replace(/<[^>]*>/g,"")).length<borp_chars)var a=i;else{var n=(i=i.substring(0,borp_chars)).lastIndexOf(" ");a=i.substring(0,n)+"&#133;";} for(var o=0;o<r.link.length;o++) {if("thr$total"in r)var l=r.thr$total.$t+""+borp_comments;else l=borp_commentsd;if("alternate"==r.link[o].rel){var m=r.link[o].href, c=r.published.$t, ListMonth= ["Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","November","Desember"], M=c.substring(5,7), MM = ListMonth[parseInt(M - 1)]; if("media$thumbnail"in r)var u=r.media$thumbnail.url;else u="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs="; }} document.write('<div class="item-random">'),document.write('<div class="item-thumbnail"><a href="'+m+'"><img class="post-thumb lazy" alt="'+s+'" data-src="'+u+'" src="data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs="/></a></div>'),document.write('<div class="item-content"><h4 class="item-title"><a href="'+m+'">'+s+'</a></h4>'),"yes"==borp_details&&document.write("<div class='item-footer'><div class='item-date'>"+MM+" "+c.substring(8,10)+", "+c.substring(0,4)+"</div><div class='item-comment'><span>"+l+"</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'></path></g></svg></div></div></div>"),"yes"==borp_details2&&document.write('<span class="random-summary">'+a+'</span>'),document.write('</div>'); }} getvalue();for(var i=0;i<borp_number;i++)document.write('<script rel="preload" src="/feeds/posts/default?alt=json-in-script&start-index='+borp_current[i]+'&max-results=1&callback=random_posts"><\/script>'); /*]]>*/</script>
  2285.                 </div>
  2286.               </b:includable>
  2287.             </b:widget>
  2288.             <b:widget cond='!data:view.isPage' id='Label00' locked='false' title='Label' type='Label' version='2' visible='true'>
  2289.               <b:widget-settings>
  2290.                 <b:widget-setting name='sorting'>ALPHA</b:widget-setting>
  2291.                 <b:widget-setting name='display'>LIST</b:widget-setting>
  2292.                 <b:widget-setting name='selectedLabelsList'/>
  2293.                 <b:widget-setting name='showType'>ALL</b:widget-setting>
  2294.                 <b:widget-setting name='showFreqNumbers'>true</b:widget-setting>
  2295.               </b:widget-settings>
  2296.               <b:includable id='main' var='this'>
  2297.                 <b:include name='widget-title'/>
  2298.                 <b:include name='content'/>
  2299.               </b:includable>
  2300.               <b:includable id='cloud'>
  2301.                 <b:loop values='data:labels' var='label'>
  2302.                   <span class='label-size'>
  2303.                     <b:class expr:name='&quot;label-size-&quot; + data:label.cssSize'/>
  2304.                     <a class='label-name' expr:href='data:label.url'>
  2305.                       <span class='label-title'><data:label.name/></span>
  2306.                       <b:if cond='data:this.showFreqNumbers'>
  2307.                         <span class='label-count'><data:label.count/></span>
  2308.                       </b:if>
  2309.                     </a>
  2310.                   </span>
  2311.                 </b:loop>
  2312.               </b:includable>
  2313.               <b:includable id='content'>
  2314.                 <div class='widget-content'>
  2315.                   <b:class expr:name='data:this.display + &quot;-label&quot;'/>
  2316.                   <b:include cond='data:this.display == &quot;list&quot;' name='list'/>
  2317.                   <b:include cond='data:this.display == &quot;cloud&quot;' name='cloud'/>
  2318.                 </div>
  2319.               </b:includable>
  2320.               <b:includable id='list'>
  2321.                 <ul>
  2322.                   <b:loop values='data:labels' var='label'>
  2323.                     <li>
  2324.                       <a class='label-name' expr:href='data:label.url'>
  2325.                         <span class='label-title'><data:label.name/></span>
  2326.                         <b:if cond='data:this.showFreqNumbers'>
  2327.                           <span class='label-count'><data:label.count/></span>
  2328.                         </b:if>
  2329.                         <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>
  2330.                       </a>
  2331.                     </li>
  2332.                   </b:loop>
  2333.                 </ul>
  2334.               </b:includable>
  2335.             </b:widget>
  2336.             <b:widget id='FollowByEmail00' locked='false' title='Dapatkan Notifikasi' type='FollowByEmail' version='2' visible='true'>
  2337.               <b:includable id='main'>
  2338.                 <b:include name='widget-title'/>
  2339.                 <b:include name='content'/>
  2340.               </b:includable>
  2341.               <b:includable id='content'>
  2342.                 <div class='follow-by-email-inner'>
  2343.                   <label class='follow-by-email-text' for='email-input'><data:messages.getEmailNotifications/>, <data:messages.subscribeToThisBlog/></label>
  2344.                   <form action='https://feedburner.google.com/fb/a/mailverify' expr:onsubmit='&quot;window.open(\&quot;https://feedburner.google.com/fb/a/mailverify?uri=&quot; + data:feedPath + &quot;\&quot;, \&quot;popupwindow\&quot;, \&quot;scrollbars=yes,width=550,height=520\&quot;); return true&quot;' method='post' target='popupwindow'>
  2345.                     <input autocomplete='on' class='follow-by-email-address' id='email-input' name='email' placeholder='e.g. youremail@gmail.com' type='email'/>
  2346.                     <input class='follow-by-email-submit' expr:value='data:messages.subscribe' id='email-submit' type='submit'/>
  2347.                     <label class='follow-by-email-label' for='email-submit'>
  2348.                       <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>
  2349.                     </label>
  2350.                     <input expr:value='data:feedPath' name='uri' type='hidden'/>
  2351.                     <input name='loc' type='hidden' value='en_US'/>
  2352.                   </form>
  2353.                 </div>
  2354.               </b:includable>
  2355.             </b:widget>
  2356.           </b:section>
  2357.           <b:section cond='!data:view.isPage' id='sidebar-sticky' showaddelement='true'>
  2358.             <b:widget id='HTML0' locked='true' title='Iklan Sidebar' type='HTML' version='2' visible='true'>
  2359.               <b:widget-settings>
  2360.                 <b:widget-setting name='content'><![CDATA[<div class='ads-here' style='height:150px'></div>]]></b:widget-setting>
  2361.               </b:widget-settings>
  2362.               <b:includable id='main'>
  2363.                 <div class='ads-content'>
  2364.                   <data:content/>
  2365.                 </div>
  2366.               </b:includable>
  2367.             </b:widget>
  2368.           </b:section>
  2369.         </aside>        
  2370.         <b:else/>
  2371.         <!-- Halaman Error -->
  2372.         <section class='error-container'>
  2373.           <div class='error-content'>
  2374.             <h3><span>404</span>Something Wrong!</h3>
  2375.             <p>The page you&#39;re trying to reach is not available, it may have been modified, moved or deleted.</p>
  2376.             <a class='button outline' expr:href='data:blog.homepageUrl'>Back to homepage</a>
  2377.           </div>
  2378.         </section>
  2379.       </b:if>
  2380.     </div>
  2381.      
  2382.     <b:if cond='!data:view.isError'>
  2383.       <div class='asideIner'>
  2384.         <b:class cond='data:view.isSingleItem' name='singleItem'/>
  2385.         <b:section id='nav-widget' showaddelement='false'>
  2386.           <b:widget id='HTML00' locked='true' title='Menu Navigasi' type='HTML' version='2' visible='true'>
  2387.             <b:widget-settings>
  2388.               <b:widget-setting name='content'><![CDATA[<!-- Widget ini hanya bisa di edit pada menu EDIT HTML template -->]]></b:widget-setting>
  2389.             </b:widget-settings>
  2390.             <b:includable id='main'>
  2391.               <ul class='navigation-menu' itemscope='itemscope' itemtype='https://schema.org/SiteNavigationElement'>
  2392.                 <li class='home'>
  2393.                   <a class='link' expr:href='data:blog.homepageUrl' itemprop='url'>
  2394.                     <!-- Link Icon -->
  2395.                     <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>
  2396.                     <!-- Teks Icon -->
  2397.                     <span class='name' itemprop='name'><data:messages.home/></span>
  2398.                   </a>
  2399.                 </li>
  2400.                 <li class='submenu break'>
  2401.                   <input class='sub-menu hidden' id='offsub-menu1' name='dropdown-menu' type='checkbox'/>
  2402.                   <label class='link' for='offsub-menu1'>
  2403.                     <!-- Link Icon -->
  2404.                     <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>
  2405.                     <!-- Teks Icon -->
  2406.                     <span class='name' itemprop='name'>Kategori</span>
  2407.                     <!-- Drop Icon -->
  2408.                     <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>
  2409.                   </label>
  2410.                   <ul class='sub-first'>
  2411.                     <li itemprop='name'><a href='javascript:void(0)' itemprop='url'>Politik</a></li>
  2412.                     <li itemprop='name'><a href='javascript:void(0)' itemprop='url'>Nasional</a></li>
  2413.                     <li itemprop='name'><a href='javascript:void(0)' itemprop='url'>Internasional</a></li>
  2414.                     <li itemprop='name'><a href='javascript:void(0)' itemprop='url'>Bisnis</a></li>
  2415.                     <li itemprop='name'><a href='javascript:void(0)' itemprop='url'>Keuangan</a></li>
  2416.                     <li itemprop='name'><a href='javascript:void(0)' itemprop='url'>Kesehatan</a></li>
  2417.                     <li itemprop='name'><a href='javascript:void(0)' itemprop='url'>Teknologi</a></li>
  2418.                     <li itemprop='name'><a href='javascript:void(0)' itemprop='url'>Media</a></li>
  2419.                     <li itemprop='name'><a href='javascript:void(0)' itemprop='url'>Olahraga</a></li>
  2420.                     <li itemprop='name'><a href='javascript:void(0)' itemprop='url'>Game</a></li>
  2421.                   </ul>
  2422.                 </li>
  2423.                 <li>
  2424.                   <a class='link' href='javascript:void(0)' itemprop='url'>
  2425.                     <!-- Link Icon -->
  2426.                     <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>
  2427.                     <!-- Teks Icon -->
  2428.                     <span class='name' itemprop='name'>Tentang</span>
  2429.                   </a>
  2430.                 </li>
  2431.                 <li class='break'>
  2432.                   <a class='link' expr:href='data:blog.homepageUrl + &quot;p/contact.html&quot;' itemprop='url'>
  2433.                     <!-- Link Icon -->
  2434.                     <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>
  2435.                     <!-- Teks Icon -->
  2436.                     <span class='name' itemprop='name'>Kontak</span>
  2437.                   </a>
  2438.                 </li>
  2439.                 <li>
  2440.                   <a class='link' expr:href='data:blog.homepageUrl + &quot;p/sitemap.html&quot;' itemprop='url'>
  2441.                     <!-- Link Icon -->
  2442.                     <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>
  2443.                     <!-- Teks Icon -->
  2444.                     <span class='name' itemprop='name'>Sitemap</span>
  2445.                   </a>
  2446.                 </li>
  2447.                 <li>
  2448.                   <a class='link' href='javascript:void(0)' itemprop='url'>
  2449.                     <!-- Link Icon -->
  2450.                     <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>
  2451.                     <!-- Teks Icon -->
  2452.                     <span class='name' itemprop='name'>Disclaimer</span>
  2453.                   </a>
  2454.                 </li>
  2455.                 <li>
  2456.                   <a class='link' expr:href='data:blog.homepageUrl' itemprop='url'>
  2457.                     <!-- Link Icon -->
  2458.                     <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>
  2459.                      <!-- Teks Icon -->
  2460.                     <span class='name' itemprop='name'>Privacy</span>
  2461.                   </a>
  2462.                 </li>
  2463.                
  2464.                 <li class='close'>
  2465.                   <label class='link' for='offnav-menu'>
  2466.                     <!-- Link Icon -->
  2467.                     <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>
  2468.                     <!-- Teks Icon -->
  2469.                     <span class='name' itemprop='name'>Tutup</span>
  2470.                   </label>
  2471.                 </li>
  2472.                 <!-- Link Sosial Media -->
  2473.                 <li class='sosmed'>
  2474.                   <label class='link' for='offnav-menu'>
  2475.                     <!-- Link Icon -->
  2476.                     <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>
  2477.                   </label>
  2478.                   <ul class='sosmed-link'>
  2479.                     <li>
  2480.                       <a aria-label='Social media' href='javascript:void(0)' rel='nofollow noreferrer noopener' role='button' target='_blank' title='Facebook'>
  2481.                         <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>
  2482.                       </a>
  2483.                     </li>
  2484.                     <li>
  2485.                       <a aria-label='Social media' href='javascript:void(0)' rel='nofollow noreferrer noopener' role='button' target='_blank' title='Instagram'>
  2486.                         <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'/>
  2487.                           </svg>
  2488.                       </a>
  2489.                     </li>
  2490.                     <li>
  2491.                       <a aria-label='Social media' href='javascript:void(0)' rel='nofollow noreferrer noopener' role='button' target='_blank' title='Twitter'>
  2492.                         <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>
  2493.                       </a>
  2494.                     </li>
  2495.                     <li>
  2496.                       <a aria-label='Social media' href='javascript:void(0)' rel='nofollow noreferrer noopener' role='button' target='_blank' title='Youtube'>
  2497.                         <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>
  2498.                       </a>
  2499.                     </li>
  2500.                   </ul>
  2501.                 </li>
  2502.               </ul>
  2503.              
  2504.               <!-- Navigation Mobile -->
  2505.               <ul class='navigation-mobile'>
  2506.                 <li class='home-link'>
  2507.                   <a aria-label='Home' class='link' expr:href='data:blog.homepageUrl' expr:title='data:messages.home' role='button'>
  2508.                     <!-- Link Icon -->                        
  2509.                     <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>
  2510.                   </a>
  2511.                 </li>
  2512.                 <li class='search-link'>
  2513.                   <label class='link' for='search-input'>
  2514.                     <!-- Link Icon -->
  2515.                     <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>
  2516.                   </label>
  2517.                 </li>
  2518.                 <li class='tag-link'>
  2519.                   <label class='link' for='offnav-menu'>
  2520.                     <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>
  2521.                   </label>
  2522.                 </li>
  2523.                 <li class='dark-link'>
  2524.                   <div class='link' onclick='darkMode()'>
  2525.                     <!-- Link Icon -->
  2526.                     <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>
  2527.                     <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>
  2528.                   </div>
  2529.                 </li>
  2530.                 <li class='top-link'>
  2531.                   <a href='#mainContent'>
  2532.                     <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>
  2533.                   </a>
  2534.                 </li>
  2535.               </ul>
  2536.               <label class='full-close nav-close' for='offnav-menu'/>
  2537.             </b:includable>
  2538.           </b:widget>
  2539.         </b:section>
  2540.         <footer class='footbar'>
  2541.           <div class='credit'>
  2542.             <p class='credit-content'>&#169; <span id='copyrightYear'><script>var d = new Date(); var n = d.getFullYear(); document.getElementById(&#39;copyrightYear&#39;).innerHTML = n;</script></span> &#8231; <a expr:href='data:blog.homepageUrl'><data:blog.title/></a>. All Rights Reserved <span class='creator'>Theme by <a href='https://local-hunter.com'>yacrack</a></span></p>
  2543.           </div>
  2544.         </footer>
  2545.       </div>
  2546.     </b:if>
  2547.     </div>
  2548.    
  2549.     <b:if cond='!data:view.isError'>
  2550.       <script>/*<![CDATA[*/
  2551. 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")};
  2552. function LazyOnScroll() {setTimeout(function() {function lazyLoad() {for (var e = document.getElementsByClassName("lazy"), t = 0; t < e.length; t++) isInViewport(e[t]) && (e[t].src = e[t].getAttribute("data-src"));} function isInViewport(e) {var t = e.getBoundingClientRect(); return t.top <= (window.innerHeight || document.documentElement.clientHeight) && t.bottom >= 0 && t.left <= (window.innerWidth || document.documentElement.clientWidth) && t.right >= 0} function registerListener(e, t) {window.addEventListener ? window.addEventListener(e, t) : window.attachEvent("on" + e, t)} registerListener("load", lazyLoad), registerListener("scroll", lazyLoad), document.addEventListener("DOMContentLoaded", function () {"use strict"; for (var e = document.querySelectorAll("a"), t = e.length, n = /firefox|trident/i.test(navigator.userAgent) ? document.documentElement : document.body, i = function (e, t, n, i) {return (e /= i / 2) < 1 ? n / 2 * e * e * e + t : n / 2 * ((e -= 2) * e * e + 2) + t}; t--;) e.item(t).addEventListener("click", function (e) {var t, o = n.scrollTop, r = document.getElementById(/[^#]+$/.exec(this.href)[0]).getBoundingClientRect().top, d = n.scrollHeight - window.innerHeight, a = d > o + r ? r : d - o, c = 900, s = function (e) {t = t || e; var r = e - t, d = i(r, o, a, c); n.scrollTop = d, c > r && requestAnimationFrame(s)}; requestAnimationFrame(s), e.preventDefault() }) }); },1000) } window.addEventListener ? window.addEventListener("load", LazyOnScroll, !1) : window.attachEvent ? window.attachEvent("onload", LazyOnScroll) : window.onload = LazyOnScroll;
  2553.  
  2554. ( function() {var youtube = document.querySelectorAll(".lazy-youtube"); for (var i = 0; i < youtube.length; i++) {var source = "https://img.youtube.com/vi/"+ youtube[i].dataset.embed +"/sddefault.jpg"; var image = new Image(); image.setAttribute("class", "lazy"); image.setAttribute("data-src",source); image.setAttribute("src","data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs="); image.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 ); }); }; })();
  2555. function copyFunction(){document.getElementById("getlink").select(),document.execCommand("copy"),document.getElementById("share-notif").innerHTML="<span>Link copied!</span>" };
  2556. /*]]>*/
  2557.       </script>
  2558.       <b:include cond='data:view.isMultipleItems' name='postPagination-more'/>
  2559.       <b:include name='postPage-analytics'/>
  2560.       <!-- <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> -->
  2561.     </b:if>
  2562.   &lt;!--</body>--&gt;&lt;/body&gt;
  2563. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!