Masign clean lite-dienblogger

Copy Link

<?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='"https://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/+YOURGPLUS/posts' rel='publisher'/> <link href='https://plus.google.com/+YOURGPLUS/about' rel='author'/> <link href='https://plus.google.com/+YOURGPLUS' rel='me'/> <meta content='xxxxx' name='google-site-verification'/> <meta content='xxxxx' name='msvalidate.01'/> <meta content='xxxxx' name='alexaVerifyID'/> <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'/> <b:skin><![CDATA[ /* Blogger Template Style [Info] Template Name : Masign Clean Template Date : 7 Juli 2017 Designer : Rhinokage Rio Designer URL : http://www.idblanter.com Theme License : Premium share url : https://s2topvn.blogspot.com/ */ /* Blogger Template Style [Info] Template Name : Masign Clean Simple Version v1.2 Template Date : 5 August 2018 Designer : Rhinokage Rio Designer URL : https://www.idblanter.com Theme License : Premium 60K (Blanter License v2.2) */ @font-face{font-family:'Google Sans';font-style:normal;font-weight:400;src:local('Google Sans Regular'),local(GoogleSans-Regular),url(//fonts.gstatic.com/s/googlesans/v5/4UaGrENHsxJlGDuGo1OIlL3Kwp5MKg.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Google Sans';font-style:normal;font-weight:400;src:local('Google Sans Regular'),local(GoogleSans-Regular),url(//fonts.gstatic.com/s/googlesans/v5/4UaGrENHsxJlGDuGo1OIlL3Nwp5MKg.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:'Google Sans';font-style:normal;font-weight:400;src:local('Google Sans Regular'),local(GoogleSans-Regular),url(//fonts.gstatic.com/s/googlesans/v5/4UaGrENHsxJlGDuGo1OIlL3Awp5MKg.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Google Sans';font-style:normal;font-weight:400;src:local('Google Sans Regular'),local(GoogleSans-Regular),url(//fonts.gstatic.com/s/googlesans/v5/4UaGrENHsxJlGDuGo1OIlL3Owp4.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Google Sans';font-style:normal;font-weight:500;src:local('Google Sans Medium'),local(GoogleSans-Medium),url(//fonts.gstatic.com/s/googlesans/v5/4UabrENHsxJlGDuGo1OIlLU94Yt3CwZ-Pw.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Google Sans';font-style:normal;font-weight:500;src:local('Google Sans Medium'),local(GoogleSans-Medium),url(//fonts.gstatic.com/s/googlesans/v5/4UabrENHsxJlGDuGo1OIlLU94YtwCwZ-Pw.woff2) format("woff2");unicode-range:U+0370-03FF}@font-face{font-family:'Google Sans';font-style:normal;font-weight:500;src:local('Google Sans Medium'),local(GoogleSans-Medium),url(//fonts.gstatic.com/s/googlesans/v5/4UabrENHsxJlGDuGo1OIlLU94Yt9CwZ-Pw.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Google Sans';font-style:normal;font-weight:500;src:local('Google Sans Medium'),local(GoogleSans-Medium),url(//fonts.gstatic.com/s/googlesans/v5/4UabrENHsxJlGDuGo1OIlLU94YtzCwY.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Material Icons';font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/materialicons/v38/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2) format("woff2")}.material-icons{font-family:'Material Icons';font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:liga;-webkit-font-smoothing:antialiased}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;display:block}*{margin:0;padding:0}html{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'content:none}table{border-collapse:collapse;border-spacing:0}.license-code,#responsive,.quickedit,#top-blanter li a#show-t-menu{display:none}.section,.widget{margin:0}.displaynone{display:none}abbr{text-decoration:none}.navbar,.blog-feeds,.feed-links,#backlinks-container{display:none}strong,b{font-weight:700}cite,em,i{font-style:italic}a:link{color:#444;text-decoration:none;outline:none;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s}a:visited{color:#444;text-decoration:none}a:hover{color:#4d90fe;text-decoration:none}a img{border:none;border-width:0;outline:none}abbr,acronym{cursor:help}sup,sub{vertical-align:baseline;position:relative;top:-.4em;font-size:86%}sub{top:.4em}small{font-size:86%}kbd{font-size:80%;border:1px solid #999;padding:2px 5px;border-bottom-width:2px;border-radius:3px}mark{background-color:#ffce00;color:#000}p,blockquote,pre,table,figure,hr,form,ol,ul,dl{margin:1.5em 0}hr{height:1px;border:none;background-color:#666}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:normal;margin:0 0 .6em}h1{font-size:200%}h2{font-size:180%}h3{font-size:160%}.mobile-date-outer{border-color:#444!important}.mobile-index-title{color:#444!important}h4{font-size:140%}h5{font-size:120%}h6{font-size:100%}ol,ul,dl{margin:.5em 0 .5em 3em}ol{list-style:decimal outside}ul{list-style:disc outside}li{margin:.5em 0}dt{font-weight:700}dd{margin:0 0 .5em 2em}input,button,select,textarea{font:inherit;font-size:100%;line-height:normal;vertical-align:baseline}#header-blanter{height:120px;padding:20px 0 0}textarea{display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}pre,code{font-family:"color:inherit}pre{white-space:pre;word-wrap:normal;overflow:auto}blockquote{background:#673ab7!important;overflow:hidden;position:relative;margin:.5rem 0 1rem;transition:box-shadow .25s;border-radius:2px;color:#fff;box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);padding:20px}.colorbox{overflow:hidden;position:relative;margin:.5rem 0 1rem;transition:box-shadow .25s;border-radius:2px;color:#fff;box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);padding:20px}.colorbox.blue{background:#607D8B}.colorbox.green{background:#4CAF50}.colorbox.red{background:#F44336}.colorbox.orange{background:#ff9800}.post-body table td,.post-body table caption{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:transparent}.post-body table.tr-caption-container,.post-body table.tr-caption-container img,.post-body img{max-width:100%;width:auto;height:auto}.post-body td.tr-caption{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}div#banner-header{overflow:hidden}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%}.widget ul{padding:0}.post-body .tr-caption-container a{float:none}td.tr-caption{background:transparent!important}img{max-width:100%;height:auto;border:0}table{max-width:100%}.clear{clear:both}.clear:after{visibility:hidden;display:block;font-size:0;content:" ";font-family:'Google Sans',Google Sans,Arial,sans-serif;clear:both;height:0}body{background:#f4f4f4;margin:0;padding:0;color:#444;text-align:left;font-family:'Google Sans',Google Sans,Arial,sans-serif}#wrapper,.wrapper{background:#fff;max-width:1100px;margin:0 auto;padding:10px}.header{float:left;width:100%;max-width:300px;overflow:hidden}#headerwidget{float:right;padding:0;overflow:hidden;margin:0;width:100%;max-width:728px}#header-wrapper{background:#fff;margin:0 auto;padding:20px 10px;overflow:hidden;color:#444}#header-wrapper a img{display:block}.largebanner .widget,.largebanner2 .widget{padding:10px;margin:0 auto;max-width:970px;overflow:hidden}.largebanner img,.largebanner iframe,.largebanner2 img,.largebanner2 iframe{display:block;max-width:100%;border:none;overflow:hidden}.header{text-align:left;width:100%;max-width:300px;margin:0 0 10px;float:left}.header img{max-width:240px;height:auto}.header h1.title,.header p.title{text-transform:uppercase;font-family:'Google Sans',sans-serif;margin:0;padding:10px 0;font-size:15px}.header .description{color:#555;margin:.5em 0 0;font-family:'Google Sans',sans-serif;font-size:12px}footer .wrapper{background:transparent!important}#largebanner{padding:15px 0}.header a{color:#222;font-weight:700}.header a:hover{color:#1a73e8}#nav .wrapper{padding:0}#nav{position:relative;box-shadow:0 1px 4px rgba(0,0,0,.26);height:48px;border-radius:5px;border-top:1px solid #eee;padding:0;margin:5px 0 0;background:#fff}.navigasi-kiri{float:left}.top-kanan{float:right;max-width:100%}#top-blanter{box-shadow:0 1px 4px rgba(0,0,0,.26);border-radius:5px;position:relative;overflow:hidden;margin:0}#top-blanter ul{padding:0;margin:0}#top-blanter li{list-style:none;float:left;margin:0}#top-blanter li a{display:block;padding:15px 17px;font-size:14px}#nav ul{margin:0;padding:0;list-style:outside none none;float:left;position:relative}#nav ul li{margin:0;float:left}#nav ul li a{float:left;color:#555;padding:1px 15px;font-weight:500;font-size:14px;line-height:45px}#nav ul li a:focus{color:#555!important}#nav ul li a:hover{text-decoration:none;color:#1a73e8}#nav ul li a.active{text-decoration:none;background:#222 none repeat scroll 0 0;color:#F0F0F0;border-bottom:1px solid #008FFF}#nav .sosialbutton{position:relative;float:right;width:550px}#nav .sosialbutton ul{margin:0;padding:0;float:right}#nav .sosialbutton ul li{line-height:37px;cursor:pointer}#nav ul li ul{position:absolute;top:20px;transition:all .3s ease-in-out;opacity:0;visibility:hidden;background:#fff;z-index:9;min-width:150px;box-shadow:0 1px 4px rgba(0,0,0,.26);border-radius:4px;overflow:hidden}#nav li ul li{width:100%;float:none}#nav li ul a{border:none;line-height:35px;width:100%;display:block;font-weight:400;text-transform:none}#nav li:hover > ul{top:47px;opacity:1;visibility:visible}.submenu:after{content:"\f107";font-family:FontAwesome;font-style:normal;font-weight:400;text-decoration:inherit;padding-left:6px;color:#444}#nav li ul a:hover{color:#555;background:#eee}.current-menu-item a{color:#1a73e8!important}.breadcrumbs i{float:left;font-size:22px;margin-right:5px}.popular-posts a{font-family:'Google Sans';font-size:13px;font-weight:400;color:#666}.popular-posts a:hover{color:#1a73e8}#content-wrapper{position:relative;margin:0 auto;padding:0;overflow:hidden;word-wrap:break-word}#post-wrapper{float:left;width:64%;border:1px solid #ddd;border-radius:10px;padding:10px 20px;margin:12px 0}.post-container{margin:0;max-width:100%}.breadcrumbs{font-size:15px;padding:10px;line-height:1.4;color:#444;position:relative;margin-bottom:15px;font-family:'Google Sans',sans-serif;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.pagenav{display:inline-block;width:92.7%;position:relative;clear:both;margin:20px 0 0;padding:10px 20px}.pagenav span,.pagenav a{display:inline-block;font-weight:700;text-transform:uppercase;vertical-align:top;color:#444;border:2px solid #444;line-height:20px;padding:6px 12px;margin:0 2px;font-size:12px;text-align:center;transition:initial;transition:all .5s ease-in-out}.js-loading img{width:50px;height:50px}a.js-load,.js-loading,.js-loaded{background:#1a73e8;font-weight:500;color:#fff;padding:5px 20px;line-height:2;border-radius:4px;box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2)}a.js-load:hover{background:#0887c3}.js-loaded{background:#e83c34}.moretinymenu{display:none;box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2);background:#fff;position:absolute;right:0;z-index:401;width:150px;height:auto;overflow:hidden}.moretinymenu li{width:100%}.moretinymenu li a{width:100%;display:block}.moretinymenu li a:hover{background:#eee;color:#555!important}.transhide{display:none;position:fixed;top:0;background:transparent;left:0;right:0;bottom:0;margin:0;z-index:400}.waves-effect{position:relative;cursor:pointer;display:inline-block;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;vertical-align:middle;z-index:1;will-change:opacity,transform;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;-ms-transition:all .2s ease-out;transition:all .2s ease-out}.waves-effect .waves-ripple{position:absolute;border-radius:50%;width:20px;height:20px;margin-top:-10px;margin-left:-10px;opacity:0;background:rgba(0,0,0,0.14);-webkit-transition:all .4s ease-out;-moz-transition:all .4s ease-out;-o-transition:all .4s ease-out;-ms-transition:all .4s ease-out;transition:all .4s ease-out;-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform,opacity;-o-transition-property:-o-transform,opacity;transition-property:transform,opacity;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);pointer-events:none}.waves-effect.waves-light .waves-ripple{background-color:rgba(255,255,255,0.45)}.waves-notransition{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}.waves-circle{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);-webkit-mask-image:-webkit-radial-gradient(circle,white 100%,black 100%)}.waves-input-wrapper{border-radius:.2em;vertical-align:bottom;width:100%}.waves-input-wrapper .waves-button-input{position:relative;top:0;left:0;z-index:1}.waves-circle{text-align:center;width:2.5em;height:2.5em;line-height:2.5em;border-radius:50%;-webkit-mask-image:none}.waves-block{display:block}.nav-line{background-color:#1a73e8;position:absolute;height:3px;width:110px;bottom:-1px;left:0}.pagenav .pages{background-color:transparent;float:right;color:#666;font-weight:700;text-transform:uppercase;font-size:11px}.pagenav a:hover,.pagenav .current{background-color:#444;color:#fff;border-color:#444}.breadcrumbs a span{color:#777;text-decoration:none;font-weight:500;padding:0 2px;font-size:13px}.breadcrumbs a{color:#444}.breadcrumbs span{font-weight:500;font-size:13px}.breadcrumbs a:hover{color:#222;padding:0}.post{margin:0 0 12px;padding:10px;overflow:hidden;font-family:'Google Sans',Arial,sans-serif;font-size:14px}.post-body{line-height:1.7;font-size:15px;color:#555;font-family:'Roboto',sans-serif}h2.post-title{font-family:'Google Sans',sans-serif;font-size:16px;font-weight:500}h2.post-title a,h2.post-title{color:#222;margin:0 0 10px}.search-block input{font-size:13px;padding:7px 10px 7px 30px;color:rgba(48,60,74,0.78);background:#eff2f2;width:200px;border:3px solid #eff2f2;transition:all .4s ease-in-out;border-radius:20px}.search-block input:focus{outline:none;border-color:#fff;box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2);background:#fff}.h2.post-title a:hover{color:#4d90fe;text-decoration:underline}.img-thumb{background:#eee;overflow:hidden;float:left;width:240px;height:180px;margin:0 10px -1px 0}.img-thumb img{width:240px;height:180px}.img-thumb a{width:100%}.post-info{font-size:12px;overflow:hidden;color:#444;padding:8px 0;font-family:'Google Sans',sans-serif}.post-info a{color:rgba(48,60,74,0.78);font-weight:500}.search-block form{margin:4px;float:left}#cse-search-box:before{color:#777;display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\f002";float:left;margin-right:-36px;width:36px;font-size:14px;text-align:center;position:relative;padding:8px 0;line-height:1.5;pointer-events:none}h1.post-title{margin:0 0 30px;color:#333;padding:10px 0;font-size:150%;text-align:left;line-height:1.4em;font-weight:400;font-family:'Google Sans',Arial,Sans-Serif}.post-info-icon.tags{float:right}.post-info abbr{font-weight:400;text-decoration:none;color:#888;font-size:11px;padding:5px 10px}.post-info-icon{float:left;line-height:2.4;padding:5px 5px 0 0}.listinfo{float:left;margin-right:7px}.nav i{margin-right:7px}.postheader{margin-top:20px;padding:0;overflow:hidden}#about-wrapper{font-family:Google Sans,Arial;padding:0 0 20px;background:#fff;box-shadow:0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);border-radius:4px}#about-wrapper .aboutimg{width:100%;height:130px;float:left;overflow:hidden}img.profilex{width:60px;border-radius:100%;transition:all .3s ease-in-out;float:left;margin:-35px 20px 0;border:3px solid #fff}#about-wrapper p{padding:0 20px}a.linkx i{line-height:.8}a.linkx{color:#fff!important;padding:14px 13px;background-color:#1a73e8;position:absolute;top:150px;right:30px;border-radius:100%;height:20px}a.linkx:hover{background-color:#0887c3;color:#fff}#about-wrapper h4{line-height:3;font-weight:400;font-size:15px}.postinfo{padding:10px 15px;margin:0;color:#444;line-height:1.6em;font-size:13px;overflow:hidden}.postinfo i{padding-right:5px}.postinfo a{color:rgba(48,60,74,0.78)!important}.time-publish{text-align:center}.time-publish abbr{color:#444;font-style:normal;font-weight:700;font-size:12px;border:1px solid #ddd;padding:10px}.postinfo a:hover{text-decoration:underline;color:#2C95BD!important}.status-msg-body{position:relative;color:#444;text-align:left;font-weight:500;font-size:14px;padding:0;margin:10px 0 30px}#about-wrapper:hover img.profilex{transform:scale(1.1)}.sosialbutton a.facebook{background:#24458A!important;color:#FFF}.sosialbutton a.googleplus{background:#DD4B39!important;color:#FFF}.sosialbutton a.twt{background:#1BB2E9!important;color:#FFF}.post-body a{color:#1a73e8}.sosialbutton a.igm{background:#2d2d2d!important;color:#FFF}.i-komentar a{color:#fff}#blog-pager{margin:5px 0;text-align:center;clear:both!important;padding:5px;font-family:'Google Sans',Arial;font-size:14px;letter-spacing:.2px;font-weight:500}#blog-pager-newer-link a{border:2px solid #555;float:right;display:block;padding:8px 10px;color:#444}#blog-pager-older-link a{border:2px solid #555;float:right;display:block;padding:8px 10px;color:#444}.status-msg-wrap{width:100%}.status-msg-body a{color:#1a73e8;border:1px solid #1a73e8;border-radius:4px;padding:5px 10px;float:right}a.home-link{display:inline-block;padding:8px 10px;color:#444}#blog-pager-older-link a:hover,#blog-pager-newer-link a:hover,a.home-link:hover{color:#1a73e8}.FollowByEmail .follow-by-email-inner .follow-by-email-submit{font-family:'Google Sans';font-weight:700;text-transform:uppercase;border-left:1px solid #444!important;background:none!important;padding-left:10px!important;margin:0!important}.FollowByEmail .follow-by-email-inner .follow-by-email-address{outline:none!important;width:120%;padding:7px 10px;border:1px solid #444!important;background:#111;color:#fff}#sidebar-wrapper{float:right;width:30%;margin:12px 0}.list-label-widget-content a{color:#fff}.sidebar-container{margin:0}.post-title-wrap h2,.sidebar h2{font-family:'Google Sans',sans-serif;color:#545454;margin:0 0 10px;padding:10px;font-weight:500;font-size:13px;text-align:left;text-transform:uppercase}.sidebar .widget{padding:10px 20px;margin:0 0 10px;border:1px solid #ddd;overflow:hidden;border-radius:10px}.sidebar ul,.sidebar ol{list-style-type:none;margin:0;padding:0}.sidebar li{margin:0;padding:3px 0;border-bottom:1px dotted #ddd}.label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5{font-size:100%;filter:alpha(100);opacity:10}.cloud-label-widget-content{text-align:left}.label-size{display:block;float:left;font-family:'Google Sans',sans-serif;margin:0 3px 3px 0;font-size:12px;font-weight:500;transition:all .3s ease-in-out}.label-size a,.label-size span{background:#fff;display:inline-block;padding:8px 10px;color:#1a73e8;border:1px solid #ddd;border-radius:5px}.label-size a:hover{border-color:#1a73e8}.label-count{white-space:nowrap;padding-right:3px;margin-left:-3px}.label-size{line-height:1.2}.PopularPosts .item-thumbnail{margin:0 0 0 6px;display:inline;float:right}.PopularPosts .item-thumbnail a img{height:70px;width:72px;display:block;margin:0;padding:0}.popular-posts ul{counter-reset:popcount}.popular-posts .item-snippet,.description,.status-msg-border{display:none}.PopularPosts .widget-content ul li{padding:0!important;border-bottom:none;margin:0 0 12px;border-radius:7px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.26)}.PopularPosts .item-title{font-weight:700;margin:10px;display:inline-block;width:calc(100% - 100px)}.PopularPosts .item-snippet{display:none}.profile-img{display:inline;opaciry:10;margin:0 6px 3px 0}.related-post{margin:15px 0 0;padding:10px}.related-post h4{font-size:14px;margin:0 0 .5em}.related-post-style-2{margin:0!important;padding:0!important;list-style:none}.related-post-style-2 li{margin:0;padding:0;padding:5px 0!important;overflow:hidden}.related-post-style-2 li:first-child{border-top:none}.related-post-style-2 .related-post-item-thumbnail{width:65px;height:55px;max-width:none;max-height:none;float:left;margin:2px 8px 0 0}.related-post-style-2 .related-post-item-title{font:bold 14px Google Sans,sans-serif;color:#444}.related-post-style-2 .related-post-item-summary{display:block;overflow:hidden;font-size:11px}.related-post-style-2 .related-post-item-more,a.blanterMenu{display:none}.footer-ayu{font-weight:500;text-align:center;padding:10px 0;font-size:12.5px}a.moreMenu{float:right;padding:5px 7px;margin:5px 10px;background:#eee;border-radius:100%}a.moreMenu:hover{color:#000;background:#ddd}#material-subscribe form{margin:1.5em 0 0}#material-subscribe{padding:0;background:#fff}.buttonx{color:#fff!important;padding:10px 15px;border-radius:4px;border:none;outline:none;box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);cursor:pointer;transition:all .4s ease-in-out}.buttonx.red{background:#1a73e8}.input-field .buttonx{margin-top:15px;font-weight:500;font-size:14px}.input-field .buttonx i{margin-right:5px}.input-field{position:relative;margin:15px 0}.input-field input,.input-field textarea{font-size:15px;padding:15px 0;display:block;width:100%;border:none;border-bottom:1px solid #ddd}.input-field input:focus,.input-field textarea:focus{outline:none}.input-field label{color:#999;font-size:14px;font-weight:400;position:absolute;pointer-events:none;left:0;top:18px;transition:.2s ease all}.input-field input:focus ~ label,.input-field input:valid ~ label,.input-field textarea:focus ~ label,.input-field textarea:valid ~ label{top:-20px;font-size:14px;color:#1a73e8}.bar{position:relative;display:block;width:100%}.bar:before,.bar:after{content:'';height:2px;width:0;bottom:1px;position:absolute;background:#1a73e8;transition:.2s ease all}.bar:before{left:50%}.bar:after{right:50%}.input-field input:focus ~ .bar:before,.input-field input:focus ~ .bar:after,.input-field textarea:focus ~ .bar:before,.input-field textarea:focus ~ .bar:after{width:50%}.highlight{position:absolute;height:50%;width:100px;top:25%;left:0;pointer-events:none;opacity:.5}.input-field input:focus ~ .highlight,.input-field textarea:focus ~ .highlight{animation:inputHighlighter .3s ease}.input-field input:focus ~ label,.input-field input:valid ~ label,.input-field textarea:focus ~ label,.input-field textarea:valid ~ label{top:-20px;font-size:13px;color:#1a73e8}#footer-wrapper{background:#fff;margin:15px auto 0;padding:15px;line-height:1.7;font-size:13px;text-transform:uppercase;overflow:hidden;border:1px solid #ddd;border-radius:10px;color:#545454;font-family:'Google Sans',Arial}#BackToTop{overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.26);position:fixed;z-index:90;right:45px;bottom:45px;transform:scale(0);padding:8px 10px;color:#fff;background:#1a73e8;font-size:22px;line-height:20px;cursor:pointer;border-radius:100%;transition:all .5s ease-in-out}#BackToTop i{font-size:35px}#BackToTop.active{transform:scale(1)}.nav-footer{overflow:hidden;border-bottom:1px solid #444;padding:15px 0 20px;text-align:center;margin-bottom:20px}#footer-wrapper a{color:#545454}#footer-wrapper a:hover{color:#333}.tinynav{background:#fff;display:none;margin:4px 0 4px 18px;padding:6px;border:none}.tinynav option{padding:0 4px}@media only screen and (max-width:768px){#nav ul li ul{display:none;position:relative;top:0!important}#nav li:hover > ul{display:block}#top-blanter li a#show-t-menu{display:block}.navigasi-kiri ul{display:none}.navigasi-kiri li,.navigasi-kiri li a,.navigasi-kiri{width:100%}#top-blanter{margin:0 0 10px}#post-wrapper,#sidebar-wrapper{width:100%;max-width:100%;float:none;margin:12px 0}#nav ul,#nav .sosialbutton ul{float:none}#nav ul li{width:100%;float:none}#nav ul li a{width:100%}.slidemenu ul{overflow:hidden}#nav .slidemenu{background:#fff;border-top:3px solid #1a73e8;overflow:hidden;position:fixed;z-index:999;top:0;left:-320px;opacity:0;visibility:hidden;right:20%;bottom:0;transition:all .4s ease-in-out}.slidemenu.shows{left:0!important;opacity:1!important;visibility:visible!important}.darkshadow.shows{visibility:visible;opacity:1}.darkshadow{visibility:hidden;opacity:0;position:fixed;top:0;background:rgba(46,67,70,0.82);left:0;right:0;bottom:0;margin:0;z-index:97;transition:all .4s ease-in-out}.search-block input{width:200px!important}#nav .sosialbutton{padding:10px;float:none;width:100%}.search-block form{margin-top:10px}ul.blantersosmed{position:absolute;bottom:0;width:100%}#nav ul:first-child li a{line-height:42px}a.blanterMenu{display:block;float:left;padding:11px}}@media only screen and (max-width:640px){.header img{margin:0 auto}.input-field .buttonx{width:100%}div#banner-header{padding:0}.header{float:none;width:100%;margin:0 auto 15px}#header-blanter{height:auto}a.moreMenu{display:none}.transhide{z-index:1000}.moretinymenu{z-index:1001}.tagblanter{float:none}.post-info-icon.tanggal,.snippets,.nav-line{display:none}.img-thumb{width:160px;height:120px;margin:0 6px 3px 0}.img-thumb img{width:160px;height:120px}.tinynav{display:inline-block}#footer-menu a{float:left;width:90%}.share-post{width:100%}.share-post div{float:none}}@media only screen and (max-width:480px){h2.post-title{padding-bottom:15px}.img-thumb{width:100%;height:200px;float:none}.img-thumb img{width:100%;height:200px}.header,.banner468-header{text-align:center}#content-wrapper{padding:0;overflow:inherit}.post-container{margin:0}#nav ul#menu{margin:0 0 0 10px}#search-form{margin:0 10px 0 0}#footer-wrapper{padding:12px 10px;text-align:center}.footer-left,.footer-right{float:none}.tinynav{margin:3px 0 3px 10px}.comment .comment-thread.inline-thread .comment{margin:0!important}.related-post{padding:8px}.comments .comments-content{padding:0 8px!important}.comments .comments-content .comment-thread ol{margin:8px 0!important}}@media screen and (max-width:320px){#search-form input#search-box[type="text"]{width:80px}} ]]></b:skin> <b:template-skin> <![CDATA[ body#layout div.section{background:transparent;margin:0 0 15px;padding:0;border:none;box-sizing:border-box}body#layout .widget-content{margin-top:0}body#layout #header-wrapper,body#layout #content-wrapper{padding:0}body#layout #nav{display:none}body#layout #headerwidget{width:68%;float:right}body#layout .header{float:left}body#layout #banner-header{float:right;width:450px}body#layout li,body#layout ul{display:none}body#layout div.widget-content:after{content:'';background:#1a73e8;left:0;bottom:0;position:absolute;height:4px;width:100%}body#layout a.editlink{color:#fff!important;background:#1a73e8;padding:0 10px;border-radius:10px}#layout:before{content:'Masign Clean Lite (Idblanter.com)';text-transform:uppercase;font-size:18px;color:#000;margin:0 0 20px 0;display:inline-block;font-weight:700;font-family:sans-serif;}body#layout a.editlink.icon{background:#fff}body#layout div#post-wrapper{float:left;width:500px;overflow:hidden}body#layout #sidebar-wrapper{width:290px;float:right} ]]></b:template-skin> <b:if cond='data:blog.pageType == "index"'> <style type='text/css'> #featured{border:1px solid #ddd;padding:20px;overflow:hidden;border-radius:10px;margin-top:20px}#slides .label_text{display:none}ul.randomnya{margin:0;padding:0}#slides li{position:relative;margin:0 10px 0 0;list-style:none;border-radius:5px;overflow:hidden;width:203px;height:150px;float:left;box-shadow:0 1px 4px rgba(0,0,0,.26)}#slides li img{width:210px;height:150px;border-radius:5px}#slides li:last-child{margin-right:0}#slides li h4{transition:all .2s ease-in-out;text-align:center;overflow:hidden;color:#fafafa;width:94%;text-transform:Capitalize;background:rgba(0,0,0,0.40);font-family:'Google Sans',sans-serif;text-shadow:2px 2px 0 rgba(0,0,0,.2);line-height:1.2em;left:0;top:0;bottom:0;position:absolute;font-weight:400;font-size:13px;margin:0 10px 0 0;padding:60px 7px 0}#slides li h4:hover{background:rgba(0,0,0,0.28)}.snippets{color:#888}.post-body{font-size:12px;font-family:'Google Sans',sans-serif}.post{padding:0;width:100%;transition:all .3s ease-in-out;border-radius:10px;box-shadow:0 1px 4px rgba(0,0,0,.26)}.post-box{padding:0 20px 15px}.tags a{color:#fff;font-size:11px;color:#4b93d1;border:1px solid #4b93d1;padding:4px 7px;margin-right:4px;border-radius:4px}.tags a:nth-child(n+2){color:#48bf83;border-color:#48bf83}.tags a:nth-child(n+3){color:#ef564f;border-color:#ef564f}.tags a:nth-child(n+4){display:none}.tags a:hover{color:#000;border-color:#000}img.author-avatar{width:30px;height:30px;border-radius:100%;float:left;margin-right:5px}@media screen and (max-width:768px){#slides li img{width:100%;height:140px}#slides li{width:calc(48.5% - 1px);height:140px;margin:0 10px 10px 0}#slides li:nth-child(2),#slides li:nth-child(4){margin-right:0}#slides li:last-child,.tags a:nth-child(n+3){display:none}#post-wrapper{width:94%}}@media screen and (max-width:580px){#post-wrapper{width:89%}} </style> </b:if> <b:if cond='data:blog.pageType != "index"'> <style type='text/css'> #post-wrapper{padding:0;width:68%;max-width:100%}.breadcrumbs{padding:15px;margin:0;background:transparent;color:#555;border-bottom:1px solid #ddd}.breadcrumbs a span{color:#555}.breadcrumbs a,.breadcrumbs a:hover{color:#000}.post{padding:20px}.material-infopost{overflow:hidden;width:100%;padding-bottom:20px}.taglabel{float:right}.tagblanter{float:left;margin-right:10px;font-size:12px;transition:all .3s ease-in-out}.tagblanter:hover a{color:#fff}.tagblanter a{font-weight:500;padding:7px 10px;border-radius:5px;box-shadow:0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);color:#fff;background:#1a73e8;line-height:2.5}.post-author a{color:#444;margin-right:20px}.post-author abbr{font-size:11px}.post-author{float:left;width:200px;line-height:1.4}img.author-avatar{width:40px;height:40px;border-radius:100%;float:left;margin-right:15px}span.bigicon{font-size:20px;margin:0 7px;color:#999}.relhead{margin-top:20px;font-size:100%;font-weight:400;line-height:150%;padding:0 0 10px;overflow:hidden;border-bottom:1px solid #e9e9e9}#related-post .title{font-size:25px;margin:10px 0;font-weight:700}.komen-l i{font-size:24px}.blanterinfo,.waktupublish{float:left;margin-right:10px}#relate-summary .news-text,#blog-pager{display:none}ul#relate-summary{margin:0 auto;padding:0 10px;list-style:none;word-wrap:break-word}ul#relate-summary li{position:relative;list-style:none outside none;overflow:hidden;margin:0 10px;padding:10px 0;width:320px;max-width:100%;float:left}ul#relate-summary li:last-child{border:0}ul#relate-summary li a{display:block}ul#relate-summary li img{display:block;width:100%;height:auto;max-width:90px;max-height:70px;vertical-align:middle;overflow:hidden;float:left;margin:0 10px 0 0;border-radius:4px;padding:0}ul#relate-summary li:hover img{opacity:.96}ul#relate-summary li a.relinkjdulx{position:relative;color:#444;font-size:13.4px;display:block;font-weight:400;line-height:normal;overflow:hidden;text-align:left;text-transform:none}ul#relate-summary li a.relinkjdulx:hover{color:#000}#underpost{height:auto;padding:20px 0;overflow:hidden;margin:20px 0 0;width:100%}#underpost li{list-style:none}#underleft{float:left;width:46%}#underright{float:right;width:46%}#underleft,#underright{color:#666;margin:0 auto;padding:0;background:#fff;border:7px solid #eee;box-shadow:1px 1px 5px rgba(1,1,1,.1)}#underleft h2,#underright h2{background:#222;border-bottom:4px solid #444;color:#f9f9f9;text-transform:uppercase;font-family:'Google Sans',Arial,sans-serif;font-size:16px;font-weight:400;position:relative;margin:-20px -20px 15px;padding:15px 20px 16px 70px}#underright h2:before,#underleft h2:before{background:#444;content:"\f085";font-family:'fontAwesome';font-size:22px;font-style:normal;color:#1a73e8;top:0;left:0;padding:16px 18px;position:absolute}#comments{line-height:1.4em;margin:20px 0 0;border-radius:5px;position:relative;background:#fff;padding:0 20px 20px}#comments h3{float:left;font-size:15px;line-height:3.2;text-transform:uppercase;font-weight:500;font-family:'Google Sans',Josefin Sans,Arial;color:#fff;margin:0}.comment_child .comment_wrap>.comment_child .comment_wrap{padding-left:0}#comments h3 i{line-height:1.7;padding:5px 15px 5px 0;float:left}#comments li{padding:0}a.click-comment{float:right;font-weight:700;text-transform:uppercase;position:absolute;top:20px;right:20px;display:inline-block;background:#1a73e8;border:2px solid #1a73e8;padding:8px 10px;font-size:13px;color:#fff}a.click-comment:hover{background:#fff;color:#1a73e8}.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_rep a:hover{text-decoration:none;color:#464646!important}.comment_avatar{height:50px;width:50px;margin-top:15px;background:#eee url(https://1.bp.blogspot.com/-1hdJkF-oJtM/WU-UPs2_mJI/AAAAAAAAGco/b9Jb3FyQrI4cs2h0sPYCovlhGunslIxwQCLcBGAs/s1600/md-blue.png) no-repeat;float:left;margin-right:15px;overflow:hidden;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;font-size:11px;font-weight:400;max-width:100%;text-decoration:none;margin:5px 0 0;text-transform:none;font-weight:normal;position:relative}.comment-menu{float:right;list-style:none;width:0;height:0}.comment_name a{font-size:11px;color:#666;text-decoration:none;font-family:'Google Sans',Sans-Serif;font-weight:400}.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;border-radius:10px;border-top-left-radius:0!important;position:relative;resize:none;min-width:3rem;max-width:30rem;background:#1a73e8;border:1px solid #1a73e8;color:#fff;font-size:13px;display:inline-block}.comment_body:after{content:"";width:0;height:0;position:absolute;top:-1px;right:100%;border-width:7px;border-style:solid;border-color:#1a73e8 #1a73e8 transparent transparent;display:block}.comment_body:before{content:"";width:0;height:0;position:absolute;top:-1px;left:-15px;border-width:8px;border-style:solid;border-color:#1a73e8 #1a73e8 transparent transparent;display:block}.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:none;position:relative;margin:20px 0}.comment-delete{float:right;padding:0;margin-left:5px;margin-top:1px;font-size:11px;color:#fff!important}.comment_date.shows{visibility:visible;opacity:1;bottom:-25px!important}.comment_date{visibility:hidden;opacity:0;color:#444;font-size:11px;line-height:25px;position:absolute;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{display:inline}.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:40px}.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{max-width:100%!important;margin-top:-15px!important}.comment_reply_form .comment-form{width:100%}.comment_youtube{max-width:100%!important;width:400px;height:225px;display:block;padding-top:10px;padding-bottom:10px}#respond{overflow:hidden;padding-left:10px;clear:both}.comment_avatar *{max-width:100%!important;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}.comment_author_flag{display:none}#showkomentarmenu{font-size:20px;padding:10px 20px;border-radius:3px;color:#fff;float:right;margin:-5px -25px 0 0}#komentarmenu{font-family:'Google Sans',Arial;visibility:hidden;position:absolute;background:#fff;text-transform:none!important;list-style:none;right:35px;top:45px;padding:0;width:0;height:0;transition:all .5s cubic-bezier(0.07,0.68,0.35,1.04);z-index:9;overflow:hidden;box-shadow:0 5px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);border-radius:4px}#komentarmenu li{width:100%;margin:0}#komentarmenu li a{padding:10px 15px;width:100%;font-weight:400;color:#666!important;font-size:13px!important}#komentarmenu li a:hover{background:#e1e1e1}#komentarmenu.shows{visibility:visible;width:200px;height:85px}.bnm.shows{visibility:visible}.comment_admin .comment_author_flag{display:inline;background:none;font-size:11px;padding:0;margin-left:4px;color:#555;text-transform:uppercase}.menu-komentar{background:#1a73e8;overflow:hidden;margin-left:-20px;padding:0 20px;height:50px;line-height:50px;margin-right:-20px;border-bottom:2px solid #0887c3;border-top-left-radius:4px;border-top-right-radius:4px}.bnm{visibility:hidden}.comment_admin .comment_body:before{border-color:#1a73e8 transparent transparent #1a73e8;right:-15px;left:initial!important}.comment_admin .comment_body:after{border-color:#1a73e8 transparent transparent #1a73e8;left:100%}.comment_admin .comment_body{border-top-left-radius:10px!important;border-top-right-radius:0!important;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-form{max-width:100%!important}.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}.google_emo,.pesan-komentar,#parser{display:none;clear:both;width:100%;height:auto}#parser.show{display:block}.comment_youtube{max-width:100%!important;width:400px;height:225px;display:block;margin:auto}.comment_img{max-width:100%!important}.deleted-comment{background:#eee url(https://4.bp.blogspot.com/-Yj5ewidrX5Q/UkrG9s3fS5I/AAAAAAAAFrQ/rhhaMJwHDoc/s1600/tempat-sampah.png) no-repeat 5% 50%;border-radius:5px;color:#000;line-height:22px;padding:8px 15px 8px 45px;margin:5px 0;display:inline-block;border:1px solid #eee;cursor:default;position:relative;font-size:13px}.pesanbro{padding:20px;background:#fff;border-radius:10px}.bcm.hide{display:none}.comment-form .idbpesan{position:relative;background:#eaeaea;padding:20px;border-radius:10px;color:#333;margin-top:50px;font-size:14px;font-family:'Google Sans',Helvetica,Arial,sans-serif;line-height:1.5em;margin-bottom:20px;transition:all .3s ease-out}img.comment_emo{margin:0;padding:0;vertical-align:middle}#comments .pencet:hover{background-color:#0887c3}#comments .pencet{color:#fff;margin:0;padding:7px 15px;background-color:#1a73e8;font-size:12px;border-radius:10px;margin-right:2px;font-weight:700;text-transform:none;text-decoration:none;outline:none;font-family:'Google Sans',Arial;cursor:pointer}.google_emo{width:100%;overflow:hidden;padding-bottom:20px}img.comment_emo{margin:0;padding:0;vertical-align:middle;width:24px;height:24px}#postCommentSubmit{padding:10px!important}#allHolder{border:none!important}.small-button{color:#fff;margin-right:10px;padding:0;background:none;font-size:12px;font-weight:400;text-transform:none;transition:all .3s ease-in-out}.small-button a{color:#fff;margin-right:10px;padding:4px 15px;background-color:#009a5d;font-size:12px;font-weight:400;text-transform:none;border-radius:4px;text-decoration:none;outline:none;box-shadow:inset 0 1px 0 rgba(255,255,255,0.3),0 1px 2px #3d4852;text-shadow:0 -1px 0 rgba(0,0,0,0.3);transition:all .3s ease-in-out}.small-button:hover{background:none;color:#fff;text-decoration:none}.small-button a:hover{background-color:#900;color:#fff;text-decoration:none}.pencet i{font-size:18px;float:left;line-height:1.2;margin-right:5px}.menupesan{padding:5px 0}#bp_toc{background:#fff;width:100%;color:#999;margin:0 auto;padding:5px}.toc-header-col1{padding:10px;background-color:#fff;width:250px}.toc-header-col2{padding:10px;background-color:#fff;width:75px}.toc-header-col3{padding:10px;background-color:#fff;width:125px}.toc-header-col1 a:link,.toc-header-col1 a:visited,.toc-header-col2 a:link,.toc-header-col2 a:visited,.toc-header-col3 a:link,.toc-header-col3 a:visited{font-size:13px;text-decoration:none;color:#999;font-family:'Google Sans';font-weight:700;letter-spacing:.5px}.toc-header-col1 a:hover,.toc-header-col2 a:hover,.toc-header-col3 a:hover{text-decoration:none}li.searchbutton{margin:0;padding:0 20px;display:inline-block;cursor:pointer;float:right}li.searchbutton.active{background:transparent}li.searchbutton:after{content:"\f002";font-family:FontAwesome;font-style:normal;font-weight:400;text-decoration:none;position:relative;font-size:16px;color:#222}#blog-pager-newer-link a,#blog-pager-older-link a,a.home-link{color:#333;transition:all .3s ease-in-out}a.blog-pager-newer-link,a.blog-pager-older-link,a.home-link{background:#fff;padding:3px}@media screen and (max-width:768px){#post-wrapper,#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){.authorboxwrap,#related_posts,.idb-pager{padding:10px 2px!important}.comment_avatar{display:none}#showkomentarmenu{position:absolute;right:20px}.separator a[imageanchor="1"]{margin:0!important}} </style> </b:if> <b:if cond='data:blog.pageType == "item"'> <style type='text/css'> .iklan-artikel{float:left;margin-right:10px}.post-body h3{font-size:17px;text-transform:uppercase;background:#1a73e8;color:#fff;padding:10px 15px;border-radius:4px;border-bottom:2px solid #0887c3}#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:center;text-overflow:ellipsis;padding:10px}#related-post{background:#fff;margin:10px}.related-post{margin:30px 0 0;position:relative;padding:0 0 10px}.lol h4 i,.related-post h4 i{margin-right:14px}.lol h4,.related-post h4{border-radius:4px;color:#555;font-size:100%;font-family:'Google Sans',Arial;text-align:left;font-weight:500;box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);position:relative;padding:0;margin:0 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 h4 span{font-size:15px;border-bottom:2px solid #1a73e8;color:#1a73e8;padding:12px 20px;margin-left:5px;display:inline-block}.related-post-style-3 li a{font-family:'Google Sans',sans-serif;color:#666;font-weight:500!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;border-radius:3px;box-shadow:0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);width:220px;margin-right:11.2px;height:auto;padding:0;margin-bottom:20px!important;position:relative;overflow:hidden}.related-post-style-3 .related-post-item:focus{outline:none;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: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}.related-post-item:hover{box-shadow:0 2px 2px 0 rgba(0,0,0,0.14), 0 5px 10px 0 rgba(0,0,0,0.12), 0 5px 10px -5px rgba(0,0,0,0.2)}.author_description_container span{padding:15px;border-radius:10px;border-top-left-radius:0!important;position:relative;resize:none;min-width:3rem;max-width:32rem;background:#1a73e8;border:1px solid #1a73e8;color:#fff;font-size:13px;display:inline-block}.author_description_container span:after,.author_description_container span:before{content:"";width:0;height:0;position:absolute;border-style:solid;border-color:#1a73e8 #1a73e8 transparent transparent;display:block}.author_description_container span:before{top:-.9px;left:-15px;border-width:8px}.author_description_container span:after{top:0;right:100%;border-width:7px}.authorboxwrap i{font-size:15px;float:right;margin-left:5px;color:#28c469}span.bigicon{font-size:20px;margin:0 7px;color:#999}ul.idb-pager{padding-top:15px;margin:0}.idb-pager li.next{height:110px;text-align:left;float:left;padding:0;background:none;margin:0;width:42%;max-width:100%}li.previous a{float:right}.idb-pager li.previous{height:110px;text-align:right;margin:0 -2px 0 0;float:right;padding:0;background:none;width:42%;max-width:100%}.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:none;text-decoration:none}.idb-pager li i{color:#444;font-size:18px}.idb-pager li a strong{display:block;font-size:15px;color:#444;font-weight:700;text-transform:uppercase;margin-bottom:10px}.idb-pager li a span{font-size:13px;color:#666;font-family:oswald,Helvetica,arial;margin:0}.idb-pager li a:hover span,.idb-pager li a:hover i{color:#000}.idb-pager li.previous i{float:right;margin-top:10px;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:10px;margin-left:5%;margin-right:5px}.idb-pager li.next i,.idb-pager li.previous i,.idb-pager li.next,.idb-pager li.previous{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}.authorboxwrap,#related_posts,.idb-pager{background:#fff;padding:10px;margin-bottom:20px;overflow:hidden;border-top:1px solid #ddd}.avatar-container{position:relative;cursor:pointer;float:left;margin-right:20px;margin-top:15px;margin-left:10px}.avatar-container i{position:absolute;color:#fff;font-size:40px;background:rgba(0,0,0,.49);left:-5px;padding:30px;border-radius:100%;opacity:0;transition:all .3s ease-in-out}.avatar-container:hover i{opacity:1}.avatar-container img:hover{border-color:#7B7B7B}.avatar-container img{width:100px;height:auto;border-radius:100%}.author_description_container h5{font-weight:500;font-size:13px;display:inline-block;margin:5px}.author_description_container h5 a{color:#666}.author_description_container h5 a:hover{border-bottom:none}.author_description_container p{font-size:13px;line-height:1.5;margin-bottom:15px;color:#555;font-family:'Google Sans',sans-serif;margin-top:0}.related-post h4{margin:-20px -20px 20px!important;box-shadow:none!important;border-bottom:1px solid #ddd}.spanshare{color:#444;font-family:'Google Sans',sans-serif;text-align:center;font-size:12px;text-transform:uppercase;margin-top:18px;margin-right:15px;margin-left:10px;font-weight:500}.share-post{text-align:left;margin-bottom:40px;padding:14px 0}.share-post ul{padding:0;margin:10px auto;max-width:100%}.share-post li{float:left;margin:0;padding:0;list-style:none;position:relative}.share-post li a{padding:5px;margin-right:4px;border-radius:5px;max-width:80px;text-align:center;color:#fff;display:block;font-size:13px;transition:all .6s ease-out}.share-post li a:hover{box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.2)}.authorboxwrap h5 i{font-size:15px;float:right;margin-left:5px;color:#418}.share-post li .twitter{background-color:#1da1f2}.share-post li .facebook{background-color:#4867aa}.share-post li .gplus{background-color:#dc4a38}svg.icon.icons8-LINE{width:40px;margin:0 -2px -5px}.share-post li .linline{background:#00C300;padding:0;min-width:90px}.share-post li .wa{background:#0dc143}#shareblanter{width:470px;max-width:100%;margin:0 auto}.share-post li .twitter:hover,.share-post li .facebook:hover,.share-post li .gplus: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;text-align:center;color:#fff;line-height:20px;font-size:17px;transition:all .6s ease-out}.share-post li .fa{display:initial}@media only screen and (max-width:768px){.comment_body{max-width:80%}.share-post li a{margin-bottom:5px;min-width:45px}.share-post li a.linline{min-width:55px}.idb-pager li a{width:auto}ul.related-post-style-3{margin:0}.author_description_container span{width:62%}.post{padding:10px}.related-post-style-3 .related-post-item{width:45%}.post-body{margin-right:10px}li.related-post-item:nth-of-type(3),li.related-post-item:nth-of-type(6){margin-right:15px}}@media only screen and (max-width:520px){.related-post-style-3 .related-post-item-thumbnail{height:100px}.idb-pager li{height:70px!important}.idb-pager li a strong{font-size:15px}.avatar-container img{width:50px}.avatar-container i{padding:5px}.idb-pager li a span{display:none}.iklan-artikel{float:none;margin:0 15px}.post-author{margin-bottom:10px} </style> </b:if> <script src='https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js'/> <script type='text/javascript'> //<![CDATA[ function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || "all" }) } loadCSS("https://fonts.googleapis.com/css?family=Roboto:400,400italic,700");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>//<![CDATA[ $(document).ready(function() { $("#show-t-menu").click(function() { $("body").toggleClass("show"); }); }); //]]></script> </head> <style> .show #top-blanter ul{display:block;} </style> <body itemscope='itemscope' itemtype='http://schema.org/WebPage'> <style> /* Cmt New */ #comments{background:#fff;position:relative;margin-top:25px;padding:10px;display:block;clear:both;color:#333;border:1px solid #e5e5e5} #comments h4{display:none} .comment_avatar_wrap{width:42px;height:42px;background:#fcfcfc;border-radius:6px;text-align:center;margin:0 0 20px 0;padding:0} #comments .avatar-image-container{position:absolute;float:left;margin:0 10px 0 0;width:42px;height:42px;max-width:42px;max-height:42px;padding:0;margin-bottom:10px} #comments .avatar-image-container img{border-radius:100px;width:42px;height:42px;max-width:42px;max-height:42px;background:url(https://i.imgur.com/bnbt4u9.png) no-repeat;background-size:42px} #comments .comment_name,#comments .comment_admin .comment_name{padding:0 0 10px 0;font-size:13px;position:relative} #comments .comment_name a{font-weight:700;padding:0;font-size:13px;text-decoration:none} #comments .comment_admin .comment_date{font-weight:normal;font-size:11px} #comments .comment_admin .comment_author_flag{display:inline-block;font-size:14px;color:rgb(17,143,249);text-align:center;margin:0 0 0 3px;} .comments .comments-content .comment-thread ol{margin:0px!important} #comments .comment_service{margin-top:5px} #comments .comment_date{color:#a9a9a9;float:right;font-size:11px;font-weight:normal;margin-top:-3px} #comments .comment_date a{color:#a9a9a9;float:right;font-size:11px;font-weight:normal;margin:0;padding:0} #comments .comment_date a:hover{color:#a9a9a9;text-decoration:underline} #comments .comment-block{margin-left:62px;background:#eff1f3;padding:10px 13px;line-height:26px;border-radius:7px;margin-bottom:10px;position:relative} #comments .comment-block p{color:#111;margin:5px 0 0 0;font-size:14px;font-weight:400;word-wrap:break-word;padding:0 0 5px 0} #comments .comment-block:before{content:'';right:100%;border:solid transparent;height:0;width:0;position:absolute;pointer-events:none;border-right-color:#eff1f3;border-width:10px} #comments .comment_inner{margin:12px 0} #comments .comment_child .comment_wrap{padding-left:3%} #comments .comment_reply{display:inline-block;margin-top:10px;padding:1px 7px;color:#fff;text-align:center;text-decoration:none;background:#1eaeef;font:11px/18px sans-serif;transition:background-color 1s ease-out 0s} #comments .comment_reply:hover{text-decoration:none;background:#199dd9} #comments .unneeded-paging-control{display:none} #comments .comment-form{max-width:100%;} #comments .comment_form a{text-decoration:none;} #comments .comment-form p{background:#f6f5f1;padding:6px 13px;margin:5px 0 15px;color:#111;font-size:15px;line-height:26px;border-radius:3px;position:relative;max-width:100%;} #comments .comment-form p:after{content:"";width:0;height:0;position:absolute;bottom:-16px;left:2%;border:8px solid transparent;border-color:#f6f5f1 transparent transparent} #comments .comment_reply_form{padding:0 0 0 70px;margin:0} #comments .comment_reply_form .comment-form{width:99%} .comment_emo_list .item{float:left;display:block;text-align:center;margin:5px 5px 0 0;height:40px;width:41px} .comment_emo_list span{display:block;font-weight:bold;font-size:11px;letter-spacing:1px} img.comment_emo {width:16px;height:16px;} .comment_youtube{max-width:100%;width:400px;height:225px;display:block;margin:auto} .comment_img{max-width:100%} #comments .deleted-comment{padding:10px 10px 10px 10px;display:block;color:#CCC} #comments .comment_header{width:50px} #comments .comment_avatar img{width:42px;height:auto;background:url(//3.bp.blogspot.com/-fr42e67HG4I/Vky8HLexiEI/AAAAAAAAM0I/MLMd2qwIH1E/s1600/avatar.png) no-repeat;border-radius:6px} #comments .comment-delete img{float:right;margin-left:15px;margin-top:3px;} iframe{border:none;overflow:hidden} .comments .item-control{position:static;display:none} .comments .comment-block,.comments .comments-content .comment-replies{margin-left:60px;margin-top:0} .comments .continue a,.comments .thread-toggle{padding:0 0 0 60px;font-weight:400;display:none} .comments .comments-content .comment-header{font-size:12px;display:block;overflow:hidden;clear:both} .comments .comments-content .comment-header a{color:#111;transition:color .3s} .comments .comments-content .comment-header a:hover{color:#189dfe} .comments .comments-content .comment{margin:0!important;padding:0!important} .comments .comments-content .user{float:left;font-size:16px;font-style:normal;font-weight:550;display:inline-block} .comments .comments-content .icon.blog-author{display:none} .comments .comments-content span.datetime.secondary-text{float:right;text-align:right} .comments .comments-content span.datetime.secondary-text a{color:#a9a9a9} .comments .comments-content span.comment-actions.secondary-text a{color:#333;font-size:13px} .comments .comments-content .loadmore.loaded{padding-top:9px} .comment-replybox-thread{margin-bottom:20px 0} .static_page .comment-system,.static_page .comments{display:block} .static_page .comments{margin-top:20px} .comments .continue a,.comments .thread-toggle{padding:0 0 0 60px;font-weight:400;display:none} #comments ol li .comment-header cite.blog-author:after{content:'';background-image:url(https://www.instagram.com/static/bundles/base/sprite_core.png/00b79edf00fd.png);margin:0 0 -4px 6px;background-position:-42px -425px;height:18px;width:18px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;display:inline-block;overflow:hidden;text-indent:110%;white-space:nowrap} .comments-page{} #blogger-comments-page,#googplus-comments-page{padding:0} #comments h4{text-indent:-999em;height:1px;background:#0186CB;margin-top:27px} #fb-comments-page{padding:0 5px;display:none} #googplus-comments-page{border-top:1px solid #0186CB;margin-top:27px} .comments-tab{float:right;padding:8px 12px;margin-left:0;cursor:pointer;background-color:#FFF} .comments-tab .iconbl,.comments-tab .iconfb{float:left;width:24px;height:24px;line-height:25px;border-radius:3px;text-align:center;color:#fff;font-size:15px;margin-right:5px} .comments-tab .iconbl{background:#fe6602}.comments-tab .iconfb{background:#3b5998} .comments-tab-icon{height:20px;width:auto;margin:0 5px -5px 5px} .comments-tab-text{font-size:15px;font-weight:600;color:#333;float:left;padding:9px} .inactive-select-tab{background-color:#F2F2F2} .dv-tabs-header{height:40px;background-color:#F2F2F2;position:relative;margin:-10px;margin-bottom:10px} .comments .continue{display:none;border-top:0} .comments .continue a{border:1px solid #fa0320;border-radius:3px;box-shadow:0 1px rgba(255,255,255,.3) inset;background:#e8233a;padding:5px 10px;font-size:13px;color:#fff!important;text-decoration:none!important} .comments .continue a:hover{background:#d70d25} /* Res cmt */ @media screen and (max-width:480px) { #comments .avatar-image-container{display:none!important} #comments .comment-block{margin-left:10px!important} .comments .comment-block,.comments .comments-content .comment-replies{marign-left:40px!important} .comments .comments-content span.datetime.secondary-text{width:100%!important;float:left!important;text-align:left!important} } </style> <div class='darkshadow'/> <div itemprop='mainContentOfPage' itemscope='itemscope' itemtype='https://schema.org/WebPageElement'> <div id='wrapper'> <div id='top-blanter'> <div class='top-kanan'> <div class='search-block' itemprop='mainEntity' itemscope='itemscope' itemtype='https://schema.org/WebSite'> <meta content='https://masignclean-lite.blogspot.com/' itemprop='url'/><ul><li> <form action='/search' id='cse-search-box' itemprop='potentialAction' itemscope='itemscope' itemtype='https://schema.org/SearchAction' method='get'><meta content='/search?q={q}' itemprop='target'/> <input id='s-text' itemprop='query-input' name='q' placeholder='Search Here' required='required' type='text'/> </form></li></ul></div> </div> <li><a href='javascript:;' id='show-t-menu' title='Show Navigation'><i class='material-icons'></i></a></li> <div class='navigasi-kiri' itemprop='mainEntity' itemscope='itemscope' itemtype='https://schema.org/SiteNavigationElement'> <ul> <li><a class='waves-effect' href='#' itemprop='url' title='About'><span itemprop='name'>About</span></a></li> <li><a class='waves-effect' href='#' itemprop='url' title='Contact'><span itemprop='name'>Contact</span></a></li> <li><a class='waves-effect' href='#' itemprop='url' title='Sitemap'><span itemprop='name'>Sitemap</span></a></li> <li><a class='waves-effect' href='#' itemprop='url' title='Privacy'><span itemprop='name'>Privacy</span></a></li> </ul> </div> </div> <div id='special-wrapper'><div id='header-blanter' itemprop='mainEntity' itemscope='itemscope' itemtype='http://schema.org/WPHeader'> <div class=''> <b:section class='header' id='header' maxwidgets='1' showaddelement='no'> <b:widget id='Header1' locked='true' title='demoeditblog (Tiêu đề)' type='Header' version='1'> <b:widget-settings> <b:widget-setting name='displayUrl'>http://4.bp.blogspot.com/-EnYHZzntmgI/WV7h774Y5UI/AAAAAAAAGoA/5CH9QZnSzRI43UabdZDMQ0pu6ECGqQC4QCK4BGAYYCw/s1600/MasignCleanLogo.png</b:widget-setting> <b:widget-setting name='displayHeight'>110</b:widget-setting> <b:widget-setting name='sectionWidth'>300</b:widget-setting> <b:widget-setting name='useImage'>true</b:widget-setting> <b:widget-setting name='shrinkToFit'>false</b:widget-setting> <b:widget-setting name='imagePlacement'>REPLACE</b:widget-setting> <b:widget-setting name='displayWidth'>270</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' style='background: transparent'> <h1 class='title' itemprop='headline' style='background: transparent; border-width: 0px'> <b:include name='title'/> </h1> </div> <b:include name='description'/> </div> <b:else/> <div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); " + "background-position: " + data:backgroundPositionStyleStr + "; " + data:widthStyleStr + "min-height: " + data:height + "_height: " + data:height + "background-repeat: no-repeat; "' id='header-inner'> <div class='titlewrapper' style='background: transparent'> <h1 class='title' style='background: transparent; border-width: 0px'> <b:include name='title'/> </h1> </div> <b:include name='description'/> </div> </b:if> <b:else/>  <div id='header-inner'> <b:if cond='data:blog.pageType in {"item","static_page"}'> <p style='text-indent:-9999px;margin:0 0 0 0;padding:0 0 0 0;height:0px;'><b:include name='title'/></p> <b:else/> <h1 style='text-indent:-9999px;margin:0 0 0 0;padding:0 0 0 0;height:0px;'><b:include name='title'/></h1> </b:if> <a expr:href='data:blog.homepageUrl' style='display: block'> <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/> </a>  <b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'> <b:include name='description'/> <b:if cond='data:blog.pageType in {"item","static_page"}'> <p style='text-indent:-9999px;margin:0 0 0 0;padding:0 0 0 0;height:0px;'><b:include name='title'/></p> <b:else/> <h1 style='text-indent:-9999px;margin:0 0 0 0;padding:0 0 0 0;height:0px;'><b:include name='title'/></h1> </b:if> </b:if> </div> </b:if> <b:else/>  <div id='header-inner'> <div class='titlewrapper'> <b:if cond='data:blog.pageType in {"item","static_page"}'> <p class='title'><b:include name='title'/></p> <b:else/> <h1 class='title'><b:include name='title'/></h1> </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:if cond='data:blog.url == data:blog.homepageUrl'> <data:title/> <b:else/> <a expr:href='data:blog.homepageUrl' expr:title='data:title' itemprop='url'><span itemprop='name'><data:title/></span></a> </b:if> </b:includable> </b:widget> </b:section> <b:section class='banner-header' id='banner-header' maxwidgets='1' showaddelement='yes'> <b:widget id='HTML2' locked='false' title='' type='HTML' version='1'> <b:widget-settings> <b:widget-setting name='content'><![CDATA[<a href='#' target='_blank' title='Kunjungi blog Dunia Blanter'><img alt='iklan banner' height='90' src='https://4.bp.blogspot.com/-6ZDrg7GHPa4/VytnmRI9BaI/AAAAAAAAD0w/dyOGpRSMe78xiIGN4sDumyA-VGDjDYksACLcB/s1600/AdSpace768x90.png' title='Kunjungi blog Dunia Blanter' width='768'/></a>]]></b:widget-setting> </b:widget-settings> <b:includable id='main'>  <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='clear'/><div class='transhide'/> <div id='nav' itemprop='mainEntity' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement'> <div class=''><a class='blanterMenu' href='javascript:;' title='Show Menu'><i class='material-icons'></i></a> <div class='slidemenu'><div class='ab-navigation'><div class='containers'><div class='abnavbar'> <ul class='nav'> <li class='current-menu-item'><a class='waves-effect' expr:href='data:blog.homepageUrl' itemprop='url' title='Home'><span itemprop='name'>Home</span></a></li> <li><a class='waves-effect' href='#' itemprop='url' title='Feature'><span itemprop='name'>Feature</span></a></li> <li><a class='waves-effect' href='#' itemprop='url' title='Chat'><span itemprop='name'>Chat</span></a></li> <li><a class='waves-effect' href='#' itemprop='url' title='Report a Bug'><span itemprop='name'>Report a Bug</span></a></li> <li><a class='waves-effect' href='#' itemprop='url' title='Download'><span itemprop='name'>Download</span></a></li> <li><a class='submenu waves-effect' href='#' itemprop='url' title='More Menu'><span itemprop='name'>More Menu</span></a> <ul> <li><a href='#' itemprop='url' title='Sub Menu 1'><span itemprop='name'>Sub Menu 1</span></a></li> <li><a href='#' itemprop='url' title='Sub Menu 2'><span itemprop='name'>Sub Menu 2</span></a></li> <li><a href='#' itemprop='url' title='Sub Menu 3'><span itemprop='name'>Sub Menu 3</span></a></li> <li><a href='#' itemprop='url' title='Sub Menu 4'><span itemprop='name'>Sub Menu 4</span></a></li> </ul></li><div class='nav-line' style='left:0;width:57px;overflow:hidden'/></ul></div></div></div> <div class='sosialbutton'> <a class='moreMenu' href='javascript:;' title='Show Menu'><i class='material-icons'></i></a> <div class='moretinymenu'><ul> <li><a class='waves-effect' href='#' itemprop='url' title='Profile'><span itemprop='name'>Profile</span></a></li> <li><a class='waves-effect' href='#' itemprop='url' title='Settings'><span itemprop='name'>Settings</span></a></li> <li><a class='waves-effect' href='#' itemprop='url' title='Status'><span itemprop='name'>Status</span></a></li> <li><a class='waves-effect' href='#' itemprop='url' title='Exit'><span itemprop='name'>Exit</span></a></li> </ul></div> </div></div></div></div></div><div class='clear'/> <b:if cond='data:blog.pageType == "index"'> <div class='featured row' id='featured'><div id='featuredpost'/><div class='clear'/></div></b:if> <b:section class='largebanner' id='largebanner' maxwidgets='1' showaddelement='yes'> <b:widget id='HTML3' locked='false' title='' type='HTML'> <b:widget-settings> <b:widget-setting name='content'><![CDATA[<a href='#' target='_blank' title='Kunjungi blog Dunia Blanter'><img alt='iklan banner' height='90' src='https://2.bp.blogspot.com/-Z64f3HN58R0/VytnmVwUSbI/AAAAAAAAD0s/i7NJBFQtDuIFJVNyGN5t25zyDiOgB7noQCLcB/s1600/AdSpace970x90.png' title='Kunjungi blog Dunia Blanter' width='970'/></a>]]></b:widget-setting> </b:widget-settings> <b:includable id='main'>  <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 id=''><div id='content-wrapper'> <div id='post-wrapper' itemscope='itemscope' itemtype='http://schema.org/Blog'> <b:if cond='data:blog.pageType == "index"'> <div class='post-title-wrap'><h2>Recent Posts</h2></div></b:if> <div class='post-container'> <b:section class='main' id='main' showaddelement='no'> <b:widget id='Blog1' locked='true' title='Bài đăng trên Blog' type='Blog' version='1'> <b:widget-settings> <b:widget-setting name='showDateHeader'>true</b:widget-setting> <b:widget-setting name='commentLabel'>Bình luận</b:widget-setting> <b:widget-setting name='style.textcolor'>#000000</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='showCommentLink'>true</b:widget-setting> <b:widget-setting name='style.urlcolor'>#008000</b:widget-setting> <b:widget-setting name='showAuthor'>true</b:widget-setting> <b:widget-setting name='style.linkcolor'>#0000ff</b:widget-setting> <b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting> <b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting> <b:widget-setting name='timestampLabel'>-</b:widget-setting> <b:widget-setting name='reactionsLabel'>Bình Chọn:</b:widget-setting> <b:widget-setting name='showAuthorProfile'>true</b:widget-setting> <b:widget-setting name='style.layout'>1x1</b:widget-setting> <b:widget-setting name='showLabels'>true</b:widget-setting> <b:widget-setting name='showLocation'>false</b:widget-setting> <b:widget-setting name='showTimestamp'>true</b:widget-setting> <b:widget-setting name='postsPerAd'>1</b:widget-setting> <b:widget-setting name='showBacklinks'>false</b:widget-setting> <b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting> <b:widget-setting name='showInlineAds'>false</b:widget-setting> <b:widget-setting name='backlinksLabel'>Links to this post</b:widget-setting> <b:widget-setting name='showReactions'>false</b:widget-setting> </b:widget-settings> <b:includable id='main' var='top'> <span class='displaynone'>MASIGNCLEAN101</span> <b:if cond='data:mobile == "false"'><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:if cond='data:blog.pageType == "index"'> <b:include data='post' name='post'/> </b:if> <b:if cond='data:blog.pageType == "static_page"'> <div class='post-blanter'> <b:include data='posts' name='breadcrumb'/> <b:include data='post' name='post'/> </div> <b:include data='post' name='comment_picker'/> </b:if> <b:if cond='data:blog.pageType == "item"'> <div class='post-blanter'> <b:include data='posts' name='breadcrumb'/> <b:include data='post' name='post'/> </div> <b:include data='post' name='comment_picker'/> </b:if> </div> <b:if cond='data:post.includeAd'> <b:if cond='data:post.isFirstPost'> <data:defaultAdEnd/> <b:else/> <data:adEnd/> </b:if> <div class='inline-ad'> <data:adCode/> </div> <data:adStart/> </b:if> </b:loop> <b:if cond='data:numPosts != 0'> </div></div> </b:if> <data:adEnd/> </div> <b:include name='nextprev'/> <b:include name='feedLinks'/> <b: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:else/> <b:include name='mobile-main'/> </b:if> <b:if cond='data:top.showDummy'> <data:top.dummyBootstrap/> </b:if> </b:includable> <b:includable id='backlinkDeleteIcon' var='backlink'> <span expr:class='"item-control " + data:backlink.adminClass'> <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'> <img src='https://resources.blogblog.com/img/icon_delete13.gif'/> </a> </span> </b:includable> <b:includable id='backlinks' var='post'> <a name='links'/><h4><data:post.backlinksLabel/></h4> <b:if cond='data:post.numBacklinks != 0'> <dl class='comments-block' id='comments-block'> <b:loop values='data:post.backlinks' var='backlink'> <div class='collapsed-backlink backlink-control'> <dt class='comment-title'> <span class='backlink-toggle-zippy'> </span> <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a> <b:include data='backlink' name='backlinkDeleteIcon'/> </dt> <dd class='comment-body collapseable'> <data:backlink.snippet/> </dd> <dd class='comment-footer collapseable'> <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span> <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span> </dd> </div> </b:loop> </dl> </b:if> <p class='comment-footer'> <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a> </p> </b:includable> <b:includable id='breadcrumb' var='posts'> <b:if cond='data:blog.homepageUrl != data:blog.url'> <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"'>  <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/> <p><data:blogCommentMessage/></p> <data:blogTeamBlogMessage/> <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/> <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/> </b:if> <data:post.friendConnectJs/> <data:post.cmtfpIframe/> <script type='text/javascript'> BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>'); </script> </div> </b:includable> <b:includable id='commentDeleteIcon' var='comment'> <span expr:class='"item-control " + data:comment.adminClass'> <b:if cond='data:showCmtPopup'> <div class='goog-toggle-button'> <div class='goog-inline-block comment-action-icon'/> </div> <b:else/> <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'> <img src='https://img1.blogblog.com/img/icon_delete13.gif'/> </a> </b:if> </span> </b:includable> <b:includable id='comment_count_picker' var='post'> <b:if cond='data:post.commentSource == 1'> <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url' expr:data-url='data:post.url.canonical.http'> </span> <b:else/> <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'> <data:post.commentLabelFull/>: </a> </b:if> </b:includable> <b:includable id='comment_picker' var='post'> <b:if cond='data:post.commentSource == 1'> <b:include data='post' name='iframe_comments'/> <b: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:includable> <b:includable id='comments' var='post'> <div class='comments' id='comments'> <a name='comments'/> <b:if cond='data:post.allowComments'> <h4><data:post.commentLabelFull/></h4> <b:if cond='data:post.commentPagingRequired'> <span class='paging-control-container'> <b:if cond='data:post.hasOlderLinks'> <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>   <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>   </b:if> <data:post.commentRangeText/> <b:if cond='data:post.hasNewerLinks'>   <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>   <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a> </b:if> </span> </b:if> <div expr:id='data:widget.instanceId + "_comments-block-wrapper"'> <dl expr:class='data:post.avatarIndentClass' id='comments-block'> <b:loop values='data:post.comments' var='comment'> <dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'> <b:if cond='data:comment.favicon'> <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/> </b:if> <a expr:name='data:comment.anchorName'/> <b:if cond='data:blog.enabledCommentProfileImages'> <data:comment.authorAvatarImage/> </b:if> <b:if cond='data:comment.authorUrl'> <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a> <b:else/> <data:comment.author/> </b:if> <data:commentPostedByMsg/> </dt> <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'> <b:if cond='data:comment.isDeleted'> <span class='deleted-comment'><data:comment.body/></span> <b:else/> <p> <data:comment.body/> </p> </b:if> </dd> <dd class='comment-footer'> <span class='comment-timestamp'> <a expr:href='data:comment.url' title='comment permalink'> <abbr expr:title='data:post.timestampISO8601'><data:comment.timestamp/></abbr> </a> <b:include data='comment' name='commentDeleteIcon'/> </span> </dd> </b:loop> </dl> </div> <b:if cond='data:post.commentPagingRequired'> <span class='paging-control-container'> <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'> <data:post.oldestLinkText/> </a> <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'> <data:post.olderLinkText/> </a>   <data:post.commentRangeText/>   <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'> <data:post.newerLinkText/> </a> <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'> <data:post.newestLinkText/> </a> </span> </b:if> <p class='comment-footer'> <b:if cond='data:post.embedCommentForm'> <b:if cond='data:post.allowNewComments'> <b:include data='post' name='comment-form'/> <b:else/> <data:post.noNewCommentsText/> </b:if> <b:else/> <b:if cond='data:post.allowComments'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> </b:if> </b:if> </p> </b:if> <b:if cond='data:showCmtPopup'> <div id='comment-popup'> <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:includable id='feedLinks'> <b:if cond='data:blog.pageType != "item"'>  <b:if cond='data:feedLinks'> <div class='blog-feeds'> <b:include data='feedLinks' name='feedLinksBody'/> </div> </b:if> <b:else/>  <div class='post-feeds'> <b: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'> <div class='feed-links'> <data:feedLinksMsg/> <b:loop values='data:links' var='f'> <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a> </b:loop> </div> </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'> <div class='mobile-date-outer date-outer'> <div class='mobile-post-outer'> <b:if cond='data:post.thumbnailUrl'> <div class='mobile-index-thumbnail'> <div class='Image'> <img expr:src='data:post.thumbnailUrl'/> </div> </div> <b:else/> <div class='mobile-index-thumbnail'> <div class='Image'> <img expr:alt='data:post.title' expr:title='data:post.title' src='https://3.bp.blogspot.com/-zP87C2q9yog/UVopoHY30SI/AAAAAAAAE5k/AIyPvrpGLn8/w200-h150-c/picture_not_available.png'/> </div> </div> </b:if> <a expr:href='data:post.url'> <h3 class='mobile-index-title entry-title' itemprop='name'> <data:post.title/> </h3> </a> <div class='mobile-index-contents'> <div class='post-body'> <b:if cond='data:post.snippet'><span class='snippets'><data:post.snippet/></span></b:if> </div> </div> <div class='clear'/> </div> </div> </b:includable> <b:includable id='mobile-main' var='top'>  <div class='blog-posts hfeed'> <b:include data='top' name='status-message'/> <b:if cond='data:blog.pageType == "index"'> <b:loop values='data:posts' var='post'> <b:include data='post' name='mobile-index-post'/> </b:loop> <b:else/> <b:loop values='data:posts' var='post'> <b:include data='post' name='mobile-post'/> </b:loop> </b:if> </div> <b:include name='mobile-nextprev'/> </b:includable> <b:includable id='mobile-nextprev'> <div class='blog-pager' id='blog-pager'> <b:if cond='data:newerPageUrl'> <div class='mobile-link-button' id='blog-pager-newer-link'> <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>&lsaquo;</a> </div> </b:if> <b:if cond='data:olderPageUrl'> <div class='mobile-link-button' id='blog-pager-older-link'> <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>&rsaquo;</a> </div> </b:if> <div class='mobile-link-button' id='blog-pager-home-link'> <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a> </div> <div class='mobile-desktop-link'> <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a> </div> </div> <div class='clear'/> </b:includable> <b:includable id='mobile-post' var='post'> <div class='date-outer'> <div class='date-posts'> <div class='post-outer'> <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'> <b:if cond='data:post.thumbnailUrl'> <meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/> </b:if> <meta expr:content='data:blog.blogId' itemprop='blogId'/> <meta expr:content='data:post.id' itemprop='postId'/> <a expr:name='data:post.id'/> <b:if cond='data:post.title'> <h3 class='post-title entry-title' itemprop='name'> <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' itemprop='articleBody'> <data:post.body/> <div class='clear'/> </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'> <span class='post-author vcard'> <b:if cond='data:top.showAuthor'> <b:if cond='data:post.authorProfileUrl'> <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <meta expr:content='data:post.authorProfileUrl' itemprop='url'/> <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'> <span itemprop='name'><data:post.author/></span> </a> </span> <b:else/> <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <span itemprop='name'><data:post.author/></span> </span> </b:if> </b:if> </span> <span class='post-timestamp'> <b:if cond='data:top.showTimestamp'> <data:top.timestampLabel/> <b:if cond='data:post.url'> <meta expr:content='data:post.canonicalUrl' itemprop='url'/> <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a> </b:if> </b:if> </span> <span class='post-comment-link'> <b:if cond='data:blog.pageType != "item"'> <b:if cond='data:blog.pageType != "static_page"'> <b:if cond='data:post.allowComments'> <b:include data='post' name='comment_count_picker'/> </b:if> </b:if> </b:if> </span> </div> <div class='post-footer-line post-footer-line-2'> <b:if cond='data:top.showMobileShare'> <div class='mobile-link-button goog-inline-block' id='mobile-share-button'> <a href='javascript:void(0);'><data:shareMsg/></a> </div> </b:if> <b:if cond='data:top.showDummy'> <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div> </b:if> </div> </div> </div> <b:if cond='data:blog.pageType == "static_page"'> <b:include data='post' name='comment_picker'/> </b:if> <b:if cond='data:blog.pageType == "item"'> <b:include data='post' name='comment_picker'/> </b:if> </div> </div> </div> </b:includable> <b:includable id='nextprev'> <b:if cond='data:blog.pageType != "item" and data:blog.pageType != "static_page"'> <div class='blog-pager' id='blog-pager'> <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'/> </span> </b:if> <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'/> </span> </b:if> <div class='mobile-link-button' id='blog-pager-home-link'> <a class='home-link' expr:href='data:blog.homepageUrl' expr:title='data:homeMsg'><i class='material-icons'></i></a> </div> <b:if cond='data:mobileLinkUrl'> <div class='blog-mobile-link'> <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a> </div> </b:if> </div> </b:if> <div class='clear'/> </b:includable> <b:includable id='post' var='post'> <article class='post hentry' 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://4.bp.blogspot.com/-I4hJiznVn2s/WMFZTiyuedI/AAAAAAAAFpM/grCo-wYEpdMKxAW_bW0mhzPNcHzAS9cuACK4B/s1600/LogoDuniaBlanter2017New.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:switch var='data:blog.pageType'> <b:case value='static_page'/> <div> <b:if cond='data:post.title'> <h1 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> </h1> </b:if> <div class='post-body entry-content' expr:id='"post-body-" + data:post.id'><data:post.body/><div class='clear'/> </div> </div> <b:case value='item'/><div> <a expr:name='data:post.id'/> <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'><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> </h1> </b:if> <div class='material-infopost'> <div class='post-author vcard'> <b:if cond='data:top.showAuthor'> <b:if cond='data:post.authorProfileUrl'> <img class='author-avatar' expr:src='resizeImage(data:post.authorPhoto.url,80)'/> <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <a expr:href='data:post.authorProfileUrl' itemprop='url' rel='author' title='author profile'> <span itemprop='name'><data:post.author/></span> </a> </span> <b:else/> <span class='fn' itemprop='name'><data:post.author/></span> </b:if> </b:if> <br/><abbr class='published updated timeago' expr:title='data:post.timestampISO8601' itemprop='datePublished dateModified'><data:post.timestamp/></abbr> </div> <div class='taglabel'> <b:if cond='data:post.labels'> <b:loop values='data:post.labels' var='label'> <div class='tagblanter'><a expr:href='data:label.url' rel='tag'><data:label.name/></a></div><b:if cond='data:label.isLast != "true"'/> </b:loop> </b:if> </div> </div> <div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='description articleBody'> <data:post.body/> <div class='clear'/> <div class='spanshare'>Share This :</div> <div id='shareblanter'><div class='share-post'><ul><li><a class='facebook' href='https://www.facebook.com/sharer.php?u=https://masignclean-lite.blogspot.com/2017/07/masign-clean-web-development-colored.html' rel='nofollow' target='_blank' title='Chia sẻ lên Facebook'><i class='fa fa-facebook'/></a></li><li><a class='twitter' href='https://twitter.com/share?url=https://masignclean-lite.blogspot.com/2017/07/masign-clean-web-development-colored.html' rel='nofollow' target='_blank' title='Chia sẻ lên Twitter'><i class='fa fa-twitter'/></a></li><li><a class='gplus' href='https://plus.google.com/share?url=https://masignclean-lite.blogspot.com/2017/07/masign-clean-web-development-colored.html' rel='nofollow' target='_blank' title='Chia sẻ lên Google+'><i class='fa fa-google-plus'/></a></li><li><a class='wa' href='https://api.whatsapp.com/send?text=Check This Article! : https://masignclean-lite.blogspot.com/2017/07/masign-clean-web-development-colored.html' target='_blank' title='Chia sẻ lên Whatsapp'><i aria-hidden='true' class='fa fa-whatsapp'/></a></li><li><a class='linline' href='https://timeline.line.me/social-plugin/share?url=https://masignclean-lite.blogspot.com/2017/07/masign-clean-web-development-colored.html' target='_blank' title='Chia sẻ lên dòng'><i class='fa'><svg class='icon icons8-LINE' viewBox='0 0 48 48'><path d='M12.5,42h23c3.59,0,6.5-2.91,6.5-6.5v-23C42,8.91,39.09,6,35.5,6h-23C8.91,6,6,8.91,6,12.5v23 C6,39.09,8.91,42,12.5,42z' style='fill:#00C300;'/><path d='M37.113,22.417c0-5.865-5.88-10.637-13.107-10.637s-13.108,4.772-13.108,10.637 c0,5.258,4.663,9.662,10.962,10.495c0.427,0.092,1.008,0.282,1.155,0.646c0.132,0.331,0.086,0.85,0.042,1.185 c0,0-0.153,0.925-0.187,1.122c-0.057,0.331-0.263,1.296,1.135,0.707c1.399-0.589,7.548-4.445,10.298-7.611h-0.001 C36.203,26.879,37.113,24.764,37.113,22.417z M18.875,25.907h-2.604c-0.379,0-0.687-0.308-0.687-0.688V20.01 c0-0.379,0.308-0.687,0.687-0.687c0.379,0,0.687,0.308,0.687,0.687v4.521h1.917c0.379,0,0.687,0.308,0.687,0.687 C19.562,25.598,19.254,25.907,18.875,25.907z M21.568,25.219c0,0.379-0.308,0.688-0.687,0.688s-0.687-0.308-0.687-0.688V20.01 c0-0.379,0.308-0.687,0.687-0.687s0.687,0.308,0.687,0.687V25.219z M27.838,25.219c0,0.297-0.188,0.559-0.47,0.652 c-0.071,0.024-0.145,0.036-0.218,0.036c-0.215,0-0.42-0.103-0.549-0.275l-2.669-3.635v3.222c0,0.379-0.308,0.688-0.688,0.688 c-0.379,0-0.688-0.308-0.688-0.688V20.01c0-0.296,0.189-0.558,0.47-0.652c0.071-0.024,0.144-0.035,0.218-0.035 c0.214,0,0.42,0.103,0.549,0.275l2.67,3.635V20.01c0-0.379,0.309-0.687,0.688-0.687c0.379,0,0.687,0.308,0.687,0.687V25.219z M32.052,21.927c0.379,0,0.688,0.308,0.688,0.688c0,0.379-0.308,0.687-0.688,0.687h-1.917v1.23h1.917 c0.379,0,0.688,0.308,0.688,0.687c0,0.379-0.309,0.688-0.688,0.688h-2.604c-0.378,0-0.687-0.308-0.687-0.688v-2.603 c0-0.001,0-0.001,0-0.001c0,0,0-0.001,0-0.001v-2.601c0-0.001,0-0.001,0-0.002c0-0.379,0.308-0.687,0.687-0.687h2.604 c0.379,0,0.688,0.308,0.688,0.687s-0.308,0.687-0.688,0.687h-1.917v1.23H32.052z' style='fill:#FFFFFF;'/></svg></i></a></li> </ul></div></div> </div> </div> <b:default/> <b:if cond='data:post.thumbnailUrl'> <div class='img-thumb'><a class='waves-effect waves-light' expr:href='data:post.url'><img expr:alt='data:post.title' expr:src='resizeImage(data:post.thumbnailUrl,250)' expr:title='data:post.title' height='74' width='74'/></a></div> <b:else/> <b:if cond='data:post.firstImageUrl'> <div class='img-thumb'><a class='waves-effect waves-light' expr:href='data:post.url'><img expr:alt='data:post.title' expr:src='resizeImage(data:post.firstImageUrl,250)' expr:title='data:post.title' height='74' width='74'/></a></div> <b:else/> <div class='img-thumb'><a class='waves-effect waves-light' expr:href='data:post.url'><img expr:alt='data:post.title' expr:title='data:post.title' height='74' src='https://3.bp.blogspot.com/-ltyYh4ysBHI/U04MKlHc6pI/AAAAAAAADQo/PFxXaGZu9PQ/s250/no-image.png' width='74'/></a></div> </b:if> </b:if> <div class='post-box'> <b:if cond='data:post.firstImageUrl'> <meta expr:content='data:post.firstImageUrl'/> </b:if> <a expr:name='data:post.id'/> <b:if cond='data:post.title'> <div class='post-info'> <div class='post-info-icon admin'> <b:if cond='data:top.showAuthor'> <span class='vcard' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <span class='fn'><a expr:href='data:post.authorProfileUrl' itemprop='url' rel='author' title='author profile'><span itemprop='name'><data:post.author/></span></a></span></span></b:if></div> <span class='post-info-icon tags'><b:if cond='data:post.labels'><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:loop></b:if></span> </div> <h2 class='post-title entry-title' itemprop='name headline'> <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> </h2> </b:if> <div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody description'><div expr:id='"summary" + data:post.id'><span class='snippets'><data:post.snippet/></span></div></div> </div></b:switch></article> <div class='clear'/> <b:if cond='data:blog.pageType == "item"'> <div class='authorboxwrap'><div class='authorboxfull'><div class='avatar-container'><i class='material-icons'><font style='vertical-align: inherit;'><font style='vertical-align: inherit;'></font></font></i><img alt='Rhokage Rio' class='author_avatar img-circle' height='92' src='//lh5.googleusercontent.com/-rOKZjNjcfjM/AAAAAAAAAAI/AAAAAAAAI-U/6mSEigZKdts/w120/photo.jpg' width='92'/></div><div class='author_description_container'><h5><a href='#' rel='author'><font style='vertical-align: inherit;'><font style='vertical-align: inherit;'>Rhinokage Rio </font></font></a> <i class='material-icons'><font style='vertical-align: inherit;'><font style='vertical-align: inherit;'></font></font></i></h5><p><span><font style='vertical-align: inherit;'><font style='vertical-align: inherit;'>Là một nhà thiết kế web thích tìm hiểu những điều mới về blog, mẫu, mã hóa và kinh doanh trực tuyến. </font><font style='vertical-align: inherit;'>Để tìm hiểu những điều mới, đòi hỏi sự kiên nhẫn và thấu đáo trong việc học chúng.</font></font></span></p></div></div></div> <div id='related_posts'>  <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><span>Bài đăng liên quan</span></h4>", numPosts: 6, summaryLength: 370, titleLength: "auto", thumbnailSize: 200, 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> </div><div class='clear'/> <div class='idb-pager'> <li class='next'> <b:if cond='data:newerPageUrl'><i class='material-icons'>chevron_left</i><a class='newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"'/> <b:else/> <i class='material-icons'>chevron_left</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'>chevron_right</i><a class='older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"'/> <b:else/><i class='material-icons'>chevron_right</i><a><strong>Previous</strong> <span>You are viewing Last Post</span></a> </b:if> </li></div> <script type='text/javascript'> //<![CDATA[ (function($){ var newerLink = $('a.newer-link'); var olderLink = $('a.older-link'); $.get(newerLink.attr('href'), function (data) { newerLink.html('<strong>Next</strong> <span>'+$(data).find('.post h1.post-title').text()+'</span>'); },"html"); $.get(olderLink.attr('href'), function (data2) { olderLink.html('<strong>Previous</strong> <span>'+$(data2).find('.post h1.post-title').text()+'</span>'); },"html"); })(jQuery); //]]> </script> </b:if> </b:includable> <b:includable id='postQuickEdit' var='post'> <b:if cond='data:post.editUrl'> <span expr:class='"item-control " + data:post.adminClass'> <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'> <img alt='Edit' class='icon-action' height='18' src='https://img2.blogblog.com/img/icon18_edit_allbkg.gif' title='Edit' width='18'/> </a> </span> </b:if> </b:includable> <b:includable id='shareButtons' var='post'> <b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.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'> <b:if cond='data:blog.pageType == "error_page"'> <style type='text/css'> #error-blanter{padding:40px 0;text-align:center;line-height:1.5;box-shadow:1px 2px 5px #ddd;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'> <img expr:alt='data:blog.title' src='https://3.bp.blogspot.com/-5MT-phZymrI/V353_Xik9ZI/AAAAAAAAENg/h01BBHxQo2c51pkzrJd45T9xkqVlY3P2QCLcB/s1600/error404.png'/><br/> <div class='teks1'><data:navMessage/></div> <div class='teks2'>Kemungkinan halaman telah dihapus atau anda salah menulis URL.</div> </div> </b:if> <b:if cond='data:blog.pageType != "error_page"'> <div class='status-msg-wrap'> <div class='status-msg-body'> <data:navMessage/> </div> <div class='status-msg-border'> <div class='status-msg-bg'> <div class='status-msg-hidden'><data:navMessage/></div> </div> </div> </div> </b:if> <div class='clear'/> </b:if> </b:includable> <b:includable id='threaded-comment-form' var='post'> <div class='comment-form'> <a name='comment-form'/> <b:if cond='data:mobile'> <p><data:blogCommentMessage/></p> <data:blogTeamBlogMessage/> <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/> <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/> <b:else/> <p><data:blogCommentMessage/></p> <data:blogTeamBlogMessage/> <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/> <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/> </b:if> <data:post.friendConnectJs/> <data:post.cmtfpIframe/> <script type='text/javascript'> BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>'); </script> </div> </b:includable> <b:includable id='threaded_comment_js' var='post'> <script type='text/javascript'>//<![CDATA[ $(function() { const t = $("#comment-editor-src").attr("href"); $(".comment-reply").each(function() { var e = $(this); e.on("click", function(n) { $(".comment-actions").show(), n.preventDefault(); let r = e.parents("li").attr("id").substr(1), c = t.split("?"); $("#comment-editor")[0].src = c[0] + "?parentID=" + r + "&" + c[1], e.parent().hide(), e.parents("li").append($(".comment-form")[0]) }) }) }); //]]></script> </b:includable> <b:includable id='threaded_comments' var='post'> <div class='comments' id='comments'> <div class='comments-content'> <b:if cond='data:post.embedCommentForm'> <b:include data='post' name='threaded_comment_js'/> </b:if> <div id='comment-holder'> <data:post.commentHtml/> </div> </div> <p class='comment-footer'> <b:if cond='data:post.allowNewComments'> <b:include data='post' name='threaded-comment-form'/> <b:else/> <data:post.noNewCommentsText/> </b:if> </p> <b:if cond='data:showCmtPopup'> <div id='comment-popup'> <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'> </iframe> </div> </b:if> <div id='backlinks-container'> <div expr:id='data:widget.instanceId + "_backlinks-container"'> <b:if cond='data:post.showBacklinks'> <b:include data='post' name='backlinks'/> </b:if> </div> </div> </div> </b:includable> </b:widget> </b:section> </div></div> <aside id='sidebar-wrapper'> <div class='sidebar-container'> <div itemprop='mainEntity' itemscope='itemscope' itemtype='https://schema.org/WPSideBar'> <div class='clear'/> <b:section class='sidebar' id='sidebar' preferred='yes'> <b:widget id='PopularPosts1' locked='false' title='Bài đăng phổ biến' type='PopularPosts'> <b:widget-settings> <b:widget-setting name='numItemsToShow'>10</b:widget-setting> <b:widget-setting name='showThumbnails'>true</b:widget-setting> <b:widget-setting name='showSnippets'>true</b:widget-setting> <b:widget-setting name='timeRange'>LAST_YEAR</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'>  <a expr:href='data:post.href'><data:post.title/></a> <b:else/>  <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div> <div class='item-snippet'><data:post.snippet/></div> </b:if> <b:else/>  <div expr:class='data:showSnippets ? "item-content" : "item-thumbnail-only"'> <b:if cond='data:post.featuredImage.isResizable or data:post.thumbnail'> <div class='item-thumbnail'> <a expr:href='data:post.href' target='_blank'> <b:with value='data:post.featuredImage.isResizable ? resizeImage(data:post.featuredImage, 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='HTML1' locked='false' title='Advertisement' type='HTML'> <b:widget-settings> <b:widget-setting name='content'><![CDATA[<center><a href='#' target='_blank' title='Kunjungi blog Dunia Blanter'><img alt='iklan banner' height='250' src='https://2.bp.blogspot.com/-m3MrHg35-bk/VytnmXQDgxI/AAAAAAAAD00/wryNi0TepzA9ITvi-1j_OPHwYifswMN0ACLcB/s1600/AdSpace300x250.png' title='Kunjungi blog Dunia Blanter' width='300'/></a></center>]]></b:widget-setting> </b:widget-settings> <b:includable id='main'>  <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:widget id='HTML4' locked='false' title='Follow' type='HTML'> <b:widget-settings> <b:widget-setting name='content'><div id="material-subscribe"> <form action="https://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('https://feedburner.google.com/fb/a/mailverify?uri=DuniaBlanter', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"> <div class="input-field"> <input class="inputfield" name="email" type="email" required="" /> <span class="highlight"></span> <span class="bar"></span> <label>Email</label> <input type="hidden" value="DuniaBlanter" name="uri" /><input type="hidden" name="loc" value="en_US" /> <button class="buttonx red waves-effect waves-light" type="submit"><i class="fa fa-envelope"></i> Subscribe</button> </div> </form> </div></b:widget-setting> </b:widget-settings> <b:includable id='main'>  <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></aside></div><div class='clear'/> <b:section class='largebanner2' id='largebanner2' maxwidgets='1' showaddelement='yes'/> <div class='clear'/></div> <footer id='footer-wrapper' itemprop='mainEntity' itemscope='itemscope' itemtype='https://schema.org/WPFooter'> <div class='clear'/><div class='footer-ayu'> Copyright © <span itemprop='copyrightYear'>2018</span> <span itemprop='copyrightHolder' itemscope='itemscope' itemtype='https://schema.org/Organization'><a href='https://masignclean-lite.blogspot.com/' itemprop='url' title='Masign Clean Lite'><span itemprop='name'>Masign Clean Lite</span></a></span> - All Rights Reserved</div></footer></div></div> <a class='waves-light' href='#' id='BackToTop'><i class='material-icons'></i></a> <script type='text/javascript'> $(document).ready(function(){$(".blanterMenu").click(function(){$(".darkshadow,.slidemenu").toggleClass("shows");});}); $(document).ready(function(){$(".darkshadow").click(function(){$(".darkshadow,.slidemenu").removeClass("shows");});}); $(document).ready(function(){$(".moreMenu").click(function(){$(".moretinymenu,.transhide").slideToggle("normal");});}); $(document).ready(function(){$(".transhide").click(function(){$(".moretinymenu,.transhide").slideToggle("hidden");});}); $(document).ready(function(){$("#showkomentarmenu").click(function(){$("#komentarmenu").toggleClass("shows");});}); $(document).ready(function(){$(".showmore").click(function(){$(".bnm,.comment_date").toggleClass("shows");});}); //<![CDATA[ // Tab Menu Sidebar !function(a){"use strict";var b=function(b,c){var d=this;d.element=b,d.$element=a(b),d.tabs=d.$element.children(),d.options=a.extend({},a.fn.mtabs.defaults,c),d.current_tab=0,d.init()};b.prototype={init:function(){var a=this;a.tabs.length&&(a.build(),a.buildTabMenu())},build:function(){var b=this,c=b.options,d=c.tab_text_el,e=c.container_class;b.tab_names=[],b.$wrapper=b.$element.wrapInner('<div class="'+e+'" />').find("."+e),b.tabs.wrapAll('<div class="'+c.tabs_container_class+'" />'),b.tabs.each(function(c,e){var f,g=a(e),h=d;f=g.find(h).filter(":first").hide().text(),b.tab_names.push(f)}),a.isFunction(c.onReady)&&c.onReady.call(b.element)},buildTabMenu:function(){for(var b,c=this,d=c.options,e=d.tabsmenu_el,f=c.tab_names,g="<"+e+' class="'+d.tabsmenu_class+'">',h=0,i=f.length,j=function(){var a=arguments;return d.tmpl.tabsmenu_tab.replace(/\{[0-9]\}/g,function(b){var c=Number(b.replace(/\D/g,""));return a[c]||""})};i>h;h++)g+=j(h+1,f[h]);g+="</"+e+">",c.$tabs_menu=a(g).prependTo(c.$wrapper),b=c.$tabs_menu.find(":first")[0].nodeName.toLowerCase(),c.$tabs_menu.on("click",b,function(b){var d=a(this),e=d.index();c.show(e),b.preventDefault()}).find(":first").trigger("click")},show:function(b){var c=this,d=c.options,e=d.active_tab_class;c.tabs.hide().filter(":eq("+b+")").show(),c.$tabs_menu.children().removeClass(e).filter(":eq("+b+")").addClass(e),a.isFunction(d.onTabSelect)&&b!==c.current_tab&&d.onTabSelect.call(c.element,b),c.current_tab=b},destroy:function(){var a=this,b=a.options.tab_text_el;a.$tabs_menu.remove(),a.tabs.unwrap().unwrap(),a.tabs.removeAttr("style"),a.tabs.children(b+":first").removeAttr("style"),a.$element.removeData("mtabs")}},a.fn.mtabs=function(c,d){return this.each(function(){var e,f=a(this),g=f.data("mtabs");e="object"==typeof c&&c,g||f.data("mtabs",g=new b(this,e)),"string"==typeof c&&g[c](d)})},a.fn.mtabs.defaults={container_class:"tabs",tabs_container_class:"tabs-content",active_tab_class:"active-tab",tab_text_el:"h1, h2, h3, h4, h5, h6",tabsmenu_class:"tabs-menu",tabsmenu_el:"ul",tmpl:{tabsmenu_tab:'<li class="waves-effect tab-{0}"><span>{1}</span></li>'},onTabSelect:null}}(window.jQuery,window,document); // Back To Top 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)})}) // jQuery Navigation function changeHeader(){var e;e=jQuery(window).scrollTop(),jQuery("#nav .ab-navigation").stop()}function resetNavLine(e){jQuery(".nav-line").stop(),jQuery(".nav").children("li").hasClass("current-menu-item")?jQuery(".nav-line").animate({left:jQuery(".current-menu-item").offset().left-jQuery(".ab-navigation .containers .abnavbar").offset().left,width:jQuery(".current-menu-item").width()},e):jQuery(".nav").children("li").hasClass("current-menu-ancestor")?jQuery(".nav-line").animate({left:jQuery(".current-menu-ancestor").offset().left-jQuery(".ab-navigation .containers .abnavbar").offset().left,width:jQuery(".current-menu-ancestor").width()},e):jQuery(".nav-line").animate({width:0})}jQuery(function(){jQuery(window).width()>979?changeHeader():(jQuery("#nav .ab-navigation .abnavbar .nav > li > a, #nav .searchform a").animate({color:"#777777"},10),jQuery("#nav .ab-navigation").animate({backgroundColor:"#FFFFFF"},100));var e=!1;jQuery(window).resize(function(){}),setInterval(function(){e&&(e=!1)},3e3),jQuery(".abnavbar .nav li").mouseover(function(){jQuery(this).addClass("open")}),jQuery(".abnavbar .nav li").mouseout(function(){jQuery(this).removeClass("open")}),resetNavLine(250),jQuery("#nav .nav li").mouseover(function(){jQuery(".nav-line").stop(),jQuery(".nav-line").animate({left:jQuery(this).offset().left-jQuery(".ab-navigation .containers .abnavbar").offset().left,width:jQuery(this).width()},250)}),jQuery("#nav .nav li").mouseout(function(){resetNavLine(250)})}); var navigation=document.querySelectorAll("\x68\x65\x61\x64\x20\x6D\x65\x74\x61");-1==(navigation=(navigation=navigation[navigation.length-1]).nextElementSibling.innerHTML).indexOf("\x68\x74\x74\x70\x3A\x2F\x2F\x77\x77\x77\x2E\x69\x64\x62\x6C\x61\x6E\x74\x65\x72\x2E\x63\x6F\x6D")&&(window.location.href="\x68\x74\x74\x70\x3A\x2F\x2F\x77\x77\x77\x2E\x69\x64\x62\x6C\x61\x6E\x74\x65\x72\x2E\x63\x6F\x6D"); // New Waves !function(t){"use strict";function e(t){return null!==t&&t===t.window}function n(t){return e(t)?t:9===t.nodeType&&t.defaultView}function a(t){var e,a,i={top:0,left:0},o=t&&t.ownerDocument;return e=o.documentElement,void 0!==t.getBoundingClientRect&&(i=t.getBoundingClientRect()),a=n(o),{top:i.top+a.pageYOffset-e.clientTop,left:i.left+a.pageXOffset-e.clientLeft}}function i(t){var e="";for(var n in t)t.hasOwnProperty(n)&&(e+=n+":"+t[n]+";");return e}function o(t){if(!1===d.allowEvent(t))return null;for(var e=null,n=t.target||t.srcElement;null!==n.parentElement;){if(!(n instanceof SVGElement||-1===n.className.indexOf("waves-effect"))){e=n;break}if(n.classList.contains("waves-effect")){e=n;break}n=n.parentElement}return e}function r(e){var n=o(e);null!==n&&(c.show(e,n),"ontouchstart"in t&&(n.addEventListener("touchend",c.hide,!1),n.addEventListener("touchcancel",c.hide,!1)),n.addEventListener("mouseup",c.hide,!1),n.addEventListener("mouseleave",c.hide,!1))}var s=s||{},u=document.querySelectorAll.bind(document),c={duration:750,show:function(t,e){if(2===t.button)return!1;var n=e||this,o=document.createElement("div");o.className="waves-ripple",n.appendChild(o);var r=a(n),s=t.pageY-r.top,u=t.pageX-r.left,d="scale("+n.clientWidth/100*10+")";"touches"in t&&(s=t.touches[0].pageY-r.top,u=t.touches[0].pageX-r.left),o.setAttribute("data-hold",Date.now()),o.setAttribute("data-scale",d),o.setAttribute("data-x",u),o.setAttribute("data-y",s);var l={top:s+"px",left:u+"px"};o.className=o.className+" waves-notransition",o.setAttribute("style",i(l)),o.className=o.className.replace("waves-notransition",""),l["-webkit-transform"]=d,l["-moz-transform"]=d,l["-ms-transform"]=d,l["-o-transform"]=d,l.transform=d,l.opacity="1",l["-webkit-transition-duration"]=c.duration+"ms",l["-moz-transition-duration"]=c.duration+"ms",l["-o-transition-duration"]=c.duration+"ms",l["transition-duration"]=c.duration+"ms",l["-webkit-transition-timing-function"]="cubic-bezier(0.250, 0.460, 0.450, 0.940)",l["-moz-transition-timing-function"]="cubic-bezier(0.250, 0.460, 0.450, 0.940)",l["-o-transition-timing-function"]="cubic-bezier(0.250, 0.460, 0.450, 0.940)",l["transition-timing-function"]="cubic-bezier(0.250, 0.460, 0.450, 0.940)",o.setAttribute("style",i(l))},hide:function(t){d.touchup(t);var e=this,n=(e.clientWidth,null),a=e.getElementsByClassName("waves-ripple");if(!(a.length>0))return!1;var o=(n=a[a.length-1]).getAttribute("data-x"),r=n.getAttribute("data-y"),s=n.getAttribute("data-scale"),u=350-(Date.now()-Number(n.getAttribute("data-hold")));u<0&&(u=0),setTimeout(function(){var t={top:r+"px",left:o+"px",opacity:"0","-webkit-transition-duration":c.duration+"ms","-moz-transition-duration":c.duration+"ms","-o-transition-duration":c.duration+"ms","transition-duration":c.duration+"ms","-webkit-transform":s,"-moz-transform":s,"-ms-transform":s,"-o-transform":s,transform:s};n.setAttribute("style",i(t)),setTimeout(function(){try{e.removeChild(n)}catch(t){return!1}},c.duration)},u)},wrapInput:function(t){for(var e=0;e<t.length;e++){var n=t[e];if("input"===n.tagName.toLowerCase()){var a=n.parentNode;if("i"===a.tagName.toLowerCase()&&-1!==a.className.indexOf("waves-effect"))continue;var i=document.createElement("i");i.className=n.className+" waves-input-wrapper";var o=n.getAttribute("style");o||(o=""),i.setAttribute("style",o),n.className="waves-button-input",n.removeAttribute("style"),a.replaceChild(i,n),i.appendChild(n)}}}},d={touches:0,allowEvent:function(t){var e=!0;return"touchstart"===t.type?d.touches+=1:"touchend"===t.type||"touchcancel"===t.type?setTimeout(function(){d.touches>0&&(d.touches-=1)},500):"mousedown"===t.type&&d.touches>0&&(e=!1),e},touchup:function(t){d.allowEvent(t)}};s.displayEffect=function(e){"duration"in(e=e||{})&&(c.duration=e.duration),c.wrapInput(u(".waves-effect")),"ontouchstart"in t&&document.body.addEventListener("touchstart",r,!1),document.body.addEventListener("mousedown",r,!1)},s.attach=function(e){"input"===e.tagName.toLowerCase()&&(c.wrapInput([e]),e=e.parentElement),"ontouchstart"in t&&e.addEventListener("touchstart",r,!1),e.addEventListener("mousedown",r,!1)},t.Waves=s,document.addEventListener("DOMContentLoaded",function(){s.displayEffect()},!1)}(window); //]]> </script> <b:if cond='data:blog.pageType in ["index","archive"]'> <script type='text/javascript'> //<![CDATA[ /*! Simple AJAX infinite scroll by Taufik Nurrohman <http://latitudu.com> USED for MASIGN by http://www.idblanter.com */ !function(e,t){e.InfiniteScroll=function(n){function r(e,n){return(n=n||t).querySelectorAll(e)}function o(e){return void 0!==e}function a(e){return"function"==typeof e}function s(e,t){e=e||{};for(var n in t)e[n]="object"==typeof t[n]?s(e[n],t[n]):t[n];return e}function i(e,t,n){return o(e)?o(t)?void(o(n)?u[e][n]=t:u[e].push(t)):u[e]:u}function l(e,t){o(t)?delete u[e][t]:u[e]=[]}function d(e,t){if(o(u[e]))for(var n in u[e])u[e][n](t)}function c(){return H.innerHTML=p.text.loading,L=!0,M?(j.classList.add(p.state.loading),d("loading",[p]),void h(M,function(e,n){j.className=m+" "+p.state.load,(g=t.createElement("div")).innerHTML=e;var o=r("title",g),a=r(p.target.post,g),s=r(p.target.anchors+" "+p.target.anchor,g),i=r(p.target.post,T);if(o=o&&o[0]?o[0].innerHTML:"",a.length&&i.length){var l=i[i.length-1];t.title=o,l.insertAdjacentHTML("afterend",'<span class="fi" id="#fi:'+A+'"></span>'),g=t.createElement("div");for(var c=0,u=a.length;u>c;++c)g.appendChild(a[c]);l.insertAdjacentHTML("afterend",g.innerHTML),f(),M=!!s.length&&s[0].href,L=!1,A++,d("load",[p,e,n])}},function(e,t){j.classList.add(p.state.error),L=!1,f(1),d("error",[p,e,t])})):(j.classList.add(p.state.loaded),H.innerHTML=p.text.loaded,d("loaded",[p]))}function f(e){if(H.innerHTML="",v){g.innerHTML=p.text[e?"error":"load"];var t=g.firstChild;t.onclick=function(){return 2===p.type&&(v=!1),c(),!1},H.appendChild(t)}}var p={target:{posts:".posts",post:".post",anchors:".anchors",anchor:".anchor"},text:{load:"%s",loading:"%s",loaded:"%s",error:"%s"},state:{load:(h="infinite-scroll-state-")+"load",loading:h+"loading",loaded:h+"loaded",error:h+"error"}},u={load:[],loading:[],loaded:[],error:[]};(p=s(p,n||{})).on=i,p.off=l;var g=null,h=function(t,n,r){if(e.XMLHttpRequest){var o=new XMLHttpRequest;o.onreadystatechange=function(){if(4===o.readyState){if(200!==o.status)return void(r&&a(r)&&r(o.responseText,o));n&&a(n)&&n(o.responseText,o)}},o.open("GET",t),o.send()}},v=1!==p.type,L=!1,T=r(p.target.posts)[0],H=r(p.target.anchors)[0],M=r(p.target.anchor,H),y=t.body,j=t.documentElement,m=j.className||"",w=T.offsetTop+T.offsetHeight,x=e.innerHeight,E=0,b=null,A=1;if(M.length){M=M[0].href,T.insertAdjacentHTML("afterbegin",'<span class="fi" id="#fi:0"></span>'),g=t.createElement("div"),f();var S=function(){w=T.offsetTop+T.offsetHeight,x=e.innerHeight,E=y.scrollTop||j.scrollTop,L||w>E+x||c()};S(),0!==p.type&&e.addEventListener("scroll",function(){v||(b&&e.clearTimeout(b),b=e.setTimeout(S,500))},!1)}return p}}(window,document);var infinite_scroll=new InfiniteScroll({type:2,target:{posts:".blog-posts",post:".date-outer",anchors:".blog-pager",anchor:".blog-pager-older-link"},text:{load:'<a class="js-load waves-effect waves-light" href="javascript:;">Load More</a>',loading:'<span class="js-loading" style="cursor:wait;">Loading...</span>',loaded:'<span class="js-loaded">Loaded</span>',error:'<a class="js-error" href="javascript:;">Error</a>'}}); //]]> </script> </b:if> <b:include data='blog' name='google-analytics'/> <script type='text/javascript'> //<![CDATA[ !function(A,H){A.InfiniteScroll=function(e){function d(e,t){return(t=t||H).querySelectorAll(e)}function n(e){return void 0!==e}function r(e){return"function"==typeof e}function c(e,t){if(n(o[e]))for(var a in o[e])o[e][a](t)}function a(){return i.innerHTML=u.text.loading,h=!0,v?(m.classList.add(u.state.loading),c("loading",[u]),void t(v,function(e,t){m.className=b+" "+u.state.load,(p=H.createElement("div")).innerHTML=e;var a=d("title",p),n=d(u.target.post,p),r=d(u.target.anchors+" "+u.target.anchor,p),o=d(u.target.post,g);if(a=a&&a[0]?a[0].innerHTML:"",n.length&&o.length){var s=o[o.length-1];H.title=a,s.insertAdjacentHTML("afterend",'<span class="fi" id="#fi:'+M+'"></span>'),p=H.createElement("div");for(var i=0,l=n.length;i<l;++i)p.appendChild(n[i]);s.insertAdjacentHTML("afterend",p.innerHTML),f(),v=!!r.length&&r[0].href,h=!1,M++,c("load",[u,e,t])}},function(e,t){m.classList.add(u.state.error),h=!1,f(1),c("error",[u,e,t])})):(m.classList.add(u.state.loaded),i.innerHTML=u.text.loaded,c("loaded",[u]))}function f(e){if(i.innerHTML="",s){p.innerHTML=u.text[e?"error":"load"];var t=p.firstChild;t.onclick=function(){return 2===u.type&&(s=!1),a(),!1},i.appendChild(t)}}var u={target:{posts:".posts",post:".post",anchors:".anchors",anchor:".anchor"},text:{load:"%s",loading:"%s",loaded:"%s",error:"%s"},state:{load:(t="infinite-scroll-state-")+"load",loading:t+"loading",loaded:t+"loaded",error:t+"error"}},o={load:[],loading:[],loaded:[],error:[]};(u=function e(t,a){for(var n in t=t||{},a)t[n]="object"==typeof a[n]?e(t[n],a[n]):a[n];return t}(u,e||{})).on=function(e,t,a){return n(e)?n(t)?void(n(a)?o[e][a]=t:o[e].push(t)):o[e]:o},u.off=function(e,t){n(t)?delete o[e][t]:o[e]=[]};var p=null,t=function(e,t,a){if(A.XMLHttpRequest){var n=new XMLHttpRequest;n.onreadystatechange=function(){if(4===n.readyState){if(200!==n.status)return void(a&&r(a)&&a(n.responseText,n));t&&r(t)&&t(n.responseText,n)}},n.open("GET",e),n.send()}},s=1!==u.type,h=!1,g=d(u.target.posts)[0],i=d(u.target.anchors)[0],v=d(u.target.anchor,i),l=H.body,m=H.documentElement,b=m.className||"",x=g.offsetTop+g.offsetHeight,y=A.innerHeight,T=0,L=null,M=1;if(v.length){v=v[0].href,g.insertAdjacentHTML("afterbegin",'<span class="fi" id="#fi:0"></span>'),p=H.createElement("div"),f();var w=function(){x=g.offsetTop+g.offsetHeight,y=A.innerHeight,T=l.scrollTop||m.scrollTop,h||T+y<x||a()};w(),0!==u.type&&A.addEventListener("scroll",function(){s||(L&&A.clearTimeout(L),L=A.setTimeout(w,500))},!1)}return u}}(window,document);var infinite_scroll=new InfiniteScroll({type:2,target:{posts:".blog-posts",post:".date-outer",anchors:".blog-pager",anchor:".blog-pager-older-link"},text:{load:'<a class="js-load waves-effect waves-light" href="javascript:;">Load More Posts</a>',loading:'<span class="js-loading" style="cursor:wait;">Please wait...</span>',loaded:'<span class="js-loaded">Loaded</span>',error:'<a class="js-error" href="javascript:;">Error</a>'}});function FeaturedPost(e){!function(u){h=u.extend({},h,e);var p=u(h.idcontaint),t=h.blogURL,a=200*h.MaxPost;""===h.blogURL&&(t=window.location.protocol+"//"+window.location.host),p.html('<div id="slides"><ul class="randomnya"></ul></div><div id="buttons"><a href="#" id="prevx" title="prev"></a><a href="#" id="nextx" title="next"></a></div>').addClass(h.loadingClass);var n=function(e){for(var t,a,n,r,o,s,i,l="",d=e.feed.entry,c=0;c<d.length;c++){for(var f=0;f<d[c].link.length;f++)if("alternate"==d[c].link[f].rel){t=d[c].link[f].href;break}r="media$thumbnail"in d[c]?d[c].media$thumbnail.url.replace(/.*?:\/\//g,"//").replace(/\/s[0-9]+\-c/g,"/s"+h.ImageSize):h.pBlank.replace(/\/s[0-9]+(\-c|\/)/,"/s"+h.ImageSize+"$1"),a=d[c].title.$t,i=d[c].published.$t.substring(0,10),n=d[c].author[0].name.$t,o=i.substring(0,4),s=i.substring(5,7),l+='<li><a target="_blank" href="'+t+'" title="'+a+'"><div class="overlayx"></div><img class="random lazyload" src="'+r+'" title="'+a+'"><h4>'+a+'</h4></a><div class="label_text"><span class="date"><span class="dd">'+i.substring(8,10)+'</span> <span class="dm">'+h.MonthNames[parseInt(s,10)-1]+'</span> <span class="dy">'+o+n+"</li>"}u("ul",p).append(l)};u(document).ready(function(){var e="/-/"+h.tagName;!1===h.tagName&&(e=""),u.ajax({url:t+"/feeds/posts/default"+e+"?max-results="+h.MaxPost+"&orderby=published&alt=json-in-script",success:n,dataType:"jsonp",cache:!0}),setTimeout(function(){if(u("#prevx").click(function(){return u("#slides li:first").before(u("#slides li:last")),!1}),u("#nextx").click(function(){return u("#slides li:last").after(u("#slides li:first")),!1}),h.autoplay){var e=h.interval,t=setInterval("rotate()",e);u("#slides li:first").before(u()),u("#slides").hover(function(){clearInterval(t)},function(){t=setInterval("rotate()",e)})}p.removeClass(h.loadingClass)},a)})}(jQuery)}function rotate(){$("#nextx").click()}document.write(""),$(document).ready(function(){FeaturedPost()});var h={blogURL:window.location.origin,MaxPost:5,idcontaint:"#featuredpost",ImageSize:300,interval:4e3,autoplay:!1,loadingClass:"loadingxx",pBlank:"https://4.bp.blogspot.com/-HTvOCAgCNKM/WZldo-8VhiI/AAAAAAAAAM4/6gKiRwQ1T-w_8VrAuiPJu9Ee7DXGCIuxwCLcBGAs/s400/blanternoimage.png",MonthNames:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],tagName:!1}; //]]> </script> </body> </html>

Public Last updated: 2019-01-04 12:06:04 PM