API tools faq
paste
Advertisement
dimaslanjaka

amphtml

dimaslanjaka
Apr 11th, 2017
609
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
XML 106.36 KB | None | 0 0
raw download clone embed print report
  1. <?xml version="1.0" encoding="UTF-8" ?>
  2. <!DOCTYPE html>
  3. <HTML amp='amp'>
  4. <head>
  5. <meta charset='utf-8'/>
  6. <meta content='width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,minimal-ui' name='viewport'/>
  7.  
  8. <b:if cond='data:blog.pageType == &quot;index&quot;'>
  9.     <title><data:blog.pageTitle/></title>
  10. <b:else/>
  11.     <b:if cond='data:blog.pageType == &quot;error_page&quot;'>
  12.         <title>404 | <data:blog.title/></title>
  13.     <b:else/>
  14.         <title><data:blog.pageName/></title>
  15.     </b:if>
  16. </b:if>
  17. <meta content='blogger' name='generator'/>
  18. <link expr:href='data:blog.url' rel='amphtml'/>
  19. <link expr:href='data:blog.url' rel='canonical'/>
  20. <link expr:href='data:blog.homepageUrl + &quot;favicon.ico&quot;' rel='icon' type='image/x-icon'/>
  21. <link href='http://68.media.tumblr.com/3509628cc9b656d8cb7e305c0f0e9b51/tumblr_inline_o361ekbOjx1qa90wi_500.png' rel='apple-touch-icon'/>
  22. <link href='http://68.media.tumblr.com/3509628cc9b656d8cb7e305c0f0e9b51/tumblr_inline_o361ekbOjx1qa90wi_500.png' rel='apple-touch-icon' sizes='76x76'/>
  23. <link href='http://68.media.tumblr.com/3509628cc9b656d8cb7e305c0f0e9b51/tumblr_inline_o361ekbOjx1qa90wi_500.png' rel='apple-touch-icon' sizes='120x120'/>
  24. <link href='http://68.media.tumblr.com/3509628cc9b656d8cb7e305c0f0e9b51/tumblr_inline_o361ekbOjx1qa90wi_500.png' rel='apple-touch-icon' sizes='152x152'/>
  25. <link href='http://68.media.tumblr.com/3509628cc9b656d8cb7e305c0f0e9b51/tumblr_inline_o361ekbOjx1qa90wi_500.png' rel='apple-touch-icon' sizes='180x180'/>
  26. <link href='http://68.media.tumblr.com/3509628cc9b656d8cb7e305c0f0e9b51/tumblr_inline_o361ekbOjx1qa90wi_500.png' rel='icon' sizes='128x128'/>
  27. <link href='http://68.media.tumblr.com/3509628cc9b656d8cb7e305c0f0e9b51/tumblr_inline_o361ekbOjx1qa90wi_500.png' rel='icon' sizes='192x192'/>
  28. <meta content='http://68.media.tumblr.com/3509628cc9b656d8cb7e305c0f0e9b51/tumblr_inline_o361ekbOjx1qa90wi_500.png' name='msapplication-TileImage'/>
  29.  
  30. <link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
  31. <link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default?alt=rss&quot;' expr:title='data:blog.title + &quot; - RSS&quot;' rel='alternate' type='application/rss+xml'/>
  32. <link expr:href='&quot;http://www.blogger.com/feeds/&quot; + data:blog.blogId + &quot;/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
  33. <link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
  34. <link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
  35. <link href='https://plus.google.com/106586942037569805342' rel='me'/>
  36. <link href='https://plus.google.com/106586942037569805342' rel='publisher'/>
  37. <!--[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]-->
  38.  
  39. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  40. <b:if cond='data:blog.postImageThumbnailUrl'>
  41. <link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
  42. </b:if>
  43. </b:if>
  44.  
  45. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  46. <meta expr:content='data:blog.pageName' property='og:title'/>
  47. <meta expr:content='data:blog.canonicalUrl' property='og:url'/>
  48. <meta content='article' property='og:type'/>
  49. <b:if cond='data:blog.metaDescription != &quot;&quot;'>
  50. <meta expr:content='data:blog.metaDescription' name='description' property='og:description'/>
  51. <meta expr:content='data:blog.pageName + &quot;, javascript, jquery, css, blogger, wordpress, seo, html, gadget&quot;' name='keywords'/>
  52. <b:else/>
  53. <meta expr:content='data:blog.pageName + &quot; - &quot; + data:blog.title' name='description' property='og:description'/>
  54. </b:if>
  55. </b:if>
  56.  
  57. <meta expr:content='data:blog.title' property='og:site_name'/>
  58.  
  59. <b:if cond='data:blog.url == data:blog.homepageUrl'>
  60. <meta expr:content='data:blog.metaDescription' name='description'/>
  61. <meta expr:content='data:blog.title' property='og:title'/>
  62. <meta content='website' property='og:type'/>
  63. <b:if cond='data:blog.metaDescription'>
  64. <meta expr:content='data:blog.metaDescription' property='og:description'/>
  65. <b:else/>
  66. <meta expr:content='&quot;Silahkan kunjungi &quot; + data:blog.pageTitle + &quot;Untuk membaca postingan-postingan menarik.&quot;' property='og:description'/>
  67. </b:if>
  68. </b:if>
  69. <b:if cond='data:blog.postImageUrl'>
  70. <meta expr:content='data:blog.postImageUrl' property='og:image'/>
  71. <b:else/>
  72. <b:if cond='data:blog.postImageThumbnailUrl'>
  73. <meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
  74. <b:else/>
  75. <meta content='https://redtraincreative.com/wp-content/uploads/2016/10/accelerated-mobile-pages.png' property='og:image'/>
  76. </b:if>
  77. </b:if>
  78. <meta content='RPeddKqdLfKEV0gUDmitmq5hRs6L762HBSCsJOpS6Xo' name='google-site-verification'/>
  79. <meta content='100002355346619' property='fb:admins'/>
  80. <meta content='100002355346619' property='fb:profile_id'/>
  81. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  82. <meta content='https://www.facebook.com/dimaslanjaka1' property='article:author'/>
  83. </b:if>
  84. <meta expr:content='data:blog.title' name='twitter:site'/>
  85. <meta content='summary_large_image' name='twitter:card'/>
  86. <meta content='@DimasSkynetCybe' name='twitter:creator'/>
  87.  
  88.  
  89. &lt;!-- <b:skin><![CDATA[
  90. section,nav,article,aside,hgroup,header,footer{display:block}
  91. #outer-wrapper {width:100%}
  92. #content-wrapper {max-width:768px;display:block;}
  93. ul, ol {list-style:none}
  94. ]]></b:skin>
  95.  
  96. <b:if cond='data:blog.pageType != &quot;item&quot; and data:blog.pageType != &quot;static_page&quot;'>
  97. <style amp-custom='amp-custom'>
  98. @font-face {
  99. font-family: &#39;Roboto&#39;;
  100. font-style: normal;
  101. font-weight: 400;
  102. src: local(&#39;Roboto&#39;), local(&#39;Roboto-Regular&#39;), url(https://fonts.gstatic.com/s/roboto/v15/CWB0XYA8bzo0kSThX0UTuA.woff2) format(&#39;woff2&#39;), url(https://fonts.gstatic.com/s/roboto/v15/2UX7WLTfW3W8TclTUvlFyQ.woff) format(&#39;woff&#39;), url(https://fonts.gstatic.com/s/roboto/v15/QHD8zigcbDB8aPfIoaupKOvvDin1pK8aKteLpeZ5c0A.ttf) format(&#39;truetype&#39;);
  103. }
  104. @font-face {
  105. font-family: &#39;Roboto&#39;;
  106. font-style: normal;
  107. font-weight: 700;
  108. src: local(&#39;Roboto Bold&#39;), local(&#39;Roboto-Bold&#39;), url(https://fonts.gstatic.com/s/roboto/v15/d-6IYplOFocCacKzxwXSOFtXRa8TVwTICgirnJhmVJw.woff2) format(&#39;woff2&#39;), url(https://fonts.gstatic.com/s/roboto/v15/d-6IYplOFocCacKzxwXSOD8E0i7KZn-EPnyo3HZu7kw.woff) format(&#39;woff&#39;), url(https://fonts.gstatic.com/s/roboto/v15/d-6IYplOFocCacKzxwXSOCZ2oysoEQEeKwjgmXLRnTc.ttf) format(&#39;truetype&#39;);
  109. }
  110. @font-face {
  111. font-family: &#39;Roboto&#39;;
  112. font-style: italic;
  113. font-weight: 400;
  114. src: local(&#39;Roboto Italic&#39;), local(&#39;Roboto-Italic&#39;), url(https://fonts.gstatic.com/s/roboto/v15/vPcynSL0qHq_6dX7lKVByfesZW2xOQ-xsNqO47m55DA.woff2) format(&#39;woff2&#39;), url(https://fonts.gstatic.com/s/roboto/v15/1pO9eUAp8pSF8VnRTP3xnvesZW2xOQ-xsNqO47m55DA.woff) format(&#39;woff&#39;), url(https://fonts.gstatic.com/s/roboto/v15/W4wDsBUluyw0tK3tykhXEXYhjbSpvc47ee6xR_80Hnw.ttf) format(&#39;truetype&#39;);
  115. }
  116. @font-face {
  117. font-family: &#39;Roboto Slab&#39;;
  118. font-style: normal;
  119. font-weight: 400;
  120. src: local(&#39;Roboto Slab Regular&#39;), local(&#39;RobotoSlab-Regular&#39;), url(https://fonts.gstatic.com/s/robotoslab/v6/y7lebkjgREBJK96VQi37Zo4P5ICox8Kq3LLUNMylGO4.woff2) format(&#39;woff2&#39;), url(https://fonts.gstatic.com/s/robotoslab/v6/y7lebkjgREBJK96VQi37ZobN6UDyHWBl620a-IRfuBk.woff) format(&#39;woff&#39;), url(https://fonts.gstatic.com/s/robotoslab/v6/y7lebkjgREBJK96VQi37ZiwlidHJgAgmTjOEEzwu1L8.ttf) format(&#39;truetype&#39;);
  121. }
  122. @font-face {
  123. font-family: &#39;Roboto Slab&#39;;
  124. font-style: normal;
  125. font-weight: 700;
  126. src: local(&#39;Roboto Slab Bold&#39;), local(&#39;RobotoSlab-Bold&#39;), url(https://fonts.gstatic.com/s/robotoslab/v6/dazS1PrQQuCxC3iOAJFEJYlIZu-HDpmDIZMigmsroc4.woff2) format(&#39;woff2&#39;), url(https://fonts.gstatic.com/s/robotoslab/v6/dazS1PrQQuCxC3iOAJFEJTqR_3kx9_hJXbbyU8S6IN0.woff) format(&#39;woff&#39;), url(https://fonts.gstatic.com/s/robotoslab/v6/dazS1PrQQuCxC3iOAJFEJTdGNerWpg2Hn6A-BxWgZ_I.ttf) format(&#39;truetype&#39;);
  127. }
  128. /* fallback */
  129. @font-face {
  130.   font-family: &#39;Material Icons&#39;;
  131.   font-style: normal;
  132.   font-weight: 400;
  133.   src: local(&#39;Material Icons&#39;), local(&#39;MaterialIcons-Regular&#39;), url(https://fonts.gstatic.com/s/materialicons/v18/2fcrYFNaTjcS6g4U3t-Y5ZjZjT5FdEJ140U2DJYC3mY.woff2) format(&#39;woff2&#39;);
  134. }
  135.  
  136. .material-icons {
  137.   font-family: &#39;Material Icons&#39;;
  138.   font-weight: normal;
  139.   font-style: normal;
  140.   font-size: 24px;
  141.   line-height: 1;
  142.   letter-spacing: normal;
  143.   text-transform: none;
  144.   display: inline-block;
  145.   white-space: nowrap;
  146.   word-wrap: normal;
  147.   direction: ltr;
  148.   -webkit-font-feature-settings: &#39;liga&#39;;
  149.   -webkit-font-smoothing: antialiased;
  150. }
  151.  
  152. body {
  153.   background:#f9f9f9;
  154.   margin:0;
  155.   padding:0;
  156.   color:#333;
  157.   font-size:15px;
  158.   font-family:Roboto,Arial,Sans-serif;
  159.   border-top:300px solid #ebebeb;
  160. }
  161.  
  162. a:link {
  163.   color:#0e72b5;
  164.   text-decoration:none;
  165. }
  166. a:visited {
  167.   color:#0e72b5;
  168.   text-decoration:none;
  169. }
  170. a:hover {
  171.   color:#333;
  172.   text-decoration:underline;
  173. }
  174. a img {
  175.   border-width:0;
  176. }
  177.  
  178. /* Header */
  179.  
  180. #header-wrapper {
  181.   width:100%;
  182.   padding:0;
  183.   color:#212121;
  184.   font-weight:400;
  185.   background-color:#fff;
  186.   position:fixed;
  187.   top:0;
  188.   left:0;
  189.   width:100%;
  190.   height:60px;
  191.   box-shadow: 2px 1px 1px rgba(0,0,0,.15);
  192.   z-index:999;
  193. }
  194. #header {
  195.   max-width:768px;
  196.   color:#212121;
  197.   text-align:left;
  198.   margin:0 auto;
  199. }
  200.  
  201. #header h1 {
  202.   margin:0;
  203.   padding:0;
  204.   font-size:140%;
  205.   float:left;
  206.   color:#212121;
  207.   line-height:60px;
  208. }
  209.  
  210. #header a {
  211.   color:#212121;
  212.   text-decoration:none;
  213.   -webkit-transition:all .4s ease;
  214.   transition:all .4s ease;
  215. }
  216.  
  217. #header a:hover {
  218.   color:#0379c4;
  219. }
  220.  
  221. #header .description {
  222.   margin:0 0 0 20px;
  223.   padding:0 0 15px;
  224.   text-transform:capitalize;
  225.   line-height:60px;
  226.   float:left;
  227. }
  228.  
  229. #header amp-img {
  230.   margin-top:-5px;
  231.   margin-right:5px;
  232.   height:auto;
  233.   width:auto;
  234.   vertical-align:middle;
  235. }
  236.  
  237. #header-wrapper h5{background:none;border:none}
  238. .acc-header {max-width:320px;position:absolute;top:0;right:-2px;z-index:900;}
  239. .mi-22 {font-size:22px}
  240. .search-fixed {position:fixed;top:20px;right:17px;z-index:1001;}
  241. .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}
  242. #search-box{width:250px;height:27px;float:right;padding:0;margin:0;position:relative}
  243. #search-box form{border:1px solid #ccc;line-height:27px}
  244. .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}
  245. .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}
  246. .search-form:focus,.search-form:hover,.search-button:focus,.search-button:hover{border:none;outline:0;color:#000}
  247.  
  248. /* AMP Sidebar */
  249. .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;left:10px;z-index:1001;cursor:pointer}
  250. amp-sidebar{width:240px;background:#27597a;color:#fff;}
  251. amp-sidebar ul{padding:0;list-style:none}
  252. amp-sidebar li{line-height:40px;padding:0;list-style:none;color:#fff;border-bottom:1px solid #30698f;text-align:center;font-size:14px}
  253. amp-sidebar li:nth-child(1){border-top:1px solid #30698f;}
  254. amp-sidebar li:hover{background:#2e6589}
  255. amp-sidebar li a{color:#fff;text-decoration:none;padding:5px 10px}
  256. amp-sidebar button{margin-left:20px}
  257. .amp-sidebar-image{line-height:100px;vertical-align:middle}
  258. .amp-close-image{top:15px;left:205px;cursor:pointer}
  259. a.sidebaramp{color:#fff;text-decoration:none}
  260. .amp-sidebar-about {min-width:240px;min-height:240px;text-align:center;font-size:14px;}
  261. .amp-sidebar-about p{padding:15px 15px 0 15px;line-height:1.4em}
  262. .amp-sidebar-profile {max-width:100px;min-width:100px;border-radius:100px;margin:20px auto;background:#517b94}
  263. .amp-sidebar-profile amp-img {border-radius:100px;}
  264. #sidebar h6 {border:none;background:none;font-size:14px;font-weight:normal;margin-left:20px}
  265. #sidebar p {line-height:1.6em}
  266. section[expanded] .show-more,section:not([expanded]) .show-less{display:none;}
  267. .contact-box {background:#194a6a;padding:20px;border-top:1px solid #30698f;text-align:left}
  268. .contact-box svg{width:20px; height:20px;vertical-align: -4px;margin-right:10px}
  269. .contact-box span svg path{fill:#accbdf}
  270. .contact-me {min-width:210px;display:block}
  271. p.soc-icon {margin-top:5px;height:30px;padding:0}
  272. .soc-icon svg{width:20px; height:20px;}
  273. .soc-icon span svg path{fill:#80aac6;transition: all .5s ease-in-out;}
  274. .soc-icon span svg:hover path{fill:#fff}
  275. .soc-icon .youtube svg {width: 24px;height: 24px;vertical-align: -2px;}
  276.  
  277. .status-msg-wrap{font-size:100%;width:auto;margin:0 30px 30px 0;position:relative;padding:0}
  278. .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}
  279. .status-msg-bg{background-color:#fff;opacity:.8;width:100%;position:relative;z-index:1}
  280. .status-msg-body{text-align:center;padding:.3em 0;width:auto;top:0;left:0;right:0;position:absolute;z-index:4}
  281. .status-msg-hidden{visibility:hidden;padding:.3em 0}
  282. .status-msg-wrap a{padding-left:.4em;font-weight:500}
  283.  
  284. /* Outer-Wrapper */
  285. #outer-wrapper {
  286.   width:100%;
  287.   margin:0 auto;
  288.   padding:0;
  289.   text-align:left;
  290. }
  291. #content-wrapper {
  292.   max-width:768px;
  293.   margin:0 auto;
  294. }
  295. #main-wrapper {
  296.   width:103%;margin:-180px auto 15px;
  297.   word-wrap:break-word; /* fix for long text breaking sidebar float in IE */
  298.   overflow:hidden;     /* fix for long non-text content breaking IE sidebar float */
  299. }
  300. .image-wrapper {width:100%:height:auto}
  301.  
  302. #sidebar-wrapper {display:none}
  303.  
  304. /* Headings */
  305.  
  306. h2 {
  307.   margin:1.5em 0 .75em;
  308.   line-height:1.4em;
  309.   text-transform:capitaize;
  310. }
  311.  
  312.  
  313. /* Posts */
  314. .post-meta {
  315. margin-top:-10px;
  316. display:block;
  317. text-align: left;
  318. font-size: 11px;
  319. color: #aaa;
  320. padding: 30px 10px 30px 0;
  321. border-top:1px solid #ddd;
  322. border-bottom:1px solid #ddd;
  323. -moz-box-sizing:border-box;
  324. -webkit-box-sizing:border-box;
  325. box-sizing:border-box;
  326. }
  327. .post-meta a {
  328. color: #0e72b5;
  329. text-decoration: none;
  330. }
  331. .post-meta a:hover {
  332. color:#aaa;
  333.   }
  334. .post-meta-span {
  335. margin-right: 15px;
  336. }
  337. .post {
  338.   width:47%;
  339.   padding:0;
  340.   background-color:#fff;
  341.   box-shadow: 0 0 3px rgba(0,0,0,0.12),0 0 2px rgba(0,0,0,0.18);
  342.   overflow: hidden;
  343.   border:1px solid #dbdbdb;
  344.   height:400px;
  345.   float:left;
  346.   margin:0 20px 20px 0;
  347.   position:relative
  348. }
  349. .post-inner{padding:20px}
  350. .post h2 {
  351.   margin:.25em 0 0 0;
  352.   padding:0 0 4px;
  353.   font-size:20px;
  354.   font-weight:700;
  355.   line-height:1.3em;
  356.   color:#333;
  357. }
  358.  
  359. .post h2 a, .post h3 a:visited, .post h3 strong {
  360.   display:block;
  361.   text-decoration:none;
  362.   color:#333;
  363.   transition: all .5s ease-in-out;
  364. }
  365.  
  366. .post h2 strong, .post h2 a:hover {
  367.   color:#0e72b5;
  368. }
  369. .post h3 {
  370.   margin:.25em 0 0 0;
  371.   padding:0 0 4px;
  372.   font-size:140%;
  373.   font-weight:700;
  374.   line-height:1.3em;
  375.   color:#333;
  376. }
  377. .post .post-title {
  378.   margin-bottom:15px;
  379. }
  380.  
  381. .post-body {
  382.   margin:15px 0 .75em;
  383.   line-height:1.6em;
  384. }
  385.  
  386. .post-body img{
  387.   width:100%
  388. }
  389. .post-body blockquote {
  390.   line-height:1.3em;  
  391. }
  392.  
  393. .post-footer {
  394.   margin:40px 0;
  395.   line-height:1.7em;
  396. }
  397.  
  398. .comment-link {
  399.   margin-left:.6em;
  400. }
  401. .post blockquote {
  402.   margin:1em 20px;
  403. }
  404. .post blockquote p {
  405.   margin:.75em 0;
  406. }
  407.  
  408. /* Costumize */
  409. .post-thumbnail {
  410.   width:100%;
  411.   height:auto;
  412.   float:left;
  413.   margin:2px 15px 15px 0;
  414. }
  415. pre {
  416. padding:.5em 1em;
  417. margin: 0;
  418. white-space:pre;
  419. overflow:auto;
  420. background-color:#f1f1f1;
  421. font-size:14px;
  422. clear:both;
  423. border-left:3px solid #ccc;
  424. color:#111;
  425. }
  426. code {
  427. font-family:Consolas,Monaco,&#39;Andale Mono&#39;,&#39;Courier New&#39;,Courier,Monospace;
  428. line-height:20px;
  429. color:#db4437;
  430. font-size:14px;
  431. }
  432. pre code {
  433. display: block; padding: 0.5em;
  434. line-height:1.5em;
  435. color: black;
  436. }
  437. ::selection { background: #1066b9;color:white }
  438. ::-moz-selection { background: #1066b9; color:white}
  439. .thumbnail-cadangan {display:none}
  440. .centered {text-align:center}
  441.  
  442.  
  443. #blog-pager-newer-link a{
  444.   float:left;margin-left:0;background:#aaa;color:#fff;border-radius:100px;width:30px;height:30px;transition:all .4s ease-out}
  445.  
  446. #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;}
  447.  
  448. .home-link {display:none}
  449.  
  450. #blog-pager-newer-link a:hover, #blog-pager-older-link a:hover{background:#0379c4;color:#fff}
  451. #blog-pager {
  452.   text-align:center;
  453. }
  454.  
  455. .font-arrow {font-size:28;vertical-align:-11px}
  456.  
  457. .feed-links {
  458.   display:none;
  459. }
  460. .clear {clear:both}
  461.  
  462. /* Profile
  463. ----------------------------------------------- */
  464. .profile-img {
  465.   float:left;
  466.   margin-top:0;
  467.   margin-right:5px;
  468.   margin-bottom:5px;
  469.   margin-left:0;
  470.   padding:4px;
  471.   border:1px solid #ccc;
  472. }
  473.  
  474. .profile-data {
  475.   margin:0;
  476.   text-transform:uppercase;
  477.   letter-spacing:.1em;
  478.   font-weight:bold;
  479.   line-height:1.6em;
  480. }
  481.  
  482. .profile-datablock {
  483.   margin:.5em 0 .5em;
  484. }
  485.  
  486. .profile-textblock {
  487.   margin:0.5em 0;
  488.   line-height:1.6em;
  489. }
  490.  
  491. .profile-link {
  492.   text-transform:uppercase;
  493.   letter-spacing:.1em;
  494. }
  495.  
  496. /* Footer
  497. ----------------------------------------------- */
  498. #footer-wrapper {
  499.   height:80px;
  500.   width:100%;
  501.   clear:both;
  502.   color:#666;
  503.   text-align:left;
  504.   display:block;
  505.   font-size:14px;
  506.   background-color:#ebebeb;
  507. }
  508. #footer {
  509.   max-width:768px;
  510.   margin:0 auto;
  511.   padding:0;
  512.   color:#999;
  513. }
  514. #footer a {
  515.   color:#666;
  516.   text-decoration:none;
  517. }
  518. #footer a:hover {
  519.   color:#0e72b5;
  520. }
  521. img {
  522. max-width:100%;
  523. height:auto;
  524. width:auto;
  525. }
  526. .creditpic{margin-top:20px;padding:30px 0 30px;position:relative}
  527. .credit-wrapper {max-width:768px;margin:0 auto}
  528. .credit{line-height:1.6em;font-size:12px;font-weight:400;color:#888;clear:both;margin:0 auto;padding:0;text-align:left}
  529. .credit-right{float:right}
  530. .credit a,.credit a:visited{color:#666;text-decoration:none}
  531. .credit a:hover{color:#0379C4;text-decoration:none}
  532. /* RESPONSIVE */
  533.  
  534. @media screen and (max-width:768px) {
  535. .post {width:46.5%;}
  536. #header, #content-wrapper, #footer {max-width:728px}
  537. #header h1 {text-align:center; margin:0 auto;float:none}
  538. .description {display:none}
  539. .post {margin-bottom:12px}
  540. #main-wrapper {margin-top:-200px}
  541. .search-wrapper{top:0}
  542. }
  543.  
  544. @media screen and (max-width:736px) {
  545. #header, #content-wrapper, #footer {max-width:690px}
  546. }
  547.  
  548. @media screen and (max-width:667px) {
  549. #header, #content-wrapper, #footer {max-width:627px}
  550. .post {height:420px}
  551. }
  552.  
  553. @media screen and (max-width:640px) {
  554. .post {width:46%;}
  555. #header, #content-wrapper, #footer {max-width:600px}
  556. #header h1 {text-align:center; margin:0 auto;float:none}
  557. .description {display:none}
  558. }
  559. @media screen and (max-width:600px) {
  560. #header, #content-wrapper, #footer {max-width:560px}
  561. #main-wrapper {margin-top:-215px}
  562. }
  563. @media screen and (max-width:568px) {
  564. #header, #content-wrapper, #footer {max-width:545px}
  565. }
  566. @media screen and (max-width:414px) {
  567. #main-wrapper {width:100%}
  568. .post {width:99%;box-shadow:none;height:390px}
  569. #header, #content-wrapper, #footer {max-width:390px}
  570. #blog-pager-older-link a {margin-right:0}
  571. .credit-right{float:left}
  572. .creditpic{padding:25px 0 20px;}
  573. #main-wrapper {margin-top:-225px}
  574. #search-box{width:270px}
  575. }
  576. @media screen and (max-width:375px) {
  577. #header, #content-wrapper, #footer {max-width:350px}
  578. .post {margin-bottom:10px}
  579. }
  580. @media screen and (max-width:360px) {
  581. #header, #content-wrapper, #footer {max-width:340px}
  582. #main-wrapper {margin-top:-230px}
  583. }
  584. @media screen and (max-width:320px) {
  585. #header, #content-wrapper, #footer {max-width:300px}
  586. .post-snippet {display:none}
  587. .post-inner {padding:5px 15px 0}
  588. .post {height:auto}
  589. }
  590. </style>
  591. </b:if>
  592. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  593. <style amp-custom='amp-custom'>
  594. @font-face {
  595. font-family: &#39;Roboto&#39;;
  596. font-style: normal;
  597. font-weight: 400;
  598. src: local(&#39;Roboto&#39;), local(&#39;Roboto-Regular&#39;), url(https://fonts.gstatic.com/s/roboto/v15/CWB0XYA8bzo0kSThX0UTuA.woff2) format(&#39;woff2&#39;), url(https://fonts.gstatic.com/s/roboto/v15/2UX7WLTfW3W8TclTUvlFyQ.woff) format(&#39;woff&#39;), url(https://fonts.gstatic.com/s/roboto/v15/QHD8zigcbDB8aPfIoaupKOvvDin1pK8aKteLpeZ5c0A.ttf) format(&#39;truetype&#39;);
  599. }
  600. @font-face {
  601. font-family: &#39;Roboto&#39;;
  602. font-style: normal;
  603. font-weight: 700;
  604. src: local(&#39;Roboto Bold&#39;), local(&#39;Roboto-Bold&#39;), url(https://fonts.gstatic.com/s/roboto/v15/d-6IYplOFocCacKzxwXSOFtXRa8TVwTICgirnJhmVJw.woff2) format(&#39;woff2&#39;), url(https://fonts.gstatic.com/s/roboto/v15/d-6IYplOFocCacKzxwXSOD8E0i7KZn-EPnyo3HZu7kw.woff) format(&#39;woff&#39;), url(https://fonts.gstatic.com/s/roboto/v15/d-6IYplOFocCacKzxwXSOCZ2oysoEQEeKwjgmXLRnTc.ttf) format(&#39;truetype&#39;);
  605. }
  606. @font-face {
  607. font-family: &#39;Roboto&#39;;
  608. font-style: italic;
  609. font-weight: 400;
  610. src: local(&#39;Roboto Italic&#39;), local(&#39;Roboto-Italic&#39;), url(https://fonts.gstatic.com/s/roboto/v15/vPcynSL0qHq_6dX7lKVByfesZW2xOQ-xsNqO47m55DA.woff2) format(&#39;woff2&#39;), url(https://fonts.gstatic.com/s/roboto/v15/1pO9eUAp8pSF8VnRTP3xnvesZW2xOQ-xsNqO47m55DA.woff) format(&#39;woff&#39;), url(https://fonts.gstatic.com/s/roboto/v15/W4wDsBUluyw0tK3tykhXEXYhjbSpvc47ee6xR_80Hnw.ttf) format(&#39;truetype&#39;);
  611. }
  612. @font-face {
  613. font-family: &#39;Roboto Slab&#39;;
  614. font-style: normal;
  615. font-weight: 400;
  616. src: local(&#39;Roboto Slab Regular&#39;), local(&#39;RobotoSlab-Regular&#39;), url(https://fonts.gstatic.com/s/robotoslab/v6/y7lebkjgREBJK96VQi37Zo4P5ICox8Kq3LLUNMylGO4.woff2) format(&#39;woff2&#39;), url(https://fonts.gstatic.com/s/robotoslab/v6/y7lebkjgREBJK96VQi37ZobN6UDyHWBl620a-IRfuBk.woff) format(&#39;woff&#39;), url(https://fonts.gstatic.com/s/robotoslab/v6/y7lebkjgREBJK96VQi37ZiwlidHJgAgmTjOEEzwu1L8.ttf) format(&#39;truetype&#39;);
  617. }
  618. @font-face {
  619. font-family: &#39;Roboto Slab&#39;;
  620. font-style: normal;
  621. font-weight: 700;
  622. src: local(&#39;Roboto Slab Bold&#39;), local(&#39;RobotoSlab-Bold&#39;), url(https://fonts.gstatic.com/s/robotoslab/v6/dazS1PrQQuCxC3iOAJFEJYlIZu-HDpmDIZMigmsroc4.woff2) format(&#39;woff2&#39;), url(https://fonts.gstatic.com/s/robotoslab/v6/dazS1PrQQuCxC3iOAJFEJTqR_3kx9_hJXbbyU8S6IN0.woff) format(&#39;woff&#39;), url(https://fonts.gstatic.com/s/robotoslab/v6/dazS1PrQQuCxC3iOAJFEJTdGNerWpg2Hn6A-BxWgZ_I.ttf) format(&#39;truetype&#39;);
  623. }
  624. /* fallback */
  625. @font-face {
  626.   font-family: &#39;Material Icons&#39;;
  627.   font-style: normal;
  628.   font-weight: 400;
  629.   src: local(&#39;Material Icons&#39;), local(&#39;MaterialIcons-Regular&#39;), url(https://fonts.gstatic.com/s/materialicons/v18/2fcrYFNaTjcS6g4U3t-Y5ZjZjT5FdEJ140U2DJYC3mY.woff2) format(&#39;woff2&#39;);
  630. }
  631.  
  632. .material-icons {
  633.   font-family: &#39;Material Icons&#39;;
  634.   font-weight: normal;
  635.   font-style: normal;
  636.   font-size: 24px;
  637.   line-height: 1;
  638.   letter-spacing: normal;
  639.   text-transform: none;
  640.   display: inline-block;
  641.   white-space: nowrap;
  642.   word-wrap: normal;
  643.   direction: ltr;
  644.   -webkit-font-feature-settings: &#39;liga&#39;;
  645.   -webkit-font-smoothing: antialiased;
  646. }
  647. body {
  648.   background:#f9f9f9;
  649.   margin:0;
  650.   padding:0;
  651.   color:#333;
  652.   font-size:15px;
  653.   font-family:Roboto,Arial,Sans-serif;
  654.   border-top:300px solid #ebebeb;
  655. }
  656. a:link {
  657.   color:#0e72b5;
  658.   text-decoration:none;
  659. }
  660. a:visited {
  661.   color:#0e72b5;
  662.   text-decoration:none;
  663. }
  664. a:hover {
  665.   color:#333;
  666.   text-decoration:underline;
  667. }
  668. a img {
  669.   border-width:0;
  670. }
  671.  
  672. /* Header */
  673.  
  674. #header-wrapper {
  675.   width:100%;
  676.   padding:0;
  677.   color:#212121;
  678.   font-weight:400;
  679.   background-color:#fff;
  680.   position:fixed;
  681.   top:0;
  682.   left:0;
  683.   width:100%;
  684.   height:60px;
  685.   box-shadow: 2px 1px 1px rgba(0,0,0,.15);
  686.   z-index:999;
  687. }
  688. #header {
  689.   max-width:768px;
  690.   color:#212121;
  691.   text-align:left;
  692.   margin:0 auto;
  693. }
  694.  
  695. #header h1 {
  696.   margin:0;
  697.   padding:0;
  698.   font-size:140%;
  699.   float:left;
  700.   color:#212121;
  701.   line-height:60px;
  702. }
  703.  
  704. #header a {
  705.   color:#212121;
  706.   text-decoration:none;
  707.   -webkit-transition:all .4s ease;
  708.   transition:all .4s ease;
  709. }
  710.  
  711. #header a:hover {
  712.   color:#0379c4;
  713. }
  714.  
  715. #header .description {
  716.   margin:0 0 0 20px;
  717.   padding:0 0 15px;
  718.   text-transform:capitalize;
  719.   line-height:60px;
  720.   float:left;
  721. }
  722.  
  723. #header amp-img {
  724.   margin-top:-5px;
  725.   margin-right:5px;
  726.   height:auto;
  727.   width:auto;
  728.   vertical-align:middle;
  729. }
  730.  
  731. #header-wrapper h5{background:none;border:none}
  732. .acc-header {max-width:320px;position:absolute;top:0;right:-2px;z-index:900;}
  733. .mi-22 {font-size:22px}
  734. .search-fixed {position:fixed;top:20px;right:17px;z-index:1001;}
  735. .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}
  736. #search-box{width:250px;height:27px;float:right;padding:0;margin:0;position:relative}
  737. #search-box form{border:1px solid #ccc;line-height:27px}
  738. .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}
  739. .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}
  740. .search-form:focus,.search-form:hover,.search-button:focus,.search-button:hover{border:none;outline:0;color:#000}
  741.  
  742. /* AMP Sidebar */
  743. .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;left:10px;z-index:1001;cursor:pointer}
  744. amp-sidebar{width:240px;background:#27597a;color:#fff;}
  745. amp-sidebar ul{padding:0;list-style:none}
  746. amp-sidebar li{line-height:40px;padding:0;list-style:none;color:#fff;border-bottom:1px solid #30698f;text-align:center;font-size:14px}
  747. amp-sidebar li:nth-child(1){border-top:1px solid #30698f;}
  748. amp-sidebar li:hover{background:#2e6589}
  749. amp-sidebar li a{color:#fff;text-decoration:none;padding:5px 10px}
  750. amp-sidebar button{margin-left:20px}
  751. .amp-sidebar-image{line-height:100px;vertical-align:middle}
  752. .amp-close-image{top:15px;left:205px;cursor:pointer}
  753. a.sidebaramp{color:#fff;text-decoration:none}
  754. .amp-sidebar-about {min-width:240px;min-height:240px;text-align:center;font-size:14px;}
  755. .amp-sidebar-about p{padding:15px 15px 0 15px;line-height:1.4em}
  756. .amp-sidebar-profile {max-width:100px;min-width:100px;border-radius:100px;margin:20px auto;background:#517b94}
  757. .amp-sidebar-profile amp-img {border-radius:100px;}
  758. #sidebar h6 {border:none;background:none;font-size:14px;font-weight:normal;margin-left:20px}
  759. #sidebar p {line-height:1.6em}
  760. .contact-box {background:#194a6a;padding:20px;border-top:1px solid #30698f;text-align:left}
  761. .contact-box svg{width:20px; height:20px;vertical-align: -4px;margin-right:10px}
  762. .contact-box span svg path{fill:#accbdf}
  763. .contact-me {min-width:210px;display:block}
  764. p.soc-icon {margin-top:5px;height:30px;padding:0}
  765. .soc-icon svg{width:20px; height:20px;}
  766. .soc-icon span svg path{fill:#80aac6;transition: all .5s ease-in-out;}
  767. .soc-icon span svg:hover path{fill:#fff}
  768. .soc-icon .youtube svg {width: 24px;height: 24px;vertical-align: -2px;}
  769.  
  770. /* Outer-Wrapper */
  771. #outer-wrapper {
  772.   width:100%;
  773.   margin:0 auto;
  774.   padding:0;
  775.   text-align:left;
  776. }
  777. #content-wrapper {
  778.   max-width:768px;
  779.   margin:0 auto;
  780. }
  781. #main-wrapper {
  782.   width:100%;margin:-180px auto 15px;
  783.   word-wrap:break-word; /* fix for long text breaking sidebar float in IE */
  784.   overflow:hidden;     /* fix for long non-text content breaking IE sidebar float */
  785. }
  786. .image-wrapper {width:100%:height:auto}
  787.  
  788. #sidebar-wrapper {display:none}
  789.  
  790. /* Headings */
  791.  
  792. h2 {
  793.   margin:1.5em 0 .75em;
  794.   line-height:1.4em;
  795.   text-transform:capitaize;
  796. }
  797.  
  798. .breadcrumbs a,.breadcrumbs li{display:inline-block}
  799. .breadcrumbs{line-height:1.5em;width:auto;padding:0 0 10px;font-size:14px;color:#444;margin:0 30px 0 0;font-weight:500}
  800. .breadcrumbs li{list-style-type:none;float:left}
  801. .breadcrumbs a{text-decoration:none;outline:0;transition:all .3s ease-in-out;color:#444;font-weight:400}
  802. .breadcrumbs a:hover{color:#0379C4}
  803. .breadcrumbs-icon {vertical-align: -15%;font-size: inherit;text-rendering: optimizeLegibility}
  804.  
  805. /* Posts */
  806. .post-meta {
  807. width:100%
  808. margin-top:10px;
  809. margin-bottom:15px;
  810. display:block;
  811. text-align: left;
  812. font-size: 11px;
  813. color: #aaa;
  814. padding: 0;
  815. border-top:1px solid #ddd;
  816. border-bottom:1px solid #ddd;
  817. height:50px;
  818. }
  819. .post-meta a {
  820. color: #0e72b5;
  821. text-decoration: none;
  822. text-transform:uppercase;
  823. font-size:11px;
  824. color: #444;
  825. }
  826. .post-meta a:hover {
  827. color:#aaa;
  828.   }
  829. .post-meta-span {
  830. margin-right: 15px;
  831. }
  832. .post-meta-left {border-right: 1px solid #ddd;float:left;height:50px;margin-right:20px;padding-right:15px}
  833. .post-meta-right {float:left;vertical-align:middle;margin-top: 8px;}
  834. .meta-author {margin-top:13px;margin-bottom:2px}
  835. amp-social-share[type=&quot;twitter&quot;], amp-social-share[type=&quot;gplus&quot;], amp-social-share[type=&quot;facebook&quot;], amp-social-share[type=&quot;linkedin&quot;], amp-social-share[type=&quot;pinterest&quot;] {
  836.   background-color:#999;
  837.   border-radius:100px;
  838.   background-size:25px 25px;
  839.   transition:all .4s ease-out;
  840. }
  841. amp-social-share[type=&quot;twitter&quot;]:hover {background-color:#55ACEE}
  842. amp-social-share[type=&quot;gplus&quot;]:hover {background-color:#DC4E41}
  843. amp-social-share[type=&quot;facebook&quot;]:hover {background-color:#3B5998}
  844. amp-social-share[type=&quot;linkedin&quot;]:hover {background-color:#0077B5}
  845. amp-social-share[type=&quot;pinterest&quot;]:hover {background-color:#BD081C}
  846.  
  847. 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;}
  848. a:hover.color-label {background:#0379c4;color:#fff}
  849. .post-labels{margin-bottom:20px;position:absolute; width:92%;margin:-265px auto 0;text-align:center}
  850.  
  851. .post {
  852.   margin:0;
  853.   padding:0;
  854.   background-color:#fff;
  855.   box-shadow: 0 0 3px rgba(0,0,0,0.12),0 0 2px rgba(0,0,0,0.18);
  856.   overflow: hidden;
  857.   border:1px solid #dbdbdb;
  858. }
  859. .post-inner{padding:30px 30px 0;position:relative;margin:0 auto}
  860. .post h2 {
  861.   width:93%;
  862.   margin:0 auto;
  863.   padding:30px;
  864.   background-color:rgba(0,0,0,0.6);
  865.   font-size:220%;
  866.   font-weight:700;
  867.   line-height:1.3em;
  868.   text-align:center;
  869.   position:absolute;
  870.   top:-180px;
  871.   left:0;
  872.   color:#fff;
  873.   z-index:99;
  874. }
  875.  
  876. .post h2 a, .post h3 a:visited, .post h3 strong {
  877.   display:block;
  878.   text-decoration:none;
  879.   color:#333;
  880.   transition: all .5s ease-in-out;
  881. }
  882.  
  883. .post h2 strong, .post h2 a:hover {
  884.   color:#0e72b5;
  885. }
  886. .post h3 {
  887.   margin:.25em 0 0 0;
  888.   padding:0 0 4px;
  889.   font-size:140%;
  890.   font-weight:700;
  891.   line-height:1.3em;
  892.   color:#333;
  893. }
  894. .post .post-title {
  895.   margin-bottom:15px;
  896. }
  897.  
  898. .post-body {
  899.   margin:25px 0 .75em;
  900.   line-height:1.6em;
  901. }
  902.  
  903. .post-body img{
  904.   width:100%
  905. }
  906. .post-body blockquote {
  907.   line-height:1.3em;  
  908. }
  909.  
  910. .post-footer {
  911.   margin:40px 0;
  912.   line-height:1.7em;
  913. }
  914. .post-snippet {
  915. white-space: nowrap;
  916. overflow: hidden;
  917. text-overflow: ellipsis;
  918. }
  919.  
  920. .comment-link {
  921.   margin-left:.6em;
  922. }
  923. .post blockquote {
  924.   margin:1em 20px;
  925. }
  926. .post blockquote p {
  927.   margin:.75em 0;
  928. }
  929.  
  930. .related-box {max-height:360px;margin-top:-35px;}
  931.  
  932. section[expanded] .show-more,section:not([expanded]) .show-less{display:none}
  933. .disqus-comments h4{background:none;border:none;width:50%;margin:0 auto;text-align:center;}
  934. .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}
  935.   .disqus-hide:hover {background:#eee}
  936. .disqus-comments amp-iframe{margin-left:-8px;margin-right:-8px}
  937.  
  938.  
  939. /* Costumize */
  940. .post-thumbnail {
  941.   width:100%;
  942.   height:auto;
  943.   float:left;
  944.   margin:2px 15px 15px 0;
  945. }
  946. pre {
  947. padding:.5em 1em;
  948. margin: 0;
  949. white-space:pre;
  950. overflow:auto;
  951. background-color:#f1f1f1;
  952. font-size:14px;
  953. clear:both;
  954. border-left:3px solid #ccc;
  955. color:#111;
  956. }
  957. code {
  958. font-family:Consolas,Monaco,&#39;Andale Mono&#39;,&#39;Courier New&#39;,Courier,Monospace;
  959. line-height:20px;
  960. color:#db4437;
  961. font-size:14px;
  962. }
  963. pre code {
  964. display: block; padding: 0.5em;
  965. line-height:1.5em;
  966. color: black;
  967. }
  968. ::selection { background: #1066b9;color:white }
  969. ::-moz-selection { background: #1066b9; color:white}
  970. .thumbnail-cadangan {display:none}
  971. .centered {text-align:center}
  972. .copy-code {  
  973.   -webkit-user-select: all;
  974.   -moz-user-select: all;
  975.   -ms-user-select: all;
  976.   user-select: all;
  977. }
  978.  
  979. #blog-pager-newer-link a{
  980.   float:left;margin-left:0;background:#aaa;color:#fff;border-radius:100px;width:30px;height:30px;transition:all .4s ease-out}
  981.  
  982. #blog-pager-older-link a{float:right;margin-right:0;background:#aaa;color:#fff;border-radius:100px;width:30px;height:30px;transition:all .4s ease-out;}
  983.  
  984. .home-link {display:none}
  985.  
  986. #blog-pager-newer-link a:hover, #blog-pager-older-link a:hover{background:#0379c4;color:#fff}
  987. #blog-pager {text-align:center;margin-top:20px}
  988.  
  989. .font-arrow {font-size:28;vertical-align:-11px}
  990.  
  991. .feed-links {
  992.   display:none;
  993. }
  994. .clear {clear:both}
  995.  
  996. /* Profile
  997. ----------------------------------------------- */
  998. .profile-img {
  999.   float:left;
  1000.   margin-top:0;
  1001.   margin-right:5px;
  1002.   margin-bottom:5px;
  1003.   margin-left:0;
  1004.   padding:4px;
  1005.   border:1px solid #ccc;
  1006. }
  1007.  
  1008. .profile-data {
  1009.   margin:0;
  1010.   text-transform:uppercase;
  1011.   letter-spacing:.1em;
  1012.   font-weight:bold;
  1013.   line-height:1.6em;
  1014. }
  1015.  
  1016. .profile-datablock {
  1017.   margin:.5em 0 .5em;
  1018. }
  1019.  
  1020. .profile-textblock {
  1021.   margin:0.5em 0;
  1022.   line-height:1.6em;
  1023. }
  1024.  
  1025. .profile-link {
  1026.   text-transform:uppercase;
  1027.   letter-spacing:.1em;
  1028. }
  1029.  
  1030. /* Footer
  1031. ----------------------------------------------- */
  1032. #footer-wrapper {
  1033.   height:80px;
  1034.   width:100%;
  1035.   clear:both;
  1036.   color:#666;
  1037.   text-align:left;
  1038.   display:block;
  1039.   font-size:14px;
  1040.   background-color:#ebebeb;
  1041. }
  1042. #footer {
  1043.   max-width:768px;
  1044.   margin:0 auto;
  1045.   padding:0;
  1046.   color:#888;
  1047. }
  1048. #footer a {
  1049.   color:#666;
  1050.   text-decoration:none;
  1051. }
  1052. #footer a:hover {
  1053.   color:#0e72b5;
  1054. }
  1055. img {
  1056. max-width:100%;
  1057. height:auto;
  1058. width:auto;
  1059. }
  1060.  
  1061. .creditpic{margin-top:20px;padding:30px 0 30px;position:relative}
  1062. .credit-wrapper {max-width:768px;margin:0 auto}
  1063. .credit{line-height:1.6em;font-size:12px;font-weight:400;color:#888;clear:both;margin:0 auto;padding:0;text-align:left}
  1064. .credit-right{float:right}
  1065. .credit a,.credit a:visited{color:#666;text-decoration:none}
  1066. .credit a:hover{color:#0379C4;text-decoration:none}
  1067.  
  1068. /* RESPONSIVE */
  1069.  
  1070. @media screen and (max-width:768px) {
  1071. .search-wrapper{top:0}
  1072. }
  1073. @media screen and (max-width:736px) {
  1074. #header, #content-wrapper, #footer {max-width:690px}
  1075. #header h1 {text-align:center; margin:0 auto;float:none}
  1076. .description {display:none}
  1077. .post h2{top:-150px;}
  1078. .post-labels {margin: -225px auto 0;}
  1079. .disqus-comments h4{width:75%}
  1080. .related-box {max-height:350px}
  1081. }
  1082.  
  1083. @media screen and (max-width:667px) {
  1084. #header, #content-wrapper, #footer {max-width:627px}
  1085. .post h2 {font-size:28px}
  1086. }
  1087.  
  1088. @media screen and (max-width:640px) {
  1089. #header, #content-wrapper, #footer {max-width:600px}
  1090. .breadcrumbs{padding:5px 0 10px;margin:0;}
  1091. }
  1092. @media screen and (max-width:600px) {
  1093. #header, #content-wrapper, #footer {max-width:560px}
  1094. }
  1095. @media screen and (max-width:568px) {
  1096. #header, #content-wrapper, #footer {max-width:545px}
  1097. }
  1098. @media screen and (max-width:414px) {
  1099. #main-wrapper {width:100%}
  1100. .post {width:100%;box-shadow:none;border:none}
  1101. .post-inner {padding:20px 20px 0}
  1102. .post h2 {position:relative;color:#222;background:none;font-size:24px;text-align: center;width:100%;padding:0;text-align:left;top:0}
  1103. .post-meta {position:relative;margin-top:20px}
  1104. .post-meta-left {margin-right:20px;padding-right:10px}
  1105. .post-meta-right {float:right}
  1106. 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;}
  1107. a:hover.color-label {background:#666;}
  1108. .post-labels{margin-bottom:40px;position:relative;margin:0;width:100%;text-align:left}
  1109. #main-wrapper {margin: -240px auto 15px;}
  1110. #blog-pager-older-link a {margin-right:15px}
  1111. #blog-pager-newer-link a {margin-left:15px}
  1112. #header, #footer {max-width:390px}
  1113. .credit-right{float:left}
  1114. .creditpic{padding:25px 0 20px;}
  1115. .breadcrumbs{margin:20px 0;}
  1116. .disqus-comments h4{width:90%}
  1117. .related-box {max-height:600px}
  1118. #search-box{width:270px}
  1119. }
  1120. @media screen and (max-width:375px) {
  1121. #header, #footer {max-width:350px}
  1122. .disqus-comments h4{width:100%}
  1123. .disqus-hide {padding:12px 60px}  
  1124. }
  1125. @media screen and (max-width:360px) {
  1126. #header, #footer {max-width:340px}
  1127. }
  1128. @media screen and (max-width:321px) {
  1129. #header, #footer {max-width:300px}
  1130. amp-social-share[type=&quot;linkedin&quot;]{display:none}
  1131. }
  1132. </style>
  1133. </b:if>
  1134. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  1135. <style amp-custom='amp-custom'>
  1136. /*<![CDATA[*/
  1137. @font-face {
  1138. font-family: 'Roboto';
  1139. font-style: normal;
  1140. font-weight: 400;
  1141. 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/QHD8zigcbDB8aPfIoaupKOvvDin1pK8aKteLpeZ5c0A.ttf) format('truetype');
  1142. }
  1143. @font-face {
  1144. font-family: 'Roboto';
  1145. font-style: normal;
  1146. font-weight: 700;
  1147. 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'), url(https://fonts.gstatic.com/s/roboto/v15/d-6IYplOFocCacKzxwXSOCZ2oysoEQEeKwjgmXLRnTc.ttf) format('truetype');
  1148. }
  1149. @font-face {
  1150. font-family: 'Roboto';
  1151. font-style: italic;
  1152. font-weight: 400;
  1153. 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');
  1154. }
  1155. @font-face {
  1156. font-family: 'Roboto Slab';
  1157. font-style: normal;
  1158. font-weight: 400;
  1159. src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(https://fonts.gstatic.com/s/robotoslab/v6/y7lebkjgREBJK96VQi37Zo4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2'), url(https://fonts.gstatic.com/s/robotoslab/v6/y7lebkjgREBJK96VQi37ZobN6UDyHWBl620a-IRfuBk.woff) format('woff'), url(https://fonts.gstatic.com/s/robotoslab/v6/y7lebkjgREBJK96VQi37ZiwlidHJgAgmTjOEEzwu1L8.ttf) format('truetype');
  1160. }
  1161. @font-face {
  1162. font-family: 'Roboto Slab';
  1163. font-style: normal;
  1164. font-weight: 700;
  1165. 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_hJXbbyU8S6IN0.woff) format('woff'), url(https://fonts.gstatic.com/s/robotoslab/v6/dazS1PrQQuCxC3iOAJFEJTdGNerWpg2Hn6A-BxWgZ_I.ttf) format('truetype');
  1166. }
  1167. /* fallback */
  1168. @font-face {
  1169.  font-family: 'Material Icons';
  1170.  font-style: normal;
  1171.  font-weight: 400;
  1172.  src: local('Material Icons'), local('MaterialIcons-Regular'), url(https://fonts.gstatic.com/s/materialicons/v18/2fcrYFNaTjcS6g4U3t-Y5ZjZjT5FdEJ140U2DJYC3mY.woff2) format('woff2');
  1173. }
  1174.  
  1175. .material-icons {
  1176.  font-family: 'Material Icons';
  1177.  font-weight: normal;
  1178.  font-style: normal;
  1179.  font-size: 24px;
  1180.  line-height: 1;
  1181.  letter-spacing: normal;
  1182.  text-transform: none;
  1183.  display: inline-block;
  1184.  white-space: nowrap;
  1185.  word-wrap: normal;
  1186.  direction: ltr;
  1187.  -webkit-font-feature-settings: 'liga';
  1188.  -webkit-font-smoothing: antialiased;
  1189. }
  1190. body {
  1191.  background:#f9f9f9;
  1192.  margin:0;
  1193.  padding:0;
  1194.  color:#333;
  1195.  font-size:15px;
  1196.  font-family:Roboto,Arial,Sans-serif;
  1197.  border-top:300px solid #ebebeb;
  1198. }
  1199. a:link {
  1200.  color:#0e72b5;
  1201.  text-decoration:none;
  1202. }
  1203. a:visited {
  1204.  color:#0e72b5;
  1205.  text-decoration:none;
  1206. }
  1207. a:hover {
  1208.  color:#333;
  1209.  text-decoration:underline;
  1210. }
  1211. a img {
  1212.  border-width:0;
  1213. }
  1214.  
  1215. /* Header */
  1216.  
  1217. #header-wrapper {
  1218.  width:100%;
  1219.  padding:0;
  1220.  color:#212121;
  1221.  font-weight:400;
  1222.  background-color:#fff;
  1223.  position:fixed;
  1224.  top:0;
  1225.  left:0;
  1226.  width:100%;
  1227.  height:60px;
  1228.  box-shadow: 2px 1px 1px rgba(0,0,0,.15);
  1229.  z-index:999;
  1230. }
  1231. #header {
  1232.  max-width:768px;
  1233.  color:#212121;
  1234.  text-align:left;
  1235.  margin:0 auto;
  1236. }
  1237.  
  1238. #header h1 {
  1239.  margin:0;
  1240.  padding:0;
  1241.  font-size:140%;
  1242.  float:left;
  1243.  color:#212121;
  1244.  line-height:60px;
  1245. }
  1246.  
  1247. #header a {
  1248.  color:#212121;
  1249.  text-decoration:none;
  1250.  -webkit-transition:all .4s ease;
  1251.  transition:all .4s ease;
  1252. }
  1253.  
  1254. #header a:hover {
  1255.  color:#0379c4;
  1256. }
  1257.  
  1258. #header .description {
  1259.  margin:0 0 0 20px;
  1260.  padding:0 0 15px;
  1261.  text-transform:capitalize;
  1262.  line-height:60px;
  1263.  float:left;
  1264. }
  1265.  
  1266. #header amp-img {
  1267.  margin-top:-5px;
  1268.  margin-right:5px;
  1269.  height:auto;
  1270.  width:auto;
  1271.  vertical-align:middle;
  1272. }
  1273.  
  1274. #header-wrapper h5{background:none;border:none}
  1275. .acc-header {max-width:320px;position:absolute;top:0;right:-2px;z-index:900;}
  1276. .mi-22 {font-size:22px}
  1277. .search-fixed {position:fixed;top:20px;right:17px;z-index:1001;}
  1278. .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}
  1279. #search-box{width:250px;height:27px;float:right;padding:0;margin:0;position:relative}
  1280. #search-box form{border:1px solid #ccc;line-height:27px}
  1281. .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}
  1282. .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}
  1283. .search-form:focus,.search-form:hover,.search-button:focus,.search-button:hover{border:none;outline:0;color:#000}
  1284.  
  1285. /* AMP Sidebar */
  1286. .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;left:10px;z-index:1001;cursor:pointer}
  1287. amp-sidebar{width:240px;background:#27597a;color:#fff;}
  1288. amp-sidebar ul{padding:0;list-style:none}
  1289. amp-sidebar li{line-height:40px;padding:0;list-style:none;color:#fff;border-bottom:1px solid #30698f;text-align:center;font-size:14px}
  1290. amp-sidebar li:nth-child(1){border-top:1px solid #30698f;}
  1291. amp-sidebar li:hover{background:#2e6589}
  1292. amp-sidebar li a{color:#fff;text-decoration:none;padding:5px 10px}
  1293. amp-sidebar button{margin-left:20px}
  1294. .amp-sidebar-image{line-height:100px;vertical-align:middle}
  1295. .amp-close-image{top:15px;left:205px;cursor:pointer}
  1296. a.sidebaramp{color:#fff;text-decoration:none}
  1297. .amp-sidebar-about {min-width:240px;min-height:240px;text-align:center;font-size:14px;}
  1298. .amp-sidebar-about p{padding:15px 15px 0 15px;line-height:1.4em}
  1299. .amp-sidebar-profile {max-width:100px;min-width:100px;border-radius:100px;margin:20px auto;background:#517b94}
  1300. .amp-sidebar-profile amp-img {border-radius:100px;}
  1301. #sidebar h6 {border:none;background:none;font-size:14px;font-weight:normal;margin-left:20px}
  1302. #sidebar p {line-height:1.6em}
  1303. section[expanded] .show-more,section:not([expanded]) .show-less{display:none;}
  1304. .contact-box {background:#194a6a;padding:20px;border-top:1px solid #30698f;text-align:left}
  1305. .contact-box svg{width:20px; height:20px;vertical-align: -4px;margin-right:10px}
  1306. .contact-box span svg path{fill:#accbdf}
  1307. .contact-me {min-width:210px;display:block}
  1308. p.soc-icon {margin-top:5px;height:30px;padding:0}
  1309. .soc-icon svg{width:20px; height:20px;}
  1310. .soc-icon span svg path{fill:#80aac6;transition: all .5s ease-in-out;}
  1311. .soc-icon span svg:hover path{fill:#fff}
  1312. .soc-icon .youtube svg {width: 24px;height: 24px;vertical-align: -2px;
  1313. }
  1314.  
  1315. /* Outer-Wrapper */
  1316. #outer-wrapper {
  1317.  width:100%;
  1318.  margin:0 auto;
  1319.  padding:0;
  1320.  text-align:left;
  1321. }
  1322. #content-wrapper {
  1323.  max-width:768px;
  1324.  margin:0 auto;
  1325. }
  1326. #main-wrapper {
  1327.  width:100%;margin:-180px auto 15px;
  1328.  word-wrap:break-word; /* fix for long text breaking sidebar float in IE */
  1329.  overflow:hidden;     /* fix for long non-text content breaking IE sidebar float */
  1330. }
  1331. .image-wrapper {width:100%:height:auto}
  1332.  
  1333. #sidebar-wrapper {display:none}
  1334.  
  1335. /* Headings */
  1336.  
  1337. h2 {
  1338.  margin:1.5em 0 .75em;
  1339.  line-height:1.4em;
  1340.  text-transform:capitaize;
  1341. }
  1342.  
  1343.  
  1344. /* Posts */
  1345. .post-meta {
  1346. width:100%
  1347. margin-top:10px;
  1348. margin-bottom:15px;
  1349. display:block;
  1350. text-align: left;
  1351. font-size: 11px;
  1352. color: #aaa;
  1353. padding: 0;
  1354. border-top:1px solid #ddd;
  1355. border-bottom:1px solid #ddd;
  1356. height:50px;
  1357. }
  1358. .post-meta a {
  1359. color: #0e72b5;
  1360. text-decoration: none;
  1361. text-transform:uppercase;
  1362. font-size:11px;
  1363. color: #444;
  1364. }
  1365. .post-meta a:hover {
  1366. color:#aaa;
  1367.  }
  1368. .post-meta-span {
  1369. margin-right: 15px;
  1370. }
  1371. .post-meta-left {border-right: 1px solid #ddd;float:left;height:50px;margin-right:20px;padding-right:15px}
  1372. .post-meta-right {float:left;vertical-align:middle;margin-top: 8px;}
  1373. .meta-author {margin-top:13px;margin-bottom:2px}
  1374. amp-social-share[type=&quot;twitter&quot;], amp-social-share[type=&quot;gplus&quot;], amp-social-share[type=&quot;facebook&quot;], amp-social-share[type=&quot;linkedin&quot;], amp-social-share[type=&quot;pinterest&quot;] {
  1375.  background-color:#999;
  1376.  border-radius:100px;
  1377.  background-size:25px 25px;
  1378.  transition:all .4s ease-out;
  1379. }
  1380. amp-social-share[type=&quot;twitter&quot;]:hover {background-color:#55ACEE}
  1381. amp-social-share[type=&quot;gplus&quot;]:hover {background-color:#DC4E41}
  1382. amp-social-share[type=&quot;facebook&quot;]:hover {background-color:#3B5998}
  1383. amp-social-share[type=&quot;linkedin&quot;]:hover {background-color:#0077B5}
  1384. amp-social-share[type=&quot;pinterest&quot;]:hover {background-color:#BD081C}
  1385.  
  1386. 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;}
  1387. a:hover.color-label {background:#0379c4;color:#fff}
  1388. .post-labels{margin-bottom:20px;position:absolute; width:92%;margin:-265px auto 0;text-align:center}
  1389.  
  1390. .post {
  1391.  margin:0;
  1392.  padding:0;
  1393.  background-color:#fff;
  1394.  box-shadow: 0 0 3px rgba(0,0,0,0.12),0 0 2px rgba(0,0,0,0.18);
  1395.  overflow: hidden;
  1396.  border:1px solid #dbdbdb;
  1397. }
  1398. .post-inner{padding:30px;position:relative;margin:0 auto}
  1399. .post h2 {
  1400.  width:93%;
  1401.  margin:0 auto;
  1402.  padding:30px;
  1403.  background-color:rgba(0,0,0,0.6);
  1404.  font-size:220%;
  1405.  font-weight:700;
  1406.  line-height:1.3em;
  1407.  text-align:center;
  1408.  position:absolute;
  1409.  top:-120px;
  1410.  left:0;
  1411.  color:#fff;
  1412.  z-index:99;
  1413. }
  1414.  
  1415. .post h2 a, .post h3 a:visited, .post h3 strong {
  1416.  display:block;
  1417.  text-decoration:none;
  1418.  color:#333;
  1419.  transition: all .5s ease-in-out;
  1420. }
  1421.  
  1422. .post h2 strong, .post h2 a:hover {
  1423.  color:#0e72b5;
  1424. }
  1425. .post h3 {
  1426.  margin:.25em 0 0 0;
  1427.  padding:0 0 4px;
  1428.  font-size:140%;
  1429.  font-weight:700;
  1430.  line-height:1.3em;
  1431.  color:#333;
  1432. }
  1433. .post .post-title {
  1434.  margin-bottom:15px;
  1435. }
  1436.  
  1437. .post-body {
  1438.  margin:0;
  1439.  line-height:1.6em;
  1440. }
  1441.  
  1442. .post-body img{
  1443.  width:100%
  1444. }
  1445. .post-body blockquote {
  1446.  line-height:1.3em;  
  1447. }
  1448.  
  1449. .post-footer {
  1450.  margin:40px 0;
  1451.  line-height:1.7em;
  1452. }
  1453. .post-snippet {
  1454. white-space: nowrap;
  1455. overflow: hidden;
  1456. text-overflow: ellipsis;
  1457. }
  1458.  
  1459. .comment-link {
  1460.  margin-left:.6em;
  1461. }
  1462. .post blockquote {
  1463.  margin:1em 20px;
  1464. }
  1465. .post blockquote p {
  1466.  margin:.75em 0;
  1467. }
  1468.  
  1469.  
  1470. .daftar-isi h4 {text-align:center;padding:5px}
  1471. .daftar-isi p {margin:10px}
  1472. amp-accordion>section[expanded] {line-height:i.6em;}
  1473.  
  1474. /* Costumize */
  1475. .post-thumbnail {
  1476.  width:100%;
  1477.  height:auto;
  1478.  float:left;
  1479.  margin:2px 15px 15px 0;
  1480. }
  1481. pre {
  1482. padding:.5em 1em;
  1483. margin: 0;
  1484. white-space:pre;
  1485. overflow:auto;
  1486. background-color:#f1f1f1;
  1487. font-size:14px;
  1488. clear:both;
  1489. border-left:3px solid #ccc;
  1490. color:#111;
  1491. }
  1492. code {
  1493. font-family:Consolas,Monaco,'Andale Mono','Courier New',Courier,Monospace;
  1494. line-height:20px;
  1495. color:#db4437;
  1496. font-size:14px;
  1497. }
  1498. pre code {
  1499. display: block; padding: 0.5em;
  1500. line-height:1.5em;
  1501. color: black;
  1502. }
  1503. ::selection { background: #1066b9;color:white }
  1504. ::-moz-selection { background: #1066b9; color:white}
  1505. .thumbnail-cadangan {display:none}
  1506. .centered {text-align:center}
  1507.  
  1508. #blog-pager-newer-link a{
  1509.  float:left;margin-left:0;background:#aaa;color:#fff;border-radius:100px;width:30px;height:30px;transition:all .4s ease-out}
  1510.  
  1511. #blog-pager-older-link a{float:right;margin-right:0;background:#aaa;color:#fff;border-radius:100px;width:30px;height:30px;transition:all .4s ease-out;}
  1512.  
  1513. .home-link {display:none}
  1514.  
  1515. #blog-pager-newer-link a:hover, #blog-pager-older-link a:hover{background:#0379c4;color:#fff}
  1516. #blog-pager {text-align:center;margin-top:20px}
  1517.  
  1518. .font-arrow {font-size:28;vertical-align:-11px}
  1519.  
  1520. .feed-links {
  1521.  display:none;
  1522. }
  1523. .clear {clear:both}
  1524.  
  1525. /* Profile
  1526. ----------------------------------------------- */
  1527. .profile-img {
  1528.  float:left;
  1529.  margin-top:0;
  1530.  margin-right:5px;
  1531.  margin-bottom:5px;
  1532.  margin-left:0;
  1533.  padding:4px;
  1534.  border:1px solid #ccc;
  1535. }
  1536.  
  1537. .profile-data {
  1538.  margin:0;
  1539.  text-transform:uppercase;
  1540.  letter-spacing:.1em;
  1541.  font-weight:bold;
  1542.  line-height:1.6em;
  1543. }
  1544.  
  1545. .profile-datablock {
  1546.  margin:.5em 0 .5em;
  1547. }
  1548.  
  1549. .profile-textblock {
  1550.  margin:0.5em 0;
  1551.  line-height:1.6em;
  1552. }
  1553.  
  1554. .profile-link {
  1555.  text-transform:uppercase;
  1556.  letter-spacing:.1em;
  1557. }
  1558.  
  1559. /* Footer
  1560. ----------------------------------------------- */
  1561. #footer-wrapper {
  1562.  height:80px;
  1563.  width:100%;
  1564.  clear:both;
  1565.  color:#666;
  1566.  text-align:left;
  1567.  display:block;
  1568.  font-size:14px;
  1569.  background-color:#ebebeb;
  1570. }
  1571. #footer {
  1572.  max-width:768px;
  1573.  margin:0 auto;
  1574.  padding:0;
  1575.  color:#888;
  1576. }
  1577. #footer a {
  1578.  color:#666;
  1579.  text-decoration:none;
  1580. }
  1581. #footer a:hover {
  1582.  color:#0e72b5;
  1583. }
  1584. img {
  1585. max-width:100%;
  1586. height:auto;
  1587. width:auto;
  1588. }
  1589.  
  1590. .creditpic{margin-top:20px;padding:30px 0 30px;position:relative}
  1591. .credit-wrapper {max-width:768px;margin:0 auto}
  1592. .credit{line-height:1.6em;font-size:12px;font-weight:400;color:#888;clear:both;margin:0 auto;padding:0;text-align:left}
  1593. .credit-right{float:right}
  1594. .credit a,.credit a:visited{color:#666;text-decoration:none}
  1595. .credit a:hover{color:#0379C4;text-decoration:none}
  1596.  
  1597. /* RESPONSIVE */
  1598.  
  1599. @media screen and (max-width:768px) {
  1600. .search-wrapper{top:0}
  1601. }
  1602. @media screen and (max-width:736px) {
  1603. #header, #content-wrapper, #footer {max-width:690px}
  1604. #header h1 {text-align:center; margin:0 auto;float:none}
  1605. .description {display:none}
  1606. .post h2{top:-150px;}
  1607. .post-labels {margin: -225px auto 0;}
  1608. }
  1609.  
  1610. @media screen and (max-width:667px) {
  1611. #header, #content-wrapper, #footer {max-width:627px}
  1612. .post h2 {font-size:28px}
  1613. }
  1614.  
  1615. @media screen and (max-width:640px) {
  1616. #header, #content-wrapper, #footer {max-width:600px}
  1617. }
  1618. @media screen and (max-width:600px) {
  1619. #header, #content-wrapper, #footer {max-width:560px}
  1620. }
  1621. @media screen and (max-width:568px) {
  1622. #header, #content-wrapper, #footer {max-width:545px}
  1623. }
  1624. @media screen and (max-width:414px) {
  1625. #main-wrapper {width:100%}
  1626. .post {width:100%;box-shadow:none;border:none}
  1627. .post-inner {padding:20px}
  1628. .post h2 {position:relative;color:#222;background:none;font-size:24px;text-align: center;width:100%;padding:0;text-align:left;top:0}
  1629. .post-meta {position:relative;margin-top:20px}
  1630. .post-meta-left {margin-right:20px;padding-right:10px}
  1631. .post-meta-right {float:right}
  1632. 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;}
  1633. a:hover.color-label {background:#666;}
  1634. .post-labels{margin-bottom:40px;position:relative;margin:0;width:100%;text-align:left}
  1635. #main-wrapper {margin: -240px auto 15px;}
  1636. #blog-pager-older-link a {margin-right:15px}
  1637. #blog-pager-newer-link a {margin-left:15px}
  1638. #header, #footer {max-width:390px}
  1639. .credit-right{float:left}
  1640. .creditpic{padding:25px 0 20px;}
  1641. #search-box{width:270px}
  1642. }
  1643. @media screen and (max-width:375px) {
  1644. #header, #footer {max-width:350px}
  1645. }
  1646. @media screen and (max-width:360px) {
  1647. #header, #footer {max-width:340px}
  1648. }
  1649. @media screen and (max-width:320px) {
  1650. #header, #footer {max-width:300px}
  1651. }
  1652. /*]]>*/
  1653. </style>
  1654. </b:if>
  1655.  
  1656. <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>
  1657. <script async='async' src='https://cdn.ampproject.org/v0.js'/>
  1658. <script async='async' custom-element='amp-sidebar' src='https://cdn.ampproject.org/v0/amp-sidebar-0.1.js'/>
  1659. <script async='async' custom-element='amp-form' src='https://cdn.ampproject.org/v0/amp-form-0.1.js'/>
  1660. <script async='async' custom-element='amp-social-share' src='https://cdn.ampproject.org/v0/amp-social-share-0.1.js'/>
  1661. <script async='async' custom-element='amp-iframe' src='https://cdn.ampproject.org/v0/amp-iframe-0.1.js'/>
  1662. <script async='async' custom-element='amp-youtube' src='https://cdn.ampproject.org/v0/amp-youtube-0.1.js'/>
  1663. <script async='async' custom-element='amp-image-lightbox' src='https://cdn.ampproject.org/v0/amp-image-lightbox-0.1.js'/>
  1664. <script async='async' custom-element='amp-list' src='https://cdn.ampproject.org/v0/amp-list-0.1.js'/>
  1665. <script async='async' custom-template='amp-mustache' src='https://cdn.ampproject.org/v0/amp-mustache-0.1.js'/>
  1666. <script async='async' custom-element='amp-analytics' src='https://cdn.ampproject.org/v0/amp-analytics-0.1.js'/>
  1667. <script async='async' custom-element='amp-carousel' src='https://cdn.ampproject.org/v0/amp-carousel-0.1.js'/>
  1668. <script async='async' custom-element='amp-ad' src='https://cdn.ampproject.org/v0/amp-ad-0.1.js'/>
  1669. <script async='async' custom-element='amp-accordion' src='https://cdn.ampproject.org/v0/amp-accordion-0.1.js'/>
  1670. <script async='async' custom-element='amp-facebook' src='https://cdn.ampproject.org/v0/amp-facebook-0.1.js'/>
  1671. <script async='async' custom-element='amp-install-serviceworker' src='https://cdn.ampproject.org/v0/amp-install-serviceworker-0.1.js'/>
  1672.  
  1673. &lt;!--</head>--&gt;&lt;/head&gt;
  1674.  
  1675. <body itemscope='itemscope' itemtype='http://schema.org/WebPage'>
  1676.  <amp-analytics id='analytics1' type='googleanalytics'>
  1677. <script type='application/json'>
  1678. {
  1679.   &quot;vars&quot;: {
  1680.     &quot;account&quot;: &quot;UA-85986961-1&quot;
  1681.   },
  1682.   &quot;triggers&quot;: {
  1683.     &quot;trackPageview&quot;: {
  1684.       &quot;on&quot;: &quot;visible&quot;,
  1685.       &quot;request&quot;: &quot;pageview&quot;
  1686.     }
  1687.   }
  1688. }
  1689. </script>
  1690. </amp-analytics>
  1691.  
  1692. <button class='btn-amp-sidebar' on='tap:sidebar.toggle'/>
  1693. <amp-sidebar id='sidebar' layout='nodisplay' side='left'>
  1694. <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'/>
  1695. <div class='amp-sidebar-profile'><amp-img alt='AMP HTML' height='100' layout='responsive' src='https://lh3.googleusercontent.com/KevFeqqRSGAmQOnLe-Z7wdycqA_AfbKmiJKBjsb9R6UDhJ3AccIdY3vh03CMKx2fAVDQS0FTpnkrQiJxvfbLpGDQ5_ZRDwG1GwhFU8Yc99Pz8JFZ0mUfKL2ww6x7A6rrFNZ5mSU0OHwWTh_wEVHaUCRJb9BHcIAlCbSmbETBPoGOTSzx3gKeeKnZCe5Hyzobgi7w2tfoafMqpTNXUaR6_2ok1e4_JRGKCeb0vYWzNtkc2bUEreAl_GZutlB6TxcHzeZwAMa7GzKlF6JLQvkVEdbVzob-Yg42DbA2cdjNV-RciIl8Wpwa36DKFWPyDQ9dkHuxkvyMga-SwiOF1-w83KUeh7AF4oTQkUDexevdIz3nxWxpJup-PmZblvs2F4r47b41rnKSx4QuokI0T0RsIdvvDkemrj6EKxHLj550DhiWAFVNDdFEe7LFTF7_AiXWUu_xqb6pcNfNiH4M7VZUEzsjEohIrM5UY4D7iSZQg0VJkDqEhM5naSLWT29zTT-SwE2TXRpP9PG8pXzxiSGiB1I3ukjXbcbGHI3uGDNihTgEmfRTR3D7wN5st1yQnesfDk76OVzfIy2EqCtI4LnMrShq4AhsdJl30ODIcHacu8ZYg3EreQpO=w540-h720-no' width='100'/></div>
  1696.   <span class='amp-sidebar-about'><p>Hello !!! My name is dimas lanjaka. Nice to meet you. Keep visiting us.</p>
  1697. <p class='soc-icon'>
  1698. <span><a href='https://www.facebook.com/dimaslanjaka1/' itemprop='sameAs' target='_blank' title='Facebook'>
  1699. <svg viewBox='0 0 24 24'>
  1700.     <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'/>
  1701.   </svg></a></span>
  1702. <span><a href='https://twitter.com/DimasSkynetCybe' itemprop='sameAs' target='_blank' title='Twitter'>
  1703. <svg viewBox='0 0 24 24'>
  1704.   <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'/>
  1705.   </svg></a></span>
  1706. <span><a href='https://plus.google.com/106586942037569805342' itemprop='sameAs' target='_blank' title='Google Plus'>
  1707. <svg viewBox='0 0 24 24'>
  1708.     <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'/>
  1709.   </svg></a></span>
  1710. <span class='youtube'><a href='https://www.youtube.com/c/dimaslanjaka' itemprop='sameAs' target='_blank' title='YouTube'>
  1711. <svg viewBox='0 0 24 24'>
  1712.     <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'/>
  1713.   </svg></a></span>
  1714. </p>
  1715. </span>
  1716. <nav>
  1717.     <ul>
  1718.       <li><a class='sidebaramp' href='/'>Home</a></li>
  1719.       <li><a class='sidebaramp' href='/p/about.html' itemprop='url' title='About'>About</a></li>
  1720.       <li><amp-accordion>
  1721.     <section>
  1722.       <h6>
  1723.         <span class='show-more'>Contact</span>
  1724.         <span class='show-less'>Contact</span>
  1725.       </h6>
  1726.       <p class='contact-box'>
  1727. <span class='contact-me'><svg viewBox='0 0 24 24'>
  1728.     <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'/>
  1729. </svg> dimaslanjaka@gmail.com</span>
  1730. <span class='contact-me'><svg viewBox='0 0 24 24'>
  1731.     <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'/>
  1732. </svg> 081213653030</span>
  1733. <span class='contact-me'><svg viewBox='0 0 24 24'>
  1734.     <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'/>
  1735. </svg> @DimasSkynetCybe</span>
  1736. </p>
  1737.     </section>
  1738.   </amp-accordion>
  1739.       </li>
  1740.       <li><a class='sidebaramp' href='/p/kebijakan-privasi.html' itemprop='url' title='Privacy'>Privacy</a></li>
  1741.       <li><a class='sidebaramp' href='/p/sitemap.html' itemprop='url' title='Sitemap'>Sitemap</a></li>
  1742.     </ul>
  1743.   </nav>
  1744.   </amp-sidebar>
  1745.  
  1746.    <header id='header-wrapper' itemprop='mainEntity' itemscope='itemscope' itemtype='http://schema.org/WPHeader'>
  1747.       <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
  1748.         <b:widget id='Header1' locked='true' title='AMP HTML âš¡ (Header)' type='Header' version='1' visible='true'>
  1749.           <b:includable id='main'>
  1750.  
  1751.   <b:if cond='data:useImage'>
  1752.     <b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>
  1753.       <!--
  1754.      Show image as background to text. You can't really calculate the width
  1755.      reliably in JS because margins are not taken into account by any of
  1756.      clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
  1757.      width if the user is using shrink to fit.
  1758.      This results in a margin-width's worth of pixels being cropped. If the
  1759.      user is not using shrink to fit then we expand the header.
  1760.      -->
  1761.       <b:if cond='data:mobile'>
  1762.           <div id='header-inner'>
  1763.             <div class='titlewrapper' style='background: transparent'>
  1764.               <h1 class='title' style='background: transparent; border-width: 0px'>
  1765.                 <b:include name='title'/>
  1766.               </h1>
  1767.             </div>
  1768.             <b:include name='description'/>
  1769.           </div>
  1770.         <b:else/>
  1771.           <div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot;                        + &quot;background-position: &quot;                        + data:backgroundPositionStyleStr + &quot;; &quot;                        + data:widthStyleStr                        + &quot;min-height: &quot; + data:height                        + &quot;_height: &quot; + data:height                        + &quot;background-repeat: no-repeat; &quot;' id='header-inner'>
  1772.             <div class='titlewrapper' style='background: transparent'>
  1773.               <h1 class='title' style='background: transparent; border-width: 0px'>
  1774.                 <b:include name='title'/>
  1775.               </h1>
  1776.             </div>
  1777.             <b:include name='description'/>
  1778.           </div>
  1779.         </b:if>
  1780.     <b:else/>
  1781.       <!--Show the image only-->
  1782.       <div id='header-inner'>
  1783.         <a expr:href='data:blog.homepageUrl' style='display: block'>
  1784.           <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
  1785.         </a>
  1786.         <!--Show the description-->
  1787.         <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
  1788.           <b:include name='description'/>
  1789.         </b:if>
  1790.       </div>
  1791.     </b:if>
  1792.   <b:else/>
  1793.     <!--No header image -->
  1794.     <div id='header-inner'>
  1795.       <div class='titlewrapper'>
  1796.         <h1 class='title'>
  1797.           <b:include name='title'/>
  1798.         </h1>
  1799.       </div>
  1800.       <b:include name='description'/>
  1801.     </div>
  1802.   </b:if>
  1803. </b:includable>
  1804.           <b:includable id='description'>
  1805.   <div class='descriptionwrapper'>
  1806.     <p class='description'><span><data:description/></span></p>
  1807.   </div>
  1808. </b:includable>
  1809.           <b:includable id='title'>
  1810.     <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>
  1811. </b:includable>
  1812.         </b:widget>
  1813.       </b:section>
  1814.  
  1815. <amp-accordion>
  1816.     <section class='acc-header'>
  1817.       <h5>
  1818.         <span class='show-more search-fixed'><i class='material-icons  mi-22'>&#59574;</i></span>
  1819.         <span class='show-less search-fixed'><i class='material-icons  mi-22'>&#58829;</i></span>
  1820.       </h5>
  1821. <div class='search-wrapper'>
  1822. <div id='search-box'>
  1823. <div itemprop='mainEntity' itemscope='itemscope' itemtype='http://schema.org/WebSite'>
  1824. <meta content='https://amphtmlproject.blogspot.co.id/' itemprop='url'/>
  1825.   <form action='https://amphtmlproject.blogspot.co.id/search' itemprop='potentialAction' itemscope='itemscope' itemtype='http://schema.org/SearchAction' method='get' target='_blank'>
  1826. <meta content='https://amphtmlproject.blogspot.co.id/search?q={q}' itemprop='target'/>
  1827. <input class='search-form' id='feed-q-input' itemprop='query-input' name='q' placeholder='Search' required='required' type='text'/>
  1828. <button class='search-button' title='Search' type='submit'><i class='material-icons'>&#59574;</i></button>
  1829.   </form></div>
  1830. </div>
  1831. </div>
  1832.     </section>
  1833.   </amp-accordion>
  1834.  
  1835.     </header>
  1836.  
  1837.  
  1838.  
  1839.  
  1840. <div id='outer-wrapper'>
  1841.     <div id='content-wrapper'>
  1842.      <div itemscope='itemscope' itemtype='http://schema.org/Blog'>
  1843.       <div id='main-wrapper'>
  1844.         <b:section class='main' id='main' showaddelement='no'>
  1845.           <b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog' version='1' visible='true'>
  1846.             <b:includable id='main' var='top'>
  1847.   <b:if cond='data:mobile == &quot;false&quot;'>
  1848.  
  1849.     <!-- posts -->
  1850.     <div class='blog-posts hfeed'>
  1851.  
  1852.       <b:include data='top' name='status-message'/>
  1853.  
  1854.       <b:loop values='data:posts' var='post'>
  1855.         <b:if cond='data:post.isDateStart'>
  1856.           <b:if cond='data:post.isFirstPost == &quot;false&quot;'>
  1857.             &lt;/div&gt;&lt;/div&gt;
  1858.           </b:if>
  1859.         </b:if>
  1860.         <b:if cond='data:post.isDateStart'>
  1861.           &lt;div class=&quot;date-outer&quot;&gt;
  1862.         </b:if>
  1863.         <b:if cond='data:post.isDateStart'>
  1864.           &lt;div class=&quot;date-posts&quot;&gt;
  1865.         </b:if>
  1866.         <div class='post-outer'>
  1867.         <b:include data='post' name='post'/>
  1868.         <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  1869.           <b:if cond='data:post.showThreadedComments'>
  1870.             <b:include data='post' name='threaded_comments'/>
  1871.           <b:else/>
  1872.             <b:include data='post' name='comments'/>
  1873.           </b:if>
  1874.         </b:if>
  1875.         <b:if cond='data:blog.pageType == &quot;item&quot;'>
  1876.           <b:if cond='data:post.showThreadedComments'>
  1877.             <b:include data='post' name='threaded_comments'/>
  1878.           <b:else/>
  1879.             <b:include data='post' name='comments'/>
  1880.           </b:if>
  1881.         </b:if>
  1882.         </div>
  1883.       </b:loop>
  1884.       <b:if cond='data:numPosts != 0'>
  1885.         &lt;/div&gt;&lt;/div&gt;
  1886.       </b:if>
  1887.       <data:adEnd/>
  1888.     </div>
  1889.  
  1890.     <!-- navigation -->
  1891.     <b:include name='nextprev'/>
  1892.  
  1893.  
  1894.   <b:else/>
  1895.     <b:include name='mobile-main'/>
  1896.   </b:if>
  1897.  
  1898.  
  1899. </b:includable>
  1900.             <b:includable id='backlinkDeleteIcon' var='backlink'>
  1901.   <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
  1902.     <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
  1903.       <img src='https://resources.blogblog.com/img/icon_delete13.gif'/>
  1904.     </a>
  1905.   </span>
  1906. </b:includable>
  1907.             <b:includable id='backlinks' var='post'>
  1908.   <a name='links'/><h4><data:post.backlinksLabel/></h4>
  1909.   <b:if cond='data:post.numBacklinks != 0'>
  1910.     <dl class='comments-block' id='comments-block'>
  1911.       <b:loop values='data:post.backlinks' var='backlink'>
  1912.         <div class='collapsed-backlink backlink-control'>
  1913.           <dt class='comment-title'>
  1914.             <span class='backlink-toggle-zippy'>&#160;</span>
  1915.             <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
  1916.             <b:include data='backlink' name='backlinkDeleteIcon'/>
  1917.           </dt>
  1918.           <dd class='comment-body collapseable'>
  1919.             <data:backlink.snippet/>
  1920.           </dd>
  1921.           <dd class='comment-footer collapseable'>
  1922.             <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
  1923.             <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
  1924.           </dd>
  1925.         </div>
  1926.       </b:loop>
  1927.     </dl>
  1928.   </b:if>
  1929.   <p class='comment-footer'>
  1930.     <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + &quot;_backlinks-create-link&quot;' target='_blank'><data:post.createLinkLabel/></a>
  1931.   </p>
  1932. </b:includable>
  1933.             <b:includable id='breadcrumb' var='posts'>
  1934. <b:if cond='data:blog.homepageUrl != data:blog.url and data:blog.pageType == &quot;item&quot;'>
  1935. <b:loop values='data:posts' var='post'>
  1936. <b:if cond='data:post.labels'>
  1937. <div class='breadcrumbs' id='breadcrumbs'>
  1938. <div id='bread-crumbs'>
  1939. <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'>&#59530;</i> Home&amp;nbsp;</span></a></span>&amp;nbsp;<i class='material-icons breadcrumbs-icon'>&#58133;</i>
  1940. <b:loop values='data:post.labels' var='label'>
  1941. <span itemscope='itemscope' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:label.url + &quot;?max-results=15&quot;' expr:title='data:label.name' itemprop='url'><span itemprop='title'><data:label.name/></span></a><b:if cond='data:label.isLast != &quot;true&quot;'> <i class='material-icons breadcrumbs-icon'>&#58133;</i> </b:if></span>
  1942. </b:loop>
  1943.  <i class='material-icons breadcrumbs-icon'>&#58133;</i> <span><data:post.title/></span>
  1944. </div></div>
  1945. </b:if>
  1946. </b:loop>
  1947. </b:if>
  1948. </b:includable>
  1949.             <b:includable id='comment-form' var='post'>
  1950.   <!--<div class='comment-form'>
  1951.    <a name='comment-form'/>
  1952.    <b:if cond='data:mobile'>
  1953.      <h4 id='comment-post-message'>
  1954.        <a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
  1955.      <p><data:blogCommentMessage/></p>
  1956.      <data:blogTeamBlogMessage/>
  1957.      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  1958.      <iframe allowtransparency='' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' src='' style='display: none' width='100%'/>
  1959.    <b:else/>
  1960.      <h4 id='comment-post-message'><data:postCommentMsg/></h4>
  1961.      <p><data:blogCommentMessage/></p>
  1962.      <data:blogTeamBlogMessage/>
  1963.      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  1964.      <iframe allowtransparency='' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' src='' width='100%'/>
  1965.    </b:if>-->
  1966.    <!-- <data:post.friendConnectJs/>
  1967.    <data:post.cmtfpIframe/>
  1968.    <script>
  1969.      BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
  1970.    </script>
  1971.  </div>-->
  1972. </b:includable>
  1973.             <b:includable id='commentDeleteIcon' var='comment'>
  1974.   <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
  1975.     <b:if cond='data:showCmtPopup'>
  1976.       <div class='goog-toggle-button'>
  1977.         <div class='goog-inline-block comment-action-icon'/>
  1978.       </div>
  1979.     <b:else/>
  1980.       <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
  1981.         <img src='https://resources.blogblog.com/img/icon_delete13.gif'/>
  1982.       </a>
  1983.     </b:if>
  1984.   </span>
  1985. </b:includable>
  1986.             <b:includable id='comment_count_picker' var='post'>
  1987.   <b:if cond='data:post.commentSource == 1'>
  1988.     <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'>
  1989.     </span>
  1990.   <b:else/>
  1991.     <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
  1992.       <data:post.commentLabelFull/>:
  1993.     </a>
  1994.   </b:if>
  1995. </b:includable>
  1996.             <b:includable id='comment_picker' var='post'>
  1997.   <b:if cond='data:post.commentSource == 1'>
  1998.     <b:include data='post' name='iframe_comments'/>
  1999.   <b:elseif cond='data:post.showThreadedComments'/>
  2000.     <b:include data='post' name='threaded_comments'/>
  2001.   <b:else/>
  2002.     <b:include data='post' name='comments'/>
  2003.   </b:if>
  2004. </b:includable>
  2005.             <b:includable id='comments' var='post'>
  2006.   <!-- <div class='comments' id='comments'>
  2007.    <b:if cond='data:post.allowComments'>
  2008.      <h4>
  2009.        <b:if cond='data:post.numComments == 1'>
  2010.          1 <data:commentLabel/>:
  2011.        <b:else/>
  2012.          <data:post.numComments/> <data:commentLabelPlural/>:
  2013.        </b:if>
  2014.      </h4>
  2015.  
  2016.      <b:if cond='data:post.commentPagingRequired'>
  2017.        <span class='paging-control-container'>
  2018.          <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
  2019.          &#160;
  2020.          <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
  2021.          &#160;
  2022.          <data:post.commentRangeText/>
  2023.          &#160;
  2024.          <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
  2025.          &#160;
  2026.          <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
  2027.        </span>
  2028.      </b:if>
  2029.  
  2030.      <div expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'>
  2031.        <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
  2032.          <b:loop values='data:post.comments' var='comment'>
  2033.            <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
  2034.              <b:if cond='data:comment.favicon'>
  2035.                <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
  2036.              </b:if>
  2037.              <a expr:name='data:comment.anchorName'/>
  2038.              <b:if cond='data:blog.enabledCommentProfileImages'>
  2039.                <data:comment.authorAvatarImage/>
  2040.              </b:if>
  2041.              <b:if cond='data:comment.authorUrl'>
  2042.                <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
  2043.              <b:else/>
  2044.                <data:comment.author/>
  2045.              </b:if>
  2046.              <data:commentPostedByMsg/>
  2047.            </dt>
  2048.            <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
  2049.              <b:if cond='data:comment.isDeleted'>
  2050.                <span class='deleted-comment'><data:comment.body/></span>
  2051.              <b:else/>
  2052.                <p>
  2053.                  <data:comment.body/>
  2054.                </p>
  2055.              </b:if>
  2056.            </dd>
  2057.            <dd class='comment-footer'>
  2058.              <span class='comment-timestamp'>
  2059.                <a expr:href='data:comment.url' title='comment permalink'>
  2060.                  <data:comment.timestamp/>
  2061.                </a>
  2062.                <b:include data='comment' name='commentDeleteIcon'/>
  2063.              </span>
  2064.            </dd>
  2065.          </b:loop>
  2066.        </dl>
  2067.      </div>
  2068.  
  2069.      <b:if cond='data:post.commentPagingRequired'>
  2070.        <span class='paging-control-container'>
  2071.          <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
  2072.            <data:post.oldestLinkText/>
  2073.          </a>
  2074.          <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
  2075.            <data:post.olderLinkText/>
  2076.          </a>
  2077.          &#160;
  2078.          <data:post.commentRangeText/>
  2079.          &#160;
  2080.          <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
  2081.            <data:post.newerLinkText/>
  2082.          </a>
  2083.          <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
  2084.            <data:post.newestLinkText/>
  2085.          </a>
  2086.        </span>
  2087.      </b:if>
  2088.  
  2089.      <p class='comment-footer'>
  2090.        <b:if cond='data:post.embedCommentForm'>
  2091.          <b:if cond='data:post.allowNewComments'>
  2092.            <b:include data='post' name='comment-form'/>
  2093.          <b:else/>
  2094.            <data:post.noNewCommentsText/>
  2095.          </b:if>
  2096.        <b:else/>
  2097.          <b:if cond='data:post.allowComments'>
  2098.            <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
  2099.          </b:if>
  2100.        </b:if>
  2101.  
  2102.      </p>
  2103.    </b:if>
  2104.    <b:if cond='data:showCmtPopup'>
  2105.      <div id='comment-popup'>
  2106.        <amp-iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
  2107.        </amp-iframe>
  2108.      </div>
  2109.    </b:if>
  2110.  
  2111.    <div id='backlinks-container'>
  2112.    <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
  2113.       <b:if cond='data:post.showBacklinks'>
  2114.         <b:include data='post' name='backlinks'/>
  2115.       </b:if>
  2116.    </div>
  2117.    </div>
  2118.  </div> -->
  2119. </b:includable>
  2120.             <b:includable id='disqus-comments' var='post'>
  2121. <div class='disqus-comments' id='disqus_comments'>
  2122. <amp-accordion>
  2123.     <section>
  2124. <h4>
  2125. <span class='show-more disqus-hide'>Tambahkan Komentar</span>
  2126. </h4>
  2127. <span class='disqus-box'><amp-iframe expr:src='&quot;https://cdn.rawgit.com/kangismet/ki-html/master/disqus4.html?shortname=amphtml&amp;url=&quot; + 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'>
  2128. <div aria-label='Disqus Comments' overflow='' role='button' tabindex='0'>Disqus Comments</div>
  2129.   </amp-iframe></span>
  2130. </section>
  2131.   </amp-accordion>
  2132.                 </div>
  2133. </b:includable>
  2134.             <b:includable id='feedLinks'>
  2135.   <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
  2136.     <b:if cond='data:feedLinks'>
  2137.       <div class='blog-feeds'>
  2138.         <b:include data='feedLinks' name='feedLinksBody'/>
  2139.       </div>
  2140.     </b:if>
  2141.  
  2142.     <b:else/> <!--Post feed links -->
  2143.     <div class='post-feeds'>
  2144.       <b:loop values='data:posts' var='post'>
  2145.         <b:if cond='data:post.allowComments'>
  2146.           <b:if cond='data:post.feedLinks'>
  2147.             <b:include data='post.feedLinks' name='feedLinksBody'/>
  2148.           </b:if>
  2149.         </b:if>
  2150.       </b:loop>
  2151.     </div>
  2152.   </b:if>
  2153. </b:includable>
  2154.             <b:includable id='feedLinksBody' var='links'>
  2155. </b:includable>
  2156.             <b:includable id='iframe_comments' var='post'>
  2157.  
  2158.   <b:if cond='data:post.allowIframeComments'>
  2159.     <script expr:src='data:post.iframeCommentSrc'/>
  2160.     <div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>
  2161.  
  2162.     <b:if cond='data:post.embedCommentForm == &quot;false&quot;'>
  2163.       <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
  2164.     </b:if>
  2165.   </b:if>
  2166. </b:includable>
  2167.             <b:includable id='mobile-index-post' var='post'>
  2168.   <div class='mobile-date-outer date-outer'>
  2169.     <b:if cond='data:post.dateHeader'>
  2170.       <div class='date-header'>
  2171.         <span><data:post.dateHeader/></span>
  2172.       </div>
  2173.     </b:if>
  2174.  
  2175.     <div class='mobile-post-outer'>
  2176.       <a expr:href='data:post.url'>
  2177.         <h3 class='mobile-index-title entry-title'>
  2178.           <data:post.title/>
  2179.         </h3>
  2180.  
  2181.         <div class='mobile-index-arrow'>&amp;rsaquo;</div>
  2182.  
  2183.         <div class='mobile-index-contents'>
  2184.           <b:if cond='data:post.thumbnailUrl'>
  2185.             <div class='mobile-index-thumbnail'>
  2186.               <div class='Image'>
  2187.                 <img expr:src='data:post.thumbnailUrl'/>
  2188.               </div>
  2189.             </div>
  2190.           </b:if>
  2191.  
  2192.           <div class='post-body'>
  2193.             <b:if cond='data:post.snippet'><data:post.snippet/></b:if>
  2194.           </div>
  2195.         </div>
  2196.  
  2197.         <div class='clear'/>
  2198.       </a>
  2199.  
  2200.       <div class='mobile-index-comment'>
  2201.         <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  2202.           <b:if cond='data:post.allowComments'>
  2203.             <b:if cond='data:post.numComments != 0'>
  2204.               <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>
  2205.             </b:if>
  2206.           </b:if>
  2207.         </b:if>
  2208.       </div>
  2209.     </div>
  2210.   </div>
  2211. </b:includable>
  2212.             <b:includable id='mobile-main' var='top'>
  2213.     <!-- posts -->
  2214.     <div class='blog-posts hfeed'>
  2215.  
  2216.       <b:include data='top' name='status-message'/>
  2217.  
  2218.       <b:if cond='data:blog.pageType == &quot;index&quot;'>
  2219.         <b:loop values='data:posts' var='post'>
  2220.           <b:include data='post' name='mobile-index-post'/>
  2221.         </b:loop>
  2222.       <b:else/>
  2223.         <b:loop values='data:posts' var='post'>
  2224.           <b:include data='post' name='mobile-post'/>
  2225.         </b:loop>
  2226.       </b:if>
  2227.     </div>
  2228.  
  2229.    <b:include name='mobile-nextprev'/>
  2230. </b:includable>
  2231.             <b:includable id='mobile-nextprev'>
  2232.   <div class='blog-pager' id='blog-pager'>
  2233.     <b:if cond='data:newerPageUrl'>
  2234.       <div class='mobile-link-button' id='blog-pager-newer-link'>
  2235.       <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>&amp;lsaquo;</a>
  2236.       </div>
  2237.     </b:if>
  2238.  
  2239.     <b:if cond='data:olderPageUrl'>
  2240.       <div class='mobile-link-button' id='blog-pager-older-link'>
  2241.       <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'>&amp;rsaquo;</a>
  2242.       </div>
  2243.     </b:if>
  2244.  
  2245.     <div class='mobile-link-button' id='blog-pager-home-link'>
  2246.     <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
  2247.     </div>
  2248.  
  2249.     <div class='mobile-desktop-link'>
  2250.       <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
  2251.     </div>
  2252.  
  2253.   </div>
  2254.   <div class='clear'/>
  2255. </b:includable>
  2256.             <b:includable id='mobile-post' var='post'>
  2257.   <div class='date-outer'>
  2258.     <b:if cond='data:post.dateHeader'>
  2259.       <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
  2260.     </b:if>
  2261.     <div class='date-posts'>
  2262.       <div class='post-outer'>
  2263.  
  2264.         <div class='post hentry uncustomized-post-template'>
  2265.           <b:if cond='data:post.title'>
  2266.             <h3 class='post-title entry-title'>
  2267.               <b:if cond='data:post.link'>
  2268.                 <a expr:href='data:post.link'><data:post.title/></a>
  2269.               <b:else/>
  2270.                 <b:if cond='data:post.url'>
  2271.                   <b:if cond='data:blog.url != data:post.url'>
  2272.                     <a expr:href='data:post.url'><data:post.title/></a>
  2273.                   <b:else/>
  2274.                     <data:post.title/>
  2275.                   </b:if>
  2276.                 <b:else/>
  2277.                   <data:post.title/>
  2278.                 </b:if>
  2279.               </b:if>
  2280.             </h3>
  2281.           </b:if>
  2282.  
  2283.           <div class='post-header'>
  2284.             <div class='post-header-line-1'/>
  2285.           </div>
  2286.  
  2287.           <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
  2288.             <data:post.body/>
  2289.             <div class='clear'/> <!-- clear for photos floats -->
  2290.           </div>
  2291.  
  2292.           <div class='post-footer'>
  2293.             <div class='post-footer-line post-footer-line-1'>
  2294.             </div>
  2295.  
  2296.             <div class='post-footer-line post-footer-line-2'>
  2297.             </div>
  2298.  
  2299.           </div>
  2300.         </div>
  2301.  
  2302.         <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  2303.           <b:if cond='data:post.showThreadedComments'>
  2304.             <b:include data='post' name='threaded_comments'/>
  2305.           <b:else/>
  2306.             <b:include data='post' name='comments'/>
  2307.           </b:if>
  2308.         </b:if>
  2309.         <b:if cond='data:blog.pageType == &quot;item&quot;'>
  2310.           <b:if cond='data:post.showThreadedComments'>
  2311.             <b:include data='post' name='threaded_comments'/>
  2312.           <b:else/>
  2313.             <b:include data='post' name='comments'/>
  2314.           </b:if>
  2315.         </b:if>
  2316.       </div>
  2317.     </div>
  2318.   </div>
  2319. </b:includable>
  2320.             <b:includable id='nextprev'>
  2321.   <div class='blog-pager' id='blog-pager'>
  2322.     <b:if cond='data:newerPageUrl'>
  2323.       <span id='blog-pager-newer-link'>
  2324.       <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><i class='material-icons font-arrow'>&#58132;</i></a>
  2325.       </span>
  2326.     </b:if>
  2327.  
  2328.     <b:if cond='data:olderPageUrl'>
  2329.       <span id='blog-pager-older-link'>
  2330.       <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><i class='material-icons font-arrow'>&#58828;</i></a>
  2331.       </span>
  2332.     </b:if>
  2333.  
  2334.     <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
  2335.  
  2336.     <b:if cond='data:mobileLinkUrl'>
  2337.       <div class='blog-mobile-link'>
  2338.         <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
  2339.       </div>
  2340.     </b:if>
  2341.  
  2342.   </div>
  2343.   <div class='clear'/>
  2344. </b:includable>
  2345.             <b:includable id='post' var='post'>
  2346.  
  2347.   <article class='post hentry' itemscope='itemscope' itemtype='http://schema.org/Blog'>
  2348.  
  2349.     <b:if cond='data:post.firstImageUrl'>
  2350.       <meta expr:content='data:post.firstImageUrl' itemprop='image'/>
  2351.     <b:else/>
  2352.       <amp-img alt='thumbnail-cadangan' class='thumbnail-cadangan' height='393' itemprop='image' src='https://4.bp.blogspot.com/-iWBMw0dwhQk/WAQpURA0MnI/AAAAAAAAHvc/VQ4aISNqoSgHC7BWAJyjpn0oFjFOsApCACK4B/s1600/amphtml-thumbnail2.jpg' width='769'/>
  2353.     </b:if>
  2354.       <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  2355.   <b:if cond='data:blog.pageType != &quot;item&quot;'>
  2356.     <b:if cond='data:post.firstImageUrl'>
  2357.       <a expr:href='data:post.url'><amp-img alt='thumbnail' expr:src='data:post.firstImageUrl' height='393' layout='responsive' width='768'/></a>
  2358.     <b:else/>
  2359.       <a expr:href='data:post.url'><amp-img alt='thumbnail' height='393' layout='responsive' src='https://4.bp.blogspot.com/-iWBMw0dwhQk/WAQpURA0MnI/AAAAAAAAHvc/VQ4aISNqoSgHC7BWAJyjpn0oFjFOsApCACK4B/s1600/amphtml-thumbnail2.jpg' width='769'/></a>
  2360.     </b:if>
  2361.   </b:if>
  2362. </b:if>
  2363.  
  2364. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  2365. <div class='image-wrapper'>
  2366.     <div class='post-firstimage'>
  2367.         <b:if cond='data:blog.postImageUrl'>
  2368.             <div class='firstimage'>
  2369.                 <amp-img expr:alt='data:post.title' expr:src='data:blog.postImageUrl' height='393' layout='responsive' width='769'/>
  2370.                 </div>
  2371.                 <b:else/>
  2372.               <div class='firstimage'>
  2373.                 <amp-img expr:alt='data:post.title' expr:title='data:post.title' height='393' layout='responsive' src='https://4.bp.blogspot.com/-iWBMw0dwhQk/WAQpURA0MnI/AAAAAAAAHvc/VQ4aISNqoSgHC7BWAJyjpn0oFjFOsApCACK4B/s1600/amphtml-thumbnail2.jpg' width='769'/>
  2374.                 </div>
  2375.             </b:if>
  2376.         </div>
  2377.   </div>
  2378. </b:if>
  2379.  
  2380. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  2381. <div class='image-wrapper'>
  2382.     <div class='post-firstimage'>
  2383.         <b:if cond='data:blog.postImageUrl'>
  2384.             <div class='firstimage'>
  2385.                 <amp-img expr:alt='data:post.title' expr:src='data:blog.postImageUrl' height='270' layout='responsive' width='769'/>
  2386.                 </div>
  2387.                 <b:else/>
  2388.               <div class='firstimage'>
  2389.                 <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'/>
  2390.                 </div>
  2391.             </b:if>
  2392.         </div>
  2393.   </div>
  2394. </b:if>
  2395.  
  2396.  
  2397. <div class='post-inner'>
  2398.  
  2399.     <b:if cond='data:post.title'>
  2400.       <h2 class='post-title entry-title' itemprop='headline'>
  2401.       <b:if cond='data:post.link'>
  2402.         <a expr:href='data:post.link' itemprop='url' rel='bookmark'><data:post.title/></a>
  2403.       <b:else/>
  2404.         <b:if cond='data:post.url'>
  2405.           <b:if cond='data:blog.url != data:post.url'>
  2406.             <a expr:href='data:post.url' itemprop='url' rel='bookmark'><data:post.title/></a>
  2407.           <b:else/>
  2408.             <data:post.title/>
  2409.           </b:if>
  2410.         <b:else/>
  2411.           <data:post.title/>
  2412.         </b:if>
  2413.       </b:if>
  2414.       </h2>
  2415.     </b:if>
  2416.  
  2417. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  2418.            <b:if cond='data:post.labels'>
  2419.              <div class='post-labels'>                           
  2420.                 <b:loop values='data:post.labels' var='label'>
  2421.                 <a class='color-label' expr:href='data:label.url' rel='tag nofollow'><span itemprop='keywords'><data:label.name/></span></a>
  2422.                 </b:loop>              
  2423.            </div>
  2424.            </b:if>
  2425. </b:if>
  2426.  
  2427. <!-- Post Meta -->
  2428. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  2429. <b:include data='posts' name='breadcrumb'/>
  2430.           <div class='post-meta'>
  2431. <div class='post-meta-left'>
  2432.            <div class='post-meta-span meta-author'>By
  2433.               <span class='post-author vcard'>
  2434.                 <b:if cond='data:top.showAuthor'>
  2435.                   <b:if cond='data:post.authorProfileUrl'>
  2436.                     <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  2437.                       <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
  2438.                       <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
  2439.                         <span itemprop='name'><data:post.author/></span>
  2440.                       </a>
  2441.                     </span>
  2442.                   <b:else/>
  2443.                     <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
  2444.                       <span itemprop='name'><data:post.author/></span>
  2445.                     </span>
  2446.                   </b:if>
  2447.                 </b:if>
  2448.               </span>
  2449.            </div>          
  2450.            <b:if cond='data:post.dateHeader'>
  2451.            <div class='post-meta-span meta-date'>
  2452.              <span class='fa fa-calendar-check-o'/>
  2453.               <abbr class='updated published' expr:title='data:post.timestampISO8601' itemprop='datePublished'>
  2454.               <data:post.dateHeader/>
  2455.               </abbr>
  2456.            </div>
  2457.            </b:if>
  2458.   </div>
  2459.   <div class='post-meta-right'>
  2460.    <amp-social-share height='35' type='twitter' width='35'> </amp-social-share>
  2461.     <amp-social-share height='35' type='gplus' width='35'/>
  2462.     <amp-social-share height='35' type='pinterest' width='35'/>
  2463.     <amp-social-share height='35' type='linkedin' width='35'/>
  2464.     <amp-social-share data-param-app_id='254325784911610' height='35' type='facebook' width='35'/>
  2465.   </div>
  2466.         </div>
  2467.   <div class='clear'/>
  2468.   </b:if>
  2469. <!-- Post Meta End -->
  2470.  
  2471.     <div class='post-header'>
  2472.     <div class='post-header-line-1'/>
  2473.     </div>
  2474.  
  2475.  
  2476.     <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
  2477. <meta expr:content='data:blog.metaDescription' itemprop='description'/>
  2478.  
  2479.  
  2480. <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  2481.   <b:if cond='data:blog.pageType != &quot;item&quot;'>
  2482.     <div class='post-snippet'>
  2483.       <data:post.snippet/>
  2484.     </div>
  2485. </b:if>
  2486. </b:if>
  2487.  
  2488. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  2489.   <data:post.body/>
  2490. </b:if>
  2491. <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  2492.   <data:post.body/>
  2493. </b:if>
  2494.       <div class='clear'/> <!-- clear for photos floats -->
  2495.     </div>
  2496.  
  2497.     <b:if cond='data:post.hasJumpLink'>
  2498.       <div class='jump-link'>
  2499.         <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
  2500.       </div>
  2501.     </b:if>
  2502.  
  2503. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  2504.     <div class='post-footer'>
  2505.     <div class='post-footer-line post-footer-line-1'>
  2506.  
  2507. <b:if cond='data:post.labels'>
  2508.  <b:loop index='x' values='data:post.labels' var='label'>
  2509.    <b:if cond='data:x==0'>
  2510.     <div class='related-box'>
  2511.     <amp-iframe expr:src='&quot;https://kangismet.github.io/blogger-related-posts/related3.html?label=&quot; + data:label.name + &quot;&amp;url=&quot; + data:blog.homepageUrl' frameborder='0' height='1100' layout='responsive' resizable='resizable' sandbox='allow-scripts allow-same-origin allow-modals allow-popups' width='650'>
  2512.     <div aria-label='Related Posts' overflow='' role='button' tabindex='0'>Related Posts</div>
  2513.    </amp-iframe>
  2514.    </div>
  2515.    </b:if>
  2516.  </b:loop>
  2517. <div class='clear'/>
  2518. </b:if>
  2519. <div class='clear'/>
  2520. <b:include cond='data:blog.pageType in {&quot;static_page&quot;,&quot;item&quot;}' data='post' name='disqus-comments'/>
  2521.     </div>
  2522.  
  2523.  
  2524.       <div class='post-footer-line post-footer-line-2'>
  2525.       </div>
  2526.  
  2527.       <div class='post-footer-line post-footer-line-3'><span class='post-location'>
  2528.         <b:if cond='data:top.showLocation'>
  2529.           <b:if cond='data:post.location'>
  2530.             <data:postLocationLabel/>
  2531.             <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
  2532.           </b:if>
  2533.         </b:if>
  2534.       </span> </div>
  2535.     </div>
  2536.     </b:if>
  2537. </div>
  2538.   </article>              
  2539. </b:includable>
  2540.             <b:includable id='postQuickEdit' var='post'>
  2541.   <b:if cond='data:post.editUrl'>
  2542.     <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
  2543.       <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
  2544.         <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
  2545.       </a>
  2546.     </span>
  2547.   </b:if>
  2548. </b:includable>
  2549.             <b:includable id='shareButtons' var='post'>
  2550.   <b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' 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 + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' 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 + &quot;&amp;target=twitter&quot;' 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 + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' 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 + &quot;&amp;target=pinterest&quot;' 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>
  2551. </b:includable>
  2552.             <b:includable id='status-message'>
  2553.   <b:if cond='data:navMessage'>
  2554.   <div class='status-msg-wrap'>
  2555.     <div class='status-msg-body'>
  2556.       <data:navMessage/>
  2557.     </div>
  2558.     <div class='status-msg-border'>
  2559.       <div class='status-msg-bg'>
  2560.         <div class='status-msg-hidden'><data:navMessage/></div>
  2561.       </div>
  2562.     </div>
  2563.   </div>
  2564.   <div class='clear'/>
  2565.   </b:if>
  2566.  
  2567. </b:includable>
  2568.             <b:includable id='threaded-comment-form' var='post'>
  2569.   <div class='comment-form'>
  2570.     <a name='comment-form'/>
  2571.     <b:if cond='data:mobile'>
  2572.       <p><data:blogCommentMessage/></p>
  2573.       <data:blogTeamBlogMessage/>
  2574.       <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  2575.       <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%'/>
  2576.     <b:else/>
  2577.       <p><data:blogCommentMessage/></p>
  2578.       <data:blogTeamBlogMessage/>
  2579.       <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  2580.       <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
  2581.     </b:if>
  2582.     <data:post.friendConnectJs/>
  2583.     <data:post.cmtfpIframe/>
  2584.     <script>
  2585.       BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
  2586.     </script>
  2587.   </div>
  2588. </b:includable>
  2589.             <b:includable id='threaded_comment_js' var='post'>
  2590.   <script async='async' expr:src='data:post.commentSrc'/>
  2591.  
  2592.   <script>
  2593.     (function() {
  2594.       var items = <data:post.commentJso/>;
  2595.       var msgs = <data:post.commentMsgs/>;
  2596.       var config = <data:post.commentConfig/>;
  2597.  
  2598. // <![CDATA[
  2599.      var cursor = null;
  2600.      if (items && items.length > 0) {
  2601.        cursor = parseInt(items[items.length - 1].timestamp) + 1;
  2602.      }
  2603.  
  2604.      var bodyFromEntry = function(entry) {
  2605.        if (entry.gd$extendedProperty) {
  2606.          for (var k in entry.gd$extendedProperty) {
  2607.            if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
  2608.              return '<span class="deleted-comment">' + entry.content.$t + '</span>';
  2609.            }
  2610.          }
  2611.        }
  2612.        return entry.content.$t;
  2613.      }
  2614.  
  2615.      var parse = function(data) {
  2616.        cursor = null;
  2617.        var comments = [];
  2618.        if (data && data.feed && data.feed.entry) {
  2619.          for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
  2620.            var comment = {};
  2621.            // comment ID, parsed out of the original id format
  2622.            var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
  2623.            comment.id = id ? id[2] : null;
  2624.            comment.body = bodyFromEntry(entry);
  2625.            comment.timestamp = Date.parse(entry.published.$t) + '';
  2626.            if (entry.author && entry.author.constructor === Array) {
  2627.              var auth = entry.author[0];
  2628.              if (auth) {
  2629.                comment.author = {
  2630.                  name: (auth.name ? auth.name.$t : undefined),
  2631.                  profileUrl: (auth.uri ? auth.uri.$t : undefined),
  2632.                  avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
  2633.                };
  2634.              }
  2635.            }
  2636.            if (entry.link) {
  2637.              if (entry.link[2]) {
  2638.                comment.link = comment.permalink = entry.link[2].href;
  2639.              }
  2640.              if (entry.link[3]) {
  2641.                var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
  2642.                if (pid && pid[1]) {
  2643.                  comment.parentId = pid[1];
  2644.                }
  2645.              }
  2646.            }
  2647.            comment.deleteclass = 'item-control blog-admin';
  2648.            if (entry.gd$extendedProperty) {
  2649.              for (var k in entry.gd$extendedProperty) {
  2650.                if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
  2651.                  comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
  2652.                }
  2653.              }
  2654.            }
  2655.            comments.push(comment);
  2656.          }
  2657.        }
  2658.        return comments;
  2659.      };
  2660.  
  2661.      var paginator = function(callback) {
  2662.        if (hasMore()) {
  2663.          var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
  2664.          if (cursor) {
  2665.            url += '&published-min=' + new Date(cursor).toISOString();
  2666.          }
  2667.          window.bloggercomments = function(data) {
  2668.            var parsed = parse(data);
  2669.            cursor = parsed.length < 50 ? null
  2670.                : parseInt(parsed[parsed.length - 1].timestamp) + 1
  2671.            callback(parsed);
  2672.            window.bloggercomments = null;
  2673.          }
  2674.          url += '&callback=bloggercomments';
  2675.          var script = document.createElement('script');
  2676.          script.src = url;
  2677.          document.getElementsByTagName('head')[0].appendChild(script);
  2678.        }
  2679.      };
  2680.      var hasMore = function() {
  2681.        return !!cursor;
  2682.      };
  2683.      var getMeta = function(key, comment) {
  2684.        if ('iswriter' == key) {
  2685.          var matches = !!comment.author
  2686.              && comment.author.name == config.authorName
  2687.              && comment.author.profileUrl == config.authorUrl;
  2688.          return matches ? 'true' : '';
  2689.        } else if ('deletelink' == key) {
  2690.          return config.baseUri + '/delete-comment.g?blogID='
  2691.               + config.blogId + '&postID=' + comment.id;
  2692.        } else if ('deleteclass' == key) {
  2693.          return comment.deleteclass;
  2694.        }
  2695.        return '';
  2696.      };
  2697.  
  2698.      var replybox = null;
  2699.      var replyUrlParts = null;
  2700.      var replyParent = undefined;
  2701.  
  2702.      var onReply = function(commentId, domId) {
  2703.        if (replybox == null) {
  2704.          // lazily cache replybox, and adjust to suit this style:
  2705.          replybox = document.getElementById('comment-editor');
  2706.          if (replybox != null) {
  2707.            replybox.height = '250px';
  2708.            replybox.style.display = 'block';
  2709.            replyUrlParts = replybox.src.split('#');
  2710.          }
  2711.        }
  2712.        if (replybox && (commentId !== replyParent)) {
  2713.          document.getElementById(domId).insertBefore(replybox, null);
  2714.          replybox.src = replyUrlParts[0]
  2715.              + (commentId ? '&parentID=' + commentId : '')
  2716.              + '#' + replyUrlParts[1];
  2717.          replyParent = commentId;
  2718.        }
  2719.      };
  2720.  
  2721.      var hash = (window.location.hash || '#').substring(1);
  2722.      var startThread, targetComment;
  2723.      if (/^comment-form_/.test(hash)) {
  2724.        startThread = hash.substring('comment-form_'.length);
  2725.      } else if (/^c[0-9]+$/.test(hash)) {
  2726.        targetComment = hash.substring(1);
  2727.      }
  2728.  
  2729.      // Configure commenting API:
  2730.      var configJso = {
  2731.        'maxDepth': config.maxThreadDepth
  2732.      };
  2733.      var provider = {
  2734.        'id': config.postId,
  2735.        'data': items,
  2736.        'loadNext': paginator,
  2737.        'hasMore': hasMore,
  2738.        'getMeta': getMeta,
  2739.        'onReply': onReply,
  2740.        'rendered': true,
  2741.        'initComment': targetComment,
  2742.        'initReplyThread': startThread,
  2743.        'config': configJso,
  2744.        'messages': msgs
  2745.      };
  2746.  
  2747.      var render = function() {
  2748.        if (window.goog && window.goog.comments) {
  2749.          var holder = document.getElementById('comment-holder');
  2750.          window.goog.comments.render(holder, provider);
  2751.        }
  2752.      };
  2753.  
  2754.      // render now, or queue to render when library loads:
  2755.      if (window.goog && window.goog.comments) {
  2756.        render();
  2757.      } else {
  2758.        window.goog = window.goog || {};
  2759.        window.goog.comments = window.goog.comments || {};
  2760.        window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
  2761.        window.goog.comments.loadQueue.push(render);
  2762.      }
  2763.    })();
  2764. // ]]>
  2765.   </script>
  2766. </b:includable>
  2767.             <b:includable id='threaded_comments' var='post'>
  2768.   <div class='comments' id='comments'>
  2769.     <a name='comments'/>
  2770.     <h4>
  2771.       <b:if cond='data:post.numComments == 1'>
  2772.         1 <data:commentLabel/>:
  2773.       <b:else/>
  2774.         <data:post.numComments/> <data:commentLabelPlural/>:
  2775.       </b:if>
  2776.     </h4>
  2777.  
  2778.     <div class='comments-content'>
  2779.       <b:if cond='data:post.embedCommentForm'>
  2780.         <b:include data='post' name='threaded_comment_js'/>
  2781.       </b:if>
  2782.       <div id='comment-holder'>
  2783.          <data:post.commentHtml/>
  2784.       </div>
  2785.     </div>
  2786.  
  2787.     <p class='comment-footer'>
  2788.       <b:if cond='data:post.allowNewComments'>
  2789.         <b:include data='post' name='threaded-comment-form'/>
  2790.       <b:else/>
  2791.         <data:post.noNewCommentsText/>
  2792.       </b:if>
  2793.     </p>
  2794.  
  2795.     <b:if cond='data:showCmtPopup'>
  2796.       <div id='comment-popup'>
  2797.         <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
  2798.         </iframe>
  2799.       </div>
  2800.     </b:if>
  2801.  
  2802.     <div id='backlinks-container'>
  2803.     <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
  2804.        <b:if cond='data:post.showBacklinks'>
  2805.          <b:include data='post' name='backlinks'/>
  2806.        </b:if>
  2807.     </div>
  2808.     </div>
  2809.   </div>
  2810. </b:includable>
  2811.           </b:widget>
  2812.         </b:section>
  2813.       </div>
  2814.  
  2815.       <aside id='sidebar-wrapper'>
  2816.         <b:section class='sidebar' id='sidebar' preferred='yes'/>
  2817.       </aside>
  2818.  
  2819.       <!-- spacer for skins that want sidebar and main to be the same height-->
  2820.       <div class='clear'>&#160;</div>
  2821.       </div>
  2822.     </div> <!-- end content-wrapper -->
  2823.  
  2824.     <footer id='footer-wrapper'>
  2825.         <div class='footer' id='footer'>
  2826.             <div class='clear'/>
  2827. <div class='creditpic'>
  2828. <div class='credit-wrapper'>
  2829. <div class='credit'>
  2830. Copyright &#169; <span itemprop='copyrightYear'>2017</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>
  2831. <div class='credit-right'></div>
  2832. <div class='clear'/>
  2833. </div>
  2834. </div>
  2835. </div>
  2836. <div class='clear'/>
  2837.         </div>
  2838.     </footer>
  2839.  
  2840.   </div> <!-- end outer-wrapper -->
  2841.   <b:include data='blog' name='google-analytics'/>
  2842.  
  2843. </body>&lt;/body&gt;
  2844. </HTML>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!