Untitled 12/8/2018 5:37:01 AM

Copy Link

<?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html> <html b:css='false' b:defaultwidgetversion='2' b:layoutsVersion='3' b:responsive='true' b:templateUrl='fancy.xml' b:templateVersion='1.2.0' expr:dir='data:blog.languageDirection' oncontextmenu='return true' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'> <head> <meta content='kovcCwQwpagUr3uJGBbDvEbmvpT2EfZ_NKPp0xbT318' name='google-site-verification'/> <b:include data='blog' name='all-head-content'/> <script type='text/javascript'> //<![CDATA[ function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || "all" }) } loadCSS("https://use.fontawesome.com/releases/v5.1.0/css/all.css");loadCSS("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Roboto+Condensed:300,400,700"); //]]> </script> <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='nhân, nhân blogger, thủ thuật facebook, thủ thuật blogger, thủ thuật internet, hỗ trợ facebook, chia sẻ thủ thuật, star nhân blog, star nhân it, star nhân, thủ thuật hay, bacsiwindows, starcuongit,khanhblogger,nhanblogger.com NhanBlogger, Nhanblogger, Nhân Blogger, Nhân blogger' 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='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'/> <style> /* Related post image */ #related-box{width:300px;overflow:hidden;height:auto;position:fixed;bottom:65px;right:0;background:#fff;/*border:1px solid #ddd;*/ box-shadow:0 0 3px #CACACA;transition:all .5s;z-index:9999;font-family:'Roboto',sans-serif} #related-box .header{width:100%;height:34px;line-height:35px;border-top:4px solid #58a12b;color:#222;background:#58a12b} #related-box .header h2{ display:none} #related-box .header a{color:#222} #related-box .tombol{position:absolute;color:#fff;top:0;left:0;font-size:18px;font-weight:400;cursor:pointer;background:#58a12b;text-align:center;width:30px;height:30px;line-height:30px;transition:all .3s ease-in-out} #related-box .tombol a{color:#fff} #related-box .tombol a:hover{color:#ffffff7d} #related-box .tombol i{margin-right:0} #related-box .item{width:300px;padding:15px;float:left} #related-box .list{box-sizing:border-box;height:100%;overflow:hidden;width:600px;transition:all .5s} #related-box .gambar{position:relative;float:left;width:100%;height:150px;display:block;overflow:hidden;margin:0} #related-box .gambar a{width:100%;height:100%;position:relative;display:block;z-index:1;overflow:hidden} #related-box .gambar img{width:100%;height:100%;display:block;object-fit:cover} #related-box .info{padding:0 0 15px;margin:10px 0 20px} #related-box .info a{float:left;text-transform:uppercase;font-size:17px;color:#222;font-weight:600;line-height:normal/*;border-bottom:1px solid #eee*/;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1} #related-box .info h3{margin:0} #related-box .navigation{float:right;position:absolute;width:auto;left:12px;bottom:12px} #related-box .navigation a{float:left;border:1px solid rgba(0,0,0,0.2);margin:3px;font-size:12px;width:26px;height:26px;line-height:26px;text-align:center;border-radius:100%} #related-box .navigation a:hover{background:#58a12b;color:#fff;border:1px solid rgba(0,0,0,0.24)} #related-box .navigation i{margin-right:0} #related-box .navigation .left{float:left!important} #related-box .navigation .right{float:right!important} #related-box .navigation .left,#related-box .navigation .right{width:auto!important;text-align:inherit!important} #related-box .gambar,#related-box .info{float:left;width:100%;box-sizing:border-box;display:block} .relatedshow{position:fixed;bottom:40px;right:-50px;transition:all .5s;z-index:9999;margin:0 10px 0 0} .relatedshow a{color:#fff;background:#58a12b;border-radius:100%;box-shadow:0 0 10px rgba(0,0,0,0.2);float:right;height:40px;width:40px;line-height:42px;text-align:center} .relatedshow i{margin-right:0} .gambar a{display:block!important;background:#000;font-size:0} .gambar a:hover img{opacity:.3!important} .gambar{margin-right:15px;position:relative;line-height:0} .gambar a:hover .overlay-icon:before{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)} .overlay-icon:before{content:'\f028';color:#FFF;display:block;position:absolute;top:50%;left:50%;border:3px solid #FFF;border-radius:100%;width:40px;height:40px;line-height:40px;text-align:center;font-size:18px;margin:-20px 0 0 -20px;opacity:0;-webkit-backface-visibility:hidden;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out} .gambar img{height:auto;max-width:100%;width:100%;-webkit-transition:all .4s;-moz-transition:all .4s;-o-transition:all .4s;transition:all .4s} .gambar{opacity:1;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out} </style> <b:skin><![CDATA[ /* <Group description="Body"> <Variable name="body.background" description="Background" type="background" color="$(body.background.color)" default="$(color) none repeat scroll top left" value="#ffffff url(#) no-repeat scroll top center /* Credit: Mae Burke (http://www.offset.com/photos/389967) */;"/> <Variable name="body.background.color" description="Background color" type="color" default="transparent" value="transparent"/> <Variable name="body.title.font.small" description="Title font (small)" type="font" default="$(garamond20)" value="normal 400 14px Roboto, sans-serif"/> <Variable name="body.title.font.large" description="Title font (large)" type="font" default="$(garamond24)" value="normal 400 24px Roboto, sans-serif"/> <Variable name="body.title.color" description="Title color" type="color" default="#000" value="#000000"/> <Variable name="body.action.font.small" description="Action font (small)" type="font" default="$(Roboto12)" value="normal 400 12px Roboto, sans-serif"/> <Variable name="body.action.font.large" description="Action font (large)" type="font" default="$(Roboto14)" value="normal 400 14px Roboto, sans-serif"/> <Variable name="body.action.color" description="Action color" type="color" default="#4267b2" value="#4267b2"/> <Variable name="body.text.font" description="Text font" type="font" default="$(garamond20)" value="normal 400 14px Roboto, sans-serif"/> <Variable name="body.text.color" description="Text color" type="color" default="#000" value="#000000"/> <Variable name="body.link.color" description="Link color" type="color" default="#4267b2" value="#4267b2"/> <Variable name="body.widget.title.font.small" description="Gadget title font (small)" type="font" default="$(Roboto12)" value="normal 400 12px Roboto, sans-serif"/> <Variable name="body.widget.title.font.large" description="Gadget title font (large)" type="font" default="$(Roboto14)" value="normal 400 14px Roboto, sans-serif"/> <Variable name="body.widget.title.color" description="Gadget title color" type="color" default="rgba(0, 0, 0, 0.54)" value="rgba(0, 0, 0, 0.54)"/> <Variable name="body.filter.background.color" description="Filter background color" type="color" default="#302c24" value="#302c24"/> <Variable name="body.filter.text.font.small" description="Filter text font (small)" type="font" default="$(Roboto12)" value="normal 400 12px Roboto, sans-serif"/> <Variable name="body.filter.text.font.large" description="Filter text font (large)" type="font" default="$(Roboto14)" value="normal 400 14px Roboto, sans-serif"/> <Variable name="body.filter.text.color" description="Filter text color" type="color" default="rgba(255, 255, 255, 0.54)" value="rgba(255, 255, 255, 0.54)"/> <Variable name="body.filter.keyword.font.small" description="Filter keyword font (small)" type="font" default="$(RobotoBold12)" value="normal 700 12px Roboto, sans-serif"/> <Variable name="body.filter.keyword.font.large" description="Filter keyword font (large)" type="font" default="$(RobotoBold14)" value="normal 700 14px Roboto, sans-serif"/> <Variable name="body.filter.keyword.color" description="Filter keyword color" type="color" default="rgba(255, 255, 255, 0.87)" value="rgba(255, 255, 255, 0.87)"/> <Variable name="body.filter.link.font.small" description="Filter link font (small)" type="font" default="$(RobotoBold12)" value="normal 700 12px Roboto, sans-serif"/> <Variable name="body.filter.link.font.large" description="Filter link font (large)" type="font" default="$(RobotoBold14)" value="normal 700 14px Roboto, sans-serif"/> <Variable name="body.filter.link.color" description="Filter link color" type="color" default="#4267b2" value="#4267b2"/> </Group> */ /* ----------------------------------------------- Theme Name : NhanBlogger Template For Blogger Version : 1.0.0 ReDesigner : VoHuuNhan ----------------------------------------------- */ /* 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="#58a12b"/> </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; } .continue {display:none} .loadmore loaded {display:none} a:link { font-family: Roboto; color: #444444; text-decoration:none; outline:none; transition:all 0.25s; } a:visited { color:#666; text-decoration:none; } a:link:hover { text-decoration:none; color:#32aae1; } a:visited:hover { color:#444444; 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 { width: 100%; position: relative; margin: 5px 0; padding: 5px 15px; font-size: 14px; font-weight: 700; text-transform: uppercase; color: #406c2b; clear: both; border-left: 3px solid; background: #eee; display: inline-block; font-size: 100%; } 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:0; padding-left:60px; margin:40px 0; border:0; 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 0 .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:0 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 { 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:#444444; } 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:65%; } .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; } .sidebar-area { margin:0 auto; float:right; overflow:hidden; width:31%; } #sidebar .widget h2 { width:100%; position:relative; margin:5px 0; padding:5px 15px; font-size:14px; font-weight:700; text-transform:uppercase; color:#406c2b; clear:both; border-left:3px solid; background:#eee; display:inline-block; ddd; } #sidebar .widget { margin-bottom:12px; background:#fff; } #sidebar .widget-content { padding:9px; } . .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; 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:#406c25!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; 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:none; 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 { display:none; } #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:#406c25!important /* padding:8px 10px; */ transition:all .3s ease-out; } #magstyle1 .title, #magstyle2 .title, #slider2 .title, #magstyle4 .title, #magstyle44 .title, #recent1 .title, #recent2 .title, #recent3 .title { width:100%; position:relative; margin:5px 0; padding:5px 15px; font-size:14px; font-weight:700; text-transform:uppercase; color:#406c2b; clear:both; border-left:3px solid; background:#eee; display:inline-block; } .avatar-image-container img { object-fit:cover; height:50px; width:50px; overflow:hidden; float:left; margin-right:20px; max-width:100% !important; } .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: 100%; 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:' } #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 0 12px -5px rgba(0,0,0,0.75); -moz-box-shadow:1px 0 12px -5px rgba(0,0,0,0.75); box-shadow:1px 0 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:0 2px 4px rgba(0,0,0,0.08); box-shadow:0 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:0 2px 4px rgba(0,0,0,0.08); box-shadow:0 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; } #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: #ffffff !important; background: #406c2b; 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; } #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; } /* CSS Progress */ #reading-progress{position:fixed;/*top:0px;*/width:100%;height:3px;margin:0px;left:0px;z-index:9999999999999;} .bar{height:3px;background:#0088ff;box-shadow:0 0 10px rgba(0,136,255,0.7);position:fixed;z-index:9999999999999} .comments iframe {background: #fff;padding: 0 10px;box-sizing:border-box;border-radius: 10px} #comments[data-num-comments="0"] iframe {margin: 0; min-height: 92px; border: 0} #comments .ban-comment{color: #ff5450; font-weight: 700} #comments .comment-thread li:before{counter-increment:my-sec-counter;content:counter(my-sec-counter);font-size:16px;font-weight:400;padding:0;color:#666;float:left;margin:42px 0 0 0;width:35px;text-align:center;opacity:0} #comments .comment-thread li:hover:before{opacity:1} #comments ol li .comment-content a{font-weight:700;color:#444} #comments ol li .comment-content a:hover{color:#7577a9} #comments{background: #fff; padding: 14px; box-sizing: border-box; clear: both} #comments ol{list-style:none;list-style-type:none;margin:0;padding:0} #comments ol li .comment-header span.datetime{font-family: Roboto;display:block;margin:3px 0;font-size:12px} #comments ol li{margin:0 0 15px} #comments ol li .avatar-image-container{position:absolute} #comments ol li .avatar-image-container img{width:35px;height:35px;border-radius:50%} #comments ol li .comment-block{margin:0 0 0 50px} #comments ol li p.comment-content{ font-family: Roboto;margin:5px 0;padding:0;color:#333;line-height:1.4;word-break:break-word} #comments ol div.continue a{ font-family: Roboto; font-weight:700;background:#eee;padding:5px 15px;border-radius:50px;font-size:12px;text-transform:uppercase;margin:0 0 20px;display:table} #comments ol div.continue a:before{content:'\f3e5';font-family:'Font Awesome 5 Free';margin:0 5px 0 0} #comments ol li .comment-header cite.user a,#comments ol li .comment-header cite.user{ font-family: Roboto;font-weight:700;font-style:normal;margin:0 5px 0 0;color:#444} #comments ol li .comment-header cite.blog-author:after{content:'\f445';font-family:"Font Awesome 5 Free";font-weight:700} #comments ol.thread-expanded{margin:12px 0 0 20px;padding:0 0 0 30px;border-left:1px solid #eee} #comments .comment-replybox-thread iframe{display:block;padding:0 20px 0 50px;border-radius:10px;box-sizing:border-box;border:0;background:#f4f4f4} #comments h4,#comments p.comment-footer,#comments ol li .item-control,#comments .thread-toggle{display:none} #comments iframe{min-height: 93px; margin: 0 0 30px; border-bottom: 1px solid #eee; box-sizing: border-box;} .header-logo:before{z-index:9;content:"";position:absolute;left:-665px;top:-460px;width:165px;height:15px;background:-webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(1%,rgba(255,255,255,0.03)),color-stop(30%,rgba(255,255,255,0.85)),color-stop(50%,rgba(255,255,255,0.85)),color-stop(70%,rgba(255,255,255,0.85)),color-stop(71%,rgba(255,255,255,0.85)),color-stop(100%,rgba(255,255,255,0)));-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-animation:searchLights 1s ease-in 1s infinite;-o-animation:searchLights 1s ease-in 1s infinite;animation:searchLights 1s ease-in 1s infinite} /*----Responsive Design----*/ @media screen and (max-width: 425px){ .header-logo:before{display:none!important} } @media screen and (max-width: 375px){ #carousel{display:none!important} .header-logo img { width: auto; max-height: 40px; margin: 0; } .header-logo { float: left; width: auto; z-index: 15; max-width: 100%; max-height: 50px; margin: 15px 0 0; padding: 0; } ]]></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'> /* Popular Post */ #sidebar .PopularPosts ul li:nth-of-type(1) .item-thumbnail{width:100%;height:auto;margin:0 0 10px} #sidebar .PopularPosts ul li:nth-of-type(1) img{width:100%;border-radius:4px} #sidebar .PopularPosts ul li:nth-of-type(1) .item-title{float:left;margin:10px 0 2px 0} #sidebar .PopularPosts .item-thumbnail{width:100px;height:73px;float:left;overflow:hidden;display:block;vertical-align:middle;margin:0 15px 0 0 !important} #sidebar .PopularPosts .item-thumbnail a{position:relative;overflow:hidden;line-height:0} #sidebar .PopularPosts ul li img{width:100%;height:100%;object-fit:cover;padding:0;transition:all .3s ease} #sidebar .PopularPosts .widget-content ul li{overflow:hidden;padding:10px 0;border-top:1px solid #f4f4f4} #sidebar .PopularPosts .widget-content ul li:first-child,.sidebar .custom-widget li:first-child{padding-top:0;border-top:0} #sidebar .PopularPosts .widget-content ul li:last-child,.sidebar .custom-widget li:last-child{padding-bottom:0} #sidebar .PopularPosts .item-title{font-size:15.5px!important;font-weight:400;line-height:1.4em;margin:0 0 5px;padding:0} #sidebar .PopularPosts ul li{position: relative} #sidebar .PopularPosts ul li a{color:#333;transition:color .3s} #sidebar .PopularPosts ul li a:hover{color:#f90} /* Popular Post Slider */ .slick-list,.slick-slider,.slick-track{position:relative;display:block;height:100%}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{top:0;left:0}.slick-track:after,.slick-track:before{content:'';display:table}.slick-track:after{clear:both}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{object-fit:cover;display:block;width:100%;height:100%;padding:0}.slick-slide img:hover{transform:translate(0,-2px) scale(1.1)}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block;overflow:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.slick-dots,.slick-next,.slick-prev{position:absolute;display:block;padding:0}.slick-dots li button:before,.slick-next:before,.slick-prev:before{font-family:slick;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-loading .slick-list{background:url(https://1.bp.blogspot.com/-prk3OdFJN_k/W8Z8n11uz5I/AAAAAAAAOPw/FLfbV57izz8L_17YeY6LtzmeB-Ea3_vLACLcBGAs/s1600/download.gif) center center no-repeat #fff}.slick-next,.slick-prev{font-size:0;line-height:0;top:50%;;height:34px;width:34px;border-radius:2px;background:transparent;transform:translate(0,-50%);cursor:pointer;color:transparent;border:none;outline:0}.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover{color:transparent;outline:0}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{font-size:2rem;line-height:1;color:#fff}.slick-prev{left:15px;z-index:1}[dir=rtl] .slick-prev{right:-25px;left:auto}.slick-prev:before{content:'\f104';font-family:FontAwesome}.slick-next:before,[dir=rtl] .slick-prev:before{content:'\f105';font-family:FontAwesome}.slick-next{right:13px}[dir=rtl] .slick-next{right:auto;left:-25px}[dir=rtl] .slick-next:before{content:'\f105';font-family:FontAwesome}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{bottom:-25px;width:100%;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;width:20px;height:20px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:20px;height:20px;padding:5px;cursor:pointer;color:transparent;border:0;outline:0;background:0 0}.slick-dots li button:focus,.slick-dots li button:hover{outline:0}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:'•';text-align:center;opacity:.25;color:#000}.slick-dots li.slick-active button:before{opacity:.75;color:#000}.carousel{margin:0!important}#PopularPosts2.PopularPosts{background:#fff;padding:0;margin:0 0 10px 0}#PopularPosts2.PopularPosts .widget-content{height:320px;overflow:hidden}#PopularPosts2.PopularPosts a{width:100%}#PopularPosts2.PopularPosts h2{position:relative;color:#000;font-weight:700;font-size:16px;overflow:hidden;margin:0 0 10px 0;text-transform:uppercase}#PopularPosts2.PopularPosts h2 div{padding:0 10px 0 0;display:inline;float:left}#PopularPosts2.PopularPosts h2:after{content:'';display:inline-block;float:left;position:absolute;top:0;height:15px;margin:2px 0 0 0;width:100%;background:url(//4.bp.blogspot.com/-R2WTW6O9E1o/VX7dqIGT1eI/AAAAAAAACc4/pyvQDMMLX3E/s1600/repeat-bg.png);opacity:.9}#PopularPosts2.PopularPosts a h3{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);color:#fff;padding:30px 15px 15px 15px;position:absolute;bottom:0;left:0;right:0;margin:0;font-size:1.4rem}.popular_content{position:relative;margin:0 .5px} #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;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: #406c2b!important; 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; } #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 {color: #406c2b!important; padding-top: 10px;} #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;;} .post-body {line-height: 1.8; color: #111; font-size: 13px; margin-top: 5px; font-weight: 400;} h2.post-title, h1.post-title{ color: #595757; z-index: 0; margin-top: 0; margin-bottom: 12px; font-size: 16px;} h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {color:#406c2b;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;} .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){ #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 br {display:none!important} .post img{background:#222;float:left;width:100%;margin: 10px auto;border-radius:15px;padding:5px;box-sizing:border-box} .post img img{margin:0 auto!important;max-width:100%;width:100%;object-fit:cover;float:left;transition:.4s;display:block;padding:5px;box-sizing:border-box;border-radius:15px} .post img .titles {font-size:30px;font-weight:300;color:white;padding:0 10px;pointer-events:none} .post img .titles small {font-size: 14px; font-weight: 400; clear: both; vertical-align: middle; margin: 0 0 0 8px; padding: 5px 10px; background: rgba(255,255,255,.1); border-radius: 400px;} .post img .tr-caption {color:#fff;padding:0 0 1em;clear:both} h1.post-title { width: 100%; position: relative; margin: 5px 0; padding: 5px 15px; font-size: 14px; font-weight: 700; text-transform: uppercase; color: #406c2b; clear: both; border-left: 3px solid; background: #eee; display: inline-block;} .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 { width: 100%; position: relative; margin: 5px 0; padding: 5px 15px; font-size: 14px; font-weight: 700; text-transform: uppercase; color: #406c2b; clear: both; border-left: 3px solid; background: #eee; display: inline-block;} .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> <body>  <b:if cond='data:blog.pageType == "item"'> <div id='reading-progress'> <span class='bar' id='progress-bar'/> </div> </b:if> <div id='top-menu-nhanblogger'> <style> .menu-top{float: left;} .menu-top ul{margin: 0;} .menu-top li{display:inline-block;line-height:30px;padding:0 3px;font-weight:500;font-size:14px} .menu-top li a{color: #333; font-size: 13px; font-weight: 400; transition: .5s; margin: 0 10px 0 0;} .menu-top li a:hover{color:#ff6560} </style> <div id='nhanblogger_bg_m_top'> <div class='nhanblogger_bg_m_top'> <a href='/'> <div class='header-logo'> <img alt='Nhân Blogger' src='https://i.imgur.com/mjFSMZu.png' style='border-radius:4px'/></div> </a> </div> </div> <style> #top-wrap-nhanblogger-menu{z-index: 9999; width: 100%; height: 30px; padding: 0;} .top-wrap-menu_nhanblogger{width: 1100px; margin: 0 auto; background: #58a12b; height: 30px;} .top_wrap-menu-nhanblogger{margin:0 auto;max-width:1100px;position:relative;width:100%} .top_wrap-menu-nhanblogger ul,.top_wrap-menu-nhanblogger li{margin:0 0;padding:0 0;list-style:none} .top_wrap-menu-nhanblogger li a:hover{color:#fff;background:rgba(0,0,0,.2)} .top_wrap-menu-nhanblogger li a:focus{background:rgba(0,0,0,.3);color:white} .top_wrap-menu-nhanblogger li{margin:0 5px 0 0;float:left;display:inline;position:relative;text-transform:none} .top_wrap-menu-nhanblogger a{display: block; padding: 0 15px; line-height: 30px; text-decoration: none; color: #fff; font-size: 13px; font-weight: 500; text-transform: none; transition: .1s;} .res-nhanblogger-menu{display:none;margin:0 0;paddi.top_wrap-menu-nhanblogger ul.drop-down-nhanblogger_menung:0 0;width:80px;height:35px;opacity:0;cursor:pointer} .res_nhanblogger-menu{font:bold 30px 'Roboto',sans-serif;display:none;width:35px;height:36px;line-height:36px;text-align:center} .top_wrap-menu-nhanblogger ul.drop-down-nhanblogger_menu{margin:0;width:250px;background:#fff;box-shadow:0 10px 23px rgba(0,0,0,.2);position:absolute;z-index:99;border-top:6px solid #58a12b;padding:0;opacity:0;visibility:hidden;transition:all .5s cubic-bezier(0.82,-0.5,0.19,1.21);transform:translate(0,100px)} .top_wrap-menu-nhanblogger ul.drop-down-nhanblogger_menu:before{content:'';position:absolute;top:-12px;right:10px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:12px solid #fff;left:35px} .top_wrap-menu-nhanblogger ul .drop-down-nhanblogger_menu li{display:block;width:100%;font:12px 'Roboto',sans-serif;text-transform:none;padding:5px;box-sizing:border-box;margin:0} ul.drop-down-nhanblogger_menu.morong-colum{width:500px} .top_wrap-menu-nhanblogger li:last-child ul.drop-down-nhanblogger_menu{right:0} .top_wrap-menu-nhanblogger li:last-child ul.drop-down-nhanblogger_menu:before{content:'';position:absolute;top:-12px;right:35px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:12px solid #444;left:inherit} .top_wrap-menu-nhanblogger li:hover ul.drop-down-nhanblogger_menu{opacity:1;visibility:visible;transform:none} .top_wrap-menu-nhanblogger ul.drop-down-nhanblogger_menu a{color:#555;padding:10px 20px;line-height:normal} .top_wrap-menu-nhanblogger ul .drop-down-nhanblogger_menu li a{font:500 14px Roboto!important} .top_wrap-menu-nhanblogger ul.drop-down-nhanblogger_menu a:hover{background:rgba(0,0,0,.1)} .top_wrap-menu-nhanblogger ul.drop-down-nhanblogger_menu a:focus{background:rgba(0,0,0,.3)} #nhanblogger_bg_m_top{background:#fff;position:relative;padding:15px 0 5px 0;max-width:100%;text-align:left;margin:0} .nhanblogger_bg_m_top{width:1100px;margin:auto} .nhanblogger_bg_m_top a{color:#58a12b;font:700 34px Roboto;text-transform:uppercase} .nhanblogger_bg_m_top a:hover{color:333} #top-nhanblogger-menu2{z-index: 9999; width: 100%; height: 30px; padding: 0;} .top_nhanblogger_menu2{width: 1100px; margin: 0 auto; height: 30px;} .top_nhanblogger-menu-2{margin:0 auto;max-width:1100px;position:relative;width:100%} .top_nhanblogger-menu-2 ul,.top_nhanblogger-menu-2 li{margin:0 0;padding:0 0;list-style:none} .top_nhanblogger-menu-2 li a:hover{color:#ff6560} .top_nhanblogger-menu-2 li{margin:0 5px 0 0;float:left;display:inline;position:relative;text-transform:none} .top_nhanblogger-menu-2 a{display: block; padding: 0 5px 0 0; line-height: 30px; text-decoration: none; color: #333; font-size: 13px; font-weight: 500; text-transform: none; transition: .1s;} .res-nhanblogger-menu{display:none;margin:0 0;paddi.top_nhanblogger-menu-2 ul.drop-down-nhanblogger-menu2ng:0 0;width:80px;height:35px;opacity:0;cursor:pointer} .res_nhanblogger-menu{font:bold 30px 'Roboto',sans-serif;display:none;width:35px;height:36px;line-height:36px;text-align:center} .top_nhanblogger-menu-2 ul.drop-down-nhanblogger-menu2{margin: 0; width: 150px; background: #fff; box-shadow: 0 10px 80px rgba(0,0,0,.1); position: absolute; z-index: 99; padding: 0; opacity: 0; visibility: hidden; transition: all .5s; transform: translate(0,20px);border-top:2px solid #ff6560} .top_nhanblogger-menu-2 ul.drop-down-nhanblogger-menu2:before{content:'';position:absolute;top:-12px;right:10px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:12px solid #fff;left:35px} .top_nhanblogger-menu-2 ul .drop-down-nhanblogger-menu2 li{display:block;width:100%;font:12px 'Roboto',sans-serif;text-transform:none;padding:5px;box-sizing:border-box;margin:0} ul.drop-down-nhanblogger-menu2.morong-colum{width:500px} .top_nhanblogger-menu-2 li:last-child ul.drop-down-nhanblogger-menu2{right:0} .top_nhanblogger-menu-2 li:last-child ul.drop-down-nhanblogger-menu2:before{content: ''; position: absolute; top: -8px; right: 35px; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #ff6560; left: inherit; } .top_nhanblogger-menu-2 li:hover ul.drop-down-nhanblogger-menu2{opacity:1;visibility:visible;transform:none} .top_nhanblogger-menu-2 ul.drop-down-nhanblogger-menu2 a{color:#555;padding:7px 18px;line-height:normal} .top_nhanblogger-menu-2 ul .drop-down-nhanblogger-menu2 li a{font:500 14px Roboto!important} .top_nhanblogger-menu-2 ul.drop-down-nhanblogger-menu2 a:hover{background:rgba(0,0,0,.1)} .top_nhanblogger-menu-2 ul.drop-down-nhanblogger-menu2 a:focus{background:rgba(0,0,0,.2)} .search_box_menu{display:inline;float:left;padding-left:188px} #nhanblogger_menu_search_box_v2_top_ws{background: white url(//4.bp.blogspot.com/-ZP4AAsVg-zY/WhbDKpnOKyI/AAAAAAAAAPw/2Hj9IYexLIY9sGurQrEsMy4F-15-4D08gCPcBGAYYCw/s1600/search_icon_black----------nhanblogger-Com.png) no-repeat center center; background-position: 97% 50%; outline: 0; color: #444; padding: 0 35px 0 10px; font: 400 13px Roboto; line-height: 24px; float: left; margin: 2px 0 0; width: 195px; border: 1px solid #ccc; border-radius: 4px;} #nhanblogger_menu_search_box_v2_top_ws::-webkit-input-placeholder, #nhanblogger_menu_search_box_v2_top_ws::-moz-input-placeholder, #nhanblogger_menu_search_box_v2_top_ws::-o-input-placeholder{color:#666} #nhanblogger_bg_m_top{background:#fff;position:relative;padding:15px 0 5px 0;max-width:100%;text-align:left;margin:0} .nhanblogger_bg_m_top{width:1100px;margin:auto} .nhanblogger_bg_m_top a{color:#58a12b;font:700 34px Roboto;text-transform:uppercase} .nhanblogger_bg_m_top a:hover{color:333} .login_box{ padding-right: 10px; padding-left: 10px; line-height: 30px; list-style-type: none; border-right: 1px solid #019875; float: right; } .dk_box{ border-left: 1px solid #019875; padding-left: 10px; padding-right: 10px; border-right: 1px solid #019875; line-height: 30px; list-style-type: none; float: right; } </style> <div id='top-nhanblogger-menu2'> <div class='top_nhanblogger_menu2'><nav class='top_nhanblogger-menu-2'> <input class='res-nhanblogger-menu' type='checkbox'/> <label class='res_nhanblogger-menu'><span class='title-nhanblogger'>Bác Sĩ Windows</span> <span class='hamburger'/> <span class='hamburger1'/> <span class='hamburger2'/> </label> <ul> <li><a href='/'><i class='fa fa-home'/></a></li> <li><a href='#'>Video</a></li> <li><a href='#'>Thời sự</a></li> <li><a href='#'>Góc nhìn</a></li> <li><a href='#'>Thế giới</a></li> <li><a href='#'>Kinh doanh</a></li> <li><a href='#'>Giải trí</a></li> <li><a href='#'>Thể thao</a></li> <li><a href='#'>Pháp luật</a></li> <li><a href='#'>Giáo dục</a></li> <li><a href='#'>Sức khỏe</a></li> <li><a href='#'>Gia đình</a></li> <li><a href='#'>Du lịch</a></li> <li><a href='#'>Khoa học</a></li> <li><a href='#'>Số hóa</a></li> <li><a href='#'>Xe</a></li> <li><a href='javascript:;'>Cộng đồng<i class='fa fa-angle-down' style='margin:0 0 0 4px'/></a> <ul class='drop-down-nhanblogger-menu2'> <li><a href='#'>Tâm sự</a></li> <li><a href='#'>Cười</a></li> <li><a href='#'>Rao vặt</a></li> </ul> </li> </ul> </nav></div></div>  <div id='top-wrap-nhanblogger-menu'> <div class='top-wrap-menu_nhanblogger'><nav class='top_wrap-menu-nhanblogger'> <input class='res-nhanblogger-menu' type='checkbox'/> <label class='res_nhanblogger-menu'><span class='title-nhanblogger'>Bác Sĩ Windows</span> <span class='hamburger'/> <span class='hamburger1'/> <span class='hamburger2'/> </label> <ul> <li><a href='#'>Video</a></li> <li><a href='#'>Bóng đá</a></li> <li><a href='#'>Tenis</a></li> <li><a href='#'>Các môn khác</a></li> <li><a href='#'>Hậu trường</a></li> <li><a href='#'>Ảnh</a></li> <li><a href='#'>Tường thuật</a></li> <li><a href='#'>Lịch thi đấu</a></li> <li><a href='#'>V-League 2018</a></li> <li><a href='#'>World Cup 2018</a></li> <li><a href='javascript:;'>Dropdown<i class='fa fa-angle-down' style='margin:0 0 0 8px'/></a> <ul class='drop-down-nhanblogger_menu'> <li><a href='#'>Dropdown Menu</a></li> <li><a href='#'>Dropdown Menu</a></li> <li><a href='#'>Dropdown Menu</a></li> <li><a href='#'>Dropdown Menu</a></li> <li><a href='#'>Dropdown Menu</a></li> <li><a href='#'>Dropdown Menu</a></li> </ul> </li> </ul> </nav></div></div></div> <b:if cond='data:blog.isMobile'> <style>.nhanblogger_bg_m_top{display:none}</style> </b:if> <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'> <div class='mag-wrapper'> <b:section class='mag section' id='magstyle44' maxwidgets='1' showaddelement='yes'> <b:widget id='HTML921' locked='true' title='Thủ Thuật Blogger' 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> <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='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='Thủ Thuật Facebook' type='HTML' version='1'> <b:widget-settings> <b:widget-setting name='content'>Thủ Thuật Facebook</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='Source Code' type='HTML' version='1'> <b:widget-settings> <b:widget-setting name='content'>Source Code</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> </b:if> <b:if cond='data:blog.url == data:blog.homepageUrl'> <div class='mag-wrapper'> <b:section class='mag section' id='magstyle4' maxwidgets='1' showaddelement='yes'> <b:widget id='HTML920' locked='true' title='Ảnh Đẹp' type='HTML' version='1'> <b:widget-settings> <b:widget-setting name='content'>Ảnh Đẹp</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 = 10;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='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='commentLabel'>Comments</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='style.unittype'>TextAndImage</b:widget-setting> <b:widget-setting name='timestampLabel'>Thời gian -</b:widget-setting> <b:widget-setting name='reactionsLabel'>Bình Chọn:</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='showLocation'>false</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='style.bordercolor'>#ffffff</b:widget-setting> <b:widget-setting name='backlinksLabel'>Links to this post</b:widget-setting> <b:widget-setting name='showDateHeader'>true</b:widget-setting> <b:widget-setting name='style.textcolor'>#4267b2</b:widget-setting> <b:widget-setting name='showCommentLink'>true</b:widget-setting> <b:widget-setting name='style.urlcolor'>#000000</b:widget-setting> <b:widget-setting name='showAuthor'>true</b:widget-setting> <b:widget-setting name='style.linkcolor'>#000000</b:widget-setting> <b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting> <b:widget-setting name='showLabels'>true</b:widget-setting> <b:widget-setting name='postLabelsLabel'>Từ khóa :</b:widget-setting> <b:widget-setting name='showBacklinks'>false</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'> <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/> <i aria-hidden='true' class='fa fa-angle-double-right'/> </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-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/> <script type='text/javascript'> //<![CDATA[ !function(){var a={homepage:"https://www.nhanblogger.com",title:"Nên xem:",post:10,date:!0,scr:500,showcredit:!0};if("object"==typeof relatedbox)for(var b in relatedbox)a[b]=relatedbox[b];var c='<div class="relatedshow" style="right: 0px;"><a href="#"><i class="fa fa-plus"></i></a></div><div id="related-box" style="transform: translateX(400px);"><div class="tombol"><a href="#" class="close"><i class="fa fa-times"></i></a></div><div class="header"><h2>'+a.title+'</h2></div><div class="list">',d="object"==typeof labelArray&&labelArray.length?"/-/"+shuffle(labelArray)[0]:"",f=0;$.ajax({type:"GET",url:a.homepage+"/feeds/posts/summary"+d+"?max-results="+a.post+"&alt=json-in-script",async:!0,contentType:"application/json",dataType:"jsonp",success:function(b){var d=b.feed.entry;if(d){for(var e=0;e<d.length;e++){for(var g,h=d[e],i=0;i<h.link.length;i++)if("alternate"==h.link[i].rel){var j=h.link[i].href;break}g=void 0!==h.media$thumbnail?h.media$thumbnail.url.replace("s72-c","w"+f+"-h400-c"):"https://i.imgur.com/NmnW1Y1.jpg";var k=h.title.$t;c+='<div class="item"><div class="gambar"><a href="'+j+'"><img class="thumbpost2" src="'+g+'"/><span class="fa overlay-icon"></span></a></div><div class="info"><h3><a href="'+j+'">'+k+"</a></h3></div></div>"}var m=a.showcredit?'':"";c+='</div><div class="navigation"><div class="left"><a href="#"><i class="fa fa-chevron-left"></i></a></div><div class="right"><a href="#"><i class="fa fa-chevron-right"></i></a></div></div>'+m}$("body").append(c),$("#related-box").each(function(){function i(){$("#related-box").css({transform:"translateX(400px)"}),$(".relatedshow").css("right",0)}function j(){$("#related-box").css({transform:"translateX(0)"}),$(".relatedshow").css("display","none")}for(var b=$(this).find(".list"),c=$(this).find(".left a"),d=$(this).find(".right a"),e=0,f=0,g=!0,h=1;h<$(this).find(".item").length;h++)e+=$(this).find(".item").outerWidth();b.width(e+$(this).find(".item").outerWidth()),c.click(function(a){a.preventDefault(),0==f?f=-e:f+=300,b.css("transform","translateX("+f+"px)")}),d.click(function(a){a.preventDefault(),f==-e?f=0:f-=300,b.css("transform","translateX("+f+"px)")}),$(".relatedshow").click(function(a){a.preventDefault(),j()}),$(this).find(".close").click(function(a){a.preventDefault(),i(),g=!1}),$(window).scroll(function(){var b=$(window).scrollTop();b>a.scr&&g?j():b<a.scr&&g&&i()})})}})}(); //]]> </script> <div style='clear: both;'/> <br/> <b:if cond='data:blog.pageType == "item"'> </b:if> <div style='clear:both;'/> </div> </b:if> </article> <div style='clear: both;'/> <b:if cond='data:blog.pageType == "item"'> <div style='clear:both'/> </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'> <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='HTML1' locked='false' title='Quản Trị Viên' type='HTML' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='content'><div class="widget-content"> <div id="moc-author-post"> <div class="author-post-cover"> <div class="cover-bg"></div> <img src="https://i.imgur.com/M4yKhDh.jpg" /> </div> <div class="author-post-avatar"> <a href="#" title="Xem trang cá nhân của Võ Hữu Nhân"> <img alt="Author" height="auto" src="https://graph.facebook.com/100022427022311/picture?width=500&amp;height=500" width="auto" /> </a> </div> <span class="author-post-name"> <a href="#" title="Xem trang cá nhân của Võ Hữu Nhân">Võ Hữu Nhân<br />(Developers)</a> </span> </div> </div> <style>/* Author */ #HTML3{border:0!important;border-radius:0!important} #HTML3 .widget-content{padding:0!important} #moc-author-post,.author-post-cover,.author-post-cover img,.author-post-avatar img,.author-post-meta,.author-post-info-title{position:relative;float:left;width:100%} .cover-bg{position:absolute;background:linear-gradient(rgba(0,0,0,0) 71%,rgba(0,0,0,.53));width:100%;height:100%;z-index:1} .author-post-avatar{position:relative;float:left;width:55px;margin-top:-65px;margin-left:10px;font-weight:600;box-shadow:0 0 1px 0 rgba(0,0,0,.3);-moz-box-shadow:0 0 1px 0 rgba(0,0,0,.3);-webkit-box-shadow:0 0 1px 0 rgba(0,0,0,.3);border-radius:3px;overflow:hidden;z-index:1} .author-post-name{position:relative;float:left;margin-left:75px;margin-top:-63px;z-index:1} .author-post-name a{font-size:18px;line-height:20px;text-transform:inherit;color:#fff;font-weight:600;text-shadow:1px 1px rgba(0,0,0,0.3);-moz-text-shadow:1px 1px rgba(0,0,0,0.3);-webkit-text-shadow:1px 1px rgba(0,0,0,0.3);margin-bottom:0} .author-post-info-title{float:left;background:#fff;padding:10px 0;text-align:center;border:1px solid #e5e5e5;border-top:0} .author-more{width:100%;float:left;background:#fff;padding:10px;text-align:center;border:1px solid #e5e5e5;border-top:0} .author-post-meta{background:#fff;border:1px solid #e5e5e5;border-top:0;border-radius:0 0 3px 3px} .author-post-meta > span{float:left;width:50%;padding:10px 0;text-align:center;border-left:1px solid #e5e5e5} .author-post-meta > span.date{width:50%;border-left:0}</style></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='HTML2' locked='false' title='NEW POST' type='HTML' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='content'><div id="sidebar-TTIT"><div class='rc1-TTIT'><script> document.write("<script src=\"https://www.nhanblogger.com/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:section> </div></div> </div> <div class='clear'/> <style> /* Arlina Footer Wrapper */ #footer-wrapper{background-color:#34495e;border:none;} #footer-wrapper{text-align:center;padding:0} #footer-sgwidget .footer-widget{width:22%;float:left;margin:0 10px} #footer-sgwidget{max-width:1200px;overflow:hidden;margin:0 auto;line-height:24px} #footer-wrapper h2,#footer-wrapper h3{font-family:'Roboto';font-size:17px;font-weight:700;text-transform:none;margin:20px 0;color:#fff;border-bottom:2px solid #fff;padding-bottom:10px;position:relative;line-height:1;text-align:left} #footer-wrapper .widget-content{background:#34495e;text-align:left;font-family:'Roboto',Helvetica;margin:20px 0 15px;padding:0;color:#fff;font-weight:600} #footer-wrapper .widget-content li{margin-left:-14px;color:#fff} #footer-wrapper .widget li{margin:0;padding:5px 0;display:block} .footer li a{padding-top:0;padding-right:0;line-height:2em;font-size:13px;font-weight:400;font-family:'Roboto',Helvetica;color:#fff;margin:0} .footer li a:hover{color:#fff} .footer{font-weight:400;padding-bottom:.2em} .footer-bottom{min-height:40px} #footx1,#footx2,#footx3{margin:0 .2%} .tscredit{line-height:normal;margin:10px;color:#fff;text-transform:uppercase;font-size:90%} .tscredit a{color:#E61727;text-decoration:none;font-weight:700} .tscredit a:hover{color:#fff;text-decoration:none} #footer-wrapper .Label li{background:transparent;float:left;padding:5px;margin:0;text-align:left;width:45%;transition:all .3s ease-out} #footer-wrapper .Label li:hover{color:#fff} #footer-wrapper .Label li a{color:#fff;transition:all .3s ease-out} #footer-wrapper .Label li a:hover{color:#fff} #footer-wrapper .Label li span{float:right;color:#fff;margin:0;padding:4px 6px;text-align:center;font-size:13px;font-weight:400;border-radius:2px} #footer-wrapper .Label li span:hover{color:#fff} #footer-wrapper .label-size{opacity:1;background:#484d5d;color:#fff;display:block;float:left;margin:0 4px 4px 0;font-size:13px;transition:all 0.4s} #footer-wrapper .label-size a{display:inline-block;color:#fff;padding:10px 12px;font-weight:400;transition:initial} #footer-wrapper .label-size a:hover{background:#0EB1F0;color:#fff;transition:all 0.2s} #footer-wrapper .label-size a:before{content:"\f02b";font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:none;padding-right:4px;color:#fff;transition:initial} #footer-wrapper .label-size a:hover:before{content:"\f02b";font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:none;color:#fff;transition:initial} #footer-wrapper .label-size:hover,#footer-wrapper-inner .label-size:hover{background:#0EB1F0;color:#fff;transition:initial} #footer-wrapper .label-count{background:#484d5d} #textlink{line-height:24px} a.tochu{color:#fff;border:1px solid #fff;padding:1px 5px;float:left;display:inline-block;margin:0 5px 5px 0;border-radius:4px;font-size:14px;transition:0} .tochu:hover{color:#fff;border:1px solid #2ABB9B} .copyright-footer left{width:100%!important;float:none}.copyright-footer{padding:10px;box-sizing:border-box;text-align:center}.copyright-footer left p{margin:0!important}} .copyright-footer right{width:50%;float:right;margin:0 0 10px;text-align:right} .copyright-footer right p{margin:0;font-size:12px} .copyright-footer right p a.btn-ft{font-weight:500;margin:0 0 2px;display:inline-block} #copyright-footer{} .copyright-footer{max-width:100%;width:1000px;margin:auto;padding:10px 0 0} .copyright-footer left{width:50%;float:left;margin:0 0 10px} .copyright-footer left a{display:inline-block;} .copyright-footer left a img{} .copyright-footer left p{display:inline-block;margin:0 0 0 190px;font-size:12px;padding:0} .menu-footer{margin:0 0 20px;padding:0 0 10px;border-bottom:1px solid #ddd;float:left;width:100%} .menu-footer li{list-style:none;float:left} .menu-footer li.r{float:right;margin:0 0 0 10px;border-left:1px solid #ccc;padding:0 0 0 10px} .menu-footer li a{color:#333;font:500 14px Roboto} #footer{margin:20px 0 0} .footer{max-width:100%;width:1100px;margin:auto;background:#eee;padding:10px 15px;box-sizing:border-box} .footer-main{} .footer-main ul{margin:0;width:140px;display:inline-block} .footer-main ul li{list-style:none;margin:0 0 10px} .footer-main ul li a{color:#444;font-weight:500;font-size:14px} #footer a:hover{color:#ff6560} </style> <div id='footer'> <div class='footer'> <b:if cond='data:blog.isMobileRequest == "false"'> <div class='menu-footer'> <li class='r'><a href='/'><i class='fa fa-search'/> Tìm kiếm</a></li> <li class='r'><a href='/'><i class='fas fa-money-check'/> Liên hệ quảng cáo</a></li> <li><a href='/'>Trang chủ</a></li> </div></b:if> <div class='clear'/> <b:if cond='data:blog.isMobileRequest == "false"'> <div class='footer-main'> <ul> <div class='cot1 no-items section' id='cot1' name='Cột 1'/> <li><a href='#'>Video</a></li> <li><a href='#'>Thời sự</a></li> <li><a href='#'>Góc nhìn</a></li> <li><a href='#'>Thế giới</a></li> </ul> <ul> <div class='cot2 no-items section' id='cot2' name='Cột 2'/> <li><a href='#'>Kinh doanh</a></li> <li><a href='#'>Giải trí</a></li> <li><a href='#'>Thể thao</a></li> <li><a href='#'>Pháp Luật</a></li> </ul> <ul> <div class='cot no-items section' id='cot3' name='Cột 3'/> <li><a href='#'>Sức khỏe</a></li> <li><a href='#'>Giáo dục</a></li> <li><a href='#'>Gia đình</a></li> <li><a href='#'>Du lịch</a></li> </ul> <ul> <div class='cot4 no-items section' id='cot4' name='Cột 4'/> <li><a href='#'>Khoa học</a></li> <li><a href='#'>Số hóa</a></li> <li><a href='#'>Xe</a></li> <li><a href='#'>Cộng đồng</a></li> </ul> <ul> <div class='cot5 no-items section' id='cot5' name='Cột 5'/> <li><a href='#'>Rao vặt</a></li> <li><a href='#'>Shop VnExpress</a></li> <li><a href='#'>Play VnExpress</a></li> <li><a href='#'>Quà tặng</a></li> </ul> </div></b:if> <div class='clear'/> </div> <div id='copyright-footer'> <div class='copyright-footer'> <center> <a href='/'><img src='https://i.imgur.com/mjFSMZu.png'/></a> </center> <right> <p><a class='btn-ft' href='#'>VnExpress tuyển dụng</a> <a class='btn-ft' href='#'>Liên hệ tòa soạn</a></p> <p>Đường dây nóng: 0123.888.0123 (HN) - 0129.233.3555 (TP HCM)</p> </right> </div> </div> </div> <div class='clear'/> <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[ /** * 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('');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); ! function() { var e, t = { frameRate: 150, animationTime: 400, stepSize: 120, pulseAlgorithm: !0, pulseScale: 4, pulseNormalize: 1, accelerationDelta: 20, accelerationMax: 1, keyboardSupport: !0, arrowScroll: 50, touchpadSupport: !0, fixedBackground: !0, excluded: "" }, o = t, a = !1, n = !1, r = { x: 0, y: 0 }, l = !1, i = document.documentElement, c = [], u = /^Mac/.test(navigator.platform), d = { left: 37, up: 38, right: 39, down: 40, spacebar: 32, pageup: 33, pagedown: 34, end: 35, home: 36 }; o = t; function s() { if (!l && document.body) { l = !0; var t = document.body, r = document.documentElement, c = window.innerHeight, u = t.scrollHeight; if (i = document.compatMode.indexOf("CSS") >= 0 ? r : t, e = t, o.keyboardSupport && z("keydown", b), top != self) n = !0; else if (u > c && (t.offsetHeight <= c || r.offsetHeight <= c)) { var d, s = document.createElement("div"); s.style.cssText = "position:absolute; z-index:-10000; top:0; left:0; right:0; height:" + i.scrollHeight + "px", document.body.appendChild(s); var m = function() { d || (d = setTimeout(function() { a || (s.style.height = "0", s.style.height = i.scrollHeight + "px", d = null) }, 500)) }; setTimeout(m, 10); if (new N(m).observe(t, { attributes: !0, childList: !0, characterData: !1 }), i.offsetHeight <= c) { var f = document.createElement("div"); f.style.clear = "both", t.appendChild(f) } } o.fixedBackground || a || (t.style.backgroundAttachment = "scroll", r.style.backgroundAttachment = "scroll") } } var m = [], f = !1, h = Date.now(); function p(e, t, a) { var n, l; if (l = a, n = (n = t) > 0 ? 1 : -1, l = l > 0 ? 1 : -1, (r.x !== n || r.y !== l) && (r.x = n, r.y = l, m = [], h = 0), 1 != o.accelerationMax) { var i = Date.now() - h; if (i < o.accelerationDelta) { var c = (1 + 50 / i) / 2; c > 1 && (c = Math.min(c, o.accelerationMax), t *= c, a *= c) } h = Date.now() } if (m.push({ x: t, y: a, lastX: t < 0 ? .99 : -.99, lastY: a < 0 ? .99 : -.99, start: Date.now() }), !f) { var u = e === document.body, d = function(n) { for (var r = Date.now(), l = 0, i = 0, c = 0; c < m.length; c++) { var s = m[c], h = r - s.start, p = h >= o.animationTime, w = p ? 1 : h / o.animationTime; o.pulseAlgorithm && (w = R(w)); var b = s.x * w - s.lastX >> 0, v = s.y * w - s.lastY >> 0; l += b, i += v, s.lastX += b, s.lastY += v, p && (m.splice(c, 1), c--) } u ? window.scrollBy(l, i) : (l && (e.scrollLeft += l), i && (e.scrollTop += i)), t || a || (m = []), m.length ? K(d, e, 1e3 / o.frameRate + 1) : f = !1 }; K(d, e, 0), f = !0 } } function w(t) { l || s(); var a = t.target, n = T(a); if (!n || t.defaultPrevented || t.ctrlKey) return !0; if (X(e, "embed") || X(a, "embed") && /\.pdf/i.test(a.src) || X(e, "object")) return !0; var r = -t.wheelDeltaX || t.deltaX || 0, i = -t.wheelDeltaY || t.deltaY || 0; if (u && (t.wheelDeltaX && Y(t.wheelDeltaX, 120) && (r = t.wheelDeltaX / Math.abs(t.wheelDeltaX) * -120), t.wheelDeltaY && Y(t.wheelDeltaY, 120) && (i = t.wheelDeltaY / Math.abs(t.wheelDeltaY) * -120)), r || i || (i = -t.wheelDelta || 0), 1 === t.deltaMode && (r *= 40, i *= 40), !o.touchpadSupport && function(e) { if (!e) return; c.length || (c = [e, e, e]); return e = Math.abs(e), c.push(e), c.shift(), clearTimeout(S), S = setTimeout(function() { window.localStorage && (localStorage.SS_deltaBuffer = c.join(",")) }, 1e3), !B(120) && !B(100) }(i)) return !0; Math.abs(r) > 1.2 && (r *= o.stepSize / 120), Math.abs(i) > 1.2 && (i *= o.stepSize / 120), p(n, r, i), t.preventDefault(), k() } function b(t) { var a = t.target, n = t.ctrlKey || t.altKey || t.metaKey || t.shiftKey && t.keyCode !== d.spacebar; document.contains(e) || (e = document.activeElement); var r = /^(button|submit|radio|checkbox|file|color|image)$/i; if (/^(textarea|select|embed|object)$/i.test(a.nodeName) || X(a, "input") && !r.test(a.type) || X(e, "video") || function(e) { var t = e.target, o = !1; if (-1 != document.URL.indexOf("www.youtube.com/watch")) do { if (o = t.classList && t.classList.contains("html5-video-controls")) break } while (t = t.parentNode); return o }(t) || a.isContentEditable || t.defaultPrevented || n) return !0; if ((X(a, "button") || X(a, "input") && r.test(a.type)) && t.keyCode === d.spacebar) return !0; var l = 0, i = 0, c = T(e), u = c.clientHeight; switch (c == document.body && (u = window.innerHeight), t.keyCode) { case d.up: i = -o.arrowScroll; break; case d.down: i = o.arrowScroll; break; case d.spacebar: i = -(t.shiftKey ? 1 : -1) * u * .9; break; case d.pageup: i = .9 * -u; break; case d.pagedown: i = .9 * u; break; case d.home: i = -c.scrollTop; break; case d.end: var s = c.scrollHeight - c.scrollTop - u; i = s > 0 ? s + 10 : 0; break; case d.left: l = -o.arrowScroll; break; case d.right: l = o.arrowScroll; break; default: return !0 } p(c, l, i), t.preventDefault(), k() } function v(t) { e = t.target } var g, y, S, x = (g = 0, function(e) { return e.uniqueID || (e.uniqueID = g++) }), D = {}; function k() { clearTimeout(y), y = setInterval(function() { D = {} }, 1e3) } function M(e, t) { for (var o = e.length; o--;) D[x(e[o])] = t; return t } function T(e) { var t = [], o = document.body, a = i.scrollHeight; do { var r = D[x(e)]; if (r) return M(t, r); if (t.push(e), a === e.scrollHeight) { var l = C(i) && C(o) || E(i); if (n && H(i) || !n && l) return M(t, q()) } else if (H(e) && E(e)) return M(t, e) } while (e = e.parentElement) } function H(e) { return e.clientHeight + 10 < e.scrollHeight } function C(e) { return "hidden" !== getComputedStyle(e, "").getPropertyValue("overflow-y") } function E(e) { var t = getComputedStyle(e, "").getPropertyValue("overflow-y"); return "scroll" === t || "auto" === t } function z(e, t) { window.addEventListener(e, t, !1) } function X(e, t) { return (e.nodeName || "").toLowerCase() === t.toLowerCase() } function Y(e, t) { return Math.floor(e / t) == e / t } function B(e) { return Y(c[0], e) && Y(c[1], e) && Y(c[2], e) } window.localStorage && localStorage.SS_deltaBuffer && (c = localStorage.SS_deltaBuffer.split(",")); var L, A, K = window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || function(e, t, o) { window.setTimeout(e, o || 1e3 / 60) }, N = window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver, q = function() { if (!L) { var e = document.createElement("div"); e.style.cssText = "height:10000px;width:1px;", document.body.appendChild(e); var t = document.body.scrollTop; document.documentElement.scrollTop, window.scrollBy(0, 1), L = document.body.scrollTop != t ? document.body : document.documentElement, window.scrollBy( 0, -1), document.body.removeChild(e) } return L }; function O(e) { var t, a; return (e *= o.pulseScale) < 1 ? t = e - (1 - Math.exp(-e)) : (e -= 1, t = (a = Math.exp(-1)) + (1 - Math.exp(-e)) * (1 - a)), t * o.pulseNormalize } function R(e) { return e >= 1 ? 1 : e <= 0 ? 0 : (1 == o.pulseNormalize && (o.pulseNormalize /= O(1)), O(e)) } "onwheel" in document.createElement("div") ? A = "wheel" : "onmousewheel" in document.createElement("div") && (A = "mousewheel"), A && (z(A, w), z( "mousedown", v), z("load", s)) }(); //]]> </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-nhanblogger-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-nhanblogger-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-nhanblogger 1.4s infinite ease-in-out both;animation:load-animation-nhanblogger 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-nhanblogger{0%,80%,100%{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1.0)}} @keyframes load-animation-nhanblogger{0%,80%,100%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1.0);transform:scale(1.0)}} </style>  <script>//<![CDATA[ window.addEventListener('scroll', function(e) { var s = (window.pageYOffset !== undefined) ? window.pageYOffset : (document.documentElement || document.body.parentNode || document.body).scrollTop; var body = document.body; var html = document.documentElement; var d = Math.max(body.scrollHeight, body.offsetHeight, html.clientHeight, html.scrollHeight, html.offsetHeight); var c = window.innerHeight; var position = (s / (d - c)) * 100; document.getElementById('progress-bar').setAttribute('style', 'width: ' + position + '%'); }); //]]></script> </body> </html>

Public Last updated: 2018-12-08 05:37:01 AM