<head> <!-- /* */ body#layout{width:922px} body#layout .mainContainer{display:flex} body#layout header{width:50%} body#layout .mainbar{width:65%} body#layout .sidebar{width:35%} body#layout div#HTML02, body#layout div#HTML03{width:calc(50% - 4px);float:left} body#layout div#HTML03{float:right} body#layout div.section:after{content:'';display:block;clear:both} ]]>

Table of contents

</head>

0 586 false false BEHIND 0

]]>

]]>

true true 3275708579996069401 true false

Dont show.

false Komentar #161617 true Oleh true #4d4d4d true true #505050 TextAndImage #ffffff Pada true 1x1 true false true 1 false #ffffff false false Filter out the featured post, but only on the homepage.

Home

Uncategorized

Anonymous

No image

"image": { "@type": "ImageObject", "url": "", "height": 630, "width": 1200 "url": "https://1.bp.blogspot.com/-mxCVT67mucg/XuGnFewKQLI/AAAAAAAAPn0/43iTLOGDAO0nOPouyKKo4OpVGjoOpWnNwCK4BGAsYHg/s320/median-img.png", "height": 348, "width": 1200 }, "publisher": { "@type": "Organization", "name": "Affizoo", "logo": { "@type": "ImageObject", "url": "https://1.bp.blogspot.com/-oGHAWNeu4w4/YJpefoCVqrI/AAAAAAAAAf0/QjAl-BD3l5AUPwdHHOrUV4UKhST6tfbIgCLcBGAsYHQ/s1600/20210511_160615.png", "width": 206, "height": 60 } },

Untuk menyisipkan sebuah kode gunakan To insert a code use <i rel="pre">code_here</i>

Untuk menyisipkan sebuah quote gunakan To insert a quote use <b rel="quote">your_qoute</b>

<b:else/> <amp-iframe class='blogger-iframe-colorize blogger-comment-from-post' expr:data-src='data:post.commentFormIframeSrc appendParams {skin: "contempo"}' expr:src='data:post.commentFormIframeSrc appendParams {skin: "contempo"}' height='296' id='comment-editor' layout='fixed-height' sandbox='allow-scripts allow-same-origin allow-forms allow-top-navigation'/> </b:if> </div> <b:else/> <div class='comments-disable'> <data:post.noNewCommentsText/> </div> </b:if> </div> <b:if cond='data:showCmtPopup'> <div id='comment-popup'> <iframe allowtransparency='allowtransparency' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'/> </div> </b:if> </section> <b:if cond='data:post.allowNewComments and data:view.url != data:view.url params { amp: "1" }'> <script>/*<![CDATA[*/ document.addEventListener("DOMContentLoaded", function() { var a=document, b = a.getElementById("comment-editor"), d = b.getAttribute("data-src"); if (b.setAttribute("src", d), 1 == comment) { var f = a.getElementsByClassName("reply-to"), c = a.getElementById("threaded-comment-form"), h = f.length, k = function(b, d, e, f) { b.addEventListener("click", function() { var c = b.getAttribute("data-reply-to"); a.getElementById("c" + c).appendChild(d); a.getElementById("threaded-comment-form").className = 'comment-replybox-single'; a.getElementById("addcomment").className = 'comment-reply button outline'; e.src = f + "&parentID=" + c }) }; for (i = 0; i < h; i++) k(f[i], c, b, d); var l = a.getElementsByClassName("comment-form")[0]; a.getElementById("addcomment").addEventListener("click", function() { l.appendChild(c); a.getElementById("threaded-comment-form").className = 'comment-replybox-thread'; a.getElementById("addcomment").className = 'hidden'; b.src = d }) } }); // Comment tag, license: dte.web.id/teknis/paket-javascript-fitur-manipulasi function repText(id) {var a = document.getElementById(id); if (!a) return; var b = a.innerHTML; b = b.replace(/<i rel="pre">(.*?)<\/i>/ig, "<pre><code>$1<\/code><\/pre>"); b = b.replace(/<b rel="quote">(.*?)<\/b>/ig, "<blockquote>$1<\/blockquote>"); a.innerHTML = b} repText('comment-holder'); /*]]>*/</script> </b:if> </b:includable> <b:includable id='titlePostWidget'> <div class='blog-title widget-title' id='layout-mode'> <h3 class='heading'> <b:if cond='data:view.isMultipleItems'> <b:if cond='data:view.isHomepage'><data:messages.latestPosts/> <b:else/> <b:if cond='data:view.search.label'> <data:messages.labels/>: <b><data:blog.pageName/></b> <b:elseif cond='data:view.search.query'/> <data:messages.search/>: <b><data:view.search.query/></b> <b:else/> <data:messages.posts/> </b:if> <b:if cond='data:view.isArchive'><data:messages.blogArchive/>: <b><data:blog.pageName/></b></b:if> </b:if> </b:if> </h3> <b:if cond='data:view.isMultipleItems and data:view.url != data:view.url params { amp: "1" }'> <div class='listMode' id='listMode' onclick='listMode()'> <svg class='line svg-1' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><rect height='7' rx='2' ry='2' width='18' x='3' y='3'/><rect height='7' rx='2' ry='2' width='18' x='3' y='14'/></svg> <svg class='line svg-2' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><rect height='7' width='7' x='3' y='3'/><rect height='7' width='7' x='14' y='3'/><rect height='7' width='7' x='14' y='14'/><rect height='7' width='7' x='3' y='14'/></svg> <script>/*<![CDATA[*/ (localStorage.getItem('list')) === 'listmode' ? document.querySelector('#Blog00').classList.add('list-mode') : document.querySelector('#Blog00').classList.remove('list-mode') /*]]>*/</script> </div> </b:if> </div> </b:includable> </b:widget> <b:widget cond='data:view.isPost and !data:view.isPreview and data:view.url != data:view.url params { amp: "1" }' id='HTML01' locked='true' title='Middle Post Ad' type='HTML' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='content'><![CDATA[<div class='ads-here min' style='min-height:80px'/></div>]]></b:widget-setting> </b:widget-settings> <b:includable id='main'> <div class='widget-content'> <data:content/> <script>/*<![CDATA[*/ function insertAfter(tbh,tgt) {var prt = tgt.parentNode; if (prt.lastChild == tgt) {prt.appendChild(tbh)} else {prt.insertBefore(tbh,tgt.nextSibling)}} var tgt = document.getElementById("post-body"); var midAd3 = document.getElementById("HTML01"); var showAd3 = tgt.getElementsByTagName("p"); if (showAd3.length > 0) {insertAfter(midAd3,showAd3[20])}; /*]]>*/</script> </div> </b:includable> </b:widget> </b:section>  <b:section cond='data:view.isMultipleItems' id='add-widget' maxwidgets='3' showaddelement='true'> <b:widget cond='!data:view.isPreview' id='HTML04' locked='true' title='Homepage Ad' type='HTML' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='content'><![CDATA[<div class='ads-here min' style='min-height:80px'/></div>]]></b:widget-setting> </b:widget-settings> <b:includable id='main'> <div class='ads-content widget-content'> <data:content/> </div> </b:includable> </b:widget> </b:section> </main> </div> <aside class='sidebar'> <b:section id='sidebar-widget' showaddelement='true'> <b:widget cond='data:view.isHomepage' id='Profile00' locked='false' title='Profile' type='Profile' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='showaboutme'>true</b:widget-setting> <b:widget-setting name='showlocation'>true</b:widget-setting> </b:widget-settings> <b:includable id='main' var='this'> <b:include name='widget-title'/> <b:include name='content'/> </b:includable> <b:includable id='authorProfileImage'> <amp-img class='profile-img' expr:alt='data:display-name' expr:src='data:authorPhoto.image' height='1' layout='responsive' width='1'/> <noscript><img class='profile-img' expr:alt='data:display-name' expr:src='data:authorPhoto.image'/></noscript> </b:includable> <b:includable id='content'> <b:if cond='data:team'> <div class='widget-content team'> <b:include name='teamProfile'/> </div> <b:else/> <div class='widget-content solo'> <b:class cond='data:showlocation and data:location != ""' name='has-location'/> <b:include name='userProfile'/> </div> </b:if> </b:includable> <b:includable id='defaultProfileImage'> <div class='default-avatar post-thumb'> <svg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><path d='M16,17a8,8,0,1,1,8-8A8,8,0,0,1,16,17ZM16,3a6,6,0,1,0,6,6A6,6,0,0,0,16,3Z'/><path d='M23,31H9a5,5,0,0,1-5-5V22a1,1,0,0,1,.49-.86l5-3a1,1,0,0,1,1,1.72L6,22.57V26a3,3,0,0,0,3,3H23a3,3,0,0,0,3-3V22.57l-4.51-2.71a1,1,0,1,1,1-1.72l5,3A1,1,0,0,1,28,22v4A5,5,0,0,1,23,31Z'/></svg> </div> </b:includable> <b:includable id='profileImage'> <b:if cond='data:authorPhoto.image'> <b:include name='authorProfileImage'/> <b:else/> <b:include name='defaultProfileImage'/> </b:if> </b:includable> <b:includable id='teamProfile'> <ul> <b:loop index='team' values='data:authors' var='author'> <b:if cond='data:team <= 2'> <li> <div class='team-member'> <b:include data='author' name='teamProfileLink'/> </div> </li> </b:if> <b:if cond='data:team == 3'> <li> <div class='more-member'> <label class='profile-more' for='offall-member'> <svg class='post-thumb' viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'><path d='M368.5 240H272v-96.5c0-8.8-7.2-16-16-16s-16 7.2-16 16V240h-96.5c-8.8 0-16 7.2-16 16 0 4.4 1.8 8.4 4.7 11.3 2.9 2.9 6.9 4.7 11.3 4.7H240v96.5c0 4.4 1.8 8.4 4.7 11.3 2.9 2.9 6.9 4.7 11.3 4.7 8.8 0 16-7.2 16-16V272h96.5c8.8 0 16-7.2 16-16s-7.2-16-16-16z'/></svg> </label> <span expr:data-text='"+" + (data:authors.length - 3) + " more"'/> </div>  <input class='all-team hidden' id='offall-member' type='checkbox'/> <div class='all-member'> <div class='all-memberBox'> <b:if cond='data:blog.locale.language == "in"'> <b:attr name='data-text' value='Semua admin dan penulis'/> <b:else/> <b:attr name='data-text' value='All authors/contributors'/> </b:if> <ul> <b:loop values='data:authors' var='author'> <li> <div class='team-member'> <b:include data='author' name='teamProfileMember'/> </div> </li> </b:loop> </ul> <div class='member-close'> <label for='offall-member'> <svg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'><path d='M278.6 256l68.2-68.2c6.2-6.2 6.2-16.4 0-22.6-6.2-6.2-16.4-6.2-22.6 0L256 233.4l-68.2-68.2c-6.2-6.2-16.4-6.2-22.6 0-3.1 3.1-4.7 7.2-4.7 11.3 0 4.1 1.6 8.2 4.7 11.3l68.2 68.2-68.2 68.2c-3.1 3.1-4.7 7.2-4.7 11.3 0 4.1 1.6 8.2 4.7 11.3 6.2 6.2 16.4 6.2 22.6 0l68.2-68.2 68.2 68.2c6.2 6.2 16.4 6.2 22.6 0 6.2-6.2 6.2-16.4 0-22.6L278.6 256z'/></svg> </label> </div> </div> <label class='full-close close-member' for='offall-member'/> </div> </li> </b:if> </b:loop> </ul> </b:includable> <b:includable id='teamProfileLink'> <a class='profile-link g-profile' expr:href='data:userUrl' expr:title='data:display-name' rel='nofollow noreferrer' target='_blank'> <div class='profile-image'><b:include name='profileImage'/></div> <div class='profile-name' expr:data-text='data:display-name'/> </a> </b:includable> <b:includable id='teamProfileMember'> <div class='profile-link g-profile'> <div class='profile-image'><b:include name='profileImage'/></div> <div class='profile-name' expr:data-text='data:display-name'/> </div> </b:includable> <b:includable id='userGoogleProfile'><b:comment>Removed</b:comment></b:includable> <b:includable id='userLocation'> <div class='profile-data location' expr:data-text='data:location'> <svg class='line' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><g><line x1='10.78537' x2='13.23595' y1='12' y2='12'/><path d='M103.28482,263.0252c0,4.61-4.799,11.67-8.0048,11.67-3.19617,0-7.9952-7.06-7.9952-11.67a8.00654,8.00654,0,1,1,16,0Z' transform='translate(-83.28482 -252.69518)'/></g></svg> </div> </b:includable> <b:includable id='userProfile'> <b:include name='userProfileImage'/> <b:include name='userProfileInfo'/> </b:includable> <b:includable id='userProfileData'> <b:include name='userProfileLink'/> </b:includable> <b:includable id='userProfileImage'> <div class='profile-image'> <div class='profile-g'> <b:include name='profileImage'/> </div> <b:include name='userProfileMedia'/> </div> </b:includable> <b:includable id='userProfileInfo'> <div class='profile-info'> <b:include name='userProfileData'/> <b:include cond='data:aboutme != ""' name='userProfileText'/> <b:include cond='data:showlocation and data:location != ""' name='userLocation'/> </div> </b:includable> <b:includable id='userProfileLink'> <span class='profile-link'><data:displayname/></span> </b:includable> <b:includable id='userProfileMedia'>  <ul class='profile-media'>    <li> <a aria-label='Social Media' href='#' rel='noreferrer noopener' role='button' target='_blank'> <svg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><path d='M24,3H8A5,5,0,0,0,3,8V24a5,5,0,0,0,5,5H24a5,5,0,0,0,5-5V8A5,5,0,0,0,24,3Zm3,21a3,3,0,0,1-3,3H17V18h4a1,1,0,0,0,0-2H17V14a2,2,0,0,1,2-2h2a1,1,0,0,0,0-2H19a4,4,0,0,0-4,4v2H12a1,1,0,0,0,0,2h3v9H8a3,3,0,0,1-3-3V8A3,3,0,0,1,8,5H24a3,3,0,0,1,3,3Z'/></svg> </a> </li>  <li> <a aria-label='Social Media' href='#' rel='noreferrer noopener' role='button' target='_blank'> <svg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><g><path d='M22,3H10a7,7,0,0,0-7,7V22a7,7,0,0,0,7,7H22a7,7,0,0,0,7-7V10A7,7,0,0,0,22,3Zm5,19a5,5,0,0,1-5,5H10a5,5,0,0,1-5-5V10a5,5,0,0,1,5-5H22a5,5,0,0,1,5,5Z'/><path d='M16,9.5A6.5,6.5,0,1,0,22.5,16,6.51,6.51,0,0,0,16,9.5Zm0,11A4.5,4.5,0,1,1,20.5,16,4.51,4.51,0,0,1,16,20.5Z'/><circle cx='23' cy='9' r='1'/></g></svg> </a> </li>  <li> <a aria-label='Social Media' href='#' rel='noreferrer noopener' role='button' target='_blank'> <svg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><g><path d='M13.35,28A13.66,13.66,0,0,1,2.18,22.16a1,1,0,0,1,.69-1.56l2.84-.39A12,12,0,0,1,5.44,4.35a1,1,0,0,1,1.7.31,9.87,9.87,0,0,0,5.33,5.68,7.39,7.39,0,0,1,7.24-6.15,7.29,7.29,0,0,1,5.88,3H29a1,1,0,0,1,.9.56,1,1,0,0,1-.11,1.06L27,12.27c0,.14,0,.28-.05.41a12.46,12.46,0,0,1,.09,1.43A13.82,13.82,0,0,1,13.35,28ZM4.9,22.34A11.63,11.63,0,0,0,13.35,26,11.82,11.82,0,0,0,25.07,14.11,11.42,11.42,0,0,0,25,12.77a1.11,1.11,0,0,1,0-.26c0-.22.05-.43.06-.65a1,1,0,0,1,.22-.58l1.67-2.11H25.06a1,1,0,0,1-.85-.47,5.3,5.3,0,0,0-4.5-2.51,5.41,5.41,0,0,0-5.36,5.45,1.07,1.07,0,0,1-.4.83,1,1,0,0,1-.87.2A11.83,11.83,0,0,1,6,7,10,10,0,0,0,8.57,20.12a1,1,0,0,1,.37,1.05,1,1,0,0,1-.83.74Z'/></g></svg> </a> </li>  <li> <a aria-label='Social Media' href='#' rel='noreferrer noopener' role='button' target='_blank'> <svg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><g><path d='M24,3H8A5,5,0,0,0,3,8V24a5,5,0,0,0,5,5H24a5,5,0,0,0,5-5V8A5,5,0,0,0,24,3Zm3,21a3,3,0,0,1-3,3H8a3,3,0,0,1-3-3V8A3,3,0,0,1,8,5H24a3,3,0,0,1,3,3Z'/><path d='M11,14a1,1,0,0,0-1,1v6a1,1,0,0,0,2,0V15A1,1,0,0,0,11,14Z'/><path d='M19,13a4,4,0,0,0-4,4v4a1,1,0,0,0,2,0V17a2,2,0,0,1,4,0v4a1,1,0,0,0,2,0V17A4,4,0,0,0,19,13Z'/><circle cx='11' cy='11' r='1'/></g></svg> </a> </li>  <li> <a aria-label='Social Media' href='#' rel='noreferrer noopener' role='button' target='_blank'> <svg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><g><path d='M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,26a12,12,0,0,1-3.81-.63l1.2-4.81A7.93,7.93,0,0,0,16,23a8.36,8.36,0,0,0,1.4-.12,8,8,0,1,0-9.27-6.49,1,1,0,0,0,2-.35,6,6,0,1,1,3.79,4.56L15,16.24A1,1,0,1,0,13,15.76l-2.7,10.81A12,12,0,1,1,16,28Z'/></g></svg> </a> </li> </ul> </b:includable> <b:includable id='userProfileText'> <div class='profile-text'><b:eval expr='data:aboutme snippet {length: 60, links: false, linebreaks: false}'/></div> </b:includable> <b:includable id='viewProfileLink'/> </b:widget> <b:widget cond='data:view.isHomepage or data:view.isPost' id='PopularPosts00' locked='false' title='Popular Posts' type='PopularPosts' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='numItemsToShow'>4</b:widget-setting> <b:widget-setting name='showThumbnails'>false</b:widget-setting> <b:widget-setting name='showSnippets'>true</b:widget-setting> <b:widget-setting name='timeRange'>LAST_WEEK</b:widget-setting> </b:widget-settings> <b:includable id='main' var='this'> <b:include name='widget-title'/> <b:include name='snippetedPosts'/> </b:includable> <b:includable id='blogThisShare'/> <b:includable id='bylineByName' var='byline'/> <b:includable id='bylineRegion' var='regionItems'/> <b:includable id='commentsLink'> <div class='comments-bubble' expr:data-text='data:post.numberOfComments'> <svg class='line' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><line x1='14.71978' x2='9.28022' y1='12' y2='12'/><path d='M12.02 2C6.21 2 2 6.74612 2 12.015C2 13.6975 2.49 15.4291 3.35 17.0115C3.51 17.2729 3.53 17.6024 3.42 17.9139L2.75 20.1572C2.6 20.698 3.06 21.0976 3.57 20.9374L5.59 20.3375C6.14 20.1572 6.57 20.3866 7.08 20.698C8.54 21.5583 10.36 22 12 22C16.96 22 22 18.1642 22 11.985C22 6.65598 17.7 2 12.02 2Z'/></svg> </div> </b:includable> <b:includable id='commentsLinkIframe'/> <b:includable id='emailPostIcon'/> <b:includable id='facebookShare'/> <b:includable id='footerBylines'/> <b:includable id='googlePlusShare'/> <b:includable id='headerByline'/> <b:includable id='linkShare'/> <b:includable id='otherSharingButton'/> <b:includable id='platformShare'/> <b:includable id='postAuthor'/> <b:includable id='postCommentsLink'/> <b:includable id='postJumpLink'><b:comment>Removed</b:comment></b:includable> <b:includable id='postLabels'> <div class='item-label'> <b:loop index='num' values='data:post.labels' var='label'> <b:if cond='data:num == 0'> <b:tag expr:data-text='data:label.name' expr:name='data:blog.url != data:label.url ? "a" : "span"'> <b:attr cond='data:blog.url != data:label.url' expr:value='data:label.url' name='href'/> <b:attr cond='data:blog.url != data:label.url' expr:value='data:label.name' name='aria-label'/> <b:attr cond='data:blog.url != data:label.url' name='rel' value='tag'/> </b:tag> </b:if> <b:if cond='data:num == 1'> <b:tag expr:data-text='data:label.name' expr:name='data:blog.url != data:label.url ? "a" : "span"'> <b:attr cond='data:blog.url != data:label.url' expr:value='data:label.url' name='href'/> <b:attr cond='data:blog.url != data:label.url' expr:value='data:label.name' name='aria-label'/> <b:attr cond='data:blog.url != data:label.url' name='rel' value='tag'/> </b:tag> </b:if> </b:loop> </div> </b:includable> <b:includable id='postLocation'/> <b:includable id='postReactions'/> <b:includable id='postShareButtons'/> <b:includable id='postTimestamp'> <div class='item-timestamp'> <b:if cond='data:post.lastUpdated != data:post.date'> <time class='updated' expr:data-text='data:post.lastUpdated' expr:datetime='data:post.lastUpdated.iso8601'/> <b:else/> <time class='published' expr:data-text='data:post.date' expr:datetime='data:post.date.iso8601'/> </b:if> </div> </b:includable> <b:includable id='sharingButton'/> <b:includable id='sharingButtonContent'/> <b:includable id='sharingButtons'/> <b:includable id='sharingButtonsMenu'/> <b:includable id='sharingPlatformIcon'/> <b:includable id='snippetedPostByline'/> <b:includable id='snippetedPostContent'> <b:include cond='data:this.postDisplay.showFeaturedImage and data:post.featuredImage' name='snippetedPostThumbnail'/> <div class='item-content'> <b:include cond='data:this.postDisplay.showTitle' name='snippetedPostTitle'/> <b:include cond='data:this.postDisplay.showSnippet' name='snippetedPostEntry'/> <b:include name='snippetedPostHeader'/> </div> </b:includable> <b:includable id='snippetedPostEntry'/> <b:includable id='snippetedPostHeader'> <div class='item-header'> <div class='item-info'> <b:include cond='data:post.labels' name='postLabels'/> <div class='item-published'> <b:include name='postTimestamp'/> </div> </div> <div class='item-comment'> <b:include cond='data:post.allowComments and data:post.numberOfComments > 0' name='commentsLink'/> <b:include name='postJumpLink'/> </div> </div> </b:includable> <b:includable id='snippetedPostThumbnail'> <div class='item-thumbnail'> <a expr:href='data:post.url'> <amp-img expr:alt='data:post.title' expr:src='resizeImage(data:post.featuredImage, 400, "26:9")' height='9' layout='responsive' width='26'/> <noscript><img expr:alt='data:post.title' expr:src='resizeImage(data:post.featuredImage, 400, "26:9")'/></noscript> </a> </div> </b:includable> <b:includable id='snippetedPostTitle'> <b:if cond='data:post.title != ""'> <h4 class='item-title'><a expr:href='data:post.url'><data:post.title/></a></h4> </b:if> </b:includable> <b:includable id='snippetedPosts'> <div class='item-popular' role='feed'>  <b:loop values='data:posts filter (p => p.id != data:view.postId)' var='post'> <article class='post'> <b:class cond='!data:this.postDisplay.showFeaturedImage' name='no-thumbnail'/> <b:include name='snippetedPostContent'/> </article> </b:loop> </div> </b:includable> </b:widget> <b:widget cond='!data:view.isSingleItem' id='Label00' locked='false' title='Labels' type='Label' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='sorting'>ALPHA</b:widget-setting> <b:widget-setting name='display'>CLOUD</b:widget-setting> <b:widget-setting name='selectedLabelsList'/> <b:widget-setting name='showType'>ALL</b:widget-setting> <b:widget-setting name='showFreqNumbers'>true</b:widget-setting> </b:widget-settings> <b:includable id='main' var='this'> <b:include name='widget-title'/> <b:include name='content'/> </b:includable> <b:includable id='cloud'> <b:loop index='tags' values='data:labels' var='label'> <b:if cond='data:tags <= 3'> <div class='label-size'> <b:class expr:name='"label-size-" + data:label.cssSize'/> <b:tag class='label-name' expr:name='data:blog.url != data:label.url ? "a" : "div"'> <b:attr cond='data:blog.url != data:label.url' expr:value='data:label.url' name='href'/> <b:attr cond='data:blog.url != data:label.url' expr:value='data:label.name' name='aria-label'/> <span class='label-title'><data:label.name/></span> <b:tag class='label-count' cond='data:this.showFreqNumbers' expr:data-text='"(" + data:label.count + ")"' name='span'/> </b:tag> </div> </b:if> <b:if cond='data:tags == 4'> <div class='label-show'> <input class='label-input hidden' id='offall-label' type='checkbox'/> <div class='label-all'> <b:loop index='alltags' values='data:labels' var='label'> <b:if cond='data:alltags >= 4'> <div class='label-size'> <b:class expr:name='"label-size-" + data:label.cssSize'/> <b:tag class='label-name' expr:name='data:blog.url != data:label.url ? "a" : "div"'> <b:attr cond='data:blog.url != data:label.url' expr:value='data:label.url' name='href'/> <b:attr cond='data:blog.url != data:label.url' expr:value='data:label.name' name='aria-label'/> <span class='label-title'><data:label.name/></span> <b:tag class='label-count' cond='data:this.showFreqNumbers' expr:data-text='"(" + data:label.count + ")"' name='span'/> </b:tag> </div> </b:if> </b:loop> </div> <label aria-label='Show label' class='label-more' expr:data-hide='data:messages.showLess' expr:data-show='data:messages.showMore' expr:data-text='"+" + (data:labels.length - 4)' for='offall-label' role='button'/> </div> </b:if> </b:loop> </b:includable> <b:includable id='content'> <div class='widget-content'> <b:class expr:name='data:this.display'/> <b:include cond='data:this.display == "list"' name='list'/> <b:include cond='data:this.display == "cloud"' name='cloud'/> </div> </b:includable> <b:includable id='list'> <ul> <b:loop index='tags' values='data:labels' var='label'> <b:if cond='data:tags <= 3'> <li> <b:tag class='label-name' expr:name='data:blog.url != data:label.url ? "a" : "div"'> <b:attr cond='data:blog.url != data:label.url' expr:value='data:label.url' name='href'/> <b:attr cond='data:blog.url != data:label.url' expr:value='data:label.name' name='aria-label'/> <span class='label-title'><data:label.name/></span> <b:tag class='label-count' cond='data:this.showFreqNumbers' expr:data-text='data:label.count' name='span'/> <svg class='line' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><g><path d='M173.39918,186.38588V173.38951a5,5,0,0,1,5-5h6a5,5,0,0,1,5,5v12.99637a2,2,0,0,1-3.2,1.6l-3-2.25a3,3,0,0,0-3.6,0l-3,2.25A2,2,0,0,1,173.39918,186.38588Z' transform='translate(-169.39918 -166.38951)'/><line x1='9.28022' x2='14.71978' y1='9' y2='9'/></g></svg> </b:tag> </li> </b:if> <b:if cond='data:tags == 4'> <li class='label-show'> <input class='label-input hidden' id='offall-label' type='checkbox'/> <div class='label-all'> <ul> <b:loop index='alltags' values='data:labels' var='label'> <b:if cond='data:alltags >= 4'> <li> <b:tag class='label-name' expr:name='data:blog.url != data:label.url ? "a" : "div"'> <b:attr cond='data:blog.url != data:label.url' expr:value='data:label.url' name='href'/> <b:attr cond='data:blog.url != data:label.url' expr:value='data:label.name' name='aria-label'/> <span class='label-title'><data:label.name/></span> <b:tag class='label-count' cond='data:this.showFreqNumbers' expr:data-text='data:label.count' name='span'/> <svg class='line' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><g><path d='M173.39918,186.38588V173.38951a5,5,0,0,1,5-5h6a5,5,0,0,1,5,5v12.99637a2,2,0,0,1-3.2,1.6l-3-2.25a3,3,0,0,0-3.6,0l-3,2.25A2,2,0,0,1,173.39918,186.38588Z' transform='translate(-169.39918 -166.38951)'/><line x1='9.28022' x2='14.71978' y1='9' y2='9'/></g></svg> </b:tag> </li> </b:if> </b:loop> </ul> </div> <label aria-label='Show label' class='label-more' expr:data-hide='data:messages.showLess' expr:data-show='data:messages.showMore' expr:data-text='"+" + (data:labels.length - 4)' for='offall-label' role='button'/> </li> </b:if> </b:loop> </ul> </b:includable> </b:widget> <b:widget cond='data:view.isSingleItem' id='FollowByEmail00' locked='false' title='Follow by Email' type='FollowByEmail' version='2' visible='true'> <b:includable id='main'> <b:include name='widget-title'/> <b:include name='content'/> </b:includable> <b:includable id='content'> <div class='follow-inner'> <label class='follow-text' for='email-input'> <b:if cond='data:blog.locale.language == "in"'> <span>Dapatkan pembaruan langsung di kotak masuk Anda.</span> <b:else/> <span>Get updates right in your inbox. Join to get notified with all new stuff</span> </b:if> </label> <form expr:action='"https://feedburner.google.com/fb/a/mailverify?uri=" + data:feedPath' method='get' target='_blank'> <input autocomplete='on' class='follow-address' id='email-input' name='email' placeholder='e.g. youremail@gmail.com' type='email'/> <input class='follow-submit' expr:value='data:messages.subscribe' id='email-submit' type='submit'/> <label class='follow-label' for='email-submit'> <svg class='icon line' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path class='svg-c' d='M17.2677 9.06113L13.0023 12.4954C12.1951 13.1283 11.0635 13.1283 10.2563 12.4954L5.95424 9.06113'/><path d='M6.88787 3.5H16.3158C17.6752 3.51525 18.969 4.08993 19.896 5.0902C20.823 6.09048 21.3022 7.42903 21.222 8.79412V15.322C21.3022 16.6871 20.823 18.0256 19.896 19.0259C18.969 20.0262 17.6752 20.6009 16.3158 20.6161H6.88787C3.96796 20.6161 2 18.2407 2 15.322V8.79412C2 5.87545 3.96796 3.5 6.88787 3.5Z'/></svg> </label> <input expr:value='data:feedPath' name='uri' type='hidden'/> <input name='loc' type='hidden' value='en_US'/> </form> </div> </b:includable> </b:widget> </b:section>  <b:section cond='data:blog.isMobileRequest == "false"' id='sidebar-sticky' showaddelement='true'> <b:widget cond='!data:view.isPreview' id='HTML05' locked='true' title='Sidebar Ad' type='HTML' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='content'><![CDATA[<div class='ads-here feed'><i class='ads-img'></i><i class='ads-content'></i></div>]]></b:widget-setting> </b:widget-settings> <b:includable id='main'> <div class='ads-content'> <data:content/> </div> </b:includable> </b:widget> </b:section> </aside> </div> </div> <footer class='mainSection footbar'> <div class='mainArea'> <div class='credit'> <p class='credit-content'>© <span id='getYear'>2021</span> ‧ <data:blog.title/>. All rights reserved. <b:if cond='data:view.url == data:view.url params { amp: "1" }'><span class='view-nonAMP'> - <a expr:href='data:blog.url.canonical'>View non-AMP version</a></span></b:if> <span class='creator'>Made with ♥ by <a href='https://affizoo.blogspot.com'>Affizoo</a></span></p> </div> </div> </footer> </b:tag>  <div class='mainMenu'> <b:class cond='data:view.isSingleItem' name='singleItem'/> <b:section id='nav-widget' showaddelement='false'> <b:widget id='HTML00' locked='true' title='Menu Navigasi' type='HTML' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='content'><![CDATA[]]></b:widget-setting> </b:widget-settings> <b:includable id='main'>  <ul class='navMenu' itemscope='itemscope' itemtype='https://schema.org/SiteNavigationElement'>  <li class='home'> <a class='link' expr:href='data:blog.homepageUrl.canonical' itemprop='url'>  <svg class='icon line' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><g><line class='svg-c' x1='14.71978' x2='9.28022' y1='15.00368' y2='15.00368'/><path d='M100.28571,274.70685h-10a5,5,0,0,1-5-5v-5.00916a5,5,0,0,1,1.601-3.667l5.6798-5.2648a4,4,0,0,1,5.43845,0l5.67981,5.2648a5,5,0,0,1,1.601,3.667v5.00916A5,5,0,0,1,100.28571,274.70685Z' transform='translate(-83.28571 -252.70317)'/></g></svg>  <span class='name' itemprop='name'><data:messages.home/></span> </a> </li>  <li class='submenu break'> <input class='sub-menu hidden' id='offsub-menu1' name='dropdown-menu' type='checkbox'/> <label class='link' for='offsub-menu1'>  <svg class='icon line' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><g><path d='M21.4446 15.7579C21.4446 19.336 19.336 21.4446 15.7579 21.4446H7.97172C4.38443 21.4446 2.27588 19.336 2.27588 15.7579V7.9626C2.27588 4.38444 3.5903 2.27588 7.16846 2.27588H9.16749C9.88576 2.27588 10.5621 2.61406 10.9931 3.18868L11.9059 4.40269C12.3378 4.97618 13.0135 5.31406 13.7315 5.31549H16.5611C20.1484 5.31549 21.472 7.14108 21.472 10.7923L21.4446 15.7579Z'/><path class='svg-c' d='M7.05893 14.4891H16.6524'/></g></svg>  <span class='name' itemprop='name'><b:if cond='data:blog.locale.language == "in"'>Kategori<b:else/>Category</b:if></span>  <svg class='icon line drop' viewBox='0 0 24 24'><polyline points='6 9 12 15 18 9'/></svg> </label> <ul class='sub-first'> <li itemprop='name'><a expr:href='data:blog.homepageUrl.canonical + "search/label/Blogger"' itemprop='url'>Blogger</a></li> <li itemprop='name'><a expr:href='data:blog.homepageUrl.canonical + "search/label/Dokumentasi"' itemprop='url'>Dokumentasi</a></li> <li itemprop='name'><a expr:href='data:blog.homepageUrl.canonical + "search/label/Fitur"' itemprop='url'>Fitur</a></li> <li itemprop='name'><a expr:href='data:blog.homepageUrl.canonical + "search/label/List"' itemprop='url'>List</a></li> <li itemprop='name'><a expr:href='data:blog.homepageUrl.canonical + "search/label/Preview"' itemprop='url'>Preview</a></li> <li itemprop='name'><a expr:href='data:blog.homepageUrl.canonical + "search/label/Tutorial"' itemprop='url'>Tutorial</a></li> </ul> </li>  <li> <a class='link' href='#' itemprop='url'>  <svg class='icon line' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><circle cx='11.5789' cy='7.27803' r='4.77803'/><path d='M4.00002 18.7014C3.99873 18.3655 4.07385 18.0337 4.2197 17.7311C4.67736 16.8158 5.96798 16.3307 7.03892 16.111C7.81128 15.9462 8.59431 15.836 9.38217 15.7815C10.8408 15.6533 12.3079 15.6533 13.7666 15.7815C14.5544 15.8367 15.3374 15.9468 16.1099 16.111C17.1808 16.3307 18.4714 16.77 18.9291 17.7311C19.2224 18.3479 19.2224 19.064 18.9291 19.6808C18.4714 20.6419 17.1808 21.0812 16.1099 21.2918C15.3384 21.4634 14.5551 21.5766 13.7666 21.6304C12.5794 21.7311 11.3866 21.7494 10.1968 21.6854C9.92221 21.6854 9.65677 21.6854 9.38217 21.6304C8.59663 21.5773 7.81632 21.4641 7.04807 21.2918C5.96798 21.0812 4.68652 20.6419 4.2197 19.6808C4.0746 19.3747 3.99955 19.0401 4.00002 18.7014Z'/></svg>  <span class='name' itemprop='name'><b:if cond='data:blog.locale.language == "in"'>Tentang<b:else/>About</b:if></span> </a> </li>  <li class='break'> <a class='link' href='#' itemprop='url'>  <svg class='icon line' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path class='svg-c' d='M17.2677 9.06113L13.0023 12.4954C12.1951 13.1283 11.0635 13.1283 10.2563 12.4954L5.95424 9.06113'/><path d='M6.88787 3.5H16.3158C17.6752 3.51525 18.969 4.08993 19.896 5.0902C20.823 6.09048 21.3022 7.42903 21.222 8.79412V15.322C21.3022 16.6871 20.823 18.0256 19.896 19.0259C18.969 20.0262 17.6752 20.6009 16.3158 20.6161H6.88787C3.96796 20.6161 2 18.2407 2 15.322V8.79412C2 5.87545 3.96796 3.5 6.88787 3.5Z'/></svg>  <span class='name' itemprop='name'><b:if cond='data:blog.locale.language == "in"'>Kontak<b:else/>Contact</b:if></span> </a> </li>  <li> <a class='link' href='#' itemprop='url'>  <svg class='icon line' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M15.7162 16.2234H8.4962'/><path d='M15.7162 12.0369H8.4962'/><path class='svg-c' d='M11.2513 7.86008H8.4963'/><path d='M15.9086 2.74979C15.9086 2.74979 8.2316 2.75379 8.2196 2.75379C5.4596 2.77079 3.7506 4.58679 3.7506 7.35679V16.5528C3.7506 19.3368 5.4726 21.1598 8.2566 21.1598C8.2566 21.1598 15.9326 21.1568 15.9456 21.1568C18.7056 21.1398 20.4156 19.3228 20.4156 16.5528V7.35679C20.4156 4.57279 18.6926 2.74979 15.9086 2.74979Z'/></svg>  <span class='name' itemprop='name'>Sitemap</span> </a> </li> <li> <a class='link' href='#' itemprop='url'>  <svg class='icon line' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M18.865 5.1238C19.302 5.2768 19.594 5.6888 19.594 6.1518V12.9248C19.594 14.8178 18.906 16.6248 17.691 18.0248C17.08 18.7298 16.307 19.2788 15.486 19.7228L11.928 21.6448L8.364 19.7218C7.542 19.2778 6.768 18.7298 6.156 18.0238C4.94 16.6238 4.25 14.8158 4.25 12.9208V6.1518C4.25 5.6888 4.542 5.2768 4.979 5.1238L11.561 2.8108C11.795 2.7288 12.05 2.7288 12.283 2.8108L18.865 5.1238Z'/><path class='svg-c' d='M9.32251 11.9177L11.2145 13.8107L15.1125 9.91269'/></svg>  <span class='name' itemprop='name'>Disclaimer</span> </a> </li> <li> <a class='link' href='#' itemprop='url'>  <svg class='icon line' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M16.4234 9.4478V7.3008C16.4234 4.7878 14.3854 2.7498 11.8724 2.7498C9.35937 2.7388 7.31337 4.7668 7.30237 7.2808V7.3008V9.4478'/><path d='M15.6832 21.2496H8.04218C5.94818 21.2496 4.25018 19.5526 4.25018 17.4576V13.1686C4.25018 11.0736 5.94818 9.37659 8.04218 9.37659H15.6832C17.7772 9.37659 19.4752 11.0736 19.4752 13.1686V17.4576C19.4752 19.5526 17.7772 21.2496 15.6832 21.2496Z'/><path class='svg-c' d='M11.8629 14.2027V16.4237'/></svg>  <span class='name' itemprop='name'>Privacy</span> </a> </li> <li class='close'> <label class='link' for='offnav-menu'>  <svg class='icon line' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><line x1='18' x2='6' y1='6' y2='18'/><line x1='6' x2='18' y1='6' y2='18'/></svg>  <b:if cond='data:blog.locale.language == "in"'> <span class='name' itemprop='name'>Tutup</span> <b:else/> <span class='name' itemprop='name'>Close</span> </b:if> </label> </li>  <li class='sosmed'> <label class='link' for='offnav-menu'>  <svg class='icon line' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M12 8.3273V15.6537'/><path d='M15.6667 11.9905H8.33333'/><path d='M16.6857 2H7.31429C4.04762 2 2 4.31208 2 7.58516V16.4148C2 19.6879 4.0381 22 7.31429 22H16.6857C19.9619 22 22 19.6879 22 16.4148V7.58516C22 4.31208 19.9619 2 16.6857 2Z'/></svg> </label> <ul class='sosmed-link'>  <li> <a aria-label='Social media' href='#' rel='nofollow noreferrer noopener' role='button' target='_blank' title='Facebook'> <svg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><path d='M24,3H8A5,5,0,0,0,3,8V24a5,5,0,0,0,5,5H24a5,5,0,0,0,5-5V8A5,5,0,0,0,24,3Zm3,21a3,3,0,0,1-3,3H17V18h4a1,1,0,0,0,0-2H17V14a2,2,0,0,1,2-2h2a1,1,0,0,0,0-2H19a4,4,0,0,0-4,4v2H12a1,1,0,0,0,0,2h3v9H8a3,3,0,0,1-3-3V8A3,3,0,0,1,8,5H24a3,3,0,0,1,3,3Z'/></svg> </a> </li>  <li> <a aria-label='Social media' href='#' rel='nofollow noreferrer noopener' role='button' target='_blank' title='Instagram'> <svg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><g><path d='M22,3H10a7,7,0,0,0-7,7V22a7,7,0,0,0,7,7H22a7,7,0,0,0,7-7V10A7,7,0,0,0,22,3Zm5,19a5,5,0,0,1-5,5H10a5,5,0,0,1-5-5V10a5,5,0,0,1,5-5H22a5,5,0,0,1,5,5Z'/><path class='svg-c' d='M16,9.5A6.5,6.5,0,1,0,22.5,16,6.51,6.51,0,0,0,16,9.5Zm0,11A4.5,4.5,0,1,1,20.5,16,4.51,4.51,0,0,1,16,20.5Z'/><circle class='svg-c' cx='23' cy='9' r='1'/></g></svg> </a> </li>  <li> <a aria-label='Social media' href='#' rel='nofollow noreferrer noopener' role='button' target='_blank' title='Twitter'> <svg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><g><path d='M13.35,28A13.66,13.66,0,0,1,2.18,22.16a1,1,0,0,1,.69-1.56l2.84-.39A12,12,0,0,1,5.44,4.35a1,1,0,0,1,1.7.31,9.87,9.87,0,0,0,5.33,5.68,7.39,7.39,0,0,1,7.24-6.15,7.29,7.29,0,0,1,5.88,3H29a1,1,0,0,1,.9.56,1,1,0,0,1-.11,1.06L27,12.27c0,.14,0,.28-.05.41a12.46,12.46,0,0,1,.09,1.43A13.82,13.82,0,0,1,13.35,28ZM4.9,22.34A11.63,11.63,0,0,0,13.35,26,11.82,11.82,0,0,0,25.07,14.11,11.42,11.42,0,0,0,25,12.77a1.11,1.11,0,0,1,0-.26c0-.22.05-.43.06-.65a1,1,0,0,1,.22-.58l1.67-2.11H25.06a1,1,0,0,1-.85-.47,5.3,5.3,0,0,0-4.5-2.51,5.41,5.41,0,0,0-5.36,5.45,1.07,1.07,0,0,1-.4.83,1,1,0,0,1-.87.2A11.83,11.83,0,0,1,6,7,10,10,0,0,0,8.57,20.12a1,1,0,0,1,.37,1.05,1,1,0,0,1-.83.74Z'/></g></svg> </a> </li>  <li> <a aria-label='Social media' href='#' rel='nofollow noreferrer noopener' role='button' target='_blank' title='Youtube'> <svg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><g><path d='M29.73,9.9A5,5,0,0,0,25.1,5.36a115.19,115.19,0,0,0-18.2,0A5,5,0,0,0,2.27,9.9a69,69,0,0,0,0,12.2A5,5,0,0,0,6.9,26.64c3,.24,6.06.36,9.1.36s6.08-.12,9.1-.36a5,5,0,0,0,4.63-4.54A69,69,0,0,0,29.73,9.9Zm-2,12A3,3,0,0,1,25,24.65a113.8,113.8,0,0,1-17.9,0,3,3,0,0,1-2.78-2.72,65.26,65.26,0,0,1,0-11.86A3,3,0,0,1,7.05,7.35C10,7.12,13,7,16,7s6,.12,9,.35a3,3,0,0,1,2.78,2.72A65.26,65.26,0,0,1,27.73,21.93Z'/><path class='svg-c' d='M21.45,15.11l-8-4A1,1,0,0,0,12,12v8a1,1,0,0,0,.47.85A1,1,0,0,0,13,21a1,1,0,0,0,.45-.11l8-4a1,1,0,0,0,0-1.78ZM14,18.38V13.62L18.76,16Z'/></g></svg> </a> </li>  <li> <a aria-label='Social media' expr:href='"https://www.blogger.com/follow.g?blogID=" + data:blog.blogId' expr:title='data:messages.subscribeToThisBlog' rel='nofollow noreferrer noopener' role='button' target='_blank'> <svg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'><g><path d='M24,3H8A5,5,0,0,0,3,8V24a5,5,0,0,0,5,5H24a5,5,0,0,0,5-5V8A5,5,0,0,0,24,3Zm3,21a3,3,0,0,1-3,3H8a3,3,0,0,1-3-3V8A3,3,0,0,1,8,5H24a3,3,0,0,1,3,3Z'/><path class='svg-c' d='M22,15H20.44A3.91,3.91,0,0,0,21,13a4,4,0,0,0-4-4H13a4,4,0,0,0-4,4v6a4,4,0,0,0,4,4h6a4,4,0,0,0,4-4V16A1,1,0,0,0,22,15ZM11,13a2,2,0,0,1,2-2h4a2,2,0,0,1,0,4H11Zm10,6a2,2,0,0,1-2,2H13a2,2,0,0,1-2-2V17H21Z'/></g></svg> </a> </li> </ul> </li> </ul>  <ul class='navMobile'> <li class='svg'> <svg class='landing-bg' fill='none' height='36' viewBox='0 0 1440 36' width='1440' xmlns='http://www.w3.org/2000/svg'> <g id='mask'> <mask height='258' id='mask0' maskUnits='userSpaceOnUse' width='2739' x='-651' y='-1'> <path clip-rule='evenodd' d='M1440.08 94.7682C1840.62 52.9509 2088 327.189 2088 239.643C2088 107.292 1474.85 -0.00012207 718.5 -0.00012207C454.994 -0.00012207 208.87 13.4321 0 36C-390.66 78.2098 -651 153.401 -651 239.643C-651 324.848 -395.883 48.847 -13.028 91.3391L-18.0044 157.143H1435.1L1440.08 94.7682Z' fill-rule='evenodd' id='mask_2'/> </mask> <g mask='url(#mask0)'><rect height='161' id='bg' width='1440' y='-0.00012207'/></g> </g> </svg> </li>  <li class='home-link'> <a aria-label='Home' class='link' expr:href='data:blog.homepageUrl.canonical' expr:title='data:messages.home' role='button'>  <svg class='line' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><g><line class='svg-c' x1='14.71978' x2='9.28022' y1='15.00368' y2='15.00368'/><path d='M100.28571,274.70685h-10a5,5,0,0,1-5-5v-5.00916a5,5,0,0,1,1.601-3.667l5.6798-5.2648a4,4,0,0,1,5.43845,0l5.67981,5.2648a5,5,0,0,1,1.601,3.667v5.00916A5,5,0,0,1,100.28571,274.70685Z' transform='translate(-83.28571 -252.70317)'/></g></svg> </a> </li>  <li class='search-link'> <label class='link' for='search-input'>  <svg class='line' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><g><circle cx='11.36167' cy='11.36167' r='9.36167'/><line x1='22' x2='19.9332' y1='22' y2='19.9332'/></g></svg> </label> </li>  <li class='tag-link'> <label class='link' for='offnav-menu'> <svg class='line' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M16.2855 2H19.5521C20.9036 2 22 3.1059 22 4.47018V7.7641C22 9.12735 20.9036 10.2343 19.5521 10.2343H16.2855C14.933 10.2343 13.8366 9.12735 13.8366 7.7641V4.47018C13.8366 3.1059 14.933 2 16.2855 2Z'/><path class='svg-c' d='M4.44892 2H7.71449C9.06703 2 10.1634 3.1059 10.1634 4.47018V7.7641C10.1634 9.12735 9.06703 10.2343 7.71449 10.2343H4.44892C3.09638 10.2343 2 9.12735 2 7.7641V4.47018C2 3.1059 3.09638 2 4.44892 2Z'/><path d='M4.44892 13.7657H7.71449C9.06703 13.7657 10.1634 14.8716 10.1634 16.2369V19.5298C10.1634 20.8941 9.06703 22 7.71449 22H4.44892C3.09638 22 2 20.8941 2 19.5298V16.2369C2 14.8716 3.09638 13.7657 4.44892 13.7657Z'/><path class='svg-c' d='M16.2855 13.7657H19.5521C20.9036 13.7657 22 14.8716 22 16.2369V19.5298C22 20.8941 20.9036 22 19.5521 22H16.2855C14.933 22 13.8366 20.8941 13.8366 19.5298V16.2369C13.8366 14.8716 14.933 13.7657 16.2855 13.7657Z'/></svg> </label> </li> <b:if cond='data:view.url != data:view.url params { amp: "1" }'>  <li class='dark-link'> <div class='link' onclick='darkMode()'>  <svg class='line svg-1' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><g><path d='M183.72453,170.371a10.4306,10.4306,0,0,1-.8987,3.793,11.19849,11.19849,0,0,1-5.73738,5.72881,10.43255,10.43255,0,0,1-3.77582.89138,1.99388,1.99388,0,0,0-1.52447,3.18176,10.82936,10.82936,0,1,0,15.118-15.11819A1.99364,1.99364,0,0,0,183.72453,170.371Z' transform='translate(-169.3959 -166.45548)'/></g></svg> <svg class='svg-2' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><g><circle class='line' cx='12' cy='12' r='6'/><circle class='cls-3' cx='12' cy='3' r='1'/><circle class='cls-3' cx='12' cy='21' r='1'/><circle class='cls-3' cx='21' cy='12' r='1'/><circle class='cls-3' cx='3' cy='12' r='1'/><circle class='cls-3' cx='5.5' cy='5.5' r='1'/><circle class='cls-3' cx='18.5' cy='18.5' r='1'/><circle class='cls-3' cx='18.5' cy='5.5' r='1'/><circle class='cls-3' cx='5.5' cy='18.5' r='1'/></g></svg> </div> </li> </b:if>  <li class='top-link'> <a href='#mainContent' role='button' title='Back to top'> <svg class='line' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M21.2498 12C21.2498 6.892 17.1088 2.75 11.9998 2.75C6.89176 2.75 2.74976 6.892 2.74976 12C2.74976 17.108 6.89176 21.25 11.9998 21.25C17.1088 21.25 21.2498 17.108 21.2498 12Z'/><path class='svg-c' d='M15.4709 13.4423L11.9999 9.95629L8.52895 13.4423'/></svg> </a> </li> </ul> <label class='full-close nav-close' for='offnav-menu'/> </b:includable> </b:widget> </b:section> </div> <b:else/>  <section class='error-container'> <div class='error-content'> <h3><span>404</span>Uh oh! That's an error.</h3> <p>The page you've requested can't be found. Why don't you browse around?</p> <a class='button' expr:href='data:blog.homepageUrl.canonical'>Back to home</a> </div> </section> </b:if> </div> <b:if cond='!data:view.isError and data:view.url != data:view.url params { amp: "1" }'> <script>/*<![CDATA[*/ function darkMode(){localStorage.setItem("mode","darkmode"===localStorage.getItem("mode")?"light":"darkmode"),"darkmode"===localStorage.getItem("mode")?document.querySelector("#mainContent").classList.add("dark-mode"):document.querySelector("#mainContent").classList.remove("dark-mode")}; function listMode(){localStorage.setItem("list","listmode"===localStorage.getItem("list")?"grid":"listmode"),"listmode"===localStorage.getItem("list")?document.querySelector("#Blog00").classList.add("list-mode"):document.querySelector("#Blog00").classList.remove("list-mode")}; defer(function() { window.lazySizesConfig=window.lazySizesConfig||{},lazySizesConfig.loadMode=1,lazySizesConfig.preloadAfterLoad=!1,function(e){var t=function(c,D,d){"use strict";var k,H;if(function(){var e,t={lazyClass:"lazy",loadedClass:"lazyloaded",loadingClass:"lazyloading",preloadClass:"lazypreload",errorClass:"lazyerror",autosizesClass:"lazyautosizes",srcAttr:"data-src",srcsetAttr:"data-srcset",sizesAttr:"data-sizes",minSize:40,customMedia:{},init:!0,expFactor:1.5,hFac:.8,loadMode:2,loadHidden:!0,ricTimeout:0,throttleDelay:125};H=c.lazySizesConfig||c.lazysizesConfig||{};for(e in t)e in H||(H[e]=t[e])}(),!D||!D.getElementsByClassName)return{init:function(){},cfg:H,noSupport:!0};var O=D.documentElement,i=c.HTMLPictureElement,P="addEventListener",$="getAttribute",q=c[P].bind(c),I=c.setTimeout,U=c.requestAnimationFrame||I,s=c.requestIdleCallback,j=/^picture$/i,a=["load","error","lazyincluded","_lazyloaded"],n={},G=Array.prototype.forEach,J=function(e,t){return n[t]||(n[t]=new RegExp("(\\s|^)"+t+"(\\s|$)")),n[t].test(e[$]("class")||"")&&n[t]},K=function(e,t){J(e,t)||e.setAttribute("class",(e[$]("class")||"").trim()+" "+t)},Q=function(e,t){var n;(n=J(e,t))&&e.setAttribute("class",(e[$]("class")||"").replace(n," "))},V=function(t,n,e){var i=e?P:"removeEventListener";e&&V(t,n),a.forEach(function(e){t[i](e,n)})},X=function(e,t,n,i,a){var o=D.createEvent("Event");return n||(n={}),n.instance=k,o.initEvent(t,!i,!a),o.detail=n,e.dispatchEvent(o),o},Y=function(e,t){var n;!i&&(n=c.picturefill||H.pf)?(t&&t.src&&!e[$]("srcset")&&e.setAttribute("srcset",t.src),n({reevaluate:!0,elements:[e]})):t&&t.src&&(e.src=t.src)},Z=function(e,t){return(getComputedStyle(e,null)||{})[t]},r=function(e,t,n){for(n=n||e.offsetWidth;n<H.minSize&&t&&!e._lazysizesWidth;)n=t.offsetWidth,t=t.parentNode;return n},ee=function(){var n,i,t=[],a=[],o=t,r=function(){var e=o;for(o=t.length?a:t,n=!0,i=!1;e.length;)e.shift()();n=!1},e=function(e,t){n&&!t?e.apply(this,arguments):(o.push(e),i||(i=!0,(D.hidden?I:U)(r)))};return e._lsFlush=r,e}(),te=function(n,e){return e?function(){ee(n)}:function(){var e=this,t=arguments;ee(function(){n.apply(e,t)})}},ne=function(e){var n,i=0,a=H.throttleDelay,o=H.ricTimeout,t=function(){n=!1,i=d.now(),e()},r=s&&o>49?function(){s(t,{timeout:o}),o!==H.ricTimeout&&(o=H.ricTimeout)}:te(function(){I(t)},!0);return function(e){var t;(e=!0===e)&&(o=33),n||(n=!0,t=a-(d.now()-i),t<0&&(t=0),e||t<9?r():I(r,t))}},ie=function(e){var t,n,i=99,a=function(){t=null,e()},o=function(){var e=d.now()-n;e<i?I(o,i-e):(s||a)(a)};return function(){n=d.now(),t||(t=I(o,i))}},e=function(){var z,m,u,y,e,h,v,g,p,C,b,A,o=/^img$/i,f=/^iframe$/i,E="onscroll"in c&&!/(gle|ing)bot/.test(navigator.userAgent),_=0,w=0,M=0,N=-1,S=function(e){M--,(!e||M<0||!e.target)&&(M=0)},x=function(e){return null==A&&(A="hidden"==Z(D.body,"visibility")),A||!("hidden"==Z(e.parentNode,"visibility")&&"hidden"==Z(e,"visibility"))},W=function(e,t){var n,i=e,a=x(e);for(g-=t,b+=t,p-=t,C+=t;a&&(i=i.offsetParent)&&i!=D.body&&i!=O;)(a=(Z(i,"opacity")||1)>0)&&"visible"!=Z(i,"overflow")&&(n=i.getBoundingClientRect(),a=C>n.left&&p<n.right&&b>n.top-1&&g<n.bottom+1);return a},t=function(){var e,t,n,i,a,o,r,s,l,c,d,u,f=k.elements;if((y=H.loadMode)&&M<8&&(e=f.length)){for(t=0,N++;t<e;t++)if(f[t]&&!f[t]._lazyRace)if(!E||k.prematureUnveil&&k.prematureUnveil(f[t]))R(f[t]);else if((s=f[t][$]("data-expand"))&&(o=1*s)||(o=w),c||(c=!H.expand||H.expand<1?O.clientHeight>500&&O.clientWidth>500?500:370:H.expand,k._defEx=c,d=c*H.expFactor,u=H.hFac,A=null,w<d&&M<1&&N>2&&y>2&&!D.hidden?(w=d,N=0):w=y>1&&N>1&&M<6?c:_),l!==o&&(h=innerWidth+o*u,v=innerHeight+o,r=-1*o,l=o),n=f[t].getBoundingClientRect(),(b=n.bottom)>=r&&(g=n.top)<=v&&(C=n.right)>=r*u&&(p=n.left)<=h&&(b||C||p||g)&&(H.loadHidden||x(f[t]))&&(m&&M<3&&!s&&(y<3||N<4)||W(f[t],o))){if(R(f[t]),a=!0,M>9)break}else!a&&m&&!i&&M<4&&N<4&&y>2&&(z[0]||H.preloadAfterLoad)&&(z[0]||!s&&(b||C||p||g||"auto"!=f[t][$](H.sizesAttr)))&&(i=z[0]||f[t]);i&&!a&&R(i)}},n=ne(t),L=function(e){var t=e.target;if(t._lazyCache)return void delete t._lazyCache;S(e),K(t,H.loadedClass),Q(t,H.loadingClass),V(t,B),X(t,"lazyloaded")},i=te(L),B=function(e){i({target:e.target})},T=function(t,n){try{t.contentWindow.location.replace(n)}catch(e){t.src=n}},F=function(e){var t,n=e[$](H.srcsetAttr);(t=H.customMedia[e[$]("data-media")||e[$]("media")])&&e.setAttribute("media",t),n&&e.setAttribute("srcset",n)},r=te(function(t,e,n,i,a){var o,r,s,l,c,d;(c=X(t,"lazybeforeunveil",e)).defaultPrevented||(i&&(n?K(t,H.autosizesClass):t.setAttribute("sizes",i)),r=t[$](H.srcsetAttr),o=t[$](H.srcAttr),a&&(s=t.parentNode,l=s&&j.test(s.nodeName||"")),d=e.firesLoad||"src"in t&&(r||o||l),c={target:t},K(t,H.loadingClass),d&&(clearTimeout(u),u=I(S,2500),V(t,B,!0)),l&&G.call(s.getElementsByTagName("source"),F),r?t.setAttribute("srcset",r):o&&!l&&(f.test(t.nodeName)?T(t,o):t.src=o),a&&(r||l)&&Y(t,{src:o})),t._lazyRace&&delete t._lazyRace,Q(t,H.lazyClass),ee(function(){var e=t.complete&&t.naturalWidth>1;d&&!e||(e&&K(t,"ls-is-cached"),L(c),t._lazyCache=!0,I(function(){"_lazyCache"in t&&delete t._lazyCache},9)),"lazy"==t.loading&&M--},!0)}),R=function(e){if(!e._lazyRace){var t,n=o.test(e.nodeName),i=n&&(e[$](H.sizesAttr)||e[$]("sizes")),a="auto"==i;(!a&&m||!n||!e[$]("src")&&!e.srcset||e.complete||J(e,H.errorClass)||!J(e,H.lazyClass))&&(t=X(e,"lazyunveilread").detail,a&&ae.updateElem(e,!0,e.offsetWidth),e._lazyRace=!0,M++,r(e,t,a,i,n))}},a=ie(function(){H.loadMode=3,n()}),s=function(){3==H.loadMode&&(H.loadMode=2),a()},l=function(){if(!m){if(d.now()-e<999)return void I(l,999);m=!0,H.loadMode=3,n(),q("scroll",s,!0)}};return{_:function(){e=d.now(),k.elements=D.getElementsByClassName(H.lazyClass),z=D.getElementsByClassName(H.lazyClass+" "+H.preloadClass),q("scroll",n,!0),q("resize",n,!0),q("pageshow",function(e){if(e.persisted){var t=D.querySelectorAll("."+H.loadingClass);t.length&&t.forEach&&U(function(){t.forEach(function(e){e.complete&&R(e)})})}}),c.MutationObserver?new MutationObserver(n).observe(O,{childList:!0,subtree:!0,attributes:!0}):(O[P]("DOMNodeInserted",n,!0),O[P]("DOMAttrModified",n,!0),setInterval(n,999)),q("hashchange",n,!0),["focus","mouseover","click","load","transitionend","animationend"].forEach(function(e){D[P](e,n,!0)}),/d$|^c/.test(D.readyState)?l():(q("load",l),D[P]("DOMContentLoaded",n),I(l,2e4)),k.elements.length?(t(),ee._lsFlush()):n()},checkElems:n,unveil:R,_aLSL:s}}(),ae=function(){var n,o=te(function(e,t,n,i){var a,o,r;if(e._lazysizesWidth=i,i+="px",e.setAttribute("sizes",i),j.test(t.nodeName||""))for(a=t.getElementsByTagName("source"),o=0,r=a.length;o<r;o++)a[o].setAttribute("sizes",i);n.detail.dataAttr||Y(e,n.detail)}),i=function(e,t,n){var i,a=e.parentNode;a&&(n=r(e,a,n),i=X(e,"lazybeforesizes",{width:n,dataAttr:!!t}),i.defaultPrevented||(n=i.detail.width)&&n!==e._lazysizesWidth&&o(e,a,i,n))},e=function(){var e,t=n.length;if(t)for(e=0;e<t;e++)i(n[e])},t=ie(e);return{_:function(){n=D.getElementsByClassName(H.autosizesClass),q("resize",t)},checkElems:t,updateElem:i}}(),t=function(){!t.i&&D.getElementsByClassName&&(t.i=!0,ae._(),e._())};return I(function(){H.init&&t()}),k={cfg:H,autoSizer:ae,loader:e,init:t,uP:Y,aC:K,rC:Q,hC:J,fire:X,gW:r,rAF:ee}}(e,e.document,Date);e.lazySizes=t,"object"==typeof module&&module.exports&&(module.exports=t)}("undefined"!=typeof window?window:{}); }); function changeFont(){var x=document.getElementById('post-font');if(x.classList)x.classList.toggle('active');else{var z=x.className.split(' ');0<=(t=z.indexOf('active'))?z.splice(t,1):z.push('active'),x.className=z.join(' ')}}; function copyFunction(){document.getElementById("getlink").select(),document.execCommand("copy"),document.getElementById("share-notif").innerHTML="<span>Link copied!</span>" }; var uri = window.location.toString();if (uri.indexOf("?m=1","?m=1") > 0) {var clean_uri = uri.substring(0, uri.indexOf("?m=1"));window.history.replaceState({}, document.title, clean_uri)} /*]]>*/ </script> <b:if cond='data:view.isPost'> <script>/*<![CDATA[*/ function get_text(el) {ret = ""; var length = el.childNodes.length; for(var i = 0; i < length; i++) {var node = el.childNodes[i]; if(node.nodeType != 8) {ret += node.nodeType != 1 ? node.nodeValue : get_text(node)} } return ret} var words = get_text(document.getElementById('post-body')); var count = words.split(' ').length; var avg = 200; var counted = count / avg; var maincount = Math.round(counted); document.getElementById("read-time").innerHTML = maincount + " minute read"; /*]]>*/</script> </b:if> <b:include cond='data:view.isMultipleItems' name='post-paginationMore'/> </b:if> </body> </html>