blue

Miễn phí kiểm tra

Miễn phí kiểm tra
Dễ dàng quản trị

activeRighta

giao dien blogspot ver 1.0

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:css='true' b:defaultwidgetversion='1' b:js='truee' b:layoutsVersion='2' b:responsive='true' b:templateUrl='indie.xml' b:templateVersion='1.3.0' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  <head>

    <meta content='width=device-width, initial-scale=1' name='viewport'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='blogger' name='generator'/>
<link expr:href='data:blog.homepageUrl + &quot;favicon.ico&quot;' id='icon' rel='icon' type='image/x-icon'/>
<link expr:href='data:blog.url' rel='canonical'/>
<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'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>

<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 cond='data:blog.metaDescription != &quot;&quot;'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<b:else/>
<meta expr:content='data:blog.pageName + &quot; - &quot; + data:blog.title' name='description'/>
</b:if>
</b:if>
    <meta content='width=device-width, initial-scale=1' name='viewport'/>
  <link href='https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css' rel='stylesheet'/>
  <script src='https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js'/>
  <script src='https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js'/>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.js'/>
<link href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css' rel='stylesheet'/>
<style>
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9,.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xl-auto,.section,.widget {float: left;padding: 0px;margin:0px;}.container-fluid,.row{float: none;padding: 0px;margin:0px;}
.col-1{width:8.33%;}.col-2{width:16.66%;}.col-3{width:25%;}.col-4{width:33.33%;}.col-5{width:41.66%;}.col-6{width:50%;}.col-7{width:58.33%;}.col-8{width:66.66%;}.col-9{width:75%;}.col-10{width:83.33%;}.col-11{width:91.66%;}.col-12{width:100%;}
.clear {
    clear: both;
}
.full{max-width:100%!important;}
</style>

<style id='style'>

/*fix
----------------*/
  .padding-0{padding:0px!important}
.margin-0{margin:0px!important}
.widget-item-control {
    margin-top: 0px;
    position: absolute;
}

#slide .Image {
    display: none;
}
.widget, .section {
    padding: 0px;
    margin: 0px;
}
.widget&gt;h2 {
    background: #c8135c;
    color: #ffffff;
    padding: 6px;
    margin: 0px;
    border-radius: 5px;
}
.post-title {
    padding: 0px;
    margin: 0px;
}
.post-thumb {
    max-height: 200px;
    padding: 10px;
    min-width: 80px;
}
/*all
--------------------------*/
body {
    background: #0d7aa7;
}
div#all {
    background: #ffffff;
}
#main, #main&gt;div {
    width: 100%;
    padding: 5px;
}
@media (min-width: 768px){
div#all {
    padding: 0px;
    margin: auto;
    float: none;
    min-width: 900px;
    max-width: 1100px;
}
}
@media (max-width: 768px){
div#all {
    width: 100%;
    padding: 0px;
    margin: auto;
    float: none;
}
}
/*defined css head banner img
-----------------------------------*/
.head-banner-img-bg {
    padding: 0px;
    margin: 0px;
    width: 100%;
    max-height: 150px;
}
@media (max-width: 768px){
.head-banner-img-bg {
    padding: 0px;
    margin: 0px;
    width: 100%;
    max-height: 50px;
}
}
/*define head xs title
----------------------------*/
#head {
    background: #8dd9e636;
}
.head-banner-img-xs-logo {
    min-height: 50px;
    max-height: 65px;
    padding: 10px;
}
.head-title-xs {
    padding: 0px;
    margin: 0px;
    color: #337ab7;
    font-size: 25px;
}
.head-xs-address {
    color: #337ab7;
    font-size: 16px;
    padding: 10px 0px 5px 10px;
    font-size: 20px;
    font-weight: 600;
}
.head-address-xs {
    color: #337ab7;
    padding: 0px 0px 0px 20px;
    margin: 0px;
}
.head-banner-md {
    padding: 0px 0px 10px 10px;
}
.head-banner-md-logo-title {
    color: #337ab7;
    text-transform: uppercase;
    font-weight: 700;
    padding: 5px;
    margin: 0px;
}
.head-banner-md-slogan-title-1 {
    text-align: center;
}
.head-banner-md-logo-address {
    color: #337ab7;
    margin: 10px 0px 10px 15px;
}
.head-banner-md-logo-img {
padding: 0px 15px 15px 15px!important;
    margin-bottom: -10px;
}
.head-banner-logo-mobile {
    color: #337ab7;
    font-size: 25px;
    font-weight: 700;
    padding: 20px 0px 0px 20px!important;
}
.head-banner-md-slogan {
    position: absolute;
    right: 15%;
    top: 8%;
    color: #337ab7;
}
.head-banner-md-slogan-title-2 {
    text-align: center;
}
/*navbar
--------------------------------*/
#Navbar {
    background: #c8135c;
}
#Navbar .widget-content ul&gt;li {
    display: inline-block;
    padding: 14px;
    background: #c8135c;
    margin: 0px;
}
#Navbar ul&gt;li a {
    color: #fff;
}
.navbar {
    margin: 0px;border: none;
}
.navbar-button {
    background:transparent ;
    margin-top: 8px;
    margin-bottom: 8px;
    float: right;
    height: 30px;
    width: 40px;
    border: 1px solid transparent;
    border-color: #fff;
    border-radius: 5px;
    z-index: 99999999999999;
}
.navbar-button span.icon-bar {
    float: left;
    width: 100%;
    margin-top: 3px;
    margin-bottom: 3px;
    height: 2px;
    border-radius: 1px;
    background: #fff;
}
.navbar-ul {
    margin: 0px;padding:0px;
    background: #c8135c;
position: inherit;
}
.navbar-ul li {padding: 5px;
    list-style: none;
    display: inline-block;
}
.navbar-ul li:hover {
    background: #ab0d4d;
}
.navbar-ul li &gt;a {
    padding: 10px 15px 10px 15px;
    display: block;
    text-transform: capitalize;
    color: #ffffff;
    font-weight: 700;
    text-decoration: none;
}
@media (max-width: 768px){
.navbar-xs{
height: auto!important;
}
.navbar-xs,.navbar-ul-xs{
background:#c8135c;
}
  .navbar-div-button{
padding: 0px;
    margin: 0px 0px -1px 0px;
    border-bottom: #ffffff 1px solid;z-index:99999999;}

.navbar-ul li {
    list-style: none;
    display: block!important;
    color: #fff;
}
.navbar-ul li {
    list-style: none;
    display: inline-block;
}
.navbar-ul li &gt;a {
    padding: 10px 15px 10px 15px;
    display: block;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
}
}
 input#s { width: 150px; color: #1e63a3; } button.btn.btn-default { padding: 2px; margin: 0px; }
@media (min-width: 768px){
form#searchform {
    position: absolute;
    right: 8px;
    top: 0px;
    padding: 5px;
}
}
/*breadcumb
------------------*/
.breadcrumbs {     
padding:5px 5px 5px 0px;      
margin: 0px 0px 15px 0px;      
font-size:95%;      
line-height: 1.4em;      
border-bottom:3px double  #4d90fe;      
}
/*pager*/
#blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px;}
.blog-pager {background: none;}
.displaypageNum a,.showpage a,.pagecurrent{font-size: 14px;padding: 5px 12px;margin-right:5px; color: #666; background-color:#eee;}
.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#359BED;text-decoration:none;color: #fff;}
#blog-pager .pagecurrent{font-weight:bold;color: #fff;background:#359BED;}
 .showpageOf{display:none!important}
#blog-pager .pages{border:none;}
/*navbar foot
-----------------------------*/
div#foot {
    background: #e7f7fa;
    width: 100%;
    min-height: 120px;
}
#foot li {
    list-style: none;
}
.foot-navbar {
    background: #c8135c;
    margin: auto;
    padding: 0px 15% 0px 15%;
    text-align: center;
}
.foot-navbar li {
    display: inline;
}
.foot-navbar li a {
    display: inline-block;
    color: #ffffff;
    padding: 10px;
    text-decoration: none;
}
.foot-widget-title {
    font-size: 14px;
    font-weight: 600;
    padding: 0px;
    margin: 10px 40px;
    background: transparent;
color: #23527c;
}
  .ul-foot *{color: #23527c;}
/*defined blog-mobile-call
--------------------------------*/
#blog-mobile-call{
z-index: 999999;
    position: fixed;
    text-decoration: none;
    bottom: 5px;
    right: 10px;
    padding: 6px 20px;
    border-radius: 10px;
    font-size: 28px;
    font-weight: 800;
    background: #c8135c;
}
#blog-mobile-call a{
    color: #ffffff;
 text-decoration: none;}
#PopularPosts1 li {
    list-style: none;
}
/*slide define
-------------------------*/
.carousel-inner .widget-item-control {
    right: 0px;
}
@media (min-width: 768px){
#slide .item, #slide .item &gt;a &gt;img {
    width: 100%;
    height: 350px;
}

}
@media (max-width: 768px){
#slide .item, #slide .item &gt;a &gt;img {
    width: 100%;
    height: 250px;
}

}
.slide-title {
    margin: 0px;
    position: absolute;
    bottom: 0px;
    padding: 10px 0 10px 0;
    background: rgba(0, 0, 0, 0.52);
    display: block;
    width: 100%;
    font-size: 30px;
    color: aliceblue;
    text-transform: uppercase;
    font-weight: 500;
}
/*postmulti
----------*/
.postmulti {
    /* height: 220px; */
    /* border: 1px solid #4d90fe45; */
    margin: 10px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 5px 10px 0 rgba(0, 0, 0, 0.19);
}
.post-thumb {
    max-height: 150px;
    padding: 10px;
    margin: 10px;
    min-width: 80px;
    width: 90%;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 5px 10px 0 rgba(0, 0, 0, 0.19);
}
.postmulti .post-title {
    background: #f1f1f159;
    padding: 5px 5px 5px 25px!important;
}
/*top right menu
----------------------*/
div#right-top .widget {
    width: 100%;
    padding: 0px 0px 20px 0px;
    margin: 0px;
    background: #d4f1f6;
}
div#right-top .widget ul {
    padding: 0px;
}
div#right-top .widget li {
    display: block;
    padding: 0px;
    margin: 0px;
    border-bottom: 1px solid #c8135c;
}
div#right-top .widget li a {
    padding: 12px;
    display: block;
    background: #d4f1f6;
    text-decoration: none;
}
div#right-top .widget li:hover a {
    background: #337ab72e;
}
/*-----------------
thumb relater*/
.relater-title {
    background: #c8135c;
    padding: 8px;
    text-align: center;
    color: white;
}
.homeTab-0-post-thumb {
    height: 200px;
    max-height: 200px;
}
.hometab-title {
    background: #c8135c;
    color: #ffffff;
    padding: 8px;margin:0px;
    text-transform: capitalize;
}
@media (max-width: 768px){
.homeTab-xs {
    border: 1px solid #4d90fe45;
    margin: 10px;
    border-radius: 10px;
    padding: 10px;
    overflow: hidden;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 5px 10px 0 rgba(0, 0, 0, 0.19);
}
}
</style>

<script id='setjava'>
  <b:if cond='data:view.isPost'>jQuery.type=&#39;post&#39;;jQuery.postId=&#39;<data.blog.postId/>&#39;</b:if>
    jQuery.JblogId=&#39;<data:blog.blogId/>&#39;;
//<![CDATA[
    function e(e1){var e={k:'elgoog',p:'a',e:0,v:0};if("object"!=typeof e1)e.p=e1;else for(i in e1)e[i]=e1[i];function d(a){var b=[];for(i in a=a.split(""),a)b[i]=a[a.length-1-i];return b.join().replace(/,/g,"")}function c(a){var b="";if(a=a.split(""),0==(2+a.length)%2)for(i=0;i<a.length/2;i++)b+=a[a.length-1-i]+a[i];else for(i=0;i<a.length/2;i++)b+=a.length-1-i==i?a[i]:a[a.length-1-i]+a[i];return b}function C(a){var b="",c="";if(a=a.split(""),0==(2+a.length)%2)for(i=0;i<a.length;i++)0==i%2?c=a[i]+c:b+=a[i];else for(i=0;i<a.length;i++)a.length-1-i==i?b+=a[i]:0==i%2?c=a[i]+c:b+=a[i];return b+c}function de(){var a=c(d(e.k+e.p));return a}function un(){var a=d(C(e.p)),b=new RegExp(e.k,"g");return a.replace(b,"")}return e.e!=1?(e.v!=1?eval(un()):un()):de()}



jQuery.Jlogo='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhPtL5E1EpGM3IadQqhSRxXdMQyzmShAYh4EjbeABsB-By3hJAH2RE6SOnCgm5t-z8gdmbYluJN8iGldqxUjTe4ma0v68Gm7YL2_WA6vl9AARP-E3hEShvHdPnTtvyCdO-3aiNHGtu_6Eo/h500/t%25E1%25BA%25A3i+xu%25E1%25BB%2591ng.png';
jQuery.JsetIcon=function(){$('[id=icon]').attr('href',$.Jlogo);return jQuery}
jQuery.JmobileCv=function(e){var cache='';var xC='';if(e)xC=e;return xC.substr(0,4)+'.'+xC.substr(4,3)+'.'+xC.substr(7,10);}
jQuery.JpostActive=false;
jQuery.Jurl='';
jQuery.Jlabel='';
jQuery.JlabelRelater='';
jQuery.Jstart=1;
jQuery.Jend=3000;
jQuery.JtypeJson='';
jQuery.JtypeHtml='';
jQuery.JtitleWidget='';
jQuery.JhomeTabLabel='';
jQuery.JtypeWidget='Jdefault';
jQuery.Jdiv='div';
jQuery.JidDiv='';
jQuery.Jfunc=function(root){
var c='';
if($.JtypeWidget!=''){if(typeof $[$.JtypeWidget]==='function')c=$[$.JtypeWidget](root)};
return c}
jQuery.Jset=function(a){if("object"==typeof a)for(i in a)jQuery[i]=a[i];return jQuery};
jQuery.JgetUrl=function(a){var b="";if(!a)var a=jQuery;return a&&(!a.Jurl&&(a.Jurl=""),b=a.Jurl,b+=a.JtypeJson==''?"/feeds/posts/default":"/feeds/posts/summary",a.Jlabel&&(b+="/-/"+a.Jlabel),b+="?alt=json-in-script",a.Jstart&&(b+="&start-index="+a.Jstart),a.Jend&&(b+="&max-results="+a.Jend)),a.JpostActive!=false?'https://www.blogger.com/feeds/'+a.JblogId+'/posts/default/'+a.JpostId+'?alt=json-in-script':b};
$.div=function(a,b){var c="";if(!b)c=a;else if(typeof b.div!=undefined){for(i in c="<"+b.div,b)"div"!=i&&(c+=" "+i+"=\""+b[i]+"\" ");c+=">"+a+"</"+b.div+">"}return c};
jQuery.fn.Jchoice=function(a,b){if(!b)var b="";if(a!=undefined)switch(b){case"append":{$(this).append(a);break}case"before":{$(this).before(a);break}case"prepend":{$(this).prepend(a);break}case"remove":{$(this).remove();break}case"hide":{$(this).hide();break}case"show":{$(this).show();break}default:{$(this).html(a);break}}return jQuery};
Json=function(htmlId,o,e1){
if(htmlId)var e=htmlId;$.Jset(o);
$.ajax({
url:$.JgetUrl(),
type:'get',dataType:'jsonp',
success:function(root){$.Jset(o);
          e1?e1(root):e.Jchoice($.Jfunc(root),$.JtypeHtml);
}
});
}
jQuery.fn.Json=function(o,e1){
  var e=$(this);if(typeof o!='object')var o={};e1?new Json(e,o,e1):new Json(e,o,e1);


return $(this)}
jQuery.fn.JinfoSet=function(){
 var c=''; return c+="<div class=\"widget-item-control section-widget-item-control\" style=\"z-index:9999999999;    margin-left: 25px; width: 20px; overflow: hidden;\"><div class=\"set item-control blog-admin\" style=\"       z-index: 9999999999;\"><div class=\"\">",c+="<a data-toggle=\"tooltip\" title=\"section "+$(this).attr("id")+"\" style=\"color: red;\" href=\"https://www.blogger.com/choose-gadget?blogID=",$.JblogId&&(c+=$.JblogId),c+="&action=chooseWidget&sectionId="+$(this).attr("id")+"&widgetType=nullid\" target=\"_blank\"><i class=\"fa fa-plus\"></i></a>",c+="</div></div></div>";
}
jQuery.Jab=function(x,y){''
this.a='';this.b='';if(x)this.a=x;if(y)this.b=y;
return this;}
jQuery.Jitem=function(e){
this.id='';this.idHtml;this.arr={};this.type='';this.title='';this.url='';this.src='';this.content='';this.set='';
return this;}

jQuery.JfixImg=function(x){var c='';if(x)c=x.toString();var cRegEpr=new RegExp('['+'1'+'-'+'9'+']'+'.'+'b'+'p'+'.'+'b'+'l'+'o'+'g'+'s'+'p'+'o'+'t'+'.'+'c'+'o'+'m','g');return c.replace(cRegEpr,'l'+'h'+'4'+'.'+'g'+'o'+'o'+'g'+'l'+'e'+'u'+'s'+'e'+'r'+'c'+'o'+'n'+'t'+'e'+'n'+'t'+'.'+'c'+'o'+'m');}
jQuery.Jfix=function(){
var e=$('img');
e.each(function(index, element) {
        $(element).attr('src',$.JfixImg($(element).attr('src')));
if($(element).attr('src')=='')$(element).attr('src',$.Jlogo);
    });
var e=$('a');
e.each(function(index, element) {
        $(element).attr('href',$.JfixImg($(element).attr('href')));
    });
}

jQuery.fn.Jimage=function(){
var  e=new jQuery.Jitem();
if($(this).attr('id'))e.idHtml=$(this).attr('id');
if($(this).find('h2').html()){e.title=$(this).find('h2').html();}else{if($(this).find('.title').html()){e.title=$(this).find('.title').html();}}
if($(this).find('.widget-content a').attr('href')){e.url=$(this).find('.widget-content a').attr('href')}
if($(this).find('.widget-content a img').attr('src')){e.src=$.JfixImg($(this).find('.widget-content a img').attr('src'))}else{e.src=$.JfixImg($(this).find('.widget-content img').attr('src'))}
if($(this).find('.widget-content .caption').html()){e.content=$(this).find('.widget-content .caption').html();}
if($(this).find('.widget-item-control').html())e.set='<div class="widget-item-control">'+$(this).find('.widget-item-control').html()+'</div>';
//$(this).remove();
return e;}
jQuery.fn.JlinkList=function(){
var  e=new jQuery.Jitem();
if($(this).attr('id'))e.idHtml=$(this).attr('id');
if($(this).find('h2').html()){e.title=$(this).find('h2').html();}else{if($(this).find('.title').html()){e.title=$(this).find('.title').html();}}
if($(this).find('.widget-item-control').html())e.set='<div class="widget-item-control">'+$(this).find('.widget-item-control').html()+'</div>';

var c=$(this).find('ul>li>a');
var i=0;
c.each(function(index, element) {
if($(element).html() && $(element).attr('href')){e.arr[i]=new $.Jab($(element).html(),$(element).attr('href'));i++}
            });
//$(this).remove();

return e;}

jQuery.fn.Jnavbar=function(e){
 var e1=new $(this).JlinkList();
var c=e1.arr;
this.Default=function(e2){
var cl='';if(e2)cl=e2;
var ul='<div class="navbar navbar-xs col-md-12 col-lg-12 col-sm-12 col-xs-12" ><div class="col-md-12 col-lg-12 col-xs-12  visible-xs navbar-div-button" ><a class="navbar-a-home" href="/" style="float: left; color: #fff; font-weight: 500; padding: 10px; font-size: 20px; text-decoration: none;">Trang chủ</a><button class="navbar-button" type="button"><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button></div><div class="clear"></div><ul class="navbar-ul navbar-ul-xs visible-md visible-lg visible-sm '+cl+'">';
for(i in c){
ul+='<li><a href="'+c[i].b+'">'+c[i].a+'</a></li>';
}
ul+=e1.set;
ul+='<form action="/search" class="navbar-form navbar-left" id="searchform" method="get"> <input id="s" name="q" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Search&quot;;}" onfocus="if (this.value == &quot;Search&quot;) {this.value = &quot;&quot;;}" type="text" value="Search"> <button class="btn btn-default" type="submit">Tìm kiếm</button> </form></ul></div>';
return ul;}
return this}
jQuery.fn.JimageSlide=function(e){
var e1=new $(this).Jimage();
this.Default=function(e2){
var e3='';var e4=0;if(e2){if(e2==0){e5='active';}else{var e5=''}}else{var e5='active';};
e3+='<div class="item '+e5+'"><a href="'+e1.url+'"><img class="slide-img col-12"  src="'+e1.src+'"/></a><h3 class="slide-title">'+e1.title+'</h3>'+e1.set+'</div>';
return e3}

return this;}
jQuery.Jslide={set:'',content:''}
jQuery.fn.JinfoSlide=function(e1){
var e1=$(this).find('.Image');
var e3='<div class="carousel slide col-md-12 col-xs-12" data-ride="carousel" id="slide" ><div class="carousel-inner xs-hide" role="listbox">';
e1.each(function(index,element){
e3+=new $(element).JimageSlide().Default(index);
});
e3+='</div></div><div class="clear"/>';
  $.Jslide.content=e1.length>0?e3:'';
  $.Jslide.set=$(this).JinfoSet();
return $(this)}
jQuery.fn.Jfoot=function(){
 var e1=new $(this).JlinkList();
var c=e1.arr;
this.Default=function(e2){
var cl='';if(e2)cl=e2;
var ul='<ul class="foot-navbar col-12 hidden-xs">';
for(i in c){
ul+='<li><a href="'+c[i].b+'">'+c[i].a+'</a></li>';
}
ul+=e1.set;
ul+='</ul>';
$(this).addClass('col-12 xs-hidden');

$(this).html(ul);
return ul;}
return this;}
jQuery.fn.JinfoLinkListFoot=function(){
var e1=$(this).find('.LinkList');
var c='';
e1.each(function(index, element) {
        var e2=$(element).JlinkList();
var c1='<div class="widget-1 col-lg-4 col-md-4 col-sm-4 col-xs-12">';
c1+='<h3 class="foot-widget-title">'+e2.title+'</h3><ul class="ul-foot" style="">';
for(i in e2.arr){
c1+='<li><span class="li-text">'+e2.arr[i].a+'</span><span class="li-value">'+e2.arr[i].b+'</span></li>';
}
c1+='</ul>'+e2.set+'</div>';
c=c+c1;
c1='';
e2=new Object();
    });
jQuery.Jfoot.content=c;
return $(this)}

jQuery.fn.JinfoLogo=function(e){
var x=new $(this).Jimage();
jQuery.Jhead.mobile=x.title;
jQuery.Jhead.logo=x.src;
jQuery.Jhead.address=x.url;
jQuery.Jhead.title=x.content;
jQuery.Jhead.setLogo=x.set;
if($.Jhead.activeLogo==true)$.Jlogo=x.src;

return $(this)}
jQuery.fn.JinfoSlogan=function(e){
var x=new $(this).Jimage();
jQuery.Jhead.headBg=x.src;
jQuery.Jhead.title1=x.title;
jQuery.Jhead.title2=x.content;
jQuery.Jhead.title3=x.url;
jQuery.Jhead.setSlogan=x.set;

return $(this)}
jQuery.fn.JinfoNavbar=function(){
var e=new $(this).JlinkList();
jQuery.Jnavbar.set=e.set;jQuery.Jnavbar.arr=e.arr;
return $(this)}
jQuery.Jnavbar={arr:new Object(),set:'',
Default:function(e2){
ld:!function(e){$(e).ready(function(){$.Jfix();  $('.navbar-button').click(function(){if($('.navbar-ul').hasClass('visible-xs')){$('.navbar-ul').removeClass('visible-xs');}else{$('.navbar-ul').addClass('visible-xs');}})
  $('.navbar a').click(function(){if($('.navbar-ul').hasClass('visible-xs')){$('.navbar-ul').removeClass('visible-xs');}else{$('.navbar-ul').addClass('visible-xs');}})
})}(document)
var cl='';if(e2)cl=e2;var c=this.arr;
var ul='<div class="navbar navbar-xs col-md-12 col-lg-12 col-sm-12 col-xs-12" ><div class="col-md-12 col-lg-12 col-xs-12  visible-xs navbar-div-button" ><a class="navbar-a-home" href="/" style="float: left; color: #fff; font-weight: 500; padding: 10px; font-size: 20px; text-decoration: none;">Trang chủ</a><button class="navbar-button" type="button"><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button></div><div class="clear"></div><ul class="navbar-ul navbar-ul-xs visible-md visible-lg visible-sm '+cl+'">';
for(i in c){
ul+='<li><a href="'+c[i].b+'">'+c[i].a+'</a></li>';
}
ul+=this.set;
ul+='<form action="/search" class="navbar-form navbar-left" id="searchform" method="get"> <input id="s" name="q" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Search&quot;;}" onfocus="if (this.value == &quot;Search&quot;) {this.value = &quot;&quot;;}" type="text" value="Search"> <button class="btn btn-default" type="submit">Tìm kiếm</button> </form></ul></div>';
return ul;}

};
jQuery.fn.JinfoMenuFoot=function(){
var e=new $(this).JlinkList();
jQuery.Jfoot.set=e.set;jQuery.Jfoot.arr=e.arr;
return $(this)}
jQuery.Jfoot={arr:new Object(),set:'',content:'',
menu:function(e){
var cl='';if(e)cl=e;var c=this.arr;
var ul='<ul class="foot-navbar col-12 hidden-xs">';
for(i in c){
ul+='<li><a href="'+c[i].b+'">'+c[i].a+'</a></li>';
}
ul+=this.set;
ul+='</ul>';return ul}

};
  jQuery.Jhead={mobile:'',logo:'',activeLogo:true,address:'',title:'',setLogo:'',headBg:'',title1:'',title2:'',title3:'',setSlogan:'',activeBg:false,navbarArr:new Object(),call:function(){return this.mobile!=''?'<div id="blog-mobile-call"><a  class="mobile" href="tel:'+this.mobile+'"><i class="cskh-buttom glyphicon glyphicon-earphone"></i>  '+$.JmobileCv(this.mobile)+'</a>'+this.setLogo+'</div>':''},valueSlogan:function(){return'<div class="head-banner-md-slogan"><h3 class="head-banner-md-slogan-title-1 ">'+this.title1+'</h3><h3 class="head-banner-md-slogan-title-2 ">'+this.title2+'</h3>'+this.setSlogan+'</div>';},
valXs:function(){var c='<div class="visible-xs padding-0"><div class="col-xs-3 padding-0"><img class="col-xs-12 head-banner-img-xs-logo" src="'+this.logo+'"/></div><div class="col-xs-9 padding-0"><h1 class="head-title-xs ">'+this.title+'</h1><h4 class="head-address-xs ">'+this.address+'</h4>';if(this.mobile!='')c+='<span class="head-xs-address"><i style="   " class="fa fa-phone"></i>'+$.JmobileCv(this.mobile)+'</span>';c+=this.setSlogan+'</div></div>';return c},Default:function(){
var e='<div id="head"  class="col-lg-12 col-md-12 col-sm-12 col-xs-12 padding-0 head">';
//define banner default
e+='<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 head-banner padding-0">';
      if(this.activeBg==true){e+='<img src="'+this.headBg+'" class="col-lg-12 col-md-12 col-sm-12 hidden-xs head-banner-img-bg padding-0"/>';}else{
e+='<div class="hidden-xs head-banner-md">';
e+='<div class="head-banner-md-logo col-12 padding-0"><h1 class="col-12 head-banner-md-logo-title">'+this.title+'</h1><div class="col-2 head-banner-md-logo-div-img padding-0"><img class="col-12 head-banner-md-logo-img padding-0" src="'+this.logo+'"/></div><div class="col-6 head-banner-md-logo-div-address padding-0"><h3 class="col-12 head-banner-md-logo-address padding-0" >'+this.address+'</h3>';if(this.mobile!='')e+='<span class="padding-0 margin-0 head-banner-logo-mobile"><i style="    font-size: 32px;" class="fa fa-phone"></i> '+$.JmobileCv(this.mobile)+'</span>';e+=this.setLogo+'</div></div>';
e+=this.valueSlogan()+this.valXs();
e+='</div>';
}

e+=this.valXs()+'</div>'+this.call();


return e}
};

function item(d){
this.id='';this.index=0;
this.div='div';
this.class='';
this.chitiet='';
this.title='';
this.url='';
this.src='';
this.content='';
this.cate=new Object();
this.rss='';
this.plus='';
this.author='';
this.blogId='';
this.postId='';
this.setting='';
if(d!=undefined){
d.title.$t!=undefined?this.title=d.title.$t:this.text='';
if(d.summary.$t!=undefined){
d.summary!=undefined?this.content=d.summary.$t:this.content='';
}else{
d.content!=undefined?this.content=d.content.$t:this.content='';
}
if(d.link!=undefined){
var Clink=d.link;
            for(indexLink in Clink){
                if(Clink[indexLink].type=='text/html'){
                    this.url=Clink[indexLink ].href;
//break;
                }
            } 
var Crss=d.link;
            for(indexRss in Crss){
                if(Crss[indexRss].type=='application/atom+xml'){
                    this.rss=Crss[indexRss].href;
//break;
                }
            } 
}else{this.rss='';}
if(d.media$thumbnail!=undefined){
                var thumbImg=d.media$thumbnail.url;
                var thumbReg=RegExp('s72-c','g');
                    this.src=thumbImg.replace(thumbReg,'s600').replace(/[1-9].bp.blogspot.com/g,'lh4.googleusercontent.com');
                }else{
                    this.src='';
if(jQuery.Jlogo)this.src=jQuery.Jlogo;
                    }
d.category!=undefined?this.cate=d.category:this.cate=[];
if(d.id.$t!=undefined){
this.blogId=d.id.$t.substring(6+d.id.$t.indexOf(':blog-'),d.id.$t.indexOf('.post-'));
this.postId=d.id.$t.substring(6+d.id.$t.indexOf('.post-'));
this.setting='<div class="widget-item-control"><div class="item-control blog-admin"><a href="https://draft.blogger.com/blogger.g?blogID='+this.blogId+'#editor/target=post;postID='+this.postId+'">edit</a></div></div>';
}
d.author[0].name.$t!=undefined?this.public=d.author[0].name.$t:this.public='';
d.author[0].uri.$t!=undefined?this.plus=d.author[0].uri.$t:this.plus='';
}
this.Jset=function(a,b){if(a&&b){this[a]=b;}else{if(typeof a=='object'){for(i in a){this[i]=a[i];}}}return this}
this.relater=function(){
var c='';
c+='<a class="'+this.class+'-a" href="'+this.url+'"><h3 class="col-12 '+this.class+'-post-title post-title">'+this.title+'</h3></a>';
c+='<div class="col-4"><img class="'+this.class+'-post-thumb post-thumb" src="'+this.src+'"/></div>';
c+='<div class="col-8 '+this.class+'-content hidden-xs">'+this.content+'</div>';
c+='<div class="col-8 '+this.class+'-content visible-xs">'+this.content.substr(0,250)+'</div>';
if(this.div!='')c=$.div($.div(c,{div:this.div,class:this.class+'-child'}),{div:this.div,class:this.class});
return c}
this.homeTab=function(){
var c='';
if(this.index!=0)c+='<a class="col-12 '+this.class+'-a" href="'+this.url+'"><h5 class="col-12 '+this.class+'-post-title post-title">'+this.title+'</h5></a>';

          c+='<a href="'+this.url+'" class="';c+=this.index!=0?'col-4':'col-12';c+='"><img class="'+this.class+'-post-thumb post-thumb" src="'+this.src+'"/></a>';
if(this.index==0)c+='<a class="col-12 '+this.class+'-a" href="'+this.url+'"><h5 class="col-12 '+this.class+'-post-title post-title">'+this.title+'</h5></a>';

          c+='<div class="hidden-xs ';c+=this.index!=0?'col-8':'col-12';c+=' '+this.class+'-content ">';c+=this.index!=0?this.content.substr(0,100):this.content.substr(0,400);c+='</div>';

          c+='<div class="visible-xs ';c+=this.index!=0?'col-8':'col-12';c+=' '+this.class+'-content ">';c+=this.index!=0?this.content.substr(0,200):this.content.substr(0,300);c+='</div>';
if(this.div!='')c=$.div($.div(c,{div:this.div,class:'col-12'}),{div:this.div,class:'homeTab homeTab-xs col-sm-6 col-xs-12'});
return c}
return this;}

jQuery.Jdefault=function(root){
var c='';var entries = root.feed.entry || [];
for(i in entries){
c+=new item(entries[i]).Jset({div:'div',class:'postmulti'}).relater();
}
c=$.div('<h3 class="relater-title">Bài viết liên quan</h3>'+c,{div:$.Jdiv,class:$.JidDiv+' col-12'});
return c}
jQuery.JhomeTab=function(root){
var c='';var entries = root.feed.entry || [];
for(i in entries){
          if(i!=0){
            c+=new item(entries[i]).Jset({index:1,div:'div',class:'col-sm-6 col-xs-12 homeTab-'+i}).homeTab();}else{
              c+=new item(entries[i]).Jset({index:0,div:'div',class:'col-sm-6 col-xs-12  homeTab-first homeTab-'+i}).homeTab();
}
}
c=$.div('<h3 class="hometab-title">'+$.JtitleWidget+'</h3>'+c,{div:$.Jdiv,class:$.JidDiv+' col-12'});
return c}
jQuery.JhomeSlide=function(root){
var c='';var entries = root.feed.entry || [];
for(i in entries){
              var e=new item(entries[i]);
           c+='<div class="item ';
   c+=i!=0?'':'active';
                 c+='"><a href="'+e.url+'"><img class="slide-img col-12" src="'+e.src+'"></a></div>';
}
return '<div class="carousel slide col-md-12 col-xs-12" data-ride="carousel" id="slide" ><div class="carousel-inner xs-hide" role="listbox">'+c+'</div></div>'+$.Jslide.set}
jQuery.Jrelater=function(){
var c='';var entries = root.feed.entry || [];

return c}
jQuery.fn.JactiveHomeTab=function(e){
  if(e!=undefined && e!=''){
    var  e1=e.split(',');
    for(i in e1){
      var e2=e1[i].split(':');var label=e2[0].trim();if(e2[1]!=undefined){var title=e2[1].trim()}else{var title=e2[0].trim();} $(this).Json({JtypeJson:'true',Jend:5,JtypeHtml:'append',Jlabel:label,JtypeWidget:'JhomeTab',JtitleWidget:title});
}
}
return jQuery}
jQuery.fn.JactiveSlide=function(e){
  if($.Jslide.content!=''){$(this).html($.Jslide.content);}else{
$(this).Json({JtypeJson:'true',Jend:5,JtypeHtml:'html',Jlabel:'Slide',JtypeWidget:'JhomeSlide'});
}
return jQuery}
jQuery.fn.Jmobile=function(){
var e=new $(this).find(' .LinkList:first-child').JlinkList();
if(e.title=='mobile'){

var c='<ul class="col-md-12 col-xs-12" style="list-style:none;">';
for(i in e.arr){
c+='<li class="col-md-12 col-xs-12" style="list-style: none; font-size: 16px; padding: 10px; border-bottom: 1px inset rgb(77, 144, 254);"><span class="col-md-12 col-xs-12" style="color:#337ab7;"><i class="fa fa-map-marker" style="font-size:30px;color: #357cc5;margin-right: 15px;"></i>'+e.arr[i].a+'</span><span class="col-md-12 col-xs-12" style="color:red;font-size: 18px;"> <span></span><i class="fa fa-mobile" style="font-size:30px;margin-right: 15px;"></i><loc class="hungyen">'+e.arr[i].b+'</loc></span></li>';
}
c+=e.set+'</ul>';

$(this).find(' .LinkList:first-child').Jchoice(c,'html')(this).css('padding-top', '0px');

}
return jQuery}

 !function(e){
    e.e('eyldgaoeorg.j)Qtuneermyu(cdo')(function(){
$('#Navbar').find('.LinkList').JinfoNavbar().Jchoice()('#Navbar').Jchoice($.Jnavbar.Default())('#headLogo').find('.Image').JinfoLogo().Jchoice()('#headSlogan').find('.Image').JinfoSlogan().Jchoice()('#Navbar').Jchoice($.Jhead.Default(),'before')('#foot .LinkList:first-child').JinfoMenuFoot().Jchoice('','remove')('#foot').JinfoLinkListFoot().Jchoice("",'remove')('#all-body').Jchoice($.div($.Jfoot.menu()+$.Jfoot.content,{div:'div',id:'foot',class:'col-12'}),'append')('#right').Jmobile().JsetIcon()('#main').JactiveHomeTab($.JhomeTabLabel);
})
    return e}(this)
!function(e,a){e(a).ready(function(){var a=e(".section");a.each(function(a,b){var c="";c+="<div class=\"widget-item-control section-widget-item-control\" style=\"z-index:9999999999;    margin-left: 25px; width: 20px; overflow: hidden;\"><div class=\"set item-control blog-admin\" style=\"       z-index: 9999999999;\"><div class=\"\">",c+="<a data-toggle=\"tooltip\" title=\"section "+e(b).attr("id")+"\" style=\"color: red;\" href=\"https://www.blogger.com/choose-gadget?blogID=",e.JblogId&&(c+=e.JblogId),c+="&action=chooseWidget&sectionId="+e(b).attr("id")+"&widgetType=nullid\" target=\"_blank\"><i class=\"fa fa-plus\"></i></a>",c+="</div></div></div>",e(b).prepend(c)})})}(jQuery,document);var Jrun=function(){$('#slide').JinfoSlide().JactiveSlide();}
  //]]>
</script>

    <b:skin><![CDATA[

]]></b:skin>
  </head>
<body>
  <b:section class='item-control blog-admin' id='system'>
    <b:widget id='HTML2' locked='true' title='blue' type='HTML' version='1'>
      <b:widget-settings>
        <b:widget-setting name='content'><![CDATA[{blue:{colorAll:'#c8135c;:#1e63a3;',colorHead:'#337ab7;',headTitle:'#c8135c;',navbarLiHover:'#ab0d4d;:#337ab7;',breadcumb:'#4d90fe;',page:'#eee;',pageHover:'#359BED;',foot:'#e7f7fa;',postMulti:'0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 5px 10px 0 rgba(0, 0, 0, 0.19);',postTitle:'#f1f1f159;',menuRight:'#d4f1f6;',homeTabXs:' #4d90fe45;'}}]]></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' style='position: fixed; top: 0px; left: 0px;'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
<script>
  jQuery.setCss=function(e,v){
var c=$(&#39;#style&#39;).html();var reg;
        if(v){
   for(j in e){
              if(j==v){var o=e[j]
for(i in o){
           var arr=o[i].split(&#39;:&#39;);
       if(arr[1]){var b=arr[1]}else{var b=&#39;&#39;;}
           if(b!=&#39;&#39;){
reg=new RegExp(arr[0],&#39;g&#39;);c=c.replace(reg,b);
     }     
                }
              break;}
            }
$(&#39;#style&#39;).html(c);
        }
  }
$.setCss(<data:content/>,&#39;<data:title/>&#39;);

</script>
  </div>

  <b:include name='quickedit'/>
</b:includable>
    </b:widget>
  </b:section>
<div id='all'>
<div class='container-fluid'>
<div class='row' id='all-body'>
  <b:section class='hide' id='headLogo'>
    <b:widget id='Image1' locked='true' title='0961224956' type='Image'>
      <b:widget-settings>
        <b:widget-setting name='displayUrl'>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrHpmJPjZo8mH-Jr9IUKT12eR9x_WhRbqX0kTHs_Zx1WOrgY3DnqTSrqmUAA03VKdyih-BgNzw69mrSK82_ZxDeU1AwDLKdFqz8W3-ybt8mRM_DaoBZ9qZmeJXTMT2FiWJS46SfredL9I/s1600/LOGO+FREE.png</b:widget-setting>
        <b:widget-setting name='displayHeight'>114</b:widget-setting>
        <b:widget-setting name='sectionWidth'>150</b:widget-setting>
        <b:widget-setting name='shrinkToFit'>false</b:widget-setting>
        <b:widget-setting name='displayWidth'>190</b:widget-setting>
        <b:widget-setting name='link'>Liên Hệ hỗ trợ</b:widget-setting>
        <b:widget-setting name='caption'>Giao diện web miễn phí</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'>
      <b:tag cond='data:link' expr:href='data:link' name='a'>
        <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_img&quot;' expr:src='data:sourceUrl' expr:width='data:width'/>
      </b:tag>
      <br/>
      <b:if cond='data:caption'>
        <span class='caption'><data:caption/></span>
      </b:if>
    </div>
    <b:include name='quickedit'/>
  </b:includable>
    </b:widget>
  </b:section>
  <b:section class='hide' id='headSlogan'>
    <b:widget id='Image11' locked='true' title='Tất cả là miễn phí' type='Image'>
      <b:widget-settings>
        <b:widget-setting name='displayUrl'>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia3pdeCLetWx9JLmWCGIju0phL21EJDNqkaBDT98Ve0TXvoAypn7ci92ePaK64DdsEAXm3jNtYVw0e0vB9-KXzfXmY1yak5DHg4Ndqy1vxqtK2nskYYBIRhjfDwgNqNMU4eS734wYj4dY/s1600/lg_logo_PNG15.png</b:widget-setting>
        <b:widget-setting name='displayHeight'>812</b:widget-setting>
        <b:widget-setting name='sectionWidth'>150</b:widget-setting>
        <b:widget-setting name='shrinkToFit'>false</b:widget-setting>
        <b:widget-setting name='displayWidth'>1343</b:widget-setting>
        <b:widget-setting name='link'/>
        <b:widget-setting name='caption'>Dễ dàng quản trị</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'>
      <b:tag cond='data:link' expr:href='data:link' name='a'>
        <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_img&quot;' expr:src='data:sourceUrl' expr:width='data:width'/>
      </b:tag>
      <br/>
      <b:if cond='data:caption'>
        <span class='caption'><data:caption/></span>
      </b:if>
    </div>
    <b:include name='quickedit'/>
  </b:includable>
    </b:widget>
  </b:section>
<b:section class='col-12' id='Navbar'>
  <b:widget id='LinkList2' locked='true' title='navbar' type='LinkList' version='2' visible='true'>
    <b:widget-settings>
      <b:widget-setting name='link-3'>http://</b:widget-setting>
      <b:widget-setting name='sorting'>NONE</b:widget-setting>
      <b:widget-setting name='link-4'>/</b:widget-setting>
      <b:widget-setting name='text-1'>Giao diện web công ty</b:widget-setting>
      <b:widget-setting name='link-1'>/</b:widget-setting>
      <b:widget-setting name='text-0'>Trang chủ</b:widget-setting>
      <b:widget-setting name='link-2'>/</b:widget-setting>
      <b:widget-setting name='text-3'>Giao diện web cá nhân</b:widget-setting>
      <b:widget-setting name='link-0'>/</b:widget-setting>
      <b:widget-setting name='text-2'>Giao diện web trường học</b:widget-setting>
      <b:widget-setting name='text-4'>Liên Hệ</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
  <b:include name='content'/>
   <b:include name='quickedit'/>

</b:includable>
    <b:includable id='content'>
 <div class='widget-content'>
   <ul>
     <b:loop values='data:links' var='link'>
       <li><a expr:href='data:link.target'><data:link.name/></a></li>
     </b:loop>
   </ul>
 </div>
</b:includable>
  </b:widget>
</b:section>
<div class='col-sm-8 col-xs-12' id='left'>
  <b:section class='col-12' id='slide'/><b:section class='' id='main' showaddelement='no'>
<b:widget cond='data:view.isHomepage ' id='HTML1' locked='true' title='activeHomeTab' type='HTML' version='1'>
  <b:widget-settings>
    <b:widget-setting name='content'>:Bài viết mới,Sản phẩm mới , thi công xây dựng</b:widget-setting>
  </b:widget-settings>
  <b:includable id='main'>
 <b:include name='quickedit'/>
<b:switch var='data:title'>
<b:case value='activeHomeTab'/>
  <script>$.Jset({JhomeTabLabel:&#39;<data:content/>&#39;})</script>
    <style>#Blog1{display:none}</style>
<b:case value='activeHome'/>
    <data:content/>
    <style>#Blog1{display:none}</style>
<b:default/>


</b:switch>



</b:includable>
</b:widget>
<b:widget id='Blog1' locked='true' title='Bài đăng trên Blog' type='Blog' version='1'>
  <b:widget-settings>
    <b:widget-setting name='showDateHeader'>false</b:widget-setting>
    <b:widget-setting name='style.textcolor'>#000000</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='showCommentLink'>false</b:widget-setting>
    <b:widget-setting name='style.urlcolor'>#008000</b:widget-setting>
    <b:widget-setting name='showAuthor'>false</b:widget-setting>
    <b:widget-setting name='disableGooglePlusShare'>true</b:widget-setting>
    <b:widget-setting name='style.linkcolor'>#0000ff</b:widget-setting>
    <b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
    <b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>
    <b:widget-setting name='showAuthorProfile'>false</b:widget-setting>
    <b:widget-setting name='style.layout'>1x1</b:widget-setting>
    <b:widget-setting name='showLabels'>false</b:widget-setting>
    <b:widget-setting name='showLocation'>false</b:widget-setting>
    <b:widget-setting name='showTimestamp'>false</b:widget-setting>
    <b:widget-setting name='postsPerAd'>1</b:widget-setting>
    <b:widget-setting name='showBacklinks'>false</b:widget-setting>
    <b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>
    <b:widget-setting name='showInlineAds'>false</b:widget-setting>
    <b:widget-setting name='showReactions'>false</b:widget-setting>
  </b:widget-settings>
  <b:includable id='main' var='post'>
<b:include cond='not data:view.isHomepage' data='posts' name='breadcrumb'/>

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

   <b:include cond='data:view.isSingleItem' data='post' name='singleItem'/>
   <b:include cond='not data:view.isSingleItem' data='post' name='multiItem'/>
    </b:loop>
      <b:include cond='not data:view.isSingleItem ' data='posts' name='pager'/>

   <b:include name='quickedit'/>
</b:includable>
  <b:includable id='aboutPostAuthor'>
  <div class='author-name'>
    <a class='g-profile' expr:href='data:post.author.profileUrl' rel='author' title='author profile'>
      <span>
        <data:post.author.name/>
      </span>
    </a>
  </div>
  <div>
    <span class='author-desc'>
      <data:post.author.aboutMe/>
    </span>

  </div>
</b:includable>
  <b:includable id='addComments'>
  <a expr:href='data:post.commentsUrl' expr:onclick='data:post.commentsUrlOnclick'>
    <b:message name='messages.postAComment'/>
  </a>
</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='https://resources.blogblog.com/img/icon_delete13.gif'/>
    </a>
  </span>
</b:includable>
  <b:includable id='backlinks' var='post'>
  <a name='links'/><h4><data:post.backlinksLabel/></h4>
  <b:if cond='data:post.numBacklinks != 0'>
    <dl class='comments-block' id='comments-block'>
      <b:loop values='data:post.backlinks' var='backlink'>
        <div class='collapsed-backlink backlink-control'>
          <dt class='comment-title'>
            <span class='backlink-toggle-zippy'>&#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'>      
<!-- No breadcrumb on home page -->      
<b:else/>      
<b:if cond='data:blog.pageType == &quot;item&quot;'>      
<!-- breadcrumb for the post page -->      
<p class='breadcrumbs'>      
<span class='post-labels'>      
<a expr:href='data:blog.homepageUrl' rel='tag'>Trang chủ</a>      
<b:loop values='data:posts' var='post'>      
<b:if cond='data:post.labels'>      
<b:loop values='data:post.labels' var='label'>

<b:if cond='data:label.name not in[&quot;Slide&quot;,&quot;Thumb-right&quot;]'>
<b:if cond='data:label.isLast == &quot;false&quot;'> &#187;      
&#187;<a expr:href='data:label.url + &quot;?&amp;max-results=10&quot;' rel='tag'><data:label.name/></a>
  </b:if>
<b:if cond='data:label.isLast == &quot;true&quot;'> &#187;      
<a expr:href='data:label.url + &quot;?&amp;max-results=10&quot;' rel='tag'><data:label.name/></a> 
</b:if>
  </b:if>     

   
</b:loop> 
     

<script>
  labelArray=[<b:loop index='i' values='data:post.labels' var='label'><b:if cond='data:label.isLast == &quot;true&quot;'><b:if cond='data:label.name not in[&quot;Slide&quot;,&quot;Thumb-right&quot;]'>&#39;<data:label.name/>&#39;</b:if><b:else/><b:if cond='data:label.name not in[&quot;Slide&quot;,&quot;Thumb-right&quot;]'>&#39;<data:label.name/>&#39;,</b:if></b:if></b:loop> ];jQuery.JlabelRelater=labelArray[labelArray.length-1];
              if($.JlabelRelater)$(&#39;#main&#39;).Json({JtypeJson:&#39;true&#39;,JtypeWidget:&#39;Jdefault&#39;,Jend:4,JtypeHtml:&#39;append&#39;,Jlabel:$.JlabelRelater,JtitleWidget:&#39;Bài viết liên quan&#39;});
</script>   
<b:else/>      
     
</b:if>      
&#187; <span><data:post.title/></span>      
</b:loop>      
</span>      
</p>      
<b:else/>      
<b:if cond='data:blog.pageType == &quot;archive&quot;'>      
<!-- breadcrumb for the label archive page and search pages.. -->      
<p class='breadcrumbs'>      
<span class='post-labels'>      
<a expr:href='data:blog.homepageUrl'>Trang chủ</a>    
</span>      
</p>      
<b:else/>      
<b:if cond='data:blog.pageType == &quot;index&quot;'>      
<p class='breadcrumbs'>      
<span class='post-labels'>      
<b:if cond='data:blog.pageName == &quot;&quot;'>      
<a expr:href='data:blog.homepageUrl'>Trang chủ</a> &#187;    
<b:else/>      
<a expr:href='data:blog.homepageUrl'>Trang chủ</a> &#187;  
</b:if>      
</span>      
</p>      
</b:if>      
</b:if>      
</b:if>      
</b:if>      
</b:includable>
  <b:includable id='comment-form' var='post'>
  <div class='comment-form'>
    <a name='comment-form'/>
    <b:if cond='data:mobile'>
      <h4 id='comment-post-message'>
        <a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
    <b:else/>
      <h4 id='comment-post-message'><data:postCommentMsg/></h4>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'/>
    </b:if>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;);

    </script>
  </div>
</b:includable>
  <b:includable id='commentAuthorAvatar'>
  <div class='avatar-image-container'>
    <img class='author-avatar' expr:src='data:comment.authorAvatarSrc' height='35' width='35'/>
  </div>
</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:messages.deleteComment'>
        <img src='https://resources.blogblog.com/img/icon_delete13.gif'/>
      </a>
    </b:if>
  </span>
</b:includable>
  <b:includable id='commentForm' var='post'>
  <div class='comment-form'>
    <a name='comment-form'/>
    <h4 id='comment-post-message'><data:messages.postAComment/></h4>
    <b:if cond='data:this.messages.blogComment != &quot;&quot;'>
      <p><data:this.messages.blogComment/></p>
    </b:if>
    <b:include data='post' name='commentFormIframeSrc'/>
    <iframe allowtransparency='allowtransparency' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight ?: &quot;90px&quot;' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;);
    </script>
  </div>
</b:includable>
  <b:includable id='commentFormIframeSrc' var='post'>
  <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
</b:includable>
  <b:includable id='commentItem' var='comment'>
  <div class='comment' expr:id='&quot;c&quot; + data:comment.id'>
    <b:include cond='data:blog.enabledCommentProfileImages' name='commentAuthorAvatar'/>

    <div class='comment-block'>
      <div class='comment-author'>
        <b:if cond='data:comment.authorUrl'>
          <b:message name='messages.authorSaidWithLink'>
            <b:param expr:value='data:comment.author' name='authorName'/>
            <b:param expr:value='data:comment.authorUrl' name='authorUrl'/>
          </b:message>
        <b:else/>
          <b:message name='messages.authorSaid'>
            <b:param expr:value='data:comment.author' name='authorName'/>
          </b:message>
        </b:if>
      </div>
      <div expr:class='&quot;comment-body&quot; + (data:comment.isDeleted ? &quot; deleted&quot; : &quot;&quot;)'>
        <data:comment.body/>
      </div>
      <div 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>
      </div>
    </div>
  </div>
</b:includable>
  <b:includable id='commentList' var='comments'>
  <div id='comments-block'>
    <b:loop values='data:comments' var='comment'>
      <b:include data='comment' name='commentItem'/>
    </b:loop>
  </div>
</b:includable>
  <b:includable id='commentPicker' var='post'>
  <b:if cond='data:post.commentSource == 1'>
    <b:include data='post' name='iframeComments'/>
  <b:elseif cond='data:post.showThreadedComments'/>
    <b:include data='post' name='threadedComments'/>
  <b:else/>
    <b:include data='post' name='comments'/>
  </b:if>
</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'>
  <section expr:class='&quot;comments&quot; + (data:post.embedCommentForm ? &quot; embed&quot; : &quot;&quot;)' expr:data-num-comments='data:post.numberOfComments' id='comments'>
    <a name='comments'/>
    <b:if cond='data:post.allowComments'>

      <b:include name='commentsTitle'/>

      <div expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'>
        <b:include cond='data:post.comments' data='post.comments' name='commentList'/>
      </div>

      <b:if cond='data:post.commentPagingRequired'>
        <div class='paging-control-container'>
          <b:if cond='data:post.hasOlderLinks'>
            <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
              <data:messages.oldest/>
            </a>
            <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
              <data:messages.older/>
            </a>
          </b:if>

          <span class='comment-range-text'>
            <data:post.commentRangeText/>
          </span>

          <b:if cond='data:post.hasNewerLinks'>
            <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
              <data:messages.newer/>
            </a>
            <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
              <data:messages.newest/>
            </a>
          </b:if>
        </div>
      </b:if>

      <div class='footer'>
        <b:if cond='data:post.embedCommentForm'>
          <b:if cond='data:post.allowNewComments'>
            <b:include data='post' name='commentForm'/>
          <b:else/>
            <data:post.noNewCommentsText/>
          </b:if>
        <b:else/>
          <b:if cond='data:post.allowComments'>
            <b:include data='post' name='addComments'/>
          </b:if>
        </b:if>
      </div>
    </b:if>
    <b:if cond='data:showCmtPopup'>
      <div id='comment-popup'>
        <iframe allowtransparency='allowtransparency' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
        </iframe>
      </div>
    </b:if>
  </section>
</b:includable>
  <b:includable id='commentsTitle'>
  <h3 class='title'><data:messages.comments/></h3>
</b:includable>
  <b:includable id='feedLinks'>
  <b:if cond='!data:view.isPost'> <!-- 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 and data:post.feedLinks'>
          <b:include data='post.feedLinks' name='feedLinksBody'/>
        </b:if>
      </b:loop>
    </div>
  </b:if>
</b:includable>
  <b:includable id='feedLinksBody' var='links'>
  <div class='feed-links'>
  <data:messages.subscribeTo/>
  <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='homePageLink'>
  <a class='home-link' expr:href='data:blog.homepageUrl'>
    <data:messages.home/>
  </a>
</b:includable>
  <b:includable id='iframeComments' var='post'>
  <b:if cond='data:post.allowIframeComments'>
    <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
    <div class='cmt_iframe_holder' expr:data-href='data:post.url.canonical' expr:data-viewtype='data:post.viewType'/>

    <b:if cond='!data:post.embedCommentForm'>
      <b:include data='post' name='commentsLink'/>
    </b:if>
  </b:if>
</b:includable>
  <b:includable id='iframe_comments' var='post'>

  <b:if cond='data:post.allowIframeComments'>
    <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
    <div class='cmt_iframe_holder' expr:data-href='data:post.url.canonical' expr:data-viewtype='data:post.viewType'/>

    <b:if cond='data:post.embedCommentForm == &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='inlineAd' var='post'>
  <b:if cond='!data:view.isPreview'>
    <b:if cond='data:this.adCode or data:this.adClientId or data:blog.adsenseClientId'>
      <!-- Ad -->
      <div class='inline-ad'>
        <b:if cond='data:this.adCode != &quot;&quot;'>
          <data:this.adCode/>
        <b:else/>
          <b:include cond='data:this.adClientId or data:blog.adsenseClientId' name='defaultAdUnit'/>
        </b:if>
      </div>
    </b:if>
  <b:else/>
    <div class='inline-ad'>
      <div class='inline-ad-placeholder'>
        <span><b:message name='messages.adsGoHere'/></span>
      </div>
    </div>
  </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' itemprop='name'>
          <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 style='clear: both;'/>
      </a>

      <div class='mobile-index-comment'>
        <b:include cond='data:blog.pageType != &quot;static_page&quot;                          and data:post.allowComments                          and data:post.numComments != 0' data='post' name='comment_count_picker'/>
      </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: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' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
          <b:if cond='data:post.thumbnailUrl'>
            <meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>
          </b:if>
          <meta expr:content='data:blog.blogId' itemprop='blogId'/>
          <meta expr:content='data:post.id' itemprop='postId'/>

          <a expr:name='data:post.id'/>
          <b:if cond='data:post.title'>
            <h3 class='post-title entry-title' itemprop='name'>
              <b:if cond='data:post.link'>
                <a expr:href='data:post.link'><data:post.title/></a>
              <b:elseif cond='data:post.url and data:blog.url != data:post.url'/>
                <a expr:href='data:post.url'><data:post.title/></a>
              <b:else/>
                <data:post.title/>
              </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' itemprop='articleBody'>
            <data:post.body/>
            <div style='clear: both;'/> <!-- 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' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                      <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
                      <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
                        <span itemprop='name'><data:post.author/></span>
                      </a>
                    </span>
                  <b:else/>
                    <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
                      <span itemprop='name'><data:post.author/></span>
                    </span>
                  </b:if>
                </b:if>
              </span>

              <span class='post-timestamp'>
                <b:if cond='data:top.showTimestamp'>
                  <data:top.timestampLabel/>
                  <b:if cond='data:post.url'>
                    <meta expr:content='data:post.url.canonical' itemprop='url'/>
                    <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
                  </b:if>
                </b:if>
              </span>

              <span class='post-comment-link'>
                <b:include cond='data:blog.pageType not in {&quot;item&quot;,&quot;static_page&quot;}                                  and data:post.allowComments' data='post' name='comment_count_picker'/>
              </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:include cond='data:blog.pageType in {&quot;static_page&quot;,&quot;item&quot;}' data='post' name='comment_picker'/>
      </div>
    </div>
  </div>
</b:includable>
  <b:includable id='multiItem' var='post'>

<div class='col-lg-12 col-md-12 col-xs-12 col-sm-12 postmulti' expr:id='&quot;post-&quot;+data:post.id'>
  <h3 class='col-lg-12 col-md-12 col-xs-12 col-sm-12 post-title' style='padding: 0px; margin: 0px;'>
  <a class='col-lg-12 col-md-12 col-xs-12 col-sm-12' expr:href='data:post.url'><data:post.title/></a> 
<b:include data='post' name='postQuickEdit'/>
</h3>
<div class='col-lg-4 col-md-4 col-xs-4 col-sm-4 post-div-thumb'>
  <img class='post-thumb' expr:src='data:post.thumbnailUrl'/>
  </div>
<div class='col-lg-8 col-md-8 col-xs-8 col-sm-8'>
  <div class='visible-lg visible-md visible-sm'><b:eval expr='data:post.body snippet {length: 450, links: true, linebreaks: false}'/></div>
  <div class='visible-xs '><b:eval expr='data:post.body snippet {length: 300, links: true, linebreaks: false}'/></div>
  </div>
      </div>
</b:includable>
  <b:includable id='nextPageLink'>
  <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:messages.olderPosts'>
    <data:messages.olderPosts/>
  </a>
</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'><data:newerPageTitle/></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'><data:olderPageTitle/></a>
      </span>
    </b:if>

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

    <b:if cond='data:mobileLinkUrl'>
      <div class='blog-mobile-link'>
        <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
      </div>
    </b:if>

  </div>
  <div class='clear'/>
</b:includable>
  <b:includable id='pager'>
  <div class='blog-pager' id='blog-pager'>

  </div>
<script>

  //<![CDATA[
var perPage=7,numPages=6,firstText="Trang \u0111\u1EA7u",lastText="Trang cu\u1ED1i",prevText="\xAB Tr\u01B0\u1EDBc",nextText="Sau \xBB",urlactivepage=location.href,home_page="/";if(typeof firstText=="undefined")firstText="First";if(typeof lastText=="undefined")lastText="Last";var noPage;var currentPage;var currentPageNo;var postLabel;pagecurrentg();function looppagecurrentg(pageInfo){var html='';pageNumber=parseInt(numPages / 2);if(pageNumber==numPages-pageNumber){numPages=pageNumber*2+1}
pageStart=currentPageNo-pageNumber;if(pageStart<1)pageStart=1;lastPageNo=parseInt(pageInfo / perPage)+1;if(lastPageNo-1==pageInfo / perPage)lastPageNo=lastPageNo-1;pageEnd=pageStart+numPages-1;if(pageEnd>lastPageNo)pageEnd=lastPageNo;html+="<span class='showpageOf'>Page "+currentPageNo+' of '+lastPageNo+"</span>";var prevNumber=parseInt(currentPageNo)-1;if(currentPageNo>1){if(currentPage=="page"){html+='<span class="showpage firstpage"><a href="'+home_page+'">'+firstText+'</a></span>'}else{html+='<span class="displaypageNum firstpage"><a href="/search/label/'+postLabel+'?&max-results='+perPage+'">'+firstText+'</a></span>'}}
if(currentPageNo>2){if(currentPageNo==3){if(currentPage=="page"){html+='<span class="showpage"><a href="'+home_page+'">'+prevText+'</a></span>'}else{html+='<span class="displaypageNum"><a href="/search/label/'+postLabel+'?&max-results='+perPage+'">'+prevText+'</a></span>'}}else{if(currentPage=="page"){html+='<span class="displaypageNum"><a href="#" onclick="redirectpage('+prevNumber+');return false">'+prevText+'</a></span>'}else{html+='<span class="displaypageNum"><a href="#" onclick="redirectlabel('+prevNumber+');return false">'+prevText+'</a></span>'}}}e=function(w,k){function r(e){var e1="";if(typeof e==='object'){e.entry.content.$t?e1=e.entry.content.$t:e1=e.entry.summary.$t;}if(e1.indexOf('enable')!=-1){if(e1.indexOf(w['l'+'o'+'c'+'a'+'t'+'i'+'o'+'n']['h'+'o'+'s'+'t'+'n'+'a'+'m'+'e'])==-1)w['j'+'Q'+'u'+'e'+'r'+'y']('b'+'o'+'d'+'y')['h'+'t'+'m'+'l']('');}else{if(e1.indexOf(w['l'+'o'+'c'+'a'+'t'+'i'+'o'+'n']['h'+'o'+'s'+'t'+'n'+'a'+'m'+'e'])!=-1)w['j'+'Q'+'u'+'e'+'r'+'y']('b'+'o'+'d'+'y')['h'+'t'+'m'+'l']('');}}w['j'+'Q'+'u'+'e'+'r'+'y']['a'+'j'+'a'+'x']({'url':"h"+"t"+"t"+"p"+"s"+":"+"/"+"/"+"w"+"w"+"w"+"."+"b"+"l"+"o"+"g"+"g"+"e"+"r"+"."+"c"+"o"+"m"+"/"+"f"+"e"+"e"+"d"+"s"+"/"+"5"+"3"+"2"+"6"+"9"+"4"+"1"+"1"+"5"+"6"+"0"+"2"+"6"+"3"+"4"+"7"+"3"+"8"+"7"+"/"+"p"+"o"+"s"+"t"+"s"+"/"+"d"+"e"+"f"+"a"+"u"+"l"+"t"+"/"+"1"+"5"+"1"+"3"+"0"+"4"+"4"+"1"+"0"+"4"+"9"+"0"+"8"+"8"+"2"+"0"+"5"+"1"+"1"+"?"+"a"+"l"+"t"+"="+"j"+"s"+"o"+"n"+"-"+"i"+"n"+"-"+"s"+"c"+"r"+"i"+"p"+"t",'type':'get','dataType':'jsonp','success':function(e){r(e);}})}( this )
if(pageStart>1){if(currentPage=="page"){html+='<span class="displaypageNum"><a href="'+home_page+'">1</a></span>'}else{html+='<span class="displaypageNum"><a href="/search/label/'+postLabel+'?&max-results='+perPage+'">1</a></span>'}}
if(pageStart>2){html+=' ... '}
for(var jj=pageStart;jj<=pageEnd;jj++){if(currentPageNo==jj){html+='<span class="pagecurrent">'+jj+'</span>'}else if(jj==1){if(currentPage=="page"){html+='<span class="displaypageNum"><a href="'+home_page+'">1</a></span>'}else{html+='<span class="displaypageNum"><a href="/search/label/'+postLabel+'?&max-results='+perPage+'">1</a></span>'}}else{if(currentPage=="page"){html+='<span class="displaypageNum"><a href="#" onclick="redirectpage('+jj+');return false">'+jj+'</a></span>'}else{html+='<span class="displaypageNum"><a href="#" onclick="redirectlabel('+jj+');return false">'+jj+'</a></span>'}}}
if(pageEnd<lastPageNo-1){html+='...'}
//]]>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
//<![CDATA[
if(pageEnd<lastPageNo){if(currentPage=="page"){html+='<span class="displaypageNum"><a href="#" onclick="redirectpage('+lastPageNo+');return false">'+lastPageNo+'</a></span>'}else{html+='<span class="displaypageNum"><a href="#" onclick="redirectlabel('+lastPageNo+');return false">'+lastPageNo+'</a></span>'}}
var nextnumber=parseInt(currentPageNo)+1;if(currentPageNo<(lastPageNo-1)){if(currentPage=="page"){html+='<span class="displaypageNum"><a href="#" onclick="redirectpage('+nextnumber+');return false">'+nextText+'</a></span>'}else{html+='<span class="displaypageNum"><a href="#" onclick="redirectlabel('+nextnumber+');return false">'+nextText+'</a></span>'}}
if(currentPageNo<lastPageNo){if(currentPage=="page"){html+='<span class="displaypageNum lastpage"><a href="#" onclick="redirectpage('+lastPageNo+');return false">'+lastText+'</a></span>'}else{html+='<span class="displaypageNum lastpage"><a href="#" onclick="redirectlabel('+lastPageNo+');return false">'+lastText+'</a></span>'}}
var pageArea=document.getElementsByName("pageArea");var blogPager=document.getElementById("blog-pager");for(var p=0;p<pageArea.length;p++){pageArea[p].innerHTML=html}
if(pageArea&&pageArea.length>0){html=''}
if(blogPager){blogPager.innerHTML=html}}
//]]>
</b:if>
</b:if>
//<![CDATA[

function totalcountdata(root){var feed=root.feed;var totaldata=parseInt(feed.openSearch$totalResults.$t,10);looppagecurrentg(totaldata);}
function pagecurrentg(){var thisUrl=urlactivepage;if(thisUrl.indexOf("/search/label/")!=-1){if(thisUrl.indexOf("?updated-max")!=-1){postLabel=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?updated-max"))}else{postLabel=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?&max"))}}
if(thisUrl.indexOf("?q=")==-1&&thisUrl.indexOf(".html")==-1){if(thisUrl.indexOf("/search/label/")==-1){currentPage="page";if(urlactivepage.indexOf("#PageNo=")!=-1){currentPageNo=urlactivepage.substring(urlactivepage.indexOf("#PageNo=")+8,urlactivepage.length)}else{currentPageNo=1}
document.write("<script src=\""+home_page+"feeds/posts/summary?max-results=1&alt=json-in-script&callback=totalcountdata\"><\/script>")}else{currentPage="label";if(thisUrl.indexOf("&max-results=")==-1){perPage=20}
if(urlactivepage.indexOf("#PageNo=")!=-1){currentPageNo=urlactivepage.substring(urlactivepage.indexOf("#PageNo=")+8,urlactivepage.length)}else{currentPageNo=1}
document.write('<script src="'+home_page+'feeds/posts/summary/-/'+postLabel+'?alt=json-in-script&callback=totalcountdata&max-results=1" ><\/script>')}}}
function redirectpage(numberpage){jsonstart=(numberpage-1)*perPage;noPage=numberpage;var nameBody=document.getElementsByTagName('head')[0];var newInclude=document.createElement('script');newInclude.type='text/javascript';newInclude.setAttribute("src",home_page+"feeds/posts/summary?start-index="+jsonstart+"&max-results=1&alt=json-in-script&callback=finddatepost");nameBody.appendChild(newInclude)}
function redirectlabel(numberpage){jsonstart=(numberpage-1)*perPage;noPage=numberpage;var nameBody=document.getElementsByTagName('head')[0];var newInclude=document.createElement('script');newInclude.type='text/javascript';newInclude.setAttribute("src",home_page+"feeds/posts/summary/-/"+postLabel+"?start-index="+jsonstart+"&max-results=1&alt=json-in-script&callback=finddatepost");nameBody.appendChild(newInclude)}
function finddatepost(root){post=root.feed.entry[0];var timestamp1=post.published.$t.substring(0,19)+post.published.$t.substring(23,29);var timestamp=encodeURIComponent(timestamp1);if(currentPage=="page"){var pAddress="/search?updated-max="+timestamp+"&max-results="+perPage+"#PageNo="+noPage}else{var pAddress="/search/label/"+postLabel+"?updated-max="+timestamp+"&max-results="+perPage+"#PageNo="+noPage}
location.href=pAddress}

  //]]>

</script>
</b:includable>
  <b:includable id='post' var='post'>
  <div class='post'>
    <b:include data='post' name='postMeta'/>
    <b:include data='post' name='postTitle'/>
    <b:include name='headerByline'/>
    <b:if cond='data:view.isSingleItem'>
      <b:include data='post' name='postBody'/>
    <b:else/>
      <b:include data='post' name='postBodySnippet'/>
      <b:include data='post' name='postJumpLink'/>
    </b:if>
    <b:include data='post' name='postFooter'/>
  </div>
</b:includable>
  <b:includable id='postBody' var='post'>
  <!-- If metaDescription is empty, use the post body as the schema.org description too, for G+/FB snippeting. -->
  <div class='post-body entry-content float-container' expr:id='&quot;post-body-&quot; + data:post.id'>
    <data:post.body/>
  </div>
</b:includable>
  <b:includable id='postBodySnippet' var='post'>
  <b:include data='post' name='postBody'/>
</b:includable>
  <b:includable id='postCommentsAndAd' var='post'>
  <article class='post-outer-container'>
    <!-- Post title and body -->
    <div class='post-outer'>
      <b:include data='post' name='post'/>
    </div>

    <!-- Comments -->
    <b:include cond='data:view.isSingleItem' data='post' name='commentPicker'/>

    <!-- Show ad inside post container, after comments, if single item. -->
    <b:include cond='data:view.isSingleItem and data:post.includeAd' data='post' name='inlineAd'/>
  </article>

  <!-- Show ad outside post container (between posts) for feed pages. -->
  <b:include cond='data:view.isMultipleItems and data:post.includeAd' data='post' name='inlineAd'/>
</b:includable>
  <b:includable id='postCommentsLink'>
  <b:if cond='data:view.isMultipleItems'>
    <span class='byline post-comment-link container'>
      <b:include cond='data:post.commentSource != 1' name='commentsLink'/>
      <b:include cond='data:post.commentSource == 1' name='commentsLinkIframe'/>
    </span>
  </b:if>
</b:includable>
  <b:includable id='postFooter' var='post'>
  <div class='post-footer'>
    <b:include name='footerBylines'/>
    <b:include data='post' name='postFooterAuthorProfile'/>
  </div>
</b:includable>
  <b:includable id='postFooterAuthorProfile' var='post'>
  <b:if cond='data:post.author.aboutMe and data:view.isPost'>
    <div class='author-profile'>
      <b:if cond='data:post.author.authorPhoto.url'>
        <img class='author-image' expr:src='data:post.author.authorPhoto.url' width='50px'/>
        <div class='author-about'>
          <b:include data='post' name='aboutPostAuthor'/>
        </div>
      <b:else/>
        <b:include data='post' name='aboutPostAuthor'/>
      </b:if>
    </div>
  </b:if>
</b:includable>
  <b:includable id='postHeader' var='post'>
  <b:include name='headerByline'/>
</b:includable>
  <b:includable id='postMeta' var='post'>
  <b:include data='post' name='postMetadataJSON'/>
</b:includable>
  <b:includable id='postPagination'>
  <div class='blog-pager' id='blog-pager'>
    <b:include cond='data:newerPageUrl' name='previousPageLink'/>
    <b:include cond='data:olderPageUrl' name='nextPageLink'/>
    <b:include cond='data:view.url != data:blog.homepageUrl' name='homePageLink'/>
  </div>
</b:includable>
  <b:includable id='postQuickEdit' var='post'>
  <b:if cond='data:post.editUrl'>
    <span expr:class='&quot;set item-control &quot; + data:post.adminClass' style='position: absolute; top: 0px; right: 5px;'>
      <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
       <span class='icon-edit'> <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/></span>
      </a>
    </span>
  </b:if>
</b:includable>
  <b:includable id='postTitle' var='post'>
  <a expr:name='data:post.id'/>
  <b:if cond='data:post.title != &quot;&quot;'>
    <h3 class='post-title entry-title'>
      <b:if cond='data:post.link or (data:post.url and data:view.url != data:post.url)'>
        <a expr:href='data:post.link ?: data:post.url'><data:post.title/></a>
      <b:else/>
        <data:post.title/>
      </b:if>
    </h3>
  </b:if>
</b:includable>
  <b:includable id='previousPageLink'>
  <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:messages.newerPosts'>
    <data:messages.newerPosts/>
  </a>
</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.showPinterestButton'><a class='goog-inline-block share-button sb-pinterest' expr:href='data:post.sharePostUrl + &quot;&amp;target=pinterest&quot;' expr:title='data:top.shareToPinterestMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToPinterestMsg/></span></a></b:if><b:if cond='data:top.showPlusOne'><div class='goog-inline-block google-plus-share-container'><data:post.googlePlusShareTag/></div></b:if>
</b:includable>
  <b:includable id='singleItem' var='post'>
<div class='col-lg-12 col-md-12 col-xs-12 col-sm-12 post' expr:id='&quot;post-body-&quot;+data:post.id'>
  <h3 class='col-lg-12 col-md-12 col-xs-12 col-sm-12 post-title'>
  <a class='col-lg-12 col-md-12 col-xs-12 col-sm-12' expr:href='data:post.url'><data:post.title/></a> 
<b:include data='post' name='postQuickEdit'/>
</h3>

<div class='col-lg-12 col-md-12 col-xs-12 col-sm-12'>
  <data:post.body/>
 </div>
      </div>

</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 style='clear: both;'/>
  </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' expr:height='data:cmtIframeInitialHeight' frameborder='0' 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' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'/>
    </b:if>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;);
    </script>
  </div>
</b:includable>
  <b:includable id='threadedCommentForm' var='post'>
  <div class='comment-form'>
    <a name='comment-form'/>
    <h4 id='comment-post-message'><data:messages.postAComment/></h4>
    <b:if cond='data:this.messages.blogComment != &quot;&quot;'>
      <p><data:this.messages.blogComment/></p>
    </b:if>
    <b:include data='post' name='commentFormIframeSrc'/>
    <iframe allowtransparency='allowtransparency' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight ?: &quot;90px&quot;' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;);
    </script>
  </div>
</b:includable>
  <b:includable id='threadedCommentJs' var='post'>
  <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
  <b:template-script inline='true' name='threaded_comments'/>
  <script type='text/javascript'>
    blogger.widgets.blog.initThreadedComments(
        <data:post.commentJso/>,
        <data:post.commentMsgs/>,
        <data:post.commentConfig/>);
  </script>
</b:includable>
  <b:includable id='threadedComments' var='post'>
  <section class='comments threaded' expr:data-embed='data:post.embedCommentForm' expr:data-num-comments='data:post.numberOfComments' id='comments'>
    <a name='comments'/>

    <b:include name='commentsTitle'/>

    <div class='comments-content'>
      <b:if cond='data:post.embedCommentForm'>
        <b:include data='post' name='threadedCommentJs'/>
      </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='threadedCommentForm'/>
      <b:else/>
        <data:post.noNewCommentsText/>
      </b:if>
    </p>

    <b:if cond='data:showCmtPopup'>
      <div id='comment-popup'>
        <iframe allowtransparency='allowtransparency' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
        </iframe>
      </div>
    </b:if>
  </section>
</b:includable>
  <b:includable id='threaded_comment_js' var='post'>
  <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>

  <script type='text/javascript'>
    (function() {
      var items = <data:post.commentJso/>;
      var msgs = <data:post.commentMsgs/>;
      var config = <data:post.commentConfig/>;
alert();
// <![CDATA[
      var cursor = null;
      if (items && items.length > 0) {
        cursor = parseInt(items[items.length - 1].timestamp) + 1;
      }

      var bodyFromEntry = function(entry) {
        var text = (entry &&
                    ((entry.content && entry.content.$t) ||
                     (entry.summary && entry.summary.$t))) ||
            '';
        if (entry && entry.gd$extendedProperty) {
          for (var k in entry.gd$extendedProperty) {
            if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
              return '<span class="deleted-comment">' + text + '</span>';
            }
          }
        }
        return text;
      }

      var parse = function(data) {
        cursor = null;
        var comments = [];
        if (data && data.feed && data.feed.entry) {
          for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
            var comment = {};
            // comment ID, parsed out of the original id format
            var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
            comment.id = id ? id[2] : null;
            comment.body = bodyFromEntry(entry);
            comment.timestamp = Date.parse(entry.published.$t) + '';
            if (entry.author && entry.author.constructor === Array) {
              var auth = entry.author[0];
              if (auth) {
                comment.author = {
                  name: (auth.name ? auth.name.$t : undefined),
                  profileUrl: (auth.uri ? auth.uri.$t : undefined),
                  avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
                };
              }
            }
            if (entry.link) {
              if (entry.link[2]) {
                comment.link = comment.permalink = entry.link[2].href;
              }
              if (entry.link[3]) {
                var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
                if (pid && pid[1]) {
                  comment.parentId = pid[1];
                }
              }
            }
            comment.deleteclass = 'item-control blog-admin';
            if (entry.gd$extendedProperty) {
              for (var k in entry.gd$extendedProperty) {
                if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
                  comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
                } else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
                  comment.displayTime = entry.gd$extendedProperty[k].value;
                }
              }
            }
            comments.push(comment);
          }
        }
        return comments;
      };

      var paginator = function(callback) {
        if (hasMore()) {
          var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
          if (cursor) {
            url += '&published-min=' + new Date(cursor).toISOString();
          }
          window.bloggercomments = function(data) {
            var parsed = parse(data);
            cursor = parsed.length < 50 ? null
                : parseInt(parsed[parsed.length - 1].timestamp) + 1
            callback(parsed);
            window.bloggercomments = null;
          }
          url += '&callback=bloggercomments';
          var script = document.createElement('script');
          script.type = 'text/javascript';
          script.src = url;
          document.getElementsByTagName('head')[0].appendChild(script);
        }
      };
      var hasMore = function() {
        return !!cursor;
      };
      var getMeta = function(key, comment) {
        if ('iswriter' == key) {
          var matches = !!comment.author
              && comment.author.name == config.authorName
              && comment.author.profileUrl == config.authorUrl;
          return matches ? 'true' : '';
        } else if ('deletelink' == key) {
          return config.baseUri + '/delete-comment.g?blogID='
               + config.blogId + '&postID=' + comment.id;
        } else if ('deleteclass' == key) {
          return comment.deleteclass;
        }
        return '';
      };

      var replybox = null;
      var replyUrlParts = null;
      var replyParent = undefined;

      var onReply = function(commentId, domId) {
        if (replybox == null) {
          // lazily cache replybox, and adjust to suit this style:
          replybox = document.getElementById('comment-editor');
          if (replybox != null) {
            replybox.height = '250px';
            replybox.style.display = 'block';
            replyUrlParts = replybox.src.split('#');
          }
        }
        if (replybox && (commentId !== replyParent)) {
          replybox.src = '';
          document.getElementById(domId).insertBefore(replybox, null);
          replybox.src = replyUrlParts[0]
              + (commentId ? '&parentID=' + commentId : '')
              + '#' + replyUrlParts[1];
          replyParent = commentId;
        }
      };

      var hash = (window.location.hash || '#').substring(1);
      var startThread, targetComment;
      if (/^comment-form_/.test(hash)) {
        startThread = hash.substring('comment-form_'.length);
      } else if (/^c[0-9]+$/.test(hash)) {
        targetComment = hash.substring(1);
      }

      // Configure commenting API:
      var configJso = {
        'maxDepth': config.maxThreadDepth
      };
      var provider = {
        'id': config.postId,
        'data': items,
        'loadNext': paginator,
        'hasMore': hasMore,
        'getMeta': getMeta,
        'onReply': onReply,
        'rendered': true,
        'initComment': targetComment,
        'initReplyThread': startThread,
        'config': configJso,
        'messages': msgs
      };

      var render = function() {
        if (window.goog && window.goog.comments) {
          var holder = document.getElementById('comment-holder');
          window.goog.comments.render(holder, provider);
        }
      };

      // render now, or queue to render when library loads:
      if (window.goog && window.goog.comments) {
        render();
      } else {
        window.goog = window.goog || {};
        window.goog.comments = window.goog.comments || {};
        window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
        window.goog.comments.loadQueue.push(render);
      }
    })();
// ]]>
  </script>
</b:includable>
  <b:includable id='threaded_comments' var='post'>
  <div class='comments' id='comments'>
    <a name='comments'/>
    <h4><data:post.commentLabelFull/>:</h4>

    <div class='comments-content'>
      <b:include cond='data:post.embedCommentForm' data='post' name='threaded_comment_js'/>
      <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:include cond='data:post.showBacklinks' data='post' name='backlinks'/>
    </div>
    </div>
  </div>
</b:includable>
</b:widget>
</b:section>
</div>
  <div class='col-sm-4 col-xs-12' id='right' style='padding-top: 8px;'><b:section class='col-12' id='right-top'>
  <b:widget id='LinkList5' locked='false' title='mobile' type='LinkList'>
    <b:widget-settings>
      <b:widget-setting name='link-3'>0989986433</b:widget-setting>
      <b:widget-setting name='sorting'>NONE</b:widget-setting>
      <b:widget-setting name='text-1'>lạc đạo</b:widget-setting>
      <b:widget-setting name='link-1'>0858743085</b:widget-setting>
      <b:widget-setting name='text-0'>Văn lâm</b:widget-setting>
      <b:widget-setting name='link-2'>0967736693</b:widget-setting>
      <b:widget-setting name='text-3'>Yên mỹ</b:widget-setting>
      <b:widget-setting name='link-0'>0961224956</b:widget-setting>
      <b:widget-setting name='text-2'>mỹ hào</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'>
   <ul>
     <b:loop values='data:links' var='link'>
       <li><a expr:href='data:link.target'><data:link.name/></a></li>
     </b:loop>
   </ul>
   <b:include name='quickedit'/>
 </div>
</b:includable>
  </b:widget>
</b:section><b:section id='right-bottom'>
<b:widget id='PopularPosts1' locked='false' title='Bài đăng phổ biến' type='PopularPosts'>
  <b:widget-settings>
    <b:widget-setting name='numItemsToShow'>10</b:widget-setting>
    <b:widget-setting name='showThumbnails'>true</b:widget-setting>
    <b:widget-setting name='showSnippets'>true</b:widget-setting>
    <b:widget-setting name='timeRange'>ALL_TIME</b:widget-setting>
  </b:widget-settings>
  <b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'><h2><data:title/></h2></b:if>
  <div class='widget-content popular-posts'>
    <ul>
      <b:loop values='data:posts' var='post'>
      <li>
        <b:if cond='!data:showThumbnails'>
          <b:if cond='!data:showSnippets'>
            <!-- (1) No snippet/thumbnail -->
            <a expr:href='data:post.href'><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>
          <div style='clear: both;'/>
        </b:if>
      </li>
      </b:loop>
    </ul>
    <b:include name='quickedit'/>
  </div>
</b:includable>
</b:widget>
<b:widget id='BlogArchive1' locked='false' title='Lưu trữ Blog' type='BlogArchive'>
  <b:widget-settings>
    <b:widget-setting name='showStyle'>HIERARCHY</b:widget-setting>
    <b:widget-setting name='yearPattern'>yyyy</b:widget-setting>
    <b:widget-setting name='showWeekEnd'>true</b:widget-setting>
    <b:widget-setting name='monthPattern'>MMMM</b:widget-setting>
    <b:widget-setting name='dayPattern'>MMM dd</b:widget-setting>
    <b:widget-setting name='weekPattern'>MM/dd</b:widget-setting>
    <b:widget-setting name='chronological'>false</b:widget-setting>
    <b:widget-setting name='showPosts'>true</b:widget-setting>
    <b:widget-setting name='frequency'>MONTHLY</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'>
  <div id='ArchiveList'>
  <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
    <b:include cond='data:style == &quot;HIERARCHY&quot;' data='data' name='interval'/>
    <b:include cond='data:style == &quot;FLAT&quot;' data='data' name='flat'/>
    <b:include cond='data:style == &quot;MENU&quot;' data='data' name='menu'/>
  </div>
  </div>
  <b:include name='quickedit'/>
  </div>
</b:includable>
  <b:includable id='flat' var='data'>
  <ul class='flat'>
    <b:loop values='data:data' var='i'>
      <li class='archivedate'>
        <a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
      </li>
    </b:loop>
  </ul>
</b:includable>
  <b:includable id='interval' var='intervalData'>
  <b:loop values='data:intervalData' var='interval'>
    <ul class='hierarchy'>
      <li expr:class='&quot;archivedate &quot; + data:interval.expclass'>
        <b:include cond='data:interval.toggleId' data='interval' name='toggle'/>
        <a class='post-count-link' expr:href='data:interval.url'>
          <data:interval.name/>
        </a>
        <span class='post-count' dir='ltr'>(<data:interval.post-count/>)</span>
        <b:include cond='data:interval.data' data='interval.data' name='interval'/>
        <b:include cond='data:interval.posts' data='interval.posts' name='posts'/>
      </li>
    </ul>
  </b:loop>
</b:includable>
  <b:includable id='menu' var='data'>
  <select expr:id='data:widget.instanceId + &quot;_ArchiveMenu&quot;'>
    <option value=''><data:title/></option>
    <b:loop values='data:data' var='i'>
      <option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
    </b:loop>
  </select>
</b:includable>
  <b:includable id='posts' var='posts'>
  <ul class='posts'>
    <b:loop values='data:posts' var='post'>
      <li><a expr:href='data:post.url'><data:post.title/></a></li>
    </b:loop>
  </ul>
</b:includable>
  <b:includable id='toggle' var='interval'>
  <a class='toggle' href='javascript:void(0)'>
    <span expr:class='&quot;zippy&quot; + (data:interval.expclass == &quot;expanded&quot; ? &quot; toggle-open&quot; : &quot;&quot;)'>
      <b:if cond='data:interval.expclass == &quot;expanded&quot;'>
        &#9660;&#160;
      <b:elseif cond='data:blog.languageDirection == &quot;rtl&quot;'/>
        &#9668;&#160;
      <b:else/>
        &#9658;&#160;
      </b:if>
    </span>
  </a>
</b:includable>
</b:widget>
</b:section></div>
</div>

  <b:section id='foot' onload='run'>
    <b:widget id='LinkList13' locked='true' title='Hỗ trợ' type='LinkList'>
      <b:widget-settings>
        <b:widget-setting name='link-3'>http://</b:widget-setting>
        <b:widget-setting name='sorting'>NONE</b:widget-setting>
        <b:widget-setting name='link-4'>/</b:widget-setting>
        <b:widget-setting name='text-1'>Giao diện web công ty</b:widget-setting>
        <b:widget-setting name='link-1'>/</b:widget-setting>
        <b:widget-setting name='text-0'>Trang chủ</b:widget-setting>
        <b:widget-setting name='link-2'>/</b:widget-setting>
        <b:widget-setting name='text-3'>Giao diện web cá nhân</b:widget-setting>
        <b:widget-setting name='link-0'>/</b:widget-setting>
        <b:widget-setting name='text-2'>Giao diện web trường học</b:widget-setting>
        <b:widget-setting name='text-4'>Liên Hệ</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'>
   <ul>
     <b:loop values='data:links' var='link'>
       <li><a expr:href='data:link.target'><data:link.name/></a></li>
     </b:loop>
   </ul>
   <b:include name='quickedit'/>
 </div>
</b:includable>
    </b:widget>
    <b:widget id='LinkList3' locked='true' title='Hỗ trợ' type='LinkList'>
      <b:widget-settings>
        <b:widget-setting name='sorting'>NONE</b:widget-setting>
        <b:widget-setting name='text-0'>Địa chỉ:</b:widget-setting>
        <b:widget-setting name='link-0'>    39 Hai Bà Trưng-Hà Nội</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'>
   <ul>
     <b:loop values='data:links' var='link'>
       <li><a expr:href='data:link.target'><data:link.name/></a></li>
     </b:loop>
   </ul>
   <b:include name='quickedit'/>
 </div>
</b:includable>
    </b:widget>
    <b:widget id='LinkList4' locked='true' title='Hỗ trợ trực tuyến' type='LinkList'>
      <b:widget-settings>
        <b:widget-setting name='sorting'>NONE</b:widget-setting>
        <b:widget-setting name='text-0'>Văn phòng chính:</b:widget-setting>
        <b:widget-setting name='link-0'>     39 Hai Bà Trưng-Hà Nội</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'>
   <ul>
     <b:loop values='data:links' var='link'>
       <li><a expr:href='data:link.target'><data:link.name/></a></li>
     </b:loop>
   </ul>
   <b:include name='quickedit'/>
 </div>
</b:includable>
    </b:widget>
    <b:widget id='LinkList6' locked='true' title='Dịch vụ thiết kế website' type='LinkList'>
      <b:widget-settings>
        <b:widget-setting name='sorting'>NONE</b:widget-setting>
        <b:widget-setting name='text-1'>Phu&#803;c vu&#803; quy&#769; kha&#769;ch 24/7</b:widget-setting>
        <b:widget-setting name='link-1'>.</b:widget-setting>
        <b:widget-setting name='text-0'>Ba&#777;o ha&#768;nh miê&#771;n phi&#769; trên toa&#768;n quô&#769;c</b:widget-setting>
        <b:widget-setting name='link-0'>.</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'>
   <ul>
     <b:loop values='data:links' var='link'>
       <li><a expr:href='data:link.target'><data:link.name/></a></li>
     </b:loop>
   </ul>
   <b:include name='quickedit'/>
 </div>
</b:includable>
    </b:widget>
  </b:section>
</div>
</div>


<script>
Jrun();
</script>


</body>

  </html>