Code tạo Bloger đẹp :
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<HTML expr:class='data:blog.languageDirection + " no-js rwd " + data:blog.pageType' expr:dir='data:blog.languageDirection' lang='vi'>
<head>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js' type='text/javascript'/>
<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("//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");loadCSS("https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css");
loadCSS("https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css");
loadCSS("https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css");loadCSS("https://fonts.googleapis.com/icon?family=Material+Icons");
//]]>
</script>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='https://www.blogger.com/about/img/social/facebook-1200x630.jpg' property='og:image'/>
</b:if>
<meta content='Khôi Ròm Blog | Chia sẻ template blogspot miễn phí | Mọi thứ hoàn toàn miễn phí' name='description'/>
<meta content='Khôi Ròm Blog | Chia sẻ template blogspot miễn phí | Mọi thứ hoàn toàn miễn phí' name='og:cription'/>
<meta charset='utf-8'/>
<meta content='IE=edge' http-equiv='X-UA-Compatible'/>
<meta content='https://www.khoiromblog.site/' property='og:url'/>
<meta content='width=device-width, initial-scale=1' name='viewport'/>
<meta content='blogger' name='generator'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='index,follow' name='Googlebot'/>
<meta content='index,follow,noodp' name='robots'/>
<meta content='noodp' name='robots'/>
<link href='/favicon.ico' rel='icon' type='image/x-icon'/>
<meta content='https://www.facebook.com/mkhoi2001/' property='article:publisher'/>
<meta content='https://www.facebook.com/mkhoi2001/' property='article:author'/>
<b:if cond='data:blog.pageType == "static_page"'>
<title><data:blog.pageName/></title>
<meta content='index,follow' name='robots'/>
<meta content='noodp' name='robots'/>
<link href='https://plus.google.com/104767200353206255061/posts' rel='publisher'/>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/></b:if>
<b:if cond='data:blog.searchLabel'>
<title>Template <data:blog.pageName/></title>
<meta content='Khôi Ròm Blog | Chia sẻ template blogspot miễn phí | Mọi thứ hoàn toàn miễn phí ' name='Description'/>
<meta content='index,follow' name='robots'/></b:if>
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<meta expr:content='data:blog.metaDescription' name='description'/>
<link expr:href='data:blog.url' rel='canonical'/>
<meta content='noodp,noydir' name='robots'/>
<meta content='website' property='og:type'/>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta expr:content='data:blog.metaDescription' name='og:description'/>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:else/>
<b:if cond='data:blog.pageType != "error_page"'>
<title><data:blog.pageName/></title>
</b:if></b:if>
<b:if cond='data:blog.pageType == "item"'>
<meta content='noodp' name='robots'/>
<link href='https://plus.google.com/104767200353206255061/posts' rel='publisher'/>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
<b:else/>
<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwlymLWYwvZtlz-0QkSpwg5jZi37S_WCNnu8uWn2N3oAguXKnAx1x25y5UGJyUnYSay9G3EgUFuqFwbOkMClpnASSDF7va-IrSwmqAFBdudM23ySBPnw8ARuvA8fx7wejn_aPUuC5PWgTG/s1600/Arlina+Logo.png' property='og:image'/>
</b:if>
</b:if>
<meta content='data:blog.pageName' property='og:site_name'/>
<meta content='article' property='og:type'/></b:if>
<b:if cond='data:blog.pageType == "error_page"'>
<title>Page Not Found</title></b:if>
<b:if cond='data:blog.pageType == "archive"'>
<meta content='noindex' 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.pageType == "item"'>
<b:if cond='data:blog.postImageThumbnailUrl'><link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/></b:if></b:if>
<meta content='2061488077510905' property='fb:app_id'/>
<meta content='100010338496229' property='fb:admins'/>
<link href='https://plus.google.com/104767200353206255061/posts' rel='publisher'/>
<link href='https://plus.google.com/104767200353206255061/posts/about' rel='author'/>
<link expr:href='data:blog.url' rel='canonical'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
<link expr:href='data:blog.url' expr:title='data:blog.pageName' rel='openid.delegate'/>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default?alt=rss"' expr:title='data:blog.title + " - RSS"' rel='alternate' type='application/rss+xml'/>
<link expr:href='"http://www.blogger.com/feeds/" + data:blog.blogId + "/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<b:if cond='data:blog.pageType == "index"'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<script type='application/ld+json'>
{"@context" : "http://schema.org","@type" : "WebSite","name" : "<data:blog.pageTitle/>","url" : "https://www.khoiromblog.site"}
</script>
<link expr:href='data:blog.canonicalHomepageUrl' hreflang='vi-vn' rel='alternate'/></b:if>
<b:else/>
<b:if cond='data:blog.pageTitle != data:blog.title'>
<link expr:href='data:blog.canonicalUrl' hreflang='vi-vn' rel='alternate'/>
</b:if></b:if>
<meta content='1 days' name='revisit-after'/>
<meta content='Copyright @ Khôi Ròm BLog 2017-2018 © All Rights Reserved.' name='copyright'/>
<meta content='public' https-equiv='Cache-Control'/>
<meta CONTENT='text/html; charset=ISO-2022-JP' https-equiv='Content-Type'/>
<meta CONTENT='text/javascript' https-equiv='Content-Script-Type'/>
<meta CONTENT='text/css' https-equiv='Content-Style-Type'/>
<include expiration='7d' path='*.css'/>
<include expiration='7d' path='*.js'/>
<include expiration='3d' path='*.gif'/>
<include expiration='3d' path='*.jpeg'/>
<include expiration='3d' path='*.jpg'/>
<include expiration='3d' path='*.png'/>
<meta content='sat, 02 jun 2020 00:00:00 GMT' http-equiv='expires'/>
<link href='//www.khoiromblog.site' rel='dns-prefetch'/>
<link href='//i.imgur.com.com' rel='dns-prefetch'/>
<link href='//imgur.com' rel='dns-prefetch'/>
<link href='//1.bp.blogspot.com' rel='dns-prefetch'/>
<link href='//2.bp.blogspot.com' rel='dns-prefetch'/>
<link href='//3.bp.blogspot.com' rel='dns-prefetch'/>
<link href='//4.bp.blogspot.com' rel='dns-prefetch'/>
<link href='//www.blogger.com' rel='dns-prefetch'/>
<link href='//maxcdn.bootstrapcdn.com' rel='dns-prefetch'/>
<link href='//fonts.googleapis.com' rel='dns-prefetch'/>
<link href='//use.fontawesome.com' rel='dns-prefetch'/>
<link href='//ajax.googleapis.com' rel='dns-prefetch'/>
<link href='//resources.blogblog.com' rel='dns-prefetch'/>
<link href='//www.facebook.com' rel='dns-prefetch'/>
<link href='//plus.google.com' rel='dns-prefetch'/>
<link href='//twitter.com' rel='dns-prefetch'/>
<link href='//www.youtube.com' rel='dns-prefetch'/>
<link href='//feedburner.google.com' rel='dns-prefetch'/>
<link href='//www.pinterest.com' rel='dns-prefetch'/>
<link href='//www.linkedin.com' rel='dns-prefetch'/>
<link href='//feeds.feedburner.com' rel='dns-prefetch'/>
<link href='//github.com' rel='dns-prefetch'/>
<link href='//player.vimeo.com' rel='dns-prefetch'/>
<link href='//platform.twitter.com' rel='dns-prefetch'/>
<link href='//apis.google.com' rel='dns-prefetch'/>
<link href='//connect.facebook.net' rel='dns-prefetch'/>
<link href='//cdnjs.cloudflare.com' rel='dns-prefetch'/>
<link href='//www.google-analytics.com' rel='dns-prefetch'/>
<link href='//pagead2.googlesyndication.com' rel='dns-prefetch'/>
<link href='//googleads.g.doubleclick.net' rel='dns-prefetch'/>
<link href='//www.gstatic.com' rel='preconnect'/>
<link href='//www.googletagservices.com' rel='dns-prefetch'/>
<link href='//static.xx.fbcdn.net' rel='dns-prefetch'/>
<link href='//tpc.googlesyndication.com' rel='dns-prefetch'/>
<link href='//syndication.twitter.com' rel='dns-prefetch'/>
<!--<style type='text/css'/>-->
<b:skin><![CDATA[*//*
*/
/* CSS Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
/* HTML5 */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1}*{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;}*,*:before, *:after {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}ins{background:#fff;}
a{color:#fff}a:link,a:visited{text-decoration:none;transition:all .3s}a:hover,a:active{outline:0}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}abbr[title]{border:0}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button}button[disabled],html input[disabled]{cursor:}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}html{-webkit-font-smoothing:antialiased}::selection{background-color:#ede9df}::-moz-selection{background-color:#ede9df}h1,h2,h3,h4,h5,h6{clear:both;color:#111;font-weight:700;line-height:1.4}
h1{font-size:40px;font-size:2.5rem;margin-bottom:1em;margin-top:2em}
h2{font-size:28px;font-size:1.750rem;margin-bottom:1em;margin-top:1em}
h3{font-size:25px;font-size:1.563rem;margin-bottom:1em;margin-top:1.5em}
h4{font-size:22px;font-size:1.375rem;margin-bottom:1em;margin-top:1.5em}
h5{font-size:20px;font-size:1.25rem;margin-bottom:0.5em;margin-top:1em}
h6{font-size:18px;font-size:1.125rem;margin-bottom:0.5em;margin-top:1em}
a{color:inherit;text-decoration:none;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,color .15s ease-in-out,opacity .15s ease-in-out}
.entry-content a{color:#aaa}p{margin:0 0 1.5em}b,strong{font-weight:700}dfn,q,cite,em,i{font-style:italic}q{quotes:"" ""}cite{border-bottom:dotted 1px #777}code,kbd,tt,var{color:#777;border-bottom:solid 1px #ccc;font-family:Consolas,'Courier New',monospace;font-size:88.3%}abbr,acronym{border-bottom:1px dotted #777;cursor:help}mark,ins{background-color:#ede9df;text-decoration:none}ul,ol{margin:0 0 1.5em 1.5em;padding:0}li > ul,li > ol{margin-bottom:0;margin-left:1.5em}dl{margin:0}dt{font-weight:600;margin-bottom:0.5em}dd{margin:0 0 1.5em 1.5em}table{border-top:solid 1px #e6e6e6;font-size:93.8%;margin:0 0 1.6em;width:100%}caption{margin-bottom:0.6em}table th,table td{border-bottom:solid 1px #e6e6e6;padding:0.8em 1.3em 0.8em 0}th{font-weight:600;text-align:left}blockquote{color:#777;font-style:italic;margin:0 0 2.4em;padding:12px 0 0 44px;position:relative}blockquote:before{color:#e6e6e6;content:"\201C";font-family:Georgia,serif;font-size:84px;left:-5px;line-height:1;position:absolute;top:-5px}address{margin:0 0 1.5em}pre{border-left:solid 3px #e6e6e6;color:#777;font-family:Consolas,'Courier New',monospace;font-size:88.3%;line-height:1.4;margin:0 0 1.7em;max-width:100%;padding:1.5em;word-wrap:normal}hr{background-color:#e6e6e6;border:0;height:1px;margin:0 0 1.5em}img{height:;max-width:100%;vertical-align:middle}figure{margin:0}embed,iframe,object{max-width:100%}button,input,input[type="search"],select,textarea{max-width:100%}.clear:before,.clear:after,.entry-content:before,.entry-content:after,.footer-widgetiu:before,.footer-widgetiu:after{content:"";display:table}.clear:after,.entry-content:after,.footer-widgetiu:after{clear:both}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder,input:-moz-placeholder,textarea:-moz-placeholder,input.placeholder_text,textarea.placeholder_text{color:#444}[placeholder]:focus::-webkit-input-placeholder{transition:opacity .5s .5s ease;opacity:0}.post ul li span{position:relative;display:block;padding:0;margin:.5em 0 .5em 2em;text-decoration:none}ol{counter-reset:li;list-style:none;padding:0;margin:0}ol ol{margin:0 0 0 2em}
.post ol li{position:relative;display:block;padding:0;margin:.5em 0 .5em 2em;background:#fff;text-decoration:none}
.post ol li:before{content:counter(li);counter-increment:li;position:absolute;left:-2.5em;height:2em;width:2em;text-align:center}
.post-body ul{position:relative;display:block;padding:0;margin:.5em 0 .5em 1.5em;text-decoration:none}
.post-body li{list-style-type:square}
.post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6{margin:1em auto}
html,body{cursor:url("https://i.imgur.com/5v5M8gh.png"),auto}
a:hover{cursor:url("https://i.imgur.com/IXULuQ1.png"),auto}
body{background:#eee;color:#000;font-family:'Roboto',sans-serif;font-size:16px;line-height:1.8;word-wrap:break-word;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
h1.post-title.entry-title,h2.post-title.entry-title{text-align:center;color:#666!important;letter-spacing:-.6px;margin:0;font:500 20px Roboto;line-height:1.3}
h1.post-title.entry-title a,h2.post-title.entry-title a{color:#555!important;letter-spacing:-.6px;margin:0;font:500 20px Roboto;line-height:1.3!important}
h1.post-title.entry-title a:hover,h2.post-title.entry-title a:hover{color:#4fa5de!important}
h2.post-title.entry-title{position:relative;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
/* CSS Header */
.row{max-width:1050px;margin:0 auto}
.post ul li span{position:relative;display:block;padding:0;margin:.5em 0 .5em 2em;text-decoration:none}
ol{counter-reset:li;list-style:none;padding:0;margin:0}
ol ol{margin:0 0 0 2em}
.post ol li{position:relative;display:block;padding:0;margin:.5em 0 .5em 2em;background:#fff;text-decoration:none}
.post ol li:before{content:counter(li);counter-increment:li;position:absolute;left:-2.5em;height:2em;width:2em;text-align:center}
.post-body ul{position:relative;display:block;padding:0;margin:.5em 0 .5em 1.5em;text-decoration:none}
.post-body li{list-style-type:square;list-style-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWbhmy7x7PMT8QZYWQHQhGkaRJuFk5r4DSjFWsCCYmw5H4zoFQPmoK93Y6ExIkNo5Ap54U1Yhjfz5kHdOLwCMwbcc2E-Q6IMMQxYq_nMIjg_oetGDF96rORaoFfz9REsAZYv6xGdywTc0/s13/listone.png)}
.red{background:#e74c3c;color:#fff!important}
.orange{background:#e8930c;color:#fff!important}
.green{background:#2ecc71;color:#fff!important}
.blue{background:#3498db;color:#fff!important}
.purple{background:#9b59b6;color:#fff!important}
.yellow{background:#FFD600;color:#fff!important}
.pink{background:#F889EB;color:#fff!important}
.grey{background:#bdc3c7;color:#fff!important}
.turquoise{background:#1abc9c;color:#fff!important}
.midnight{background:#2c3e50}
.asbestos{background:#6d7b7c}
.dark{background:#454545}
.daily-social-buttons{font-size:25px;margin:0;text-align:center;overflow:hidden;clear:both}
.daily-social-buttons a{color:#25a186!important}
.daily-social-buttons a:hover{color:#4cd964!important}
.entry-meta{padding-top:8px;box-shadow:inset 0 1px 0 rgba(0,0,0,0.1);font-size:16px;color:#444444;margin-bottom:10px}
.meta-item{font-size:14px;color:#555;display:inline-table;vertical-align:top}
.meta-item a{line-height:29px;font-weight:bold;text-decoration:none;padding-bottom:3px;border-bottom:1px solid transparent;-webkit-transition:border-bottom .1s ease-in-out;-o-transition:border-bottom .1s ease-in-out;transition:border-bottom .1s ease-in-out}
.meta-item a:hover{border-bottom:1px solid;color:#333333}
.meta-item{margin-right:10px}
.meta-item:after{content:"/";right:-3px;position:relative}
.meta-item:last-child:after{display:none}
div#FeaturedPost1{margin:0;padding:0!important}
.snippetsize{color:#777;font-size:14px!important}
.ribbon-vip{position:absolute;left:0px;top:0px;z-index:1;overflow: visible;width:75px;height:75px;text-align:right}
.ribbon-vip span{font-size:10px;font-weight:bold;color:#FFF;text-transform:uppercase;text-align:center;line-height:20px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);width:100px;display:block;background:#79A70A;background:linear-gradient(#3498DB 0%,#3498DB 100%);box-shadow:0 3px 10px -5px rgba(0,0,0,1);position:absolute;top:13px;left:-26px}
.ribbon-vip span::before{content:"";position:absolute;left:0;top:100%;z-index:-1;border-left:3px solid #3498DB;border-right:3px solid transparent;border-bottom:3px solid transparent;border-top:3px solid #3498DB}
.ribbon-vip span::after{content:"";position:absolute;right:0;top:100%;z-index:-1;border-left:3px solid transparent;border-right:3px solid #3498DB;border-bottom:3px solid transparent;border-top:3px solid #3498DB}
::-webkit-scrollbar {
width: 6px; height:6px}
::-webkit-scrollbar-track {
background:#FFF}
::-webkit-scrollbar-thumb {
background: #f17d22;}
::-webkit-scrollbar-thumb:window-inactive {
background:#fff}
.post-body .separator{position:relative;margin:0 -5px 1.5px -5px;overflow:hidden;max-height:420px;}
.post-body a.img,.post-body .separator a {margin-left:0!important;margin-right:0!important;}
.separator,.post-body .separator,.post-body .separator{margin:auto;max-height:500px;}
@media screen and (min-width:770px) {.post-body .separator{position:relative;margin:0 -5px 1.5px 15px;overflow:hidden;max-height:420px;}}
.popular-posts{margin-top:10px}
#PopularPosts1 ul{padding-top:10px;counter-reset:popcount;color:#000}
#PopularPosts1 ul li{position:relative;height:40px;padding:0 0 0 45px;margin:0 0 20px}
#PopularPosts1 ul li:last-child{height:44px}
span.title-top{margin-top:-3px;font-size:15px;line-height:20px;float:left;max-height:40px;overflow:hidden}
#PopularPosts1 ul li:before{content:counter(popcount,decimal);counter-increment:popcount;text-align:center;list-style-type:none;position:absolute;display:inline-block;font-weight:600;top:0;left:0;border-width:1px;width:34px;height:34px;line-height:40px;font-size:16px;background:#f1f1f1}
#PopularPosts1 ul li:after{content:"";position:absolute;top:34px;left:0;width:0;height:0;border-style:solid;border-width:10px 17px 0;border-color:#f1f1f1 transparent transparent}
#PopularPosts1 ul li:nth-child(1):before{background:#fb5353;color:#fff}
#PopularPosts1 ul li:nth-child(1):after{border-color:#fb5353 transparent transparent}
#PopularPosts1 ul li:nth-child(2):before{background:#7577a9;color:#fff}
#PopularPosts1 ul li:nth-child(2):after{border-color:#7577a9 transparent transparent}
#PopularPosts1 ul li:nth-child(3):before{background:#3dc34e;color:#fff}
#PopularPosts1 ul li:nth-child(3):after{border-color:#3dc34e transparent transparent}
#PopularPosts1 ul li:nth-child(4):before{background:#f87219;color:#fff}
#PopularPosts1 ul li:nth-child(4):after{border-color:#f87219 transparent transparent}
#PopularPosts1 ul li:nth-child(5):before{background:#0094e0;color:#fff}
#PopularPosts1 ul li:nth-child(5):after{border-color:#0094e0 transparent transparent}
#PopularPosts1 ul a{text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;position:absolute;top:50%;transform:translate(0,-50%);line-height:1.5;color:#000}
#PopularPosts1 ul li:nth-child(5){padding:7px 0 0 43px!important}
.sidebar .widget > h2 {margin:0 0 20px 0;padding:0 0 10px;border:0;color:#00a2ff;font:700 18px Roboto Condensed;border-bottom:2px solid #eee;position:relative;text-transform:uppercase;text-align:center}
.sidebar .widget > h2:after{content:'';background:#00a2ff;height:2px;width:60%;position:absolute;bottom:-2px;left:50%;margin:0;transform:translate(-50%,0)}
.breadcrumbs{margin-top:0px!important;word-wrap:break-word;text-overflow:ellipsis;white-space:nowrap;background:#fff;overflow:hidden;padding:5px 10px 0px 10px;font-size:16px;letter-spacing:-.35px}
.breadcrumbs a:hover{color:#4fa5de}
.breadcrumbs .fa{margin:0 5px}
.breadcrumbs a{color:#666!important}
pre{-webkit-user-select:text;-khtml-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;padding:0;margin:.5em auto;white-space:pre;word-wrap:break-word;overflow:auto;background-color:#2c323c;position:relative;padding-top:20px;width:100%;-moz-tab-size:2;-o-tab-size:2;tab-size:2;word-break:normal;-webkit-user-select:text;-khtml-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;border-radius:3px}
pre::-webkit-scrollbar,pre::-moz-scrollbar,pre code::-webkit-scrollbar,pre code::-moz-scrollbar,code::-webkit-scrollbar,code::-moz-scrollbar{display:none}
pre::before{font-size:15px;font-family:'Open Sans';content:attr(title);position:absolute;top:0;padding:9px 0;left:0;right:0;color:#fff;display:block;margin:0;text-indent:15px}
pre:after{display:inline-block;content:"\f121";font-family:fontAwesome;font-style:normal;font-weight:normal;font-size:18px;color:#fff;top:0;right:0;padding:9px 14px;position:absolute}
pre code{display:block;background:none;border:none;color:#bec3ce;padding:10px;font-family:'Source Code Pro',Menlo,Consolas,Monaco,monospace;font-size:.83rem;white-space:pre;overflow:auto}
code .token.important{font-weight:bold}
code .token.entity{cursor:help}
pre mark,code mark,pre code mark{background-color:#3498db!important;color:#fff!important;padding:2px;margin:0 2px;border-radius:2px}
pre[data-codetype='CSS']:before{background-color:#00a1d7}
pre[data-codetype='HTML']:before{background-color:#3cc888}
pre[data-codetype='JavaScript']:before{background-color:#75d6d0}
pre[data-codetype='JQuery']:before{background-color:#e5b460}
pre::after{content:'Double click to selection';padding:2px 5px;width:auto;height:auto;font-family:monospace;position:absolute;right:9px;top:9px;color:#FFFFFF;background-color:none;transition:all 0.3s ease-in-out;font-size:14px}
pre:hover::after{opacity:0;top:-8px;visibility:visible}
]]></b:skin>
<b:if cond='data:blog.pageType == "index"'>
<style>
.vienkhung{border:2px solid #ccc}
.account{border-bottom:2px solid #ccc}
.accountx{position:relative;color:#fff;display:block}
.accountx::after{top:0;content:'';position:absolute;width:100%;height:100%;padding:;background-image:-webkit-repeating-linear-gradient(135deg,rgba(0,0,0,.4),rgba(0,0,0,.4) 1px,transparent 2px,transparent 2px,rgba(0,0,0,.3) 3px);background-image:-moz-repeating-linear-gradient(135deg,rgba(0,0,0,.4),rgba(0,0,0,.4) 1px,transparent 2px,transparent 2px,rgba(0,0,0,.3) 3px);background-image:-o-repeating-linear-gradient(135deg,rgba(0,0,0,.4),rgba(0,0,0,.4) 1px,transparent 2px,transparent 2px,rgba(0,0,0,.3) 3px);background-image:repeating-linear-gradient(135deg,rgba(0,0,0,.4),rgba(0,0,0,.4) 1px,transparent 2px,transparent 2px,rgba(0,0,0,.3) 3px);-webkit-background-size:4px 4px;-moz-background-size:4px 4px;background-size:4px 4px}
.post .natata{-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;background:#2e2e2e;border-radius:2px;content:"";height:3px;left:0;position:absolute;top:0;width:0;z-index:2}
.post:hover .natata{background:#00a2ff;width:100%}
.post .netete{-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;background:#2e2e2e;border-radius:2px;bottom:0;content:"";height:3px;position:absolute;right:0;width:0;z-index:2}
.post:hover .netete{background:#00a2ff;width:100%}
.post .nototo{-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;background:#2e2e2e;border-radius:2px;bottom:0;content:"";height:0;left:0;position:absolute;width:3px;z-index:2}
.post:hover .nototo{background:#00a2ff;height:100%}
.post .nututu{-moz-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;background:#2e2e2e;border-radius:2px;content:"";height:0;position:absolute;right:0;top:0;width:3px;z-index:2}
.post:hover .nututu{background:#00a2ff;height:100%}
</style>
</b:if>
<b:if cond='data:blog.pageType == "item"'><style>
siteiu{background:#fff}
h1.post-title.entry-title,h2.post-title.entry-title{text-transform:uppercase;color:#222!important;letter-spacing:-0.4px;margin:0;font:600 21px Roboto;line-height:1.3;text-align:center}
h1.post-title.entry-title a,h2.post-title.entry-title a{color:#555!important;letter-spacing:-.6px;margin:0;font:500 20px Roboto;line-height:1.3!important}
h1.post-title.entry-title a:hover,h2.post-title.entry-title a:hover{color:#4fa5de!important}
</style></b:if>
<style type='text/css'>
.quickedit,#ContactForm1,#ContactForm1 br,#sidebar-wrapper,.status-msg-border,.status-msg-wrap{display:none}
body.layout-boxed{padding:20px 10px}
.layout-boxed .site-wrapperiu{max-width:1000px}
.siteiu{max-width:1100px;padding:0 5px 0 5px;margin:0 auto;overflow:hidden;margin-top:15px}
#navbar-iframe{height:0;visibility:hidden;display:none}
.post-iconspbt{margin:5px 0 0 0;padding:0}
.post-locationpbt{margin:5px 0;padding:0}
.entry-metaiu{float:right;padding:2px 7px;margin:25px 0;border-radius:4px;font-size:13px;line-height:18px;color:#95a5a6}
.entry-metaiu a{color:#95a5a6}
.entry-metaiu i{font-size:18px}
@keyframes shake{
0%{transform:translate(3px,0)}
50%{transform:translate(-3px,0)}
100%{transform:translate(0,0)}
}
@-moz-keyframes shake{
0%{-moz-transform:translate(3px,0)}
50%{-moz-transform:translate(-3px,0)}
100%{-moz-transform:translate(0,0)}
}
@-webkit-keyframes shake{
0%{-webkit-transform:translate(3px,0)}
50%{-webkit-transform:translate(-3px,0)}
100%{-webkit-transform:translate(0,0)}
}
@-ms-keyframes shake{
0%{-ms-transform:translate(3px,0)}
50%{-ms-transform:translate(-3px,0)}
100%{-ms-transform:translate(0,0)}
}
@-o-keyframes shake{
0%{-o-transform:translate(3px,0)}
50%{-o-transform:translate(-3px,0)}
100%{-o-transform:translate(0,0)}
}
/* Footer */
.footer-linkiu{font-size:87.5%;margin-top:45px;}
.post{background:#fff;margin-top:20px;padding:15px;transition:all 0.3s cubic-bezier(.25,.8,.25,1);box-shadow:4px 4px 8px 0 rgba(0,0,0,0.05);}
.entry-header-metaiu{color:#999;}
.entry-title{clear:both;letter-spacing:-0.01em;line-height:1.3;margin-bottom:30px;margin-top:0;}
.entry-content cite a{text-decoration:none;}
.introiu{color:#777;font-size:118.8%;line-height:1.6;}
.entry-summaryiu{color:#666;font-size:93.8%;}
a.more-linkiu{text-transform:uppercase;}
.entry-footer{text-align:center;margin-top:45px;}
.entry-footer-metaiu{color:#999;font-size:93.8%;}
.tags-linksiu{margin-top:15px;}
.cat-linksiu:before,.tags-linksiu:before{color:#ddd;display:inline-block;-webkit-font-smoothing:antialiased;position:relative;top:-2px;vertical-align:middle;}
.cat-linksiu:before{content:"\f07c";}
.tags-linksiu:before{content:"\f02c";}
.after-post-widget{margin-top:90px;}
.featured{float:right;margin-top:-3px;}
.featured-icon{background-color:#e6e6e6;border-radius:5px;color:#777;font-size:87.5%;padding:7px 12px 6px;}
.footer-areaiu{padding:20px}
.site-bottomiu{background: #fff;color:#222;padding:20px 20px;margin:auto;text-align:center;text-transform:uppercase;font-weight:600;font-size:14px;border-top:2px solid #f90}
.site-infoiu a{color:#25a186!important}.site-infoiu a:hover{color:#6f7b7c;}
.site-infoiu{font-size:87.5%;}
.site-created{margin-top:5px;}
/* Navigation */
#blog-pager{width:1060px;background:#fff;position:relative;display:table;text-align:center;}
#blog-pager-newer-link{float:left}#blog-pager-older-link{float:right}
#blog-pager a:link,#blog-pager a:visited{display:inline-block;;color:rgba(0,0,0,0.5);padding:0;margin:5px;transition:all .3s}
#blog-pager a:link:hover,#blog-pager a:visited:hover{color:#4fa5de;}
#blog-pager i{font-size:32px;padding:5px 10px}
/* Responsive */
@media screen and (max-width:826px) {
#blog-pager{width:0;background:#fff;position:relative;display:table;margin:20px auto;text-align:center;border:0!important}
#main-nav{display:none}
@media screen and (min-width:783px) {
body.layout-boxed{padding:50px 25px;}}
@media screen and (max-width:769px){
.site-infoindz{letter-spacing:.5px;font-size:12px;text-transform:none}
#header-top p.description{display:block}}
@media screen and (max-width:641px){
.post{margin:6px 0}
.siteiu{padding:10px}
.tinynav1{text-indent:10px;}
.site-brandingindz{text-align:center}
.site-logoindz{margin:0 auto 12px}
.site-titleindz a:after,.site-titleindz a:after{display:none}}
@media screen and (max-width:362px){.site-logoindz{max-width:100%}}
/* Print */
@media print {
html,body{background:none!important;color:#000!important;font-size:10pt!important;}
.after-post-widget,.comments-area .comment-edit-link,.comments-area .reply,.comment-respond,.navigation,#infinite-handle,.footer-areaiu,.footer-linkiu{display:none!important;}
body,.siteiu{padding-left:0;padding-right:0;}}
.main .widget{margin:0 0 5px;padding:0 0 2px;}
.main .Blog{border-bottom-width:0;}
#header .description{}
.feed-links{clear:both;}
</style>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<style type='text/css'>
.post{position:relative;padding:0;margin:12px;box-shadow:0 0 8px 0 rgba(0,0,0,0.02);overflow:hidden}
.post:hover{box-shadow:0 0 20px 0 rgba(0,0,0,0.05);}
.post-outer{width:33.3%;float:left;position:relative;overflow:hidden;display:block;margin:0 auto}
.post-thumb{position:relative;overflow:hidden;height:200px}
.post-thumb img.thumbimg{transition: .5s;background-size:cover}
.zoom-img{position:absolute;width:100%;height:100%;z-index:2;-webkit-transition:.7s;-moz-transition:.7s;-o-transition:.7s;opacity:0;transform:scale(1);text-align:center;font-size:70px;color:#fff}
.post-thumb:hover .zoom-img{visibility:visible;opacity:1;}
.shade-icon{font-size:12px;font-weight:600;font-style:normal;padding:10px 10px;position:absolute;top:50%;left:50%;margin-top:-15px;margin-left:-40px;border:1px solid #fff;text-transform:uppercase;transition:all 0.3s}
.shade-icon:hover{background:#2ecc71;}
.shade-icon:before{content:'Xem Chi Tiết'}
.post-thumb:hover img{-webkit-filter:brightness(70%)}
.post-body{font-size:14px}
.entry-title{color:#7f8c8d;font-size:19px;line-height:1.33;margin-bottom:20px}
.entry-title a{color:#222;}.entry-title a:hover{color:#4fa5de;}
.wrapost{margin:auto;padding:10px}
.snippets{position:relative;color:#95a5a6;display:none;visibility:hidden;}
.snippets:after{content:'';text-align:right;position:absolute;bottom:0;right:0;width:70%;height:1.2em;background:linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,1) 50%)}
.downpost{display:block;margin:0px;font-size:11px;line-height:1;text-transform:uppercase;font-weight:700;overflow:hidden}
.post-metaiu{display:inline-block;float:left;margin:0 10px 0 0}
.post-metacomment{float:right;margin:0 10px 0 0}
.post-metacomment a,.post-metaiu a{position:relative;color:#aaa;text-transform:uppercase;font-weight:700}.post-metacomment a:hover,.post-metaiu a:hover{color:#4fa5de;}
span.bubblecomm{position:absolute;background:#e67e22;color:#fff;width:24px;height:24px;line-height:22px;text-align:center;border-radius:100%;left:-5px;bottom:12px;font-weight:400;border:2px solid #fff}
.post:hover span.bubblecomm{animation:shake 150ms 2 linear;}
#blog-pager{margin:20px auto 30px auto}
@media screen and (max-width:826px){
.row{max-width:100px;margin:0 auto!important}
.post-outer{width:50%}}
@media screen and (max-width:641px){
.post-outer{width:100%}
.post{margin:6px 0}}
</style>
</b:if>
</b:if>
<b:if cond='data:blog.pageType != "index"'>
<style type='text/css'>
.entry-title{margin-bottom:15px;}
.siteiu{padding:0;max-width:1070px;background:#fff;margin-top:20px;margin-bottom:26px;}
#mainiu{float:left;overflow:hidden;width:67%;}
.addwrapp{margin:20px auto}
@keyframes shine{100%{left:125%}}
/* Sidebar */
#sidebar-wrapper{right:0px;background:#fff;display:block;padding:10px 35px 10px 20px;width:33%;float:right;word-wrap:break-word;overflow:hidden;margin-top:-20px;margin-left:-10px}
#sidebar-wrapper .widget ul{margin:5px 0;padding:5px 0;background:#fff}
#sidebar-wrapper .widget{margin-top:5px!important;padding:0;background:#fff}
.widget-content{margin:0;padding:0;overflow:hidden}
.sidebar,.sidebartop {line-height:1.5em;padding:0}
.sidebar ul,.sidebartop ul {padding:0;margin:0}
.BlogArchive #ArchiveList ul li {text-indent:0!important}
.sidebar ul li,.sidebartop ul li{margin:0;padding:10px}
.sidebar .widget{margin:0}
.sidebartop .widget{margin:0}
/* Post */
.post{background:#fff;margin-top:3px;box-shadow:none}
.post-body{padding:0;line-height:1.7}
.post img{width:100%!important;border-radius:10px;height:auto;margin:0 auto}
.post img{margin-right:20px}
/* Blog Pager */
#blog-pager{display:none;text-align:center!important;background:#4fa5de;position:relative;margin:auto;text-align:center;border:0;padding:20px}
#blog-pager a:link,#blog-pager a:visited{display:inline-block;background:none;color:rgba(255,255,255,0.6);padding:0;margin:5px;transition:all .3s}
#blog-pager a:link:hover,#blog-pager a:visited:hover{background:transparent;color:rgba(255,255,255,1);}
/* Responsive */
@media screen and (max-width:769px) {
.siteiu{margin:70px 10px 15px 10px;padding:0 auto}
#mainiu,#sidebar-wrapper{float:none;width:100%}
#sidebar-wrapper{margin:-55px 0px 20px 0px}
#sidebar-wrapper{padding:10px}
#mainiu{margin:0 0px 0px 0px}}
</style>
</b:if>
<b:if cond='data:blog.pageType == "static_page"'>
<style type='text/css'>
#colophoniu{position:static;right:0;bottom:0;left:0}
</style>
</b:if>
<script>
//<![CDATA[
!function(){function e(){var e=!1;e&&c("keydown",r),v.keyboardSupport&&!e&&u("keydown",r)}function t(){if(document.body){var t=document.body,o=document.documentElement,n=window.innerHeight,r=t.scrollHeight;if(S=document.compatMode.indexOf("CSS")>=0?o:t,w=t,e(),x=!0,top!=self)y=!0;else if(r>n&&(t.offsetHeight<=n||o.offsetHeight<=n)){var a=!1,i=function(){a||o.scrollHeight==document.height||(a=!0,setTimeout(function(){o.style.height=document.height+"px",a=!1},500))};if(o.style.height="auto",setTimeout(i,10),S.offsetHeight<=n){var l=document.createElement("div");l.style.clear="both",t.appendChild(l)}}v.fixedBackground||b||(t.style.backgroundAttachment="scroll",o.style.backgroundAttachment="scroll")}}function o(e,t,o,n){if(n||(n=1e3),d(t,o),1!=v.accelerationMax){var r=+new Date,a=r-C;if(a<v.accelerationDelta){var i=(1+30/a)/2;i>1&&(i=Math.min(i,v.accelerationMax),t*=i,o*=i)}C=+new Date}if(M.push({x:t,y:o,lastX:0>t?.99:-.99,lastY:0>o?.99:-.99,start:+new Date}),!T){var l=e===document.body,u=function(){for(var r=+new Date,a=0,i=0,c=0;c<M.length;c++){var s=M[c],d=r-s.start,f=d>=v.animationTime,h=f?1:d/v.animationTime;v.pulseAlgorithm&&(h=p(h));var m=s.x*h-s.lastX>>0,w=s.y*h-s.lastY>>0;a+=m,i+=w,s.lastX+=m,s.lastY+=w,f&&(M.splice(c,1),c--)}l?window.scrollBy(a,i):(a&&(e.scrollLeft+=a),i&&(e.scrollTop+=i)),t||o||(M=[]),M.length?E(u,e,n/v.frameRate+1):T=!1};E(u,e,0),T=!0}}function n(e){x||t();var n=e.target,r=l(n);if(!r||e.defaultPrevented||s(w,"embed")||s(n,"embed")&&/\.pdf/i.test(n.src))return!0;var a=e.wheelDeltaX||0,i=e.wheelDeltaY||0;return a||i||(i=e.wheelDelta||0),!v.touchpadSupport&&f(i)?!0:(Math.abs(a)>1.2&&(a*=v.stepSize/120),Math.abs(i)>1.2&&(i*=v.stepSize/120),o(r,-a,-i),void e.preventDefault())}function r(e){var t=e.target,n=e.ctrlKey||e.altKey||e.metaKey||e.shiftKey&&e.keyCode!==H.spacebar;if(/input|textarea|select|embed/i.test(t.nodeName)||t.isContentEditable||e.defaultPrevented||n)return!0;if(s(t,"button")&&e.keyCode===H.spacebar)return!0;var r,a=0,i=0,u=l(w),c=u.clientHeight;switch(u==document.body&&(c=window.innerHeight),e.keyCode){case H.up:i=-v.arrowScroll;break;case H.down:i=v.arrowScroll;break;case H.spacebar:r=e.shiftKey?1:-1,i=-r*c*.9;break;case H.pageup:i=.9*-c;break;case H.pagedown:i=.9*c;break;case H.home:i=-u.scrollTop;break;case H.end:var d=u.scrollHeight-u.scrollTop-c;i=d>0?d+10:0;break;case H.left:a=-v.arrowScroll;break;case H.right:a=v.arrowScroll;break;default:return!0}o(u,a,i),e.preventDefault()}function a(e){w=e.target}function i(e,t){for(var o=e.length;o--;)z[N(e[o])]=t;return t}function l(e){var t=[],o=S.scrollHeight;do{var n=z[N(e)];if(n)return i(t,n);if(t.push(e),o===e.scrollHeight){if(!y||S.clientHeight+10<o)return i(t,document.body)}else if(e.clientHeight+10<e.scrollHeight&&(overflow=getComputedStyle(e,"").getPropertyValue("overflow-y"),"scroll"===overflow||"auto"===overflow))return i(t,e)}while(e=e.parentNode)}function u(e,t,o){window.addEventListener(e,t,o||!1)}function c(e,t,o){window.removeEventListener(e,t,o||!1)}function s(e,t){return(e.nodeName||"").toLowerCase()===t.toLowerCase()}function d(e,t){e=e>0?1:-1,t=t>0?1:-1,(k.x!==e||k.y!==t)&&(k.x=e,k.y=t,M=[],C=0)}functlion f(e){if(e){e=Math.abs(e),D.push(e),D.shift(),clearTimeout(A);var t=D[0]==D[1]&&D[1]==D[2],o=h(D[0],120)&&h(D[1],120)&&h(D[2],120);return!(t||o)}}function h(e,t){return Math.floor(e/t)==e/t}function m(e){var t,o,n;return e*=v.pulseScale,1>e?t=e-(1-Math.exp(-e)):(o=Math.exp(-1),e-=1,n=1-Math.exp(-e),t=o+n*(1-o)),t*v.pulseNormalize}function p(e){return e>=1?1:0>=e?0:(1==v.pulseNormalize&&(v.pulseNormalize/=m(1)),m(e))}var w,g={frameRate:150,animationTime:800,stepSize:120,pulseAlgorithm:!0,pulseScale:8,pulseNormalize:1,accelerationDelta:20,accelerationMax:1,keyboardSupport:!0,arrowScroll:50,touchpadSupport:!0,fixedBackground:!0,excluded:""},v=g,b=!1,y=!1,k={x:0,y:0},x=!1,S=document.documentElement,D=[120,120,120],H={left:37,up:38,right:39,down:40,spacebar:32,pageup:33,pagedown:34,end:35,home:36},v=g,M=[],T=!1,C=+new Date,z={};setInterval(function(){z={}},1e4);var A,N=function(){var e=0;return function(t){return t.uniqueID||(t.uniqueID=e++)}}(),E=function(){return window.requestAnimationFrame||window.webkitRequestAnimationFrame||function(e,t,o){window.setTimeout(e,o||1e3/60)}}(),K=/chrome/i.test(window.navigator.userAgent),L="onmousewheel"in document;L&&K&&(u("mousedown",a),u("mousewheel",n),u("load",t))}();
//]]>
</script>
</head>
<body>
<div id='top-wrap-bsw-menu' itemscope='itemscope' itemtype='http://schema.org/WPHeader' style='position:fixed;top:0px;background:#222;border-bottom:3px solid #f90'>
<div class='top-wrap-menu_bsw' itemscope='itemscope' itemtype='http://schema.org/WPHeader'><nav class='top_wrap-menu-bsw' itemscope='itemscope' itemtype='http://schema.org/WPHeader'>
<input class='res-bsw-menu' type='checkbox'/>
<label class='res_bsw-menu'><span class='title-bsw'>Khôi Ròm</span>
<span class='hamburger'/>
<span class='hamburger1'/>
<span class='hamburger2'/>
</label>
<div class='logo'><a href='/'>Khôi Ròm Blog</a></div>
<ul>
<li><a href='https://facebook.com/mkhoi2001'>Hợp tác</a></li>
<li><a href='/p/contacts.html' target='_blank'>Liên hệ</a></li>
<li><a href='javascript:open_bsw-menu-v3'>Template Blog<i class='fa fa-angle-down' style='margin:0 0 0 8px'/></a>
<ul class='drop-down-bsw_menu'>
<li><a href='/search/label/bán%20hàng?max-results=9'>Template bán hàng</a></li>
<li><a href='/search/label/tin%20tức?max-results=9'>Template tin tức</a></li>
<li><a href='/search/label/phim?max-results=9'>Template phim</a></li>
<li><a href='/search/label/cá%20nhân?max-results=9'>Template cá nhân</a></li>
<li><a href='/search/label/tài%20liệu?max-results=9'>Template tài liệu</a></li>
<li><a href='/search/label/tiện%20ích?max-results=9'>Template tiện ích</a></li>
<li><a href='/search/label/landing?max-results=9'>Template landing</a></li>
</ul>
</li>
<div class='search_box_menu'>
<form action='/search' id='searchthis' method='get' style='display:inline;'>
<input id='search-box_bsw-v3' name='q' placeholder='Tìm kiếm trên Blog' type='text'/>
</form>
</div>
</ul>
</nav></div></div>
<style>
.search_box_menu{display:inline;float:right}
#search-box_bsw-v3{background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguYFY9YKwQX1jXdu75Hx740jdlx-XzeWPT7OHUUP9MOtEVXQy7G-TVsNRTc62G-IaFB7BbYvpZIuHZ3pbXt1qfaxbJuxd4pt1xQOi3rEVRY0gDPd_7pqoF0kdReuqXpeOBrBnPt2Wz0jxt/s20/search_icon.png) no-repeat center left;background-position:50%;border:0;padding:0 10px 0 42px;font:400 16px Roboto;width:0;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.7s;cursor:pointer;line-height:33px}
#search-box_bsw-v3:focus{background:rgba(0,0,0,.3) url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguYFY9YKwQX1jXdu75Hx740jdlx-XzeWPT7OHUUP9MOtEVXQy7G-TVsNRTc62G-IaFB7BbYvpZIuHZ3pbXt1qfaxbJuxd4pt1xQOi3rEVRY0gDPd_7pqoF0kdReuqXpeOBrBnPt2Wz0jxt/s20/search_icon.png) no-repeat center left;background-position:5% 50%;outline:0;border:0;border-radius:50px;color:#eee;padding:0 10px 0 37px;font:400 15px Roboto;line-height:33px;margin:0;width:250px;z-index:99;position:relative;cursor:text}
#search-box_bsw-v3::-webkit-input-placeholder{color:#ddd}
.top_wrap-menu-bsw .logo img{width:50px;height:50px}
#top-wrap-bsw-menu{z-index:99999;width:100%;height:50px;line-height:50px;padding:0;background:transparent;position:fixed;top:0;left:0;-moz-transition:all .1s ease;-webkit-transition:all .1s ease;-ms-transition:all .1s ease;-o-transition:all .1s ease;transition:all .1s ease}
.top-wrap-menu_bsw{width:100%;margin:0 auto;-webkit-user-select:none;-moz-user-select:none;-o-user-select:none}
.top_wrap-menu-bsw{margin:0 auto;max-width:1100px;position:relative;width:100%}
.top_wrap-menu-bsw ul,.top_wrap-menu-bsw li{margin:0 0;padding:0 0;list-style:none;float:right}
.top_wrap-menu-bsw li{margin:0;float:right;display:inline;position:relative;text-transform:none}
.top_wrap-menu-bsw a{display: block; padding: 0 15px; text-decoration: none; color: #fff; font-weight: 700; font-family: 'Roboto Condensed',sans-serif; text-transform: uppercase; transition: .1s; font-size: 16px;}
.top_wrap-menu-bsw a:hover {background:rgba(0,0,0,.15)}
.res-bsw-menu{display:none;margin:0 0;padding.top_wrap-menu-bsw ul.drop-down-bsw_menung:0 0;width:80px;height:35px;opacity:0;cursor:pointer}
.res_bsw-menu{font:500 30px Roboto;display:none;width:35px;height:36px;line-height:36px;text-align:center}
.top_wrap-menu-bsw ul.drop-down-bsw_menu{margin:0;width:280px;background:#fff;box-shadow:0 0 69px rgba(0,0,0,.15);position:absolute;z-index:99;padding:0;opacity:0;visibility:hidden;transition:all .25s ease-in-out}
.top_wrap-menu-bsw ul.drop-down-bsw_menu:before{content:'';position:absolute;top:-12px;right:10px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:12px solid #fff;left:35px}
.top_wrap-menu-bsw ul .drop-down-bsw_menu li{display:block;width:100%;font:12px 'Roboto',sans-serif;text-transform:none}
ul.drop-down-bsw_menu.morong-colum{width:500px}
.top_wrap-menu-bsw li:last-child ul.drop-down-bsw_menu{right:0}
.top_wrap-menu-bsw li:last-child ul.drop-down-bsw_menu:before{content:'';position:absolute;top:-12px;right:35px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:12px solid #fff;left:inherit}
.top_wrap-menu-bsw li:hover ul.drop-down-bsw_menu{opacity:1;visibility:visible;transform:none;border-radius:10px}
.top_wrap-menu-bsw ul.drop-down-bsw_menu a{color:#555;padding:12px 20px;line-height:normal}
.top_wrap-menu-bsw ul .drop-down-bsw_menu li a{font: 400 16px 'Roboto',sans-serif!important; text-transform: capitalize;}
.top_wrap-menu-bsw ul.drop-down-bsw_menu a:hover{background:rgba(0,0,0,.1)}
.top_wrap-menu-bsw ul.drop-down-bsw_menu a:focus{background:rgba(0,0,0,.3)}
.top_wrap-menu-bsw .logo{position:absolute;left:0}
.top_wrap-menu-bsw .logo img{position:absolute;top:50%;left:0;transform:translate(0,-50%);border-radius:50%}
.top_wrap-menu-bsw .logo a{background:none!important;padding: 0; margin: 0 0 0 10px; text-transform: uppercase; font-size: 25px; font-weight: 700; font-family: 'Roboto Condensed','Roboto',sans-serif;}
#bsw_bg_m_top{background:#fff;position:relative;padding:15px 0 5px 0;margin:auto;width:100%;overflow:hidden;text-align:left;margin:0}
.bsw_bg_m_top{width:1080px;margin:auto}
.bsw_bg_m_top a{color:#66689c;font:700 34px Roboto;text-transform:uppercase;letter-spacinggg:.05em}
.bsw_bg_m_top a:hover{color:333}
@media screen and (max-width:800px){
.search_box_menu{display:none}
.top_wrap-menu-bsw .logo{right:0}
.top_wrap-menu-bsw ul.drop-down-bsw_menu a{color:#666}
.top_wrap-menu-bsw ul:before{content:'';position:absolute;top:-12px;right:10px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:12px solid #fff;left:18px}
.top_wrap-menu-bsw .logo a{float:right;margin-right:0px}
.top-wrap-menu_bsw{width:100%!important;margin:0 auto}
.top_wrap-menu-bsw{margin:0 auto;width:95%!important;position:relative}
#top-wrap-bsw-menu{z-index:9999;width:100%;height:50px;position:inherit;top:0;padding:0}
.top_wrap-menu-bsw ul{background:#fff;box-shadow:0 0 20px rgba(0,0,0,.25);border-radius:5px;position:absolute;top:100px;transition:.35s;z-index:99999;opacity:0;visibility:hidden}
.top_wrap-menu-bsw ul.drop-down-bsw_menu:before{display:none!important}
.top_wrap-menu-bsw .logo img{display:none}
.top_wrap-menu-bsw a{display:block;line-height:35px;left:70px;margin:0;padding:10px 10px 10px 60px!important;text-decoration:none;color:}
.top_wrap-menu-bsw ul li a{font:500 16px Roboto;color:#444}
.top_wrap-menu-bsw li:hover ul.drop-down-bsw_menu,.top_wrap-menu-bsw li:focus ul.drop-down-bsw_menu{display:block!important}
.top_wrap-menu-bsw ul.drop-down-bsw_menu{height:auto;width:100%!important;background:transparent!important;position:inherit!important;z-index:99;visibility:visible;opacity:1;border:0;box-shadow:none!important;padding:0!important;top:0!important;display:none;transform:none}
.top_wrap-menu-bsw li{display:block;float:none;width:100%}
.top_wrap-menu-bsw input,.top_wrap-menu-bsw label{position:absolute;top:12px;left:10px;display:block}
.top_wrap-menu-bsw input{z-index:4}
.top_wrap-menu-bsw input:checked + label .hamburger1{transform:rotate(45deg);top:14px;width:100%}
.top_wrap-menu-bsw input:checked + label .hamburger2{transform:rotate(-225deg);top:12px}
.top_wrap-menu-bsw input:checked + label .hamburger{top:15px;opacity:0;transform:rotate(135deg)}
.top_wrap-menu-bsw input:checked ~ ul .top_wrap-menu-bsw label{top:10px}
.top_wrap-menu-bsw input:checked ~ ul{top:65px!important;display:inherit;padding:20px 0!important;opacity:1;visibility:visible;width:100%}
.top_wrap-menu-bsw input:checked + ul .drop-down-bsw_menu{display:block}
.hamburger,.hamburger1,.hamburger2{transition:.45445s!important}
.hamburger{font-size:18px;background:#fff;height:2px;display:block;position:relative;top:6px;width:}
.hamburger1{font-size:18px;background:#fff;height:2px;display:block;position:relative;top:12px;width:}
.hamburger2{font-size:18px;background:#fff;height:2px;display:block;position:relative;top:18px}
.top_wrap-menu-bsw .title-bsw{color:#fff;font:500 26px Roboto;text-transform:uppercase;line-height:50px;left:70px;position:absolute;letter-spacinggg:0;display:none}
}
</style>
<b:if cond='data:view.isMultipleItems'>
<style>
.large-header{position:relative;width:100%;background:#333;height:60vh!important;display:table;background-size:cover;background-position:center;z-index:1;background:url(https://imgur.com/WVcpREt.jpg) fixed;background-repeat:no-repeat;background-size:cover;background-position:center center}
.home-search>h1{color:#fff;font-weight:400;padding:0;font-size:40px;text-transform:uppercase;text-shadow:1px 1px 2px #111;margin:0 0 10px}
.home-search>h2{color:#fff;font-weight:100;padding:0;font-size:20px;text-transform:uppercase;margin:0 0 10px}
.box-search{margin:auto;position:relative;max-width:750px;width:100%}
.huge-search>input[type=search]{border-radius:4px;font-size:16px;line-height:normal;height:100%;padding:20px;width:90%;outline:0;float:center;font-family:'Segoe UI';background:rgba(0,0,0,0.4);border:1px solid #16A085;color:#fff}
.huge-search>input[type=search]:focus{border:1px solid #0EB1F0}
.huge-search>button{font-weight:400;text-align:center;float:left;outline:0;border:0;transition:.2s;height:50.9px;cursor:pointer;width:15%;background:#16A085;color:#fff;border-radius:4px;font-size:26px;position:absolute;right:6%;top:6px}
.huge-search>button:focus,.huge-search>button:hover{background:#0EB1F0}
.hieuungdep{z-index:999;position:absolute;top:25%;width:100%;text-align:center}
@media screen and (max-width:783px) {
.home-search>h1{color:#fff;font-weight:400;padding:0;font-size:25px;text-transform:uppercase;text-shadow:1px 1px 2px}
.home-search>h2{color:#fff;font-weight:100;padding:0;font-size:17px;text-transform:uppercase;margin:0 0 10px}
.huge-search>button{top:5.5px}}
@media screen and (max-width:824px) {.dizz{display:none;visibility:hidden;}.large-header{height:40vh}}
.main-title{text-align:center;margin-bottom:20px}
.main-title h1,.main-title h2{font:400 25px/normal Roboto;text-transform:uppercase;color:#333}
.main-title h1 span,.main-title h2 span{color:#fff;font-weight:900;text-transform:uppercase;position:relative;padding-bottom:9px}
.main-title h1 span:before,.main-title h2 span:before{content:'';display:block;width:10px;height:10px;background:#2196f3;position:absolute;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);left:calc(50% - 7.5px);bottom:-4.4px}
.main-title h1 span:after,.main-title h2 span:after{content:'';display:block;width:100%;height:1px;background:#2196f3;position:absolute;bottom:0;left:0}
</style>
<div class='large-header' id='large-header'>
<canvas id='demo-canvas' style='position: absolute;bottom: 0px;width: 100%;'/>
<div class='hieuungdep'>
<div class='home-search'>
<div class='main-title'>
<h2 class='animated rollIn'><span>Kho Template Blogspot</span></h2>
</div>
<h2>Cung cấp mẫu Blogger chất lượng cao</h2>
<div class='box-search'>
<form action='search' class='huge-search' id='search' method='get'>
<input name='q' placeholder='Nhập từ khoá tìm kiếm...' type='search'/>
<button type='submit'><span class='fa fa-search'/></button>
</form>
</div>
</div>
</div></div>
<div class='clear'/>
</b:if>
<div id='header-wrapper' itemscope='itemscope' itemtype='http://schema.org/WPHeader'>
<div class='row'>
</div>
</div>
<div class='clear'/>
<b:if cond='data:blog.pageType == "item"'>
<style> ._pt{display:inline;text-transform:uppercase;font-weight:700}
#post-title-s2{clear:both;margin:10px 0;background:white;width:100%}
.post-title-s2{width:1080px;max-width:100%;margin:0 auto;padding:15px 0;font-size:15px;color:#666;text-align:center;line-height:2}
.post-title-s2 p{margin:0}
.post-title-s2 span{font-weight:700}
.post-title-s2 a:before{content:'';position:absolute;top:0;left:50%;background:#7577a9;height:100%;width:25px;border-radius:100px;transition:.5s;transform:translate(-50%,0);opacity:0}
.post-title-s2 a:hover:before{width:100%;opacity:.2}
.post-title-s2 a{font-weight:500;position:relative;border:2px solid #ddd;padding:3px 15px;border-radius:100px;margin:0;transition:0s}
.post-title-s2 a i {margin:0 7px 0 0}
.post-title-s2 a:hover{color:#7577a9;background:transparent;border:2px solid}
.post-title-02{border-bottom:1px solid #c5c5c5;position:relative;top:-30px;margin:0}
.post-title-02 h5{font-family: "Roboto Condensed",sans-serif; font-size: 20px; font-weight: 700; line-height: 60px; color: #555; text-align: center; margin: 0}
.post-title-02 h5 span{display:inline-block;*display:inline;zoom:1;position:relative;top:30px;padding:0 12px}
._bg-pt2{background:#fff}
.post-title-s2 a span{margin:0 0 0 8px;font-weight:500;font-size:14px}
</style>
<b:if cond='data:blog.isMobileRequest != "true"'> <br/><br/>
<div id='post-title-s2'>
<div class='post-title-s2'>
<div class='post-title-02'><h5><span class='_bg-pt2'><div class='_pt'><i aria-hidden='true' class='fa fa-gg' style='margin:0 10px 0 0'/><data:blog.pageName/><i aria-hidden='true' class='fa fa-gg' style='margin: 0 0 0 10px;transform:rotate(180deg)'/></div></span></h5></div>
<p>
<a expr:href='"//www.facebook.com/sharer.php?u=" + data:blog.url' onclick='window.open(this.href, "_blank", "height=430,width=640"); return false;' title='Chia sẻ lên Facebook'><i class='fa fa-facebook-f'/><span> Facebook</span></a>
<a expr:href='"//plus.google.com/share?url=" + data:blog.url' onclick='window.open(this.href, "_blank", "height=430,width=640"); return false;' target='_blank' title='Chia sẻ lên Google'><i class='fa fa-google-plus'/><span> Google Plus</span></a>
<a onclick='CopyLink()' style='cursor: pointer;' title='Sao chép liên kết của bài viết'><i class='fa fa-link'/><span> Copy URL</span></a>
</p>
</div>
</div>
<script>
function copyTextToClipboard(e) {
var t = document.createElement("textarea");
t.style.position = "fixed", t.style.top = 0, t.style.left = 0, t.style.width = "2em", t.style.height = "2em", t.style.padding = 0, t.style.border = "none", t.style.outline = "none", t.style.boxShadow = "none", t.style.background = "transparent", t.value = e, document.body.appendChild(t), t.select();
try {
document.execCommand("copy"), alert("Đã sao chép liên kết!")
} catch (o) {
alert("Không thể sao chép liên kết!")
}
document.body.removeChild(t)
}
function CopyLink() {
copyTextToClipboard(location.href)
};
</script>
</b:if></b:if>
<div class='site-wrapperiu'>
<div class='siteiu' id='pageiu'>
<div class='site-mainiu' id='mainiu' role='main'>
<b:section class='mainblogsec' id='mainblogsec' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Bài đăng trên Blog' type='Blog' version='1'>
<b:widget-settings>
<b:widget-setting name='commentLabel'>nhận xét bạn đọc</b:widget-setting>
<b:widget-setting name='showShareButtons'>false</b:widget-setting>
<b:widget-setting name='authorLabel'>By</b:widget-setting>
<b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
<b:widget-setting name='timestampLabel'>-</b:widget-setting>
<b:widget-setting name='reactionsLabel'>Bạn Thấy Như Thế Nào</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'>Links to this post</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'>Từ Khóa:</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:if cond='data:mobile == "false"'>
<!-- posts -->
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<b:include data='posts' name='breadcrumb'/>
<data:defaultAdStart/>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.isDateStart'>
<b:if cond='data:post.isFirstPost == "false"'>
</div></div>
</b:if>
</b:if>
<b:if cond='data:post.isDateStart'>
<div class="date-outer">
</b:if>
<b:if cond='data:post.isDateStart'>
<div class="date-posts">
</b:if>
<div class='post-outer'>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "static_page"'>
<b:include data='post' name='comment_picker'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comment_picker'/>
</b:if>
</div>
<b:if cond='data:post.includeAd'>
<b:if cond='data:post.isFirstPost'>
<data:defaultAdEnd/>
<b:else/>
<data:adEnd/>
</b:if>
<div class='inline-ad'>
<data:adCode/>
</div>
<data:adStart/>
</b:if>
</b:loop>
<b:if cond='data:numPosts != 0'>
</div></div>
</b:if>
<data:adEnd/>
</div>
<div class='clear'/>
<b:if cond='data:blog.pageType != "item"'>
<!-- navigation -->
<b:include name='nextprev'/>
</b:if>
<!-- feed links -->
<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.backlinks' var='backlink'>
<div class='collapsed-backlink backlink-control'>
<dt class='comment-title'>
<span class='backlink-toggle-zippy'> </span>
<a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
<b:include data='backlink' name='backlinkDeleteIcon'/>
</dt>
<dd class='comment-body collapseable'>
<data:backlink.snippet/>
</dd>
<dd class='comment-footer collapseable'>
<span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
<span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
</dd>
</div>
</b:loop>
</dl>
</b:if>
<p class='comment-footer'>
<a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
</p>
</b:includable>
<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == "static_page"'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'><i class='fa fa-home'/> </a></span> <i class='fa fa-angle-right'/> <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<!-- breadcrumb for the post page -->
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'><span itemscope='itemscope' itemtype='//schema.org/WebPage'>
<div class='breadcrumbs' xmlns:v='//rdf.data-vocabulary.org/#'>
<span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url' title='Home'> <i class='fa fa-home'/> </a></span>
<b:loop values='data:post.labels' var='label'>
<i class='fa fa-angle-right'/> <span typeof='v:Breadcrumb'><a expr:href='data:label.url + "?max-results=9&ref=khoirom"' expr:title='data:label.name' property='v:title' rel='v:url'><data:label.name/></a><b:if cond='data:label.isLast == "true"'/></span>
</b:loop>
<i class='fa fa-angle-right'/> <span><a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a></span>
</div></span>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'> <i class='fa fa-home'/> </a></span> <i class='fa fa-angle-right'/> <span>Không có chuyên mục</span> <i class='fa fa-angle-right'/> <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'><i class='fa fa-home'/> </a></span> <i class='fa fa-angle-right'/> <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == ""'>
<span><a expr:href='data:blog.homepageUrl'> <i class='fa fa-home'/> </a></span> <i class='fa fa-angle-right'/> <span>Tất cả bài viết</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'> <i class='fa fa-home'/> </a></span> <i class='fa fa-angle-right'/> <span><data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='comment-form' var='post'>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<b:if cond='data:showCmtPopup'>
<div class='goog-toggle-button'>
<div class='goog-inline-block comment-action-icon'/>
</div>
<b:else/>
<a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
<img src='https://resources.blogblog.com/img/icon_delete13.gif'/>
</a>
</b:if>
</span>
</b:includable>
<b:includable id='comment_count_picker' var='post'>
<b:if cond='data:post.commentSource == 1'>
<span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url' expr:data-url='data:post.url.canonical.http'>
</span>
<b:else/>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:post.commentLabelFull/>:
</a>
</b:if>
</b:includable>
<b:includable id='comment_picker' var='post'>
<b:if cond='data:post.commentSource == 1'>
<b:include data='post' name='iframe_comments'/>
<b:elseif cond='data:post.showThreadedComments'/>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:includable>
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<b:if cond='data:post.hasOlderLinks'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
 
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
 
</b:if>
<data:post.commentRangeText/>
<b:if cond='data:post.hasNewerLinks'>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
</b:if>
</span>
</b:if>
<div expr:id='data:widget.instanceId + "_comments-block-wrapper"'>
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p>
<data:comment.body/>
</p>
</b:if>
</dd>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>
</div>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
<data:post.oldestLinkText/>
</a>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
<data:post.olderLinkText/>
</a>
 
<data:post.commentRangeText/>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
<data:post.newerLinkText/>
</a>
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
<data:post.newestLinkText/>
</a>
</span>
</b:if>
<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
<b:elseif cond='data:post.allowComments'/>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</p>
</b:if>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:include cond='data:post.showBacklinks' data='post' name='backlinks'/>
</div>
</div>
</div>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links -->
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>
<b:else/> <!--Post feed links -->
<div class='post-feeds'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.feedLinks'>
<b:include data='post.feedLinks' name='feedLinksBody'/>
</b:if>
</b:if>
</b:loop>
</div>
</b:if>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>
</b:includable>
<b:includable id='iframe_comments' var='post'>
<b:if cond='data:post.allowComments'>
<script expr:src='data:post.commentSrc' type='text/javascript'/>
<div class='cmt_iframe_holder'/>
<b:if cond='data:post.embedCommentForm == "false"'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</b:includable>
<b:includable id='mobile-index-post' var='post'>
<div class='mobile-date-outer date-outer'>
<b:if cond='data:post.dateHeader'>
<div class='date-header'>
<span><data:post.dateHeader/></span>
</div>
</b:if>
<div class='mobile-post-outer'>
<a expr:href='data:post.url'>
<h3 class='mobile-index-title entry-title'>
<data:post.title/>
</h3>
<div class='mobile-index-arrow'>&rsaquo;</div>
<div class='mobile-index-contents'>
<b:if cond='data:post.thumbnailUrl'>
<div class='mobile-index-thumbnail'>
<div class='Image'>
<img expr:src='data:post.thumbnailUrl'/>
</div>
</div>
</b:if>
<div class='post-body'>
<b:if cond='data:post.snippet'><data:post.snippet/></b:if>
</div>
</div>
<div class='clear'/>
</a>
<div class='mobile-index-comment'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.numComments != 0'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='mobile-main' var='top'>
<!-- posts -->
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<b:include data='posts' name='breadcrumb'/>
<b:if cond='data:blog.pageType == "index"'>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='mobile-index-post'/>
</b:loop>
<b:else/>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='mobile-post'/>
</b:loop>
</b:if>
</div>
<b:include name='mobile-nextprev'/>
</b:includable>
<b:includable id='mobile-nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<div class='mobile-link-button' id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>&lsaquo;</a>
</div>
</b:if>
<b:if cond='data:olderPageUrl'>
<div class='mobile-link-button' id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>&rsaquo;</a>
</div>
</b:if>
<div class='mobile-link-button' id='blog-pager-home-link'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</div>
<div class='mobile-desktop-link'>
<a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
</div>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='mobile-post' var='post'>
<div class='date-outer'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>
<div class='date-posts'>
<div class='post-outer'>
<div class='post hentry uncustomized-post-template'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
<div class='post-header'>
<div class='post-header-line-1'/>
</div>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id'>
<data:post.body/>
<div class='clear'/> <!-- clear for photos floats -->
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<b:if cond='data:post.authorProfileUrl'>
<span class='fn'>
<a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
<data:post.author/>
</a>
</span>
<b:else/>
<span class='fn'><data:post.author/></span>
</b:if>
</b:if>
</span>
<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span>
<span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</b:if>
</span>
</div>
<div class='post-footer-line post-footer-line-2'>
<b:if cond='data:top.showMobileShare'>
<div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
<a href='javascript:void(0);'><data:shareMsg/></a>
</div>
</b:if>
<b:if cond='data:top.showDummy'>
<div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
</b:if>
</div>
</div>
</div>
<b:if cond='data:blog.pageType == "static_page"'>
<b:include data='post' name='comment_picker'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comment_picker'/>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><i class='material-icons'>arrow_back</i></a>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><i class='material-icons'>arrow_forward</i></a>
</span>
</b:if>
<a class='home-link' expr:href='data:blog.homepageUrl'><i class='fa fa-home'/></a>
<b:if cond='data:mobileLinkUrl'>
<div class='blog-mobile-link'>
<a expr:href='data:mobileLinkUrl'><i class='material-icons'>apps</i></a>
</div>
</b:if>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='post' var='post'>
<article class='post hentry'>
<div class='vienkhung'>
<span class='natata'/><span class='netete'/><span class='nototo'/><span class='nututu'/>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<script type='text/javascript'>
snippet_count = 100;
//<![CDATA[
function removeHtmlTag(n,e){if(-1!=n.indexOf("<")){for(var t=n.split("<"),i=0;i<t.length;i++)-1!=t[i].indexOf(">")&&(t[i]=t[i].substring(t[i].indexOf(">")+1,t[i].length));n=t.join("")}for(e=e<n.length-1?e:n.length-2;" "!=n.charAt(e-1)&&-1!=n.indexOf(" ",e);)e++;return n=n.substring(0,e-1),n+" ..."}function createSnippet(n){var e=document.getElementById(n),t=snippet_count,i='<div class="snippets">'+removeHtmlTag(e.innerHTML,t)+""+"</div>";e.innerHTML=i}
//]]>
</script>
<b:if cond='data:post.isFirstPost'>
<script type='text/javascript'>
//<![CDATA[
function gravity_thumbnail(image_url,post_title){var show_default_thumbnail=true;var default_thumbnail="//1.bp.blogspot.com/-PqPvTT3-Aw4/Vf-xPMobkBI/AAAAAAAABu0/KOisr1H172g/s1600/default.png";if(show_default_thumbnail==true&&image_url=="")image_url=default_thumbnail;image_tag='<img height="200px" src="'+image_url.replace('/s72-c/','/s'+100%+'-c/')+'" class="thumbimg" alt="'+post_title+'" title="'+post_title+'" width="100%"/>';if(image_url!="")return image_tag;else return""}
//]]>
</script>
</b:if>
<div class='account'>
<div class='post-thumb'>
<span class='zoom-img'><a expr:href='data:post.url' expr:title='data:post.title'><i class='shade-icon'/></a></span><script type='text/javascript'>
document.write(gravity_thumbnail("<data:post.thumbnailUrl/>","<data:post.title/>"));
</script>
</div></div>
</b:if>
</b:if>
<div class='wrapost'>
<b:if cond='data:post.title'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<h2 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>
</h2>
<b:else/>
<h1 class='ripplelink 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:else/>
<h1 class='ripplelink 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-header-line-1'/>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSnippet("summary<data:post.id/>");</script>
</b:if></b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/>
</b:if>
<b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if>
</div>
</div></div>
</article>
<div class='clear'/>
<b:if cond='data:blog.pageType == "item"'>
<!-- navigation -->
<b:include name='nextprev'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<script type='text/javascript'>/*<![CDATA[*/function saringtags(r,l){for(var e=r.split("<"),n=0;n<e.length;n++)-1!=e[n].indexOf(">")&&(e[n]=e[n].substring(e[n].indexOf(">")+1,e[n].length));return e=e.join(""),e=e.substring(0,l-1)}function relpostimgcuplik(r){for(var l=0;l<r.feed.entry.length;l++){var e=r.feed.entry[l];reljudul[relnojudul]=e.title.$t,postcontent="","content"in e?postcontent=e.content.$t:"summary"in e&&(postcontent=e.summary.$t),relcuplikan[relnojudul]=saringtags(postcontent,numchars),"media$thumbnail"in e?postimg=e.media$thumbnail.url:postimg="http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s1600/grey.GIF",relgambar[relnojudul]=postimg;for(var n=0;n<e.link.length;n++)if("alternate"==e.link[n].rel){relurls[relnojudul]=e.link[n].href;break}relnojudul++}}function contains(r,l){for(var e=0;e<r.length;e++)if(r[e]==l)return!0;return!1}function artikelterkait(){for(var r=new Array(0),l=new Array(0),e=new Array(0),n=new Array(0),t=0;t<relurls.length;t++)contains(r,relurls[t])||(r.length+=1,r[r.length-1]=relurls[t],l.length+=1,l[l.length-1]=reljudul[t],e.length+=1,e[e.length-1]=relcuplikan[t],n.length+=1,n[n.length-1]=relgambar[t]);reljudul=l,relurls=r,relcuplikan=e,relgambar=n;for(var t=0;t<reljudul.length;t++){var a=Math.floor((reljudul.length-1)*Math.random()),u=reljudul[t],i=relurls[t],o=relcuplikan[t],s=relgambar[t];reljudul[t]=reljudul[a],relurls[t]=relurls[a],relcuplikan[t]=relcuplikan[a],relgambar[t]=relgambar[a],reljudul[a]=u,relurls[a]=i,relcuplikan[a]=o,relgambar[a]=s}for(var g,m=0,d=Math.floor((reljudul.length-1)*Math.random()),c=d,h=document.URL;relmaxtampil>m&&(relurls[d]==h||(g="<li class='news-title clearfix'>",g+="<a href='"+relurls[d]+"' rel='nofollow' target='_top' title='"+reljudul[d]+"'><div class='overlayb'><img src='"+relgambar[d]+"' /></div></a>",g+="<div class='overlaytext'><a class='relinkjdulx' href='"+relurls[d]+"' target='_top'>"+reljudul[d]+"</a></div>",g+="<span class='news-text'>"+relcuplikan[d]+"</span>",g+="</li>",document.write(g),m++,m!=relmaxtampil))&&(d<reljudul.length-1?d++:d=0,d!=c););}var relnojudul=0,relmaxtampil=6,numchars=90,reljudul=new Array,relurls=new Array,relcuplikan=new Array,relgambar=new Array;/*]]>*/</script>
</b:if>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='shareButtons' var='post'>
<b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + "&target=orkut"' expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div class='clear'/>
</b:if>
</b:includable>
<b:includable id='threaded-comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<b:if cond='data:mobile'>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
<b:else/>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
</script>
</div>
</b:includable>
<b:includable id='threaded_comment_js' var='post'>
</b:includable>
<b:includable id='threaded_comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<div class='comments-content'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='threaded_comment_js'/>
</b:if>
<div id='comment-holder'>
<data:post.commentHtml/>
</div>
</div>
<p class='comment-footer'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='threaded-comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
</p>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<b:if cond='data:blog.pageType == "item"'>
<br/>
</b:if>
<div id='sidebar-wrapper' itemscope='itemscope' itemtype='http://schema.org/WPSideBar'>
<b:section class='sidebartop' id='sidebartop' preferred='yes'>
<b:widget id='HTML1' locked='false' title='' type='HTML'>
<b:widget-settings>
<b:widget-setting name='content'><br/><h2 class='post-title entry-title'>THÔNG TIN</h2>
<a name="detailss"></a>
<script type="text/javascript">
//<![CDATA[
$(document).ready(function() {
$('a[name="detailss"]').before($("#Theme-detailss").html()), $("#Theme-detailss").html("")
});
//]]>
</script>
<style>
.buttonx{display:inline-flex;border-radius:4px;cursor:pointer;border:double #eee;font-size:13px;font-weight:700;text-transform:uppercase;color:#FFF!important;background-color:#00a2ff!important;background:0;margin:5px;padding:5px 20px;text-shadow:none;transition:all 1s}.buttonx:hover{color:#00a2ff!important;background:#fff!important;box-shadow:0 0 18px 18px rgba(80,80,80,0)}
.button2x{display:inline-flex;border-radius:4px;cursor:pointer;border:double #eee;font-size:13px;font-weight:700;text-transform:uppercase;color:#FFF!important;background-color:#ffb200!important;background:0;margin:5px;padding:5px 20px;text-shadow:none;transition:all 1s}.button2x:hover{color:#ffb200!important;background:#fff!important;box-shadow:0 0 18px 18px rgba(80,80,80,0)}
#store-style {
background: #f6f8f9;
display: block;
overflow: hidden;
border: 1px solid rgba(0, 0, 0, 0.05);
padding: 20px;
margin: 0 0 20px 0
}
.rio-ss li{list-style:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWbhmy7x7PMT8QZYWQHQhGkaRJuFk5r4DSjFWsCCYmw5H4zoFQPmoK93Y6ExIkNo5Ap54U1Yhjfz5kHdOLwCMwbcc2E-Q6IMMQxYq_nMIjg_oetGDF96rORaoFfz9REsAZYv6xGdywTc0/s13/listone.png)}
.rio-ss {
overflow: hidden;
line-height: normal
}
.idb {
line-height: 1.5;
}
</style></b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
<b:section class='sidebar' id='sidebar' preferred='yes'/>
</div>
<b:if cond='data:blog.pageType == "item"'>
<div class='fb-comments' data-num-posts='5' data-width='100%' expr:data-href='data:post.canonicalUrl'/>
</b:if>
</div>
</div>
<nav class='bacsiwindows_slidemenu_v3' data-bacsiwindows_slidemenu_v3='active' data-bsw_nav_='#bsw_nav_'><a name='footer-wrapper'/>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
$('a[name="footer-wrapper"]').before($("#footer-wrapper").html())
});
//]]>
</script>
<a class='log-out' href='javascript:;' id='bsw_nav_' target='blank'><i class='fa fa-times'/></a></nav>
<div id='footer-wrapper'>
<div class='footer-row'>
<b:section class='left' id='left' preferred='yes'>
<b:widget id='PopularPosts1' locked='false' title='Xem Nhiều Trong Tuần' type='PopularPosts' version='1'>
<b:widget-settings>
<b:widget-setting name='numItemsToShow'>6</b:widget-setting>
<b:widget-setting name='showThumbnails'>false</b:widget-setting>
<b:widget-setting name='showSnippets'>false</b:widget-setting>
<b:widget-setting name='timeRange'>LAST_WEEK</b:widget-setting>
</b:widget-settings>
<b:includable id='main'>
<b:if cond='data:title != ""'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
<ul>
<b:loop values='data:posts' var='post'>
<li>
<b:if cond='!data:showThumbnails'>
<b:if cond='!data:showSnippets'>
<!-- (1) No snippet/thumbnail -->
<a expr:href='data:post.href'><data:post.title/></a>
<b:else/>
<!-- (2) Show only snippets -->
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
<b:else/>
<!-- (3) Show only thumbnails or (4) Snippets and thumbnails. -->
<div expr:class='data:showSnippets ? "item-content" : "item-thumbnail-only"'>
<b:if cond='data:post.featuredImage.isResizable or data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<b:with value='data:post.featuredImage.isResizable ? resizeImage(data:post.featuredImage, 72, "1:1") : data:post.thumbnail' var='image'>
<img alt='' border='0' expr:src='data:image'/>
</b:with>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<b:if cond='data:showSnippets'>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
</div>
</b:if>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
<b:section class='center' id='center' preferred='yes'/>
<b:section class='right' id='right' preferred='yes'>
<b:widget id='HTML2' locked='false' title='Liên Kết Bạn Bè' type='HTML'>
<b:widget-settings>
<b:widget-setting name='content'><div id='friend-link'>
<div class='friend-link'>
<li><a class='actived' href='/p/contacts.html' target='_blank'>Thêm liên kết</a></li>
<li><a href='http://www.hungcoder.com' target='_blank' title='Hùng Coder Blog's - blog thủ thuật công nghệ - blogger - blogspot - free template and more'>Hùng Coder Blog's</a></li>
<li><a href='http://www.starcuongit.com' target='_blank' title='Star Cường IT - Chia Sẽ Thủ Thuật, PSD Ảnh Bìa Tổng hợp'>Star Cường IT</a>
</li>
<li><a href='https://www.khanhblogger.com/' target='_blank' title='Khanh Blogger - Blog cá nhân chia sẻ thủ thuât'>Khanh Blogger</a>
</li>
<li><a href='http://www.codedayroi.net/' target='_blank' title='Code đây rồi - Blog chia sẻ thủ thuât'>Code đây rồi</a>
</li>
<li></li>
</div></div>
<br/>
<br/></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='FollowByEmail1' locked='false' title='Đăng Ký Theo Dõi' type='FollowByEmail' version='1'>
<b:includable id='main'>
<b:if cond='data:title != ""'><h2 class='title'><data:title/></h2></b:if>
<div class='widget-content'>
<div class='follow-by-email-inner'>
<form action='https://feedburner.google.com/fb/a/mailverify' expr:onsubmit='"window.open(\"https://feedburner.google.com/fb/a/mailverify?uri=" + data:feedPath + "\", \"popupwindow\", \"scrollbars=yes,width=550,height=520\"); return true"' method='post' target='popupwindow'>
<div class='form-group'>
<div class='input-group'>
<span class='input-group-addon'><span aria-hidden='true' class='glyphicon glyphicon-envelope'/></span>
<input class='form-control' id='email' name='email' placeholder='username@example.com' required='' type='email'/>
<span class='input-group-btn'>
<button class='btn btn-success btn-flat' type='submit'><span aria-hidden='true' class='glyphicon glyphicon-ok'/></button>
</span>
</div>
</div>
<input expr:value='data:feedPath' name='uri' type='hidden'/>
<input name='loc' type='hidden' value='en_US'/>
</form>
</div>
</div>
<span class='item-control blog-admin'>
<b:include name='quickedit'/>
</span>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
<div class='clear'/>
<style>
#footer-wrapper{background:#fff;overflow:hidden;margin:0 auto;padding:0 10px 0;color:#ddd}
.footer-row{width:1050px;max-width:100%;margin:0 auto}
.footer-row h2{transition: all 0.5s ease-out;font-size:18px;font-weight:600;color:#333;text-align:center;margin-bottom:5px;border-bottom:1px solid #eee;padding-bottom:3px;position:relative}
.footer-row h2:before{content: " ";display:block;height:3px;width:250px;margin:0 auto;background:#00a2ff;position:absolute;bottom:-1px;left:50%;margin-left: -125px}
#footer-wrapper .left{float:left;width:70%}
#footer-wrapper .right{float:right;width:30%}
#footer-wrapper .right .widget{margin:0 0 15px;clear:both}
#PopularPosts1 ul li{float:left;width:45%;margin-right: 10px}
@media screen and (max-width:640px){
#PopularPosts1 ul li {float: left;width:100%!important}
#footer-wrapper{display:none}
#footer-wrapper .left{float:none;width:100%}
#footer-wrapper .center{float:none;width:100%}
#footer-wrapper .right{float:none;width:100%}
#footer-wrapper .left .widget,#footer-wrapper .center .widget{margin:0 0 15px;clear:both}
}
#friend-link{padding: 0; margin: 10px 0 0; list-style: none; float: left; width: 100%;text-align:center}
.friend-link{margin:0;padding:0}
.friend-link li{margin:0;padding:0;line-height:normal;display:inline-block;text-align:center}
.friend-link a{display: block; margin: 0 5px 5px 0; padding: 5px 15px; font: 700 12px 'Roboto',sans-serif!important; border-radius: 50px; border: 2px solid; color: #616161!important; text-transform: uppercase;}
.friend-link a.actived{color:#ff6600!important}
.friend-link a:hover{text-decoration:none!important;color:#c57947!important;border:2px solid}
</style>
<footer class='site-footeriu' id='colophoniu' itemscope='itemscope' itemtype='http://schema.org/WPFooter' role='contentinfo'>
<div class='site-bottomiu'>
<div class='site-infoiu'>
<div class='daily-social-buttons'>
<a href='https://facebook.com/mkhoi2001' target='_blank'><i class='fa fa-facebook-square'/></a>
<a href='#' target='_blank'><i class='fa fa-youtube-square'/></a>
<a href='#' target='_blank'><i class='fa fa-google-plus-square'/></a>
<a href='https://www.blogger.com/follow.g?blogID=9159690735618477322' target='_blank'><i class='fa fa-rss-square'/></a>
</div>
All Rights Reserved © <script>var creditsyear = new Date();document.write(creditsyear.getFullYear());</script> <span id='copyright-template'><a href='/'>Khôi Ròm Blog</a></span><br/></div>
</div></footer>
<script type='text/javascript'>
var adlinkfly_url = 'http://vnurl.info/';
var adlinkfly_api_token = '5b527fd2a3315df10dc35c666c9388f7e90a9dfa';
var adlinkfly_advert = 2;
var adlinkfly_domains = ['drive.google.com', 'goo.gl', 'bit.ly', 'anotepad.com'];
</script>
<script src='//vnurl.info/js/full-page-script.js'/>
<script type='text/javascript'>
$(document).ready(function() {
$('img').each(function() {
var $img = $(this);
var filename = $img.attr('src') $img.attr('alt', filename.substring((filename.lastIndexOf('/')) + 1, filename.lastIndexOf('.')));
});
});
</script>
<script type='text/javascript'>
$(document).ready(function() {
$('img').each(function() {
var $img = $(this);
var filename = $img.attr('src') $img.attr('title', filename.substring((filename.lastIndexOf('/')) + 1, filename.lastIndexOf('.')));
});
});
jQuery(document).ready(function () {
jQuery('a[href*="http://"]:not([href*="https://www.khoiromblog.site/"])').attr('rel', 'nofollow');
jQuery('a[href*="https://"]:not([href*="https://www.khoiromblog.site/"])').attr("target", "_blank");
});
</script>
<script type='text/javascript'>
//<![CDATA[
for(var pres=document.getElementsByTagName("pre"),i=0;i<pres.length;i++)pres[i].addEventListener("dblclick",function(){var a=getSelection(),b=document.createRange();b.selectNodeContents(this);a.removeAllRanges();a.addRange(b)},!1);
//]]>
</script>
<div id='fb-root'/>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/vi_VN/sdk.js#xfbml=1&version=v3.0&appId=2061488077510905";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<b:if cond='data:blog.pageType == "index"'>
<div class='sticky-bottom'>
<a class='button-sticky-bottom' href='javascript:;'><i class='fa fa-sort fa-lg'/></a>
<ul id='mobile-navi' style='display: block;'>
<li class='Home_bot'><a href='/' title='Trang chủ'><span class='ti-home'/>Trang chủ</a></li>
<li class='search_bot'><a href='javascript:;' id='bsw_search' onclick='toggleOverlay()'><span class='ti-search'/>Tìm kiếm</a></li>
<li class='noti_bot'><a href='javascript:void(0)' id='noti'><span class='ti-bell'/>Thông báo</a></li>
<li class='pop_bot'><a class='toggle' href='javascript:;' id='bsw_nav_'><span class='ti-pop'/>Danh mục</a></li>
</ul>
</div>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<div class='sticky-bottom'>
<a class='button-sticky-bottom' href='javascript:;'><i class='fa fa-sort fa-lg'/></a>
<div id='mobile-navi' style='display: block;'>
<div id='mobile-share-bottom'>
<a class='ripplelink btnHome' href='#comment'><span class='ripplelink ti-home'/></a>
<a class='ripplelink btnPop' href='javascript:;' id='bsw_nav_'><span class='ti-pop'/></a>
<a class='ripplelink btnComment' href='#'><span class='ripplelink ti-comment'/></a>
<a class='ripplelink btnShare' expr:href='"//www.facebook.com/sharer.php?u=" + data:blog.url' onclick='window.open(this.href, "_blank", "height=430,width=640"); return false;' rel='nofollow' target='_blank' title='Chia sẻ Facebook'><span class='ripplelink ti-share'/></a>
</div>
</div></div>
<style>#mobile-navi{padding:0px!important}</style>
</b:if>
<script type='text/javascript'>
$('.button-sticky-bottom').click(function(){
$("#mobile-navi").slideToggle();
})
</script>
<style>
#mobile-share-bottom a.btnComment{float:right;display:block;margin-right:10px;border:1px solid #f2f2f2;background:#f90;font-size:12px;font-weight:bold;text-transform:uppercase;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;top:7px;border-radius:2px}
#mobile-share-bottom a.btnComment span[class*="ti-"]{font-size:16px;padding:0 0px;position:relative;margin-right:0;margin-left:0;color:#fff}
#mobile-share-bottom a.btnPop{float:right;display:block;margin-right:10px;border:1px solid #f2f2f2;background:#f90;font-size:12px;font-weight:bold;text-transform:uppercase;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;top:7px;border-radius:2px}
#mobile-share-bottom a.btnPop span[class*="ti-"]{font-size:16px;padding:0 0px;position:relative;margin-right:0;margin-left:0;color:#fff;padding:0 14px}
#mobile-share-bottom a.btnShare{float:right;display:block;margin-right:10px;border:1px solid #f2f2f2;background:#f90;font-size:12px;font-weight:bold;text-transform:uppercase;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;top:7px;border-radius:2px}
#mobile-share-bottom a.btnShare span[class*="ti-"]{font-size:16px;padding:0 0px;position:relative;margin-right:0;margin-left:0;color:#fff}
#mobile-share-bottom a.btnHome{float:left;display:block;margin-left:10px;border:1px solid #f2f2f2;background:#00a1d6;font-size:12px;font-weight:bold;text-transform:uppercase;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;top:7px;border-radius:2px;padding:0 10px}
#mobile-share-bottom a.btnHome span[class*="ti-"]{font-size:16px;padding:0 9px;position:relative;margin-right:0;margin-left:0;color:#fff}
.ripplelink{position:relative;overflow:hidden;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease;z-index:0}
.sticky-bottom{position:fixed;bottom:0;width:100%;max-width:1024px;z-index:999;background:#fff;padding-top:0px;text-align:center;box-sizing:border-box;}
.button-sticky-bottom{position:absolute;width:80px;height:70px;background:#fff;top:-25px;padding:1px;border-radius:100%;z-index:97;left:50%;margin-left:-40px;text-align:center;border:1px solid #eee}
#mobile-navi{position:relative!important;z-index:98!important;}
@media only screen and (min-width:640px){
#mobile-navi,.sticky-bottom,.bacsiwindows_slidemenu_v3,#overlay{display:none;}}
@media only screen and (max-width:640px){
#mobile-navi{z-index:999;position:fixed;margin:0!important;padding-bottom:15px;bottom:0;left:0;width:100%;height:46px;background:#fff;border-top:1px solid #eee;box-shadow:0 -1px 5px -2px rgba(0,0,0,0.1);overflow:hidden;}
#mobile-navi li{width:25%;height:46px;float:left;}
#mobile-navi li a{display:block;width:100%;height:100%;font-family:sans-serif;font-size:12px;font-weight:400;color:#555;text-align:center;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
#mobile-navi li a:hover{color:#00a1d6}
#mobile-navi li a span[class*="ti-"]{display:block;width:100%;height:25px;line-height:28px;font-size:14px;margin-top:0}
#mobile-navi li a{color:#555}
.ti-home:before{content:"\f015";font-family:FontAwesome;}
.ti-share:before{content:"\f1e0";font-family:FontAwesome;padding:0 16px}
.ti-search:before{content:"\f002";font-family:FontAwesome;}
.ti-pop:before{content:"\f03b";font-family:FontAwesome;}
.ti-bell:before{content:"\f0a2";font-family:FontAwesome;}
.ti-comment:before{content:"\f086";font-family:FontAwesome;padding:0 14px;}
.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}
#overlay{display:none;z-index:3;background:#fff;position:fixed;width:100%;height:90px;left:0;top:0;text-align:center}
#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:50px;box-sizing:border-box;margin:0;width:93%;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRF-O8bm_ICWfnGwOTuSMqsKdWEOwmTL6svrGxHMAg4Cq8HoLtj5VVyVNGr90_xXSyM23vUbsXAPMXsj1OOs4Y1ndVgCePV2RxCQ0NPuIxM2aJAHJj6xD0I4gUeeZxC1Z7uCtmBNNCdcv_/s24/search_icon_dark.png) no-repeat center;background-position:0}
.form-search input:focus{outline:0}
.bacsiwindows_slidemenu_v3{visibility:hidden;user-select:none;-webkit-user-select:none;-moz-user-select:none;background:#fff;display:block;font-size:16px;font-weight:400;height:100%;left:0;position:fixed;overflow:auto;width:100%;z-index:9;opacity:0;top:45px;padding:0 10px 110px 10px}
.bacsiwindows_slidemenu_v3.show{visibility:visible;transform:none;opacity:1}
.bacsiwindows_slidemenu_v3::-webkit-scrollbar-track,.bacsiwindows_slidemenu_v3::-webkit-scrollbar-thumb,.bacsiwindows_slidemenu_v3::-webkit-scrollbar{width:0}
.log-out{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}
</style>
<div id='overlay'>
<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='Tìm kiếm trên Blog' type='text'/></form>
<div id='close' onclick='toggleOverlay()'><i class='fas fa-times'/></div></div></div>
<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>
<!--<head/>-->
<!--<body/>-->
</body>
</HTML>