HTML
<?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html> <html b:css='false' b:defaultwidgetversion='2' b:layoutsVersion='3' b:responsive='true' b:templateUrl='vegeclub.xml' b:templateVersion='1.3.0' expr:dir='data:blog.languageDirection' expr:lang='data:blog.locale' 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'> <b:attr name='xmlns' value=''/><b:attr name='xmlns:b' value=''/> <b:attr name='xmlns:expr' value=''/><b:attr name='xmlns:data' value=''/> <b:attr cond='data:view.isMultipleItems' name='data-page-items' value='multiple'/> <b:attr cond='data:view.isSingleItem' name='data-page-items' value='single'/> <b:attr cond='data:view.isHomepage' name='data-page-type' value='homepage'/> <b:attr cond='data:view.isArchive' name='data-page-type' value='archive'/> <b:attr cond='data:view.isSearch and !data:view.search.label and !data:view.search.query' name='data-page-type' value='search'/> <b:attr cond='data:view.search.label' name='data-page-type' value='label'/> <b:attr cond='data:view.search.query' name='data-page-type' value='query'/> <b:attr cond='data:view.isPost' name='data-page-type' value='post'/> <b:attr cond='data:view.isPage' name='data-page-type' value='page'/> <b:attr cond='data:view.isError' name='data-page-type' value='404'/><head><b:include name='all-head'/> <b:if cond='data:view.isLayoutMode'> <b:skin><![CDATA[]]></b:skin> <b:template-skin><![CDATA[ body#layout{background-color:#edf4ff!important;border:1px solid #cdd4ef!important} body#layout #header-left,body#layout #header-middle,body#layout #header-right{float:left;width:28%} body#layout #section-top,body#layout #section-magazine,body#layout #section-bottom,body#layout #footer-top,body#layout #footer-bottom,body#layout #site-header{clear:both}body#layout .main{float:left;width:59%}body#layout .sidebar{float:right;width:30%} body#layout #Blog1,body#layout #section-hidden{display:none!important} ]]></b:template-skin> </b:if> <b:include name='font-face'/><b:include name='svg-icon'/><b:include name='page-skin'/> <b:include cond='data:view.isHomepage' name='glide'/><b:include name='page-skin-reponsive'/> <b:defaultmarkups> <b:defaultmarkup type='Common'> <b:includable id='all-head'> <meta content='width=device-width,initial-scale=1' name='viewport'/> <meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/> <meta content='IE=edge' http-equiv='X-UA-Compatible'/> <b:if cond='!data:view.isError'> <title><b:if cond='data:view.isHomepage or data:view.isSingleItem'><data:view.title.escaped/><b:elseif cond='data:view.isSearch and !data:view.search.label and !data:view.search.query'/><data:messages.recentPosts/><b:elseif cond='data:view.search.query'/><data:blog.pageName/><b:elseif cond='data:view.isArchive'/><data:messages.blogArchive/> <data:blog.pageName/><b:elseif cond='data:view.search.label'/><data:blog.pageName/></b:if></title> <meta expr:content='data:view.description.escaped' name='description'/> <b:if cond='data:view.isMultipleItems'> <meta expr:content='data:view.description.escaped' name='keywords'/> <b:else/> <meta expr:content='data:view.title.escaped' name='keywords'/> </b:if> <b:if cond='data:view.isHomepage'> <!-- ROBOTS --> <meta content='noarchive' name='robots'/> <meta content='noarchive' name='Googlebot'/> </b:if> <b:if cond='!data:view.isHomepage and !data:view.isPost'> <!-- ROBOTS --> <meta content='noarchive,noindex' name='robots'/> <meta content='noarchive,noindex' name='Googlebot'/> </b:if> <!-- OPEN GRAPH --> <meta content='summary' name='twitter:card'/> <meta content='Việt Designer' name='twitter:site'/> <meta content='@vietblogdao' name='twitter:creator'/> <meta content='summary_large_image' name='twitter:card'/> <meta content='2069048113377140' property='fb:app_id'/> <meta content='tintuctructuyen247.net' property='og:site_name'/> <meta content='vi_VN' property='og:locale'/> <b:if cond='data:view.isSingleItem'><meta content='https://www.facebook.com/kequaduongvodanh' property='article:publisher'/></b:if> <meta expr:content='data:view.isMultipleItems ? "website" : "article"' property='og:type'/> <b:if cond='data:view.isHomepage'> <meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqHFfZZnHk1L9r6Jh__JpQNdbua1S9t0JnMfPamBv1CqMQWgDCsqTqI-5ioLyNH8yH38X3pUk5Rxlc1gzSLmKv-HVNdLifE-2XiR0uz_LcC2h_-gflFoF-0B3k5VcVrRJEBV9wv4aEQhg/w1200-h630-p-n-k/img_1.png' property='og:image'/> <b:else/> <b:loop values='data:widgets.Blog.first.posts.first' var='post'> <b:if cond='data:post.featuredImage'> <meta expr:content='resizeImage(data:post.featuredImage,1200,"1200:630")' property='og:image'/> <b:else/> <meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGIar891TSahcPforK1F2qXoZG5jrABHwIFeirPA1AuJs_2u-OBnyYhHpMoNO6nhSoH3mwp8tQFxthERKryunpRXVA189Wa_R4BrAkRr9P1tRvm0lqIenTauFlAA3mSKmaaBGxeI9_P9PI/w1200-h630-p-k-no-nu/safe_image.png' property='og:image'/> </b:if> </b:loop> </b:if> <meta content='1200' property='og:image:width'/> <meta content='630' property='og:image:height'/> <meta expr:content='data:blog.url.canonical' property='og:url'/> <meta expr:content='data:view.title.escaped' property='og:title'/> <meta expr:content='data:view.description.escaped' property='og:description'/> <b:else/> <title>Rất tiếc, không tìm được trang này.</title> <meta expr:content='"Không có trang này trên" + data:blog.title + ". Rất có thể trang đã bị xóa do tính năng không còn hoặc do đường dẫn URL bị sai."' name='description'/> </b:if> <meta content='#f7f7f7' name='theme-color'/> <meta content='#f7f7f7' name='msapplication-navbutton-color'/> <meta content='#f7f7f7' name='msapplication-TileColor'/> <meta content='black' name='apple-mobile-web-app-status-bar-style'/> <meta content='yes' name='mobile-web-app-capable'/> <meta content='yes' name='apple-mobile-web-app-capable'/> <meta content='telephone=no' name='format-detection'/> <meta content='address=no' name='format-detection'/> <meta content='no' name='msapplication-tap-highlight'/> <meta content='https://cdn.jsdelivr.net/gh/thietkeblogspot/images/icon.png' name='msapplication-square310x310logo'/> <meta content='r2I7I0mgjaLq6cLn_zLFSGJQivPWTcX-TRnMRGtP-Ts' name='google-site-verification'/> <meta content='C1F93C4DF233E5ED56EFB3345E57F1D1' name='msvalidate.01'/> <link expr:href='data:blog.blogspotFaviconUrl' rel='icon' type='image/x-icon'/> <link href='https://cdn.jsdelivr.net/gh/thietkeblogspot/images/icon.png' rel='icon' sizes='192x192'/> <link href='https://cdn.jsdelivr.net/gh/thietkeblogspot/images/ios-icon.png' rel='apple-touch-icon'/> <link href='https://1.bp.blogspot.com' rel='preconnect'/> <link href='https://2.bp.blogspot.com' rel='preconnect'/> <link href='https://3.bp.blogspot.com' rel='preconnect'/> <link href='https://4.bp.blogspot.com' rel='preconnect'/> <link href='https://www.blogger.com' rel='preconnect'/> <link href='https://cdn.jsdelivr.net' rel='preconnect'/> <link href='https://cdnjs.cloudflare.com' rel='preconnect'/> <link expr:href='data:blog.canonicalUrl' rel='canonical'/> <link expr:href='data:blog.canonicalUrl + "?m=1"' media='only screen and (max-width: 640px)' rel='alternate'/> <link expr:href='data:blog.canonicalUrl + "?m=1"' media='handheld' rel='alternate'/> <b:if cond='data:view.isHomepage'> <!-- GENERAL GOOGLE SEARCH META --> <script type='application/ld+json'> { "@context": "http://schema.org", "@type": "WebSite", "name": "<data:blog.title/>", "alternateName": "<data:blog.metaDescription/>", "dateModified": "", "url": "<data:blog.homepageUrl/>" } </script> </b:if> <link as='font' crossorigin='' href='//fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7WxKOzY.woff2' rel='preload' type='font/woff2'/> <link as='font' crossorigin='' href='//fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7GxKOzY.woff2' rel='preload' type='font/woff2'/> <link as='font' crossorigin='' href='//fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxK.woff2' rel='preload' type='font/woff2'/> <link as='font' crossorigin='' href='//fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fBBc4.woff2' rel='preload' type='font/woff2'/> <link as='font' crossorigin='' href='//fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2' rel='preload' type='font/woff2'/> <link as='font' crossorigin='' href='//fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2' rel='preload' type='font/woff2'/> <link as='font' crossorigin='' href='//fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2' rel='preload' type='font/woff2'/> <link as='font' crossorigin='' href='//fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2' rel='preload' type='font/woff2'/> <link as='font' crossorigin='' href='//fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfBBc4.woff2' rel='preload' type='font/woff2'/> <!--[if lt IE 9]><script src="/w/resources/lib/html5shiv/html5shiv.js"></script><![endif]--> </b:includable> <b:includable id='font-face'> <b:tag name='style'>/* <![CDATA[ */ @font-face{font-family:'Roboto';font-style:normal;font-weight:400;font-display:swap;src:local('Roboto'),local('Roboto-Regular'),url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F} @font-face{font-family:'Roboto';font-style:normal;font-weight:400;font-display:swap;src:local('Roboto'),local('Roboto-Regular'),url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116} @font-face{font-family:'Roboto';font-style:normal;font-weight:400;font-display:swap;src:local('Roboto'),local('Roboto-Regular'),url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');unicode-range:U+1F00-1FFF} @font-face{font-family:'Roboto';font-style:normal;font-weight:400;font-display:swap;src:local('Roboto'),local('Roboto-Regular'),url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');unicode-range:U+0370-03FF} @font-face{font-family:'Roboto';font-style:normal;font-weight:400;font-display:swap;src:local('Roboto'),local('Roboto-Regular'),url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Roboto';font-style:normal;font-weight:400;font-display:swap;src:local('Roboto'),local('Roboto-Regular'),url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Roboto';font-style:normal;font-weight:400;font-display:swap;src:local('Roboto'),local('Roboto-Regular'),url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Roboto';font-style:normal;font-weight:500;font-display:swap;src:local('Roboto Medium'),local('Roboto-Medium'),url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F} @font-face{font-family:'Roboto';font-style:normal;font-weight:500;font-display:swap;src:local('Roboto Medium'),local('Roboto-Medium'),url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116} @font-face{font-family:'Roboto';font-style:normal;font-weight:500;font-display:swap;src:local('Roboto Medium'),local('Roboto-Medium'),url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format('woff2');unicode-range:U+1F00-1FFF} @font-face{font-family:'Roboto';font-style:normal;font-weight:500;font-display:swap;src:local('Roboto Medium'),local('Roboto-Medium'),url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format('woff2');unicode-range:U+0370-03FF} @font-face{font-family:'Roboto';font-style:normal;font-weight:500;font-display:swap;src:local('Roboto Medium'),local('Roboto-Medium'),url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Roboto';font-style:normal;font-weight:500;font-display:swap;src:local('Roboto Medium'),local('Roboto-Medium'),url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Roboto';font-style:normal;font-weight:500;font-display:swap;src:local('Roboto Medium'),local('Roboto-Medium'),url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:'Roboto';font-style:normal;font-weight:700;font-display:swap;src:local('Roboto Bold'),local('Roboto-Bold'),url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F} @font-face{font-family:'Roboto';font-style:normal;font-weight:700;font-display:swap;src:local('Roboto Bold'),local('Roboto-Bold'),url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116} @font-face{font-family:'Roboto';font-style:normal;font-weight:700;font-display:swap;src:local('Roboto Bold'),local('Roboto-Bold'),url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2');unicode-range:U+1F00-1FFF} @font-face{font-family:'Roboto';font-style:normal;font-weight:700;font-display:swap;src:local('Roboto Bold'),local('Roboto-Bold'),url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2');unicode-range:U+0370-03FF} @font-face{font-family:'Roboto';font-style:normal;font-weight:700;font-display:swap;src:local('Roboto Bold'),local('Roboto-Bold'),url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+1EA0-1EF9,U+20AB} @font-face{font-family:'Roboto';font-style:normal;font-weight:700;font-display:swap;src:local('Roboto Bold'),local('Roboto-Bold'),url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:'Roboto';font-style:normal;font-weight:700;font-display:swap;src:local('Roboto Bold'),local('Roboto-Bold'),url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} /* ]]> */</b:tag> </b:includable> <b:includable id='svg-icon'> <b:tag name='style'>/* <![CDATA[ */ .has-svg-icon:before{background-size:100%;content:"";display:inline-block;vertical-align:middle}.reset-icon:before{width:24px;height:24px} body[data-theme="light"] .reset-icon:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath fill='%23707070' d='M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z'%3E%3C/path%3E%3C/svg%3E")} body[data-theme="dark"] .reset-icon:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath fill='%23fff' d='M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z'%3E%3C/path%3E%3C/svg%3E")} .copy-icon:before,.facbook-icon:before,.twitter-icon:before,.pinterest-icon:before{width:28px;height:28px} .linkedin-icon:before,.email-icon:before{width:26px;height:26px}.mr-25:before{margin-right:25px} .copy-icon:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='28px' viewBox='0 0 24 24' width='28px'%3E%3Cpath fill= 'hsl(0,0%25,53.3%25)' d='M3.9,12C3.9,10.29 5.29,8.9 7,8.9H11V7H7A5,5 0 0,0 2,12A5,5 0 0,0 7,17H11V15.1H7C5.29,15.1 3.9,13.71 3.9,12M8,13H16V11H8V13M17,7H13V8.9H17C18.71,8.9 20.1,10.29 20.1,12C20.1,13.71 18.71,15.1 17,15.1H13V17H17A5,5 0 0,0 22,12A5,5 0 0,0 17,7Z'%3E%3C/path%3E%3C/svg%3E")} .facbook-icon:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='28px' viewBox='0 0 24 24' width='28px'%3E%3Cpath fill='%233b5998' d='M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M18,5H15.5A3.5,3.5 0 0,0 12,8.5V11H10V14H12V21H15V14H18V11H15V9A1,1 0 0,1 16,8H18V5Z'%3E%3C/path%3E%3C/svg%3E")} .twitter-icon:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='28px' viewBox='0 0 24 24' width='28px'%3E%3Cpath fill='%231da1f2' d='M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3M17.71,9.33C18.19,8.93 18.75,8.45 19,7.92C18.59,8.13 18.1,8.26 17.56,8.33C18.06,7.97 18.47,7.5 18.68,6.86C18.16,7.14 17.63,7.38 16.97,7.5C15.42,5.63 11.71,7.15 12.37,9.95C9.76,9.79 8.17,8.61 6.85,7.16C6.1,8.38 6.75,10.23 7.64,10.74C7.18,10.71 6.83,10.57 6.5,10.41C6.54,11.95 7.39,12.69 8.58,13.09C8.22,13.16 7.82,13.18 7.44,13.12C7.81,14.19 8.58,14.86 9.9,15C9,15.76 7.34,16.29 6,16.08C7.15,16.81 8.46,17.39 10.28,17.31C14.69,17.11 17.64,13.95 17.71,9.33Z'%3E%3C/path%3E%3C/svg%3E")} .pinterest-icon:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='28px' viewBox='0 0 24 24' width='28px'%3E%3Cpath fill='%23e60023' d='M5,3H19A2,2 0 0,1 21,5V19A2,2 0 0,1 19,21H9.29C9.69,20.33 10.19,19.38 10.39,18.64L11.05,16.34C11.36,16.95 12.28,17.45 13.22,17.45C16.17,17.45 18.22,14.78 18.22,11.45C18.22,8.28 15.64,5.89 12.3,5.89C8.14,5.89 5.97,8.67 5.97,11.72C5.97,13.14 6.69,14.89 7.91,15.45C8.08,15.56 8.19,15.5 8.19,15.34L8.47,14.28C8.5,14.14 8.5,14.06 8.41,14C7.97,13.45 7.69,12.61 7.69,11.78C7.69,9.64 9.3,7.61 12.03,7.61C14.42,7.61 16.08,9.19 16.08,11.5C16.08,14.11 14.75,15.95 13.03,15.95C12.05,15.95 11.39,15.11 11.55,14.17C11.83,13.03 12.39,11.83 12.39,11C12.39,10.22 12,9.61 11.16,9.61C10.22,9.61 9.39,10.61 9.39,11.95C9.39,12.83 9.66,13.39 9.66,13.39L8.55,18.17C8.39,19 8.47,20.25 8.55,21H5A2,2 0 0,1 3,19V5A2,2 0 0,1 5,3Z'%3E%3C/path%3E%3C/svg%3E")} .linkedin-icon:before{background-image:url("data:image/svg+xml,%3Csvg height='28px' viewBox='0 0 24 24' width='28px' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%230077B5' d='M 20 2 L 4 2 C 2.898438 2 2 2.898438 2 4 L 2 20 C 2 21.101563 2.898438 22 4 22 L 20 22 C 21.101563 22 22 21.101563 22 20 L 22 4 C 22 2.898438 21.101563 2 20 2 Z M 8.101563 18 L 5 18 L 5 9.398438 L 8.101563 9.398438 Z M 6.5 8.398438 C 5.601563 8.398438 5 7.800781 5 7 C 5 6.199219 5.601563 5.601563 6.601563 5.601563 C 7.5 5.601563 8.101563 6.199219 8.101563 7 C 8.101563 7.800781 7.5 8.398438 6.5 8.398438 Z M 19 18 L 15.898438 18 L 15.898438 13.300781 C 15.898438 12 15.101563 11.699219 14.800781 11.699219 C 14.5 11.699219 13.5 11.898438 13.5 13.300781 C 13.5 13.5 13.5 18 13.5 18 L 10.398438 18 L 10.398438 9.398438 L 13.5 9.398438 L 13.5 10.601563 C 13.898438 9.898438 14.699219 9.398438 16.199219 9.398438 C 17.699219 9.398438 18.898438 10.601563 18.898438 13.300781 L 18.898438 18 Z '%3E%3C/path%3E%3C/svg%3E")} .email-icon:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='28px' viewBox='0 0 24 24' width='28px'%3E%3Cpath fill='%23fb8f3d' d='M22 6C22 4.9 21.1 4 20 4H4C2.9 4 2 4.9 2 6V18C2 19.1 2.9 20 4 20H20C21.1 20 22 19.1 22 18V6M20 6L12 11L4 6H20M20 18H4V8L12 13L20 8V18Z'%3E%3C/path%3E%3C/svg%3E")} .comment-icon:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23707070' viewBox='0 0 24 24'%3E%3Cpath d='M20 2H4C2.9 2 2 2.9 2 4V22L6 18H20C21.11 18 22 17.11 22 16V4C22 2.9 21.11 2 20 2M20 16H6L4 18V4H20M17 11H15V9H17M13 11H11V9H13M9 11H7V9H9'/%3E%3C/svg%3E")} body[data-theme="light"] .share-icon:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23707070' viewBox='0 0 24 24'%3E%3Cpath d='M18,16.08C17.24,16.08 16.56,16.38 16.04,16.85L8.91,12.7C8.96,12.47 9,12.24 9,12C9,11.76 8.96,11.53 8.91,11.3L15.96,7.19C16.5,7.69 17.21,8 18,8A3,3 0 0,0 21,5A3,3 0 0,0 18,2A3,3 0 0,0 15,5C15,5.24 15.04,5.47 15.09,5.7L8.04,9.81C7.5,9.31 6.79,9 6,9A3,3 0 0,0 3,12A3,3 0 0,0 6,15C6.79,15 7.5,14.69 8.04,14.19L15.16,18.34C15.11,18.55 15.08,18.77 15.08,19C15.08,20.61 16.39,21.91 18,21.91C19.61,21.91 20.92,20.61 20.92,19A2.92,2.92 0 0,0 18,16.08Z'/%3E%3C/svg%3E")} body[data-theme="dark"] .share-icon:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23fff' viewBox='0 0 24 24'%3E%3Cpath d='M18,16.08C17.24,16.08 16.56,16.38 16.04,16.85L8.91,12.7C8.96,12.47 9,12.24 9,12C9,11.76 8.96,11.53 8.91,11.3L15.96,7.19C16.5,7.69 17.21,8 18,8A3,3 0 0,0 21,5A3,3 0 0,0 18,2A3,3 0 0,0 15,5C15,5.24 15.04,5.47 15.09,5.7L8.04,9.81C7.5,9.31 6.79,9 6,9A3,3 0 0,0 3,12A3,3 0 0,0 6,15C6.79,15 7.5,14.69 8.04,14.19L15.16,18.34C15.11,18.55 15.08,18.77 15.08,19C15.08,20.61 16.39,21.91 18,21.91C19.61,21.91 20.92,20.61 20.92,19A2.92,2.92 0 0,0 18,16.08Z'/%3E%3C/svg%3E")} .blog-search .search-icon:before{width:18px;height:18px} .search-button[aria-pressed="false"] .search-icon:before,.web-search .search-icon:before{width:21px;height:21px} body[data-theme="light"] .header:not(.primary-background-color) .header-search-icon .search-button[aria-pressed="false"] .search-icon:before{background-image:url("data:image/svg+xml,%3Csvg width='21' height='21' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 483.083 483.083'%3E%3Cg%3E%3Cpath fill='%23444' d='M332.74,315.35c30.883-33.433,50.15-78.2,50.15-127.5C382.89,84.433,298.74,0,195.04,0S7.19,84.433,7.19,187.85 S91.34,375.7,195.04,375.7c42.217,0,81.033-13.883,112.483-37.4l139.683,139.683c3.4,3.4,7.65,5.1,11.9,5.1s8.783-1.7,11.9-5.1 c6.517-6.517,6.517-17.283,0-24.083L332.74,315.35z M41.19,187.85C41.19,103.133,110.04,34,195.04,34 c84.717,0,153.85,68.85,153.85,153.85S280.04,341.7,195.04,341.7S41.19,272.567,41.19,187.85z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")} .header.primary-background-color .header-search-icon .search-button[aria-pressed="false"] .search-icon:before,.blog-search .search-icon:before{background-image:url("data:image/svg+xml,%3Csvg width='21' height='21' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 483.083 483.083'%3E%3Cg%3E%3Cpath fill='%23fff' d='M332.74,315.35c30.883-33.433,50.15-78.2,50.15-127.5C382.89,84.433,298.74,0,195.04,0S7.19,84.433,7.19,187.85 S91.34,375.7,195.04,375.7c42.217,0,81.033-13.883,112.483-37.4l139.683,139.683c3.4,3.4,7.65,5.1,11.9,5.1s8.783-1.7,11.9-5.1 c6.517-6.517,6.517-17.283,0-24.083L332.74,315.35z M41.19,187.85C41.19,103.133,110.04,34,195.04,34 c84.717,0,153.85,68.85,153.85,153.85S280.04,341.7,195.04,341.7S41.19,272.567,41.19,187.85z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")} .web-search .search-icon:before{background-image:url("data:image/svg+xml,%3Csvg width='21' height='21' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 483.083 483.083'%3E%3Cg%3E%3Cpath fill='%23444' d='M332.74,315.35c30.883-33.433,50.15-78.2,50.15-127.5C382.89,84.433,298.74,0,195.04,0S7.19,84.433,7.19,187.85 S91.34,375.7,195.04,375.7c42.217,0,81.033-13.883,112.483-37.4l139.683,139.683c3.4,3.4,7.65,5.1,11.9,5.1s8.783-1.7,11.9-5.1 c6.517-6.517,6.517-17.283,0-24.083L332.74,315.35z M41.19,187.85C41.19,103.133,110.04,34,195.04,34 c84.717,0,153.85,68.85,153.85,153.85S280.04,341.7,195.04,341.7S41.19,272.567,41.19,187.85z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")} body[data-theme="dark"] .search-icon:before{background-image:url("data:image/svg+xml,%3Csvg width='21' height='21' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 483.083 483.083'%3E%3Cg%3E%3Cpath fill='%23fff' d='M332.74,315.35c30.883-33.433,50.15-78.2,50.15-127.5C382.89,84.433,298.74,0,195.04,0S7.19,84.433,7.19,187.85 S91.34,375.7,195.04,375.7c42.217,0,81.033-13.883,112.483-37.4l139.683,139.683c3.4,3.4,7.65,5.1,11.9,5.1s8.783-1.7,11.9-5.1 c6.517-6.517,6.517-17.283,0-24.083L332.74,315.35z M41.19,187.85C41.19,103.133,110.04,34,195.04,34 c84.717,0,153.85,68.85,153.85,153.85S280.04,341.7,195.04,341.7S41.19,272.567,41.19,187.85z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")} .search-button[aria-pressed="true"] .search-icon:before{width:28px;height:28px} body[data-theme="light"] .header:not(.primary-background-color) .search-button[aria-pressed="true"] .search-icon:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='28' viewBox='0 0 24 24' width='28'%3E%3Cpath fill='%23707070' d='M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z'%3E%3C/path%3E%3C/svg%3E")} body[data-theme="dark"] .header:not(.primary-background-color) .search-button[aria-pressed="true"] .search-icon:before,.header.primary-background-color .search-button[aria-pressed="true"] .search-icon:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='28' viewBox='0 0 24 24' width='28'%3E%3Cpath fill='%23fff' d='M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z'%3E%3C/path%3E%3C/svg%3E")} .header .page-icon:before{width:24px;height:24px}.header-navigation-bar .page-icon:before{width:20px;height:20px} body[data-theme="light"] .header:not(.primary-background-color) .page-icon:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' width='24' height='24'%3E%3Cpath fill='%23707070' d='M8 16h8V8H8v8zm12 24h8v-8h-8v8zM8 40h8v-8H8v8zm0-12h8v-8H8v8zm12 0h8v-8h-8v8zM32 8v8h8V8h-8zm-12 8h8V8h-8v8zm12 12h8v-8h-8v8zm0 12h8v-8h-8v8z'%3E%3C/path%3E%3C/svg%3E")} body[data-theme="dark"] .header:not(.primary-background-color) .page-icon:before,.header.primary-background-color .page-icon:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' width='24' height='24'%3E%3Cpath fill='%23fff' d='M8 16h8V8H8v8zm12 24h8v-8h-8v8zM8 40h8v-8H8v8zm0-12h8v-8H8v8zm12 0h8v-8h-8v8zM32 8v8h8V8h-8zm-12 8h8V8h-8v8zm12 12h8v-8h-8v8zm0 12h8v-8h-8v8z'%3E%3C/path%3E%3C/svg%3E")} body[data-theme="light"] .header-navigation-bar .page-icon:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath fill='%23707070' d='M12 9c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3M3 9c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm18 0c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3z'%3E%3C/path%3E%3C/svg%3E")} body[data-theme="dark"] .header-navigation-bar .page-icon:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' viewBox='0 0 24 24' width='20'%3E%3Cpath fill='%23fff' d='M12 9c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3M3 9c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm18 0c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3z'%3E%3C/path%3E%3C/svg%3E")} .left-icon:before,.angle-left-icon:before,.angle-right-icon:before,.zalo-icon:before{width:16px;height:16px}.mr-8:before{margin-right:8px} .angle-left-icon:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16px' viewBox='0 0 608 1280' width='16px'%3E%3Cpath fill='%23212529' d='M595 288q0 13-10 23L192 704l393 393q10 10 10 23t-10 23l-50 50q-10 10-23 10t-23-10L23 727q-10-10-10-23t10-23l466-466q10-10 23-10t23 10l50 50q10 10 10 23z'%3E%3C/path%3E%3C/svg%3E%0A");margin-top:-3px} .angle-right-icon:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16px' viewBox='0 0 608 1280' width='16px'%3E%3Cg transform='translate(608 0) scale(-1 1)'%3E%3Cpath fill='%23212529' d='M595 288q0 13-10 23L192 704l393 393q10 10 10 23t-10 23l-50 50q-10 10-23 10t-23-10L23 727q-10-10-10-23t10-23l466-466q10-10 23-10t23 10l50 50q10 10 10 23z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E")} body[data-theme="light"] .left-icon.black:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='transform:rotate(180deg)' width='16' height='16' viewBox='0 0 32 32'%3E%3Cpath fill='%23777' d='M18.6 2.6l-2.8 2.8 8.6 8.6h-24.4v4h24.4l-8.6 8.6 2.8 2.8 13.4-13.4-13.4-13.4z'%3E%3C/path%3E%3C/svg%3E")} body[data-theme="dark"] .left-icon.black:before,.left-icon.white:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' style='transform:rotate(180deg)' width='16' height='16' viewBox='0 0 32 32'%3E%3Cpath fill='%23fff' d='M18.6 2.6l-2.8 2.8 8.6 8.6h-24.4v4h24.4l-8.6 8.6 2.8 2.8 13.4-13.4-13.4-13.4z'%3E%3C/path%3E%3C/svg%3E")} .scroll--top:before{width:17px;height:17px} body[data-theme="light"] .scroll--top:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 32 32'%3E%3Cpath fill='%23231F20' d='M2.6 13.4l2.8 2.8 8.6-8.6v24.4h4v-24.4l8.6 8.6 2.8-2.8-13.4-13.4-13.4 13.4z'%3E%3C/path%3E%3C/svg%3E")} body[data-theme="dark"] .scroll--top:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 32 32'%3E%3Cpath fill='%23fff' d='M2.6 13.4l2.8 2.8 8.6-8.6v24.4h4v-24.4l8.6 8.6 2.8-2.8-13.4-13.4-13.4 13.4z'%3E%3C/path%3E%3C/svg%3E")} .zalo-icon:before{background:url("https://cdn.jsdelivr.net/gh/vietblogdao/images/icon-zalo.svg") no-repeat center;background-size:100%;content:""} .icon-play{background:url(https://cdn.jsdelivr.net/gh/vietblogdao/images/icon-player.svg) no-repeat center center!important;width:64px;height:64px;border:2px solid #fff;border-radius:50%;display:block;position:absolute;z-index:99;opacity:0.7;cursor:pointer;transition:all 0.2s 0.2s linear;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)} /* ]]> */</b:tag> </b:includable> <b:includable id='page-skin'> <b:tag name='style'>/* <![CDATA[ */ :root{--primary-color:#006BA0;--primary-background-color:#006BA0}.widget:after{content:"";display:table;clear:both} *{box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;text-rendering:geometricPrecision} body,input,button,textarea,pre,form{font-family:Roboto,sans-serif;font-size:1rem;font-weight:400;-webkit-font-smoothing:antialiased;text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)} body{min-height:100vh;margin:0;padding:0;overflow:hidden} body:not(.overflow){overflow-y:auto}svg{vertical-align:text-bottom;fill:hsl(0,0%,53.3%)} ol,ul{margin:0;padding:0}.mb-15{margin-bottom:15px}.mb-20{margin-bottom:20px}.pt-20{padding-top:20px} h1,h2,h3,h4,h5,h6,p{margin:0;cursor:default}h3.title{margin-bottom:15px;font-size:1.1rem;font-weight:normal} body[data-theme="light"]{background:#fff;color:#1c1e21}body[data-theme="dark"]{background:#27303e;color:#fff} body[data-theme="light"] a{color:#1c1e21}body[data-theme="dark"] a{color:#fff}a,a:hover{text-decoration:none} iframe,img{border:none}iframe{width:100%}img{max-width:100%;height:auto;vertical-align:middle}iframe[frameborder="0"]{background-color:transparent!important} [data-view-type=mobile] a:hover{cursor:default;outline:none}[data-view-type=desktop] .has-hover:hover{cursor:pointer} body[data-theme="light"] img.logo_light,body[data-theme="dark"] img.logo_dark{display:none} .video-container,.tr-video{position:relative;padding-bottom:56.25%} .video-container iframe,.tr-video video{position:absolute;top:0;left:0;width:100%;height:100%}.tr-video video:focus{outline:none!important}.overlay{background:rgba(0,0,0,0.502);position:fixed;top:0;bottom:0;left:0;right:0;z-index:20;transition:opacity .05s cubic-bezier(0.4,0.0,0.2,1);opacity:1} .scroll--top{position:fixed;bottom:16px;right:16px;width:40px;height:40px;z-index:20;border-radius:50%} .scroll--top.show{opacity:1;visibility:visible;transition:opacity 1s cubic-bezier(0.4,0.0,0.2,1)} .scroll--top.hide{opacity:0;visibility:hidden;transition:visibility 0.3s linear,opacity 0.3s linear} body[data-theme="light"] .scroll--top{background:#fff;border:1px solid #888}body[data-theme="dark"] .scroll--top{background:#212833;border:1px solid #b0b3b8}[data-view-type="mobile"] .scroll--top{display:none} .scroll--top:focus{outline:none!important}[data-view-type="desktop"] .scroll--top:focus{background:rgba(245,245,245,1)} .table{max-width:100%;width:100%;margin:0 auto;position:relative;border-collapse:collapse}.table td{padding:5px} .table-overflow{overflow-x:auto}table{width:100%;border-collapse:collapse;border-spacing:0} .flex{display:-ms-flexbox;display:-webkit-flex;display:flex}.align-center{-webkit-align-items:center;align-items:center} .flex-align{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center} .flex-center{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;justify-content:center} .flex-row{-js-display:flex;display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;width:100%} .flex-grow{-ms-flex:1;flex:1;-ms-flex-negative:1;-ms-flex-preferred-size:auto!important} .flex-flow{-ms-flex-flow:row wrap;flex-flow:row wrap}.flex-left{margin-right:auto}.flex-right{margin-left:auto} .hidden,span.blog-admin,[data-allow-comments="false"] a.comment-reply,.modal--target,[data-view-type="desktop"] .footer-navigation-bar{display:none}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed} .left{left:0}.right{right:0}.float-left{float:left}.float-right{float:right}.w100{width:100%} main.main>.widget:not(.has-banner),aside.sidebar>.widget:not(.has-banner){float:left;width:100%} aside.sidebar>.has-banner.desktop .banner-300{height:600px}.has-banner:not(.banner-post).qc-300{margin-bottom:15px} main.main>.has-banner{float:left;width:100%}.has-banner.qc-300 .banner-300{height:200px} .banner-mobile{background:#f7f7f7;margin:0 -15px 20px -15px;position:relative}.banner[data-size="300x250"]{width:300px;height:250px;margin:20px 0;background:#f0f0f0}.overflow{overflow:hidden}.overflow-x{overflow-x:auto}.overflow-y{overflow-y:auto}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center} .container{max-width:1100px;margin:0 auto}.primary-background-color{background:#0088cc;background:var(--primary-background-color)} .header{position:fixed;left:0;right:0;top:0;z-index:999}.header:not(.primary-background-color){border-bottom:solid 1px}.header>div{min-height:50px}body[data-theme="light"] .header:not(.primary-background-color){background:#fff;border-bottom-color:#ddd} body[data-theme="dark"] .header:not(.primary-background-color){background:#212833;border-bottom-color:#b0b3b8} .header.primary-background-color{box-shadow:0 3px 5px 0 rgba(0,0,0,.1)} .header-widget h1,.header-widget h2{display:none!important}.header-widget .has-title{font-size:1.4rem;font-weight:500;color:#fff} .header-widget .has-title>span{font-weight:600;font-size:50%}.header-widget a:hover{text-decoration:none!important} [data-view-type=desktop] .header-widget a:focus{outline:none!important}.header-widget .has-img{border-radius:50%;height:40px;width:40px} .header-widget .has-img>img{width:28px;height:28px;vertical-align:middle;border-radius:50%} .header-widget .has-img:hover{background:rgba(60,64,67,0.08)}.header-widget .has-img:focus,.header-widget .has-img:active{background:rgba(95,99,104,0.24)}.header-widget .has-img:focus{background:rgba(95,99,104,0.24);outline:none} .category-menu>ul{float:left;width:100%;height:100%;overflow:hidden;position:relative;-webkit-box-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-flex-wrap:wrap;flex-wrap:wrap;overflow:visible} .category-menu>ul>li{display:block!important;margin-right:0;margin-bottom:20px;line-height:26px;position:relative} @media(min-width:1024px){.category-menu>ul>li{width:calc(100%/6)}} @media(max-width:1023px) and (min-width:861px){.category-menu>ul>li{width:calc(100%/4)}} @media(max-width:860px) and (min-width:641px){.category-menu>ul>li{width:calc(100%/3)}} @media(max-width:640px){.category-menu>ul>li{width:calc(100%/2)}} .category-menu>ul>li .subcate,.category-menu li.parent a{display:block}.footer-top .category-menu li.parent>a{font-size:110%} .category-menu>ul>li>a{color:#ddd}.category-menu>ul>li .subcate a{font-size:90%;font-weight:400;line-height:32px;color:#c7c7c7} .menu .category-menu>ul>li:after{content:'';position:absolute;width:4px;height:12px;left:0;top:7px;-webkit-transform:skew(-20deg);-khtml-transform:skew(-20deg);transform:skew(-20deg);background:#dd3333} .header+div{flex-flow:column;transition:padding-top .3s cubic-bezier(0.4,0.0,0.2,1)}.header+div[expanded="true"]{padding-top:50px} .header+div.refresh>*{opacity:0;transition:opacity .3s ease-in-out} .section-top>div,.section-bottom>div{float:left;width:100%;position:relative}.section-top>.Label{white-space:nowrap} .section-top>div:not(#section-publish):not(.section-multimedia),.section-bottom>div{overflow:hidden} .site-header{position:relative;z-index:9}body[data-theme="light"] .site-header{background:#f7f7f7}body[data-theme="dark"] .site-header{background:#212833}.site-header>div{margin-top:auto;margin-bottom:auto} .web-search{transition:width .3s;overflow:hidden;position:absolute;right:0;z-index:20}[expanded="true"] .web-search{width:320px}[expanded="false"] .web-search{width:0}.web-search>div{line-height:34px;position:relative;width:100%}.web-search form{width:100%;position:relative}.web-search input[type=search]{-webkit-appearance:none;line-height:34px;font-size:15px;padding:0 0 0 45px;width:100%;border:1px solid;border-radius:26px;outline:none} body[data-theme="light"] .web-search input[type=search]{background:#f5f8fa;border-color:#e6ecf0} body[data-theme="dark"] .web-search input[type=search]{background:#18191a;border-color:#ddd;color:#fff} .web-search input[type=search]::-webkit-search-cancel-button{display:none} .web-search button{width:48px;height:100%;border:0;background:transparent;position:absolute;top:0;padding:0} .web-search button[type=submit]{left:0}.web-search button[type=reset]{right:0}.web-search button:focus,.web-search input:focus{outline:none!important}.page-list ul{list-style:none}.header-icon{min-height:50px} .header-icon>li{position:relative}.header-icon>li>a{font-weight:500}.header.primary-background-color .header-icon>li>a{color:#fff} .header-icon>li.has-icon>a{justify-content:center;height:40px;width:40px;position:relative} .header-icon>li.has-icon>a:hover,.header-icon>li.has-icon>a:focus,.header-icon>li.has-icon>a:active{outline:none} .page-list .widget-content{min-width:220px;position:absolute;z-index:20;top:50px;right:0;border-radius:3px;-webkit-transform:scale(0,0);-moz-transform:scale(0,0);-ms-transform:scale(0,0);-o-transform:scale(0,0);transform:scale(0,0);-webkit-transition:all 0.25s;-moz-transition:all 0.25s;-ms-transition:all 0.25s;-o-transition:all 0.25s;transition:all 0.25s;transform-origin:center center;box-shadow:rgba(0,0,0,0.3) 0 0 6px, rgba(0,0,0,0.15) 0 1px 6px} body[data-theme="light"] .page-list .widget-content{background:#fff}body[data-theme="dark"] .page-list .widget-content{background:#27303e} .page-list .widget-content.opened{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1)} .page-list .widget-content a{padding:0 20px;line-height:40px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .page-list .widget-content a:not(.has-switch){display:block} .switch{background:#ced0d4;width:52px;height:28px;position:relative;overflow:hidden;border-radius:14px} .switch>.first-checked{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;pointer-events:none;background:#1876f2;transition-timing-function:cubic-bezier(0.17,0.17,0,1)} .switch>.first-checked.false{opacity:0;transition-duration:200ms}.switch>.first-checked.true{opacity:1;transition-duration:150ms} .switch>.second-checked{position:absolute;top:2px;left:2px;width:24px;height:24px;background:#fff;border-radius:12px;pointer-events:none;z-index:0;box-shadow:0 1px 2px #0000001a;transition-property:transform;transition-timing-function:cubic-bezier(0.17,0.17,0,1)} .switch>.second-checked.false{transition-duration:200ms} .switch>.second-checked.true{transition-duration:150ms;transform:translateX(24px)} .switch>input[type="checkbox"]{position:absolute;width:100%;height:100%;top:0;left:0;padding:0;margin:0;opacity:0;outline:none;touch-action:manipulation} .page-list a:not(.has-switch).current{background:#E4F0F6}.page-list .widget-content a:hover{text-decoration:none!important} [data-view-type=desktop] body[data-theme="light"] .page-list .widget-content a:hover{background:#fff9e7} [data-view-type=desktop] body[data-theme="dark"] .page-list .widget-content a:hover{background:#212833} [data-view-type=desktop] body[data-theme="light"] .page-list .widget-content a:not(.has-switch):focus,[data-view-type=desktop] body[data-theme="light"] .page-list .widget-content a:not(.has-switch):active{background:#E4F0F6} .row{margin:0 -10px;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap} .breadcrumbs{white-space:nowrap;overflow:hidden;overflow-x:auto}.breadcrumbs>ul{margin:0 0 15px 0;list-style:none} .breadcrumbs>ul>li{position:relative;line-height:32px;text-transform:uppercase}.breadcrumbs>ul>li+li{padding-left:20px} .breadcrumbs>ul *{display:inline-block}.breadcrumbs h3,.breadcrumbs h1{font-size:1rem;font-weight:500} .breadcrumbs>ul>li+li:before{content:'';width:7px;height:7px;border:1px solid;border-top-color:transparent;border-left-color: transparent;position:absolute;box-sizing:border-box;overflow:hidden;left:4px;top:13px;-ms-transform:rotate(-45deg);transform:rotate(-45deg);transition:all .2s ease-out} [data-page-type="post"] .breadcrumbs>ul>li:first-child{display:none} [data-page-type="post"] .breadcrumbs>ul>li:nth-of-type(2):before{content:unset} [data-page-type="post"] .breadcrumbs>ul>li:nth-of-type(2){padding-left:0} body[data-theme="light"] .breadcrumbs>ul>li+li:before{border-right-color:#1c1e21;border-bottom-color:#1c1e21} body[data-theme="dark"] .breadcrumbs>ul>li+li:before{border-right-color:#fff;border-bottom-color:#fff} .widget-title{margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid;line-height:normal} body[data-theme="light"] .widget-title{border-color:rgba(0,0,0,0.12)}body[data-theme="dark"] .widget-title{border-color:#fff} .widget-title>h3{font-size:1rem;font-weight:normal;display:inline;border-bottom:2px solid;border-bottom-color:#0088cc;border-bottom-color:var(--primary-background-color);padding:15px 0 10px 0} .widget-title>h3+a{float:right;position:relative;padding-right:10px} .widget-title>h3+a:after{content:'';width:9px;height:9px;border:1px solid;border-top-color:transparent;border-left-color: transparent;position:absolute;box-sizing:border-box;overflow:hidden;right:0;top:6px;-ms-transform:rotate(-45deg);transform:rotate(-45deg);transition:all .2s ease-out} body[data-theme="light"] .widget-title>h3+a:after{border-right-color:#1c1e21;border-bottom-color:#1c1e21} body[data-theme="dark"] .widget-title>h3+a:after{border-right-color:#fff;border-bottom-color:#fff} .topic-content{overflow:hidden}.topic-title>h3{display:inline-block;margin-right:10px;font-size:1rem;font-weight:normal;color:#757575} .topic-title:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 32 32'%3E%3Cpath fill='%23757575' d='M24 6v3.2h2.56l-8.96 8.96-6.4-6.4-11.2 11.2 2.24 2.24 8.96-8.96 6.4 6.4 11.2-11.2v2.56h3.2v-8h-8z'%3E%3C/path%3E%3C/svg%3E");background-size:100%;content:"";display:inline-block;vertical-align:middle;width:20px;height:20px;margin-right:10px;opacity:.7}.topic-content>span:not(:last-child){margin-right:10px} .topic-content a+span{font-size:90%}.topic-content a+span:before{content:'('}.topic-content a+span:after{content:')'} .post>div{position:relative}[data-layout="blog"],[data-layout="list"],.post>div{float:left;width:100%} [data-layout="grid"]{margin:0 -7.5px;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap} [data-layout="blog"] .post,[data-layout="list"] .post,[data-layout="blog"] .post_thumb,[data-layout="grid"] .post_thumb,[data-layout="blog"] .post_body,[data-layout="grid"] .post_body{width:100%} body[data-theme="light"] [data-box-shadow="false"][data-layout="list"] .post{border-bottom:1px solid rgba(12,28,39,.15)} body[data-theme="dark"] [data-box-shadow="false"][data-layout="list"] .post{border-bottom:1px solid #b0b3b8} @media(min-width:481px){ [data-layout="list"] .post_thumb{width:33%}[data-layout="list"] .post_body{width:67%} [data-box-shadow="false"][data-layout="list"] .post_body{padding-left:15px} [data-box-shadow="false"][data-layout="list"] .post{padding-bottom:15px;margin-bottom:15px} } @media(min-width:861px){ .sidebar [data-layout="list"] .post_thumb{width:38%}.sidebar [data-layout="list"] .post_body{width:62%} .sidebar [data-box-shadow="false"][data-layout="list"] .post_body{padding-left:13px} } [data-box-shadow="true"][data-layout="blog"] .post,[data-box-shadow="true"][data-layout="list"] .post{margin-bottom:15px} .sidebar [data-box-shadow="false"][data-layout="list"] .post:last-child,.RecentPosts [data-box-shadow="false"][data-layout="list"] .post:last-child{margin:0;padding:0;border:0} [data-page-type="post"] .blog-pager{margin-top:15px;padding-top:15px} [data-page-type="post"] body[data-theme="light"] .blog-pager{border-top:1px solid rgba(12,28,39,.15)} [data-page-type="post"] body[data-theme="dark"] .blog-pager{border-top:1px solid #b0b3b8} [data-layout="grid"] .post{padding:0 7.5px 15px 7.5px} @media(min-width:961px){ [data-layout="grid"][data-column="4"] .post{width:25%} [data-layout="grid"][data-column="5"] .post{width:20%} } @media(max-width:960px) and (max-width:769px){[data-layout="grid"][data-column="4"] .post,[data-layout="grid"][data-column="5"] .post{width:33.333%}} @media(min-width:360px){[data-layout="grid"][data-column="2"] .post{width:50%}} @media(min-width:768px){[data-layout="grid"][data-column="3"] .post{width:33.33%}} @media(max-width:767px) and (min-width:360px){ [data-layout="grid"][data-column="3"] .post,[data-layout="grid"][data-column="4"] .post,[data-layout="grid"][data-column="5"].post{width:50%} } @media(max-width:359px){ [data-layout="grid"][data-column="2"] .post,[data-layout="grid"][data-column="3"] .post,[data-layout="grid"][data-coumn="4"] .post,[data-layout="grid"][data-coumn="5"] .post{width:100%} } [data-box-shadow="true"] .post>div{border-radius:4px;overflow:hidden;box-shadow:0 1px 2px rgba(0, 0, 0, 0.2)} [data-box-shadow="false"] .post_thumb{border-radius:4px} [data-layout="grid"][data-box-shadow="false"] .post_thumb{margin-bottom:15px} .post,.post_thumb,.post_body{float:left}.post_thumb{position:relative;overflow:hidden} a.img{display:-ms-flexbox;display:-webkit-flex;display:flex;position:relative;width:100%;height:100%;color:inherit}a.no--img{border:1px solid #dee2e6}[data-layout="blog"] a.img,[data-layout="grid"] a.img{padding-bottom:56.25%}[data-layout="list"] a.img{padding-bottom:66.67%}a.has--img>img{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-animation: fadeInImages .3s ease;animation:fadeInImages .3s ease} a.img::after{background:#e9ecef;position:absolute;top:0;left:0;width:100%;height:100%}a.img:not(.no--img)::after{content:''} a.no--img::after{content:'Không có ảnh';display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:center;align-items:center;text-transform:uppercase;font-size:11px;color:#212529} [data-view-type=desktop] [data-transform="true"] a.img{transition:transform .5s ease-out .1s} [data-view-type=desktop] [data-transform="true"] a.img:hover{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)} .thumb_icon:after{position:absolute;content:" ";z-index:2;display:inline-block;background-image:url(https://cdn.jsdelivr.net/gh/thietkeblogspot/images/thumbnail_icon.png);background-color:rgba(0,0,0,.5);right:5px;bottom:5px;width:23px;height:23px;border-radius:15px;background-size:100px 4250px} .thumb_video:after{background-position:0 -750px}.thumb_photo:after{background-position:0 -700px} .thumb_video:hover:after,.thumb_photo:hover:after{background-color:rgba(0,0,0,.7)} .thumb_video:hover:after{background-position:-50px -750px}.thumb_photo:hover:after{background-position:-50px -700px} [data-layout="grid"][data-box-shadow="true"] .post_body{padding:15px} body[data-theme="light"] [data-layout="grid"][data-box-shadow="true"] .post_body{background:#fff} body[data-theme="dark"] [data-layout="grid"][data-box-shadow="true"] .post_body{background:#212833} [data-box-shadow="true"][data-layout="blog"] .post_body,[data-box-shadow="true"][data-layout="list"] .post_body{padding:15px} [data-box-shadow="false"][data-layout="blog"] .post_body{padding:15px 0}.post_title{font-weight:500} [data-layout="blog"] .post_title>a{font-size:160%} [data-layout="list"] .post_title>a,[data-layout="grid"] .post_title>a{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}[data-layout="grid"] .post_title>a{line-height:1.4} [data-box-shadow="false"][data-layout="list"] .post_title>a,[data-layout="grid"] .post_title>a{-webkit-line-clamp:2} [data-box-shadow="true"][data-layout="list"] .post_title>a{-webkit-line-clamp:3} [data-box-shadow="false"][data-layout="list"] .post_title>a{font-size:140%} [data-box-shadow="true"][data-layout="list"] .post_title>a,[data-layout="grid"][data-column="2"] .post_title>a{font-size:130%} [data-layout="grid"][data-column="3"] .post_title>a{font-size:120%} [data-view-type="desktop"] .post_title a:hover,[data-view-type="desktop"] .data-item-title>a:hover,[data-view-type="desktop"] .post_title a:focus,[data-view-type="desktop"] .data-item-title>a:focus,[data-view-type="desktop"] .post_title a:active,[data-view-type="desktop"] .data-item-title>a:active{color:#08c;color:var(--primary-color);text-decoration:none!important} .post_meta{line-height:34px;white-space:nowrap}.post_meta *{font-size:85%;text-transform:uppercase} .post_meta>.post_label>*,.post_meta>.post_date>*{display:inline-block}.post_meta>.post_label,.post_meta>.post_date{margin-right:8px} .comment-icon:before,.share-icon:before{width:14px;height:14px} .comment-icon:after{font-size:11px;content:attr(data-num-comments)}.comment-icon,.share-icon{width:30px;height:30px;border-radius:50%} .comment-icon:hover,.share-icon:hover{background:rgba(60,64,67,0.08)} .comment-icon[aria-pressed=true],.comment-icon:focus,.comment-icon:active,.share-icon[aria-pressed=true],.share-icon:focus, .share-icon:active{box-shadow:#0088cc 0px 0px 0px 2px} .comment-icon:focus,.share-icon:focus{outline:none!important}.post_snippet>*{display:inline;font-size:85%;line-height:1.5} body[data-theme="light"] .post_snippet>*{color:#777}body[data-theme="dark"] .post_snippet>*{color:#b0b3b8} [data-layout="list"] .post_snippet,[data-layout="grid"] .post_snippet{max-height:65px;overflow:hidden} [data-box-shadow="true"][data-layout="list"] .post_snippet{display:none} @-webkit-keyframes fadeInImages{0%{opacity:0}to{opacity:1}}@keyframes fadeInImages{0%{opacity:0}to{opacity:1}} .blog-pager{line-height:0}.blog-pager *{display:inline-block} .sidebar .Label li{list-style:none;line-height:34px}.sidebar .Label li>*{display:inline-block} .sidebar .Label .cloud-label-widget-content{display:-webkit-box} .sidebar .Label .label-size{border:1px solid #ddd;padding:0 8px;margin:0 5px 5px 0;border-radius:3px;display:inline-block;line-height:26px;font-size:90%} .sidebar .Label .label-count{font-size:80%;cursor:default}.sidebar .Label a{color:#1c1e21} .sidebar .Label .label-count:before{content:"("}.sidebar .Label .label-count:after{content:")"} .footer{position:relative;font-size:95%;line-height:1.8} .footer{background:#141329;color:#ddd}.footer .widget{float:left}.footer ul{list-style:none}.footer-bar{background:#212833;color:#ddd} .blog-search>div{width:100%}.blog-search form{position:relative;width:100%;border:1px solid rgba(0,0,0,0.12);-webkit-border-radius:21px;border-radius:21px} .blog-search form{background:#18191a}.blog-search input{color:#ddd} .nav>li>a{display:inline-block;position:relative;font-weight:600;text-transform:uppercase;color:#ddd}.nav>li:not(:first-child):not(:last-child)>a{padding:0 12px}.nav>li:first-child>a{padding-right:10px}.nav>li:last-child>a{padding-left:10px}.top-nav .nav>li>a{line-height:30px} .blog-search input[type=search]{background:transparent;width:100%;line-height:30px;font-weight:500;padding-left:40px;border:0} .blog-search input[type=search]::-webkit-search-cancel-button{display:none} .blog-search button{width:40px;height:100%;border:0;background:transparent;position:absolute;top:0;padding:0} .blog-search button:focus,.blog-search input:focus{outline:none!important}.tags-list{padding-top:20px!important;padding-bottom:20px!important} .tags-list li:not(:first-child):before{content:"•";margin:0 5px;opacity:.7}.tags-list a{display:inline-block;font-weight:500} .footer-bottom{padding:15px 0;border-top:1px solid #b0b3b8}.footer-bottom li{padding:0 12px;display:inline-block;font-size:85%;font-weight:500}.footer-bottom li>a{color:#ddd} body[data-theme="light"] .has-banner{background:#fafafa}body[data-theme="dark"] .has-banner{background:#27303e} .banner-article{float:left;width:100%;padding:15px;margin:20px 0} .banner-full-width{min-height:200px}.box-shadow{box-shadow:rgba(0,0,0,0.1) 0px 0px 5px 0px;will-change:transform}.banner-300{width:300px;margin:0 auto} .has-banner a,.banner-post a{display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;justify-content:center;color:inherit} .has-banner img,.banner-post img{width:100%;height:auto}.banner-body{position:relative;top:20px} .banner-body:after{content:"Kéo xuống để xem tiếp sau quảng cáo";font-size:12px;color:#ccc;text-transform:uppercase;text-align:center;position:absolute;top:-35px;left:0;right:0}.banner-content{width:100%;margin:20px 0} .banner-position{position:absolute;width:100%} .banner-display{display:inline-block;position:fixed;top:0;left:0;-webkit-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0)} .banner-iframe{display:block;position:relative} .main-container,.section-wrapper{max-width:1920px;margin:0 auto;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap} .has-banner-widget>div{display:flex;align-items:center;justify-content:center;padding-bottom:15px} .has-banner-widget>div>a{color:inherit}.has-banner-widget img{max-width:100%;height:auto} .dd-menu{list-style:none}.dd-menu>li{line-height:40px} .dd-menu a{display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;color:#1c1e21!important} .modals-dialog{box-shadow:0 1px 3px 0 rgba(60,64,67,0.302),0 4px 8px 3px rgba(60,64,67,0.149);-webkit-font-smoothing:antialiased;letter-spacing:.2px;-webkit-align-items:center;align-items:center;background-color:#202124;border:none;-webkit-border-radius:4px;border-radius:4px;bottom:0;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;left:0;margin:20px;max-width:640px;min-height:50px;padding:8px 15px;position:fixed;right:auto;text-align:left;top:auto;white-space:normal;z-index:10000} .modals-dialog-content{font-size:15px;font-weight:400;color:#fff} .modals-dialog-buttons{vertical-align:middle;margin-left:15px} [data-view-type=desktop] .modals-dialog-buttons{cursor:pointer} .theme-button{position:relative;overflow:hidden;color:#fff!important;-webkit-appearance:none;font-size:14px;letter-spacing:.5px;font-weight:400;border:0;text-decoration:none;border-radius:4px;transition:opacity .15s} .theme-button:not(.zalo):not(.back){min-width:80px;height:34px;line-height:34px} .theme-button:not(.hide):not(.zalo):not(.back){display:inline-block}.theme-button.hide{display:none} .theme-button:not(.load-more):not(.zalo):not(.back){padding:0 10px;text-transform:uppercase}.theme-button.load-more{padding:0 25px 0 10px} .theme-button.blue:not(:focus):not(:active){background-color:#0088cc}.theme-button.green{background-color:#008000} .theme-button.purple{background-color:#855085}.theme-button.orange{background-color:#ff7518} .theme-button.red{background-color:#d61f11} .theme-button.back,.theme-button.zalo{padding:0 10px;height:28px;line-height:28px;vertical-align:bottom} .theme-button.back{min-width:80px;background:#0088cc;border-color:#0088cc} .theme-button.zalo{min-width:60px;background:#03a5fa;border-color:#00aeef} .theme-button.zalo:before{margin-right:4px} [data-view-type="desktop"] .theme-button:hover{cursor:pointer} .theme-button:hover{text-decoration:none!important}.theme-button.disabled{pointer-events:none;opacity:.7} .theme-button.blue:active,.theme-button.blue:focus{background-color:#577fbc} .load-more:after{position:absolute;top:11px;right:10px;content:"";width:8px;height:8px;overflow:hidden;border:1px solid #fff;border-top:1px solid transparent;border-left:1px solid transparent;box-sizing:border-box;transition:all .2s ease-out;-ms-transform:rotate(45deg);transform:rotate(45deg)}.ellipsis{position:relative;width:64px;height:20px} .ellipsis div{position:absolute;top:5px;width:11px;height:11px;border-radius:50%;background:#0088cc;background:var(--primary-background-color);-webkit-animation-timing-function:cubic-bezier(0,1,1,0);animation-timing-function:cubic-bezier(0,1,1,0)} .ellipsis div:nth-child(1){left:6px;-webkit-animation:lds-ellipsis1 0.6s infinite;animation:lds-ellipsis1 0.6s infinite} .ellipsis div:nth-child(2){left:6px;-webkit-animation:lds-ellipsis2 0.6s infinite;animation:lds-ellipsis2 0.6s infinite} .ellipsis div:nth-child(3){left:26px;-webkit-animation:lds-ellipsis2 0.6s infinite;animation:lds-ellipsis2 0.6s infinite} .ellipsis div:nth-child(4){left:45px;-webkit-animation:lds-ellipsis3 0.6s infinite;animation:lds-ellipsis3 0.6s infinite} .loading-wrapper{float:left;width:100%;position:relative;overflow:hidden} @media(min-width:769px){.form-group.half{width:50%}} .processing,.success{position:relative} .processing:before,.processing:after,.success:before,.success:after{position:absolute;z-index:99;pointer-events:none} .processing:before{top:calc(50% - 15px);left:calc(50% - 15px);content:"";border:2px solid transparent;border-left:2px solid #fff;border-top:3px solid #03a9f4;border-right:3px solid #03a9f4;border-bottom:3px solid #03a9f4;animation:spin .6s infinite linear;border-radius:50%;width:30px;height:30px} .success:before{content:url(//cdn.jsdelivr.net/gh/vietblogdao/images/icon-check.png)} .processing:after,.success:after{margin-top:35px;color:#fff} .processing:after,.success:before,.success:after{top:50%;left:50%;transform:translate(-50%,-50%)} .processing:after{content:"Đang gửi..."}.success:after{content:"Đã gửi thành công!"} .background-overlay{top:0;left:0;width:100%;height:100%;z-index:8;overflow:hidden;position:absolute;background:#0b0b0b;opacity:.6;transition:opacity .25s} .modal--confirm{background-color:rgba(0,0,0,.75);position:fixed;right:0;top:0;bottom:0;left:0;z-index:5000;opacity:0;transition:opacity .15s cubic-bezier(0.4,0.0,0.2,1) .15s} .modal--confirm.show{transition:opacity .05s cubic-bezier(0.4,0.0,0.2,1);opacity:1} .modal--dialog{-webkit-box-align:center;box-align:center;align-items:center;display:flex;-webkit-box-orient:vertical;box-orient:vertical;flex-direction:column;bottom:0;left:0;padding:0 5%;position:absolute;right:0;top:0;-webkit-transform:scale(0,0);-moz-transform:scale(0,0);-ms-transform:scale(0,0);-o-transform:scale(0,0);transform:scale(0,0);transform-origin:center center;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s} .modal--confirm.show .modal--dialog{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1)}.modal--confirm form{margin:0} .modal--content{background:#fff;-webkit-box-align:stretch;align-items:stretch;display:flex;-webkit-box-orient:vertical;flex-direction:column;transition:transform .225s cubic-bezier(0.0,0.0,0.2,1);position:relative;border-radius:3px;box-shadow:0 2px 26px rgba(0, 0, 0, .3), 0 0 0 1px rgba(0, 0, 0, .1);overflow:hidden;flex-shrink:1;font-size:inherit;color:currentColor} body:not(.overflow) .modal--content{max-width:600px;max-height:100%} body.overflow .modal--icon{width:48px;height:48px} @media(min-width:551px){body:not(.overflow) .modal--content{min-width:510px}} @media(min-width:861px){body.overflow .modal--content{min-width:840px;max-width:700px}} @media(max-width:860px){body.overflow .modal--content{min-width:calc(100% - 20px)}} @media(max-width:550px){body:not(.overflow) .modal--content{width:100%}} ._2em{display:block;height:2em;flex-grow:1}._3em{display:block;height:3em;flex-grow:1}._cs{padding:10px 0 0 22px} .modal--header{background:#f5f6f7;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;position:relative;padding:10px 12px;border-bottom:1px solid #e5e5e5;border-radius:3px 3px 0 0;color:currentColor;font-weight:bolder;line-height:normal} .modal--header ._mht{margin-right:auto;color:#1c1e21!important}.modal--header ._mhc{margin-left:auto} .modal--icon{display:flex;align-items:center;justify-content:center} body:not(.overflow) .modal--icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:4px;border:1px solid;border-color:transparent} body:not(.overflow) .modal--icon:hover,body:not(.overflow) .modal--icon:focus{border-color:#1c1e21} body:not(.overflow) .modal--icon:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' tabindex='0' viewBox='0 0 24 24' width='24px'%3E%3Cpath fill='%23707070' d='M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z'%3E%3C/path%3E%3C/svg%3E");width:24px;height:24px} body.overflow .modal--icon:before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' height='24' viewBox='0 0 48 48' width='24'%3E%3Cpath clip-rule='evenodd' d='M41.8 9.8L27.5 24l14.2 14.2c.6.6.6 1.5 0 2.1l-1.4 1.4c-.6.6-1.5.6-2.1 0L24 27.5 9.8 41.8c-.6.6-1.5.6-2.1 0l-1.4-1.4c-.6-.6-.6-1.5 0-2.1L20.5 24 6.2 9.8c-.6-.6-.6-1.5 0-2.1l1.4-1.4c.6-.6 1.5-.6 2.1 0L24 20.5 38.3 6.2c.6-.6 1.5-.6 2.1 0l1.4 1.4c.6.6.6 1.6 0 2.2z' fill-rule='evenodd'%3E%3C/path%3E%3C/svg%3E");width:24px;height:24px} .modal--icon.absolute{position:absolute;right:0;z-index:10} .modal--icon.has-border{border-radius:4px;border:1px solid;border-color:transparent} .modal--icon.has-border:hover,.modal--icon.has-border:focus{border-color:#1c1e21} .modal--icon:focus{outline:none!important}.modal--body{background:#fff;overflow:hidden;overflow-y:auto} .modal--body:not(.has-product){padding:12px} .modal--body>div{line-height:1.6rem}.modal--body>div:not(:last-child)>p{margin-bottom:1rem} .modal--body input[type="radio"]{margin:0 5px 0 0} .modal--footer{background:#fff;margin:0 12px;padding:12px 0;border-top:1px solid #dddfe2;text-align:right} .modal--footer button{position:relative;display:inline-block;min-width:50px;padding:0 8px;border:1px solid;white-space:nowrap;height:26px;line-height:26px;border-radius:2px;-webkit-font-smoothing:antialiased;font:600 14px Roboto,Arial,sans-serif;justify-content:center;text-align:center;text-shadow:none;vertical-align:middle;transition: 200ms cubic-bezier(.08,.52,.52,1) background-color, 200ms cubic-bezier(.08,.52,.52,1) box-shadow, 200ms cubic-bezier(.08,.52,.52,1) transform} .modal--footer button:not(.primary){background-color:#f5f6f7;border-color:#ccd0d5;color:currentColor} .modal--footer button[type="submit"],.modal--footer button.primary{background-color:#4267b2;border-color:#4267b2;color:#fff} .modal--footer button+button{margin-left:5px} .modal--footer button:hover,.modal--footer button:focus{outline:none} .spinner,.loading{position:relative}.loading{min-height:400px} .spinner:before{content:'';box-sizing:border-box;position:absolute;top:calc(50% - 15px);left:calc(50% - 15px);width:34px;height:34px;border-radius:50%;border:2px solid #999;border-right-color:transparent;animation:spinner .9s linear infinite;-webkit-animation:spinner .9s ease-in-out infinite} .loading:before{position:absolute;z-index:99;pointer-events:none;top:calc(50% - 15px);left:calc(50% - 15px);content:'';border-top:2px solid rgba(0,0,0,0.1)!important;border-right:2px solid rgba(0,0,0,0.1)!important;border-bottom:2px solid rgba(0,0,0,0.1)!important;opacity:.8;border-left:2px solid #fff;animation:spin .6s infinite linear;border-radius:50%;width:30px;height:30px} @keyframes spinner{to{transform:rotate(360deg)}}@-webkit-keyframes spinner{to{-webkit-transform:rotate(360deg)}} @keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}} @-webkit-keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}} @-webkit-keyframes lds-ellipsis1{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1)}} @keyframes lds-ellipsis1{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1)}} @-webkit-key lds-ellipsis2{100%{-webkit-transform:translate(19px,0);transform:translate(19px,0)}} @keyframes lds-ellipsis2{100%{-webkit-transform:translate(19px,0);transform:translate(19px,0)}} @-webkit-keyframes lds-ellipsis3{0%{-webkit-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(0);transform:scale(0)}} @keyframes lds-ellipsis3{0%{-webkit-transform:scale(1);transform:scale(1)}100%{-webkit-transform:scale(0);transform:scale(0)}} /* ]]> */</b:tag> <b:if cond='data:view.isHomepage or data:view.isPost'> <b:tag name='style'>/* <![CDATA[ */ .widget-ticker{margin:10px 0;font-size:90%;position:relative} .widget-ticker:before{content:'';background:url(//cdn.jsdelivr.net/gh/vietblogdao/images/stat.svg) no-repeat;background-size:contain;width:24px;height:24px;position:absolute} .widget-ticker ul{margin-left:41px;white-space:nowrap;overflow-x:auto;overflow-y:hidden;-ms-overflow-style:none;scrollbar-width:none} body[data-theme="light"] .widget-ticker li{background:#f0f0f0}body[data-theme="dark"] .widget-ticker li{background:#212833} body[data-theme="light"] .widget-ticker li:hover{background:-webkit-linear-gradient(135deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background:linear-gradient(-45deg,#ee7752,#e73c7e,#23a6d5,#23d5ab);background-size:400% 400%;-webkit-animation:bggradient 15s ease infinite;animation:bggradient 15s ease infinite} body[data-theme="light"] .widget-ticker li:hover::before,body[data-theme="light"] .widget-ticker li>a:hover{color: #fff;} @-webkit-keyframes bggradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}} @keyframes bggradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}} .widget-ticker li{float:left;font-size:90%;border-radius:100px;padding:0 8px 0 12px;height:24px;line-height:24px;list-style:none} .widget-ticker li:not(:first-child){margin-left:20px} body[data-theme="light"] .widget-ticker li::before{color:rgba(106,106,106,0.51)} body[data-theme="dark"] .widget-ticker li::before{color:#ddd} .widget-ticker li::before{content:'#';display:inline-block;font-size:15px;margin-right:4px} .widget-ticker li a{position:relative;left:-4px} .section-content{float:left;width:100%;position:relative}.section-title{display:block;margin-bottom:20px} .section-title h3,.section-title h2{font-size:1.2em;font-weight:600;display:inline-block;position:relative;text-transform:uppercase;padding:0 15px 0 20px;margin:6px 0 4px 0} body[data-theme="dark"] .section-title h3,body[data-theme="dark"] .section-title h2{color:#ddd} .section-title h3:before,.section-title h2:before{content:'';position:absolute;width:5px;left:5px;top:3px;bottom:4px;-webkit-transform:skew(-20deg);-khtml-transform:skew(-20deg);transform:skew(-20deg);background-color:#dd3333} .section-title ul{display:inline-block;margin-left:30px;position:relative;top:-4px} .section-title li{display:inline-block}.section-title li:not(:last-child){margin-right:30px} .section-title li a{font-size:0.875rem;font-weight:600;text-transform:uppercase}.section-multimedia{margin-top:30px} .section-multimedia:before{content:"";display:block;position:absolute;background:#ffde76} @media(min-width:1101px){.section-multimedia:before{top:-30px;left:-30px;right:-30px;bottom:-30px}} @media(max-width:1100px){.section-multimedia:before{top:-15px;left:-15px;right:-15px;bottom:-15px}} [data-content="newsfeatured"] .post,[data-content="newstrending"] .post:last-child{padding-bottom:0!important;border-bottom:0!important} [data-content="newsfeatured"] .post_thumb{width:100%!important}[data-content="newsfeatured"] .post_body{width:100%!important;padding-left:0!important;padding-top:15px} [data-content="newsfeatured"] .post_title a,[data-content="popularposts"] .post_title a{display:block!important} [data-content="newsfeatured"] .post:nth-child(1) .post_title a{font-size:140%!important} [data-content="newsfeatured"] .post:nth-child(n+2) .post_meta,[data-content="newsfeatured"] .post:nth-child(n+2) .post_snippet,[data-content="popularposts"] .post_meta,[data-content="popularposts"] .post_snippet{display:none!important} [data-content="popularposts"]{margin:0!important} body[data-theme="light"] [data-content="popularposts"] .post{background:#f7f7f7} body[data-theme="dark"] [data-content="popularposts"] .post{background:#212833} [data-content="popularposts"] .post{width:100%!important;padding:0!important} [data-content="popularposts"] .post_body{padding:0 10px 8px 10px} [data-content="multimedia"] .post_title a{display:block} [data-content="multimedia"] .post:first-child .post_thumb{margin-bottom:0} [data-content="multimedia"] .post:first-child .post_title{position:absolute;bottom:0;z-index:2;padding:20px 15% 24px 20px;width:100%} [data-content="multimedia"] .post:first-child .post_title a{color:#fff;font-size:160%!important;font-weight:600;text-shadow:0 1px 5px #000} .news-coverage{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid rgba(12,28,39,.15)} .news-coverage .section-thumbnail,.news-coverage .section-title,.news-coverage .section-content{float:left} .news-coverage .section-thumbnail a{background-repeat:no-repeat;background-size:cover;background-position:center;display:block} .news-coverage .section-title,.news-coverage .section-content{padding-right:0}.news-coverage .section-title{margin-bottom:0} .news-coverage .section-title h3{color:#006BA0;padding-left:20px;font-size:90%;margin-bottom:8px} .news-coverage .section-title h3 a{color:inherit;margin-left:0;line-height:1.3} .news-coverage .article-item{float:left;position:relative;width:100%;line-height:1.4;font-size:1.2rem} .news-coverage .article-item:first-child{margin-bottom:18px;padding-bottom:18px;border-bottom:dashed 1px #ccc} .news-coverage .article-list .article-item{margin-bottom:15px}.news-coverage .article-list .article-item:last-child{margin-bottom:0} .news-coverage .article-item:not(:first-child){font-size:.9rem}.news-coverage .article-title{font-weight:bold;text-align:left} .news-coverage .article-title{font-size:1em}.news-coverage .article-item:not(:first-child) .article-title{font-weight:normal} .news-coverage .article-title a:hover{color:#006BA0;color:var(--primary-color)} .news-coverage .article-item:first-child .article-title{line-height:1.3} .news-coverage .article-item:not(:first-child) .article-title a{position:relative;display:block;padding-left:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} .news-coverage .article-item:not(:first-child) .article-title a::before{content:'•';display:inline-block;position:absolute;left:0} .news-coverage .article-meta{margin:5px 0;font-size:11px;line-height:16px;text-transform:uppercase;color:#666;display:none} .news-coverage .article-item:first-child .article-meta{display:block} .news-coverage .article-meta>*{display:inline-block}.news-coverage .article-meta>.article-publish{margin-right:5px} .news-coverage .article-publish{color:#aaa}.news-coverage .category-parent{display:inline-block} .news-coverage .article-item:first-child .article-summary{display:block;font-size:80%;font-weight:normal;line-height:1.46;color:#888;margin-top:8px} .news-coverage .article-item:not(:first-child) .article-summary,.news-coverage .article-item:first-child .article-summary>a{display:none} .box-category .data-item:first-of-type .data-item-thumb,.box-category .data-item:first-of-type .data-item-body{width:100%!important} .box-category .data-item:first-of-type .data-item-body{padding-left:0!important;padding-top:15px} @media(max-width:860px) and (min-width:551px){.layout-grid-4>.box-category{width:50%;margin-top:20px}} @media(max-width:860px) and (min-width:641px){ .layout-grid-4>.box-category:nth-child(1),.layout-grid-4>.box-category:nth-child(3),.layout-grid-4>.box-category:nth-child(5),.layout-grid-4>.box-category:nth-child(7){padding-right:15px} .layout-grid-4>.box-category:nth-child(2n){padding-left:15px} } [data-content="multimedia"] .post_meta,[data-content="multimedia"] .post_snippet{display:none}.video-list{padding:10px!important} body[data-theme="light"] .video-list{background:#f7f7f7}body[data-theme="dark"] .video-list{background:#212833} [data-view-type="desktop"] .video-list::-webkit-scrollbar{width:4px} [data-view-type="desktop"] .video-list::-webkit-scrollbar-track{background:#f1f1f1} [data-view-type="desktop"] .video-list::-webkit-scrollbar-thumb{background:#888} [data-view-type="desktop"] .video-list::-webkit-scrollbar-thumb:hover{background:#555} [data-view-type="desktop"] .video-list .icon-play{display:none} [data-page-type="homepage"] .widget.homepage .post:last-child,[data-page-type="post"] main.main .PopularPosts .post:last-child{padding:0;margin:0;border:0} .data-title{margin-bottom:15px;line-height:normal}.data-title:not(.text-center){padding-bottom:10px;border-bottom:2px solid} body[data-theme="light"] .data-title:not(.text-center){border-color:rgba(0,0,0,0.12)} body[data-theme="dark"] .data-title:not(.text-center){border-color:#fff} .data-title.text-center>h3{font-weight:600;font-size:145%;color:#00669c;letter-spacing:.25rem} .data-title>h3{display:inline}.data-title.text-center>p{font-size:95%} .data-title:not(.text-center)>h3{border-bottom:2px solid;border-bottom-color:#0088cc;border-bottom-color:var(--primary-background-color);padding:15px 0 10px 0;font-weight:normal;font-size:1rem} .data-title>h3+a{float:right;position:relative;padding-right:10px} .data-title>h3+a:after{content:'';width:9px;height:9px;border:1px solid;border-top-color:transparent;border-left-color: transparent;position:absolute;box-sizing:border-box;overflow:hidden;right:0;top:6px;-ms-transform:rotate(-45deg);transform:rotate(-45deg);transition:all .2s ease-out}.mb-15{margin-bottom:15px} body[data-theme="light"] .data-title>h3+a:after{border-right-color:#1c1e21;border-bottom-color:#1c1e21} body[data-theme="dark"] .data-title>h3+a:after{border-right-color:#fff;border-bottom-color:#fff} .data-show-more{margin-top:13px;padding-top:13px;border-top:1px solid #ddd} .data-show-more>a{font-weight:500;font-size:95%;text-transform:uppercase}.has-background{padding:15px} body[data-theme="light"] .has-background{background:#f7f7f7!important}body[data-theme="dark"] .has-background{background:#191e27!important} .data-item>div{position:relative}.data-item-thumb{position:relative;overflow:hidden;border-radius:4px} [data-box-layout="blog"],[data-box-layout="list"],.data-item>div{float:left;width:100%} [data-box-layout="grid"]{margin:0 -7.5px;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap} [data-box-layout="blog"] .data-item,[data-box-layout="list"] .data-item,[data-box-layout="blog"] .data-item-thumb,[data-box-layout="grid"] .data-item-thumb,[data-box-layout="blog"] .data-item-body,[data-box-layout="grid"] .data-item-body{width:100%} [data-page-type="post"] .box-video{padding-bottom:0!important}.box-video [data-box-layout="grid"] .data-item:nth-of-type(1){width:100%} .box-video [data-box-layout="grid"] .data-item:nth-of-type(1) .data-item-title{font-size:130%} body[data-theme="light"] [data-box-layout="list"] .data-item:not(:last-child){border-bottom:1px solid rgba(12,28,39,.15)} body[data-theme="dark"] [data-box-layout="list"] .data-item:not(:last-child){border-bottom:1px solid #b0b3b8} .box-video [data-box-layout="grid"] .data-item:not(:first-child) .icon-play{width:32px;height:32px} .data-trending{border:1px solid rgba(0,0,0,0.12);border-radius:4px} body[data-theme="light"] .data-trending{background:rgba(245,245,245,1)} body[data-theme="dark"] .data-trending{background:#191e27} [data-view-type="desktop"] .data-trending{ box-shadow:rgba(0,0,0,0.1) 0px 0px 5px 0px} @media(min-width:481px){ .has-padding{padding:15px 15px 15px 0}[data-content="newsfeatured"] .post:nth-child(n+2) .post_title a{font-size:110%!important} [data-box-layout="list"] .data-item-thumb{width:33%}[data-box-layout="list"] .data-item-body{width:67%} [data-box-layout="list"] .data-item:not(:last-child){padding-bottom:15px;margin-bottom:15px} [data-box-layout="list"] .data-item-body{padding-left:13px} } @media(min-width:861px){ .layout-grid-4>.box-category{width:23.5%!important;margin-right:2%}.layout-grid-4>.box-category:nth-child(4n){margin-right:0} .box-category .data-item:first-of-type{height:270px;overflow:hidden} .box-category .data-item:not(:first-of-type){height: 90px;overflow: hidden;} .box-category .data-item:not(:first-of-type) .data-item-thumb{width:40%} .box-category .data-item:not(:first-of-type) .data-item-body{width:60%} .box-category .data-item-title{max-height:70px;overflow:hidden} .box-category .data-item:not(:first-of-type) .data-item-title{font-size:90%;line-height:1.3} .sidebar [data-box-layout="list"] .data-item-summary,.sidebar [data-box-layout="list"] .data-item-summary+a{display:none} [data-content="newsfeatured"],.col-8{width:70%}[data-content="newstrending"],.col-4{width:30%;padding-left:20px} [data-content="newstrending"] .post_title a{display:block!important;font-size:100%!important} [data-content="newstrending"] .post_meta, [data-content="newstrending"] .post_snippet{display:none!important} .sidebar [data-box-layout="list"] .data-item-thumb{width:38%}.sidebar [data-box-layout="list"] .data-item-body{width:62%} .sidebar [data-box-layout="list"] .data-item-title>a{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis} } [data-box-layout="blog"] .data-item:not(:last-child),[data-box-layout="blog"] .data-item-thumb{margin-bottom:15px} [data-box-layout="grid"] .data-item{padding:0 7.5px 15px 7.5px} @media(min-width:768px){ [data-content="popularposts"] .post_title a{font-size:95%} .news-coverage .section-thumbnail{width:33%;margin-right:15px} .news-coverage .section-title,.news-coverage .section-content{width:calc(67% - 15px)} .news-coverage .section-thumbnail a{padding-bottom:133%}[data-box-layout="grid"] .data-item{width:33.33%} } @media(max-width:767px) and (min-width:312px){[data-box-layout="grid"] .data-item{width:50%}} @media(max-width:320px){[data-box-layout="grid"] .data-item{width:100%}} [data-box-layout="grid"] .data-item-thumb{margin-bottom:15px} .data-item,.data-item-thumb,.data-item-body{float:left}.data-item-thumb{position:relative;overflow:hidden} [data-box-layout="blog"] a.img,[data-box-layout="grid"] a.img{padding-bottom:56.25%} [data-box-layout="list"] a.img{padding-bottom:66.67%} .data-item-title{font-weight:500;line-height:1.4}.data-item-title>a{display:-ms-flexbox;display:-webkit-flex;display:flex} @media(min-width:641px){ .section-multimedia{margin-bottom:50px}[data-content="multimedia"]{margin:0;float:left;width:100%;display:block} [data-content="newsfeatured"] .post:nth-of-type(1){width:65%;padding-right:20px} [data-content="newsfeatured"] .post:nth-of-type(2),[data-content="newsfeatured"] .post:nth-of-type(3){width:35%} .w30{width:30%}.w40{width:40%}.w50,.data-trending .data-item{width:50%}.w60{width:60%}.w70{width:70%} .data-trending{padding:15px 15px 0 15px} .data-trending .data-item-title>a{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3} .data-trending [data-box-layout="list"] .data-item:not(:last-child){border-bottom:0!important;padding-bottom:0} } @media(max-width:860px) and (min-width:481px){ .sidebar .data-item-title{line-height:normal}.sidebar .data-item-title>a{font-size:140%} .sidebar [data-box-layout="list"] .data-item-body{padding-left:15px} .sidebar [data-box-layout="list"] .data-item-summary{max-height:65px;overflow:hidden;margin-top:10px} .sidebar [data-box-layout="list"] .data-item-summary>*{display:inline;font-size:95%;line-height:1.5} body[data-theme="light"] .sidebar [data-box-layout="list"] .data-item-summary>*{color:#777}body[data-theme="dark"] .sidebar [data-box-layout="list"] .data-item-summary>*{color:#b0b3b8} } @media(min-width:641px) and (max-width:1023px){ [data-content="multimedia"] .post{height:auto!important} [data-content="multimedia"] .post:nth-of-type(n+2){margin-bottom:0} [data-content="multimedia"] .post:nth-of-type(n+2){width:49%;margin-right:2%;float:left} [data-content="multimedia"] .post:nth-of-type(2n+1){margin-right:0} [data-content="multimedia"] .post_thumb{overflow:hidden;margin-bottom:8px;position:relative} [data-content="multimedia"] .post:nth-of-type(n+2) .post_thumb{width:120px;float:left;margin-right:10px} [data-content="multimedia"] .post:nth-of-type(n+2) .post_thumb a.img{padding-bottom:66.67%} [data-content="multimedia"] .post:nth-of-type(n+2) .post_body{width:calc(100% - 130px)} [data-content="multimedia"] .post:nth-of-type(n+2) .post_title a{font-size:100%} } @media(min-width:1024px){ [data-content="multimedia"] .post{margin-bottom:20px;margin-right:2%;padding:0;position:relative} [data-content="multimedia"] .post:not(:first-child){width:23.5%} [data-content="multimedia"] .post:first-child{width:49%} [data-content="multimedia"] .post:nth-child(4n+3){margin-right:0} [data-content="multimedia"] .post:nth-child(n+4){margin-bottom:0} [data-content="multimedia"] .post:nth-child(4){clear:left} [data-content="multimedia"] .post_title a{font-size:110%} } @media(max-width:1023px){[data-content="multimedia"] .post:first-child{width:100%;margin-right:0;margin-bottom:20px;height:auto}} @media(max-width:860px){ .section-top>.Blog{padding:0 15px}.sidebar>.has-background{background:#fff!important} .col-8{margin-bottom:20px}.widget.video{margin-top:20px} } @media(max-width:767px){ .news-coverage .section-thumbnail{margin-bottom:20px}.news-coverage .section-thumbnail,.news-coverage .section-title,.news-coverage .section-content{width:100%}.news-coverage .section-thumbnail a{padding-bottom:66.67%} } @media(max-width:640px){ [data-content="newsfeatured"] .post:nth-of-type(2), [data-content="newsfeatured"] .post:nth-of-type(3){width:50%}[data-content="newsfeatured"] .post:nth-of-type(2){padding-right:7.5px}[data-content="newsfeatured"] .post:nth-of-type(3){padding-left:7.5px} .section-multimedia .section-title ul{display:none}.section-multimedia{margin-bottom:40px} .layout-grid-4>.box-category:nth-child(1),.layout-grid-4>.box-category:nth-child(3),.layout-grid-4>.box-category:nth-child(5),.layout-grid-4>.box-category:nth-child(7){padding-right:7.5px}.w30,.w40,.w50,.w60,.w70{width:100%}.data-trending{padding:15px}.w60.has-padding,.w40.has-background{margin-bottom:15px} } @media(max-width:550px){ .layout-grid-4>.box-category{width:100%;margin-top:15px}.box-category .data-item:first-child .data-item-title>a{font-size:120%}} @media(max-width:480px){ .section-title h3,.section-title h3 a,.section-title h2,.section-title h2 a{color:#006BA0;color:var(--primary-color)} .section-title h3,.section-title h2,.news-coverage .section-title h3{padding:0}.section-title h3:before,.section-title h2:before{content:unset} [data-content="newsfeatured"] .post:nth-child(n+2){margin-bottom:20px!important}.section-title{margin-bottom:15px} [data-content="multimedia"] .post:first-child .post_title{padding:15px 15% 15px 15px} [data-content="multimedia"] .post:first-child .post_title a{font-size:1.3rem!important} .sidebar [data-box-layout="list"] .data-item-summary,.sidebar [data-box-layout="list"] .data-item-summary+a{display:none} [data-box-layout="list"] .data-item:not(:last-child){margin-bottom:13px;padding-bottom:13px} [data-box-layout="list"] .data-item-thumb{width:40%}[data-box-layout="list"] .data-item-body{width:60%;padding-left:13px} .news-coverage{margin-bottom:13px;padding-bottom:13px}.data-item-title>a{line-height:1.4} } /* ]]> */</b:tag> </b:if> <b:if cond='data:view.search.label and data:view.search.label not in ["Video"]'> <b:tag name='style'>/* <![CDATA[ */ .blog-posts[data-box-shadow="false"][data-layout="list"] .post:nth-of-type(1),.blog-posts[data-box-shadow="false"][data-layout="list"] .post:nth-of-type(2),.blog-posts[data-box-shadow="false"][data-layout="list"] .post:nth-of-type(3){padding:0;border:0} .blog-posts[data-box-shadow="false"][data-layout="list"] .post:nth-of-type(1){background:#f4f6fa} .blog-posts[data-box-shadow="false"][data-layout="list"] .post:nth-of-type(1) .post_thumb{border-radius:unset} .blog-posts[data-box-shadow="false"][data-layout="list"] .post:nth-of-type(1) .post_title a{display:block} .blog-posts[data-box-shadow="false"][data-layout="list"] .post:nth-of-type(1) .post_snippet{max-height:inherit} @media(min-width:641px){ .blog-posts[data-box-shadow="false"][data-layout="list"] .post:nth-of-type(1) .post_thumb{width:66%} .blog-posts[data-box-shadow="false"][data-layout="list"] .post:nth-of-type(1) .post_body{width:34%;padding:15px} } @media(max-width:640px){ .blog-posts[data-box-shadow="false"][data-layout="list"] .post:nth-of-type(1) .post_thumb{width:100%} .blog-posts[data-box-shadow="false"][data-layout="list"] .post:nth-of-type(1) a.img{padding-bottom:56.25%} .blog-posts[data-box-shadow="false"][data-layout="list"] .post:nth-of-type(1) .post_body{width:100%;padding:15px} } .blog-posts[data-box-shadow="false"][data-layout="list"] .post:nth-of-type(2) .post_thumb,.blog-posts[data-box-shadow="false"][data-layout="list"] .post:nth-of-type(3) .post_thumb,.blog-posts[data-box-shadow="false"][data-layout="list"] .post:nth-of-type(2) .post_body,.blog-posts[data-box-shadow="false"][data-layout="list"] .post:nth-of-type(3) .post_body{width:100%} .blog-posts[data-box-shadow="false"][data-layout="list"] .post:nth-of-type(2) .post_body,.blog-posts[data-box-shadow="false"][data-layout="list"] .post:nth-of-type(3) .post_body{padding:15px 0 0} .blog-posts[data-box-shadow="false"][data-layout="list"] .post:nth-of-type(2) .post_title>a,.blog-posts[data-box-shadow="false"][data-layout="list"] .post:nth-of-type(3) .post_title>a{display:block;line-height:1.4;font-size:110%} .blog-posts[data-box-shadow="false"][data-layout="list"] .post:nth-of-type(2) .post_snippet,.blog-posts[data-box-shadow="false"][data-layout="list"] .post:nth-of-type(3) .post_snippet,.blog-posts[data-box-shadow="false"][data-layout="list"] .post:nth-of-type(4) .post_snippet{display:none} @media(min-width:551px){ .blog-posts[data-box-shadow="false"][data-layout="list"] .post:nth-of-type(2),.blog-posts[data-box-shadow="false"][data-layout="list"] .post:nth-of-type(3),.blog-posts[data-box-shadow="false"][data-layout="list"] .post:nth-of-type(4){width:33.333%} .blog-posts[data-box-shadow="false"][data-layout="list"] .post:nth-of-type(4){padding:0;border:0} .blog-posts[data-box-shadow="false"][data-layout="list"] .post:nth-of-type(4) .post_thumb,.blog-posts[data-box-shadow="false"][data-layout="list"] .post:nth-of-type(4) .post_body{width:100%} .blog-posts[data-box-shadow="false"][data-layout="list"] .post:nth-of-type(4) .post_body{padding:15px 0 0} .blog-posts[data-box-shadow="false"][data-layout="list"] .post:nth-of-type(2){padding-right:7.5px} .blog-posts[data-box-shadow="false"][data-layout="list"] .post:nth-of-type(3){padding:0 7.5px} .blog-posts[data-box-shadow="false"][data-layout="list"] .post:nth-of-type(4){padding-left:7.5px} .blog-posts[data-box-shadow="false"][data-layout="list"] .post:nth-of-type(4) .post_title>a{display:block;line-height:1.4;font-size:110%} } @media(max-width:550px){ .blog-posts[data-box-shadow="false"][data-layout="list"] .post:nth-of-type(2),.blog-posts[data-box-shadow="false"][data-layout="list"] .post:nth-of-type(3){width:50%} .blog-posts[data-box-shadow="false"][data-layout="list"] .post:nth-of-type(2){padding-right:7.5px} .blog-posts[data-box-shadow="false"][data-layout="list"] .post:nth-of-type(3){padding-left:7.5px} } @media(max-width:480px){ .blog-posts[data-box-shadow="false"][data-layout="list"] .post:nth-of-type(1) .post_title>a{font-size:120%!important} } /* ]]> */</b:tag> </b:if> <b:if cond='data:view.search.label eq "Video"'> <b:tag name='style'>/* <![CDATA[ */ .widget.PopularPosts,.widget.RandomPosts,.widget.RecentPosts{padding-bottom:0!important} .blog-posts[data-box-shadow="true"] .post:nth-of-type(1){width:100%!important} body[data-theme="light"] .blog-posts[data-box-shadow="true"] .post:nth-of-type(1)>div{background:#f3f3f3} body[data-theme="dark"] .blog-posts[data-box-shadow="true"] .post:nth-of-type(1)>div{background:#212833} .blog-posts[data-box-shadow="true"] .post:nth-of-type(1) .post_body{background:transparent} .blog-posts[data-box-shadow="true"] .post:nth-of-type(1) .post_title>a{display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:150%} .blog-posts[data-box-shadow="true"] .post:nth-of-type(1) .post_snippet{max-height:unset} @media(min-width:769px){ .blog-posts[data-box-shadow="true"] .post:nth-of-type(1) .post_thumb{width:70%} .blog-posts[data-box-shadow="true"] .post:nth-of-type(1) .post_body{width:30%} .blog-posts[data-box-shadow="true"] .post:nth-of-type(1)>div{-webkit-box-shadow:unset!important;box-shadow:unset!important} } @media(min-width:861px){main.main{width:100%!important;padding-right:0!important}} @media(max-width:780px){ .blog-posts[data-box-shadow="true"] .post:nth-of-type(1) .post_thumb,.blog-posts[data-box-shadow="true"] .post:nth-of-type(1) .post_body{width:100%} } @media(max-width:480px){ .blog-posts[data-box-shadow="true"] .post:nth-of-type(1) .post_snippet{display:block} [data-layout="grid"][data-box-shadow="true"] .post_body{padding:15px 15px 5px 15px} .blog-posts[data-box-shadow="true"] .post:nth-of-type(1) .post_body{padding:15px} [data-layout="grid"] .comment-icon,[data-layout="grid"] .share-icon{display:none} .blog-posts[data-box-shadow="true"] .post:nth-of-type(1) .comment-icon,.blog-posts[data-box-shadow="true"] .post:nth-of-type(1) .share-icon,[data-layout="grid"] .post_title>a{display:-ms-flexbox;display:-webkit-flex;display:flex} } @media(max-width:414px){ [data-layout="grid"][data-box-shadow="true"] .post_body{padding:13px 13px 5px 13px} .blog-posts[data-box-shadow="true"] .post:nth-of-type(1) .post_body{padding:13px} } /* ]]> */</b:tag> </b:if> <b:if cond='data:view.isMultipleItems and !data:view.isArchive'> <b:tag name='style'>/* <![CDATA[ */ .page-numbers{font-size:.9rem} .nav-pagination>a{margin-right:5px;display:inline-block;height:32px;line-height:32px;width:auto;min-width:32px;text-align:center;font-size:1rem;font-weight:400;border-radius:4px;border:1px solid;transition:all .3s} .nav-pagination>a:not(.current){border-color:transparent;color:#212529} .nav-pagination>a:not(.current):hover,.nav-pagination>a:not(.current):focus{background-color:hsl(0, 0%, 95%);border-color:hsl(0, 0%, 95%)} .nav-pagination>a.current{border-color:hsl(0, 0%, 80%);color:hsl(0, 0%, 60%);cursor:not-allowed} .nav-pagination>span{margin-left:auto;cursor:default} .nav-pagination>.prev:before,.nav-pagination>.next:before{margin-top:-3px} /* ]]> */</b:tag> </b:if> <b:if cond='data:view.isSingleItem'> <b:tag name='style'>/* <![CDATA[ */ [data-page-type="post"] .Blog{padding-bottom:0!important}.fancybox-caption__body{max-width:660px;margin:0 auto;font-size:1rem} .article-header .article-meta{margin:10px 0 8px 0;line-height:40px}.article-author,.label-text{cursor:default}.article-author{font-weight:500} [data-view-type="mobile"] .article-author{font-size:92%;text-transform:uppercase} .article-header .article-meta span:not(.article-comment):not(.share-icon):not(.font-size){display:inline-block;padding-right:8px} .article-published,.article-header .comment-icon{font-size:90%}.article-published{cursor:default} .font-size-increase{margin-left:auto}.font-size-increase>.font-size{display:inline-block;width:30px;font-weight:600;;text-align:center} .font-size-increase>.font-size.active{opacity:1}.font-size-increase>.font-size:not(.active){opacity:.5} .font-size-increase>.font-size.default{font-size:110%}.font-size-increase>.font-size.large{font-size:160%;padding:0} .article-header .article-title{font-weight:600;line-height:normal;font-size:2.3em} [data-page-type="page"] .article-header .article-title{margin-bottom:20px}.article-summary{margin-bottom:1.3rem} .article-summary p{line-height:1.6;font-weight:600} .article-body{float:left;width:100%;position:relative;word-break:break-word;line-height:1.6em} .article-summary>p.font-increase,.article-body.font-increase{font-size:120%} @media(min-width:660px){.article-body table[align="left"]{width:50%;margin-right:20px} .article-body table[align="right"]{width:50%;margin-left:20px}} @media(min-width:769px){.article-summary>p,.article-body{font-size:110%}} @media(max-width:768px) and (min-width:551px){.article-summary>p,.article-body{font-size:120%}} @media(max-width:550px){.article-summary>p,.article-body{font-size:110%}}.article-body p{margin-bottom:1.3rem} .article-body h2,.article-body h3,.article-body h4,.article-body h5,.article-body h6{font-size:1.2em;font-weight:600;cursor:default} .article-body a{color:#03a9f4}[data-view-type=desktop] .article-body a:hover,[data-view-type=desktop] .article-body a:focus,[data-view-type=desktop] .article-body a:active{color:;#006BA0;color:var(--primary-color);outline:none!important} .article-body ol,.article-body ul:not(.chapter){margin-left:35px} .article-body ul:not(.chapter)>ul{margin:15px 0 15px 20px}.article-body ul:not(.chapter)>li{list-style-type:disc} .article-body ul:not(.chapter)>ul>li{list-style-type:circle}.article-body ol li{list-style-type:decimal}.article-body>div .code{background:#fafafa;display:block;position:relative;overflow:auto;border:1px solid rgba(0,0,0,0.12);border-radius:4px;padding:15px; line-height:1.6em;font-size:inherit;white-space:nowrap} .tr-caption-container,.separator{position:relative;clear:both!important;text-align:center!important;} .tr-caption-container tr:first-child,.separator{line-height:0} .tr-caption-container tr:first-child a,.separator a{position:relative;display:block;color:inherit} .tr-caption-container tr:first-child img,.separator img{background:#e9ecef;width:100%;filter:blur(3px)} .article-body .tr-caption-container>a,.separator>a{color:inherit}.tr-caption-container>a:focus,.separator>a:focus{outline:none} [data-view-type="desktop"] .tr-caption-container a:hover,[data-view-type="desktop"] .separator>a:hover{cursor:zoom-in} .tr-caption-container.has-child a{float:left} .tr-caption-container.has-child.two a{width:50%}.tr-caption-container.has-child.tree a{width:33.333%} .tr-caption-container.has-child a:first-child{padding-right:1px}.tr-caption-container.has-child a:last-child{padding-left:1px} .tr-caption-container.has-child.tree a:nth-of-type(2){padding-left:1px;padding-right:1px} .tr-caption{max-width:720px;width:100%;margin:0 auto;padding-top:10px;display:block;font-family:sans-serif;font-size:90%;color:#777;line-height:1.4;text-align:left!important}.type-picture .tr-caption{font-size:95%;color:#1c1e21}body[data-theme="dark"] .tr-caption{color:#ddd} blockquote{margin:0;padding-left:15px;border-left:2px solid #03a9f4;font-family:Roboto,sans-serif;font-size:1rem;font-style:italic} blockquote:before,blockquote:after{font-size:140%;vertical-align:sub}blockquote:before{content:'“'}blockquote:after{content:'”'} .box_tin{background:rgba(245,245,245,1);position:relative;padding:20px;border-radius:4px;font-size:95%} .box_tin::after{content:'';display:block;position:absolute;right:0;bottom:0;width:0;height:0;border-style:solid;border-width:30px 30px 0 0;border-top-left-radius:5px;border-color:#d8d8d8 #fff transparent transparent} .box_tin li{list-style-type:none}.box_tin li>a{display:block;line-height:1.6em;color:#2d2d2d} .box_tin li>a:focus{outline:none!important}.box_tin li>a:hover,.box_tin li>a:focus,.box_tin li>a:active{color:#007bc7} .box_tin.category{margin:1.3rem 0}.box_tin.category ul{margin-top:10px} .box_tin.category p{font-size:1.3em}.box_tin.category p>label{font-size:14px;color:#2b6dad;vertical-align:middle} .box_tin.category p>label:after{content:'[Ẩn]'}.box_tin.category p>label.show:after{content:'[Hiện]'} .social-sharing-widgets{margin:20px 0 25px 0;position:relative}.social-sharing-widgets .theme-button.back{margin-right:3px} .dd{display:inline-block;position:relative}.dd>.drops{display:inline-block;padding:0 10px;background:#1877f2;color:#fff;font-size:13px;font-weight:600;border-radius:3px;height:28px;line-height:28px;vertical-align:bottom;text-align:center} .dd>.drops:hover,.dd>.drops:focus,.dd>.drops:active{outline:none!important;background:#4267b2} .hide\:screen{border:0!important;clip:rect(0 0 0 0)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important} .fb_iframe_widget_fluid_desktop iframe[style]{width:100%!important}#comments{position:relative} #comments[data-allow-comments="true"]{background:#f7f7f7;min-height:192px;margin:0 auto;padding:5px 10px} .commentForm{background:#fafafa;display:-ms-flexbox;display:-webkit-flex;display:flex;border:1px solid rgba(0,0,0,0.12);border-radius:3px;padding:0 12px} #comments.threaded .commentForm{margin-bottom:20px}#comment-editor,.commentForm.loading{min-height:89.5px} .thread-locked-alert{background:#f2f6fb;padding:15px;position:relative;border:1px solid #dadce0;border-radius:3px;overflow-x:hidden} .comment{list-style-type:none;position:relative} .comment-replybox-single>.commentForm,.comment:not(:last-child),#comments .loadmore,#comments .showless,.calcel-reply{margin-bottom:15px} .comment>.avatar-image-container{position:absolute;height:35px;width:35px} .comment-replies .avatar-image-container{height:30px;width:30px} .comment .avatar-image-container img{border-radius:50%;height:100%;width:100%} .avatar-image-container img{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHMuFkwgzIMXb5rYaUIzypmkcuBWfUk_lpVGOzvj9hxzL5BMTF2kqIx3Ie8zl7Eqa-2h-JYv61au0fHBvTr65kKSxfXuHDHFV01WMemr0ZR6xHsAFvHyjL3nim49f3iM-aB8MRsJc3WJE/s1600/no-image.png) no-repeat center} .avatar-image-container span{bottom:15px;position:absolute;right:-6px;display:inline-block;height:15px;width:15px} .avatar-image-container svg{height:15px;width:15px} .comment-replies .avatar-image-container span{bottom:13px}.comment-replies .avatar-image-container svg{width:13px;height:13px} .comment .comment-block{margin:0 0 0 45px}.comment-replies .comment-block{margin:0 0 0 40px} .comment .comment-replies{margin:15px 0 0 40px}.comment .view-replies{margin:10px 0 0 45px} .comment .view-replies>span{font-size:15px;font-weight:bolder;color:#1a73e8} .comment .comment-replybox-single{margin:15px 0 0 45px}.comment .comment-header>.user{font-style:normal;font-weight:normal} .comment .comment-header>.user,.comment .comment-header>span a{color:#1a73e8}.comment .comment-header>span{line-height:1.4} .comment .comment-actions{display:flex;align-items:center;font-size:12px;font-weight:normal;text-transform:uppercase;position:relative;padding-top:5px}.comment .comment-actions a{opacity:.8}.comment .continue{display:none}.comment .continue a.comment-reply{font-size:13px;text-transform:uppercase}.comment .comment-actions a.comment-reply,.comment .comment-actions span.blog-admin{padding-right:10px}.postAComment{margin-bottom:20px;font-weight:500} .comment-form.spinner{height:93px}.comments .comments-content .loadmore.loaded{max-height:0;opacity:0;overflow:hidden} .comment-thread.inline-thread.hidden{display:block}.related-posts{padding-top:20px} [data-view-type="desktop"] .related-posts.flex-flow a.img{padding-bottom:66.67%!important} .related-posts.flex-flow .post_snippet{display:none!important}.related-posts [data-layout="list"] .post:last-child{margin:0!important;padding:0!important;border-bottom:none!important;} @media(max-width:860px) and (min-width:641px){.breadcrumbs,.blog-posts{max-width:610px;margin:0 auto}} .bottom-info{display:block;text-align:right}.clearfix{zoom:1} .clearfix:before,.clearfix:after{content:"\0020";display:block;height:0;overflow:hidden} .link-source-wrapper{width:auto;display:block;position:relative;float:right;padding-top:25px;line-height:normal} body[data-theme="light"] .link-source-name{background:#F2F2F2}body[data-theme="dark"] .link-source-name{background:#212833} .link-source-name{border-radius:100px;padding:9px 11px;display:inline-block;font-weight:400;font-size:95%} [data-view-type="desktop"] .link-source-name:hover{cursor:pointer}.link-source-name span{font-size:90%;font-weight:bold} body[data-theme="light"] .link-source-name::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' width='12' height='12' viewBox='0 0 48 48'%3E%3Cpath d='M38 38H10V10h14V6H10c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h28c2.21 0 4-1.79 4-4V24h-4v14zM28 6v4h7.17L15.51 29.66l2.83 2.83L38 12.83V20h4V6H28z'/%3E%3C/svg%3E");} body[data-theme="dark"] .link-source-name::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='12' height='12' viewBox='0 0 48 48'%3E%3Cpath d='M38 38H10V10h14V6H10c-2.21 0-4 1.79-4 4v28c0 2.21 1.79 4 4 4h28c2.21 0 4-1.79 4-4V24h-4v14zM28 6v4h7.17L15.51 29.66l2.83 2.83L38 12.83V20h4V6H28z'/%3E%3C/svg%3E");} .link-source-name::after{content:"";display:inline-block;height:12px;margin-left:3px;position:relative;width:12px} .link-source-detail{background:rgba(0,0,0,0.9);opacity:0;visibility:hidden;border-radius:6px;width:300px;max-width:300px;position:absolute;right:0;bottom:45px;padding:10px 12px;z-index:9999;font-size:80%;cursor:default;text-align:left} .link-source-full{color:#fff}.link-source-wrapper:hover .link-source-detail{opacity:1;visibility:visible;transition:opacity 1s cubic-bezier(0.4,0.0,0.2,1)}.link-source-detail .arrow-down{width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid rgba(0,0,0,0.9);position:absolute;bottom:-10px;right:16px} /* ]]> */</b:tag> </b:if> <b:if cond='data:view.isPost and !data:blog.isMobileRequest'> <b:tag name='style'>/* <![CDATA[ */ .header-navigation-bar{position:fixed;top:0;left:0;right:0;z-index:1000;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:cubic-bezier(0,0,0.2,1);transition-timing-function:cubic-bezier(0,0,0.2,1)} body[data-theme="light"] .header-navigation-bar{background:#fff}body[data-theme="dark"] .header-navigation-bar{background:#212833} .header-navigation-bar.visible{-webkit-transition-timing-function:cubic-bezier(0.4,0,0.6,1);transition-timing-function:cubic-bezier(0.4,0,0.6,1);-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)} .header-navigation-bar.visible{overflow:hidden}.header-navigation-bar>div{min-height:50px} .page-name{max-width:80%;padding:0 15px}.category-name>a,.page-name>a{font-weight:600} .page-name>time>label{width:100%;display:block;text-align:center} .page-name>time{width:84px;margin-right:13px;border-right:1px solid #707070;font-weight:500} .page-name>time>label:last-child{font-size:80%} .article-social-pin{float:left;position:fixed;top:0;padding-top:150px;width:36px;margin-left:-55px;z-index:1} .article-social-pin.hide{opacity:0;visibility:hidden;transition:visibility 0.3s linear,opacity 0.3s linear} .article-social-pin.show{opacity:1;visibility:visible;transition:opacity 1s cubic-bezier(0.4,0.0,0.2,1)} .article-social-pin>ul{list-style:none}.article-social-pin li{display:inline-block} .article-social-pin li:not(:first-child){margin-top:8px}.article-social-pin .btnComment{padding-top:8px;border-top:1px solid #ddd} .article-social-pin a{width:36px;height:36px;border-radius:50%;position:relative} .article-social-pin .btnZalo>a{background:#03a5fa}.article-social-pin .btnTwitter>a{background:#55ACEE} .article-social-pin .btnFacebook>a{background:#1877f2}.article-social-pin .btnMessenger>a{background:#0075ff} .article-social-pin .btnComment>a{background:#0088cc;background:var(--primary-background-color)}.article-social-pin .btnHome>a{background:#dd3333}.article-social-pin .btnLabel>a{background:#008db8} .article-social-pin a:before{background-size:100%;width:16px;height:16px;content:""} .article-social-pin .btnHome>a:before{background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M10,20V14H14V20H19V12H22L12,3L2,12H5V20H10Z' /%3E%3C/svg%3E");width:24px;height:24px} .article-social-pin .btnTwitter>a:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 32 32'%3E%3Cpath fill='%23fff' d='M32 6c-1.2 0.6-2.4 0.8-3.8 1 1.4-0.8 2.4-2 2.8-3.6-1.2 0.8-2.6 1.2-4.2 1.6-1.2-1.2-3-2-4.8-2-3.4 0-6.4 3-6.4 6.6 0 0.6 0 1 0.2 1.4-5.4-0.2-10.4-2.8-13.6-6.8-0.6 1-0.8 2-0.8 3.4 0 2.2 1.2 4.2 3 5.4-1 0-2-0.4-3-0.8 0 3.2 2.2 5.8 5.2 6.4-0.6 0.2-1.2 0.2-1.8 0.2-0.4 0-0.8 0-1.2-0.2 0.8 2.6 3.2 4.6 6.2 4.6-2.2 1.8-5 2.8-8.2 2.8h-1.6c3 1.8 6.4 3 10 3 12 0 18.6-10 18.6-18.6v-0.8c1.4-1 2.6-2.2 3.4-3.6z'%3E%3C/path%3E%3C/svg%3E");background-size:100%} .article-social-pin .btnFacebook>a:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 32 32'%3E%3Cpath fill='%23fff' d='M22.912 10.485l-0.582 5.515h-4.409v16h-6.622v-16h-3.3v-5.515h3.3v-3.32c0-4.486 1.865-7.164 7.168-7.164h4.407v5.515h-2.758c-2.058 0-2.195 0.777-2.195 2.214v2.756h4.99z'%3E%3C/path%3E%3C/svg%3E");background-size:100%} .article-social-pin .btnMessenger>a:before{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath fill='%23fff' d='M16 6C9.925 6 5 10.56 5 16.185c0 3.205 1.6 6.065 4.1 7.932V28l3.745-2.056c1 .277 2.058.426 3.155.426 6.075 0 11-4.56 11-10.185C27 10.56 22.075 6 16 6zm1.093 13.716l-2.8-2.988-5.467 2.988 6.013-6.383 2.868 2.988 5.398-2.987-6.013 6.383z' fill-rule='evenodd'%3E%3C/path%3E%3C/svg%3E");width:23px;height:23px} .article-social-pin .btnComment>a:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 32 32'%3E%3Cpath fill='%23fff' d='M2 0h28c0.53 0 1.039 0.211 1.414 0.586s0.586 0.884 0.586 1.414v20c0 0.53-0.211 1.039-0.586 1.414s-0.884 0.586-1.414 0.586h-10l-12 8v-8h-6c-0.53 0-1.039-0.211-1.414-0.586s-0.586-0.884-0.586-1.414v-20c0-0.53 0.211-1.039 0.586-1.414s0.884-0.586 1.414-0.586v0z'%3E%3C/path%3E%3C/svg%3E");width:14px;height:14px} .article-social-pin span{display:none} @media(max-width:1100px) and (min-width:861px){.article-social-pin{display:none}} @media(max-width:860px) and (min-width:768px){.article-social-pin{display:block}} @media(max-width:1100px){.header-navigation-bar>div{padding:0 10px 0 15px}} @media(max-width:767px){.article-social-pin,.header-navigation-bar{display:none}} /* ]]> */</b:tag> </b:if> <b:if cond='data:view.isPost'> <b:tag name='style'>/* <![CDATA[ */ #error-report{position:absolute;top:0;left:0;border-radius:4px;background-color:#000;z-index:998} #error-report::after{content:'';display:inline-block;position:absolute;width:10px;height:10px;left:65px;-webkit-transform:rotate(45deg);transform:rotate(45deg);bottom:-5px;background-color:#000} #error-report button{display:inline-block;padding:10px 14px;text-align:center;background-color:transparent;border:0;outline:none;font-size:14px;font-weight:normal;line-height:normal;color:#fff;position:relative} [data-view-type="desktop"] #error-report button:hover{cursor:pointer} #error-report button:first-child::after{content:'';position:absolute;bottom:10px;top:10px;right:0;display:block;border-right:1px solid #7a7a7a} .article-header .article-thumbnail{margin:0 -15px;background:#f7f7f7;position:relative;overflow:hidden;padding-bottom:56.25%} .article-header .article-thumbnail>div{position:absolute;top:0;left:0;width:100%;height:100%;display:block} .article-header .article-thumbnail figure{display:block;width:100%;float:left;height:100%;position:relative;z-index:9;margin:0} .article-header .article-thumbnail img{display:block;width:100%!important;height:100%;object-fit:cover;-o-object-fit:cover;z-index:9;position:relative} .article-header .article-breadcrumb{line-height:45px;background:#fff;position:relative;margin:0 -15px;margin-bottom:25px;border-bottom:1px solid rgba(0,0,0,0.1);z-index:9;padding:5px 15px} .article-header .article-breadcrumb a{position:relative;white-space:nowrap} .article-header .article-breadcrumb a.flex-left{color:#0085b5;text-transform:uppercase;font-weight:600} .article-header .article-breadcrumb a[class*="btn"]{width:35px;height:35px;display:block;border-radius:100%;margin-left:5px;text-align:center;overflow:hidden;color:#fff} .article-header .article-breadcrumb a.btnFacebook{background:#306199;line-height:34px} .article-header .article-breadcrumb a.btnZalo{background:#018fe5;line-height:38px} .article-header .ti-facebook:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 32 32'%3E%3Cpath fill='%23fff' d='M22.912 10.485l-0.582 5.515h-4.409v16h-6.622v-16h-3.3v-5.515h3.3v-3.32c0-4.486 1.865-7.164 7.168-7.164h4.407v5.515h-2.758c-2.058 0-2.195 0.777-2.195 2.214v2.756h4.99z'%3E%3C/path%3E%3C/svg%3E");background-size:100%;width:18px;height:18px;display:inline-block;vertical-align:text-bottom;content:""} .article-header .icon-zalosend{width:20px;height:20px;display:inline-block;position:relative} .article-header .icon-zalosend{background:url(//cdn.jsdelivr.net/gh/vietblogdao/images/icon_zalo.png) no-repeat 50% 50%;background-size:contain}.article-header .article-breadcrumb a.btnZalo span{top:3px} .related-article{padding:20px 0;margin-bottom:20px;border-bottom:1px solid #eee;float:left;width:100%;position:relative} .related-article+section{margin-top:0!important}.related-article::before{content:'';display:block;height:45px;border-top:1px solid #eee} .related-article::after{content:'Bài liên quan';font-weight:bold;position:absolute;top:30px;left:0;font-size:16px} .related-article .article-item{height:140px;padding:0 0 15px 36%;margin:0}.related-article .article-item:nth-of-type(2){margin-top:20px} .related-article .article-thumbnail{position:absolute;top:0;left:0;bottom:0;width:33%;margin-bottom:0;overflow:hidden} .related-article .article-thumbnail a{display:block;width:100%;height:100%;position:relative;padding-bottom:66.67%} .related-article .article-thumbnail img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;float:left;-webkit-animation:fadeInImages .3s ease;animation:fadeInImages .3s ease} .related-article .article-title{margin:0;font-weight:bold;font-size:1.1em;text-align:left} .related-article .article-summary{display:block;margin-top:5px;margin-bottom:0;font-size:0.75em;color:#666} .related-article .article-summary a{display:none} body[data-theme="light"] .article-timeline,body[data-theme="light"] .article-coverage{background:#f7f7f7} body[data-theme="dark"] .article-timeline,body[data-theme="dark"] .article-coverage{background:#212833} .article-timeline,.article-coverage{float:left;width:100%;position:relative;padding:15px 20px;margin-top:25px} .article-timeline{border-radius:4px}.article-coverage .section-title{margin-bottom:0} .article-timeline .section-title h3,.article-coverage .section-title h3{margin:0;padding:0 15px 0 0;font-size:18px} .article-timeline .section-title a,.article-coverage .section-title a{color:#006BA0;color:var(--primary-color)} .article-timeline .section-title h3:before,.article-coverage h3:before{content:unset} .article-list{float:left;width:100%}.article-timeline .article-list{padding-left:29px} .article-item{float:left;width:100%;position:relative;height:initial;line-height:1.4} .article-coverage .article-item{margin-top:8px}.article-timeline .article-item:not(:last-child){padding:0 41% 20px 0} .article-timeline .article-item:last-child{padding-right:41%} .article-timeline .article-item::before,.article-timeline .article-item::after{content:'';display:inline-block;position:absolute} .article-timeline .article-item::before{width:10px;height:10px;top:5px;left:-30px;background-color:#006ba0;border-radius:50%} .article-timeline .article-item::after{width:1px;top:15px;left:-26px;height:100%;border-left:1px #d9d9d9 dashed} .article-timeline .article-item:last-child::after{content:unset} .article-timeline .article-thumbnail{position:absolute;width:38%;height:85%;right:0;top:50%;bottom:0;margin-left:3%;overflow:hidden;border-radius:3px;-webkit-transform:translateY(-50%);transform:translateY(-50%)} .article-timeline .article-thumbnail a{display:block;width:100%;height:100%;position:relative} .article-timeline .article-thumbnail img{position:absolute;top:0;left:0;float:left;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-webkit-animation:fadeInImages .3s ease;animation:fadeInImages .3s ease} .article-timeline header{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column} .article-coverage .article-title{margin:0;padding-left:15px;display:inline-block;font-size:14px;font-weight:normal;line-height:1.33} .article-coverage .article-title a::before{content:'•';display:inline-block;position:absolute;left:0;top:5px} .article-timeline .article-title{display:block;margin:0;font-size:18px;text-align:left;font-weight:bold;line-height:1.44;-webkit-box-ordinal-group:3;-webkit-order:2;order:2} .article-timeline .article-meta,.article-coverage .article-meta{margin:0;-webkit-box-ordinal-group:2;-webkit-order:1;order:1;font-size:80%;line-height:16px;font-style:italic} .article-coverage .article-meta{display:inline-block;margin-left:5px}.article-timeline .article-meta{display:block} .article-coverage .article-publish,.article-timeline .article-publish{padding:0!important;font-size:85%;color:#aaa} .article-timeline .article-summary{display:block;margin:5px 0 0;font-size:15px;color:#666;line-height:1.6;height:72px;overflow:hidden;-webkit-box-ordinal-group:4;-webkit-order:3;order:3}.article-timeline .article-summary a{display:none} .layout-special #main-container{max-width:unset}.layout-special #main-container,.layout-special main.main{width:100%!important;padding:0!important}.layout-special .header+div .widget:not(.Blog),.layout-special .breadcrumbs,.layout-special:not(.layout-cover) .article-header,.layout-special:not(.layout-cover) .article-summary,.layout-special .article-social-pin,.layout-special #section-banner,.layout-special #section-bottom,.layout-special .banner-widget,.layout-special .banner-mobile,.layout-special .post_snippet,.layout-special .article-body .related-article,.layout-special .site-header{display:none!important}.layout-special .breadcrumbs,.layout-special .blog-posts{max-width:unset!important}.layout-special .header+div>div:nth-of-type(2){padding-top:0} .layout-special .widget.Blog .header-navigation-bar .widget{display:block!important} body[data-theme="light"].layout-special .type-voices .article-body,body[data-theme="light"].layout-special .type-voices .article-footer{background:#f2f6f8!important} .layout-special .article-body>div>h2,.layout-special .article-body>div>h3,.layout-special .article-body>div>p,.layout-special .article-body .wiki-author,.layout-special:not(.layout-cover) .article-body table[align="center"],.layout-special .article-body .box_tin,.layout-special .article-body .related-article,.layout-special .bottom-info,.layout-special .social-sharing-widgets,.layout-special #comments{max-width:660px!important;margin:18px auto!important;float:none!important}.layout-special .article-body .box_tin>h3{margin-bottom:1.3rem} .layout-special .article-body table.picture{background:#FFF!important;max-width:1000px!important;float:none!important} .layout-special .article-body h2>strong{font-size:1.2rem!important;max-width:660px;margin:18px auto!important;display:block;line-height:1.5;text-align:center} .layout-special .article-body h2>strong::after{content:""!important;width:200px;height:1px;display:block;background:#000;margin:50px auto} .layout-special .article-body p.question{font-style:italic;margin-top:25px;color:#444;font-weight:bold} .layout-special .article-body>div>h3+p{margin-top:80px!important} .layout-special .article-body .h1{margin:0 0 20px!important;text-align:center;font-size:20px;line-height:36px;text-transform:uppercase} .layout-special .article-body .h1>strong{max-width:900px;margin:18px auto!important;display:block;font-size:3.8rem!important;line-height:1.1;padding:0 5%!important} .layout-special .article-body h2+.h1{margin-top:30px!important;margin-bottom:50px!important} .layout-special .article-body p+h2,.layout-special .article-body p+h3{margin-top:50px!important} .layout-special .article-body .wiki-author{margin-bottom:30px!important;background:none!important;padding:15px 0;border-top:1px solid #aaa;border-bottom:1px solid #aaa} .layout-special .article-body .wiki-author p{font-size:14px;line-height:1.6;margin:0!important} .layout-special .article-body .wiki-author p+h3{font-size:2rem!important;color:#0578a5;float:none!important;margin-top:0!important;margin-bottom:10px;text-align:left!important} .layout-special .article-body .wiki-author h3+p{margin-top:10px!important;margin-bottom:5px!important;clear:none!important} .layout-special .article-body .wiki-author img{float:right!important;width:100px!important;height:100px!important;border-radius:5px} .layout-special .article-body .wiki-author ul{margin:0!important} .layout-special .article-body .wiki-author ul li{display:inline-block;width:30px;height:30px;line-height:30px;text-align:center;margin-right:5px} .layout-special .article-body .wiki-author ul li a{display:block;overflow:hidden;width:100%;height:100%;border-radius:100%;background:#306199!important;color:#FFF!important;position:relative} .layout-special .article-body .wiki-author ul li a:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 32 32'%3E%3Cpath fill='%23fff' d='M22.912 10.485l-0.582 5.515h-4.409v16h-6.622v-16h-3.3v-5.515h3.3v-3.32c0-4.486 1.865-7.164 7.168-7.164h4.407v5.515h-2.758c-2.058 0-2.195 0.777-2.195 2.214v2.756h4.99z'%3E%3C/path%3E%3C/svg%3E");background-size:100%;width:18px;height:18px;display:inline-block;vertical-align:text-bottom;content:""} .layout-special .type-voices .article-body h2>strong::after{content:unset!important} .layout-special .article-body h2,.layout-special .article-body h3,.layout-special .article-body h4{font-size:2.4rem!important;text-align:center;line-height:1.2;letter-spacing:0!important} .layout-special .article-body p+h2,.layout-special .article-body p+h3,.layout-special .article-body p+h4{text-transform:uppercase} .layout-special .type-voices .article-body h3:first-child{margin-top:80px!important} .layout-special h2 img,.layout-special .article-body h3 img{display:inline-block;width:auto} .layout-special .article-body blockquote{float:left!important;background:#fff!important;width:360px!important;padding:38px 20px 20px;position:relative;border-left:none!important;margin-bottom:50px!important;-webkit-box-shadow:5px 5px 0 -2px #CCC;box-shadow:5px 5px 0 -2px #CCC;text-align:left;font-weight:bold;color:#000!important;font-size:1.3rem!important;letter-spacing:0!important;font-style:normal!important;line-height:1.4!important} .layout-special .article-body blockquote{margin-left:10%!important;margin-right:50px!important} .layout-special .article-body blockquote:nth-of-type(odd){float:right!important;margin-left:50px!important;margin-right:10%!important} @media (min-width:1360px){.layout-special .article-body blockquote:nth-of-type(odd){margin-right:20%!important;margin-left:50px!important}.layout-special .article-body blockquote{margin-left:20%!important;margin-right:50px!important}} .layout-special .article-body blockquote:before{content:"";font-size:30px;position:absolute;font-family:'znews-icon';font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;display:inline-block;top:41px;left:20px;color:#d5d5d5} .layout-special .article-body blockquote:after{content:"";display:block;width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-top:20px solid #fff;position:absolute;bottom:-20px} .layout-special .article-body blockquote p{margin:0 0 18px;padding-left:50px} .layout-special .article-body p img[style*="right"],.layout-special .article-body p img[align="right"]{float:right} .layout-special .article-body p img[style*="left"],.layout-special .article-body p img[align="left"]{float:left} .layout-special .related-posts{max-width:960px;margin:0 auto;float:none} .layout-special .section-title{text-align:center}.type-quizz .article-title:before{content:"#QUIZZ"!important;font-weight:300;display:block!important;padding:0!important;color:#decd00!important;margin-bottom:10px} .article-cover{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;padding:0!important} .article-cover .article-header{display:-webkit-box;display:-webkit-flex;display:flex!important;-webkit-box-align:stretch;-webkit-align-items:stretch;align-items:stretch;padding-top:0!important;float:none!important} .article-cover .header-bg{background-position:center;background-repeat:no-repeat;background-size:cover} .article-cover .header-overlay{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;margin:0 auto}.article-cover .article-category{text-transform:uppercase;letter-spacing:1px;font-size:1em;font-weight:300} .article-cover .article-category a{color:#888}.article-cover .article-header .article-title{margin-top:10px;text-transform:uppercase} .article-cover .article-body{max-width:660px;margin:0 auto}.article-cover .article-header .article-meta>div{justify-content:center} .article-cover .article-header .article-meta .flex-right{margin-left:0}.article-cover .article-header .article-thumbnail,.article-cover .article-header>.article-breadcrumb,.article-cover .article-body img.bg{display:none} @media(min-width:1349px){.layout-special .article-cover .tr-caption-container,.layout-special .article-cover .separator{width:unset;margin-left:-10rem;margin-right:-10rem}.layout-special .article-cover .tr-caption{font-size:100%;color:inherit;line-height:1.5}} @media(min-width:993px){.article-cover .header-bg{height:calc(100vh - 50px);min-height:100%;width:50%}.article-cover .header-overlay{width:45%;max-width:660px}.article-cover .article-header{border-bottom:solid 1px rgba(0,0,0,0.1)}.article-cover .header-overlay,.article-cover .article-summary{text-align:center}.article-cover .article-header .article-title{font-size:3rem}} @media(max-width:992px){.article-cover .article-header{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column}.article-cover .header-bg{width:100%;height:auto}.article-cover .header-overlay{width:100%;margin-top:20px;padding:0 5%;max-width:100%}.article-cover .article-body{padding:0 15px}.layout-special.layout-cover .article-summary>p{margin:0!important}} @media(max-width:992px) and (min-width:481px){.article-cover .header-bg{min-height:550px}} @media(max-width:480px){.article-cover .header-bg{min-height:350px}} .type-quizz .breadcrumbs,.type-quizz .article-summary{display:none!important} .box-question{float:left;width:100%;font-size:1rem;color:#333}.box-question h2,.box-question h3{margin-bottom:20px!important;cursor:default}.box-question h2{font-size:1.3rem!important}.box-question h3{font-size:1.2rem!important;font-weight:normal!important}.box-question table.picture{margin:18px 0;border-radius:5px;background:#FFEB00;overflow:hidden;line-height:1.5} .box-question table.picture+.picture{margin-top:22px}.box-question table.picture td{position:relative;cursor:default} table.picture img{max-width:100%;width:100%;height:auto;display:block}.box-question table.picture td.caption{padding:20px 20px 0 20px!important;color:#000}.box-question .question ul{margin:10px 0 20px!important;list-style:none;padding:0!important} .box-question .question ul>li{float:left;width:100%;background:rgba(0,0,0,0.05);padding:15px 10px 15px 50px;margin-bottom:5px;position:relative;font-weight:bold!important;border-radius:30px;list-style-type:none!important;line-height:1.6} .box-question .question ul>li:before{display:block;position:absolute;top:13px;left:10px;width:30px;height:30px;border-radius:100%;background:rgba(0,0,0,0.1);text-align:center;line-height:30px} .box-question .question ul>li:first-child:before{content:"A"}.box-question .question ul>li:nth-child(2):before{content:"B"} .question ul>li:nth-child(3):before{content:"C"}.question ul>li:nth-child(4):before{content:"D"} .box-question .question ul>li:nth-child(5):before{content:"E"}.box-question .question ul>li:nth-child(6):before{content:"F"} .box-question .question ul>li:nth-child(7):before{content:"G"}.box-question .question ul>li:nth-child(8):before{content:"H"} .box-question .question ul>li>span,.box-question .question ul>li>strong{color:#000!important;font-weight:bold!important} .box-question .question ul:not(.answered) li:hover{background:rgba(255,255,255,0.6)} .box-question .question ul.answered>li:not(.selected):not(.correct){opacity:0.4}.box-question .question ul.answered>li.selected{opacity:1;border-radius:5px}.box-question .question ul.answered>li.selected:not(.correct){background:#f16464}.box-question .question ul.answered>li.correct{background:#55d000}.box-question .question ul+p:not(.explaination){display:none;margin:15px 0}.box-question .question ul>li>p.explaination{margin:0;color:#fff;font-weight:normal}.box-question .question+.result{float:left;width:100%;margin:20px 0;position:relative;background:#f3f3f3;font-weight:300;text-align:center;font-size:1.8rem;padding:20px 10px 25px;line-height:1.1}.box-question .question+.result:before{content:"Kết quả";color:#888;text-align:center;margin-right:10px;display:block;font-size:0.8em;border-bottom:1px solid #ddd;padding-bottom:20px;margin-bottom:30px}.box-question .question+.result>.message{display:block;margin:15px 0}.box-question .question+.result>.correct{color:#55d000;font-weight:bold;font-size:2em}.box-question .question+.result>.total{font-size:2em;color:#f16464}.box-question .question+.result>.total:before{content:"/"} @media(min-width:1025px){.box-question .question ul:not(.answered)>li{cursor:pointer}.box-question .question ul.answered>li{cursor:default;pointer-events:none}} @media(min-width:769px){.layout-special .article-body table.picture{margin:50px auto!important}.layout-special .article-body p img[style*="right"],.layout-special .article-body p img[align="right"]{width:auto!important;max-width:480px!important;margin-top:8px;margin-left:30px!important;margin-bottom:16px!important}.layout-special .article-body p img[style*="left"],.layout-special .article-body p img[align="left"]{width:auto!important;max-width:480px!important;margin-top:8px;margin-right:30px!important;margin-bottom:16px!important}} @media(min-width:1349px){.layout-special .article-body p img[style*="right"],.layout-special .article-body p img[align="right"]{margin-right:calc(100% - 870px)}.layout-special .article-body p img[style*="left"],.layout-special .article-body p img[align="left"]{margin-left:calc(100% - 870px)}} @media(min-width:1024px) and (max-width:1348px){.layout-special .article-body p img[style*="right"],.layout-special .article-body p img[align="right"]{margin-right:-23%}.layout-special .article-body p img[style*="left"],.layout-special .article-body p img[align="left"]{margin-left:-23%}} @media(max-width:960px){.layout-special .related-posts{padding-left:15px;padding-right:15px}} @media(max-width:660px){.layout-special .type-voices .article-body h3:first-child{margin-top:30px!important}.layout-special .article-body .h1>strong{font-size:3rem!important}.layout-special .article-body>div>h2,.layout-special .article-body>div>h3,.layout-special .article-body>div>p,.layout-special .article-body .wiki-author,.layout-special .article-body .box_tin,.layout-special .article-body .related-article,.layout-special .bottom-info,.layout-special .social-sharing-widgets,.layout-special #comments{margin:18px 15px!important;width:unset!important}.layout-special .article-body p img[style*="right"],.layout-special .article-body p img[align="right"],.layout-special .article-body p img[style*="left"],.layout-special .article-body p img[align="left"]{float:none!important}.layout-special .article-body h2,.layout-special .article-body h3,.layout-special .article-body h4{font-size:2rem!important}.layout-special .article-body>div>h3+p{margin-top:30px!important}.layout-special .article-body blockquote{padding:20px 20px 20px;margin-bottom:30px!important}.layout-special .article-body blockquote{margin-left:15px!important;margin-right:20px!important}.layout-special .article-body blockquote:nth-of-type(odd){float:right!important;margin-left:20px!important;margin-right:15px!important}.layout-special .article-body blockquote p{margin:0;padding-left:0}} @media(max-width:550px){.layout-special .article-body blockquote,.layout-special .article-body blockquote:nth-of-type(odd){float:left!important;width:unset!important;margin-left:15px!important;margin-right:15px!important;font-size:1.2rem!important}} @media(min-width:1349px){ .layout-no-sidebar main.main{width:100%!important;padding-left:50px!important;padding-right:50px!important} .layout-no-sidebar .breadcrumbs,.layout-no-sidebar .blog-posts{float:none;margin:0 auto;max-width:660px} .layout-no-sidebar .related-posts{max-width:960px;margin:0 auto;float:none;display:-ms-flexbox;display:-webkit-flex;display:flex} .layout-no-sidebar .related-posts [data-layout="grid"],.layout-special .related-posts [data-layout="grid"]{margin:0 -10px}.layout-no-sidebar .related-posts [data-layout="grid"][data-column="3"] .post,.layout-special .related-posts [data-layout="grid"][data-column="3"] .post{padding:0 10px 15px 10px}.layout-no-sidebar .PopularPosts,.layout-no-sidebar .RecentPosts{max-width:768px;margin:0 auto;float:none!important}.layout-no-sidebar aside.sidebar{display:none}.layout-no-sidebar .breadcrumbs>ul,.layout-no-sidebar .article-meta{justify-content:center}.layout-no-sidebar .article-header{text-align:center}.layout-no-sidebar .article-meta>div{width:unset} .layout-no-sidebar .article-social-pin{margin-left:-190px!important}.layout-no-sidebar .tr-caption-container,.layout-no-sidebar .separator{width:unset;margin-left:-8rem;margin-right:-8rem}.layout-no-sidebar .tr-caption{font-size:100%;color:inherit;line-height:1.5} } @media(max-width:480px){ .layout-special .header+div{padding-top:0!important}.layout-special .article-body .h1>strong{font-size:2rem!important}.layout-special .article-body .wiki-author p+h3{font-size:1.2rem!important} .layout-special .article-body h2>strong::after{margin:20px auto} .related-article .article-item{height:90px;padding:0 0 15px 44%}.related-article .article-item:nth-of-type(2){margin-top:15px} .related-article .article-thumbnail{width:40%}.related-article .article-summary{display:none}.related-article .article-title{font-size:1rem!important;line-height:1.4}.tr-caption-container, .separator{width:unset;margin-left:-15px;margin-right:-15px}.tr-caption{position:relative;padding:10px 15px 0 30px}.tr-caption:before{content:"";display:block;width:1px;position:absolute;top:10px;left:15px;bottom:0;background:#aaa} } /* ]]> */</b:tag> </b:if> <b:if cond='data:view.isPage'> <link href='https://cdnjs.cloudflare.com/ajax/libs/select2/4.1.0-beta.1/css/select2.min.css' rel='stylesheet'/> <b:tag name='style'>/* <![CDATA[ */ form{margin:0;padding:0} .btn{display:inline-block;background-color:#357ebd;border-color:#2f71a9;background-clip:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px transparent solid;border-radius:5px;color:#fff;font-weight:500;padding:.65em 1.7em;text-align:center;position:relative} .btn:hover{background-color:#2a6395;border-color:#225179;color:#fff} .field{float:left;width:100%;box-sizing:border-box;padding:.4em} .main .field--disabled .field__input,.field--disabled .field__input{background:#ddd;cursor:not-allowed} @media(min-width:1000px){.field--third{width:33.33%}} .fieldset{margin:-.4em;font-size:15px;line-height:1.42857143em} .fieldset::before,.fieldset::after{content:"";display:table}.fieldset::after{clear:both} .fieldset--inline{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center} .fieldset--inline .btn{margin:.45em;width:100%} @media(min-width:1000px){.fieldset--inline{flex-wrap:nowrap}.fieldset--inline .btn{width:auto}} .field__input-wrapper{position:relative} .field__label{text-align:left;margin:.5em 0;display:block} .field__input{border-radius:4px;width:100%;display:block;box-sizing:border-box;padding:.94em .8em;border:1px #d9d9d9 solid;height:44px;background-color:#fff;color:#333} textarea.field__input{height:auto;resize:vertical} .input-radio:focus,.input-checkbox:focus,.field__input:focus{outline:none;border-color:#66afe9;box-shadow:0 0 0 1px #66afe9} .field__input--select{padding-right:2em;white-space:nowrap} .field__caret{display:block;position:absolute;top:50%;right:0;transform:translateY(-50%);-webkit-transform:translateY(-50%);pointer-events:none;width:2em;height:43%;border-left:1px rgba(179,179,179,.5) solid} .field__caret .fa{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)} .field--error .field__input{border-color:#c23527;box-shadow:0 0 0 1px #c23527} .floating-labels .field__label{position:absolute;top:0;width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box;margin-top:.4em;margin-left:1px;padding:0 .8em;font-size:.84em;color:#999;z-index:1;user-select:none;pointer-events:none;font-size:1em;transform:translateY(6px)} .floating-labels .field--show-floating-label .field__label{transform:none;font-size:.84em;padding-left:.9em} .floating-labels .field--show-floating-label .field__input{padding-top:1.5em;padding-bottom:.35em} .animate-floating-labels .field__label{transition:all .2s ease-out;-webkit-transition:all .2s ease-out} .field__message{line-height:1.3em;margin:.5em .2em} .field__message.field__message--error{color:#c23527;display:none} .field__message--error.field__message--error-always-show{display:block} .field--error .field__message--error{display:block} .field__input-btn-wrapper{display:flex;justify-content:space-between;align-items:center} .field__input-btn-wrapper--vertical{align-items:stretch;flex-direction:column;text-align:center;margin:1em 0} .field__input-btn-wrapper--vertical .btn-checkout{margin-bottom:1em} .field__input-btn-wrapper--floating{justify-content:center} @media(min-width:1000px){.field__input-btn-wrapper--floating{justify-content:flex-end}} .field__input-btn{width:auto;margin-left:.85714em;white-space:nowrap} .field__input-btn-wrapper .field__input-wrapper{flex-grow:1} @media(min-width:1000px){.sidebar__header{display:block}.sidebar{width:32%}.multistep .content-box__row:last-child .content-box__row__desc{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom-width:1px} .select-address-wrapper select{border-bottom-left-radius:0;border-bottom-right-radius:0;border-width:0;border-bottom-width:1px} .select-address__header{color:#4e4e4e;font-weight:bold}.select-address__header .fa{color:#08f}.select-address{color:#353535} .select-address td,.select-address th{text-align:left;padding:.4em .94em}.select-address tr:last-child > td{padding-bottom:1em} .select-address__body tr > td:first-child{color:#8c8c8c;white-space:nowrap} .radio-wrapper{display:table;box-sizing:border-box;width:100%}.radio-wrapper:last-child{margin-bottom:0} .radio-wrapper:after,.radio-wrapper:before,.checkbox-wrapper:after,.checkbox-wrapper:before{content:"";display:table} .radio__input,.checkbox__input{white-space:nowrap;padding-right:.75em} .radio__input,.checkbox__input{display:table-cell} input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0} .normal-checkbox{-webkit-appearance:auto;-moz-appearance:auto} .input-checkbox,.input-radio{width:18px;height:18px;-webkit-box-shadow:0 0 0 0 #197bbd inset;box-shadow:0 0 0 0 #197bbd inset;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;position:relative;cursor:pointer;vertical-align:-4px;border:1px solid} .input-radio{border-radius:50%} .input-checkbox{border-radius:4px;position:relative} .input-radio:after{width:4px;height:4px;margin-left:-2px;margin-top:-2px;background-color:#fff;border-radius:50%} .input-checkbox:after,.input-radio:after{content:"";display:block;position:absolute;top:50%;left:50%;-webkit-transform:scale(.2);transform:scale(.2);-webkit-transition:all .2s ease-in-out .1s;transition:all .2s ease-in-out .1s;opacity:0} .input-checkbox:checked:after,.input-radio:checked:after{-webkit-transform:scale(1);transform:scale(1);opacity:1} .input-checkbox:after{content:'';font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0,0);top:2px;left:2px;position:absolute;color:#fff} .main .input-checkbox,.main .input-radio{border-color:#d9d9d9;background-color:#fff} .content-box .input-checkbox,.content-box .input-radio{border-color:#d9d9d9;background-color:#fff} .input-checkbox:checked,.input-radio:checked{border:none;-webkit-box-shadow:0 0 0 10px #337ab7 inset;box-shadow:0 0 0 10px #337ab7 inset} .input-checkbox:checked:focus,.input-radio:checked:focus{outline:none} .radio__label,.checkbox__label{cursor:pointer;vertical-align:middle;display:table-cell;width:100%} .radio__label__primary{cursor:inherit;font-family:inherit;vertical-align:top;display:table-cell;width:100%} .radio__label__accessory{text-align:right;padding-left:.75em;white-space:nowrap;display:table-cell;vertical-align:middle} .radio__label__icon{color:#1990c6;font-size:1.5em;height:100%;display:inline-block} .radio__label__icon img{height:100%;width:auto} .content-box__emphasis{font-weight:500;color:#333} input,button,textarea{color:inherit;font:inherit;margin:0;padding:0;-webkit-appearance:none;-moz-appearance:none;-webkit-font-smoothing:inherit;border:none;background:transparent;line-height:normal} .select2-selection{border-radius:4px} .select2-results__options{color:#000} .select2-selection:focus,.select2-search__field:focus{outline:none;border-color:#66afe9;box-shadow:0 0 0 1px #66afe9} .select2-container--default .select2-selection--single{border:1px #d9d9d9 solid} .field__input-wrapper--select2 .select2-container .select2-selection--single{height:3em;padding-top:1em} .field__input-wrapper--select2 .select2-container .select2-selection--single .select2-selection__rendered{padding-left:.8em} .field__input-wrapper--select2 .select2-container--default .select2-selection--single .select2-selection__arrow{border-left:1px rgba(179,179,179,.5) solid;width:2em;top:.5em} .field--error .field__input-wrapper--select2 .select2-container--default .select2-selection--single{border-color:#c23527;box-shadow:0 0 0 1px #c23527} /* ]]> */</b:tag> </b:if> <b:if cond='data:blog.isMobileRequest'> <b:tag name='style'>/* <![CDATA[ */ .footer-navigation-bar{background-color:#fff;position:fixed;bottom:0;left:0;right:0;padding:0 5px;z-index:20;box-shadow:0 1px 3px rgba(0,0,0,.3);-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:cubic-bezier(0,0,0.2,1);transition-timing-function:cubic-bezier(0,0,0.2,1)} .footer-navigation-bar.visible{-webkit-transition-timing-function:cubic-bezier(0.4,0,0.6,1);transition-timing-function:cubic-bezier(0.4,0,0.6,1);-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)} .footer-navigation-bar.visible{overflow:hidden} .footer-navigation-bar ul{width:100%;margin:0;padding:0;list-style:none}.footer-navigation-bar li{width:20%} .footer-navigation-bar a{min-height:50px;font-size:.6rem;text-transform:uppercase;flex-flow:column;box-sizing:border-box} .footer-navigation-bar a:not(.empty-link){color:#1c1e21!important;fill:#1c1e21!important} .footer-navigation-bar a.empty-link{pointer-events:none;color:#aaa;fill:#aaa} .footer-navigation-bar .icon{width:24px;height:24px;line-height:24px;margin-bottom:2px} .footer-navigation-bar .title{white-space:nowrap;overflow:hidden} .footer-navigation-bar a:not(.open-search):not(.sroll-comments):not(.share-post)>.icon:before{width:24px;height:24px} .footer-navigation-bar .home:not(.empty-link)>.icon:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23707070' height='24px' viewBox='0 0 24 24' width='24px'%3E%3Cpath d='M10,20V14H14V20H19V12H22L12,3L2,12H5V20H10Z'%3E%3C/path%3E%3C/svg%3E")} .footer-navigation-bar .home.empty-link>.icon:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23aaa' height='24px' viewBox='0 0 24 24' width='24px'%3E%3Cpath d='M10,20V14H14V20H19V12H22L12,3L2,12H5V20H10Z'%3E%3C/path%3E%3C/svg%3E")} .footer-navigation-bar .open-menu>.icon:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px'%3E%3Cpath fill='%23707070' d='M3,6H21V8H3V6M3,11H21V13H3V11M3,16H21V18H3V16Z'%3E%3C/path%3E%3C/svg%3E")} .footer-navigation-bar .open-search>.icon:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23707070' height='18' viewBox='0 0 20 20' width='18'%3E%3Ccircle cx='9' cy='9' fill='none' r='7' stroke='%23000' stroke-width='1.1'%3E%3C/circle%3E%3Cpath d='M14,14 L18,18 L14,14 Z' fill='none' stroke='%23000' stroke-width='1.1'%3E%3C/path%3E%3C/svg%3E");width:18px;height:18px} .footer-navigation-bar .scroll-top>.icon:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23707070' height='24px' viewBox='0 0 24 24' width='24px'%3E%3Cpath d='M13,20H11V8L5.5,13.5L4.08,12.08L12,4.16L19.92,12.08L18.5,13.5L13,8V20Z'%3E%3C/path%3E%3C/svg%3E")} .footer-navigation-bar .reload-page>.icon:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23707070' height='24px' viewBox='0 0 24 24' width='24px'%3E%3Cpath d='M17.65,6.35C16.2,4.9 14.21,4 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20C15.73,20 18.84,17.45 19.73,14H17.65C16.83,16.33 14.61,18 12,18A6,6 0 0,1 6,12A6,6 0 0,1 12,6C13.66,6 15.14,6.69 16.22,7.78L13,11H20V4L17.65,6.35Z'%3E%3C/path%3E%3C/svg%3E")} .footer-navigation-bar .sroll-comments>.icon:before,.footer-navigation-bar .share-post>.icon:before{width:21px;height:21px} .footer-navigation-bar .sroll-comments:not(.empty-link)>.icon:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23707070' height='21px' viewBox='0 0 24 24' width='21px'%3E%3Cpath d='M20 2H4C2.9 2 2 2.9 2 4V22L6 18H20C21.11 18 22 17.11 22 16V4C22 2.9 21.11 2 20 2M20 16H6L4 18V4H20M17 11H15V9H17M13 11H11V9H13M9 11H7V9H9'%3E%3C/path%3E%3C/svg%3E")} .footer-navigation-bar .sroll-comments.empty-link>.icon:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23aaa' height='21px' viewBox='0 0 24 24' width='21px'%3E%3Cpath d='M20 2H4C2.9 2 2 2.9 2 4V22L6 18H20C21.11 18 22 17.11 22 16V4C22 2.9 21.11 2 20 2M20 16H6L4 18V4H20M17 11H15V9H17M13 11H11V9H13M9 11H7V9H9'%3E%3C/path%3E%3C/svg%3E")} .footer-navigation-bar .share-post:not(.empty-link)>.icon:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23707070' height='21px' viewBox='0 0 24 24' width='21px'%3E%3Cpath d='M18,16.08C17.24,16.08 16.56,16.38 16.04,16.85L8.91,12.7C8.96,12.47 9,12.24 9,12C9,11.76 8.96,11.53 8.91,11.3L15.96,7.19C16.5,7.69 17.21,8 18,8A3,3 0 0,0 21,5A3,3 0 0,0 18,2A3,3 0 0,0 15,5C15,5.24 15.04,5.47 15.09,5.7L8.04,9.81C7.5,9.31 6.79,9 6,9A3,3 0 0,0 3,12A3,3 0 0,0 6,15C6.79,15 7.5,14.69 8.04,14.19L15.16,18.34C15.11,18.55 15.08,18.77 15.08,19C15.08,20.61 16.39,21.91 18,21.91C19.61,21.91 20.92,20.61 20.92,19A2.92,2.92 0 0,0 18,16.08Z'%3E%3C/path%3E%3C/svg%3E")} .footer-navigation-bar .share-post.empty-link>.icon:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23aaa' height='21px' viewBox='0 0 24 24' width='21px'%3E%3Cpath d='M18,16.08C17.24,16.08 16.56,16.38 16.04,16.85L8.91,12.7C8.96,12.47 9,12.24 9,12C9,11.76 8.96,11.53 8.91,11.3L15.96,7.19C16.5,7.69 17.21,8 18,8A3,3 0 0,0 21,5A3,3 0 0,0 18,2A3,3 0 0,0 15,5C15,5.24 15.04,5.47 15.09,5.7L8.04,9.81C7.5,9.31 6.79,9 6,9A3,3 0 0,0 3,12A3,3 0 0,0 6,15C6.79,15 7.5,14.69 8.04,14.19L15.16,18.34C15.11,18.55 15.08,18.77 15.08,19C15.08,20.61 16.39,21.91 18,21.91C19.61,21.91 20.92,20.61 20.92,19A2.92,2.92 0 0,0 18,16.08Z'%3E%3C/path%3E%3C/svg%3E")} [data-icon-label]{position:relative;display:inline-block} [data-icon-label]:after{content:attr(data-icon-label);position:absolute;font-style:normal;font-family:Arial,Sans-serif!important;top:-8px;right:-8px;font-weight:bolder;background-color:rgb(255,0,0);box-shadow:1px 1px 3px 0 rgba(0,0,0,0.3);font-size:11px;padding:2px;opacity:.9;line-height:13px;height:13px;width:13px;border-radius:50%;color:#fff;text-align:center;z-index:1;transition:transform .2s} [data-icon-label="0"]:after,.footer-navigation-bar a.empty-link>[data-icon-label]:after{display:none} /* ]]> */</b:tag> </b:if> <b:if cond='data:view.isError'> <b:tag name='style'>/* <![CDATA[ */ [data-page-type="404"] body{background:#fff}.error_page{width:100%;margin-bottom:20px;padding:20px;text-align:center} .error_page h1{font-size:3.5em;letter-spacing:2px;opacity:.8} .error_page h3{font-size:26px;font-weight:normal}.error_page h3,.error_page p,.error_page div{line-height:40px} /* ]]> */</b:tag> </b:if> </b:includable> <b:includable id='page-skin-reponsive'> <b:tag name='style'>/* <![CDATA[ */ @media(max-width:860px) and (min-width:481px){.nav-icon{margin-right:10px}} @media(min-width:481px){ .header+div{padding-top:50px}.banner-body,.banner-post,.has-banner.mobile{display:none}.site-header{height:280px;padding:15px 0} .header+div>div:nth-of-type(2){padding-top:20px}[data-page-type="homepage"] .header+div>div:nth-of-type(2){padding-top:0} } @media(min-width:551px){ .header-icon>li.has-icon{padding-left:8px}.header-icon>li:not(.has-icon)+li:not(.has-icon){padding-left:25px} .header-icon>li:nth-of-type(2){padding-right:8px}.show-for-small{display:none} } @media(min-width:861px){ main.main{width:calc(100% - 301px);padding-right:30px}aside.sidebar{width:301px} main.main>.widget,aside.sidebar>.widget,[expanded="true"] .web-search{} .section-top>.has-banner,.section-top>.Label,main.main>.widget,aside.sidebar>.widget,.banner-widget{margin-bottom:20px} .sidebar [data-layout="list"] .post_title>a,.sidebar [data-layout="grid"] .post_title>a{font-size:100%} .sidebar .post_label,.sidebar .post_snippet,.show-for-medium{display:none} .menu{max-height:50px;-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%;padding:0 20px;position:relative} .menu>div{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:50px}.menu .widget{position:relative} .menu .title{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 8px;position:relative;line-height:26px;font-size:15px;font-weight:500} .menu .title.more{width:34px;height:50px}.menu .home>button{display:none}.menu .title.current a{color:#0088cc;color:var(--primary-color)} .menu .title.has-widget-content:after{content:'';width:8px;height:8px;overflow:hidden;border:1px solid;border-top-color: transparent;border-left-color:transparent;position:absolute;box-sizing:border-box;right:0;transition:all .2s ease-out} body[data-theme="light"] .header:not(.primary-background-color) .menu .title.has-widget-content:after{border-right-color:#1c1e21;border-bottom-color:#1c1e21} body[data-theme="light"] .primary-background-color .menu .title.has-widget-content:after{border-right-color:#fff;border-bottom-color:#fff} body[data-theme="dark"] .menu .title.has-widget-content:after{border-right-color:#fff;border-bottom-color:#fff} .menu .title.has-widget-content:not(:hover):after{margin-top:-3px;-ms-transform:rotate(45deg);transform:rotate(45deg)} .menu .title.has-widget-content:hover:after{margin-top:3px;-ms-transform:rotate(-135deg);transform:rotate(-135deg)} .menu .title>a{font-weight:600}[data-view-type="desktop"] .menu .title>a{opacity:1;transition:opacity .3s linear}[data-view-type="desktop"] .menu .title>a:hover{opacity:.7;text-decoration:none!important}.primary-background-color .menu .title>a{color:#fff} .menu .more .dot{width:4px;height:4px;border-radius:50%;-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;position:absolute;top:50%;left:50%;margin-top:-2px} .menu .more.active .dot{background:transparent} .menu .more .dot:before,.menu .more .dot:after{content:"";width:4px;height:4px;background:#fff;border-radius:50%;-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;position:absolute;top:50%;margin-top:-2px} .header:not(.primary-background-color) .menu .more:not(.active) .dot,.header:not(.primary-background-color) .menu .more .dot:before,.header:not(.primary-background-color) .menu .more .dot:after{background:#444} [data-theme="dark"] .header:not(.primary-background-color) .menu .more .dot:before,[data-theme="dark"] .header:not(.primary-background-color) .menu .more .dot:after{background:#fff} [data-theme="dark"] .header:not(.primary-background-color) .menu .more:not(.active) .dot,.header.primary-background-color .menu .more:not(.active) .dot,[data-theme="dark"] .header:not(.primary-background-color) .menu .more:not(.active) .dot:before,.header.primary-background-color .menu .more .dot:before,[data-theme="dark"] .header:not(.primary-background-color) .menu .more:not(.active) .dot:after,.header.primary-background-color .menu .more .dot:after{background:#fff} .menu .more .dot:before{left:-8px}.menu .more .dot:after{left:8px} .menu .more.active .dot:before{width:25px;height:2px;border-radius:0;-webkit-transition-delay:0.2s;transition-delay:0.2s;-webkit-transform:translate(-15%,25%) rotate(135deg);transform:translate(-15%,25%) rotate(135deg)} .menu .more.active .dot:after{height:25px;width:2px;border-radius:0;-webkit-transition-delay:0.2s;transition-delay:0.2s;-webkit-transform:translate(-390%,-44%) rotate(135deg);transform:translate(-390%,-44%) rotate(135deg)} .menu .more .dot:nth-child(n+2){display:none} .menu .widget:not(.has-more-full) .widget-content{visibility:hidden;position:absolute;z-index:20;top:35px;left:50%;border-radius:4px;box-shadow:0 2px 10px 0 rgba(0,0,0,0.3);-ms-transform:translate(-50%,0);transform:translate(-50%,0)} body[data-theme="light"] .menu .widget:not(.has-more-full) .widget-content{background:#fff} body[data-theme="dark"] .menu .widget:not(.has-more-full) .widget-content{background:#27303e} .menu .widget:not(.has-more-full) .widget-content:not(.width-more){width:220px}.menu .width-more{width:510px} .menu .widget:not(.has-more-full) .widget-content .dropdown{overflow:hidden;position:absolute;display:block;width:28px;height:14px;top:-14px;left:50%;-ms-transform:translateX(-50%);transform:translateX(-50%)} .menu .widget:not(.has-more-full) .widget-content .dropdown::after{position:absolute;display:block;width:14px;height:14px;bottom:-7px;left:7px;border-radius:3px 0 0 0;box-shadow:0 0 10px rgba(0,0,0,0.2);-ms-transform:rotate(45deg);transform:rotate(45deg);content:""} .menu .widget:not(.has-more-full):last-child .widget-content{left:unset;right:0;-ms-transform:unset;transform:unset} body[data-theme="light"] .menu .widget:not(.has-more-full) .widget-content .dropdown::after{background:#fff} body[data-theme="dark"] .menu .widget:not(.has-more-full) .widget-content .dropdown::after{background:#27303e} .menu .widget:last-child .widget-content .dropdown{left:unset;right:5%} .menu ul{list-style-type:none;padding:8px 0;margin:0} .menu li.item-first-child>label,.menu li a{display:block;padding:0 20px;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500} .menu .widget:not(.has-more-full) .widget-content:not(.width-more) li.item-first-child>label,.menu .widget:not(.has-more-full) .widget-content:not(.width-more) li>a{line-height:36px}.menu .width-more li>a{line-height:32px} .menu .has-more-full .widget-content{background:#141329;position:fixed;left:0;right:0;top:50px;z-index:15;visibility:hidden;opacity:0;padding:20px 50px;-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;max-height:calc(100vh - 50px);height:100%;overflow-x:hidden;overflow-y:auto} .menu .has-more-full.active .widget-content{visibility:visible;opacity:1} .menu li.item-first-child>label:after{content:'';position:absolute;left: 20px;right:20px;bottom:0px;border-bottom:1px solid #dfe3e8} .menu .width-more>ul{float:left}.menu .width-more li{float:left;width:33.33%} .menu .widget:not(.has-more-full):hover .widget-content{visibility:visible;animation:dropdown-show .3s ease forwards} .menu .widget:not(.has-more-full):last-child:hover .widget-content{animation:dropdown-last-show .3s ease forwards} @keyframes dropdown-show{from{opacity:0;transform:translate(-50%,15px)}to{opacity:1;transform:translate(-50%,0)}} @keyframes dropdown-last-show{from{opacity:0;transform:translate(0%,15px)}to{opacity:1;transform:translate(0%,0)}} } @media(min-width:960px){.footer-bar{height:44px}.footer-bar-left,.footer-bar-right{line-height:34px}.footer-bar-left{width:65%}.footer-bar-right{width:35%}} @media(min-width:1349px){ .banner-col{position:fixed;top:50px;width:124.5px;height:550px;z-index:0}.banner-col-left{left:0}.banner-col-right{right:0} .banner-full-height{width:100%;height:100%}.banner-full-height>div{white-space:nowrap;letter-spacing:3px} .banner-col-left>.banner-full-height>div{transform:rotate(-90deg)}.banner-col-right>.banner-full-height>div{transform:rotate(90deg)} .banner-col.show{opacity:1;visibility:visible;transition:opacity 1s cubic-bezier(0.4,0.0,0.2,1)} .banner-col.hide{opacity:0;visibility:hidden;transition:visibility 0.3s linear,opacity 0.3s linear} } @media(max-width:1348px){.fullBg,.fullBg>div{display:none!important}} @media(min-width:1101px){ [data-page-type="post"] main.main{width:calc(100% - 350px);padding-left:50px;padding-right:40px} [data-page-type="post"] aside.sidebar{width:350px;padding-right:50px}.article-social-pin{padding-top:70px;margin-left:-47px} } @media(max-width:959px) and (min-width:641px){.footer-bar-left>ul{justify-content:center}} @media(max-width:1100px){ .container{padding-left:15px;padding-right:15px}.header>div{padding:0 10px} [data-page-type="post"][data-view-type="mobile"] .section-bottom{background:#f7f7f7} .footer>div:nth-of-type(2),.footer-bar>div{padding:0 15px}.tags-list{padding:20px 15px} } @media(max-width:959px){ .footer-bar{padding-bottom:15px}.footer-bar>div{justify-content:center;flex-flow:column} .footer-bar-left,.footer-bar-right{width:100%}.blog-search form{max-width:414px;margin:0 auto} .footer-bar-left>ul{white-space:nowrap;overflow:auto;text-align:center;line-height:1.6;padding:10px 0} } @media(max-width:860px){ .hide-for-menium{display:none} .header-middle{min-height:50px}.header .searchresults-wrapper{max-height:calc(100% - 56px)}.header-widget a.has-img{margin-left:10px}.header-icon .widget-content>div+div{max-height:calc(100vh - 60px)} .nav-icon button{background:transparent;padding:0;border:none;border-radius:50%;height:40px;width:40px} [data-view-type="desktop"] body[data-theme="light"] .nav-icon button:hover,[data-view-type="desktop"] body[data-theme="light"] .nav-icon button:focus,[data-view-type="desktop"] body[data-theme="light"] .nav-icon button:active{background:rgba(60,64,67,0.08)} [data-view-type="desktop"] body[data-theme="dark"] .nav-icon button:hover,[data-view-type="desktop"] body[data-theme="dark"] .nav-icon button:focus,[data-view-type="desktop"] body[data-theme="dark"] .nav-icon button:active{background:#27303e} .nav-icon button:focus{outline:none}.nav-icon button:before{width:24px;height:24px} body[data-theme="light"] .header:not(.primary-background-color) .nav-icon button:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath fill='%23707070' d='M3,6H21V8H3V6M3,11H21V13H3V11M3,16H21V18H3V16Z'%3E%3C/path%3E%3C/svg%3E")} body[data-theme="dark"] .header:not(.primary-background-color) .nav-icon button:before,.header.primary-background-color .nav-icon button:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath fill='%23fff' d='M3,6H21V8H3V6M3,11H21V13H3V11M3,16H21V18H3V16Z'%3E%3C/path%3E%3C/svg%3E")} .menu{position:fixed;top:0;bottom:0;left:0;right:auto;z-index:30;line-height:20px;padding:0;width:280px;min-height:100%;overflow-y:auto;border-right:1px solid rgba(0,0,0,0.12);-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:cubic-bezier(0,0,0.2,1);transition-timing-function:cubic-bezier(0,0,0.2,1)} body[data-theme="light"] .menu{background:#fff}body[data-theme="dark"] .menu{background:#27303e}.menu.flex{display:block} .menu.section{-webkit-transition-timing-function:cubic-bezier(0.4,0,0.6,1);transition-timing-function:cubic-bezier(0.4,0,0.6,1);-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)} .menu>div{padding:0;margin:0;display:inherit;max-width:unset;width:100%} body[data-theme="light"] .menu>div>.widget{border-bottom:1px solid rgba(0,0,0,0.12)} body[data-theme="dark"] .menu>div>.widget{border-bottom:1px solid #a9a9a9} .menu .home>a:nth-of-type(1),.menu li>a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .menu .title:not(.home),.menu li>a,.menu li>label{line-height:40px}.menu .title:not(.home){position:relative;padding:0 15px;font-size:95%;font-weight:400}body[data-theme="light"] .menu .title:not(.home){color:rgba(0,0,0,0.54)}body[data-theme="dark"] .menu .title:not(.home){color:#ddd}.menu li>a,.menu li>label{padding:0 15px 0 25px;font-weight:500} .menu .home{display:flex;align-items:center;height:50px;position:relative} .menu .home>a:nth-of-type(2)>img{max-width:100%;height:auto}.menu .home>button{background:transparent;margin-left:auto;width:40px;height:40px;padding:0;border-radius:100%;border:none;outline:none}.menu .home>button:before{width:21px;height:21px} body[data-theme="light"] .menu .home>button:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='21' viewBox='0 0 24 24' width='21'%3E%3Cpath fill='%23444' d='M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z'%3E%3C/path%3E%3C/svg%3E")} body[data-theme="dark"] .menu .home>button:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='21' viewBox='0 0 24 24' width='21'%3E%3Cpath fill='%23fff' d='M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z'%3E%3C/path%3E%3C/svg%3E")} [data-view-type=desktop] .menu .home>button:hover,[data-view-type=desktop] .menu .home>button:focus{background:rgba(60,64,67,0.08);cursor:pointer}.menu .home>a{width:calc(100% - 40px);padding-left:15px;line-height:50px} .menu .title:not(.home):after{content:'';width:8px;height:8px;overflow:hidden;border:1px solid;border-top-color:transparent;border-left-color:transparent;position:absolute;-ms-transform:rotate(-45deg);transform:rotate(-45deg);box-sizing:border-box;top:17px;right:17px;-ms-transform:rotate(-135deg);transform:rotate(-135deg);transition:all .2s ease-out} body[data-theme="light"] .menu .title:not(.home):after{border-right-color:rgba(0,0,0,0.38);border-bottom-color:rgba(0,0,0,0.38)} body[data-theme="dark"] .menu .title:not(.home):after{border-right-color:#fff;border-bottom-color:#fff} .menu .title.has-toggle:after{-ms-transform:rotate(45deg);transform:rotate(45deg);top:14px} [data-view-type=desktop] .menu a:hover{text-decoration:none}[data-view-type=desktop] .menu .title:not(.home):hover{cursor:pointer} [data-view-type=desktop] body[data-theme="light"] .menu li>a:hover{background:#E4F0F6} [data-view-type=desktop] body[data-theme="dark"] .menu li>a:hover{background:#212833} .menu .title:not(.home)+div{transition:max-height .2s cubic-bezier(0.4,0.0,0.2,1);overflow:hidden;overflow-y:scroll} [data-view-type=desktop] .menu .title:not(.home)+div::-webkit-scrollbar{display:none} .menu .title:not(.home):not(.has-toggle)+div{max-height:280px}.menu .title.has-toggle+div{max-height:0px} .hide-for-medium{display:none!important}.section-top>.Label{padding:0 15px} .section-top>.has-banner,.section-top>.Label,main.main>.widget,aside.sidebar>.widget,.banner-widget{margin-bottom:15px} } @media(max-width:550px){ .article-header .article-title{font-size:1.5em}.footer .widget:nth-of-type(3)>.widget-content{text-align:center}.hide-for-small{display:none!important} } @media(max-width:480px){ header.header{position:relative}.header-widget a{padding-left:10px}.footer .header-widget a{padding-left:0}.site-header{height:200px} .header+div>div:nth-of-type(2){padding-top:15px}[data-page-type="homepage"] .header+div>div:nth-of-type(2){padding-top:0}.header-icon>li+li{padding-left:5px} .post_snippet{display:none}[data-box-shadow="false"][data-layout="list"] .post{margin-bottom:13px;padding-bottom:13px} [data-layout="list"] .post_thumb{width:40%}[data-layout="list"] .post_body{width:60%} [data-box-shadow="false"][data-layout="list"] .post_body{padding-left:13px}.post_title>a{font-size:100%!important} [data-box-shadow="false"][data-layout="list"] .post_title>a,[data-layout="grid"] .post_title>a{line-height:1.4} } @media(max-width:414px){ [data-box-shadow="false"][data-layout="list"] .post_title>a{-webkit-line-clamp:3;line-height:1.3} [data-box-shadow="false"][data-layout="list"] .post_meta{line-height:26px} .blog-posts .comment-icon,.sidebar .comment-icon,.RecentPosts .comment-icon,.blog-posts .share-icon,.sidebar .share-icon,.RecentPosts .share-icon{display:none}.footer-bar-right{margin-left:0;width:100%}.social-sharing-widgets .theme-button.back{display:none} } /* ]]> */</b:tag> </b:includable> <b:includable id='glide'> <b:tag name='style'>/* <![CDATA[ */ .glide{position:relative;width:100%;box-sizing:border-box}.glide *{box-sizing:inherit}.glide__track{overflow:hidden} .glide__slides{position:relative;width:100%;list-style:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;touch-action:pan-Y;overflow:hidden;padding:0;white-space:nowrap;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;will-change:transform} .glide__slides--dragging{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .glide__slide{width:100%;height:100%;-webkit-flex-shrink:0;flex-shrink:0;white-space:normal;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent} .glide__slide a{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-moz-user-select:none;-ms-user-select:none} .glide__arrows{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .glide__bullets{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} [data-view-type="desktop"] .glide__bullets{display:none} .glide--rtl{direction:rtl}.article-list .glide__slides{display:-webkit-box;display:-webkit-flex;display:flex} .article-list .glide__slides .glide__slide{height:unset}.article-list .glide__slides .glide__slide .article-item{height:100%} .glide__bullets{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;padding-top:15px;} .glide__bullets .glide__bullet{height:2px;width:10%;border-radius:2.5px;margin:0 5px;overflow:hidden;text-indent:-999px;border:0;padding:0;outline:none}.glide__bullets .glide__bullet:not(.glide__bullet--active){background:#777}.glide__bullets .glide__bullet.glide__bullet--active{background:#fff}[data-page-type="homepage"] .glide__bullet:hover{cursor:pointer} .glide__arrows .glide__arrow{width:45px;height:45px;border-radius:50%;position:absolute;top:40%;-webkit-transform:translateY(-40%);transform:translateY(-40%);outline:none;border:0;background-color:transparent;margin:0} .glide__arrows .glide__arrow--left{left:-5.5%}.glide__arrows .glide__arrow--right{right:-5.5%} .ic-arrow-left:before,.ic-arrow-right:before{width:14px;height:24px} body[data-theme="light"] .ic-arrow-left:before{background-image:url("data:image/svg+xml,%3Csvg width='14' height='24' viewBox='0 0 14 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline fill='none' stroke='%23000' stroke-width='1.4' points='12.775,1 1.225,12 12.775,23 '%3E%3C/polyline%3E%3C/svg%3E")} body[data-theme="light"] .ic-arrow-right:before{background-image:url("data:image/svg+xml,%3Csvg width='14' height='24' viewBox='0 0 14 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline fill='none' stroke='%23000' stroke-width='1.4' points='1.225,23 12.775,12 1.225,1 '%3E%3C/polyline%3E%3C/svg%3E")} body[data-theme="dark"] .ic-arrow-left:before{background-image:url("data:image/svg+xml,%3Csvg width='14' height='24' viewBox='0 0 14 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline fill='none' stroke='%23fff' stroke-width='1.4' points='12.775,1 1.225,12 12.775,23 '%3E%3C/polyline%3E%3C/svg%3E")} body[data-theme="dark"] .ic-arrow-right:before{background-image:url("data:image/svg+xml,%3Csvg width='14' height='24' viewBox='0 0 14 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline fill='none' stroke='%23fff' stroke-width='1.4' points='1.225,23 12.775,12 1.225,1 '%3E%3C/polyline%3E%3C/svg%3E")} .article-list .glide__slide{margin-left:10px;margin-right:10px} .article-list .glide__slide:first-child{margin-left:0}.article-list .glide__slide:last-child{margin-right:0} body[data-theme="light"] .section-magazine{background:#eee}body[data-theme="dark"] .section-magazine{background:#212833} .section-magazine{padding:40px 0 30px;margin-bottom:50px} .section-magazine .glide__slides{padding:10px}.section-magazine>div{max-width:1120px} .section-magazine.section .section-title{text-align:left;margin-bottom:20px;margin-left:10px;text-transform:uppercase} .section-magazine.section .section-title h3{margin:0} .section-magazine .glide__slide{width:260px;margin-left:10px;margin-right:10px} .section-magazine .glide__slide:first-child{margin-left:0}.section-magazine .glide__slide:last-child{margin-right:0} .section-magazine .album-list{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.section-magazine .album-list a:first-child{margin-left:0} .section-magazine .album-list a:nth-child(n+5){display:none} .section-magazine .album-list a .article-item:hover{box-shadow:0 5px 5px #000;border-radius:4px} .section-magazine .album-list a .article-item:hover .album-thumb img{-webkit-transform:scale(1.1);transform:scale(1.1);border-radius:4px} .section-magazine .album-list a .article-item:hover .album-title>p{color:#ffde76} .section-magazine .album-list a .article-item:hover .album-type-icon{background:#ffde76} .section-magazine .album-list a .article-item:hover .album-type-icon i{color:#000} .section-magazine .album-list .article-item{position:relative;width:260px;height:435px;float:none;font-family:inherit;line-height:normal;overflow:hidden;border-radius:4px;margin:10px 0 10px 10px} .section-magazine .album-list .article-item .album-thumb{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:4px;z-index:-1} .section-magazine .album-list .article-item .album-thumb img{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center center;-o-object-fit:cover;object-fit:cover;will-change:transform;-webkit-transition:-webkit-transform 1.5s ease-out;transition:-webkit-transform 1.5s ease-out;transition:transform 1.5s ease-out;transition:transform 1.5s ease-out,-webkit-transform 1.5s ease-out;border-radius:4px} .section-magazine .album-list .article-item .album-thumb::before{content:"";display:block;position:absolute;z-index:1;top:0;left:0;right:0;bottom:0;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(40%,rgba(216,216,216,0)),to(#0d0d1f));background-image:-webkit-linear-gradient(top,rgba(216,216,216,0) 40%,#0d0d1f);background-image:linear-gradient(to bottom,rgba(216,216,216,0) 40%,#0d0d1f)} .section-magazine .album-list .article-item .album-type{position:absolute;top:0;left:50%;margin-left:-60px;background:#ffde76;border-bottom-left-radius:5px;border-bottom-right-radius:5px;text-align:center;font-size:14px;font-weight:bold;text-transform:uppercase;color:#000;width:120px;height:25px;line-height:25px;letter-spacing:0.5px;z-index:2} .section-magazine .album-list .article-item .album-title{position:absolute;top:225px;text-align:center;z-index:2;text-shadow:0 2px 2px rgba(0,0,0,0.5)} .section-magazine .album-list .article-item .album-title>p{display:block;font-family:sans-serif;font-size:20px;color:#fff;font-weight:bold;line-height:1.3;padding:0 20px} .section-magazine .album-list .article-item .album-title::before{content:"";display:block;background:#ffde76;width:50px;height:5px;margin:0 auto 15px} .section-magazine .album-list .article-item .album-type-icon{position:absolute;z-index:2;bottom:25px;left:50%;margin-left:-24px;width:48px;height:48px;background:#000;border-radius:50%;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center} .section-magazine .album-list .article-item .album-type-icon>i{font-size:20px;color:#ffde76} .section-magazine .album-list .article-item .album-type-icon>i.ti-star{font-size:24px;position:relative;top:-1px} .section-magazine .glide a .article-item{margin:initial!important} .section-magazine .glide__arrows .glide__arrow{width:45px;height:45px;border-radius:50%;background-color:#ffde76;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center} .section-magazine .glide__arrows .glide__arrow--left{left:-5.5%}.section-magazine .glide__arrows .glide__arrow--left i{right:1px} .section-magazine .glide__arrows .glide__arrow--right{right:-5.5%}.section-magazine .glide__arrows .glide__arrow--right i{left:1px} .section-magazine .glide__arrows .glide__arrow i{font-size:18px;position:relative;font-weight:normal} .section-magazine .glide__arrows .glide__arrow[disabled]{opacity:0.5} .section-magazine .glide__bullets{display:none;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;position:absolute;bottom:-48px;-webkit-transform:translateX(-50%);transform:translateX(-50%);left:50%} .section-magazine .glide__bullets .glide__bullet{width:10px;height:10px;background-color:#c9c9c9;border-radius:50%;margin:0 5px} .section-magazine .glide__bullets .glide__bullet--active{background-color:#474747;cursor:default;pointer-events:none} .safari .section-magazine.section .article-item .album-thumb img{-webkit-transition:none!important;transition:none!important;-webkit-transform:none!important;transform:none!important} .section-ads>div>div{height:250px;max-width:970px;margin-left:auto;margin-right:auto;margin-bottom:40px} @media(max-width:1279px) and (min-width:1024px){.section-magazine>div{padding:0 52px}} @media(max-width:1279px){.section-magazine>div{width:100%}} @media(max-width:1152px){.section-magazine{padding:38px 0 28.5px}.section-magazine .glide__slides{padding:9.5px}.section-magazine.section .section-title{margin-bottom:19px;margin-left:9.5px}.section-magazine.section .section-title ul{margin-left:47.5px}.section-magazine .album-list .article-item{width:247px;height:413.25px;margin:9.5px 0 9.5px 9.5px}.section-magazine .album-list .article-item .album-type{margin-left:-57px;font-size:13.3px;width:114px;height:23.75px;line-height:23.75px}.section-magazine .album-list .article-item .album-title{top:213.75px}.section-magazine .album-list .article-item .album-title>p{font-size:19px;padding:0 19px}.section-magazine .album-list .article-item .album-title::before{width:47.5px;height:4.75px;margin:0 auto 14.25px}.section-magazine .album-list .article-item .album-type-icon{bottom:23.75px;margin-left:-22.8px;width:45.6px;height:45.6px}.section-magazine .album-list .article-item .album-type-icon>i{font-size:19px}.section-magazine .glide__arrows .glide__arrow--left{left:-4.5%}.section-magazine .glide__arrows .glide__arrow--right{right:-4.5%}} @media (max-width:1024px){.section-magazine{padding:33.2px 0 24.9px}.section-magazine .glide__slides{padding:8.3px}.section-magazine.section .section-title{margin-bottom:16.6px;margin-left:8.3px}.section-magazine .glide__slide{width:215.8px}.section-magazine .album-list .article-item{width:215.8px;height:361.05px;margin:8.3px 0 8.3px 8.3px}.section-magazine .album-list .article-item .album-type{margin-left:-49.8px;font-size:11.62px;width:99.6px;height:20.75px;line-height:20.75px}.section-magazine .album-list .article-item .album-title{top:186.75px}.section-magazine .album-list .article-item .album-title>p{font-size:16.6px;padding:0 16.6px}.section-magazine .album-list .article-item .album-title::before{width:41.5px;height:4.15px;margin:0 auto 12.45px}.section-magazine .album-list .article-item .album-type-icon{bottom:20.75px;margin-left:-19.92px;width:39.84px;height:39.84px}.section-magazine .album-list .article-item .album-type-icon>i{font-size:16.6px}.section-magazine .glide__arrows .glide__arrow--left{left:-5%}.section-magazine .glide__arrows .glide__arrow--right{right:-5%}} @media (max-width:834px){.section-magazine{padding:33.6px 0 25.2px}.section-magazine .glide__slides{padding:0}.section-magazine.section .section-title{margin-bottom:16.8px;margin-left:0}.section-magazine .glide__slide{width:217px}.section-magazine .album-list .article-item{width:100%;height:365.4px;margin:8.4px 0 8.4px 8.4px}.section-magazine .album-list .article-item .album-type{margin-left:-50.4px;font-size:11.76px;width:100.8px;height:21px;line-height:21px}.section-magazine .album-list .article-item .album-title{top:189px}.section-magazine .album-list .article-item .album-title>p{font-size:16.8px;padding:0 16.8px}.section-magazine .album-list .article-item .album-title::before{width:42px;height:4.2px;margin:0 auto 12.6px}.section-magazine .album-list .article-item .album-type-icon{bottom:21px;margin-left:-20.16px;width:40.32px;height:40.32px}.section-magazine .album-list .article-item .album-type-icon>i{font-size:16.8px}.section-magazine .glide__arrows .glide__arrow{background-color:transparent}.section-magazine .glide__arrows .glide__arrow--left{left:-5%}.section-magazine .glide__arrows .glide__arrow--right{right:-5%}} @media(min-width:415px) and (max-width:640px){.article-list .glide__slide{width:286.5px}} @media(min-width:641px) and (max-width:768px){.article-list .glide__slide{width:227px}} @media(min-width:769px) and (max-width:960px){.article-list .glide__slide{width:213.25px}} @media(min-width:961px){.article-list .glide__slide{width:204px}} @media(min-width:1101px){.glide__bullets{display:none}}@media(max-width:1100px){#home-slider .glide__arrows{display:none}} @media(max-width:1023px){.section-magazine,.section-ads>div>div{margin-bottom:30px}.section-magazine>div{padding:0 5%!important}} @media(max-width:480px){ #section-publish{margin-top:7.5px;margin-bottom:15px;padding-top:15px;position:relative;overflow:visible} #section-publish::before{content:'';display:block;height:5px;background-color:#ddd;position:absolute;top:0;width:100%} .section-magazine,.section-ads>div>div{margin-bottom:20px} [data-content="popularposts"] .post{background:none!important}[data-content="popularposts"] .post_thumb{margin-bottom:0!important} [data-content="popularposts"] a.img{padding-bottom:75%}[data-content="popularposts"] .post_body{position:absolute;left:0;bottom:0;padding:50px 9px 25px!important;font-size:1.3rem;z-index:2} [data-content="popularposts"] .post_title a{color:#fff}[data-content="popularposts"] .glide__bullets{position:absolute;bottom:0;left:0;width:100%;padding:15px 10px 10px 10px;text-align:center;z-index:2} .section-magazine .glide__arrows .glide__arrow{display:none} } /* ]]> */</b:tag> </b:includable> <b:includable id='isError'> <div class='error_page flex-center flex-flow'> <article> <h1>404</h1> <h3>Rất tiếc, không tìm được trang này.</h3> <p>Rất có thể trang đã bị xóa do tính năng không còn hoặc do đường dẫn URL bị sai.</p> <div><a class='theme-button blue' expr:href='data:blog.homepageUrl' title='Trở về trang chủ'>Trở về trang chủ</a></div> </article> </div> </b:includable> <b:includable id='script-config'> <script> var data={ view:{ isHomepage:"<b:if cond='data:view.isHomepage'>true</b:if>", isArchive:"<b:if cond='data:view.isArchive'>true</b:if>", isPost:"<b:if cond='data:view.isPost'>true</b:if>",isPage:"<b:if cond='data:view.isPage'>true</b:if>", isSearch:"<b:if cond='data:view.isSearch and !data:view.search.label and !data:view.search.query'>true</b:if>", isLabelSearch:"<b:if cond='data:view.search.label'>true</b:if>", isSearchQuery:"<b:if cond='data:view.search.query'>true</b:if>", isMultipleItems:"<b:if cond='data:view.isMultipleItems'>true</b:if>", isSingleItem:"<b:if cond='data:view.isSingleItem'>true</b:if>", isMobile:"<b:if cond='data:blog.isMobileRequest'>true</b:if>" },blog:{ blogId:"<data:blog.blogId/>",postId:"<b:if cond='data:view.isPost'><data:blog.postId/></b:if>", pageId:"<b:if cond='data:view.isPage'><data:blog.pageId/></b:if>", pageName:"<b:if cond='data:blog.pageName'><data:blog.pageName/></b:if>", searchqueryescaped:"<b:if cond='data:view.search.query'><data:view.search.query.escaped/></b:if>", homepageUrl:"<data:blog.canonicalHomepageUrl/>",url:"<data:blog.canonicalUrl/>", analyticsAccountNumber:"<data:blog.analyticsAccountNumber/>",timeOut:"180000",searchindex:500 },messages:{ home:"<data:messages.home/>",linkCopiedToClipboard:"<data:messages.linkCopiedToClipboard/>", share:"<data:messages.share/>",shareheader:"Chia sẻ nội dung này qua",copy:"Sao chép liên kết", facebook:"<b:eval expr='data:blog.sharing.platforms[1].shareMessage'/>", twitter:"<b:eval expr='data:blog.sharing.platforms[3].shareMessage'/>", pinterest:"<b:eval expr='data:blog.sharing.platforms[4].shareMessage'/>", linkedin:"Chia sẻ với Linkedin",email:"Gửi bài qua Email",close:"Đóng" },label:{video:"Video",photo:"Photo"},url:{contact:"/p/contact-us.html"} } </script> </b:includable> <b:includable id='template-script'> <script>//<![CDATA[ var url=window.location.href,uri=window.location.toString(), isSafari=/^((?!chrome|android).)*safari/i.test(navigator.userAgent) fb1=url.substring(0,url.indexOf('?fbclid')),fb2=url.substring(0,url.indexOf('&fbclid')), gi1=url.substring(0,url.indexOf('?gidzl')),gi2=url.substring(0,url.indexOf('&gidzl')), m1=url.substring(0,url.indexOf('?m=1')),m2=url.substring(0,url.indexOf('&m=1')) if((uri.length-fb1.length)>0)window.history.replaceState({},document.title,fb1) if((uri.length-fb2.length)>0)window.history.replaceState({},document.title,fb2) if((uri.length-gi1.length)>0)window.history.replaceState({},document.title,gi1) if((uri.length-gi2.length)>0)window.history.replaceState({},document.title,gi2) if(navigator.userAgent.match(/(iPhone|iPod|iPad|Android|BlackBerry|Windows Phone|webOS)/i)===null ||window.navigator.pointerEnabled&&navigator.maxTouchPoints>1){ document.documentElement.setAttribute('data-view-type','desktop') if((uri.length-m1.length)>0){window.history.replaceState({},document.title,m1)} if((uri.length-m2.length)>0){window.history.replaceState({},document.title,m2)} var _a=document.querySelectorAll('a') for(var i=0;i<_a.length;i++){ var _b=_a[i].getAttribute('href') if(_b!=null){ if(_b.indexOf('?m=1')!=-1)_a[i].setAttribute('href',_b.substr(0,_b.indexOf('?m=1'))) if(_b.indexOf('&m=1')!=-1)_a[i].setAttribute('href',_b.substr(0,_b.indexOf('&m=1'))) } } }else{document.documentElement.setAttribute('data-view-type','mobile')} if(isSafari)document.documentElement.setAttribute('class','safari') function appendChildHead(name,type){ if(type=='css'){ var fileref=document.createElement('link') fileref.setAttribute('rel','stylesheet') fileref.setAttribute('href',name) }else if(type=='js'){ var fileref=document.createElement('script') fileref.setAttribute('type','text/javascript') fileref.setAttribute('async','') fileref.setAttribute('src',name) } if(typeof fileref!='undefined'){document.getElementsByTagName('head')[0].appendChild(fileref)} } function appendChildBody(name,type){ if(type=='js')var src=document.createElement('script');src.setAttribute('async','');src.setAttribute('src',name) if(typeof src!='undefined')document.getElementsByTagName('body')[0].appendChild(src) } function modal_open(e){ e.preventDefault() var target='#'+$('.modal--target').attr('id') if($(this).is('a')){target=$(this).attr('href') }else{target=$(this).attr('data-target')} $(target).show() $(target).find('.modal--confirm').fadeIn('slow',function(){$(this).addClass('show')}) $('.modal--close').click(function(){ var $this=$(this) $this.parents('.modal--confirm').removeClass('show') setTimeout(function(){$this.parents('.modal--target').removeAttr('style')},200) }) $(document).on('keyup',function(k){ if(k.keyCode==27){ target=$('.modal--confirm.show') var parent=$(target).parent() setTimeout(function(){$(target).remove()},200) } }) } function submit_form(){ var $this=$(this) $this.addClass('processing') $this.find('.background-overlay').removeClass('hidden') function one(callback){setTimeout(function(){$this.removeClass('processing').addClass('success');callback()},4000)} function two(){ setTimeout(function(){ $this.removeClass('success') $this.find('.background-overlay').addClass('hidden') $this[0].reset() $this.find('.required').removeClass('required') console.clear() },4000) } one(two) } function _copy(e){ var t=document.createElement('textarea') t.value=e,document.body.appendChild(t),t.select() try{document.execCommand('copy') }catch(o){alert("!!!")} document.body.removeChild(t) } function _append(){ $('body').append('<div class="modals"><div class="modals-dialog"><div class="modals-dialog-content flex-align">'+ data.messages.linkCopiedToClipboard +' <svg class="modals-dialog-buttons" height="21px" width="21px" viewBox="0 0 24 24"><path fill="currentColor" d="M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z"></path></svg></div></div></div>') setTimeout(function(){$('.modals').remove()},4000) $('.modals-dialog-buttons').click(function(){$(this).parents('.modals').remove()}) } function page_list(e){ e.stopPropagation() var open=$(this).parents('.page-list').find('.widget-content') $(this).attr('aria-expanded',function(i,attr){return attr=='true'?'false':'true'}) $(this).attr('aria-pressed',function(i,attr){return attr=='true'?'false':'true'}) open.toggleClass('opened') open.attr('aria-hidden',function(i,attr){return attr=='true'?'false':'true'}) $(open).click(function(e){e.stopPropagation()}) if($('.menu .title.more').hasClass('active'))$('.menu .title.more').removeClass('active') if($('.menu .widget.has-more-full').hasClass('active'))$('.menu .widget.has-more-full').removeClass('active') } function switch_checked(e){ e.preventDefault() var div1=$(this).parent().find('.first-checked'),div2=$(this).parent().find('.second-checked') $(this).attr('checked',function(i,attr){return attr=='true'?'false':'true'}) $(this).attr('aria-checked',function(i,attr){return attr=='true'?'false':'true'}) $(this).attr('aria-label',function(i,attr){return attr=='Đã tắt'?'Đã bật':'Đã tắt'}) $(this).attr('title',function(i,attr){return attr=='Bật'?'Tắt':'Bật'}) $('body').attr('data-theme',function(i,attr){return attr=='light'?'dark':'light'}) if(div1.hasClass('false'))div1.removeClass('false').addClass('true') else div1.removeClass('true').addClass('false') if(div2.hasClass('false'))div2.removeClass('false').addClass('true') else div2.removeClass('true').addClass('false') } var templates={ prefix:"",suffix:" trước",seconds:"ít hơn một phút",minute:"một phút",minutes:"%d phút",hour:"một giờ",hours:"%d giờ", day:"24 giờ",days:"%d ngày",month:"một tháng",months:"%d tháng",year:"một năm",years:"%d năm" } var template=function(t,n){return templates[t]&&templates[t].replace(/%d/i,Math.abs(Math.round(n)))} var formatTimer=function(time){ if(!time) return time=time.replace(/\.\d+/,"") time=time.replace(/-/,"/").replace(/-/,"/") time=time.replace(/T/," ").replace(/Z/," UTC") time=time.replace(/([\+\-]\d\d)\:?(\d\d)/," $1$2") time=new Date(time*1000||time) var now=new Date(),seconds=((now.getTime()-time)*.001)>>0, minutes=seconds/60, hours=minutes/60,days=hours/24,years=days/365; return templates.prefix+( seconds<45&&template('seconds',seconds)||seconds<90&&template('minute',1)||minutes<45&&template('minutes',minutes)||minutes<90&& template('hour',1)||hours<24&&template('hours',hours)||hours<42&&template('day',1)||days<30&&template('days',days)||days<45&& template('month',1)||days<365&&template('months',days/30)||years<1.5&&template('year',1)||template('years',years))+templates.suffix; } function fM(){ var tM=document.querySelectorAll('.post_meta>.post_date') for(var i=0;i<tM.length;i++){tM[i].innerHTML='<time>'+formatTimer(tM[i].getAttribute('data-date'))+'</time>'} } function callmarkup1(){ const header=document.querySelector('header.header'),more=$('.menu .title.more'), menu=document.querySelector('.menu'),title=document.querySelectorAll('.menu .title:not(.home)'), button=document.querySelector('.header button.open'),input=document.querySelector('.web-search input'), reset=document.querySelector('.web-search .reset'),overlay=document.querySelector('.overlay'), elems=document.querySelectorAll('header.header,.overlay,body'),close=document.querySelectorAll('.menu .home,.overlay'), search=$('.header-search-icon>a'),page=$('.header-page-icon>a'), scrollTop=document.querySelector('.scroll--top') if(window.matchMedia('(max-width:860px)').matches){for(var i=0;i<title.length;i++)title[i].classList.add('has-sub')} window.addEventListener('resize',function(){ if(this.matchMedia('(max-width:860px)').matches){ for(var i=0;i<title.length;i++){ title[i].classList.add('has-sub') title[i].addEventListener('click',function(){this.classList.toggle('has-toggle')}) } }else{ if(!menu.classList.contains('section'))menu.classList.add('section') if(!overlay.classList.contains('hidden'))overlay.classList.add('hidden') for(var i=0;i<title.length;i++)title[i].classList.remove('has-sub') } }) for(var i=0;i<title.length;i++){ if(title[i].classList.contains('has-sub')){title[i].addEventListener('click',function(){this.classList.toggle('has-toggle')})} } button.addEventListener('click',function(e){ e.stopPropagation() button.setAttribute('aria-expanded','true') button.setAttribute('aria-pressed','true') overlay.classList.remove('hidden') menu.classList.remove('section') }) for(var i=0;i<close.length;i++){ close[i].addEventListener('click',function(){ button.setAttribute('aria-expanded','false') button.setAttribute('aria-pressed','false') overlay.classList.add('hidden') menu.classList.add('section') }) } menu.addEventListener('click',function(e){e.stopPropagation()}) input.addEventListener('keyup',function(){reset.classList.remove('hidden')}) reset.addEventListener('click',function(e){ input.setAttribute('value','') reset.classList.add('hidden') }) $(more).click(function(){ $(this).toggleClass('active') $(this).parent().toggleClass('active') }) $(search).click(function(e){ e.stopPropagation() $('.header-right>div').attr('expanded','true') $(input).focus() if($(more).hasClass('active'))$(more).removeClass('active') if($('.menu .widget.has-more-full').hasClass('active'))$('.menu .widget.has-more-full').removeClass('active') }) $('.web-search').click(function(e){e.stopPropagation()}) if(data.view.isSearchQuery=='true'){ $(search).attr({'aria-expanded':'true','aria-pressed':'true'}) $('.header+div').attr('expanded','true') } $('html,.header .open,.menu').click(function(){ $('.header-right>div').attr('expanded','false') $('.header-page-icon>a').attr({'aria-expanded':'false','aria-pressed':'false'}) $('.page-list .widget-content').removeClass('opened').attr('aria-hidden','true') }) window.addEventListener('scroll',function(){ if(this.pageYOffset==0){ scrollTop.classList.remove('show') scrollTop.classList.add('hide') }else{ scrollTop.classList.add('show') scrollTop.classList.remove('hide') } }) scrollTop.addEventListener('click',function(){window.scrollTo({top:0,behavior:'smooth'})}) } function callmarkup2(){ var nabar=document.querySelector('.footer-navigation-bar'),x=window.pageYOffset, menu=document.querySelector('.menu'),overlay=document.querySelector('.overlay'),search=$('.footer-navigation-bar .open-search') window.addEventListener('scroll',function(){ var y=window.pageYOffset,z=document.documentElement.scrollHeight-1100 if(x>50)nabar.classList.remove('visible') else nabar.classList.add('visible') if(y>z)nabar.classList.add('visible') x=y }) $('.footer-navigation-bar .open-menu').click(function(e){ e.stopPropagation() $(menu).removeClass('section') $(overlay).removeClass('hidden') }) $(search).click(function(){ $('html,body').animate({scrollTop:0},'slow',function(){ $('.header-right>div').attr('expanded','true') if($('.header-right>div').attr('expanded')=='true')$('.web-search input[type=search]').focus() }) }) $('.scroll-top').click(function(){$('html,body').animate({scrollTop:0},'slow')}) if(data.view.isPost=='true'){ $('.footer-navigation-bar .sroll-comments').click(function(e){ e.preventDefault() $('html,body').animate({scrollTop:$('#comments').offset().top-$('header.header').height()},1000) }) } } function callmarkup3(){ appendChildHead('https://cdn.jsdelivr.net/gh/vietblogdao/css/themify-icons.min.css','css') var widget=$('.widget.data-video'),wid=$('.section-multimedia'),d=$(widget).find('.data-config'), cof=$(wid).find('.data-config'),cat=$(cof).attr('data-category'),cou=Number($(cof).attr('data-count')), cate_video=$(d).attr('data-box-category'),item=Number($(d).attr('data-box-items')), cat_url='/search/label/'+cat+'?max-results='+cou,_video=0,_multimedia=0,_coverage=0,fN=$('.first-news-coverage'), cate_src='/search/label/'+cate_video+'?max-results=1',cate_href='/search/label/'+cate_video+'?max-results='+item function show_coverage(){ if(_coverage==0){_coverage=1 if(fN.length!=''){ $(fN).each(function(i){ var sB='<div class="section-thumbnail"><a href="/search/label/'+$(fN[i]).attr('data-label')+'" style="background-image:url('+$(fN[i]).attr('data-image')+')"></a></div>', sT='<header class="section-title"><h3><a href="/search/label/'+$(fN[i]).attr('data-label')+'">'+$(fN[i]).attr('data-title')+'</a></h3></header>', sC='<div class="section-content"><div class="article-list float-left w100"></div></div>' $(fN[i]).html(sB+sT+sC) $.get('/feeds/posts/default/-/'+$(fN[i]).attr('data-label')+'?alt=json-in-script&max-results='+$(fN[i]).attr('data-count'),function(e){ if(e.feed.entry){ for(var f=0;f<e.feed.entry.length;f++){ var entry=e.feed.entry[f],eT=entry.title.$t for(var a=0;a<entry.link.length;a++){ if(entry.link[a].rel=='alternate'){ if(data.view.isMobile=='true'){ var eL=entry.link[a].href+'?m=1' break }else eL=entry.link[a].href } } if('category' in entry){ for(var k=0;k<entry.category.length;k++)var lN=entry.category[k].term,lU='/search/label/'+lN } if('content' in entry)var eM=entry.content.$t.replace('<div class="hidden">','<p class="article-summary">') else if('summary' in entry)eM=entry.summary.$t.replace('<div class="hidden">','<p class="article-summary">') var cT='<article class="article-item"><header><p class="article-title"><a href='+eL+' title="'+eT+'">'+eT+'</a></p><p class="article-meta"><span class="article-publish">'+formatTimer(entry.published.$t)+'</span><a href="'+lU+'" title="'+lN+'"><span class="category-parent">'+lN+'</span></a></p>'+eM+'</header></article>' $(fN[i]).find('.article-list').append(cT) } } },'jsonp') }) } } } function show_multimedia(){ if(_multimedia==0){_multimedia=1 $.get(cat_url,function(e){ var a=$(e).find('.widget.label .post') if(a.length){var b=[] if(a.length<cou)cou=a.length for(var m=0;m<cou;m++)b.push(m) b.forEach(function(k){ var htmls='<article class="post">'+$(a[k]).html()+'</article>' $(wid).find('.multimedia-layout').append(htmls) }) $(wid).find('.multimedia-layout').removeClass('loading') } }) } } function show_video(){ if(_video==0){_video=1 $.get(cate_src,function(e){ var a=$(e).find('.widget.label .post') if(a.length){var v='' if($(a).attr('data-video')!=null)var src=$(a).attr('data-video') else src='https://www.youtube.com/embed/RXIm1NLCSz0' v='<div class="video-item w-100"><div class="video-container"><iframe allowfullscreen="" src='+src+'></iframe></div></div>' $(widget).find('.video-player').append(v) $(widget).find('.video-player').removeClass('loading') } }) $.get(cate_href,function(e){ var a=$(e).find('.widget.label .post') if(a.length){var b=[] if(a.length<item)item=a.length for(var m=0;m<item;m++)b.push(m) b.forEach(function(k){ var htmls='<article class="post">'+$(a[k]).html()+'</article>' $(widget).find('.video-list').append(htmls) }) $(widget).find('.data-content').removeClass('loading') setTimeout(function(){ var wH=$('.video-player').height() $('.video-list').css({'height':wH,'overflow-y':'auto'}) },1000) } }) } } window.addEventListener('scroll',function(){show_coverage();show_video();show_multimedia()}) if($(window).scrollTop()>0){show_coverage();show_video();show_multimedia()} setTimeout(function(){show_coverage();show_video();show_multimedia()},3000) if($('#home-slider .glide__slides li').length>0){ $.getScript('https://cdn.jsdelivr.net/gh/vietblogdao/js/glide.min.js').done(function(){ var glide1=new Glide('#home-slider',{ type:'slider',perView:5,gap:20,focusAt:0, breakpoints:{960:{perView:4},768:{perView:3},640:{perView:2},550:{startAt:0,perView:1,gap:10,autoplay:4000,hoverpause:!0}} }) var glide2=new Glide('#most-article',{ type:'slider',perView:4,gap:0,focusAt:0, breakpoints:{960:{perView:4,gap:20},768:{perView:3,gap:20},640:{perView:2,gap:20},550:{startAt:0,perView:1,gap:10,autoplay:4000,hoverpause:!0}} }) glide1.mount();glide2.mount() }) } if(data.view.isMobile!='true'){ var isLoaded=0,pL=$('.widget.homepage .post:last-child'),oS=pL.offset().top-100 function append_data(){ if(isLoaded==0){isLoaded=1 if(pL.length!=''){ const iS='/search?updated-max='+pL.find('.post_date').attr('data-date').replace('+','%2B')+'&max-results=20' $.get(iS,function(e){const a=$(e).find('.Blog .post') if(a.length){ for(var i=0;i<a.length;i++){ const dT='<article class="post" data-article-id='+$(a[i]).attr('data-article-id')+'>'+$(a[i]).html()+'</article>' $(dT).insertAfter($(pL)) };fM() } }) } } } $(window).scroll(function(){if($(this).scrollTop()>=oS)append_data()}) } } function callmarkup4(){ var _feeds=0 function _cate(){ if(_feeds==0){ _feeds=1 var cate=$('.data-entry') if(cate.length!=''){ $(cate).each(function(i){ var custom=$(cate[i]).find('.data-config'), r=Number($(custom).attr('data-box-items')),cate_type=$(custom).attr('data-box-type'), layout=$(custom).attr('data-box-layout'),summary=$(custom).attr('data-box-summary') if($(custom).attr('data-box-category')!=null)var cate_name=$(custom).attr('data-box-category') else cate_name='' if(cate_type=='recent')var cate_url='/feeds/posts/default' else if(cate_type=='label')cate_url= '/feeds/posts/default/-/'+cate_name else if(cate_type=='random')cate_url= '/feeds/posts/summary?alt=json&max-results=0' else if(cate_type=='related')cate_url='/feeds/posts/summary/-/'+cate_name+'?alt=json&max-results=0' else cate_url='' function create_video(e){ e.preventDefault() var parents=$(this).parents('.data-item-thumb'),src=$(parents).attr('data-video') $(parents).addClass('video-container').html('<iframe allowfullscreen="" frameborder="0" src='+src+'></iframe>') } function get_data(e){ if(e.feed.entry){ for(var f=0;f<e.feed.entry.length;f++){ var entry=e.feed.entry[f],entry_title=entry.title.$t for(var a=0;a<entry.link.length;a++){ if(entry.link[a].rel=='alternate'){ if(data.view.isMobile=='true'){ var entry_alternate=entry.link[a].href+'?m=1' break }else entry_alternate=entry.link[a].href } } var data_title='<div class="data-item-title"><a href='+entry_alternate+' title="'+entry_title+'">'+entry_title+'</a></div>' for(var b=0;b<entry.link.length;b++){ if(entry.link[b].rel=='related'){ var entry_related=entry.link[b].href break } } if('media$thumbnail' in entry){ var entry_thumb=entry.media$thumbnail.url.replace('s72-c','s1600') }else{ var st=entry.content.$t,at=st.indexOf("<img"),bt=st.indexOf('src="',at), ct=st.indexOf('"',bt + 5),dt=st.substr(bt+5,ct-bt-5) if(at!=-1&&bt!=-1&&ct!=-1&&dt!="")entry_thumb=dt else entry_thumb='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGIar891TSahcPforK1F2qXoZG5jrABHwIFeirPA1AuJs_2u-OBnyYhHpMoNO6nhSoH3mwp8tQFxthERKryunpRXVA189Wa_R4BrAkRr9P1tRvm0lqIenTauFlAA3mSKmaaBGxeI9_P9PI/s1600/safe_image.png' } if('category' in entry){ var str=[] for(var c=0;c<entry.category.length;c++)str.push(entry.category[c].term) if(str.includes(data.label.video))var data_img='<div class="data-item-thumb thumb_icon thumb_video"><a class="img has--img" href='+entry_alternate+' title="'+entry_title+'"><img alt="'+entry_title+'" class="lazyload" data-src='+entry_thumb+' src="https://cdn.jsdelivr.net/gh/vietblogdao/images/bg_img.jpg"></a></div>' else if(str.includes(data.label.photo))data_img='<div class="data-item-thumb thumb_icon thumb_photo"><a class="img has--img" href='+entry_alternate+' title="'+entry_title+'"><img alt="'+entry_title+'" class="lazyload" data-src='+entry_thumb+' src="https://cdn.jsdelivr.net/gh/vietblogdao/images/bg_img.jpg"></a></div>' else data_img='<div class="data-item-thumb"><a class="img has--img" href='+entry_alternate+' title="'+entry_title+'"><img alt="'+entry_title+'" class="lazyload" data-src='+entry_thumb+' src="https://cdn.jsdelivr.net/gh/vietblogdao/images/bg_img.jpg"></a></div>' }else{ data_img='<div class="data-item-thumb"><a class="img has--img" href='+entry_alternate+' title="'+entry_title+'"><img alt="'+entry_title+'" class="lazyload" data-src='+entry_thumb+' src="https://cdn.jsdelivr.net/gh/vietblogdao/images/bg_img.jpg"></a></div>' } if('content' in entry)var entry_summary=entry.content.$t.replace('<div class="hidden">','<p>') else if('summary' in entry)entry_summary=entry.summary.$t.replace('<div class="hidden">','<p>') else entry_summary='Không có mô tả tóm tắt' if($(cate[i]).hasClass('box-video')){ var contents='<article class="data-item"><div><div class="data-item-thumb" data-video='+entry_related+'><a class="img has--img" href='+entry_alternate+' title="'+entry_title+'"><img alt="'+entry_title+'" class="lazyload" data-src='+entry_thumb+' src="https://cdn.jsdelivr.net/gh/vietblogdao/images/bg_img.jpg"><span class="icon-play"></span></a></div><div class="data-item-body">'+data_title+'</div></div></article>' }else{ if(summary=='true'){ contents='<article class="data-item"><div>'+data_img+'<div class="data-item-body">'+data_title+'<div class="data-item-summary">'+entry_summary+'</div></div></div></article>' }else{ contents='<article class="data-item"><div>'+data_img+'<div class="data-item-body">'+data_title+'</div></div></article>' } } $(cate[i]).find('.data-content').append(contents).removeClass('loading') } if($(cate[i]).hasClass('box-video'))$('.box-video .data-item:nth-of-type(1) .icon-play').on('click',create_video) } } if(cate_type=='random'){ $.get(cate_url,function(data){ if(data.feed){ var a=data.feed.openSearch$totalResults.$t if(a<r)r=a let arr=[] do{ let num=Math.floor(Math.random()*a) arr.push(num) arr=arr.filter((x,y)=>{return arr.indexOf(x)===y}) }while(arr.length<r) arr.forEach(function(m){m+=1 $.ajax({ type:'GET',url:'/feeds/posts/default', data:{'alt':'json-in-script','start-index':m,'max-results':1}, dataType:'jsonp',success:get_data }) }) } },'jsonp') }else if(cate_type=='related'){ $.get(cate_url,function(data){ if(data.feed){ var a=data.feed.openSearch$totalResults.$t if(a<r)r = a let arr=[] do{ let num=Math.floor(Math.random()*a) arr.push(num) arr=arr.filter((x,y)=>{return arr.indexOf(x)===y}) }while(arr.length<r) arr.forEach(function(m){m+=1 $.ajax({ type:'GET',url:'/feeds/posts/default/-/'+cate_name, data:{'alt':'json-in-script','start-index':m,'max-results':1}, dataType:'jsonp',success:get_data }) }) } },'jsonp') }else $.ajax({type:'GET',url:cate_url,data:{'alt':'json-in-script','max-results':r},dataType:'jsonp',success:get_data}) }) } } } window.addEventListener('scroll',function(){_cate()}) window.addEventListener('mousemove',function(){_cate()}) if($(window).scrollTop()>0)_cate setTimeout(function(){_cate()},2000) } function callmarkup5(){ var is_load=0 function append_fancybox(){ if(is_load==0){ is_load=1 appendChildHead('https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css','css') appendChildHead('https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js','js') } } window.addEventListener('scroll',function(){append_fancybox()}) window.addEventListener('mousemove',function(){append_fancybox()}) setTimeout(function(){append_fancybox()},3000) if($(window).scrollTop()>0)append_fancybox() $('.separator,.tr-caption-container').removeAttr('style') $('.separator a,.tr-caption-container a').attr('data-fancybox','gallery').removeAttr('imageanchor style') $('.tr-caption-container').each(function(){ var caption=$(this).find('.tr-caption').text() $(this).find('a').attr('data-caption',caption) }) } function callmarkup6(){ $('.font-size-increase>.font-size').click(function(){ $(this).addClass('active') $('.font-size-increase>.font-size').not($(this)).removeClass('active') }) $('.font-size.default').click(function(){ if($('.article-summary>p,.article-body').hasClass('font-increase'))$('.article-summary>p,.article-body').removeClass('font-increase') }) if($('article.article').hasClass('article-cover')){ var bg=$('.article-cover .article-body img.bg') if(bg.length!='')$('.article-cover .header-bg').css('background-image','url('+$(bg).attr('src')+')') else $('.article-cover .header-bg').css('background-image','url('+$('meta[property="og:image"]').attr('content')+')') } var img=$('.tr-caption-container tr:first-child img,.separator:not(.hidden) img') if(img.length>0){var ori='',or1='',or2='',or3='',wit='',hei='' function resizeImage(){ $(img).each(function(i){ var index=$(img[i]),offset=index.offset().top;ori=index.attr('src');or1=ori.substr(0,ori.lastIndexOf('/')) or2=or1.substr(0,or1.lastIndexOf('/'));or3=ori.replace(or1.substr((or2.length)+1,or1.length),'s1600') wit=index.data('original-width');hei=index.data('original-height') if(offset<($(window).scrollTop()+$(window).innerHeight())) $(img[i]).attr({'src':or3,'width':wit,'height':hei}).css('filter','none') }) } window.addEventListener('load',resizeImage);window.addEventListener('scroll',resizeImage) window.addEventListener('rezize',resizeImage);if(document.documentElement.scrollTop>0)resizeImage() } var q=$('.article-body .box-question>.question'),w=["Bạn là thần đồng","Bạn rất suất xắc","Kiến thức của bạn khá tốt","Bạn có thể làm tốt hơn thế"] if(q.length!==''){ $(q).each(function(n){ var ul=$(q[n]).find('ul'),mes=$(q[n]).parent().find('.message') $(ul).each(function(i,v){ var li=$(ul[i]).find('li'),p=$(ul[i]).next('p'),cor=$(ul[i]).find('li.correct') $(li).one('click',function(){ $(this).parent().addClass('answered') $(this).addClass('selected') $(p).appendTo($(cor)).addClass('explaination') if(i==ul.length-1){ var corr=$(ul).find('li.correct.selected').length, s=corr*100/ul.length-1 v='<span class="correct">'+corr+'</span><span class="total">'+ul.length+'</span>', $(v).insertAfter($(mes)) w.forEach(function(){ if(s==100)$(mes).html(w[0]) else if(s>=80)$(mes).html(w[1]) else if(s>=50)$(mes).html(w[2]) else $(mes).html(w[3]) }) } }) }) }) } var sticky=$('.article-social-pin'),navfixed=$('.header-navigation-bar'),h=$('.article-header').offset().top, f=$('.article-footer').offset().top-($('.article-footer').height()+150),scr=$(window).scrollTop() if(sticky.length!=''){ if(scr>h){ navfixed.removeClass('visible') sticky.addClass('show').removeClass('hide') } $(window).scroll(function(){ scr=$(this).scrollTop() if(scr>=f){ sticky.removeClass('show').addClass('hide') navfixed.addClass('visible') }else if(scr>=h){ sticky.addClass('show').removeClass('hide') navfixed.removeClass('visible') }else{ sticky.removeClass('show').addClass('hide') navfixed.addClass('visible') } }) $('.copy-clipboard').click(function(){_copy(data.blog.url);_append()}) $('.article-social-pin li:not(.btnHome)>a').click(function(ev){ev.preventDefault()}) $('.header-navigation-bar .sendBtn').click(function(){ FB.ui({method:'send',display:'popup',mobile_iframe:true,link:data.blog.url},function(a){}) }) $('.header-navigation-bar .feedBtn').click(function(){ FB.ui({method:'feed',display:'popup',mobile_iframe:true,link:data.blog.url},function(b){}) }) $('.article-social-pin .btnFacebook>a').click(function(){ FB.ui({method:'share',display:'popup',mobile_iframe:true,href:data.blog.url},function(t){}) }) $('.article-social-pin .btnTwitter>a').click(function(t){ t.preventDefault();t=$(this).parent().attr('data-href') var o=screen.width/2-200,n=screen.height/2-225; window.open(t,"popUpWindow","height=450,width=400,left="+o+",top="+n+ ",resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no,status=yes") }) $('.article-social-pin .btnComment>a,.scroll-to-comments').click(function(){ $('html,body').animate({scrollTop:$('#comments').offset().top-$('header.header').height()},800) }) $('.header-navigation-bar>div>div').click(function(e){e.stopPropagation()}) $('.header-navigation-bar>div').click(function(){$('html,body').animate({scrollTop:0},'slow')}) } $('.font-size.large').click(function(){ if(!$('.article-summary>p,.article-body').hasClass('font-increase'))$('.article-summary>p,.article-body').addClass('font-increase') }) if(data.view.isMobile!=='true'){ $('.header+div.refresh').removeClass('refresh') $('.menu .title>a').each(function(){ var x=$('.breadcrumbs ul li:last-child a').attr('title'),y=$(this).attr('title') if(x==y){$(this).parent().addClass('current') $('.menu .title>a').not($(this).parent()).removeClass('current') } }) var a=5,b=$('#banner-article'),br=$('.article-body>div:nth-of-type(2)').find('br'),e=Math.ceil(br.length/2) if(br.length!=''){ if(b.length!=''){ if(br.length>a)$(b).insertAfter(br[e]).removeClass('hidden') else $(b).remove() } } const error=document.createElement('div') error.setAttribute('id','error-report');error.setAttribute('class','hidden') error.innerHTML='<button id="btn-report-error">Báo lỗi</button><button id="btn-report-share">Chia sẻ</button>' document.body.appendChild(error) const sel=document.querySelectorAll('.article-header .article-title,.article-summary p,.article-body>div:nth-of-type(2)'), tooltip=document.getElementById('error-report'),report_error=document.getElementById('btn-report-error'), report_share=document.getElementById('btn-report-share') function getText(){if(window.getSelection)return window.getSelection()} for(var i=0;i<sel.length;i++){ sel[i].addEventListener('mouseup',function(){ const selection=getText() if(selection.toString().length>=1){ const oRect=selection.getRangeAt(0).getBoundingClientRect(), left=oRect.left+'px',top=(($('header.header').offset().top+oRect.top)-50)+'px' setTimeout(function(){ tooltip.setAttribute('style','top:'+top+';left:'+left+'') tooltip.classList.remove('hidden') },100) }else{ if(tooltip.hasAttribute)tooltip.removeAttribute('style') tooltip.classList.add('hidden') } }) } report_error.addEventListener('click',function(){location.href=data.url.contact}) report_share.addEventListener('click',function(){ FB.ui({method:'share',display:'popup',mobile_iframe:true,href:data.blog.url},function(t){}) }) } $('.article-body div.hidden,.article-body img.hidden,.article-body a[name="more"]').remove() var load_recent=0 function get_recent(){ if(load_recent==0){ load_recent=1 appendChildBody('https://sp.zalo.me/plugins/sdk.js','js') var index=20,x=$('.RecentPosts>.widget-content'),g='.blog-pager',h='.blog-pager>a',j='.ellipsis',f='', k='<div class="ellipsis"><div></div><div></div><div></div><div></div></div>',aN=$('#article-timeline'), aR=$('#article-coverage'),tR=$('.blog-posts>article.article') if(aR.length!=''){ var sT='<header class="section-title"><h3><a href="/search/label/'+aR.attr('data-label')+'">'+aR.attr('data-title')+'</a></h3></header>', sC='<div class="section-content"><div class="article-list"></div></div>' aR.html(sT+sC) $.get('/feeds/posts/summary/-/'+aR.attr('data-label')+'?alt=json-in-script&max-results='+aR.attr('data-count'),function(e){ if(e.feed.entry){ for(var f=0;f<e.feed.entry.length;f++){ var entry=e.feed.entry[f],eT=entry.title.$t for(var a=0;a<entry.link.length;a++){ if(entry.link[a].rel=='alternate'){ var eL=entry.link[a].href break } } if(eL===data.blog.url){ var cT='<article class="article-item current"><header><p class="article-title"><a href='+eL+' title="'+eT+'">'+eT+'</a></p><p class="article-meta"><span class="article-publish">'+formatTimer(entry.published.$t)+'</span></p></header></article>' aR.find('.article-list').append(cT) aR.find('.article-item.current').remove() }else{ cT='<article class="article-item"><header><p class="article-title"><a href='+eL+' title="'+eT+'">'+eT+'</a></p><p class="article-meta"><span class="article-publish">'+formatTimer(entry.published.$t)+'</span></p></header></article>' aR.find('.article-list').append(cT) } } } },'jsonp') } if(aN.length!=''){ var sT='<header class="section-title"><h3><a href="/search/label/'+aN.attr('data-label')+'">'+aN.attr('data-title')+'</a></h3></header>', sC='<div class="section-content"><div class="article-list"></div></div>' aN.html(sT+sC) $.get('/feeds/posts/default/-/'+aN.attr('data-label')+'?alt=json-in-script&max-results='+aN.attr('data-count'),function(e){ if(e.feed.entry){ for(var f=0;f<e.feed.entry.length;f++){ var entry=e.feed.entry[f],eT=entry.title.$t for(var a=0;a<entry.link.length;a++){ if(entry.link[a].rel=='alternate'){ var eL=entry.link[a].href break } } if('media$thumbnail' in entry){ var eB=entry.media$thumbnail.url.replace('s72-c','s1600') }else{ var st=entry.content.$t,at=st.indexOf("<img"),bt=st.indexOf('src="',at), ct=st.indexOf('"',bt + 5),dt=st.substr(bt+5,ct-bt-5) if(at!=-1&&bt!=-1&&ct!=-1&&dt!="")entry_thumb=dt else eB='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGIar891TSahcPforK1F2qXoZG5jrABHwIFeirPA1AuJs_2u-OBnyYhHpMoNO6nhSoH3mwp8tQFxthERKryunpRXVA189Wa_R4BrAkRr9P1tRvm0lqIenTauFlAA3mSKmaaBGxeI9_P9PI/s1600/safe_image.png' } if('content' in entry)var eM=entry.content.$t.replace('<div class="hidden">','<p class="article-summary">') else if('summary' in entry)eM=entry.summary.$t.replace('<div class="hidden">','<p class="article-summary">') if(eL===data.blog.url){ var cT='<article class="article-item current"><p class="article-thumbnail"><a href='+eL+' title="'+eT+'"><img alt="'+eT+'" src='+eB+'></a></p><header><p class="article-title"><a href='+eL+' title="'+eT+'">'+eT+'</a></p><p class="article-meta"><span class="article-publish">'+formatTimer(entry.published.$t)+'</span></p>'+eM+'</header></article>' aN.find('.article-list').append(cT) aN.find('.article-item.current').remove() }else{ cT='<article class="article-item"><p class="article-thumbnail"><a href='+eL+' title="'+eT+'"><img alt="'+eT+'" src='+eB+'></a></p><header><p class="article-title"><a href='+eL+' title="'+eT+'">'+eT+'</a></p><p class="article-meta"><span class="article-publish">'+formatTimer(entry.published.$t)+'</span></p>'+eM+'</header></article>' aN.find('.article-list').append(cT) } } } },'jsonp') } if(tR.hasClass('type-replated')){ var rL='<div id="related-article" class="related-article"></div>' if(aR.length!='')$(rL).insertBefore(aR) else if(aN.length!='')$(rL).insertBefore(aN) else $(rL).appendTo($('.article-body>div:nth-of-type(2)')) var n=Number(tR.attr('data-count')) $.get('/feeds/posts/summary/-/'+tR.attr('data-label')+'?alt=json&max-results=0',function(d){ if(d.feed){ var a=d.feed.openSearch$totalResults.$t if(a<n)n=a let arr=[] do{ let num=Math.floor(Math.random()*a) arr.push(num) arr=arr.filter((x,y)=>{return arr.indexOf(x)===y}) }while(arr.length<n) arr.forEach(function(m){m+=1 $.ajax({ type:'GET',url:'/feeds/posts/default/-/'+tR.attr('data-label'), data:{'alt':'json-in-script','start-index':m,'max-results':1}, dataType:'jsonp', success:function(e){ if(e.feed.entry){ for(var f=0;f<e.feed.entry.length;f++){ var entry=e.feed.entry[f],eT=entry.title.$t for(var a=0;a<entry.link.length;a++){ if(entry.link[a].rel=='alternate'){ var eL=entry.link[a].href break } } if('media$thumbnail' in entry){ var eB=entry.media$thumbnail.url.replace('s72-c','s1600') }else{ var st=entry.content.$t,at=st.indexOf("<img"),bt=st.indexOf('src="',at), ct=st.indexOf('"',bt + 5),dt=st.substr(bt+5,ct-bt-5) if(at!=-1&&bt!=-1&&ct!=-1&&dt!="")entry_thumb=dt else eB='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGIar891TSahcPforK1F2qXoZG5jrABHwIFeirPA1AuJs_2u-OBnyYhHpMoNO6nhSoH3mwp8tQFxthERKryunpRXVA189Wa_R4BrAkRr9P1tRvm0lqIenTauFlAA3mSKmaaBGxeI9_P9PI/s1600/safe_image.png' } if('content' in entry)var eM=entry.content.$t.replace('<div class="hidden">','<p class="article-summary">') else if('summary' in entry)eM=entry.summary.$t.replace('<div class="hidden">','<p class="article-summary">') if(eL===data.blog.url){ var cT='<article class="article-item related current"><p class="article-thumbnail"><a href='+eL+' title="'+eT+'"><img alt="'+eT+'" src='+eB+'></a></p><h3 class="article-title"><a href='+eL+' title="'+eT+'">'+eT+'</a></h3>'+eM+'</article>' $('.article-body').find('.related-article').append(cT) $('.article-item.current').remove() }else{ cT='<article class="article-item related"><p class="article-thumbnail"><a href='+eL+' title="'+eT+'"><img alt="'+eT+'" src='+eB+'></a></p><h3 class="article-title"><a href='+eL+' title="'+eT+'">'+eT+'</a></h3>'+eM+'</article>' $('.article-body').find('.related-article').append(cT) } } } } }) }) } },'jsonp') } $.get('/search/label/'+$('.related-posts>div').attr('data-label')+'?max-results='+data.blog.searchindex,function(e){ var a=$(e).find('.Blog .post') if(a.length){ var b=a.length,n=Number($('.related-posts>div').attr('data-count')) if(a.length<n)n=a.length let arr=[] do{let num=Math.floor(Math.random()*b) arr.push(num) arr=arr.filter((item,index)=>{return arr.indexOf(item)===index}) }while(arr.length<n) arr.forEach(function(i){ var html='<article class="post" data-article-id='+$(a[i]).attr('data-article-id')+'>'+$(a[i]).html()+'</article>' $('.related-posts>div').append(html) $('.related-posts').removeClass('loading') }) if(data.view.isMobile!='true')fM() }else $('.related-posts').remove() }) $.get('/search?max-results='+index,function(e){ var a=$(e).find('.Blog .post'),b=$(e).find(h) if(a.length){ if(a.length<index)index=a.length var c=$(b).attr('href'), d='<div class="blog-pager float-left w100 text-center"><a class="theme-button blue load-more" href='+c+' title="Tải thêm">Tải thêm</a></div>' for(var i=0;i<index;i++){ f='<article class="post data-article" data-article-id='+$(a[i]).attr('data-article-id')+'>'+$(a[i]).html()+'</article>' $(x).append(f).removeClass('loading') } if(data.view.isMobile!='true')fM() $(d).insertAfter($(x)) function l(){ setTimeout(function(){ $(g).html('<a class="theme-button blue disabled" href="javascript:void(0)">Không tìm thấy kết quả nào</a>') },600) } function m(v){ v.preventDefault() $(k).appendTo($(g));$(h).addClass('hide') if(c!=''){ $.get(c,function(e){ a=$(e).find('.Blog .post'),b=$(e).find(h) if(a.length){ if(a.length<index)index=a.length c=$(b).attr('href') for(var i=0;i<index;i++){ f='<article class="post data-article" data-article-id='+$(a[i]).attr('data-article-id')+'>'+$(a[i]).html()+'</article>' $(x).append(f) } $(j).remove();$(h).attr('href',c).removeClass('hide') if(data.view.isMobile!='true')fM() }else l() },'html') }else l() };$(h).on('click',m) }else $('.RecentPosts').remove() }) } } window.addEventListener('scroll',function(){get_recent()}) window.addEventListener('mousemove',function(){get_recent()}) if($(window).scrollTop()>0){get_recent()} setTimeout(function(){get_recent()},2000) var wW=$(window).width(),wH=$(window).height(),hH=$('header.header').height(),fH=wH-hH,hF=(wW-1100)/2, bC=$('.banner-col'),bL=$('.banner-col-left'),bR=$('.banner-col-right'),cW=$(bC).width() bC.css({'height':fH+'px'}) $(bL).css({'left':hF-cW+'px'}) $(bR).css({'right':hF-cW+'px'}) $(bC).removeClass('hide').addClass('show') $(window).resize(function(){ wW=$(window).width(),wH=$(window).height(),hH=$('header.header').height(),fH=wH-hH,hF=(wW-1100)/2, bC=$('.banner-col'),bL=$('.banner-col-left'),bR=$('.banner-col-right'),cW=$(bC).width() if(wW<1349){ bC.removeClass('show').addClass('hide') }else{ bC.removeClass('hide').addClass('show') $(bC).css({'height':fH+'px'}) $(bL).css({'left':hF-cW+'px'}) $(bR).css({'right':hF-cW+'px'}) } }) setTimeout(function(){ var fF=$('footer.footer').offset().top-($('footer.footer').height()*2) $(window).scroll(function(){ if($(this).scrollTop()>=fF)bC.removeClass('show').addClass('hide') else bC.removeClass('hide').addClass('show') }) },10000) } function callmarkup7(){ var a=15,b=$('.banner-post'),c='<div class="qc-300 banner-post has-banner box-shadow mobile">'+b.html()+'</div>',d=$('.banner-body'),br=$('.article-body>div').find('br'),e=Math.ceil(br.length/2) if(br.length!=''){ if(b.length!=''){ if(br.length>a)for(var i=a;i<br.length;i+=a)$(c).insertAfter(br[i]) $(b).remove() } if(d.length!=''){ $(d).insertAfter(br[e]).removeClass('hidden') var _w=$(window).width()+'px',_h=$(window).height()+'px' $('.banner-content').css({'height':_h}) $('.banner-position').css({'height':_h,'clip':'rect(0 '+_w+' '+_h+' -20px)'}) $('.banner-display').css({'width':_w,'height':_h}) $('.banner-iframe').css({'height':_h}) } } } if(data.view.isPost=='true'){ if(document.querySelector('.article-body .video-container')){ var tag=document.createElement('script') tag.src='https://www.youtube.com/iframe_api' var firstScriptTag=document.getElementsByTagName('script')[0] firstScriptTag.parentNode.insertBefore(tag, firstScriptTag) var player; function onYouTubeIframeAPIReady(){ player=new YT.Player('player',{events:{'onReady':onPlayerReady}}) } function onPlayerReady(event){event.target.playVideo()} var s1=document.querySelector('.switch>.first-checked'),s2=document.querySelector('.switch>.second-checked'), s3=document.querySelector('.switch>input[type="checkbox"]'),body=document.querySelector('body') body.setAttribute('data-theme','dark') s1.classList.remove('false') s1.classList.add('true') s2.classList.remove('false') s2.classList.add('true') s3.setAttribute('aria-checked','true') s3.setAttribute('aria-label','Đã bật') s3.setAttribute('title','Tắt') } } //]]></script> <script>//<![CDATA[ window.addEventListener('load',function(){ callmarkup1() if(data.view.isMobile=='true')callmarkup2() if(data.view.isHomepage=='true')callmarkup3() if([data.view.isHomepage,data.view.isPost].includes('true'))callmarkup4() if(data.view.isSingleItem=='true')callmarkup5() if(data.view.isPost=='true'){ callmarkup6() if(data.view.isMobile=='true')callmarkup7() } $(document).off('click','.modal--open',modal_open).on('click','.modal--open',modal_open) $('.header-page-icon>a').click(page_list);$('.switch>input[type="checkbox"]').click(switch_checked) $('form[name="contact_form"]').on('submit',submit_form) $(document).idle({onIdle:function(){location.reload()},idle:data.blog.timeOut}) if(data.view.isMobile!=='true'){ fM() if(data.view.isLabelSearch=='true'){ $('.menu .title>a').each(function(){ var x=$('.breadcrumbs h1').text(),y=$(this).attr('title') if(x==y){$(this).parent().addClass('current') $('.menu .title>a').not($(this).parent()).removeClass('current') } }) } } }) //]]></script> <b:if cond='data:view.isMultipleItems and !data:view.isHomepage'> <script>//<![CDATA[ window.addEventListener('load',function(){ var mq=window.matchMedia('(min-width:861px)') if(mq.matches){ (function(a){ function h(){ var z='<div></div><div></div><div></div><div></div>' g||(g=!0,d?(b.find('a').hide(),b.find('.ellipsis').append(z), a.ajax(d,{dataType:'html'}).done(function(c){ var c=a('<div></div>').append(c.replace('')),e=c.find('a.older-link'); e?d=e.attr('href'):(d='',b.addClass('hidden')) c=c.find(i).children() a(i).append(c); b.find('.ellipsis').empty() b.find('a').show() g=!1 fM() })):b.addClass('hidden')) } function k(){ var hT=$('#loading').offset().top,hH=$('#loading').outerHeight(), wH=$(window).height(),wS=$(this).scrollTop(); if(wS>(hT+hH-wH)&&(hT>wS)&&(wS+wH>hT+hH))h() } var d='',b=null,i='.blog-posts',g=!1, f=a(window),l=a(document); a(document).ready(function(){ if((d=a('a.older-link').attr('href'))){ var e=a('<div class="ellipsis">') f.scroll(k) b=a('<div class="loading-wrapper flex-center"></div>') b.append(e) b.insertBefore(a('.blog-pager')) } }) })(jQuery) }else{ var a='.blog-posts',b='.post',elem='.blog-pager',c='.blog-pager>a', d=document.querySelector(c),e=d.getAttribute('href'),r='.ellipsis', div='<div class="ellipsis"><div></div><div></div><div></div><div></div></div>' function f(){ setTimeout(function(){ $(r).remove() $(d).html('Không tìm thấy kết quả nào').removeClass('load-more hide').addClass('disabled') },500) } $(elem).removeClass('hidden') $(c).html('Tải thêm') function n(v){ v.preventDefault() $(div).appendTo($(elem)) $(d).addClass('hide') if(e!=''){ $.get(e,function(g){ var h=$(g).find(b) if(h.length){ var i=document.createElement('div'),j=$(i).append(g),k=j.find(c) if(k.length)(e=k.attr('href'),d.setAttribute('href',e)) else e='' var l=j.find(a).children(b) $(a).append(l) $(d).removeClass('hide') $(r).remove() }else f() },'html') }else f() };$(d).on('click',n) } }) //]]></script> </b:if> <b:if cond='data:view.isMultipleItems and !data:view.isHomepage and data:view.search.label neq "Video"'> <script>//<![CDATA[ window.addEventListener('load',function(){ var load_random=0 function get_random(){ if(load_random==0){ load_random=1 $.get('/search?max-results='+data.blog.searchindex,function(e){ var a=$(e).find('.Blog .post'),p='' if(a.length){ console.log(a.length) var b=a.length,r=10,c=document.querySelector('.RandomPosts>.widget-content') if(a.length<r)r=a.length let arr=[] do{let num=Math.floor(Math.random()*b) arr.push(num) arr=arr.filter((item,index)=>{return arr.indexOf(item)===index}) }while(arr.length<r) arr.forEach(function(i){ p+='<article class="post data-article" data-article-id='+$(a[i]).attr('data-article-id')+'>' p+=$(a[i]).html() p+='</article>' c.classList.remove('loading') c.innerHTML=p }) if(data.view.isMobile!='true')fM() }else{$('.RandomPosts').remove()} }) } } window.addEventListener('scroll',function(){get_random()}) if($(window).scrollTop()>0)get_random() }) //]]></script> </b:if> <b:if cond='data:view.search.label eq "Video"'> <script>//<![CDATA[ function create_video(e){ e.preventDefault() var parents=$(this).parents('.post'),src=$(parents).attr('data-video') $(parents).find('.post_thumb').html('<div class="video-container"><iframe allowfullscreen="" frameborder="0" src='+src+'></iframe></div>') } window.addEventListener('load',function(){ $('.icon-play').on('click',create_video) var load_random=0 function get_random(){ if(load_random==0){ load_random=1 $.get('/search?max-results='+data.blog.searchindex,function(e){ var a=$(e).find('.Blog .post'),p='' if(a.length){ var b=a.length,r=12,c=document.querySelector('.RandomPosts>.widget-content') if(a.length<r)r=a.length let arr=[] do{let num=Math.floor(Math.random()*b) arr.push(num) arr=arr.filter((m,n)=>{return arr.indexOf(m)===n}) }while(arr.length<r) arr.forEach(function(i){ p+='<article class="post data-article" data-article-id='+$(a[i]).attr('data-article-id')+'>' p+=$(a[i]).html() p+='</article>' c.classList.remove('loading') c.innerHTML=p }) if(data.view.isMobile!='true')fM() }else{$('.RandomPosts').remove()} }) $.get('/search?max-results=12',function(e){ var a=$(e).find('.Blog .post') if(a.length){ var r=12,z='' if(a.length<r)r=a.length for(var i=0;i<r;i++){ var html='<article class="post data-article" data-article-id='+$(a[i]).attr('data-article-id')+'>'+$(a[i]).html()+'</article>' $('.RecentPosts>.widget-content').append(html).removeClass('loading') } if(data.view.isMobile!='true')fM() }else{$('.RecentPosts').remove()} }) } } window.addEventListener('scroll',function(){get_random()}) if($(window).scrollTop()>0)get_random() }) var s1=document.querySelector('.switch>.first-checked'),s2=document.querySelector('.switch>.second-checked'), s3=document.querySelector('.switch>input[type="checkbox"]'),body=document.querySelector('body') body.setAttribute('data-theme','dark') s1.classList.remove('false') s1.classList.add('true') s2.classList.remove('false') s2.classList.add('true') s3.setAttribute('aria-checked','true') s3.setAttribute('aria-label','Đã bật') s3.setAttribute('title','Tắt') //]]></script> </b:if> <b:if cond='!data:view.isError and !data:view.isPage and data:view.search.label neq "Video"'> <script>//<![CDATA[ window.addEventListener('load',function(){ var mq=window.matchMedia('(min-width:861px)') if(mq.matches){ var widget=$('.sidebar>.has-banner.banner-fixed'),menu=$('header.header') if(widget){ var x=$(widget),y=$(widget).prev() if(data.view.isHomepage=='true')var z=$('#section-magazine') else z=$('#section-bottom') function scroll_to_fiexed(){ var d=$(window).scrollTop(),e=z.offset().top, f=y.offset().top+y.outerHeight(),g=x.height(),h=20 if(d+g>e-h)x.css({'top':(d+g-e+h)*-1,'z-index':0}) else if(d>f)x.css({'position':'fixed','top':menu.outerHeight(),'left':x.offset().left,'width':x.outerWidth(),'z-index':998}) else x.removeAttr('style') } $(window).scroll(scroll_to_fiexed) scroll_to_fiexed() window.addEventListener('resize',function(){ if(this.matchMedia('(max-width:860px)').matches)$(widget).hide() else $(widget).show() }) } } }) //]]></script> </b:if> <b:if cond='data:view.isPage'> <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js'/> <script src='https://cdnjs.cloudflare.com/ajax/libs/select2/4.1.0-beta.1/js/select2.min.js'/> <script>//<![CDATA[ (function(n) { function h(n, t) { var u, f, r; if ($province = $("select[data-address-type='province'][data-address-zone='" + n + "']"), $province) { for (u = ['<option value="" hidden>---<\/option>'], f = 0; f < i.length; f++) { if (r = i[f], r.id == t) { u.push("<option value='" + r.id + "' selected>" + r.name + "<\/option>"); continue } u.push("<option value='" + r.id + "'>" + r.name + "<\/option>") } $province.html(u.join("")) } } function s(n, t, i) { var r = $("select[data-address-type='district'][data-address-zone='" + n + "']"), s, e, o, u; if (r) { if (!t) { r.val(""); r.attr("disabled", "disabled"); r.html(""); return } for (s = f.filter(function(n) { return n.province_id == t }), e = ['<option value="" hidden>---<\/option>'], o = 0; o < s.length; o++) { if (u = s[o], u.id == i) { e.push("<option value='" + u.id + "' selected>" + u.name + "<\/option>"); continue } e.push("<option value='" + u.id + "'>" + u.name + "<\/option>") } r.removeAttr("disabled"); r.html(e.join("")) } } function r(n, t, i) { var r = $("select[data-address-type='ward'][data-address-zone='" + n + "']"), f, s, o, u; if (r) { if (!t) { r.val(""); r.attr("disabled", "disabled"); r.html(""); return } for (f = ['<option value="" hidden>---<\/option>'], s = e.filter(function(n) { return n.district_id == t }), o = 0; o < s.length; o++) { if (u = s[o], u.id == i) { f.push("<option value='" + u.id + "' selected>" + u.name + "<\/option>"); continue } f.push("<option value='" + u.id + "'>" + u.name + "<\/option>") } r.removeAttr("disabled"); r.html(f.join("")) } } function c() { return o ? { then: function(n) { return n() } } : fetch("https://cdn.jsdelivr.net/gh/vietblogdao/js/addresses.json").then(function(n) { return n.json() }).then(function(n) { i = n.provinces; f = n.districts; e = n.wards; o = !0 }) } function u() {} function t(n, t) { $('select[data-address-type="' + t + '"][data-address-zone="' + n + '"]').trigger("address:change") } var i = [], f = [], e = [], o = !1; u.prototype.bind = function() { $("body").on("change", "select[data-address-type]", function(n) { var u = n.target.getAttribute("data-address-type"), i = n.target.getAttribute("data-address-zone"); u === "province" ? (t(i, "province"), s(i, n.target.value, undefined), t(i, "district"), r(i, "", undefined), t(i, "ward")) : u === "district" && (t(i, "district"), r(i, n.target.value, undefined), t(i, "ward")) }); return this }; u.prototype.refresh = function(n) { var i = {}, u; ($("[data-address-zone]").each(function() { var n = $(this), r = n.data("address-type"), t, u; r && (t = n.data("address-zone"), u = i[t] || (i[t] = {}), u[r] = n.val() || n.attr("value")) }), u = Object.keys(i), u.length != 0) && c().then(function() { u.forEach(function(n) { var u = i[n]; h(n, u.province); t(n, "province"); s(n, u.province, u.district); t(n, "district"); r(n, u.district, u.ward); t(n, "ward") }); n && n() }) }; n.Address = new u })(window); $(function() { $("body").on("click", "[data-toggle]", function() { var n = $(this); n.toggleClass("toggled"); $(n.attr("data-toggle")).toggleClass(n.attr("data-toggle-class")) }).on("focus", ".field__label+input[type=text].field__input,textarea.field__input", function() { $(this).closest(".field").addClass("field--show-floating-label") }).on("blur", ".field__label+input[type=text].field__input,textarea.field__input", function() { this.value || $(this).closest(".field").removeClass("field--show-floating-label") }).on("change", ".field.field--error .field__input", function() { $(this).closest(".field").removeClass("field--error") }).on("keypress", "#checkoutForm input", function(n) { n.keyCode == 13 && n.preventDefault() }) }); $(function() { function u() { $("select[data-address-type]").select2({ width: "100%", language: { noResults: function() { return "KhĂ´ng tìm thấy kết quả" } } }) } u() Address.bind().refresh() $('select[name="billingProvince"]').change(function() { var province=$(this).select2('data')[0].text $('input#address_1').attr('value',province) }) $('select[name="billingDistrict"]').change(function() { var district=$(this).select2('data')[0].text $('input#address_2').attr('value',district) }) $('select[name="billingWard"]').change(function() { var ward=$(this).select2('data')[0].text $('input#address_3').attr('value',ward) }) }) //]]></script> </b:if> <b:if cond='data:widgets.Blog.first.allBylineItems.share'> <script>//<![CDATA[ function _popup(){ var a=document.getElementsByClassName('social-wrapper'),o=a.length for(var i=0;i<o;i++){ a[i].addEventListener('click',function(t){ t.preventDefault();t=this.getAttribute('href') var o=screen.width/2-200,n=screen.height/2-225; window.open(t,"popUpWindow","height=450,width=400,left="+o+",top="+n+ ",resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no,status=yes") }) } } function _share_post(e){ e.preventDefault() var $this=$(this),_id=$this.attr('data-postId'),_url=$this.attr('data-href'), _thumb=$this.attr('data-image'),_sum=$this.attr('data-snippets'), _fb='https://www.facebook.com/dialog/share?app_id=248984349484874&href='+_url, _tw='https://twitter.com/intent/tweet?url='+_url+'&text='+_sum, _pi='https://www.pinterest.com/pin/create/button/?url='+_url+'&description='+_sum+'&media='+_thumb, _li='https://www.linkedin.com/sharing/share-offsite/?url='+_url, _em='https://www.blogger.com/email-post.g?blogID='+data.blog.blogId+'&postID='+_id, _modal_content='<div class="modal--confirm diaglog"><div class="modal--dialog"><div class="_3em"></div><div class="modal--content"><div class="modal--header"><div class="_mht">'+data.messages.shareheader+'</div><div aria-label="close" class="_mhc modal--icon has-svg-icon has-hover modal--close" role="button" tabindex="0"></div></div><div class="modal--body"><div><ul class="dd-menu"><li><a class="copy copy-icon has-svg-icon mr-25" href="javascript:void(0)" title="'+data.messages.copy+'">'+data.messages.copy+'</a></li><li><a class="social-wrapper facbook-icon has-svg-icon mr-25" href='+_fb+'>'+data.messages.facebook+'</a></li><li><a class="social-wrapper twitter-icon has-svg-icon mr-25" href="'+_tw+'">'+data.messages.twitter+'</a></li><li><a class="social-wrapper pinterest-icon has-svg-icon mr-25" href="'+_pi+'">'+data.messages.pinterest+'</a></li><li><a class="social-wrapper linkedin-icon has-svg-icon mr-25" href='+_li+'>'+data.messages.linkedin+'</a></li><li><a class="social-wrapper email-icon has-svg-icon mr-25" href='+_em+'>'+data.messages.email+'</a></li></ul></div></div><div class="modal--footer"><button aria-label="close" class="primary has-hover modal--close" type="button">'+data.messages.close+'</button></div></div><div class="_3em"></div></div></div>' $this.attr({'aria-expanded':'true','aria-pressed':'true'}) $(_modal_content).appendTo('body') $('.modal--confirm.diaglog').fadeIn('slow',function(){$(this).addClass('show')}) $('.modal--close').click(function(){ $this.attr({'aria-expanded':'false','aria-pressed':'false'}) $('.modal--confirm.diaglog').removeClass('show') setTimeout(function(){$('.modal--confirm.diaglog').remove()},200) }) _popup() $('.copy').click(function(){_copy(_url);_append()}) } window.addEventListener('load',function(){ $(document).off('click','.share-this-post',_share_post).on('click','.share-this-post',_share_post) }) //]]></script> </b:if> <b:if cond='!data:view.isPage'> <script asysn='asysn' defer='defer' src='//cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js'/> </b:if> <script asysn='asysn' defer='defer' src='//cdn.jsdelivr.net/gh/vietblogdao/js/jquery.idle.min.js'/> <script asysn='asysn' defer='defer' src='//cdnjs.cloudflare.com/ajax/libs/lazysizes/5.1.2/lazysizes.min.js'/> </b:includable> <b:includable id='facebook'> <div id='fb-root'/> <script>//<![CDATA[ window.addEventListener('load',function(){ var load_sdk=0 function sdk(){ if(load_sdk==0){ load_sdk=1 appendChildBody('https://connect.facebook.net/vi_VN/sdk.js#xfbml=1&version=v8.0&appId=2069048113377140','js') } } window.addEventListener('scroll',function(){sdk()}) if($(window).scrollTop()>0)sdk() }) //]]></script> </b:includable> <b:includable id='analytics'> <b:if cond='data:blog.analyticsAccountNumber'> <script>//<![CDATA[ window.addEventListener('load',function(){ var load_analytic=0 function _analytics(){ if(load_analytic==0){ load_analytic=1 appendChildHead('https://www.googletagmanager.com/gtag/js?id='+data.blog.analyticsAccountNumber,'js') window.dataLayer=window.dataLayer||[] function gtag(){dataLayer.push(arguments)} gtag('js', new Date()) gtag('config',data.blog.analyticsAccountNumber) } } window.addEventListener('scroll',function(){_analytics()}) window.addEventListener('mousemove',function(){_analytics()}) if($(window).scrollTop()>0)_analytics() setTimeout(function(){_analytics()},3000) }) //]]></script> </b:if> </b:includable> </b:defaultmarkup> </b:defaultmarkups></head> <body data-theme='light'> <header class='header'> <div class='container flex flex-flow'> <b:section class='header-left flex-align flex-left' id='header-left' showaddelement='false'> <b:widget id='Header1' locked='true' title='news (Header)' type='Header' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='displayUrl'>https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnw1J5GMZ7ArY8pP5YDAuXcZJRovPagVgv9jV4AJIzigfLbm9-2z8ZcGLasdepgyu7xvFM99DqFQ1vpskth5VrBZY_oo8dxWV_HWN9Bh2-SmgNH3MmqhkwhgJbKkHXVg9g-YRtpjSGfOPD/s160/NhipSong24h.png</b:widget-setting> <b:widget-setting name='displayHeight'>47</b:widget-setting> <b:widget-setting name='sectionWidth'>150</b:widget-setting> <b:widget-setting name='useImage'>true</b:widget-setting> <b:widget-setting name='shrinkToFit'>false</b:widget-setting> <b:widget-setting name='imagePlacement'>REPLACE</b:widget-setting> <b:widget-setting name='displayWidth'>160</b:widget-setting> </b:widget-settings> <b:includable id='main' var='this'> <b:attr name='class' value='header-widget flex-align'/> <b:attr name='data-version' value=''/> <b:attr name='id' value=''/> <b:if cond='data:view.isMultipleItems and !data:view.search.label and !data:blog.searchQuery'> <h1><data:blog.title/></h1><b:if cond='data:this.description'><h2><data:this.description/></h2></b:if> </b:if> <div class='nav-icon flex-center show-for-medium'><button aria-expanded='false' aria-label='menu' aria-pressed='false' class='open has-hover has-svg-icon'/></div> <b:include cond='data:imagePlacement in {"REPLACE", "BEFORE_DESCRIPTION"}' name='image'/> <b:include cond='data:imagePlacement not in {"REPLACE", "BEFORE_DESCRIPTION"}' name='title'/> <b:include cond='data:imagePlacement != "REPLACE"' name='description'/> <b:include cond='data:imagePlacement == "BEHIND"' name='behindImageStyle'/> </b:includable> <b:includable id='behindImageStyle'> <b:if cond='data:sourceUrl'> <b:include cond='data:this.image' data='{ image: data:this.image, selector: ".header-widget" }' name='responsiveImageStyle'/> <style type='text/css'> .header-widget {background-position: <data:blog.locale.languageAlignment/>;background-repeat:no-repeat;} </style> </b:if> </b:includable> <b:includable id='description'> <h2><data:this.description/></h2> </b:includable> <b:includable id='image'> <a expr:href='data:blog.homepageUrl' expr:title='data:blog.title'> <img class='logo_dark' expr:alt='data:title' expr:height='data:height' expr:src='data:sourceUrl' expr:width='data:width' loading='lazy'/> <img class='logo_light' expr:alt='data:title' expr:height='data:height' expr:width='data:width' loading='lazy' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFctTLlyBPYK1K7GIvg1VKGbvQa69qxN9mVoF-hJTz2UYiSnQJ5OmI0fwgyBT4aJL1cvB4IhWnG0SClC2FEkCFElxQP4wqSFl8OOX1P3tQdqr1BSk70ypRUB6h-ps0qfEry3-FhPyz4efA/s160/NhipSong24h.png'/> </a> </b:includable> <b:includable id='title'> <a expr:href='data:blog.homepageUrl' expr:title='data:blog.title'><data:title/></a> </b:includable> </b:widget> </b:section> <b:section class='header-middle menu' id='header-middle' showaddelement='false'> <b:widget id='HTML1' locked='true' title='Menu' type='HTML' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='content'/> </b:widget-settings> <b:includable id='main'> <b:attr name='class' value=''/><b:attr name='data-nosnippet' value='true'/> <b:attr name='id' value=''/><b:attr name='data-version' value=''/> <div class='widget show-for-medium'> <div class='title home flex-align'> <a expr:href='data:blog.homepageUrl' expr:title='data:messages.home'><data:messages.home/></a> <button aria-label='close menu' class='close has-svg-icon show-for-medium'/> </div> </div> <div class='widget'> <div class='title has-toggle'><a href='/search/label/Xã%20hội' title='Xã hội'>Xã hội</a></div> <div class='widget-content show-for-medium'> <div class='dropdown'/> <ul> <li class='item-first-child hide-for-menium'><label>Xã hội</label></li> <li><a href='/search/label/Giao%20thông' title='Giao thông'>Giao thông</a></li> <li><a href='/search/label/Đô%20thị' title='Đô thị'>Đô thị</a></li> </ul> </div> </div> <div class='widget'> <div class='title has-toggle'><a href='/search/label/Pháp%20luật' title='Pháp luật'>Pháp luật</a></div> <div class='widget-content show-for-medium'> <div class='dropdown'/> <ul> <li class='item-first-child hide-for-menium'><label>Pháp luật</label></li> <li><a href='/search/label/Pháp%20đình' title='Pháp đình'>Pháp đình</a></li> <li><a href='/search/label/Vụ%20án' title='Vụ án'>Vụ án</a></li> </ul> </div> </div> <div class='widget'> <div class='title has-toggle'><a href='/search/label/Thế%20giới' title='Thế giới'>Thế giới</a></div> <div class='widget-content show-for-medium'> <div class='dropdown'/> <ul> <li class='item-first-child hide-for-menium'><label>Thế giới</label></li> <li><a href='/search/label/Quân%20sự' title='Quân sự'>Quân sự</a></li> <li><a href='/search/label/Tư%20liệu' title='Tư liệu'>Tư liệu</a></li> <li><a href='/search/label/Phân%20tích' title='Phân tích'>Phân tích</a></li> <li><a href='/search/label/Người%20Việt%204%20phương' title='Người Việt 4 phương'>Người Việt 4 phương</a></li> <li><a href='/search/label/Chuyện%20lạ' title='Chuyện lạ'>Chuyện lạ</a></li> </ul> </div> </div> <div class='widget'> <div class='title has-toggle'><a href='/search/label/Kinh%20doanh' title='Kinh doanh'>Kinh doanh</a></div> <div class='widget-content show-for-medium'> <div class='dropdown'/> <ul> <li><a href='/search/label/Bất%20động%20sản' title='Bất động sản'>Bất động sản</a></li> <li><a href='/search/label/Hàng%20không' title='Hàng không'>Hàng không</a></li> <li><a href='/search/label/Tài%20chính' title='Tài chính'>Tài chính</a></li> <li><a href='/search/label/Tiêu%20dùng' title='Tiêu dùng'>Tiêu dùng</a></li> </ul> </div> </div> <div class='widget'> <div class='title has-toggle'><a href='/search/label/Công%20nghệ' title='Công nghệ'>Công nghệ</a></div> <div class='widget-content show-for-medium'> <div class='dropdown'/> <ul> <li class='item-first-child hide-for-menium'><label>Công nghệ</label></li> <li><a href='/search/label/Mobile' title='Mobile'>Mobile</a></li> <li><a href='/search/label/Internet' title='Internet'>Internet</a></li> <li><a href='/search/label/Game' title='Game'>Game</a></li> </ul> </div> </div> <div class='widget'> <div class='title has-toggle'><a href='/search/label/Sức%20khỏe' title='Sức khỏe'>Sức khỏe</a></div> <div class='widget-content show-for-medium'> <div class='dropdown'/> <ul> <li class='item-first-child hide-for-menium'><label>Sức khỏe</label></li> <li><a href='/search/label/Khỏe%20đẹp' title='Khỏe đẹp'>Khỏe đẹp</a></li> <li><a href='/search/label/Dinh%20dưỡng' title='Dinh dưỡng'>Dinh dưỡng</a></li> <li><a href='/search/label/Mẹ%20và%20Bé' title='Mẹ và Bé'>Mẹ và Bé</a></li> <li><a href='/search/label/Bệnh%20thường%20gặp' title='Bệnh thường gặp'>Bệnh thường gặp</a></li> </ul> </div> </div> <div class='widget'> <div class='title has-toggle'><a href='/search/label/Thể%20thao' title='Thể thao'>Thể thao</a></div> <div class='widget-content show-for-medium'> <div class='dropdown'/> <ul> <li class='item-first-child hide-for-menium'><label>Thể thao</label></li> <li><a href='/search/label/Bóng%20đá%20Việt%20Nam' title='Bóng đá Việt Nam'>Bóng đá Việt Nam</a></li> <li><a href='/search/label/Bóng%20đá%20Anh' title='Bóng đá Anh'>Bóng đá Anh</a></li> <li><a href='/search/label/Võ%20thuật' title='Võ thuật'>Võ thuật</a></li> <li><a href='/search/label/eSports' title='eSports'>eSports</a></li> <li><a href='/search/label/Hậu trường' title='Hậu trường'>Hậu trường</a></li> </ul> </div> </div> <div class='widget'> <div class='title has-toggle'><a href='/search/label/Giải%20trí' title='Giải trí'>Giải trí</a></div> <div class='widget-content show-for-medium'> <div class='dropdown'/> <ul> <li class='item-first-child hide-for-menium'><label>Giải trí</label></li> <li><a href='/search/label/Sao' title='Sao'>Sao</a></li> <li><a href='/search/label/Âm%20nhạc' title='Âm nhạc'>Âm nhạc</a></li> <li><a href='/search/label/Phim%20ảnh' title='Phim ảnh'>Phim ảnh</a></li> <li><a href='/search/label/Thời%20trang' title='Thời trang'>Thời trang</a></li> </ul> </div> </div> <div class='widget'> <div class='title has-toggle'><a href='/search/label/Đời%20sống' title='Đời sống'>Đời sống</a></div> <div class='widget-content show-for-medium'> <div class='dropdown'/> <ul> <li class='item-first-child hide-for-menium'><label>Đời sống</label></li> <li><a href='/search/label/Giới%20trẻ' title='Giới trẻ'>Giới trẻ</a></li> <li><a href='/search/label/Xu%20hướng' title='Xu hướng'>Xu hướng</a></li> <li><a href='/search/label/Sống%20đẹp' title='Sống đẹp'>Sống đẹp</a></li> </ul> </div> </div> <div class='widget show-for-medium'> <div class='title has-toggle'><a href='/search/label/Giáo%20dục' title='Giáo dục'>Giáo dục</a></div> <div class='widget-content'> <div class='dropdown'/> <ul> <li class='item-first-child hide-for-menium'><label>Giáo dục</label></li> <li><a href='/search/label/Tuyển%20sinh%202020' title='Tuyển sinh 2020'>Tuyển sinh 2020</a></li> <li><a href='/search/label/Tư%20vấn' title='Tư vấn'>Tư vấn</a></li> <li><a href='/search/label/Du%20học' title='Du học'> Du học</a></li> </ul> </div> </div> <div class='widget show-for-medium'> <div class='title has-toggle'><a href='/search/label/Du%20lịch' title='Du lịch'>Du lịch</a></div> <div class='widget-content'> <div class='dropdown'/> <ul> <li class='item-first-child hide-for-menium'><label>Du lịch</label></li> <li><a href='/search/label/Địa%20điểm%20du%20lịch' title='Địa điểm du lịch'>Địa điểm du lịch</a></li> <li><a href='/search/label/Kinh%20nghiệm%20du%20lịch' title='Kinh nghiệm du lịch'>Kinh nghiệm du lịch</a></li> <li><a href='/search/label/Ẩm%20thực' title='Ẩm thực'>Ẩm thực</a></li> <li><a href='/search/label/Phượt' title='Phượt'>Phượt</a></li> </ul> </div> </div> <div class='widget show-for-medium'> <div class='title has-toggle'><a href='/search/label/Xe' title='Xe'>Xe</a></div> <div class='widget-content'> <div class='dropdown'/> <ul> <li class='item-first-child hide-for-menium'><label>Xe</label></li> <li><a href='/search/label/Ôtô' title='Ôtô'>Ôtô</a></li> <li><a href='/search/label/Xe%20máy' title='Xe máy'>Xe máy</a></li> <li><a href='/search/label/Đánh%20giá%20xe' title='Đánh giá xe'>Đánh giá xe</a></li> <li><a href='/search/label/Xe%20thể%20thao' title='Xe thể thao'>Xe thể thao</a></li> </ul> </div> </div> <b:if cond='!data:blog.isMobileRequest'> <div class='widget has-more-full has-hover hide-for-medium'> <div class='title more'><span class='dot dot1 has-hover'/><span class='dot dot2'/><span class='dot dot3'/></div> <div class='widget-content width-more-full'> <div class='container'> <nav class='category-menu flex flex-flow'> <ul class='flex'> <li class='parent thoi-su'> <a href='/search/label/Xã%20hội' title='Xã hội'>Xã hội</a> <div class='subcate'> <ul> <li><a href='/search/label/Giao%20thông' title='Giao thông'>Giao thông</a></li> <li><a href='/search/label/Đô%20thị' title='Đô thị'>Đô thị</a></li> </ul> </div> </li> <li class='parent'> <a href='/search/label/Pháp%20luật' title='Pháp luật'>Pháp luật</a> <div class='subcate'> <ul> <li><a href='/search/label/Pháp%20đình' title='Pháp đình'>Pháp đình</a></li> <li><a href='/search/label/Vụ%20án' title='Vụ án'>Vụ án</a></li> </ul> </div> </li> <li class='parent'> <a href='/search/label/Thế%20giới' title='Thế giới'>Thế giới</a> <div class='subcate'> <ul> <li><a href='/search/label/Quân%20sự' title='Quân sự'>Quân sự</a></li> <li><a href='/search/label/Tư%20liệu' title='Tư liệu'>Tư liệu</a></li> <li><a href='/search/label/Phân%20tích' title='Phân tích'>Phân tích</a></li> <li><a href='/search/label/Người%20Việt%204%20phương' title='Người Việt 4 phương'>Người Việt 4 phương</a></li> <li><a href='/search/label/Chuyện%20lạ' title='Chuyện lạ'>Chuyện lạ</a></li> </ul> </div> </li> <li class='parent'> <a href='/search/label/Kinh%20doanh' title='Kinh doanh'>Kinh doanh</a> <div class='subcate'> <ul> <li><a href='/search/label/Bất%20động%20sản' title='Bất động sản'>Bất động sản</a></li> <li><a href='/search/label/Hàng%20không' title='Hàng không'>Hàng không</a></li> <li><a href='/search/label/Tài%20chính' title='Tài chính'>Tài chính</a></li> <li><a href='/search/label/Tiêu%20dùng' title='Tiêu dùng'>Tiêu dùng</a></li> </ul> </div> </li> <li class='parent'> <a href='/search/label/Công%20nghệ' title='Công nghệ'>Công nghệ</a> <div class='subcate'> <ul> <li><a href='/search/label/Mobile' title='Mobile'>Mobile</a></li> <li><a href='/search/label/Internet' title='Internet'>Internet</a></li> <li><a href='/search/label/Game' title='Game'>Game</a></li> </ul> </div> </li> <li class='parent'> <a href='/search/label/Sức%20khỏe' title='Sức khỏe'>Sức khỏe</a> <div class='subcate'> <ul> <li><a href='/search/label/Khỏe%20đẹp' title='Khỏe đẹp'>Khỏe đẹp</a></li> <li><a href='/search/label/Dinh%20dưỡng' title='Dinh dưỡng'>Dinh dưỡng</a></li> <li><a href='/search/label/Mẹ%20và%20Bé' title='Mẹ và Bé'>Mẹ và Bé</a></li> <li><a href='/search/label/Bệnh%20thường%20gặp' title='Bệnh thường gặp'>Bệnh thường gặp</a></li> </ul> </div> </li> <li class='parent'> <a href='/search/label/Thể%20thao' title='Thể thao'>Thể thao</a> <div class='subcate'> <ul> <li><a href='/search/label/Bóng%20đá%20Việt%20Nam' title='Bóng đá Việt Nam'>Bóng đá Việt Nam</a></li> <li><a href='/search/label/Bóng%20đá%20Anh' title='Bóng đá Anh'>Bóng đá Anh</a></li> <li><a href='/search/label/Võ%20thuật' title='Võ thuật'>Võ thuật</a></li> <li><a href='/search/label/eSports' title='eSports'>eSports</a></li> <li><a href='/search/label/Hậu trường' title='Hậu trường'>Hậu trường</a></li> </ul> </div> </li> <li class='parent'> <a href='/search/label/Giải%20trí' title='Giải trí'>Giải trí</a> <div class='subcate'> <ul> <li><a href='/search/label/Sao' title='Sao'>Sao</a></li> <li><a href='/search/label/Âm%20nhạc' title='Âm nhạc'>Âm nhạc</a></li> <li><a href='/search/label/Phim%20ảnh' title='Phim ảnh'>Phim ảnh</a></li> <li><a href='/search/label/Thời%20trang' title='Thời trang'>Thời trang</a></li> </ul> </div> </li> <li class='parent'> <a href='/search/label/Đời%20sống' title='Đời sống'>Đời sống</a> <div class='subcate'> <ul> <li><a href='/search/label/Giới%20trẻ' title='Giới trẻ'>Giới trẻ</a></li> <li><a href='/search/label/Xu%20hướng' title='Xu hướng'>Xu hướng</a></li> <li><a href='/search/label/Sống%20đẹp' title='Sống đẹp'>Sống đẹp</a></li> </ul> </div> </li> <li class='parent'> <a href='/search/label/Giáo%20dục' title='Giáo dục'>Giáo dục</a> <div class='subcate'> <ul> <li><a href='/search/label/Tuyển%20sinh%202020' title='Tuyển sinh 2020'>Tuyển sinh 2020</a></li> <li><a href='/search/label/Tư%20vấn' title='Tư vấn'>Tư vấn</a></li> <li><a href='/search/label/Du%20học' title='Du học'> Du học</a></li> </ul> </div> </li> <li class='parent'> <a href='/search/label/Du%20lịch' title='Du lịch'>Du lịch</a> <div class='subcate'> <ul> <li><a href='/search/label/Địa%20điểm%20du%20lịch' title='Địa điểm du lịch'>Địa điểm du lịch</a></li> <li><a href='/search/label/Kinh%20nghiệm%20du%20lịch' title='Kinh nghiệm du lịch'>Kinh nghiệm du lịch</a></li> <li><a href='/search/label/Ẩm%20thực' title='Ẩm thực'>Ẩm thực</a></li> <li><a href='/search/label/Phượt' title='Phượt'>Phượt</a></li> </ul> </div> </li> <li class='parent'> <a href='/search/label/Xe' title='Xe'>Xe</a> <div class='subcate'> <ul> <li><a href='/search/label/Ôtô' title='Ôtô'>Ôtô</a></li> <li><a href='/search/label/Xe%20máy' title='Xe máy'>Xe máy</a></li> <li><a href='/search/label/Đánh%20giá%20xe' title='Đánh giá xe'>Đánh giá xe</a></li> <li><a href='/search/label/Xe%20thể%20thao' title='Xe thể thao'>Xe thể thao</a></li> </ul> </div> </li> </ul> </nav> </div> </div> </div> </b:if> </b:includable> </b:widget> </b:section> <b:section class='header-right flex-right' id='header-right' showaddelement='false'> <b:widget id='LinkList1' locked='true' title='Link' type='LinkList' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='link-5'>#</b:widget-setting> <b:widget-setting name='link-3'>http://</b:widget-setting> <b:widget-setting name='link-4'>#</b:widget-setting> <b:widget-setting name='text-1'>Liputan9</b:widget-setting> <b:widget-setting name='text-0'> Terms and Conditions</b:widget-setting> <b:widget-setting name='text-3'>Pasang Iklan</b:widget-setting> <b:widget-setting name='text-2'>Mới cập nhật</b:widget-setting> <b:widget-setting name='text-5'>Pestashop</b:widget-setting> <b:widget-setting name='text-4'>Pedoman Media Siber</b:widget-setting> <b:widget-setting name='shownum'>5</b:widget-setting> <b:widget-setting name='sorting'>ALPHABETICAL</b:widget-setting> <b:widget-setting name='link-1'>#</b:widget-setting> <b:widget-setting name='link-2'>/search</b:widget-setting> <b:widget-setting name='link-0'>/p/terms-and-conditions.html</b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:attr name='class' value='widget page-list flex-align relative'/><b:attr name='data-nosnippet' value='true'/> <b:attr name='id' value=''/><b:attr name='data-version' value=''/><b:attr name='expanded' value='false'/> <div class='web-search flex-align'> <form class='flex-align' expr:action='data:blog.searchUrl' method='get' role='search'> <button aria-label='Tìm kiếm' class='search-icon has-svg-icon has-hover' type='submit'/> <input autocomplete='off' expr:aria-label='data:messages.search' expr:placeholder='data:messages.search' expr:value='data:view.isSearch ? data:view.search.query.escaped : ""' name='q' required='' spellcheck='false' type='search'/> <button aria-label='reset' expr:class='data:view.isSearch ? "reset reset-icon has-hover has-svg-icon" : "reset hidden reset-icon has-hover has-svg-icon"' type='reset'/> </form> </div> <ul class='flex-align header-icon'> <b:if cond='!data:blog.isMobileRequest'> <li class='show-for-medium hide-for-small'><a href='' title=''>Tin nhanh</a></li> <li class='show-for-medium hide-for-small'><a href='' title=''>Thể thao</a></li> </b:if> <li class='header-search-icon has-icon'> <a aria-expanded='false' aria-pressed='false' class='search-button flex-center' expr:aria-label='data:messages.search' expr:title='data:messages.search' href='javascript:void(0)' role='button'><i class='search-icon has-svg-icon'/></a> </li> <li class='header-page-icon has-icon'> <a aria-expanded='false' aria-label='Trang' aria-pressed='false' class='page-button flex-center' href='javascript:void(0)' role='button' title='Trang'><i class='page-icon has-svg-icon'/></a> </li> </ul> <b:include name='content'/> </b:includable> <b:includable id='content'> <div aria-hidden='true' class='widget-content'> <ul> <b:loop values='data:links' var='link'> <li><a expr:href='data:link.target' expr:title='data:link.name'><data:link.name/></a></li> </b:loop> <b:if cond='!data:view.isHomepage'><li><a expr:href='data:blog.homepageUrl' title='Về trang chủ'>Về trang chủ</a></li></b:if> <li> <a class='has-switch flex-align' href='javascript:void(0)' title='Chế độ tối'> <div class='flex-left'>Chế độ tối</div> <div class='switch flex-right'> <div class='first-checked false'/> <div class='second-checked false'/> <input aria-checked='false' aria-label='Đã tắt' class='has-hover' dir='auto' role='switch' tabindex='-1' title='Bật' type='checkbox'/> </div> </a> </li> </ul> </div> </b:includable> </b:widget> </b:section> </div> </header> <div class='flex flex-flow'> <b:class cond='data:view.isPost and !data:blog.isMobileRequest' name='refresh'/> <b:section class='site-header flex flex-flow w100' id='site-header' showaddelement='false'> <b:widget cond='!data:view.isError' id='HTML100' locked='true' title='Quảng cáo đầu trang' type='HTML' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='content'><![CDATA[<a href="/p/contact-us.html" rel="noopener" target="_blank" title="Contact us">QUẢNG CÁO</a>]]></b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:attr name='class' value='container w100'/><b:attr name='data-version' value=''/><b:attr name='id' value=''/> <b:attr name='data-nosnippet' value='true'/> <div class='widget has-banner destop'><div class='banner-full-width flex-center text-center'><data:content/></div></div> </b:includable> </b:widget> </b:section> <b:section class='section-top container flex flex-flow w100' cond='data:view.isMultipleItems' id='section-top' showaddelement='false'> <b:widget cond='data:view.isHomepage' id='LinkList2' locked='true' title='Tags' type='LinkList' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='shownum'>5</b:widget-setting> <b:widget-setting name='link-3'>/</b:widget-setting> <b:widget-setting name='sorting'>NONE</b:widget-setting> <b:widget-setting name='link-4'>/</b:widget-setting> <b:widget-setting name='text-1'>Biến động giá vàng</b:widget-setting> <b:widget-setting name='link-1'>/</b:widget-setting> <b:widget-setting name='text-0'>Vaccine Covid-19 của Nga</b:widget-setting> <b:widget-setting name='link-2'>/search/label/Dịch%20Covid-19</b:widget-setting> <b:widget-setting name='text-3'>Căng thẳng Mỹ Trung</b:widget-setting> <b:widget-setting name='link-0'>/</b:widget-setting> <b:widget-setting name='text-2'>Diễn biến Covid-19 phức tạp trở lại</b:widget-setting> <b:widget-setting name='text-4'>Thi THPT 2020</b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:attr name='class' value='widget-ticker flex-align'/><b:attr name='data-nosnippet' value='true'/> <b:attr name='id' value=''/><b:attr name='data-version' value=''/> <b:include name='content'/> </b:includable> <b:includable id='content'> <ul class='flex-align'> <b:loop values='data:links' var='link'> <li><a expr:href='data:link.target' expr:title='data:link.name'><data:link.name/></a></li> </b:loop> </ul> </b:includable> </b:widget> <b:widget cond='data:view.isHomepage' id='Blog1' locked='true' title='Blog Posts' type='Blog' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='showDateHeader'>false</b:widget-setting> <b:widget-setting name='commentLabel'>Comments</b:widget-setting> <b:widget-setting name='style.textcolor'>#ffffff</b:widget-setting> <b:widget-setting name='showShareButtons'>true</b:widget-setting> <b:widget-setting name='authorLabel'>Bởi</b:widget-setting> <b:widget-setting name='showCommentLink'>true</b:widget-setting> <b:widget-setting name='style.urlcolor'>#ffffff</b:widget-setting> <b:widget-setting name='showAuthor'>true</b:widget-setting> <b:widget-setting name='style.linkcolor'>#ffffff</b:widget-setting> <b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting> <b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting> <b:widget-setting name='timestampLabel'>đăng lúc</b:widget-setting> <b:widget-setting name='reactionsLabel'/> <b:widget-setting name='showAuthorProfile'>true</b:widget-setting> <b:widget-setting name='style.layout'>1x1</b:widget-setting> <b:widget-setting name='showLabels'>true</b:widget-setting> <b:widget-setting name='showLocation'>false</b:widget-setting> <b:widget-setting name='postLabelsLabel'>-</b:widget-setting> <b:widget-setting name='showTimestamp'>true</b:widget-setting> <b:widget-setting name='postsPerAd'>1</b:widget-setting> <b:widget-setting name='showBacklinks'>false</b:widget-setting> <b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting> <b:widget-setting name='showInlineAds'>false</b:widget-setting> <b:widget-setting name='showReactions'>false</b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:attr name='class' value='widget section'/><b:attr name='data-version' value=''/><b:attr name='id' value='section-featured'/> <b:attr name='data-count' value='8'/> <div class='section-content'> <div class='article-list' data-box-shadow='false' data-column='1' data-content='newsfeatured' data-layout='list' data-transform='true'> <b:loop index='i' values='data:posts' var='post'><b:include cond='data:i in [0,1,2]' data='post' name='post'/></b:loop> </div> <div class='article-list listing-layout' data-box-shadow='false' data-column='1' data-content='newstrending' data-layout='list' data-transform='true'> <b:loop index='i' values='data:posts' var='post'><b:include cond='data:i in [3,4,5,6,7]' data='post' name='post'/></b:loop> </div> </div> </b:includable> <b:includable id='aboutPostAuthor'/> <b:includable id='addComments'/> <b:includable id='commentAuthorAvatar'/> <b:includable id='commentDeleteIcon' var='comment'/> <b:includable id='commentForm' var='post'/> <b:includable id='commentFormIframeSrc' var='post'/> <b:includable id='commentItem' var='comment'/> <b:includable id='commentList' var='comments'/> <b:includable id='commentPicker' var='post'/> <b:includable id='comments' var='post'/> <b:includable id='commentsLink'/> <b:includable id='commentsTitle'/> <b:includable id='feedLinks'/> <b:includable id='feedLinksBody' var='links'/> <b:includable id='headerByline'/> <b:includable id='homePageLink'/> <b:includable id='iframeComments' var='post'/> <b:includable id='inlineAd' var='post'/> <b:includable id='mobile-index-post' var='post'> <div class='mobile-date-outer date-outer'> <b:if cond='data:post.dateHeader'> <div class='date-header'> <span><data:post.dateHeader/></span> </div> </b:if> <div class='mobile-post-outer'> <a expr:href='data:post.url'> <h3 class='mobile-index-title entry-title' itemprop='name'> <data:post.title/> </h3> <div class='mobile-index-arrow'>›</div> <div class='mobile-index-contents'> <b:if cond='data:post.thumbnailUrl'> <div class='mobile-index-thumbnail'> <div class='Image'> <img expr:src='data:post.thumbnailUrl'/> </div> </div> </b:if> <div class='post-body'> <b:if cond='data:post.snippet'><data:post.snippet/></b:if> </div> </div> <div style='clear: both;'/> </a> <div class='mobile-index-comment'> <b:include cond='data:blog.pageType != "static_page" and data:post.allowComments and data:post.numComments != 0' data='post' name='comment_count_picker'/> </div> </div> </div> </b:includable> <b:includable id='mobile-main' var='top'> <!-- posts --> <div class='blog-posts hfeed'> <b:include data='top' name='status-message'/> <b:if cond='data:blog.pageType == "index"'> <b:loop values='data:posts' var='post'> <b:include data='post' name='mobile-index-post'/> </b:loop> <b:else/> <b:loop values='data:posts' var='post'> <b:include data='post' name='mobile-post'/> </b:loop> </b:if> </div> <b:include name='mobile-nextprev'/> </b:includable> <b:includable id='mobile-nextprev'> <div class='blog-pager' id='blog-pager'> <b:if cond='data:newerPageUrl'> <div class='mobile-link-button' id='blog-pager-newer-link'> <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>‹</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'>›</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='nextPageLink'/> <b:includable id='post' var='post'> <article class='post' expr:data-article-id='data:post.id'> <b:attr cond='data:post.link' expr:value='data:post.link' name='data-video'/> <div> <div class='post_thumb'> <b:if cond='data:widgets.Blog.first.allBylineItems.labels'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.name eq "Video"'><b:class name='thumb_icon thumb_video'/> <b:elseif cond='data:label.name eq "Photo"'/><b:class name='thumb_icon thumb_photo'/> </b:if> </b:loop> </b:if> <a class='img' expr:href='data:post.url' expr:title='data:post.title'> <b:if cond='data:post.featuredImage'> <b:class name='has--img'/> <img class='lazyload' expr:alt='data:post.title' expr:data-src='data:post.featuredImage' src='https://cdn.jsdelivr.net/gh/vietblogdao/images/bg_img.jpg'/> </b:if> <b:if cond='!data:post.featuredImage'><b:class name='no--img'/></b:if> </a> </div> <div class='post_body'> <div class='post_title'><a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a></div> <div class='post_meta flex-align overflow' data-nosnippet='true'> <b:if cond='data:widgets.Blog.first.allBylineItems.labels'> <span class='post_label'> <b:loop index='item' values='data:post.labels' var='label'> <b:if cond='data:item lte 0'> <a expr:href='data:post.labels[0].url' expr:title='data:post.labels[0].name'><b:eval expr='data:post.labels[0].name'/></a> </b:if> </b:loop> </span> </b:if> <b:if cond='data:widgets.Blog.first.allBylineItems.timestamp'> <span class='post_date' expr:data-date='data:post.date.iso8601'> <time><data:post.date/> <b:eval expr='data:post.date format "dd/MM/yyyy"'/></time> </span> </b:if> <b:if cond='data:widgets.Blog.first.allBylineItems.share'> <span aria-expanded='false' aria-label='Chia sẻ nội dung này' aria-pressed='false' class='share-icon has-svg-icon share-this-post flex-center has-hover' expr:data-href='data:post.url.canonical' expr:data-image='resizeImage(data:post.featuredImage,1200,"1200:630")' expr:data-postId='data:post.id' expr:data-snippets='data:post.snippets.short' role='button' tabindex='0' title='Chia sẻ nội dung này'/> </b:if> </div> <div class='post_snippet'><p><b:eval expr='data:post.body snippet {length: 180,links: false,linebreaks: true,ellipsis: true}'/></p></div> </div> </div> </article> </b:includable> <b:includable id='postBody' var='post'/> <b:includable id='postBodySnippet' var='post'/> <b:includable id='postCommentsAndAd' var='post'/> <b:includable id='postCommentsLink'/> <b:includable id='postFooter' var='post'/> <b:includable id='postFooterAuthorProfile' var='post'/> <b:includable id='postFooterJumpLink'/> <b:includable id='postHeader' var='post'/> <b:includable id='postJumpLink'/> <b:includable id='postLabels'/> <b:includable id='postMeta' var='post'/> <b:includable id='postPagination'/> <b:includable id='postQuickEdit' var='post'> <b:if cond='data:post.editUrl'> <span expr:class='"item-control " + data:post.adminClass'> <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'> <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/> </a> </span> </b:if> </b:includable> <b:includable id='postTitle' var='post'/> <b:includable id='previousPageLink'/> <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='threadedCommentForm' var='post'/> <b:includable id='threadedCommentJs' var='post'/> <b:includable id='threadedComments' var='post'/> </b:widget> <b:widget cond='!data:view.isHomepage' id='Label1' locked='true' title='Nhóm chủ đề' type='Label' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='sorting'>ALPHA</b:widget-setting> <b:widget-setting name='display'>CLOUD</b:widget-setting> <b:widget-setting name='selectedLabelsList'/> <b:widget-setting name='showType'>ALL</b:widget-setting> <b:widget-setting name='showFreqNumbers'>true</b:widget-setting> </b:widget-settings> <b:includable id='main' var='this'> <div class='topic-title flex-align'><h3 class='hide-for-small'><data:title/></h3></div> <b:attr name='class' value='widget Label flex-align'/><b:attr name='data-version' value=''/><b:attr name='id' value=''/><b:include name='content'/> </b:includable> <b:includable id='cloud'> <marquee onmouseout='this.start()' onmouseover='this.stop()' scrollamount='3'> <b:loop values='data:labels' var='label'> <span class='label-size'> <a class='label-name' expr:href='!data:blog.isMobileRequest ? data:blog.searchUrl + "/label/" + data:label.name : data:blog.searchUrl + "/label/" + data:label.name + "?m=1"' expr:title='data:label.name'><data:label.name/></a> <b:if cond='data:this.showFreqNumbers'><span class='label-count'><data:label.count/></span></b:if> </span> </b:loop> </marquee> </b:includable> <b:includable id='content'> <div class='topic-content flex-align'> <b:include cond='data:this.display == "list"' name='list'/> <b:include cond='data:this.display == "cloud"' name='cloud'/> </div> </b:includable> <b:includable id='list'> <ul> <b:loop values='data:labels' var='label'> <li class='flex-align'> <a class='label-name flex-left' expr:href='!data:blog.isMobileRequest ? data:blog.searchUrl + "/label/" + data:label.name : data:blog.searchUrl + "/label/" + data:label.name + "?m=1"' expr:title='data:label.name'><data:label.name/></a> <b:if cond='data:this.showFreqNumbers'><span class='label-count flex-right'><data:label.count/></span></b:if> </li> </b:loop> </ul> </b:includable> </b:widget> <b:widget cond='data:blog.isMobileRequest and data:view.isHomepage' id='HTML118' locked='true' title='Quảng cáo Mobile' type='HTML' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='content'><![CDATA[<a href="/p/contact-us.html" rel="noopener" target="_blank" title="Contact us">QUẢNG CÁO</a>]]></b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:attr name='class' value='widget flex-center'/><b:attr name='data-version' value=''/><b:attr name='id' value=''/> <div class='banner flex-center text-center' data-size='300x250'><data:content/></div> </b:includable> </b:widget> <b:widget cond='data:view.isHomepage' id='PopularPosts1' locked='true' title='Đang được quan tâm' type='PopularPosts' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='numItemsToShow'>10</b:widget-setting> <b:widget-setting name='showThumbnails'>true</b:widget-setting> <b:widget-setting name='showSnippets'>true</b:widget-setting> <b:widget-setting name='timeRange'>LAST_WEEK</b:widget-setting> </b:widget-settings> <b:includable id='main' var='this'> <b:attr name='class' value='widget mb-20'/><b:attr name='id' value='section-publish'/> <b:attr name='data-version' value=''/><b:attr name='data-count' value='10'/> <header class='section-title'><h3><data:title/></h3></header> <div class='section-content'> <div class='article-list' data-box-shadow='false' data-column='5' data-content='popularposts' data-layout='grid' data-transform='true'> <div class='glide glide-mounted' id='home-slider'> <div class='glide__track' data-glide-el='track'> <ul class='glide__slides'> <b:loop values='data:posts' var='post'> <li class='glide__slide'> <article class='post article-item' expr:data-article-id='data:post.id'> <b:attr cond='data:post.link' expr:value='data:post.link' name='data-video'/> <div> <div class='post_thumb'> <b:if cond='data:widgets.Blog.first.allBylineItems.labels'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.name eq "Video"'><b:class name='thumb_icon thumb_video'/> <b:elseif cond='data:label.name eq "Photo"'/><b:class name='thumb_icon thumb_photo'/> </b:if> </b:loop> </b:if> <a class='img' expr:href='data:post.url' expr:title='data:post.title'> <b:if cond='data:post.featuredImage.isYouTube or data:post.featuredImage'> <b:class name='has--img'/> <img class='lazyload' expr:alt='data:post.title' expr:data-src='data:post.featuredImage' src='https://cdn.jsdelivr.net/gh/vietblogdao/images/bg_img.jpg'/> </b:if> <b:if cond='!data:post.featuredImage'><b:class name='no--img'/></b:if> </a> </div> <div class='post_body'> <div class='post_title'><a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a></div> <div class='post_meta flex-align overflow' data-nosnippet='true'> <b:if cond='data:widgets.Blog.first.allBylineItems.labels'> <span class='post_label'> <b:loop index='item' values='data:post.labels' var='label'> <b:if cond='data:item lte 0'> <a expr:href='data:post.labels[0].url' expr:title='data:post.labels[0].name'><b:eval expr='data:post.labels[0].name'/></a> </b:if> </b:loop> </span> </b:if> <b:if cond='data:widgets.Blog.first.allBylineItems.timestamp'> <span class='post_date' expr:data-date='data:post.date.iso8601'> <time><data:post.date/> <b:eval expr='data:post.date format "dd/MM/yyyy"'/></time> </span> </b:if> <b:if cond='data:widgets.Blog.first.allBylineItems.share'> <span aria-expanded='false' aria-label='Chia sẻ nội dung này' aria-pressed='false' class='share-icon has-svg-icon share-this-post flex-center has-hover' expr:data-href='data:post.url.canonical' expr:data-image='resizeImage(data:post.featuredImage,1200,"1200:630")' expr:data-postId='data:post.id' expr:data-snippets='data:post.snippets.short' role='button' tabindex='0' title='Chia sẻ nội dung này'/> </b:if> </div> <div class='post_snippet'><p><b:eval expr='data:post.body snippet {length: 180,links: false,linebreaks: true,ellipsis: true}'/></p></div> </div> </div> </article> </li> </b:loop> </ul> </div> <div class='glide__bullets' data-glide-el='controls[nav]'> <button class='glide__bullet glide__bullet--active' data-glide-dir='=0'/><button class='glide__bullet' data-glide-dir='=1'/> <button class='glide__bullet' data-glide-dir='=2'/><button class='glide__bullet' data-glide-dir='=3'/> <button class='glide__bullet' data-glide-dir='=4'/><button class='glide__bullet' data-glide-dir='=5'/> <button class='glide__bullet' data-glide-dir='=6'/><button class='glide__bullet' data-glide-dir='=7'/> <button class='glide__bullet' data-glide-dir='=8'/><button class='glide__bullet' data-glide-dir='=9'/> </div> <div class='glide__arrows' data-glide-el='controls'> <button class='glide__arrow glide__arrow--left ic-arrow-left has-svg-icon has-hover' data-glide-dir='<'/> <button class='glide__arrow glide__arrow--right ic-arrow-right has-svg-icon has-hover' data-glide-dir='>'/> </div> </div> </div> </div> </b:includable> </b:widget> <b:widget cond='data:view.isHomepage' id='HTML2' locked='true' title='Multmedia' type='HTML' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='content'><![CDATA[<div class="data-config" data-category="y-multimedia" data-count="7"><header class="section-title"><h3>MULTIMEDIA</h3><ul><li><a href="/search/label/Video" title="Video">VIDEO</a></li><li><a href="/search/label/Longform" title="Longform">LONGFORM</a></li><li><a href="/search/label/Voices%20góc%20nhìn" title="Voices góc nhìn">VOICES</a></li><li><a href="" title="">LENS</a></li><li><a href="" title="">STORY</a></li><li><a href="/search/label/Trắc%20nghiệm%20QUIZZ" title="Trắc nghiệm QUIZZ">QUIZZ</a></li></ul></header><div class="section-content"><div class="article-list multimedia-layout loading" data-box-shadow="false" data-column="4" data-content="multimedia" data-layout="grid" data-transform="true"></div></div></div>]]></b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:attr name='class' value='widget section-multimedia'/><b:attr name='data-nosnippet' value='true'/> <b:attr name='id' value=''/><b:attr name='data-version' value=''/><data:content/> </b:includable> </b:widget> </b:section> <b:if cond='!data:view.isError'><div class='container flex flex-flow w100' id='main-container'> <b:section class='main float-left w100' id='main' showaddelement='false' tag='main'> <b:widget id='Blog2' locked='true' title='Blog Posts' type='Blog' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='showDateHeader'>false</b:widget-setting> <b:widget-setting name='style.textcolor'>#ffffff</b:widget-setting> <b:widget-setting name='showShareButtons'>true</b:widget-setting> <b:widget-setting name='authorLabel'>Bởi</b:widget-setting> <b:widget-setting name='showCommentLink'>true</b:widget-setting> <b:widget-setting name='style.urlcolor'>#ffffff</b:widget-setting> <b:widget-setting name='showAuthor'>true</b:widget-setting> <b:widget-setting name='style.linkcolor'>#ffffff</b:widget-setting> <b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting> <b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting> <b:widget-setting name='timestampLabel'>đăng lúc</b:widget-setting> <b:widget-setting name='reactionsLabel'/> <b:widget-setting name='showAuthorProfile'>true</b:widget-setting> <b:widget-setting name='style.layout'>1x1</b:widget-setting> <b:widget-setting name='showLabels'>true</b:widget-setting> <b:widget-setting name='showLocation'>false</b:widget-setting> <b:widget-setting name='postLabelsLabel'>-</b:widget-setting> <b:widget-setting name='showTimestamp'>true</b:widget-setting> <b:widget-setting name='postsPerAd'>1</b:widget-setting> <b:widget-setting name='showBacklinks'>false</b:widget-setting> <b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting> <b:widget-setting name='showInlineAds'>false</b:widget-setting> <b:widget-setting name='showReactions'>false</b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:attr name='data-version' value=''/><b:attr name='id' value=''/> <b:class cond='data:view.isHomepage' name='homepage'/> <b:class cond='data:view.isArchive' name='archive'/> <b:class cond='data:view.isSearch and !data:view.search.label and !data:view.search.query' name='search'/> <b:class cond='data:view.search.label' name='label'/><b:class cond='data:view.search.query' name='query'/> <b:class cond='data:view.isPost' name='article'/><b:class cond='data:view.isPage' name='page'/> <b:if cond='data:view.isPost'> <b:loop values='data:posts' var='post'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.name eq "Photo"'><b:class name='type-picture'/></b:if> <b:if cond='data:label.name eq "Trắc nghiệm QUIZZ"'><b:class name='type-quizz'/></b:if> <b:if cond='data:label.name eq "Voices góc nhìn"'><b:class name='type-voices'/></b:if> </b:loop> </b:loop> </b:if> <b:include data='posts' name='breadcrumb'/> <div class='blog-posts flex flex-flow relative' id='blog-posts'> <b:if cond='data:view.isMultipleItems and data:view.search.label neq "Video"'> <b:attr name='data-box-shadow' value='false'/><b:attr name='data-column' value='1'/> <b:attr name='data-layout' value='list'/><b:attr name='data-transform' value='true'/> </b:if> <b:if cond='data:view.search.label eq "Video"'> <b:attr name='data-box-shadow' value='true'/><b:attr name='data-column' value='4'/> <b:attr name='data-layout' value='grid'/><b:attr name='data-transform' value='true'/> <b:loop index='i' values='data:posts' var='post'> <b:include cond='data:i in [0]' data='post' name='postTitle'/> <b:include cond='data:i not in [0]' data='post' name='post'/> </b:loop> </b:if> <b:if cond='data:view.isHomepage'> <b:loop index='i' values='data:posts' var='post'> <b:if cond='data:i in [13]'> <section class='news-coverage first-news-coverage float-left w100' data-count='5' data-image='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrlsG7pOJ9U3ZuBu1MpwpSGtVx1ESi3vXPLptqZk1zXWP9EtR4AvFo0JHMdwhhorD1kfcB2aNFRo8nRFwAzzt57zUHcEOaqfa9Qp1jzyszfSnJQVzQng1ln4j_2z9MgfrI9G22PAdUVcs/s1600/Covid_19_1.jpg' data-label='Diễn biến Covid-19' data-title='Diễn biến Covid-19 phức tạp trở lại'/> </b:if> <b:if cond='data:i in [18]'> <div class='data-entry float-left w100'> <div class='data-config float-left w100' data-box-category='Dịch Covid-19' data-box-items='6' data-box-summary='false' data-box-type='label' data-transform='true'> <div class='data-title'><h3>DỊCH COVID-19 PHỨC TẠP</h3><a href='/search/label/Dịch%20Covid-19' title='Xem tất cả'>Xem tất cả</a></div> <div class='data-content loading' data-box-layout='grid'/> </div> </div> </b:if> <b:if cond='data:i in [23]'> <section class='news-coverage first-news-coverage float-left w100' data-count='5' data-image='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMOSsjoi8_-nH9EPxpPRw3PGknyOfJhxoBsBr5filfBVJL0NkkSVMboh8VtBjVV73egrMaD37qZIJ7UYWVpkNw1qo3GVwL-o1NILqBDhTJCOH2aLK2gDSu7DwNnCWogc7-RdH2KCNFzvE/s1600/img_1441_pqxe_1.jpeg' data-label='Sao' data-title='Thế giới sao'/> </b:if> <b:include cond='data:i not in [0,1,2,3,4,5,6,7]' data='post' name='post'/> </b:loop> </b:if> <b:if cond='!data:view.isHomepage and data:view.search.label neq "Video"'> <b:loop values='data:posts' var='post'><b:include data='post' name='post'/></b:loop> </b:if> </div> <b:include cond='data:view.isPost' name='postLabels'/> <b:include cond='data:view.isMultipleItems and !data:view.isHomepage' name='postPagination'/> <b:include cond='!data:view.isPost' name='footer-navigation-bar'/> </b:includable> <b:includable id='aboutPostAuthor'/> <b:includable id='addComments'> <a expr:href='data:post.commentsUrl' expr:onclick='data:post.commentsUrlOnclick'> <b:message name='messages.postAComment'/> </a> </b:includable> <b:includable id='blogThisShare'> <b:with value='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' var='onclick'> <b:include name='platformShare'/> </b:with> </b:includable> <b:includable id='breadcrumb' var='posts'> <b:if cond='data:view.isHomepage'><header class='section-title'><h3>Dành cho bạn</h3></header></b:if> <b:if cond='data:view.isPost'> <b:loop values='data:posts' var='post'> <div class='breadcrumbs hide-for-medium'> <ul class='flex-align' itemscope='' itemtype='https://schema.org/BreadcrumbList'> <li><a expr:href='data:blog.homepageUrl' expr:title='data:messages.home'><span><data:messages.home/></span></a></li> <b:loop index='item' values='data:post.labels' var='label'> <b:if cond='data:item lte 0'> <li itemprop='itemListElement' itemscope='' itemtype='https://schema.org/ListItem'> <a expr:href='data:post.labels[0].url' expr:title='data:post.labels[0].name' itemprop='item'><span itemprop='name'><b:eval expr='data:post.labels[0].name'/></span></a> <meta content='1' itemprop='position'/> </li> </b:if> </b:loop> </ul> </div> </b:loop> </b:if> <b:if cond='data:view.isSearch and !data:view.search.label and !data:view.search.query'> <div class='breadcrumbs'> <ul class='flex-align'> <li><a expr:href='data:blog.homepageUrl' expr:title='data:messages.home'><data:messages.home/></a></li> <li><h3>Tin mới</h3></li> </ul> </div> </b:if> <b:if cond='data:view.search.label or data:blog.searchQuery'> <div class='breadcrumbs'> <ul class='flex-align'> <li><a expr:href='data:blog.homepageUrl' expr:title='data:messages.home'><data:messages.home/></a></li> <li><h1><data:blog.pageName/></h1></li> </ul> </div> </b:if> <b:if cond='data:view.isArchive or data:view.isPage'> <div class='breadcrumbs'> <ul class='flex-align'> <li><a expr:href='data:blog.homepageUrl' expr:title='data:messages.home'><data:messages.home/></a></li> <li><h3><data:blog.pageName/></h3></li> </ul> </div> </b:if> </b:includable> <b:includable id='bylineByName' var='byline'> <b:switch var='data:byline.name'> <b:case value='share'/> <b:include cond='data:post.shareUrl' name='postShareButtons'/> <b:case value='comments'/> <b:include cond='data:post.allowComments' name='postCommentsLink'/> <b:case value='location'/> <b:include cond='data:post.location' name='postLocation'/> <b:case value='timestamp'/> <b:include cond='not data:view.isPage' name='postTimestamp'/> <b:case value='author'/> <b:include name='postAuthor'/> <b:case value='labels'/> <b:include cond='data:post.labels' name='postLabels'/> <b:case value='icons'/> <b:include cond='data:post.emailPostUrl' name='emailPostIcon'/> </b:switch> </b:includable> <b:includable id='bylineRegion' var='regionItems'> <b:loop values='data:regionItems' var='byline'> <b:include data='byline' name='bylineByName'/> </b:loop> </b:includable> <b:includable id='commentAuthorAvatar'> <div class='avatar-image-container'> <img class='author-avatar' expr:src='data:comment.authorAvatarSrc' height='35' width='35'/> </div> </b:includable> <b:includable id='commentDeleteIcon' var='comment'> <span expr:class='"item-control " + data:comment.adminClass'> <b:if cond='data:showCmtPopup'> <div class='goog-toggle-button'> <div class='goog-inline-block comment-action-icon'/> </div> <b:else/> <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:messages.deleteComment'> <img src='https://resources.blogblog.com/img/icon_delete13.gif'/> </a> </b:if> </span> </b:includable> <b:includable id='commentForm' var='post'> <b:include name='commentsTitle'/> <div class='comment-form'> <b:include data='post' name='commentFormIframeSrc'/> <div class='commentForm loading'/> </div> </b:includable> <b:includable id='commentFormIframeSrc' var='post'> <a expr:href='data:post.commentFormIframeSrc' expr:title='data:messages.postAComment' id='comment-editor-src'/> </b:includable> <b:includable id='commentItem' var='comment'> <div class='comment' expr:id='"c" + data:comment.id'> <b:include cond='data:blog.enabledCommentProfileImages' name='commentAuthorAvatar'/> <div class='comment-block'> <div class='comment-author'> <b:if cond='data:comment.authorUrl'> <b:message name='messages.authorSaidWithLink'> <b:param expr:value='data:comment.author' name='authorName'/> <b:param expr:value='data:comment.authorUrl' name='authorUrl'/> </b:message> <b:else/> <b:message name='messages.authorSaid'> <b:param expr:value='data:comment.author' name='authorName'/> </b:message> </b:if> </div> <div expr:class='"comment-body" + (data:comment.isDeleted ? " deleted" : "")'> <data:comment.body/> </div> <div class='comment-footer'> <span class='comment-timestamp'> <a expr:href='data:comment.url' title='comment permalink'> <data:comment.timestamp/> </a> <b:include data='comment' name='commentDeleteIcon'/> </span> </div> </div> </div> </b:includable> <b:includable id='commentList' var='comments'> <div id='comments-block'> <b:loop values='data:comments' var='comment'> <b:include data='comment' name='commentItem'/> </b:loop> </div> </b:includable> <b:includable id='commentPicker' var='post'> <b:if cond='data:post.showThreadedComments'> <b:include data='post' name='threadedComments'/> <b:else/> <b:include data='post' name='comments'/> </b:if> </b:includable> <b:includable id='comments' var='post'> <div expr:class='"comments" + (data:post.embedCommentForm ? " embed" : "")' expr:data-allow-comments='data:post.allowNewComments ? "true" : "false"' expr:data-embed='data:post.embedCommentForm ? "true" : "false"' expr:data-num-comments='data:post.numberOfComments' id='comments'> <b:if cond='data:post.allowComments'> <b:if cond='data:post.embedCommentForm'> <b:if cond='data:post.allowNewComments'> <b:include data='post' name='commentForm'/> <b:else/> <div class='thread-locked-alert'> <svg height='24px' viewBox='0 0 24 24' width='24px'><path d='M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2z'/></svg> <font> <data:post.noNewCommentsText/></font> </div> </b:if> <b:else/> <b:if cond='data:post.allowComments'> <b:include data='post' name='addComments'/> </b:if> </b:if> <b:else/> <div class='thread-locked-alert'> <svg height='24px' viewBox='0 0 24 24' width='24px'><path d='M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2z'/></svg> <font> Nhận xét đã bị vô hiệu hóa.</font> </div> </b:if> <b:if cond='data:showCmtPopup'> <div id='comment-popup'> <iframe id='comment-actions' name='comment-actions' scrolling='no' title='comment actions'/> </div> </b:if> </div> </b:includable> <b:includable id='commentsLink'> <a class='comment-link' expr:href='data:post.commentsUrl' expr:onclick='data:post.commentsUrlOnclick'> <b:include data='{ iconClass: "touch-icon" }' name='commentIcon'/> <span class='num_comments'> <b:if cond='data:post.numberOfComments > 0'> <b:message name='messages.numberOfComments'> <b:param expr:value='data:post.numberOfComments' name='numComments'/> </b:message> <b:else/> <data:messages.postAComment/> </b:if> </span> </a> </b:includable> <b:includable id='commentsLinkIframe'> <!-- G+ comments, no longer available. The includable is retained for backwards-compatibility. --> </b:includable> <b:includable id='commentsTitle'> <b:if cond='data:post.allowComments'> <h4 class='postAComment'><b:if cond='data:post.numberOfComments eq 0'><data:messages.postAComment/><b:else/><data:post.numberOfComments/> <data:messages.comments/></b:if></h4> </b:if> </b:includable> <b:includable id='defaultAdUnit'> <ins class='adsbygoogle' data-ad-format='auto' expr:data-ad-client='data:adClientId ?: data:blog.adsenseClientId' expr:data-ad-host='data:blog.adsenseHostId' expr:style='data:style ?: "display: block;"'> <b:attr cond='not data:blog.analytics4' expr:value='data:blog.analyticsAccountNumber' name='data-analytics-uacct'/> </ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </b:includable> <b:includable id='emailPostIcon'> <span class='byline post-icons'> <!-- email post links --> <span class='item-action'> <a expr:href='data:post.emailPostUrl' expr:title='data:messages.emailPost'> <b:include data='{ iconClass: "touch-icon sharing-icon" }' name='emailIcon'/> </a> </span> </span> </b:includable> <b:includable id='facebookShare'> <b:with value='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' var='onclick'> <b:include name='platformShare'/> </b:with> </b:includable> <b:includable id='feedLinks' var='post'> <b:if cond='data:post.allowComments'> <b:if cond='data:post.embedCommentForm'> <b:if cond='data:post.allowNewComments'> <div expr:class='"comments float-left w100" + (data:post.embedCommentForm ? " embed" : "")' expr:data-allow-comments='data:post.allowNewComments ? "true" : "false"' expr:data-embed='data:post.embedCommentForm ? "true" : "false"' id='comments'> <div class='fb-comments' data-numposts='5' data-width='100%' expr:data-href='data:post.url.canonical'/> </div> </b:if> </b:if> </b:if> </b:includable> <b:includable id='feedLinksBody' var='links'> <div class='feed-links'> <data:messages.subscribeTo/> <b:loop values='data:links' var='f'> <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a> </b:loop> </div> </b:includable> <b:includable id='footer-navigation-bar'> <b:if cond='data:blog.isMobileRequest'> <div class='footer-navigation-bar visible'> <div class='flex-align'> <ul class='flex'> <li> <b:if cond='!data:view.isHomepage'> <a class='flex-center home' expr:aria-label='data:messages.home' expr:href='data:blog.homepageUrl' expr:title='data:messages.home' role='button'><div class='icon has-svg-icon'/><div class='title'><data:messages.home/></div></a> <b:else/> <a class='flex-center home empty-link' expr:aria-label='data:messages.home' expr:title='data:messages.home' href='javascript:void(0)' role='button'><div class='icon has-svg-icon'/><div class='title'><data:messages.home/></div></a> </b:if> </li> <li><a aria-label='menu' class='flex-center open-menu' href='javascript:void(0)' role='button' title='menu'><div class='icon has-svg-icon'/><div class='title'>Chuyên mục</div></a></li> <li><a class='flex-center open-search' expr:aria-label='data:messages.search' expr:title='data:messages.search' href='javascript:void(0)' role='button'><div class='icon has-svg-icon'/><div class='title'><data:messages.search/></div></a></li> <b:if cond='!data:view.isPost'> <li><a aria-label='Lên đầu trang' class='flex-center scroll-top' href='javascript:void(0)' role='button' title='Lên đầu trang'><div class='icon has-svg-icon'/><div class='title'>Lên đầu</div></a></li> <li><a aria-label='Làm mới trang' class='reload-page flex-center' href='javascript:void(0)' onclick='location.reload()' role='button' title='Làm mới trang'><div class='icon has-svg-icon'/><div class='title'>Làm mới</div></a></li> </b:if> <b:if cond='data:view.isPost'> <li> <b:if cond='data:post.allowComments'> <b:if cond='data:post.embedCommentForm'> <b:if cond='data:post.allowNewComments'> <a aria-label='Bình luận' class='flex-center sroll-comments' href='javascript:void(0)' role='button' title='Bình luận'><div class='icon has-svg-icon' expr:data-icon-label='data:post.numberOfComments'/><div class='title'>Bình luận</div></a> <b:else/> <a aria-label='Bình luận' class='flex-center sroll-comments empty-link' href='javascript:void(0)' role='button' title='Bình luận'><div class='icon has-svg-icon' expr:data-icon-label='data:post.numberOfComments'/><div class='title'>Bình luận</div></a> </b:if> </b:if> <b:else/> <a aria-label='Bình luận' class='flex-center sroll-comments empty-link' href='javascript:void(0)' role='button' title='Bình luận'><div class='icon has-svg-icon' expr:data-icon-label='data:post.numberOfComments'/><div class='title'>Bình luận</div></a> </b:if> </li> <li> <b:if cond='data:widgets.Blog.first.allBylineItems.share'> <a class='flex-center share-post share-this-post' expr:aria-label='data:messages.share' expr:data-href='data:post.url.canonical' expr:data-image='resizeImage(data:post.featuredImage,1200,"1200:630")' expr:data-postId='data:post.id' expr:data-snippets='data:view.description' expr:title='data:messages.share' href='javascript:void(0)' role='button'> <div class='icon has-svg-icon'/><div class='title'><data:messages.share/></div> </a> <b:else/> <a aria-expanded='false' aria-pressed='false' class='flex-center share-post empty-link' expr:aria-label='data:messages.share' expr:title='data:messages.share' href='javascript:void(0)'><div class='icon has-svg-icon'/><div class='title'><data:messages.share/></div></a> </b:if> </li> </b:if> </ul> </div> </div> </b:if> </b:includable> <b:includable id='footerBylines'> <b:if cond='data:widgets.Blog.first.footerBylines'> <b:loop index='i' values='data:widgets.Blog.first.footerBylines' var='region'> <b:if cond='not data:region.items.empty'> <div expr:class='"post-footer-line post-footer-line-" + (data:i + 1)'> <b:with value='"footer-" + (data:i + 1)' var='regionName'> <b:include data='region.items' name='bylineRegion'/> </b:with> </div> </b:if> </b:loop> </b:if> </b:includable> <b:includable id='googlePlusShare'> </b:includable> <b:includable id='headerByline' var='post'> <div class='fb-comments' data-numposts='5' data-width='100%' expr:data-href='data:post.url.canonical'/> </b:includable> <b:includable id='homePageLink'> <a expr:href='data:blog.HomepageUrl'><data:messages.home/></a> </b:includable> <b:includable id='iframeComments' var='post'> <b:if cond='data:post.allowIframeComments'> <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/> <div class='cmt_iframe_holder' expr:data-href='data:post.url.canonical' expr:data-viewtype='data:post.viewType'/> <b:if cond='!data:post.embedCommentForm'> <b:include data='post' name='commentsLink'/> </b:if> </b:if> </b:includable> <b:includable id='inlineAd' var='post'/> <b:includable id='linkShare'> <b:with value='"window.prompt(\"Copy to clipboard: Ctrl+C, Enter\", \"" + data:originalUrl + "\"); return false;"' var='onclick'> <b:include name='platformShare'/> </b:with> </b:includable> <b:includable id='nextPageLink'> <a class='blog-pager-older-link' expr:href='data:olderPageUrl.canonical' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:messages.olderPosts'><data:messages.olderPosts/></a> </b:includable> <b:includable id='otherSharingButton'> <span class='sharing-platform-button sharing-element-other' expr:aria-label='data:messages.shareToOtherApps.escaped' expr:data-url='data:originalUrl' expr:title='data:messages.shareToOtherApps.escaped' role='menuitem' tabindex='-1'> <b:with value='{key: "sharingOther"}' var='platform'> <b:include name='sharingPlatformIcon'/> </b:with> <span class='platform-sharing-text'><data:messages.shareOtherApps.escaped/></span> </span> </b:includable> <b:includable id='platformShare'> <a expr:class='"goog-inline-block sharing-" + data:platform.key' expr:data-url='data:originalUrl' expr:href='data:shareUrl + "&target=" + data:platform.target' expr:onclick='data:onclick ? data:onclick : ""' expr:title='data:platform.shareMessage' target='_blank'> <span class='share-button-link-text'> <data:platform.shareMessage/> </span> </a> </b:includable> <b:includable id='post' var='post'> <article expr:data-article-id='data:post.id'> <b:class expr:name='data:view.isMultipleItems ? "post" : "article float-left w100"'/> <b:if cond='data:view.isMultipleItems'> <b:attr cond='data:post.link' expr:value='data:post.link' name='data-video'/> <b:include data='post' name='postBodySnippet'/> </b:if> <b:if cond='data:view.isSingleItem'> <header class='article-header'><b:include data='post' name='postHeader'/></header> <main class='article-body'><b:include data='post' name='postBody'/></main> <footer class='article-footer float-left w100' data-nosnippet='true'> <b:include cond='data:view.isPost' data='post' name='postFooter'/> <b:include cond='data:view.isPost' data='post' name='feedLinks'/> </footer> <b:include data='post' name='postMeta'/> </b:if> <b:if cond='data:view.isPost'> <b:loop values='data:post.labels.length - 1' var='label'> <b:attr expr:value='data:post.labels[label].name' name='data-label'/> <b:attr name='data-count' value='2'/><b:attr name='class' value='article float-left w100 type-replated'/> </b:loop> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.name eq "Photo"'><b:class name='type-picture'/></b:if> <b:if cond='data:label.name eq "Phân tích"'><b:class name='article-cover'/></b:if> </b:loop> </b:if> </article> <b:include cond='data:view.isPost' data='post' name='postFooterJumpLink'/> <b:include cond='data:view.isPost' data='post' name='postJumpLink'/> <b:if cond='data:view.isPost'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.name eq "z-multimedia"'> <script>document.body.classList.add("layout-no-sidebar")</script> </b:if> <b:if cond='data:label.name eq "Phân tích"'> <script>document.body.classList.add("layout-cover")</script> </b:if> <b:if cond='data:label.name in ["Magazine","Phân tích"]'> <script>document.body.classList.add("layout-special")</script> </b:if> </b:loop> </b:if> <b:include cond='data:view.isPost' name='footer-navigation-bar'/> </b:includable> <b:includable id='postAuthor'> <span class='byline post-author vcard'> <span class='post-author-label'> <data:byline.label/> </span> <span class='fn'> <b:if cond='data:post.author.profileUrl'> <meta expr:content='data:post.author.profileUrl'/> <a class='g-profile' expr:href='data:post.author.profileUrl' rel='author' title='author profile'> <span><data:post.author.name/></span> </a> <b:else/> <span><data:post.author.name/></span> </b:if> </span> </span> </b:includable> <b:includable id='postBody' var='post'> <div class='article-summary'><p><data:view.description/></p></div> <div><data:post.body/></div> <b:loop values='data:post.enclosures' var='enclosure'> <div class='bottom-info clearfix' data-nosnippet='true'> <div class='link-source-wrapper clearfix'> <span class='link-source-name' title='Link bài gốc'> Theo <span class='link-source-text-name'><i><data:enclosure.mimeType/></i></span> </span> <div class='link-source-detail'> <span class='link-source-full'>Link bài gốc: <i><data:enclosure.url/></i></span> <div class='arrow-down'/> </div> </div> </div> </b:loop> </b:includable> <b:includable id='postBodySnippet' var='post'> <div> <b:attr cond='data:post.link' expr:value='data:post.link' name='data-video'/> <div class='post_thumb'> <b:if cond='data:widgets.Blog.first.allBylineItems.labels'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.name eq "Video"'><b:class name='thumb_icon thumb_video'/> <b:elseif cond='data:label.name eq "Photo"'/><b:class name='thumb_icon thumb_photo'/> </b:if> </b:loop> </b:if> <a class='img' expr:href='data:post.url' expr:title='data:post.title'> <b:if cond='data:post.featuredImage'> <b:class name='has--img'/> <img class='lazyload' expr:alt='data:post.title' expr:data-src='data:post.featuredImage' src='https://cdn.jsdelivr.net/gh/vietblogdao/images/bg_img.jpg'/> </b:if> <b:if cond='!data:post.featuredImage'><b:class name='no--img'/></b:if> </a> </div> <div class='post_body'> <div class='post_title'><a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a></div> <div class='post_meta flex-align overflow' data-nosnippet='true'> <b:if cond='data:widgets.Blog.first.allBylineItems.labels'> <span class='post_label'> <b:loop index='item' values='data:post.labels' var='label'> <b:if cond='data:item lte 0'> <a expr:href='data:post.labels[0].url' expr:title='data:post.labels[0].name'><b:eval expr='data:post.labels[0].name'/></a> </b:if> </b:loop> </span> </b:if> <b:if cond='data:widgets.Blog.first.allBylineItems.timestamp'> <span class='post_date' expr:data-date='data:post.date.iso8601'> <time><data:post.date/> <b:eval expr='data:post.date format "dd/MM/yyyy"'/></time> </span> </b:if> <b:if cond='data:widgets.Blog.first.allBylineItems.share'> <span aria-expanded='false' aria-label='Chia sẻ nội dung này' aria-pressed='false' class='share-icon has-svg-icon share-this-post flex-center has-hover' expr:data-href='data:post.url.canonical' expr:data-image='resizeImage(data:post.featuredImage,1200,"1200:630")' expr:data-postId='data:post.id' expr:data-snippets='data:post.snippets.short' role='button' tabindex='0' title='Chia sẻ nội dung này'/> </b:if> </div> <div class='post_snippet'><p><b:eval expr='data:post.body snippet {length: 180,links: false,linebreaks: true,ellipsis: true}'/></p></div> </div> </div> </b:includable> <b:includable id='postCommentsAndAd' var='post'/> <b:includable id='postCommentsLink'> <b:if cond='data:view.isMultipleItems'> <span class='byline post-comment-link container'> <b:include cond='data:post.commentSource != 1' name='commentsLink'/> </span> </b:if> </b:includable> <b:includable id='postFooter' var='post'> <div class='social-sharing-widgets flex-align flex-flow'> <div class='flex flex-flow flex-left'> <b:loop index='item' values='data:post.labels' var='label'> <b:if cond='data:item lte 0'> <a class='theme-button flex-align back left-icon white has-svg-icon mr-8' expr:aria-label='"Trở lại " + data:label.name' expr:href='data:post.labels[0].url' expr:title='"Trở lại " + data:post.labels[0].name' role='button'><b:eval expr='data:post.labels[0].name'/></a> </b:if> </b:loop> <a aria-label='Chia sẻ với Zalo' class='zalo-share-button theme-button zalo zalo-icon flex-align' data-customize='true' data-oaid='4367180171562602733' expr:data-href='data:post.url.canonical' href='javascript:void(0)' role='button' title='Chia sẻ với Zalo'>Chia sẻ</a> </div> <div class='flex-right'> <div class='fb-like' data-action='like' data-layout='button_count' data-share='false' data-size='large' data-width='' expr:data-href='data:post.url.canonical'/> <b:if cond='data:widgets.Blog.first.allBylineItems.share'> <div class='dd' expr:data-postId='data:post.id'> <span class='share-this-post drops has-hover' expr:data-href='data:post.url.canonical' expr:data-image='resizeImage(data:post.featuredImage,1200,"1200:630")' expr:data-snippets='data:view.description' tabindex='0' title='Chia sẻ nội dung này'><data:messages.share/></span> </div> </b:if> </div> </div> </b:includable> <b:includable id='postFooterAuthorProfile' var='post'/> <b:includable id='postFooterJumpLink' var='post'> <b:if cond='!data:blog.isMobileRequest'> <div class='header-navigation-bar visible' data-nosnippet='true'> <div class='container flex flex-flow'> <div class='category-name flex-align flex-left'> <b:loop index='item' values='data:post.labels' var='label'> <b:if cond='data:item lte 0'> <a class='left-icon black has-svg-icon mr-8' expr:aria-label='"Trở lại " + data:post.labels[0].name' expr:href='data:post.labels[0].url' expr:title='"Trở lại " + data:post.labels[0].name' role='button'><span><b:eval expr='data:post.labels[0].name'/></span></a> </b:if> </b:loop> </div> <div class='page-name flex-center'> <b:if cond='data:widgets.Blog.first.allBylineItems.timestamp'> <time class='flex-center flex-flow hide-for-medium' expr:data-date='data:post.date.iso8601'><label><data:post.date/></label><label><b:eval expr='data:post.date format "dd MMMM"'/></label></time> </b:if> <a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a> </div> <div class='widget page-list flex-align flex-right relative' data-nosnippet='true'> <ul class='flex-align header-icon'> <li class='header-page-icon has-icon'> <a aria-expanded='false' aria-label='Trang' aria-pressed='false' class='page-button flex-center' href='javascript:void(0)' role='button' title='Trang'><i class='page-icon has-svg-icon'/></a> </li> </ul> <div aria-hidden='true' class='widget-content'> <ul> <li><a class='sendBtn' href='javascript:void(0)' title='Gửi cho bạn bè'>Gửi cho bạn bè</a></li> <li><a class='feedBtn' href='javascript:void(0)' title='Đăng lên nhật ký'>Đăng lên nhật ký</a></li> <li><a class='copy-clipboard' href='javascript:void(0)' title='Sao chép liên kết'>Sao chép liên kết</a></li> <li><a class='scroll-to-comments' href='#comments' title='Đăng nhận xét'>Đăng nhận xét</a></li> <li><a expr:href='data:blog.homepageUrl' title='Về trang chủ'>Về trang chủ</a></li> </ul> </div> </div> </div> </div> </b:if> </b:includable> <b:includable id='postHeader' var='post'> <b:if cond='data:view.isPost'> <b:if cond='data:blog.isMobileRequest'> <div class='article-thumbnail show-for-small'> <div><figure><img expr:alt='data:post.title' expr:src='data:post.featuredImage'/></figure></div> </div> <p class='article-breadcrumb flex-align show-for-small'> <b:loop index='item' values='data:post.labels' var='label'> <b:if cond='data:item lte 0'> <a class='flex-left' expr:href='data:post.labels[0].url' expr:title='data:post.labels[0].name'><b:eval expr='data:post.labels[0].name'/></a> </b:if> </b:loop> <a class='btnFacebook' expr:href='"ttps://www.facebook.com/sharer.php?u=" + data:post.url.canonical' rel='noopener nofollow' target='_blank' title='Chia sẻ Facebook'><span class='ti-facebook'/></a> <a class='btnZalo zalo-share-button' data-customize='true' data-layout='icon-text' data-oaid='4367180171562602733' expr:data-href='data:post.url.canonical' href='javascript:void(0)' title='Gửi tin nhắn Zalo'><span class='icon-zalosend'/></a> </p> </b:if> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.name eq "Phân tích"'><div class='header-bg'/></b:if> </b:loop> <div> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.name eq "Phân tích"'> <b:attr name='class' value='header-overlay'/> <b:loop index='item' values='data:post.labels' var='label'> <b:if cond='data:item lte 0'> <p class='article-category'><a expr:href='data:post.labels[0].url' expr:title='data:post.labels[0].name'><b:eval expr='data:post.labels[0].name'/></a></p> </b:if> </b:loop> </b:if> </b:loop> <h1 class='article-title'><data:post.title/></h1> <div class='article-meta flex-align' data-nosnippet='true'> <div> <b:class cond='!data:blog.isMobileRequest' name='flex-align w100'/> <b:if cond='data:widgets.Blog.first.allBylineItems.author'><span class='article-author'><data:post.author.name/></span></b:if> <b:if cond='data:widgets.Blog.first.allBylineItems.timestamp'> <span class='article-published'><time><data:post.date/> <b:eval expr='data:post.date format "dd/MM/yyyy" '/></time></span> </b:if> <b:if cond='data:widgets.Blog.first.allBylineItems.share and !data:blog.isMobileRequest'> <span aria-expanded='false' aria-label='Chia sẻ nội dung này' aria-pressed='false' class='share-icon share-this-post flex-center flex-right has-hover has-svg-icon' expr:data-href='data:post.url.canonical' expr:data-image='resizeImage(data:post.featuredImage,1200, "1200:630")' expr:data-postId='data:post.id' expr:data-snippets='data:view.description' role='button' tabindex='0' title='Chia sẻ nội dung này'> </span> </b:if> </div> <b:if cond='data:blog.isMobileRequest'> <div class='font-size-increase'><span class='font-size default active'>A</span><span class='font-size large'>A</span></div> </b:if> </div> </div> </b:if> <b:if cond='data:view.isPage'><h1 class='article-title'><data:post.title/></h1></b:if> </b:includable> <b:includable id='postJumpLink' var='post'> <b:if cond='data:widgets.Blog.first.allBylineItems.share and !data:blog.isMobileRequest'> <div class='article-social-pin hide' data-nosnippet='true'> <ul> <li class='btnHome'> <a class='flex-center home-icon white has-svg-icon' expr:aria-label='data:messages.home' expr:href='data:blog.homepageUrl' expr:title='data:messages.home'><span><data:messages.home/></span></a> </li> <li class='btnZalo zalo-share-button' data-customize='true' data-layout='icon-text' data-oaid='4367180171562602733' expr:data-href='data:post.url.canonical'> <a aria-label='Chia sẻ với Zalo' class='flex-center zalo-icon' href='https://zalo.me/0976311633' role='button' title='Chia sẻ với Zalo'><span>Zalo</span></a> </li> <li class='btnTwitter' expr:data-href='"https://twitter.com/intent/tweet?url=" + data:post.url.canonical + "&text=" + data:post.snippets.short'> <a aria-label='Chia sẻ với Twitter' class='flex-center' href='https://twitter.com/vietblogdao' role='button' title='Chia sẻ với Twitter'><span>Twitter</span></a> </li> <li class='btnFacebook'> <a aria-label='Chia sẻ Facebook' class='flex-center' href='https://www.facebook.com/themeblogspotdepchuanseo' role='button' title='Chia sẻ với Facebook'><span>Facebook</span></a> </li> <b:if cond='data:post.allowComments'> <li class='btnComment'> <a aria-label='Bình luận' class='flex-center' href='#comments' role='button' title='Bình luận'><span>Bình luận</span></a> </li> </b:if> <b:loop index='item' values='data:post.labels' var='label'> <b:if cond='data:item lte 0'> <li class='btnLabel'> <a class='flex-center left-icon white has-svg-icon' expr:aria-label='"Trở lại " + data:label.name' expr:href='data:post.labels[0].url' expr:title='"Trở lại " + data:post.labels[0].name' role='button'><span><b:eval expr='data:post.labels[0].name'/></span></a> </li> </b:if> </b:loop> </ul> </div> </b:if> </b:includable> <b:includable id='postLabels'> <b:loop values='data:posts' var='post'> <div class='related-posts float-left w100 loading' data-nosnippet='true' id='related-posts'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.name in ["Magazine","z-multimedia"]'><b:class name='flex-flow'/></b:if> </b:loop> <header class='section-title'><h3>Bạn có thể quan tâm</h3></header> <div class='data-content' data-box-shadow='false' data-column='1' data-count='10' data-layout='list' data-transform='true'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.name in ["Magazine","z-multimedia","Phân tích"]'> <b:attr name='data-layout' value='grid'/><b:attr name='data-column' value='3'/><b:attr name='data-count' value='6'/> </b:if> </b:loop> <b:loop values='data:post.labels.length - 1' var='label'> <b:attr expr:value='data:post.labels[label].name' name='data-label'/> </b:loop> </div> </div> </b:loop> </b:includable> <b:includable id='postLocation'> <span class='byline post-location'> <data:byline.label/> <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a> </span> </b:includable> <b:includable id='postMeta' var='post'> <b:if cond='data:view.isPost'> <script type='application/ld+json'> { "@context": "http://schema.org", "@type": "NewsArticle", "mainEntityOfPage": { "@type": "WebPage", "@id": "<data:post.url/>" }, "headline": "<data:post.title/>", "description": "<data:view.description/>", "image": { "@type": "ImageObject", "url": "<b:eval expr='resizeImage(data:post.featuredImage,720,"720:480")'/>", "width": 720, "height": 480 }, "datePublished": "<b:eval expr='data:post.date.iso8601'/>", "dateModified": "<b:eval expr='data:post.lastUpdated.ISO8601'/>", "author": { "@type": "Person", "name": "<data:post.author.name/>" }, "publisher": { "@type": "Organization", "name": "tapchixe.pro", "logo": { "@type": "ImageObject", "url": "https://cdn.jsdelivr.net/gh/vietblogdao/images/vietdesigner.png", "width": 400, "height": 400 } } } </script> </b:if> </b:includable> <b:includable id='postMetadataJSONImage'> "image": { "@type": "ImageObject", <b:if cond='data:post.featuredImage.isResizable'> "url": "<b:eval expr='resizeImage(data:post.featuredImage, 1200, "1200:630")'/>", "height": 630, "width": 1200 <b:else/> "url": "https://blogger.googleusercontent.com/img/b/U2hvZWJveA/AVvXsEgfMvYAhAbdHksiBA24JKmb2Tav6K0GviwztID3Cq4VpV96HaJfy0viIu8z1SSw_G9n5FQHZWSRao61M3e58ImahqBtr7LiOUS6m_w59IvDYwjmMcbq3fKW4JSbacqkbxTo8B90dWp0Cese92xfLMPe_tg11g/w1200/", "height": 348, "width": 1200 </b:if> }, </b:includable> <b:includable id='postMetadataJSONPublisher'> "publisher": { "@type": "Organization", "name": "Blogger", "logo": { "@type": "ImageObject", "url": "https://blogger.googleusercontent.com/img/b/U2hvZWJveA/AVvXsEgfMvYAhAbdHksiBA24JKmb2Tav6K0GviwztID3Cq4VpV96HaJfy0viIu8z1SSw_G9n5FQHZWSRao61M3e58ImahqBtr7LiOUS6m_w59IvDYwjmMcbq3fKW4JSbacqkbxTo8B90dWp0Cese92xfLMPe_tg11g/h60/", "width": 206, "height": 60 } }, </b:includable> <b:includable id='postPagination'> <b:if cond='data:view.isHomepage'> <div class='blog-pager float-left w100 text-center' id='blog-pager'> <a class='theme-button blue' expr:href='data:olderPageUrl' title='Xem thêm'>Xem thêm</a> </div> <b:else/> <div class='blog-pager float-left w100 text-center hidden' id='blog-pager'> <a class='older-link theme-button blue load-more' expr:href='data:olderPageUrl' title='Tải thêm'/> </div> <div class='float-left w100' id='loading'/> </b:if> </b:includable> <b:includable id='postReactions'> <!-- Reaction feature no longer available. The includable is retained for backwards-compatibility. --> </b:includable> <b:includable id='postShareButtons'> <div class='byline post-share-buttons goog-inline-block'> <b:with value='data:sharingId ?: ((data:widget.instanceId ?: "sharing") + "-" + (data:regionName ?: "byline") + "-" + data:post.id)' var='sharingId'> <!-- Note: 'sharingButtons' includable is from the default Sharing widget markup. --> <b:include data='{ sharingId: data:sharingId, originalUrl: data:post.url, platforms: data:this.sharing.platforms, shareUrl: data:post.shareUrl, shareTitle: data:post.title, }' name='sharingButtons'/> </b:with> </div> </b:includable> <b:includable id='postTimestamp'> <span class='byline post-timestamp'> <data:byline.label/> <b:if cond='data:post.url'> <meta expr:content='data:post.url.canonical'/> <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'> <time class='published' expr:datetime='data:post.date.iso8601' expr:title='data:post.date.iso8601'> <data:post.date/> </time> </a> </b:if> </span> </b:includable> <b:includable id='postTitle' var='post'> <article class='post' expr:data-article-id='data:post.id'> <b:attr cond='data:post.link' expr:value='data:post.link' name='data-video'/> <div> <div class='post_thumb'> <a class='img' expr:href='data:post.url' expr:title='data:post.title'> <b:if cond='data:post.featuredImage'> <b:class name='has--img'/> <img class='lazyload' expr:alt='data:post.title' expr:data-src='data:post.featuredImage' src='https://cdn.jsdelivr.net/gh/vietblogdao/images/bg_img.jpg'/> </b:if> <b:if cond='!data:post.featuredImage'><b:class name='no--img'/></b:if> <span class='icon-play'/> </a> </div> <div class='post_body'> <div class='post_title'><a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a></div> <div class='post_meta flex-align overflow'> <b:if cond='data:widgets.Blog.first.allBylineItems.labels'> <span class='post_label'> <b:loop values='data:post.labels.length - 1' var='label'> <a expr:href='data:post.labels[label].url' expr:title='data:post.labels[label].name'><b:eval expr='data:post.labels[label].name'/></a> </b:loop> </span> </b:if> <b:if cond='data:widgets.Blog.first.allBylineItems.timestamp'> <span class='post_date' expr:data-date='data:post.date.iso8601'> <time><b:eval expr='data:post.date format "dd/MM/yyyy" '/></time> </span> </b:if> <b:if cond='data:widgets.Blog.first.allBylineItems.share'> <span aria-expanded='false' aria-label='Chia sẻ nội dung này' aria-pressed='false' class='share-icon has-svg-icon share-this-post flex-center has-hover' expr:data-href='data:post.url.canonical' expr:data-image='resizeImage(data:post.featuredImage,1200,"1200:630")' expr:data-postId='data:post.id' expr:data-snippets='data:post.snippets.short' role='button' tabindex='0' title='Chia sẻ nội dung này'/> </b:if> </div> <div class='post_snippet'><p><b:eval expr='data:post.body snippet {length: 180,links: true,linebreaks: true,ellipsis: true}'/></p></div> </div> </div> </article> </b:includable> <b:includable id='previousPageLink'> <a class='blog-pager-newer-link' expr:href='data:newerPageUrl.canonical' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:messages.newerPosts'><data:messages.newerPosts/></a> </b:includable> <b:includable id='sharingButton'> <span expr:aria-label='data:platform.shareMessage' expr:class='"sharing-platform-button sharing-element-" + data:platform.key' expr:data-href='data:shareUrl + "&target=" + data:platform.target' expr:data-url='data:originalUrl' expr:title='data:platform.shareMessage' role='menuitem' tabindex='-1'> <b:include name='sharingPlatformIcon'/> <span class='platform-sharing-text'><data:platform.name/></span> </span> </b:includable> <b:includable id='sharingButtonContent'> <div class='flat-icon-button ripple'> <b:include name='shareIcon'/> </div> </b:includable> <b:includable id='sharingButtons'> <div class='sharing' expr:aria-owns='"sharing-popup-" + data:sharingId' expr:data-title='data:shareTitle'> <button class='sharing-button touch-icon-button' expr:aria-controls='"sharing-popup-" + data:sharingId' expr:aria-label='data:messages.share.escaped' expr:id='"sharing-button-" + data:sharingId' role='button'> <b:include name='sharingButtonContent'/> </button> <b:include name='sharingButtonsMenu'/> </div> </b:includable> <b:includable id='sharingButtonsMenu'> <div class='share-buttons-container'> <ul aria-hidden='true' class='share-buttons hidden' expr:aria-label='data:messages.share.escaped' expr:id='"sharing-popup-" + data:sharingId' role='menu'> <b:loop values='(data:platforms ?: data:blog.sharing.platforms) filter (p => p.key not in {"blogThis"})' var='platform'> <li> <b:include name='sharingButton'/> </li> </b:loop> <li aria-hidden='true' class='hidden'> <b:include name='otherSharingButton'/> </li> </ul> </div> </b:includable> <b:includable id='sharingPlatformIcon'> <b:include data='{ iconClass: ("touch-icon sharing-" + data:platform.key) }' expr:name='data:platform.key + "Icon"'/> </b:includable> <b:includable id='threadedCommentForm' var='post'> <b:include name='commentsTitle'/> <div class='comment-form'> <b:include data='post' name='commentFormIframeSrc'/> <div class='commentForm loading'/> </div> </b:includable> <b:includable id='threadedCommentJs' var='post'> <div class='comment-thread toplevel-thread' itemprop='' itemscope='' itemtype='http://schema.org/CreativeWorkSeries'> <span class='hidden' itemprop='name'><data:post.title/></span> <div itemprop='aggregateRating' itemscope='' itemtype='http://schema.org/AggregateRating'> <meta expr:content='data:post.numberOfComments' itemprop='ratingCount'/> <b:if cond='data:post.numberOfComments lte 3'> <meta content='3' itemprop='ratingValue'/> <b:elseif cond='data:post.numberOfComments in [3,4,5]'/> <meta content='3.5' itemprop='ratingValue'/> <b:elseif cond='data:post.numberOfComments in [6,7,8]'/> <meta content='4' itemprop='ratingValue'/> <b:elseif cond='data:post.numberOfComments in [9,10,11]'/> <meta content='4.5' itemprop='ratingValue'/> <b:elseif cond='data:post.numberOfComments gt 11'/> <meta content='5' itemprop='ratingValue'/> </b:if> <meta content='5' itemprop='bestRating'/> <meta content='1' itemprop='worstRating'/> </div> <ol id='top-ra' itemprop='review' itemscope='' itemtype='http://schema.org/Review'> <meta expr:name='data:post.title' itemprop='name'/> <b:loop values='data:post.comments' var='firstlevel'> <b:if cond='!data:firstlevel.inReplyTo'> <li class='comment hidden' expr:id='"c" + data:firstlevel.id'> <div class='avatar-image-container'> <b:if cond='data:firstlevel.authorPhoto.url'> <img class='lazyload' expr:alt='data:firstlevel.author' expr:data-src='resizeImage(data:firstlevel.authorPhoto.url, 35, "1:1")' src='https://cdn.jsdelivr.net/gh/vietblogdao/images/bg_img.jpg'/> <b:else/> <img class='lazyload' data-src='https://lh3.googleusercontent.com/zFdxGE77vvD2w5xHy6jkVuElKv-U9_9qLkRYK8OnbDeJPtjSZ82UPq5w6hJ-SA=s35' expr:alt='data:firstlevel.author' src='https://cdn.jsdelivr.net/gh/vietblogdao/images/bg_img.jpg'/> </b:if> <b:if cond='data:firstlevel.author == data:post.author.name'> <span class='verified-user-icon'><svg height='15px' viewBox='0 0 24 24' width='15px'><path d='M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm-2 16l-4-4 1.41-1.41L10 14.17l6.59-6.59L18 9l-8 8z' fill='#4285F4' paint-order='stroke' stroke='#fff' stroke-width='3px'/></svg></span> </b:if> </div> <div class='comment-block'> <div class='comment-header'> <span class='user' itemprop='author'><data:firstlevel.author/></span> <span itemprop='description'><data:firstlevel.body/></span> </div> <div class='comment-actions'> <a class='comment-reply' expr:data-comment-id='data:firstlevel.id' expr:href='"#" + data:firstlevel.id' rel='nofollow' target='_self' title='Trả lời'>Trả lời</a> <span expr:class='data:firstlevel.adminClass'><a expr:href='data:firstlevel.deleteUrl' expr:title='data:messages.deleteComment' rel='nofollow' target='_self'>Xóa</a></span> <span class='date-time'> <meta expr:content='data:firstlevel.timestamp' itemprop='datePublished'/> <a expr:href='data:firstlevel.url' expr:title='data:firstlevel.timestamp' rel='nofollow' target='_self'><data:firstlevel.timestamp/></a> </span> </div> </div> <div class='comment-replies hidden'> <div class='comment-thread secondlevel-thread' expr:id='"c" + data:firstlevel.id + "-rt"'> <ol class='thread-chrome thread-expanded' expr:id='"c" + data:firstlevel.id + "-ra"'> <b:loop values='data:post.comments' var='secondlevel'> <b:if cond='data:secondlevel.inReplyTo == data:firstlevel.id'> <li class='comment' expr:id='"c" + data:secondlevel.id'> <div class='avatar-image-container'> <b:if cond='data:secondlevel.authorPhoto.url'> <img class='lazyload' expr:alt='data:secondlevel.author' expr:data-src='resizeImage(data:secondlevel.authorPhoto.url, 35, "1:1")' src='https://cdn.jsdelivr.net/gh/vietblogdao/images/bg_img.jpg'/> <b:else/> <img class='lazyload' data-src='https://lh3.googleusercontent.com/zFdxGE77vvD2w5xHy6jkVuElKv-U9_9qLkRYK8OnbDeJPtjSZ82UPq5w6hJ-SA=s35' expr:alt='data:secondlevel.author' src='https://cdn.jsdelivr.net/gh/vietblogdao/images/bg_img.jpg'/> </b:if> <b:if cond='data:secondlevel.author == data:post.author.name'> <span class='verified-user-icon'><svg height='15px' viewBox='0 0 24 24' width='15px'><path d='M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm-2 16l-4-4 1.41-1.41L10 14.17l6.59-6.59L18 9l-8 8z' fill='#4285F4' paint-order='stroke' stroke='#fff' stroke-width='3px'/></svg></span> </b:if> </div> <div class='comment-block'> <div class='comment-header'> <span class='user'><data:secondlevel.author/></span> <span><data:secondlevel.body/></span> </div> <div class='comment-actions'> <a class='comment-reply' expr:data-comment-id='data:secondlevel.id' expr:href='"#" + data:secondlevel.id' rel='nofollow' target='_self' title='Trả lời'>Trả lời</a> <span expr:class='data:secondlevel.adminClass'><a expr:href='data:secondlevel.deleteUrl' expr:title='data:messages.deleteComment' rel='nofollow' target='_self'>Xóa</a></span> <span class='date-time'><a expr:href='data:secondlevel.url' expr:title='data:secondlevel.timestamp' rel='nofollow' target='_self'><data:secondlevel.timestamp/></a></span> </div> </div> <div class='comment-replies'> <div class='comment-thread thirdlevel-thread' expr:id='"c" + data:secondlevel.id + "-rt"'> <ol class='thread-chrome thread-expanded' expr:id='"c" + data:secondlevel.id + "-ra"'> <b:loop values='data:post.comments' var='thirdlevel'> <b:if cond='data:thirdlevel.inReplyTo == data:secondlevel.id'> <li class='comment' expr:id='"c" + data:thirdlevel.id'> <div class='avatar-image-container'> <b:if cond='data:thirdlevel.authorPhoto.url'> <img class='lazyload' expr:alt='data:thirdlevel.author' expr:data-src='resizeImage(data:thirdlevel.authorPhoto.url, 35, "1:1")' src='https://cdn.jsdelivr.net/gh/vietblogdao/images/bg_img.jpg'/> <b:else/> <img class='lazyload' data-src='https://lh3.googleusercontent.com/zFdxGE77vvD2w5xHy6jkVuElKv-U9_9qLkRYK8OnbDeJPtjSZ82UPq5w6hJ-SA=s35' expr:alt='data:thirdlevel.author' src='https://cdn.jsdelivr.net/gh/vietblogdao/images/bg_img.jpg'/> </b:if> <b:if cond='data:thirdlevel.author == data:post.author.name'> <span class='verified-user-icon'><svg height='15px' viewBox='0 0 24 24' width='15px'><path d='M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm-2 16l-4-4 1.41-1.41L10 14.17l6.59-6.59L18 9l-8 8z' fill='#4285F4' paint-order='stroke' stroke='#fff' stroke-width='3px'/></svg></span> </b:if> </div> <div class='comment-block'> <div class='comment-header'> <span class='user'><data:thirdlevel.author/></span> <span><data:thirdlevel.body/></span> </div> <div class='comment-actions'> <span expr:class='data:thirdlevel.adminClass'><a expr:href='data:thirdlevel.deleteUrl' expr:title='data:messages.deleteComment' rel='nofollow' target='_self'>Xóa</a></span> <span class='date-time'><a expr:href='data:thirdlevel.url' expr:title='data:thirdlevel.timestamp' rel='nofollow' target='_self'><data:thirdlevel.timestamp/></a></span> </div> </div> </li> </b:if> </b:loop> </ol> </div> </div> <div class='comment-replybox-single' expr:id='"c" + data:secondlevel.id + "-ce"'/> </li> </b:if> </b:loop> </ol> </div> </div> <div class='comment-replybox-single' expr:id='"c" + data:firstlevel.id + "-ce"'/> <div itemprop='reviewRating' itemscope='' itemtype='http://schema.org/Rating'> <meta content='1' itemprop='worstRating'/> <meta content='4' itemprop='ratingValue'/> <meta content='5' itemprop='bestRating'/> </div> </li> </b:if> </b:loop> </ol> <div class='loadmore hidden' expr:data-post-id='data:post.id'><a expr:title='data:messages.showMore' href='#loadmore' rel='nofollow' role='button' target='_self'><data:messages.showMore/></a></div> <div class='showless hidden'><a href='#showless' rel='nofollow' role='button' target='_self' title='Thu gọn'>Thu gọn</a></div> </div> </b:includable> <b:includable id='threadedComments' var='post'> <div expr:class='"comments threaded" + (data:post.embedCommentForm ? " embed" : "")' expr:data-allow-comments='data:post.allowNewComments ? "true" : "false"' expr:data-embed='data:post.embedCommentForm ? "true" : "false"' expr:data-num-comments='data:post.numberOfComments' id='comments'> <b:if cond='data:post.allowNewComments'> <b:include data='post' name='threadedCommentForm'/> <b:else/> <div class='thread-locked-alert'> <svg viewBox='0 0 24 24'><path d='M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2z'/></svg> <font> <data:post.noNewCommentsText/></font> </div> </b:if> <div class='comments-content'> <div id='comment-holder'> <b:include data='post' name='threadedCommentJs'/> </div> </div> <b:if cond='data:showCmtPopup'> <div id='comment-popup'> <iframe allowtransparency='allowtransparency' id='comment-actions' name='comment-actions' scrolling='no' title='comment actions'/> </div> </b:if> </div> </b:includable> </b:widget> <b:widget cond='data:view.search.label eq "Video"' id='PopularPosts2' locked='true' title='Đọc nhiều trong tuần' type='PopularPosts' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='numItemsToShow'>8</b:widget-setting> <b:widget-setting name='showThumbnails'>true</b:widget-setting> <b:widget-setting name='showSnippets'>true</b:widget-setting> <b:widget-setting name='timeRange'>LAST_WEEK</b:widget-setting> </b:widget-settings> <b:includable id='main' var='this'> <div class='widget-title'><h3><data:title/></h3></div> <b:attr name='data-version' value=''/><b:attr name='id' value=''/> <div class='widget-content' data-box-shadow='true' data-column='4' data-layout='grid' data-transform='true'> <b:loop values='data:posts' var='post'> <article class='post' expr:data-article-id='data:post.id'> <div> <b:if cond='data:postDisplay.showFeaturedImage'> <div class='post_thumb'> <b:if cond='data:widgets.Blog.first.allBylineItems.labels'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.name eq "video"'> <b:class name='thumb_icon thumb_video'/> <b:elseif cond='data:label.name eq "photo"'/> <b:class name='thumb_icon thumb_photo'/> </b:if> </b:loop> </b:if> <a class='img' expr:href='data:post.url' expr:title='data:post.title'> <b:if cond='data:post.featuredImage.isYouTube or data:post.featuredImage'><b:class name='has--img'/></b:if> <b:if cond='!data:post.featuredImage.isYouTube and !data:post.featuredImage'><b:class name='no--img'/></b:if> <b:if cond='data:post.featuredImage.isYouTube'> <img class='lazyload' expr:alt='data:post.title' expr:data-src='data:view.featuredImage.youtubeMaxResDefaultUrl' src='https://cdn.jsdelivr.net/gh/vietblogdao/images/bg_img.jpg'/> <b:elseif cond='data:post.featuredImage'/> <img class='lazyload' expr:alt='data:post.title' expr:data-src='data:post.featuredImage' src='https://cdn.jsdelivr.net/gh/vietblogdao/images/bg_img.jpg'/> </b:if> </a> </div> </b:if> <div class='post_body'> <div class='post_title'> <a expr:href='data:post.link ? data:post.link : data:post.url' expr:title='data:post.title'><data:post.title/></a> </div> <div class='post_meta flex-align overflow' data-nosnippet='true'> <b:if cond='data:widgets.Blog.first.allBylineItems.labels'> <span class='post_label'> <b:loop index='item' values='data:post.labels' var='label'> <b:if cond='data:item lte 0'> <a expr:href='data:post.labels[0].url' expr:title='data:post.labels[0].name'><b:eval expr='data:post.labels[0].name'/></a> </b:if> </b:loop> </span> </b:if> <b:if cond='data:widgets.Blog.first.allBylineItems.timestamp'> <span class='post_date' expr:data-date='data:post.date.iso8601'> <time><data:post.date/> <b:eval expr='data:post.date format "dd/MM/yyyy"'/></time> </span> </b:if> <b:if cond='data:widgets.Blog.first.allBylineItems.share'> <span aria-expanded='false' aria-label='Chia sẻ nội dung này' aria-pressed='false' class='share-icon has-svg-icon share-this-post flex-center has-hover' expr:data-href='data:post.url.canonical' expr:data-image='resizeImage(data:post.featuredImage,1200,"1200:630")' expr:data-postId='data:post.id' expr:data-snippets='data:post.snippets.short' role='button' tabindex='0' title='Chia sẻ nội dung này'/> </b:if> </div> <b:if cond='data:postDisplay.showSnippet'><div class='post_snippet'><p><b:eval expr='data:post.body snippet {length: 180,links: false,linebreaks: true,ellipsis: true}'/></p></div></b:if> </div> </div> </article> </b:loop> </div> </b:includable> </b:widget> <b:widget cond='data:view.search.label eq "Video"' id='HTML3' locked='true' title='Tin đề xuất' type='HTML' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='content'/> </b:widget-settings> <b:includable id='main'> <div class='widget-title'><h3><data:title/></h3></div> <b:attr name='class' value='widget RandomPosts'/> <b:attr name='data-version' value=''/><b:attr name='id' value='RandomPosts'/> <div class='widget-content loading' data-box-shadow='true' data-column='4' data-layout='grid' data-transform='true'/> </b:includable> </b:widget> <b:widget cond='!data:blog.isMobileRequest and data:view.search.label eq "Video"' id='HTML102' locked='true' title='Quảng cáo Desktop' type='HTML' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='content'><![CDATA[<a href="/p/contact-us.html" rel="noopener" target="_blank" title="Contact us">QUẢNG CÁO</a>]]></b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:attr name='class' value='widget has-banner box-shadow destop'/> <b:attr name='data-version' value=''/> <b:attr name='id' value=''/> <div class='banner-full-width flex-center text-center'><data:content/></div> </b:includable> </b:widget> <b:widget cond='data:blog.isMobileRequest and data:view.search.label eq "Video"' id='HTML103' locked='true' title='Quảng cáo Mobile' type='HTML' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='content'><![CDATA[<a href="/p/contact-us.html" rel="noopener" target="_blank" title="Contact us">QUẢNG CÁO</a>]]></b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:attr name='class' value='widget qc-full-width has-banner mobile'/> <b:attr name='data-version' value=''/> <b:attr name='id' value=''/> <div class='banner-full-width flex-center text-center'><data:content/></div> </b:includable> </b:widget> <b:widget cond='data:view.isPost and !data:blog.isMobileRequest' id='HTML104' locked='true' title='Quảng cáo Desktop' type='HTML' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='content'><![CDATA[<a href="/p/contact-us.html" rel="noopener" target="_blank" title="Contact us">QUẢNG CÁO</a>]]></b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:attr name='class' value='banner-widget float-left w100 box-shadow has-banner'/> <b:attr name='data-version' value=''/> <b:attr name='id' value=''/> <div class='banner-full-width flex-center text-center'><data:content/></div> </b:includable> </b:widget> <b:widget cond='data:blog.isMobileRequest and data:view.isPost' id='HTML105' locked='true' title='Quảng cáo Mobile' type='HTML' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='content'><![CDATA[<a href="/p/contact-us.html" rel="noopener" target="_blank" title="Contact us">QUẢNG CÁO</a>]]></b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:attr name='class' value='banner-mobile flex-center'/> <b:attr name='data-version' value=''/><b:attr name='id' value=''/> <div class='banner flex-center text-center' data-size='300x250'><data:content/></div> </b:includable> </b:widget> <b:widget cond='data:view.isPost' id='PopularPosts3' locked='true' title='Đọc nhiều trong tuần' type='PopularPosts' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='numItemsToShow'>10</b:widget-setting> <b:widget-setting name='showThumbnails'>true</b:widget-setting> <b:widget-setting name='showSnippets'>true</b:widget-setting> <b:widget-setting name='timeRange'>LAST_WEEK</b:widget-setting> </b:widget-settings> <b:includable id='main' var='this'> <header class='section-title'><h3><data:title/></h3></header> <b:attr name='data-version' value=''/><b:attr name='id' value=''/> <div class='widget-content' data-box-shadow='false' data-column='1' data-layout='list' data-transform='true'> <b:loop values='data:posts' var='post'> <article class='post' expr:data-article-id='data:post.id'> <div> <b:if cond='data:postDisplay.showFeaturedImage'> <div class='post_thumb'> <b:if cond='data:widgets.Blog.first.allBylineItems.labels'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.name eq "video"'> <b:class name='thumb_icon thumb_video'/> <b:elseif cond='data:label.name eq "photo"'/> <b:class name='thumb_icon thumb_photo'/> </b:if> </b:loop> </b:if> <a class='img' expr:href='data:post.url' expr:title='data:post.title'> <b:if cond='data:post.featuredImage.isYouTube or data:post.featuredImage'><b:class name='has--img'/></b:if> <b:if cond='!data:post.featuredImage.isYouTube and !data:post.featuredImage'><b:class name='no--img'/></b:if> <b:if cond='data:post.featuredImage.isYouTube'> <img class='lazyload' expr:alt='data:post.title' expr:data-src='data:view.featuredImage.youtubeMaxResDefaultUrl' src='https://cdn.jsdelivr.net/gh/vietblogdao/images/bg_img.jpg'/> <b:elseif cond='data:post.featuredImage'/> <img class='lazyload' expr:alt='data:post.title' expr:data-src='data:post.featuredImage' src='https://cdn.jsdelivr.net/gh/vietblogdao/images/bg_img.jpg'/> </b:if> </a> </div> </b:if> <div class='post_body'> <div class='post_title'> <a expr:href='data:post.link ? data:post.link : data:post.url' expr:title='data:post.title'><data:post.title/></a> </div> <div class='post_meta flex-align overflow' data-nosnippet='true'> <b:if cond='data:widgets.Blog.first.allBylineItems.labels'> <span class='post_label'> <b:loop index='item' values='data:post.labels' var='label'> <b:if cond='data:item lte 0'> <a expr:href='data:post.labels[0].url' expr:title='data:post.labels[0].name'><b:eval expr='data:post.labels[0].name'/></a> </b:if> </b:loop> </span> </b:if> <b:if cond='data:widgets.Blog.first.allBylineItems.timestamp'> <span class='post_date' expr:data-date='data:post.date.iso8601'> <time><data:post.date/> <b:eval expr='data:post.date format "dd/MM/yyyy"'/></time> </span> </b:if> <b:if cond='data:widgets.Blog.first.allBylineItems.share'> <span aria-expanded='false' aria-label='Chia sẻ nội dung này' aria-pressed='false' class='share-icon has-svg-icon share-this-post flex-center has-hover' expr:data-href='data:post.url.canonical' expr:data-image='resizeImage(data:post.featuredImage,1200,"1200:630")' expr:data-postId='data:post.id' expr:data-snippets='data:post.snippets.short' role='button' tabindex='0' title='Chia sẻ nội dung này'/> </b:if> </div> <b:if cond='data:postDisplay.showSnippet'><div class='post_snippet'><p><b:eval expr='data:post.body snippet {length: 180,links: false,linebreaks: true,ellipsis: true}'/></p></div></b:if> </div> </div> </article> </b:loop> </div> </b:includable> <b:includable id='blogThisShare'> <b:with value='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' var='onclick'> <b:include name='platformShare'/> </b:with> </b:includable> <b:includable id='bylineByName' var='byline'> <b:switch var='data:byline.name'> <b:case value='share'/> <b:include cond='data:post.shareUrl' name='postShareButtons'/> <b:case value='comments'/> <b:include cond='data:post.allowComments' name='postCommentsLink'/> <b:case value='location'/> <b:include cond='data:post.location' name='postLocation'/> <b:case value='timestamp'/> <b:include cond='not data:view.isPage' name='postTimestamp'/> <b:case value='author'/> <b:include name='postAuthor'/> <b:case value='labels'/> <b:include cond='data:post.labels' name='postLabels'/> <b:case value='icons'/> <b:include cond='data:post.emailPostUrl' name='emailPostIcon'/> </b:switch> </b:includable> <b:includable id='bylineRegion' var='regionItems'> <b:loop values='data:regionItems' var='byline'> <b:include data='byline' name='bylineByName'/> </b:loop> </b:includable> <b:includable id='commentsLink'> <a class='comment-link' expr:href='data:post.commentsUrl' expr:onclick='data:post.commentsUrlOnclick'> <b:if cond='data:post.numberOfComments > 0'> <b:message name='messages.numberOfComments'> <b:param expr:value='data:post.numberOfComments' name='numComments'/> </b:message> <b:else/> <data:messages.postAComment/> </b:if> </a> </b:includable> <b:includable id='commentsLinkIframe'> <!-- G+ comments, no longer available. The includable is retained for backwards-compatibility. --> </b:includable> <b:includable id='emailPostIcon'> <span class='byline post-icons'> <!-- email post links --> <span class='item-action'> <a expr:href='data:post.emailPostUrl' expr:title='data:messages.emailPost'> <b:include data='{ iconClass: "touch-icon sharing-icon" }' name='emailIcon'/> </a> </span> </span> </b:includable> <b:includable id='facebookShare'> <b:with value='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' var='onclick'> <b:include name='platformShare'/> </b:with> </b:includable> <b:includable id='footerBylines'> <b:if cond='data:widgets.Blog.first.footerBylines'> <b:loop index='i' values='data:widgets.Blog.first.footerBylines' var='region'> <b:if cond='not data:region.items.empty'> <div expr:class='"post-footer-line post-footer-line-" + (data:i + 1)'> <b:with value='"footer-" + (data:i + 1)' var='regionName'> <b:include data='region.items' name='bylineRegion'/> </b:with> </div> </b:if> </b:loop> </b:if> </b:includable> <b:includable id='googlePlusShare'> </b:includable> <b:includable id='headerByline'> <b:if cond='data:widgets.Blog.first.headerByline'> <div class='post-header'> <div class='post-header-line-1'> <b:with value='"header-1"' var='regionName'> <b:include data='data:widgets.Blog.first.headerByline.items' name='bylineRegion'/> </b:with> </div> </div> </b:if> </b:includable> <b:includable id='linkShare'> <b:with value='"window.prompt(\"Copy to clipboard: Ctrl+C, Enter\", \"" + data:originalUrl + "\"); return false;"' var='onclick'> <b:include name='platformShare'/> </b:with> </b:includable> <b:includable id='otherSharingButton'> <span class='sharing-platform-button sharing-element-other' expr:aria-label='data:messages.shareToOtherApps.escaped' expr:data-url='data:originalUrl' expr:title='data:messages.shareToOtherApps.escaped' role='menuitem' tabindex='-1'> <b:with value='{key: "sharingOther"}' var='platform'> <b:include name='sharingPlatformIcon'/> </b:with> <span class='platform-sharing-text'><data:messages.shareOtherApps.escaped/></span> </span> </b:includable> <b:includable id='platformShare'> <a expr:class='"goog-inline-block sharing-" + data:platform.key' expr:data-url='data:originalUrl' expr:href='data:shareUrl + "&target=" + data:platform.target' expr:onclick='data:onclick ? data:onclick : ""' expr:title='data:platform.shareMessage' target='_blank'> <span class='share-button-link-text'> <data:platform.shareMessage/> </span> </a> </b:includable> <b:includable id='postAuthor'> <span class='byline post-author vcard'> <span class='post-author-label'> <data:byline.label/> </span> <span class='fn'> <b:if cond='data:post.author.profileUrl'> <meta expr:content='data:post.author.profileUrl'/> <a class='g-profile' expr:href='data:post.author.profileUrl' rel='author' title='author profile'> <span><data:post.author.name/></span> </a> <b:else/> <span><data:post.author.name/></span> </b:if> </span> </span> </b:includable> <b:includable id='postCommentsLink'> <span class='byline post-comment-link container'> <b:include cond='data:post.commentSource != 1' name='commentsLink'/> </span> </b:includable> <b:includable id='postJumpLink' var='post'> <div class='jump-link flat-button'> <a expr:href='data:post.url fragment "more"' expr:title='data:post.title'> <b:eval expr='data:blog.jumpLinkMessage'/> </a> </div> </b:includable> <b:includable id='postLabels'> <span class='byline post-labels'> <span class='byline-label'><data:byline.label/></span> <b:loop index='i' values='data:post.labels' var='label'> <a expr:href='data:label.url' rel='tag'> <data:label.name/> </a> </b:loop> </span> </b:includable> <b:includable id='postLocation'> <span class='byline post-location'> <data:byline.label/> <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a> </span> </b:includable> <b:includable id='postReactions'> <!-- Reaction feature no longer available. The includable is retained for backwards-compatibility. --> </b:includable> <b:includable id='postShareButtons'> <div class='byline post-share-buttons goog-inline-block'> <b:with value='data:sharingId ?: ((data:widget.instanceId ?: "sharing") + "-" + (data:regionName ?: "byline") + "-" + data:post.id)' var='sharingId'> <!-- Note: 'sharingButtons' includable is from the default Sharing widget markup. --> <b:include data='{ sharingId: data:sharingId, originalUrl: data:post.url, platforms: data:this.sharing.platforms, shareUrl: data:post.shareUrl, shareTitle: data:post.title, }' name='sharingButtons'/> </b:with> </div> </b:includable> <b:includable id='postTimestamp'> <span class='byline post-timestamp'> <data:byline.label/> <b:if cond='data:post.url'> <meta expr:content='data:post.url.canonical'/> <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'> <time class='published' expr:datetime='data:post.date.iso8601' expr:title='data:post.date.iso8601'> <data:post.date/> </time> </a> </b:if> </span> </b:includable> <b:includable id='sharingButton'> <span expr:aria-label='data:platform.shareMessage' expr:class='"sharing-platform-button sharing-element-" + data:platform.key' expr:data-href='data:shareUrl + "&target=" + data:platform.target' expr:data-url='data:originalUrl' expr:title='data:platform.shareMessage' role='menuitem' tabindex='-1'> <b:include name='sharingPlatformIcon'/> <span class='platform-sharing-text'><data:platform.name/></span> </span> </b:includable> <b:includable id='sharingButtonContent'> <div class='flat-icon-button ripple'> <b:include name='shareIcon'/> </div> </b:includable> <b:includable id='sharingButtons'> <div class='sharing' expr:aria-owns='"sharing-popup-" + data:sharingId' expr:data-title='data:shareTitle'> <button class='sharing-button touch-icon-button' expr:aria-controls='"sharing-popup-" + data:sharingId' expr:aria-label='data:messages.share.escaped' expr:id='"sharing-button-" + data:sharingId' role='button'> <b:include name='sharingButtonContent'/> </button> <b:include name='sharingButtonsMenu'/> </div> </b:includable> <b:includable id='sharingButtonsMenu'> <div class='share-buttons-container'> <ul aria-hidden='true' class='share-buttons hidden' expr:aria-label='data:messages.share.escaped' expr:id='"sharing-popup-" + data:sharingId' role='menu'> <b:loop values='(data:platforms ?: data:blog.sharing.platforms) filter (p => p.key not in {"blogThis"})' var='platform'> <li> <b:include name='sharingButton'/> </li> </b:loop> <li aria-hidden='true' class='hidden'> <b:include name='otherSharingButton'/> </li> </ul> </div> </b:includable> <b:includable id='sharingPlatformIcon'> <b:include data='{ iconClass: ("touch-icon sharing-" + data:platform.key) }' expr:name='data:platform.key + "Icon"'/> </b:includable> <b:includable id='snippetedPostByline'> <b:with value='(data:widgets first (w => w.type == "Blog")).allBylineItems' var='blogBylines'> <div class='item-byline'> <b:with value='data:blogBylines first (i => i.name == "author")' var='byline'> <b:include cond='data:byline and data:this.postDisplay.showAuthor' data='post' name='postAuthor'/> </b:with> <b:with value='data:blogBylines first (i => i.name == "timestamp")' var='byline'> <b:include cond='data:byline and data:this.postDisplay.showDate' data='post' name='postTimestamp'/> </b:with> </div> </b:with> </b:includable> <b:includable id='snippetedPostContent'> <div class='post-content'> <b:include cond='data:this.postDisplay.showTitle' name='snippetedPostTitle'/> <b:include cond='data:this.postDisplay.showDate or data:this.postDisplay.showAuthor' name='snippetedPostByline'/> <b:include cond='data:this.postDisplay.showSnippet' data='post' name='postSnippet'/> <b:include cond='data:this.postDisplay.showFeaturedImage and data:post.featuredImage' name='snippetedPostThumbnail'/> </div> </b:includable> <b:includable id='snippetedPostThumbnail'> <div class='item-thumbnail'> <a expr:href='data:post.url'> <b:include data='{ image: data:post.featuredImage, imageSizes: [72, 144], imageRatio: "1:1", sourceSizes: "72px" }' name='responsiveImage'/> </a> </div> </b:includable> <b:includable id='snippetedPostTitle'> <b:if cond='data:post.title != ""'> <h3 class='post-title'><a expr:href='data:post.url'><data:post.title/></a></h3> </b:if> </b:includable> <b:includable id='snippetedPosts'> <div role='feed'> <!-- Don't render the post that we're currently already looking at. --> <b:loop values='data:posts filter (p => p.id != data:view.postId)' var='post'> <article class='post' role='article'> <b:include name='snippetedPostContent'/> </article> </b:loop> </div> </b:includable> </b:widget> <b:widget cond='data:view.search.label eq "Video"' id='HTML5' locked='true' title='Tin mới' type='HTML' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='content'/> </b:widget-settings> <b:includable id='main'> <div class='widget-title'><h3><data:title/></h3><a expr:href='!data:blog.isMobileRequest ? data:blog.searchUrl : data:blog.searchUrl + "?m=1"' title='Xem thêm'>Xem thêm</a></div> <b:attr name='class' value='widget RecentPosts'/> <b:attr name='data-version' value=''/><b:attr name='id' value='RecentPosts'/> <div class='widget-content loading' data-box-shadow='true' data-column='4' data-layout='grid' data-transform='true'/> </b:includable> </b:widget> <b:widget cond='data:view.isPost and !data:blog.isMobileRequest' id='HTML106' locked='true' title='Quảng cáo Desktop' type='HTML' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='content'><![CDATA[<a href="/p/contact-us.html" rel="noopener" target="_blank" title="Contact us">QUẢNG CÁO</a>]]></b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:attr name='class' value='banner-widget float-left w100 box-shadow has-banner'/> <b:attr name='data-version' value=''/> <b:attr name='id' value=''/> <div class='banner-full-width flex-center text-center'><data:content/></div> </b:includable> </b:widget> <b:widget cond='data:blog.isMobileRequest and data:view.isPost' id='HTML107' locked='true' title='Quảng cáo Mobile' type='HTML' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='content'><![CDATA[<a href="/p/contact-us.html" rel="noopener" target="_blank" title="Contact us">QUẢNG CÁO</a>]]></b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:attr name='class' value='banner-mobile flex-center'/> <b:attr name='data-version' value=''/><b:attr name='id' value=''/> <div class='banner flex-center text-center' data-size='300x250'><data:content/></div> </b:includable> </b:widget> <b:widget cond='data:view.isPost and !data:blog.isMobileRequest' id='HTML108' locked='true' title='Quảng cáo desktop giữa bài viết' type='HTML' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='content'><![CDATA[<a href="/p/contact-us.html" rel="noopener" target="_blank" title="Contact us">QUẢNG CÁO</a>]]></b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:attr name='class' value='widget has-banner banner-article destop hidden'/> <b:attr name='data-version' value=''/><b:attr name='id' value='banner-article'/> <div class='banner-full-width flex-center text-center'><data:content/></div> </b:includable> </b:widget> <b:widget cond='data:blog.isMobileRequest and data:view.isPost' id='HTML109' locked='true' title='Quảng cáo bài viết 300x600' type='HTML' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='content'><![CDATA[<a href="/" title="Quảng cáo bài viết 300x600"><img alt="Quảng cáo bài viết 300x600" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgE0c7VCs0GEPKlJva33yNryLfjhadMGmUt1mwKcl8_xHMKOtRhOGt8snDU8fP5HmqwYaej0f3knLaxyTzVRq60pxJEbiIpTohMrMxHYJhZZPUS10WR5SGQmSpb0Lp9u-TOcIFpBMWgxYhM/s1600/banner-img.jpg" /></a>]]></b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:attr name='class' value='banner-body hidden has-banner mobile'/> <b:attr name='data-version' value=''/> <b:attr name='id' value=''/> <div class='banner-content'> <div class='banner-position'> <div class='banner-display'><div class='banner-iframe'><data:content/></div></div> </div> </div> </b:includable> </b:widget> <b:widget cond='data:blog.isMobileRequest and data:view.isPost' id='HTML110' locked='true' title='Quảng cáo bài viết 300x200' type='HTML' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='content'><![CDATA[<a href="/p/contact-us.html" rel="noopener" target="_blank" title="Contact us">QUẢNG CÁO</a>]]></b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:attr name='class' value='banner-post hidden has-banner mobile'/> <b:attr name='data-version' value=''/> <b:attr name='id' value=''/> <div class='banner-300 flex-center text-center'><data:content/></div> </b:includable> </b:widget> <b:widget cond='data:view.isPost' id='HTML6' locked='true' title='Tin mới' type='HTML' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='content'/> </b:widget-settings> <b:includable id='main'> <b:attr name='class' value='widget RecentPosts'/><b:attr name='data-version' value=''/><b:attr name='id' value='RecentPosts'/> <header class='section-title'><h3><a expr:title='data:title' href='/search'><data:title/></a></h3></header> <div class='widget-content loading' data-box-shadow='false' data-column='1' data-layout='list' data-transform='true'/> </b:includable> </b:widget> </b:section> <b:section class='sidebar float-left' cond='data:view.search.label neq "Video"' id='sidebar' showaddelement='false' tag='aside'> <b:widget cond='data:view.isPage' id='PopularPosts4' locked='true' title='Đọc nhiều trong tuần' type='PopularPosts' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='numItemsToShow'>10</b:widget-setting> <b:widget-setting name='showThumbnails'>true</b:widget-setting> <b:widget-setting name='showSnippets'>true</b:widget-setting> <b:widget-setting name='timeRange'>LAST_WEEK</b:widget-setting> </b:widget-settings> <b:includable id='main' var='this'> <div class='widget-title'><h3><data:title/></h3></div> <b:attr name='data-version' value=''/><b:attr name='id' value=''/> <div class='widget-content' data-box-shadow='false' data-column='1' data-layout='list' data-transform='true'> <b:loop values='data:posts' var='post'> <article class='post' expr:data-article-id='data:post.id'> <div> <b:if cond='data:postDisplay.showFeaturedImage'> <div class='post_thumb'> <b:if cond='data:widgets.Blog.first.allBylineItems.labels'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.name eq "video"'> <b:class name='thumb_icon thumb_video'/> <b:elseif cond='data:label.name eq "photo"'/> <b:class name='thumb_icon thumb_photo'/> </b:if> </b:loop> </b:if> <a class='img' expr:href='data:post.url' expr:title='data:post.title'> <b:if cond='data:post.featuredImage.isYouTube or data:post.featuredImage'><b:class name='has--img'/></b:if> <b:if cond='!data:post.featuredImage.isYouTube and !data:post.featuredImage'><b:class name='no--img'/></b:if> <b:if cond='data:post.featuredImage.isYouTube'> <img class='lazyload' expr:alt='data:post.title' expr:data-src='data:view.featuredImage.youtubeMaxResDefaultUrl' src='https://cdn.jsdelivr.net/gh/vietblogdao/images/bg_img.jpg'/> <b:elseif cond='data:post.featuredImage'/> <img class='lazyload' expr:alt='data:post.title' expr:data-src='data:post.featuredImage' src='https://cdn.jsdelivr.net/gh/vietblogdao/images/bg_img.jpg'/> </b:if> </a> </div> </b:if> <div class='post_body'> <div class='post_title'> <a expr:href='data:post.link ? data:post.link : data:post.url' expr:title='data:post.title'><data:post.title/></a> </div> <div class='post_meta flex-align overflow' data-nosnippet='true'> <b:if cond='data:widgets.Blog.first.allBylineItems.labels'> <span class='post_label'> <b:loop index='item' values='data:post.labels' var='label'> <b:if cond='data:item lte 0'> <a expr:href='data:post.labels[0].url' expr:title='data:post.labels[0].name'><b:eval expr='data:post.labels[0].name'/></a> </b:if> </b:loop> </span> </b:if> <b:if cond='data:widgets.Blog.first.allBylineItems.timestamp'> <span class='post_date' expr:data-date='data:post.date.iso8601'> <time><data:post.date/> <b:eval expr='data:post.date format "dd/MM/yyyy"'/></time> </span> </b:if> <b:if cond='data:widgets.Blog.first.allBylineItems.share'> <span aria-expanded='false' aria-label='Chia sẻ nội dung này' aria-pressed='false' class='share-icon has-svg-icon share-this-post flex-center has-hover' expr:data-href='data:post.url.canonical' expr:data-image='resizeImage(data:post.featuredImage,1200,"1200:630")' expr:data-postId='data:post.id' expr:data-snippets='data:post.snippets.short' role='button' tabindex='0' title='Chia sẻ nội dung này'/> </b:if> </div> <b:if cond='data:postDisplay.showSnippet'><div class='post_snippet'><p><b:eval expr='data:post.body snippet {length: 180,links: false,linebreaks: true,ellipsis: true}'/></p></div></b:if> </div> </div> </article> </b:loop> </div> </b:includable> <b:includable id='blogThisShare'> <b:with value='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' var='onclick'> <b:include name='platformShare'/> </b:with> </b:includable> <b:includable id='bylineByName' var='byline'> <b:switch var='data:byline.name'> <b:case value='share'/> <b:include cond='data:post.shareUrl' name='postShareButtons'/> <b:case value='comments'/> <b:include cond='data:post.allowComments' name='postCommentsLink'/> <b:case value='location'/> <b:include cond='data:post.location' name='postLocation'/> <b:case value='timestamp'/> <b:include cond='not data:view.isPage' name='postTimestamp'/> <b:case value='author'/> <b:include name='postAuthor'/> <b:case value='labels'/> <b:include cond='data:post.labels' name='postLabels'/> <b:case value='icons'/> <b:include cond='data:post.emailPostUrl' name='emailPostIcon'/> </b:switch> </b:includable> <b:includable id='bylineRegion' var='regionItems'> <b:loop values='data:regionItems' var='byline'> <b:include data='byline' name='bylineByName'/> </b:loop> </b:includable> <b:includable id='commentsLink'> <a class='comment-link' expr:href='data:post.commentsUrl' expr:onclick='data:post.commentsUrlOnclick'> <b:if cond='data:post.numberOfComments > 0'> <b:message name='messages.numberOfComments'> <b:param expr:value='data:post.numberOfComments' name='numComments'/> </b:message> <b:else/> <data:messages.postAComment/> </b:if> </a> </b:includable> <b:includable id='commentsLinkIframe'> <!-- G+ comments, no longer available. The includable is retained for backwards-compatibility. --> </b:includable> <b:includable id='emailPostIcon'> <span class='byline post-icons'> <!-- email post links --> <span class='item-action'> <a expr:href='data:post.emailPostUrl' expr:title='data:messages.emailPost'> <b:include data='{ iconClass: "touch-icon sharing-icon" }' name='emailIcon'/> </a> </span> </span> </b:includable> <b:includable id='facebookShare'> <b:with value='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' var='onclick'> <b:include name='platformShare'/> </b:with> </b:includable> <b:includable id='footerBylines'> <b:if cond='data:widgets.Blog.first.footerBylines'> <b:loop index='i' values='data:widgets.Blog.first.footerBylines' var='region'> <b:if cond='not data:region.items.empty'> <div expr:class='"post-footer-line post-footer-line-" + (data:i + 1)'> <b:with value='"footer-" + (data:i + 1)' var='regionName'> <b:include data='region.items' name='bylineRegion'/> </b:with> </div> </b:if> </b:loop> </b:if> </b:includable> <b:includable id='googlePlusShare'> </b:includable> <b:includable id='headerByline'> <b:if cond='data:widgets.Blog.first.headerByline'> <div class='post-header'> <div class='post-header-line-1'> <b:with value='"header-1"' var='regionName'> <b:include data='data:widgets.Blog.first.headerByline.items' name='bylineRegion'/> </b:with> </div> </div> </b:if> </b:includable> <b:includable id='linkShare'> <b:with value='"window.prompt(\"Copy to clipboard: Ctrl+C, Enter\", \"" + data:originalUrl + "\"); return false;"' var='onclick'> <b:include name='platformShare'/> </b:with> </b:includable> <b:includable id='otherSharingButton'> <span class='sharing-platform-button sharing-element-other' expr:aria-label='data:messages.shareToOtherApps.escaped' expr:data-url='data:originalUrl' expr:title='data:messages.shareToOtherApps.escaped' role='menuitem' tabindex='-1'> <b:with value='{key: "sharingOther"}' var='platform'> <b:include name='sharingPlatformIcon'/> </b:with> <span class='platform-sharing-text'><data:messages.shareOtherApps.escaped/></span> </span> </b:includable> <b:includable id='platformShare'> <a expr:class='"goog-inline-block sharing-" + data:platform.key' expr:data-url='data:originalUrl' expr:href='data:shareUrl + "&target=" + data:platform.target' expr:onclick='data:onclick ? data:onclick : ""' expr:title='data:platform.shareMessage' target='_blank'> <span class='share-button-link-text'> <data:platform.shareMessage/> </span> </a> </b:includable> <b:includable id='postAuthor'> <span class='byline post-author vcard'> <span class='post-author-label'> <data:byline.label/> </span> <span class='fn'> <b:if cond='data:post.author.profileUrl'> <meta expr:content='data:post.author.profileUrl'/> <a class='g-profile' expr:href='data:post.author.profileUrl' rel='author' title='author profile'> <span><data:post.author.name/></span> </a> <b:else/> <span><data:post.author.name/></span> </b:if> </span> </span> </b:includable> <b:includable id='postCommentsLink'> <span class='byline post-comment-link container'> <b:include cond='data:post.commentSource != 1' name='commentsLink'/> </span> </b:includable> <b:includable id='postJumpLink' var='post'> <div class='jump-link flat-button'> <a expr:href='data:post.url fragment "more"' expr:title='data:post.title'> <b:eval expr='data:blog.jumpLinkMessage'/> </a> </div> </b:includable> <b:includable id='postLabels'> <span class='byline post-labels'> <span class='byline-label'><data:byline.label/></span> <b:loop index='i' values='data:post.labels' var='label'> <a expr:href='data:label.url' rel='tag'> <data:label.name/> </a> </b:loop> </span> </b:includable> <b:includable id='postLocation'> <span class='byline post-location'> <data:byline.label/> <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a> </span> </b:includable> <b:includable id='postReactions'> <!-- Reaction feature no longer available. The includable is retained for backwards-compatibility. --> </b:includable> <b:includable id='postShareButtons'> <div class='byline post-share-buttons goog-inline-block'> <b:with value='data:sharingId ?: ((data:widget.instanceId ?: "sharing") + "-" + (data:regionName ?: "byline") + "-" + data:post.id)' var='sharingId'> <!-- Note: 'sharingButtons' includable is from the default Sharing widget markup. --> <b:include data='{ sharingId: data:sharingId, originalUrl: data:post.url, platforms: data:this.sharing.platforms, shareUrl: data:post.shareUrl, shareTitle: data:post.title, }' name='sharingButtons'/> </b:with> </div> </b:includable> <b:includable id='postTimestamp'> <span class='byline post-timestamp'> <data:byline.label/> <b:if cond='data:post.url'> <meta expr:content='data:post.url.canonical'/> <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'> <time class='published' expr:datetime='data:post.date.iso8601' expr:title='data:post.date.iso8601'> <data:post.date/> </time> </a> </b:if> </span> </b:includable> <b:includable id='sharingButton'> <span expr:aria-label='data:platform.shareMessage' expr:class='"sharing-platform-button sharing-element-" + data:platform.key' expr:data-href='data:shareUrl + "&target=" + data:platform.target' expr:data-url='data:originalUrl' expr:title='data:platform.shareMessage' role='menuitem' tabindex='-1'> <b:include name='sharingPlatformIcon'/> <span class='platform-sharing-text'><data:platform.name/></span> </span> </b:includable> <b:includable id='sharingButtonContent'> <div class='flat-icon-button ripple'> <b:include name='shareIcon'/> </div> </b:includable> <b:includable id='sharingButtons'> <div class='sharing' expr:aria-owns='"sharing-popup-" + data:sharingId' expr:data-title='data:shareTitle'> <button class='sharing-button touch-icon-button' expr:aria-controls='"sharing-popup-" + data:sharingId' expr:aria-label='data:messages.share.escaped' expr:id='"sharing-button-" + data:sharingId' role='button'> <b:include name='sharingButtonContent'/> </button> <b:include name='sharingButtonsMenu'/> </div> </b:includable> <b:includable id='sharingButtonsMenu'> <div class='share-buttons-container'> <ul aria-hidden='true' class='share-buttons hidden' expr:aria-label='data:messages.share.escaped' expr:id='"sharing-popup-" + data:sharingId' role='menu'> <b:loop values='(data:platforms ?: data:blog.sharing.platforms) filter (p => p.key not in {"blogThis"})' var='platform'> <li> <b:include name='sharingButton'/> </li> </b:loop> <li aria-hidden='true' class='hidden'> <b:include name='otherSharingButton'/> </li> </ul> </div> </b:includable> <b:includable id='sharingPlatformIcon'> <b:include data='{ iconClass: ("touch-icon sharing-" + data:platform.key) }' expr:name='data:platform.key + "Icon"'/> </b:includable> <b:includable id='snippetedPostByline'> <b:with value='(data:widgets first (w => w.type == "Blog")).allBylineItems' var='blogBylines'> <div class='item-byline'> <b:with value='data:blogBylines first (i => i.name == "author")' var='byline'> <b:include cond='data:byline and data:this.postDisplay.showAuthor' data='post' name='postAuthor'/> </b:with> <b:with value='data:blogBylines first (i => i.name == "timestamp")' var='byline'> <b:include cond='data:byline and data:this.postDisplay.showDate' data='post' name='postTimestamp'/> </b:with> </div> </b:with> </b:includable> <b:includable id='snippetedPostContent'> <div class='post-content'> <b:include cond='data:this.postDisplay.showTitle' name='snippetedPostTitle'/> <b:include cond='data:this.postDisplay.showDate or data:this.postDisplay.showAuthor' name='snippetedPostByline'/> <b:include cond='data:this.postDisplay.showSnippet' data='post' name='postSnippet'/> <b:include cond='data:this.postDisplay.showFeaturedImage and data:post.featuredImage' name='snippetedPostThumbnail'/> </div> </b:includable> <b:includable id='snippetedPostThumbnail'> <div class='item-thumbnail'> <a expr:href='data:post.url'> <b:include data='{ image: data:post.featuredImage, imageSizes: [72, 144], imageRatio: "1:1", sourceSizes: "72px" }' name='responsiveImage'/> </a> </div> </b:includable> <b:includable id='snippetedPostTitle'> <b:if cond='data:post.title != ""'> <h3 class='post-title'><a expr:href='data:post.url'><data:post.title/></a></h3> </b:if> </b:includable> <b:includable id='snippetedPosts'> <div role='feed'> <!-- Don't render the post that we're currently already looking at. --> <b:loop values='data:posts filter (p => p.id != data:view.postId)' var='post'> <article class='post' role='article'> <b:include name='snippetedPostContent'/> </article> </b:loop> </div> </b:includable> </b:widget> <b:widget cond='data:view.isHomepage' id='HTML7' locked='true' title='CHỦ ĐỀ HÓT' type='HTML' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='content'><![CDATA[<div class="data-config float-left w100" data-box-category="Âm nhạc" data-box-items="5" data-box-summary="false" data-box-type="label" data-transform="true"><div class="data-title text-center"><h3>ÂM NHẠC</h3><p>Danh sách nhạc</p></div><div class="data-content loading" data-box-layout="blog"></div><div class="data-show-more float-left w100 text-center"><a href="/search/label/Âm%20nhạc" title="Xem thêm">Xem thêm</a></div></div>]]></b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:attr name='class' value='widget data-entry has-background'/><b:attr name='data-version' value=''/><b:attr name='id' value=''/><data:content/> </b:includable> </b:widget> <b:widget cond='!data:blog.isMobileRequest and data:view.search.label neq "Video" and !data:view.isPage' id='HTML120' locked='true' title='Quảng cáo Desktop 300x600' type='HTML' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='content'><![CDATA[<a href="/p/contact-us.html" rel="noopener" target="_blank" title="Contact us">QUẢNG CÁO</a>]]></b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:attr name='class' value='widget float-left w100 has-banner desktop box-shadow hide-for-medium'/> <b:attr name='data-version' value=''/><b:attr name='id' value=''/> <div class='widget-content'><div class='banner-300 flex-center text-center'><data:content/></div></div> </b:includable> </b:widget> <b:widget cond='data:blog.isMobileRequest' id='HTML111' locked='true' title='Quảng cáo Mobile' type='HTML' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='content'><![CDATA[<a href="/p/contact-us.html" rel="noopener" target="_blank" title="Contact us">QUẢNG CÁO</a>]]></b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:attr name='class' value='banner-mobile flex-center'/> <b:attr name='data-version' value=''/><b:attr name='id' value=''/> <div class='banner flex-center text-center' data-size='300x250'><data:content/></div> </b:includable> </b:widget> <b:widget cond='data:view.isMultipleItems and !data:view.isHomepage' id='PopularPosts5' locked='true' title='Đọc nhiều trong tuần' type='PopularPosts' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='numItemsToShow'>10</b:widget-setting> <b:widget-setting name='showThumbnails'>true</b:widget-setting> <b:widget-setting name='showSnippets'>true</b:widget-setting> <b:widget-setting name='timeRange'>LAST_WEEK</b:widget-setting> </b:widget-settings> <b:includable id='main' var='this'> <div class='widget-title'><h3><data:title/></h3></div> <b:attr name='data-version' value=''/><b:attr name='id' value=''/> <div class='widget-content' data-box-shadow='false' data-column='1' data-layout='list' data-transform='true'> <b:loop values='data:posts' var='post'> <article class='post' expr:data-article-id='data:post.id'> <div> <b:if cond='data:postDisplay.showFeaturedImage'> <div class='post_thumb'> <b:if cond='data:widgets.Blog.first.allBylineItems.labels'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.name eq "video"'> <b:class name='thumb_icon thumb_video'/> <b:elseif cond='data:label.name eq "photo"'/> <b:class name='thumb_icon thumb_photo'/> </b:if> </b:loop> </b:if> <a class='img' expr:href='data:post.url' expr:title='data:post.title'> <b:if cond='data:post.featuredImage.isYouTube or data:post.featuredImage'><b:class name='has--img'/></b:if> <b:if cond='!data:post.featuredImage.isYouTube and !data:post.featuredImage'><b:class name='no--img'/></b:if> <b:if cond='data:post.featuredImage.isYouTube'> <img class='lazyload' expr:alt='data:post.title' expr:data-src='data:view.featuredImage.youtubeMaxResDefaultUrl' src='https://cdn.jsdelivr.net/gh/vietblogdao/images/bg_img.jpg'/> <b:elseif cond='data:post.featuredImage'/> <img class='lazyload' expr:alt='data:post.title' expr:data-src='data:post.featuredImage' src='https://cdn.jsdelivr.net/gh/vietblogdao/images/bg_img.jpg'/> </b:if> </a> </div> </b:if> <div class='post_body'> <div class='post_title'> <a expr:href='data:post.link ? data:post.link : data:post.url' expr:title='data:post.title'><data:post.title/></a> </div> <div class='post_meta flex-align overflow' data-nosnippet='true'> <b:if cond='data:widgets.Blog.first.allBylineItems.labels'> <span class='post_label'> <b:loop index='item' values='data:post.labels' var='label'> <b:if cond='data:item lte 0'> <a expr:href='data:post.labels[0].url' expr:title='data:post.labels[0].name'><b:eval expr='data:post.labels[0].name'/></a> </b:if> </b:loop> </span> </b:if> <b:if cond='data:widgets.Blog.first.allBylineItems.timestamp'> <span class='post_date' expr:data-date='data:post.date.iso8601'> <time><data:post.date/> <b:eval expr='data:post.date format "dd/MM/yyyy"'/></time> </span> </b:if> <b:if cond='data:widgets.Blog.first.allBylineItems.share'> <span aria-expanded='false' aria-label='Chia sẻ nội dung này' aria-pressed='false' class='share-icon has-svg-icon share-this-post flex-center has-hover' expr:data-href='data:post.url.canonical' expr:data-image='resizeImage(data:post.featuredImage,1200,"1200:630")' expr:data-postId='data:post.id' expr:data-snippets='data:post.snippets.short' role='button' tabindex='0' title='Chia sẻ nội dung này'/> </b:if> </div> <b:if cond='data:postDisplay.showSnippet'><div class='post_snippet'><p><b:eval expr='data:post.body snippet {length: 180,links: false,linebreaks: true,ellipsis: true}'/></p></div></b:if> </div> </div> </article> </b:loop> </div> </b:includable> <b:includable id='blogThisShare'> <b:with value='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' var='onclick'> <b:include name='platformShare'/> </b:with> </b:includable> <b:includable id='bylineByName' var='byline'> <b:switch var='data:byline.name'> <b:case value='share'/> <b:include cond='data:post.shareUrl' name='postShareButtons'/> <b:case value='comments'/> <b:include cond='data:post.allowComments' name='postCommentsLink'/> <b:case value='location'/> <b:include cond='data:post.location' name='postLocation'/> <b:case value='timestamp'/> <b:include cond='not data:view.isPage' name='postTimestamp'/> <b:case value='author'/> <b:include name='postAuthor'/> <b:case value='labels'/> <b:include cond='data:post.labels' name='postLabels'/> <b:case value='icons'/> <b:include cond='data:post.emailPostUrl' name='emailPostIcon'/> </b:switch> </b:includable> <b:includable id='bylineRegion' var='regionItems'> <b:loop values='data:regionItems' var='byline'> <b:include data='byline' name='bylineByName'/> </b:loop> </b:includable> <b:includable id='commentsLink'> <a class='comment-link' expr:href='data:post.commentsUrl' expr:onclick='data:post.commentsUrlOnclick'> <b:if cond='data:post.numberOfComments > 0'> <b:message name='messages.numberOfComments'> <b:param expr:value='data:post.numberOfComments' name='numComments'/> </b:message> <b:else/> <data:messages.postAComment/> </b:if> </a> </b:includable> <b:includable id='commentsLinkIframe'> <!-- G+ comments, no longer available. The includable is retained for backwards-compatibility. --> </b:includable> <b:includable id='emailPostIcon'> <span class='byline post-icons'> <!-- email post links --> <span class='item-action'> <a expr:href='data:post.emailPostUrl' expr:title='data:messages.emailPost'> <b:include data='{ iconClass: "touch-icon sharing-icon" }' name='emailIcon'/> </a> </span> </span> </b:includable> <b:includable id='facebookShare'> <b:with value='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' var='onclick'> <b:include name='platformShare'/> </b:with> </b:includable> <b:includable id='footerBylines'> <b:if cond='data:widgets.Blog.first.footerBylines'> <b:loop index='i' values='data:widgets.Blog.first.footerBylines' var='region'> <b:if cond='not data:region.items.empty'> <div expr:class='"post-footer-line post-footer-line-" + (data:i + 1)'> <b:with value='"footer-" + (data:i + 1)' var='regionName'> <b:include data='region.items' name='bylineRegion'/> </b:with> </div> </b:if> </b:loop> </b:if> </b:includable> <b:includable id='googlePlusShare'> </b:includable> <b:includable id='headerByline'> <b:if cond='data:widgets.Blog.first.headerByline'> <div class='post-header'> <div class='post-header-line-1'> <b:with value='"header-1"' var='regionName'> <b:include data='data:widgets.Blog.first.headerByline.items' name='bylineRegion'/> </b:with> </div> </div> </b:if> </b:includable> <b:includable id='linkShare'> <b:with value='"window.prompt(\"Copy to clipboard: Ctrl+C, Enter\", \"" + data:originalUrl + "\"); return false;"' var='onclick'> <b:include name='platformShare'/> </b:with> </b:includable> <b:includable id='otherSharingButton'> <span class='sharing-platform-button sharing-element-other' expr:aria-label='data:messages.shareToOtherApps.escaped' expr:data-url='data:originalUrl' expr:title='data:messages.shareToOtherApps.escaped' role='menuitem' tabindex='-1'> <b:with value='{key: "sharingOther"}' var='platform'> <b:include name='sharingPlatformIcon'/> </b:with> <span class='platform-sharing-text'><data:messages.shareOtherApps.escaped/></span> </span> </b:includable> <b:includable id='platformShare'> <a expr:class='"goog-inline-block sharing-" + data:platform.key' expr:data-url='data:originalUrl' expr:href='data:shareUrl + "&target=" + data:platform.target' expr:onclick='data:onclick ? data:onclick : ""' expr:title='data:platform.shareMessage' target='_blank'> <span class='share-button-link-text'> <data:platform.shareMessage/> </span> </a> </b:includable> <b:includable id='postAuthor'> <span class='byline post-author vcard'> <span class='post-author-label'> <data:byline.label/> </span> <span class='fn'> <b:if cond='data:post.author.profileUrl'> <meta expr:content='data:post.author.profileUrl'/> <a class='g-profile' expr:href='data:post.author.profileUrl' rel='author' title='author profile'> <span><data:post.author.name/></span> </a> <b:else/> <span><data:post.author.name/></span> </b:if> </span> </span> </b:includable> <b:includable id='postCommentsLink'> <span class='byline post-comment-link container'> <b:include cond='data:post.commentSource != 1' name='commentsLink'/> </span> </b:includable> <b:includable id='postJumpLink' var='post'> <div class='jump-link flat-button'> <a expr:href='data:post.url fragment "more"' expr:title='data:post.title'> <b:eval expr='data:blog.jumpLinkMessage'/> </a> </div> </b:includable> <b:includable id='postLabels'> <span class='byline post-labels'> <span class='byline-label'><data:byline.label/></span> <b:loop index='i' values='data:post.labels' var='label'> <a expr:href='data:label.url' rel='tag'> <data:label.name/> </a> </b:loop> </span> </b:includable> <b:includable id='postLocation'> <span class='byline post-location'> <data:byline.label/> <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a> </span> </b:includable> <b:includable id='postReactions'> <!-- Reaction feature no longer available. The includable is retained for backwards-compatibility. --> </b:includable> <b:includable id='postShareButtons'> <div class='byline post-share-buttons goog-inline-block'> <b:with value='data:sharingId ?: ((data:widget.instanceId ?: "sharing") + "-" + (data:regionName ?: "byline") + "-" + data:post.id)' var='sharingId'> <!-- Note: 'sharingButtons' includable is from the default Sharing widget markup. --> <b:include data='{ sharingId: data:sharingId, originalUrl: data:post.url, platforms: data:this.sharing.platforms, shareUrl: data:post.shareUrl, shareTitle: data:post.title, }' name='sharingButtons'/> </b:with> </div> </b:includable> <b:includable id='postTimestamp'> <span class='byline post-timestamp'> <data:byline.label/> <b:if cond='data:post.url'> <meta expr:content='data:post.url.canonical'/> <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'> <time class='published' expr:datetime='data:post.date.iso8601' expr:title='data:post.date.iso8601'> <data:post.date/> </time> </a> </b:if> </span> </b:includable> <b:includable id='sharingButton'> <span expr:aria-label='data:platform.shareMessage' expr:class='"sharing-platform-button sharing-element-" + data:platform.key' expr:data-href='data:shareUrl + "&target=" + data:platform.target' expr:data-url='data:originalUrl' expr:title='data:platform.shareMessage' role='menuitem' tabindex='-1'> <b:include name='sharingPlatformIcon'/> <span class='platform-sharing-text'><data:platform.name/></span> </span> </b:includable> <b:includable id='sharingButtonContent'> <div class='flat-icon-button ripple'> <b:include name='shareIcon'/> </div> </b:includable> <b:includable id='sharingButtons'> <div class='sharing' expr:aria-owns='"sharing-popup-" + data:sharingId' expr:data-title='data:shareTitle'> <button class='sharing-button touch-icon-button' expr:aria-controls='"sharing-popup-" + data:sharingId' expr:aria-label='data:messages.share.escaped' expr:id='"sharing-button-" + data:sharingId' role='button'> <b:include name='sharingButtonContent'/> </button> <b:include name='sharingButtonsMenu'/> </div> </b:includable> <b:includable id='sharingButtonsMenu'> <div class='share-buttons-container'> <ul aria-hidden='true' class='share-buttons hidden' expr:aria-label='data:messages.share.escaped' expr:id='"sharing-popup-" + data:sharingId' role='menu'> <b:loop values='(data:platforms ?: data:blog.sharing.platforms) filter (p => p.key not in {"blogThis"})' var='platform'> <li> <b:include name='sharingButton'/> </li> </b:loop> <li aria-hidden='true' class='hidden'> <b:include name='otherSharingButton'/> </li> </ul> </div> </b:includable> <b:includable id='sharingPlatformIcon'> <b:include data='{ iconClass: ("touch-icon sharing-" + data:platform.key) }' expr:name='data:platform.key + "Icon"'/> </b:includable> <b:includable id='snippetedPostByline'> <b:with value='(data:widgets first (w => w.type == "Blog")).allBylineItems' var='blogBylines'> <div class='item-byline'> <b:with value='data:blogBylines first (i => i.name == "author")' var='byline'> <b:include cond='data:byline and data:this.postDisplay.showAuthor' data='post' name='postAuthor'/> </b:with> <b:with value='data:blogBylines first (i => i.name == "timestamp")' var='byline'> <b:include cond='data:byline and data:this.postDisplay.showDate' data='post' name='postTimestamp'/> </b:with> </div> </b:with> </b:includable> <b:includable id='snippetedPostContent'> <div class='post-content'> <b:include cond='data:this.postDisplay.showTitle' name='snippetedPostTitle'/> <b:include cond='data:this.postDisplay.showDate or data:this.postDisplay.showAuthor' name='snippetedPostByline'/> <b:include cond='data:this.postDisplay.showSnippet' data='post' name='postSnippet'/> <b:include cond='data:this.postDisplay.showFeaturedImage and data:post.featuredImage' name='snippetedPostThumbnail'/> </div> </b:includable> <b:includable id='snippetedPostThumbnail'> <div class='item-thumbnail'> <a expr:href='data:post.url'> <b:include data='{ image: data:post.featuredImage, imageSizes: [72, 144], imageRatio: "1:1", sourceSizes: "72px" }' name='responsiveImage'/> </a> </div> </b:includable> <b:includable id='snippetedPostTitle'> <b:if cond='data:post.title != ""'> <h3 class='post-title'><a expr:href='data:post.url'><data:post.title/></a></h3> </b:if> </b:includable> <b:includable id='snippetedPosts'> <div role='feed'> <!-- Don't render the post that we're currently already looking at. --> <b:loop values='data:posts filter (p => p.id != data:view.postId)' var='post'> <article class='post' role='article'> <b:include name='snippetedPostContent'/> </article> </b:loop> </div> </b:includable> </b:widget> <b:widget cond='data:view.isMultipleItems and !data:view.isHomepage and data:view.search.label neq "Video"' id='HTML10' locked='true' title='Tin đề xuất' type='HTML' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='content'/> </b:widget-settings> <b:includable id='main'> <div class='widget-title'><h3><data:title/></h3></div> <b:attr name='class' value='widget RandomPosts'/> <b:attr name='data-version' value=''/><b:attr name='id' value='RandomPosts'/> <div class='widget-content loading' data-box-shadow='false' data-column='1' data-layout='list' data-transform='true'/> </b:includable> </b:widget> <b:widget cond='data:view.isPost' id='HTML11' locked='true' title='Công nghệ' type='HTML' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='content'><![CDATA[<div class="data-config float-left w100" data-box-category="Công nghệ" data-box-items="10" data-box-summary="true" data-box-type="label" data-transform="true"><div class="data-title"><h3>Công nghệ</h3><a href="/search/label/Công%20nghệ" title="Xem thêm">Xem thêm</a></div><div class="data-content loading" data-box-layout="list"></div></div>]]></b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:attr name='class' value='widget data-entry'/><b:attr name='data-version' value=''/><b:attr name='id' value=''/><data:content/> </b:includable> </b:widget> <b:widget cond='data:view.isPost' id='HTML12' locked='true' title='Sức khỏe' type='HTML' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='content'><![CDATA[<div class="data-config float-left w100" data-box-category="Sức khỏe" data-box-items="10" data-box-summary="true" data-box-type="related" data-transform="true"><div class="data-title"><h3>Sức khỏe</h3><a href="/search/label/Sức%20khỏe" title="Xem thêm">Xem thêm</a></div><div class="data-content loading" data-box-layout="list"></div></div>]]></b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:attr name='class' value='widget data-entry'/><b:attr name='data-version' value=''/><b:attr name='id' value=''/><data:content/> </b:includable> </b:widget> <b:widget cond='data:blog.isMobileRequest and data:view.isPost' id='HTML112' locked='true' title='Quảng cáo Mobile' type='HTML' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='content'><![CDATA[<a href="/p/contact-us.html" rel="noopener" target="_blank" title="Contact us">QUẢNG CÁO</a>]]></b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:attr name='class' value='banner-mobile flex-center'/> <b:attr name='data-version' value=''/><b:attr name='id' value=''/> <div class='banner flex-center text-center' data-size='300x250'><data:content/></div> </b:includable> </b:widget> <b:widget cond='data:view.isPost' id='HTML13' locked='true' title='Thể thao' type='HTML' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='content'><![CDATA[<div class="data-config float-left w100" data-box-category="Thể thao" data-box-items="10" data-box-summary="true" data-box-type="related" data-transform="true"><div class="data-title"><h3>Thể thao</h3><a href="/search/label/Thể%20thao" title="Xem thêm">Xem thêm</a></div><div class="data-content loading" data-box-layout="list"></div></div>]]></b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:attr name='class' value='widget data-entry'/><b:attr name='data-version' value=''/><b:attr name='id' value=''/><data:content/> </b:includable> </b:widget> <b:widget cond='data:view.isPost' id='HTML14' locked='true' title='Xã hội' type='HTML' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='content'><![CDATA[<div class="data-config float-left w100" data-box-category="Xã hội" data-box-items="10" data-box-summary="true" data-box-type="related" data-transform="true"><div class="data-title"><h3>Xã hội</h3><a href="/search/label/Xã%20hội" title="Xem thêm">Xem thêm</a></div><div class="data-content loading" data-box-layout="list"></div></div>]]></b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:attr name='class' value='widget data-entry'/><b:attr name='data-version' value=''/><b:attr name='id' value=''/><data:content/> </b:includable> </b:widget> <b:widget cond='data:view.isPost' id='HTML15' locked='true' title='Đời sống' type='HTML' version='2' visible='false'> <b:widget-settings> <b:widget-setting name='content'><![CDATA[<div class="data-config float-left w100" data-box-category="Đời sống" data-box-items="10" data-box-summary="true" data-box-type="related"><div class="data-title"><h3>Đời sống</h3><a href="/search/label/Đời%20sống" title="Xem thêm">Xem thêm</a></div><div class="data-content loading" data-box-layout="list"></div></div>]]></b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:attr name='class' value='widget data-entry'/><b:attr name='data-version' value=''/><b:attr name='id' value=''/><data:content/> </b:includable> </b:widget> <b:widget cond='!data:blog.isMobileRequest and data:view.search.label neq "Video" and !data:view.isPage' id='HTML113' locked='true' title='Quảng cáo Desktop 300x600' type='HTML' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='content'><![CDATA[<a href="/p/contact-us.html" rel="noopener" target="_blank" title="Contact us">QUẢNG CÁO</a>]]></b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:attr name='class' value='widget float-left w100 has-banner banner-fixed desktop box-shadow hide-for-medium'/> <b:attr name='data-version' value=''/><b:attr name='id' value=''/> <div class='widget-content'><div class='banner-300 flex-center text-center'><data:content/></div></div> </b:includable> </b:widget> </b:section></div></b:if><b:include cond='data:view.isError' name='isError'/> </div> <b:section class='section-magazine flex flex-flow w100 relative' cond='data:view.isHomepage' id='section-magazine' showaddelement='false'> <b:widget id='PopularPosts6' locked='true' title='Đọc nhiều nhất' type='PopularPosts' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='numItemsToShow'>10</b:widget-setting> <b:widget-setting name='showThumbnails'>true</b:widget-setting> <b:widget-setting name='showSnippets'>true</b:widget-setting> <b:widget-setting name='timeRange'>ALL_TIME</b:widget-setting> </b:widget-settings> <b:includable id='main' var='this'> <b:attr name='class' value='container'/><b:attr name='id' value=''/> <b:attr name='data-version' value=''/><b:attr name='data-count' value='10'/> <header class='section-title'><h3><data:title/></h3></header> <div class='album-list clearfix'> <div class='glide glide-mounted' id='most-article'> <div class='glide__track' data-glide-el='track'> <ul class='glide__slides'> <b:loop values='data:posts' var='post'> <li class='glide__slide'> <a expr:href='data:post.url' expr:title='data:post.title'> <article class='article-item' expr:data-article-id='data:post.id'> <div class='album-thumb'><img class='lazyload' expr:alt='data:post.title' expr:data-src='data:post.featuredImage' src='https://cdn.jsdelivr.net/gh/vietblogdao/images/bg_img.jpg'/></div> <div class='album-type'> <b:loop values='data:post.labels.length - 1' var='label'><b:eval expr='data:post.labels[label].name'/></b:loop> </div> <div class='album-title'><p><data:post.title/></p></div> <div class='album-type-icon'> <i><b:loop values='data:post.labels' var='label'> <b:if cond='data:label.name eq "Photo"'><b:attr name='class' value='ti-camera'/> <b:elseif cond='data:label.name eq "Video"'/><b:attr name='class' value='ti-video-camera'/> <b:elseif cond='data:label.name eq "z-multimedia"'/><b:attr name='class' value='ti-book'/> <b:else/><b:attr name='class' value='ti-agenda'/></b:if> </b:loop></i> </div> </article> </a> </li> </b:loop> </ul> </div> <div class='glide__bullets' data-glide-el='controls[nav]'> <button class='glide__bullet' data-glide-dir='=0'/> <button class='glide__bullet' data-glide-dir='=1'/> <button class='glide__bullet' data-glide-dir='=2'/> <button class='glide__bullet' data-glide-dir='=3'/> <button class='glide__bullet' data-glide-dir='=4'/> <button class='glide__bullet' data-glide-dir='=5'/> <button class='glide__bullet' data-glide-dir='=6'/> <button class='glide__bullet' data-glide-dir='=7'/> <button class='glide__bullet' data-glide-dir='=8'/> <button class='glide__bullet' data-glide-dir='=9'/> </div> <div class='glide__arrows' data-glide-el='controls'> <button class='glide__arrow glide__arrow--left ic-arrow-left has-svg-icon has-hover' data-glide-dir='<'/> <button class='glide__arrow glide__arrow--right ic-arrow-right has-svg-icon has-hover' data-glide-dir='>'/> </div> </div> </div> </b:includable> <b:includable id='blogThisShare'> <b:with value='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' var='onclick'> <b:include name='platformShare'/> </b:with> </b:includable> <b:includable id='bylineByName' var='byline'> <b:switch var='data:byline.name'> <b:case value='share'/> <b:include cond='data:post.shareUrl' name='postShareButtons'/> <b:case value='comments'/> <b:include cond='data:post.allowComments' name='postCommentsLink'/> <b:case value='location'/> <b:include cond='data:post.location' name='postLocation'/> <b:case value='timestamp'/> <b:include cond='not data:view.isPage' name='postTimestamp'/> <b:case value='author'/> <b:include name='postAuthor'/> <b:case value='labels'/> <b:include cond='data:post.labels' name='postLabels'/> <b:case value='icons'/> <b:include cond='data:post.emailPostUrl' name='emailPostIcon'/> </b:switch> </b:includable> <b:includable id='bylineRegion' var='regionItems'> <b:loop values='data:regionItems' var='byline'> <b:include data='byline' name='bylineByName'/> </b:loop> </b:includable> <b:includable id='commentsLink'> <a class='comment-link' expr:href='data:post.commentsUrl' expr:onclick='data:post.commentsUrlOnclick'> <b:if cond='data:post.numberOfComments > 0'> <b:message name='messages.numberOfComments'> <b:param expr:value='data:post.numberOfComments' name='numComments'/> </b:message> <b:else/> <data:messages.postAComment/> </b:if> </a> </b:includable> <b:includable id='commentsLinkIframe'> <!-- G+ comments, no longer available. The includable is retained for backwards-compatibility. --> </b:includable> <b:includable id='emailPostIcon'> <span class='byline post-icons'> <!-- email post links --> <span class='item-action'> <a expr:href='data:post.emailPostUrl' expr:title='data:messages.emailPost'> <b:include data='{ iconClass: "touch-icon sharing-icon" }' name='emailIcon'/> </a> </span> </span> </b:includable> <b:includable id='facebookShare'> <b:with value='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' var='onclick'> <b:include name='platformShare'/> </b:with> </b:includable> <b:includable id='footerBylines'> <b:if cond='data:widgets.Blog.first.footerBylines'> <b:loop index='i' values='data:widgets.Blog.first.footerBylines' var='region'> <b:if cond='not data:region.items.empty'> <div expr:class='"post-footer-line post-footer-line-" + (data:i + 1)'> <b:with value='"footer-" + (data:i + 1)' var='regionName'> <b:include data='region.items' name='bylineRegion'/> </b:with> </div> </b:if> </b:loop> </b:if> </b:includable> <b:includable id='googlePlusShare'> </b:includable> <b:includable id='headerByline'> <b:if cond='data:widgets.Blog.first.headerByline'> <div class='post-header'> <div class='post-header-line-1'> <b:with value='"header-1"' var='regionName'> <b:include data='data:widgets.Blog.first.headerByline.items' name='bylineRegion'/> </b:with> </div> </div> </b:if> </b:includable> <b:includable id='linkShare'> <b:with value='"window.prompt(\"Copy to clipboard: Ctrl+C, Enter\", \"" + data:originalUrl + "\"); return false;"' var='onclick'> <b:include name='platformShare'/> </b:with> </b:includable> <b:includable id='otherSharingButton'> <span class='sharing-platform-button sharing-element-other' expr:aria-label='data:messages.shareToOtherApps.escaped' expr:data-url='data:originalUrl' expr:title='data:messages.shareToOtherApps.escaped' role='menuitem' tabindex='-1'> <b:with value='{key: "sharingOther"}' var='platform'> <b:include name='sharingPlatformIcon'/> </b:with> <span class='platform-sharing-text'><data:messages.shareOtherApps.escaped/></span> </span> </b:includable> <b:includable id='platformShare'> <a expr:class='"goog-inline-block sharing-" + data:platform.key' expr:data-url='data:originalUrl' expr:href='data:shareUrl + "&target=" + data:platform.target' expr:onclick='data:onclick ? data:onclick : ""' expr:title='data:platform.shareMessage' target='_blank'> <span class='share-button-link-text'> <data:platform.shareMessage/> </span> </a> </b:includable> <b:includable id='postAuthor'> <span class='byline post-author vcard'> <span class='post-author-label'> <data:byline.label/> </span> <span class='fn'> <b:if cond='data:post.author.profileUrl'> <meta expr:content='data:post.author.profileUrl'/> <a class='g-profile' expr:href='data:post.author.profileUrl' rel='author' title='author profile'> <span><data:post.author.name/></span> </a> <b:else/> <span><data:post.author.name/></span> </b:if> </span> </span> </b:includable> <b:includable id='postCommentsLink'> <span class='byline post-comment-link container'> <b:include cond='data:post.commentSource != 1' name='commentsLink'/> </span> </b:includable> <b:includable id='postJumpLink' var='post'> <div class='jump-link flat-button'> <a expr:href='data:post.url fragment "more"' expr:title='data:post.title'> <b:eval expr='data:blog.jumpLinkMessage'/> </a> </div> </b:includable> <b:includable id='postLabels'> <span class='byline post-labels'> <span class='byline-label'><data:byline.label/></span> <b:loop index='i' values='data:post.labels' var='label'> <a expr:href='data:label.url' rel='tag'> <data:label.name/> </a> </b:loop> </span> </b:includable> <b:includable id='postLocation'> <span class='byline post-location'> <data:byline.label/> <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a> </span> </b:includable> <b:includable id='postReactions'> <!-- Reaction feature no longer available. The includable is retained for backwards-compatibility. --> </b:includable> <b:includable id='postShareButtons'> <div class='byline post-share-buttons goog-inline-block'> <b:with value='data:sharingId ?: ((data:widget.instanceId ?: "sharing") + "-" + (data:regionName ?: "byline") + "-" + data:post.id)' var='sharingId'> <!-- Note: 'sharingButtons' includable is from the default Sharing widget markup. --> <b:include data='{ sharingId: data:sharingId, originalUrl: data:post.url, platforms: data:this.sharing.platforms, shareUrl: data:post.shareUrl, shareTitle: data:post.title, }' name='sharingButtons'/> </b:with> </div> </b:includable> <b:includable id='postTimestamp'> <span class='byline post-timestamp'> <data:byline.label/> <b:if cond='data:post.url'> <meta expr:content='data:post.url.canonical'/> <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'> <time class='published' expr:datetime='data:post.date.iso8601' expr:title='data:post.date.iso8601'> <data:post.date/> </time> </a> </b:if> </span> </b:includable> <b:includable id='sharingButton'> <span expr:aria-label='data:platform.shareMessage' expr:class='"sharing-platform-button sharing-element-" + data:platform.key' expr:data-href='data:shareUrl + "&target=" + data:platform.target' expr:data-url='data:originalUrl' expr:title='data:platform.shareMessage' role='menuitem' tabindex='-1'> <b:include name='sharingPlatformIcon'/> <span class='platform-sharing-text'><data:platform.name/></span> </span> </b:includable> <b:includable id='sharingButtonContent'> <div class='flat-icon-button ripple'> <b:include name='shareIcon'/> </div> </b:includable> <b:includable id='sharingButtons'> <div class='sharing' expr:aria-owns='"sharing-popup-" + data:sharingId' expr:data-title='data:shareTitle'> <button class='sharing-button touch-icon-button' expr:aria-controls='"sharing-popup-" + data:sharingId' expr:aria-label='data:messages.share.escaped' expr:id='"sharing-button-" + data:sharingId' role='button'> <b:include name='sharingButtonContent'/> </button> <b:include name='sharingButtonsMenu'/> </div> </b:includable> <b:includable id='sharingButtonsMenu'> <div class='share-buttons-container'> <ul aria-hidden='true' class='share-buttons hidden' expr:aria-label='data:messages.share.escaped' expr:id='"sharing-popup-" + data:sharingId' role='menu'> <b:loop values='(data:platforms ?: data:blog.sharing.platforms) filter (p => p.key not in {"blogThis"})' var='platform'> <li> <b:include name='sharingButton'/> </li> </b:loop> <li aria-hidden='true' class='hidden'> <b:include name='otherSharingButton'/> </li> </ul> </div> </b:includable> <b:includable id='sharingPlatformIcon'> <b:include data='{ iconClass: ("touch-icon sharing-" + data:platform.key) }' expr:name='data:platform.key + "Icon"'/> </b:includable> <b:includable id='snippetedPostByline'> <b:with value='(data:widgets first (w => w.type == "Blog")).allBylineItems' var='blogBylines'> <div class='item-byline'> <b:with value='data:blogBylines first (i => i.name == "author")' var='byline'> <b:include cond='data:byline and data:this.postDisplay.showAuthor' data='post' name='postAuthor'/> </b:with> <b:with value='data:blogBylines first (i => i.name == "timestamp")' var='byline'> <b:include cond='data:byline and data:this.postDisplay.showDate' data='post' name='postTimestamp'/> </b:with> </div> </b:with> </b:includable> <b:includable id='snippetedPostContent'> <div class='post-content'> <b:include cond='data:this.postDisplay.showTitle' name='snippetedPostTitle'/> <b:include cond='data:this.postDisplay.showDate or data:this.postDisplay.showAuthor' name='snippetedPostByline'/> <b:include cond='data:this.postDisplay.showSnippet' data='post' name='postSnippet'/> <b:include cond='data:this.postDisplay.showFeaturedImage and data:post.featuredImage' name='snippetedPostThumbnail'/> </div> </b:includable> <b:includable id='snippetedPostThumbnail'> <div class='item-thumbnail'> <a expr:href='data:post.url'> <b:include data='{ image: data:post.featuredImage, imageSizes: [72, 144], imageRatio: "1:1", sourceSizes: "72px" }' name='responsiveImage'/> </a> </div> </b:includable> <b:includable id='snippetedPostTitle'> <b:if cond='data:post.title != ""'> <h3 class='post-title'><a expr:href='data:post.url'><data:post.title/></a></h3> </b:if> </b:includable> <b:includable id='snippetedPosts'> <div role='feed'> <!-- Don't render the post that we're currently already looking at. --> <b:loop values='data:posts filter (p => p.id != data:view.postId)' var='post'> <article class='post' role='article'> <b:include name='snippetedPostContent'/> </article> </b:loop> </div> </b:includable> </b:widget> </b:section> <b:section class='section-ads flex flex-flow relative' cond='data:view.isHomepage' id='section-visible' showaddelement='false'> <b:widget id='HTML121' locked='true' title='Quảng cáo reponsive trang chủ' type='HTML' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='content'><![CDATA[<a href="/p/contact-us.html" rel="noopener" target="_blank" title="Contact us">QUẢNG CÁO</a>]]></b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:attr name='class' value='container float-left w100'/><b:attr name='data-version' value=''/><b:attr name='id' value=''/> <div class='widget-content has-banner flex-center'><data:content/></div> </b:includable> </b:widget> </b:section> <b:section class='section-bottom container flex flex-flow layout-grid-4' cond='!data:view.isError' id='section-bottom' showaddelement='false'> <b:widget cond='data:view.isHomepage' id='HTML16' locked='true' title='Kinh doanh' type='HTML' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='content'><![CDATA[<div class="data-config" data-box-category="Kinh doanh" data-box-items="3" data-box-summary="false" data-box-type="label" data-transform="true"><header class="section-title"><h3><a href="/search/label/Kinh%20doanh" title="Kinh doanh">Kinh doanh</a></h3></header><div class="data-content loading" data-box-layout="list"></div></div>]]></b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:attr name='class' value='data-entry box-category'/><b:attr name='data-version' value=''/><b:attr name='id' value=''/><data:content/> </b:includable> </b:widget> <b:widget cond='data:view.isHomepage' id='HTML17' locked='true' title='Công nghệ' type='HTML' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='content'><![CDATA[<div class="data-config" data-box-category="Công nghệ" data-box-items="3" data-box-summary="false" data-box-type="label" data-transform="true"><header class="section-title"><h3><a href="/search/label/Công%20nghệ" title="Công nghệ">Công nghệ</a></h3></header><div class="data-content loading" data-box-layout="list"></div></div>]]></b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:attr name='class' value='data-entry box-category'/><b:attr name='data-version' value=''/><b:attr name='id' value=''/><data:content/> </b:includable> </b:widget> <b:widget cond='data:view.isHomepage' id='HTML18' locked='true' title='Xe' type='HTML' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='content'><![CDATA[<div class="data-config" data-box-category="Xe" data-box-items="3" data-box-summary="false" data-box-type="label" data-transform="true"><header class="section-title"><h3><a href="/search/label/Xe" title="Xe">Xe</a></h3></header><div class="data-content loading" data-box-layout="list"></div></div>]]></b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:attr name='class' value='data-entry box-category'/><b:attr name='data-version' value=''/><b:attr name='id' value=''/><data:content/> </b:includable> </b:widget> <b:widget cond='data:view.isHomepage' id='HTML19' locked='true' title='Sức khỏe' type='HTML' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='content'><![CDATA[<div class="data-config" data-box-category="Sức khỏe" data-box-items="3" data-box-summary="false" data-box-type="label" data-transform="true"><header class="section-title"><h3><a href="/search/label/Sức%20khỏe" title="Sức khỏe">Sức khỏe</a></h3></header><div class="data-content loading" data-box-layout="list"></div></div>]]></b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:attr name='class' value='data-entry box-category'/><b:attr name='data-version' value=''/><b:attr name='id' value=''/><data:content/> </b:includable> </b:widget> <b:widget cond='data:view.isHomepage' id='HTML20' locked='true' title='Thế giới' type='HTML' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='content'><![CDATA[<div class="data-config" data-box-category="Thế giới" data-box-items="3" data-box-summary="false" data-box-type="label" data-transform="true"><header class="section-title"><h3><a href="/search/label/Thế%20giới" title="Thế giới">Thế giới</a></h3></header><div class="data-content loading" data-box-layout="list"></div></div>]]></b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:attr name='class' value='data-entry box-category'/><b:attr name='data-version' value=''/><b:attr name='id' value=''/><data:content/> </b:includable> </b:widget> <b:widget cond='data:view.isHomepage' id='HTML21' locked='true' title='Giáo dục' type='HTML' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='content'><![CDATA[<div class="data-config" data-box-category="Giáo dục" data-box-items="3" data-box-summary="false" data-box-type="label" data-transform="true"><header class="section-title"><h3><a href="/search/label/Giáo%20dục" title="Giáo dục">Giáo dục</a></h3></header><div class="data-content loading" data-box-layout="list"></div></div>]]></b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:attr name='class' value='data-entry box-category'/><b:attr name='data-version' value=''/><b:attr name='id' value=''/><data:content/> </b:includable> </b:widget> <b:widget cond='data:view.isHomepage' id='HTML22' locked='true' title='Pháp luật' type='HTML' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='content'><![CDATA[<div class="data-config" data-box-category="Pháp luật" data-box-items="3" data-box-summary="false" data-box-type="label" data-transform="true"><header class="section-title"><h3><a href="/search/label/Pháp%20luật" title="Pháp luật">Pháp luật</a></h3></header><div class="data-content loading" data-box-layout="list"></div></div>]]></b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:attr name='class' value='data-entry box-category'/><b:attr name='data-version' value=''/><b:attr name='id' value=''/><data:content/> </b:includable> </b:widget> <b:widget cond='data:view.isHomepage' id='HTML23' locked='true' title='Đời sống' type='HTML' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='content'><![CDATA[<div class="data-config" data-box-category="Đời sống" data-box-items="3" data-box-summary="false" data-box-type="label" data-transform="true"><header class="section-title"><h3><a href="/search/label/Đời%20sống" title="Đời sống">Đời sống</a></h3></header><div class="data-content loading" data-box-layout="list"></div></div>]]></b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:attr name='class' value='data-entry box-category'/><b:attr name='data-version' value=''/><b:attr name='id' value=''/><data:content/> </b:includable> </b:widget> <b:widget cond='data:view.isHomepage' id='HTML24' locked='true' title='Thể thao' type='HTML' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='content'><![CDATA[<div class="data-config" data-box-category="Thể thao" data-box-items="3" data-box-summary="false" data-box-type="label" data-transform="true"><header class="section-title"><h3><a href="/search/label/Thể%20thao" title="Thể thao">Thể thao</a></h3></header><div class="data-content loading" data-box-layout="list"></div></div>]]></b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:attr name='class' value='data-entry box-category'/><b:attr name='data-version' value=''/><b:attr name='id' value=''/><data:content/> </b:includable> </b:widget> <b:widget cond='data:view.isHomepage' id='HTML25' locked='true' title='Giải trí' type='HTML' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='content'><![CDATA[<div class="data-config" data-box-category="Giải trí" data-box-items="3" data-box-summary="false" data-box-type="label" data-transform="true"><header class="section-title"><h3><a href="/search/label/Giải%20trí" title="Giải trí">Giải trí</a></h3></header><div class="data-content loading" data-box-layout="list"></div></div>]]></b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:attr name='class' value='data-entry box-category'/><b:attr name='data-version' value=''/><b:attr name='id' value=''/><data:content/> </b:includable> </b:widget> <b:widget cond='data:view.isHomepage' id='HTML26' locked='true' title='Du lịch' type='HTML' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='content'><![CDATA[<div class="data-config" data-box-category="Du lịch" data-box-items="3" data-box-summary="false" data-box-type="label" data-transform="true"><header class="section-title"><h3><a href="/search/label/Du%20lịch" title="Du lịch">Du lịch</a></h3></header><div class="data-content loading" data-box-layout="list"></div></div>]]></b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:attr name='class' value='data-entry box-category'/><b:attr name='data-version' value=''/><b:attr name='id' value=''/><data:content/> </b:includable> </b:widget> <b:widget cond='data:view.isHomepage' id='HTML27' locked='true' title='Thời trang' type='HTML' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='content'><![CDATA[<div class="data-config" data-box-category="Thời trang" data-box-items="3" data-box-summary="false" data-box-type="label" data-transform="true"><header class="section-title"><h3><a href="/search/label/Thời%20trang" title="Thời trang">Thời trang</a></h3></header><div class="data-content loading" data-box-layout="list"></div></div>]]></b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:attr name='class' value='data-entry box-category'/><b:attr name='data-version' value=''/><b:attr name='id' value=''/><data:content/> </b:includable> </b:widget> <b:widget cond='data:view.isHomepage' id='HTML28' locked='true' title='Video' type='HTML' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='content'><![CDATA[<div class="data-config float-left w100" data-box-category="Video" data-box-items="10" data-box-summary="false" data-box-type="label" data-transform="true"><header class="section-title"><h3>Video</h3></header><div class="col-8 float-left w100 video-player loading"></div><div class="data-content col-4 float-left w100 video-list overflow loading" data-box-shadow="false" data-column="1" data-content="newstrending" data-layout="list" data-transform="true"></div></div>]]></b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:attr name='class' value='widget video data-video mb-20'/><b:attr name='data-version' value=''/><b:attr name='id' value=''/><data:content/> </b:includable> </b:widget> <b:widget cond='!data:blog.isMobileRequest' id='HTML114' locked='true' title='Quảng cáo Desktop' type='HTML' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='content'><![CDATA[<a href="/p/contact-us.html" rel="noopener" target="_blank" title="Contact us">QUẢNG CÁO</a>]]></b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:attr name='class' value='widget has-banner box-shadow destop mb-20'/> <b:attr name='data-version' value=''/><b:attr name='id' value=''/> <div class='banner-full-width flex-center text-center'><data:content/></div> </b:includable> </b:widget> <b:widget cond='data:blog.isMobileRequest' id='HTML115' locked='true' title='Quảng cáo Mobile' type='HTML' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='content'><![CDATA[<a href="/p/contact-us.html" rel="noopener" target="_blank" title="Contact us">QUẢNG CÁO</a>]]></b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:attr name='class' value='flex-center'/><b:attr name='data-version' value=''/><b:attr name='id' value=''/> <div class='banner flex-center text-center' data-size='300x250'><data:content/></div> </b:includable> </b:widget> </b:section> <b:section class='fullBg' cond='data:view.isPost and !data:blog.isMobileRequest' id='section-banner' maxwidgets='2' showaddelement='false'> <b:widget id='HTML116' locked='true' title='Quảng cáo cột trái' type='HTML' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='content'><![CDATA[<a href="/p/contact-us.html" rel="noopener" target="_blank" title="Contact us">QUẢNG CÁO</a>]]></b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:attr name='class' value='banner-col banner-col-left has-banner desktop hide'/> <b:attr name='data-version' value=''/><b:attr name='id' value=''/> <div class='banner-full-height flex-center text-center'><div><data:content/></div></div> </b:includable> </b:widget> <b:widget id='HTML117' locked='true' title='Quảng cáo cột phải' type='HTML' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='content'><![CDATA[<a href="/p/contact-us.html" rel="noopener" target="_blank" title="Contact us">QUẢNG CÁO</a>]]></b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:attr name='class' value='banner-col banner-col-right has-banner desktop hide'/> <b:attr name='data-version' value=''/><b:attr name='id' value=''/> <div class='banner-full-height flex-center text-center'><div><data:content/></div></div> </b:includable> </b:widget> </b:section> <footer class='footer float-left w100'> <b:section class='footer-top flex flex-flow' id='footer-top' maxwidgets='1' showaddelement='false'> <b:widget id='HTML29' locked='true' title='Footer' type='HTML' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='content'/> </b:widget-settings> <b:includable id='main'> <b:attr name='class' value='float-left w100'/><b:attr name='data-nosnippet' value='true'/> <b:attr name='data-version' value=''/><b:attr name='id' value=''/> <div class='flex-align footer-bar'> <div class='container flex-align w100'> <div class='footer-bar-left'> <ul class='nav nav-divided flex-align'> <li><a href='/search/label/' title='Bảng giá xe'>Bảng giá xe</a></li> <li><a href='/search/label/Đánh%20giá%20xe' title='Đánh giá xe'>Đánh giá xe</a></li> <li><a href='/search/label/' title='Văn hóa xe'>Văn hóa xe</a></li> <li><a href='/search/label/' title='Thị trường xe'>Thị trường xe</a></li> <li><a href='/search/label/' title='Đọc chuyên sâu'>Đọc chuyên sâu</a></li> </ul> </div> <div class='footer-bar-right flex-align blog-search'> <div> <form expr:action='data:blog.searchUrl' method='get' role='search'> <button class='submit has-hover search-icon has-svg-icon' expr:aria-label='data:messages.search' type='submit'/> <input autocomplete='off' expr:aria-label='data:messages.search' expr:value='data:view.isSearch ? data:view.search.query.escaped : ""' name='q' placeholder='Nhập từ khóa tìm kiếm' required='' spellcheck='false' type='search'/> </form> </div> </div> </div> </div> <div class='container pt-20'> <nav class='category-menu flex flex-flow'> <ul class='flex'> <li class='parent'> <a href='/search/label/Thế%20giới' title='Thế giới'>Thế giới</a> <div class='subcate'> <ul> <li><a href='/search/label/Quân%20sự' title='Quân sự'>Quân sự</a></li> <li><a href='' title=''>Tư liệu</a></li> <li><a href='' title=''>Phân tích</a></li> <li><a href='' title=''>Người Việt 4 phương</a></li> <li><a href='' title=''>Chuyện lạ</a></li> </ul> </div> </li> <li class='parent'> <a href='/search/label/Kinh%20doanh' title='Kinh doanh'>Kinh doanh</a> <div class='subcate'> <ul> <li><a href='' title=''>Bất động sản</a></li> <li><a href='' title=''>Hàng không</a></li> <li><a href='/search/label/Tài%20chính' title='Tài chính'>Tài chính</a></li> <li><a href='' title=''>Tiêu dùng</a></li> <li><a href='' title=''>Thương mại điện tử</a></li> <li><a href='' title=''>Thông tin doanh nghiệp</a></li> </ul> </div> </li> <li class='parent'> <a href='/search/label/Thể%20thao' title='Thể thao'>Thể thao</a> <div class='subcate'> <ul> <li><a href='/search/label/Bóng%20đá%20Việt%20Nam' title='Bóng đá Việt Nam'>Bóng đá Việt Nam</a></li> <li><a href='' title=''>Bóng đá Anh</a></li> <li><a href='' title=''>Võ thuật</a></li> <li><a href='' title=''>eSports</a></li> <li><a href='' title=''>Hậu trường</a></li> </ul> </div> </li> <li class='parent'> <a href='/search/label/Giải%20trí' title='Giải trí'>Giải trí</a> <div class='subcate'> <ul> <li><a href='/search/label/Sao' title=''>Sao</a></li> <li><a href='/search/label/Âm%20nhạc' title='Âm nhạc'>Âm nhạc</a></li> <li><a href='/search/label/Phim%20ảnh' title='Phim ảnh'>Phim ảnh</a></li> <li><a href='/search/label/Thời%20trang' title='Thời trang'>Thời trang</a></li> </ul> </div> </li> <li class='parent'> <a href='/search/label/Du%20lịch' title='Du lịch'>Du lịch</a> <div class='subcate'> <ul> <li><a href='/search/label/Địa%20điểm%20du%20lịch' title='Địa điểm du lịch'>Địa điểm du lịch</a></li> <li><a href='' title=''>Kinh nghiệm du lịch</a></li> <li><a href='' title=''>Ẩm thực</a></li> <li><a href='' title=''>Phượt</a></li> </ul> </div> </li> <li class='parent'> <a href='/search/label/Xe' title='Xe'>Xe</a> <div class='subcate'> <ul> <li><a href='/search/label/Ôtô' title='Ôtô'>Ôtô</a></li> <li><a href='/search/label/' title='Xe máy'>Xe máy</a></li> <li><a href='/search/label/Đánh%20giá%20xe' title='Đánh giá xe'>Đánh giá</a></li> <li><a href='/search/label/Xe%20thể%20thao' title='Xe thể thao'>Xe thể thao</a></li> </ul> </div> </li> </ul> </nav> </div> </b:includable> </b:widget> </b:section> <b:section class='container flex flex-flow' id='footer-bottom' maxwidgets='1' showaddelement='false'> <b:widget id='HTML30' locked='true' title='Copywriter' type='HTML' version='2' visible='true'> <b:widget-settings> <b:widget-setting name='content'><![CDATA[<ul class="text-center"> <li>Content responsible: VEBNOX</li> <li class="copyright-year">© 2020 VEBNOX NEWS</li> </ul>]]></b:widget-setting> </b:widget-settings> <b:includable id='main'> <b:attr name='class' value='footer-bottom float-left w100 text-center'/><b:attr name='data-nosnippet' value='true'/> <b:attr name='id' value=''/><b:attr name='data-version' value=''/> <data:content/> </b:includable> </b:widget> </b:section> </footer><b:section cond='data:view.isError' id='section-hidden' showaddelement='true'/><div aria-label='Lên đầu trang' class='scroll--top flex-center has-hover has-svg-icon hide' role='button' tabindex='0' title='Lên đầu trang'/><div class='overlay hidden'/><b:include name='script-config'/><b:include name='analytics'/><b:include cond='data:view.isPost' name='facebook'/><b:include name='template-script'/></body><!--<head/><body/>--></html>
No comments:
Post a Comment