<p/> <input class='contact-form-button contact-form-button-submit' expr:id='data:widget.instanceId + "_contact-form-submit"' expr:value='data:contactFormSendMsg' type='button'/> <p/> <div style='text-align: center; max-width: 222px; width: 100%'> <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:include name='quickedit'/> </b:includable> </b:widget> </b:section> <b:section class='recent-post-one-thumb' id='recent-post-one-thumb-6' maxwidgets='1' preferred='yes' showaddelement='no'> <b:widget id='HTML85' locked='false' mobile='yes' title='Life Style' type='HTML' version='1'> <b:widget-settings> <b:widget-setting name='content'>Sosial</b:widget-setting> </b:widget-settings> <b:includable id='main'> <div class='widget-content recent-posts'> <script> document.write('<div class="recent-post-title"><h2><a href="/search/label/<data:content/>?max-results=10"><data:title/></a></h2></div>'); document.write("<script src=\"/feeds/posts/default/-/<data:content/>?orderby=updated&alt=json-in-script&callback=labelthumbs\"><\/script>"); </script> </div> </b:includable> </b:widget> </b:section> <div class='clear'/> <div class='latest-post-title'> <h2>New Posts Content</h2> </div> </b:if> </b:if> <b:section class='main' id='main' showaddelement='no'> <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog' version='1'> <b:widget-settings> <b:widget-setting name='commentLabel'>komentar</b:widget-setting> <b:widget-setting name='showShareButtons'>true</b:widget-setting> <b:widget-setting name='authorLabel'>Diposkan oleh</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'>a la/s</b:widget-setting> <b:widget-setting name='reactionsLabel'>Reaksi:</b:widget-setting> <b:widget-setting name='showAuthorProfile'>true</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'>Link ke posting ini</b:widget-setting> <b:widget-setting name='showDateHeader'>true</b:widget-setting> <b:widget-setting name='style.textcolor'>#333333</b:widget-setting> <b:widget-setting name='showCommentLink'>true</b:widget-setting> <b:widget-setting name='style.urlcolor'>#333333</b:widget-setting> <b:widget-setting name='showAuthor'>true</b:widget-setting> <b:widget-setting name='style.linkcolor'>#cc6600</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='postLabelsLabel'>Label:</b:widget-setting> <b:widget-setting name='showBacklinks'>true</b:widget-setting> <b:widget-setting name='showInlineAds'>false</b:widget-setting> <b:widget-setting name='showReactions'>true</b:widget-setting> </b:widget-settings> <b:includable id='main' var='top'> <b:include data='posts' name='breadcrumb'/> <b:if cond='data:mobile == "false"'> <!-- posts --> <div class='blog-posts'> <b:include data='top' name='status-message'/> <data:defaultAdStart/> <b:loop values='data:posts' var='post'> <b:if cond='data:post.isDateStart'> <b:if cond='data:post.isFirstPost == "false"'> </div></div> </b:if> </b:if> <b:if cond='data:post.isDateStart'> <div class="date-outer"> </b:if> <b:if cond='data:post.isDateStart'> <div class="date-posts"> </b:if> <div class='post-outer'> <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> <div class='inline-ad'> <data:adCode/> </div> <data:adStart/> </b:if> </b:loop> <b:if cond='data:numPosts != 0'> </div></div> </b:if> <data:adEnd/> </div> <!-- navigation --> <b:include name='nextprev'/> <!-- feed links --> <b:include name='feedLinks'/> <b:if cond='data:top.showStars'> <script src='//www.google.com/jsapi'/> <script> 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'> <span expr:class='"item-control " + data:backlink.adminClass'> <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'> <img src='//www.blogger.com/img/icon_delete13.gif'/> </a> </span> </b:includable> <b:includable id='backlinks' var='post'> <a name='links'/><h4><data:post.backlinksLabel/></h4> <b:if cond='data:post.numBacklinks != 0'> <dl class='comments-block' id='comments-block'> <b:loop values='data:post.backlinks' var='backlink'> <div class='collapsed-backlink backlink-control'> <dt class='comment-title'> <span class='backlink-toggle-zippy'> </span> <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a> <b:include data='backlink' name='backlinkDeleteIcon'/> </dt> <dd class='comment-body collapseable'> <data:backlink.snippet/> </dd> <dd class='comment-footer collapseable'> <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span> <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span> </dd> </div> </b:loop> </dl> </b:if> <p class='comment-footer'> <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a> </p> </b:includable> <b:includable id='breadcrumb' var='posts'> <b:if cond='data:blog.homepageUrl != data:blog.url'> <b:if cond='data:blog.pageType == "static_page"'> <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home </a></span> › <span><data:blog.pageName/></span> </div> <b:else/> <b:if cond='data:blog.pageType == "item"'> <b:loop values='data:posts' var='post'> <b:if cond='data:post.labels'> <div class='breadcrumbs'><span itemscope='' itemtype='https://data-vocabulary.org/Breadcrumb'><a expr:href='data:blog.homepageUrl' itemprop='url'><span itemprop='title'>Home</span></a></span> › <b:loop values='data:post.labels' var='label'><span itemscope='' itemtype='https://data-vocabulary.org/Breadcrumb'><a expr:href='data:label.url + "?&max-results=8"' itemprop='url'><span itemprop='title'><data:label.name/></span></a></span><b:if cond='data:label.isLast != "true"'> › </b:if> </b:loop> › <span class='breadlabel'><data:post.title/></span> </div> <b:else/> <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home </a></span> › <span>Uncategories </span> › <span><data:post.title/></span></div> </b:if> </b:loop> <b:else/> <b:if cond='data:blog.pageType == "archive"'> <div class='breadcrumbs'> <span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home </a></span> › <span>Archive for <data:blog.pageName/></span> </div> <b:else/> <b:if cond='data:blog.searchQuery'> <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home </a></span> › <span><data:blog.pageName/></span> </div> <b:else/> <b:if cond='data:blog.pageType == "index"'> <div class='breadcrumbs'> <b:if cond='data:blog.pageName == ""'> <span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home </a></span> › <span>All post </span> <b:else/> <span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home </a></span> › <span><data:blog.pageName/></span> </b:if> </div> </b:if> </b:if> </b:if> </b:if> </b:if> </b:if> </b:includable> <b:includable id='comment-form' var='post'> <div class='comment-form'> <a name='comment-form'/> <b:if cond='data:mobile'> <h4 id='comment-post-message'> <a expr:id='data:widget.instanceId + "_comment-editor-toggle-link"' href='javascript:void(0)'><data:postCommentMsg/></a></h4> <div class='pesan-komentar'><p><data:blogCommentMessage/></p></div> <data:blogTeamBlogMessage/> <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/> <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/> <b:else/> <h4 id='comment-post-message'><data:postCommentMsg/></h4> <div class='pesan-komentar'><p><data:blogCommentMessage/></p></div> <data:blogTeamBlogMessage/> <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/> <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/> </b:if> <data:post.friendConnectJs/> <data:post.cmtfpIframe/> <script> BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>'); </script> </div> </b:includable> <b:includable id='commentDeleteIcon' var='comment'> <span expr:class='"item-control " + data:comment.adminClass'> <b:if cond='data:showCmtPopup'> <div class='goog-toggle-button'> <div class='goog-inline-block comment-action-icon'/> </div> <b:else/> <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'> <img src='//www.blogger.com/img/icon_delete13.gif'/> </a> </b:if> </span> </b:includable> <b:includable id='comment_count_picker' var='post'> <b:if cond='data:post.commentSource == 1'> <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url' expr:data-url='data:post.canonicalUrl'> </span> <b:else/> <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'> <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:if> </b:includable> <b:includable id='comments' var='post'> <div class='comments' id='comments'> <a name='comments'/> <b:if cond='data:post.allowComments'> <h3><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></h3> <b:if cond='data:post.commentPagingRequired'> <span class='paging-control-container'> <b:if cond='data:post.hasOlderLinks'> <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>   <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>   </b:if> <data:post.commentRangeText/> <b:if cond='data:post.hasNewerLinks'>   <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>   <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a> </b:if> </span> </b:if> <div expr:id='data:widget.instanceId + "_comments-block-wrapper"'> <dl expr:class='data:post.avatarIndentClass' id='comments-block'> <b:loop values='data:post.comments' var='comment'> <dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'> <b:if cond='data:comment.favicon'> <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/> </b:if> <a expr:name='data:comment.anchorName'/> <b:if cond='data:blog.enabledCommentProfileImages'> <data:comment.authorAvatarImage/> </b:if> <b:if cond='data:comment.authorUrl'> <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a> <b:else/> <data:comment.author/> </b:if> <data:commentPostedByMsg/> </dt> <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'> <b:if cond='data:comment.isDeleted'> <span class='deleted-comment'><data:comment.body/></span> <b:else/> <p> <data:comment.body/> </p> </b:if> </dd> <dd class='comment-footer'> <span class='comment-timestamp'> <a expr:href='data:comment.url' title='comment permalink'> <data:comment.timestamp/> </a> <b:include data='comment' name='commentDeleteIcon'/> </span> </dd> </b:loop> </dl> </div> <b:if cond='data:post.commentPagingRequired'> <span class='paging-control-container'> <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'> <data:post.oldestLinkText/> </a> <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'> <data:post.olderLinkText/> </a>   <data:post.commentRangeText/>   <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'> <data:post.newerLinkText/> </a> <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'> <data:post.newestLinkText/> </a> </span> </b:if> <p class='comment-footer'> <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'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> </b:if> </b:if> </p> </b:if> <b:if cond='data:showCmtPopup'> <div id='comment-popup'> <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'> </iframe> </div> </b:if> <div id='backlinks-container'> <div expr:id='data:widget.instanceId + "_backlinks-container"'> <b:if cond='data:post.showBacklinks'> <b:include data='post' name='backlinks'/> </b:if> </div> </div> </div> </b:includable> <b:includable id='feedLinks'> <b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links --> <b:if cond='data:feedLinks'> <div class='blog-feeds'> <b:include data='feedLinks' name='feedLinksBody'/> </div> </b:if> <b:else/> <!--Post feed links --> <div class='post-feeds'> <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:if> </b:loop> </div> </b:if> </b:includable> <b:includable id='feedLinksBody' var='links'> <div class='feed-links'> <data:feedLinksMsg/> <b:loop values='data:links' var='f'> <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a> </b:loop> </div> </b:includable> <b:includable id='iframe_comments' var='post'> <b:if cond='data:post.allowIframeComments'> <script expr:src='data:post.iframeCommentSrc'/> <div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/> <b:if cond='data:post.embedCommentForm == "false"'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> </b:if> </b:if> </b:includable> <b:includable id='mobile-index-post' var='post'> <!-- MOBILE INDEX POST HERE --> <div class='mobile-date-outer date-outer'> <div class='mobile-post-outer'> <div class='mobile-index-contents'> <b:if cond='data:post.thumbnailUrl'> <div class='mobile-index-thumbnail'> <div class='Image'> <img expr:src='data:post.thumbnailUrl'/> </div> </div> <b:else/> <div class='mobile-index-thumbnail'> <div class='Image'> <img expr:alt='data:post.title' expr:title='data:post.title' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_rtqGC5BargRGvqsnaR922kzNVzHFgcs1BBP5R2f02ZrjxV585F9OXunufDPJPWdBfBx1wsERulQzMzaCgcdGG-kQ_oI1JJARpA6txFEBOczAVCpB66GqSoAks98ofCeiHQUgBIw6uGQ1/s66-c/no-image.png'/> </div> </div> </b:if> <a expr:href='data:post.url'> <h3 class='mobile-index-title entry-title' itemprop='name'> <data:post.title/> </h3> </a> <div class='post-body'> <div class='post-info'> <b:if cond='data:top.showAuthor'> <b:if cond='data:post.authorProfileUrl'> <span class='author-info'> <span itemprop='author' itemscope='itemscope' itemtype='https://schema.org/Person'> <meta expr:content='data:post.authorProfileUrl' itemprop='url'/> <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'> <span itemprop='name'><data:post.author/></span> </a> </span> </span> <b:else/> <span class='author-info'> <span itemprop='author' itemscope='itemscope' itemtype='https://schema.org/Person'> <span itemprop='name'><data:post.author/></span> </span> </span> </b:if> </b:if> <b:if cond='data:top.showTimestamp'> <b:if cond='data:post.url'> <meta expr:content='data:post.canonicalUrl' itemprop='url'/> <span class='time-info'> / <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> <b:if cond='data:blog.pageType != "item"'> <b:if cond='data:blog.pageType != "static_page"'> <b:if cond='data:post.allowComments'> <span class='comment-info'> / <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'> <b:if cond='data:post.numComments == 0'> 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> </b:if> </b:if> </div> </div> </div> <div style='clear: both;'/> </div> </div> </b:includable> <b:includable id='mobile-main' var='top'> <!-- posts --> <div class='blog-posts hfeed'> <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'> <div class='blog-pager' id='blog-pager'> <b:if cond='data:newerPageUrl'> <div class='mobile-link-button' 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:newerPageTitle'>&lsaquo;</a> </div> </b:if> <b:if cond='data:olderPageUrl'> <div class='mobile-link-button' 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:olderPageTitle'>&rsaquo;</a> </div> </b:if> <div class='mobile-link-button' id='blog-pager-home-link'> <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a> </div> <div class='mobile-desktop-link'> <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a> </div> </div> <div class='clear'/> </b:includable> <b:includable id='mobile-post' var='post'> <div class='date-outer'> <b:if cond='data:post.dateHeader'> <h2 class='date-header'><span><data:post.dateHeader/></span></h2> </b:if> <div class='date-posts'> <div class='post-outer'> <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='https://schema.org/BlogPosting'> <b:if cond='data:post.thumbnailUrl'> <meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/> </b:if> <meta expr:content='data:blog.blogId' itemprop='blogId'/> <meta expr:content='data:post.id' itemprop='postId'/> <a expr:name='data:post.id'/> <b:if cond='data:post.title'> <h3 class='post-title entry-title' itemprop='name'> <b:if cond='data:post.link'> <a expr:href='data:post.link'><data:post.title/></a> <b:elseif cond='data:post.url and data:blog.url != data:post.url'/> <a expr:href='data:post.url'><data:post.title/></a> <b:else/> <data:post.title/> </b:if> </h3> </b:if> <div class='post-header'> <div class='post-header-line-1'/> </div> <div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'> <data:post.body/> <div style='clear: both;'/> <!-- clear for photos floats --> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'> <span class='post-author vcard'> <b:if cond='data:top.showAuthor'> <b:if cond='data:post.authorProfileUrl'> <span class='fn' itemprop='author' itemscope='itemscope' itemtype='https://schema.org/Person'> <meta expr:content='data:post.authorProfileUrl' itemprop='url'/> <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'> <span itemprop='name'><data:post.author/></span> </a> </span> <b:else/> <span class='fn' itemprop='author' itemscope='itemscope' itemtype='https://schema.org/Person'> <span itemprop='name'><data:post.author/></span> </span> </b:if> </b:if> </span> <span class='post-timestamp'> <b:if cond='data:top.showTimestamp'> <data:top.timestampLabel/> <b:if cond='data:post.url'> <meta expr:content='data:post.url.canonical' itemprop='url'/> <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><span class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></span></a> </b:if> </b:if> </span> <span class='post-comment-link'> <b:include cond='data:blog.pageType not in {"item","static_page"} and data:post.allowComments' data='post' name='comment_count_picker'/> </span> </div> <div class='post-footer-line post-footer-line-2'> <b:if cond='data:top.showMobileShare'> <div class='mobile-link-button goog-inline-block' id='mobile-share-button'> <a href='javascript:void(0);'><data:shareMsg/></a> </div> </b:if> <b:if cond='data:top.showDummy'> <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div> </b:if> </div> </div> </div> <b:include cond='data:blog.pageType in {"static_page","item"}' data='post' name='comment_picker'/> </div> </div> </div> </b:includable> <b:includable id='nextprev'> <div class='blog-pager' id='blog-pager'> <b:if cond='data:newerPageUrl'> <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:newerPageTitle'><data:newerPageTitle/></a> </span> </b:if> <b:if cond='data:olderPageUrl'> <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:olderPageTitle'><data:olderPageTitle/></a> </span> </b:if> <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a> <b:if cond='data:mobileLinkUrl'> <div class='blog-mobile-link'> <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a> </div> </b:if> </div> <div class='clear'/> </b:includable> <b:includable id='post' var='post'> <article class='post'> <b:switch var='data:blog.pageType'> <b:case value='static_page'/> <!-- Posting halaman statis --> <div> <b:if cond='data:post.title'> <h1 class='post-title entry-title'> <b:if cond='data:post.link'> <a expr:href='data:post.link'><data:post.title/></a> <b:else/> <b:if cond='data:post.url'> <b:if cond='data:blog.url != data:post.url'> <a expr:href='data:post.url'><data:post.title/></a> <b:else/> <data:post.title/> </b:if> <b:else/> <data:post.title/> </b:if> </b:if> </h1> </b:if> <div class='post-body entry-content' expr:id='"post-body-" + data:post.id'> <div id='body-post-it'> <data:post.body/> </div> <div style='clear: both;'/> </div> </div> <script> 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'/> <!-- Posting halaman item --> <div> <b:if cond='data:post.firstImageUrl'> <meta expr:content='data:post.firstImageUrl' itemprop='image'/> </b:if> <div class='label-wrap'> <b:if cond='data:post.labels'> <b:loop values='data:post.labels' var='label'> <div class='label-info'> <a class='label-block' expr:href='data:label.url + "?max-results=7"' rel='tag'> <data:label.name/></a><b:if cond='data:label.isLast != "true"'/> </div> </b:loop> </b:if> </div> <b:if cond='data:blog.pageType == "item"'> <div class='thumb-post'> <b:if cond='data:blog.postImageUrl'> <img expr:alt='data:blog.pageName' expr:src='data:blog.postImageUrl' expr:title='data:blog.pageName' height='300' width='600'/> <b:else/> <img expr:alt='data:post.title' expr:title='data:post.title' height='300' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMGB8tJF1z0a8dbQ8Raxmb5IFkj_EQ3dc0MUktBS6Qu04GHEsxli70_0MKUGEj2Apw73j37KrJmpNlB3M3fdb6QKQXb2NzqZZEJt97CiNAzzWXET9Bj1b9uEK40WIt16xXb40KMJYj9VA/s600/no-thumbnail.jpg' width='600'/> </b:if> </div> </b:if> <div class='clear'/> <a expr:name='data:post.id'/> <b:if cond='data:post.title'> <h1 class='post-title entry-title' itemprop='name headline'> <b:if cond='data:post.link'> <a expr:href='data:post.link'><data:post.title/></a> <b:else/> <b:if cond='data:post.url'> <b:if cond='data:blog.url != data:post.url'> <a expr:href='data:post.url'><data:post.title/></a> <b:else/> <data:post.title/> </b:if> <b:else/> <data:post.title/> </b:if> </b:if> </h1> </b:if> <div class='post-info info-3'> <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> <b:include data='post' name='postsharebutton'/> <script type='text/javascript'> //<![CDATA[ var relatedTitles=new Array,relatedTitlesNum=0,relatedUrls=new Array;function bacajuga(e){for(var l=0;l<e.feed.entry.length;l++){var t=e.feed.entry[l];relatedTitles[relatedTitlesNum]=t.title.$t;for(var r=0;r<t.link.length;r++)if("alternate"==t.link[r].rel){relatedUrls[relatedTitlesNum]=t.link[r].href,relatedTitlesNum++;break}}}function removeRelatedDuplicates(){for(var e=new Array(0),l=new Array(0),t=0;t<relatedUrls.length;t++)contains(e,relatedUrls[t])||(e.length+=1,e[e.length-1]=relatedUrls[t],l.length+=1,l[l.length-1]=relatedTitles[t]);relatedTitles=l,relatedUrls=e}function contains(e,l){for(var t=0;t<e.length;t++)if(e[t]==l)return!0;return!1}function printRelatedLabels(e){for(var l=0;l<relatedUrls.length;l++)relatedUrls[l]==e&&(relatedUrls.splice(l,1),relatedTitles.splice(l,1));var t=Math.floor((relatedTitles.length-1)*Math.random());l=0;if(relatedTitles.length>1){for(document.write("<h2>Baca Juga</h2>"),document.write("<ul>");l<relatedTitles.length&&l<20&&l<jumlahbacajuga;)document.write('<li><a href="'+relatedUrls[t]+'">'+relatedTitles[t]+"</a></li>"),t<relatedTitles.length-1?t++:t=0,l++;document.write("</ul>")}relatedUrls.splice(0,relatedUrls.length),relatedTitles.splice(0,relatedTitles.length)} //]]> </script> <div id='baca-juga'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast != "true"'> </b:if> <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=bacajuga&max-results=5"' type='text/javascript'/> </b:loop> <script type='text/javascript'> var jumlahbacajuga=3; removeRelatedDuplicates(); printRelatedLabels("<data:post.url/>"); </script> </div> <div class='post-body entry-content' expr:id='"post-body-" + data:post.id'> <meta expr:content='data:post.snippet' itemprop='description'/> <div id='body-post-it'> <data:post.body/> </div> <div style='clear: both;'/> <b:include data='post' name='relatedpost'/> </div> </div> <b:default/> <!-- Posting halaman default (index, arsip, dll.) --> <b:if cond='data:post.labels'> <div class='label-line'> <span class='label-info-th'> <b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url + "?&max-results=8"' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'/> </b:loop> </span> </div> </b:if> <b:include data='post' name='postthumbnail'/> <b:if cond='data:post.firstImageUrl'> <meta expr:content='data:post.firstImageUrl' itemprop='image'/> </b:if> <a expr:name='data:post.id'/> <b:if cond='data:post.title'> <h2 class='post-title entry-title' itemprop='name headline'> <b:if cond='data:post.link'> <a expr:href='data:post.link'><data:post.title/></a> <b:else/> <b:if cond='data:post.url'> <b:if cond='data:blog.url != data:post.url'> <a expr:href='data:post.url'><data:post.title/></a> <b:else/> <data:post.title/> </b:if> <b:else/> <data:post.title/> </b:if> </b:if> </h2> </b:if> <div class='post-info info-1'> <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> <div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='description'> <div class='post-snippet'> <data:post.snippet/> </div> </div> </b:switch> <div style='clear: both;'/> </article> </b:includable> <b:includable id='postQuickEdit' var='post'> <b:if cond='data:post.editUrl'> <span expr:class='"item-control " + data:post.adminClass'> <span class='edit-post'> <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'> <strong>Edit</strong> </a> </span> </span> </b:if> </b:includable> <b:includable id='postauthorbox' var='post'> <b:if cond='data:post.authorAboutMe'> <div class='author-profile' itemprop='author' itemscope='itemscope' itemtype='https://schema.org/Person'> <b:if cond='data:post.authorPhoto.url'> <img expr:src='data:post.authorPhoto.url' itemprop='image' width='90px'/> </b:if> <div> <a class='g-profile' expr:href='data:post.authorProfileUrl' itemprop='url' rel='author' title='author profile'> <span itemprop='name'><data:post.author/></span> </a> </div> <span itemprop='description'><data:post.authorAboutMe/></span> </div> </b:if> </b:includable> <b:includable id='postauthorinfo' var='post'> <b:if cond='data:top.showAuthor'> <span class='author-info'> By <span itemprop='author' itemscope='itemscope' itemtype='https://schema.org/Person'> <meta expr:content='data:post.authorProfileUrl' itemprop='url'/> <b:if cond='data:post.authorProfileUrl'> <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'> <span itemprop='name'><data:post.author/></span> </a> <b:else/> <span itemprop='name'><data:post.author/></span> </b:if> </span> </span> </b:if> </b:includable> <b:includable id='postcommentinfo' var='post'> <b:if cond='data:post.allowComments'> <span class='comment-info'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'> <b:if cond='data:post.numComments == 0'> 0 </b:if> <b:if cond='data:post.numComments == 1'> 1 </b:if> <b:if cond='data:post.numComments > 1'> <data:post.numComments/> 0 </b:if> </a> </span> </b:if> </b:includable> <b:includable id='postcommentinfo2' var='post'> <b:if cond='data:post.allowComments'> <span class='comment-info'> <a expr:onclick='data:post.addCommentOnclick' href='#comment-form'> <b:if cond='data:post.numComments == 0'> 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> </b:includable> <b:includable id='postdateinfo' var='post'> <b:if cond='data:post.dateHeader'> <span class='time-info'><span class='updated published' expr:title='data:post.timestampISO8601'> <meta expr:content='data:post.timestampISO8601' itemprop='datePublished'/> <data:post.dateHeader/> </span></span> <b:else/> <b:if cond='data:top.showTimestamp'> <span class='time-info'><span class='updated published' expr:title='data:post.timestampISO8601'> <meta expr:content='data:post.timestampISO8601' itemprop='datePublished'/> <data:post.timestamp/> </span></span> </b:if> </b:if> </b:includable> <b:includable id='postlabelinfo' var='post'> <b:if cond='data:post.labels'> <span class='label-info'> <b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'/> </b:loop> </span> </b:if> </b:includable> <b:includable id='postsharebutton' var='post'> <div id='share-container'> <div id='share'> <!-- facebook --> <a class='facebook' expr:href='"https://www.facebook.com/sharer.php?u=" + data:blog.url' rel='nofollow' target='blank'><i class='fa fa-facebook'/></a> <!-- twitter --> <a class='twitter' expr:href='"https://twitter.com/share?url=" + data:post.url' rel='nofollow' target='blank'><i class='fa fa-twitter'/></a> <!-- google plus --> <a class='googleplus' expr:href='"https://plus.google.com/share?url=" + data:blog.url' rel='nofollow' target='blank'><i class='fa fa-google-plus'/></a> <!-- linkedin --> <a class='linkedin' expr:href='"https://www.linkedin.com/shareArticle?mini=true&amp;url=" + data:post.url + "&amp;title=" + data:post.title + "&amp;summary=" + data:post.snippets' rel='nofollow' target='blank'><i class='fa fa-linkedin'/></a> <!-- pinterest --> <a class='pinterest' expr:href='"https://pinterest.com/pin/create/button/?url=" + data:post.url + "&amp;media=" + data:blog.postImageUrl + "&amp;description=" + data:post.title' rel='nofollow' target='blank'><i class='fa fa-pinterest-p'/></a> <a class='whatsapp' data-action='share/whatsapp/share' expr:href='"whatsapp://send?text=" + data:post.title + "%20%2D%20" + data:post.url'><i aria-hidden='true' class='fa fa-whatsapp'/></a> </div> </div> </b:includable> <b:includable id='postsubscribebox' var='post'> <div class='berlangganan-box'> <form action='https://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open('https://feedburner.google.com/fb/a/mailverify?uri=rian_seo', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'> <p>Jangan lupa untuk Berlangganan update artikel terbaru via email:</p><p><input class='email-address' name='email' placeholder='Masukan alamat email Anda...' type='text'/></p><input name='uri' type='hidden' value='rian_seo'/> <input name='loc' type='hidden' value='en_US'/> <p><input class='submit-email' type='submit' value='Berlangganan'/></p> </form> </div> <!-- ... Edit ID feedburner BlogMasSugeng di atas dengan ID feedburner milik sobat ... --> </b:includable> <b:includable id='postthumbnail' var='post'> <div class='img-thumbnail'> <b:if cond='data:post.thumbnailUrl'> <a expr:href='data:post.url'><img expr:alt='data:post.title' expr:src='resizeImage(data:post.thumbnailUrl, 255, "300:200")' expr:title='data:post.title'/> </a> <b:else/> <b:if cond='data:post.firstImageUrl'> <a expr:href='data:post.url'><img expr:alt='data:post.title' expr:src='data:post.firstImageUrl' expr:title='data:post.title'/> </a> <b:else/> <a expr:href='data:post.url'><img expr:alt='data:post.title' expr:title='data:post.title' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_rtqGC5BargRGvqsnaR922kzNVzHFgcs1BBP5R2f02ZrjxV585F9OXunufDPJPWdBfBx1wsERulQzMzaCgcdGG-kQ_oI1JJARpA6txFEBOczAVCpB66GqSoAks98ofCeiHQUgBIw6uGQ1/w255-c-h170/no-image.png'/> </a> </b:if> </b:if> </div> </b:includable> <b:includable id='relatedpost' var='post'> <div class='related-post' expr:id='"related-post-" + data:post.id'/> <script> 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>Related Posts</h4></div>", numPosts: 4, summaryLength: 370, titleLength: "auto", thumbnailSize: 200, noImage: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_rtqGC5BargRGvqsnaR922kzNVzHFgcs1BBP5R2f02ZrjxV585F9OXunufDPJPWdBfBx1wsERulQzMzaCgcdGG-kQ_oI1JJARpA6txFEBOczAVCpB66GqSoAks98ofCeiHQUgBIw6uGQ1/w250-c-h250/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='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> <div style='clear: both;'/> </b:if> </b:includable> <b:includable id='threaded-comment-form' var='post'> <div class='comment-form'> <a name='comment-form'/> <b:if cond='data:mobile'> <div class='pesan-komentar'><p><data:blogCommentMessage/></p></div> <data:blogTeamBlogMessage/> <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/> <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/> <b:else/> <div class='pesan-komentar'><p><data:blogCommentMessage/></p></div> <data:blogTeamBlogMessage/> <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/> <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/> </b:if> <data:post.friendConnectJs/> <data:post.cmtfpIframe/> <script> BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>'); </script> </div> </b:includable> <b:includable id='threaded_comment_js' var='post'> <script async='async' expr:src='data:post.commentSrc'/> <script> (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'> <div class='comments' id='comments'> <a name='comments'/> <h3><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></h3> <div class='comments-content'> <b:if cond='data:post.embedCommentForm'> <b:include data='post' name='threaded_comment_js'/> </b:if> <div id='comment-holder'> <data:post.commentHtml/> </div> </div> <p class='comment-footer'> <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'> <div id='comment-popup'> <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'> </iframe> </div> </b:if> <div id='backlinks-container'> <div expr:id='data:widget.instanceId + "_backlinks-container"'> <b:if cond='data:post.showBacklinks'> <b:include data='post' name='backlinks'/> </b:if> </div> </div> </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'><![CDATA[<a href="https://www.dastgeertech.com/" target="_blank"><img src="" width="320" height="400" border="0" /></a>]]></b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:if cond='data:blog.pageType in {"item"}'> <!-- only display title if it's non-empty --> <b:if cond='data:title != ""'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <div id='kode-iklan-atas'> <data:content/> </div> </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'><![CDATA[<a href="https://www.hostg.xyz/aff_c?offer_id=6&aff_id=8544" target="_blank"><img src="https://media.go2speed.org/brand/files/hostinger/6/hosting325x300affglobal.png" width="325" height="300" border="0" /></a>]]></b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:if cond='data:blog.pageType in {"item"}'> <!-- only display title if it's non-empty --> <b:if cond='data:title != ""'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <div id='kode-iklan-tengah1'> <data:content/> </div> </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"}'> <!-- only display title if it's non-empty --> <b:if cond='data:title != ""'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <div id='kode-iklan-tengah2'> <data:content/> </div> </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'><![CDATA[<a href="https://www.hostg.xyz/aff_c?offer_id=6&aff_id=8544" target="_blank"><img src="https://media.go2speed.org/brand/files/hostinger/6/336x280-a.jpg" width="672" height="300" border="0" /></a>]]></b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:if cond='data:blog.pageType in {"item"}'> <!-- only display title if it's non-empty --> <b:if cond='data:title != ""'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <div id='kode-iklan-bawah'> <data:content/> </div> </div> </b:if> </b:includable> </b:widget> </b:section> <b:if cond='data:blog.pageType in {"item"}'> <script type='text/javascript'> 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.getElementsByTagName("br"); if (lokasi.length > 0) { insertAbove(iklanAtas,konten); insertBellow(iklanBawah); } if (lokasi.length > 2) { insertAfter(iklan1,lokasi[2]); } else { iklan1.innerHTML = ""; } if (lokasi.length > 10) { insertAfter(iklan2,lokasi[10]); } else { iklan2.innerHTML = ""; } if (lokasi.length > 4) { insertAfter(bacaJuga,lokasi[4]); } else { bacaJuga.innerHTML = ""; } </script> </b:if> </div> <b:if cond='data:blog.pageType == "index"'> <b:if cond='data:blog.searchLabel'><b:else/> <b:section class='recent-post-one-thumb' id='recent-post-one-thumb-1' maxwidgets='1' preferred='yes' showaddelement='no'> <b:widget id='HTML80' locked='false' mobile='yes' title='Shopiey' type='HTML' version='1'> <b:widget-settings> <b:widget-setting name='content'>Cat</b:widget-setting> </b:widget-settings> <b:includable id='main'> <div class='widget-content recent-posts'> <script> document.write('<div class="recent-post-title"><h2><a href="/search/label/<data:content/>?max-results=10"><data:title/></a></h2></div>'); document.write("<script src=\"/feeds/posts/default/-/<data:content/>?orderby=updated&alt=json-in-script&callback=labelthumbs\"><\/script>"); </script> </div> </b:includable> </b:widget> </b:section> <b:section class='recent-post-one-thumb' id='recent-post-one-thumb-2' maxwidgets='1' preferred='yes' showaddelement='no'> <b:widget id='HTML81' locked='false' mobile='yes' title='Blibli' type='HTML' version='1'> <b:widget-settings> <b:widget-setting name='content'>Elite</b:widget-setting> </b:widget-settings> <b:includable id='main'> <div class='widget-content recent-posts'> <script> document.write('<div class="recent-post-title"><h2><a href="/search/label/<data:content/>?max-results=10"><data:title/></a></h2></div>'); document.write("<script src=\"/feeds/posts/default/-/<data:content/>?orderby=updated&alt=json-in-script&callback=labelthumbs\"><\/script>"); </script> </div> </b:includable> </b:widget> </b:section> <div class='clear'/> <b:section class='recent-post-one-thumb' id='recent-post-one-thumb-3' maxwidgets='1' preferred='yes' showaddelement='no'> <b:widget id='HTML82' locked='false' mobile='yes' title='eBay' type='HTML' version='1'> <b:widget-settings> <b:widget-setting name='content'>eBay</b:widget-setting> </b:widget-settings> <b:includable id='main'> <div class='widget-content recent-posts'> <script> document.write('<div class="recent-post-title"><h2><a href="/search/label/<data:content/>?max-results=10"><data:title/></a></h2></div>'); document.write("<script src=\"/feeds/posts/default/-/<data:content/>?orderby=updated&alt=json-in-script&callback=labelthumbs\"><\/script>"); </script> </div> </b:includable> </b:widget> </b:section> <b:section class='recent-post-one-thumb' id='recent-post-one-thumb-4' maxwidgets='1' preferred='yes' showaddelement='no'> <b:widget id='HTML83' locked='false' mobile='yes' title='Lazada' type='HTML' version='1'> <b:widget-settings> <b:widget-setting name='content'>Sport</b:widget-setting> </b:widget-settings> <b:includable id='main'> <div class='widget-content recent-posts'> <script> document.write('<div class="recent-post-title"><h2><a href="/search/label/<data:content/>?max-results=10"><data:title/></a></h2></div>'); document.write("<script src=\"/feeds/posts/default/-/<data:content/>?orderby=updated&alt=json-in-script&callback=labelthumbs\"><\/script>"); </script> </div> </b:includable> </b:widget> </b:section> <div class='clear'/> </b:if> </b:if> </div> <!-- post wrapper end --> <!-- sidebar wrapper start --> <aside id='sidebar-wrapper'> <div class='sidebar-container'> <b:section class='sidebar' id='sidebar' preferred='yes'> <b:widget id='HTML1' locked='false' title='Artikel Terbaru' type='HTML'> <b:widget-settings> <b:widget-setting name='content'><style scoped='' type='text/css'> #recent-posts{color:#999;font-size:12px} #recent-posts img{background:#ffffff;float:left;height:70px;margin-right:8px;width:100px;border-radius:0} #recent-posts ul{margin:0 0 !important;padding:0} #recent-posts ul li{margin:0 0 10px;padding:0 0;border-bottom:0} #recent-posts ul li:last-child{border-bottom:0} #recent-posts ul li a{display:block;color:#333333;font-weight:500;text-decoration:none;font-size:14px;margin:0 0 14px 0;line-height:normal} #recent-posts ul li a:hover {color:#0066cc;} </style> <div id='recent-posts'> <script type='text/javaScript'> var rcp_numposts=5; var rcp_snippet_length=130; var rcp_info='yes'; var rcp_comment='Komentar'; var rcp_disable='T?t Nh?n xét'; function recent_posts(json){var dw='';a=location.href;y=a.indexOf('?m=0');dw+='<ul>';for(var i=0;i<rcp_numposts;i++){var entry=json.feed.entry[i];var rcp_posttitle=entry.title.$t;if('content'in entry){var rcp_get_snippet=entry.content.$t}else{if('summary'in entry){var rcp_get_snippet=entry.summary.$t}else{var rcp_get_snippet="";}};rcp_get_snippet=rcp_get_snippet.replace(/<[^>]*>/g,"");if(rcp_get_snippet.length<rcp_snippet_length){var rcp_snippet=rcp_get_snippet}else{rcp_get_snippet=rcp_get_snippet.substring(0,rcp_snippet_length);var space=rcp_get_snippet.lastIndexOf(" ");rcp_snippet=rcp_get_snippet.substring(0,space)+"&#133;";};for(var j=0;j<entry.link.length;j++){if('thr$total'in entry){var rcp_commentsNum=entry.thr$total.$t+' '+rcp_comment}else{rcp_commentsNum=rcp_disable};if(entry.link[j].rel=='alternate'){var rcp_posturl=entry.link[j].href;if(y!=-1){rcp_posturl=rcp_posturl+'?m=0'}var rcp_postdate=entry.published.$t;if('media$thumbnail'in entry){var rcp_thumb=entry.media$thumbnail.url}else{rcp_thumb="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTcfy-nzfdTaZ574u6IRfdVhzU6bfklZgldyd1rLKlYZGuXX7ff83f-VBn4Fv89AaLInV2O9RMs34BMn2YWZJRw-g_ntzgEuDQHfXt6mOOCJXp5eSREPqOaINFuEPSXtZWnYFb1RD9OHwc/"};}};dw+='<li>';dw+='<img alt="'+rcp_posttitle+'" src="'+rcp_thumb+'"/>';dw+='<div><a href="'+rcp_posturl+'" rel="nofollow" title="'+rcp_snippet+'">'+rcp_posttitle+'</a></div>';if(rcp_info=='yes'){dw+='<span>'+rcp_postdate.substring(8,10)+'/'+rcp_postdate.substring(5,7)+'/'+rcp_postdate.substring(0,4)+' - '+rcp_commentsNum+'</span>';};dw+='<div style="clear:both"></div></li>';};dw+='</ul>';document.getElementById('recent-posts').innerHTML=dw;};document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results='+rcp_numposts+'&callback=recent_posts\"><\/script>'); </script> </div></b:widget-setting> </b:widget-settings> <b:includable id='main'> <!-- only display title if it's non-empty --> <b:if cond='data:title != ""'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> </b:includable> </b:widget> </b:section> <b:section class='sidebar-sticky' id='sidebar-sticky' preferred='yes'> <b:widget id='HTML5' locked='false' title='Slider Post' type='HTML'> <b:widget-settings> <b:widget-setting name='content'><style scoped="" type="text/css"> ul.rcentside *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box }ul.rcentside{font-size:11px}ul.rcentside,ul.rcentside li{margin:0;padding:0;list-style:none;position:relative }ul.rcentside{width:100%;height:500px }ul.rcentside li{height:24.5%;position:absolute;padding:0;width:49.5%;float:left;overflow:hidden;display:none }ul.rcentside li:nth-child(1),ul.rcentside li:nth-child(2),ul.rcentside li:nth-child(3),ul.rcentside li:nth-child(4){display:block }ul.rcentside img{border:0;width:100%;height:auto}ul.rcentside li:nth-child(1){width:100%;height:49.5%;margin:0 0 2px;left:0;top:0 }ul.rcentside li:nth-child(2){left:0;top:50% }ul.rcentside li:nth-child(3){left:50.5%;top:50% }ul.rcentside li:nth-child(4){width:100%;left:0;top:75% }ul.rcentside .overlayx,ul.rcentside li{transition:all .4s ease-in-out }ul.rcentside .overlayx{width:100%;height:100%;position:absolute;z-index:2;left:0;top:0;opacity:.6;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRCwap_SbbngmZ2ozyIphAvNluA1itkmSSkkhE59GH_6A9JIUehgyLfpcMQ1q3GlfQ5QZxrpEz-aQL2ZMs4wXtQ9W-lJtUUTT7LjjxK5K-APh5i8YN54gFe4dzFF2SUaOwgkHuRpb_cKc/s1600/linebg-fade.png);background-position:50% 50%;background-repeat:repeat-x }ul.rcentside .overlayx,ul.rcentside img{margin:3px}ul.rcentside li:nth-child(1).overlayx{background-position:50% 25% }ul.rcentside .overlayx:hover{opacity:.1 }ul.rcentside h4{position:absolute;bottom:10px;left:10px;right:10px;z-index:2;color:#fff;font-weight:700;margin:0;padding:10px;line-height:1.5em;font-weight:normal;overflow:hidden;transition:all .3s}ul.rcentside li:hover h4{bottom:30px}ul.rcentside li:nth-child(1)h4,ul.rcentside li:nth-child(4)h4{font-size:150% }ul.rcentside .label_text{position:absolute;bottom:0;left:20px;z-index:2;color:#fff;font-size:90%;opacity:0;transition:all .3s}ul.rcentside li:hover .label_text{bottom:20px;opacity:1}ul.rcentside li:nth-child(2).autname,ul.rcentside li:nth-child(3).autname{display:none }.buttons{margin:5px 0 0 }.buttons a{display:inline-block;text-indent:-9999px;width:15px;height:25px;position:relative }.buttons a::before{content:"";width:0;height:0;border-width:8px 7px;border-style:solid;border-color:transparent #535353 transparent transparent;position:absolute;top:50%;margin-top:-8px;margin-left:-10px;left:50% }.buttons a.nextx::before{border-color:transparent transparent transparent #535353;margin-left:-3px } </style> <div id="featuredpostside"></div> <script type='text/javascript'> function FeaturedPostSide(a){(function(e){var h={blogURL:"",MaxPost:4,idcontaint:"",ImageSize:100,interval:5000,autoplay:false,loadingClass:"loadingxx",pBlank:"http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s1600/grey.gif",MonthNames:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],tagName:false};h=e.extend({},h,a);var g=e(h.idcontaint);var d=h.MaxPost*200;g.html('<div class="sliderx"><ul class="rcentside"></ul></div><div class="buttons"><a href="#" class="prevx">prev</a><a href="#" class="nextx">next</a></div>');var f=function(w){var q,k,m,u,x,p,t,v,r,l="",s=w.feed.entry;for(var o=0;o<s.length;o++){for(var n=0;n<s[o].link.length;n++){if(s[o].link[n].rel=="alternate"){q=s[o].link[n].href;break}}if("media$thumbnail" in s[o]){u=s[o].media$thumbnail.url.replace(/\/s[0-9]+\-c/g,"/s"+h.ImageSize+"-c")}else{u=h.pBlank.replace(/\/s[0-9]+(\-c|\/)/,"/s"+h.ImageSize+"$1")}k=s[o].title.$t;r=s[o].published.$t.substring(0,10);m=s[o].author[0].name.$t;x=r.substring(0,4);p=r.substring(5,7);t=r.substring(8,10);v=h.MonthNames[parseInt(p,10)-1];l+='<li><a target="_blank" href="'+q+'"><div class="overlayx"></div><img class="random" src="'+u+'"/><h4>'+k+'</h4></a><div class="label_text"><span class="date"><span class="dd">'+t+'</span> <span class="dm">'+v+'</span> <span class="dy">'+x+'</span></span> <span class="autname">'+m+"</span></div></li>"}e("ul",g).append(l).addClass(h.loadingClass)};var c=function(){e(h.idcontaint+" .nextx").click()};var b=function(){e.get((h.blogURL===""?window.location.protocol+"//"+window.location.host:h.blogURL)+"/feeds/posts/summary"+(h.tagName===false?"":"/-/"+h.tagName)+"?max-results="+h.MaxPost+"&orderby=published&alt=json-in-script",f,"jsonp");setTimeout(function(){e(h.idcontaint+" .prevx").click(function(){e(h.idcontaint+" .sliderx li:first").before(e(h.idcontaint+" .sliderx li:last"));return false});e(h.idcontaint+" .nextx").click(function(){e(h.idcontaint+" .sliderx li:last").after(e(h.idcontaint+" .sliderx li:first"));return false});if(h.autoplay){var i=h.interval;var j=setInterval(c,i);e(h.idcontaint+" .sliderx li:first").before(e(h.idcontaint+" .sliderx li:last"));e(h.idcontaint+" .sliderx").hover(function(){clearInterval(j)},function(){j=setInterval(c,i)})}e("ul",g).removeClass(h.loadingClass)},d)};e(document).ready(b)})(jQuery)}; //<![CDATA[ FeaturedPostSide({ blogURL: "https://viospaper.blogspot.com", MaxPost: 8, idcontaint: "#featuredpostside", ImageSize: 300, interval: 5000, autoplay: true, tagName: false }); //]]> </script></b:widget-setting> </b:widget-settings> <b:includable id='main'> <!-- only display title if it's non-empty --> <b:if cond='data:title != ""'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> </b:includable> </b:widget> <b:widget id='HTML11' locked='false' title='' type='HTML'> <b:widget-settings> <b:widget-setting name='content'><![CDATA[<a href="https://www.hostg.xyz/aff_c?offer_id=6&aff_id=8544" target="_blank"><img src="https://media.go2speed.org/brand/files/hostinger/6/spanish-300x600.png" width="300" height="600" border="0" /></a>]]></b:widget-setting> </b:widget-settings> <b:includable id='main'> <!-- only display title if it's non-empty --> <b:if cond='data:title != ""'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> </b:includable> </b:widget> <b:widget id='PopularPosts1' locked='false' title='Artikel Terbaik' type='PopularPosts'> <b:widget-settings> <b:widget-setting name='numItemsToShow'>8</b:widget-setting> <b:widget-setting name='showThumbnails'>false</b:widget-setting> <b:widget-setting name='showSnippets'>false</b:widget-setting> <b:widget-setting name='timeRange'>LAST_YEAR</b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:if cond='data:title != ""'><h2><data:title/></h2></b:if> <div class='widget-content popular-posts'> <ul> <b:loop values='data:posts' var='post'> <li> <b:if cond='!data:showThumbnails'> <b:if cond='!data:showSnippets'> <!-- (1) No snippet/thumbnail --> <a expr:href='data:post.href'><data:post.title/></a> <b:else/> <!-- (2) Show only snippets --> <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div> <div class='item-snippet'><data:post.snippet/></div> </b:if> <b:else/> <!-- (3) Show only thumbnails or (4) Snippets and thumbnails. --> <div expr:class='data:showSnippets ? "item-content" : "item-thumbnail-only"'> <b:if cond='data:post.featuredImage.isResizable or data:post.thumbnail'> <div class='item-thumbnail'> <a expr:href='data:post.href' target='_blank'> <b:with value='data:post.featuredImage.isResizable ? resizeImage(data:post.featuredImage, 72, "1:1") : data:post.thumbnail' var='image'> <img alt='' border='0' expr:src='data:image'/> </b:with> </a> </div> </b:if> <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div> <b:if cond='data:showSnippets'> <div class='item-snippet'><data:post.snippet/></div> </b:if> </div> <div style='clear: both;'/> </b:if> </li> </b:loop> </ul> <b:include name='quickedit'/> </div> </b:includable> </b:widget> <b:widget id='Label1' locked='false' title='Labels' type='Label'> <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'> <b:if cond='data:title != ""'> <h2><data:title/></h2> </b:if> <div expr:class='"widget-content " + data:display + "-label-widget-content"'> <b:if cond='data:display == "list"'> <ul> <b:loop values='data:labels' var='label'> <li> <b:if cond='data:blog.url == data:label.url'> <span expr:dir='data:blog.languageDirection'><data:label.name/></span> <b:else/> <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a> </b:if> <b:if cond='data:showFreqNumbers'> <span dir='ltr'>(<data:label.count/>)</span> </b:if> </li> </b:loop> </ul> <b:else/> <b:loop values='data:labels' var='label'> <span expr:class='"label-size label-size-" + data:label.cssSize'> <b:if cond='data:blog.url == data:label.url'> <span expr:dir='data:blog.languageDirection'><data:label.name/></span> <b:else/> <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a> </b:if> <b:if cond='data:showFreqNumbers'> <span class='label-count' dir='ltr'>(<data:label.count/>)</span> </b:if> </span> </b:loop> </b:if> <b:include name='quickedit'/> </div> </b:includable> </b:widget> </b:section> </div> </aside> <!-- sidebar wrapper end --> <div class='clear'/> </div> <!-- wrapper end --> <div class='sticky-stop'/> <!-- footer widget --> <aside id='widget-footer-container'> <div id='widget-footer-wrapper'> <b:section class='widget-footer' id='widget-footer1' preferred='yes'> <b:widget id='LinkList1' locked='false' title='Hosting' type='LinkList'> <b:widget-settings> <b:widget-setting name='link-5'>https://www.rianseo.com/2018/08/auto-like-instagram-turki-2018.html</b:widget-setting> <b:widget-setting name='link-6'>https://www.youtube.com/c/RianSEO</b:widget-setting> <b:widget-setting name='link-3'>https://www.rianseo.com/2018/05/2-aplikasi-android-untuk-auto-like.html</b:widget-setting> <b:widget-setting name='link-4'>https://www.rianseo.com/2018/05/cara-bom-like-instagram-seseorang.html</b:widget-setting> <b:widget-setting name='text-1'>VPS Hosting</b:widget-setting> <b:widget-setting name='text-0'>Web Hosting</b:widget-setting> <b:widget-setting name='text-3'>Blogger Hosting</b:widget-setting> <b:widget-setting name='text-2'>Cloud Hosting</b:widget-setting> <b:widget-setting name='text-5'>Cheap Web Hosting</b:widget-setting> <b:widget-setting name='text-4'>Email Hosting</b:widget-setting> <b:widget-setting name='text-6'>Buy Hosting</b:widget-setting> <b:widget-setting name='shownum'>7</b:widget-setting> <b:widget-setting name='sorting'>NONE</b:widget-setting> <b:widget-setting name='link-1'>https://www.rianseo.com/2018/05/auto-liker-auto-follow-auto-instagram.html</b:widget-setting> <b:widget-setting name='link-2'>https://www.rianseo.com/2018/04/cara-membuat-auto-instagram-all-in-one.html</b:widget-setting> <b:widget-setting name='link-0'>https://www.rianseo.com/2018/10/cara-akses-hublaagram-2019.html</b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:if cond='data:title != ""'><h2><data:title/></h2></b:if> <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> <b:include name='quickedit'/> </div> </b:includable> </b:widget> </b:section> <b:section class='widget-footer' id='widget-footer2' preferred='yes'> <b:widget id='HTML2' locked='false' title='Domain' type='HTML'> <b:widget-settings> <b:widget-setting name='content'><ul> <li><a href='#'>Domain Cheker</a></li> <li><a href='#'>Domain Search</a></li> <li><a href='#'>Buy Domain</a></li> <li><a href='#'>Domain Transfer</a></li> <li><a href='#'>XYZ Domain</a></li> <li><a href='#'>Cheap SSL Certificate</a></li> <li><a href='#'>Domain Name Search</a></li> <li><a href='#'>Free SSL Certificate</a></li> </ul></b:widget-setting> </b:widget-settings> <b:includable id='main'> <!-- only display title if it's non-empty --> <b:if cond='data:title != ""'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> </b:includable> </b:widget> </b:section> <b:section class='widget-footer' id='widget-footer3' preferred='yes'> <b:widget id='HTML4' locked='false' title='Information' type='HTML'> <b:widget-settings> <b:widget-setting name='content'><ul> <li><a href='#'>Servers Status</a></li> <li><a href='#'>Affiliate Program</a></li> <li><a href='#'>Payment Methods</a></li> <li><a href='#'>Report Abuse</a></li> <li><a href='#'>Knowledge Base</a></li> <li><a href='#'>Tutorials</a></li> <li><a href='#'>Our Technology</a></li> <li><a href='https://www.blogger.com/follow.g?blogID=5880249218780566273'>Blog</a></li> </ul></b:widget-setting> </b:widget-settings> <b:includable id='main'> <!-- only display title if it's non-empty --> <b:if cond='data:title != ""'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> </b:includable> </b:widget> </b:section> <b:section class='widget-footer' id='widget-footer4' preferred='yes'> <b:widget id='HTML3' locked='false' title='Terhubung' type='HTML'> <b:widget-settings> <b:widget-setting name='content'><ul> <li><a href='#'>About Us</a></li> <li><a href='#'>Contact Us</a></li> <li><a href='#'>Advertisement</a></li> <li><a href='#'>Disclaimer</a></li> <li><a href='#'>Privacy</a></li> <li><a href='#'>Kerja Sama</a></li> <li><a href='#'>Servers</a></li> <li><a href='https://www.blogger.com/follow.g?blogID=5880249218780566273'>Joint Us</a></li> </ul></b:widget-setting> </b:widget-settings> <b:includable id='main'> <!-- only display title if it's non-empty --> <b:if cond='data:title != ""'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> </b:includable> </b:widget> </b:section> </div> </aside> <div class='clear'/> <!-- footer widget --> <!-- footer wrapper start --> <footer id='footer-container' itemprop='mainEntity' itemscope='itemscope' itemtype='https://schema.org/WPFooter'> <div id='footer-wrapper'> <div class='footer-left'> © Copyright 2019 - <a expr:href='data:blog.homepageUrl'><data:blog.title/></a> </div> <div class='footer-right'>Theme By <a href='https://www.bloggingkaise.com/'>Bloggingkaise.com</a> </div> </div> </footer> <!-- footer wrapper end --> <div class='back-to-top'><a href='#' id='back-to-top' title='back to top'> <i class='fa fa-chevron-up'/> </a></div> <script> $(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"'> <script> //<![CDATA[ /*! Related Post Widget for Blogger by Taufik Nurrohman => https://gplus.to/tovic */ var randomRelatedIndex,showRelatedPost;(function(n,m,k){var d={widgetTitle:"<h4>Artikel Terkait:</h4>",widgetStyle:1,homePage:"https://www.dte.web.id",numPosts:7,summaryLength:370,titleLength:"auto",thumbnailSize:72,noImage:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC",containerId:"related-post",newTabLink:false,moreText:"Baca Selengkapnya",callBack:function(){}};for(var f in relatedPostConfig){d[f]=(relatedPostConfig[f]=="undefined")?d[f]:relatedPostConfig[f]}var j=function(a){var b=m.createElement("script");b.type="text/javascript";b.src=a;k.appendChild(b)},o=function(b,a){return Math.floor(Math.random()*(a-b+1))+b},l=function(a){var p=a.length,c,b;if(p===0){return false}while(--p){c=Math.floor(Math.random()*(p+1));b=a[p];a[p]=a[c];a[c]=b}return a},e=(typeof labelArray=="object"&&labelArray.length>0)?"/-/"+l(labelArray)[0]:"",h=function(b){var c=b.feed.openSearch$totalResults.$t-d.numPosts,a=o(1,(c>0?c:1));j(d.homePage.replace(/\/$/,"")+"/feeds/posts/summary"+e+"?alt=json-in-script&orderby=updated&start-index="+a+"&max-results="+d.numPosts+"&callback=showRelatedPost")},g=function(z){var s=document.getElementById(d.containerId),x=l(z.feed.entry),A=d.widgetStyle,c=d.widgetTitle+'<ul class="related-post-style-'+A+'">',b=d.newTabLink?' target="_blank"':"",y='<span style="display:block;clear:both;"></span>',v,t,w,r,u;if(!s){return}for(var q=0;q<d.numPosts;q++){if(q==x.length){break}t=x[q].title.$t;w=(d.titleLength!=="auto"&&d.titleLength<t.length)?t.substring(0,d.titleLength)+"…":t;r=("media$thumbnail" in x[q]&&d.thumbnailSize!==false)?x[q].media$thumbnail.url.replace(/.*?:\/\//g , "//").replace(/\/s[0-9]+(\-c)?/,"/s"+d.thumbnailSize+"-c"):d.noImage;u=("summary" in x[q]&&d.summaryLength>0)?x[q].summary.$t.replace(/<br ?\/?>/g," ").replace(/<.*?>/g,"").replace(/[<>]/g,"").substring(0,d.summaryLength)+"…":"";for(var p=0,a=x[q].link.length;p<a;p++){v=(x[q].link[p].rel=="alternate")?x[q].link[p].href:"#"}if(A==2){c+='<li><img alt="" class="related-post-item-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'"><a class="related-post-item-title" title="'+t+'" href="'+v+'"'+b+">"+w+'</a><span class="related-post-item-summary"><span class="related-post-item-summary-text">'+u+'</span> <a href="'+v+'" class="related-post-item-more"'+b+">"+d.moreText+"</a></span>"+y+"</li>"}else{if(A==3||A==4){c+='<li class="related-post-item" tabindex="0"><a class="related-post-item-title" href="'+v+'"'+b+'><img alt="" class="related-post-item-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'"></a><div class="related-post-item-tooltip"><a class="related-post-item-title" title="'+t+'" href="'+v+'"'+b+">"+w+"</a></div>"+y+"</li>"}else{if(A==5){c+='<li class="related-post-item" tabindex="0"><a class="related-post-item-wrapper" href="'+v+'" title="'+t+'"'+b+'><img alt="" class="related-post-item-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'"><span class="related-post-item-tooltip">'+w+"</span></a>"+y+"</li>"}else{if(A==6){c+='<li><a class="related-post-item-title" title="'+t+'" href="'+v+'"'+b+">"+w+'</a><div class="related-post-item-tooltip"><img alt="" class="related-post-item-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'"><span class="related-post-item-summary"><span class="related-post-item-summary-text">'+u+"</span></span>"+y+"</div></li>"}else{c+='<li><a title="'+t+'" href="'+v+'"'+b+">"+w+"</a></li>"}}}}}s.innerHTML=c+="</ul>"+y;d.callBack()};randomRelatedIndex=h;showRelatedPost=g;j(d.homePage.replace(/\/$/,"")+"/feeds/posts/summary"+e+"?alt=json-in-script&orderby=updated&max-results=0&callback=randomRelatedIndex")})(window,document,document.getElementsByTagName("head")[0]); //]]> </script> </b:if> <b:if cond='data:blog.isMobile == "false"'> <b:if cond='data:blog.pageType != "item"'> <b:if cond='data:blog.pageType != "static_page"'> </b:if> </b:if> </b:if> <script> //<![CDATA[ /* Sticky-kit v1.1.2 | WTFPL | Leaf Corcoran 2015 | https://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 !function(s){s.fn.menumaker=function(n){var e=s(this),o=s.extend({format:"dropdown",sticky:!1},n);return this.each(function(){s(this).find(".button").on("click",function(){s(this).toggleClass("menu-opened");var n=s(this).next("ul");n.hasClass("open")?n.slideToggle(150).removeClass("open"):(n.slideToggle(150).addClass("open"),"dropdown"===o.format&&n.find("ul").show())}),e.find("li ul").parent().addClass("has-sub"),multiTg=function(){e.find(".has-sub").prepend('<span class="submenu-button"></span>'),e.find(".submenu-button").on("click",function(){s(this).toggleClass("submenu-opened"),s(this).siblings("ul").hasClass("open")?s(this).siblings("ul").removeClass("open").slideToggle(150):s(this).siblings("ul").addClass("open").slideToggle(150)})},"multitoggle"===o.format?multiTg():e.addClass("dropdown"),!0===o.sticky&&e.css("position","fixed")})}}(jQuery),function(s){s(document).ready(function(){s("#cssmenu").menumaker({format:"multitoggle"})})}(jQuery); //]]> </script> <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> <script type='text/javascript'> //<![CDATA[ // Breaking News $(document).ready(function(){var e="https://viospaper.blogspot.com",t=20;$.ajax({url:""+e+"/feeds/posts/default?alt=json-in-script&max-results="+t,type:"get",dataType:"jsonp",success:function(e){function t(){$("#adbreakingnews li:first").slideUp(function(){$(this).appendTo($("#adbreakingnews ul")).slideDown()})}var n,r,s="",a=e.feed.entry;if(void 0!==a){s="<ul>";for(var l=0;l<a.length;l++){for(var o=0;o<a[l].link.length;o++)if("alternate"==a[l].link[o].rel){n=a[l].link[o].href;break}r=a[l].title.$t,s+='<li><a href="'+n+'" target="_blank">'+r+"</a></li>"}s+="</ul>",$("#adbreakingnews").html(s),setInterval(function(){t()},5e3)}else $("#adbreakingnews").html("<span>No result!</span>")},error:function(){$("#adbreakingnews").html("<strong>Error Loading Feed!</strong>")}})}); //]]> </script> <script type='text/javascript'> //<![CDATA[ var disqus_shortname="http-www-rianseo-com-1"; function downloadJSAtOnload(){var d=document.createElement("script");d.src="https://cdn.rawgit.com/KompiAjaib/js/master/flexible-post-6-1a.js",document.body.appendChild(d)}window.addEventListener?window.addEventListener("load",downloadJSAtOnload,!1):window.attachEvent?window.attachEvent("onload",downloadJSAtOnload):window.onload=downloadJSAtOnload; document.querySelectorAll(".separator")[0].style.display= "none"; function resizeThumbextralarge(e){for(var r=document.querySelectorAll(".thumb-post img"),t=0;t<r.length;t++)r[t].src=r[t].src.replace(/\/s1600/,"/s"+e),r[t].width=e,r[t].height=e}resizeThumbextralarge("600"); var str1=document.getElementById("middleads").innerHTML,str2=str1.length,str3=str2/2,substr=str1.substring(str3,str2),n=substr.search("<br>");if(0>n){n=substr.indexOf("."),0>n&&(n=0);var firsthalf=str1.substring(0,str3+n+1),secondhalf=str1.substring(str3+n+1,str2)}else var firsthalf=str1.substring(0,str3+n+4),secondhalf=str1.substring(str3+n+4,str2);var addcode=document.getElementById("middle-ads").innerHTML,newbody=firsthalf+addcode+secondhalf,strnew=document.getElementsByClassName("post-body entry-content");strnew[0].innerHTML=newbody,document.getElementById("middle-ads").innerHTML=""; //]]> </script> <link href='//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css' rel='stylesheet' type='text/css'/> <b:if cond='data:blog.pageType in {"item","index"}'> </div> </b:if> <!--</body>--></body> </html>​<?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html> <html b:css='false' b:responsive='true' b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'> <head> <meta content='width=device-width, initial-scale=1' name='viewport'/> <b:include data='blog' name='all-head-content'/> <meta content='#333' name='theme-color'/> <meta content='#333' name='msapplication-navbutton-color'/> <meta content='yes' name='apple-mobile-web-app-capable'/> <meta content='#333' name='apple-mobile-web-app-status-bar-style'/> <!-- Title --> <b:if cond='data:blog.pageType in {"index"} and data:blog.homepageUrl == data:blog.url'> <title><data:blog.pageTitle/></title> <b:else/> <b:if cond='data:blog.pageType in {"item","static_page"}'> <title><data:blog.pageName/> - <data:blog.title/></title> <b:else/> <b:if cond='data:blog.pageType in {"index"} and data:blog.pageName == ""'> <title>All Posts - <data:blog.title/></title> <b:else/> <b:if cond='data:blog.pageType in {"error_page"}'> <title>Page Not Found - <data:blog.title/></title> <b:else/> <title><data:blog.pageName/></title> </b:if> </b:if> </b:if> </b:if> <!-- Meta keywords otomatis homepage, static page, dan post --> <b:if cond='data:blog.pageType in {"index"} and data:blog.homepageUrl == data:blog.url'> <meta expr:content='data:blog.title' name='keywords'/> </b:if> <b:if cond='data:blog.pageType in {"item","static_page"}'> <meta expr:content='data:blog.pageName' name='keywords'/> </b:if> <!-- Noindex search page, label, dan arsip --> <b:if cond='data:blog.pageType in {"archive"} or data:blog.searchLabel or data:blog.searchQuery'> <meta content='noindex,nofollow' name='robots'/> </b:if> <!-- Facebook Open Graph Tag --> <b:if cond='data:blog.pageType == "item"'> <meta expr:content='data:blog.pageName' property='og:title'/> <meta content='article' property='og:type'/> <b:else/> <meta expr:content='data:blog.pageTitle' property='og:title'/> <meta content='website' property='og:type'/> </b:if> <b:if cond='data:blog.metaDescription'> <meta expr:content='data:blog.metaDescription' property='og:description'/> </b:if> <meta expr:content='data:blog.title' property='og:site_name'/> <b:skin><![CDATA[/* ----------------------------------------------- ----------------------------------------------- */ /* Variable definitions start ========================== <Variable name="keycolor" description="Main Color" type="color" default="#49ACE1" value="#49abe1"/> <Group description="Page Text" selector="body"> <Variable name="body.font" description="Font" type="font" default="normal normal 16px Roboto, Arial, sans-serif" value="normal normal 16px Roboto, Arial, sans-serif"/> <Variable name="body.text.color" description="Main Text Color" type="color" default="#444444" value="#444444"/> </Group> <Group description="Backgrounds" selector=".body-fauxcolumns-outer"> <Variable name="body.background.color" description="Body" type="color" default="#ffffff" value="#ffffff"/> <Variable name="header.background.kiri" description="Warna Header Kiri" type="color" default="#003e52" value="#ffffff"/> <Variable name="header.background.kanan" description="Warna Header Kanan" type="color" default="#1486a0" value="#ffffff"/> <Variable name="footer.background.color" description="Footer" type="color" default="#222222" value="#222222"/> </Group> <Variable name="body.background" description="Body Background" type="background" color="$(body.background.color)" default="$(color)" value="$(color)"/> <Variable name="body.background.override" description="Body Background Override" type="string" default="" value=""/> <Group description="Links" selector=".main-outer"> <Variable name="link.color" description="Link Color" type="color" default="#1486a0" value="#4db2ec"/> <Variable name="link.visited.color" description="Visited Color" type="color" default="#49abe1" value="#49abe1"/> <Variable name="link.hover.color" description="Hover Color" type="color" default="#444444" value="#444444"/> </Group> <Group description="Blog Title" selector=".header"> <Variable name="header.font" description="Font" type="font" default="500 25px Roboto, Arial, sans-serif" value="500 25px Roboto, Arial, sans-serif"/> <Variable name="header.title.color" description="Title Color" type="color" default="#ffffff" value="#ffffff"/> </Group> <Group description="Navigation Menu" selector="#cssmenu"> <Variable name="navmenu.font" description="Font" type="font" default="600 12px Open Sans, Arial, sans-serif" value="600 12px Open Sans, Arial, sans-serif"/> <Variable name="navmenu.font.color" description="Color" type="color" default="#000000" value="#000000"/> <Variable name="navmenu.font.hover.color" description="Hover Color" type="color" default="#4db2ec" value="#4db2ec"/> </Group> <Group description="Search Icon" selector=".search-icon"> <Variable name="search.icon.color" description="Color" type="color" default="#ffffff" value="#000000"/> </Group> <Group description="Post Title" selector="h2.post-title, h3"> <Variable name="post.title.font" description="Font" type="font" default="500 20px Roboto, Arial, sans-serif" value="500 20px Roboto, Arial, sans-serif"/> <Variable name="post.title.color" description="Link Color" type="color" default="#444444" value="#111111"/> <Variable name="post.title.hover.color" description="Link Hover Color" type="color" default="#49ACE1" value="#4db2ec"/> </Group> <Group description="Widget Title" selector=".sidebar h2, .sidebar-sticky h2, .latest-post-title h2, .above-post-widget h2"> <Variable name="widget.title.font" description="Title Font" type="font" default="500 15px Roboto, Arial, sans-serif" value="500 15px Roboto, Arial, sans-serif"/> <Variable name="widget.title.color" description="Color" type="color" default="#49ACE1" value="#111111"/> <Variable name="widget.border.color" description="Border Color" type="color" default="#efefef" value="#222222"/> </Group> <Group description="Label" selector=".label-info-th"> <Variable name="label.bg.color" description="Background" type="color" default="#ffffff" value="#ffffff"/> <Variable name="label.color" description="Color" type="color" default="#888888" value="#888888"/> <Variable name="label.border.color" description="Border Color" type="color" default="#efefef" value="#efefef"/> </Group> <Group description="Post Body" selector=".post-body, .post-snippet"> <Variable name="post.body.font" description="Font" type="font" default="normal normal 16px Roboto, Arial, sans-serif" value="normal normal 16px Roboto, Arial, sans-serif"/> <Variable name="post.body.color" description="Color" type="color" default="#777777" value="#444444"/> </Group> <Group description="Recent Post" selector=".recent-post-one-thumb .widget-content"> <Variable name="recentpost.background.color" description="Background Color" type="color" default="#ffffff" value="#ffffff"/> <Variable name="recentpost.border.color" description="Border Color" type="color" default="#f0f0f0" value="#f0f0f0"/> </Group> <Group description="Recent Post Widget Title" selector=".recent-post-title h2"> <Variable name="recentpost.title.font" description="Title Font" type="font" default="normal bold 11px Arial, sans-serif" value="normal normal 12px Roboto"/> <Variable name="recentpost.title.text.color" description="Title Color" type="color" default="#ffffff" value="#ffffff"/> <Variable name="recentpost.title.background.color" description="Background Color" type="color" default="#FF4F4F" value="#4db2ec"/> </Group> <Group description="Recent Post Title" selector="span.label-thumb-title"> <Variable name="recent.post.title.font" description="Font" type="font" default="normal normal 12px Roboto, Helvetica, Arial, sans-serif" value="normal normal 12px Roboto, Helvetica, Arial, sans-serif"/> <Variable name="recent.post.title.color" description="Text Color" type="color" default="#EE4B3D" value="#444444"/> </Group> <Group description="Post Footer" selector=".post-info"> <Variable name="post.footer.font" description="Font" type="font" default="normal normal 12px Roboto, Arial, sans-serif" value="normal normal 12px Roboto, Arial, sans-serif"/> <Variable name="post.footer.color" description="Color" type="color" default="#777777" value="#444444"/> </Group> <Group description="Footer Social Icon" selector="#footer-widget-container"> <Variable name="footerwidget.bg.color" description="Background Color" type="color" default="#ffffff" value="#ffffff"/> <Variable name="footerwidget.color" description="Color" type="color" default="#999999" value="#999999"/> </Group> <Group description="Footer Navigation Menu" selector="#footer-navmenu"> <Variable name="navmenufooter.font" description="Font" type="font" default="500 14px Roboto, Arial, sans-serif" value="500 14px Roboto, Arial, sans-serif"/> <Variable name="navmenufooter.bg" description="Background Color" type="color" default="#262f3a" value="#262f3a"/> <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-wrapper"> <Variable name="footer.color" description="Color" type="color" default="#dddddd" value="#dddddd"/> <Variable name="footer.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="#49ACE1" value="#4db2ec"/> <Variable name="backtp.color" description="Color" type="color" default="#ffffff" value="#ffffff"/> </Group> Variable definitions end ========================*/ /** * Eric Meyer's Reset CSS v2.0 http://meyerweb.com/eric/tools/css/reset/ * http://cssreset.com */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;/*font-size:100%;*/font:inherit;vertical-align:baseline;} /* HTML5 display-role reset for older browsers */ article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;display:block;}*{margin:0;padding:0;}html{display:block;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;} /* Blogger CSS Reset */ .section,.widget{margin:0 0 0 0;padding:0 0 0 0;} .navbar,.blog-feeds,.feed-links,#backlinks-container,a.home-link,.blog-mobile-link{display:none;} .post-body .separator > a, .post-body .separator > span {margin-left: 0 !important;} .quickedit,.thread-toggle,.edit-post,.item-control{display:none;} /* disable font boosting on mobile browsers */ body * { max-height: 9999999em; /* Chrome for Android */ -moz-text-size-adjust: none; /* Firefox Mobile */ } /* FRAMEWORK */ strong,b{font-weight:bold;} cite,em,i{font-style:italic;} a:link{color:$(link.color);text-decoration:none;outline:none;} a:visited{color:$(link.color);text-decoration:none;} a:hover{color:$(link.hover.color);text-decoration:none;} a img{border:none;border-width:0;outline:none;} abbr,acronym{border-bottom:1px dotted;cursor:help;} sup,sub{vertical-align:baseline;position:relative;top:-.4em;font-size:86%;} sub{top:.4em;}small{font-size:86%;} kbd{font-size:80%;border:1px solid #777;padding:2px 5px;border-bottom-width:2px;border-radius:3px;} mark{background-color:#ffce00;color:black;} p,blockquote,pre,table,figure,hr,form,ol,ul,dl{margin:1.5em 0;} hr{height:1px;border:none;background-color:#666;} h1{font-size:1.8rem} h2{font-size:1.6rem} h3{font-size:1.4rem} h4{font-size:1.2rem} h5{font-size:1rem} h6{font-size:0.9rem} /* heading */ h1,h2,h3,h4,h5,h6 { margin: 0 0 0.6em; } /* list */ ol,ul,dl{margin: .5em 0em .5em 3em} li{margin: .5em 0} dt{font-weight: 500} dd{margin: 0 0 .5em 2em} /* form */ input,button,select,textarea{font:inherit;font-size:100%;line-height:normal;vertical-align:baseline;} textarea{display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} /* code & blockquote */ pre,code{font-family: "Courier New",Courier,Monospace;font-size: 95%;padding: 12px 0 20px 20px;border-radius: 8px;background: #e6f4ea;color: #060;} pre{white-space:pre;word-wrap:normal;overflow:auto;} blockquote{background:#f6f6f6;border-left:3px solid #0066cc;margin-left:1em;margin-right:1em;padding:1em 1em;font-style:italic;font-size:105%;} blockquote:before { content: "\f10d"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; padding-right:4px; color:#666; } /* table */ table[border="1"] td, table[border="1"] th { vertical-align: top; text-align: left; font-size: 13px; padding: 3px 5px; border: 1px solid #f6f6f6; } table[border="1"] th { background: #eee; } table, img { max-width: 100%; height: auto; } iframe { max-width: 100%; } td.tr-caption { color: #777; } .clear { clear: both; } .clear:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } /* TRANSISI */ a:link, .label-count, #cssmenu ul ul li, #cssmenu > ul > li.has-sub > a:before, #cssmenu ul ul li.has-sub > a:before, .button:before, .button.menu-opened:after, .berlangganan-box input.submit-email[type="submit"], .berlangganan-box input.email-address[type="text"] { transition: all 0.2s; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; } .related-post-style-3 .related-post-item { transition: opacity 0.2s linear; } .img-thumbnail, .img-thumbnail img, .label-info-th a, .info-1, .info-2, h2.post-title, .post-snippet, .sidebar-sticky { transition: all .2s linear; -o-transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear; } #searchfs input[type="search"], h1,h2,h3,h4,h5,h6 { transition: font-size .2s linear; -o-transition: font-size .2s linear; -moz-transition: font-size .2s linear; -webkit-transition: font-size .2s linear; } body { background: $(body.background); margin: 0 0 0 0; padding: 0 0 0 0; color: $(body.text.color); font: $(body.font); text-align: left; } /* WRAPPER */ #wrapper { background: #fff; max-width: 1068px; margin: 0 auto; padding: 80px 30px 30px; overflow: hidden; } /* HEADER */ #header-container { background: $(header.background.kiri); webkit-box-shadow: 0 0 4px rgba(0,0,0,.14), 0 4px 8px rgba(0,0,0,.28); box-shadow: 0 2px 6px 0 rgba(0,0,0,0.2); position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 999; height: 65px; } #header-wrapper { max-width: 1068px; margin: 0 auto; position: relative; } .header { max-width: 400px; float: left; margin-right: 28px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .header h1.title, .header p.title { font: $(header.font); color: $(header.title.color); margin: 0; text-transform: uppercase; padding: 13px 0; } .header .description { color: $(header.title.color); margin: -10px 0 4px 0; padding: 0; font-size: 0.7em; display: none; } .header a, .header a:hover { color: $(header.title.color); } .header img { display: block; width: auto; margin:0; max-height: 65px; } /* CSS Breaking News */ #breakingnews {margin:0 0 20px;height:25px;line-height:25px;overflow:hidden;border:0;} #breakingnews .breakhead { background: #222; position:absolute; font-size: 12px; text-transform: uppercase; color: #fff; padding: 2px 10px; display: inline-block; line-height: 22px; -webkit-transition: background-color .3s; -moz-transition: background-color .3s; -o-transition: background-color .3s; transition: background-color .3s; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none;} #adbreakingnews li a {font-weight:400;color:#111;margin-top:10px;transition:all 0.5s ease-in-out;} #adbreakingnews li a:hover {color:#4db2ec;} #adbreakingnews {float:left;margin-left:130px;margin-top:0;font-size: 15px} #adbreakingnews ul,#adbreakingnews li{list-style:none;margin:0;padding:0} /* FEATURED POST */ #featured-posts-section{max-height:450px;overflow:hidden;margin:0 auto 20px} .featured-post a{font-size:1.2em;color:#fff;} .featured-post a:hover{color:#fff;text-decoration:none;} .main-post.featured-post a{margin:0;font-size:17px} .featured-post .col-post{float:left;position:relative;overflow:hidden;margin:0} .featured-post .secondary-post{width:24.8%;margin:0 0 -2px 3px;transition:all .4s} .featured-post .main-post{width:532px;padding:0;transition:all .4s} .featured-post .main-post:before,.featured-post .secondary-post:before{bottom:4px;content:"";display:block;height:70%;width:100%;position:absolute;z-index: 1; background: -moz-linear-gradient(top,rgba(0,0,0,0) 40%,rgba(0,0,0,.7) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(40%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,.7))); background: -webkit-linear-gradient(top,rgba(0,0,0,0) 40%,rgba(0,0,0,.7) 100%); background: -o-linear-gradient(top,rgba(0,0,0,0) 40%,rgba(0,0,0,.7) 100%); background: -ms-linear-gradient(top,rgba(0,0,0,0) 40%,rgba(0,0,0,.7) 100%); background: linear-gradient(to bottom,rgba(0,0,0,0) 40%,rgba(0,0,0,.7) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#b3000000',GradientType=0);} .featured-post .main-post:after,.featured-post .secondary-post:after{content:'';background-color:rgba(0,0,0,0.2);position:absolute;text-align:center;top:0;left:0;right:0;bottom:4px;z-index:1;opacity:0;visibility:hidden;transform:scale(0.8);transition:all 0.20s linear} .featured-post .main-post:hover:after,.featured-post .secondary-post:hover:after{opacity:1;visibility:visible;transform:scale(1.0)} .featured-post span{background:rgba(0,0,0,.7);display:inline-block;color:#fff;font-style:normal;position:absolute;transition:all .4s;font-size:10px;line-height:13px;margin:0 0 5px;padding:3px 7px;text-transform: uppercase;top:10px;left:10px;z-index:2} .featured-post .main-post:hover span,.featured-post .secondary-post:hover span{background:#4db2ec;} .featured-post img{height:100%;transition-timing-function: ease!important;transition: transform .3s ease,opacity .3s;-webkit-transition: -webkit-transform .3s ease,opacity .3s;} .featured-post .main-post img{height:450px;width:100%;object-fit:cover;} .featured-post .secondary-post img{height:225px;object-fit:cover;width:100%;} .featured-post .main-post:hover img,.featured-post .secondary-post:hover img {-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);} .featured-post header{position:absolute;bottom:5px;left:0;right:0;padding:20px;z-index:2;} .featured-post .secondary-post header{padding:10px} .featured-post header h3{text-shadow: 1px 1px 3px rgba(0,0,0,.2);font-size:27px;} .featured-post h4{font-size:14px;} span.label-info a.label-block:nth-child(n+2),.showpageOf {display:none;} /* POST WRAPPER */ .post-container { padding-right: 25px; } #post-wrapper { background:transparent; float:left; width:75%; max-width:750px; margin:0 0 10px; } .breadcrumbs { font-size: 12px; font-family: open sans,arial,sans-serif; margin: 0; color: #c3c3c3; padding: 0px 0px 10px; display: inline-block; border-bottom: 0;} .breadcrumbs a { color: #c3c3c3; } .breadcrumbs a:hover { color: #777777; } .post { margin-bottom: 20px; } .post-body { font:$(post.body.font); color:$(post.body.color); line-height: 1.6em; text-align: left; word-wrap: break-word; } h2.post-title, h1.post-title { font: $(post.title.font); } h1.post-title { font-size: 35px; margin-bottom: 12px; } h2.post-title, h2.post-title a { margin-bottom: 12px; padding:0; color: $(post.title.color); } h1.post-title a, h1.post-title { padding:10px 0 10px; color: $(post.title.color); line-height: 1.6em; } h2.post-title a:hover, h1.post-title a:hover { color: $(post.title.hover.color); } .img-thumbnail { position: relative; float: left; width: 255px; height: 170px; } .img-thumbnail img { width: 255px; height: 170px; display: block; } /* GAMBAR DALAM POSTINGAN */ .thumb-post { max-width:100%; height:auto; margin:0 auto; padding:10px 0; position:relative; } .thumb-post img { width:100%; max-width:100%; height:auto; max-height:450px; margin:0 0 -4px; } .label-info-th { display: block; z-index: 2; position: relative; margin-bottom: 10px; } .label-line, .label-line-c { position:relative; } .label-line-c { text-align: center; margin-bottom: 6px; } .label-line:before, .label-line-c:before { z-index: 1; content: ""; width: 100%; height: 2px; background: $(label.border.color); position: absolute; top: 50%; left: 0; margin-top: -2px; } .label-info-th a { color: $(label.color); background: $(label.bg.color); display: inline-block; padding: 6px 12px; margin: 1px 0; font-size: 11px; font-weight: 500; text-transform: uppercase; border: 2px solid $(label.border.color); } .label-info-th a:hover { color: $(link.color); } /* LABEL DALAM POST */ .label-wrap { display:block; color:#666; padding:5px 0; border:0; overflow:hidden; } .label-info{ position:relative; margin:auto; } .label-info a { float: left; background: #29c5f6; display: inline-block; position: relative; font-size: 10px;margin: 0 8px 0 0; color: #fff; text-decoration: none; padding: 3px 6px 4px; white-space: nowrap; border: 0; } .label-info a:hover { background:#0389ff; color:#fff; border-color:inherit; text-decoration:none; } .breadlabel:last-child { margin:0 0 0 4px; color:#c3c3c3; } .post-info { color: $(post.footer.color); font: $(post.footer.font); } .info-1, .info-2, h2.post-title, .post-snippet { margin-left: 275px; } .info-1 { margin-bottom: 10px; } .info-2 { margin-top: 12px; } .info-3 { margin-bottom: 1.6em; } .post-info a { display: inline-block; font-weight: 600; color: #111111; } .post-info a:hover { color: $(link.color); } .author-info:after, .time-info:after { content: "-"; padding: 0 2px; } .comment-info { position: relative; float: right; font-family: open sans,arial,sans-serif; font-size: 10px; font-weight: 600; text-align: center; line-height: 1; } .comment-info a { color: #fff; background-color: #000; display: inline-block; min-width: 8px; padding: 3px 4px 4px 5px; position: relative; } .comment-info a:after { position: absolute; bottom: -3px; left: 0; content: ''; width: 0; height: 0; border-style: solid; border-width: 3px 3px 0 0; border-color: #000 transparent transparent transparent; } .edit-post:before { content: "-"; padding: 0 2px; } /* AUTHOR POST PROFILE */ .author-profile { overflow: hidden; margin: 30px 0; line-height: 1.5; } .author-profile img { border: none; float: left; margin-right: 15px; border-radius: 46px; } .author-profile > span { font-size: 14px; color: #888; } .author-profile a.g-profile { font-weight: 500; color: $(link.hover.color); font-size: 18px; margin-bottom: 5px; display: inline-block; } .author-profile a.g-profile:hover { color: $(link.color); } .author-profile a.g-profile:after { content: "\f058"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; padding-right: 4px; color: $(link.color); } /* SIDEBAR WIDGET */ #sidebar-wrapper { background:transparent; float:right; width:30%; max-width:300px; margin:0 auto; } .latest-post-title { position: relative; margin:0 0 15px; border-bottom: 2px solid #222; } .latest-post-title h2 { font: $(widget.title.font); display: inline-block; line-height: 17px; padding: 7px 12px 4px; margin: 0; background: #222; font-size: 14px; font-weight: 400; color: #fff; text-transform: uppercase; } .sidebar h2, .sidebar-sticky h2, .above-post-widget h2, .comments h3 { font: $(widget.title.font); margin-bottom: 15px; padding: 0px 0px 5px; color: $(widget.title.color); text-transform: uppercase; display: inline-block; border-bottom: 2px solid $(widget.border.color); } .section:last-child .widget:last-child, .sidebar .widget, .sidebar-sticky .widget, .above-post-widget .widget, .bellow-header-widget .widget, #blog-pager { margin:0 0 30px; clear:both; } .sidebar ul, .sidebar ol, .sidebar-sticky ul, .sidebar-sticky ol { list-style-type:none; margin: 0; padding: 0; } .sidebar li, .sidebar-sticky li { margin:5px 0; padding: 0; } .sidebar-sticky { z-index: 997; } .bellow-header-widget { text-align: center; } .bellow-header-widget h2 { display: none; } .bellow-header-widget .widget { overflow: hidden; } .bellow-header-widget img, .bellow-header-widget iframe{ max-width: 100%; border: none; overflow: hidden; } /* CUSTOM WIDGET */ .widget ul { line-height:1.4em; } /* Label */ .label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5 { font-size:100%; opacity:10 } .cloud-label-widget-content{ text-align:left } .label-size { transition: all 0.25s; -moz-transition: all 0.25s; -webkit-transition: all 0.25s; line-height:1.2; display: block; float: left; margin: 0 3px 3px 0; color: $(link.color); font-size: 12px; text-transform: uppercase; border: 1px solid $(link.color); } .label-size a,.label-size span{ display: inline-block; color: $(link.color); padding: 6px 8px; } .label-size:hover { border: 1px solid $(link.hover.color); } .label-size:hover a, .label-size:hover .label-count { color: $(link.hover.color); } .label-count { margin-left: -12px; margin-right: 0px; } .list-label-widget-content ul li { display: block; margin: 0 0 5px; } .list-label-widget-content ul li:last-child { margin-bottom: 10px } /* Feed */ .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: 500; } /* Popular Posts */ .PopularPosts .widget-content ul, .PopularPosts .widget-content ul li, .PopularPosts .widget-content ul li img, .PopularPosts .widget-content ul li a, .PopularPosts .widget-content ul li a img { margin:0 0; padding:0 0; list-style:none; border:none; outline:none; } .PopularPosts .widget-content ul { margin: 0; list-style:none; counter-reset:num; } .PopularPosts .widget-content ul li img { display: block; width: 70px; height: 60px; float: right; } .PopularPosts .widget-content ul li { margin: 0 0 10px; counter-increment: num; position: relative; } .PopularPosts ul li:last-child { margin-bottom: 0px; } .PopularPosts ul li .item-title a, .PopularPosts ul li a { font-weight: 500; text-decoration: none; color: $(link.hover.color); font-size:14px; } .PopularPosts ul li .item-title a:hover, .PopularPosts ul li a:hover { color: $(link.color); } .PopularPosts .item-title, .PopularPosts .item-thumbnail, .PopularPosts .item-snippet { margin-left: 0; } .PopularPosts .item-title { line-height: 1.6; margin-right: 8px; } .PopularPosts .item-thumbnail { float: right; margin: 0; } .PopularPosts .item-snippet { line-height: 1.6em; font-size: 14px; margin-top: 8px; } /* Featured Post */ .FeaturedPost .post-summary { background: #ffffff; position: relative; padding: 0; min-height: 200px; max-height: 450px; overflow: hidden; } .FeaturedPost .post-summary h3 { font: $(post.title.font); position: absolute; background:rgba(0, 0, 0, 0.37); padding:20px; bottom:0; z-index: 1; font-size: 25px; margin: 0; width:100%; } .FeaturedPost .post-summary h3:after { content:""; position:absolute; top:-0.25em; right:100%; bottom:-0.25em; width:0.25em; } .FeaturedPost .post-summary h3 a { color: #ffffff; padding: 20px; -webkit-box-decoration-break: clone; -o-box-decoration-break: clone; box-decoration-break: clone; } .FeaturedPost .post-summary h3 a:hover { color: #ffffff; text-decoration: none; } .FeaturedPost .post-summary p { position: absolute; background: #ffffff; color: #5a5a5a; padding: 3px 8px; bottom: 15px; margin: 0 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 90%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .FeaturedPost .image { display: block; } /* Recent Post */ .recent-post-title { background:#fff; margin:0 0 15px; padding:0; position:relative; border-bottom: 2px solid $(recentpost.title.background.color); } .recent-post-title h2 { font:$(recentpost.title.font); height:17px; line-height:17px; margin:0 0; padding:7px 12px 4px; background:$(recentpost.title.background.color); color:$(recentpost.title.text.color); display:inline-block; border:none; text-transform:uppercase; } .recent-post-title h2 a { color:$(recentpost.title.text.color); } .recent-post-one-thumb { float:left; width:50%; margin:0 0; } .recent-post-one-thumb .widget { padding:0 20px 20px 0; } .recent-post-one-thumb .widget-content { background:$(recentpost.background.color); border:0; padding:0; } .recent-post-one-thumb ul { list-style-type:none; margin:0 0 0 0; padding:0 0 0 0; } /* Recent Post */ ul.rp_thumbs { margin:0 0 0 0; } ul.rp_thumbs li { font-size:12px; min-height:68px; margin:0 0 8px; padding:0 0 8px; border: 0; } ul.rp_thumbs .rp_thumb { position:relative; background:#fbfbfb; margin:3px 0 10px 0; width:100%; height:0; padding-bottom:46%; overflow:hidden; } ul.rp_thumbs .rp_thumb img { height:auto; width:100%; } ul.rp_thumbs2 { font-size:13px; } ul.rp_thumbs2 li { padding:0 0; min-height:76px; font-size:11px; margin: 0 0 8px; padding: 0 0 8px; border: 0; } ul.rp_thumbs2 .rp_thumb2 { background:#fbfbfb; float:left; margin:3px 8px 0 0; height:70px; width:100px; } ul.rp_thumbs2 .rp_thumb2 img { height:70px; width:100px; } span.rp_title { font:500 21px Roboto, Helvetica, Arial, sans-serif; display:block; margin:0 0 6px; line-height:25px; } span.rp_title a { color : #111111; } span.rp_title2 { font-size:14px; } span.rp_summary { font-size: 13px; color: #777; display:block; margin-top: 9px; font-family: open sans,arial,sans-serif; } span.rp_meta { background:transparent; display:block; font-size:11px; font-weight:bold; color:#aaa; text-transform:uppercase; } span.rp_meta a { color:#aaa !important; display:inline-block; } span.rp_meta_date, span.rp_meta_comment, span.rp_meta_more { font-weight:400; display:inline-block; margin-right:8px; } span.rp_meta_date:before { content: "\f073"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; padding-right:4px; } span.rp_meta_comment:before { content: "\f086"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; padding-right:4px; } span.rp_meta_more:before { content: "\f0a9"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; padding-right:4px; } ul.rp_thumbs2 li a:hover, ul.rp_thumbs li a:hover { color:#4db2ec; } /* Profile */ .Profile .widget-content { text-align: center; padding: 30px; border: 2px solid $(label.border.color); } .Profile .profile-img { border-radius: 50%; float: none; } .Profile .profile-name-link { color: $(body.text.color); font-size: .9em; opacity: 1; overflow: hidden; } .Profile .profile-name-link:hover { color: $(link.color); } .Profile .profile-link { border-style: solid; border-width: 1px; cursor: pointer; font-size: 13px; font-weight: 400; padding: 6px 22px; display: inline-block; line-height: normal; } .profile-textblock { margin: .8em 0; font-size: 14px; } .profile-img { float: left; display:inline; opacity:10; margin:0 6px 3px 0; } .profile-data { margin: 0; } .profile-datablock { margin: .5em 0; } .profile-name-link { background: no-repeat left top; box-sizing: border-box; display: inline-block; max-width: 100%; min-height: 20px; padding-left: 20px; } /* Archive */ #ArchiveList .toggle { cursor: pointer; font-family: Arial, sans-serif; } #ArchiveList .toggle-open { font-size: 1.7em; line-height: .6em; } #ArchiveList { text-align: left; } #ArchiveList a.post-count-link, #ArchiveList a.post-count-link:link, #ArchiveList a.post-count-link:visited { text-decoration: none; } #ArchiveList a.toggle, #ArchiveList a.toggle:link, #ArchiveList a.toggle:visited, #ArchiveList a.toggle:hover { color: inherit; text-decoration: none; } .BlogArchive #ArchiveList ul li { background: none; list-style: none; list-style-image: none; list-style-position: outside; border-width: 0; padding-left: 15px; text-indent: -15px; margin: .25em 0; background-image: none; } .BlogArchive #ArchiveList ul ul li { padding-left: 1.2em; } .BlogArchive #ArchiveList ul { margin: 0; padding: 0; list-style: none; list-style-image: none; border-width: 0; } .BlogArchive #ArchiveList ul.posts li { padding-left: 1.3em; } #ArchiveList .collapsed ul { display: none; } /* Artikel Terbaru */ .artikel-terbaru ul li { border-bottom: 2px dotted $(label.border.color); padding-bottom: 8px; margin-bottom: 8px; font-weight: 500; font-size: 14px; } .list-label-widget-content ul li, .LinkList ul li, .PageList ul li { border-bottom: 2px dotted $(label.border.color); padding-bottom: 5px; } .list-label-widget-content ul li:before, .LinkList ul li:before, .PageList ul li:before { content: "\f14b"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; font-size: 10px; margin-right: 6px; } .list-label-widget-content ul li:before { content: "\f105"; } .LinkList ul li:before { content: "\f14c"; } .PageList ul li:before { content: "\f249"; } /* SUBSCRIBER BOX */ .berlangganan-box { background: $(header.background.kiri); background: linear-gradient(to right, $(header.background.kiri), $(header.background.kanan)); color: $(header.title.color); padding: 15px; margin: 20px 0; text-align: center; } .berlangganan-box p { margin:15px 0; } .berlangganan-box input.email-address[type="text"] { width: 60%; padding: 10px; text-align: center; border-radius: 2px; border: none; outline: none; } .berlangganan-box input.submit-email[type="submit"] { background: #F57224; padding: 10px 15px; border-radius: 2px; color: #fff; border: none; outline: none; } .berlangganan-box input.submit-email[type="submit"]:hover { background: $(body.text.color); color: #fff; cursor: pointer; } .berlangganan-box input.email-address[type="text"]:focus { background: #fffcd2; } /* Back to top */ #back-to-top { background:$(backtp.background.color); color:$(backtp.color); padding:8px 10px; font-size:20px; box-shadow: 0 1px 2px 0 rgba(0,0,0,.15), 0 1px 1px 0 rgba(0,0,0,.30); } .back-to-top { position: fixed !important; position: absolute; bottom: 25px; right: 20px; z-index: 998; } /* Share button */ .share-this-pleaseeeee { display: inline-block; margin: 0; color: #afafaf; text-transform: uppercase; font-size: 16px; background: #fff; z-index: 1; position: relative; padding: 0 10px; font-weight: 500; } #share-container { margin-left: -3px; margin-right: -3px; padding: 5px 0; overflow: hidden; } #share { width: 100%; text-align: center; } #share a { width: 40px; height: 40px; display: inline-block; font-size: 15px; color: #fff; margin:0 3px 7px; transition: opacity 0.15s linear; float: left; border-radius: 3px; } #share a:hover { opacity: 0.8; } #share i { position: relative; top: 50%; transform: translateY(-50%); } .facebook { background: #3b5998; } .twitter { background: #55acee; } .googleplus { background: #dd4b39; } .linkedin { background: #0077b5; } .pinterest { background: #cb2027; } .whatsapp { background: #25d366; } /* Status Msg */ .status-msg-wrap { font-size: 110%; width: 90%; margin: 0 auto 15px; position: relative; } .status-msg-border { border: none; 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; } .list-label-widget-content ul, .label-info-th a, .displaypageNum a, .showpage a, .pagecurrent, #blog-pager-newer-link a, #blog-pager-older-link a, .label-size, #baca-juga, #baca-juga h2, #baca-juga ul { border-radius:3px;} /* SLOT IKLAN */ .iklan_responsive { width: 336px; height: 280px; } @media (max-width:450px) { .iklan_responsive { width: 300px; height: 250px; } } @media (min-width:500px) { .iklan_responsive { width: 336px; height: 280px; } } @media (min-width:800px) { .iklan_responsive { width: 600px; height: 280px; } } .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; padding 0; } .iklan-tengah1 h2, .iklan-tengah2 h2, .iklan-bawah h2, .iklan-atas h2 { display: none; } #kode-iklan-atas ins, #kode-iklan-bawah ins, #kode-iklan-tengah1 ins, #kode-iklan-tengah2 ins { margin: 20px 0; } .post-body #kode-iklan-tengah1, .post-body #kode-iklan-tengah2, .post-body #kode-iklan-bawah, .post-body #kode-iklan-atas { text-align: center; display: block; } @media screen and (max-width:800px){ .post-body #kode-iklan-tengah1, .post-body #kode-iklan-tengah2, .post-body #kode-iklan-bawah, .post-body #kode-iklan-atas { margin: 0 -20px; } #kode-iklan-atas, #kode-iklan-bawah, #kode-iklan-tengah1, #kode-iklan-tengah2 { width: 100vw; } .breadlabel:last-child { display:none } } @media screen and (max-width:640px){ .post-body #kode-iklan-tengah1, .post-body #kode-iklan-tengah2, .post-body #kode-iklan-bawah, .post-body #kode-iklan-atas { margin: 0 -15px; } } @media screen and (max-width:480px){ .post-body #kode-iklan-tengah1, .post-body #kode-iklan-tengah2, .post-body #kode-iklan-bawah, .post-body #kode-iklan-atas { margin: 0 -12px; } } @media screen and (max-width:320px){ .post-body #kode-iklan-tengah1, .post-body #kode-iklan-tengah2, .post-body #kode-iklan-bawah, .post-body #kode-iklan-atas { margin: 0 -10px; } } .post-body #baca-juga { display: block; } /* PAGE NAVIGATION */ #blog-pager { clear:both !important; padding:2px 0; text-align: center; } #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 { font-size: 12px; padding: 8px 12px; margin: 2px 3px 2px 0px; display: inline-block; color: $(link.color); border: 1px solid $(link.color); } #blog-pager-older-link a:hover, #blog-pager-newer-link a:hover, a.home-link:hover, .displaypageNum a:hover,.showpage a:hover, .pagecurrent { color: $(link.hover.color); border: 1px solid $(link.hover.color); } .showpageOf { display: none !important; } #blog-pager .pages { border: none; } /* FOOTER WIDGET */ #widget-footer-container { background: #111; padding: 0 30px; overflow: hidden; line-height: 1.6em; } #widget-footer-wrapper { margin: 0 auto; max-width: 1068px; color: #fff; } #widget-footer-wrapper .widget { margin: 40px 0; } #widget-footer-wrapper .widget a { color: #ddd; } #widget-footer-wrapper .widget a:hover { color: #2ec4f2; } #widget-footer-wrapper .widget ul, #widget-footer-wrapper .widget ol { list-style: none; margin: 0 0; } #widget-footer-wrapper .widget ul li:before, #widget-footer-wrapper .widget ol li:before { display:none; } #widget-footer-wrapper .widget ul li, #widget-footer-wrapper .widget ol li { font-size: 14px; font-weight: 300; border: 0; margin: 0.3em 0; } #widget-footer-wrapper h2 { font-size: 15px; font-weight: 500; text-transform: uppercase; margin-bottom: 20px; } #widget-footer1 { width: 26%; float: left; padding-right: 20px; box-sizing: border-box; } #widget-footer2 { width: 26%; float: left; } #widget-footer3 { width: 26%; float: left; box-sizing: border-box; } #widget-footer4 { width: 22%; float: right; padding-left: 35px; box-sizing: border-box; } /* FOOTER */ #footer-container { background: #0d0d0d; padding: 10px 20px; overflow: hidden; color: #ccc; font-size: 12px; text-align: center; } #footer-wrapper { max-width: 1068px; margin: 0 auto; overflow: hidden; } #footer-wrapper .footer-right { float: right; } #footer-wrapper .footer-left { float: left; } #footer-wrapper a { color: #ccc; margin-right: 16px; line-height: 18px; display: inline-block; } #footer-wrapper a:hover { color: #4db2ec; } #widget-footer-wrapper .list-label-widget-content ul li { font-family:'Open Sans'; font-weight:500; line-height: 30px; margin: 0; } /* SEARCH FORM */ .search-icon { position: absolute; top: 20px; right: 0px; font-size: 19px; } .search-icon a { color: $(search.icon.color); } #searchfs { position: fixed; z-index:9999; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; -webkit-transform: translate(0px, -100%) scale(0, 0); -moz-transform: translate(0px, -100%) scale(0, 0); -o-transform: translate(0px, -100%) scale(0, 0); -ms-transform: translate(0px, -100%) scale(0, 0); transform: translate(0px, -100%) scale(0, 0); opacity: 0; } #searchfs.open { -webkit-transform: translate(0px, 0px) scale(1, 1); -moz-transform: translate(0px, 0px) scale(1, 1); -o-transform: translate(0px, 0px) scale(1, 1); -ms-transform: translate(0px, 0px) scale(1, 1); transform: translate(0px, 0px) 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: rgb(255, 255, 255); background: transparent; border-top: 1px solid rgba(255, 255, 255, .8); border-bottom: 2px solid rgba(255, 255, 255, .5); border-left: 0px solid transparent; border-right: 0px solid transparent; font-size: 40px; text-align: center; outline: none; padding: 10px; } #searchfs .close { position: fixed; top: 20px; right: 30px; color: #fff; background-color: transparent; opacity: 0.8; font-size: 40px; border: none; outline: none; } #searchfs .close:hover { cursor: pointer; } /* NAV MENU */ #cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #head-mobile { border: 0; list-style: none; line-height: 1; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #cssmenu { float: left; } #cssmenu ul { margin: 0; display: block; } #cssmenu:after,#cssmenu > ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 } #cssmenu #head-mobile { display: none } #cssmenu > ul > li { float: left; margin: 0; } #cssmenu > ul > li > a { padding: 0 14px; font: $(navmenu.font); line-height: 65px; text-decoration: none; text-transform: uppercase; color: $(navmenu.font.color); } #cssmenu > ul > li:hover > a, #cssmenu ul li.active a { color: $(navmenu.font.hover.color); } #cssmenu > ul > li:hover, #cssmenu ul li.active:hover, #cssmenu ul li.active, #cssmenu ul li.has-sub.active:hover { background: transparent; -webkit-transition: background .2s ease; -ms-transition: background .2s ease; transition: background .2s ease; } #cssmenu > ul > li.has-sub > a { padding-right: 10px; } #cssmenu > ul > li.has-sub > a:after, #cssmenu ul ul li.has-sub > a:after { content: "\f107"; font-family: FontAwesome; font-style: normal; font-weight: 800; text-decoration: inherit; margin-left: 5px; } #cssmenu ul ul li.has-sub > a:after { content: "\f0da"; } #cssmenu > ul > li.has-sub:hover > a:after { content: "\f106"; } #cssmenu > ul > li.has-sub:hover > a:before { top: 23px; height: 0 } #cssmenu ul ul { 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); } #cssmenu ul ul li { height: 0; background :#ffffff; margin: 0; } #cssmenu ul ul li:hover { background: #f0f0f0; } #cssmenu li:hover > ul { left: auto } #cssmenu li:hover > ul > li { height: 33px } #cssmenu ul ul ul{ margin-left: 100%; top: 0 } #cssmenu ul ul li a { border-bottom: 0; padding: 10px 25px 15px 15px; max-width: 100%; min-width: 150px; font-size: 13px; text-decoration: none; color: #444; font-weight: 500; 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 } #cssmenu ul ul li.has-sub > a:after { position: absolute; top: 16px; right: 11px; width: 8px; height: 2px; display: block; background: #888; content:'' } #cssmenu ul ul li.has-sub > a:before { position: absolute; top: 13px; right: 14px; display: block; width: 2px; height: 8px; background: #888; content:''; } #cssmenu ul ul > li.has-sub:hover > a:before { top: 17px; height: 0 } #cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover { background: #f0f0f0; } #cssmenu ul ul ul li.active a { border-left:1px solid #333 } #cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{ border-top: 1px solid #333 } @media screen and (min-width:801px){ #cssmenu ul { display: block !important; } } @media screen and (max-width:800px){ #cssmenu { float: none; } #cssmenu ul { background: #ffffff; width: 100%; display: none } #cssmenu ul ul { -webkit-box-shadow: none; box-shadow: none; display:none; } #cssmenu ul li { width: 100%; border-top: 1px solid #efefef; background: #ffffff; } #cssmenu ul ul li, #cssmenu li:hover > ul > li { height: auto } #cssmenu ul li a, #cssmenu ul ul li a { width: 100%; border-bottom: 0; color: #888 !important; } #cssmenu > ul > li { float: none } #cssmenu ul ul li a { padding-left: 25px } #cssmenu ul ul 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 > li.has-sub > a:before, #cssmenu ul ul > li.has-sub > a:after, #cssmenu ul ul > li.has-sub > a:before{ display: none } #cssmenu #head-mobile { display: block; padding: 32px; color: #fff; font-size: 12px; font-weight: 500 } .button { width: 25px; height: 65px; position: absolute; left: 0; top: 0; cursor: pointer; z-index: 2; } .button:after { position: absolute; top: 30px; right: 0px; display: block; height: 3px; width: 18px; border-top: 2px solid $(search.icon.color); border-bottom: 2px solid $(search.icon.color); content:'' } .button:before { position: absolute; top: 26px; right: 0px; display: block; height: 2px; width: 18px; background: $(search.icon.color); content:'' } .button.menu-opened:after { top: 26px; border: 0; height: 2px; width: 18px; background: $(navmenu.font.color); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg) } .button.menu-opened:before { top: 26px; background: $(navmenu.font.color); width: 18px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg) } #cssmenu .submenu-button { position: absolute; z-index: 99; right: 0; top: 0; display: block; border-left: 1px solid #efefef; height: 44px; width: 44px; cursor: pointer } #cssmenu .submenu-button.submenu-opened { background: rgba(64,64,64,0.1); } #cssmenu ul ul .submenu-button { height: 32px; width: 32px } #cssmenu .submenu-button:after { position: absolute; top: 19px; right: 16px; width: 8px; height: 2px; display: block; background: #888; content:'' } #cssmenu ul ul .submenu-button:after { top: 15px; right: 13px } #cssmenu .submenu-button.submenu-opened:after { background: #888 } #cssmenu .submenu-button:before { position: absolute; top: 16px; right: 19px; display: block; width: 2px; height: 8px; background: #888; content:'' } #cssmenu ul ul .submenu-button:before{ top: 12px; right: 16px } #cssmenu .submenu-button.submenu-opened:before{ display: none } #cssmenu ul ul ul li.active a{ border-left: none } #cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{ border-top: none } } /* FOOTER */ #footer-wrapper a { color: $(footer.link.color); } #footer-wrapper a:hover { color: $(footer.hover.color); } /* BACA JUGA */ #baca-juga { display: none; position: relative; } #baca-juga h2 { color: $(label.color); position: absolute; top: -15px; left: 20px; border: 2px solid $(label.border.color); padding: 2px 12px; font-size: 14px; background: $(label.bg.color); font-weight: 500; z-index: 1; } #baca-juga a { font-weight: 500; font-size: 14px; display: block; padding: 0; } #baca-juga ul { max-width: 75%; margin: 30px 0 20px; padding: 20px 20px 10px 40px; position: relative; border: 2px solid $(label.border.color); } #baca-juga li { padding: 0px; margin: .6em 0; } /* RELATED POSTS */ .related-post { margin: 30px auto 0; overflow: hidden; } .related-post h4 { position:relative; margin: 0; display: inline-block; font-weight: 500; color: #afafaf; text-transform: uppercase; font-size: 16px; z-index: 1; background: #fff; padding: 0 10px; } .related-post ul { padding: 0 !important; font-size: 14px; } /* Style 3 */ .related-post-style-3, .related-post-style-3 li { margin: 0; padding: 0; list-style: none; word-wrap: break-word; overflow: hidden; } .related-post-style-3 .related-post-item { float: left; width: 23.5%; height: auto; margin-right: 2%; margin-bottom: 10px; } .related-post-style-3 .related-post-item:nth-of-type(4n+0) { margin-right: 0; } .related-post-style-3 .related-post-item:hover { opacity: 0.7; } .related-post-style-3 .related-post-item-thumbnail { display: block; max-height: none; background-color: transparent; border: none; padding: 0; max-width: 100%; height:120px; } .related-post-style-3 .related-post-item-title { color: #444; } .related-post-style-3 .related-post-item-tooltip { padding: 0; } .related-post-item-tooltip .related-post-item-title { font-weight: 500; display: block; } @media only screen and (max-width:480px){ .related-post-style-3 .related-post-item { width: 100%; margin-right: 4%; } .related-post-style-3 .related-post-item:nth-of-type(2n+0) { margin-right: 0; } .related-post-style-3 .related-post-item:nth-of-type(2n+1) { clear: both; } } .related-post-style-3 .related-post-item-thumbnail { float: left; border: none; margin: 2px 8px 0 0; padding: 0; max-width: 100%; height:120px; } .contact-form-widget { } .contact-form-success-message, .contact-form-error-message { background: #f9edbe; border: 0 solid #f0c36d; font-size: 14px; 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; text-align: center; max-width: 600px; border-radius: 3px; box-sizing: border-box; padding: 5px 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-top: 5px; max-width: 300px; width: 100%; padding: 0 15px; border-radius: 3px; border: 1px solid #cacaca; box-sizing: border-box; } .contact-form-email-message { color: inherit; margin-top: 5px; vertical-align: top; max-width: 600px; width: 100%; border-radius: 3px; border: 1px solid #cacaca; padding: 15px; } .contact-form-email:hover, .contact-form-name:hover, .contact-form-email-message:hover { outline: none; border: 1px solid $(link.color); } .contact-form-email:focus, .contact-form-name:focus, .contact-form-email-message:focus { outline: none; border: 1px solid $(link.color); } .contact-form-name, .contact-form-email, .contact-form-email-message { background: #f8f8f8; } .contact-form-button { display: block; font-size: 14px; line-height: 24px; padding: 5px 20px; margin: 30px 0; text-align: center; border: none; background: $(link.color); color: #fff; border-radius: 3px; font-weight: 500; } .contact-form-button:hover, .contact-form-button.hover { cursor: pointer; outline: none; opacity: .85; } .contact-form-button.focus, .contact-form-button.right.focus, .contact-form-button.mid.focus, .contact-form-button.left.focus { outline: none; } .contact-form-button-submit:focus, .contact-form-button-submit.focus { outline: none; opacity: .85; } .swajib { font-weight: bold; color: #e85e5e; } .ctitles { font-weight: 500; display: block; margin: 30px 0 0; } /* COMMENT FORM */ #comments-block { margin: 15px 0; } .comment-body { padding: 15px 0; margin: 0 0; } .comment-body p { margin: 0; } .comment-form { overflow: hidden; margin-top: 20px; } .comment-footer { margin: 0 0 30px; } #comments-block .avatar-image-container { display: none; } h4#comment-post-message { display: none; margin: 0 0 0 0; } .comments{ clear: both; margin-top: 10px; margin-bottom: 0 } .comments .comments-content{ font-size: 14px; margin-bottom: 30px } .comments .comments-content .comment-thread ol{ text-align: left; margin: 13px 0; padding: 0; list-style: none; } .comment .avatar-image-container { float: left; max-height: 36px; overflow: hidden; width: 36px; } .comments .avatar-image-container img { max-width: 34px; border-radius: 17px; } .comments .comment-block{ position: relative; padding: 20px; margin-left: 45px; border: 2px solid $(label.border.color); border-radius: 10px; word-break: break-word; } .comments .comments-content .comment-replies{ margin:10px 0; margin-left:45px } .comments .comments-content .comment-thread:empty{ display:none } .comments .comment-replybox-single { margin-left:45px } .comments .comment-replybox-thread { } iframe#comment-editor { min-height: 220px; } .comments .comments-content .comment{ margin-bottom:6px; padding:0 } .comments .comments-content .comment:first-child { padding:0; margin:0 } .comments .comments-content .comment:last-child { padding:0; margin:0 } .comments .comment-thread.inline-thread .comment, .comments .comment-thread.inline-thread .comment:last-child { margin:0px 0px 5px 14% } .comment .comment-thread.inline-thread .comment:nth-child(6) { margin:0px 0px 5px 12%; } .comment .comment-thread.inline-thread .comment:nth-child(5) { margin:0px 0px 5px 10%; } .comment .comment-thread.inline-thread .comment:nth-child(4) { margin:0px 0px 5px 8%; } .comment .comment-thread.inline-thread .comment:nth-child(3) { margin:0px 0px 5px 4%; } .comment .comment-thread.inline-thread .comment:nth-child(2) { margin:0px 0px 5px 2%; } .comment .comment-thread.inline-thread .comment:nth-child(1) { margin:0px 0px 5px 0; } .comments .comments-content .comment-thread{ margin:0; padding:0 } .comments .comments-content .inline-thread{ background:#fff; margin:0 } .comments .comments-content .icon.blog-author { display:inline; height: 18px; margin: 0 0 -4px 6px; width: 18px; } .comments .comments-content .icon.blog-author:after { content:"\f058"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; padding-right:4px; color:$(link.color); } .comments .comments-content .comment-header { font-size:14px; margin: 0 0 15px; } .comments .comments-content .comment-content { margin: 0 0 15px; text-align: left; line-height: 1.6; } .comments .comments-content .datetime { margin-left: 6px; } .comments .comments-content .datetime a { color:#bbbbbb; } .comments .comments-content .user { font-weight: 500; font-style: normal; } .comments .comment .comment-actions a { display:inline-block; font-weight:500; font-size:13px; line-height:15px; margin:4px 8px 0 0; } .comments .continue a { display:inline-block; font-size:13px; padding: .5em; } .comments .comment .comment-actions a:hover, .comments .continue a:hover{ text-decoration:underline; } .pesan-komentar { padding: 0 8px; } .pesan-komentar p { margin: 5px 0; } .comments .comments-content .loadmore { max-height: 24px; opacity: 1; overflow: hidden; line-height: 24px; } .comments .comments-content .loadmore a { display: block; padding: 0 0; text-align: center; font-weight: 500; } .deleted-comment { font-style: italic; opacity: .5; } /* MEDIA QUERY */ .iklan_responsive { width: 336px; height: 280px; } @media (max-width:450px) { .iklan_responsive { width: 300px; height: 250px; } } @media (min-width:500px) { .iklan_responsive { width: 336px; height: 280px; } } @media (min-width:800px) { .iklan_responsive { width: 600px; height: 280px; } } @media only screen and (max-width:1080px){ #wrapper { margin: 0 auto; } .footer-widget, #footer-navmenu-container { max-width: 100%; } #header-wrapper, .footer-widget .widget, #footer-navmenu-container { padding-left: 30px; padding-right: 30px; } .sticky-mobile { margin-right: 30px; } .img-thumbnail, .img-thumbnail img { width: 240px; height: 160px; } .info-1, .info-2, h2.post-title, .post-snippet { margin-left: 260px; } .search-icon { right: 30px; } } @media only screen and (max-width:800px){ #header-wrapper { padding-left: 0px; padding-right: 0px; position: relative; } #wrapper { padding: 80px 20px 20px; } #cssmenu > ul > li > a { padding: 12px 10px; } .footer-widget .widget, #footer-navmenu-container { padding-left: 20px; padding-right: 20px; } .button { margin-left: 20px; } .header { position: absolute; top: 0; left: 45px; right: 45px; z-index: 1; text-align: center; float: none; display: inline-block; max-width: 100%; margin-right: 0; } .header img { display: inline-block !important; } .img-thumbnail, .img-thumbnail img { width: 180px; height: 120px; } .label-line { display:none; } .info-1, .info-2, h2.post-title, .post-snippet { margin-left: 195px; } .search-icon { right: 20px; } #searchfs.open { transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); -o-transform: translate3d(0,0,0); visibility: visible; } #searchfs:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: .98; background: #313b45; background: -moz-linear-gradient(top,#313b45 0%,#3393b8 100%); background: -webkit-gradient(left top,left bottom,color-stop(0%,#313b45),color-stop(100%,#3393b8)); background: -webkit-linear-gradient(top,#313b45 0%,#3393b8 100%); background: -o-linear-gradient(top,#313b45 0%,#3393b8 100%); background: -ms-linear-gradient(top,#313b45 0%,#3393b8 100%); background: linear-gradient(to bottom,rgba(0,0,0,.5) 0%,rgba(0,0,0,.6) 100%); filter: progid:DXImageTransform.Microsoft.gradient(starCol) } #searchfs { background-image: url(https://cdn.pixabay.com/photo/2016/11/16/10/27/girl-1828538_960_720.jpg); background-repeat: no-repeat; background-size: cover; background-position: center top; position: fixed; display: block; width: 100%; height: 113%; z-index: 9999; -webkit-transition: all .5s cubic-bezier(.79,.14,.15,.86); -moz-transition: all .5s cubic-bezier(.79,.14,.15,.86); -o-transition: all .5s cubic-bezier(.79,.14,.15,.86); transition: all .5s cubic-bezier(.79,.14,.15,.86); transform: translate3d(100%,0,0); -webkit-transform: translate3d(100%,0,0); -moz-transform: translate3d(100%,0,0); -ms-transform: translate3d(100%,0,0); -o-transform: translate3d(100%,0,0); visibility: hidden; } #searchfs input[type="search"] { top: 20%; width: 90%; margin-left: 5%; color: rgb(255, 255, 255); background: transparent; border-top: 0px solid rgba(255, 255, 255, .8); border-bottom: 1px solid rgba(255, 255, 255, .5); border-left: 0px solid transparent; border-right: 0px solid transparent; } #widget-footer-container { padding: 0 20px; } #widget-footer1 { width: 100%; float: none; padding-right: 0; } #widget-footer2, #widget-footer3 { width: 100%; float: none; } #widget-footer4 { width: 100%; float: none; padding-left: 0px; } #footer-container { padding: 20px 20px; } } @media only screen and (max-width:768px){ #featured-posts-section { display:none; } #post-wrapper, #sidebar-wrapper { float:none; width:100%; max-width:100% } .post-container { padding: 0 0 20px 0; } } @media only screen and (max-width:640px){ #wrapper { padding: 80px 20px 20px; } #cssmenu > ul > li > a { padding: 12px 15px; } .footer-widget .widget, #footer-navmenu-container { padding-left: 15px; padding-right: 15px; } .button { margin-left: 15px; } #post-wrapper, .recent-post-one-thumb, #sidebar-wrapper { float:none; width:100%; max-width:100% } .info-2, h2.post-title, { margin-left: 190px; } .info-1 { font-size:12px; } .search-icon { right: 15px; } .related-post-style-3 .related-post-item-thumbnail { width:100px; height:67px; } #breakingnews {margin: 0 0 15px;padding: 0;text-align: center;height: 20px;line-height: 20px;} #breakingnews .breakhead {display:none;} #adbreakingnews {margin:0;font-size: 14px; } @media only screen and (max-width:480px){ #wrapper { padding: 80px 18px 18px; } #cssmenu > ul > li > a { padding: 15px 15px; } .footer-widget .widget, #footer-navmenu-container { padding-left: 12px; padding-right: 12px; } #footer-navmenu ul li a { margin: 0px 8px; } #footer-wrapper .footer-right, #footer-wrapper .footer-left { float: none; margin: 5px 0; } ul.nav-social li { padding: 0px 8px; } .button { margin-left: 12px; } .img-thumbnail { float: left; width: 100px; height: auto; margin: 3px 8px 3px 0; } .img-thumbnail img { width: 100px; height: 67px; } .info-1 {display:none} .info-2, h2.post-title, .post-snippet { margin-left: 0px; } .post-snippet { display:none; } 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: 14px; display: inline; } h1.post-title { font-size: 24px; } .section:last-child .widget:last-child, .sidebar .widget, .sidebar-sticky .widget, .above-post-widget .widget, .bellow-header-widget .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; } iframe#comment-editor { min-height: 270px; } #searchfs input[type="search"] { font-size: 26px; } .FeaturedPost .post-summary h3 { font-size: 20px; margin: 0; padding: 15px 0; } .FeaturedPost .post-summary h3 a { padding: 10px; } .FeaturedPost .post-summary p { margin: 0 10px; } .search-icon { right: 12px; } #baca-juga { max-width: 100%; } #widget-footer-container { padding: 0 15px; } } @media screen and (max-width:320px){ #wrapper { padding: 70px 10px 10px; } #cssmenu > ul > li > a { padding: 12px 10px; } .footer-widget .widget, #footer-navmenu-container { padding-left: 10px; padding-right: 10px; } .button { margin-left: 10px; } .info-1, .info-2, h2.post-title, .post-snippet { margin-left: 0px; } .search-icon { right: 10px; } } /* Post Table */ .post-body table {width:100%;} .post-body table td,.post-body table caption{background:#fff;border:1px solid #f5f5f5;padding:10px;text-align:left;vertical-align:top} .post-body table th{background:#4D99D0;color:#fff;border:1px solid #f5f5f5;border-bottom:0;padding:10px;text-align:left;vertical-align:top} .post-body table.tr-caption-container {border:1px solid #f5f5f5;margin:0;} .post-body th{font-weight:500;} .post-body table caption{border:none;font-style:italic;} .post-body td, .post-body th{vertical-align:top;text-align:left;font-size:13px;padding:3px 5px;border:1px solid #97b28e;} .post-body th{} .post-body th:hover{color:#fff;} .post-body td a{color:#444;} .post-body td a:hover{color:#cf4d35;} .post-body table.tr-caption-container td{border:0;padding:8px;background:#fff;line-height:17px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-weight:700;color:#000;} .post-body table.tr-caption-container, .post-body table.tr-caption-container img, .post-body img {max-width:100%;height:auto;} .post-body li {list-style-type:square;} .post-body td.tr-caption {color:#666;font-size:80%;padding:0px 8px 8px!important;} /* Tombol Download */ .Download { border-radius: 3px; display: inline-block; position: relative; padding: 10px 24px; background: #2e9fff; color: white !important; font-weight: 500; font-size: 0.9em; text-align: center; text-indent: 15px; transition:all 0.4s; -moz-transition:all 0.4s; -webkit-transition:all 0.4s; } .Download:hover { opacity: .85; } .Download:before, .Download:after { content: ' '; display: block; position: absolute; left: 15px; top: 52%; } .Download:before { width: 10px; height: 2px; border-style: solid; border-width: 0 2px 2px; } .Download: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; animation: downloadArrow 2s linear infinite; animation-play-state: paused; } .Download:hover:after { animation-play-state: running; } @keyframes downloadArrow { 0% { margin-top: -7px; opacity: 1; } 0.001% { margin-top: -15px; opacity: 0; } 50% { opacity: 1; } 100% { margin-top: 0; opacity: 0; } } /* CSS Table of Contents */ #light-toc{background:#f5f5f5;border: 1px solid #e5e5e5;padding:10px 15px} #toc_list{font-weight:600;cursor:pointer;margin:10px 0} #toc_list:focus,#toc li:focus,.back_tocontent:focus{outline:none} #toc_list svg{vertical-align:middle} #toc li{background:transparent;cursor:pointer;margin:.2em 0 .2em 1em} #toc ol li:before{left:-2em} #toc li a{color:#0066cc} #toc li a:hover{color:#444} #toc{display:grid} .back_tocontent{display:inline-block;cursor:pointer;text-align:right;float:right;margin:15px auto;background:#00cec9;color:#fff;font-size:11px;padding:2px 12px;border-radius:0;transition:all .3s} .back_tocontent:hover{background:#2d3436;color:#fff} :target::before{content:'';display:block;height:40px;margin-top:-40px;visibility:hidden} /* Skin for Blogger Tabbed Layout TOC */ .tabbed-toc { margin: 0 auto; background: $(header.background.kiri); background: linear-gradient(to bottom right, $(header.background.kiri), $(header.background.kanan)); position: relative; } .tabbed-toc .loading { display: block; padding: 2px 12px; color: $(navmenu.font.color); } .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; font: $(navmenu.font); overflow: hidden; color: $(navmenu.font.color); 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 -1px 0 0; /* cursor:text; */ } .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); 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: 500; 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: none; } @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; float: left; } .tabbed-toc .toc-tabs li a.active-tab { background-color: rgba(64,64,64,0.1); } .tabbed-toc .toc-content { border: none } .tabbed-toc .toc-line, .tabbed-toc .panel li time { display: none } } ]]></b:skin> <b:template-skin> <![CDATA[ /* CSS FOR LAYOUT */ body#layout, body#layout div.section { font-family: Arial, sans-serif; } body#layout { max-width: 1040px; } body#layout .sidebar-sticky { z-index:0; } body#layout #wrapper { overflow: unset; } body#layout #header-container { height: auto; } body#layout:before { content: "Newspaper v.1.1"; position: absolute; top: 20px; right: 20px; z-index: 1; padding: 10px 20px; font-size: 18px; color: #49ACE1; background: #fff; border-radius: 20px; border: 1px solid #d6d6d6; } body#layout .widget-content { box-shadow: none; } body#layout #navbar { display: block; margin: 0; max-width: 100%; padding: 0 20px; margin-bottom: 12px; } body#layout .header { width: 200px; } body#layout #navbar:before { content: "Untuk mempercepat loading blog, klik edit dan nonaktifkan Navbar ==>>"; position: absolute; bottom: 18px; z-index: 999; right: 80px; color: #999; font-size: 12px; } body#layout #wrapper, body#layout #header-wrapper, body#layout #footer-container, body#layout #footer-widget-container { margin: 0 0; padding: 0 20px; } body#layout #footer-container { padding-bottom: 20px; } body#layout #cssmenu { position: relative; height: 33px; display: block; padding: 20px; margin: 8px 0; width: 500px; font-size: 14px; color: #fff; background: #bbbbbb; font-weight: bold; float: right; border: 1px solid #8e8e8e; } body#layout #cssmenu ul, body#layout #footer-navmenu ul { display: none; } body#layout #cssmenu:after { content: "Menu navigasi harus diedit melalui Edit HTML"; color: #fff; position: absolute; top: 30px; left: 20px; visibility: visible; } body#layout .post-container { padding: 0 15px 0 0; } body#layout .sidebar-container { padding: 0 0 0 0; } body#layout #searchfs, body#layout .latest-post-title, body#layout .section h4 { display: none; } body#layout div.section { background: transparent; margin: 0px 0px 15px 0px; padding: 0px; border: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body#layout .sidebar-sticky:before { content: "Widget Sidebar (Sticky)"; } body#layout .sidebar:before { content: "Widget Sidebar"; } body#layout .above-post-widget:before { content: "Widget di Atas Post (Hanya Homepage)"; } body#layout .Blog:before { content: "Posting Blog"; margin-bottom: 8px; } body#layout .bellow-header-widget:before { content: "Widget di Bawah Header/Menu Navigasi"; } body#layout #footer-widget-container:before { content: "Widget di Atas Footer"; } body#layout .sidebar-sticky:before, body#layout .sidebar:before, body#layout .above-post-widget:before, body#layout .Blog:before, body#layout .bellow-header-widget:before, body#layout #footer-widget-container:before { padding: 5px 10px; display: block; font-size: 14px; color: #fff; background: #bbbbbb; border: 1px solid #8e8e8e; font-weight: bold; } body#layout .add_widget, body#layout .widget-content { padding: 12px; } body#layout .add_widget a { margin-left: 0px; font-size: 14px; } body#layout div.layout-title { font-size: 14px; } body#layout div.layout-widget-description { font-size: 12px; } body#layout .editlink { color: #FFFFFF !important; background: #bbbbbb; border-radius: 15px; padding: 4px 6px; } body#layout #footer-wrapper { position: relative; background: #fff; height: 40px; border: 1px solid #ddd; } body#layout #footer-wrapper:after { content:"Footer"; color:#999; position:absolute; top:12px; } body#layout #footer-navmenu { position: relative; display: block; padding:0; font-size: 14px; color: #fff; background: #bbbbbb; border: 1px solid #8e8e8e; font-weight: bold; margin: 0 20px 8px; height: 50px; } body#layout #footer-navmenu:after { content: "Menu navigasi harus diedit melalui Edit HTML"; color: #fff; position: absolute; top: 17px; left: 20px; visibility: visible; } ]]></b:template-skin> <b:if cond='data:blog.pageType == "error_page"'> <style> /* ERROR PAGE */ .status-msg-body:after, .status-msg-hidden:after { content: "404"; font-size: 140px; display: block; margin: 30px 0; color: #e86e6e; font-weight: 500; text-shadow: 6px 6px #efefef; } #blog-pager, #sidebar-wrapper { display: none; } #post-wrapper { width: 100%; max-width: 100%; } .status-msg-body { padding: 30px 0; } </style> </b:if> <script src='//ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js' type='text/javascript'/> <b:if cond='data:blog.pageType != "item"'> <b:if cond='data:blog.pageType != "static_page"'> <script type='text/javascript'> //<![CDATA[ function labelthumbs(json) { for (var i = 0; i < numposts; i++) { var entry = json.feed.entry[i]; var posttitle = entry.title.$t; var posturl; if (i == json.feed.entry.length) break; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') { var commenttext = entry.link[k].title; var commenturl = entry.link[k].href; } if (entry.link[k].rel == 'alternate') { posturl = entry.link[k].href; break; } } var thumburl; try { thumburl = entry.media$thumbnail.url; thumburl = thumburl.replace("/s72-c/","/w"+thumb_width+"-h"+thumb_height+"-c/"); } catch (error) { s = entry.content.$t; a = s.indexOf("<img"); b = s.indexOf("src=\"", a); c = s.indexOf("\"", b + 5); d = s.substr(b + 5, c - b - 5); if ((a != -1) && (b != -1) && (c != -1) && (d != "")) { thumburl = d; } else thumburl = no_thumb; } var postdate = entry.published.$t; var cdyear = postdate.substring(0, 4); var cdmonth = postdate.substring(5, 7); var cdday = postdate.substring(8, 10); document.write('<ul class="rp_thumbs">'); document.write('<li>'); if (showpostthumbnails == true) document.write('<a href="' + posturl + '"><div class="rp_thumb"><span class="rollover"></span><img width="' + thumb_width + '" height="' + thumb_height + '" alt="' + posttitle + '" src="' + thumburl + '"/></div></a>'); document.write('<span class="rp_title"><a href="' + posturl + '" target ="_top">' + posttitle + '</a></span>'); var towrite = ''; document.write('<span class="rp_meta">'); if (showpostdate == true) { towrite = towrite + '<span class="rp_meta_date">' + cdday + '/' + cdmonth + '/' + cdyear + '</span>'; } if (showcommentnum == true) { if (commenttext == '1 Comments') commenttext = '1 Comment'; if (commenttext == '0 Comments') commenttext = 'No Comments'; commenttext = '<span class="rp_meta_comment"><a href="' + commenturl + '" target ="_top">' + commenttext + '</a></span>'; towrite = towrite + commenttext; } if (displaymore == true) { towrite = towrite + '<span class="rp_meta_more"><a href="' + posturl + '" class="url" target ="_top">Read More...</a></span>'; } document.write(towrite); document.write('</span>'); document.write('<span class="rp_summary">'); if ("content" in entry) { var postcontent = entry.content.$t; } else if ("summary" in entry) { var postcontent = entry.summary.$t; } else var postcontent = ""; var re = /<\S[^>]*>/g; postcontent = postcontent.replace(re, ""); if (showpostsummary == true) { if (postcontent.length < numchars) { document.write(''); document.write(postcontent); document.write(''); } else { document.write(''); postcontent = postcontent.substring(0, numchars); var quoteEnd = postcontent.lastIndexOf(" "); postcontent = postcontent.substring(0, quoteEnd); document.write(postcontent + '...'); document.write(''); } } document.write('</span>'); document.write('</li>'); document.write('</ul>'); } document.write('<ul class="rp_thumbs2">'); for (var i = 1; i < numposts2; i++) { var entry = json.feed.entry[i]; var posttitle = entry.title.$t; var posturl; if (i == json.feed.entry.length) break; for (var k = 1; k < entry.link.length; k++) { if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') { var commenttext = entry.link[k].title; var commenturl = entry.link[k].href; } if (entry.link[k].rel == 'alternate') { posturl = entry.link[k].href; break; } } var thumburl2; try { thumburl2 = entry.media$thumbnail.url.replace("/s72-c/","/w"+thumb_width2+"-h"+thumb_height2+"-c/"); } catch (error) { s = entry.content.$t; a = s.indexOf("<img"); b = s.indexOf("src=\"", a); c = s.indexOf("\"", b + 5); d = s.substr(b + 5, c - b - 5); if ((a != -1) && (b != -1) && (c != -1) && (d != "")) { thumburl2 = d; } else thumburl2 = no_thumb2; } var postdate = entry.published.$t; var cdyear = postdate.substring(0, 4); var cdmonth = postdate.substring(5, 7); var cdday = postdate.substring(8, 10); if (showpostthumbnails2 == true) document.write('<a href="' + posturl + '"><div class="rp_thumb2"><img width="' + thumb_width2 + '" height="' + thumb_height2 + '" alt="' + posttitle + '" src="' + thumburl2 + '"/></div></a>'); document.write('<li>'); document.write('<span class="rp_title rp_title2"><a href="' + posturl + '" target ="_top">' + posttitle + '</a></span>'); var towrite = ''; document.write('<span class="rp_meta rp_meta2">'); if (showpostdate2 == true) { towrite = towrite + '<span class="rp_meta_date rp_meta_date2">' + cdday + '/' + cdmonth + '/' + cdyear + '</span>'; } if (showcommentnum2 == true) { if (commenttext == '1 Comments') commenttext = '1 Comment'; if (commenttext == '0 Comments') commenttext = 'No Comments'; commenttext = '<span class="rp_meta_comment rp_meta_comment2"><a href="' + commenturl + '" target ="_top">' + commenttext + '</a></span>'; towrite = towrite + commenttext; } if (displaymore2 == true) { towrite = towrite + '<span class="rp_meta_more rp_meta_more2"><a href="' + posturl + '" class="url" target ="_top">Read More...</a></span>'; } document.write(towrite); document.write('</span>'); document.write('</li>'); } document.write("</ul>") } //]]> </script> <script type='text/javascript'> var numposts = 1; var numposts2 = 3; var showpostthumbnails = true; var showpostthumbnails2 = true; var displaymore = false; var displaymore2 = false; var showcommentnum = false; var showcommentnum2 = false; var showpostdate = true; var showpostdate2 = true; var showpostsummary = true; var numchars = 100; var thumb_width = 300; var thumb_height = 140; var thumb_width2 = 100; var thumb_height2 = 70; var no_thumb = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYH3ds3Wft5yO_XjK30z9p-LdsY_MRUE4NJKiuM6VAv8KFoO_j10Nv49WWeuVgyCzHiYIK-N1RSe2fB2ATrXscMbU4D4yf3jAn_fphtjC8uABWbywTvVEe6bOXwKyZSChSotb8MmIwCuEK/w300-c-h140/no-image.png' var no_thumb2 = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_rtqGC5BargRGvqsnaR922kzNVzHFgcs1BBP5R2f02ZrjxV585F9OXunufDPJPWdBfBx1wsERulQzMzaCgcdGG-kQ_oI1JJARpA6txFEBOczAVCpB66GqSoAks98ofCeiHQUgBIw6uGQ1/s60-c/no-image.png' </script> <script type='text/javascript'> //<![CDATA[ function bp_thumbnail_resize(image_url,post_title) { var image_width=200; var image_height=150; image_tag='<img width="'+image_width+'" height="'+image_height+'" src="'+image_url.replace('/s72-c/','/w'+image_width+'-h'+image_height+'-c/')+'" alt="'+post_title.replace(/"/g,"")+'" title="'+post_title.replace(/"/g,"")+'"/>'; if(post_title!="") return image_tag; else return ""; } //]]> </script> </b:if> </b:if> <script src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js'/> <script type='text/javascript'> //<![CDATA[ var _0x16a3=["\x3C","\x73\x70\x6C\x69\x74","\x6C\x65\x6E\x67\x74\x68","\x3E","\x69\x6E\x64\x65\x78\x4F\x66","\x73\x75\x62\x73\x74\x72\x69\x6E\x67","","\x6A\x6F\x69\x6E","\x72\x61\x6E\x64\x6F\x6D","\x66\x6C\x6F\x6F\x72","\x65\x6E\x74\x72\x79","\x66\x65\x65\x64","\x74\x65\x72\x6D","\x63\x61\x74\x65\x67\x6F\x72\x79","\x24\x74","\x74\x69\x74\x6C\x65","\x6C\x69\x6E\x6B","\x61\x6C\x74\x65\x72\x6E\x61\x74\x65","\x72\x65\x6C","\x68\x72\x65\x66","\x72\x65\x70\x6C\x69\x65\x73","\x74\x65\x78\x74\x2F\x68\x74\x6D\x6C","\x74\x79\x70\x65","\x20","\x63\x6F\x6E\x74\x65\x6E\x74","\x73\x75\x6D\x6D\x61\x72\x79","\x70\x75\x62\x6C\x69\x73\x68\x65\x64","\x3C\x69\x6D\x67","\x73\x72\x63\x3D\x22","\x22","\x73\x75\x62\x73\x74\x72","\x4A\x61\x6E","\x46\x65\x62","\x4D\x61\x72","\x41\x70\x72","\x4D\x61\x79","\x4A\x75\x6E","\x4A\x75\x6C","\x41\x75\x67","\x53\x65\x70","\x4F\x63\x74","\x4E\x6F\x76","\x44\x65\x63","\x2D","\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x6D\x61\x69\x6E\x2D\x70\x6F\x73\x74\x20\x63\x6F\x6C\x2D\x70\x6F\x73\x74\x22\x3E\x3C\x61\x20\x68\x72\x65\x66\x3D\x22","\x22\x3E\x3C\x73\x70\x61\x6E\x20\x63\x6C\x61\x73\x73\x3D\x22\x62\x6C\x75\x65\x22\x3E","\x3C\x2F\x73\x70\x61\x6E\x3E\x3C\x69\x6D\x67\x20\x73\x72\x63\x3D\x22","\x22\x20\x68\x65\x69\x67\x68\x74\x3D\x22\x33\x35\x30\x22\x20\x77\x69\x64\x74\x68\x3D\x22\x36\x34\x30\x22\x20\x61\x6C\x74\x3D\x22\x22\x3E\x3C\x2F\x69\x6D\x67\x3E\x3C\x2F\x61\x3E\x3C\x68\x65\x61\x64\x65\x72\x3E\x3C\x68\x33\x20\x63\x6C\x61\x73\x73\x3D\x22\x65\x6E\x74\x72\x79\x2D\x74\x69\x74\x6C\x65\x22\x3E\x3C\x61\x20\x68\x72\x65\x66\x3D\x22","\x22\x20\x74\x69\x74\x6C\x65\x3D\x22\x22\x3E","\x3C\x2F\x61\x3E\x3C\x2F\x68\x33\x3E\x3C\x2F\x68\x65\x61\x64\x65\x72\x3E\x3C\x2F\x64\x69\x76\x3E","\x77\x72\x69\x74\x65","\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x73\x65\x63\x6F\x6E\x64\x61\x72\x79\x2D\x70\x6F\x73\x74\x20\x63\x6F\x6C\x2D\x70\x6F\x73\x74\x22\x20\x73\x74\x79\x6C\x65\x3D\x22\x6D\x61\x72\x67\x69\x6E\x2D\x72\x69\x67\x68\x74\x3A\x30\x22\x3E\x3C\x73\x70\x61\x6E\x20\x63\x6C\x61\x73\x73\x3D\x22\x62\x6C\x75\x65\x22\x3E","\x3C\x2F\x73\x70\x61\x6E\x3E\x3C\x61\x20\x63\x6C\x61\x73\x73\x3D\x22\x68\x6F\x76\x65\x72\x5F\x70\x6C\x61\x79\x5F\x73\x6D\x61\x6C\x6C\x22\x20\x68\x72\x65\x66\x3D\x22","\x22\x3E\x3C\x69\x6D\x67\x20\x73\x72\x63\x3D\x22","\x22\x20\x68\x65\x69\x67\x68\x74\x3D\x22\x32\x30\x30\x22\x20\x77\x69\x64\x74\x68\x3D\x22\x33\x32\x30\x22\x3E\x3C\x2F\x69\x6D\x67\x3E\x3C\x2F\x61\x3E\x3C\x68\x65\x61\x64\x65\x72\x3E\x3C\x68\x34\x3E\x3C\x61\x20\x68\x72\x65\x66\x3D\x22","\x22\x3E","\x3C\x2F\x61\x3E\x3C\x2F\x68\x34\x3E\x3C\x2F\x68\x65\x61\x64\x65\x72\x3E\x3C\x2F\x64\x69\x76\x3E","\x68\x74\x74\x70\x3A\x2F\x2F\x73\x69\x74\x65\x73\x2E\x67\x6F\x6F\x67\x6C\x65\x2E\x63\x6F\x6D\x2F\x73\x69\x74\x65\x2F\x66\x64\x62\x6C\x6F\x67\x73\x69\x74\x65\x2F\x48\x6F\x6D\x65\x2F\x6E\x6F\x74\x68\x75\x6D\x62\x6E\x61\x69\x6C\x2E\x67\x69\x66","\x33"];function removeHtmlTag(_0x98b3x2,_0x98b3x3){for(var _0x98b3x4=_0x98b3x2[_0x16a3[1]](_0x16a3[0]),_0x98b3x5=0;_0x98b3x5<_0x98b3x4[_0x16a3[2]];_0x98b3x5++){-1!=_0x98b3x4[_0x98b3x5][_0x16a3[4]](_0x16a3[3])&&(_0x98b3x4[_0x98b3x5]=_0x98b3x4[_0x98b3x5][_0x16a3[5]](_0x98b3x4[_0x98b3x5][_0x16a3[4]](_0x16a3[3])+1,_0x98b3x4[_0x98b3x5][_0x16a3[2]]))};return _0x98b3x4=_0x98b3x4[_0x16a3[7]](_0x16a3[6]),_0x98b3x4=_0x98b3x4[_0x16a3[5]](0,_0x98b3x3-1)}function sliderposts(_0x98b3x2){j=showRandomImg?Math[_0x16a3[9]]((imgr[_0x16a3[2]]+1)*Math[_0x16a3[8]]()):0,img= new Array,numposts1<=_0x98b3x2[_0x16a3[11]][_0x16a3[10]][_0x16a3[2]]?maxpost=numposts1:maxpost=_0x98b3x2[_0x16a3[11]][_0x16a3[10]][_0x16a3[2]];for(var _0x98b3x3=0;_0x98b3x3<maxpost;_0x98b3x3++){var _0x98b3x5,_0x98b3x7,_0x98b3x8=_0x98b3x2[_0x16a3[11]][_0x16a3[10]][_0x98b3x3],_0x98b3x9=_0x98b3x8[_0x16a3[13]][0][_0x16a3[12]],_0x98b3xa=_0x98b3x8[_0x16a3[15]][_0x16a3[14]];if(_0x98b3x3==_0x98b3x2[_0x16a3[11]][_0x16a3[10]][_0x16a3[2]]){break};for(var _0x98b3xb=0;_0x98b3xb<_0x98b3x8[_0x16a3[16]][_0x16a3[2]];_0x98b3xb++){if(_0x16a3[17]==_0x98b3x8[_0x16a3[16]][_0x98b3xb][_0x16a3[18]]){_0x98b3x7=_0x98b3x8[_0x16a3[16]][_0x98b3xb][_0x16a3[19]];break}};for(var _0x98b3xb=0;_0x98b3xb<_0x98b3x8[_0x16a3[16]][_0x16a3[2]];_0x98b3xb++){if(_0x16a3[20]==_0x98b3x8[_0x16a3[16]][_0x98b3xb][_0x16a3[18]]&&_0x16a3[21]==_0x98b3x8[_0x16a3[16]][_0x98b3xb][_0x16a3[22]]){_0x98b3x5=_0x98b3x8[_0x16a3[16]][_0x98b3xb][_0x16a3[15]][_0x16a3[1]](_0x16a3[23])[0];break}};if(_0x16a3[24] in _0x98b3x8){var _0x98b3xc=_0x98b3x8[_0x16a3[24]][_0x16a3[14]]}else {if(_0x16a3[25] in _0x98b3x8){var _0x98b3xc=_0x98b3x8[_0x16a3[25]][_0x16a3[14]]}else {var _0x98b3xc=_0x16a3[6]}};postdate=_0x98b3x8[_0x16a3[26]][_0x16a3[14]],j>imgr[_0x16a3[2]]-1&&(j=0),img[_0x98b3x3]=imgr[j],s=_0x98b3xc,a=s[_0x16a3[4]](_0x16a3[27]),b=s[_0x16a3[4]](_0x16a3[28],a),c=s[_0x16a3[4]](_0x16a3[29],b+5),d=s[_0x16a3[30]](b+5,c-b-5),-1!=a&&-1!=b&&-1!=c&&_0x16a3[6]!=d&&(img[_0x98b3x3]=d);for(var _0x98b3xd=[1,2,3,4,5,6,7,8,9,10,11,12],_0x98b3xe=[_0x16a3[31],_0x16a3[32],_0x16a3[33],_0x16a3[34],_0x16a3[35],_0x16a3[36],_0x16a3[37],_0x16a3[38],_0x16a3[39],_0x16a3[40],_0x16a3[41],_0x16a3[42]],_0x98b3xf=(postdate[_0x16a3[1]](_0x16a3[43])[2][_0x16a3[5]](0,2),postdate[_0x16a3[1]](_0x16a3[43])[1]),_0x98b3x10=(postdate[_0x16a3[1]](_0x16a3[43])[0],0);_0x98b3x10<_0x98b3xd[_0x16a3[2]];_0x98b3x10++){if(parseInt(_0x98b3xf)==_0x98b3xd[_0x98b3x10]){_0x98b3xf=_0x98b3xe[_0x98b3x10];break}};if(0==_0x98b3x3){var _0x98b3x11=_0x16a3[44]+_0x98b3x7+_0x16a3[45]+_0x98b3x9+_0x16a3[46]+img[_0x98b3x3]+_0x16a3[47]+_0x98b3x7+_0x16a3[48]+_0x98b3xa+_0x16a3[49];document[_0x16a3[50]](_0x98b3x11)}else {var _0x98b3x11=_0x16a3[51]+_0x98b3x9+_0x16a3[52]+_0x98b3x7+_0x16a3[53]+img[_0x98b3x3]+_0x16a3[54]+_0x98b3x7+_0x16a3[55]+_0x98b3xa+_0x16a3[56];document[_0x16a3[50]](_0x98b3x11)};j++}}imgr= new Array,imgr[0]=_0x16a3[57],showRandomImg= !0,aBold= !0,summaryPost=150,summaryTitle=50,numposts1=10,featured_numposts=_0x16a3[58] //]]> </script> <b:include data='blog' name='google-analytics'/> <script type='text/javascript'> //<![CDATA[ //CSS Ready function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || "all" }) } loadCSS("//fonts.googleapis.com/css?family=Roboto+Slab:400,700|Roboto:400,500");loadCSS("//fonts.googleapis.com/css?family=Open+Sans:400,600,700,800");loadCSS("//fonts.googleapis.com/icon?family=Material+Icons"); //]]> </script> <script type='text/javascript'>if (typeof document.onselectstart!="undefined") {document.onselectstart=new Function ("return false");}else{document.onmousedown=new Function ("return false");document.onmouseup=new Function ("return true");}</script> <!--</head>--></head> <body> <b:if cond='data:blog.pageType in {"item","index"}'> <div itemscope='itemscope' itemtype='https://schema.org/Blog'> </b:if> <!-- navbar menu start --> <b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'> <b:widget id='Navbar1' locked='false' title='Navbar' type='Navbar' version='1'> <b:includable id='main'><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/plusone.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.g?targetBlogID\x3d4431987910385501474\x26blogName\x3dBlogging+Demo\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x3dLIGHT\x26layoutType\x3dLAYOUTS\x26searchRoot\x3dhttps://blogging-demo-video.blogspot.com/search\x26blogLocale\x3den\x26v\x3d2\x26homepageUrl\x3dhttps://blogging-demo-video.blogspot.com/\x26vt\x3d-7480819011097065314', where: document.getElementById("navbar-iframe-container"), id: "navbar-iframe" }); } }); </script><script type="text/javascript"> (function() { var script = document.createElement('script'); script.type = 'text/javascript'; script.src = '//pagead2.googlesyndication.com/pagead/js/google_top_exp.js'; var head = document.getElementsByTagName('head')[0]; if (head) { head.appendChild(script); }})(); </script> </b:includable> </b:widget> </b:section> <!-- navbar menu end --> <!-- header wrapper start --> <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='Blogging Demo (Header)' type='Header' version='1'> <b:widget-settings> <b:widget-setting name='displayUrl'>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1Jop7qNuBDF9hZyT69AkOEiWrVqYu96KeAQkbaaFkDyb64YIBauvpK0x8m6y7Hvyd4tY9RNOvhPMuV7E3OW41BjvaTICz6dUAA3v11l1Pm-qnbrcJX6ylCvCSvAXWngjUGUXiSR3CWNA/s1600/daftar_cpns_berhasil_100%2525.png</b:widget-setting> <b:widget-setting name='displayHeight'>90</b:widget-setting> <b:widget-setting name='sectionWidth'>200</b:widget-setting> <b:widget-setting name='useImage'>true</b:widget-setting> <b:widget-setting name='shrinkToFit'>false</b:widget-setting> <b:widget-setting name='imagePlacement'>REPLACE</b:widget-setting> <b:widget-setting name='displayWidth'>272</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'> <div id='header-inner'> <div class='titlewrapper' style='background: transparent'> <h1 class='title' style='background: transparent; border-width: 0px'> <b:include name='title'/> </h1> </div> <b:include name='description'/> </div> <b:else/> <div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); " + "background-position: " + data:backgroundPositionStyleStr + "; " + data:widthStyleStr + "min-height: " + data:height + "_height: " + data:height + "background-repeat: no-repeat; "' id='header-inner'> <div class='titlewrapper' style='background: transparent'> <h1 class='title' style='background: transparent; border-width: 0px'> <b:include name='title'/> </h1> </div> <b:include name='description'/> </div> </b:if> <b:else/> <!--Show the image only--> <div id='header-inner'> <b:if cond='data:blog.pageType != "item"'> <b:if cond='data:blog.pageType != "static_page"'> <h1 style='text-indent:-9999px;margin:0 0 0 0;padding:0 0 0 0;height:0px;'><b:include name='title'/></h1> </b:if> </b:if> <a expr:href='data:blog.homepageUrl' style='display: block'> <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/> </a> <!--Show the description--> <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"'> <h1 style='text-indent:-9999px;margin:0 0 0 0;padding:0 0 0 0;height:0px;'><b:include name='title'/></h1> </b:if> </b:if> </b:if> </div> </b:if> <b:else/> <!--No header image --> <div id='header-inner'> <div class='titlewrapper'> <b:if cond='data:blog.pageType != "item"'> <b:if cond='data:blog.pageType == "static_page"'> <p class='title'><b:include name='title'/></p> <b:else/> <h1 class='title'><b:include name='title'/></h1> </b:if> <b:else/> <p class='title'><b:include name='title'/></p> </b:if> <b:include name='description'/> </div> </div> </b:if> </b:includable> <b:includable id='description'> <div class='descriptionwrapper'> <p class='description'><span><data:description/></span></p> </div> </b:includable> <b:includable id='title'> <b:if cond='data:blog.url == data:blog.homepageUrl'> <a expr:href='data:blog.homepageUrl'><data:title/></a> <b:else/> <a expr:href='data:blog.homepageUrl'><data:title/></a> </b:if> </b:includable> </b:widget> </b:section> <nav id='cssmenu'> <div id='head-mobile'/> <div class='button' id='menu-button'/> <!-- menu navigasi header start --> <ul> <li><a href='#' itemprop='url'><span itemprop='name' title='Beranda'>Home</span></a></li> <li><a href='#' itemprop='url' title='Bantuan'><span itemprop='name'>Digital Marketing</span></a> <ul> <li><a href='#' itemprop='url' title='Email Marketing'><span itemprop='name'>Email Marketing</span></a></li> <li><a href='#' itemprop='url' title='Content Marketing'><span itemprop='name'>Content Marketing</span></a></li> <li><a href='#' itemprop='url' title='Sosial Media Marketing'><span itemprop='name'>Sosial Media Marketing</span></a></li> <li><a href='#' itemprop='url' title='Video Marketing'><span itemprop='name'>Video Marketing</span></a></li> </ul> </li> <li><a href='#' itemprop='url' title='Bantuan'><span itemprop='name'>DEVELOPMENT & SECURITY</span></a> <ul> <li><a href='#' itemprop='url' title='Domain Murah'><span itemprop='name'>Hosting & Domain</span></a></li> <li><a href='#' itemprop='url' title='Belanja Online'><span itemprop='name'>Web & Design</span></a></li> <li><a href='#' itemprop='url' title='Download Template'><span itemprop='name'>Template Blogger</span></a></li> <li><a href='#' itemprop='url' title='Daftar Posisi CPNS'><span itemprop='name'>Internet Security</span></a></li> <li><a href='#' itemprop='url' title='Lokasi CPNS'><span itemprop='name'>Blogspot & WordPress</span></a></li> <li><a href='#' itemprop='url' title='Penempatan CPNS'><span itemprop='name'>e-Commerce</span></a></li> </ul> </li> <li><a href='#' itemprop='url' title='Berkas CPNS'><span itemprop='name'>ONLINE BUSINESS</span></a> <ul> <li><a href='#' itemprop='url' title='Berkas Soal'><span itemprop='name'>Bussines</span></a></li> <li><a href='#' itemprop='url' title='Berkas Lamaran'><span itemprop='name'>eBook</span></a></li> <li><a href='#' itemprop='url' title='Berkas Layanan'><span itemprop='name'>News & Security</span></a></li> <li><a href='#' itemprop='url' title='Berkas PDF'><span itemprop='name'>Berkas PDF</span></a></li> </ul> </li> <li><a href='#' itemprop='url' title='Rian SEO'><span itemprop='name'>RIANSEO</span></a> <ul> <li><a href='#' itemprop='url' title='Berkas Soal'><span itemprop='name'>Instagram</span></a></li> <li><a href='#' itemprop='url' title='Berkas Lamaran'><span itemprop='name'>eBook</span></a></li> <li><a href='#' itemprop='url' title='Berkas Layanan'><span itemprop='name'>HTML & CSS</span></a></li> <li><a href='#' itemprop='url' title='Berkas PDF'><span itemprop='name'>Google AdSense</span></a></li> </ul> </li> <li><a href='#' itemprop='url' title='Berkas PDF'><span itemprop='name'>Diskon</span></a></li> </ul> <!-- menu navigasi header end --> </nav> <div class='search-icon'> <a href='#searchfs'><i class='material-icons'> search</i></a> </div> <div id='searchfs'> <button class='close' type='button'>×</button> <form action='/search' id='search-form' method='get'> <input name='q' placeholder='type to search' type='search' value=''/> <input name='max-results' type='hidden' value='8'/> </form> </div> <div class='clear'/> </header> </div> <!-- header wrapper end --> <!-- wrapper start --> <div id='wrapper'> <b:if cond='data:blog.pageType == "index"'> <b:if cond='data:blog.searchLabel'><b:else/> <div id='breakingnews'><span class='breakhead'>Trending News</span> <div id='adbreakingnews'>Loading...</div> </div> </b:if> </b:if> <div class='clear'/> <b:if cond='data:blog.pageType == "index"'> <b:if cond='data:blog.searchLabel'><b:else/> <div class='ct-wrapper' id='featured-posts-section'> <div class='featured-post padding clearfix'> <script type='text/javaScript'> document.write("<script src=\"/feeds/posts/default/?max-results=1"+featured_numposts+"&orderby=published&alt=json-in-script&callback=sliderposts\"><\/script>"); </script> </div> </div> </b:if> </b:if> <div class='clear'/> <b:section class='bellow-header-widget' id='bellow-header-widget' maxwidgets='1' showaddelement='yes'/> <div class='clear'/> <!-- post wrapper start --> <div id='post-wrapper'> <div class='post-container'> <b:section class='above-post-widget' id='above-post-widget' maxwidgets='1' showaddelement='yes'/> <div class='clear'/> <b:if cond='data:blog.pageType == "index"'> <b:if cond='data:blog.searchLabel'><b:else/> <b:section class='recent-post-one-thumb' id='recent-post-one-thumb-5' maxwidgets='1' preferred='yes' showaddelement='no'> <b:widget id='HTML84' locked='false' mobile='yes' title='Fashion Style' type='HTML' version='1'> <b:widget-settings> <b:widget-setting name='content'>Hot</b:widget-setting> </b:widget-settings> <b:includable id='main'> <div class='widget-content recent-posts'> <script> document.write('<div class="recent-post-title"><h2><a href="/search/label/<data:content/>?max-results=10"><data:title/></a></h2></div>'); document.write("<script src=\"/feeds/posts/default/-/<data:content/>?orderby=updated&alt=json-in-script&callback=labelthumbs\"><\/script>"); </script> </div> </b:includable> </b:widget> <b:widget id='Image1' locked='false' title='about' type='Image' version='1'> <b:widget-settings> <b:widget-setting name='displayUrl'>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgxGIgY0_77rHIn-lJQDoKTwYw74aHzFUIhNEb1fT_11d5Ydw5mjWllYFfkjMDFslbKPnB-UE925Uj6OyqWa6skxvTB19GDNLt95TViSg8nkt-mHIUi6zUfZFJAlAANRFlvcS0jjMpF3P-/s1600/logo-light+%25282%2529.png</b:widget-setting> <b:widget-setting name='displayHeight'>47</b:widget-setting> <b:widget-setting name='sectionWidth'>292</b:widget-setting> <b:widget-setting name='shrinkToFit'>false</b:widget-setting> <b:widget-setting name='displayWidth'>156</b:widget-setting> <b:widget-setting name='link'/> <b:widget-setting name='caption'/> </b:widget-settings> <b:includable id='main'> <b:if cond='data:title != ""'> <h2> <data:title/> </h2> </b:if> <div class='widget-content'> <b:if cond='data:link'> <a expr:href='data:link'> <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_img"' expr:src='data:sourceUrl' expr:width='data:width'/> </a> <b:else/> <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_img"' expr:src='data:sourceUrl' expr:width='data:width'/> </b:if> <br/> <b:if cond='data:caption'> <span class='caption'> <data:caption/> </span> </b:if> </div> <b:include name='quickedit'/> </b:includable> </b:widget> <b:widget id='LinkList3' locked='false' title='Main Menu' type='LinkList' version='1'> <b:includable id='main'> <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> <b:include name='quickedit'/> </div> </b:includable> </b:widget> <b:widget id='Text1' locked='false' title='' type='Text'> <b:widget-settings> <b:widget-setting name='content'><![CDATA[<p>Bloggingkaise.com Provided Most Premium Magazine Responsive Blogger Template, it is clean and compatible with many devices, It’s perfect for creating your magazine or blog using Blogspot, no need to coding as it is very customizable. for more information visit Bloggingkaise.com</p><ul><li><i class="fa fa-phone"></i>Call Us: +91 878xxxxxxx</li><li><i class="fa fa-building-o"></i>Address: India</li><li><i class="fa fa-envelope-o"></i>Email: <a href="mailto: contact@cyphercode.com">Support@bloggingkaise.com</a></li></ul>]]></b:widget-setting> </b:widget-settings> <b:includable id='main'> <!-- only display title if it's non-empty --> <b:if cond='data:title != ""'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> </b:includable> </b:widget> <b:widget id='HTML840' locked='false' title='Trending Posts Display' type='HTML' version='1'> <b:widget-settings> <b:widget-setting name='content'/> </b:widget-settings> <b:includable id='main'> <div id='TrendingPostsDisplay'> <!-- only display title if it's non-empty --> <b:if cond='data:title != ""'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> </div> </b:includable> </b:widget> <b:widget id='HTML841' locked='false' title='Home Layout Display' type='HTML' version='1'> <b:widget-settings> <b:widget-setting name='content'/> </b:widget-settings> <b:includable id='main'> <div id='HomeLayoutDisplay'> <!-- only display title if it's non-empty --> <b:if cond='data:title != ""'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> </div> </b:includable> </b:widget> <b:widget id='HTML852' locked='false' title='PageNav Posts Number' type='HTML' version='1'> <b:widget-settings> <b:widget-setting name='content'>12</b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:if cond='data:content == ""'> <script type='text/javascript'> //<![CDATA[ var noPage, currentPage, currentPageNo, postLabel, numPages = 3, perPage = 7, prevText = "←", nextText = "→", firstText = "First", lastText = "Last", urlactivepage = location.href, home_page = "/"; //]]> </script> <b:else/> <script type='text/javascript'> var noPage, currentPage, currentPageNo, postLabel, numPages = 3, perPage = <data:content/>, prevText = '←', nextText = '→', firstText = 'First', lastText = 'Last', urlactivepage = location.href, home_page = "/"; </script> </b:if> </b:includable> </b:widget> <b:widget id='HTML842' locked='false' title='Posts Title Display' type='HTML' version='1'> <b:widget-settings> <b:widget-setting name='content'/> </b:widget-settings> <b:includable id='main'> <div id='PostsTitleDisplay'> <!-- only display title if it's non-empty --> <b:if cond='data:title != ""'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> </div> </b:includable> </b:widget> <b:widget id='HTML800' locked='false' title='Theme Layout' type='HTML' version='1'> <b:widget-settings> <b:widget-setting name='content'/> </b:widget-settings> <b:includable id='main'> <div id='ThemeLayout'> <!-- only display title if it's non-empty --> <b:if cond='data:title != ""'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> </div> </b:includable> </b:widget> <b:widget id='HTML802' locked='false' title='Theme Translation' type='HTML' version='1'> <b:widget-settings> <b:widget-setting name='content'/> </b:widget-settings> <b:includable id='main'> <div id='Translation'> <!-- only display title if it's non-empty --> <b:if cond='data:title != ""'> <h2 class='title'><data:title/></h2> </b:if> <script type='text/javascript'> <data:content/>; </script> <b:include name='quickedit'/> </div> </b:includable> </b:widget> <b:widget id='HTML857' locked='false' title='Post Home Style' type='HTML' version='1'> <b:widget-settings> <b:widget-setting name='content'/> </b:widget-settings> <b:includable id='main'> <b:if cond='data:content == "list"'> <script type='text/javascript'> //<![CDATA[ $( "body" ).addClass( "list-style" ); //]]> </script> </b:if> </b:includable> </b:widget> <b:widget id='ContactForm3' locked='false' title='contact form' type='ContactForm' version='1'> <b:includable id='main'> <div class='contact-form-widget'> <div class='form'> <form name='contact-form'> <p/> <br/> <input class='contact-form-name' expr:id='data:widget.instanceId + "_contact-form-name"' expr:placeholder='data:contactFormNameMsg' name='name' size='30' type='text' value=''/> <p/> <input class='contact-form-email' expr:id='data:widget.instanceId + "_contact-form-email"' expr:placeholder='data:contactFormEmailMsg' name='email' size='30' type='text' value=''/> <p/> <br/> <textarea class='contact-form-email-message' cols='25' expr:id='data:widget.instanceId + "_contact-form-email-message"' expr:placebolder='data:contactFormMessageMsg' name='email-message' rows='5'/> <p/> <input class='contact-form-button contact-form-button-submit' expr:id='data:widget.instanceId + "_contact-form-submit"' expr:value='data:contactFormSendMsg' type='button'/> <p/> <div style='text-align: center; max-width: 222px; width: 100%'> <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:include name='quickedit'/> </b:includable> </b:widget> </b:section> <b:section class='recent-post-one-thumb' id='recent-post-one-thumb-6' maxwidgets='1' preferred='yes' showaddelement='no'> <b:widget id='HTML85' locked='false' mobile='yes' title='Life Style' type='HTML' version='1'> <b:widget-settings> <b:widget-setting name='content'>Sosial</b:widget-setting> </b:widget-settings> <b:includable id='main'> <div class='widget-content recent-posts'> <script> document.write('<div class="recent-post-title"><h2><a href="/search/label/<data:content/>?max-results=10"><data:title/></a></h2></div>'); document.write("<script src=\"/feeds/posts/default/-/<data:content/>?orderby=updated&alt=json-in-script&callback=labelthumbs\"><\/script>"); </script> </div> </b:includable> </b:widget> </b:section> <div class='clear'/> <div class='latest-post-title'> <h2>New Posts Content</h2> </div> </b:if> </b:if> <b:section class='main' id='main' showaddelement='no'> <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog' version='1'> <b:widget-settings> <b:widget-setting name='commentLabel'>komentar</b:widget-setting> <b:widget-setting name='showShareButtons'>true</b:widget-setting> <b:widget-setting name='authorLabel'>Diposkan oleh</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'>a la/s</b:widget-setting> <b:widget-setting name='reactionsLabel'>Reaksi:</b:widget-setting> <b:widget-setting name='showAuthorProfile'>true</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'>Link ke posting ini</b:widget-setting> <b:widget-setting name='showDateHeader'>true</b:widget-setting> <b:widget-setting name='style.textcolor'>#333333</b:widget-setting> <b:widget-setting name='showCommentLink'>true</b:widget-setting> <b:widget-setting name='style.urlcolor'>#333333</b:widget-setting> <b:widget-setting name='showAuthor'>true</b:widget-setting> <b:widget-setting name='style.linkcolor'>#cc6600</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='postLabelsLabel'>Label:</b:widget-setting> <b:widget-setting name='showBacklinks'>true</b:widget-setting> <b:widget-setting name='showInlineAds'>false</b:widget-setting> <b:widget-setting name='showReactions'>true</b:widget-setting> </b:widget-settings> <b:includable id='main' var='top'> <b:include data='posts' name='breadcrumb'/> <b:if cond='data:mobile == "false"'> <!-- posts --> <div class='blog-posts'> <b:include data='top' name='status-message'/> <data:defaultAdStart/> <b:loop values='data:posts' var='post'> <b:if cond='data:post.isDateStart'> <b:if cond='data:post.isFirstPost == "false"'> </div></div> </b:if> </b:if> <b:if cond='data:post.isDateStart'> <div class="date-outer"> </b:if> <b:if cond='data:post.isDateStart'> <div class="date-posts"> </b:if> <div class='post-outer'> <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> <div class='inline-ad'> <data:adCode/> </div> <data:adStart/> </b:if> </b:loop> <b:if cond='data:numPosts != 0'> </div></div> </b:if> <data:adEnd/> </div> <!-- navigation --> <b:include name='nextprev'/> <!-- feed links --> <b:include name='feedLinks'/> <b:if cond='data:top.showStars'> <script src='//www.google.com/jsapi'/> <script> 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'> <span expr:class='"item-control " + data:backlink.adminClass'> <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'> <img src='//www.blogger.com/img/icon_delete13.gif'/> </a> </span> </b:includable> <b:includable id='backlinks' var='post'> <a name='links'/><h4><data:post.backlinksLabel/></h4> <b:if cond='data:post.numBacklinks != 0'> <dl class='comments-block' id='comments-block'> <b:loop values='data:post.backlinks' var='backlink'> <div class='collapsed-backlink backlink-control'> <dt class='comment-title'> <span class='backlink-toggle-zippy'> </span> <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a> <b:include data='backlink' name='backlinkDeleteIcon'/> </dt> <dd class='comment-body collapseable'> <data:backlink.snippet/> </dd> <dd class='comment-footer collapseable'> <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span> <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span> </dd> </div> </b:loop> </dl> </b:if> <p class='comment-footer'> <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a> </p> </b:includable> <b:includable id='breadcrumb' var='posts'> <b:if cond='data:blog.homepageUrl != data:blog.url'> <b:if cond='data:blog.pageType == "static_page"'> <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home </a></span> › <span><data:blog.pageName/></span> </div> <b:else/> <b:if cond='data:blog.pageType == "item"'> <b:loop values='data:posts' var='post'> <b:if cond='data:post.labels'> <div class='breadcrumbs'><span itemscope='' itemtype='https://data-vocabulary.org/Breadcrumb'><a expr:href='data:blog.homepageUrl' itemprop='url'><span itemprop='title'>Home</span></a></span> › <b:loop values='data:post.labels' var='label'><span itemscope='' itemtype='https://data-vocabulary.org/Breadcrumb'><a expr:href='data:label.url + "?&max-results=8"' itemprop='url'><span itemprop='title'><data:label.name/></span></a></span><b:if cond='data:label.isLast != "true"'> › </b:if> </b:loop> › <span class='breadlabel'><data:post.title/></span> </div> <b:else/> <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home </a></span> › <span>Uncategories </span> › <span><data:post.title/></span></div> </b:if> </b:loop> <b:else/> <b:if cond='data:blog.pageType == "archive"'> <div class='breadcrumbs'> <span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home </a></span> › <span>Archive for <data:blog.pageName/></span> </div> <b:else/> <b:if cond='data:blog.searchQuery'> <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home </a></span> › <span><data:blog.pageName/></span> </div> <b:else/> <b:if cond='data:blog.pageType == "index"'> <div class='breadcrumbs'> <b:if cond='data:blog.pageName == ""'> <span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home </a></span> › <span>All post </span> <b:else/> <span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home </a></span> › <span><data:blog.pageName/></span> </b:if> </div> </b:if> </b:if> </b:if> </b:if> </b:if> </b:if> </b:includable> <b:includable id='comment-form' var='post'> <div class='comment-form'> <a name='comment-form'/> <b:if cond='data:mobile'> <h4 id='comment-post-message'> <a expr:id='data:widget.instanceId + "_comment-editor-toggle-link"' href='javascript:void(0)'><data:postCommentMsg/></a></h4> <div class='pesan-komentar'><p><data:blogCommentMessage/></p></div> <data:blogTeamBlogMessage/> <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/> <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/> <b:else/> <h4 id='comment-post-message'><data:postCommentMsg/></h4> <div class='pesan-komentar'><p><data:blogCommentMessage/></p></div> <data:blogTeamBlogMessage/> <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/> <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/> </b:if> <data:post.friendConnectJs/> <data:post.cmtfpIframe/> <script> BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>'); </script> </div> </b:includable> <b:includable id='commentDeleteIcon' var='comment'> <span expr:class='"item-control " + data:comment.adminClass'> <b:if cond='data:showCmtPopup'> <div class='goog-toggle-button'> <div class='goog-inline-block comment-action-icon'/> </div> <b:else/> <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'> <img src='//www.blogger.com/img/icon_delete13.gif'/> </a> </b:if> </span> </b:includable> <b:includable id='comment_count_picker' var='post'> <b:if cond='data:post.commentSource == 1'> <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url' expr:data-url='data:post.canonicalUrl'> </span> <b:else/> <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'> <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:if> </b:includable> <b:includable id='comments' var='post'> <div class='comments' id='comments'> <a name='comments'/> <b:if cond='data:post.allowComments'> <h3><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></h3> <b:if cond='data:post.commentPagingRequired'> <span class='paging-control-container'> <b:if cond='data:post.hasOlderLinks'> <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>   <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>   </b:if> <data:post.commentRangeText/> <b:if cond='data:post.hasNewerLinks'>   <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>   <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a> </b:if> </span> </b:if> <div expr:id='data:widget.instanceId + "_comments-block-wrapper"'> <dl expr:class='data:post.avatarIndentClass' id='comments-block'> <b:loop values='data:post.comments' var='comment'> <dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'> <b:if cond='data:comment.favicon'> <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/> </b:if> <a expr:name='data:comment.anchorName'/> <b:if cond='data:blog.enabledCommentProfileImages'> <data:comment.authorAvatarImage/> </b:if> <b:if cond='data:comment.authorUrl'> <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a> <b:else/> <data:comment.author/> </b:if> <data:commentPostedByMsg/> </dt> <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'> <b:if cond='data:comment.isDeleted'> <span class='deleted-comment'><data:comment.body/></span> <b:else/> <p> <data:comment.body/> </p> </b:if> </dd> <dd class='comment-footer'> <span class='comment-timestamp'> <a expr:href='data:comment.url' title='comment permalink'> <data:comment.timestamp/> </a> <b:include data='comment' name='commentDeleteIcon'/> </span> </dd> </b:loop> </dl> </div> <b:if cond='data:post.commentPagingRequired'> <span class='paging-control-container'> <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'> <data:post.oldestLinkText/> </a> <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'> <data:post.olderLinkText/> </a>   <data:post.commentRangeText/>   <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'> <data:post.newerLinkText/> </a> <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'> <data:post.newestLinkText/> </a> </span> </b:if> <p class='comment-footer'> <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'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> </b:if> </b:if> </p> </b:if> <b:if cond='data:showCmtPopup'> <div id='comment-popup'> <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'> </iframe> </div> </b:if> <div id='backlinks-container'> <div expr:id='data:widget.instanceId + "_backlinks-container"'> <b:if cond='data:post.showBacklinks'> <b:include data='post' name='backlinks'/> </b:if> </div> </div> </div> </b:includable> <b:includable id='feedLinks'> <b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links --> <b:if cond='data:feedLinks'> <div class='blog-feeds'> <b:include data='feedLinks' name='feedLinksBody'/> </div> </b:if> <b:else/> <!--Post feed links --> <div class='post-feeds'> <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:if> </b:loop> </div> </b:if> </b:includable> <b:includable id='feedLinksBody' var='links'> <div class='feed-links'> <data:feedLinksMsg/> <b:loop values='data:links' var='f'> <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a> </b:loop> </div> </b:includable> <b:includable id='iframe_comments' var='post'> <b:if cond='data:post.allowIframeComments'> <script expr:src='data:post.iframeCommentSrc'/> <div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/> <b:if cond='data:post.embedCommentForm == "false"'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> </b:if> </b:if> </b:includable> <b:includable id='mobile-index-post' var='post'> <!-- MOBILE INDEX POST HERE --> <div class='mobile-date-outer date-outer'> <div class='mobile-post-outer'> <div class='mobile-index-contents'> <b:if cond='data:post.thumbnailUrl'> <div class='mobile-index-thumbnail'> <div class='Image'> <img expr:src='data:post.thumbnailUrl'/> </div> </div> <b:else/> <div class='mobile-index-thumbnail'> <div class='Image'> <img expr:alt='data:post.title' expr:title='data:post.title' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_rtqGC5BargRGvqsnaR922kzNVzHFgcs1BBP5R2f02ZrjxV585F9OXunufDPJPWdBfBx1wsERulQzMzaCgcdGG-kQ_oI1JJARpA6txFEBOczAVCpB66GqSoAks98ofCeiHQUgBIw6uGQ1/s66-c/no-image.png'/> </div> </div> </b:if> <a expr:href='data:post.url'> <h3 class='mobile-index-title entry-title' itemprop='name'> <data:post.title/> </h3> </a> <div class='post-body'> <div class='post-info'> <b:if cond='data:top.showAuthor'> <b:if cond='data:post.authorProfileUrl'> <span class='author-info'> <span itemprop='author' itemscope='itemscope' itemtype='https://schema.org/Person'> <meta expr:content='data:post.authorProfileUrl' itemprop='url'/> <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'> <span itemprop='name'><data:post.author/></span> </a> </span> </span> <b:else/> <span class='author-info'> <span itemprop='author' itemscope='itemscope' itemtype='https://schema.org/Person'> <span itemprop='name'><data:post.author/></span> </span> </span> </b:if> </b:if> <b:if cond='data:top.showTimestamp'> <b:if cond='data:post.url'> <meta expr:content='data:post.canonicalUrl' itemprop='url'/> <span class='time-info'> / <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> <b:if cond='data:blog.pageType != "item"'> <b:if cond='data:blog.pageType != "static_page"'> <b:if cond='data:post.allowComments'> <span class='comment-info'> / <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'> <b:if cond='data:post.numComments == 0'> 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> </b:if> </b:if> </div> </div> </div> <div style='clear: both;'/> </div> </div> </b:includable> <b:includable id='mobile-main' var='top'> <!-- posts --> <div class='blog-posts hfeed'> <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'> <div class='blog-pager' id='blog-pager'> <b:if cond='data:newerPageUrl'> <div class='mobile-link-button' 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:newerPageTitle'>&lsaquo;</a> </div> </b:if> <b:if cond='data:olderPageUrl'> <div class='mobile-link-button' 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:olderPageTitle'>&rsaquo;</a> </div> </b:if> <div class='mobile-link-button' id='blog-pager-home-link'> <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a> </div> <div class='mobile-desktop-link'> <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a> </div> </div> <div class='clear'/> </b:includable> <b:includable id='mobile-post' var='post'> <div class='date-outer'> <b:if cond='data:post.dateHeader'> <h2 class='date-header'><span><data:post.dateHeader/></span></h2> </b:if> <div class='date-posts'> <div class='post-outer'> <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='https://schema.org/BlogPosting'> <b:if cond='data:post.thumbnailUrl'> <meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/> </b:if> <meta expr:content='data:blog.blogId' itemprop='blogId'/> <meta expr:content='data:post.id' itemprop='postId'/> <a expr:name='data:post.id'/> <b:if cond='data:post.title'> <h3 class='post-title entry-title' itemprop='name'> <b:if cond='data:post.link'> <a expr:href='data:post.link'><data:post.title/></a> <b:elseif cond='data:post.url and data:blog.url != data:post.url'/> <a expr:href='data:post.url'><data:post.title/></a> <b:else/> <data:post.title/> </b:if> </h3> </b:if> <div class='post-header'> <div class='post-header-line-1'/> </div> <div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'> <data:post.body/> <div style='clear: both;'/> <!-- clear for photos floats --> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'> <span class='post-author vcard'> <b:if cond='data:top.showAuthor'> <b:if cond='data:post.authorProfileUrl'> <span class='fn' itemprop='author' itemscope='itemscope' itemtype='https://schema.org/Person'> <meta expr:content='data:post.authorProfileUrl' itemprop='url'/> <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'> <span itemprop='name'><data:post.author/></span> </a> </span> <b:else/> <span class='fn' itemprop='author' itemscope='itemscope' itemtype='https://schema.org/Person'> <span itemprop='name'><data:post.author/></span> </span> </b:if> </b:if> </span> <span class='post-timestamp'> <b:if cond='data:top.showTimestamp'> <data:top.timestampLabel/> <b:if cond='data:post.url'> <meta expr:content='data:post.url.canonical' itemprop='url'/> <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><span class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></span></a> </b:if> </b:if> </span> <span class='post-comment-link'> <b:include cond='data:blog.pageType not in {"item","static_page"} and data:post.allowComments' data='post' name='comment_count_picker'/> </span> </div> <div class='post-footer-line post-footer-line-2'> <b:if cond='data:top.showMobileShare'> <div class='mobile-link-button goog-inline-block' id='mobile-share-button'> <a href='javascript:void(0);'><data:shareMsg/></a> </div> </b:if> <b:if cond='data:top.showDummy'> <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div> </b:if> </div> </div> </div> <b:include cond='data:blog.pageType in {"static_page","item"}' data='post' name='comment_picker'/> </div> </div> </div> </b:includable> <b:includable id='nextprev'> <div class='blog-pager' id='blog-pager'> <b:if cond='data:newerPageUrl'> <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:newerPageTitle'><data:newerPageTitle/></a> </span> </b:if> <b:if cond='data:olderPageUrl'> <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:olderPageTitle'><data:olderPageTitle/></a> </span> </b:if> <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a> <b:if cond='data:mobileLinkUrl'> <div class='blog-mobile-link'> <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a> </div> </b:if> </div> <div class='clear'/> </b:includable> <b:includable id='post' var='post'> <article class='post'> <b:switch var='data:blog.pageType'> <b:case value='static_page'/> <!-- Posting halaman statis --> <div> <b:if cond='data:post.title'> <h1 class='post-title entry-title'> <b:if cond='data:post.link'> <a expr:href='data:post.link'><data:post.title/></a> <b:else/> <b:if cond='data:post.url'> <b:if cond='data:blog.url != data:post.url'> <a expr:href='data:post.url'><data:post.title/></a> <b:else/> <data:post.title/> </b:if> <b:else/> <data:post.title/> </b:if> </b:if> </h1> </b:if> <div class='post-body entry-content' expr:id='"post-body-" + data:post.id'> <div id='body-post-it'> <data:post.body/> </div> <div style='clear: both;'/> </div> </div> <script> 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'/> <!-- Posting halaman item --> <div> <b:if cond='data:post.firstImageUrl'> <meta expr:content='data:post.firstImageUrl' itemprop='image'/> </b:if> <div class='label-wrap'> <b:if cond='data:post.labels'> <b:loop values='data:post.labels' var='label'> <div class='label-info'> <a class='label-block' expr:href='data:label.url + "?max-results=7"' rel='tag'> <data:label.name/></a><b:if cond='data:label.isLast != "true"'/> </div> </b:loop> </b:if> </div> <b:if cond='data:blog.pageType == "item"'> <div class='thumb-post'> <b:if cond='data:blog.postImageUrl'> <img expr:alt='data:blog.pageName' expr:src='data:blog.postImageUrl' expr:title='data:blog.pageName' height='300' width='600'/> <b:else/> <img expr:alt='data:post.title' expr:title='data:post.title' height='300' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMGB8tJF1z0a8dbQ8Raxmb5IFkj_EQ3dc0MUktBS6Qu04GHEsxli70_0MKUGEj2Apw73j37KrJmpNlB3M3fdb6QKQXb2NzqZZEJt97CiNAzzWXET9Bj1b9uEK40WIt16xXb40KMJYj9VA/s600/no-thumbnail.jpg' width='600'/> </b:if> </div> </b:if> <div class='clear'/> <a expr:name='data:post.id'/> <b:if cond='data:post.title'> <h1 class='post-title entry-title' itemprop='name headline'> <b:if cond='data:post.link'> <a expr:href='data:post.link'><data:post.title/></a> <b:else/> <b:if cond='data:post.url'> <b:if cond='data:blog.url != data:post.url'> <a expr:href='data:post.url'><data:post.title/></a> <b:else/> <data:post.title/> </b:if> <b:else/> <data:post.title/> </b:if> </b:if> </h1> </b:if> <div class='post-info info-3'> <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> <b:include data='post' name='postsharebutton'/> <script type='text/javascript'> //<![CDATA[ var relatedTitles=new Array,relatedTitlesNum=0,relatedUrls=new Array;function bacajuga(e){for(var l=0;l<e.feed.entry.length;l++){var t=e.feed.entry[l];relatedTitles[relatedTitlesNum]=t.title.$t;for(var r=0;r<t.link.length;r++)if("alternate"==t.link[r].rel){relatedUrls[relatedTitlesNum]=t.link[r].href,relatedTitlesNum++;break}}}function removeRelatedDuplicates(){for(var e=new Array(0),l=new Array(0),t=0;t<relatedUrls.length;t++)contains(e,relatedUrls[t])||(e.length+=1,e[e.length-1]=relatedUrls[t],l.length+=1,l[l.length-1]=relatedTitles[t]);relatedTitles=l,relatedUrls=e}function contains(e,l){for(var t=0;t<e.length;t++)if(e[t]==l)return!0;return!1}function printRelatedLabels(e){for(var l=0;l<relatedUrls.length;l++)relatedUrls[l]==e&&(relatedUrls.splice(l,1),relatedTitles.splice(l,1));var t=Math.floor((relatedTitles.length-1)*Math.random());l=0;if(relatedTitles.length>1){for(document.write("<h2>Baca Juga</h2>"),document.write("<ul>");l<relatedTitles.length&&l<20&&l<jumlahbacajuga;)document.write('<li><a href="'+relatedUrls[t]+'">'+relatedTitles[t]+"</a></li>"),t<relatedTitles.length-1?t++:t=0,l++;document.write("</ul>")}relatedUrls.splice(0,relatedUrls.length),relatedTitles.splice(0,relatedTitles.length)} //]]> </script> <div id='baca-juga'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast != "true"'> </b:if> <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=bacajuga&max-results=5"' type='text/javascript'/> </b:loop> <script type='text/javascript'> var jumlahbacajuga=3; removeRelatedDuplicates(); printRelatedLabels("<data:post.url/>"); </script> </div> <div class='post-body entry-content' expr:id='"post-body-" + data:post.id'> <meta expr:content='data:post.snippet' itemprop='description'/> <div id='body-post-it'> <data:post.body/> </div> <div style='clear: both;'/> <b:include data='post' name='relatedpost'/> </div> </div> <b:default/> <!-- Posting halaman default (index, arsip, dll.) --> <b:if cond='data:post.labels'> <div class='label-line'> <span class='label-info-th'> <b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url + "?&max-results=8"' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'/> </b:loop> </span> </div> </b:if> <b:include data='post' name='postthumbnail'/> <b:if cond='data:post.firstImageUrl'> <meta expr:content='data:post.firstImageUrl' itemprop='image'/> </b:if> <a expr:name='data:post.id'/> <b:if cond='data:post.title'> <h2 class='post-title entry-title' itemprop='name headline'> <b:if cond='data:post.link'> <a expr:href='data:post.link'><data:post.title/></a> <b:else/> <b:if cond='data:post.url'> <b:if cond='data:blog.url != data:post.url'> <a expr:href='data:post.url'><data:post.title/></a> <b:else/> <data:post.title/> </b:if> <b:else/> <data:post.title/> </b:if> </b:if> </h2> </b:if> <div class='post-info info-1'> <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> <div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='description'> <div class='post-snippet'> <data:post.snippet/> </div> </div> </b:switch> <div style='clear: both;'/> </article> </b:includable> <b:includable id='postQuickEdit' var='post'> <b:if cond='data:post.editUrl'> <span expr:class='"item-control " + data:post.adminClass'> <span class='edit-post'> <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'> <strong>Edit</strong> </a> </span> </span> </b:if> </b:includable> <b:includable id='postauthorbox' var='post'> <b:if cond='data:post.authorAboutMe'> <div class='author-profile' itemprop='author' itemscope='itemscope' itemtype='https://schema.org/Person'> <b:if cond='data:post.authorPhoto.url'> <img expr:src='data:post.authorPhoto.url' itemprop='image' width='90px'/> </b:if> <div> <a class='g-profile' expr:href='data:post.authorProfileUrl' itemprop='url' rel='author' title='author profile'> <span itemprop='name'><data:post.author/></span> </a> </div> <span itemprop='description'><data:post.authorAboutMe/></span> </div> </b:if> </b:includable> <b:includable id='postauthorinfo' var='post'> <b:if cond='data:top.showAuthor'> <span class='author-info'> By <span itemprop='author' itemscope='itemscope' itemtype='https://schema.org/Person'> <meta expr:content='data:post.authorProfileUrl' itemprop='url'/> <b:if cond='data:post.authorProfileUrl'> <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'> <span itemprop='name'><data:post.author/></span> </a> <b:else/> <span itemprop='name'><data:post.author/></span> </b:if> </span> </span> </b:if> </b:includable> <b:includable id='postcommentinfo' var='post'> <b:if cond='data:post.allowComments'> <span class='comment-info'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'> <b:if cond='data:post.numComments == 0'> 0 </b:if> <b:if cond='data:post.numComments == 1'> 1 </b:if> <b:if cond='data:post.numComments > 1'> <data:post.numComments/> 0 </b:if> </a> </span> </b:if> </b:includable> <b:includable id='postcommentinfo2' var='post'> <b:if cond='data:post.allowComments'> <span class='comment-info'> <a expr:onclick='data:post.addCommentOnclick' href='#comment-form'> <b:if cond='data:post.numComments == 0'> 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> </b:includable> <b:includable id='postdateinfo' var='post'> <b:if cond='data:post.dateHeader'> <span class='time-info'><span class='updated published' expr:title='data:post.timestampISO8601'> <meta expr:content='data:post.timestampISO8601' itemprop='datePublished'/> <data:post.dateHeader/> </span></span> <b:else/> <b:if cond='data:top.showTimestamp'> <span class='time-info'><span class='updated published' expr:title='data:post.timestampISO8601'> <meta expr:content='data:post.timestampISO8601' itemprop='datePublished'/> <data:post.timestamp/> </span></span> </b:if> </b:if> </b:includable> <b:includable id='postlabelinfo' var='post'> <b:if cond='data:post.labels'> <span class='label-info'> <b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'/> </b:loop> </span> </b:if> </b:includable> <b:includable id='postsharebutton' var='post'> <div id='share-container'> <div id='share'> <!-- facebook --> <a class='facebook' expr:href='"https://www.facebook.com/sharer.php?u=" + data:blog.url' rel='nofollow' target='blank'><i class='fa fa-facebook'/></a> <!-- twitter --> <a class='twitter' expr:href='"https://twitter.com/share?url=" + data:post.url' rel='nofollow' target='blank'><i class='fa fa-twitter'/></a> <!-- google plus --> <a class='googleplus' expr:href='"https://plus.google.com/share?url=" + data:blog.url' rel='nofollow' target='blank'><i class='fa fa-google-plus'/></a> <!-- linkedin --> <a class='linkedin' expr:href='"https://www.linkedin.com/shareArticle?mini=true&amp;url=" + data:post.url + "&amp;title=" + data:post.title + "&amp;summary=" + data:post.snippets' rel='nofollow' target='blank'><i class='fa fa-linkedin'/></a> <!-- pinterest --> <a class='pinterest' expr:href='"https://pinterest.com/pin/create/button/?url=" + data:post.url + "&amp;media=" + data:blog.postImageUrl + "&amp;description=" + data:post.title' rel='nofollow' target='blank'><i class='fa fa-pinterest-p'/></a> <a class='whatsapp' data-action='share/whatsapp/share' expr:href='"whatsapp://send?text=" + data:post.title + "%20%2D%20" + data:post.url'><i aria-hidden='true' class='fa fa-whatsapp'/></a> </div> </div> </b:includable> <b:includable id='postsubscribebox' var='post'> <div class='berlangganan-box'> <form action='https://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open('https://feedburner.google.com/fb/a/mailverify?uri=rian_seo', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'> <p>Jangan lupa untuk Berlangganan update artikel terbaru via email:</p><p><input class='email-address' name='email' placeholder='Masukan alamat email Anda...' type='text'/></p><input name='uri' type='hidden' value='rian_seo'/> <input name='loc' type='hidden' value='en_US'/> <p><input class='submit-email' type='submit' value='Berlangganan'/></p> </form> </div> <!-- ... Edit ID feedburner BlogMasSugeng di atas dengan ID feedburner milik sobat ... --> </b:includable> <b:includable id='postthumbnail' var='post'> <div class='img-thumbnail'> <b:if cond='data:post.thumbnailUrl'> <a expr:href='data:post.url'><img expr:alt='data:post.title' expr:src='resizeImage(data:post.thumbnailUrl, 255, "300:200")' expr:title='data:post.title'/> </a> <b:else/> <b:if cond='data:post.firstImageUrl'> <a expr:href='data:post.url'><img expr:alt='data:post.title' expr:src='data:post.firstImageUrl' expr:title='data:post.title'/> </a> <b:else/> <a expr:href='data:post.url'><img expr:alt='data:post.title' expr:title='data:post.title' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_rtqGC5BargRGvqsnaR922kzNVzHFgcs1BBP5R2f02ZrjxV585F9OXunufDPJPWdBfBx1wsERulQzMzaCgcdGG-kQ_oI1JJARpA6txFEBOczAVCpB66GqSoAks98ofCeiHQUgBIw6uGQ1/w255-c-h170/no-image.png'/> </a> </b:if> </b:if> </div> </b:includable> <b:includable id='relatedpost' var='post'> <div class='related-post' expr:id='"related-post-" + data:post.id'/> <script> 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>Related Posts</h4></div>", numPosts: 4, summaryLength: 370, titleLength: "auto", thumbnailSize: 200, noImage: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi_rtqGC5BargRGvqsnaR922kzNVzHFgcs1BBP5R2f02ZrjxV585F9OXunufDPJPWdBfBx1wsERulQzMzaCgcdGG-kQ_oI1JJARpA6txFEBOczAVCpB66GqSoAks98ofCeiHQUgBIw6uGQ1/w250-c-h250/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='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> <div style='clear: both;'/> </b:if> </b:includable> <b:includable id='threaded-comment-form' var='post'> <div class='comment-form'> <a name='comment-form'/> <b:if cond='data:mobile'> <div class='pesan-komentar'><p><data:blogCommentMessage/></p></div> <data:blogTeamBlogMessage/> <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/> <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/> <b:else/> <div class='pesan-komentar'><p><data:blogCommentMessage/></p></div> <data:blogTeamBlogMessage/> <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/> <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/> </b:if> <data:post.friendConnectJs/> <data:post.cmtfpIframe/> <script> BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>'); </script> </div> </b:includable> <b:includable id='threaded_comment_js' var='post'> <script async='async' expr:src='data:post.commentSrc'/> <script> (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'> <div class='comments' id='comments'> <a name='comments'/> <h3><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></h3> <div class='comments-content'> <b:if cond='data:post.embedCommentForm'> <b:include data='post' name='threaded_comment_js'/> </b:if> <div id='comment-holder'> <data:post.commentHtml/> </div> </div> <p class='comment-footer'> <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'> <div id='comment-popup'> <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'> </iframe> </div> </b:if> <div id='backlinks-container'> <div expr:id='data:widget.instanceId + "_backlinks-container"'> <b:if cond='data:post.showBacklinks'> <b:include data='post' name='backlinks'/> </b:if> </div> </div> </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'><![CDATA[<a href="https://www.dastgeertech.com/" target="_blank"><img src="" width="320" height="400" border="0" /></a>]]></b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:if cond='data:blog.pageType in {"item"}'> <!-- only display title if it's non-empty --> <b:if cond='data:title != ""'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <div id='kode-iklan-atas'> <data:content/> </div> </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'><![CDATA[<a href="https://www.hostg.xyz/aff_c?offer_id=6&aff_id=8544" target="_blank"><img src="https://media.go2speed.org/brand/files/hostinger/6/hosting325x300affglobal.png" width="325" height="300" border="0" /></a>]]></b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:if cond='data:blog.pageType in {"item"}'> <!-- only display title if it's non-empty --> <b:if cond='data:title != ""'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <div id='kode-iklan-tengah1'> <data:content/> </div> </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"}'> <!-- only display title if it's non-empty --> <b:if cond='data:title != ""'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <div id='kode-iklan-tengah2'> <data:content/> </div> </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'><![CDATA[<a href="https://www.hostg.xyz/aff_c?offer_id=6&aff_id=8544" target="_blank"><img src="https://media.go2speed.org/brand/files/hostinger/6/336x280-a.jpg" width="672" height="300" border="0" /></a>]]></b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:if cond='data:blog.pageType in {"item"}'> <!-- only display title if it's non-empty --> <b:if cond='data:title != ""'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <div id='kode-iklan-bawah'> <data:content/> </div> </div> </b:if> </b:includable> </b:widget> </b:section> <b:if cond='data:blog.pageType in {"item"}'> <script type='text/javascript'> 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.getElementsByTagName("br"); if (lokasi.length > 0) { insertAbove(iklanAtas,konten); insertBellow(iklanBawah); } if (lokasi.length > 2) { insertAfter(iklan1,lokasi[2]); } else { iklan1.innerHTML = ""; } if (lokasi.length > 10) { insertAfter(iklan2,lokasi[10]); } else { iklan2.innerHTML = ""; } if (lokasi.length > 4) { insertAfter(bacaJuga,lokasi[4]); } else { bacaJuga.innerHTML = ""; } </script> </b:if> </div> <b:if cond='data:blog.pageType == "index"'> <b:if cond='data:blog.searchLabel'><b:else/> <b:section class='recent-post-one-thumb' id='recent-post-one-thumb-1' maxwidgets='1' preferred='yes' showaddelement='no'> <b:widget id='HTML80' locked='false' mobile='yes' title='Shopiey' type='HTML' version='1'> <b:widget-settings> <b:widget-setting name='content'>Cat</b:widget-setting> </b:widget-settings> <b:includable id='main'> <div class='widget-content recent-posts'> <script> document.write('<div class="recent-post-title"><h2><a href="/search/label/<data:content/>?max-results=10"><data:title/></a></h2></div>'); document.write("<script src=\"/feeds/posts/default/-/<data:content/>?orderby=updated&alt=json-in-script&callback=labelthumbs\"><\/script>"); </script> </div> </b:includable> </b:widget> </b:section> <b:section class='recent-post-one-thumb' id='recent-post-one-thumb-2' maxwidgets='1' preferred='yes' showaddelement='no'> <b:widget id='HTML81' locked='false' mobile='yes' title='Blibli' type='HTML' version='1'> <b:widget-settings> <b:widget-setting name='content'>Elite</b:widget-setting> </b:widget-settings> <b:includable id='main'> <div class='widget-content recent-posts'> <script> document.write('<div class="recent-post-title"><h2><a href="/search/label/<data:content/>?max-results=10"><data:title/></a></h2></div>'); document.write("<script src=\"/feeds/posts/default/-/<data:content/>?orderby=updated&alt=json-in-script&callback=labelthumbs\"><\/script>"); </script> </div> </b:includable> </b:widget> </b:section> <div class='clear'/> <b:section class='recent-post-one-thumb' id='recent-post-one-thumb-3' maxwidgets='1' preferred='yes' showaddelement='no'> <b:widget id='HTML82' locked='false' mobile='yes' title='eBay' type='HTML' version='1'> <b:widget-settings> <b:widget-setting name='content'>eBay</b:widget-setting> </b:widget-settings> <b:includable id='main'> <div class='widget-content recent-posts'> <script> document.write('<div class="recent-post-title"><h2><a href="/search/label/<data:content/>?max-results=10"><data:title/></a></h2></div>'); document.write("<script src=\"/feeds/posts/default/-/<data:content/>?orderby=updated&alt=json-in-script&callback=labelthumbs\"><\/script>"); </script> </div> </b:includable> </b:widget> </b:section> <b:section class='recent-post-one-thumb' id='recent-post-one-thumb-4' maxwidgets='1' preferred='yes' showaddelement='no'> <b:widget id='HTML83' locked='false' mobile='yes' title='Lazada' type='HTML' version='1'> <b:widget-settings> <b:widget-setting name='content'>Sport</b:widget-setting> </b:widget-settings> <b:includable id='main'> <div class='widget-content recent-posts'> <script> document.write('<div class="recent-post-title"><h2><a href="/search/label/<data:content/>?max-results=10"><data:title/></a></h2></div>'); document.write("<script src=\"/feeds/posts/default/-/<data:content/>?orderby=updated&alt=json-in-script&callback=labelthumbs\"><\/script>"); </script> </div> </b:includable> </b:widget> </b:section> <div class='clear'/> </b:if> </b:if> </div> <!-- post wrapper end --> <!-- sidebar wrapper start --> <aside id='sidebar-wrapper'> <div class='sidebar-container'> <b:section class='sidebar' id='sidebar' preferred='yes'> <b:widget id='HTML1' locked='false' title='Artikel Terbaru' type='HTML'> <b:widget-settings> <b:widget-setting name='content'><style scoped='' type='text/css'> #recent-posts{color:#999;font-size:12px} #recent-posts img{background:#ffffff;float:left;height:70px;margin-right:8px;width:100px;border-radius:0} #recent-posts ul{margin:0 0 !important;padding:0} #recent-posts ul li{margin:0 0 10px;padding:0 0;border-bottom:0} #recent-posts ul li:last-child{border-bottom:0} #recent-posts ul li a{display:block;color:#333333;font-weight:500;text-decoration:none;font-size:14px;margin:0 0 14px 0;line-height:normal} #recent-posts ul li a:hover {color:#0066cc;} </style> <div id='recent-posts'> <script type='text/javaScript'> var rcp_numposts=5; var rcp_snippet_length=130; var rcp_info='yes'; var rcp_comment='Komentar'; var rcp_disable='T?t Nh?n xét'; function recent_posts(json){var dw='';a=location.href;y=a.indexOf('?m=0');dw+='<ul>';for(var i=0;i<rcp_numposts;i++){var entry=json.feed.entry[i];var rcp_posttitle=entry.title.$t;if('content'in entry){var rcp_get_snippet=entry.content.$t}else{if('summary'in entry){var rcp_get_snippet=entry.summary.$t}else{var rcp_get_snippet="";}};rcp_get_snippet=rcp_get_snippet.replace(/<[^>]*>/g,"");if(rcp_get_snippet.length<rcp_snippet_length){var rcp_snippet=rcp_get_snippet}else{rcp_get_snippet=rcp_get_snippet.substring(0,rcp_snippet_length);var space=rcp_get_snippet.lastIndexOf(" ");rcp_snippet=rcp_get_snippet.substring(0,space)+"&#133;";};for(var j=0;j<entry.link.length;j++){if('thr$total'in entry){var rcp_commentsNum=entry.thr$total.$t+' '+rcp_comment}else{rcp_commentsNum=rcp_disable};if(entry.link[j].rel=='alternate'){var rcp_posturl=entry.link[j].href;if(y!=-1){rcp_posturl=rcp_posturl+'?m=0'}var rcp_postdate=entry.published.$t;if('media$thumbnail'in entry){var rcp_thumb=entry.media$thumbnail.url}else{rcp_thumb="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTcfy-nzfdTaZ574u6IRfdVhzU6bfklZgldyd1rLKlYZGuXX7ff83f-VBn4Fv89AaLInV2O9RMs34BMn2YWZJRw-g_ntzgEuDQHfXt6mOOCJXp5eSREPqOaINFuEPSXtZWnYFb1RD9OHwc/"};}};dw+='<li>';dw+='<img alt="'+rcp_posttitle+'" src="'+rcp_thumb+'"/>';dw+='<div><a href="'+rcp_posturl+'" rel="nofollow" title="'+rcp_snippet+'">'+rcp_posttitle+'</a></div>';if(rcp_info=='yes'){dw+='<span>'+rcp_postdate.substring(8,10)+'/'+rcp_postdate.substring(5,7)+'/'+rcp_postdate.substring(0,4)+' - '+rcp_commentsNum+'</span>';};dw+='<div style="clear:both"></div></li>';};dw+='</ul>';document.getElementById('recent-posts').innerHTML=dw;};document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results='+rcp_numposts+'&callback=recent_posts\"><\/script>'); </script> </div></b:widget-setting> </b:widget-settings> <b:includable id='main'> <!-- only display title if it's non-empty --> <b:if cond='data:title != ""'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> </b:includable> </b:widget> </b:section> <b:section class='sidebar-sticky' id='sidebar-sticky' preferred='yes'> <b:widget id='HTML5' locked='false' title='Slider Post' type='HTML'> <b:widget-settings> <b:widget-setting name='content'><style scoped="" type="text/css"> ul.rcentside *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box }ul.rcentside{font-size:11px}ul.rcentside,ul.rcentside li{margin:0;padding:0;list-style:none;position:relative }ul.rcentside{width:100%;height:500px }ul.rcentside li{height:24.5%;position:absolute;padding:0;width:49.5%;float:left;overflow:hidden;display:none }ul.rcentside li:nth-child(1),ul.rcentside li:nth-child(2),ul.rcentside li:nth-child(3),ul.rcentside li:nth-child(4){display:block }ul.rcentside img{border:0;width:100%;height:auto}ul.rcentside li:nth-child(1){width:100%;height:49.5%;margin:0 0 2px;left:0;top:0 }ul.rcentside li:nth-child(2){left:0;top:50% }ul.rcentside li:nth-child(3){left:50.5%;top:50% }ul.rcentside li:nth-child(4){width:100%;left:0;top:75% }ul.rcentside .overlayx,ul.rcentside li{transition:all .4s ease-in-out }ul.rcentside .overlayx{width:100%;height:100%;position:absolute;z-index:2;left:0;top:0;opacity:.6;background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRCwap_SbbngmZ2ozyIphAvNluA1itkmSSkkhE59GH_6A9JIUehgyLfpcMQ1q3GlfQ5QZxrpEz-aQL2ZMs4wXtQ9W-lJtUUTT7LjjxK5K-APh5i8YN54gFe4dzFF2SUaOwgkHuRpb_cKc/s1600/linebg-fade.png);background-position:50% 50%;background-repeat:repeat-x }ul.rcentside .overlayx,ul.rcentside img{margin:3px}ul.rcentside li:nth-child(1).overlayx{background-position:50% 25% }ul.rcentside .overlayx:hover{opacity:.1 }ul.rcentside h4{position:absolute;bottom:10px;left:10px;right:10px;z-index:2;color:#fff;font-weight:700;margin:0;padding:10px;line-height:1.5em;font-weight:normal;overflow:hidden;transition:all .3s}ul.rcentside li:hover h4{bottom:30px}ul.rcentside li:nth-child(1)h4,ul.rcentside li:nth-child(4)h4{font-size:150% }ul.rcentside .label_text{position:absolute;bottom:0;left:20px;z-index:2;color:#fff;font-size:90%;opacity:0;transition:all .3s}ul.rcentside li:hover .label_text{bottom:20px;opacity:1}ul.rcentside li:nth-child(2).autname,ul.rcentside li:nth-child(3).autname{display:none }.buttons{margin:5px 0 0 }.buttons a{display:inline-block;text-indent:-9999px;width:15px;height:25px;position:relative }.buttons a::before{content:"";width:0;height:0;border-width:8px 7px;border-style:solid;border-color:transparent #535353 transparent transparent;position:absolute;top:50%;margin-top:-8px;margin-left:-10px;left:50% }.buttons a.nextx::before{border-color:transparent transparent transparent #535353;margin-left:-3px } </style> <div id="featuredpostside"></div> <script type='text/javascript'> function FeaturedPostSide(a){(function(e){var h={blogURL:"",MaxPost:4,idcontaint:"",ImageSize:100,interval:5000,autoplay:false,loadingClass:"loadingxx",pBlank:"http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s1600/grey.gif",MonthNames:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],tagName:false};h=e.extend({},h,a);var g=e(h.idcontaint);var d=h.MaxPost*200;g.html('<div class="sliderx"><ul class="rcentside"></ul></div><div class="buttons"><a href="#" class="prevx">prev</a><a href="#" class="nextx">next</a></div>');var f=function(w){var q,k,m,u,x,p,t,v,r,l="",s=w.feed.entry;for(var o=0;o<s.length;o++){for(var n=0;n<s[o].link.length;n++){if(s[o].link[n].rel=="alternate"){q=s[o].link[n].href;break}}if("media$thumbnail" in s[o]){u=s[o].media$thumbnail.url.replace(/\/s[0-9]+\-c/g,"/s"+h.ImageSize+"-c")}else{u=h.pBlank.replace(/\/s[0-9]+(\-c|\/)/,"/s"+h.ImageSize+"$1")}k=s[o].title.$t;r=s[o].published.$t.substring(0,10);m=s[o].author[0].name.$t;x=r.substring(0,4);p=r.substring(5,7);t=r.substring(8,10);v=h.MonthNames[parseInt(p,10)-1];l+='<li><a target="_blank" href="'+q+'"><div class="overlayx"></div><img class="random" src="'+u+'"/><h4>'+k+'</h4></a><div class="label_text"><span class="date"><span class="dd">'+t+'</span> <span class="dm">'+v+'</span> <span class="dy">'+x+'</span></span> <span class="autname">'+m+"</span></div></li>"}e("ul",g).append(l).addClass(h.loadingClass)};var c=function(){e(h.idcontaint+" .nextx").click()};var b=function(){e.get((h.blogURL===""?window.location.protocol+"//"+window.location.host:h.blogURL)+"/feeds/posts/summary"+(h.tagName===false?"":"/-/"+h.tagName)+"?max-results="+h.MaxPost+"&orderby=published&alt=json-in-script",f,"jsonp");setTimeout(function(){e(h.idcontaint+" .prevx").click(function(){e(h.idcontaint+" .sliderx li:first").before(e(h.idcontaint+" .sliderx li:last"));return false});e(h.idcontaint+" .nextx").click(function(){e(h.idcontaint+" .sliderx li:last").after(e(h.idcontaint+" .sliderx li:first"));return false});if(h.autoplay){var i=h.interval;var j=setInterval(c,i);e(h.idcontaint+" .sliderx li:first").before(e(h.idcontaint+" .sliderx li:last"));e(h.idcontaint+" .sliderx").hover(function(){clearInterval(j)},function(){j=setInterval(c,i)})}e("ul",g).removeClass(h.loadingClass)},d)};e(document).ready(b)})(jQuery)}; //<![CDATA[ FeaturedPostSide({ blogURL: "https://viospaper.blogspot.com", MaxPost: 8, idcontaint: "#featuredpostside", ImageSize: 300, interval: 5000, autoplay: true, tagName: false }); //]]> </script></b:widget-setting> </b:widget-settings> <b:includable id='main'> <!-- only display title if it's non-empty --> <b:if cond='data:title != ""'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> </b:includable> </b:widget> <b:widget id='HTML11' locked='false' title='' type='HTML'> <b:widget-settings> <b:widget-setting name='content'><![CDATA[<a href="https://www.hostg.xyz/aff_c?offer_id=6&aff_id=8544" target="_blank"><img src="https://media.go2speed.org/brand/files/hostinger/6/spanish-300x600.png" width="300" height="600" border="0" /></a>]]></b:widget-setting> </b:widget-settings> <b:includable id='main'> <!-- only display title if it's non-empty --> <b:if cond='data:title != ""'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> </b:includable> </b:widget> <b:widget id='PopularPosts1' locked='false' title='Artikel Terbaik' type='PopularPosts'> <b:widget-settings> <b:widget-setting name='numItemsToShow'>8</b:widget-setting> <b:widget-setting name='showThumbnails'>false</b:widget-setting> <b:widget-setting name='showSnippets'>false</b:widget-setting> <b:widget-setting name='timeRange'>LAST_YEAR</b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:if cond='data:title != ""'><h2><data:title/></h2></b:if> <div class='widget-content popular-posts'> <ul> <b:loop values='data:posts' var='post'> <li> <b:if cond='!data:showThumbnails'> <b:if cond='!data:showSnippets'> <!-- (1) No snippet/thumbnail --> <a expr:href='data:post.href'><data:post.title/></a> <b:else/> <!-- (2) Show only snippets --> <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div> <div class='item-snippet'><data:post.snippet/></div> </b:if> <b:else/> <!-- (3) Show only thumbnails or (4) Snippets and thumbnails. --> <div expr:class='data:showSnippets ? "item-content" : "item-thumbnail-only"'> <b:if cond='data:post.featuredImage.isResizable or data:post.thumbnail'> <div class='item-thumbnail'> <a expr:href='data:post.href' target='_blank'> <b:with value='data:post.featuredImage.isResizable ? resizeImage(data:post.featuredImage, 72, "1:1") : data:post.thumbnail' var='image'> <img alt='' border='0' expr:src='data:image'/> </b:with> </a> </div> </b:if> <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div> <b:if cond='data:showSnippets'> <div class='item-snippet'><data:post.snippet/></div> </b:if> </div> <div style='clear: both;'/> </b:if> </li> </b:loop> </ul> <b:include name='quickedit'/> </div> </b:includable> </b:widget> <b:widget id='Label1' locked='false' title='Labels' type='Label'> <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'> <b:if cond='data:title != ""'> <h2><data:title/></h2> </b:if> <div expr:class='"widget-content " + data:display + "-label-widget-content"'> <b:if cond='data:display == "list"'> <ul> <b:loop values='data:labels' var='label'> <li> <b:if cond='data:blog.url == data:label.url'> <span expr:dir='data:blog.languageDirection'><data:label.name/></span> <b:else/> <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a> </b:if> <b:if cond='data:showFreqNumbers'> <span dir='ltr'>(<data:label.count/>)</span> </b:if> </li> </b:loop> </ul> <b:else/> <b:loop values='data:labels' var='label'> <span expr:class='"label-size label-size-" + data:label.cssSize'> <b:if cond='data:blog.url == data:label.url'> <span expr:dir='data:blog.languageDirection'><data:label.name/></span> <b:else/> <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a> </b:if> <b:if cond='data:showFreqNumbers'> <span class='label-count' dir='ltr'>(<data:label.count/>)</span> </b:if> </span> </b:loop> </b:if> <b:include name='quickedit'/> </div> </b:includable> </b:widget> </b:section> </div> </aside> <!-- sidebar wrapper end --> <div class='clear'/> </div> <!-- wrapper end --> <div class='sticky-stop'/> <!-- footer widget --> <aside id='widget-footer-container'> <div id='widget-footer-wrapper'> <b:section class='widget-footer' id='widget-footer1' preferred='yes'> <b:widget id='LinkList1' locked='false' title='Hosting' type='LinkList'> <b:widget-settings> <b:widget-setting name='link-5'>https://www.rianseo.com/2018/08/auto-like-instagram-turki-2018.html</b:widget-setting> <b:widget-setting name='link-6'>https://www.youtube.com/c/RianSEO</b:widget-setting> <b:widget-setting name='link-3'>https://www.rianseo.com/2018/05/2-aplikasi-android-untuk-auto-like.html</b:widget-setting> <b:widget-setting name='link-4'>https://www.rianseo.com/2018/05/cara-bom-like-instagram-seseorang.html</b:widget-setting> <b:widget-setting name='text-1'>VPS Hosting</b:widget-setting> <b:widget-setting name='text-0'>Web Hosting</b:widget-setting> <b:widget-setting name='text-3'>Blogger Hosting</b:widget-setting> <b:widget-setting name='text-2'>Cloud Hosting</b:widget-setting> <b:widget-setting name='text-5'>Cheap Web Hosting</b:widget-setting> <b:widget-setting name='text-4'>Email Hosting</b:widget-setting> <b:widget-setting name='text-6'>Buy Hosting</b:widget-setting> <b:widget-setting name='shownum'>7</b:widget-setting> <b:widget-setting name='sorting'>NONE</b:widget-setting> <b:widget-setting name='link-1'>https://www.rianseo.com/2018/05/auto-liker-auto-follow-auto-instagram.html</b:widget-setting> <b:widget-setting name='link-2'>https://www.rianseo.com/2018/04/cara-membuat-auto-instagram-all-in-one.html</b:widget-setting> <b:widget-setting name='link-0'>https://www.rianseo.com/2018/10/cara-akses-hublaagram-2019.html</b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:if cond='data:title != ""'><h2><data:title/></h2></b:if> <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> <b:include name='quickedit'/> </div> </b:includable> </b:widget> </b:section> <b:section class='widget-footer' id='widget-footer2' preferred='yes'> <b:widget id='HTML2' locked='false' title='Domain' type='HTML'> <b:widget-settings> <b:widget-setting name='content'><ul> <li><a href='#'>Domain Cheker</a></li> <li><a href='#'>Domain Search</a></li> <li><a href='#'>Buy Domain</a></li> <li><a href='#'>Domain Transfer</a></li> <li><a href='#'>XYZ Domain</a></li> <li><a href='#'>Cheap SSL Certificate</a></li> <li><a href='#'>Domain Name Search</a></li> <li><a href='#'>Free SSL Certificate</a></li> </ul></b:widget-setting> </b:widget-settings> <b:includable id='main'> <!-- only display title if it's non-empty --> <b:if cond='data:title != ""'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> </b:includable> </b:widget> </b:section> <b:section class='widget-footer' id='widget-footer3' preferred='yes'> <b:widget id='HTML4' locked='false' title='Information' type='HTML'> <b:widget-settings> <b:widget-setting name='content'><ul> <li><a href='#'>Servers Status</a></li> <li><a href='#'>Affiliate Program</a></li> <li><a href='#'>Payment Methods</a></li> <li><a href='#'>Report Abuse</a></li> <li><a href='#'>Knowledge Base</a></li> <li><a href='#'>Tutorials</a></li> <li><a href='#'>Our Technology</a></li> <li><a href='https://www.blogger.com/follow.g?blogID=5880249218780566273'>Blog</a></li> </ul></b:widget-setting> </b:widget-settings> <b:includable id='main'> <!-- only display title if it's non-empty --> <b:if cond='data:title != ""'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> </b:includable> </b:widget> </b:section> <b:section class='widget-footer' id='widget-footer4' preferred='yes'> <b:widget id='HTML3' locked='false' title='Terhubung' type='HTML'> <b:widget-settings> <b:widget-setting name='content'><ul> <li><a href='#'>About Us</a></li> <li><a href='#'>Contact Us</a></li> <li><a href='#'>Advertisement</a></li> <li><a href='#'>Disclaimer</a></li> <li><a href='#'>Privacy</a></li> <li><a href='#'>Kerja Sama</a></li> <li><a href='#'>Servers</a></li> <li><a href='https://www.blogger.com/follow.g?blogID=5880249218780566273'>Joint Us</a></li> </ul></b:widget-setting> </b:widget-settings> <b:includable id='main'> <!-- only display title if it's non-empty --> <b:if cond='data:title != ""'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> <b:include name='quickedit'/> </b:includable> </b:widget> </b:section> </div> </aside> <div class='clear'/> <!-- footer widget --> <!-- footer wrapper start --> <footer id='footer-container' itemprop='mainEntity' itemscope='itemscope' itemtype='https://schema.org/WPFooter'> <div id='footer-wrapper'> <div class='footer-left'> © Copyright 2019 - <a expr:href='data:blog.homepageUrl'><data:blog.title/></a> </div> <div class='footer-right'>Theme By <a href='https://www.bloggingkaise.com/'>Bloggingkaise.com</a> </div> </div> </footer> <!-- footer wrapper end --> <div class='back-to-top'><a href='#' id='back-to-top' title='back to top'> <i class='fa fa-chevron-up'/> </a></div> <script> $(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"'> <script> //<![CDATA[ /*! Related Post Widget for Blogger by Taufik Nurrohman => https://gplus.to/tovic */ var randomRelatedIndex,showRelatedPost;(function(n,m,k){var d={widgetTitle:"<h4>Artikel Terkait:</h4>",widgetStyle:1,homePage:"https://www.dte.web.id",numPosts:7,summaryLength:370,titleLength:"auto",thumbnailSize:72,noImage:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC",containerId:"related-post",newTabLink:false,moreText:"Baca Selengkapnya",callBack:function(){}};for(var f in relatedPostConfig){d[f]=(relatedPostConfig[f]=="undefined")?d[f]:relatedPostConfig[f]}var j=function(a){var b=m.createElement("script");b.type="text/javascript";b.src=a;k.appendChild(b)},o=function(b,a){return Math.floor(Math.random()*(a-b+1))+b},l=function(a){var p=a.length,c,b;if(p===0){return false}while(--p){c=Math.floor(Math.random()*(p+1));b=a[p];a[p]=a[c];a[c]=b}return a},e=(typeof labelArray=="object"&&labelArray.length>0)?"/-/"+l(labelArray)[0]:"",h=function(b){var c=b.feed.openSearch$totalResults.$t-d.numPosts,a=o(1,(c>0?c:1));j(d.homePage.replace(/\/$/,"")+"/feeds/posts/summary"+e+"?alt=json-in-script&orderby=updated&start-index="+a+"&max-results="+d.numPosts+"&callback=showRelatedPost")},g=function(z){var s=document.getElementById(d.containerId),x=l(z.feed.entry),A=d.widgetStyle,c=d.widgetTitle+'<ul class="related-post-style-'+A+'">',b=d.newTabLink?' target="_blank"':"",y='<span style="display:block;clear:both;"></span>',v,t,w,r,u;if(!s){return}for(var q=0;q<d.numPosts;q++){if(q==x.length){break}t=x[q].title.$t;w=(d.titleLength!=="auto"&&d.titleLength<t.length)?t.substring(0,d.titleLength)+"…":t;r=("media$thumbnail" in x[q]&&d.thumbnailSize!==false)?x[q].media$thumbnail.url.replace(/.*?:\/\//g , "//").replace(/\/s[0-9]+(\-c)?/,"/s"+d.thumbnailSize+"-c"):d.noImage;u=("summary" in x[q]&&d.summaryLength>0)?x[q].summary.$t.replace(/<br ?\/?>/g," ").replace(/<.*?>/g,"").replace(/[<>]/g,"").substring(0,d.summaryLength)+"…":"";for(var p=0,a=x[q].link.length;p<a;p++){v=(x[q].link[p].rel=="alternate")?x[q].link[p].href:"#"}if(A==2){c+='<li><img alt="" class="related-post-item-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'"><a class="related-post-item-title" title="'+t+'" href="'+v+'"'+b+">"+w+'</a><span class="related-post-item-summary"><span class="related-post-item-summary-text">'+u+'</span> <a href="'+v+'" class="related-post-item-more"'+b+">"+d.moreText+"</a></span>"+y+"</li>"}else{if(A==3||A==4){c+='<li class="related-post-item" tabindex="0"><a class="related-post-item-title" href="'+v+'"'+b+'><img alt="" class="related-post-item-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'"></a><div class="related-post-item-tooltip"><a class="related-post-item-title" title="'+t+'" href="'+v+'"'+b+">"+w+"</a></div>"+y+"</li>"}else{if(A==5){c+='<li class="related-post-item" tabindex="0"><a class="related-post-item-wrapper" href="'+v+'" title="'+t+'"'+b+'><img alt="" class="related-post-item-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'"><span class="related-post-item-tooltip">'+w+"</span></a>"+y+"</li>"}else{if(A==6){c+='<li><a class="related-post-item-title" title="'+t+'" href="'+v+'"'+b+">"+w+'</a><div class="related-post-item-tooltip"><img alt="" class="related-post-item-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'"><span class="related-post-item-summary"><span class="related-post-item-summary-text">'+u+"</span></span>"+y+"</div></li>"}else{c+='<li><a title="'+t+'" href="'+v+'"'+b+">"+w+"</a></li>"}}}}}s.innerHTML=c+="</ul>"+y;d.callBack()};randomRelatedIndex=h;showRelatedPost=g;j(d.homePage.replace(/\/$/,"")+"/feeds/posts/summary"+e+"?alt=json-in-script&orderby=updated&max-results=0&callback=randomRelatedIndex")})(window,document,document.getElementsByTagName("head")[0]); //]]> </script> </b:if> <b:if cond='data:blog.isMobile == "false"'> <b:if cond='data:blog.pageType != "item"'> <b:if cond='data:blog.pageType != "static_page"'> </b:if> </b:if> </b:if> <script> //<![CDATA[ /* Sticky-kit v1.1.2 | WTFPL | Leaf Corcoran 2015 | https://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 !function(s){s.fn.menumaker=function(n){var e=s(this),o=s.extend({format:"dropdown",sticky:!1},n);return this.each(function(){s(this).find(".button").on("click",function(){s(this).toggleClass("menu-opened");var n=s(this).next("ul");n.hasClass("open")?n.slideToggle(150).removeClass("open"):(n.slideToggle(150).addClass("open"),"dropdown"===o.format&&n.find("ul").show())}),e.find("li ul").parent().addClass("has-sub"),multiTg=function(){e.find(".has-sub").prepend('<span class="submenu-button"></span>'),e.find(".submenu-button").on("click",function(){s(this).toggleClass("submenu-opened"),s(this).siblings("ul").hasClass("open")?s(this).siblings("ul").removeClass("open").slideToggle(150):s(this).siblings("ul").addClass("open").slideToggle(150)})},"multitoggle"===o.format?multiTg():e.addClass("dropdown"),!0===o.sticky&&e.css("position","fixed")})}}(jQuery),function(s){s(document).ready(function(){s("#cssmenu").menumaker({format:"multitoggle"})})}(jQuery); //]]> </script> <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> <script type='text/javascript'> //<![CDATA[ // Breaking News $(document).ready(function(){var e="https://viospaper.blogspot.com",t=20;$.ajax({url:""+e+"/feeds/posts/default?alt=json-in-script&max-results="+t,type:"get",dataType:"jsonp",success:function(e){function t(){$("#adbreakingnews li:first").slideUp(function(){$(this).appendTo($("#adbreakingnews ul")).slideDown()})}var n,r,s="",a=e.feed.entry;if(void 0!==a){s="<ul>";for(var l=0;l<a.length;l++){for(var o=0;o<a[l].link.length;o++)if("alternate"==a[l].link[o].rel){n=a[l].link[o].href;break}r=a[l].title.$t,s+='<li><a href="'+n+'" target="_blank">'+r+"</a></li>"}s+="</ul>",$("#adbreakingnews").html(s),setInterval(function(){t()},5e3)}else $("#adbreakingnews").html("<span>No result!</span>")},error:function(){$("#adbreakingnews").html("<strong>Error Loading Feed!</strong>")}})}); //]]> </script> <script type='text/javascript'> //<![CDATA[ var disqus_shortname="http-www-rianseo-com-1"; function downloadJSAtOnload(){var d=document.createElement("script");d.src="https://cdn.rawgit.com/KompiAjaib/js/master/flexible-post-6-1a.js",document.body.appendChild(d)}window.addEventListener?window.addEventListener("load",downloadJSAtOnload,!1):window.attachEvent?window.attachEvent("onload",downloadJSAtOnload):window.onload=downloadJSAtOnload; document.querySelectorAll(".separator")[0].style.display= "none"; function resizeThumbextralarge(e){for(var r=document.querySelectorAll(".thumb-post img"),t=0;t<r.length;t++)r[t].src=r[t].src.replace(/\/s1600/,"/s"+e),r[t].width=e,r[t].height=e}resizeThumbextralarge("600"); var str1=document.getElementById("middleads").innerHTML,str2=str1.length,str3=str2/2,substr=str1.substring(str3,str2),n=substr.search("<br>");if(0>n){n=substr.indexOf("."),0>n&&(n=0);var firsthalf=str1.substring(0,str3+n+1),secondhalf=str1.substring(str3+n+1,str2)}else var firsthalf=str1.substring(0,str3+n+4),secondhalf=str1.substring(str3+n+4,str2);var addcode=document.getElementById("middle-ads").innerHTML,newbody=firsthalf+addcode+secondhalf,strnew=document.getElementsByClassName("post-body entry-content");strnew[0].innerHTML=newbody,document.getElementById("middle-ads").innerHTML=""; //]]> </script> <link href='//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css' rel='stylesheet' type='text/css'/> <b:if cond='data:blog.pageType in {"item","index"}'> </div> </b:if> <!--</body>--></body> </html><html> <head> <!--Google Analytics code Here --> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1"/> <title>》⍟☆⍣ Eid Mubarak ⍣☆⍟《</title> <meta name="google" value="notranslate"> <meta property="og:type" content="Make your own wonderful Wishing greeting card" /> <meta property="og:title" content="Wishing You Happy EID MUbarak 2018" /> <meta property="og:url" content="http://www.YourSite.com/> <meta property="og:description" content="CLICK HERE" /> <meta property="og:site_name" content="Create Awesome wisheing Card" /> <link rel="stylesheet" type="text/css" href="main.css"> <!----- Favicon ------> <link rel="icon" type="image/png" sizes="32x32" href="https://goo.gl/To7pFU"> <style> i { color: #ff2323; } input[type=name], select { width: 100%; padding: 12px 20px; margin: 4px 0; display: inline-block; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; } .footerbtn { display: block; line-height: 15px; position: fixed; left:0px; bottom:0px; height:40px; border-radius: 15px; box-sizing: border-box; padding: 5px; background:#34af23; color: #ffffff; font-size: 18px; text-align: center; text-decoration: none; width:95%; margin-left:10px; margin-right:30px; box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .3); animation: footer infinite linear 1s; -webkit-transform: translate3d(30%,0,0); transform: translate3d(30%,0,0); position: fixed; } .footerbtn :active { box-shadow: none } @-webkit-keyframes footer { from { -webkit-transform: rotateZ(0) } 25% { -webkit-transform: rotateZ(1.5deg) } 50% { -webkit-transform: rotateZ(0deg) } 75% { -webkit-transform: rotateZ(-1.5deg) } to { -webkit-transform: rotateZ(0) }} @-webkit-keyframes jello { from, 11.1%, to { transform: none; } 22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { transform: skewX(-0.1953125deg) skewY(-0.1953125deg); }} .jello { -webkit-animation: jello 3s infinite; transform-origin: center; -webkit-animation-delay:6s} @-webkit-keyframes hue { from { -webkit-filter: hue-rotate(0deg); } to { -webkit-filter: hue-rotate(-360deg); }} .m1{position:fixed;left:1%; width:auto;height:100%;top:1%;color:#000;} .m2{position:fixed;right:1%; width:auto;height:100%;top:1%;color:#000;} .bubbles { font-family: arial; } .bubbles hi { font-family: 'Luckiest Guy', cursive; color: black; } hi { font-size:2.5em; user-select:none; } hi span { display:inline-block; animation:float .2s ease-in-out infinite; } @keyframes float { 0%,100%{ transform:none; } 33%{ transform:translateY(-1px) rotate(-2deg); } 66%{ transform:translateY(1px) rotate(2deg); } } body:hover span { animation:bounce .6s; } @keyframes bounce { 0%,100%{ transform:translate(0); } 25%{ transform:rotateX(20deg) translateY(2px) rotate(-3deg); } 50%{ transform:translateY(-20px) rotate(3deg) scale(1.1); } } @import url(http://fonts.googleapis.com/css?family=Concert+One); h1 { animation:glow 10s ease-in-out infinite; } * { box-sizing:border-box; } figure { animation:wobble 5s ease-in-out infinite; transform-origin:center center; transform-style:preserve-3d; } @keyframes wobble { 0%,100%{ transform:rotate3d(1,1,0,40deg); } 25%{ transform:rotate3d(-1,1,0,40deg); } 50%{ transform:rotate3d(-1,-1,0,40deg); } 75%{ transform:rotate3d(1,-1,0,40deg); } } h1 { display:block; width:90%; line-height:1.5; font:900 35px 'Concert One', sans-serif; position:absolute; color:#fff; } @keyframes glow { 0%,100%{ text-shadow:0 0 30px red; } 25%{ text-shadow:0 0 30px orange; } 50%{ text-shadow:0 0 30px forestgreen; } 75%{ text-shadow:0 0 30px cyan; } } h1:nth-child(2){ transform:translateZ(5px); } h1:nth-child(3){ transform:translateZ(10px);} h1:nth-child(4){ transform:translateZ(15px); } h1:nth-child(5){ transform:translateZ(20px); } h1:nth-child(6){ transform:translateZ(25px); } h1:nth-child(7){ transform:translateZ(30p.rock{animation:infinite 1s rock} @keyframes rock { 0% { transform: rotate(-1deg); } 50% { transform: rotate(2deg); } 100% { transform: rotate(-1deg); }}x); } h1:nth-child(8){ transform:translateZ(35px); } h1:nth-child(9){ transform:translateZ(40px); } h1:nth-child(10){ transform:translateZ(45px); } .rock{animation:infinite 1s rock} @keyframes rock { 0% { transform: rotate(-1deg); } 50% { transform: rotate(2deg); } 100% { transform: rotate(-1deg); }} .fuck{animation:infinite 1s fuck} @keyframes rock { 0% { transform: rotate(-2deg); } 50% { transform: rotate(2deg); } 100% { transform: rotate(-2deg); }} h2 { font-size: 38px; text-align: center; color:#ff2323; animation: rock infinite 1s; font-family: 'Indie Flower', cursive; letter-spacing: 2px; } h3 { font-size: 48px; text-align: center; padding:1px; margin:1px; color: white; text-shadow: 1px 1px silver, -1px -1px blue; aanimation: fuck infinite 1s; font-family: 'Indie Flower', cursive; letter-spacing: 2px; } .cssload-preloader { position: absolute; top: 0px; left: px; right: 40px; bottom: 20px; z-index: 10; } .cssload-preloader > .cssload-preloader-box { position: absolute; height: 16px; top: 50%; left: 50%; margin: -8px 0 0 -82px; perspective: 110px; -o-perspective: 110px; -ms-perspective: 110px; -webkit-perspective: 110px; -moz-perspective: 110px; } .cssload-preloader .cssload-preloader-box > div { position: relative; width: 16px; height: 16px; background: rgb(204,204,204); float: left; text-align: center; line-height: 16px; font-family: Verdana; font-size: 11px; color: rgb(255,255,255); }.cssload-preloader .cssload-preloader-box > div:nth-child(1) { background: rgb(255,0,0); margin-right: 8px; animation: cssload-movement 690ms ease 0ms infinite alternate; -o-animation: cssload-movement 690ms ease 0ms infinite alternate; -ms-animation: cssload-movement 690ms ease 0ms infinite alternate; -webkit-animation: cssload-movement 690ms ease 0ms infinite alternate; -moz-animation: cssload-movement 690ms ease 0ms infinite alternate; } .cssload-preloader .cssload-preloader-box > div:nth-child(2) { background: rgb(255,0,0); margin-right: 8px; animation: cssload-movement 690ms ease 86.25ms infinite alternate; -o-animation: cssload-movement 690ms ease 86.25ms infinite alternate; -ms-animation: cssload-movement 690ms ease 86.25ms infinite alternate; -webkit-animation: cssload-movement 690ms ease 86.25ms infinite alternate; -moz-animation: cssload-movement 690ms ease 86.25ms infinite alternate; } .cssload-preloader .cssload-preloader-box > div:nth-child(3) { background: rgb(255,0,0); margin-right: 8px; animation: cssload-movement 690ms ease 172.5ms infinite alternate; -o-animation: cssload-movement 690ms ease 172.5ms infinite alternate; -ms-animation: cssload-movement 690ms ease 172.5ms infinite alternate; -webkit-animation: cssload-movement 690ms ease 172.5ms infinite alternate; -moz-animation: cssload-movement 690ms ease 172.5ms infinite alternate; } .cssload-preloader .cssload-preloader-box > div:nth-child(4) { background: rgb(204,255,0); margin-right: 8px; animation: cssload-movement 690ms ease 258.75ms infinite alternate; -o-animation: cssload-movement 690ms ease 258.75ms infinite alternate; -ms-animation: cssload-movement 690ms ease 258.75ms infinite alternate; -webkit-animation: cssload-movement 690ms ease 258.75ms infinite alternate; -moz-animation: cssload-movement 690ms ease 258.75ms infinite alternate; } .cssload-preloader .cssload-preloader-box > div:nth-child(5) { background: rgb(0,255,60); margin-right: 8px; animation: cssload-movement 690ms ease 345ms infinite alternate; -o-animation: cssload-movement 690ms ease 345ms infinite alternate; -ms-animation: cssload-movement 690ms ease 345ms infinite alternate; -webkit-animation: cssload-movement 690ms ease 345ms infinite alternate; -moz-animation: cssload-movement 690ms ease 345ms infinite alternate; } .cssload-preloader .cssload-preloader-box > div:nth-child(6) { background: rgb(0,185,252); margin-right: 8px; animation: cssload-movement 690ms ease 431.25ms infinite alternate; -o-animation: cssload-movement 690ms ease 431.25ms infinite alternate; -ms-animation: cssload-movement 690ms ease 431.25ms infinite alternate; -webkit-animation: cssload-movement 690ms ease 431.25ms infinite alternate; -moz-animation: cssload-movement 690ms ease 431.25ms infinite alternate; } .cssload-preloader .cssload-preloader-box > div:nth-child(7) { background: rgb(58,0,250); margin-right: 8px; animation: cssload-movement 690ms ease 517.5ms infinite alternate; -o-animation: cssload-movement 690ms ease 517.5ms infinite alternate; -ms-animation: cssload-movement 690ms ease 517.5ms infinite alternate; -webkit-animation: cssload-movement 690ms ease 517.5ms infinite alternate; -moz-animation: cssload-movement 690ms ease 517.5ms infinite alternate; } .cssload-preloader .cssload-preloader-box > div:nth-child(8) { background: rgb(255,255,0); margin-right: 8px; animation: cssload-movement 690ms ease 603.75ms infinite alternate; -o-animation: cssload-movement 690ms ease 603.75ms infinite alternate; -ms-animation: cssload-movement 690ms ease 603.75ms infinite alternate; -webkit-animation: cssload-movement 690ms ease 603.75ms infinite alternate; -moz-animation: cssload-movement 690ms ease 603.75ms infinite alternate; } .cssload-preloader .cssload-preloader-box > div:nth-child(9) { background: rgb(221,0,255); margin-right: 8px; animation: cssload-movement 690ms ease 690ms infinite alternate; -o-animation: cssload-movement 690ms ease 690ms infinite alternate; -ms-animation: cssload-movement 690ms ease 690ms infinite alternate; -webkit-animation: cssload-movement 690ms ease 690ms infinite alternate; -moz-animation: cssload-movement 690ms ease 690ms infinite alternate; } .cssload-preloader .cssload-preloader-box > div:nth-child(10) { background: rgb(51,102,255); margin-right: 8px; animation: cssload-movement 690ms ease 776.25ms infinite alternate; -o-animation: cssload-movement 690ms ease 776.25ms infinite alternate; -ms-animation: cssload-movement 690ms ease 776.25ms infinite alternate; -webkit-animation: cssload-movement 690ms ease 776.25ms infinite alternate; -moz-animation: cssload-movement 690ms ease 776.25ms infinite alternate; } @keyframes cssload-movement { from { transform: scale(1.0) translateY(0px) rotateX(0deg); box-shadow: 0 0 0 rgba(0,0,0,0); } to { transform: scale(1.5) translateY(-14px) rotateX(45deg); box-shadow: 0 14px 22px rgba(0,0,0,0.4); background: rgb(51,153,255); } } @-o-keyframes cssload-movement { from { -o-transform: scale(1.0) translateY(0px) rotateX(0deg); box-shadow: 0 0 0 rgba(0,0,0,0); } to { -o-transform: scale(1.5) translateY(-14px) rotateX(45deg); box-shadow: 0 14px 22px rgba(0,0,0,0.4); background: rgb(51,153,255); } } @-ms-keyframes cssload-movement { from { -ms-transform: scale(1.0) translateY(0px) rotateX(0deg); box-shadow: 0 0 0 rgba(0,0,0,0); } to { -ms-transform: scale(1.5) translateY(-14px) rotateX(45deg); box-shadow: 0 14px 22px rgba(0,0,0,0.4); background: rgb(51,153,255); } } @-webkit-keyframes cssload-movement { from { -webkit-transform: scale(1.0) translateY(0px) rotateX(0deg); box-shadow: 0 0 0 rgba(0,0,0,0); } to { -webkit-transform: scale(1.5) translateY(-14px) rotateX(45deg); box-shadow: 0 14px 22px rgba(0,0,0,0.4); background: rgb(51,153,255); } } @-moz-keyframes cssload-movement { from { -moz-transform: scale(1.0) translateY(0px) rotateX(0deg); box-shadow: 0 0 0 rgba(0,0,0,0); } to { -moz-transform: scale(1.5) translateY(-14px) rotateX(45deg); box-shadow: 0 14px 22px rgba(0,0,0,0.4); background: rgb(51,153,255); } } </style> </head> <!----- Main Background ------> <center> <div class="cssload-preloader" style="width: 100%; height:590px; center;"> <div class="cssload-preloader-box" > <div>E</div> <div>I</div> <div>D</div> <div>M</div> <div>U</div> <div>B</div> <div>A</div> <div>R</div> <div>A</div> <div>K</div></div> </div> </center> <!-- Sidebar Sliding Images ---> <marquee class="m1" behavior="scroll" direction="up" scrolldelay="5"> <br> <img src="https://goo.gl/LaKMDF" height="129px" width="35px"/><br><br> <img src="https://goo.gl/dzUAWB" height="129px" width="35px"/><br><br> <img src="https://goo.gl/LaKMDF" height="129px" width="35px"/><br><br> <img src="https://goo.gl/dzUAWB" height="129px" width="35px"/><br><br> <img src="https://goo.gl/LaKMDF" height="129px" width="35px"/><br><br> <img src="https://goo.gl/dzUAWB" height="129px" width="35px"/><br><br> <img src="https://goo.gl/LaKMDF" height="129px" width="35px"/><br><br> <img src="https://goo.gl/dzUAWB" height="129px" width="35px"/><br><br> <img src="https://goo.gl/LaKMDF" height="129px" width="35px"/><br><br> <img src="https://goo.gl/dzUAWB" height="129px" width="35px"/><br><br> <img src="https://goo.gl/LaKMDF" height="129px" width="35px"/><br><br> <img src="https://goo.gl/dzUAWB" height="129px" width="35px"/><br><br> <img src="https://goo.gl/LaKMDF" height="129px" width="35px"/><br><br> <img src="https://goo.gl/dzUAWB" height="129px" width="35px"/><br><br> <img src="https://goo.gl/LaKMDF" height="129px" width="35px"/><br><br> <img src="https://goo.gl/dzUAWB" height="129px" width="35px"/><br><br> <img src="https://goo.gl/LaKMDF" height="129px" width="35px"/><br><br> <img src="https://goo.gl/dzUAWB" height="129px" width="35px"/><br><br> <img src="https://goo.gl/LaKMDF" height="129px" width="35px"/><br><br> <img src="https://goo.gl/dzUAWB" height="129px" width="35px"/><br><br> </marquee> <marquee class="m2" behavior="scroll" direction="down" scrolldelay="5"><br> <img src="https://goo.gl/LaKMDF" height="129px" width="35px"/><br><br> <img src="https://goo.gl/dzUAWB" height="129px" width="35px"/><br><br> <img src="https://goo.gl/LaKMDF" height="129px" width="35px"/><br><br> <img src="https://goo.gl/dzUAWB" height="129px" width="35px"/><br><br> <img src="https://goo.gl/LaKMDF" height="129px" width="35px"/><br><br> <img src="https://goo.gl/dzUAWB" height="129px" width="35px"/><br><br> <img src="https://goo.gl/LaKMDF" height="129px" width="35px"/><br><br> <img src="https://goo.gl/dzUAWB" height="129px" width="35px"/><br><br> <img src="https://goo.gl/LaKMDF" height="129px" width="35px"/><br><br> <img src="https://goo.gl/dzUAWB" height="129px" width="35px"/><br><br> <img src="https://goo.gl/LaKMDF" height="129px" width="35px"/><br><br> <img src="https://goo.gl/dzUAWB" height="129px" width="35px"/><br><br> <img src="https://goo.gl/LaKMDF" height="129px" width="35px"/><br><br> <img src="https://goo.gl/dzUAWB" height="129px" width="35px"/><br><br> <img src="https://goo.gl/LaKMDF" height="129px" width="35px"/><br><br> <img src="https://goo.gl/dzUAWB" height="129px" width="35px"/><br><br> <img src="https://goo.gl/LaKMDF" height="129px" width="35px"/><br><br> <img src="https://goo.gl/dzUAWB" height="129px" width="35px"/><br><br> <img src="https://goo.gl/LaKMDF" height="129px" width="35px"/><br><br> <img src="https://goo.gl/dzUAWB" height="129px" width="35px"/><br><br> </marquee> <center> <!--- Header AdSense code Here (468x60 Display ads)---> </center> <center><span style="color: #ff077a;">▁ ▂ ▄ ▅ ▆ ▇ █ YourSite.com █ ▇ ▆ ▅ ▄ ▂ ▁</center> <!-------Festival Timer Design------> <center> <div class="container"> <div class="main-greeting"> <div align="center html2canvas-ignore"> <div style="font-size: 18px; font-weight: 500; color: Black;"> <p id="demo"></p> <div class="main_body"></center> <!-- Enter Your Name Popup Window --> <figure><center> <h1 style="text-transform: uppercase;"><script type="text/javascript" language="Javascript"> var a=prompt("Please Enter Your Name\n\n👇👇👇👇👇"); document.write(a); </script> </h1> <h1 style="text-transform: uppercase;"><script type="text/javascript" language="Javascript"> document.write(a); </script> </h1> <h1 style="text-transform: uppercase;"><script type="text/javascript" language="Javascript"> document.write(a); </script> </h1> <h1 style="text-transform: uppercase;"><script type="text/javascript" language="Javascript"> document.write(a); </script></h1> <h1 style="text-transform: uppercase;"><script type="text/javascript" language="Javascript"> document.write(a); </script> </h1> <h1 style="text-transform: uppercase;"><script type="text/javascript" language="Javascript"> document.write(a); </script> </h1> <h1 style="text-transform: uppercase;"><script type="text/javascript" language="Javascript"> document.write(a); </script></h1> </center></figure> <!---- Snow falling Images -----> <div class="vi" style="text-align: center;"> <img src="https://goo.gl/LkSuLn" class="swing1" alt="Snow" style="width: 100%; height:100px;"> <p style="text-align: center;"><strong><span style="font-size: 26pt; font-family: 'comic sans ms', sans-serif; color: #ff0044;">☪ <span style="font-family: 'trebuchet ms', geneva;">Wishing You</span> ☪</span></strong></p> <br> </br> <!--<h2>Main Center Image</h2>--> <h2> <img src="https://goo.gl/XrVsYe" class="img-responsive" alt="Main Image" style="width: 350px; "> </h2> <!----- Wishing Poem Here -----> <p style="text-align: center;"><span style="background-color: #ff0000; color: #ffffff; font-size: 14pt; font-family: tahoma, arial, helvetica, sans-serif;"> Saal Mein 1 Baar Aati Hai <strong>EID</strong> </span></p> <p style="text-align: center;"><span style="background-color: #008000; color: #ffffff; font-size: 14pt; font-family: tahoma, arial, helvetica, sans-serif;"> Khushiyan Hazar Lati Hai <strong>EID </strong></span></p> <p style="text-align: center;"><span style="background-color: #ff00ff; color: #ffffff; font-size: 14pt; font-family: tahoma, arial, helvetica, sans-serif;"> Momin Ke Liye Tohfa Hai <strong>EID</strong> </span></p> <p style="text-align: center;"><span style="background-color: #00ccff; color: #ffffff; font-size: 14pt; font-family: tahoma, arial, helvetica, sans-serif;"> Bachchoo Ke Liye Eidi Hai <strong>EID</strong> </span></p> <p style="text-align: center;"><span style="background-color: #ff6600; color: #ffffff; font-size: 14pt; font-family: tahoma, arial, helvetica, sans-serif;"> Allah Ki Ata Or Inam Hai <strong>EID</strong> </span></p> <p style="text-align: center;"><span style="background-color: #00ff00; color: #ffffff; font-size: 14pt; font-family: tahoma, arial, helvetica, sans-serif;"> Harek Ko Mubark Ho Ye Pyari Si <strong>EID</strong> </span></p> <p style="text-align: center;"><strong><span style="font-size: 18pt; font-family: tahoma, arial, helvetica, sans-serif;"><span style="color: #ff0000;">》⍟☆⍣ Eid Mubarak ⍣☆⍟《</span></span></strong></p> <img src="https://goo.gl/qxJdvf" class="img-responsive" alt="Main Image" style="width: 300px"> <center> <!-- Center AdSense code Here (Responsive ads)--> </center> <!----Countdown time Setting ----> <script> // Set the date we're counting down to var countDownDate = new Date("june 16, 2018 00:00:00").getTime(); // Update the count down every 01 second var x = setInterval(function() { // Get todays date and time var now = new Date().getTime(); // Find the distance between now an the count down date var distance = countDownDate - now; // Time calculations for days, hours, minutes and seconds var days = Math.floor(distance / (1000 * 60 * 60 * 24)); var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); var seconds = Math.floor((distance % (1000 * 60)) / 1000); // Display the result in the element with id="demo" document.getElementById("demo").innerHTML = days + "<i> Days,</i> " + hours + " <i>Hrs,</i> " + minutes + "<i> Min,</i> " + seconds + "<i> Sec</i> "; // If the count down is finished, write some text if (distance < 0) { clearInterval(x); document.getElementById("demo").innerHTML = "EXPIRED"; } }, 1000); </script> </div> </div> <center><img src="https://goo.gl/C5RAfz" height="100px" width="110px"/> <div class="busi"><p style="text-transform: uppercase;font-size: 20px;color:#000000;"> <script type="text/javascript" language="Javascript"> document.write( "By-" +a); </script><br><img src="https://goo.gl/qK32kS" height="105px" width="105px"/></p></center> <center> <!-- Below AdSense Code Here (Link ads) --> </center> <center><img src="https://goo.gl/woDVuv" height="70px" width="110px"/> <br></br> <!---This Theme Edited and Designed By RipoN Sahaji-----> <br></br> <center> <a class="footerbtn" href="whatsapp://send?text= *Touch this blue line enter your name and see magic* 👉👉👉 www.YourSite.com"> <img width="22px" height="22px" src="https://goo.gl/To7pFU"/> <b style="font-size: 26px;">Share on Whatsapp</b> <img width="25px" height="25px" src="https://goo.gl/To7pFU"/></a> </center> </body> </html>