<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='https://www.w3.org/1999/xhtml' xmlns:b='https://www.google.com/2005/gml/b' xmlns:data='https://www.google.com/2005/gml/data' xmlns:expr='https://www.google.com/2005/gml/expr'>
<head>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'/>
<script src='https://webvn20.googlecode.com/files/simpleCart2vnd.js' type='text/javascript'/>
<script src='https://webvn20.googlecode.com/files/jquery.innerfade.js' type='text/javascript'/>
<script src='https://webvn20.googlecode.com/files/cycle.js' tiype='text/javascript'/>
<script src='https://webvn20.googlecode.com/files/relatedimage120_180.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
simpleCart({
//Setting the Cart Columns for the sidebar cart display.
cartColumns: [
{ attr: "image", label: "Ảnh", view: "image"},
//Name of the item
{ attr: "name" , label: "Tên Sản Phẩm" },
//Quantity displayed as an input
{ attr: "quantity", label: "Số Lượng", view: "input"},
//Built in view for a remove link
{ view:'remove', text: "Xóa", label: false},
//Price of item
{ attr: "price", label: "Giá"},
//Subtotal of that row (quantity of that item * the price)
{ attr: "total" , label: "Tổng", view: "currency" }
],
currency: "VND",
cartStyle: "table"
});
$(document).ready(function() {
//Default Action
$(".tab_content").hide(); //Hide all content
$("ul.tabs li:first").addClass("active").show(); //Activate first tab
$(".tab_content:first").show(); //Show first tab content
//On Click Event
$("ul.tabs li").click(function() {
$("ul.tabs li").removeClass("active"); //Remove any "active" class
$(this).addClass("active"); //Add "active" class to selected tab
$(".tab_content").hide(); //Hide all tab content
var activeTab = $(this).find("span").attr("href"); //Find the rel attribute value to identify the active tab + content
$(activeTab).fadeIn(); //Fade in the active content
return false;
});
});
//]]>
</script>
<style>
ul.tabs {
margin: 0;
padding: 0;
float: left;
list-style: none;
height: 32px; /*--Set height of tabs--*/
border-bottom: 1px solid #999;
border-left: 1px solid #999;
width: 100%;
}
ul.tabs li {
float: left;
margin: 0;
padding: 0;
height: 31px; /*--Subtract 1px from the height of the unordered list--*/
line-height: 31px; /*--Vertically aligns the text within the tab--*/
border: 1px solid #999;
border-left: none;
margin-bottom: -1px; /*--Pull the list item down 1px--*/
overflow: hidden;
position: relative;
background: #e0e0e0;
}
ul.tabs li span {
text-decoration: none;
color: #000;
display: block;
font-size: 1.2em;
padding: 0 20px;
border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
outline: none;
}
ul.tabs li span:hover {
background: #ccc;
}
html ul.tabs li.active, html ul.tabs li.active span:hover { /*--Makes sure that the active tab does not listen to the hover properties--*/
background: #fff;
border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}
.tab_container {
border: 1px solid #999;
border-top: none;
overflow: hidden;
clear: both;
float: left; width: 100%;
background: #fff;
}
.tab_content {
padding: 20px;
font-size: 1.2em; }
</style>
<script type='text/javascript'>
//<![CDATA[
function bp_thumbnail_resize(e,d,shimi){var c=145; var d1=400;var a=true;var b="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_tkuEprgtjN21Im7VpqZa2V_punHB-pXh4OSLV7YLXQ_8DZTFh6FGcOT5e90mMp68cfl8NoZOXqWldcY1F1GiU1BCTdgM-YsIjfSvhIofI23bwyJCHQXVnKYEsv-9tvqDcNT-cyJcIiE/s72-c/default.png";if(a==true&&e==""){e=b}image_tag='<a class="preview" rel="'+e.replace("/s72-c/","/s"+d1+"-d/")+'" href="'+shimi+'" title="'+d+'"><img src="'+e.replace("/s72-c/","/s"+c+"-c/")+'" class="postthumb item_image item_thumb" alt="'+d+'"/></a>';if(e!=""){return image_tag}else{return""}};
var classicMode = false ;
var summary = 80;
var indent = 3;
function stripHtmlTags(s,max){return s.replace(/<.*?>/ig, '').split(/\s+/).slice(0,max-1).join(' ')}
function getSummaryLikeWP(id) {
return document.getElementById(id).innerHTML.split(/<!--\s*more\s*-->/)[0];
}
function getSummaryImproved(post,max){
var re = /<.*?>/gi
var re2 = /<br.*?>/gi
var re3 = /(<\/{1}p>)|(<\/{1}div>)/gi
var re4 = /(<style.*?\/{1}style>)|(<script.*?\/{1}script>)|(<table.*?\/{1}table>)|(<form.*?\/{1}form>)|(<code.*?\/{1}code>)|(<pre.*?\/{1}pre>)/gi
post = post.replace(re4,'')
post = post.replace(re3,'<br /> ').split(re2)
for(var i=0; i<post.length; i++){
post[i] = post[i].replace(re,'');
}
var post2 = new Array();
for(var i in post) {
//if(post[i]!='' && post[i]!=' ' && post[i] != '\n') post2.push(post[i]);
if(/[a-zA-Z0-9]/.test(post[i])) post2.push(post[i]) ;
}
var s = "";
var indentBlank = "";
for(var i=0;i<indent;i++){
indentBlank += " ";
}
if(post2.join('<br/>').split(' ').length < max-1 ){
s = post2.join(indentBlank +' <br/>');
} else {
var i = 0;
while(s.split(' ').length < max){
s += indentBlank + ' ' + post2[i]+'<br/>';
i++;
}
}
return s;
}
function createSummaryAndThumb(pID,title,url,date,comment){
var posturl= url;
var title=title;
var date =date;
var comment = comment;
var div = document.getElementById(pID);
var content = div.innerHTML;
if (/<!--\s*more\s*-->/.test(content)) {
div.innerHTML = getSummaryLikeWP(pID);
div.style.display = "block";
}
else {
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary;
if(img.length>=1) {
imgtag = '<div class="thumb left"><a href="'+posturl+'"><img width="145" height="120" src="'+img[0].src+'"></a></div>';
}
var summary1 = '<div class="archive"><h2><a href="'+posturl+'">'+title+'</a></h2>'+imgtag+'<div class="archiveright right">'+stripHtmlTags(content,summary)+'...<br/><div class="right" style="margin-right:10px"> <a href="posturl" rel="nofollow" title="Read more">Đọc Thêm </a></div></div><div class="clear"></div></div>';
div.innerHTML = summary1;
div.style.display = "block";
}
}
imgr = new Array();
imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjbx1XxN9z-sGXiXG39MJnlRU214f80QWXDKSr9CkbQ7AYVausa5-FJ8FlWyFeZGiv_4laMGMuQ5wJFgJDgJZhQuA2odZdjJiTGBg-jwdmU5EDsrYVf5HhWUKRXCSBOfJOC_oyig1Br8c/s1600/no+image.jpg";
showRandomImg = true;
aBold = true;
summaryPost = 150;
summaryTitle = 25;
numposts = 8;
function removeHtmlTag(strx,chop){
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
s = s.join("");
s = s.substring(0,chop-1);
return s;
}
function showrecentposts(json) {
j = (showRandomImg) ? Math.floor((imgr.length+1)*Math.random()) : 0;
img = new Array();
document.write('<div class="slides">')
if (numposts <= json.feed.entry.length) {
maxpost = numposts;
}
else
{
maxpost=json.feed.entry.length;
}
for (var i = 0; i < maxpost; i++) {
var entry = json.feed.entry[i];
var posttitle = entry.title.$t;
var pcm;
var posturl;
if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
posturl = entry.link[k].href;
break;
}
}
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'replies' && entry.link[k].type == 'text/html') {
pcm = entry.link[k].title.split(" ")[0];
break;
}
}
if ("content" in entry) {
var postcontent = entry.content.$t;}
else
if ("summary" in entry) {
var postcontent = entry.summary.$t;}
else var postcontent = "";
postdate = entry.published.$t;
if(j>imgr.length-1) j=0;
img[i] = imgr[j];
s = postcontent ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);
if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;
//cmtext = (text != 'no') ? '<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>' : '';
var month = [1,2,3,4,5,6,7,8,9,10,11,12];
var month2 = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
var day = postdate.split("-")[2].substring(0,2);
var m = postdate.split("-")[1];
var y = postdate.split("-")[0];
for(var u2=0;u2<month.length;u2++){
if(parseInt(m)==month[u2]) {
m = month2[u2] ; break;
}
}
var daystr = day+ ' ' + m + ' ' + y ;
pcm='<a href="'+posturl+'">'+pcm+' comments</a>';
var trtd = '<div><p class="featured-thumb"><a href="'+posturl+'"><img width="360" height="230" src="'+img[i]+'"/></a></p><div class="featuredTitle"><a href="'+posturl+'">'+posttitle+'</a></div><p>'+removeHtmlTag(postcontent,summaryPost)+'... </p><a href="'+posturl+'" class="shop">Chi Ti?t !</a></div>';
document.write(trtd);
j++;
}
document.write('</div>')
}
//]]>
</script>
<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if>
<meta content='Your Blog Description here!' name='description'/>
<meta content='Your Keywords here!' name='keywords'/>
<meta content='Author Name here!' name='Author'/>
<meta content='Author Email Address here!' name='Email'/>
<meta content='document' name='resource-type'/>
<meta content='all' name='audience'/>
<meta content='general' name='rating'/>
<meta content='all' name='robots'/>
<meta content='index, follow' name='robots'/>
<meta content='id' name='language'/>
<meta content='id' name='geo.country'/>
<meta content='global' name='distribution'/>
<meta content='1 days' name='revisit-after'/>
<meta content='Indonesia' name='geo.placename'/>
<b:skin><![CDATA[
/* -----------------------------------------------
redesign : shimi
blog :shimivn.blogspot.com
Blogger Template Style
Name : Johny Ganteng Store
Author : Maskolis
Url : https://creatingwebsite-maskolis.blogspot.com/
Updated by: Blogger Team
----------------------------------------------- */
/* Variable definitions
====================
<Variable name="bgcolor" description="Page Background Color"
type="color" default="#fff" value="#eeeeee">
<Variable name="textcolor" description="Text Color"
type="color" default="#444" value="#444444">
<Variable name="linkcolor" description="Link Color"
type="color" default="#58a" value="#2a4978">
<Variable name="pagetitlecolor" description="Blog Title Color"
type="color" default="#666" value="#333333">
<Variable name="descriptioncolor" description="Blog Description Color"
type="color" default="#999" value="#666666">
<Variable name="titlecolor" description="Post Title Color"
type="color" default="#c60" value="#000000">
<Variable name="bordercolor" description="Border Color"
type="color" default="#ccc" value="#dcd9d9">
<Variable name="sidebarcolor" description="Sidebar Title Color"
type="color" default="#999" value="#333333">
<Variable name="sidebartextcolor" description="Sidebar Text Color"
type="color" default="#666" value="#666666">
<Variable name="visitedlinkcolor" description="Visited Link Color"
type="color" default="#999" value="#2a4978">
<Variable name="bodyfont" description="Text Font"
type="font" default="normal normal 100% Arial, Sans-serif" value="normal normal 12px Arial, sans-serif">
<Variable name="headerfont" description="Sidebar Title Font"
type="font"
default="normal normal 100% Arial,Verdana,Sans-serif" value="normal bold 14px Arial,sans-serif">
<Variable name="pagetitlefont" description="Blog Title Font"
type="font"
default="normal normal 200% Arial, Sans-serif" value="normal normal 26px Arial, Sans-serif">
<Variable name="descriptionfont" description="Blog Description Font"
type="font"
default="normal normal 78% Arial, Sans-serif" value="normal normal 12px Arial, Sans-serif">
<Variable name="postfooterfont" description="Post Footer Font"
type="font"
default="normal normal 78% Arial, Sans-serif" value="normal normal 12px Arial, Sans-serif">
<Variable name="startSide" description="Side where text starts in blog language"
type="automatic" default="left" value="left">
<Variable name="endSide" description="Side where text ends in blog language"
type="automatic" default="right" value="right">
*/
body{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiePWPMfiIJ7LYhg-vGh5c2A-Ag__pr3YU3zHE5ZYH-Oc80b3uqCCOnGuF9Oz3wJNZZp1r7H3mCyZeZAu25gjsUqHU49T2UK0ga21qYSIARFT3oHzUNA7yoCFoDRGaZSxLXmjcCKQL/s1600/bg.png) repeat;color:$textcolor;font:Arial, Sans-serif;font-size:12px;text-align:left;margin:0}
a:link{color:$linkcolor;text-decoration:none}
a:visited{color:$visitedlinkcolor;text-decoration:none}
a:hover{color:$titlecolor;text-decoration:none}
a img{border-width:0}
#header-wrapper{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEZT4_orJwTMX9MVsleTe45GYc2yhyphenhyphenYnH4h0Ub-LbLSC33mwgdAdQVb6y6hhXhRGfSl6HBHRi2ndKo4KLhqluFNQZlxytSWh-XK-S3FLbgi3wMrlnqlS_S1xx1qkldFsyGNILgg42JUVIy/s1600/header.png);width:990px;height:140px;border:0 solid $bordercolor;margin:0 auto}
#header-inner{background-position:center;margin-left:auto;margin-right:auto}
#header{float:left;width:350px;border:0 solid $bordercolor;text-align:left;color:$pagetitlecolor;margin:0}
#header2{float:right;width:600px;margin-right:10px;text-align:left;color:#555}
.header .widget,.header2 .widget{margin:0 auto;padding:10px 0}
#header h1{line-height:1.2em;text-transform:none;letter-spacing:.1em;font:bold 30px ;margin:0 auto;padding:10px 5px .15em;color:#333;}
#header a{text-decoration:none}
#header a:hover{color:$pagetitlecolor}
#header .description{max-width:100%;text-transform:uppercase;letter-spacing:.01em;line-height:1.2em;font:$descriptionfont;color:$descriptioncolor;margin:0 auto;padding:0 5px 5px}
#header img{margin-startside:auto;margin-endside:auto}
#navbar-iframe{height:0;visibility:hidden;display:none}
#crosscol-wrapper{margin:0 auto;padding:0 auto}
.crosscol .widget{margin:0 auto;padding:0 0 6px}
#mainpage-wrapper{width:735px;float:$startSide;word-wrap:break-word;overflow:hidden}
#main-wrapper{width:735px;float:$emdSide;word-wrap:break-word;overflow:hidden;}
#sidebar-wrapper{width:250px;float:$startSide;word-wrap:break-word;overflow:hidden;margin-top:5px;margin-left:5px;}
h2.date-header{margin:1.5em 0 .5em}
.post{margin:0;padding:5px}
.post .jump-link{display:none}
.post h3{font:20px ;line-height:1.2em;color:#333;margin:.25em 0 0;padding:0 0 4px 15px;}
.post h3 a,.post h3 a:visited,.post h3 strong{color:$titlecolor}
.post h3 strong,.post h3 a:hover{color:#444444}
.post-body{border-top:2px solid #bbb;font:12px ;padding:10px 5px 5px 5px;line-height:1.4em;margin:1em 0 .75em;}
.post-body blockquote{line-height:1.3em}
.post-footer{color:#666;text-transform:none;letter-spacing:.01em;font:$postfooterfont;line-height:1.4em;margin:.75em 0}
.comment-link{margin-startside:.6em}
.post img,table.tr-caption-container{overflow:hidden;margin-top:5px;padding:0}
.tr-caption-container img{border:none;padding:0}
.post blockquote{margin: 10px 10px 10px 20px;padding: 10px 15px 10px 15px;line-height: 1.6em;color: #333;background: #eee;border-left: 20px solid #ccc}
.post blockquote p{margin:.75em 0}
table{width:100%;border-collapse:collapse;border-spacing:0;border:1px solid #999;color:#444;margin:10px 0}
table td,table th{text-align:left;border:1px solid #999;padding:.4em .8em}
table th{text-transform:uppercase;font-weight:400;border:1px solid #999}
table td{border:1px solid #999}
table tr.even td{border:none}
.comments{padding:0 15px}
#comments h4{font-size:16px;font-weight:400;margin:20px 0}
.cm_wrap{clear:both;margin-bottom:10px;float:right;width:100%}
.cm_head{width:60px;float:left;margin:0}
.cm_avatar{vertical-align:middle;border:1px solid #DDD;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFqT0IlySp1_0hBFsyAXAtze_HQEPb1YD7gSTZ4ktDcs7krLbdKRnO6wc9opcyhWWMXzbiBEHTaOZsB-xIBx8OoSDURiuz6644Zg-UDGKxfS4Bv7AeOUN8ExLJGiEiDEE-rweKj1XU3KY/s1600/anonymous.jpg) center no-repeat;width:35px;height:35px;margin:0;padding:3px}
.cm_avatar_a{vertical-align:middle;border:1px solid #DDD;background:silver;background-position:center;background-repeat:no-repeat;width:35px;height:35px;margin:0;padding:3px}
.cm_reply a{display:inline-block;border:1px solid #C4C4C4;border-top-color:#E4E4E4;border-left-color:#E4E4E4;color:#424242!important;text-align:center;text-decoration:none;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background:0;font:11px/18px sans-serif;margin:0;padding:1px 6px}
.cm_reply a:hover{text-decoration:none!important;background:#aaa}
.cm_entry{background:#fcfcfc;border:1px solid #E4E4E4;overflow:hidden;padding:16px}
.cm_arrow{display:block;width:9px;height:18px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXT5YD4ir7zUszG82njbsSIwdjJ2DTidL9iX4Mybq4VT8eipjDtF8U5z3SSQMY-IW0r6ci1rAo-iuVKtZ1YvWFMSVxPtLzu_ISZA9LeLPFVmtHYY2EUqFxDHcLTsuNWTeXh8lDJVtvcMc/s1600/comment-arrow.gif) no-repeat;position:absolute;margin-left:-25px}
.cm_info{margin-bottom:5px;border:thin solid #E6E6E6;background-color:#F4F4F4;padding:5px}
.cm_info_a{margin-bottom:5px;border:thin solid #E6E6E6;background-color:#e5e5e5;padding:5px}
.cm_name{font-size:14px;color:#333!important;text-decoration:none;float:left}
.cm_name_a{font:bold 13px ;color:#333!important;text-decoration:none;float:left}
.cm_date{font-size:10px;color:#999;text-decoration:none;float:right}
.cm_date_a{font:normal 10px ;color:#333;text-decoration:none;float:right;padding-top:5px}
.cm_pagenavi{font-size:10px;text-transform:uppercase;color:#666;font-weight:700}
.cm_pagenavi a{color:#666;text-decoration:none;padding:10px}
.cm_pagenavi span{color:#888;background:#FFF;border:1px solid #E0E0E0;padding:4px}
.comment-body-author{font-family:;font-weight:300}
.cm_entry p,.cm_entry_a p{clear:both;border:thin solid #E6E6E6;background-color:#fff;font-size:13px;color:#333;word-wrap:break-word;padding:5px}
.cm_reply{padding-top:5px}
#blog-pager-newer-link{float:$startSide}
#blog-pager-older-link{float:$endSide}
#blog-pager{clear:both;text-align:center;margin:25px 0;padding:10px 0;}
.blog-pager{margin-top:15px;}
.feed-links{clear:both;line-height:2.5em}
.sidebar h2{background:#424242;font-size:13px ;font-weight:bolder;color:#ffffff;margin:0;padding:6px 0 7px 10px;border-bottom:2px solid #79a3c7; }
.sidebar{color:#666666;line-height:1.3em;border-top:none}
.sidebar li{background:url() repeat-x scroll bottom;text-indent:0;line-height:1.3em;margin:0;padding:0px}
.sidebar .widget{border:0 solid #b9c7d3;margin:0 0 5px}
.sidebar .widget-content{margin:0 auto;padding:0px 0px}
.sidebar a:link,.sidebar a:visited {font-size:13px ;color:#1159b3;text-decoration:none;font-weight:bolder;}
.sidebar li a:hover{color:#1159b3}
.sidebar ul{list-style:none;margin:0;padding:2px 10px}
#Label2 ,#PopularPosts1,#HTML4,#HTML8{
border:1px solid #b9c7d3;
margin-bottom:10px;
padding-bottom:5px;
background:#fff;
}
#Label2 ul li{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEhXcBaUpp_j3Tn67skUnEZhDB953PO0B1JGIhTjV2ZuImKQO_RSZFq93jvwru4jT_izkX-b3aK1STZHyO1wd-IwnUu_MIS7W5vjRtf1KyXBVKV95ClIxL7CyRO1ccaBWPmenFuqlU/s1600/tag_blue.gif) no-repeat 0 9px;line-height:1.5em;margin:0;padding:2px 0 2px 15px;
border-bottom:1px dotted #23a5e1;}
#Label2 ul li a{
cursor:pointer;
display:block;
font-weight:bold;
padding:0px 20px 0px 8px;
height:25px;
line-height:25px;
overflow:hidden;
white-space:nowrap;
}
#Label2 ul li a:link,#Label2 ul li a:visited{font:13px ;color:#4397e5;text-decoration:none;font-weight:bolder}
#Label2 ul li a:hover{
color:RED;
font-weight:bold;
}
#main{
}
#Blog1{ margin-left:5px;border:1px solid #b9d7c3;margin-top:5px; background:#fff;}
#HTML4 h2{
background :#424242 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYEaWn11bZ70BIAsuRFh625AnKpRdi73bLTfzcJ01NhSf-RhFAou61DFTo5dWqDUEk4CTPkQp_clwxSPJBSYqja7ppQj2wyGFiw3rDi1YBPVau_XFwEEbZXOavWLR4zqHUXX7ZYaso/s400/shopping_cart_icon.jpg') no-repeat top right ;
padding-right:40px;
margin-right:5px;
}
.postthumb{
}
.main .widget{border-bottom:1px dotted $bordercolor;margin:0 0 1.5em;padding:0 ;}
.main .Blog{border-bottom-width:0}
.profile-img{float:$startSide;margin-top:0;margin-endside:10px;margin-bottom:5px;margin-startside:0;border:1px solid $bordercolor;padding:4px}
.profile-data{text-transform:uppercase;letter-spacing:.01em;font:bold 13px ;color:$sidebarcolor;line-height:1.3em;margin:0}
.profile-datablock{margin:.5em 0}
.profile-textblock{line-height:1.3em;margin:.5em 0}
.profile-link{font:$postfooterfont;text-transform:none;letter-spacing:.01em}
#toppic {width:990px;height:36px;background:#424242;border-bottom:1px solid #002851;border-top:1px solid #bdbdbd;margin:0 auto;padding:0 auto;overflow:hidden;}
#topwrapper {width:990px;height:36px;margin:0 auto;padding:0 auto;font-weight:bolder;}
.clearit ,.clear{clear: both;height: 0;line-height: 0.0;font-size: 0;}
#top {width:100%;}
#top, #top ul {padding: 0;margin: 0;list-style: none;}
#top a {text-align:left;display: block;text-decoration: none;padding:10px 12px 11px;font-size:14px;font-weight:bolder;text-transform:none;color:#ffffff;}
#top a:hover {color:#ffffff,text-decoration:underline;}
#top a.trigger {background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4NOZNv6qYGLgYFzRkBhDxCcYlhIekqKkjyjQzk1YSt-O1CIXXQOQUattA6so6bVUqeJP_Hcsj96KPAJRY1Nmi3zQ0750gKF2sj1n9GRXMCXUDQfXl7uONdX8-aKU6y3VA3CB6suGw8IY/s1600/arrow_white.gif);background-repeat: no-repeat;padding: 10px 24px 11px 12px;background-position: right center;font-weight:bolder;}
#top li {float: left;position: relative;}
#top li {position: static; width: auto;}
#top li ul, #top ul li {width:300px;}
#top ul li a {text-align:left;padding: 6px 15px;font-size:13px;font-weight:bolder;text-transform:none;border:none;}
#top li ul {z-index:100;position: absolute;display: none;background-color:#43a6df;margin-left:-80px;margin-top:-2px;padding:5px 0;-moz-border-radius-bottomleft:6px; -moz-border-radius-bottom-right:6px; -webkit-border-bottom-left-radius:6px; -webkit-border-bottom-right-radius:6px; border-bottom-left-radius:6px; border-bottom-right-radius:6px;-moz-box-shadow:0 2px 2px rgba(0,0,0,0.6);}
#top li ul li {width:150px;float:left;margin:0;padding:0}
#top li:hover ul, #top li.hvr ul {display: block;}
#top li:hover ul a, #top li.hvr ul a {color:#ffffff;background-color:transparent;text-decoration:none;}
#top ul a:hover {text-decoration:underline!important;color:yellow}
.showpageOf{border:1px solid #7b7c7d;color:#000;margin:2px;padding:3px 6px}
.showpageNum a,.showpage a{border:1px solid #7b7c7d;color:#000;text-decoration:none;margin:2px;padding:3px 6px}
.showpageNum a:hover,.showpage a:hover,.showpagePoint{border:1px solid #001627;background:#3377b4;color:#fff;margin:2px;padding:3px 6px}
.newsfea{background:#43a6df;font:13px;font-weight:bolder;color:#fff;padding:7px 10px;text-transform:uppercase; margin-left:5px;
}
#outer-wrapper{background:#f0f0f0 ;width:990px;text-align:$startSide;font:$bodyfont;margin:0px auto;padding:0px 5px 5px 5px;}
.footer h2{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhz60_8wFYQVholz0MTWYWdHzxM4uZOV7HF_vempZiXE2mUC9ZnCm8uwABPczDnvJuEKnw_dCZkpi5XRH6lzrtdvnvcRdkMRIQE7EmAoh7nPN4n40uu8HK0qIGXAGpOwh6lu432-sc7H84/s1600/batas.png) repeat-x scroll bottom;padding-bottom:5px;font-size:13px;font-weight:bold; ;color:#484848;line-height:26px;text-transform:none;letter-spacing:.01em;margin:0 0 3px}
.footer{font:normal 12px ;color:#022f66;line-height:1.3em}
.footer ul{list-style:none;margin:0;padding:0}
.footer li{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijvF319vM2H2yZcAmGiDceETjPhojHv3_RywrpxiaTnOK1PlsRHjgI57o03LbW0qHWiYvrMUVqsfbZk5sUQtn4y92hRJ2bgG8I8jgVbphPgNlU-SDY8LcOvtwkXCRWh-qqVLGTtFn_e-Qc/s1600/bullet.png) no-repeat 1px 5px;font:normal 13px ;color:#EAE9E8;text-indent:0;line-height:1.1em;margin:0;padding:2px 0 3px 16px}
.footer .widget{margin:0 0 5px;padding:0 auto}
.footer a:link,.footer a:visited{font:normal 12px ;color:#022f66;text-decoration:none}
.footer a:hover{color:#022f66;text-decoration:none}
.footerwrap{background:#f3f7ff repeat-x top;width:990px;margin-startside:auto;margin-endside:auto;text-align:center;font:normal normal 12px ;margin:0 auto;padding:10px 0}
#footer-wrapper{width:970px;text-align:left;font:normal normal 12px ;margin:0 auto;padding:10px 0}
#footer1-wrapper{width:210px;float:left;margin-right:15px;word-wrap:break-word;overflow:hidden}
#footer4-wrapper{width:270px;float:left;word-wrap:break-word;overflow:hidden}
#footer2-wrapper,#footer3-wrapper{width:210px;float:left;margin-right:15px;word-wrap:break-word;overflow:hidden}
.creditwrap{background:#3a3a3a;width:990px;border-top:2px solid #43a6df;margin:0 auto;padding:0 auto}
.credit{width:970px;line-height:1.6em;text-align:center;font-size:11px;color:#aaa;overflow:hidden;clear:both;margin:0 auto;padding:10px 0}
.credit a:link,.credit a:visited{color:#a5cae4;text-decoration:none}
.credit a:hover{color:#43a6df;text-decoration:none}
.credit a {
color: #a5cae4;
}
.credit a:hover {
color: #43a6df;
}
#featuredSlider{background-color:#f5f6f7;
float:$startSide;margin:0; padding:10px 0; width:715px;margin:5px 0px 5px 5px; position:relative;color:#333;font:bold 16px ;
}
#featuredSlider .featured-thumb {background:#ccc;float:left; margin:0 10px 0 0; padding:8px;}
#featuredSlider .container {height:245px; margin:0 10px;overflow:hidden; position:relative; }
.featuredTitle{font-size:22px;font-weight:bold!important;}
.featuredTitle a{color:#020200;}
.featuredTitle a:hover{color:#0066cb;}
.navigation {position:relative;bottom:18px;float:right;overflow:hidden;}
ul.pagination {list-style-type:none; margin:0 auto; padding:0;}
ul.pagination a { float:left; margin:0 5px; display:inline; }
ul.pagination a { display:block;width:12px; padding-top:12px; height:0; overflow:hidden; background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLU1zaHDFYti_EOcqyyN7NAQFnUh8FdBrat21N8UZhGKTWRXfAHIxknn5yz2qtzicoGW9YiLdMwNGk4wtZQeuT14Ut4XVoeYbtK3yi2clSzooxVsZqBGGhMI8ksE53tIWp329JP9fz72i8/s1600/pagination-slider.png); background-position:0 0; background-repeat:no-repeat; }
ul.pagination a:hover { background-position:0 -12px; }
ul.pagination a:hover { background-position:0 -12px; }
ul.pagination a.activeSlide { background-position:0 -12px }
a.shop {float:right;background:#f92200 repeat-x top left;display:block;margin:10px 0 0 0;padding:4px 10px;color:#fff;font-weight:700}
a.shop:hover {color:#f4f5f6}
#nav-wrapper{background:#3a3a3a;height:28px;font-family:"Tahoma",Palatino,serif;overflow:hidden;
border-bottom:2px solid #43a6df;}
#nav{margin:0 auto;width:990px;height:28px;padding:5px 0 0 10px;float:left; color:#cbcbcb;
}
#footer-nav-wrapper{background:#2d2d2d;border-bottom:1px solid #000;height:30px;font-family:"Tahoma",Palatino,serif;overflow:hidden}
#footer-nav{margin:0 auto;width:990px;height:10px;padding:0;}
a.order{background:#228aba repeat-x top left;border:1px solid #f4f5f6;color:#f4f5f6;font-size:11px;text-align:center;width:60px;margin:10px 5px 0px 5px;float:left;padding:4px 5px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
.item_name{
font:bold 14px ;float:center;color:#176093;
}
a.item_add{background:#37394e repeat-x top left;border:1px solid #f4f5f6;color:#e8e8e8;font-size:11px;text-align:center;width:60px;margin:10px 5px 0px 0;float:right;padding:4px 5px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
a.order:hover,a.item_add:hover{border:1px solid #f8991d;}
.item_price{display:block;height:20px;position:absolute;color:RED;font-size:14px;font-weight:bolder ;float:center;border:0 none;padding:5px 10px ;left:15px;bottom:30px;}
#search{float:right;width:180px;height:20px;margin-top:8px;margin-right:5px;}
#search form{float:left}
#search input[type="text"]{background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnXO8tiQmKda483SbhFc7wWciJhsvZFuvMOZTUtgIMC9844ORTbx1rn2hv9Nsj0ZYXxBDQu8GDp5WjT7nckdGwuT6VdgohRHLD34afQTt0WqgqLBoaJKpa84bBMpfusCdiXUIo6Ir0fAA/s1600/search_button.png) no-repeat scroll 4px center;float:left;border:1px solid #d2d2d2;width:146px;margin-top:1px;padding:3px 15px;font-size:12px;text-align:right;color:#999999;}
#search input[type="text"]:focus{background:#fff}
#search input[type="submit"]{display:none}
.overlay{
text-align:center;}
ul#related-posts{font:14px ;list-style:none;text-transform:none;margin:10px 0;padding:0}
ul#related-posts li{float:left;height:186px ;list-style-type:none;margin:0 2px;padding:2px 1px}
*html ul.rp#related-posts li{margin:0 5px}
ul#related-posts li a{border:1px solid #ffffff; display:block;height:auto ;width:130px;color:#eaeaea;text-decoration:none;text-align:center;}
ul#related-posts li .overlay{height:39px;line-height:16px;width:130px; color:#000000;text-align:center;}
ul#related-posts li a:hover .overlay{display:block!important;}
ul#related-posts li img{margin-bottom:5px; margin-top:5px; padding:0!important}
ul#related-posts li a:hover{border:1px solid #0066FF ; display:block;}
.archive{ margin:5px 0px 0px 0px; padding: 0px; }
.archiveright { width:526px;}
.left{ float:left;}
.right{float:right;}
.thumb img{padding: 5px;border: 1px solid #e9e9e9;}
#preview{position:absolute;background:#4488dd;padding:2px;z-index:330;color:#fff;}
img.getlabel{display:block;height:37px;margin-top:0;position:absolute;width:37px;
z-index:10;top:0px;left:-10px;}
.breadcrumbs {
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 15px;
font-size:95%;
line-height: 1.4em;
border-bottom:1px double #e6e4e3;
}
/* Page Navigation */
.pagenavi{clear:both; margin:10px;text-align:center;float:right;}
.pagenavi span,.pagenavi a{padding:3px;margin-right:5px;background:#fff;border:1px solid #0594d1}
.pagenavi a:visited{color:#0594d1}
.pagenavi a:hover,.pagenavi .current{background:#0594d1;color:#fff;text-decoration:none}
.pagenavi .pages,.pagenavi .current{font-weight:bold}
.pagenavi .pages{border:none}
#HTML1,#HTML5{
display:none;
margin-top:8px;
margin-bottom:4px;
padding:0px 0px 5px 0px;
}
#HTML1 .widget-content,#HTML5 .widget-content{
margin:5px 0 10px 5px;
background:#ffffff;
border:1px solid #b9c7d3;
float:left;
padding-bottom:15px;
}
.pro_list {
border:0px;
float: left;
margin: 10px 0 0;
padding: 0 0 5px;
width: 300px;
}
.pro_list_brief img{
max-height:300px;
max-width:250px;
}
.row{
border:0px;
border-bottom: 1px dotted #CCCCCC;
padding: 3px 0px 3px 5px;
}
.fea_title{
font-weight:bold
}
.tensanpham{
color:#0066CC;font-size:16px; font-weight:bold ;
}
]]></b:skin>
<style>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
#Blog1 {
display:none;
visibility:hidden;
}
#HTML1,#HTML5{
display:block;
}
</b:if>
</style>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.searchLabel != "news"'>
<style>
.post{background:#ffffff ;border:1px solid #d7edfc;list-style:none;width:160px;margin-left:11px;margin-top:10px;text-align:center;height:250px;display:inline;float:left;overflow:hidden;position:relative;padding:2px 5px 5px 0;
}
.post:hover{border:1px solid #6691c4;
}
.post-footer{display:none}
.post h3{height:25px;border:0 none;line-height:18px;margin:0 5px 5px;padding:2px}
.post h3 a{color:#111;font:14px ;text-align:center;text-shadow:none;line-height:20px}
.post h3 a:hover{color:#014aa0}
.post-body{border-top:none;height:200px;overflow:hidden;width:160px;padding:0px;margin:0 0 .3cm;}
.post img{margin:10px}
</style>
</b:if>
</b:if></b:if>
<b:if cond='data:blog.pageType == "item"'>
<style>
span.item_price {font-size: 20px;
background: #EF3F36;
color: #fff;
font-weight: 700;
position: relative;
padding: 8px 10px 8px;
bottom: 0;
left: 0;
width: 160px;
height: 15px;
text-align: center;}
</style>
</b:if>
<script type='text/javascript'>
//<![CDATA[
this.imagePreview=function(){xOffset=10;yOffset=30;$("a.preview").hover(function(e){this.t=this.title;this.title="";var c=(this.t!="")?"<br/>"+this.t:"";$("body").append("<p id='preview'><img src='"+this.rel+"' alt='Image preview' />"+c+"</p>");$("#preview").css("top",(e.pageY-xOffset)+"px").css("left",(e.pageX+yOffset)+"px").fadeIn("fast")},function(){this.title=this.t;$("#preview").remove()});$("a.preview").mousemove(function(e){$("#preview").css("top",(e.pageY-xOffset)+"px").css("left",(e.pageX+yOffset)+"px")})};$(document).ready(function(){imagePreview()});
//]]>
</script>
</head>
<body>
<b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
<b:widget id='Navbar1' locked='true' title='Thanh điều hướng' type='Navbar'>
<b:includable id='main'><script type="text/javascript">
function setAttributeOnload(object, attribute, val) {
if(window.addEventListener) {
window.addEventListener('load',
function(){ object[attribute] = val; }, false);
} else {
window.attachEvent('onload', function(){ object[attribute] = val; });
}
}
</script>
<div id="navbar-iframe-container"></div>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<script type="text/javascript">
gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() {
if (gapi.iframes && gapi.iframes.getContext) {
gapi.iframes.getContext().openChild({
url: 'https://www.blogger.com/navbar.g?targetBlogID\075396432993004543457\46blogName\75%C3%94+t%C3%B4+Ki%C3%AAn+Anh\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75LIGHT\46layoutType\75LAYOUTS\46searchRoot\75//otokienanh.blogspot.com/search\46blogLocale\75vi\46v\0752\46homepageUrl\75https://otokienanh.blogspot.com/\46vt\0752885838596715270597',
where: document.getElementById("navbar-iframe-container"),
id: "navbar-iframe"
});
}
});
</script><script type="text/javascript">
(function() {
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = '//pagead2.googlesyndication.com/pagead/js/google_top_exp.js';
var head = document.getElementsByTagName('head')[0];
if (head) {
head.appendChild(script);
}})();
</script>
</b:includable>
</b:widget>
</b:section>
<div id='outer-wrapper'>
<div id='wrap2'>
<div id='nav-wrapper'>
<div id='nav'>
<style>
div.choosers
{
background-color: #00ACE9;
margin-right:7px;
padding:5px;
float: left;
zoom: 1;
text-align:center;
}
.choosers a{
color:#fff;
text-decoration:none;
}
div.choosers :hover {
text-decoration: underline;
}
.choosers div
{
float: left;
height:20px;
}
</style>
<div class='choosers' style='background: #8DC63F;'>
<div>
<a href='#'>Contact Us</a>
</div>
</div>
<div class='choosers' style='background: #EF3F36;'>
<div>
<a href='#'>Contact Us</a>
</div>
</div><div class='choosers' style='background: #00ACE9;'>
<div>
<a href='#'>Contact Us</a>
</div>
</div>
<div class='right' style='margin-right:15px'>
<!-- clock hack -->
<div class='smallfont' id='clock'>Đang tải...</div>
<script type='text/javascript'>
//<![CDATA[
function refrClock()
{
var d=new Date();
var s=d.getSeconds();
var m=d.getMinutes();
var h=d.getHours();
var day=d.getDay();
var date=d.getDate();
var month=d.getMonth();
var year=d.getFullYear();
var days=new Array("Chủ nhật,","Thứ Hai,","Thứ Ba,","Thứ Tư,","Thứ Năm,","Thứ Sáu,","Thứ Bảy,");
var months=new Array("01","02","03","04","05","06","07","08","09","10","11","12");
var am_pm;
if (s<10) {s="0" + s}
if (m<10) {m="0" + m}
if (h>12) {h-=12;am_pm = "Chiều"}
else {am_pm="Sáng"}
if (h<10) {h="0" + h}
document.getElementById("clock").innerHTML="Hôm Nay "+ days[day] + " ngày " + date + "-" + months[month] + "-" + year ;
}
refrClock();
//]]>
</script>
<!-- / clock hack -->
</div>
</div></div>
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Ô tô Kiên Anh (Tiêu đề)' type='Header'>
<b:includable id='main'>
<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == "BEHIND"'>
<!--
Show image as background to text. You can't really calculate the width
reliably in JS because margins are not taken into account by any of
clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
width if the user is using shrink to fit.
This results in a margin-width's worth of pixels being cropped. If the
user is not using shrink to fit then we expand the header.
-->
<b:if cond='data:mobile'>
<div id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
<b:else/>
<div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); " + "background-position: " + data:backgroundPositionStyleStr + "; " + data:widthStyleStr + "min-height: " + data:height + "_height: " + data:height + "background-repeat: no-repeat; "' id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
<b:else/>
<!--Show the image only-->
<div id='header-inner'>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a>
<!--Show the description-->
<b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
<b:include name='description'/>
</b:if>
</div>
</b:if>
<b:else/>
<!--No header image -->
<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
</b:includable>
<b:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</b:includable>
<b:includable id='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</b:includable>
</b:widget>
</b:section>
<div style='clear:both;'/>
</div><!-- end header-wrapper -->
<div id='toppic'>
<div id='topwrapper'>
<ul id='top'>
<li><a href='/'>Trang Chủ</a></li>
<li><a href='/'>Giới Thiệu</a></li>
<li><a href='/search/label/news'>Tin Tức</a></li>
<li><a class='trigger' href='#'>Sản Phẩm</a>
<ul>
<li><a href='/'>Sub menu 1</a></li>
<li><a href='/'>Sub menu 2</a></li>
<li><a href='/'>Sub menu 3</a></li>
<li><a href='/'>Sub menu 4</a></li>
</ul>
</li>
<li><a class='trigger' href='#'>Drop menu 2</a>
<ul>
<li><a href='/'>Sub menu 1</a></li>
<li><a href='/'>Sub menu 2</a></li>
<li><a href='/'>Sub menu 3</a></li>
<li><a href='/'>Sub menu 4</a></li>
<li><a href='/'>Sub menu 5</a></li>
<li><a href='/'>Sub menu 6</a></li>
</ul>
</li>
<li><a class='trigger' href='#'>Drop menu 3</a>
<ul>
<li><a href='/'>Sub menu 1</a></li>
<li><a href='/'>Sub menu 2</a></li>
<li><a href='/'>Sub menu 3</a></li>
<li><a href='/'>Sub menu 4</a></li>
<li><a href='/'>Sub menu 5</a></li>
<li><a href='/'>Sub menu 6</a></li>
<li><a href='/'>Sub menu 7</a></li>
<li><a href='/'>Sub menu 8</a></li>
</ul>
</li>
<li><a href='#'>Liên Hệ</a></li>
</ul>
<div id='search'>
<form action='/search' class='search' id='searchform' method='get'>
<div>
<input name='q' onblur='if (this.value == "") {this.value = "Type and Enter";}' onfocus='if (this.value == "Type and Enter") {this.value ="";}' size='30' type='text' value='Type and Enter'/>
</div>
</form>
</div>
<br class='clearit'/>
</div>
</div>
<!-- skip links for text browsers -->
<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a> |
<a href='#sidebar'>skip to sidebar</a>
</span>
<div id='content-wrapper'>
<div id='crosscol-wrapper'>
</div>
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='HTML8' locked='false' title='Hỗ Trợ OnLine' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML4' locked='false' title='ĐƠN HÀNG' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='Label2' locked='false' title='Categories' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='"widget-content " + data:display + "-label-widget-content"'>
<b:if cond='data:display == "list"'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<a expr:dir='data:blog.languageDirection'><data:label.name/></a>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url + "?max-results=8"'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
</li>
</b:loop>
</ul>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='"label-size label-size-" + data:label.cssSize'>
<b:if cond='data:blog.url == data:label.url'>
<a expr:dir='data:blog.languageDirection'><data:label.name/></a>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url + "?max-results=8"'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='PopularPosts1' locked='false' title='Bài đăng phổ biến' type='PopularPosts'>
<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.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</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: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:widget id='Attribution1' locked='true' title='' type='Attribution'>
<b:includable id='main'>
<b:if cond='data:feedbackSurveyLink'>
<div class='mobile-survey-link' style='text-align: center;'>
<data:feedbackSurveyLink/>
</div>
</b:if>
<div class='widget-content' style='text-align: center;'>
<b:if cond='data:attribution != ""'>
<data:attribution/>
</b:if>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>
<div id='main-wrapper'>
<!-- spacer for skins that want sidebar and main to be the same height-->
<div class='clear'> </div>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:section id='featuredSlider' showaddelement='yes'>
<b:widget id='HTML11' locked='false' title='Featured Slider' type='HTML'>
<b:includable id='main'>
<div class='container'>
<script>
document.write(" <script src=\"/feeds/posts/default/-/news?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");
</script>
<div class='navigation'>
<ul class='pagination'/> <script>
$('.slides').cycle({
fx: 'fade',
speed: 'slow',
timeout: 3000,
pager: '.pagination'
});
</script>
</div> </div> <!--end .container-->
</b:includable>
</b:widget>
</b:section>
<div class='clear'/>
<b:section id='san pham' showaddelement='yes'>
<b:widget id='HTML1' locked='false' title='Sản Phẩm Nổi Bật' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<div class='newsfea'>
.:: <data:title/>
</div>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>
<b:widget id='HTML5' locked='false' title='Nokia' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<div class='newsfea'>
.:: <data:title/>
</div>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>
</b:section>
<div class='clear'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "index"'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:else/>
<div class='newsfea'>
<b:if cond='data:blog.searchLabel'>
<data:blog.pageName/>
</b:if>
</div>
</b:if>
</b:if>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Bài đăng trên Blog' type='Blog'>
<b:includable id='main' var='top'>
<!-- posts -->
<div class='blog-posts hfeed'>
<!-- disable default status message
<b:include data='top' name='status-message'/>
default status message disabled -->
<b:include data='posts' name='breadcrumb'/>
<data:defaultAdStart/>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.dateHeader'>
</b:if>
<!-- Ði?u ki?n n?u ? ki?u trang index -->
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<!-- Ði?u ki?n n?u ? các bài vi?t có g?n nhãn -->
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'>
<b:if cond='data:label.name != "news"'>
<!-- ? dây d?t di?u ki?n cho các nhãn, hi?n th? bài vi?t c?a t?t c? các nhãn ? trang index, tr? nhãn có tên HiddenLabel -->
<b:include data='post' name='post'/>
<!-- K?t thúc di?u ki?n cho các nhãn -->
</b:if>
</b:if>
</b:loop>
<b:else/>
<!-- N?u các bài vi?t không g?n nhãn thì cung cho hi?n th? ? trang index -->
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<!-- ? ki?u trang còn l?i là các trang item thì -->
<b:include data='post' name='post'/>
</b:if>
<b:if cond='data:blog.pageType == "static_page"'>
<b:include data='post' name='comments'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comments'/>
</b:if>
<b:if cond='data:post.includeAd'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.name != "news"'>
<b:if cond='data:post.isFirstPost'>
<data:defaultAdEnd/>
<b:else/>
<data:adEnd/>
</b:if>
<div class='inline-ad'>
<data:adCode/>
</div>
<data:adStart/>
</b:if>
</b:loop>
</b:if>
</b:if>
<b:if cond='data:post.trackLatency'>
<data:post.latencyJs/>
</b:if>
</b:loop>
<data:adEnd/>
</div>
<br/>
<!-- navigation -->
<b:if cond='data:blog.pageType == "index"'>
<b:include name='page-navi'/>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<b:include name='page-navi'/>
</b:if>
</b:if>
<!-- feed links -->
<b:include name='feedLinks'/>
<b:if cond='data:top.showStars'>
<script src='https://www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>
google.load("annotations", "1", {"locale": "<data:top.languageCode/>"});
function initialize() {
google.annotations.setApplicationId(<data:top.blogspotReviews/>);
google.annotations.createAll();
google.annotations.fetch();
}
google.setOnLoadCallback(initialize);
</script>
</b:if>
</b: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://www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='backlinks' var='post'>
<a name='links'/><h4><data:post.backlinksLabel/></h4>
<b:if cond='data:post.numBacklinks != 0'>
<dl class='comments-block' id='comments-block'>
<b:loop values='data:post.backlinks' var='backlink'>
<div class='collapsed-backlink backlink-control'>
<dt class='comment-title'>
<span class='backlink-toggle-zippy'> </span>
<a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
<b:include data='backlink' name='backlinkDeleteIcon'/>
</dt>
<dd class='comment-body collapseable'>
<data:backlink.snippet/>
</dd>
<dd class='comment-footer collapseable'>
<span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
<span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
</dd>
</div>
</b:loop>
</dl>
</b:if>
<p class='comment-footer'>
<a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
</p>
</b:includable>
<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<!-- No breadcrumb on front page -->
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<div class='breadcrumbs'>
<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.isLast == "true"'> »
<a expr:href='data:label.url + "?max-results=8"' rel='tag'><data:label.name/></a>
</b:if>
</b:loop>
» <span><data:post.title/></span>
</b:if>
</b:loop>
</div>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<div class='breadcrumbs'>
<a expr:href='data:blog.homepageUrl'>Trang Chủ</a> » Archives
for <data:blog.pageName/>
</div>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == ""'>
<a expr:href='data:blog.homepageUrl'>Trang Chủ</a> » Tất cả
<b:else/>
<a expr:href='data:blog.homepageUrl'>Trang Chủ</a> »
<data:blog.pageName/>
</b:if>
</div>
</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'/>
<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' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
</script>
</div>
</b:includable>
<b:includable id='comment-form-js' var='post'>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
</script>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
<img src='https://www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='comment_count_picker' var='post'>
<b:if cond='data:post.commentSource == 1'>
<span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url' expr:data-url='data:post.canonicalUrl'>
</span>
<b:else/>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:post.commentLabelFull/>:
</a>
</b:if>
</b:includable>
<b:includable id='comment_picker' var='post'>
<b:if cond='data:post.forceIframeComments'>
<b:include data='post' name='iframe_comments'/>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
<b:else/>
<b:if cond='data:post.commentSource == 1'>
<b:include data='post' name='iframe_comments'/>
<b:else/>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4>
<b:if cond='data:post.numComments > 0'>
<a href='#comment-form' style='float:right; margin-right:5px;'>+ <data:commentLabelPlural/> +</a>
<b:if cond='data:post.numComments == 1'>
<span id='cm_total'>1</span> <data:commentLabelPlural/>
<b:else/>
<span id='cm_total'><data:post.numComments/></span> <data:commentLabelPlural/>
</b:if>
</b:if>
</h4>
<div id='cm_reply_css'/>
<div class='cm_pagenavi' id='cm_page'/>
<div id='cm_block'>
<b:loop values='data:post.comments' var='comment'>
<b:if cond='data:comment.isDeleted'>
<b:else/>
<div expr:id='data:comment.anchorName'>
<div class='cm_wrap'>
<a expr:name='data:comment.anchorName'/>
<div class='cm_head'>
<div class='cm_avatar'>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
</div>
<div class='cm_reply'>
<a expr:href='"https://www.blogger.com/comment.g?blogID=9133655087310583622&postID=" + data:post.id + "&isPopup=true&postBody=%40%3C%61%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E#form"' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=600,height=500"); return false;'>Reply</a>
</div>
</div>
<b:if cond='data:comment.author == data:post.author'>
<dd class='cm_entry'>
<span class='cm_arrow'/>
<div class='cm_info_a'>
<div class='cm_name_a'>
<b:if cond='data:comment.authorUrl'>
<img height='20px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6f6iExVvjOqdY63BP30nWv50qYeaciBmUOI3moKjX0KYhQZ7GnWv4yXTRf_LEK9PweeT1ZsQ77PgB-vTejhyphenhyphencrgksxSHOuleM8MMW-X0zmWlmhsCtC312uh1CQ7iUGFp9g3M8LH1fi1o/s1600/admin.png' title='Admin' width='20px'/>
<a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'>
<data:comment.author/>
</a>
<b:else/>
<b><data:comment.author/></b>
</b:if>
</div>
<div class='cm_date_a'>
<data:comment.timestamp/>
<b:include data='comment' name='commentDeleteIcon'/>
</div>
<div class='clear'/>
</div>
<div class='comment-body-author'>
<p><data:comment.body/></p>
</div>
</dd>
<b:else/>
<dd class='cm_entry'>
<span class='cm_arrow'/>
<div class='cm_info'>
<div class='cm_name'>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow' target='_blank'>
<data:comment.author/>
</a>
<b:else/>
<b><data:comment.author/></b>
</b:if>
</div>
<div class='cm_date'>
<data:comment.timestamp/>
<b:include data='comment' name='commentDeleteIcon'/>
</div>
<div class='clear'/>
</div>
<p><data:comment.body/></p>
</dd>
</b:if>
</div>
</div>
</b:if>
</b:loop>
</div>
<div class='cm_pagenavi' id='cm_page_copy'/>
<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</b:if>
</div>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links -->
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>
<b:else/> <!--Post feed links -->
<div class='post-feeds'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.feedLinks'>
<b:include data='post.feedLinks' name='feedLinksBody'/>
</b:if>
</b:if>
</b:loop>
</div>
</b:if>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
</b:includable>
<b:includable id='iframe_comments' var='post'>
<script expr:src='data:post.commentSrc' type='text/javascript'/>
<script type='text/javascript'>
(function() {
var url = '<data:post.canonicalUrl/>';
// <![CDATA[
gapi.comments.render('cmt_iframe_holder', {
'href': url,
'view_type': 'UNFILTERED'
});
})();
// ]]>
</script>
<div id='cmt_iframe_holder'/>
</b:includable>
<b:includable id='mobile-index-post' var='post'>
<b:if cond='data:post.dateHeader'>
<div class='mobile-index-date'>
<div class='date-header'>
<span><data:post.dateHeader/></span>
</div>
</div>
</b:if>
<div class='mobile-post-outer'>
<div class='mobile-index-title-outer'>
<h3 class='mobile-index-title entry-title'>
<a href='javascript:void(0)'><data:post.title/></a>
</h3>
</div>
<div>
<div class='mobile-index-arrow'>
<a href='javascript:void(0)'>&rsaquo;</a>
</div>
<div class='mobile-post-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;'/>
</div>
<div class='mobile-index-comment'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.numComments != 0'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</b:if>
</b:if>
</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='https://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:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
<div class='post-header'>
<div class='post-header-line-1'/>
</div>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' 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='https://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='https://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.canonicalUrl' 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:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.allowComments'>
<b:include data='post' name='comment_count_picker'/>
</b:if>
</b:if>
</b:if>
</span>
</div>
<div class='post-footer-line post-footer-line-2'>
<b:if cond='data:top.showMobileShare'>
<div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
<a href='javascript:void(0);'><data:shareMsg/></a>
</div>
</b:if>
<b:if cond='data:top.showDummy'>
<div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
</b:if>
</div>
</div>
</div>
<b:if cond='data:blog.pageType == "static_page"'>
<b:include data='post' name='comment_picker'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comment_picker'/>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><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='page-navi'>
<div class='pagenavi'>
<script type='text/javascript'>
//<![CDATA[
var pageNaviConf = {
perPage: 8,
numPages: 8,
firstText: "Đầu",
lastText: "Cuối",
nextText: "Sau >>",
prevText: "<< Trước"
}
//]]>
</script>
<script src='https://webvn20.googlecode.com/files/pagenavi.min.js' type='text/javascript'/>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='post' var='post'>
<div class='post hentry simpleCart_shelfItem'>
<b:if cond='data:post.isFirstPost'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.searchLabel != "news"'>
<img class='getlabel' src='https://2.bp.blogspot.com/-GEArVXodrW8/T-Gb8ZU7ZfI/AAAAAAAAA9k/o5TVwiRu8K4/s1600/trailer.png'/>
</b:if>
</b:if>
</b:if>
</b:if>
<a expr:name='data:post.id'/>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title '>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><span class='item_name'><data:post.title/></span></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><span class='item_name'><data:post.title/></span></a>
<b:else/>
<span class='item_name'><data:post.title/></span> </b:if>
</b:if>
</h3>
</b:if>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.name != "news"'>
<style>
a.item_add {font-size:20px;background:#014aa0;color:#fff;font-weight:700;position:relative;padding:7px 10px 8px;bottom:0;left:0;width:160px;}
</style>
<!-- nut Mua Hàng -->
</b:if>
</b:loop>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "static_page"'>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
</b:if>
<div class='post-header-line-1'/>
<div class='post-body entry-content'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.searchLabel != "news"'>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title '>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><span class='item_name'><data:post.title/></span></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><span class='item_name'><data:post.title/></span></a>
<b:else/>
<span class='item_name'><data:post.title/></span> </b:if>
</b:if>
</h3>
</b:if>
<b:if cond='data:blog.pageType == "index"'>
<b:if cond='data:post.isFirstPost'>
<img class='getlabel' src='https://2.bp.blogspot.com/-GEArVXodrW8/T-Gb8ZU7ZfI/AAAAAAAAA9k/o5TVwiRu8K4/s1600/trailer.png'/>
</b:if>
<script type='text/javascript'>
document.write(bp_thumbnail_resize("<data:post.thumbnailUrl/>","<data:post.title/>","<data:post.url/>"));</script>
</b:if>
<div expr:id='"summary" + data:post.id'>
<data:post.body/></div>
<b:else/>
<style>
.post{
margin:0px;
padding:0px;}
.post-labels{
display:none;
}
.post-body{
border-top:0px;
border-bottom: 1px dashed #CCCCCC;
font:12px ;padding:0px 5px 5px 5px;line-height:1.4em;margin:5px;}
</style>
<div expr:id='"summary" + data:post.id' style='display:none;'>
<data:post.body/>
</div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>","<data:post.title/>","<data:post.url/>","<data:post.timestamp/>","<data:post.numComments/>");</script>
</b:if>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
<b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if>
<b:if cond='data:blog.pageType == "item"'>
<br/>
<div style='width:100%;border-bottom:2px dotted #f1f1f1; margin-bottom:8px;margin-top:15px;font-weight:bold'>Xem Thêm :</div>
<script type='text/javascript'>
var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjbx1XxN9z-sGXiXG39MJnlRU214f80QWXDKSr9CkbQ7AYVausa5-FJ8FlWyFeZGiv_4laMGMuQ5wJFgJDgJZhQuA2odZdjJiTGBg-jwdmU5EDsrYVf5HhWUKRXCSBOfJOC_oyig1Br8c/s1600/no+image.jpg";
var maxresults=5;
</script>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.name == "news"'>
<style>
.overlay{text-align:left;display:block!important; color:#222222; font-weight:bold;}
ul#related-posts{font:14px ;list-style:none;text-transform:none;margin:0px 0px 0 15px;padding:0}
ul#related-posts li{float:left; width:600px; height:auto;list-style-type:decimal;margin:0 5px;padding:2px 1px}
*html ul.rp#related-posts li{margin:0 10px}
ul#related-posts li a{border:0px solid #bbb;display:block;height:29px;width:590px;color:#eaeaea;text-decoration:none;}
ul#related-posts li .overlay{height:29px;line-height:16px;width:584px;padding:0px 0 0 6px; text-align:left;}
ul#related-posts li a:hover .overlay{background:none;display:block!important;}
ul#related-posts li img{bottom:0; display:none;padding:0!important}
ul#related-posts li a:hover{border:0px solid #666}
</style>
</b:if>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=7"' type='text/javascript'/>
<b:if cond='data:label.isLast != "true"'>
</b:if>
</b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs("<data:post.url/>");
</script>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<b:if cond='data:blog.pageType == "item"'>
<div style='border-top:3px solid #bbb;border-bottom:1px solid #bbb;width:100%;height:24px;text-align:left;font:normal 11px ;color:#333;margin:10px 0;padding:10px 0 5px'>
<div style='float:left;padding:1px 0;margin-right:15px;font:bold 13px ;color:#666'>
<strong>Share this product</strong> :
</div>
<div class='addthis_toolbox addthis_default_style '>
<a class='addthis_button_facebook_like' fb:like:layout='button_count'/>
<a class='addthis_button_tweet'/>
<a class='addthis_button_google_plusone' g:plusone:size='medium'/>
<a class='addthis_counter addthis_pill_style'/>
</div>
<script src='https://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4f57432236fb4dee' type='text/javascript'/>
</div>
</b:if>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.name != "news"'>
<a class='order' expr:href='data:post.url' type='button'>Chi Tiết </a>
</b:if>
</b:loop>
</b:if>
</b:if></b:if>
<div class='post-footer'><span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url + "?max-results=8"' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
</span>
</div>
</div>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<img alt='' class='icon-action' height='18' src='https://www.blogger.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='shareButtons' var='post'>
<b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=620\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + "&target=orkut"' expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div 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' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
<b:else/>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
</script>
</div>
</b:includable>
<b:includable id='threaded_comment_js' var='post'>
<script defer='defer' 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/>;
// <![CDATA[
var cursor = null;
if (items && items.length > 0) {
cursor = parseInt(items[items.length - 1].timestamp) + 1;
}
var bodyFromEntry = function(entry) {
if (entry.gd$extendedProperty) {
for (var k in entry.gd$extendedProperty) {
if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
return '<span class="deleted-comment">' + entry.content.$t + '</span>';
}
}
}
return entry.content.$t;
}
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;
}
}
}
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)) {
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:if cond='data:post.embedCommentForm'>
<b:include data='post' name='threaded_comment_js'/>
</b:if>
<div id='comment-holder'>
<data:post.commentHtml/>
</div>
</div>
<p class='comment-footer'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='threaded-comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
</p>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<div class='clear'/>
</div> <!-- end content-wrapper -->
<div id='footer-nav-wrapper'>
<div id='footer-nav'>
</div></div>
<b:if cond='data:blog.pageType != "item"'>
<div class='clear'/>
<div class='footerwrap'>
<div id='footer-wrapper'>
<b:section class='footer' id='footer' preferred='yes'>
<b:widget id='HTML6' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
<div id='footer1-wrapper'>
<b:section class='footer' id='footer1' preferred='yes'>
<b:widget id='HTML3' locked='false' title='Template Information 1' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>
<div id='footer2-wrapper'>
<b:section class='footer' id='footer2' preferred='yes'>
<b:widget id='HTML7' locked='false' title='Template Information 2' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>
<div id='footer3-wrapper'>
<b:section class='footer' id='footer3' preferred='yes'>
<b:widget id='Text1' locked='false' title='Template Information 3' type='Text'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>
<div id='footer4-wrapper'>
<b:section class='footer' id='footer4' preferred='yes'>
<b:widget id='HTML2' locked='false' title='Template Information 4' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>
<div style='clear:both;'/>
</div>
</div>
</b:if>
<div class='creditwrap'>
<div class='credit'>
<div style='float:left;text-align:left;'>
<strong>Support :</strong>
<a href='https://creatingwebsite-maskolis.blogspot.com/'>Creating Website</a> | <a href='https://johnytemplate.blogspot.com/'>Johny Template</a> | <a href='https://mas-template.blogspot.com/'>Mas Template</a><br/>
Copyright © 2011. <a class='sitename' expr:href='data:blog.homepageUrl' expr:title='data:blog.title'><data:blog.title/></a> - All Rights Reserved
</div>
<div style='float:right;text-align:right;'>
Template Created by <a href='https://creatingwebsite-maskolis.blogspot.com/'>Creating Website</a> Published by <a href='https://mas-template.blogspot.com/'>Mas Template</a><br/>
Proudly powered by <a href='https://www.blogger.com'>Blogger</a>
</div>
</div>
</div>
</div></div> <!-- end outer-wrapper -->
</body>
</html>