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 == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<b:if cond='data:blog.pageType != "error_page"'>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if></b:if>
<b:if cond='data:blog.pageType == "error_page"'>
<title>Page Not Found - <data:blog.title/></title>
</b:if>
<b:if cond='data:blog.pageType == "archive"'>
<meta content='noindex' name='robots'/>
</b:if>
<b:if cond='data:blog.searchLabel'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.isMobile'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.pageType != "error_page"'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<meta expr:content='data:blog.pageName + ", " + data:blog.pageTitle + ", " + data:blog.title' name='keywords'/>
</b:if></b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='xxxxx' name='keywords'/></b:if>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default?alt=rss"' expr:title='data:blog.title + " - RSS"' rel='alternate' type='application/rss+xml'/>
<link expr:href='"http://www.blogger.com/feeds/" + data:blog.blogId + "/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.postImageThumbnailUrl'>
<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
</b:if></b:if>
<link href='/favicon.ico' rel='icon' type='image/x-icon'/>
<link href='https://plus.google.com/xxxxx/posts' rel='publisher'/>
<link href='https://plus.google.com/xxxxx/about' rel='author'/>
<link href='https://plus.google.com/xxxxx' rel='me'/>
<meta content='xxxxx' name='google-site-verification'/>
<meta content='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 == "item"'>
<b:if cond='data:blog.pageType == "static_page"'>
<b:if cond='data:blog.url'>
<meta expr:content='data:blog.url' property='og:url'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.pageName'>
<meta expr:content='data:blog.pageName' property='og:title'/>
</b:if></b:if></b:if></b:if>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<b:if cond='data:blog.pageType == "item"'>
<meta content='article' property='og:type'/>
<b:else/>
<meta content='website' property='og:type'/>
</b:if>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
<b:else/>
<meta expr:content='data:blog.blogspotFaviconUrl' property='og:image'/>
</b:if></b:if>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
<meta content='xxxxx' property='og:description'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta content='xxxxx' property='fb: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;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;subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese");
//]]>
</script>
<style type="text/css">
<!-- /*<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 == "item"'>
<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 != "item" and data:blog.pageType != "static_page"'>
<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 == "static_page"'>
<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 == "error_page"'>
<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='"loading" + 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>&lt;a href=&#39;LINK&#39;&gt;TÊN_HIỂN_THỊ&lt;/a&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> &lt;b&gt; <b>Chữ in đậm</b> &lt;/b&gt;<br/> &lt;i&gt; <i>Chữ in nghiêng</i> &lt;/i&gt;<br/> &lt;u&gt; <u>Chữ gạch chân</u> &lt;/u&gt;<br/> &lt;strike&gt; <strike>Chữ gạch ngang</strike> &lt;/strike&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 == "true"'>
<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:'';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:'';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("Làm theo hướng dẫn để lưu BSW vào trình duyệt.")'><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('Chức năng này hiện chưa khả dụng.');'><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'>© 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("overlay"),l=document.getElementById("jQsearchBSWv3");e.style.opacity=1,"block"==e.style.display?(e.style.display="none",l.style.display="none"):(e.style.display="block",l.style.display="block",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 == "error_page"'>
<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 == "false"'>
<style type='text/css'>
.header-space{height:49px}
.header-wrap{margin:auto;position:relative;width:1000px}
body >.header,.body-wrap >.header,#body_wrap >.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 >#lh-header-wrap >.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 >li{float:left;position:relative}
.menu-bar >li.line{color:#d2d2d2;margin:0 8px 0;font-weight:normal}
.menu-bar >li >a{display:block;color:#333;text-decoration:none;white-space:nowrap}
.menu-bar >li >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 >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 >li{float:left;position:relative}
.lst-menu-person >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 = '/search/label/Chơi Blog'>Blogger</a></li>
<li><a href='/search/label/#' onclick='this.href = '/search/label/Chơi Face'>Facebook</a></li>
<li><a href='/search/label/#' onclick='this.href = '/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?&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?&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?&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 != "item" and data:blog.pageType != "static_page"'>
<div id='rdp-wrap'>
<div class='fcenter'>
<script src='/feeds/posts/default?alt=json-in-script&callback=random_post&max-results=10' type='text/javascript'/>
<script type='text/javascript'>
var currentposturl="";
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 != "item" and data:blog.pageType != "static_page"'>
<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 != ""'>
<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 == "false"'>
<!-- 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 == "static_page"'>
<b:include data='post' name='comments'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comments'/>
</b:if>
</div>
<b:if cond='data:post.includeAd'>
<b:if cond='data:post.isFirstPost'>
<data:defaultAdEnd/>
<b:else/>
<data:adEnd/>
</b:if>
<div class='inline-ad'>
<data:adCode/>
</div>
<data:adStart/>
</b:if>
</b:loop>
<data:adEnd/>
</div>
<!-- navigation -->
<b:if cond='data:blog.pageType == "index"'>
<b:include name='nextprev'/>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<b:include name='nextprev'/>
<b:else/>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<!-- 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("annotations","1",{locale:"<data:top.languageCode/>"});function initialize(){google.annotations.setApplicationId(<data:top.blogspotReviews/>);google.annotations.createAll();google.annotations.fetch()}google.setOnLoadCallback(initialize);</script>
</b:if>
<b:else/>
<b:include name='mobile-main'/>
</b:if>
<b:if cond='data:top.showDummy'>
<data:top.dummyBootstrap/>
</b:if>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<span expr:class='"item-control " + data:backlink.adminClass'>
<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
<img src='//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 + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a> </p>
</b:includable>
<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == "static_page"'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' expr:title='data:blog.title' rel='nofollow'/></span> <span><data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs'><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 + "?&max-results=8"' itemprop='url'><span itemprop='title'> <data:label.name/></span></a> <i class='fa fa-angle-right'/></span><b:if cond='data:label.isLast != "true"'> </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 == "archive"'>
<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 == "index"'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == ""'> <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='"item-control " + data:comment.adminClass'>
<b:if cond='data:showCmtPopup'>
<div class='goog-toggle-button'>
<div class='goog-inline-block comment-action-icon'/>
</div>
<b:else/>
<a class='comment-delete' expr:href='"https://www.blogger.com/delete-comment.g?blogID=" + data:blog.blogId + "&amp;postID=" + 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 = "<data:blog.canonicalUrl/>";
if (!disqus_blogger_current_url.length) {
disqus_blogger_current_url = "<data:blog.url/>";
}
var disqus_blogger_homepage_url = "<data:blog.homepageUrl/>";
var disqus_blogger_canonical_homepage_url = "<data:blog.canonicalHomepageUrl/>";
</script>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links -->
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>
<b:else/> <!--Post feed links -->
<div class='post-feeds'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.feedLinks'>
<b:include data='post.feedLinks' name='feedLinksBody'/>
</b:if>
</b:if>
</b:loop>
</div>
</b:if>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
<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 == "false"'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</b:includable>
<b:includable id='mobile-index-post' var='post'>
<div class='mobile-date-outer date-outer'>
<div class='mobile-post-outer'>
<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 != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<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 > 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 == "index"'>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='mobile-index-post'/>
</b:loop>
<b:else/>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='mobile-post'/>
</b:loop>
</b:if>
</div>
<b:include name='mobile-nextprev'/>
</b:includable>
<b:includable id='mobile-nextprev'>
<!-- 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 + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>&lsaquo;</a>
</div>
</b:if>
<b:if cond='data:olderPageUrl'>
<div class='mobile-link-button' id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>&rsaquo;</a>
</div>
</b:if>
<div class='mobile-link-button' id='blog-pager-home-link'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</div>
<div class='mobile-desktop-link'>
<a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
</div>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='mobile-post' var='post'>
<!-- 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 != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<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 > 1'> <data:post.numComments/> Comments </b:if>
</a>
</span>
</b:if>
</b:if>
</b:if>
</div>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'>
<data:post.body/>
<div style='clear: both;'/>
</div>
</div>
<b:if cond='data:blog.pageType == "static_page"'>
<b:include data='post' name='comment_picker'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comment_picker'/>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='nextprev'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<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 != "item" and data:blog.pageType != "static_page"'>
<b:if cond='data:post.thumbnailUrl'>
<div class='_manga-images'>
<a expr:href='data:post.url'>
<img expr:src='resizeImage(data:post.thumbnailUrl, 65, "1:1")'/>
</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 != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<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 != "item" and data:blog.pageType != "static_page"'>
<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 == "index"'>
<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 + "?max-results=8"' 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 != "item"'>
<b:if cond='data:blog.pageType == "static_page"'>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id'>
<data:post.body/>
<div class='clear'/>
</div>
<b:else/>
<div class='post-body entry-content' expr:id='"post-body-" + 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='"post-body-" + data:post.id'>
<data:post.body/>
<div style='clear: both;'/>
<b:if cond='data:blog.pageType == "item"'>
<div id='shares'>
<a class='kefacebook' expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url' onclick='window.open(this.href,"popupwindow","status=0,height=500,width=500,resizable=0,top=50,left=100");return false;' rel='nofollow' target='_blank' title='Facebook'><i class='fb-1'/>Share on Facebook</a>
<a class='ketwitter' expr:href='"http://twitter.com/share?url=" + data:post.url' onclick='window.open(this.href,"popupwindow","status=0,height=500,width=500,resizable=0,top=50,left=100");return false;' rel='nofollow' target='_blank' title='Twitter'><i class='tw-2'/>Tweet on Twitter</a>
<a class='kegoogleplus' expr:href='"https://plus.google.com/share?url=" + data:post.url' onclick='window.open(this.href,"popupwindow","status=0,height=500,width=500,resizable=0,top=50,left=100");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='"item-control " + 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'><div class="widget-content">
<div style="background: #525252; border: 1px solid #ddd; font-family: Roboto">
<form action="/search"id="search-form"method="get"target="_top"><input id="search-text"name="q"placeholder="Nhập từ khóa"type="text"/><button id="search-button"type="submit"><i class="fa fa-search"></i></button></form><br /><h1 class="box-tieu-de">Lời Ngỏ</h1><div class="box-body"style="color:#333333;font-family:&quot;lucida grande&quot;,tahoma,verdana,arial,sans-serif;font-size:12px;margin:0;padding:10px;"><div class="tools-box"style="margin:0;padding:0;"><div style="padding:0;line-height:1.4em;font-family:Roboto;font-size:13px;color:#9a9a9a;">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.</div><div style="margin-top:10px;padding:0;">-----------------------------------------------</div><div id="abcc"style="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"><a style="color:white;margin:15px;font-size:15px;outline:none;"class="shownotif"href="#bsw_popup">Xem Nội Quy</a></div></div></div></div><style>#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}
</style>
</div></b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b: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 != ""'><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 ? "item-content" : "item-thumbnail-only"'>
<b:if cond='data:post.featuredImage.isResizable or data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' expr:title='data:post.title' target='_blank'>
<b:with value='data:post.featuredImage.isResizable ? resizeImage(data:post.featuredImage, 55, "5:6") : 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'>
<a class='sitename' expr:href='data:blog.homepageUrl' expr:title='data:blog.title'><data:blog.title/></a> &#169; Copyright 2017,Thiết Kế Bởi: <a href='www.fb.com/Huy.Rockett' target='_blank' title='Blogger'>Trần Huy</a> &amp; <a class='change' href='/' id='change' target='_blank' title='Arleth-desu'>S2TopVN</a>
</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
