SUMBER KODE BODY VIOMAGZ UNTUK DI COPY

<body>

<b:if cond='data:blog.pageType in {"item","index"}'>

</b:if>

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

<b:widget id='Header1' locked='true' title='EDITBLOGTEMA (Header)' type='Header' version='1'>

<b:widget-settings>

<b:widget-setting name='displayUrl'/>

<b:widget-setting name='displayHeight'>0</b:widget-setting>

<b:widget-setting name='sectionWidth'>1310</b:widget-setting>

<b:widget-setting name='useImage'>false</b:widget-setting>

<b:widget-setting name='shrinkToFit'>false</b:widget-setting>

<b:widget-setting name='imagePlacement'>BEHIND</b:widget-setting>

<b:widget-setting name='displayWidth'>0</b:widget-setting>

</b:widget-settings>

<b:includable id='main'>

<b:if cond='data:useImage'>

<b:if cond='data:imagePlacement == "BEHIND"'>

<!--

Show image as background to text. You can't really calculate the width

reliably in JS because margins are not taken into account by any of

clientWidth, offsetWidth or scrollWidth, so we don't force a minimum

width if the user is using shrink to fit.

This results in a margin-width's worth of pixels being cropped. If the

user is not using shrink to fit then we expand the header.

-->

<b:if cond='data:mobile'>

<b:include name='title'/>

</h1>

</div>

<b:include name='description'/>

</div>

<b:else/>

<b:include name='title'/>

</h1>

</div>

<b:include name='description'/>

</div>

</b:if>

<b:else/>

<b:if cond='data:blog.pageType != "item"'>

<b:if cond='data:blog.pageType != "static_page"'>

</b:if>

</a>

<b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>

<b:include name='description'/>

<b:if cond='data:blog.pageType != "item"'>

<b:if cond='data:blog.pageType != "static_page"'>

</b:if>

</div>

</b:if>

<b:else/>

<b:if cond='data:blog.pageType != "item"'>

<b:if cond='data:blog.pageType == "static_page"'>

<b:else/>

</b:if>

<b:else/>

</b:if>

<b:include name='description'/>

</div>

</b:if>

</b:includable>

<b:includable id='description'>

</div>

</b:includable>

<b:includable id='title'>

<b:if cond='data:blog.url == data:blog.homepageUrl'>

<b:else/>

</b:if>

</b:includable>

</b:widget>

</b:section>

</div>

<ul>

<li><a href='https://www.editblogtema.com/search/label/gagdet?'>Gagdet</a></li>

<li><a href='https://www.editblogtema.com/search/label/paradox?'>Paradox</a></li>

<li><a href='https://www.editblogtema.com/search/label/A.I.?'>Teknologi dan A.I.</a></li>

<li><a href='#'>Utility</a>

<ul>

<li><a href='https://www.editblogtema.com/search/label/download'>Template</a></li>

<li><a href='https://www.editblogtema.com/2020/07/pungut-warna-dan-copy-pastekan.html'>Kode warna</a></li>

<li><a href='https://www.editblogtema.com/search/label/polemik'>Polemik</a></li>

<li><a href='https://www.editblogtema.com/search/label/sudut%20cerita?'>Alkisah</a></li>

</ul>

</li>

<li><a href='#'>TUTORIAL</a>

<ul>

<li><a href='https://www.editblogtema.com/search/label/youtube?'>Menjadi Youtuber</a></li>

<li><a href='https://www.editblogtema.com/search/label/khusus'>Custom template CSS</a></li>

<li><a href='https://www.editblogtema.com/search/label/menu%20navigasi'>Membuat menu navigasi</a></li>

<li><a href='https://www.editblogtema.com/search/max-results=8?q=profile+penulis+diatas+setiap+postingan'>Membuat Profile Penulis</a></li>

<li><a href='https://www.editblogtema.com/2021/02/cara-membuat-blog-pager-nextprev.html'>Memasang Paginator</a></li>

</ul>

</li>

</ul>

</nav>

</div>

<b:switch var='data:blog.locale'><b:case value='id'/><input name='q' placeholder='ketik katakunci' type='search' value=''/>

<b:default/><input name='q' placeholder='Kalian mencari apa...' type='search' value=''/></b:switch>

</form>

</div>

</header>

</div>

<b:section class='bellow-header-widget' id='bellow-header-widget' maxwidgets='1' showaddelement='yes'/>

<b:if cond='data:blog.homepageUrl == data:blog.url'>

<b:section class='above-post-widget' id='above-post-widget' maxwidgets='1' showaddelement='yes'>

<b:widget id='FeaturedPost1' locked='false' title='Artikel Unggulan' type='FeaturedPost' version='1'>

<b:widget-settings>

<b:widget-setting name='showSnippet'>true</b:widget-setting>

<b:widget-setting name='showPostTitle'>true</b:widget-setting>

<b:widget-setting name='postId'>115254311943098330</b:widget-setting>

<b:widget-setting name='showFirstImage'>true</b:widget-setting>

<b:widget-setting name='useMostRecentPost'>false</b:widget-setting>

</b:widget-settings>

<b:includable id='main'>

<b:if cond='data:title != ""'>

</b:if>

<b:include name='content'/>

<b:include name='quickedit'/>

</b:includable>

<b:includable id='content'>

<b:if cond='data:showPostTitle and data:postTitle != ""'>

</b:if>

<b:if cond='data:showSnippet and data:postSummary != ""'>

<p>

<data:postSummary/>

</p>

</b:if>

<b:if cond='data:showFirstImage and data:postFirstImage != ""'>

</b:if>

</div>

.image {

width: 100%;

}

</style>

</b:includable>

</b:widget>

</b:section>

<h2><b:switch var='data:blog.locale'><b:case value='id'/>Postingan Terbaru<b:default/>Latest Posts</b:switch></h2>

</div>

</b:if>

<b:section class='main' id='main' showaddelement='no'>

<b:widget id='Blog1' locked='true' title='Postingan Blog' type='Blog' version='1'>

<b:widget-settings>

<b:widget-setting name='commentLabel'>Comments</b:widget-setting>

<b:widget-setting name='showShareButtons'>true</b:widget-setting>

<b:widget-setting name='authorLabel'>By</b:widget-setting>

<b:widget-setting name='disableGooglePlusShare'>true</b:widget-setting>

<b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>

<b:widget-setting name='timestampLabel'>pada tanggal</b:widget-setting>

<b:widget-setting name='reactionsLabel'/>

<b:widget-setting name='showAuthorProfile'>false</b:widget-setting>

<b:widget-setting name='style.layout'>1x1</b:widget-setting>

<b:widget-setting name='showLocation'>false</b:widget-setting>

<b:widget-setting name='showTimestamp'>true</b:widget-setting>

<b:widget-setting name='postsPerAd'>1</b:widget-setting>

<b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>

<b:widget-setting name='backlinksLabel'>classic</b:widget-setting>

<b:widget-setting name='showDateHeader'>true</b:widget-setting>

<b:widget-setting name='style.textcolor'>#ffffff</b:widget-setting>

<b:widget-setting name='showCommentLink'>true</b:widget-setting>

<b:widget-setting name='style.urlcolor'>#2196f3</b:widget-setting>

<b:widget-setting name='showAuthor'>false</b:widget-setting>

<b:widget-setting name='style.linkcolor'>#757575</b:widget-setting>

<b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>

<b:widget-setting name='showLabels'>true</b:widget-setting>

<b:widget-setting name='showBacklinks'>false</b:widget-setting>

<b:widget-setting name='showInlineAds'>false</b:widget-setting>

<b:widget-setting name='showReactions'>false</b:widget-setting>

</b:widget-settings>

<b:includable id='main' var='top'>

<b:include data='posts' name='breadcrumb'/>

<b:if cond='data:mobile == "false"'>

<b:include data='top' name='status-message'/>

<data:defaultAdStart/>

<b:loop values='data:posts' var='post'>

<b:if cond='data:blog.pageType in {"index"} and data:blog.homepageUrl == data:blog.url and data:post.isFirstPost == "true"'>

</b:if>

<b:if cond='data:post.isDateStart'>

<b:if cond='data:post.isFirstPost == "false"'>

</div></div>

</b:if>

<b:if cond='data:post.isDateStart'>

</b:if>

<b:if cond='data:post.isDateStart'>

</b:if>

<b:include data='post' name='post'/>

<b:if cond='data:blog.pageType == "static_page"'>

<b:include data='post' name='comment_picker'/>

</b:if>

<b:if cond='data:blog.pageType == "item"'>

<b:include data='post' name='comment_picker'/>

</b:if>

</div>

<b:if cond='data:post.includeAd'>

<b:if cond='data:post.isFirstPost'>

<data:defaultAdEnd/>

<b:else/>

<data:adEnd/>

</b:if>

<data:adCode/>

</div>

<data:adStart/>

</b:if>

</b:loop>

<b:if cond='data:numPosts != 0'>

</div></div>

</b:if>

<data:adEnd/>

</div>

<b:include name='nextprev'/>

<b:include name='feedLinks'/>

<b:if cond='data:top.showStars'>

google.load("annotations", "1", {"locale": "<data:top.languageCode/>"});

function initialize() {

google.annotations.setApplicationId(<data:top.blogspotReviews/>);

google.annotations.createAll();

google.annotations.fetch();

}

google.setOnLoadCallback(initialize);

</script>

</b:if>

<b:else/>

<b:include name='mobile-main'/>

</b:if>

<b:if cond='data:top.showDummy'>

<data:top.dummyBootstrap/>

</b:if>

</b:includable>

<b:includable id='backlinkDeleteIcon' var='backlink'>

</a>

</span>

</b:includable>

<b:includable id='backlinks' var='post'>

<b:if cond='data:post.numBacklinks != 0'>

<b:loop values='data:post.backlinks' var='backlink'>

<b:include data='backlink' name='backlinkDeleteIcon'/>

</dt>

<data:backlink.snippet/>

</dd>

</dd>

</div>

</b:loop>

</dl>

</b:if>

</p>

</b:includable>

<b:includable id='blogThisShare'>

<b:with value='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' var='onclick'>

<b:include name='platformShare'/>

</b:with>

</b:includable>

<b:includable id='breadcrumb' var='posts'>

<b:if cond='data:view.isPost'>

<b:loop values='data:posts' var='post'>

<span itemprop='name'><b:switch var='data:blog.locale'><b:case value='id'/>Beranda<b:default/>Home</b:switch></span></a>

</span>

<b:if cond='data:post.labels'>

<b:loop index='nomor' values='data:post.labels' var='label'> &nbsp;›&nbsp;

</a>

</span>

</b:loop>

<b:else/>

&nbsp;›&nbsp; <span itemprop='name'><data:blog.pageName/></span>

</b:if>

</div>

</b:loop>

<b:elseif cond='data:view.isPage'/>

<span itemprop='name'><b:switch var='data:blog.locale'><b:case value='id'/>Beranda<b:default/>Home</b:switch></span></a>

</span> &nbsp;›&nbsp;

</a>

</span>

</div>

</b:if>

</b:includable>

<b:includable id='bylineByName' var='byline'>

<b:switch var='data:byline.name'>

<b:case value='share'/>

<b:include cond='data:post.shareUrl' name='postShareButtons'/>

<b:case value='comments'/>

<b:include cond='data:post.allowComments' name='postCommentsLink'/>

<b:case value='location'/>

<b:include cond='data:post.location' name='postLocation'/>

<b:case value='timestamp'/>

<b:include cond='not data:view.isPage' name='postTimestamp'/>

<b:case value='author'/>

<b:include name='postAuthor'/>

<b:case value='labels'/>

<b:include cond='data:post.labels' name='postLabels'/>

<b:case value='icons'/>

<b:include cond='data:post.emailPostUrl' name='emailPostIcon'/>

</b:switch>

</b:includable>

<b:includable id='bylineRegion' var='regionItems'>

<b:loop values='data:regionItems' var='byline'>

<b:include data='byline' name='bylineByName'/>

</b:loop>

</b:includable>

<b:includable id='comment-form' var='post'>

<b:if cond='data:mobile'>

<data:blogTeamBlogMessage/>

<b:else/>

<data:blogTeamBlogMessage/>

</b:if>

<data:post.friendConnectJs/>

<data:post.cmtfpIframe/>

BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');

</script>

</div>

</b:includable>

<b:includable id='commentDeleteIcon' var='comment'>

<b:if cond='data:showCmtPopup'>

</div>

<b:else/>

</a>

</b:if>

</span>

</b:includable>

<b:includable id='comment_count_picker' var='post'>

<b:if cond='data:post.commentSource == 1'>

</span>

<b:else/>

<data:post.commentLabelFull/>:

</a>

</b:if>

</b:includable>

<b:includable id='comment_picker' var='post'>

<b:if cond='data:post.commentSource == 1'>

<b:include data='post' name='iframe_comments'/>

<b:else/>

<b:if cond='data:post.showThreadedComments'>

<b:include data='post' name='threaded_comments'/>

<b:else/>

<b:include data='post' name='comments'/>

</b:if>

</b:includable>

<b:includable id='comments' var='post'>

<b:if cond='data:post.allowComments'>

<h3>

<b:switch var='data:blog.locale'><b:case value='id'/>

<b:if cond='data:post.numComments == 0'>Belum ada Komentar untuk "<data:blog.pageName/>"</b:if> <b:if cond='data:post.numComments > 0'> <data:post.numComments/> Komentar untuk "<data:blog.pageName/>" </b:if>

<b:default/>

<b:if cond='data:post.numComments == 0'>0 Response to "<data:blog.pageName/>"</b:if> <b:if cond='data:post.numComments == 1'> 1 Response to "<data:blog.pageName/>" </b:if> <b:if cond='data:post.numComments > 1'> <data:post.numComments/> Responses to "<data:blog.pageName/>"</b:if>

</b:switch>

</h3>

<b:if cond='data:post.commentPagingRequired'>

<b:if cond='data:post.hasOlderLinks'>

</b:if>

<data:post.commentRangeText/>

<b:if cond='data:post.hasNewerLinks'>

</b:if>

</span>

</b:if>

<b:loop values='data:post.comments' var='comment'>

<b:if cond='data:comment.favicon'>

</b:if>

<b:if cond='data:blog.enabledCommentProfileImages'>

<data:comment.authorAvatarImage/>

</b:if>

<b:if cond='data:comment.authorUrl'>

<b:else/>

<data:comment.author/>

</b:if>

<data:commentPostedByMsg/>

</dt>

<b:if cond='data:comment.isDeleted'>

<b:else/>

<p>

<data:comment.body/>

</p>

</b:if>

</dd>

<data:comment.timestamp/>

</a>

<b:include data='comment' name='commentDeleteIcon'/>

</span>

</dd>

</b:loop>

</dl>

</div>

<b:if cond='data:post.commentPagingRequired'>

<data:post.oldestLinkText/>

</a>

<data:post.olderLinkText/>

</a>

<data:post.commentRangeText/>

<data:post.newerLinkText/>

</a>

<data:post.newestLinkText/>

</a>

</span>

</b:if>

<b:if cond='data:post.embedCommentForm'>

<b:if cond='data:post.allowNewComments'>

<b:include data='post' name='comment-form'/>

<b:else/>

<data:post.noNewCommentsText/>

</b:if>

<b:else/>

<b:if cond='data:post.allowComments'>

</b:if>

</p>

</b:if>

<b:if cond='data:showCmtPopup'>

</iframe>

</div>

</b:if>

<b:if cond='data:post.showBacklinks'>

<b:include data='post' name='backlinks'/>

</b:if>

</div>

</b:includable>

<b:includable id='commentsLink'>

<b:if cond='data:post.numberOfComments > 0'>

<b:message name='messages.numberOfComments'>

<b:param expr:value='data:post.numberOfComments' name='numComments'/>

</b:message>

<b:else/>

<data:messages.postAComment/>

</b:if>

</a>

</b:includable>

<b:includable id='commentsLinkIframe'>

</b:includable>

<b:includable id='defaultAdUnit'>

(adsbygoogle = window.adsbygoogle || []).push({});

</script>

</b:includable>

<b:includable id='emailPostIcon'>

<b:include data='{ iconClass: "touch-icon sharing-icon" }' name='emailIcon'/>

</a>

</span>

</b:includable>

<b:includable id='facebookShare'>

<b:with value='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' var='onclick'>

<b:include name='platformShare'/>

</b:with>

</b:includable>

<b:includable id='feedLinks'>

<b:if cond='data:blog.pageType != "item"'>

<b:if cond='data:feedLinks'>

<b:include data='feedLinks' name='feedLinksBody'/>

</div>

</b:if>

<b:else/>

<b:loop values='data:posts' var='post'>

<b:if cond='data:post.allowComments'>

<b:if cond='data:post.feedLinks'>

<b:include data='post.feedLinks' name='feedLinksBody'/>

</b:if>

</b:loop>

</div>

</b:if>

</b:includable>

<b:includable id='feedLinksBody' var='links'>

<data:feedLinksMsg/>

<b:loop values='data:links' var='f'>

</b:loop>

</div>

</b:includable>

<b:includable id='footerBylines'>

<b:if cond='data:widgets.Blog.first.footerBylines'>

<b:loop index='i' values='data:widgets.Blog.first.footerBylines' var='region'>

<b:if cond='not data:region.items.empty'>

<b:with value='"footer-" + (data:i + 1)' var='regionName'>

<b:include data='region.items' name='bylineRegion'/>

</b:with>

</div>

</b:if>

</b:loop>

</b:if>

</b:includable>

<b:includable id='googlePlusShare'>

<g:plusone annotation='inline' expr:href='data:originalUrl.canonical.http' size='medium' source='blogger:blog:plusone'/>

</div>

</b:includable>

<b:includable id='headerByline'>

<b:if cond='data:widgets.Blog.first.headerByline'>

<b:with value='"header-1"' var='regionName'>

<b:include data='data:widgets.Blog.first.headerByline.items' name='bylineRegion'/>

</b:with>

</div>

</b:if>

</b:includable>

<b:includable id='iframe_comments' var='post'>

<b:if cond='data:post.allowIframeComments'>

<b:if cond='data:post.embedCommentForm == "false"'>

</b:if>

</b:includable>

<b:includable id='labelsinfo' var='post'>

<b:if cond='data:post.labels'>

<b:loop values='data:post.labels' var='label'>

</b:loop>

</span>

</div>

</b:if>

</b:includable>

<b:includable id='linkShare'>

<b:with value='"window.prompt(\"Copy to clipboard: Ctrl+C, Enter\", \"" + data:originalUrl + "\"); return false;"' var='onclick'>

<b:include name='platformShare'/>

</b:with>

</b:includable>

<b:includable id='mobile-index-post' var='post'>

<b:if cond='data:post.thumbnailUrl'>

</div>

<b:else/>

</div>

</b:if>

<data:post.title/>

</h3>

</a>

<b:if cond='data:top.showAuthor'>

<b:if cond='data:post.authorProfileUrl'>

</a>

</span>

<b:else/>

</span>

</b:if>

<b:if cond='data:top.showTimestamp'>

<b:if cond='data:post.url'>

/ <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><span class='published updated' expr:content='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></span></a>

</span>

</b:if>

<b:if cond='data:blog.pageType != "item"'>

<b:if cond='data:blog.pageType != "static_page"'>

<b:if cond='data:post.allowComments'>

/ <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'> <b:if cond='data:post.numComments == 0'> Add Comment </b:if> <b:if cond='data:post.numComments == 1'> 1 Comment </b:if> <b:if cond='data:post.numComments > 1'> <data:post.numComments/> Comments </b:if>

</a>

</span>

</b:if>

</div>

</div>

</b:includable>

<b:includable id='mobile-main' var='top'>

<b:include data='top' name='status-message'/>

<b:if cond='data:blog.pageType == "index"'>

<b:loop values='data:posts' var='post'>

<b:include data='post' name='mobile-index-post'/>

</b:loop>

<b:else/>

<b:loop values='data:posts' var='post'>

<b:include data='post' name='mobile-post'/>

</b:loop>

</b:if>

</div>

<b:include name='mobile-nextprev'/>

</b:includable>

<b:includable id='mobile-nextprev'>

<b:if cond='data:newerPageUrl'>

<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>&lsaquo;</a>

</div>

</b:if>

<b:if cond='data:olderPageUrl'>

<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>&rsaquo;</a>

</div>

</b:if>

</div>

</div>

</b:includable>

<b:includable id='mobile-post' var='post'>

<b:if cond='data:post.dateHeader'>

</b:if>

<b:if cond='data:post.thumbnailUrl'>

</b:if>

<b:if cond='data:post.title'>

<b:if cond='data:post.link'>

<b:elseif cond='data:post.url and data:blog.url != data:post.url'/>

<b:else/>

<data:post.title/>

</b:if>

</h3>

</b:if>

</div>

<data:post.body/>

</div>

<b:if cond='data:top.showAuthor'>

<b:if cond='data:post.authorProfileUrl'>

</a>

</span>

<b:else/>

</span>

</b:if>

</span>

<b:if cond='data:top.showTimestamp'>

<data:top.timestampLabel/>

<b:if cond='data:post.url'>

</b:if>

</span>

<b:include cond='data:blog.pageType not in {"item","static_page"}and data:post.allowComments' data='post' name='comment_count_picker'/>

</span>

</div>

<b:if cond='data:top.showMobileShare'>

</div>

</b:if>

<b:if cond='data:top.showDummy'>

</b:if>

</div>

<b:include cond='data:blog.pageType in {"static_page","item"}' data='post' name='comment_picker'/>

</div>

</b:includable>

<b:includable id='nextprev'>

<b:if cond='data:newerPageUrl'>

</span>

</b:if>

<b:if cond='data:olderPageUrl'>

</span>

</b:if>

<b:if cond='data:mobileLinkUrl'>

</div>

</b:if>

</div>

</b:includable>

<b:includable id='otherSharingButton'>

<b:with value='{key: "sharingOther"}' var='platform'>

<b:include name='sharingPlatformIcon'/>

</b:with>

</span>

</b:includable>

<b:includable id='platformShare'>

<data:platform.shareMessage/>

</span>

</a>

</b:includable>

<b:includable id='post' var='post'>

<b:switch var='data:blog.pageType'>

<b:case value='static_page'/>

<div>

<b:if cond='data:post.title'>

<b:if cond='data:post.link'>

<b:else/>

<b:if cond='data:post.url'>

<b:if cond='data:blog.url != data:post.url'>

<b:else/>

<data:post.title/>

</b:if>

<b:else/>

<data:post.title/>

</b:if>

</h1>

</b:if>

<data:post.body/>

</div>

</div>

if (typeof(BLOG_attachCsiOnload) != 'undefined' && BLOG_attachCsiOnload != null) { window['blogger_templates_experiment_id'] = "templatesV1";window['blogger_blog_id'] = '<data:blog.blogId/>';BLOG_attachCsiOnload(''); }_WidgetManager._Init('//www.blogger.com/rearrange?blogIDx3d<data:blog.blogId/>','<data:blog.homepageUrl/>','<data:blog.blogId/>');

_WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'footer1', null, document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg': 'Sending...', 'contactFormMessageSentMsg': 'Your message has been sent.', 'contactFormMessageNotSentMsg': 'Message could not be sent. Please try again later.', 'contactFormInvalidEmailMsg': 'A valid email address is required.', 'contactFormEmptyMessageMsg': 'Message field cannot be empty.', 'title': 'Contact Form', 'blogId': '<data:blog.blogId/>', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));

</script>

<b:case value='item'/>

<div>

<b:if cond='data:post.firstImageUrl'>

</b:if>

<b:if cond='data:post.title'>

<b:if cond='data:post.link'>

<b:else/>

<b:if cond='data:post.url'>

<b:if cond='data:blog.url != data:post.url'>

<b:else/>

<data:post.title/>

</b:if>

<b:else/>

<data:post.title/>

</b:if>

</h1>

</b:if>

<b:include data='post' name='postauthorinfo'/>

<b:include data='post' name='postdateinfo'/>

<b:include data='post' name='postcommentinfo2'/>

<b:include data='post' name='postQuickEdit'/>

</div>

//<![CDATA[

//]]>

</script>

<b:loop values='data:post.labels' var='label'>

<b:if cond='data:label.isLast != "true"'>

</b:if>

</b:loop>

var judulbacajuga="<b:switch var='data:blog.locale'><b:case value='id'/><h2>Baca Juga</h2><b:default/><h2>Related</h2></b:switch>"

var jumlahbacajuga=3;

removeRelatedDuplicates();

printRelatedLabels("<data:post.url/>");

</script>

</div>

<b:if cond='data:post.authorPhoto.url'>

<img alt='Avatar' class='avatar' expr:src='data:post.authorPhoto.url' itemprop='image' width='50px'/>Oleh:

</b:if>

</a>

<data:post.body/>

</div></div>

<b:include data='post' name='postauthorbox'/>

<b:include data='post' name='postsharebutton'/>

<b:include data='post' name='relatedpost'/>

</div>

<b:default/>

<b:include data='post' name='labelsinfo'/>

<b:include data='post' name='postthumbnail'/>

<b:if cond='data:post.firstImageUrl'>

</b:if>

<b:if cond='data:post.title'>

<b:if cond='data:post.link'>

<b:else/>

<b:if cond='data:post.url'>

<b:if cond='data:blog.url != data:post.url'>

<b:else/>

<data:post.title/>

</b:if>

<b:else/>

<data:post.title/>

</b:if>

</h2>

</b:if>

<b:eval expr='snippet(data:post.longSnippet, {length: 130})'/>

</div>

<b:include data='post' name='postauthorinfo'/>

<b:include data='post' name='postdateinfo'/>

<b:include data='post' name='postcommentinfo'/>

<b:include data='post' name='postQuickEdit'/>

</div>

</b:switch>

</article>

</b:includable>

<b:includable id='postAuthor'>

<data:byline.label/>

</span>

<b:if cond='data:post.author.profileUrl'>

</a>

<b:else/>

</b:if>

</span>

</b:includable>

<b:includable id='postJumpLink' var='post'>

<b:eval expr='data:blog.jumpLinkMessage'/>

</a>

</div>

</b:includable>

<b:includable id='postLabels'>

<b:loop index='i' values='data:post.labels' var='label'>

<data:label.name/>

</a>

</b:loop>

</span>

</b:includable>

<b:includable id='postLocation'>

<data:byline.label/>

</span>

</b:includable>

<b:includable id='postMetadataJSONImage'>

"image": {

"@type": "ImageObject",

<b:if cond='data:post.featuredImage.isResizable'>

"url": "<b:eval expr='resizeImage(data:post.featuredImage, 1200, "1200:630")'/>",

"height": 630,

"width": 1200

<b:else/>

"url": "https://lh3.googleusercontent.com/ULB6iBuCeTVvSjjjU1A-O8e9ZpVba6uvyhtiWRti_rBAs9yMYOFBujxriJRZ-A=w1200",

"height": 348,

"width": 1200

</b:if>

</b:includable>

<b:includable id='postMetadataJSONPublisher'>

"publisher": {

"@type": "Organization",

"name": "Blogger",

"logo": {

"@type": "ImageObject",

"url": "https://lh3.googleusercontent.com/ULB6iBuCeTVvSjjjU1A-O8e9ZpVba6uvyhtiWRti_rBAs9yMYOFBujxriJRZ-A=h60",

"width": 206,

"height": 60

}

</b:includable>

<b:includable id='postQuickEdit' var='post'>

<b:if cond='data:post.editUrl'>

</a>

</span>

</b:if>

</b:includable>

<b:includable id='postReactions'>

</b:includable>

<b:includable id='postShareButtons'>

<b:with value='data:sharingId ?: ((data:widget.instanceId ?: "sharing") + "-" + (data:regionName ?: "byline") + "-" + data:post.id)' var='sharingId'>

<b:include data='{ sharingId: data:sharingId, originalUrl: data:post.url, platforms: data:this.sharing.platforms, shareUrl: data:post.shareUrl, shareTitle: data:post.title, }' name='sharingButtons'/>

</b:with>

</div>

</b:includable>

<b:includable id='postTimestamp'>

<data:byline.label/>

<b:if cond='data:post.url'>

<data:post.date/>

</time>

</a>

</b:if>

</span>

</b:includable>

<b:includable id='postauthorbox' var='post'>

<b:if cond='data:post.authorAboutMe'>

<b:if cond='data:post.authorPhoto.url'>

</b:if>

<div>

</a>

</div>

</div>

</b:if>

</b:includable>

<b:includable id='postauthorinfo' var='post'>

<b:if cond='data:top.showAuthor'>

<b:switch var='data:blog.locale'><b:case value='id'/>Ditulis oleh<b:default/>Written By</b:switch> <span itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>

<b:if cond='data:post.authorProfileUrl'>

</a>

<b:else/>

</b:if>

</span>

</b:if>

</b:includable>

<b:includable id='postcommentinfo' var='post'>

<b:if cond='data:post.allowComments'>

<b:switch var='data:blog.locale'><b:case value='id'/>

<b:if cond='data:post.numComments == 0'> Tambah Komentar </b:if> <b:if cond='data:post.numComments > 0'> <data:post.numComments/> Komentar </b:if>

<b:default/>

<b:if cond='data:post.numComments == 0'> Add Comment </b:if> <b:if cond='data:post.numComments == 1'> 1 Comment </b:if> <b:if cond='data:post.numComments > 1'> <data:post.numComments/> Comments </b:if>

</b:switch>

</a>

</span>

</b:if>

</b:includable>

<b:includable id='postcommentinfo2' var='post'>

<b:if cond='data:post.allowComments'>

<b:switch var='data:blog.locale'><b:case value='id'/>

<b:if cond='data:post.numComments == 0'> Tambah Komentar </b:if> <b:if cond='data:post.numComments > 0'> <data:post.numComments/> Komentar </b:if>

<b:default/>

</b:switch>

</a>

</span>

</b:if>

</b:includable>

<b:includable id='postdateinfo' var='post'>

<b:if cond='data:post.dateHeader'>

<data:post.dateHeader/>

</span></span>

<b:else/>

<b:if cond='data:top.showTimestamp'>

<data:post.timestamp/>

</span></span>

</b:if>

</b:includable>

<b:includable id='postlabelinfo' var='post'>

<b:if cond='data:post.labels'>

<b:loop values='data:post.labels' var='label'>

</b:loop>

</span>

</b:if>

</b:includable>

<b:includable id='postsharebutton' var='post'>

<p class='share-this-pleaseeeee'><b:switch var='data:blog.locale'><b:case value='id'/>Bagikan Artikel ini<b:default/>Share this post</b:switch></p>

</div>

</div>

</b:includable>

<b:includable id='postsubscribebox' var='post'>

<p>Berlangganan update artikel terbaru via email:</p><p><input class='email-address' name='email' placeholder='Masukan alamat email...' type='text'/></p><input name='uri' type='hidden' value='BlogMasSugeng'/>

</form>

</div>

<!--

...

Edit ID feedburner BlogMasSugeng di atas dengan ID feedburner milik sobat

...

-->

</b:includable>

<b:includable id='postthumbnail' var='post'>

<b:if cond='data:post.firstImageUrl'>

</a>

<b:elseif cond='data:post.thumbnailUrl'/>

</a>

<b:else/>

</a>

</b:if>

</div>

</b:includable>

<b:includable id='relatedpost' var='post'>

var labelArray = [<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>"<data:label.name/>"<b:if cond='data:label.isLast != "true"'>, </b:if></b:loop></b:if>];

var relatedPostConfig = {

homePage: "<data:blog.homepageUrl/>",

widgetTitle: "<div class='label-line-c'><h4><b:switch var='data:blog.locale'><b:case value='id'/>Artikel Terkait<b:default/>Related Posts</b:switch></h4></div>",

numPosts: 8,

titleLength: "auto",

thumbnailWidth: 250,

thumbnailHeight: 170,

noImage: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRUVX8SwK6zoPIghEzBXg-CGgIcINX5P6nEn_48XX6aGEnyhLbCUh2mq6QxVkEhrdaWIxkIhOOUV3X0d8vlyQ9m43Sm841YYdrcpqagWJ-Th76Wpb3A3hwTvH8Q-wd6DHDiBWJPqXZ4PQ0/w255-c-h170/no-image.png",

containerId: "related-post-<data:post.id/>",

newTabLink: false,

moreText: "Read More",

widgetStyle: 3,

callBack: function() {}

};

</script>

</b:includable>

<b:includable id='shareButtons' var='post'>

<b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + "&target=orkut"' expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>

</b:includable>

<b:includable id='sharingButton'>

<b:include name='sharingPlatformIcon'/>

</span>

</b:includable>

<b:includable id='sharingButtonContent'>

<b:include name='shareIcon'/>

</div>

</b:includable>

<b:includable id='sharingButtons'>

<b:include name='sharingButtonContent'/>

</button>

<b:include name='sharingButtonsMenu'/>

</div>

</b:includable>

<b:includable id='sharingButtonsMenu'>

<b:loop values='(data:platforms ?: data:blog.sharing.platforms) filter (p => p.key not in {"blogThis"})' var='platform'>

<li>

<b:include name='sharingButton'/>

</li>

</b:loop>

<b:include name='otherSharingButton'/>

</li>

</ul>

</div>

</b:includable>

<b:includable id='sharingPlatformIcon'>

<b:include data='{ iconClass: ("touch-icon sharing-" + data:platform.key) }' expr:name='data:platform.key + "Icon"'/>

</b:includable>

<b:includable id='status-message'>

<b:if cond='data:navMessage'>

<data:navMessage/>

</div>

</div>

</b:if>

</b:includable>

<b:includable id='threaded-comment-form' var='post'>

<b:if cond='data:mobile'>

<data:blogTeamBlogMessage/>

<b:else/>

<data:blogTeamBlogMessage/>

</b:if>

<data:post.friendConnectJs/>

<data:post.cmtfpIframe/>

BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');

</script>

</div>

</b:includable>

<b:includable id='threaded_comment_js' var='post'>

(function() {

var items = <data:post.commentJso/>;

var msgs = <data:post.commentMsgs/>;

var config = <data:post.commentConfig/>;

// <![CDATA[

var cursor = null;

if (items && items.length > 0) {

cursor = parseInt(items[items.length - 1].timestamp) + 1;

}

var bodyFromEntry = function(entry) {

if (entry.gd$extendedProperty) {

for (var k in entry.gd$extendedProperty) {

if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {

return '<span class="deleted-comment">' + entry.content.$t + '</span>';

}

return entry.content.$t;

}

var parse = function(data) {

cursor = null;

var comments = [];

if (data && data.feed && data.feed.entry) {

for (var i = 0, entry; entry = data.feed.entry[i]; i++) {

var comment = {};

// comment ID, parsed out of the original id format

var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);

comment.id = id ? id[2] : null;

comment.body = bodyFromEntry(entry);

comment.timestamp = Date.parse(entry.published.$t) + '';

if (entry.author && entry.author.constructor === Array) {

var auth = entry.author[0];

if (auth) {

comment.author = {

name: (auth.name ? auth.name.$t : undefined),

profileUrl: (auth.uri ? auth.uri.$t : undefined),

avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)

};

}

if (entry.link) {

if (entry.link[2]) {

comment.link = comment.permalink = entry.link[2].href;

}

if (entry.link[3]) {

var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);

if (pid && pid[1]) {

comment.parentId = pid[1];

}

comment.deleteclass = 'item-control blog-admin';

if (entry.gd$extendedProperty) {

for (var k in entry.gd$extendedProperty) {

if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {

comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;

} else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {

comment.displayTime = entry.gd$extendedProperty[k].value;

}

comments.push(comment);

}

return comments;

};

var paginator = function(callback) {

if (hasMore()) {

var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';

if (cursor) {

url += '&published-min=' + new Date(cursor).toISOString();

}

window.bloggercomments = function(data) {

var parsed = parse(data);

cursor = parsed.length < 50 ? null

: parseInt(parsed[parsed.length - 1].timestamp) + 1

callback(parsed);

window.bloggercomments = null;

}

url += '&callback=bloggercomments';

var script = document.createElement('script');

script.type = 'text/javascript';

script.src = url;

document.getElementsByTagName('head')[0].appendChild(script);

}

};

var hasMore = function() {

return !!cursor;

};

var getMeta = function(key, comment) {

if ('iswriter' == key) {

var matches = !!comment.author

&& comment.author.name == config.authorName

&& comment.author.profileUrl == config.authorUrl;

return matches ? 'true' : '';

} else if ('deletelink' == key) {

return config.baseUri + '/delete-comment.g?blogID='

+ config.blogId + '&postID=' + comment.id;

} else if ('deleteclass' == key) {

return comment.deleteclass;

}

return '';

};

var replybox = null;

var replyUrlParts = null;

var replyParent = undefined;

var onReply = function(commentId, domId) {

if (replybox == null) {

// lazily cache replybox, and adjust to suit this style:

replybox = document.getElementById('comment-editor');

if (replybox != null) {

replybox.height = '250px';

replybox.style.display = 'block';

replyUrlParts = replybox.src.split('#');

}

if (replybox && (commentId !== replyParent)) {

document.getElementById(domId).insertBefore(replybox.parentNode, null);

replybox.src = replyUrlParts[0]

+ (commentId ? '&parentID=' + commentId : '')

+ '#' + replyUrlParts[1];

replyParent = commentId;

}

};

var hash = (window.location.hash || '#').substring(1);

var startThread, targetComment;

if (/^comment-form_/.test(hash)) {

startThread = hash.substring('comment-form_'.length);

} else if (/^c[0-9]+$/.test(hash)) {

targetComment = hash.substring(1);

}

// Configure commenting API:

var configJso = {

'maxDepth': config.maxThreadDepth

};

var provider = {

'id': config.postId,

'data': items,

'loadNext': paginator,

'hasMore': hasMore,

'getMeta': getMeta,

'onReply': onReply,

'rendered': true,

'initComment': targetComment,

'initReplyThread': startThread,

'config': configJso,

'messages': msgs

};

var render = function() {

if (window.goog && window.goog.comments) {

var holder = document.getElementById('comment-holder');

window.goog.comments.render(holder, provider);

}

};

// render now, or queue to render when library loads:

if (window.goog && window.goog.comments) {

render();

} else {

window.goog = window.goog || {};

window.goog.comments = window.goog.comments || {};

window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];

window.goog.comments.loadQueue.push(render);

}

})();

// ]]>

</script>

</b:includable>

<b:includable id='threaded_comments' var='post'>

<h3>

<b:switch var='data:blog.locale'><b:case value='id'/>

<b:default/>

</b:switch>

</h3>

<b:if cond='data:post.embedCommentForm'>

<b:include data='post' name='threaded_comment_js'/>

</b:if>

<data:post.commentHtml/>

</div>

<b:if cond='data:post.allowNewComments'>

<b:include data='post' name='threaded-comment-form'/>

<b:else/>

<data:post.noNewCommentsText/>

</b:if>

</p>

<b:if cond='data:showCmtPopup'>

</iframe>

</div>

</b:if>

<b:if cond='data:post.showBacklinks'>

<b:include data='post' name='backlinks'/>

</b:if>

</div>

</b:includable>

</b:widget>

<b:widget id='Followers1' locked='false' title='Teman' type='Followers'>

<b:widget-settings>

<b:widget-setting name='borderColorTransparent'>true</b:widget-setting>

<b:widget-setting name='useTemplateDefaultStyles'>true</b:widget-setting>

<b:widget-setting name='contentSecondaryTextColor'>#000000</b:widget-setting>

<b:widget-setting name='contentHeadlineColor'>#000000</b:widget-setting>

<b:widget-setting name='endcapTextColor'>#393939</b:widget-setting>

<b:widget-setting name='contentTextColor'>#393939</b:widget-setting>

<b:widget-setting name='contentSecondaryLinkColor'>#FFFFFF</b:widget-setting>

<b:widget-setting name='endcapLinkColor'>#49ACE1</b:widget-setting>

<b:widget-setting name='contentLinkColor'>#49ACE1</b:widget-setting>

</b:widget-settings>

<b:includable id='main'>

<b:if cond='data:title != "" and data:codeSnippet != ""'>

</b:if>

<b:if cond='data:codeSnippet != ""'>

<data:codeSnippet/>

</div>

</b:if>

</div>

<b:include name='quickedit'/>

</div>

</b:includable>

</b:widget>

</b:section>

<b:section class='iklan-atas' id='iklan-atas' maxwidgets='1' showaddelement='yes'>

<b:widget id='HTML996' locked='true' title='Iklan Atas Artikel' type='HTML' version='1'>

<b:widget-settings>

<b:widget-setting name='content'/>

</b:widget-settings>

<b:includable id='main'>

<b:if cond='data:blog.pageType in {"item"}'>

<b:if cond='data:title != ""'>

</b:if>

<data:content/>

</div>

</b:if>

</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' version='1'>

<b:widget-settings>

<b:widget-setting name='content'/>

</b:widget-settings>

<b:includable id='main'>

<b:if cond='data:blog.pageType in {"item"}'>

<b:if cond='data:title != ""'>

</b:if>

<data:content/>

</div>

</b:if>

</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' version='1'>

<b:widget-settings>

<b:widget-setting name='content'/>

</b:widget-settings>

<b:includable id='main'>

<b:if cond='data:blog.pageType in {"item"}'>

<b:if cond='data:title != ""'>

</b:if>

<data:content/>

</div>

</b:if>

</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' version='1'>

<b:widget-settings>

<b:widget-setting name='content'/>

</b:widget-settings>

<b:includable id='main'>

<b:if cond='data:blog.pageType in {"item"}'>

<b:if cond='data:title != ""'>

</b:if>

<data:content/>

</div>

</b:if>

</b:includable>

</b:widget>

</b:section>

<b:if cond='data:blog.pageType in {"item"}'>

function insertAfter(addition, konten) {

var parent = konten.parentNode;

if (parent.lastChild == konten) {

parent.appendChild(addition);

} else {

parent.insertBefore(addition, konten.nextSibling);

}

function insertAbove(addition, konten) {

var parent = konten.parentNode;

parent.insertBefore(addition, konten);

}

function insertBellow(addition) {

var parent = konten;

parent.appendChild(addition);

}

var iklan1 = document.getElementById("kode-iklan-tengah1");

var iklan2 = document.getElementById("kode-iklan-tengah2");

var iklanAtas = document.getElementById("kode-iklan-atas");

var iklanBawah = document.getElementById("kode-iklan-bawah");

var bacaJuga = document.getElementById("baca-juga");

var konten = document.getElementById("body-post-it");

var lokasi = konten.querySelectorAll("br,p,div > br,div > div > br,div > div > div > br,div > p,div > div > p,div > div > div > p,span > br, span > p");

if (lokasi.length > 0) {

insertAbove(iklanAtas,konten);

insertBellow(iklanBawah);

}

if (lokasi.length > lokasiIklanTengah1) {

insertAfter(iklan1,lokasi[lokasiIklanTengah1]);

}

else {

iklan1.innerHTML = "";

}

if (lokasi.length > lokasiIklanTengah2) {

insertAfter(iklan2,lokasi[lokasiIklanTengah2]);

}

else {

iklan2.innerHTML = "";

}

if (lokasi.length > lokasiBacaJuga) {

insertAfter(bacaJuga,lokasi[lokasiBacaJuga]);

}

else {

bacaJuga.innerHTML = "";

}

</script>

</b:if>

</div>

<b:section class='sidebar' id='sidebar' preferred='yes'/>

<b:section class='sidebar-sticky' id='sidebar-sticky' preferred='yes'>

<b:widget id='PopularPosts1' locked='false' title='Postingan Populer' type='PopularPosts' version='1'>

<b:widget-settings>

<b:widget-setting name='numItemsToShow'>7</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_WEEK</b:widget-setting>

</b:widget-settings>

<b:includable id='main'>

<b:if cond='data:title != ""'><h2><data:title/></h2></b:if>

<ul>

<b:loop values='data:posts' var='post'>

<li>

<b:if cond='!data:showThumbnails'>

<b:if cond='!data:showSnippets'>

<b:else/>

</b:if>

<b:else/>

<b:if cond='data:post.featuredImage.isResizable or data:post.thumbnail'>

<b:with value='data:post.featuredImage.isResizable? resizeImage(data:post.featuredImage, 72, "1:1"): data:post.thumbnail' var='image'>

</b:with>

</a>

</div>

</b:if>

<b:if cond='data:showSnippets'>

</b:if>

</div>

</b:if>

</li>

</b:loop>

</ul>

<b:include name='quickedit'/>

</div>

</b:includable>

</b:widget>

<b:widget id='Label2' locked='false' title='Labels' type='Label' version='1'>

<b:widget-settings>

<b:widget-setting name='sorting'>ALPHA</b:widget-setting>

<b:widget-setting name='display'>CLOUD</b:widget-setting>

<b:widget-setting name='selectedLabelsList'/>

<b:widget-setting name='showType'>ALL</b:widget-setting>

<b:widget-setting name='showFreqNumbers'>false</b:widget-setting>

</b:widget-settings>

<b:includable id='main' var='this'>

<b:attr cond='data:view.isLabelSearch' name='open' value='open'/>

<b:with value='true' var='renderAsDetails'>

<b:with value='data:messages.labels' var='defaultTitle'>

<b:include name='super.main'/>

</b:with>

</details>

</b:includable>

<b:includable id='cloud'>

<b:include name='list'/>

</b:includable>

<b:includable id='list'>

<b:include data='{ buttonClass: "flat-button", items: data:this.labels, itemSet: "labels", itemsMarkup: "super.list" }' name='extendableItems'/>

</b:includable>

</b:widget>

</b:section>

</div>

</aside>

</div>

<b:section class='footer-widget' id='footer-widget' maxwidgets='1' showaddelement='yes'/>

</div>

<ul>

<li><a href='https://www.editblogtema.com/p/tentang-kami-dan-halaman-ini.html'>About Us</a></li>

<li><a href='https://www.editblogtema.com/p/sitemap.html'>Sitemap</a></li>

<li><a href='https://www.editblogtema.com/p/privacy-policy-for-editblogtema-if-you.html'>Privacy Policy</a></li>

<li><a href='https://www.editblogtema.com/p/disclaimer.html'>Disclaimer</a></li>

</ul>

</nav>

</div>

</footer>

</div>

</a></div>

$(window).scroll(function() {

if($(this).scrollTop() > 200) {

$('#back-to-top').fadeIn();

} else {

$('#back-to-top').fadeOut();

}

});

$('#back-to-top').hide().click(function() {

$('html, body').animate({scrollTop:0}, 1000);

return false;

});

</script>

<b:if cond='data:blog.pageType == "item"'>

//<![CDATA[

if(relatedPosts==1){

var randomRelatedIndex,showRelatedPost;!function(e,a,l){var g={widgetTitle:"<h4>Artikel Terkait:</h4>",widgetStyle:3,homePage:"http://www.dte.web.id",numPosts:8,summaryLength:0,titleLength:"auto",thumbnailWidth:255,thumbnailHeight:170,noImage:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC",containerId:"related-post",newTabLink:!1,moreText:"Baca Selengkapnya",callBack:function(){}};for(var t in relatedPostConfig)g[t]="undefined"==relatedPostConfig[t]?g[t]:relatedPostConfig[t];var r=function(e){var t=a.createElement("script");t.type="text/javascript",t.src=e,l.appendChild(t)},A=function(e){var t,a,l=e.length;if(0===l)return!1;for(;--l;)t=Math.floor(Math.random()*(l+1)),a=e[l],e[l]=e[t],e[t]=a;return e},i="object"==typeof labelArray&&0<labelArray.length?"/-/"+A(labelArray)[0]:"";randomRelatedIndex=function(e){var t,a,l=e.feed.openSearch$totalResults.$t-g.numPosts,n=(t=1,a=0<l?l:1,Math.floor(Math.random()*(a-t+1))+t);r(g.homePage.replace(/\/$/,"")+"/feeds/posts/summary"+i+"?alt=json-in-script&orderby=updated&start-index="+n+"&max-results="+g.numPosts+"&callback=showRelatedPost")},showRelatedPost=function(e){var t,a,l,n,r=document.getElementById(g.containerId),i=A(e.feed.entry),s=g.widgetStyle,o=g.widgetTitle+'<ul class="related-post-style-'+s+'">',d=g.newTabLink?' target="_blank"':"",m='<span style="display:block;clear:both;"></span>';if(r){for(var h=0;h<g.numPosts&&h!=i.length;h++){a=i[h].title.$t,l="auto"!==g.titleLength&&g.titleLength<a.length?a.substring(0,g.titleLength)+"…":a,n="media$thumbnail"in i[h]&&!1!==g.thumbnailWidth?i[h].media$thumbnail.url.replace(/.*?:\/\//g,"//").replace(/\/s[0-9]+(\-c)?/,"/w"+g.thumbnailWidth+"-h"+g.thumbnailHeight+"-c"):g.noImage,"summary"in i[h]&&0<g.summaryLength&&i[h].summary.$t.replace(/<br ?\/?>/g," ").replace(/<.*?>/g,"").replace(/[<>]/g,"").substring(0,g.summaryLength);for(var c=0,u=i[h].link.length;c<u;c++)t="alternate"==i[h].link[c].rel?i[h].link[c].href:"#";3==s&&(o+='<li class="related-post-item" tabindex="0"><a class="related-post-item-title" href="'+t+'"'+d+'><img alt="" class="related-post-item-thumbnail" src="'+n+'" width="'+g.thumbnailWidth+'" height="'+g.thumbnailHeight+'"></a><div class="related-post-item-tooltip"><a class="related-post-item-title" title="'+a+'" href="'+t+'"'+d+">"+l+"</a></div>"+m+"</li>")}r.innerHTML=o+="</ul>"+m,g.callBack()}},r(g.homePage.replace(/\/$/,"")+"/feeds/posts/summary"+i+"?alt=json-in-script&orderby=updated&max-results=0&callback=randomRelatedIndex")}(window,document,document.getElementsByTagName("head")[0]);

};

//]]>

</script>

</b:if>

<b:if cond='data:blog.isMobile == "false"'>

<b:if cond='data:blog.pageType != "item"'>

<b:if cond='data:blog.pageType != "static_page"'>

var perPage=6;

var numPages=6;

var firstText ='<b:switch var='data:blog.locale'><b:case value='id'/>Pertama<b:default/>First</b:switch>';

var lastText ='<b:switch var='data:blog.locale'><b:case value='id'/>Terakhir<b:default/>Last</b:switch>';

var prevText ='› <b:switch var='data:blog.locale'><b:case value='id'/>Sebelumnya<b:default/>Prev</b:switch>';

var nextText ='<b:switch var='data:blog.locale'><b:case value='id'/>Selanjutnya<b:default/>Next</b:switch> ›';

var urlactivepage=location.href;

var home_page="/";

</script>

//<![CDATA[

if(numberedPagination==1){

if(typeof firstText=="undefined")firstText="First";if(typeof lastText=="undefined")lastText="Last";var noPage;var currentPage;var currentPageNo;var postLabel;pagecurrentg();function looppagecurrentg(pageInfo){var html='';pageNumber=parseInt(numPages/2);if(pageNumber==numPages-pageNumber){numPages=pageNumber*2+1}pageStart=currentPageNo-pageNumber;if(pageStart<1)pageStart=1;lastPageNo=parseInt(pageInfo/perPage)+1;if(lastPageNo-1==pageInfo/perPage)lastPageNo=lastPageNo-1;pageEnd=pageStart+numPages-1;if(pageEnd>lastPageNo)pageEnd=lastPageNo;html+="<span class='showpageOf'>Page "+currentPageNo+' of '+lastPageNo+"</span>";var prevNumber=parseInt(currentPageNo)-1;if(currentPageNo>1){if(currentPage=="page"){html+='<span class="showpage firstpage"><a href="'+home_page+'">'+firstText+'</a></span>'}else{html+='<span class="displaypageNum firstpage"><a href="/search/label/'+postLabel+'?&max-results='+perPage+'">'+firstText+'</a></span>'}}if(currentPageNo>2){if(currentPageNo==3){if(currentPage=="page"){html+='<span class="showpage"><a href="'+home_page+'">'+prevText+'</a></span>'}else{html+='<span class="displaypageNum"><a href="/search/label/'+postLabel+'?&max-results='+perPage+'">'+prevText+'</a></span>'}}else{if(currentPage=="page"){html+='<span class="displaypageNum"><a href="#" onclick="redirectpage('+prevNumber+');return false">'+prevText+'</a></span>'}else{html+='<span class="displaypageNum"><a href="#" onclick="redirectlabel('+prevNumber+');return false">'+prevText+'</a></span>'}}}if(pageStart>1){if(currentPage=="page"){html+='<span class="displaypageNum"><a href="'+home_page+'">1</a></span>'}else{html+='<span class="displaypageNum"><a href="/search/label/'+postLabel+'?&max-results='+perPage+'">1</a></span>'}}if(pageStart>2){html+=' ... '}for(var jj=pageStart;jj<=pageEnd;jj++){if(currentPageNo==jj){html+='<span class="pagecurrent">'+jj+'</span>'}else if(jj==1){if(currentPage=="page"){html+='<span class="displaypageNum"><a href="'+home_page+'">1</a></span>'}else{html+='<span class="displaypageNum"><a href="/search/label/'+postLabel+'?&max-results='+perPage+'">1</a></span>'}}else{if(currentPage=="page"){html+='<span class="displaypageNum"><a href="#" onclick="redirectpage('+jj+');return false">'+jj+'</a></span>'}else{html+='<span class="displaypageNum"><a href="#" onclick="redirectlabel('+jj+');return false">'+jj+'</a></span>'}}}if(pageEnd<lastPageNo-1){html+='...'}if(pageEnd<lastPageNo){if(currentPage=="page"){html+='<span class="displaypageNum"><a href="#" onclick="redirectpage('+lastPageNo+');return false">'+lastPageNo+'</a></span>'}else{html+='<span class="displaypageNum"><a href="#" onclick="redirectlabel('+lastPageNo+');return false">'+lastPageNo+'</a></span>'}}var nextnumber=parseInt(currentPageNo)+1;if(currentPageNo<(lastPageNo-1)){if(currentPage=="page"){html+='<span class="displaypageNum"><a href="#" onclick="redirectpage('+nextnumber+');return false">'+nextText+'</a></span>'}else{html+='<span class="displaypageNum"><a href="#" onclick="redirectlabel('+nextnumber+');return false">'+nextText+'</a></span>'}}if(currentPageNo<lastPageNo){if(currentPage=="page"){html+='<span class="displaypageNum lastpage"><a href="#" onclick="redirectpage('+lastPageNo+');return false">'+lastText+'</a></span>'}else{html+='<span class="displaypageNum lastpage"><a href="#" onclick="redirectlabel('+lastPageNo+');return false">'+lastText+'</a></span>'}}var pageArea=document.getElementsByName("pageArea");var blogPager=document.getElementById("blog-pager");for(var p=0;p<pageArea.length;p++){pageArea[p].innerHTML=html}if(pageArea&&pageArea.length>0){html=''}if(blogPager){blogPager.innerHTML=html}}function totalcountdata(root){var feed=root.feed;var totaldata=parseInt(feed.openSearch$totalResults.$t,10);looppagecurrentg(totaldata)}function pagecurrentg(){var thisUrl=urlactivepage;if(thisUrl.indexOf("/search/label/")!=-1){if(thisUrl.indexOf("?updated-max")!=-1){postLabel=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?updated-max"))}else{postLabel=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?&max"))}}if(thisUrl.indexOf("?q=")==-1&&thisUrl.indexOf(".html")==-1){if(thisUrl.indexOf("/search/label/")==-1){currentPage="page";if(urlactivepage.indexOf("#PageNo=")!=-1){currentPageNo=urlactivepage.substring(urlactivepage.indexOf("#PageNo=")+8,urlactivepage.length)}else{currentPageNo=1}document.write("<script src=\""+home_page+"feeds/posts/summary?max-results=1&alt=json-in-script&callback=totalcountdata\"><\/script>")}else{currentPage="label";if(thisUrl.indexOf("&max-results=")==-1){perPage=20}if(urlactivepage.indexOf("#PageNo=")!=-1){currentPageNo=urlactivepage.substring(urlactivepage.indexOf("#PageNo=")+8,urlactivepage.length)}else{currentPageNo=1}document.write('<script src="'+home_page+'feeds/posts/summary/-/'+postLabel+'?alt=json-in-script&callback=totalcountdata&max-results=1" ><\/script>')}}}function redirectpage(numberpage){jsonstart=(numberpage-1)*perPage;noPage=numberpage;var nameBody=document.getElementsByTagName('head')[0];var newInclude=document.createElement('script');newInclude.type='text/javascript';newInclude.setAttribute("src",home_page+"feeds/posts/summary?start-index="+jsonstart+"&max-results=1&alt=json-in-script&callback=finddatepost");nameBody.appendChild(newInclude)}function redirectlabel(numberpage){jsonstart=(numberpage-1)*perPage;noPage=numberpage;var nameBody=document.getElementsByTagName('head')[0];var newInclude=document.createElement('script');newInclude.type='text/javascript';newInclude.setAttribute("src",home_page+"feeds/posts/summary/-/"+postLabel+"?start-index="+jsonstart+"&max-results=1&alt=json-in-script&callback=finddatepost");nameBody.appendChild(newInclude)}function finddatepost(root){post=root.feed.entry[0];var timestamp1=post.published.$t.substring(0,19)+post.published.$t.substring(23,29);var timestamp=encodeURIComponent(timestamp1);if(currentPage=="page"){var pAddress="/search?updated-max="+timestamp+"&max-results="+perPage+"#PageNo="+noPage}else{var pAddress="/search/label/"+postLabel+"?updated-max="+timestamp+"&max-results="+perPage+"#PageNo="+noPage}location.href=pAddress}

};

//]]>

</script>

</b:if>

//<![CDATA[

Sticky-kit v1.1.2 | WTFPL | Leaf Corcoran 2015 | http://leafo.net

(function(){var b,f;b=this.jQuery||window.jQuery;f=b(window);b.fn.stick_in_parent=function(d){var A,w,J,n,B,K,p,q,k,E,t;null==d&&(d={});t=d.sticky_class;B=d.inner_scrolling;E=d.recalc_every;k=d.parent;q=d.offset_top;p=d.spacer;w=d.bottoming;null==q&&(q=0);null==k&&(k=void 0);null==B&&(B=!0);null==t&&(t="is_stuck");A=b(document);null==w&&(w=!0);J=function(a,d,n,C,F,u,r,G){var v,H,m,D,I,c,g,x,y,z,h,l;if(!a.data("sticky_kit")){a.data("sticky_kit",!0);I=A.height();g=a.parent();null!=k&&(g=g.closest(k));

if(!g.length)throw"failed to find stick parent";v=m=!1;(h=null!=p?p&&a.closest(p):b("<div />"))&&h.css("position",a.css("position"));x=function(){var c,f,e;if(!G&&(I=A.height(),c=parseInt(g.css("border-top-width"),10),f=parseInt(g.css("padding-top"),10),d=parseInt(g.css("padding-bottom"),10),n=g.offset().top+c+f,C=g.height(),m&&(v=m=!1,null==p&&(a.insertAfter(h),h.detach()),a.css({position:"",top:"",width:"",bottom:""}).removeClass(t),e=!0),F=a.offset().top-(parseInt(a.css("margin-top"),10)||0)-q,

u=a.outerHeight(!0),r=a.css("float"),h&&h.css({width:a.outerWidth(!0),height:u,display:a.css("display"),"vertical-align":a.css("vertical-align"),"float":r}),e))return l()};x();if(u!==C)return D=void 0,c=q,z=E,l=function(){var b,l,e,k;if(!G&&(e=!1,null!=z&&(--z,0>=z&&(z=E,x(),e=!0)),e||A.height()===I||x(),e=f.scrollTop(),null!=D&&(l=e-D),D=e,m?(w&&(k=e+u+c>C+n,v&&!k&&(v=!1,a.css({position:"fixed",bottom:"",top:c}).trigger("sticky_kit:unbottom"))),e<F&&(m=!1,c=q,null==p&&("left"!==r&&"right"!==r||a.insertAfter(h),

h.detach()),b={position:"",width:"",top:""},a.css(b).removeClass(t).trigger("sticky_kit:unstick")),B&&(b=f.height(),u+q>b&&!v&&(c-=l,c=Math.max(b-u,c),c=Math.min(q,c),m&&a.css({top:c+"px"})))):e>F&&(m=!0,b={position:"fixed",top:c},b.width="border-box"===a.css("box-sizing")?a.outerWidth()+"px":a.width()+"px",a.css(b).addClass(t),null==p&&(a.after(h),"left"!==r&&"right"!==r||h.append(a)),a.trigger("sticky_kit:stick")),m&&w&&(null==k&&(k=e+u+c>C+n),!v&&k)))return v=!0,"static"===g.css("position")&&g.css({position:"relative"}),

a.css({position:"absolute",bottom:d,top:"auto"}).trigger("sticky_kit:bottom")},y=function(){x();return l()},H=function(){G=!0;f.off("touchmove",l);f.off("scroll",l);f.off("resize",y);b(document.body).off("sticky_kit:recalc",y);a.off("sticky_kit:detach",H);a.removeData("sticky_kit");a.css({position:"",bottom:"",top:"",width:""});g.position("position","");if(m)return null==p&&("left"!==r&&"right"!==r||a.insertAfter(h),h.remove()),a.removeClass(t)},f.on("touchmove",l),f.on("scroll",l),f.on("resize",

y),b(document.body).on("sticky_kit:recalc",y),a.on("sticky_kit:detach",H),setTimeout(l,0)}};n=0;for(K=this.length;n<K;n++)d=this[n],J(b(d));return this}}).call(this);

// search form

$(function(){$('a[href="#searchfs"]').on("click",function(e){e.preventDefault(),$("#searchfs").addClass("open"),$('#searchfs > form > input[type="search"]').focus()}),$("#searchfs, #searchfs button.close").on("click keyup",function(e){e.target!=this&&"close"!=e.target.className&&27!=e.keyCode||$(this).removeClass("open")})});

// nav menu

//]]>

</script>

//<![CDATA[

jQuery(document).ready(function(){var i=jQuery(window).width();function e(){jQuery("#sidebar-sticky").stick_in_parent({parent:"#wrapper",offset_top:70})}i<768?jQuery("#sidebar-sticky").trigger("sticky_kit:detach"):e(),jQuery(window).resize(function(){(i=jQuery(window).width())<768?jQuery("#sidebar-sticky").trigger("sticky_kit:detach"):e()})});

//]]>

</script>

<b:if cond='data:blog.pageType in {"item","index"}'>

</div>

</b:if>

<b:defaultmarkups>

<b:defaultmarkup type='Common'>

<b:includable id='numberedpopularposts'>

<style>

.PopularPosts ul li .item-thumbnail-only::before, .PopularPosts ul li .item-content::before, .PopularPosts ul li > a::before {

content: counter(num) !important;

font-size: 30px;

font-weight: bold;

font-style: italic;

display: block;

position: absolute;

top: 0;

left: 0;

bottom: 0;

text-align: center;

}

.PopularPosts ul li:nth-child(10) .item-thumbnail-only::before, .PopularPosts ul li:nth-child(10) .item-content::before, .PopularPosts ul li:nth-child(10) > a::before {

left: -10px;

}

.PopularPosts ul li .item-thumbnail-only::after, .PopularPosts ul li .item-content::after, .PopularPosts ul li > a::after {

content: "";

display: block;

position: absolute;

top: 32px;

left: 9px;

bottom: 0;

width: 2px;

}

.PopularPosts .item-title, .PopularPosts .item-thumbnail, .PopularPosts .item-snippet {

margin-left: 28px;

}

.PopularPosts ul li > a {

display: block;

padding-left: 28px;

min-height: 45px;

}

</style>

</b:includable>

<b:includable id='thumbnailstyle'>

<style>

.info-1, .info-2, h2.post-title, .post-snippet {

margin-left: 275px;

}

@media only screen and (max-width:1080px){

.info-1, .info-2, h2.post-title, .post-snippet {

margin-left: 260px;

}

@media only screen and (max-width:800px){

.info-1, .info-2, h2.post-title, .post-snippet {

margin-left: 195px;

}

@media only screen and (max-width:640px){

.info-1, .info-2, h2.post-title, .post-snippet {

margin-left: 190px;

}

@media only screen and (max-width:480px) {

.info-1, .info-2, h2.post-title, .post-snippet {

margin-left: 0px;

}

</style>

</b:includable>

<b:includable id='stickyheaderstyle'>

<style>

#header-container {

position: fixed !important;

}

</style>

</b:includable>

</b:defaultmarkup>

</b:defaultmarkups>

</body>

Search This Blog

temalabs

Featured Post

MENULIS PEKERJAAN DEMI KEABADIAN

SUMBER KODE BODY VIOMAGZ UNTUK DI COPY

Komentar

Posting Komentar

Popular Posts

KISAH BUTIRAN WAKTU 2

MAWAR SETAMAN UNTUK MAGDALENA