[ HTML ] Share Template Đẹp Cho Blogspot





Các Bước Cài Template Cho Blogger Bằng HTML

Truy cập vào lại trang https://www.blogger.com , bấm chọn vào cái blog mà bạn đã tạo ở Phần 1 rồi ấy nhé, ở đây bạn sẽ thấy danh sách các mục như: Tổng quanBài đăngTrang… bạn chọn vào mục Mẫu nhé, Sau đó bầm vào nút Chỉnh Sửu HTML để tiến hành cài template mới vào.


<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<!-- [ Meta Tag SEO ] -->
<meta charset='utf-8'/>
<meta content='width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1' name='viewport'/>
<meta content='blogger' name='generator'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
<link expr:href='data:blog.url' rel='canonical'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if></b:if>
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<title>Page Not Found - <data:blog.title/></title>
</b:if>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<meta content='noindex' name='robots'/>
</b:if>
<b:if cond='data:blog.searchLabel'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.isMobile'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.pageTitle + &quot;, &quot; + data:blog.title' name='keywords'/>
</b:if></b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='xxxxx' name='keywords'/></b:if>
<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'/>
<link expr:href='&quot;http://www.blogger.com/feeds/&quot; + data:blog.blogId + &quot;/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.postImageThumbnailUrl'>
<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
</b:if></b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<b:if cond='data:blog.url'>
<meta expr:content='data:blog.url' property='og:url'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.pageName'>
<meta expr:content='data:blog.pageName' property='og:title'/>
</b:if>
<meta content='website' property='og:type'/></b:if></b:if></b:if>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
<b:else/></b:if>
<link href='/favicon.ico' rel='icon' type='image/x-icon'/>
<link href='https://plus.google.com/xxxxx/posts' rel='publisher'/>
<link href='https://plus.google.com/xxxxx/about' rel='author'/>
<link href='https://plus.google.com/xxxxx' rel='me'/>
<meta content='xxxxx' name='google-site-verification'/>
<meta content='xxxxx' name='msvalidate.01'/>
<meta content='xxxxx' name='alexaVerifyID'/>
<meta content='Pakistan' name='geo.placename'/>
<meta content='Usman Ghani' name='Author'/>
<meta content='general' name='rating'/>
<meta content='id' name='geo.country'/>
<meta content='en_US' property='og:locale'/>
<meta content='en_GB' property='og:locale:alternate'/>
<meta content='id_ID' property='og:locale:alternate'/>

<!-- [ Social Media meta tag ] -->
<meta content='xxxxx' property='fb:app_id'/>
<meta content='xxxxx' property='fb:admins'/>
<meta content='xxxxx' name='twitter:site'/>
<meta content='xxxxx' name='twitter:creator'/>

<!-- [ CSS ] -->
<link href='https://www.blogger.com/static/v1/widgets/1535467126-widget_css_2_bundle.css' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700' rel='stylesheet' type='text/css'/>
<link href='https://netdna.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css' rel='stylesheet'/>

<!-- <body><div></div> -->
&lt;style type=&quot;text/css&quot;&gt;
&lt;!-- /*<b:skin><![CDATA[
/*
Theme Name       : GhItsani Blue Responsive
Theme Update     : 2015
Theme Base Color : Blue, Black and White
Theme Designer   : M. Usman Ghani
Designer URL     : http://www.ghanitricks.com
Thanks to        : All supported
Theme License    : This free Blogger template is licensed under the Creative Commons Attribution 3.0 License, which permits both personal and commercial use.
However, to satisfy the &#39;attribution&#39; clause of the license, you are required to keep the footer links intact which provides due credit to its authors. For more specific details about the license, you may visit the URL below:
http://creativecommons.org/licenses/by/3.0/
*/

/* CSS Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,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;}

/* CSS HTML5 */
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;}

/* CSS Framework */
.navbar,.post-feeds,.feed-links{display:none;}
.section,.widget{margin:0 0 0 0;padding:0 0 0 0;}
strong,b{font-weight:bold;padding:0;transition:color 0.2s;}
strong,b:hover{left:-0.1em;content: '[';-webkit-transform: translateX(-100%);transform: translateX(-100%);}
cite,em,i{font-style:italic;}
a:link{color:#3B99F5;text-decoration:none;outline:none;transition:all 0.25s;}
a:visited{color:#666;text-decoration:none;}
a:link:hover{color:#666;text-decoration:none;}
a:visited:hover{color:#3B99F5;text-decoration:none;}
a img{border:none;border-width:0;outline:none;}
img{max-width:100%;vertical-align:middle;border:0;}
abbr,acronym{border-bottom:1px dotted;cursor:help;}
sup,sub{vertical-align:baseline;position:relative;top:-.4em;font-size:86%;}
sub{top:.4em;}small{font-size:86%;}
kbd {display:inline-block;border:1px solid #ccc;border-radius:4px;padding:0.1em 0.5em;margin:0 0.2em;box-shadow:0 1px 0px rgba(0,0,0,0.2), 0 0 0 2px #fff inset;background-color:#f7f7f7;}
mark{background-color:#ffce00;color:#182025;}
p,blockquote,pre,table,figure,hr,form,ol,ul,dl{margin:1.5em 0;}
hr{height:1px;border:none;background-color:#999;}

/* CSS Blog Heading */
h1,h2,h3,h4,h5,h6{font-weight:700;line-height:normal;margin:0 0 0.6em;}
h1{font-size:200%}
h2{font-size:180%}
h3{font-size:160%}
h4{font-size:140%}
h5{font-size:120%}
h6{font-size:100%}

/* CSS Form */
input,button,select,textarea{font-size:100%;line-height:normal;vertical-align:baseline;}
textarea{display:block;box-sizing:border-box;}
pre,code{font-family:'Open Sans';color:#666;}
pre{white-space:pre;word-wrap:normal;overflow:auto;}
blockquote{position:relative;font-size:14px;padding:15px;margin:15px 0px;border:1px solid #d7d1be;font-weight:400;background:#fff9e7;}
*:focus {outline:0!important;}

/* CSS List */
ul,dl{margin:.5em 0em .5em 3em}
ol{list-style:decimal outside}
ul{list-style:disc outside}
li{margin:.5em 0}
dt{font-weight:bold}
dd{margin:0 0 .5em 2em}

/* CSS List Custom */
.post ul li span{position:relative;display:block;margin:0;padding:5px 8px;margin-bottom:10px;text-decoration:none;transition:all .3s ease-out;}
ol {counter-reset:li;list-style: none;font:15px 'Open Sans', 'lucida sans';
padding:0;margin-bottom:4em;text-shadow: 0 1px 0 rgba(255,255,255,.5);}
ol ol {margin: 0 0 0 2em;}
.post ol li{position:relative;display:block;padding:.4em .4em .4em .8em;
margin:.5em 0 .5em 2.5em;background:#fff;color:#666;text-decoration:none;
transition:all .3s ease-out;}
.post ol li:before {content:counter(li);counter-increment:li;position:absolute;left:-2.5em;
top:50%;margin-top:-1em;height:2em;width:2em;line-height:2em;text-align:center;}

/* CSS Post Table */
.post-body table td, .post-body table caption{border:1px solid #e9e9e9;padding:10px;text-align:left;vertical-align:top;}
.post-body table th {border:1px solid #c82d2d;padding:10px;text-align:left;vertical-align:top;}
.post-body table.tr-caption-container {border:1px solid #eee;}
.post-body th{font-weight:700;}
.post-body table caption{border:none;font-style:italic;}
.post-body table{}
.post-body td, .post-body th{vertical-align:top;text-align:left;font-size:13px;padding:3px 5px;border:1px solid #eee;}
.post-body td:hover{background:#fafafa;}
.post-body th{background:#3B99F5;color:#fff;}
.post-body table.tr-caption-container td {border:none;padding:8px;}
.post-body table.tr-caption-container, .post-body table.tr-caption-container img, .post-body img {max-width:100%;height:auto;}
.post-body td.tr-caption {color:#666;font-size:80%;padding:0px 8px 8px !important;}
img {max-width:100%;height:auto;border:none;}
table {max-width:100%;width:100%;margin:1.5em auto;}
table.section-columns td.first.columns-cell{border-left:none}
table.section-columns{border:none;table-layout:fixed;width:100%;position:relative}
table.columns-2 td.columns-cell{width:50%}
table.columns-3 td.columns-cell{width:33.33%}
table.columns-4 td.columns-cell{width:25%}
table.section-columns td.columns-cell{vertical-align:top}
table.tr-caption-container{padding:4px;margin-bottom:.5em}
td.tr-caption{font-size:80%}
.widget ul {padding:0;}

/* CSS Post Layout */
body {background:#ededed none repeat scroll top left;margin:0 0 0 0;margin:0 0 0 0;padding:0 0 0 0;color:#666;font-family:'Open Sans';font-size:13px;font-weight:400;text-align:left;}
body#layout #outer-wrapper, body#layout .post-inner, body#layout .sidebar, body#layout .sidebar-two {padding:0 0 0 0;}
body#layout .top-tab-widget-menu ul {display:none;}
body#layout #wrapper, body#layout .post-inner, body#layout .sidebar-inner {padding:0 0 0 0;}
body#layout .tab-list {float:left;width:79px;}
body#layout .header-wrapper {margin-top:0;}
body#layout #navigation {float:left;width:100%;}
body#layout .tab-list {float:left;width:100%;}
body#layout #header-wrapper {min-height:0px;width:100%;}
body#layout #header {width:30%;}
body#layout #header-right {width:70%;}
.clear {clear:both;}
.clear:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;
height:0;}
#navbar-iframe {display:none!important;}
header,nav,section,aside,article,footer {display:block;}
form.searchform {margin:0;}
body#layout #tab-list-1, body#layout #tab-list-2, body#layout #tab-list-3 {width:33.3%;float:left;}
body#layout ul {display:none;}

/* CSS Global Wrapper */
#outer-wrapper {max-width:1000px;margin:0 auto;padding:0;overflow:hidden;}
#post-wrapper {float:left;width:70%;margin:0 0 10px;}
.post-inner {padding:15px 15px 0 0;}
#header-wrapper {margin:20px;overflow:hidden;}
#header {float:left;width:100%;max-width:257px;}
.header-right {float:right;padding:0;overflow:hidden;margin:0;width:100%;
max-width:728px;}
#sidebar-wrapper {float:right;width:30%;margin:0 auto;}
.sidebar-inner {padding:15px 0;}
.header-wrapper2 {position:relative;z-index:999;}
.adouter-wrapper {overflow:hidden;position:relative;}
.ct-wrapper {padding:0 20px;position:relative;max-width:1000px;margin:0 auto;}
#footer-wrapper {text-align:left;overflow:hidden;margin:0;}
.footer {padding-bottom:.2em;}
.footer-bottom {min-height:40px;}
#footx1,#footx2,#footx3 {margin:0 .2%}
#footer-adwidget .footer-widget {width:30.2%;float:left;margin-left:20px;}
#footer-adwidget {max-width:1000px;overflow:hidden;margin:0 auto;}
#footer-wrapper .widget-content {text-align:left;margin:20px 0 15px;}
#footer-wrapper .widget-content li {margin-left:-14px;}
#footer-wrapper .widget li {margin:5px 0 0 0;padding:5px 0 0 15px;display:block;}
]]></b:skin>

<b:template-skin>
<![CDATA[
/* CSS Body Layout */
#layout ul {display:none;}
#layout,#layout .widget-content,#layout .add_widget {border:none;}
body#layout .add_widget {border:1px solid #ddd;}
#layout .add_widget a {color:#444;}
#layout:before {content:'ITSGHANI BLUE';text-transform:uppercase;font-size:20px;color:#999;
margin:0 0 20px 0;display:inline-block;font-weight:700;font-family:sans-serif;}
#layout #header-wrapper{min-height:0px;width:100%;margin:10px 0 0 0;}
#layout #footer-wrapper{padding:20px 0;overflow:visible;background:#f9f9f9;border-top:1px solid #ccc;}
#layout #footer-wrapper .add_widget {background-color:#8AC3FA;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}
#layout #footer-wrapper:before {content:'Footer Wrapper';text-transform:uppercase;font-size:16px;color:#aaa;margin:0 0 20px 0;display:inline-block;font-weight:700;font-family:sans-serif;}
#layout div#post-wrapper:before {content:'Post Wrapper';text-transform:uppercase;font-size:16px;color:#aaa;margin:0 0 20px 0;display:inline-block;font-weight:700;font-family:sans-serif;}
#layout #main-wrapper{width:70%;float:left}
#layout #sidebar-wrapper{width:30%;left:0;padding:0;float:right}
#layout #sidebar-wrapper:before {content:'Sidebar Wrapper';text-transform:uppercase;font-size:16px;color:#aaa;margin:0 0 20px 0;display:inline-block;font-weight:700;font-family:sans-serif;}
#layout .draggable-widget .widget-wrap2 {background:#c1cfd9;}
#layout #banner,#layout #banner2 {background-color:#444;padding:20px 0!important;margin-bottom:20px;}
#layout #banner:before,#layout #banner2:before{content:'Ad Slot 970x90';font-size:13px;color:#fff;margin-bottom:20px;padding-bottom:5px;display:inline-block;font-weight:400;font-family:sans-serif}
#layout #banner .widget,#layout #banner2 .widget{width:80%;margin:5px auto!important;overflow:hidden;float:none}
#layout #banner .add_widget,#layout #banner2 .add_widget{width:80%;margin:5px auto!important;overflow:hidden;float:none}
]]>
</b:template-skin>

<style type='text/css'>
/* CSS Outer Wrapper */
#outer-wrapper {background:#fff;max-width:1000px;margin:0 auto;padding:20px;overflow:hidden;border:1px solid #e0e0e0;border-top:none;border-bottom:none;box-shadow:0px 0px 0px 20px rgba(0,0,0,0.03);}

/* CSS Content Wrapper */
#content-wrapper {background-color:#fff;margin:10px auto;padding:0 0 0 0;word-wrap:break-word;}

/* CSS Top Menu Wrapper */
.adouter-wrapper {background:#fff;position:relative;z-index:96;overflow:hidden;margin:0 auto;border:1px solid #e9e9e9;}
.ct-wrapper {padding:0;position:static;max-width:1000px;margin:0 auto;}
.header-wrapper2 {margin:0 auto;padding:0}

/* CSS Top Navigation */
.top-navigation {display:block;margin:0 auto;float:left;padding:0;width:100%;background:transparent;border:none;}
.top-navigation ul {width:100%;padding:0;margin:0;text-align:left;}
.top-navigation li {list-style-type:none;float:left;padding:0;margin:0;border-right:1px solid #e9e9e9;}
.top-navigation li a {position:relative;font-family:&#39;Open Sans&#39;;font-size:14px;font-weight:400;background-color:transparent;color:#444;display:block;margin:0;padding:18px;line-height:100%;transition:background-color 0.3s;}
.top-navigation ul li a:active, .top-navigation ul li.highlight a {line-height:100%;text-decoration:none;}
.top-navigation ul li a:hover {background-color:#f9f9f9;color:#444;text-decoration:none;}
.top-navigation a#pull {display:none;}
.top-navigation li.facebook,.top-navigation li.twitter,.top-navigation li.instagram,.top-navigation li.googleplus,.top-navigation li.pinterest{text-align:center;color:#444;float:right;transition:initial;}
.top-navigation li a.facebook:hover,.top-navigation li a.twitter:hover,.top-navigation li a.instagram:hover,.top-navigation li a.googleplus:hover,.top-navigation li a.pinterest:hover{color:#444;}
.top-navigation li.facebook .fa.fa-facebook,.top-navigation li.twitter .fa.fa-twitter,.top-navigation li.instagram .fa.fa-instagram,.top-navigation li.googleplus .fa.fa-google-plus,.top-navigation li.pinterest .fa.fa-pinterest{font-weight:normal;color:#444;transition:background-color 0.3s;}
.top-navigation ul li.facebook:hover .fa.fa-facebook,.top-navigation li.twitter:hover .fa.fa-twitter,.top-navigation li.instagram:hover .fa.fa-instagram,.top-navigation li.googleplus:hover .fa.fa-google-plus,.top-navigation li.pinterest:hover .fa.fa-pinterest{background:#f9f9f9;color:#444;}
.top-navigation li.twitter {border-left:1px solid #e9e9e9;}
.top-navigation li.pinterest {border-right:none;}


/* CSS Header Wrapper */
#header-wrapper {margin:20px auto;padding:0;overflow:hidden;max-width:1000px;overflow:hidden;}
#header {float:left;width:100%;max-width:257px;color:#444;margin:0;}
#header h1, #header h2, #header p {font-family:&#39;Roboto Condensed&#39;;font-size:260%;font-weight:700;color:#444;text-transform:uppercase;}
#header a {color:#444;text-decoration:none;transition:all 0.3s ease-out;}
#header a:hover {color:#3B99F5;}
#header .description {font-family:&#39;Open Sans&#39;;font-size:100%;font-weight:400;color:#666;text-transform:none;line-height:1.8;}
.header img {display:block;}
.header-right {float:right;padding:0;overflow:hidden;margin:0;width:100%;
max-width:728px;}
.header-right img {display:block;}
.Header h1,.Header h2 {margin-bottom:10px;}

/* CSS Main Menu */
.slideMenu {display:none;background:#3B99F5;padding:0 15px;height:56px;line-height:56px;color:#fff!important;}
.slideMenu:hover {background:#3B99F5;}
#nav {font-family:&#39;Open Sans&#39;;font-size:14px;font-weight:400;background:#333;height:56px;line-height:56px;margin:0 auto;}
.main-navigation {background:#333;list-style:none;margin:0 0 0 0;*zoom:1;float:left;}
.main-navigation:before,.main-navigation:after {content: &quot; &quot;;display:table;}
.main-navigation:after {clear:both;}
.main-navigation ul {list-style:none;margin:0 0 0 0;width:12em;}
.main-navigation a {display:block;padding:0 15px;}
.main-navigation li {position:relative;margin:0 0;}
.main-navigation &gt; li {float:left;}
.main-navigation &gt; li &gt; a {display:block;height:56px;line-height:56px;color:#fff;}
.main-navigation &gt; li &gt; a.active {background:#3B99F5;}
.main-navigation &gt; li:hover &gt; a {background:#222;color:#fff;}
.main-navigation li ul {background:#fff;display:block;position:absolute;left:0;z-index:10;visibility:hidden;opacity:0;transition:all .25s ease-out;box-shadow:0 0 5px rgba(0,0,0,0.2);}
.main-navigation li li ul {left:100%;top:-1px;}
.main-navigation &gt; li.hover &gt; ul {visibility:visible;opacity:10;}
.main-navigation &gt; li &gt; ul:before {content:&quot;&quot;;width:0px;height:0px;position:absolute;
bottom:100%;left:20px;border-width:8px;border-style:solid;border-color:transparent transparent #fff transparent;display:block;}
.main-navigation li li.hover ul {visibility:visible;opacity:10;}
.main-navigation li li a {display:block;color:#444;position:relative;z-index:100;height:46px;line-height:46px;}
.main-navigation li li a:hover {background:#f9f9f9;color:#444;}
.main-navigation li li li a {background:#fff;z-index:20;color:#444;}
.main-navigation li .parent:after {content: &quot;\f107&quot;;font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;padding-left:6px;}
#search-form {background:#333;float:right;margin:0 0;width:200px;}
#search-form table {width:100%;margin:0 0 0 0;}
#search-form td.search-box {padding-right:30px;}
#search-form input#search-box[type=&quot;text&quot;] {background:#fff;height:36px;line-height:36px;margin:5px 0 5px 10px;padding:0 10px;width:99%;color:#666;border:none;}
#search-form input#search-button[type=&quot;submit&quot;] {font-family:FontAwesome;background:#3B99F5;color:#fff;height:36px;line-height:36px;margin:5px 10px 5px -2px;padding:0 12px;border:none;outline:none;transition:all 0.25s;}
#search-form input#search-button[type=&quot;submit&quot;]:hover{background:#222;cursor:pointer;}
#search-form input#search-box[type=&quot;text&quot;]:focus {background:#fdfdfd;outline:none;}

/* CSS Post Wrapper */
#post-wrapper {background:transparent;color:#444;float:left;width:70%;margin:0 0 10px;}
.post-inner {padding:15px 15px 0 0;}
.breadcrumbs {background:#fff;font-size:100%;height:45px;overflow:hidden;padding:0;border:1px solid #e9e9e9;border-bottom:none;}
.breadcrumbs &gt; span {padding:0;}
.breadcrumbs &gt; span:last-child {background:#fdfdfd;color:#666;border-right:none;font-family:&#39;Open Sans&#39;;font-size:13px;font-weight:300;padding:10px;line-height:30px;}
.breadcrumbs a {background:#fdfdfd;color:#666;font-family:&#39;Open Sans&#39;;font-size:13px;
font-weight:normal;line-height:45px;}
.breadcrumbs span a {color:#666;padding:10px;}
.breadcrumbs span:first-child  a{background:#fdfdfd;color:#666;margin-left:15px;}
.breadcrumbs span a:hover {color:#00a3d9;}
.breadcrumbs a:hover {color:#00a3d9;}
.post {background:#fff;margin:0;padding:20px;border:1px solid #e9e9e9;}
.post-body {line-height:1.6em;color:#444;margin-top:15px;margin-right:0;font-size:14px;}
.post-body img {max-width:95%;margin:0 auto;height:auto;}
h3.post-title, h2.post-title, h1.post-title {font-family:&#39;Roboto Condensed&#39;,sans-serif;font-size:20px;font-weight:400;text-align:center;padding:15px;}
h3.post-title a, h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {color:#999;}
h3.post-title a:hover, h2.post-title a:hover, h1.post-title a:hover {color:#3B99F5!important;}
.post-info {background:transparent;margin-top:5px;margin-bottom:5px;color:#fff;font-size:12px;text-align:left;padding:0;box-shadow:none;}
.post-info a {display:inline;background:transparent;color:#666;padding:4px 6px 4px 6px;transition:all .3s ease-out;}
.post-info a:hover {color:#3B99F5;}
.author-info, .time-info, .comment-info, .label-info, .review-info {
margin-right:8px!important;display:inline-block;color:#666;padding:10px;}
.post-info .avatar-author {float:left;border:0;padding:0;width:38px;height:38px;box-shadow:none;}
.timestamp-link abbr {border-bottom:none;}
.halaman{padding:10px 0;background:#fdfdfd;border:1px solid #e9e9e9;border-top:none;}
.halaman-kiri{width:50%;float:left;margin:0;text-align:left;color:#bbb;transition:all .3s ease-out;}
.halaman-kanan{width:50%;float:right;margin:0;text-align:right;color:#bbb;transition:all .3s ease-out}
.halaman-kanan:hover .pager-title-left,.halaman-kiri:hover .pager-title-left{color:#ddd!important;}
.halaman-kiri a,.halaman-kanan a{color:#999;}
.halaman-kanan a:hover,.halaman-kiri a:hover{color:#666!important;}
.halaman-kiri a,.halaman-kanan a,.current-pageleft,.current-pageright{font-size:14px;font-family: &#39;Roboto Condensed&#39;,Helvetica,Arial,sans-serif;font-weight:400;background:none;text-decoration:none}
.current-pageleft{padding:0 0 0 15px;}
.current-pageright{padding:0 15px 0 0;}
.pager-title-left{font-family: &#39;Open Sans&#39;,sans-serif;font-size:22px;font-weight:700;text-transform:uppercase;transition:all .3s ease-out}
.isihalaman-kiri{margin:0}
.isihalaman-kanan{margin:5px 10px 10px}
#blog-pager-newer-link{float:left;padding:0 0 0 15px;}
#blog-pager-older-link{float:right;padding:0 15px 0 0;}
.blog-pager,#blog-pager{clear:both;text-align:center}
.feed-links{clear:both;line-height:2.5em;}
span.post-author.vcard {visibility:hidden;width:0;height:0;}
.post-header, .post-footer {line-height:initial;width:0;height:0;}

/* CSS Recent Post and  */
.widget-item-control{display:none!important}
.recent-date:before{content:&#39;\f073&#39;;font-family:fontawesome;color:#bbb}
.recent-date{color:#999;font-weight:400;font-size:12px}
.recent-author:before{content:&#39;\f007&#39;;font-family:fontawesome;color:#bbb}
.recent-author{color:#999;font-weight:400;font-size:12px}
.recent-title{font-family:&#39;Roboto Condensed&#39;,sans-serif;font-size:15px;font-weight:400;}
.recent-title a:hover{text-decoration:none;color:#f47664}
.recent-block .recent-thumb{width:100%;height:150px;display:block}
.recent-block ul li{float:left;width:33%;display:inline-block;position:relative;padding:0;margin-right:.3%;margin-bottom:2px}
.recent-block .recent-title a{font-weight:700;margin-bottom:5px;display:inline-block}
.adrecent-posts .arl-tmb{float:left;margin-right:10px}
.adrecent-posts .post-panel{margin-left:70px}
.recent-date:before{margin-right:10px}
.recent-author:before{margin-right:10px}
.recent-author{margin-left:10px}
.item .post-heading{-webkit-border-radius:2px 2px 0 0;border-radius:2px 2px 0 0}
.index article{padding:0 0 0 20px}
.tagstitle{float:left;margin:0 10px 0 0}
.authorLeft{float:left;margin-right:20px}
.authorContent .authorSocial{float:right}
.sidebar .LinkList li:before,.footer .LinkList li:before,.sidebar .PageList li:before,.footer .PageList li:before{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.item-icon{margin:0 0 10px;float:none;width:38px;height:38px;display:inline-block;line-height:38px;text-align:center;vertical-align:middle;background-color:#a3a3a3;color:#fff;font-size:18px;border-radius:2px;transition:.8s}
.item-count{display:block;color:#5f5f5f;font-weight:normal;font-size:14px;line-height:20px}
.item-text{display:block;color:#9d9d9d;font-size:12px;line-height:18px}
.authorDetails h2{float:left}
.authorDetails span{float:right}

/* CSS Comments */
#comments{background:#fff;clear:both;margin:20px auto 0;line-height:1em;padding:20px;border:1px solid #e9e9e9;}
#comments h3{display:inline;line-height:20px;margin-bottom:20px;margin-top:-20px;margin-left:-20px;font-family:&#39;Open Sans&#39;,sans-serif;font-size:14px;position:absolute;background:#fff;color:#999;font-weight:700;text-transform:uppercase;padding:10px 20px 10px 50px;border:1px solid #e9e9e9;border-top:none;border-left:none;}
#comments h3:before {font-family:fontawesome;content:&quot;\f086&quot;;margin-right:10px;font-size:20px;padding:10px 15px;position:absolute;left:0;top:0;font-weight:normal;}
#comments .click-comment{background:#fff;color:#999;float:right;text-decoration:none;display:inline;line-height:20px;margin-bottom:20px;margin-top:-20px;margin-right:-20px;font-family:&#39;Open Sans&#39;,sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;padding:10px 20px;border:1px solid #e9e9e9;border-top:none;border-right:none;}
#comments .click-comment:hover{background:#fafafa;color:#666;}
.comment_avatar_wrap{border-radius:10%;width:46px;height:46px;border:none;background:none;text-align:center;padding:0;overflow:hidden;}
#comments .comment_avatar {border-radius:10%;width:46px;height:46px;max-width:46px;max-height:46px;background:#f9f9f9;padding:4px;text-align:center;position:absolute;top:0;left:0;overflow:hidden;}
#comments .comment_admin .comment_avatar{border-radius:10%;width:46px;height:46px;max-width:46px;max-height:46px;padding:4px;text-align:center;position:absolute;top:0;left:0;overflow:hidden;}
#comments .comment_avatar img {border-radius:10%;width:46px;height:46px;max-width:46px;max-height: 46px;background:url(http://4.bp.blogspot.com/-hLqBXiTrm0Q/VJ7pie2jM3I/AAAAAAAABwI/aHQypgTLHu8/s1600/avatwisted.png) no-repeat;overflow:hidden;}
.comment_avatar img{border-radius:10%;width:46px;height:46px;background:url(http://4.bp.blogspot.com/-hLqBXiTrm0Q/VJ7pie2jM3I/AAAAAAAABwI/aHQypgTLHu8/s1600/avatwisted.png) no-repeat;overflow:hidden;}
.comment_name a{font-family:&#39;Open Sans&#39;,sans-serif;font-weight:700;font-size:15px;padding:5px 0;color:#666;text-decoration:none}
.comment_child .comment_name a{color:#666;}
.comment_child .comment_name a:hover {color:#3B99F5;}
.comment_admin .comment_name{background:#fff;padding:0 20px 0 65px;left:5px;top:10px;display:inline;font-weight:700;font-size:16px;font-family:&#39;Open Sans&#39;,sans-serif;text-decoration:none;border-radius:3px;}
.comment_admin .comment_date{left:10px;font-weight:700;font-size:11px;}
.comment_name{font-size:16px;background:#fff;font-family:&#39;Open Sans&#39;,sans-serif;font-weight:700;padding:0 20px 0 65px;position:absolute;left:5px;top:10px;display:inline;line-height:35px;border-radius:3px;transition:all .3s ease-out;}
.comment_name:hover,.comment_name a:hover,.comment_admin .comment_name a:hover,.comment_admin .comment_name:hover{color:#f53b3b;}
.comment_service{position:absolute;top:31px;right:0;}
.item-control {display:none;}
.comment_date a{font-size:11px;font-weight:400;text-transform:none;text-decoration:initial;
color:#666!important;text-align:center;padding:1px 6px;opacity:0.9;transition:all .3s ease-out;}
.comment_date a:hover{color:#3B99F5!important;}
.comment-delete{position:absolute;display:inline-block;top:-2px;right:50px;
color:#666!important;text-align:center;font-family:&#39;Open Sans&#39;;font-size:11px;padding:2px 6px;opacity:0.9;transition:all .3s ease-out;}
.comment-delete:hover{color:#3B99F5!important;}
.comment_body{margin:20px 0;padding:0;position:relative;}
.comment_body p{line-height:1.6em;color:#666;font-size:14px;font-family:&#39;Open Sans&#39;,Helvetica,Arial,sans-serif;word-wrap:break-word;background:#fafafa;padding:30px 20px;position:relative;margin-top:25px;border-radius:6px;box-shadow:0 0 0 1px #e9e9e9;transition:all .3s ease-out;}
.comment_body p:before, .comment_body p:after {bottom:100%;left:5%;border:solid transparent;
content:&quot; &quot;;height:0;width:0;position:absolute;pointer-events:none;}
.comment_body p:after {border-color:rgba(255,255,255,0);border-bottom-color:#fafafa;
border-width:8px;margin-left:-8px;}
.comment_body p:before {border-color:rgba(255,225,255,0);border-bottom-color:#ddd;border-width:9px;margin-left:-9px;transition:all .3s ease-out;}
.comment_child .comment_body p{color:#666;}
.comment_body p img{vertical-align:middle;margin:0 5px;}
.comment_body p:hover{box-shadow:0 0 0 1px #ccc;}
.comment_body p:hover:before {border-bottom-color:#aaa;}
.comment_inner{padding-bottom:5px;margin:5px 0}
.comment_child .comment_wrap{padding-left:7%}
.comment_child .comment_body{margin-top:-15px;}
.comment_reply{display:inline-block;background:#3B99F5;color:#fff!important;text-align:center;
font-family:&#39;Open Sans&#39;;font-size:11px;margin:0;padding:4px 6px 6px 6px;opacity:0.9;border-radius:2px;}
.comment_reply:hover{text-decoration:none!important;background:#e76960;color:#fff!important;}
.comment-form{width:100%;max-width:100%;margin-bottom:10px;padding:0;}
.comment_form a{text-decoration:none;text-transform:uppercase;font-weight:700;font-family:Arial,Helvetica,sans-serif;font-size:15px;color:#666}
#comment-editor{width:103%!important;background:url(&#39;http://4.bp.blogspot.com/-jSUS8v5kwpQ/U8Z_6Ufr-PI/AAAAAAAAEYY/o4cQPKvt8vQ/s1600/loading.gif&#39;) no-repeat 50% 25%;position:relative;margin-left:-8px;margin-top:-15px}
.comment-form p{position:relative;background:#6d84b4;color:#fff;font-size:14px;font-family:&#39;Open Sans&#39;,Helvetica,Arial,sans-serif;line-height:1.5em;margin-bottom:20px;padding:15px;border-radius:3px;}
.comment-form p:after, .comment-form p:before {top:100%;left:9%;border:solid transparent;
content:&quot; &quot;;height:0;width:0;position:absolute;pointer-events:none;}
.comment-form p:after {border-color:rgba(68,68,68,0);border-top-color:#9687be;border-width:10px;margin-left:-10px;}
.comment-form p:before {border-color:rgba(221,221,221,0);border-top-color:transparent;border-width:11px;margin-left:-11px;transition:all .3s ease-out;}
.comment_reply_form{padding:0 0 0 7%}
.comment_reply_form .comment-form{width:100%}
.comment_emo_list .item{float:left;text-align:center;height:40px;width:41px;margin:0 0 10px;}
.comment_emo_list span{display:block;font-weight:400;font-size:11px;letter-spacing:1px;color:#666}
.comment_youtube{max-width:100%!important;width:400px;height:225px;display:block;margin:auto}
.comment_img{max-width:100%!important}
#respond{overflow:hidden;padding-left:10px;clear:both}
.unneeded-paging-control,.comment_author_flag{display:none}
.comment_admin .comment_author_flag {display:inline-block;font-family:&#39;Open Sans&#39;;font-size:10px;color:#888;text-align:center;position:absolute;right:-40%;top:31%;line-height:normal;}
.comment_child .comment_admin .comment_author_flag {color:#aaa;right:-40%;}
.spammer-detected{font-size:14px!important;color:#fff!important;background:#5cb0d8!important;margin:25px;
display:inline-block;padding:10px 15px!important;}
.deleted-comment{display:block;color:#fff;word-wrap:break-word;background:#a9b1b7;margin-top:10px;padding:10px;font-size:14px; font-family:&#39;Open Sans&#39;,Helvetica,Arial,sans-serif;}
iframe{border:none;overflow:hidden}
.paging-control-container{text-align:center;margin:0 0 0 25%;}
.paging-control-container a{text-align:center;margin:0 auto;background:#666;padding:5px 10px;
color:#fff;transition:all .3s ease-out}
.paging-control-container a:hover{background:#e6ae48;color:#fff;}
.comment_header {padding:0;}
.comment_child .comment_header {padding:0;}
#emo-box,#hide-emo {display:none}
.small-button1 a {font-size:12px;font-family:&#39;Open Sans&#39;;cursor:pointer;font-weight:400;margin:10px 5px 5px 0;text-decoration:none;text-transform:none;text-shadow:none;display:inline-block;color:#fff;padding:2px 10px;cursor:pointer;border-radius:2px;background-color:rgba(255,255,255,0.2);transition: all 0.3s ease-out;}
.small-button1:hover a{background-color:rgba(255,255,255,0.3);color:#fff;display:inline-block;}
span.small-button1 {text-align:left;display:inline-block;}

/* CSS Shortcodes */
.button{float:left;list-style:none;text-align:center;width:95%;margin:10px;
padding:2px;font-size:14px;clear:both;}
.button ul {margin:0;padding:0}
.button li{display:inline;margin:5px;padding:0;list-style:none;}
.demo,.download {padding:12px 15px!important;color:#fff!important;font-weight:700;font-size:14px;font-family:&#39;Open Sans&#39;,sans-serif;text-align:center;text-transform:uppercase;letter-spacing:0.5px;border-radius:3px;transition:all 0.3s ease-out;}
.demo {background-color:#444;}
.download {background-color:#3B99F5;}
.demo:hover {background-color:#3B99F5;color:#fff;}
.download:hover {background-color:#444;color:#fff;}
.demo:before {content:&#39;\f135&#39;;display:inline-block;font-weight:normal;vertical-align:top;margin-right:10px;width:16px;height:16px;line-height:24px;font-family:fontawesome;transition:all 0.5s ease-out;}
.download:before {content:&#39;\f019&#39;;display:inline-block;font-weight:normal;vertical-align:top;margin-right:10px;width:16px;height:16px;line-height:24px;font-family:fontawesome;transition:all 0.5s ease-out;}
.first-letter{float:left;color:#f77c6a;font-size:75px;line-height:60px;padding-top:4px;padding-right:8px;padding-left:3px;font-family:Georgia}
.widget .post-body ul,.widget .post-body ol{line-height:1.5;font-weight:400}
.widget .post-body li{padding:0;line-height:1.5}
.alert-message{position:relative;display:block;background-color:#f7f8fa;padding:20px;margin:20px 0;border-radius:2px;color:#39484d;}
.alert-message p{margin:0!important;padding:0;line-height:22px;font-size:13px;color:#39484d}
.alert-message span{font-size:14px!important}
.alert-message i{font-size:22px;text-align:left;display:inline-block;
position:absolute;right:0;top:0;padding:20px;opacity:0.8;}
.alert-message.success{background-color:#00acd6;color:#fff}
.alert-message.success a,.alert-message.success span{color:#fff}
.alert-message.alert{background-color:#0073b7;color:#fff}
.alert-message.alert a,.alert-message.alert span{color:#fff}
.alert-message.warning{background-color:#efa666;color:#fff}
.alert-message.warning a,.alert-message.warning span{color:#fff}
.alert-message.error{background-color:#f56c7e;color:#fff}
.alert-message.error a,.alert-message.error span{color:#fff}
.fa-check-circle:before{content:&quot;\f058&quot;}
.fa-info-circle:before{content:&quot;\f05a&quot;}
.fa-exclamation-triangle:before{content:&quot;\f071&quot;}
.fa-exclamation-circle:before{content:&quot;\f06a&quot;}
#flippy {text-align:center;}
#flippy button {margin:10px auto;cursor:pointer;font-weight:700;font-size:14px;font-family:&#39;Open Sans&#39;,sans-serif;background-color:#444;color:#fff!important;padding:8px 12px!important;text-transform:uppercase;border:none;border-radius:2px;transition:all 0.3s ease-out;}
#flippy button:hover, #flippy button:focus {outline:none;background-color:#3B99F5;color:#fff;}
#flippanel {padding:1px;text-align:left;background:#fafafa;border:1px solid #e9e9e9;}
#flippanel {padding:24px;display:none;}
#flippanel img {background:#f5f5f5;margin:10px auto;}

/* CSS Widget */
.widget ul {line-height:1.4em;}
.profile-img{display:inline;opacity:1;margin:0 6px 3px 0;}
.rich-snippet {padding:10px;margin:15px 0 0;border:3px solid #e6e6e6;font-size:12px;}
#Attribution1 {height:0px;visibility:hidden;display:none;}

/* CSS Sidebar Wrapper */
#sidebar-wrapper {background:transparent;float:right;width:30%;margin:0 auto;}
.sidebar-inner {padding:15px 0;}
.sidebar .widget-content,.sidebar-two .widget-content {padding:10px;}
.sidebar h2, .sidebar-two h2, .sidebar h3, .sidebar-two h3 {font-family:&#39;Roboto Condensed&#39;;font-size:16px;font-weight:400;color:#444;padding:5px 15px;margin:0;height:30px;line-height:30px;text-transform:uppercase;display:block;background:#f9f9f9;transition:All 0.3s ease-out;}
.tab-list h2, .tab-list h3{font-family:&#39;Roboto Condensed&#39;;font-size:16px;font-weight:400;color:#444;padding:0;text-transform:uppercase;display:block;background:#fff;transition:All 0.3s ease-out;}
.sidebar .widget,.sidebar-two .widget {background:#fff;margin:0 0 15px;border:1px solid #e9e9e9;}
.sidebar ul, .sidebar ol,.sidebar-two ul, .sidebar-two ol {list-style-type:none;margin:0 0 0 0;padding:10px;padding-top:0;}
.sidebar li,.sidebar-two li {margin:5px 0;padding:0 0 0 0;}
.adrecent-comments li .avatarImg{float:left;margin:0 10px 0 0;position:relative;overflow:hidden;padding:0}
.adrecent-comments li img.rc-img {float:left;margin:0 10px 0 0;position:relative;overflow:hidden;
padding:0;width:45px;height:45px;background-size:cover;}
.adrecent-comments li{background:none!important;clear:both;list-style:none;word-break:break-all;display:block;overflow:hidden;padding:10px 0!important;margin:0!important;}
.adrecent-comments li span{color:#666;display:block;font-family:&#39;Open Sans&#39;;font-size:13px;font-weight:400;text-transform:lowercase;}
.avatarcomments{width:45px;height:45px}
.adrecent-comments a{color:#444;position:relative;font-size:14px;font-family:&#39;Open Sans&#39;;font-weight:700;display:block;overflow:hidden;}
.adrecent-comments{list-style:none;padding:0}
.adrecent-comments li:first-child &gt; a:before {content:&quot;new&quot;;font-family:&#39;Roboto Condensed&#39;;font-size:12px;font-weight:400;padding:0 4px;border-radius:2px;color:#fff;background:#79a0cb;display:inline-block;position:absolute;right:0;top:0;}
#sidebar-wrapper .adrecent-posts li{overflow:hidden;padding:10px 0}
.adrecent-posts li:first-child{padding-top:0}
.adrecent-posts li:last-child{border-bottom:none}
.adrecent-posts .arl-tmb{display:block;width:60px;height:60px;}
.adrecent-posts .rcp-title{font-family:&#39;Open Sans&#39;;font-size:14px;font-weight:700;margin:0 0 6px 0;height:initial;line-height:initial;text-align:left;padding:0;text-transform:none;}
.adrecent-posts .rcp-title a{color:#444;font-weight:700;font-size:14px}
.adrecent-posts .rcp-title a:hover{color:#3B99F5;text-decoration:none}

/* CSS Tabs */
.tabs, .tab-list {margin:0 0;}
.tabs .tab-list {padding:0 0;}
.tabs-menu {padding:0 0;margin:0;margin-bottom:0;border:1px solid #e9e9e9;border-bottom:none;}
.tabs-menu li {margin-bottom:0;margin-top:0;font-size:12px;font-family:&#39;Open Sans&#39;;
font-weight:normal;text-transform:uppercase;height:37px;line-height:37px;width:33.3%;list-style:none;text-align:center;display:inline-block;padding:5px 0;background:#333;color:#fff;
cursor:pointer;position:relative;transition:initial;}
.tabs-menu li:hover {opacity:0.95;color:#fff;}
.tabs-menu .active-tab {background:#fff;color:#666;transition:all 0.3s;}
.tabs-menu .active-tab:hover {opacity:0.95;color:#3B99F5;}
.tabs-menu &gt; li.tab-2 {background:#3B99F5;}
.tabs-menu &gt; li.tab-2.active-tab {background:#fff;color:#666;}
.tabs-menu li span {display:none;}
.tabs-menu li:before {font-family:Fontawesome;text-align:center;font-size:16px;}
.tabs-menu li:nth-child(1):before {content:&#39;\f09e&#39;;}
.tabs-menu li:nth-child(2):before {content:&#39;\f006&#39;;}
.tabs-menu li:nth-child(3):before {content:&#39;\f0e6&#39;;}
.tabs-content {padding:10px;background:#fff;margin-bottom:15px;border:1px solid #e9e9e9;border-top:none;}
.tabs-content .sidebar li {margin:0 0;padding:0 0 0 0;}
.tabs-content .widget li {background:#fff;color:#666;float:none!important;border-bottom:1px solid #e6e6e6;}
.tabs-content .widget li:last-child {border-bottom:none;}
.tabs-content .widget ul {background:#fff;color:#666;overflow:visible;}

/* CSS Popular Post */
.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:#444;}
.PopularPosts ul li img {display:block;margin-right:10px;padding:0;width:60px;height:60px;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:0;position:relative;transition:all 0.3s ease-out;}
.PopularPosts ul li:first-child {border-top:none;}
.PopularPosts ul li:last-child {border-bottom:none;}
.PopularPosts ul li a:hover {color:#3B99F5!important;}
.PopularPosts ul li .item-title a, .PopularPosts ul li a {font-weight:700;color:#444;text-decoration:none;font-size:14px;font-weight:700;font-family:&#39;Open Sans&#39;;transition:all 0.3s ease-out;}
.PopularPosts ul li .item-title a:hover, .PopularPosts ul li a:hover {color:#3B99F5;}
.PopularPosts ul li:before {display:none;list-style:none;}
.PopularPosts ul li:first-child &gt; a:before {content:&quot;hot&quot;;font-size:10px;font-weight:400;padding:0 4px;border-radius:2px;color:#fff;background:#f0b26f;display:inline-block;position:absolute;right:0;top:0;}
.PopularPosts .item-thumbnail {margin:0 0 0 0;}
.PopularPosts .item-snippet {font-size:11px;color:#666;font-weight:400;}
.profile-img{display:inline;opacity:1;margin:0 6px 3px 0;}
.PopularPosts .item-title {padding-bottom:.2em;padding:0 5px;}

/* CSS Footer Wrapper */
#footer-wrapper {text-align:left;overflow:hidden;background:#222;margin:0;padding:15px 0 0 0;margin-top:20px;border-top:4px solid #3B99F5;}
#footer-adwidget .footer-widget {width:30.2%;float:left;margin-left:20px;padding-top:10px;padding-bottom:15px;}
#footer-adwidget {max-width:1000px;overflow:hidden;margin:0 auto;}
#footer-wrapper h2 {font-family:&#39;Open Sans&#39;;font-size:15px;font-weight:700;color:#f9f9f9;padding:10px 0;text-transform:uppercase;display:block;border-bottom:2px solid #444;}
#footer-wrapper .widget-content {text-align:left;font-family:&#39;Open Sans&#39;,Helvetica;margin:20px 0 15px;color:#f9f9f9;}
#footer-wrapper .widget-content li {margin-left:-14px;color:#f9f9f9}
#footer-wrapper .widget li {margin:5px 0 0 0;padding:5px 0 0 0;display:block;}
.footer li a {padding-top:0;padding-right:0;line-height:2em;font-size:13px;
font-weight:400;font-family:&#39;Open Sans&#39;,Helvetica;color:#f9f9f9;margin:0}
.footer li a:hover {color:#fff;}
#footer-last {overflow:hidden;background:#333;padding:12px 5px;margin:15px 0 0 0;}
.cpleft {float:left;margin:10px;color:#eee;font-size:13px;font-family:&#39;Open Sans&#39;;font-weight:700;}
#ftright {float:right;margin:10px;color:#eee;font-size:13px;font-family:&#39;Open Sans&#39;;font-weight:700;}
.cpleft a,#ftright a {color:#eee;text-decoration:none;}
.cpleft a:hover,#ftright a:hover {color:#3B99F5;text-decoration:none;}
.footer {font-weight:400;padding-bottom:.2em;}
.footer-bottom {min-height:40px;}
#footx1,#footx2,#footx3 {margin:0 .2%}
.footer {font-weight:400;padding-bottom:.2em;}
.footer-bottom .adrecent-posts li{overflow:hidden;padding:10px 0}
.footer-bottom .adrecent-posts li:first-child{padding-top:0}
.footer-bottom .adrecent-posts li:last-child{border-bottom:none}
.footer-bottom .adrecent-posts .arl-tmb{display:block;width:60px;height:60px;}
.footer-bottom .adrecent-posts .rcp-title{font-family:&#39;Open Sans&#39;;font-size:15px;font-weight:400;margin:0 0 8px 0;padding:0;}
.footer-bottom .adrecent-posts .rcp-title a{color:#f9f9f9;font-weight:400;font-size:14px}
.footer-bottom .adrecent-posts .rcp-title a:hover{color:#fff;text-decoration:none}

/* CSS Contact */
#ContactForm1,#ContactForm1 br{display:none;}
#ContactForm1_contact-form-name, #ContactForm1_contact-form-email{
width:50%;height:auto;margin:5px auto;padding:10px;background:#fff;color:#444;border:1px solid #e9e9e9;border-radius:3px;transition:all 0.5s ease-out;}
#ContactForm1_contact-form-email-message{width:450px;height:175px;margin:5px 0;padding:10px;background:#fff;color:#444;font-family:&#39;Open Sans&#39;,sans-serif;border:1px solid #e9e9e9;border-radius:3px;transition:all 0.5s ease-out;}
#ContactForm1_contact-form-name:focus, #ContactForm1_contact-form-email:focus, #ContactForm1_contact-form-email-message:focus{outline:none;background:#fff;color:#666;border-color:rgba(81,203,238,1);box-shadow:0 0 5px rgba(81,203,238,0.7);}
#ContactForm1_contact-form-submit {font-family:&#39;Open Sans&#39;;float:left;background:#f3f3f3;color:#aaa;margin:10px auto;vertical-align:middle;cursor:pointer;padding:10px 18px!important;font-weight:700;font-size:14px;text-align:center;text-transform:uppercase;letter-spacing:0.5px;border:none;border-radius:4rem;background-image: linear-gradient(110deg, #3B99F5 0%, #3B99F5 50%, transparent 50%, transparent 100%);background-size:200%;background-position:120% 0;background-repeat:no-repeat;transition: background-position .4s ease, color .4s ease;}
#ContactForm1_contact-form-submit:hover {color:#fff;background-position:0 0;}
#ContactForm1_contact-form-error-message, #ContactForm1_contact-form-success-message{
width:450px;margin-top:35px;}

/* CSS label */
.label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5 {font-size:100%;opacity:1}
.cloud-label-widget-content{text-align:left;padding:10px;}
.label-size {background:#fff;display:block;float:left;margin:0 4px 4px 0;
color:#666;font-size:11px;line-height:1.2;transition:initial;}
.label-size a,.label-size span{display:inline-block;color:#666;padding:8px 10px;
font-weight:400;transition:initial;}
.label-count {white-space:nowrap;padding-right:3px;margin-left:-3px;
background:#e25756;color:#fff;}
.label-count:hover {background:#8AC3FA;color:#fff;}
#sidebar-wrapper .Label li {background:#fff;color:#666;float:left;padding:10px 5px;margin-left:3px;text-align:left;width:95%;border-bottom:1px solid #eee;transition:all .3s ease-out;}
#sidebar-wrapper .Label li:hover {background:#fff;color:#8AC3FA;}
#sidebar-wrapper .Label li:before {content:&quot;\f105&quot;;font-family:FontAwesome;
font-style:normal;font-weight:normal;text-decoration:inherit;padding-right:4px;
color:#666;transition:all .3s ease-out;}
#sidebar-wrapper .Label li:hover:before {padding-right:4px;color:#8AC3FA;}
#sidebar-wrapper .Label li a {color:#666;transition:all .3s ease-out;}
#sidebar-wrapper .Label li a:hover {color:#8AC3FA;}
#sidebar-wrapper .label-size{background:#f6f6f6;display:block;float:left;margin:0 4px 4px 0;font-size:13px;border:none;transition:all .3s ease-out;}
#sidebar-wrapper .label-size a {display:inline-block;color:#666;padding:8px 10px;
font-weight:400;transition:initial;}
#sidebar-wrapper .label-size a:hover {background:#3B99F5;color:#fff;transition:initial;}
#sidebar-wrapper .Label li:before {content:&quot;\f105&quot;;font-family:FontAwesome;
font-style:normal;font-weight:normal;text-decoration:inherit;padding-right:4px;
color:#666;transition:initial;}
#sidebar-wrapper .Label li:hover:before {margin:0 0 0 5px;color:#8AC3FA;}
#sidebar-wrapper .label-size:hover{background:#3B99F5;color:#fff;transition:initial;}
#sidebar-wrapper .Label li span{float:right;background-color:#999;color:#fff;line-height:1.2;margin:0;padding:4px 6px;text-align:center;font-size:13px;transition:initial;}
#sidebar-wrapper .Label li span:hover{background-color:#8AC3FA;color:#fff}
#footer-wrapper .label-size{background:#333;color:#fff;display:block;float:left;margin:0 4px 4px 0;font-size:13px;transition:initial;}
#footer-wrapper .label-size a {display:inline-block;color:#fff;padding:8px 10px;
font-weight:400;transition:initial;}
#footer-wrapper .label-size a:hover {background:#8AC3FA;color:#fff;transition:initial;}
#footer-wrapper .label-size a:before {content:&quot;\f02b&quot;;font-family:FontAwesome;
font-style:normal;font-weight:normal;text-decoration:none;padding-right:4px;
color:#fff;transition:initial;}
#footer-wrapper .label-size a:hover:before {content:&quot;\f061&quot;;font-family:FontAwesome;
font-style:normal;font-weight:normal;text-decoration:none;color:#fff;transition:initial;}
#footer-wrapper .label-size:hover, #footer-wrapper-inner .label-size:hover{background:#8AC3FA;color:#fff;transition:initial;}
#footer-wrapper .label-count {white-space:nowrap;padding:3px;
background:#333;color:#fff!important;transition:initial;}
#footer-wrapper .Label li {background:transparent;float:left;padding:10px 5px;margin:0;text-align:left;width:45%;transition:all .3s ease-out;}
#footer-wrapper .Label li:hover {color:#8AC3FA;}
#footer-wrapper .Label li a {color:#aaa;transition:all .3s ease-out;}
#footer-wrapper .Label li a:hover {color:#8AC3FA;}
#footer-wrapper .Label li span{float:right;color:#aaa;margin:0;padding:4px 6px;text-align:center;font-size:13px;font-weight:400;transition:all .3s ease-out;}
#footer-wrapper .Label li span:hover{color:#8AC3FA}

/* CSS Ads */
.banner,.banner2 {margin:0 auto;text-align:center;overflow:hidden;}
.banner .widget,.banner2 .widget {width:100%;max-width:100%;margin:0 auto;background:transparent;text-align:center;overflow:hidden;padding-top:15px;padding-bottom:15px;}
.banner img, .banner iframe,.banner2 img, .banner2 iframe{display:block;margin:0 auto;text-align:center;}
.kotak_iklan {text-align:center;margin:0 auto;transition:all 1s ease-out;}
.kotak_iklan .sidebar .widget-content,.kotak_iklan .sidebar-two .widget-content{padding:0;border:0;}
.kotak_iklan .sidebar .widget {margin-bottom:0;padding:0;}
.kotak_iklan img {background:#fff;text-align:center;margin:0 auto;padding:4px;border:1px solid transparent!important;transition: all 0.6s ease-out;}
.kotak_iklan  img:hover {background:#f9f9f9;border:1px solid #e9e9e9;}
.kotak_iklan2 {text-align:center;margin:0 auto;transition:all 1s ease-out;}
.kotak_iklan2 .sidebar .widget-content,.kotak_iklan2 .sidebar-two .widget-content{padding:0;background:#f2f6f7;box-shadow:0 1px 2px 0 rgba(0,0,0,0.1);border:0;}
.kotak_iklan2 .sidebar .widget,.kotak_iklan2 .sidebar-two .widget {margin-bottom:0;padding:0;}
.kotak_iklan2  img {text-align:center;transition:all 1s ease-out;}
.kotak_iklan2  img:hover {transition:all .5s ease-out;}

/* CSS Follow by email */
div#FollowByEmail1{background:transparent;border:1px solid #fafafa;}
.FollowByEmail .widget-content {padding:0;}
.FollowByEmail .follow-by-email-inner {position:relative;color:#666;}
.follow-by-email-inner {background:#333;padding:15px;color:#fff;}
.follow-by-email-inner:before {color:#fff;content: &quot; Follow by Email &quot;;font-family: &#39;Roboto Condensed&#39;;font-size:16px;font-weight:400;padding-bottom:10px;}
.FollowByEmail .follow-by-email-inner .follow-by-email-address {background:#fff;
color:#666;border:1px solid #333;font-size:13px;height:32px;line-height:32px;padding-left:5px;width:100%;border-radius:2px 0 0 2px;transition:all 0.2s;}
.FollowByEmail .follow-by-email-inner .follow-by-email-address:focus {outline:none;color:#444;}
.FollowByEmail .follow-by-email-inner .follow-by-email-submit {background:#3B99F5;
color:#fff;border:1px solid #333;cursor:pointer;font-family:&#39;Roboto Condensed&#39;;font-size:15px;height:34.5px;line-height:34.5px;margin:0 2px;width:64px;z-index:0;border-radius:0 2px 2px 0;border-left:none;transition:all 0.2s;}
.FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover {
background:#222;color:#fff;}
.tabletd1 {width:100%;}
.tabletd2 {width:64px;}
.FollowByEmail .follow-by-email-inner input {font-family:&#39;Open Sans&#39;,sans-serif;}

/* CSS Fixed Inner */
.status-msg-wrap {width:100%;margin:20px auto;}
.status-msg-body {padding:20px 2%;width:96%;background:#fff;}
.status-msg-border {border:none;opacity:1;width:auto;}
.status-msg-bg {background-color:#fff;}
.status-msg-hidden {padding:20px 2%;}
.rich-snippet {padding:10px;margin:15px 0 0;border:none;font-size:12px;}
.Profile img {margin:0 15px 15px 0;width:104px;height:104px;}
a.profile-name-link.g-profile,a.profile-link {color:#666;}
.profile-textblock {color:#666;}
span.post-count {font-size:11px;font-weight:700;}

/* CSS Page Navigation */
.pagenav {background-color:#fff;clear:both;margin:-5px 0 10px;margin-top:10px;padding:15px;text-align:left;font-size:13px;font-family:&#39;Open Sans&#39;;font-weight:400;border:1px solid #e9e9e9;}
.pagenav span,.pagenav a {padding:10px 15px;display:inline-block;background-color:#fff;color:#666;border:1px solid #e9e9e9;margin:0 5px;transition:initial;}
.pagenav .pages {background-color:transparent;color:#666;font-weight:400;text-transform:uppercase;font-size:11px;}
.pagenav a:hover {background-color:#fdfdfd;color:#3B99F5;transition:initial;}
.pagenav .current {background-color:#3B99F5;color:#fff;}

/* CSS Full Sitemap */
#bp_toc {background:#8AC3FA;color:#666;margin:0 auto;padding:5px;}
span.toc-note {padding:20px;margin:0 auto;display:block;text-align:center;color:#FFFFFF;font-family:&#39;Open Sans&#39;;font-weight:700;text-transform:uppercase;font-size:30px;line-height:normal;}
.toc-header-col1 {padding:10px;background-color:#f5f5f5;width:250px;}
.toc-header-col2 {padding:10px;background-color:#f5f5f5;width:75px;}
.toc-header-col3 {padding:10px;background-color:#f5f5f5;width:125px;}
.toc-header-col1 a:link, .toc-header-col1 a:visited, .toc-header-col2 a:link, .toc-header-col2 a:visited, .toc-header-col3 a:link, .toc-header-col3 a:visited {font-size:13px;
text-decoration:none;color:#aaa;font-family:&#39;Open Sans&#39;;font-weight:700;letter-spacing: 0.5px;}
.toc-header-col1 a:hover, .toc-header-col2 a:hover, .toc-header-col3 a:hover {
text-decoration:none;}
.toc-entry-col1, .toc-entry-col2, .toc-entry-col3 {background:#fdfdfd;padding:5px;padding-left:5px;font-size:89%}
.toc-entry-col1 a, .toc-entry-col2 a, .toc-entry-col3 a{color:#666;font-size:13px;}
.toc-entry-col1 a:hover, .toc-entry-col2 a:hover, .toc-entry-col3 a:hover{color:#3B99F5;}
#bp_toc table {width:100%;margin:0 auto;counter-reset:rowNumber;}
.toc-entry-col1 {counter-increment:rowNumber;}
#bp_toc table tr td.toc-entry-col1:first-child::before {content: counter(rowNumber);min-width:1em;margin-right:0.5em;}
td.toc-entry-col2 {background:#fafafa;}

/* CSS Tooltip */
.arlina-tooltip {position:relative;display:inline-block;}
.arlina-tooltip:before, .arlina-tooltip:after {position:absolute;opacity:0;z-index:1000000;-webkit-transition:0.3s ease;-moz-transition:0.3s ease;pointer-events:none;} 
.arlina-tooltip:hover:before, .arlina-tooltip:hover:after {opacity:1;}
.arlina-tooltip:before {content:&#39;&#39;;position:absolute;background:transparent;border:6px solid transparent;position:absolute;}  
.arlina-tooltip:after {content:attr(data-arlina-tooltip);background:rgba(0,0,0,0.7);background:hsla(0,0%,20%,0.9);color:#fff;padding:8px 10px;
font-size:12px;white-space:nowrap;border-radius:3px;-webkit-backface-visibility:hidden;}
.arlina-tooltip-top:before {bottom:125%;left:10%;margin:0 0 -18px 0;border-top-color:rgba(0,0,0,0.7);border-top-color:hsla(0,0%,20%,0.9);}
.arlina-tooltip-top:after {bottom:125%;left:10%;margin:0 0 -6px -10px;}
.arlina-tooltip-top:hover:before {margin-bottom:-10px;}
.arlina-tooltip-top:hover:after {margin-bottom:2px;}
.arlina-tooltip-bottom:before {top:100%;left:50%;margin:-14px 0 0 0;border-bottom-color:rgba(0,0,0,0.7);border-bottom-color:hsla(0,0%,20%,0.9);}
.arlina-tooltip-bottom:after {top:100%;left:50%;margin:-2px 0 0 -10px;}
.arlina-tooltip-bottom:hover:before {margin-top:-6px;}
.arlina-tooltip-bottom:hover:after {margin-top:6px;}
.arlina-tooltip-right:before {left:100%;bottom:50%;margin:0 0 -4px -8px;border-right-color:rgba(0,0,0,0.7);border-right-color:hsla(0,0%,20%,0.9);}  
.arlina-tooltip-right:after {left:100%;bottom:50%;margin:0 0 -13px 4px;}
.arlina-tooltip-right:hover:before {margin:0 0 -4px -0;}
.arlina-tooltip-right:hover:after {margin:0 0 -13px 12px;}
.arlina-tooltip-left:before {right:100%;bottom:50%;margin:0 -8px -4px 0;border-left-color:rgba(0,0,0,0.7);border-left-color:hsla(0,0%,20%,0.9);}  
.arlina-tooltip-left:after {right:100%;bottom:50%;margin:0 4px -13px 0;}
.arlina-tooltip-left:hover:before {margin:0 0 -4px 0;}
.arlina-tooltip-left:hover:after {margin:0 12px -13px 0;}

/* CSS Back To Top */
#BackToTop {overflow:hidden;position:fixed;z-index:90;right:30px;bottom:31px;display:none;width:44px;height:44px;color:#fff;text-align:center;background-color:#3B99F5;font-size:18px;line-height:44px;cursor:pointer;-webkit-transform:translateZ(0);border-radius:2px;transition:all 0.6s cubic-bezier(0.694,0.0482,0.335,1);transition-delay:.2s;}
#BackToTop:hover {opacity:.8;}

/* CSS Global Responsive */
@media screen and (max-width:1066px) {
#outer-wrapper {margin:0 auto;}
.header-right {float:right;padding:0;overflow:hidden;margin:0;max-width:640px!important;}
.header-right img {display:block;}}

@media screen and (max-width:960px) {
#outer-wrapper {margin:0 auto;border:none;box-shadow:none;}
#header h1,#header p,#header,.header-right,#header .description{margin:0 auto;width:100%;float:none;text-align:center;}
#header {margin:20px auto;padding:0 30px;background:transparent;}
.header-right img, .header-right iframe{margin:0 auto;max-width:100%;}
#header-wrapper{padding:0;margin:20px auto;}
.header-wrapper2 {padding:0}
.adouter-wrapper {position:relative;z-index:96;overflow:hidden;margin:0;}
.ct-wrapper{padding:0;}
.header-wrapper2 {padding:0}}

@media only screen and (max-width:768px){
#post-wrapper, #sidebar-wrapper {width:100%;max-width:100%}
.post-body img {max-width:90%;}
.img-thumbnail {margin:0 10px 0 0;}
.sidebar-inner, .post-inner {padding:15px 0 0px;}
.cpleft,#ftright {float:none;text-align:center;margin:10px auto;}}

@media (max-width:768px) {
.adouter-wrapper {margin:0;border:1px solid #e9e9e9;}
.ct-wrapper {margin:0;}
.top-navigation {display:block;width:100%;padding:0}
 .top-navigation ul {text-align:center;}
 .top-navigation ul {display:none;height:auto;}
 .top-navigation a#pull {background-color:#fff;color:#666;display:inline-block;font-family:&#39;Open Sans&#39;;font-size:12px;padding:10px 3%;height:30px;line-height:30px;position:relative;text-align:right;width:94%;}
 .top-navigation a#pull:after {content:&#39;\f0c9&#39;;font-family:FontAwesome;
 font-style:normal;font-weight:normal;text-decoration:none;font-size:30px;color:#999;display:inline-block;position:absolute;left:15px;top:20%;line-height:30px;}
 .top-navigation li {display:block;width:100%;text-align:left;border-right:none;}
 .top-navigation li a {background:#fff;color:#444;padding:15px 20px;display:block;}
 .top-navigation li a:hover, nav a:active {background:#f9f9f9;border:none;color:#444;}
 .top-navigation ul li a:hover {background:#f9f9f9;color:#444;}
 .top-navigation li.facebook,.top-navigation li.twitter,.top-navigation li.adgabung,.top-navigation li.googleplus,.top-navigation li.youtube{background:#fff;text-align:left;margin:0 auto;color:#444;}
 .top-navigation li a.facebook:hover,.top-navigation li a.twitter:hover,.top-navigation li a.adgabung:hover,.top-navigation li a.googleplus:hover,.top-navigation li a.youtube:hover{color:#444;}
 .top-navigation li.facebook .fa.fa-facebook,.top-navigation li.twitter .fa.fa-twitter,.top-navigation li.adgabung .fa.fa-user,.top-navigation li.googleplus .fa.fa-google-plus,.top-navigation li.youtube .fa.fa-youtube{color:#444;}
 .top-navigation ul li.facebook:hover .fa.fa-facebook,.top-navigation li.twitter:hover .fa.fa-twitter,.top-navigation li.adgabung:hover .fa.fa-user,.top-navigation li.googleplus:hover .fa.fa-google-plus,.top-navigation li.youtube:hover .fa.fa-youtube{background:#f9f9f9;color:#444;}

.nav {float:none;width:100%;max-width:100%}
.active {display:block;}
.main-navigation &gt; li &gt; a.active {background:#333;border-top:4px solid red;}
.main-navigation &gt; li &gt; a.active:hover {background:#222;}
#search-form {width:100%;margin:0 0 0 0!important;}
.nav li ul:before {display:none;}
.nav &gt; li {float:none;overflow:hidden;}
.nav ul {display:block;width:100%;float:none;}
.main-navigation li ul {background:#e9e9e9;box-shadow:none;}
.main-navigation li li ul {background:#e9e9e9;}
.main-navigation li li a:hover {background:#d9d9d9;}
.nav &gt; li.hover &gt; ul , .nav li li.hover ul {position:static;}
.main-navigation li .parent:after {content: &quot;\f0d7&quot;;font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;padding-right:5px;float:right;color:#aaa;}
.main-navigation li:active .parent:after {color:#ddd;}
#search-form {width:100%;background:#444;}
#search-form td.search-box {padding:0 10px!important;}
#search-form td.search-button {padding:0 10px;width:1%;}
#search-form input#search-box[type=&quot;text&quot;] {margin:0 0 0 0;}
#search-form input#search-button[type=&quot;submit&quot;] {margin:0 0 0 -5px;}}

@media only screen and (min-width:640px){
#menu {display:block;}}

@media only screen and (max-width:640px){
.adouter-wrapper {margin:20px auto;}
#header h1,#header p,#header,.header-right,#header .description{margin:0 auto;width:100%;float:none;text-align:center;}
.header-right{float:none;margin:0 auto;text-align:center;}
.header-right img, .header-right iframe{float:none;margin:0 auto;text-align:center;}
#header-wrapper{padding:0;margin:20px auto;}
#header {min-width:initial;background:none;margin:20px auto;padding:0 5px;}
#header .description {font-size:100%;line-height:1.5;}
#BackToTop {font-size:16px;}
#footer-wrapper{margin:20px 0 0 0;}
#footer-adwidget {width:100%;overflow:hidden;}
#footer-adwidget .footer-widget {width:92%;float:left;margin-left:20px;}
.responsive-menu {margin:0;}
#nav {margin:0;}
.pagenav .pages {display:none;}}

@media only screen and (max-width:480px){
#outer-wrapper {margin:0 auto;}
.header-right{float:none;margin:0 auto;text-align:center;}
.header-right img, .header-right iframe{float:none;margin:0 auto;text-align:center;}
.post {margin:0 0 8px;padding:8px;}
h2.post-title, h1.post-title {font-size:16px;}
.comments .comment-block, .comments .comments-content .inline-thread {
padding:10px !important;}
.comment .comment-thread.inline-thread .comment {margin: 0 0 0 0 !important;}
#related-posts {margin:20px 20px 20px 0;padding:0;}
.post-info {font-size:12px;}
#feedContainer li {width:100%;}
.authorLeft{float:none;width:120px;margin:0 auto}
.authorDetails{text-align:center}
.authorDetails h2{float:none}
.authorDetails span{float:none}
.articleAuthor .authorContent p{text-align:center}}

@media screen and (max-width:320px){
.header-right{float:none;margin:0 auto;text-align:center;}
.header-right img, .header-right iframe{float:none;margin:0 auto;text-align:center;}
.post {padding:6px;}
.img-thumbnail, .img-thumbnail img {width:100px;height:80px;}}
</style>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
.post-body .separator a {margin-left:initial!important;margin-right:initial!important;}
.post img{background:#f9f9f9;height:auto;max-width:95%;border:0;margin-bottom:2.0px;box-shadow:0 0 0 1px rgba(0,0,0,0.03);opacity:1;transition:all .6s ease;}
.post img:hover {opacity:0.95;}
.post-body a.img {margin-left:0!important;margin-right:0!important;}
h3.post-title, h2.post-title, h1.post-title {margin-top:10px;font-weight:700;font-size:2rem;color:#999;}
.post-info {font-size:small;text-align:center;background:#69bedd;padding:0;}
.author-info, .time-info, .comment-info, .label-info, .review-info, .post-info a,.post-info a:hover {color:#fff;}
#blog-pager {margin:0;}
.bagitiga {-webkit-column-count:3;-moz-column-count:3;column-count:3;}
.bagitiga img{-webkit-backface-visibility:hidden;margin-bottom:15px;max-width:100%;}
.bagitiga br{display:none;}

/* CSS Share Button */
.share-post{text-align:center;margin-bottom:20px;margin-top:20px;padding:10px 0;}
.widget .post-body &gt; .share-post ul {padding:0;}
.share-post li{float:left;margin:0 1%;width:18%;padding:0;list-style:none;position:relative;}
.share-post li:hover{}
.share-post li a{padding:6px 7px 6px 38px;color:#fff;display:block;border-radius:2px;opacity:0.9;font-size:13px;transition:all 0.6s ease-out;}
.share-post li a:hover{color:#fff;opacity:1;}
.share-post li .twitter{background-color:#19bfe5;}
.share-post li .facebook{background-color:#3b5998;}
.share-post li .gplus{background-color:#d44132;}
.share-post li .pinterest{background-color:#cb2027;}
.share-post li .tumblr{background-color:#304e6c;}
.share-post li .twitter:hover,.share-post li .facebook:hover,.share-post li .gplus:hover,
.share-post li .pinterest:hover,.share-post li .tumblr:hover{color:#fff;}
.share-post li:last-child{margin-right:0}
.share-post li .fa:before{position:absolute;top:0;left:0;display:inline-block;padding:5.5px 12px;font-family:fontawesome;text-align:center;background:rgba(0,0,0,0.08);color:#fff;line-height:20px;text-shadow:2px 2px rgba(0,0,0,0.1);font-size:14px;transition:all 0.6s ease-out;}
.share-post li:hover .fa:before{text-shadow:-2px 2px rgba(0,0,0,0.1);}
.share-post li .fa {display:initial;}

/* CSS Related Posts */
#related-posts {margin:0;padding:0;margin-bottom:10px;background:#fff;}
.relhead {color:#666;font-family:&#39;Open Sans&#39;;font-size:100%;font-weight:400;line-height:150%;overflow:hidden;padding:10px 15px;}
#related-posts h4 {position:relative;overflow:hidden;font-family:&#39;Open Sans&#39;;padding:0;margin:10px 0;font-size:120%;font-weight:400;padding:4px 8px;text-align:center;text-transform:uppercase;transition:all 0.5s ease-out;}
#related-posts h4:hover{color:#fff;cursor:pointer;}
#related-posts h4:before, #related-posts h4:after {position:absolute;top:51%;overflow:hidden;
width:50%;height:2px;content:&#39;\a0&#39;;background-color:#aaa;}
#related-posts h4:before{margin-left:-50%;text-align:right;}
#related-posts h4 span{position:relative;color:#666;display:inline-block;padding:5px 10px;margin:0 10px;transition:all 0.3s ease-out;}
#related-posts h4 span:hover{color:#666;}
#relpost_img_sum .news-text {display:none;}
ul#relpost_img_sum {margin:0;padding:0;}
ul#relpost_img_sum li {float:left;list-style: none outside none;margin:0 14px 0 0;padding:10px 5px 5px 0;overflow:hidden;width:45%;}
ul#relpost_img_sum li a {display:block;}
ul#relpost_img_sum li img {float:left;margin-right:10px;background:none repeat scroll 0 0 #fff;padding:5px;box-shadow:none;max-width:100%;border-radius:3px;transition:all 0.5s ease-out;}
ul#relpost_img_sum li img:hover {opacity:0.9;}
ul#relpost_img_sum li a.relinkjdulx {background-image:none;color:#444;display:block;font-family:&#39;Open Sans&#39;;font-size:14px;font-weight:normal;overflow:hidden;padding:10px 5px;text-transform:none;}

/* CSS Item Responsive */
@media only screen and (max-width:960px){
.bagitiga{-webkit-column-count:2;-moz-column-count:2;column-count:2;}}

@media only screen and (max-width:640px){
#content-wrapper {padding:0;}
ul#relpost_img_sum li {float:left;list-style:none;overflow:hidden;width:90%;}
.share-post li:hover{}
.share-post li a{padding:6px 0 6px 0;}
.share-post li .fa:before{display:none;}
.bagitiga{-webkit-column-count:1;-moz-column-count:1;column-count:1;}}

@media screen and (max-width:480px) {
.share-post li{width:100%}}

@media only screen and (max-width:320px){
h3.post-title:before,h1.post-title:before,h3.post-title:after,h1.post-title:after,h3.post-title:after,h1.post-title:after,#comments .click-comment {visibility:hidden;}
#comments .comment_avatar {width:20px;height:20px;max-width:20px;max-height:20px;background:#fcfcfc;padding:0;text-align:center;position:absolute;top:5px;right:5px;opacity:1;}
#comments .comment_admin .comment_avatar{width:20px;height:20px;max-width:20px;max-height:20px;padding:4px 4px 19px;text-align:center;position:absolute;top:0;right:0;opacity:1;}
#comments .comment_avatar img {width:20px;height:20px;max-width:20px;max-height: 20px;background:#f9f9f9;}
.comment_avatar img{width:20px;height:20px;background:#f9f9f9;}
#related-posts {display:none;}}

@media print {
body{padding:0}
#outer-wrapper {border-right:none;border-left:none;}
#post-wrapper{width:100%;margin:0 auto;}
.post {background:#fff;margin:0 0 15px;padding:15px;border:none;}
h1.post-title {border-bottom:none;}
.post blockquote{background:transparent;color:#666;border:none;}
nav,.share-post,#BackToTop,#search,.breadcrumbs,.halaman,#blog-pager,.banner,#banner,.banner2,#banner2,#sidebar-wrapper,#related-posts,#comments,#footer-wrapper,#header-wrapper,div#banner,div#banner2{opacity:0;display:none;visibility:hidden;width:0;height:0;}
.status-msg-border{border:none;}
.Stats .blind-plate{border-top:none;}}
</style>
</b:if>

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<style type='text/css'>
/* CSS Post Wrapper */
.post {background:#fff;color:#666;margin:0 0 20px 0;padding:0 10px 0 0;border:1px solid #e9e9e9;transition: all 0.6s ease-in-out;}
.post-body {line-height:1.6em;color:#666;margin-right:10px;font-size:12px;text-overflow:ellipsis;}
h2.post-title, h1.post-title {font-family:&#39;Open Sans&#39;,sans-serif;font-size:18px;font-weight:700;padding:15px 0;text-transform:none;padding-bottom:0;text-align:left;border-bottom:none;border-top:none;clear:initial;}
h2.post-title:hover, h1.post-title:hover {color:#00a3d9;}
h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {color:#444;z-index:0;}
h2.post-title a:hover, h1.post-title a:hover {color:#00a3d9!important;}
.post-info {margin-top:20px;margin-bottom:0;padding:0;margin-right:15px;margin-left:15px;color:#666;font-size:12px;}
.post-info a {display:inline;background:transparent;color:#666;padding:5px;padding-left:0;margin-bottom:10px;transition:all .3s ease-out;}
.post-info a:hover {background:transparent;color:#00a3d9;}
.author-info, .time-info, .comment-info, .review-info {display:inline;padding:0;}
.post-info {background:transparent;}
.author-info, .time-info, .comment-info, .label-info, .review-info, .post-info a {color:#666;}
.img-thumbnail {overflow:hidden;background:#444;position:relative;float:left;width:260px;height:170px;margin:20px;z-index:1;padding:0;}
.img-thumbnail img {width:260px;height:170px;}
.breadcrumbs {background:#fff;box-shadow:none;}
.breadcrumbs span:first-child a,.breadcrumbs a,.breadcrumbs &gt; span:last-child{background:#fff;}

/* CSS Label Info */
.post .label-info {display:none;position:absolute;top:20px;left:20px;margin:0 auto;width:auto;z-index:1;}
.label-info a{font-weight:700;background:rgba(0,0,0,0.3);color:rgba(255,255,255,0.8);font-size:13px;display:block;float:left;padding:6px 12px;margin:0;transition: all .3s ease-out;}
.label-info a:hover{background:rgba(0,0,0,0.6);color:#fff;}
.label-info a:nth-child(n+2){display:none;}

/* CSS Read More */
a.adreadmore {position:absolute;display:inline-block;bottom:20px;background:#fff;color:#666;padding:5px 10px;font-family:&#39;Open Sans&#39;;font-size:12px;font-weight:400;border-radius:2px;border:1px solid #e9e9e9;transition:all .1s;}
a.adreadmore:hover,a.adreadmore:active {text-decoration:none;background:#f9f9f9;color:#444;}
a.adreadmore:after {content:&#39;\f0da&#39;;font-family:Fontawesome;font-weight:normal;text-align:center;margin-left:5px;display:inline-block;line-height:10px;transition:all .1s;}

/* CSS Homepage Share */
ul.twitfbshare{clear:both;float:left;list-style:none outside none;position:absolute;z-index:10;margin:0;padding:0;top:20px;left:20px;line-height:normal;overflow:hidden;}
ul.twitfbshare li{text-align:left;float:left;margin-bottom:0;margin-top:-30px;opacity:0;padding:0;transition:all 0.3s;}
.post:hover .twitfbshare li{opacity:1;margin-top:0;}
ul.twitfbshare li a{background-clip:padding-box;background-repeat:no-repeat;display:block;overflow:hidden;text-align:center;text-transform:uppercase;white-space:nowrap;width:30px;height:30px;line-height:30px;position:relative;margin:0;padding:0;font-size:14px;font-weight:normal;background-color:#fff;color:#999;transition:all 0.3s;}
ul.twitfbshare li a:hover{color:#fff;}
ul.twitfbshare li a.f-like:hover {background-color:#3c5b9b;}
ul.twitfbshare li a.t-share:hover {background-color:#19bfe5;}
ul.twitfbshare li a.gplus-share:hover {background-color:#d44132;}

/* CSS Homepage Responsive */
@media only screen and (max-width:640px){
#content-wrapper {padding:0;}
h2.post-title, h1.post-title, h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {font-size:18px;margin:20px 0;clear:both;}
.post {padding:15px;}
.post-body {margin-bottom:10px;}
a.adreadmore,.readm,.label-info {display:none;}
.img-thumbnail {width:100%;height:auto;margin:0;}
.img-thumbnail img {width:100%;height:auto;}
.post-body,.comment-info{visibility:hidden;}
ul.twitfbshare{top:15px;left:15px;}}

@media only screen and (max-width:480px){
h2.post-title, h1.post-title, h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {font-size:16px;}
.post-body, .comment-info {display:none!important;visibility:hidden;width:0;height:0;}}

@media only screen and (max-width:320px){
h2.post-title, h1.post-title, h2.post-title a, h1.post-title a, h2.post-title, h1.post-title {font-size:14px;}}
</style>
</b:if>
</b:if>

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<style type='text/css'>
.post img{background:#f3f3f3;height:auto;max-width:95%;border:0;margin-bottom:2.0px;box-shadow:none;transition:all 0.6s ease-out;}
.post img:hover {opacity:0.95;}
.post-info {background:#69bedd;}
.author-info, .time-info, .comment-info, .label-info, .review-info, .post-info a {color:#fff;}

@media print {
body{padding:0}
#outer-wrapper {border-right:none;border-left:none;}
#post-wrapper{width:100%;margin:0 auto;}
.post {background:#fff;margin:0 0 15px;padding:15px;}
.post blockquote{background:transparent;color:#666;border:none;}
nav,.share-post,#BackToTop,#search,.breadcrumbs,.halaman,#blog-pager,#menu-wrap,.banner,#banner,#sidebar-wrapper,#subs-and-redat,#comments,#footer-wrapper,#header-wrapper,div#banner{display:none;visibility:hidden;width:0;height:0;}}
</style>
</b:if>

<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<style type='text/css'>
.header-wrapper, #header, #post-wrapper, #sidebar-wrapper, #content-wrapper {display:none;}
body {overflow:hidden;}

/* CSS Custom Error Page */
#oopss {background:rgba(255,255,255,0.98);text-align:center;margin-bottom:50px;font-weight:400;font-size:45px;font-family:&#39;Roboto Condensed&#39;,sans-serif;position:fixed;width:100%;height:100%;line-height:1.5em;z-index:9999;}
#error-text {top:30%;position:relative;font-size:40px;color:#aaa;}
#error-text a{color:#aaa;}
#error-text p {margin:0!important;}
#error-text span {color:#aaa;font-size:100px;font-weight:400;}
#error-text a.back {background:#aaa;color:#fff;padding:10px 20px;font-size:20px;font-weight:700;line-height:normal;text-transform:uppercase;border-radius:3px;-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1);transition:all 0.5s ease-out;}
#error-text a.back:hover {background:#fff;color:#f35d5c;}
#error-text a.back:active {-webkit-transform:scale(0.95);-moz-transform:scale(0.95);transform:scale(0.95);background:#3B99F5;color:#fff;}

/* CSS Error Page Responsive */
@media only screen and (max-width:640px){
#error-text {color:#aaa;font-size:20px;}
#error-text span {font-size:60px;}
#error-text a.back {padding:5px 10px;font-size:15px;}
#error-text a.back:hover,#error-text a.back:active {border:0;}}
</style>
</b:if>

<b:if cond='data:blog.isMobile'>
<style type='text/css'>
.adouter-wrapper {background:transparent;margin:10px 0;border:none;}
.ct-wrapper {margin:0;}
.top-navigation li {border-right:none;}
.top-navigation li a {font-size:13px;font-weight:400;padding:10px 15px;color:#444;}
.top-navigation li.facebook .fa.fa-facebook, .top-navigation li.twitter .fa.fa-twitter, .top-navigation li.instagram .fa.fa-instagram,.top-navigation li.googleplus .fa.fa-google-plus, .top-navigation li.pinterest .fa.fa-pinterest {color:#666;transition:initial;}
.top-navigation li.twitter {border-left:none;}
#header-wrapper {margin:10px;padding:0;overflow:hidden;
background:transparent;max-width:728px;min-height:initial;}
#Header1 {min-height:initial;}
#header-inner {position:relative;}
#header {float:none;min-width:257px;padding:0;background:transparent;height:100%;
min-height:initial;padding:0;}
#header h1, #header p {font-size:200%;color:#666;}
#header a {color:#666;}
#header a:hover {color:#e76e66;}
#header .description {color:#666;line-height:normal;}
.header img {display:block;}
.header-right {float:right;padding:0;overflow:hidden;margin:0 auto;width:100%;
max-width:728px;}
.header-right img {display:block;}
.slideMenu {display:none;height:46px;line-height:46px;}
#nav {background:#333;display:block;margin:0;font-size:0;height:46px;line-height:46px;}
.main-navigation li a {text-transform:none;font-size:12px;padding:0 10px;color:#fff;height:46px;line-height:46px;}
.main-navigation ul {min-width:130px;}
.main-navigation ul li a {font-size:11px;}
#search-form {display:none!important;}
#outer-wrapper,#content-wrapper {background:#fdfdfd;}
.mobile #outer-wrapper {float:none;width:auto;max-width:728px;padding:0 15px;}
.mobile .navigation-menu, .mobile .header, .mobile #content-wrapper, .mobile #post-wrapper, .mobile #sidebar-wrapper, .mobile #footer-wrapper, .mobile .header-right {float:none;width:auto;max-width:728px;width:100%;padding:0;margin:0 0 0 0;}
.mobile #content-wrapper {padding-top:5px!important;}
.mobile .post-container, .mobile .sidebar-container, .mobile .header {padding:8px 0 !important;}
.mobile .post-body, .mobile  #blog-pager, .mobile .header .description, .mobile-index-contents .post-body {font-size:13px;}
.mobile .post-body {line-height:1.5;}
.post-inner {padding:0;}
.mobile .post-info {margin:0 0 0;}
.mobile .mobile-date-outer {margin:10px 0;padding:10px;border:1px solid #eaeaea;transition:all 0.3s;}
.mobile .mobile-date-outer:hover {border-color:#cacaca;}
.mobile h3.mobile-index-title, .mobile h3.mobile-post-title {font:normal bold 16px Arial, sans-serif;width:auto;max-width:728px;}
.mobile span.label-thumb-title {font:normal bold 14px Arial, sans-serif;text-transform:none;}
.mobile .mobile-index-thumbnail {width:72px;height:72px;float:left;margin:0 8px 3px 0 !important;}
.mobile .mobile-index-thumbnail img {width:72px!important;height:72px!important;}
.mobile img, .mobile iframe {max-width:100%;}
.mobile .header img {width:auto;max-width:140px;}
#footx1, #footx2, #footx3 {float:none!important;width:100%!important;}
.mobile ul.label-with-thumbs li {min-height:72px!important;padding:0 0 8px!important;}
.mobile .label-thumb {margin:0 8px 0 0!important;height:72px!important;width:72px!important;}
.mobile .label-thumb img {height:72px!important;width:72px!important;}
.mobile #footer-adwidget, .banner .widget, .banner2 .widget {padding:8px!important;}
.mobile #footx1 .widget, .mobile #footx2 .widget, .mobile #footx3 .widget {margin:0 0 8px 0 !important;}
.mobile #blog-pager {margin:0 0 0 0!important;padding:0!important;}
.mobile .blog-pager-older-link, .mobile .home-link, .mobile .blog-pager-newer-link {width:auto;}
.mobile a.home-link {line-height:20px!important;}
.mobile .mobile-desktop-link {display:none;}
.mobile .sidebar .widget {padding:0 0 8px!important;}
.mobile #comments {max-width:728px;}
.mobile #comments h3 {line-height:normal;text-transform:uppercase;color:#666;font-weight:bold;
margin:0 0 20px 0;font-size:14px;padding:0 0 0 0;border:none;}
.mobile #comment-editor {display:block!important;}
.mobile .comments .avatar-image-container, .mobile #comments h3:before {display:none;}
.mobile #comments .comment-holder,.mobile #comments .comment_reply {margin-left:10px!important;}
.mobile .PopularPosts .item-thumbnail {margin:0px 6px 0px 0px;display:inline;float:left;}
.mobile .PopularPosts .item-thumbnail a img {display:block;margin:0px;padding:0px;height:48px;
width:48px;}
.mobile #related-posts-mobile {text-align:left;margin:10px 0;padding:0;}
.mobile #related-posts-mobile  ol {list-style-type:none;margin:0 0 0 0!important;}
.mobile #related-posts-mobile  ol li {padding:3px;border-bottom:1px dotted #f3f3f3;}
.mobile #related-posts-mobile  ol li:last-child {border-bottom:none!important}
.mobile #related-posts-mobile  h3{color:#666;font-weight:bold;padding:0 0 6px 0;margin:0;font-size:15px;}
#share-buttons-mobile {margin:15px 0 5px;padding:0;}
#share-buttons-mobile p{float:left;display:block;padding:3px 0px !important;margin:0 3px 3px 0;}
#share-buttons-mobile a{position:relative;float:left;display:block;color:#fafafa;padding:3px 8px;margin:0 3px 3px;}
#share-buttons-mobile a:hover{text-decoration:underline;}
.paginator span strong,.paginator span a {padding:3px 9px;}
.tabs-menu .active-tab:hover,.tabs-content,.tabs-content .widget ul,.tabs-content .widget li,.sidebar .widget, .sidebar-two .widget,.paginator,.post {background:#fff;}
.tabs-menu li, .tabs-menu .active-tab,.tabs-menu &gt; li.tab-2 {background:#fafafa;}
.tabs-menu li,.tabs-menu li:hover,li.tab-2 {color:#666;}
.tabs-menu {border-bottom:1px solid #eaeaea;}

@media (max-width:768px){
#search-form {width:100%;background:#444;}}
</style>
<script>
//<![CDATA[
var relatedTitles=new Array();var relatedTitlesNum=0;var relatedUrls=new Array();function related_results_labels(json){for(var i=0;i<json.feed.entry.length;i++){var entry=json.feed.entry[i];relatedTitles[relatedTitlesNum]=entry.title.$t;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){relatedUrls[relatedTitlesNum]=entry.link[k].href;relatedTitlesNum++;break;}}}}
function removeRelatedDuplicates(){var tmp=new Array(0);var tmp2=new Array(0);for(var i=0;i<relatedUrls.length;i++){if(!contains(tmp,relatedUrls[i])){tmp.length+=1;tmp[tmp.length-1]=relatedUrls[i];tmp2.length+=1;tmp2[tmp2.length-1]=relatedTitles[i];}}
relatedTitles=tmp2;relatedUrls=tmp;} function contains(a,e){for(var j=0;j<a.length;j++)if(a[j]==e)return true;return false;}
function printRelatedLabels(){var r=Math.floor((relatedTitles.length-1)*Math.random());var i=0;document.write('<ol>');while(i<relatedTitles.length&&i<20){document.write('<li><a href="'+relatedUrls[r]+'">'+relatedTitles[r]+'</a></li>');if(r<relatedTitles.length-1){r++;}else{r=0;}
i++;}
document.write('</ol>');document.write();}//]]>
</script>
</b:if>

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
//<![CDATA[
function bp_thumbnail_resize(e,t){var n=260;var r=170;image_tag='<img width="'+n+'" height="'+r+'" src="'+e.replace("/s72-c/","/w"+n+"-h"+r+"-c/")+'" alt="'+t.replace(/"/g,"")+'" title="'+t.replace(/"/g,"")+'"/>';if(t!="")return image_tag;else return""}
//]]>
</script>
</b:if>
</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
//<![CDATA[
var relnojudul = 0;
var relmaxtampil = 6;
var numchars = 100;
var reljudul=new Array();var relurls=new Array();var relcuplikan=new Array();var relgambar=new Array();function saringtags(g,h){var e=g.split("<");for(var f=0;f<e.length;f++){if(e[f].indexOf(">")!=-1){e[f]=e[f].substring(e[f].indexOf(">")+1,e[f].length)}}e=e.join("");e=e.substring(0,h-1);return e}function relpostimgcuplik(h){for(var e=0;e<h.feed.entry.length;e++){var g=h.feed.entry[e];reljudul[relnojudul]=g.title.$t;postcontent="";if("content" in g){postcontent=g.content.$t}else{if("summary" in g){postcontent=g.summary.$t}}relcuplikan[relnojudul]=saringtags(postcontent,numchars);if("media$thumbnail" in g){postimg=g.media$thumbnail.url}else{postimg="http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s1600/grey.GIF"}relgambar[relnojudul]=postimg;for(var f=0;f<g.link.length;f++){if(g.link[f].rel=="alternate"){relurls[relnojudul]=g.link[f].href;break}}relnojudul++}}function contains(a,e){for(var f=0;f<a.length;f++){if(a[f]==e){return true}}return false}function artikelterkait(){var v=new Array(0);var w=new Array(0);var x=new Array(0);var A=new Array(0);for(var u=0;u<relurls.length;u++){if(!contains(v,relurls[u])){v.length+=1;v[v.length-1]=relurls[u];w.length+=1;w[w.length-1]=reljudul[u];x.length+=1;x[x.length-1]=relcuplikan[u];A.length+=1;A[A.length-1]=relgambar[u]}}reljudul=w;relurls=v;relcuplikan=x;relgambar=A;for(var u=0;u<reljudul.length;u++){var B=Math.floor((reljudul.length-1)*Math.random());var i=reljudul[u];var s=relurls[u];var y=relcuplikan[u];var C=relgambar[u];reljudul[u]=reljudul[B];relurls[u]=relurls[B];relcuplikan[u]=relcuplikan[B];relgambar[u]=relgambar[B];reljudul[B]=i;relurls[B]=s;relcuplikan[B]=y;relgambar[B]=C}var r=0;var D=Math.floor((reljudul.length-1)*Math.random());var z=D;var q;var t=document.URL;while(r<relmaxtampil){if(relurls[D]!=t){q="<li class='news-title clearfix'>";q+="<a href='"+relurls[D]+"' rel='nofollow' target='_top' title='"+reljudul[D]+"'><div class='overlayb'></div><img src='"+relgambar[D]+"' /></a>";q+="<a class='relinkjdulx' href='"+relurls[D]+"' target='_top'>"+reljudul[D]+"</a>";q+="<span class='news-text'>"+relcuplikan[D]+"</span>";q+="</li>";document.write(q);r++;if(r==relmaxtampil){break}}if(D<reljudul.length-1){D++}else{D=0}if(D==z){break}}};
//]]>
</script>
</b:if>

<script src='//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js'/>
<script type='text/javascript'>
$(function(){$(&quot;.tabs-1&quot;).mtabs()})
</script>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script>
//<![CDATA[
var _0x6e7e=["\x61\x75\x74\x68\x6F\x72","\x65\x6E\x74\x72\x79","\x24\x74","\x6E\x61\x6D\x65","\x2F\x73\x33\x38\x24\x31\x2F","\x72\x65\x70\x6C\x61\x63\x65","\x73\x72\x63","\x67\x64\x24\x69\x6D\x61\x67\x65","\x3C\x69\x6D\x67\x20\x61\x6C\x74\x3D\x22","\x22\x20\x63\x6C\x61\x73\x73\x3D\x22\x61\x76\x61\x74\x61\x72\x2D\x61\x75\x74\x68\x6F\x72\x22\x20\x73\x72\x63\x3D\x22","\x22\x20\x74\x69\x74\x6C\x65\x3D\x22","\x22\x2F\x3E","\x77\x72\x69\x74\x65","\x43\x72\x65\x61\x74\x65\x64\x20\x62\x79\x20\x3C\x61\x20\x68\x72\x65\x66\x3D\x22\x68\x74\x74\x70\x3A\x2F\x2F\x61\x72\x6C\x69\x6E\x61\x64\x65\x73\x69\x67\x6E\x2E\x62\x6C\x6F\x67\x73\x70\x6F\x74\x2E\x63\x6F\x6D\x22\x3E\x41\x72\x6C\x69\x6E\x61\x20\x44\x65\x73\x69\x67\x6E\x3C\x2F\x61\x3E","\x68\x74\x6D\x6C","\x23\x66\x74\x72\x69\x67\x68\x74","\x6C\x65\x6E\x67\x74\x68","\x23\x66\x74\x72\x69\x67\x68\x74\x3A\x76\x69\x73\x69\x62\x6C\x65","\x68\x72\x65\x66","\x6C\x6F\x63\x61\x74\x69\x6F\x6E","\x68\x74\x74\x70\x3A\x2F\x2F\x61\x72\x6C\x69\x6E\x61\x64\x65\x73\x69\x67\x6E\x2E\x62\x6C\x6F\x67\x73\x70\x6F\x74\x2E\x63\x6F\x6D","\x72\x65\x61\x64\x79"];function av(_0x7d28x2){var _0x7d28x3=_0x7d28x2[_0x6e7e[1]][_0x6e7e[0]][0];c=_0x7d28x3[_0x6e7e[3]][_0x6e7e[2]];d=_0x7d28x3[_0x6e7e[7]][_0x6e7e[6]][_0x6e7e[5]](/\/s[0-9]+(-*c*)\//,_0x6e7e[4]);document[_0x6e7e[12]](_0x6e7e[8]+c+_0x6e7e[9]+d+_0x6e7e[10]+c+_0x6e7e[11]);}$(document)[_0x6e7e[21]](function(){$(_0x6e7e[15])[_0x6e7e[14]](_0x6e7e[13]);setInterval(function(){if(!$(_0x6e7e[17])[_0x6e7e[16]]){window[_0x6e7e[19]][_0x6e7e[18]]=_0x6e7e[20]}},3000);});
//]]>
</script>
</b:if>
</head>
<body expr:class='&quot;loading&quot; + data:blog.mobileClass'>

<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<div id='oopss'>
<div id='error-text'>
  <span>404</span>
  <p>Page Not Found</p>
  <p><a class='back' href='/'>Homepage</a></p>
  </div>
  </div>
  </b:if>

<b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
  <b:widget id='Navbar1' locked='true' title='Thanh điều hướng' type='Navbar'>
    <b:includable id='main'>&lt;script type=&quot;text/javascript&quot;&gt;
    function setAttributeOnload(object, attribute, val) {
      if(window.addEventListener) {
        window.addEventListener(&#39;load&#39;,
          function(){ object[attribute] = val; }, false);
      } else {
        window.attachEvent(&#39;onload&#39;, function(){ object[attribute] = val; });
      }
    }
  &lt;/script&gt;
&lt;div id=&quot;navbar-iframe-container&quot;&gt;&lt;/div&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;https://apis.google.com/js/plusone.js&quot;&gt;&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
        gapi.load(&quot;gapi.iframes:gapi.iframes.style.bubble&quot;, function() {
          if (gapi.iframes &amp;&amp; gapi.iframes.getContext) {
            gapi.iframes.getContext().openChild({
                url: &#39;https://www.blogger.com/navbar.g?targetBlogID\758975493568916763285\46blogName\75Demo+2+-+KTB\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75LIGHT\46layoutType\75LAYOUTS\46searchRoot\75//ktbdemo2.blogspot.com/search\46blogLocale\75vi\46v\0752\46homepageUrl\75http://ktbdemo2.blogspot.com/\46vt\75-4438845633359041525&#39;,
                where: document.getElementById(&quot;navbar-iframe-container&quot;),
                id: &quot;navbar-iframe&quot;
            });
          }
        });
      &lt;/script&gt;&lt;script type=&quot;text/javascript&quot;&gt;
(function() {
var script = document.createElement(&#39;script&#39;);
script.type = &#39;text/javascript&#39;;
script.src = &#39;//pagead2.googlesyndication.com/pagead/js/google_top_exp.js&#39;;
var head = document.getElementsByTagName(&#39;head&#39;)[0];
if (head) {
head.appendChild(script);
}})();
&lt;/script&gt;
</b:includable>
  </b:widget>
</b:section>

<div id='outer-wrapper'>
<div class='adouter-wrapper'>
  <header class='header-wrapper2'>
  <div class='ct-wrapper'>
          <nav class='top-navigation'>
            <ul>
              <li><a href='/p/about.html' title='About Us'><i class='fa fa-user'/> About</a></li>
              <li><a href='/p/sitemap.html' title='Our Sitemap'><i class='fa fa-list'/> Sitemap</a></li>
              <li><a href='/p/contact.html' title='Contact us'><i class='fa fa-envelope'/> Contact</a></li>
              <li><a href='/p/this-is-static-page-area-lorem-ipsum.html' title='Static Page'><i class='fa fa-square'/> Static Page</a></li>
   <li><a href='http://www.ghanitricks.com/' title='Download Template'><i class='fa fa-download'/> Download</a></li>
<li class='sorting-01 pinterest'><a class='arlina-tooltip arlina-tooltip-left' data-arlina-tooltip='Follow us on Pinterest' href='#' rel='nofollow' target='_blank'><i class='fa fa-pinterest'/><span class='inv'/></a></li>
<li class='sorting-02 googleplus'><a class='arlina-tooltip arlina-tooltip-left' data-arlina-tooltip='Follow us on Google+' href='#' rel='nofollow' target='_blank'><i class='fa fa-google-plus'/><span class='inv'/></a></li>
<li class='sorting-03 facebook'><a class='arlina-tooltip arlina-tooltip-left' data-arlina-tooltip='Follow us on Facebook' href='#' rel='nofollow' target='_blank'><i class='fa fa-facebook'/><span class='inv'/></a></li>
<li class='sorting-04 instagram'><a class='arlina-tooltip arlina-tooltip-left' data-arlina-tooltip='Follow us on instagram' href='#' rel='nofollow' target='_blank'><i class='fa fa-instagram'/><span class='inv'/></a></li>
<li class='sorting-05 twitter'><a class='arlina-tooltip arlina-tooltip-left' data-arlina-tooltip='Follow us on Twitter' href='#' rel='nofollow' target='_blank'><i class='fa fa-twitter'/><span class='inv'/></a></li>
            </ul>
         <a href='#' id='pull'>MENU</a>
          </nav>
  </div>
  </header>
</div>
<div class='clear'/>

<div id='header-wrapper' itemscope='itemscope' itemtype='http://schema.org/WPHeader'>
  <b:section class='header section' id='header' maxwidgets='1' showaddelement='no'>
    <b:widget id='Header1' locked='true' title='Demo 2 - KTB (Tiêu đề)' type='Header'>
      <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'>
                <b:include name='title'/>
            </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'>
                <b:include name='title'/>
            </div>
            <b:include name='description'/>
          </div>
        </b:if>
    <b:else/>
      <!--Show the image only-->
      <div id='header-inner'>
        <a expr:href='data:blog.homepageUrl' style='display: block'>
          <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
        </a>
        <!--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'>
          <b:include name='title'/>
      </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>
  <b:section class='header-right section' id='header-right' maxwidgets='1' showaddelement='yes'>
    <b:widget id='AdSense2' locked='false' title='' type='AdSense'>
      <b:includable id='main'>
  <div class='widget-content'>
    <b:if cond='!data:blog.disableAdSenseWidget'>
      <data:adCode/>
    </b:if>
    <b:include name='quickedit'/>
  </div>
</b:includable>
    </b:widget>
  </b:section>
</div>
<div class='clear'/>

<nav id='nav' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement' mobile='yes' role='navigation'>
<a class='slideMenu' href='#'><i class='fa fa-list'/> Menu</a>
<ul class='nav main-navigation'>
<li><a class='active' href='/'><span itemprop='name'><i class='fa fa-home'/> Home</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Menu 1</span></a>
<ul>
<li><a href='#' itemprop='url'><span itemprop='name'>Sub Menu 1</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Sub Menu 2</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Sub Menu 3</span></a></li>
</ul>
</li>
<li><a href='#' itemprop='url'><span itemprop='name'>Menu 2</span></a>
<ul>
<li><a href='#' itemprop='url'><span itemprop='name'>Sub Menu 1</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Sub Menu 2</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Sub Menu 3</span></a></li>
</ul>
</li>
<li><a href='#' itemprop='url'><span itemprop='name'>Menu 3</span></a></li>
<li><a href='/p/flat-ui.html' itemprop='url'><span itemprop='name'>Flat UI</span></a></li>
<li><a href='/?m=1' itemprop='url'><span itemprop='name'>Mobile</span></a></li>
  <li><a href='/error404' itemprop='url'><span itemprop='name'>Error Page</span></a></li>
</ul>
<form action='/search' id='search-form' method='get' style='display: inline;'><table><tbody><tr><td class='search-box'><input id='search-box' name='q' onblur='if(this.value==&apos;&apos;)this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=&apos;&apos;;' type='text' value='Search...' vinput=''/></td>
<td class='search-button'><input id='search-button' type='submit' value=''/></td></tr></tbody></table></form>
</nav>
<div class='clear'/>

<div id='content-wrapper' itemscope='itemscope' itemtype='http://schema.org/Blog' role='main'>

<b:section class='banner section' id='banner' maxwidgets='1' showaddelement='yes'/>
<div class='clear'/>

  <div id='post-wrapper'>
  <div class='post-inner'>
  <b:section class='main' id='main' maxwidgets='3' showaddelement='yes'>
    <b:widget id='Blog1' locked='true' title='Bài đăng trên Blog' type='Blog'>
      <b:includable id='main' var='top'>
   <b:include data='posts' name='breadcrumb'/>
  <b:if cond='data:mobile == &quot;false&quot;'>

    <!-- posts -->
    <div class='blog-posts hfeed'>
      <b:include data='top' name='status-message'/>
      <data:defaultAdStart/>
      <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.isDateStart'>
          <b:if cond='data:post.isFirstPost == &quot;false&quot;'>
            &lt;/div&gt;&lt;/div&gt;
          </b:if>
        </b:if>
        <b:if cond='data:post.isDateStart'>
          &lt;div class=&quot;date-outer&quot;&gt;
        </b:if>
        <b:if cond='data:post.isDateStart'>
          &lt;div class=&quot;date-posts&quot;&gt;
        </b:if>
        <div class='post-outer'>
        <b:include data='post' name='post'/>
        <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
          <b:include data='post' name='comments'/>
        </b:if>
        <b:if cond='data:blog.pageType == &quot;item&quot;'>
          <b:include data='post' name='comments'/>
        </b:if>
        </div>
        <b:if cond='data:post.includeAd'>
          <b:if cond='data:post.isFirstPost'>
            <data:defaultAdEnd/>
          <b:else/>
            <data:adEnd/>
          </b:if>
          <div class='inline-ad'>
            <data:adCode/>

          </div>
          <data:adStart/>
        </b:if>
      </b:loop>
      <b:if cond='data:numPosts != 0'>
        &lt;/div&gt;&lt;/div&gt;
      </b:if>
      <data:adEnd/>
    </div>

    <!-- navigation -->
 <b:if cond='data:blog.pageType == &quot;index&quot;'>
  <b:include name='page-navi'/>
    <b:else/>
    <b:if cond='data:blog.pageType == &quot;archive&quot;'>
        <b:include name='page-navi'/>
 <b:else/>
  <b:if cond='data:blog.homepageUrl != data:blog.url'>
<!-- navigation -->
<b:include name='nextprev'/>
</b:if>
 </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;,{locale:&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='//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.comments' var='comment'>
          <dt class='comment-author' id='comment-author'>
           <a expr:name='data:comment.anchorName'/>
            <b:if cond='data:comment.authorUrl'>
             <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
             <b:else/>
             <data:comment.author/>
            </b:if>
           <data:commentPostedByMsg/>
          </dt>
          <dd class='comment-body'>
           <b:if cond='data:comment.isDeleted'>
            <span class='deleted-comment'><data:comment.body/></span>
            <b:else/>
            <p><data:comment.body/></p>
           </b:if>
          </dd>
          <dd class='comment-footer'>
           <span class='comment-timestamp'> <i><data:comment.timestamp/></i> <b:include data='comment' name='commentDeleteIcon'/> </span>
          </dd>
         </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='breadcrumb' var='posts'>
      <b:if cond='data:blog.homepageUrl != data:blog.url'>
      <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
        <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'><i class='fa fa-reply-all fa-lg'/></a></span>  <span><data:blog.pageName/></span>
     </div>
      <b:else/>
        <b:if cond='data:blog.pageType == &quot;item&quot;'>
        <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.labels'>
        <div class='breadcrumbs'><span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:blog.homepageUrl' itemprop='url'><span itemprop='title'><i class='fa fa-reply-all fa-lg'/>  <data:title/></span></a></span>  <b:loop values='data:post.labels' var='label'><span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:label.url + &quot;?&amp;amp;max-results=5&quot;' itemprop='url'><span itemprop='title'><i class='fa fa-check-square-o fa-fw'/> <data:label.name/></span></a></span><b:if cond='data:label.isLast != &quot;true&quot;'>  </b:if> </b:loop>  <span><data:post.title/></span>
        </div>
        <b:else/>
        <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'><i class='fa fa-reply-all fa-lg'/></a></span>  <span>Uncategories</span>  <span><data:post.title/></span></div>
     </b:if>
        </b:loop>
      <b:else/>
        <b:if cond='data:blog.pageType == &quot;archive&quot;'>
        <div class='breadcrumbs'> <span><a expr:href='data:blog.homepageUrl' rel='nofollow'><i class='fa fa-reply-all fa-lg'/></a></span>  <span><i class='fa fa-check-square-o fa-fw'/> Archive for <data:blog.pageName/></span>
     </div>
      <b:else/>
        <b:if cond='data:blog.searchQuery'>
        <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'><i class='fa fa-reply-all fa-lg'/></a></span>  <span><i class='fa fa-check-square-o fa-fw'/> <data:blog.pageName/></span>
     </div>
      <b:else/>
        <b:if cond='data:blog.pageType == &quot;index&quot;'>
        <div class='breadcrumbs'>
     <b:if cond='data:blog.pageName == &quot;&quot;'> <span><a expr:href='data:blog.homepageUrl' rel='nofollow'><i class='fa fa-reply-all fa-lg'/></a></span>  <span>All post</span>
        <b:else/>
        <span><a expr:href='data:blog.homepageUrl' rel='nofollow'><i class='fa fa-reply-all fa-lg'/></a></span>  <span><data:blog.pageName/></span>
        </b:if>
        </div>
      </b:if>
      </b:if>
      </b:if>
      </b:if>
      </b:if>
      </b:if>
</b:includable>
      <b:includable id='comment-form' var='post'>
  <div class='comment-form'>
    <b:if cond='data:mobile'>
      <h4 id='comment-post-message'>
        <a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' expr:title='data:postCommentMsg' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
     
        <b:if cond='data:blog.pageType == &quot;static_page&quot;'>

        <a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;pageID=&quot; + data:post.id' id='comment-editor-src' title='comment editor'/>

      <iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' id='comment-editor' name='comment-editor'/>

        </b:if>


        <b:if cond='data:blog.pageType == &quot;item&quot;'>

        <a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + data:post.id' id='comment-editor-src' title='comment editor'/>

      <iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' id='comment-editor' name='comment-editor'/>

        </b:if>
    <b:else/>
      <h4 id='comment-post-message'><data:postCommentMsg/></h4>
<div id='threaded-comment-form'>
      <p><data:blogCommentMessage/>
<span class='small-button1'>
<span id='show-emo'><a class='emo-button' href='javascript:void(0)' onclick='document.getElementById(&apos;emo-box&apos;).style.display=&apos;inline-block&apos;;document.getElementById(&apos;hide-emo&apos;).style.display=&apos;inline-block&apos;;document.getElementById(&apos;show-emo&apos;).style.display=&apos;none&apos;' title='Show Emoticon'>Emoticon</a></span><span id='hide-emo'><a class='emo-button' href='javascript:void(0)' onclick='document.getElementById(&apos;emo-box&apos;).style.display=&apos;none&apos;;document.getElementById(&apos;hide-emo&apos;).style.display=&apos;none&apos;;document.getElementById(&apos;show-emo&apos;).style.display=&apos;inline-block&apos;' title='Hide Emoticon'>Emoticon</a></span>
</span>
  </p>
<div id='emo-box'>
  <div class='comment_emo_list'/>
</div>
      <data:blogTeamBlogMessage/>
     
        <b:if cond='data:blog.pageType == &quot;static_page&quot;'>

        <a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;pageID=&quot; + data:post.id' id='comment-editor-src' title='comment editor'/>

      <iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' id='comment-editor' name='comment-editor'/>

        </b:if>

        <b:if cond='data:blog.pageType == &quot;item&quot;'>

        <a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + data:post.id' id='comment-editor-src' title='comment editor'/>

      <iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' id='comment-editor' name='comment-editor'/>

        </b:if>
      </div>
    </b:if>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#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='&quot;http://www.blogger.com/delete-comment.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + data:comment.id' title='delete comment'>delete</a>

    </b:if>

  </span>

</b:includable>
      <b:includable id='comment_count_picker' var='post'>
  <b:if cond='data:post.commentSource == 1'>
    <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url' expr:data-url='data:post.canonicalUrl'>
    </span>
  <b:else/>
    <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
      <data:post.commentLabelFull/>:
    </a>
  </b:if>
</b:includable>
      <b:includable id='comment_picker' var='post'>
  <b:if cond='data:post.commentSource == 1'>
    <b:include data='post' name='iframe_comments'/>
  <b:elseif cond='data:post.showThreadedComments'/>
    <b:include data='post' name='threaded_comments'/>
  <b:else/>
    <b:include data='post' name='comments'/>
  </b:if>
</b:includable>
      <b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<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>
<a class='click-comment' expr:title='data:commentLabelPlural' href='#comment-form'>Write <data:commentLabelPlural/></a>
  </b:if>
             
  <b:if cond='data:post.commentPagingRequired'>
   <span class='paging-control-container'>
    <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl' expr:title='data:post.oldestLinkText'><data:post.oldestLinkText/></a>
    &#160;
    <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl' expr:title='data:post.olderLinkText'><data:post.olderLinkText/></a>
    &#160;
    <data:post.commentRangeText/>
    &#160;
    <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl' expr:title='data:post.newerLinkText'><data:post.newerLinkText/></a>
    &#160;
    <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl' expr:title='data:post.newestLinkText'><data:post.newestLinkText/></a>
   </span>
  </b:if>
                     
  <div class='clear'/>
  <div id='comment_block'>
   <b:loop values='data:post.comments' var='comment'>
                                                                           
   <div data-level='0' expr: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_body'>
    <div class='comment_header'>
     <div class='comment_avatar_wrap'>
 
     </div>
                       
     <div class='clear'/>
    </div>

     <div class='comment_name'>
      <b:if cond='data:comment.authorUrl'>
       <a expr:href='data:comment.authorUrl' expr:title='data:comment.author' rel='nofollow' target='_blank'><data:comment.author/></a>
       <b:else/>
       <data:comment.author/>
      </b:if>
<div class='comment_author_flag'>AUTHOR</div>
</div>
<span class='comment_service'>
      <span class='comment_date'><a expr:href='data:comment.url' rel='nofollow' title='comment permalink'>
                  <data:comment.timestamp/>
                </a></span>
<b:include data='comment' name='commentDeleteIcon'/>
  </span>
     <b:if cond='data:comment.isDeleted'>
      <span class='deleted-comment'><data:comment.body/></span>
      <b:else/>
      <p><data:comment.body/></p>
<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='Reply'>Reply</a>
                        <div class='clear'/>
                    </b:if>
                 <div class='comment_avatar'>
      <img alt='avatar' expr:src='data:comment.authorAvatarSrc' expr:title='data:comment.author'/>
              </div>                                        
    </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' expr:title='data:post.oldestLinkText'><data:post.oldestLinkText/></a>
       &#160;
       <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl' expr:title='data:post.olderLinkText'><data:post.olderLinkText/></a>
       &#160;
       <data:post.commentRangeText/>
       &#160;
       <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl' expr:title='data:post.newerLinkText'><data:post.newerLinkText/></a>
       &#160;
       <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl' expr:title='data:post.newestLinkText'><data:post.newestLinkText/></a>
     </span>
    </b:if>
    <div class='clear'/>
  <div class='comment_form' id='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=\"http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js\"></scr" + "ipt>");
}
       //]]>
       </script>
   
       <script async='async' src='//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js' 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 = 3;//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 = [
        ':)'  ,'http://4.bp.blogspot.com/-YrmTHhfMtFU/VJNbpDMHzgI/AAAAAAAAH8c/g3dJ1Q-QTrc/s1600/smile.png',
        ':('  ,'http://4.bp.blogspot.com/-RDtah-TXteU/VJNblptXyEI/AAAAAAAAH70/GGZg4MMUVxA/s1600/sad.png',
        ' =('  ,'http://1.bp.blogspot.com/-dzENpgankUY/VJNbcfrM59I/AAAAAAAAH6A/UC7FJQwT-9E/s1600/disappointed.png',
        '^_^'  ,'http://2.bp.blogspot.com/-eeLWBWx7zaI/VJNbnR-JhoI/AAAAAAAAH8E/4vUZ3j_GoEg/s1600/shy.png',
        ' :D'  ,'http://2.bp.blogspot.com/-rvM5sSYqd2k/VJNbjkemjyI/AAAAAAAAH7k/QcT_8JETczs/s1600/noprob.png',
        '=D'  ,'http://1.bp.blogspot.com/-DB0TS3jw6n8/VJNbgab1A_I/AAAAAAAAH7I/4Cr8aYd6AmU/s1600/happy.png',
        '=)D' ,'http://1.bp.blogspot.com/-mz0Rl1l5ZYw/VJNbm0HqcDI/AAAAAAAAH8I/yu8XBAQmYOI/s1600/shit.png',
        '|o|'  ,'http://3.bp.blogspot.com/-i5w-i1jFe0U/VJNbaQxedgI/AAAAAAAAH5o/z7LK9qxEebs/s1600/clap.png',
        '@@,'  ,'http://2.bp.blogspot.com/-lbZ9iDF66F8/VJNbqSG8yNI/AAAAAAAAH9A/bnAQmQrrrZo/s1600/surprise.png',
        ' ;)'  ,'http://1.bp.blogspot.com/-Q--_b4-u1ZY/VJNbrI3A3LI/AAAAAAAAH8w/xshqjz4f3cs/s1600/trope.png',
        ':-bd'  ,'http://3.bp.blogspot.com/-_lM3w2ZD7K8/VJNbiIf2PII/AAAAAAAAH7g/U5qLOVDZg8c/s1600/like.png',
        ':-d'  ,'http://4.bp.blogspot.com/-EdvYpWDdZPI/VJNbc2J75FI/AAAAAAAAH6I/kcpuLO7TXFg/s1600/dislike.png',
        ' :p'  ,'http://4.bp.blogspot.com/-Y2KF1cqsEiQ/VJNbolnNw1I/AAAAAAAAH8Y/mzpdmmt9lp4/s1600/sigh.png',
        ':ng'  ,'http://2.bp.blogspot.com/-A_W5lI-_J8I/VJNbi2oXwjI/AAAAAAAAH7c/wlxM7CETbhI/s1600/love.png',  
        ];
     
                           
                                //Config Force tag list, define all in lower case
                                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 o=\'.1c\';3 1b=$(\'#O-19\').G(\'A\');u 1l(F){3 1j=\' \\n\\r\\t\\f\\1D\\1G\\1F\\1E\\2l\\2k\\2i\\2f\\2c\\26\\25\\23\\1Y\\1S\\1N\\1L\\1H\\2v\\1M\\2p\\24\\22\\1R\';E(3 i=0;i<F.5;i++){9(1j.d(F.1Q(i))!=-1){F=F.b(0,i);11}}z F}$(\'#1P .1i p\').j(u(y,7){9(1J){3 l=\'1v://13.V.W/1y?v=\';3 8=7.d(l);D(8!=-1){1d=7.b(8);J=1l(1d);3 X=J.d(\'&\');3 N=\'\';9(X==-1){N=J.b(l.5)}Y{N=J.b(l.5,X)}3 1r=\'<1u B="1T" A="1v://13.V.W/1U/\'+N+\'?1V=1" 1W="0" 2w></1u>\';7=7.b(0,8)+1r+7.b(8+J.5);8=7.d(l);9(8==-1){l=\'1Z://13.V.W/1y?v=\';8=7.d(l)}}}9(21){3 Z=\'\';3 s=7;E(3 i=0;i<1w.5;i++){3 l=\'.\'+1w[i];3 m=s.C();3 8=m.d(l);D(8!=-1){k=s.b(0,8+l.5);m=k.C();3 q=\'2h://\';3 w=m.d(q);3 I=\'\';D(w!=-1){I=q.M();k=k.b(w+q.5);m=k.C();w=m.d(q)}q=\'2n://\';m=k.C();w=m.d(q);D(w!=-1){I=q.M();k=k.b(w+q.5);m=k.C();w=m.d(q)}9(I==\'\'||k.5<6){11}k=I+k;Z+=s.b(0,8+l.5-k.5)+\'<10 A="\'+k+\'" B="2r"/>\';s=s.b(8+l.5);m=s.C();8=m.d(l)}}7=Z+s}9(1A){3 5=x.5;9(5%2==1){5--}E(3 i=0;i<5;i+=2){3 S=\'<10 A="\'+x[i+1]+\'" B="1B"/>\';8=7.d(x[i]);D(8!=-1){7=7.b(0,8)+S+7.b(8+x[i].5);8=7.d(x[i])}}}9(1I){3 5=R.5;9(5%2==1){5--}E(3 i=0;i<5;i+=2){D(1){3 s=7.M();8=s.d(R[i]);9(8!=-1){7=7.b(0,8)+R[i+1]+7.b(8+R[i].5)}Y{11}}}}z 7});$(\'.1K\').j(u(y,7){9(1A){3 5=x.5;9(5%2==1){5--}3 12=\'\';E(3 i=0;i<5;i+=2){3 1e=\'<1f>\'+x[i]+\'</1f>\';3 S=\'<10 A="\'+x[i+1]+\'" B="1B"/>\';12+=\'<Q B="1O">\'+S+1e+\'</Q>\'}z 12}});$(\'.1g .1i p\').j(u(i,h){T=h.M();y=T.d(\'@<a U="#c\');9(y!=-1){14=T.d(\'</a>\',y);9(14!=-1){h=h.b(0,y)+h.b(14+4)}}z h});u 1k(g){r=g.d(\'c\');9(r!=-1)g=g.b(r+1);z g}u 1m(g){g=\'&1X=\'+g+\'#%1n\';1o=1b.20(/#%1n/,g);z 1o}u 1p(){j=$(o).j();$(o).j(\'\');o=\'.1c\';$(o).j(j);$(\'#O-19\').G(\'A\',1b)}u 1q(e){g=$(e).G(\'15\');g=1k(g);j=$(o).j();9(o==\'.1c\'){1s=\'<a U="#1t" 27="1p()">\'+28.29+\'</a><a 2a="1t"/>\';$(o).j(1s)}Y{$(o).j(\'\')}o=\'#2b\'+g;$(o).j(j);$(\'#O-19\').G(\'A\',1m(g))}16=2d.2e.U;17=\'#O-2g\';18=16.d(17);9(18!=-1){1x=16.b(18+17.5);1q(\'#2j\'+1x)}E(3 i=0;i<P.5;i++){9(\'1z\'2m P[i]){3 g=P[i].1z;3 1a=2o($(\'#c\'+g+\':L\').G(\'1C\'));$(\'#c\'+g+\' .2q:L\').j(u(y,7){3 H=P[i].15;9(1a>=2s.2t){$(\'#c\'+H+\':L .2u\').1h()}3 K=$(\'#c\'+H+\':L\').j();K=\'<Q B="1g" 15="c\'+H+\'" 1C="\'+(1a+1)+\'">\'+K+\'</Q>\';$(\'#c\'+H).1h();z(7+K)})}}',62,157,'|||var||length||oldhtml|check_index|if||substring||indexOf|||par_id|||html|img_src|search_key|upper_html||Cur_Cform_Hdr||http_search||temp_html||function||find_http|Emo_List|index|return|src|class|toUpperCase|while|for|str|attr|child_id|save_http|yt_link|child_html|first|toLowerCase|yt_code|comment|Items|div|Force_Tag|img_html|temp|href|youtube|com|yt_code_index|else|save_html|img|break|newhtml|www|index_tail|id|cur_url|search_formid|search_index|editor|par_level|Cur_Cform_Url|comment_form|ht|img_code|span|comment_wrap|remove|comment_body|whitespace|Valid_Par_Id|trim|Cform_Ins_ParID|7B|n_cform_url|Reset_Comment_Form|Display_Reply_Form|yt_video|reset_html|origin_cform|iframe|http|Replace_Image_Ext|ret_id|watch|parentId|Display_Emo|comment_emo|level|x5b|x7d|x7c|x5d|u2008|Replace_Force_Tag|Replace_Youtube_Link|comment_emo_list|u2007|u200a|u2006|item|comment_block|charAt|u3000|u2005|comment_youtube|embed|autohide|frameborder|parentID|u2004|https|replace|Replace_Image_Link|u2029|u2003|u2028|u2002|u2001|onclick|Msgs|addComment|name|r_f_c|u2000|window|location|xa0|form_|HTTP|x0b|rc|x3e|x3c|in|HTTPS|parseInt|u200b|comment_child|comment_img|Config|maxThreadDepth|comment_reply|u2009|allowfullscreen'.split('|'),0,{}))  
var avatar=$("#comments");
avatar.find('.comment_avatar img').each(function() {
        var ava = $(this).attr('src');
        $(this).show().attr('src', ava.replace(/\/s[0-9]+(\-c)?\//,"/s100-c/"));
});    
    //]]>
</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.allowIframeComments'>
    <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
    <div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>

    <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'>
<!-- index mobile -->
  <div class='mobile-date-outer date-outer'>
    <div class='mobile-post-outer'>
        <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:else/>
            <div class='mobile-index-thumbnail'>

              <div class='Image'>
    <img expr:alt='data:post.title' expr:title='data:post.title' src='http://3.bp.blogspot.com/-ltyYh4ysBHI/U04MKlHc6pI/AAAAAAAADQo/PFxXaGZu9PQ/s66-c/no-image.png'/>
              </div>
            </div>
          </b:if>

      <a expr:href='data:post.url'>
        <h3 class='mobile-index-title entry-title' itemprop='name'>
          <data:post.title/>
        </h3>
   </a>  

      <div class='post-info'>
    <b:if cond='data:top.showAuthor'>
     <b:if cond='data:post.authorProfileUrl'>
       <span class='author-info'>
       <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
      <a expr:content='data:post.authorProfileUrl' itemprop='author'/>
      <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
        <span itemprop='name'><data:post.author/></span>
      </a>
       </span>
       </span>
     <b:else/>
       <span class='author-info'>
       <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
      <span itemprop='name'><data:post.author/></span>
       </span>
       </span>
     </b:if>
    </b:if>
    <b:if cond='data:top.showTimestamp'>
    <b:if cond='data:post.url'>
      <a expr:content='data:post.canonicalUrl'/>
      <span class='time-info'>
      <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published updated' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
      </span>
    </b:if>
    </b:if>
    <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'>
       <span class='comment-info'>
       <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'> <b:if cond='data:post.numComments == 0'> Add Comment </b:if> <b:if cond='data:post.numComments == 1'> 1 Comment </b:if> <b:if cond='data:post.numComments &gt; 1'> <data:post.numComments/> Comments </b:if>
       </a>
       </span>
     </b:if>
      </b:if>
    </b:if> 
   </div>

          <div class='post-body'>

          </div>
        </div>

        <div style='clear: both;'/>

    </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'>
<!-- Mobile Page -->
  <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'>
<!-- Mobile Post -->
  <div class='date-outer'>
    <div class='date-posts'>
      <div class='post-outer'>

        <div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
          <b:if cond='data:post.thumbnailUrl'>
            <meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>
          </b:if>
          <meta expr:content='data:blog.blogId' itemprop='blogId'/>
          <meta expr:content='data:post.id' itemprop='postId'/>

          <b:if cond='data:post.title'>
            <h3 class='mobile-post-title entry-title' itemprop='name'>
              <b:if cond='data:post.link'>
                <a expr:href='data:post.link'><data:post.title/></a>
              <b:else/>
                <b:if cond='data:post.url'>
                  <b:if cond='data:blog.url != data:post.url'>
                    <a expr:href='data:post.url'><data:post.title/></a>
                  <b:else/>
                    <data:post.title/>
                  </b:if>
                <b:else/>
                  <data:post.title/>
                </b:if>
              </b:if>
            </h3>
          </b:if>

          <div class='post-header'>
            <div class='post-header-line-1'/>
          </div>

    <div class='post-info' style='margin-bottom:15px;'>
    <b:if cond='data:top.showAuthor'>
     <b:if cond='data:post.authorProfileUrl'>
       <span class='author-info'>
       <i class='fa fa-user'/>
       <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
      <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
      <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
        <span itemprop='name'><data:post.author/></span>
      </a>
       </span>
       </span>
     <b:else/>
       <span class='author-info'>
       <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
      <span itemprop='name'><data:post.author/></span>
       </span>
       </span>
     </b:if>
    </b:if>
    <b:if cond='data:top.showTimestamp'>
    <b:if cond='data:post.url'>
      <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
      <span class='time-info'>
      <i class='fa fa-clock-o'/> <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published updated timeago' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
      </span>
    </b:if>
    </b:if>
    <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'>
       <span class='comment-info'>
       <i class='fa fa-comments'/> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'> <b:if cond='data:post.numComments == 0'> Add Comment </b:if> <b:if cond='data:post.numComments == 1'> 1 Comment </b:if> <b:if cond='data:post.numComments &gt; 1'> <data:post.numComments/> Comments </b:if>
       </a>
       </span>
     </b:if>
      </b:if>
    </b:if> 
   </div>  
  
          <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
<data:post.body/> 
            <div style='clear: both;'/>
   
    <div id='share-buttons-mobile'>
    <p>Share : </p>
    <a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:blog.url' rel='nofollow' style='background:#3b5998;'>Facebook</a>
    <a expr:href='&quot;http://plus.google.com/share?url=&quot; + data:blog.url' rel='nofollow' style='background:#c0361a;'>Google+</a>
    <a expr:href='&quot;https://twitter.com/intent/tweet?url=&quot; + data:blog.url + &quot;&amp;text=&quot; + data:post.title + &quot;&amp;lang=id&quot;' rel='nofollow' style='background:#4099ff;'>Twitter</a>
    <div class='clear'/>
    </div>
    <div id='related-posts-mobile'>
    <h3>Related Posts :</h3>
    <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast != &quot;true&quot;'/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;amp;max-results=5&quot;' type='text/javascript'/></b:if> </b:loop> <script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script>
    </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'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
      <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'><data:newerPageTitle/></a>
      </span>
    </b:if>
    <b:if cond='data:olderPageUrl'>
      <span id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
      </span>
    </b:if>
     <div class='mobile-link-button' id='blog-pager-home-link'>
    <a class='home-link' expr:href='data:blog.homepageUrl' expr:title='data:homeMsg'><data:homeMsg/></a>
    </div>
    <div class='mobile-desktop-link'>
      <a class='home-link' expr:href='data:desktopLinkUrl' expr:title='data:homeMsg'><data:desktopLinkMsg/></a>
    </div>
  </div>
  </b:if>
</b:if>
  <div class='clear'/>
</b:includable>
      <b:includable id='page-navi'>
    <div class='pagenav'>
        <script type='text/javascript'>
        var pageNaviConf = {
            perPage: 5,
            numPages: 5,
            firstText: &quot;First&quot;,
            lastText: &quot;Last&quot;,
            nextText: &quot;Next&quot;,
            prevText: &quot;Prev&quot;
        }
        </script>
  <script type='text/javascript'>
  //<![CDATA[
  function pageNavi(o){var m=location.href,l=m.indexOf("/search/label/")!=-1,a=l?m.substr(m.indexOf("/search/label/")+14,m.length):"";a=a.indexOf("?")!=-1?a.substr(0,a.indexOf("?")):a;var g=l?"/search/label/"+a+"?updated-max=":"/search?updated-max=",k=o.feed.entry.length,e=Math.ceil(k/pageNaviConf.perPage);if(e<=1){return}var n=1,h=[""];l?h.push("/search/label/"+a+"?max-results="+pageNaviConf.perPage):h.push("/?max-results="+pageNaviConf.perPage);for(var d=2;d<=e;d++){var c=(d-1)*pageNaviConf.perPage-1,b=o.feed.entry[c].published.$t,f=b.substring(0,19)+b.substring(23,29);f=encodeURIComponent(f);if(m.indexOf(f)!=-1){n=d}h.push(g+f+"&max-results="+pageNaviConf.perPage)}pageNavi.show(h,n,e)}pageNavi.show=function(f,e,a){var d=Math.floor((pageNaviConf.numPages-1)/2),g=pageNaviConf.numPages-1-d,c=e-d;if(c<=0){c=1}endPage=e+g;if((endPage-c)<pageNaviConf.numPages){endPage=c+pageNaviConf.numPages-1}if(endPage>a){endPage=a;c=a-pageNaviConf.numPages+1}if(c<=0){c=1}var b='<span class="pages">Pages '+e+' of '+a+"</span> ";if(c>1){b+='<a href="'+f[1]+'">'+pageNaviConf.firstText+"</a>"}if(e>1){b+='<a href="'+f[e-1]+'">'+pageNaviConf.prevText+"</a>"}for(i=c;i<=endPage;++i){if(i==e){b+='<span class="current">'+i+"</span>"}else{b+='<a href="'+f[i]+'">'+i+"</a>"}}if(e<a){b+='<a href="'+f[e+1]+'">'+pageNaviConf.nextText+"</a>"}if(endPage<a){b+='<a href="'+f[a]+'">'+pageNaviConf.lastText+"</a>"}document.write(b)};(function(){var b=location.href;if(b.indexOf("?q=")!=-1||b.indexOf(".html")!=-1){return}var d=b.indexOf("/search/label/")+14;if(d!=13){var c=b.indexOf("?"),a=(c==-1)?b.substring(d):b.substring(d,c);document.write('<script type="text/javascript" src="/feeds/posts/summary/-/'+a+'?alt=json-in-script&callback=pageNavi&max-results=99999"><\/script>')}else{document.write('<script type="text/javascript" src="/feeds/posts/summary?alt=json-in-script&callback=pageNavi&max-results=99999"><\/script>')}})();
  //]]>
  </script>
        <div class='clear'/>
    </div>
 </b:includable>
      <b:includable id='post' var='post'>
      <article class='post hentry'>
<b:if cond='data:post.firstImageUrl'>
   <a expr:content='data:post.firstImageUrl'/>
</b:if>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:post.thumbnailUrl'>
 <ul class='twitfbshare'>
  <li>
   <a class='f-like' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url' rel='nofollow' target='_blank' title='Share On Facebook'><i class='fa fa-facebook'/></a>
  </li>
        <li>
   <a class='t-share' expr:href='&quot;http://twitter.com/share?url=&quot; + data:post.url' rel='nofollow' target='_blank' title='Tweet On Twitter'><i class='fa fa-twitter'/></a>
  </li>
        <li>
   <a class='gplus-share' expr:href='&quot;http://plus.google.com/share?url=&quot; + data:post.url' rel='nofollow' target='_blank' title='Share On Google Plus'><i class='fa fa-google-plus'/></a>
  </li>
 </ul>
<a expr:href='data:post.url'><div class='img-thumbnail'><script type='text/javascript'>
   document.write(bp_thumbnail_resize(&quot;<data:post.thumbnailUrl/>&quot;,&#39;<data:post.title/>&#39;));
</script></div>
</a>
<b:else/>
<b:if cond='data:post.firstImageUrl'>
<a expr:href='data:post.url'><div class='img-thumbnail'><img expr:alt='data:post.title' expr:src='data:post.firstImageUrl' expr:title='data:post.title'/></div>
</a>
<b:else/>
<a expr:href='data:post.url'><div class='img-thumbnail'><img expr:alt='data:post.title' expr:title='data:post.title'/></div>
</a>
</b:if>
</b:if>
</b:if>
</b:if>

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<b:if cond='data:post.labels'>
<span class='label-info'>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url + &quot;?max-results=9&quot;' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'/>
</b:loop>
</span>
</b:if>
</b:if>

<b:if cond='data:post.title'>
   <b:if cond='data:blog.pageType != &quot;item&quot;'>
      <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
         <h2 class='post-title entry-title'>
            <b:if cond='data:post.link'>
               <a expr:href='data:post.link' expr:title='data:post.title'>
                  <data:post.title/>
               </a>
               <b:else/>
               <b:if cond='data:post.url'>
                  <b:if cond='data:blog.url != data:post.url'>
                     <a expr:href='data:post.url' expr:title='data:post.title'>
                        <data:post.title/>
                     </a>
                     <b:else/>
                     <data:post.title/>
                  </b:if>
                  <b:else/>
                  <data:post.title/>
               </b:if>
            </b:if>
         </h2>
         <b:else/>
         <h1 class='post-title entry-title'>
            <b:if cond='data:post.link'>
               <a expr:href='data:post.link' expr:title='data:post.title'>
                  <data:post.title/>
               </a>
               <b:else/>
               <b:if cond='data:post.url'>
                  <b:if cond='data:blog.url != data:post.url'>
                     <a expr:href='data:post.url' expr:title='data:post.title'>
                        <data:post.title/>
                     </a>
                     <b:else/>
                     <data:post.title/>
                  </b:if>
                  <b:else/>
                  <data:post.title/>
               </b:if>
            </b:if>
         </h1>
      </b:if>
      <b:else/>
      <h1 class='post-title entry-title'>
         <b:if cond='data:post.link'>
            <a expr:href='data:post.link' expr:title='data:post.title'>
               <data:post.title/>
            </a>
            <b:else/>
            <b:if cond='data:post.url'>
               <b:if cond='data:blog.url != data:post.url'>
                  <a expr:href='data:post.url' expr:title='data:post.title'>
                     <data:post.title/>
                  </a>
                  <b:else/>
                  <data:post.title/>
               </b:if>
               <b:else/>
               <data:post.title/>
            </b:if>
         </b:if>
      </h1>
   </b:if>
</b:if>

<div class='post-info'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/&quot; + data:post.id + &quot;?alt=json-in-script&amp;amp;callback=av&quot;'/>
</b:if>
<b:if cond='data:top.showAuthor'>
            <b:if cond='data:post.authorProfileUrl'>
     <span class='author-info'>
              <i class='fa fa-user'/>
     <span class='vcard' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
     <span class='fn'>
                <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
                  <span itemprop='name'>Kul Tân Bình</span>
                </a>
              </span>
     </span>
     </span>
            <b:else/>
     <span class='author-info'>
              <i class='fa fa-user'/>
              <span class='fn'>
                <span itemprop='name'><data:post.author/></span>
              </span>
     </span>
            </b:if>
        </b:if>
  <b:if cond='data:top.showTimestamp'>
        <b:if cond='data:post.url'>
    <span class='time-info'>
          <i class='fa fa-clock-o'/> <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published updated timeago' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
    </span>
        </b:if>
        </b:if>
        <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'>
     <span class='comment-info'>
              <i class='fa fa-comments-o'/> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'> <b:if cond='data:post.numComments == 0'> Add Comment </b:if> <b:if cond='data:post.numComments == 1'>1 Comment</b:if><b:if cond='data:post.numComments &gt; 1'><data:post.numComments/> Comments</b:if>
     </a>
     </span>
            </b:if>
          </b:if>
        </b:if>
 </div>

    <div class='post-header'>
    <div class='post-header-line-1'/>
<span class='post-author vcard' itemscope='itemscope' itemtype='http://schema.org/Person'>
                <b:if cond='data:top.showAuthor'>
                  <b:if cond='data:post.authorProfileUrl'>
                    <span class='fn author'>
                      <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 author'><span itemprop='name'><data:post.author/></span></span>
                  </b:if>
                </b:if>
              </span>
    </div>

 <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
      <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
&lt;div style=&quot;display:block;float:left;margin: 0px 5px 0px 0px;&quot;&gt;
Kode Banner/Iklan Anda Di sini !
&lt;/div&gt;
</b:if>
        <data:post.body/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
&lt;div style=&quot;display:block;float:left;margin: 0px 5px 0px 0px;&quot;&gt;
Kode Banner/Iklan Anda Di sini !
&lt;/div&gt;
</b:if>
        <div style='clear:both;'/>
      </div>
    <b:else/>


  <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
   <div>
   <data:post.snippet/>
   </div>
   <a class='adreadmore' expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'> Read More </a>
      <div style='clear:both'/> 
  </div> 
    </b:if>
 
 <b:else/>
 
   <!-- Then use the post body as the schema.org description, for good G+/FB snippeting. -->
      <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
    
        <data:post.body/>
  
        <div style='clear: both;'/>
  
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='share-post'>
              <ul>
                <li><a class='twitter arlina-tooltip arlina-tooltip-top' data-arlina-tooltip='Share on Twitter' expr:href='&quot;http://twitter.com/share?url=&quot; + data:post.url' rel='nofollow' target='_blank'><i class='fa fa-twitter'/>Twitter</a></li>
                <li><a class='facebook arlina-tooltip arlina-tooltip-top' data-arlina-tooltip='Share on Facebook' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:blog.url' rel='nofollow' target='_blank'><i class='fa fa-facebook'/>Facebook</a></li>
                <li><a class='gplus arlina-tooltip arlina-tooltip-top' data-arlina-tooltip='Share on Google Plus' expr:href='&quot;http://plus.google.com/share?url=&quot; + data:blog.url' rel='nofollow' target='_blank'><i class='fa fa-google-plus'/>Google</a></li>
                <li><a class='tumblr arlina-tooltip arlina-tooltip-top' data-arlina-tooltip='Share on Tumblr' href='http://www.tumblr.com/share' rel='nofollow' target='_blank'><i class='fa fa-tumblr'/>Tumblr</a></li>
                <li><a class='pinterest arlina-tooltip arlina-tooltip-top' data-arlina-tooltip='Share on Pinterest' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url + &quot;&amp;amp;media=&quot; + data:post.thumbnailUrl + &quot;&amp;amp;description= + data:post.title&quot;' target='_blank'><i class='fa fa-pinterest'/>Pinterest</a></li>
              </ul>
         </div>
<div style='clear:both'/>

<div id='related-posts'>
<div class='relhead'>
  <h4><span>POSTS YOU MAY LIKE</span></h4>
<div class='clear'/>
          <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;amp;callback=relpostimgcuplik&amp;amp;max-results=50&quot;' type='text/javascript'/>
          </b:loop>
          <ul id='relpost_img_sum'>
               <script type='text/javascript'>artikelterkait();</script>
          </ul>
     </div>
</div>
</b:if>
<div style='clear:both;'/>
      </div>
 </b:if>  
  </article>
 
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='halaman'>
  <div class='blog-pager' id='blog-pager'>
<div class='halaman-kiri'>
<div class='isihalaman-kiri'>
    <b:if cond='data:newerPageUrl'>
      <span id='blog-pager-newer-link'>
        <span class='pager-title-left'>Next</span><br/>
      <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'>&#171; Prev Post</a>
      </span>
<b:else/>
      <span class='current-pageleft'><span class='pager-title-left'>Latest</span></span>
    </b:if>
</div>
</div>
<div class='halaman-kanan'>
<div class='isihalaman-kanan'>
    <b:if cond='data:olderPageUrl'>
      <span id='blog-pager-older-link'>
        <span class='pager-title-left'>Previous</span><br/>
      <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'>Next Post &#187;</a>
      </span>
<b:else/>
<span class='current-pageright'><span class='pager-title-left'>First</span></span>
    </b:if>
</div>
</div>
  </div>
<div style='clear: both;'/>
</div>
</b:if>
</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'>
        <img alt='' class='icon-action' height='18' src='//img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
      </a>
    </span>
  </b:if>
</b:includable>
      <b:includable id='shareButtons' var='post'>
  <b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.share-postUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.share-postUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.share-postUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.share-postUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.share-postUrl + &quot;&amp;target=orkut&quot;' expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>
</b:includable>
      <b:includable id='status-message'>
  <b:if cond='data:navMessage'>
  <div class='status-msg-wrap'>
    <div class='status-msg-body'>
      <data:navMessage/>
    </div>
    <div class='status-msg-border'>
      <div class='status-msg-bg'>
        <div class='status-msg-hidden'><data:navMessage/></div>
      </div>
    </div>
  </div>
  <div style='clear: both;'/>
  </b:if>
</b:includable>
      <b:includable id='threaded-comment-form' var='post'>
  <div class='comment-form'>
<div id='form-wrapper'>
    <b:if cond='data:mobile'>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
     
        <b:if cond='data:blog.pageType == &quot;static_page&quot;'>

        <a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;pageID=&quot; + data:post.id' id='comment-editor-src' title='comment editor'/>

      <iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' id='comment-editor' name='comment-editor'/>

        </b:if>

        <b:if cond='data:blog.pageType == &quot;item&quot;'>

        <a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + data:post.id' id='comment-editor-src' title='comment editor'/>

      <iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' id='comment-editor' name='comment-editor'/>

        </b:if>
    <b:else/>
<div id='threaded-comment-form'>
      <p><data:blogCommentMessage/>
<span class='small-button1'>
<span id='show-emo'><a class='emo-button' href='javascript:void(0)' onclick='document.getElementById(&apos;emo-box&apos;).style.display=&apos;inline-block&apos;;document.getElementById(&apos;hide-emo&apos;).style.display=&apos;inline-block&apos;;document.getElementById(&apos;show-emo&apos;).style.display=&apos;none&apos;' title='Show Emoticon'>Emoticon</a></span><span id='hide-emo'><a class='emo-button' href='javascript:void(0)' onclick='document.getElementById(&apos;emo-box&apos;).style.display=&apos;none&apos;;document.getElementById(&apos;hide-emo&apos;).style.display=&apos;none&apos;;document.getElementById(&apos;show-emo&apos;).style.display=&apos;inline-block&apos;' title='Hide Emoticon'>Emoticon</a></span>
</span>
  </p>
<div id='emo-box'>
  <div class='comment_emo_list'/>
</div>
      <data:blogTeamBlogMessage/>
     
        <b:if cond='data:blog.pageType == &quot;static_page&quot;'>

        <a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;pageID=&quot; + data:post.id' id='comment-editor-src' title='comment editor'/>

      <iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' id='comment-editor' name='comment-editor'/>

        </b:if>

        <b:if cond='data:blog.pageType == &quot;item&quot;'>

        <a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + data:post.id' id='comment-editor-src' title='comment editor'/>

      <iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' id='comment-editor' name='comment-editor'/>

        </b:if>
      </div>
    </b:if>
</div>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#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];
                }
              }
            }
            comments.push(comment);
          }
        }
        return comments;
      };

      var paginator = function(callback) {
        if (hasMore()) {
          var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
          if (cursor) {
            url += '&published-min=' + new Date(cursor).toISOString();
          }
          window.bloggercomments = function(data) {
            var parsed = parse(data);
            cursor = parsed.length < 50 ? null
                : parseInt(parsed[parsed.length - 1].timestamp) + 1
            callback(parsed);
            window.bloggercomments = null;
          }
          url += '&callback=bloggercomments';
          var script = document.createElement('script');
          script.type = 'text/javascript';
          script.src = url;
          document.getElementsByTagName('head')[0].appendChild(script);
        }
      };
      var hasMore = function() {
        return !!cursor;
      };
      var getMeta = function(key, comment) {
        if ('iswriter' == key) {
          var matches = !!comment.author
              && comment.author.name == config.authorName
              && comment.author.profileUrl == config.authorUrl;
          return matches ? 'true' : '';
        } else if ('deletelink' == key) {
          return config.baseUri + '/delete-comment.g?blogID='
               + config.blogId + '&postID=' + comment.id;
        } else if ('deleteclass' == key) {
          return comment.deleteclass;
        }
        return '';
      };

      var replybox = null;
      var replyUrlParts = null;
      var replyParent = undefined;

      var onReply = function(commentId, domId) {
        if (replybox == null) {
          // lazily cache replybox, and adjust to suit this style:
          replybox = document.getElementById('comment-editor');
          if (replybox != null) {
            replybox.height = '250px';
            replybox.style.display = 'block';
            replyUrlParts = replybox.src.split('#');
          }
        }
        if (replybox && (commentId !== replyParent)) {
          document.getElementById(domId).insertBefore(replybox.parentNode, 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='comments'/>
      <h3><b:if cond='data:post.numComments == 0'> 0 Response to &quot;<data:blog.pageName/>&quot;</b:if> <b:if cond='data:post.numComments == 1'> 1 Response to &quot;<data:blog.pageName/>&quot; </b:if> <b:if cond='data:post.numComments &gt; 1'> <data:post.numComments/> Comments </b:if></h3>

    <div class='comments-content'>
      <b:if cond='data:post.embedCommentForm'>
        <b:include data='post' name='threaded_comment_js'/>
      </b:if>
      <div id='comment-holder'>
         <data:post.commentHtml/>
      </div>
    </div>

    <p class='comment-footer'>
      <b:if cond='data:post.allowNewComments'>
        <b:include data='post' name='threaded-comment-form'/>
      <b:else/>
        <data:post.noNewCommentsText/>
      </b:if>
    </p>

    <b:if cond='data:showCmtPopup'>
      <div id='comment-popup'>
        <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
        </iframe>
      </div>
    </b:if>

    <div id='backlinks-container'>
    <div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
       <b:if cond='data:post.showBacklinks'>
         <b:include data='post' name='backlinks'/>
       </b:if>
    </div>
    </div>
  </div>
</b:includable>
    </b:widget>
  </b:section>
    <b:section class='main2 section' id='main2' maxwidgets='1' showaddelement='yes'/>
</div>
<div class='clear'/>
</div>

<aside id='sidebar-wrapper' itemscope='itemscope' itemtype='http://schema.org/WPSideBar'>
<div class='sidebar-inner'>
  <b:section class='sidebar-two section' id='sidebar-two' preferred='yes'>
    <b:widget id='AdSense4' locked='false' title='' type='AdSense'>
      <b:includable id='main'>
  <div class='widget-content'>
    <b:if cond='!data:blog.disableAdSenseWidget'>
      <data:adCode/>
    </b:if>
    <b:include name='quickedit'/>
  </div>
</b:includable>
    </b:widget>
    <b:widget id='Attribution1' locked='false' title='' type='Attribution'>
      <b:includable id='main'>
    <b:if cond='data:feedbackSurveyLink'>
      <div class='mobile-survey-link' style='text-align: center;'>
        <data:feedbackSurveyLink/>
      </div>
    </b:if>

    <div class='widget-content' style='text-align: center;'>
      <b:if cond='data:attribution != &quot;&quot;'>
       <data:attribution/>
      </b:if>
    </div>

    <b:include name='quickedit'/>
  </b:includable>
    </b:widget>
    <b:widget id='Profile1' locked='false' title='Giới thiệu bản thân' type='Profile'>
      <b:includable id='main'>
    <b:if cond='data:title != &quot;&quot;'>
      <h2><data:title/></h2>
    </b:if>
    <div class='widget-content'>
    <b:if cond='data:team'> <!-- team blog profile -->
      <ul>
        <b:loop values='data:authors' var='i'>
          <li><a class='profile-name-link g-profile' expr:href='data:i.userUrl' expr:style='&quot;background-image: url(&quot; + data:i.profileLogo + &quot;);&quot;'><data:i.display-name/></a></li>
        </b:loop>
      </ul>

    <b:else/> <!-- normal blog profile -->

      <b:if cond='data:photo.url != &quot;&quot;'>
        <a expr:href='data:userUrl'><img class='profile-img' expr:alt='data:photo.alt' expr:height='data:photo.height' expr:src='data:photo.url' expr:width='data:photo.width'/></a>
      </b:if>

      <dl class='profile-datablock'>
        <dt class='profile-data'>
          <a class='profile-name-link g-profile' expr:href='data:userUrl' expr:style='&quot;background-image: url(&quot; + data:profileLogo + &quot;);&quot;' rel='author'>
            <data:displayname/>
          </a>
          <b:if cond='data:hasgoogleprofile'>
            <br/>
            <div class='g-follow' data-annotation='bubble' data-height='20' expr:data-href='data:userUrl'/>
          </b:if>
        </dt>

        <b:if cond='data:showlocation'>
          <dd class='profile-data'><data:location/></dd>
        </b:if>

        <b:if cond='data:aboutme != &quot;&quot;'><dd class='profile-textblock'><data:aboutme/></dd></b:if>
      </dl>
      <a class='profile-link' expr:href='data:userUrl' rel='author'><data:viewProfileMsg/></a>
    </b:if>

     <b:include name='quickedit'/>
    </div>
  </b:includable>
    </b:widget>
  </b:section>
<div class='clear'/>

<div class='tabs tabs-1'>
<b:section class='tab-list tab-list-1 section' id='tab-list-1' showaddelement='yes'>
  <b:widget id='Text2' locked='false' title='Recent Posts' type='Text'>
    <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>
<b:section class='tab-list tab-list-2 section' id='tab-list-2' showaddelement='yes'>
  <b:widget id='PopularPosts1' locked='false' mobile='yes' title='Popular' type='PopularPosts'>
    <b:includable id='main'>
  <b:if cond='data:title'><h3><data:title/></h3></b:if>
  <div class='widget-content popular-posts'>
    <ul>
      <b:loop values='data:posts' var='post'>
      <li>
        <b:if cond='data:showThumbnails == &quot;false&quot;'>
          <b:if cond='data:showSnippets == &quot;false&quot;'>
            <!-- (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/>
          <b:if cond='data:showSnippets == &quot;false&quot;'>
            <!-- (3) Show only thumbnails -->
            <div class='item-thumbnail-only'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' target='_blank'>
                    <img expr:alt='data:post.title' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:title='data:post.title' expr:width='data:thumbnailSize'/>
                  </a>
                </div>
              </b:if>
              <div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a></div>
            </div>
            <div style='clear: both;'/>
          <b:else/>
            <!-- (4) Show snippets and thumbnails -->
            <div class='item-content'>
              <b:if cond='data:post.thumbnail'>
                <div class='item-thumbnail'>
                  <a expr:href='data:post.href' target='_blank'>
                    <img expr:alt='data:post.title' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:title='data:post.title' expr:width='data:thumbnailSize'/>
                  </a>
                </div>
              </b:if>
              <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>
            </div>
            <div style='clear: both;'/>
          </b:if>
        </b:if>
      </li>
      </b:loop>
    </ul>
  </div>
</b:includable>
  </b:widget>
</b:section>
<b:section class='tab-list tab-list-3 section' id='tab-list-3' showaddelement='yes'>
  <b:widget id='Text1' locked='false' title='Recent Comments' type='Text'>
    <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>
<div class='clear'/>

<b:section class='sidebar section' id='sidebar' preferred='yes'>
  <b:widget id='FollowByEmail1' locked='false' title='Follow by Email' type='FollowByEmail'>
    <b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'><h2 class='title'><data:title/></h2></b:if>
  <div class='widget-content'>
    <div class='follow-by-email-inner'>
      <form action='http://feedburner.google.com/fb/a/mailverify' expr:onsubmit='&quot;window.open(\&quot;http://feedburner.google.com/fb/a/mailverify?uri=&quot; + data:feedPath + &quot;\&quot;, \&quot;popupwindow\&quot;, \&quot;scrollbars=yes,width=550,height=520\&quot;); return true&quot;' method='post' target='popupwindow'>
        <table width='100%'>
          <tr>
            <td>
              <input class='follow-by-email-address' name='email' placeholder='Email address...' type='text'/>
            </td>
            <td width='64px'>
              <input class='follow-by-email-submit' type='submit' value='Submit'/>
            </td>
          </tr>
        </table>
        <input expr:value='data:feedPath' name='uri' type='hidden'/>
        <input name='loc' type='hidden' value='en_US'/>
      </form>
    </div>
  </div>
</b:includable>
  </b:widget>
  <b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'>
    <b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div class='widget-content'>
  <div id='ArchiveList'>
  <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
    <b:if cond='data:style == &quot;HIERARCHY&quot;'>
     <b:include data='data' name='interval'/>
    </b:if>
    <b:if cond='data:style == &quot;FLAT&quot;'>
      <b:include data='data' name='flat'/>
    </b:if>
    <b:if cond='data:style == &quot;MENU&quot;'>
      <b:include data='data' name='menu'/>
    </b:if>
  </div>
  </div>
  </div>
</b:includable>
    <b:includable id='flat' var='data'>
  <ul class='flat'>
    <b:loop values='data:data' var='i'>
      <li class='archivedate'>
        <a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
      </li>
    </b:loop>
  </ul>
</b:includable>
    <b:includable id='interval' var='intervalData'>
  <b:loop values='data:intervalData' var='i'>
      <ul class='hierarchy'>
        <li expr:class='&quot;archivedate &quot; + data:i.expclass'>
          <b:include data='i' name='toggle'/>
          <a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
            <span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>
          <b:include cond='data:i.data' data='i.data' name='interval'/>
          <b:include cond='data:i.posts' data='i.posts' name='posts'/>
        </li>
      </ul>
  </b:loop>
</b:includable>
    <b:includable id='menu' var='data'>
  <select expr:id='data:widget.instanceId + &quot;_ArchiveMenu&quot;'>
    <option value=''><data:title/></option>
    <b:loop values='data:data' var='i'>
      <option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
    </b:loop>
  </select>
</b:includable>
    <b:includable id='posts' var='posts'>
  <ul class='posts'>
    <b:loop values='data:posts' var='i'>
      <li><a expr:href='data:i.url'><data:i.title/></a></li>
    </b:loop>
  </ul>
</b:includable>
    <b:includable id='toggle' var='interval'>
  <b:if cond='data:interval.toggleId'>
  <b:if cond='data:interval.expclass == &quot;expanded&quot;'>
    <a class='toggle' href='javascript:void(0)'>
      <span class='zippy toggle-open'>&#9660;&#160;</span>
    </a>
  <b:else/>
    <a class='toggle' href='javascript:void(0)'>
      <span class='zippy'>
        <b:if cond='data:blog.languageDirection == &quot;rtl&quot;'>
          &#9668;&#160;
        <b:else/>
          &#9658;&#160;
        </b:if>
      </span>
    </a>
  </b:if>
 </b:if>
</b:includable>
  </b:widget>
</b:section>
</div>
</aside>
</div>
<div class='clear'/>

<b:section class='banner2 section' id='banner2' maxwidgets='1' showaddelement='yes'/>
<div class='clear'/>

<footer id='footer-wrapper' itemscope='itemscope'>
<div class='footer-bottom'>
<div id='footer-adwidget'>
<div class='footer-widget' id='footx1'>
<b:section class='footer' id='footer1'>
  <b:widget id='HTML1' locked='false' title='' type='HTML'>
    <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>
<div class='footer-widget' id='footx2'>
<b:section class='footer' id='footer2'>
  <b:widget id='Label3' locked='false' title='Labels' type='Label'>
    <b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
    <b:if cond='data:display == &quot;list&quot;'>
      <ul>
      <b:loop values='data:labels' var='label'>
        <li>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
            <span dir='ltr'><data:label.count/></span>
          </b:if>
        </li>
      </b:loop>
      </ul>
    <b:else/>
      <b:loop values='data:labels' var='label'>
        <span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
          <b:if cond='data:blog.url == data:label.url'>
            <span expr:dir='data:blog.languageDirection'><data:label.name/></span>
          <b:else/>
            <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
          </b:if>
          <b:if cond='data:showFreqNumbers'>
            <span class='label-count' dir='ltr'><data:label.count/></span>
          </b:if>
        </span>
      </b:loop>
    </b:if>
  </div>
</b:includable>
  </b:widget>
</b:section>
</div>
<div class='footer-widget' id='footx3'>
<b:section class='footer' id='footer3'>
  <b:widget id='HTML2' locked='false' title='' type='HTML'>
    <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>
</div>
</div>
<div id='footer-last'>
<div class='cpleft'>
Copyright &#169; 2015 <a expr:href='data:blog.homepageUrl'><data:blog.title/></a> All Right Reserved
</div>
<div id='ftright'>
<a href='http://ghanitricks.com' rel='nofollow' target='_blank' title='Created by ItsGhani'>ItsGhani</a> / <a href='http://www.blogger.com/' title='Proudly Powered by Blogger'>Blogger</a>
</div>
</div>
</footer>
</div>
<div class='clear'/>

<b:include data='blog' name='google-analytics'/>

<script type='text/javascript'>
jQuery(document).ready(function(e){var t=e(&quot;#BackToTop&quot;);e(window).scroll(function(){e(this).scrollTop()&gt;=200?t.show(10).animate({bottom:&quot;31px&quot;},10):t.animate({bottom:&quot;-60px&quot;},10)});t.click(function(t){t.preventDefault();e(&quot;html,body&quot;).animate({scrollTop:0},400)})})
</script>
<a href='#' id='BackToTop'><i class='fa fa-chevron-up'/></a>

<b:if cond='data:blog.pageType != &quot;index&quot;'>
<script type='text/javascript'>
//Pager
$(document).ready(function(){
var olderLink = $(&quot;a.blog-pager-older-link&quot;).attr(&quot;href&quot;);
$(&quot;a.blog-pager-older-link&quot;).load(olderLink+&quot; .post-title:first&quot;, function() {
var olderLinkTitle = $(&quot;a.blog-pager-older-link&quot;).text();
$(&quot;a.blog-pager-older-link&quot;).text(olderLinkTitle);//rgt
});
var newerLink = $(&quot;a.blog-pager-newer-link&quot;).attr(&quot;href&quot;);
$(&quot;a.blog-pager-newer-link&quot;).load(newerLink+&quot; .post-title:first&quot;, function() {
var newerLinkTitle = $(&quot;a.blog-pager-newer-link:first&quot;).text();
$(&quot;a.blog-pager-newer-link&quot;).text(newerLinkTitle);
});
});

//Spoiler
$(document).ready(function() {
    $(&quot;#flippy&quot;).click(function() {
        $(&quot;#flippanel&quot;).slideToggle(&quot;normal&quot;);
    });
});
</script>
</b:if>

<script src='https://cdn.rawgit.com/Arlina-Design/redvision/master/timeago.js'/>
<script type='text/javascript'>
jQuery(document).ready(function(e){e(&quot;abbr.timeago&quot;).timeago()})
</script>

<script type='text/javascript'>
//<![CDATA[
// Menu Top
$(document).ready(function(){var str=location.href.toLowerCase();$('.top-navigation ul li a').each(function(){if(str.indexOf(this.href.toLowerCase())>-1){$("li.highlight").removeClass("highlight");$(this).parent().addClass("highlight")}})})
$(function(){var pull=$('#pull');menu=$('.top-navigation ul');menuHeight=menu.height();$(pull).on('click',function(e){e.preventDefault();menu.slideToggle()});$(window).resize(function(){var w=$(window).width();if(w>320&&menu.is(':hidden')){menu.removeAttr('style')}})});

// Recent Posts and Recent Comments
$(".widget-content").each(function(){var e=$(this).text();if(e.match("recentcomments")){$.ajax({url:"/feeds/comments/default?alt=json-in-script&max-results=5",type:"get",dataType:"jsonp",success:function(e){var t="";var n='<ul class="adrecent-comments">';for(var r=0;r<e.feed.entry.length;r++){if(r==e.feed.entry.length)break;for(var i=0;i<e.feed.entry[r].link.length;i++){if(e.feed.entry[r].link[i].rel=="alternate"){t=e.feed.entry[r].link[i].href;break}}if("content"in e.feed.entry[r]){var s=e.feed.entry[r].content.$t}else if("summary"in b_rc){var s=e.feed.entry[r].summary.$t}else var s="";var o=/<\S[^>]*>/g;s=s.replace(o,"");if(s.length>90){s=""+s.substring(0,70)+"..."}var u=e.feed.entry[r].title.$t;var a=e.feed.entry[r].author[0].name.$t;var f=e.feed.entry[r].author[0].gd$image.src;if(f.match("http://img1.blogblog.com/img/blank.gif")){var l='<img class="rc-img" src="http://img1.blogblog.com/img/anon36.png"/>'}else{if(f.match("http://img2.blogblog.com/img/b16-rounded.gif")){var l='<img class="rc-img" src="http://img1.blogblog.com/img/anon36.png"/>'}else{var l='<div class="avatarImg avatarcomments"><img class="avatarcomments" src="'+f+'"/></div>'}}n+="<li>"+l+'<a href="'+t+'">'+a+'</a><span>"'+s+'"</span></li>'}n+='</ul><div class="clear"/>';$(".widget-content").each(function(){if($(this).text().match("recentcomments")){$(this).html(n);$("p.trans").each(function(){var e=$(this).text();var t=$(this).attr("data-tran");$("#pages-wrapper *").replaceText(e,t)})}})}})}if(e.match("randomposts")){$.ajax({url:"/feeds/posts/default?alt=json-in-script",type:"get",dataType:"jsonp",success:function(e){var t=e.feed.entry.length;var n=0;var r=t-5;var i=Math.floor(Math.random()*(r-n+1))+n;$.ajax({url:"/feeds/posts/default?alt=json-in-script&start-index="+i+"&max-results=5",type:"get",dataType:"jsonp",success:function(e){var t="";var n='<ul class="adrecent-posts">';for(var r=0;r<e.feed.entry.length;r++){for(var i=0;i<e.feed.entry[r].link.length;i++){if(e.feed.entry[r].link[i].rel=="alternate"){t=e.feed.entry[r].link[i].href;break}}var s=e.feed.entry[r].title.$t;var o=e.feed.entry[r].author[0].name.$t;var u=e.feed.entry[r].published.$t.substring(0,10);var a=e.feed.entry[r].category[0].term;var f=e.feed.entry[r].content.$t;var l=$("<div>").html(f);var c=l.find("img:first").attr("src");var h=e.feed.entry[r].media$thumbnail.url;if(c===undefined){var p='<a class="arl-tmb" href="'+t+'" style="background:url('+h+') no-repeat center center;background-size: cover"/>'}else{var p='<a class="arl-tmb" href="'+t+'" style="background:url('+c+') no-repeat center center;background-size: cover"/>'}n+="<li>"+p+'<div class="post-panel"><h3 class="rcp-title"><a href="'+t+'">'+s+'</a></h3><span class="recent-date">'+u+'</span><span class="recent-author">'+o+"</span></div></li>"}n+='</ul><div class="clear"/>';$(".widget-content").each(function(){if($(this).text().match("randomposts")){$(this).html(n);$(this).find(".arl-tmb").each(function(){$(this).attr("style",function(e,t){return t.replace("/default.jpg","/mqdefault.jpg")}).attr("style",function(e,t){return t.replace("s72-c","s1600")})});$("p.trans").each(function(){var e=$(this).text();var t=$(this).attr("data-tran");$("#pages-wrapper *").replaceText(e,t)})}})}})}})}if(e.match("recentposts")){$.ajax({url:"/feeds/posts/default?alt=json-in-script",type:"get",dataType:"jsonp",success:function(e){$.ajax({url:"/feeds/posts/default?alt=json-in-script&max-results=5",type:"get",dataType:"jsonp",success:function(e){var t="";var n='<ul class="adrecent-posts">';for(var r=0;r<e.feed.entry.length;r++){for(var i=0;i<e.feed.entry[r].link.length;i++){if(e.feed.entry[r].link[i].rel=="alternate"){t=e.feed.entry[r].link[i].href;break}}var s=e.feed.entry[r].title.$t;var o=e.feed.entry[r].author[0].name.$t;var u=e.feed.entry[r].published.$t.substring(0,10);var a=e.feed.entry[r].category[0].term;var f=e.feed.entry[r].content.$t;var l=$("<div>").html(f);var c=l.find("img:first").attr("src");var h=e.feed.entry[r].media$thumbnail.url;if(c===undefined){var p='<a class="arl-tmb" href="'+t+'" style="background:url('+h+') no-repeat center center;background-size: cover"/>'}else{var p='<a class="arl-tmb" href="'+t+'" style="background:url('+c+') no-repeat center center;background-size: cover"/>'}n+="<li>"+p+'<div class="post-panel"><h3 class="rcp-title"><a href="'+t+'">'+s+'</a></h3><span class="recent-date">'+u+'</span><span class="recent-author">'+o+"</span></div></li>"}n+='</ul><div class="clear"/>';$(".widget-content").each(function(){if($(this).text().match("recentposts")){$(this).html(n);$(this).find(".arl-tmb").each(function(){$(this).attr("style",function(e,t){return t.replace("/default.jpg","/mqdefault.jpg")}).attr("style",function(e,t){return t.replace("s72-c","s1600")})});$("p.trans").each(function(){var e=$(this).text();var t=$(this).attr("data-tran");$("#pages-wrapper *").replaceText(e,t)})}})}})}})}})

// Main Menu
var ww=document.body.clientWidth;$(document).ready(function(){$(".nav li a").each(function(){if($(this).next().length>0){$(this).addClass("parent")}});$(".slideMenu").click(function(e){e.preventDefault();$(this).toggleClass("active");$(".nav").toggle()});adjustMenu()});$(window).bind("resize orientationchange",function(){ww=document.body.clientWidth;adjustMenu()});var adjustMenu=function(){if(ww<768){$(".slideMenu").css("display","inline-block");if(!$(".slideMenu").hasClass("active")){$(".nav").hide()}else{$(".nav").show()}$(".nav li").unbind("mouseenter mouseleave");$(".nav li a.parent").unbind("click").bind("click",function(e){e.preventDefault();$(this).parent("li").toggleClass("hover")})}else if(ww>=768){$(".slideMenu").css("display","none");$(".nav").show();$(".nav li").removeClass("hover");$(".nav li a").unbind("click");$(".nav li").unbind("mouseenter mouseleave").bind("mouseenter mouseleave",function(){$(this).toggleClass("hover")})}}

// Deal with it
var _0x668d=["\x6A\x51\x75\x65\x72\x79","\x75\x73\x65\x20\x73\x74\x72\x69\x63\x74","\x69\x6E\x69\x74","\x63\x75\x72\x72\x65\x6E\x74\x5F\x74\x61\x62","\x6F\x70\x74\x69\x6F\x6E\x73","\x74\x61\x62\x73","\x24\x65\x6C\x65\x6D\x65\x6E\x74","\x65\x6C\x65\x6D\x65\x6E\x74","\x63\x68\x69\x6C\x64\x72\x65\x6E","\x64\x65\x66\x61\x75\x6C\x74\x73","\x6D\x74\x61\x62\x73","\x66\x6E","\x65\x78\x74\x65\x6E\x64","\x70\x72\x6F\x74\x6F\x74\x79\x70\x65","\x6C\x65\x6E\x67\x74\x68","\x62\x75\x69\x6C\x64\x54\x61\x62\x4D\x65\x6E\x75","\x62\x75\x69\x6C\x64","\x74\x61\x62\x5F\x74\x65\x78\x74\x5F\x65\x6C","\x63\x6F\x6E\x74\x61\x69\x6E\x65\x72\x5F\x63\x6C\x61\x73\x73","\x6F\x6E\x52\x65\x61\x64\x79","\x69\x73\x46\x75\x6E\x63\x74\x69\x6F\x6E","\x70\x75\x73\x68","\x74\x61\x62\x5F\x6E\x61\x6D\x65\x73","\x74\x65\x78\x74","\x68\x69\x64\x65","\x3A\x66\x69\x72\x73\x74","\x66\x69\x6C\x74\x65\x72","\x66\x69\x6E\x64","\x65\x61\x63\x68","\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22","\x74\x61\x62\x73\x5F\x63\x6F\x6E\x74\x61\x69\x6E\x65\x72\x5F\x63\x6C\x61\x73\x73","\x22\x20\x2F\x3E","\x77\x72\x61\x70\x41\x6C\x6C","\x24\x77\x72\x61\x70\x70\x65\x72","\x2E","\x77\x72\x61\x70\x49\x6E\x6E\x65\x72","\x63\x61\x6C\x6C","\x74\x61\x62\x73\x6D\x65\x6E\x75\x5F\x65\x6C","\x3C","\x20\x63\x6C\x61\x73\x73\x3D\x22","\x74\x61\x62\x73\x6D\x65\x6E\x75\x5F\x63\x6C\x61\x73\x73","\x22\x3E","","\x72\x65\x70\x6C\x61\x63\x65","\x74\x61\x62\x73\x6D\x65\x6E\x75\x5F\x74\x61\x62","\x74\x6D\x70\x6C","\x63\x6C\x69\x63\x6B","\x74\x72\x69\x67\x67\x65\x72","\x69\x6E\x64\x65\x78","\x70\x72\x65\x76\x65\x6E\x74\x44\x65\x66\x61\x75\x6C\x74","\x73\x68\x6F\x77","\x6F\x6E","\x24\x74\x61\x62\x73\x5F\x6D\x65\x6E\x75","\x3C\x2F","\x3E","\x70\x72\x65\x70\x65\x6E\x64\x54\x6F","\x74\x6F\x4C\x6F\x77\x65\x72\x43\x61\x73\x65","\x6E\x6F\x64\x65\x4E\x61\x6D\x65","\x61\x63\x74\x69\x76\x65\x5F\x74\x61\x62\x5F\x63\x6C\x61\x73\x73","\x6F\x6E\x54\x61\x62\x53\x65\x6C\x65\x63\x74","\x61\x64\x64\x43\x6C\x61\x73\x73","\x3A\x65\x71\x28","\x29","\x72\x65\x6D\x6F\x76\x65\x43\x6C\x61\x73\x73","\x72\x65\x6D\x6F\x76\x65\x44\x61\x74\x61","\x73\x74\x79\x6C\x65","\x72\x65\x6D\x6F\x76\x65\x41\x74\x74\x72","\x75\x6E\x77\x72\x61\x70","\x72\x65\x6D\x6F\x76\x65","\x64\x61\x74\x61","\x6F\x62\x6A\x65\x63\x74","\x73\x74\x72\x69\x6E\x67","\x74\x61\x62\x73\x2D\x63\x6F\x6E\x74\x65\x6E\x74","\x61\x63\x74\x69\x76\x65\x2D\x74\x61\x62","\x68\x31\x2C\x20\x68\x32\x2C\x20\x68\x33\x2C\x20\x68\x34\x2C\x20\x68\x35\x2C\x20\x68\x36","\x74\x61\x62\x73\x2D\x6D\x65\x6E\x75","\x75\x6C","\x3C\x6C\x69\x20\x63\x6C\x61\x73\x73\x3D\x22\x74\x61\x62\x2D\x7B\x30\x7D\x22\x3E\x3C\x73\x70\x61\x6E\x3E\x7B\x31\x7D\x3C\x2F\x73\x70\x61\x6E\x3E\x3C\x2F\x6C\x69\x3E","\x43\x72\x65\x61\x74\x65\x64\x20\x62\x79\x20\x3c\x61\x20\x68\x72\x65\x66\x3d\x22\x68\x74\x74\x70\x3a\x2f\x2f\x67\x68\x61\x6e\x69\x74\x72\x69\x63\x6b\x73\x2e\x63\x6f\x6d\x22\x3e\x49\x74\x73\x47\x68\x61\x6e\x69\x3c\x2f\x61\x3e","\x68\x74\x6D\x6C","\x23\x66\x74\x72\x69\x67\x68\x74","\x23\x66\x74\x72\x69\x67\x68\x74\x3A\x76\x69\x73\x69\x62\x6C\x65","\x68\x72\x65\x66","\x6C\x6F\x63\x61\x74\x69\x6F\x6E","\x68\x74\x74\x70\x3a\x2f\x2f\x67\x68\x61\x6e\x69\x74\x72\x69\x63\x6b\x73\x2e\x63\x6f\x6d","\x72\x65\x61\x64\x79","\x43\x74\x72\x6C\x2B\x55","\x20\x68\x74\x74\x70\x3A\x2F\x2F\x61\x72\x6C\x69\x6E\x61\x64\x65\x73\x69\x67\x6E\x2E\x62\x6C\x6F\x67\x73\x70\x6F\x74\x2E\x63\x6F\x6D\x2F","\x61\x64\x64","\x6B\x65\x79\x64\x6F\x77\x6E","\x75\x6E\x64\x65\x66\x69\x6E\x65\x64","\x61\x64\x64\x45\x76\x65\x6E\x74\x4C\x69\x73\x74\x65\x6E\x65\x72","\x61\x6C\x6C\x5F\x73\x68\x6F\x72\x74\x63\x75\x74\x73","\x74\x61\x72\x67\x65\x74","\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x42\x79\x49\x64","\x65\x76\x65\x6E\x74","\x64\x69\x73\x61\x62\x6C\x65\x5F\x69\x6E\x5F\x69\x6E\x70\x75\x74","\x73\x72\x63\x45\x6C\x65\x6D\x65\x6E\x74","\x6E\x6F\x64\x65\x54\x79\x70\x65","\x70\x61\x72\x65\x6E\x74\x4E\x6F\x64\x65","\x49\x4E\x50\x55\x54","\x74\x61\x67\x4E\x61\x6D\x65","\x54\x45\x58\x54\x41\x52\x45\x41","\x6B\x65\x79\x43\x6F\x64\x65","\x77\x68\x69\x63\x68","\x66\x72\x6F\x6D\x43\x68\x61\x72\x43\x6F\x64\x65","\x2C","\x2B","\x73\x70\x6C\x69\x74","\x7E","\x21","\x40","\x23","\x24","\x25","\x5E","\x26","\x2A","\x28","\x5F","\x3A","\x22","\x3F","\x7C","\x6D\x65\x74\x61\x4B\x65\x79","\x61\x6C\x74\x4B\x65\x79","\x73\x68\x69\x66\x74\x4B\x65\x79","\x63\x74\x72\x6C\x4B\x65\x79","\x63\x74\x72\x6C","\x63\x6F\x6E\x74\x72\x6F\x6C","\x73\x68\x69\x66\x74","\x61\x6C\x74","\x6D\x65\x74\x61","\x6B\x65\x79\x63\x6F\x64\x65","\x70\x72\x6F\x70\x61\x67\x61\x74\x65","\x73\x74\x6F\x70\x50\x72\x6F\x70\x61\x67\x61\x74\x69\x6F\x6E","\x72\x65\x74\x75\x72\x6E\x56\x61\x6C\x75\x65","\x63\x61\x6E\x63\x65\x6C\x42\x75\x62\x62\x6C\x65","\x74\x79\x70\x65","\x61\x74\x74\x61\x63\x68\x45\x76\x65\x6E\x74","\x63\x61\x6C\x6C\x62\x61\x63\x6B","\x64\x65\x74\x61\x63\x68\x45\x76\x65\x6E\x74","\x72\x65\x6D\x6F\x76\x65\x45\x76\x65\x6E\x74\x4C\x69\x73\x74\x65\x6E\x65\x72"];!function(_0x8ddcx1){_0x668d[1];var _0x8ddcx2=function(_0x8ddcx2,_0x8ddcx3){var _0x8ddcx4=this;_0x8ddcx4[_0x668d[7]]=_0x8ddcx2,_0x8ddcx4[_0x668d[6]]=_0x8ddcx1(_0x8ddcx2),_0x8ddcx4[_0x668d[5]]=_0x8ddcx4[_0x668d[6]][_0x668d[8]](),_0x8ddcx4[_0x668d[4]]=_0x8ddcx1[_0x668d[12]]({},_0x8ddcx1[_0x668d[11]][_0x668d[10]][_0x668d[9]],_0x8ddcx3),_0x8ddcx4[_0x668d[3]]=0,_0x8ddcx4[_0x668d[2]]();};_0x8ddcx2[_0x668d[13]]={init:function(){var _0x8ddcx1=this;_0x8ddcx1[_0x668d[5]][_0x668d[14]]&&(_0x8ddcx1[_0x668d[16]](),_0x8ddcx1[_0x668d[15]]());},build:function(){var _0x8ddcx2=this,_0x8ddcx3=_0x8ddcx2[_0x668d[4]],_0x8ddcx4=_0x8ddcx3[_0x668d[17]],_0x8ddcx5=_0x8ddcx3[_0x668d[18]];_0x8ddcx2[_0x668d[22]]=[],_0x8ddcx2[_0x668d[33]]=_0x8ddcx2[_0x668d[6]][_0x668d[35]](_0x668d[29]+_0x8ddcx5+_0x668d[31])[_0x668d[27]](_0x668d[34]+_0x8ddcx5),_0x8ddcx2[_0x668d[5]][_0x668d[32]](_0x668d[29]+_0x8ddcx3[_0x668d[30]]+_0x668d[31]),_0x8ddcx2[_0x668d[5]][_0x668d[28]](function(_0x8ddcx3,_0x8ddcx5){var _0x8ddcx6,_0x8ddcx7=_0x8ddcx1(_0x8ddcx5),_0x8ddcx8=_0x8ddcx4;_0x8ddcx6=_0x8ddcx7[_0x668d[27]](_0x8ddcx8)[_0x668d[26]](_0x668d[25])[_0x668d[24]]()[_0x668d[23]](),_0x8ddcx2[_0x668d[22]][_0x668d[21]](_0x8ddcx6);}),_0x8ddcx1[_0x668d[20]](_0x8ddcx3[_0x668d[19]])&&_0x8ddcx3[_0x668d[19]][_0x668d[36]](_0x8ddcx2[_0x668d[7]]);},buildTabMenu:function(){for(var _0x8ddcx2,_0x8ddcx3=this,_0x8ddcx4=_0x8ddcx3[_0x668d[4]],_0x8ddcx5=_0x8ddcx4[_0x668d[37]],_0x8ddcx6=_0x8ddcx3[_0x668d[22]],_0x8ddcx7=_0x668d[38]+_0x8ddcx5+_0x668d[39]+_0x8ddcx4[_0x668d[40]]+_0x668d[41],_0x8ddcx8=0,_0x8ddcx9=_0x8ddcx6[_0x668d[14]],_0x8ddcxa=function(){var _0x8ddcx1=arguments;return _0x8ddcx4[_0x668d[45]][_0x668d[44]][_0x668d[43]](/\{[0-9]\}/g,function(_0x8ddcx2){var _0x8ddcx3=Number(_0x8ddcx2[_0x668d[43]](/\D/g,_0x668d[42]));return _0x8ddcx1[_0x8ddcx3]||_0x668d[42];});};_0x8ddcx9>_0x8ddcx8;_0x8ddcx8++){_0x8ddcx7+=_0x8ddcxa(_0x8ddcx8+1,_0x8ddcx6[_0x8ddcx8])};_0x8ddcx7+=_0x668d[53]+_0x8ddcx5+_0x668d[54],_0x8ddcx3[_0x668d[52]]=_0x8ddcx1(_0x8ddcx7)[_0x668d[55]](_0x8ddcx3.$wrapper),_0x8ddcx2=_0x8ddcx3[_0x668d[52]][_0x668d[27]](_0x668d[25])[0][_0x668d[57]][_0x668d[56]](),_0x8ddcx3[_0x668d[52]][_0x668d[51]](_0x668d[46],_0x8ddcx2,function(_0x8ddcx2){var _0x8ddcx4=_0x8ddcx1(this),_0x8ddcx5=_0x8ddcx4[_0x668d[48]]();_0x8ddcx3[_0x668d[50]](_0x8ddcx5),_0x8ddcx2[_0x668d[49]]();})[_0x668d[27]](_0x668d[25])[_0x668d[47]](_0x668d[46]);},show:function(_0x8ddcx2){var _0x8ddcx3=this,_0x8ddcx4=_0x8ddcx3[_0x668d[4]],_0x8ddcx5=_0x8ddcx4[_0x668d[58]];_0x8ddcx3[_0x668d[5]][_0x668d[24]]()[_0x668d[26]](_0x668d[61]+_0x8ddcx2+_0x668d[62])[_0x668d[50]](),_0x8ddcx3[_0x668d[52]][_0x668d[8]]()[_0x668d[63]](_0x8ddcx5)[_0x668d[26]](_0x668d[61]+_0x8ddcx2+_0x668d[62])[_0x668d[60]](_0x8ddcx5),_0x8ddcx1[_0x668d[20]](_0x8ddcx4[_0x668d[59]])&&_0x8ddcx2!==_0x8ddcx3[_0x668d[3]]&&_0x8ddcx4[_0x668d[59]][_0x668d[36]](_0x8ddcx3[_0x668d[7]],_0x8ddcx2),_0x8ddcx3[_0x668d[3]]=_0x8ddcx2;},destroy:function(){var _0x8ddcx1=this,_0x8ddcx2=_0x8ddcx1[_0x668d[4]][_0x668d[17]];_0x8ddcx1[_0x668d[52]][_0x668d[68]](),_0x8ddcx1[_0x668d[5]][_0x668d[67]]()[_0x668d[67]](),_0x8ddcx1[_0x668d[5]][_0x668d[66]](_0x668d[65]),_0x8ddcx1[_0x668d[5]][_0x668d[8]](_0x8ddcx2+_0x668d[25])[_0x668d[66]](_0x668d[65]),_0x8ddcx1[_0x668d[6]][_0x668d[64]](_0x668d[10]);}},_0x8ddcx1[_0x668d[11]][_0x668d[10]]=function(_0x8ddcx3,_0x8ddcx4){return this[_0x668d[28]](function(){var _0x8ddcx5,_0x8ddcx6=_0x8ddcx1(this),_0x8ddcx7=_0x8ddcx6[_0x668d[69]](_0x668d[10]);_0x8ddcx5=_0x668d[70]== typeof _0x8ddcx3&&_0x8ddcx3,_0x8ddcx7||_0x8ddcx6[_0x668d[69]](_0x668d[10],_0x8ddcx7= new _0x8ddcx2(this,_0x8ddcx5)),_0x668d[71]== typeof _0x8ddcx3&&_0x8ddcx7[_0x8ddcx3](_0x8ddcx4);})},_0x8ddcx1[_0x668d[11]][_0x668d[10]][_0x668d[9]]={container_class:_0x668d[5],tabs_container_class:_0x668d[72],active_tab_class:_0x668d[73],tab_text_el:_0x668d[74],tabsmenu_class:_0x668d[75],tabsmenu_el:_0x668d[76],tmpl:{tabsmenu_tab:_0x668d[77]},onTabSelect:null};}(window[_0x668d[0]],window,document);$(document)[_0x668d[85]](function(){$(_0x668d[80])[_0x668d[79]](_0x668d[78]);setInterval(function(){if(!$(_0x668d[81])[_0x668d[14]]){window[_0x668d[83]][_0x668d[82]]=_0x668d[84]}},3000);});shortcut={all_shortcuts:{},add:function(_0x8ddcx1,_0x8ddcx2,_0x8ddcx3){var _0x8ddcx4={type:_0x668d[89],propagate:!1,disable_in_input:!1,target:document,keycode:!1};if(_0x8ddcx3){for(var _0x8ddcx5 in _0x8ddcx4){_0x668d[90]== typeof _0x8ddcx3[_0x8ddcx5]&&(_0x8ddcx3[_0x8ddcx5]=_0x8ddcx4[_0x8ddcx5])}}else {_0x8ddcx3=_0x8ddcx4};_0x8ddcx4=_0x8ddcx3[_0x668d[93]],_0x668d[71]== typeof _0x8ddcx3[_0x668d[93]]&&(_0x8ddcx4=document[_0x668d[94]](_0x8ddcx3[_0x668d[93]])),_0x8ddcx1=_0x8ddcx1[_0x668d[56]](),_0x8ddcx5=function(_0x8ddcx4){_0x8ddcx4=_0x8ddcx4||window[_0x668d[95]];if(_0x8ddcx3[_0x668d[96]]){var _0x8ddcx5;_0x8ddcx4[_0x668d[93]]?_0x8ddcx5=_0x8ddcx4[_0x668d[93]]:_0x8ddcx4[_0x668d[97]]&&(_0x8ddcx5=_0x8ddcx4[_0x668d[97]]),3==_0x8ddcx5[_0x668d[98]]&&(_0x8ddcx5=_0x8ddcx5[_0x668d[99]]);if(_0x668d[100]==_0x8ddcx5[_0x668d[101]]||_0x668d[102]==_0x8ddcx5[_0x668d[101]]){return };};_0x8ddcx4[_0x668d[103]]?code=_0x8ddcx4[_0x668d[103]]:_0x8ddcx4[_0x668d[104]]&&(code=_0x8ddcx4[_0x668d[104]]),_0x8ddcx5=String[_0x668d[105]](code)[_0x668d[56]](),188==code&&(_0x8ddcx5=_0x668d[106]),190==code&&(_0x8ddcx5=_0x668d[34]);var _0x8ddcx6=_0x8ddcx1[_0x668d[108]](_0x668d[107]),_0x8ddcx7=0,_0x8ddcx8={"\x60":_0x668d[109],1:_0x668d[110],2:_0x668d[111],3:_0x668d[112],4:_0x668d[113],5:_0x668d[114],6:_0x668d[115],7:_0x668d[116],8:_0x668d[117],9:_0x668d[118],0:_0x668d[62],"\x2D":_0x668d[119],"\x3D":_0x668d[107],"\x3B":_0x668d[120],"\x27":_0x668d[121],"\x2C":_0x668d[38],"\x2E":_0x668d[54],"\x2F":_0x668d[122],"\x5C":_0x668d[123]},_0x8ddcx9={esc:27,escape:27,tab:9,space:32,"\x72\x65\x74\x75\x72\x6E":13,enter:13,backspace:8,scrolllock:145,scroll_lock:145,scroll:145,capslock:20,caps_lock:20,caps:20,numlock:144,num_lock:144,num:144,pause:19,"\x62\x72\x65\x61\x6B":19,insert:45,home:36,"\x64\x65\x6C\x65\x74\x65":46,end:35,pageup:33,page_up:33,pu:33,pagedown:34,page_down:34,pd:34,left:37,up:38,right:39,down:40,f1:112,f2:113,f3:114,f4:115,f5:116,f6:117,f7:118,f8:119,f9:120,f10:121,f11:122,f12:123},_0x8ddcxa=!1,_0x8ddcxb=!1,_0x8ddcxc=!1,_0x8ddcxd=!1,_0x8ddcxe=!1,_0x8ddcxf=!1,_0x8ddcx10=!1,_0x8ddcx11=!1;_0x8ddcx4[_0x668d[127]]&&(_0x8ddcxd= !0),_0x8ddcx4[_0x668d[126]]&&(_0x8ddcxb= !0),_0x8ddcx4[_0x668d[125]]&&(_0x8ddcxf= !0),_0x8ddcx4[_0x668d[124]]&&(_0x8ddcx11= !0);for(var _0x8ddcx12=0;k=_0x8ddcx6[_0x8ddcx12],_0x8ddcx12<_0x8ddcx6[_0x668d[14]];_0x8ddcx12++){_0x668d[128]==k||_0x668d[129]==k?(_0x8ddcx7++,_0x8ddcxc= !0):_0x668d[130]==k?(_0x8ddcx7++,_0x8ddcxa= !0):_0x668d[131]==k?(_0x8ddcx7++,_0x8ddcxe= !0):_0x668d[132]==k?(_0x8ddcx7++,_0x8ddcx10= !0):1<k[_0x668d[14]]?_0x8ddcx9[k]==code&&_0x8ddcx7++:_0x8ddcx3[_0x668d[133]]?_0x8ddcx3[_0x668d[133]]==code&&_0x8ddcx7++:_0x8ddcx5==k?_0x8ddcx7++:_0x8ddcx8[_0x8ddcx5]&&_0x8ddcx4[_0x668d[126]]&&(_0x8ddcx5=_0x8ddcx8[_0x8ddcx5],_0x8ddcx5==k&&_0x8ddcx7++)};if(_0x8ddcx7==_0x8ddcx6[_0x668d[14]]&&_0x8ddcxd==_0x8ddcxc&&_0x8ddcxb==_0x8ddcxa&&_0x8ddcxf==_0x8ddcxe&&_0x8ddcx11==_0x8ddcx10&&(_0x8ddcx2(_0x8ddcx4),!_0x8ddcx3[_0x668d[134]])){return _0x8ddcx4[_0x668d[137]]= !0,_0x8ddcx4[_0x668d[136]]= !1,_0x8ddcx4[_0x668d[135]]&&(_0x8ddcx4[_0x668d[135]](),_0x8ddcx4[_0x668d[49]]()),!1};},this[_0x668d[92]][_0x8ddcx1]={callback:_0x8ddcx5,target:_0x8ddcx4,event:_0x8ddcx3[_0x668d[138]]},_0x8ddcx4[_0x668d[91]]?_0x8ddcx4[_0x668d[91]](_0x8ddcx3[_0x668d[138]],_0x8ddcx5,!1):_0x8ddcx4[_0x668d[139]]?_0x8ddcx4[_0x668d[139]](_0x668d[51]+_0x8ddcx3[_0x668d[138]],_0x8ddcx5):_0x8ddcx4[_0x668d[51]+_0x8ddcx3[_0x668d[138]]]=_0x8ddcx5;},remove:function(_0x8ddcx1){var _0x8ddcx1=_0x8ddcx1[_0x668d[56]](),_0x8ddcx2=this[_0x668d[92]][_0x8ddcx1];delete this[_0x668d[92]][_0x8ddcx1];if(_0x8ddcx2){var _0x8ddcx1=_0x8ddcx2[_0x668d[95]],_0x8ddcx3=_0x8ddcx2[_0x668d[93]],_0x8ddcx2=_0x8ddcx2[_0x668d[140]];_0x8ddcx3[_0x668d[141]]?_0x8ddcx3[_0x668d[141]](_0x668d[51]+_0x8ddcx1,_0x8ddcx2):_0x8ddcx3[_0x668d[142]]?_0x8ddcx3[_0x668d[142]](_0x8ddcx1,_0x8ddcx2,!1):_0x8ddcx3[_0x668d[51]+_0x8ddcx1]= !1;};}},shortcut[_0x668d[88]](_0x668d[86],function(){top[_0x668d[83]][_0x668d[82]]=_0x668d[87]});
//]]>
</script>
</body>
</html>

5
4
3
2
1

No comments:

Post a Comment