Sie sind auf Seite 1von 78

<?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='boyolali,berita boyolali,boyolali terkini,wisata boyolali,kuliner'
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='MBOYOLALI' 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='Media Informasi Boyolali' 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,a
cronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,su
b,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,captio
n,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,f
ooter,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{marg
in: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{displ
ay: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{b
order: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:50
px;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&#3
9;;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;overfl
ow:hidden;height:200px}#carousel .thumbE{height:80px;width:265px}
#carousel
#previous_button{display:block;position:absolute;top:3px;right:25px;width:25px;heig
ht: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:pointe
r;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#HT
ML75 {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:bef
ore {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[relnojudu
l]=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]=relcupl
ikan[B];relgambar[u]=relgambar[B];reljudul[B]=i;relurls[B]=s;relcuplikan[B]=y;relga
mbar[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\x6
6","\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\x
65","\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\x6
D\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\x
76\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","\x
2F\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\x6
2\x6F\x78\x2D\x74\x69\x74\x6C\x65\x22\x3E\x3C\x68\x33\x3E\x3C\x73\x70\x61\x6E\x20\x
63\x6C\x61\x73\x73\x3D\x22\x62\x6F\x78\x2D\x6C\x61\x62\x65\x6C\x22\x3E","\x3C\x2F\x
73\x70\x61\x6E\x3E\x3C\x61\x20\x68\x72\x65\x66\x3D\x22","\x22\x20\x74\x69\x74\x6C\x
65\x3D\x22\x22\x3E","\x3C\x2F\x61\x3E\x3C\x2F\x68\x33\x3E\x3C\x2F\x64\x69\x76\x3E\x
3C\x2F\x64\x69\x76\x3E\x3C\x2F\x61\x3E\x3C\x2F\x64\x69\x76\x3E","\x77\x72\x69\x74\x
65","\x3C\x64\x69\x76\x20\x63\x6C\x61\x73\x73\x3D\x22\x73\x65\x63\x6F\x6E\x64\x61\x
72\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\x7
0\x61\x6E\x20\x63\x6C\x61\x73\x73\x3D\x22\x62\x6F\x78\x2D\x6C\x61\x62\x65\x6C\x22\x
3E","\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\x6
F\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;summaryTit
le=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+_0xb
e12[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];docu
ment[_0xbe12[60]](_0x3737x1a);}else {var
_0x3737x1a=_0xbe12[61]+_0x3737xc+_0xbe12[48]+_0x3737x16+_0xbe12[49]+_0x3737x17+_0xb
e12[50]+img[_0x3737x5]+_0xbe12[62]+_0x3737x9+_0xbe12[57]+_0x3737xc+_0xbe12[58]+_0x3
737xa+_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:"hid
den","float":t.vertical?"none":"left"}),u.css({margin:"0",padding:"0",position:"rel
ative","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").cs
s(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.writ
e('<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('<s
pan 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)documen
t.write(""),document.write(k),document.write("");else{document.write(""),k=k.substr
ing(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.wri
te('<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('<s
pan 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)documen
t.write(""),document.write(k),document.write("");else{document.write(""),k=k.substr
ing(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.wr
ite('<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)documen
t.write(""),document.write(k),document.write("");else{document.write(""),k=k.substr
ing(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",sh
owRandomImg=!0,aBold=!0,summaryPost=150,summaryPost
1=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='MBOYOLALI (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='/search/label/Berita' itemprop='url'><span
itemprop='name'>Berita</span></a></li>
<li><a href='/search/label/Pemerintahan' itemprop='url'><span
itemprop='name'>Pemerintahan</span></a></li>
<li><a href='/search/label/Pariwisata' itemprop='url'><span
itemprop='name'>Pariwisata</span></a></li>
<li><a href='/search/label/Teknologi' itemprop='url'><span
itemprop='name'>Teknologi</span></a></li>
<li><a href='/search/label/Tips%20Sehat' itemprop='url'><span itemprop='name'>Tips
Sehat</span></a></li>
<li><a href='/search/label/Pendidikan' itemprop='url'><span
itemprop='name'>Pendidikan</span></a></li>
<li><a href='/search/label/Lowongan' itemprop='url'><span
itemprop='name'>Lowongan</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='Berita' 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='Tips Sehat' 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='Pemerintahan' 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='HTML8' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b: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.annotation
s.createAll();google.annotations.fetch()}google.setOnLoadCallback(initialize);</scr
ipt>
</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\\2
v\\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'>
<b:widget id='HTML5' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>
<div 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='Pariwisata' 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='Pendidikan' 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='HTML7' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML75' locked='false' title='Teknologi' 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='Attribution1' locked='true' title='' type='Attribution'>
<b:includable id='main'>
<b:if cond='data:feedbackSurveyLink'>
<div class='mobile-survey-link' style='text-align: center;'>
<data:feedbackSurveyLink/>
</div>
</b:if>

<div class='widget-content' style='text-align: center;'>


<b:if cond='data:attribution != &quot;&quot;'>
<data:attribution/>
</b:if>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'>
<b:includable id='main'>&lt;script type=&quot;text/javascript&quot;&gt;
function setAttributeOnload(object, attribute, val) {
if(window.addEventListener) {
window.addEventListener(&#39;load&#39;,
function(){ object[attribute] = val; }, false);
} else {
window.attachEvent(&#39;onload&#39;, function(){ object[attribute] =
val; });
}
}
&lt;/script&gt;
&lt;div id=&quot;navbar-iframe-container&quot;&gt;&lt;/div&gt;
&lt;script type=&quot;text/javascript&quot;
src=&quot;https://apis.google.com/js/plusone.js&quot;&gt;&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
gapi.load(&quot;gapi.iframes:gapi.iframes.style.bubble&quot;, function() {
if (gapi.iframes &amp;&amp; gapi.iframes.getContext) {
gapi.iframes.getContext().openChild({
url: &#39;https://www.blogger.com/navbar.g?
targetBlogID\0753078653719577273891\46blogName\75MBOYOLALI\46publishMode\75PUBLISH_
MODE_HOSTED\46navbarType\75LIGHT\46layoutType\75LAYOUTS\46searchRoot\75http://www.m
boyolali.com/search\46blogLocale\75in\46v\0752\46homepageUrl\75http://www.mboyolali
.com/\46vt\0753237218420444676322&#39;,
where: document.getElementById(&quot;navbar-iframe-
container&quot;),
id: &quot;navbar-iframe&quot;
});
}
});
&lt;/script&gt;&lt;script type=&quot;text/javascript&quot;&gt;
(function() {
var script = document.createElement(&#39;script&#39;);
script.type = &#39;text/javascript&#39;;
script.src = &#39;//pagead2.googlesyndication.com/pagead/js/google_top_exp.js&#39;;
var head = document.getElementsByTagName(&#39;head&#39;)[0];
if (head) {
head.appendChild(script);
}})();
&lt;/script&gt;
</b:includable>
</b:widget>
</b:section>
<div 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='HTML1' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='HTML2' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

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

<b:section class='banner2 section' id='banner2' maxwidgets='1'


showaddelement='yes'>
<b:widget id='HTML6' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
<div 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'/>
</div>
<div class='footer-widget' id='footx3'>
<b:section class='footer' id='footer3'>
<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.isF
unction(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.isFunctio
n(d.onvitabselect)&&b!
==c.current_tab&&d.onvitabselect.call(c.element,b),c.current_tab=b},destroy:functio
n(){var a=this,b=a.options.tab_text_el;a.
$vitabs_menu.remove(),a.vitabs.unwrap().unwrap(),a.vitabs.removeAttr("style"),a.vit
abs.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:"vita
bs-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("Popula
rPosts2",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.insertBef
ore(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>

Das könnte Ihnen auch gefallen