Share CODE

 Code tạo Bloger đẹp :




<?xml version="1.0" encoding="UTF-8" ?>

<!DOCTYPE html>

<HTML expr:class='data:blog.languageDirection + &quot; no-js rwd &quot; + data:blog.pageType' expr:dir='data:blog.languageDirection' lang='vi'>

&lt;head&gt;


<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 == &quot;static_page&quot;'>

<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 == &quot;index&quot;'>

<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 != &quot;error_page&quot;'>

<title><data:blog.pageName/></title>

</b:if></b:if>


<b:if cond='data:blog.pageType == &quot;item&quot;'>

<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 == &quot;error_page&quot;'>

<title>Page Not Found</title></b:if>

<b:if cond='data:blog.pageType == &quot;archive&quot;'>

<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 != &quot;error_page&quot;'>

<meta expr:content='data:blog.metaDescription' name='description'/>

<b:if cond='data:blog.homepageUrl != data:blog.url'>

<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.pageTitle + &quot;, &quot; + data:blog.title' name='keywords'/></b:if></b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<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 + &quot;feeds/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>

<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default?alt=rss&quot;' expr:title='data:blog.title + &quot; - RSS&quot;' rel='alternate' type='application/rss+xml'/>

<link expr:href='&quot;http://www.blogger.com/feeds/&quot; + data:blog.blogId + &quot;/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>

<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>

<b:if cond='data:blog.pageType == &quot;index&quot;'>

<b:if cond='data:blog.url == data:blog.homepageUrl'>

<script type='application/ld+json'>

{&quot;@context&quot; : &quot;http://schema.org&quot;,&quot;@type&quot; : &quot;WebSite&quot;,&quot;name&quot; : &quot;<data:blog.pageTitle/>&quot;,&quot;url&quot; : &quot;https://www.khoiromblog.site&quot;}

</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'/>



&lt;!--<style type='text/css'/>--&gt;

<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 == &quot;index&quot;'>

<style>

.vienkhung{border:2px solid #ccc}

.account{border-bottom:2px solid #ccc}

.accountx{position:relative;color:#fff;display:block}

.accountx::after{top:0;content:&#39;&#39;;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:&quot;&quot;;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:&quot;&quot;;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:&quot;&quot;;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:&quot;&quot;;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 == &quot;item&quot;'><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:&quot;\f07c&quot;;}

.tags-linksiu:before{content:&quot;\f02c&quot;;}

.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 != &quot;static_page&quot;'>

<b:if cond='data:blog.pageType != &quot;item&quot;'>

<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:&#39;Xem Chi Tiết&#39;}

.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:&#39;&#39;;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 != &quot;index&quot;'>

<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 == &quot;static_page&quot;'>

<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>

&lt;/head&gt;

&lt;body&gt;

<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: &#39;Roboto Condensed&#39;,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:&#39;&#39;;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 &#39;Roboto&#39;,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:&#39;&#39;;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 &#39;Roboto&#39;,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: &#39;Roboto Condensed&#39;,&#39;Roboto&#39;,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:&#39;&#39;;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&gt;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&gt;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&gt;input[type=search]{border-radius:4px;font-size:16px;line-height:normal;height:100%;padding:20px;width:90%;outline:0;float:center;font-family:&#39;Segoe UI&#39;;background:rgba(0,0,0,0.4);border:1px solid #16A085;color:#fff}

.huge-search&gt;input[type=search]:focus{border:1px solid #0EB1F0}

.huge-search&gt;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&gt;button:focus,.huge-search&gt;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&gt;h1{color:#fff;font-weight:400;padding:0;font-size:25px;text-transform:uppercase;text-shadow:1px 1px 2px}

.home-search&gt;h2{color:#fff;font-weight:100;padding:0;font-size:17px;text-transform:uppercase;margin:0 0 10px}

    .huge-search&gt;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:&#39;&#39;;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:&#39;&#39;;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 == &quot;item&quot;'>

<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:&#39;&#39;;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: &quot;Roboto Condensed&quot;,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 != &quot;true&quot;'>  <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='&quot;//www.facebook.com/sharer.php?u=&quot; + data:blog.url' onclick='window.open(this.href, &quot;_blank&quot;, &quot;height=430,width=640&quot;); return false;' title='Chia sẻ lên Facebook'><i class='fa fa-facebook-f'/><span> Facebook</span></a>

<a expr:href='&quot;//plus.google.com/share?url=&quot; + data:blog.url' onclick='window.open(this.href, &quot;_blank&quot;, &quot;height=430,width=640&quot;); 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(&quot;textarea&quot;);

    t.style.position = &quot;fixed&quot;, t.style.top = 0, t.style.left = 0, t.style.width = &quot;2em&quot;, t.style.height = &quot;2em&quot;, t.style.padding = 0, t.style.border = &quot;none&quot;, t.style.outline = &quot;none&quot;, t.style.boxShadow = &quot;none&quot;, t.style.background = &quot;transparent&quot;, t.value = e, document.body.appendChild(t), t.select();

    try {

        document.execCommand(&quot;copy&quot;), alert(&quot;Đã sao chép liên kết!&quot;)

    } catch (o) {

        alert(&quot;Không thể sao chép liên kết!&quot;)

    }

    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 == &quot;false&quot;'>

    <!-- 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 == &quot;false&quot;'>

            &lt;/div&gt;&lt;/div&gt;

          </b:if>

        </b:if>

        <b:if cond='data:post.isDateStart'>

          &lt;div class=&quot;date-outer&quot;&gt;

        </b:if>

        <b:if cond='data:post.isDateStart'>

          &lt;div class=&quot;date-posts&quot;&gt;

        </b:if>

        <div class='post-outer'>

<b:include data='post' name='post'/>

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>

  <b:include data='post' name='comment_picker'/>

</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

  <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'>

        &lt;/div&gt;&lt;/div&gt;

      </b:if>

      <data:adEnd/>

    </div>

<div class='clear'/>

<b:if cond='data:blog.pageType != &quot;item&quot;'>

<!-- 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(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});

        function initialize() {

          google.annotations.setApplicationId(<data:top.blogspotReviews/>);

          google.annotations.createAll();

          google.annotations.fetch();

        }

        google.setOnLoadCallback(initialize);

      </script>

    </b:if>

  <b:else/>

    <b:include name='mobile-main'/>

  </b:if>

  <b:if cond='data:top.showDummy'>

    <data:top.dummyBootstrap/>

  </b:if>

</b:includable>

    <b:includable id='backlinkDeleteIcon' var='backlink'>

  <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>

    <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>

      <img src='//www.blogger.com/img/icon_delete13.gif'/>

    </a>

  </span>

</b:includable>

    <b:includable id='backlinks' var='post'>

  <a name='links'/><h4><data:post.backlinksLabel/></h4>

  <b:if cond='data:post.numBacklinks != 0'>

    <dl class='comments-block' id='comments-block'>

      <b:loop values='data:post.backlinks' var='backlink'>

        <div class='collapsed-backlink backlink-control'>

          <dt class='comment-title'>

            <span class='backlink-toggle-zippy'>&#160;</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 + &quot;_backlinks-create-link&quot;' target='_blank'><data:post.createLinkLabel/></a>

  </p>

</b:includable>

    <b:includable id='breadcrumb' var='posts'>

           <b:if cond='data:blog.homepageUrl != data:blog.url'>

            <b:if cond='data:blog.pageType == &quot;static_page&quot;'>

             <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' 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 == &quot;item&quot;'>

               <!-- 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 + &quot;?max-results=9&amp;ref=khoirom&quot;' expr:title='data:label.name' property='v:title' rel='v:url'><data:label.name/></a><b:if cond='data:label.isLast == &quot;true&quot;'/></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 == &quot;archive&quot;'>

                <!-- 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 == &quot;index&quot;'>

                <div class='breadcrumbs'>

                 <b:if cond='data:blog.pageName == &quot;&quot;'>

                  <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='&quot;item-control &quot; + data:comment.adminClass'>

    <b:if cond='data:showCmtPopup'>

      <div class='goog-toggle-button'>

        <div class='goog-inline-block comment-action-icon'/>

      </div>

    <b:else/>

      <a class='comment-delete' expr:href='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>

              &#160;

            <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>

              &#160;

          </b:if>


          <data:post.commentRangeText/>


          <b:if cond='data:post.hasNewerLinks'>

            &#160;

            <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>

            &#160;

            <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 + &quot;_comments-block-wrapper&quot;'>

        <dl expr:class='data:post.avatarIndentClass' id='comments-block'>

          <b:loop values='data:post.comments' var='comment'>

            <dt expr:class='&quot;comment-author &quot; + 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>

          &#160;

          <data:post.commentRangeText/>

          &#160;

          <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 + &quot;_backlinks-container&quot;'>

       <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 != &quot;item&quot;'> <!-- Blog feed links -->

    <b:if cond='data:feedLinks'>

      <div class='blog-feeds'>

        <b:include data='feedLinks' name='feedLinksBody'/>

      </div>

    </b:if>

    <b:else/> <!--Post feed links -->

    <div class='post-feeds'>

      <b:loop values='data:posts' var='post'>

        <b:if cond='data:post.allowComments'>

          <b:if cond='data:post.feedLinks'>

            <b:include data='post.feedLinks' name='feedLinksBody'/>

          </b:if>

        </b:if>

      </b:loop>

    </div>

  </b:if>

</b:includable>

    <b:includable id='feedLinksBody' var='links'>

  <div class='feed-links'>

  <data:feedLinksMsg/>

  <b:loop values='data:links' var='f'>

     <a class='feed-link' expr:href='data:f.url' expr: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 == &quot;false&quot;'>

      <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>

    </b:if>

  </b:if>

</b:includable>

    <b:includable id='mobile-index-post' var='post'>

  <div class='mobile-date-outer date-outer'>

    <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'>&amp;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 != &quot;static_page&quot;'>

          <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 == &quot;index&quot;'>

        <b:loop values='data:posts' var='post'>

          <b:include data='post' name='mobile-index-post'/>

        </b:loop>

      <b:else/>

        <b:loop values='data:posts' var='post'>

          <b:include data='post' name='mobile-post'/>

        </b:loop>

      </b:if>

    </div>

   <b:include name='mobile-nextprev'/>

</b:includable>

    <b:includable id='mobile-nextprev'>

  <div class='blog-pager' id='blog-pager'>

    <b:if cond='data:newerPageUrl'>

      <div class='mobile-link-button' id='blog-pager-newer-link'>

      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>&amp;lsaquo;</a>

      </div>

    </b:if>

    <b:if cond='data:olderPageUrl'>

      <div class='mobile-link-button' id='blog-pager-older-link'>

      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'>&amp;rsaquo;</a>

      </div>

    </b:if>

    <div class='mobile-link-button' id='blog-pager-home-link'>

    <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>

    </div>

    <div class='mobile-desktop-link'>

      <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>

    </div>

  </div>

  <div class='clear'/>

</b:includable>

    <b:includable id='mobile-post' var='post'>

  <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='&quot;post-body-&quot; + 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 != &quot;item&quot;'>

                  <b:if cond='data:blog.pageType != &quot;static_page&quot;'>

                    <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 == &quot;static_page&quot;'>

  <b:include data='post' name='comment_picker'/>

</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

  <b:include data='post' name='comment_picker'/>

</b:if>

      </div>

    </div>

  </div>

</b:includable>

    <b:includable id='nextprev'>

  <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 + &quot;_blog-pager-newer-link&quot;' 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 + &quot;_blog-pager-older-link&quot;' 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 != &quot;static_page&quot;'>

<b:if cond='data:blog.pageType != &quot;item&quot;'>

<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(&quot;<data:post.thumbnailUrl/>&quot;,&quot;<data:post.title/>&quot;));

  </script>

  </div></div>

</b:if>

</b:if>

<div class='wrapost'>

<b:if cond='data:post.title'>

   <b:if cond='data:blog.pageType != &quot;item&quot;'>

      <b:if cond='data:blog.pageType != &quot;static_page&quot;'>

         <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='&quot;post-body-&quot; + data:post.id'>

<b:if cond='data:blog.pageType != &quot;item&quot;'>

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>

<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>

<script type='text/javascript'>createSnippet(&quot;summary<data:post.id/>&quot;);</script>

  </b:if></b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/>

</b:if>  

<b:if cond='data:blog.pageType == &quot;static_page&quot;'><data:post.body/></b:if>


</div>

  </div></div>

  </article>

<div class='clear'/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<!-- navigation -->

<b:include name='nextprev'/>

</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<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='&quot;item-control &quot; + data:post.adminClass'>

      <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>

        <img alt='' class='icon-action' height='18' src='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 + &quot;&amp;target=email&quot;' 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 + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' 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 + &quot;&amp;target=twitter&quot;' 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 + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' 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 + &quot;&amp;target=orkut&quot;' 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(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);

    </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 + &quot;_backlinks-container&quot;'>

       <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 == &quot;item&quot;'>

  <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'>&lt;br/&gt;&lt;h2 class=&#39;post-title entry-title&#39;&gt;THÔNG TIN&lt;/h2&gt;

&lt;a name=&quot;detailss&quot;&gt;&lt;/a&gt;

&lt;script type=&quot;text/javascript&quot;&gt;

//&lt;![CDATA[

$(document).ready(function() {

 $(&#39;a[name=&quot;detailss&quot;]&#39;).before($(&quot;#Theme-detailss&quot;).html()), $(&quot;#Theme-detailss&quot;).html(&quot;&quot;)

});

//]]&gt;

&lt;/script&gt;

&lt;style&gt;

.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;

}

&lt;/style&gt;</b:widget-setting>

      </b:widget-settings>

      <b:includable id='main'>

  <!-- only display title if it's non-empty -->

  <b:if cond='data:title != &quot;&quot;'>

    <h2 class='title'><data:title/></h2>

  </b:if>

  <div class='widget-content'>

    <data:content/>

  </div>


  <b:include name='quickedit'/>

</b:includable>

    </b:widget>

  </b:section>


 <b:section class='sidebar' id='sidebar' preferred='yes'/>

</div>


<b:if cond='data:blog.pageType == &quot;item&quot;'>

<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 != &quot;&quot;'><h2><data:title/></h2></b:if>

  <div class='widget-content popular-posts'>

    <ul>

      <b:loop values='data:posts' var='post'>

      <li>

        <b:if cond='!data:showThumbnails'>

          <b:if cond='!data:showSnippets'>

            <!-- (1) No snippet/thumbnail -->

            <a expr:href='data:post.href'><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 ? &quot;item-content&quot; : &quot;item-thumbnail-only&quot;'>

            <b:if cond='data:post.featuredImage.isResizable or data:post.thumbnail'>

              <div class='item-thumbnail'>

                <a expr:href='data:post.href' target='_blank'>

                  <b:with value='data:post.featuredImage.isResizable                                  ? resizeImage(data:post.featuredImage, 72, &quot;1:1&quot;)                                  : 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'>&lt;div id=&#39;friend-link&#39;&gt;

&lt;div class=&#39;friend-link&#39;&gt;

  &lt;li&gt;&lt;a class=&#39;actived&#39; href=&#39;/p/contacts.html&#39; target=&#39;_blank&#39;&gt;Thêm liên kết&lt;/a&gt;&lt;/li&gt;

&lt;li&gt;&lt;a href=&#39;http://www.hungcoder.com&#39; target=&#39;_blank&#39; title=&#39;Hùng Coder Blog&#39;s - blog thủ thuật công nghệ - blogger - blogspot - free template and more&#39;&gt;Hùng Coder Blog&#39;s&lt;/a&gt;&lt;/li&gt;

&lt;li&gt;&lt;a href=&#39;http://www.starcuongit.com&#39; target=&#39;_blank&#39; title=&#39;Star Cường IT - Chia Sẽ Thủ Thuật, PSD Ảnh Bìa Tổng hợp&#39;&gt;Star Cường IT&lt;/a&gt;

  &lt;/li&gt;

&lt;li&gt;&lt;a href=&#39;https://www.khanhblogger.com/&#39; target=&#39;_blank&#39; title=&#39;Khanh Blogger - Blog cá nhân chia sẻ thủ thuât&#39;&gt;Khanh Blogger&lt;/a&gt;

  &lt;/li&gt;

&lt;li&gt;&lt;a href=&#39;http://www.codedayroi.net/&#39; target=&#39;_blank&#39; title=&#39;Code đây rồi - Blog chia sẻ thủ thuât&#39;&gt;Code đây rồi&lt;/a&gt;

  &lt;/li&gt;

&lt;li&gt;&lt;/li&gt;

&lt;/div&gt;&lt;/div&gt;

&lt;br/&gt;

&lt;br/&gt;</b:widget-setting>

      </b:widget-settings>

      <b:includable id='main'>

  <!-- only display title if it's non-empty -->

  <b:if cond='data:title != &quot;&quot;'>

    <h2 class='title'><data:title/></h2>

  </b:if>

  <div class='widget-content'>

    <data:content/>

  </div>


  <b:include name='quickedit'/>

</b:includable>

    </b:widget>

    <b:widget id='FollowByEmail1' locked='false' title='Đăng Ký Theo Dõi' type='FollowByEmail' version='1'>

      <b:includable id='main'>

  <b:if cond='data:title != &quot;&quot;'><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='&quot;window.open(\&quot;https://feedburner.google.com/fb/a/mailverify?uri=&quot; + data:feedPath + &quot;\&quot;, \&quot;popupwindow\&quot;, \&quot;scrollbars=yes,width=550,height=520\&quot;); return true&quot;' 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: &quot; &quot;;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 &#39;Roboto&#39;,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 &#169; <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 = &#39;http://vnurl.info/&#39;;

            var adlinkfly_api_token = &#39;5b527fd2a3315df10dc35c666c9388f7e90a9dfa&#39;;

            var adlinkfly_advert = 2;

            var adlinkfly_domains = [&#39;drive.google.com&#39;, &#39;goo.gl&#39;, &#39;bit.ly&#39;, &#39;anotepad.com&#39;];

        </script>

        <script src='//vnurl.info/js/full-page-script.js'/>

        

<script type='text/javascript'>

 $(document).ready(function() {

 $(&#39;img&#39;).each(function() {

 var $img = $(this);

 var filename = $img.attr(&#39;src&#39;) $img.attr(&#39;alt&#39;, filename.substring((filename.lastIndexOf(&#39;/&#39;)) + 1, filename.lastIndexOf(&#39;.&#39;)));

 });

 });

</script>

<script type='text/javascript'>

 $(document).ready(function() {

 $(&#39;img&#39;).each(function() {

 var $img = $(this);

 var filename = $img.attr(&#39;src&#39;) $img.attr(&#39;title&#39;, filename.substring((filename.lastIndexOf(&#39;/&#39;)) + 1, filename.lastIndexOf(&#39;.&#39;)));

 });

 });

jQuery(document).ready(function () {

jQuery(&#39;a[href*=&quot;http://&quot;]:not([href*=&quot;https://www.khoiromblog.site/&quot;])&#39;).attr(&#39;rel&#39;, &#39;nofollow&#39;);

jQuery(&#39;a[href*=&quot;https://&quot;]:not([href*=&quot;https://www.khoiromblog.site/&quot;])&#39;).attr(&quot;target&quot;, &quot;_blank&quot;);

    });

</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 = &quot;//connect.facebook.net/vi_VN/sdk.js#xfbml=1&amp;version=v3.0&amp;appId=2061488077510905&quot;;

  fjs.parentNode.insertBefore(js, fjs);

}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</script>


<b:if cond='data:blog.pageType == &quot;index&quot;'>

<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 == &quot;item&quot;'>

<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='&quot;//www.facebook.com/sharer.php?u=&quot; + data:blog.url' onclick='window.open(this.href, &quot;_blank&quot;, &quot;height=430,width=640&quot;); 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'>

    $(&#39;.button-sticky-bottom&#39;).click(function(){

        $(&quot;#mobile-navi&quot;).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*=&quot;ti-&quot;]{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*=&quot;ti-&quot;]{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*=&quot;ti-&quot;]{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*=&quot;ti-&quot;]{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*=&quot;ti-&quot;]{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:&quot;\f015&quot;;font-family:FontAwesome;}

.ti-share:before{content:&quot;\f1e0&quot;;font-family:FontAwesome;padding:0 16px}

.ti-search:before{content:&quot;\f002&quot;;font-family:FontAwesome;}

.ti-pop:before{content:&quot;\f03b&quot;;font-family:FontAwesome;}

.ti-bell:before{content:&quot;\f0a2&quot;;font-family:FontAwesome;}

.ti-comment:before{content:&quot;\f086&quot;;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(&quot;overlay&quot;),l=document.getElementById(&quot;jQsearchBSWv3&quot;);e.style.opacity=1,&quot;block&quot;==e.style.display?(e.style.display=&quot;none&quot;,l.style.display=&quot;none&quot;):(e.style.display=&quot;block&quot;,l.style.display=&quot;block&quot;,document.forms.jq_search_bacsiwindows_v3.elements.s.focus(500))}</script>

<script>

//<![CDATA[

var _0x9925=["jQuery","use strict","$el","opt","extend","init","prototype","initToggle","initDropdown","click","target","bsw_nav_","data","closest","show","toggleClass","bacsiwindows_slidemenu_v3-no-scroll","body","toggleOverlay","removeClass","hideOverlay","on","[data-bsw_dropdown_-toggle]","slideToggle","[data-bsw_dropdown_]","next","[data-bsw_dropdown_-icon]","find","preventDefault","[data-bacsiwindows_slidemenu_v3-overlay]","<div data-bacsiwindows_slidemenu_v3-overlay class=\"bacsiwindows_slidemenu_v3-overlay\"/>","append","fadeToggle","fadeOut","bacsiwindows_slidemenu_v3","fn","each","[data-bacsiwindows_slidemenu_v3]"];

var _0xc13c=[_0x9925[0],_0x9925[1],_0x9925[2],_0x9925[3],_0x9925[4],_0x9925[5],_0x9925[6],_0x9925[7],_0x9925[8],_0x9925[9],_0x9925[10],_0x9925[11],_0x9925[12],_0x9925[13],_0x9925[14],_0x9925[15],_0x9925[16],_0x9925[17],_0x9925[18],_0x9925[19],_0x9925[20],_0x9925[21],_0x9925[22],_0x9925[23],_0x9925[24],_0x9925[25],_0x9925[26],_0x9925[27],_0x9925[28],_0x9925[29],_0x9925[30],_0x9925[31],_0x9925[32],_0x9925[33],_0x9925[34],_0x9925[35],_0x9925[36],_0x9925[37]];

!function(_0x4377x2)

{

 _0xc13c[1];function _0x4377x3(_0x4377x3,_0x4377x4)

 {

  this[_0xc13c[2]]= _0x4377x2(_0x4377x3),this[_0xc13c[3]]= _0x4377x2[_0xc13c[4]](!0,{},_0x4377x5,_0x4377x4),this[_0xc13c[5]](this)

 }

 var _0x4377x5={};

 _0x4377x3[_0xc13c[6]]= {init:function(_0x4377x2)

 {

  _0x4377x2[_0xc13c[7]](_0x4377x2),_0x4377x2[_0xc13c[8]](_0x4377x2)

 }

 ,initToggle:function(_0x4377x3)

 {

  _0x4377x2(document)[_0xc13c[21]](_0xc13c[9],function(_0x4377x5)

  {

   var _0x4377x4=_0x4377x2(_0x4377x5[_0xc13c[10]]);

   _0x4377x4[_0xc13c[13]](_0x4377x3[_0xc13c[2]][_0xc13c[12]](_0xc13c[11]))[0]?(_0x4377x3[_0xc13c[2]][_0xc13c[15]](_0xc13c[14]),_0x4377x2(_0xc13c[17])[_0xc13c[15]](_0xc13c[16]),_0x4377x3[_0xc13c[18]]()):_0x4377x4[_0xc13c[13]](_0x4377x3.$el)[0]|| (_0x4377x3[_0xc13c[2]][_0xc13c[19]](_0xc13c[14]),_0x4377x2(_0xc13c[17])[_0xc13c[19]](_0xc13c[16]),_0x4377x3[_0xc13c[20]]())

  }

  )

 }

 ,initDropdown:function(_0x4377x3)

 {

  _0x4377x3[_0xc13c[2]][_0xc13c[21]](_0xc13c[9],_0xc13c[22],function(_0x4377x3)

  {

   var _0x4377x5=_0x4377x2(this);

   _0x4377x5[_0xc13c[25]](_0xc13c[24])[_0xc13c[23]](500),_0x4377x5[_0xc13c[27]](_0xc13c[26])[_0xc13c[15]](_0xc13c[14]),_0x4377x3[_0xc13c[28]]()

  }

  )

 }

 ,toggleOverlay:function()

 {

  var _0x4377x3=_0x4377x2(_0xc13c[29]);

  _0x4377x3[0]|| (_0x4377x3= _0x4377x2(_0xc13c[30]),_0x4377x2(_0xc13c[17])[_0xc13c[31]](_0x4377x3)),_0x4377x3[_0xc13c[32]](500)

 }

 ,hideOverlay:function()

 {

  _0x4377x2(_0xc13c[29])[_0xc13c[33]](500)

 }

 },_0x4377x2[_0xc13c[35]][_0xc13c[34]]= function(_0x4377x5)

 {

  return this[_0xc13c[36]](function()

  {

   _0x4377x2[_0xc13c[12]](this,_0xc13c[34])|| _0x4377x2[_0xc13c[12]](this,_0xc13c[34], new _0x4377x3(this,_0x4377x5))

  }

  )

 }

}

(window[_0xc13c[0]]);$(_0xc13c[37])[_0xc13c[34]]()

//]]></script>


&lt;!--<head/>--&gt;

&lt;!--<body/>--&gt;

&lt;/body&gt;

</HTML>