Template Kompi Design V100

<?xml version="1.0" encoding="UTF-8" ?
>
<!DOCTYPE html>
<HTML amp='amp' lang='en'>
<head>
<meta charset='utf-8'/>
<meta content='width=device-width,minimum-scale=1,initial-scale=1'
name='viewport'/>
<meta content='IE=9; IE=8; IE=7; IE=EDGE; chrome=1' http-equiv='X-UA-Compatible'/>
<meta content='blogger' name='generator'/>
<link expr:href='data:blog.homepageUrl + "favicon.ico"' rel='icon'

type='image/x-icon'/>
<link href='https://2.bp.blogspot.com/-t_4sZLKIXiM/V-x5KlMJZgI/AAAAAAAAn-
k/ADYmUPk73t4vY2igotj1nlExHZL48Q9FACLcB/s1600/apple-icon-57x57.png' rel='apple-
touch-icon' sizes='57x57'/>
<link href='https://1.bp.blogspot.com/-HbhCbtIm9gc/V-x5KgHuF6I/AAAAAAAAn-g/yJjYs-
HjF6MjI3K4lsxOdDKm-Ey8Lf8cgCLcB/s1600/apple-icon-60x60.png' rel='apple-touch-icon'
sizes='60x60'/>
<link href='https://1.bp.blogspot.com/-EhpAtu43_Mc/V-x5LYhX4EI/AAAAAAAAn-
o/36yqnh7pO4YDYpjbAjWvk0kfE2YshUaBgCLcB/s1600/apple-icon-72x72.png' rel='apple-
<link href='https://4.bp.blogspot.com/-937jOhl4xJ4/V-x5LyfWe3I/AAAAAAAAn-w/-
Mab1Wk6n0sHK4nkfiM632ygFGEso-D_ACLcB/s1600/apple-icon-76x76.png' rel='apple-touch-
icon' sizes='76x76'/>
<link href='https://3.bp.blogspot.com/-Vz4N37Cv8fw/V-x5JaFZHRI/AAAAAAAAn-
M/LHahbd0gDc0kdTV5P-7QKUmJvPQSrjhMACLcB/s1600/apple-icon-114x114.png' rel='apple-
<link href='https://4.bp.blogspot.com/-XzFDmPOnDb0/V-x5Jp7dAYI/AAAAAAAAn-
U/EMn4JKE3JTwHUFKmWcyBMGK6l3zWmXbmgCLcB/s1600/apple-icon-120x120.png' rel='apple-
<link href='https://3.bp.blogspot.com/-x7G7nCqPI1E/V-x5J7OYCiI/AAAAAAAAn-
Q/8XEWZmpo5rMbUbnEEgPvJeHU8liEDGAHQCLcB/s1600/apple-icon-144x144.png' rel='apple-
<link href='https://2.bp.blogspot.com/-O7FwOlhg8mo/V-x5KKQhNlI/AAAAAAAAn-
Y/ghm9w7hYIX4WpJrOl_gb6yGghOaJQg88wCLcB/s1600/apple-icon-152x152.png' rel='apple-
<link href='https://1.bp.blogspot.com/-aelJDcuIinA/V-x5KpT5H_I/AAAAAAAAn-
c/0tglCsx0lZcbVpz9ev454lGBTSGdGB9gQCLcB/s1600/apple-icon-180x180.png' rel='apple-
<link href='https://4.bp.blogspot.com/-gaky225-J8E/V-x5IFMsKKI/AAAAAAAAn98/-
QyXxj648N0iIc5uumuR52Z-GbF8bGa2gCLcB/s1600/android-icon-192x192.png' rel='icon'
sizes='192x192' type='image/png'/>
<link href='https://2.bp.blogspot.com/-Z1cse7S8yyg/V-x5MQjMeHI/AAAAAAAAn-
8/xMmgujou3TAE_gwAUlNUE7r9TofdPnBYgCLcB/s1600/favicon-32x32.png' rel='icon'
sizes='32x32' type='image/png'/>
<link href='https://4.bp.blogspot.com/-wL4pIcc-8nI/V-
x5Mgiq6WI/AAAAAAAAn_A/2rBWROEqCm8ezqI6SpKQ-bghDGSo9W_YACLcB/s1600/favicon-
96x96.png' rel='icon' sizes='96x96' type='image/png'/>
<meta content='https://2.bp.blogspot.com/-idRUPfMJSCM/V-
x5NMAiAiI/AAAAAAAAn_E/heQ09zS0BVgrNHYK_6Eh8EJl20Wj4GzqgCLcB/s1600/ms-icon-
144x144.png' name='msapplication-TileImage'/>
<link expr:href='data:blog.url' rel='canonical'/>

<link expr:href='data:blog.homepageUrl + "feeds/posts/default"'
expr:title='data:blog.title + "- Atom"' rel='alternate'
type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default?alt=rss"'
expr:title='data:blog.title + "- RSS"' rel='alternate'
type='application/rss+xml'/>
<link expr:href='"https://www.blogger.com/feeds/" + data:blog.blogId +
"/posts/default"' expr:title='data:blog.title + "- Atom"'
rel='alternate' type='application/atom+xml'/>
<link href='https://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delgate'/>
<link href='https://plus.google.com/117950600521728942551' rel='me'/>
<link href='https://plus.google.com/117950600521728942551' rel='publisher'/>

<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<b:if cond='data:blog.pageType == "error_page"'>
<title>404: Page Not Found | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'>

<b:if cond='data:blog.postImageThumbnailUrl'>
<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
</b:if>
</b:if>

<meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta content='article' property='og:type'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta content='website' property='og:type'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
<meta expr:content='"Silahkan kunjungi " + data:blog.pageTitle +
"Untuk membaca postingan-postingan menarik."' property='og:description'/>
</b:if>
</b:if>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
<b:else/>
<meta content='https://2.bp.blogspot.com/-a-3w6wGXqJE/V-x_NdC7ojI/AAAAAAAAn_g/-
YfOdP0rYmcDJva0WM-jJf6v3oI6pKGdwCLcB/s600/logo-kd.png' property='og:image'/>
</b:if>
</b:if>
<meta content='TZ5oz7nKEPsF6Ioeikvi1ekEjMm7QvTf_ysqNm7BVYU' name='google-site-
verification'/>
<meta content='100006644464463' property='fb:admins'/>
<meta content='480072895444481' property='fb:profile_id'/>
<meta content='Adhy Suryadi' name='Author'/>
<meta content='https://www.facebook.com/adhy.suryadii' property='article:author'/>
<meta expr:content='data:blog.title' name='twitter:site'/>
<meta content='summary_large_image' name='twitter:card'/>
<meta content='@KompiAjaib' name='twitter:creator'/>
<link href='https://fonts.googleapis.com/css?
family=Roboto:300,400italic,400,500,500italic,700,700italic,900%7CMaterial+Icons'
rel='stylesheet' type='text/css'/>

<body itemscope='itemscope' itemtype='http://schema.org/WebPage'>
<amp-analytics id='analytics1' type='googleanalytics'>
<script type='application/json'>
{
"vars": {
"account": "UA-XXXXX-Y"
},
"triggers": {
"trackPageview": {
"on": "visible",
"request": "pageview"
}
}
}
</script>
</amp-analytics>
<b:if cond='data:blog.pageType == "error_page"'>
<style scoped='scoped' type='text/css'>
/*<![CDATA[*/
.large-heading,body{text-align:center}
body{background:#fff;height:100%;margin:0;padding:0;color:#141924;font-family:
Roboto, sans-serif;overflow:hidden}
.large-heading{font-size:16rem;color:rgba(0,0,0,.3);font-
weight:900;width:100%;margin-top:50px;-webkit-filter:blur(3px);filter:blur(3px)}
.light-heading{font-size:2rem;color:rgba(0,0,0,.6);font-weight:700}
.fixed{position:fixed;font-size:2rem;color:rgba(0,0,0,.6);z-
index:9999;width:500px;bottom:50px;left:calc(50% - 250px);text-align:center}
.fixed a {border:4px solid #fff;border-radius:10px;padding:5px 16px;transition:all
400ms ease-in-out}
.fixed a:hover {background: #fff;}
.kompi{font-family:Georgia,serif;font-size:300%;font-style:italic;margin-
top:100px;color:rgba(0,0,0,.3);}
html::after{content:"";background:radial-
gradient(circle,rgba(0,0,0,0),rgba(0,0,0,1));position:absolute;top:0;left:0;bottom:
0;right:0}
.large-heading,.kompi,.light-heading{-webkit-animation:funnytext 4s ease-in-out
infinite;animation:funnytext 4s ease-in-out infinite}
@-webkit-keyframes funnytext{0%,100%{color:rgba(0,0,0,.3);-webkit-filter:blur(3px)}
30%{color:rgba(0,0,0,.5);-webkit-filter:blur(1px)}
65%{color:rgba(0,0,0,.2);-webkit-filter:blur(5px)}
}
@keyframes funnytext{0%,100%{color:rgba(0,0,0,.3);filter:blur(3px)}
30%{color:rgba(0,0,0,.5);filter:blur(1px)}
65%{color:rgba(0,0,0,.2);filter:blur(5px)}
}
/*]]>*/
</style>
<div id='error-page'>
<div class='large-heading'>4<i class='fa fa-exclamation-circle'/>4</div>
<div class='light-heading'>PAGE NOT FOUND!</div>
<div class='kompi'><data:blog.title/></div>
<div class='fixed'><a expr:href='data:blog.homepageUrl'
expr:title='data:blog.title'>Go to homepage</a></div>
</div>
</b:if>
<b:if cond='data:blog.pageType != "error_page"'>
<amp-image-lightbox id='lightbox1' layout='nodisplay'/>
<button class='btn-sidebaramp' on='tap:sidebar.toggle'/>
<amp-sidebar id='sidebar' layout='nodisplay' side='right'>
<amp-img alt='close sidebar' class='amp-close-image' height='20'
on='tap:sidebar.close' role='button'
src='https://ampbyexample.com/img/ic_close_black_18dp_2x.png' tabindex='0'
width='20'/>
<nav>
<ul>
<li><a href='/'>Home</a></li>
<li><a href='#' itemprop='url' title='About'>About</a></li>
<li><a href='https://kompidesign.blogspot.com/p/contact.html' itemprop='url'
title='Contact'>Contact</a></li>
<li><a href='#' itemprop='url' title='Privacy'>Privacy</a></li>
<li><a href='#' itemprop='url' title='Sitemap'>Sitemap</a></li>
<li><a href='#' itemprop='url' title='Pasang Iklan'>Iklan</a></li>
<li><a href='#' itemprop='url' title='Review Job'>Review Job</a></li>
<li>
<div class='search-wrapper'>
<div id='search-box'>
<div itemprop='mainEntity' itemscope='itemscope'
itemtype='http://schema.org/WebSite'>
<meta content='http://www.kompiajaib.com/' itemprop='url'/>
<form action='https://kompidesign.blogspot.co.id/search'
itemprop='potentialAction' itemscope='itemscope'
itemtype='http://schema.org/SearchAction' method='get' target='_blank'>
<meta content='https://kompidesign.blogspot.co.id/search?q={q}' itemprop='target'/>
<input class='search-form' id='feed-q-input' itemprop='query-input' name='q'
placeholder='Search' required='required' type='text'/>
<button class='search-button' title='Search' type='submit'><i class='material-
icons'></i></button>
</form></div>
</div>
<div class='clear'/>
</div>
</li>
</ul>
</nav>
</amp-sidebar>
<div itemprop='mainContentOfPage' itemscope='itemscope'

itemtype='https://schema.org/WebPageElement'>
<div class='fixed' id='judulblog'>
<div class='content-wrapper'>
<header itemprop='mainEntity' itemscope='itemscope'

itemtype='http://schema.org/WPHeader'>
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Kompi Design (Header)'
type='Header' version='1' visible='true'>
<b:includable id='main'>
<div id='header-inner'>
<div class='titlewrapper'>
<b:if cond='data:blog.pageType != "item"'>
<h1 class='title' itemprop='headline'>
<b:include name='title'/>
</h1>
<b:else/>
<p class='title' itemprop='headline'>
<b:include name='title'/>
</p>
</b:if>
</div><b:include name='description'/>
</div>
</b:includable>
<b:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'
itemprop='description'><span><data:description/></span></p>
</div>
</b:includable>
<b:includable id='title'>
<a expr:href='data:blog.homepageUrl' expr:title='data:title'
itemprop='url'><span itemprop='name'><amp-img alt='Logo' expr:title='data:title'
height='30' src='https://4.bp.blogspot.com/-2p-LDa2l2vQ/V-
x2SveBi9I/AAAAAAAAn9o/oiupdYw6CgQxat9RtH8qjoZ9mfJYCRiSgCLcB/s1600/logo-kd2.png'
width='30'/> <data:title/></span></a>
</b:includable>
</b:widget>
</b:section>
</div>
</header>
<div class='mobile-hide'>
<nav class='page-menu' itemprop='mainEntity' itemscope='itemscope'
itemtype='http://schema.org/SiteNavigationElement'>
<ul>
<li><a href='#' itemprop='url' title='About'><span
itemprop='name'>About</span></a></li>
<li><a href='https://kompidesign.blogspot.com/p/contact.html' itemprop='url'
title='Contact'><span itemprop='name'>Contact</span></a></li>
<li><a href='#' itemprop='url' title='Privacy'><span
itemprop='name'>Privacy</span></a></li>
<li><a href='#' itemprop='url' title='Sitemap'><span
itemprop='name'>Sitemap</span></a></li>
<li><a href='#' itemprop='url' title='Pasang Iklan'><span
itemprop='name'>Iklan</span></a></li>
<li><a href='#' itemprop='url' title='Review Job'><span itemprop='name'>Review
Job</span></a></li>
</ul>
</nav>
<div class='search-wrapper'>
<div id='search-box'>
itemtype='http://schema.org/WebSite'>
<meta content='http://www.kompiajaib.com/' itemprop='url'/>
<form action='https://kompidesign.blogspot.co.id/search'
itemprop='potentialAction' itemscope='itemscope'
itemtype='http://schema.org/SearchAction' method='get' target='_blank'>
<meta content='https://kompidesign.blogspot.co.id/search?q={q}' itemprop='target'/>
<input class='search-form' id='feed-q-input' itemprop='query-input' name='q'
placeholder='Search' required='required' type='text'/>
<button class='search-button' title='Search' type='submit'><i class='material-
icons'></i></button>
</form></div>
</div>
</div>
</div>
</div>
</div>
<div class='thumb-wrapper'>
<b:if cond='data:blog.pageType == "static_page"'>
<div class='judul_page'>
<data:blog.pageName/>
</div>
</div>
</b:if>
<div class='judul_item'>
<p><data:blog.pageName/></p>
<div class='post-firstimage slideInUp'>
<b:if cond='data:blog.postImageUrl'>
<div class='firstimage'>
<amp-img expr:alt='data:post.title'
expr:src='data:blog.postImageUrl' height='350' layout='responsive' width='600'/>
</div>
<b:else/>
<div class='firstimage'>
<amp-img expr:alt='data:post.title' expr:title='data:post.title'
height='350' layout='responsive' src='https://2.bp.blogspot.com/-
ex3V86fj4dQ/UrCQQa4cLsI/AAAAAAAAFdA/j2FCTmGOrog/s1600/no-thumbnail.png'
width='600'/>
</div>
</b:if>
</div>
</div>
</div>
</b:if>
<div id='outer-wrapper'>
<div itemscope='itemscope' itemtype='http://schema.org/Blog'>
<b:if cond='data:blog.pageType != "static_page"'>
<div class='headerad'>
<amp-img alt='Header Ads' height='90' src='https://4.bp.blogspot.com/-
U8BOd1cfeXw/V-
z24UcmKEI/AAAAAAAAoBM/cb7H0j_k8DAkxwg2cB9Y3F1ynZwu0emKQCLcB/s1600/ads.jpg'
title='Header Ads' width='728'/>
</div>
</b:if>
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'
version='1' visible='true'>
<b:includable id='main' var='top'>
<b:include data='posts' name='breadcrumb'/>
<b:if cond='!data:mobile'>

<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<data:defaultAdStart/>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.isDateStart and not data:post.isFirstPost'>
</div></div>
</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:if cond='data:post.isFirstPost'>
"item"'>
<div id='first'>
<div class='post-thumbnail-frame slideInUp'>
<amp-img alt='Frame Thumbnail' height='350' layout='responsive'
src='https://1.bp.blogspot.com/-qn7dyFDBXCA/V-oylLAitvI/AAAAAAAAn8w/bKpcx4iv_-
sfGtpcj6fDn5pksGBmqCgqQCLcB/s1600/laptop-frame.png' width='599'/>
<div class='post-thumbnail'>
<b:if cond='data:post.firstImageUrl'>
<amp-img expr:alt='data:post.title' expr:src='data:post.firstImageUrl'
height='266' layout='responsive' width='425'/>
<b:else/>
width='425'/>
</b:if>
</div>
</div>
<b:if cond='data:post.title'>
<h2 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'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</b:if>
<div class='postmeta'>
<h3 class='date-header'>
<b:include data='post' name='author-post'/>
<span class='clock'> <i class='material-icons'></i> <a class='updated'
expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr
class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished
dateModified'> <data:post.timestamp/></abbr></a></span></h3>
</div>
<div class='first-body'>
<b:if cond='data:post.snippet'>
<data:post.snippet/>
</b:if>
<div class='readmorebutton'><a expr:href='data:post.url' title='Read More'>Read
More</a></div>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
<b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if>
</div>
</div>
</div>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:include cond='data:blog.pageType in
{"static_page","item"}' data='post' name='disqus-comments'/>
</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>


<b:include name='nextprev'/>


<b:include name='feedLinks'/>
<b:else/>
<b:include name='mobile-main'/>
</b:if>
</b:includable>
<b:includable id='author-post' var='post'>
<span class='post-author vcard' itemprop='author' itemscope='itemscope'
itemtype='http://schema.org/Person'>
<b:if cond='data:post.authorProfileUrl'>
<b:if cond='data:post.authorPhoto.url'>
"item"'>
<amp-img alt='author photo' expr:src='data:post.authorPhoto.url' height='16'
title='Author Photo' width='16'/>
</b:if>
<b:if cond='data:blog.pageType == "item" or data:blog.pageType ==
"static_page"'>
<amp-img alt='author photo' expr:src='data:post.authorPhoto.url' height='36'
title='Author Photo' width='36'/>
</b:if>
</b:if>
<span class='fn author'>
<a class='g-profile' expr:href='data:post.authorProfileUrl'
itemprop='url' rel='author' title='author profile'>
<span itemprop='name'><data:post.author/></span>
</a>
</span>
<b:else/>
<span class='fn author'><span
itemprop='name'><data:post.author/></span></span>
</b:if>
<meta expr:content='data:post.authorPhoto.url' itemprop='image'/>
</span>
</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 alt='delete icon' expr:title='data:top.deleteBacklinkMsg' height='13'
src='//www.blogger.com/img/icon_delete13.gif' width='13'/>
</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' expr:title='data:backlink.title'
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"'
expr:title='data:post.createLinkLabel'
rel='nofollow'><data:post.createLinkLabel/></a>
</p>
</b:includable>
<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl != data:blog.url and data:blog.pageType ==
"item"'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' id='breadcrumbs'>
<div id='bread-crumbs'>
<span itemscope='itemscope' itemtype='http://data-vocabulary.org/Breadcrumb'><a
expr:href='data:blog.homepageUrl' itemprop='url' title='Home'><span
itemprop='title'><i class='material-icons'></i>
Home </span></a></span> <i class='material-icons'></i>
<b:loop values='data:post.labels' var='label'>
<span itemscope='itemscope' itemtype='http://data-vocabulary.org/Breadcrumb'><a
expr:href='data:label.url + "?max-results=15"'
expr:title='data:label.name' itemprop='url'><span
itemprop='title'><data:label.name/></span></a><b:if cond='data:label.isLast !=
"true"'> <i class='material-icons'></i> </b:if></span>
</b:loop>
<i class='material-icons'></i> <span><data:post.title/></span>
</div></div>
</b:if>
</b:loop>
</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>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-
comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0'
id='comment-editor' name='comment-editor' src='' style='display: none'
width='100%'/>
<b:else/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
id='comment-editor' name='comment-editor' src='' width='100%'/>
</b:if>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
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='https://resources.blogblog.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.url.canonical.http'>
</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:elseif cond='data:post.showThreadedComments'/>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:includable>
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4><data:post.commentLabelFull/>:</h4>
<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>

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>

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'>
expr:href='data:post.oldestLinkUrl'>
<data:post.oldestLinkText/>
</a>
expr:href='data:post.olderLinkUrl'>
<data:post.olderLinkText/>
</a>

<data:post.commentRangeText/>

expr:href='data:post.newerLinkUrl'>
<data:post.newerLinkText/>
</a>
expr:href='data:post.newestLinkUrl'>
<data:post.newestLinkText/>
</a>
</span>
</b:if>
<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
<b:elseif cond='data:post.allowComments'/>
<a expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</p>
</b:if>
<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:include cond='data:post.showBacklinks' data='post' name='backlinks'/>
</div>
</div>
</div>
</b:includable>
<b:includable id='disqus-comments' var='post'>
<div class='disqus-comments' id='disqus_comments'>
<amp-iframe expr:src='"https://cdn.rawgit.com/KompiAjaib/kompi-
html/master/disqus_amp2.html?shortname=kompi-design&url=" +
data:blog.canonicalUrl' frameborder='0' height='300' layout='responsive'
resizable='resizable' sandbox='allow-scripts allow-same-origin allow-modals allow-
popups' width='600'>
<div aria-label='Disqus Comments' overflow='' role='button' tabindex='0'>Disqus
Comments</div>
</amp-iframe>
</div>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> 
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>
<b:else/> 
<div class='post-feeds'>
<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'/>
<b:includable id='iframe_comments' var='post'>
<b:if cond='data:post.allowIframeComments'>
<script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
<div class='cmt_iframe_holder' expr:data-href='data:post.url.canonical'
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'>
<b:if cond='data:post.dateHeader'>
<div class='mobile-index-date'>
<div class='date-header'>
<span><data:post.dateHeader/></span>
</div>
</div>
</b:if>
<div class='mobile-post-outer'>
<div class='mobile-index-title-outer'>
<h3 class='mobile-index-title entry-title'>
<a expr:title='data:post.title'
href='javascript:void(0)'><data:post.title/></a>
</h3>
</div>
<div>
<div class='mobile-index-arrow'>
<a href='javascript:void(0)'>&rsaquo;</a>
</div>
<div class='mobile-post-contents'>
<b:if cond='data:post.thumbnailUrl'>
<div class='mobile-index-thumbnail'>
<div class='Image'>
<img expr:src='data:post.thumbnailUrl'/>
</div>
</div>
</b:if>
<div class='post-body'>
<b:if cond='data:post.snippet'><data:post.snippet/></b:if>
</div>
</div>
</div>
<div class='mobile-index-comment'>
<b:if cond='data:blog.pageType != "item" and data:blog.pageType !=
"static_page"'>
<b:if cond='data:post.numComments != 0'>
expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments ==
1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/>
<data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</b:if>
</div>
</div>
</b:includable>
<b:includable id='mobile-main' var='top'>

<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<b:if cond='data:blog.pageType == "index"'>
<b:include data='post' name='mobile-index-post'/>
</b:loop>
<b:else/>
<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'><data:newerPageTitle/></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'><data:olderPageTitle/></a>
</div>
</b:if>
<div class='mobile-link-button' id='blog-pager-home-link'>
<a class='home-link' expr:href='data:blog.homepageUrl'
expr:title='data:homeMsg'><data:homeMsg/></a>
</div>
<div class='mobile-desktop-link'>
<a class='home-link' expr:href='data:desktopLinkUrl'
expr:title='data:homeMsg'><data:desktopLinkMsg/></a>
</div>
</div>
</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'>
<a expr:name='data:post.id'/>
<h3 class='post-title entry-title'>
<a expr:href='data:post.link'
expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'
expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</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'>
<data:post.body/>
<div class='clear'/> 
</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'>
<a expr:href='data:post.authorProfileUrl' rel='author'
title='author profile'>
<data:post.author/>
</a>
</span>
<b:else/>
<span class='fn'><data:post.author/></span>
</b:if>
</b:if>
</span>
<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<a class='timestamp-link' expr:href='data:post.url'
rel='bookmark' title='permanent link'><abbr class='published'
expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span>
<span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item" and
data:blog.pageType != "static_page"'>
expr:onclick='data:post.addCommentOnclick' title='comment'><b:if
cond='data:post.numComments == 1'>1
<data:top.commentLabel/><b:else/><data:post.numComments/>
<data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</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:if cond='data:blog.pageType == "static_page" or
data:blog.pageType == "item"'>
<b:include data='post' name='comments'/>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='nav-post'>
<div class='halaman'>
<div class='halaman-kiri'>
<div class='isihalaman-kiri'>
<span id='blog-pager-newer-link'>
expr:title='data:newerPageTitle'>Next Post</a>
</span>
<b:else/>
<span class='current-pageleft'>Newest Post</span>
</b:if>
</div>
<i class='material-icons panahkiri'></i>
</div>
<div class='halaman-kanan'>
<div class='isihalaman-kanan'>
<span id='blog-pager-older-link'>
expr:title='data:olderPageTitle'>Previous Post</a>
</span>
<b:else/>
<span class='current-pageright'>Oldest Page</span>
</b:if>
</div>
<i class='material-icons panahkanan'></i>
</div>
</div>
</div>
</b:if>
</b:includable>
<b:includable id='nextprev'>
"static_page"'>
<span id='blog-pager-older-link'>
expr:title='data:olderPageTitle'><i class='material-icons'></i></a>
</span>
</b:if>
<span id='blog-pager-newer-link'>
expr:title='data:newerPageTitle'><i class='material-icons'></i></a>
</span>
</b:if>
<div class='mobile-link-button' id='blog-pager-home-link'>
<a class='home-link' expr:href='data:blog.homepageUrl'
expr:title='data:homeMsg'><i class='material-icons'></i></a>
</div>
<div class='newest-link'><i class='material-icons'></i></div>
<div class='oldest-link'><i class='material-icons'></i></div>
<b:if cond='data:mobileLinkUrl'>
<div class='blog-mobile-link'>
<a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
</div>
</b:if>
</div>
</b:if>
</b:includable>
<b:includable id='pesan-blogger' var='post'>
<div class='pesan-blogger' id='pesan-blogger'>
<div class='tombol-pesan'>Gunakan konversi tool jika ingin menyertakan kode.<span
class='mata' id='tombol-open' onclick='toggleNavPanel5('konversi-
pesan')'><i class='fa fa-plus-square-o'/></span></div>
<div id='konversi-pesan'>
<textarea id='codes' placeholder='Tulis/paste kode di sini lalu klik
'Konversi'' spellcheck='false'/>
<span class='button-group'>
<button id='cvrt' onclick='cdConvert();this.disabled = true;'>Konversi</button>
<button onclick='cdClear();'>Bersihkan</button>
</span>
<span class='checkbox'>
<input checked='' id='opt1' type='checkbox'/> <input id='opt2' type='checkbox'/>
<input id='opt3' type='checkbox'/> <input checked='' id='opt4' type='checkbox'/>
<input checked='' id='opt5' type='checkbox'/></span>
</div>
</div>
</b:includable>
<b:includable id='pesan-komentar' var='post'>
<div class='pesan-komentar' id='pesan-komentar'>
<div class='tombol-pesan'>How to style text in Disqus comments:<span class='mata'
id='tombol-pesan' onclick='toggleNavPanel('isi-pesan')'><i class='fa fa-
plus-square-o'/></span></div>
<div id='isi-pesan'>
<ul>
<li>To write a <b>bold</b> letter please use
<code><strong></strong></code> or
<code><b></b></code>.</li>
<li>To write a <i>italic</i> letter please use
<code><em></em></code> or
<code><i></i></code>.</li>
<li>To write a <u>underline</u> letter please use
<code><u></u></code>.</li>
<li>To write a <span class='strike'>strikethrought</span> letter please use
<code><strike></strike></code>.</li>
<li>To write HTML code, please use
<code><code></code></code> or
<code><pre></pre></code> or
<code><pre><code></code></pre&
gt;</code>, and please <b>parse</b> the code in the parser box below.</li>
</ul>
<div class='parser' onclick='toggleNavPanel2('parser')'><i class='fa
fa-code'/> <span id='parser-button'>Show Parser Box</span></div>
<div id='parser'>
<table><tbody>
<tr> <td><textarea id='somewhere'/><br/>
<input class='button-parse' contenteditable='true' onclick='convert();'
type='button' value='Parse Script'/></td> </tr>
</tbody></table>
</div>
</div>
</div>
</b:includable>
<b:includable id='post' var='post'>
<article class='post hentry' itemprop='blogPost' itemscope='itemscope'
itemtype='http://schema.org/BlogPosting'>
<div class='home-post'>
<meta expr:content='data:post.snippet' property='twitter:description'/>
<div itemprop='image' itemscope='itemscope'
itemtype='https://schema.org/ImageObject'>
<meta expr:content='data:post.firstImageUrl' itemprop='url'/>
<meta content='700' itemprop='width'/>
<meta content='700' itemprop='height'/>
</div>
<b:else/>
<div itemprop='image' itemscope='itemscope'
<meta content='https://3.bp.blogspot.com/-
x_mMtgFf6XE/VlhLxwdLekI/AAAAAAAAj3c/N7fRz1lbMSg/s1600/no-thumbnail.jpg'
itemprop='url'/>
</div>
</b:if>
<div itemprop='publisher' itemscope='itemscope'
itemtype='https://schema.org/Organization'>
<div itemprop='logo' itemscope='itemscope'
<meta content='https://2.bp.blogspot.com/-
z_neu_jdmF4/VbVr4STl7mI/AAAAAAAAhiQ/-ykM7LgN2Es/s600/logo-ka.png' itemprop='url'/>
</div>
<meta expr:content='data:blog.title' itemprop='name'/>
</div>
"static_page"'>
<div class='_post-part _post-thumbnail-area'>
<div class='_post-thumbnail'>
<a expr:href='data:post.url' target='_blank'>
<amp-img expr:alt='data:post.title'
expr:src='data:post.firstImageUrl' height='160' layout='responsive' width='250'/>
</a>
</div>
<b:else/>
<div class='_post-thumbnail'>
<a expr:href='data:post.url' target='_blank'>
width='250'/>
</a>
</div>
</b:if>
</div>
</b:if>
<b:if cond='data:blog.pageType != "item"'>
<h2 class='post-title entry-title' itemprop='headline'>
<a expr:href='data:post.link' expr:title='data:post.title' itemprop='url
mainEntityOfPage'><data:post.title/></a>
<b:else/>
<a expr:href='data:post.url' expr:title='data:post.title' itemprop='url
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</b:if>
<b:else/>
<div id='judul-post'>
<h1 class='post-title entry-title' itemprop='headline'>
<a expr:href='data:post.link' expr:title='data:post.title' itemprop='url
<b:else/>
<a expr:href='data:post.url' expr:title='data:post.title' itemprop='url
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</div>
</b:if>
"item"'>
</div>
</b:if>
dateModified'> <data:post.timestamp/></abbr></a></span>
</h3>
</div>
<div class='postabovead'>
<amp-img alt='Sidebar Ads' height='250' layout='responsive'
src='https://3.bp.blogspot.com/-esrBMMHMH0I/V-
0ArklIkUI/AAAAAAAAoBc/gsPpEXuRpXkYjXys1uSosh609qlzp1b6gCLcB/s1600/ads2.jpg'
title='Sidebar Ads' width='300'/>
</div>
</b:if>
<b:if cond='data:blog.pageType == "static_page"'>
</div>
</b:if>
<div class='post-header'>
<div class='post-header-line-1'/>
</div>
<meta expr:content='data:post.snippet' itemprop='description'/>
<div class='post-body entry-content' expr:id='"post-body-" +
data:post.id' itemprop='articleBody'>
"item"'>
<div class='summary'>
<b:if cond='data:post.snippet'>
<data:post.snippet/>
</b:if>
</div>
</b:if>
<b:if cond='data:blog.pageType == "item" or data:blog.pageType ==
"static_page"'>
<data:post.body/>
</b:if>
<div class='clear'/> 
</div>

<div class='underpostad'>
<amp-img alt='Under Post Ads' height='90' src='https://4.bp.blogspot.com/-
U8BOd1cfeXw/V-
z24UcmKEI/AAAAAAAAoBM/cb7H0j_k8DAkxwg2cB9Y3F1ynZwu0emKQCLcB/s1600/ads.jpg'
title='Under Post Ads' width='728'/>
</div>
<h2 class='sharetitle'>Share this:</h2>
<b:include data='post' name='share-tool'/>
<div class='donate'>Found an article helpful? Donate via <a
href='https://www.paypal.com/cgi-bin/webscr?cmd=_s-
xclick&hosted_button_id=2RDHCU736ZPXJ' rel='nofollow' target='_blank'
title='Donate via Paypal'>Paypal</a></div>
<i class='material-icons md-24'></i> <span class='post-labels'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url + "?max-results=15"'
expr:title='data:label.name' rel='tag nofollow'><data:label.name/></a><b:if
cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
</span>
<b:if cond='data:blog.isMobileRequest == "false"'>
<span class='post-icons'>
<b:include data='post' name='postQuickEdit'/>
</span>
</b:if>
</div>
</b:if>
</div>
</article>
<b:if cond='data:blog.pageType != "static_page" and data:blog.pageType ==
"item"'>
<div class='halaman'>
<div class='blog-pager'>
<div class='halaman-kiri'>
<div class='isihalaman-kiri'>
expr:title='data:newerPageTitle'>Next Post</a>
<b:else/>
<span class='current-pageleft'>Newest Post</span>
</b:if>
<i class='material-icons panahkiri'></i>
</div>
</div>
<div class='halaman-kanan'>
<div class='isihalaman-kanan'>
expr:title='data:olderPageTitle'>Previous Post</a>
<b:else/>
<span class='current-pageright'>Oldest Page</span>
</b:if>
<i class='material-icons panahkanan'></i>
</div>
</div>
</div>
</div>
</b:if>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.adminClass'>
<a expr:href='"//www.blogger.com//post-edit.g?blogID=" +
data:blog.blogId + "&postID="+ data:post.id +
"&from=pencil"' expr:title='data:top.editPostMsg'>
<i class='fa fa-pencil-square-o'/>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='share-tool' var='post'>
<div>
<amp-social-share height='37' type='twitter' width='50'> </amp-social-share>
<amp-social-share height='37' type='gplus' width='50'/>
<amp-social-share data-param-app_id='145634995501895' height='37'
type='facebook' width='50'/>
<amp-social-share height='37' type='pinterest' width='50'/>
<amp-social-share height='37' type='linkedin' width='50'/>
</div>
</b:includable>
<b:includable id='shareButtons' var='post'/>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
</b:if>
</b:includable>
<b:includable id='threaded-comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<b:if cond='data:mobile'>
id='comment-editor' name='comment-editor' src='' style='display: none'
width='100%'/>
<b:else/>
id='comment-editor' name='comment-editor' src='' width='100%'/>
</b:if>
<data:post.cmtfpIframe/>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');
</script>
</div>
</b:includable>
<b:includable id='threaded_comment_js' var='post'>
<script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
(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)) {
replybox.src = '';
document.getElementById(domId).insertBefore(replybox, 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'/>
<h4><data:post.commentLabelFull/>:</h4>
<div class='comments-content'>
<b:include cond='data:post.embedCommentForm' data='post'
name='threaded_comment_js'/>
<div id='comment-holder'>
<data:post.commentHtml/>
</div>
</div>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='threaded-comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
</p>
<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:include cond='data:post.showBacklinks' data='post' name='backlinks'/>
</div>
</div>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
itemtype='https://schema.org/WPSideBar'>
<aside id='sidebar-kanan'>
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='FeaturedPost1' locked='false' title='Featured Post'
type='FeaturedPost' version='1' visible='true'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<b:include name='content'/>
</b:includable>
<b:includable id='content'>
<div class='post-summary'>
<b:if cond='data:showFirstImage and data:postFirstImage != ""'>
<amp-img class='image' expr:alt='data:post.title' expr:src='data:postFirstImage'
expr:title='data:post.title' height='180' layout='responsive' width='300'/>
<b:else/>
<amp-img expr:alt='data:post.title' expr:title='data:post.title' height='180'
layout='responsive' src='//2.bp.blogspot.com/-
width='300'/>
</b:if>
<b:if cond='data:showPostTitle and data:postTitle != ""'>
<h3><a expr:href='data:postUrl'><data:postTitle/></a></h3>
</b:if>
<b:if cond='data:showSnippet and data:postSummary != ""'>
<p>
<data:postSummary/>
</p>
</b:if>
</div>
</b:includable>
</b:widget>
<b:widget id='HTML5' locked='false' title='' type='HTML' version='1'
visible='true'>

</b:if>
<div class='widget-content'>
<data:content/>
</div>
</b:includable>
</b:widget>
<b:widget id='PopularPosts1' locked='false' title='Popular Posts'
type='PopularPosts' version='1' visible='true'>
<b:if cond='data:title != ""'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
<ul>
<li>
<b:if cond='!data:showThumbnails'>
<b:if cond='!data:showSnippets'>

<a expr:href='data:post.href'><data:post.title/></a>
<b:else/>

<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/>

<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, 100) : data:post.thumbnail' var='image'>
<amp-img expr:alt='data:post.title' expr:src='data:image'
expr:title='data:post.title' height='70' width='100'/>
</b:with>
</a>
</div>
<b:else/>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
height='70' src='//2.bp.blogspot.com/-
width='100'/>
</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>
</b:if>
</li>
</b:loop>
</ul>
</div>
</b:includable>
</b:widget>
<b:widget id='Label1' locked='false' title='Labels' type='Label'
version='1' visible='true'>
<h2><data:title/></h2>
</b:if>
<div expr:class='"widget-content " + data:display + "-label-
widget-content"'>
<b:if cond='data:display == "list"'>
<ul class='label-show'>
<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/><span class='label-count'
dir='ltr'><data:label.count/></span></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>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
</aside>
</div>

</div>
</div>
</div>
</div>
<footer itemprop='mainEntity' itemscope='itemscope'

itemtype='http://schema.org/WPFooter'>
<div id='footer-wrapper'>
<b:section class='footer' id='footer1' preferred='yes'>
<b:widget id='HTML4' locked='false' title='' type='HTML' version='1'
visible='true'>
</b:if>
<data:content/>
</div>
</b:includable>
</b:widget>
</b:section>
<b:widget id='HTML3' locked='false' title='Terhubung' type='HTML' version='1'
visible='true'>
</b:if>
<data:content/>
</div>
</b:includable>
</b:widget>
</b:section>
<b:widget id='HTML1' locked='false' title='Dukungan' type='HTML' version='1'
visible='true'>
</b:if>
<data:content/>
</div>
</b:includable>
</b:widget>
</b:section>
<b:widget id='HTML2' locked='false' title='Tools' type='HTML' version='1'
visible='true'>
</b:if>
<data:content/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
<div class='creditpic'>
<div class='credit'>
Copyright © <span itemprop='copyrightYear'>2016</span> <span
itemprop='copyrightHolder' itemscope='itemscope'
itemtype='https://schema.org/Organization'><a expr:href='data:blog.homepageUrl'
expr:title='data:blog.title' itemprop='url'><span
itemprop='name'><data:blog.title/></span></a></span>
<div class='credit-right'>Created by <a href='http://www.kompiajaib.com/'
title='Kompi Ajaib'>Kompi Ajaib</a> Proudly powered by <a href='//www.blogger.com'
title='Blogger'>Blogger</a></div>
</div>
</div>
</div>
</footer>
</div>
</b:if>
</body>
</HTML>

Template Kompi Design V100

Загружено:

Сведения о документе

Оригинальное название

Авторское право

Доступные форматы

Поделиться этим документом

Поделиться или встроить документ

Параметры публикации

Этот документ был вам полезен?

Это неприемлемый материал?

Авторское право:

Доступные форматы

Template Kompi Design V100

Загружено:

Авторское право:

Доступные форматы

<?xml version="1.0" encoding="UTF-8" ?

<link expr:href='data:blog.homepageUrl + &quot;favicon.ico&quot;' rel='icon'

<link expr:href='data:blog.url' rel='canonical'/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<b:if cond='data:blog.pageType != &quot;static_page&quot; and data:blog.pageType !=

#footer-wrapper{background:#36D7B7;border-top:1px solid #ddd;border-bottom:1px

.cookie-choices-info{border-bottom:1px solid #333;color:#555}

ul .label-show {margin:0 auto;padding:0}

.status-msg-wrap{font-size:100%;width:auto;margin:0 30px 30px

@media screen and (max-width:1024px){#first .post-thumbnail-frame{right: 10px;}

#footer-wrapper{background:#4183D7;border-top:1px solid #ddd;border-bottom:1px

.breadcrumbs a,.breadcrumbs li{display:inline-block}

.cookie-choices-info{border-bottom:1px solid #333;color:#555}

ul .label-show {margin:0 auto;padding:0}

.post-body .separator a{margin:0}

blockquote{font-size:120%;border-left:3px solid #ddd;padding-left:15px}

#blog-pager,.search-form,.blog-pager,.credit,{font-family: Roboto, sans-serif}

@media screen and (max-width:880px){.content-wrapper{padding:0 10px;-moz-box-

.post{margin:0 auto;padding:0 30px 30px 0;background:#fff}

#blog-pager,.search-form,.blog-pager,.credit,{font-family: Roboto, sans-serif}

#footer-wrapper{background:#fafafa;border-top:1px solid #ddd;border-bottom:1px

.post-author amp-img,.post-author img{padding:0;width:36px;height:36px;border-

.cookie-choices-info{border-bottom:1px solid #333;color:#555}

ul .label-show {margin:0 auto;padding:0}

.post-body .separator a{margin:0}

blockquote{font-size:120%;border-left:3px solid #ddd;padding-left:15px}

@media screen and (max-width:880px){.content-wrapper{padding:0 10px;-moz-box-

#footer-wrapper{background:#D35400;border-top:1px solid #ddd;border-bottom:1px

.cookie-choices-info{border-bottom:1px solid #333;color:#555}

.post-body .separator a{margin:0}

#contactForm input:focus~label,#contactForm input:valid~label,#contactForm

.thanks_layout{text-align: center; position: fixed; top:0; left:0; bottom:0;

@media screen and (max-width:880px){.content-wrapper{padding:0 10px;-moz-box-

#footer-wrapper{background:#fafafa;border-top:1px solid #ddd;border-bottom:1px

.post-author amp-img,.post-author img{padding:0;width:36px;height:36px;border-

.cookie-choices-info{border-bottom:1px solid #333;color:#555}

.post-body .separator a{margin:0}

#contactForm input:focus~label,#contactForm input:valid~label,#contactForm

.thanks_layout{text-align: center; position: fixed; top:0; left:0; bottom:0;

@media screen and (max-width:880px){.content-wrapper{padding:0 10px;-moz-box-

<div itemprop='mainContentOfPage' itemscope='itemscope'

<header itemprop='mainEntity' itemscope='itemscope'

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

<div expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'>

<b:if cond='data:post.embedCommentForm == &quot;false&quot;'>

<div class='post-body entry-content' expr:id='&quot;post-body-&quot; +

<div class='post-footer-line post-footer-line-2'>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

var bodyFromEntry = function(entry) {

var parse = function(data) {

var paginator = function(callback) {

var replybox = null;

var onReply = function(commentId, domId) {

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

// Configure commenting API:

var render = function() {

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

<footer itemprop='mainEntity' itemscope='itemscope'

Вам также может понравиться

<link expr:href='data:blog.homepageUrl + "favicon.ico"' rel='icon'

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

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

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

<div expr:id='data:widget.instanceId + "_comments-block-wrapper"'>

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

<div class='post-body entry-content' expr:id='"post-body-" +

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