Professional Documents
Culture Documents
>
<!DOCTYPE html>
<HTML expr:dir='data:blog.languageDirection'>
<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 == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<b:if cond='data:blog.pageType != "error_page"'>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if></b:if>
<b:if cond='data:blog.pageType == "error_page"'>
<title>Page Not Found - <data:blog.title/></title>
</b:if>
<b:if cond='data:blog.pageType == "archive"'>
<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 != "error_page"'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<script type='application/ld+json'>{ "@context": "http://schema.o
rg", "@type": "WebSite", "url": "<data:b
log.homepageUrl/>", "potentialAction": { "@type": "
;SearchAction", "target": "<data:blog.homepageUrl/>?q={searc
h_term}", "query-input": "required name=search_term" }
}</script>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<meta expr:content='data:blog.pageName + ", " + data:blog.pageTitle +
", " + data:blog.title' name='keywords'/>
</b:if></b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='xxxxx' name='keywords'/></b:if>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default"' expr:t
itle='data:blog.title + " - Atom"' rel='alternate' type='application/a
tom+xml'/>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default?alt=rss"
' expr:title='data:blog.title + " - RSS"' rel='alternate' type='applic
ation/rss+xml'/>
<link expr:href='"http://www.blogger.com/feeds/" + data:blog.blogId +
"/posts/default"' expr:title='data:blog.title + " - Atom"' r
el='alternate' type='application/atom+xml'/>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.postImageThumbnailUrl'>
<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
</b:if></b:if>
<link expr:href='data:blog.url' hreflang='x-default' rel='alternate'/>
<link href='/favicon.ico' rel='icon' type='image/x-icon'/>
<link href='https://plus.google.com/xxxxx/posts' rel='publisher'/>
Style
: Minimalist
Designer
: ilham syazili
Designer url
: http://www.bloggerpalembang.com
Thanks to
: All supported
License
: This free Blogger template is licensed under the Creative Com
mons Attribution 4.0 License, which permits both personal and commercial use.
*/
/* CSS Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abb
r,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,str
ong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,tab
le,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,
figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,a
udio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-alig
n:baseline;}
/* HTML5 */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{di
splay:block;}body{line-height:1;display:block;}*{margin:0;padding:0;}html{displa
y:block;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,bloc
kquote:after,q:before,q:after{background:transparent;}table{border-collapse:coll
apse;border-spacing:0;}*,*:before, *:after {-webkit-box-sizing:border-box;-moz-b
ox-sizing:border-box;box-sizing:border-box;}ins{background:#fff;}
/* Body Layout */
body#layout ul,#layout ul {display:none;}
body#layout #outer-wrapper, body#layout .post-inner, body#layout .sidebar, body#
layout .sidebartop {padding:0;}
body#layout #wrapper, body#layout .post-inner, body#layout .sidebar-inner {paddi
ng:0;}
body#layout .header-wrapper {margin-top:0;}
body#layout #header {min-height:0px;width:100%;}
body#layout #headerdua {width:30%;float:left;}
body#layout .sosial-atas li{display:none}
#layout,#layout .widget-content,#layout .add_widget {border:none;}
body#layout .add_widget {border:1px solid #ddd;}
#layout .add_widget a {color:#111;}
#layout #header{min-height:0px;width:100%;margin:10px 0 0 0;}
#layout #footer-wrapper .footer-column{width:33.33%;float:left}
#layout #main-wrapper{width:70%;float:left}
#layout #sidebar-wrapper{width:30%;left:0;padding:0;float:right}
#layout .draggable-widget .widget-wrap2 {background:#c1cfd9;}
#layout #banner,#layout #banner2 {background-color:#444;padding:20px 0!important
;margin-bottom:20px;}
#layout #banner .widget,#layout #banner2 .widget{width:80%;margin:5px auto!impor
tant;overflow:hidden;float:none}
#layout #banner .add_widget,#layout #banner2 .add_widget{width:80%;margin:5px au
to!important;overflow:hidden;float:none}
#footer-xwidget .footer-widget {width:31.7%;float:left;margin-left:10px;}
#footer-wrapper {overflow:hidden;margin:0 auto 20px auto;padding:20px 0 0;}
#layout #footer-wrapper #column1,#layout #footer-wrapper #column2{margin:0}
/* Layout */
body {background:#fff;font-family:'Roboto',sans-serif;font-size:14px;font-weight
:400;text-align:left;color:#000;margin:0;padding:0;}
.navbar,.post-feeds,.feed-links{display:none;}.section,.widget{margin:0;padding:
0;}strong,b{font-weight:bold;padding:0;}cite,em,i{font-style:italic;}a:link,a:vi
sited {color:#138be6;text-decoration:none;transition:all .3s}a:hover,a:hover:vis
ited {color:#000}a img{border:none;border-width:0;outline:none;}img{max-width:10
0%;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;font-size:90%;color
:#138be6;}mark{background-color:#ffce00;color:#182025;}p,blockquote,pre,table,fi
gure,hr,form,ol,ul,dl{margin:1.5em 0;}hr{height:1px;border:none;background-color
:#999;}code,kbd,pre,samp{font-family:monospace,monospace;}
pre{white-space:pre;word-wrap:normal;overflow:auto;font-size:13px;margin:0;}*:fo
cus {outline:0!important;}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:normal;}
h1{font-size:200%}h2{font-size:180%}h3{font-size:160%}h4{font-size:140%}h5{fontsize:120%}h6{font-size:100%}
.post-body blockquote{position:relative;margin:0 auto;padding:24px 20px 24px 45p
x;line-height:24px;text-shadow:0 1px 1px white;background-color:#f2f6c1;backgrou
nd-image:-webkit-radial-gradient(center,cover,rgba(255,255,255,0) 0%,rgba(255,25
5,255,0.1) 90%),-webkit-repeating-linear-gradient(top,transparent 0%,transparent
24px,rgba(239,207,173,0.7) 24px,rgba(239,207,173,0.7) 25px);border:1px solid rg
ba(0,0,0,0.1);font-family:cursive}
.post-body blockquote:before,.post-body blockquote:after{content:'';position:abs
olute;top:0;bottom:0}
.post-body blockquote:before{left:20px;border:4px solid rgba(239,207,173,0.7)}
.post-body blockquote:after{z-index:-1;left:0;right:0;background:rgba(242,246,19
3,0.9);border:1px solid rgba(170,157,134,0.7);transform:rotate(2deg)}
.post-body h1{font-size:200%}.post-body h2{font-size:180%}.post-body h3{font-siz
e:160%}.post-body h4{font-size:140%}.post-body h5{font-size:120%}.post-body h6{f
ont-size:100%}
.post-body h1 b,.post-body h2 b,.post-body h3 b,.post-body h4 b,.post-body h5 b,
.post-body h6 b{font-weight:700;}
input,button,select,textarea{font-size:100%;line-height:normal;vertical-align:ba
seline;}
textarea{display:block;box-sizing:border-box;}
input.placeholder_text,textarea.placeholder_text{color:#888}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder,input:-mozplaceholder,textarea:-moz-placeholder,input.placeholder_text,textarea.placeholde
r_text{color:#444}[placeholder]:focus::-webkit-input-placeholder{transition:opac
ity .5s .5s ease;opacity:0}
.post ul li span{position:relative;display:block;padding:0;margin:.5em 0 .5em 2e
m;text-decoration:none;}
ol {counter-reset:li;list-style:none;padding:0;margin:0;}
ol ol {margin: 0 0 0 2em;}
.post ol li{position:relative;display:block;padding:0;margin:.5em 0 .5em 2em;bac
kground:#fff;text-decoration:none;}
.post ol li:before {content:counter(li);counter-increment:li;position:absolute;l
eft:-2.5em;height:2em;width:2em;text-align:center;}
.post-body ul {position:relative;display:block;padding:0;margin:.5em 0 .5em 1.5e
m;text-decoration:none;}
/* Post Table */
.post-body table {width:100%;}
.post-body table td,.post-body table caption{background:#fff;border:1px solid rg
ba(0,0,0,0.05);padding:10px;text-align:left;vertical-align:top}
.post-body table th{background:#e74c3c;color:#fff;border:1px solid rgba(0,0,0,0.
05);border-bottom:0;padding:10px;text-align:left;vertical-align:top}
.post-body table.tr-caption-container {border:1px solid rgba(0,0,0,0.14);margin:
0;}
.post-body th{font-weight:700;}
.post-body table caption{border:none;font-style:italic;}
.post-body td, .post-body th{vertical-align:top;text-align:left;font-size:13px;p
adding:3px 5px;border:1px solid #97b28e;}
.post-body th{}
.post-body th:hover{color:#fff;}
.post-body td a{color:#444;}
.post-body td a:hover{color:#cf4d35;}
.post-body table.tr-caption-container td{border:0;padding:8px;background:#fff;li
ne-height:17px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-sp
ace:nowrap;font-weight:700;color:#000;}
.post-body table.tr-caption-container, .post-body table.tr-caption-container img
#search-me input#search-button1[type="submit"]{font-family:FontAwesome
;font-size:17px;background:transparent;color:#fff;height:60px;line-height:60px;m
argin:0;padding:0 15px;border:none;outline:none;font-weight:normal!important;tra
nsition:all 0.25s;position:absolute;right:0;top:0;z-index:2}
#search-me input#search-boxs1[type="text"]:focus{background:#3d548f;ou
tline:none;color:#cbd1e1}
/* Arlina Post Wrapper */
#main-wrapper{width:64.98%;float:left;margin:0;padding:0;word-wrap:break-word;bo
rder-right:1px solid rgba(0,0,0,0.1);}
.main .Blog{border-bottom-width:0}
.main .widget{margin:0;padding:0}
.date-header{display:none!important}
h1.post-title.entry-title,h2.post-title.entry-title {font-size:18px;margin:0 0 1
5px;}
h1.post-title.entry-title a,h2.post-title.entry-title a{color:#2c4584;}
h1.post-title.entry-title a:hover,h2.post-title.entry-title a:hover{color:#138be
6;}
.post{background:#fff;position:relative;margin:0;padding:0}
.post-body {margin:0;line-height:1.7em;text-align:left;font-size:15px;padding:20
px;}
.post-info abbr {border:0;}
.post-timestamp,.author-info,.comment-info,.label-info{padding:0 10px 0 0}
.post-body img,.post-body video,.post-body object {background:#fafafa;max-width:
100%}
.breadcrumbs{background:#fff;overflow:hidden;white-space:nowrap;text-overflow:el
lipsis;font-size:12px;padding:20px;border-bottom:1px solid rgba(0,0,0,0.14);font
-weight:700;}
.breadcrumbs a{color:#000;margin:0 2px;line-height:normal;}
.breadcrumbs .breadhome a{margin:0 5px 0 0}
.breadcrumbs .breadlabel:last-child{margin:0 0 0 4px}
.breadcrumbs a:hover{color:#138be6;}
.post-footer{line-height:1.6em}
.post-footer a{color:#97b28e;}
.feed-links{clear:both;line-height:2.5em;}
/* Arlina Sidebar Wrapper */
#sidebar-wrapper{padding:20px;width:35%;float:right;word-wrap:break-word;overflo
w:hidden}
#sidebar-wrapper h2,#sidebar-wrapper h3,#sidebar-wrapper h4{position:relative;ov
erflow:hidden;margin:0;font-size:1rem;vertical-align:middle;padding:0 0 10px 0;b
order-bottom:1px solid rgba(0,0,0,.1);}
#sidebar-wrapper h2 span,#sidebar-wrapper h3 span,#sidebar-wrapper h4 span{displ
ay:inline-block;vertical-align:middle}
#sidebar-wrapper h2:after,#sidebar-wrapper h3:after,#sidebar-wrapper h4:after{co
ntent:'';display:inline-block;position:absolute;height:15px;top:0;margin
:3px 0 12px 10px;width:100%;background:url(http://4.bp.blogspot.com/-R2WTW6O9E1o
/VX7dqIGT1eI/AAAAAAAACc4/pyvQDMMLX3E/s1600/repeat-bg.png)repeat;opacity:.9;}
#sidebar-wrapper .widget ul{margin:0;padding:0}
.widget-content{margin:0;padding:10px 0;overflow:hidden}
.sidebar,.sidebartop {line-height:1.5em;padding:0}
.sidebar ul,.sidebartop ul {padding:0;margin:0}
.BlogArchive #ArchiveList ul li {text-indent:0!important}
.sidebar ul li,.sidebartop ul li{margin:0;padding:10px;border-bottom:1px solid r
gba(0,0,0,0.1);}
.sidebar .widget{margin:0}
.sidebartop .widget{margin:0 0 20px 0}
/* Dropdown Label */
.droplabeldo select{outline:none;cursor:pointer;transition:all .6s ease-out}
.droplabeldo{display:inline-block;position:relative;overflow:hidden;width:100%;b
order:0;height:40px;line-height:40px;color:#7f8c8d}
.droplabeldo:before,.droplabeldo:after{content:'';position:absolute;z-in
dex:2;top:15px;right:12px;width:0;height:0;line-height:40px;border:4px dashed;bo
rder-color:#999 transparent;pointer-events:none}
.droplabeldo:before{border-bottom-style:solid;border-top:none}
.droplabeldo:after{margin-top:8px;border-top-style:solid;border-bottom:none}
.dropdown-select{color:#000;position:relative;width:100%;margin:0;padding:6px 8p
x 6px 10px;height:40px;line-height:20px;font-size:13px;border:1px solid rgba(0,0
,0,0.1);-webkit-appearance:none;transition:border-color ease-in-out .15s,box-sha
dow ease-in-out .15s}
.droplabeldo select:hover{border-color:rgba(0,0,0,.34);}
.droplabeldo select:focus{outline:none;cursor:pointer;border-color:#66afe9;box-s
hadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,0.6);}
.dropdown-select>option{background:#fafafa;position:relative;display:block;ma
rgin:3px;text-shadow:none;outline:0;border:0;cursor:pointer}
/* Arlina Footer Wrapper */
#footer-wrapper{background:#2f303f;color:#bdc3c7;text-align:center;padding:20px
0 0 0;margin:auto;border-top:5px solid #2c4584}
.simplifymed a{display:inline-block;text-align:center;margin-top:10px;margin-rig
ht:5px;color:#fff;border-radius:100%;opacity:.9;}
.simplifymed a i{font-family:Fontawesome;width:32px;height:32px;line-height:32px
;display:block}
.simplifymed a:hover{color:#fff;opacity:1;transform:rotate(360deg);}
.simplifymed .facebook{background:#3b5998}
.simplifymed .twitter{background:#00aced}
.simplifymed .googleplus{background:#dd4b39}
.simplifymed .rssfeed{background:#ee802f}
#footbawah{clear:both;background:#252632;margin:auto;padding:25px 20px;color:#95
a5a6;font-size:14px;display:block;overflow:hidden;position:relative}
#footbawah a{color:#f1c40f}
.footbawahkiri{text-align:left;float:left}
.footbawahkanan{text-align:right;float:right;}
.footbawahkanan a{color:#2ecc71}
.footbawahkanan a:hover{color:#fff;}
.footer-column{position:relative;margin:0 auto;clear:both;font-size:14px;line-he
ight:24px;overflow:hidden;text-align:left;border-bottom:1px solid rgba(0,0,0,0.1
);}
.footer-column h3{position:relative;overflow:hidden;margin:0 0 10px 0;font-size:
1rem;padding:0 0 10px 0;border-bottom:1px solid rgba(0,0,0,.1);color:#fff}
.footer-column h3:after{content:'';display:inline-block;position:absolut
e;height:15px;top:0;margin:3px 0 12px 10px;width:100%;background:url(http://4.bp
.blogspot.com/-R2WTW6O9E1o/VX7dqIGT1eI/AAAAAAAACc4/pyvQDMMLX3E/s1600/repeat-bg.p
ng)repeat;opacity:.7;}
.footer-menu{float:left;width:31%;margin:0 20px 0 0}
.footer-menu p.footer2{margin:5px auto}
.footer-menu ul{margin:0}
.footer-menu ul li{list-style-type:square;margin:0 0 0 15px}
.footer-menu ul li a{color:#bdc3c7}
.footer-menu ul li a:hover{color:#fff}
/* Custom Heading Widget */
.footer-column .footer-menu h3:before{content:'\f07c';font-family:fontaw
esome;font-weight:normal;display:inline-block;margin:0 5px 0 0;color:#95a5a6}
.footer-column .footer-menu:nth-child(1) h3:before{content:'\f046';}
.footer-column .footer-menu:nth-child(2) h3:before{content:'\f085';}
.footer-column .footer-menu:nth-child(3) h3:before{content:'\f003';}
/* Subscribe Footer */
#subscribe-footer{overflow:hidden;margin:0 0 20px 0;width:33.4%}
#subscribe-footer p{margin:1em 0}
#subscribe-footer .emailfooter{margin:auto;text-align:center;}
#subscribe-footer .emailfooter form{margin:0;padding:0;float:left}
#subscribe-footer .emailfooter input{background:rgba(255,255,255,1);padding:9px
12px;color:#999;font-size:14px;margin-bottom:10px;border:1px solid rgba(0,0,0,0.
86321}
#socialcounter ul li.social_item-wrapper:hover .social_rss{background:#C2521B}
#socialcounter ul li a.social_item.social_google-plus{background:#E82C2C}
.fa-google-plus.social_icon{background:#BF2424}
#socialcounter ul li.social_item-wrapper:hover .fa-google-plus.social_icon{backg
round:#E82C2C}
#socialcounter ul li.social_item-wrapper:hover .social_google-plus{background:#B
F2424}
#socialcounter ul li a.social_item.social_instagram{background:#8E714D}
.fa-instagram.social_icon{background:#6F583C}
#socialcounter ul li.social_item-wrapper:hover .fa-instagram.social_icon{backgro
und:#8E714D}
#socialcounter ul li.social_item-wrapper:hover .social_instagram{background:#6F5
83C}
#socialcounter ul li a.social_item.social_pinterest{background:#CA2027}
.fa-pinterest.social_icon{background:#AB1B21}
#socialcounter ul li.social_item-wrapper:hover .fa-pinterest.social_icon{backgro
und:#CA2027}
#socialcounter ul li.social_item-wrapper:hover social_pinterest{background:#AB1B
21}
/* Banner */
.kotak_iklan1 {position:relative;}
.kotak_iklan1:before{content:'300x250 Ad';position:absolute;background:r
gba(25,25,25,.9);color:#fff;top:0;right:0;padding:2px 8px;font-size:80%}
.kotak_iklan1:hover:before{content:'Pasang iklan';}
.banner,.banner2{margin:0 auto;text-align:center;overflow:hidden}
.banner .widget,.banner2 .widget{width:100%;max-width:100%;margin:0 auto;backgro
und:#fff;text-align:center;overflow:hidden;padding:20px}
.banner .widget{border-bottom:1px solid rgba(0,0,0,0.1);}
.banner2 .widget{border-top:1px solid rgba(0,0,0,0.1);}
.banner img,.banner iframe,.banner2 img,.banner2 iframe{display:block;margin:0 a
uto;text-align:center;height:auto;}
.kotak_iklan{text-align:center;margin:0 auto;transition:all 1s ease-out}
.kotak_iklan .sidebar .widget-content,.kotak_iklan .sidebar-atas .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;bor
der:1px solid transparent!important;transition:all .6s ease-out}
.kotak_iklan img:hover{background:#fdfdfd;border:1px solid #e6e6e6}
.kotak_iklan2,.kotak_iklan3{text-align:center;margin:0 auto;transition:all 1s ea
se-out}
.kotak_iklan2 .sidebar .widget-content,.kotak_iklan2 .sidebar-atas .widget-conte
nt{padding:0;background:#f2f6f7;box-shadow:0 1px 2px 0 rgba(0,0,0,.1);border:0}
.kotak_iklan2 .sidebar .widget,.kotak_iklan2 .sidebar-atas .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}
#HTML2 .widget-content,#HTML3 .widget-content,#HTML4 .widget-content,#HTML5 .wid
get-content{padding:0;}
/* To top */
.simplifytotop{visibility:hidden;z-index:2;background:#95a5a6;color:#fff;font-si
ze:20px;width:37px;height:37px;line-height:37px;text-align:center;position:fixed
;bottom:10px;right:10px;border-radius:2px;cursor:pointer;transition:all .4s}
.simplifytotop:hover{background:#7f8c8d;color:#fff;}
.simplifytotop.arlniainf{visibility:visible;cursor:pointer;opacity:1;-webkit-tra
nsform:translateZ(0);transform:translateZ(0);transition:all .4s;}
/* Arlina Global Responsive */
@media screen and (max-width:800px) {
#wrapper{overflow:initial}
#content-wrapper{background:#fff;margin:0 auto;}
#footer-wrapper{border:0}
#header{padding:0;height:auto;line-height:normal;text-align:center;border:0;posi
tion:relative;z-index:initial;-webkit-transform:initial;transform:initial}
#header p.description{display:block;color:#fff}
#headerdua {float:none;max-width:100%;padding:20px;margin:0;}
#header .title{margin:0 0 5px 0;font-weight:700;}
#main-wrapper {float:none;border:0;width:100%;}
#sidebar-wrapper {padding: 0 20px;width:100%;float:none;}
.simplify-menu,.search-boxs{width:100%;margin:0 auto;padding:10px;}
.search-boxs:hover,.search-boxs:active,.search-boxs:focus{width:100%;}
#search-boxs{padding:0 0 10px 0}
#search-boxs{width:96%;float:left;padding-right:0;margin:0 2%}
.search-boxs{height:auto;}
#searchform{margin:0 10px}
#menu {display:block;}
#simplify-two{background:#fff;color:#138be6;font-size:initial;position:relative;
display:block;padding:15px;text-transform:uppercase;box-shadow:none;float:none;t
ext-align:left;border-bottom:1px solid rgba(0,0,0,0.14)}
#simplify-two ul{background:#fff;position:absolute;top:100%;left:0;z-index:3;hei
ght:auto;float:none;display:none}
#simplify-two ul > li{float:none}
#simplify-two ul.menus{width:100%;position:static;padding-left:20px}
#simplify-two li{display:block;float:none;width:auto}
#simplify-two li a:hover,#simplify-two ul.menus a:hover{background:#24376a;color
:#fff;}
#simplify-two a{background:#2c4584;padding:12px;height:initial;line-height:initi
al;color:#fff;border:0;margin:0}
#simplify-two ul > li a i{color:rgba(255,255,255,.5);float:right}
#simplify-two input,#simplify-two label{position:absolute;top:0;left:0;display:b
lock}
#simplify-two input{z-index:4}
#simplify-two input:checked + label{color:#fff}
#simplify-two input:checked ~ ul{display:block;width:100%}
#simplify-two li:hover > ul{width:100%}
#simplify-two li li {border:0;}
#simplify-two li li > a{background:#24376a;color:#fff;height:auto;font-size:1
2px;line-height:30px;padding:0 10px;}
#simplify-two li li:hover, #simplify-two li li a:hover {background:#2c4584;color
:#fff;}
#simplify-two li ul {background:#2c4584;padding:0;position:relative;width:100%;l
eft:initial;box-shadow:none;}
#simplify-two li:hover ul.menus,#simplify-two li:hover > ul{left:initial}
#simplify-two a i {float:right;}
#search-me{display:none}}
@media only screen and (max-width:768px) {
#headerdua {float:none;max-width:100%;}
#sidebar-wrapper,#main-wrapper {width:100%;padding:0 20px 20px 20px;}
.sidebar {padding:0;}
.sosial-atas li a{color:#fff}
.sosial-atas li a:hover,.sosial-atas li:hover a{background:rgba(0,0,0,0.1);color
:#fff}
.page-menu ul li a:hover,.page-menu ul li:hover a{background:transparent}
.footer-menu,#subscribe-footer{float:none;width:auto;margin:0 20px 20px 20px}}
@media screen and (max-width:640px) {
#main-wrapper {width:100%;padding:0 10px 20px 10px;}
#sidebar-wrapper {width:100%;padding:0 20px 20px 20px;}
.status-msg-border {width:97%}
.post h2 {font-size:100%}
h1.post-title.entry-title,h2.post-title.entry-title{font-size:16px;margin:0}
#simplify-two ul{height:195px;overflow:auto;}
#comments .comment_reply{margin-top:5px;padding:0;color:#444;background:#fff;}
#comments .comment_body p{margin:0;font-size:13px;padding:0}
#comments .comment_name,#comments .comment_admin .comment_name{padding:0}
#comments .comment-delete img{opacity:.5}
#comments .comment-delete:hover img{opacity:.8}
#comments .comment_inner{border-bottom:1px solid rgba(0,0,0,0.14)}
#comments .comment_date,#comments .comment_body:before{display:none}}
</style>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
/* Arlina Post Area */
.post {overflow:hidden;}
.post-info{background:#fff;display:block;color:#666;font-style:italic;line-heigh
t:1.6em;font-size:13px;padding:10px 15px;border-bottom:1px solid rgba(0,0,0,0.14
);border-top:1px solid rgba(0,0,0,0.14)}
.post-info a{position:relative;color:#138be6;padding:0 10px 0 0;font-style:norma
l;font-weight:700;}
.post-info a:hover{text-decoration:underline;}
.author-info img.avatar-photo1{background:rgba(0,0,0,0.1);height:28px;width:28px
;margin:0 7px 0 0;border-radius:100%;transition:all .3s;}
.author-info img.avatar-photo1:hover {transform:rotate(360deg);}
.post-timestamp,.author-info,.comment-info,.label-info{padding:0}
.post-body p{margin:0}
.post-timestamp {padding:0;}
.post-body img {height:auto;margin-bottom:2px;opacity:1;transition:all .6s ease;
}
.post-body img:hover {opacity:0.97;}
.post-body a.img,.post-body .separator a {margin-left:0!important;margin-right:0
!important;}
h1.post-title.entry-title,h2.post-title.entry-title{color:#138be6;padding:15px;f
ont-size:24px;margin:0}
.label-wrap{display:block;color:#666;padding:10px 15px;border-bottom:1px solid r
gba(0,0,0,0.14);overflow:hidden}
.label-info{position:relative;margin:auto}
.label-info a,.label-tags{float:left;display:inline-block;position:relative;font
-size:10px;margin-left:8px;color:#999;text-decoration:none;text-transform:upperc
ase;padding:5px;border:1px solid rgba(0,0,0,0.1);border-radius:3px}
.label-tags{color:#f39c12;border:1px solid #f1c40f;}
.label-info a:hover{color:#000;border-color:inherit;text-decoration:none}
.bottomshare{display:block;padding:0 20px;margin:auto;text-align:center}
/* Arlina Related Post */
#related-post {margin:0;padding:0;}
#related-post h4{background:#fafafa;color:#111;border-bottom:1px solid rgba(0,0,
0,0.14);border-top:1px solid rgba(0,0,0,0.14);padding:10px 0;font-size:20px;marg
in:0 0 20px 0;padding-left:8px;line-height:1em}
#related-post h4 span{padding:6px;display:inline-block;vertical-align:middle}
.relhead {background:#fff;font-size:100%;font-weight:normal;line-height:150%;ove
rflow:hidden;padding:0;}
ul#related-summary {margin:0;padding:0 15px;}
ul#related-summary li{position:relative;float:left;list-style:none outside none;
margin:0 5px 15px 5px;padding:0;overflow:hidden;height:180px;width:31.6%}
ul#related-summary li img{background-color:#f1f1f1;width:100%;height:auto;max-wi
dth:100%;margin:0 auto;vertical-align:middle;}
ul#related-summary li a.relinkjdulx{color:#666;display:block;font-size:12px;font
-weight:700;line-height:normal;overflow:hidden;text-align:left;padding:10px 10px
10px 0}
ul#related-summary li a.relinkjdulx:hover{color:#000;}
.overlayb {position:relative;max-height:140px;overflow:hidden;}
.overlayb:before{content:'';background-color:rgba(0,0,0,0.4);position:ab
solute;text-align:center;top:0;left:0;right:0;bottom:0;z-index:2;opacity:0;visib
ility:hidden;transition:all 0.4s linear}
.overlayb:after{content:'\f002';font-family:fontawesome;font-size:1.3rem
;color:rgba(255,255,255,.8);position:absolute;top:45%;left:45%;text-align:center
;z-index:2;opacity:0;visibility:hidden;transition:all 0.20s linear}
.overlayb:hover:before,.overlayb:hover:after {opacity:1;visibility:visible;}
/* Share Button */
.sharede,.sharesimp{position:relative;}
.sharesimp{margin:20px auto 0 auto;}
.sharesimp a.fb,.sharesimp a.gp,.sharesimp a.tw{position:relative;display:inline
-block;margin:0 0 5px 0;color:#fff;text-shadow:none;padding:12px 0;width:32.9%;f
ont-size:16px;font-weight:700;overflow:hidden;transition:all .3s}
.sharesimp a.gp {background:#f20000;}
.sharesimp a.fb {background:#516ca4;}
.sharesimp a.tw {background:#00baff;}
.fbtea,.gotea,.plustea,.twtea{font-size:2.5rem;vertical-align:middle;position:ab
solute;left:5px;top:5px;color:rgba(255,255,255,.5);transition:all .3s}
.sharesimp a:hover .fbtea,.sharesimp a:hover .gotea,.sharesimp a:hover .plustea,
.sharesimp a:hover .twtea{color:rgba(255,255,255,.3);transform:scale(1.3) rotate
(-20deg)}
.sharesimp a.fb:hover,.sharesimp a.gp:hover,.sharesimp a.tw:hover{color:#fff;bac
kground:#34495e;}
.sharesimp a.fb:active,.sharesimp a.gp:active,.sharesimp a.tw:active{box-shadow:
inset 0 1px 0 rgba(0,0,0,.16)}
/* Arlina Shortcodes */
.button{list-style:none;text-align:center;width:95%;margin:10px;padding:2px;font
-size:14px;clear:both;}
.button ul {margin:0;padding:0}
.post-body ul.button {list-style:none;text-align:center;margin:20px auto;padding
:2px;font-size:14px;clear:both;z-index:2;}
.button li{display:inline;margin:0 5px;padding:0;list-style:none;}
.post-body ul.button a.demo,.post-body ul.button a.download{display:block;backgr
ound:#97b28e;max-width:180px;padding:8px 12px;color:#fff;font-weight:700;font-si
ze:14px;text-align:center;text-transform:uppercase;letter-spacing:0.5px;margin:a
uto;border-radius:3px;transition:all .3s}
.post-body ul.button a.demo{background:#95a5a6;}
.post-body ul.button a.download{background:#95a5a6;}
.post-body ul.button a.demo:hover,.post-body ul.button a.download:hover {backgro
und:#34495e;color:#fff}
.first-letter{float:left;color:#f77c6a;font-size:75px;line-height:60px;padding-t
op:4px;padding-right:8px;padding-left:3px;font-family:Georgia}
.bagidua {-webkit-column-count:2;-moz-column-count:2;column-count:2;}
.bagitiga {-webkit-column-count:3;-moz-column-count:3;column-count:3;}
.bagiempat {-webkit-column-count:4;-moz-column-count:3;column-count:4;}
.bagidua img,.bagitiga img,.bagiempat img{-webkit-backface-visibility:hidden;mar
gin-bottom:20px;max-width:100%;}
#wrap{margin:20px auto;text-align:center}
.btn{background:#7fa4ed;padding:8px 12px;color:#fff;font-weight:700;font-size:14
px;text-align:center;text-transform:uppercase;letter-spacing:0.5px;border-radius
:4px;transition:all .3s}
.btn:hover,.btn:active,.btn.down:hover,.btn.down:active{background:#41598B}
.post-body a:visited.btn,.post-body a:visited.btn.down,.post-body a:link.btn,.po
st-body a.btn.down,.post-body a.btn:hover,.post-body a.btn:active,.post-body a.b
tn.down:hover,.post-body a.btn.down:active{color:#fff}
.btn i{margin:0}
.btn.down.anima{-webkit-animation:anim 2s ease-in infinite;animation:anim 2s eas
e-in infinite}
.videoyoutube{text-align:center;margin:auto;width:100%;}.video-responsive{positi
on:relative;padding-bottom:56.25%;height:0;overflow:hidden;}.video-responsive if
rame{position:absolute;top:0;left:0;width:100%;height:100%;border:0}
.post-body pre{background-color:#383a4c;-webkit-user-select:text;-khtml-user-sel
ect:text;-moz-user-select:text;-ms-user-select:text;user-select:text;padding:0;m
argin:.5em auto;white-space:pre;word-wrap:break-word;overflow:auto;position:rela
tive;width:100%;-moz-tab-size:2;-o-tab-size:2;tab-size:2;word-break:normal;-webk
it-user-select:text;-khtml-user-select:text;-moz-user-select:text;-ms-user-selec
t:text;user-select:text;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;
hyphens:none;}
.post-body pre::-webkit-scrollbar,pre::-moz-scrollbar,pre code::-webkit-scrollba
r,pre code::-moz-scrollbar,code::-webkit-scrollbar,code::-moz-scrollbar {display
:none;}
.post-body pre code{display:block;background:none;border:none;color:#bdc3c7;padd
ing:25px 20px 20px 20px;font-family:'Source Code Pro',Menlo,Consolas,Mon
aco,monospace;font-size:.83rem;white-space:pre;overflow:auto}
pre mark,code mark,pre code mark {background-color:#f39c12!important;color:#fff!
important;padding:2px;margin:0 2px;border-radius:2px;}
#related-summary .news-text,#share-menu{display:none}
.post-body pre code::selection,.post-body pre::selection{background:#bdc3c7;colo
r:#fff;}
/* CSS Multi Author Box */
.authorboxwrap{color:#000;margin:20px auto 0 auto;padding:20px;overflow:hidden;b
order-bottom:1px solid rgba(0,0,0,0.1);border-top:1px solid rgba(0,0,0,0.1)}
.avatar-container{background:rgba(0,0,0,0.05);float:left;padding:8px;margin:0 20
px 0 0;border:1px solid rgba(0,0,0,0.05)}
.avatar-container img{width:90px;height:auto;max-width:100%!important;transition
:all .3s}
.author_description_container h4{font-size:18px;display:block;margin:0;margin-bo
ttom:2px}
.author_description_container h4 a{color:#000}
.author_description_container p{margin:0;font-size:14px;margin-bottom:8px;line-h
eight:25px;font-weight:400}
.social-links li{list-style:none!important;float:left}
.social-links a{border-bottom:none}
.social-links a:after,.social-links a:before{content:none!important}
.social-links li a{color:#fff;font-size:12px;text-align:center;display:inline-bl
ock;padding:0;margin:0 10px 0 0;width:24px;height:24px;line-height:24px;border-r
adius:3px}
.social-links li:nth-child(1) a{background:#516ca4;}
.social-links li:nth-child(2) a{background:#00c3f3;}
.social-links li:nth-child(3) a{background:#f20000;}
/* Arlina Post Navigation */
#blog-pager-newer-link,#blog-pager-older-link{font-size:100%}
.blog-pager-older-link,.home-link,.blog-pager-newer-link{padding:0}
.halaman{margin:auto;padding:0;border-bottom:1px solid rgba(0,0,0,0.08);}
.halaman-kanan,.halaman-kiri{color:#141924;background:0 0;width:50%;position:rel
ative;margin:0}
.halaman-kiri{background:#fff;width:50%;float:left;margin:0;text-align:left;padd
ing:20px 20px 20px 30px;height:72px;border-right:1px solid rgba(0,0,0,0.08);}
.halaman-kanan{background:#fff;width:50%;float:right;margin:0;text-align:right;p
adding:20px 30px 20px 20px;height:72px}
.halaman-kanan:hover,.halaman-kiri:hover{background:#fdfdfd;color:#138be6;}
.halaman-kanan:hover a,.halaman-kiri:hover a{color:#138be6;}
.halaman-kanan a,.halaman-kiri a{color:#111;font-size:14px;font-weight:500;lineheight:1.3em;transition:initial}
.current-pageleft,.current-pageright,.halaman-kanan a,.halaman-kiri a{font-size:
14px;font-family:Roboto,Arial,sans-serif;font-weight:700;background:transparent;
text-decoration:none;line-height:normal;transition:initial}
.halaman-kanan a:hover,.halaman-kanan:hover .pager-title-left,.halaman-kiri a:ho
ver,.halaman-kiri:hover .pager-title-left,.halaman-kiri:hover .current-pageleft,
.halaman-kanan:hover .current-pageright{color:#138be6;}
#blog-pager,.isihalaman-kanan,.isihalaman-kiri{margin:0}
.panahkanan,.panahkiri{position:absolute;top:50%;margin-top:-8px}
.panahkiri{left:10px}
.panahkanan{right:10px}
.comments-content {display:block;position:relative;margin-top:20px;}
#HTML1{width:100%;max-width:300px}
/* CSS Item Responsive */
@media only screen and (max-width:960px){
.bagidua,.bagitiga,.bagiempat{-webkit-column-count:2;-moz-column-count:2;columncount:2;}}
@media only screen and (max-width:800px){
#HTML1{max-width:100%;position:relative!important;top:initial!important}}
@media only screen and (max-width:640px){
h1.post-title.entry-title,h2.post-title.entry-title{font-size:16px;}
#related-post h4{margin:0 0 5px;border-bottom:1px solid rgba(0,0,0,0.12)}
ul#related-summary li{float:left;list-style:none;overflow:hidden;width:50%;paddi
ng:10px 0;height:160px;margin:0}
ul#related-summary li a.relinkjdulx{font-size:12px;font-weight:400;padding:5px 5
px 5px 4px}
ul#related-summary li .overlaytext{float:left;display:inline-block;font-size:12p
x;font-weight:700;line-height:normal;overflow:hidden;padding:0}
ul#related-summary li .overlayb{display:inline-block;float:left;height:auto;marg
in:0 4px}
ul#related-summary li img{height:auto;}
.sharesimp a.fb,.sharesimp a.gp,.sharesimp a.tw{width:100%}
.bagidua,.bagitiga,.bagiempat{-webkit-column-count:1;-moz-column-count:1;columncount:1;}
#searchbar form:after {right:12%;top:40%;}}
@media screen and (max-width:603px){
.halaman-kanan,.halaman-kiri{width:100%;padding:17px 0;height:auto;border:0;}
.halaman-kiri{border-bottom:1px solid rgba(0,0,0,0.08)}
.isihalaman-kiri{margin-left:40px!important}
.isihalaman-kanan{margin-right:40px!important}
.panahkanan,.panahkiri{margin-top:-6px}
.avatar-container{display:none}}
@media screen and (max-width:320px){
.label-wrap{display:none}}
</style>
<script type='text/javascript'>/*<![CDATA[*/function saringtags(r,l){for(var e=r
.split("<"),n=0;n<e.length;n++)-1!=e[n].indexOf(">")&&(e[n]=e[n].substring(e[n].
indexOf(">")+1,e[n].length));return e=e.join(""),e=e.substring(0,l-1)}function r
elpostimgcuplik(r){for(var l=0;l<r.feed.entry.length;l++){var e=r.feed.entry[l];
reljudul[relnojudul]=e.title.$t,postcontent="","content"in e?postcontent=e.conte
nt.$t:"summary"in e&&(postcontent=e.summary.$t),relcuplikan[relnojudul]=saringta
gs(postcontent,numchars),"media$thumbnail"in e?postimg=e.media$thumbnail.url:pos
timg="http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/
s1600/grey.GIF",relgambar[relnojudul]=postimg;for(var n=0;n<e.link.length;n++)if
("alternate"==e.link[n].rel){relurls[relnojudul]=e.link[n].href;break}relnojudul
++}}function contains(r,l){for(var e=0;e<r.length;e++)if(r[e]==l)return!0;return
!1}function artikelterkait(){for(var r=new Array(0),l=new Array(0),e=new Array(0
),n=new Array(0),t=0;t<relurls.length;t++)contains(r,relurls[t])||(r.length+=1,r
[r.length-1]=relurls[t],l.length+=1,l[l.length-1]=reljudul[t],e.length+=1,e[e.le
ngth-1]=relcuplikan[t],n.length+=1,n[n.length-1]=relgambar[t]);reljudul=l,relurl
s=r,relcuplikan=e,relgambar=n;for(var t=0;t<reljudul.length;t++){var a=Math.floo
r((reljudul.length-1)*Math.random()),u=reljudul[t],i=relurls[t],o=relcuplikan[t]
,s=relgambar[t];reljudul[t]=reljudul[a],relurls[t]=relurls[a],relcuplikan[t]=rel
cuplikan[a],relgambar[t]=relgambar[a],reljudul[a]=u,relurls[a]=i,relcuplikan[a]=
o,relgambar[a]=s}for(var g,m=0,d=Math.floor((reljudul.length-1)*Math.random()),c
=d,h=document.URL;relmaxtampil>m&&(relurls[d]==h||(g="<li class='news-title clea
rfix'>",g+="<a href='"+relurls[d]+"' rel='nofollow' target='_top' title='"+relju
dul[d]+"'><div class='overlayb'><img src='"+relgambar[d]+"' /></div></a>",g+="<d
//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("//fonts.googleapis.com/css?family=Roboto:400,400italic,700,700italic");
loadCSS("https://maxcdn.bootstrapcdn.com/font-awesome/4.6.0/css/font-awesome.min
.css");
//]]>
</script>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<script type='text/javascript'>
snippet_count = 80;
//<![CDATA[
function removeHtmlTag(n,e){if(-1!=n.indexOf("<")){for(var t=n.split("<"),i=0;i<
t.length;i++)-1!=t[i].indexOf(">")&&(t[i]=t[i].substring(t[i].indexOf(">")+1,t[i
].length));n=t.join("")}for(e=e<n.length-1?e:n.length-2;" "!=n.charAt(e-1)&&-1!=
n.indexOf(" ",e);)e++;return n=n.substring(0,e-1),n+"..."}function createSnippet
(n){var e=document.getElementById(n),t=snippet_count,i='<div class="snippets">'+
removeHtmlTag(e.innerHTML,t)+"..."+"</div>";e.innerHTML=i}
//]]>
</script>
</b:if>
</b:if>
</head>
<!-- <body><div></div> -->
<body expr:class='"loading" + data:blog.mobileClass'>
<div id='header' itemscope='itemscope' itemtype='http://schema.org/WPHeader'>
<div class='maxiwrap'>
<b:section id='headerdua' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Simplify (Header)' type='Header
' version='1' visible='true'>
<b:includable id='main'>
<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == "BEHIND"'>
<!-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='"background-image: url(\"" + data:sour
ceUrl + "\"); "
+ "background-positio
n: "
+ data:backgroundPositionStyleStr + "; &qu
ot;
+ data:widthStyleStr
+ "m
in-height: " + data:height
+ "_height: " +
data:height
+ "background-repeat: no-repeat; "
' 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:wid
get.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='d
ata:width' style='display: block'/>
</a>
<!--Show the description-->
<b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
<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 != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<h1 class='title'>
<a expr:href='data:blog.homepageUrl' expr:title='data:blog.title' itempr
op='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' itempr
op='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>
<nav id='simplify-two' itemscope='itemscope' itemtype='http://schema.org/SiteNav
igationElement'>
<input type='checkbox'><i aria-hidden='true' class='fa fa-th-list'/> Menu</inp
ut>
<ul id='simplify-click'>
<li><a href='#' itemprop='url'><span itemprop='name'>Blog <i class='fa fa-caretdown fa-fw'/></span></a>
<ul>
<li><a href='#' itemprop='url'><span itemprop='name'>About</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Contact</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>CSS Minifier</span></a></li
>
<li><a href='#' itemprop='url'><span itemprop='name'>Disclaimer</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>HTML Converter</span></a></
li>
<li><a href='#' itemprop='url'><span itemprop='name'>Privacy Policy</span></a></
li>
<li><a href='#' itemprop='url'><span itemprop='name'>Sitemap</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Static Page</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>404 Page Not Found</span></
a></li>
</ul>
</li>
<li><a href='#' itemprop='url'><span itemprop='name'>Menu <i class='fa fa-caretdown fa-fw'/></span></a>
<ul>
<li><a href='#' itemprop='url'><span itemprop='name'>Menu 1</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Menu 2</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Menu 3</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Menu 4</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Menu 5</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Menu 6</span></a></li>
</ul>
</li>
<li><a href='#' itemprop='url'><span itemprop='name'>Menu <i class='fa fa-caretdown fa-fw'/></span></a>
<ul>
<li><a href='#' itemprop='url'><span itemprop='name'>Menu 1</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Menu 2</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Menu 3</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Menu 4</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Menu 5</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Menu 6</span></a></li>
</ul>
</li>
<li><a href='#' itemprop='url'><span itemprop='name'>Menu <i class='fa fa-caretdown fa-fw'/></span></a>
<ul>
<li><a href='#' itemprop='url'><span itemprop='name'>Menu 1</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Menu 2</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Menu 3</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Menu 4</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Menu 5</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Menu 6</span></a></li>
</ul>
</li>
<li><a href='#' itemprop='url'><span itemprop='name'>Menu <i class='fa fa-caretdown fa-fw'/></span></a>
<ul>
<li><a href='#' itemprop='url'><span itemprop='name'>Menu 1</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Menu 2</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Menu 3</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Menu 4</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Menu 5</span></a></li>
<li><a href='#' itemprop='url'><span itemprop='name'>Menu 6</span></a></li>
</ul>
</li>
</ul>
</nav>
<form action='/search' id='search-me' method='get'>
<table>
<tbody>
<tr>
<td class='search-boxs1'>
<input id='search-boxs1' name='q' onblur='if(this.value==&ap
os;')this.value=this.defaultValue;' onfocus='if(this.value==this.defaultVal
ue)this.value='';' type='text' value='Cari artikel...'/>
</td>
<td class='search-button1'>
<input id='search-button1' type='submit' value=' '/>
</td>
</tr>
</tbody>
</table>
</form>
</div>
</div>
<div class='clear'/>
<div class='search-boxs'>
<form action='/search' id='searchform' method='get'>
<input id='search-forms' name='q' placeholder='Cari artikel...' type='text'/>
<span class='search-button'><i class='fa fa-search'/></span>
</form>
</div>
<div class='clear'/>
<div id='wrapper'>
<div id='content-wrapper' itemscope='itemscope' itemtype='http://schema.org/Bl
og' role='main'>
<b:section class='banner section' id='banner' maxwidgets='1' showaddelement='y
es'>
<b:widget id='HTML2' locked='false' title='' type='HTML' version='1' visible
='true'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
</b:includable>
</b:widget>
</b:section>
<div class='clear'/>
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog' vers
ion='1' visible='true'>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<b:include name='nextprev'/>
</b:if>
</b:if>
<!-- feed links -->
<b:include name='feedLinks'/>
<b:if cond='data:top.showStars'>
<script src='//www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>
google.load("annotations", "1", {"locale": "<
data:top.languageCode/>"});
function initialize() {google.annotations.setApplicationId(<data:top.blogspotRev
iews/>);google.annotations.createAll();google.annotations.fetch();}google.setOnL
oadCallback(initialize);
</script>
</b:if>
<b:else/>
<b:include name='mobile-main'/>
</b:if>
<b:if cond='data:top.showDummy'>
<data:top.dummyBootstrap/>
</b:if>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<span expr:class='"item-control " + data:backlink.adminClass'>
<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBack
linkMsg'>
<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.backlinks' var='backlink'>
<div class='collapsed-backlink backlink-control'>
<dt class='comment-title'>
<span class='backlink-toggle-zippy'> </span>
<a expr:href='data:backlink.url' rel='nofollow'><data:backlink
.title/></a>
<b:include data='backlink' name='backlinkDeleteIcon'/>
</dt>
<dd class='comment-body collapseable'>
<data:backlink.snippet/>
</dd>
<dd class='comment-footer collapseable'>
<span class='comment-author'><data:post.authorLabel/> <data:ba
cklink.author/></span>
<span class='comment-timestamp'><data:post.timestampLabel/> <d
ata:backlink.timestamp/></span>
</dd>
</div>
</b:loop>
</dl>
</b:if>
<p class='comment-footer'>
<a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='d
ata:widget.instanceId + "_backlinks-create-link"' target='_blank'><dat
a: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 == "static_page"'>
<div class='breadcrumbs'><span class='breadhome'><a expr:href='data:blog.h
omepageUrl' rel='tag'>Home</a> <i class='fa fa-angle-right'/></span><span class=
'breadlabel'><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<!-- breadcrumb for the post page -->
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
<span class='breadhome' typeof='v:Breadcrumb'><a expr:href='data:blog.home
pageUrl' property='v:title' rel='v:url'>Home</a> <i class='fa fa-angle-right'/><
/span>
<b:loop values='data:post.labels' var='label'>
<span class='breadlabel' typeof='v:Breadcrumb'><a expr:href='data:label.ur
l + "?&amp;max-results=7"' property='v:title' rel='v:url'><data:la
bel.name/></a> <i class='fa fa-angle-right'/></span>
</b:loop>
<span class='breadlabel'><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span class='breadhome'><a expr:href='data:blog.h
omepageUrl' rel='tag'>Home</a> <i class='fa fa-angle-right'/></span><span class=
'breadlabel'>Unlabelled</span> <span class='breadlabel'><data:post.title/></span
></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span class='breadhome'><a expr:href='data:blog.homepageUrl'>Home</a> <i
class='fa fa-angle-right'/></span><span>Archives for <data:blog.pageName/></spa
n>
</div>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == ""'>
<span class='breadhome'><a expr:href='data:blog.homepageUrl'>Home</a> <i
class='fa fa-angle-right'/></span><span class='breadlabel'>All posts </span>
<b:else/>
<span class='breadhome'> <a expr:href='data:blog.homepageUrl'>Home</a> <
i class='fa fa-angle-right'/></span><span class='breadlabel'>Posts filed under <
data:blog.pageName/></span>
</b:if>
</div>
</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 + "_comment-editor-toggle-link&q
uot;' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-co
mment-from-post' frameborder='0' height='410' id='comment-editor' name='commenteditor' src='' style='display: none' width='100%'/>
<b:else/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-co
mment-from-post' frameborder='0' height='410' id='comment-editor' name='commenteditor' src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');
</script>
</div>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<b:if cond='data:showCmtPopup'>
<div class='goog-toggle-button'>
<div class='goog-inline-block comment-action-icon'/>
</div>
<b:else/>
<a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='d
ata:top.deleteCommentMsg'>
<img src='https://img1.blogblog.com/img/icon_delete13.gif'/>
</a>
</b:if>
</span>
</b:includable>
<b:includable id='comment_count_picker' var='post'>
<b:if cond='data:post.commentSource == 1'>
<span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments
' expr:data-onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.
url' expr:data-url='data:post.url.canonical.http'>
</span>
<b:else/>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='da
ta:post.addCommentOnclick'>
<data:post.commentLabelFull/>:
</a>
</b:if>
</b:includable>
<b:includable id='comment_picker' var='post'>
<b:if cond='data:post.commentSource == 1'>
<b:include data='post' name='iframe_comments'/>
<b:elseif cond='data:post.showThreadedComments'/>
<b:include data='post' name='comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:includable>
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.numComments != 0'>
<h3>
<b:if cond='data:post.numComments == 1'>1 <data:commentLabel/> so far
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>
</b:if>
</h3>
</b:if>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><
data:post.oldestLinkText/></a>
 
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><d
ata:post.olderLinkText/></a>
 
<data:post.commentRangeText/>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><d
ata:post.newerLinkText/></a>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><
data:post.newestLinkText/></a>
</span>
</b:if>
<div class='clear'/>
<div id='comment_block'>
<b:loop values='data:post.comments' var='comment'>
<div class='data:comment.adminClass' expr:id='data:comment.anchorName'
>
<b:if cond='data:post.adminClass == data:comment.adminClass'>
<div class='comment_inner comment_admin'>
<b:else/> <div class='comment_inner'>
</b:if>
<div class='comment_header'>
<div class='comment_avatar_wrap'>
<div class='comment_avatar'>
<img alt='avatar' expr:src='data:comment.authorAvatarSrc' expr
:title='data:comment.author'/>
</div>
<a class='comment_reply' expr:href='"#r_"+data:comment
.anchorName' expr:id='"r"+data:comment.anchorName' onclick='javascript
:Display_Reply_Form(this)' title='Balas'>Balas</a>
</div>
<div class='clear'/>
</div>
<div class='comment_body'>
<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>
<b:if cond='data:comment.author == data:post.author'>
<span class='comment_author_flag'><i class='fa fa-check-circle
' title='Verified Author'/></span>
</b:if>
<span class='comment_service'>
<a class='comment-delete' expr:href='"http://www.blogger.com/delete-c
omment.g?blogID=" + data:blog.blogId + "&amp;postID=" + data:
comment.id' expr:title='data:top.deleteCommentMsg'>
<img alt='delete' src='http://2.bp.blogspot.com/-d-5BS0YCkho/UOKe2UIw0rI/AAAAAAA
AC4w/md_iYNVHaHk/s1600/delete4.png' title='Hapus Komentar'/>
</a>
<span class='comment_date'><a expr:href='data:comment.url' rel='nofollow'
title='comment permalink'>
<data:comment.timestamp/>
</a></span>
</span>
</div>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p>
<data:comment.body/>
</p>
<div class='clear'/>
</b:if>
</div>
<div class='clear'/> </div>
<div class='clear'/>
<div class='comment_child'/>
<div class='comment_reply_form' expr:id='"r_f_"+data:comme
nt.anchorName'/>
</div>
</b:loop>
</div>
<div class='clear'/>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl
'><data:post.oldestLinkText/></a>
 
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'
><data:post.olderLinkText/></a>
 
<data:post.commentRangeText/>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'
><data:post.newerLinkText/></a>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl
'><data:post.newestLinkText/></a>
</span>
</b:if>
<div class='clear'/>
<div class='comment_form'>
<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='threaded-comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCo
mmentOnclick' 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.googlea
pis.com/ajax/libs/jquery/1.7.1/jquery.min.js\"></scr" + "ipt>");
}
//]]>
</script>
<script async='async' src='//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/c
omments.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 = {'maxThreadDepth':'0'};
</b:if>
//<![CDATA[
//Global setting
Config.maxThreadDepth = 3;//Kedalaman tingkat threaded comment
Display_Emo = true;//Tampilkan emoticon? ketik "false" untuk menyembunyi
kan
Replace_Youtube_Link = false;//Embed video YouTube, ketik "false" untuk
mendisable
Replace_Image_Link = false;//Auto replace link image, ketik "false" unt
uk mendisable.
Replace_Force_Tag = false;//Auto replace virtual tag contoh: [pre] menja
di <pre>, dan [/pre] menjadi </pre>, apabila salah menulis, tidak akan berfungsi
Replace_Image_Ext = ['JPG', 'GIF', 'PNG', 'BMP'];//(support: jpg, gif, p
ng, bmp),hanya berfungsi apabila Replace_Image_Link=true
//Pengaturan Emoticon
Emo_List = [
':)'
,'http://twemoji.maxcdn.com/36x36/1f600.png',
':('
,'http://twemoji.maxcdn.com/36x36/1f615.png',
'hihi' ,'http://twemoji.maxcdn.com/36x36/1f601.png',
':-)' ,'http://twemoji.maxcdn.com/36x36/1f60f.png',
':D'
,'http://twemoji.maxcdn.com/36x36/1f603.png',
'=D'
,'http://twemoji.maxcdn.com/36x36/1f62c.png',
':-d' ,'http://twemoji.maxcdn.com/36x36/1f604.png',
';('
,'http://twemoji.maxcdn.com/36x36/1f61e.png',
';-(' ,'http://twemoji.maxcdn.com/36x36/1f62d.png',
'@-)' ,'http://twemoji.maxcdn.com/36x36/1f616.png',
':o'
,'http://twemoji.maxcdn.com/36x36/1f62e.png',
':>)','http://twemoji.maxcdn.com/36x36/1f606.png',
'(o)' ,'http://twemoji.maxcdn.com/36x36/1f609.png',
':p'
,'http://twemoji.maxcdn.com/36x36/1f614.png',
':-?' ,'http://twemoji.maxcdn.com/36x36/2753.png',
'(p)' ,'http://twemoji.maxcdn.com/36x36/1f619.png',
':-s' ,'http://twemoji.maxcdn.com/36x36/1f625.png',
'8-)' ,'http://twemoji.maxcdn.com/36x36/1f60e.png',
':-t' ,'http://twemoji.maxcdn.com/36x36/1f624.png',
':-b' ,'http://twemoji.maxcdn.com/36x36/1f634.png',
'b-(' ,'http://twemoji.maxcdn.com/36x36/1f635.png',
'(y)' ,'http://twemoji.maxcdn.com/36x36/1f44d.png',
'x-)' ,'http://twemoji.maxcdn.com/36x36/1f60d.png',
'(h)' ,'http://twemoji.maxcdn.com/36x36/1f44f.png',
];
//Config Force tag list, define all in lower cas
e
Force_Tag = [
'[pre]','<pre>',
'[/pre]','</pre>',
'<pre class="brush: plain; title: ; notransl
ate" title="">','<code>',
'</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)){whil
e(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]);retur
n p}('3 o=\'.1c\';3 1b=$(\'#O-19\').G(\'A\');u 1l(F){3 1j=\' \\n\\r\\t\\f\\1D\\1
G\\1F\\1E\\2l\\2k\\2i\\2f\\2c\\26\\25\\23\\1Y\\1S\\1N\\1L\\1H\\2v\\1M\\2p\\24\\2
2\\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|u
pper_html||Cur_Cform_Hdr||http_search||temp_html||function||find_http|Emo_List|i
ndex|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|h
ref|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|C
form_Ins_ParID|7B|n_cform_url|Reset_Comment_Form|Display_Reply_Form|yt_video|res
et_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_L
ink|comment_emo_list|u2007|u200a|u2006|item|comment_block|charAt|u3000|u2005|com
ment_youtube|embed|autohide|frameborder|parentID|u2004|https|replace|Replace_Ima
ge_Link|u2029|u2003|u2028|u2002|u2001|onclick|Msgs|addComment|name|r_f_c|u2000|w
indow|location|xa0|form_|HTTP|x0b|rc|x3e|x3c|in|HTTPS|parseInt|u200b|comment_chi
ld|comment_img|Config|maxThreadDepth|comment_reply|u2009|allowfullscreen'.split(
'|'),0,{}))
var avatar=$("#comments");avatar.find('.comment_avatar img').each(function() {va
r ava = $(this).attr('src');$(this).show().attr('src', ava.replace(/\/s[0-9]+(\c)?\//,"/s45-c/"));});var _0x602a=["\x73\x63\x72\x65\x65\x6E\x20\x61\x6E\x64\x20
\x28\x6D\x69\x6E\x2D\x77\x69\x64\x74\x68\x3A\x20\x36\x30\x65\x6D\x29","\x6D\x61\
x74\x63\x68\x4D\x65\x64\x69\x61","\x6D\x61\x74\x63\x68\x65\x73","\x6F\x6E\x6C\x6
F\x61\x64","\x6C\x69\x67\x68\x74\x63\x72\x65\x64\x69\x74\x73","\x67\x65\x74\x45\
x6C\x65\x6D\x65\x6E\x74\x42\x79\x49\x64","\x68\x72\x65\x66","\x6C\x6F\x63\x61\x7
4\x69\x6F\x6E","\x68\x74\x74\x70\x3A\x2F\x2F\x77\x77\x77\x2E\x61\x72\x6C\x69\x6E
\x61\x64\x7A\x67\x6E\x2E\x63\x6F\x6D","\x73\x65\x74\x41\x74\x74\x72\x69\x62\x75\
x74\x65","\x72\x65\x6C","\x6E\x6F\x66\x6F\x6C\x6C\x6F\x77","\x69\x6E\x6E\x65\x72
\x48\x54\x4D\x4C","\x3C\x61\x20\x68\x72\x65\x66\x3D\x27\x68\x74\x74\x70\x3A\x2F\
x2F\x77\x77\x77\x2E\x61\x72\x6C\x69\x6E\x61\x64\x7A\x67\x6E\x2E\x63\x6F\x6D\x2F\
x27\x20\x74\x61\x72\x67\x65\x74\x3D\x27\x5F\x62\x6C\x61\x6E\x6B\x27\x20\x74\x69\
x74\x6C\x65\x3D\x27\x4B\x72\x65\x61\x74\x69\x76\x69\x74\x61\x73\x20\x61\x64\x61\
x6C\x61\x68\x20\x6B\x75\x6E\x63\x69\x20\x6B\x65\x73\x75\x6B\x73\x65\x73\x61\x6E\
x27\x3E\x41\x72\x6C\x69\x6E\x61\x20\x44\x65\x73\x69\x67\x6E\x3C\x2F\x61\x3E"];va
r mql=window[_0x602a[1]](_0x602a[0]);mql[_0x602a[2]]&& (window[_0x602a[3]]= func
tion(){var _0x2a73x2=document[_0x602a[5]](_0x602a[4]);null== _0x2a73x2&& (window
[_0x602a[7]][_0x602a[6]]= _0x602a[8]),_0x2a73x2[_0x602a[9]](_0x602a[6],_0x602a[8
]),_0x2a73x2[_0x602a[9]](_0x602a[10],_0x602a[11]),_0x2a73x2[_0x602a[12]]= _0x602
a[13]})
//]]>
</script>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> <!-- Blog feed link
s -->
<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.mimeTyp
<b:includable id='mobile-nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<div class='mobile-link-button' id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:
id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='dat
a:newerPageTitle'>&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 + "_blog-pager-older-link"' expr:title='dat
a:olderPageTitle'>&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:desktopLi
nkMsg/></a>
</div>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='mobile-post' var='post'>
<div class='date-outer'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>
<div class='date-posts'>
<div class='post-outer'>
<div class='post hentry uncustomized-post-template'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h1 class='post-title entry-title' style='margin: 10px 0;fontsize: 17px;'>
<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.tit
le'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</b:if>
<div class='post-header'>
<div class='post-header-line-1'/>
</div>
<div class='post-body entry-content' expr:id='"post-body-&q
uot; + data:post.id'>
<data:post.body/>
<div class='clear'/> <!-- clear for photos floats -->
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
</div>
<div class='post-footer-line post-footer-line-2'>
<b:if cond='data:top.showMobileShare'>
<div class='mobile-link-button goog-inline-block' id='mobi
le-share-button'>
<a href='javascript:void(0);'><data:shareMsg/></a>
</div>
</b:if>
<b:if cond='data:top.showDummy'>
<div class='goog-inline-block dummy-container'><data:post.
dummyTag/></div>
</b:if>
</div>
</div>
</div>
<b:if cond='data:blog.pageType == "static_page"'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='nav-post'>
<b:if cond='data:blog.pageType == "item"'>
<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'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='da
ta:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newe
rPageTitle'>Next Post</a>
</span>
<b:else/>
<span class='current-pageleft'>This Is The Newest Post</span>
</b:if>
<div class='clear'/>
</div>
<i aria-hidden='true' class='fa fa-chevron-left panahkiri'/>
</div>
<div class='halaman-kanan'>
<div class='isihalaman-kanan'>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='da
ta:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olde
rPageTitle'>Previous Post</a>
</span>
<b:else/>
<span class='current-pageright'>This Is The Oldest Page</span>
</b:if>
<div class='clear'/>
</div>
<i aria-hidden='true' class='fa fa-chevron-right panahkanan'/>
</div>
</div>
<div class='clear'/>
</div>
</b:if>
</b:includable>
<b:includable id='nextprev'>
<b:if cond='data:blog.pageType != "item"'>
<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 + "_blog-pager-newer-link"' expr:title='dat
a: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 + "_blog-pager-older-link"' expr:title='dat
a:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/>
</a>
<b:if cond='data:mobileLinkUrl'>
<div class='blog-mobile-link'>
<a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
</div>
</b:if>
</div>
<div class='clear'/>
</b:if>
</b:includable>
<b:includable id='post' var='post'>
<div class='post hentry'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType == "index"'>
<b:if cond='data:post.isFirstPost'>
<script type='text/javascript'>
//<![CDATA[
function arlina_thumb_size(e,t){var n=200;var r=150;image_tag='<img width="'+n+'
" height="'+r+'" src="'+e.replace("/s72-c/","/w"+n+"-h"+r+"-c/")+'" alt="'+t.rep
lace(/"/g,"")+'" title="'+t.replace(/"/g,"")+'" class="post-thumbnail"/>';if(t!=
"")return image_tag;else return""}
//]]>
</script>
</b:if>
<div class='post-thumb'>
<script type='text/javascript'>
document.write(arlina_thumb_size("<data:post.thumbnailUrl/>","<da
ta:post.title/>"));
</script>
<span class='label-info'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<a class='label-block' expr:href='data:label.url + "?max-result
s=7"' rel='tag'> <data:label.name/></a><b:if cond='data:label.isLast != &qu
ot;true"'/>
</b:loop>
</b:if>
</span>
</div>
</b:if>
</b:if>
</b:if>
<b:if cond='data:post.title'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<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 == "index"'>
<div class='post-info'>
<b:if cond='data:top.showAuthor'>
<b:if cond='data:post.authorProfileUrl'>
<span class='author-info'>
<span class='vcard' itemprop='author' itemscope='items
cope' itemtype='http://schema.org/Person'>
<span class='fn'>
<i class='fa fa-user'/> <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'>
✔
<span class='fn'>
<span itemprop='name'><data:post.author/></span>
</span>
</span>
</b:if>
</b:if>
<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<b:if cond='data:post.url'>
<meta expr:content='data:post.canonicalUrl' itemprop='url'/>
<i class='fa fa-calendar-o'/> <a class='timestamp-link' expr
:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='publish
ed updated' expr:title='data:post.timestampISO8601' itemprop='datePublished'><da
ta:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<div class='label-info'>
<a class='label-block' expr:href='data:label.url + "?max-results=7"' r
el='tag'> <data:label.name/></a><b:if cond='data:label.isLast != "true"
;'/>
</div>
</b:loop>
</b:if>
</div>
</b:if>
</b:if>
</div>
</div>
<b:if cond='data:blog.pageType == "item"'>
<div style="display:block;text-align:center;margin:0 auto;">
<!-- Kode Banner/Iklan Anda Di sini -->
</div>
</b:if>
<div class='post-body entry-content' expr:id='"post-body-" + data:post
.id'>
<b:if cond='data:blog.pageType == "static_page"'>
<p><data:post.body/></p></b:if>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSnippet("summary<data:post.id/>")
;</script>
</b:if></b:if>
<b:if cond='data:blog.pageType == "item"'><div itemprop='description'>
<p><data:post.body/></p></div></b:if>
<div class='clear'/> <!-- clear for photos floats -->
</div>
<div class='post-footer'>
<b:if cond='data:blog.pageType == "item"'>
<div class='post-footer-line post-footer-line-1'>
<div style="display:block;text-align:center;margin:0 auto;">
<!-- Kode Banner/Iklan Anda Di sini -->
</div>
<span class='bottomshare'>
<script type='text/javascript'>
//<![CDATA[
var siteurl = window.location.href;
document.write('<div class="sharesimp"><div class="sharede"> \
<a class="gp social-popup" 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 social-popup" 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 social-popup" href="https://twitter.com/intent/tweet?text='+encodeU
RIComponent(document.title)+'&url='+siteurl+'" target="_blank" title="Share to T
witter">\
<i class="fa fa-twitter twtea"></i> Twitter</a> \
</div><div class="clear"></div></div> \
');
//]]>
</script>
<div class='clear'/>
</span>
<div class='clear'/>
<div id='searchbar'>
<form action='/search' id='searchfo' method='get'>
<input id='sq' name='q' placeholder='Cari artikel di blog ini...' type='text' va
lue=''/>
</form>
</div>
<div class='clear'/>
<div id='related-post'>
<div class='relhead'>
<h4><span>Artikel Terkait</span></h4>
<div class='clear'/>
<b:loop values='data:post.labels' var='label'>
<script expr:src='"/feeds/posts/default/-/" + data:labe
l.name + "?alt=json-in-script&amp;callback=relpostimgcuplik&amp;max
-results=50"' type='text/javascript'/>
</b:loop>
<ul id='related-summary'>
<script type='text/javascript'>artikelterkait();</script>
</ul>
</div>
</div>
</div>
</b:if>
<div class='post-footer-line post-footer-line-2' style='display:none
;'/>
<div class='post-footer-line post-footer-line-3' style='display:none
;'/>
</div>
</div>
<b:if cond='data:blog.pageType == "item"'>
<div class='authorboxwrap'>
<div class='authorboxfull'>
<div class='avatar-container'>
<a href=''>
<img class='author_avatar' expr:alt='data:post.author' expr:src='data:post.autho
rPhoto.url' expr:title='data:post.author' height='90' width='90'/>
</a>
</div>
<div class='author_description_container'>
<h4><a href='#' rel='author'><data:post.author/></a> <i class='fa fa-check-circl
e' style='color:#3498db;font-size:16px;margin:0 0 0 3px' title='Verified Author'
/></h4>
<p>
<data:post.authorAboutMe/>
</p>
<div class='social-links'>
<li><a class='external external-link' href='#' rel='nofollow' target='_blank'><i
class='fa fa-facebook'/></a></li>
<li><a class='external external-link' href='#' rel='nofollow' target='_blank'><i
class='fa fa-twitter'/></a></li>
<li><a class='external external-link' href='#' rel='nofollow' target='_blank'><i
class='fa fa-google-plus'/></a></li>
<div class='clear'/>
</div>
</div>
</div>
</div>
<div class='clear'/>
<div class='halaman'>
<div class='blog-pager'>
<div class='halaman-kiri'>
<div class='isihalaman-kiri'>
<b:if cond='data:newerPageUrl'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:title=
'data:newerPageTitle'>Next Post</a>
<b:else/>
<span class='current-pageleft'>This Is The Newest Post</span>
</b:if>
<div class='clear'/>
</div>
<i aria-hidden='true' class='fa fa-chevron-left panahkiri'/>
</div>
<div class='halaman-kanan'>
<div class='isihalaman-kanan'>
<b:if cond='data:olderPageUrl'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:title=
'data:olderPageTitle'>Previous Post</a>
<b:else/>
<span class='current-pageright'>This Is The Oldest Page</span>
</b:if>
<div class='clear'/>
</div>
<i aria-hidden='true' class='fa fa-chevron-right panahkanan'/>
</div>
</div>
<div class='clear'/>
</div>
</b:if>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<img alt='' class='icon-action' height='18' src='http://img2.blogb
log.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='shareButtons' var='post'/>
<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 class='clear'/>
</b:if>
</b:includable>
<b:includable id='threaded-comment-form' var='post'>
<div class='comment-form'>
<b:if cond='data:mobile'>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-co
mment-from-post' frameborder='0' height='410' id='comment-editor' name='commenteditor' src='' style='display: none' width='100%'/>
<b:else/>
<p><data:blogCommentMessage/><br/>
<span class='small-button1'>
<span id='show-emo'><a class='emo-button' href='javascript:void(0)' onclick='doc
ument.getElementById('emo-box').style.display='inline-block'
;document.getElementById('hide-emo').style.display='inline-block&
apos;;document.getElementById('show-emo').style.display='none&apo
s;' title='Show Emoticon'>Emoticon</a></span><span id='hide-emo'><a class='emo-b
utton' href='javascript:void(0)' onclick='document.getElementById('emo-box&
apos;).style.display='none';document.getElementById('hide-emo&apo
s;).style.display='none';document.getElementById('show-emo')
.style.display='inline-block'' title='Hide Emoticon'>Emoticon</a></spa
n>
</span>
</p>
<div id='emo-box'><div class='comment_emo_list'/></div>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-co
mment-from-post' frameborder='0' height='410' id='comment-editor' name='commenteditor' src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');
</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 + '</sp
an>';
}
}
}
return entry.content.$t;
}
var parse = function(data) {
cursor = null;
window.bloggercomments = null;
}
url += '&callback=bloggercomments';
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = url;
document.getElementsByTagName('head')[0].appendChild(script);
}
};
var hasMore = function() {
return !!cursor;
};
var getMeta = function(key, comment) {
if ('iswriter' == key) {
var matches = !!comment.author
&& comment.author.name == config.authorName
&& comment.author.profileUrl == config.authorUrl;
return matches ? 'true' : '';
} else if ('deletelink' == key) {
return config.baseUri + '/delete-comment.g?blogID='
+ config.blogId + '&postID=' + comment.id;
} else if ('deleteclass' == key) {
return comment.deleteclass;
}
return '';
};
var replybox = null;
var replyUrlParts = null;
var replyParent = undefined;
var onReply = function(commentId, domId) {
if (replybox == null) {
// lazily cache replybox, and adjust to suit this style:
replybox = document.getElementById('comment-editor');
if (replybox != null) {
replybox.height = '250px';
replybox.style.display = 'block';
replyUrlParts = replybox.src.split('#');
}
}
if (replybox && (commentId !== replyParent)) {
replybox.src = '';
document.getElementById(domId).insertBefore(replybox, null);
replybox.src = replyUrlParts[0]
+ (commentId ? '&parentID=' + commentId : '')
+ '#' + replyUrlParts[1];
replyParent = commentId;
}
};
var hash = (window.location.hash || '#').substring(1);
var startThread, targetComment;
if (/^comment-form_/.test(hash)) {
startThread = hash.substring('comment-form_'.length);
} else if (/^c[0-9]+$/.test(hash)) {
targetComment = hash.substring(1);
}
// Configure commenting API:
var configJso = {
'maxDepth': config.maxThreadDepth
};
var provider = {
'id': config.postId,
'data': items,
'loadNext': paginator,
'hasMore': hasMore,
'getMeta': getMeta,
'onReply': onReply,
'rendered': true,
'initComment': targetComment,
'initReplyThread': startThread,
'config': configJso,
'messages': msgs
};
var render = function() {
if (window.goog && window.goog.comments) {
var holder = document.getElementById('comment-holder');
window.goog.comments.render(holder, provider);
}
};
// render now, or queue to render when library loads:
if (window.goog && window.goog.comments) {
render();
} else {
window.goog = window.goog || {};
window.goog.comments = window.goog.comments || {};
window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
window.goog.comments.loadQueue.push(render);
}
})();
//]]>
</script>
</b:includable>
<b:includable id='threaded_comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<h4><data:post.commentLabelFull/>:</h4>
<div class='comments-content'>
<b:include cond='data:post.embedCommentForm' data='post' name='threaded_co
mment_js'/>
<div id='comment-holder'>
<data:post.commentHtml/>
</div>
</div>
<p class='comment-footer'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='threaded-comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
</p>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions' na
me='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:include cond='data:post.showBacklinks' data='post' name='backlinks'/>
</div>
</div>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<aside id='sidebar-wrapper' itemscope='itemscope' itemtype='http://schema.org/WP
SideBar'>
<div id='socialcounter'>
<ul class='social-counter'>
<li class='social_item-wrapper'><a class='social_item social_facebook' h
ref='#' rel='nofollow' target='_blank'><i class='fa fa-facebook social_icon'/><s
pan class='social_num'>Facebook</span></a>
</li>
<li class='social_item-wrapper'><a class='social_item social_twitter' hr
ef='#' rel='nofollow' target='_blank'><i class='fa fa-twitter social_icon'/><spa
n class='social_num'>Twitter</span></a>
</li>
<li class='social_item-wrapper'><a class='social_item social_youtube' hr
ef='https://www.youtube.com/' rel='nofollow' target='_blank'><i class='fa fa-you
tube social_icon'/><span class='social_num'>Youtube</span></a>
</li>
<li class='social_item-wrapper'><a class='social_item social_rss' href='
#' rel='nofollow' target='_blank'><i class='fa fa-rss social_icon'/><span class=
'social_num'>RSS</span></a>
</li>
<li class='social_item-wrapper'><a class='social_item social_google-plus
' href='https://plus.google.com/+AmeliaPutri90' rel='nofollow' target='_blank'><
i class='fa fa-google-plus social_icon'/><span class='social_num'>Google+</span>
</a>
</li>
<li class='social_item-wrapper'><a class='social_item social_instagram'
href='#' rel='nofollow' target='_blank'><i class='fa fa-instagram social_icon'/>
<span class='social_num'>Instagram</span></a>
</li>
</ul>
</div>
<b:section class='sidebartop' id='sidebartop' preferred='yes'>
<b:widget id='PopularPosts1' locked='false' title='Artikel Pilihan' type='Po
pularPosts' version='1' visible='true'>
<b:includable id='main'>
<b:if cond='data:title'><h2><span><data:title/></span></h2></b:if>
<div class='widget-content popular-posts'>
<ul>
<b:loop values='data:posts' var='post'>
<li>
<b:if cond='data:showThumbnails == "false"'>
<b:if cond='data:showSnippets == "false"'>
<!-- (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='da
ta:post.title'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
<b:else/>
<b:if cond='data:showSnippets == "false"'>
</div>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='"label-size label-size-" + data:label.cssSiz
e'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></spa
n>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url
+ "?&amp;max-results=7"' expr:title='data:label.name'><data:label.
name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if>
</div>
</b:includable>
</b:widget>
</b:section>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='HTML1' locked='false' title='Artikel Terbaru' type='HTML' ve
rsion='1' visible='true'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
</b:includable>
</b:widget>
<b:widget id='ContactForm1' locked='false' title='Formulir Kontak' type='C
ontactForm' version='1' visible='true'>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='contact-form-widget'>
<div class='form'>
<form name='contact-form'>
<div class='formcolumn1'>
<input class='contact-form-name' expr:id='data:widget.instanceId + "
;_contact-form-name"' name='name' placeholder='Name *' size='30' type='text
' value=''/>
</div>
<br/>
<div class='formcolumn2'>
<input class='contact-form-email' expr:id='data:widget.instanceId + &quo
t;_contact-form-email"' name='email' placeholder='Email *' size='30' type='
text' value=''/>
</div>
<br/>
<div class='formcolumn3'>
<textarea class='contact-form-email-message' cols='25' expr:id='data:wid
get.instanceId + "_contact-form-email-message"' name='email-message' p
<h3>Web Tools</h3>
<ul class='footer2 line'>
<li><a href='#' title='Contact Form'>Contact Form</a></li>
<li><a href='#' title='Disclaimer'>Disclaimer</a></li>
<li><a href='#' title='Privacy Policy'>Privacy Policy</a></li>
<li><a href='#' title='Daftar Isi Blog'>Sitemap</a></li>
<li><a href='#' title='Terms of Service'>Terms of Service</a></li>
</ul>
</div>
<div class='footer-menu' id='subscribe-footer'>
<h3>Newsletter</h3>
<p>Berlangganan artikel terbaru dari blog ini langsung via email.</p>
<div class='emailfooter'>
<form action='https://feedburner.google.com/fb/a/mailverify' method='post'
onsubmit='window.open('https://feedburner.google.com/fb/a/mailverify?uri=B
log-simplifydua', 'popupwindow', 'scrollbars=yes,width=550,h
eight=520');return true' target='popupwindow'>
<input name='email' onblur='if (this.value == "") {this.value
= "Email address";}' onfocus='if (this.value == "Email address&qu
ot;) {this.value = "";}' type='text' value='Email address'/>
<input name='uri' type='hidden' value='simplifydua'/>
<input name='loc' type='hidden' value='en_US'/>
<input class='submitfooter' type='submit' value='Submit'/>
</form>
</div>
</div>
</div>
</div>
<div id='footbawah'>
<div class='maxiwrap'>
<div class='footbawahkiri'>
Copyright © <span id='current-year'/> <a expr:href='data:blog.homepageUrl'
itemprop='creator' itemscope='itemscope' itemtype='http://schema.org/Person'><sp
an itemprop='name'><data:blog.title/></span></a> All Right Reserved
</div>
<div class='footbawahkanan'>
Designed by <span id='lightcredits'><a href='http://ilhamsazili.blogspot.com/' t
arget='_blank' title=''>ilham sazili</a> </span> | Distributed By <a href='https
://gooyaabitemplates.com/' rel='dofollow' target='_blank' >Gooyaabi Templates</a
> Powered by <a href='https://www.blogger.com/' rel='nofollow' target='_blank' t
itle='Powered by Blogger'>Blogger</a>
</div>
</div>
</div>
</footer>
<div class='simplifytotop hider arlniainf'><i class='fa fa-angle-up'/></div>
<b:if cond='data:blog.pageType == "error_page"'>
<div class='container404'>
<div class='boxi404'>
<h2>404</h2>
<h3>The page could not be found</h3>
<hr/>
<p>The page you are looking for might have been removed had its name changed
or is temporarily unavailable</p>
<p>Please try the following :</p>
<ul>
<li>If you type the page address in the <strong>Address bar</strong>, make
sure that it is spelled correctly.</li>
<li>Click <strong><a expr:href='data:blog.homepageUrl'>here</a></strong> t
o return to our main page.</li>
<li>If you were linked to this page, contact the administrator and make th
em aware of this issue.</li>
</ul>
</div>
<div class='copyright404'>
© 2016 <a expr:href='data:blog.homepageUrl'><data:blog.title/></a>. All R
ights Reserved.
</div>
</div>
</b:if>
<b:if cond='data:blog.pageType == "index"'>
<script type='text/javascript'>
/*<![CDATA[*/
var postperpage=7;var numshowpage=3;var upPageWord ='prev';var downPageWord ='Ne
xt';var urlactivepage=location.href;var home_page="/";
/*]]>*/
</script>
<script src='https://cdn.rawgit.com/Arlina-Design/redvision/master/unlipage.js'
type='text/javascript'/>
</b:if>
<b:if cond='data:blog.pageType != "index"'>
<script type='text/javascript'>
//Related Post Thumb
$("ul#related-summary li img").each(function(){$(this).attr("src&
quot;,$(this).attr("src").replace(/\/s[0-9]+(\-c)?\//,"/w200-h140
-c/"))});
//<![CDATA[
// Nav
!function(t){var e=t("a.blog-pager-newer-link"),l=t("a.blog-pager-older-link");t
.get(e.attr("href"),function(l){e.html(t(l).find(".post h1.post-title").text())}
,"html"),t.get(l.attr("href"),function(e){l.html(t(e).find(".post h1.post-title"
).text())},"html")}(jQuery);
// Youtube Responsive
setTimeout(function(){$(".video-youtube").each(function(){$(this).replaceWith('<
iframe class="video-youtube loader" src="'+$(this).data("src")+'" allowfullscree
n="allowfullscreen" height="281" width="500"></iframe>')})},5e3);
// Double Click
$('i[rel="pre"]').replaceWith(function(){return $("<pre><code>"+$(this).html()+"
</code></pre>")});for(var pres=document.querySelectorAll("pre,code,kbd,blockquot
e,td"),i=0;i<pres.length;i++)pres[i].addEventListener("dblclick",function(){var
e=getSelection(),t=document.createRange();t.selectNodeContents(this),e.removeAll
Ranges(),e.addRange(t)},!1);
function blockLinks(e,n){for(var a=document.getElementById(e),m=a.getElementsByT
agName(n),t=0;t<m.length;t++)-1!==m[t].innerHTML.indexOf("</a>")&&(m[t].innerHTM
L="Warning!! SPAM has been detected!",m[t].className="spammer-detected")}blockLi
nks("comment_block","p");
//]]>
</script>
<b:if cond='data:blog.isMobileRequest == "false"'>
<script type='text/javascript'>
//<![CDATA[
// Sticky widget
$(function(){if($("#HTML1").length){var o=$("#HTML1"),t=$("#HTML1").offset().top
,i=$("#HTML1").height();$(window).scroll(function(){var s=$("#comments").offset(
).top-i-20,f=$(window).scrollTop();if(f>t?o.css({position:"fixed",top:83}):o.css
("position","static"),f>s){var n=s-f;o.css({top:n})}})}});
//]]>
</script>
</b:if>
</b:if>
<script type='text/javascript'>
function getCurrentYear(){var e=new Date;return e.getFullYear()}el=document.getE
lementById("current-year"),el.innerHTML=getCurrentYear();
function show(e){document.getElementById(e).style.display="block"}func
tion hide(e){document.getElementById(e).style.display="none"}
// Slide toggle
$(function(){$("#simplify-click > li").click(function(i){var l=$(&q
uot;ul",this);return $("#simplify-click > li > ul").not(l).
slideUp(),l.stop(!0,!0).slideToggle(400),!1}),$("#simplify-click > li &g
t; ul > li").click(function(i){i.stopPropagation()})});
//<![CDATA[
// Back to top button
$(function(){$(window).scroll(function(){$(this).scrollTop()>400?$(".simplifytot
op").addClass('arlniainf'):$(".simplifytotop").removeClass('arlniainf')}),$(".si
mplifytotop").click(function(){return $("html,body").animate({scrollTop:0},400),
!1})});
//]]>
</script>
<b:if cond='data:blog.isMobileRequest == "false"'>
<script type='text/javascript'>
//<![CDATA[
// Lazy Load
(function(a){a.fn.lazyload=function(b){var c={threshold:0,failurelimit:0,event:"
scroll",effect:"show",container:window};if(b){a.extend(c,b)}var d=this;if("scrol
l"==c.event){a(c.container).bind("scroll",function(b){var e=0;d.each(function(){
if(a.abovethetop(this,c)||a.leftofbegin(this,c)){}else if(!a.belowthefold(this,c
)&&!a.rightoffold(this,c)){a(this).trigger("appear")}else{if(e++>c.failurelimit)
{return false}}});var f=a.grep(d,function(a){return!a.loaded});d=a(f)})}this.eac
h(function(){var b=this;if(undefined==a(b).attr("original")){a(b).attr("original
",a(b).attr("src"))}if("scroll"!=c.event||undefined==a(b).attr("src")||c.placeho
lder==a(b).attr("src")||a.abovethetop(b,c)||a.leftofbegin(b,c)||a.belowthefold(b
,c)||a.rightoffold(b,c)){if(c.placeholder){a(b).attr("src",c.placeholder)}else{a
(b).removeAttr("src")}b.loaded=false}else{b.loaded=true}a(b).one("appear",functi
on(){if(!this.loaded){a("<img />").bind("load",function(){a(b).hide().attr("src"
,a(b).attr("original"))[c.effect](c.effectspeed);b.loaded=true}).attr("src",a(b)
.attr("original"))}});if("scroll"!=c.event){a(b).bind(c.event,function(c){if(!b.
loaded){a(b).trigger("appear")}})}});a(c.container).trigger(c.event);return this
};a.belowthefold=function(b,c){if(c.container===undefined||c.container===window)
{var d=a(window).height()+a(window).scrollTop()}else{var d=a(c.container).offset
().top+a(c.container).height()}return d<=a(b).offset().top-c.threshold};a.righto
ffold=function(b,c){if(c.container===undefined||c.container===window){var d=a(wi
ndow).width()+a(window).scrollLeft()}else{var d=a(c.container).offset().left+a(c
.container).width()}return d<=a(b).offset().left-c.threshold};a.abovethetop=func
tion(b,c){if(c.container===undefined||c.container===window){var d=a(window).scro
llTop()}else{var d=a(c.container).offset().top}return d>=a(b).offset().top+c.thr
eshold+a(b).height()};a.leftofbegin=function(b,c){if(c.container===undefined||c.
container===window){var d=a(window).scrollLeft()}else{var d=a(c.container).offse
t().left}return d>=a(b).offset().left+c.threshold+a(b).width()};a.extend(a.expr[
":"],{"below-the-fold":"$.belowthefold(a, {threshold : 0, container: window})","
above-the-fold":"!$.belowthefold(a, {threshold : 0, container: window})","rightof-fold":"$.rightoffold(a, {threshold : 0, container: window})","left-of-fold":"
!$.rightoffold(a, {threshold : 0, container:window})"})})(jQuery);$(function(){$
(".post img").lazyload({placeholder:"http://1.bp.blogspot.com/-Qg5bi1ZtDdM/VZ5nH
AyYBqI/AAAAAAAAChE/exGnasO4oyk/s640/arlinadesign.gif",effect:"fadeIn",threshold:
"0"})});var _0xa908=["\x73","\x72\x65\x70\x6C\x61\x63\x65","\x73\x72\x63","\x61\
x74\x74\x72","\x77\x69\x64\x74\x68","\x31\x30\x30\x25","\x68\x65\x69\x67\x68\x74
","\x61\x75\x74\x6F","\x65\x61\x63\x68","\x69\x6D\x67","\x66\x69\x6E\x64","\x23\
x50\x6F\x70\x75\x6C\x61\x72\x50\x6F\x73\x74\x73\x31\x2C\x2E\x72\x65\x63\x65\x6E\
x74\x5F\x70\x6F\x73\x74\x73\x5F\x61\x72\x6C\x69\x6E\x61","\x72\x65\x61\x64\x79",
"\x73\x63\x72\x65\x65\x6E\x20\x61\x6E\x64\x20\x28\x6D\x69\x6E\x2D\x77\x69\x64\x7
4\x68\x3A\x20\x36\x30\x65\x6D\x29","\x6D\x61\x74\x63\x68\x4D\x65\x64\x69\x61","\
x6D\x61\x74\x63\x68\x65\x73","\x6F\x6E\x6C\x6F\x61\x64","\x6C\x69\x67\x68\x74\x6
3\x72\x65\x64\x69\x74\x73","\x67\x65\x74\x45\x6C\x65\x6D\x65\x6E\x74\x42\x79\x49
\x64","\x68\x72\x65\x66","\x6C\x6F\x63\x61\x74\x69\x6F\x6E","\x68\x74\x74\x70\x3
A\x2F\x2F\x77\x77\x77\x2E\x61\x72\x6C\x69\x6E\x61\x64\x7A\x67\x6E\x2E\x63\x6F\x6
D","\x73\x65\x74\x41\x74\x74\x72\x69\x62\x75\x74\x65","\x72\x65\x6C","\x6E\x6F\x
66\x6F\x6C\x6C\x6F\x77","\x69\x6E\x6E\x65\x72\x48\x54\x4D\x4C","\x3C\x61\x20\x68
\x72\x65\x66\x3D\x27\x68\x74\x74\x70\x3A\x2F\x2F\x77\x77\x77\x2E\x61\x72\x6C\x69
\x6E\x61\x64\x7A\x67\x6E\x2E\x63\x6F\x6D\x2F\x27\x20\x74\x61\x72\x67\x65\x74\x3D
\x27\x5F\x62\x6C\x61\x6E\x6B\x27\x20\x74\x69\x74\x6C\x65\x3D\x27\x4B\x72\x65\x61
\x74\x69\x76\x69\x74\x61\x73\x20\x61\x64\x61\x6C\x61\x68\x20\x6B\x75\x6E\x63\x69
\x20\x6B\x65\x73\x75\x6B\x73\x65\x73\x61\x6E\x27\x3E\x41\x72\x6C\x69\x6E\x61\x20
\x44\x65\x73\x69\x67\x6E\x3C\x2F\x61\x3E"];$(document)[_0xa908[12]](function(){v
ar _0x5fbex1=90;$(_0xa908[11])[_0xa908[10]](_0xa908[9])[_0xa908[8]](function(_0x
5fbex2,_0x5fbex3){var _0x5fbex3=$(_0x5fbex3);_0x5fbex3[_0xa908[3]]({src:_0x5fbex
3[_0xa908[3]](_0xa908[2])[_0xa908[1]](/s\B\d{2,4}/,_0xa908[0]+ _0x5fbex1)}),_0x5
fbex3[_0xa908[3]](_0xa908[4],_0xa908[5]),_0x5fbex3[_0xa908[3]](_0xa908[6],_0xa90
8[7])})});var mql=window[_0xa908[14]](_0xa908[13]);mql[_0xa908[15]]&& (window[_0
xa908[16]]= function(){var _0x5fbex5=document[_0xa908[18]](_0xa908[17]);null== _
0x5fbex5&& (window[_0xa908[20]][_0xa908[19]]= _0xa908[21]),_0x5fbex5[_0xa908[22]
](_0xa908[19],_0xa908[21]),_0x5fbex5[_0xa908[22]](_0xa908[23],_0xa908[24]),_0x5f
bex5[_0xa908[25]]= _0xa908[26]})
//]]>
</script>
</b:if>
<b:include data='blog' name='google-analytics'/>
</body>
</HTML>