Template

<?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, minimum-scale=1, maximum-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 == &quot;index&quot;'> <title><data:blog.pageTitle/></title> <b:else/> <b:if cond='data:blog.pageType != &quot;error_page&quot;'> <title><data:blog.pageName/> - <data:blog.title/></title> </b:if></b:if> <b:if cond='data:blog.pageType == &quot;error_page&quot;'> <title>Page Not Found - <data:blog.title/></title> </b:if> <b:if cond='data:blog.pageType == &quot;archive&quot;'> <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 != &quot;error_page&quot;'> <meta expr:content='data:blog.metaDescription' name='description'/> <b:if cond='data:blog.homepageUrl != data:blog.url'> <meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.pageTitle + &quot;, &quot; + 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 + &quot;feeds/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/> <link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default?alt=rss&quot;' expr:title='data:blog.title + &quot; - RSS&quot;' rel='alternate' type='application/rss+xml'/> <link expr:href='&quot;http://www.blogger.com/feeds/&quot; + data:blog.blogId + &quot;/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <b:if cond='data:blog.postImageThumbnailUrl'> <link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/> </b:if></b:if> <link href='/favicon.ico' rel='icon' type='image/x-icon'/> <link href='https://plus.google.com/xxxxx/posts' rel='publisher'/> <link href='https://plus.google.com/xxxxx/about' rel='author'/> <link href='https://plus.google.com/xxxxx' rel='me'/> <meta content='xxxxx' name='google-site-verification'/> <meta content='xxxxx' name='msvalidate.01'/> <meta content='xxxxx' name='alexaVerifyID'/> <meta content='Indonesia' name='geo.placename'/> <meta content='xxxxx' name='Author'/> <meta content='general' name='rating'/> <meta content='id' name='geo.country'/> <!-- [ Social Media meta tag ] --> <b:if cond='data:blog.url == data:blog.homepageUrl'> <b:if cond='data:blog.pageType == &quot;item&quot;'> <b:if cond='data:blog.pageType == &quot;static_page&quot;'> <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.pageTitle' property='og:title'/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <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:app_id'/> <meta content='xxxxx' property='fb:admins'/> <meta content='en_US' property='og:locale'/> <meta content='en_GB' property='og:locale:alternate'/> <meta content='id_ID' property='og:locale:alternate'/> <meta data-name='twitter:card' value='summary'/> <meta expr:content='data:blog.pageTitle' name='twitter:title'/> <meta content='xxxxx' name='twitter:site'/> <meta content='xxxxx' name='twitter:creator'/> <!-- [ CSS ] <link href='https://www.blogger.com/static/v1/widgets/1535467126-widget_css_2_bundle.css' rel='stylesheet' type='text/css'/> <link href='//fonts.googleapis.com/css?family=Open+Sans:400italic,400,700' rel='stylesheet' type='text/css'/> <link href='//fonts.googleapis.com/css?family=Roboto+Condensed:400,700' rel='stylesheet' type='text/css'/> <link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css' rel='stylesheet'/> --> <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://use.fontawesome.com/releases/v5.0.10/css/all.css");loadCSS("https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css");loadCSS("https://fonts.googleapis.com/icon?family=Material+Icons");loadCSS("https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&amp;amp;subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese");loadCSS("https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&amp;amp;subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese"); //]]> </script> &lt;style type=&quot;text/css&quot;&gt; &lt;!-- /*<b:skin><![CDATA[ /* Theme Name : Mangatuh Template Blogger Responsive Design : Yuu-desz URL : https://arleth-desz.blogspot.co.id/ Theme License : Free */ .nav-mega{cursor:default;display:inline-block;position:relative;z-index:500} .nav-mega > li{display:block} .nav-mega > li > a{display:block;position:relative;-webkit-transition:all .3s ease;transition:all .3s ease;z-index:510;font-weight:400} .nav-mega > li:first-child > a{border-left:none;padding:0!important} .nav-mega > li > div{background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.17);position:absolute;display:block;right:0;opacity:0;overflow:hidden;top:16px;-webkit-transition:all .3s ease .15s;transition:all .3s ease .15s;visibility:hidden;width:700px} .nav-mega > li:hover > div{opacity:1;overflow:visible;visibility:visible} .nav-mega .nav-column{float:left;padding:15px;width:25%} .nav-mega .nav-column h3{color:#372f2b;font-size:14px;font-weight:700;line-height:normal;margin:10px 0;border-left:3px solid #ff6610;padding-left:10px} .nav-mega .nav-column li{float:inherit!important;position:inherit!important} .nav-mega .nav-column li:hover{background:inherit!important} .nav-mega .nav-column li a{color:#222!important;display:block;font-weight:700;line-height:26px!important;padding:0!important} .nav-mega .nav-column li a:hover{color:#666} ]]></b:skin> <b:template-skin> <![CDATA[ /* CSS Post Layout */ body#layout #outer-wrapper, body#layout .post-inner, body#layout .sidebar, body#layout .sidebar-two {padding:0 0 0 0;} body#layout .section{margin:0 4px 8px 4px!important;overflow:visible!important;padding:16px!important;position:relative!important} body#layout #wrapper, body#layout .post-inner, body#layout .sidebar-inner {padding:0 0 0 0;} body#layout ul {display:none;} body#layout #post-wrapper {width: 540px;float: left;} body#layout #sidebar-wrapper {float: left;} body#layout div#wrap-banner {height: 0!important;margin: 0!important;} body#layout:before {content: "Desain Oleh Yuu-chan";position: absolute;top: 5px;right: 5px;padding: 5px;font-family: roboto, sans-serif;visibility: visible;background: #333;color: #fff;} ]]></b:template-skin> <style type='text/css'>/*//<![CDATA[*/ /* CSS Reset And CSS HTML5 ======================================= */ 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,mark,time,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{background:transparent;}table{border-collapse:collapse;border-spacing:0;} /* CSS Framework ======================================= */ a:link,a:visited{color:#a2a2a2;text-decoration:none;outline:none;transition:all 0.25s;} a:link:hover{text-decoration:underline;} .navbar,.post-feeds,.feed-links{display:none}.section,.widget{margin:0;padding:0}strong,b{font-weight:bold;padding:0;transition:color 0.2s}cite,em,i{font-style:italic}a img{border:none;border-width:0;outline:none}img{max-width:100%;vertical-align:middle;border:0}abbr,acronym{border-bottom:1px dotted;cursor:help}sup,sub{vertical-align:baseline;position:relative;top:-.4em;font-size:86%}sub{top:.4em}small{font-size:86%}p,blockquote,pre,table,figure,hr,form,ol,ul,dl{margin:1.5em 0}hr{height:1px;border:none;background-color:#999}h1{font-size:20px}h2{font-size:19px}h3{font-size:17px}h4{font-size:16px}h5{font-size:15px}h6{font-size:14px}button,select,textarea{font-size:100%;line-height:normal;vertical-align:baseline}textarea{display:block;box-sizing:border-box}pre,code{font-family:'Open Sans';color:#666}pre{white-space:pre;word-wrap:normal;overflow:auto}blockquote{position:relative;font-size:12px;background:rgba(0,0,0,.6);padding:10px;margin:10px 0;border:1px solid rgba(0,0,0,.6);font-style:italic;font-family:serif}*:focus{outline:0!important}ul,dl{margin:.5em 0em .5em 3em}ol{list-style:decimal outside}ul{list-style:disc;margin-left:20px}li{margin:.5em 0}dt{font-weight:bold}dd{margin:0 0 .5em 2em}.separator a{margin:auto!important;} /* CSS List Custom And CSS Post Table ======================================= */ .post ul li span{position:relative;display:block;margin:0;padding:5px 8px;margin-bottom:10px;text-decoration:none;transition:all .3s ease-out}ol{counter-reset:li;list-style:none;font:15px 'Open Sans','lucida sans';padding:0;margin-bottom:4em;text-shadow:0 1px 0 rgba(255,255,255,.5)}ol ol{margin:0 0 0 2em}.post ol li{position:relative;display:block;padding:.4em .4em .4em .8em;margin:.5em 0 .5em 2.5em;background:#fff;color:#666;text-decoration:none;transition:all .3s ease-out}.post ol li:before{content:counter(li);counter-increment:li;position:absolute;left:-2.5em;top:50%;margin-top:-1em;height:2em;width:2em;line-height:2em;text-align:center}.widget ul{padding:0}.clear{clear:both}.clear:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}#navbar-iframe{display:none!important}header,nav,section,aside,article,footer{display:block}.post-body table td,.post-body table caption{border:1px solid rgba(0,0,0,.6);padding:10px;text-align:left;vertical-align:top}.post-body table th{border:1px solid rgba(0,0,0,.6);padding:10px;text-align:left;vertical-align:top}.post-body table.tr-caption-container{border:1px solid rgba(0,0,0,.6)}.post-body th{font-weight:700}.post-body table caption{border:none;font-style:italic}.post-body table{}.post-body td,.post-body th{vertical-align:top;text-align:left;font-size:13px;padding:3px 5px;border:1px solid rgba(0,0,0,.6)}.post-body td:hover{background:#fafafa}.post-body th{background:#00acd6;color:#fff}.post-body th:hover{background:#009fc6}.post-body td a{background:#999;color:#fff;padding:1px 6px;font-size:85%;float:right;display:inline-block;border-radius:3px;font-weight:700}.post-body td a:hover{background:#888;color:#fff}.post-body table.tr-caption-container td{border:none;padding:8px}.post-body table.tr-caption-container,.post-body table.tr-caption-container img{max-width:100%;height:auto}.post-body img{max-width:100%}.post-body td.tr-caption{color:#666;font-size:80%;padding:0px 8px 8px !important}img{max-width:100%;height:auto;border:none}table{max-width:100%;width:100%;margin:0 auto}table.section-columns td.first.columns-cell{border-left:none}table.section-columns{border:none;table-layout:fixed;width:100%;position:relative}table.columns-2 td.columns-cell{width:50%}table.columns-3 td.columns-cell{width:33.33%}table.columns-4 td.columns-cell{width:25%}table.section-columns td.columns-cell{vertical-align:top}table.tr-caption-container{padding:4px;margin-bottom:.5em}td.tr-caption{font-size:80%}::-webkit-scrollbar{width:7px;height:7px;background:#ddd;}::-webkit-scrollbar-thumb{background:#0084ff;} /* CSS Outer Wrap ======================================= */ body{ background: #fff no-repeat fixed; margin: 0; color: #d6d6d6; font-family: Arial,Helvetica,sans-serif; font-size: 12px; } #outer-wrapper{background:rgba(0,0,0,0.6);max-width:975px;padding:10px;position:relative;margin:auto;box-shadow:0 0 5px #222;} #content-wrapper{word-wrap:break-word;margin:0;padding:0} .fcenter{max-width:990px;margin:auto;position: relative;} /* Header Wrap And Navigation ======================================= */ #header{margin-right:10px;position:relative;display:block;float:left} #header .title{font-size:210%;margin:10px 0 0 0;padding:0;display:inline-block;width:100%;max-width:240px;} #header .title a:hover {color:#3facff;} #header p.description{display:none} #header-inner{overflow:hidden} #header-inner img {max-width:180px;max-height:55px;} #header-inner h1{text-transform:uppercase;font-size:27px!important} #header-inner h1 a{color:#fff!important} @media screen and (max-width:800px) {#header{display:none}} ._navigation-menu{background: rgba(0,0,0,.6); margin-bottom: 10px;top: 0;left: 0;z-index: 99;width: 100%;background: #fff url(https://i.imgur.com/WUnUdHn.png) repeat-x 0 0;margin: auto 0;min-width: 1030px;} .menu ul li{margin:0;position:relative;list-style:none;display:inline-block;float:left;transition:all .6s} .menu{float:left;width:auto;height:auto;padding:0;margin:0 5px 0 0;font-size:100%;font-weight:700} .menu ul{margin:0 auto;padding:0;} .menu ul li a{display:block;color:#fff;padding:0 16px;line-height:56px;text-decoration:none;font-size:13px;transition:all .6s} .menu ul li a i{margin:0 5px 0 0;font-weight:normal;} .menu ul li:hover,.menu ul li:hover a{background:#003369;text-decoration:none;} .searchform{float:right;overflow:hidden;position:relative;margin:12px 0} .searchform #s{border-radius:2px;font-size: 12px;line-height:32px;padding:0 10px;margin:0;width:200px;background:rgba(0,0,0,.6);color: #555;border:none;float:left} #search-submit {border-radius:2px;padding:8px 15px;margin-left:-1px;background:rgba(0,0,0,.6);border:none;height:32px;font-family: Fontawesome;color:#333;cursor:pointer} .menu .navput,.navlab i{display:none} @media screen and (max-width:800px) { .menu {width:100%} .menu .navput{display:block} .menu .navput:checked ~ ul{opacity:1;display:block;visibility:inherit!important} .menu ul,#search-submit{opacity:0;visibility:hidden;display:none;width:100%} .menu ul li{position:relative;float:none;margin:0;display:block;background:rgba(0,0,0,.6)} .menu ul li a{font-size:12px;display:block;text-align:left;height:40px;line-height:40px;padding:0 10px} .menu ul li a:hover{background:#003369} .navput,.navlab{height:50px;display:block;visibility:inherit!important;cursor:pointer} .navput{position:absolute;left:0;right:0;margin:0;-webkit-appearance:none;width:100%;outline:0;z-index:50} .navlab{font-size:16px;outline:0;text-transform:uppercase;color:#fff;font-weight:700;background-color:rgba(0,0,0,.6)} .navlab i{display:inline;font-size:30px;float:right;padding:10px 15px;color:#fff} .navlab span {font-size: 30px;padding: 10px;line-height: 55px;} .searchform {float: right;margin: 0;padding: 10px;width: 95%;} .searchform #s{width:95%;} } /* CSS Post Wrapper ======================================= */ #post-wrapper{width:665px;margin:0;overflow:hidden;float:left} .post-inner{padding:0} .breadcrumbs{display:none} .post{margin:0;padding:0} .post-body{line-height:23px;margin-top:10px;margin-right:0;font-weight:600;font-size:13px} .timestamp-link abbr{border-bottom:0} .feed-links{clear:both;line-height:2.5em} span.post-author.vcard{visibility:hidden;width:0;height:0} .post-header,.post-footer{line-height:initial;width:0;height:0} .banner{margin:5px auto 0;padding-top:10px;text-align:center;overflow:hidden} /* CSS Sidebar Fixed Inner And CSS Sidebar Wrapper ======================================= */ .status-msg-body{position:relative!important;padding:0!important;width:100%!important;} .widget ul{line-height:1.4em} .rich-snippet{padding:10px;margin:15px 0 0;border:3px solid #e6e6e6;font-size:12px} .status-msg-wrap{width:100%;margin:20px auto} .status-msg-body{padding:20px 2%;width:96%} .status-msg-border{display:none;opacity:1;width:auto} .status-msg-bg{background-color:#fff} .status-msg-hidden{padding:20px 2%} .rich-snippet{padding:10px;margin:15px 0 0;border:0;font-size:12px} #Profile1 .widget-content{display:inline-block} .Profile img{margin:0 10px 0 0;border-radius:5px} a.profile-name-link.g-profile,a.profile-link{color:#666;float:left;margin:0 0 5px 0} .profile-textblock{color:#666} .Profile .profile-datablock{margin:0 0 .5em;display:inline-block} .quickedit{display:none;visibility:hidden} span.post-count{font-size:11px;color:#666} #ArchiveList a.post-count-link,#ArchiveList a.post-count-link:link,#ArchiveList a.post-count-link:visited{text-decoration:none;color:#666} select#BlogArchive1_ArchiveMenu{width:100%;padding:10px;font-family:'Roboto,Condensed';background:#fff;color:#999;border:1px solid #e6e6e6;border-radius:2px;text-transform:uppercase} select#BlogArchive1_ArchiveMenu:active,select#BlogArchive1_ArchiveMenu:focus{outline:0;box-shadow:none} select#BlogArchive1_ArchiveMenu:after{content:"";position:absolute;top:50%;margin-top:-2px;right:8px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #aaa} #sidebar-wrapper{padding-left:10px;margin:auto;width:300px;float:left} .sidebar-inner{padding:0 0 5px} .sidebar h2,.sidebar-two h2,.sidebar h3,.sidebar-two h3,.widget-atas h2{display:block;color:#a2a2a2;padding:6px 10px;margin:0 auto 1px;font-size:13px;font-weight:bold;text-transform:none;background:rgba(0,0,0,.6);font-family:'Open Sans',sans-serif} .sidebar .widget,.sidebar-two .widget{margin:0 0 15px} .sidebar ul,.sidebar ol,.sidebar-two ul,.sidebar-two ol{list-style-type:none;margin:0 0 0 0;padding:10px;padding-top:0} .sidebar li,.sidebar-two li{margin:5px 0;padding:0 0 0 0} @media screen and (max-width:640px){.widget-atas{display:none}} /* Popular Post Starlight Visitor ======================================= */ .popular-posts ul{padding:0;} .popular-posts ul li{padding:2px 0!important;margin:0;position:relative;overflow:hidden;background:rgba(0,0,0,.2)} .popular-posts ul li:nth-child(odd){background:rgba(0,0,0,.2)} .popular-posts .item-title{padding:8px;position:relative;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical} .popular-posts .item-title a{overflow:hidden;font-weight:700;font-size:13px;padding:0;line-height:1.3;display:block;margin:0;color:#bbb;} .popular-posts .item-thumbnail{overflow:hidden;width:55px;padding:1px;border:1px solid #ccc;margin: 0 0 0 7px;float:right} .popular-posts ul li .item-title:after{font-family:fontawesome;content:'\f005\f006\f006\f006\f006';display:inline-block;color:#a2a2a2;text-align:center;margin:5px 0 0;font-size:12px;padding:0;font-weight:400;line-height:normal;-webkit-transition:all .3s;transition:all .3s} .popular-posts ul li:nth-child(1) .item-title:after{font-family:fontawesome;content:'\f005\f005\f005\f005\f005'} .popular-posts ul li:nth-child(2) .item-title:after{font-family:fontawesome;content:'\f005\f005\f005\f005\f006';opacity:.9} .popular-posts ul li:nth-child(3) .item-title:after{font-family:fontawesome;content:'\f005\f005\f005\f006\f006';opacity:.85} .popular-posts ul li:nth-child(4) .item-title:after{font-family:fontawesome;content:'\f005\f005\f006\f006\f006';opacity:.8} .popular-posts ul li:nth-child(5) .item-title:after{font-family:fontawesome;content:'\f005\f006\f006\f006\f006';opacity:.75} .popular-posts ul li:nth-child(6) .item-title:after{font-family:fontawesome;content:'\f006\f006\f006\f006\f006';opacity:.70} .popular-posts .item-thumbnail a img{width:100%;height:65px;display:block;margin:0;padding:0} .popular-posts .item-snippet{color:#222;overflow:hidden;line-height:1.5;display:none} /* CSS label ======================================= */ .widget-content.list-label-widget-content{padding:0} .widget-content.cloud-label-widget-content{display:inline-block} .label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5{font-size:100%;opacity:1} .cloud-label-widget-content{text-align:left;padding:10px} .label-count{background:#fff;white-space:nowrap;display:inline-block;padding:6px 8px} .label-count:hover{background:#0084ff;color:#fff} #sidebar-wrapper .Label li{background:#fff;color:#666;padding:5px;text-align:left;width:100%;border-bottom:1px solid #eee;transition:all .3s ease-out} #sidebar-wrapper .Label li:hover{background:#fff;color:#0084ff} #sidebar-wrapper .Label li:before{content:"\f105";font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;padding-right:4px;color:#666;transition:all .3s ease-out} #sidebar-wrapper .Label li:hover:before{margin:0 0 0 5px;padding-right:4px;color:#0084ff} #sidebar-wrapper .Label li a{color:#666;transition:all .3s ease-out} #sidebar-wrapper .Label li a:hover{color:#0084ff} #sidebar-wrapper .Label li span{float:right;background-color:#999;color:#fff;line-height:1.2;margin:0 5px 0 0;padding:4px 6px;text-align:center;font-size:12px;transition:initial;border-radius:2px} #sidebar-wrapper .Label li span:hover{background-color:#0084ff;color:#fff} #sidebar-wrapper .label-size{background:#f6f6f6;display:block;float:left;margin:0 4px 4px 0;font-size:13px;transition:all .4s} #sidebar-wrapper .label-size:hover{background:#0084ff;transition:all .2s} #sidebar-wrapper .label-size a{display:inline-block;color:#444;padding:8px 10px;font-weight:400} #sidebar-wrapper .label-size a:hover{color:#fff} #sidebar-wrapper .label-size a:before{content:"\f02b";font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:none;padding-right:4px;color:#444;transition:initial} #sidebar-wrapper .label-size a:hover:before{content:"\f02b";font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:none;color:#fff;transition:initial} /* Share Button ======================================= */ #shares{overflow:hidden;margin:15px auto 0 auto;line-height:1.4em;display:table} #shares h4{position:relative;overflow:hidden;margin:0 0 20px;letter-spacing:1px;font-size:120%;font-weight:700;padding:0 8px;text-align:center;text-transform:uppercase;transition:all .5s ease-out} #shares h4:before,#shares h4:after{position:absolute;top:51%;overflow:hidden;width:50%;height:1px;content:'';background-color:#ddd} #shares h4:before{margin-left:-50%;text-align:right} #shares span{position:relative;display:inline-block;padding:0 10px;margin:auto} #shares a{display:inline-block;color:#fff;padding:10px 39.5px;text-align:center;margin:0 3px 3px;font-size:12px} #shares a.kefacebook{background:#395796} #shares a.ketwitter{background:#4cb0ea} #shares a.kegoogleplus{background:#de3425;text-align:center} #shares a.kegoogleplus i{text-align:center;padding:0} #shares a.kefacebook:hover,#shares a.ketwitter:hover,#shares a.kegoogleplus:hover{opacity:.9;text-decoration:none} #shares i{display:inline-block;margin:-3px 10px 0 0;font-weight:bold;font-size:17px} .kefacebook i,.ketwitter i,.kegoogleplus i{background:url(//1.bp.blogspot.com/-P3DOmXqEiCM/VkOW8tkzxGI/AAAAAAAAMpE/cBX9b0xTPU8/s1600/sosmed2.png) no-repeat;width:22px;height:18px;display:inline-block;vertical-align:text-top;margin-top:-6px;text-align:center} .kefacebook i{background-position:0 -100px;margin-top:-4px} .ketwitter i{background-position:0 -150px} .kegoogleplus i{background-position:0 -200px} .notpay{font-size:13px;line-height:22px;border:2px #df3f2a solid;padding:3px 15px;text-align:center;margin:0 0 25px} .pay{font-size:13px;line-height:22px;border:2px #5973b0 solid;padding:3px 15px;text-align:center;margin:0 0 25px} /* Footer And CSS Back To Top ======================================= */ #footer{text-align:center;padding:15px;margin:10px auto 0;background:rgba(0,0,0,.6);} #SmoothToTop{overflow:hidden;position:fixed;z-index:90;right:30px;bottom:31px;display:none;width:44px;height:44px;color:#fff;text-align:center;background-color:#0084ff;opacity:0.5;font-size:22px;line-height:42px;cursor:pointer;-webkit-transform:translateZ(0);border-radius:2px;transition:all 0.6s cubic-bezier(0.694,0.0482,0.335,1)} #SmoothToTop:hover{opacity:1} /* CSS Global Responsive ======================================= */ @media screen and (max-width:1066px){#outer-wrapper{margin:0 auto}.header-right{float:right;padding:0;overflow:hidden;margin:0}.header-right img{display:block}} @media screen and (max-width:960px){.nav-footer{display:block;clear:both;width:100%;max-width:100%;margin:0 auto;border:none;box-shadow:none;border-bottom:1px solid #8A8A8A!important}#outer-wrapper{margin:0 auto;border:none;box-shadow:none;overflow:hidden}} @media only screen and (max-width:768px){#footer,#post-wrapper,#sidebar-wrapper{padding:8px 0;width:100%;max-width:100%}.post-body img{max-width:90%}.sidebar-inner{padding:15px 0 0px}.Profile .profile-datablock{display:inline;float:left}.post-inner{padding:0}} @media only screen and (max-width:480px){#outer-wrapper{margin:0 auto}.header-right img,.header-right iframe{float:none;margin:0 auto;text-align:center}.post{margin:0 0 8px;padding:8px}h2.post-title,h1.post-title{font-size:16px}.comments .comment-block,.comments .comments-content .inline-thread{padding:10px !important}.comment .comment-thread.inline-thread .comment{margin:0 0 0 0 !important}.post-vinfo{font-size:12px}.authorLeft{float:none;width:120px;margin:0 auto}.authorDetails{text-align:center}.authorDetails h2{float:none}.authorDetails span{float:none}.articleAuthor .authorContent p{text-align:center}} @media screen and (max-width:320px){.post {padding:6px;}} /*//]]>*/</style> <b:if cond='data:blog.pageType == &quot;item&quot;'> <style type='text/css'>/*//<![CDATA[*/ /* Css Postingan ======================================= */ #post-wrapper{width:100%;float:none;} #sidebar-wrapper,.time-info{display:none;} h3.post-title,h2.post-title,h1.post-title{padding:4px 10px;border-bottom:3px solid #000;margin-bottom:10px} .post-vinfo{padding:5px 0;word-break:break-word;font-size:13px;font-weight:600;color:#000} .post-vinfo a:hover{color:#888} #blog-pager{margin:0} #disqus_thread{padding:15px;margin-top:10px;border:1px solid rgba(0,0,0,.6);background:rgba(0,0,0,.6);border-radius:10px} /* CSS Item Responsive ======================================= */ @media only screen and (max-width:640px){#content-wrapper {padding:0;}} @media only screen and (max-width:320px){h3.post-title:before,h1.post-title:before,h3.post-title:after,h1.post-title:after,h3.post-title:after,h1.post-title:after,#comments .click-comment{visibility:hidden}#comments .comment_avatar{width:20px;height:20px;max-width:20px;max-height:20px;background:#fcfcfc;padding:0;text-align:center;position:absolute;top:5px;right:5px;opacity:1}#comments .comment_admin .comment_avatar{width:20px;height:20px;max-width:20px;max-height:20px;padding:4px 4px 19px;text-align:center;position:absolute;top:0;right:0;opacity:1}#comments .comment_avatar img{width:20px;height:20px;max-width:20px;max-height:20px;background:#f9f9f9}.comment_avatar img{width:20px;height:20px;background:#f9f9f9}} @media print{body{padding:0}#outer-wrapper{border-right:none;border-left:none}#post-wrapper{width:100%;margin:0 auto}.post-vinfo{background:#fff;border:none}.post{background:#fff;margin:0 0 15px;padding:15px;border:none}h1.post-title{border-bottom:none}.post blockquote{background:transparent;color:#666;border:none}.share-post,#SmoothToTop,#search,.breadcrumbs,.halaman,#blog-pager,.banner,#banner,.banner2,#banner2,#sidebar-wrapper,#comments{opacity:0;display:none;visibility:hidden;width:0;height:0}.status-msg-border{border:none}} /*//]]>*/</style> </b:if> <b:if cond='data:blog.pageType != &quot;item&quot; and data:blog.pageType != &quot;static_page&quot;'> <style type='text/css'>/*//<![CDATA[*/ /* CSS Post luar ======================================= */ .post{margin:auto;padding:5px;overflow:hidden;} h3.post-title,h2.post-title,h1.post-title{font-size:13px;font-weight:600;margin:0 auto 5px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} h3.post-title a,h2.post-title a,h1.post-title a{color:#a2a2a2} ._manga-images{overflow:hidden;float:right;margin-right:5px;padding:1px;border:1px solid #323232;position:relative;} ._manga-images img {max-width:65px;max-height:65px;height:65px;width:65px;} .breadcrumbs,.post-body,.time-info{display:none} .post-body{margin-top:0;font-weight:400} h3.lts{display:block;color:#FFF;font-size:13px;padding:6px 0;margin:auto;background:rgba(0,0,0,.6);font-weight:bold;text-transform:none;font-family:"Open Sans",sans-serif} h3.lts span{padding:6px 40px 6px 10px;} .post-outer:nth-child(even) {background: rgba(0,0,0,.4);} .post-outer:nth-child(odd) {background: rgba(0,0,0,.2);} /* Rekomend CSS by Arleth-desu ======================================= */ /* blog-pager ======================================= */ #blog-pager{float:right;clear:both;display:block;overflow:visible;width:auto;background-color:rgba(0,0,0,.6);margin:10px auto;border:1px solid rgba(0,0,0,.6);padding:0;text-align:left;line-height:normal;font-size:13px;font-weight:400} #blog-pager a{display:inline-block;vertical-align:top;line-height:20px;padding:8px 13px;margin:0;font-size:13px;text-align:center;border-left:1px solid rgba(0,0,0,.6);font-weight:700;color:#666;transition:color .3s} #blog-pager a:hover{text-decoration:none;background-color:rgba(0,0,0,.6);color:#454545;box-shadow:inset 0 1px 1px rgba(0,0,0,0.1);transition:color .3s} .current{background-color:rgba(0,0,0,.7);display:inline-block;vertical-align:top;line-height:20px;padding:8px 13px;margin:0;font-size:13px;text-align:center;border-left:1px solid rgba(0,0,0,.6);font-weight:700;color:#666;transition:color .3s} .current:hover{color:#454545;box-shadow:inset 0 1px 1px rgba(0,0,0,0.1)} #blog-pager .pages{display:inline-block;font-size:90%;padding:8px 13px;vertical-align:top;line-height:20px;font-weight:700;color:#666} /* CSS Homepage Responsive ======================================= */ @media screen and (max-width:640px){#blog-pager .pages{display:block;text-align:center}#blog-pager{text-align:center;float:none}} @media only screen and (max-width:640px){#content-wrapper{padding:0}h2.post-title,h1.post-title,h2.post-title a,h1.post-title a,h2.post-title,h1.post-title{font-size:18px;margin:0;}.post-body{margin-bottom:0;width:0;height:0}.post-body,.comment-info{visibility:hidden}.post .label-info,span.author-info,.post-header{display:none}} @media only screen and (max-width:480px){h2.post-title,h1.post-title,h2.post-title a,h1.post-title a,h2.post-title,h1.post-title{font-size:14px}.post-body,.comment-info{display:none!important;visibility:hidden;width:0;height:0}} @media only screen and (max-width:320px){h2.post-title,h1.post-title,h2.post-title a,h1.post-title a,h2.post-title,h1.post-title{font-size:14px}} /*//]]>*/ </style> </b:if> <b:if cond='data:blog.pageType == &quot;static_page&quot;'> <style type='text/css'> /*//<![CDATA[*/ h3.post-title,h2.post-title,h1.post-title{padding:4px 10px;border-bottom:3px solid #000;margin-bottom:10px} .post-vinfo{background:#69bedd} #disqus_thread{padding:15px;margin-top:10px;border:1px solid rgba(0,0,0,.6);background:rgba(0,0,0,.6);border-radius:10px} .author-info,.time-info,.comment-info,.label-info,.review-info,.post-vinfo a{color:#fff} @media print{body{padding:0}#outer-wrapper{border-right:none;border-left:none}#post-wrapper{width:100%;margin:0 auto}.post{background:#fff;margin:0 0 15px;padding:15px}.post blockquote{background:transparent;color:#666;border:none}nav,.share-post,#SmoothToTop,#search,.breadcrumbs,.halaman,#blog-pager,.banner,#banner,#sidebar-wrapper,#comments,div#banner{display:none;visibility:hidden;width:0;height:0}} /*//]]>*/ </style> </b:if> <b:if cond='data:blog.pageType == &quot;error_page&quot;'> <style type='text/css'>/*//<![CDATA[*/ /* CSS Style 404 Not Found ======================================= */ #header-wrapper,#nav-wrapper,#outer-wrapper,#post-wrapper,#sidebar-wrapper,#content-wrapper,#footer{display:none} body{overflow:hidden} #oopss{background:#222 url(https://3.bp.blogspot.com/-0WskuSuSaZk/WTWx7RFkikI/AAAAAAAAAmU/BdZMhxbuSwMX7R5O7QeGvBSwc4XJ2z2-QCLcB/s1600/404-not-founds.jpg)no-repeat left;text-align:center;background-size:100%;margin-bottom:50px;font-weight:400;font-size:30px;font-family:'Roboto Condensed',sans-serif;position:fixed;width:100%;height:100%;line-height:1.5em;z-index:9999} #error-text{top:30%;right:30%;position:relative;font-size:30px;color:#fff;text-shadow:4px 4px 5px #000} #error-text a{color:#fff} #error-text p{margin:0!important} #error-text span{color:#fff;font-size:120px;font-weight:700;letter-spacing:0.1em} #error-text a.back{display:inline-block;margin:20px auto;background:#0084ff;color:#fff;padding:10px 20px;font-size:20px;font-weight:700;line-height:normal;text-transform:uppercase;border-radius:3px;-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1);transition:all 0.5s ease-out} #error-text a.back:hover{background:#d7665e;color:#fff} #error-text a.back:active{-webkit-transform:scale(0.95);-moz-transform:scale(0.95);transform:scale(0.95);background:#d7665e;color:#fff} @media only screen and (max-width:640px){#oopss{background-position:53%;background-size:inherit}#error-text{right:0%;top:60%;padding:20px 0 0;background:rgba(0,0,0,0.5);font-size:20px}#error-text span{font-size:60px}#error-text a.back{padding:5px 10px;font-size:15px}#error-text a.back:hover,#error-text a.back:active{border:0}} /*//]]>*/</style> </b:if> <script src='https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js'/> <script type='text/javascript'> //<![CDATA[ //CSS Ready 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,700italic");loadCSS("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"); //]]> </script> </head> <body expr:class='&quot;loading&quot; + data:blog.mobileClass'> <style>#bsw_popup{top:0;left:0;right:0;bottom:0;position:fixed;opacity:0;visibility:hidden;transition:.5s;transform:scale(1.2)} #bsw_popup:target{transform:scale(1);background:rgba(0,0,0,.2);opacity:1;visibility:visible;position:fixed;top:0;left:0;right:0;bottom:0;margin:0;z-index:999999999999;transition:.5s} .bsw_popup_{background:#fff;border-radius:4px;z-index:999;width:600px;max-width:100%;position:fixed;top:45%;left:50%;transform:translate(-50%,-50%);margin:0;padding:20px;box-sizing:border-box;box-shadow:0 0 100px rgba(0,0,0,.1)} .bsw_popup_ h2{margin:0 0 .75em;padding:0;text-align:center;font-weight:700;font-family:Roboto,sans-serif;color:#4267b2} .bsw_popup_ h3{margin:0 0 5px;padding:0;font:500 15px Roboto;text-transform:uppercase} .bsw_popup_ p{margin:0 0 20px;padding:0;font:400 15px Roboto;color:#555;line-height:1.5} .bsw_popup_ p a{font-weight:700;color:#555} .bsw_popup_ p a:hover{text-decoration:underline} <!-- code popup bacsiwindows.com --> </style> <div id='bsw_popup'> <div class='bsw_popup_'> <h2>Hướng dẫn bình luận</h2> <h3>Chèn link</h3> <p>Sử dụng thẻ <code>&amp;lt;a href=&amp;#39;LINK&amp;#39;&amp;gt;TÊN_HIỂN_THỊ&amp;lt;/a&amp;gt;</code></p> <h3>Chèn hình ảnh</h3> <p><code>[img] LINK_ANH [/img]</code> - sử dụng công cụ bên dưới để upload ảnh.</p> <h3>Định dạng chữ</h3> <p> &amp;lt;b&amp;gt; <b>Chữ in đậm</b> &amp;lt;/b&amp;gt;<br/> &amp;lt;i&amp;gt; <i>Chữ in nghiêng</i> &amp;lt;/i&amp;gt;<br/> &amp;lt;u&amp;gt; <u>Chữ gạch chân</u> &amp;lt;/u&amp;gt;<br/> &amp;lt;strike&amp;gt; <strike>Chữ gạch ngang</strike> &amp;lt;/strike&amp;gt;<br/> </p> <h3>Chèn một đoạn Code</h3> <p>Đầu tiên sử dụng <a href='//bacsiwindows.com/mahoahtml' target='blank'>công cụ này</a> để mã hóa đoạn code muốn chèn.<br/>Sau đó dùng thẻ <code>[code] CODE_ĐÃ_MÃ_HÓA [/code]</code></p><a class='close' href='#close' title='Close'><i aria-hidden='true' class='fa fa-check'/> Đã hiểu</a> </div> </div> <b:if cond='data:blog.isMobileRequest == &quot;true&quot;'> <style> .mobile_-theme-bsw{float:right;margin:3px!important;background:#fff;padding:0;border-radius:100px;color:#666!important;width:35px;height:35px;line-height:38px!important;text-align:center} .log-out-bacsiwindows-btn{z-index:9;position:absolute;top:0;right:0;background:#d25252;width:30px;height:30px;line-height:30px;border-radius:50px;text-align:center;padding:0;margin:10px;box-sizing:border-box;font-size:15px;color:#fff!important;font-weight:500} .fbuser_info_BSW{font-weight:500} .right_btn_{position:absolute;right:0;font-size:24px;color:#fff!important;padding:10px} .left_btn_{position:absolute;left:0;font-size:24px;color:#fff!important;padding:10px 18px} .bsw_bsw_wrapper{margin:6px auto 15px} #top_wrapmenu_bacsiwindows_v13{height:50px;background:#4267b2;position:relative} #top_wrapmenu_bacsiwindows_v13_s{width:75%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center} .search-bacsiwindows_v13{background:rgba(0,0,0,.2);width:100%;text-align:center;height:27px;line-height:27px;font-size:14px;color:#555} .search-bacsiwindows_v13::placeholder{color:#ccc!important} #bttop,.go_group_BSW a,.comment_t,#bsw_loading_,.post_comment,.ghim,.pinned_post{display:none!important} .bacsiwindows_slidemenu_v3{visibility:hidden;user-select:none;-webkit-user-select:none;-moz-user-select:none;background:#eee;display:block;font-size:16px;font-weight:400;height:100%;left:0;position:fixed;overflow:auto;transform:translate(10%,0);transition:all .35s ease-in-out;width:100%;z-index:999999;opacity:0;top:0} .bacsiwindows_slidemenu_v3.show{visibility:visible;transform:none;opacity:1} .info_bacsiwindows_{padding:0;margin:0;height:150px;position:relative;background:#fff url(https://1.bp.blogspot.com/-fGkrcljT_AU/WpD5tO_aDFI/AAAAAAAABME/SQfZHgFyJTk3aR-zQxd08jL_bw7pVyL5wCLcBGAs/s600/giao-trinh-tu-hoc-guitar-tai-nha_-BacSiWindows-Com.jpg) no-repeat center center;background-size:cover} .info_bacsiwindows_:before{content:&#39;&#39;;position:absolute;height:150px;width:100%;left:0;top:0;background:linear-gradient(transparent,black);opacity:.7} .info_bacsiwindows_ img{border-radius:50%;height:auto;width:50px;position:absolute;top:50%;left:50%;transform:translate(-50%,-100%)} .profile_text_BSW{z-index:1;position:absolute;bottom:0;padding:10px;text-align:center;width:100%;box-sizing:border-box} .profile_text_BSW a{display:block;line-height:1.5;color:#fff;font-weight:500;font-size:16px} .bacsiwindows_slidemenu-onmobile_-menu-v13{list-style:none;margin:0;padding:0;border:1px solid #ddd;border-left:0;border-right:0} .bacsiwindows_slidemenu-onmobile_-menu-v13 li{display:block;position:relative;background:#fff} .bacsiwindows_slidemenu-onmobile_-menu-v13 a{font:400 14px Roboto;background:transparent;color:#444;display:block;line-height:24px;padding:10px 20px;text-decoration:none} .bacsiwindows_slidemenu-onmobile_-menu-v13 a:after{content:&#39;&#39;;background:#f5f5f5;height:1px;width:84%;position:absolute;bottom:0;right:0} .bacsiwindows_slidemenu-onmobile_-menu-v13 a i{width:32px;height:32px;line-height:32px;text-align:center;color:#fff;border-radius:100px} .bacsiwindows_slidemenu-onmobile_-menu-v13 a:hover{background-color:#eee} .bacsiwindows_slidemenu-onmobile_-menu-v13 a.active{color:#333} .bacsiwindows_slidemenu-onmobile_-menu-v13 a.active .bsw_dropdown_-icon{color:#333} .nav-item_BSW{padding:0} .nav-item_BSW i{margin:0 10px 0 0} .nav-item_BSW2{padding:0 0 0 15px} .bsw_dropdown_{display:none;list-style:none;margin:0;padding:0} .bsw_dropdown_ li{background:#f9f9f9} .bsw_dropdown_ a{color:#666;padding-left:62px} .bsw_dropdown_ a:hover{background:#ddd} .bsw_dropdown_-icon{color:#757575;height:50px;right:0;position:absolute;line-height:50px;top:0;width:50px;text-align:center;transition:.35s;opacity:0;border-left:1px solid #eee} .bsw_dropdown_-icon.show{opacity:1;transform:none} .bacsiwindows_slidemenu_v3::-webkit-scrollbar-track,.bacsiwindows_slidemenu_v3::-webkit-scrollbar-thumb,.bacsiwindows_slidemenu_v3::-webkit-scrollbar{width:0} #responsive-menu_v3_bacsiwindows{z-index:21;width:100%;background:#fff;text-align:center;border-bottom:1px solid #ccc} .responsive-menu_v3_bacsiwindows a{display:inline-block;width:15.5%;text-align:center;margin:0;padding:15px 0;box-sizing:border-box;color:#888;font-size:16px} .responsive-menu_v3_bacsiwindows a:hover{color:#4267b2} .responsive-menu_v3_bacsiwindows{display:inline;position:relative} div#overlay{display:none;z-index:3;background:#fff;position:fixed;width:100%;height:100%;left:0;top:0;text-align:center} div#jQsearchBSWv3{display:none;position:fixed;z-index:4;margin:auto;width:100%;background:#FFF;color:#000} .form-search .jsSearchBSWv3{border:0;padding:12px 0 12px 28px;color:#444;font:400 15px Roboto;position:fixed;left:15px;top:15px;box-sizing:border-box;margin:0;width:93%;border-bottom:1px solid #ccc;background:url(https://1.bp.blogspot.com/-0y4VZ7pb7CA/WpIc8tOYPwI/AAAAAAAABMg/imJ-gVLf-A8lytUHsDzLQUPiyq8E73RBwCLcBGAs/s24/search_icon_dark.png) no-repeat center;background-position:0} .form-search input:focus{outline:0} #close{position:fixed;right:0;top:10px;border-radius:50%;padding:15px;cursor:pointer;color:#999} .trending-search-bsw .content{position:fixed;top:60px;padding:10px;background:#fff;box-sizing:border-box;width:100%;text-align:left;height:80vh;overflow:auto} .trending-search-bsw .content a{display:inline-block;font:400 14px Roboto;color:#666;margin:3px;padding:6px 15px;border:1px solid #ddd;border-radius:50px} .number-noty{font-size:10px;position:absolute;background:#da5858;padding:2px 4px;border-radius:4px;top:-5px;color:#fff} #top_wrapmenu_bacsiwindows_v13,#top-menu-bacsiwindows,#top-wrap-bsw-menu{display:none} #res_menu_bsw{background:#66689c;position:relative} .logo_text{padding:10px} .logo_text img{width:40px;height:40px;border-radius:50%;vertical-align:middle} .logo_text a{vertical-align:middle;font:500 18px Roboto;text-transform:uppercase;color:#fff;margin:0 0 0 10px} @media screen and (max-width: 350px) { a#bm{display:none!important} } </style> <div id='res_menu_bsw'> <div class='logo_text'><img src='https://4.bp.blogspot.com/-jmA-qIOJIFU/WfgKSYnhm5I/AAAAAAAAABQ/ElEIBlHd31gISODb3GlA9Z_JPRKiSzvYQCLcBGAs/s100/Logo-Bac-Si-Windows.png'/><a href='/'>S2TopVN</a> <a class='mobile_-theme-bsw' href='/contact'><i class='fa fa-envelope'/></a> <a class='mobile_-theme-bsw' href='javascript:;' id='bm' onclick='javascript:alert(&quot;Làm theo hướng dẫn để lưu BSW vào trình duyệt.&quot;)'><i class='fa fa-bookmark'/></a> </div> </div> <div id='top_wrapmenu_bacsiwindows_v13'> <div id='top_wrapmenu_bacsiwindows_v13_s'> <form action='/search' id='search-bacsiwindows_v13' method='get'> <input class='search-bacsiwindows_v13' id='s' name='q' placeholder='Tìm kiếm' type='text'/></form> </div><a class='left_btn_' href='javascript:;' onclick='window.history.back();'><i class='fa fa-angle-left'/></a> <a class='right_btn_' href='/cmt'><i class='fa fa-comments-o'/></a></div> <div id='overlay'> <div class='trending-search-bsw'> <div class='content'><a href='/search?q=guitar'>guitar</a><a href='/search?q=học+guitar'>học guitar</a><a href='/search?q=guitar'>hướng dẫn guitar</a><a href='/search?q=blogspot'>blogspot</a><a href='/search?q=thủ+thuật+blogspot'>thủ thuật blogspot</a><a href='/search?q=widget'>widget blogspot</a><a href='/search?q=popular+post'>popular post</a><a href='/search?q=subscribe'>widget đăng ký</a><a href='/search?q=template'>template miễn phí</a><a href='/'>S2TopVN</a><a href='/search?q=code'>code</a><a href='/search?q=javascript'>javascript</a><a href='/search?q=css'>css</a><a href='/search?q=html'>html</a><a href='/search?q=tiện+ích'>tiện ích</a><a href='/search?q=menu'>menu</a><a href='/search?q=comment'>comment</a><a href='/search?q=facebook'>facebook</a><a href='/search?q=google'>google</a></div> </div> <div id='jQsearchBSWv3'> <form action='/search' class='form-search center-text' id='jq_search_bacsiwindows_v3' method='get'> <input class='jsSearchBSWv3' id='s' name='q' placeholder='Nhập từ khóa tìm kiếm' type='text'/></form> <div id='close' onclick='toggleOverlay()'><i class='fas fa-times'/></div> </div> </div> <div id='responsive-menu_v3_bacsiwindows'> <div class='responsive-menu_v3_bacsiwindows'><a href='/'><i class='fa fa-home' style='color:#4267b2'/></a></div> <div class='responsive-menu_v3_bacsiwindows'><a href='/hop-tac'><i class='fa fa-user'/></a></div> <div class='responsive-menu_v3_bacsiwindows'><a href='/cmt'><i class='fa fa-comments'/><!--<span class='number-noty'>99+</span>--></a></div> <div class='responsive-menu_v3_bacsiwindows'><a href='javascript:;' onclick='alert(&apos;Chức năng này hiện chưa khả dụng.&apos;);'><i class='fa fa-bell'/></a></div> <div class='responsive-menu_v3_bacsiwindows'><a href='javascript:;' id='bsw_search' onclick='toggleOverlay()'><i class='fa fa-search'/></a></div> <div class='responsive-menu_v3_bacsiwindows'><a class='toggle' href='javascript:;' id='bsw_nav_'><i class='fa fa-bars'/></a></div> </div> <nav class='bacsiwindows_slidemenu_v3' data-bacsiwindows_slidemenu_v3='active' data-bsw_nav_='#bsw_nav_'> <div class='info_bacsiwindows_'><img src='https://4.bp.blogspot.com/-jmA-qIOJIFU/WfgKSYnhm5I/AAAAAAAAABQ/ElEIBlHd31gISODb3GlA9Z_JPRKiSzvYQCLcBGAs/s100/Logo-Bac-Si-Windows.png'/> <div class='profile_text_BSW'><a href='/' id='fbuser_nonelogin_bacsiwindows'>S2TopVN</a><a href='mailto:@gmail.com' style='opacity:.85;font-size:14px'>@gmail.com</a></div> </div> <ul class='bacsiwindows_slidemenu-onmobile_-menu-v13'> <li><a href='/'><i class='fa fa-home' style='background:#4267b2'/><span class='nav-item_BSW2'>Trang chủ</span></a></li> <li> <a data-bsw_dropdown_-toggle='active' href='javascript:;'> <span class='nav-item_BSW'><i class='fa fa-tags' style='background:#6acdec'/> Tất cả chuyên mục</span> <span class='bsw_dropdown_-icon show' data-bsw_dropdown_-icon='active'><i class='fa fa-angle-down' style='background: none; color: #777; padding: 0;'/></span> <span class='bsw_dropdown_-icon' data-bsw_dropdown_-icon='active'><i class='fa fa-angle-up' style='background: none; color: #333; padding: 0;'/></span> </a> <ul class='bsw_dropdown_' data-bsw_dropdown_='active'> <li><a href='/blogspot'>Thủ Thuật Blogspot</a></li> <li><a href='/search/label/Facebook'>Thủ Thuật Facebook</a></li> <li><a href='/theme'>Theme Blogspot</a></li> <li><a href='/tan-man'>Tản Mạn / Tâm Sự</a></li> <li><a href='/search/label/Giveaway'>Giveaway</a></li> </ul> </li> <li> <a data-bsw_dropdown_-toggle='active' href='javascript:;'> <span class='nav-item_BSW'><i class='fa fa-code' style='background:#7fa3af'/> Tools - Công cụ</span> <span class='bsw_dropdown_-icon show' data-bsw_dropdown_-icon='active'><i class='fa fa-angle-down' style='background: none; color: #777; padding: 0;'/></span> <span class='bsw_dropdown_-icon' data-bsw_dropdown_-icon='active'><i class='fa fa-angle-up' style='background: none; color: #333; padding: 0;'/></span> </a> <ul class='bsw_dropdown_' data-bsw_dropdown_='active'> <li><a href='/mahoahtml'>Mã hóa HTML</a></li> <li><a href='/nencss'>Nén / Rút gọn CSS</a></li> <li><a href='/upload'>Upload hình ảnh Imgur</a></li> <li><a href='/vietchunguoc'>Viết chữ ngược</a></li> <li><a href='/ps'>Pixlr / Photoshop Online</a></li> <li><a href='/laymamau'>Lấy mã màu từ ảnh</a></li> <li><a href='/testresponsive'>Test responsive website</a></li> <li><a href='/iconfb'>Icon Facebook</a></li> </ul> </li> <li><a href='/about'><i class='fa fa-user' style='background:#8faf5e'/><span class='nav-item_BSW2'>Về chúng tôi</span></a></li> <li><a href='/guitar'><i class='fa fa-music' style='background:#d45c5c'/><span class='nav-item_BSW2' style='font-weight:500'>Giáo trình Guitar đệm hát cơ bản</span></a></li> <li><a href='/contact'><i class='fa fa-envelope' style='background:#b38c50'/><span class='nav-item_BSW2'>Liên hệ</span></a></li> <li><a href='/hop-tac'><i class='far fa-handshake' style='background:#7e5eaf'/><span class='nav-item_BSW2'>Hợp tác nội dung</span></a></li> <li><a href='/rule'><i class='fa fa-exclamation-triangle' style='background:#5eaf7b'/><span class='nav-item_BSW2'>Nội quy Blog</span></a></li> <li><a href='/upload'><i class='fa fa-image' style='background:#797974'/><span class='nav-item_BSW2'>Upload hình ảnh</span></a></li> <li><a href='/cmt'><i class='far fa-comments' style='background:#5b8460'/><span class='nav-item_BSW2'>Bình luận mới</span></a></li> <li><a href='/' style='color:#777;text-align:center'>&#169; 2018 Bác Sĩ Windows - Trường Nguyễn Blogger</a></li> </ul> <a class='log-out-bacsiwindows-btn' href='javascript:;' id='bsw_nav_' target='blank'><i class='fa fa-times'/></a> </nav> </b:if> <script type='text/javascript'>function toggleOverlay(){var e=document.getElementById(&quot;overlay&quot;),l=document.getElementById(&quot;jQsearchBSWv3&quot;);e.style.opacity=1,&quot;block&quot;==e.style.display?(e.style.display=&quot;none&quot;,l.style.display=&quot;none&quot;):(e.style.display=&quot;block&quot;,l.style.display=&quot;block&quot;,document.forms.jq_search_bacsiwindows_v3.elements.s.focus(500))}</script> <script> //<![CDATA[ var _0x9925=["jQuery","use strict","$el","opt","extend","init","prototype","initToggle","initDropdown","click","target","bsw_nav_","data","closest","show","toggleClass","bacsiwindows_slidemenu_v3-no-scroll","body","toggleOverlay","removeClass","hideOverlay","on","[data-bsw_dropdown_-toggle]","slideToggle","[data-bsw_dropdown_]","next","[data-bsw_dropdown_-icon]","find","preventDefault","[data-bacsiwindows_slidemenu_v3-overlay]","<div data-bacsiwindows_slidemenu_v3-overlay class=\"bacsiwindows_slidemenu_v3-overlay\"/>","append","fadeToggle","fadeOut","bacsiwindows_slidemenu_v3","fn","each","[data-bacsiwindows_slidemenu_v3]"]; var _0xc13c=[_0x9925[0],_0x9925[1],_0x9925[2],_0x9925[3],_0x9925[4],_0x9925[5],_0x9925[6],_0x9925[7],_0x9925[8],_0x9925[9],_0x9925[10],_0x9925[11],_0x9925[12],_0x9925[13],_0x9925[14],_0x9925[15],_0x9925[16],_0x9925[17],_0x9925[18],_0x9925[19],_0x9925[20],_0x9925[21],_0x9925[22],_0x9925[23],_0x9925[24],_0x9925[25],_0x9925[26],_0x9925[27],_0x9925[28],_0x9925[29],_0x9925[30],_0x9925[31],_0x9925[32],_0x9925[33],_0x9925[34],_0x9925[35],_0x9925[36],_0x9925[37]]; !function(_0x4377x2) { _0xc13c[1];function _0x4377x3(_0x4377x3,_0x4377x4) { this[_0xc13c[2]]= _0x4377x2(_0x4377x3),this[_0xc13c[3]]= _0x4377x2[_0xc13c[4]](!0,{},_0x4377x5,_0x4377x4),this[_0xc13c[5]](this) } var _0x4377x5={}; _0x4377x3[_0xc13c[6]]= {init:function(_0x4377x2) { _0x4377x2[_0xc13c[7]](_0x4377x2),_0x4377x2[_0xc13c[8]](_0x4377x2) } ,initToggle:function(_0x4377x3) { _0x4377x2(document)[_0xc13c[21]](_0xc13c[9],function(_0x4377x5) { var _0x4377x4=_0x4377x2(_0x4377x5[_0xc13c[10]]); _0x4377x4[_0xc13c[13]](_0x4377x3[_0xc13c[2]][_0xc13c[12]](_0xc13c[11]))[0]?(_0x4377x3[_0xc13c[2]][_0xc13c[15]](_0xc13c[14]),_0x4377x2(_0xc13c[17])[_0xc13c[15]](_0xc13c[16]),_0x4377x3[_0xc13c[18]]()):_0x4377x4[_0xc13c[13]](_0x4377x3.$el)[0]|| (_0x4377x3[_0xc13c[2]][_0xc13c[19]](_0xc13c[14]),_0x4377x2(_0xc13c[17])[_0xc13c[19]](_0xc13c[16]),_0x4377x3[_0xc13c[20]]()) } ) } ,initDropdown:function(_0x4377x3) { _0x4377x3[_0xc13c[2]][_0xc13c[21]](_0xc13c[9],_0xc13c[22],function(_0x4377x3) { var _0x4377x5=_0x4377x2(this); _0x4377x5[_0xc13c[25]](_0xc13c[24])[_0xc13c[23]](500),_0x4377x5[_0xc13c[27]](_0xc13c[26])[_0xc13c[15]](_0xc13c[14]),_0x4377x3[_0xc13c[28]]() } ) } ,toggleOverlay:function() { var _0x4377x3=_0x4377x2(_0xc13c[29]); _0x4377x3[0]|| (_0x4377x3= _0x4377x2(_0xc13c[30]),_0x4377x2(_0xc13c[17])[_0xc13c[31]](_0x4377x3)),_0x4377x3[_0xc13c[32]](500) } ,hideOverlay:function() { _0x4377x2(_0xc13c[29])[_0xc13c[33]](500) } },_0x4377x2[_0xc13c[35]][_0xc13c[34]]= function(_0x4377x5) { return this[_0xc13c[36]](function() { _0x4377x2[_0xc13c[12]](this,_0xc13c[34])|| _0x4377x2[_0xc13c[12]](this,_0xc13c[34], new _0x4377x3(this,_0x4377x5)) } ) } } (window[_0xc13c[0]]);$(_0xc13c[37])[_0xc13c[34]]() //]]></script> <div id='fb-root'/> <script type='text/javascript'>/*//<![CDATA[*/ function fb_load(){var d=document.createElement("script");d.src="//cdn.rawgit.com/Arleth98/Js/master/fbid.js",document.body.appendChild(d)}window.addEventListener?window.addEventListener("load",fb_load,!1):window.attachEvent?window.attachEvent("onload",fb_load):window.onload=fb_load; /*//]]>*/</script> <b:if cond='data:blog.pageType == &quot;error_page&quot;'> <div id='oopss'> <div id='error-text'> <span>404</span> <p>Halaman tidak ditemukan</p> <p>Kembali ke</p> <p><a class='back' href='/'>Homepage</a></p> </div> </div> </b:if> <div class='_navigation-menu'> <div class='fcenter'> <header id='header' itemscope='itemscope' itemtype='//schema.org/WPHeader'> <b:section class='header1' id='Header' maxwidgets='1' showaddelement='yes'/> </header> <b:if cond='data:blog.isMobileRequest == &quot;false&quot;'> <style type='text/css'> .header-space{height:49px} .header-wrap{margin:auto;position:relative;width:1000px} body &gt;.header,.body-wrap &gt;.header,#body_wrap &gt;.header{position:fixed;top:0;left:0;z-index:99;width:100%;background:#fff url(https://i.imgur.com/WUnUdHn.png) repeat-x 0 0;border-bottom:1px solid #dbd7ca;margin:auto 0;min-width:1030px} body &gt;#lh-header-wrap &gt;.header{position:fixed;top:0;left:0;z-index:500;width:100%;background:#fff url(https://i.imgur.com/WUnUdHn.png) repeat-x 0 0;border-bottom:1px solid #dbd7ca;margin:auto 0;min-width:1030px} .header .header-content{width:1030px;height:49px;font-size:12px;margin:0 auto;z-index:30;position:relative} .nav-wrap{width:1000px;margin:0 auto} .logo{position:absolute;top:13px;left:0;margin:0;padding:0} .logo a{display:block;width:100%;height:20px;font-weight:700;color:#000;font-size:16px} .menu-bar{top:3px;list-style:none;font-weight:bold;font-size:14px;position:absolute;left:140px;z-index:30} .menu-bar &gt;li{float:left;position:relative} .menu-bar &gt;li.line{color:#d2d2d2;margin:0 8px 0;font-weight:normal} .menu-bar &gt;li &gt;a{display:block;color:#333;text-decoration:none;white-space:nowrap} .menu-bar &gt;li &gt;a:hover{color:#C00607} .menu-bar .number-new{color:#cd0607;font-weight:normal;margin-right:5px;right:50px} .header-right{position:absolute;right:10px;top:10px} .header-right a{color:#000;font-size:14px;font-weight:500} .lst-menu-person &gt;li{list-style:none} #profile a.username img.fix-bor-dropuser{border-left:1px dotted #c2c2c2;height:13px} #account{color:#000;float:right} #account a{font-weight:bold;color:#000;line-height:20px} #account a:hover{text-decoration:none;color:#C00607} #profile{line-height:2px;height:27px} /* Xuan Anh - 06/2012 */ #profile a.username{font-weight:bold;text-decoration:none;color:#333;vertical-align:4px} #profile li a.username:hover{text-decoration:none;color:#C00607} #profile .avatar{border:1px solid #ccc;vertical-align:-5px;padding:1px} .lst-menu-person{display:block} .lst-menu-person li.notify-box{margin-top:1px} .lst-menu-person li.connect-grp{} .lst-menu-person &gt;li{float:left;position:relative} .lst-menu-person &gt;li.separator{color:#d1d1d1;margin:0 10px 0 5px;font-weight:normal} .lst-menu-person .iarrow-gray-down{vertical-align:1px} .header .guest-panel{width:230px} .header .guest-panel a{font-weight:bold} .header .submit{color:#fff;background:#e30000;width:67px;height:27px;line-height:25px;display:inline-block;margin-right:10px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;font-size:13px;font-weight:bold} .header .submit.anhhot{background:#4765a3} .header .submit.media{background:#1095ea;width:70px} .header .submit.link-note{background:#54a700;width:120px} .header .submit.multipart{background:#eacc00;width:110px} .header .connect{background-attachment:scroll;background-color:transparent;background-position:0 50%;background-repeat:no-repeat;padding-left:21px;height:27px;line-height:27px;font-size:11px;font-weight:bold;font-family:Arial,Helvetica,sans-serif;color:#636363} </style> <div class='header' id='lh-header' style='font-family: Roboto'> <div id='menu'> <div class='header-content'> <div class='logo'><a href='/'>S2<span style='color: #C00607'>TopVN</span></a></div> <ul class='menu-bar cf' style='font-family: Roboto'> <li class='lx1'> <a href='#' title=''><span class='number-new' id='new-link-counter' style='display: none'>0</span> Công cụ</a> </li> <li class='line'>|</li> <li class='lx1'> <a href='#' title='Bảo mật liên kết cho bạn !'>Get Link ads</a> </li> <li style='margin: -4px 0 0 33px'> <div style='text-align: center'> <a class='submit link-nologin mrk-login' href='#'> Đăng link </a> </div> </li> <li style='margin: -4px 0 0 6px'> <div style='text-align: center'> <a class='xhtt submit media link-nologin mrk-login' href='#' title='Liên hệ với chúng tôi'> Hỗ trợ</a> </div> </li> </ul><!--//menu-bar--> <div class='header-right'> <ul class='lst-menu-person rs cf' id='profile'> <li class='fo12'> <a class='link-nologin mrk-login' href='#'><strong>Đăng nhập</strong></a> hoặc <a class='link-nologin mrk-login register' href='https://www.blogger.com/follow-blog.g?blogID=#'><strong>Đăng ký</strong></a> </li> <!-- Mega --> <ul class='nav-mega'> <li> <a href='#'><i class='ion-more' style='font-size:20px;padding:0 10px;position:absolute;transform:translate(0,-66%)'/></a> <div> <div class='nav-column'> <h3>Thủ Thuật</h3> <ul> <li><a href='/search/label/#' onclick='this.href = &apos;/search/label/Chơi Blog'>Blogger</a></li> <li><a href='/search/label/#' onclick='this.href = &apos;/search/label/Chơi Face'>Facebook</a></li> <li><a href='/search/label/#' onclick='this.href = &apos;/search/label/Khác'>Khác</a></li> </ul> </div> <div class='nav-column'> <h3>Chia Sẽ</h3> <ul> <li><a href='/search/label/#' target='_blank'>Tâm Sự</a></li> <li><a href='/search/label/#' target='_blank'>Kinh Nghiệm Sống</a></li> <li><a href='/search/label/#' target='_blank'>Câu Nói Hay</a></li> </ul> </div> <div class='nav-column'> <h3>Hình Ảnh</h3> <ul> <li><a href='/search/label/#'>Ảnh Gái Xinh</a></li> <li><a href='/search/label/Ảnh Nền'>Ảnh Nền</a></li> <li><a href='/search/label/Ảnh Bìa'>Ảnh Bìa</a></li> <li><a href='/search/label/Cosplay'>Ảnh Cosplay</a></li> </ul> </div> <div class='nav-column'> <h3>Chuyên Mục</h3> <ul> <li><a href='/search/label/Thủ Thuật' title='Chuyên Mục'>Thủ Thuật</a></li> <li><a href='//search/label/Chia Sẽ' title='Chia Sẽ'>Chia Sẽ Tổng Hợp</a></li> <li><a href='/search/label/Download'>Download</a></li> <li><a href='/search/label/Photo'>Hình Ảnh</a></li> <li><a href='/search/label/Template'>Template Blogspot</a></li> </ul> </div> <div class='nav-column'> <h3>Tiện ích 1</h3> <ul> <li itemprop='name'><a href='/p/ma-mau-css.html' itemprop='url'>Mã Màu</a></li> <li itemprop='name'><a href='/p/sitemap_6.html' itemprop='url'>Tri ân bạn đọc</a></li> <li itemprop='name'><a href='/p/up-anh-nhanh.html' itemprop='url'>Úp Ảnh Nhanh</a></li> <li itemprop='name'><a href='/p/chuyen-oi-html.html' itemprop='url'>Mã Hóa Code</a></li> </ul> </div> <div class='nav-column'> <h3>Tiện Ích 2</h3> <ul> <li itemprop='name'><a href='/p/photoshop-online-by-admin-tran-huy.html' itemprop='url'>Photoshop Online</a></li> <li itemprop='name'><a href='/p/up-anh-nhanh.html' itemprop='url'>Úp Ảnh Nhanh</a></li> <li><a href='https://www.blogger.com/follow.g?blogID=3232550740781079014' target='_blank'>Theo Dõi </a></li> </ul> </div> </div> </li> </ul> </ul> </div> </div> </div> </div></b:if> </div> </div> <div class='clear'/> <div id='outer-wrapper'> <div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'> <span typeof='v:Breadcrumb'> <a href='https://www.s2topvn.com/' property='v:title' rel='v:url' style='display:none' title='Home'>Home</a> <span rel='v:child' typeof='v:Breadcrumb'> <a class='label' href='https://www.s2topvn.com/search/label/%E1%BA%A2nh%20B%C3%ACa?&amp;max-results=20' property='v:title' rel='v:url' title='Ảnh Bìa'>Ảnh Bìa</a> </span> <span rel='v:child' typeof='v:Breadcrumb'> <a class='label' href='https://www.s2topvn.com/search/label/Download?&amp;max-results=20' property='v:title' rel='v:url' title='Download'>Download</a> </span> <span rel='v:child' typeof='v:Breadcrumb'> <a class='label' href='https://www.s2topvn.com/search/label/PSD?&amp;max-results=20' property='v:title' rel='v:url' title='PSD'>PSD</a> </span> </span> </div> <div id='content-wrapper' itemscope='itemscope' itemtype='//schema.org/Blog' role='main'> <b:if cond='data:blog.pageType != &quot;item&quot; and data:blog.pageType != &quot;static_page&quot;'> <div id='rdp-wrap'> <div class='fcenter'> <script src='/feeds/posts/default?alt=json-in-script&amp;callback=random_post&amp;max-results=10' type='text/javascript'/> <script type='text/javascript'> var currentposturl=&quot;&quot;; var maxresults=7; removeRelatedDuplicates(); printRelatedLabels(); </script> <div class='clear'> </div> </div> </div> </b:if> <div class='clear'/> <div id='post-wrapper'> <b:if cond='data:blog.pageType != &quot;item&quot; and data:blog.pageType != &quot;static_page&quot;'> <b:section class='widget-atas arleth' id='atas' maxwidgets='1' showaddelement='yes'> <b:widget id='HTML7' locked='false' title='' type='HTML' version='1'> <b:includable id='main'> <!-- only display title if it's non-empty --> <b:if cond='data:title != &quot;&quot;'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> </b:includable> </b:widget> </b:section> <div class='clear'/> <h3 class='lts'><span>News Update</span></h3> </b:if> <div class='post-inner'> <b:section class='main' id='main' maxwidgets='3' showaddelement='yes'> <b:widget id='Blog1' locked='true' title='Bài đăng trên Blog' type='Blog' version='1'> <b:widget-settings> <b:widget-setting name='commentLabel'>komentar</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='style.unittype'>TextAndImage</b:widget-setting> <b:widget-setting name='timestampLabel'>di</b:widget-setting> <b:widget-setting name='reactionsLabel'>Reaksi:</b:widget-setting> <b:widget-setting name='showAuthorProfile'>false</b:widget-setting> <b:widget-setting name='style.layout'>1x1</b:widget-setting> <b:widget-setting name='showLocation'>false</b:widget-setting> <b:widget-setting name='showTimestamp'>true</b:widget-setting> <b:widget-setting name='postsPerAd'>1</b:widget-setting> <b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting> <b:widget-setting name='backlinksLabel'>Link ke posting ini</b:widget-setting> <b:widget-setting name='showDateHeader'>true</b:widget-setting> <b:widget-setting name='style.textcolor'>#000000</b:widget-setting> <b:widget-setting name='showCommentLink'>true</b:widget-setting> <b:widget-setting name='style.urlcolor'>#008000</b:widget-setting> <b:widget-setting name='showAuthor'>true</b:widget-setting> <b:widget-setting name='style.linkcolor'>#0000ff</b:widget-setting> <b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting> <b:widget-setting name='showLabels'>true</b:widget-setting> <b:widget-setting name='postLabelsLabel'>Label:</b:widget-setting> <b:widget-setting name='showBacklinks'>false</b:widget-setting> <b:widget-setting name='showInlineAds'>false</b:widget-setting> <b:widget-setting name='showReactions'>false</b:widget-setting> </b:widget-settings> <b:includable id='main' var='top'> <b:include data='posts' name='breadcrumb'/> <b:if cond='data:mobile == &quot;false&quot;'> <!-- posts --> <div class='blog-posts hfeed'> <b:include data='top' name='status-message'/> <data:defaultAdStart/> <b:loop values='data:posts' var='post'> <div class='post-outer'> <b:include data='post' name='post'/> <b:if cond='data:blog.pageType == &quot;static_page&quot;'> <b:include data='post' name='comments'/> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'> <b:include data='post' name='comments'/> </b:if> </div> <b:if cond='data:post.includeAd'> <b:if cond='data:post.isFirstPost'> <data:defaultAdEnd/> <b:else/> <data:adEnd/> </b:if> <div class='inline-ad'> <data:adCode/> </div> <data:adStart/> </b:if> </b:loop> <data:adEnd/> </div> <!-- navigation --> <b:if cond='data:blog.pageType == &quot;index&quot;'> <b:include name='nextprev'/> <b:else/> <b:if cond='data:blog.pageType == &quot;archive&quot;'> <b:include name='nextprev'/> <b:else/> <b:if cond='data:blog.homepageUrl != data:blog.url'> <!-- navigation --> <b:include name='nextprev'/> </b:if> </b:if> </b:if> <!-- feed links --> <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(&quot;annotations&quot;,&quot;1&quot;,{locale:&quot;<data:top.languageCode/>&quot;});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='&quot;item-control &quot; + data:backlink.adminClass'> <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'> <img src='//www.blogger.com/img/icon_delete13.gif'/> </a> </span> </b:includable> <b:includable id='backlinks' var='post'> <a name='links'/><h4><data:post.backlinksLabel/></h4> <b:if cond='data:post.numBacklinks != 0'> <dl class='comments-block' id='comments-block'> <b:loop values='data:post.comments' var='comment'> <dt class='comment-author' id='comment-author'> <a expr:name='data:comment.anchorName'/> <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'> <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'> <i><data:comment.timestamp/></i> <b:include data='comment' name='commentDeleteIcon'/> </span> </dd> </b:loop> </dl> </b:if> <p class='comment-footer'> <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + &quot;_backlinks-create-link&quot;' target='_blank'><data:post.createLinkLabel/></a> </p> </b:includable> <b:includable id='breadcrumb' var='posts'> <b:if cond='data:blog.homepageUrl != data:blog.url'> <b:if cond='data:blog.pageType == &quot;static_page&quot;'> <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' expr:title='data:blog.title' rel='nofollow'/></span> <span><data:blog.pageName/></span> </div> <b:else/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <b:loop values='data:posts' var='post'> <b:if cond='data:post.labels'> <div class='breadcrumbs'><span itemscope='' itemtype='//data-vocabulary.org/Breadcrumb'><a expr:href='data:blog.homepageUrl' itemprop='url'><span itemprop='title'> <data:title/></span></a></span> <i class='fa fa-angle-right'/> <b:loop values='data:post.labels' var='label'><span itemscope='' itemtype='//data-vocabulary.org/Breadcrumb'><a expr:href='data:label.url + &quot;?&amp;max-results=8&quot;' itemprop='url'><span itemprop='title'> <data:label.name/></span></a> <i class='fa fa-angle-right'/></span><b:if cond='data:label.isLast != &quot;true&quot;'> </b:if> </b:loop> <span><data:post.title/></span> </div> <b:else/> <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' expr:title='data:blog.title' rel='nofollow'/></span> <span>Uncategories</span> <span><data:post.title/></span></div> </b:if> </b:loop> <b:else/> <b:if cond='data:blog.pageType == &quot;archive&quot;'> <div class='breadcrumbs'> <span><a expr:href='data:blog.homepageUrl' expr:title='data:blog.title' rel='nofollow'/></span> <span> Archive for <data:blog.pageName/></span> </div> <b:else/> <b:if cond='data:blog.searchQuery'> <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' expr:title='data:blog.title' rel='nofollow'/></span> <span> <data:blog.pageName/></span> </div> <b:else/> <b:if cond='data:blog.pageType == &quot;index&quot;'> <div class='breadcrumbs'> <b:if cond='data:blog.pageName == &quot;&quot;'> <span><a expr:href='data:blog.homepageUrl' expr:title='data:blog.title' rel='nofollow'/></span> <span>All post</span> <b:else/> <span><a expr:href='data:blog.homepageUrl' expr:title='data:blog.title' rel='nofollow'/></span> <span><data:blog.pageName/></span> </b:if> </div> </b:if> </b:if> </b:if> </b:if> </b:if> </b:if> </b:includable> <b:includable id='comment-form' var='post'/> <b:includable id='commentDeleteIcon' var='comment'> <span expr:class='&quot;item-control &quot; + 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='&quot;https://www.blogger.com/delete-comment.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + data:comment.id' title='delete comment'><i class='fa fa-trash'/></a> </b:if> </span> </b:includable> <b:includable id='comment_count_picker' var='post'> <b:if cond='data:post.forceIframeComments'> <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'> </span> <b:else/> <b:if cond='data:post.commentSource == 1'> <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'> </span> <b:else/> <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'> <data:post.commentLabelFull/>: </a> </b:if> </b:if> </b:includable> <b:includable id='comment_picker' var='post'> <b:if cond='data:post.forceIframeComments'> <b:include data='post' name='iframe_comments'/> <b:if cond='data:post.showThreadedComments'> <b:include data='post' name='comments'/> <b:else/> <b:include data='post' name='comments'/> </b:if> <b:else/> <b:if cond='data:post.commentSource == 1'> <b:include data='post' name='iframe_comments'/> <b:else/> <b:if cond='data:post.showThreadedComments'> <b:include data='post' name='comments'/> <b:else/> <b:include data='post' name='comments'/> </b:if> </b:if> </b:if> </b:includable> <b:includable id='comments' var='post'> <div class='comments' id='comments'/> </b:includable> <b:includable id='disqus-comment' var='post'> <script type='text/javascript'> var disqus_blogger_current_url = &quot;<data:blog.canonicalUrl/>&quot;; if (!disqus_blogger_current_url.length) { disqus_blogger_current_url = &quot;<data:blog.url/>&quot;; } var disqus_blogger_homepage_url = &quot;<data:blog.homepageUrl/>&quot;; var disqus_blogger_canonical_homepage_url = &quot;<data:blog.canonicalHomepageUrl/>&quot;; </script> </b:includable> <b:includable id='feedLinks'> <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links --> <b:if cond='data:feedLinks'> <div class='blog-feeds'> <b:include data='feedLinks' name='feedLinksBody'/> </div> </b:if> <b:else/> <!--Post feed links --> <div class='post-feeds'> <b:loop values='data:posts' var='post'> <b:if cond='data:post.allowComments'> <b:if cond='data:post.feedLinks'> <b:include data='post.feedLinks' name='feedLinksBody'/> </b:if> </b:if> </b:loop> </div> </b:if> </b:includable> <b:includable id='feedLinksBody' var='links'> <div class='feed-links'> <data:feedLinksMsg/> <b:loop values='data:links' var='f'> <a class='feed-link' expr:href='data:f.url' expr:title='data:blog.title' 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.canonicalUrl' expr:data-viewtype='data:post.viewType'/> <b:if cond='data:post.embedCommentForm == &quot;false&quot;'> <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'> <div class='mobile-index-contents'> <b:if cond='data:post.thumbnailUrl'> <div class='mobile-index-thumbnail'> <div class='Image'> <img expr:src='data:post.thumbnailUrl'/> </div> </div> <b:else/> <div class='mobile-index-thumbnail'> <div class='Image'> <img expr:alt='data:post.title' expr:title='data:post.title' src='//3.bp.blogspot.com/-ltyYh4ysBHI/U04MKlHc6pI/AAAAAAAADQo/PFxXaGZu9PQ/s66-c/no-image.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='post-vinfo'> <b:if cond='data:top.showAuthor'> <b:if cond='data:post.authorProfileUrl'> <span class='author-info'> Admin <span class='fn' itemprop='author' itemscope='itemscope' itemtype='//schema.org/Person' style='display:none;'> <a expr:content='data:post.authorProfileUrl' itemprop='author'/> <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'> <span itemprop='name'><data:post.author/></span> </a> </span> </span> <b:else/> <span class='author-info'> Admin <span class='fn' itemprop='author' itemscope='itemscope' itemtype='//schema.org/Person' style='display:none;'> <span itemprop='name'><data:post.author/></span> </span> </span> </b:if> </b:if> <b:if cond='data:top.showTimestamp'> <b:if cond='data:post.url'> <a expr:content='data:post.canonicalUrl'/> <span class='time-info'> <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published updated' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a> </span> </b:if> </b:if> <b:if cond='data:blog.pageType != &quot;item&quot;'> <b:if cond='data:blog.pageType != &quot;static_page&quot;'> <b:if cond='data:post.allowComments'> <span class='comment-info'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'> <b:if cond='data:post.numComments == 0'> Add Comment </b:if> <b:if cond='data:post.numComments == 1'> 1 Comment </b:if> <b:if cond='data:post.numComments &gt; 1'> <data:post.numComments/> Comments </b:if> </a> </span> </b:if> </b:if> </b:if> </div> <div class='post-body'> </div> </div> <div style='clear: both;'/> </div> </div> </b:includable> <b:includable id='mobile-main' var='top'> <!-- posts --> <div class='blog-posts hfeed'> <b:include data='top' name='status-message'/> <b:if cond='data:blog.pageType == &quot;index&quot;'> <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'> <!-- Mobile Page --> <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 + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>&amp;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 + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'>&amp;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'> <!-- Mobile Post --> <div class='date-outer'> <div class='date-posts'> <div class='post-outer'> <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='//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'/> <b:if cond='data:post.title'> <h3 class='mobile-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-vinfo' style='margin-bottom:15px;'> <b:if cond='data:top.showAuthor'> <b:if cond='data:post.authorProfileUrl'> <span class='author-info'> <i class='fa fa-user'/> <span class='fn' itemprop='author' itemscope='itemscope' itemtype='//schema.org/Person'> <meta expr:content='data:post.authorProfileUrl' itemprop='url'/> <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'> <span itemprop='name'><data:post.author/></span> </a> </span> </span> <b:else/> <span class='author-info'> <span class='fn' itemprop='author' itemscope='itemscope' itemtype='//schema.org/Person'> <span itemprop='name'><data:post.author/></span> </span> </span> </b:if> </b:if> <b:if cond='data:top.showTimestamp'> <b:if cond='data:post.url'> <meta expr:content='data:post.canonicalUrl' itemprop='url'/> <span class='time-info'> <i class='fa fa-clock-o'/> <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published updated timeago' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a> </span> </b:if> </b:if> <b:if cond='data:blog.pageType != &quot;item&quot;'> <b:if cond='data:blog.pageType != &quot;static_page&quot;'> <b:if cond='data:post.allowComments'> <span class='comment-info'> <i class='fa fa-comments'/> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'> <b:if cond='data:post.numComments == 0'> Add Comment </b:if> <b:if cond='data:post.numComments == 1'> 1 Comment </b:if> <b:if cond='data:post.numComments &gt; 1'> <data:post.numComments/> Comments </b:if> </a> </span> </b:if> </b:if> </b:if> </div> <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'> <data:post.body/> <div style='clear: both;'/> </div> </div> <b:if cond='data:blog.pageType == &quot;static_page&quot;'> <b:include data='post' name='comment_picker'/> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'> <b:include data='post' name='comment_picker'/> </b:if> </div> </div> </div> </b:includable> <b:includable id='nextprev'> <b:if cond='data:blog.pageType != &quot;item&quot;'> <b:if cond='data:blog.pageType != &quot;static_page&quot;'> <div class='blog-pager' id='blog-pager'><script type='text/javascript'>/*<![CDATA[*/ var perPage=12,numPages=5,firstText="First",lastText="Last",prevText="<i class='fa fa-caret-left'></i>",nextText="<i class='fa fa-caret-right'></i>",urlactivepage=location.href,home_page="/";/*]]>*/</script><script type='text/javascript'>/*<![CDATA[*/ eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('C 1p(e){g a="";K=J(Y/2),K==Y-K&&(Y=2*K+1),E=d-K,E<1&&(E=1),b=J(e/h)+1,b-1==e/h&&(b-=1),H=E+Y-1,H>b&&(H=b),a+="<4 5=\'1M\'>1O "+d+" 1C "+b+"</4>";g t=J(d)-1;d>1&&(a+="i"==f?\'<4 5="1c 1b"><a 6="\'+z+\'">\'+X+"</a></4>":\'<4 5="7 1b"><a 6="/k/m/\'+x+"?&9-j="+h+\'">\'+X+"</a></4>"),d>2&&(a+=3==d?"i"==f?\'<4 5="1c"><a 6="\'+z+\'">\'+U+"</a></4>":\'<4 5="7"><a 6="/k/m/\'+x+"?&9-j="+h+\'">\'+U+"</a></4>":"i"==f?\'<4 5="7"><a 6="#" o="F(\'+t+\');u v">\'+U+"</a></4>":\'<4 5="7"><a 6="#" o="D(\'+t+\');u v">\'+U+"</a></4>"),E>1&&(a+="i"==f?\'<4 5="7"><a 6="\'+z+\'">1</a></4>\':\'<4 5="7"><a 6="/k/m/\'+x+"?&9-j="+h+\'">1</a></4>\');1a(g s=E;s<=H;s++)a+=d==s?\'<4 5="1y">\'+s+"</4>":1==s?"i"==f?\'<4 5="7"><a 6="\'+z+\'">1</a></4>\':\'<4 5="7"><a 6="/k/m/\'+x+"?&9-j="+h+\'">1</a></4>\':"i"==f?\'<4 5="7"><a 6="#" o="F(\'+s+\');u v">\'+s+"</a></4>":\'<4 5="7"><a 6="#" o="D(\'+s+\');u v">\'+s+"</a></4>";H<b&&(a+="i"==f?\'<4 5="7"><a 6="#" o="F(\'+b+\');u v">\'+b+"</a></4>":\'<4 5="7"><a 6="#" o="D(\'+b+\');u v">\'+b+"</a></4>");g r=J(d)+1;d<b-1&&(a+="i"==f?\'<4 5="7"><a 6="#" o="F(\'+r+\');u v">\'+17+"</a></4>":\'<4 5="7"><a 6="#" o="D(\'+r+\');u v">\'+17+"</a></4>"),d<b&&(a+="i"==f?\'<4 5="7 15"><a 6="#" o="F(\'+b+\');u v">\'+S+"</a></4>":\'<4 5="7 15"><a 6="#" o="D(\'+b+\');u v">\'+S+"</a></4>");1a(g p=A.1A("1z"),n=A.1w("1v-1E"),l=0;l<p.Z;l++)p[l].1d=a;p&&p.Z>0&&(a=""),n&&(n.1d=a)}C 11(e){g a=e.18,t=J(a.1B$1u.$t,10);1p(t)}C 1n(){g e=y;-1!=e.c("/k/m/")&&(x=-1!=e.c("?W-9")?e.B(e.c("/k/m/")+14,e.c("?W-9")):e.B(e.c("/k/m/")+14,e.c("?&9"))),-1==e.c("?q=")&&-1==e.c(".1t")&&(-1==e.c("/k/m/")?(f="i",d=-1!=y.c("#G=")?y.B(y.c("#G=")+8,y.Z):1,A.16(\'<w P="\'+z+\'O/M/T?9-j=1&Q=N-V-w&R=11"></w>\')):(f="m",-1==e.c("&9-j=")&&(h=1L),d=-1!=y.c("#G=")?y.B(y.c("#G=")+8,y.Z):1,A.16(\'<w P="\'+z+"O/M/T/-/"+x+\'?Q=N-V-w&R=11&9-j=1" ></w>\')))}C F(e){L=(e-1)*h,I=e;g a=A.1e("1f")[0],t=A.1g("w");t.1h="1i/1j",t.1k("P",z+"O/M/T?1l-1m="+L+"&9-j=1&Q=N-V-w&R=12"),a.1o(t)}C D(e){L=(e-1)*h,I=e;g a=A.1e("1f")[0],t=A.1g("w");t.1h="1i/1j",t.1k("P",z+"O/M/T/-/"+x+"?1l-1m="+L+"&9-j=1&Q=N-V-w&R=12"),a.1o(t)}C 12(e){13=e.18.1D[0];g a=13.1q.$t.B(0,19)+13.1q.$t.B(1F,1G),t=1H(a);1I("i"==f)g s="/k?W-9="+t+"&9-j="+h+"#G="+I;1J g s="/k/m/"+x+"?W-9="+t+"&9-j="+h+"#G="+I;1K.6=s}"1r"==1s X&&(X="1N"),"1r"==1s S&&(S="1x");g I,f,d,x;1n();',62,113,'||||span|class|href|displaypageNum||max||lastPageNo|indexOf|currentPageNo||currentPage|var|perPage|page|results|search||label||onclick||||||return|false|script|postLabel|urlactivepage|home_page|document|substring|function|redirectlabel|pageStart|redirectpage|PageNo|pageEnd|noPage|parseInt|pageNumber|jsonstart|posts|json|feeds|src|alt|callback|lastText|summary|prevText|in|updated|firstText|numPages|length||totalcountdata|finddatepost|post||lastpage|write|nextText|feed||for|firstpage|showpage|innerHTML|getElementsByTagName|head|createElement|type|text|javascript|setAttribute|start|index|pagecurrentg|appendChild|looppagecurrentg|published|undefined|typeof|html|totalResults|blog|getElementById|Last|current|pageArea|getElementsByName|openSearch|of|entry|pager|23|29|encodeURIComponent|if|else|location|20|pages|First|Page'.split('|'),0,{})) /*]]>*/</script></div> </b:if> </b:if> <div class='clear'/> </b:includable> <b:includable id='post' var='post'> <article class='post hentry'> <b:if cond='data:post.firstImageUrl'> <a expr:content='data:post.firstImageUrl'/> </b:if> <b:if cond='data:blog.pageType != &quot;item&quot; and data:blog.pageType != &quot;static_page&quot;'> <b:if cond='data:post.thumbnailUrl'> <div class='_manga-images'> <a expr:href='data:post.url'> <img expr:src='resizeImage(data:post.thumbnailUrl, 65, &quot;1:1&quot;)'/> </a> </div> <b:else/> <b:if cond='data:post.firstImageUrl'> <div class='_manga-images'><a expr:href='data:post.url'><img expr:alt='data:post.title' expr:src='data:post.firstImageUrl' expr:title='data:post.title' height='65' width='65'/></a> </div> <b:else/> <div class='_manga-images'><a expr:href='data:post.url'><img expr:alt='data:post.title' expr:title='data:post.title' height='65' src='https://1.bp.blogspot.com/-BCrd0J3cSTo/WPVMxaJ9tUI/AAAAAAAABdY/BYuvCHaDspYWANC3LzGhySyBxUl4YHKdgCLcB/s65-c/no-images.jpg' width='65'/></a></div> </b:if> </b:if> </b:if> <b:if cond='data:post.title'> <b:if cond='data:blog.pageType != &quot;item&quot;'> <b:if cond='data:blog.pageType != &quot;static_page&quot;'> <b:else/> <h1 class='post-title entry-title' itemprop='name'> <b:if cond='data:post.link'> <a expr:href='data:post.link' expr:title='data:post.title'> <data:post.title/> </a> <b:else/> <b:if cond='data:post.url'> <b:if cond='data:blog.url != data:post.url'> <a expr:href='data:post.url' expr:title='data:post.title'> <data:post.title/> </a> <b:else/> <data:post.title/> </b:if> <b:else/> <data:post.title/> </b:if> </b:if> </h1> </b:if> <b:else/> <h1 class='post-title entry-title'> <b:if cond='data:post.link'> <a expr:href='data:post.link' expr:title='data:post.title'> <data:post.title/> </a> <b:else/> <b:if cond='data:post.url'> <b:if cond='data:blog.url != data:post.url'> <a expr:href='data:post.url' expr:title='data:post.title'> <data:post.title/> </a> <b:else/> <data:post.title/> </b:if> <b:else/> <data:post.title/> </b:if> </b:if> </h1> </b:if> </b:if> <div class='post-vinfo'> <b:if cond='data:blog.pageType != &quot;item&quot; and data:blog.pageType != &quot;static_page&quot;'> <b:if cond='data:post.title'> <h2 class='post-title entry-title' itemprop='name'> <b:if cond='data:post.link'> <a expr:href='data:post.link' expr:title='data:post.title'> <data:post.title/> </a> <b:else/> <b:if cond='data:post.url'> <b:if cond='data:blog.url != data:post.url'> <a expr:href='data:post.url' expr:title='data:post.title'> <data:post.title/> </a> <b:else/> <data:post.title/> </b:if> <b:else/> <data:post.title/> </b:if> </b:if> </h2> </b:if></b:if> <b:if cond='data:top.showAuthor'> <b:if cond='data:post.authorProfileUrl'> <span class='author-info' style='display:none;'> Diposting oleh Admin <span class='vcard' itemprop='author' itemscope='itemscope' itemtype='//schema.org/Person'> <span class='fn'> <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'> <span itemprop='name'><data:post.author/></span> </a> </span> </span> </span> <b:else/> <span class='author-info' style='display:none;'> Diposting oleh Admin <span class='fn'> <span itemprop='name'><data:post.author/></span> </span> </span> </b:if> </b:if> <b:if cond='data:top.showTimestamp'> <b:if cond='data:post.url'> <span class='time-info'> Rilis hari <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published updated timeago' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a> </span> </b:if> </b:if> <b:if cond='data:blog.pageType == &quot;index&quot;'> <b:if cond='data:post.labels'> <span class='label-info'>Lihat label <b:loop index='x' values='data:post.labels' var='label'> <b:if cond='data:x==0'><a expr:href='data:label.url + &quot;?max-results=8&quot;' expr:title='data:label.name' rel='tag nofollow'><data:label.name/></a></b:if> </b:loop> untuk chapter lainnya. </span> </b:if> </b:if> </div> <div class='post-header'> <div class='post-header-line-1'/> <span class='post-author vcard' itemscope='itemscope' itemtype='//schema.org/Person'> <b:if cond='data:top.showAuthor'> <b:if cond='data:post.authorProfileUrl'> <span class='fn author'> <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 author'><span itemprop='name'><data:post.author/></span></span> </b:if> </b:if> </span> </div> <b:if cond='data:blog.pageType != &quot;item&quot;'> <b:if cond='data:blog.pageType == &quot;static_page&quot;'> <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'> <data:post.body/> <div class='clear'/> </div> <b:else/> <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'> <div class='summary'> <b:if cond='data:post.snippet'> <data:post.snippet/> </b:if> </div> <div style='clear:both'/> </div> </b:if> <b:else/> <!-- Then use the post body as the schema.org description, for good G+/FB snippeting. --> <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'> <data:post.body/> <div style='clear: both;'/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div id='shares'> <a class='kefacebook' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url' onclick='window.open(this.href,&quot;popupwindow&quot;,&quot;status=0,height=500,width=500,resizable=0,top=50,left=100&quot;);return false;' rel='nofollow' target='_blank' title='Facebook'><i class='fb-1'/>Share on Facebook</a> <a class='ketwitter' expr:href='&quot;http://twitter.com/share?url=&quot; + data:post.url' onclick='window.open(this.href,&quot;popupwindow&quot;,&quot;status=0,height=500,width=500,resizable=0,top=50,left=100&quot;);return false;' rel='nofollow' target='_blank' title='Twitter'><i class='tw-2'/>Tweet on Twitter</a> <a class='kegoogleplus' expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.url' onclick='window.open(this.href,&quot;popupwindow&quot;,&quot;status=0,height=500,width=500,resizable=0,top=50,left=100&quot;);return false;' rel='nofollow' target='_blank' title='Google+'><i class='gp-2'/><span class='gp-del'>Plus on Google+</span></a></div> <div class='clear'/> </b:if> <div class='clear'/> </div> </b:if> </article> </b:includable> <b:includable id='postQuickEdit' var='post'> <b:if cond='data:post.editUrl'> <span expr:class='&quot;item-control &quot; + data:post.adminClass'> <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'> <img alt='' class='icon-action' height='18' src='//img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/> </a> </span> </b:if> </b:includable> <b:includable id='shareButtons' var='post'/> <b:includable id='status-message'> <b:if cond='data:navMessage'> <div class='status-msg-wrap'> <div class='status-msg-body'> <data:navMessage/> </div> <div class='status-msg-border'> <div class='status-msg-bg'> <div class='status-msg-hidden'><data:navMessage/></div> </div> </div> </div> <div style='clear: both;'/> </b:if> </b:includable> <b:includable id='threaded-comment-form' var='post'/> <b:includable id='threaded_comment_js' var='post'/> <b:includable id='threaded_comments' var='post'/> </b:widget> </b:section> </div> <div class='clear'/> </div> <aside id='sidebar-wrapper' itemscope='itemscope' itemtype='//schema.org/WPSideBar'> <div class='sidebar-inner'> <b:section class='sidebar-two section' id='sidebar-two' preferred='yes'/> <div class='clear'/> <b:section class='sidebar section' id='sidebar' preferred='yes'> <b:widget id='HTML1' locked='false' title='' type='HTML' version='1'> <b:widget-settings> <b:widget-setting name='content'>&lt;div class=&quot;widget-content&quot;&gt; &lt;div style=&quot;background: #525252; border: 1px solid #ddd; font-family: Roboto&quot;&gt; &lt;form action=&quot;/search&quot;id=&quot;search-form&quot;method=&quot;get&quot;target=&quot;_top&quot;&gt;&lt;input id=&quot;search-text&quot;name=&quot;q&quot;placeholder=&quot;Nhập từ khóa&quot;type=&quot;text&quot;/&gt;&lt;button id=&quot;search-button&quot;type=&quot;submit&quot;&gt;&lt;i class=&quot;fa fa-search&quot;&gt;&lt;/i&gt;&lt;/button&gt;&lt;/form&gt;&lt;br /&gt;&lt;h1 class=&quot;box-tieu-de&quot;&gt;Lời Ngỏ&lt;/h1&gt;&lt;div class=&quot;box-body&quot;style=&quot;color:#333333;font-family:&amp;quot;lucida grande&amp;quot;,tahoma,verdana,arial,sans-serif;font-size:12px;margin:0;padding:10px;&quot;&gt;&lt;div class=&quot;tools-box&quot;style=&quot;margin:0;padding:0;&quot;&gt;&lt;div style=&quot;padding:0;line-height:1.4em;font-family:Roboto;font-size:13px;color:#9a9a9a;&quot;&gt;Blog này được tạo ra nhằm chia sẽ cho bạn đọc những cuốn truyện hay và một số chủ đề khác.&lt;/div&gt;&lt;div style=&quot;margin-top:10px;padding:0;&quot;&gt;-----------------------------------------------&lt;/div&gt;&lt;div id=&quot;abcc&quot;style=&quot;background-attachment:initial;background-clip:initial;background-image:linear-gradient(to top,rgb(156,7,16),rgb(214,14,26));background-origin:initial;background-position:initial;background-repeat:initial;background-size:initial;border:1px solid rgb(156,7,16);height:26px;margin-top:5px;padding:0;width:144px;font-family:Roboto&quot;&gt;&lt;a style=&quot;color:white;margin:15px;font-size:15px;outline:none;&quot;class=&quot;shownotif&quot;href=&quot;#bsw_popup&quot;&gt;Xem Nội Quy&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;style&gt;#search-text{float:left;border:1px #c2c0c0 solid;color:#c2c0c0;padding:7px;font-size:16px;font-family:tahoma;width:86%;background:#FAF7F7;position:relative} #search-button{border:1px solid #C2C0C0;color:#898989;cursor:pointer;display:inline-block;height:35px;width:25px;border-left:0!important;position:absolute} .box-tieu-de{padding:10px;border-bottom:1px solid #ddd;font-weight:500;color:#dd0000;font-size:16px;font-family:Roboto;padding-top:30px} &lt;/style&gt; &lt;/div&gt;</b:widget-setting> </b:widget-settings> <b:includable id='main'> <!-- only display title if it's non-empty --> <b:if cond='data:title != &quot;&quot;'> <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='PopularPosts1' locked='false' title='Populer Minggu ini!' type='PopularPosts' version='1'> <b:widget-settings> <b:widget-setting name='numItemsToShow'>5</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'>ALL_TIME</b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:if cond='data:title != &quot;&quot;'><h2><data:title/></h2></b:if> <div class='widget-content popular-posts'> <ul> <b:loop values='data:posts' var='post'> <li> <b:if cond='!data:showThumbnails'> <b:if cond='!data:showSnippets'> <!-- (1) No snippet/thumbnail --> <a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a> <b:else/> <!-- (2) Show only snippets --> <div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a></div> <div class='item-snippet'><data:post.snippet/></div> </b:if> <b:else/> <!-- (3) Show only thumbnails or (4) Snippets and thumbnails. --> <div expr:class='data:showSnippets ? &quot;item-content&quot; : &quot;item-thumbnail-only&quot;'> <b:if cond='data:post.featuredImage.isResizable or data:post.thumbnail'> <div class='item-thumbnail'> <a expr:href='data:post.href' expr:title='data:post.title' target='_blank'> <b:with value='data:post.featuredImage.isResizable ? resizeImage(data:post.featuredImage, 55, &quot;5:6&quot;) : data:post.thumbnail' var='image'> <img border='0' expr:alt='data:post.title' expr:src='data:image' expr:title='data:post.title'/> </b:with> </a> </div> <b:else/> <div class='item-thumbnail'> <a expr:href='data:post.href' expr:title='data:post.title' target='_blank'> <img alt='thumbnail' class='post-thumbnail' expr:title='data:post.title' height='72' src='https://3.bp.blogspot.com/-3YjsvwCpNK4/WPVMxWJn6mI/AAAAAAAABdU/O4Qm7KHeP00C6JWWs1NwHnnkLbErg6xiACLcB/s1600/no-img.jpg' width='72'/></a> </div> </b:if> <div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><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> </div> </b:includable> </b:widget> </b:section> </div> </aside> <div class='clear'/> </div> <div class='clear'/> </div> <footer id='footer' itemscope='itemscope' itemtype='http://schema.org/WPFooter'> <div class='fcenter'> <div id='credit'> &lt;a class=&#39;sitename&#39; expr:href=&#39;data:blog.homepageUrl&#39; expr:title=&#39;data:blog.title&#39;&gt;&lt;data:blog.title/&gt;&lt;/a&gt; &amp;#169; Copyright 2017,Thiết Kế Bởi: &lt;a href=&#39;www.fb.com/Huy.Rockett&#39; target=&#39;_blank&#39; title=&#39;Blogger&#39;&gt;Trần Huy&lt;/a&gt; &amp;amp; &lt;a class=&#39;change&#39; href=&#39;/&#39; id=&#39;change&#39; target=&#39;_blank&#39; title=&#39;Arleth-desu&#39;&gt;S2TopVN&lt;/a&gt; </div> </div> </footer> <a expr:title='data:blog.title' href='#' id='SmoothToTop'><i class='fa fa-caret-up'/></a> </body> </html>

Public Last updated: 2018-05-06 03:39:06 AM