<?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' 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>
<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='Indonesia' name='geo.placename'/>
<meta content='xxxxx' name='Author'/>
<meta content='general' name='rating'/>
<meta content='id' name='geo.country'/>

<!-- [ Social Media meta tag ] -->
<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></b:if></b:if></b:if>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta content='article' property='og:type'/>
<b:else/>
<meta content='website' property='og:type'/>
</b:if>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
<b:else/>
<meta expr:content='data:blog.blogspotFaviconUrl' property='og:image'/>
</b:if></b:if>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
<meta content='xxxxx' property='og:description'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta content='562901580420523' property='fb:app_id'/>
<meta content='100005787193074' property='fb:admins'/>
<meta content='en_US' property='og:locale'/>
<meta content='en_GB' property='og:locale:alternate'/>
<meta content='id_ID' property='og:locale:alternate'/>
<meta content='summary' name='twitter:card'/>
<meta expr:content='data:blog.pageTitle' name='twitter:title'/>
<meta content='xxxxx' name='twitter:site'/>
<meta content='xxxxx' name='twitter:creator'/>

<b:skin><![CDATA[
/*
Theme Name       : Vienna Mag Responsive Magazine Template
Theme Publish    : 2 Juli 2015
Theme Base Color : White, Blue, and Black
Theme Layout     : 3 Column
Theme Designer   : Arlina Design
Designer URL     : http://arlinadesign.blogspot.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 */
*, *:before, *:after {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.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:#4db2ec;text-decoration:none;outline:none;transition:all 0.25s;}
a:visited{color:#444;text-decoration:none;}
a:link:hover{color:#444;text-decoration:none;}
a:visited:hover{color:#4db2ec;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;}
pre,code{font-family:'Open Sans';color:#666;}
pre{white-space:pre;word-wrap:normal;overflow:auto;}
blockquote{position:relative;line-height:normal;margin:15px 0;border-left:3px solid #c69f73;font-weight:400;padding:0 18px;color:#999}
*:focus {outline:0!important;}

/* 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;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder,input:-moz-placeholder,textarea:-moz-placeholder,input.placeholder_text,textarea.placeholder_text{color:#888}[placeholder]:focus::-webkit-input-placeholder{transition:opacity .5s .5s ease;opacity:0}

/* Print Styling */
@media print {
*{background:transparent !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important}
a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href)")"}abbr[title]:after{content:" (" attr(title)")"}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100% !important}
@page {margin:0.5cm;}
p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}

/* 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:1px;margin-top: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 #e6e6e6;padding:10px;text-align:left;vertical-align:top;}
.post-body table th {border:1px solid #009abf;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:#fefefe;}
.post-body th{background:#00acd6;color:#fff;}
.post-body th:hover{background:#009fc6;}
.post-body td a{color:#444;}
.post-body td a:hover{color:#4db2ec;}
.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 Global Wrapper */
body {background:#e3e3e3 none repeat scroll top left;margin:0;padding:0;color:#404040;font-family:'Open Sans';font-size:14px;font-weight:400;text-align:left;}
#outer-wrapper {max-width:1060px;margin:0 auto;padding:0;overflow:hidden;}
.post-inner {padding:15px 0 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;}
.viennatop-wrapper {overflow:hidden;position:relative;}
.vitop-wrapper {padding:0 20px;position:relative;max-width:1060px;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:1060px;overflow:hidden;margin:0 auto;}
#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,body#layout div.section h4,#layout div.section h4,body#layout ul,body#layout .top-tab-widget-menu ul {display:none;}
#layout,#layout .widget-content,#layout .add_widget {border:none;}
#layout .add_widget a {color:#444;}
#layout:before {content:'Vienna Mag';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:#8b9898;border:none;}
#layout #footer-wrapper .add_widget a,#layout div#mag-wrapper .add_widget a,#layout div#mag-wrapper2 .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:#5f6868;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}
#layout div#mag-wrapper .add_widget,#layout div#mag-wrapper2 .add_widget{background-color:#649fd0;border:none}
iframe#editorframe,#editorframe {width:980px!important;;}
body#layout div#post-wrapper,body#layout #post-wrapper,#layout #post-wrapper {float:left;width:70%;}
body#layout div.section,#layout div.section{background-color:transparent;border:0;font-family:sans-serif;margin:0;overflow:visible;padding:0;position:relative}
body#layout #outer-wrapper, body#layout .post-inner, body#layout .sidebar, body#layout .sidebar-two,body#layout #wrapper, body#layout .post-inner, body#layout .sidebar-inner {padding:0;}
body#layout #main{position:relative;background-color:#636798;padding:20px 10px!important;margin-bottom:20px;clear:both}
body#layout #main:before{content:'Recent Post';font-size:13px;color:#fff;margin-bottom:20px;padding-bottom:5px;display:block;font-weight:400;font-family:sans-serif}
body#layout .vita-list {float:left;width:79px;}
body#layout .header-wrapper {margin-top:0;}
body#layout #navigation {float:left;width:100%;}
body#layout .vita-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%;}
body#layout #vita-list-1, body#layout #vita-list-2, body#layout #vita-list-3 {width:33.3%;float:left;}
body#layout .add_widget {border:1px solid #ddd;}
body#layout #carousel {background-color:#f9aa4f;padding:20px 0!important;margin-bottom:20px;}
body#layout #carousel:before{content:'Slider';font-size:13px;color:#fff;margin-bottom:20px;padding-bottom:5px;display:inline-block;font-weight:400;font-family:sans-serif}
body#layout div#mag-wrapper,body#layout div#mag-wrapper2{width:100%;position:relative;display:inline-block;background-color:#78b9ef;padding:20px 0 !important;margin-bottom:20px;clear:both}
body#layout div#mag-wrapper:before,body#layout div#mag-wrapper2:before{content:'Mag Section';font-size:13px;color:#fff;margin-bottom:20px;padding-bottom:5px;display:block;font-weight:400;font-family:sans-serif}
body#layout #viennabox-1,body#layout #viennabox-2,body#layout #viennabox-3,body#layout #viennabox-4,body#layout #viennabox-5,body#layout #viennabox-6{width:48%;margin:4px;float:left;display:list-item;list-style:none}
]]></b:template-skin>

<style type='text/css'>
/* CSS Fix */
#navbar-iframe,#ContactForm1,#ContactForm1 br,.quickedit,#Attribution1 {display:none;visibility:hidden}
.clear {clear:both;}
.clear:after {visibility:hidden;display:block;font-size:0;content:&quot; &quot;;clear:both;height:0;}
header,nav,section,aside,article,footer {display:block;}
form.searchform {margin:0;}
.widget ul {line-height:1.4em;}
.rich-snippet {padding:10px;margin:15px 0 0;border:3px solid #e6e6e6;font-size:12px;}
.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;}
#Profile1 .widget-content {display:inline-block;}
.Profile img {margin:0 10px 0 0;border-radius:5px;}
a.profile-name-link.g-profile,a.profile-link {color:#666;float:left;margin:0 0 5px 0;}
.profile-textblock {color:#666;}
.Profile .profile-datablock {margin:0 0 .5em;display:inline-block;}
span.post-count {font-size:11px;color:#666;}
#ArchiveList a.post-count-link, #ArchiveList a.post-count-link:link, #ArchiveList a.post-count-link:visited {text-decoration:none;color:#666;}
select#BlogArchive1_ArchiveMenu {width:100%;padding:10px;font-family:&#39;Roboto Condensed&#39;;background:#fff;color:#999;border:1px solid #e6e6e6;border-radius:2px;text-transform:uppercase;}
select#BlogArchive1_ArchiveMenu:active, select#BlogArchive1_ArchiveMenu:focus {outline:none;box-shadow:none;}
select#BlogArchive1_ArchiveMenu:after {content:&quot; &quot;;position:absolute;top:50%;margin-top:-2px;
right:8px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #aaa;}
.CSS_LIGHTBOX {z-index:999999!important;}
.CSS_LIGHTBOX_BG_MASK_TRANSPARENT {opacity:.95!important;}

/* 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:10px 14px!important;color:#fff!important;font-size:14px;text-align:center;text-transform:uppercase}
.demo {background-color:#5a6269;}
.download {background-color:#4db2ec;}
.demo:hover {background-color:#4db2ec;color:#fff;opacity:1;}
.download:hover {background-color:#5a6269;color:#fff;opacity:1;}
.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{padding:0 20px;line-height:1.5;font-weight:400}
.widget .post-body ol{padding:0;margin:0;}
.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;background-color:#5a6269;color:#fff;padding:10px 14px!important;text-transform:uppercase;border:none;font-size:14px;transition:all .3s ease-out}
#flippy button:hover, #flippy button:focus {outline:none;opacity:1;color:#fff;}
#flippanel {padding:1px;text-align:left;background:#fafafa;border:1px solid #e6e6e6;}
#flippanel {padding:24px;display:none;}
#flippanel img {background:#f5f5f5;margin:10px auto;}
#wrap {margin:20px auto;text-align:center;}
#wrap br {display:none;}
.btn {display:inline-block;position:relative;font-family:&#39;Open Sans&#39;, Helvetica, sans-serif;text-decoration:none;font-weight:700;background:#5a6269;padding:10px 20px;margin:0 3px;
color:rgba(255,255,255,0.7);border-radius:3px;transition:all 0.3s ease-out;opacity:0.7;text-transform:uppercase;}
.btn.down {background:#4db2ec;opacity:0.7;}
.btn:hover,.btn.down:hover {opacity:0.9;}
.btn:active,.btn.down:active {opacity:1;}
a.btn,a.btn:hover,a.btn:active {color:rgba(255,255,255,1);}
.btn i {margin-left:10px;font-weight:normal;font-family:FontAwesome;}

/* CSS Outer Wrapper */
#outer-wrapper {background:#fff;max-width:1060px;margin:0 auto;padding:0 20px;overflow:hidden;-webkit-box-sizing:initial;-moz-box-sizing:initial;box-sizing:initial;box-shadow:0 0 3px #ccc;}

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

/* CSS Top Menu Wrapper */
.viennatop-wrapper{background:#fcfcfc;position:relative;overflow:hidden;margin-left:-20px;margin-right:-20px;padding:8px 0;border-bottom:1px solid #e3e3e3;border-top:4px solid #4db2ec;}
.header-wrapper2 {margin:0 auto;padding:0}
.top-menunav {display:block;margin:0 auto;float:left;padding:0;width:100%;background:transparent;}
.top-menunav ul {width:100%;padding:0;margin:0;text-align:left;}
.top-menunav li {list-style-type:none;float:left;padding:0;margin:0;}
.top-menunav li a{position:relative;color:#777;display:block;margin:0;padding:10px 14px;line-height:100%;transition:color .3s}
.top-menunav ul li:first-child a{margin-left:-20px;}
.top-menunav ul li a:active, .top-menunav ul li.highlight a {text-decoration:none;}
.top-menunav ul li a:hover {color:#4db2ec;text-decoration:none;}
.top-menunav li.doremi {float:right;margin-left:3px;}
.top-menunav li.doremi a{padding:0;width:32px;height:32px;line-height:32px;text-align:center}
.top-menunav li.doremi a i{text-align:center;color:#777;}
.top-menunav li.doremi a:hover i{color:#fff;}
.top-menunav li.doremi.join{background:#f29400;margin-right:-20px;}
.top-menunav li.doremi.instagram{background:#406f94;}
.top-menunav li.doremi.gplus{background:#f20000;}
.top-menunav li.doremi.twitter{background:#00baff;}
.top-menunav li.doremi.facebook{background:#516ca4;}
.top-menunav li.doremi a i,.top-menunav li.doremi a:hover i{color:#fff;}
.top-menunav a#pull {display:none;}

/* CSS Header Wrapper */
#header-wrapper {margin:20px auto;padding:0;overflow:hidden;max-width:1060px;overflow:hidden;}
#header {float:left;width:100%;max-width:230px;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:#4db2ec;}
#header .description {font-size:100%;font-weight:400;color:#666;text-transform:none;line-height:normal;margin:0;}
.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 */
.menu-slide {display:none;background:#4db2ec;padding:0 15px;height:60px;line-height:60px;color:#fff!important;}
.menu-slide:hover {background:#4db2ec;}
#nav{font-family:&#39;Roboto Condensed&#39;;font-size:14px;text-transform:uppercase;letter-spacing:.3px;font-weight:700;background:#2b2b2b;height:60px;line-height:60px;margin:0 auto;border-bottom:4px solid #4db2ec;-webkit-box-sizing:initial;-moz-box-sizing:initial;box-sizing:initial}
.vienna-mainmenu {background:#2b2b2b;list-style:none;margin:0 0 0 0;float:left;}
.vienna-mainmenu:before,.vienna-mainmenu:after {content: &quot; &quot;;display:table;}
.vienna-mainmenu:after {clear:both;}
.vienna-mainmenu ul {list-style:none;margin:0 0 0 0;width:12em;}
.vienna-mainmenu a {display:block;padding:0 15px;}
.vienna-mainmenu li {position:relative;margin:0 0;}
.vienna-mainmenu &gt; li {float:left;}
.vienna-mainmenu &gt; li &gt; a {display:block;height:60px;line-height:60px;color:#fff;}
.vienna-mainmenu &gt; li &gt; a.active {background:#4db2ec;}
.vienna-mainmenu &gt; li:hover &gt; a {background:#48a5da;color:#fff;}
.vienna-mainmenu li ul {background:#fff;display:block;position:absolute;left:0;z-index:10;visibility:hidden;opacity:0;box-shadow:0 0 5px rgba(0,0,0,0.1);transition:initial;}
.vienna-mainmenu li li ul {left:100%;top:-1px;}
.vienna-mainmenu &gt; li.hover &gt; ul {visibility:visible;opacity:1;}
.vienna-mainmenu li li.hover ul {visibility:visible;opacity:10;}
.vienna-mainmenu li li a {display:block;color:#444;position:relative;z-index:100;height:46px;line-height:46px;font-weight:400;transition:initial;}
.vienna-mainmenu li li a:hover {background:#4db2ec;color:#fff;}
.vienna-mainmenu li li li a {background:#fff;z-index:20;color:#444;}
.vienna-mainmenu li .parent:after {content: &quot;\f0d7&quot;;font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;padding-left:6px;color:#999;}
.vienna-mainmenu li:hover .parent:after{color:#fff;}
.vienna-mainmenu li ul li .parent:after {content: &quot;\f0da&quot;;font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;padding-left:6px;color:#999;float:right;}
.vienna-mainmenu li ul li .parent:hover:after {color:#fff;}
#search-form {background:#2b2b2b;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:#aaa;border:0;-webkit-box-sizing:initial;-moz-box-sizing:initial;box-sizing:initial;}
#search-form input#search-button[type=&quot;submit&quot;] {font-family:FontAwesome;background:#4db2ec;color:#fff;height:36px;line-height:36px;margin:5px 10px 5px -2px;padding:0 16px;border:0;outline:none;transition:all 0.25s;-webkit-box-sizing:initial;-moz-box-sizing:initial;box-sizing:initial;}
#search-form input#search-button[type=&quot;submit&quot;]:hover{background:#48a5da;cursor:pointer;}
#search-form input#search-box[type=&quot;text&quot;]:focus {background:#fff;color:#444;outline:none;}

/* CSS Post Wrapper */
#post-wrapper {background:transparent;color:#444;float:left;width:68.5%;margin:15px 0;}
.post-inner {padding:15px 0 0 0;}
.breadcrumbs{position:relative;background:none repeat scroll 0 0 #fcfcfc;border:1px solid #e3e3e3;border-radius:2px;font-size:80%;height:22px;line-height:22px;margin-bottom:10px;margin-top:1px;overflow:hidden;padding:5px;-webkit-box-sizing:initial;-moz-box-sizing:initial;box-sizing:initial;}
.breadcrumbs&gt;span {position:relative;padding:10px 15px;}
.breadcrumbs&gt;span:last-child{background:none repeat scroll 0 0 transparent;color:#333}
.breadcrumbs a{color:#333}
.breadcrumbs a:hover{color:#7fa8f0}
.breadcrumbs&gt;span:before, .breadcrumbs&gt;span:after {z-index:1;content: &quot; &quot;;border:19px solid transparent;height:0;width:0;right:-27px;top:-1px;position:absolute;border-left-color:#ddd;}
.breadcrumbs&gt;span:before {border-left-color:#e3e3e3;}
.breadcrumbs&gt;span:after {float:left;border-left-color:#fcfcfc;right:-24px;border-width:18px;top:0;}
.post {background:#fff;margin:0;padding:20px;}
.post-body{line-height:1.7em;color:#444;margin-top:15px;font-size:15px}
.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:#4db2ec!important;}
.post-vinfo {background:transparent;margin-top:5px;margin-bottom:5px;color:#fff;font-size:12px;text-align:left;padding:0;box-shadow:none;}
.post-vinfo a {display:inline;background:transparent;color:#666;padding:4px 6px 4px 6px;transition:all .3s ease-out;}
.post-vinfo a:hover {color:#4db2ec;}
.author-info, .time-info, .comment-info, .label-info, .review-info {margin-right:0;display:inline-block;color:#666;padding:10px 5px;}
.timestamp-link abbr {border-bottom:none;}
.halaman{padding:10px 0;background:#fdfdfd;}
.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-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 Comments */
#comments{background:#fff;clear:both;margin:20px auto 0;line-height:1em;padding:20px;border:1px solid #e3e3e3;}
#comments h3{display:inline;line-height:20px;margin-bottom:20px;margin-top:-20px;margin-left:-20px;font-size:14px;position:absolute;background:#fff;color:#999;font-weight:700;text-transform:uppercase;padding:10px 20px 10px 50px;border:1px solid #e6e6e6;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-size:14px;font-weight:700;text-transform:uppercase;padding:10px 20px;border:1px solid #e6e6e6;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-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:#4db2ec;}
.comment_admin .comment_name{background:#fff;padding:0 20px 0 65px;left:5px;top:10px;display:inline;font-weight:700;font-size:16px;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-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:#4db2ec;}
.comment_service{position:absolute;top:31px;right:0;}
.item-control {display:inline-block;}
.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:#4db2ec!important;}
.comment-delete{font-size:11px;color:#666!important;opacity:0.9;}
.comment-delete:hover{color:#4db2ec!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 #e6e6e6;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:#fdfdfd;color:#999!important;text-align:center;
font-size:11px;margin:0;padding:2px 6px 4px 6px;border-radius:2px;border:1px solid #ccc;}
.comment_reply:hover{text-decoration:none!important;background:#fff;color:#6991d8!important;border-color:#7fa8f0;}
.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:#fdfdfd;color:#999;font-size:14px;font-family:&#39;Open Sans&#39;,Helvetica,Arial,sans-serif;line-height:1.5em;margin-bottom:20px;padding:15px;border:1px solid #e3e3e3}
.comment-form p:after, .comment-form p:before {top:100%;left:8%;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:#fdfdfd;border-width:9px;margin-left:-9px;}
.comment-form p:before {border-color:rgba(221,221,221,0);border-top-color:#d3d3d3;border-width:10px;margin-left:-10px;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{font-family:FontAwesome;display:inline-block;font-size:15px;font-weight:400;color:#7fa8f0;text-align:center;line-height:normal;margin-left:5px}
.spammer-detected{font-size:14px!important;color:#fff!important;background:#5cb0d8!important;margin:25px;
display:inline-block;padding:10px 15px!important;}
.deleted-comment{display:inline-block;color:#999;word-wrap:break-word;background:#f9f9f9;margin-top:20px;padding:10px;font-size:13px;font-family:&#39;Open Sans&#39;,Helvetica,Arial,sans-serif;border-radius:3px;opacity:1;}
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;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(0,0,0,0.5);transition: all 0.3s ease-out;}
.small-button1:hover a{background-color:rgba(0,0,0,0.8);color:#fff;display:inline-block;}
span.small-button1 {text-align:left;display:inline-block;}

/* 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:15px 0;}
.sidebar h2,.sidebar-two h2,.sidebar h3,.sidebar-two h3{overflow:hidden;position:relative;font-family:&#39;Roboto Condensed&#39;;font-size:16px;font-weight:700;padding:10px 0;margin:0;text-transform:uppercase;display:block;background:#fff;border-bottom:2px solid #444;transition:All .3s ease-out}
.sidebar h2:after,.sidebar-two h2:after,.sidebar h3:after,.sidebar-two h3:after{content:&#39;&#39;;display:inline-block;position:absolute;height:14px;top:0;margin:12px 0 12px 10px;width:100%;background:url(http://4.bp.blogspot.com/-R2WTW6O9E1o/VX7dqIGT1eI/AAAAAAAACc4/pyvQDMMLX3E/s1600/repeat-bg.png)repeat}
.vita-list h2, .vita-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;}
.sidebar ul, .sidebar ol,.sidebar-two ul, .sidebar-two ol {list-style-type:none;margin:0;padding:15px 0;padding-top:5px;}
.sidebar li,.sidebar-two li {margin:5px 0;padding:0;}

/* CSS vitabs */
.vitabs, .vita-list {margin:0;}
.vitabs .vita-list {padding:0;}
.vitabs-menu {padding:0;margin:0;border-bottom:2px solid #2b2b2b;}
.vitabs-menu li{margin:0;text-transform:uppercase;list-style:none;text-align:center;display:inline-block;background:#fff;color:#444;cursor:pointer;position:relative;line-height:40px;font-weight:700;font-size:13px}
.vitabs-menu li:hover {color:#4db2ec;}
.vitabs-menu .active-tab span{text-align:center;display:inline-block;padding:2px 12px 0;background-color:#2b2b2b;color:#fff}
.vitabs-menu li span{display:block;padding:2px 12px 0}
.vitabs-menu li:before {display:none;font-family:Fontawesome;text-align:center;font-size:16px;padding:2px 15px 0;}
.vitabs-menu li:nth-child(1):before {content:&#39;\f09e&#39;;}
.vitabs-menu li:nth-child(2):before {content:&#39;\f006&#39;;}
.vitabs-menu li:nth-child(3):before {content:&#39;\f0e6&#39;;}
.vitabs-content {padding:10px;background:#fff;margin-bottom:15px}
.vitabs-content .sidebar li {margin:0;padding:0;}
.vitabs-content .widget li {background:#fff;float:none!important;}
.vitabs-content .widget ul {background:#fff;overflow:visible;}

/* CSS Popular Post */
.item-snippet {display:none;}
.PopularPosts .item-thumbnail {float:right;margin:0;}
#PopularPosts1 h2,#PopularPosts2 h2 {margin:0;}
.PopularPosts .popular-posts ul li{list-style:none;overflow:hidden;padding:0;margin:10px 0}
#PopularPosts1 .popular-posts,#PopularPosts2 .popular-posts {position:relative;}
.PopularPosts ul {counter-reset:trackit;}
.popular-posts ul li div.item-thumbnail-only:before{content:&quot;0&quot;counters(trackit,&quot;&quot;);float:left;width:50px;height:100px;text-align:center;line-height:100px;font-size:2em;font-weight:500;text-decoration:overline;color:#aaa}
.popular-posts ul li:hover div.item-thumbnail-only:before{content:&#39;\f115&#39;;font-family:Fontawesome;text-decoration:none;color:#4db2ec}
.PopularPosts .popular-posts ul li .item-content {counter-increment:trackit;}
div.item-thumbnail-only {counter-increment:trackit;}
.PopularPosts .popular-posts ul li a {color:#444;transition:all .3s}
.PopularPosts .popular-posts ul li a:hover {color:#4db2ec}
.PopularPosts .item-title{display:table-cell;vertical-align:middle;height:100px;line-height:normal;text-overflow:ellipsis;padding:0 10px 0 0}
.PopularPosts .item-thumbnail img {display:block;float:left;width:100px;height:auto;padding:0;}
.popular-posts ul {padding-left: 0;}
#footer-wrapper .popular-posts ul li:nth-child(n+4) {display:none;}
#footer-wrapper .popular-posts ul li {border-bottom-color:#4f4f4f;background:#262525;}
#footer-wrapper .popular-posts ul li:nth-child(3) {border-bottom:0;}
.makesticking{background:none!important;position:fixed;top:15px;z-index:20;-webkit-transform:translateZ(0);}
#PopularPosts2 .widget-content {padding:0;margin:auto;}

/* CSS Footer Wrapper */
#footer-wrapper{position:relative;z-index:21;text-align:left;overflow:hidden;background:#2b2b2b;margin:0;padding:15px 0 0;margin-top:20px;margin-left:-20px;margin-right:-20px;border-top:4px solid #4db2ec;}
#footer-adwidget .footer-widget {width:30.2%;float:left;margin-left:20px;padding-top:10px;padding-bottom:15px;}
#footer-adwidget {max-width:1060px;overflow:hidden;margin:0 auto;}
#footer-wrapper h2,#footer-wrapper h3 {position:relative;font-size:15px;font-weight:700;color:#f0f2f4;padding:10px 0;text-transform:uppercase;display:block;border-bottom:2px solid #404040;}
#footer-wrapper h2:after,#footer-wrapper h3:after{content:&quot;&quot;;position:absolute;bottom:-2px;left:0;width:110px;height:2px;background:#4db2ec}
#footer-wrapper .widget-content {text-align:left;font-family:&#39;Open Sans&#39;,Helvetica;margin:20px 0 15px;color:#f1f1f1;}
#footer-wrapper .widget-content li {margin-left:-14px;color:#f1f1f1}
#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:#f1f1f1;margin:0}
.footer li a:hover {color:#fff;}
#footer-last{overflow:hidden;background:#202020;padding:10px;margin:15px 0 0}
.vileftcredit {float:left;margin:10px;color:#ccc;font-size:13px;font-weight:400;}
#virightcredit {float:right;margin:10px;color:#ccc;font-size:13px;font-weight:400;}
.vileftcredit a,#virightcredit a {color:#ccc;text-decoration:none;}
.vileftcredit a:hover,#virightcredit a:hover {color:#fff;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;}

/* CSS label */
.widget-content.list-label-widget-content {padding:0;}
.widget-content.cloud-label-widget-content {display:inline-block;}
.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-count {background:#fff;white-space:nowrap;display:inline-block;padding:10px 12px;}
.label-count:hover {background:#4db2ec;color:#fff;}
#sidebar-wrapper .Label li {background:#fff;color:#444;padding:5px;text-align:left;width:100%;border-bottom:1px solid #eee;transition:all .3s ease-out;}
#sidebar-wrapper .Label li:hover {background:#fff;color:#4db2ec;}
#sidebar-wrapper .Label li:before {content:&quot;\f005&quot;;font-family:FontAwesome;
font-style:normal;font-weight:normal;text-decoration:inherit;padding-right:4px;color:#e7af34;transition:all .3s ease-out;}
#sidebar-wrapper .Label li:hover:before {content:&quot;\f006&quot;;color:#e7af34;}
#sidebar-wrapper .Label li a {color:#444;transition:all .3s ease-out;}
#sidebar-wrapper .Label li a:hover {color:#444;text-decoration:underline}
#sidebar-wrapper .Label li span{float:right;background-color:#999;color:#fff;line-height:1.2;margin:0 5px 0 0;padding:4px 6px;text-align:center;font-size:12px;transition:initial;border-radius:2px;}
#sidebar-wrapper .Label li span:hover{background-color:#4db2ec;color:#fff}
#sidebar-wrapper .label-size{background:#f6f6f6;display:block;float:left;margin:0 4px 4px 0;font-size:13px;transition:all 0.3s;}
#sidebar-wrapper .label-size:hover{background:#4db2ec;}
#sidebar-wrapper .label-size a {display:inline-block;color:#444;padding:10px 12px;font-weight:400;}
#sidebar-wrapper .label-size a:hover {color:#fff;}
#sidebar-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:#444;transition:initial;}
#sidebar-wrapper .label-size a:hover:before {content:&quot;\f02b&quot;;font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:none;color:#fff;transition:initial;}
#footer-wrapper .Label li {background:transparent;float:left;padding:5px;margin:0;text-align:left;width:45%;transition:all .3s ease-out;}
#footer-wrapper .Label li:hover {color:#4db2ec;}
#footer-wrapper .Label li a {color:#aaa;transition:all .3s ease-out;}
#footer-wrapper .Label li a:hover {color:#4db2ec;}
#footer-wrapper .Label li span{float:right;color:#aaa;margin:0;padding:4px 6px;text-align:center;font-size:13px;font-weight:400;border-radius:2px;}
#footer-wrapper .Label li span:hover{color:#4db2ec}
#footer-wrapper .label-size{background:#404040;color:#fff;display:block;float:left;margin:0 4px 4px 0;font-size:13px;transition:all 0.4s;}
#footer-wrapper .label-size a {display:inline-block;color:#fff;padding:10px 12px;font-weight:400;}
#footer-wrapper .label-size a:hover {background:#4db2ec;color:#fff;transition:all 0.2s;}
#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;\f02b&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:#4db2ec;color:#fff;}
#footer-wrapper .label-count {background:#404040;}

/* CSS Ad Slot Wrapper */
.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 #e6e6e6;}
.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;}
.FollowByEmail .widget-content {padding:0;}
.FollowByEmail .follow-by-email-inner {position:relative;background:#2b2b2b;color:#fff;}
.follow-by-email-inner {background:#fff;padding:15px;color:#444;}
.follow-by-email-inner:before {content: &quot; Never miss our latest news, subscribe here for free &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{position:relative;background:#fff;color:#666;border:0;font-size:14px;height:42px;line-height:42px;padding-left:15px;width:100%;transition:all .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:#4db2ec;color:#fff;cursor:pointer;font-family:&#39;Roboto Condensed&#39;;font-size:15px;height:42px;line-height:42px;margin:0 -6px 0 0;width:80px;z-index:0;border-radius:0;transition:all .2s}
.FollowByEmail .follow-by-email-inner .follow-by-email-submit:hover {background:#48a5da;color:#fff;}
.tabletd1 {width:100%;}
.tabletd2 {width:0;}
.FollowByEmail .follow-by-email-inner input {}

/* CSS Follow us */
.vienna-socials-icons ul{margin:0;padding:0;list-style:none;margin-bottom:-5px;margin-right:-5px;overflow:hidden}
.vienna-socials-icons ul li:before{display:none}
.vienna-socials-icons ul li{margin:0;padding:0;list-style:none;float:left;width:48px;height:48px;line-height:48px;text-align:center;background:#00baff;font-size:21px;margin-right:5px;margin-bottom:5px}
.secondary-sidebar .vienna-socials-icons ul li{width:36px;height:36px}
.secondary-sidebar .vienna-socials-icons ul li a{line-height:45px}
.secondary-sidebar .vienna-socials-icons ul li a i{font-size:20px}
.vienna-socials-icons ul li a{line-height:45px;display:block;color:#fff}
.vienna-socials-icons ul li a:hover{color:#fff}
.vienna-socials-icons ul li.home{background:#83868a}
.vienna-socials-icons ul li.facebook{background:#516ca4}
.vienna-socials-icons ul li.googleplus{background:#f20000}
.vienna-socials-icons ul li.rss{background:#f29400}
.vienna-socials-icons ul li.youtube{background:#f20000}
.vienna-socials-icons ul li.dribbble{background:#dc71a6}
.vienna-socials-icons ul li.deviantart{background:#4c5e51}
.vienna-socials-icons ul li.pinterest{background:#f20000}
.vienna-socials-icons ul li.instgram{background:#406f94}
.vienna-socials-icons ul li.tumblr{background:#395875}
.vienna-socials-icons ul li.linkedin{background:#1985bc}
.vienna-socials-icons ul li.soundcloud{background:#f60}

/* CSS Page Navigation */
.pagenav {background-color:transparent;clear:both;margin:-5px 0 10px;margin-top:10px;padding:15px;text-align:left;font-size:13px;font-weight:400;}
.pagenav .pages {background-color:transparent;color:#999;font-weight:400;text-transform:uppercase;font-size:10px;border:none;}
.pagenav span,.pagenav a{padding:6px 11px;display:inline-block;background-color:#f6f6f6;color:#444;margin:0 2px;transition:all .6s}
.pagenav .current,.pagenav a:hover{background:#4db2ec;color:#fff;}

/* CSS Back To Top */
#SmoothToTop{overflow:hidden;position:fixed;z-index:90;right:30px;bottom:30px;display:none;width:50px;height:50px;color:#fff;text-align:center;background-color:#2b2b2b;font-size:24px;line-height:48px;cursor:pointer;-webkit-transform:translateZ(0);border-radius:2px;transition:all .5s}
#SmoothToTop:hover {background-color:#4db2ec;color:#fff;}

/* CSS Global Responsive */
@media screen and (max-width:1066px) {
#outer-wrapper {margin:0 auto;}
.header-right {float:right;padding:0;overflow:hidden;margin:0;}
.header-right img {display:block;}
.vienna-socials-icons ul li{margin:auto;width:44px;height:44px;line-height:44px;}
.viennatop-wrapper {margin-left:initial;margin-right:initial;border-top:4px solid #fcfcfc;}}

@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;max-width:80%;}
.header-right img, .header-right iframe{margin:0 auto;max-width:100%;}
#header-wrapper{padding:0;margin:20px auto;}
.header-wrapper2 {padding:0}
.viennatop-wrapper {position:relative;z-index:96;overflow:hidden;margin:0;}
.vitop-wrapper{padding:0;}
.header-wrapper2 {padding:0}
a.virightcredit-social {margin:10px 5px 0 5px;}
#search-form {background:#444;width:100%;}
#search-form td.search-box {padding-right:0;width:100%;}
#search-form input#search-box[type=&quot;text&quot;] {background:#fff;color:#444;}
#search-form input#search-box[type=&quot;text&quot;]:focus {background:#fff;outline:none;}}

@media only screen and (max-width:768px) {
#post-wrapper, #sidebar-wrapper {width:100%;max-width:100%}
.post-body img {max-width:90%;}
.sidebar-inner, .post-inner {padding:15px 0 0px;}
.vileftcredit,#virightcredit {float:none;text-align:center;margin:10px auto;}
.Profile .profile-datablock {display:inline;float:left;}
.viennatop-wrapper {margin:0;}
.vitop-wrapper {margin:0;}
.top-menunav {display:block;width:100%;padding:0}
.top-menunav ul {text-align:center;}
.top-menunav ul {display:none;height:auto;}
.top-menunav a#pull {background-color:#fff;color:#666;display:inline-block;font-size:12px;padding:10px 3%;position:relative;text-align:right;width:100%;}
.top-menunav 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:20px;top:0;line-height:30px;}
.top-menunav li {display:block;width:100%;text-align:left;border-right:none;}
.top-menunav li a {background:#fff;color:#444;padding:15px 20px;display:block;}
.top-menunav li a:hover, nav a:active {background:#f9f9f9;border:none;color:#444;}
.top-menunav ul li a:hover {background:#f9f9f9;color:#444;}
.top-menunav ul li:first-child a {margin-left:0;}
.nav {float:none;width:100%;max-width:100%}
.active {display:block;}
.vienna-mainmenu &gt; li &gt; a.active {background:#2b2b2b;border-top:4px solid #4db2ec;}
.vienna-mainmenu &gt; li &gt; a.active:hover {background:#282b2f;}
#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;}
.vienna-mainmenu li ul {background:#f6f6f6;box-shadow:none;}
.vienna-mainmenu li ul li a{background:#f0f0f0;}
.vienna-mainmenu li li a:hover {background:#4db2ec;}
.nav &gt; li.hover &gt; ul , .nav li li.hover ul {position:static;}
.vienna-mainmenu li .parent:after,.vienna-mainmenu li ul 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:#999;}
.vienna-mainmenu li:active .parent:after,.vienna-mainmenu li ul li:active .parent:after {color:#c5cbd0;}
#search-form {width:100%;background:#42494f;}
#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;background:#fff;color:#666;}
#search-form input#search-button[type=&quot;submit&quot;] {margin:0 0 0 -6px;}
#search-form input#search-box[type=&quot;text&quot;]:focus {background:#fdfdfd;outline:none;}
.vitabs-menu {text-align:center;margin:auto;}
.vitabs-menu li span,.vitabs-menu .active-tab span,.top-menunav li.doremi {display:none;}
.vitabs-menu li:before {display:block;}
.makesticking{position:relative!important;z-index:2;}
#footer-adwidget {width:100%;overflow:hidden;}
#footer-adwidget .footer-widget {width:92%;float:left;margin-left:20px;}}

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

@media only screen and (max-width:640px){
.viennatop-wrapper {margin: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;}
#SmoothToTop {font-size:20px;}
#footer-wrapper{margin:20px 0 0 0;}
.responsive-menu {margin:0;}
#nav {margin:0;}
.pagenav .pages {display:none;}}

@media only screen and (max-width:480px){
#outer-wrapper {margin:0 auto;}
.top-menunav a#pull {width:90%;}
.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;}
#virelated-posts {margin:20px 20px 20px 0;padding:0;}
.post-vinfo {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;}}
</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:100%;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-vinfo {font-size:small;text-align:center;padding:0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.author-info, .time-info, .comment-info, .label-info, .review-info, .post-vinfo a {color:#444;}
.post-vinfo a:hover {color:#888;}
#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, #breakingnews {display:none;}

/* Share Button */
h2.sharetitle{font-size:16px;font-weight:700;margin-top:20px;}
.share,.sharethis{position:relative;display:inline-block;}
.sharethis{margin-top:20px;}
.sharethis a.fb,.sharethis a.gp,.sharethis a.tw,.sharethis span.pl{text-decoration:none!important;display:inline-block;margin:0 5px 5px 0;font-weight:400;border-radius:3px;color:#888;background:#fdfdfd;border:1px solid #e3e3e3;box-shadow:0 1px 0 rgba(0,0,0,.08);text-shadow:none;line-height:23px;padding:3px 8px 3px 5px;transition:all .3s}
.fbtea,.gotea,.plustea,.twtea{font-size:13px!important;vertical-align:middle}
.sharethis a.fb:hover,.sharethis a.gp:hover,.sharethis a.tw:hover,.sharethis span.pl:hover{color:#444;background:#fff;border-color:#bbb}
.sharethis a.fb:active,.sharethis a.gp:active,.sharethis a.tw:active,.sharethis span.pl:active{box-shadow:inset 0 1px 0 rgba(0,0,0,.16)}
span.pl{color:green;cursor:pointer}
#share-menu{display:none}
.dropdown-menu{position:absolute;top:100%;right:5px;z-index:99;float:left;min-width:100px;padding:5px 10px;margin:0!important;font-size:13px;text-align:left;list-style:none;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ddd;border-radius:3px;box-shadow:0 6px 12px rgba(0,0,0,.12);}
.dropdown-menu li{list-style:none!important;margin:0!important;padding-left:0!important;line-height:1.8em!important}
.dropdown-menu li a{color:#333!important;font-weight:400;display:block}
.dropdown-menu li a:hover{color:#e8554e!important}
ul#share-menu{margin:0;padding:5px 15px}

/* CSS Related Posts */
#virelated-post {margin:0 auto;padding:0;text-align:center;}
#virelated-post h4 {position:relative;overflow:hidden;padding:0;margin:10px 0 20px 0;font-size:120%;font-weight:700;padding:4px 8px;text-align:center;text-transform:uppercase;transition:all 0.5s ease-out;}
#virelated-post h4:before, #virelated-post h4:after {position:absolute;top:51%;overflow:hidden;width:50%;height:2px;content:&#39;\a0&#39;;background-color:#2b2b2b;}
#virelated-post h4:before{margin-left:-50%;text-align:right;}
#virelated-post h4 span{position:relative;display:inline-block;padding:5px 10px;margin:0 10px;}
.relhead {background:#fff;font-size:100%;font-weight:normal;line-height:150%;overflow:hidden;padding:10px 0;}
#virelated-summary .news-text {display:none;}
ul#virelated-summary {margin:0;padding:0;}
ul#virelated-summary li {float:left;list-style: none outside none;margin:0 0 0 0;padding:0;overflow:hidden;width:25%;}
ul#virelated-summary li a {display:block;}
ul#virelated-summary li img {background-color:#fff;width:150px;height:120px;max-width:100%;margin:0 auto;vertical-align:middle;transition:all 1s ease-out;}
ul#virelated-summary li img:hover {opacity:0.9;}
ul#virelated-summary li a.relinkjdulx {background-image:none;color:#444;display:block;font-size:13px;font-weight:normal;line-height:normal;overflow:hidden;padding:10px 10px 10px 0;text-transform:none;}
ul#virelated-summary li a.relinkjdulx:hover{color:#4db2ec;}

/* CSS Multi Author Box */
.authorboxwrap{background:#fafafa;margin:30px 0 20px;padding:20px;overflow:hidden;border:1px solid #e3e3e3}
.avatar-container {float:left;margin-right:20px;}
.avatar-container img {background:#fff;width:90px;height:auto;padding:5px;border:1px solid #ccc;}
.author_description_container h4{font-weight:600;font-size:16px;display:block;margin-bottom:10px}
.author_description_container h4 a{color:#333}
.author_description_container p{font-size:12px;line-height:1.7;margin-bottom:15px}

/* 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#virelated-summary li {float:left;list-style:none;overflow:hidden;width:100%;border-bottom:1px solid #e6e6e6;padding:10px 0;}
ul#virelated-summary li:last-child{border-bottom:none;}
ul#virelated-summary li img{display:none;}
ul#virelated-summary li a.relinkjdulx {display:block;font-size:14px;font-weight:700;line-height:normal;overflow:hidden;padding:10px 10px 10px 0;}
#virelated-summary .news-text {display:block;padding:0;font-size:12px;margin-bottom:0;}
.bagitiga{-webkit-column-count:1;-moz-column-count:1;column-count:1;}}

@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;}}

@media print {
body{padding:0}
#outer-wrapper {border-right:none;border-left:none;}
#post-wrapper{width:100%;margin:0 auto;}
.post-vinfo {background:#fff;border:none;}
.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;}
.viennatop-wrapper,#nav,.share-post,#SmoothToTop,#search,.breadcrumbs,.halaman,#blog-pager,.banner,#banner,.banner2,#banner2,#sidebar-wrapper,#virelated-post,#comments,#footer-wrapper,#header-wrapper,div#banner,div#banner2,.vienna-mainmenu{opacity:0;display:none;visibility:hidden;width:0;height:0;}
.status-msg-border{border: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;margin:0 0 20px 0;padding:0;border:0;transition: all 0.6s ease-in-out;}
.post-body {line-height:1.6em;margin-right:10px;font-size:13px;text-overflow:ellipsis;}
h2.post-title,h1.post-title{font-family:&#39;Roboto Condensed&#39;;font-size:22px;padding:0 0 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:#4db2ec;}
h2.post-title a, h1.post-title a {color:#444;padding:0;margin:0;}
h2.post-title a:hover, h1.post-title a:hover {color:#4db2ec!important;}
.post-vinfo {margin-top:15px;margin-right:15px;margin-left:15px;margin-bottom:0;padding:0;font-size:11px;}
.post-vinfo a {display:inline;background:transparent;color:#666;padding:5px;padding-left:0;margin-bottom:10px;transition:all .3s ease-out;}
.post-vinfo a:hover {background:transparent;color:#4db2ec;}
.author-info, .time-info, .comment-info, .review-info {display:inline;padding:0;}
.post-vinfo {background:transparent;}
.author-info, .time-info, .comment-info, .review-info, .post-vinfo a {color:#aaa;}
.author-info, .time-info, .comment-info, .review-info {margin-right:8px;}
.img-thumbnail {overflow:hidden;background:#fbfbfb;position:relative;float:left;height:auto;margin:0;margin-right:20px;z-index:1;padding:0;}
.img-thumbnail img {width:100%;height:auto;}

/* CSS Carousel Slider */
#carousel{width:100%;max-width:1060px;position:relative;margin:10px 0;height:auto;overflow:hidden}
#carousel .content{position:relative;left:0;width:1060px;overflow:hidden}
#carousel ul{width:10000px;position:relative;overflow:hidden;margin-top:0}
#carousel ul li{position:relative;display:block;float:left;margin:0;padding:0;width:265px;overflow:hidden;height:200px}#carousel .thumbE{height:80px;width:265px}
#carousel #previous_button{display:block;position:absolute;top:3px;right:25px;width:25px;height:30px;cursor:pointer;background:#fff;color:#999;z-index:99;transition:all .3s;}
#carousel #next_button{position:absolute;top:3px;right:0;width:25px;height:30px;cursor:pointer;background:#fff;color:#999;background-position:100% 0;z-index:99;transition:all .3s;}
#carousel #next_button:hover,#carousel #previous_button:hover {color:#4db2ec;}
#carousel ul li a.slider_title{overflow:hidden;position:absolute;bottom:30px;left:0;right:0;text-align:center;background-color:rgba(0,0,0,.2);display:inline-block;color:#fff;line-height:normal;padding:10px;font-size:90%;width:80%;margin:auto;border:1px solid #fff;transition:all .2s}
#carousel ul li a.slider_title:hover{background-color:rgba(255,255,255,.99);color:#444}
.fa.fa-angle-right{font-size:27px;margin-left:8px}
.fa.fa-angle-left{font-size:27px;margin-left:8px}
#carousel ul li img {min-height:200px;object-fit:cover;}

/* featured post */
div#HTML13,div#HTML14,div#HTML70,div#HTML71,div#HTML72,div#HTML73,div#HTML74,div#HTML75 {display:inline-block;width:100%;}
#featured-posts-section{max-height:400px;overflow:hidden;margin:20px auto}
.recent-post-title {margin:0 0 15px;padding:0;position:relative;}
.recent-post-title h2{background:#fff;border-bottom:2px solid #2b2b2b;border-right:0;line-height:32px;font-size:13px;text-transform:uppercase}
.special-heading h2 {font-size:20px;margin:6px 0 25px 0;}
.recent-post-title h2 a,.recent-post-title h2 a:hover {color:#fff;}
.recent-post-title h2 span{display:inline-block;padding:2px 12px 0;background-color:#2b2b2b;color:#fff}
.viennabox {float:left;width:50%;margin:0;}
.viennabox .widget {padding:0 15px 15px 0;}
.viennabox .widget-content {background:#fff;}
.viennabox ul {list-style-type:none;margin:0;padding:0;}
.viennabox1 {float:left;width:98%;margin:0;}
.viennabox1 .widget {padding:0 0px 15px 0;}
.viennabox1 .widget-content {background:#fff;}
.viennabox1  ul {list-style-type:none;margin:0;padding:0;}
ul.arlinathumbs {margin:0;}
ul.arlinathumbs li {font-size:12px;min-height:68px;margin:0 0 8px;padding:0 0 8px;border-bottom:1px dotted #e5e5e5;}
ul.arlinathumbs .arlinathumb{position:relative;background:#fbfbfb;margin:3px 0 10px;width:100%;height:auto;overflow:hidden}
ul.arlinathumbs .arlinathumb img {height:auto;width:100%;}
ul.arlinathumbs1{margin:0;padding:0;width:49%;float:left}
ul.arlinathumbs1 li{font-size:12px;min-height:68px;margin:0;padding:0}
ul.arlinathumbs1 .arlinathumb{position:relative;background:#fbfbfb;margin:3px 0 10px;width:100%;height:auto;overflow:hidden}
ul.arlinathumbs1 .arlinathumb img {height:auto;width:100%;}
ul.arlinathumbs2 {font-size:13px;}
ul.arlinathumbs2 li {padding:00;font-size:11px;margin:10px 0;padding:0;min-height:80px;}
ul.arlinathumbs2 .arlinathumb2 {background:#fbfbfb;float:left;margin:3px 8px 0 0;height:75px;width:75px;}
ul.arlinathumbs2 .arlinathumb2 img {height:75px;width:75px;}
span.arlinatitle{position:relative;display:block;margin:0 0 5px;font-family:&#39;Roboto Condensed&#39;;line-height:24px;letter-spacing:.5px;font-style:normal;font-size:22px;color:#333}
span.arlinatitle2{font-size:16px}
span.viesummary{display:block;margin:6px 0;color:#888;font-family:Open Sans,sans-serif;font-size:13px;font-weight:400;line-height:normal}
span.arlinameta {background:transparent;display:block;font-size:11px;color:#aaa;}
span.arlinatitle a,span.arlinatitle2 a{color:#444;}
span.arlinameta a {color:#aaa!important;display:inline-block;}
span.arlinameta_date, span.arlinameta_comment, span.arlinameta_more {display:inline-block;margin-right:8px;}
span.arlinameta_date:before,span.arlinameta_comment:before,span.arlinameta_more:before {font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit;padding-right:4px;}
span.arlinameta_date:before {content: &quot;\f017&quot;}
span.arlinameta_comment:before {content: &quot;\f086&quot;;}
span.arlinameta_more:before {content: &quot;\f0a9&quot;;}
ul.arlinathumbs22 {font-size:13px;width:49%;float:right;}
ul.arlinathumbs22 li{font-size:11px;margin:0 0 10px;padding:0;min-height:80px}
ul.arlinathumbs22 .arlinathumb2 {background:#fbfbfb;float:left;margin:3px 8px 0 0;height:75px;width:75px;}
ul.arlinathumbs22 .arlinathumb2 img {height:75px;width:75px;}
ul.arlinathumbs22 li a:hover, ul.arlinathumbs li a:hover,ul.arlinathumbs2 li a:hover, ul.arlinathumbs li a:hover {color:#4db2ec;}
.featured-post{overflow:hidden;position:relative;}
.featured-post a{color:#fff;display:block;line-height:1}
h3.entry-title{padding:10px 15px;display:inline-block;color:#fff;text-decoration:none;font-weight:900;text-shadow:0 1px 2px rgba(0,0,0,.7);font-size:36px}
.featured-post .col-post{float:left;position:relative;margin:0}
.featured-post .secondary-post{width:25%;margin-right:1px;margin-bottom:1px}
.featured-post .main-post{width:49.7%;margin-right:1px}
.featured-post img{height:100%;}
.featured-post .main-post img {height:400px;width:100%;object-fit:cover;}
.featured-post .secondary-post img{height:200px;object-fit:cover}
.featured-post header{position:absolute;padding:10px 0 0px;background:rgba(0,0,0,.2);top:0;width:75%;margin-top:59px}
.secondary-post span{font-size:15px;padding-bottom:10px}
.featured-post h4{font-size:10px;line-height:1.3;font-weight:400}
.featured-post a:hover{color:#f0f0f0}.featured-post header1{position:absolute;padding:10px 0 0px;top:0;width:85%;margin-top:59px}
.featured-post h4 a{display:block;line-height:1.3;padding:0 10px;color:#fff;text-decoration:none;font-weight:900;text-shadow:0 1px 2px rgba(0,0,0,.7);font-size:18px}
.main-post .info{position:absolute;bottom:0;left:0;width:100%;height:150px;padding:20px 20px 0;background:-moz-linear-gradient(top,rgba(0,0,0,0)0,rgba(0,0,0,.7)100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,.7)));background:-webkit-linear-gradient(top,rgba(0,0,0,0)0,rgba(0,0,0,.7)100%);background:-o-linear-gradient(top,rgba(0,0,0,0)0,rgba(0,0,0,.7)100%);background:-ms-linear-gradient(top,rgba(0,0,0,0)0,rgba(0,0,0,.7)100%);background:linear-gradient(to bottom,rgba(0,0,0,0)0,rgba(0,0,0,.7)100%);}
.main-post .item .box-title {display:table-cell;padding:0 18px;width:100%;height:110px;vertical-align:middle;color:#fff;}
.main-post .info h3{font-size:25px;font-family:&#39;Roboto Condensed&#39;,sans-serif;font-weight:700;line-height:normal}
.box-title {width:95%;}
.main-post .date{display:none;position:absolute;top:20px;left:20px;background-color:#fff;text-align:center;font-weight:700;z-index:1;}
.main-post .date p{margin:0;padding:5px 10px}
.main-post .date span {color:#444;}
.main-post .info h3 span.box-label,.secondary-post .info h3 span.box-label{font-size:14px;color:#fff;background-color:#4db2ec;padding:5px 10px;display:inline-table;vertical-align:middle;margin-bottom:15px;box-shadow:2px 2px 2px rgba(0,0,0,0.1);transition:all .3s}
.secondary-post .info h3 span.box-label{font-size:12px;padding:3px 8px;margin-bottom:10px;transition: all 0.3s;}
.main-post .info h3 span.box-label:hover,.secondary-post .info h3 span.box-label:hover{color:#fff;background-color:#2b2b2b;}
.secondary-post .info {position:absolute;bottom:0;left:0;width:100%;height:120px;background:-moz-linear-gradient(top,rgba(0,0,0,0)0,rgba(0,0,0,.7)100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,.7)));background:-webkit-linear-gradient(top,rgba(0,0,0,0)0,rgba(0,0,0,.7)100%);background:-o-linear-gradient(top,rgba(0,0,0,0)0,rgba(0,0,0,.7)100%);background:-ms-linear-gradient(top,rgba(0,0,0,0)0,rgba(0,0,0,.7)100%);background:linear-gradient(to bottom,rgba(0,0,0,0)0,rgba(0,0,0,.7)100%);padding: 20px 20px 0;}
.secondary-post .item .box-title {display:table-cell;padding:0 18px;width:100%;height:110px;vertical-align:middle;color:#fff;}
.secondary-post .info h3{font-size:16px;line-height:normal;font-family:&#39;Roboto Condensed&#39;,sans-serif;font-weight:400}

/* CSS Custom Heading */
#HTML70 .recent-post-title h2 {border-bottom-color:#fc4f3f;}
#HTML70 .recent-post-title h2 span {background-color:#fc4f3f;}
#HTML71 .recent-post-title h2 {border-bottom-color:#4db2ec;}
#HTML71 .recent-post-title h2 span {background-color:#4db2ec;}
#HTML72 .recent-post-title h2 {border-bottom-color:#59636f;}
#HTML72 .recent-post-title h2 span {background-color:#59636f;}
#HTML73 .recent-post-title h2 {border-bottom-color:#33bb73;}
#HTML73 .recent-post-title h2 span {background-color:#33bb73;}
#HTML74 .recent-post-title h2 {border-bottom-color:#f3923c;}
#HTML74 .recent-post-title h2 span {background-color:#f3923c;}
#HTML75 .recent-post-title h2 {border-bottom-color:#006699;}
#HTML75 .recent-post-title h2 span {background-color:#006699;}

/* CSS Label Info */
.post .label-info{margin:0;padding:0;display:inline-block;position:absolute;left:0;top:0;z-index:2}
.label-info a{position:relative;background:#4db2ec;color:#fff;font-size:13px;font-weight:700;display:block;padding:5px 9px;line-height:normal;margin:0;transition:all .3s ease-out}
.label-info a:hover{background:#2b2b2b;color:#fff;}
.label-info a:nth-child(n+2){display:none;}

/* CSS Breaking News */
#breakingnews{margin:20px 0 0;height:42px;line-height:29px;overflow:hidden;border-bottom:2px solid #fc4f3f;}
#breakingnews .breakhead{position:absolute;background:none repeat scroll 0 0 #fc4f3f;color:#fff;display:block;float:left;font-family:&#39;Roboto Condensed&#39;;font-size:16px;text-transform:uppercase;padding:6.5px 22px}
#adbreakingnews li a {font-weight:400;color:#444;margin-top:10px;transition:all 0.5s ease-in-out;}
#adbreakingnews li a:hover {color:#444;text-decoration:underline}
#adbreakingnews {float:left;margin-left:175px;margin-top:6px;}
#adbreakingnews ul,#adbreakingnews li{list-style:none;margin:0;padding:0}

/* CSS Homepage Responsive */
@media screen and (max-width:1066px) {
.featured-post .secondary-post {width:24.9%;}}

@media only screen and (max-width:768px){
.img-thumbnail {margin:0 10px 0 0;}
#featured-posts-section,#carousel {display:none}}

@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;padding:20px 0 0 0;}
.post {padding:15px;}
.post-body {margin-bottom:10px;}
.post-vinfo {margin-left:0;}
.img-thumbnail {width:100%;max-width:100%;height:auto;margin:0;}
.img-thumbnail img {width:100%;height:auto;}
#breakingnews {background:#fc4f3f;margin:20px 0 0 0;margin-right:0;border-bottom:0;}
#breakingnews .breakhead {display:none;}
#adbreakingnews {margin-left:20px;}
#adbreakingnews li a{color:#fff;}
.post .label-info {left:10px;top:10px;}}

@media only screen and (max-width:568px){
ul.arlinathumbs1,.viennabox {width:100%;float:none;}
ul.arlinathumbs22 {margin-top:20px;width:100%;float:none;}}

@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;}
#breakingnews {display:none;}}

@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%;margin-bottom:2.0px;box-shadow:none;transition:all 0.6s ease-out;}
.post img:hover {opacity:0.95;}
.post-vinfo {background:#69bedd;}
.author-info, .time-info, .comment-info, .label-info, .review-info, .post-vinfo a {color:#fff;}

@media print {
body{padding:0}
#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,#SmoothToTop,#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, #outer-wrapper, #post-wrapper, #sidebar-wrapper, #content-wrapper {visibility:hidden;opacity:0,z-index:-1;width:0;height:0}
body {overflow:hidden;}
/* CSS Custom Error Page */
#oopss {background:#eee;text-align:center;margin-bottom:50px;font-weight:400;font-size:30px;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:30px;color:#666;}
#error-text a{color:#666;}
#error-text p {margin:0!important;}
#error-text span {color:#aaa;font-size:120px;font-weight:700;letter-spacing:0.1em;}
#error-text a.back {display:inline-block;margin:20px auto;background:#4db2ec;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.2s ease-out;}
#error-text a.back:hover {opacity:.9;}
#error-text a.back:active {-webkit-transform:scale(0.95);-moz-transform:scale(0.95);transform:scale(0.95);opacity:1;}
/* 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.pageType == &quot;item&quot;'>
<script type='text/javascript'>
//<![CDATA[
//Related Post
var relnojudul = 0;
var relmaxtampil = 4;
var numchars = 120;
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.3/jquery.min.js'/>
<script type='text/javascript'>
//<![CDATA[
//CSS Ready
function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || "all" }) }
loadCSS("http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,700");loadCSS("http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700");loadCSS("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css");
//]]>
</script>
<script type='text/javascript'>
$(function(){$(&quot;.vitabs-1&quot;).mvitabs()})
</script>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
snippet_count = 120;
//<![CDATA[
function removeHtmlTag(n,e){if(-1!=n.indexOf("<")){for(var t=n.split("<"),i=0;i<t.length;i++)-1!=t[i].indexOf(">")&&(t[i]=t[i].substring(t[i].indexOf(">")+1,t[i].length));n=t.join("")}for(e=e<n.length-1?e:n.length-2;" "!=n.charAt(e-1)&&-1!=n.indexOf(" ",e);)e++;return n=n.substring(0,e-1),n+"..."}function createSnippet(n){var e=document.getElementById(n),t=snippet_count,i='<div class="snippets">'+removeHtmlTag(e.innerHTML,t)+"</div>";e.innerHTML=i}
//thumbnail
function arlina_thumbnail_resize(e,t){var n=350;var r=210;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>
<script type='text/javascript'>
//<![CDATA[
// Featured Source
var _0xbe12=["\x68\x74\x74\x70\x3A\x2F\x2F\x73\x69\x74\x65\x73\x2E\x67\x6F\x6F\x67\x6C\x65\x2E\x63\x6F\x6D\x2F\x73\x69\x74\x65\x2F\x66\x64\x62\x6C\x6F\x67\x73\x69\x74\x65\x2F\x48\x6F\x6D\x65\x2F\x6E\x6F\x74\x68\x75\x6D\x62\x6E\x61\x69\x6C\x2E\x67\x69\x66","\x35","\x3C","\x73\x70\x6C\x69\x74","\x6C\x65\x6E\x67\x74\x68","\x3E","\x69\x6E\x64\x65\x78\x4F\x66","\x73\x75\x62\x73\x74\x72\x69\x6E\x67","","\x6A\x6F\x69\x6E","\x72\x61\x6E\x64\x6F\x6D","\x66\x6C\x6F\x6F\x72","\x65\x6E\x74\x72\x79","\x66\x65\x65\x64","\x74\x65\x72\x6D","\x63\x61\x74\x65\x67\x6F\x72\x79","\x24\x74","\x74\x69\x74\x6C\x65","\x6C\x69\x6E\x6B","\x72\x65\x6C","\x61\x6C\x74\x65\x72\x6E\x61\x74\x65","\x68\x72\x65\x66","\x72\x65\x70\x6C\x69\x65\x73","\x74\x79\x70\x65","\x74\x65\x78\x74\x2F\x68\x74\x6D\x6C","\x20","\x63\x6F\x6E\x74\x65\x6E\x74","\x73\x75\x6D\x6D\x61\x72\x79","\x70\x75\x62\x6C\x69\x73\x68\x65\x64","\x3C\x69\x6D\x67","\x73\x72\x63\x3D\x22","\x22","\x73\x75\x62\x73\x74\x72","\x4A\x61\x6E","\x46\x65\x62","\x4D\x61\x72","\x41\x70\x72","\x4D\x61\x79","\x4A\x75\x6E","\x4A\x75\x6C","\x41\x75\x67","\x53\x65\x70","\x4F\x63\x74","\x4E\x6F\x76","\x44\x65\x63","\x2D","\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x6D\x61\x69\x6E\x2D\x70\x6F\x73\x74\x20\x63\x6F\x6C\x2D\x70\x6F\x73\x74\x22\x3E\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x64\x61\x74\x65\x22\x3E\x3C\x70\x3E\x3C\x73\x70\x61\x6E\x3E","\x3C\x2F\x73\x70\x61\x6E\x3E\x3C\x2F\x70\x3E\x3C\x2F\x64\x69\x76\x3E\x3C\x61\x20\x68\x72\x65\x66\x3D\x22","\x22\x3E\x3C\x69\x6D\x67\x20\x77\x69\x64\x74\x68\x3D\x22","\x22\x20\x68\x65\x69\x67\x68\x74\x3D\x22","\x22\x20\x73\x72\x63\x3D\x22","\x2F\x73\x37\x32\x2D\x63\x2F","\x2F\x77","\x2D\x68","\x2D\x63\x2F","\x72\x65\x70\x6C\x61\x63\x65","\x22\x20\x61\x6C\x74\x3D\x22\x22\x3E\x3C\x2F\x69\x6D\x67\x3E\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x69\x6E\x66\x6F\x22\x3E\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x62\x6F\x78\x2D\x74\x69\x74\x6C\x65\x22\x3E\x3C\x68\x33\x3E\x3C\x73\x70\x61\x6E\x20\x63\x6C\x61\x73\x73\x3D\x22\x62\x6F\x78\x2D\x6C\x61\x62\x65\x6C\x22\x3E","\x3C\x2F\x73\x70\x61\x6E\x3E\x3C\x61\x20\x68\x72\x65\x66\x3D\x22","\x22\x20\x74\x69\x74\x6C\x65\x3D\x22\x22\x3E","\x3C\x2F\x61\x3E\x3C\x2F\x68\x33\x3E\x3C\x2F\x64\x69\x76\x3E\x3C\x2F\x64\x69\x76\x3E\x3C\x2F\x61\x3E\x3C\x2F\x64\x69\x76\x3E","\x77\x72\x69\x74\x65","\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x73\x65\x63\x6F\x6E\x64\x61\x72\x79\x2D\x70\x6F\x73\x74\x20\x63\x6F\x6C\x2D\x70\x6F\x73\x74\x22\x3E\x3C\x61\x20\x68\x72\x65\x66\x3D\x22","\x22\x3E\x3C\x2F\x69\x6D\x67\x3E\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x69\x6E\x66\x6F\x22\x3E\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x62\x6F\x78\x2D\x74\x69\x74\x6C\x65\x22\x3E\x3C\x68\x33\x3E\x3C\x73\x70\x61\x6E\x20\x63\x6C\x61\x73\x73\x3D\x22\x62\x6F\x78\x2D\x6C\x61\x62\x65\x6C\x22\x3E","\x6F\x6E\x6C\x6F\x61\x64","\x61\x72\x6C\x69\x6E\x61\x63\x72\x65\x64\x69\x74","\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x42\x79\x49\x64","\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","\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","\x73\x65\x74\x41\x74\x74\x72\x69\x62\x75\x74\x65","\x6E\x6F\x66\x6F\x6C\x6C\x6F\x77","\x69\x6E\x6E\x65\x72\x48\x54\x4D\x4C","\x41\x72\x6C\x69\x6E\x61\x20\x44\x65\x73\x69\x67\x6E"];imgr= new Array();imgr[0]=_0xbe12[0];showRandomImg=true;aBold=true;summaryPost=150;summaryTitle=50;numposts1=10;featured_numposts=_0xbe12[1];function removeHtmlTag(_0x3737x2,_0x3737x3){var _0x3737x4=_0x3737x2[_0xbe12[3]](_0xbe12[2]);for(var _0x3737x5=0;_0x3737x5<_0x3737x4[_0xbe12[4]];_0x3737x5++){if(_0x3737x4[_0x3737x5][_0xbe12[6]](_0xbe12[5])!= -1){_0x3737x4[_0x3737x5]=_0x3737x4[_0x3737x5][_0xbe12[7]](_0x3737x4[_0x3737x5][_0xbe12[6]](_0xbe12[5])+1,_0x3737x4[_0x3737x5][_0xbe12[4]])}};_0x3737x4=_0x3737x4[_0xbe12[9]](_0xbe12[8]);_0x3737x4=_0x3737x4[_0xbe12[7]](0,_0x3737x3-1);return _0x3737x4;}function sliderposts(_0x3737x7){j=showRandomImg?Math[_0xbe12[11]]((imgr[_0xbe12[4]]+1)*Math[_0xbe12[10]]()):0;img= new Array;if(numposts1<=_0x3737x7[_0xbe12[13]][_0xbe12[12]][_0xbe12[4]]){maxpost=numposts1}else {maxpost=_0x3737x7[_0xbe12[13]][_0xbe12[12]][_0xbe12[4]]};for(var _0x3737x5=0;_0x3737x5<maxpost;_0x3737x5++){var _0x3737x8=_0x3737x7[_0xbe12[13]][_0xbe12[12]][_0x3737x5];var _0x3737x9=_0x3737x8[_0xbe12[15]][0][_0xbe12[14]];var _0x3737xa=_0x3737x8[_0xbe12[17]][_0xbe12[16]];var _0x3737xb;var _0x3737xc;if(_0x3737x5==_0x3737x7[_0xbe12[13]][_0xbe12[12]][_0xbe12[4]]){break };for(var _0x3737xd=0;_0x3737xd<_0x3737x8[_0xbe12[18]][_0xbe12[4]];_0x3737xd++){if(_0x3737x8[_0xbe12[18]][_0x3737xd][_0xbe12[19]]==_0xbe12[20]){_0x3737xc=_0x3737x8[_0xbe12[18]][_0x3737xd][_0xbe12[21]];break ;}};for(var _0x3737xd=0;_0x3737xd<_0x3737x8[_0xbe12[18]][_0xbe12[4]];_0x3737xd++){if(_0x3737x8[_0xbe12[18]][_0x3737xd][_0xbe12[19]]==_0xbe12[22]&&_0x3737x8[_0xbe12[18]][_0x3737xd][_0xbe12[23]]==_0xbe12[24]){_0x3737xb=_0x3737x8[_0xbe12[18]][_0x3737xd][_0xbe12[17]][_0xbe12[3]](_0xbe12[25])[0];break ;}};if(_0xbe12[26] in _0x3737x8){var _0x3737xe=_0x3737x8[_0xbe12[26]][_0xbe12[16]]}else {if(_0xbe12[27] in _0x3737x8){var _0x3737xe=_0x3737x8[_0xbe12[27]][_0xbe12[16]]}else {var _0x3737xe=_0xbe12[8]}};postdate=_0x3737x8[_0xbe12[28]][_0xbe12[16]];if(j>imgr[_0xbe12[4]]-1){j=0};img[_0x3737x5]=imgr[j];s=_0x3737xe;a=s[_0xbe12[6]](_0xbe12[29]);b=s[_0xbe12[6]](_0xbe12[30],a);c=s[_0xbe12[6]](_0xbe12[31],b+5);d=s[_0xbe12[32]](b+5,c-b-5);if(a!=-1&&(b!=-1&&(c!=-1&&d!=_0xbe12[8]))){img[_0x3737x5]=d};var _0x3737xf=[1,2,3,4,5,6,7,8,9,10,11,12];var _0x3737x10=[_0xbe12[33],_0xbe12[34],_0xbe12[35],_0xbe12[36],_0xbe12[37],_0xbe12[38],_0xbe12[39],_0xbe12[40],_0xbe12[41],_0xbe12[42],_0xbe12[43],_0xbe12[44]];var _0x3737x11=postdate[_0xbe12[3]](_0xbe12[45])[2][_0xbe12[7]](0,2);var _0x3737x12=postdate[_0xbe12[3]](_0xbe12[45])[1];var _0x3737x13=postdate[_0xbe12[3]](_0xbe12[45])[0];var _0x3737x14=530;var _0x3737x15=400;var _0x3737x16=265;var _0x3737x17=200;for(var _0x3737x18=0;_0x3737x18<_0x3737xf[_0xbe12[4]];_0x3737x18++){if(parseInt(_0x3737x12)==_0x3737xf[_0x3737x18]){_0x3737x12=_0x3737x10[_0x3737x18];break ;}};var _0x3737x19=_0x3737x11+_0xbe12[25]+_0x3737x12+_0xbe12[25]+_0x3737x13;if(_0x3737x5==0){var _0x3737x1a=_0xbe12[46]+_0x3737x19+_0xbe12[47]+_0x3737xc+_0xbe12[48]+_0x3737x14+_0xbe12[49]+_0x3737x15+_0xbe12[50]+img[_0x3737x5][_0xbe12[55]](_0xbe12[51],_0xbe12[52]+_0x3737x14+_0xbe12[53]+_0x3737x15+_0xbe12[54])+_0xbe12[56]+_0x3737x9+_0xbe12[57]+_0x3737xc+_0xbe12[58]+_0x3737xa+_0xbe12[59];document[_0xbe12[60]](_0x3737x1a);}else {var _0x3737x1a=_0xbe12[61]+_0x3737xc+_0xbe12[48]+_0x3737x16+_0xbe12[49]+_0x3737x17+_0xbe12[50]+img[_0x3737x5]+_0xbe12[62]+_0x3737x9+_0xbe12[57]+_0x3737xc+_0xbe12[58]+_0x3737xa+_0xbe12[59];document[_0xbe12[60]](_0x3737x1a);};j++;};}window[_0xbe12[63]]=function(){var _0x3737x1b=document[_0xbe12[65]](_0xbe12[64]);if(_0x3737x1b==null){window[_0xbe12[66]][_0xbe12[21]]=_0xbe12[67]};_0x3737x1b[_0xbe12[69]](_0xbe12[21],_0xbe12[68]);_0x3737x1b[_0xbe12[69]](_0xbe12[19],_0xbe12[70]);_0x3737x1b[_0xbe12[71]]=_0xbe12[72];};
// jCarouselLite - http://gmarwaha.com/jquery/jcarousellite/
!function(e){function t(t,n){return parseInt(e.css(t[0],n))||0}function n(e){return e[0].offsetWidth+t(e,"marginLeft")+t(e,"marginRight")}function l(e){return e[0].offsetHeight+t(e,"marginTop")+t(e,"marginBottom")}e.fn.jCarouselLite=function(t){return t=e.extend({btnPrev:null,btnNext:null,btnGo:null,mouseWheel:!1,auto:null,speed:200,easing:null,vertical:!1,circular:!0,visible:4,start:0,scroll:1,beforeStart:null,afterEnd:null},t||{}),this.each(function(){function i(){return v.slice(p).slice(0,h)}function r(n){if(!s){if(t.beforeStart&&t.beforeStart.call(this,i()),t.circular)n<=t.start-h-1?(u.css(c,-((b-2*h)*g)+"px"),p=n==t.start-h-1?b-2*h-1:b-2*h-t.scroll):n>=b-h+1?(u.css(c,-(h*g)+"px"),p=n==b-h+1?h+1:h+t.scroll):p=n;else{if(0>n||n>b-h)return;p=n}s=!0,u.animate("left"==c?{left:-(p*g)}:{top:-(p*g)},t.speed,t.easing,function(){t.afterEnd&&t.afterEnd.call(this,i()),s=!1}),t.circular||(e(t.btnPrev+","+t.btnNext).removeClass("disabled"),e(p-t.scroll<0&&t.btnPrev||p+t.scroll>b-h&&t.btnNext||[]).addClass("disabled"))}return!1}var s=!1,c=t.vertical?"top":"left",o=t.vertical?"height":"width",a=e(this),u=e("ul",a),f=e("li",u),d=f.size(),h=t.visible;t.circular&&(u.prepend(f.slice(d-h-1+1).clone()).append(f.slice(0,h).clone()),t.start+=h);var v=e("li",u),b=v.size(),p=t.start;a.css("visibility","visible"),v.css({overflow:"hidden","float":t.vertical?"none":"left"}),u.css({margin:"0",padding:"0",position:"relative","list-style-type":"none","z-index":"1"}),a.css({overflow:"hidden",position:"relative","z-index":"2",left:"0px"});var g=t.vertical?l(v):n(v),x=g*b,m=g*h;v.css({width:v.width(),height:v.height()}),u.css(o,x+"px").css(c,-(p*g)),a.css(o,m+"px"),t.btnPrev&&e(t.btnPrev).click(function(){return r(p-t.scroll)}),t.btnNext&&e(t.btnNext).click(function(){return r(p+t.scroll)}),t.btnGo&&e.each(t.btnGo,function(n,l){e(l).click(function(){return r(t.circular?t.visible+n:n)})}),t.mouseWheel&&a.mousewheel&&a.mousewheel(function(e,n){return r(n>0?p-t.scroll:p+t.scroll)}),t.auto&&setInterval(function(){r(p+t.scroll)},t.auto+t.speed)})}}(jQuery);
// callback
function recentarticles1(t){j=showRandomImg?Math.floor((imgr.length+1)*Math.random()):0,img=new Array;for(var e=0;e<numposts5;e++){var r,n,i=t.feed.entry[e],m=i.title.$t;if(e==t.feed.entry.length)break;for(var l=0;l<i.link.length;l++)if("alternate"==i.link[l].rel){n=i.link[l].href;break}for(var l=0;l<i.link.length;l++)if("replies"==i.link[l].rel&&"text/html"==i.link[l].type){r=i.link[l].title.split(" ")[0];break}if("content"in i)var o=i.content.$t;else if("summary"in i)var o=i.summary.$t;else var o="";postdate=i.published.$t,j>imgr.length-1&&(j=0),img[e]=imgr[j],s=o,a=s.indexOf("<img"),b=s.indexOf('src="',a),c=s.indexOf('"',b+5),d=s.substr(b+5,c-b-5),-1!=a&&-1!=b&&-1!=c&&""!=d&&(img[e]=d);for(var u=[1,2,3,4,5,6,7,8,9,10,11,12],h=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],p=(postdate.split("-")[2].substring(0,2),postdate.split("-")[1]),f=(postdate.split("-")[0],0);f<u.length;f++)if(parseInt(p)==u[f]){p=h[f];break}var w='<li class="car"><div class="thumbE"><a href="'+n+'"><img width="265" min-height="200" class="Thumbnail thumbnail carousel " src="'+img[e]+'"/></a></div><a class="slider_title" href="'+n+'">'+m+"</a></li>";document.write(w),j++}}function mythumb(t){for(var e=0;e<numposts;e++){var r,n=t.feed.entry[e],i=n.title.$t;if(e==t.feed.entry.length)break;for(var m=0;m<n.link.length;m++){if("replies"==n.link[m].rel&&"text/html"==n.link[m].type)var l=n.link[m].title,o=n.link[m].href;if("alternate"==n.link[m].rel){r=n.link[m].href;break}}var u;try{u=n.media$thumbnail.url,u=u.replace("/s72-c/","/w"+thumb_width+"-h"+thumb_height+"-c/")}catch(h){s=n.content.$t,a=s.indexOf("<img"),b=s.indexOf('src="',a),c=s.indexOf('"',b+5),d=s.substr(b+5,c-b-5),u=-1!=a&&-1!=b&&-1!=c&&""!=d?d:no_thumb}var p=n.published.$t,f=p.substring(0,4),w=p.substring(5,7),g=p.substring(8,10);document.write('<ul class="arlinathumbs">'),document.write("<li>"),1==showpostthumbnails&&document.write('<a href="'+r+'"><div class="arlinathumb"><img width="'+thumb_width+'" height="'+thumb_height+'" alt="'+i+'" src="'+u+'"/></div></a>'),document.write('<span class="arlinatitle"><a href="'+r+'" target ="_top">'+i+"</a></span>");var v="";if(document.write('<span class="arlinameta">'),1==showpostdate&&(v=v+'<span class="arlinameta_date">'+g+"/"+w+"/"+f+"</span>"),1==showcommentnum&&("1 Comments"==l&&(l="1 Comment"),"0 Comments"==l&&(l="No Comments"),l='<span class="arlinameta_comment"><a href="'+o+'" target ="_top">'+l+"</a></span>",v+=l),1==displaymore&&(v=v+'<span class="arlinameta_more"><a href="'+r+'" class="url" target ="_top">Read More...</a></span>'),document.write(v),document.write("</span>"),document.write('<span class="viesummary">'),"content"in n)var k=n.content.$t;else if("summary"in n)var k=n.summary.$t;else var k="";var y=/<\S[^>]*>/g;if(k=k.replace(y,""),1==showpostsummary)if(k.length<numchars)document.write(""),document.write(k),document.write("");else{document.write(""),k=k.substring(0,numchars);var _=k.lastIndexOf(" ");k=k.substring(0,_),document.write(k+"..."),document.write("")}document.write("</span>"),document.write("</li>"),document.write("</ul>")}document.write('<ul class="arlinathumbs2">');for(var e=1;e<numposts2;e++){var r,n=t.feed.entry[e],i=n.title.$t;if(e==t.feed.entry.length)break;for(var m=1;m<n.link.length;m++){if("replies"==n.link[m].rel&&"text/html"==n.link[m].type)var l=n.link[m].title,o=n.link[m].href;if("alternate"==n.link[m].rel){r=n.link[m].href;break}}var $;try{$=n.media$thumbnail.url.replace("/s72-c/","/w"+thumb_width2+"-h"+thumb_height2+"-c/")}catch(h){s=n.content.$t,a=s.indexOf("<img"),b=s.indexOf('src="',a),c=s.indexOf('"',b+5),d=s.substr(b+5,c-b-5),$=-1!=a&&-1!=b&&-1!=c&&""!=d?d:no_thumb2}var p=n.published.$t,f=p.substring(0,4),w=p.substring(5,7),g=p.substring(8,10);1==showpostthumbnails2&&document.write('<a href="'+r+'"><div class="arlinathumb2"><img width="'+thumb_width2+'" height="'+thumb_height2+'" alt="'+i+'" src="'+$+'"/></div></a>'),document.write("<li>"),document.write('<span class="arlinatitle arlinatitle2"><a href="'+r+'" target ="_top">'+i+"</a></span>");var v="";document.write('<span class="arlinameta arlinameta2">'),1==showpostdate2&&(v=v+'<span class="arlinameta_date arlinameta_date2">'+g+"/"+w+"/"+f+"</span>"),1==showcommentnum2&&("1 Comments"==l&&(l="1 Comment"),"0 Comments"==l&&(l="No Comments"),l='<span class="arlinameta_comment arlinameta_comment2"><a href="'+o+'" target ="_top">'+l+"</a></span>",v+=l),1==displaymore2&&(v=v+'<span class="arlinameta_more arlinameta_more2"><a href="'+r+'" class="url" target ="_top">Read More...</a></span>'),document.write(v),document.write("</span>"),document.write("</li>")}document.write("</ul>")}function mythumb1(t){for(var e=0;e<numposts;e++){var r,n=t.feed.entry[e],i=n.title.$t;if(e==t.feed.entry.length)break;for(var m=0;m<n.link.length;m++){if("replies"==n.link[m].rel&&"text/html"==n.link[m].type)var l=n.link[m].title,o=n.link[m].href;if("alternate"==n.link[m].rel){r=n.link[m].href;break}}var u;try{u=n.media$thumbnail.url,u=u.replace("/s72-c/","/w"+thumb_width+"-h"+thumb_height+"-c/")}catch(h){s=n.content.$t,a=s.indexOf("<img"),b=s.indexOf('src="',a),c=s.indexOf('"',b+5),d=s.substr(b+5,c-b-5),u=-1!=a&&-1!=b&&-1!=c&&""!=d?d:no_thumb}var p=n.published.$t,f=p.substring(0,4),w=p.substring(5,7),g=p.substring(8,10);document.write('<ul class="arlinathumbs1">'),document.write("<li>"),1==showpostthumbnails&&document.write('<a href="'+r+'"><div class="arlinathumb"><img width="'+thumb_width+'" height="'+thumb_height+'" alt="'+i+'" src="'+u+'"/></div></a>'),document.write('<span class="arlinatitle"><a href="'+r+'" target ="_top">'+i+"</a></span>");var v="";if(document.write('<span class="arlinameta">'),1==showpostdate&&(v=v+'<span class="arlinameta_date">'+g+"/"+w+"/"+f+"</span>"),1==showcommentnum&&("1 Comments"==l&&(l="1 Comment"),"0 Comments"==l&&(l="No Comments"),l='<span class="arlinameta_comment"><a href="'+o+'" target ="_top">'+l+"</a></span>",v+=l),1==displaymore&&(v=v+'<span class="arlinameta_more"><a href="'+r+'" class="url" target ="_top">Read More...</a></span>'),document.write(v),document.write("</span>"),document.write('<span class="viesummary">'),"content"in n)var k=n.content.$t;else if("summary"in n)var k=n.summary.$t;else var k="";var y=/<\S[^>]*>/g;if(k=k.replace(y,""),1==showpostsummary)if(k.length<numchars)document.write(""),document.write(k),document.write("");else{document.write(""),k=k.substring(0,numchars);var _=k.lastIndexOf(" ");k=k.substring(0,_),document.write(k+"..."),document.write("")}document.write("</span>"),document.write("</li>"),document.write("</ul>")}document.write('<ul class="arlinathumbs22">');for(var e=1;e<numposts3;e++){var r,n=t.feed.entry[e],i=n.title.$t;if(e==t.feed.entry.length)break;for(var m=1;m<n.link.length;m++){if("replies"==n.link[m].rel&&"text/html"==n.link[m].type)var l=n.link[m].title,o=n.link[m].href;if("alternate"==n.link[m].rel){r=n.link[m].href;break}}var $;try{$=n.media$thumbnail.url.replace("/s72-c/","/w"+thumb_width2+"-h"+thumb_height2+"-c/")}catch(h){s=n.content.$t,a=s.indexOf("<img"),b=s.indexOf('src="',a),c=s.indexOf('"',b+5),d=s.substr(b+5,c-b-5),$=-1!=a&&-1!=b&&-1!=c&&""!=d?d:no_thumb2}var p=n.published.$t,f=p.substring(0,4),w=p.substring(5,7),g=p.substring(8,10);1==showpostthumbnails2&&document.write('<a href="'+r+'"><div class="arlinathumb2"><img width="'+thumb_width2+'" height="'+thumb_height2+'" alt="'+i+'" src="'+$+'"/></div></a>'),document.write("<li>"),document.write('<span class="arlinatitle arlinatitle2"><a href="'+r+'" target ="_top">'+i+"</a></span>");var v="";document.write('<span class="arlinameta arlinameta2">'),1==showpostdate2&&(v=v+'<span class="arlinameta_date arlinameta_date2">'+g+"/"+w+"/"+f+"</span>"),1==showcommentnum2&&("1 Comments"==l&&(l="1 Comment"),"0 Comments"==l&&(l="No Comments"),l='<span class="arlinameta_comment arlinameta_comment2"><a href="'+o+'" target ="_top">'+l+"</a></span>",v+=l),1==displaymore2&&(v=v+'<span class="arlinameta_more arlinameta_more2"><a href="'+r+'" class="url" target ="_top">Read More...</a></span>'),document.write(v),document.write("</span>"),document.write("</li>")}document.write("</ul>")}function mythumb2(t){document.write('<div id="recent-posts">');for(var e=0;numpost>e;e++){var r,n=t.feed.entry[e],i=n.title.$t;if(e==t.feed.entry.length)break;for(var m=0;m<n.link.length;m++){if("replies"==n.link[m].rel&&"text/html"==n.link[m].type){n.link[m].title,n.link[m].href}if("alternate"==n.link[m].rel){r=n.link[m].href;break}}var l;try{l=n.media$thumbnail.url}catch(o){s=n.content.$t,a=s.indexOf("<img"),b=s.indexOf('src="',a),c=s.indexOf('"',b+5),d=s.substr(b+5,c-b-5),l=-1!=a&&-1!=b&&-1!=c&&""!=d?d:'" style="display: none;'}var u=n.published.$t,h=u.substring(0,4),p=u.substring(5,7),f=u.substring(8,10),w=new Array;w[1]="Jan",w[2]="Feb",w[3]="Mar",w[4]="Apr",w[5]="May",w[6]="Jun",w[7]="Jul",w[8]="Aug",w[9]="Sep",w[10]="Oct",w[11]="Nov",w[12]="Dec",document.write('<div class="post_wrapper1">'),document.write('<div class="post_thumb"><a href="'+r+'"><img src="'+l.replace("/s72-c/","/s120-c/")+'" alt="'+i+'" height="90" width="90"></div>');var g="",v=0;if(document.write(""),1==showpostdate&&(g=g+f+"/"+p+"/"+h,v=1),document.write('<div class="post_desc"><a href="'+r+'"><h5>'+i+'</h5></a><span class="meta"><i class="fa fa-clock-o"></i>&nbsp;'+g+"</span><p>"),"content"in n)var k=n.content.$t;else if("summary"in n)var k=n.summary.$t;else var k="";var y=/<\S[^>]*>/g;if(k=k.replace(y,""),1==showpostsummary)if(k.length<numchars)document.write(""),document.write(k),document.write("");else{document.write(""),k=k.substring(0,numchars);var _=k.lastIndexOf(" ");k=k.substring(0,_),document.write(k+"..."),document.write("")}document.write("</p></div><div class='clear'></div></div>"),1==displayseparator&&e!=numposts-1&&document.write("")}document.write("</div>")}imgr=new Array,imgr[0]="http://3.bp.blogspot.com/-zP87C2q9yog/UVopoHY30SI/AAAAAAAAE5k/AIyPvrpGLn8/s1600/picture_not_available.png",showRandomImg=!0,aBold=!0,summaryPost=150,summaryPost1=0,summaryTitle=15,numposts5=6;var numpost=3,displayseparator=!1,showpostdate=!0,showpostsummary=!0,numchars=50;
//]]>
var numposts = 1;
var numposts2 = 3;
var numposts3 = 6;
var showpostthumbnails = true;
var showpostthumbnails2 = true;
var displaymore = true;
var displaymore2 = true;
var showcommentnum = true;
var showcommentnum2 = true;
var showpostdate = true;
var showpostdate2 = true;
var showpostsummary = true;
var numchars = 100;
var thumb_width = 350;
var thumb_height = 210;
var thumb_width2 = 110;
var thumb_height2 = 110;
var no_thumb = &#39;http://1.bp.blogspot.com/-5W3LET6BVVg/VW_WQ-S4OPI/AAAAAAAAKHY/ahNb-ytVCXk/s1600/no-image.gif&#39;
var no_thumb2 = &#39;http://1.bp.blogspot.com/-5W3LET6BVVg/VW_WQ-S4OPI/AAAAAAAAKHY/ahNb-ytVCXk/s1600/no-image.gif&#39;
</script>
<script type='text/javascript'>
//<![CDATA[
function bp_thumbnail_resize(e,a){var t=300,i=200;return image_tag='<img width="'+t+'" height="'+i+'" src="'+e.replace("/s72-c/","/w"+t+"-h"+i+"-c/")+'" alt="'+a.replace(/"/g,"")+'" title="'+a.replace(/"/g,"")+'"/>',""!=a?image_tag:""}
//]]>
</script>
</b:if>
</b:if>
</head>
<body> 
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<div id='oopss'>
<div id='error-text'>
  <span>404</span>
  <p>Kumaha Atuh Page Not Found</p>
  <p>Back to</p>
  <p><a class='back' href='/'><data:blog.title/></a></p>
  </div>
  </div>
  </b:if>
<div id='outer-wrapper'>
<div class='viennatop-wrapper'>
  <header class='header-wrapper2'>
  <div class='vitop-wrapper'>
          <nav class='top-menunav'>
            <ul>
              <li><a href='#' title='About Us'><i class='fa fa-user'/> About</a></li>
              <li><a href='#' title='Our Sitemap'><i class='fa fa-list'/> Sitemap</a></li>
              <li><a href='#' title='Contact us'><i class='fa fa-envelope'/> Contact</a></li>
              <li><a href='#' title='Disclaimer'><i class='fa fa-check-circle'/> Disclaimer</a></li>
<li class='doremi join'><a href='#' rel='nofollow' target='_blank' title='Join Our Site'><i class='fa fa-plus'/><span class='inv'/></a></li>
<li class='doremi gplus'><a href='#' rel='nofollow' target='_blank' title='Follow us on Google+'><i class='fa fa-google-plus'/><span class='inv'/></a></li>
<li class='doremi facebook'><a href='#' rel='nofollow' target='_blank' title='Follow us on Facebook'><i class='fa fa-facebook'/><span class='inv'/></a></li>
<li class='doremi instagram'><a href='#' rel='nofollow' target='_blank' title='Follow us on instagram'><i class='fa fa-instagram'/><span class='inv'/></a></li>
<li class='doremi twitter'><a href='#' rel='nofollow' target='_blank' title='Follow us on Twitter'><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='Vienna Mag (Header)' 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='HTML3' 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:includable>
    </b:widget>
  </b:section>
</div>
<div class='clear'/>

<nav id='nav' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement' role='navigation'>
<a class='menu-slide' href='#'><i class='fa fa-list'/> Menu</a>
<ul class='nav vienna-mainmenu'>
<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'>Fitur</span></a>
<ul>
<li><a href='#' itemprop='url'><span itemprop='name'>Sitemap 1</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Sitemap 2</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Tag and Styling</span></a></li>
</ul>
</li>
<li><a href='#' itemprop='url'><span itemprop='name'>Menu 1</span></a>
<ul>
<li><a href='#' itemprop='url'><span itemprop='name'>Submenu 1</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Submenu 2</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Kota</span></a>
<ul>
<li><a href='#' itemprop='url'><span itemprop='name'>Jakarta</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Bandung</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Sukabumi</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Cianjur</span></a></li>
</ul>				
</li>
</ul>
</li>
<li><a href='#' itemprop='url'><span itemprop='name'>Menu 2</span></a>
<ul>
<li><a href='#' itemprop='url'><span itemprop='name'>Submenu 1</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Submenu 2</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Submenu 3</span></a>
<ul>
<li><a href='#' itemprop='url'><span itemprop='name'>Item 1</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Item 2</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Item 3</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Item 4</span></a></li>
</ul>				
</li>
</ul>
</li>
<li><a href='#' itemprop='url'><span itemprop='name'>Menu 3</span></a>
<ul>
<li><a href='#' itemprop='url'><span itemprop='name'>Submenu 1</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Submenu 2</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Submenu 3</span></a>
<ul>
<li><a href='#' itemprop='url'><span itemprop='name'>Item 1</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Item 2</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Item 3</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Item 4</span></a></li>
</ul>				
</li>
</ul>
</li>
<li><a href='#' itemprop='url'><span itemprop='name'>Mobile</span></a></li>
<li><a href='#' 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...'/></td>
<td class='search-button'><input id='search-button' type='submit' value=''/></td></tr></tbody></table></form>
</nav>
<div class='clear'/>

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div id='breakingnews'><span class='breakhead'>Breaking News</span>
<div id='adbreakingnews'>Loading...</div></div>
</b:if>

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div class='ct-wrapper' id='featured-posts-section'>
<div class='featured-post padding clearfix'>
<script type='text/javaScript'>
document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/All%20Tags?max-results=&quot;+featured_numposts+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=sliderposts\&quot;&gt;&lt;\/script&gt;&quot;);
</script>						
</div>
</div>
</b:if>
<div class='clear'/>
<div id='content-wrapper' itemscope='itemscope' itemtype='http://schema.org/Blog' role='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div id='carousel'>
<div id='crosscol-wrapper'>
<b:section class='crosscol' id='crosscol' showaddelement='no'>
  <b:widget id='HTML13' locked='false' title='Editors Picks' type='HTML'>
    <b:includable id='main'>
       <!-- only display title if it's non-empty -->
       <b:if cond='data:title != &quot;&quot;'>
       <b:if cond='data:title != &quot;&quot;'>
         <div class='recent-post-title'><h2><span><data:title/></span></h2></div>
</b:if>
</b:if>
<div class='clear'/>
<div class='widget-content'>
<div id='previous_button'>
<i class='fa fa-angle-left'/>
</div>
<div id='next_button'>
<i class='fa fa-angle-right'/>
</div>
<div class='content'>
<ul>
<script>
document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/<data:content/>?max-results=&quot;+numposts5+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=recentarticles1\&quot;&gt;&lt;\/script&gt;&quot;);
</script>
</ul>
<div class='clear'/>
</div>
<div class='clear'/>
</div>
<script type='text/javascript'>
(function($) { $(document).ready(function(){
$(&quot;#carousel .content&quot;).jCarouselLite({
      auto:0,
      scroll: 1,
      speed: 600,	
      visible: 4,
      start: 0,
      circular: true,
      btnPrev: &quot;#previous_button&quot;,
      btnNext: &quot;#next_button&quot;

});
})})(jQuery)	
</script>
</b:includable>
  </b:widget>
</b:section>
</div>
</div>
<div class='clear'/>
</b:if>
<b:section class='banner section' id='banner' maxwidgets='1' showaddelement='yes'/>
<div class='clear'/>
<div id='post-wrapper'>
<div id='mag-wrapper'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:section class='viennabox1 section' id='viennabox-1' showaddelement='yes'>
  <b:widget id='HTML70' locked='false' title='Fashion' type='HTML'>
    <b:includable id='main'>
    <!-- only display title if it's non-empty -->
    <b:if cond='data:title != &quot;&quot;'>
        <div class='recent-post-title'>
            <h2><span><data:title/></span></h2></div>
    </b:if>
    <div class='widget-content'>
        <div class='news_pictures'>
            <ul class='news_pictures_list'>
                <script>
                    document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/<data:content/>?orderby=published&amp;alt=json-in-script&amp;callback=mythumb1\&quot;&gt;&lt;\/script&gt;&quot;);
                </script>
            </ul>
        </div>
    </div>
</b:includable>
  </b:widget>
</b:section>
<b:section class='viennabox section' id='viennabox-2' showaddelement='yes'>
  <b:widget id='HTML71' locked='false' title='Technology' type='HTML'>
    <b:includable id='main'>
     <!-- only display title if it's non-empty -->
     <b:if cond='data:title != &quot;&quot;'>
         <div class='recent-post-title'>
<h2><span><data:title/></span></h2></div>       
</b:if>
                      <div class='widget-content'>
                        <div class='news_pictures'>
                          <ul class='news_pictures_list'>
                            <script>
                              document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/<data:content/>?orderby=published&amp;alt=json-in-script&amp;callback=mythumb\&quot;&gt;&lt;\/script&gt;&quot;);
                            </script>
                          </ul>
                        </div>
                      </div>
</b:includable>
  </b:widget>
</b:section>
<b:section class='viennabox section' id='viennabox-3' showaddelement='yes'>
  <b:widget id='HTML72' locked='false' title='Fashion' type='HTML'>
    <b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<div class='recent-post-title'><h2><span><data:title/></span></h2></div>
</b:if>
                      <div class='widget-content'>
                        <div class='news_pictures'>
                          <ul class='news_pictures_list'>
                            <script>
                              document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/<data:content/>?orderby=published&amp;alt=json-in-script&amp;callback=mythumb\&quot;&gt;&lt;\/script&gt;&quot;);
                            </script>
                          </ul>
                        </div>
                      </div>
</b:includable>
  </b:widget>
</b:section>
</b:if>
</div>
<div class='clear'/>
<div class='post-inner'>
  <b:section class='main' id='main' maxwidgets='3' showaddelement='yes'>
    <b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'>
      <b:includable id='main' var='top'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div class='recent-post-title'>
  <h2><span>Recent Posts</span></h2></div>
</b:if>
	  <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'/></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'><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'><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'/></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'/></span> <span>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'/></span> <span><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'/></span> <span>All post</span>
        <b:else/>
        <span><a expr:href='data:blog.homepageUrl' rel='nofollow'/></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:else/>
    <b:if cond='data:post.showThreadedComments'>
      <b:include data='post' name='threaded_comments'/>
    <b:else/>
      <b:include data='post' name='comments'/>
    </b:if>
  </b:if>
</b:includable>
      <b:includable id='comments' var='post'>
<div class='comments' 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'><i class='fa fa-check-circle'/></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;
        Display_Emo = true;
        Replace_Youtube_Link = false;
        Replace_Image_Link = false;
        Replace_Force_Tag = false;
        Replace_Image_Ext = ['JPG', 'GIF', 'PNG', 'BMP'];
      
        //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-vinfo'>
				<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-vinfo' 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' 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'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
&lt;div style=&quot;display:block;text-align:center;margin:15px auto;&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;text-align:center;margin:15px auto;&quot;&gt;
<!-- Kode Banner/Iklan Anda Di sini -->
&lt;/div&gt;
</b:if>	
            <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='virelated-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 src='https://cdn.rawgit.com/Arlina-Design/FlamingTree/master/paginavi.js'/>
        <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'>
<a expr:href='data:post.url'><div class='img-thumbnail'><script type='text/javascript'>
   document.write(arlina_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: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>

<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=6&quot;' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'/>
</b:loop>
</span>
</b:if>
</b:if>

<div class='post-vinfo'>
<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'><data:post.author/></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' 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:post.labels'>
<span class='label-info'> 
<b:loop values='data:post.labels' var='label'>
<i class='fa fa-tag'/> <a expr:href='data:label.url + &quot;?max-results=5&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: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>
		<b:include data='post' name='postQuickEdit'/>
	</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'>
        <data:post.body/>
        <div style='clear:both;'/> 
      </div>
    <b:else/>
		<div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
			<div>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSnippet(&quot;summary<data:post.id/>&quot;);</script>
			</div>
      <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'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
&lt;div style=&quot;display:block;text-align:center;margin:15px auto;&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;text-align:center;margin:15px auto;&quot;&gt;
<!-- Kode Banner/Iklan Anda Di sini -->
&lt;/div&gt;
</b:if>
        <div style='clear: both;'/> 
		
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<h2 class='sharetitle'>Share this </h2>
<script type='text/javascript'>
//<![CDATA[
var siteurl = window.location.href;
  document.write('<div class="sharethis"><div class="share"> \
<a class="gp" href="https://plus.google.com/share?url=' + siteurl + '" target="_blank" title="Share to Google+">\
    <i class="fa fa-google-plus gotea"></i> Google</a> \
<a class="fb" href="https://www.facebook.com/sharer/sharer.php?u=' + siteurl + '" target="_blank" title="Share to Facebook">\
    <i class="fa fa-facebook fbtea"></i> Facebook</a> \
<a class="tw" href="https://twitter.com/intent/tweet?text='+encodeURIComponent(document.title)+'&url='+siteurl+'" target="_blank" title="Share to Twitter">\
    <i class="fa fa-twitter twtea"></i> Twitter</a> \
    <span class="pl" data-target="#share-menu"><i class="fa fa-plus plustea"></i> More</span> \
<ul class="dropdown-menu" id="share-menu"> \
    <li><a href="//www.digg.com/submit?url=' + siteurl + '" target="_blank" title="Share This On Digg">Digg</a></li> \
    <li><a href="//www.linkedin.com/shareArticle?mini=true&amp;url=' + siteurl + '" target="_blank" title="Share This On Linkedin">Linkedin</a></li> \
    <li><a href="//www.stumbleupon.com/submit?url=' + siteurl + '&amp;title='+encodeURIComponent(document.title)+'" target="_blank" title="Share This On Stumbleupon">Stumbleupon</a></li> \
    <li><a href="//delicious.com/post?url=' + siteurl + '&amp;title='+encodeURIComponent(document.title)+'" target="_blank" title="Share This On Delicious">Delicious</a></li> \
    <li><a href="http://www.tumblr.com/share/link?url=' + siteurl + '&name='+encodeURIComponent(document.title)+'&description='+encodeURIComponent(document.title)+'" target="_blank" title="Share This On Tumblr">Tumblr</a></li> \
    <li><a href="http://bufferapp.com/add?text='+encodeURIComponent(document.title)+'&url=' + siteurl + '" target="_blank" title="Share This On BufferApp">BufferApp</a></li> \
    <li><a href="https://getpocket.com/save?url=' + siteurl + '&title='+encodeURIComponent(document.title)+'" target="_blank" title="Share This On Pocket">Pocket</a></li> \
    <li><a href="http://www.evernote.com/clip.action?url=' + siteurl + '&title='+encodeURIComponent(document.title)+'" target="_blank" title="Share This On Evernote">Evernote</a></li> \
    </ul> \
</div><div class="clear"></div></div> \
');
$(document).ready(function(){$(".pl").click(function(){$("#share-menu").slideToggle("normal")})});
//]]>
</script>
<div style='clear:both'/>
<div class='authorboxwrap'>
<div class='authorboxfull'>
<div class='avatar-container'>
<a href=''>
<img class='author_avatar img-circle' expr:alt='data:post.author' expr:src='data:post.authorPhoto.url' height='96' width='96'/>
</a>
</div>
<div class='author_description_container'>
<h4><a href='#' rel='author'>Author : <data:post.author/></a></h4>
<p>
<data:post.authorAboutMe/>       
</p>
</div>
</div>
</div>
<div style='clear:both'/>
<div id='virelated-post'>
<div class='relhead'>
  <h4><span>Related Posts</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='virelated-summary'>
               <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='http://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];
                }
              }
            }
            comment.deleteclass = 'item-control blog-admin';
            if (entry.gd$extendedProperty) {
              for (var k in entry.gd$extendedProperty) {
                if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
                  comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
                } else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {
                  comment.displayTime = entry.gd$extendedProperty[k].value;
                }
              }
            }
            comments.push(comment);
          }
        }
        return comments;
      };

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

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

      var onReply = function(commentId, domId) {
        if (replybox == null) {
          // lazily cache replybox, and adjust to suit this style:
          replybox = document.getElementById('comment-editor');
          if (replybox != null) {
            replybox.height = '250px';
            replybox.style.display = 'block';
            replyUrlParts = replybox.src.split('#');
          }
        }
        if (replybox && (commentId !== replyParent)) {
          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);
      }
    })();
window.onload = function () {
	var e = document.getElementById("arlinacredit");
	if (e == null) {
		window.location.href = "http://arlinadesign.blogspot.com"
	}
	e.setAttribute("href", "http://arlinadesign.blogspot.com/");
	e.setAttribute("rel", "nofollow");
	e.innerHTML = "Arlina Design"
}
// ]]>
  </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 id='mag-wrapper2'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:section class='viennabox1 section' id='viennabox-4' showaddelement='yes'>
  <b:widget id='HTML73' locked='false' title='Technology' type='HTML'>
    <b:includable id='main'>
                      <!-- only display title if it's non-empty -->
                      <b:if cond='data:title != &quot;&quot;'>
                        <script>
                          document.write(&#39;&lt;div class=&quot;recent-post-title&quot;&gt;&lt;h2&gt;&lt;span&gt;&lt;a href=&quot;/search/label/<data:content/>?max-results=5&quot;&gt;<data:title/>&lt;/a&gt;&lt;/h2&gt;&lt;/span&gt;&lt;/div&gt;&#39;); 
                        </script>
                      </b:if>
                      <div class='widget-content'>
                        <div class='news_pictures'>
                          <ul class='news_pictures_list'>
                            <script>
                              document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/<data:content/>?orderby=published&amp;alt=json-in-script&amp;callback=mythumb1\&quot;&gt;&lt;\/script&gt;&quot;);
                            </script>
                          </ul>
                        </div>
                      </div>
                    </b:includable>
  </b:widget>
</b:section>
<b:section class='viennabox section' id='viennabox-5' showaddelement='yes'>
  <b:widget id='HTML74' locked='false' title='Fashion' type='HTML'>
    <b:includable id='main'>
                      <!-- only display title if it's non-empty -->
                      <b:if cond='data:title != &quot;&quot;'>
                        <script>
                          document.write(&#39;&lt;div class=&quot;recent-post-title&quot;&gt;&lt;h2&gt;&lt;span&gt;&lt;a href=&quot;/search/label/<data:content/>?max-results=5&quot;&gt;<data:title/>&lt;/a&gt;&lt;/h2&gt;&lt;/span&gt;&lt;/div&gt;&#39;); 
                        </script>
                      </b:if>
                      <div class='widget-content'>
                        <div class='news_pictures'>
                          <ul class='news_pictures_list'>
                            <script>
                              document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/<data:content/>?orderby=published&amp;alt=json-in-script&amp;callback=mythumb\&quot;&gt;&lt;\/script&gt;&quot;);
                            </script>
                          </ul>
                        </div>
                      </div>
                    </b:includable>
  </b:widget>
</b:section>
<b:section class='viennabox section' id='viennabox-6' showaddelement='yes'>
  <b:widget id='HTML75' locked='false' title='Fashion' type='HTML'>
    <b:includable id='main'>
                      <!-- only display title if it's non-empty -->
                      <b:if cond='data:title != &quot;&quot;'>
                        <script>
                          document.write(&#39;&lt;div class=&quot;recent-post-title&quot;&gt;&lt;h2&gt;&lt;span&gt;&lt;a href=&quot;/search/label/<data:content/>?max-results=5&quot;&gt;<data:title/>&lt;/a&gt;&lt;/h2&gt;&lt;/span&gt;&lt;/div&gt;&#39;); 
                        </script>
                      </b:if>
                      <div class='widget-content'>
                        <div class='news_pictures'>
                          <ul class='news_pictures_list'>
                            <script>
                              document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/<data:content/>?orderby=published&amp;alt=json-in-script&amp;callback=mythumb\&quot;&gt;&lt;\/script&gt;&quot;);
                            </script>
                          </ul>
                        </div>
                      </div>
                    </b:includable>
  </b:widget>
</b:section>
</b:if>
</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='HTML14' locked='false' mobile='yes' title='Follow us' type='HTML'>
      <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='vienna-socials-icons mom-socials-widget'>
    <ul>
        <li class='facebook'><a href='#' rel='nofollow' target='_blank' title='Follow us on Facebook'><i class='fa fa-facebook'/></a></li>
        <li class='twitter'><a href='#' rel='nofollow' target='_blank' title='Follow us on Twitter'><i class='fa fa-twitter'/></a></li>
        <li class='googleplus'><a href='#' rel='nofollow' target='_blank' title='Follow us on Google+'><i class='fa fa-google-plus'/></a></li>
        <li class='rss'><a href='#' rel='nofollow' target='_blank' title='Follow us on RSS'><i class='fa fa-rss '/></a></li>
        <li class='youtube'><a href='#' rel='nofollow' target='_blank' title='Follow us on Youtube'><i class='fa fa-youtube '/></a></li>
        <li class='dribbble'><a href='#' rel='nofollow' target='_blank' title='Follow us on Dribble'><i class='fa fa-dribbble '/></a></li>
        <li class='deviantart'><a href='#' rel='nofollow' target='_blank' title='Follow us on DeviantArt'><i class='fa fa-deviantart'/></a></li>
        <li class='pinterest'><a href='#' rel='nofollow' target='_blank' title='Follow us on Pinterest'><i class='fa fa-pinterest '/></a></li>
        <li class='instgram'><a href='#' rel='nofollow' target='_blank' title='Follow us on Instagram'><i class='fa fa-instagram '/></a></li>
        <li class='tumblr'><a href='#' rel='nofollow' target='_blank' title='Follow us on Tumblr'><i class='fa fa-tumblr '/></a></li>
        <li class='linkedin'><a href='#' rel='nofollow' target='_blank' title='Follow us on LinkedIn'><i class='fa fa-linkedin '/></a></li>
        <li class='soundcloud'><a href='#' rel='nofollow' target='_blank' title='Follow us on Soundcloud'><i class='fa fa-soundcloud '/></a></li>
    </ul>
</div>
</div>
</b:includable>
    </b:widget>
  </b:section>
<div class='clear'/>
<div class='vitabs vitabs-1'>
<b:section class='vita-list vita-list-1 section' id='vita-list-1' showaddelement='yes'>
  <b:widget id='PopularPosts1' locked='false' title='Weekly' type='PopularPosts'>
    <b:includable id='main'>
  <b:if cond='data:title'><h2><data:title/></h2></b:if>
  <div class='widget-content popular-posts'>
    <ul>
      <b:loop values='data:posts' var='post'>
      <li>
        <b:if cond='data:showThumbnails == &quot;false&quot;'>
          <b:if cond='data:showSnippets == &quot;false&quot;'>
            <!-- (1) No snippet/thumbnail -->
            <a expr:href='data:post.href'><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'><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='vita-list vita-list-2 section' id='vita-list-2' showaddelement='yes'>
  <b:widget id='BlogArchive1' locked='false' mobile='yes' title='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:if cond='data:i.data'>
            <b:include data='i.data' name='interval'/>
          </b:if>
          <b:if cond='data:i.posts'>
            <b:include data='i.posts' name='posts'/>
          </b:if>
        </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>
<b:section class='vita-list vita-list-3 section' id='vita-list-3' showaddelement='yes'>
  <b:widget id='HTML4' locked='false' title='Comments' 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:includable>
  </b:widget>
</b:section>    
</div>
<div class='clear'/>
<b:section class='sidebar section' id='sidebar' preferred='yes'>
  <b:widget id='Label1' locked='false' title='Popular Tags' 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: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:includable>
  </b:widget>
  <b:widget id='FollowByEmail1' locked='false' mobile='yes' title='Newsletter' 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 class='tabletd1'>
          <tr>
            <td>
              <input class='follow-by-email-address' name='email' placeholder='Email address...' type='text'/>
            </td>
            <td class='tabletd2'>
              <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='PopularPosts2' locked='false' title='Most Trending' type='PopularPosts'>
    <b:includable id='main'>
  <b:if cond='data:title'><h2><data:title/></h2></b:if>
  <div class='widget-content popular-posts'>
    <ul>
      <b:loop values='data:posts' var='post'>
      <li>
        <b:if cond='data:showThumbnails == &quot;false&quot;'>
          <b:if cond='data:showSnippets == &quot;false&quot;'>
            <!-- (1) No snippet/thumbnail -->
            <a expr:href='data:post.href'><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>
</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' itemtype='http://schema.org/WPFooter' role='contentinfo'>
<div class='footer-bottom'>
<div id='footer-adwidget'>
<div class='footer-widget' id='footx1'>
<b:section class='footer' id='footer1'>
  <b:widget id='Translate1' locked='false' title='Translate' type='Translate'>
    <b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div id='google_translate_element'/>
  <script>
    function googleTranslateElementInit() {
      new google.translate.TranslateElement({
        pageLanguage: &#39;<data:pageLanguage/>&#39;,
        autoDisplay: &#39;true&#39;,
        layout: google.translate.TranslateElement.InlineLayout.<data:layout/>
      }, &#39;google_translate_element&#39;);
    }
  </script>
  <script src='//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit'/>
</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' mobile='yes' title='Label' 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='HTML1' locked='false' title='About' 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:includable>
  </b:widget>
  <b:widget id='ContactForm1' locked='false' mobile='yes' title='Formulir Kontak' type='ContactForm'>
    <b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='contact-form-widget'>
    <div class='form'>
      <form name='contact-form'>
        <p/>
        <data:contactFormNameMsg/>
        <br/>
        <input class='contact-form-name' expr:id='data:widget.instanceId + &quot;_contact-form-name&quot;' name='name' size='30' type='text' value=''/>
        <p/>
        <data:contactFormEmailMsg/> <span style='font-weight: bolder;'>*</span>
        <br/>
        <input class='contact-form-email' expr:id='data:widget.instanceId + &quot;_contact-form-email&quot;' name='email' size='30' type='text' value=''/>
        <p/>
        <data:contactFormMessageMsg/> <span style='font-weight: bolder;'>*</span>
        <br/>
        <textarea class='contact-form-email-message' cols='25' expr:id='data:widget.instanceId + &quot;_contact-form-email-message&quot;' name='email-message' rows='5'/>
        <p/>
        <input class='contact-form-button contact-form-button-submit' expr:id='data:widget.instanceId + &quot;_contact-form-submit&quot;' expr:value='data:contactFormSendMsg' type='button'/>
        <p/>
        <div style='text-align: center; max-width: 222px; width: 100%'>
          <p class='contact-form-error-message' expr:id='data:widget.instanceId + &quot;_contact-form-error-message&quot;'/>
          <p class='contact-form-success-message' expr:id='data:widget.instanceId + &quot;_contact-form-success-message&quot;'/>
        </div>
      </form>
    </div>
  </div>
</b:includable>
  </b:widget>
</b:section>
</div>
</div>
</div>
<div id='footer-last'>
<div class='vileftcredit'>
Copyright &#169; <span id='current-year'/> <a expr:href='data:blog.homepageUrl' itemprop='creator' itemscope='itemscope' itemtype='http://schema.org/Person'><span itemprop='name'><data:blog.title/></span></a> All Right Reserved
</div>
<div id='virightcredit'>
Created by <a href='http://arlinadesign.blogspot.com' id='arlinacredit' rel='nofollow' target='_blank'>Arlina Design</a>
</div>
</div>
</footer>
</div>
<div class='clear'/>

<a href='#' id='SmoothToTop'><i class='fa fa-angle-double-up'/></a>
<b:if cond='data:blog.pageType != &quot;index&quot;'>
<script type='text/javascript'>
//Pager
$(document).ready(function(){var e=$(&quot;a.blog-pager-older-link&quot;).attr(&quot;href&quot;);$(&quot;a.blog-pager-older-link&quot;).load(e+&quot; .post-title:first&quot;,function(){var e=$(&quot;a.blog-pager-older-link&quot;).text();$(&quot;a.blog-pager-older-link&quot;).text(e)});var r=$(&quot;a.blog-pager-newer-link&quot;).attr(&quot;href&quot;);$(&quot;a.blog-pager-newer-link&quot;).load(r+&quot; .post-title:first&quot;,function(){var e=$(&quot;a.blog-pager-newer-link:first&quot;).text();$(&quot;a.blog-pager-newer-link&quot;).text(e)})});
//Spoiler
$(document).ready(function(){$(&quot;#flippy&quot;).click(function(){$(&quot;#flippanel&quot;).slideToggle(&quot;normal&quot;)})});
</script>
</b:if>
<script type='text/javascript'>
// Current year
function getCurrentYear(){var e=new Date;return e.getFullYear()}el=document.getElementById(&quot;current-year&quot;),el.innerHTML=getCurrentYear();
// Back to top
jQuery(document).ready(function(e){var t=e(&quot;#SmoothToTop&quot;);e(window).scroll(function(){e(this).scrollTop()&gt;=1200?t.show(10).animate({opacity:&quot;1&quot;},10):t.animate({opacity:&quot;0&quot;},10)});t.click(function(t){t.preventDefault();e(&quot;html,body&quot;).animate({scrollTop:0},400)})})
//<![CDATA[
// Menu Top
$(document).ready(function(){var str=location.href.toLowerCase();$('.top-menunav 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-menunav 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')}})});
// Main Menu
var ww=document.body.clientWidth;$(document).ready(function(){$(".nav li a").each(function(){if($(this).next().length>0){$(this).addClass("parent")}});$(".menu-slide").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){$(".menu-slide").css("display","inline-block");if(!$(".menu-slide").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){$(".menu-slide").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")})}}
// Simple Tab
!function(a){"use strict";var b=function(b,c){var d=this;d.element=b,d.$element=a(b),d.vitabs=d.$element.children(),d.options=a.extend({},a.fn.mvitabs.defaults,c),d.current_tab=0,d.init()};b.prototype={init:function(){var a=this;a.vitabs.length&&(a.build(),a.buildTabMenu())},build:function(){var b=this,c=b.options,d=c.tab_text_el,e=c.container_class;b.tab_names=[],b.$wrapper=b.$element.wrapInner('<div class="'+e+'" />').find("."+e),b.vitabs.wrapAll('<div class="'+c.vitabs_container_class+'" />'),b.vitabs.each(function(c,e){var f,g=a(e),h=d;f=g.find(h).filter(":first").hide().text(),b.tab_names.push(f)}),a.isFunction(c.onReady)&&c.onReady.call(b.element)},buildTabMenu:function(){for(var b,c=this,d=c.options,e=d.vitabsmenu_el,f=c.tab_names,g="<"+e+' class="'+d.vitabsmenu_class+'">',h=0,i=f.length,j=function(){var a=arguments;return d.tmpl.vitabsmenu_tab.replace(/\{[0-9]\}/g,function(b){var c=Number(b.replace(/\D/g,""));return a[c]||""})};i>h;h++)g+=j(h+1,f[h]);g+="</"+e+">",c.$vitabs_menu=a(g).prependTo(c.$wrapper),b=c.$vitabs_menu.find(":first")[0].nodeName.toLowerCase(),c.$vitabs_menu.on("click",b,function(b){var d=a(this),e=d.index();c.show(e),b.preventDefault()}).find(":first").trigger("click")},show:function(b){var c=this,d=c.options,e=d.active_tab_class;c.vitabs.hide().filter(":eq("+b+")").show(),c.$vitabs_menu.children().removeClass(e).filter(":eq("+b+")").addClass(e),a.isFunction(d.onvitabselect)&&b!==c.current_tab&&d.onvitabselect.call(c.element,b),c.current_tab=b},destroy:function(){var a=this,b=a.options.tab_text_el;a.$vitabs_menu.remove(),a.vitabs.unwrap().unwrap(),a.vitabs.removeAttr("style"),a.vitabs.children(b+":first").removeAttr("style"),a.$element.removeData("mvitabs")}},a.fn.mvitabs=function(c,d){return this.each(function(){var e,f=a(this),g=f.data("mvitabs");e="object"==typeof c&&c,g||f.data("mvitabs",g=new b(this,e)),"string"==typeof c&&g[c](d)})},a.fn.mvitabs.defaults={container_class:"vitabs",vitabs_container_class:"vitabs-content",active_tab_class:"active-tab",tab_text_el:"h1, h2, h3, h4, h5, h6",vitabsmenu_class:"vitabs-menu",vitabsmenu_el:"ul",tmpl:{vitabsmenu_tab:'<li class="tab-{0}"><span>{1}</span></li>'},onvitabselect:null}}(window.jQuery,window,document);
// Popular post thumb resize
function resizeThumb(e,s){for(var t=document.getElementById(e),r=t.getElementsByTagName("img"),m=0;m<r.length;m++)r[m].src=r[m].src.replace(/\/s72\-c/,"/s"+s+"-c"),r[m].width=s,r[m].height=s}resizeThumb("PopularPosts1",120),resizeThumb("PopularPosts2",120);
// Sticky Widget
function makemeSticky(e){function t(){var e=s.getBoundingClientRect();e.top<0?(n.className=a+" makesticking",n.style.width=i+"px"):n.className=a}var n=document.getElementById(e),s=document.createElement("div");n.parentNode.insertBefore(s,n);var i=n.offsetWidth,a=n.className+" makesticky";window.addEventListener("scroll",t,!1)}makemeSticky("PopularPosts2");
// Breaking News
$(document).ready(function(){var e="http://anotherpulse.blogspot.com",t=20;$.ajax({url:""+e+"/feeds/posts/default?alt=json-in-script&max-results="+t,type:"get",dataType:"jsonp",success:function(e){function t(){$("#adbreakingnews li:first").slideUp(function(){$(this).appendTo($("#adbreakingnews ul")).slideDown()})}var n,r,s="",a=e.feed.entry;if(void 0!==a){s="<ul>";for(var l=0;l<a.length;l++){for(var o=0;o<a[l].link.length;o++)if("alternate"==a[l].link[o].rel){n=a[l].link[o].href;break}r=a[l].title.$t,s+='<li><a href="'+n+'" target="_blank">'+r+"</a></li>"}s+="</ul>",$("#adbreakingnews").html(s),setInterval(function(){t()},5e3)}else $("#adbreakingnews").html("<span>No result!</span>")},error:function(){$("#adbreakingnews").html("<strong>Error Loading Feed!</strong>")}})});
//]]>
</script>
<b:if cond='data:blog.pageType != &quot;index&quot;'>
<script type='text/javascript'>
//Related Post Thumb
$(&quot;ul#virelated-summary li img&quot;).each(function () {    $(this).attr(&quot;src&quot;, $(this).attr(&quot;src&quot;).replace(/\/s[0-9]+(\-c)?\//, &quot;/w150-h120-c/&quot;)) });
</script>
</b:if>
<b:include data='blog' name='google-analytics'/>
</body>
</html>