Table of Contents
<?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html> <HTML amp='amp'> <head> <meta charset='utf-8'/> <meta content='width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,minimal-ui' name='viewport'/>
<b:if cond='data:blog.pageType == "index"'> <title><data:blog.pageTitle/></title> <b:else/> <b:if cond='data:blog.pageType == "error_page"'> <title>404: Page Not Found | <data:blog.title/></title> <b:else/> <title><data:blog.pageName/></title> </b:if> </b:if> <meta content='blogger' name='generator'/> <link expr:href='data:blog.url' rel='amphtml'/> <link expr:href='data:blog.url' rel='canonical'/> <link expr:href='data:blog.homepageUrl + "favicon.ico"' rel='icon' type='image/x-icon'/> <link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmw_3Ch0RQ8as0LJL2VvXctRF9eew4osTRd0ALe12HjcFU72lq3mFF_VIDy5E4vAL-CnmEcJ4Zin1lFZeQz48VlcvtimHDe4HYLBWwUL6Q48kyI4ZkHVs88VVdf2-buOFp_l4-9_YRhAcH/s192/amp-icon-new.png' rel='apple-touch-icon'/> <link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmw_3Ch0RQ8as0LJL2VvXctRF9eew4osTRd0ALe12HjcFU72lq3mFF_VIDy5E4vAL-CnmEcJ4Zin1lFZeQz48VlcvtimHDe4HYLBWwUL6Q48kyI4ZkHVs88VVdf2-buOFp_l4-9_YRhAcH/s76/amp-icon-new.png' rel='apple-touch-icon' sizes='76x76'/> <link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmw_3Ch0RQ8as0LJL2VvXctRF9eew4osTRd0ALe12HjcFU72lq3mFF_VIDy5E4vAL-CnmEcJ4Zin1lFZeQz48VlcvtimHDe4HYLBWwUL6Q48kyI4ZkHVs88VVdf2-buOFp_l4-9_YRhAcH/s120/amp-icon-new.png' rel='apple-touch-icon' sizes='120x120'/> <link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmw_3Ch0RQ8as0LJL2VvXctRF9eew4osTRd0ALe12HjcFU72lq3mFF_VIDy5E4vAL-CnmEcJ4Zin1lFZeQz48VlcvtimHDe4HYLBWwUL6Q48kyI4ZkHVs88VVdf2-buOFp_l4-9_YRhAcH/s152/amp-icon-new.png' rel='apple-touch-icon' sizes='152x152'/> <link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmw_3Ch0RQ8as0LJL2VvXctRF9eew4osTRd0ALe12HjcFU72lq3mFF_VIDy5E4vAL-CnmEcJ4Zin1lFZeQz48VlcvtimHDe4HYLBWwUL6Q48kyI4ZkHVs88VVdf2-buOFp_l4-9_YRhAcH/s180/amp-icon-new.png' rel='apple-touch-icon' sizes='180x180'/> <link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmw_3Ch0RQ8as0LJL2VvXctRF9eew4osTRd0ALe12HjcFU72lq3mFF_VIDy5E4vAL-CnmEcJ4Zin1lFZeQz48VlcvtimHDe4HYLBWwUL6Q48kyI4ZkHVs88VVdf2-buOFp_l4-9_YRhAcH/s128/amp-icon-new.png' rel='icon' sizes='128x128'/> <link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmw_3Ch0RQ8as0LJL2VvXctRF9eew4osTRd0ALe12HjcFU72lq3mFF_VIDy5E4vAL-CnmEcJ4Zin1lFZeQz48VlcvtimHDe4HYLBWwUL6Q48kyI4ZkHVs88VVdf2-buOFp_l4-9_YRhAcH/s192/amp-icon-new.png' rel='icon' sizes='192x192'/> <meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmw_3Ch0RQ8as0LJL2VvXctRF9eew4osTRd0ALe12HjcFU72lq3mFF_VIDy5E4vAL-CnmEcJ4Zin1lFZeQz48VlcvtimHDe4HYLBWwUL6Q48kyI4ZkHVs88VVdf2-buOFp_l4-9_YRhAcH/s180/amp-icon-new.png' name='msapplication-TileImage'/>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/> <link expr:href='data:blog.homepageUrl + "feeds/posts/default?alt=rss"' expr:title='data:blog.title + " - RSS"' rel='alternate' type='application/rss+xml'/> <link expr:href='"http://www.blogger.com/feeds/" + data:blog.blogId + "/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/> <link href='http://www.blogger.com/openid-server.g' rel='openid.server'/> <link expr:href='data:blog.homepageUrl' rel='openid.delegate'/> <link href='https://plus.google.com/113292956133224747560' rel='me'/> <link href='https://plus.google.com/113292956133224747560' rel='publisher'/> <!--[if IE]> <script> (function() { var html5 = ("abbr,article,aside,audio,canvas,datalist,details," + "figure,footer,header,hgroup,mark,menu,meter,nav,output," + "progress,section,time,video").split(','); for (var i = 0; i < html5.length; i++) { document.createElement(html5[i]); } try { document.execCommand('BackgroundImageCache', false, true); } catch(e) {} })(); </script> <![endif]-->
<b:if cond='data:blog.pageType == "item"'> <b:if cond='data:blog.postImageThumbnailUrl'> <link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/> </b:if> </b:if>
<b:if cond='data:blog.pageType == "item"'> <meta expr:content='data:blog.pageName' property='og:title'/> <meta expr:content='data:blog.canonicalUrl' property='og:url'/> <meta content='article' property='og:type'/> <b:if cond='data:blog.metaDescription != ""'> <meta expr:content='data:blog.metaDescription' name='description' property='og:description'/> <meta expr:content='data:blog.pageName + ", android, apk, gadget"' name='keywords'/> <b:else/> <meta expr:content='data:blog.pageName + " - " + data:blog.title' name='description' property='og:description'/> </b:if> </b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'> <meta expr:content='data:blog.metaDescription' name='description'/> <meta expr:content='data:blog.title' property='og:title'/> <meta content='website' property='og:type'/> <b:if cond='data:blog.metaDescription'> <meta expr:content='data:blog.metaDescription' property='og:description'/> <b:else/> <meta expr:content='"Silahkan kunjungi " + data:blog.pageTitle + "Untuk membaca postingan-postingan menarik."' property='og:description'/> </b:if> </b:if> <b:if cond='data:blog.postImageUrl'> <meta expr:content='data:blog.postImageUrl' property='og:image'/> <b:else/> <b:if cond='data:blog.postImageThumbnailUrl'> <meta expr:content='data:blog.postThumbnailUrl' property='og:image'/> <b:else/> <meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZxkNplNI00alMdFUfqyIQ4t7VFkdWf0FDZ84m6ST0KKA_ElriIe2y76XmPIpXFobnEVfA1iSMqTKm_9O4-6mgebqBWsW80FRiq-BnWt0Bel04l6ekLf3HNbDVJ6XzdMLKnlw5brj0337z/s1600/amphtml-thumbnail2.jpg' property='og:image'/> </b:if> </b:if> <meta content='RPeddKqdLfKEV0gUDmitmq5hRs6L762HBSCsJOpS6Xo' name='google-site-verification'/> <meta content='100002355346619' property='fb:admins'/> <meta content='100002355346619' property='fb:profile_id'/> <b:if cond='data:blog.pageType == "item"'> <meta content='https://www.facebook.com/kangismet2' property='article:author'/> </b:if> <meta expr:content='data:blog.title' name='twitter:site'/> <meta content='summary_large_image' name='twitter:card'/> <meta content='@DroidPluss' name='twitter:creator'/>
<!-- <b:skin><![CDATA[ section,nav,article,aside,hgroup,header,footer{display:block} #outer-wrapper {width:100%} #content-wrapper {max-width:768px;display:block;} ul, ol {list-style:none} ]]></b:skin>
<b:if cond='data:blog.pageType != "item" and data:blog.pageType != "static_page"'> <style amp-custom='amp-custom'> @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2'), url(https://fonts.gstatic.com/s/roboto/v15/2UX7WLTfW3W8TclTUvlFyQ.woff) format('woff'), url(https://fonts.gstatic.com/s/roboto/v15/QHD8zigcbDB8aPfIoaupKOvvDin1pK8aKteLpeZ5c0A.ttf) format('truetype'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/d-6IYplOFocCacKzxwXSOFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'), url(https://fonts.gstatic.com/s/roboto/v15/d-6IYplOFocCacKzxwXSOD8E0i7KZn-EPnyo3HZu7kw.woff) format('woff'), url(https://fonts.gstatic.com/s/roboto/v15/d-6IYplOFocCacKzxwXSOCZ2oysoEQEeKwjgmXLRnTc.ttf) format('truetype'); } @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 400; src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v15/vPcynSL0qHq_6dX7lKVByfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'), url(https://fonts.gstatic.com/s/roboto/v15/1pO9eUAp8pSF8VnRTP3xnvesZW2xOQ-xsNqO47m55DA.woff) format('woff'), url(https://fonts.gstatic.com/s/roboto/v15/W4wDsBUluyw0tK3tykhXEXYhjbSpvc47ee6xR_80Hnw.ttf) format('truetype'); } @font-face { font-family: 'Roboto Slab'; font-style: normal; font-weight: 400; src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(https://fonts.gstatic.com/s/robotoslab/v6/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'); } @font-face { font-family: 'Roboto Slab'; font-style: normal; font-weight: 700; src: local('Roboto Slab Bold'), local('RobotoSlab-Bold'), url(https://fonts.gstatic.com/s/robotoslab/v6/dazS1PrQQuCxC3iOAJFEJYlIZu-HDpmDIZMigmsroc4.woff2) format('woff2'), url(https://fonts.gstatic.com/s/robotoslab/v6/dazS1PrQQuCxC3iOAJFEJTqR_3kx9_hJXbbyU8S6IN0.woff) format('woff'), url(https://fonts.gstatic.com/s/robotoslab/v6/dazS1PrQQuCxC3iOAJFEJTdGNerWpg2Hn6A-BxWgZ_I.ttf) format('truetype'); } /* fallback */ @font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: local('Material Icons'), local('MaterialIcons-Regular'), url(https://fonts.gstatic.com/s/materialicons/v18/2fcrYFNaTjcS6g4U3t-Y5ZjZjT5FdEJ140U2DJYC3mY.woff2) format('woff2'); }
.material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased; }
body { background:#f9f9f9; margin:0; padding:0; color:#333; font-size:15px; font-family:Roboto,Arial,Sans-serif; border-top:300px solid #ebebeb; }
a:link { color:#0e72b5; text-decoration:none; } a:visited { color:#0e72b5; text-decoration:none; } a:hover { color:#333; text-decoration:underline; } a img { border-width:0; }
/* Header */
#header-wrapper { width:100%; padding:0; color:#212121; font-weight:400; background-color:#fff; position:fixed; top:0; left:0; width:100%; height:60px; box-shadow: 2px 1px 1px rgba(0,0,0,.15); z-index:999; } #header { max-width:768px; color:#212121; text-align:left; margin:0 auto; }
#header h1 { margin:0; padding:0; font-size:140%; float:left; color:#212121; line-height:60px; }
#header a { color:#212121; text-decoration:none; -webkit-transition:all .4s ease; transition:all .4s ease; }
#header a:hover { color:#0379c4; }
#header .description { margin:0 0 0 20px; padding:0 0 15px; text-transform:capitalize; line-height:60px; float:left; }
#header amp-img { margin-top:-5px; margin-right:5px; height:auto; width:auto; vertical-align:middle; }
#header-wrapper h5{background:none;border:none} .acc-header {max-width:320px;position:absolute;top:0;right:-2px;z-index:900;} .mi-22 {font-size:22px} .search-fixed {position:fixed;top:20px;right:17px;z-index:1001;} .search-wrapper{float:right;top:60px;right:0;background:#f8f8f8;border-left:1px solid #ddd;border-top:1px solid #ddd;padding:15px;box-shadow: 2px 1px 1px rgba(0,0,0,.15);z-index:1001} #search-box{width:250px;height:27px;float:right;padding:0;margin:0;position:relative} #search-box form{border:1px solid #ccc;line-height:27px} .search-form{border:none;color:gray;width:100%;padding:0 30px 0 10px;height:27px;line-height:27px;font-size:14px;font-weight:400;margin:0;-moz-box-sizing:border-box;box-sizing:border-box} .search-button{background:0 0;width:30px;height:29px;line-height:29px;padding:3px 0 0 0;text-align:center;margin:0;top:0;right:0;font-size:16px;color:#888;position:absolute;border:none;border-radius:0;text-shadow:none;box-shadow:none;cursor:pointer} .search-form:focus,.search-form:hover,.search-button:focus,.search-button:hover{border:none;outline:0;color:#000}
/* AMP Sidebar */ .btn-amp-sidebar{display:inline-block;background-image:url(https://www.ampproject.org/static/img/hamburger.svg);background-repeat:no-repeat;background-size:30px 24px;background-position:center center;background-color:transparent;width:40px;height:40px;border:none;position:fixed;top:10px;left:10px;z-index:1001;cursor:pointer} amp-sidebar{width:240px;background:#27597a;color:#fff;} amp-sidebar ul{padding:0;list-style:none} amp-sidebar li{line-height:40px;padding:0;list-style:none;color:#fff;border-bottom:1px solid #30698f;text-align:center;font-size:14px} amp-sidebar li:nth-child(1){border-top:1px solid #30698f;} amp-sidebar li:hover{background:#2e6589} amp-sidebar li a{color:#fff;text-decoration:none;padding:5px 10px} amp-sidebar button{margin-left:20px} .amp-sidebar-image{line-height:100px;vertical-align:middle} .amp-close-image{top:15px;left:205px;cursor:pointer} a.sidebaramp{color:#fff;text-decoration:none} .amp-sidebar-about {min-width:240px;min-height:240px;text-align:center;font-size:14px;} .amp-sidebar-about p{padding:15px 15px 0 15px;line-height:1.4em} .amp-sidebar-profile {max-width:100px;min-width:100px;border-radius:100px;margin:20px auto;background:#517b94} .amp-sidebar-profile amp-img {border-radius:100px;} #sidebar h6 {border:none;background:none;font-size:14px;font-weight:normal;margin-left:20px} #sidebar p {line-height:1.6em} section[expanded] .show-more,section:not([expanded]) .show-less{display:none;} .contact-box {background:#15a855;padding:20px;border-top:1px solid #30698f;text-align:left} .contact-box svg{width:20px; height:20px;vertical-align: -4px;margin-right:10px} .contact-box span svg path{fill:#accbdf} .contact-me {min-width:210px;display:block} p.soc-icon {margin-top:5px;height:30px;padding:0} .soc-icon svg{width:20px; height:20px;} .soc-icon span svg path{fill:#80aac6;transition: all .5s ease-in-out;} .soc-icon span svg:hover path{fill:#fff} .soc-icon .youtube svg {width: 24px;height: 24px;vertical-align: -2px;}
.status-msg-wrap{font-size:100%;width:auto;margin:0 30px 30px 0;position:relative;padding:0} .status-msg-border{border:1px solid #ccc;opacity:.4;width:100%;text-align:center;position:relative;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box} .status-msg-bg{background-color:#fff;opacity:.8;width:100%;position:relative;z-index:1} .status-msg-body{text-align:center;padding:.3em 0;width:auto;top:0;left:0;right:0;position:absolute;z-index:4} .status-msg-hidden{visibility:hidden;padding:.3em 0} .status-msg-wrap a{padding-left:.4em;font-weight:500}
/* Outer-Wrapper */ #outer-wrapper { width:100%; margin:0 auto; padding:0; text-align:left; } #content-wrapper { max-width:768px; margin:0 auto; } #main-wrapper { width:103%;margin:-180px auto 15px; word-wrap:break-word; /* fix for long text breaking sidebar float in IE */ overflow:hidden; /* fix for long non-text content breaking IE sidebar float */ } .image-wrapper {width:100%:height:auto}
#sidebar-wrapper {display:none}
/* Headings */
h2 { margin:1.5em 0 .75em; line-height:1.4em; text-transform:capitaize; }
/* Posts */ .post-meta { margin-top:-10px; display:block; text-align: left; font-size: 11px; color: #aaa; padding: 30px 10px 30px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .post-meta a { color: #0e72b5; text-decoration: none; } .post-meta a:hover { color:#aaa; } .post-meta-span { margin-right: 15px; } .post { width:47%; padding:0; background-color:#fff; box-shadow: 0 0 3px rgba(0,0,0,0.12),0 0 2px rgba(0,0,0,0.18); overflow: hidden; border:1px solid #dbdbdb; height:400px; float:left; margin:0 20px 20px 0; position:relative } .post-inner{padding:20px} .post h2 { margin:.25em 0 0 0; padding:0 0 4px; font-size:20px; font-weight:700; line-height:1.3em; color:#333; }
.post h2 a, .post h3 a:visited, .post h3 strong { display:block; text-decoration:none; color:#333; transition: all .5s ease-in-out; }
.post h2 strong, .post h2 a:hover { color:#0e72b5; } .post h3 { margin:.25em 0 0 0; padding:0 0 4px; font-size:140%; font-weight:700; line-height:1.3em; color:#333; } .post .post-title { margin-bottom:15px; }
.post-body { margin:15px 0 .75em; line-height:1.6em; }
.post-body img{ width:100% } .post-body blockquote { line-height:1.3em; }
.post-footer { margin:40px 0; line-height:1.7em; }
.comment-link { margin-left:.6em; } .post blockquote { margin:1em 20px; } .post blockquote p { margin:.75em 0; }
/* Costumize */ .post-thumbnail { width:100%; height:auto; float:left; margin:2px 15px 15px 0; } pre { padding:.5em 1em; margin: 0; white-space:pre; overflow:auto; background-color:#f1f1f1; font-size:14px; clear:both; border-left:3px solid #ccc; color:#111; } code { font-family:Consolas,Monaco,'Andale Mono','Courier New',Courier,Monospace; line-height:20px; color:#db4437; font-size:14px; } pre code { display: block; padding: 0.5em; line-height:1.5em; color: black; } ::selection { background: #1066b9;color:white } ::-moz-selection { background: #1066b9; color:white} .thumbnail-cadangan {display:none} .centered {text-align:center}
#blog-pager-newer-link a{ float:left;margin-left:0;background:#aaa;color:#fff;border-radius:100px;width:30px;height:30px;transition:all .4s ease-out} #blog-pager-older-link a{float:right;margin-right:20px;background:#aaa;color:#fff;border-radius:100px;width:30px;height:30px;transition:all .4s ease-out;}
.home-link {display:none}
#blog-pager-newer-link a:hover, #blog-pager-older-link a:hover{background:#0379c4;color:#fff} #blog-pager { text-align:center; }
.font-arrow {font-size:28;vertical-align:-11px}
.feed-links { display:none; } .clear {clear:both}
/* Profile ----------------------------------------------- */ .profile-img { float:left; margin-top:0; margin-right:5px; margin-bottom:5px; margin-left:0; padding:4px; border:1px solid #ccc; }
.profile-data { margin:0; text-transform:uppercase; letter-spacing:.1em; font-weight:bold; line-height:1.6em; }
.profile-datablock { margin:.5em 0 .5em; }
.profile-textblock { margin:0.5em 0; line-height:1.6em; }
.profile-link { text-transform:uppercase; letter-spacing:.1em; }
/* Footer ----------------------------------------------- */ #footer-wrapper { height:80px; width:100%; clear:both; color:#666; text-align:left; display:block; font-size:14px; background-color:#ebebeb; } #footer { max-width:768px; margin:0 auto; padding:0; color:#999; } #footer a { color:#666; text-decoration:none; } #footer a:hover { color:#0e72b5; } img { max-width:100%; height:auto; width:auto; } .creditpic{margin-top:20px;padding:30px 0 30px;position:relative} .credit-wrapper {max-width:768px;margin:0 auto} .credit{line-height:1.6em;font-size:12px;font-weight:400;color:#888;clear:both;margin:0 auto;padding:0;text-align:left} .credit-right{float:right} .credit a,.credit a:visited{color:#666;text-decoration:none} .credit a:hover{color:#0379C4;text-decoration:none} /* RESPONSIVE */
@media screen and (max-width:768px) { .post {width:46.5%;} #header, #content-wrapper, #footer {max-width:728px} #header h1 {text-align:center; margin:0 auto;float:none} .description {display:none} .post {margin-bottom:12px} #main-wrapper {margin-top:-200px} .search-wrapper{top:0} }
@media screen and (max-width:736px) { #header, #content-wrapper, #footer {max-width:690px} }
@media screen and (max-width:667px) { #header, #content-wrapper, #footer {max-width:627px} .post {height:420px} }
@media screen and (max-width:640px) { .post {width:46%;} #header, #content-wrapper, #footer {max-width:600px} #header h1 {text-align:center; margin:0 auto;float:none} .description {display:none} } @media screen and (max-width:600px) { #header, #content-wrapper, #footer {max-width:560px} #main-wrapper {margin-top:-215px} } @media screen and (max-width:568px) { #header, #content-wrapper, #footer {max-width:545px} } @media screen and (max-width:414px) { #main-wrapper {width:100%} .post {width:99%;box-shadow:none;height:390px} #header, #content-wrapper, #footer {max-width:390px} #blog-pager-older-link a {margin-right:0} .credit-right{float:left} .creditpic{padding:25px 0 20px;} #main-wrapper {margin-top:-225px} #search-box{width:270px} } @media screen and (max-width:375px) { #header, #content-wrapper, #footer {max-width:350px} .post {margin-bottom:10px} } @media screen and (max-width:360px) { #header, #content-wrapper, #footer {max-width:340px} #main-wrapper {margin-top:-230px} } @media screen and (max-width:320px) { #header, #content-wrapper, #footer {max-width:300px} .post-snippet {display:none} .post-inner {padding:5px 15px 0} .post {height:auto} } </style> </b:if> <b:if cond='data:blog.pageType == "item"'> <style amp-custom='amp-custom'> @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2'), url(https://fonts.gstatic.com/s/roboto/v15/2UX7WLTfW3W8TclTUvlFyQ.woff) format('woff'), url(https://fonts.gstatic.com/s/roboto/v15/QHD8zigcbDB8aPfIoaupKOvvDin1pK8aKteLpeZ5c0A.ttf) format('truetype'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/d-6IYplOFocCacKzxwXSOFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'), url(https://fonts.gstatic.com/s/roboto/v15/d-6IYplOFocCacKzxwXSOD8E0i7KZn-EPnyo3HZu7kw.woff) format('woff'), url(https://fonts.gstatic.com/s/roboto/v15/d-6IYplOFocCacKzxwXSOCZ2oysoEQEeKwjgmXLRnTc.ttf) format('truetype'); } @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 400; src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v15/vPcynSL0qHq_6dX7lKVByfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'), url(https://fonts.gstatic.com/s/roboto/v15/1pO9eUAp8pSF8VnRTP3xnvesZW2xOQ-xsNqO47m55DA.woff) format('woff'), url(https://fonts.gstatic.com/s/roboto/v15/W4wDsBUluyw0tK3tykhXEXYhjbSpvc47ee6xR_80Hnw.ttf) format('truetype'); } @font-face { font-family: 'Roboto Slab'; font-style: normal; font-weight: 400; src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(https://fonts.gstatic.com/s/robotoslab/v6/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'); } @font-face { font-family: 'Roboto Slab'; font-style: normal; font-weight: 700; src: local('Roboto Slab Bold'), local('RobotoSlab-Bold'), url(https://fonts.gstatic.com/s/robotoslab/v6/dazS1PrQQuCxC3iOAJFEJYlIZu-HDpmDIZMigmsroc4.woff2) format('woff2'), url(https://fonts.gstatic.com/s/robotoslab/v6/dazS1PrQQuCxC3iOAJFEJTqR_3kx9_hJXbbyU8S6IN0.woff) format('woff'), url(https://fonts.gstatic.com/s/robotoslab/v6/dazS1PrQQuCxC3iOAJFEJTdGNerWpg2Hn6A-BxWgZ_I.ttf) format('truetype'); } /* fallback */ @font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: local('Material Icons'), local('MaterialIcons-Regular'), url(https://fonts.gstatic.com/s/materialicons/v18/2fcrYFNaTjcS6g4U3t-Y5ZjZjT5FdEJ140U2DJYC3mY.woff2) format('woff2'); }
.material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased; } body { background:#f9f9f9; margin:0; padding:0; color:#333; font-size:15px; font-family:Roboto,Arial,Sans-serif; border-top:300px solid #ebebeb; } a:link { color:#0e72b5; text-decoration:none; } a:visited { color:#0e72b5; text-decoration:none; } a:hover { color:#333; text-decoration:underline; } a img { border-width:0; }
/* Header */
#header-wrapper { width:100%; padding:0; color:#212121; font-weight:400; background-color:#fff; position:fixed; top:0; left:0; width:100%; height:60px; box-shadow: 2px 1px 1px rgba(0,0,0,.15); z-index:999; } #header { max-width:768px; color:#212121; text-align:left; margin:0 auto; }
#header h1 { margin:0; padding:0; font-size:140%; float:left; color:#212121; line-height:60px; }
#header a { color:#212121; text-decoration:none; -webkit-transition:all .4s ease; transition:all .4s ease; }
#header a:hover { color:#0379c4; }
#header .description { margin:0 0 0 20px; padding:0 0 15px; text-transform:capitalize; line-height:60px; float:left; }
#header amp-img { margin-top:-5px; margin-right:5px; height:auto; width:auto; vertical-align:middle; }
#header-wrapper h5{background:none;border:none} .acc-header {max-width:320px;position:absolute;top:0;right:-2px;z-index:900;} .mi-22 {font-size:22px} .search-fixed {position:fixed;top:20px;right:17px;z-index:1001;} .search-wrapper{float:right;top:60px;right:0;background:#f8f8f8;border-left:1px solid #ddd;border-top:1px solid #ddd;padding:15px;box-shadow: 2px 1px 1px rgba(0,0,0,.15);z-index:1001} #search-box{width:250px;height:27px;float:right;padding:0;margin:0;position:relative} #search-box form{border:1px solid #ccc;line-height:27px} .search-form{border:none;color:gray;width:100%;padding:0 30px 0 10px;height:27px;line-height:27px;font-size:14px;font-weight:400;margin:0;-moz-box-sizing:border-box;box-sizing:border-box} .search-button{background:0 0;width:30px;height:29px;line-height:29px;padding:3px 0 0 0;text-align:center;margin:0;top:0;right:0;font-size:16px;color:#888;position:absolute;border:none;border-radius:0;text-shadow:none;box-shadow:none;cursor:pointer} .search-form:focus,.search-form:hover,.search-button:focus,.search-button:hover{border:none;outline:0;color:#000}
/* AMP Sidebar */ .btn-amp-sidebar{display:inline-block;background-image:url(https://www.ampproject.org/static/img/hamburger.svg);background-repeat:no-repeat;background-size:30px 24px;background-position:center center;background-color:transparent;width:40px;height:40px;border:none;position:fixed;top:10px;left:10px;z-index:1001;cursor:pointer} amp-sidebar{width:240px;background:#27597a;color:#fff;} amp-sidebar ul{padding:0;list-style:none} amp-sidebar li{line-height:40px;padding:0;list-style:none;color:#fff;border-bottom:1px solid #30698f;text-align:center;font-size:14px} amp-sidebar li:nth-child(1){border-top:1px solid #30698f;} amp-sidebar li:hover{background:#2e6589} amp-sidebar li a{color:#fff;text-decoration:none;padding:5px 10px} amp-sidebar button{margin-left:20px} .amp-sidebar-image{line-height:100px;vertical-align:middle} .amp-close-image{top:15px;left:205px;cursor:pointer} a.sidebaramp{color:#fff;text-decoration:none} .amp-sidebar-about {min-width:240px;min-height:240px;text-align:center;font-size:14px;} .amp-sidebar-about p{padding:15px 15px 0 15px;line-height:1.4em} .amp-sidebar-profile {max-width:100px;min-width:100px;border-radius:100px;margin:20px auto;background:#517b94} .amp-sidebar-profile amp-img {border-radius:100px;} #sidebar h6 {border:none;background:none;font-size:14px;font-weight:normal;margin-left:20px} #sidebar p {line-height:1.6em} .contact-box {background:#194a6a;padding:20px;border-top:1px solid #30698f;text-align:left} .contact-box svg{width:20px; height:20px;vertical-align: -4px;margin-right:10px} .contact-box span svg path{fill:#accbdf} .contact-me {min-width:210px;display:block} p.soc-icon {margin-top:5px;height:30px;padding:0} .soc-icon svg{width:20px; height:20px;} .soc-icon span svg path{fill:#80aac6;transition: all .5s ease-in-out;} .soc-icon span svg:hover path{fill:#fff} .soc-icon .youtube svg {width: 24px;height: 24px;vertical-align: -2px;}
/* Outer-Wrapper */ #outer-wrapper { width:100%; margin:0 auto; padding:0; text-align:left; } #content-wrapper { max-width:768px; margin:0 auto; } #main-wrapper { width:100%;margin:-180px auto 15px; word-wrap:break-word; /* fix for long text breaking sidebar float in IE */ overflow:hidden; /* fix for long non-text content breaking IE sidebar float */ } .image-wrapper {width:100%:height:auto}
#sidebar-wrapper {display:none}
/* Headings */
h2 { margin:1.5em 0 .75em; line-height:1.4em; text-transform:capitaize; }
.breadcrumbs a,.breadcrumbs li{display:inline-block} .breadcrumbs{line-height:1.5em;width:auto;padding:0 0 10px;font-size:14px;color:#444;margin:0 30px 0 0;font-weight:500} .breadcrumbs li{list-style-type:none;float:left} .breadcrumbs a{text-decoration:none;outline:0;transition:all .3s ease-in-out;color:#444;font-weight:400} .breadcrumbs a:hover{color:#0379C4} .breadcrumbs-icon {vertical-align: -15%;font-size: inherit;text-rendering: optimizeLegibility}
/* Posts */ .post-meta { width:100% margin-top:10px; margin-bottom:15px; display:block; text-align: left; font-size: 11px; color: #aaa; padding: 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; height:50px; } .post-meta a { color: #0e72b5; text-decoration: none; text-transform:uppercase; font-size:11px; color: #444; } .post-meta a:hover { color:#aaa; } .post-meta-span { margin-right: 15px; } .post-meta-left {border-right: 1px solid #ddd;float:left;height:50px;margin-right:20px;padding-right:15px} .post-meta-right {float:left;vertical-align:middle;margin-top: 8px;} .meta-author {margin-top:13px;margin-bottom:2px} amp-social-share[type="twitter"], amp-social-share[type="gplus"], amp-social-share[type="facebook"], amp-social-share[type="linkedin"], amp-social-share[type="pinterest"] { background-color:#999; border-radius:100px; background-size:25px 25px; transition:all .4s ease-out; } amp-social-share[type="twitter"]:hover {background-color:#55ACEE} amp-social-share[type="gplus"]:hover {background-color:#DC4E41} amp-social-share[type="facebook"]:hover {background-color:#3B5998} amp-social-share[type="linkedin"]:hover {background-color:#0077B5} amp-social-share[type="pinterest"]:hover {background-color:#BD081C}
a.color-label {font-size:15px;font-weight:700;background:#fff;padding:5px 10px;border-radius:3px;color:#555;text-decoration:none;margin-bottom:15px;transition:all .4s ease-out;} a:hover.color-label {background:#0379c4;color:#fff} .post-labels{margin-bottom:20px;position:absolute; width:92%;margin:-265px auto 0;text-align:center}
.post { margin:0; padding:0; background-color:#fff; box-shadow: 0 0 3px rgba(0,0,0,0.12),0 0 2px rgba(0,0,0,0.18); overflow: hidden; border:1px solid #dbdbdb; } .post-inner{padding:30px 30px 0;position:relative;margin:0 auto} .post h2 { width:93%; margin:0 auto; padding:30px; background-color:rgba(0,0,0,0.6); font-size:220%; font-weight:700; line-height:1.3em; text-align:center; position:absolute; top:-180px; left:0; color:#fff; z-index:99; }
.post h2 a, .post h3 a:visited, .post h3 strong { display:block; text-decoration:none; color:#333; transition: all .5s ease-in-out; }
.post h2 strong, .post h2 a:hover { color:#0e72b5; } .post h3 { margin:.25em 0 0 0; padding:0 0 4px; font-size:140%; font-weight:700; line-height:1.3em; color:#333; } .post .post-title { margin-bottom:15px; }
.post-body { margin:25px 0 .75em; line-height:1.6em; }
.post-body img{ width:100% } .post-body blockquote { line-height:1.3em; }
.post-footer { margin:40px 0; line-height:1.7em; } .post-snippet { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.comment-link { margin-left:.6em; } .post blockquote { margin:1em 20px; } .post blockquote p { margin:.75em 0; }
.related-box {max-height:360px;margin-top:-35px;}
section[expanded] .show-more,section:not([expanded]) .show-less{display:none} .disqus-comments h4{background:none;border:none;width:50%;margin:0 auto;text-align:center;} .disqus-hide{font-weight:400;line-height:60px;font-size:14px;margin:0 auto;padding:12px 90px;text-align:center;color:#333;background:#f8f8f8;border:none;border-radius:3px;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);border:1px solid #ddd;transition:all .4s ease-in-out;clear:both} .disqus-hide:hover {background:#eee} .disqus-comments amp-iframe{margin-left:-8px;margin-right:-8px}
/* Costumize */ .post-thumbnail { width:100%; height:auto; float:left; margin:2px 15px 15px 0; } pre { padding:.5em 1em; margin: 0; white-space:pre; overflow:auto; background-color:#f1f1f1; font-size:14px; clear:both; border-left:3px solid #ccc; color:#111; } code { font-family:Consolas,Monaco,'Andale Mono','Courier New',Courier,Monospace; line-height:20px; color:#db4437; font-size:14px; } pre code { display: block; padding: 0.5em; line-height:1.5em; color: black; } ::selection { background: #1066b9;color:white } ::-moz-selection { background: #1066b9; color:white} .thumbnail-cadangan {display:none} .centered {text-align:center} .copy-code { -webkit-user-select: all; -moz-user-select: all; -ms-user-select: all; user-select: all; }
#blog-pager-newer-link a{ float:left;margin-left:0;background:#aaa;color:#fff;border-radius:100px;width:30px;height:30px;transition:all .4s ease-out} #blog-pager-older-link a{float:right;margin-right:0;background:#aaa;color:#fff;border-radius:100px;width:30px;height:30px;transition:all .4s ease-out;}
.home-link {display:none}
#blog-pager-newer-link a:hover, #blog-pager-older-link a:hover{background:#0379c4;color:#fff} #blog-pager {text-align:center;margin-top:20px}
.font-arrow {font-size:28;vertical-align:-11px}
.feed-links { display:none; } .clear {clear:both}
/* Profile ----------------------------------------------- */ .profile-img { float:left; margin-top:0; margin-right:5px; margin-bottom:5px; margin-left:0; padding:4px; border:1px solid #ccc; }
.profile-data { margin:0; text-transform:uppercase; letter-spacing:.1em; font-weight:bold; line-height:1.6em; }
.profile-datablock { margin:.5em 0 .5em; }
.profile-textblock { margin:0.5em 0; line-height:1.6em; }
.profile-link { text-transform:uppercase; letter-spacing:.1em; }
/* Footer ----------------------------------------------- */ #footer-wrapper { height:80px; width:100%; clear:both; color:#666; text-align:left; display:block; font-size:14px; background-color:#ebebeb; } #footer { max-width:768px; margin:0 auto; padding:0; color:#888; } #footer a { color:#666; text-decoration:none; } #footer a:hover { color:#0e72b5; } img { max-width:100%; height:auto; width:auto; }
.creditpic{margin-top:20px;padding:30px 0 30px;position:relative} .credit-wrapper {max-width:768px;margin:0 auto} .credit{line-height:1.6em;font-size:12px;font-weight:400;color:#888;clear:both;margin:0 auto;padding:0;text-align:left} .credit-right{float:right} .credit a,.credit a:visited{color:#666;text-decoration:none} .credit a:hover{color:#0379C4;text-decoration:none}
/* RESPONSIVE */
@media screen and (max-width:768px) { .search-wrapper{top:0} } @media screen and (max-width:736px) { #header, #content-wrapper, #footer {max-width:690px} #header h1 {text-align:center; margin:0 auto;float:none} .description {display:none} .post h2{top:-150px;} .post-labels {margin: -225px auto 0;} .disqus-comments h4{width:75%} .related-box {max-height:350px} }
@media screen and (max-width:667px) { #header, #content-wrapper, #footer {max-width:627px} .post h2 {font-size:28px} }
@media screen and (max-width:640px) { #header, #content-wrapper, #footer {max-width:600px} .breadcrumbs{padding:5px 0 10px;margin:0;} } @media screen and (max-width:600px) { #header, #content-wrapper, #footer {max-width:560px} } @media screen and (max-width:568px) { #header, #content-wrapper, #footer {max-width:545px} } @media screen and (max-width:414px) { #main-wrapper {width:100%} .post {width:100%;box-shadow:none;border:none} .post-inner {padding:20px 20px 0} .post h2 {position:relative;color:#222;background:none;font-size:24px;text-align: center;width:100%;padding:0;text-align:left;top:0} .post-meta {position:relative;margin-top:20px} .post-meta-left {margin-right:20px;padding-right:10px} .post-meta-right {float:right} a.color-label {font-size:12px;background:#999;padding:5px 10px;border-radius:3px;color:#fff;text-decoration:none;margin-bottom:15px;transition:all .4s ease-out;} a:hover.color-label {background:#666;} .post-labels{margin-bottom:40px;position:relative;margin:0;width:100%;text-align:left} #main-wrapper {margin: -240px auto 15px;} #blog-pager-older-link a {margin-right:15px} #blog-pager-newer-link a {margin-left:15px} #header, #footer {max-width:390px} .credit-right{float:left} .creditpic{padding:25px 0 20px;} .breadcrumbs{margin:20px 0;} .disqus-comments h4{width:90%} .related-box {max-height:600px} #search-box{width:270px} } @media screen and (max-width:375px) { #header, #footer {max-width:350px} .disqus-comments h4{width:100%} .disqus-hide {padding:12px 60px} } @media screen and (max-width:360px) { #header, #footer {max-width:340px} } @media screen and (max-width:321px) { #header, #footer {max-width:300px} amp-social-share[type="linkedin"]{display:none} } </style> </b:if> <b:if cond='data:blog.pageType == "static_page"'> <style amp-custom='amp-custom'> /*<![CDATA[*/ @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 400; src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2'), url(https://fonts.gstatic.com/s/roboto/v15/2UX7WLTfW3W8TclTUvlFyQ.woff) format('woff'), url(https://fonts.gstatic.com/s/roboto/v15/QHD8zigcbDB8aPfIoaupKOvvDin1pK8aKteLpeZ5c0A.ttf) format('truetype'); } @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 700; src: local('Roboto Bold'), local('Roboto-Bold'), url(https://fonts.gstatic.com/s/roboto/v15/d-6IYplOFocCacKzxwXSOFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'), url(https://fonts.gstatic.com/s/roboto/v15/d-6IYplOFocCacKzxwXSOD8E0i7KZn-EPnyo3HZu7kw.woff) format('woff'), url(https://fonts.gstatic.com/s/roboto/v15/d-6IYplOFocCacKzxwXSOCZ2oysoEQEeKwjgmXLRnTc.ttf) format('truetype'); } @font-face { font-family: 'Roboto'; font-style: italic; font-weight: 400; src: local('Roboto Italic'), local('Roboto-Italic'), url(https://fonts.gstatic.com/s/roboto/v15/vPcynSL0qHq_6dX7lKVByfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'), url(https://fonts.gstatic.com/s/roboto/v15/1pO9eUAp8pSF8VnRTP3xnvesZW2xOQ-xsNqO47m55DA.woff) format('woff'), url(https://fonts.gstatic.com/s/roboto/v15/W4wDsBUluyw0tK3tykhXEXYhjbSpvc47ee6xR_80Hnw.ttf) format('truetype'); } @font-face { font-family: 'Roboto Slab'; font-style: normal; font-weight: 400; src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'), url(https://fonts.gstatic.com/s/robotoslab/v6/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'); } @font-face { font-family: 'Roboto Slab'; font-style: normal; font-weight: 700; src: local('Roboto Slab Bold'), local('RobotoSlab-Bold'), url(https://fonts.gstatic.com/s/robotoslab/v6/dazS1PrQQuCxC3iOAJFEJYlIZu-HDpmDIZMigmsroc4.woff2) format('woff2'), url(https://fonts.gstatic.com/s/robotoslab/v6/dazS1PrQQuCxC3iOAJFEJTqR_3kx9_hJXbbyU8S6IN0.woff) format('woff'), url(https://fonts.gstatic.com/s/robotoslab/v6/dazS1PrQQuCxC3iOAJFEJTdGNerWpg2Hn6A-BxWgZ_I.ttf) format('truetype'); } /* fallback */ @font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: local('Material Icons'), local('MaterialIcons-Regular'), url(https://fonts.gstatic.com/s/materialicons/v18/2fcrYFNaTjcS6g4U3t-Y5ZjZjT5FdEJ140U2DJYC3mY.woff2) format('woff2'); }
.material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased; } body { background:#f9f9f9; margin:0; padding:0; color:#333; font-size:15px; font-family:Roboto,Arial,Sans-serif; border-top:300px solid #ebebeb; } a:link { color:#0e72b5; text-decoration:none; } a:visited { color:#0e72b5; text-decoration:none; } a:hover { color:#333; text-decoration:underline; } a img { border-width:0; }
/* Header */
#header-wrapper { width:100%; padding:0; color:#212121; font-weight:400; background-color:#fff; position:fixed; top:0; left:0; width:100%; height:60px; box-shadow: 2px 1px 1px rgba(0,0,0,.15); z-index:999; } #header { max-width:768px; color:#212121; text-align:left; margin:0 auto; }
#header h1 { margin:0; padding:0; font-size:140%; float:left; color:#212121; line-height:60px; }
#header a { color:#212121; text-decoration:none; -webkit-transition:all .4s ease; transition:all .4s ease; }
#header a:hover { color:#0379c4; }
#header .description { margin:0 0 0 20px; padding:0 0 15px; text-transform:capitalize; line-height:60px; float:left; }
#header amp-img { margin-top:-5px; margin-right:5px; height:auto; width:auto; vertical-align:middle; }
#header-wrapper h5{background:none;border:none} .acc-header {max-width:320px;position:absolute;top:0;right:-2px;z-index:900;} .mi-22 {font-size:22px} .search-fixed {position:fixed;top:20px;right:17px;z-index:1001;} .search-wrapper{float:right;top:60px;right:0;background:#f8f8f8;border-left:1px solid #ddd;border-top:1px solid #ddd;padding:15px;box-shadow: 2px 1px 1px rgba(0,0,0,.15);z-index:1001} #search-box{width:250px;height:27px;float:right;padding:0;margin:0;position:relative} #search-box form{border:1px solid #ccc;line-height:27px} .search-form{border:none;color:gray;width:100%;padding:0 30px 0 10px;height:27px;line-height:27px;font-size:14px;font-weight:400;margin:0;-moz-box-sizing:border-box;box-sizing:border-box} .search-button{background:0 0;width:30px;height:29px;line-height:29px;padding:3px 0 0 0;text-align:center;margin:0;top:0;right:0;font-size:16px;color:#888;position:absolute;border:none;border-radius:0;text-shadow:none;box-shadow:none;cursor:pointer} .search-form:focus,.search-form:hover,.search-button:focus,.search-button:hover{border:none;outline:0;color:#000}
/* AMP Sidebar */ .btn-amp-sidebar{display:inline-block;background-image:url(https://www.ampproject.org/static/img/hamburger.svg);background-repeat:no-repeat;background-size:30px 24px;background-position:center center;background-color:transparent;width:40px;height:40px;border:none;position:fixed;top:10px;left:10px;z-index:1001;cursor:pointer} amp-sidebar{width:240px;background:#27597a;color:#fff;} amp-sidebar ul{padding:0;list-style:none} amp-sidebar li{line-height:40px;padding:0;list-style:none;color:#fff;border-bottom:1px solid #30698f;text-align:center;font-size:14px} amp-sidebar li:nth-child(1){border-top:1px solid #30698f;} amp-sidebar li:hover{background:#2e6589} amp-sidebar li a{color:#fff;text-decoration:none;padding:5px 10px} amp-sidebar button{margin-left:20px} .amp-sidebar-image{line-height:100px;vertical-align:middle} .amp-close-image{top:15px;left:205px;cursor:pointer} a.sidebaramp{color:#fff;text-decoration:none} .amp-sidebar-about {min-width:240px;min-height:240px;text-align:center;font-size:14px;} .amp-sidebar-about p{padding:15px 15px 0 15px;line-height:1.4em} .amp-sidebar-profile {max-width:100px;min-width:100px;border-radius:100px;margin:20px auto;background:#517b94} .amp-sidebar-profile amp-img {border-radius:100px;} #sidebar h6 {border:none;background:none;font-size:14px;font-weight:normal;margin-left:20px} #sidebar p {line-height:1.6em} section[expanded] .show-more,section:not([expanded]) .show-less{display:none;} .contact-box {background:#194a6a;padding:20px;border-top:1px solid #30698f;text-align:left} .contact-box svg{width:20px; height:20px;vertical-align: -4px;margin-right:10px} .contact-box span svg path{fill:#accbdf} .contact-me {min-width:210px;display:block} p.soc-icon {margin-top:5px;height:30px;padding:0} .soc-icon svg{width:20px; height:20px;} .soc-icon span svg path{fill:#80aac6;transition: all .5s ease-in-out;} .soc-icon span svg:hover path{fill:#fff} .soc-icon .youtube svg {width: 24px;height: 24px;vertical-align: -2px; }
/* Outer-Wrapper */ #outer-wrapper { width:100%; margin:0 auto; padding:0; text-align:left; } #content-wrapper { max-width:768px; margin:0 auto; } #main-wrapper { width:100%;margin:-180px auto 15px; word-wrap:break-word; /* fix for long text breaking sidebar float in IE */ overflow:hidden; /* fix for long non-text content breaking IE sidebar float */ } .image-wrapper {width:100%:height:auto}
#sidebar-wrapper {display:none}
/* Headings */
h2 { margin:1.5em 0 .75em; line-height:1.4em; text-transform:capitaize; }
/* Posts */ .post-meta { width:100% margin-top:10px; margin-bottom:15px; display:block; text-align: left; font-size: 11px; color: #aaa; padding: 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; height:50px; } .post-meta a { color: #0e72b5; text-decoration: none; text-transform:uppercase; font-size:11px; color: #444; } .post-meta a:hover { color:#aaa; } .post-meta-span { margin-right: 15px; } .post-meta-left {border-right: 1px solid #ddd;float:left;height:50px;margin-right:20px;padding-right:15px} .post-meta-right {float:left;vertical-align:middle;margin-top: 8px;} .meta-author {margin-top:13px;margin-bottom:2px} amp-social-share[type="twitter"], amp-social-share[type="gplus"], amp-social-share[type="facebook"], amp-social-share[type="linkedin"], amp-social-share[type="pinterest"] { background-color:#999; border-radius:100px; background-size:25px 25px; transition:all .4s ease-out; } amp-social-share[type="twitter"]:hover {background-color:#55ACEE} amp-social-share[type="gplus"]:hover {background-color:#DC4E41} amp-social-share[type="facebook"]:hover {background-color:#3B5998} amp-social-share[type="linkedin"]:hover {background-color:#0077B5} amp-social-share[type="pinterest"]:hover {background-color:#BD081C}
a.color-label {font-size:15px;font-weight:700;background:#fff;padding:5px 10px;border-radius:3px;color:#555;text-decoration:none;margin-bottom:15px;transition:all .4s ease-out;} a:hover.color-label {background:#0379c4;color:#fff} .post-labels{margin-bottom:20px;position:absolute; width:92%;margin:-265px auto 0;text-align:center}
.post { margin:0; padding:0; background-color:#fff; box-shadow: 0 0 3px rgba(0,0,0,0.12),0 0 2px rgba(0,0,0,0.18); overflow: hidden; border:1px solid #dbdbdb; } .post-inner{padding:30px;position:relative;margin:0 auto} .post h2 { width:93%; margin:0 auto; padding:30px; background-color:rgba(0,0,0,0.6); font-size:220%; font-weight:700; line-height:1.3em; text-align:center; position:absolute; top:-120px; left:0; color:#fff; z-index:99; }
.post h2 a, .post h3 a:visited, .post h3 strong { display:block; text-decoration:none; color:#333; transition: all .5s ease-in-out; }
.post h2 strong, .post h2 a:hover { color:#0e72b5; } .post h3 { margin:.25em 0 0 0; padding:0 0 4px; font-size:140%; font-weight:700; line-height:1.3em; color:#333; } .post .post-title { margin-bottom:15px; }
.post-body { margin:0; line-height:1.6em; }
.post-body img{ width:100% } .post-body blockquote { line-height:1.3em; }
.post-footer { margin:40px 0; line-height:1.7em; } .post-snippet { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.comment-link { margin-left:.6em; } .post blockquote { margin:1em 20px; } .post blockquote p { margin:.75em 0; }
.daftar-isi h4 {text-align:center;padding:5px} .daftar-isi p {margin:10px} amp-accordion>section[expanded] {line-height:i.6em;}
/* Costumize */ .post-thumbnail { width:100%; height:auto; float:left; margin:2px 15px 15px 0; } pre { padding:.5em 1em; margin: 0; white-space:pre; overflow:auto; background-color:#f1f1f1; font-size:14px; clear:both; border-left:3px solid #ccc; color:#111; } code { font-family:Consolas,Monaco,'Andale Mono','Courier New',Courier,Monospace; line-height:20px; color:#db4437; font-size:14px; } pre code { display: block; padding: 0.5em; line-height:1.5em; color: black; } ::selection { background: #1066b9;color:white } ::-moz-selection { background: #1066b9; color:white} .thumbnail-cadangan {display:none} .centered {text-align:center}
#blog-pager-newer-link a{ float:left;margin-left:0;background:#aaa;color:#fff;border-radius:100px;width:30px;height:30px;transition:all .4s ease-out} #blog-pager-older-link a{float:right;margin-right:0;background:#aaa;color:#fff;border-radius:100px;width:30px;height:30px;transition:all .4s ease-out;}
.home-link {display:none}
#blog-pager-newer-link a:hover, #blog-pager-older-link a:hover{background:#0379c4;color:#fff} #blog-pager {text-align:center;margin-top:20px}
.font-arrow {font-size:28;vertical-align:-11px}
.feed-links { display:none; } .clear {clear:both}
/* Profile ----------------------------------------------- */ .profile-img { float:left; margin-top:0; margin-right:5px; margin-bottom:5px; margin-left:0; padding:4px; border:1px solid #ccc; }
.profile-data { margin:0; text-transform:uppercase; letter-spacing:.1em; font-weight:bold; line-height:1.6em; }
.profile-datablock { margin:.5em 0 .5em; }
.profile-textblock { margin:0.5em 0; line-height:1.6em; }
.profile-link { text-transform:uppercase; letter-spacing:.1em; }
/* Footer ----------------------------------------------- */ #footer-wrapper { height:80px; width:100%; clear:both; color:#666; text-align:left; display:block; font-size:14px; background-color:#ebebeb; } #footer { max-width:768px; margin:0 auto; padding:0; color:#888; } #footer a { color:#666; text-decoration:none; } #footer a:hover { color:#0e72b5; } img { max-width:100%; height:auto; width:auto; }
.creditpic{margin-top:20px;padding:30px 0 30px;position:relative} .credit-wrapper {max-width:768px;margin:0 auto} .credit{line-height:1.6em;font-size:12px;font-weight:400;color:#888;clear:both;margin:0 auto;padding:0;text-align:left} .credit-right{float:right} .credit a,.credit a:visited{color:#666;text-decoration:none} .credit a:hover{color:#0379C4;text-decoration:none}
/* RESPONSIVE */
@media screen and (max-width:768px) { .search-wrapper{top:0} } @media screen and (max-width:736px) { #header, #content-wrapper, #footer {max-width:690px} #header h1 {text-align:center; margin:0 auto;float:none} .description {display:none} .post h2{top:-150px;} .post-labels {margin: -225px auto 0;} }
@media screen and (max-width:667px) { #header, #content-wrapper, #footer {max-width:627px} .post h2 {font-size:28px} }
@media screen and (max-width:640px) { #header, #content-wrapper, #footer {max-width:600px} } @media screen and (max-width:600px) { #header, #content-wrapper, #footer {max-width:560px} } @media screen and (max-width:568px) { #header, #content-wrapper, #footer {max-width:545px} } @media screen and (max-width:414px) { #main-wrapper {width:100%} .post {width:100%;box-shadow:none;border:none} .post-inner {padding:20px} .post h2 {position:relative;color:#222;background:none;font-size:24px;text-align: center;width:100%;padding:0;text-align:left;top:0} .post-meta {position:relative;margin-top:20px} .post-meta-left {margin-right:20px;padding-right:10px} .post-meta-right {float:right} a.color-label {font-size:12px;background:#999;padding:5px 10px;border-radius:3px;color:#fff;text-decoration:none;margin-bottom:15px;transition:all .4s ease-out;} a:hover.color-label {background:#666;} .post-labels{margin-bottom:40px;position:relative;margin:0;width:100%;text-align:left} #main-wrapper {margin: -240px auto 15px;} #blog-pager-older-link a {margin-right:15px} #blog-pager-newer-link a {margin-left:15px} #header, #footer {max-width:390px} .credit-right{float:left} .creditpic{padding:25px 0 20px;} #search-box{width:270px} } @media screen and (max-width:375px) { #header, #footer {max-width:350px} } @media screen and (max-width:360px) { #header, #footer {max-width:340px} } @media screen and (max-width:320px) { #header, #footer {max-width:300px} } /*]]>*/ </style> </b:if>
<style amp-boilerplate='amp-boilerplate'>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate='amp-boilerplate'>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript> <script async='async' src='https://cdn.ampproject.org/v0.js'/> <script async='async' custom-element='amp-sidebar' src='https://cdn.ampproject.org/v0/amp-sidebar-0.1.js'/> <script async='async' custom-element='amp-form' src='https://cdn.ampproject.org/v0/amp-form-0.1.js'/> <script async='async' custom-element='amp-social-share' src='https://cdn.ampproject.org/v0/amp-social-share-0.1.js'/> <script async='async' custom-element='amp-iframe' src='https://cdn.ampproject.org/v0/amp-iframe-0.1.js'/> <script async='async' custom-element='amp-youtube' src='https://cdn.ampproject.org/v0/amp-youtube-0.1.js'/> <script async='async' custom-element='amp-image-lightbox' src='https://cdn.ampproject.org/v0/amp-image-lightbox-0.1.js'/> <script async='async' custom-element='amp-list' src='https://cdn.ampproject.org/v0/amp-list-0.1.js'/> <script async='async' custom-template='amp-mustache' src='https://cdn.ampproject.org/v0/amp-mustache-0.1.js'/> <script async='async' custom-element='amp-analytics' src='https://cdn.ampproject.org/v0/amp-analytics-0.1.js'/> <script async='async' custom-element='amp-carousel' src='https://cdn.ampproject.org/v0/amp-carousel-0.1.js'/> <script async='async' custom-element='amp-ad' src='https://cdn.ampproject.org/v0/amp-ad-0.1.js'/> <script async='async' custom-element='amp-accordion' src='https://cdn.ampproject.org/v0/amp-accordion-0.1.js'/> <script async='async' custom-element='amp-facebook' src='https://cdn.ampproject.org/v0/amp-facebook-0.1.js'/> <script async='async' custom-element='amp-install-serviceworker' src='https://cdn.ampproject.org/v0/amp-install-serviceworker-0.1.js'/>
</head><!--<head/>--> <body itemscope='itemscope' itemtype='http://schema.org/WebPage'> <amp-analytics id='analytics1' type='googleanalytics'> <script type='application/json'> { "vars": { "account": "UA-85986961-1" }, "triggers": { "trackPageview": { "on": "visible", "request": "pageview" } } } </script> </amp-analytics>
<button class='btn-amp-sidebar' on='tap:sidebar.toggle'/> <amp-sidebar id='sidebar' layout='nodisplay' side='left'> <amp-img alt='close sidebar' class='amp-close-image' height='20' on='tap:sidebar.close' role='button' src='https://ampbyexample.com/img/ic_close_black_18dp_2x.png' tabindex='0' width='20'/> <div class='amp-sidebar-profile'><amp-img alt='AMP HTML' height='100' layout='responsive' src='https://thumb.ibb.co/fVx6Un/00k0k_a_ZOCY9pwj_RH_600x450.jpg' width='100'/></div> <span class='amp-sidebar-about'><p>English Soccer News gives you the latest news about soccer match in Europe and UK. Enjoy!</p> <p class='soc-icon'> <span><a href='https://www.facebook.com/' itemprop='sameAs' target='_blank' title='Facebook'> <svg viewBox='0 0 24 24'> <path d='M19,4V7H17A1,1 0 0,0 16,8V10H19V13H16V20H13V13H11V10H13V7.5C13,5.56 14.57,4 16.5,4M20,2H4A2,2 0 0,0 2,4V20A2,2 0 0,0 4,22H20A2,2 0 0,0 22,20V4C22,2.89 21.1,2 20,2Z'/> </svg></a></span> <span><a href='https://twitter.com/' itemprop='sameAs' target='_blank' title='Twitter'> <svg viewBox='0 0 24 24'> <path d='M17.71,9.33C17.64,13.95 14.69,17.11 10.28,17.31C8.46,17.39 7.15,16.81 6,16.08C7.34,16.29 9,15.76 9.9,15C8.58,14.86 7.81,14.19 7.44,13.12C7.82,13.18 8.22,13.16 8.58,13.09C7.39,12.69 6.54,11.95 6.5,10.41C6.83,10.57 7.18,10.71 7.64,10.74C6.75,10.23 6.1,8.38 6.85,7.16C8.17,8.61 9.76,9.79 12.37,9.95C11.71,7.15 15.42,5.63 16.97,7.5C17.63,7.38 18.16,7.14 18.68,6.86C18.47,7.5 18.06,7.97 17.56,8.33C18.1,8.26 18.59,8.13 19,7.92C18.75,8.45 18.19,8.93 17.71,9.33M20,2H4A2,2 0 0,0 2,4V20A2,2 0 0,0 4,22H20A2,2 0 0,0 22,20V4C22,2.89 21.1,2 20,2Z'/> </svg></a></span> <span><a href='https://plus.google.com/115031055167574770348' itemprop='sameAs' target='_blank' title='Google Plus'> <svg viewBox='0 0 24 24'> <path d='M20,2A2,2 0 0,1 22,4V20A2,2 0 0,1 20,22H4A2,2 0 0,1 2,20V4C2,2.89 2.9,2 4,2H20M20,12H18V10H17V12H15V13H17V15H18V13H20V12M9,11.29V13H11.86C11.71,13.71 11,15.14 9,15.14C7.29,15.14 5.93,13.71 5.93,12C5.93,10.29 7.29,8.86 9,8.86C10,8.86 10.64,9.29 11,9.64L12.36,8.36C11.5,7.5 10.36,7 9,7C6.21,7 4,9.21 4,12C4,14.79 6.21,17 9,17C11.86,17 13.79,15 13.79,12.14C13.79,11.79 13.79,11.57 13.71,11.29H9Z'/> </svg></a></span> </p> </span> <nav> <ul> <li><a class='sidebaramp' href='/'>Home</a></li> <li><a class='sidebaramp' href='https://amphtmlproject.blogspot.co.id/p/tentang-amp.html' itemprop='url' title='About'>About</a></li> <li><amp-accordion> <section> <h6> <span class='show-more'>Contact</span> <span class='show-less'>Contact</span> </h6> <p class='contact-box'> <span class='contact-me'><svg viewBox='0 0 24 24'> <path d='M20,8L12,13L4,8V6L12,11L20,6M20,4H4C2.89,4 2,4.89 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V6C22,4.89 21.1,4 20,4Z'/> </svg> kangismet@gmail.com</span> <span class='contact-me'><svg viewBox='0 0 24 24'> <path d='M16.75,13.96C17,14.09 17.16,14.16 17.21,14.26C17.27,14.37 17.25,14.87 17,15.44C16.8,16 15.76,16.54 15.3,16.56C14.84,16.58 14.83,16.92 12.34,15.83C9.85,14.74 8.35,12.08 8.23,11.91C8.11,11.74 7.27,10.53 7.31,9.3C7.36,8.08 8,7.5 8.26,7.26C8.5,7 8.77,6.97 8.94,7H9.41C9.56,7 9.77,6.94 9.96,7.45L10.65,9.32C10.71,9.45 10.75,9.6 10.66,9.76L10.39,10.17L10,10.59C9.88,10.71 9.74,10.84 9.88,11.09C10,11.35 10.5,12.18 11.2,12.87C12.11,13.75 12.91,14.04 13.15,14.17C13.39,14.31 13.54,14.29 13.69,14.13L14.5,13.19C14.69,12.94 14.85,13 15.08,13.08L16.75,13.96M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22C10.03,22 8.2,21.43 6.65,20.45L2,22L3.55,17.35C2.57,15.8 2,13.97 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12C4,13.72 4.54,15.31 5.46,16.61L4.5,19.5L7.39,18.54C8.69,19.46 10.28,20 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4Z'/> </svg> 081213653030</span> <span class='contact-me'><svg viewBox='0 0 24 24'> <path d='M9.78,18.65L10.06,14.42L17.74,7.5C18.08,7.19 17.67,7.04 17.22,7.31L7.74,13.3L3.64,12C2.76,11.75 2.75,11.14 3.84,10.7L19.81,4.54C20.54,4.21 21.24,4.72 20.96,5.84L18.24,18.65C18.05,19.56 17.5,19.78 16.74,19.36L12.6,16.3L10.61,18.23C10.38,18.46 10.19,18.65 9.78,18.65Z'/> </svg> @kangismet</span> </p> </section> </amp-accordion> </li> <li><a class='sidebaramp' href='https://amphtmlproject.blogspot.co.id/p/kebijakan-privasi.html' itemprop='url' title='Privacy'>Privacy</a></li> <li><a class='sidebaramp' href='https://amphtmlproject.blogspot.co.id/p/daftar-isi.html' itemprop='url' title='Sitemap'>Sitemap</a></li> </ul> </nav> </amp-sidebar>
<header id='header-wrapper' itemprop='mainEntity' itemscope='itemscope' itemtype='http://schema.org/WPHeader'> <b:section class='header' id='header' maxwidgets='1' showaddelement='no'> <b:widget id='Header1' locked='true' title='Portuguese Viral News (Header)' type='Header' version='1'> <b:widget-settings> <b:widget-setting name='displayUrl'/> <b:widget-setting name='displayHeight'>0</b:widget-setting> <b:widget-setting name='sectionWidth'>-1</b:widget-setting> <b:widget-setting name='useImage'>false</b:widget-setting> <b:widget-setting name='shrinkToFit'>false</b:widget-setting> <b:widget-setting name='imagePlacement'>BEHIND</b:widget-setting> <b:widget-setting name='displayWidth'>0</b:widget-setting> </b:widget-settings> <b:includable id='main'>
<b:if cond='data:useImage'> <b:if cond='data:imagePlacement == "BEHIND"'> <!-- Show image as background to text. You can't really calculate the width reliably in JS because margins are not taken into account by any of clientWidth, offsetWidth or scrollWidth, so we don't force a minimum width if the user is using shrink to fit. This results in a margin-width's worth of pixels being cropped. If the user is not using shrink to fit then we expand the header. --> <b:if cond='data:mobile'> <div id='header-inner'> <div class='titlewrapper' style='background: transparent'> <h1 class='title' style='background: transparent; border-width: 0px'> <b:include name='title'/> </h1> </div> <b:include name='description'/> </div> <b:else/> <div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); " + "background-position: " + data:backgroundPositionStyleStr + "; " + data:widthStyleStr + "min-height: " + data:height + "_height: " + data:height + "background-repeat: no-repeat; "' id='header-inner'> <div class='titlewrapper' style='background: transparent'> <h1 class='title' style='background: transparent; border-width: 0px'> <b:include name='title'/> </h1> </div> <b:include name='description'/> </div> </b:if> <b:else/> <!--Show the image only--> <div id='header-inner'> <a expr:href='data:blog.homepageUrl' style='display: block'> <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/> </a> <!--Show the description--> <b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'> <b:include name='description'/> </b:if> </div> </b:if> <b:else/> <!--No header image --> <div id='header-inner'> <div class='titlewrapper'> <h1 class='title'> <b:include name='title'/> </h1> </div> <b:include name='description'/> </div> </b:if> </b:includable> <b:includable id='description'> <div class='descriptionwrapper'> <p class='description'><span><data:description/></span></p> </div> </b:includable> <b:includable id='title'> <a expr:href='data:blog.homepageUrl' expr:title='data:title' itemprop='url'><span itemprop='name'><amp-img alt='Logo' expr:title='data:title' height='30' src='https://www.ispu.org/wp-content/uploads/2016/11/navy_educate.png' width='30'/> <data:title/></span></a> </b:includable> </b:widget> </b:section>
<amp-accordion> <section class='acc-header'> <h5> <span class='show-more search-fixed'><i class='material-icons mi-22'></i></span> <span class='show-less search-fixed'><i class='material-icons mi-22'></i></span> </h5> <div class='search-wrapper'> <div id='search-box'> <div itemprop='mainEntity' itemscope='itemscope' itemtype='http://schema.org/WebSite'> <meta content='https://amphtmlproject.blogspot.co.id/' itemprop='url'/> <form action='https://amphtmlproject.blogspot.co.id/search' itemprop='potentialAction' itemscope='itemscope' itemtype='http://schema.org/SearchAction' method='get' target='_blank'> <meta content='https://amphtmlproject.blogspot.co.id/search?q={q}' itemprop='target'/> <input class='search-form' id='feed-q-input' itemprop='query-input' name='q' placeholder='Search' required='required' type='text'/> <button class='search-button' title='Search' type='submit'><i class='material-icons'></i></button> </form></div> </div> </div> </section> </amp-accordion>
</header>
<div id='outer-wrapper'> <div id='content-wrapper'> <div itemscope='itemscope' itemtype='http://schema.org/Blog'> <div id='main-wrapper'> <b:section class='main' id='main' showaddelement='no'> <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog' version='1'> <b:widget-settings> <b:widget-setting name='showDateHeader'>true</b:widget-setting> <b:widget-setting name='commentLabel'>Comment</b:widget-setting> <b:widget-setting name='style.textcolor'>#000000</b:widget-setting> <b:widget-setting name='showShareButtons'>false</b:widget-setting> <b:widget-setting name='authorLabel'>By</b:widget-setting> <b:widget-setting name='showCommentLink'>true</b:widget-setting> <b:widget-setting name='style.urlcolor'>#008000</b:widget-setting> <b:widget-setting name='showAuthor'>true</b:widget-setting> <b:widget-setting name='style.linkcolor'>#0000ff</b:widget-setting> <b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting> <b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting> <b:widget-setting name='timestampLabel'>a la/s</b:widget-setting> <b:widget-setting name='reactionsLabel'>Reactions</b:widget-setting> <b:widget-setting name='showAuthorProfile'>false</b:widget-setting> <b:widget-setting name='style.layout'>1x1</b:widget-setting> <b:widget-setting name='showLabels'>true</b:widget-setting> <b:widget-setting name='showLocation'>false</b:widget-setting> <b:widget-setting name='showTimestamp'>true</b:widget-setting> <b:widget-setting name='postsPerAd'>1</b:widget-setting> <b:widget-setting name='showBacklinks'>false</b:widget-setting> <b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting> <b:widget-setting name='showInlineAds'>false</b:widget-setting> <b:widget-setting name='backlinksLabel'>Post Link</b:widget-setting> <b:widget-setting name='showReactions'>false</b:widget-setting> </b:widget-settings> <b:includable id='main' var='top'> <b:if cond='data:mobile == "false"'>
<!-- posts --> <div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<b:loop values='data:posts' var='post'> <b:if cond='data:post.isDateStart'> <b:if cond='data:post.isFirstPost == "false"'> </div></div> </b:if> </b:if> <b:if cond='data:post.isDateStart'> <div class="date-outer"> </b:if> <b:if cond='data:post.isDateStart'> <div class="date-posts"> </b:if> <div class='post-outer'> <b:include data='post' name='post'/> <b:if cond='data:blog.pageType == "static_page"'> <b:if cond='data:post.showThreadedComments'> <b:include data='post' name='threaded_comments'/> <b:else/> <b:include data='post' name='comments'/> </b:if> </b:if> <b:if cond='data:blog.pageType == "item"'> <b:if cond='data:post.showThreadedComments'> <b:include data='post' name='threaded_comments'/> <b:else/> <b:include data='post' name='comments'/> </b:if> </b:if> </div> </b:loop> <b:if cond='data:numPosts != 0'> </div></div> </b:if> <data:adEnd/> </div>
<!-- navigation --> <b:include name='nextprev'/>
<b:else/> <b:include name='mobile-main'/> </b:if>
</b:includable> <b:includable id='backlinkDeleteIcon' var='backlink'> <span expr:class='"item-control " + data:backlink.adminClass'> <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'> <img src='https://resources.blogblog.com/img/icon_delete13.gif'/> </a> </span> </b:includable> <b:includable id='backlinks' var='post'> <a name='links'/><h4><data:post.backlinksLabel/></h4> <b:if cond='data:post.numBacklinks != 0'> <dl class='comments-block' id='comments-block'> <b:loop values='data:post.backlinks' var='backlink'> <div class='collapsed-backlink backlink-control'> <dt class='comment-title'> <span class='backlink-toggle-zippy'> </span> <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a> <b:include data='backlink' name='backlinkDeleteIcon'/> </dt> <dd class='comment-body collapseable'> <data:backlink.snippet/> </dd> <dd class='comment-footer collapseable'> <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span> <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span> </dd> </div> </b:loop> </dl> </b:if> <p class='comment-footer'> <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a> </p> </b:includable> <b:includable id='breadcrumb' var='posts'> <b:if cond='data:blog.homepageUrl != data:blog.url and data:blog.pageType == "item"'> <b:loop values='data:posts' var='post'> <b:if cond='data:post.labels'> <div class='breadcrumbs' id='breadcrumbs'> <div id='bread-crumbs'> <span itemscope='itemscope' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:blog.homepageUrl' itemprop='url' title='Home'><span itemprop='title'><i class='material-icons breadcrumbs-icon'></i> Home&nbsp;</span></a></span>&nbsp;<i class='material-icons breadcrumbs-icon'></i> <b:loop values='data:post.labels' var='label'> <span itemscope='itemscope' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:label.url + "?max-results=15"' expr:title='data:label.name' itemprop='url'><span itemprop='title'><data:label.name/></span></a><b:if cond='data:label.isLast != "true"'> <i class='material-icons breadcrumbs-icon'></i> </b:if></span> </b:loop> <i class='material-icons breadcrumbs-icon'></i> <span><data:post.title/></span> </div></div> </b:if> </b:loop> </b:if> </b:includable> <b:includable id='comment-form' var='post'> <!--<div class='comment-form'> <a name='comment-form'/> <b:if cond='data:mobile'> <h4 id='comment-post-message'> <a expr:id='data:widget.instanceId + "_comment-editor-toggle-link"' href='javascript:void(0)'><data:postCommentMsg/></a></h4> <p><data:blogCommentMessage/></p> <data:blogTeamBlogMessage/> <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/> <iframe allowtransparency='' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' src='' style='display: none' width='100%'/> <b:else/> <h4 id='comment-post-message'><data:postCommentMsg/></h4> <p><data:blogCommentMessage/></p> <data:blogTeamBlogMessage/> <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/> <iframe allowtransparency='' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' src='' width='100%'/> </b:if>--> <!-- <data:post.friendConnectJs/> <data:post.cmtfpIframe/> <script> BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>'); </script> </div>--> </b:includable> <b:includable id='commentDeleteIcon' var='comment'> <span expr:class='"item-control " + data:comment.adminClass'> <b:if cond='data:showCmtPopup'> <div class='goog-toggle-button'> <div class='goog-inline-block comment-action-icon'/> </div> <b:else/> <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'> <img src='https://resources.blogblog.com/img/icon_delete13.gif'/> </a> </b:if> </span> </b:includable> <b:includable id='comment_count_picker' var='post'> <b:if cond='data:post.commentSource == 1'> <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url' expr:data-url='data:post.url.canonical.http'> </span> <b:else/> <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'> <data:post.commentLabelFull/>: </a> </b:if> </b:includable> <b:includable id='comment_picker' var='post'> <b:if cond='data:post.commentSource == 1'> <b:include data='post' name='iframe_comments'/> <b:elseif cond='data:post.showThreadedComments'/> <b:include data='post' name='threaded_comments'/> <b:else/> <b:include data='post' name='comments'/> </b:if> </b:includable> <b:includable id='comments' var='post'> <div class='comments' id='comments'> <b:if cond='data:post.allowComments'> <h4> <b:if cond='data:post.numComments == 1'> 1 <data:commentLabel/>: <b:else/> <data:post.numComments/> <data:commentLabelPlural/>: </b:if> </h4>
<b:if cond='data:post.commentPagingRequired'> <span class='paging-control-container'> <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>   <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>   <data:post.commentRangeText/>   <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>   <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a> </span> </b:if>
<div expr:id='data:widget.instanceId + "_comments-block-wrapper"'> <dl expr:class='data:post.avatarIndentClass' id='comments-block'> <b:loop values='data:post.comments' var='comment'> <dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'> <b:if cond='data:comment.favicon'> <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/> </b:if> <a expr:name='data:comment.anchorName'/> <b:if cond='data:blog.enabledCommentProfileImages'> <data:comment.authorAvatarImage/> </b:if> <b:if cond='data:comment.authorUrl'> <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a> <b:else/> <data:comment.author/> </b:if> <data:commentPostedByMsg/> </dt> <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'> <b:if cond='data:comment.isDeleted'> <span class='deleted-comment'><data:comment.body/></span> <b:else/> <p> <data:comment.body/> </p> </b:if> </dd> <dd class='comment-footer'> <span class='comment-timestamp'> <a expr:href='data:comment.url' title='comment permalink'> <data:comment.timestamp/> </a> <b:include data='comment' name='commentDeleteIcon'/> </span> </dd> </b:loop> </dl> </div>
<b:if cond='data:post.commentPagingRequired'> <span class='paging-control-container'> <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'> <data:post.oldestLinkText/> </a> <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'> <data:post.olderLinkText/> </a>   <data:post.commentRangeText/>   <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'> <data:post.newerLinkText/> </a> <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'> <data:post.newestLinkText/> </a> </span> </b:if>
<p class='comment-footer'> <b:if cond='data:post.embedCommentForm'> <b:if cond='data:post.allowNewComments'> <b:include data='post' name='comment-form'/> <b:else/> <data:post.noNewCommentsText/> </b:if> <b:else/> <b:if cond='data:post.allowComments'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> </b:if> </b:if>
</p> </b:if> <b:if cond='data:showCmtPopup'> <div id='comment-popup'> <amp-iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'> </amp-iframe> </div> </b:if>
<div id='backlinks-container'> <div expr:id='data:widget.instanceId + "_backlinks-container"'> <b:if cond='data:post.showBacklinks'> <b:include data='post' name='backlinks'/> </b:if> </div> </div> </div> </b:includable> <b:includable id='disqus-comments' var='post'> <div class='disqus-comments' id='disqus_comments'> <amp-accordion> <section> <h4> <span class='show-more disqus-hide'>Add a comment</span> </h4> <span class='disqus-box'><amp-iframe expr:src='"https://atzones.github.io/blogr/disqus-comm.html?shortname=amphtml&url=" + data:blog.canonicalUrl' frameborder='0' height='300' layout='responsive' resizable='resizable' sandbox='allow-scripts allow-same-origin allow-modals allow-popups allow-forms' width='600'> <div aria-label='Disqus Comments' overflow='' role='button' tabindex='0'>Disqus Comments</div> </amp-iframe></span> </section> </amp-accordion> </div> </b:includable> <b:includable id='feedLinks'> <b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links --> <b:if cond='data:feedLinks'> <div class='blog-feeds'> <b:include data='feedLinks' name='feedLinksBody'/> </div> </b:if>
<b:else/> <!--Post feed links --> <div class='post-feeds'> <b:loop values='data:posts' var='post'> <b:if cond='data:post.allowComments'> <b:if cond='data:post.feedLinks'> <b:include data='post.feedLinks' name='feedLinksBody'/> </b:if> </b:if> </b:loop> </div> </b:if> </b:includable> <b:includable id='feedLinksBody' var='links'> </b:includable> <b:includable id='iframe_comments' var='post'>
<b:if cond='data:post.allowIframeComments'> <script expr:src='data:post.iframeCommentSrc'/> <div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>
<b:if cond='data:post.embedCommentForm == "false"'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> </b:if> </b:if> </b:includable> <b:includable id='mobile-index-post' var='post'> <div class='mobile-date-outer date-outer'> <b:if cond='data:post.dateHeader'> <div class='date-header'> <span><data:post.dateHeader/></span> </div> </b:if>
<div class='mobile-post-outer'> <a expr:href='data:post.url'> <h3 class='mobile-index-title entry-title'> <data:post.title/> </h3>
<div class='mobile-index-arrow'>&rsaquo;</div>
<div class='mobile-index-contents'> <b:if cond='data:post.thumbnailUrl'> <div class='mobile-index-thumbnail'> <div class='Image'> <img expr:src='data:post.thumbnailUrl'/> </div> </div> </b:if>
<div class='post-body'> <b:if cond='data:post.snippet'><data:post.snippet/></b:if> </div> </div>
<div class='clear'/> </a>
<div class='mobile-index-comment'> <b:if cond='data:blog.pageType != "static_page"'> <b:if cond='data:post.allowComments'> <b:if cond='data:post.numComments != 0'> <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a> </b:if> </b:if> </b:if> </div> </div> </div> </b:includable> <b:includable id='mobile-main' var='top'> <!-- posts --> <div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<b:if cond='data:blog.pageType == "index"'> <b:loop values='data:posts' var='post'> <b:include data='post' name='mobile-index-post'/> </b:loop> <b:else/> <b:loop values='data:posts' var='post'> <b:include data='post' name='mobile-post'/> </b:loop> </b:if> </div>
<b:include name='mobile-nextprev'/> </b:includable> <b:includable id='mobile-nextprev'> <div class='blog-pager' id='blog-pager'> <b:if cond='data:newerPageUrl'> <div class='mobile-link-button' id='blog-pager-newer-link'> <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>&lsaquo;</a> </div> </b:if>
<b:if cond='data:olderPageUrl'> <div class='mobile-link-button' id='blog-pager-older-link'> <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>&rsaquo;</a> </div> </b:if>
<div class='mobile-link-button' id='blog-pager-home-link'> <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a> </div>
<div class='mobile-desktop-link'> <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a> </div>
</div> <div class='clear'/> </b:includable> <b:includable id='mobile-post' var='post'> <div class='date-outer'> <b:if cond='data:post.dateHeader'> <h2 class='date-header'><span><data:post.dateHeader/></span></h2> </b:if> <div class='date-posts'> <div class='post-outer'>
<div class='post hentry uncustomized-post-template'> <b:if cond='data:post.title'> <h3 class='post-title entry-title'> <b:if cond='data:post.link'> <a expr:href='data:post.link'><data:post.title/></a> <b:else/> <b:if cond='data:post.url'> <b:if cond='data:blog.url != data:post.url'> <a expr:href='data:post.url'><data:post.title/></a> <b:else/> <data:post.title/> </b:if> <b:else/> <data:post.title/> </b:if> </b:if> </h3> </b:if>
<div class='post-header'> <div class='post-header-line-1'/> </div>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id'> <data:post.body/> <div class='clear'/> <!-- clear for photos floats --> </div>
<div class='post-footer'> <div class='post-footer-line post-footer-line-1'> </div>
<div class='post-footer-line post-footer-line-2'> </div>
</div> </div>
<b:if cond='data:blog.pageType == "static_page"'> <b:if cond='data:post.showThreadedComments'> <b:include data='post' name='threaded_comments'/> <b:else/> <b:include data='post' name='comments'/> </b:if> </b:if> <b:if cond='data:blog.pageType == "item"'> <b:if cond='data:post.showThreadedComments'> <b:include data='post' name='threaded_comments'/> <b:else/> <b:include data='post' name='comments'/> </b:if> </b:if> </div> </div> </div> </b:includable> <b:includable id='nextprev'> <div class='blog-pager' id='blog-pager'> <b:if cond='data:newerPageUrl'> <span id='blog-pager-newer-link'> <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><i class='material-icons font-arrow'></i></a> </span> </b:if>
<b:if cond='data:olderPageUrl'> <span id='blog-pager-older-link'> <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><i class='material-icons font-arrow'></i></a> </span> </b:if>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:if cond='data:mobileLinkUrl'> <div class='blog-mobile-link'> <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a> </div> </b:if>
</div> <div class='clear'/> </b:includable> <b:includable id='post' var='post'>
<article class='post hentry' itemscope='itemscope' itemtype='http://schema.org/Blog'>
<b:if cond='data:post.firstImageUrl'> <meta expr:content='data:post.firstImageUrl' itemprop='image'/> <b:else/> <amp-img alt='thumbnail-cadangan' class='thumbnail-cadangan' height='393' itemprop='image' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZxkNplNI00alMdFUfqyIQ4t7VFkdWf0FDZ84m6ST0KKA_ElriIe2y76XmPIpXFobnEVfA1iSMqTKm_9O4-6mgebqBWsW80FRiq-BnWt0Bel04l6ekLf3HNbDVJ6XzdMLKnlw5brj0337z/s1600/amphtml-thumbnail2.jpg' width='769'/> </b:if> <b:if cond='data:blog.pageType != "static_page"'> <b:if cond='data:blog.pageType != "item"'> <b:if cond='data:post.firstImageUrl'> <a expr:href='data:post.url'><amp-img alt='thumbnail' expr:src='data:post.firstImageUrl' height='393' layout='responsive' width='768'/></a> <b:else/> <a expr:href='data:post.url'><amp-img alt='thumbnail' height='393' layout='responsive' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZxkNplNI00alMdFUfqyIQ4t7VFkdWf0FDZ84m6ST0KKA_ElriIe2y76XmPIpXFobnEVfA1iSMqTKm_9O4-6mgebqBWsW80FRiq-BnWt0Bel04l6ekLf3HNbDVJ6XzdMLKnlw5brj0337z/s1600/amphtml-thumbnail2.jpg' width='769'/></a> </b:if> </b:if> </b:if>
<b:if cond='data:blog.pageType == "item"'> <div class='image-wrapper'> <div class='post-firstimage'> <b:if cond='data:blog.postImageUrl'> <div class='firstimage'> <amp-img expr:alt='data:post.title' expr:src='data:blog.postImageUrl' height='393' layout='responsive' width='769'/> </div> <b:else/> <div class='firstimage'> <amp-img expr:alt='data:post.title' expr:title='data:post.title' height='393' layout='responsive' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZxkNplNI00alMdFUfqyIQ4t7VFkdWf0FDZ84m6ST0KKA_ElriIe2y76XmPIpXFobnEVfA1iSMqTKm_9O4-6mgebqBWsW80FRiq-BnWt0Bel04l6ekLf3HNbDVJ6XzdMLKnlw5brj0337z/s1600/amphtml-thumbnail2.jpg' width='769'/> </div> </b:if> </div> </div> </b:if>
<b:if cond='data:blog.pageType == "static_page"'> <div class='image-wrapper'> <div class='post-firstimage'> <b:if cond='data:blog.postImageUrl'> <div class='firstimage'> <amp-img expr:alt='data:post.title' expr:src='data:blog.postImageUrl' height='270' layout='responsive' width='769'/> </div> <b:else/> <div class='firstimage'> <amp-img expr:alt='data:post.title' expr:title='data:post.title' height='270' layout='responsive' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiG_WWPsgCODcCnNCcK7dX4e62IdCmFdKHOHkYxP9Ufag-XJN-aXPbz37bxGVbHLnDiZWHkC3GWZ1sSmCygDIbe5o-78I6uXe8GxK1yCmiHffEZ9TqBqfwX3cTnxqEq5AtptPC1WrtEZS1d/s1600/amphtml-thumbnail3.jpg' width='769'/> </div> </b:if> </div> </div> </b:if>
<div class='post-inner'>
<b:if cond='data:post.title'> <h2 class='post-title entry-title' itemprop='headline'> <b:if cond='data:post.link'> <a expr:href='data:post.link' itemprop='url' rel='bookmark'><data:post.title/></a> <b:else/> <b:if cond='data:post.url'> <b:if cond='data:blog.url != data:post.url'> <a expr:href='data:post.url' itemprop='url' rel='bookmark'><data:post.title/></a> <b:else/> <data:post.title/> </b:if> <b:else/> <data:post.title/> </b:if> </b:if> </h2> </b:if>
<b:if cond='data:blog.pageType == "item"'> <b:if cond='data:post.labels'> <div class='post-labels'> <b:loop values='data:post.labels' var='label'> <a class='color-label' expr:href='data:label.url' rel='tag nofollow'><span itemprop='keywords'><data:label.name/></span></a> </b:loop> </div> </b:if> </b:if>
<!-- Post Meta --> <b:if cond='data:blog.pageType == "item"'> <b:include data='posts' name='breadcrumb'/> <div class='post-meta'> <div class='post-meta-left'> <div class='post-meta-span meta-author'>By <span class='post-author vcard'> <b:if cond='data:top.showAuthor'> <b:if cond='data:post.authorProfileUrl'> <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <meta expr:content='data:post.authorProfileUrl' itemprop='url'/> <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'> <span itemprop='name'><data:post.author/></span> </a> </span> <b:else/> <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <span itemprop='name'><data:post.author/></span> </span> </b:if> </b:if> </span> </div> <b:if cond='data:post.dateHeader'> <div class='post-meta-span meta-date'> <span class='fa fa-calendar-check-o'/> <abbr class='updated published' expr:title='data:post.timestampISO8601' itemprop='datePublished'> <data:post.dateHeader/> </abbr> </div> </b:if> </div> <div class='post-meta-right'> <amp-social-share height='35' type='twitter' width='35'> </amp-social-share> <amp-social-share height='35' type='gplus' width='35'/> <amp-social-share height='35' type='pinterest' width='35'/> <amp-social-share height='35' type='linkedin' width='35'/> <amp-social-share data-param-app_id='254325784911610' height='35' type='facebook' width='35'/> </div> </div> <div class='clear'/> </b:if> <!-- Post Meta End -->
<div class='post-header'> <div class='post-header-line-1'/> </div>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id'> <meta expr:content='data:blog.metaDescription' itemprop='description'/>
<b:if cond='data:blog.pageType != "static_page"'> <b:if cond='data:blog.pageType != "item"'> <div class='post-snippet'> <data:post.snippet/> </div> </b:if> </b:if>
<b:if cond='data:blog.pageType == "item"'> <data:post.body/> </b:if> <b:if cond='data:blog.pageType == "static_page"'> <data:post.body/> </b:if> <div class='clear'/> <!-- clear for photos floats --> </div>
<b:if cond='data:post.hasJumpLink'> <div class='jump-link'> <a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a> </div> </b:if>
<b:if cond='data:blog.pageType == "item"'> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'>
<b:if cond='data:post.labels'> <b:loop index='x' values='data:post.labels' var='label'> <b:if cond='data:x==0'> <div class='related-box'> <amp-iframe expr:src='"https://kangismet.github.io/blogger-related-posts/related3.html?label=" + data:label.name + "&url=" + data:blog.homepageUrl' frameborder='0' height='1100' layout='responsive' resizable='resizable' sandbox='allow-scripts allow-same-origin allow-modals allow-popups' width='650'> <div aria-label='Related Posts' overflow='' role='button' tabindex='0'>Related Posts</div> </amp-iframe> </div> </b:if> </b:loop> <div class='clear'/> </b:if> <div class='clear'/> <b:include cond='data:blog.pageType in {"static_page","item"}' data='post' name='disqus-comments'/> </div>
<div class='post-footer-line post-footer-line-2'> </div>
<div class='post-footer-line post-footer-line-3'><span class='post-location'> <b:if cond='data:top.showLocation'> <b:if cond='data:post.location'> <data:postLocationLabel/> <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a> </b:if> </b:if> </span> </div> </div> </b:if> </div> </article> </b:includable> <b:includable id='postQuickEdit' var='post'> <b:if cond='data:post.editUrl'> <span expr:class='"item-control " + data:post.adminClass'> <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'> <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/> </a> </span> </b:if> </b:includable> <b:includable id='shareButtons' var='post'> <b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showPinterestButton'><a class='goog-inline-block share-button sb-pinterest' expr:href='data:post.sharePostUrl + "&target=pinterest"' expr:title='data:top.shareToPinterestMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToPinterestMsg/></span></a></b:if><b:if cond='data:top.showPlusOne'><div class='goog-inline-block google-plus-share-container'><data:post.googlePlusShareTag/></div></b:if> </b:includable> <b:includable id='status-message'> <b:if cond='data:navMessage'> <div class='status-msg-wrap'> <div class='status-msg-body'> <data:navMessage/> </div> <div class='status-msg-border'> <div class='status-msg-bg'> <div class='status-msg-hidden'><data:navMessage/></div> </div> </div> </div> <div class='clear'/> </b:if>
</b:includable> <b:includable id='threaded-comment-form' var='post'> <div class='comment-form'> <a name='comment-form'/> <b:if cond='data:mobile'> <p><data:blogCommentMessage/></p> <data:blogTeamBlogMessage/> <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/> <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/> <b:else/> <p><data:blogCommentMessage/></p> <data:blogTeamBlogMessage/> <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/> <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/> </b:if> <data:post.friendConnectJs/> <data:post.cmtfpIframe/> <script> BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>'); </script> </div> </b:includable> <b:includable id='threaded_comment_js' var='post'> <script async='async' expr:src='data:post.commentSrc'/>
<script> (function() { var items = <data:post.commentJso/>; var msgs = <data:post.commentMsgs/>; var config = <data:post.commentConfig/>;
// <![CDATA[ var cursor = null; if (items && items.length > 0) { cursor = parseInt(items[items.length - 1].timestamp) + 1; }
var bodyFromEntry = function(entry) { if (entry.gd$extendedProperty) { for (var k in entry.gd$extendedProperty) { if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') { return '<span class="deleted-comment">' + entry.content.$t + '</span>'; } } } return entry.content.$t; }
var parse = function(data) { cursor = null; var comments = []; if (data && data.feed && data.feed.entry) { for (var i = 0, entry; entry = data.feed.entry[i]; i++) { var comment = {}; // comment ID, parsed out of the original id format var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t); comment.id = id ? id[2] : null; comment.body = bodyFromEntry(entry); comment.timestamp = Date.parse(entry.published.$t) + ''; if (entry.author && entry.author.constructor === Array) { var auth = entry.author[0]; if (auth) { comment.author = { name: (auth.name ? auth.name.$t : undefined), profileUrl: (auth.uri ? auth.uri.$t : undefined), avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined) }; } } if (entry.link) { if (entry.link[2]) { comment.link = comment.permalink = entry.link[2].href; } if (entry.link[3]) { var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href); if (pid && pid[1]) { comment.parentId = pid[1]; } } } comment.deleteclass = 'item-control blog-admin'; if (entry.gd$extendedProperty) { for (var k in entry.gd$extendedProperty) { if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') { comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value; } } } comments.push(comment); } } return comments; };
var paginator = function(callback) { if (hasMore()) { var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50'; if (cursor) { url += '&published-min=' + new Date(cursor).toISOString(); } window.bloggercomments = function(data) { var parsed = parse(data); cursor = parsed.length < 50 ? null : parseInt(parsed[parsed.length - 1].timestamp) + 1 callback(parsed); window.bloggercomments = null; } url += '&callback=bloggercomments'; var script = document.createElement('script'); script.src = url; document.getElementsByTagName('head')[0].appendChild(script); } }; var hasMore = function() { return !!cursor; }; var getMeta = function(key, comment) { if ('iswriter' == key) { var matches = !!comment.author && comment.author.name == config.authorName && comment.author.profileUrl == config.authorUrl; return matches ? 'true' : ''; } else if ('deletelink' == key) { return config.baseUri + '/delete-comment.g?blogID=' + config.blogId + '&postID=' + comment.id; } else if ('deleteclass' == key) { return comment.deleteclass; } return ''; };
var replybox = null; var replyUrlParts = null; var replyParent = undefined;
var onReply = function(commentId, domId) { if (replybox == null) { // lazily cache replybox, and adjust to suit this style: replybox = document.getElementById('comment-editor'); if (replybox != null) { replybox.height = '250px'; replybox.style.display = 'block'; replyUrlParts = replybox.src.split('#'); } } if (replybox && (commentId !== replyParent)) { document.getElementById(domId).insertBefore(replybox, null); replybox.src = replyUrlParts[0] + (commentId ? '&parentID=' + commentId : '') + '#' + replyUrlParts[1]; replyParent = commentId; } };
var hash = (window.location.hash || '#').substring(1); var startThread, targetComment; if (/^comment-form_/.test(hash)) { startThread = hash.substring('comment-form_'.length); } else if (/^c[0-9]+$/.test(hash)) { targetComment = hash.substring(1); }
// Configure commenting API: var configJso = { 'maxDepth': config.maxThreadDepth }; var provider = { 'id': config.postId, 'data': items, 'loadNext': paginator, 'hasMore': hasMore, 'getMeta': getMeta, 'onReply': onReply, 'rendered': true, 'initComment': targetComment, 'initReplyThread': startThread, 'config': configJso, 'messages': msgs };
var render = function() { if (window.goog && window.goog.comments) { var holder = document.getElementById('comment-holder'); window.goog.comments.render(holder, provider); } };
// render now, or queue to render when library loads: if (window.goog && window.goog.comments) { render(); } else { window.goog = window.goog || {}; window.goog.comments = window.goog.comments || {}; window.goog.comments.loadQueue = window.goog.comments.loadQueue || []; window.goog.comments.loadQueue.push(render); } })(); // ]]> </script> </b:includable> <b:includable id='threaded_comments' var='post'> <div class='comments' id='comments'> <a name='comments'/> <h4> <b:if cond='data:post.numComments == 1'> 1 <data:commentLabel/>: <b:else/> <data:post.numComments/> <data:commentLabelPlural/>: </b:if> </h4>
<div class='comments-content'> <b:if cond='data:post.embedCommentForm'> <b:include data='post' name='threaded_comment_js'/> </b:if> <div id='comment-holder'> <data:post.commentHtml/> </div> </div>
<p class='comment-footer'> <b:if cond='data:post.allowNewComments'> <b:include data='post' name='threaded-comment-form'/> <b:else/> <data:post.noNewCommentsText/> </b:if> </p>
<b:if cond='data:showCmtPopup'> <div id='comment-popup'> <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'> </iframe> </div> </b:if>
<div id='backlinks-container'> <div expr:id='data:widget.instanceId + "_backlinks-container"'> <b:if cond='data:post.showBacklinks'> <b:include data='post' name='backlinks'/> </b:if> </div> </div> </div> </b:includable> </b:widget> </b:section> </div>
<aside id='sidebar-wrapper'> <b:section class='sidebar' id='sidebar' preferred='yes'/> </aside>
<!-- spacer for skins that want sidebar and main to be the same height--> <div class='clear'> </div> </div> </div> <!-- end content-wrapper -->
<footer id='footer-wrapper'> <div class='footer' id='footer'> <div class='clear'/> <div class='creditpic'> <div class='credit-wrapper'> <div class='credit'> Copyright © <span itemprop='copyrightYear'>2016</span> <span itemprop='copyrightHolder' itemscope='itemscope' itemtype='https://schema.org/Organization'><a expr:href='data:blog.homepageUrl' expr:title='data:blog.title' itemprop='url'><span itemprop='name'><data:blog.title/></span></a></span> </div> </div> </div> <div class='clear'/> </div> </footer>
</div> <!-- end outer-wrapper --> <b:include data='blog' name='google-analytics'/> <!-- Go to www.addthis.com/dashboard to customize your tools --> <script src='//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5a5c91afaa1713b7' type='text/javascript'/>
<!--</body>--></body> </HTML>
Getting Info...