Professional Documents
Culture Documents
>
<!DOCTYPE html>
<html b:version='2' class='v2' 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.0,minimum-scale=1.0,maximum-scale=1.0'
name='viewport'/>
<meta charset='utf-8'/>
<link href='https://www.google.com/favicon.ico' rel='icon' type='image/x-icon'/>
<link href='https://fonts.googleapis.com/css?family=Roboto:400,700' rel='stylesheet'/>
<link href='https://fonts.googleapis.com/icon?family=Material+Icons' rel='stylesheet'/>
<!-- Links -->
<title>
<b:if cond='data:blog.pageType == "index"'>
<data:blog.pageTitle/>
<b:else/>
<b:if cond='data:blog.pageType != "error_page"'>
<data:blog.pageName/> - <data:blog.title/>
<b:else/>
ERROR 404 - <data:blog.title/>
</b:if>
</b:if>
</title>
<style type="text/css">
<!-- /*<b:skin><![CDATA[*/]]></b:skin>
<style type='text/css'>
/*
-----------------------------------------------
Name : Gossip
Designer: Themeswear
Url : http://www.Themeswear.com/
License : Creative Commons Attribution License
[ Use This With Proper Credit ]
----------------------------------------------- */
.blog-feeds{display: none}
/*****************************************
Blog Pager
******************************************/
.home-link { display:none; }
.next-prev-post { position:relative; padding-top:40px; border-top:1px solid #f4f4f4; }
.next-prev-post:after,.next-prev-post:before { display:table; content:" "; }
.next-prev-post .next-post,.next-prev-post .prev-post { float:left; position:relative;
width:50%; height:70px; padding:5px 40px; }
.next-prev-post .next-post:before,.next-prev-post .prev-post:before { background-
color:#f5bb00; }
.next-prev-post .next-post:before,.next-prev-post .prev-post:before
{ content:"\f104"; font-family:FontAwesome; position:absolute; width:30px;
background-color:#f5bb00; color:#fff; text-align:center; line-height:70px; height:70px; left:0;
top:0; font-size:14px; }
.next-prev-post .post-title { line-height:1.4; font-size:18px; white-space:nowrap;
overflow:hidden; text-overflow:ellipsis; color:#777; }
.next-prev-post p { color:#cecece; font-size:12px; }
.next-prev-post .next-post { float:right; text-align:right; }
.next-prev-post .next-post:before { right:0; left:auto; content:"\f105"; }
.next-prev-post:after { clear:both; }
.status-msg-wrap { text-align:center; padding:17px; color:#6F6B6B; margin-bottom:25px;
text-transform:capitalize; border:1px solid #ddd; }
.status-msg-border { display:none; }
/*****************************************
Page navigation
******************************************/
/* -----------------------------------------------
Blogger Template Style
Name:Nguyen Van Hai
Author:Nguyen Van Hai
Url:http://www.torym.com/
Updated by:Blogger Team Torym
This free Blogger template is licensed under the Creative Commons Attribution 3.0
License,which permits both personal and commercial use. However,to satisfy the '
attribution' clause of the license,you are required to keep the footer links which provides
due credit to its authors and supporters. For more specific details about the license,you may visit
the URL below:http://creativecommons.org/licenses/by/3.0/
----------------------------------------------- */
/* CSS Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,addr
ess,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl
,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canva
s,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,ti
me,mark,audio,video { margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-
align:baseline; }
body{color:#2e2e2e; font-family:-apple-system,BlinkMacSystemFont,"Segoe
UI",Roboto,Arial,sans-serif; font-size:14px; font-weight:normal; line-height:1.6;
background-color:#fff; /*
background:#f5f6f7; */}
a:visited { color:#609; }
a:link { color:#1a0dab; }
a:link,a:visited { text-decoration:none; transition:all .3s; }
.clear { clear:both; }
header,section,footer { margin:0; padding:0; }
/* HEADER */
.header { width:100%; position:fixed; box-sizing:border-box; z-index:800; }
.header-one { width:100%; float:left; box-sizing:border-box; margin-top:-1px; }
.header-core { margin:0 auto; display:table; width:1280px; position:relative; z-index:100; }
.header-default-icon { height:60px; padding:15px 10px 0 10px; float:left; box-
sizing:border-box; display:none; }
.header-logo { width:150px; float:left; margin:5px 0 0; }
.header-logo img { width:100%; max-width:100%; height:auto; float:left; }
.header-search { float:right; padding-top:9px; position:relative; }
.header-search-icon { position:absolute; top:19px; right:15px; z-index:40; width:18px;
height:18px; }
.header-search-field { width:250px; height:44px; float:left; border:0; border-radius:30px;
padding:6px 40px 8px 20px; box-sizing:border-box; background:none; }
.header { background:#fff; }
.header-toolbar { border-bottom:1px solid #e1e1e1; background:#f4f4f4; color:#333; }
.header-toolbar a { color:#888; }
.header-toolbar a:hover { color:#f23d4e; }
.header-one { border-bottom:1px solid #e1e1e1; }
.header-default-icon { color:#777; }
.header-default-icon:hover { color:#f23d4e; }
.header-default-icon i { font-size:27px; }
.header-search-icon { color:#999; }
.header-search-field { color:#555; border:1px solid #ddd; background:#fbfbfb; }
.header.blue { background:linear-gradient(90deg,#4296d8,#77baec); }
.header.blue .header-one { border-bottom:1px solid #3580ba; }
.header.blue .header-default-icon { color:#eee; }
.header.blue .header-default-icon:hover { color:#fff; }
.header.blue .header-search-field,.header.dark .header-search-field { border:1px solid #fff; }
.header.dark { background:#232f3e; }
.header.dark .header-one { border-bottom:1px solid #232f3e; }
.header.dark .header-default-icon { color:#bbb; }
.header.dark .header-default-icon:hover { color:#fbdf5f; }
/* HEADER 2 */
/* MAIN MENU */
.main-menu { float:left; }
.main-menu-primary,.main-menu-primary ul { width:auto; float:left; margin-
bottom:0 !important; }
.main-menu-primary li { float:left; height:60px; position:relative; }
.main-menu-primary li a { font-size:15px; line-height:22px; float:left; padding:17px 0 19px
0; margin-left:40px; }
.main-menu-secondary { float:left; position:relative; }
.main-menu-secondary ul { position:absolute; right:0; top:60px; z-index:400; box-
sizing:border-box; width:180px; display:none; }
.main-menu-secondary ul:before,.main-menu-secondary ul:after { content:'';
position:absolute; border-style:solid; display:block; width:0; }
.main-menu-secondary ul:before { border-width:0 8px 8px; z-index:0; top:-8px; right:6px; }
.main-menu-secondary ul:after { border-width:0 7px 7px; z-index:1; top:-7px; right:7px; }
.main-menu-secondary li,.main-menu-secondary li a { width:100%; float:left; }
.main-menu-secondary li a { font-size:14px; line-height:22px; padding:6px 20px 8px 18px;
box-sizing:border-box; }
.main-menu-secondary li a.active { font-weight:600; }
.main-menu-icon { font:30px/30px "WP"; height:60px; padding-top:15px;
padding-left:40px; float:left; box-sizing:border-box; }
.main-menu-primary li a { color:#777; }
.main-menu-primary li a.active { color:#f23d4e; }
.main-menu-primary li a:hover { border-bottom:2px solid #f23d4e; color:#f23d4e; }
.main-menu-secondary ul { background:#fff; border:1px solid #ddd; }
.main-menu-secondary ul:before { border-color:#ccc transparent; }
.main-menu-secondary ul:after { border-color:#fff transparent; }
.main-menu-secondary li a { color:#777; }
.main-menu-secondary li a.active { color:#f23d4e; }
.main-menu-secondary li a:hover { color:#222; }
.main-menu-icon { color:#777; }
.main-menu-icon:hover { color:#f23d4e; }
.main-menu.blue .main-menu-primary li a { color:#fff; text-decoration:none; }
.main-menu.blue .main-menu-primary li a.active { color:#eee; border-bottom:2px solid
#eee; }
.main-menu.blue .main-menu-primary li a:hover { border-bottom:2px solid #fff; text-
decoration:none; }
.main-menu.blue .main-menu-icon { color:#ccc; }
.main-menu.blue .main-menu-icon:hover { color:#fff; }
.main-menu.dark .main-menu-primary li a { color:#bbb; }
.main-menu.dark .main-menu-primary li a.active { color:#fede5f; border-bottom:2px solid
#fede5f; }
.main-menu.dark .main-menu-primary li a:hover { color:#eee; border-bottom:2px solid
#eee; }
.main-menu.dark .main-menu-icon { color:#ccc; }
.main-menu.dark .main-menu-icon:hover { color:#fbdf5f; }
/* SITE MENU */
.magazine,.magazine-live,.magazine-basic,.magazine-basic-photo,.magazine-basic-
one,.magazine-basic-zero,.magazine-basic-excerpt,.magazine-action-photo,.magazine-action-
one,.magazine-action-excerpt { width:100%; float:left; }
.magazine.space1 { padding:20px 0; }
.magazine.space2 { padding-top:20px; }
.magazine-core { width:1280px; display:table; margin:0 auto; position:relative; }
.magazine-live { visibility:hidden; }
.magazine-basic a:hover,.magazine-action a:hover { text-decoration:underline; }
.magazine-basic-item,.magazine-action-item { width:400px; height:420px; float:left;
margin-right:40px; margin-bottom:20px; box-sizing:border-box; position:relative; }
.magazine-basic-item:nth-of-type(3n+3) { margin-right:0; }
.magazine-basic-photo,.magazine-action-photo { position:relative; overflow:hidden;
height:224px; }
.magazine-basic-photo img,.magazine-action-photo img { width:100%; max-width:100%;
height:auto; float:left; }
.magazine-basic-one,.magazine-action-one { padding:20px; box-sizing:border-box;
position:relative; }
.magazine-basic-zero { margin-bottom:5px; }
.magazine-basic-zero div { margin-right:20px; float:left; line-height:13px; }
.magazine-basic-cat,.magazine-action-cat { text-transform:uppercase; }
.magazine-basic-title,.magazine-action-title { font-size:20px; line-height:30px; float:left;
font-weight:600; margin-bottom:5px; }
.magazine-basic-excerpt,.magazine-action-excerpt { font-size:14px; line-height:22px; }
.magazine-basic-excerpt span:after,.magazine-action-excerpt span:after { content:"-
"; margin:0 4px; display:inline-block; }
.magazine-basic-excerpt p,.magazine-action-excerpt p { display:inline; }
.magazine-basic-excerpt a:after,.magazine-action-excerpt a:after
{ content:"»"; margin-left:4px; display:inline-block; }
.magazine-basic.home .magazine-basic-item:nth-of-type(n+4) { display:none; }
.magazine-action { width:900px; float:left; margin-right:20px; position:relative; }
.magazine-action .bx-controls-direction a { position:absolute; top:44%; z-index:20;
font:20px/20px "WP"; transform:translateY(-50%); width:40px; padding:25px 0
27px 0; text-align:center; box-sizing:border-box; }
.magazine-action .bx-controls-direction a:hover { text-decoration:none; }
.magazine-action .bx-prev { left:1px; }
.magazine-action .bx-next { right:1px; }
.magazine-action .bx-prev.disabled,.magazine-action .bx-next.disabled { display:none; }
.magazine-action-item { width:440px; height:415px; float:left; margin-right:20px; box-
sizing:border-box; position:relative; }
.magazine-action-one { padding-top:15px; }
.magazine-action-zero { padding:12px 20px 14px 20px; position:absolute; width:100%;
box-sizing:border-box; bottom:0; left:0; }
.magazine-action-zero div { font-size:13px; line-height:13px; margin-right:15px;
float:left; }
.magazine-action-like:before { font-size::13px; font-family:'Material Icons';
content:"wifi"; margin-right:4px; }
.magazine-action-cat { float:right !important; }
.magazine-action-edit { float:right !important; margin-right:0 !important; }
.magazine-basic a:hover,.magazine-action a:hover { color:#646464; }
.magazine-basic-item,.magazine-action-item { border:1px solid #e5e5e5; background:#fff; }
.magazine-basic-cat a,.magazine-basic-excerpt a,.magazine-action-excerpt a
{ color:#b29960; }
.magazine-basic-edit a,.magazine-action-edit a { color:#f23d4e; }
.magazine-basic-title,.magazine-basic-title a,.magazine-action-title,.magazine-action-title a
{ color:#484848; }
.magazine-basic-title a:hover,.magazine-action-title a:hover { color:#f23d4e !important; }
.magazine-basic-excerpt,.magazine-action-excerpt { color:#718083; }
.magazine-basic-excerpt span,.magazine-action-excerpt span { color:#666; }
.magazine-basic-excerpt a,.magazine-action-excerpt a { color:#b29960; }
.magazine-action .bx-controls-direction a { background:rgba(40,40,39,0.8); color:#fff; }
.magazine-action .bx-controls-direction a:hover { background:rgba(40,40,39,1); }
.magazine-action-zero { border-top:1px solid #eee; background:#fafafa; color:#718083; }
.magazine-action-cat a { color:#718083; }
/* MEDIUM */
.medium,.medium-end,.medium-classic,.medium-zero,.medium-excerpt,.medium-
data,.medium-data-one,.medium-galaxy,.medium-plus { width:100%; float:left; }
.medium-classic,.medium-data { position:relative; padding-bottom:15px; margin-
bottom:15px; }
.medium-classic:last-child { margin-bottom:0; }
.medium-photo,.medium-data-photo { width:220px; height:124px; overflow:hidden;
float:left; position:relative; margin-right:15px; }
.medium-photo img,.medium-data-photo img { width:100%; max-width:100%; height:auto;
float:left; background-size:cover; }
.medium-one { width:685px; float:left; }
.medium-zero { margin-bottom:5px; }
.medium-zero div { margin-right:20px; float:left; line-height:13px; }
.medium-zero div a:hover,.medium-title a:hover,.medium-excerpt a:hover,.medium-data-
title a:hover { text-decoration:underline; }
.medium-cat { text-transform:uppercase; font-size:11px; line-height:11px; }
.medium-like:before,.medium-cmt:before { font-size:14px; margin-right:4px; float:left;
font-family:"Material Icons"; }
.medium-like:before { content:"wifi"; }
.medium-cmt:before { content:"wifi"; }
.medium-title,.medium-data-title { font-size:20px; line-height:30px; font-weight:500;
float:left; margin-bottom:5px; }
.medium-excerpt { font-size:14px; line-height:22px; font-weight:normal; }
.medium-excerpt span:after { content:"-"; margin:0 4px; display:inline-block; }
.medium-excerpt p { display:inline; }
.medium-excerpt a:after { content:"..."; margin-left:0; display:inline-block; text-
decoration:none !important; }
.medium-excerpt a:after:hover { text-decoration:none; }
.medium-more { display:flex; display:-webkit-flex; align-items:center; -webkit-align-
items:center; }
.medium-data-photo img { pointer-events:none; }
.medium-data-one.w1 { width:745px; }
.medium-data-one.w2 { width:813px; }
.medium-data-photo { width:160px; height:90px; }
.medium-data-photo.alt { width:90px; }
.medium-data-title { font-size:18px; line-height:24px; margin-top:-4px; }
.medium-data-price ins { text-decoration:none; float:left; margin-right:5px; }
.medium-galaxy.space { padding-bottom:15px; }
.medium-galaxy.force { padding:15px 0; }
.medium-plus { padding-top:15px; box-sizing:border-box; margin-bottom:15px; }
.medium-plus .medium-data { padding-left:15px; padding-right:15px; box-sizing:border-
box; }
.medium-plus .medium-data:last-child { border-bottom:0; margin-bottom:0; }
.medium-plus .medium-data .medium-data-one.w2 { width:781px; }
.medium-classic,.medium-data { border-bottom:1px solid #eee; }
.medium-zero,.medium-cat a,.medium-excerpt { color:#718083; }
.medium-zero div a:hover,.medium-title a:hover,.medium-excerpt a:hover,.medium-data-
title a:hover { color:#f23d4e; }
.medium-author a { color:#7bb132; }
.medium-edit a { color:#f23d4e; }
.medium-edit a:hover { color:#646464 !important; }
.medium-title,.medium-title a,.medium-excerpt a,.medium-data-title,.medium-data-title a
{ color:#484848; }
.medium-excerpt span { color:#666; }
.medium-data-photo.alt { border:1px solid #eee; }
.medium-data-price ins { color:#b67f20; }
.medium-plus { border:1px solid #e5e5e5; border-top:none; }
/* PAGINATION */
.banner-hello,.banner-action,.banner-sky,.banner-alexa,.banner-last,.banner-extra,.banner-
magic { width:100%; float:left; position:relative; }
.banner-hello,.banner-last { padding:15px 0; background:#f2f2f2; }
.banner-hello div,.banner-last div { margin:0 auto; display:table; min-width:300px; }
.banner-hello img,.banner-action img,.banner-sky img,.banner-alexa img,.banner-magazine
img,.banner-last img,.banner-extra img,.banner-magic-stickem img { float:left; }
.banner-action { padding:2px; background:#f2f2f2; box-sizing:border-box; margin-
bottom:15px; }
.banner-sky ul,.banner-sky li,.banner-alexa ul,.banner-alexa li,.banner-magazine ul,.banner-
magazine li { float:left; width:100%; }
.banner-sky { padding:20px; margin-bottom:15px; box-sizing:border-box;
background:#f2f2f2; }
.banner-sky li { margin-bottom:15px; }
.banner-sky li:last-child,.banner-alexa li:last-child { margin-bottom:0; }
.banner-sky li.min { display:none; }
.banner-alexa { padding:10px; margin-bottom:15px; box-sizing:border-box;
background:#f2f2f2; }
.banner-alexa li,.banner-magazine li:first-child { margin-bottom:10px; }
.banner-alexa li.mobile { display:none; }
.banner-magazine { padding:10px 12px; position:relative; width:360px; float:left; box-
sizing:border-box; background:#f2f2f2; }
.banner-magazine li:first-child img { width:100%; max-width:100%; height:auto; }
.banner-extra,.banner-magic { margin-bottom:15px; }
.banner-magic-stickem { padding:20px; width:100%; float:left; box-sizing:border-box;
background:#f2f2f2; }
/* WIDGET */
.widget,.widget-container,.widget-header,.widget-posts,.widget-post,.widget-tab
{ width:100%; float:left; }
.widget-container,.widget-header,.widget-post,.widget-tab { box-sizing:border-box; }
.widget-container { margin-bottom:15px; }
.widget-header,.widget-post { padding:10px 15px; position:relative; }
.widget-header { padding-bottom:12px; }
.widget-header h2 { font-size:18px; line-height:24px; font-weight:500; float:left; }
.widget-posts.alt { display:none; }
.widget-post:last-child { border-bottom:0; }
.widget-post-photo { width:70px; height:70px; margin-right:10px; float:left;
overflow:hidden; }
.widget-post-photo img { width:180%; max-width:180%; margin-left:-40%; height:auto;
float:left; }
.widget-post-one h3 { font-size:13px; line-height:20px; font-weight:600; margin-
bottom:2px; }
.widget-post-one p { font-size:12px; line-height:18px; }
.widget-tab a {cursor:pointer; padding:10px 0 12px 0; width:50%; text-align:center; font-
size:14px; line-height:22px; float:left; box-sizing:border-box; margin-bottom:-1px; }
.widget-container { border:1px solid #ddd; background:#fff; }
.widget-header { border-bottom:1px solid #eee; background:#fafafa; }
.widget-post { color:#718083; border-bottom:1px solid #eee; }
.widget-post-one h3 { color:#484848; }
.widget-post:hover h3 { color:#f23d4e; }
.widget-tab { border-bottom:1px solid #ddd; background:#fafafa; }
.widget-tab a { color:#222; text-decoration:none !important; }
.widget-tab a.active { background:#fff; }
.widget-tab a.active:first-child { border-right:1px solid #ddd; }
.widget-tab a.active:last-child { border-left:1px solid #ddd; }
.widget-tab a:hover { color:#f23d4e; text-decoration:none; }
/* FILTER */
/* .comments,.comment-tab,.comment-content,.comment-protect,.comment-heading
{ width:100%; float:left; }
.comments { margin-bottom:15px; }
.comment-tab a { width:50%; padding:20px 0 21px 0; display:inline; text-align:center;
position:relative; float:left; box-sizing:border-box; }
.comment-tab a div,.comment-tab a span { font-size:20px; line-height:20px;
display:inline; }
.comment-tab a div:before { font:24px/24px "WP"; margin-right:10px; }
.comment-tab a div.cmt:before { content:">;"; }
.comment-tab a div.fb:before { content:'0'; }
.comment-tab a.active { margin-bottom:-1px; }
.comment-content { box-sizing:border-box; padding:15px 0; }
.comment-container { display:none; margin:0 auto; width:700px; }
.comment-protect { padding:15px; font-size:14px; line-height:18px; text-align:center;
margin-bottom:15px; box-sizing:border-box; }
.comment-heading { font:16px/24px Arial; margin-bottom:15px; }
.comment-heading div { float:right; font-size:14px; margin-top:2px; }
.comment-heading div span { margin-left:10px; padding:3px 15px; font-weight:bold;
border-radius:5px; }
.comment-tab { background:#f7f7f7; }
.comment-tab a { color:#8a8c8e; }
.comment-tab a.active { border:1px solid #e5e5e5; background:#fff; border-bottom:none; }
.comment-tab a:hover { color:#222; }
.comment-content { border:1px solid #e5e5e5; }
.comment-content.store { border-top:none; }
.comment-protect { background:#ecebeb; color:#797b7c; }
.comment-heading { color:#2A2A2A; }
.comment-heading div { color:#34af37; }
.comment-heading div span { background:#f5f5f5; color:#666; border:1px solid #b4b4b4; }
*/
/* COMMENT 2 */
/* COMMENT 3 */
/* .comment-respond,.comment-form,.comment-form label,.comment-one,.comment-
notes,.pings,.pings h3 { width:100%; float:left; }
.comment-respond a:hover { text-decoration:underline; }
.comment-form label { float:left; margin-bottom:5px; }
.comment-form input.field,.comment-form textarea { width:100%; font:14px/18px
Tahoma,Arial; border-radius:0; border:none; -webkit-border-radius:0; -webkit-appearance:none;
box-sizing:border-box; float:left; padding:10px; margin-bottom:15px; }
.comment-form input.submit { width:100px; height:30px; padding-bottom:4px; font-
size:13px; line-height:13px; cursor:pointer; text-align:center; border-radius:3px; float:left; }
.comment-one { font-size:13px; float:left; margin-bottom:5px; }
.comment-one a.go,.comment-one p a { float:right; margin-left:5px; padding:4px 10px 5px
10px; font-size:12px; font-weight:bold; border-radius:3px; }
.comment-one p { float:right; width:auto; }
.comment-one a.go:hover,.comment-one p a:hover { text-decoration:none; }
.comment-notes { margin-bottom:10px; font-style:italic; }
.comment-form-rating { float:left; margin-bottom:15px; }
.pings { margin-top:15px; }
.pings h3 { padding:5px 0; font:normal 16px Arial; }
.pings li { width:100%; margin-top:2px; margin-bottom:5px; padding:0; border:0;
background:none; float:left; }
.pings li cite { margin-right:8px; display:inline-block; }
.pings li cite a:hover { text-decoration:underline; }
.pings li span { display:inline-block; }
.comment-respond { color:#646262; }
.comment-respond a { color:#08c; }
.comment-respond a:hover { color:#f23d4e; }
.comment-form label span { color:#e62117; }
.comment-form input.field,.comment-form textarea { background:#f8f7f7; color:#333; box-
shadow:inset 0 0 1px #ccc; }
.comment-form input.submit { background:#fed86d; border:1px solid #e19e35;
color:#966902; }
.comment-form input.submit:hover { background:#f23d4e; border:1px solid #f23d4e;
color:#fff; }
.comment-one a.go { background:#f5f5f5; color:#666; border:1px solid #b4b4b4; }
.comment-one p a { background:#cf3c08; color:#fff; border:1px solid #cf3c08; }
.comment-one a.go:hover,.comment-one p a:hover { background:#f23d4e; color:#fff;
border:1px solid #f23d4e; }
.pings { color:#3a3a3a; }
.pings li cite a { color:#0084B4; }
.pings li cite a:hover { color:#c24328; }
*/
/*****************************************
Recent Widget CSS
******************************************/
ul.tw_comments { padding:0px !important; display:inline-block; }
.tw_comments li { box-sizing:border-box;float:left; margin:0; width:100%; padding:7px
7px 0px 7px; list-style-type:none; border-bottom:1px solid #ddd; margin:0px !important; }
.tw_comments li:last-child { border:0; margin:0 !important; }
.tw_comments li a { text-decoration:none; color:#666; width:100%; display:block; }
.tw_comments li a:hover { color:#febd17; }
.avatarImage img{-webkit-border-radius:50%; -moz-border-radius:50%; border-
radius:50%; width:50px; height:50px}
.avatarImage { float:left; width:50px;padding:0px 5px 0px 0px}
.tw_comments li span { font-size:13px; }
</style>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<style>
.breadcrumbs {margin-left: 20px;}
.post-archive.list-style.left-img ul li .post-item .caption {
margin-left: 260px;
}
</style>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<style>
.post-header {
display: inline-block;
width: 100%;
}
.btn-main{margin:10px;}
</style>
</b:if>
<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg =140;summary_img = 140;img_thumb_width = 172;img_thumb_height
=105;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(a, b) {
if (-1 != a.indexOf("<")) {
for (var c = a.split("<"), d = 0; d < c.length; d++) - 1 != c[d].indexOf(">") && (c[d] =
c[d].substring(c[d].indexOf(">") + 1, c[d].length));
a = c.join("")
}
for (b = b < a.length - 1 ? b : a.length - 2;
" " != a.charAt(b - 1) && -1 != a.indexOf(" ", b);) b++;
a = a.substring(0, b - 1);
return a + "..."
}
//Đoạn script tạo rút gọn nội dung ở trang chủ
function createSummaryAndThumb(a) {
a = document.getElementById(a);
var b = "",
c = a.getElementsByTagName("img"),
d = summary_noimg;
1 <= c.length && (b = '<span style="display:none;float:left;margin:5px 10px 5px
0px;"><img src="' + c[0].src + '" width="' + img_thumb_width + 'px" height="' +
img_thumb_height + 'px"/></span>', d = summary_img);
b = b + "<p>" + removeHtmlTag(a.innerHTML, d) + "</p>";
a.innerHTML = b
};
//]]>
</script>
</head><!--<head/>-->
<!--<body>-->
<body class='has-load-animation'>
</div>
<div class='header-search'>
<form accept-charset='UTF-8' action='' data-search='true' method='get'>
<i class='material-icons header-search-icon'>search</i>
<input class='header-search-field' id='s' name='s' placeholder='Tôi đang tìm
kiếm...' type='text'/>
</form>
</div>
<div class='main-menu blue'>
<div class='main-menu-primary'>
<ul>
<li><a href=''>Menu 0</a></li>
<li><a href=''>Menu 1</a></li>
<li><a class='active' href=''>Menu 2</a></li>
<li><a href=''>Menu 3</a></li>
<li><a href=''>Menu 4</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</b:if>
<b:if cond='data:blog.pageType == "index"'>
<div class='featured-cover'>
<div class='featured-cover-text'>
<h1><a href=''>Blog</a></h1>
</div>
<img src='https://2.bp.blogspot.com/-
LTJuiLyTP4U/XALCM_YIHXI/AAAAAAAABxM/1KfhtXRicjI3UNRVdkwakIsa1HW-
KztbwCPcBGAYYCw/s1600/background.jpg'/>
</div>
</b:if>
<div class='site-menu'>
<div class='site-menu-core'>
<div class='site-menu-title'>Blog<span>(16)</span> </div>
<div class='site-menu-list'>
<a class='site-menu-icon n1' href='javascript:'><i>!</i></a>
<ul class='n1'>
<li><a href='#'>Giới thiệu</a></li>
<li><a href='#'>Liên hệ</a></li>
<li><a class='active' href='#'>Blog</a></li>
</ul>
</div>
</div>
</div>
<b:if cond='data:post.includeAd'>
<b:if cond='data:post.isFirstPost'>
<data:defaultAdEnd/>
<b:else/>
<data:adEnd/>
</b:if>
<div class='inline-ad'>
<data:adCode/>
</div>
<data:adStart/>
</b:if>
</b:loop>
<data:adEnd/>
</div>
<!-- navigation -->
<b:if cond='data:blog.pageType == "index"'>
<b:include name='nextprev'/>
</b:if>
<!-- feed links -->
<b:include name='feedLinks'/>
<b:if cond='data:top.showStars'>
<script src='http://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:if cond='data:top.showDummy'>
<data:top.dummyBootstrap/>
</b:if>
</b:includable>
<b:includable id='authorblog'>
<div id='author-box'>
<div class='block-head'>
<h3>
About
<data:post.author/>
</h3>
<div class='stripe-line'/>
</div>
<div class='post-listing'>
<div class='author-avatar'>
<img class='author_avatar' expr:alt='data:post.author'
expr:src='data:post.authorPhoto.url' height='80' width='80'/>
</div>
<div class='author-description'>
<data:post.authorAboutMe/>
</div>
<div class='clear'/>
</div>
</div>
<!--/entry author-->
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<span expr:class='"item-control " +
data:backlink.adminClass'>
<a expr:href='data:backlink.deleteUrl'
expr:title='data:top.deleteBacklinkMsg'>
<img src='//www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='backlinks' var='post'>
<a name='links'/>
<h4>
<data:post.backlinksLabel/>
</h4>
<b:if cond='data:post.numBacklinks != 0'>
<dl class='comments-block' id='comments-block'>
<b:loop values='data:post.backlinks' var='backlink'>
<div class='collapsed-backlink backlink-control'>
<dt class='comment-title'>
<span class='backlink-toggle-zippy'>
 
</span>
<a expr:href='data:backlink.url' rel='nofollow'>
<data:backlink.title/>
</a>
<b:include data='backlink' name='backlinkDeleteIcon'/>
</dt>
<dd class='comment-body collapseable'>
<data:backlink.snippet/>
</dd>
<dd class='comment-footer collapseable'>
<span class='comment-author'>
<data:post.authorLabel/>
<data:backlink.author/>
</span>
<span class='comment-timestamp'>
<data:post.timestampLabel/>
<data:backlink.timestamp/>
</span>
</dd>
</div>
</b:loop>
</dl>
</b:if>
<p class='comment-footer'>
<a class='comment-link' expr:href='data:post.createLinkUrl'
expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'>
<data:post.createLinkLabel/>
</a>
</p>
</b:includable>
<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == "static_page"'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl'
rel='nofollow'>Home</a></span> / <span><data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs'><span itemscope='' itemtype='http://data-
vocabulary.org/Breadcrumb'><a expr:href='data:blog.homepageUrl' itemprop='url'><span
itemprop='title'>Home</span></a></span> / <b:loop index='x' values='data:post.labels'
var='label'> <b:if cond='data:x==0'> <a expr:href='data:label.url + "?max-
results=12"' rel='tag nofollow'><data:label.name/></a></b:if> </b:loop> /
<span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl'
rel='nofollow'>Home</a></span> / <span>Uncategories</span> /
<span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<div class='breadcrumbs'> <span><a expr:href='data:blog.homepageUrl'
rel='nofollow'>Home</a></span> / <span>Archive for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.searchQuery'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl'
rel='nofollow'>Home</a></span> / <span><data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == ""'> <span><a
expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> / <span>All post</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'
rel='nofollow'>Home</a></span> / <span><data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</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 class='c_msg_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/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<p class='c_msg_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/>');
</script>
</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:top.deleteCommentMsg'>
<img src='//www.blogger.com/img/icon_delete13.gif'/>
</a>
</b:if>
</span>
</b:includable>
<b:includable id='comment_count_picker' var='post'>
<b:if cond='data:post.commentSource == 1'>
<span class='cmt_count_iframe_holder' expr:data-
count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-
post-url='data:post.url' expr:data-url='data:post.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.commentSource == 1'>
<b:include data='post' name='iframe_comments'/>
<b:elseif cond='data:post.showThreadedComments'/>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:includable>
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4><data:post.commentLabelFull/>:</h4>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<b:if cond='data:post.hasOlderLinks'>
<a expr:class='data:post.oldLinkClass'
expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
 
<a expr:class='data:post.oldLinkClass'
expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
 
</b:if>
<data:post.commentRangeText/>
<b:if cond='data:post.hasNewerLinks'>
 
<a expr:class='data:post.newLinkClass'
expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
 
<a expr:class='data:post.newLinkClass'
expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
</b:if>
</span>
</b:if>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass'
expr:href='data:post.oldestLinkUrl'>
<data:post.oldestLinkText/>
</a>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
<data:post.olderLinkText/>
</a>
 
<data:post.commentRangeText/>
 
<a expr:class='data:post.newLinkClass'
expr:href='data:post.newerLinkUrl'>
<data:post.newerLinkText/>
</a>
<a expr:class='data:post.newLinkClass'
expr:href='data:post.newestLinkUrl'>
<data:post.newestLinkText/>
</a>
</span>
</b:if>
<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
<b:elseif cond='data:post.allowComments'/>
<a expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</p>
</b:if>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions'
name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>
</div>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'>
<!-- Blog feed links -->
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>
<b:else/>
<!--Post feed links -->
<div class='post-feeds'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.feedLinks'>
<b:include data='post.feedLinks' name='feedLinksBody'/>
</b:if>
</b:if>
</b:loop>
</div>
</b:if>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url'
expr:type='data:f.mimeType' target='_blank'>
<data:f.name/>
(
<data:f.feedType/>
)
</a>
</b:loop>
</div>
</b:includable>
<b:includable id='iframe_comments' var='post'>
<b:if cond='data:post.allowIframeComments'>
<script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
<div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl'
expr:data-viewtype='data:post.viewType'/>
<div class='post-item'>
return image_tag;
};
//]]>
</script>
<script type='text/javascript'>
document.write(bp_thumbnail_resize("<data:post.thumbnailUrl/>
","<data:post.title/>"));
</script>
</a>
<div class='medium-one'>
<div class='medium-zero'>
<div class='medium-cat'>
<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=10"' rel='tag'><data:label.name/></a><b:if
cond='data:label.isLast != "true"'/>
</b:if>
</b:loop>
</b:if>
</div>
<div class='medium-author'><b><a
rel='author'><b:if cond='data:top.showAuthor'><data:post.author/></b:if></a></b></div>
<div class='medium-view'>
<a class='comment-link'
expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if
cond='data:post.numComments == 0'>Leave a comment<b:else/><data:post.numComments/>
bình luận</b:if></a>
</div>
<div class='medium-cmt'>0</div>
</div>
<h2 class='medium-title'><a
expr:href='data:post.url'><data:post.title/></a></h2>
<div class='medium-excerpt'>
<div expr:id='"summary" +
data:post.id'><span><data:post.timestamp/> -</span><data:post.body/></div>
<script
type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</scrip
t>
<a class='medium-more'
expr:href='data:post.url'>Xem thêm</a>
</div>
</div>
</div>
</b:if>
return image_tag;
};
//]]>
</script>
<script type='text/javascript'>
document.write(bp_thumbnail_resize("<data:post.thumbnailUrl/>
","<data:post.title/>"));
</script>
</a>
<div class='medium-one'>
<div class='medium-zero'>
<div class='medium-cat'>
<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=10"' rel='tag'><data:label.name/></a><b:if
cond='data:label.isLast != "true"'/>
</b:if>
</b:loop>
</b:if>
</div>
<div class='medium-author'><b><a
rel='author'><b:if cond='data:top.showAuthor'><data:post.author/></b:if></a></b></div>
<div class='medium-view'>
<!-- <a class='comment-link'
expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if
cond='data:post.numComments == 0'>Leave a comment<b:else/><data:post.numComments/>
bình luận</b:if></a>
-->
<span class='comment-link'><a class='fb-
comments-count' expr:data-href='data:post.url'>0</a> bình luận</span>
</div>
<div class='medium-cmt'>0</div>
</div>
<h2 class='medium-title'><a
expr:href='data:post.url'><data:post.title/></a></h2>
<div class='medium-excerpt'>
<div expr:id='"summary" +
data:post.id'><span><data:post.timestamp/> -</span><data:post.body/></div>
<script
type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</scrip
t>
<a class='medium-more'
expr:href='data:post.url'>Xem thêm</a>
</div>
</div>
</div>
</b:if>
<div class='post-header'>
<b:if cond='data:blog.pageType == "item"'>
<div class='breadcrumbs'>
<a expr:href='data:blog.homepageUrl'
rel='tag'>Home</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"'>
<span>»</span><a
expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
</b:loop>
<b:else/>
<span>»</span><a>Unlabelled</a>
</b:if>
<span>»</span><data:post.title/>
</b:loop>
</div>
<div class='article'>
<div class='article-section'>
<b:if cond='data:post.title'>
<b:if cond='data:post.link'>
<h1 class='headline'>
<a expr:href='data:post.link'>
<data:post.title/>
</a>
</h1>
<b:else/>
<b:if cond='data:post.url'>
<h1 class='headline'>
<a expr:href='data:post.url'>
<data:post.title/>
</a>
</h1>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</b:if>
<div class='items'>
<div class='item-author'>Đăng bởi <strong><a
rel='author'><b:if cond='data:top.showAuthor'><data:post.author/></b:if></a></strong></div>
<div class='item-category'>
<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=10"' rel='tag'><data:label.name/></a>
<b:else/>
<a expr:href='data:label.url +
"?&max-results=10"' rel='tag'><data:label.name/></a>,
</b:if>
</b:loop>
</b:if>
</div>
<div class='item'><data:post.timestamp/></div>
</div>
<div class='social'>
<ul class='flat-social'>
<li><a class='social-facebook'
expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url +
"&title="+ data:post.title + "&description=" +
data:post.snippet' onclick='window.open(this.href, 'windowName',
'width=600, height=400, left=24, top=24, scrollbars, resizable'); return false;'
rel='nofollow' target='_blank'> F<span>acebook</span></a>
</li>
<li><a class='social-twitter'
expr:href='"http://twitter.com/share?url=" + data:post.url +
"&title=" + data:post.title' onclick='window.open(this.href,
'windowName', 'width=600, height=400, left=24, top=24, scrollbars,
resizable'); return false;' rel='nofollow' target='_blank'> T<span>witter</span></a>
</li>
<li><a class='social-google-plus'
expr:href='"http://plus.google.com/share?url=" + data:post.url +
"&media=" + data:post.firstImageUrl + "&description=" +
data:post.snippet' onclick='window.open(this.href, 'windowName',
'width=600, height=400, left=24, top=24, scrollbars, resizable'); return false;'
rel='nofollow' target='_blank'>G<span>oogle +</span></a>
</li>
<li><a class='social-linkedin'
expr:href='"https://www.linkedin.com/shareArticle?mini=true&url=" +
data:post.url + "&title=" + data:post.title' onclick='window.open(this.href,
'windowName', 'width=600, height=400, left=24, top=24, scrollbars,
resizable'); return false;' rel='nofollow' target='_blank'>L<span>inkedIn</span></a>
</li>
<li><a class='social-pinterest'
expr:href='"http://pinterest.com/pin/create/button/?url=" + data:post.url +
"&media=" + data:post.firstImageUrl + "&description=" +
data:post.snippet' onclick='window.open(this.href, 'windowName',
'width=600, height=400, left=24, top=24, scrollbars, resizable'); return false;'
rel='nofollow' target='_blank'>P<span>interest</span></a>
</li>
<li><a class='social-copylink'
onclick='CopyLink()' rel='external' target='_blank'>C<span>opy URL</span></a></li>
</ul>
<div style='clear: both;'/>
</div>
</div>
<div class='article-section'>
<div class='article-lucky'>
<article class='blog-body-content'
expr:id='"blog" + data:post.id'>
<data:post.body/>
</article>
</div>
<div class='article-tags'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url +
"?&max-results=10"' rel='tag'><data:label.name/></a>
</b:loop>
</b:if>
</div>
<a class='go-top fixed'
onclick='scrollToTop(1000);'>Trở lên Trên ▲</a>
</div>
<div class='suggested'/>
</div>
</b:if>
<b:if cond='data:blog.pageType ==
"static_page"'>
<b:if cond='data:post.title'>
<div class='post-head'>
<h1 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>
</h1>
</div>
</b:if>
</b:if>
</div>
<div class='metabypost' style='display:none;'>
<span><data:post.title/></span>
<img expr:alt='data:post.title'
expr:src='data:post.thumbnailUrl'/>
<span><data:post.author/></span>
<data:post.timestamp/>
<span expr:title='data:post.timestamp'/>
</div>
<div style='clear:both'/>
<div class='post-footer'>
<b:if cond='data:blog.pageType == "item"'>
<!-- Post Author -->
<div class='widget-about post-author'>
<script type='text/javascript'>
//<![CDATA[
function av(a) {
var b = a.entry.author[0];
c = b.name.$t;
d = b.gd$image.src.replace(/\/s[0-9]+(-*c*)\//,
"/s107$1/");
document.write('<img alt="' + c + '" src="' + d +
'" title="' + c + '" class="av_img"/>')
};
//]]>
</script>
<div class='avatar'>
<script expr:src='"/feeds/posts/default/"
+ data:post.id + "?alt=json-in-script&amp;callback=av"'/>
</div>
<div class='caption'>
<meta expr:content='data:post.authorProfileUrl'
itemprop='url'/>
<a class='g-profile'
expr:href='data:post.authorProfileUrl' expr:title='data:post.author' rel='author'>
<h4 class='name'><data:post.author/></h4>
</a>
</div>
<!-- /.Your Social Links -->
<!-- End Social Icons -->
</div>
</div>
<!-- Post Author Bio END -->
</b:if>
</b:if>
</div>
</div>
<style>
.page-inner-content{
padding: 80px 0;
text-align: center;
color: #999;
}
.content-wrapper .col-md-8 {
width: 100%;
}
.content-wrapper .col-md-4, .featured-posts, .status-msg-wrap{display:none;}
.page-inner-content h3 {
color: #50514f;
}
.page-inner-content .heading-404 {
font-size: 200px;
font-weight: 700;
}
.page-inner-content h1 {
font-size: 50px;
color: #50514f;
}
<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;
}
<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>
</li>
</b:loop>
</ul>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<div class='widget-posts alt' id='w2' style='display:none'>
<b:section class='sidebar-tab' id='Recent-comment'
showaddelement='yes'>
<b:widget id='HTML1' locked='false' title='RECENT
COMMENTS' type='HTML' version='1'>
<b:widget-settings>
<b:widget-setting name='content'/>
</b:widget-settings>
<b:includable id='main'>
<div class='widget-content'>
<!--/
<script type='text/javascript'>
//<![CDATA[
// Recent Comments Settings
//var numComments = 7, // Recent Comment Number
//showAvatar = true, // Show Avatar
//avatarSize = 100,
//roundAvatar = true,
//characters = 40, // Limit Of Comment Text
//showMorelink = true, // Show More Text [true,false]
//moreLinktext = "More »", // More Text
[Change It If You Want]
//defaultAvatar = "https://1.bp.blogspot.com/-
7HXQVxBPZgc/Vz8vPYa9wcI/AAAAAAAAAIY/jrGv0m0tcrM1lMrQdiBRIr_LvS9p58iSgCL
cB/s1600/default-avatar.jpg",
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
var numComments=numComments||7,
avatarSize=avatarSize||50,
characters=characters||40,
defaultAvatar=defaultAvatar||"https://1.bp.blogspot.com/-
7HXQVxBPZgc/Vz8vPYa9wcI/AAAAAAAAAIY/jrGv0m0tcrM1lMrQdiBRIr_LvS9p58iSgCL
cB/s1600/default-avatar.jpg",
moreLinktext=moreLinktext||" More »",
showAvatar=(typeof
showAvatar==='undefined')?true:showAvatar,
showMorelink=(typeof
showMorelink==='undefined')?false:showMorelink,
roundAvatar=(typeof
roundAvatar==='undefined')?true:roundAvatar,
hideCredits=(typeof
hideCredits==='undefined')?false:roundAvatar;
function tw_comments(helplogger){
var commentsHtml;
commentsHtml='<ul class="tw_comments">';
for(var i=0;i<numComments;i++){
var
commentlink,authorName,authorAvatar,avatarClass;
if(i==helplogger.feed.entry.length)break;
commentsHtml+="<li>";
var entry=helplogger.feed.entry[i];
for(var l=0;l<entry.link.length;l++){
if(entry.link[l].rel=='alternate'){
commentlink=entry.link[l].href
}
}
for(var a=0;a<entry.author.length;a++){
authorName=entry.author[a].name.$t;
authorAvatar=entry.author[a].gd$image.src
}
if(authorAvatar.indexOf("/s1600/")!=-1){
authorAvatar=authorAvatar.replace("/s1600/","/s"+avatarSize+"/")
}else if(authorAvatar.indexOf("/s220/")!=-1){
authorAvatar=authorAvatar.replace("/s220/","/s"+avatarSize+"/")
}else if(authorAvatar.indexOf("/s512-c/")!=-
1&&authorAvatar.indexOf("http:")!=0){
authorAvatar="http:"+authorAvatar.replace("/s512-c/","/s"+avatarSize+"/")
}else
if(authorAvatar.indexOf("blogblog.com/img/b16-rounded.gif")!=-1){
authorAvatar="http://1.bp.blogspot.com/-
7bkcAKdpGXI/UrbyQRqvSKI/AAAAAAAAFmI/oBv_yMeYnMQ/s"+avatarSize+"/blogger.pn
g"
}else
if(authorAvatar.indexOf("blogblog.com/img/openid16-rounded.gif")!=-1){
authorAvatar="http://2.bp.blogspot.com/-
VgnInuIUKBU/UrbzyXTYWRI/AAAAAAAAFmU/3f_Vfj3TI6A/s"+avatarSize+"/openid.png"
}else
if(authorAvatar.indexOf("blogblog.com/img/blank.gif")!=-1){
if(defaultAvatar.indexOf("gravatar.com")!=-
1){
authorAvatar=defaultAvatar+"&s="+avatarSize
}else{
authorAvatar=defaultAvatar
}
}else{
authorAvatar=authorAvatar
}
if(showAvatar==true){
if(roundAvatar==true){
avatarClass="avatarRound"
}else{
avatarClass=""
}
commentsHtml+="<div class=\"avatarImage
"+avatarClass+"\"><img class=\""+avatarClass+"\" src=\""+authorAvatar+"\"
alt=\""+authorName+"\" width=\""+avatarSize+"\" height=\""+avatarSize+"\"/></div>"
}
commentsHtml+="<a
href=\""+commentlink+"\">"+authorName+"</a>";
var commHTML=entry.content.$t;
var
commBody=commHTML.replace(/(<([^>]+)>)/ig,"");
if(commBody!=""&&commBody.length>characters){
commBody=commBody.substring(0,characters);
commBody+="…";
if(showMorelink==true){
commBody+="<a
href=\""+commentlink+"\">"+moreLinktext+"</a>"
}
}else{
commBody=commBody
}
commentsHtml+="<span>"+commBody+"</span>";
commentsHtml+="</li>"
}
commentsHtml+='</ul>';
document.write(commentsHtml);
}
//]]>
</script>
-->
<!--/<script
src='/feeds/comments/default?alt=json&callback=tw_comments&max-results=5'
type='text/javascript'/>-->
</div>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
<div class='banner-action'/>
</div><!-- /.widget -->
</div><!-- /.secondary -->
<!-- End sidebar -->
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js'
type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
// WIDGET TAB
jQuery(document).ready(function($) {
$('.widget-tab a:first').addClass("active");
$('.widget-posts.alt:first').show();
$('.widget-tab a').click(function() {
$('.widget-tab a').removeClass('active');
$(this).addClass("active");
$('.widget-posts.alt').hide();
// HEADER FOOTER
jQuery(document).ready(function($){
if (window.innerWidth < 1024) {
$(".header-default-icon").click(function() {
$(".header-search").toggle();
$(".main-menu").toggle();
});
}else {
$(".header-default-icon").click(function() {
$(".main-menu").toggle();
});
}
$(".header-profile-icon").click(function() {
$(".header-profile-box").toggle();
});
});
//]]>
</script>
<!--</body>--></body>
</html>