Public Pastes
daily pastebin goal
26%
SHARE
TWEET

Untitled

Ensikology Feb 11th, 2019 (edited) 89 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <?xml version="1.0" encoding="UTF-8" ?>
  2. <!DOCTYPE html>
  3. <HTML expr:class='data:blog.languageDirection + &quot; no-js rwd &quot; + data:blog.pageType' expr:dir='data:blog.languageDirection'>
  4. &lt;head&gt;
  5. <!-- [ Meta Tag SEO ] -->
  6. <meta charset='utf-8'/>
  7. <meta content='width=device-width, initial-scale=1' name='viewport'/>
  8. <meta content='blogger' name='generator'/>
  9. <meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
  10. <link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
  11. <link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
  12. <link expr:href='data:blog.url' rel='canonical'/>
  13. <b:if cond='data:blog.pageType == &quot;index&quot;'>
  14. <title><data:blog.pageTitle/></title>
  15. <b:else/>
  16. <b:if cond='data:blog.pageType != &quot;error_page&quot;'>
  17. <title><data:blog.pageName/> - <data:blog.title/></title>
  18. </b:if></b:if>
  19. <b:if cond='data:blog.pageType == &quot;error_page&quot;'>
  20. <title>Page Not Found - <data:blog.title/></title>
  21. </b:if>
  22. <b:if cond='data:blog.pageType == &quot;archive&quot;'>
  23. <meta content='noindex' name='robots'/>
  24. </b:if>
  25. <b:if cond='data:blog.searchLabel'>
  26. <meta content='noindex,nofollow' name='robots'/>
  27. </b:if>
  28. <b:if cond='data:blog.isMobile'>
  29. <meta content='noindex,nofollow' name='robots'/>
  30. </b:if>
  31. <b:if cond='data:blog.pageType != &quot;error_page&quot;'>
  32. <meta expr:content='data:blog.metaDescription' name='description'/>
  33. <script type='application/ld+json'>{ &quot;@context&quot;: &quot;http://schema.org&quot;, &quot;@type&quot;: &quot;WebSite&quot;, &quot;url&quot;: &quot;<data:blog.homepageUrl/>&quot;, &quot;potentialAction&quot;: { &quot;@type&quot;: &quot;SearchAction&quot;, &quot;target&quot;: &quot;<data:blog.homepageUrl/>?q={search_term}&quot;, &quot;query-input&quot;: &quot;required name=search_term&quot; } }</script>
  34. <b:if cond='data:blog.homepageUrl != data:blog.url'>
  35. <meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.pageTitle + &quot;, &quot; + data:blog.title' name='keywords'/>
  36. </b:if></b:if>
  37. <b:if cond='data:blog.url == data:blog.homepageUrl'>
  38. <meta content='DESKRIPSI-BLOG' name='keywords'/></b:if>
  39. <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'/>
  40. <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'/>
  41. <link expr:href='&quot;http://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'/>
  42. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  43. <b:if cond='data:blog.postImageThumbnailUrl'>
  44. <link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
  45. </b:if></b:if>
  46. <link expr:href='data:blog.url' hreflang='x-default' rel='alternate'/>
  47. <link href='/favicon.ico' rel='icon' type='image/x-icon'/>
  48. <link href='https://plus.google.com/USER-GOOGLE-PLUS/posts' rel='publisher'/>
  49. <link href='https://plus.google.com/USER-GOOGLE-PLUS/about' rel='author'/>
  50. <link href='https://plus.google.com/USER-GOOGLE-PLUS' rel='me'/>
  51. <meta content='KODE-VALIDASI-GOOGLE-WEBMASTER' name='google-site-verification'/>
  52. <meta content='KODE-VALIDASI-BING-WEBMASTER' name='msvalidate.01'/>
  53. <meta content='Indonesia' name='geo.placename'/>
  54. <meta content='NAMA-ADMIN' name='Author'/>
  55. <meta content='general' name='rating'/>
  56. <meta content='id' name='geo.country'/>
  57. <!-- [ Social Media Meta Tag ] -->
  58. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  59. <meta expr:content='data:blog.pageName' property='og:title'/>
  60. <meta expr:content='data:blog.canonicalUrl' property='og:url'/>
  61. <meta content='article' property='og:type'/>
  62. </b:if>
  63. <meta expr:content='data:blog.title' property='og:site_name'/>
  64. <b:if cond='data:blog.url == data:blog.homepageUrl'>
  65. <meta expr:content='data:blog.metaDescription' name='description'/>
  66. <meta expr:content='data:blog.title' property='og:title'/>
  67. <meta content='website' property='og:type'/>
  68. <b:if cond='data:blog.metaDescription'>
  69. <meta expr:content='data:blog.metaDescription' property='og:description'/>
  70. <b:else/>
  71. <meta expr:content='&quot;Silakan kunjungi &quot; + data:blog.pageTitle + &quot; Untuk membaca postingan menarik.&quot;' property='og:description'/>
  72. </b:if>
  73. </b:if>
  74. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  75. <meta expr:content='data:blog.metaDescription' property='og:description'/>
  76. </b:if>
  77. <b:if cond='data:blog.postImageUrl'>
  78. <meta expr:content='data:blog.postImageUrl' property='og:image'/>
  79. <b:else/>
  80. <b:if cond='data:blog.postImageThumbnailUrl'>
  81. <meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
  82. <b:else/>
  83. <meta content='https://1.bp.blogspot.com/-aKZzSAygVKk/VYPkX_nAwrI/AAAAAAAACeo/cgQTs8nR5Rg/s1600/Arlina%2BLogo.png' property='og:image'/>
  84. </b:if>
  85. </b:if>
  86. <meta content='https://www.facebook.com/PROFIL-FACEBOOK' property='article:author'/>
  87. <meta content='https://www.facebook.com/FAN-PAGE-FACEBOOK' property='article:publisher'/>
  88. <meta content='KODE-APLIKASI-FACEBOOK' property='fb:app_id'/>
  89. <meta content='KODE-ADMIN-FACEBOOK' property='fb:admins'/>
  90. <meta content='en_US' property='og:locale'/>
  91. <meta content='en_GB' property='og:locale:alternate'/>
  92. <meta content='id_ID' property='og:locale:alternate'/>
  93. <meta content='summary' name='twitter:card'/>
  94. <meta expr:content='data:blog.pageTitle' name='twitter:title'/>
  95. <meta content='USER-TWITTER' name='twitter:site'/>
  96. <meta content='USER-TWITTER' name='twitter:creator'/>
  97. <meta content='summary_large_image' name='twitter:card'/>
  98. <b:include data='blog' name='all-head-content'/>
  99.  
  100. <link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css' rel='stylesheet' type='text/css'/>
  101.  
  102. <b:skin version='1.0.0'><![CDATA[
  103. /* HEADING */  
  104. h1,h2,h3,h4,h5{margin:0;padding:0;display:block;font-weight:700}
  105. h1{font-size:150%}
  106. h2{font-size:140%}
  107. h3{font-size:130%}
  108. h4{font-size:120%}
  109. h5{font-size:110%} 
  110.  
  111. /* FIX */  
  112. .hidden{visibility:hidden;height:0;overflow:hidden;display:none}
  113. .clear{clear:both}
  114. .separator a {margin:initial!important;}
  115. .separator a img{margin: 1em;}
  116. .separator:nth-child(1) a img{margin:initial;margin-bottom:1em}        
  117.  
  118. /* BODY */
  119. body {
  120. font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  121. font-weight: 400;
  122. -webkit-background-size: cover;
  123. -moz-background-size: cover;
  124. -o-background-size: cover;
  125. background-size: cover;
  126. line-height: 1.625;
  127. background: #607d8b;
  128. }
  129.  
  130. /* CONTENT INDEX */
  131. .content-wrapper {
  132.     display: flex;
  133.     flex-wrap: wrap;
  134.     width: 1110px;
  135.     margin: auto;
  136.     margin-top: 80px;
  137.     margin-bottom: 80px;
  138.     text-shadow: 0 0 black;
  139.     max-width: 100%;
  140. }
  141. .content.index {
  142. margin:10px;padding:0 0 30px 0;font-size:16px;line-height:1.6;border-bottom:4px solid rgba(0,0,0,0.1)}
  143.  
  144. /* Responsive */
  145.  
  146. @media (max-width:720px){
  147. .content.index {
  148. width: calc(100% / 2 - 40px);
  149. }
  150. }
  151. @media (max-width:540px){
  152. .content.index {
  153. width: calc(100% / 1 - 40px);
  154. }
  155. }
  156.  
  157.  
  158. /* CONTENT POST */
  159.  
  160. .content.index h2 {
  161. text-align:center;
  162. }
  163. .content.index img {
  164. width:100%;height:auto;min-width:240px;padding:0;margin:0}
  165.  
  166. .content.post {
  167. padding: 10px;
  168. margin: 10px;
  169. background:#fff;
  170. }
  171.  
  172. .content.post h2 {
  173. text-align:center;
  174. }
  175.  
  176.  
  177. /* LOADMORE BUTTON */
  178.  
  179. #linkloadmore {text-align: center;
  180.     margin: 0 auto 50px;
  181.     display: block;
  182.     width: 150px;
  183.     clear: both;}
  184. #linkloadmore {position: relative;
  185.     overflow: hidden;}
  186. #linkloadmore a{background: #4a86e8;
  187.     color: #fff;
  188.     border-radius: 5px;
  189.     -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.1);
  190.     box-shadow: 0 5px 10px rgba(0,0,0,0.1);
  191.     -webkit-transition: -webkit-box-shadow .5s;
  192.     transition: -webkit-box-shadow .5s;
  193.     transition: box-shadow .5s;
  194.     transition: box-shadow .5s,-webkit-box-shadow .5s;
  195.     overflow: hidden;
  196.     display: inline-block;
  197.     position: relative;
  198.     cursor: pointer;}
  199.  
  200. ]]></b:skin>
  201.  
  202.  
  203.  
  204.  
  205.  
  206. <style type='text/css'>
  207. /* Default */
  208. h2.date-header{margin:10px 0;display:none}.main .widget{margin:0 0 5px;padding:0 0 2px}.main .Blog{border-bottom-width:0}.deleted-comment{font-style:italic;color:#aaa}#navbar-iframe{height:0;visibility:hidden;display:none}.author-profile{background:#f7f7f7;position:relative;padding:15px;margin:0 10px;overflow:hidden}.author-profile img{border:0;float:left;margin-right:10px;width:100px}.author-profile span{line-height:normal}.post-location{margin:0;padding:0}
  209. .separator a[style=&quot;margin-left:1em;margin-right:1em;&quot;]{margin-left:auto!important;margin-right:auto!important}.separator a[style=&quot;clear:left;float:left;margin-bottom:1em;margin-right:1em;&quot;]{clear:none!important;float:none!important;margin-bottom:0!important;margin-right:0!important}.separator a[style=&quot;clear:left;float:left;margin-bottom:1em;margin-right:1em;&quot;] img{float:left!important;margin:0 10px 10px 0}.separator a[style=&quot;clear:right;float:right;margin-bottom:1em;margin-left:1em;&quot;]{clear:none!important;float:none!important;margin-bottom:0!important;margin-left:0!important}.separator a[style=&quot;clear:right;float:right;margin-bottom:1em;margin-left:1em;&quot;] img{float:right!important;margin:0 0 10px 10px}img,object,embed{border:none;vertical-align:middle;max-width:100%;width:auto;height:auto}.post img{max-width:100%;height:auto}.CSS_LIGHTBOX{z-index:999999!important}.CSS_LIGHTBOX_BG_MASK_TRANSPARENT{opacity:.95!important}.CSS_LIGHTBOX_SCALED_IMAGE_IMG{width:auto!important;max-width:100%;box-shadow:0 0 10px rgba(0,0,0,0.1)}.CSS_LIGHTBOX_BTN_CLOSE{background:url(&#39;https://4.bp.blogspot.com/-cmZSAe4hgWI/V0K-3C5xiHI/AAAAAAAAG90/2btatUgRsM4qf8HIc7QweuToTkRqRNeuACLcB/s1600/delete.png&#39;) no-repeat!important;width:32px!important;height:32px!important;top:30px!important;opacity:0.7;transition:all .3s}.CSS_LIGHTBOX_BTN_CLOSE:hover{opacity:1}.CSS_LIGHTBOX_BTN_CLOSE_POS{right:10px!important}.CSS_LIGHTBOX_BG_MASK{background-color:rgba(0,0,0,0.8)!important}.CSS_LIGHTBOX_FILMSTRIP{background-color:rgba(0,0,0,0.5)!important}
  210. .PopularPosts .widget-content ul li a{color:#000}
  211. img,object,embed{border:none;vertical-align:middle;max-width:100%;width:auto;height:auto}
  212. .post img{max-width:100%;height:auto}
  213. #ArchiveList a{color:#555}#ArchiveList a:hover{color:#f39c12}
  214. #BlogArchive1 li.archivedate{padding:10px 0;border-bottom:1px solid rgba(0,0,0,0.05)}
  215. #BlogArchive1 li:last-child .archivedate{border-bottom:0}
  216. #BlogArchive1 li a{color:#000}#BlogArchive1 li a:hover{color:#aaa}
  217. #BlogArchive1 .arsipnum{float:right;background:#f39c12;color:#fff;padding:2px 6px;font-size:13px}
  218. /* Cookies */
  219. .cookie-choices-info{background-color:rgba(56,66,75,.97)!important;line-height:normal!important;top:initial!important;bottom:0!important;font-family:inherit!important;-webkit-transform:translateZ(0)}.cookie-choices-info .cookie-choices-text{font-size:14px!important;color:#cee6ea!important}.cookie-choices-info .cookie-choices-button{font-weight:normal!important;color:#fff!important;margin-left:5px!important;padding:3px 6px!important;background:#f64c3b!important;letter-spacing:.8px;transition:all .4s linear}.cookie-choices-info .cookie-choices-button:nth-child(2){background:#f68c2e!important;transition:all .4s linear}.cookie-choices-info .cookie-choices-button:hover,.cookie-choices-info .cookie-choices-button:nth-child(2):hover{background:#282f36!important;transition:all .1s linear}
  220. /* Clear */
  221. .clear{clear:both}.site-main:before,.site-main:after,.clear:before,.clear:after,[class*=&quot;area&quot;]:before,[class*=&quot;area&quot;]:after,[class*=&quot;content&quot;]:before,[class*=&quot;content&quot;]:after,[class*=&quot;navigation&quot;]:before,[class*=&quot;navigation&quot;]:after,[class*=&quot;site&quot;]:before,[class*=&quot;site&quot;]:after{content:&#39;&#39;;display:table}
  222. .site-main:after,.clear:after,[class*=&quot;area&quot;]:after,[class*=&quot;content&quot;]:after,[class*=&quot;navigation&quot;]:after,[class*=&quot;site&quot;]:after{clear:both}
  223. #HTML98{padding:0}.quickedit,#ContactForm1,#ContactForm1 br,.status-msg-body,.status-msg-wrap,.descriptionwrapper,.blog-feeds,.post-feeds{display:none}
  224. /* Banner */
  225. .kotak_iklan1{position:relative}.kotak_iklan1:before{content:&#39;300x250 Ad&#39;;position:absolute;background:rgba(25,25,25,.9);color:#fff;top:0;right:0;padding:2px 8px;font-size:80%}.kotak_iklan1:hover:before{content:&#39;Pasang iklan&#39;}.banner,.banner2{margin:20px auto 0 auto;text-align:center;overflow:hidden;padding:0 10px}.banner .widget,.banner2 .widget{width:100%;max-width:100%;margin:0 auto;background:rgba(0,0,0,0.1);text-align:center;overflow:hidden;padding:0}.banner img,.banner iframe,.banner2 img,.banner2 iframe{display:block;margin:0 auto;text-align:center}
  226. /* Layout */
  227. #content{margin:20px auto;max-width:990px;overflow:hidden}.content-area{float:left;margin:20px 0;padding:0;width:67%}.sidebar-widget-area{float:right;margin:20px 0;padding:10px;width:32.4%}
  228. /* Header */
  229. .site-branding{float:left}.display-header-text .site-image{margin-bottom:12px}.titlewrapper h1,.titlewrapper h2{font-size:24px;margin:0;line-height:53px}.titlewrapper h1 a,.titlewrapper h2 a{color:#222}.titlewrapper h1 a:hover,.titlewrapper h2 a:hover{color:#aaa}.header img{display:block}
  230. /* Responsive Menu */
  231. .nav-collapse ul{margin:0;padding:0;width:100%;display:block;list-style:none}
  232. .js .nav-collapse{clip:rect(0 0 0 0);max-height:0;position:absolute;display:block;zoom:1}
  233. .nav-collapse.opened{max-height:9999px}
  234. .disable-pointer-events{pointer-events:none!important}
  235. .nav-toggle{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;user-select:none}
  236. .containerku{max-width:990px;margin:0 auto;padding:0 10px}
  237. #neversettle{overflow:hidden;display:block;background:#fff;border-bottom:1px solid rgba(0,0,0,0.05)}
  238. .logo{-webkit-tap-highlight-color:rgba(0,0,0,0);text-decoration:none;font-weight:500;line-height:55px;padding:0;color:#000;float:left}
  239. .mask{-webkit-transition:opacity 300ms;-moz-transition:opacity 300ms;transition:opacity 300ms;background:rgba(0,0,0,.2);visibility:hidden;position:fixed;opacity:0;z-index:2;bottom:0;right:0;left:0;top:0}
  240. .android .mask{-webkit-transition:none;transition:none}
  241. .js-nav-active .mask{visibility:visible;opacity:1}
  242. .nav-collapse,.nav-collapse ul{list-style:none;float:left}
  243. .nav-collapse li{width:100%;display:block;color:#000;float:left;width:100%}
  244. .nav-collapse a{-webkit-tap-highlight-color:rgba(0,0,0,0);font-weight:500;padding:0.7em 1em 0.7em 0;color:#000;width:100%;float:left}
  245. .nav-collapse a:hover{color:#aaa}
  246. .nav-collapse ul ul a{background:#fff;padding:0 10px;font-size:12px}
  247. .nav-toggle{color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-decoration:none;text-indent:-300px;position:relative;overflow:hidden;width:60px;height:55px;float:right}
  248. .nav-toggle:before{color:#000;font:normal 28px/55px &quot;FontAwesome&quot;;text-transform:none;text-align:right;position:absolute;content:&quot;\f0c9&quot;;text-indent:0;speak:none;width:100%;left:0;top:0}
  249. .nav-toggle.active:before{font-size:24px;content:&quot;\f00d&quot;;}
  250. @media screen and (min-width:769px){.js .nav-collapse{position:relative}.js .nav-collapse.closed{max-height:none}.nav-toggle{display:none}.mask{display:none!important;opacity:0!important}.nav-collapse{float:right;width:auto}.nav-collapse li{width:auto}.nav-collapse a{padding:1.02em;text-align:center;border-top:0;float:left;margin:0;border-left:1px solid rgba(0,0,0,0.05)}.nav-collapse a:hover{box-shadow:inset 0 3px 0 0 rgba(0,0,0,0.1)}}
  251. /* Mobile Search Box */
  252. #search-form{overflow:hidden}.nav-collapse li.searchbar{display:none}
  253. .searchbar{display:flex;justify-content:center;align-items:center}
  254. .searchbar #searchbar-input{border:0;width:100%;outline:none;color:#000;display:none;position:absolute;top:0;right:0;padding:0;max-width:100%;text-indent:20px;line-height:53px}
  255. .searchbar .fa-times{position:absolute;right:20px;line-height:53px;color:#000;z-index:2;display:none;cursor:pointer}
  256. .searchbar .fa-times:hover{color:#aaa}
  257. .searchbar .fa-search{cursor:pointer;line-height:53px;text-align:center}
  258. .nav-collapse li.searchbar{padding:0 1.52em;border-left:1px solid rgba(0,0,0,0.05);border-right:1px solid rgba(0,0,0,0.05)}
  259. #searchbar-input::placeholder{color:#aaa;opacity:1;font-weight:500}#searchbar-input:-ms-input-placeholder{color:#aaa;font-weight:500}#searchbar-input::-ms-input-placeholder{color:#aaa;font-weight:500}
  260. /* Search Box */
  261. .search-icon{padding:0 1.52em;border-left:1px solid rgba(0,0,0,0.05);border-right:1px solid rgba(0,0,0,0.05)}.search-icon a{color:#000;cursor:pointer;line-height:53px;text-align:center;padding:0;border:0;font-weight:normal}.search-icon a:hover{box-shadow:none;color:#aaa}#searchca{color:#000;margin:auto;transition:all 0.1s ease-in-out;display:none}#searchca.open{display:block;position:absolute;top:53px;right:0;left:0;width:100%;margin:auto;padding:0 10px;max-width:990px}#searchca input[type=&quot;search&quot;]{position:relative;background:transparent;color:#000;border:1px solid rgba(0,0,0,0.05);width:100%;font-size:15px;font-weight:500;outline:none;padding:12px 20px;margin:auto}#searchca .close{position:absolute;top:10px;right:20px;color:#000;background-color:transparent;opacity:0.5;font-size:24px;border:none;outline:none;padding:0;z-index:9;transition:all .3s}#searchca .close:hover{cursor:pointer;opacity:0.6}#searchca form{background:#fff;margin:auto;max-width:990px;position:relative}
  262. #searchca form::placeholder{color:#aaa;opacity:1;font-weight:500}#searchca form:-ms-input-placeholder{color:#aaa;font-weight:500}#searchca form::-ms-input-placeholder{color:#aaa;font-weight:500}
  263. /* Breaking News */
  264. #breakingwrapper{background:#333;color:#fff;width:100%;display:block;margin:0 auto;overflow:hidden}#breakingnews{width:100%;max-width:990px;display:block;margin:0 auto;line-height:42px;height:42px;overflow:hidden;font-size:13px;font-weight:500;padding:0 10px}#breakingnews .tulisbreaking{background:#f39c12;color:#fff;display:block;padding:0 10px;font-size:13px;font-weight:500;height:42px;line-height:42px;float:left;text-align:center}#recentbreaking{float:left;margin:0 0 0 15px;font-size:13px;color:#fff}#recentbreaking ul,#recentbreaking li{list-style:none;margin:0;padding:0}#recentbreaking li a{color:#fff}#recentbreaking li a:hover{color:#aaa}.blog-date{display:inline-block;float:right;margin:0;font-size:13px;font-weight:500;border-radius:2px;cursor:pointer}#breakingnews .tulisbreaking i{margin:0 5px 0 0;font-family:fontawesome;color:#fff}
  265. /* Content */
  266. .hentry{position:relative;margin:0 0 20px 0;word-wrap:break-word;overflow:hidden}.entry-header{background-color:#fff;padding:1.3334em 1.3334em 0 1.3334em}.entry-title{color:#404040;font-weight:500;font-size:150%;line-height:normal;margin:0 auto 15px auto}.entry-title a{color:#000}.headertitle{color:#ff3354}.entry-title a:hover{color:#aaa}.postmeta-primary i{margin:0 5px 0 0;color:#e67e22}.postmeta-primary{color:#555;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.postmeta-primary a{color:#555}.postmeta-primary a:hover{color:#e67e22}.entry-content{margin:10px;padding:0 0 30px 0;font-size:16px;line-height:1.6;border-bottom:4px solid rgba(0,0,0,0.1)}.entry-content-bot{padding:0}embed,iframe,object{max-width:100%}
  267. /* Breadcrumbs */
  268. .breadcrumbs{padding:10px 12px;font-size:13px;color:#aaa}.breadcrumbs a{color:#aaa}.breadcrumbs a:hover{color:#000}
  269. /* Widgets */
  270. .widget-area .widget{margin:0 0 20px 0;overflow:hidden}.widget-area .widget h2,.widget-area .widget h3{word-wrap:break-word;margin-bottom:1rem}.widget-area .widget ul,.widget-area .widget ol{list-style:none;margin:0}.widget-area .widget ul &gt;li,.widget-area .widget ol &gt;li{padding:0 0 10px 0}.widget-area .widget li &gt;ul,.widget-area .widget li &gt;ol{margin-left:24px}.widget-area .widget ul ul{margin-top:12px}.widget-area .widget ul ul &gt;li:last-child{padding-bottom:0}.widget-area .widget a{text-decoration:none}.widget-area .widget a:hover{color:#f39c12}.widget select{max-width:100%}.BlogArchive #ArchiveList ul.posts li{margin:0;font-size:90%}
  271. /* Sidebar */
  272. .sidebar-widget-area .widget{background:#fff;padding:0}.sidebar-widget-area .widget h2,.sidebar-widget-area .widget h3{color:#000;font-size:17px;padding:10px 0;margin:0;font-weight:500}
  273. /* Popular */
  274. #PopularPosts1 ul{background:#f7f7f7}#PopularPosts1 ul li{width:100%;max-width:100%;margin:0 auto;padding:15px 15px 0 15px}#PopularPosts1 ul li img{width:100%;max-width:100%;height:auto;list-style:none;float:none;padding:0}#PopularPosts1 ul li .item-title{background:#fff;padding:15px;box-shadow:0 1px 5px rgba(0,0,0,0.1);transition:all .6s}#PopularPosts1 ul li:hover .item-title{box-shadow:0 3px 5px rgba(0,0,0,0.1)}#PopularPosts1 ul li:last-child{margin:auto;padding:15px}#PopularPosts1 ul li a{font-weight:500;color:#000;font-size:16px;text-decoration:none}#PopularPosts1 ul li a:hover{text-decoration:underline}#PopularPosts1 .item-snippet{display:none}
  275. /* Label */
  276. .label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5{font-size:100%;opacity:1}.cloud-label-widget-content{text-align:left}.label-size{background:#fff;display:block;margin:0;color:#555;line-height:normal}.label-size a,.label-size span{background:#333;display:inline-block;float:left;color:#fff;padding:3px 10px;font-size:14px;font-weight:500;margin:0 3px 3px 0;border-radius:2px;border:1px solid}#Label1 .label-size a:hover{background:#f39c12;color:#fff}.label-count{white-space:nowrap;padding-right:3px;margin-left:-3px;background:rgba(0,0,0,0.1)}
  277. /* Sosial Media */
  278. #socialcounter{overflow:hidden;margin:0 0 10px 0}#socialcounter .arlina_socialize{margin-left:-.5%;margin-right:-.5%}#socialcounter .arlina_socialize:before,.arlina_socialize:after{content:&quot;&quot;;display:table}#socialcounter .arlina_socialize:after{clear:both}#socialcounter .arlina_socialize .scl_social{margin:0 .5% 1%;width:19%;float:left;text-align:center;background:#111;transition:all .3s}#socialcounter .arlina_socialize .scl_social.facebookx{background:#3e64ad}#socialcounter .arlina_socialize .scl_social.twitterx{background:#58ccff}#socialcounter .arlina_socialize .scl_social.bloggerx{background:#f79738}#socialcounter .arlina_socialize .scl_social.instagramx{background:#4d749f}#socialcounter .arlina_socialize .scl_social.googlex{background:#dd4b39}#socialcounter .arlina_socialize .scl_social.youtubex{background:#e62119}#socialcounter .arlina_socialize .scl_social.facebookx:hover{background:#2d4980}#socialcounter .arlina_socialize .scl_social.twitterx:hover{background:#4aaeda}#socialcounter .arlina_socialize .scl_social.bloggerx:hover{background:#d78432}#socialcounter .arlina_socialize .scl_social.instagramx:hover{background:#3c5d81}#socialcounter .arlina_socialize .scl_social.googlex:hover{background:#bf3c2c}#socialcounter .arlina_socialize .scl_social.youtubex:hover{background:#c71f18}#socialcounter .arlina_socialize .scl_social a{position:relative;overflow:hidden;display:block;color:#fff;padding:15px 5px}#socialcounter .arlina_socialize .scl_social span{display:block}#socialcounter .arlina_socialize .scl_social span.app_icon i{font-size:20px}
  279. /* Subscribe Box */
  280. #HTML99{padding:0}.subscribe-wrapper{background:#f39c12;color:#fff;margin:0;padding:20px;text-align:center}.subscribe-wrapper p{margin:0;font-size:22px;text-align:center}.subscribe-form{clear:both;display:block;margin:10px 0;overflow:hidden}form.subscribe-form{clear:both;display:block;margin:10px 0 0;width:auto;overflow:hidden}.subscribe-css-email-field{background:#fff;color:#95a5a6;margin:0;padding:14px;width:100%;border:0;text-align:center;outline:0;font-size:14px}.subscribe-css-button{background:#333;color:#fff;text-transform:none;width:100%;border:0;font-size:14px;padding:14px;font-weight:500;transition:all .1s}.subscribe-css-button:hover{background:#222;color:#fff}.subscribe-css-button:focus,.subscribe-css-button:active{color:#fff}.widget select{max-width:100%;width:100%;cursor:pointer;border:0;padding:10px;font-size:13px}
  281. /* Footer Wrapper */
  282. .footer-navbar{padding:24px 34px 0 34px}.site-info{background:#333;color:#fff;font-size:14px;font-weight:500;padding:40px 20px;text-align:center}.site-info a{color:#fff}.site-info a:hover{color:rgba(255,255,255,.7)}.maxwrap.bawahcr{background:#2a2a2a;margin:0 auto;overflow:hidden;border-top:1px solid rgba(0,0,0,0.05)}.footer-menu{margin:auto;padding:0}ul.menufoot{margin:auto;padding:0;width:auto;overflow:hidden;list-style:none;line-height:24px;text-align:center}ul.menufoot li{display:inline-block;margin:30px auto}ul.menufoot li a{color:#fff;overflow:hidden;margin-right:5px;padding:12px;line-height:25px;font-size:14px;font-weight:500;transition:all .1s}ul.menufoot li a:hover{color:#aaa}
  283. /* Back To Top */
  284. .totop{visibility:hidden;z-index:2;background:rgba(51,51,51,.5);color:#fff;font-size:1.1rem;width:32px;height:32px;line-height:32px;text-align:center;position:fixed;bottom:30px;right:30px;border:1px solid rgba(0,0,0,0.03);cursor:pointer;-webkit-transform:translateZ(0) scale(0.0);transform:translateZ(0) scale(0.0);transition:all .1s}
  285. .totop.arlniainf{visibility:visible;opacity:1;-webkit-transform:translateZ(0) scale(1.0);transform:translateZ(0) scale(1.0);transition:all .6s cubic-bezier(.25,.8,.25,1)}
  286. .totop:hover{background:rgba(0,0,0,.5);color:#fff}
  287. /* Blog Pager */
  288. #blog-pager-newer-link{float:left}#blog-pager-older-link{float:right}
  289. #blog-pager{text-align:center;padding:0;margin:auto;}
  290. /* Responsive */
  291. @media screen and (min-width:1200px){html{font-size:96.75%}.display-header-text .site-image{margin-bottom:17px}.site-description{margin-top:14px}.footer-widgets{width:320px}.first.footer-widgets,.second.footer-widgets{margin-right:55px}.site-branding a + .site-title{margin-top:17px}}
  292. @media screen and (max-width:990px){.content-area{width:67%}.footer-widgets{width:29.850746268656714%%}.first.footer-widgets,.second.footer-widgets{margin-right:5.1305970149253734%}}
  293. @media screen and (max-width:920px){.content-area,.sidebar-widget-area {width:100%;}}
  294. @media screen and (max-width:768px){.nav-collapse li.searchbar{display:block}.search-icon a{background:transparent;color:#000;padding:14px 18px;z-index:124}.search-icon a:hover{color:#365899;background:rgba(255,255,255,.1)}.search-icon{padding:0;z-index:124}.sitepix{margin:70px auto 10px auto}#searchca.open{display:block;position:fixed;left:0;right:0;top:50px;z-index:99}#searchca input[type=&quot;search&quot;]{width:100%;padding:15px 25px;text-align:center;box-shadow:0 1px 5px rgba(0,0,0,0.05);border-top:1px solid rgba(0,0,0,0.05);border-bottom:1px solid rgba(0,0,0,0.05)}#searchca .close{top:8px}.hentry{margin-bottom:24px}.footer-widgets{width:100%}.first.footer-widgets,.second.footer-widgets{margin-right:0}ul.menufoot{text-align:center;width:100%}
  295. .nav-collapse li.searchbar{margin:0;border:0;padding:0}.searchbar #searchbar-input{background:#f7f7f7;display:block;position:relative;overflow:hidden;text-indent:10px;line-height:42px;margin:0 auto 10px auto;text-align:center}#breakingnews{padding:0 10px 0 0}.searchbar .fa-search,.searchbar .fa-times,.search-icon,.search-icon a,#searchca,#HTML33{display:none}}
  296. @media screen and (max-width:640px){ul.menufoot li{display:inline-block;margin:10px auto;overflow:hidden}ul.menufoot li a{border:0}#recentbreaking{text-align:center;float:none}#breakingnews .tulisbreaking i{margin:0;padding:0 10px}#breakingnews .tulisbreaking .breakhidden{display:none}}
  297. @media screen and (max-width:320px){.site-logo{max-width:100%}#socialcounter ul li a .textsoc{display:none}}
  298. @media screen and (max-width:240px){#socialcounter ul li.social_item-wrapper{display:block;float:none;width:100%}}
  299. </style>
  300. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  301. <style type='text/css'>
  302. .post-body img{max-width:100%;height:auto}.post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6{margin:0}.post-body h1{font-size:200%}.post-body h2{font-size:180%}.post-body h3{font-size:160%}.post-body h4{font-size:140%}.post-body h5{font-size:120%}.post-body h6{font-size:100%}.entry-title{font-size:180%;padding:15px 10px;margin:0;color:#000}.postmeta-primary{margin:0 auto 20px auto}.postmeta-primary a{color:#555}.postmeta-primary i{color:#e67e22}.postmeta-primary a:hover{color:#e67e22}
  303. /* Related Post */
  304. #related-posts{overflow:hidden;margin:0 10px 20px 10px;padding:10px 0 20px 0;border-bottom:4px solid rgba(0,0,0,0.1)}.related li{width:32.276%;display:inline-block;height:auto;float:left;margin-right:10px;overflow:hidden;position:relative}.related li h3{margin-top:0}.related-thumb{width:100%;height:180px;overflow:hidden;border-radius:2px}.related li .related-img{width:100%;height:180px;display:block;position:relative;transition:all .3s ease-out}.related-title{position:absolute;bottom:10px;left:10px;right:10px;padding:0;margin:0;line-height:1.2em;z-index:2}.related-title a{font-size:14px;line-height:1.4em;padding:0;font-weight:400;color:#fff;display:block;text-shadow:0 .5px .5px rgba(34,34,34,0.3)}.related li:nth-of-type(3),.related li:nth-of-type(6),.related li:nth-of-type(9){margin-right:0}.related .related-thumb .related-img:after{background:rgba(0,0,0,0.12);content:&quot;&quot;;bottom:0;left:0;top:0;right:0;margin:auto;position:absolute;transition:all .5s}.related .related-thumb:hover .related-img:after{background:rgba(0,0,0,0.38)}.related-overlay{position:absolute;left:0;top:0;z-index:1;width:100%;height:100%;background-color:rgba(40,35,40,0.05)}.related-line,.related-line-c{position:relative;margin:10px auto 0 auto;padding:0 10px}.related-info-th{z-index:2;position:relative;margin-bottom:20px;color:#fff;background:#f39c12;display:inline-block;padding:5px 10px;margin:1px 0;font-weight:400}.related-line-c{text-align:center;margin-bottom:6px}
  305. #blog-pager{background:transparent;text-align:center;padding:0;margin:0 0 10px 0}
  306. #blog-pager a{background:rgba(255,255,255,.15);border:0;color:rgba(255,255,255,.6)}
  307. #blog-pager a:hover{background:rgba(255,255,255,.25);color:#fff;}
  308. /* Share Button */
  309. .sharethisbawah{margin:20px auto}
  310. .post-share{position:relative;overflow:hidden;padding:10px 0;margin:0}.post-header .post-share{margin:20px 0 0}ul.share-links{position:relative;margin:0}.share-links li{float:left;display:inline-block;overflow:hidden;width:24.2%;margin:0 2.5px}.share-links li a,.share-links li span{display:block;cursor:pointer;height:34px;line-height:34px;color:#fff;font-size:18px;font-weight:400;text-align:center}.share-links li span{position:relative;font-size:14px;color:#000;line-height:32px;box-sizing:border-box;margin:0 5px 0 0;border:1px solid rgba(155,155,155,0.17)}.share-links li span:before{content:&#39;\f1e0&#39;;font-family:Fontawesome;font-weight:900}.share-links li span:after{content:&#39;&#39;;position:absolute;width:6px;height:6px;top:12px;right:-4px;background-color:$(posts.background.color);border:1px solid rgba(155,155,155,0.17);border-left-color:rgba(0,0,0,0);border-bottom-color:rgba(0,0,0,0);transform:rotate(45deg)}.share-links li.whatsapp-mobile{display:none}.mobile-share li.whatsapp-desktop{display:none}.mobile-share li.whatsapp-mobile{display:inline-block}.share-links li a:hover{opacity:.95}
  311. /* Responsive */
  312. @media screen and (max-width:640px){.related li{width:100%;margin:0 0 10px 0}}
  313. @media screen and (max-width:480px){.share-links li{width:25%;margin:0 auto}}
  314. </style></b:if>
  315.  
  316.  
  317.  
  318.  
  319. <b:if cond='data:blog.pageType != &quot;index&quot;'>
  320. <style type='text/css'>
  321. /* Shortcode */
  322. .post-body .button{width:100%;padding:0!important;list-style:none;margin:10px auto!important}.post-body .button li{display:inline-block;width:49%;line-height:normal;margin:0;max-width:130px}.post-body .button li a{position:relative;display:inline-block;padding:8px 15px;margin:5px;color:#fff;text-align:center;border:0;text-transform:capitalize!important;border-radius:3px;background-size:300% 100%;font-size:13px;min-width:120px}.post-body .button li a.demo{background:#f39c12}.post-body .button li a.download{background:#e67e22}.post-body .button li a.demo:hover,.post-body .button li a.download:hover,.post-body .button li a.demo:active,.post-body .button li a.download:active{background:#333}.bagidua{-webkit-column-count:2;-moz-column-count:2;column-count:2}.bagitiga{-webkit-column-count:3;-moz-column-count:3;column-count:3}.bagiempat{-webkit-column-count:4;-moz-column-count:3;column-count:4}.bagidua img,.bagitiga img,.bagiempat img{-webkit-backface-visibility:hidden;margin-bottom:15px;max-width:100%}.post-body .bagidua .separator:nth-of-type(n+2),.post-body .bagitiga .separator:nth-of-type(n+2),.post-body .bagiempat .separator:nth-of-type(n+2) img{margin:0 auto}.videoyoutube{text-align:center;margin:auto;width:100%}.video-responsive{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}.video-responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}
  323. .post-body a.img,.post-body .separator a {margin-left:0!important;margin-right:0!important;}
  324. .author-profile a.g-profile{display:inline-block;color:#000;font-size:1.3rem;margin:0 0 10px 0;font-weight:500}
  325. .post-body blockquote{font-size:100%;border-left:none;padding:40px 25px 30px;margin:20px 0 10px;position:relative;text-align:center;clear:both;border-top:4px solid rgba(0,0,0,0.05);border-bottom:4px solid rgba(0,0,0,0.05)}.post-body blockquote:before{content:&#39;\f10e&#39;;position:absolute;top:0;left:0;right:0;margin:auto;margin-top:-25px;font-size:20px;font-family:FontAwesome;color:#444;display:block;width:50px;height:50px;background:#fff;line-height:50px}
  326. /* Highlighter */
  327. pre{white-space:pre;word-wrap:normal;overflow:auto;font-size:14px;margin:0;padding:0}hr{margin-top:2rem;background:#ccc;height:1px;border:0;margin-bottom:2rem}
  328. .post-body code{padding:1.2em}.post-body pre{padding:0;border-radius:3px;background-color:#292e34;word-spacing:normal;word-break:normal;line-height:1.4em}.post-body .hljs{display:block;overflow-x:auto;padding:1.2em;background:#2b2b2c;color:#fff;line-height:1.5;text-align:left;word-spacing:0;font-family:monospace;border-radius:3px}.post-body .hljs-name,.post-body .hljs-strong{font-weight:500}.post-body .hljs-code,.post-body .hljs-emphasis{font-style:italic}.post-body .hljs-tag{color:#62c8f3}.post-body .hljs-variable,.post-body .hljs-template-variable,.post-body .hljs-selector-id,.post-body .hljs-selector-class{color:#ade5fc}.post-body .hljs-string,.post-body .hljs-bullet{color:#a2fca2}.post-body .hljs-type,.post-body .hljs-title,.post-body .hljs-section,.post-body .hljs-attribute,.post-body .hljs-quote,.post-body .hljs-built_in,.post-body .hljs-builtin-name{color:#ffa}.post-body .hljs-number,.post-body .hljs-symbol,.post-body .hljs-bullet{color:#d36363}.post-body .hljs-keyword,.post-body .hljs-selector-tag,.post-body .hljs-literal{color:#fcc28c}.post-body .hljs-comment,.post-body .hljs-deletion,.post-body .hljs-code{color:#7f8c8d}.post-body .hljs-regexp,.post-body .hljs-link{color:#c6b4f0}.post-body .hljs-meta{color:#fc9b9b}.post-body .hljs-deletion{background-color:#fc9b9b;color:#333}.post-body .hljs-addition{background-color:#a2fca2;color:#333}.post-body .hljs a{color:inherit}.post-body .hljs a:focus,.post-body .hljs a:hover{color:inherit;text-decoration:underline}mark .post-body .hljs-attr,mark .post-body .hljs-string,mark .post-body .hljs-bullet{background-color:#e67e22;color:#fff}.post-body .hljs mark{background-color:#f24a4a;color:#fff;padding:2px 5px;border-radius:2px}.post-body .hljs mark span.hljs-number,.post-body .hljs mark span.hljs-comment,.post-body .hljs mark span.hljs-symbol,.post-body .hljs mark span.hljs-string,.post-body .hljs mark span.hljs-attr,.post-body .hljs mark span.hljs-keyword,.post-body .hljs mark span.hljs-name,.post-body .hljs mark span.hljs-tag{color:#fff;margin:.15rem 0}
  329. /* Komentar */
  330. #comments{position:relative;margin:10px auto;font-size:14px;padding:0 10px;line-height:1.5}#comments h3{background:#fff;color:#365899;display:block;padding:10px 15px;margin:10px auto;font-size:16px;border-bottom:1px solid rgba(0,0,0,0.05)}#comment_block{position:relative}.comment_avatar_wrap{width:42px;height:42px;background:rgba(0,0,0,0.01);text-align:center;margin-bottom:20px;border-radius:100%}#comments .avatar-image-container{float:left;margin:0 10px 0 0;width:42px;height:42px;max-width:42px;max-height:42px;padding:0;margin-bottom:10px}#comments .avatar-image-container img{width:42px;height:42px;max-width:42px;max-height:42px;background:url(https://2.bp.blogspot.com/-fjaZBtfvzac/UN1mw2tUamI/AAAAAAAADkc/XdKqt8hWZ6w/s1600/anon.jpg) no-repeat}.comment_name a{padding:5px 0 0 0;font-size:1rem;color:#365899}.comment_name a:hover{color:#365899}.comment_admin .comment_name{font-size:1.1rem}.comment_admin .comment_date{font-weight:normal;font-size:11px}.comment_name{font-weight:500;position:relative}.comment_service{margin-top:5px}.comment_date{color:#7f8c8d;float:right;font-size:11px;font-weight:normal;margin-top:-3px}.comment_date a{color:#7f8c8d;float:right;font-size:11px;font-weight:normal}.comment_date a:hover{color:#d4a258;text-decoration:none}.comment_body{background:#fff;margin-left:56px;margin-top:-72px;padding:15px;border-bottom:1px solid rgba(0,0,0,0.05)}.comment_body p{margin:5px 0 0 0;color:#222;word-wrap:break-word;padding:10px 0}.comment_inner{margin:10px 0;display:inline-block;width:100%;max-width:100%}.comment_child .comment_wrap{padding-left:7%}.comment_reply{background:#f39c12;overflow:hidden;display:inline-block;margin-top:10px;color:#fff;text-align:center;text-decoration:none;font-size:11px;padding:2px 8px;line-height:normal;border-radius:99em}.comment_reply:hover{background:#e67e22;color:#fff}.unneeded-paging-control{display:none}.comment-form{max-width:100%;!important}#comment-editor{width:100%!important;background:transparent}.comment_form a{text-decoration:none;text-transform:uppercase;font-size:15px}.comment-form p{background:#f7f7f7;padding:15px 15px 11px;margin:5px 0 10px;color:#222;line-height:1.3em;border-radius:3px;position:relative;max-width:100%}.comment_reply_form{padding:0 0 0 70px}.comment_reply_form .comment-form{width:99%}.comment_emo_list{background:#fff;padding:10px;overflow:hidden;display:inline-block;color:#222;margin:0 0 5px 0}.comment_emo_list .item{float:left;display:inline-block;text-align:center;overflow:hidden;margin:15px 15px 0 0}.comment_emo_list span{display:block;font-weight:500;font-size:11px;letter-spacing:1px}.comment_youtube{max-width:100%!important;width:400px;height:225px;display:block;margin:auto}.comment_img{max-width:100%!important}.deleted-comment{padding:10px 10px 10px 10px;display:block;color:rgba(255,255,255,.8)}.comment_header{width:50px}#respond{overflow:hidden;padding-left:10px;clear:both}.comment_avatar img{width:42px;background:url(https://3.bp.blogspot.com/-8KcnWSOeRws/W8nmi5UBvGI/AAAAAAAAOQA/EdtFxRH7n0ocvyTUtJIXXwhmARcmSBbHgCLcBGAs/s1600/anonymous.png) no-repeat;background-size:cover;border-radius:100%}.comment_avatar img:hover{transform:initial}.comment-delete img{float:right;margin-left:15px;margin-top:3px;margin-right:10px}iframe{border:none;overflow:hidden}.small-button1 a{margin:10px 0 0 0;text-decoration:none;text-transform:none;font-size:13px;display:inline-block;color:#fff;padding:4px 10px;cursor:pointer;background:#f39c12}.small-button1:hover a{background:#333;color:#fff}span.small-button1{text-align:left;display:inline-block}.comments .comments-content .comment-thread ol{margin:0}.comment_body img.comment_emo{width:18px;height:18px;margin:0 3px}.comment_emo_list img.comment_emo{width:18px;height:18px;margin:0 0 5px 0}#emo-box,#hide-emo,.comment_author_flag{display:none}#blog-pager{display:none}
  331. #sidebarbottom{width:100%;max-width:303px;z-index:10;-webkit-transform:translateZ(0);transform:translateZ(0)}
  332. /* Responsive */
  333. @media screen and (max-width:769px){.bagidua,.bagitiga,.bagiempat{-webkit-column-count:1;-moz-column-count:1;column-count:1;}}
  334. @media screen and (max-width:640px){#sidebarbottom{width:100%;max-width:100%;}.authorbox{background:#e2e8eb}.authorbox img{margin:0 auto;border-radius:10%}.authorbox a.authorname{background:#fff;margin:20px auto;border:0;box-shadow:0 5px 5px rgba(0,0,0,0.1)}}
  335. </style></b:if>
  336.  
  337. <b:if cond='data:blog.pageType != &quot;item&quot;'>
  338. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  339. <style type='text/css'>
  340. .entry-title{clear:none;}
  341. .post-thumbnail{overflow:hidden;background:#f0f0f0;position:relative;height:auto;margin:0 auto 20px auto;padding:0;z-index:1;max-width:100%}
  342. .post-thumbnail img{width:100%;height:auto;min-width:240px;padding:0;margin:0}
  343. .post-thumbnail .loop-layer{background:rgba(0,0,0,0.1);width:100%;height:100%;position:absolute;opacity:0;z-index:2;transition:all .5s}
  344. .post-thumbnail:hover .loop-layer{opacity:1}
  345. .snippets{color:#555;margin:10px 0 0 0}
  346. .label-info{position:absolute;opacity:1;visibility:visible;left:10px;top:10px;z-index:2;padding:0;font-size:0}
  347. .label-info a{display:inline-block;background:#333;color:#fff;font-weight:500;font-size:13px;padding:2px 8px;transition:all .3s}
  348. .label-info a:nth-child(2){background:#fff;color:#333}
  349. .label-info a:hover,.label-info a:nth-child(2):hover{background:#111;color:#fff;}
  350. .post-timestamp{position:absolute;opacity:1;visibility:visible;right:15px;bottom:10px;z-index:2;padding:0}
  351. .post-timestamp a{color:rgba(255,255,255,0.6);font-weight:500;font-size:13px}.post-timestamp a:hover{color:rgba(255,255,255,1)}
  352. .post-timestamp a abbr.published{text-decoration:none;border:0}
  353. #readmore a{display:inline-block;background:#f39c12;padding:8px 20px;color:#fff;font-size:12px;font-weight:400;letter-spacing:.752px;line-height:1.5;margin:15px auto 0 auto;text-transform:uppercase}
  354. #readmore a:hover{background:#333}
  355. /* Page Navigation */
  356. #blog-pager{background:#fff;clear:both;width:auto;padding:0;line-height:normal;position:relative;display:block;text-align:left;overflow:visible;margin:0}
  357. .showpage a,.showpageNum a,.showpagePoint,.showpageOf{position:relative;display:inline-block;color:#000;font-weight:500;font-size:18px;padding:6px 10px;margin:0 3px 0 0;transition:all .1s}
  358. .showpage a:hover,.showpageNum a:hover,.showpagePoint:hover,.showpagePoint{color:#f39c12}
  359. span.label-info a.label-block:nth-child(n+3),.showpageOf{display:none}
  360. @media screen and (max-width:640px) {
  361. #blog-pager {padding:12px;}}
  362. @media screen and (max-width:320px) {}
  363. @media screen and (max-width:767px){
  364. .post-thumbnail{margin:0 0 20px auto;float:none;max-width:100%}}
  365. @media screen and (max-width:640px){
  366. .sosmed-author li {width:23%}}
  367. </style></b:if></b:if>
  368. <style type='text/css'>
  369. #blog-pager,.blog-pager{padding:5px 10px 5px 10px;font-weight:500;margin:15px auto 30px auto;display:table}#blog-pager-older-link{float:right}#blog-pager-newer-link{float:left}#blog-pager-older-link a,#blog-pager-newer-link a{position:relative;overflow:hidden;display:inline-block;background:#fff;color:#222;padding:6px 12px;font-size:1rem;border:1px solid}#blog-pager-older-link a{margin:0 0 0 10px;text-align:right}#blog-pager-newer-link a{margin:0 10px 0 0;text-align:left}#blog-pager a.home-link{display:table;background:#fff;color:#222;float:none;margin:auto;padding:6px 12px;font-size:1rem;border:1px solid}#blog-pager-older-link a:hover,#blog-pager-newer-link a:hover,#blog-pager a.home-link:hover{background:#333;color:#fff;border-color:#222}#blog-pager i{font-family:fontawesome;font-style:normal;font-weight:normal}
  370. </style>
  371. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  372. <style type='text/css'>
  373. .entry-title{text-align:center}
  374. .content-area{width:100%;float:none}.sidebar-widget-area,#blog-pager,.blog-pager{display:none}
  375. </style></b:if>
  376.  
  377. <style>
  378. html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,adnav,adheader{
  379.     margin:0;
  380.     padding:0;
  381.     border:0;
  382.     font-size:100%;
  383.     font:inherit;
  384.     vertical-align:baseline
  385. }
  386. a{
  387.     text-decoration:none;
  388.     color:#4a86e8
  389. }
  390. img{
  391.     max-width:100%;
  392.     max-height:100%
  393. }
  394. h1,h2,h3,h4,h5,h6{
  395.     font-weight:700;
  396.     line-height:normal;
  397.     margin:0 0 .6em
  398. }
  399. h1{
  400.     font-size:200%
  401. }
  402. h2{
  403.     font-size:180%
  404. }
  405. h3{
  406.     font-size:160%
  407. }
  408. h4{
  409.     font-size:140%
  410. }
  411. h5{
  412.     font-size:120%
  413. }
  414. h6{
  415.     font-size:100%
  416. }
  417. pre{
  418.     font-family:Menlo,Monaco,&quot;Courier New&quot;,Courier,monospace;
  419.     font-size:16px;
  420.     padding:20px;
  421.     background:rgba(0,0,0,0.1);
  422.     overflow:auto
  423. }
  424. b{
  425.     font-weight:700
  426. }
  427. kbd{
  428.     font-family:Menlo,Monaco,&quot;Courier New&quot;,Courier,monospace;
  429.     padding:5px 10px;
  430.     background:rgba(0,0,0,0.1)
  431. }
  432. abbr{
  433.     text-decoration:none
  434. }
  435. ::-webkit-input-placeholder{
  436.     color:#fff
  437. }
  438. ::-moz-placeholder{
  439.     color:#fff
  440. }
  441. :-ms-input-placeholder{
  442.     color:#fff
  443. }
  444. input:-moz-placeholder{
  445.     color:#fff
  446. }
  447. .aq{
  448.     clear:both
  449. }
  450. .au{
  451.     visibility:hidden;
  452.     opacity:0
  453. }
  454. body{
  455.     font:400 16px/24px Roboto,sans-serif;
  456.     background:#fff;
  457.     line-height:30px;
  458.     -moz-osx-font-smoothing:grayscale;
  459.     -webkit-font-smoothing:antialiased;
  460.     margin:0;
  461.     -webkit-text-size-adjust:100%;
  462.     -ms-text-size-adjust:100%;
  463.     -moz-text-size-adjust:100%;
  464.     text-size-adjust:100%
  465. }
  466. .as,body&gt;textarea{
  467.     display:none
  468. }
  469. .content-wrapper,#a&gt;.j,#a .a.g #c.i,#a .a.g&gt;.j,#a.d .a&gt;.j{
  470.     width:1200px
  471. }
  472. #a{
  473.     background:#4a86e8;
  474.     position:relative;
  475.     -webkit-box-shadow:0 3px 5px rgba(0,0,0,0.25);
  476.     box-shadow:0 3px 5px rgba(0,0,0,0.25)
  477. }
  478. #a a{
  479.     color:#fff
  480. }
  481. #a .j{
  482.     margin:auto;
  483.     position:relative
  484. }
  485. #a .n{
  486.     border-bottom:1px solid rgba(255,255,255,0.25);
  487.     display:block;
  488.     position:relative;
  489.     height:70px
  490. }
  491. #a li{
  492.     list-style-type:none;
  493.     float:left
  494. }
  495. #a .n .f{
  496.     float:left;
  497.     font-weight:700
  498. }
  499. #a li a{
  500.     line-height:70px;
  501.     display:block;
  502.     padding:0 20px
  503. }
  504. #a .n .m{
  505.     float:right
  506. }
  507. #a li.i{
  508.     font-weight:700
  509. }
  510. #a .n .f a{
  511.     line-height:70px;
  512.     font-size:20px;
  513.     display:inline-block;
  514.     padding:0 20px
  515. }
  516. #a .ao{
  517.     text-align:center;
  518.     padding:70px 0 150px;
  519.     color:#fff
  520. }
  521. #a h1,#a h2{
  522.     font-size:30px;
  523.     font-weight:900;
  524.     margin-bottom:30px
  525. }
  526. #a .r{
  527.     width:50px;
  528.     height:50px;
  529.     margin:10px 0;
  530.     float:left
  531. }
  532. #a .r img{
  533.     width:100%;
  534.     height:100%
  535. }
  536. #a .f .r a{
  537.     padding:0
  538. }
  539. #a.d{
  540.     height:50px
  541. }
  542. #a.d&gt;.j&gt;div:nth-child(-n+2){
  543.     display:none
  544. }
  545. #c input{
  546.     padding:10px 20px 10px 70px;
  547.     width:calc(100% - 90px);
  548.     background:rgba(255,255,255,0.3);
  549.     border:0;
  550.     border-radius:5px;
  551.     color:#fff;
  552.     -webkit-transition:background .5s;
  553.     transition:background .5s
  554. }
  555. #c input:hover{
  556.     background:rgba(255,255,255,0.2)
  557. }
  558. #c input:focus{
  559.     border:0;
  560.     outline:0
  561. }
  562. #c .e-icon{
  563.     position:absolute;
  564.     left:20px;
  565.     line-height:48px
  566. }
  567. #c{
  568.     position:relative;
  569.     width:60%;
  570.     margin:auto
  571. }
  572. #a .a{
  573.     height:55px;
  574.     text-transform:uppercase;
  575.     background:#4a86e8;
  576.     position:absolute;
  577.     width:100%;
  578.     left:0;
  579.     bottom:0;
  580.     z-index:10
  581. }
  582. .o{
  583.     display:none;
  584.     position:fixed;
  585.     z-index:21;
  586.     background:#fff;
  587.     width:100%;
  588.     left:0;
  589.     top:-70px;
  590.     text-align:center;
  591.     box-shadow:0 3px 5px rgba(0,0,0,0.25);
  592.     transition:all .2s
  593. }
  594. #a .o a{
  595.     color:#000;
  596.     padding:10px;
  597.     line-height:50px
  598. }
  599. #a .a .f&gt;a{
  600.     font-size:20px;
  601.     display:inline-block;
  602.     padding:0 20px;
  603.     line-height:55px;
  604.     font-weight:700
  605. }
  606. #a .a .f{
  607.     float:left;
  608.     text-align:center;
  609.     margin-right:20px;
  610.     opacity:0;
  611.     visibility:hidden;
  612.     margin-left:-220px;
  613.     -webkit-transition:all .5s;
  614.     transition:all .5s
  615. }
  616. #a .a .f&gt;.r{
  617.     width:45px;
  618.     height:45px;
  619.     margin:5px 0
  620. }
  621. #a .a ul{
  622.     display:inline-block;
  623.     opacity:1;
  624.     overflow:hidden;
  625.     -webkit-transition:all .2s;
  626.     transition:all .2s
  627. }
  628. #a .a li a{
  629.     font-size:15px;
  630.     line-height:50px
  631. }
  632. #a .a.g,#a.d .a{
  633.     position:fixed;
  634.     top:0;
  635.     bottom:initial;
  636.     -webkit-box-shadow:0 3px 5px rgba(0,0,0,0.25);
  637.     box-shadow:0 3px 5px rgba(0,0,0,0.25)
  638. }
  639. #a .a li.i,#a .a li.i:hover{
  640.     border-bottom:5px solid #fff
  641. }
  642. #a .a li:hover{
  643.     border-bottom:5px solid rgba(255,255,255,0.2)
  644. }
  645. #a .a #c{
  646.     position:absolute;
  647.     top:0;
  648.     right:0;
  649.     color:#fff;
  650.     width:0;
  651.     opacity:0;
  652.     overflow:hidden;
  653.     margin:10px 0;
  654.     -webkit-transition:all .5s;
  655.     transition:all .5s
  656. }
  657. #a .a #c input{
  658.     -webkit-transition:all .5s;
  659.     transition:all .5s
  660. }
  661. #a .a.g #c,#a.d .a #c{
  662.     width:250px;
  663.     opacity:1
  664. }
  665. #a .a.g #c.i,#a.d .a #c.i{
  666.     width:100%
  667. }
  668. #a .a.g.e .f,#a.d .a.e .f,#a .a.g.e .j&gt;ul,#a.d .a.e .j&gt;ul{
  669.     opacity:0;
  670.     visibility:hidden
  671. }
  672. #a .a.g.e .f,#a.d .a.e .f{
  673.     margin-left:calc(5% - 100px)
  674. }
  675. #a .a.g .f,#a.d .a .f{
  676.     opacity:1;
  677.     visibility:visible;
  678.     margin-left:0
  679. }
  680. #a .a .a-button,#a .a .e-button{
  681.     background:0;
  682.     border:0;
  683.     color:#fff;
  684.     position:absolute;
  685.     top:0;
  686.     right:-20px;
  687.     line-height:53px;
  688.     padding:0 20px;
  689.     display:none
  690. }
  691. #a .a .a-button{
  692.     top:0;
  693.     left:-20px
  694. }
  695. #a .a .a-button:before{
  696.     content:&#39;\E5D2&#39;
  697. }
  698. #a .a .e-button:before{
  699.     content:&#39;\E8B6&#39;
  700. }
  701. .content-wrapper{
  702.     margin:30px auto
  703. }
  704. #f{
  705.     text-align:center;
  706.     background:#4a86e8;
  707.     padding:20px 0;
  708.     color:#fff;
  709.     font-size:15px
  710. }
  711. #f a{
  712.     font-weight:700;
  713.     color:#fff
  714. }
  715. .v{
  716.     background:#4a86e8;
  717.     color:#fff;
  718.     border-radius:5px;
  719.     -webkit-box-shadow:0 5px 10px rgba(0,0,0,0.1);
  720.     box-shadow:0 5px 10px rgba(0,0,0,0.1);
  721.     -webkit-transition:-webkit-box-shadow .5s;
  722.     transition:-webkit-box-shadow .5s;
  723.     transition:box-shadow .5s;
  724.     transition:box-shadow .5s,-webkit-box-shadow .5s;
  725.     overflow:hidden;
  726.     display:inline-block;
  727.     position:relative;
  728.     cursor:pointer
  729. }
  730. .v:hover{
  731.     -webkit-box-shadow:0 10px 10px rgba(0,0,0,0.2);
  732.     box-shadow:0 10px 10px rgba(0,0,0,0.2)
  733. }
  734. .v a{
  735.     color:#fff;
  736.     padding:10px 20px;
  737.     display:block
  738. }
  739. #g{
  740.     text-align:center;
  741.     margin:0 auto 50px;
  742.     display:block;
  743.     width:150px;
  744.     clear:both
  745. }
  746. .aj{
  747.     position:relative;
  748.     overflow:hidden
  749. }
  750. .al-ripple{
  751.     position:absolute;
  752.     border-radius:50%;
  753.     width:50px;
  754.     height:50px;
  755.     background:#fff;
  756.     -webkit-animation:ripple 2s;
  757.     animation:ripple 2s
  758. }
  759. @-webkit-keyframes ripple{
  760.     from{
  761.         -webkit-transform:scale(1);
  762.         transform:scale(1);
  763.         opacity:.4
  764.     }
  765.     to{
  766.         -webkit-transform:scale(100);
  767.         transform:scale(100);
  768.         opacity:0
  769.     }
  770. }
  771. @keyframes ripple{
  772.     from{
  773.         -webkit-transform:scale(1);
  774.         transform:scale(1);
  775.         opacity:.4
  776.     }
  777.     to{
  778.         -webkit-transform:scale(100);
  779.         transform:scale(100);
  780.         opacity:0
  781.     }
  782. }
  783. @-webkit-keyframes shift-rightwards{
  784.     0%{
  785.         -webkit-transform:translateX(-100%);
  786.         transform:translateX(-100%)
  787.     }
  788.     40%{
  789.         -webkit-transform:translateX(0);
  790.         transform:translateX(0)
  791.     }
  792.     60%{
  793.         -webkit-transform:translateX(0);
  794.         transform:translateX(0)
  795.     }
  796.     100%{
  797.         -webkit-transform:translateX(100%);
  798.         transform:translateX(100%)
  799.     }
  800. }
  801. @keyframes shift-rightwards{
  802.     0%{
  803.         -webkit-transform:translateX(-100%);
  804.         transform:translateX(-100%)
  805.     }
  806.     40%{
  807.         -webkit-transform:translateX(0);
  808.         transform:translateX(0)
  809.     }
  810.     60%{
  811.         -webkit-transform:translateX(0);
  812.         transform:translateX(0)
  813.     }
  814.     100%{
  815.         -webkit-transform:translateX(100%);
  816.         transform:translateX(100%)
  817.     }
  818. }
  819. .u{
  820.     position:fixed;
  821.     display:none;
  822.     top:0;
  823.     left:0;
  824.     right:0;
  825.     height:2px;
  826.     z-index:800;
  827.     background:#fff;
  828.     -webkit-transform:translateX(100%);
  829.     transform:translateX(100%)
  830. }
  831. .ac .u{
  832.     display:block;
  833.     -webkit-animation:shift-rightwards 1s ease-in-out infinite;
  834.     animation:shift-rightwards 1s ease-in-out infinite;
  835.     -webkit-animation-delay:.8s;
  836.     animation-delay:.8s
  837. }
  838. .b .k{
  839.     line-height:20px;
  840.     margin-bottom:40px
  841. }
  842. .b .k .z img{
  843.     float:left;
  844.     width:37px;
  845.     height:37px;
  846.     margin-right:10px;
  847.     border-radius:100%;
  848.     border:3px solid #fff
  849. }
  850. .content-wrapper.item{
  851.     margin-top:0
  852. }
  853. .content-wrapper.item .b{
  854.     opacity:0;
  855.     visibility:hidden;
  856.     margin-top:50px;
  857.     -webkit-transition:all .5s;
  858.     transition:all .5s
  859. }
  860. .content-wrapper.item .b.aa{
  861.     opacity:1;
  862.     margin-top:0;
  863.     visibility:visible
  864. }
  865. .content-wrapper.item .b .b-title,.b .b-info,.b .b-body,.b ol.x,.b #d,.content-wrapper.item .b #comments,.iklansense{
  866.     width:70%;
  867.     margin:auto
  868. }
  869. .content-wrapper.item .b .b-title h1{
  870.     line-height:50px;
  871.     margin:20px 0 40px;
  872.     line-height:50px;
  873.     margin:20px 0 40px
  874. }
  875. .content-wrapper.item .b .b-image img{
  876.     width:100%
  877. }
  878. .content-wrapper.item .b .b-body{
  879.     line-height:40px;
  880.     font-size:18px;
  881.     position:relative
  882. }
  883. .content-wrapper.item .b-body&gt;.separator:first-child{
  884.     display:none
  885. }
  886. .content-wrapper.item .b .k{
  887.     line-height:30px
  888. }
  889. .content-wrapper.item .b .k .z img{
  890.     width:50px;
  891.     height:50px
  892. }
  893. .content-wrapper.item .b-body li{
  894.     margin-left:20px;
  895.     display:list-item
  896. }
  897. .b ol.x{
  898.     list-style-type:none;
  899.     display:block
  900. }
  901. .b ol.x a{
  902.     float:left;
  903.     padding:5px 10px;
  904.     margin-right:20px;
  905.     margin-top:20px;
  906.     display:inline-block;
  907.     background:#ecf3ff;
  908.     border-radius:20px
  909. }
  910. table{
  911.     width:100%;
  912.     line-height:50px;
  913.     border:1px solid #ccc;
  914.     border-spacing:inherit
  915. }
  916. table th,table td{
  917.     padding:0 30px;
  918.     display:block;
  919.     border-bottom:1px solid #ccc;
  920.     width:calc(50% - 61px);
  921.     float:left;
  922.     border-right:1px solid #ccc
  923. }
  924. table th:last-child,table td:last-child{
  925.     border-right:0
  926. }
  927. table th{
  928.     text-align:left;
  929.     font-weight:700;
  930.     color:#4a86e8
  931. }
  932. table tbody{
  933.     display:block;
  934.     width:100%
  935. }
  936. table tbody tr{
  937.     display:flex
  938. }
  939. table tr:last-child td{
  940.     border-bottom:0
  941. }
  942. table tr:nth-child(odd) td{
  943.     background:#f1f1f1
  944. }
  945. .at{
  946.     text-align:center;
  947.     position:relative;
  948.     display:block
  949. }
  950. .btn{
  951.     background:#4a86e8;
  952.     color:#fff;
  953.     border-radius:5px;
  954.     -webkit-box-shadow:0 5px 10px rgba(0,0,0,0.1);
  955.     box-shadow:0 5px 10px rgba(0,0,0,0.1);
  956.     -webkit-transition:-webkit-box-shadow .5s;
  957.     transition:-webkit-box-shadow .5s;
  958.     transition:box-shadow .5s;
  959.     transition:box-shadow .5s,-webkit-box-shadow .5s;
  960.     transition:box-shadow .5s,-webkit-box-shadow .5s;
  961.     overflow:hidden;
  962.     display:inline-block;
  963.     position:relative;
  964.     cursor:pointer;
  965.     padding:5px 20px;
  966.     margin:0 20px
  967. }
  968. .btn:hover{
  969.     -webkit-box-shadow:0 10px 10px rgba(0,0,0,0.2);
  970.     box-shadow:0 10px 10px rgba(0,0,0,0.2)
  971. }
  972. .btn:before{
  973.     font-family:&#39;Material Icons&#39;;
  974.     margin-right:10px;
  975.     display:block;
  976.     float:left
  977. }
  978. .btn.demo:before{
  979.     content:&#39;\E417&#39;
  980. }
  981. .btn.download:before{
  982.     content:&#39;\E2C4&#39;
  983. }
  984. .btn.contact:before{
  985.     content:&#39;\E0C9&#39;
  986. }
  987. .content-wrapper.item .l-counter{
  988.     width:70px;
  989.     text-align:center;
  990.     position:absolute;
  991.     top:0;
  992.     margin-left:-120px;
  993.     font-size:18px
  994. }
  995. .content-wrapper.item .l-counter .ag .an{
  996.     font-weight:700;
  997.     color:#4a86e8
  998. }
  999. .content-wrapper.item .l-counter .w a svg{
  1000.     width:25px;
  1001.     display:block;
  1002.     margin:auto;
  1003.     padding:10px;
  1004.     fill:#fff;
  1005.     stroke:#000
  1006. }
  1007. .content-wrapper.item .l-counter .w a{
  1008.     display:block;
  1009.     position:relative;
  1010.     margin:20px 0;
  1011.     opacity:.7
  1012. }
  1013. .content-wrapper.item .l-counter .w a:hover{
  1014.     opacity:1
  1015. }
  1016. .content-wrapper.item .l-counter.g{
  1017.     position:fixed;
  1018.     top:100px
  1019. }
  1020. #b-wrapper.item .l-counter.am{
  1021.     position:absolute;
  1022.     bottom:0;
  1023.     top:initial
  1024. }
  1025. .b #d{
  1026.     margin-top:50px;
  1027.     position:relative;
  1028.     border-top:5px solid #4a86e8;
  1029.     padding-top:30px
  1030. }
  1031. #d .c{
  1032.     float:left;
  1033.     padding:10px;
  1034.     width:calc(100% / 3 - 20px);
  1035.     font-size:75%;
  1036.     transition:all .5s
  1037. }
  1038. #d .c .ab img{
  1039.     width:100%;
  1040.     height:150px
  1041. }
  1042. #d h3{
  1043.     margin-left:10px
  1044. }
  1045. #d .c:hover{
  1046.     box-shadow:0 3px 10px rgba(0,0,0,0.15)
  1047. }
  1048. #d .p{
  1049.     padding:10px
  1050. }
  1051. .content-wrapper.item #d .p .k{
  1052.     margin:0;
  1053.     line-height:20px
  1054. }
  1055. .content-wrapper.item #d .k .z img{
  1056.     width:35px;
  1057.     height:35px
  1058. }
  1059. .content-wrapper.item .b #comments{
  1060.     margin-top:50px
  1061. }
  1062. .content-wrapper.index .b{
  1063.     width:calc((100% / 3) - 20px);
  1064.     float:left;
  1065.     margin:0 10px;
  1066.     display:block;
  1067.     opacity:0;
  1068.     visibility:hidden;
  1069.     margin-top:50px;
  1070.     margin-bottom:20px;
  1071.     overflow:hidden;
  1072.     -webkit-transition:all .5s;
  1073.     transition:all .5s
  1074. }
  1075. .content-wrapper.index .b:nth-child(3n+1){
  1076.     clear:both
  1077. }
  1078. .content-wrapper.index .b:hover{
  1079.     -webkit-box-shadow:0 5px 5px rgba(0,0,0,0.2);
  1080.     box-shadow:0 5px 5px rgba(0,0,0,0.2)
  1081. }
  1082. .content-wrapper.index .b.aa{
  1083.     opacity:1;
  1084.     margin-top:0;
  1085.     visibility:visible
  1086. }
  1087. .content-wrapper.index .b .ab img{
  1088.     width:100%;
  1089.     height:250px
  1090. }
  1091. .content-wrapper.index .b .p{
  1092.     padding:20px;
  1093.     font-size:12px
  1094. }
  1095. .content-wrapper.index .b .p h2{
  1096.     font-size:18px;
  1097.     line-height:30px
  1098. }
  1099. .content-wrapper.index .b .p .ah{
  1100.     font-size:12px;
  1101.     margin-bottom:20px;
  1102.     overflow:hidden;
  1103.     height:60px
  1104. }
  1105. .content-wrapper.index .b .p a{
  1106.     font-weight:700
  1107. }
  1108. .content-wrapper.index .b .k{
  1109.     float:left;
  1110.     width:50%
  1111. }
  1112. .content-wrapper.index .b .ap{
  1113.     float:right;
  1114.     line-height:40px;
  1115.     margin-bottom:20px
  1116. }
  1117. @media(max-width:1200px){
  1118.     .content-wrapper,#a&gt;.j,#a .a.g&gt;.j,#a.d .a&gt;.j{
  1119.         width:90%
  1120.     }
  1121. }
  1122. @media(max-width:1024px){
  1123.     .content-wrapper.index .b{
  1124.         width:calc((100% / 2) - 20px)
  1125.     }
  1126.     .content-wrapper.index .b:nth-child(3n+1){
  1127.         clear:none
  1128.     }
  1129.     .content-wrapper.index .b:nth-child(2n+1){
  1130.         clear:both
  1131.     }
  1132. }
  1133. @media(max-width:970px){
  1134.     #a .a .f&gt;a{
  1135.         display:none
  1136.     }
  1137.     #a .a.g .f,#a.d .a .f{
  1138.         width:50px
  1139.     }
  1140. }
  1141. @media(max-width:790px){
  1142.     #a .a.g #c,#a.d .a #c{
  1143.         width:100%;
  1144.         display:none
  1145.     }
  1146.     #a .a.g .e-button,#a.d .a .e-button{
  1147.         display:block
  1148.     }
  1149.     #a .a.g #c.i,#a.d .a #c.i{
  1150.         display:block
  1151.     }
  1152.     #a .a.g.e .e-button,#a.d .a.e .e-button{
  1153.         display:none
  1154.     }
  1155.     .content-wrapper.item .b .b-title,.b .b-info,.b .b-body,.b ol.x,.b #d,.content-wrapper.item .b #comments,.iklansense{
  1156.         width:100%
  1157.     }
  1158. }
  1159. @media(max-width:768px){
  1160.     #a .n .m,#a .n .f{
  1161.         float:none
  1162.     }
  1163.     #a .n .m{
  1164.         margin:auto;
  1165.         display:table
  1166.     }
  1167.     #a .n .f{
  1168.         display:none
  1169.     }
  1170.     .content-wrapper.item{
  1171.         width:100%
  1172.     }
  1173.     #b-wrapper.item .b .b-title,.b .b-info,.b .b-body,.b ol.x,.b #d,.content-wrapper.item .b #comments,.iklansense{
  1174.         width:90%
  1175.     }
  1176. }
  1177. @media(max-width:700px){
  1178.     .content-wrapper.index .b{
  1179.         width:calc(100% - 20px)
  1180.     }
  1181. }
  1182. @media(max-width:540px){
  1183.     #a .a ul{
  1184.         position:fixed;
  1185.         top:0;
  1186.         padding-top:50px;
  1187.         height:100%;
  1188.         width:250px;
  1189.         left:-255px;
  1190.         background:#fff;
  1191.         -webkit-box-shadow:0 3px 5px rgba(0,0,0,0.25);
  1192.         box-shadow:0 3px 5px rgba(0,0,0,0.25);
  1193.         z-index:21
  1194.     }
  1195.     #a .a ul a{
  1196.         color:#000
  1197.     }
  1198.     #a .a li.i,#a .a li.i:hover{
  1199.         border-bottom:0
  1200.     }
  1201.     #a .a li{
  1202.         display:inline-block;
  1203.         width:100%
  1204.     }
  1205.     #a .a .f&gt;a{
  1206.         display:block
  1207.     }
  1208.     #a .a .f&gt;.r{
  1209.         display:none
  1210.     }
  1211.     #a .a.q ul{
  1212.         left:0
  1213.     }
  1214.     #a .a.q .o{
  1215.         top:0
  1216.     }
  1217.     .o{
  1218.         display:block
  1219.     }
  1220.     .t{
  1221.         position:fixed;
  1222.         width:100%;
  1223.         height:100%;
  1224.         top:0;
  1225.         left:0;
  1226.         background:rgba(0,0,0,0.3);
  1227.         z-index:20;
  1228.         opacity:0;
  1229.         display:none;
  1230.         -webkit-transition:all .5s;
  1231.         transition:all .5s
  1232.     }
  1233.     #a .a.q .t{
  1234.         display:block;
  1235.         opacity:1
  1236.     }
  1237.     #a{
  1238.         height:50px
  1239.     }
  1240.     #a&gt;.j&gt;div:nth-child(-n+2){
  1241.         display:none
  1242.     }
  1243.     #a .a{
  1244.         position:fixed;
  1245.         top:0;
  1246.         bottom:initial;
  1247.         -webkit-box-shadow:0 3px 5px rgba(0,0,0,0.25);
  1248.         box-shadow:0 3px 5px rgba(0,0,0,0.25)
  1249.     }
  1250.     #a .a&gt;.j{
  1251.         width:90%
  1252.     }
  1253.     #a .a .a-button,#a .a .e-button{
  1254.         display:block
  1255.     }
  1256.     #a .a .f{
  1257.         opacity:1;
  1258.         visibility:visible;
  1259.         margin-left:0
  1260.     }
  1261.     #a .a.e #c.i{
  1262.         display:block;
  1263.         width:100%;
  1264.         opacity:1
  1265.     }
  1266.     #a .a.e .f,#a .a.e .a-button{
  1267.         opacity:0;
  1268.         visibility:hidden
  1269.     }
  1270.     #a .a.e .e-button{
  1271.         display:none
  1272.     }
  1273.     #a .a .f,#a .a.g .f,#a.d .a .f{
  1274.         margin-left:20px
  1275.     }
  1276.     #d .c{
  1277.         width:calc(100% - 20px)
  1278.     }
  1279. }
  1280. .ak-msg-wrap{
  1281.     padding:10px 0;
  1282.     text-align:center;
  1283.     width:100%;
  1284.     margin-bottom:30px;
  1285.     display:inline-block;
  1286.     background:#ecf3ff;
  1287.     border-radius:10px
  1288. }
  1289. .wrap{
  1290.     text-align:center
  1291. }
  1292. .y h2{
  1293.     line-height:300px;
  1294.     text-align:center
  1295. }
  1296. @font-face{
  1297.     font-family:&#39;Material Icons&#39;;
  1298.     font-style:normal;
  1299.     font-weight:400;
  1300.     src:local(&#39;Material Icons&#39;),local(MaterialIcons-Regular),url(https://fonts.gstatic.com/s/materialicons/v22/2fcrYFNaTjcS6g4U3t-Y5RV6cRhDpPC5P4GCEJpqGoc.woff) format(&quot;woff&quot;)
  1301. }
  1302. @font-face{
  1303.     font-family:&#39;Roboto&#39;;
  1304.     font-style:normal;
  1305.     font-weight:400;
  1306.     src:local(Roboto),local(Roboto-Regular),url(https://fonts.gstatic.com/s/roboto/v16/CWB0XYA8bzo0kSThX0UTuA.woff2) format(&quot;woff2&quot;);
  1307.     unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215
  1308. }
  1309. .material-icons{
  1310.     font-family:&#39;Material Icons&#39;;
  1311.     font-weight:400;
  1312.     font-style:normal;
  1313.     font-size:24px;
  1314.     line-height:1;
  1315.     letter-spacing:normal;
  1316.     text-transform:none;
  1317.     display:inline-block;
  1318.     white-space:nowrap;
  1319.     word-wrap:normal;
  1320.     direction:ltr;
  1321.     -webkit-font-feature-settings:liga;
  1322.     -webkit-font-smoothing:antialiased
  1323. }
  1324. .iklansense{
  1325.     text-align:center
  1326. }
  1327. .Blog&gt;.iklansense{
  1328.     margin-bottom:20px
  1329. }
  1330. #kamujahat{
  1331.     background:rgba(0,0,0,0.25);
  1332.     position:fixed;
  1333.     margin:auto;
  1334.     left:0;
  1335.     right:0;
  1336.     top:0;
  1337.     width:100%;
  1338.     height:100%;
  1339.     overflow:auto;
  1340.     z-index:999999
  1341. }
  1342. #kamujahat .inner{
  1343.     background:#ec3e3e;
  1344.     color:#fff;
  1345.     box-shadow:0 5px 20px rgba(0,0,0,0.1);
  1346.     text-align:center;
  1347.     width:600px;
  1348.     padding:40px;
  1349.     margin:80px auto
  1350. }
  1351. #kamujahat button{
  1352.     padding:10px 20px;
  1353.     border:0;
  1354.     background:#e9e9e9;
  1355.     margin:20px;
  1356.     box-shadow:0 5px 10px rgba(0,0,0,0.3);
  1357.     cursor:pointer;
  1358.     transition:all .2s
  1359. }
  1360. #kamujahat button.active{
  1361.     background:#fff
  1362. }
  1363. #kamujahat .tutorial{
  1364.     background:#fff;
  1365.     text-align:left;
  1366.     color:#000;
  1367.     padding:20px;
  1368.     height:250px;
  1369.     overflow:auto;
  1370.     line-height:30px
  1371. }
  1372. #kamujahat .tutorial div{
  1373.     display:none
  1374. }
  1375. #kamujahat .tutorial div.active{
  1376.     display:block
  1377. }
  1378. #kamujahat ol{
  1379.     margin-left:20px
  1380. }
  1381. @media(max-width:680px){
  1382.     #kamujahat .inner{
  1383.         width:calc(100% - 80px);
  1384.         margin:auto
  1385.     }
  1386. }
  1387.  
  1388. </style>
  1389. <style id='owl-carousel' type='text/css'>
  1390. *,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
  1391. .ct-wrapper{padding:0;position:relative;max-width:970px;width:auto;margin:20px auto}#featured-slider h2.title,#featured_slider .widget h2.title{display:none}#featured_slider{margin:0 0 30px}.slider-wrappper{max-width:970px;margin:0 auto;padding:0}.owl_carouselle.owl-carousel.owl-loaded{margin:0 0 3em}.slider-item{position:relative;height:100%}.slider-item:before{display:block;position:absolute;top:0;left:0;right:0;bottom:0;background:#2d3436;opacity:.4;z-index:1}a.slider-image{height:100%}.thumb.overlay{height:200px}.post-descript{background:#fff;position:absolute;bottom:-30px;left:8%;right:8%;z-index:99;padding:25px;box-shadow:0 3px 10px rgba(0,0,0,0.1);border-radius:6px;text-align:center;transition:all .3s}.slider-item:hover .post-descript{box-shadow:0 2px 10px rgba(0,0,0,0.1)}.slider-wrapp .post-inner{padding:0 40px;margin:auto}.slider-item h2.post-title{font-size:24px;margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.slider-item h2.post-title a{color:#000;transition:all .3s}.slider-item h2.post-title a:hover{color:#aaa}.slider-item .post-date{display:inline-block;color:#aaa;font-size:10px;margin:10px auto 0 auto;text-transform:uppercase}.slider-item .post-tag a{display:inline-block;background:#f39c12;color:#fff;padding:3px 10px;font-size:10px;text-transform:uppercase;letter-spacing:.5px;margin:0 auto 10px auto;transition:all .3s}.slider-item .post-tag a:hover{background:#000;color:#fff}.feat-home .post-tag a,.feat-home a,.feat-home div,.feat-home h2 a{color:#fff}.featured-posts{display:inline-block;width:100%}.feature-item{position:relative;display:inline-block;float:left;width:24.2%;margin:0 10px 0 0}.feature-item:last-child{margin:0}.feature-item .thumb.overlay{height:150px;width:100%;position:static}.feature-item .thumb.overlay a.slider-image{}.feature-item .post-descript{background:#fff;position:static;height:100px;margin:auto;border-radius:0;box-shadow:0 2px 10px rgba(0,0,0,0.1);padding:10px;overflow:hidden;transition:all .3s}.feature-item .post-descript:before{content:&#39;&#39;;position:absolute;bottom:0;left:0;right:0;height:30px;background-image:linear-gradient(to top,#fff,rgba(255,255,255,0));background:linear-gradient(to left,#ffffff 0,#ffffff 100%,rgba(255,255,255,0) 100%);overflow:hidden}.feature-item:hover .post-descript{box-shadow:0 1px 5px rgba(0,0,0,0.1)}.feature-item h2.post-title{font-size:14px;margin:auto;line-height:normal;font-weight:400}.feature-item h2.post-title a{color:#000;font-weight:500}.feature-item:hover h2.post-title a{color:#aaa}.feature-item .post-meta{margin:0}.feature-item .post-tag a{display:inline-block;background:#f39c12;color:#fff;padding:2px 8px;font-size:9px;text-transform:uppercase;letter-spacing:.5px;margin:0 auto 10px auto;transition:all .3s}.feature-item .post-tag a:hover{background:#000;color:#fff}.feat-home{height:320px;margin:0 0 50px;position:relative}.feat-home:before,.slider-item:before{content:&quot;&quot;;right:0}.feat-home:before{display:block;position:absolute;top:0;width:100%;height:100%;background:#000;opacity:.35;z-index:1}.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:&quot;.&quot;;display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(https://4.bp.blogspot.com/-9jaG9YO21Qs/W9rimdnu-mI/AAAAAAAACyQ/Tcv3-DtVm9kOlk73vTnBG6x_1a60wchuwCLcBGAs/s1600/play-icon.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}.owl-carousel .owl-item{height:420px;box-shadow:0 20px 10px -15px rgba(0,0,0,0.1)}.owl-prev{left:20px;transform:translate(-50px,0)}.owl-next{right:20px;transform:translate(50px,0)}.owl-prev,.owl-next{color:#fff;font-size:36px;height:65px;line-height:65px;padding:0 14px;position:absolute;top:42%;visibility:hidden;opacity:0;transition:all .3s}.owl-nav button.owl-prev,.owl-nav button.owl-next{background:none;border:0}.owl-carousel:hover .owl-prev,.owl-carousel:hover .owl-next{opacity:1;visibility:visible;transform:translate(0,0)}#HTML33 .widget-content{overflow:visible}
  1392. @keyframes fadeOut{0%{opacity:1}100%{opacity:0}}
  1393. @media screen and (max-width: 768px){
  1394. .feature-item{width:50%;padding:0 10px;margin:0 auto 15px auto}}
  1395. @media screen and (max-width: 640px){
  1396. .owl-prev,.owl-next{top:18%}
  1397. .owl-carousel .owl-item{height:auto}
  1398. .post-descript{padding:15px 10px;left:5%;right:5%}
  1399. .slider-wrapp .post-inner{padding:0 10px}
  1400. .slider-item h2.post-title{font-size:16px}
  1401. .feature-item{display:inline-block;float:none;width:100%;margin:0 auto 15px auto}}
  1402. @media screen and (min-width:580px){.thumb.overlay{display:block;position:absolute;width:100%}.thumb.overlay{height:100%;top:0;left:0;bottom:0}}
  1403. </style>
  1404. <script src='https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js'/>
  1405. <script type='text/javascript'>
  1406. snippet_count = 220;
  1407. //<![CDATA[
  1408. function removeHtmlTag(n,e){if(-1!=n.indexOf("<")){for(var t=n.split("<"),i=0;i<t.length;i++)-1!=t[i].indexOf(">")&&(t[i]=t[i].substring(t[i].indexOf(">")+1,t[i].length));n=t.join("")}for(e=e<n.length-1?e:n.length-2;" "!=n.charAt(e-1)&&-1!=n.indexOf(" ",e);)e++;return n=n.substring(0,e-1),n+"..."}function createSnippet(n){var e=document.getElementById(n),t=snippet_count,i='<div class="snippets">'+removeHtmlTag(e.innerHTML,t)+"</div>";e.innerHTML=i}
  1409. function createSummThumb(e,t){var n=650;var r=420;image_tag='<img width="'+n+'" height="'+r+'" src="'+e.replace("/s72-c/","/w"+n+"-h"+r+"-c/")+'" alt="'+t.replace(/"/g,"")+'" title="'+t.replace(/"/g,"")+'"/>';if(t!="")return image_tag;else return""}
  1410. //]]>
  1411. </script>
  1412. <b:if cond='data:view.isHomepage'>
  1413. <script src='https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js' type='text/javascript'/>
  1414. <script type='text/javascript'>
  1415. //<![CDATA[
  1416. function postarea4(e){j=showRandomImg?Math.floor((imgr.length+1)*Math.random()):0,img=new Array,postnum4<=e.feed.entry.length?maxpost=postnum5:maxpost=e.feed.entry.length,document.write('<div class="ct-wrapper"><div class="owl_carouselle owl-carousel">');for(var t=0;t<maxpost;t++){for(var r,i,l=e.feed.entry[t],n=l.title.$t,o="",c=0;c<e.feed.entry[t].category.length;c++)o=o+'<a href="/search/label/'+e.feed.entry[t].category[c].term+'?max-results=6">'+e.feed.entry[t].category[c].term+"</a>",i='<a href="/search/label/'+e.feed.entry[t].category[c].term+'?max-results=6">'+e.feed.entry[t].category[c].term+"</a>";if(t==e.feed.entry.length)break;for(var m=0;m<l.link.length;m++)if("alternate"==l.link[m].rel){r=l.link[m].href;break}for(m=0;m<l.link.length;m++)if("replies"==l.link[m].rel&&"text/html"==l.link[m].type){l.link[m].title.split(" ")[0];break}if("content"in l)var g=l.content.$t;else if("summary"in l)g=l.summary.$t;else g="";postdate=l.published.$t,j>imgr.length-1&&(j=0),img[t]="",s=g,a=s.indexOf("<img"),b=s.indexOf('src="',a),k=s.indexOf('"',b+5),d=s.substr(b+5,k-b-5),-1!=a&&-1!=b&&-1!=k&&""!=d&&(img[t]=0==t?'<img class="owl-lazy" min-width="620" min-height="240" class="odd-img" src="'+d+'"/>':'<img class="alignright" min-height="100" src="'+d+'" width="150"/>');for(var f=[1,2,3,4,5,6,7,8,9,10,11,12],p=["January","February","March","April","May","June","July","August","September","October","November","December"],h=postdate.split("-")[2].substring(0,2),u=postdate.split("-")[1],y=postdate.split("-")[0],v=0;v<f.length;v++)if(parseInt(u)==f[v]){u=p[v];break}var k=e.feed.entry[t].content.$t,A=(v=$("<div>").html(k)).find("img:first").attr("src"),w=e.feed.entry[t].media$thumbnail.url;-1!=w.indexOf("img.youtube.com")&&(w=e.feed.entry[t].media$thumbnail.url.replace("default","maxresdefault")),w=w.replace("/s72-c/","/s1600/");k="http://1.bp.blogspot.com/-S5pmP6Y0KUs/V6CsQEqKNGI/AAAAAAAAEFY/LZigJ20wKVkpzFLJSuzvjJDkC9z9IFy5wCK4B/s1600/image-not-found-4a963b95bf081c3ea02923dceaeb3f8085e1a654fc54840aac61a57a60903fef.png";if(void 0===A)if(e.feed.entry[t].media$thumbnail)var x='<a href="'+r+'" class="slider-image" style="background:url('+w+') no-repeat center center;background-size: cover;width: 100%;height: 420px;display:block;image-rendering: -webkit-optimize-contrast;"/>';else x='<a href="'+r+'" class="noimg slider-image" style="background:url('+k+') no-repeat center center; display:block;"/>';else x='<a href="'+r+'" class="slider-image" style="background:url('+w+') no-repeat center center;background-size: cover; display:block;"/>';var z='<div class="slider-item"><div class="slider-wrapp"><div class="thumb overlay">'+x+'</div><div class="post-descript"><div class="post-inner"><div class="post-meta"><div class="post-tag">'+i+'</div></div><h2 class="post-title"><a href="'+r+'">'+n+'</a></h2><div class="post-date">'+(h+" "+u+" "+y)+'</div></div></div><div class="clear"></div></div></div>';document.write(z),j++}document.write("</div></div>")}function postarea5(e){j=showRandomImg?Math.floor((imgr.length+1)*Math.random()):0,img=new Array,postnum4<=e.feed.entry.length?maxpost=postnum4:maxpost=e.feed.entry.length,document.write('<div class="ct-wrapper"><div class="row"><div class="featured-posts">');for(var t=0;t<maxpost;t++){for(var r,i,l=e.feed.entry[t],n=l.title.$t,o="",c=0;c<e.feed.entry[t].category.length;c++)o=o+'<a href="/search/label/'+e.feed.entry[t].category[c].term+'?max-results=6">'+e.feed.entry[t].category[c].term+"</a>",i='<a href="/search/label/'+e.feed.entry[t].category[c].term+'?max-results=6">'+e.feed.entry[t].category[c].term+"</a>";if(t==e.feed.entry.length)break;for(var m=0;m<l.link.length;m++)if("alternate"==l.link[m].rel){r=l.link[m].href;break}for(m=0;m<l.link.length;m++)if("replies"==l.link[m].rel&&"text/html"==l.link[m].type){l.link[m].title.split(" ")[0];break}if("content"in l)var g=l.content.$t;else if("summary"in l)g=l.summary.$t;else g="";postdate=l.published.$t,j>imgr.length-1&&(j=0),img[t]="",s=g,a=s.indexOf("<img"),b=s.indexOf('src="',a),y=s.indexOf('"',b+5),d=s.substr(b+5,y-b-5),-1!=a&&-1!=b&&-1!=y&&""!=d&&(img[t]=0==t?'<img min-width="620" min-height="240" class="odd-img" src="'+d+'"/>':'<img class="alignright" min-height="100" src="'+d+'" width="150"/>');for(var f=[1,2,3,4,5,6,7,8,9,10,11,12],p=["January","February","March","April","May","June","July","August","September","October","November","December"],h=(postdate.split("-")[2].substring(0,2),postdate.split("-")[1]),u=(postdate.split("-")[0],0);u<f.length;u++)if(parseInt(h)==f[u]){h=p[u];break}var y=e.feed.entry[t].content.$t,v=(u=$("<div>").html(y)).find("img:first").attr("src"),k=e.feed.entry[t].media$thumbnail.url;-1!=k.indexOf("img.youtube.com")&&(k=e.feed.entry[t].media$thumbnail.url.replace("default","maxresdefault")),k=k.replace("/s72-c/","/s1600/");y="http://1.bp.blogspot.com/-S5pmP6Y0KUs/V6CsQEqKNGI/AAAAAAAAEFY/LZigJ20wKVkpzFLJSuzvjJDkC9z9IFy5wCK4B/s1600/image-not-found-4a963b95bf081c3ea02923dceaeb3f8085e1a654fc54840aac61a57a60903fef.png";if(void 0===v)if(e.feed.entry[t].media$thumbnail)var A='<a href="'+r+'" class="slider-image" style="background:url('+k+') no-repeat center center;background-size: cover;width: 100%;height: 420px;display:block;image-rendering: -webkit-optimize-contrast;"/>';else A='<a href="'+r+'" class="noimg slider-image" style="background:url('+y+') no-repeat center center; display:block;"/>';else A='<a href="'+r+'" class="slider-image" style="background:url('+k+') no-repeat center center;background-size: cover; display:block;"/>';var w='<div class="feature-item"><div class="thumb overlay">'+A+'</div><div class="post-descript"><div class="post-inner"><div class="post-meta"><div class="post-tag">'+i+'</div></div><h2 class="post-title"><a href="'+r+'">'+n+'</a></h2></div></div><div class="clear"></div></div>';document.write(w),j++}document.write("</div></div></div>")}function postarea1(e){j=showRandomImg?Math.floor((imgr.length+1)*Math.random()):0,img=new Array,postnum4<=e.feed.entry.length?maxpost=postnum4:maxpost=e.feed.entry.length,document.write('<div class="ct-wrapper"><div class="featured-posts">');for(var t=0;t<maxpost;t++){for(var r,i,l=e.feed.entry[t],n=l.title.$t,o="",c=0;c<e.feed.entry[t].category.length;c++)o=o+'<a href="/search/label/'+e.feed.entry[t].category[c].term+'?max-results=6">'+e.feed.entry[t].category[c].term+"</a>",i='<a href="/search/label/'+e.feed.entry[t].category[c].term+'?max-results=6">'+e.feed.entry[t].category[c].term+"</a>";if(t==e.feed.entry.length)break;for(var m=0;m<l.link.length;m++)if("alternate"==l.link[m].rel){r=l.link[m].href;break}for(m=0;m<l.link.length;m++)if("replies"==l.link[m].rel&&"text/html"==l.link[m].type){l.link[m].title.split(" ")[0];break}if("content"in l)var g=l.content.$t;else if("summary"in l)g=l.summary.$t;else g="";postdate=l.published.$t,j>imgr.length-1&&(j=0),img[t]="",s=g,a=s.indexOf("<img"),b=s.indexOf('src="',a),k=s.indexOf('"',b+5),d=s.substr(b+5,k-b-5),-1!=a&&-1!=b&&-1!=k&&""!=d&&(img[t]=0==t?'<img class="owl-lazy" min-width="620" min-height="240" class="odd-img" src="'+d+'"/>':'<img class="alignright" min-height="100" src="'+d+'" width="150"/>');for(var f=[1,2,3,4,5,6,7,8,9,10,11,12],p=["January","February","March","April","May","June","July","August","September","October","November","December"],h=postdate.split("-")[2].substring(0,2),u=postdate.split("-")[1],y=postdate.split("-")[0],v=0;v<f.length;v++)if(parseInt(u)==f[v]){u=p[v];break}var k=e.feed.entry[t].content.$t,A=(v=$("<div>").html(k)).find("img:first").attr("src"),w=e.feed.entry[t].media$thumbnail.url;-1!=w.indexOf("img.youtube.com")&&(w=e.feed.entry[t].media$thumbnail.url.replace("default","maxresdefault")),w=w.replace("/s72-c/","/s1600/");k="http://1.bp.blogspot.com/-S5pmP6Y0KUs/V6CsQEqKNGI/AAAAAAAAEFY/LZigJ20wKVkpzFLJSuzvjJDkC9z9IFy5wCK4B/s1600/image-not-found-4a963b95bf081c3ea02923dceaeb3f8085e1a654fc54840aac61a57a60903fef.png";if(void 0===A)if(e.feed.entry[t].media$thumbnail)var x='<a href="'+r+'" class="slider-image" style="background:url('+w+') no-repeat center center;background-size: cover;width: 100%;height: 420px;display:block;image-rendering: -webkit-optimize-contrast;"/>';else x='<a href="'+r+'" class="noimg slider-image" style="background:url('+k+') no-repeat center center; display:block;"/>';else x='<a href="'+r+'" class="slider-image" style="background:url('+w+') no-repeat center center;background-size: cover; display:block;"/>';var z='<div class="feat-home"><div class="thumb overlay">'+x+'</div><div class="post-descript"><div class="post-inner"><div class="post-meta"><div class="post-tag">'+i+'</div></div><h2 class="post-title"><a href="'+r+'">'+n+'</a></h2><div class="post-date">'+(h+" "+u+" "+y)+'</div></div></div><div class="clear"></div></div>';document.write(z),j++}document.write("</div></div>")}cat1="Featured",imgr=new Array,imgr[0]="http://3.bp.blogspot.com/-zP87C2q9yog/UVopoHY30SI/AAAAAAAAE5k/AIyPvrpGLn8/s1600/picture_not_available.png",showRandomImg=true,aBold=true,summaryPost=150,summaryTitle=50,postnum1=1,postnum4=4,postnum5=5;
  1417. // Options
  1418. $(document).ready(function(){$(".owl_carouselle").owlCarousel({autoplay:true,loop:true,lazyLoad:true,nav:true,dots:false,video:true,navText:["<i class='fa fa-angle-left'></i>","<i class='fa fa-angle-right'></i>"],smartSpeed:1200,responsiveClass:true,responsive:{0:{items:1},600:{items:1},1e3:{items:1}}})});
  1419. //]]>
  1420. </script>
  1421. </b:if>
  1422. &lt;/head&gt;&lt;!--<head/>--&gt;
  1423. <body expr:class='data:blog.pageType' itemscope='' itemtype='https://schema.org/WebPage'>
  1424. <b:if cond='data:blog.pageType != &quot;error_page&quot;'>
  1425. <header class='neversettle' id='neversettle' itemscope='itemscope' itemtype='https://schema.org/WPHeader'>
  1426.    <div class='containerku'>
  1427.       <div class='site-branding'>
  1428.          <b:section class='headersec' id='headersec' maxwidgets='1' showaddelement='no'>
  1429.            <b:widget id='Header1' locked='true' title='Experiments (Header)' type='Header' version='1'>
  1430.              <b:widget-settings>
  1431.                <b:widget-setting name='displayUrl'/>
  1432.                <b:widget-setting name='displayHeight'>0</b:widget-setting>
  1433.                <b:widget-setting name='sectionWidth'>-1</b:widget-setting>
  1434.                <b:widget-setting name='useImage'>false</b:widget-setting>
  1435.                <b:widget-setting name='shrinkToFit'>false</b:widget-setting>
  1436.                <b:widget-setting name='imagePlacement'>BEHIND</b:widget-setting>
  1437.                <b:widget-setting name='displayWidth'>0</b:widget-setting>
  1438.              </b:widget-settings>
  1439.              <b:includable id='main'>
  1440.                   <b:if cond='data:useImage'>
  1441.                      <b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>
  1442.                         <!--
  1443.                            Show image as background to text. You can't really calculate the width
  1444.                            reliably in JS because margins are not taken into account by any of
  1445.                            clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
  1446.                            width if the user is using shrink to fit.
  1447.                            This results in a margin-width's worth of els being cropped. If the
  1448.                            user is not using shrink to fit then we expand the header.
  1449.                            -->
  1450.                         <b:if cond='data:mobile'>
  1451.                            <div id='header-inner'>
  1452.                               <div class='titlewrapper' style='background: transparent'>
  1453.                                  <b:include name='title'/>
  1454.                               </div>
  1455.                               <b:include name='description'/>
  1456.                            </div>
  1457.                            <b:else/>
  1458.                            <div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot;                        + &quot;background-position: &quot;                        + data:backgroundPositionStyleStr + &quot;; &quot;                        + data:widthStyleStr                        + &quot;min-height: &quot; + data:height                        + &quot;_height: &quot; + data:height                        + &quot;background-repeat: no-repeat; &quot;' id='header-inner'>
  1459.                               <div class='titlewrapper' style='background: transparent'>
  1460.                                  <b:include name='title'/>
  1461.                               </div>
  1462.                               <b:include name='description'/>
  1463.                            </div>
  1464.                         </b:if>
  1465.                         <b:else/>
  1466.                         <!--Show the image only-->
  1467.                         <div id='header-inner'>
  1468.                            <b:if cond='data:blog.pageType == &quot;index&quot;'>
  1469.                               <h1><a class='linktoload' expr:href='data:blog.homepageUrl' style='display: block'>
  1470.                                  <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
  1471.                                  </a>
  1472.                               </h1>
  1473.                            </b:if>
  1474.                            <b:if cond='data:blog.pageType != &quot;index&quot;'>
  1475.                               <h2><a class='linktoload' expr:href='data:blog.homepageUrl' style='display: block'>
  1476.                                  <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
  1477.                                  </a>
  1478.                               </h2>
  1479.                            </b:if>
  1480.                            <!--Show the description-->
  1481.                            <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
  1482.                               <b:include name='description'/>
  1483.                            </b:if>
  1484.                         </div>
  1485.                      </b:if>
  1486.                      <b:else/>
  1487.                      <!--No header image -->
  1488.                      <div id='header-inner'>
  1489.                         <div class='titlewrapper'>
  1490.                            <b:include name='title'/>
  1491.                         </div>
  1492.                         <b:include name='description'/>
  1493.                      </div>
  1494.                   </b:if>
  1495.                </b:includable>
  1496.              <b:includable id='description'>
  1497.                   <div class='descriptionwrapper'>
  1498.                      <p class='description'>
  1499.                         <span>
  1500.                            <data:description/>
  1501.                         </span>
  1502.                      </p>
  1503.                   </div>
  1504.                </b:includable>
  1505.              <b:includable id='title'>
  1506.                   <b:if cond='data:blog.pageType != &quot;item&quot;'>
  1507.                      <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  1508.                         <h1 class='title'>
  1509.                            <a class='linktoload' expr:href='data:blog.homepageUrl' expr:title='data:blog.title' itemprop='url'>
  1510.                               <span itemprop='name'>
  1511.                                  <data:title/>
  1512.                               </span>
  1513.                            </a>
  1514.                         </h1>
  1515.                         <b:else/>
  1516.                         <h2 class='ripplelink title'>
  1517.                            <a class='linktoload' expr:href='data:blog.homepageUrl' expr:title='data:blog.title' itemprop='url'>
  1518.                               <span itemprop='name'>
  1519.                                  <data:title/>
  1520.                               </span>
  1521.                            </a>
  1522.                         </h2>
  1523.                      </b:if>
  1524.                      <b:else/>
  1525.                      <h2 class='ripplelink title'>
  1526.                         <a class='linktoload' expr:href='data:blog.homepageUrl' expr:title='data:blog.title' itemprop='url'>
  1527.                            <span itemprop='name'>
  1528.                               <data:title/>
  1529.                            </span>
  1530.                         </a>
  1531.                      </h2>
  1532.                   </b:if>
  1533.                </b:includable>
  1534.            </b:widget>
  1535.          </b:section>
  1536.       </div>
  1537.       <nav class='nav-collapse' itemscope='itemscope' itemtype='https://schema.org/SiteNavigationElement'>
  1538.          <ul id='nav'>
  1539.             <li class='menu-item active'><a href='' itemprop='url'><span itemprop='name'>Google Adsanse</span></a></li>
  1540.             <li class='menu-item'><a class='linktoload' href='https://ensikology.blogspot.com/' itemprop='url'><span itemprop='name'>HTML Javascript</span></a></li>
  1541.             <li class='menu-item'><a class='linktoload' href='https://ensikology.blogspot.com/' itemprop='url'><span itemprop='name'>Blogger</span></a></li>
  1542.             <li class='menu-item'><a class='linktoload' href='https://ensikology.blogspot.com/' itemprop='url'><span itemprop='name'>Services</span></a></li>
  1543.             <li class='menu-item'><a class='linktoload' href='https://ensikology.blogspot.com/' itemprop='url'><span itemprop='name'>Tools</span></a></li>
  1544.             <li class='menu-item'><a class='linktoload' href='https://ensikology.blogspot.com/' itemprop='url'><span itemprop='name'>Tutorial</span></a></li>
  1545.             <li class='search-icon'>
  1546.                <a href='#searchca'><i class='fa fa-search'/></a>
  1547.             </li>
  1548.             <li class='searchbar'>
  1549.                <form action='/search' id='search-form' method='get'>
  1550.                   <input id='searchbar-input' name='q' placeholder='Search here...' type='search' value=''/>
  1551.                   <input name='max-results' type='hidden' value='6'/>
  1552.                </form>
  1553.                <i aria-hidden='true' class='fa fa-search' id='searchbar-icon'/>
  1554.                <i aria-hidden='true' class='fa fa-times' id='searchbar-cross'/>
  1555.             </li>
  1556.          </ul>
  1557.       </nav>
  1558.       <div id='searchca'>
  1559.          <form action='/search' id='search-form' method='get'>
  1560.             <input name='q' placeholder='Search here...' type='search' value=''/>
  1561.             <input name='max-results' type='hidden' value='6'/>
  1562.             <button class='close' type='button'>&#215;</button>
  1563.          </form>
  1564.       </div>
  1565.    </div>
  1566. </header>
  1567. <div id='breakingwrapper'>
  1568.    <div id='breakingnews'>
  1569.      <span class='tulisbreaking'><i class='fa fa-cog fa-spin'/> <span class='breakhidden'>Latest Update</span></span>
  1570.       <div id='recentbreaking'>Fetching data...</div>
  1571.       <div class='blog-date'>
  1572.          <script language='Javascript'>
  1573.  now = new Date();
  1574. if (now.getTimezoneOffset() == 0) (a=now.getTime() + (7*60*60*1000))
  1575. else (a=now.getTime());
  1576. now.setTime(a);
  1577. var tahun=now.getFullYear()
  1578. var hari=now.getDay()
  1579. var bulan=now.getMonth()
  1580. var tanggal=now.getDate()
  1581. var hariarray=new Array(&quot;Minggu&quot;,&quot;Senin&quot;,&quot;Selasa&quot;,&quot;Rabu&quot;,&quot;Kamis&quot;,&quot;Jum&#39;at&quot;,&quot;Sabtu&quot;)
  1582. var bulanarray=new Array(&quot;Januari&quot;,&quot;Februari&quot;,&quot;Maret&quot;,&quot;April&quot;,&quot;Mei&quot;,&quot;Juni&quot;,&quot;Juli&quot;,&quot;Agustus&quot;,&quot;September&quot;,&quot;Oktober&quot;,&quot;November&quot;,&quot;Desember&quot;)
  1583. document.write(hariarray[hari]+&quot; &quot;+tanggal+&quot; &quot;+bulanarray[bulan]+&quot; &quot;+tahun)
  1584.          </script>
  1585.       </div>
  1586.    </div>
  1587. </div>
  1588. <div class='clear'/>
  1589. <div class='site-content' id='content'>
  1590.   <b:section class='banner section' id='banner' maxwidgets='2' showaddelement='yes'>
  1591.     <b:widget id='HTML96' locked='false' title='' type='HTML' version='1'>
  1592.       <b:widget-settings>
  1593.         <b:widget-setting name='content'>&lt;div style=&quot;width:100%;height:90px;background:#fff;margin:0 auto;position:relative;border:1px solid;&quot;&gt;
  1594. &lt;div id=&#39;content1&#39;&gt;
  1595. &lt;div style=&quot;text-align: center;&quot;&gt;
  1596. &lt;ul class=&quot;button&quot;&gt;
  1597. &lt;li&gt;&lt;a class=&quot;download&quot; href=&quot;https://ensikology.blogspot.com/&quot; rel=&quot;nofollow noopener&quot; target=&quot;_blank&quot;&gt;Buy Now&lt;/a&gt;&lt;/li&gt;
  1598. &lt;/ul&gt;
  1599. &lt;/div&gt;
  1600.   &lt;div class=&#39;visible&#39;&gt;
  1601.     &lt;p&gt;
  1602.       Ads 970x90
  1603.     &lt;/p&gt;
  1604.   &lt;/div&gt;
  1605. &lt;/div&gt;
  1606. &lt;/div&gt;
  1607. &lt;style scoped=&quot;&quot; type=&quot;text/css&quot;&gt;
  1608. #content1{position:absolute;color:rgba(0,0,0,0.15);font-weight:700;overflow:hidden;width:100%;height:90px;z-index:10;clear:both;position:relative;overflow:hidden}
  1609. #content1 .button{margin:0;position:absolute;left:5%;top:29%;list-style:none}
  1610. #content1 .button a.download{display:inline-block;background:#333;color:#fff;font-size:14px;font-weight:400;padding:8px 18px;border-radius:3px}
  1611. #content1 .button a.download:hover{background:#f39c12;color:#fff}
  1612. #content1 .visible{position:absolute;right:5%;line-height:90px;color:rgba(0,0,0,0.1);font-size:3rem}
  1613. @media screen and (max-width:768px){
  1614. #content1 .button{left:20px;right:20px}
  1615. #content1 .button a.download{display:block}
  1616. #content1 .visible{display:none}}
  1617. &lt;/style&gt;</b:widget-setting>
  1618.       </b:widget-settings>
  1619.       <b:includable id='main'>
  1620.   <!-- only display title if it's non-empty -->
  1621.   <b:if cond='data:title != &quot;&quot;'>
  1622.     <h2 class='title'><data:title/></h2>
  1623.   </b:if>
  1624.   <div class='widget-content'>
  1625.     <data:content/>
  1626.   </div>
  1627. </b:includable>
  1628.     </b:widget>
  1629.   </b:section>
  1630. <b:if cond='data:view.isHomepage'>
  1631. <div class='slider-wrappper'>
  1632. <b:section class='featured-slider' id='featured-slider' maxwidgets='2' showaddelement='no'>
  1633.   <b:widget id='HTML32' locked='true' title='Slider' type='HTML' version='1'>
  1634.     <b:widget-settings>
  1635.       <b:widget-setting name='content'>Featured</b:widget-setting>
  1636.     </b:widget-settings>
  1637.     <b:includable id='main'>
  1638.           <!-- only display title if it's non-empty -->
  1639.                         <b:if cond='data:title != &quot;&quot;'>
  1640.                         <h2 class='title'>
  1641.                              <data:title/>
  1642.                           </h2>
  1643.                         </b:if>
  1644.                         <div class='widget-content'>
  1645.                           <div class='widget-inner'>
  1646.                             <script>
  1647.                               document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/<data:content/>?max-results=&quot;+postnum5+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=postarea4\&quot;&gt;&lt;\/script&gt;&quot;);
  1648.                             </script>
  1649.                           </div>
  1650.                         </div>
  1651.         </b:includable>
  1652.   </b:widget>
  1653.   <b:widget id='HTML33' locked='true' title='Featured Post' type='HTML' version='1'>
  1654.     <b:widget-settings>
  1655.       <b:widget-setting name='content'>Featured</b:widget-setting>
  1656.     </b:widget-settings>
  1657.     <b:includable id='main'>
  1658. <b:if cond='data:blog.isMobileRequest == &quot;false&quot;'>
  1659.           <!-- only display title if it's non-empty -->
  1660.                         <b:if cond='data:title != &quot;&quot;'>
  1661.                         <h2 class='title'>
  1662.                              <data:title/>
  1663.                           </h2>
  1664.                         </b:if>
  1665.                         <div class='widget-content'>
  1666.                           <div class='widget-inner'>
  1667.                             <script>
  1668.                               document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/<data:content/>?max-results=&quot;+postnum4+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=postarea5\&quot;&gt;&lt;\/script&gt;&quot;);
  1669.                             </script>
  1670.                           </div>
  1671.                         </div>
  1672. </b:if>
  1673.         </b:includable>
  1674.   </b:widget>
  1675. </b:section>
  1676. </div>
  1677. </b:if>
  1678. <div class='clear'/>
  1679. <div class='content-area' id='primary' itemscope='itemscope' itemtype='https://schema.org/Blog' role='main'>
  1680. <div class='site-main' id='main' role='main'>
  1681. <b:section id='b-section-Blog' maxwidgets='1' showaddelement='no'>
  1682.   <b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog' version='2' visible='true'>
  1683.     <b:widget-settings>
  1684.       <b:widget-setting name='commentLabel'>Comment</b:widget-setting>
  1685.       <b:widget-setting name='showShareButtons'>false</b:widget-setting>
  1686.       <b:widget-setting name='authorLabel'>Diposkan oleh</b:widget-setting>
  1687.       <b:widget-setting name='disableGooglePlusShare'>true</b:widget-setting>
  1688.       <b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
  1689.       <b:widget-setting name='timestampLabel'>-</b:widget-setting>
  1690.       <b:widget-setting name='reactionsLabel'>Reaction</b:widget-setting>
  1691.       <b:widget-setting name='showAuthorProfile'>false</b:widget-setting>
  1692.       <b:widget-setting name='style.layout'>1x1</b:widget-setting>
  1693.       <b:widget-setting name='showLocation'>false</b:widget-setting>
  1694.       <b:widget-setting name='showTimestamp'>false</b:widget-setting>
  1695.       <b:widget-setting name='postsPerAd'>1</b:widget-setting>
  1696.       <b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>
  1697.       <b:widget-setting name='backlinksLabel'>Related Posts</b:widget-setting>
  1698.       <b:widget-setting name='showDateHeader'>false</b:widget-setting>
  1699.       <b:widget-setting name='style.textcolor'>#000000</b:widget-setting>
  1700.       <b:widget-setting name='showCommentLink'>true</b:widget-setting>
  1701.       <b:widget-setting name='style.urlcolor'>#008000</b:widget-setting>
  1702.       <b:widget-setting name='showAuthor'>true</b:widget-setting>
  1703.       <b:widget-setting name='style.linkcolor'>#0000ff</b:widget-setting>
  1704.       <b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>
  1705.       <b:widget-setting name='showLabels'>false</b:widget-setting>
  1706.       <b:widget-setting name='postLabelsLabel'>Labels</b:widget-setting>
  1707.       <b:widget-setting name='showBacklinks'>false</b:widget-setting>
  1708.       <b:widget-setting name='showInlineAds'>false</b:widget-setting>
  1709.       <b:widget-setting name='showReactions'>false</b:widget-setting>
  1710.     </b:widget-settings>
  1711.     <b:includable id='main' var='this'>
  1712. <b:comment>var=&#39;this&#39; digunakan untuk mengirim setiap data allBylineItems agar bisa terbaca</b:comment>    
  1713. <div class='content-wrapper' id='blog-post'>
  1714.     <b:loop values='data:posts' var='post'>            
  1715.     <b:include name='article.loop'/>
  1716. </b:loop>
  1717. </div>
  1718. <b:include name='article.pagination'/>
  1719. </b:includable>
  1720.     <b:includable id='aboutPostAuthor'/>
  1721.     <b:includable id='addComments'/>
  1722.     <b:includable id='article.loop'>
  1723. <b:if cond='data:view.isMultipleItems'>
  1724. <article expr:class='&quot;content index post-&quot; + data:post.id + &quot; blog&quot;' itemscope='itemscope' itemtype='https://schema.org/BlogPosting'>
  1725.     <b:include name='article.loop.index'/>
  1726. </article>
  1727. <b:else/>
  1728. <main aria-label='Main content' class='content post' itemscope='itemscope' itemtype='https://schema.org/Blog'>
  1729.     <center>
  1730.         <a class='linktoload' expr:href='data:blog.homepageUrl' expr:title='data:messages.home'>
  1731.             <span><data:messages.home/></span> 
  1732.         </a>   
  1733.     </center>
  1734.     <article expr:class='&quot;post-&quot; + data:post.id + &quot; blog&quot;' itemprop='blogPost' itemscope='itemscope' itemtype='https://schema.org/BlogPosting'>
  1735.         <b:include name='article.loop.post'/>
  1736.     </article>
  1737. </main>
  1738. </b:if>
  1739. </b:includable>
  1740.     <b:includable id='article.loop.index'>
  1741. <h2>
  1742.     <a class='linktoload' expr:href='data:post.link ? data:post.link : data:post.url' expr:title='data:post.title ? data:post.title : data:messages.noTitle'>
  1743.         <b:eval expr='data:post.title ? data:post.title : data:messages.noTitle'/>
  1744.     </a>
  1745. </h2>
  1746. <b:eval expr='data:post.snippets.long snippet { length: 150, links: false, linebreaks: false, ellipsis: true }'/>
  1747. <img>
  1748. <b:attr expr:value='data:post.title ? data:post.title : data:messages.image' name='alt'/>
  1749. <b:attr expr:value='data:post.title ? data:post.title : data:messages.image' name='title'/>
  1750. <b:if cond='data:post.featuredImage'>
  1751. <b:attr expr:value='resizeImage(data:post.featuredImage, 240)' name='src'/>
  1752. <b:else/>
  1753. <b:attr name='src' value='https://placehold.it/750x440/777/eee?text=No+Images'/>
  1754. </b:if>
  1755. </img>
  1756. </b:includable>
  1757.     <b:includable id='article.loop.post'>
  1758. <h2>
  1759.     <b:eval expr='data:post.title ? data:post.title : data:messages.noTitle'/>
  1760. </h2>
  1761. <div class='post-body' itemprop='articleBody'>
  1762.     <data:post.body/>
  1763.   <hr/>
  1764.   <h1>KOMENTAR</h1>
  1765.  
  1766. <div id='disqus_thread'/>
  1767.   <hr/>
  1768. </div>
  1769. </b:includable>
  1770.     <b:includable id='article.pagination'>
  1771. <b:if cond='not data:view.isSingleItem'>
  1772. <b:if cond='data:olderPageUrl'>
  1773. <div id='linkloadmore'>
  1774.     <a expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_pagination-old&quot;' expr:title='data:messages.olderPosts' itemprop='url'>
  1775.         <span itemprop='name'>Load More</span>
  1776.     </a>
  1777. </div>
  1778. </b:if>
  1779. </b:if>
  1780. </b:includable>
  1781.     <b:includable id='commentAuthorAvatar'/>
  1782.     <b:includable id='commentDeleteIcon'/>
  1783.     <b:includable id='commentForm'/>
  1784.     <b:includable id='commentFormIframeSrc'/>
  1785.     <b:includable id='commentItem'/>
  1786.     <b:includable id='commentList'/>
  1787.     <b:includable id='commentPicker'/>
  1788.     <b:includable id='comments'/>
  1789.     <b:includable id='commentsTitle'/>
  1790.     <b:includable id='feedLinks'/>
  1791.     <b:includable id='feedLinksBody'/>
  1792.     <b:includable id='homePageLink'/>
  1793.     <b:includable id='iframeComments'/>
  1794.     <b:includable id='inlineAd'/>
  1795.     <b:includable id='nextPageLink'/>
  1796.     <b:includable id='post'/>
  1797.     <b:includable id='postBody'/>
  1798.     <b:includable id='postBodySnippet'/>
  1799.     <b:includable id='postCommentsAndAd'/>
  1800.     <b:includable id='postCommentsLink'/>
  1801.     <b:includable id='postFooter'/>
  1802.     <b:includable id='postFooterAuthorProfile'/>
  1803.     <b:includable id='postHeader'/>
  1804.     <b:includable id='postJumpLink'/>
  1805.     <b:includable id='postMeta'/>
  1806.     <b:includable id='postPagination'/>
  1807.     <b:includable id='postTitle'/>
  1808.     <b:includable id='previousPageLink'/>
  1809.     <b:includable id='status-message'/>
  1810.     <b:includable id='threaded-comment-form' var='post'>
  1811.   <div class='comment-form'>
  1812.     <b:if cond='data:mobile'>
  1813.       <p><data:blogCommentMessage/></p>
  1814.       <data:blogTeamBlogMessage/>
  1815.       <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  1816.       <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
  1817.     <b:else/>
  1818.       <p><data:blogCommentMessage/><br/>
  1819. <span class='small-button1'>
  1820. <span id='show-emo'><a class='emo-button' href='javascript:void(0)' onclick='document.getElementById(&apos;emo-box&apos;).style.display=&apos;inline-block&apos;;document.getElementById(&apos;hide-emo&apos;).style.display=&apos;inline-block&apos;;document.getElementById(&apos;show-emo&apos;).style.display=&apos;none&apos;' title='Show Emoticon'>Emoticon</a></span><span id='hide-emo'><a class='emo-button' href='javascript:void(0)' onclick='document.getElementById(&apos;emo-box&apos;).style.display=&apos;none&apos;;document.getElementById(&apos;hide-emo&apos;).style.display=&apos;none&apos;;document.getElementById(&apos;show-emo&apos;).style.display=&apos;inline-block&apos;' title='Hide Emoticon'>Emoticon</a></span>
  1821. </span>
  1822. </p>
  1823. <div id='emo-box'><div class='comment_emo_list'/></div>
  1824.       <data:blogTeamBlogMessage/>
  1825.       <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  1826.       <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
  1827.     </b:if>
  1828.     <data:post.friendConnectJs/>
  1829.     <data:post.cmtfpIframe/>
  1830.     <script type='text/javascript'>
  1831.       BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;);
  1832.     </script>
  1833.   </div>
  1834. </b:includable>
  1835.     <b:includable id='threadedCommentForm' var='post'>
  1836.   <div class='comment-form'>
  1837.     <a name='comment-form'/>
  1838.     <h4 id='comment-post-message'><data:messages.postAComment/></h4>
  1839.     <b:if cond='data:this.messages.blogComment != &quot;&quot;'>
  1840.       <p><data:this.messages.blogComment/></p>
  1841.     </b:if>
  1842.     <b:include data='post' name='commentFormIframeSrc'/>
  1843.     <iframe allowtransparency='allowtransparency' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight ?: &quot;90px&quot;' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'/>
  1844.     <data:post.cmtfpIframe/>
  1845.     <script type='text/javascript'>
  1846.       BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;);
  1847.     </script>
  1848.   </div>
  1849. </b:includable>
  1850.     <b:includable id='threadedCommentJs' var='post'>
  1851.   <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
  1852.   <b:template-script inline='true' name='threaded_comments'/>
  1853.   <script type='text/javascript'>
  1854.     blogger.widgets.blog.initThreadedComments(
  1855.         <data:post.commentJso/>,
  1856.         <data:post.commentMsgs/>,
  1857.         <data:post.commentConfig/>);
  1858.   </script>
  1859. </b:includable>
  1860.     <b:includable id='threadedComments' var='post'>
  1861.   <section class='comments threaded' expr:data-embed='data:post.embedCommentForm' expr:data-num-comments='data:post.numberOfComments' id='comments'>
  1862.     <a name='comments'/>
  1863.  
  1864.     <b:include name='commentsTitle'/>
  1865.  
  1866.     <div class='comments-content'>
  1867.       <b:if cond='data:post.embedCommentForm'>
  1868.         <b:include data='post' name='threadedCommentJs'/>
  1869.       </b:if>
  1870.       <div id='comment-holder'>
  1871.          <data:post.commentHtml/>
  1872.       </div>
  1873.     </div>
  1874.  
  1875.     <p class='comment-footer'>
  1876.       <b:if cond='data:post.allowNewComments'>
  1877.         <b:include data='post' name='threadedCommentForm'/>
  1878.       <b:else/>
  1879.         <data:post.noNewCommentsText/>
  1880.       </b:if>
  1881.     </p>
  1882.  
  1883.     <b:if cond='data:showCmtPopup'>
  1884.       <div id='comment-popup'>
  1885.         <iframe allowtransparency='allowtransparency' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
  1886.         </iframe>
  1887.       </div>
  1888.     </b:if>
  1889.   </section>
  1890. </b:includable>
  1891.     <b:includable id='threaded_comment_js' var='post'>
  1892.   <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
  1893.   <script type='text/javascript'>
  1894.     (function() {
  1895.       var items = <data:post.commentJso/>;
  1896.       var msgs = <data:post.commentMsgs/>;
  1897.       var config = <data:post.commentConfig/>;
  1898. //<![CDATA[
  1899.       var cursor = null;
  1900.       if (items && items.length > 0) {
  1901.         cursor = parseInt(items[items.length - 1].timestamp) + 1;
  1902.       }
  1903.       var bodyFromEntry = function(entry) {
  1904.         if (entry.gd$extendedProperty) {
  1905.           for (var k in entry.gd$extendedProperty) {
  1906.             if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
  1907.               return '<span class="deleted-comment">' + entry.content.$t + '</span>';
  1908.             }
  1909.           }
  1910.         }
  1911.         return entry.content.$t;
  1912.       }
  1913.       var parse = function(data) {
  1914.         cursor = null;
  1915.         var comments = [];
  1916.         if (data && data.feed && data.feed.entry) {
  1917.           for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
  1918.             var comment = {};
  1919.             // comment ID, parsed out of the original id format
  1920.             var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
  1921.             comment.id = id ? id[2] : null;
  1922.             comment.body = bodyFromEntry(entry);
  1923.             comment.timestamp = Date.parse(entry.published.$t) + '';
  1924.             if (entry.author && entry.author.constructor === Array) {
  1925.               var auth = entry.author[0];
  1926.               if (auth) {
  1927.                 comment.author = {
  1928.                   name: (auth.name ? auth.name.$t : undefined),
  1929.                   profileUrl: (auth.uri ? auth.uri.$t : undefined),
  1930.                   avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
  1931.                 };
  1932.               }
  1933.             }
  1934.             if (entry.link) {
  1935.               if (entry.link[2]) {
  1936.                 comment.link = comment.permalink = entry.link[2].href;
  1937.               }
  1938.               if (entry.link[3]) {
  1939.                 var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
  1940.                 if (pid && pid[1]) {
  1941.                   comment.parentId = pid[1];
  1942.                 }
  1943.               }
  1944.             }
  1945.             comment.deleteclass = 'item-control blog-admin';
  1946.             if (entry.gd$extendedProperty) {
  1947.               for (var k in entry.gd$extendedProperty) {
  1948.                 if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
  1949.                   comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
  1950.                 } else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
  1951.                   comment.displayTime = entry.gd$extendedProperty[k].value;
  1952.                 }
  1953.               }
  1954.             }
  1955.             comments.push(comment);
  1956.           }
  1957.         }
  1958.         return comments;
  1959.       };
  1960.       var paginator = function(callback) {
  1961.         if (hasMore()) {
  1962.           var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
  1963.           if (cursor) {
  1964.             url += '&published-min=' + new Date(cursor).toISOString();
  1965.           }
  1966.           window.bloggercomments = function(data) {
  1967.             var parsed = parse(data);
  1968.             cursor = parsed.length < 50 ? null
  1969.                 : parseInt(parsed[parsed.length - 1].timestamp) + 1
  1970.             callback(parsed);
  1971.             window.bloggercomments = null;
  1972.           }
  1973.           url += '&callback=bloggercomments';
  1974.           var script = document.createElement('script');
  1975.           script.type = 'text/javascript';
  1976.           script.src = url;
  1977.           document.getElementsByTagName('head')[0].appendChild(script);
  1978.         }
  1979.       };
  1980.       var hasMore = function() {
  1981.         return !!cursor;
  1982.       };
  1983.       var getMeta = function(key, comment) {
  1984.         if ('iswriter' == key) {
  1985.           var matches = !!comment.author
  1986.               && comment.author.name == config.authorName
  1987.               && comment.author.profileUrl == config.authorUrl;
  1988.           return matches ? 'true' : '';
  1989.         } else if ('deletelink' == key) {
  1990.           return config.baseUri + '/delete-comment.g?blogID='
  1991.                + config.blogId + '&postID=' + comment.id;
  1992.         } else if ('deleteclass' == key) {
  1993.           return comment.deleteclass;
  1994.         }
  1995.         return '';
  1996.       };
  1997.       var replybox = null;
  1998.       var replyUrlParts = null;
  1999.       var replyParent = undefined;
  2000.  
  2001.       var onReply = function(commentId, domId) {
  2002.         if (replybox == null) {
  2003.           // lazily cache replybox, and adjust to suit this style:
  2004.           replybox = document.getElementById('comment-editor');
  2005.           if (replybox != null) {
  2006.             replybox.height = '250px';
  2007.             replybox.style.display = 'block';
  2008.             replyUrlParts = replybox.src.split('#');
  2009.           }
  2010.         }
  2011.         if (replybox && (commentId !== replyParent)) {
  2012.           replybox.src = '';
  2013.           document.getElementById(domId).insertBefore(replybox, null);
  2014.           replybox.src = replyUrlParts[0]
  2015.               + (commentId ? '&parentID=' + commentId : '')
  2016.               + '#' + replyUrlParts[1];
  2017.           replyParent = commentId;
  2018.         }
  2019.       };
  2020.       var hash = (window.location.hash || '#').substring(1);
  2021.       var startThread, targetComment;
  2022.       if (/^comment-form_/.test(hash)) {
  2023.         startThread = hash.substring('comment-form_'.length);
  2024.       } else if (/^c[0-9]+$/.test(hash)) {
  2025.         targetComment = hash.substring(1);
  2026.       }
  2027.       // Configure commenting API:
  2028.       var configJso = {
  2029.         'maxDepth': config.maxThreadDepth
  2030.       };
  2031.       var provider = {
  2032.         'id': config.postId,
  2033.         'data': items,
  2034.         'loadNext': paginator,
  2035.         'hasMore': hasMore,
  2036.         'getMeta': getMeta,
  2037.         'onReply': onReply,
  2038.         'rendered': true,
  2039.         'initComment': targetComment,
  2040.         'initReplyThread': startThread,
  2041.         'config': configJso,
  2042.         'messages': msgs
  2043.       };
  2044.       var render = function() {
  2045.         if (window.goog && window.goog.comments) {
  2046.           var holder = document.getElementById('comment-holder');
  2047.           window.goog.comments.render(holder, provider);
  2048.         }
  2049.       };
  2050.       // render now, or queue to render when library loads:
  2051.       if (window.goog && window.goog.comments) {
  2052.         render();
  2053.       } else {
  2054.         window.goog = window.goog || {};
  2055.         window.goog.comments = window.goog.comments || {};
  2056.         window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
  2057.         window.goog.comments.loadQueue.push(render);
  2058.       }
  2059.     })();
  2060. //]]>
  2061. </script>
  2062. </b:includable>
  2063.     <b:includable id='threaded_comments' var='post'>
  2064.   <div class='comments' id='comments'>
  2065.     <a name='comments'/>
  2066.     <h4><data:post.commentLabelFull/>:</h4>
  2067.     <div class='comments-content'>
  2068.       <b:include cond='data:post.embedCommentForm' data='post' name='threaded_comment_js'/>
  2069.       <div id='comment-holder'>
  2070.         <data:post.commentHtml/>
  2071.       </div>
  2072.     </div>
  2073.     <p class='comment-footer'>
  2074.       <b:if cond='data:post.allowNewComments'>
  2075.         <b:include data='post' name='threaded-comment-form'/>
  2076.         <b:else/>
  2077.         <data:post.noNewCommentsText/>
  2078.       </b:if>
  2079.     </p>
  2080.     <b:if cond='data:showCmtPopup'>
  2081.       <div id='comment-popup'>
  2082.         <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
  2083.         </iframe>
  2084.       </div>
  2085.     </b:if>
  2086.     <div id='backlinks-container'>
  2087.       <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
  2088.         <b:include cond='data:post.showBacklinks' data='post' name='backlinks'/>
  2089.       </div>
  2090.     </div>
  2091.   </div>
  2092. </b:includable>
  2093.   </b:widget>
  2094. </b:section>
  2095. </div>
  2096. </div>
  2097. <div class='widget-area sidebar-widget-area' id='secondary' itemscope='itemscope' itemtype='https://schema.org/WPSideBar' role='complementary'>
  2098. <b:section class='sidebar' id='sidebartop' preferred='yes'>
  2099.   <b:widget id='HTML99' locked='false' title='' type='HTML' version='1'>
  2100.     <b:widget-settings>
  2101.       <b:widget-setting name='content'>&lt;div id=&quot;subscribe-css&quot;&gt;
  2102. &lt;div class=&quot;subscribe-wrapper&quot;&gt;
  2103. &lt;p&gt;Subscribe to Our Newsletter&lt;/p&gt;
  2104. &lt;div class=&quot;subscribe-form&quot;&gt;
  2105. &lt;form action=&#39;https://feedburner.google.com/fb/a/mailverify?uri=Ensikology&#39; class=&quot;subscribe-form&quot; method=&quot;post&quot; onsubmit=&quot;window.open(&#39;https://feedburner.google.com/fb/a/mailverify?uri=Ensikology&#39;, &#39;popupwindow&#39;, &#39;scrollbars=yes,width=550,height=520&#39;);return true&quot; target=&quot;popupwindow&quot;&gt;
  2106. &lt;input name=&quot;uri&quot; type=&quot;hidden&quot; value=&quot;Mizuna&quot; /&gt;
  2107. &lt;input name=&quot;loc&quot; type=&quot;hidden&quot; value=&quot;en_US&quot; /&gt;
  2108. &lt;input class=&quot;subscribe-css-email-field&quot; name=&quot;email&quot; autocomplete=&quot;off&quot; placeholder=&quot;Enter your email&quot;/&gt;
  2109. &lt;input class=&quot;subscribe-css-button&quot; title=&quot;&quot; type=&quot;submit&quot; value=&quot;Submit&quot; /&gt;
  2110. &lt;/form&gt;
  2111. &lt;/div&gt;
  2112. &lt;/div&gt;&lt;/div&gt;</b:widget-setting>
  2113.     </b:widget-settings>
  2114.     <b:includable id='main'>
  2115.   <!-- only display title if it's non-empty -->
  2116.   <b:if cond='data:title != &quot;&quot;'>
  2117.     <h2 class='title'><data:title/></h2>
  2118.   </b:if>
  2119.   <div class='widget-content'>
  2120.     <data:content/>
  2121.   </div>
  2122. </b:includable>
  2123.   </b:widget>
  2124.   <b:widget id='HTML93' locked='false' title='Follow Us' type='HTML' version='1'>
  2125.     <b:widget-settings>
  2126.       <b:widget-setting name='content'>&lt;div id=&#39;socialcounter&#39;&gt;
  2127.    &lt;div class=&#39;arlina_socialize&#39;&gt;
  2128.       &lt;div class=&#39;scl_social facebookx&#39;&gt;
  2129.          &lt;a href=&#39;#&#39; rel=&#39;nofollow noopener&#39; target=&#39;_blank&#39; title=&#39;Like our Facebook&#39;&gt;
  2130.          &lt;span class=&#39;app_icon&#39;&gt;&lt;i class=&#39;fa fa-facebook&#39;/&gt;&lt;/i&gt;&lt;/span&gt;
  2131.          &lt;/a&gt;
  2132.       &lt;/div&gt;
  2133.       &lt;div class=&#39;scl_social twitterx&#39;&gt;
  2134.          &lt;a href=&#39;#&#39; rel=&#39;nofollow noopener&#39; target=&#39;_blank&#39; title=&#39;Follow our Twitter&#39;&gt;
  2135.          &lt;span class=&#39;app_icon&#39;&gt;&lt;i class=&#39;fa fa-twitter&#39;/&gt;&lt;/i&gt;&lt;/span&gt;
  2136.          &lt;/a&gt;
  2137.       &lt;/div&gt;
  2138.       &lt;div class=&#39;scl_social googlex&#39;&gt;
  2139.          &lt;a href=&#39;#&#39; rel=&#39;nofollow noopener&#39; target=&#39;_blank&#39; title=&#39;Get in touch&#39;&gt;
  2140.          &lt;span class=&#39;app_icon&#39;&gt;&lt;i class=&#39;fa fa-google-plus&#39;/&gt;&lt;/i&gt;&lt;/span&gt;
  2141.          &lt;/a&gt;
  2142.       &lt;/div&gt;
  2143.       &lt;div class=&#39;scl_social instagramx&#39;&gt;
  2144.          &lt;a href=&#39;#&#39; rel=&#39;nofollow noopener&#39; target=&#39;_blank&#39; title=&#39;Follow our Instagram&#39;&gt;
  2145.          &lt;span class=&#39;app_icon&#39;&gt;&lt;i class=&#39;fa fa-instagram&#39;/&gt;&lt;/i&gt;&lt;/span&gt;
  2146.          &lt;/a&gt;
  2147.       &lt;/div&gt;
  2148.       &lt;div class=&#39;scl_social youtubex&#39;&gt;
  2149.          &lt;a href=&#39;#&#39; rel=&#39;nofollow noopener&#39; target=&#39;_blank&#39; title=&#39;Visit our Channel&#39;&gt;
  2150.          &lt;span class=&#39;app_icon&#39;&gt;&lt;i class=&#39;fa fa-youtube&#39;/&gt;&lt;/i&gt;&lt;/span&gt;
  2151.          &lt;/a&gt;
  2152.       &lt;/div&gt;
  2153.    &lt;/div&gt;
  2154. &lt;/div&gt;</b:widget-setting>
  2155.     </b:widget-settings>
  2156.     <b:includable id='main'>
  2157.   <!-- only display title if it's non-empty -->
  2158.   <b:if cond='data:title != &quot;&quot;'>
  2159.     <h2 class='title'><data:title/></h2>
  2160.   </b:if>
  2161.   <div class='widget-content' id='related'>
  2162.     <data:content/>
  2163.   </div>
  2164. </b:includable>
  2165.   </b:widget>
  2166.   <b:widget id='PopularPosts1' locked='false' title='Popular Post' type='PopularPosts' version='1'>
  2167.     <b:widget-settings>
  2168.       <b:widget-setting name='numItemsToShow'>5</b:widget-setting>
  2169.       <b:widget-setting name='showThumbnails'>true</b:widget-setting>
  2170.       <b:widget-setting name='showSnippets'>false</b:widget-setting>
  2171.       <b:widget-setting name='timeRange'>ALL_TIME</b:widget-setting>
  2172.     </b:widget-settings>
  2173.     <b:includable id='main'>
  2174.   <b:if cond='data:title'><h2><data:title/></h2></b:if>
  2175.   <div class='widget-content popular-posts'>
  2176.     <ul>
  2177.       <b:loop values='data:posts' var='post'>
  2178.       <li>
  2179.         <b:if cond='data:showThumbnails == &quot;false&quot;'>
  2180.           <b:if cond='data:showSnippets == &quot;false&quot;'>
  2181.             <!-- (1) No snippet/thumbnail -->
  2182.             <a class='linktoload' expr:href='data:post.href'><data:post.title/></a>
  2183.           <b:else/>
  2184.             <!-- (2) Show only snippets -->
  2185.             <div class='item-title'><a class='linktoload' expr:href='data:post.href'><data:post.title/></a></div>
  2186.             <div class='item-snippet'><data:post.snippet/></div>
  2187.           </b:if>
  2188.         <b:else/>
  2189.           <b:if cond='data:showSnippets == &quot;false&quot;'>
  2190.             <!-- (3) Show only thumbnails -->
  2191.             <div class='item-thumbnail-only'>
  2192.               <b:if cond='data:post.thumbnail'>
  2193.                 <div class='item-thumbnail'>
  2194.                   <a class='linktoload' expr:href='data:post.href'>
  2195.                     <img alt='' border='0' expr:src='resizeImage(data:post.thumbnail, 320, &quot;2:1&quot;)'/>
  2196.                   </a>
  2197.                 </div>
  2198.               </b:if>
  2199.               <div class='item-title'><a class='linktoload' expr:href='data:post.href'><data:post.title/></a></div>
  2200.             </div>
  2201.             <div class='clear'/>
  2202.           <b:else/>
  2203.             <!-- (4) Show snippets and thumbnails -->
  2204.             <div class='item-content'>
  2205.               <b:if cond='data:post.thumbnail'>
  2206.                 <div class='item-thumbnail'>
  2207.                   <a class='linktoload' expr:href='data:post.href'>
  2208.                     <img alt='' border='0' expr:src='resizeImage(data:post.thumbnail, 300, &quot;2:1&quot;)'/>
  2209.                   </a>
  2210.                 </div>
  2211.               </b:if>
  2212.               <div class='item-title'><a class='linktoload' expr:href='data:post.href'><data:post.title/></a></div>
  2213.               <div class='item-snippet'><data:post.snippet/></div>
  2214.             </div>
  2215.             <div class='clear'/>
  2216.           </b:if>
  2217.         </b:if>
  2218.       </li>
  2219.       </b:loop>
  2220.     </ul>
  2221.   </div>
  2222. </b:includable>
  2223.   </b:widget>
  2224.   <b:widget id='Label1' locked='false' title='Labels' type='Label' version='1'>
  2225.     <b:widget-settings>
  2226.       <b:widget-setting name='sorting'>ALPHA</b:widget-setting>
  2227.       <b:widget-setting name='display'>CLOUD</b:widget-setting>
  2228.       <b:widget-setting name='selectedLabelsList'/>
  2229.       <b:widget-setting name='showType'>ALL</b:widget-setting>
  2230.       <b:widget-setting name='showFreqNumbers'>false</b:widget-setting>
  2231.     </b:widget-settings>
  2232.     <b:includable id='main'>
  2233.   <b:if cond='data:title'>
  2234.     <h2><data:title/></h2>
  2235.   </b:if>
  2236.   <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
  2237.     <b:if cond='data:display == &quot;list&quot;'>
  2238.       <ul>
  2239.       <b:loop values='data:labels' var='label'>
  2240.         <li>
  2241.           <b:if cond='data:blog.url == data:label.url'>
  2242.             <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
  2243.           <b:else/>
  2244.             <a class='linktoload' expr:dir='data:blog.languageDirection' expr:href='data:label.url + &quot;?&amp;amp;max-results=6&quot;'><data:label.name/></a>
  2245.           </b:if>
  2246.           <b:if cond='data:showFreqNumbers'>
  2247.             <span dir='ltr'><data:label.count/></span>
  2248.           </b:if>
  2249.         </li>
  2250.       </b:loop>
  2251.       </ul>
  2252.     <b:else/>
  2253.       <b:loop values='data:labels' var='label'>
  2254.         <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
  2255.           <b:if cond='data:blog.url == data:label.url'>
  2256.             <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
  2257.           <b:else/>
  2258.             <a class='linktoload' expr:dir='data:blog.languageDirection' expr:href='data:label.url + &quot;?&amp;amp;max-results=6&quot;'><data:label.name/></a>
  2259.           </b:if>
  2260.           <b:if cond='data:showFreqNumbers'>
  2261.             <span class='label-count' dir='ltr'><data:label.count/></span>
  2262.           </b:if>
  2263.         </span>
  2264.       </b:loop>
  2265.     </b:if>
  2266.   </div>
  2267. </b:includable>
  2268.   </b:widget>
  2269. </b:section>
  2270. <div id='sidebarbottom'>
  2271. <b:section class='sidebar' id='sidebarbottomup' preferred='yes'>
  2272.   <b:widget id='ContactForm1' locked='false' title='Formulir Kontak' type='ContactForm' version='1'>
  2273.     <b:includable id='main'>
  2274.   <b:if cond='data:title != &quot;&quot;'>
  2275.     <h2 class='title'><data:title/></h2>
  2276.   </b:if>
  2277.   <div class='contact-form-widget'>
  2278.     <div class='form'>
  2279.       <form name='contact-form'>
  2280.         <p/>
  2281.         <data:contactFormNameMsg/>
  2282.         <br/>
  2283.         <input class='contact-form-name' expr:id='data:widget.instanceId + &quot;_contact-form-name&quot;' name='name' size='30' type='text' value=''/>
  2284.         <p/>
  2285.         <data:contactFormEmailMsg/> <span style='font-weight: bolder;'>*</span>
  2286.         <br/>
  2287.         <input class='contact-form-email' expr:id='data:widget.instanceId + &quot;_contact-form-email&quot;' name='email' size='30' type='text' value=''/>
  2288.         <p/>
  2289.         <data:contactFormMessageMsg/> <span style='font-weight: bolder;'>*</span>
  2290.         <br/>
  2291.         <textarea class='contact-form-email-message' cols='25' expr:id='data:widget.instanceId + &quot;_contact-form-email-message&quot;' name='email-message' rows='5'/>
  2292.         <p/>
  2293.         <input class='contact-form-button contact-form-button-submit' expr:id='data:widget.instanceId + &quot;_contact-form-submit&quot;' expr:value='data:contactFormSendMsg' type='button'/>
  2294.         <p/>
  2295.         <div style='text-align: center; max-width: 100%; width: 100%'>
  2296.           <p class='contact-form-error-message' expr:id='data:widget.instanceId + &quot;_contact-form-error-message&quot;'/>
  2297.           <p class='contact-form-success-message' expr:id='data:widget.instanceId + &quot;_contact-form-success-message&quot;'/>
  2298.         </div>
  2299.       </form>
  2300.     </div>
  2301.   </div>
  2302. </b:includable>
  2303.   </b:widget>
  2304.   <b:widget id='Navbar1' locked='false' title='Navbar' type='Navbar' version='1'>
  2305.     <b:includable id='main'>&lt;script type=&quot;text/javascript&quot;&gt;
  2306.     function setAttributeOnload(object, attribute, val) {
  2307.       if(window.addEventListener) {
  2308.         window.addEventListener(&#39;load&#39;,
  2309.           function(){ object[attribute] = val; }, false);
  2310.       } else {
  2311.         window.attachEvent(&#39;onload&#39;, function(){ object[attribute] = val; });
  2312.       }
  2313.     }
  2314.   &lt;/script&gt;
  2315. &lt;div id=&quot;navbar-iframe-container&quot;&gt;&lt;/div&gt;
  2316. &lt;script type=&quot;text/javascript&quot; src=&quot;https://apis.google.com/js/plusone.js&quot;&gt;&lt;/script&gt;
  2317. &lt;script type=&quot;text/javascript&quot;&gt;
  2318.       gapi.load(&quot;gapi.iframes:gapi.iframes.style.bubble&quot;, function() {
  2319.         if (gapi.iframes &amp;&amp; gapi.iframes.getContext) {
  2320.           gapi.iframes.getContext().openChild({
  2321.               url: &#39;https://www.blogger.com/navbar.g?targetBlogID\x3d4196903048008762683\x26blogName\x3dExperiments\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x3dDISABLED\x26layoutType\x3dLAYOUTS\x26searchRoot\x3dhttps://demoandexp.blogspot.com/search\x26blogLocale\x3din\x26v\x3d2\x26homepageUrl\x3dhttps://demoandexp.blogspot.com/\x26readAccessMode\x3dPRIVATE\x26vt\x3d-4040814267046176686&#39;,
  2322.               where: document.getElementById(&quot;navbar-iframe-container&quot;),
  2323.               id: &quot;navbar-iframe&quot;
  2324.           });
  2325.         }
  2326.       });
  2327.     &lt;/script&gt;&lt;script type=&quot;text/javascript&quot;&gt;
  2328. (function() {
  2329. var script = document.createElement(&#39;script&#39;);
  2330. script.type = &#39;text/javascript&#39;;
  2331. script.src = &#39;//pagead2.googlesyndication.com/pagead/js/google_top_exp.js&#39;;
  2332. var head = document.getElementsByTagName(&#39;head&#39;)[0];
  2333. if (head) {
  2334. head.appendChild(script);
  2335. }})();
  2336. &lt;/script&gt;
  2337. </b:includable>
  2338.   </b:widget>
  2339. </b:section>
  2340. </div>
  2341. </div>
  2342. </div>
  2343. <footer class='site-footer' id='down' itemscope='itemscope' itemtype='https://schema.org/WPFooter' role='contentinfo'>
  2344. <div class='footer-menu'>
  2345. <div class='maxwrap bawahcr'>
  2346. <ul class='menufoot mobile-hide' itemprop='mainEntity' itemscope='itemscope' itemtype='https://schema.org/SiteNavigationElement' role='navigation'>
  2347. <li><a class='linktoload' href='/p/contact-from.html' itemprop='url' title='Contact'><span itemprop='name'>Contact</span></a></li>
  2348. <li><a class='linktoload' href='/p/disclaimer.html' itemprop='url' title='Disclaimer'><span itemprop='name'>Disclaimer</span></a></li>
  2349. <li><a class='linktoload' href='/p/privacy-policy.html' itemprop='url' title='Privacy Policy'><span itemprop='name'>Privacy Policy</span></a></li>
  2350. <li><a class='linktoload' href='/p/sitemap.html' itemprop='url' title='Sitemap'><span itemprop='name'>Sitemap</span></a></li>
  2351. <li><a class='linktoload' href='/p/testimonial.html' itemprop='url' title='Testimonial'><span itemprop='name'>Testimonial</span></a></li>
  2352. </ul>
  2353. <div class='clear'/>
  2354. </div>
  2355. </div>
  2356. <div class='site-info' role='contentinfo'>
  2357. Copyright &#169; <script type='text/javascript'>var creditsyear = new Date();document.write(creditsyear.getFullYear());</script> <a class='linktoload' expr:href='data:blog.homepageUrl'><data:blog.title/></a> All Right Reserved
  2358. </div>
  2359. </footer>
  2360. <div class='totop hider arlniainf'><i class='fa fa-angle-up'/></div>
  2361. </b:if>
  2362. <b:if cond='data:view.isError'>
  2363.    <div class='error-wrapper' id='error-wrapper'>
  2364.       <div id='error-page'>
  2365.          <div id='error-inner'>
  2366.             <h3>Error</h3>
  2367.             <div class='box-404'>
  2368.                <div>404</div>
  2369.             </div>
  2370.             <h2>Page Not Found</h2>
  2371.             <p>It looks like you are lost! Try searching here :<br/></p>
  2372.          </div>
  2373.          <div id='search-404'>
  2374.             <form action='/search' id='search404'>
  2375.                <input name='cof' type='hidden' value='FORID:10'/>
  2376.                <input name='ie' type='hidden' value='ISO-8859-1'/>
  2377.                <input class='src-form404' name='q' placeholder='Search here...' required='required' type='search'/>
  2378.                <button class='src-btn404' title='Search' type='submit'>
  2379.                   <svg class='icons icon-Search' viewBox='0 0 24 24'>
  2380.                      <path d='M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z'/>
  2381.                   </svg>
  2382.                </button>
  2383.             </form>
  2384.             <p>
  2385.                Or, back to
  2386.                <a expr:href='data:blog.homepageUrl'>
  2387.                   homepage
  2388.                   <svg class='icons icon-Forward' viewBox='0 0 24 24'>
  2389.                      <path d='M4,11V13H16L10.5,18.5L11.92,19.92L19.84,12L11.92,4.08L10.5,5.5L16,11H4Z'/>
  2390.                   </svg>
  2391.                </a>
  2392.             </p>
  2393.          </div>
  2394.       </div>
  2395.    </div>
  2396. </b:if>
  2397. <b:if cond='data:blog.pageType == &quot;index&quot;'>
  2398. <script type='text/javascript'>
  2399. /*<![CDATA[*/
  2400. var postperpage=6;var numshowpage=2;var upPageWord ='Prev';var downPageWord ='Next';var urlactivepage=location.href;var home_page="/";
  2401. /*]]>*/
  2402. </script>
  2403. <script src='https://rawcdn.githack.com/Arlina-Design/redvision/master/unlipage.js' type='text/javascript'/>
  2404. </b:if>
  2405. <script type='text/javascript'>
  2406. //<![CDATA[
  2407. // Search form
  2408. $(function(){$('a[href="#searchca"]').on("click",function(e){e.preventDefault(),$("#searchca").addClass("open"),$('#searchca > form > input[type="search"]').focus()}),$("#searchca, #searchca button.close").on("click keyup",function(e){e.target!=this&&"close"!=e.target.className&&27!=e.keyCode||$(this).removeClass("open")})});
  2409. // Responsive Menu
  2410. !function(a,b,c){"use strict";var d=function(d,e){var f=!!b.getComputedStyle;f||(b.getComputedStyle=function(a){return this.el=a,this.getPropertyValue=function(b){var c=/(\-([a-z]){1})/g;return"float"===b&&(b="styleFloat"),c.test(b)&&(b=b.replace(c,function(){return arguments[2].toUpperCase()})),a.currentStyle[b]?a.currentStyle[b]:null},this});var g,h,i,j,k,l,m=function(a,b,c,d){if("addEventListener"in a)try{a.addEventListener(b,c,d)}catch(e){if("object"!=typeof c||!c.handleEvent)throw e;a.addEventListener(b,function(a){c.handleEvent.call(c,a)},d)}else"attachEvent"in a&&("object"==typeof c&&c.handleEvent?a.attachEvent("on"+b,function(){c.handleEvent.call(c)}):a.attachEvent("on"+b,c))},n=function(a,b,c,d){if("removeEventListener"in a)try{a.removeEventListener(b,c,d)}catch(e){if("object"!=typeof c||!c.handleEvent)throw e;a.removeEventListener(b,function(a){c.handleEvent.call(c,a)},d)}else"detachEvent"in a&&("object"==typeof c&&c.handleEvent?a.detachEvent("on"+b,function(){c.handleEvent.call(c)}):a.detachEvent("on"+b,c))},o=function(a){if(a.children.length<1)throw new Error("The Nav container has no containing elements");for(var b=[],c=0;c<a.children.length;c++)1===a.children[c].nodeType&&b.push(a.children[c]);return b},p=function(a,b){for(var c in b)a.setAttribute(c,b[c])},q=function(a,b){0!==a.className.indexOf(b)&&(a.className+=" "+b,a.className=a.className.replace(/(^\s*)|(\s*$)/g,""))},r=function(a,b){var c=new RegExp("(\\s|^)"+b+"(\\s|$)");a.className=a.className.replace(c," ").replace(/(^\s*)|(\s*$)/g,"")},s=function(a,b,c){for(var d=0;d<a.length;d++)b.call(c,d,a[d])},t=a.createElement("style"),u=a.documentElement,v=function(b,c){var d;this.options={animate:!0,transition:284,label:"Menu",insert:"before",customToggle:"",closeOnNavClick:!1,openPos:"relative",navClass:"nav-collapse",navActiveClass:"js-nav-active",jsClass:"js",init:function(){},open:function(){},close:function(){}};for(d in c)this.options[d]=c[d];if(q(u,this.options.jsClass),this.wrapperEl=b.replace("#",""),a.getElementById(this.wrapperEl))this.wrapper=a.getElementById(this.wrapperEl);else{if(!a.querySelector(this.wrapperEl))throw new Error("The nav element you are trying to select doesn't exist");this.wrapper=a.querySelector(this.wrapperEl)}this.wrapper.inner=o(this.wrapper),h=this.options,g=this.wrapper,this._init(this)};return v.prototype={destroy:function(){this._removeStyles(),r(g,"closed"),r(g,"opened"),r(g,h.navClass),r(g,h.navClass+"-"+this.index),r(u,h.navActiveClass),g.removeAttribute("style"),g.removeAttribute("aria-hidden"),n(b,"resize",this,!1),n(b,"focus",this,!1),n(a.body,"touchmove",this,!1),n(i,"touchstart",this,!1),n(i,"touchend",this,!1),n(i,"mouseup",this,!1),n(i,"keyup",this,!1),n(i,"click",this,!1),h.customToggle?i.removeAttribute("aria-hidden"):i.parentNode.removeChild(i)},toggle:function(){j===!0&&(l?this.close():this.open())},open:function(){l||(r(g,"closed"),q(g,"opened"),q(u,h.navActiveClass),q(i,"active"),g.style.position=h.openPos,p(g,{"aria-hidden":"false"}),l=!0,h.open())},close:function(){l&&(q(g,"closed"),r(g,"opened"),r(u,h.navActiveClass),r(i,"active"),p(g,{"aria-hidden":"true"}),h.animate?(j=!1,setTimeout(function(){g.style.position="absolute",j=!0},h.transition+10)):g.style.position="absolute",l=!1,h.close())},resize:function(){"none"!==b.getComputedStyle(i,null).getPropertyValue("display")?(k=!0,p(i,{"aria-hidden":"false"}),g.className.match(/(^|\s)closed(\s|$)/)&&(p(g,{"aria-hidden":"true"}),g.style.position="absolute"),this._createStyles(),this._calcHeight()):(k=!1,p(i,{"aria-hidden":"true"}),p(g,{"aria-hidden":"false"}),g.style.position=h.openPos,this._removeStyles())},handleEvent:function(a){var c=a||b.event;switch(c.type){case"touchstart":this._onTouchStart(c);break;case"touchmove":this._onTouchMove(c);break;case"touchend":case"mouseup":this._onTouchEnd(c);break;case"click":this._preventDefault(c);break;case"keyup":this._onKeyUp(c);break;case"focus":case"resize":this.resize(c)}},_init:function(){this.index=c++,q(g,h.navClass),q(g,h.navClass+"-"+this.index),q(g,"closed"),j=!0,l=!1,this._closeOnNavClick(),this._createToggle(),this._transitions(),this.resize();var d=this;setTimeout(function(){d.resize()},20),m(b,"resize",this,!1),m(b,"focus",this,!1),m(a.body,"touchmove",this,!1),m(i,"touchstart",this,!1),m(i,"touchend",this,!1),m(i,"mouseup",this,!1),m(i,"keyup",this,!1),m(i,"click",this,!1),h.init()},_createStyles:function(){t.parentNode||(t.type="text/css",a.getElementsByTagName("head")[0].appendChild(t))},_removeStyles:function(){t.parentNode&&t.parentNode.removeChild(t)},_createToggle:function(){if(h.customToggle){var b=h.customToggle.replace("#","");if(a.getElementById(b))i=a.getElementById(b);else{if(!a.querySelector(b))throw new Error("The custom nav toggle you are trying to select doesn't exist");i=a.querySelector(b)}}else{var c=a.createElement("a");c.innerHTML=h.label,p(c,{href:"#","class":"nav-toggle"}),"after"===h.insert?g.parentNode.insertBefore(c,g.nextSibling):g.parentNode.insertBefore(c,g),i=c}},_closeOnNavClick:function(){if(h.closeOnNavClick){var a=g.getElementsByTagName("a"),b=this;s(a,function(c){m(a[c],"click",function(){k&&b.toggle()},!1)})}},_preventDefault:function(a){return a.preventDefault?(a.stopImmediatePropagation&&a.stopImmediatePropagation(),a.preventDefault(),a.stopPropagation(),!1):void(a.returnValue=!1)},_onTouchStart:function(a){Event.prototype.stopImmediatePropagation||this._preventDefault(a),this.startX=a.touches[0].clientX,this.startY=a.touches[0].clientY,this.touchHasMoved=!1,n(i,"mouseup",this,!1)},_onTouchMove:function(a){(Math.abs(a.touches[0].clientX-this.startX)>10||Math.abs(a.touches[0].clientY-this.startY)>10)&&(this.touchHasMoved=!0)},_onTouchEnd:function(a){if(this._preventDefault(a),k&&!this.touchHasMoved){if("touchend"===a.type)return void this.toggle();var c=a||b.event;3!==c.which&&2!==c.button&&this.toggle()}},_onKeyUp:function(a){var c=a||b.event;13===c.keyCode&&this.toggle()},_transitions:function(){if(h.animate){var a=g.style,b="max-height "+h.transition+"ms";a.WebkitTransition=a.MozTransition=a.OTransition=a.transition=b}},_calcHeight:function(){for(var a=0,b=0;b<g.inner.length;b++)a+=g.inner[b].offsetHeight;var c="."+h.jsClass+" ."+h.navClass+"-"+this.index+".opened{max-height:"+a+"px !important} ."+h.jsClass+" ."+h.navClass+"-"+this.index+".opened.dropdown-active {max-height:9999px !important}";t.styleSheet?t.styleSheet.cssText=c:t.innerHTML=c,c=""}},new v(d,e)};"undefined"!=typeof module&&module.exports?module.exports=d:b.responsiveNav=d}(document,window,0);
  2411. var nav = responsiveNav(".nav-collapse");
  2412. // Back To Top
  2413. $(function(){$(window).scroll(function(){$(this).scrollTop()>400?$(".totop").addClass('arlniainf'):$(".totop").removeClass('arlniainf')}),$(".totop").click(function(){return $("html,body").animate({scrollTop:0},400),!1})});
  2414. // Search Box
  2415. $(document).ready(function(){$("#searchbar-icon").click(function(){$("#searchbar-input").animate({width:"toggle"}),$("#searchbar-icon").toggle(),$("#searchbar-cross").toggle(0)}),$("#searchbar-cross").click(function(){$("#searchbar-input").animate({width:"toggle"}),$("#searchbar-cross").toggle(),$("#searchbar-icon").toggle(0)})});
  2416. // News Ticker
  2417. $(document).ready(function(){var e="https://ensikology.blogspot.com/",t=10;$.ajax({url:""+e+"/feeds/posts/default?alt=json-in-script&amp;max-results="+t,type:"get",dataType:"jsonp",success:function(e){function t(){$("#recentbreaking li:first").slideUp(function(){$(this).appendTo($("#recentbreaking ul")).slideDown()})}var n,r,a="",i=e.feed.entry;if(void 0!==i){a="<ul>";for(var l=0;l<i.length;l++){for(var s=0;s<i[l].link.length;s++)if("alternate"==i[l].link[s].rel){n=i[l].link[s].href;break}r=i[l].title.$t,a+='<li><a href="'+n+'" target="_blank">'+r+"</a></li>"}a+="</ul>",$("#recentbreaking").html(a),setInterval(function(){t()},5e3)}else $("#recentbreaking").html("<span>There nothing here?</span>")},error:function(){$("#recentbreaking").html("<strong>Error Loading Feed!</strong>")}})});
  2418. // Lazy Load
  2419. (function(a){a.fn.lazyload=function(b){var c={threshold:0,failurelimit:0,event:"scroll",effect:"show",container:window};if(b){a.extend(c,b)}var d=this;if("scroll"==c.event){a(c.container).bind("scroll",function(b){var e=0;d.each(function(){if(a.abovethetop(this,c)||a.leftofbegin(this,c)){}else if(!a.belowthefold(this,c)&&!a.rightoffold(this,c)){a(this).trigger("appear")}else{if(e++>c.failurelimit){return false}}});var f=a.grep(d,function(a){return!a.loaded});d=a(f)})}this.each(function(){var b=this;if(undefined==a(b).attr("original")){a(b).attr("original",a(b).attr("src"))}if("scroll"!=c.event||undefined==a(b).attr("src")||c.placeholder==a(b).attr("src,data-src")||a.abovethetop(b,c)||a.leftofbegin(b,c)||a.belowthefold(b,c)||a.rightoffold(b,c)){if(c.placeholder){a(b).attr("src",c.placeholder)}else{a(b).removeAttr("src")}b.loaded=false}else{b.loaded=true}a(b).one("appear",function(){if(!this.loaded){a("<img />").bind("load",function(){a(b).hide().attr("src",a(b).attr("original"))[c.effect](c.effectspeed);b.loaded=true}).attr("src",a(b).attr("original"))}});if("scroll"!=c.event){a(b).bind(c.event,function(c){if(!b.loaded){a(b).trigger("appear")}})}});a(c.container).trigger(c.event);return this};a.belowthefold=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).height()+a(window).scrollTop()}else{var d=a(c.container).offset().top+a(c.container).height()}return d<=a(b).offset().top-c.threshold};a.rightoffold=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).width()+a(window).scrollLeft()}else{var d=a(c.container).offset().left+a(c.container).width()}return d<=a(b).offset().left-c.threshold};a.abovethetop=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).scrollTop()}else{var d=a(c.container).offset().top}return d>=a(b).offset().top+c.threshold+a(b).height()};a.leftofbegin=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).scrollLeft()}else{var d=a(c.container).offset().left}return d>=a(b).offset().left+c.threshold+a(b).width()};a.extend(a.expr[":"],{"below-the-fold":"$.belowthefold(a, {threshold : 0, container: window})","above-the-fold":"!$.belowthefold(a, {threshold : 0, container: window})","right-of-fold":"$.rightoffold(a, {threshold : 0, container: window})","left-of-fold":"!$.rightoffold(a, {threshold : 0, container:window})"})})(jQuery);$(function(){$(".post img").lazyload({placeholder:"https://1.bp.blogspot.com/-dFdSHqssecY/W9ilhJ4T23I/AAAAAAAABIM/2c3fy80E7OMxLuQXwQNsdtn1dYDnKeRcwCLcBGAs/s12/layer.png",effect:"fadeIn",threshold:"0"})});
  2420. //]]>
  2421. </script>
  2422. <b:if cond='data:blog.pageType != &quot;index&quot;'>
  2423. <script type='text/javascript'>
  2424. //<![CDATA[
  2425. // Share Button
  2426. $(document).ready(function(){$(".post-outer").addClass("post")});
  2427. function load(){$(".social .facebook, .social .twitter, .social .gplus, .social .whatsapp").click(function(o){o.preventDefault(),window.open($(this).attr("href"),"popupWindow","width=600,height=600,scrollbars=yes")}),$(".btotop").click(function(){return $("html, body").animate({scrollTop:0},800),!1})}$(document).ready(load);
  2428. // Youtube Responsive
  2429. setTimeout(function(){$(".video-youtube").each(function(){$(this).replaceWith('<iframe class="video-youtube loader" src="'+$(this).data("src")+'" allowfullscreen="allowfullscreen" height="281" width="500"></iframe>')})},5e3);
  2430. // Double Click
  2431. $('i[rel="pre"]').replaceWith(function(){return $("<pre><code>"+$(this).html()+"</code></pre>")});for(var pres=document.querySelectorAll("pre,code,kbd,blockquote,td"),i=0;i<pres.length;i++)pres[i].addEventListener("dblclick",function(){var e=getSelection(),t=document.createRange();t.selectNodeContents(this),e.removeAllRanges(),e.addRange(t)},!1);
  2432. function downloadJSAtOnload(){var e=document.createElement("script");e.src="https://rawcdn.githack.com/Indzign/theme/9cb6e56a/highlightprox.js",document.body.appendChild(e)}window.addEventListener?window.addEventListener("load",downloadJSAtOnload,!1):window.attachEvent?window.attachEvent("onload",downloadJSAtOnload):window.onload=downloadJSAtOnload;
  2433. $(document).ready(function(){$("#flippy").click(function(){$("#flippanel").slideToggle("normal")})});
  2434. // Related Posts
  2435. $(document).ready(function(){function relatedPost(g,e,r){$.ajax({url:"/feeds/posts/default/-/"+e+"?alt=json-in-script&max-results="+r,type:"get",dataType:"jsonp",success:function(t){for(var u="",h='<div class="related">',x=0;x<t.feed.entry.length;x++){for(var z=0;z<t.feed.entry[x].link.length;z++){if("alternate"==t.feed.entry[x].link[z].rel){u=t.feed.entry[x].link[z].href;break}}
  2436. var p=t.feed.entry[x].title.$t;var c=t.feed.entry[x].content.$t;var y=$('<div>').html(c);if(c.indexOf("https://www.youtube.com/embed/")>-1||c.indexOf("https://www.youtube.com/embed/")>-1){var d=t.feed.entry[x].media$thumbnail.url,m=d.replace('/default.jpg','/mqdefault.jpg'),k=m;}else if(c.indexOf("<img")>-1){var s=y.find('img:first').attr('src'),v=s.replace('s72-c','s600');var k=v;}else{var k='https://2.bp.blogspot.com/-4lZ7DCckjkg/WtaPclghMGI/AAAAAAAAN00/4Cais5iSDRwwUyU6jEc7qlCojlg1izsVgCLcBGAs/s1600/noImage.png';}
  2437. h+='<li><div class="related-thumb"><a class="related-img" href="'+u+'" style="background:url('+k+') no-repeat center center;background-size: cover"/></div><h3 class="related-title"><a href="'+u+'">'+p+'</a></h3></li>'} h+='</div>',g.html(h);}})}
  2438. $("#related-posts").each(function(){var g=$(this),e=g.text(),r=3;relatedPost(g,e,r);});});
  2439. //]]>
  2440. </script>
  2441. </b:if>
  2442.  
  2443.  
  2444. <script src='https://code.jquery.com/jquery-2.1.4.min.js' type='text/javascript'/>
  2445. <script type='text/javascript'>
  2446.     //<![CDATA[
  2447.     function ScrollTop(){
  2448.         $('html, body').animate({scrollTop: '0px'}, 100);
  2449.     }
  2450.  
  2451.     function initialBack(){
  2452.         $(window).on('popstate', function() {
  2453.             var link = window.location.href;
  2454.             LoadPost(link,false);                              
  2455.         });
  2456.     }
  2457.  
  2458.     function initialLink(){
  2459.         $('a.linktoload').click(function(event){
  2460.             event.preventDefault();
  2461.             var link = $(this).attr('href');
  2462.             if (!$(this).hasClass('active')) {
  2463.                 LoadPost(link,true);
  2464.             }
  2465.         });
  2466.     }
  2467.  
  2468.     function initialTitle(url,data,status){
  2469.         var title= $(data).filter('title').text();
  2470.         if (url != window.location && status) {                        
  2471.             window.history.pushState(data,title,url);
  2472.         }
  2473.         document.title = title;
  2474.     }
  2475.  
  2476.     function initialHistory(url){
  2477.         if (url != window.location) {                          
  2478.             window.history.pushState({path: url},'',url);
  2479.         }
  2480.     }
  2481.  
  2482.     function initialLoadMore(data){
  2483.         var linkloadmore = $(data).find('#linkloadmore');
  2484.         if (linkloadmore.length == 0) {        
  2485.             $("#linkloadmore").remove();
  2486.         }else if (linkloadmore.length == 1) {  
  2487.             var clone = linkloadmore.clone();
  2488.             $(".content-wrapper").append(clone);
  2489.             LoadMore();
  2490.         }
  2491.     }
  2492.  
  2493.     function LoadMore(){
  2494.         $('#linkloadmore').click(function(event){
  2495.             event.preventDefault();
  2496.             $('#linkloadmore a span').html('Loading...');
  2497.             var link = $("#Blog1_pagination-old").attr('href');
  2498.             $.get(link,function(data) {
  2499.                 var source = $(data).find('.content-wrapper').length ? $(data) : $('<div></div>');
  2500.                 $(".content-wrapper").append(source.find('.content-wrapper').html());
  2501.                 $("#linkloadmore").html(source.find('#Blog1_pagination-old').clone());
  2502.                 initialLink();
  2503.             }, "html");
  2504.         })
  2505.     }
  2506.  
  2507.     function LoadPost(url,boolean){
  2508.         animationstart();
  2509.         initialHistory(url);
  2510.         $(".content-wrapper").load(url + ' .content',function(data){
  2511.             initialLink();
  2512.             initialTitle(url,data,boolean);
  2513.             initialLoadMore(data);     
  2514.             ScrollTop();
  2515.             animationfinish();
  2516.         })
  2517.     }
  2518.  
  2519.     function animationstart(){
  2520.  
  2521. var Nanobar=function(){var c,d,e,f,g,h,k={width:"100%",height:"4px",zIndex:9999,top:"0"},l={width:0,height:"100%",clear:"both",transition:"height .3s"};c=function(a,b){for(var c in b)a.style[c]=b[c];a.style["float"]="left"};f=function(){var a=this,b=this.width-this.here;0.1>b&&-0.1<b?(g.call(this,this.here),this.moving=!1,100==this.width&&(this.el.style.height=0,setTimeout(function(){a.cont.el.removeChild(a.el)},100))):(g.call(this,this.width-b/4),setTimeout(function(){a.go()},16))};g=function(a){this.width=
  2522. a;this.el.style.width=this.width+"%"};h=function(){var a=new d(this);this.bars.unshift(a)};d=function(a){this.el=document.createElement("div");this.el.style.backgroundColor=a.opts.bg;this.here=this.width=0;this.moving=!1;this.cont=a;c(this.el,l);a.el.appendChild(this.el)};d.prototype.go=function(a){a?(this.here=a,this.moving||(this.moving=!0,f.call(this))):this.moving&&f.call(this)};e=function(a){a=this.opts=a||{};var b;a.bg=a.bg||"#fff";this.bars=[];b=this.el=document.createElement("div");c(this.el,
  2523. k);a.id&&(b.id=a.id);b.style.position=a.target?"relative":"fixed";a.target?a.target.insertBefore(b,a.target.firstChild):document.getElementsByTagName("body")[0].appendChild(b);h.call(this)};e.prototype.go=function(a){this.bars[0].go(a);100==a&&h.call(this)};return e}();
  2524. var nanobar = new Nanobar();nanobar.go(30);nanobar.go(60);nanobar.go(100);
  2525.     }
  2526.  
  2527.     function animationfinish(){
  2528.         $('body').fadeIn();
  2529.     }
  2530.  
  2531.     initialLink();
  2532.     initialBack();
  2533.     LoadMore();
  2534.     //]]>
  2535. </script>
  2536. <script type='text/javascript'>//<![CDATA[
  2537. var _0x2f0e=['innerHTML','addEventListener','click','preventDefault','classList','toggle','dark-ensikology','setItem','removeItem','localStorage','getItem','myDarkMode','documentElement',' dark-ensikology','querySelector','#dark-myar-ensikology'];(function(_0x1b79a7,_0x3a0621){var _0x966a12=function(_0x3e79fd){while(--_0x3e79fd){_0x1b79a7['push'](_0x1b79a7['shift']());}};_0x966a12(++_0x3a0621);}(_0x2f0e,0xa9));var _0x2b5b=function(_0x462a3a,_0x3e5e7f){_0x462a3a=_0x462a3a-0x0;var _0x26f27e=_0x2f0e[_0x462a3a];return _0x26f27e;};;(function(_0x512a50,_0x163dc1,_0x16c793){if(!(_0x2b5b('0x0')in _0x512a50))return;var _0x1d0913=localStorage[_0x2b5b('0x1')](_0x2b5b('0x2'));if(_0x1d0913){_0x163dc1[_0x2b5b('0x3')]['className']+=_0x2b5b('0x4');}}(window,document));;(function(_0x78db9c,_0x2d7dec,_0x44c5fe){if(!('localStorage'in _0x78db9c))return;var _0x41c733=_0x2d7dec[_0x2b5b('0x5')](_0x2b5b('0x6'));if(!_0x41c733)return;_0x41c733[_0x2b5b('0x7')]+='<li id="dark-ensikology"><a class="ensikologydark" role="button" href="#"><i class="fas fa-moon"></i> Gelap</a></li>';var _0x42910d=_0x2d7dec[_0x2b5b('0x5')]('#dark-ensikology');if(!_0x42910d)return;_0x42910d[_0x2b5b('0x8')](_0x2b5b('0x9'),function(_0x186dc3){_0x186dc3[_0x2b5b('0xa')]();_0x2d7dec[_0x2b5b('0x3')][_0x2b5b('0xb')][_0x2b5b('0xc')](_0x2b5b('0xd'));if(_0x2d7dec['documentElement'][_0x2b5b('0xb')]['contains'](_0x2b5b('0xd'))){localStorage[_0x2b5b('0xe')](_0x2b5b('0x2'),!![]);return;}localStorage[_0x2b5b('0xf')](_0x2b5b('0x2'));},![]);}(window,document));//]]></script>
  2538. </body>
  2539. </HTML>
RAW Paste Data
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
 
Top