<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
 <head>
<link href='//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css' rel='stylesheet' type='text/css'/>
<link async='async' href='//fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i' rel='stylesheet'/>
 <meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>
    <meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>

    <link href='https://www.jsblogger.com/favicon.ico' rel='icon' type='image/x-icon'/>
    <meta content='https://www.jsblogger.com/favicon.ico'/>
    <link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
    <link expr:href='data:blog.url' rel='canonical'/>
    <meta expr:content='data:blog.pageTitle' name='DC.title'/>
    <meta expr:content='data:blog.url' name='DC.identifier'/>
    <meta expr:content='data:blog.metaDescription' name='DC.description'/>
    <meta expr:content='data:blog.metaDescription' name='DC.subject'/>
    <!-- GENERAL META -->
    <b:if cond='data:view.isHomepage'>
      <title>
        <data:blog.title/>
      </title>
      <meta expr:content='data:blog.metaDescription' name='description'/>
      <b:else/>
      <b:if cond='data:view.isSearch and !data:view.isLabelSearch and !data:blog.searchQuery'>
        <title>
          <data:messages.morePosts/>
          - 
          <data:blog.title/>
        </title>
        <meta expr:content='data:messages.morePosts' name='description'/>
        <b:else/>
        <b:if cond='data:blog.searchQuery'>
          <title>
            <data:blog.pageName/>
          </title>
          <meta expr:content='data:blog.pageName' name='description'/>
          <b:else/>
          <b:if cond='data:view.isSingleItem'>
            <title>
              <data:blog.pageName/>
            </title>
            <meta expr:content='data:blog.metaDescription' name='description'/>
            <b:else/>
            <b:if cond='data:view.isArchive'>
              <title>
                Articles from
                <data:blog.pageName/>
              </title>
              <meta expr:content='&quot;Các bài viết từ &quot; &quot; + data:blog.pageName' name='description'/>
              <b:else/>
              <b:if cond='data:blog.searchLabel'>
                <title>
                  <data:blog.pageName/>
                  - Tips &amp; Seo Blogspot
                </title>
                <meta expr:content='data:blog.pageName + &quot; - &quot; + data:blog.metaDescription' name='description'/>
              </b:if>
            </b:if>
          </b:if>
        </b:if>
      </b:if>
    </b:if>
    <b:if cond='data:view.isError'>
      <title>
        This page does not exist
      </title>
      <meta content='The page you are looking for may have been deleted, renamed, or temporarily unavailable. If you type the page address in the browser address bar make sure that it is completely correct. If you search on a search engine or are linked to the page, contact the administrator and notify them of the issue.' name='description'/>
    </b:if>
    <link expr:href='data:blog.canonicalUrl' rel='canonical'/>
    <meta content='JsBlogger' name='author'/>
    <!-- LIVE HEADER CONFIG -->  
<meta content='###############' name='google-site-verification'/>
    <meta content='###############' name='msvalidate.01'/>
    <meta content='##########' name='yandex-verification'/>
    <!-- RSS links -->
    <link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
    <link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default?alt=rss&quot;' expr:title='data:blog.title + &quot; - RSS&quot;' rel='alternate' type='application/rss+xml'/>
    <!-- Chrome, Firefox OS, Opera and Vivaldi -->
    <meta content='#365b92' name='theme-color'/>
    <meta content='#365b92' name='msapplication-navbutton-color'/>
    <meta content='#365b92' name='apple-mobile-web-app-status-bar-style'/>
    <!-- Cache-control config -->  
    <include expiration='7d' path='*.css'/>
    <include expiration='7d' path='*.js'/>
    <include expiration='3d' path='*.gif'/>
    <include expiration='3d' path='*.jpeg'/>
    <include expiration='3d' path='*.jpg'/>
    <include expiration='3d' path='*.png'/>
    <include expiration='3d' path='*.ico'/>
    <meta content='tue, 02 jun 2020 00:00:00 GMT' http-equiv='expires'/>
    <meta content='public' http-equiv='Cache-control'/>
    <b:if cond='data:view.isMultipleItems'>
      <!-- TWITTER OPEN GRAPH -->
      <meta content='summary' name='twitter:card'/>
      <meta content='@jsblogger' name='twitter:site'/>
      <meta content='@jsblogger' name='twitter:creator'/>
      <meta expr:content='data:blog.title' name='twitter:title'/>
      <meta expr:content='data:blog.canonicalUrl' name='twitter:url'/>
      <meta expr:content='data:blog.metaDescription' name='twitter:description'/>
      <meta content='https://i.imgur.com/Wt4iicJ.png' name='twitter:image'/>
      <!-- FACEBOOK OPEN GRAPH -->
      <meta content='https://www.facebook.com/BlogspotVN' property='article:author'/>
      <meta content='########' property='fb:app_id'/>
      <meta content='########' property='fb:admins'/>
      <meta content='########' property='fb:pages'/>
      <meta content='Admin' property='og:site_name'/>
      <meta content='website' itemprop='og:type'/>
      <meta expr:content='data:blog.canonicalUrl' property='og:url'/>
      <meta content='JsBlogger' property='og:title'/>
      <meta expr:content='data:blog.metaDescription' property='og:description'/>
      <meta content='http://crm-indonesia.com/wp-content/uploads/2017/01/Html-512.png' property='og:image'/>
      <meta expr:content='data:blog.title' property='og:image:alt'/>
      <!-- GOOGLE OPEN GRAPH -->
      <meta content='website' property='og:type'/>
      <meta expr:content='data:blog.canonicalUrl' itemprop='og:url'/>
      <meta expr:content='data:blog.title' itemprop='og:headline'/>
      <meta expr:content='data:blog.metaDescription' itemprop='og:description'/>
      <meta content='http://crm-indonesia.com/wp-content/uploads/2017/01/Html-512.png' property='og:image'/>
    </b:if>
    <b:if cond='data:view.isSingleItem'>
      <!-- TWITTER OPEN GRAPH -->
      <meta content='summary' name='twitter:card'/>
      <meta content='@youtwiter' name='twitter:site'/>
      <meta content='@youtwiter' name='twitter:creator'/>
      <meta expr:content='data:blog.pageName' name='twitter:title'/>
      <meta expr:content='data:blog.canonicalUrl' name='twitter:url'/>
      <b:if cond='data:blog.metaDescription'>
        <meta expr:content='data:blog.metaDescription' name='twitter:description'/>
        <b:else/>
        <meta expr:content='data:blog.title' property='twitter:description'/>
      </b:if>
      <b:if cond='data:blog.postImageUrl'>
        <meta expr:content='data:blog.postImageUrl' name='twitter:image'/>
        <b:else/>
        <b:if cond='data:blog.postImageThumbnailUrl'>
          <meta expr:content='data:blog.postImageThumbnailUrl' name='twitter:image'/>
          <b:else/>
          <meta content='//i.imgur.com/Wt4iicJ.png' name='twitter:image'/>
        </b:if>
      </b:if>
      <meta expr:content='data:blog.canonicalUrl' property='og:url'/>
      <meta expr:content='data:blog.pageName' property='og:title'/>
      <b:if cond='data:blog.metaDescription'>
        <meta expr:content='data:blog.metaDescription' property='og:description'/>
        <b:else/>
        <meta expr:content='data:blog.title' property='og:description'/>
      </b:if>
      <b:if cond='data:blog.postImageUrl'>
        <meta expr:content='data:blog.postImageUrl' property='og:image'/>
        <b:else/>
        <b:if cond='data:blog.postImageThumbnailUrl'>
          <meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
          <b:else/>
          <meta content='https://i.imgur.com/Wt4iicJ.png' property='og:image'/>
        </b:if>
      </b:if>
      <!-- GOOGLE OPEN GRAPH -->
      <meta content='article' property='og:type'/>
      <meta expr:content='data:blog.canonicalUrl' itemprop='og:url'/>
      <meta expr:content='data:blog.pageName' itemprop='og:headline'/>
      <b:if cond='data:blog.metaDescription'>
        <meta expr:content='data:blog.metaDescription' itemprop='og:description'/>
        <b:else/>
        <meta expr:content='data:blog.title' itemprop='og:description'/>
      </b:if>
      <b:if cond='data:blog.postImageUrl'>
        <meta expr:content='data:blog.postImageUrl' property='og:image'/>
        <b:else/>
        <b:if cond='data:blog.postImageThumbnailUrl'>
          <meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
          <b:else/>
          <meta content='//i.imgur.com/Wt4iicJ.png' property='og:image'/>
        </b:if>
      </b:if>
    </b:if>
    <script type='application/ld+json'>
        {
            &quot;@context&quot;: &quot;http://schema.org&quot;,
            &quot;@type&quot;: &quot;WebSite&quot;,
            &quot;url&quot;: &quot;<data:blog.homepageUrl/>&quot;,
            &quot;name&quot;: &quot;JsBlogger&quot;,
            &quot;potentialAction&quot;: {
                &quot;@type&quot;: &quot;SearchAction&quot;,
                &quot;target&quot;: &quot;<data:blog.homepageUrl/>search?q={search_term_string}&quot;,
                &quot;query-input&quot;: &quot;required name=search_term_string&quot;
            }
        }
    </script>
    <!--[if IE]>
<script> (function() { var html5 = ("abbr,article,aside,audio,canvas,datalist,details," + "figure,footer,header,hgroup,mark,menu,meter,nav,output," + "progress,section,time,video").split(','); for (var i = 0; i < html5.length; i++) { document.createElement(html5[i]); } try { document.execCommand('BackgroundImageCache', false, true); } catch(e) {} })(); </script>
<![endif]-->
    <!-- Icon -->
   <title>
     <data:blog.pageTitle/>
   </title>
   &lt;style&gt;&lt;!--/*<b:skin><![CDATA[*/
-----------------------------------------------
Interface Name : Sperm
Author         : Arul Netralid
Author URL     : https://pkthemes.com
----------------------------------------------- */
/* Variable definitions
====================
<Variable name="keycolor" description="Main Color" type="color" default="#00a2ff" value="#00a2ff"/>
<Group description="links color" selector="body">
<Variable name="main.color" description="Main Theme Color" type="color" default="#00a2ff" value="#00a2ff"/>
</Group>
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1;display:block}
*{margin:0;padding:0}
html{display:block}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{background:transparent}
table{border-collapse:collapse;border-spacing:0}
.navbar,.post-feeds,.feed-links{display:none}
.section,.widget{margin:0;padding:0}
strong,b{font-weight:bold}
strong,b:hover{left:-.1em;content:'[';-webkit-transform:translateX(-100%);transform:translateX(-100%)}
cite,em,i{font-style:italic}
a img{border:none;border-width:0;outline:none}
img{max-width:100%;vertical-align:middle;border:0}
abbr,acronym{cursor:help}
sup,sub{vertical-align:baseline;position:relative;top:-.4em;font-size:86%}
sub{top:.4em}
small{font-size:86%}
mark{background-color:#ffce00;color:#182025}
p,blockquote,pre,table,figure,hr,ol,ul,dl{margin:1.5em 0}
hr{height:1px;border:none;background-color:#444}
#layout ul{display:none}
.top-wrapper{overflow:hidden;position:relative}
h1, h2, h3, h4, h5, h6 { font-family:Roboto; font-weight: 800; font-style: normal;}
h1{font-size:200%}
h2{font-size:180%}
h3{font-size:160%}
h4{font-size:140%}
h5{font-size:120%}
h6{font-size:100%}
input,button,select,textarea{font-size:100%;line-height:normal;vertical-align:baseline}
textarea{display:block;box-sizing:border-box}
pre,code{font-family:'Signika',sans-serif;color:#444;position: relative;}
pre::after{content:"double click to selection";padding:0;width:auto;height:auto;position:absolute;right:18px;top:14px;font-size:12px;color:#aaa;line-height:20px;overflow:hidden;-webkit-backface-visibility:hidden;transition:all 0.3s ease;}
pre:hover::after{opacity:0;visibility:visible;}
pre{white-space:pre;word-wrap:normal;overflow:auto}
blockquote{font-style:italic;position:relative;font-size:14px;padding:0;padding-left:60px;margin:40px 0;border:0;font-weight:400}
pre,code{font-family:'Signika',sans-serif;color:#444}
pre{white-space:pre;word-wrap:normal;overflow:auto}
blockquote{background-color:#f9f9f9;border-left:8px solid #bfcada;padding:10px;margin:10px}
:focus{outline:0!important}
ul,dl{margin:.5em 0 .5em 3em}
ol{list-style:decimal outside}
ul{list-style:disc outside}
li{margin:.5em 0}
div.clear{clear:both}
.clear{clear:both}
dt{font-weight:bold}
dd{margin:0 0 .5em 2em}
.post ul li span{position:relative;margin:0;padding:5px 8px;margin-bottom:10px;text-decoration:none;transition:all .3s ease-out}
ol{counter-reset:li;list-style:none;font-size:14px;padding:0;}
ol ol{margin:0 0 0 2em}
.post ol li{position:relative;display:block;padding:.4em .4em .4em .8em;margin:.5em 0 .5em 2.5em;background:rgba(232, 232, 232, 0.48);color:#666;text-decoration:none;transition:all .3s ease-out;padding-bottom: 5px; margin-bottom: 5px;}
.post ol li:before{content:counter(li);counter-increment:li;position:absolute;left:-2.5em;top:50%;margin-top:-1em;height:2em;width:2em;line-height:2em;text-align:center;color:#fff;background-color:#00a2ff;font-weight: 600;}
.post-body ul li {list-style:none;position:relative;display:block;padding:.4em .4em .4em .8em;margin:.5em 0 .5em 2.2em;background:rgba(232, 232, 232, 0.48);color:#666;text-decoration:none;transition:all .3s ease-out; font-size: 15px;}
.post-body ul li:before {content:"\f00c";font-family:FontAwesome;position:absolute;left:-2.5em;top:50%;margin-top:-1em;height:2em;width:2em;line-height:2em;text-align:center;color:#fff;background-color:#00a2ff;font-size:13px;}
.sharepost ul li:before {content:initial;font-family:FontAwesome;position:absolute;left:-2.5em;top:50%;margin-top:-1em;height:2em;width:2em;line-height:2em;text-align:center;color:#fff;background-color:initial;font-size:13px;}
.sharepost ul li {list-style:none;position: initial; padding: initial; background: initial; color: #666; text-decoration: none; transition: all .3s ease-out; margin: 0; margin-right: 5px;}
.widget .post-body ul {padding:0;margin: 0;}
.post-body table th,.post-body table td,.post-body table caption{border:1px solid #eee;padding:10px;text-align:left;vertical-align:top}
.post-body table.tr-caption-container{border:1px solid #eee}
.post-body th{font-weight:700}
.post-body table caption{border:none;font-style:italic}
.post-body td,.post-body th{vertical-align:top;text-align:left;font-size:13px;padding:3px 5px;border:1px solid #eee}
.post-body th{background:#fafafa}
.post-body table.tr-caption-container td{border:none;padding:8px}
.post-body table.tr-caption-container,.post-body table.tr-caption-container img,.post-body img{max-width:100%;height:auto}
.post-body td.tr-caption{color:#666;font-size:80%;padding:0 8px 8px!important}
img{max-width:100%;height:auto;border:none}
table{max-width:100%;width:100%;margin:1.5em auto}
table.section-columns td.first.columns-cell{border-left:none}
table.section-columns{border:none;table-layout:fixed;width:100%;position:relative}
table.columns-2 td.columns-cell{width:50%}
table.columns-3 td.columns-cell{width:33.33%}
table.columns-4 td.columns-cell{width:25%}
table.section-columns td.columns-cell{vertical-align:top}
table.tr-caption-container{padding:4px;margin-bottom:.5em}
td.tr-caption{font-size:80%}
.widget ul{padding:0}
.quickedit{display:none;visibility:hidden}
.post-info2 a {background:#00a2ff; border-radius: 3px; font-weight: 700;color:#fff;padding:5px;}
.label-info {margin-bottom: 4px; display: -webkit-inline-box;}
.label-info a:hover{text-decoration: none;}
.label-info a:nth-child(n+3){display:none;}
a.label-info{font-family:'Roboto', sans-serif;color:#00a2ff;font-size:12px;font-weight:500;text-decoration: underline;}
a.label-info:nth-child(n+4) {display:none;}
body{background:#f0f0f0;color:#656e7f;font-family:'Roboto', sans-serif;font-size:18px;font-weight:300;line-height:27px;margin:0}
body#layout #mainbwrap{width:100%;float:left}
body#layout #sidebar-wrapper{width:30%;left:0;padding:0;float:right}
body#layout .sidebar-area{width:100%;margin:0;padding:0}
body#layout #bwrapcontent,body#layout #sidebar-wrapper{padding:0}
body#layout .content-area {   width: 66%;}
body#layout .sidebar-area {display:block}
body#layout #menu-wrapper {height:initial;}
body#layout .top-header {padding:0}
body#layout .top-navigation-wrapper {display:none;}
body#layout #footer-widgetfix .footer-widget {margin-left:0}
h1{line-height:.57447em;color:#242d36;font-size:47px;}
h2{line-height:.93103em;color:#242d36;font-size:32px;margin:27px 0}
h4{line-height:1.5em;color:#242d36;font-size:18px;margin:27px 0}
h5{line-height:1.5em;color:#242d36;font-size:18px;margin:27px 0}
h6{line-height:1.8em;color:#242d36;font-size:15px;margin:27px 0}
hr{background-color:#242d36;height:1px;margin-bottom:26px;padding:0}
blockquote{color:#9ba2af;font-family:"PT Serif",Georgia,Times,serif;border-left:5px solid rgba(155,162,175,0.25);margin-left:0;margin-right:0;margin-bottom:27px;padding-left:27px}
blockquote blockquote{font-size:inherit}
img{height:auto;max-width:100%}
a{color:#444;text-decoration:none;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
a:hover{color:#00a2ff;}
.PopularPosts ul li .item-title a:hover, .PopularPosts ul li a:hover {color:#00a2ff;}
#footer-wrapper{text-align:left;overflow:hidden}
.footer-content {text-align: center; padding: 40px;padding-bottom:0}
.footer-content a{color:#fff}
.footer-logo {text-align: center;}
.footer-links ul li {list-style: none; display:inline-block;margin-right:20px;font-size: 14px; font-weight: 600;text-transform:uppercase;}
.footer-links {text-align: center;}
#footer-wrapper .widget-content{text-align:left}
#footer-wrapper .widget-content li{margin-left:-14px}
#footer-wrapper .widget li{float: left!important; padding: 5px; margin-left: 3px; text-align: left; width: 44%;}
#footer-wrapper .widget li:before { content: "\f111"; font-family: fontAwesome; color: #ccc; font-size: 8px; padding: 0; text-decoration: none; margin-right: 10px;}
#layout #footer-wrapper .add_widget{background-color:#00a2ff;border:none}
#layout #footer-wrapper .add_widget a{color:#fff}
#layout #footer-wrapper .footer-column{width:33.33%;float:left}
#layout #footer-wrapper #column1,#layout #footer-wrapper #column2{margin:0}
.site-header{background:#242d36;border-bottom:5px solid #1e252d;margin:0;position:relative;width:100%;z-index:100}
.site-header img{display:block;margin:0 auto;max-height:200px}
.bwrapsite-content{margin:15px auto 0;max-width:1060px}
.content-area{float:left;margin:0 auto;width:100%;overflow:hidden;}
.widget-title{background:none repeat scroll 0 0 #4B3F57;color:#FFF;font-size:16px;font-weight:400;text-transform:uppercase;margin:0 0 5px;position:relative;transition:all .5s ease-out 0}
#header-inner img {}
.sidebar-area{float:right;overflow:hidden;width:32%  ;  display: none;}
#sidebar .widget h2{    transition: all 0.5s ease-out;text-transform: uppercase;font-size: 13px;font-weight: 800;color: #666;text-align: center;margin-bottom: 5px;border-bottom: 1px solid #eee;padding-bottom: 10px;position: relative;}
#sidebar h2:before{ content: " "; display: block; height: 2px; width: 50%; margin: 0 auto; background:#00a2ff; position: absolute; bottom: -1px; left: 50%; margin-left: -25%; }
#sidebar .widget{    padding: 20px;padding-bottom: 10px;margin-bottom: 10px;background: #fff;border: 1px solid #eee;}
.site-footer{background:#242d36;clear:both;color:#f0f1f3;font-size:14px;font-weight:600;line-height:1.8em;padding:10px;text-align:center}
.site-footer a{color:#f0f1f3;text-decoration:none}
.author_description_container h4 span {color:#00a2ff;font-family: 'Roboto', sans-serif; font-style: italic; letter-spacing: 0.5px; text-transform: capitalize;}
.avatar-image-container img{height:70px;width:70px;overflow:hidden;float:left;margin-right:20px;max-width:100%!important;border: 1px solid #E0E0E0; padding: 5px}
/* Comments */
.comments-line,.comments-line-c{background:#fff;position:relative;margin:20px auto 0 auto;padding:20px}
.comments-info-th{position:relative;color:#222;background:#fff;display:table;padding:5px 12px;font-size:14px;font-weight:700;margin:auto;border:1px solid rgba(0,0,0,0.05);text-align:center;border-radius:3px}
.comments-line-c{text-align:center;margin-bottom:6px}
#comments{position:relative;margin:0 auto;padding:20px}
#comments h4{z-index:2;position:relative;margin:0 auto;color:#fff;background:#ff5000;display:inline-block;padding:5px 16px;font-size:16px;font-weight:700;border-radius:3px}
#comment_block{position:relative}
.comment_avatar_wrap{width:42px;height:42px;background:rgba(0,0,0,0.01);text-align:center;margin-bottom:20px;border-radius:100%}
#comments .avatar-image-container{float:left;width:42px;height:42px;max-width:42px;max-height:42px;padding:0;margin-top:5px;border-radius:3px}
#comments .avatar-image-container img{width:42px;height:42px;max-width:42px;max-height:42px;background:url(https://4.bp.blogspot.com/-ZyjdBPHOsAI/XKGTPhqb__I/AAAAAAAAikk/J4eBnS0aOF4roNlfQxnijficWer7U7cdwCLcBGAs/s1600/Anonim.png) no-repeat;border-radius:99em}
.comment_name a{padding:5px 0 0 0;font-size:1.1rem;color:#1277cb}
.comment_admin .comment_name{font-weight:700;font-size:1.1rem}
.comment_admin .comment_date{font-weight:normal;font-size:11px}
.comment_name{font-weight:700;position:relative}
.comment_service{margin-top:5px}
.comment_date{color:#98a5d5;float:right;font-size:11px;font-weight:normal;margin-top:-3px}
.comment_inner{margin:12px 0}
.comment_child .comment_wrap{padding-left:7%}
#comments .comment-block{background:#f7f9fb;margin:5px 0 15px;color:#222;line-height:1.3em;border-radius:3px;position:relative;max-width:100%;margin-left:56px;padding:20px;transition:all .3s}
#comments .comment-block:hover{box-shadow: 0 0 0 3px rgba(0,0,0,0.05)}
#comments .comment-block .comment-content{line-height:1.5em;margin:5px 0 0 0;color:#222;font-size:14px;word-wrap:break-word;padding:10px 0}
#comments .comment-reply,#comments .comment-actions a{overflow:hidden;display:inline-block;margin-top:10px;color:#888;text-align:center;text-decoration:none;font-size:12px}
#comments .comment-reply:hover,#comments .comment-actions a:hover{color:#222}
#comments .datetime a{color:#888;float:right;font-size:11px;font-weight:normal;text-decoration:none}
#comments .inline-thread{padding:0 0 0 1em}
#comments .thread-toggle{display:inline-block;color:#999;text-align:center;text-decoration:none;font-size:12px}
#comments .thread-toggle a{color:#999}
.unneeded-paging-control{display:none}
.comment-form{max-width:100%;!important}
#comment-editor{width:100%!important;background:transparent}
.comment_form a{text-decoration:none;text-transform:uppercase;font-size:15px}
.comment_reply_form{padding:0 0 0 70px}
.comment_reply_form .comment-form{width:99%}
.comment_emo_list{padding:0 15px 15px 15px;overflow:hidden;display:inline-block;border-radius:3px;color:#7f8c8d;margin:0 0 5px 0}
.comment_emo_list .item{float:left;display:inline-block;text-align:center;overflow:hidden;margin:15px 15px 0 0}
.comment_emo_list span{display:block;font-weight:bold;font-size:10px;letter-spacing:.5px}
.comment_youtube{max-width:100%!important;width:400px;height:225px;display:block;margin:auto}
.comment_img{max-width:100%!important}
.deleted-comment{padding:10px 10px 10px 10px;display:block;color:rgba(255,255,255,.8)}
.comment_header{width:50px}
#respond{overflow:hidden;padding-left:10px;clear:both}
.comment-delete img{float:right;margin-left:15px;margin-top:3px;margin-right:10px}
iframe{border:none;overflow:hidden}
.small-button1 a{display:none;margin:10px 0 0 0;text-decoration:none;text-transform:none;font-size:13px;color:#fff;padding:4px 10px;cursor:pointer;background:#ff5000;border-radius:3px;transition:all .3s}
.small-button1:hover a{background:#222;color:#fff}
span.small-button1{text-align:left;display:inline-block}
.comments .comments-content .comment-thread ol{margin:0}
.comment_emo_list img.comment_emo{width:18px;height:18px;margin:0 0 5px 0}
.comment_author_flag{display:none}
#comments img.comment_emo{width:18px;height:18px;margin:0 3px 3px 3px}
#comments .comments-content .user a{color:#222}
.comment-form p{margin:0}

@media screen and (max-width:800px){
#comments{padding:20px 0}
#comments .comment-block{margin:0 auto}
#comments .comments-content .comment-replies{margin-left:10px}
#comments .avatar-image-container,#comments{display:none}}
@media screen and (max-width:640px){
.comment_emo_list .item{margin:10px 2px}
.comment_emo_list{padding:0}}
@media screen and (max-width:768px){
#comments .comment-block{margin:0 auto}#comments .comments-content .comment-replies{margin-left:10px}#comments .avatar-image-container,#comments{display:none}}
h2.date-header{margin:10px 0;display:none}
#outer-wrapper{position: relative; margin: 0 auto; width: 1000px; overflow: hidden;}
#banner{background:#fff;border:1px solid;border-color:#e5e6e9 #dfe0e4 #d0d1d5;text-align:center;padding:10px;margin:15px}
#Label4 {text-align: center;}
.cloud-label-widget-content { display: inline-block; text-align: left; }
.cloud-label-widget-content .label-size {     display: inline-block;float: left;font-size: 14px;font-weight: 600;line-height: normal;margin: 0 5px 5px 0;opacity: 1;}
.cloud-label-widget-content .label-size a{background: #fff;color: #333;float: left;line-height: 100%;margin: 0;padding: 15px 15px;transition: all .6s;border: 1px solid #ddd;}
.cloud-label-widget-content .label-size span{background: #00a2ff;color: #fff;float: left;line-height: 100%;margin: 0;padding: 15px 15px;transition: all .6s;border: 1px solid #ddd;}
.cloud-label-widget-content .label-size .label-count{background:#eee;color:#444;white-space:nowrap;display:inline-block;padding:0 20px;margin-left:-3px;height:44px;line-height:44px;font-size:13px;font-weight:600;border:1px solid #ddd}
.Label li{position:relative;padding:5px 20px 10px 30px !important;list-style:disc;display:block;font-size:15px}
.Label li:before{content:"\f111";font-family:fontAwesome;color:#ccc;font-size:8px;margin-left:15px;position:absolute;top:9px;left:0;padding:0;text-decoration:none;margin-top:1px}
.Label li a{color: #2D2D2D; font-family: 'Roboto', 'sans-serif'; font-weight: 700;}
.Label li:hover:before{color:#00a2ff;transition:all .6s}
.Label li span{padding:0 10px;display:block;line-height:20px;position:absolute;right:15px;top:10px;font-size:11px;background:#00a2ff;color:#fff}
.Label li:hover span{background:#FC3931;transition:all .6s}
.sidebar ul li a{color:rgba(29,28,28,0.8);font-weight:400;font-size:15px;transition:all .3s;font-family:&#39}
.post-body a.img, .post-body .separator a { margin-left: 0!important; margin-right: 0!important; }
.ts_heading{ float:left; width:100%; text-align:center; }
.ts_heading h3{float: left; width: 100%; text-transform: uppercase; position: relative; padding-bottom: 5px;  letter-spacing: 1px; font-size: 20px; color: #444;}
.ts_heading h3:after{ content: ""; position: absolute; width:100px; top: 100%; left: 0px; right: 0px; margin: 0px auto; }
.ts_heading p{float:left;width:100%;margin-top: 10px;color: #666; font-size: 15px;}
.ts_heading h3:after {border-bottom: 5px solid #00a2ff;}
.ts_heading h2{float: left;width: 100%;position: relative;font-family: raleway;letter-spacing: 1px;font-size:30px;color: #444;text-align: left;margin: 0;margin-bottom: 10px;}
.ts_heading span:after{ content: ""; position: absolute; width:120px; top: 100%; left: 0px; margin: 0px auto; }
.ts_heading span{float: left;width: 100%;margin-bottom: 20px;font-family: ubuntu;color: #666;font-size: 18px;position: relative;text-align: left;font-weight: 500;}
.ts_heading span:after {border-bottom: 3px solid #00a2ff;margin-top:5px;}
.bwrapsite-main{ clear: both; }
#main-nav .current-menu-item a {color:#00a2ff;}
#main-nav a:hover {color:#00a2ff;}
#blog-pager {margin: 1em 0;text-align: center;overflow: hidden;}
.showpagePoint{background:#00a2ff!important; color: #fff; font-weight: 700;}
.showpage a,.showpageNum a,.showpagePoint,.showpageOf{position: relative; display: inline-block; font-size: 13px; font-weight: 700; color: rgba(0,0,0,.8); margin: 0 4px 0 0; background: white; padding: 10px 18px; border: 1px solid rgb(230, 230, 230); transition: all .3s; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.08); -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.08); box-shadow: 0 1px 2px rgba(0,0,0,0.08); border-bottom: 1px solid #d5d5d5;}
.showpageNum a:before{content:&#39;&#39;;position:absolute;top:0;bottom:0;left:0;right:0;transition:box-shadow 0.5s}
.showpage a:hover,.showpageNum a:hover,.showpagePoint:hover{background:#00a2ff;color:#fff!important;position:relative;}
.showpagePoint{color:#fff;}
.showpage a,.showpageNum a,.showpagePoint,.showpageOf{margin:0 5px 2px 0;}
#error404,.followby,.modalDialog{background:rgba(0, 0, 0, 0.6)}
#error-text a{color:#00a2ff}
.home-link{background:#00a2ff;padding:12px 20px 12px 17px;position:absolute;color:white!important}
.search-form-icon {color:#00a2ff}
.top-header{}
.wrapper {width: 1041px;margin: 0 auto;}
.fixed_widget{background:none!important;position:fixed!important;top:25px;z-index:99;-webkit-transform:translateZ(0)}
h1.post-title a:hover, h2.post-title a:hover { color:#00a2ff; text-decoration:none; }
#footer-wrapper .cloud-label-widget-content .label-size a { background: #4e4e4e; color: #fff; display: block; font-size: 11px; padding: 10px 15px; font-weight: 600; }
.readmore2:hover {background:#fff;color:#333!important;transition: 0.3s;}
.readmore2{font-size:13px;color:#fff!important;font-weight:700;padding:10px;border-radius:3px;width:40%;background:#00a2ff;text-align:center;margin:0 auto;display:block;overflow:hidden}
.readmore3{border:none;display:block;text-align:center;cursor:pointer;text-transform:uppercase;outline:none;overflow:hidden;position:relative;color:#fff;font-weight:700;font-size:13px;background-color:#222;padding:10px 60px;margin:0 auto;box-shadow:0 10px 20px 0 rgba(113,162,223,.2);border-radius:20px;border:1px solid #0e83ea61;}
.readmore3 span{position:relative;z-index:1}
.readmore3:after{content:"";position:absolute;left:20px;top:0;height:490%;width:140%;background:#00a2ff;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;-webkit-transform:translateX(-98%) translateY(-25%) rotate(45deg);transform:translateX(-98%) translateY(-25%) rotate(45deg)}
.post:hover .readmore3:after{-webkit-transform:translateX(-9%) translateY(-25%) rotate(45deg);transform:translateX(-9%) translateY(-25%) rotate(45deg)}
.top-navigation-wrapper{ background-color: #ffffff; }
.top-navigation-wrapper{ color: #545454; }
.top-navigation-wrapper a, .top-navigation-wrapper a:hover{ color: #545454; }
.top-navigation-wrapper{ border-color: #e4e4e4;    border-bottom: 1px solid #e4e4e4; }
.container{ max-width: 1060px;margin:auto; }
top-navigation-wrapper{ position: relative; z-index: 98; border-bottom-width: 1px; border-bottom-style: solid; }
.top-navigation-left{ float: left; margin: 0px 15px; }
.top-navigation-left-text{ font-size: 10px; letter-spacing: 1px; font-weight: bold;padding: 12px 0px; line-height: 18px; text-transform: uppercase; }
.fullpage {position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 9999; background-color: rgb(255, 255, 255);overflow-x: hidden;overflow-y: scroll;}
.fullpage-fix-scroll {overflow:hidden;}
#full-page-switch{
text-align: center;
padding: 10px;
overflow: hidden;
position: fixed;
background: #00a2ff;
border-radius:0 4px 4px 0;
color: #fff;
font-size: 12px;
font-weight: bold;
left: 0;
top: 50px;
z-index: 9999;
}
#full-page-switch{
display: none;
}
#full-page-switch1{
text-align: center;
padding: 10px;
overflow: hidden;
position: fixed;
background: #00a2ff;
border-radius:0 4px 4px 0;
color: #fff;
font-size: 12px;
font-weight: bold;
left: 0;
top: 50px;
z-index: 9999;
}
#full-page-switch1{
display: none;
}]]></b:skin>   

<style type='text/css'>

.PopularPosts ul,.PopularPosts li,.PopularPosts li img,.PopularPosts li a,
.PopularPosts li a img {margin:0;padding:0;list-style:none;border:none;
background:none;outline:none;}
.PopularPosts ul {margin:0;list-style:none;color:#333;}
.PopularPosts ul li img {display:block;margin-right:10px;width:115px;height:100px;float:left;transition:all 0.3s ease-out;}
.PopularPosts ul li img:hover {background:#fff;opacity:0.9;}
.PopularPosts ul li {background-color:#fff;margin:2px;padding:.7em 0;position:relative;transition:all 0.3s ease-out;  border-bottom: 1px solid rgb(239, 239, 239);}
.PopularPosts ul li:first-child {border-top:none;,margin:0}
.PopularPosts ul li:last-child {border-bottom:none;padding-bottom:0}
.PopularPosts ul li a:hover {color:#00a2ff!important;}
.PopularPosts ul li .item-title a, .PopularPosts ul li a {color: #333; text-decoration: none; font-size: 15px; font-weight: 600; transition: all 0.3s ease-out; font-family:&#39;Roboto&#39;, &#39;sans-serif&#39;; line-height: 1; text-align: justify;}
.PopularPosts ul li:before {display:none;list-style:none;}
.PopularPosts .item-thumbnail {margin:0 0 0 0;}
.PopularPosts .item-snippet {font-size: 13px; color: #7b7b7b; font-weight: 400;line-height:1.5}
.profile-img{display:inline;opacity:1;margin:0 6px 3px 0;}
.PopularPosts .item-title {margin-bottom: 2px; line-height: 1.2;}

.breadcrumbs{font-size: 100%;}
.breadcrumbs &gt; span {padding:0;}
.breadcrumbs &gt; span:last-child {color:#fff;border-right:none;font-size:12px;padding:10px;font-weight:600}
.breadcrumbs a {font-size:13px;font-weight:700;}
.breadcrumbs span a {color:#fff;padding:0 7px;}
.breadcrumbs a:hover {color:#fff;text-decoration: underline;}
.breadcrumbs .fa-angle-right{font-size:12px;color:#fff;}

#header-ad {text-align: center;margin-bottom:15px;}
#main-nav {float:right;}
#main-nav li {float: left; line-height:80px; margin:0; position: relative; display: block; height:40px; padding: 0 13px; color:#555;font-size: 13px; font-weight:bold; transition: all .3s; letter-spacing: 1px; text-transform: uppercase;}
#main-nav li:last-child a {background: #00a2ff; padding: 12px 15px; border-radius: 4px; color: #fff;}
#main-nav a {color:#555; }
#main-nav .current-menu-item a {color:#00a2ff;}
#main-nav a:hover {color:#00a2ff;}
#main-nav a:hover .menu-arrow, #main-nav .current-menu-item a .menu-arrow {}
#main-nav ul li ul .menu-arrow {display: none;}
#main-nav ul li ul { display: none; position: absolute; left: -1px; top: 94px; z-index: 100; background-color: #fff; border: 1px solid #F0F0F0; margin:0; }
#main-nav .sub-menu li {border-left: none;}
#main-nav .sub-menu li:last-child {border-right: none;}
#main-nav ul li:hover &gt; ul, #main-nav ul li ul:hover {display: block;}
#main-nav ul li ul a { min-width: 200px; height: 36px; padding: 0 13px; font-size: 11px; transition: all .3s; }
#main-nav ul li ul a:hover {background-color: #FCFCFC;}
#main-nav ul li ul a, #main-nav ul ul .current-menu-item a {border: none;color: #bbb;margin-top: 0;background-color: transparent;}
#main-nav ul li ul li { float: none; height: auto; clear: both; margin-left: 0; line-height: 36px; border-bottom: 1px solid #F0F0F0; }
#main-nav ul li ul li:last-child {border-bottom: none;}
#main-nav ul li ul ul {left: 100%;top: -1px;}
#menu-main-nav {margin:0}


#main-header {
    overflow: hidden;
-webkit-animation:zoomnav 3s;
z-index:999;
}
  @-webkit-keyframes zoomnav{from{-webkit-transform:translate(-1000px,0px);opacity:0}}


#main-header { height: 82px;background-color: #fff }
#header{float:left;width:100%;color:#222;margin:10px}
#logo {float: left;}

#logo a {color: #555;}
#logo span a {color: #D1D1D1;}
.Header h1 {margin-bottom: 10px; font-size: 30px; text-transform: uppercase; display: block; max-height: 49px; overflow: hidden; line-height: 1.5;}

#ArchiveList a.post-count-link, #ArchiveList a.post-count-link:link, #ArchiveList a.post-count-link:visited {text-decoration:none;font-size:13px;font-weight:700;}
span.post-count {font-size:11px;font-weight:700;}
.BlogArchive #ArchiveList ul.posts li {font-size:12px;}
#ArchiveList select {width: 100%;padding: 15px;margin-bottom: 5px;margin-top:10px;border: 1px solid rgba(201, 201, 201, 0.52);font-size:13px;font-family: Open Sans;}


#search-bar{display:block;position:relative;padding:10px;width:48%}
input#sq{background: #FFFFFF; color: #2D2D2D; margin: 0; padding:0 17px;outline: 0; border-radius: 3px; box-shadow: initial; line-height:62px; transition: all .1s; font-size: 18px; font-weight: 600; border:none;  width: 86%;}
input#sq:focus{color:#333;border-radius:0px;}
#search-form{position:relative;margin:auto;}
#searchsubmit{border: 0; color: #4C4C4C; display: inline-block; position: absolute; right: 0; top: 0; padding:0 50px; height:62px;  transition: all .2s;}
#searchsubmit:hover,#searchsubmit:focus,#searchsubmit:active{color:#fff;cursor:pointer;outline:0;}
.search-form-icon{top: 28px; right: 45px; position: absolute; font-size: 25px;color:#fff}
input#sq::-webkit-input-placeholder,input#sq:-ms-input-placeholder{color:#777;}
input#sq::-moz-placeholder,input#sq:-moz-placeholder{color:#777;opacity:1;}
[type=&quot;search&quot;] {-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield;}
#searchsubmit { background: #00a2ff; border-radius: 0 3px 3px 0; }
.postdata {padding:0 10px;}
.postdata2 {padding:5px;overflow: hidden;}
.post-body {line-height:1.6em;color:#8c8c8c;font-size:14px;font-weight:400;text-overflow:ellipsis;width: auto;padding-left:10px;padding-right:10px;margin-bottom:5px;font-family:&#39;Roboto&#39;, sans-serif}
h2.post-title, h1.post-title {border: 0 none; color: #000; font-size:18px; font-weight:800; letter-spacing: normal; line-height: 1.3em; margin-bottom:5px; padding: 0;    height: 45px;}
h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {text-align: center;    color: #2D2D2D;z-index: 0;margin-top: 10px;line-height: 1.3;}


.post-image {margin:0;z-index:1;padding:0;float:left;overflow:hidden;margin-bottom:5px;transition:all 1s ease-out;background: #fff;width:100%;}
.post-image img {width:100%;height:205px;transition: 0.9s;}
.post-image img:hover {opacity: 0.4;}
.promo-wrapper {float: left; width: 100%; background-color: #272727; background-size: cover; background-attachment: fixed; position: relative; background-image: url(https://2.bp.blogspot.com/-07YSRig1cnY/V7HyTsVNKII/AAAAAAAACS8/7u9E899K-fMqJGYTWIfRF0-s99oPEqb2ACLcB/s1600/3.jpg); text-align: center; z-index: 1;height:450px;background-position: 0px -113px;}
.promobg {opacity: .9; background: #000; background: -moz-linear-gradient(45deg, #000 0%, #0f5882 100%); background: -webkit-linear-gradient(45deg, #000 0%, #0f5882 100%); background: linear-gradient(45deg, #000 0%, #0f5882 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr=&#39;#000&#39;, endColorstr=&#39;#0f5882&#39;, GradientType=1);height:450px;}
.promo { padding: 1.75em 2.5em 1.75em 2.5em; display: inline-block; position: relative; z-index: 1;width:90%; }
.promo h1 {color: #fff; display: inline-block; margin-right: 1em; font-size: 40px; font-weight: 800; text-transform: uppercase; margin-top: 20px; width: 70%; line-height: 1.2; margin-bottom: 5px;}
.promo h1 span {color:#fde107;font-weight:900;}
.promo p {color: #fff; margin-right: 1em; font-size: 18px; margin: 5px; font-weight: 600;}
.promo .button {font-size: 15px; font-weight: bold; display: inline-block; text-decoration: none; padding: 1em 2em 1em 2em; cursor: pointer; outline: 0; margin-right: 15px; background: #00a2ff; border-radius: 3px; color: #fff; text-transform: uppercase; letter-spacing: 0.8px;}
.promo .button:hover { border-color: rgba(255, 255, 255, 0.75); background-color: rgba(255, 255, 255, 0.15); color: #fff; }
.cd-primary-nav &gt; li &gt; a {-moz-transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out, background-color 0.25s ease-in-out; -webkit-transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out, background-color 0.25s ease-in-out; -ms-transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out, background-color 0.25s ease-in-out; transition: color 0.25s ease-in-out, border-color 0.25s ease-in-out, background-color 0.25s ease-in-out;}
.cd-primary-nav &gt; li &gt; a:hover { border-color: rgba(255, 255, 255, 0.75); background-color: rgba(255, 255, 255, 0.15); color: #fff; border-top: solid 2px #c2c7cc; }

.buttonx{display:inline-flex;border-radius:4px;cursor:pointer;border:double #eee;font-size:13px;font-weight:700;text-transform:uppercase;color:#FFF!important;background-color:#00a2ff!important;background:0;margin:5px;padding:5px 20px;text-shadow:none;transition:all 1s}.buttonx:hover{color:#00a2ff!important;background:#fff!important;border:double #00a2ff;box-shadow:0 0 18px 18px rgba(80,80,80,0)}


#footer-wrapper {text-align: left;overflow: hidden;background:linear-gradient(45deg,#24b6d8 0,#9605c5 100%);}
#footer-wrapper h2 {color: #fff; font-size: 14px; font-weight:500; margin-bottom: 10px; padding: 5px 10px 5px 0; text-align: left; text-transform: capitalize; margin-top: 15px;}
#footer-wrapper .widget-content {text-align: left; color: #fff; font-size: 14px;}
#footer-wrapper .widget-content li {margin-left:-14px;color:#333}
#footer-wrapper .widget li {margin:5px 0 0 0;padding:5px 2px 0 0;}
.footer li a {padding-top:0;padding-right:0;font-size:13px;font-weight:700;color:#f9f9f9;margin:0}
.share-post ul {padding:0;margin:0;text-align:center;}
.share-post li{list-style: none; display: inline-block; padding: 5px 30px; font-size: 15px; margin:5px 2px; border-radius: 3px;}
.share-post li a{display:block;text-align:center;color:#FFF}
.share-post li a:hover {color:#FFF!important;border-bottom:0;}
.share-post span{display:none;}
.share-post li a i{color:#fff;line-height:normal;font-size:27px;font-weight:normal;transition:all .3s;}
.share-post {}
.share-post .facebook_share {background:#3b5998;color:#fff;}
.share-post .facebook_share:hover {opacity:0.9;;color:#fff;}
.share-post .twitter_share {background:#19bfe5;color:#fff;}
.share-post .twitter_share:hover {opacity:0.9;;color:#fff;}
.share-post .google_share {background:#0ebf32;color:#fff;}
.share-post .google_share:hover {background:#0f8426;color:#fff;opacity:0.9;}



#footerfix {    overflow: hidden;margin: 15px 0 0 0;background-color: #EFEFEF;}
.copyleft {    text-align: center;font-weight: 500;margin: 10px;color: #666;font-size: 13px;}
#copyright {float:right;color:#999;font-size:13px;margin-right:30px}
.copyleft a,#copyright a {color:#333}
.copyleft a:hover,#copyright a:hover {color:#a94334;text-decoration:none;}

@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.fade-in {
  opacity:0;  /* make things invisible upon start */
  -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
  -moz-animation:fadeIn ease-in 1;
  animation:fadeIn ease-in 1;

  -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;

  -webkit-animation-duration:1s;
  -moz-animation-duration:1s;
  animation-duration:1s;
}

.fade-in.one {
  -webkit-animation-delay: 0.7s;
  -moz-animation-delay: 0.7s;
  animation-delay: 0.7s;
}

.fade-in.two {
  -webkit-animation-delay: 1.2s;
  -moz-animation-delay:1.2s;
  animation-delay: 1.2s;
}

.fade-in.three {
  -webkit-animation-delay: 1.6s;
  -moz-animation-delay: 1.6s;
  animation-delay: 1.6s;
}

@media screen and (max-width:1066px) {
.wrapper, #main-header, #outer-wrapper {width:100%;}
#HTML3  {width: initial!important;}
}

@media screen and (max-width:960px) {
#HTML3  {width: initial!important; position: initial!important;}
input#sq {width:85%;float: initial;}
#outer-wrapper {padding: 0;}
#search-bar { display: block; position: relative; float: right; width: 100%; overflow: hidden; margin:0}
#header-inner img { margin: 0; }

#main-nav .wrapper {position: relative;}
_#menu-icon {width: 44px; height: 24px; float: right; background: url(https://4.bp.blogspot.com/-UDUfajF5uV0/VlBNqL5O4DI/AAAAAAAAGuk/unRI8jhDNJ4/s1600/top-menu-icon.png) no-repeat; cursor: pointer; transition: background .3s; margin-top:0;}
_#menu-icon:hover {background-color: #F8F8F8;}
#main-nav { width: 100%;position: absolute; right: 0; top:80px; display: none; height: auto; padding: 10px 0; background-color: #FCFCFC; border: 1px solid #f2f2f2; z-index: 1000; }
#main-nav li { float: none; clear: both; line-height: 36px; }
#main-nav li a { height: auto; border-right: none; }
#main-nav li a:hover, #main-nav .current-menu-item a { background-color: transparent; }
.menu-arrow {display: none;}
#main-nav .menu li ul { position: static; float: none; display: block !important;border: none; padding-left: 10px; }
#main-nav .menu li ul li {border: none;}
#main-nav ul li ul a {font-size: 13px;}
#main-nav ul li ul a:hover {background-color: transparent;}
h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {margin-top:0;line-height:1em;}
.bwrapsite-content{width:100%}
.content-area {float:none;width:initial;width:100%!important}
.sidebar-area {width:100%!important;}
#header-ad {height:auto;}
ul#relpost_img_sum li {width:100%!important;}
.top-social {display:none;}
#logo {margin-left:10px;}
.header-right {margin-top:10px;}
.woo{width:100%}
.promo { padding: 0;}
}
@media only screen and (max-width:768px){
.promo h1 {width: 100%; font-size: 30px;}
.post-body {width:auto!important;}
.related-post-item-title {font-size:12px!important;}
.related-post-style-2 li {width:100%;}
#footer-col1, #footer-col2, #footer-col3 {width: 100%; float: left; margin-left: 10px;}
#recent1 .recent-box {width:32%}
.post-outer {width: 30%!important;}
.post-summary {display:none;}
.postdata2 {position: initial!important;overflow:hidden;}

.readmore2 {display:none;}
}
@media only screen and (max-width:640px){
input#sq {width:85%;float: initial;}
#search-bar { display: block; position: relative; float: right; width: 100%; overflow: hidden; margin:0}
.post-body {width:auto!important;line-height: 1.4; font-size: 15px;}
.related-postbwrap {width:100%;}
.home-link {display:none;}
.author-info, .comment-info, .time-info {margin-right:10px;float: initial!important;}
.post-outer {width: 100% !important;}

#main-header {width:100%;height:82px;}
#search-bar {margin:0; }
}
@media only screen and (max-width:480px){
.post-image {float:none;margin-right:0;margin-bottom:8px}
.post-image img {width:100%!important;}
.related-post-style-2 li {width:100%!important}
.top-navigation-left {display:none;}
#header-wrapper {text-align:center;}
#header {max-width: initial;}
#header{float:left;width:100%;color:#222;margin:20px 10px}
.comments .comments-content .datetime a {display:none;}
#recent1 .recent-box {width:100%;}
#recent1 #label_with_thumbs li {margin-right:0}
.post-outer {width:initial!important;margin-right:0!important;}
.post ul li span {display:none;}
.post-summary {display:-webkit-box;}
.showpage a, .showpageNum a, .showpagePoint, .showpageOf {padding: 8px 10px;}
#logo {float: none;width: 50%;margin-left: 0;}
#adpost2, .promo-wrapper, #Label4, .ts_newsletter_wrapper {display: none;}

}

@media screen and (max-width:320px){
.footer-content {padding: 0;}
.footer-content ul{margin: 0;}
}
.bttn-unite a {
     margin: 0;
    padding: 0;
    border-width: 0;
    border-color: transparent;
    background: transparent;
    font-weight: 600;
    cursor: pointer;
    position: relative;
    font-family: inherit;
    padding: 5px 12px;
    z-index: 0;
    overflow: hidden;
    border: 1px solid #1d89ff;
    color: #1d89ff;
    -webkit-transition: color .3s cubic-bezier(.02,.01,.47,1),border-color .3s cubic-bezier(.02,.01,.47,1);
    transition: color .3s cubic-bezier(.02,.01,.47,1),border-color .3s cubic-bezier(.02,.01,.47,1);
}

.bttn-unite.bttn-primary a:before {
  background:#d6e3ff;
  -webkit-transform:translate3d(-110%,-10%,0) skewX(-20deg);
  transform:translate3d(-110%,-10%,0) skewX(-20deg);
}

.bttn-unite.bttn-primary a:after,
.bttn-unite.bttn-primary a:before {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:120%;
  content:&#39;&#39;;
  opacity:0;
  z-index:-1;
  -webkit-transition:opacity .15s cubic-bezier(.02,.01,.47,1),-webkit-transform .15s cubic-bezier(.02,.01,.47,1);
  transition:opacity .15s cubic-bezier(.02,.01,.47,1),-webkit-transform .15s cubic-bezier(.02,.01,.47,1);
  transition:transform .15s cubic-bezier(.02,.01,.47,1),opacity .15s cubic-bezier(.02,.01,.47,1);
  transition:transform .15s cubic-bezier(.02,.01,.47,1),opacity .15s cubic-bezier(.02,.01,.47,1),-webkit-transform .15s cubic-bezier(.02,.01,.47,1);
}

.bttn-unite.bttn-primary a:after {
  background:rgba(214,227,255,.7);
  -webkit-transform:translate3d(110%,-10%,0) skewX(-20deg);
  transform:translate3d(110%,-10%,0) skewX(-20deg);
}

.bttn-unite.bttn-primary a:focus,
.bttn-unite.bttn-primary a:hover {
  box-shadow:0 1px 8px rgba(58,51,53,.3);
  color:#1d89ff;
  -webkit-transition:all .5s cubic-bezier(.02,.01,.47,1);
  transition:all .5s cubic-bezier(.02,.01,.47,1);
}

.bttn-unite.bttn-primary a:focus:before,
.bttn-unite.bttn-primary a:hover:before {
  -webkit-transform:translate3d(-50%,-10%,0) skewX(-20deg);
  transform:translate3d(-50%,-10%,0) skewX(-20deg);
}

.bttn-unite.bttn-primary a:focus:after,
.bttn-unite.bttn-primary a:focus:before,
.bttn-unite.bttn-primary a:hover:after,
.bttn-unite.bttn-primary a:hover:before {
  opacity:1;
  -webkit-transition:opacity .25s cubic-bezier(.02,.01,.47,1),-webkit-transform .25s cubic-bezier(.02,.01,.47,1);
  transition:opacity .25s cubic-bezier(.02,.01,.47,1),-webkit-transform .25s cubic-bezier(.02,.01,.47,1);
  transition:transform .25s cubic-bezier(.02,.01,.47,1),opacity .25s cubic-bezier(.02,.01,.47,1);
  transition:transform .25s cubic-bezier(.02,.01,.47,1),opacity .25s cubic-bezier(.02,.01,.47,1),-webkit-transform .25s cubic-bezier(.02,.01,.47,1);
}

.bttn-unite.bttn-primary a:focus:after,
.bttn-unite.bttn-primary a:hover:after {
  -webkit-transform:translate3d(50%,-10%,0) skewX(-20deg);
  transform:translate3d(50%,-10%,0) skewX(-20deg);
}

.bttn-unite.bttn-primary a {
  border-color:#1d89ff;
  color:#1d89ff;
}

.bttn-unite.bttn-primary a:focus,
.bttn-unite.bttn-primary a:hover {
  _background:#1d89ff;
  color:#fff;
}

.bttn-unite.bttn-primary a:before {
  background:#006de3;
}

.bttn-unite.bttn-primary a:after {
  background:#1d89ff;
}
</style>
 <b:if cond='data:view.isPost'>
<style type='text/css'>
#full-page-switch{
    display: block;
}
#Label4 {display: none;}
.post {background: #fff;padding:15px;height:auto;border: 1px solid #e2e2e2; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.08); -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.08); box-shadow: 0 1px 2px rgba(0,0,0,0.08); border-bottom: 1px solid #d5d5d5;margin-bottom:10px;overflow:hidden;margin-top: 0; padding-top: 0; border-top: 0;}
.post-body {color: #444; margin-right: 0; font-size: 16px;margin-top:5px;text-align:initial;font-weight:400;letter-spacing: 0.5px; line-height: 1.8;font-family:roboto;}
.post pre {
    font-size: 14px;
    font-family: Consolas,&quot;courier new&quot;;
    width: auto;
    border: 1px solid #d4d4d4;
    background-color: #f1f1f1;
    color: #444444;
    padding: 5px;
    margin: 0;
    overflow: auto;
    max-height: 300px;
}
.post img:hover {opacity:0.95;}
.author-info, .comment-info, .time-info {float:right;}
.time-info {margin-right:0}
h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {font-size: 30px; font-weight: 700; margin: 40px 0 0;}
.promo h1 {text-transform: none;}

.content-area {width: 67%;}
.sidebar-area{display: block;}


.sharepost li{    float: left;padding:0;list-style:none;}
.sharepost li a{    background: #eee;color: #333; float: left;line-height: 100%;margin: 0;padding: 15px 20px;transition: all .6s;border: 1px solid #ddd;}
.sharepost{overflow:hidden;  border-bottom: 1px solid;border-top: 1px solid;color: #ccc;padding: 10px 0;    margin-top: 20px;
}
.related-postbwrap{width: 100%; float: left; background: #fff;}
.related-postbwrap h4{color: #565656; font-size: 16px; font-weight: 700; margin-bottom: 10px; text-transform: capitalize; margin: 0; padding: 15px 0; text-align: center; border-bottom: 1px solid #eee;}
.related-post-style-2,.related-post-style-2 li{list-style:none;margin:0}
.related-post-style-2 li{overflow: hidden; line-height: .9; float: left; width: 100%;border-bottom: 1px solid #eee; padding-bottom: 15px; margin-bottom: 8px;}
.related-post-style-2 .related-post-item-thumbnail{width:90px;height:70px;max-width:none;max-height:none;background-color:transparent;border:none;float:left;margin:2px 10px 0 0;padding:0}
.related-post-style-2 .related-post-item-title{font-weight: 700; font-size: 17px; color: #333; font-family: Roboto;}
.related-post-style-2 .related-post-item-summary{font-size: 14px; font-weight: 400; line-height: 1.5;color: #555; padding: 5px 0; margin-bottom: 0; font-family: roboto;}
.related-post-item-more{font-size: 12px; font-family: &#39;Roboto&#39;, sans-serif; color: #555!important; font-weight: 600;}
.related-postbwrap ul {padding:10px 0 0;overflow: hidden;}
.related-post-style-2 li:last-child {border-bottom:0;padding-bottom:0;margin-bottom:0}

.promo-wrapper {height: 250px;background-position: 0px -263px;}
.promobg {height: 250px;}
#blog-pager {display: none;}
h1.post-title {height: auto;}

   </style></b:if>
<b:if cond='data:view.isMultipleItems'>
<style type='text/css'>
.post-outer{margin-bottom: 15px;display: inline-block;width: 30%;float: left;margin-right: 30px;}

.post {height: inherit;    position: relative;}
.breadcrumbs {margin-bottom:10px;}
.odd {margin-right:0;}
.post-body {
    display: none;
}

  </style></b:if>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<style>
h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {text-align: center;    color: #2D2D2D;z-index: 0;margin: 10px auto 20px;line-height: 1.3;}
.post h2{overflow:hidden}

.post{width:calc(100%);background-color:hsl(0, 0%, 100%);box-shadow:hsl(0, 0%, 80%) 0 0 16px;box-sizing:border-box;margin:15px;display:block;float:left;height:300px;flex-wrap:wrap;padding:0 0 20px;border-radius:4px}

.post h2{font-size:15px;font-weight:500;line-height:1.2em;margin:5px 0;vertical-align:bottom;max-width:100%;white-space:nowrap;text-overflow:ellipsis;padding:5px 20px}
.post h2 a{color:#000}

.sidebarbtop,.sidebar-wrapper,.sidebar-area,.sidebar-menu-open{display:none}

@media screen and (max-width:480px){
.img-home,.post{height:auto}
.post{width:100%;max-width:330px;}}

@media screen and (max-width:384px){
.post{width:100%;max-width:330px;}}
</style>
</b:if></b:if>
<script>
snippet_count = 160;
//<![CDATA[
function removeHtmlTag(n,e){if(-1!=n.indexOf("<")){for(var t=n.split("<"),i=0;i<t.length;i++)-1!=t[i].indexOf(">")&&(t[i]=t[i].substring(t[i].indexOf(">")+1,t[i].length));n=t.join("")}for(e=e<n.length-1?e:n.length-2;" "!=n.charAt(e-1)&&-1!=n.indexOf(" ",e);)e++;return n=n.substring(0,e-1),n+"..."}function createSnippet(n){var e=document.getElementById(n),t=snippet_count,i='<div class="snippets">'+removeHtmlTag(e.innerHTML,t)+"</div>";e.innerHTML=i}
//]]>
</script>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js'/>
<script type='text/javascript'>
var numposts = 5;
var showpostthumbnails = false;
var showpostdate = false;</script>
<script type='text/javascript'>
var relatedpoststitle=&quot;Related Posts&quot;;
</script>
<script type='text/javascript'>
//<![CDATA[
var relatedTitles=new Array();var relatedTitlesNum=0;var relatedUrls=new Array();function related_results_labels(c){for(var b=0;b<c.feed.entry.length;b++){var d=c.feed.entry[b];relatedTitles[relatedTitlesNum]=d.title.$t;for(var a=0;a<d.link.length;a++){if(d.link[a].rel=="alternate"){relatedUrls[relatedTitlesNum]=d.link[a].href;relatedTitlesNum++;break}}}}function removeRelatedDuplicates(){var b=new Array(0);var c=new Array(0);for(var a=0;a<relatedUrls.length;a++){if(!contains(b,relatedUrls[a])){b.length+=1;b[b.length-1]=relatedUrls[a];c.length+=1;c[c.length-1]=relatedTitles[a]}}relatedTitles=c;relatedUrls=b}function contains(b,d){for(var c=0;c<b.length;c++){if(b[c]==d){return true}}return false}function printRelatedLabels(a){for(var b=0;b<relatedUrls.length;b++){if(relatedUrls[b]==a){relatedUrls.splice(b,1);relatedTitles.splice(b,1)}}var c=Math.floor((relatedTitles.length-1)*Math.random());var b=0;if(relatedTitles.length>1){document.write("<h4>"+relatedpoststitle+"</h4>")}document.write("<ul>");while(b<relatedTitles.length&&b<20&&b<maxresults){document.write('<li><a href="'+relatedUrls[c]+'">'+relatedTitles[c]+"</a></li>");if(c<relatedTitles.length-1){c++}else{c=0}b++}document.write("</ul>");relatedUrls.splice(0,relatedUrls.length);relatedTitles.splice(0,relatedTitles.length)};
//]]>
</script>
 </head>
 <body>
<div class='top-header'>
<header id='main-header' itemscope='itemscope' itemtype='http://schema.org/WPHeader'>
<div class='wrapper'>
<div id='logo'>
 <b:section class='header' id='header' maxwidgets='1' name='Logo &amp; Title' showaddelement='no'>
   <b:widget id='Header1' locked='true' title='NQnia Demo 53 (Header)' type='Header' version='1'>
     <b:widget-settings>
       <b:widget-setting name='displayUrl'>https://3.bp.blogspot.com/-reuMOFIK5oE/XoSH9UP3ZQI/AAAAAAAAALA/5yxKFivxxb4q6hOYTCNx6Bbh5TbxbTK7ACK4BGAYYCw/s1600/mlk.png</b:widget-setting>
       <b:widget-setting name='displayHeight'>40</b:widget-setting>
       <b:widget-setting name='sectionWidth'>790</b:widget-setting>
       <b:widget-setting name='useImage'>true</b:widget-setting>
       <b:widget-setting name='shrinkToFit'>true</b:widget-setting>
       <b:widget-setting name='imagePlacement'>REPLACE</b:widget-setting>
       <b:widget-setting name='displayWidth'>245</b:widget-setting>
     </b:widget-settings>
     <b:includable id='main'>
                  <b:if cond='data:useImage'>
                     <b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>
                        <!--
                           Show image as background to text. You can't really calculate the width
                           reliably in JS because margins are not taken into account by any of
                           clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
                           width if the user is using shrink to fit.
                           This results in a margin-width's worth of pixels being cropped. If the
                           user is not using shrink to fit then we expand the header.
                           -->
                        <b:if cond='data:mobile'>
                           <div id='header-inner'>
                              <div class='titlewrapper' style='background: transparent'>
                                 <h1 class='title' style='background: transparent; border-width: 0px'>
                                    <b:include name='title'/>
                                 </h1>
                              </div>
                              <b:include name='description'/>
                           </div>
                           <b:else/>
                           <div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot;                      + &quot;background-position: &quot;                      + data:backgroundPositionStyleStr + &quot;; &quot;                      + data:widthStyleStr                      + &quot;min-height: &quot; + data:height                      + &quot;_height: &quot; + data:height                      + &quot;background-repeat: no-repeat; &quot;' id='header-inner'>
                              <div class='titlewrapper' style='background: transparent'>
                                 <h1 class='title' style='background: transparent; border-width: 0px'>
                                    <b:include name='title'/>
                                 </h1>
                              </div>
                              <b:include name='description'/>
                           </div>
                        </b:if>
                        <b:else/>
                        <!--Show the image only-->
                        <div id='header-inner'>
                           <h1><a expr:href='data:blog.homepageUrl' style='display: block'>
                              <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
                              </a>
                           </h1>
                           <!--Show the description-->
                           <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
                              <b:include name='description'/>
                           </b:if>
                        </div>
                     </b:if>
                     <b:else/>
                     <!--No header image -->
                     <div id='header-inner'>
                        <div class='titlewrapper'>
                           <h1 class='title'>
                              <b:include name='title'/>
                           </h1>
                        </div>
                        <b:include name='description'/>
                     </div>
                  </b:if>
               </b:includable>
     <b:includable id='description'>
                  <div class='descriptionwrapper'>
                     <p class='description'>
                        <span>
                           <data:description/>
                        </span>
                     </p>
                  </div>
               </b:includable>
     <b:includable id='title'>
                  <b:if cond='data:blog.pageType != &quot;item&quot;'>
                     <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
                        <h1 class='title'>
                           <a expr:href='data:blog.homepageUrl' expr:title='data:blog.title' itemprop='url'>
                              <span itemprop='name'><data:title/>
                              </span>
                           </a>
                        </h1>
                        <b:else/>
                        <h2 class='title'>
                           <a expr:href='data:blog.homepageUrl' expr:title='data:blog.title' itemprop='url'>
                              <span itemprop='name'>
                                 <data:title/>
                              </span>
                           </a>
                        </h2>
                     </b:if>
                     <b:else/>
                     <h2 class='title'>
                        <a expr:href='data:blog.homepageUrl' expr:title='data:blog.title' itemprop='url'>
                           <span itemprop='name'>
                              <data:title/>
                           </span>
                        </a>
                     </h2>
                  </b:if>
               </b:includable>
   </b:widget>
 </b:section>
</div>
<nav id='main-nav' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement' role='navigation'>
<div class='menu-main-nav-container'>
  <b:section class='menu' id='menu-main-nav'>
    <b:widget id='HTML1' locked='false' title='Header Menu' type='HTML'>
      <b:widget-settings>
        <b:widget-setting name='content'>&lt;li class=&#39;menu-item current-menu-item&#39;&gt;&lt;a href=&#39;/&#39;&gt;&lt;i class=&#39;fa fa-home&#39;/&gt; Home&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
&lt;li class=&#39;menu-item&#39;&gt;&lt;a href=&#39;/Template&#39;&gt;Magazine&lt;/a&gt;&lt;/li&gt;
&lt;li class=&#39;menu-item&#39;&gt;&lt;a href=&#39;/my&#39;&gt;Grid Style&lt;/a&gt;&lt;/li&gt;
&lt;li class=&#39;menu-item&#39;&gt;&lt;a href=&#39;/my&#39;&gt;List Sttyle&lt;/a&gt;&lt;/li&gt;
&lt;li class=&#39;menu-item&#39;&gt;&lt;a href=&#39;/my&#39;&gt;Safelink&lt;/a&gt;&lt;/li&gt;
&lt;li class=&#39;menu-item&#39;&gt;&lt;a href=&#39;/my&#39;&gt;Amp Html&lt;/a&gt;&lt;/li&gt;
&lt;li class=&#39;menu-item&#39;&gt;&lt;a href=&#39;/my&#39;&gt;Contact&lt;/a&gt;&lt;/li&gt;</b:widget-setting>
      </b:widget-settings>
      <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
    </b:widget>
  </b:section>
</div>
</nav>
</div>
</header>
</div>
<div class='clear'/>
<div class='promo-wrapper'>
<div class='promobg'>
<b:if cond='data:view.isPost and !data:view.isPage'>
<div class='promo'>
<h1 class='post-title entry-title'>
<data:blog.pageName/>
</h1>
  </div>
</b:if>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div class='promo'>
<h1>Collection of free and paid templates for <span>Blogger</span></h1>
<p>Chiase78 provides a high quality, responsive, beautiful Blogger template</p>
  <br/>
<center>
<div id='search-bar'>
<form action='/search' id='search-form' method='get'>
  <input id='sq' name='q' placeholder='ex: responsive, magazine, video...' type='text' value=''/>
  <input id='searchsubmit' type='submit' value=''/>
</form>
<span class='search-form-icon'><span class='fa fa-search'/></span>
</div>
</center>
  <br/>
<a class='button' href='/AllTemplate'>All Posts</a>

  </div>
</b:if>
</div></div>
   <div id='outer-wrapper'>
<div class='bwrapsite-content' id='bwrapcontent'>
<div class='content-area' id='primarybwrap'>
     <b:section class='main' id='main' showaddelement='no'>
       <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog' version='1'>
         <b:widget-settings>
           <b:widget-setting name='commentLabel'>Comment</b:widget-setting>
           <b:widget-setting name='showShareButtons'>true</b:widget-setting>
           <b:widget-setting name='authorLabel'>Tác giả -</b:widget-setting>
           <b:widget-setting name='disableGooglePlusShare'>true</b:widget-setting>
           <b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
           <b:widget-setting name='timestampLabel'>Thời gian -</b:widget-setting>
           <b:widget-setting name='reactionsLabel'>Bình Chọn:</b:widget-setting>
           <b:widget-setting name='showAuthorProfile'>false</b:widget-setting>
           <b:widget-setting name='style.layout'>1x1</b:widget-setting>
           <b:widget-setting name='showLocation'>false</b:widget-setting>
           <b:widget-setting name='showTimestamp'>true</b:widget-setting>
           <b:widget-setting name='postsPerAd'>1</b:widget-setting>
           <b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>
           <b:widget-setting name='showDateHeader'>true</b:widget-setting>
           <b:widget-setting name='style.textcolor'>#333333</b:widget-setting>
           <b:widget-setting name='showCommentLink'>true</b:widget-setting>
           <b:widget-setting name='style.urlcolor'>#333333</b:widget-setting>
           <b:widget-setting name='showAuthor'>true</b:widget-setting>
           <b:widget-setting name='style.linkcolor'>#cc6600</b:widget-setting>
           <b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>
           <b:widget-setting name='showLabels'>true</b:widget-setting>
           <b:widget-setting name='postLabelsLabel'>Nhãn :</b:widget-setting>
           <b:widget-setting name='showBacklinks'>false</b:widget-setting>
           <b:widget-setting name='showInlineAds'>false</b:widget-setting>
           <b:widget-setting name='showReactions'>false</b:widget-setting>
         </b:widget-settings>
         <b:includable id='main' var='top'>
                <b:if cond='data:mobile == &quot;false&quot;'>
                  <b:include data='top' name='status-message'/>
                  <!-- posts -->
                  <div class='blog-posts hfeed'>
<b:if cond='data:view.isPost'>
  <b:loop values='data:posts' var='post'>
 <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
<div class='date-outer'>
        


          <div class='date-posts panel-default'>
<div class='post-outer'>
<article class='post hentry'>
<a content='https://4.bp.blogspot.com/-VIRQGZ7c6HY/XAEdtT53JWI/AAAAAAAACDM/Rjcr366pxNocHS2A-WaxIc8ZggCz-v1RQCLcBGAs/s1600/Untitled.png'/>
<div style='clear: both;'/>
<a href='#' id='full-page-switch' onclick='document.getElementById(&apos;full-page-switch&apos;).style.display = &apos;none&apos;; document.getElementById(&apos;full-page-switch1&apos;).style.display = &apos;block&apos;'>Full Screen</a>
<a href='#' id='full-page-switch1' onclick='document.getElementById(&apos;full-page-switch&apos;).style.display = &apos;block&apos;; document.getElementById(&apos;full-page-switch1&apos;).style.display = &apos;none&apos;' style='display:none'>Exit Full Screen</a>
<div class='postdata'>
<h1 class='post-title entry-title'>
  <data:post.title/>
</h1>
<div style='clear: both;'/>
</div>

                          <meta expr:content='data:post.snippet' name='twitter:description'/>
                          <data:post.body/>
                      
<div class='sharepost'>
<ul>
<li><a expr:href='&quot;//twitter.com/share?url=&quot; + data:post.url' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' rel='nofollow' target='_blank' title='Twitter Tweet'><i class='fa fa-twitter'/></a></li>
<li><a expr:href='&quot;//www.facebook.com/sharer.php?u=&quot; + data:blog.url' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' rel='nofollow' target='_blank' title='Facebook Share'><i class='fa fa-facebook'/></a></li>
<li><a expr:href='&quot;https://wa.me/?text=&quot; + data:post.title + &quot;%20%2D%20&quot; + data:post.url' rel='nofollow' target='_blank' title='WhatsApp Share'><i class='fa fa-whatsapp'/></a></li>
<li><a expr:href='&quot;http://www.linkedin.com/shareArticle?mini=true&amp;url=&quot; + data:post.url' onclick='window.open(this.href,&apos;sharer&apos;, &apos;toolbar=0,scrollbars,status=0,width=626,height=436&apos;); return false;' target='_blank'><i class='fa fa-linkedin'/></a></li>
<li><a expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url + &quot;&amp;media=&quot; + data:post.thumbnailUrl + &quot;&amp;description=&quot; + data:post.title' target='_blank'><i class='fa fa-pinterest'/></a></li>
</ul>
</div>
<style>
#related-posts{float:left;width:100%;margin:10px;padding:1px 0 10px}
#related-posts .widget h2,#related-posts h3{font:18px Oswald;color:#000;text-transform:none;margin:0 0 10px;padding:0;font-weight:500}
#related-posts a{color:#0973CF;font:14px Arial,Sans-serif;}
#related-posts li{background:url(http://2.bp.blogspot.com/-EcBIblBtYTQ/TqALuRS_IzI/AAAAAAAAAx0/E-vzWTTOgXs/s1600/bullet-list.gif) no-repeat 0 10px;text-indent:0;line-height:1.3em;border-bottom:1px dotted #ccc;margin:0;padding:3px 0 8px 12px}
#related-posts a:hover{color:#c00;text-decoration:none}
#related-posts .widget{margin:0;padding:0}
#related-posts ul{list-style:none;margin:0;padding:0}
</style>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='related-postbwrap' id='bpostrelated-post'>
<b:loop values='data:post.labels' var='label'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:loop>
<script type='text/javascript'>
var maxresults=5;
removeRelatedDuplicates(); printRelatedLabels(&quot;<data:post.url/>&quot;);
</script>
</div>
<div class='clear'/>
<div style='clear: both;'/>
</b:if>
</article>

</div>
  </div>
        </div></div>  </b:loop></b:if>
                  

                    <data:defaultAdStart/>
                    <b:loop values='data:posts' var='post'>
<div class='post-outer'>
                        <b:include data='post' name='post'/>
              <b:include cond='data:blog.pageType in {&quot;static_page&quot;,&quot;item&quot;}' data='post' name='comment_picker'/>
                       </div>
    
                
                    </b:loop>
                    <data:adEnd/>
                  </div>
                  <!-- navigation -->
                  <b:if cond='data:blog.pageType == &quot;index&quot;'>
                    <b:include name='nextprev'/>
                    <b:else/>
                    <b:if cond='data:blog.pageType == &quot;archive&quot;'>
                      <b:include name='nextprev'/>
                    </b:if>
                  </b:if>
                  <!-- feed links -->
                  <b:include name='feedLinks'/>
                  <b:if cond='data:top.showStars'>
                    <script src='//www.google.com/jsapi' type='text/javascript'/>
                    <script type='text/javascript'>
                      google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
                      function initialize() {
                        google.annotations.setApplicationId(<data:top.blogspotReviews/>);
                        google.annotations.createAll();
                        google.annotations.fetch();
                      }
                      google.setOnLoadCallback(initialize);
                    </script>
                  </b:if>
                  <b:else/>
                  <b:include name='mobile-main'/>
                </b:if>
                <b:if cond='data:top.showDummy'>
                  <data:top.dummyBootstrap/>
                </b:if>
              </b:includable>
         <b:includable id='backlinkDeleteIcon' var='backlink'>
                <span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
                  <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
                    <img src='https://www.blogger.com/img/icon_delete13.gif'/>
                  </a>
                </span>
              </b:includable>
         <b:includable id='backlinks' var='post'>
                <a name='links'/>
                <h4>
                  <data:post.backlinksLabel/>
                </h4>
                <b:if cond='data:post.numBacklinks != 0'>
                  <dl class='comments-block' id='comments-block'>
                    <b:loop values='data:post.backlinks' var='backlink'>
                      <div class='collapsed-backlink backlink-control'>
                        <dt class='comment-title'>
                          <span class='backlink-toggle-zippy'>
                            &#160;
                          </span>
                          <a expr:href='data:backlink.url' rel='nofollow'>
                            <data:backlink.title/>
                          </a>
                          <b:include data='backlink' name='backlinkDeleteIcon'/>
                        </dt>
                        <dd class='comment-body collapseable'>
                          <data:backlink.snippet/>
                        </dd>
                        <dd class='comment-footer collapseable'>
                          <span class='comment-author'>
                            <data:post.authorLabel/>
                            <data:backlink.author/>
                          </span>
                          <span class='comment-timestamp'>
                            <data:post.timestampLabel/>
                            <data:backlink.timestamp/>
                          </span>
                        </dd>
                      </div>
                    </b:loop>
                  </dl>
                </b:if>
                <p class='comment-footer'>
                  <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + &quot;_backlinks-create-link&quot;' target='_blank'>
                    <data:post.createLinkLabel/>
                  </a>
                </p>
              </b:includable>
         <b:includable id='comment-form' var='post'>
  <div class='comment-form'>
    <b:if cond='data:mobile'>
      <h4 id='comment-post-message'>
        <a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
    <b:else/>
      <h4 id='comment-post-message'><data:postCommentMsg/></h4>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
    </b:if>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;);
    </script>
  </div>
</b:includable>
         <b:includable id='commentDeleteIcon' var='comment'>
  <span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
    <b:if cond='data:showCmtPopup'>
      <div class='goog-toggle-button'>
        <div class='goog-inline-block comment-action-icon'/>
      </div>
    <b:else/>
      <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
        <img src='https://resources.blogblog.com/img/icon_delete13.gif'/>
      </a>
    </b:if>
  </span>
</b:includable>
         <b:includable id='comment_count_picker' var='post'>
  <b:if cond='data:post.commentSource == 1'>
    <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url' expr:data-url='data:post.url.canonical.http'>
    </span>
  <b:else/>
    <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
      <data:post.commentLabelFull/>:
    </a>
  </b:if>
</b:includable>
         <b:includable id='comment_picker' var='post'>
  <b:if cond='data:post.commentSource == 1'>
    <b:include data='post' name='iframe_comments'/>
  <b:elseif cond='data:post.showThreadedComments'/>
    <b:include data='post' name='threaded_comments'/>
  <b:else/>
    <b:include data='post' name='comments'/>
  </b:if>
</b:includable>
         <b:includable id='comments' var='post'>
   <div class='comments-line'>
      <span class='comments-info-th'>
      Please write your comments
      </span>
   </div>
   <div class='comments' id='comments'>
   <b:if cond='data:post.allowComments'>
      <b:if cond='data:post.numComments != 0'>
         <h3>
            <b:if cond='data:post.numComments == 1'>
               1 
               <data:commentLabel/>
               <b:else/>
               <data:post.numComments/>
               <data:commentLabelPlural/>
            </b:if>
         </h3>
      </b:if>
      <b:if cond='data:post.commentPagingRequired'>
         <span class='paging-control-container'>
            <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
               <data:post.oldestLinkText/>
            </a>
            &#160;
            <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
               <data:post.olderLinkText/>
            </a>
            &#160;
            <data:post.commentRangeText/>
            &#160;
            <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
               <data:post.newerLinkText/>
            </a>
            &#160;
            <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
               <data:post.newestLinkText/>
            </a>
         </span>
      </b:if>
      <div class='clear'/>
      <div id='comment_block'>
      <b:loop values='data:post.comments' var='comment'>
         <div class='data:comment.adminClass' expr:id='data:comment.anchorName'>
         <b:if cond='data:post.adminClass == data:comment.adminClass'>
            &lt;div class=&#39;comment_inner comment_admin&#39;&gt;
            <b:else/>
            &lt;div class=&#39;comment_inner&#39;&gt;
         </b:if>
         <div class='comment_header'>
         <div class='comment_avatar_wrap'>
            <div class='comment_avatar'>
               <img alt='avatar' expr:src='data:comment.authorAvatarSrc' expr:title='data:comment.author'/>
            </div>
            <a class='comment_reply' expr:href='&quot;#r_&quot;+data:comment.anchorName' expr:id='&quot;r&quot;+data:comment.anchorName' onclick='javascript:Display_Reply_Form(this)' title='Balas'>Balas</a>
         </div>
         <div class='clear'/>
         </div>
         <div class='comment_body'>
         <span class='comment_arrow'/>
         <div class='comment_name'>
            <b:if cond='data:comment.authorUrl'>
               <a expr:href='data:comment.authorUrl' expr:title='data:comment.author' rel='nofollow noopener' target='_blank'>
                  <data:comment.author/>
               </a>
               <b:else/>
               <data:comment.author/>
            </b:if>
            <b:if cond='data:comment.author == data:post.author'>
               <span class='comment_author_flag'/>
            </b:if>
            <span class='comment_service'>
               <a class='comment-delete' expr:href='&quot;https://www.blogger.com/delete-comment.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + data:comment.id' expr:title='data:top.deleteCommentMsg'>
               <img alt='delete' src='https://2.bp.blogspot.com/-d-5BS0YCkho/UOKe2UIw0rI/AAAAAAAAC4w/md_iYNVHaHk/s1600/delete4.png' title='Hapus Komentar'/>
               </a>                
               <span class='comment_date'>
                  <a expr:href='data:comment.url' rel='nofollow noopener' title='comment permalink'>
                     <data:comment.timestamp/>
                  </a>
               </span>
            </span>
         </div>
         <b:if cond='data:comment.isDeleted'>
            <span class='deleted-comment'>
               <data:comment.body/>
            </span>
            <b:else/>
            <p>
               <data:comment.body/>
            </p>
            <div class='clear'/>
         </b:if>
         </div>
         <div class='clear'/>
         &lt;/div&gt;
         <div class='clear'/>
         <div class='comment_child'/>
            <div class='comment_reply_form' expr:id='&quot;r_f_&quot;+data:comment.anchorName'/>
            </div>
      </b:loop>
      </div>
      <div class='clear'/>
      <b:if cond='data:post.commentPagingRequired'>
         <span class='paging-control-container'>
            <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
               <data:post.oldestLinkText/>
            </a>
            &#160;
            <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
               <data:post.olderLinkText/>
            </a>
            &#160;
            <data:post.commentRangeText/>
            &#160;
            <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
               <data:post.newerLinkText/>
            </a>
            &#160;
            <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
               <data:post.newestLinkText/>
            </a>
         </span>
      </b:if>
      <div class='clear'/>
         <div class='comment_form'>
            <b:if cond='data:post.embedCommentForm'>
               <b:if cond='data:post.allowNewComments'>
                  <b:include data='post' name='threaded-comment-form'/>
                  <b:else/>
                  <data:post.noNewCommentsText/>
               </b:if>
               <b:else/>
               <b:if cond='data:post.allowComments'>
                  <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' expr:title='data:postCommentMsg'>
                     <data:postCommentMsg/>
                  </a>
               </b:if>
            </b:if>
         </div>
   </b:if>
   </div>
   <script type='text/javascript'>
      //<![CDATA[
      if (typeof(jQuery) == 'undefined') {
      //output the script (load it from google api)
      document.write("<scr" + "ipt type=\"text/javascript\" src=\"https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js\"></scr" + "ipt>");
      }
      //]]>
   </script>
   <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
      <script type='text/javascript'>
        <b:if cond='data:post.numComments != 0'>
             var Items = <data:post.commentJso/>;
             var Msgs = <data:post.commentMsgs/>;
             var Config = <data:post.commentConfig/>;
            <b:else/>
             var Items = {};
             var Msgs = {};
             var Config = {&#39;maxThreadDepth&#39;:&#39;0&#39;};
            </b:if>
           //<![CDATA[
           //Global setting
            Config.maxThreadDepth = 6;//Kedalaman tingkat threaded comment
            Display_Emo = true;//Tampilkan emoticon? ketik "false" untuk menyembunyikan
            Replace_Youtube_Link = false;//Embed video YouTube, ketik "false" untuk mendisable
            Replace_Image_Link = false;//Auto replace link image,  ketik "false" untuk mendisable.
                                    Replace_Force_Tag = false;//Auto replace virtual tag contoh: [pre] menjadi <pre>, dan [/pre] menjadi </pre>, apabila salah menulis, tidak akan berfungsi
            Replace_Image_Ext = ['JPG', 'GIF', 'PNG', 'BMP'];//(support: jpg, gif, png, bmp),hanya berfungsi apabila Replace_Image_Link=true
            //Pengaturan Emoticon
            Emo_List = [
      ':)'  	,'https://twemoji.maxcdn.com/36x36/1f600.png',
      ':('  	,'https://twemoji.maxcdn.com/36x36/1f615.png',
      'hihi'  ,'https://twemoji.maxcdn.com/36x36/1f601.png',
      ':-)'  	,'https://twemoji.maxcdn.com/36x36/1f60f.png',
      ':D'  	,'https://twemoji.maxcdn.com/36x36/1f603.png',
      '=D'  	,'https://twemoji.maxcdn.com/36x36/1f62c.png',
      ':-d'  	,'https://twemoji.maxcdn.com/36x36/1f604.png',
      ';('  	,'https://twemoji.maxcdn.com/36x36/1f61e.png',
      ';-('  	,'https://twemoji.maxcdn.com/36x36/1f62d.png',
      '@-)'   ,'https://twemoji.maxcdn.com/36x36/1f616.png',
      ':P'  	,'https://twemoji.maxcdn.com/36x36/1f61c.png',
      ':o'	,'https://twemoji.maxcdn.com/36x36/1f62e.png',     
      ':&gt;)','https://twemoji.maxcdn.com/36x36/1f606.png',     
      '(o)'	,'https://twemoji.maxcdn.com/36x36/1f609.png',     
      ':p'	,'https://twemoji.maxcdn.com/36x36/1f614.png',     
      '(p)'	,'https://twemoji.maxcdn.com/36x36/1f619.png', 
      ':-s'	,'https://twemoji.maxcdn.com/36x36/1f625.png',
      '(m)'	,'https://twemoji.maxcdn.com/36x36/1f620.png',
      '8-)'	,'https://twemoji.maxcdn.com/36x36/1f60e.png',
      ':-t'	,'https://twemoji.maxcdn.com/36x36/1f624.png',
      ':-b'	,'https://twemoji.maxcdn.com/36x36/1f634.png',
      'b-('	,'https://twemoji.maxcdn.com/36x36/1f635.png',
      ':-#'	,'https://twemoji.maxcdn.com/36x36/1f637.png',
      '=p~'	,'https://twemoji.maxcdn.com/36x36/1f35c.png',
      'x-)'	,'https://twemoji.maxcdn.com/36x36/1f60d.png',
      '(k)'	,'https://twemoji.maxcdn.com/36x36/1f496.png',
            ];
                                    Force_Tag = [
                                        '[pre]','<pre>',
                                        '[/pre]','</pre>',
                                        '<pre class="brush: plain; title: ; notranslate" title="">','&lt;code&gt;',
                                        '</pre>','</code>'
                                    ];
      eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('3 q=\'.W\';3 1a=$(\'#N-Y\').B(\'y\');u 1w(H){3 1h=\' \\n\\r\\t\\f\\2p\\1S\\1T\\1U\\24\\25\\26\\27\\2e\\2h\\2k\\2m\\2n\\2u\\2y\\2z\\2A\\2F\\1L\\1N\\1O\\1P\\1Q\';G(3 i=0;i<H.5;i++){b(1h.g(H.1V(i))!=-1){H=H.d(0,i);11}}C H}$(\'#28 .1B p\').k(u(D,7){b(2r){3 m=\'1g://13.Z.X/1t?v=\';3 8=7.g(m);F(8!=-1){1H=7.d(8);K=1w(1H);3 1c=K.g(\'&\');3 T=\'\';b(1c==-1){T=K.d(m.5)}1e{T=K.d(m.5,1c)}3 1j=\'<1k I="1W" y="1g://13.Z.X/1X/\'+T+\'?1Y=1" 20="0" 21></1k>\';7=7.d(0,8)+1j+7.d(8+K.5);8=7.g(m);b(8==-1){m=\'22://13.Z.X/1t?v=\';8=7.g(m)}}}b(23){3 1d=\'\';3 x=7;G(3 i=0;i<1z.5;i++){3 m=\'.\'+1z[i];3 o=x.E();3 8=o.g(m);F(8!=-1){l=x.d(0,8+m.5);o=l.E();3 w=\'2j://\';3 z=o.g(w);3 L=\'\';F(z!=-1){L=w.R();l=l.d(z+w.5);o=l.E();z=o.g(w)}w=\'1K://\';o=l.E();z=o.g(w);F(z!=-1){L=w.R();l=l.d(z+w.5);o=l.E();z=o.g(w)}b(L==\'\'||l.5<6){11}l=L+l;1d+=x.d(0,8+m.5-l.5)+\'<S y="\'+l+\'" I="2s"/>\';x=x.d(8+m.5);o=x.E();8=o.g(m)}}7=1d+x}b(1m){3 5=A.5;b(5%2==1){5--}G(3 i=0;i<5;i+=2){3 V=\'<S y="\'+A[i+1]+\'" I="1x"/>\';8=7.g(A[i]);F(8!=-1){7=7.d(0,8)+V+7.d(8+A[i].5);8=7.g(A[i])}}}b(2G){3 5=U.5;b(5%2==1){5--}G(3 i=0;i<5;i+=2){F(1){3 x=7.R();8=x.g(U[i]);b(8!=-1){7=7.d(0,8)+U[i+1]+7.d(8+U[i].5)}1e{11}}}}C 7});$(\'.1M\').k(u(D,7){b(1m){3 5=A.5;b(5%2==1){5--}3 15=\'\';G(3 i=0;i<5;i+=2){3 1C=\'<1F>\'+A[i]+\'</1F>\';3 V=\'<S y="\'+A[i+1]+\'" I="1x"/>\';15+=\'<M I="1R">\'+V+1C+\'</M>\'}C 15}});$(\'.1f .1B p\').k(u(i,h){10=h.R();D=10.g(\'@<a 12="#c\');b(D!=-1){14=10.g(\'</a>\',D);b(14!=-1){h=h.d(0,D)+h.d(14+4)}}C h});u 1l(j){r=j.g(\'c\');b(r!=-1)j=j.d(r+1);C j}u 1n(j){j=\'&1Z=\'+j+\'#%1o\';1p=1a.1q(/#%1o/,j);C 1p}u 1r(){k=$(q).k();$(q).k(\'\');q=\'.W\';$(q).k(k);$(\'#N-Y\').B(\'y\',1a)}u 1s(e){j=$(e).B(\'16\');j=1l(j);k=$(q).k();b(q==\'.W\'){1u=\'<a 12="#1v" 29="1r()">\'+2a.2b+\'</a><a 2c="1v"/>\';$(q).k(1u)}1e{$(q).k(\'\')}q=\'#2d\'+j;$(q).k(k);$(\'#N-Y\').B(\'y\',1n(j))}17=2f.2g.12;18=\'#N-2i\';19=17.g(18);b(19!=-1){1y=17.d(19+18.5);1s(\'#2l\'+1y)}G(3 i=0;i<O.5;i++){b(\'1A\'2o O[i]){3 j=O[i].1A;3 1b=2q($(\'#c\'+j+\':P\').B(\'1D-1E\'));$(\'#c\'+j+\' .2t:P\').k(u(D,7){3 J=O[i].16;b(1b>=2v.2w){$(\'#c\'+J+\':P .2x\').1G()}3 Q=$(\'#c\'+J+\':P\').k();Q=\'<M I="1f" 16="c\'+J+\'" 1D-1E="\'+(1b+1)+\'">\'+Q+\'</M>\';$(\'#c\'+J).1G();C(7+Q)})}}3 1I=$("#2B");1I.2C(\'.2D S\').2E(u(){3 1J=$(1i).B(\'y\');$(1i).2H().B(\'y\',1J.1q(/\\/s[0-9]+(\\-c)?\\//,"/2I-c/"))});',62,169,'|||var||length||oldhtml|check_index|||if||substring|||indexOf|||par_id|html|img_src|search_key||upper_html||Cur_Cform_Hdr||||function||http_search|temp_html|src|find_http|Emo_List|attr|return|index|toUpperCase|while|for|str|class|child_id|yt_link|save_http|div|comment|Items|first|child_html|toLowerCase|img|yt_code|Force_Tag|img_html|comment_form|com|editor|youtube|temp|break|href|www|index_tail|newhtml|id|cur_url|search_formid|search_index|Cur_Cform_Url|par_level|yt_code_index|save_html|else|comment_wrap|http|whitespace|this|yt_video|iframe|Valid_Par_Id|Display_Emo|Cform_Ins_ParID|7B|n_cform_url|replace|Reset_Comment_Form|Display_Reply_Form|watch|reset_html|origin_cform|trim|comment_emo|ret_id|Replace_Image_Ext|parentId|comment_body|img_code|data|level|span|remove|ht|avatar|ava|HTTPS|u200a|comment_emo_list|u200b|u2028|u2029|u3000|item|x5d|x7c|x7d|charAt|comment_youtube|embed|autohide|parentID|frameborder|allowfullscreen|https|Replace_Image_Link|x3c|x3e|x0b|xa0|comment_block|onclick|Msgs|addComment|name|r_f_c|u2000|window|location|u2001|form_|HTTP|u2002|rc|u2003|u2004|in|x5b|parseInt|Replace_Youtube_Link|comment_img|comment_child|u2005|Config|maxThreadDepth|comment_reply|u2006|u2007|u2008|comments|find|comment_avatar|each|u2009|Replace_Force_Tag|show|s45'.split('|'),0,{}));
      //]]>
   </script>
</b:includable>
         <b:includable id='feedLinks'>
                <b:if cond='data:blog.pageType != &quot;item&quot;'>
                  <!-- Blog feed links -->
                  <b:if cond='data:feedLinks'>
                    <div class='blog-feeds'>
                      <b:include data='feedLinks' name='feedLinksBody'/>
                    </div>
                  </b:if>
                  <b:else/>
                  <!--Post feed links -->
                  <div class='post-feeds'>
                    <b:loop values='data:posts' var='post'>
                      <b:if cond='data:post.allowComments'>
                        <b:if cond='data:post.feedLinks'>
                          <b:include data='post.feedLinks' name='feedLinksBody'/>
                        </b:if>
                      </b:if>
                    </b:loop>
                  </div>
                </b:if>
              </b:includable>
         <b:includable id='feedLinksBody' var='links'>
                <div class='feed-links'>
                  <data:feedLinksMsg/>
                  <b:loop values='data:links' var='f'>
                    <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'>
                      <data:f.name/>
                      (
                      <data:f.feedType/>
                      )
                    </a>
                  </b:loop>
                </div>
              </b:includable>
         <b:includable id='iframe_comments' var='post'>
  <b:if cond='data:post.allowComments'>
    <script expr:src='data:post.commentSrc' type='text/javascript'/>
    <div class='cmt_iframe_holder'/>
    <b:if cond='data:post.embedCommentForm == &quot;false&quot;'>
      <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
    </b:if>
  </b:if>
</b:includable>
         <b:includable id='mobile-index-post' var='post'>
                <div class='mobile-date-outer date-outer'>
                  <b:if cond='data:post.dateHeader'>
                    <div class='date-header'>
                      <span>
                        <data:post.dateHeader/>
                      </span>
                    </div>
                  </b:if>
                  <div class='mobile-post-item'>
                    <a expr:href='data:post.url'>
                      <h3 class='mobile-index-title entry-title' itemprop='name'>
                        <data:post.title/>
                      </h3>
                      <div class='mobile-index-arrow'>
                        &amp;rsaquo;
                      </div>
                      <div class='mobile-index-contents'>
                        <b:if cond='data:post.thumbnailUrl'>
                          <div class='mobile-index-thumbnail'>
                            <div class='Image'>
                              <img expr:src='data:post.thumbnailUrl'/>
                            </div>
                          </div>
                        </b:if>
                        <div class='post-body'>
                          <b:if cond='data:post.snippet'>
                            <data:post.snippet/>
                          </b:if>
                        </div>
                      </div>
                      <div style='clear: both;'/>
                    </a>
                    <div class='mobile-index-comment'>
                      <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
                        <b:if cond='data:post.allowComments'>
                          <b:if cond='data:post.numComments != 0'>
                            <b:include data='post' name='comment_count_picker'/>
                          </b:if>
                        </b:if>
                      </b:if>
                    </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 == &quot;index&quot;'>
                    <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 style='clear: both;'/>
                <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 + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>
                        &amp;lsaquo;
                      </a>
                    </div>
                  </b:if>
                  <b:if cond='data:olderPageUrl'>
                    <div class='mobile-link-button' id='blog-pager-older-link'>
                      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'>
                        &amp;rsaquo;
                      </a>
                    </div>
                  </b:if>
                  <div class='mobile-link-button' id='blog-pager-home-link'>
                    <a class='home-link' expr:href='data:blog.homepageUrl'>
                      <data:homeMsg/>
                    </a>
                  </div>
                  <div class='mobile-desktop-link'>
                    <a class='home-link' expr:href='data:desktopLinkUrl'>
                      <data:desktopLinkMsg/>
                    </a>
                  </div>
                </div>
                <div class='clear'/>
              </b:includable>
         <b:includable id='mobile-post' var='post'>
                <div class='date-outer'>
                  <b:if cond='data:post.dateHeader'>
                    <h2 class='date-header'>
                      <span>
                        <data:post.dateHeader/>
                      </span>
                    </h2>
                  </b:if>
                  <div class='date-posts'>
                    <div class='post-item'>
                      <div class='post hentry uncustomized-post-template' itemscope='' itemtype='http://schema.org/BlogPosting'>
                        <b:if cond='data:post.thumbnailUrl'>
                          <meta expr:content='data:post.thumbnailUrl' itemprop='image'/>
                        </b:if>
                        <meta expr:content='data:blog.blogId' itemprop='blogId'/>
                        <meta expr:content='data:post.id' itemprop='postId'/>
                        <a expr:name='data:post.id'/>
                        <b:if cond='data:post.title'>
                          <h3 class='post-title entry-title' itemprop='headline'>
                            <b:if cond='data:post.link'>
                              <a expr:href='data:post.link'>
                                <data:post.title/>
                              </a>
                              <b:else/>
                              <b:if cond='data:post.url'>
                                <b:if cond='data:blog.url != data:post.url'>
                                  <a expr:href='data:post.url'>
                                    <data:post.title/>
                                  </a>
                                  <b:else/>
                                  <data:post.title/>
                                </b:if>
                                <b:else/>
                                <data:post.title/>
                              </b:if>
                            </b:if>
                          </h3>
                        </b:if>
                        <div class='post-header'>
                          <div class='post-header-line-1'/>
                        </div>
                        <div class='post-body entry-content' itemprop='articleBody'>
                          <data:post.body/>
                          <div style='clear: both;'/>
                          <!-- clear for photos floats -->
                        </div>
                        <div class='post-footer'>
                          <div class='post-footer-line post-footer-line-1'>
                            <span class='post-author vcard'>
                              <b:if cond='data:top.showAuthor'>
                                <b:if cond='data:post.authorProfileUrl'>
                                  <span class='fn' itemprop='author' itemscope='' itemtype='http://schema.org/Person'>
                                    <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
                                    <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
                                      <span itemprop='name'>
                                        <data:post.author/>
                                      </span>
                                    </a>
                                  </span>
                                  <b:else/>
                                  <span class='fn' itemprop='author' itemscope='' itemtype='http://schema.org/Person'>
                                    <span itemprop='name'>
                                      <data:post.author/>
                                    </span>
                                  </span>
                                </b:if>
                              </b:if>
                            </span>
                            <span class='post-timestamp'><i class='fa fa-calendar'/>
                              <b:if cond='data:top.showTimestamp'>
                                <b:if cond='data:post.url'>
                                  <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
                                  <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='timeago' expr:title='data:post.timestampISO8601' itemprop='datePublished' style='color:#333'><data:post.dateHeader/></abbr></a>
                                </b:if>
                              </b:if>
                            </span>
                            <span class='post-comment-link'>
                              <b:if cond='data:blog.pageType != &quot;item&quot;'>
                                <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
                                  <b:if cond='data:post.allowComments'>
                                    <b:include data='post' name='comment_count_picker'/>
                                  </b:if>
                                </b:if>
                              </b:if>
                            </span>
                          </div>
                          <div class='post-footer-line post-footer-line-2'>
                            <b:if cond='data:top.showMobileShare'>
                              <div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
                                <a href='javascript:void(0);'>
                                  <data:shareMsg/>
                                </a>
                              </div>
                            </b:if>
                            <b:if cond='data:top.showDummy'>
                              <div class='goog-inline-block dummy-container'>
                                <data:post.dummyTag/>
                              </div>
                            </b:if>
                          </div>
                        </div>
                      </div>
                      <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
                        <b:include data='post' name='comment_picker'/>
                      </b:if>
                      <b:if cond='data:blog.pageType == &quot;item&quot;'>
                        <b:include data='post' name='comment_picker'/>
                      </b:if>
                    </div>
                  </div>
                </div>
              </b:includable>
         <b:includable id='nextprev'>
<div style='clear: both;'/>
                <div class='blog-pager' id='blog-pager'>
                  <b:if cond='data:newerPageUrl'>
                    <span id='blog-pager-newer-link'>
                      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'/>
                    </span>
                  </b:if>
                  <b:if cond='data:olderPageUrl'>
                    <span id='blog-pager-older-link'>
                      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'/>
                    </span>
                  </b:if>
                  <a class='home-link' expr:href='data:blog.homepageUrl'><i class='fa fa-home'/></a>
                  <b:if cond='data:mobileLinkUrl'>
                    <div class='blog-mobile-link'>
                      <a expr:href='data:mobileLinkUrl'><i class='fa fa-home'/></a>
                    </div>
                  </b:if>
                </div>
                <div class='clear'/>
              </b:includable>
         <b:includable id='post' var='post'>
           
<b:if cond='data:view.isMultipleItems'>
<article class='post hentry'>
<span class='natata'/>
<span class='netete'/>
<span class='nototo'/>
<span class='nututu'/>
<b:if cond='data:post.firstImageUrl'>
<a expr:href='data:post.url' expr:title='data:post.title'><div class='format-image hentry post-image post-format-image'>
<img expr:alt='data:post.title' expr:src='data:post.firstImageUrl' expr:title='data:post.title' height='72' itemprop='image' width='72'/></div>
</a>
<b:else/>
<a expr:href='data:post.url' expr:title='data:post.title'><div class='format-image hentry post-image post-format-image'>
<img expr:alt='data:post.title' expr:title='data:post.title' height='72' itemprop='image' src='https://2.bp.blogspot.com/-5CVJZrgTpRo/WViQ6OMTo8I/AAAAAAAADUM/qGAf9uDMvoEdzvGCdvWrpN4POqJCU-MKACLcBGAs/s1600/nomge.png' width='72'/></div>
</a>
</b:if>
<div style='clear: both;'/>
<div class='postdata'>
  <a expr:name='data:post.id'/>
               <b:if cond='data:post.title'>
                 <h2 class='post-title entry-title'>
                   <a expr:href='data:post.url' rel='bookmark' title='permanent link'><data:post.title/></a>
                 </h2>
               </b:if>
<div class='postdata2'>
<a expr:href='data:post.url' expr:title='data:post.title'><button class='readmore3'><span>View Detail <i aria-hidden='true' class='fa fa-angle-right'/></span></button></a>
</div>
<div style='clear: both;'/>
</div>
  <div class='post-body entry-content'>
                 <data:post.body/>
               </div>
<div style='clear: both;'/>
  </article></b:if>
   
                <div class='clear'/>

                <div class='clear'/>

                <div class='clear'/>
                <div id='show-comments'/>
                <b:if cond='data:blog.url == data:post.url'>
                  <!--<div class='fb-quote'/>-->
                  
                </b:if>
                <div class='clear'/>
              </b:includable>
         <b:includable id='postQuickEdit' var='post'>
                <b:if cond='data:post.editUrl'>
                  <span expr:class='&quot;item-control &quot; + data:post.adminClass'>
                    <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
                      <b style='color: #dd4b39;margin-left: 5px;'>
                        <i class='fa fa-pencil'/>
                        Edit
                      </b>
                    </a>
                  </span>
                </b:if>
              </b:includable>
         <b:includable id='shareButtons' var='post'>
              </b:includable>
         <b:includable id='status-message'>
                <b:if cond='data:navMessage'>
                  <div class='status-msg-wrap'>
                    <div class='status-msg-body'>
                      <data:navMessage/>
                    </div>
                    <div class='status-msg-border'>
                      <div class='status-msg-bg'>
                        <div class='status-msg-hidden'><data:navMessage/></div>
                      </div>
                    </div>
                  </div>
                  <div style='clear: both;'/>
                </b:if>
              </b:includable>
         <b:includable id='threaded-comment-form' var='post'>
   <div class='comment-form'>
   <b:if cond='data:mobile'>
      <p>
         <data:blogCommentMessage/>
      </p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
      <b:else/>
      <p>
         <data:blogCommentMessage/>
      </p>
      <div id='emo-box'>
         <div class='comment_emo_list'/></div>
         <data:blogTeamBlogMessage/>
         <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
         <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
   </b:if>
   <data:post.friendConnectJs/>
   <data:post.cmtfpIframe/>
   <script type='text/javascript'>
      BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;);
   </script>
   </div>
</b:includable>
         <b:includable id='threaded_comment_js' var='post'>
  <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
  <script type='text/javascript'>
    (function() {
      var items = <data:post.commentJso/>;
      var msgs = <data:post.commentMsgs/>;
      var config = <data:post.commentConfig/>;
//<![CDATA[
      var cursor = null;
      if (items && items.length > 0) {
        cursor = parseInt(items[items.length - 1].timestamp) + 1;
      }
      var bodyFromEntry = function(entry) {
        if (entry.gd$extendedProperty) {
          for (var k in entry.gd$extendedProperty) {
            if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
              return '<span class="deleted-comment">' + entry.content.$t + '</span>';
            }
          }
        }
        return entry.content.$t;
      }
      var parse = function(data) {
        cursor = null;
        var comments = [];
        if (data && data.feed && data.feed.entry) {
          for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
            var comment = {};
            // comment ID, parsed out of the original id format
            var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
            comment.id = id ? id[2] : null;
            comment.body = bodyFromEntry(entry);
            comment.timestamp = Date.parse(entry.published.$t) + '';
            if (entry.author && entry.author.constructor === Array) {

              var auth = entry.author[0];
              if (auth) {
                comment.author = {
                  name: (auth.name ? auth.name.$t : undefined),
                  profileUrl: (auth.uri ? auth.uri.$t : undefined),
                  avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
                };
              }
            }
            if (entry.link) {
              if (entry.link[2]) {
                comment.link = comment.permalink = entry.link[2].href;
              }
              if (entry.link[3]) {
                var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
                if (pid && pid[1]) {
                  comment.parentId = pid[1];
                }
              }
            }
            comment.deleteclass = 'item-control blog-admin';
            if (entry.gd$extendedProperty) {
              for (var k in entry.gd$extendedProperty) {
                if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
                  comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
                } else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
                  comment.displayTime = entry.gd$extendedProperty[k].value;
                }
              }
            }
            comments.push(comment);
          }
        }
        return comments;
      };
      var paginator = function(callback) {
        if (hasMore()) {
          var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
          if (cursor) {
            url += '&published-min=' + new Date(cursor).toISOString();
          }
          window.bloggercomments = function(data) {
            var parsed = parse(data);
            cursor = parsed.length < 50 ? null
                : parseInt(parsed[parsed.length - 1].timestamp) + 1
            callback(parsed);
            window.bloggercomments = null;
          }
          url += '&callback=bloggercomments';
          var script = document.createElement('script');
          script.type = 'text/javascript';
          script.src = url;
          document.getElementsByTagName('head')[0].appendChild(script);
        }
      };
      var hasMore = function() {
        return !!cursor;
      };
      var getMeta = function(key, comment) {
        if ('iswriter' == key) {
          var matches = !!comment.author

              && comment.author.name == config.authorName
              && comment.author.profileUrl == config.authorUrl;
          return matches ? 'true' : '';
        } else if ('deletelink' == key) {
          return config.baseUri + '/delete-comment.g?blogID='
               + config.blogId + '&postID=' + comment.id;
        } else if ('deleteclass' == key) {
          return comment.deleteclass;
        }
        return '';
      };
      var replybox = null;
      var replyUrlParts = null;
      var replyParent = undefined;
      var onReply = function(commentId, domId) {
        if (replybox == null) {
          // lazily cache replybox, and adjust to suit this style:
          replybox = document.getElementById('comment-editor');
          if (replybox != null) {
            replybox.height = '250px';
            replybox.style.display = 'block';
            replyUrlParts = replybox.src.split('#');
          }
        }
        if (replybox && (commentId !== replyParent)) {
          replybox.src = '';
          document.getElementById(domId).insertBefore(replybox, null);
          replybox.src = replyUrlParts[0]
              + (commentId ? '&parentID=' + commentId : '')
              + '#' + replyUrlParts[1];
          replyParent = commentId;
        }
      };
      var hash = (window.location.hash || '#').substring(1);
      var startThread, targetComment;
      if (/^comment-form_/.test(hash)) {
        startThread = hash.substring('comment-form_'.length);
      } else if (/^c[0-9]+$/.test(hash)) {
        targetComment = hash.substring(1);
      }
      // Configure commenting API:
      var configJso = {
        'maxDepth': config.maxThreadDepth
      };
      var provider = {
        'id': config.postId,
        'data': items,
        'loadNext': paginator,
        'hasMore': hasMore,
        'getMeta': getMeta,
        'onReply': onReply,
        'rendered': true,
        'initComment': targetComment,
        'initReplyThread': startThread,
        'config': configJso,
        'messages': msgs
      };
      var render = function() {
        if (window.goog && window.goog.comments) {
          var holder = document.getElementById('comment-holder');
          window.goog.comments.render(holder, provider);
        }
      };
      // render now, or queue to render when library loads:
      if (window.goog && window.goog.comments) {
        render();
      } else {
        window.goog = window.goog || {};
        window.goog.comments = window.goog.comments || {};
        window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
        window.goog.comments.loadQueue.push(render);
      }
    })();
//]]>
</script>
</b:includable>
         <b:includable id='threaded_comments' var='post'>
  <div class='comments' id='comments'>
    <a name='threaded_comments'/>
    <h4><data:post.commentLabelFull/></h4>
    <div class='comments-content'>
      <b:include cond='data:post.embedCommentForm' data='post' name='threaded_comment_js'/>
      <div id='comment-holder'>
        <data:post.commentHtml/>
      </div>
    </div>
    <p class='comment-footer'>
      <b:if cond='data:post.allowNewComments'>
        <b:include data='post' name='threaded-comment-form'/>
        <b:else/>
        <data:post.noNewCommentsText/>
      </b:if>
    </p>
    <b:if cond='data:showCmtPopup'>
      <div id='comment-popup'>
        <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
        </iframe>
      </div>
    </b:if>
    <div id='backlinks-container'>
      <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
        <b:include cond='data:post.showBacklinks' data='post' name='backlinks'/>
      </div>
    </div>
  </div>
</b:includable>
       </b:widget>
     </b:section>  
        </div>
<div class='bwrapsite-content' id='bwrapcontent'>
<div id='sidebar-wrapper' itemscope='itemscope' itemtype='http://schema.org/WPSideBar'>
<div class='sidebar-area' id='sidebar' role='complementary'>
<b:section class='sidebarbtop' id='sidebar1' name='The right' showaddelement='yes'>
  <b:widget id='PopularPosts1' locked='true' title='Popular Posts' type='PopularPosts' version='1'>
    <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'>false</b:widget-setting>
      <b:widget-setting name='timeRange'>LAST_WEEK</b:widget-setting>
    </b:widget-settings>
    <b:includable id='main'>
                <h2><span><data:title/></span></h2>
                <div class='widget-content popular-posts'>
                  <ul>
                    <b:loop values='data:posts' var='post'>
                      <li>
                        <b:if cond='!data:showThumbnails'>
                          <b:if cond='!data:showSnippets'>
                            <!-- (1) No snippet/thumbnail -->
                            <a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a>
                            <b:else/>
                            <!-- (2) Show only snippets -->
                            <div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a></div>
                            <div class='item-snippet'><data:post.snippet/></div>
                          </b:if>
                          <b:else/>
                          <!-- (3) Show only thumbnails or (4) Snippets and thumbnails. -->
                          <div expr:class='data:showSnippets ? &quot;item-content&quot; : &quot;item-thumbnail-only&quot;'>
                            <b:if cond='data:post.featuredImage.isResizable or data:post.thumbnail'>
                              <div class='item-thumbnail'>
                                <a expr:href='data:post.href' expr:title='data:post.title'>
                                  <b:with value='data:post.featuredImage.isResizable ? resizeImage(data:post.featuredImage, 145, &quot;145:90&quot;) : data:post.thumbnail' var='image'>
                                    <img border='0' expr:alt='data:post.title' expr:src='data:image'/>
                                  </b:with>
                                </a>
                              </div>
                            </b:if>
                            <div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a></div>
                            <b:if cond='data:showSnippets'>
                              <div class='item-snippet'><data:post.snippet/></div>
                            </b:if>
                          </div>
                          <div style='clear: both;'/>
                        </b:if>
                      </li>
                    </b:loop>
                  </ul>
                </div>
              </b:includable>
  </b:widget>
</b:section>
  </div>
</div>
</div>


</div></div>
<script src='//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js'/>
<script type='text/javascript'>
// Page Navigations Settings
var postperpage=20;
var numshowpage=10;
var upPageWord =&#39;&#171; Previous&#39;;
var downPageWord =&#39;Next &#187;&#39;;
var urlactivepage=location.href;
var home_page=&quot;/&quot;;
 </script>
<script type='text/javascript'>
//<![CDATA[
// Popular Post Snippet
$(".popular-posts ul li .item-snippet").each(function(){var t=$(this).text().substr(0,40),s=t.lastIndexOf(" ");s>32&&$(this).text(t.substr(0,s).replace(/[?,!\.-:;]*$/,"..."))});
$("img.recent_thumb").each(function(){$(this).attr("src",$(this).attr("src").replace(/\/s[0-9]+(\-c)?\//,"/w80-h80-c/"))});
$(".avatar-image-container img").each(function(){$(this).attr("src",$(this).attr("src").replace(/\/s[0-9]+(\-c)?\//,"/w70-h70-c/"))});
$(".item-thumbnail img").each(function(){$(this).attr("src",$(this).attr("src").replace(/\/s[0-9]+(\-c)?\//,"/w115-h100-c/"))});




var nopage;var jenis;var nomerhal;var lblname1;halamanblogger();function loophalaman(banyakdata){var html='';nomerkiri=parseInt(numshowpage/2);if(nomerkiri==numshowpage-nomerkiri){numshowpage=nomerkiri*2+1}mulai=nomerhal-nomerkiri;if(mulai<1)mulai=1;maksimal=parseInt(banyakdata/postperpage)+1;if(maksimal-1==banyakdata/postperpage)maksimal=maksimal-1;akhir=mulai+numshowpage-1;if(akhir>maksimal)akhir=maksimal;html+="<span class='showpageOf'>Page "+nomerhal+' of '+maksimal+"</span>";var prevnomer=parseInt(nomerhal)-1;if(nomerhal>1){if(nomerhal==2){if(jenis=="page"){html+='<span class="showpage"><a href="'+home_page+'">'+upPageWord+'</a></span>'}else{html+='<span class="showpageNum"><a href="/search/label/'+lblname1+'?&max-results='+postperpage+'">'+upPageWord+'</a></span>'}}else{if(jenis=="page"){html+='<span class="showpageNum"><a href="#" onclick="redirectpage('+prevnomer+');return false">'+upPageWord+'</a></span>'}else{html+='<span class="showpageNum"><a href="#" onclick="redirectlabel('+prevnomer+');return false">'+upPageWord+'</a></span>'}}}if(mulai>1){if(jenis=="page"){html+='<span class="showpageNum"><a href="'+home_page+'">1</a></span>'}else{html+='<span class="showpageNum"><a href="/search/label/'+lblname1+'?&max-results='+postperpage+'">1</a></span>'}}if(mulai>2){html+='  '}for(var jj=mulai;jj<=akhir;jj++){if(nomerhal==jj){html+='<span class="showpagePoint">'+jj+'</span>'}else if(jj==1){if(jenis=="page"){html+='<span class="showpageNum"><a href="'+home_page+'">1</a></span>'}else{html+='<span class="showpageNum"><a href="/search/label/'+lblname1+'?&max-results='+postperpage+'">1</a></span>'}}else{if(jenis=="page"){html+='<span class="showpageNum"><a href="#" onclick="redirectpage('+jj+');return false">'+jj+'</a></span>'}else{html+='<span class="showpageNum"><a href="#" onclick="redirectlabel('+jj+');return false">'+jj+'</a></span>'}}}if(akhir<maksimal-1){html+=''}if(akhir<maksimal){if(jenis=="page"){html+='<span class="showpageNum"><a href="#" onclick="redirectpage('+maksimal+');return false">'+maksimal+'</a></span>'}else{html+='<span class="showpageNum"><a href="#" onclick="redirectlabel('+maksimal+');return false">'+maksimal+'</a></span>'}}var nextnomer=parseInt(nomerhal)+1;if(nomerhal<maksimal){if(jenis=="page"){html+='<span class="showpageNum"><a href="#" onclick="redirectpage('+nextnomer+');return false">'+downPageWord+'</a></span>'}else{html+='<span class="showpageNum"><a href="#" onclick="redirectlabel('+nextnomer+');return false">'+downPageWord+'</a></span>'}}var pageArea=document.getElementsByName("pageArea");var blogPager=document.getElementById("blog-pager");for(var p=0;p<pageArea.length;p++){pageArea[p].innerHTML=html}if(pageArea&&pageArea.length>0){html=''}if(blogPager){blogPager.innerHTML=html}}function hitungtotaldata(root){var feed=root.feed;var totaldata=parseInt(feed.openSearch$totalResults.$t,10);loophalaman(totaldata)}function halamanblogger(){var thisUrl=urlactivepage;if(thisUrl.indexOf("/search/label/")!=-1){if(thisUrl.indexOf("?updated-max")!=-1){lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?updated-max"))}else{lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?&max"))}}if(thisUrl.indexOf("?q=")==-1&&thisUrl.indexOf(".html")==-1){if(thisUrl.indexOf("/search/label/")==-1){jenis="page";if(urlactivepage.indexOf("#PageNo=")!=-1){nomerhal=urlactivepage.substring(urlactivepage.indexOf("#PageNo=")+8,urlactivepage.length)}else{nomerhal=1}document.write("<script src=\""+home_page+"feeds/posts/summary?max-results=1&alt=json-in-script&callback=hitungtotaldata\"><\/script>")}else{jenis="label";if(thisUrl.indexOf("&max-results=")==-1){postperpage=20}if(urlactivepage.indexOf("#PageNo=")!=-1){nomerhal=urlactivepage.substring(urlactivepage.indexOf("#PageNo=")+8,urlactivepage.length)}else{nomerhal=1}document.write('<script src="'+home_page+'feeds/posts/summary/-/'+lblname1+'?alt=json-in-script&callback=hitungtotaldata&max-results=1" ><\/script>')}}}function redirectpage(numberpage){jsonstart=(numberpage-1)*postperpage;nopage=numberpage;var nBody=document.getElementsByTagName('head')[0];var newInclude=document.createElement('script');newInclude.type='text/javascript';newInclude.setAttribute("src",home_page+"feeds/posts/summary?start-index="+jsonstart+"&max-results=1&alt=json-in-script&callback=finddatepost");nBody.appendChild(newInclude)}function redirectlabel(numberpage){jsonstart=(numberpage-1)*postperpage;nopage=numberpage;var nBody=document.getElementsByTagName('head')[0];var newInclude=document.createElement('script');newInclude.type='text/javascript';newInclude.setAttribute("src",home_page+"feeds/posts/summary/-/"+lblname1+"?start-index="+jsonstart+"&max-results=1&alt=json-in-script&callback=finddatepost");nBody.appendChild(newInclude)}function finddatepost(root){post=root.feed.entry[0];var timestamp1=post.published.$t.substring(0,19)+post.published.$t.substring(23,29);var timestamp=encodeURIComponent(timestamp1);if(jenis=="page"){var alamat="/search?updated-max="+timestamp+"&max-results="+postperpage+"#PageNo="+nopage}else{var alamat="/search/label/"+lblname1+"?updated-max="+timestamp+"&max-results="+postperpage+"#PageNo="+nopage}location.href=alamat};

jQuery(document).ready(function($)
  {
  "use strict";
  $('#top-nav .menu-item-has-children > a, #main-nav ul li ul .menu-item-has-children > a').append(' +');
  $('#main-nav .menu-item-has-children > a').append('<span class="menu-arrow"></span>');
  $('#logo').after('<div class="hamburger closed" id="menu-icon"><div class="burger-main"><div class="burger-inner"><span class="top"></span><span class="mid"></span><span class="bot"></span></div></div><div class="svg-main"><svg class="svg-circle"><path class="path" fill="none" stroke="#00a2ff" stroke-miterlimit="10" stroke-width="4" d="M 34 2 C 16.3 2 2 16.3 2 34 s 14.3 32 32 32 s 32 -14.3 32 -32 S 51.7 2 34 2"/></svg></div><div class="path-burger"><div class="animate-path"><div class="path-rotation"></div></div></div></div>');
  $('#top-nav .wrapper').append('<div id="top-menu-icon"></div>');
  $('#menu-icon').on('click',function()
    {
    $('#main-nav').slideToggle(250);
    $(this).toggleClass('active')
  }
  );
  $(window).resize(function()
    {
    var w=$(window).width();
    var navDisplay=$('#main-nav');
    if(w>1000&&navDisplay.is(':hidden'))
      {
      navDisplay.removeAttr('style')
    }
  }
  );
  $('#top-menu-icon').on('click',function()
    {
    $('#top-nav ul').slideToggle(250);
    $(this).toggleClass('active')
  }
  );
  $(window).resize(function()
    {
    var w=$(window).width();
    var navDisplay=$('#top-nav ul');
    if(w>1000&&navDisplay.is(':hidden'))
      {
      navDisplay.removeAttr('style')
    }
  }
  )
}
);

//]]>
</script>
<script>
$(function(){
    $(&#39;#breadcrumbs&#39;).replaceWith($(&#39;.breadcrumbs&#39;));
</script>
<div id='fb-root'/>
<b:if cond='data:view.isMultipleItems'>
<style>
document.write(unescape(&quot; <style>
.post .natata {
  -moz-transition:all 1s ease;
  -webkit-transition:all 1s ease;
  background:#2e2e2e;
  border-radius:2px;
  content:&quot;&quot;;
  height:3px;
  left:0;
  position:absolute;
  top:0;
  width:0;
    z-index: 9999;
}

.post:hover .natata {
  background:#00a2ff;
  width:100%;
}

.post .netete {
  -moz-transition:all 1s ease;
  -webkit-transition:all 1s ease;
  background:#2e2e2e;
  border-radius:2px;
  bottom:0;
  content:&quot;&quot;;
  height:3px;
  position:absolute;
  right:0;
  width:0;
    z-index: 9999;
}

.post:hover .netete {
  background:#00a2ff;
  width:100%;
}


.post .nototo {
  -moz-transition:all 1s ease;
  -webkit-transition:all 1s ease;
  background:#2e2e2e;
  border-radius:2px;
  bottom:0;
  content:&quot;&quot;;
  height:0;
  left:0;
  position:absolute;
  width:3px;
    z-index: 9999;
}

.post:hover .nototo {
  background:#00a2ff;
  height:100%;
}

.post .nututu {
  -moz-transition:all 1s ease;
  -webkit-transition:all 1s ease;
  background:#2e2e2e;
  border-radius:2px;
  content:&quot;&quot;;
  height:0;
  position:absolute;
  right:0;
  top:0;
  width:3px;
    z-index: 9999;
}

.post:hover .nututu {
  background:#00a2ff;
  height:100%;
}
</style></style>
</b:if>
<script>
//<![CDATA[
// Js Blogger
          jQuery(document).ready(function($) {
              $('#full-page-switch').click(function(e) {
                $(this).parents('.panel-default').toggleClass('fullpage');
                $('html, body').toggleClass('fullpage-fix-scroll');
                $(this).blur();
                e.preventDefault();
              });
            });
          jQuery(document).ready(function($) {
              $('#full-page-switch1').click(function(e) {
                $(this).parents('.panel-default').toggleClass('fullpage');
                $('html, body').toggleClass('fullpage-fix-scroll');
                $(this).blur();
                e.preventDefault();
              });
            });
var pres = document.querySelectorAll('pre,kbd,blockquote');
for (var i = 0; i < pres.length; i++) {
  pres[i].addEventListener("dblclick", function () {
    var selection = getSelection();
    var range = document.createRange();
    range.selectNodeContents(this);
    selection.removeAllRanges();
    selection.addRange(range);
  }, false);
}
window.onload=function()
{
var e=document.getElementById("vohuunhan");
if(e==null)
{
window.location.href="/"
}
e.setAttribute("href","https:/");
e.setAttribute("ref","dofollow");
e.setAttribute("title","Th3safelink");
e.innerHTML="Th3safelink"
};
(function(a){a.fn.lazyload=function(b){var c={threshold:0,failurelimit:0,event:"scroll",effect:"show",container:window};if(b){a.extend(c,b)}var d=this;if("scroll"==c.event){a(c.container).bind("scroll",function(b){var e=0;d.each(function(){if(a.abovethetop(this,c)||a.leftofbegin(this,c)){}else if(!a.belowthefold(this,c)&&!a.rightoffold(this,c)){a(this).trigger("appear")}else{if(e++>c.failurelimit){return false}}});var f=a.grep(d,function(a){return!a.loaded});d=a(f)})}this.each(function(){var b=this;if(undefined==a(b).attr("original")){a(b).attr("original",a(b).attr("src"))}if("scroll"!=c.event||undefined==a(b).attr("src")||c.placeholder==a(b).attr("src")||a.abovethetop(b,c)||a.leftofbegin(b,c)||a.belowthefold(b,c)||a.rightoffold(b,c)){if(c.placeholder){a(b).attr("src",c.placeholder)}else{a(b).removeAttr("src")}b.loaded=false}else{b.loaded=true}a(b).one("appear",function(){if(!this.loaded){a("<img />").bind("load",function(){a(b).hide().attr("src",a(b).attr("original"))[c.effect](c.effectspeed);b.loaded=true}).attr("src",a(b).attr("original"))}});if("scroll"!=c.event){a(b).bind(c.event,function(c){if(!b.loaded){a(b).trigger("appear")}})}});a(c.container).trigger(c.event);return this};a.belowthefold=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).height()+a(window).scrollTop()}else{var d=a(c.container).offset().top+a(c.container).height()}return d<=a(b).offset().top-c.threshold};a.rightoffold=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).width()+a(window).scrollLeft()}else{var d=a(c.container).offset().left+a(c.container).width()}return d<=a(b).offset().left-c.threshold};a.abovethetop=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).scrollTop()}else{var d=a(c.container).offset().top}return d>=a(b).offset().top+c.threshold+a(b).height()};a.leftofbegin=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).scrollLeft()}else{var d=a(c.container).offset().left}return d>=a(b).offset().left+c.threshold+a(b).width()};a.extend(a.expr[":"],{"below-the-fold":"$.belowthefold(a, {threshold : 0, container: window})","above-the-fold":"!$.belowthefold(a, {threshold : 0, container: window})","right-of-fold":"$.rightoffold(a, {threshold : 0, container: window})","left-of-fold":"!$.rightoffold(a, {threshold : 0, container: window})"})})(jQuery);$(function(){$("img").lazyload({placeholder:"https://1.bp.blogspot.com/-Qg5bi1ZtDdM/VZ5nHAyYBqI/AAAAAAAAChE/exGnasO4oyk/s640/arlinadesign.gif",effect:"fadeIn",threshold:"-50"})});
//]]>
</script>
<style>
          /* Reading progress bar */
          #nprogress{pointer-events:none}#nprogress .bar{background:#29d;position:fixed;z-index:1031;top:0;left:0;width:0;height:3px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #29d,0 0 5px #29d;opacity:1;-webkit-transform:rotate(3deg) translate(0,-4px);-ms-transform:rotate(3deg) translate(0,-4px);transform:rotate(3deg) translate(0,-4px)}
        </style>
<div id='nprogress'><div class='bar' role='bar'><div class='peg'/></div></div>
<script>//<![CDATA[
$(function() {
  $.fn.prognroll = function(options) {
    var settings = $.extend({
      height: 3,
      color: "#448aff",
      custom: false
    }, options)
    return this.each(function() {
      if ($(this).data('prognroll')) {
        return false
      }
      $(this).data('prognroll', true)
      var $span = $("<span>", {
        class: "bar"
      })
      $("body").prepend($span);
      $span.css({
        position: "fixed",
        top: 0,
        left: 0,
        width: 0,
        height: settings.height,
        backgroundColor: settings.color,
        zindex: 200
      })
      if (settings.custom === false) {
        $(window).scroll(function(e) {
          e.preventDefault()
          var windowScrollTop = $(window).scrollTop()
          var windowHeight = $(window).outerHeight()
          var bodyHeight = $(document).height()
          var total = (windowScrollTop / (bodyHeight - windowHeight)) * 100
          $(".bar").css("width", total + "%")
        })
      } else {
        $(this).scroll(function(e) {
          e.preventDefault();
          var customScrollTop = $(this).scrollTop()
          var customHeight = $(this).outerHeight()
          var customScrollHeight = $(this).prop("scrollHeight")
          var total = (customScrollTop / (customScrollHeight - customHeight)) * 100
          $(".bar").css("width", total + "%")
        })
      }
      $(window).on('hashchange', function(e) {
        e.preventDefault()
        console.log($(window).scrollTop())
      });
      $(window).trigger('hashchange')
      var windowScrollTop = $(window).scrollTop()
      var windowHeight = $(window).outerHeight()
      var bodyHeight = $("body").outerHeight()
      var total = (windowScrollTop / (bodyHeight - windowHeight)) * 100
      $(".bar").css("width", total + "%")
    })
  }
  $('body').prognroll()
})
//]]></script>
<style>
.hamburger {
display:none
}
@media screen and (max-width:960px) {
.hamburger {
  display:block;
  -webkit-transform: scale(1);
  transform: scale(1);
  margin: 0 auto;
    margin-top: 5px;
    margin-right: 5px;
  float: right;
  position: relative;
  display: block;
  width: 68px;
  height: 82px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.burger-main {
  position: absolute;
  padding: 20px 16px;
  _height: 68px;
  _width: 68px;
}

.burger-inner {
  position: relative;
  height: 28px;
  width: 36px;
}

.burger-main span {
  position: absolute;
  display: block;
  height: 4px;
  width: 36px;
  border-radius: 2px;
  background: #00a2ff;
}

.top {
  top: 0;
  transform-origin: 34px 2px;
}

.bot {
  bottom: 0;
  transform-origin: 34px 2px;
}

.mid {
  top: 12px;
}

.svg-main {
  position: absolute;
  top: 0;
  left: 0;
  width: 68px;
  height: 68px;
}

.circle {
  width: 68px;
  height: 68px;
}

.path {
  stroke-dasharray: 240;
  stroke-dashoffset: 240;
  stroke-linejoin: round;
}

.hamburger.open .path {
  animation: dash-in 0.6s linear normal;
  animation-fill-mode: forwards;
}

.hamburger.closed .path {
  animation: dash-out 0.6s linear normal;
  animation-fill-mode: forwards;
}

.hamburger.open .top {
  animation: close-top-out 0.6s linear normal;
  animation-fill-mode: forwards;
}

.hamburger.open .bot {
  animation: close-bot-out 0.6s linear normal;
  animation-fill-mode: forwards;
}

.hamburger.closed .top {
  animation: close-top-in 0.6s linear normal;
  animation-fill-mode: forwards;
}

.hamburger.closed .bot {
  animation: close-bot-in 0.6s linear normal;
  animation-fill-mode: forwards;
}

.hamburger.open .mid {
  animation: burger-fill-out 0.6s linear normal;
  animation-fill-mode: forwards;
}

.hamburger.closed .mid {
  animation: burger-fill-in 0.6s linear normal;
}

.path-burger {
  position: absolute;
  top: 0;
  left: 0;
  height: 68px;
  width: 68px;
  -webkit-mask: url(#mask);
  mask: url(#mask);
  -webkit-mask-box-image: url(https://lh3.googleusercontent.com/proxy/CAk9zgNQjIucuJ45uHdC-dvVdH_EoPPZm-dh-6uxYw9dA3op_nwXnb-9ez_OSkHM80h4EB7VJg=s0-d);
}

.animate-path {
  position: absolute;
  top: 0;
  left: 0;
  width: 68px;
  height: 68px;
}

.path-rotation {
  height: 34px;
  width: 34px;
  margin: 34px 34px 0 0;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

.path-rotation:before {
  content: &#39;&#39;;
  display: block;
  width: 30px;
  height: 34px;
  margin: 0 4px 0 0;
  background: #fff;
}

.hamburger.open .animate-path {
  animation: circle-in 0.6s linear normal;
  animation-fill-mode: forwards;
}

.hamburger.closed .animate-path {
  animation: circle-out 0.6s linear normal;
  animation-fill-mode: forwards;
}

@-webkit-keyframes dash-in {
  0% {
    stroke-dashoffset: 240;
  }

  40% {
    stroke-dashoffset: 240;
  }

  100% {
    stroke-dashoffset: 0;
  }

}

@keyframes dash-in {
  0% {
    stroke-dashoffset: 240;
  }

  40% {
    stroke-dashoffset: 240;
  }

  100% {
    stroke-dashoffset: 0;
  }

}

@-webkit-keyframes dash-out {
  0% {
    stroke-dashoffset: 0;
  }

  40% {
    stroke-dashoffset: 240;
  }

  100% {
    stroke-dashoffset: 240;
  }

}

@keyframes dash-out {
  0% {
    stroke-dashoffset: 0;
  }

  40% {
    stroke-dashoffset: 240;
  }

  100% {
    stroke-dashoffset: 240;
  }

}

@keyframes close-top-out {
  0% {
    left: 0;
    top: 0;
    transform: rotate(0deg);
  }

  20% {
    left: 0;
    top: 0;
    transform: rotate(15deg);
  }

  80% {
    left: -5px;
    top: 0;
    transform: rotate(-60deg);
  }

  100% {
    left: -5px;
    top: 1px;
    transform: rotate(-45deg);
  }

}

@keyframes close-bot-out {
  0% {
    left: 0;
    transform: rotate(0deg);
  }

  20% {
    left: 0;
    transform: rotate(-15deg);
  }

  80% {
    left: -5px;
    transform: rotate(60deg);
  }

  100% {
    left: -5px;
    transform: rotate(45deg);
  }

}

@keyframes close-top-in {
  0% {
    left: -5px;
    bot: 0;
    transform: rotate(-45deg);
  }

  20% {
    left: -5px;
    bot: 0;
    transform: rotate(-60deg);
  }

  80% {
    left: 0;
    bot: 0;
    transform: rotate(15deg);
  }

  100% {
    left: 0;
    bot: 1px;
    transform: rotate(0deg);
  }

}

@keyframes close-bot-in {
  0% {
    left: -5px;
    transform: rotate(45deg);
  }

  20% {
    left: -5px;
    transform: rotate(60deg);
  }

  80% {
    left: 0;
    transform: rotate(-15deg);
  }

  100% {
    left: 0;
    transform: rotate(0deg);
  }

}

@keyframes burger-fill-in {
  0% {
    width: 0;
    left: 36px;
  }

  40% {
    width: 0;
    left: 40px;
  }

  80% {
    width: 36px;
    left: -6px;
  }

  100% {
    width: 36px;
    left: 0px;
  }

}

@keyframes burger-fill-out {
  0% {
    width: 36px;
    left: 0px;
  }

  20% {
    width: 42px;
    left: -6px;
  }

  40% {
    width: 0;
    left: 40px;
  }

  100% {
    width: 0;
    left: 36px;
  }

}
@keyframes circle-out {
  0% {
    transform: rotate(0deg);
  }

  40% {
    transform: rotate(180deg);
  }

  100% {
    transform: rotate(360deg);
  }

}


@keyframes circle-in {
  0% {
    transform: rotate(360deg);
  }

  40% {
    transform: rotate(180deg);
  }

  100% {
    transform: rotate(0deg);
  }

}
}
</style>
<script>
$(&#39;document&#39;).ready(function () {
      var Closed = false;

      $(&#39;.hamburger&#39;).click(function () {
        if (Closed == true) {
          $(this).removeClass(&#39;open&#39;);
          $(this).addClass(&#39;closed&#39;);
          Closed = false;
        } else {               
          $(this).removeClass(&#39;closed&#39;);
          $(this).addClass(&#39;open&#39;);
          Closed = true;
        }
      });
});
</script>
<div class='clear'/>
<footer class='animated fadeInUpBig navplace' id='footer-wrapper' itemscope='itemscope' itemtype='http://schema.org/WPFooter' role='contentinfo'>
<div class='footer-content'>
  <b:section class='column' id='column1' name='footer' showaddelement='yes'>
    <b:widget id='HTML2' locked='false' title='Follow Us' type='HTML'>
      <b:widget-settings>
        <b:widget-setting name='content'>&lt;div class=&#39;footer-logo&#39;&gt;
&lt;a href=&#39;#&#39;&gt;&lt;img original=&#39;https://3.bp.blogspot.com/-reuMOFIK5oE/XoSH9UP3ZQI/AAAAAAAAALA/5yxKFivxxb4q6hOYTCNx6Bbh5TbxbTK7ACK4BGAYYCw/s1600/mlk.png&#39; src=&#39;https://3.bp.blogspot.com/-reuMOFIK5oE/XoSH9UP3ZQI/AAAAAAAAALA/5yxKFivxxb4q6hOYTCNx6Bbh5TbxbTK7ACK4BGAYYCw/s1600/mlk.png&#39; style=&#39;display: inline;&#39; title=&#39;Chiase78&#39;/&gt;&lt;/a&gt;
&lt;/div&gt;</b:widget-setting>
      </b:widget-settings>
      <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
    </b:widget>
  </b:section>
<div class='footer-links'>
<ul>
<li><a href='#'>Privacy</a></li>
<li><a href='#'>Terms</a></li>
<li><a href='#'>About</a></li>
<li><a href='#'>Sitemap</a></li>
</ul>
</div>
<div class='share-post'>
<ul class='entry-share-list clearfix'>
<li class='facebook_share'>
<a href='http://facebook.com/#' rel='nofollow' target='_blank'><i class='fa fa-facebook'/></a>
</li>
<li class='twitter_share'>
<a href='http://twitter.com/#' rel='nofollow' target='_blank'><i class='fa fa-twitter'/></a>
</li>
<li class='google_share'>
<a href='https://plus.google.com/#' rel='nofollow' target='_blank'><i class='fa fa-whatsapp'/></a>
</li>
</ul>
</div>
</div>
<div id='footerfix'>
<div class='copyleft'>
Copyright &#169; <script type='text/javascript'>var creditsyear = new Date();document.write(creditsyear.getFullYear());</script>
  <a href='#' id='vohuunhan'/> All Rights Reserved
</div>
</div>
</footer>
<b:if cond='data:view.isSingleItem'>
<script type='text/javascript'>
//<![CDATA[
function Display_Reply_Form(r){par_id=$(r).attr("id"),par_id=Valid_Par_Id(par_id),html=$(Cur_Cform_Hdr).html(),".comment_form"==Cur_Cform_Hdr?(reset_html='<a href="#origin_cform" onclick="Reset_Comment_Form()" id="resetcomments">Add Comments</a><a name="origin_cform"/>',$(Cur_Cform_Hdr).html(reset_html)):$(Cur_Cform_Hdr).html(""),Cur_Cform_Hdr="#r_f_c"+par_id,$(Cur_Cform_Hdr).html(html),$("#comment-editor").attr("src",Cform_Ins_ParID(par_id))}
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
if(emoList=document.getElementById("comments"),emoList)for(zx=emoList.getElementsByTagName("p"),i=0;i<zx.length;i++)zx.item(i).getAttribute("CLASS"),emotenmagz=zx.item(i).innerHTML.replace(":)","<img src='https://twemoji.maxcdn.com/2/72x72/1f600.png' alt=':)' title=':)' class='comment_emo'/>"),emotenmagz=emotenmagz.replace(":(","<img src='https://twemoji.maxcdn.com/2/72x72/1f615.png' alt=':(' title=':(' class='comment_emo'/>"),emotenmagz=emotenmagz.replace("hihi","<img src='https://twemoji.maxcdn.com/2/72x72/1f601.png' alt='hihi' title='hihi' class='comment_emo'/>"),emotenmagz=emotenmagz.replace(":-)","<img src='https://twemoji.maxcdn.com/2/72x72/1f60f.png' alt=':-)' title=':-)' class='comment_emo'/>"),emotenmagz=emotenmagz.replace(":D","<img src='https://twemoji.maxcdn.com/2/72x72/1f603.png' alt=':D' title=':D' class='comment_emo'/>"),emotenmagz=emotenmagz.replace("=D","<img src='https://twemoji.maxcdn.com/2/72x72/1f62c.png' alt='=D' title='=D' class='comment_emo'/>"),emotenmagz=emotenmagz.replace(":-d","<img src='https://twemoji.maxcdn.com/2/72x72/1f604.png' alt=':-d' title=':-d' class='comment_emo'/>"),emotenmagz=emotenmagz.replace(";(","<img src='https://twemoji.maxcdn.com/2/72x72/1f61e.png' alt=';(' title=';(' class='comment_emo'/>"),emotenmagz=emotenmagz.replace(";-d","<img src='https://twemoji.maxcdn.com/2/72x72/1f62d.png' alt=';-d' title=';-d' class='comment_emo'/>"),emotenmagz=emotenmagz.replace("@-)","<img src='https://twemoji.maxcdn.com/2/72x72/1f616.png' alt='@-)' title='@-)' class='comment_emo'/>"),emotenmagz=emotenmagz.replace(":P","<img src='https://twemoji.maxcdn.com/2/72x72/1f61c.png' alt=':P' title=':P' class='comment_emo'/>"),emotenmagz=emotenmagz.replace(":o","<img src='https://twemoji.maxcdn.com/2/72x72/1f62e.png' alt=':o' title=':o' class='comment_emo'/>"),emotenmagz=emotenmagz.replace("-_-","<img src='https://twemoji.maxcdn.com/2/72x72/1f611.png' alt='-_-' title='-_-' class='comment_emo'/>"),emotenmagz=emotenmagz.replace("(o)","<img src='https://twemoji.maxcdn.com/2/72x72/1f609.png' alt='(o)' title='(o)' class='comment_emo'/>"),emotenmagz=emotenmagz.replace(":p","<img src='https://twemoji.maxcdn.com/2/72x72/1f614.png' alt=':p' title=':p' class='comment_emo'/>"),emotenmagz=emotenmagz.replace(":-?","<img src='https://twemoji.maxcdn.com/2/72x72/2753.png' alt=':-?' title=':-?' class='comment_emo'/>"),emotenmagz=emotenmagz.replace("(p)","<img src='https://twemoji.maxcdn.com/2/72x72/1f619.png' alt='(p)' title='(p)' class='comment_emo'/>"),emotenmagz=emotenmagz.replace(":-s","<img src='https://twemoji.maxcdn.com/2/72x72/1f625.png' alt=':-s' title=':-s' class='comment_emo'/>"),emotenmagz=emotenmagz.replace("(m)","<img src='https://twemoji.maxcdn.com/2/72x72/1f620.png' alt='(m)' title='(m)' class='comment_emo'/>"),emotenmagz=emotenmagz.replace("8-)","<img src='https://twemoji.maxcdn.com/2/72x72/1f60e.png' alt='8-)' title='8-)' class='comment_emo'/>"),emotenmagz=emotenmagz.replace(":-t","<img src='https://twemoji.maxcdn.com/2/72x72/1f624.png' alt=':-t' title=':-t' class='comment_emo'/>"),emotenmagz=emotenmagz.replace(":-b","<img src='https://twemoji.maxcdn.com/2/72x72/1f634.png' alt=':-b' title=':-b' class='comment_emo'/>"),emotenmagz=emotenmagz.replace("b-(","<img src='https://twemoji.maxcdn.com/2/72x72/1f635.png' alt='b-(' title='b-(' class='comment_emo'/>"),emotenmagz=emotenmagz.replace(":-#","<img src='https://twemoji.maxcdn.com/2/72x72/1f637.png' alt=':-#' title=':-#' class='comment_emo'/>"),emotenmagz=emotenmagz.replace("=p~","<img src='https://twemoji.maxcdn.com/2/72x72/1f35c.png' alt='=p~' title='=p~' class='comment_emo'/>"),emotenmagz=emotenmagz.replace("$-)","<img src='https://twemoji.maxcdn.com/2/72x72/1f4b5.png' alt='$-)' title='$-)' class='comment_emo'/>"),emotenmagz=emotenmagz.replace("(y)","<img src='https://twemoji.maxcdn.com/2/72x72/1f44d.png' alt='(y)' title='(y)' class='comment_emo'/>"),emotenmagz=emotenmagz.replace("(f)","<img src='https://twemoji.maxcdn.com/2/72x72/1f33a.png' alt='(f)' title='(f)' class='comment_emo'/>"),emotenmagz=emotenmagz.replace("x-)","<img src='https://twemoji.maxcdn.com/2/72x72/1f60d.png' alt='x-)' title='x-)' class='comment_emo'/>"),emotenmagz=emotenmagz.replace("(k)","<img src='https://twemoji.maxcdn.com/2/72x72/1f496.png' alt='(k)' title='(k)' class='comment_emo'/>"),emotenmagz=emotenmagz.replace("(h)","<img src='https://twemoji.maxcdn.com/2/72x72/1f44f.png' alt='(h)' title='(h)' class='comment_emo'/>"),emotenmagz=emotenmagz.replace("cheer","<img src='https://twemoji.maxcdn.com/2/72x72/1f378.png' alt='cheer' title='cheer' class='comment_emo'/>"),emotenmagz=emotenmagz.replace(";-(","<img src='https://twemoji.maxcdn.com/2/72x72/1f62d.png' alt=';-(' title=';-(' class='comment_emo'/>"),emotenmagz=emotenmagz.replace("lol","<img src='https://twemoji.maxcdn.com/2/72x72/1f602.png' alt='lol' title='lol' class='comment_emo'/>"),emotenmagz=emotenmagz.replace("|o|","<img src='https://twemoji.maxcdn.com/2/72x72/1f602.png' alt='|o|' title='|o|' class='comment_emo'/>"),emotenmagz=emotenmagz.replace("rock","<img src='https://twemoji.maxcdn.com/2/72x72/1f918.png' alt='rock' title='rock' class='comment_emo'/>"),emotenmagz=emotenmagz.replace("angry","<img src='https://twemoji.maxcdn.com/2/72x72/1f92c.png' alt='angry' title='angry' class='comment_emo'/>"),emotenmagz=emotenmagz.replace("(>o<)","<img src='https://twemoji.maxcdn.com/2/72x72/1f92c.png' alt='(>o<)' title='(>o<)' class='comment_emo'/>"),emotenmagz=emotenmagz.replace("@@","<img src='https://twemoji.maxcdn.com/2/72x72/1f92a.png' alt='@@' title='@@' class='comment_emo'/>"),emotenmagz=emotenmagz.replace(":ng","<img src='https://twemoji.maxcdn.com/2/72x72/2764.png' alt=':ng' title=':ng' class='comment_emo'/>"),emotenmagz=emotenmagz.replace("<3","<img src='https://twemoji.maxcdn.com/2/72x72/2764.png' alt='<3' title='<3' class='comment_emo'/>"),emotenmagz=emotenmagz.replace("pin","<img src='https://twemoji.maxcdn.com/2/72x72/1f4cc.png' alt='pin' title='pin' class='comment_emo'/>"),emotenmagz=emotenmagz.replace("poop","<img src='https://twemoji.maxcdn.com/2/72x72/1f4a9.png' alt='poop' title='poop' class='comment_emo'/>"),emotenmagz=emotenmagz.replace(":*","<img src='https://twemoji.maxcdn.com/2/72x72/1f618.png' alt=':*' title=':*' class='comment_emo'/>"),emotenmagz=emotenmagz.replace(":v","<img src='https://twemoji.maxcdn.com/2/72x72/1f606.png' alt=':v' title=':v' class='comment_emo'/>"),emotenmagz=emotenmagz.replace("100","<img src='https://twemoji.maxcdn.com/2/72x72/1f4af.png' alt='100' title='100' class='comment_emo'/>"),zx.item(i).innerHTML=emotenmagz;$(document.body).on("click",function(){$(".commentWithEmot").remove()}),$(".comment_emo").css("cursor","pointer").on("click",function(m){$(".commentWithEmot").remove(),$(this).after('<input class="commentWithEmot" type="text" size="6" value=" '+this.alt+'" />'),$(".commentWithEmot").trigger("select"),m.stopPropagation()});
//]]>
</script>
</b:if>
<script type='text/javascript'>
//<![CDATA[
  var setting={exceptionurl:"blogspot.com,bit.ly,blogger.com,gplinks.in,gmail.com,mailto:,youtube.com,instagram.com,pinterest.com,facebook.com,twitter.com,whatsapp.com",path:"#?o="};
//]]>
</script>
<script src='https://cdn.jsdelivr.net/gh/Indzign/theme@master/autosafelink.js'/>
<script src='https://www.blogger.com/feeds/6060085619603975811/posts/default?alt=json-in-script&amp;max-results=150&amp;callback=showurl'/>
 </body>
</html>