Amp html blogger templates

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<HTML amp='amp'>
<head>
<meta charset='utf-8'/>
<meta content='width=device-width,initial-scale=1,minimum-scale=1,maximum-
scale=1,user-scalable=no,minimal-ui' name='viewport'/>
<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>
<meta content='blogger' name='generator'/>
<link expr:href='data:blog.url' rel='amphtml'/>
<link expr:href='data:blog.url' rel='canonical'/>
<link expr:href='data:blog.homepageUrl + "favicon.ico"' rel='icon'
type='image/x-icon'/>
<link href='https://4.bp.blogspot.com/-
K4gIDbjlKLY/WAhyn72yY3I/AAAAAAAAHzI/bzEy3MisWr4tYJlZKGgyDM_ISSEEwzo9wCK4B/s192/a
mp-icon-new.png' rel='apple-touch-icon'/>
K4gIDbjlKLY/WAhyn72yY3I/AAAAAAAAHzI/bzEy3MisWr4tYJlZKGgyDM_ISSEEwzo9wCK4B/s76/am
p-icon-new.png' rel='apple-touch-icon' sizes='76x76'/>
mp-icon-new.png' rel='apple-touch-icon' sizes='120x120'/>
mp-icon-new.png' rel='icon' sizes='128x128'/>
mp-icon-new.png' rel='icon' sizes='192x192'/>
<meta content='https://4.bp.blogspot.com/-
mp-icon-new.png' name='msapplication-TileImage'/>
<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='"http://www.blogger.com/feeds/" + data:blog.blogId +
"/posts/default"' expr:title='data:blog.title + " - Atom"'
rel='alternate' type='application/atom+xml'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
<link href='https://plus.google.com/113292956133224747560' rel='me'/>
<link href='https://plus.google.com/113292956133224747560' rel='publisher'/>
<!--[if IE]> <script> (function() { var html5 =
("abbr,article,aside,audio,canvas,datalist,details," +
"figure,footer,header,hgroup,mark,menu,meter,nav,output," +
"progress,section,time,video").split(','); for (var i = 0; i < html5.length; i+

+) { document.createElement(html5[i]); } try
{ document.execCommand('BackgroundImageCache', false, true); } catch(e) {} })();
</script> <![endif]-->
<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 cond='data:blog.metaDescription != ""'>
<meta expr:content='data:blog.metaDescription' name='description'
property='og:description'/>
<meta expr:content='data:blog.pageName + ", android, apk, gadget"'
name='keywords'/>
<b:else/>
<meta expr:content='data:blog.pageName + " - " + data:blog.title'
name='description' property='og:description'/>
</b:if>
</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://4.bp.blogspot.com/-
iWBMw0dwhQk/WAQpURA0MnI/AAAAAAAAHvc/VQ4aISNqoSgHC7BWAJyjpn0oFjFOsApCACK4B/s1600/
amphtml-thumbnail2.jpg' property='og:image'/>
</b:if>
</b:if>
<meta content='RPeddKqdLfKEV0gUDmitmq5hRs6L762HBSCsJOpS6Xo' name='google-site-
verification'/>
<meta content='100002355346619' property='fb:admins'/>
<meta content='100002355346619' property='fb:profile_id'/>
<meta content='https://www.facebook.com/kangismet2' property='article:author'/>
</b:if>
<meta expr:content='data:blog.title' name='twitter:site'/>
<meta content='summary_large_image' name='twitter:card'/>
<meta content='@DroidPluss' name='twitter:creator'/>
<!-- <b:skin><![CDATA[
section,nav,article,aside,hgroup,header,footer{display:block}

#outer-wrapper {width:100%}
#content-wrapper {max-width:768px;display:block;}
ul, ol {list-style:none}
]]></b:skin>
<b:if cond='data:blog.pageType != "item" and data:blog.pageType !=
"static_page"'>
<style amp-custom='amp-custom'>
@font-face {
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: local('Roboto'), local('Roboto-Regular'),
url(https://fonts.gstatic.com/s/roboto/v15/CWB0XYA8bzo0kSThX0UTuA.woff2)
format('woff2'),
url(https://fonts.gstatic.com/s/roboto/v15/2UX7WLTfW3W8TclTUvlFyQ.woff)
format('woff'),
url(https://fonts.gstatic.com/s/roboto/v15/QHD8zigcbDB8aPfIoaupKOvvDin1pK8aKteLp
eZ5c0A.ttf) format('truetype');
}
@font-face {
font-style: normal;
font-weight: 700;
src: local('Roboto Bold'), local('Roboto-Bold'),
url(https://fonts.gstatic.com/s/roboto/v15/d-
6IYplOFocCacKzxwXSOFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'),
url(https://fonts.gstatic.com/s/roboto/v15/d-6IYplOFocCacKzxwXSOD8E0i7KZn-
EPnyo3HZu7kw.woff) format('woff'),
6IYplOFocCacKzxwXSOCZ2oysoEQEeKwjgmXLRnTc.ttf) format('truetype');
}
@font-face {
font-style: italic;
font-weight: 400;
src: local('Roboto Italic'), local('Roboto-Italic'),
url(https://fonts.gstatic.com/s/roboto/v15/vPcynSL0qHq_6dX7lKVByfesZW2xOQ-
xsNqO47m55DA.woff2) format('woff2'),
url(https://fonts.gstatic.com/s/roboto/v15/1pO9eUAp8pSF8VnRTP3xnvesZW2xOQ-
xsNqO47m55DA.woff) format('woff'),
url(https://fonts.gstatic.com/s/roboto/v15/W4wDsBUluyw0tK3tykhXEXYhjbSpvc47ee6xR
_80Hnw.ttf) format('truetype');
}
@font-face {
font-family: 'Roboto Slab';
font-style: normal;
font-weight: 400;
src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'),
url(https://fonts.gstatic.com/s/robotoslab/v6/y7lebkjgREBJK96VQi37Zo4P5ICox8Kq3L
LUNMylGO4.woff2) format('woff2'),
url(https://fonts.gstatic.com/s/robotoslab/v6/y7lebkjgREBJK96VQi37ZobN6UDyHWBl62
0a-IRfuBk.woff) format('woff'),
url(https://fonts.gstatic.com/s/robotoslab/v6/y7lebkjgREBJK96VQi37ZiwlidHJgAgmTj
OEEzwu1L8.ttf) format('truetype');
}
@font-face {
font-style: normal;
font-weight: 700;
src: local('Roboto Slab Bold'), local('RobotoSlab-Bold'),
url(https://fonts.gstatic.com/s/robotoslab/v6/dazS1PrQQuCxC3iOAJFEJYlIZu-
HDpmDIZMigmsroc4.woff2) format('woff2'),
url(https://fonts.gstatic.com/s/robotoslab/v6/dazS1PrQQuCxC3iOAJFEJTqR_3kx9_hJXb

byU8S6IN0.woff) format('woff'),
url(https://fonts.gstatic.com/s/robotoslab/v6/dazS1PrQQuCxC3iOAJFEJTdGNerWpg2Hn6
A-BxWgZ_I.ttf) format('truetype');
}
/* fallback */
@font-face {
font-family: 'Material Icons';
font-style: normal;
font-weight: 400;
src: local('Material Icons'), local('MaterialIcons-Regular'),
url(https://fonts.gstatic.com/s/materialicons/v18/2fcrYFNaTjcS6g4U3t-
Y5ZjZjT5FdEJ140U2DJYC3mY.woff2) format('woff2');
}
.material-icons {
font-weight: normal;
font-style: normal;
font-size: 24px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-webkit-font-feature-settings: 'liga';
-webkit-font-smoothing: antialiased;
}
body {
background:#f9f9f9;
margin:0;
padding:0;
color:#333;
font-size:15px;
font-family:Roboto,Arial,Sans-serif;
border-top:300px solid #ebebeb;
}
a:link {
color:#0e72b5;
text-decoration:none;
}
a:visited {
color:#0e72b5;
}
a:hover {
color:#333;
text-decoration:underline;
}
a img {
border-width:0;
}
/* Header */
#header-wrapper {
width:100%;
padding:0;
color:#212121;
font-weight:400;
background-color:#fff;

position:fixed;
top:0;
left:0;
width:100%;
height:60px;
box-shadow: 2px 1px 1px rgba(0,0,0,.15);
z-index:999;
}
#header {
max-width:768px;
color:#212121;
text-align:left;
margin:0 auto;
}
#header h1 {
margin:0;
padding:0;
font-size:140%;
float:left;
color:#212121;
line-height:60px;
}
#header a {
color:#212121;
-webkit-transition:all .4s ease;
transition:all .4s ease;
}
#header a:hover {
color:#0379c4;
}
#header .description {
margin:0 0 0 20px;
padding:0 0 15px;
text-transform:capitalize;
line-height:60px;
float:left;
}
#header amp-img {
margin-top:-5px;
margin-right:5px;
height:auto;
width:auto;
vertical-align:middle;
}
#header-wrapper h5{background:none;border:none}
.acc-header {max-width:320px;position:absolute;top:0;right:-2px;z-index:900;}
.mi-22 {font-size:22px}
.search-fixed {position:fixed;top:20px;right:17px;z-index:1001;}
.search-wrapper{float:right;top:60px;right:0;background:#f8f8f8;border-left:1px
solid #ddd;border-top:1px solid #ddd;padding:15px;box-shadow: 2px 1px 1px
rgba(0,0,0,.15);z-index:1001}
#search-
box{width:250px;height:27px;float:right;padding:0;margin:0;position:relative}
#search-box form{border:1px solid #ccc;line-height:27px}
.search-form{border:none;color:gray;width:100%;padding:0 30px 0
10px;height:27px;line-height:27px;font-size:14px;font-weight:400;margin:0;-moz-
box-sizing:border-box;box-sizing:border-box}

.search-button{background:0 0;width:30px;height:29px;line-
height:29px;padding:3px 0 0 0;text-align:center;margin:0;top:0;right:0;font-
size:16px;color:#888;position:absolute;border:none;border-radius:0;text-
shadow:none;box-shadow:none;cursor:pointer}
.search-form:focus,.search-form:hover,.search-button:focus,.search-
button:hover{border:none;outline:0;color:#000}
/* AMP Sidebar */
.btn-amp-sidebar{display:inline-block;background-
image:url(https://www.ampproject.org/static/img/hamburger.svg);background-
repeat:no-repeat;background-size:30px 24px;background-position:center
center;background-
color:transparent;width:40px;height:40px;border:none;position:fixed;top:10px;lef
t:10px;z-index:1001;cursor:pointer}
amp-sidebar{width:240px;background:#27597a;color:#fff;}
amp-sidebar ul{padding:0;list-style:none}
amp-sidebar li{line-height:40px;padding:0;list-style:none;color:#fff;border-
bottom:1px solid #30698f;text-align:center;font-size:14px}
amp-sidebar li:nth-child(1){border-top:1px solid #30698f;}
amp-sidebar li:hover{background:#2e6589}
amp-sidebar li a{color:#fff;text-decoration:none;padding:5px 10px}
amp-sidebar button{margin-left:20px}
.amp-sidebar-image{line-height:100px;vertical-align:middle}
.amp-close-image{top:15px;left:205px;cursor:pointer}
a.sidebaramp{color:#fff;text-decoration:none}
.amp-sidebar-about {min-width:240px;min-height:240px;text-align:center;font-
size:14px;}
.amp-sidebar-about p{padding:15px 15px 0 15px;line-height:1.4em}
.amp-sidebar-profile {max-width:100px;min-width:100px;border-
radius:100px;margin:20px auto;background:#517b94}
.amp-sidebar-profile amp-img {border-radius:100px;}
#sidebar h6 {border:none;background:none;font-size:14px;font-
weight:normal;margin-left:20px}
#sidebar p {line-height:1.6em}
section[expanded] .show-more,section:not([expanded]) .show-less{display:none;}
.contact-box {background:#194a6a;padding:20px;border-top:1px solid #30698f;text-
align:left}
.contact-box svg{width:20px; height:20px;vertical-align: -4px;margin-right:10px}
.contact-box span svg path{fill:#accbdf}
.contact-me {min-width:210px;display:block}
p.soc-icon {margin-top:5px;height:30px;padding:0}
.soc-icon svg{width:20px; height:20px;}
.soc-icon span svg path{fill:#80aac6;transition: all .5s ease-in-out;}
.soc-icon span svg:hover path{fill:#fff}
.soc-icon .youtube svg {width: 24px;height: 24px;vertical-align: -2px;}
.status-msg-wrap{font-size:100%;width:auto;margin:0 30px 30px
0;position:relative;padding:0}
.status-msg-border{border:1px solid #ccc;opacity:.4;width:100%;text-
align:center;position:relative;box-sizing:border-box;-moz-box-sizing:border-
box;-webkit-box-sizing:border-box}
.status-msg-bg{background-color:#fff;opacity:.8;width:100%;position:relative;z-
index:1}
.status-msg-body{text-align:center;padding:.3em
0;width:auto;top:0;left:0;right:0;position:absolute;z-index:4}
.status-msg-hidden{visibility:hidden;padding:.3em 0}
.status-msg-wrap a{padding-left:.4em;font-weight:500}
/* Outer-Wrapper */
#outer-wrapper {
width:100%;
margin:0 auto;
padding:0;
text-align:left;

}
#content-wrapper {
max-width:768px;
margin:0 auto;
}
#main-wrapper {
width:103%;margin:-180px auto 15px;
word-wrap:break-word; /* fix for long text breaking sidebar float in IE */
overflow:hidden; /* fix for long non-text content breaking IE sidebar
float */
}
.image-wrapper {width:100%:height:auto}
#sidebar-wrapper {display:none}
/* Headings */
h2 {
margin:1.5em 0 .75em;
line-height:1.4em;
text-transform:capitaize;
}
/* Posts */
.post-meta {
margin-top:-10px;
display:block;
text-align: left;
font-size: 11px;
color: #aaa;
padding: 30px 10px 30px 0;
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.post-meta a {
color: #0e72b5;
text-decoration: none;
}
.post-meta a:hover {
color:#aaa;
}
.post-meta-span {
margin-right: 15px;
}
.post {
width:47%;
padding:0;
box-shadow: 0 0 3px rgba(0,0,0,0.12),0 0 2px rgba(0,0,0,0.18);
overflow: hidden;
border:1px solid #dbdbdb;
height:400px;
float:left;
margin:0 20px 20px 0;
position:relative
}
.post-inner{padding:20px}
.post h2 {
margin:.25em 0 0 0;
padding:0 0 4px;

font-size:20px;
font-weight:700;
line-height:1.3em;
color:#333;
}
.post h2 a, .post h3 a:visited, .post h3 strong {
display:block;
color:#333;
transition: all .5s ease-in-out;
}
.post h2 strong, .post h2 a:hover {
color:#0e72b5;
}
.post h3 {
margin:.25em 0 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:700;
line-height:1.3em;
color:#333;
}
.post .post-title {
margin-bottom:15px;
}
.post-body {
margin:15px 0 .75em;
line-height:1.6em;
}
.post-body img{
width:100%
}
.post-body blockquote {
line-height:1.3em;
}
.post-footer {
margin:40px 0;
line-height:1.7em;
}
.comment-link {
margin-left:.6em;
}
.post blockquote {
margin:1em 20px;
}
.post blockquote p {
margin:.75em 0;
}
/* Costumize */
.post-thumbnail {
width:100%;
height:auto;
float:left;
margin:2px 15px 15px 0;
}
pre {
padding:.5em 1em;

margin: 0;
white-space:pre;
overflow:auto;
background-color:#f1f1f1;
font-size:14px;
clear:both;
border-left:3px solid #ccc;
color:#111;
}
code {
font-family:Consolas,Monaco,'Andale Mono','Courier
New',Courier,Monospace;
line-height:20px;
color:#db4437;
font-size:14px;
}
pre code {
display: block; padding: 0.5em;
line-height:1.5em;
color: black;
}
::selection { background: #1066b9;color:white }
::-moz-selection { background: #1066b9; color:white}
.thumbnail-cadangan {display:none}
.centered {text-align:center}
#blog-pager-newer-link a{
float:left;margin-left:0;background:#aaa;color:#fff;border-
radius:100px;width:30px;height:30px;transition:all .4s ease-out}
#blog-pager-older-link a{float:right;margin-
right:20px;background:#aaa;color:#fff;border-
radius:100px;width:30px;height:30px;transition:all .4s ease-out;}
.home-link {display:none}
#blog-pager-newer-link a:hover, #blog-pager-older-link
a:hover{background:#0379c4;color:#fff}
#blog-pager {
text-align:center;
}
.font-arrow {font-size:28;vertical-align:-11px}
.feed-links {
display:none;
}
.clear {clear:both}
/* Profile
----------------------------------------------- */
.profile-img {
float:left;
margin-top:0;
margin-right:5px;
margin-bottom:5px;
margin-left:0;
padding:4px;
border:1px solid #ccc;
}
.profile-data {
margin:0;

text-transform:uppercase;
letter-spacing:.1em;
font-weight:bold;
line-height:1.6em;
}
.profile-datablock {
margin:.5em 0 .5em;
}
.profile-textblock {
margin:0.5em 0;
line-height:1.6em;
}
.profile-link {
}
/* Footer
----------------------------------------------- */
#footer-wrapper {
height:80px;
width:100%;
clear:both;
color:#666;
text-align:left;
display:block;
font-size:14px;
background-color:#ebebeb;
}
#footer {
max-width:768px;
margin:0 auto;
padding:0;
color:#999;
}
#footer a {
color:#666;
}
#footer a:hover {
color:#0e72b5;
}
img {
max-width:100%;
height:auto;
width:auto;
}
.creditpic{margin-top:20px;padding:30px 0 30px;position:relative}
.credit-wrapper {max-width:768px;margin:0 auto}
.credit{line-height:1.6em;font-size:12px;font-
weight:400;color:#888;clear:both;margin:0 auto;padding:0;text-align:left}
.credit-right{float:right}
.credit a,.credit a:visited{color:#666;text-decoration:none}
.credit a:hover{color:#0379C4;text-decoration:none}
/* RESPONSIVE */
@media screen and (max-width:768px) {
.post {width:46.5%;}
#header, #content-wrapper, #footer {max-width:728px}
#header h1 {text-align:center; margin:0 auto;float:none}
.description {display:none}

.post {margin-bottom:12px}
#main-wrapper {margin-top:-200px}
.search-wrapper{top:0}
}
}
.post {height:420px}
}
.post {width:46%;}
}
}
}
#main-wrapper {width:100%}
.post {width:99%;box-shadow:none;height:390px}
#blog-pager-older-link a {margin-right:0}
.credit-right{float:left}
.creditpic{padding:25px 0 20px;}
#search-box{width:270px}
}
.post {margin-bottom:10px}
}
}
.post-snippet {display:none}
.post-inner {padding:5px 15px 0}
.post {height:auto}
}
</style>
</b:if>
@font-face {
font-style: normal;
font-weight: 400;
format('woff2'),
format('woff'),

}
@font-face {
font-style: normal;
font-weight: 700;
EPnyo3HZu7kw.woff) format('woff'),
}
@font-face {
font-style: italic;
font-weight: 400;
}
@font-face {
font-style: normal;
font-weight: 400;
}
@font-face {
font-style: normal;
font-weight: 700;
}
/* fallback */
@font-face {
font-style: normal;
font-weight: 400;
}
.material-icons {

font-style: normal;
font-size: 24px;
line-height: 1;
word-wrap: normal;
direction: ltr;
}
body {
background:#f9f9f9;
margin:0;
padding:0;
color:#333;
font-size:15px;
}
a:link {
color:#0e72b5;
}
a:visited {
color:#0e72b5;
}
a:hover {
color:#333;
}
a img {
border-width:0;
}
/* Header */
#header-wrapper {
width:100%;
padding:0;
color:#212121;
font-weight:400;
position:fixed;
top:0;
left:0;
width:100%;
height:60px;
z-index:999;
}
#header {
max-width:768px;
color:#212121;
text-align:left;
margin:0 auto;
}
#header h1 {
margin:0;
padding:0;
font-size:140%;

float:left;
color:#212121;
line-height:60px;
}
#header a {
color:#212121;
}
#header a:hover {
color:#0379c4;
}
margin:0 0 0 20px;
padding:0 0 15px;
line-height:60px;
float:left;
}
#header amp-img {
margin-top:-5px;
margin-right:5px;
height:auto;
width:auto;
}
rgba(0,0,0,.15);z-index:1001}
#search-
/* AMP Sidebar */
center;background-

size:14px;}
align:left}
.soc-icon .youtube svg {width: 24px;height: 24px;vertical-align: -2px;}
/* Outer-Wrapper */
#outer-wrapper {
width:100%;
margin:0 auto;
padding:0;
text-align:left;
}
#content-wrapper {
max-width:768px;
margin:0 auto;
}
#main-wrapper {
float */
}
/* Headings */
h2 {
line-height:1.4em;
}
.breadcrumbs a,.breadcrumbs li{display:inline-block}
.breadcrumbs{line-height:1.5em;width:auto;padding:0 0 10px;font-
size:14px;color:#444;margin:0 30px 0 0;font-weight:500}
.breadcrumbs li{list-style-type:none;float:left}
.breadcrumbs a{text-decoration:none;outline:0;transition:all .3s ease-in-
out;color:#444;font-weight:400}
.breadcrumbs a:hover{color:#0379C4}
.breadcrumbs-icon {vertical-align: -15%;font-size: inherit;text-rendering:
optimizeLegibility}

/* Posts */
.post-meta {
width:100%
margin-top:10px;
margin-bottom:15px;
display:block;
text-align: left;
font-size: 11px;
color: #aaa;
padding: 0;
height:50px;
}
.post-meta a {
color: #0e72b5;
font-size:11px;
color: #444;
}
color:#aaa;
}
.post-meta-span {
margin-right: 15px;
}
.post-meta-left {border-right: 1px solid #ddd;float:left;height:50px;margin-
right:20px;padding-right:15px}
.post-meta-right {float:left;vertical-align:middle;margin-top: 8px;}
.meta-author {margin-top:13px;margin-bottom:2px}
amp-social-share[type="twitter"], amp-social-
share[type="gplus"], amp-social-share[type="facebook"], amp-
social-share[type="linkedin"], amp-social-
share[type="pinterest"] {
background-color:#999;
border-radius:100px;
background-size:25px 25px;
transition:all .4s ease-out;
}
amp-social-share[type="twitter"]:hover {background-color:#55ACEE}
amp-social-share[type="gplus"]:hover {background-color:#DC4E41}
amp-social-share[type="facebook"]:hover {background-color:#3B5998}
amp-social-share[type="linkedin"]:hover {background-color:#0077B5}
amp-social-share[type="pinterest"]:hover {background-color:#BD081C}
a.color-label {font-size:15px;font-weight:700;background:#fff;padding:5px
10px;border-radius:3px;color:#555;text-decoration:none;margin-
bottom:15px;transition:all .4s ease-out;}
a:hover.color-label {background:#0379c4;color:#fff}
.post-labels{margin-bottom:20px;position:absolute; width:92%;margin:-265px auto
0;text-align:center}
.post {
margin:0;
padding:0;
overflow: hidden;
}
.post-inner{padding:30px 30px 0;position:relative;margin:0 auto}
.post h2 {

width:93%;
margin:0 auto;
padding:30px;
background-color:rgba(0,0,0,0.6);
font-size:220%;
font-weight:700;
line-height:1.3em;
text-align:center;
position:absolute;
top:-180px;
left:0;
color:#fff;
z-index:99;
}
display:block;
color:#333;
}
color:#0e72b5;
}
.post h3 {
margin:.25em 0 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:700;
line-height:1.3em;
color:#333;
}
.post .post-title {
margin-bottom:15px;
}
.post-body {
margin:25px 0 .75em;
line-height:1.6em;
}
.post-body img{
width:100%
}
line-height:1.3em;
}
.post-footer {
margin:40px 0;
line-height:1.7em;
}
.post-snippet {
overflow: hidden;
text-overflow: ellipsis;
}
.comment-link {
margin-left:.6em;
}
.post blockquote {
margin:1em 20px;

}
margin:.75em 0;
}
.related-box {max-height:360px;margin-top:-35px;}
section[expanded] .show-more,section:not([expanded]) .show-less{display:none}
.disqus-comments h4{background:none;border:none;width:50%;margin:0 auto;text-
align:center;}
.disqus-hide{font-weight:400;line-height:60px;font-size:14px;margin:0
auto;padding:12px 90px;text-
align:center;color:#333;background:#f8f8f8;border:none;border-radius:3px;box-
shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);border:1px solid
#ddd;transition:all .4s ease-in-out;clear:both}
.disqus-hide:hover {background:#eee}
.disqus-comments amp-iframe{margin-left:-8px;margin-right:-8px}
/* Costumize */
.post-thumbnail {
width:100%;
height:auto;
float:left;
}
pre {
padding:.5em 1em;
margin: 0;
white-space:pre;
overflow:auto;
font-size:14px;
clear:both;
color:#111;
}
code {
font-family:Consolas,Monaco,'Andale Mono','Courier
New',Courier,Monospace;
line-height:20px;
color:#db4437;
font-size:14px;
}
pre code {
line-height:1.5em;
color: black;
}
.copy-code {
-webkit-user-select: all;
-moz-user-select: all;
-ms-user-select: all;
user-select: all;
}

right:0;background:#aaa;color:#fff;border-
#blog-pager {text-align:center;margin-top:20px}
.feed-links {
display:none;
}
.clear {clear:both}
/* Profile
----------------------------------------------- */
.profile-img {
float:left;
margin-top:0;
margin-right:5px;
margin-bottom:5px;
margin-left:0;
padding:4px;
}
.profile-data {
margin:0;
font-weight:bold;
line-height:1.6em;
}
margin:.5em 0 .5em;
}
margin:0.5em 0;
line-height:1.6em;
}
.profile-link {
}
/* Footer
----------------------------------------------- */
#footer-wrapper {
height:80px;
width:100%;
clear:both;
color:#666;
text-align:left;
display:block;
font-size:14px;
}
#footer {

max-width:768px;
margin:0 auto;
padding:0;
color:#888;
}
#footer a {
color:#666;
}
#footer a:hover {
color:#0e72b5;
}
img {
max-width:100%;
height:auto;
width:auto;
}
/* RESPONSIVE */
}
.post h2{top:-150px;}
.post-labels {margin: -225px auto 0;}
.disqus-comments h4{width:75%}
.related-box {max-height:350px}
}
.post h2 {font-size:28px}
}
.breadcrumbs{padding:5px 0 10px;margin:0;}
}
}
}
.post {width:100%;box-shadow:none;border:none}
.post-inner {padding:20px 20px 0}
.post h2 {position:relative;color:#222;background:none;font-size:24px;text-
align: center;width:100%;padding:0;text-align:left;top:0}
.post-meta {position:relative;margin-top:20px}
.post-meta-left {margin-right:20px;padding-right:10px}

.post-meta-right {float:right}
a.color-label {font-size:12px;background:#999;padding:5px 10px;border-
radius:3px;color:#fff;text-decoration:none;margin-bottom:15px;transition:all .4s
ease-out;}
a:hover.color-label {background:#666;}
.post-labels{margin-bottom:40px;position:relative;margin:0;width:100%;text-
align:left}
#main-wrapper {margin: -240px auto 15px;}
#blog-pager-older-link a {margin-right:15px}
#blog-pager-newer-link a {margin-left:15px}
#header, #footer {max-width:390px}
.breadcrumbs{margin:20px 0;}
.related-box {max-height:600px}
}
.disqus-hide {padding:12px 60px}
}
}
amp-social-share[type="linkedin"]{display:none}
}
</style>
</b:if>
<b:if cond='data:blog.pageType == "static_page"'>
/*<![CDATA[*/
@font-face {
font-style: normal;
font-weight: 400;
format('woff2'),
format('woff'),
}
@font-face {
font-style: normal;
font-weight: 700;
EPnyo3HZu7kw.woff) format('woff'), url(https://fonts.gstatic.com/s/roboto/v15/d-
}
@font-face {
font-style: italic;
font-weight: 400;

}
@font-face {
font-style: normal;
font-weight: 400;
}
@font-face {
font-style: normal;
font-weight: 700;
}
/* fallback */
@font-face {
font-style: normal;
font-weight: 400;
}
.material-icons {
font-style: normal;
font-size: 24px;
line-height: 1;
word-wrap: normal;
direction: ltr;
}
body {
background:#f9f9f9;
margin:0;
padding:0;
color:#333;
font-size:15px;
}

a:link {
color:#0e72b5;
}
a:visited {
color:#0e72b5;
}
a:hover {
color:#333;
}
a img {
border-width:0;
}
/* Header */
#header-wrapper {
width:100%;
padding:0;
color:#212121;
font-weight:400;
position:fixed;
top:0;
left:0;
width:100%;
height:60px;
z-index:999;
}
#header {
max-width:768px;
color:#212121;
text-align:left;
margin:0 auto;
}
#header h1 {
margin:0;
padding:0;
font-size:140%;
float:left;
color:#212121;
line-height:60px;
}
#header a {
color:#212121;
}
#header a:hover {
color:#0379c4;
}
margin:0 0 0 20px;
padding:0 0 15px;
line-height:60px;

float:left;
}
#header amp-img {
margin-top:-5px;
margin-right:5px;
height:auto;
width:auto;
}
rgba(0,0,0,.15);z-index:1001}
#search-
/* AMP Sidebar */
center;background-
size:14px;}
section[expanded] .show-more,section:not([expanded]) .show-less{display:none;}
align:left}

.soc-icon .youtube svg {width: 24px;height: 24px;vertical-align: -2px;
}
/* Outer-Wrapper */
#outer-wrapper {
width:100%;
margin:0 auto;
padding:0;
text-align:left;
}
#content-wrapper {
max-width:768px;
margin:0 auto;
}
#main-wrapper {
float */
}
/* Headings */
h2 {
line-height:1.4em;
}
/* Posts */
.post-meta {
width:100%
margin-top:10px;
margin-bottom:15px;
display:block;
text-align: left;
font-size: 11px;
color: #aaa;
padding: 0;
height:50px;
}
.post-meta a {
color: #0e72b5;
font-size:11px;
color: #444;
}
color:#aaa;
}
.post-meta-span {
margin-right: 15px;
}

.post-meta-left {border-right: 1px solid #ddd;float:left;height:50px;margin-
right:20px;padding-right:15px}
.post-meta-right {float:left;vertical-align:middle;margin-top: 8px;}
.meta-author {margin-top:13px;margin-bottom:2px}
amp-social-share[type="twitter"], amp-social-
share[type="gplus"], amp-social-share[type="facebook"], amp-
social-share[type="linkedin"], amp-social-
share[type="pinterest"] {
background-color:#999;
border-radius:100px;
background-size:25px 25px;
transition:all .4s ease-out;
}
amp-social-share[type="twitter"]:hover {background-color:#55ACEE}
amp-social-share[type="gplus"]:hover {background-color:#DC4E41}
amp-social-share[type="facebook"]:hover {background-color:#3B5998}
amp-social-share[type="linkedin"]:hover {background-color:#0077B5}
amp-social-share[type="pinterest"]:hover {background-color:#BD081C}
a.color-label {font-size:15px;font-weight:700;background:#fff;padding:5px
10px;border-radius:3px;color:#555;text-decoration:none;margin-
bottom:15px;transition:all .4s ease-out;}
a:hover.color-label {background:#0379c4;color:#fff}
.post-labels{margin-bottom:20px;position:absolute; width:92%;margin:-265px auto
0;text-align:center}
.post {
margin:0;
padding:0;
overflow: hidden;
}
.post-inner{padding:30px;position:relative;margin:0 auto}
.post h2 {
width:93%;
margin:0 auto;
padding:30px;
background-color:rgba(0,0,0,0.6);
font-size:220%;
font-weight:700;
line-height:1.3em;
text-align:center;
position:absolute;
top:-120px;
left:0;
color:#fff;
z-index:99;
}
display:block;
color:#333;
}
color:#0e72b5;
}
.post h3 {
margin:.25em 0 0 0;
padding:0 0 4px;

font-size:140%;
font-weight:700;
line-height:1.3em;
color:#333;
}
.post .post-title {
margin-bottom:15px;
}
.post-body {
margin:0;
line-height:1.6em;
}
.post-body img{
width:100%
}
line-height:1.3em;
}
.post-footer {
margin:40px 0;
line-height:1.7em;
}
.post-snippet {
overflow: hidden;
text-overflow: ellipsis;
}
.comment-link {
margin-left:.6em;
}
.post blockquote {
margin:1em 20px;
}
margin:.75em 0;
}
.daftar-isi h4 {text-align:center;padding:5px}
.daftar-isi p {margin:10px}
amp-accordion>section[expanded] {line-height:i.6em;}
/* Costumize */
.post-thumbnail {
width:100%;
height:auto;
float:left;
}
pre {
padding:.5em 1em;
margin: 0;
white-space:pre;
overflow:auto;
font-size:14px;
clear:both;
color:#111;
}

code {
font-family:Consolas,Monaco,'Andale Mono','Courier New',Courier,Monospace;
line-height:20px;
color:#db4437;
font-size:14px;
}
pre code {
line-height:1.5em;
color: black;
}
right:0;background:#aaa;color:#fff;border-
#blog-pager {text-align:center;margin-top:20px}
.feed-links {
display:none;
}
.clear {clear:both}
/* Profile
----------------------------------------------- */
.profile-img {
float:left;
margin-top:0;
margin-right:5px;
margin-bottom:5px;
margin-left:0;
padding:4px;
}
.profile-data {
margin:0;
font-weight:bold;
line-height:1.6em;
}
margin:.5em 0 .5em;
}
margin:0.5em 0;
line-height:1.6em;

}
.profile-link {
}
/* Footer
----------------------------------------------- */
#footer-wrapper {
height:80px;
width:100%;
clear:both;
color:#666;
text-align:left;
display:block;
font-size:14px;
}
#footer {
max-width:768px;
margin:0 auto;
padding:0;
color:#888;
}
#footer a {
color:#666;
}
#footer a:hover {
color:#0e72b5;
}
img {
max-width:100%;
height:auto;
width:auto;
}
/* RESPONSIVE */
}
.post h2{top:-150px;}
.post-labels {margin: -225px auto 0;}
}
.post h2 {font-size:28px}
}

}
}
}
.post {width:100%;box-shadow:none;border:none}
.post-inner {padding:20px}
.post h2 {position:relative;color:#222;background:none;font-size:24px;text-
align: center;width:100%;padding:0;text-align:left;top:0}
.post-meta {position:relative;margin-top:20px}
.post-meta-left {margin-right:20px;padding-right:10px}
.post-meta-right {float:right}
a.color-label {font-size:12px;background:#999;padding:5px 10px;border-
radius:3px;color:#fff;text-decoration:none;margin-bottom:15px;transition:all .4s
ease-out;}
a:hover.color-label {background:#666;}
.post-labels{margin-bottom:40px;position:relative;margin:0;width:100%;text-
align:left}
#main-wrapper {margin: -240px auto 15px;}
#blog-pager-older-link a {margin-right:15px}
#blog-pager-newer-link a {margin-left:15px}
}
}
}
}
/*]]>*/
</style>
</b:if>
<style amp-boilerplate='amp-boilerplate'>body{-webkit-animation:-amp-start 8s
steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1
normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal
both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes
-amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-
start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-
start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-
start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-
start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style
amp-boilerplate='amp-boilerplate'>body{-webkit-animation:none;-moz-
animation:none;-ms-animation:none;animation:none}</style></noscript>
<script async='async' src='https://cdn.ampproject.org/v0.js'/>
<script async='async' custom-element='amp-sidebar'
src='https://cdn.ampproject.org/v0/amp-sidebar-0.1.js'/>
<script async='async' custom-element='amp-form'
src='https://cdn.ampproject.org/v0/amp-form-0.1.js'/>
<script async='async' custom-element='amp-social-share'
src='https://cdn.ampproject.org/v0/amp-social-share-0.1.js'/>
<script async='async' custom-element='amp-iframe'

src='https://cdn.ampproject.org/v0/amp-iframe-0.1.js'/>
<script async='async' custom-element='amp-youtube'
src='https://cdn.ampproject.org/v0/amp-youtube-0.1.js'/>
<script async='async' custom-element='amp-image-lightbox'
src='https://cdn.ampproject.org/v0/amp-image-lightbox-0.1.js'/>
<script async='async' custom-element='amp-list'
src='https://cdn.ampproject.org/v0/amp-list-0.1.js'/>
<script async='async' custom-template='amp-mustache'
src='https://cdn.ampproject.org/v0/amp-mustache-0.1.js'/>
<script async='async' custom-element='amp-analytics'
src='https://cdn.ampproject.org/v0/amp-analytics-0.1.js'/>
<script async='async' custom-element='amp-carousel'
src='https://cdn.ampproject.org/v0/amp-carousel-0.1.js'/>
<script async='async' custom-element='amp-ad'
src='https://cdn.ampproject.org/v0/amp-ad-0.1.js'/>
<script async='async' custom-element='amp-accordion'
src='https://cdn.ampproject.org/v0/amp-accordion-0.1.js'/>
<script async='async' custom-element='amp-facebook'
src='https://cdn.ampproject.org/v0/amp-facebook-0.1.js'/>
<script async='async' custom-element='amp-install-serviceworker'
src='https://cdn.ampproject.org/v0/amp-install-serviceworker-0.1.js'/>
</head>
<body itemscope='itemscope' itemtype='http://schema.org/WebPage'>
<amp-analytics id='analytics1' type='googleanalytics'>
<script type='application/json'>
{
"vars": {
"account": "UA-85986961-1"
},
"triggers": {
"trackPageview": {
"on": "visible",
"request": "pageview"
}
}
}
</script>
</amp-analytics>
<button class='btn-amp-sidebar' on='tap:sidebar.toggle'/>
<amp-sidebar id='sidebar' layout='nodisplay' side='left'>
<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'/>
<div class='amp-sidebar-profile'><amp-img alt='AMP HTML' height='100'
layout='responsive' src='https://4.bp.blogspot.com/-
ZO2Cty2HmEI/WAbrpkLdfrI/AAAAAAAAHyY/AKXtHP_Yi2Q_Pj0nm_AxQk7UEhpQ3WBMACK4B/s100/k
i.png' width='100'/></div>
<span class='amp-sidebar-about'><p>Halo !!! Saya Kang Ismet, ini adalah blog
tentang AMP HTML dan cara penerapannya</p>
<p class='soc-icon'>
<span><a href='https://www.facebook.com/kangismet2/' itemprop='sameAs'
target='_blank' title='Facebook'>
<svg viewBox='0 0 24 24'>
<path d='M19,4V7H17A1,1 0 0,0 16,8V10H19V13H16V20H13V13H11V10H13V7.5C13,5.56
14.57,4 16.5,4M20,2H4A2,2 0 0,0 2,4V20A2,2 0 0,0 4,22H20A2,2 0 0,0
22,20V4C22,2.89 21.1,2 20,2Z'/>
</svg></a></span>
<span><a href='https://twitter.com/kangismetdotnet' itemprop='sameAs'
target='_blank' title='Twitter'>

<path d='M17.71,9.33C17.64,13.95 14.69,17.11 10.28,17.31C8.46,17.39 7.15,16.81
6,16.08C7.34,16.29 9,15.76 9.9,15C8.58,14.86 7.81,14.19 7.44,13.12C7.82,13.18
8.22,13.16 8.58,13.09C7.39,12.69 6.54,11.95 6.5,10.41C6.83,10.57 7.18,10.71
7.64,10.74C6.75,10.23 6.1,8.38 6.85,7.16C8.17,8.61 9.76,9.79
12.37,9.95C11.71,7.15 15.42,5.63 16.97,7.5C17.63,7.38 18.16,7.14
18.68,6.86C18.47,7.5 18.06,7.97 17.56,8.33C18.1,8.26 18.59,8.13
19,7.92C18.75,8.45 18.19,8.93 17.71,9.33M20,2H4A2,2 0 0,0 2,4V20A2,2 0 0,0
4,22H20A2,2 0 0,0 22,20V4C22,2.89 21.1,2 20,2Z'/>
</svg></a></span>
<span><a href='https://plus.google.com/113292956133224747560' itemprop='sameAs'
target='_blank' title='Google Plus'>
<path d='M20,2A2,2 0 0,1 22,4V20A2,2 0 0,1 20,22H4A2,2 0 0,1 2,20V4C2,2.89
2.9,2
4,2H20M20,12H18V10H17V12H15V13H17V15H18V13H20V12M9,11.29V13H11.86C11.71,13.71
11,15.14 9,15.14C7.29,15.14 5.93,13.71 5.93,12C5.93,10.29 7.29,8.86
9,8.86C10,8.86 10.64,9.29 11,9.64L12.36,8.36C11.5,7.5 10.36,7 9,7C6.21,7 4,9.21
4,12C4,14.79 6.21,17 9,17C11.86,17 13.79,15 13.79,12.14C13.79,11.79 13.79,11.57
13.71,11.29H9Z'/>
</svg></a></span>
<span class='youtube'><a href='https://www.youtube.com/c/kangismet1'
itemprop='sameAs' target='_blank' title='YouTube'>
<path d='M10,16.5V7.5L16,12M20,4.4C19.4,4.2 15.7,4 12,4C8.3,4 4.6,4.19
4,4.38C2.44,4.9 2,8.4 2,12C2,15.59 2.44,19.1 4,19.61C4.6,19.81 8.3,20
12,20C15.7,20 19.4,19.81 20,19.61C21.56,19.1 22,15.59 22,12C22,8.4 21.56,4.91
20,4.4Z'/>
</svg></a></span>
</p>
</span>
<nav>
<ul>
<li><a class='sidebaramp' href='/'>Home</a></li>
<li><a class='sidebaramp'
href='https://amphtmlproject.blogspot.co.id/p/tentang-amp.html' itemprop='url'
title='About'>About</a></li>
<li><amp-accordion>
<section>
<h6>
<span class='show-more'>Contact</span>
<span class='show-less'>Contact</span>
</h6>
<p class='contact-box'>
<span class='contact-me'><svg viewBox='0 0 24 24'>
<path d='M20,8L12,13L4,8V6L12,11L20,6M20,4H4C2.89,4 2,4.89 2,6V18A2,2 0 0,0
4,20H20A2,2 0 0,0 22,18V6C22,4.89 21.1,4 20,4Z'/>
</svg> kangismet@gmail.com</span>
<path d='M16.75,13.96C17,14.09 17.16,14.16 17.21,14.26C17.27,14.37
17.25,14.87 17,15.44C16.8,16 15.76,16.54 15.3,16.56C14.84,16.58 14.83,16.92
12.34,15.83C9.85,14.74 8.35,12.08 8.23,11.91C8.11,11.74 7.27,10.53
7.31,9.3C7.36,8.08 8,7.5 8.26,7.26C8.5,7 8.77,6.97 8.94,7H9.41C9.56,7 9.77,6.94
9.96,7.45L10.65,9.32C10.71,9.45 10.75,9.6
10.66,9.76L10.39,10.17L10,10.59C9.88,10.71 9.74,10.84 9.88,11.09C10,11.35
10.5,12.18 11.2,12.87C12.11,13.75 12.91,14.04 13.15,14.17C13.39,14.31
13.54,14.29 13.69,14.13L14.5,13.19C14.69,12.94 14.85,13
15.08,13.08L16.75,13.96M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22C10.03,22
8.2,21.43 6.65,20.45L2,22L3.55,17.35C2.57,15.8 2,13.97 2,12A10,10 0 0,1
12,2M12,4A8,8 0 0,0 4,12C4,13.72 4.54,15.31
5.46,16.61L4.5,19.5L7.39,18.54C8.69,19.46 10.28,20 12,20A8,8 0 0,0 20,12A8,8 0
0,0 12,4Z'/>
</svg> 081213653030</span>
<path d='M9.78,18.65L10.06,14.42L17.74,7.5C18.08,7.19 17.67,7.04

17.22,7.31L7.74,13.3L3.64,12C2.76,11.75 2.75,11.14
3.84,10.7L19.81,4.54C20.54,4.21 21.24,4.72 20.96,5.84L18.24,18.65C18.05,19.56
17.5,19.78 16.74,19.36L12.6,16.3L10.61,18.23C10.38,18.46 10.19,18.65
9.78,18.65Z'/>
</svg> @kangismet</span>
</p>
</section>
</amp-accordion>
</li>
href='https://amphtmlproject.blogspot.co.id/p/kebijakan-privasi.html'
itemprop='url' title='Privacy'>Privacy</a></li>
href='https://amphtmlproject.blogspot.co.id/p/daftar-isi.html' itemprop='url'
title='Sitemap'>Sitemap</a></li>
</ul>
</nav>
</amp-sidebar>
<header id='header-wrapper' itemprop='mainEntity' itemscope='itemscope'
itemtype='http://schema.org/WPHeader'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='AMP HTML (Header)'⚡
type='Header' version='1' visible='true'>
<b:includable id='main'>
<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == "BEHIND"'>

<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'>
</h1>
</div>
</div>
</b:if>
<b:else/>

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

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

<div class='titlewrapper'>
<h1 class='title'>
</h1>
</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'>
<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://2.bp.blogspot.com/-
Gwr5P8uOy7I/WARCMkUJUgI/AAAAAAAAHvs/wbnz3_FS8qI-
RDwV9Gk4Tkk1LUfN0eCngCK4B/s1600/ampicon2.png' width='30'/>
<data:title/></span></a>
</b:includable>
</b:widget>
</b:section>
<amp-accordion>
<section class='acc-header'>
<h5>
<span class='show-more search-fixed'><i class='material-icons mi-
22'></i></span>
<span class='show-less search-fixed'><i class='material-icons mi-
22'></i></span>
</h5>
<div class='search-wrapper'>
<div id='search-box'>
<div itemprop='mainEntity' itemscope='itemscope'
itemtype='http://schema.org/WebSite'>
<meta content='https://amphtmlproject.blogspot.co.id/' itemprop='url'/>
<form action='https://amphtmlproject.blogspot.co.id/search'
itemprop='potentialAction' itemscope='itemscope'
itemtype='http://schema.org/SearchAction' method='get' target='_blank'>
<meta content='https://amphtmlproject.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>
</section>
</amp-accordion>
</header>
<div id='outer-wrapper'>
<div id='content-wrapper'>
<div itemscope='itemscope' itemtype='http://schema.org/Blog'>
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'
version='1' visible='true'>
<b:includable id='main' var='top'>
<b:if cond='data:mobile == "false"'>

<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<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>
<div class="date-outer">
</b:if>
<div class="date-posts">
</b:if>
<div class='post-outer'>
<b:include data='post' name='post'/>
<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:else/>
</b:if>
</b:if>
</div>
</b:loop>
<b:if cond='data:numPosts != 0'>
</div></div>
</b:if>
<data:adEnd/>
</div>

<b:include name='nextprev'/>

<b:else/>
<b:include name='mobile-main'/>
</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='https://resources.blogblog.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 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 breadcrumbs-icon'></i>
Home&nbsp;</span></a></span>&nbsp;<i class='material-icons breadcrumbs-
icon'></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 breadcrumbs-icon'></i>

</b:if></span>
</b:loop>
<i class='material-icons breadcrumbs-icon'></i>
<span><data:post.title/></span>
</div></div>
</b:if>
</b:loop>
</b:if>
</b:includable>
<b:includable id='comment-form' var='post'>


</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:else/>
</b:if>
</b:includable>
<b:includable id='comments' var='post'>
<!-- <div class='comments' id='comments'>
<b:if cond='data:post.allowComments'>
<h4>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>
<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>
 
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>
 
expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
</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>
<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/>
<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'>
<amp-iframe allowtransparency='true' frameborder='0' id='comment-
actions' name='comment-actions' scrolling='no'>

</amp-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='disqus-comments' var='post'>
<div class='disqus-comments' id='disqus_comments'>
<amp-accordion>
<section>
<h4>
<span class='show-more disqus-hide'>Tambahkan Komentar</span>
</h4>
<span class='disqus-box'><amp-iframe
expr:src='"https://cdn.rawgit.com/kangismet/ki-html/master/disqus4.html?
shortname=amphtml&url=" + data:blog.canonicalUrl' frameborder='0'
height='300' layout='responsive' resizable='resizable' sandbox='allow-scripts
allow-same-origin allow-modals allow-popups allow-forms' width='600'>
<div aria-label='Disqus Comments' overflow='' role='button' tabindex='0'>Disqus
Comments</div>
</amp-iframe></span>
</section>
</amp-accordion>
</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>
<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'>
<div class='mobile-date-outer date-outer'>
<b:if cond='data:post.dateHeader'>
<div class='date-header'>
<span><data:post.dateHeader/></span>
</div>
</b:if>
<div class='mobile-post-outer'>
<a expr:href='data:post.url'>
<h3 class='mobile-index-title entry-title'>
<data:post.title/>
</h3>
<div class='mobile-index-arrow'>&rsaquo;</div>
<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:if>
<div class='post-body'>
<b:if cond='data:post.snippet'><data:post.snippet/></b:if>
</div>
</div>
<div class='clear'/>
</a>
<div class='mobile-index-comment'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.numComments != 0'>
<a class='comment-link' expr:href='data:post.addCommentUrl'
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>
</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'>&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>
</b:includable>
<b:includable id='mobile-post' var='post'>
<div class='date-outer'>
<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'>
<b:if cond='data:post.title'>
<h3 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>
</h3>
</b:if>
<div class='post-header'>

</div>
</b:includable>
<b:includable id='post' var='post'>
<article class='post hentry' itemscope='itemscope'
itemtype='http://schema.org/Blog'>
<b:if cond='data:post.firstImageUrl'>
<meta expr:content='data:post.firstImageUrl' itemprop='image'/>
<b:else/>
<amp-img alt='thumbnail-cadangan' class='thumbnail-cadangan' height='393'
itemprop='image' src='https://4.bp.blogspot.com/-
amphtml-thumbnail2.jpg' width='769'/>
</b:if>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.firstImageUrl'>
<a expr:href='data:post.url'><amp-img alt='thumbnail'
expr:src='data:post.firstImageUrl' height='393' layout='responsive'
width='768'/></a>
<b:else/>
<a expr:href='data:post.url'><amp-img alt='thumbnail' height='393'
layout='responsive' src='https://4.bp.blogspot.com/-
amphtml-thumbnail2.jpg' width='769'/></a>
</b:if>
</b:if>
</b:if>
<div class='image-wrapper'>
<div class='post-firstimage'>
<div class='firstimage'>
<amp-img expr:alt='data:post.title'
expr:src='data:blog.postImageUrl' height='393' layout='responsive' width='769'/>
</div>
<b:else/>
<amp-img expr:alt='data:post.title' expr:title='data:post.title'
height='393' layout='responsive' src='https://4.bp.blogspot.com/-
amphtml-thumbnail2.jpg' width='769'/>
</div>
</b:if>
</div>
</div>
</b:if>
<div class='image-wrapper'>
<div class='post-firstimage'>
<amp-img expr:alt='data:post.title'
expr:src='data:blog.postImageUrl' height='270' layout='responsive' width='769'/>
</div>
<b:else/>

<amp-img expr:alt='data:post.title' expr:title='data:post.title'
height='270' layout='responsive' src='https://1.bp.blogspot.com/-
SCn6U5g7oBg/WAcwAIej2RI/AAAAAAAAHy0/PzEuRa1-xXA3sTfmbno1ynE1WUrqcRn-
wCK4B/s1600/amphtml-thumbnail3.jpg' width='769'/>
</div>
</b:if>
</div>
</div>
</b:if>
<div class='post-inner'>
<b:if cond='data:post.title'>
<h2 class='post-title entry-title' itemprop='headline'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' itemprop='url'
rel='bookmark'><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' itemprop='url'
rel='bookmark'><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-labels'>
<b:loop values='data:post.labels' var='label'>
<a class='color-label' expr:href='data:label.url' rel='tag
nofollow'><span itemprop='keywords'><data:label.name/></span></a>
</b:loop>
</div>
</b:if>
</b:if>

<b:include data='posts' name='breadcrumb'/>
<div class='post-meta'>
<div class='post-meta-left'>
<div class='post-meta-span meta-author'>By
<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='http://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='http://schema.org/Person'>
<span itemprop='name'><data:post.author/></span>
</span>
</b:if>
</b:if>
</span>
</div>
<div class='post-meta-span meta-date'>
<span class='fa fa-calendar-check-o'/>
<abbr class='updated published'
expr:title='data:post.timestampISO8601' itemprop='datePublished'>
<data:post.dateHeader/>
</abbr>
</div>
</b:if>
</div>
<div class='post-meta-right'>
<amp-social-share height='35' type='twitter' width='35'> </amp-social-share>
<amp-social-share height='35' type='gplus' width='35'/>
<amp-social-share height='35' type='pinterest' width='35'/>
<amp-social-share height='35' type='linkedin' width='35'/>
<amp-social-share data-param-app_id='254325784911610' height='35'
type='facebook' width='35'/>
</div>
</div>
</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'>
<meta expr:content='data:blog.metaDescription' itemprop='description'/>
<b:if cond='data:blog.pageType != "item"'>
<div class='post-snippet'>
<data:post.snippet/>
</div>
</b:if>
</b:if>
<data:post.body/>
</b:if>
<data:post.body/>
</b:if>
<div class='clear'/> 
</div>
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'
expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>

<div class='post-footer'>
<b:loop index='x' values='data:post.labels' var='label'>
<b:if cond='data:x==0'>
<div class='related-box'>
<amp-iframe expr:src='"https://kangismet.github.io/blogger-related-
posts/related3.html?label=" + data:label.name + "&url=" +
data:blog.homepageUrl' frameborder='0' height='1100' layout='responsive'
resizable='resizable' sandbox='allow-scripts allow-same-origin allow-modals
allow-popups' width='650'>
<div aria-label='Related Posts' overflow='' role='button'
tabindex='0'>Related Posts</div>
</amp-iframe>
</div>
</b:if>
</b:loop>
</b:if>
<b:include cond='data:blog.pageType in
{"static_page","item"}' data='post' name='disqus-comments'/>
</div>
</div>
<div class='post-footer-line post-footer-line-3'><span class='post-
location'>
<b:if cond='data:top.showLocation'>
<b:if cond='data:post.location'>
<data:postLocationLabel/>
<a expr:href='data:post.location.mapsUrl'
target='_blank'><data:post.location.name/></a>
</b:if>
</b:if>
</span> </div>
</div>
</b:if>
</div>
</article>
</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='data:post.editUrl' expr:title='data:top.editPostMsg'>
<img alt='' class='icon-action' height='18'
src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</b:if>
</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.showPinterestButton'><a class='goog-inline-block share-button sb-
pinterest' expr:href='data:post.sharePostUrl +
"&target=pinterest"' expr:title='data:top.shareToPinterestMsg'
target='_blank'><span class='share-button-link-
text'><data:top.shareToPinterestMsg/></span></a></b:if><b:if
cond='data:top.showPlusOne'><div class='goog-inline-block google-plus-share-
container'><data:post.googlePlusShareTag/></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>
</b:if>
</b:includable>
<b:includable id='threaded-comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<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/>
<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'/>

Amp html blogger templates

Recommended

Recommended

More Related Content

Featured

Featured (20)

Amp html blogger templates