Twitter sites theme

April 01, 2021
 <?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<meta charset='utf-8'/>
<meta content='width=device-width, initial-scale=1' name='viewport'/>
<meta content='blogger' name='generator'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
<link expr:href='data:blog.url' rel='canonical'/>
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<b:if cond='data:blog.pageType != "error_page"'>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if></b:if>
<b:if cond='data:blog.pageType == "error_page"'>
<title>Page Not Found - <data:blog.title/></title>
</b:if>
<b:if cond='data:blog.pageType == "archive"'>
<meta content='noindex' name='robots'/>
</b:if>
<b:if cond='data:blog.searchLabel'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.isMobile'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.pageType != "error_page"'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<meta expr:content='data:blog.pageName + ", " + data:blog.pageTitle + ", " + data:blog.title' name='keywords'/>
</b:if></b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='xxxxx' name='keywords'/></b:if>
<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'/>
<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>
<link href='/favicon.ico' rel='icon' type='image/x-icon'/>
<link href='https://plus.google.com/xxxxx/posts' rel='publisher'/>
<link href='https://plus.google.com/xxxxx/about' rel='author'/>
<link href='https://plus.google.com/xxxxx' rel='me'/>
<meta content='xxxxx' name='google-site-verification'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='Your Name' name='Author'/>
<meta content='id' name='geo.country'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'> 
<b:if cond='data:blog.pageType == "item"'> 
<b:if cond='data:blog.pageType == "static_page"'>  
<b:if cond='data:blog.url'>
<meta expr:content='data:blog.url' property='og:url'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.pageName'>
<meta expr:content='data:blog.pageName' property='og:title'/>
</b:if></b:if></b:if></b:if>
<meta expr:content='data:blog.pageName' property='og:title'/>
<b:if cond='data:blog.pageType == "item"'>
<meta content='article' property='og:type'/>
<b:else/>
<meta content='website' property='og:type'/>
</b:if>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<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 expr:content='data:blog.blogspotFaviconUrl' property='og:image'/>
</b:if></b:if>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
<meta content='xxxxx' property='og:description'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta content='xxxxx' property='fb:admins'/>
<meta content='xxxxx' property='fb:app_id'/>
<meta expr:content='data:blog.title' name='twitter:site'/>
<meta content='@xxxxx' name='twitter:creator'/>
<meta content='#0081c0' name='theme-color'/><meta content='#0081c0' name='msapplication-navbutton-color'/><meta content='yes' name='apple-mobile-web-app-capable'/><meta content='#0081c0' name='apple-mobile-web-app-status-bar-style'/>
<b:skin><![CDATA[
/*
Theme Name       : Blanter Swift
Theme Date       : 16 Februari 2018
Update           : 29 january  2021
Designer         : Rhinokage Rio
URL Designer     : https://www.idblanter.com
Publisher        : https://www.danutheme.co
Theme License    : This free Blogger template is licensed under the Creative Commons Attribution 4.0 License, which permits both personal and commercial use. However, to satisfy the 'attribution' clause of the license, you are required to keep the footer links intact which provides due credit to its authors. For more specific details about the license, you may visit the URL below:
https://creativecommons.org/licenses/by/4.0/
Credit :
- Thanks for All Supported
- This is Special Template for Designers Birthday
- Material Design, Flat UI Design, Fluent Design System
*/
.section,.widget,body{margin:0}#content-wrapper,#css-menu,#header,#outer-wrapper,.breadcrumbs{position:relative}#cssmenu,#cssmenu ul,#cssmenu ul li a:hover,.breadcrumbs a span,a:hover,abbr,body{text-decoration:none}#footer-bottom #copyright,.sidebar1 h2{letter-spacing:.5px;text-transform:uppercase}#navbar-iframe,#navmenu2.shows,.post-comment-link{visibility:hidden}.buttonx,.pagenav .pages,.sidebar1 h2{text-transform:uppercase}#header{padding:0 20px;margin:20px 0 30px}#header a,#header h1{color:#555;font-size:17px;font-weight:500}#header p{font-size:11px}#navbar-iframe{height:0;display:none}ul{list-style-type:circle}.post-body ol{padding:0 30px}

body{background:#f6f7fb;color:#4a5764;font-family:Roboto,Arial,Helvetica,sans-serif;font-size:14px;line-height:22px;padding:0}a,a:active,a:link,a:visited{color:#bac;text-decoration:none;transition:all .25s linear}a:hover{color:#444;transition:all .5s ease}h2.date-header{display:none}::selection{background:bac;text-shadow:none}#outer-wrapper{padding:0;overflow:hidden;background:#fff}#content-wrapper{margin:0 auto;width:670px;float:right;max-width:100%;display:block;transition:all .4s ease-in-out}#error-blanter,#main-wrapper{width:100%;word-wrap:break-word;display:block;padding:0 0 15px;position:relative;margin:0 auto}.wrapper{width:1100px;max-width:100%;margin:0 auto}.breadcrumbs{border-radius: .3em;font-size:20px;padding:5px;color:#fff;background:#bac;margin:0;font-family:Roboto,sans-serif;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.breadcrumbs a span{color:#fff;font-weight:700;padding:0 2px;font-size:13px}.breadcrumbs a{color:#fff;padding:5px 2px;font-size:12px}.breadcrumbs span{font-weight:700;font-size:13px}.breadcrumbs i{float:left;line-height:1.3;margin:0 5px}.displaynone,.quickedit{display:none}.label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5{font-size:100%;opacity:1}.label-size{background:#fff;display:block;float:left;margin:0 4px 4px 0;color:#999;font-size:11px;line-height:1.2}.label-size a:hover{background:#bac;color:#fff}.label-size a,.label-size span{display:inline-block;color:#666;padding:10px;border: 1px solid #f1f1f1;}.label-count{white-space:nowrap;padding-right:3px;margin-left:-3px;color:#999}.label-count:hover{color:#bac}#footer-bottom ul{list-style:none;padding:0}.Label li{margin:0;display:block;transition:all .3s ease-out;padding:0 20px;height:45px;line-height:45px;border-bottom:1px solid #ddd}

#css-menu,#navmenu2{transition:all .4s ease-in-out}.Label li a:before{font-family:FontAwesome;font-style:normal;font-weight:400;content:"\f02b";padding:10px;border-radius:100%;background:#eee;margin-right:15px;color:#777;font-size:14px}.Label li a{color:#222}.Label li a:hover{color:#000}.Label li:hover{background:#fbfbfb}.widget-content.list-label-widget-content{background:#fff;box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 5px 0 rgba(0,0,0,.12)}

#sidebar-blanter{overflow: hidden; float: left; bottom: 0; position: absolute; z-index: 5; left: 0; top:0; background: linear-gradient( to right bottom, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.3) ); transition: all .3s ease-in-out; box-shadow: 6px 16px 31px -18px #b7bcd1; -webkit-box-shadow: 6px 16px 31px -18px #b7bcd1;}

.circle2 { top: 25%; left: 10%; } .circle1 { top: 5%; right: 10%; } .circle1, .circle2 { background: white; background: linear-gradient( to right bottom, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.3) ); height: 20rem; width: 20rem; position: absolute; border-radius: 50%; }
#fluent-wrapper{border-radius: .4em; overflow: auto;width:1000px;max-width:100%;margin:50px auto}#css-menu{background:linear-gradient(to right bottom, rgba(255, 255, 255, 0.7),    rgba(255, 255, 255, 0.3)  );float:left;width:300px;height:100%}a.blanter-back{position:inherit!important;width:20px;height:20px;padding:13px;z-index:99}#cssmenu,#cssmenu ul{margin:0;padding:0;border:0;list-style:none;font-weight:400;line-height:1;font-family:Roboto,sans-serif;font-size:14px;position:relative;text-align:left}#cssmenu a{line-height:1.3;padding:12px 15px}.banner-header iframe,.banner-header img{width:635px;height:auto;margin:20px 0 30px}#cssmenu ul li{cursor:pointer}#cssmenu ul li a{font-size:13.5px;display:block;color:#777;padding:15px 20px;font-weight:500}#cssmenu ul li a:hover{background:#fff;color:#bac}#cssmenu ul li.active,#cssmenu ul li.active a{background:#fff}.header-mobile{display:none;background:#eee;width:100%;overflow:hidden;position:relative;text-align:center;height:60px;line-height:60px}.header-mobile h2{font-weight:500;font-size:16px}a.toggleMenu{position:absolute;color:#fff;background:#bac;padding:5px 5px 0;transform:scale(1.3);margin:10px;top:0;right:0;line-height:1.5}#PopularPosts1 .popular-posts,#PopularPosts2 .popular-posts,#bsearch-box,.labelpost,.post{position:relative}#cssmenu ul li.home a:hover{background:#fff}#cssmenu ul li.home{background:#fff;overflow:hidden;color:#444;font-size:18px;font-weight:700;padding:0;display:block;border-bottom:1px solid #eee}#cssmenu ul li.has-sub>a:after{content:'\f105';font-family:FontAwesome;float:right}#cssmenu ul li.has-sub.active>a:after{content:'\f107';font-family:FontAwesome;float:right}#cssmenu ul ul{padding:0;display:none;background:#eee}#cssmenu ul ul li a{color:#777;font-weight:400;padding:10px 10px 10px 48px;background:#eee}#cssmenu ul ul li a:hover{font-weight:700}#sidebar-blanter.slide{left:-340px}#content-wrapper.slide{padding-left:0}#sidebar-blanter.disable{left:0!important}#css-menu h3,#css-menu p{padding:0;margin:0}#navmenu2 li i{float:left;margin-right:10px;font-size:18px}#navmenu2.shows{margin-left:-20px;opacity:0}.post{margin:0;padding:0;background:#fff}.post-thumbnail{float:right;margin:0;padding:0}.post h1{margin:20px 0;color:#444;padding:10px 0;font-size:150%;text-align:center;line-height:1.2em;font-weight:500;font-family:Roboto,Arial,Sans-Serif}#blog-pager,#blog-pager a,#search-text,.PopularPosts .popular-posts ul li a,.showpagePoint{font-family:Roboto,Arial}.post h1 a{color:#333}.post-body{line-height:1.8em;color:#555;font-size:100%;padding:0 10px;width:auto!important}.separator,.separator img{max-width:100%;width:auto;height:auto}.post-body blockquote{line-height:1.3em}.post img{max-width:100%;height:auto;color:#ddd}.separator{float:none;margin:0 auto}.separator img{margin:0;padding:0}#sharelabel{background:#deedf8;padding:10px 15px;margin:0}#wrap-label{margin:0;padding:0;background:#292e34}.post-body a{color:#bac}.labelpost{margin:0;padding:0}.labelpost a{background-color:#397eae;color:#eee;padding:5px 10px;margin-right:3px;font-weight:400;font-size:12px;border-radius:3px}.labelpost a:hover{opacity:.7}.infopost{margin:0;padding:0}.postheader{margin-top:20px;padding:0;overflow:hidden}.post-info{padding:10px 15px;margin:0;color:#555;border-top:1px solid #ddd;border-bottom:1px solid #ddd;line-height:1.6em;font-size:13px;overflow:hidden}.post-info i{padding-right:5px}.post-info a{color:#444!important}.comments-publish,.time-publish{text-align:center}#sidebar1{margin:0 auto 20px;overflow:hidden;padding:0 20px}.blanter-back,.item-snippet{display:none}

iframe#st_gdpr_iframe{display:none!important}
@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}@keyframes rubberBand{from{transform:scale3d(1,1,1)}30%{transform:scale3d(1.25,0.75,1)}40%{transform:scale3d(0.75,1.25,1)}50%{transform:scale3d(1.15,0.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes heart{from{transform:scale(1)}10%{transform:scale(1.2)}}@keyframes ripple{100%{opacity:0;transform:scale(2.5)}}@keyframes rotating{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes heart{from{transform:scale(1)}10%{transform:scale(1.2)}}@keyframes bounceInLeft{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInRight{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes littleShine{0%{background-position:-400px 0}100%{background-position:400px 0}}@keyframes movebg{0%{transform:scale(1)}50%{transform:scale(1.6) rotate(15deg)}100%{transform:scale(1)}}@keyframes float{50%{transform:translate(0,20px)}}@keyframes shrink{0%{width:90%;margin:0 5%}50%{width:60%;margin:0 18%}100%{width:90%;margin:0 5%}}@keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes gradientz{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@keyframes square{0%{-webkit-transform:translateY(0) scale(2) rotate(0);transform:translateY(0) scale(2) rotate(0);opacity:1}100%{-webkit-transform:translateY(-600px) scale(0) rotate(-500deg);transform:translateY(-600px) scale(0) rotate(-500deg);opacity:0}}@keyframes rainbow{0%{background-position:0% 82%}50%{background-position:100% 19%}100%{background-position:0% 82%}}
.ink{display:block;position:absolute;background:rgba(255,255,255,0.4);border-radius:100%;transform:scale(0)}.animate{animation:ripple 0.55s linear}.lazyload{opacity:0}.lazyloaded{opacity:1;transition:all .3s}ins{background:#fff;border-radius:8px;overflow:hidden}.Night ins{background:#263545}svg{vertical-align:middle}
.preloader{overflow:hidden;left:0;right:0;top:0;bottom:0;position:absolute;}.status{width:50px;height:30px;left:0;right:0;top:17px;bottom:0;position:absolute;margin:auto}.spinnerno{margin:0 auto;width:50px;height:12px;text-align:center;font-size:0}.spinnerno > div{background:rgba(0,0,0,0.15);height:100%;width:4px;border-radius:12px;display:inline-block;animation:stretchdelay 1.2s infinite ease-in-out}.spinnerno .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.spinnerno .rect3{-webkit-animation-delay:-1.0s;animation-delay:-1.0s}.spinnerno .rect4{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}.spinnerno .rect5{-webkit-animation-delay:-0.8s;animation-delay:-0.8s}.Night .spinnerno > div{background:rgba(255,255,255,0.25)}
@keyframes stretchdelay{0%,40%,100%{transform:scaleY(0.4);-webkit-transform:scaleY(0.4)}20%{transform:scaleY(1.0);-webkit-transform:scaleY(1.0)}}

#banner-header { margin: 0 0 38px; }

/* Popular Post with Blue Star Rating by http://www.ar1web.net/ */
.PopularPosts ul{background:#fff;list-style:none;margin:0;padding:5px 5px 0;overflow:hidden;border-top:none}
.PopularPosts li,.PopularPosts li img,.PopularPosts li a,.PopularPosts li a img{margin:0;padding:0;list-style:none;border:none;background:none;outline:none}
.PopularPosts ul{margin:0;list-style:none;color:#64707a}
.PopularPosts ul li img{background:#fafafa;display:block;margin:0 10px 0 0;width:60px;height:60px;overflow:hidden;float:left;}
.PopularPosts ul li{position:relative;background-color:#fff;margin:0;padding:.7em 0!important;border:0;position:relative;border-bottom:1px solid #F1F1F1}
.PopularPosts ul li:before{font-family:fontawesome;content:'\f005\f005\f005\f005\f005';display:inline-block;position:absolute;color:#bac;text-align:center;bottom:0;right:0;margin:9px 0;font-size:11px;padding:0;font-weight:normal;line-height:normal;transition:all .3s}
.PopularPosts ul li:nth-child(1):before{font-family:fontawesome;content:'\f005\f005\f005\f005\f005';}
.PopularPosts ul li:nth-child(2):before{font-family:fontawesome;content:'\f005\f005\f005\f005\f123';opacity:.9}
.PopularPosts ul li:nth-child(3):before{font-family:fontawesome;content:'\f005\f005\f005\f005\f006';opacity:.85}
.PopularPosts ul li:nth-child(4):before{font-family:fontawesome;content:'\f005\f005\f005\f123\f006';opacity:.8}
.PopularPosts ul li:nth-child(5):before{font-family:fontawesome;content:'\f005\f005\f005\f006\f006';opacity:.75}
.PopularPosts ul li:nth-child(6):before{font-family:fontawesome;content:'\f005\f005\f123\f006\f006';opacity:.7}
.PopularPosts ul li:nth-child(7):before{font-family:fontawesome;content:'\f005\f005\f006\f006\f006';opacity:.75}
.PopularPosts ul li:nth-child(8):before{font-family:fontawesome;content:'\f005\f123\f006\f006\f006';opacity:.7}
.PopularPosts ul li:nth-child(9):before{font-family:fontawesome;content:'\f005\f006\f006\f006\f006';opacity:.75}
.PopularPosts ul li:nth-child(10):before{font-family:fontawesome;content:'\f123\f006\f006\f006\f006';opacity:.7}
.PopularPosts ul li:hover:before{opacity:1}
.PopularPosts ul li:first-child{border-top:none}
.PopularPosts ul li:last-child{border-bottom:none}
.PopularPosts ul li .item-title a,.PopularPosts ul li a{color:#333;font-size:13px;}
.PopularPosts ul li a:hover{color:#2476e0;}
.PopularPosts .item-thumbnail{margin:0;}
.PopularPosts .item-snippet{display:none}
.PopularPosts .item-title{font-weight:700;padding-bottom:.2em;padding:0 5px}

.sidebar1 h2{margin:15px 0!important;font-size:13px;font-weight:500;padding-top:10px;color:#969696}.PopularPosts .item-title{display:table-cell;vertical-align:middle;line-height:normal;text-overflow:ellipsis;padding:0 10px}.PopularPosts .item-thumbnail img{display:block;float:left;border-radius:.3em;width:60px;height:auto;padding:0}.popular-posts ul{padding-left:0}#PopularPosts2 .widget-content{margin:auto}#bsearch-box{padding:0 20px;margin:20px 0}#search-text:focus{border-color:#bac!important}#search-text{background: linear-gradient( to right bottom, #ffffff, rgba(255, 255, 255, 0.3) ); border: 0; font-weight: 500; color: #6b6b6b; outline: 0; padding: 10px 0; width: 100%; font-size: 14px; border-radius: 100px;}#bsearch-box button{background:0 0;border:0;color:#777;position:absolute;right:15px;outline:0;cursor:pointer}#bsearch-box i{font-size:20px;line-height:1.7}#blog-pager .pageicon{font-size:200%;line-height:16px;padding-bottom:5px}#blog-pager{width:100%;line-height:normal;font-size:13px;font-weight:400}#blog-pager a,.showpagePoint{padding:8px 15px}#blog-pager,.blog-pager{margin:20px 0 25px;clear:both;text-align:center}.showpageOf{display:none}.showpage a,.showpageNum a,.showpagePoint{display:inline-block;vertical-align:top;line-height:20px;border-radius:.4em;margin:0 0 0 5px;font-size:13px;text-align:center;font-weight:700;color:#fff;background:#bac;transition:all .3s ease-in-out}.colorbox,blockquote{margin:.5rem 0 1rem;color:#fff;padding:20px;position:relative;overflow:hidden}.showpagePoint{background:#9d88b1;color:#fff}.showpage a:hover,.showpageNum a:hover{background-color:#a78bc2;color:#fff;transition:all .3s ease-in-out}blockquote{background:#673ab7!important}.colorbox{border-radius:2px;box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)}.colorbox.blue{background:#03a9f4}.colorbox.green{background:#4CAF50}.colorbox.red{background:#F44336}.colorbox.orange{background:#ff9800}#footer{background:#222;width:100%;font-weight:400}#footer-bottom,.one-half{background:#fff;max-width:100%;text-align:center}#footer a{color:#999}#footer a:hover{color:#ccc}#footer-bottom{border-top:1px solid #eee;display:block;margin:0 auto;width:100%;overflow:hidden;box-shadow:0 2px 2px 0 rgba(0,0,0,.05),0 3px 1px -2px rgba(0,0,0,.08),0 1px 5px 0 rgba(0,0,0,.08);border-radius:5px}#footer-bottom a{color:#555}#footer-bottom a:hover{color:#000}#footer-bottom #footer-logo{display:block;margin-bottom:20px;max-height:50px;-webkit-border-radius:0;border-radius:0}#footer-bottom #copyright{color:#555;font-weight:500;font-size:11px;line-height:1.5em}#footer-bottom .social-links{padding-top:10px}#footer-bottom .social-links a{color:rgba(255,255,255,.6)}#footer-bottom .social-links .social-tooltip{font-size:28px}.container{width:1200px;max-width:100%;margin:0 auto;position:relative}.group:after,.group:before{content:"";display:table}.group:after{clear:both}.group{zoom:1}.pad.format-container,.pad.post-content{padding-left:40px;padding-right:40px}.grid{margin-right:3.2%;float:left;display:inline;position:relative}.one-half{z-index:6;font-family:Roboto,sans-serif;width:100%;padding:10px 0 10px 40px}.last{clear:right;margin-right:0!important}kbd{display:inline-block;border:1px solid #ccc;border-radius:4px;padding:.1em .5em;margin:0 .2em;box-shadow:0 1px 0 rgba(0,0,0,.2),0 0 0 2px #fff inset;background-color:#f7f7f7}#BackToTop,.buttonx{box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);cursor:pointer}.widget .post-body ol,.widget .post-body ul{line-height:1.5;font-weight:400}.widget .post-body li{padding:10px 5px;line-height:1.5}.footerbanner{padding:15px 0;width:100%;max-width:970px;margin:0 auto}.footerbanner iframe,.footerbanner img{display:block;max-width:100%;height:auto;border:none;overflow:hidden}.pagenav,.pagenav a,.pagenav span{display:inline-block;text-align:center}.post-body table caption,.post-body table th{border-bottom:1px solid #ddd;padding:10px;text-align:left;vertical-align:top}.post-body table.tr-caption-container{border:1px solid #eee}.post-body th{font-weight:700;background:#fafafa}.post-body table caption{border:none;font-style:italic}.post-body td,.post-body th{vertical-align:top;text-align:left;font-size:13px;padding:3px 5px}.post-body table.tr-caption-container td{border:none;padding:8px}.post-body table.tr-caption-container,.post-body table.tr-caption-container img{max-width:100%;height:auto}.post-body td.tr-caption{color:#666;font-size:80%;padding:0 8px 8px!important}img{max-width:100%;height:auto;border:none}table{max-width:100%;width:100%;margin:1.5em auto}table.section-columns td.first.columns-cell{border-left:none}table.section-columns{border:none;table-layout:fixed;width:100%;position:relative}table.columns-2 td.columns-cell{width:50%}table.columns-3 td.columns-cell{width:33.33%}table.columns-4 td.columns-cell{width:25%}table.section-columns td.columns-cell{vertical-align:top}table.tr-caption-container{padding:4px;margin-bottom:.5em}td.tr-caption{font-size:80%}.pagenav{width:92.7%;position:relative;clear:both;margin:20px 0 0;padding:20px}.pagenav a,.pagenav span{border-radius:3px;vertical-align:top;color:#454545;line-height:20px;padding:6px 12px;margin:0 2px;font-size:14px;transition:initial;transition:all .5s ease-in-out}.pagenav .pages{background-color:transparent;color:#666;font-weight:400;font-size:11px}#BackToTop,.pagenav .current{color:#fff;background-color:#bac}.pagenav .current{border-color:#bac}.pagenext{font-size:200%!important;line-height:26px!important;width:30px;padding:0!important;height:30px}.adsbanner{width:100%;max-width:670px;margin-bottom:20px}#BackToTop{overflow: hidden; position: fixed; transform: scale(0); z-index: 90; right: 30px; bottom: 31px; width: 30px; height: 30px; text-align: center; font-size: 22px; line-height: 30px; border-radius: .4em; transition: all .2s ease-in-out;}#BackToTop:hover{transform:scale(1.1)!important}#BackToTop.active{transform:scale(1)}img.authoravatar{width:35px!important;height:35px!important;border-radius:100%;float:left;margin-right:15px}#material-subscribe{padding:0 15px;background:#fff}.buttonx{background:#26a69a;color:#fff!important;padding:12px 25px;border-radius:4px;border:none;outline:0;transition:all .3s ease-in-out!important;font-weight:700;font-family:Roboto}.buttonx:hover{box-shadow:0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15)}.buttonx.subs{background:#bac;padding:10px 18px}.post-body .buttonx{margin-right:7px}@media screen and (max-width:1580px){.menux li{display:inline-block}#share-this a{padding:10px 14px 8px}}@media screen and (max-width:900px){#sidebar-blanter{left:-340px;width:270px}#css-menu{width:270px}#sidebar-blanter.slide{left:0}#main-wrapper{float:none!important;width:100%}#main-nav .menu,#main-nav .menu li{width:100%}#main-nav{display:none}#menu-mob{display:block}#share-this a{padding:10px 14px 8px}}@media screen and (max-width:768px){#cse-search-box,.nav-menu2>li:hover>a{background:#fff}.header-mobile{display:block}#fluent-wrapper{margin:0 auto}.buttonx{display:inline-block;margin:5px 0}.blanter-icons{right:16px;left:initial!important}#BackToTop{bottom:20px;right:20px;width:45px;height:45px;line-height:43px}.banner-header{padding:15px 0}.one-half{padding:10px 0}.comments-publish,.post-author,.time-publish{padding:5px}.idb-pager li a{padding:0}ul.idb-pager{padding:5px}#showmenu{position:absolute;top:0;right:0;margin:5px 0}#header-wrapper li a{width:100%;text-align:left;color:#fff}#header-wrapper li,.nav-menu2{width:100%}#cse-search-box{left:-400px;transition:all .7s ease-in-out;opacity:0;position:absolute;width:95%;border-color:#fff}#search-box{width:100%;top:-64px;left:2%;position:absolute;z-index:98;margin:-3px!important}#search-box .fa-arrow-left,#showsearch,.blanter-back{display:block}a.show-more{margin:0}#main-nav .menu,#main-nav .menu li{width:100%}.blog_social_block a i{font-size:13px;width:20px;height:20px}#main-nav,a.blanter{display:none}#share-this a{padding:10px 14px 8px}.click-comment,.pagenav .pages{display:none!important}}@media screen and (max-width:684px){#content-wrapper{margin:0 7px!important;width:95%;padding:0}.widget-content.list-label-widget-content{margin-right:50px!important}.comment_child .comment_wrap{padding-left:0!important}.comment_body{width:70%!important}.comment_admin .comment_body{width:60%!important}#material-subscribe{width:90%!important}.menux li{display:inline-block}#main-nav .menu,#main-nav .menu li,#sidebar-css{width:100%}#main-nav,.spanshare{display:none}#share-this a{padding:10px 14px 8px}}@media screen and (max-width:600px){.post-outer{max-width:100%!important}#main-nav .menu,#main-nav .menu li,#sidebar-css{width:100%}#main-nav{display:none}#share-this a{padding:10px 14px 8px}}@media screen and (max-width:480px){.buttonx.subs{width:100%}.comment_body{width:55%!important}.comment_admin .comment_body{width:50%!important}.share-post li a{width:40px!important}#share-this{margin:5px 10px}#share-this a{min-width:100%;padding:0;text-align:center!important;height:30px;line-height:35px;margin:0 auto 3px!important}#main-nav .menu,#main-nav .menu li,#sidebar-css{width:100%}#nav-wrapper{margin-bottom:70px}#main-nav{display:none}}@media screen and (max-width:320px){#main-nav .menu,#main-nav .menu li,#sidebar-css{width:100%}#nav-wrapper{margin-bottom:75px}#main-nav{display:none}}@media screen and (max-width:240px){#main-wrapper{float:none;width:100%}#main-nav .menu,#main-nav .menu li,#sidebar-css{width:100%}#nav-wrapper{margin-bottom:80px}#main-nav{display:none}}
@media screen and (min-width:768px){::-webkit-scrollbar{-webkit-appearance:none;width:4px;height:5px}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.15);border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.45)}::-webkit-scrollbar-thumb:active{background-color:rgba(0,0,0,.45)}}

]]></b:skin>
<b:template-skin>
<![CDATA[
body#layout #header-left{float:left;width:540px}body#layout #header-right{float:right;width:400px}body#layout #outer-wrapper{width:960px;margin:0 auto}body#layout #content-wrapper{margin:0 auto;padding:0}body#layout #main-wrapper{width:650px;float:left}body#layout #sidebar-css{float:right;width:300px}.quickedit{display:none}body#layout ul,body#layout li{display:none}body#layout #header{width:30%;float:left}body#layout #banner-header{width:95.5%;float:none}body#layout #sidebar1{width:90%;float:left}body#layout #rec-widget {float:left;width:90%}body#layout #header-wrapper{position:relative}body#layout .tab1, body#layout .tab2{width:35%;float:left}body#layout div.section{overflow:hidden}
]]></b:template-skin>
<b:if cond='data:view.isSingleItem'>
<style type='text/css'>
/* CSS Hanya Postingan */
.share-post li .fa:before,.share-post li a{color:#fff;transition:all .6s ease-out;text-align:center}.share-post{text-align:center;overflow:hidden;border-top:1px solid #eee;margin-bottom:20px;margin-top:15px;padding:14px 0}.share-post ul{padding:0;margin:10px auto;width:280px;max-width:100%}.share-post li{float:left;margin:0;padding:0;list-style:none;position:relative}.share-post li a{padding:10px 5px;width:42px;display:block;font-size:13px}.share-post li .twitter{background-color:#1da1f2}.share-post li .facebook{background-color:#4867aa}.share-post li .gplus{background-color:#dc4a38}.share-post li .pinterest{background-color:#c82828}.share-post li .wa{background:#0dc143}.share-post li .tumblr{background-color:rgba(48,78,108,.98)}.share-post li .facebook:hover,.share-post li .gplus:hover,.share-post li .pinterest:hover,.share-post li .tumblr:hover,.share-post li .twitter:hover{color:#fff}.share-post li:last-child{margin-right:0}.share-post li .fa:before{top:0;left:0;display:inline-block;padding:5.5px 12px;font-family:fontawesome;line-height:20px;font-size:17px}.share-post li .fa{display:initial}.spanshare{text-align:center;font-size:13px;text-transform:uppercase;font-weight:500}ul.idb-pager{padding-top:17px}.idb-pager li.next,.idb-pager li.previous{height:110px;padding:0;background:0 0;width:42%;max-width:100%}.idb-pager li.next{text-align:left;float:left;margin:0}li.previous a{float:right}.idb-pager li.previous{text-align:right;margin:0 -2px 0 0;float:right}.idb-pager li.next a{float:left}.idb-pager li{display:inline;overflow:hidden}.idb-pager li a{position:relative;width:84%;min-height:77px;display:block;padding:15px 0;outline:0;text-decoration:none}.idb-pager li i{color:#444;font-size:18px}.idb-pager li a strong{display:block;font-size:13px;color:#999;font-weight:600;text-transform:uppercase;margin-bottom:10px}.idb-pager li a span{font-size:13px;color:#444;font-weight:700;font-family:Roboto;margin:0}.idb-pager li a:hover i,.idb-pager li a:hover span{color:#000}.idb-pager li.previous i{float:right;margin-top:42px;margin-right:5%;margin-left:5px}.idb-pager li.next a strong{text-align:left}.idb-pager li.previous a strong{text-align:right}.idb-pager li.next i{float:left;margin-top:42px;margin-left:5%;margin-right:5px}.idb-pager li.next,.idb-pager li.next i,.idb-pager li.previous,.idb-pager li.previous i{font-size:130%;-webkit-transition-property:background color;-webkit-transition-duration:.4s;-webkit-transition-timing-function:ease-out;-moz-transition-property:background color;-moz-transition-duration:.4s;-moz-transition-timing-function:ease-out;-o-transition-property:background color;-o-transition-duration:.4s;-o-transition-timing-function:ease-out;transition-property:background color;transition-duration:.4s;transition-timing-function:ease-out}.avatar-container{float:left;margin-right:20px}.avatar-container img:hover{border-color:#7B7B7B}.avatar-container img{width:100px;height:auto;padding:5px;border-radius:100%}.author_description_container h5{font-weight:600;font-size:16px;display:block;margin-bottom:10px;text-transform:uppercase}.author_description_container h5 a{color:#333}.author_description_container p{font-size:12px;line-height:1.7;margin-bottom:15px}.time-publish{float: right; background: #bac; color: #fff; line-height: 1.8; font-size: 13px; padding: 5px 10px; border-radius: .3em;}.time-publish i{float:left;margin-right:7px}.time-publish abbr{color:#fff;font-weight:700}#img-pertamax{overflow:hidden;position:relative;padding-bottom:20px;margin-bottom:20px}.post-author.vcard{float:left;font-size:13px}.post-author a{line-height:3.7!important;font-weight:700}img.author-avatar{width:40px;height:40px;border-radius:100%;float:left;border:4px solid #fff;margin-right:15px}#related-post .material-icons{font-size:200%;right:20px;color:#4fb7e8;top:7px;position:absolute}.img-pertamax{width:100%;max-height:390px}.related-post-item-tooltip{height:54px;overflow:hidden;text-align:left;text-overflow:ellipsis;padding:10px 0}#related-post{background:#fff;margin:10px}.related-post{margin:30px 0 0;position:relative;padding:0 0 10px}.lol h4,.related-post h4{border-radius: .3em;color:#fff;background:#bac;font-size:100%;font-family:Roboto,Arial;text-transform:uppercase;text-align:center;font-weight:500;position:relative;padding:15px 20px 12px;margin:10px 0 20px}.related-post-style-3,.related-post-style-3 li{margin:0 auto;padding:0!important;list-style:none;word-wrap:break-word}.related-post-style-3 li a{font-family:Roboto,sans-serif;color:#666;font-weight:700!important;font-size:14px;line-height:1.4em}.related-post-style-3 li a:hover{color:#111}.related-post-style-3 .related-post-item{display:inline-block;transition:all .4s ease-in-out;float:left;width:200px;margin-right:15px;height:auto;padding:0;margin-bottom:20px!important;position:relative;overflow:hidden}ul.related-post-style-3{max-width:700px;width:100%;margin:0 auto}.related-post-style-3 .related-post-item:focus{outline:0;border:none}.related-post-style-3 .related-post-item-thumbnail{display:block;margin:0;width:100%;height:130px}.related-post-style-3 .related-post-item-thumbnail img{width:100%;height:auto!important;transition:all 1s ease-out}.related-post-item:nth-child(3),.related-post-item:nth-child(6){margin-right:0}.related-post-item:hover .related-post-item-tooltip a{opacity:1}.related-post-item-tooltip a{color:#666!important;transition:transform .6s cubic-bezier(.175,.885,.32,1.275),opacity .3s;text-align:center;font-size:12px!important;position:relative}@media screen and (max-width:600px){.related-post-style-3 .related-post-item{width:48%}.related-post-style-3 .related-post-item-thumbnail{height:100px}.idb-pager li a{width:auto}.idb-pager li{height:70px!important}.idb-pager li a strong{font-size:15px}.related-post-item:nth-child(2),.related-post-item:nth-child(4){margin-right:0}.related-post-item:nth-child(3),.related-post-item:nth-child(6){margin-right:15px}.idb-pager li a span,.share-post li .tumblr{display:none}#content-wrapper{padding:0}.avatar-container img{width:50px}}@media screen and (max-width:480px){.related-post-style-3 .related-post-item{width:140px}}
</style>
</b:if>
<b:if cond='data:view.isMultipleItems'>
<style type='text/css'>
/* CSS Homepage and Index */
#header #header-inner h1::first-letter, #header #header-inner h2::first-letter { background: #bec; color: #fff; padding: 0 5px; border-radius: 4px; letter-spacing: normal; top: -5px; margin-right: 3px; }
#header-background{width: 100%; float: none; max-width: 100%; background: url(https://images.pexels.com/photos/807598/pexels-photo-807598.jpeg) no-repeat fixed; text-align: center; color: #fff; position: relative; height: 280px; background-size: cover;}.bg-overlay{background: #000; position: absolute; width: 100%; height: 100%; opacity: .7; background-image: linear-gradient( 135deg , #bac 10%, #000000 100%);}.textx{z-index:1;position:absolute;text-align:center;width:100%;bottom: 36%; justify-items: center;}.textx h3{letter-spacing:1px;font-weight:500;font-size:20px}.textx p{font-size:13px}.post:focus,.time-info{box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)}.blanterdate{position: absolute; z-index: 1; background: #bac; color: #fff; font-size: 11px; font-weight: 500; padding: 5px 10px; border-radius: 0 0 0 .9em; right: 0;}.box-body-deg,.box-deg,.post,.post-thumb,.post-thumbnail,.rp_utama{position:relative}ul.rp_thumbs{margin:0;padding:0;list-style:none}ul.rp_thumbs li{background:#fff;overflow:hidden;font-size:12px;min-height:68px;margin:0 0 8px;padding:0;border-bottom-left-radius:4px;border-bottom-right-radius:4px}ul.rp_thumbs .rp_thumb{position:relative;background:#fbfbfb;margin:0;width:100%;height:200px;overflow:hidden}ul.rp_thumbs .rp_thumb img{min-height:200px;height:auto;width:100%;transition:transform .3s}ul.rp_thumbs2{font-size:13px;margin:0 0 10px;padding:0}ul.rp_thumbs2 .rp_thumb2{background:#fbfbfb;float:left;margin:3px 8px 0 0;height:60px;width:60px;border-radius:100%}ul.rp_thumbs2 .rp_thumb2 img{height:60px;width:60px;border-radius:100%}#bottombar ul.rp_thumbs li:before,#bottombar ul.rp_thumbs2 li:before,.sidebar ul.rp_thumbs li:before,.sidebar ul.rp_thumbs2 li:before{display:none}
  
span.rp_title{font:normal normal 17px Roboto,Arial,sans-serif;display:block;margin:0 0 5px;line-height:1.5em}span.rp_title2{font-size:12.5px}span.rp_meta{background:0 0;display:block;font-size:11px;font-weight:400;color:#999;text-transform:uppercase}span.rp_meta a{color:#8D8D8D!important;display:inline-block}ul.rp_thumbs2 li a:hover{color:#0072C6}ul.rp_thumbs2 li{list-style:none;min-height:66px;font-size:11px;margin:0 0 8px 2px;background:#fff;padding:10px 0}.breadcrumbs{margin:15px 0;border-radius:5px}.rp_title2 a{color:#444}.rp_utama a{color:#444;font-size:14px;font-weight:500}.time-info{background:#bac;opacity:0;padding:3px 10px;margin-right:10px;transition:all .7s ease-in-out}.rp_utama span.rp_title{padding:10px 0}.post,.post h2{padding:0;overflow:hidden}.g-profile i{font-size:18px;float:left;line-height:1.5;margin-right:5px}.blanterimgthumb,.blanterimgthumb img{transition:all .3s ease-in-out;height:200px;width:100%;background:#ddd}.post:hover .time-info{opacity:1}
  .post { background: linear-gradient( to left top, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.5) ); margin-bottom: 25px; margin-right: 15px; height: auto; transition: box-shadow .25s; box-shadow: 6px 6px 20px rgb(122 122 122 / 21%); border-radius: .6em; }
  .post-outer{float:left;width:100%;max-width:325px}.comment-link,.comment-link a,.comment-link a:hover,.post-author,.post-author a,.post-author a:hover,.timestamp-link a,.timestamp-link a:hover{color:#222}.timestamp-link{color:#222;text-transform:uppercase}.happybirthday,.happybirthday a{color:#fff}#main-wrapper{width:655px!important;float:left;margin:0 auto;border:none;background:0 0;box-shadow:none}.post h2{color:#222;float:left;height:52px;padding: 10px;;line-height:1.4}.info-face,.post-body{margin:0;padding:0}.post h2 a{color:#434a54;font-size:14px;font-weight:500;text-decoration:none}.post h2 a:hover{color:#bac;text-decoration:none}.info-face,.info-face a{color:#fff;text-decoration:none}.info-face{font:11px Tahoma;line-height:1.6em;display:block}.clock,.clock a{list-style:none;text-decoration:none}.time-info{padding-right:10px}.time-info .published{text-transform:none}.tanggalx{font-size:13px;background:#fff;padding:0 0 12px}.tanggalx a:hover{color:#000}.tanggalx a{color:#666;font-weight:400;line-height:1.5}.label-info a:nth-child(n+2),.snippet-wrapper{display:none}.label-info a i{float:left;margin-right:7px;font-size:20px;line-height:.8}a.g-profile{float:left;line-height:2.5}.label-info a{font-family:Roboto,Arial;color:#fff;float:left;font-size:11.5px;z-index:1;padding:5px;font-weight:700;line-height:1.5}.post-thumbnail{height:100%;z-index: 1; overflow: hidden;background:#bac;border:none;margin:0 auto;text-align:center;display:block;float:left;width:100%}.post-thumb{float:left;line-height:0;margin-right:20px;max-width:100%;width:362px}.jump-link{display:none}.box-body-deg{float:left;display:block;overflow:hidden}.box-deg{height:auto;margin:0;padding:0}@media screen and (max-width:684px){.post{margin-right:0;height:auto}#main-wrapper{padding:0;width:100%!important}.box-body-deg{width:auto;float:none}.tanggalx{padding:0}.blanterdate,.snippet-wrapper,.time-info{display:none}.post img{height:200px;width:100%}.post-thumb{overflow:hidden;padding-bottom:20px}.post-outer{width:100%;float:none}.blanterimgthumb,.blanterimgthumb img,ul.rp_thumbs .rp_thumb,ul.rp_thumbs .rp_thumb img{width:150px;height:120px;float:left;min-height:120px}.post-thumbnail,ul.rp_thumbs .rp_thumb{width:150px;margin-right:10px}}
</style>
</b:if>
<b:if cond='data:blog.pageType != "index"'>
<style type='text/css'>
/* CSS Post dan Halaman */
#comments h3,a.click-comment{text-transform:uppercase;color:#fff}#komentarmenu,#respond,.comment_avatar,.google_emo,.menu-komentar,.whitecolumn{overflow:hidden}#content-wrapper{padding-right:40px;width:650px;max-width:100%}#main-wrapper{background:#fff;border-radius:4px;padding:15px;width:655px;max-width:100%;float:left;margin-right:10px}#comments{line-height:1.4em;margin:20px -15px 0;border-radius:5px;position:relative;background:#fff;padding:0 20px 20px}#comments h3{text-align:center;font-size:14px;line-height:3.5;font-weight:500;font-family:Roboto,Josefin Sans,Arial;margin:0}#comments li{padding:0}a.click-comment{float:right;font-weight:700;position:absolute;top:20px;right:20px;display:inline-block;background:#3498db;border:2px solid #3498db;padding:8px 10px;font-size:13px}a.click-comment:hover{background:#fff;color:#3498db}.comment-body-author{background:#0b433f;color:green;border:1px dotted green;margin:0;padding:0 0 0 10px}.comment_share{color:#999;cursor:pointer;font-size:10px;line-height:1.5em;max-width:100%;font-weight:400;padding-left:5px}.comment_name,.comment_name a{font-size:11px;text-decoration:none;font-weight:400}.banner-header iframe,.banner-header img{width:650px}#comment_rep a:hover{text-decoration:none;color:#464646!important}.comment_avatar{height:50px;width:50px;margin-top:15px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3t0rmYYk1-zzmXE09cI_PFmNEF2fQpWYTPmPI7P8iC1RwNLc5VwEi-ZdpmR-BstsFDZ9q2Le8LgAZek8b6fjqDS9jthdPeH1e9EASQ1Uo3QNeK_0ojnAZAT0dmnCMP7N26xAXHsCimLg/s1600/md-blue.png) no-repeat #eee;float:left;margin-right:15px;padding:0;border-radius:99em}.comment_admin .comment_name:after{content:"";width:0;height:0;position:absolute;top:5px;right:0;border-width:5px;border-style:solid;border-color:#fff transparent transparent;display:block}.comment_name{color:#4a5764;max-width:100%;margin:5px 0 0;text-transform:none;position:relative}.comment-menu{float:right;list-style:none;width:0;height:0}.comment_name a{color:#666;font-family:Roboto,Sans-Serif}.comment_name a:hover{text-decoration:underline}.comment_body p{font-size:110%;line-height:1.4em;margin:0;padding:0 0 5px}.comment_body{padding:20px 20px 10px;position:relative;resize:none;min-width:3rem;max-width:30rem;background:#bac;border:1px solid #bac;color:#fff;font-size:13px;display:inline-block}.comment-form,.comment_avatar *,.comment_img,.comment_youtube{max-width:100%!important}.comment_body:after,.comment_body:before{content:"";width:0;height:0;border-style:solid;border-color:#bac #bac transparent transparent;display:block;position:absolute}.comment_body:after{top:0;right:100%;border-width:7px}.comment_body:before{top:-.9px;left:-15px;border-width:8px}.no-comment{color:#fff;background:red;padding:10px;margin-top:10px;text-align:center}.comment_intime{float:left;margin:10px 0;position:absolute;color:#aaa;bottom:0;left:5px}#comment_box{padding:0;background:0 0;position:relative;margin:20px 0}.comment-delete{float:right;padding:0;margin-left:5px;margin-top:1px;font-size:11px;color:#fff!important}.comment_body.active .comment_date{visibility:visible;opacity:1;bottom:-25px!important}#komentarmenu,.comment_date{visibility:hidden;position:absolute}.comment_date{opacity:0;color:#444;font-size:11px;line-height:25px;bottom:0;transition:all .4s ease-in-out;right:0;cursor:default;float:right}#comments .separate{color:#fff;font-size:15px;line-height:40px;padding-left:5px;padding-right:5px}#comments .author-mark{background:#d2d2d2;color:#fff;border-radius:0;padding:2px 6px;font-size:15px;line-height:15px}.comment-share,.comment-share li{display:inline}.comment-share li.button a{background:#546472;color:#fff;padding:0 5px 2px;border-radius:0;display:none}.comment-share li.button:hover a{background:#272f37}#comment_rep{margin-top:-27px;float:right}.comment_child .comment_wrap{padding-left:0}.comment_reply a{cursor:pointer;font-size:11px;line-height:1.5em;font-weight:400;padding:2px 14px;float:left;list-style:none;opacity:.8;color:#fff}.comment_reply a:hover{opacity:1}.unneeded-paging-control{display:none}.comment-form{margin-top:-15px!important}.comment_reply_form .comment-form{width:100%}.comment_youtube{padding-top:10px;padding-bottom:10px}#respond{padding-left:10px;clear:both}.comment_avatar *{display:block;max-height:100%!important;width:50px!important;height:50px!important;margin-right:15px}.comment_child .comment_avatar,.comment_child .comment_avatar *{float:left;margin-right:15px;border-radius:100%}.comment_form a{color:#2f6986;text-decoration:none}.comment_form a:hover{color:#2f6986;text-decoration:underline}#comments .pencet,.small-button a,.small-button a:hover,.small-button:hover,.toc-header-col1 a:hover,.toc-header-col2 a:hover,.toc-header-col3 a:hover{text-decoration:none}.comment_author_flag{display:none}#showkomentarmenu{font-size:20px;padding:4px 10px;color:#fff;float:right;margin:0;position:absolute;top:0;right:0}#komentarmenu{font-family:Roboto,Arial;border:2px solid #fff;background:#fff;text-transform:none!important;list-style:none;right:35px;top:45px;padding:0;width:0;height:0;transition:all .5s cubic-bezier(.07,.68,.35,1.04);z-index:9;box-shadow:0 5px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);border-radius:4px}#komentarmenu li{width:100%;margin:0}#komentarmenu li a{display:block;padding:10px 15px;width:100%;font-weight:500;color:#666!important;font-size:13px!important;text-transform:uppercase}#komentarmenu li a:hover{background:#bac;color:#fff!important}#komentarmenu.shows{visibility:visible;width:200px;height:78px}.bnm.active{visibility:visible}.comment_admin .comment_author_flag{display:inline;background:0 0;font-size:11px;padding:0;margin-left:4px;color:#555;text-transform:uppercase}.menu-komentar{background:#bac;margin-left:-20px;padding:0 20px;height:50px;line-height:50px;margin-right:-20px}.bnm{visibility:hidden}.comment_admin .comment_body:before{border-color:#bac transparent transparent #bac;right:-15px;left:initial!important}.comment_admin .comment_body:after{border-color:#bac transparent transparent #bac;left:100%}.comment_admin .comment_body{margin-left:0;margin-right:20px;float:right}.comment_admin .comment_avatar{float:right}.comment_admin .comment_date{left:0;right:initial}.comment_admin .comment-delete{float:left;margin:3px 0 0}.comment_admin .namamu{float:right;padding-right:15px}.comment_author_flag .material-icons{float:right;padding-right:5px;font-size:17px;line-height:1.1}.comment_admin .comment_intime{float:right;right:5px;left:initial!important}#comment-editor{width:100%!important;margin-bottom:20px;position:relative;border:none}.comment_arrow{display:block;position:relative;margin:0;padding:0}.google_emo .item{float:left;width:40px;text-align:center;height:40px;margin:10px 5px 0 0}.google_emo span{display:block;font-weight:700;font-size:11px;letter-spacing:1px}#parser,.google_emo,.pesan-komentar{display:none;clear:both;width:100%;height:auto}#parser.show{display:block}.comment_youtube{width:400px;height:225px;display:block;margin:auto}img,table{max-width:100%}.deleted-comment{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW47yTnTytM7hbcoLTZFiRVdqOXNVY2qOld6MJjAvWPZcSH1NNcIhl2o3m5VvK9GIm27_IyoKNNPVEt8MYFqkXdYSFDbqPY_ohbCkHs4Q4ViuVzbBTUaBxMiw_sq2P-7MDPaPfdMhu2nY/s1600/tempat-sampah.png) 2% 50% no-repeat #fff;color:#000;line-height:22px;padding:8px 15px 8px 45px;margin:5px 0;display:block;border:1px solid #ddd;position:relative;font-size:13px}.pesanbro{padding:0;color:#fff}.bcm.hide{display:none}.comment-form .idbpesan{position:relative;background:#555;padding:20px;opacity:.6;color:#333;margin-top:50px;font-size:14px;font-family:Roboto,Helvetica,Arial,sans-serif;line-height:1.5em;margin-bottom:20px;transition:all .3s ease-out}#comments .pencet{color:#fff;margin:0 2px 0 0;padding:7px 0;font-size:12px;border-radius:10px;font-weight:700;text-transform:none;outline:0;font-family:Roboto,Arial;cursor:pointer}.google_emo{width:100%;padding-bottom:20px}img.comment_emo{margin:0;padding:0;vertical-align:middle;width:24px;height:24px}.small-button,.small-button a{margin-right:10px;font-size:12px;font-weight:400;text-transform:none;transition:all .3s ease-in-out;color:#fff}#postCommentSubmit{padding:10px!important}#allHolder{border:none!important}.small-button{padding:0;background:0 0}.small-button a{padding:4px 15px;background-color:#009a5d;border-radius:4px;outline:0;box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 1px 2px #3d4852;text-shadow:0 -1px 0 rgba(0,0,0,.3)}.small-button:hover{background:0 0;color:#fff}.idbpesan:hover{opacity:1}.small-button a:hover{background-color:#900;color:#fff}.pencet i{font-size:18px;float:left;line-height:1.2;margin-right:5px}.menupesan{padding:5px 0}@media screen and (max-width:680px){.idb-pager li.next i,.idb-pager li.previous i{margin-top:12px}.time-publish{position:absolute;right:-10px;bottom:0}.post-author.vcard{left:10px}#main-wrapper{padding:10px;width:95%!important}#comments h3{width:100%}#content-wrapper{padding:0}.avatar-container img{width:50px}#relate-summary .news-text{display:none}.share-post{padding:14px}}@media screen and (max-width:480px){.comment_avatar{display:none}#showkomentarmenu{position:absolute;right:20px}}.post-body table caption,.post-body table td{padding:10px;background:#FCFCFC;text-align:left;vertical-align:top}.post-body table th{background:#e6e6e6;padding:10px;text-align:left;vertical-align:top}.post-body table caption{border:none;font-style:italic}.post-body td,.post-body th{vertical-align:top;text-align:left;font-size:13px;padding:3px 5px}.post-body table tr:nth-child(even)>td{background-color:#f5f5f5}.post-body th{background:#fff;font-weight:400;text-transform:uppercase;font-size:14px}.post-body td a{color:#768187;padding:0 6px;font-size:85%;float:right;display:inline-block;border-radius:3px}.post-body td a:hover{color:#7f9bdf;border-color:#adbce0}.post-body td a[target="_blank"]:after{margin-left:5px}.post-body table.tr-caption-container td{border:none;padding:8px;background:0 0}.post-body img,.post-body table.tr-caption-container,.post-body table.tr-caption-container img{    border-radius: .3em;max-width:100%;width:auto;height:auto}.post-body td.tr-caption{font-size:80%;padding:0 8px 8px!important}img{height:auto;border:none}table{width:100%;margin:1.5em auto}table.section-columns td.first.columns-cell{border-left:none}table.section-columns{border:none;table-layout:fixed;width:100%;position:relative}table.columns-2 td.columns-cell{width:50%}table.columns-3 td.columns-cell{width:33.33%}table.columns-4 td.columns-cell{width:25%}table.section-columns td.columns-cell{vertical-align:top}table.tr-caption-container{padding:4px;margin-bottom:.5em}td.tr-caption{font-size:80%;background:0 0!important}.widget ul{padding:0}.post-body .tr-caption-container a{float:none}
</style>
  </b:if>
<script type='text/javascript'>
//<![CDATA[
function loadCSS(o,e,t){"use strict";var s=window.document.createElement("link"),n=e||window.document.getElementsByTagName("script")[0];s.rel="stylesheet",s.href=o,s.media="only x",n.parentNode.insertBefore(s,n),setTimeout(function(){s.media=t||"all"})}loadCSS("https://fonts.googleapis.com/css?family=Roboto:300,400,400i,500,700,700i"),loadCSS("https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"),loadCSS("https://fonts.googleapis.com/icon?family=Material+Icons");
//]]>
</script>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js'/>
  <b:if cond='data:blog.pageType == "index"'>
    <style>
      #sidebar-blanter{top:15.5%}
      #content-wrapper { margin: 20px auto;}
    </style>
    </b:if>

<script>
//<![CDATA[
// Lazysizes
var lazysizer=!1;window.addEventListener("scroll",function(){(0!=document.documentElement.scrollTop&&!1===lazysizer||0!=document.body.scrollTop&&!1===lazysizer)&&(!function(){var e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src="https://cdn.jsdelivr.net/gh/Arlina-Design/phantom@master/lazysarline.js";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(e,a)}(),lazysizer=!0)},!0);
//]]>
</script>
</head>
<body itemscope='itemscope' itemtype='http://schema.org/WebPage'>
<div id='fluent-wrapper'>
  
  <div class='circle1'/>
  <div class='circle2'/>
  <div id='outer-wrapper'><div itemscope='itemscope' itemtype='http://schema.org/Blog'><div id='sidebar-blanter'><div id='css-menu'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
  <b:widget id='Header1' locked='true' title='Twitter Sites (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"'>
      <b:if cond='data:mobile'>
          <div id='header-inner'>
            <div class='titlewrapper'>
              <h1 class='title' itemprop='headline'>
                <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'>
              <h1 class='title' itemprop='headline'>
                <b:include name='title'/>
              </h1>
            </div>
            <b:include name='description'/>
          </div>
        </b:if>
    <b:else/>
      <!--Show the image only-->
      <div id='header-inner'>
	    <b:if cond='data:blog.pageType != "item"'>
		  <b:if cond='data:blog.pageType != "static_page"'>
            <h1 id='headh1' itemprop='headline'><b:include name='title'/></h1>
          </b:if>
		</b:if>
        <a class='dblock' expr:href='data:blog.homepageUrl'>
          <img class='dblock' expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:title='data:title' expr:width='data:width'/>
        </a>
        <!--Show the description-->
        <b:if cond='data:imagePlacement == "description"'>
          <b:include name='description'/>
		  <b:if cond='data:blog.pageType != "item"'>
		    <b:if cond='data:blog.pageType != "static_page"'>
              <h1 id='headh1' itemprop='headline'><b:include name='title'/></h1>
		    </b:if>
		  </b:if>
        </b:if>
      </div>
    </b:if>
  <b:else/>
    <!--No header image -->
    <div id='header-inner'>
      <div class='titlewrapper'>  	
        <b:if cond='data:blog.pageType != "item"'>
		  <b:if cond='data:blog.pageType == "static_page"'>
             <p class='title'><b:include name='title'/></p>
		   <b:else/>
		     <h1 class='title'><b:include name='title'/></h1>
		   </b:if>
		<b:else/>
          <p class='title'><b:include name='title'/></p>
		</b:if>
	    <b:include name='description'/>
      </div>
	</div>
  </b:if>
</b:includable>
    <b:includable id='description'>
  <div class='descriptionwrapper'>
    <p class='description' itemprop='description'><span><data:description/></span></p>
  </div>
</b:includable>
    <b:includable id='title'>
  <b:tag cond='data:blog.url != data:blog.homepageUrl' expr:href='data:blog.homepageUrl' name='a'>
    <data:title/>
  </b:tag>
</b:includable>
  </b:widget>
</b:section>

<div itemprop='mainEntity' itemscope='itemscope' itemtype='http://schema.org/WebSite'><meta expr:content='data:blog.homepageUrl' itemprop='url'/><form action='/search' id='bsearch-box' itemprop='potentialAction' itemscope='itemscope' itemtype='http://schema.org/SearchAction' method='get'><meta content='/search?q={q}' itemprop='target'/><input id='search-text' itemprop='query-input' name='q' placeholder='Search here' required='required' type='text' value=''/><button type='submit'><i class='material-icons'></i></button></form></div><div id='cssmenu' itemprop='mainEntity' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement'>
<ul id='navmenu2'>
<li><a href='/' itemprop='url' title='Home'><i class='material-icons'></i> <span itemprop='name'>Home</span></a></li>
<li class='has-sub'><a href='#' title='Apps'><i class='material-icons'></i> <span itemprop='name'>Apps</span></a>
<ul>
<li><a href='#' title='Themes'><span itemprop='name'>Themes</span></a></li>
<li><a href='#' title='Layout'><span itemprop='name'>Layout</span></a></li>
<li><a href='#' title='Settings'><span itemprop='name'>Settings</span></a></li>
</ul>
</li>
<li class='has-sub'><a href='#' itemprop='url' title='Groups'><i class='material-icons'></i> <span itemprop='name'>Groups</span></a>
<ul>
<li><a href='#' title='Blogger'><span itemprop='name'>Blogger</span></a></li>
<li><a href='#' title='Design'><span itemprop='name'>Design</span></a></li>
</ul>
</li>
<li><a href='#' itemprop='url' title='Bookmarks'><i class='material-icons'></i> <span itemprop='name'>Bookmarks</span></a></li>
<li><a href='#' itemprop='url' title='Trending Topic'><i class='material-icons'></i> <span itemprop='name'>Trending Topic</span></a></li>
<li><a href='#' itemprop='url' title='Feedback'><i class='material-icons'></i> <span itemprop='name'>Feedback</span></a></li>
<li><a href='#' itemprop='url' title='Online Store'><i class='material-icons'></i> <span itemprop='name'>Online Store</span></a></li>
</ul>
</div>
<b:section class='sidebar1' id='sidebar1' showaddelement='yes'>
  <b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
    <b:widget-settings>
      <b:widget-setting name='numItemsToShow'>6</b:widget-setting>
      <b:widget-setting name='showThumbnails'>true</b:widget-setting>
      <b:widget-setting name='showSnippets'>false</b:widget-setting>
      <b:widget-setting name='timeRange'>ALL_TIME</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
  <b:if cond='data:title != ""'><h2><data:title/></h2></b:if>
  <div class='widget-content popular-posts'>
    <ul>
      <b:loop values='data:posts' var='post'>
      <li>
        <b:if cond='!data:showThumbnails'>
          <b:if cond='!data:showSnippets'>
            <!-- (1) No snippet/thumbnail -->
            <a expr:href='data:post.href'><data:post.title/></a>
          <b:else/>
            <!-- (2) Show only snippets -->
            <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            <div class='item-snippet'><data:post.snippet/></div>
          </b:if>
        <b:else/>
          <!-- (3) Show only thumbnails or (4) Snippets and thumbnails. -->
          <div expr:class='data:showSnippets ? "item-content" : "item-thumbnail-only"'>
            <b:if cond='data:post.featuredImage.isResizable or data:post.thumbnail'>
              <div class='item-thumbnail'>
                <a expr:href='data:post.href' target='_blank'>
                  <b:with value='data:post.featuredImage.isResizable                                  ? resizeImage(data:post.featuredImage, 72, "1:1")                                  : data:post.thumbnail' var='image'>
                    <img alt='' border='0' expr:src='data:image'/>
                  </b:with>
                </a>
              </div>
            </b:if>
            <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
            <b:if cond='data:showSnippets'>
              <div class='item-snippet'><data:post.snippet/></div>
            </b:if>
          </div>
          <div style='clear: both;'/>
        </b:if>
      </li>
      </b:loop>
    </ul>
    <b:include name='quickedit'/>
  </div>
</b:includable>
  </b:widget>
  <b:widget id='Label1' locked='false' title='Labels' type='Label' version='2' visible='true'>
    <b:widget-settings>
      <b:widget-setting name='sorting'>ALPHA</b:widget-setting>
      <b:widget-setting name='display'>CLOUD</b:widget-setting>
      <b:widget-setting name='selectedLabelsList'>3column,Grid,List,Material Design,Profile,RTL,Template,ecommerce,magazine,safelink</b:widget-setting>
      <b:widget-setting name='showType'>USER_SELECTED</b:widget-setting>
      <b:widget-setting name='showFreqNumbers'>true</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main' var='this'>
  <b:include name='widget-title'/>
  <b:include name='content'/>
</b:includable>
    <b:includable id='cloud'>
  <b:loop values='data:labels' var='label'>
    <span class='label-size'>
      <b:class expr:name='"label-size-" + data:label.cssSize'/>
      <a class='label-name' expr:href='data:label.url'>
        <data:label.name/>
        <b:if cond='data:this.showFreqNumbers'>
          <span class='label-count'><data:label.count/></span>
        </b:if>
      </a>
    </span>
  </b:loop>
</b:includable>
    <b:includable id='content'>
  <div class='widget-content'>
    <b:class expr:name='data:this.display + "-label-widget-content"'/>
    <b:include cond='data:this.display == "list"' name='list'/>
    <b:include cond='data:this.display == "cloud"' name='cloud'/>
  </div>
</b:includable>
    <b:includable id='list'>
  <ul>
    <b:loop values='data:labels' var='label'>
      <li>
        <a class='label-name' expr:href='data:label.url'>
          <data:label.name/>
          <b:if cond='data:this.showFreqNumbers'>
            <span class='label-count'><data:label.count/></span>
          </b:if>
        </a>
      </li>
    </b:loop>
  </ul>
</b:includable>
  </b:widget>
  <b:widget id='HTML2' locked='false' title='Socialize' type='HTML'>
    <b:widget-settings>
      <b:widget-setting name='content'><div class="ads-style">300 X 250</div>

<style>
.ads-style {
    width: 100%;
    background: #f5f5f5;
    height: 200px;
    text-align: center;
    line-height: 15;
    border: 1px solid #eee;
    border-radius: .3em;
margin: 30px 0;
}
</style></b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != ""'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
  </b:widget>
</b:section>
</div></div><div class='header-mobile'><h2><data:blog.title/></h2><a class='toggleMenu' href='javascript:;'><i class='material-icons'></i></a></div><div class='clear'/>
<b:if cond='data:blog.pageType == "index"'><div id='header-background'><div class='bg-overlay'/><div class='textx'><h3><data:blog.title/></h3><p>New Blogger Templates Design, Unique and Fast</p></div></div></b:if>
    <div id='content-wrapper'>
<b:if cond='data:blog.pageType != "error_page"'>
<div id='main-wrapper' itemscope='itemscope' itemtype='http://schema.org/Blog' role='main'>
<b:section class='banner-header' id='banner-header' maxwidgets='1' showaddelement='yes'>
  <b:widget id='HTML3' locked='false' title='Recent' type='HTML'>
    <b:widget-settings>
      <b:widget-setting name='content'><div class="autoad">
<a href="www.danutheme.co" target="_blank" title="Here Your Ad">Responsive AD</a>
</div>
<style>
.autoad a {
    line-height: 4;
    font-size: 20px;
    font-family: inherit;
}
.autoad {
    height: 80px;
    width: 100%;
    background: #f8f8f8;
    margin: 0 0 20px;
    text-align: center;
    border: 1px solid #ededed;
    border-radius: .4em;
}
</style></b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != ""'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
  </b:widget>
</b:section>
<div class='clear'/>
<b:section class='main' id='main' maxwidgets='1' showaddelement='no'>
  <b:widget id='Blog1' locked='true' title='Blog posts' type='Blog' version='1'>
    <b:widget-settings>
      <b:widget-setting name='commentLabel'>Comment</b:widget-setting>
      <b:widget-setting name='showShareButtons'>true</b:widget-setting>
      <b:widget-setting name='authorLabel'>By</b:widget-setting>
      <b:widget-setting name='disableGooglePlusShare'>true</b:widget-setting>
      <b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
      <b:widget-setting name='timestampLabel'>-</b:widget-setting>
      <b:widget-setting name='reactionsLabel'/>
      <b:widget-setting name='showAuthorProfile'>true</b:widget-setting>
      <b:widget-setting name='style.layout'>1x1</b:widget-setting>
      <b:widget-setting name='showLocation'>false</b:widget-setting>
      <b:widget-setting name='showTimestamp'>true</b:widget-setting>
      <b:widget-setting name='postsPerAd'>1</b:widget-setting>
      <b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>
      <b:widget-setting name='backlinksLabel'>Link ke posting ini</b:widget-setting>
      <b:widget-setting name='showDateHeader'>true</b:widget-setting>
      <b:widget-setting name='style.textcolor'>#000000</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.bgcolor'>#ffffff</b:widget-setting>
      <b:widget-setting name='showLabels'>true</b:widget-setting>
      <b:widget-setting name='postLabelsLabel'>Labels</b:widget-setting>
      <b:widget-setting name='showBacklinks'>false</b:widget-setting>
      <b:widget-setting name='showInlineAds'>false</b:widget-setting>
      <b:widget-setting name='showReactions'>false</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main' var='top'>
<b:include data='posts' name='breadcrumb'/><div class='displaynone'>BLANTERSWIFT101</div><b:if cond='data:mobileindex'><div class='blog-posts hfeed'><b:loop values='data:posts' var='post'><b:if cond='data:post.isFirstPost == "false"'></div></b:if><div class="mobile-date-outer date-outer"><div expr:onclick='data:post.indexOnclick'><b:include data='post' name='mobile-index-post'/></div><b:if cond='data:post.trackLatency'><data:post.latencyJs/></b:if></b:loop><b:if cond='data:numPosts != 0'></div></b:if></div><b:else/><div class='blog-posts hfeed'><b:include data='top' name='status-message'/><data:defaultAdStart/><b:loop values='data:posts' var='post'><b:if cond='data:post.isDateStart'><b:if cond='data:post.isFirstPost == "false"'></div></div></b:if></b:if><b:if cond='data:post.isDateStart'><div class="date-outer"></b:if><b:if cond='data:post.isDateStart'><div class="date-posts"></b:if><div class='post-outer'><b:include data='post' name='post'/><b:if cond='data:blog.pageType == "static_page"'><b:include data='post' name='comments'/></b:if><b:if cond='data:blog.pageType == "item"'><b:include data='post' name='comments'/></b:if></div><b:if cond='data:post.includeAd'><b:if cond='data:post.isFirstPost'><data:defaultAdEnd/><b:else/><data:adEnd/></b:if><b:if cond='data:mobile == "false"'><div class='inline-ad'><data:adCode/></div></b:if><data:adStart/></b:if><b:if cond='data:post.trackLatency'><data:post.latencyJs/></b:if></b:loop><b:if cond='data:numPosts != 0'></div></div></b:if><data:adEnd/></div></b:if><b:if cond='data:blog.pageType == "index"'><b:include name='nextprev'/><b:else/><b:if cond='data:blog.pageType == "archive"'><b:include name='nextprev'/><b:else/><b:if cond='data:blog.homepageUrl != data:blog.url'><b:include name='nextprev'/></b:if></b:if></b:if><b:if cond='data:top.showStars'><script src='//www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>
      google.load("annotations", "1", {"locale": "<data:top.languageCode/>"});
      function initialize() {
        google.annotations.setApplicationId(<data:top.blogspotReviews/>);
        google.annotations.createAll();
        google.annotations.fetch();
      }
      google.setOnLoadCallback(initialize);
</script></b:if>
</b:includable>
    <b:includable id='backlinkDeleteIcon' var='backlink'>
  <span expr:class='"item-control " + data:backlink.adminClass'>
    <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
      <img src='//www.blogger.com/img/icon_delete13.gif'/>
    </a>
  </span>
</b:includable>
    <b:includable id='backlinks' var='post'>
  <a name='links'/><h4><data:post.backlinksLabel/></h4>
  <b:if cond='data:post.numBacklinks != 0'>
    <dl class='comments-block' id='comments-block'>
      <b:loop values='data:post.backlinks' var='backlink'>
        <div class='collapsed-backlink backlink-control'>
          <dt class='comment-title'>
            <span class='backlink-toggle-zippy'> </span>
            <a expr:href='data:backlink.url' rel='dofollow'><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"' rel='external dofollow' target='_blank'><data:post.createLinkLabel/></a>
  </p>
</b:includable>
    <b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == "static_page"'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'><i class='material-icons'></i> Home</a></span> › <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<!-- breadcrumbs design by idblanter.com -->
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' id='breadcrumbs'>
<span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:blog.homepageUrl' itemprop='url' title='Home'><span itemprop='title'><i class='material-icons'></i> Home</span></a></span>
<b:loop values='data:post.labels' var='label'>
› <span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:label.url' expr:title='data:label.name' itemprop='url'><span itemprop='title'><data:label.name/></span></a></span>
</b:loop>
› <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag' title='Home'><i class='material-icons'></i> Home</a></span> › <span>Unlabelled</span> › <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl' title='Home'><i class='material-icons'></i> Home</a></span> › <span>Archives for <data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == ""'>
<span><a expr:href='data:blog.homepageUrl' title='Home'><i class='material-icons'></i> Home</a></span> › <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl' title='Home'>Home</a></span> › <span>Posts filed under <data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
    <b:includable id='comment-form' var='post'>
<div class='comment-form'>
    <a name='comment-form'/>
    <b:if cond='data:mobile'>
      <h4 id='comment-post-message'>
        <a expr:id='data:widget.instanceId + "_comment-editor-toggle-link"' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
      <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/>
      <h4 id='comment-post-message'><data:postCommentMsg/></h4>
<div id='threaded-comment-form'>
  <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%'/>
      </div>
    </b:if>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');
    </script>
<div class='comments-thanks'>Terima kasih atas komentar Anda</div>
<div class='clear'/> 
  </div>
</b:includable>
    <b:includable id='commentDeleteIcon' var='comment'>
  <span expr:class='"item-control " + data:comment.adminClass'>
    <b:if cond='data:showCmtPopup'>
      <div class='goog-toggle-button'>
        <div class='goog-inline-block comment-action-icon'/>
      </div>
    <b:else/>
      <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
        <img src='//www.blogger.com/img/icon_delete13.gif'/>
      </a>
    </b:if>
  </span>
</b:includable>
    <b:includable id='comment_count_picker' var='post'>
  <b:if cond='data:post.forceIframeComments'>
    <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'>
    </span>
  <b:else/>
    <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-url='data:post.canonicalUrl'>
      </span>
    <b:else/>
      <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
        <data:post.commentLabelFull/>:
      </a>
    </b:if>
  </b:if>
</b:includable>
    <b:includable id='comment_picker' var='post'>
  <b:if cond='data:post.forceIframeComments'>
    <b:include data='post' name='iframe_comments'/>
    <b:if cond='data:post.showThreadedComments'>
      <b:include data='post' name='threaded_comments'/>
    <b:else/>
      <b:include data='post' name='comments'/>
    </b:if>
  <b:else/>
    <b:if cond='data:post.commentSource == 1'>
      <b:include data='post' name='iframe_comments'/>
    <b:else/>
      <b:if cond='data:post.showThreadedComments'>
        <b:include data='post' name='threaded_comments'/>
      <b:else/>
        <b:include data='post' name='comments'/>
      </b:if>
    </b:if>
  </b:if>
</b:includable>
    <b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<div class='menu-komentar'><h3><b:if cond='data:post.numComments == 1'>1 <data:commentLabel/>
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>
</b:if>
</h3><a href='javascript:;' id='showkomentarmenu'><i class='material-icons'>more_vert</i></a></div><div id='komentarmenu'><li><a href='#comment-form' title='Add Comments'>Add Comments</a></li><li><a class='showmore' href='javascript:;' title='More Settings'>More Settings</a></li></div>
<b:if cond='data:post.allowComments'>
<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 class='clear'/>
<div id='comment_block'>
<b:loop values='data:post.comments' var='comment'>
<div data-level='0' expr:class='data:comment.adminClass' expr:id='data:comment.anchorName'>
<b:if cond='data:post.adminClass == data:comment.adminClass'>
<div class='comment_inner comment_admin'>
<b:else/>
<div class='comment_inner'>
</b:if>
<b:if cond='data:comment.isDeleted'>
<b:else/>
<div id='comment_box'>
<div class='comment_header'>
<div class='comment_avatar'>
<img alt='avatar' expr:src='data:comment.authorAvatarSrc' expr:title='data:comment.author'/>
</div></div>
<div class='comment_service'><div class='comment_name'>
<b:if cond='data:comment.authorUrl'>
<a class='namamu' expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'><data:comment.author/></a>
<b:else/><data:comment.author/></b:if>
<b:if cond='data:comment.author == data:post.author'>
<span class='comment_author_flag'><i class='material-icons'></i></span>
</b:if> </div></div>
<div class='comment_body'><div class='time_showup'><span class='comment_arrow'/><p><data:comment.body/></p>
<a expr:href='data:comment.url' rel='nofollow' title='permalink'><span class='comment_date'><data:comment.timestamp/></span></a>
<div class='bnm'><div class='permanent-blanter'>
<a class='comment-delete' expr:href='"http://www.blogger.com/delete-comment.g?blogID=" + data:blog.blogId + "&amp;postID=" + data:comment.id' expr:title='data:top.deleteCommentMsg'>Delete</a></div></div>
<div class='comment_intime'><div class='comment_reply'>
<a expr:href='"#r_"+data:comment.anchorName' expr:id='"r"+data:comment.anchorName' onclick='javascript:Display_Reply_Form(this)'>Balas</a></div>
</div><div class='clear'/></div></div><div class='clear'/></div>
</b:if>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
</b:if>
<div class='clear'/>
</div>
<div class='clear'/><div class='comment_child'/>
<div class='comment_reply_form' expr:id='"r_f_"+data:comment.anchorName'/></div>
</b:loop></div> <div class='clear'/>
<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 class='clear'/><div class='comment_form'>
<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='threaded-comment-form'/>
<b:else/>
<span class='no-comment'><data:post.noNewCommentsText/></span>
</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>
</div>
</b:if>
</div>   
<script type='text/javascript'>
       //<![CDATA[
       if (typeof(jQuery) == 'undefined') {
 //output the script (load it from google api)
 document.write("<scr" + "ipt type=\"text/javascript\" src=\"https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js\"></scr" + "ipt>");
}
       //]]>
</script>
<script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
<script type='text/javascript'>
        
         <b:if cond='data:post.numComments != 0'>
         var Items = <data:post.commentJso/>;
         var Msgs = <data:post.commentMsgs/>;
         var Config = <data:post.commentConfig/>;
        <b:else/>
         var Items = {};
         var Msgs = {};
         var Config = {'maxThreadDepth':'0'};
        </b:if>
       //<![CDATA[
       //Global setting
        Config.maxThreadDepth = 5;//How threaded level that you want
        Display_Emo = true;//Display emoticon or not? set "false" to no display
        Replace_Youtube_Link = true;//Auto replace youtube link to iframe embedded, choose "false" to disable
        Replace_Image_Link = true;//Auto replace an image link  choose "false" to disable.
                                Replace_Force_Tag = true;//Auto replace an virtual tag example: [pre] to <pre>, and [/pre] </pre>, If user input wrong , your layout will be gone. Then becare ful when enable this trap
        Replace_Image_Ext = ['JPG', 'GIF', 'PNG', 'BMP'];//(support: jpg, gif, png, bmp),only effect when Replace_Image_Link=true
        
        //Config emoticons declare
Emo_List = [
':)'  	,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii51qVB_lsPDLvd36tIOMrFdq0e18yev5bDPaH643HoakvKmF1XKcCwRH7SyqOzbKF4HzXr59kS6dC24B8JjX7WlOQc_EcgzNTTb7gELKY52Cha1GuZD2OGNDG7Wk77EzrQV16CTcK0Ks/s1600/1.png',
':('  	,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKKuvJCxkbXhV5F5B_VurX1UlxhDzUyqdWDO6f48j2QBCwGVZJZM_ARSt6uTyPTqYA0rAJeTqdrNDoiinNMGmMzy2Sb2ursj2z8lDvZCU2CzYndOnQQHruGNtITYr7Sqpxafjz9FjMk1s/s1600/2.png',
'hihi'  ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe8O4anP8RUeerQkkEHfOwdBpxFPEqL4-jH726N_TAe3P9WQOAjiWceexMOdPCqdOBPhcKt7Bj8MOn7VZo6vwTCPkeF09DpwQS1-FQCVsVEOD0cfg54uy60Q9sBVsS2UjrmM6RZHNhd3k/s1600/3.png',
':-)'  	,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRV5a6bjdKVkls0zs1_f3Ci66P_y74KOeRmjCO6jgJrJgHmNyb-O8f5wjZrUuLFJoeGTH-DA0LIX6t6x2mnPqv3cRLmQuXIwvyATKkO1f5jc1zL8k21jX7R9dsLwDNkzRWyhmzDhexXXc/s1600/4.png',
':D'  	,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7bi_FbjtATwdVAzLMQYwb0gXQ919NId6mJ_nYv8ott7Q-IzOcgvtNAvDZawirQKc5O_8cMnr-awMq3wbpAkOCBicruA6wYiIJjSX3cz9KrQEHP2y5XhnvgMvrqUTDmV2QavUrpQYSMks/s1600/5.png',
'=D'  	,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9ltgxTo1PAaqntbChyyRu2wsmGmTpZjoicMXzy9isnTgLoEXBTR7qNKH8lutEK-VYLJHqQo988El8tQk9mvEz9xsb2wKWrBMjeYE3Wm64VNXs7tfGe77RMuHn3ps0EX7hCUWQf7IWsrg/s1600/6.png',
':-d'  	,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSkboBLD4WGm_6Sf4ICd3rFhpkETlDFFAIh90azK3CB13fOB-EXvXm8y8jER3D9Eck0CvEv0z-lIXwN1UOTy65QWmKuxrhOuau-hZnqesPP0nC3mUv8aYWRhCat4dNva7bk7oWXFiaMz4/s1600/7.png',
';('  	,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJPTP-TUuUAlkN_dWQCySTyLfaTaBGTHVW8nxZQMimZ2-V6kU6mVQF7i6vN4JSmVZyHQPa6qKAsMvbIST_fVeI76SStMIINn052y591wsjSqnt46joFu2V2AN89yeEUoSxG7FTttgOCKw/s1600/8.png',
';-('  	,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYSbntpGwNOS6dJYF0ZsupLRtyUWSg_zxZCODIcCO75JLHSF_iRaqoeBiLciGKKXneZYKttlreukGyLmq5-ZMcOiei7h1xHC5Dy3w_bBZ_g-RBSrwPSfFdDCWKPnrdSsw58DuYLLUtHj8/s1600/9.png',
'@-)'   ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizmOoQYhoGKkDMEwh-b8OpdJOkem7s8XuyKall6ewd3jDBOkNaGWTRJ5NoUBziIKcTF_xyntri-TLCGiQRQVweoWFhmi16YhLBZYyqFemSMI0jnAwr_ZSsbew1OBvR-0qdk2Blyv2ON80/s1600/10.png',
':P'  	,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgONrCue8Jw2BAqlB8HfzymH0_C9Vsj5fpXT-drisAWeevcqB_7XHgWNZHJfEjnX5On962GQ8t5sqNmIWxUSxNNNUfUg1AL2aR26QEU_CgGbPCmNRxqrCb2bNzGp59ZmRdr1mmvmSoKdXY/s1600/11.png',
':o'	,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9zRytPl7ooYPiNHu0xDJUb0d4w2OE6z5Lw2RhIR9Rga607jLga76-pWjujKjAImbf-_60RW6S6kDPFBuYG7pOVTb_Vy_EZxChpG_WyJjZ4OaK26tMEvFDpAfyLdveXkGn2pPxGIwzM1g/s1600/12.png',     
'-_-'   ,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWvHawcf4FywUilQ3PFeMQcrPr_-zedryPROwyf6rmwzUfuKPX2UFI5kasu1NA4lMAbQW1WuFdCzgPznN3fbC9rIbxUg-V50HLToglWlkVMUO5MCKc4J3ZY-eOMpgMCnOEDfcYJ1MCFFA/s1600/13.png',     
'(o)'	,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEje4hOXrvWZJbMGLiFGekEbVeeOFLNW95a8LteY3hLROFr6CM5QcUurPcarKaC8-vu2E6z8oIbtd_ERkMAILTkEgLEtLEttqdoXkdAUDISiLsnQVuA_jFMtgUNtdzDSoP-aTikv7iUgkFE/s1600/14.png',     
'[-('	,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIVrAKjbLzLtKfX8saKoqnlNnNcM1HHnxM_uQYTmnikugJ-FF8tS51j7Az5ubNc018o1kCXJ-D5nc-sf6iQ_Je5nUhDbWT-99vaGcPZJPjXq6pjdlATrwghe1oIv_UXhe8fgsPE4HkDi8/s1600/15.png',     
':-?'	,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfonSVj_Onh6-AOjiIol2H-R3MtjIm0Yout7f_ybrFbYhnzx3YDYe8ImtnSJj3urW_FfXETMh6oNap3O9FPM4qOfu7OblNBkjFlX66HmijYunyq0YRFf05M6HzUX5cHzOO8YPfaIQ2wjE/s1600/16.png', 
'(p)'	,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVNUnym47Ov7YZ3en05WPNOGdfKJzEeK5pT4lxFAnLA-kv0eYqLJaVVyQNQ8M3x5UlUH5lq0-xX6MgvgdmrsS9_bCOFt-bw954H0FLgI8gWgU-LMIecFzLUhitkuqfwlDcoUT_tVX4KvM/s1600/17.png', 
':-s'	,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZPV3QIvcDZmRsI_iC9-ku_nm_mlFmrs_6EBX1qVmGxjp_SWeeMyMXTJ9uPKk-P-NI14gGLY4Hr0Qlh-N5p7Pp9_bxRt8CaYAZJ_z0qhi0TJF0jHfSf9N2DNSNFS_Xm64fIyq02pkyAPA/s1600/18.png',
'(m)'	,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrmRA2i5PJD-aWJagvJPp6kG2ewuGyUMDrwG3b7rKBG-nBK39HYB6cwUI0h-cUtO0OHRevl3ZCwPoN7RpCOumoggAcc9LeDAkay0s6uRPEULgB96Wt6meDePsA-5lKhLRjW9-oAJ9qP8Y/s1600/19.png',
'8-)'	,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihkY1LJt6L59ZLxbKjfGeg02cwATCvgLaz9rWAE-TspuxCAjAunLZe82yjnytQ_ocBPkfTZBVaCbfo9ODau7Wetr3-GBirOSgQkwkuq3oQMexp1MBq6tOHVnB6BfmhF25rInuaM36xpLU/s1600/20.png',
':-t'	,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNcISlqOsKwRnn79dEkK8hYwaz42bT4k8xw5BaKeD-YX4ipz7r_MW1Ao3oKZkeVKmoZ361MTIwK6iKAtUL1npvRqym9AQiG55tXYADwEJMDptMwJvYdTjNUhACvqJIljuG_MWTPuuEpbM/s1600/21.png',
':-b'	,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWpHUAh7FXZArADxrwfgaJxdMDj_Rk-f3PAr92Vg74uPiY-BZcSE0ycbWPSaD4v-bK187bJB7T_vqpfN727kuPVERIfAbxyo7hzdW0qTGPEFLYLdgjFAbnKrK0aOcseaFZQE5CIQBFz10/s1600/22.png',
'b-('	,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtCjIfwtDiGAbLcFq42uYvDhScz5StmT9SUVOAXydMKW0k1m5mM_I_7mRz2OMaZHcAqOobL1403ZXNaMol4qtqR1kCmOeUXYxMgPlmPapJa9K_SuNaWFT76RKR2LoFcFoSrDuRm_U-gFU/s1600/23.png',
':-#'	,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvnq5IttZJihE1ydNDN9RyMGGk4UU7-qLfDyHc0VdiT2pVvpASuU7oS9T45ECP9UJ0C09o6fSYc26I4Tn2PxH7hlpMWNXEQdCHrVMpTsMkgbtGWa882kXNLXwkUt2K5nbFzm2ZqvkNYl8/s1600/24.png',
'=p~'	,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPsnmiGuuSSmMQxEQ1Ke8bA9-UYjpfwtc0AGjJy_NEwoDUjOAS1UYtG9mtPyBsvA7xJTavSDsH0pBLimjh9XDRQOUPBbYGeuILFjCzF6eK3sQDYlkBTD380z1eEDuEsKLFh0igXk0Ud3E/s1600/25.png',
'$-)'	,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUNiriDQq_tBMLX1NznIeD6GrMCXjnLxc_jQ7ICaNZh9n54HDdy2PHlYgL68gCNXINVl1fiPxzOCYkDJVqQbSDjtv8FVnW9om0VqrSZt249sqzyXte_REtKLQYLwP2CKMDFdrW2SS4iT4/s1600/26.png',
'(y)'	,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9uLKnZ4dcb0nGuJGXmanNTXsNejme9ZCJnMvIpsBki01UV2MDg-QEb0PXHlssFLrmVt2qkTXDeQDFPykvnxGO3geVabeUYMjT0e5g1CAyTdbch59qMv2tkUXFKe-1VbM3EIma2JhHfRw/s1600/27.png',
'(f)'	,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQFahhgQhMvzqki752a8NUS6AGkGKe7t_jxY1glRv9gU3uX4A2dtbzj0f_TXf_iW-CmVTAehTvroDfuEDeayNyetE17loMCeI4dh9nHVFiDT2xRiySTcQ8xDUwbzwb6r1hRQZsKPPmmmg/s1600/28.png',
'x-)'	,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqg2beU735muWBWWNhaVO-tBFe0D7pzj9-K3wkQTuWFh1gFDUGcrNtg-KBazYiQLuLJrrCjvVLHoiQ26u0pAi4BMTedPiewF6yZmxghRunFRm3gOxW7up43JyCBuqGepVtuArvTDvm1bo/s1600/29.png',
'(k)'	,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBwFnLf55o3PcLZtPffc5_2R8Pu_bMEuza2l88TArCTfSxxtbIq05M6AEhxCGp88AmobMdzlKVOxzQk9MLVpRilJORFKYafnuu7FEEShbiQHSgDxRLOXMf-WBYwWeh9BfZnRit1CnAEoo/s1600/30.png',
'(h)'	,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3FAPt5wTXvjJDA0EA0PPXWUY5lpStruRDhtVn9oMnILCcPPqvqqokAsui1F1R92gh3ahla-kIR2t9p0Jss5aQrd1WojeW9KigI0Hu7Oab7dzMtV3zskN9_DeMKdtKGLotn4yNMtGRPOk/s1600/31.png',
'(c)'	,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixK1fZhC6gciazKdk3hBD99Rq45UQjYvUv42ZBGqDr5n0GN_o_aydudmPxM3v3yhEU5MOlfQKAU0-axGeJVpoAz9T6TKbSr1SdJkusEBg3IcneGPqEHNKFQZ92w7XmWgvlZUNFVI9th_g/s1600/32.png',
'cheer'	,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAhb2k1oy_UbWPXHAUGl9hkxr661pYXD94hr2SAQi7Fk8eUP6dQ__Bahyphenhyphen0uKhe7Y2YILwcHigKkKvlD8jrJVqMzf7PZIgbnQk_SMxZ-z46JcNsnsP2k4z59g8Vu0sJQtE_ttXWDCkdN5g/s1600/33.png',
'(li)'	,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCjqHVSjPkfDI2qecXKDrCX-7mWs-jg76R_-9aeIL6c8gXCEr1u-cWFevT-QrOVda-kJASfP5r4Mbb8Z57pENz4uz2ju_PG2-nFM6LwK8SHub_YmUdtK1jQh0zKr5YPDPqWuiByCoNzVQ/s1600/34.png',
'(pl)'	,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVdRKcE0PCSn8OC8OBaePBY_UAAKFjw1-uNVpUfN73nR3Io8Fy_bu7-cUm_GvBTqDmcxsKKKCzgjSruAz-BJq4ecz8v-SUl7KQmIJZ_UssQQHuhrZk_j2UEO_e4S10qjSLMViN-tsLSao/s1600/35.png',
'(s)'	,'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhq5ghXTWKB3FUbRBOGsz7czK5jB0oJzwRAycTmj2KECTekh83WoSAmOkGW5vHH4l3FU4csH7OaUr1j5nTCyl6cf7N8zGC2d6qqcYxFIKdqsGIrs-eEHuMaf1MvZlUErhCTJvl7XxmwTGc/s1600/36.png',
];
        
                               
                                //Config Force tag list, define all in lower case
                                Force_Tag = [
                                    '[pre]','<pre>',
                                    '[/pre]','</pre>',
                                    '<pre class="brush: plain; title: ; notranslate" title="">','<code>',
                                    '</pre>','</code>'
                                ];
      
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('3 q=\'.W\';3 1a=$(\'#N-Y\').B(\'y\');u 1w(H){3 1h=\' \\n\\r\\t\\f\\2p\\1S\\1T\\1U\\24\\25\\26\\27\\2e\\2h\\2k\\2m\\2n\\2u\\2y\\2z\\2A\\2F\\1L\\1N\\1O\\1P\\1Q\';G(3 i=0;i<H.5;i++){b(1h.g(H.1V(i))!=-1){H=H.d(0,i);11}}C H}$(\'#28 .1B p\').k(u(D,7){b(2r){3 m=\'1g://13.Z.X/1t?v=\';3 8=7.g(m);F(8!=-1){1H=7.d(8);K=1w(1H);3 1c=K.g(\'&\');3 T=\'\';b(1c==-1){T=K.d(m.5)}1e{T=K.d(m.5,1c)}3 1j=\'<1k I="1W" y="1g://13.Z.X/1X/\'+T+\'?1Y=1" 20="0" 21></1k>\';7=7.d(0,8)+1j+7.d(8+K.5);8=7.g(m);b(8==-1){m=\'22://13.Z.X/1t?v=\';8=7.g(m)}}}b(23){3 1d=\'\';3 x=7;G(3 i=0;i<1z.5;i++){3 m=\'.\'+1z[i];3 o=x.E();3 8=o.g(m);F(8!=-1){l=x.d(0,8+m.5);o=l.E();3 w=\'2j://\';3 z=o.g(w);3 L=\'\';F(z!=-1){L=w.R();l=l.d(z+w.5);o=l.E();z=o.g(w)}w=\'1K://\';o=l.E();z=o.g(w);F(z!=-1){L=w.R();l=l.d(z+w.5);o=l.E();z=o.g(w)}b(L==\'\'||l.5<6){11}l=L+l;1d+=x.d(0,8+m.5-l.5)+\'<S y="\'+l+\'" I="2s"/>\';x=x.d(8+m.5);o=x.E();8=o.g(m)}}7=1d+x}b(1m){3 5=A.5;b(5%2==1){5--}G(3 i=0;i<5;i+=2){3 V=\'<S y="\'+A[i+1]+\'" I="1x"/>\';8=7.g(A[i]);F(8!=-1){7=7.d(0,8)+V+7.d(8+A[i].5);8=7.g(A[i])}}}b(2G){3 5=U.5;b(5%2==1){5--}G(3 i=0;i<5;i+=2){F(1){3 x=7.R();8=x.g(U[i]);b(8!=-1){7=7.d(0,8)+U[i+1]+7.d(8+U[i].5)}1e{11}}}}C 7});$(\'.1M\').k(u(D,7){b(1m){3 5=A.5;b(5%2==1){5--}3 15=\'\';G(3 i=0;i<5;i+=2){3 1C=\'<1F>\'+A[i]+\'</1F>\';3 V=\'<S y="\'+A[i+1]+\'" I="1x"/>\';15+=\'<M I="1R">\'+V+1C+\'</M>\'}C 15}});$(\'.1f .1B p\').k(u(i,h){10=h.R();D=10.g(\'@<a 12="#c\');b(D!=-1){14=10.g(\'</a>\',D);b(14!=-1){h=h.d(0,D)+h.d(14+4)}}C h});u 1l(j){r=j.g(\'c\');b(r!=-1)j=j.d(r+1);C j}u 1n(j){j=\'&1Z=\'+j+\'#%1o\';1p=1a.1q(/#%1o/,j);C 1p}u 1r(){k=$(q).k();$(q).k(\'\');q=\'.W\';$(q).k(k);$(\'#N-Y\').B(\'y\',1a)}u 1s(e){j=$(e).B(\'16\');j=1l(j);k=$(q).k();b(q==\'.W\'){1u=\'<a 12="#1v" 29="1r()">\'+2a.2b+\'</a><a 2c="1v"/>\';$(q).k(1u)}1e{$(q).k(\'\')}q=\'#2d\'+j;$(q).k(k);$(\'#N-Y\').B(\'y\',1n(j))}17=2f.2g.12;18=\'#N-2i\';19=17.g(18);b(19!=-1){1y=17.d(19+18.5);1s(\'#2l\'+1y)}G(3 i=0;i<O.5;i++){b(\'1A\'2o O[i]){3 j=O[i].1A;3 1b=2q($(\'#c\'+j+\':P\').B(\'1D-1E\'));$(\'#c\'+j+\' .2t:P\').k(u(D,7){3 J=O[i].16;b(1b>=2v.2w){$(\'#c\'+J+\':P .2x\').1G()}3 Q=$(\'#c\'+J+\':P\').k();Q=\'<M I="1f" 16="c\'+J+\'" 1D-1E="\'+(1b+1)+\'">\'+Q+\'</M>\';$(\'#c\'+J).1G();C(7+Q)})}}3 1I=$("#2B");1I.2C(\'.2D S\').2E(u(){3 1J=$(1i).B(\'y\');$(1i).2H().B(\'y\',1J.1q(/\\/s[0-9]+(\\-c)?\\//,"/2I-c/"))});',62,169,'|||var||length||oldhtml|check_index|||if||substring|||indexOf|||par_id|html|img_src|search_key||upper_html||Cur_Cform_Hdr||||function||http_search|temp_html|src|find_http|Emo_List|attr|return|index|toUpperCase|while|for|str|class|child_id|yt_link|save_http|div|comment|Items|first|child_html|toLowerCase|img|yt_code|Force_Tag|img_html|comment_form|com|editor|youtube|temp|break|href|www|index_tail|newhtml|id|cur_url|search_formid|search_index|Cur_Cform_Url|par_level|yt_code_index|save_html|else|comment_wrap|http|whitespace|this|yt_video|iframe|Valid_Par_Id|Display_Emo|Cform_Ins_ParID|7B|n_cform_url|replace|Reset_Comment_Form|Display_Reply_Form|watch|reset_html|origin_cform|trim|comment_emo|ret_id|Replace_Image_Ext|parentId|comment_body|img_code|data|level|span|remove|ht|avatar|ava|HTTPS|u200a|google_emo|u200b|u2028|u2029|u3000|item|x5d|x7c|x7d|charAt|comment_youtube|embed|autohide|parentID|frameborder|allowfullscreen|https|Replace_Image_Link|x3c|x3e|x0b|xa0|comment_block|onclick|Msgs|addComment|name|r_f_c|u2000|window|location|u2001|form_|HTTP|u2002|rc|u2003|u2004|in|x5b|parseInt|Replace_Youtube_Link|comment_img|comment_child|u2005|Config|maxThreadDepth|comment_reply|u2006|u2007|u2008|comments|find|comment_avatar|each|u2009|Replace_Force_Tag|show|s45'.split('|'),0,{}))
       //]]>
         </script>
</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' type='text/javascript'/>
    <div class='cmt_iframe_holder' expr:data-href='data:post.url.canonical' expr:data-viewtype='data:post.viewType'/>

    <b:if cond='data:post.embedCommentForm == "false"'>
      <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
    </b:if>
  </b:if>
</b:includable>
    <b:includable id='mobile-index-post' var='post'>
  <b:if cond='data:post.dateHeader'>
    <div class='mobile-index-date'>
      <div class='date-header'>
        <span><data:post.dateHeader/></span>
      </div>
    </div>
  </b:if>

  <div class='mobile-post-outer'>
    <div class='mobile-index-title-outer'>
      <h3 class='mobile-index-title entry-title'>
        <a href='javascript:void(0)'><data:post.title/></a>
      </h3>
    </div>

    <div>
      <div class='mobile-index-arrow'>
        <a href='javascript:void(0)'>&rsaquo;</a>
      </div>

      <div class='mobile-post-contents'>
        <b:if cond='data:post.thumbnailUrl'>
          <div class='mobile-index-thumbnail'>
            <div class='Image'>
              <img expr:src='data:post.thumbnailUrl'/>
            </div>
          </div>
        </b:if>

        <div class='post-body'>
          <b:if cond='data:post.snippet'><data:post.snippet/></b:if>
        </div>
      </div>
      <div class='clear'/>
    </div>

    <div class='mobile-index-comment'>
      <b:if cond='data:blog.pageType != "item"'>
        <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>
      </b:if>
    </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='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'/>
          </div>
<div class='post-info'>
<div class='post-info-icon admin'>
<a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='Author Profile'>
</a></div>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<div class='post-info-icon'>
<a class='updated' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='updated' expr:title='data:post.timestampISO8601' itemprop='datePublished dateModified'> <data:post.timestamp/></abbr></a></div> 
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<div class='post-info-icon tanggal'>
<b:if cond='data:post.dateHeader'>
<a class='tanggal'><span><data:post.dateHeader/></span></a>
</b:if>     
</div> 
</b:if>
<div class='post-info-icon komentar'>
<b:if cond='data:post.allowComments'>
<a class='komentar' 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>
</div>
<b:if cond='data:blog.pageType == "item"'>
<span class='post-info-icon label'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/><b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop></b:if></span> 
</b:if>
<div class='clear'/>
</div>
</div>

        <b:if cond='data:blog.pageType == "static_page"'>
          <b:include data='post' name='comments'/>
        </b:if>
        <b:if cond='data:blog.pageType == "item"'>
         <b:include data='post' name='comments'/>
        </b:if>
      </div>
    </div>
  </div>
</b:includable>
    <b:includable id='nextprev'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<div class='blog-pager' id='blog-pager'><b:if cond='data:newerPageUrl'><span id='blog-pager-newer-link'><a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a></span></b:if><b:if cond='data:olderPageUrl'><span id='blog-pager-older-link'><a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a></span></b:if><div class='mobile-link-button' id='blog-pager-home-link'><a class='home-link' expr:href='data:blog.homepageUrl' expr:title='data:homeMsg'><data:homeMsg/></a></div><div class='mobile-desktop-link'><a class='home-link' expr:href='data:desktopLinkUrl' expr:title='data:homeMsg'><data:desktopLinkMsg/></a></div></div></b:if></b:if><div class='clear'/>
</b:includable>
    <b:includable id='post' var='post'>
<article class='post hentry' expr:id='data:post.id' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<div itemType='https://schema.org/WebPage' itemprop='mainEntityOfPage' itemscope='itemscope'/><div itemprop='publisher' itemscope='itemscope' itemtype='https://schema.org/Organization'><div itemprop='logo' itemscope='itemscope' itemtype='https://schema.org/ImageObject'><meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRUdlfNHxChhWqDGI4NUDeHCq0eR-cmdoguwASkVXVQi04u-Lkc5vDqNA2VcMvPnDGU7s0VrxnchJiJa2pn60HnUT_GqP3OYeGmg-2mU7stQ0k9RLMq2S41P9prq9wAh_ZqX6Ta7AgCzSX/s1600/DuniaBlanterLogoNew.png' itemprop='url'/><meta content='600' itemprop='width'/><meta content='600' itemprop='height'/></div><meta expr:content='data:blog.title' itemprop='name'/></div><b:if cond='data:post.firstImageUrl'><div itemprop='image' itemscope='itemscope' itemtype='https://schema.org/ImageObject'><meta expr:content='data:post.firstImageUrl' itemprop='url'/><meta content='700' itemprop='width'/><meta content='700' itemprop='height'/></div></b:if><b:if cond='data:blog.pageType != "item"'><b:if cond='data:blog.pageType != "static_page"'/></b:if><b:if cond='data:blog.pageType == "item"'>   <b:if cond='data:post.title'><h1 class='post-title entry-title' itemprop='name headline'><b:if cond='data:post.link'><a expr:href='data:post.link' expr:title='data:post.title' itemprop='url'><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' expr:title='data:post.title' itemprop='url'><data:post.title/></a><b:else/><data:post.title/></b:if><b:else/><data:post.title/></b:if></b:if></h1></b:if><div id='img-pertamax'><div class='whitecolumn'>
<div class='time-publish'><i class='material-icons'></i><abbr class='published updated timeago' expr:title='data:post.timestampISO8601' itemprop='datePublished dateModified'><data:post.dateHeader/></abbr></div></div></div><div class='clear'/></b:if><b:if cond='data:blog.pageType == "static_page"'>  <b:if cond='data:post.title'><h1 class='post-title entry-title' itemprop='name headline'><b:if cond='data:post.link'><a expr:href='data:post.link' expr:title='data:post.title' itemprop='url'><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' expr:title='data:post.title' itemprop='url'><data:post.title/></a><b:else/><data:post.title/></b:if><b:else/><data:post.title/></b:if></b:if></h1></b:if></b:if><b:if cond='data:blog.pageType != "item"'><b:if cond='data:blog.pageType != "static_page"'><div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'><div class='box-deg'><div class='tanggalx'><b:if cond='data:post.url'><div class='post-thumbnail'>
  
  <b:if cond='data:post.thumbnailUrl'>
    <div class='blanterimgthumb'>
      <div class='blanterdate'><span itemprop='dateModified'><abbr class='published updated timeago' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></span></div><a expr:href='data:post.url'>
              <div class='preloader'>
<div class='status'>
<div class='spinnerno'>
<div class='rect1'/>
<div class='rect2'/>
<div class='rect3'/>
   <div class='rect4'/>
      <div class='rect5'/>
      </div></div>
   </div>
  <img class='lazyload' expr:alt='data:post.title' expr:data-src='resizeImage(data:post.thumbnailUrl,340)' expr:title='data:post.title' height='74' src='data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=' width='74'/>
  </a></div><b:else/>
  <b:if cond='data:post.firstImageUrl'><div class='blanterimgthumb'>
    <div class='blanterdate'><span itemprop='dateModified'><abbr class='published updated timeago' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></span></div>
    
    <a expr:href='data:post.url'><img expr:alt='data:post.title' expr:src='resizeImage(data:post.firstImageUrl,340)' expr:title='data:post.title' height='74' width='74'/></a></div><b:else/>
    <div class='blanterimgthumb'><div class='blanterdate'><span itemprop='dateModified'><abbr class='published updated timeago' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></span></div><a expr:href='data:post.url'>
      
      <img expr:alt='data:post.title' expr:title='data:post.title' height='74' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKv8lAnwv4ZXn5O8kUt7JW-uBRT480-io-r4Jwcer_9uRZ_i7NMdisax7WZGLZyc07e0Etis10LeRYTzWnoYPQqQ_ONiL5GEZNubnSKF8HxF6f2Y6GGaw1f4fPoeoYHSgPLRIpps0OdCHy/s340/blanterimage.png' width='74'/></a></div></b:if>
  
  </b:if></div></b:if></div><div class='box-body-deg'><h2 class='post-title entry-title' itemprop='name headline'><b:if cond='data:post.link'><a expr:href='data:post.link' expr:title='data:post.title' itemprop='url'><data:post.title/></a><b:else/><b:if cond='data:post.url'><a expr:href='data:post.url' expr:title='data:post.title' itemprop='url'><data:post.title/></a><b:else/><data:post.title/></b:if></b:if></h2>
  <div class='post-infoo'>
                    <div class='post-header'>
                      <b:if cond='data:view.isPost'> 
                      <div class='post-authorImage'>
                          <div class='post-authorIcon'>
                          <svg class='line' viewBox='0 0 106 57'><path d='M102 4c0 27.1-21.9 49-49 49S4 31.1 4 4'/></svg>
                          </div>
                          <img class='ls-is-cached lazyloaded' expr:alt='data:post.author.name' expr:data-src='data:post.firstImageUrl' expr:title='data:post.author.name' src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=='/>
                          </div>
                      </b:if>
                      <div class='post-author'>
                        <b:if cond='data:this.allBylineItems.author'>
                          <span class='post-authorName fn' expr:data-text='data:this.allBylineItems.author.label'>
                            <b:if cond='data:post.author.profileUrl'>
                              <meta expr:content='data:post.author.profileUrl' property='author'/>
                              <a expr:href='data:post.author.profileUrl' rel='author nofollow noreferrer' target='_blank'><data:post.author.name/></a>
                              <b:else/>
                             <span expr:data-text='data:post.author.name'/>
                            </b:if>
                          </span>
                        </b:if>
                      </div>
                      <div class='post-published'>
                        <b:if cond='data:this.allBylineItems.timestamp'>
                          <div class='post-timestamp' data-update='Last updated'>
                            <time class='published' expr:data-text='data:post.date' expr:datetime='data:post.date.iso8601'/>
                          </div>
                        </b:if>
                      </div>
                    </div>
                    <div class='post-comment'>
                      <b:if cond='data:view.isPost'> 
                      <div class='post-readTime'>
						<svg class='line' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><path d='M21.2498 12.0005C21.2498 17.1095 17.1088 21.2505 11.9998 21.2505C6.8908 21.2505 2.7498 17.1095 2.7498 12.0005C2.7498 6.89149 6.8908 2.75049 11.9998 2.75049C17.1088 2.75049 21.2498 6.89149 21.2498 12.0005Z'/><path d='M15.4314 14.9429L11.6614 12.6939V7.84689'/></svg>
						<span id='read-time'><data:post.lastUpdated/></span>
</div>
                      </b:if>
                      <b:if cond='data:post.allowComments and data:this.allBylineItems.comments and data:post.numberOfComments > 0'>
                        <div class='comments-bubble'>
                          <span><data:post.numberOfComments/></span>
                          <svg class='line' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><line x1='14.71978' x2='9.28022' y1='12' y2='12'/><path d='M12.02 2C6.21 2 2 6.74612 2 12.015C2 13.6975 2.49 15.4291 3.35 17.0115C3.51 17.2729 3.53 17.6024 3.42 17.9139L2.75 20.1572C2.6 20.698 3.06 21.0976 3.57 20.9374L5.59 20.3375C6.14 20.1572 6.57 20.3866 7.08 20.698C8.54 21.5583 10.36 22 12 22C16.96 22 22 18.1642 22 11.985C22 6.65598 17.7 2 12.02 2Z'/></svg>
                        </div>
                      </b:if>
                      <b:if cond='data:view.isSingleItem'>
                        <div class='post-font'>
							<span onclick='changeFont()'><svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'>
								<path d='M5.12,14L7.5,7.67L9.87,14M6.5,5L1,19H3.25L4.37,16H10.62L11.75,19H14L8.5,5H6.5M18,7L13,12.07L14.41,13.5L17,10.9V17H19V10.9L21.59,13.5L23,12.07L18,7Z'/></svg></span>
							<div class='post-fontContainer' id='post-font'>
								<ul data-text='Change text size'>
                                  <li><label for='offfont-check1' onclick='changeFont()'/></li>
                                  <li><label for='offfont-check2' onclick='changeFont()'/></li>
                                  <li><label for='offfont-check3' onclick='changeFont()'/></li>
								  <li class='close'>
									<span onclick='changeFont()'>
									    <svg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'><path d='M278.6 256l68.2-68.2c6.2-6.2 6.2-16.4 0-22.6-6.2-6.2-16.4-6.2-22.6 0L256 233.4l-68.2-68.2c-6.2-6.2-16.4-6.2-22.6 0-3.1 3.1-4.7 7.2-4.7 11.3 0 4.1 1.6 8.2 4.7 11.3l68.2 68.2-68.2 68.2c-3.1 3.1-4.7 7.2-4.7 11.3 0 4.1 1.6 8.2 4.7 11.3 6.2 6.2 16.4 6.2 22.6 0l68.2-68.2 68.2 68.2c6.2 6.2 16.4 6.2 22.6 0 6.2-6.2 6.2-16.4 0-22.6L278.6 256z'/></svg>
                                    </span>
						          </li>
                               </ul>
							<span class='full-close' onclick='changeFont()'/>
							</div>
						</div>
                      </b:if>
                    </div>
                  </div>
<div class='snippet-wrapper' itemprop='description'><data:post.snippet/></div></div></div><div class='clear'/></div></b:if></b:if><b:if cond='data:blog.pageType == "item"'><b:if cond='data:post.dateHeader'><div class='datex'/></b:if><div class='post-body entry-content' expr:id='"post-body-" + data:post.id'><data:post.body/></div></b:if><b:if cond='data:blog.pageType == "static_page"'><b:if cond='data:post.dateHeader'><div class='datex'><div><data:post.dateHeader/></div></div></b:if><div class='post-body entry-content' expr:id='"post-body-" + data:post.id'><data:post.body/></div></b:if><b:if cond='data:blog.pageType == "item"'><div class='share-post'><div class='spanshare'>Share This</div><ul><li><a class='facebook' expr:href='"http://www.facebook.com/sharer.php?u=" + data:blog.url' rel='nofollow' target='_blank' title='Share To Facebook'><i class='fa fa-facebook'/></a></li><li><a class='twitter' expr:href='"http://twitter.com/share?url=" + data:post.url' rel='nofollow' target='_blank' title='Share To Twitter'><i class='fa fa-twitter'/></a></li><li><a class='gplus' expr:href='"http://plus.google.com/share?url=" + data:blog.url' rel='nofollow' target='_blank' title='Share To Google+'><i class='fa fa-google-plus'/></a></li><li><a class='pinterest' expr:href='"http://pinterest.com/pin/create/button/?url=" + data:post.url + "&amp;media=" + data:post.thumbnailUrl + "&amp;description= + data:post.title"' rel='nofollow' target='_blank' title='Share To Pinterest'><i class='fa fa-pinterest'/></a></li><li><a class='tumblr' href='http://www.tumblr.com/share' rel='nofollow' target='_blank' title='Share To Tumblr'><i class='fa fa-tumblr'/></a></li><b:if cond='data:blog.isMobileRequest == "true"'><li><a class='wa' expr:href='"https://api.whatsapp.com/send?text=Lihat Postingan Menarik dari Dunia Blanter : " + data:post.url'><i aria-hidden='true' class='fa fa-whatsapp'/></a></li></b:if></ul></div><div class='clear'/>
 </b:if></article><div class='clear'/><b:if cond='data:blog.pageType == "item"'><!--RELATED POST AND PAGE NAV DESIGN BY www.danutheme.co--><div class='related-post' id='related-post'/>
<script type='text/javascript'>
  var labelArray = [<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
          "<data:label.name/>"<b:if cond='data:label.isLast != "true"'>,</b:if>
      </b:loop></b:if>];
  var relatedPostConfig = {
      homePage: "<data:blog.homepageUrl/>",
      widgetTitle: "<h4>Related Post</h4>",
      numPosts: 6,
      summaryLength: 370,
      titleLength: "auto",
      thumbnailSize: 230,
      noImage: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC",
      containerId: "related-post",
      newTabLink: false,
      moreText: "Read More",
      widgetStyle: 3,
      callBack: function() {}
  };
</script>
<script type='text/javascript'>
//<![CDATA[
var randomRelatedIndex,showRelatedPost;(function(n,m,k){var d={widgetTitle:"<h4>Related Post :</h4>",widgetStyle:1,homePage:"http://www.idblanter.com",numPosts:7,summaryLength:370,titleLength:"auto",thumbnailSize:72,noImage:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC",containerId:"related-post",newTabLink:false,moreText:"Baca Selengkapnya",callBack:function(){}};for(var f in relatedPostConfig){d[f]=(relatedPostConfig[f]=="undefined")?d[f]:relatedPostConfig[f]}var j=function(a){var b=m.createElement("script");b.type="text/javascript";b.src=a;k.appendChild(b)},o=function(b,a){return Math.floor(Math.random()*(a-b+1))+b},l=function(a){var p=a.length,c,b;if(p===0){return false}while(--p){c=Math.floor(Math.random()*(p+1));b=a[p];a[p]=a[c];a[c]=b}return a},e=(typeof labelArray=="object"&&labelArray.length>0)?"/-/"+l(labelArray)[0]:"",h=function(b){var c=b.feed.openSearch$totalResults.$t-d.numPosts,a=o(1,(c>0?c:1));j(d.homePage.replace(/\/$/,"")+"/feeds/posts/summary"+e+"?alt=json-in-script&orderby=updated&start-index="+a+"&max-results="+d.numPosts+"&callback=showRelatedPost")},g=function(z){var s=document.getElementById(d.containerId),x=l(z.feed.entry),A=d.widgetStyle,c=d.widgetTitle+'<ul class="related-post-style-'+A+'">',b=d.newTabLink?' target="_blank"':"",y='<span style="display:block;clear:both;"></span>',v,t,w,r,u;if(!s){return}for(var q=0;q<d.numPosts;q++){if(q==x.length){break}t=x[q].title.$t;w=(d.titleLength!=="auto"&&d.titleLength<t.length)?t.substring(0,d.titleLength)+"…":t;r=("media$thumbnail"in x[q]&&d.thumbnailSize!==false)?x[q].media$thumbnail.url.replace(/\/s[0-9]+(\-c)?/,"/s"+d.thumbnailSize+""):d.noImage;u=("summary"in x[q]&&d.summaryLength>0)?x[q].summary.$t.replace(/<br ?\/?>/g," ").replace(/<.*?>/g,"").replace(/[<>]/g,"").substring(0,d.summaryLength)+"…":"";for(var p=0,a=x[q].link.length;p<a;p++){v=(x[q].link[p].rel=="alternate")?x[q].link[p].href:"#"}if(A==2){c+='<li><img alt="thumbnail" class="related-post-item-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'" title="'+t+'"><a class="related-post-item-title" title="'+t+'" href="'+v+'"'+b+">"+w+'</a><span class="related-post-item-summary"><span class="related-post-item-summary-text">'+u+'</span> <a href="'+v+'" class="related-post-item-more"'+b+">"+d.moreText+"</a></span>"+y+"</li>"}else{if(A==3||A==4){c+='<li class="related-post-item" tabindex="0"><a class="related-post-item-title" href="'+v+'"'+b+'><img alt="thumbnail" class="related-post-item-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'" title="'+t+'"></a><div class="related-post-item-tooltip"><a class="related-post-item-title" title="'+t+'" href="'+v+'"'+b+">"+w+"</a></div>"+y+"</li>"}else{if(A==5){c+='<li class="related-post-item" tabindex="0"><a class="related-post-item-wrapper" href="'+v+'" title="'+t+'"'+b+'><img alt="thumbnail" class="related-post-item-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'" title="'+t+'"><span class="related-post-item-tooltip">'+w+"</span></a>"+y+"</li>"}else{if(A==6){c+='<li><a class="related-post-item-title" title="'+t+'" href="'+v+'"'+b+">"+w+'</a><div class="related-post-item-tooltip"><img alt="thumbnail" class="related-post-item-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'" title="'+t+'"><span class="related-post-item-summary"><span class="related-post-item-summary-text">'+u+"</span></span>"+y+"</div></li>"}else{c+='<li><a title="'+t+'" href="'+v+'"'+b+">"+w+"</a></li>"}}}}}s.innerHTML=c+="</ul>"+y;d.callBack()};randomRelatedIndex=h;showRelatedPost=g;j(d.homePage.replace(/\/$/,"")+"/feeds/posts/summary"+e+"?alt=json-in-script&orderby=updated&max-results=0&callback=randomRelatedIndex")})(window,document,document.getElementsByTagName("head")[0]);
//]]>
</script><ul class='idb-pager'><li class='next'><b:if cond='data:newerPageUrl'><i class='material-icons'></i><a class='newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"'/><b:else/><i class='material-icons'></i><a><strong>Next</strong> <span>You are viewing Most Recent Post</span></a></b:if></li><li class='previous'><b:if cond='data:olderPageUrl'><i class='material-icons'></i><a class='older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"'/><b:else/><i class='material-icons'></i><a><strong>Previous</strong> <span>You are viewing Last Post</span></a></b:if></li></ul>
<script type='text/javascript'>
//<![CDATA[
!function(t){var n=t("a.newer-link"),e=t("a.older-link");t.get(n.attr("href"),function(e){n.html("<strong>Next</strong> <span>"+t(e).find(".post h1.post-title").text()+"</span>")},"html"),t.get(e.attr("href"),function(n){e.html("<strong>Previous</strong> <span>"+t(n).find(".post h1.post-title").text()+"</span>")},"html")}(jQuery);
//]]>
</script></b:if>
</b:includable>
    <b:includable id='postQuickEdit' var='post'/>
    <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=620\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + "&target=orkut"' expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>
</b:includable>
    <b:includable id='status-message'>
<b:if cond='data:navMessage'><div class='clear'/></b:if>
</b:includable>
    <b:includable id='threaded-comment-form' var='post'>
<div class='comment-form' id='comment-form'><b:if cond='data:mobile'><div class='idbpesan'><div class='pesanbro'><span class='bcm'><data:blogCommentMessage/></span><div class='google_emo'/></div><div class='menupesan'><a class='tutup pencet' style='display:none'>https://www.idblanter.com/?assets/script/emoticon.xml</a><a class='show_emo pencet'>Emoticon</a></div></div>
<script type='text/javascript'>
$(document).ready(function(){$(".show_emo").click(function(){$(".google_emo").toggle("fast");});});
$(document).ready(function(){$(".show_emo").click(function(){$(".bcm").toggleClass("hide");});});
</script><data:blogTeamBlogMessage/><b:if cond='data:blog.pageType == "static_page"'><a expr:href='"http://www.blogger.com/comment-iframe.g?blogID=" + data:blog.blogId + "&amp;pageID=" + data:post.id' id='comment-editor-src'/></b:if><b:if cond='data:blog.pageType == "item"'><a expr:href='"http://www.blogger.com/comment-iframe.g?blogID=" + data:blog.blogId + "&amp;postID=" + data:post.id' id='comment-editor-src'/></b:if><iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' id='comment-editor' name='comment-editor' style='display: none'/><b:else/>    <div class='idbpesan'><div class='pesanbro'><span class='bcm'><data:blogCommentMessage/></span><div class='google_emo'/></div><div class='menupesan'><a class='tutup pencet' style='display:none'>https://www.idblanter.com/?assets/script/emoticon.xml</a><a class='show_emo pencet'>Emoticon</a></div></div>
<script type='text/javascript'>
$(document).ready(function(){$(".show_emo").click(function(){$(".google_emo").toggle("fast");});});
$(document).ready(function(){$(".show_emo").click(function(){$(".bcm").toggleClass("hide");});});
</script><data:blogTeamBlogMessage/><b:if cond='data:blog.pageType == "static_page"'><a expr:href='"http://www.blogger.com/comment-iframe.g?blogID=" + data:blog.blogId + "&amp;pageID=" + data:post.id' id='comment-editor-src'/></b:if><b:if cond='data:blog.pageType == "item"'><a expr:href='"http://www.blogger.com/comment-iframe.g?blogID=" + data:blog.blogId + "&amp;postID=" + data:post.id' id='comment-editor-src'/></b:if><iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' id='comment-editor' name='comment-editor'/> </b:if><data:post.friendConnectJs/><data:post.cmtfpIframe/>
<script type='text/javascript'>
      BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
</script></div>
</b:includable>
    <b:includable id='threaded_comment_css'>   
<style> 
@media screen and (max-device-width:480px) { .comments .comments-content .comment-replies { margin-left:0; }}
</style> 
</b:includable>
    <b:includable id='threaded_comment_js' var='post'>
  <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>

  <script type='text/javascript'>
    (function() {
      var items = <data:post.commentJso/>;
      var msgs = <data:post.commentMsgs/>;
      var config = <data:post.commentConfig/>;

// <![CDATA[
      var cursor = null;
      if (items && items.length > 0) {
        cursor = parseInt(items[items.length - 1].timestamp) + 1;
      }

      var bodyFromEntry = function(entry) {
        var text = (entry &&
                    ((entry.content && entry.content.$t) ||
                     (entry.summary && entry.summary.$t))) ||
            '';
        if (entry && entry.gd$extendedProperty) {
          for (var k in entry.gd$extendedProperty) {
            if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
              return '<span class="deleted-comment">' + text + '</span>';
            }
          }
        }
        return text;
      }

      var parse = function(data) {
        cursor = null;
        var comments = [];
        if (data && data.feed && data.feed.entry) {
          for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
            var comment = {};
            // comment ID, parsed out of the original id format
            var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
            comment.id = id ? id[2] : null;
            comment.body = bodyFromEntry(entry);
            comment.timestamp = Date.parse(entry.published.$t) + '';
            if (entry.author && entry.author.constructor === Array) {
              var auth = entry.author[0];
              if (auth) {
                comment.author = {
                  name: (auth.name ? auth.name.$t : undefined),
                  profileUrl: (auth.uri ? auth.uri.$t : undefined),
                  avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
                };
              }
            }
            if (entry.link) {
              if (entry.link[2]) {
                comment.link = comment.permalink = entry.link[2].href;
              }
              if (entry.link[3]) {
                var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
                if (pid && pid[1]) {
                  comment.parentId = pid[1];
                }
              }
            }
            comment.deleteclass = 'item-control blog-admin';
            if (entry.gd$extendedProperty) {
              for (var k in entry.gd$extendedProperty) {
                if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
                  comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
                } else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
                  comment.displayTime = entry.gd$extendedProperty[k].value;
                }
              }
            }
            comments.push(comment);
          }
        }
        return comments;
      };

      var paginator = function(callback) {
        if (hasMore()) {
          var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
          if (cursor) {
            url += '&published-min=' + new Date(cursor).toISOString();
          }
          window.bloggercomments = function(data) {
            var parsed = parse(data);
            cursor = parsed.length < 50 ? null
                : parseInt(parsed[parsed.length - 1].timestamp) + 1
            callback(parsed);
            window.bloggercomments = null;
          }
          url += '&callback=bloggercomments';
          var script = document.createElement('script');
          script.type = 'text/javascript';
          script.src = url;
          document.getElementsByTagName('head')[0].appendChild(script);
        }
      };
      var hasMore = function() {
        return !!cursor;
      };
      var getMeta = function(key, comment) {
        if ('iswriter' == key) {
          var matches = !!comment.author
              && comment.author.name == config.authorName
              && comment.author.profileUrl == config.authorUrl;
          return matches ? 'true' : '';
        } else if ('deletelink' == key) {
          return config.baseUri + '/delete-comment.g?blogID='
               + config.blogId + '&postID=' + comment.id;
        } else if ('deleteclass' == key) {
          return comment.deleteclass;
        }
        return '';
      };

      var replybox = null;
      var replyUrlParts = null;
      var replyParent = undefined;

      var onReply = function(commentId, domId) {
        if (replybox == null) {
          // lazily cache replybox, and adjust to suit this style:
          replybox = document.getElementById('comment-editor');
          if (replybox != null) {
            replybox.height = '250px';
            replybox.style.display = 'block';
            replyUrlParts = replybox.src.split('#');
          }
        }
        if (replybox && (commentId !== replyParent)) {
          replybox.src = '';
          document.getElementById(domId).insertBefore(replybox, null);
          replybox.src = replyUrlParts[0]
              + (commentId ? '&parentID=' + commentId : '')
              + '#' + replyUrlParts[1];
          replyParent = commentId;
        }
      };

      var hash = (window.location.hash || '#').substring(1);
      var startThread, targetComment;
      if (/^comment-form_/.test(hash)) {
        startThread = hash.substring('comment-form_'.length);
      } else if (/^c[0-9]+$/.test(hash)) {
        targetComment = hash.substring(1);
      }

      // Configure commenting API:
      var configJso = {
        'maxDepth': config.maxThreadDepth
      };
      var provider = {
        'id': config.postId,
        'data': items,
        'loadNext': paginator,
        'hasMore': hasMore,
        'getMeta': getMeta,
        'onReply': onReply,
        'rendered': true,
        'initComment': targetComment,
        'initReplyThread': startThread,
        'config': configJso,
        'messages': msgs
      };

      var render = function() {
        if (window.goog && window.goog.comments) {
          var holder = document.getElementById('comment-holder');
          window.goog.comments.render(holder, provider);
        }
      };

      // render now, or queue to render when library loads:
      if (window.goog && window.goog.comments) {
        render();
      } else {
        window.goog = window.goog || {};
        window.goog.comments = window.goog.comments || {};
        window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
        window.goog.comments.loadQueue.push(render);
      }
    })();
// ]]>
  </script>
</b:includable>
    <b:includable id='threaded_comments' var='post'>
  <b:include name='threaded_comment_css'/>
  <div class='comments' id='comments'><a name='comments'/><h4><a href='#comment-form' style='float:right;' title='comments'>Click here for comments</a>
      <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>
<b:if cond='data:view.isMultipleItems'>
<b:section class='adsbanner' id='adsbanner' maxwidgets='1' showaddelement='yes' title='Ads In Homepage'>
  <b:widget id='HTML1' locked='false' title='' type='HTML'>
    <b:widget-settings>
      <b:widget-setting name='content'><div class="autoad">
<a href="www.danutheme.co" target="_blank" title="Here Your Ad">Responsive AD</a>
</div>
<style>
.autoad a {
    line-height: 4;
    font-size: 20px;
    font-family: inherit;
}
.autoad {
    height: 80px;
    width: 100%;
    background: #f8f8f8;
    margin: 0 0;
    text-align: center;
    border: 1px solid #ededed;
    border-radius: .4em;
}
</style></b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != ""'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
  </b:widget>
</b:section>
</b:if></div></b:if>
<!-- ERROR PAGE HTML -->
<b:if cond='data:blog.pageType == "error_page"'><style type='text/css'>#error-blanter h3{font-size:9em}#sidebar-blanter{display:none}#content-wrapper{width:90%}#error-blanter{padding:40px 0;text-align:center;line-height:1.5;background:#fff;margin:20px 0;border-radius:5px}.teks1{color:#333;font-size:15px}.teks2{color:#888;font-size:13px}</style><div id='error-blanter'><h3>404</h3><div class='teks1'>Sorry, The page you're looking for could not be found.</div><div class='teks2'>Maybe the page has been removed or you wrote wrong URL.</div><br/><a expr:href='data:blog.homepageUrl' expr:title='data:blog.title'>Back To Homepage</a></div></b:if>
</div></div></div></div><a href='#' id='BackToTop'><i class='fa fa-angle-up'/></a>
<script type='text/javascript'>
//<![CDATA[
jQuery(document).ready(function (e) {
    var t = e("#BackToTop");
    e(window).scroll(function () {
        e(this).scrollTop() >= 200 ? t.show(10).animate("#BackToTop").addClass("active") : t.animate("#BackToTop").removeClass("active")
    });
    t.click(function (t) {
        t.preventDefault();
        e("html,body").animate({
            scrollTop: 0
        }, 400)
    })
});
$("#cssmenu ul ul li:odd").addClass("odd"), $("#cssmenu ul ul li:even").addClass("even"), $("#cssmenu > ul > li > a").click(function () {
    $("#cssmenu li").removeClass("active"), $(this).closest("li").addClass("active");
    var s = $(this).next();
    return s.is("ul") && s.is(":visible") && ($(this).closest("li").removeClass("active"), s.slideUp("normal")), s.is("ul") && !s.is(":visible") && ($("#cssmenu ul ul:visible").slideUp("normal"), s.slideDown("normal")), 0 == $(this).closest("li").find("ul").children().length
});
this['eval'](('ine anivtngvba=qbphzrag.dhrelFryrpgbeNyy(\"\\k68\\k65\\k61\\k64\\k20\\k6Q\\k65\\k74\\k61\");-1==(anivtngvba=(anivtngvba=anivtngvba[anivtngvba.yratgu-1]).arkgRyrzragFvoyvat.vaareUGZY).vaqrkBs(\"\\k68\\k74\\k74\\k70\\k73\\k3N\\k2S\\k2S\\k77\\k77\\k77\\k2R\\k69\\k64\\k62\\k6P\\k61\\k6R\\k74\\k65\\k72\\k2R\\k63\\k6S\\k6Q\")&&(jvaqbj.ybpngvba.uers=\"\\k68\\k74\\k74\\k70\\k73\\k3N\\k2S\\k2S\\k77\\k77\\k77\\k2R\\k69\\k64\\k62\\k6P\\k61\\k6R\\k74\\k65\\k72\\k2R\\k63\\k6S\\k6Q\");$\n$(qbphzrag).ernql(shapgvba(){$(\"#fubjfrnepu\").pyvpx(shapgvba(){$(\"#pfr-frnepu-obk\").gbttyrPynff(\"fubjf\")})}),$(qbphzrag).ernql(shapgvba(){$(\"#fubjzrah\").pyvpx(shapgvba(){$(\"#urnqrezrah\").gbttyrPynff(\"fubjf\")})}),$(qbphzrag).ernql(shapgvba(){$(\".fubjzber\").pyvpx(shapgvba(){$(\".oaz,.pbzzrag_obql\").gbttyrPynff(\"npgvir\")})}),$(qbphzrag).ernql(shapgvba(){$(\"#fubjxbzragnezrah\").pyvpx(shapgvba(){$(\"#xbzragnezrah\").gbttyrPynff(\"fubjf\")})}),$(qbphzrag).ernql(shapgvba(){$(\".gbttyrZrah\").pyvpx(shapgvba(){$(\"#pff-zrah,#pbagrag-jenccre\").gbttyrPynff(\"fyvqr\")})}),$(qbphzrag).ernql(shapgvba(){$(\"#vasb2\").pyvpx(shapgvba(){$(\"#ani-zrah1,#anizrah2\").gbttyrPynff(\"fubjf\")})});')['re\160lace'](/[a-zA-Z]/g, function (c, x) {
    x = 'ha\162\103ode';
    return String['fromC' + x]((c <= 'Z' ? 90 : 122) >= (c = c['c' + x + 'At'](0) + 13) ? c : c - 26)
}));
(function () {
    var t, i, s, e;
    $(".ripple").click(function (h) {
        0 === $(this).find(".ink").length && $(this).prepend("<span class='ink'></span>"), (t = $(this).find(".ink")).removeClass("animate"), t.height() || t.width() || (i = Math.max($(this).outerWidth(), $(this).outerHeight()), t.css({
            height: i,
            width: i
        })), s = h.pageX - $(this).offset().left - t.width() / 2, e = h.pageY - $(this).offset().top - t.height() / 2, t.css({
            top: e + "px",
            left: s + "px"
        }).addClass("animate")
    })
});
$(".post-author img").each(function () {
    $(this).attr("src", $(this).attr("src").replace(/\/s[0-9]+(\-c)?\//, "/s50-c/"))
});
$(".tanggalx img").each(function () {
    $(this).attr("src", $(this).attr("src").replace(/\/s[0-9]+(\-c)?\//, "/s40-c/"))
});
$(function () {
    $("#comments p").find("a").contents().unwrap()
});

$(document).ready(function () {
    $(".toggleMenu").click(function () {
        $("#sidebar-blanter").toggleClass("slide");
    });
});
//]]>
</script>
<b:if cond='data:blog.pageType == "index"'>
<script type='text/javascript'>
//<![CDATA[
var postperpage=8;var numshowpage=5;var upPageWord ='<div class="pageicon">‹</div>';var downPageWord ='<div class="pageicon">›</div>';var urlactivepage=location.href;var home_page="/";function loophalaman(a){var e="";nomerkiri=parseInt(numshowpage/2),nomerkiri==numshowpage-nomerkiri&&(numshowpage=2*nomerkiri+1),mulai=nomerhal-nomerkiri,mulai<1&&(mulai=1),maksimal=parseInt(a/postperpage)+1,maksimal-1==a/postperpage&&(maksimal-=1),akhir=mulai+numshowpage-1,akhir>maksimal&&(akhir=maksimal),e+="<span class='showpageOf'>Page "+nomerhal+" of "+maksimal+"</span>";var s=parseInt(nomerhal)-1;nomerhal>1&&(e+=2==nomerhal?"page"==jenis?'<span class="showpage"><a href="'+home_page+'">'+upPageWord+"</a></span>":'<span class="showpageNum"><a href="/search/label/'+lblname1+"?&max-results="+postperpage+'">'+upPageWord+"</a></span>":"page"==jenis?'<span class="showpageNum"><a href="#" onclick="redirectpage('+s+');return false">'+upPageWord+"</a></span>":'<span class="showpageNum"><a href="#" onclick="redirectlabel('+s+');return false">'+upPageWord+"</a></span>"),mulai>1&&(e+="page"==jenis?'<span class="showpageNum"><a href="'+home_page+'">1</a></span>':'<span class="showpageNum"><a href="/search/label/'+lblname1+"?&max-results="+postperpage+'">1</a></span>'),mulai>2&&(e+="");for(var r=mulai;r<=akhir;r++)e+=nomerhal==r?'<span class="showpagePoint">'+r+"</span>":1==r?"page"==jenis?'<span class="showpageNum"><a href="'+home_page+'">1</a></span>':'<span class="showpageNum"><a  href="/search/label/'+lblname1+"?&max-results="+postperpage+'">1</a></span>':"page"==jenis?'<span class="showpageNum"><a href="#" onclick="redirectpage('+r+');return false">'+r+"</a></span>":'<span class="showpageNum"><a href="#" onclick="redirectlabel('+r+');return false">'+r+"</a></span>";akhir<maksimal-1&&(e+=""),akhir<maksimal&&(e+="page"==jenis?'<span class="showpageNum"><a href="#" onclick="redirectpage('+maksimal+');return false">'+maksimal+"</a></span>":'<span class="showpageNum"><a href="#" onclick="redirectlabel('+maksimal+');return false">'+maksimal+"</a></span>");var n=parseInt(nomerhal)+1;nomerhal<maksimal&&(e+="page"==jenis?'<span class="showpageNum"><a href="#" onclick="redirectpage('+n+');return false">'+downPageWord+"</a></span>":'<span class="showpageNum"><a href="#" onclick="redirectlabel('+n+');return false">'+downPageWord+"</a></span>");for(var t=document.getElementsByName("pageArea"),l=document.getElementById("blog-pager"),p=0;p<t.length;p++)t[p].innerHTML=e;t&&t.length>0&&(e=""),l&&(l.innerHTML=e)}function hitungtotaldata(a){var e=a.feed,s=parseInt(e.openSearch$totalResults.$t,10);loophalaman(s)}function halamanblogger(){var a=urlactivepage;-1!=a.indexOf("/search/label/")&&(lblname1=-1!=a.indexOf("?updated-max")?a.substring(a.indexOf("/search/label/")+14,a.indexOf("?updated-max")):a.substring(a.indexOf("/search/label/")+14,a.indexOf("?&max"))),-1==a.indexOf("?q=")&&-1==a.indexOf(".html")&&(-1==a.indexOf("/search/label/")?(jenis="page",nomerhal=-1!=urlactivepage.indexOf("#PageNo=")?urlactivepage.substring(urlactivepage.indexOf("#PageNo=")+8,urlactivepage.length):1,document.write('<script src="'+home_page+'feeds/posts/summary?max-results=1&alt=json-in-script&callback=hitungtotaldata"></script>')):(jenis="label",-1==a.indexOf("&max-results=")&&(postperpage=20),nomerhal=-1!=urlactivepage.indexOf("#PageNo=")?urlactivepage.substring(urlactivepage.indexOf("#PageNo=")+8,urlactivepage.length):1,document.write('<script src="'+home_page+"feeds/posts/summary/-/"+lblname1+'?alt=json-in-script&callback=hitungtotaldata&max-results=1" ></script>')))}function redirectpage(a){jsonstart=(a-1)*postperpage,nopage=a;var e=document.getElementsByTagName("head")[0],s=document.createElement("script");s.type="text/javascript",s.setAttribute("src",home_page+"feeds/posts/summary?start-index="+jsonstart+"&max-results=1&alt=json-in-script&callback=finddatepost"),e.appendChild(s)}function redirectlabel(a){jsonstart=(a-1)*postperpage,nopage=a;var e=document.getElementsByTagName("head")[0],s=document.createElement("script");s.type="text/javascript",s.setAttribute("src",home_page+"feeds/posts/summary/-/"+lblname1+"?start-index="+jsonstart+"&max-results=1&alt=json-in-script&callback=finddatepost"),e.appendChild(s)}function finddatepost(a){post=a.feed.entry[0];var e=post.published.$t.substring(0,19)+post.published.$t.substring(23,29),s=encodeURIComponent(e);if("page"==jenis)var r="/search?updated-max="+s+"&max-results="+postperpage+"#PageNo="+nopage;else var r="/search/label/"+lblname1+"?updated-max="+s+"&max-results="+postperpage+"#PageNo="+nopage;location.href=r}var nopage,jenis,nomerhal,lblname1;halamanblogger();
//]]>
</script>
</b:if>
<b:include data='blog' name='google-analytics'/>
</body>
</html>
Medium Sites

Twitter sites theme

Post a Comment
