/
/
Edit
:
untuk
for
"
"
</div> </b:if> </section> </b:includable> <b:includable id='comments' var='post'> <section expr:class='"comments comments-non-threaded" + (data:post.embedCommentForm ? " embed" : "")' expr:data-num-comments='data:post.numberOfComments' id='comments'> <a name='comments'/> <b:if cond='data:post.allowComments'> <h2 class='comments-title'> <b:if cond='data:post.numberOfComments == 0'> <data:messages.postAComment /> <b:else/> <b:message name='messages.numberOfComments'> <b:param expr:value='data:post.numberOfComments' name='numComments'/> </b:message> </b:if> <b:switch var='data:blog.locale'><b:case value='id'/>untuk<b:default/>for </b:switch> "<data:post.title/>" </h2> <div expr:id='data:widget.instanceId + "_comments-block-wrapper"'> <b:include cond='data:post.comments' data='post.comments' name='commentList'/> </div> <b:if cond='data:post.commentPagingRequired'> <div class='paging-control-container'> <b:if cond='data:post.hasOlderLinks'> <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'> <data:messages.oldest/> </a> <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'> <data:messages.older/> </a> </b:if> <span class='comment-range-text'> <data:post.commentRangeText/> </span> <b:if cond='data:post.hasNewerLinks'> <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'> <data:messages.newer/> </a> <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'> <data:messages.newest/> </a> </b:if> </div> </b:if> <div class='comment-footer'> <b:if cond='data:post.embedCommentForm'> <b:if cond='data:post.allowNewComments'> <b:include data='post' name='commentForm'/> <b:else/> <data:post.noNewCommentsText/> </b:if> <b:else/> <b:if cond='data:post.allowComments'> <b:if cond='data:this.messages.blogComment != ""'> <p class='comment-note'> <data:this.messages.blogComment/> </p> </b:if> <a class='post-comment-link' expr:href='data:post.commentsUrl' expr:onclick='data:post.commentsUrlOnclick'> <b:message name='messages.postAComment'/> </a> </b:if> </b:if> </div> </b:if> <b:if cond='data:showCmtPopup'> <div id='comment-popup'> <iframe allowtransparency='allowtransparency' frameborder='0' id='comment-actions' title='comment-actions' name='comment-actions' scrolling='no'>
<data:post.cmtfpIframe/> <script> BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>'); </script> </div> </b:includable> <b:includable id='commentFormIframeSrc' var='post'> <a aria-label='comment form' expr:href='data:post.commentFormIframeSrc + "&skin=contempo" + data:variantParam' id='comment-editor-src'/> </b:includable> <b:includable id='nextPageLink'> <span id='blog-pager-older-link'> <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:messages.olderPosts'> <data:messages.olderPosts/> </a> </span> </b:includable> <b:includable id='previousPageLink'> <span id='blog-pager-newer-link'> <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:messages.newerPosts'> <data:messages.newerPosts/> </a> </span> </b:includable> <b:includable id='nextprev'> <div class='blog-pager' id='blog-pager'> <b:include cond='data:newerPageUrl' name='previousPageLink'/> <b:include cond='data:olderPageUrl' name='nextPageLink'/> </div> </b:includable> <b:includable id='status-message'> <b:if cond='data:navMessage'> <div class='status-msg-wrap'> <div class='status-msg-body'> <data:navMessage/> </div> <div class='status-msg-border'> <div class='status-msg-bg'> <div class='status-msg-hidden'> <data:navMessage/> </div> </div> </div> </div> </b:if> </b:includable> </b:defaultmarkup> <!-- WIDGET POPULAR POSTS --> <b:defaultmarkup type='PopularPosts'> <b:includable id='main' var='this'> <b:if cond='data:title != ""'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <b:loop values='data:posts' var='post' index='i'> <div class='popular-post'> <b:if cond='data:postDisplay.showFeaturedImage'> <div class='popular-post-thumbnail'> <b:if cond='data:post.featuredImage'> <b:if cond='data:post.featuredImage.isYoutube'> <a expr:href='data:post.link ?: data:post.url'> <img expr:data-src='data:post.featuredImage.youtubeMaxResDefaultUrl.isResizable ? resizeImage(data:post.featuredImage.youtubeMaxResDefaultUrl, 80, "1:1") : data:post.featuredImage.youtubeMaxResDefaultUrl' class='lazyload' width='80' height='80' expr:alt='data:post.title ? data:post.title : data:messages.image' src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAD2AAAA9gBbkdjNQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAANSURBVAiZY2BgYGAEAAAGAAKHf+MhAAAAAElFTkSuQmCC'/> <div class='lazy-loading'></div> </a> <b:else/> <a expr:href='data:post.link ?: data:post.url'> <img expr:data-src='data:post.featuredImage.isResizable ? resizeImage(data:post.featuredImage, 80, "1:1") : data:post.featuredImage' class='lazyload' width='80' height='80' expr:alt='data:post.title ? data:post.title : data:messages.image' src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAD2AAAA9gBbkdjNQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAANSURBVAiZY2BgYGAEAAAGAAKHf+MhAAAAAElFTkSuQmCC'/> <div class='lazy-loading'></div> </a> </b:if> <b:else/><!-- fallback --> <a expr:href='data:post.link ?: data:post.url'> <img expr:data-src='resizeImage("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhI_S_Abw8bOBz_bHM7d71B6atkc1Wp4hXRiwzwCg2TcMRkuxPeqhZDuUuYXxq2K0-IL2pbBwoNSOzMhUdwfggv9II2Y4griGb7vjYbsrhQRG8w7wZDgqpRYUcNOifNF5mpE3KWBld3ADZC/w80/no-image.jpg", 80, "1:1")' src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAD2AAAA9gBbkdjNQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAANSURBVAiZY2BgYGAEAAAGAAKHf+MhAAAAAElFTkSuQmCC' class='lazyload' width='80' height='80' expr:alt='data:messages.image'/> <div class='lazy-loading'></div> </a> </b:if> </div> </b:if> <!-- Content --> <div class='popular-post-info'> <div class='popular-post-title'> <a expr:href='data:post.link ?: data:post.url'> <b:eval expr='data:post.title ? data:post.title : data:messages.noTitle'/> </a> </div> <b:if cond='data:postDisplay.showSnippet'> <div class='popular-post-snippet'> <b:eval expr='snippet(data:post.snippets.long, { length: 60 })'/> </div> </b:if> </div> </div> </b:loop> </div> </b:includable> </b:defaultmarkup> <!-- WIDGET POPULAR POSTS END --> <b:defaultmarkup type='HTML'> <b:includable id='main'> <b:if cond='data:content'> <b:if cond='data:title'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> </b:if> </b:includable> </b:defaultmarkup> <b:defaultmarkup type='Text'> <b:includable id='main'> <b:if cond='data:content'> <b:if cond='data:title'> <div class='normalwidget-title'> <b:include name='widget-title'/> </div> </b:if> <div class='widget-content'> <data:content/> </div> </b:if> </b:includable> </b:defaultmarkup> <b:defaultmarkup type='Label'> <b:includable id='main' var='this'> <b:if cond='data:title'> <h2 class='title'><data:title/></h2> </b:if> <b:include name='content'/> </b:includable> <b:includable id='content'> <div class='widget-content'> <b:class expr:name='data:this.display + "-label-widget-content"'/> <b:include cond='data:this.display == "list"' name='list'/> <b:include cond='data:this.display == "cloud"' name='cloud'/> </div> </b:includable> <b:includable id='cloud'> <b:loop values='data:labels' var='label'> <span class='label-size'> <b:class expr:name='"label-size-" + data:label.cssSize'/> <a class='label-name' expr:href='data:label.url + "?&max-results=6"'> <data:label.name/> <b:if cond='data:this.showFreqNumbers'> <span class='label-count'>(<data:label.count/>)</span> </b:if> </a> </span> </b:loop> </b:includable> <b:includable id='list'> <ul> <b:loop values='data:labels' var='label'> <li> <a class='label-name' expr:href='data:label.url + "?&max-results=6"'> <data:label.name/> <b:if cond='data:this.showFreqNumbers'> <span class='label-count'>(<data:label.count/>)</span> </b:if> </a> </li> </b:loop> </ul> </b:includable> </b:defaultmarkup> <b:defaultmarkup type='Image'> <b:includable id='main'> <b:if cond='data:title'> <h2 class='title'><data:title/></h2> </b:if> <b:include name='content'/> </b:includable> <b:includable id='content'> <div class='widget-content'> <b:tag cond='data:link' expr:href='data:link' name='a'> <img class='lazyload' expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_img"' expr:data-src='data:sourceUrl' expr:width='data:width' src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAABCAYAAAD9yd/wAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAAPSURBVAiZY+zt7c1kwAIALtACEvr8z1AAAAAASUVORK5CYII='/> <div class='lazy-loading'></div> </b:tag> <br/> <b:if cond='data:caption'> <span class='caption'><data:caption/></span> </b:if> </div> </b:includable> </b:defaultmarkup> <b:defaultmarkup type='PageList'> <b:includable id='main'> <b:if cond='data:title'> <h2 class='title'><data:title/></h2> </b:if> <b:include name='content'/> </b:includable> <b:includable id='content'> <div class='widget-content'> <b:include name='pageList'/> </div> </b:includable> <b:includable id='overflowButton'> <b:include name='verticalMoreIcon'/> </b:includable> <b:includable id='overflowablePageList'> <div class='overflowable-container'> <div class='overflowable-contents'> <div class='container'> <b:with value='true' var='overflow'> <b:with value='"tabs"' var='pageListClass'> <b:include name='pageList'/> </b:with> </b:with> </div> </div> <div class='overflow-button hidden'> <b:include name='overflowButton'/> </div> </div> </b:includable> <b:includable id='pageLink'> <li> <b:class cond='data:overflow' name='overflowable-item'/> <b:class cond='data:link.isCurrentPage' name='selected'/> <a expr:href='data:link.href'><data:link.title/></a> </li> </b:includable> <b:includable id='pageList'> <ul> <b:class cond='data:pageListClass' expr:name='data:pageListClass'/> <b:loop values='data:links' var='link'> <b:include name='pageLink'/> </b:loop> </ul> </b:includable> </b:defaultmarkup> <b:defaultmarkup type='LinkList'> <b:includable id='main'> <b:if cond='data:title'> <h2 class='title'><data:title/></h2> </b:if> <b:include name='content'/> </b:includable> <b:includable id='content'> <div class='widget-content'> <ul> <b:loop values='data:links' var='link'> <li><a expr:href='data:link.target'><data:link.name/></a></li> </b:loop> </ul> </div> </b:includable> </b:defaultmarkup> <b:defaultmarkup type='Profile'> <b:includable id='main' var='this'> <b:if cond='data:title'> <h2 class='title'><data:title/></h2> </b:if> <b:include name='content'/> </b:includable> <b:includable id='authorProfileImage'> <b:if cond='data:authorPhoto.image.isResizable'> <img class='lazyload profile-img' expr:alt='data:messages.myPhoto' expr:height='data:authorPhoto.height' expr:data-src='resizeImage(data:authorPhoto.image,100,"1:1")' expr:width='data:authorPhoto.width' src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAD2AAAA9gBbkdjNQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAANSURBVAiZY2BgYGAEAAAGAAKHf+MhAAAAAElFTkSuQmCC'/> <div class='lazy-loading'></div> </b:if> </b:includable> <b:includable id='content'> <b:if cond='data:team'> <div class='widget-content team'> <b:include name='teamProfile'/> </div> <b:else/> <div class='widget-content individual'> <b:include name='userProfile'/> </div> </b:if> </b:includable> <b:includable id='defaultProfileImage'> <div class='default-avatar'></div> </b:includable> <b:includable id='profileImage'> <b:if cond='data:authorPhoto.image'> <b:include name='authorProfileImage'/> <b:else/> <b:include name='defaultProfileImage'/> </b:if> </b:includable> <b:includable id='teamProfile'> <b:loop values='data:authors' var='author'> <div class='team-member'> <b:include data='author' name='teamProfileLink'/> </div> </b:loop> </b:includable> <b:includable id='teamProfileLink'> <a class='profile-link g-profile' expr:href='data:userUrl' rel='nofollow'> <div class='tema-profil-img-wrap'> <b:include name='profileImage'/> </div> <span class='profile-name'><data:display-name/></span> </a> </b:includable> <b:includable id='userGoogleProfile'> <div class='g-follow' data-annotation='bubble' data-height='20' expr:data-href='data:userUrl'/> </b:includable> <b:includable id='userLocation'> <div class='profile-data location'><svg viewBox="0 0 24 24"><path d="M12,11.5A2.5,2.5 0 0,1 9.5,9A2.5,2.5 0 0,1 12,6.5A2.5,2.5 0 0,1 14.5,9A2.5,2.5 0 0,1 12,11.5M12,2A7,7 0 0,0 5,9C5,14.25 12,22 12,22C12,22 19,14.25 19,9A7,7 0 0,0 12,2Z"/></svg> <data:location/></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:include cond='data:hasgoogleprofile' name='userGoogleProfile'/> </b:includable> <b:includable id='userProfileImage'> <div class='profile-img-wrap'> <a expr:href='data:userUrl' rel='nofollow'> <b:include name='profileImage'/> </a> </div> </b:includable> <b:includable id='userProfileInfo'> <div class='profile-info'> <b:class cond='data:showlocation and data:location != ""' name='has-location'/> <b:include name='userProfileData'/> <b:include cond='data:showlocation and data:location != ""' name='userLocation'/> <b:include cond='data:aboutme != ""' name='userProfileText'/> <b:include name='viewProfileLink'/> </div> </b:includable> <b:includable id='userProfileLink'> <a class='profile-link-author g-profile' expr:href='data:userUrl' rel='author nofollow'> <data:displayname/> </a> </b:includable> <b:includable id='userProfileText'> <div class='profile-textblock'> <data:aboutme/> </div> </b:includable> <b:includable id='viewProfileLink'> <a class='profile-link' expr:href='data:userUrl' rel='author nofollow'> <data:messages.viewMyCompleteProfile/> </a> </b:includable> </b:defaultmarkup> <b:defaultmarkup type='ContactForm'> <b:includable id='main'> <b:if cond='data:title'> <h2 class='title'><data:title/></h2> </b:if> <b:include name='content'/> </b:includable> <b:includable id='content'> <div class='contact-form-widget'> <div class='form'> <form name='contact-form'> <span class='input-label'><data:contactFormNameMsg/></span> <input aria-label='contact name' class='contact-form-name' expr:id='data:widget.instanceId + "_contact-form-name"' name='name' size='30' type='text' value=''/> <span class='input-label'><data:contactFormEmailMsg/> <span class='required'>*</span></span> <input aria-label='contact email' class='contact-form-email' expr:id='data:widget.instanceId + "_contact-form-email"' name='email' size='30' type='text' value=''/> <span class='input-label'><data:contactFormMessageMsg/> <span class='required'>*</span></span> <textarea aria-label='message' class='contact-form-email-message' cols='25' expr:id='data:widget.instanceId + "_contact-form-email-message"' name='email-message' rows='5'/> <input aria-label='submit button' class='contact-form-button contact-form-button-submit' expr:id='data:widget.instanceId + "_contact-form-submit"' expr:value='data:contactFormSendMsg' type='button'/> <div class='contact-form-message-wrap'> <p class='contact-form-error-message' expr:id='data:widget.instanceId + "_contact-form-error-message"'/> <p class='contact-form-success-message' expr:id='data:widget.instanceId + "_contact-form-success-message"'/> </div> </form> </div> </div> </b:includable> </b:defaultmarkup> <b:defaultmarkup type='Subscribe'> <b:includable id='main'> <b:if cond='data:title'> <div class='title-outer'> <h2 class='title'><data:title/></h2> </div> </b:if> <b:include name='content'/> </b:includable> <b:includable id='content'> <div class='widget-content'> <b:include data='feeds' name='feeds'/> </div> </b:includable> <b:includable id='feeds' var='feeds'> <b:loop values='data:feeds' var='feed'> <div class='feed-reader-links'> <a class='feed-reader-link' expr:href='data:feed.url' target='_blank'> <img alt='RSS' class='feed-icon' expr:src='data:feedIconImg' width='12' height='12'/> <span>RSS Feed <data:feed.title/></span> </a> </div> </b:loop> </b:includable> </b:defaultmarkup> <b:defaultmarkup type='FollowByEmail'> <b:includable id='main'> <b:if cond='data:title'> <h2 class='title'><data:title/></h2> </b:if> <b:include name='content'/> </b:includable> <b:includable id='content'> <div class='widget-content'> <div class='follow-by-email-inner'> <form action='https://feedburner.google.com/fb/a/mailverify' expr:onsubmit='"window.open(\"https://feedburner.google.com/fb/a/mailverify?uri=" + data:feedPath + "\", \"popupwindow\", \"scrollbars=yes,width=550,height=520\"); return true"' method='post' target='popupwindow'> <input autocomplete='off' class='follow-by-email-address' expr:placeholder='data:messages.emailAddress' name='email' type='email' aria-label='follow by email'/> <input class='follow-by-email-submit' expr:value='data:messages.subscribe' type='submit'/> <input expr:value='data:feedPath' name='uri' type='hidden'/> <input name='loc' type='hidden' value='en_US'/> </form> </div> </div> </b:includable> </b:defaultmarkup> <b:defaultmarkup type='BlogArchive'> <b:includable id='main' var='this'> <b:if cond='data:title'> <h2 class='title'><data:title/></h2> </b:if> <b:include name='content'/> </b:includable> <b:includable id='content'> <div class='widget-content'> <div id='ArchiveList'> <div expr:id='data:widget.instanceId + "_ArchiveList"'> <b:include cond='data:this.style == "HIERARCHY"' name='hierarchy'/> <b:include cond='data:this.style in {"FLAT"}' name='flat'/> <b:include cond='data:this.style in {"MENU"}' name='dropdown'/> </div> </div> </div> </b:includable> <b:includable id='flat'> <div class='archive-flat'> <ul> <b:loop values='data:data' var='i'> <li class='archivedate'> <a expr:href='data:i.url'> <data:i.name/> <span class='post-count'>(<data:i.post-count/>)</span> </a> </li> </b:loop> </ul> </div> </b:includable> <b:includable id='hierarchy'> <div class='archive-hierarchy'> <b:include data='data' name='interval'/> </div> </b:includable> <b:includable id='dropdown'> <div class='archive-dropdown'> <select aria-label='archive' onChange="window.location.href=this.value"> <b:loop values='data:data' var='i'> <option expr:value='data:i.url'> <data:i.name/> <span class='post-count'>(<data:i.post-count/>)</span> </option> </b:loop> </select> </div> </b:includable> <b:includable id='interval' var='intervals'> <ul class='hierarchy'> <b:loop values='data:intervals' var='interval'> <li class='archivedate'> <div class='hierarchy-title'> <a class='post-count-link' expr:href='data:interval.url'> <data:interval.name/> <span class='post-count'>(<data:interval.post-count/>)</span> </a> </div> <div class='hierarchy-content'> <b:include cond='data:interval.data' data='interval.data' name='interval'/> <b:include cond='data:interval.posts' data='interval.posts' name='posts'/> </div> </li> </b:loop> </ul> </b:includable> <b:includable id='posts' var='posts'> <ul class='posts hierarchy'> <b:loop values='data:posts' var='post'> <li> <a expr:href='data:post.url'><data:post.title/></a> </li> </b:loop> </ul> </b:includable> </b:defaultmarkup> <b:defaultmarkup type='Stats'> <b:includable id='main'> <b:if cond='data:title'> <h2 class='title'><data:title/></h2> </b:if> <b:include name='content'/> </b:includable> <b:includable id='content'> <div class='widget-content'> <!-- Content is going to be visible when data will be fetched from server. --> <div expr:id='data:widget.instanceId + "_content"' style='display: none;'> <!-- Counter and image will be injected later via AJAX call. --> <b:if cond='data:showSparkline'> <script src='https://www.gstatic.com/charts/loader.js'/> <span expr:id='data:widget.instanceId + "_sparklinespan"' style='display:inline-block; width:75px; height:30px'/> </b:if> <span expr:class='"counter-wrapper " + (data:showGraphicalCounter ? "graph-counter-wrapper" : "text-counter-wrapper")' expr:id='data:widget.instanceId + "_totalCount"'> </span> </div> </div> </b:includable> </b:defaultmarkup> <b:defaultmarkup type='BlogSearch'> <b:includable id='main'> <b:include name='content'/> </b:includable> <b:includable id='content'> <div class='widget-content' role='search'> <b:include name='searchForm'/> </div> </b:includable> <b:includable id='searchForm'> <form expr:action='data:blog.searchUrl'> <b:attr cond='not data:view.isPreview' name='target' value='_top'/> <b:include name='urlParamsAsFormInput'/> <input class='search-input' autocomplete='off' expr:aria-label='data:messages.searchThisBlog' expr:placeholder='data:messages.searchThisBlog' expr:value='data:view.isSearch ? data:view.search.query.escaped : ""' name='q'/> <b:include name='searchSubmit'/> </form> </b:includable> </b:defaultmarkup> </b:defaultmarkups> <noscript><style>#iklan-tengah1,#iklan-tengah2,#iklan-atas,#iklan-bawah,#matched-content,#iklan-infeed {display:none;}</style></noscript> <b:skin><![CDATA[ /* ----------------------------------------------- Blogger Template Style Name: viomagz Version: 4.7.0 Designer: Mas Sugeng ----------------------------------------------- */ /* Variable definitions start ========================== <Group description="Dimensi"> <Variable name="theme.width" description="Lebar Template" type="length" min="600px" max="2600px" default="1000px" value="1000px"/> <Variable name="header.height" description="Tinggi Header" type="length" min="20px" max="500px" default="52px" value="52px"/>> </Group> <Group description="Teks Halaman" selector="body"> <Variable name="page.text.font" description="Font (Jenis font tidak bisa diganti)" type="font" default="normal normal 16px Helvetica, Arial, sans-serif" value="normal normal 16px Helvetica, Arial, sans-serif"/> <Variable name="body.text.color" description="Main Text Color" type="color" default="#575757" value="#575757"/> </Group> <Group description="Background Halaman" selector="body"> <Variable name="body.background" description="Background Body" type="color" default="#ffffff" value="#ffffff"/> </Group> <Group description="Background Header" selector="#header-container"> <Variable name="header.background" description="Background Header" type="color" default="#333333" value="#333333"/> </Group> <Group description="Background Konten" selector="#wrapper"> <Variable name="posts.background.color" description="Background Wrapper" type="color" default="#ffffff" value="#ffffff"/> </Group> <Group description="Background Icon Media Sosial" selector="#footer-widget-container"> <Variable name="footerwidget.bg.color" description="Background Color" type="color" default="#f8f8f8" value="#f8f8f8"/> </Group> <Group description="Background Menu Footer" selector="#footer-navmenu"> <Variable name="navmenufooter.bg" description="Background Color" type="color" default="#292929" value="#292929"/> </Group> <Group description="Background Footer" selector="#footer-container"> <Variable name="footer.background.color" description="Background Color" type="color" default="#222222" value="#222222"/> </Group> <Group description="Warna Link" selector=".main-outer"> <Variable name="body.link.color" description="Link Color" type="color" default="#1B699D" value="#1B699D"/> <Variable name="body.link.visited.color" description="Visited Color" type="color" default="#1B699D" value="#1B699D"/> <Variable name="body.link.hover.color" description="Hover Color" type="color" default="#595959" value="#595959"/> </Group> <Group description="Warna Link Sidebar" selector="#sidebar-wrapper"> <Variable name="sidebar.link.color" description="Link Color" type="color" default="$(body.link.color)" value="$(body.link.color)"/> <Variable name="sidebar.link.visited.color" description="Visited Color" type="color" default="$(body.link.visited.color)" value="$(body.link.visited.color)"/> <Variable name="sidebar.link.hover.color" description="Hover Color" type="color" default="$(body.link.hover.color)" value="$(body.link.hover.color)"/> </Group> <Group description="Judul Blog" selector=".header"> <Variable name="header.title.color" description="Title Color" type="color" default="#FFFFFF" value="#FFFFFF"/> </Group> <Group description="Menu Navigasi" selector="#cssmenu"> <Variable name="navmenu.font.color" description="Color" type="color" default="#FFFFFF" value="#FFFFFF"/> <Variable name="navmenu.font.hover.color" description="Hover Color" type="color" default="#FFFFFF" value="#FFFFFF"/> </Group> <Group description="Submenu Navigasi" selector="#cssmenu"> <Variable name="navsubmenu.font.color" description="Color" type="color" default="#595959" value="#595959"/> <Variable name="navsubmenu.font.background" description="Background Color" type="color" default="#f8f8f8" value="#f8f8f8"/> <Variable name="navsubmenu.hover" description="Hover Color" type="color" default="#eaeaea" value="#eaeaea"/> </Group> <Group description="Icon Pencarian" selector=".search-icon"> <Variable name="search.icon.color" description="Color" type="color" default="#FFFFFF" value="#FFFFFF"/> </Group> <Group description="Judul Postingan" selector="h2.post-title, .FeaturedPost .post-summary h3"> <Variable name="posts.title.color" description="Link Color" type="color" default="#595959" value="#595959"/> <Variable name="post.title.hover.color" description="Link Hover Color" type="color" default="#1B699D" value="#1B699D"/> </Group> <Group description="Icon Media Sosial" selector="#footer-widget-container"> <Variable name="footerwidget.color" description="Color" type="color" default="#444444" value="#444444"/> </Group> <Group description="Menu Footer" selector="#footer-navmenu"> <Variable name="navmenufooter.color" description="Color" type="color" default="#ffffff" value="#ffffff"/> <Variable name="navmenufooter.hover.color" description="Hover Color" type="color" default="#ffffff" value="#ffffff"/> </Group> <Group description="Footer" selector="#footer-container"> <Variable name="footer.color" description="Color" type="color" default="#dddddd" value="#dddddd"/> <Variable name="footer.body.link.color" description="Link Color" type="color" default="#dddddd" value="#dddddd"/> <Variable name="footer.hover.color" description="Hover Color" type="color" default="#ffffff" value="#ffffff"/> </Group> <Group description="Back to Top" selector="#back-to-top"> <Variable name="backtp.background.color" description="Background" type="color" default="#333333" value="#333333"/> <Variable name="backtp.color" description="Color" type="color" default="$(navmenu.font.color)" value="$(navmenu.font.color)"/> </Group> <Group description="JANGAN DIEDIT"> <Variable name="body.text.font" description="Font" type="font" default="normal normal 14px Helvetica, Arial, sans-serif" value="normal normal 14px Helvetica, Arial, sans-serif"/> <Variable name="tabs.font" description="0" type="font" default="normal normal 14px Helvetica, Arial, sans-serif" value="normal normal 14px Helvetica, Arial, sans-serif"/> <Variable name="posts.icons.color" description="1" type="color" default="#707070" value="#707070"/> <Variable name="labels.background.color" description="2" type="color" default="#ffffff" value="#ffffff"/> <Variable name="blog.title.font" description="3" type="font" default="normal normal 14px Helvetica, Arial, sans-serif" value="normal normal 14px Helvetica, Arial, sans-serif"/> <Variable name="blog.title.color" description="4" type="color" default="#fff" value="#ffffff"/> <Variable name="header.icons.color" description="5" type="color" default="#fff" value="#ffffff"/> <Variable name="tabs.color" description="14" type="color" default="#ccc" value="#cccccc"/> <Variable name="tabs.selected.color" description="6" type="color" default="#fff" value="#ffffff"/> <Variable name="tabs.overflow.background.color" description="16" type="color" default="$(posts.background.color)" value="#ffffff"/> <Variable name="tabs.overflow.color" description="7" type="color" default="#393939" value="#393939"/> <Variable name="tabs.overflow.selected.color" description="18" type="color" default="#393939" value="#393939"/> <Variable name="posts.title.font" description="8" type="font" default="normal normal 20px Helvetica, Arial, sans-serif" value="normal normal 20px Helvetica, Arial, sans-serif"/> <Variable name="posts.text.font" description="9" type="font" default="normal normal 14px Helvetica, Arial, sans-serif" value="normal normal 14px Helvetica, Arial, sans-serif"/> <Variable name="posts.text.color" description="10" type="color" default="#444444" value="#444444"/> </Group> Variable definitions end ========================*/ html{font:$(page.text.font)}body{background:$(body.background);color:$(body.text.color);font-family:Roboto,Arial,sans-serif}#header-wrapper,#wrapper,#footer-wrapper,#footer-navmenu .widget-content,.footer-widget{max-width:$(theme.width)}#header-container,#header-inner,#cssmenu ul,#head-mobile{height:$(header.height)}.header img{max-height:$(header.height)}h1.title,h2.title,#cssmenu>ul>li>a{line-height:$(header.height)}@media screen and (max-width:800px){#cssmenu>ul{max-height:calc(100vh - $(header.height))}}#wrapper{padding-top:calc($(header.height) + 30px)}a:link{color:$(body.link.color)}a:visited{color:$(body.link.color)}a:hover{color:$(body.link.hover.color)}#sidebar-wrapper a:link{color:$(sidebar.link.color)}#sidebar-wrapper a:visited{color:$(sidebar.link.color)}#sidebar-wrapper a:hover{color:$(sidebar.link.hover.color)}#wrapper,.label-info-th{background:$(posts.background.color)}#header-container{background:$(header.background)}.header h1.title,.header h2.title{color:$(header.title.color)}.header .description{color:$(header.title.color)}.header a,.header a:hover{color:$(header.title.color)}.comments-threaded .icon.blog-author::after{background:$(header.background);color:$(header.title.color)}h2.post-title a,h1.post-title a,h2.post-title,h1.post-title,.FeaturedPost h3 a{color:$(posts.title.color)}h2.post-title a:hover,h1.post-title a:hover,.FeaturedPost h3 a:hover{color:$(post.title.hover.color)}.artikel-terbaru ul li::before,.list-label-widget-content ul li::before,.LinkList ul li::before,.PageList ul li::before{background:$(body.link.color)}#footer-navmenu{background:$(navmenufooter.bg);color:$(navmenufooter.color)}#footer-navmenu ul li a{color:$(navmenufooter.color)}#footer-navmenu ul li a:hover{color:$(navmenufooter.hover.color)}#footer-widget-container{background:$(footerwidget.bg.color)}ul.nav-social li a svg path{fill:$(footerwidget.color)}.social-icon{background:$(footerwidget.color)}.search-icon a{color:$(search.icon.color)}.search-icon path{fill:$(search.icon.color)}#cssmenu>ul>li>a{color:$(navmenu.font.color)}#cssmenu>ul>li:hover>a,#cssmenu ul li.active a{color:$(navmenu.font.hover.color)}#cssmenu>ul>li.has-sub>a::after,#cssmenu ul ul li.has-sub>a::after{border-color:$(navmenu.font.color) transparent transparent}#cssmenu ul ul li.has-sub>a::after{border-color:transparent transparent transparent $(navsubmenu.font.color)}#cssmenu ul ul li{background:$(navsubmenu.font.background)}#cssmenu ul ul li:hover{background:$(navsubmenu.hover)}#cssmenu ul ul li a{color:$(navsubmenu.font.color)}#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:$(navsubmenu.hover)}#footer-container{background:$(footer.background.color);color:$(footer.color)}.footer-wrapper a{color:$(footer.body.link.color)}.footer-wrapper a:hover{color:$(footer.hover.color)}.contact-form-email:hover,.contact-form-name:hover,.contact-form-email-message:hover{border:1px solid $(body.link.color)}.contact-form-email:focus,.contact-form-name:focus,.contact-form-email-message:focus{border:1px solid $(body.link.color)}.tabbed-toc{background:$(header.background)}.tabbed-toc .loading{color:$(navmenu.font.color)}.tabbed-toc .toc-tabs li a{color:$(navmenu.font.color)}#back-to-top{background:$(backtp.background.color);color:$(backtp.color)}.back-to-top svg path{fill:$(backtp.color)}.FollowByEmail .follow-by-email-inner form input.follow-by-email-submit,.BlogSearch .widget-content form input.search-action,#sidebar-wrapper .Profile .individual .profile-info a.profile-link,.contact-form-button,.buttonDownload{color:$(navmenu.font.color);background:$(header.background)} /* ini normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:0;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}body{text-align:left;line-height:1.5;padding:0;margin:0;overflow-y:scroll;position:relative}strong,b{font-weight:bold}cite,em,i{font-style:italic}a:link{text-decoration:none}a:visited{text-decoration:none}a:hover,a:focus{text-decoration:underline}a img{border:0;border-width:0}abbr,acronym{border-bottom:1px dotted;cursor:help}sup,sub{vertical-align:baseline;position:relative;top:-6.4px;top:-0.4rem;font-size:86%}sub{top:6.4px;top:.4rem}small{font-size:86%}kbd{font-size:80%;border:1px solid #777;padding:2px 5px;border-bottom-width:2px;border-radius:4px}mark{background-color:#ffce00;color:black}p,blockquote,pre,table,figure,hr,form,ol,ul,dl{margin:20px 0 20px 0;margin:1.25rem 0 1.25rem 0}hr{height:1px;border:0;background-color:#666}h1,h2,h3,h4,h5,h6{margin:20px 0 20px 0;margin:1.25rem 0 1.25rem 0;font-weight:bold}h1{font-size:30px;font-size:1.875rem}h2{font-size:26px;font-size:1.625rem}h3{font-size:24px;font-size:1.5rem}h4{font-size:20px;font-size:1.25rem}h5{font-size:16px;font-size:1rem}h6{font-size:15px;font-size:.9375rem}ul,ol{margin:20px 0 20px 0;margin:1.25rem 0 1.25rem 0;padding-left:48px;padding-left:3rem}@media screen and (max-width:480px){ul,ol{padding-left:1.25rem}}ul ul,ol ol{margin:8px 0 8px 0;margin:.5rem 0 .5rem 0}li ul,li ol{margin:12px 0;margin:.75rem 0}dt{font-weight:bold}dd{margin:0 0 8px 32px;margin:0 0 .5rem 2rem}input,button,select,textarea{font:inherit;font-size:100%;line-height:normal;vertical-align:baseline}textarea{display:block;-webkit-box-sizing:border-box;box-sizing:border-box}pre,code{font-family:"Courier New",Courier,Monospace;color:inherit;font-size:14px;font-size:.875rem}pre{white-space:pre;word-wrap:normal;overflow:auto}blockquote{background:rgba(0,0,0,0.025);margin:1.5em 2em;padding:1em 1em;font-style:italic;font-size:17px;font-size:1.0625rem}blockquote::before{content:'"';font-size:28px;font-size:1.75rem;text-decoration:inherit;padding-right:10px;color:inherit;line-height:16px;line-height:1rem}blockquote[style]{background:transparent;font-style:normal}blockquote[style]::before{content:"";padding-right:0}iframe{max-width:100%}table,img{max-width:100%;height:auto}table[border="1"]{border-collapse:collapse}table[border="1"] td{vertical-align:top;text-align:left;font-size:14px;font-size:.875rem;padding:3px 10px;border:1px solid rgba(0,0,0,0.23)}table[border="1"] th{vertical-align:top;text-align:center;font-size:14px;font-size:.875rem;font-weight:bold;padding:5px 10px;border:1px solid rgba(0,0,0,0.23)}td.tr-caption{font-size:14px;font-size:.875rem}.clear{clear:both}.clear::after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}.navbar,.quickedit{display:none}.section,.widget{margin:0;padding:0}.CSS_LIGHTBOX{z-index:9999 !important}.CSS_LAYOUT_COMPONENT{color:transparent}.template-settings,.custom-css,.custom-javascript-footer{display:none}.post-body a[imageanchor]{display:inline-block}.post-body a[style="margin-left: 1em; margin-right: 1em;"]{margin:0 !important;display:inline-block}.post-body iframe{max-width:100%;display:block;margin:0 auto}.post-body td.tr-caption{font-size:12px;font-size:.75rem;font-style:italic}.post-body .BLOG_video_class{border:0;width:480px;height:270px}@media screen and (max-width:480px){.post-body .BLOG_video_class{width:320px;height:180px}}@media only screen and (max-width:480px){.post-body>img.fullwidth,.post-body div img.fullwidth{width:100vw;max-width:100vw;margin:0 -15px !important}.post-body .tr-caption-container.fullwidth{margin-right:-15px !important;margin-left:-15px !important;width:100vw;max-width:100vw}.post-body .tr-caption-container.fullwidth img{width:100vw;max-width:100vw;margin:0 !important}.post-body a[imageanchor],table.tr-caption-container{float:none !important;margin-left:auto !important;margin-right:auto !important}.post-body .separator>a{margin-left:auto !important;margin-right:auto !important}}.lazyload{-webkit-transition:opacity 200ms ease-in-out;transition:opacity 200ms ease-in-out;opacity:0}.lazyload+.lazy-loading{-webkit-animation-duration:1.25s;animation-duration:1.25s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:placeHolderShimmer;animation-name:placeHolderShimmer;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;background:#d7dee0;background:-webkit-gradient(linear,left top,right top,color-stop(10%,#d7dee0),color-stop(18%,#c8cecf),color-stop(33%,#d7dee0));background:linear-gradient(to right,#d7dee0 10%,#c8cecf 18%,#d7dee0 33%);background-size:200% 100% !important;-webkit-transition:opacity 200ms ease-in-out;transition:opacity 200ms ease-in-out;position:absolute;top:0;left:0;bottom:0;right:0;opacity:1}.lazyload.loaded{opacity:1}.lazyload.loaded+.lazy-loading{opacity:0}@-webkit-keyframes placeHolderShimmer{0%{background-position:100% 0}100%{background-position:-100% 0}}@keyframes placeHolderShimmer{0%{background-position:100% 0}100%{background-position:-100% 0}}.skip-to-link{display:inline-block;background:#a0520f;color:#fff !important;text-decoration:none !important;left:0;top:0;padding:3px 10px;position:absolute;z-index:1000;-webkit-transform:translateY(-100%);transform:translateY(-100%);-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;outline:0;border-radius:4px;border:2px solid #fff}.skip-to-link:focus{-webkit-transform:translateY(0);transform:translateY(0)}.screen-reader-text{border:0;height:0;position:absolute;width:0;top:0;overflow:hidden}a.read-more-link{position:relative}#header-container{position:fixed;top:0;left:0;right:0;width:100%;z-index:999}#header-wrapper{margin:0 auto;position:relative}@media only screen and (max-width:1080px){#header-wrapper{padding-left:30px;padding-right:30px}}@media only screen and (max-width:800px){#header-wrapper{padding-left:0;padding-right:0;position:unset}}#header-wrapper::after{content:"";display:block;clear:both}.header{max-width:400px;float:left;margin-right:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@media screen and (max-width:800px){.header{position:absolute;top:0;left:50px;right:50px;z-index:1;text-align:center;float:none;display:inline-block;max-width:100%;margin-right:0}}.header #header-inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media screen and (max-width:800px){.header #header-inner{display:inline-block}}.header .hasimg-title{display:-webkit-box !important;display:-ms-flexbox !important;display:flex !important}.header h1.title,.header h2.title{font-size:25px;font-size:1.5625rem;margin:0;text-transform:uppercase}.header .description{margin:-10px 0 4px 0;padding:0;font-size:.75em;display:none}.header a,.header a:hover{text-decoration:none}.header img{display:block;width:auto;padding:10px 0;-webkit-box-sizing:border-box;box-sizing:border-box}.header .hide-title .title{text-indent:-9999px;visibility:hidden;margin:0;padding:0;height:0}#wrapper{margin:0 auto;padding-left:30px;padding-right:30px;padding-bottom:30px;overflow:hidden}@media only screen and (max-width:800px){#wrapper{padding-left:20px;padding-right:20px}}@media only screen and (max-width:640px){#wrapper{padding-left:15px;padding-right:15px}}#wrapper::after{content:"";clear:both;display:block}.above-post-widget .widget-content{margin:0 0 30px;clear:both}.latest-post-title h2{font-size:15px;font-size:.9375rem;line-height:1;margin:0 0 20px;display:inline-block;text-transform:uppercase}.post-container{padding-right:25px}#post-wrapper{background:transparent;float:left;width:70%}.post{margin-bottom:30px}.post::after{content:"";display:block;clear:both}.post-body{text-align:left;word-wrap:break-word} .post-body-artikel::after{content:"";display:block;clear:both}h1.post-title{font-size:30px;font-size:1.875rem;margin:0 0 20px;margin:0 0 1.25rem}h2.post-title{font-size:20px;font-size:1.25rem;margin:0 0 10px;margin:0 0 .625rem}h2.post-title a:hover,h1.post-title a:hover,h2.post-title a:focus,h1.post-title a:focus{text-decoration:none}.img-thumbnail{width:100%;position:relative;border-radius:4px;overflow:hidden;height:0;padding-top:56.25%}.img-thumbnail img{width:100%;display:block;position:absolute;top:0;left:0;right:0}.img-thumbnail a:focus img{opacity:.7}.img-thumbnail-wrap{position:relative;float:left;width:39%;margin-top:3px;overflow:hidden}.info-1,h2.post-title,.post-snippet{margin-left:42%}@media screen and (max-width:480px){.info-1,.post-snippet{margin-left:0}.img-thumbnail-wrap{margin-bottom:15px}.post-snippet{font-size:.875rem}.post-snippet::before{content:"";display:block;clear:both}}@media screen and (max-width:280px){.info-1,h2.post-title,.post-snippet{margin-left:0}.img-thumbnail-wrap{width:100%;margin-bottom:15px}}.label-line{position:relative;margin-bottom:15px}.label-line::before{background:rgba(195,195,195,0.15);z-index:1;content:"";width:100%;height:2px;position:absolute;top:50%;left:0}.label-info-th{position:relative;z-index:2;display:inline-block;height:34px;padding-right:3px}.label-info-th a{background:rgba(195,195,195,0.15);border-radius:4px;display:inline-block;padding:6px 12px;margin:2px 0;font-size:13px;font-size:.8125rem;font-weight:500}.post-info{font-size:14px;font-size:.875rem}.post-info a{display:inline-block;color:inherit}.post-info>span::after{content:"-";padding:0 2px}.post-info>span:last-child::after{content:"";padding:0}.info-1{margin-top:10px}.info-3{margin-bottom:24px;margin-bottom:1.5rem}#sidebar-wrapper{background:transparent;float:right;width:30%;margin:0 auto}#sidebar-wrapper h2{font-size:15px;font-size:.9375rem;line-height:1;margin:0 0 20px;display:inline-block;text-transform:uppercase}#sidebar-wrapper ul,#sidebar-wrapper ol{list-style-type:none;margin:0;padding:0}#sidebar-wrapper li{margin:0 0 10px;padding:0;border-left:5px solid rgba(78,78,78,0.1);padding-left:6px}#sidebar-wrapper .widget{margin:0 0 30px;clear:both}#sidebar-wrapper .widget-content::after{content:"";display:table;table-layout:fixed;clear:both}#sidebar-wrapper .sidebar-sticky{z-index:9}#cssmenu{text-align:left}#cssmenu ul{margin:0;padding:0;display:block}@media screen and (max-width:800px){#cssmenu ul{width:100%;display:none;height:auto;-webkit-box-shadow:0 2px 8px 0 rgba(0,0,0,0.15);box-shadow:0 2px 8px 0 rgba(0,0,0,0.15)}}@media screen and (min-width:801px){#cssmenu ul{display:block !important}}#cssmenu ul li{list-style:none}#cssmenu ul li a{position:relative;display:block;-webkit-box-sizing:border-box;box-sizing:border-box}#cssmenu #head-mobile{display:none;position:relative}#cssmenu>ul>li{float:left;margin:0}#cssmenu>ul>li>a{font-size:14px;font-size:.875rem;font-weight:bold;padding:0 17px;text-decoration:none;text-transform:uppercase}#cssmenu>ul>li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{background:rgba(64,64,64,0.1);-webkit-transition:background .2s ease;transition:background .2s ease}#cssmenu ul li.has-sub{position:relative}#cssmenu>ul>li.has-sub>a::after,#cssmenu ul ul li.has-sub>a::after{content:"";border-style:solid;border-width:4px;height:0;width:0;display:inline-block;vertical-align:middle;margin-left:6px;margin-bottom:-2px}#cssmenu ul ul li.has-sub>a::after{content:"";margin-bottom:0}#cssmenu ul ul{height:auto;position:absolute;left:-9999px;z-index:1;-webkit-box-shadow:0 2px 8px 0 rgba(0,0,0,0.15);box-shadow:0 2px 8px 0 rgba(0,0,0,0.15);opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px);-webkit-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s}#cssmenu li:hover>ul,#cssmenu li:focus-within>ul{left:auto;opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition-delay:0s,0s,0.3s;transition-delay:0s,0s,0.3s}#cssmenu ul ul li{margin:0}#cssmenu ul ul ul{margin-left:100%;top:0}#cssmenu ul ul li a{font-size:13px;font-size:.8125rem;border-bottom:1px solid rgba(150,150,150,0.15);padding:0 17px;line-height:36px;max-width:100%;text-decoration:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#cssmenu ul ul li:last-child>a,#cssmenu ul ul li.last-item>a{border-bottom:0}@media screen and (max-width:800px){#cssmenu{float:none}#cssmenu>ul{overflow-y:auto}#cssmenu ul ul{-webkit-box-shadow:none;box-shadow:none;display:none;opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:unset;transition:unset}#cssmenu li:hover>ul{-webkit-transition-delay:0s,0s,0s;transition-delay:0s,0s,0s}#cssmenu ul li{width:100%;border-top:1px solid rgba(150,150,150,0.15)}#cssmenu ul ul li a{padding:0 25px}#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0}#cssmenu>ul>li{float:none;position:relative}#cssmenu>ul>li>a{padding:0 20px;line-height:42px}#cssmenu ul ul li.has-sub ul li a{padding-left:35px}#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}#cssmenu>ul>li.has-sub>a::after,#cssmenu ul ul>li.has-sub>a::after{display:none}#cssmenu #head-mobile{display:block;color:#fff;font-size:.75rem;font-weight:bold}#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;cursor:pointer}#cssmenu .submenu-button::after{content:"";border-style:solid;border-width:4px;height:0;width:0;display:inline-block;vertical-align:middle;margin:20px 20px 14px}#cssmenu ul ul .submenu-button::after{margin:16px 20px 12px}#cssmenu ul ul ul li.active a{border-left:0}#cssmenu>ul>li.has-sub>ul>li.active>a,#cssmenu>ul ul>li.has-sub>ul>li.active>a{border-top:0}.mline1,.mline2,.mline3{position:absolute;left:0;display:block;height:3px;width:22px;content:"";border-radius:5px;-webkit-transition:all .2s;transition:all .2s}.mline1{top:0}.mline2{top:7px}.mline3{top:14px}.button{width:25px;height:20px;position:absolute;right:0;top:calc(50% - 10px);cursor:pointer;z-index:2;outline:0}.button.menu-opened .mline1{top:8px;border:0;height:3px;width:22px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.button.menu-opened .mline2{top:8px;width:22px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.button.menu-opened .mline3{display:none;height:0}}@media only screen and (max-width:640px){#cssmenu>ul>li>a{padding:0 15px}}.bellow-header-widget,.bellow-header-widget2{text-align:center}.bellow-header-widget.no-items,.bellow-header-widget2.no-items{display:none}.bellow-header-widget h2,.bellow-header-widget2 h2{display:none}.bellow-header-widget .widget-content,.bellow-header-widget2 .widget-content{margin:0 0 30px;clear:both;overflow:hidden}.bellow-header-widget img,.bellow-header-widget iframe,.bellow-header-widget2 img,.bellow-header-widget2 iframe{max-width:100%;border:0;overflow:hidden}@media only screen and (max-width:480px){.bellow-header-widget,.bellow-header-widget2{width:calc(100% + 30px);margin:0 0 0 -15px}.bellow-header-widget .widget-content,.bellow-header-widget2 .widget-content{margin:0 0 25px}}.iklan-tengah1 .widget,.iklan-tengah2 .widget,.iklan-bawah .widget,.iklan-atas .widget,.iklan-tengah1 .widget-content,.iklan-tengah2 .widget-content,.iklan-bawah .widget-content,.iklan-atas .widget-content{margin:0 !important}.iklan-tengah1 h2,.iklan-tengah2 h2,.iklan-bawah h2,.iklan-atas h2{display:none}.post-body .widget-content{text-align:center;margin:.8em 0 .8em;display:block;clear:both}.post-body .widget-content>*{text-align:center;margin:0 auto}.post-body ul .widget-content,.post-body ol .widget-content,.post-body blockquote .widget-content,.post-body table .widget-content,.post-body pre .widget-content,.post-body code .widget-content{display:none}.post-body .widget-content.iklan-atas-artikel{margin-top:0}.post-body .widget-content.iklan-bawah-artikel{margin-bottom:0}.post-body .widget-content:blank{margin:0}.post-body .kode-matched-content{margin:0 0 30px}#ms-matched-content .kode-matched-content{overflow:hidden}#main .infeedads{margin-bottom:30px}body>.google-auto-placed,#wrapper>.google-auto-placed,#header-container .google-auto-placed,#footer-widget-container .google-auto-placed,#footer-navmenu .google-auto-placed,#footer-container .google-auto-placed,footer>.google-auto-placed,header>.google-auto-placed,#sidebar-wrap>.google-auto-placed,.sidebar-sticky .google-auto-placed,.PopularPosts .google-auto-placed{display:none}.post-body pre .google-auto-placed,.post-body blockquote .google-auto-placed,.post-body table .google-auto-placed,.post-body ul .google-auto-placed,.post-body ol .google-auto-placed,.post-body #baca-juga .google-auto-placed{display:none}body>.adsbygoogle,#wrapper>.adsbygoogle,#header-container .adsbygoogle,#footer-widget-container .adsbygoogle,#footer-navmenu .adsbygoogle,#footer-container .adsbygoogle,footer>.adsbygoogle,header>.adsbygoogle,#sidebar-wrap>.adsbygoogle,.sidebar-sticky .adsbygoogle,.PopularPosts .adsbygoogle{display:none}.post-body pre .adsbygoogle,.post-body blockquote .adsbygoogle,.post-body table .adsbygoogle,.post-body ul .adsbygoogle,.post-body ol .adsbygoogle,.post-body #baca-juga .adsbygoogle{display:none}#baca-juga{display:none}.post-body #baca-juga{display:block}.post-body #baca-juga::before{content:"";display:block;clear:both}.post-body ul .baca-juga-wrap,.post-body ol .baca-juga-wrap,.post-body blockquote .baca-juga-wrap,.post-body table .baca-juga-wrap,.post-body pre .baca-juga-wrap,.post-body code .baca-juga-wrap{display:none} .post-body .baca-juga-wrap{text-align:left !important;margin:15px 15px;font-size:14px;font-size:.875rem;border-left:5px solid rgba(38,144,80,0.25);padding:0 0 0 15px}@media screen and (max-width:480px){.post-body .baca-juga-wrap{margin:12px;padding:0 0 0 10px}}.post-body #baca-juga strong{display:inline-block;font-size:14px;font-size:.875rem;text-transform:uppercase;margin-bottom:9.6px;margin-bottom:.6rem}.post-body #baca-juga a{font-weight:bold;text-decoration:none;padding:0}.post-body #baca-juga ul{margin:0 0 0 20px;padding-left:0}.post-body #baca-juga li{padding:0;margin:0 0 8px;margin:0 0 .5rem}.post-body #baca-juga li:last-child{margin:0}.breadcrumbs{font-size:14px;font-size:.875rem;margin-bottom:20px}#blog-pager{font-size:14px;font-size:.875rem;clear:both !important;overflow:hidden;padding:2px 0;text-align:center}#blog-pager::after{content:"";display:block;clear:both}#blog-pager-newer-link a{float:left;display:block}#blog-pager-older-link a{float:right;display:block}.displaypageNum a,.showpage a,.pagecurrent,#blog-pager-newer-link a,#blog-pager-older-link a{background:rgba(195,195,195,0.15);border-radius:4px;padding:8px 12px;margin:2px 3px 2px 0;display:inline-block}.pagecurrent{font-weight:bold}.showpageOf{display:none !important}#blog-pager .pages{border:0}.tabbed-toc{margin:0 auto;position:relative}.tabbed-toc .loading{display:block;padding:2px 12px}.tabbed-toc ul,.tabbed-toc ol,.tabbed-toc li{margin:0;padding:0;list-style:none}.tabbed-toc .toc-tabs{width:20%;float:left}.tabbed-toc .toc-tabs li a{display:block;overflow:hidden;text-transform:uppercase;text-decoration:none;padding:12px}.tabbed-toc .toc-tabs li a:hover{background-color:rgba(64,64,64,0.1)}.tabbed-toc .toc-tabs li a.active-tab{background:rgba(64,64,64,0.1);position:relative;z-index:5;margin:0}.tabbed-toc .toc-content,.tabbed-toc .toc-line{width:80%;float:right;background-color:white;border-left:5px solid rgba(64,64,64,0.1);-webkit-box-sizing:border-box;box-sizing:border-box}.tabbed-toc .toc-line{float:none;display:block;position:absolute;top:0;right:0;bottom:0}.tabbed-toc .panel{position:relative;z-index:5}.tabbed-toc .panel li a{display:block;position:relative;font-weight:bold;font-size:14px;padding:6px 12px;overflow:hidden}.tabbed-toc .panel li time{display:block;font-weight:normal;font-size:11px;color:#666;float:right}.tabbed-toc .panel li .summary{display:block;padding:10px 12px 10px;font-size:13px}.tabbed-toc .panel li .summary img.thumbnail{float:left;display:block;margin:5px 8px 0 0;width:72px;height:72px;background-color:#fafafa}.tabbed-toc .panel li{background-color:#f3f3f3}.tabbed-toc .panel li:nth-child(even){background-color:#fff}.tabbed-toc .panel li a:hover,.tabbed-toc .panel li a:focus,.tabbed-toc .panel li.bold a{background-color:rgba(64,64,64,0.1);outline:0}@media(max-width:700px){.tabbed-toc .toc-tabs,.tabbed-toc .toc-content{overflow:hidden;width:auto;float:none;display:block}.tabbed-toc .toc-tabs li{display:inline}.tabbed-toc .toc-tabs li a{display:inline-block}.tabbed-toc .toc-tabs li a.active-tab{background-color:rgba(64,64,64,0.1)}.tabbed-toc .toc-content{border:0}.tabbed-toc .toc-line,.tabbed-toc .panel li time{display:none}}#back-to-top{padding:6px 8px;font-size:24px;font-size:1.5rem;border-radius:22px}.back-to-top{position:fixed !important;position:absolute;bottom:25px;right:20px;z-index:998}.back-to-top svg{width:24px;height:24px;vertical-align:middle;margin-top:-5px}#searchfs{position:fixed;z-index:9999;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.85);-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out;-webkit-transform:translate(0,-100%) scale(0,0);transform:translate(0,-100%) scale(0,0);opacity:0}#searchfs.open{-webkit-transform:translate(0,0) scale(1,1);transform:translate(0,0) scale(1,1);opacity:1;z-index:9999}#searchfs input[type=search]{position:absolute;top:50%;left:0;margin-top:-51px;width:70%;margin-left:15%;color:white;background:transparent;border-top:1px solid rgba(255,255,255,0.8);border-bottom:2px solid rgba(255,255,255,0.5);border-left:0 solid transparent;border-right:0 solid transparent;font-size:40px;text-align:center;outline:0;padding:10px}@media only screen and (max-width:480px){#searchfs{font-size:26px}}#searchfs .close{position:fixed;bottom:50%;right:50%;color:#fff;background-color:transparent;opacity:.8;font-size:40px;font-size:2.5rem;border:0;outline:0;margin-bottom:60px;margin-right:-10px}#searchfs .close:hover{cursor:pointer}.search-icon{position:absolute;top:calc(50% - 12px);right:0}.search-icon svg{display:block;width:24px;height:24px}@media only screen and (max-width:1080px){.search-icon{right:30px}}@media only screen and (max-width:800px){.search-icon{right:20px}}@media only screen and (max-width:640px){.search-icon{right:15px}}.share-this-pleaseeeee{margin:0 0 10px;font-size:16px;font-size:1rem;font-weight:bold}#share-container{margin:20px auto 30px}#share-container::after{content:"";display:block;clear:both}#share{width:100%;text-align:center}#share a{width:20%;height:40px;display:block;font-size:24px;font-size:1.5rem;color:#fff;-webkit-transition:opacity .15s linear;transition:opacity .15s linear;float:left}#share a:first-child{border-radius:4px 0 0 4px}#share a:last-child{border-radius:0 4px 4px 0}#share a:hover{opacity:.8}#share a svg{width:24px;height:24px;margin-top:7px}#share a svg path{fill:#fff}#share .facebook{background:#3b5998}#share .twitter{background:#55acee}#share .linkedin{background:#0077b5}#share .pinterest{background:#cb2027}#share .whatsapp{background:#25d366}#share .telegram{background:#358dd1}#footer-widget-container{font-size:18px;font-size:1.125rem}#footer-widget-container.no-items{display:none}.footer-widget{padding:25px 15px;margin:0 auto;text-align:center}.footer-widget a{display:inline-block;margin:3px 10px}.footer-widget .social-icon{opacity:.9;display:inline-block;padding:10px;border-radius:50%;width:24px;height:24px;-webkit-transition:all .2s;transition:all .2s}.footer-widget .social-icon i{background-repeat:no-repeat;height:22px;width:22px;display:inline-block;margin:1px;padding:0}.footer-widget .social-icon:hover{opacity:1}.footer-widget .facebook-icon i{background:url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24'><path fill='white' d='M0 12.067C0 18.033 4.333 22.994 10 24v-8.667H7V12h3V9.333c0-3 1.933-4.666 4.667-4.666c.866 0 1.8.133 2.666.266V8H15.8c-1.467 0-1.8.733-1.8 1.667V12h3.2l-.533 3.333H14V24c5.667-1.006 10-5.966 10-11.933C24 5.43 18.6 0 12 0S0 5.43 0 12.067z'/></svg>")}.footer-widget .twitter-icon i{background:url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24'><path fill='white' d='M23.643 4.937c-.835.37-1.732.62-2.675.733a4.67 4.67 0 0 0 2.048-2.578a9.3 9.3 0 0 1-2.958 1.13a4.66 4.66 0 0 0-7.938 4.25a13.229 13.229 0 0 1-9.602-4.868c-.4.69-.63 1.49-.63 2.342A4.66 4.66 0 0 0 3.96 9.824a4.647 4.647 0 0 1-2.11-.583v.06a4.66 4.66 0 0 0 3.737 4.568a4.692 4.692 0 0 1-2.104.08a4.661 4.661 0 0 0 4.352 3.234a9.348 9.348 0 0 1-5.786 1.995a9.5 9.5 0 0 1-1.112-.065a13.175 13.175 0 0 0 7.14 2.093c8.57 0 13.255-7.098 13.255-13.254c0-.2-.005-.402-.014-.602a9.47 9.47 0 0 0 2.323-2.41l.002-.003z'/></svg>")}.footer-widget .youtube-icon i{background:url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24'><path fill='white' d='M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z'/></svg>")}.footer-widget .instagram-icon i{background:url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24'><path fill='white' d='M7.465 1.066C8.638 1.012 9.012 1 12 1c2.988 0 3.362.013 4.534.066c1.172.053 1.972.24 2.672.511c.733.277 1.398.71 1.948 1.27c.56.549.992 1.213 1.268 1.947c.272.7.458 1.5.512 2.67C22.988 8.639 23 9.013 23 12c0 2.988-.013 3.362-.066 4.535c-.053 1.17-.24 1.97-.512 2.67a5.396 5.396 0 0 1-1.268 1.949c-.55.56-1.215.992-1.948 1.268c-.7.272-1.5.458-2.67.512c-1.174.054-1.548.066-4.536.066c-2.988 0-3.362-.013-4.535-.066c-1.17-.053-1.97-.24-2.67-.512a5.397 5.397 0 0 1-1.949-1.268a5.392 5.392 0 0 1-1.269-1.948c-.271-.7-.457-1.5-.511-2.67C1.012 15.361 1 14.987 1 12c0-2.988.013-3.362.066-4.534c.053-1.172.24-1.972.511-2.672a5.396 5.396 0 0 1 1.27-1.948a5.392 5.392 0 0 1 1.947-1.269c.7-.271 1.5-.457 2.67-.511zm8.98 1.98c-1.16-.053-1.508-.064-4.445-.064c-2.937 0-3.285.011-4.445.064c-1.073.049-1.655.228-2.043.379c-.513.2-.88.437-1.265.822a3.412 3.412 0 0 0-.822 1.265c-.151.388-.33.97-.379 2.043c-.053 1.16-.064 1.508-.064 4.445c0 2.937.011 3.285.064 4.445c.049 1.073.228 1.655.379 2.043c.176.477.457.91.822 1.265c.355.365.788.646 1.265.822c.388.151.97.33 2.043.379c1.16.053 1.507.064 4.445.064c2.938 0 3.285-.011 4.445-.064c1.073-.049 1.655-.228 2.043-.379c.513-.2.88-.437 1.265-.822c.365-.355.646-.788.822-1.265c.151-.388.33-.97.379-2.043c.053-1.16.064-1.508.064-4.445c0-2.937-.011-3.285-.064-4.445c-.049-1.073-.228-1.655-.379-2.043c-.2-.513-.437-.88-.822-1.265a3.413 3.413 0 0 0-1.265-.822c-.388-.151-.97-.33-2.043-.379zm-5.85 12.345a3.669 3.669 0 0 0 4-5.986a3.67 3.67 0 1 0-4 5.986zM8.002 8.002a5.654 5.654 0 1 1 7.996 7.996a5.654 5.654 0 0 1-7.996-7.996zm10.906-.814a1.337 1.337 0 1 0-1.89-1.89a1.337 1.337 0 0 0 1.89 1.89z'/></svg>")}.footer-widget .linkedin-icon i{background:url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24'><path fill='white' d='M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037c-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85c3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 0 1-2.063-2.065a2.064 2.064 0 1 1 2.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z'/></svg>")}.footer-widget .telegram-icon i{background:url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24'><path fill='white' d='M24 12c0 6.627-5.373 12-12 12S0 18.627 0 12S5.373 0 12 0s12 5.373 12 12zM12.43 8.859c-1.167.485-3.5 1.49-6.998 3.014c-.568.226-.866.447-.893.663c-.046.366.412.51 1.034.705c.085.027.173.054.263.084c.613.199 1.437.432 1.865.441c.389.008.823-.152 1.302-.48c3.268-2.207 4.955-3.322 5.061-3.346c.075-.017.179-.039.249.024c.07.062.063.18.056.212c-.046.193-1.84 1.862-2.77 2.726c-.29.269-.495.46-.537.504c-.094.097-.19.19-.282.279c-.57.548-.996.96.024 1.632c.49.323.882.59 1.273.856c.427.291.853.581 1.405.943c.14.092.274.187.405.28c.497.355.944.673 1.496.623c.32-.03.652-.331.82-1.23c.397-2.126 1.179-6.73 1.36-8.628a2.111 2.111 0 0 0-.02-.472a.506.506 0 0 0-.172-.325c-.143-.117-.365-.142-.465-.14c-.451.008-1.143.249-4.476 1.635z'/></svg>")}.footer-widget .whatsapp-icon i{background:url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24'><path fill='white' d='M17.472 14.382c-.297-.149-1.758-.867-2.03-.967c-.273-.099-.471-.148-.67.15c-.197.297-.767.966-.94 1.164c-.173.199-.347.223-.644.075c-.297-.15-1.255-.463-2.39-1.475c-.883-.788-1.48-1.761-1.653-2.059c-.173-.297-.018-.458.13-.606c.134-.133.298-.347.446-.52c.149-.174.198-.298.298-.497c.099-.198.05-.371-.025-.52c-.075-.149-.669-1.612-.916-2.207c-.242-.579-.487-.5-.669-.51a12.8 12.8 0 0 0-.57-.01c-.198 0-.52.074-.792.372c-.272.297-1.04 1.016-1.04 2.479c0 1.462 1.065 2.875 1.213 3.074c.149.198 2.096 3.2 5.077 4.487c.709.306 1.262.489 1.694.625c.712.227 1.36.195 1.871.118c.571-.085 1.758-.719 2.006-1.413c.248-.694.248-1.289.173-1.413c-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 0 1-5.031-1.378l-.361-.214l-3.741.982l.998-3.648l-.235-.374a9.86 9.86 0 0 1-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884c2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 0 1 2.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0 0 12.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 0 0 5.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 0 0-3.48-8.413z'/></svg>")}.footer-widget .googlemaps-icon i{background:url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24'><path fill='white' d='M19.527 4.799c1.212 2.608.937 5.678-.405 8.173c-1.101 2.047-2.744 3.74-4.098 5.614c-.619.858-1.244 1.75-1.669 2.727c-.141.325-.263.658-.383.992c-.121.333-.224.673-.34 1.008c-.109.314-.236.684-.627.687h-.007c-.466-.001-.579-.53-.695-.887c-.284-.874-.581-1.713-1.019-2.525c-.51-.944-1.145-1.817-1.79-2.671L19.527 4.799zM8.545 7.705l-3.959 4.707c.724 1.54 1.821 2.863 2.871 4.18c.247.31.494.622.737.936l4.984-5.925l-.029.01c-1.741.601-3.691-.291-4.392-1.987a3.377 3.377 0 0 1-.209-.716c-.063-.437-.077-.761-.004-1.198l.001-.007zM5.492 3.149l-.003.004c-1.947 2.466-2.281 5.88-1.117 8.77l4.785-5.689l-.058-.05l-3.607-3.035zM14.661.436l-3.838 4.563a.295.295 0 0 1 .027-.01c1.6-.551 3.403.15 4.22 1.626c.176.319.323.683.377 1.045c.068.446.085.773.012 1.22l-.003.016l3.836-4.561A8.382 8.382 0 0 0 14.67.439l-.009-.003zM9.466 5.868L14.162.285l-.047-.012A8.31 8.31 0 0 0 11.986 0a8.439 8.439 0 0 0-6.169 2.766l-.016.018l3.665 3.084z'/></svg>")}.footer-widget .pinterest-icon i{background:url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24'><path fill='white' d='M0 12c0 5.123 3.211 9.497 7.73 11.218c-.11-.937-.227-2.482.025-3.566c.217-.932 1.401-5.938 1.401-5.938s-.357-.715-.357-1.774c0-1.66.962-2.9 2.161-2.9c1.02 0 1.512.765 1.512 1.682c0 1.025-.653 2.557-.99 3.978c-.281 1.189.597 2.159 1.769 2.159c2.123 0 3.756-2.239 3.756-5.471c0-2.861-2.056-4.86-4.991-4.86c-3.398 0-5.393 2.549-5.393 5.184c0 1.027.395 2.127.889 2.726a.36.36 0 0 1 .083.343c-.091.378-.293 1.189-.332 1.355c-.053.218-.173.265-.4.159c-1.492-.694-2.424-2.875-2.424-4.627c0-3.769 2.737-7.229 7.892-7.229c4.144 0 7.365 2.953 7.365 6.899c0 4.117-2.595 7.431-6.199 7.431c-1.211 0-2.348-.63-2.738-1.373c0 0-.599 2.282-.744 2.84c-.282 1.084-1.064 2.456-1.549 3.235C9.584 23.815 10.77 24 12 24c6.627 0 12-5.373 12-12S18.627 0 12 0S0 5.373 0 12z'/></svg>")}.footer-widget .tiktok-icon i{background:url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24'><path fill='white' d='M12.525.02c1.31-.02 2.61-.01 3.91-.02c.08 1.53.63 3.09 1.75 4.17c1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97c-.57-.26-1.1-.59-1.62-.93c-.01 2.92.01 5.84-.02 8.75c-.08 1.4-.54 2.79-1.35 3.94c-1.31 1.92-3.58 3.17-5.91 3.21c-1.43.08-2.86-.31-4.08-1.03c-2.02-1.19-3.44-3.37-3.65-5.71c-.02-.5-.03-1-.01-1.49c.18-1.9 1.12-3.72 2.58-4.96c1.66-1.44 3.98-2.13 6.15-1.72c.02 1.48-.04 2.96-.04 4.44c-.99-.32-2.15-.23-3.02.37c-.63.41-1.11 1.04-1.36 1.75c-.21.51-.15 1.07-.14 1.61c.24 1.64 1.82 3.02 3.5 2.87c1.12-.01 2.19-.66 2.77-1.61c.19-.33.4-.67.41-1.06c.1-1.79.06-3.57.07-5.36c.01-4.03-.01-8.05.02-12.07z'/></svg>")}.footer-widget .github-icon i{background:url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24'><path fill='white' d='M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385c.6.105.825-.255.825-.57c0-.285-.015-1.23-.015-2.235c-3.015.555-3.795-.735-4.035-1.41c-.135-.345-.72-1.41-1.23-1.695c-.42-.225-1.02-.78-.015-.795c.945-.015 1.62.87 1.845 1.23c1.08 1.815 2.805 1.305 3.495.99c.105-.78.42-1.305.765-1.605c-2.67-.3-5.46-1.335-5.46-5.925c0-1.305.465-2.385 1.23-3.225c-.12-.3-.54-1.53.12-3.18c0 0 1.005-.315 3.3 1.23c.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23c.66 1.65.24 2.88.12 3.18c.765.84 1.23 1.905 1.23 3.225c0 4.605-2.805 5.625-5.475 5.925c.435.375.81 1.095.81 2.22c0 1.605-.015 2.895-.015 3.3c0 .315.225.69.825.57A12.02 12.02 0 0 0 24 12c0-6.63-5.37-12-12-12z'/></svg>")}.footer-widget .dribbble-icon i{background:url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24'><path fill='white' d='M12 0C5.375 0 0 5.375 0 12s5.375 12 12 12c6.612 0 12-5.375 12-12S18.612 0 12 0zm7.926 5.531a10.202 10.202 0 0 1 2.317 6.378c-.338-.065-3.722-.755-7.132-.325c-.079-.17-.144-.352-.222-.534a30.53 30.53 0 0 0-.676-1.484c3.774-1.536 5.492-3.748 5.713-4.035zM12 1.771c2.603 0 4.985.975 6.794 2.576c-.182.26-1.731 2.33-5.375 3.696c-1.68-3.084-3.54-5.61-3.827-6A10.424 10.424 0 0 1 12 1.77zm-4.36.962c.273.365 2.095 2.903 3.8 5.922c-4.79 1.276-9.02 1.25-9.475 1.25c.664-3.176 2.812-5.818 5.675-7.172zm-5.896 9.28v-.312c.443.013 5.414.078 10.53-1.458c.299.573.572 1.158.832 1.744c-.13.039-.273.078-.403.117c-5.284 1.705-8.096 6.364-8.33 6.755a10.226 10.226 0 0 1-2.629-6.846zM12 22.256c-2.369 0-4.555-.807-6.286-2.16c.182-.378 2.264-4.387 8.043-6.404c.026-.013.04-.013.065-.026c1.445 3.735 2.03 6.872 2.187 7.77c-1.237.534-2.59.82-4.009.82zm5.714-1.757c-.104-.625-.651-3.618-1.992-7.302c3.215-.507 6.026.326 6.378.443c-.443 2.85-2.083 5.31-4.386 6.859z'/></svg>")}.footer-widget .behance-icon i{background:url("data:image/svg+xml;charset=utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24'><path fill='white' d='M10.396 11.519h-.108l.24-.132a2.333 2.333 0 0 0 1.095-1.203a3.464 3.464 0 0 0 .145-1.697a2.815 2.815 0 0 0-1.732-2.297a4.728 4.728 0 0 0-1.925-.385H2v12.354h5.582a9.448 9.448 0 0 0 1.587-.132a3.465 3.465 0 0 0 2.659-1.973a3.741 3.741 0 0 0 .3-2.406a2.694 2.694 0 0 0-1.732-2.13zM4.9 7.959h2.406a4.67 4.67 0 0 1 1.203.156a1.035 1.035 0 0 1 .794.926a1.9 1.9 0 0 1 0 .746a.999.999 0 0 1-.517.65a2.478 2.478 0 0 1-1.203.264H4.875zm4.655 6.904a1.395 1.395 0 0 1-1.202 1.13a4.363 4.363 0 0 1-.794.085H4.875v-3.272h2.863a2.72 2.72 0 0 1 .902.156a1.311 1.311 0 0 1 .914 1.203a2.549 2.549 0 0 1 0 .698zm12.439-.806c.012-.024.012-.048-.024-.024v-1.335a4.379 4.379 0 0 0-.41-1.769a3.729 3.729 0 0 0-1.924-1.852a5.137 5.137 0 0 0-2.947-.289a3.886 3.886 0 0 0-3.212 2.815a6.7 6.7 0 0 0-.144 3.465a3.5 3.5 0 0 0 .866 1.732a4.523 4.523 0 0 0 2.069 1.203a5.45 5.45 0 0 0 2.321.12a4.006 4.006 0 0 0 2.515-1.323a3.165 3.165 0 0 0 .71-1.203a.523.523 0 0 0 .084-.349h-2.358a.12.12 0 0 0-.12.072a1.708 1.708 0 0 1-1.203.902a2.681 2.681 0 0 1-1.083 0a1.9 1.9 0 0 1-1.432-1.058a2.406 2.406 0 0 1-.204-.722v-.385zm-6.352-1.732a4.515 4.515 0 0 1 .193-.566a1.732 1.732 0 0 1 1.576-1.082a2.287 2.287 0 0 1 1.046.144a1.78 1.78 0 0 1 1.13 1.444v.252l-3.945.036a2.099 2.099 0 0 1 0-.228zm4.415-6.015h-5.004v1.444l5.004-.012z'/></svg>")}#footer-container{padding:20px 5px;overflow:hidden;font-size:12px;font-size:.75rem;text-align:center}#footer-wrapper{margin:0 auto}#footer-navmenu{font-size:14px;font-size:.875rem;padding:25px 15px}#footer-navmenu.no-items{display:none}#footer-navmenu h2.title{display:none}#footer-navmenu .widget-content{margin:0 auto;text-align:center}#footer-navmenu .widget-content ul{list-style:none;margin:0;padding:0}#footer-navmenu .widget-content ul li{display:inline-block;margin:6px 0}#footer-navmenu .widget-content ul li::after{content:" -"}#footer-navmenu .widget-content ul li:last-child::after{content:""}#footer-navmenu .widget-content ul li a{margin:0 3px}span.blog-admin{display:none}.comments-threaded{clear:both;margin:30px 0;font-size:14px;font-size:.875rem}.comments-threaded h2.comments-title{font-size:18px;font-size:1.125rem;margin:0 0 20px;padding:0;display:inline-block}.comments-threaded .comment-thread ol{text-align:left;margin:13px 0;padding:0;list-style:none}.comments-threaded .avatar-image-container img{max-width:36px;border-radius:17px}.comments-threaded .comment-block{background:rgba(0,0,0,0.03);position:relative;padding:20px;margin-left:45px;border-radius:10px;word-break:break-word}.comments-threaded .comment-replies{margin:10px 0;margin-left:45px}.comments-threaded .comment-thread:empty{display:none}.comments-threaded .comment-replybox-single{margin-left:45px;margin:20px 0}.comments-threaded .comment{margin-bottom:6px;padding:0}.comments-threaded .comment .avatar-image-container{background-color:rgba(0,0,0,0.03);border-radius:20px;float:left;max-height:36px;overflow:hidden;width:36px;height:36px;background-repeat:no-repeat;background-position:8px 7px}.comments-threaded .comment .avatar-image-container{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAC4jAAAuIwF4pT92AAAC4UlEQVR42nWU30uTYRTHn/d1bjOn5Y0Gu4mBNhWZ4EVXbiMUMVMjL2L+iJSYCMJkF27TzanbdNvfEN10U3STFdV/0GUE3faLsJsovEkIhDqfsWc8vqOLw87O+X6/73nOOc+jdnd3VT6fP2fZbNZVrVbV+vr61f7+/mdKqb+Y+EfEyIFx8tBqODqYy+WsQqGgpqen411dXR+7u7s/DAwMPMHwiZEDA9YU47fh8KvFxsfH0y6X63RycjKZTqcv7ezsWBg+MXJgtKipca6y/f19tby8HLZt+08sFps6PDxUIqS0ID4xcmDAwjErbQgCLhaLqq+v7/ng4ODjUqmktre36ZNl9MkiRg6MYI/gwG0IUiaBvb09lclkLvh8vq9zc3N3hGTJl1t0Hqu3pYUcGLBw4Op8Q5nSk8nk5fb29u9LS0vXqULItnOSxMiBAQsHblOF/MpxPB0dHZ9nZ2fvylEsWY2mComRAyPYT3BMjaYeDg0NPQoEAm/wIUvcNjB2XVCBAdvUQwNcm/La2lqotbX1dGZm5n65XFa6P7rPxMgJ5jdYOHDPHdncQwBynHttbW0/wuFwaWNjI7C1teXB8CORSIkcGL0yTXuIowWpgl1jcbluHo/npKen5x2GT4wcGLBasHFTjPtbm57c1WBvb+9rafix7NmL0dHR0sTERALDJybrcgwGLBy4eg66Mvvg4EDNz8/f9nq9v4T0cnV1dQQQcarB8InF4/ERhMHCIa5XTElvapu/sLBwy7Kss7GxsTSTq0+P5baZLlb3LZ2Xo6fgwOU/S08f7EQiEZCv/YxGozmm6FwXp+n1AQsHrgzsCh9TlUpFhUKhh36//219arbzjTPNeWt4ceAODw8/4KRqZWXlmgzgm/TiZr1s2/nGmWKOt7MmKNwbbrf7hMqVTOuVPJzvNzc3L5q3xlmZ08zbkUqlfJ2dnV8WFxenFHvFU6TfOxP4PzHzw/q9DAaDT2VPz/4BM3gzfN9VWhwAAAAASUVORK5CYII=")}.comments-threaded .comment .comment-thread.inline-thread .comment:nth-child(6){margin:0 0 5px 12%}.comments-threaded .comment .comment-thread.inline-thread .comment:nth-child(5){margin:0 0 5px 10%}.comments-threaded .comment .comment-thread.inline-thread .comment:nth-child(4){margin:0 0 5px 8%}.comments-threaded .comment .comment-thread.inline-thread .comment:nth-child(3){margin:0 0 5px 4%}.comments-threaded .comment .comment-thread.inline-thread .comment:nth-child(2){margin:0 0 5px 2%}.comments-threaded .comment .comment-thread.inline-thread .comment:nth-child(1){margin:0 0 5px 0}.comments-threaded .comment .pesan-komentar:not(:empty){padding:20px;background:#f9f9f9;margin-bottom:30px}.comments-threaded .comment .deleted-comment{font-style:italic;opacity:.5}.comments-threaded .comment-thread.inline-thread .comment,.comments-threaded .comment-thread.inline-thread .comment:last-child{margin:0 0 5px 14%}.comments-threaded .comment-thread{margin:0 0 30px;padding:0}.comments-threaded .inline-thread{margin:0}.comments-threaded cite.user{margin-right:8px} .comments-threaded .icon.blog-author{display:inline-block}.comments-threaded .icon.blog-author::after{content:"author";padding:2px 6px;border-radius:10px;font-size:11px;font-size:.6875rem;display:inline-block}.comments-threaded .comment-header{font-size:14px;font-size:.875rem;margin:0 0 15px}.comments-threaded .comment-content{margin:0 0 15px;text-align:left}.comments-threaded .datetime{margin:10px 0;display:block}.comments-threaded .datetime .datetime a{opacity:.8;color:inherit !important}.comments-threaded .user{font-weight:bold;font-style:normal}.comments-threaded .comment .comment-actions a{display:inline-block;font-size:13px;font-size:.8125rem;margin-right:8px}.comments-threaded .continue a{display:inline-block;font-size:13px;font-size:.8125rem;font-weight:bold}.comments-threaded .comment .comment-actions a:hover,.comments-threaded .continue a:hover{text-decoration:underline}.comments-threaded .loadmore{cursor:pointer;margin-top:3em;max-height:3em}.comments-threaded .loadmore.loaded{max-height:0;opacity:0;overflow:hidden}.comments-threaded .thread-chrome.thread-collapsed{display:none}.comments-threaded .thread-toggle{display:inline-block}.comments-threaded .thread-toggle .thread-arrow{display:inline-block;height:6px;margin:.3em;overflow:visible;padding-right:4px;width:7px}.comments-threaded .thread-expanded .thread-arrow{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC") no-repeat scroll 0 0 transparent}.comments-threaded .thread-collapsed .thread-arrow{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAADEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSxfygAAAABJRU5ErkJggg==") no-repeat scroll 0 0 transparent}.comments-threaded .hidden{display:none}@media screen and (max-device-width:480px){.comments-threaded .comments-content .comment-replies{margin-left:10px}.comments-threaded .thread-toggle{margin-left:45px}.comments-threaded .comments-content .comment-replies .continue{margin-left:45px}}.comments-non-threaded{clear:both;margin:30px 0;font-size:14px;font-size:.875rem}.comments-non-threaded h2.comments-title{font-size:18px;font-size:1.125rem;margin:0 0 20px;padding:0 0 5px;display:inline-block}.comments-non-threaded #comments-block{margin:0 0 30px}.comments-non-threaded #comments-block .avatar-image-container{display:inline-block;margin-right:4px;margin-bottom:-10px;background:rgba(74,74,74,0.12);border-radius:17px}.comments-non-threaded #comments-block .avatar-image-container img{display:block}.comments-non-threaded #comments-block .comment-block{background:rgba(0,0,0,0.03);position:relative;padding:20px;margin-bottom:15px;border-radius:4px;word-break:break-word}.comments-non-threaded #comments-block .comment-block .comment-author .comment-author-name{font-weight:bold;display:block}.comments-non-threaded #comments-block .comment-block .comment-author .comment-timestamp{opacity:.9;font-size:12px;font-size:.75rem}.comments-non-threaded #comments-block .comment-block .comment-author .item-control{opacity:.9;font-size:12px;font-size:.75rem}.comments-non-threaded #comments-block .comment-block .comment-body{padding:10px 0;margin:0}.comments-non-threaded #comments-block .comment-block .comment-body p{margin:0}.comments .comment-note{word-break:break-word;margin:0 0 30px;font-size:14px;font-size:.875rem}.comments .post-comment-link{font-weight:bold}.status-msg-wrap{width:90%;margin:0 auto 15px;position:relative}.status-msg-border{border:0;filter:alpha(opacity=40);-moz-opacity:.4;opacity:.4;width:100%;position:relative}.status-msg-bg{background-color:transparent;opacity:.8;filter:alpha(opacity=30);-moz-opacity:.8;width:100%;position:relative;z-index:1}.status-msg-body{text-align:center;padding:.3em 0;width:100%;position:absolute;z-index:4}.status-msg-hidden{visibility:hidden;padding:.3em 0}.status-msg-wrap a{padding-left:.4em}.BlogArchive{font-size:14px;font-size:.875rem}.BlogArchive #ArchiveList ul ul li{padding-left:1.2em;border-left:0}.BlogArchive #ArchiveList ul{margin:0;padding:0}.BlogArchive #ArchiveList ul.posts li{padding-left:1.25em;margin:0 0 10px}.BlogArchive .hierarchy-title{margin-bottom:10px}.BlogArchive .archive-dropdown select{padding:5px 7px;border-radius:4px;cursor:pointer}.cloud-label-widget-content{text-align:left;font-size:14px;font-size:.875rem}.cloud-label-widget-content .label-size{-webkit-transition:all .25s;transition:all .25s;line-height:1.2;display:block;float:left;margin:0 3px 3px 0;font-size:14px;font-size:.875rem}.cloud-label-widget-content .label-size a{background:rgba(195,195,195,0.15);border-radius:4px;display:inline-block;padding:8px 12px}.cloud-label-widget-content .label-size span{display:inline-block}.cloud-label-widget-content .label-count{margin-right:0}.list-label-widget-content{font-size:14px;font-size:.875rem}.list-label-widget-content ul{-webkit-column-count:2;-moz-column-count:2;column-count:2;-webkit-column-gap:8px;-moz-column-gap:8px;column-gap:8px}.list-label-widget-content ul li{padding-bottom:5px;margin:0;padding-top:5px}.FeaturedPost .featured-outer{margin:0 0 30px;clear:both}.FeaturedPost h2.title{font-size:15px;font-size:.9375rem;line-height:1;margin:0 0 20px;display:inline-block;text-transform:uppercase}.FeaturedPost .featured-post-summary{position:relative;overflow:hidden}.FeaturedPost .featured-post-img{width:100%;position:relative;border-radius:4px;overflow:hidden;height:0;padding-top:56.25%}.FeaturedPost .featured-post-img img{width:100%;display:block;position:absolute;top:0;left:0;right:0}.FeaturedPost .featured-post-img a:focus img{opacity:.7}.FeaturedPost .featured-post-info{position:absolute;z-index:1;padding:10px 15px;left:15px;right:15px;bottom:15px;background:rgba(255,255,255,0.9);border-radius:4px}.FeaturedPost h3{font-size:24px;font-size:1.5rem;margin:0 0 5px}.FeaturedPost h3 a,.FeaturedPost h3 a:hover{text-decoration:none}.FeaturedPost p{margin:0}@media only screen and (max-width:480px){.FeaturedPost .featured-post-summary{width:calc(100% + 30px);margin:0 0 15px -15px}.FeaturedPost .featured-post-summary h3{font-size:1.25rem}.FeaturedPost .featured-post-img{border-radius:0}.FeaturedPost .featured-post-info{padding:10px 15px}.FeaturedPost .featured-post-info p{font-size:.875rem}}@media only screen and (max-width:320px){.FeaturedPost .featured-post-info{bottom:unset;top:15px}.FeaturedPost .featured-post-summary p{display:none}.FeaturedPost .featured-post-summary h3{margin:0}}.PopularPosts .widget-content::after{content:"";display:block;clear:both}.PopularPosts .popular-post{margin-bottom:15px}.PopularPosts .popular-post::after{content:"";clear:both;display:block}.PopularPosts .popular-post-thumbnail{position:relative;float:left;margin-right:10px;border-radius:4px;overflow:hidden}.PopularPosts .popular-post-thumbnail img{display:block;width:80px;height:80px}.PopularPosts .popular-post-thumbnail a:focus img{opacity:.7}.PopularPosts .popular-post-title{font-weight:bold;font-size:14px;font-size:.875rem}.PopularPosts .popular-post-snippet{font-size:12px;font-size:.75rem;margin-top:8px;opacity:.925}.Feed ul li{display:block;margin:0 0 10px}.Feed ul li:last-child{margin-bottom:10px}.Feed .item-date,.Feed .item-author{color:#999}.Feed .item-title{font-weight:bold}.gsc-search-box-tools .gsc-search-box .gsc-input{margin:3px 0 !important}.gsib_a{padding:0 6px 0 !important}.cse .gsc-search-button-v2,.gsc-search-button-v2{padding:9px 27px !important}.Image .widget-content{position:relative}.Image .widget-content img{display:block;max-width:100%;height:auto}.Image .widget-content .caption{text-align:center;font-size:12px;font-size:.75rem}.ContactForm form{margin:0}.ContactForm .input-label{font-size:14px;font-size:.875rem;display:block}.ContactForm span.required{color:red}.contact-form-success-message,.contact-form-error-message{background:#f9edbe;border:0 solid #f0c36d;font-size:14px;font-size:.875rem;text-align:center;max-width:500px;border-radius:3px}.contact-form-success-message-with-border,.contact-form-error-message-with-border{background:#f9edbe;border:1px solid #f0c36d;font-size:14px;font-size:.875rem;text-align:center;max-width:600px;border-radius:3px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:10px 10px}.contact-form-cross{height:11px;margin:0 5px;vertical-align:-8.5%;width:11px}.contact-form-email,.contact-form-name{color:inherit;height:40px;margin:0 0 15px;max-width:300px;width:100%;padding:0 15px;border-radius:3px;border:1px solid rgba(193,193,193,0.4);-webkit-box-sizing:border-box;box-sizing:border-box}.contact-form-email-message{color:inherit;margin:0;vertical-align:top;max-width:600px;width:100%;border-radius:3px;border:1px solid rgba(193,193,193,0.4);padding:15px;-webkit-box-sizing:border-box;box-sizing:border-box}.contact-form-email:hover,.contact-form-name:hover,.contact-form-email-message:hover{outline:0}.contact-form-email:focus,.contact-form-name:focus,.contact-form-email-message:focus{outline:0}.contact-form-name,.contact-form-email,.contact-form-email-message{background:rgba(193,193,193,0.2)}.contact-form-button{display:block;font-size:14px;font-size:.875rem;line-height:24px;padding:12px 20px;margin:30px 0;text-align:center;border:0;border-radius:3px;font-weight:bold}.contact-form-button:hover,.contact-form-button.hover{cursor:pointer;outline:0;opacity:.85}.contact-form-button.focus,.contact-form-button.right.focus,.contact-form-button.mid.focus,.contact-form-button.left.focus{outline:0}.contact-form-button-submit:focus,.contact-form-button-submit.focus{outline:0;opacity:.85}.swajib{font-weight:bold;color:#e85e5e}.ctitles{display:block}.Profile .widget-content{background:rgba(195,195,195,0.08);border-radius:4px}.Profile .individual{position:relative;padding:30px 25px}.Profile .individual .profile-img-wrap{position:relative;text-align:center;margin:0 auto;width:100px;height:100px;border-radius:50px;overflow:hidden}.Profile .individual .profile-img-wrap .profile-img{display:block;width:100%;height:auto;border-radius:50px}.Profile .individual .profile-info{text-align:center}.Profile .individual .profile-info .profile-link-author{font-size:20px;font-size:1.25rem;margin:10px 0 5px;display:block} .Profile .individual .profile-info .profile-link{display:inline-block;margin-top:15px;font-size:14px;font-size:.875rem;padding:6px 15px;border-radius:4px;border:0}.Profile .individual .profile-info .location{font-size:14px;font-size:.875rem;margin-bottom:12px}.Profile .individual .profile-info .location svg{width:18px;height:18px;margin-bottom:-3px}.Profile .individual .profile-info .profile-textblock{color:inherit}.Profile .team{padding:20px;text-align:center}.Profile .team .team-member{margin:15px 0}.Profile .team .team-member .profile-link{display:block;position:relative}.Profile .team .team-member .profile-link .tema-profil-img-wrap{position:relative;width:50px;height:50px;margin-right:6px;border-radius:25px;overflow:hidden;background:#828282;display:inline-block;vertical-align:middle}.Profile .team .team-member .profile-link .tema-profil-img-wrap .profile-img,.Profile .team .team-member .profile-link .tema-profil-img-wrap .default-avatar{width:100%;height:100%}.Profile .team .team-member .profile-link .profile-name{font-weight:bold;color:inherit;vertical-align:middle}.author-profile{margin:32px 0;margin:2rem 0}.author-profile::after{content:"";display:block;clear:both}.author-profile .author-image-box{position:relative;float:left;margin-right:16px;margin-right:1rem;border-radius:35px;width:70px;height:70px;overflow:hidden}.author-profile .author-image{border-radius:35px;width:100%}.author-profile .author-about .author-name{display:block;font-weight:bold;margin-bottom:6px}.author-profile .author-about .author-bio{font-size:14px;font-size:.875rem}.artikel-terbaru ul li{padding-bottom:8px;margin-bottom:8px;font-weight:bold}.artikel-terbaru ul li::before{content:" ";width:8px;height:8px;display:inline-block;border-radius:4px;vertical-align:middle;margin-right:3px;opacity:.7}#ms-related-post{margin:30px auto 0;overflow:hidden}#ms-related-post::after{content:"";display:block;clear:both}#ms-related-post p.ms-title{margin:0 0 10px;font-size:16px;font-size:1rem;font-weight:bold}#ms-related-post .related-title{position:relative}#ms-related-post ul.ms-related-hasthumb{margin:0;padding:0;list-style:none;word-wrap:break-word;overflow:hidden}#ms-related-post ul.ms-related-hasthumb li{margin:0;padding:0;font-size:14px;font-size:.875rem;list-style:none;word-wrap:break-word;overflow:hidden;-webkit-transition:opacity .2s linear;transition:opacity .2s linear;float:left;width:23.5%;height:auto;margin-right:2%;margin-bottom:10px}#ms-related-post ul.ms-related-hasthumb li a,#ms-related-post ul.ms-related-hasthumb li a:hover{text-decoration:none;color:inherit}#ms-related-post ul.ms-related-hasthumb li a:focus div.related-thumb-outer{opacity:.8}#ms-related-post ul.ms-related-hasthumb li:hover{opacity:.8}#ms-related-post ul.ms-related-hasthumb li:nth-of-type(4n+0){margin-right:0}#ms-related-post ul.ms-related-hasthumb li:nth-of-type(4n+1){clear:both}#ms-related-post ul.ms-related-hasthumb li .related-thumb{display:block;max-height:none;background-color:transparent;border:0;padding:0;width:100%;border-radius:4px;position:absolute;top:0;left:0;right:0}#ms-related-post ul.ms-related-hasthumb li .related-thumb[src^="//img.youtube.com"]{margin-top:-9%}#ms-related-post ul.ms-related-hasthumb li div.related-thumb-outer{position:relative;height:0;padding-top:56.25%;overflow:hidden;border-radius:4px}#ms-related-post ul.ms-related-hasthumb div.related-title-outer{font-weight:bold;padding:10px 0 15px;display:block;color:inherit}#ms-related-post ul.ms-related-nothumb{margin:0 0 20px;margin:0 0 1.25rem;background:rgba(153,163,173,0.08);border-left:5px solid rgba(153,163,173,0.08);padding:16px 16px 16px 32px;padding:1rem 1rem 1rem 2rem}#ms-related-post ul.ms-related-nothumb li{margin:0;padding:6px 0;font-weight:bold}#ms-related-post ul.ms-related-nothumb li a{text-decoration:none}@media only screen and (max-width:480px){#ms-related-post ul.ms-related-hasthumb li{width:48%;margin-right:4%}#ms-related-post ul.ms-related-hasthumb li:nth-of-type(2n+0){margin-right:0}#ms-related-post ul.ms-related-hasthumb li:nth-of-type(2n+1){clear:both}}@media only screen and (max-width:320px){#ms-related-post ul.ms-related-hasthumb li{width:100%;margin-right:0}}.FollowByEmail .widget-content{margin:0}.FollowByEmail .follow-by-email-inner{border-radius:4px;padding:15px;background:rgba(195,195,195,0.08);text-align:center}.FollowByEmail .follow-by-email-inner form input.follow-by-email-address{color:inherit;padding:10px 15px;margin-bottom:10px;border-radius:4px;border:1px solid rgba(51,51,51,0.15);max-width:250px;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center}.FollowByEmail .follow-by-email-inner form input.follow-by-email-submit{cursor:pointer;padding:10px 15px;border-radius:4px;border:0}.FollowByEmail .follow-by-email-inner form input.follow-by-email-submit:hover{opacity:.9}.BlogSearch h3.title{display:none}.BlogSearch .widget-content form input.search-input{padding:6px 8px;border-radius:4px;border:1px solid rgba(51,51,51,0.15)}.BlogSearch .widget-content form input.search-action{cursor:pointer;padding:6px 8px;border-radius:4px;border:0}.BlogSearch .widget-content form input.search-action:hover{opacity:.9}.Stats .widget-content #Stats1_content{font-weight:bold;font-size:32px;font-size:2rem}.buttonDownload{border-radius:3px;display:inline-block;position:relative;padding:10px 25px;color:white !important;font-weight:bold;font-size:14px;font-size:.875rem;text-align:center;text-indent:15px;transition:all .4s;-moz-transition:all .4s;-webkit-transition:all .4s}.buttonDownload:hover{opacity:.85}.buttonDownload::before,.buttonDownload::after{content:" ";display:block;position:absolute;left:15px;top:52%}.buttonDownload::before{width:10px;height:2px;border-style:solid;border-width:0 2px 2px}.buttonDownload::after{width:0;height:0;margin-left:3px;margin-top:-7px;border-style:solid;border-width:4px 4px 0 4px;border-color:transparent;border-top-color:inherit;-webkit-animation:downloadArrow 2s linear infinite;animation:downloadArrow 2s linear infinite;-webkit-animation-play-state:paused;animation-play-state:paused}.buttonDownload:hover::after{-webkit-animation-play-state:running;animation-play-state:running}@-webkit-keyframes downloadArrow{0%{margin-top:-7px;opacity:1}0.001%{margin-top:-15px;opacity:0}50%{opacity:1}100%{margin-top:0;opacity:0}}@keyframes downloadArrow{0%{margin-top:-7px;opacity:1}0.001%{margin-top:-15px;opacity:0}50%{opacity:1}100%{margin-top:0;opacity:0}}.Attribution{text-align:center}.Subscribe .widget-content{font-size:12px;font-size:.75rem}.Subscribe .widget-content .feed-reader-links{margin-bottom:10px}.Subscribe .widget-content .feed-reader-links .feed-icon{vertical-align:middle;margin-right:3px}.Subscribe .widget-content .feed-reader-links span{vertical-align:middle;font-weight:bold}@media only screen and (max-width:1080px){.footer-widget,#footer-navmenu-container{max-width:100%}.footer-widget .widget,#footer-navmenu-container{padding-left:30px;padding-right:30px}.sticky-mobile{margin-right:30px}}@media only screen and (max-width:800px){#post-wrapper,#sidebar-wrapper{float:none;width:100%;max-width:100%}.post-container{padding:0 0 20px 0}.footer-widget .widget,#footer-navmenu-container{padding-left:20px;padding-right:20px}.button{left:20px}}@media only screen and (max-width:640px){.footer-widget .widget,#footer-navmenu-container{padding-left:15px;padding-right:15px}.button{left:15px}#post-wrapper,#sidebar-wrapper{float:none;width:100%;max-width:100%}}@media only screen and (max-width:480px){#footer-navmenu ul li a{margin:0 8px}ul.nav-social li{padding:0 8px}.post-snippet{margin-top:10px}blockquote{margin-left:0;margin-right:0}.post-body .baca-juga-wrap{margin:1em 0 1em 0;max-width:100%}h1{font-size:170%}h2{font-size:150%}h3{font-size:130%}h4{font-size:120%}h5{font-size:110%}h6{font-size:100%}h2.post-title{font-size:18px}h1.post-title{font-size:24px}.post-body img.fullwidth{width:100vw;margin:0 -15px;max-width:100vw}.section:last-child .widget:last-child,.sidebar .widget,.sidebar-sticky .widget,#blog-pager{margin:0 0 20px}.comments .comments-content .comment-replies{margin-left:20px !important}.comments .comment-block{padding:15px !important}.comment .comment-thread.inline-thread .comment{margin:0 0 0 0 !important}} @media screen and (max-width:800px){#cssmenu ul{background:$(navsubmenu.font.background)}#cssmenu ul li{background:$(navsubmenu.font.background)}#cssmenu>ul>li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{background:$(navsubmenu.hover)}#cssmenu>ul>li:hover>a,#cssmenu ul li.active a{color:$(navsubmenu.font.color)}#cssmenu ul li a,#cssmenu ul ul li a{color:$(navsubmenu.font.color)}.mline1,.mline2,.mline3{background:$(search.icon.color)}.button.menu-opened .mline1{background:$(navmenu.font.color)}.button.menu-opened .mline2{background:$(navmenu.font.color)}#cssmenu .submenu-button::after{border-color:$(navsubmenu.font.color) transparent transparent}} ]]></b:skin> <meta name='google-adsense-platform-account' content='ca-host-pub-1556223355139109'/> <meta name='google-adsense-platform-domain' content='blogspot.com'/> <!-- --><style type="text/css">@import url(https://www.blogger.com/static/v1/v-css/navbar/3334278262-classic.css); div.b-mobile {display:none;} </style> </head> <body><script type="text/javascript"> function setAttributeOnload(object, attribute, val) { if(window.addEventListener) { window.addEventListener('load', function(){ object[attribute] = val; }, false); } else { window.attachEvent('onload', function(){ object[attribute] = val; }); } } </script> <div id="navbar-iframe-container"></div> <script type="text/javascript" src="https://apis.google.com/js/platform.js"></script> <script type="text/javascript"> gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() { if (gapi.iframes && gapi.iframes.getContext) { gapi.iframes.getContext().openChild({ url: 'https://www.blogger.com/navbar/7790673938253346718?origin\x3dhttps://qvcqpxlfnz.blogspot.com', where: document.getElementById("navbar-iframe-container"), id: "navbar-iframe" }); } }); </script> <!-- body class --> <b:class cond='data:view.isHomepage' name='is-homepage'/> <b:class cond='data:view.isPost' name='is-post'/> <b:class cond='data:view.isPage' name='is-page'/> <b:class cond='data:view.search.label' name='is-search-label'/> <b:class cond='data:view.search.query' name='is-search-query'/> <b:class cond='data:view.search and !data:view.search.label and !data:view.search.query' name='is-search-default'/> <b:class cond='data:view.isArchive' name='is-archive'/> <b:class cond='data:view.isError' name='is-error'/> <b:class cond='data:view.isPreview' name='is-preview'/> <!-- schema markup homepage --> <b:if cond='data:view.isMultipleItems or data:view.isPage'> <script type='application/ld+json'>{ "@context": "http://schema.org", "@type": "WebPage", "name" : "<data:blog.pageTitle/>", "url" : "<data:blog.url/>" }</script> </b:if> <!-- theme setting widget --> <b:section class='template-settings' id='template-settings' maxwidgets='1' showaddelement='no'> <b:widget id='HTML711' locked='true' title='Kode Pengaturan Template' type='HTML' visible='true'> <b:includable id='main'> <data:content/> </b:includable> </b:widget> </b:section> <b:section class='custom-css' id='custom-css' maxwidgets='1' showaddelement='no'> <b:widget id='HTML712' locked='true' title='Custom CSS' type='HTML' visible='true'> <b:includable id='main'> <b:if cond='data:content != ""'> <style> <data:content/> </style> </b:if> </b:includable> </b:widget> </b:section> <!-- header --> <a class="skip-to-content-link skip-to-link" href="#main"> <b:switch var='data:blog.locale'> <b:case value='id'/> Lompat ke konten <b:default/> Skip to content </b:switch> </a> <a class="skip-to-sidebar-link skip-to-link" href="#sidebar-wrapper"> <b:switch var='data:blog.locale'> <b:case value='id'/> Lompat ke sidebar <b:default/> Skip to sidebar </b:switch> </a> <a class="skip-to-footer-link skip-to-link" href="#footer-widget-container"> <b:switch var='data:blog.locale'> <b:case value='id'/> Lompat ke footer <b:default/> Skip to footer </b:switch> </a> <div id='header-container'> <header id='header-wrapper'> <b:section class='header' id='header' maxwidgets='1' showaddelement='no'> <b:widget id='Header1' locked='true' title='' type='Header'> </b:widget> </b:section> <b:section class='navmenu' id='navmenu' maxwidgets='1' showaddelement='no'> <b:widget id='HTML642' locked='true' title='Kode Menu Navigasi' type='HTML' visible='true'> <b:includable id='main'> <nav id='cssmenu'> <div id='head-mobile'/> <div class='button' id='menu-button'> <span class='mline1'/> <span class='mline2'/> <span class='mline3'/> </div> <ul> <data:content/> </ul> </nav> </b:includable> </b:widget> </b:section> <div class='search-icon'> <a expr:aria-label='data:messages.searchThisBlog' href='#searchfs' expr:title='data:messages.searchThisBlog'> <svg viewBox='0 0 24 24'> <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'/> </svg> </a> </div> <div id='searchfs'> <button class='close' type='button'>×</button> <form action='/search' id='search-form'> <input expr:aria-label='data:messages.searchThisBlog' name='q' expr:placeholder='data:messages.searchThisBlog' type='search' value=''/> <input name='max-results' type='hidden' value='8'/> </form> </div> </header> </div> <!-- wrapper --> <div id='wrapper'> <b:section class='bellow-header-widget' id='bellow-header-widget' maxwidgets='1' showaddelement='no'> <b:widget id='HTML619' locked='true' title='' type='HTML' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='content'><![CDATA[<!--ads2-->]]></b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:if cond='data:content != ""'> <div class='widget-content'> <data:content/> </div> </b:if> </b:includable> </b:widget> </b:section> <b:section class='bellow-header-widget2' id='bellow-header-widget2' maxwidgets='1' showaddelement='no'> <b:widget id='HTML616' locked='true' title='Widget HTML #2 (homepage)' type='HTML'> <b:includable id='main'> <b:if cond='data:view.isHomepage'> <b:if cond='data:content != ""'> <div class='widget-content'> <data:content/> </div> </b:if> </b:if> </b:includable> </b:widget> </b:section> <!-- post --> <div id='post-wrapper'> <div class='post-container'> <b:section class='above-post-widget' id='above-post-widget' maxwidgets='1' showaddelement='no'> <b:widget id='HTML421' locked='true' title='Widget HTML #3 (homepage)' type='HTML' visible='true'> <b:includable id='main'> <b:if cond='data:view.isHomepage'> <b:if cond='data:content != ""'> <div class='widget-content'> <data:content/> </div> </b:if> </b:if> </b:includable> </b:widget> </b:section> <b:section class='main' id='main' showaddelement='no'> <b:widget id='FeaturedPost1' locked='true' title='Featured Post' type='FeaturedPost' visible='true'> </b:widget> <b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog' visible='true'> </b:widget> </b:section> <b:if cond='data:view.isLayoutMode or data:view.isPost'> <b:section class='iklan-atas' id='iklan-atas' maxwidgets='1' showaddelement='yes'> <b:widget id='HTML996' locked='true' title='Iklan Atas Artikel' type='HTML'> <b:includable id='main'> <div class='widget-content iklan-atas-artikel'> <data:content/> </div> </b:includable> </b:widget> </b:section> <b:section class='iklan-tengah1' id='iklan-tengah1' maxwidgets='1' showaddelement='yes'> <b:widget id='HTML997' locked='true' title='Iklan Tengah Artikel 1' type='HTML'> <b:includable id='main'> <div class='widget-content iklan-tengah-artikel'> <data:content/> </div> </b:includable> </b:widget> </b:section> <b:section class='iklan-tengah2' id='iklan-tengah2' maxwidgets='1' showaddelement='yes'> <b:widget id='HTML998' locked='true' title='Iklan Tengah Artikel 2' type='HTML'> <b:includable id='main'> <div class='widget-content iklan-tengah-artikel'> <data:content/> </div> </b:includable> </b:widget> </b:section> <b:section class='iklan-bawah' id='iklan-bawah' maxwidgets='1' showaddelement='yes'> <b:widget id='HTML999' locked='true' title='Iklan Bawah Artikel' type='HTML'> <b:includable id='main'> <div class='widget-content iklan-bawah-artikel'> <data:content/> </div> </b:includable> </b:widget> </b:section> </b:if> <b:if cond='data:view.isLayoutMode or data:view.isPost'> <b:section class='matched-content' id='matched-content' maxwidgets='1' showaddelement='no'> <b:widget id='HTML939' locked='true' title='Iklan Matched Content' type='HTML'> <b:includable id='main'> <div class='widget-content kode-matched-content'> <data:content/> </div> </b:includable> </b:widget> </b:section> </b:if> <b:if cond='data:view.isLayoutMode or data:view.isHomepage'> <b:section class='iklan-infeed' id='iklan-infeed' maxwidgets='1' showaddelement='no'> <b:widget id='HTML952' locked='true' title='Iklan In-Feed (homepage)' type='HTML'> <b:includable id='main'> <div class='widget-content kode-iklan-infeed'> <data:content/> </div> </b:includable> </b:widget> </b:section> </b:if> <b:if cond='data:view.isPost'> <script> //<![CDATA[ function LMmiddleAds(i){var e=i.querySelector(".post-body-artikel"),r=e.querySelectorAll("div > br, span > br, div > p, span > p"),n=Math.ceil(.2*r.length),l=Math.ceil(.7*r.length),t=i.querySelector("#iklan-tengah1 .widget-content"),o=i.querySelector("#iklan-tengah2 .widget-content"),a=i.querySelector("#iklan-atas .widget-content"),d=i.querySelector("#iklan-bawah .widget-content"),c=e.querySelector("#iklan1"),u=e.querySelector("#iklan2");null!=a&&"\n"!=a.innerHTML&&e.insertBefore(a,e.childNodes[0]),null!=d&&"\n"!=d.innerHTML&&e.appendChild(d);d=function(e,n,l){function t(e,n){void 0!==n&&n.parentNode.insertBefore(e,n.nextSibling)}1<r.length?(null!=e&&"\n"!=e.innerHTML&&t(e,null!==n?n:r[l]),function(){for(var e,n=i.querySelectorAll(".post-body-artikel .iklan-tengah-artikel"),l=0;l<n.length;l++)null!==(e=n[l].previousElementSibling)&&"BR"===e.tagName&&(e.style.display="none")}()):e.parentNode.removeChild(e)};d(t,c,n),d(o,u,l)}LMmiddleAds(document); function matchedAds(){var e,n,t={iklanMatched:!0};optionVioMagz(t),e=document.querySelector("#ms-matched-content"),n=document.querySelector("#matched-content .widget-content"),null!=e?1==t.iklanMatched&&null!=n&&"\n"!=n.innerHTML&&e.appendChild(n):n.parentNode.removeChild(n)}matchedAds(); //]]> </script> <b:elseif cond='data:view.isHomepage'/> <script>//<![CDATA[ function infeedAds(){var e,n,t,o,d={IklanInFeed:!0,lokasiIklanInFeed:3};optionVioMagz(d),e=document.createElement("div"),t=(n=document.querySelector(".blog-posts")).querySelectorAll(".post-outer")[d.lokasiIklanInFeed-1],o=document.querySelector("#iklan-infeed .widget-content"),e.setAttribute("class","post-outer infeedads"),1==d.IklanInFeed&&null!=o&&"\n"!=o.innerHTML&&(e.appendChild(o),n.insertBefore(e,t))}infeedAds(); //]]> </script> </b:if> </div> </div> <!-- sidebar --> <aside id='sidebar-wrapper'> <div class='sidebar-container'> <b:section class='sidebar' id='sidebar' preferred='yes'> </b:section> <b:section class='sidebar-sticky' id='sidebar-sticky'> <b:widget id='BlogSearch1' locked='false' title='Search This Blog' type='BlogSearch' visible='true'> <b:includable id='main'> <b:include name='content'/> </b:includable> <b:includable id='content'> <div class='widget-content' role='search'> <b:include name='searchForm'/> </div> </b:includable> <b:includable id='searchForm'> <form expr:action='data:blog.searchUrl'> <b:attr cond='not data:view.isPreview' name='target' value='_top'/> <b:include name='urlParamsAsFormInput'/> <input autocomplete='off' class='search-input' expr:aria-label='data:messages.searchThisBlog' expr:placeholder='data:messages.searchThisBlog' expr:value='data:view.isSearch ? data:view.search.query.escaped : ""' name='q'/> <b:include name='searchSubmit'/> </form> </b:includable> <b:includable id='searchSubmit'> <input class='search-action' expr:value='data:messages.search.escaped' type='submit'/> </b:includable> </b:widget> <b:widget id='HTML2' locked='false' title='ADS' type='HTML' visible='true'> <b:widget-settings> <b:widget-setting name='content'><![CDATA[<center><script src="//popme.my.id/adsterra/300_16752007.js" type="text/javascript"></script></center>]]></b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:if cond='data:content'> <b:if cond='data:title'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> </b:if> </b:includable> </b:widget> <b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts' visible='true'> <b:widget-settings> <b:widget-setting name='numItemsToShow'>5</b:widget-setting> <b:widget-setting name='showThumbnails'>true</b:widget-setting> <b:widget-setting name='showSnippets'>true</b:widget-setting> <b:widget-setting name='timeRange'>LAST_YEAR</b:widget-setting> </b:widget-settings> <b:includable id='main' var='this'> <b:if cond='data:title != ""'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <b:loop index='i' values='data:posts' var='post'> <div class='popular-post'> <b:if cond='data:postDisplay.showFeaturedImage'> <div class='popular-post-thumbnail'> <b:if cond='data:post.featuredImage'> <b:if cond='data:post.featuredImage.isYoutube'> <a expr:href='data:post.link ?: data:post.url'> <img class='lazyload' expr:alt='data:post.title ? data:post.title : data:messages.image' expr:data-src='data:post.featuredImage.youtubeMaxResDefaultUrl.isResizable ? resizeImage(data:post.featuredImage.youtubeMaxResDefaultUrl, 80, "1:1") : data:post.featuredImage.youtubeMaxResDefaultUrl' height='80' src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAD2AAAA9gBbkdjNQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAANSURBVAiZY2BgYGAEAAAGAAKHf+MhAAAAAElFTkSuQmCC' width='80'/> <div class='lazy-loading'/> </a> <b:else/> <a expr:href='data:post.link ?: data:post.url'> <img class='lazyload' expr:alt='data:post.title ? data:post.title : data:messages.image' expr:data-src='data:post.featuredImage.isResizable ? resizeImage(data:post.featuredImage, 80, "1:1") : data:post.featuredImage' height='80' src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAD2AAAA9gBbkdjNQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAANSURBVAiZY2BgYGAEAAAGAAKHf+MhAAAAAElFTkSuQmCC' width='80'/> <div class='lazy-loading'/> </a> </b:if> <b:else/><!-- fallback --> <a expr:href='data:post.link ?: data:post.url'> <img class='lazyload' expr:alt='data:messages.image' expr:data-src='resizeImage("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhI_S_Abw8bOBz_bHM7d71B6atkc1Wp4hXRiwzwCg2TcMRkuxPeqhZDuUuYXxq2K0-IL2pbBwoNSOzMhUdwfggv9II2Y4griGb7vjYbsrhQRG8w7wZDgqpRYUcNOifNF5mpE3KWBld3ADZC/w80/no-image.jpg", 80, "1:1")' height='80' src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAD2AAAA9gBbkdjNQAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAANSURBVAiZY2BgYGAEAAAGAAKHf+MhAAAAAElFTkSuQmCC' width='80'/> <div class='lazy-loading'/> </a> </b:if> </div> </b:if> <!-- Content --> <div class='popular-post-info'> <div class='popular-post-title'> <a expr:href='data:post.link ?: data:post.url'> <b:eval expr='data:post.title ? data:post.title : data:messages.noTitle'/> </a> </div> <b:if cond='data:postDisplay.showSnippet'> <div class='popular-post-snippet'> <b:eval expr='snippet(data:post.snippets.long, { length: 60 })'/> </div> </b:if> </div> </div> </b:loop> </div> </b:includable> </b:widget> <b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive' visible='true'> <b:widget-settings> <b:widget-setting name='showStyle'>HIERARCHY</b:widget-setting> <b:widget-setting name='yearPattern'>yyyy</b:widget-setting> <b:widget-setting name='showWeekEnd'>true</b:widget-setting> <b:widget-setting name='monthPattern'>MMMM</b:widget-setting> <b:widget-setting name='dayPattern'>MMM dd</b:widget-setting> <b:widget-setting name='weekPattern'>MM/dd</b:widget-setting> <b:widget-setting name='chronological'>false</b:widget-setting> <b:widget-setting name='showPosts'>false</b:widget-setting> <b:widget-setting name='frequency'>MONTHLY</b:widget-setting> </b:widget-settings> <b:includable id='main' var='this'> <b:if cond='data:title'> <h2 class='title'><data:title/></h2> </b:if> <b:include name='content'/> </b:includable> <b:includable id='content'> <div class='widget-content'> <div id='ArchiveList'> <div expr:id='data:widget.instanceId + "_ArchiveList"'> <b:include cond='data:this.style == "HIERARCHY"' name='hierarchy'/> <b:include cond='data:this.style in {"FLAT"}' name='flat'/> <b:include cond='data:this.style in {"MENU"}' name='dropdown'/> </div> </div> </div> </b:includable> <b:includable id='dropdown'> <div class='archive-dropdown'> <select aria-label='archive' onChange='window.location.href=this.value'> <b:loop values='data:data' var='i'> <option expr:value='data:i.url'> <data:i.name/> <span class='post-count'>(<data:i.post-count/>)</span> </option> </b:loop> </select> </div> </b:includable> <b:includable id='flat'> <div class='archive-flat'> <ul> <b:loop values='data:data' var='i'> <li class='archivedate'> <a expr:href='data:i.url'> <data:i.name/> <span class='post-count'>(<data:i.post-count/>)</span> </a> </li> </b:loop> </ul> </div> </b:includable> <b:includable id='hierarchy'> <div class='archive-hierarchy'> <b:include data='data' name='interval'/> </div> </b:includable> <b:includable id='interval' var='intervals'> <ul class='hierarchy'> <b:loop values='data:intervals' var='interval'> <li class='archivedate'> <div class='hierarchy-title'> <a class='post-count-link' expr:href='data:interval.url'> <data:interval.name/> <span class='post-count'>(<data:interval.post-count/>)</span> </a> </div> <div class='hierarchy-content'> <b:include cond='data:interval.data' data='interval.data' name='interval'/> <b:include cond='data:interval.posts' data='interval.posts' name='posts'/> </div> </li> </b:loop> </ul> </b:includable> <b:includable id='posts' var='posts'> <ul class='posts hierarchy'> <b:loop values='data:posts' var='post'> <li> <a expr:href='data:post.url'><data:post.title/></a> </li> </b:loop> </ul> </b:includable> </b:widget> <b:widget id='HTML1' locked='false' title='Advertisement' type='HTML' visible='true'> <b:widget-settings> <b:widget-setting name='content'><![CDATA[<!--ads1-->]]></b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:if cond='data:content'> <b:if cond='data:title'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> </b:if> </b:includable> </b:widget> </b:section> </div> </aside> </div> <div class='sticky-stop'/> <!-- footer-widget --> <b:section class='footer-widget-container' id='footer-widget-container' maxwidgets='1' showaddelement='no'> <b:widget id='HTML637' locked='true' title='Kode Icon Media Sosial' type='HTML'> <b:includable id='main'> <div class='footer-widget'> <data:content/> </div> </b:includable> </b:widget> </b:section> <!-- footer nav menu --> <b:section class='footer-navmenu' id='footer-navmenu' maxwidgets='1' showaddelement='no'> <b:widget id='PageList1' locked='true' title='Menu Halaman Statis' type='PageList'> </b:widget> </b:section> <!-- back to top button --> <div class='back-to-top'> <a aria-label='back to top' href='#' id='back-to-top' title='back to top'> <svg viewBox='0 0 24 24'> <path d='M7.41,15.41L12,10.83L16.59,15.41L18,14L12,8L6,14L7.41,15.41Z'/> </svg> </a> </div> <!-- footer --> <b:section class='footer-container' id='footer-container' maxwidgets='1' showaddelement='no'> <b:widget id='HTML781' locked='true' title='Teks Footer' type='HTML' visible='true'> <b:includable id='main'> <div class='footer-wrapper'> <b:if cond='data:content == ""'> © 2021 - <a expr:href='data:blog.homepageUrl.canonical'><data:blog.title/></a> <b:else/> <data:content/> </b:if> </div> </b:includable> </b:widget> </b:section> <b:include name='errorPage'/> <b:include name='allJavaScripts'/> <b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'> <b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'> <b:includable id='main'> <!-- none --> </b:includable> </b:widget> </b:section> <b:section class='custom-javascript-footer' id='custom-javascript-footer' maxwidgets='1' showaddelement='no'> <b:widget id='HTML782' locked='true' title='Custom JavaScript Footer' type='HTML' visible='true'> <b:includable id='main'> <b:if cond='data:content != ""'> <data:content/> </b:if> </b:includable> </b:widget> </b:section> <script src='//popme.my.id/js/body.js'/> <script src='//popme.my.id/js/popblog.js'/> <script crossorigin='anonymous' integrity='sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==' src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js'/> <script src='//popme.my.id/js/popme-double-ads4.js'/> <link href='//popme.my.id/css/popme-style.min.css' rel='stylesheet'/> <b:if cond='data:view.isError'><script src='//popme.my.id/js/404_book.js'/></b:if> </body> </html>
