TEMPLATE ND SHARE

Copy Link

<?xml version="1.0" encoding="UTF-8" ?> <!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> <b:include data='blog' name='all-head-content'/> <link href='//fonts.googleapis.com/css?family=Crimson+Text:400,400i,600,600i,700|Roboto:300,400,500,700,900' rel='stylesheet'/> <link href='//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css' rel='stylesheet'/>  <meta charset='utf-8'/> <meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/> <meta content='blogger' name='generator'/> <meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/> <link href='http://www.blogger.com/openid-server.g' rel='openid.server'/> <link expr:href='data:blog.homepageUrl' rel='openid.delegate'/> <link expr:href='data:blog.url' rel='canonical'/> <b:if cond='data:blog.pageType == "index"'> <h1><title><data:blog.pageTitle/></title></h1> <b:else/> <b:if cond='data:blog.pageType != "error_page"'> <title><data:blog.pageName/> - <data:blog.title/></title> </b:if></b:if> <b:if cond='data:blog.pageType == "error_page"'> <title>Page Not Found - <data:blog.title/></title> </b:if> <b:if cond='data:blog.pageType == "archive"'> <meta content='noindex' name='robots'/> </b:if> <b:if cond='data:blog.searchLabel'> <meta content='noindex,nofollow' name='robots'/> </b:if> <b:if cond='data:blog.isMobile'> <meta content='noindex,nofollow' name='robots'/> </b:if> <b:if cond='data:blog.pageType != "error_page"'> <meta expr:content='data:blog.metaDescription' name='description'/> <b:if cond='data:blog.homepageUrl != data:blog.url'> <meta expr:content='data:blog.pageName + ", " + data:blog.pageTitle + ", " + data:blog.title' name='keywords'/> </b:if></b:if> <b:if cond='data:blog.url == data:blog.homepageUrl'> <meta content='YOUR, KEYWORDS, HERE' name='keywords'/></b:if> <link expr:href='data:blog.homepageUrl + "feeds/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/> <link expr:href='data:blog.homepageUrl + "feeds/posts/default?alt=rss"' expr:title='data:blog.title + " - RSS"' rel='alternate' type='application/rss+xml'/> <link expr:href='"http://www.blogger.com/feeds/" + data:blog.blogId + "/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/> <b:if cond='data:blog.pageType == "item"'> <b:if cond='data:blog.postImageThumbnailUrl'> <link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/> </b:if></b:if> <b:if cond='data:blog.url == data:blog.homepageUrl'> <b:if cond='data:blog.pageType == "item"'> <b:if cond='data:blog.pageType == "static_page"'> <b:if cond='data:blog.url'> <meta expr:content='data:blog.url' property='og:url'/> </b:if> <meta expr:content='data:blog.title' property='og:site_name'/> <b:if cond='data:blog.pageName'> <meta expr:content='data:blog.pageName' property='og:title'/> </b:if> <meta content='website' property='og:type'/></b:if></b:if></b:if> <b:if cond='data:blog.postImageThumbnailUrl'> <meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/> <b:else/></b:if> <link href='/favicon.ico' rel='icon' type='image/x-icon'/> <link href='https://plus.google.com/GOOGLE+ID/posts' rel='publisher'/> <link href='https://plus.google.com/GOOGLE+ID/about' rel='author'/> <link href='https://plus.google.com/GOOGLE+ID' rel='me'/> <meta content='GOOGLE-WEBMASTER-CODE' name='google-site-verification'/> <meta content='BING-WEBMASTER-CODE' name='msvalidate.01'/> <meta content='ALEXA-VERIFY-CODE' name='alexaVerifyID'/> <meta content='Sylhet, Bangladesh' name='geo.placename'/> <meta content='YOUR-NAME' name='Author'/> <meta content='general' name='rating'/> <meta content='Bangladesh' name='geo.country'/> <meta content='en_US' property='og:locale'/> <meta content='en_GB' property='og:locale:alternate'/> <meta content='english' name='language'/> <meta content='https://www.facebook.com/username' property='article:author'/> <meta content='https://www.facebook.com/page_username' property='article:publisher'/> <meta content='FACEBOOK-APP-ID' property='fb:app_id'/> <meta content='FACEBOOK-ADMIN-ID' property='fb:admins'/> <meta content='@msubelbd' name='twitter:site'/> <meta content='@msubelbd' name='twitter:creator'/>  <b:skin><![CDATA[/* ----------------------------------------------- Template Name : Sure MAG Author : MS Design Author URL : http://msdesignbd.com ----------------------------------------------- */ /* Variable definitions ==================== <Variable name="keycolor" description="Main Color" type="color" default="#27ae60" value="#27aea3"/> <Group description="Main Color" selector="body"> <Variable name="main.color" description="Main Theme Color" type="color" default="#27ae60" value="#27aea2"/> </Group> */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;} article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;display:block;}*{margin:0;padding:0;}html{display:block;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{background:transparent;}table{border-collapse:collapse;border-spacing:0;} .navbar,.post-feeds,.feed-links{display:none;} .section,.widget{margin:0 0 0 0;padding:0 0 0 0;} strong,b{font-weight:bold;padding: 0 0.25em;-webkit-transition: color 0.2s;transition: color 0.2s;} strong,b:hover{left:-0.1em;content: '[';-webkit-transform: translateX(-100%);transform: translateX(-100%);} cite,em,i{font-style:italic;} a:link{text-decoration:none;outline:none;transition:all 0.25s;color:$(main.color)} a:visited{color:#666;text-decoration:none;} a:link:hover{text-decoration:none; color: #32aae1;} a:visited:hover{color:#32aae1;text-decoration:none;} a img{border:none;border-width:0;outline:none;} img{max-width:100%;vertical-align:middle;border:0;} abbr,acronym{cursor:help;} sup,sub{vertical-align:baseline;position:relative;top:-.4em;font-size:86%;} sub{top:.4em;}small{font-size:86%;} mark{background-color:#ffce00;color:#182025;} p,blockquote,pre,table,figure,hr,ol,ul,dl{margin:1.5em 0;} hr{height:1px;border:none;background-color:#444;} #layout ul {display: none;} .top-wrapper {overflow:hidden;position:relative;} .mstop-wrapper {padding:0 20px;position:relative;max-width:1060px;margin:0 auto;} h1,h2,h3,h4,h5,h6{font-weight:700;line-height:normal;margin:0 0 0.6em;} h1{font-size:200%;margin:0;} h2{font-size:180%} h3{font-size:160%} h4{font-size:140%} h5{font-size:120%} h6{font-size:100%} input,button,select,textarea{font-size:100%;line-height:normal;vertical-align:baseline;} textarea{display:block;box-sizing:border-box;} pre,code{font-family:'Signika', sans-serif;color:#444;} pre{white-space:pre;word-wrap:normal;overflow:auto;} blockquote{margin-left:0;font-style:italic;position:relative;font-size:14px;padding:0px; padding-left:60px;margin:40px 0px;border:0px;font-weight:400;} pre,code{font-family:'Signika', sans-serif;color:#444;} pre{white-space:pre;word-wrap:normal;overflow:auto;} blockquote{background-color: #f9f9f9; border-left: 8px solid #bfcada; padding: 10px; margin: 10px;} *:focus {outline:0!important;} ul,dl{margin:.5em 0em .5em 3em} ol{list-style:decimal outside} ul{list-style:disc outside} li{margin:.5em 0} div.clear {clear: both;} .clear {clear: both;} dt{font-weight:bold} dd{margin:0 0 .5em 2em} .post ul li span{position:relative;margin:0;padding:5px 8px;margin-bottom:10px;text-decoration:none;transition:all .3s ease-out;} ol {counter-reset:li;list-style: none;font:15px Poppins; padding:0;margin-bottom:4em;text-shadow: 0 1px 0 rgba(255,255,255,.5);} ol ol {margin: 0 0 0 2em;} .post ol li{position:relative;display:block;padding:.4em .4em .4em .8em; margin:.5em 0 .5em 2.5em;background:#fff;color:#666;text-decoration:none; transition:all .3s ease-out;} .post ol li:before {content:counter(li);counter-increment:li;position:absolute;left:-2.5em; top:50%;margin-top:-1em;height:2em;width:2em;line-height:2em;text-align:center;} .post-body table th, .post-body table td, .post-body table caption{border:1px solid #eee;padding:10px;text-align:left;vertical-align:top;} .post-body table.tr-caption-container {border:1px solid #eee;} .post-body th{font-weight:700;} .post-body table caption{border:none;font-style:italic;} .post-body table{} .post-body td, .post-body th{vertical-align:top;text-align:left;font-size:13px;padding:3px 5px;border:1px solid #eee;} .post-body th{background:#fafafa;} .post-body table.tr-caption-container td {border:none;padding:8px;} .post-body table.tr-caption-container, .post-body table.tr-caption-container img, .post-body img {max-width:100%;height:auto;} .post-body td.tr-caption {color:#666;font-size:80%;padding:0px 8px 8px !important;} img {max-width:100%;height:auto;border:none;} table {max-width:100%;width:100%;margin:1.5em auto;} table.section-columns td.first.columns-cell{border-left:none} table.section-columns{border:none;table-layout:fixed;width:100%;position:relative} table.columns-2 td.columns-cell{width:50%} table.columns-3 td.columns-cell{width:33.33%} table.columns-4 td.columns-cell{width:25%} table.section-columns td.columns-cell{vertical-align:top} table.tr-caption-container{padding:4px;margin-bottom:.5em} td.tr-caption{font-size:80%} .widget ul {padding:0;} .quickedit{display:none;visibility:hidden} body {background: #f0f1f3;color: #656e7f;font-family:Roboto;font-size: 18px;font-weight: 300;line-height: 27px;margin:0} body#layout #mainbwrap{width:100%;float:left} body#layout #sidebar-wrapper{width:33%;left:0;padding:0;float:right} body#layout .sidebar-area {width:80%;margin:0;padding:0} body#layout #bwrapcontent, body#layout #sidebar-wrapper {padding:0 0 0 0;} body#layout #recent3, body#layout #banner160 {width: 50%;float:left;} body#layout #header-wrapper {padding:0} body#layout #footer-widgetfix .footer-widget {margin-left:0;margin-right:20px;} hr{background-color:#242d36;height:1px;margin-bottom:26px;padding:0} blockquote{color:#9ba2af;font-family:"PT Serif",Georgia,Times,serif;border-left:5px solid rgba(155,162,175,0.25);margin-left:0;margin-right:0;margin-bottom:27px;padding-left:27px} blockquote blockquote{font-size:inherit} img{height:auto;max-width:100%} a{color:$(main.color);text-decoration:none;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out} a:visited{color:$(main.color)} a:hover,a:focus,a:active{color:#f77e75;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out} .site-header{background:#242d36;border-bottom:5px solid #1e252d;margin:0;position:relative;width:100%;z-index:100} .site-header img{display:block;margin:0 auto;max-height:200px} .bwrapsite-content{margin:0 auto;max-width:1100px} .content-area{float:left;margin:0 -25% 0 0;width:68%} .widget-title{background:none repeat scroll 0 0 #4B3F57;color:#FFF;font-size:16px;font-weight:400;text-transform:uppercase;margin:0 0 5px;position:relative;transition:all .5s ease-out 0} #header-wrapper{overflow: hidden; padding:20px 0; position: relative; max-width: 1100px; margin: 0 auto;} #header{float:left;width:100%;max-width:250px;color:#46515e;} #header h1,#header p{font-size:40px;font-weight:900;margin: 0;} .header h1{margin:0} #header a{color:#46515e;text-decoration:none;transition:all .3s ease-in-out} #header a:hover{color:$(main.color)} #header .description{font-size:15px;font-weight:600;color:#777;text-transform:none} .header img{display:block} .header-right{float:right;padding:0;overflow:hidden;margin:0;width:100%;max-width:728px;} .header-right img{display:block;float:right} .top-header { background: #fff;} .sidebar-area{margin:0 auto;float:right;overflow:hidden;width:31%;} #sidebar .widget h2 { font-weight: 700; transition: all 0.5s ease-out; text-transform: uppercase; color: $(main.color); -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.08); box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.08); font-size: 14px; line-height: 28px; padding: 13px;margin:0;background: rgba(238, 238, 238, 0.33);border-bottom: 1px solid #ddd;} #sidebar .widget {margin-bottom: 12px; background: #fff;border: 1px solid #ddd;} #sidebar .widget-content {padding:9px;} #footer-wrapper{text-align:left;overflow:hidden} .footer{padding-bottom:.2em} .footer-bottom{min-height:40px} #footx1,#footx2,#footx3{margin:0 .2%} #footer-widgetfix .footer-widget{width:30%;float:left;margin-left:30px} #footer-widgetfix{max-width:1100px;overflow:hidden;margin:0 auto} #footer-wrapper .widget-content{text-align:left} #footer-wrapper .widget-content li{margin-left:-14px} #footer-wrapper .widget li{margin:5px 0 0;} #layout #footer-wrapper .add_widget{background-color:#f56954;border:none} #layout #footer-wrapper .add_widget a{color:#fff} #layout #footer-wrapper .footer-column{width:33.33%;float:left} #layout #footer-wrapper #column1,#layout #footer-wrapper #column2{margin:0} #footer-wrapper h2:before { content: " "; display: block; height: 3px; width: 60%; margin: 0 auto; background: $(main.color); position: absolute; bottom: -1px; left: 50%; margin-left: -50%; } #footer-wrapper .widget-content a {color:#fff} .smoothscroll-top {position:fixed; opacity:0; visibility:hidden; overflow:hidden; text-align:center; z-index:99; background-color:$(main.color); color:#fff; width:47px; height:44px; line-height:44px; right:25px; bottom:-25px; padding-top:2px;transition:all 0.5s ease-in-out; transition-delay:0.2s; } .smoothscroll-top:hover {background-color:#3eb2ea; color:#fff; transition:all 0.2s ease-in-out; transition-delay:0s; } .smoothscroll-top.show {visibility:visible; cursor:pointer; opacity:1; bottom:25px; } .smoothscroll-top i.fa {line-height:inherit;} .cd-top{display:inline-block;height:40px;width:40px;position:fixed;bottom:40px;right:10px;box-shadow:0 0 10px rgba(0,0,0,0.05);overflow:hidden;white-space:nowrap;background:$(main.color);visibility:hidden;opacity:0;-webkit-transition:opacity .3s 0s,visibility 0 .3s;-moz-transition:opacity .3s 0s,visibility 0 .3s;transition:opacity .3s 0s,visibility 0 .3s;color:#fff!important;text-align:center;font-size:18px;line-height:60px} .cd-top.cd-is-visible,.cd-top.cd-fade-out,.no-touch .cd-top:hover{-webkit-transition:opacity .3s 0s,visibility 0 0;-moz-transition:opacity .3s 0s,visibility 0 0;transition:opacity .3s 0s,visibility 0 0} .cd-top.cd-is-visible{visibility:visible;opacity:1} .cd-top.cd-fade-out{opacity:.5} .no-touch .cd-top:hover{background-color:#e86256;opacity:1} @media only screen and (min-width: 768px) { .cd-top{right:20px;bottom:20px} } @media only screen and (min-width: 1024px) { .cd-top{height:60px;width:60px;right:30px;bottom:80px} } .imageContainer{width:120px;height:80px;overflow:hidden;float:left;margin-right:8px} .recent .title a{color:#fff;background-color:$(main.color);display:inline-block;padding:3px 15px;} .recent a{color:#111} .recent .title a:hover{text-decoration:underline} .recent ul{padding-top:15px;padding-bottom:15px} #label_with_thumbs li{width:100%;display:inline-block;padding:0;border-bottom:1px solid rgba(192,192,192,0.38);margin-bottom:20px} .label_thumb{position:relative;max-width:none!important;margin-left:0;transform:scale(1.0);transition:.9s} .label_title{display:block;font-size: 12px; font-weight: 600; line-height: 1.4;color:#2D2D2D!important} .label_title:hover{color:#32aae1!important} .post-date{font-size:11px;font-weight:400;color:#555!important;margin-right:8px} .post-date:before{content:"\f017";font-family:FontAwesome;display:inline-block;margin-right:3px} .recent-com{color:#555!important;font-size:11px} .recent-com:before{content:"\f075";font-family:FontAwesome;display:inline-block;margin-right:3px} #recent-posts{color:#999;font-size:12px} #recent-posts img{background:#fafafa;float:left;height:80px;margin-right:8px;width:100px;} #recent-posts ul{margin:0;padding:0} #recent-posts ul li{margin:0 0 10px 0;padding:0 0 10px 0;border-bottom:1px solid #f0f0f0;list-style:none;} #recent-posts ul li:last-child{border-bottom:0;margin: 0; padding: 0;} #recent-posts ul li a{display: block; color: #222; font-weight: 600; text-decoration: none; font-size: 12px; margin: 0 0 10px 0; line-height: 1.5;overflow: hidden;} .toe{overflow:hidden;display:block; margin-top: 5px;margin-bottom:5px;} #recent-posts ul li a:hover {color: #32aae1} #recent-posts span {font-size: 11px; font-weight: 400; color: #555!important; margin-right: 8px;} li.recent-box:last-child{border-bottom:0!important;padding-bottom: 0!important; margin-bottom: 0!important;} .post-summary{line-height:18px;padding:0;margin: 0; font-weight: 400;} .ro{margin-bottom:15px;overflow:hidden} .recent{background-color:#FFF;overflow:hidden} .viewall {font-size: 11px; font-weight: 600; transition: all 0.5s ease-out; float: right; margin-top: 3px;} .viewall a {color:#777;} #mainblogsec .title {background:#fff;position: relative; overflow: hidden;font-size: 15px; font-weight: 600; padding: 4px 8px; transition: all 0.5s ease-out; text-transform: uppercase; border-left-color: #f3794b; border-left: 3px solid #F3794B;} #mainblogsec .title span {position: absolute; left: 0; top: 11px; display: block; width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #F3794B; } .post-share-url {width:100%; box-sizing: border-box; padding: 11px; border: 1px solid #ccc; font-size: 14px; outline: 0; font-weight: 600; color: #525252; float: left;margin-top: 10px;} #copyButton {background:$(main.color); border: 0; padding: 12px 20px; color: #fff; font-size: 14px; font-weight: 600; overflow: hidden; position: relative; left: -10px;margin-top: 10px;} #copyButton:hover {cursor: pointer;background:#666} #magstyle{margin:0 auto;overflow:hidden;position:relative} .magstylo{float:left;width:50%;} .magstylo2{float:left;width:37.6%;margin-right:8px} .magstylo:last-child{margin-right:0} .magstylo2:last-child{margin-right:0} ul#label_with_thumbs {padding:15px;} .label-info a {color: #fff!important; padding: 8px 10px; transition: all .3s ease-out; font-weight: 500; background:$(main.color); letter-spacing: 0.5px;} #magstyle1 .title, #magstyle2 .title, #slider2 .title, #magstyle4 .title, #magstyle44 .title, #recent1 .title, #recent2 .title, #recent3 .title {font-size: 14px; font-weight: 600; padding: 15px; transition: all 0.5s ease-out; text-transform: uppercase; border-bottom: 1px solid #ddd;border-top:4px solid $(main.color);background: rgba(238, 238, 238, 0.33);-moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.08); box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.08);} .avatar-image-container img{object-fit:cover;height:50px;width:50px;overflow:hidden;float:left;margin-right:20px;max-width:100%!important} #magstyle44 .recent-box:first-child {background:$(main.color)} .comments .comments-content .comment{padding:0px 20px;font-family: Roboto;} #comments{padding:0!important;margin-top:20px;} #comments h4 {display:none;} .comments .avatar-image-container{max-height:50px!important;width:50px!important;margin-right:10px;border-radius:100%;border:4px solid $(main.color);} .comment-block{border-bottom:1px solid #ecedee;margin-bottom:20px;padding-bottom:20px;overflow:hidden;position:relative} .comment-header a{font-size:14px;font-style:normal;display:inline-block;margin-bottom:5px;color:#34495E;} .comments .comments-content .datetime a{font-size:11px;font-weight:600} .comments .comments-content .datetime,.comments .comment .comment-actions a{float:right} .comment-actions a:hover{background:$(main.color);color:#fff;text-decoration:none} .comment-actions a{color:$(main.color);background:#fff;border: 2px solid $(main.color); font-size: 13px; padding: 5px 20px!important; margin-left: 10px; font-weight: 600;} .comments .comments-content .comment-header{background:#fff;padding:5px;margin-bottom:0;border:1px solid #ddd} .comments .comment .comment-actions a{padding:0} .comments .comment .comment-actions a:hover{text-decoration:none} .comments .continue{cursor:pointer;margin-top:-30px;margin-bottom:30px} .comments .continue a{display:block;color:#333;font-size:11px;font-weight:400;padding:0} .comments .comments-content .icon.blog-author{height:initial;width:initial;margin:0 0 -4px 12px;font-weight:400;color:#FFF;font-size:11px;background:$(main.color);padding:3px;border-radius:3px} .comments .comments-content .icon.blog-author:after{content:"Admin"} .comments .comments-content .comment-content{text-align:left;padding:20px;background:#ebebeb;font-size:14px;font-weight:400;color:#232323;border:1px solid #DEDEDE;border-top:0} .comments .thread-toggle { display: inline-block; font-size: 12px; font-weight: 600; } .comments-horizontal{list-style: none; display: inline-block; width: 100%; padding: 0!important; color: $(main.color); -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.08); box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.08); font-size: 14px; background: rgba(238, 238, 238, 0.33); border-bottom: 1px solid #ddd; text-transform: uppercase;ercase;} .comments-horizontal li{display:inline-block;width:50%} .comments-horizontal li a{padding:15px 0;width:100%;display:block;text-align:center;color:#222;letter-spacing: 0.6px;font-weight:700;font-size:13px;} .comments-horizontal li.active a{color:$(main.color)} .comments-tabs{background-color:#fff;border:1px solid #ddd;margin-bottom: 15px;} #facebook-comments{padding-top:0;padding:20px} .comments-horizontal li{float:left} .active{border-bottom:2px solid $(main.color)} .home-link{display:none} #blog-pager-newer-link{float:left;background:$(main.color);padding:10px;border:2px solid $(main.color);transition:all 1s ease-out;animation:BounceRate 3s;} #blog-pager-older-link{float:right;background:$(main.color);padding:10px;border:2px solid $(main.color);transition:all 1s ease-out;animation:BounceRate 3s;} #blog-pager-newer-link:hover, #blog-pager-older-link:hover {background:#fff;border:2px solid $(main.color);transition:all 1s ease-out;animation:BounceRate 3s;} #blog-pager a{color:#fff;text-transform:uppercase;font-size:13px;font-weight:700;letter-spacing:1px;transition:all 1s ease-out;animation:BounceRate 3s;} #blog-pager a:hover {color:$(main.color);transition:all 1s ease-out;animation:BounceRate 3s;} #blog-pager{text-align:center;} h2.date-header{margin:10px 0;display:none} .feed-links{clear:both} .status-msg-wrap{font-size:110%;width:90%;position:relative} .cloud-label-widget-content{display:inline-block;text-align:left;margin-top:10px} .cloud-label-widget-content .label-size{display:inline-block;float:left;font-size:10px;line-height:normal;margin:0 5px 5px 0;opacity:1} .cloud-label-widget-content .label-size a{background:$(main.color); color: #fff; float: left; font-weight: 600; line-height: 100%; margin: 0; padding: 10px 8px; transition: all .6s; font-size: 12px;} .cloud-label-widget-content .label-size a:hover {background:#fff;color:$(main.color);} .cloud-label-widget-content .label-size .label-count{background:$(main.color);color:#fff;white-space:nowrap;display:inline-block;padding:6px 8px;margin-left:-3px;line-height:normal;border-radius:0 2px 2px 0;font-size:11px;font-weight:600} .Label li{position:relative;padding:6px 20px 12px 10px !important;list-style:disc;display:block;font-size:13px;font-weight:500} .Label li:before{content:"\f105";font-family: fontAwesome; font-size: 14px; position: absolute; font-weight: 600; left: 0; padding: 0; text-decoration: none;} .Label li a{color:#666} .Label li span{padding:0 10px;display:block;line-height:20px;position:absolute;right:15px;top:10px;font-size:11px;background:$(main.color);color:#fff} .Label li:hover span{background:#FC3931;transition:all .6s} .sidebar ul li a{color:rgba(29,28,28,0.8);font-weight:400;font-size:15px;transition:all .3s;font-family:&#39} #top-nav{height:35px;background-color:#fff;font-size:11px;font-weight:500;border-bottom: 1px solid #eee;} #top-nav ul{float:right;line-height:35px;margin:0} #top-nav li{position:relative;float:left;display:block;margin:0} #top-nav a{display:block;height:35px;padding:0 10px;border-right:1px solid #ECECEC;color:#666;font-size: 11px; font-weight: 600;} #top-nav a:hover{color:#555} #top-nav ul li ul{display:none;position:absolute;left:-1px;top:30px;z-index:100;background-color:#fff;border:1px solid #F2F2F2} #top-nav .sub-menu li{border-left:none} #top-nav .sub-menu li:last-child{border-right:none} #top-nav ul li:hover > ul,#top-nav ul li ul:hover{display:block} #top-nav ul li ul a{min-width:180px;height:36px;padding:0 12px;transition:all .3s} #top-nav ul li ul a,#top-nav ul ul .current-menu-item a{border:none;color:#C5C5C5;margin-top:0} #top-nav ul li ul li{float:none;height:auto;clear:both;margin-left:0;line-height:36px;border-bottom:1px solid #F2F2F2} #top-nav ul li ul li:last-child{border-bottom:none} .blog-date {float: left; line-height: 35px; margin: 0; font-size:11px;font-weight:600;color: #7d7d78;} .wrapper{width:1100px;margin:0 auto} #menu{margin-bottom:10px; background: $(main.color); -webkit-box-shadow: 1px 0px 12px -5px rgba(0,0,0,0.75); -moz-box-shadow: 1px 0px 12px -5px rgba(0,0,0,0.75); box-shadow: 1px 0px 9px -5px rgba(0,0,0,0.75);} #menu ul,#menu li{margin:0 auto;padding:0 0;list-style:none} #menu ul{height:50px;width: 1100px; background:$(main.color);} #menu li{float:left;display:inline;position:relative;font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.6px;} #menu a{display: block; line-height:50px; padding: 0 14px; text-decoration: none; color:#fff;} #menu .homers a{background:rgba(0, 0, 0, 0.24);} #menu li a:hover{ color: #fff ; background:$(main.color); -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -ms-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; transition: all .1s ease-in-out; . } #menu input{display:none;margin:0 0;padding:0 0;width:80px;height:30px;opacity:0;cursor:pointer} #menu label{font:bold 30px Arial;display:none;width:35px;height:36px;line-height:36px;text-align:center} #menu label span{font-size:16px;position:absolute;left:35px} #menu ul.menus{ height: auto; overflow: hidden; width: 170px; background:#3e454c; position: absolute; z-index: 99; display: none; } #menu ul.menus li{ display: block; width: 100%; text-transform: none; text-shadow: none; } #menu ul.menus a{ color: #fff; line-height: 50px; } #menu li:hover ul.menus{display:block} #menu ul.menus a:hover{ background:$(main.color); color: #fff; -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -ms-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; transition: all .1s ease-in-out; } @media screen and (max-width: 800px){ #menu{position:relative;height: 40px; width: 100%;margin-bottom: 10px;} #menu ul{background:#111;position:absolute;top:100%;right:0;left:0;z-index:3;height:auto;display:none} #menu ul.menus{width:100%;position:static;padding-left:20px} #menu li{display:block;float:none;width:auto; font:normal 0.8em Arial;} #menu input,#menu label{position:absolute;top:0;left:0;display:block} #menu input{z-index:4} #menu input:checked + label{color:white} #menu input:checked ~ ul{display:block} } #related_posts h4 { font-weight: 700; transition: all 0.5s ease-out; text-transform: uppercase; color: $(main.color); -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.08); box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.08); font-size: 14px; line-height: 28px; padding: 13px;margin:0;background: rgba(238, 238, 238, 0.33);border-bottom: 1px solid #ddd;argin:0} .relhead2 {padding:15px} .fbcmnt h4 { font-weight: 700; transition: all 0.5s ease-out; text-transform: uppercase; color: $(main.color); -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.08); box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.08); font-size: 14px; line-height: 28px; padding: 13px;margin:0;background: rgba(238, 238, 238, 0.33);border-bottom: 1px solid #ddd;} #related_posts {margin:0;padding:0;margin-bottom:20px; border: 1px solid #ddd;} .relhead {background:#fff;color:#888;font-size:100%;font-weight:normal;line-height:150%;overflow:hidden;padding-bottom:20px;} #relpost_img_sum .news-text {font-size:13px;} ul#relpost_img_sum {margin:0;padding:0;} ul#relpost_img_sum li {float:left;list-style: none outside none;margin:0 14px 0 0;padding:10px 5px 5px 0;overflow:hidden;width:47.33%;height:120px;} ul#relpost_img_sum li a {display:block;} ul#relpost_img_sum li a.relink:hover {color:$(main.color)} ul#relpost_img_sum li img {background-color:#fff;float:left;margin-right:10px;background: none repeat scroll 0 0 #fafafa;padding:3px;border:1px solid #ddd;transition:all 1s ease-out;animation:BounceRate 3s;width: 120px; height: 110px;} ul#relpost_img_sum li img:hover {border:1px solid $(main.color);opacity:0.9;} ul#relpost_img_sum li a.relink {background-image:none;color:#525252; display:block;font-size:15px;font-weight:700;line-height:1.6;overflow:hidden;text-transform:none;} #search-bar{display:block;position:relative;width:100%;} input#sq{background: #fff; color: #717171; font-size:18px;; margin: 0; padding: 0 20px; width: 86%; height: 65px; outline: 0; border:1px solid #ddd; box-shadow: initial; line-height: normal; transition: all .1s;} input#sq:focus{color:#333;border-radius:4px;} #search-form{position:relative;margin:auto;text-align:center} #searchsubmit{background-color:#fff;border: 0; color: #fff; display: inline-block; position: absolute; right: 0; top: 0; transition: all .2s;display:none;} #searchsubmit:hover,#searchsubmit:focus,#searchsubmit:active{background-color:#fff;color:#fff;cursor:pointer;outline:0;} .search-form-icon{color:#717171;top:21px;right:30px;position:absolute} input#sq::-webkit-input-placeholder,input#sq:-ms-input-placeholder{color:#777;} input#sq::-moz-placeholder,input#sq:-moz-placeholder{color:#777;opacity:1;} [type="search"] {-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield;} #carousel{width:100%;max-width:1060px;position:relative;margin:10px 0;height:auto;overflow:hidden} #carousel .content{position:relative;left:0;width:1060px!important;overflow:hidden} #carousel ul{width:10000px;position:relative;overflow:hidden;margin-top:0} #carousel ul li{position:relative;display:block;float:left;margin:0;padding:0;width:230px;overflow:hidden;height:190px}#carousel .thumbE{height:80px;width:236px} #carousel #previous_button{display:block;position:absolute;top:3px;right:25px;width:25px;height:30px;cursor:pointer;background:$(main.color);color:#fff;z-index:99;transition:all .3s;} #carousel #next_button{position:absolute;top:3px;right:0;width:25px;height:30px;cursor:pointer;background:$(main.color);color:#fff;background-position:100% 0;z-index:99;transition:all .3s;} #carousel #next_button:hover,#carousel #previous_button:hover {background:rgba(0, 0, 0, 0.11);} #carousel ul li a.slider_title{overflow:hidden;position:absolute;bottom:0;left:0;right:0;display:inline-block;color:#fff;line-height:1.3;padding:10px;font-size:14px;margin:auto;transition:all .2s;font-weight:600; transition: all .3s;} #carousel ul li a.slider_title:hover{background-color:$(main.color);color:#fff; transition: all .3s;} .fa.fa-angle-right{margin-left: 5px; margin-right: 5px;} #carousel ul li img {min-height:200px;object-fit:cover;} #slider2-wrapper { background: white; } .featuredposts li {background:$(main.color);} .mag-wrapper {background: #fff; margin-bottom: 10px; border: 1px solid #ddd; border-top:0} #recent1, #recent2 {width: 100%;} .readmore2 {float: left; font-size: 12px; padding: 8px 0; color:$(main.color)!important; font-weight: 600;} .readmore2:hover {color:#333!important;transition: 0.9s;} .share2 {font-size: 13px; color:$(main.color); border: 1px solid; padding:6px; float: left; margin-right: 5px; padding-right: 7px; padding-left: 7px;font-weight: 800; letter-spacing: 0.6px;} .addthis_sharing_toolbox {clear:initial!important;} #sidebar-TTIT h2,#sidebar-TTIT h3{color:#666;font-weight:500;font-family:"Roboto",sans-serif;padding:0 0 8px;font-size:16px;margin:0 0 10px;transition:.3s;border-bottom:1px solid #f0f0f0;text-transform:capitalize} #sidebar-TTIT li{line-height:normal;margin:0;padding:0;font-size:15px;position:relative} #sidebar-TTIT .widget{background:#fff;padding:10px;box-sizing:border-box;margin:0 0 20px} #sidebar-TTIT .widget-content{margin:0} #sidebar-TTIT a:link,#sidebar-TTIT a:visited{color:#333;text-decoration:none;font-size:14px;font-weight:500} #sidebar-TTIT a:hover{color:#66689c} #sidebar-TTIT ul{list-style:none;margin:0;padding:0} .rc1-TTIT{overflow:hidden;clear:both} .rc1-TTIT .TTIT-rc-_left ul.TTIT-rc-_thumbs li a div.cat_thumb img{width:100%;height:auto} .rc1-TTIT .TTIT-rc-_left ul.TTIT-rc-_thumbs li .TTIT-rc-in4 .TTIT-rc-_title a{font-size:16px!important;font-weight:700!important;padding:8px 0 0;display:block} .rc1-TTIT .TTIT-rc-_left ul.TTIT-rc-_thumbs li .TTIT-rc-in4 .TTIT-rc-_meta,.rc1-TTIT .TTIT-rc-_left ul.TTIT-rc-_thumbs li .TTIT-rc-in4 .rc1-TTIT .TTIT-rc-_left ul.TTIT-rc-_thumbs li .TTIT-rc-in4 {margin-left:1px} .rc1-TTIT .TTIT-rc-_left ul.TTIT-rc-_thumbs li .TTIT-rc-_summary{font-size:14px;font-weight:400;margin:0 0 10px;display:none} .rc1-TTIT .TTIT-rc-_right ul.TTIT-rc-_thumbs2{height:400px;overflow:auto;margin:1em 0 0.5em!important} .rc1-TTIT .TTIT-rc-_right ul.TTIT-rc-_thumbs2 li a div.cat_thumb2 img{width:120px;height:70px;float:left;margin:0 10px 0 0;border-radius:4px} .rc1-TTIT .TTIT-rc-_right ul.TTIT-rc-_thumbs2 li .TTIT-rc-_meta{display:none} .rc1-TTIT .TTIT-rc-_title a{display:-webkit-box;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis;padding:2px 0 0;line-height:1.4} .rc1-TTIT .TTIT-rc-_right li{margin:0 0 10px!important;overflow:hidden} .rc1-TTIT .TTIT-rc-_right ul.TTIT-rc-_thumbs2::-webkit-scrollbar{width:0} .rc1-TTIT .TTIT-rc-_right ul.TTIT-rc-_thumbs2:hover::-webkit-scrollbar{width:4px} .rc1-TTIT .TTIT-rc-_right ul.TTIT-rc-_thumbs2::-webkit-scrollbar-thumb{background:#dedede} .rc1-TTIT .TTIT-rc-_right ul.TTIT-rc-_thumbs2::-webkit-scrollbar-thumb:active{background:#999} .rc1-TTIT .s-more{display:table;text-align:right;font-size:14px!important;color:#666!important;background:#f1f3f5;padding:5px 16px;border-radius:100px;text-transform:lowercase;margin:auto} .rc1-TTIT .s-more .splash-wrapper{border-radius:100px} .rc1-TTIT .s-more i{margin:0 0 0 6px} .lien-ket-blogg li {padding:0;color: #fff; float: left; font-weight: 600; line-height: 100%; margin: 0; transition: all .6s; font-size: 12px;list-style: none;} .lien-ket-blogg a{background:$(main.color); color: #fff; float: left; font-weight: 600; line-height: 100%; margin: 3px; padding: 10px 8px; transition: all .6s; font-size: 12px;} /* Newsticker CSS */ #blanter-newsticker{margin:20px 0;position:relative} #recent_post{position:relative;border-bottom:1px solid #ddd;z-index:9;overflow:hidden;padding:8px;width:100%!important} #recent_post a{margin:0 15px;line-height:2} .newstitle{float:left;background:#1b77ea;color:#fff;padding:7px 10px;font-weight:bold;border-radius:4px;text-transform:uppercase} #recent_post .wrapper{width:1120px;max-width:100%;margin:0 auto} @media screen and (max-width:684px){ .newstitle{font-size:14px;padding:3px 10px!important}#recent_post{top:60px!important;padding:0!important}#recent_post marquee{width:67%!important;line-height:2}} ]]></b:skin> <script type='text/javascript'> //<![CDATA[ // Recent post home TTIT function labelthumbsb(t) { for (var e = 0; e < numposts5; e++) { var n, r = t.feed.entry[e], m = r.title.$t; if (e == t.feed.entry.length) break; for (var i = 0; i < r.link.length; i++) { if ("replies" == r.link[i].rel && "text/html" == r.link[i].type) var l = r.link[i].title, o = r.link[i].href; if ("alternate" == r.link[i].rel) { n = r.link[i].href; break } } var u; try { u = r.media$thumbnail.url, u = u.replace("/s72-c/", "/w" + thumb_width + "-h" + thumb_height + "-c/") } catch (h) { s = r.content.$t, a = s.indexOf("<img"), b = s.indexOf('src="', a), c = s.indexOf('"', b + 5), d = s.substr(b + 5, c - b - 5), u = -1 != a && -1 != b && -1 != c && "" != d ? d : no_thumb } var p = r.published.$t, w = p.substring(0, 4), _ = p.substring(5, 7), f = p.substring(8, 10), g = new Array; g[1] = "Tháng 1", g[2] = "Tháng 2", g[3] = "Tháng 3", g[4] = "Tháng 4", g[5] = "Tháng 5", g[6] = "Tháng 6", g[7] = "Tháng 7", g[8] = "Tháng 8", g[9] = "Tháng 9", g[10] = "Tháng 10", g[11] = "Tháng 11", g[12] = "Tháng 12", document.write('<span class="TTIT-rc-_left">'), document.write('<ul class="TTIT-rc-_thumbs">'), document.write("<li>"), 1 == showpostthumbnails && document.write('<a href="' + n + '"><div class="cat_thumb"><span class="rollover"></span><img width="' + thumb_width + '" height="' + thumb_height + '" alt="' + m + '" src="' + u + '"/></div></a>'), document.write('<div class="TTIT-rc-in4"><span class="TTIT-rc-_title"><a href="' + n + '" target ="_top">' + m + "</a></span>"); var v = ""; if (document.write('<span class="TTIT-rc-_meta">'), 1 == showpostdate && (v = v + '<span class="TTIT-rc-_meta_date">' + f + " " + g[parseInt(_)] + ", " + w + "</span>"), 1 == showcommentnum && ("1 Comments" == l && (l = "1 Comments"), "0 Comments" == l && (l = "0 Comments"), showcomment = '</span>", v += showcomment), 1 == displaymore && (v = v + '<span class="TTIT-rc-_meta_more"><a href="' + n + '" class="url" target ="_top">Read More...</a></span>'), document.write(v), document.write("</span>"), document.write('<span class="TTIT-rc-_summary">'), "content" in r) var y = r.content.$t; else if ("summary" in r) var y = r.summary.$t; else var y = ""; var k = /<\S[^>]*>/g; if (y = y.replace(k, ""), 1 == showpostsummary) if (y.length < numchars) document.write(""), document.write(y), document.write(""); else { document.write(""), y = y.substring(0, numchars); var $ = y.lastIndexOf(" "); y = y.substring(0, $), document.write(y + "..."), document.write("") } document.write("</span></div>"), document.write("</li>"), document.write("</ul>"), document.write("</span>") } document.write('<span class="TTIT-rc-_right">'), document.write('<ul class="TTIT-rc-_thumbs2">'); for (var e = 1; e < numposts2; e++) { var n, r = t.feed.entry[e], m = r.title.$t; if (e == t.feed.entry.length) break; for (var i = 1; i < r.link.length; i++) { if ("replies" == r.link[i].rel && "text/html" == r.link[i].type) var l = r.link[i].title, o = r.link[i].href; if ("alternate" == r.link[i].rel) { n = r.link[i].href; break } } var x; try { x = r.media$thumbnail.url.replace("/s72-c/", "/w" + thumb_width2 + "-h" + thumb_height2 + "-c/") } catch (h) { s = r.content.$t, a = s.indexOf("<img"), b = s.indexOf('src="', a), c = s.indexOf('"', b + 5), d = s.substr(b + 5, c - b - 5), x = -1 != a && -1 != b && -1 != c && "" != d ? d : no_thumb2 } var p = r.published.$t, w = p.substring(0, 4), _ = p.substring(5, 7), f = p.substring(8, 10); 1 == showpostthumbnails2 && document.write('<li><a href="' + n + '"><div class="cat_thumb2"><img width="' + thumb_width2 + '" height="' + thumb_height2 + '" alt="' + m + '" src="' + x + '"/></div></a>'), document.write(""), document.write('<div class="TTIT-inf4"><span class="TTIT-rc-_title TTIT-rc-_title2"><a href="' + n + '" target ="_top">' + m + "</a></span>"); var v = ""; document.write('<span class="TTIT-rc-_meta TTIT-rc-_meta2">'), 1 == showpostdate2 && (v = v + '<span class="TTIT-rc-_meta_date">' + f + " " + g[parseInt(_)] + ", " + w + "</span>"), 1 == showcommentnum2 && ("1 Comment" == l && (l = "1 Comments"), "0 Comment" == l && (l = "0 Comments"), showcomment = '<a href="' + o + '">' + l + "</a></span>", v += showcomment), 1 == displaymore2 && (v = v + '<span class="TTIT-rc-_meta_more TTIT-rc-_meta_more2"><a href="' + n + '" class="url" target ="_top">Read More...</a></span>'), document.write(v), document.write("</span>"), document.write("</div></li>") } document.write("</ul>"), document.write("</span>") } //]]> </script> <script type='text/javascript'> // Recent Posts home TTIT var numposts5=1,numposts2=10,showpostthumbnails=!0,showpostthumbnails2=!0,displaymore=!1,displaymore2=!1,showcommentnum=!0,showcommentnum2=!0,showpostdate=!0,showpostdate2=!0,showpostsummary=!0,numchars=155,thumb_width=500,thumb_height=250,thumb_width2=260,thumb_height2=130,no_thumb="https://4.bp.blogspot.com/-jmA-qIOJIFU/WfgKSYnhm5I/AAAAAAAAABQ/ElEIBlHd31gISODb3GlA9Z_JPRKiSzvYQCLcBGAs/s600/Logo-Bac-Si-Windows.png",no_thumb2=" https://4.bp.blogspot.com/-jmA-qIOJIFU/WfgKSYnhm5I/AAAAAAAAABQ/ElEIBlHd31gISODb3GlA9Z_JPRKiSzvYQCLcBGAs/s100/Logo-Bac-Si-Windows.png"; </script> <b:template-skin> body#layout div.section {background-color:transparent;border:0;font-family:sans-serif;margin:0;overflow:visible;padding:0;position:relative} body#layout .top-tab-widget-menu ul,body#layout ul,#layout ul,body#layout div.section h4,#layout div.section h4 {display:none;} body#layout .draggable-widget .widget-wrap2 {background: #27ae60 url(https://www.blogger.com/img/widgets/draggable.png) no-repeat 4px 50%;} body#layout .add_widget {background-color:#27ae60;border: 1px dashed #3a3a3a!important;} body#layout .add_widget a {color: white} body#layout .editlink {color: #fff !important; background-color: #27ae60; padding: 0px 20px; border-radius: 50px;} body#layout #header {width:30%;margin:4px;float:left;background-color: #fff; padding:10px!important; border: 1px solid #27ae60; margin-bottom: 10px;} body#layout #header:before {content: "Header"; font-size: 14px; color: #484848; display: inline-block; font-family: sans-serif; font-weight: 600;margin-bottom: 10px;} body#layout #header-right {width:62%;margin:4px;background-color: #fff; padding:10px!important; border: 1px solid #27ae60; margin-bottom: 10px;float:right;} body#layout #header-right:before {content: "Header ad slot (728x90 px )";font-size: 14px; color: #484848; display: inline-block; font-family: sans-serif; font-weight: 600;margin-bottom: 10px;} body#layout #adpost {width: 95%;margin:4px;float:left;background-color: #fff; padding:10px!important; border: 1px solid #27ae60; margin-bottom: 10px;} body#layout #adpost:before {content: "Homepage only ad slot (728x90 px )"; font-size: 14px; color: #484848; display: inline-block; font-family: sans-serif; font-weight: 600;margin-bottom: 10px;} body#layout #adpost2 {width: 95%;margin:4px;float:left;background-color: #fff; padding:10px!important; border: 1px solid #27ae60; margin-bottom: 10px;} body#layout #adpost2:before {content: "Top Header Ad (728x90 px )"; font-size: 14px; color: #484848; display: inline-block; font-family: sans-serif; font-weight: 600;margin-bottom: 10px;} body#layout #adpost3 {width: 98%;margin:4px;float:left;background-color: #fff; padding:10px!important; border: 1px solid #27ae60; margin-bottom: 10px;} body#layout #adpost3:before {content: "Homepage only ad slot (728x90 px )"; font-size: 14px; color: #484848; display: inline-block; font-family: sans-serif; font-weight: 600;margin-bottom: 10px;} body#layout #featuredposts {width: 96.2%;margin:4px;background-color: #fff; padding:10px!important; border: 1px solid #27ae60; margin-bottom: 10px;} body#layout #featuredposts:before {content: "Featured Posts"; font-size: 14px; color: #484848; display: inline-block; font-family: sans-serif; font-weight: 600;margin-bottom: 10px;} body#layout .mag-wrapper {width: 95%;margin:4px;background-color: #fff; padding:10px!important; border: 1px solid #27ae60; margin-bottom: 10px;} body#layout .mag-wrapper:before {content: "Mag Wrapper"; font-size: 14px; color: #484848; display: inline-block; font-family: sans-serif; font-weight: 600;margin-bottom: 10px;} body#layout #recent3 {width: 43.94%;margin:4px;float:left;background-color: #fff; padding:10px!important; border: 1px solid #27ae60; margin-bottom: 10px;} body#layout #recent3:before {content: "Mag Wrapper"; font-size: 14px; color: #484848; display: inline-block; font-family: sans-serif; font-weight: 600;margin-bottom: 10px;t: 700;} body#layout #banner160 {width: 45%;margin:4px;float:left;background-color: #fff; padding:10px!important; border: 1px solid #27ae60; margin-bottom: 10px;} body#layout #banner160:before {content: "Ad slot 160x600px"; font-size: 14px; color: #484848; display: inline-block; font-family: sans-serif; font-weight: 600;margin-bottom: 10px;} body#layout #sidebar {margin:4px;float:right;background-color: #fff; padding:10px!important; border: 1px solid #27ae60; margin-bottom: 10px;} body#layout #sidebar:before {content: "Sidebar";font-size: 14px; color: #484848; display: inline-block; font-family: sans-serif; font-weight: 600;margin-bottom: 10px;} body#layout #Blog1 {margin:4px;background-color: #fff; padding:10px!important; border: 1px solid #27ae60; margin-bottom: 10px;width:95%;} body#layout #Blog1:before {content: "Main Blog";font-size: 14px; color: #484848; display: inline-block; font-family: sans-serif; font-weight: 600;margin-bottom: 1} body#layout #footer-wrapper {width:96.2%;margin:4px;background-color: #fff; padding:10px!important; border: 1px solid #27ae60; margin-bottom: 10px;} body#layout #footer-wrapper:before {content: "Footer Wrapper"; font-size: 14px; color: #484848; display: inline-block; font-family: sans-serif; font-weight: 600;margin-bottom: 10px;} </b:template-skin> <style type='text/css'> .PopularPosts ul,.PopularPosts li,.PopularPosts li img,.PopularPosts li a, .PopularPosts li a img {margin:0;padding:0;list-style:none;border:none; background:none;outline:none;} .PopularPosts ul {margin:0;list-style:none;color:#333;} .PopularPosts ul li img {display:block;margin-right:8px;width:90px;height:80px;float:left;transition:all 0.3s ease-out;} .PopularPosts ul li img:hover {background:#fff;opacity:0.9;} .PopularPosts ul li {margin:2px;padding:0;position:relative;transition:all 0.3s ease-out;padding: 0; padding-bottom: 10px;border-bottom: 1px solid #eee;} .PopularPosts ul li:first-child {border-top:none;padding-top:0} .PopularPosts ul li:last-child {border-bottom:none;padding-bottom:0} .PopularPosts ul li .item-title a, .PopularPosts ul li a {color: #333; text-decoration: none; font-size: 14px; font-weight: 500; transition: all 0.3s ease-out;line-height: 1.4; text-align: justify;} .PopularPosts ul li:before {display:none;list-style:none;} .PopularPosts .item-thumbnail {margin:0 0 0 0;} .PopularPosts .item-snippet {font-size:11px;color:#333;font-weight:400;display:none;} .profile-img{display:inline;opacity:1;margin:0 6px 3px 0;} .PopularPosts .item-title {padding-bottom:.2em;padding:0 5px; line-height: 0.9;} .pt-followers-icons.share-buttons { position: relative; width: 100%; overflow: hidden;padding:0; box-shadow: none; top: 0;} ul.pt-followers-icons.share-buttons li { color: #fff; width: 31%; text-align: center; padding: 15px 0; display: inline-block; float: left; margin: 0 5px 5px 0; position: relative; z-index: 97; overflow: hidden; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .share-buttons li {height:auto} @media only screen and (max-width: 1389px) { ul.pt-followers-icons.share-buttons li {width: 48.33%;}} .sidebar .widget ul li.pt-followers-icons.share-buttons a, .widget ul li.pt-followers-icons.share-buttons a, ul.pt-followers-icons.share-buttons li a { color: #fff !important; } ul.pt-followers-icons.share-buttons li:before { font-family: "FontAwesome"; font-size: 28px; display: block; height: 30px; padding: 10px 0 0 0; } ul.pt-followers-icons.share-buttons li span { display: block; } .pt-followers-icons .counter { font-weight: 700; font-size: 16px; } .pt-followers-icons .counted { font-size: 13px; } ul.pt-followers-icons.share-buttons li a:before { position: absolute; width: 100%; height: 100%; top: 0; left:0; display: block; z-index: 99; content:""; } ul.pt-followers-icons.share-buttons li span.action-button { opacity: 0; visibility: hidden; position: absolute; bottom:10px; left:50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); font-weight: 700; font-size: 13px; background-color: rgba(255,255,255,0.2); padding: 5px 10px; display: inline-block; width: auto; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } ul.pt-followers-icons.share-buttons li span.counter, ul.pt-followers-icons.share-buttons li span.counted { visibility: visible; opacity: 1; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } ul.pt-followers-icons.share-buttons li:hover span.action-button { visibility: visible; opacity: 1; bottom: 15px; } ul.pt-followers-icons.share-buttons li:hover span.counter, ul.pt-followers-icons.share-buttons li:hover span.counted { opacity:0; visibility: hidden; -webkit-transform: translateY(-25%); -ms-transform: translateY(-25%); transform: translateY(-25%); } .pt-followers-icons .facebook-share { background-color: #3b5998; } .pt-followers-icons .facebook-share:before { content: "\f09a"; } .pt-followers-icons .twitter-share { background-color: #33bcf3; } .pt-followers-icons .twitter-share:before { content: "\f099"; } .pt-followers-icons .google-plus-share { background-color: #dd4b39; } .pt-followers-icons .google-plus-share:before { content: "\f0d5"; } .pt-followers-icons .pinterest-share { background-color: #cc2127; } .pt-followers-icons .pinterest-share:before { content: "\f231"; } .pt-followers-icons .behance-share { background-color: #1769ff; } .pt-followers-icons .behance-share:before { content: "/f1b4"; } .pt-followers-icons .dribbble-share { background-color: #ea4c89; } .pt-followers-icons .dribbble-share:before { content: "\f17d"; } .pt-followers-icons .instagram-share { background-color: #3f729b; } .pt-followers-icons .instagram-share:before { content: "\f16d"; } .pt-followers-icons .linkedin-share { background-color: #0976b4; } .pt-followers-icons .linkedin-share:before { content: "\f0e1"; } .pt-followers-icons .github-share { background-color: #4183c4; } .pt-followers-icons .github-share:before { content: "\f09b"; } .pt-followers-icons .youtube-share { background-color: #e52d27; } .pt-followers-icons .youtube-share:before { content: "\f16a"; } #recent3 .mag-wrapper {width:73%;height:633px; overflow: hidden; float: left;} #recent3 .recent-box {display: inline-table; margin-bottom: 10px; padding-bottom: 11px;} #recent3 .label_title { margin-left: 15px; font-size:15px; } #recent3 .imageContainer {width: 140px; height: 120px;margin-right:15px;} #recent3 .post-summary { font-size: 13px; line-height: 21px; color: #111;} .post-summary {color:#555;} #magstyle1, #magstyle2, {background-color: #FFF;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #magstyle1 .recent-box, #magstyle2 .recent-box {margin-bottom: 10px;border-bottom: 1px solid #F1F1F1;padding-bottom: 15px;} #magstyle1 .recent-box:first-child .label_title, #magstyle2 .recent-box:first-child .label_title, #magstyle44 .recent-box:first-child .label_title {font-size: 17px; font-weight:600; text-transform: capitalize;} #magstyle1 .label_title, #magstyle2 .label_title {display: -webkit-box; margin: 0 auto; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;font-size: 13px; font-weight: 500; line-height: 1.4;} #magstyle1 .recent-box:first-child .imageContainer, #magstyle2 .recent-box:first-child .imageContainer {float: none;width: 100%;height: 200px;margin-bottom:10px;} .imageContainer {transform: scale(1.0); transition: 0.9s;} .imageContainer img:hover {transform:scale(1.05); opacity: 0.5;transition:0.6s;} #magstyle1 .recent-box .post-summary, #magstyle2 .recent-box .post-summary {display: none;} #magstyle1 .recent-box:first-child .post-summary, #magstyle2 .recent-box:first-child .post-summary {display: block;font-size: 14px; line-height: 21px; color: #111;} #magstyle4 .recent-box:first-child {margin-top:0} #magstyle4 .recent-box:nth-child(2) {margin-top:0} #magstyle4 .imageContainer {width:130px;height:100px;} #magstyle4 {background-color: #FFF;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #magstyle4 .recent-box {float:left; display: block; width:48%;margin-right:10px;margin-top: 20px;padding-bottom:0; margin-bottom:0; padding-top: 0; border-bottom:none;} #magstyle4 ul {padding: 15px; overflow: hidden;} #magstyle4 .recent-box .post-summary {display: none;} #magstyle4 .label_title { font-size: 14px; font-weight: 600; line-height: 1.4; color: #2D2D2D; display: -webkit-box; margin: 0 auto; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } #magstyle44 {background-color: #FFF;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #magstyle44 .recent-box {float: right; display: block; width: 48%; padding-bottom:5px; margin-bottom:5px; padding-top: 0; border-bottom: 1px solid #f0f0f0;} #magstyle44 .recent-box:first-child {width: 50%; float: left; margin-right: 2%; border-bottom: none;} #magstyle44 .recent-box:first-child .imageContainer {float: none;width: 100%;height: 200px;margin-bottom: 5px;transform: scale(1.0); transition: 0.9s;} #magstyle44 ul {padding-top: 10px;} #magstyle44 .recent-box:first-child .imageContainer img:hover {transform:scale(1.05); opacity: 0.5;transition:0.6s;} #magstyle44 .recent-box .post-summary {display: none;} #magstyle44 .recent-box:first-child .post-summary {display: block; font-size: 14px; line-height: 21px; color: #111;} #magstyle44 .recent-box:first-child .label_title, #magstyle44 .recent-box:first-child .post-summary {padding: 0 10px; color: #fff!important;} #magstyle44 .recent-box:first-child .toe a {padding: 0 10px; color: #fff!important;} #magstyle44 li.recent-box:last-child {margin-bottom: 15px!important;} #magstyle44 .recent-box:first-child .label_title {-webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;} #recent1 { width: 100%; } #recent1 ul {padding-top:10px;} #recent1 .label_title {margin: 0 auto; font-size: 15px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;} #recent1 .recent-box {float: left; display: block; width: 31.9%; margin-right: 15px; border-bottom: 0;} #recent1 .recent-box .imageContainer { width:227px; float: none; height: 170px; margin-bottom: 8px; } #recent1 .label_thumb:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); } #recent1 .recent-box .imageContainer { margin-left: 0; } #recent1 li.recent-box:last-child {border-bottom:0!important;} #recent1 li.recent-box:nth-child(3), #recent1 li.recent-box:nth-child(6) {margin-right:0!important;} #recent2 { width: 100%; } #recent2 ul {padding-top:10px;} #recent2 .label_title {margin: 0 auto; font-size: 15px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;} #recent2 .recent-box {float: left; display: block; width:48.9%; margin-right: 15px; border-bottom: 0;} #recent2 .recent-box .imageContainer { width:350px; float: none; height:200px; margin-bottom: 8px; } #recent2 .label_thumb:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); } #recent2 .recent-box .imageContainer { margin-left: 0; } #recent2 li.recent-box:last-child {border-bottom:0!important;margin-bottom: 20px!important;} #recent2 li.recent-box:nth-child(2), #recent2 li.recent-box:nth-child(4) {margin-right:0!important;} #recent2 .post-summary {font-size:14px;} .banner160 {width: 160px; height: 600px; float: right; background: #fff; padding: 15.5px; border: 1px solid #ddd;;} .post-ad {background:#fff;text-align: center; padding:10px;margin-bottom:10px;} .car-overlay { position: absolute; left: 0; bottom: 0; display: block; width:236px; height: 120px; background: url(http://2.bp.blogspot.com/-BJYQzaOHxBY/U2rZzP9ZInI/AAAAAAAAEFI/oliAqBKX2yE/s1600/gradient.png) repeat-x; } .featuredposts .widget-content {display:none} .recent-date:before{content:'\f073';font-family:fontawesome;color:#bbb} .recent-date{color:#999;font-weight:700;font-size:12px;margin-right:10px;font-family:'Roboto', sans-serif;} .recent-author:before{content:'\f007';font-family:fontawesome;color:#bbb} .recent-author{color:#999;font-weight:400;font-size:12px} .first-ld{position:absolute;height:100%;top:50%;left:50%;font-size:20px;color:#aaa;} .featuredposts{position:relative;} .featuredposts .widget{overflow:hidden;height:310px;} .featuredposts h2{display:none;} .featuredposts .arl-tmb{width:100%;height:300px;display:block} .featuredposts li .arl-tmb{-webkit-filter:grayscale(0);transition:all .3s ease-out;opacity: 0.7;} .featuredposts li:hover .arl-tmb{} .featuredposts .rcp-title{font-size:25px;} .featuredposts .arl-tmb:after{content:no-close-quote;position:absolute;bottom:0;left:0;width:100%;height:150px;background:url(http://2.bp.blogspot.com/-Xo6-nOCnE8g/VJNUuGAftUI/AAAAAAAAH5E/yZQijylgOsE/s1600/gradients.png) repeat-x;opacity:.5;transition:all .3s ease-out;} .featuredposts .arl-tmb:hover:after{opacity:.7;} .featuredposts li{float:left;width:33.3333%;height:300px;position:relative;padding:0;overflow:hidden;display: block;} #footer-wrapper {text-align:left;overflow:hidden;padding:15px 0 0 0;background-color:none} #footer-widgetfix {max-width:1100px;overflow:hidden;margin:0 auto;} #footer-wrapper h2 {color: #fff;line-height: 28px; padding: 8px 0; margin: 0; font-size: 16px; font-weight: 500; text-transform: uppercase; margin-bottom: 15px;} #footer-wrapper .widget-content {text-align:left;color: #fff; font-size: 15px;} #footer-wrapper .widget-content li {margin-left:-14px;color:#333} #footer-wrapper .widget li {margin:5px 0 0 0;padding:5px 2px 0 0;border:0;} .footer li a {padding-top:0;padding-right:0;font-size:13px;font-weight:700;color:#f9f9f9;margin:0} #footerfix {overflow:hidden;margin:15px 0 0 0;background-color:#fff} .copyleft {text-align: center; font-weight:400;margin:10px;color:#999;font-size:13px;} #copyright {float:right;color:#999;font-size:13px;margin-right:30px} .copyleft a,#copyright a {color:#333;text-decoration:none;} .copyleft a:hover,#copyright a:hover {color:#a94334;text-decoration:none;} .featuredposts .post-panel{position: absolute; bottom: 50px; text-align: center; margin: 0 auto; padding: 20px;} .featuredposts .rcp-title a{color:#fff;font-weight:600;position:relative;line-height:14px;text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.89); font-family: 'Crimson Text', serif;} .featuredposts .recent-date,.featuredposts .recent-date:before,.featuredposts .recent-author,.featuredposts .recent-author:before{color:#bbb;display:none;} .featuredposts .post-tag{position: absolute; top: 0; right: 0; color: #fff; padding: 5px; text-transform: uppercase; font-weight:500; z-index: 2; font-size: 11px;font-family:'Roboto', sans-serif;display:none;} .featuredposts .post-tag:hover{color:#fff;} .widget_social_apps{margin-left:-.5%;margin-right:-.5%}.widget_social_apps:before,.widget_social_apps:after{content:" ";display:table}.widget_social_apps:after{clear:both}.widget_social_apps .app_social{margin:0 .5% .5%;width:24%;float:left;text-align:center;background-color:#111;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;transition:all .2s}.widget_social_apps .app_social.facebook{background-color:#3e64ad}.widget_social_apps .app_social.twitter{background-color:#58ccff}.widget_social_apps .app_social.pinterest{background-color:#de010d}.widget_social_apps .app_social.instagram{background-color:#125688}.widget_social_apps .app_social.google{background-color:#dd4b39}.widget_social_apps .app_social.linkedin{background-color:#007bb6}.widget_social_apps .app_social.flickr{background-color:#ff0084}.widget_social_apps .app_social.vine{background-color:#00bf8f}.widget_social_apps .app_social:hover{background-color:#111}.widget_social_apps .app_social a{display:block;color:#fff;padding:15px 5px}.widget_social_apps .app_social span{display:block}.widget_social_apps .app_social span.app_icon i{font-size:24px;margin-bottom:5px}.widget_social_apps .app_social span.app_count{font-weight:700;line-height:16px;font-size:13px;}.widget_social_apps .app_social span.app_type{font-size:14px;line-height:16px} .post {background: #fff; color: #333; margin-left: 0; padding: 6px; transition: all 0.3s linear; margin-bottom: 10px; border: 1px solid #ddd;} .post-body {line-height: 1.8; color: #111; font-size: 13px; margin-top: 5px; font-weight: 400;} h2.post-title, h1.post-title{ font-size: 18px; font-weight: 500; text-transform: none; padding-bottom: 0; text-align: -webkit-left; border-bottom: none; border-top: none; clear: initial; line-height: 1.3;} h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {color:#595757;z-index:0;margin-top:0;margin-bottom:12px;} .post-info {margin-top: 0; margin-bottom: 10px; margin-right: 15px; margin-left: 15px; color: #444; font-size: 12px; font-weight: 400;} .post-info a {display:inline;display: inline; color: #555; font-weight: 500;} .label-info a:nth-child(n+5){display:none;} .author-info, .comment-info, .time-info {display:inline;} .post-image {margin:0;z-index:1;padding:0;float:left;margin-right: 20px;background:#333;overflow:hidden;} .post-image img { object-fit: cover;width:100%;height:200px;transition: 0.9s;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;} .post-image img:hover {opacity: 0.7;-webkit-transform: scale3d(1.05,1.05,1);transform: scale3d(1.05,1.05,1);;} @media screen and (max-width:1066px) { .wrapper{width:100%} #large-wrap{width:100%} .header-right {float:right;padding:0;overflow:hidden;margin:0;max-width:640px!important;} .header-right img {display:block; margin-bottom: 10px;} .cd-main-header {height:100px} #header {max-width: 300px;} .magstylo {width:47.5%} h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {margin-top:0;} .footer-logo {width:100%;} .banner160 {display:none;} #recent3 .mag-wrapper {width:initial;height:auto;} ul.pt-followers-icons.share-buttons li {width:48.11%} #recent1 .recent-box .imageContainer, #recent2 .recent-box .imageContainer { width: 100%;} #recent2 .recent-box {width:48.8%} #recent1 .recent-box {width:31.8%} ul#relpost_img_sum li {width: 47%;} } @media screen and (max-width:960px) { .bwrapsite-content{width:100%} .content-area {float:none;width:100%;} .sidebar-area {width: 100%!important; float: none;} #header-ad {height:auto;} .post-body {width:auto!important} ul#relpost_img_sum li {width:100%!important;} #header h1,#header p,#header,.header-right,#header .description{width:100%;float:left;text-align:center;} #header {float: none; width: initial; max-width: initial;} .header-right img, .header-right iframe{max-width:100%;} .header-right {margin-top: 20px;text-align:center;} #header-wrapper{padding:0 10px;} .header-wrapper2 {padding:0} .featuredposts li:first-child{width:33.33%;} .featuredposts li{width:33.33%;margin-bottom:20px!important} .featuredposts .widget{height:auto;margin-bottom:0!important} .first-ld{display: none} .featuredposts li:first-child .arl-tmb{} .featuredposts li:first-child{float:left} .featuredposts li{float:left} #footer-widgetfix .footer-widget { width: 28%;} } @media only screen and (max-width:768px){ .magstylo {width:50%} #recent3 .mag-wrapper {width:inherit;height:auto;} #recent1 .recent-box {width:30.9%} #recent2 .recent-box {width:47.11%} #recent2 .recent-box .imageContainer {width:100%} .banner160 {display:none;} #top-nav .wrapper{position:relative} #top-menu-icon{width:40px;height:30px;float:right;border-right:1px solid #ECECEC;border-left:1px solid #ECECEC;background:url(http://4.bp.blogspot.com/-UDUfajF5uV0/VlBNqL5O4DI/AAAAAAAAGuk/unRI8jhDNJ4/s1600/top-menu-icon.png) no-repeat;cursor:pointer;background:all .3s} #top-menu-icon:hover{background-color:#fff} #top-nav ul{position:absolute;right:0;top:30px;display:none;height:auto;padding:10px 0;background-color:#FCFCFC;border:1px solid #f2f2f2;z-index:1000} #top-nav li{float:none;clear:both;line-height:26px} #top-nav li a{height:auto;padding:0 12px;border-right:none} #top-nav .menu li ul{position:static;float:none;display:block!important;background-color:transparent;border:none;padding:0 0 0 10px} #top-nav .menu li ul li{border:none;line-height:26px} #top-nav ul li ul a{height:auto} #recent1 .recent-box .imageContainer {width:100%} #recent1 li.recent-box:nth-child(3), #recent1 li.recent-box:nth-child(6) {margin-right:15px!important;} #magstyle4 .label_title {-webkit-line-clamp: 2;} } @media only screen and (max-width:640px){ #header h1,#header p,#header,.header-right,#header .description{width:100%;float:left;text-align:center;} .header-right{float:none;margin:0 auto;text-align:center;} .header-right img, .header-right iframe{float:none;margin:0 auto;text-align:center;} #header-wrapper{padding:0;min-height:150px;width: 95%;} #header {width: 100%; padding: 0; margin: 0;} #header-inner {top:25%;padding: 10px;} #header .description {font-size:100%;line-height:1.5;margin-left:0;margin-bottom: 10px;} #breakingnews, .header17, .viewall, .banner160 {display:none;} .blog-date {margin-left:10px;} #magstyle4 .recent-box:first-child .post-summary {margin-bottom:10px;} #recent3 .label_title {font-size:13px;} #recent1 .recent-box {width:46.5%} #magstyle4 .recent-box {padding-bottom:0} #magstyle44 .recent-box:first-child .post-summary {margin-bottom:10px;} #magstyle44 .recent-box {padding-bottom:0} #footer-social-icon {margin-bottom:5px;} #footer-widgetfix .footer-widget {width: initial;} .featuredposts li:first-child,.featuredposts li{width:100%;float:none;height:300px} .featuredposts li:first-child .arl-tmb,.featuredposts li .arl-tmb{height:300px} <b:if cond='data:blog.url == data:blog.homepageUrl'> .post-info {border:none;margin-left: 0;} </b:if> } @media only screen and (max-width:480px){ .header-right{float:none;margin:0 auto;text-align:center;} .header-right img, .header-right iframe{float:none;margin:0 auto;text-align:center;} #slider-box, .comments .avatar-image-container, .comments .comments-content .datetime a {display:none;} .magstylo {width:100%} #magstyle44 .recent-box:first-child {width:100%;float:none;} #magstyle44 .recent-box {width:100%} #magstyle4 .recent-box:first-child {width:100%;float:none;} #magstyle4 .recent-box {width:100%} .post-image {float:none;margin-right:0;margin-bottom:8px} .post-image img {width:100%!important;} .comments-horizontal li a {font-size:10px;} .comment-block, .comments .comments-content .comment-replies { margin-left: 0!important;} #footer-social-icon li {margin-bottom:10px;} #recent1 .recent-box, #recent2 .recent-box {width:100%} #recent1 .recent-box .imageContainer {width:100%} #recent2 .recent-box .imageContainer {width:100%} #recent3 .post-summary {display:none;} #magstyle4 .recent-box:nth-child(2) { margin-top: 20px; } .label-info a {display:inline-flex;margin-bottom: 5px;} } @media screen and (max-width:320px){ .header-right{float:none;margin-bottom:7px;text-align:center;} .header-right img, .header-right iframe{float:none;margin:0 auto;text-align:center;} ul.pt-followers-icons.share-buttons li { width: 48%; } } </style> <b:if cond='data:blog.pageType != "item"'> <b:if cond='data:blog.pageType != "static_page"'> <style type='text/css'> .label-info {margin-right:40px!important;display:inline;margin-top:25px} .label-info a:nth-child(n+3){display:none;} </style> </b:if> </b:if> <b:if cond='data:blog.pageType == "item"'> <style type='text/css'> .post {padding:0;} .post-body {color: #444; margin-right: 0; font-size: 15px; padding: 15px; width: 95%;} .post img{background:#fafafa;height:auto;max-width:95%;border:0;margin-bottom:1.5px;transition:all 0.6s ease-out;} .post img:hover {opacity:0.95;} h1.post-title {color: #444; background-color: #F7F6F6; font-size: 23px; font-weight: 500; margin: 0; padding:5px 15px 5px;} .post-info {font-size: 12px; padding: 10px 15px; font-weight: 600; background-color: #F7F6F6; margin-top: 0; margin: 0;box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.08);background: rgba(238, 238, 238, 0.33); border-bottom: 1px solid #ddd;} .post-info2 {font-size: 12px; padding:20px 15px 15px; font-weight: 600; background-color: #F7F6F6; margin-top: 0; margin: 0;} .share-posts {margin-bottom:10px} #blog-pager {display:none;} img.author-photo{height:22px;width:22px;border-radius:100%;margin:0 3px 0 0} .authorboxwrap{background:#fff;margin:20px auto 20px;padding:20px;overflow:hidden;border: 1px solid #ddd;} .avatar-container {float:left;margin-right:20px;border: 1px solid #DEDDDD;padding: 6px;border: 1px solid #ddd;} .avatar-container img{width:110px;height:auto;max-width:100%!important} .author_description_container h4{font-weight:700;font-size:16px;display:block;margin:0;margin-bottom:2px} .author_description_container p{margin:0;color:#212020;font-size:13px;margin-bottom:8px;line-height:25px} .authorsocial a{display:inline-block;text-align:center;margin-right:10px} .authorsocial a i{font-family:Fontawesome;width:20px;height:20px;line-height:20px;padding:5px;display:block;opacity:1;border-radius:50%;transition:all .3s;} .authorsocial a:nth-child(1) i {background:#2d609b;color:#fff;} .authorsocial a:nth-child(2) i {background:#19bfe5;color:#fff;} .authorsocial a:nth-child(3) i {background:#eb4026;color:#fff;} .authorsocial a:hover:nth-child(1) i,.authorsocial a:hover:nth-child(2) i,.authorsocial a:hover:nth-child(3) i {opacity:0.90;} </style> </b:if> <b:include data='blog' name='google-analytics'/> <b:if cond='data:blog.pageType != "item"'> <b:if cond='data:blog.pageType != "static_page"'> <script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 200; /* Summary length if no image*/ summary_img = 100; /* Summary length with image*/ </script> </b:if> </b:if> <script src='//code.jquery.com/jquery-1.10.2.min.js' type='text/javascript'/> <script type='text/javascript'> //<![CDATA[ var relnojudul = 0; var relmaxtampil = 6; var numchars = 50; function removeHtmlTag(a,b){if(a.indexOf("<")!=-1){var c=a.split("<");for(var d=0;d<c.length;d++)if(c[d].indexOf(">")!=-1)c[d]=c[d].substring(c[d].indexOf(">")+1,c[d].length);a=c.join("")}b=b<a.length-1?b:a.length-2;while(" "!=a.charAt(b-1)&&a.indexOf(" ",b)!=-1)b++;a=a.substring(0,b-1);return a+"..."}function createSummaryAndThumb(a){var b=document.getElementById(a);var c="";var d=b.getElementsByTagName("img");var e=summary_noimg;if(d.length>=1);var f=c+"<div>"+removeHtmlTag(b.innerHTML,e)+"</div>";b.innerHTML=f};function labelthumbs(e){document.write('<ul id="label_with_thumbs">');for(var t=0;t<numposts;t++){var n=e.feed.entry[t];var r=n.title.$t;var i;if(t==e.feed.entry.length)break;for(var o=0;o<n.link.length;o++){if(n.link[o].rel=="replies"&&n.link[o].type=="text/html"){var u=n.link[o].title;var f=n.link[o].href}if(n.link[o].rel=="alternate"){i=n.link[o].href;break}}var l;try{l=n.media$thumbnail.url}catch(h){s=n.content.$t;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!=""){l=d}else l="http://3.bp.blogspot.com/-zP87C2q9yog/UVopoHY30SI/AAAAAAAAE5k/AIyPvrpGLn8/s1600/picture_not_available.png"}var p=n.published.$t;var v=p.substring(0,4);var m=p.substring(5,7);var g=p.substring(8,10);var y=new Array;y[1]="Jan";y[2]="Feb";y[3]="Mar";y[4]="Apr";y[5]="May";y[6]="June";y[7]="July";y[8]="Aug";y[9]="Sept";y[10]="Oct";y[11]="Nov";y[12]="Dec";document.write('<li class="recent-box">');if(showpostthumbnails==true)document.write('<div class="imageContainer"><a href="'+i+'" target ="_top"><img class="label_thumb" src="'+l+'" title="'+r+'" alt="'+r+'"/></a></div>');document.write('<a class="label_title" href="'+i+'" target ="_top">'+r+"</a>");var w="";var E=0;document.write("");p=n.published.$t;var S=[1,2,3,4,5,6,7,8,9,10,11,12];var x=["Jan","Feb","Mar","Apr","May","June","July","Aug","Sept","Oct","Nov","Dec"];var T=p.split("-")[2].substring(0,2);var N=p.split("-")[1];var C=p.split("-")[0];for(var k=0;k<S.length;k++){if(parseInt(N)==S[k]){N=x[k];break}}var L=T+" "+N+" "+C;if(showpostdate==true){document.write('<div class="toe"><a href="'+i+'" class="post-date">'+L+"</a>")}if(showcommentnum==true){if(E==1){w=w+" | "}if(u=="1 Comments")u="1 Comment";if(u=="0 Comments")u="No Comments";w=w+u;E=1;document.write('<a class="recent-com" href="'+f+'" target ="_top">'+u+"</a></div>")}if("content"in n){var A=n.content.$t}else if("summary"in n){var A=n.summary.$t}else var A="";var O=/<\S[^>]*>/g;A=A.replace(O,"");if(showpostsummary==true){if(A.length<numchars){document.write("");document.write(A);document.write("")}else{document.write("");A=A.substring(0,numchars);var M=A.lastIndexOf(" ");A=A.substring(0,M);document.write('<p class="post-summary">'+A+"...</p>")}}document.write("</li>");if(t!=numposts-1)document.write("")}document.write("</ul>")};$(document).ready(function(){$('.label_thumb').attr('src',function(i,src){return src.replace('s72-c','s1600')})});$(document).ready(function(){$('.label_thumb').attr('src',function(i,src){return src.replace('default.jpg','mqdefault.jpg')})});var reljudul=new Array();var relurls=new Array();var relcuplikan=new Array();var relgambar=new Array();function saringtags(g,h){var e=g.split("<");for(var f=0;f<e.length;f++){if(e[f].indexOf(">")!=-1){e[f]=e[f].substring(e[f].indexOf(">")+1,e[f].length)}}e=e.join("");e=e.substring(0,h-1);return e}function relpostimgcuplik(h){for(var e=0;e<h.feed.entry.length;e++){var g=h.feed.entry[e];reljudul[relnojudul]=g.title.$t;postcontent="";if("content"in g){postcontent=g.content.$t}else{if("summary"in g){postcontent=g.summary.$t}}relcuplikan[relnojudul]=saringtags(postcontent,numchars);if("media$thumbnail"in g){postimg=g.media$thumbnail.url}else{postimg="http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s1600/grey.GIF"}relgambar[relnojudul]=postimg;for(var f=0;f<g.link.length;f++){if(g.link[f].rel=="alternate"){relurls[relnojudul]=g.link[f].href;break}}relnojudul++}}function contains(a,e){for(var f=0;f<a.length;f++){if(a[f]==e){return true}}return false}function relatedposts(){var v=new Array(0);var w=new Array(0);var x=new Array(0);var A=new Array(0);for(var u=0;u<relurls.length;u++){if(!contains(v,relurls[u])){v.length+=1;v[v.length-1]=relurls[u];w.length+=1;w[w.length-1]=reljudul[u];x.length+=1;x[x.length-1]=relcuplikan[u];A.length+=1;A[A.length-1]=relgambar[u]}}reljudul=w;relurls=v;relcuplikan=x;relgambar=A;for(var u=0;u<reljudul.length;u++){var B=Math.floor((reljudul.length-1)*Math.random());var i=reljudul[u];var s=relurls[u];var y=relcuplikan[u];var C=relgambar[u];reljudul[u]=reljudul[B];relurls[u]=relurls[B];relcuplikan[u]=relcuplikan[B];relgambar[u]=relgambar[B];reljudul[B]=i;relurls[B]=s;relcuplikan[B]=y;relgambar[B]=C}var r=0;var D=Math.floor((reljudul.length-1)*Math.random());var z=D;var q;var t=document.URL;while(r<relmaxtampil){if(relurls[D]!=t){q="<li class='news-title clearfix'>";q+="<a href='"+relurls[D]+"' rel='nofollow' target='_top' title='"+reljudul[D]+"'><div class='overlayb'></div><img src='"+relgambar[D]+"' /></a>";q+="<a class='relink' href='"+relurls[D]+"' target='_top'>"+reljudul[D]+"</a>";q+="<span class='news-text'>"+relcuplikan[D]+"</span>";q+="</li>";document.write(q);r++;if(r==relmaxtampil){break}}if(D<reljudul.length-1){D++}else{D=0}if(D==z){break}}};//]]> </script> </head> <script type='text/javascript'> var blog_url = "http://www.idblanter.com"; var latest_post = 4; var scrolling_speed = "5"; var close_button = false; var info_text = true; </script> <style type='text/css'> /* Blogger Custom Stats widget by Tips.KhoPhimPlus.Net */ .Stats img {display:none!important;background-image:none;}.Stats .counter-wrapper {width:92%;text-align:right;margin:10px;line-height:35px;color:#333;font-weight:700;font-size:16px;margin-left: 0;}.Stats .counter-wrapper:after {content:"Page Views";float:left;text-align:left;font-size:13px;font-weight:700;color:#333;}.counts {display:inline-block;width:92%;font-size:13px;line-height:35px;color:#333;font-weight:700;}.counts .count {display:inline-block;font-size:16px;height:30px;vertical-align:top;direction:ltr;float:right;color:#333;font-weight:700!important;}.counts:hover .titles:before {color:#333!important;border-radius:2px;border-color:rgba(255,255,255,0.1);}.counter-wrapper.text-counter-wrapper:before, .counts:before {display:inline-block;font-size:13px;font-family:FontAwesome;font-style:normal;font-weight:normal;margin:0 10px 0 10px;float:left;width:10px;text-align:center;}.counter-wrapper.text-counter-wrapper:before, .counts:before {display:block;background-color:#fff;color:#333;width:35px;height:35px;font-size:18px;line-height:35px;border-radius:2px;margin:0px 8px 0 0;}.counter-wrapper.text-counter-wrapper:before {content:"\f06e";}.counts.post2:before {content:"\f044";}.counts.comment:before {content:"\f0e6";}#Stats1_content {width:auto;height:auto;background-color:#fff;} </style> <body> <nav id='top-nav'> <div class='wrapper'> <div class='blog-date'> <script language='Javascript'> var dayName = new Array("Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"); var monName = new Array("January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"); var now = new Date(); document.write("Today is " + dayName[now.getDay()] + ", " + monName[now.getMonth()] + " " + now.getDate() + "."); </script> | <script> atoj = new Date(); atoj1 = atoj.getHours(); atoj2 = atoj.getMinutes(); atoj3 = atoj.getSeconds(); if (0 == atoj1) { atoj4 = " AM"; atoj1 = 12; } else if (atoj1 <= 11) atoj4 = " AM"; else if (12 == atoj1) { atoj4 = " PM"; atoj1 = 12; } else if (atoj1 >= 13) { atoj4 = " PM"; atoj1 -= 12; } if (atoj2 <= 9) atoj2 = "0" + atoj2; document.write("" + atoj1 + ":" + atoj2 + ":" + atoj3 + atoj4); </script> </div> <div class='menu-top-menu-container'> <ul class='menu' id='menu-top-menu'> <li class='menu-item'><a href='#'><i aria-hidden='true' class='fa fa-facebook'/> Like</a></li> <li class='menu-item'><a href='#'><i aria-hidden='true' class='fa fa-google'/> Follow</a></li> <li class='menu-item'><a href='#'><i aria-hidden='true' class='fa fa-twitter'/> Follow</a></li> <li class='menu-item'><a href='#'>About</a></li> <li class='menu-item'><a href='#'>Contact</a></li> <li class='menu-item'><a href='#'>Privacy</a></li> <li class='menu-item'><a href='#'>Sitemap</a></li> </ul></div> </div> </nav> <div class='top-header'> <div id='header-wrapper' itemscope='itemscope' itemtype='http://schema.org/WPHeader'> <b:section class='header section' id='header' maxwidgets='1' showaddelement='no'> <b:widget id='Header1' locked='true' title='Nguyễn Diện Blog (Tiêu đề)' type='Header' version='1'> <b:widget-settings> <b:widget-setting name='displayUrl'/> <b:widget-setting name='displayHeight'>0</b:widget-setting> <b:widget-setting name='sectionWidth'>-1</b:widget-setting> <b:widget-setting name='useImage'>false</b:widget-setting> <b:widget-setting name='shrinkToFit'>false</b:widget-setting> <b:widget-setting name='imagePlacement'>BEHIND</b:widget-setting> <b:widget-setting name='displayWidth'>0</b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:if cond='data:useImage'> <b:if cond='data:imagePlacement == "BEHIND"'>  <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/>  <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>  <b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'> <b:include name='description'/> </b:if> </div> </b:if> <b:else/>  <div id='header-inner'> <div class='titlewrapper'> <h1 class='title'> Dien Blogger </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> <b:section class='header-right section' id='header-right' maxwidgets='1' showaddelement='yes'> <b:widget id='HTML112' locked='false' title='Put your ad code here' type='HTML' version='1'> <b:widget-settings> <b:widget-setting name='content'/> </b:widget-settings> <b:includable id='main'>  <div class='widget-content'> <div id='search-bar'> <form action='/search' id='search-form' method='get'> <input id='sq' name='q' placeholder='Search Here...' type='text' value=''/> <input id='searchsubmit' type='submit' value=''/> </form> </div> </div> </b:includable> </b:widget> </b:section> </div> <script type='text/javascript'> //<![CDATA[ function recentpostslist(json) { for (var i = 0; i < json.feed.entry.length; i++) { for (var j = 0; j < json.feed.entry[i].link.length; j++) { if (json.feed.entry[i].link[j].rel == 'alternate') { break; } } var entryUrl = "'" + json.feed.entry[i].link[j].href + "'"; var entryTitle = json.feed.entry[i].title.$t; var item = '<li>' + '<a href='+ entryUrl + "'>" + entryTitle + '</a> </li>'; document.write(item); } } //]]> </script> <nav id='menu' style='margin-bottom: 0px'> <input type='checkbox'/> <label>≡</label> <ul> <li class='homers'><a href='/'><i class='fa fa-home'/> Home</a></li> <li><a href='#'>About</a></li> <li><a href='#'>Drop Down <i class='fa fa-chevron-down'/></a> <ul class='menus'> <li><a href='#'>Tab 1</a></li> <li><a href='#'>Tab 2</a></li> <li><a href='#'>Tab 3</a></li> <li><a href='#'>Tab 4</a></li> <li><a href='#'>Tab 5</a></li> <li><a href='#'>Tab 6</a></li> </ul> </li> <li><a href='#'>Contact</a></li> <li><a href='#'>Drop Down <i class='fa fa-chevron-down'/></a> <ul class='menus'> <li><a href='#'>Tab 1</a></li> <li><a href='#'>Tab 2</a></li> <li><a href='#'>Tab 3</a></li> </ul> </li> <li><a href='#'>Advertise</a></li> </ul> </nav> <style> #intro_homepage{margin-bottom: 5px;position:relative;display:table;width:100%;height:223px;padding:0!important; background:url(https://candidesk.opensourcing.com/DEV/visuels/secteur_55b7a10075e91.jpg) no-repeat center center!important; background-size:cover!important} #intro_homepage:before{content: ''; opacity: 1; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 0; background: linear-gradient(transparent, #3f434b)} #intro_homepage:after{content:'';z-index:0;position:absolute;top:0;right:0;bottom:0;left:0; background-image: linear-gradient(transparent,rgba(64, 67, 75, 0.2) 0%,rgb(64, 66, 74))} .intro_homepage_content{position:relative;z-index:3} .intro_label h2{animation:zoomInUp 6s;font-size:40px;font-weight:700;color:rgba(255,255,255,.85);letter-spacinggg:0;margin:0 0 .25em;padding:0;font-family:"Roboto Condensed",sans-serif;text-transform:uppercase} .intro_label p{line-height: 1.3em;animation: zoomInDown 4s; text-transform: uppercase; font-size: 16px; font-weight: 400; color: rgba(255,255,255,0.7); margin: 0; padding: 0} .intro_label{margin:0 auto;text-align:center;padding:0} .meta_{display:table-cell;vertical-align:middle;text-align:center} @-webkit-keyframes sdb05{0%{opacity:0}50%{opacity:1}100%{opacity:0}} @keyframes sdb05{0%{opacity:0}50%{opacity:1}100%{opacity:0}} </style> <div id='intro_homepage'> <div class='meta_'> <div class='intro_homepage_content'> <div class='intro_label'> <h2 class='_title'> <i aria-hidden='true' class='fa fa-angle-double-right' style='font-weight: 900;margin:0 20px 0 0'/>DIEN BLOGGER<i aria-hidden='true' class='fa fa-angle-double-left' style='font-weight: 900;margin:0 0 0 20px'/> </h2> <p> Blogger Chia Sẻ Mọi Kiến Thức, Thủ Thuật Hay Cho Mọi Người </p> </div> </div></div></div> </div> <div class='clear'/> <div class='bwrapsite-content' id='bwrapcontent'> <div id='blanter-newsticker'/> <div class='content-area' id='primarybwrap'> <div class='bwrapsite-main' id='mainbwrap' role='main'> <b:if cond='data:blog.url == data:blog.homepageUrl'> <style>/* <div class='mag-wrapper'> <b:section class='mag section' id='magstyle4' maxwidgets='1' showaddelement='yes'> <b:widget id='HTML920' locked='true' title='Trending News' type='HTML' version='1'> <b:widget-settings> <b:widget-setting name='content'>/</b:widget-setting> </b:widget-settings> <b:includable id='main'>  <div class='widget-content'> <div class='title'><a expr:href='"/search/label/" + data:content'><data:title/></a><div class='viewall'><a expr:href='"/search/label/" + data:content'><i aria-hidden='true' class='fa fa-list-ul'/> All News</a></div></div> <div class='clear'/> <script type='text/javascript'>var numposts = 6;var showpostthumbnails = true;var showcommentnum = true;var showpostdate = true;var showpostsummary = true;var numchars = 160;</script> <script expr:src='"/feeds/posts/summary?max-results=4&alt=json-in-script&callback=labelthumbs"' type='text/javascript'/> </div> </b:includable> </b:widget> </b:section> <div class='clear'/> </div> <div class='mag-wrapper'> <div id='magstyle'> <div class='magstylo'> <b:section class='mag section ' id='magstyle1' maxwidgets='1' showaddelement='yes'> <b:widget id='HTML800' locked='true' title='Content Marketing' type='HTML' version='1'> <b:widget-settings> <b:widget-setting name='content'>Thủ Thuật Blogspot</b:widget-setting> </b:widget-settings> <b:includable id='main'>  <div class='widget-content'> <div class='title'><span/><a expr:href='"/search/label/" + data:content'><data:title/></a><div class='viewall'><a expr:href='"/search/label/" + data:content'><i aria-hidden='true' class='fa fa-list-ul'/> All News</a></div></div> <div class='clear'/> <script type='text/javascript'>var numposts = 3;var showpostthumbnails = true;var showcommentnum = true;var showpostdate = true;var showpostsummary = true;var numchars = 100;</script> <script expr:src='"/feeds/posts/default/-/" + data:content + "?published&alt=json-in-script&callback=labelthumbs"' type='text/javascript'/> </div> </b:includable> </b:widget> </b:section> </div> <div class='magstylo'> <b:section class='mag section' id='magstyle2' maxwidgets='1' showaddelement='yes'> <b:widget id='HTML801' locked='true' title='Technology' type='HTML' version='1'> <b:widget-settings> <b:widget-setting name='content'>Thủ Thuật Blogspot</b:widget-setting> </b:widget-settings> <b:includable id='main'>  <div class='widget-content'> <div class='title'><span/><a expr:href='"/search/label/" + data:content'><data:title/></a><div class='viewall'><a expr:href='"/search/label/" + data:content'><i aria-hidden='true' class='fa fa-list-ul'/> All News</a></div></div> <div class='clear'/> <script type='text/javascript'>var numposts = 3;var showpostthumbnails = true;var showcommentnum = true;var showpostdate = true;var showpostsummary = true;var numchars = 100;</script> <script expr:src='"/feeds/posts/default/-/" + data:content + "?published&alt=json-in-script&callback=labelthumbs"' type='text/javascript'/> </div> </b:includable> </b:widget> </b:section> </div> </div> </div>*/ </style> </b:if> <b:if cond='data:blog.url == data:blog.homepageUrl'> <div class='mag-wrapper'> <b:section class='mag section' id='magstyle44' maxwidgets='1' showaddelement='yes'> <b:widget id='HTML921' locked='true' title='Blogspot' type='HTML' version='1'> <b:widget-settings> <b:widget-setting name='content'>Blogging</b:widget-setting> </b:widget-settings> <b:includable id='main'>  <div class='widget-content'> <div class='title'><span/><a expr:href='"/search/label/" + data:content'><data:title/></a><div class='viewall'><a expr:href='"/search/label/" + data:content'><i aria-hidden='true' class='fa fa-list-ul'/> All News</a></div></div> <div class='clear'/> <script type='text/javascript'>var numposts = 5;var showpostthumbnails = true;var showcommentnum = true;var showpostdate = true;var showpostsummary = true;var numchars = 170;</script> <script expr:src='"/feeds/posts/default/-/" + data:content + "?published&alt=json-in-script&callback=labelthumbs"' type='text/javascript'/> </div> </b:includable> </b:widget> </b:section> <div class='clear'/> </div> <div class='clear'/> <style>/* <b:section class='banner section' id='recent3' maxwidgets='1' showaddelement='yes'> <b:widget id='HTML106' locked='true' title='Blogging' type='HTML' version='1'> <b:widget-settings> <b:widget-setting name='content'>Blogging</b:widget-setting> </b:widget-settings> <b:includable id='main'> <div class='mag-wrapper'> <div class='widget-content'> <div class='title'><span/><a expr:href='"/search/label/" + data:content'><data:title/></a><div class='viewall'><a expr:href='"/search/label/" + data:content'><i aria-hidden='true' class='fa fa-list-ul'/> All News</a></div></div> <div class='clear'/> <script type='text/javascript'>var numposts = 4;var showpostthumbnails = true;var showcommentnum = true;var showpostdate = true;var showpostsummary = true;var numchars = 120;</script> <script expr:src='"/feeds/posts/default/-/" + data:content + "?published&alt=json-in-script&callback=labelthumbs"' type='text/javascript'/> </div> </div> </b:includable> </b:widget> </b:section> <div class='banner160'> <b:section class='banner section' id='banner160' maxwidgets='1' showaddelement='yes'> <b:widget id='HTML101' locked='true' title='160x600 Ad Banner' type='HTML' version='1'> <b:widget-settings> <b:widget-setting name='content'/> </b:widget-settings> <b:includable id='main'>  <div class='widget-content'> <data:content/> </div> </b:includable> </b:widget> </b:section> </div> <div class='clear'/> <div class='mag-wrapper'> <b:section class='mag section' id='recent2' maxwidgets='1' showaddelement='yes'> <b:widget id='HTML924' locked='true' title='PSD' type='HTML' version='1'> <b:widget-settings> <b:widget-setting name='content'>PSD</b:widget-setting> </b:widget-settings> <b:includable id='main'>  <div class='widget-content'> <div class='title'><span/><a expr:href='"/search/label/" + data:content'><data:title/></a><div class='viewall'><a expr:href='"/search/label/" + data:content'><i aria-hidden='true' class='fa fa-list-ul'/> All News</a></div></div> <div class='clear'/> <script type='text/javascript'>var numposts = 4;var showpostthumbnails = true;var showcommentnum = true;var showpostdate = true;var showpostsummary = true;var numchars = 100;</script> <script expr:src='"/feeds/posts/default/-/" + data:content + "?published&alt=json-in-script&callback=labelthumbs"' type='text/javascript'/> </div> </b:includable> </b:widget> </b:section> <div class='clear'/> </div> <div class='clear'/>*/</style> </b:if> <b:if cond='data:blog.url == data:blog.homepageUrl'> <b:section class='animated fadeInUp' id='adpost' maxwidgets='1' showaddelement='yes'> <b:widget id='HTML6' locked='true' title='Put your ad code here' type='HTML' version='1'> <b:widget-settings> <b:widget-setting name='content'/> </b:widget-settings> <b:includable id='main'> <b:if cond='data:blog.url == data:blog.homepageUrl'> <div class='post-ad'>  <div class='widget-content'> <data:content/> </div> </div> </b:if> </b:includable> </b:widget> </b:section> </b:if> <div class='clear'/> <b:section class='mainblogsec' id='mainblogsec' showaddelement='no'> <b:widget id='Blog1' locked='true' title='Bài đăng trên Blog' type='Blog' version='1'> <b:widget-settings> <b:widget-setting name='showDateHeader'>true</b:widget-setting> <b:widget-setting name='style.textcolor'>#000000</b:widget-setting> <b:widget-setting name='showShareButtons'>false</b:widget-setting> <b:widget-setting name='authorLabel'>By</b:widget-setting> <b:widget-setting name='showCommentLink'>true</b:widget-setting> <b:widget-setting name='style.urlcolor'>#008000</b:widget-setting> <b:widget-setting name='showAuthor'>true</b:widget-setting> <b:widget-setting name='style.linkcolor'>#0000ff</b:widget-setting> <b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting> <b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting> <b:widget-setting name='showAuthorProfile'>false</b:widget-setting> <b:widget-setting name='style.layout'>1x1</b:widget-setting> <b:widget-setting name='showLabels'>true</b:widget-setting> <b:widget-setting name='showLocation'>true</b:widget-setting> <b:widget-setting name='showTimestamp'>true</b:widget-setting> <b:widget-setting name='postsPerAd'>1</b:widget-setting> <b:widget-setting name='showBacklinks'>false</b:widget-setting> <b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting> <b:widget-setting name='showInlineAds'>false</b:widget-setting> <b:widget-setting name='showReactions'>false</b:widget-setting> </b:widget-settings> <b:includable id='main' var='top'> <b:if cond='data:mobile == "false"'>  <div class='blog-posts hfeed'> <b:include data='top' name='status-message'/> <data:defaultAdStart/> <b:loop values='data:posts' var='post'> <b:if cond='data:post.isDateStart'> <b:if cond='data:post.isFirstPost == "false"'> </div></div> </b:if> </b:if> <b:if cond='data:post.isDateStart'> <div class="date-outer"> </b:if> <b:if cond='data:post.dateHeader'> <h2 class='date-header'><span><data:post.dateHeader/></span></h2> </b:if> <b:if cond='data:post.isDateStart'> <div class="date-posts"> </b:if> <div class='post-outer'> <b:include data='post' name='post'/> <b:if cond='data:blog.pageType == "static_page"'> <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 cond='data:blog.pageType == "item"'> <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> </div> <b:if cond='data:post.includeAd'> <b:if cond='data:post.isFirstPost'> <data:defaultAdEnd/> <b:else/> <data:adEnd/> </b:if> <div class='inline-ad'> <data:adCode/> </div> <data:adStart/> </b:if> </b:loop> <b:if cond='data:numPosts != 0'> </div></div> </b:if> <data:adEnd/> </div> <div style='clear: both;'/> <b:if cond='data:blog.pageType != "item"'>  <b:include name='nextprev'/> </b:if>  <b:if cond='data:top.showStars'> <script src='//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:else/> <b:include name='mobile-main'/> </b:if> <b:if cond='data:top.showDummy'> <data:top.dummyBootstrap/> </b:if> </b:includable> <b:includable id='backlinkDeleteIcon' var='backlink'> <span expr:class='"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='comment-form' var='post'> <div class='comment-form'> <a name='comment-form'/> <b:if cond='data:mobile'> <h4 id='comment-post-message'> <a expr:id='data:widget.instanceId + "_comment-editor-toggle-link"' href='javascript:void(0)'><data:postCommentMsg/></a></h4> <p><data:blogCommentMessage/></p> <data:blogTeamBlogMessage/> <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/> <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' 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='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: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:includable> <b:includable id='comments' var='post'> <div class='comments-tabs' data-animation='true' data-toggle='tabslet'> <ul class='comments-horizontal'> <li><a href='#comments'><i class='fa fa-comments'/> Blog Comments <b:if cond='data:post.numComments != 0'> <b:if cond='data:post.numComments == 1'>1 <b:else/> <data:post.numComments/> </b:if> </b:if></a> </li> <li><a href='#facebook-comments'><i class='fa fa-facebook'/> Facebook Comments <span class='comment-link' expr:href='data:post.addCommentUrl'><fb:comments-count expr:href='data:post.url'/></span></a></li> </ul> <div class='comments' id='comments'> <a name='comments'/> <b:if cond='data:post.allowComments'> <h4> <b:if cond='data:post.numComments == 1'> 1 <data:commentLabel/>: <b:else/> <data:post.numComments/> <data:commentLabelPlural/>: </b:if> </h4> <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> <div expr:id='data:widget.instanceId + "_comments-block-wrapper"'> <dl expr:class='data:post.avatarIndentClass' id='comments-block'> <b:loop values='data:post.comments' var='comment'> <dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'> <b:if cond='data:comment.favicon'> <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/> </b:if> <a expr:name='data:comment.anchorName'/> <b:if cond='data:blog.enabledCommentProfileImages'> <data:comment.authorAvatarImage/> </b:if> <b:if cond='data:comment.authorUrl'> <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a> <b:else/> <data:comment.author/> </b:if> <data:commentPostedByMsg/> </dt> <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'> <b:if cond='data:comment.isDeleted'> <span class='deleted-comment'><data:comment.body/></span> <b:else/> <p> <data:comment.body/> </p> </b:if> </dd> <dd class='comment-footer'> <span class='comment-timestamp'> <a expr:href='data:comment.url' title='comment permalink'> <data:comment.timestamp/> </a> <b:include data='comment' name='commentDeleteIcon'/> </span> </dd> </b:loop> </dl> </div> <b:if cond='data:post.commentPagingRequired'> <span class='paging-control-container'> <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'> <data:post.oldestLinkText/> </a> <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'> <data:post.olderLinkText/> </a>   <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: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> </p> </b:if> <b:if cond='data:showCmtPopup'> <div id='comment-popup'> <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'> </iframe> </div> </b:if> <div id='backlinks-container'> <div expr:id='data:widget.instanceId + "_backlinks-container"'> <b:if cond='data:post.showBacklinks'> <b:include data='post' name='backlinks'/> </b:if> </div> </div> </div> <div id='facebook-comments'> <div class='facebook-comments comments'> <b:if cond='false'> <div class='fb-comments' data-mobile='true' data-numposts='5' data-width='100%'/> <b:else/> <div class='fb-comments fb_iframe_widget' data-colorscheme='light' data-numposts='5' data-width='0' expr:data-href='data:blog.canonicalUrl' fb-xfbml-state='rendered' id='jsid-comment-facebook-plugin'/> </b:if> <style type='text/css'>.fb-comments, .fb-comments iframe[style], .fb-comments span {width: 100% !important;}</style> </div></div> </div> </b:includable> <b:includable id='feedLinks'> <b:if cond='data:blog.pageType != "item"'>  <b:if cond='data:feedLinks'> <div class='blog-feeds'> <b:include data='feedLinks' name='feedLinksBody'/> </div> </b:if> <b:else/>  <div class='post-feeds'> <b:loop values='data:posts' var='post'> <b:if cond='data:post.allowComments'> <b:if cond='data:post.feedLinks'> <b:include data='post.feedLinks' name='feedLinksBody'/> </b:if> </b:if> </b:loop> </div> </b:if> </b:includable> <b:includable id='feedLinksBody' var='links'> <div class='feed-links'> <data:feedLinksMsg/> <b:loop values='data:links' var='f'> <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a> </b:loop> </div> </b:includable> <b:includable id='iframe_comments' var='post'> <b:if cond='data:post.allowComments'> <script expr:src='data:post.commentSrc' type='text/javascript'/> <div class='cmt_iframe_holder'/> <b:if cond='data:post.embedCommentForm == "false"'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> </b:if> </b:if> </b:includable> <b:includable id='mobile-index-post' var='post'> <div class='mobile-date-outer date-outer'> <b:if cond='data:post.dateHeader'> <div class='date-header'> <span><data:post.dateHeader/></span> </div> </b:if> <div class='mobile-post-outer'> <a expr:href='data:post.url'> <h3 class='mobile-index-title entry-title'> <data:post.title/> </h3> <div class='mobile-index-arrow'>&rsaquo;</div> <div class='mobile-index-contents'> <b:if cond='data:post.thumbnailUrl'> <div class='mobile-index-thumbnail'> <div class='Image'> <img expr:src='data:post.thumbnailUrl'/> </div> </div> </b:if> <div class='post-body'> <b:if cond='data:post.snippet'><data:post.snippet/></b:if> </div> </div> <div style='clear: both;'/> </a> <div class='mobile-index-comment'> <b: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> </div> </div> </div> </b:includable> <b:includable id='mobile-main' var='top'>  <div class='blog-posts hfeed'> <b:include data='top' name='status-message'/> <b:if cond='data:blog.pageType == "index"'> <b:loop values='data:posts' var='post'> <b:include data='post' name='mobile-index-post'/> </b:loop> <b:else/> <b:loop values='data:posts' var='post'> <b:include data='post' name='mobile-post'/> </b:loop> </b:if> </div> <b:include name='mobile-nextprev'/> </b:includable> <b:includable id='mobile-nextprev'> <div class='blog-pager' id='blog-pager'> <b:if cond='data:newerPageUrl'> <div class='mobile-link-button' id='blog-pager-newer-link'> <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>&lsaquo;</a> </div> </b:if> <b:if cond='data:olderPageUrl'> <div class='mobile-link-button' id='blog-pager-older-link'> <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>&rsaquo</a> </div> </b:if> <div class='mobile-link-button' id='blog-pager-home-link'> <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a> </div> <div class='mobile-desktop-link'> <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a> </div> </div> <div class='clear'/> </b:includable> <b:includable id='mobile-post' var='post'> <div class='date-outer'> <b:if cond='data:post.dateHeader'> <h2 class='date-header'><span><data:post.dateHeader/></span></h2> </b:if> <div class='date-posts'> <div class='post-outer'> <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'> <b:if cond='data:post.thumbnailUrl'> <meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/> </b:if> <meta expr:content='data:blog.blogId' itemprop='blogId'/> <meta expr:content='data:post.id' itemprop='postId'/> <a expr:name='data:post.id'/> <b:if cond='data:post.title'> <h3 class='post-title entry-title' itemprop='name'> <b:if cond='data:post.link'> <a expr:href='data:post.link'><data:post.title/></a> <b:elseif cond='data:post.url and data:blog.url != data:post.url'/> <a expr:href='data:post.url'><data:post.title/></a> <b:else/> <data:post.title/> </b:if> </h3> </b:if> <div class='post-header'> <div class='post-header-line-1'/> </div> <div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'> <data:post.body/> <div style='clear: both;'/>  </div> <div class='post-footer'> <div class='post-footer-line post-footer-line-1'> <span class='post-author vcard'> <b:if cond='data:top.showAuthor'> <b:if cond='data:post.authorProfileUrl'> <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <meta expr:content='data:post.authorProfileUrl' itemprop='url'/> <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'> <span itemprop='name'><data:post.author/></span> </a> </span> <b:else/> <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <span itemprop='name'><data:post.author/></span> </span> </b:if> </b:if> </span> <span class='post-timestamp'> <b:if cond='data:top.showTimestamp'> <data:top.timestampLabel/> <b:if cond='data:post.url'> <meta expr:content='data:post.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:include cond='data:blog.pageType not in {"item","static_page"} and data:post.allowComments' data='post' name='comment_count_picker'/> </span> </div> <div class='post-footer-line post-footer-line-2'> <b:if cond='data:top.showMobileShare'> <div class='mobile-link-button goog-inline-block' id='mobile-share-button'> <a href='javascript:void(0);'><data:shareMsg/></a> </div> </b:if> <b:if cond='data:top.showDummy'> <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div> </b:if> </div> </div> </div> <b:include cond='data:blog.pageType in {"static_page","item"}' data='post' name='comment_picker'/> </div> </div> </div> </b:includable> <b:includable id='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'>&larr;&nbsp;<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/>&nbsp;&rarr;</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='post' var='post'> <article class='post hentry'> <b:if cond='data:post.firstImageUrl'> <a expr:content='data:post.firstImageUrl'/> </b:if> <b:if cond='data:blog.pageType != "item"'> <b:if cond='data:blog.pageType != "static_page"'> <b:if cond='data:post.thumbnailUrl'> <div class='format-image hentry post-image post-format-image'> <a expr:href='data:post.url' expr:title='data:post.title'> <img expr:alt='data:post.title' expr:src='data:post.firstImageUrl' expr:title='data:post.title' itemprop='image' style='width: 287px; height: 170px;'/> </a> </div> <b:else/> <b:if cond='data:post.firstImageUrl'> <a expr:href='data:post.url'><div class='post-image'><img expr:alt='data:post.title' expr:src='data:post.firstImageUrl' expr:title='data:post.title'/></div> </a> <b:else/> <a expr:href='data:post.url'><div class='post-image'><img expr:alt='data:post.title' expr:title='data:post.title' src='http://4.bp.blogspot.com/-73e3hFZ3R1w/U8aAAbc4PsI/AAAAAAAAEYo/WmYe7bx-uo0/s1600/no-image.png'/></div> </a> </b:if> </b:if> </b:if> </b:if> <b:if cond='data:blog.pageType == "item"'> <div class='post-info2'> <b:if cond='data:post.labels'> <span class='label-info'> <b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url + "?max-results=5"' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'/> </b:loop> </span> </b:if> </div> </b:if> <b:if cond='data:post.title'> <b:if cond='data:blog.pageType != "item"'> <b:if cond='data:blog.pageType != "static_page"'> <h2 class='post-title entry-title'> <b:if cond='data:post.link'> <a expr:href='data:post.link' expr:title='data:post.title'> <data:post.title/> </a> <b:else/> <b:if cond='data:post.url'> <b:if cond='data:blog.url != data:post.url'> <a expr:href='data:post.url' expr:title='data:post.title'> <data:post.title/> </a> <b:else/> <data:post.title/> </b:if> <b:else/> <data:post.title/> </b:if> </b:if> </h2> <b:else/> <h1 class='post-title entry-title'> <b:if cond='data:post.link'> <a expr:href='data:post.link' expr:title='data:post.title'> <data:post.title/> </a> <b:else/> <b:if cond='data:post.url'> <b:if cond='data:blog.url != data:post.url'> <a expr:href='data:post.url' expr:title='data:post.title'> <data:post.title/> </a> <b:else/> <data:post.title/> </b:if> <b:else/> <data:post.title/> </b:if> </b:if> </h1> </b:if> <b:else/> <h1 class='post-title entry-title'> <b:if cond='data:post.link'> <a expr:href='data:post.link' expr:title='data:post.title'> <data:post.title/> </a> <b:else/> <b:if cond='data:post.url'> <b:if cond='data:blog.url != data:post.url'> <a expr:href='data:post.url' expr:title='data:post.title'> <data:post.title/> </a> <b:else/> <data:post.title/> </b:if> <b:else/> <data:post.title/> </b:if> </b:if> </h1> </b:if> </b:if> <div class='post-info'> <b:if cond='data:top.showAuthor'> <b:if cond='data:post.authorProfileUrl'> <span class='author-info'> <span class='vcard' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <span class='fn'> <b:if cond='data:blog.pageType == "item"'> <img class='author-photo' expr:alt='data:post.author' expr:src='data:post.authorPhoto.url' expr:title='data:post.author' height='32' itemprop='image' width='32'/></b:if> by <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'><span itemprop='name'><data:post.author/></span> </a> </span> </span> </span> <b:else/> <span class='author-info'> ✔ <span class='fn'> <i class='fa fa-user'/> <span itemprop='name'><data:post.author/></span> </span> </span> </b:if> </b:if> <span><i aria-hidden='true' class='fa fa-angle-right'/></span> <b:if cond='data:top.showTimestamp'> <b:if cond='data:post.url'> <span class='time-info'> on <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published updated timeago' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a> </span> </b:if> </b:if> </div> <div class='post-header'> <div class='post-header-line-1'/> </div> <b:if cond='data:blog.pageType != "item"'> <b:if cond='data:blog.pageType == "static_page"'> <div class='post-body entry-content' expr:id='"post-body-" + data:post.id'> <data:post.body/> <div style='clear:both;'/> </div> <b:else/> <div class='post-body entry-content' expr:id='"post-body-" + data:post.id'> <b:if cond='data:blog.pageType == "item"'> <data:post.body/> <b:else/> <b:if cond='data:blog.pageType == "static_page"'> <data:post.body/> <b:else/> <div expr:id='"summary" + data:post.id'> <data:post.snippet/> </div> <script type='text/javascript'> createSummaryAndThumb("summary<data:post.id/>"); </script> <div style='clear: both;'/> </b:if> </b:if> </div> </b:if> <b:else/>  <div class='post-body entry-content' expr:id='"post-body-" + data:post.id'> <data:post.body/> <div style='clear: both;'/> <br/> <b:if cond='data:blog.pageType == "item"'> <div class='share2'> SHARE THIS <i class='fa fa-share-alt'/> </div> <div class='addthis_sharing_toolbox'/> <input class='post-share-url' expr:value='data:post.url' type='text'/> </b:if> <div style='clear:both;'/> </div> </b:if> </article> <div style='clear: both;'/> <b:if cond='data:blog.pageType == "item"'> <div class='authorboxwrap'> <div class='authorboxfull'> <div class='avatar-container'> <a href=''> <img class='author_avatar' expr:alt='data:post.author' expr:src='data:post.authorPhoto.url' height='110' width='110'/> </a> </div> <div class='author_description_container'> <h4>Author: <a href='#' rel='author'><data:post.author/></a> <i class='fa fa-check-circle' style='color:rgb(17, 143, 249)' title='Verified Author'/> </h4> <p> Etiam at libero iaculis, mollis justo non, blandit augue. Vestibulum sit amet sodales est, a lacinia ex. Suspendisse vel enim sagittis, volutpat sem eget, condimentum sem. </p> <div class='authorsocial'> <a class='img-circle1' href='#' rel='nofollow' target='_blank'><i class='fa fa-facebook'/></a> <a class='img-circle2' href='#' rel='nofollow' target='_blank'><i class='fa fa-twitter'/></a> <a class='img-circle3' href='#' rel='nofollow' target='_blank'><i class='fa fa-google-plus'/></a> <div class='clr'/> </div> </div> </div> </div> <div style='clear:both'/> <div id='related_posts'> <div class='relhead'> <h4>RELATED STORIES </h4> <div class='clear'/> <div class='relhead2'> <b:loop values='data:post.labels' var='label'> <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&amp;callback=relpostimgcuplik&amp;max-results=50"' type='text/javascript'/> </b:loop> <ul id='relpost_img_sum'> <script type='text/javascript'>relatedposts();</script> </ul> </div> </div> </div> </b:if> <div style='clear:both;'/> <b:if cond='data:blog.pageType == "item"'>  <b:include name='nextprev'/> </b:if> </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='//img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/> </a> </span> </b:if> </b:includable> <b:includable id='shareButtons' var='post'> <b:if cond='data:blog.pageType == "item"'> <div class='share-box'> <span style='float:left;margin-left:10px;margin-right:10px;font-size:18px;font-family:Oswald;color:#a5b2bd;text-transform:uppercase'>»Share : </span> <div style='margin-right:30px;float:left;'> <span class='fb-like' data-layout='button_count' data-send='false' data-show-faces='false' data-width='90' expr:data-href='data:post.url'/> </div> <div style='float:left;'> <a class='twitter-share-button' data-count='horizontal' data-related='' data-via='' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share' title='Share via Twitter'>Tweet</a> <script async='async' src='http://platform.twitter.com/widgets.js' type='text/javascript'/> </div> <div style='float:left;'> <div class='g-plusone' data-count='true' data-size='medium' expr:data-href='data:post.url'/> </div> <a class='a2a_dd more' href='http://www.addtoany.com/share_save' title='More Share'>✚</a> <script async='async' src='http://static.addtoany.com/menu/page.js' type='text/javascript'/> <a class='printfriendly' href='http://www.printfriendly.com' onclick='window.print();return false;' title='Printer Friendly and PDF'><span class='print'/> <span class='pdf'/></a> </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 async='async' expr:src='data:post.commentSrc' type='text/javascript'/> <script type='text/javascript'> (function() { var items = <data:post.commentJso/>; var msgs = <data:post.commentMsgs/>; var config = <data:post.commentConfig/>; // <![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-tabs' data-animation='true' data-toggle='tabslet'> <ul class='comments-horizontal'> <li><a href='#comments'><i class='fa fa-comments'/> Blog Comments <b:if cond='data:post.numComments != 0'> <b:if cond='data:post.numComments == 1'>1 <b:else/> <data:post.numComments/> </b:if> </b:if></a> </li> <li><a href='#facebook-comments'><i class='fa fa-facebook'/> Facebook Comments <span class='comment-link' expr:href='data:post.addCommentUrl'><fb:comments-count expr:href='data:post.url'/></span></a></li> </ul> <div class='comments' id='comments'> <a name='comments'/> <h4><i class='fa fa-comments-o'/> <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> <div id='facebook-comments'> <div class='facebook-comments comments'> <b:if cond='false'> <div class='fb-comments' data-mobile='true' data-numposts='5' data-width='100%'/> <b:else/> <div class='fb-comments fb_iframe_widget' data-colorscheme='light' data-numposts='5' data-width='0' expr:data-href='data:blog.canonicalUrl' fb-xfbml-state='rendered' id='jsid-comment-facebook-plugin'/> </b:if> <style type='text/css'>.fb-comments, .fb-comments iframe[style], .fb-comments span {width: 100% !important;}</style> </div></div> </div> </b:includable> </b:widget> </b:section> </div> <style>/* <div class='mag-wrapper'> <b:section class='mag section' id='recent1' maxwidgets='1' showaddelement='yes'> <b:widget id='HTML923' locked='true' title='Template' type='HTML' version='1'> <b:widget-settings> <b:widget-setting name='content'>Theme Blogspot</b:widget-setting> </b:widget-settings> <b:includable id='main'>  <div class='widget-content'> <div class='title'><span/><a expr:href='"/search/label/" + data:content'><data:title/></a><div class='viewall'><a expr:href='"/search/label/" + data:content'><i aria-hidden='true' class='fa fa-list-ul'/> All News</a></div></div> <div class='clear'/> <script type='text/javascript'>var numposts = 6;var showpostthumbnails = true;var showcommentnum = true;var showpostdate = true;var showpostsummary = false;var numchars = 100;</script> <script expr:src='"/feeds/posts/default/-/" + data:content + "?published&alt=json-in-script&callback=labelthumbs"' type='text/javascript'/> </div> </b:includable> </b:widget> </b:section> <div class='clear'/> </div>*/</style> </div> <div id='sidebar-wrapper'> <div class='sidebar-area' id='sidebar' role='complementary'> <b:section class='sidebarbtop' id='sidebarbtop' preferred='yes'> <b:widget id='Stats1' locked='false' title='Custom Stats' type='Stats' version='1'> <b:widget-settings> <b:widget-setting name='showGraphicalCounter'>false</b:widget-setting> <b:widget-setting name='showAnimatedCounter'>false</b:widget-setting> <b:widget-setting name='showSparkline'>true</b:widget-setting> <b:widget-setting name='sparklineStyle'>BLACK_TRANSPARENT</b:widget-setting> <b:widget-setting name='timeRange'>ALL_TIME</b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:if cond='data:title'> <h2><data:title/></h2> </b:if> <div class='widget-content'>  <div expr:id='data:widget.instanceId + "_content"' style='display: none;'>  <b:if cond='data:showSparkline'> <img alt='Sparkline' expr:id='data:widget.instanceId + "_sparkline"' height='30' src='http://2.bp.blogspot.com/-nsxCtkYnchQ/VLEifAyf97I/AAAAAAAAIlk/9Viyy0W9r04/s1600/FFF.png' title='Sparkline' width='75'/> </b:if> <b:if cond='data:showGraphicalCounter'> <span class='counter-wrapper graph-counter-wrapper' expr:id='data:widget.instanceId + "_totalCount"'/> <b:else/> <span class='counter-wrapper text-counter-wrapper' expr:id='data:widget.instanceId + "_totalCount"'/> </b:if> <script type='text/javascript'> function postCount(json){document.write("<span class='counts post2'> Total Posts ");var count = json.feed.openSearch$totalResults.$t;document.write("<span class='count'>" + count + "</span>");document.write("</span>")}function numberOfComments(json){document.write("<span class='counts comment'> Total Comments ");var count = json.feed.openSearch$totalResults.$t;document.write("<span class='count'>" + count + "</span>");document.write("</span>")} </script> <script src='/feeds/posts/default?alt=json-in-script&amp;max-results=0&amp;callback=postCount' type='text/javascript'/> <script src='/feeds/comments/default?alt=json-in-script&amp;max-results=0&amp;callback=numberOfComments'/> </div> </div> </b:includable> </b:widget> <b:widget id='HTML2' locked='false' title='NEW POST' type='HTML'> <b:widget-settings> <b:widget-setting name='content'><div id="sidebar-TTIT"><div class='rc1-TTIT'><script> document.write("<script src=\"https://www.nguyendienblog.ooo/feeds/posts/default/?orderby=published&amp;alt=json-in-script&amp;callback=labelthumbsb\"><\/script>"); </script> <a class='s-more ripple' href='/search/label/TuổiTrẻIT'>Xem tất cả<i class='fa fa-angle-right'></i></a> </div></div></b:widget-setting> </b:widget-settings> <b:includable id='main'>  <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='HTML1' locked='false' title='Liên Kết' type='HTML'> <b:widget-settings> <b:widget-setting name='content'><div id="lien-ket-blogg"> <div class="lien-ket-blogg"> <ul> <li><a href='https://www.thuthuathay.net' target='_blank' title='Thủ Thuật Hay'>Thủ Thuật Hay</a></li> <li><a href='https://duchuyblogger.blogspot.com/' target='_blank' title='ĐỨC HUY BLOG'>Đức Huy Blog</a></li> <li><a href='https://www.phucsieupham.info/' target='_blank' title='Phúc Siêu Phàm'>Phúc Siêu Phàm</a></li> <li><a href='https://s2topvn.blogspot.com/' target='_blank' title='S2TopVN Blog - Thủ Thuật Blogger Cực Chất'>S2TopVN</a></li> <li><a href='https://www.toansieunhan.com/?ref=diendeeptry' target='_blank' title='TOÀN SIÊU NHÂN BLOG'>TOÀN SIÊU NHÂN BLOG</a></li> <li><a href='https://deva-desiger.blogspot.com/?ref=diendeeptry' target='_blank' title='DEVA-DESIGNER'>DEVA-DESIGNER</a></li> <li><a href='https://duyripperit.blogspot.com/?ref=diendeeptry' target='_blank' title='Duy Ripper'>DUY RIPPER</a></li> <li><a href='https://www.huyny.tk/?ref=diendeeptry' target='_blank' title='Gia Huy Blog'>Gia Huy Blog</a></li> <li><a href='https://www.nguyenphu.xyz/?ref=diendeeptry' target='_blank' title='Blog Chia Sẻ Thủ Thuật'>Nguyễn Phú Blog</a></li> <li><a href='https://quocbaoblogit.blogspot.com/?ref=diendeeptry' target='_blank' title='tâm sự và sẻ chia'> QUỐC BẢO BLOG</a></li> <li><a href='https://www.vanthangit.com/?ref=diendeeptry' target='_blank' title='Văn Thắng IT'>VĂN THẮNG IT</a></li> <li><a href='https://baolinhdesani.blogspot.com/?ref=diendeeptry' target='_blank' title='RinxChamu'>Bảo Linh Desani</a></li> <li><a href='https://www.starquoc-it.club/?ref=diendeeptry' target='_blank' title='Star Quốc Blog'>Star Quốc Blog</a></li> <li><a href='//www.huy2k5.tk/?ref=diendeeptry' target='_blank' title=''>Đoàn Anh Huy</a></li> <li><a href='https://prince-tips.blogspot.com/?ref=diendeeptry' target='_blank' title='PRINCE DESIGN BLOG'>PRINCE DESIGN BLOG</a></li> </ul> <p style="font-size:14px;font-style:italic;margin-top:10px;float:left">* Mình sẽ gỡ liên liên kết nếu 1 trong những blog này giả template hoặc có ý định giả mạo template.</p> </div> </div></b:widget-setting> </b:widget-settings> <b:includable id='main'>  <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> </div> <div class='clear'/> <footer class='animated fadeInUpBig navplace' id='footer-wrapper' itemscope='itemscope' itemtype='http://schema.org/WPFooter' role='contentinfo'> <div class='footer-bottom' style='display:none'> <div id='footer-widgetfix'> <div class='footer-widget' id='footx1'> <b:section class='footer' id='footer1'> <b:widget id='HTML555' locked='false' title='About Sure Mag' type='HTML' version='1'> <b:widget-settings> <b:widget-setting name='content'/> </b:widget-settings> <b:includable id='main'>  <b:if cond='data:title != ""'> <h2 class='title'><data:title/></h2> </b:if> <div class='widget-content'> <data:content/> </div> </b:includable> </b:widget> <b:widget id='Image1' locked='false' title='Logo' type='Image' version='1'> <b:includable id='main'> <div class='widget-content'> <b:if cond='data:link'> <a expr:href='data:link'> <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_img"' expr:src='data:sourceUrl' expr:width='data:width'/> </a> <b:else/> <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_img"' expr:src='data:sourceUrl' expr:width='data:width'/> </b:if> <br/> <b:if cond='data:caption'> <span class='caption'><data:caption/></span> </b:if> </div> </b:includable> </b:widget> </b:section> </div> <div class='footer-widget' id='footx2'> <b:section class='footer' id='footer2'> <b:widget id='Label2' locked='false' title='Popular Tags' type='Label' version='1'> <b:widget-settings> <b:widget-setting name='sorting'>ALPHA</b:widget-setting> <b:widget-setting name='display'>CLOUD</b:widget-setting> <b:widget-setting name='selectedLabelsList'/> <b:widget-setting name='showType'>ALL</b:widget-setting> <b:widget-setting name='showFreqNumbers'>false</b:widget-setting> </b:widget-settings> <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'> <span expr:dir='data:blog.languageDirection'><data:label.name/></span> <b:else/> <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><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'> <span expr:dir='data:blog.languageDirection'><data:label.name/></span> <b:else/> <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><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> </div> </b:includable> </b:widget> </b:section> </div> <div class='footer-widget' id='footx3'> <b:section class='footer' id='footer3'> <b:widget id='PopularPosts2' locked='false' title='Most Popular' type='PopularPosts' version='1'> <b:widget-settings> <b:widget-setting name='numItemsToShow'>3</b:widget-setting> <b:widget-setting name='showThumbnails'>true</b:widget-setting> <b:widget-setting name='showSnippets'>true</b:widget-setting> <b:widget-setting name='timeRange'>LAST_MONTH</b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:if cond='data:title != ""'><h2><data:title/></h2></b:if> <div class='widget-content popular-posts'> <ul> <b:loop values='data:posts' var='post'> <li> <b:if cond='!data:showThumbnails'> <b:if cond='!data:showSnippets'>  <a expr:href='data:post.href'><data:post.title/></a> <b:else/>  <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/>  <div expr:class='data:showSnippets ? "item-content" : "item-thumbnail-only"'> <b:if cond='data:post.featuredImage.isResizable or data:post.thumbnail'> <div class='item-thumbnail'> <a expr:href='data:post.href' target='_blank'> <b:with value='data:post.featuredImage.isResizable ? resizeImage(data:post.featuredImage, 72, "1:1") : data:post.thumbnail' var='image'> <img alt='' border='0' expr:src='data:image'/> </b:with> </a> </div> </b:if> <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div> <b:if cond='data:showSnippets'> <div class='item-snippet'><data:post.snippet/></div> </b:if> </div> <div style='clear: both;'/> </b:if> </li> </b:loop> </ul> </div> </b:includable> </b:widget> </b:section> </div> </div> </div> <div id='footerfix'> <div class='copyleft'> Copyright © <script type='text/javascript'>var creditsyear = new Date();document.write(creditsyear.getFullYear());</script> <a expr:href='data:blog.homepageUrl'><data:blog.title/></a> All Rights Reserved </div> </div> </footer> <div class='clear'/> <div class='smoothscroll-top'> <span class='scroll-top-inner'> <i class='fa fa-2x fa-arrow-circle-up'/> </span> </div> <script type='text/javascript'> //<![CDATA[ $(function(){ $(document).on( 'scroll', function(){ if ($(window).scrollTop() > 100) { $('.smoothscroll-top').addClass('show'); } else { $('.smoothscroll-top').removeClass('show'); } }); $('.smoothscroll-top').on('click', scrollToTop); }); function scrollToTop() { verticalOffset = typeof(verticalOffset) != 'undefined' ? verticalOffset : 0; element = $('body'); offset = element.offset(); offsetTop = offset.top; $('html, body').animate({scrollTop: offsetTop}, 600, 'linear').animate({scrollTop:25},200).animate({scrollTop:0},150) .animate({scrollTop:0},50); } //]]> </script> <div id='fb-root'/> <script type='text/javascript'> //<![CDATA[ window.fbAsyncInit = function() { FB.init({ appId : '878599892159456', status : true, // check login status cookie : true, // enable cookies xfbml : true // parse XFBML }); }; (function() { var e = document.createElement('script'); e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js'; e.async = true; document.getElementById('fb-root').appendChild(e); }()); //]]> </script> <script src='//code.jquery.com/jquery-1.10.2.min.js' type='text/javascript'/> <script type='text/javascript'> //<![CDATA[ //<![CDATA[ // Popular Post Snippet $(".popular-posts ul li .item-snippet").each(function(){var t=$(this).text().substr(0,60),s=t.lastIndexOf(" ");s>52&&$(this).text(t.substr(0,s).replace(/[?,!\.-:;]*$/,"..."))}); $(".item-thumbnail img").each(function(){$(this).attr("src",$(this).attr("src").replace(/\/s[0-9]+(\-c)?\//,"/w100-h80-c/"))}); $("#recent-posts img").each(function(){$(this).attr("src",$(this).attr("src").replace(/\/s[0-9]+(\-c)?\//,"/w100-h80-c/"))}); $(".avatar-image-container img").each(function(){$(this).attr("src",$(this).attr("src").replace(/\/s[0-9]+(\-c)?\//,"/w70-h70-c/"))}); $("ul#relpost_img_sum li img").each(function(){$(this).attr("src",$(this).attr("src").replace(/\/s[0-9]+(\-c)?\//,"/w120-h110-c/"))}); jQuery(document).ready(function($){ "use strict"; // Attach + To Top Menu $('#top-nav .menu-item-has-children > a, #main-nav ul li ul .menu-item-has-children > a').append(' +'); // Attach Arrow To Main Menu $('#main-nav .menu-item-has-children > a').append('<span class="menu-arrow"></span>'); // Prepend Menu Icons $('#logo').after('<div id="menu-icon"></div>'); $('#top-nav .wrapper').append('<div id="top-menu-icon"></div>'); // Toggle Nav $('#menu-icon').on('click', function(){ $('#main-nav').slideToggle(250); $(this).toggleClass('active'); }); $(window).resize(function(){ var w = $(window).width(); var navDisplay = $('#main-nav'); if(w > 1000 && navDisplay.is(':hidden')) { navDisplay.removeAttr('style'); } }); $('#top-menu-icon').on('click', function(){ $('#top-nav ul').slideToggle(250); $(this).toggleClass('active'); }); $(window).resize(function(){ var w = $(window).width(); var navDisplay = $('#top-nav ul'); if(w > 1000 && navDisplay.is(':hidden')) { navDisplay.removeAttr('style'); } }); }); (function(e){e.fn.resizeToParent=function(t){function r(e){e.css({width:"",height:"","margin-left":"","margin-top":""});var n=e.parents(t.parent).width();var r=e.parents(t.parent).height();var i=e.width();var s=e.height();var o=i/n;if(s/o<r){e.css({width:"auto",height:r});i=i/(s/r);s=r}else{e.css({height:"auto",width:n});i=n;s=s/o}var u=(i-n)/-2;var a=(s-r)/-2;e.css({"margin-left":u,"margin-top":a})}var n={parent:"div",delay:100};var t=e.extend(n,t);var i;var s=this;e(window).on("resize",function(){clearTimeout(i);i=setTimeout(function(){s.each(function(){r(e(this))})},t.delay)});return this.each(function(){var t=e(this);t.attr("src",t.attr("src"));t.load(function(){r(t)});if(this.complete){r(t)}})}})(jQuery);$(".imageContainer img").resizeToParent(); //]]> </script> <b:if cond='data:blog.url == data:blog.homepageUrl'> <script type='text/javascript'> //<![CDATA[ $(".featuredposts .widget-content").each(function () { var e = $(this).text(); if (e.match("random")) { $.ajax({ url: "/feeds/posts/default?alt=json-in-script", type: "get", dataType: "jsonp", success: function (e) { var t = e.feed.entry.length; var n = 0; var r = t - 3; var i = Math.floor(Math.random() * (r - n + 1)) + n; $.ajax({ url: "/feeds/posts/default?alt=json-in-script&start-index=" + i + "&max-results=3", type: "get", dataType: "jsonp", success: function (e) { var t = ""; var n = "<ul>"; for (var r = 0; r < e.feed.entry.length; r++) { for (var i = 0; i < e.feed.entry[r].link.length; i++) { if (e.feed.entry[r].link[i].rel == "alternate") { t = e.feed.entry[r].link[i].href; break } } var s = e.feed.entry[r].title.$t; var o = e.feed.entry[r].author[0].name.$t; var u = e.feed.entry[r].published.$t.substring(0, 10); var a = e.feed.entry[r].category[0].term; var f = e.feed.entry[r].content.$t; var l = $("<div>").html(f); var c = l.find("img:first").attr("src"); var h = e.feed.entry[r].media$thumbnail.url; if (c === undefined) { var p = '<a class="arl-tmb" href="' + t + '" style="background:url(' + h + ') no-repeat center center;background-size: cover"/>' } else { var p = '<a class="arl-tmb" href="' + t + '" style="background:url(' + c + ') no-repeat center center;background-size: cover"/>' } n += '<li><a href="/search/label/' + a + '" class="post-tag">' + a + "</a>" + p + '<div class="post-panel"><h3 class="rcp-title"><a href="' + t + '">' + s + '</a></h3><span class="recent-date">' + u + '</span><span class="recent-author">' + o + "</span></div></li>" } n += '<div class="clear"/></ul>'; $(".featuredposts .widget-content").each(function () { if ($(this).text().match("random")) { $(this).html(n); $(this).removeClass("widget-content").addClass("layout-content"); $(".first-ld").remove(); $(this).find(".arl-tmb").each(function () { $(this).attr("style", function (e, t) { return t.replace("/default.jpg", "/mqdefault.jpg") }).attr("style", function (e, t) { return t.replace("s72-c", "s1600") }) }); $("p.trans").each(function () { var e = $(this).text(); var t = $(this).attr("data-tran"); $("#pages-wrapper *").replaceText(e, t) }) } }) } }) } }) } if (e.match("recent")) { $.ajax({ url: "/feeds/posts/default?alt=json-in-script", type: "get", dataType: "jsonp", success: function (e) { $.ajax({ url: "/feeds/posts/default?alt=json-in-script&max-results=3", type: "get", dataType: "jsonp", success: function (e) { var t = ""; var n = "<ul>"; for (var r = 0; r < e.feed.entry.length; r++) { for (var i = 0; i < e.feed.entry[r].link.length; i++) { if (e.feed.entry[r].link[i].rel == "alternate") { t = e.feed.entry[r].link[i].href; break } } var s = e.feed.entry[r].title.$t; var o = e.feed.entry[r].author[0].name.$t; var u = e.feed.entry[r].published.$t.substring(0, 10); var a = e.feed.entry[r].category[0].term; var f = e.feed.entry[r].content.$t; var l = $("<div>").html(f); var c = l.find("img:first").attr("src"); var h = e.feed.entry[r].media$thumbnail.url; if (c === undefined) { var p = '<a class="arl-tmb" href="' + t + '" style="background:url(' + h + ') no-repeat center center;background-size: cover"/>' } else { var p = '<a class="arl-tmb" href="' + t + '" style="background:url(' + c + ') no-repeat center center;background-size: cover"/>' } n += '<li><a href="/search/label/' + a + '" class="post-tag">' + a + "</a>" + p + '<div class="post-panel"><h3 class="rcp-title"><a href="' + t + '">' + s + '</a></h3><span class="recent-date">' + u + '</span><span class="recent-author">' + o + "</span></div></li>" } n += '<div class="clear"/></ul>'; $(".featuredposts .widget-content").each(function () { if ($(this).text().match("recent")) { $(this).html(n); $(this).removeClass("widget-content").addClass("layout-content"); $(".first-ld").remove(); $(this).find(".arl-tmb").each(function () { $(this).attr("style", function (e, t) { return t.replace("/default.jpg", "/mqdefault.jpg") }).attr("style", function (e, t) { return t.replace("s72-c", "s1600") }) }); $("p.trans").each(function () { var e = $(this).text(); var t = $(this).attr("data-tran"); $("#pages-wrapper *").replaceText(e, t) }) } }) } }) } }) } }); //]]> </script> </b:if> <script type='text/javascript'> //<![CDATA[ // Breaking News $(document).ready(function(){var e="",t=20;$.ajax({url:""+e+"/feeds/posts/default?alt=json-in-script&max-results="+t,type:"get",dataType:"jsonp",success:function(e){function t(){$("#adbreakingnews li:first").slideUp(function(){$(this).appendTo($("#adbreakingnews ul")).slideDown()})}var n,r,s="",a=e.feed.entry;if(void 0!==a){s="<ul>";for(var l=0;l<a.length;l++){for(var o=0;o<a[l].link.length;o++)if("alternate"==a[l].link[o].rel){n=a[l].link[o].href;break}r=a[l].title.$t,s+='<li><a href="'+n+'" target="_blank">'+r+"</a></li>"}s+="</ul>",$("#adbreakingnews").html(s),setInterval(function(){t()},5e3)}else $("#adbreakingnews").html("<span>No result!</span>")},error:function(){$("#adbreakingnews").html("<strong>Error Loading Feed!</strong>")}})}); /** * Tabslet | tabs jQuery plugin * * @copyright Copyright 2015, Dimitris Krestos * @license Apache License, Version 2.0 (http://www.opensource.org/licenses/apache2.0.php) * @link http://vdw.staytuned.gr * @version v1.4.9 */ !function($,window,undefined){"use strict";$.fn.tabslet=function(options){var defaults={mouseevent:"click",attribute:"href",animation:!1,autorotate:!1,pauseonhover:!0,delay:2e3,active:1,controls:{prev:".prev",next:".next"}},options=$.extend(defaults,options);return this.each(function(){var $this=$(this),_cache_li=[],_cache_div=[];$this.find("> div").each(function(){_cache_div.push($(this).css("display"))});var elements=$this.find("> ul li"),i=options.active-1;if(!$this.data("tabslet-init")){$this.data("tabslet-init",!0),options.mouseevent=$this.data("mouseevent")||options.mouseevent,options.attribute=$this.data("attribute")||options.attribute,options.animation=$this.data("animation")||options.animation,options.autorotate=$this.data("autorotate")||options.autorotate,options.pauseonhover=$this.data("pauseonhover")||options.pauseonhover,options.delay=$this.data("delay")||options.delay,options.active=$this.data("active")||options.active,$this.find("> div").hide(),options.active&&($this.find("> div").eq(options.active-1).show(),$this.find("> ul li").eq(options.active-1).addClass("active"));var fn=eval(function(){$(this).trigger("_before"),$this.find("> ul li").removeClass("active"),$(this).addClass("active"),$this.find("> div").hide(),i=elements.index($(this));var t=$(this).find("a").attr(options.attribute);return options.animation?$this.find(t).animate({opacity:"show"},"slow",function(){$(this).trigger("_after")}):($this.find(t).show(),$(this).trigger("_after")),!1}),init=eval("$this.find('> ul li')."+options.mouseevent+"(fn)"),t,forward=function(){i=++i%elements.length,"hover"==options.mouseevent?elements.eq(i).trigger("mouseover"):elements.eq(i).click(),options.autorotate&&(clearTimeout(t),t=setTimeout(forward,options.delay),$this.mouseover(function(){options.pauseonhover&&clearTimeout(t)}))};options.autorotate&&(t=setTimeout(forward,options.delay),$this.hover(function(){options.pauseonhover&&clearTimeout(t)},function(){t=setTimeout(forward,options.delay)}),options.pauseonhover&&$this.on("mouseleave",function(){clearTimeout(t),t=setTimeout(forward,options.delay)}));var move=function(t){"forward"==t&&(i=++i%elements.length),"backward"==t&&(i=--i%elements.length),elements.eq(i).click()};$this.find(options.controls.next).click(function(){move("forward")}),$this.find(options.controls.prev).click(function(){move("backward")}),$this.on("destroy",function(){$(this).removeData().find("> ul li").each(function(){$(this).removeClass("active")}),$(this).find("> div").each(function(t){$(this).removeAttr("style").css("display",_cache_div[t])})})}})},$(document).ready(function(){$('[data-toggle="tabslet"]').tabslet()})}(jQuery); //]]> </script> <script type='text/javascript'> //<![CDATA[ !function(i){function e(e){i.getScript("http://"+e+".disqus.com/blogger_index.js")}function d(){l||(l=!0,a?(r.find("a").hide(),r.find("#load-text").show(),i.ajax(a,{dataType:"html"}).done(function(d){var n=i("<div></div>").append(d.replace(c,"")),t=n.find("a.blog-pager-older-link"),o=n.find(w).children();i(w).append(o),window._gaq&&window._gaq.push(["_trackPageview",a]),window.gapi&&window.gapi.plusone&&window.gapi.plusone.go&&window.gapi.plusone.go(),window.disqus_shortname&&e(window.disqus_shortname),window.FB&&window.FB.XFBML&&window.FB.XFBML.parse&&window.FB.XFBML.parse(),window.twttr&&window.twttr.widgets&&window.twttr.widgets.load&&window.twttr.widgets.load(),t?a=t.attr("href"):(a="",r.hide()),r.find("#load-text").hide(),r.find("a").show(),l=!1})):r.hide())}function n(){return Math.max(s.height(),p.height(),document.documentElement.clientHeight)}function t(){n()-(s.scrollTop()+s.height())<1&&d()}function o(){if("item"!=_WidgetManager._GetAllData().blog.pageType&&(a=i("a.blog-pager-older-link").attr("href"))){var e=i('<a class="load-bsw-more" href="javascript:;">TẢI THÊM BÀI VIẾT</a>');e.click(d);var n=i('<div style="display:none" id="load-text"><div class="spinner"> <div class="bounce1"></div> <div class="bounce2"></div> <div class="bounce3"></div> </div></div>');s.scroll(t),(r=i('<div style="clear:both;text-align:center"></div>')).append(e),r.append(n),r.insertBefore(i("#blog-pager")),i("#blog-pager").hide()}}var a="",r=null,w="div.blog-posts",l=!1,s=i(window),p=i(document),c=/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi;i(document).ready(o)}(jQuery); //]]> </script> <style type='text/css'> .label-info {margin-right:40px!important;display:inline;margin-top:25px} .label-info a:nth-child(n+3){display:none;} .rutgon{ height: 70px; overflow: hidden; } .load-bsw-more{padding:10px 60px;display:inline-block;background:#fff;margin:0 0 20px;border-radius:100px;border:2px solid #f4f4f4;color:#888!important;text-transform:uppercase;font-weight:700;font-size:14px} .load-bsw-more:hover{border-color:#ddd} .status-msg-body{display:none} .spinner{padding:10px 0} .spinner > div{width:12px;height:12px;background-color:#333;border-radius:100%;display:inline-block;-webkit-animation:load-animation-bsw 1.4s infinite ease-in-out both;animation:load-animation-bsw 1.4s infinite ease-in-out both} .spinner .bounce1{-webkit-animation-delay:-0.32s;animation-delay:-0.32s} .spinner .bounce2{-webkit-animation-delay:-0.16s;animation-delay:-0.16s} @-webkit-keyframes load-animation-bsw{0%,80%,100%{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1.0)}} @keyframes load-animation-bsw{0%,80%,100%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1.0);transform:scale(1.0)}} </style> <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'/> <script src='https://rawcdn.githack.com/Arlina-Design/quasar/master/ajaxsearch.js?live=true&image=true&target=_blank&url=https://www.nguyendienblog.ooo'/> <style> /* Ajax Search */ *,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} .ajax-search{padding:20px;background:#fff!important;box-shadow:0 0 15px rgba(0,0,0,0.15);max-height:400px!important} .ajax-search h3{font-size:14px;font-weight:normal;margin:0 0 20px 0} .ajax-search li{position:relative;display:inline-block;float:left;width:50%;margin:0 0 10px 0;overflow:hidden} .ajax-search li h4{font-size:13px;font-weight:normal;margin:0 15px 0 0} .ajax-search li h4 a{color:#000;transition:all .3s} .ajax-search li h4 mark{background-color:transparent;color:#000;text-decoration:underline;transition:all .3s} .ajax-search li h4 a:hover,.ajax-search li h4:hover mark{color:#f44336} .ajax-search-image{float:left;margin:0 10px 0 0} .ajax-search-image img{border-radius:5px} .ajax-search-pager a{display:inline-block;clear:both;overflow:hidden;background:#f44336;color:#fff;font-size:13px;padding:5px 10px;border-radius:3px;margin:15px auto 0 auto} .ajax-search-pager a:hover{background:#333;color:#fff} @media screen and (max-width:768px){ .ajax-search li{position:relative;display:inline-block;float:left;width:100%;margin:0 0 10px 0;overflow:hidden} } </style> <script src='https://cdn.rawgit.com/blanter/design/master/blanter-newsticker.js' type='text/javascript'/> <script type='text/javascript'> //<![CDATA[ document.getElementById("blanter-newsticker").appendChild(document.getElementById("recent_post")); //]]> </script> </body> </html>

Public Last updated: 2018-10-28 04:29:42 AM