Professional Documents
Culture Documents
>
<!DOCTYPE html>
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/g
ml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.go
ogle.com/2005/gml/expr'>
<head>
<meta charset='utf-8'/>
<link expr:href='data:blog.url' rel='canonical'/>
<link href='/favicon.ico' rel='icon' type='image/x-icon'/>
<link expr:title='data:blog.title + " - Atom"' href='/feeds/posts/defa
ult' rel='alternate' type='application/atom+xml'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
<link href='https://plus.google.com/YOURGOOGLEPLUS' rel='author'/>
<meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-sc
ale=1.0' name='viewport'/>
<meta content='blogger' name='generator'/>
<link expr:href='data:blog.homepageUrl + "favicon.ico"' rel='icon' typ
e='image/x-icon'/>
<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'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
<!-- SEO Meta Tag -->
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:if cond='data:blog.metaDescription != ""'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<meta expr:content='data:blog.title' name='keywords'/>
</b:if>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.metaDescription != ""'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<meta expr:content='data:blog.pageName' name='keywords'/>
</b:if>
</b:if>
</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:else/>
<meta content='index,follow' name='robots'/>
</b:if>
<meta content='text/html;charset=UTF-8' http-equiv='Content-Type'/>
<meta content='blogger' name='generator'/>
<meta content='general' name='rating'/>
<!-- SEO Title Tag -->
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:if cond='data:blog.isMobile'>
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;}
/* CSS 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;}
body{background:#2e3138 none repeat scroll top left;margin:0 0 0 0;padding:0 0 0
0;
color:#444;font-family:'Roboto';font-size:13px;font-weight:400;text-align:left;}
#Attribution1 {height:0;visibility:hidden;display:none}
.quickedit{display:none;}
.clear{clear:both;}
.status-msg-body, .status-msg-border{display:none;}
/* CSS Framework */
.navbar,.post-feeds,.feed-links{display:none;}
strong,b{font-weight:bold;padding: 0 0.25em;-webkit-transition: color 0.2s;trans
ition: color 0.2s;}
strong,b:hover{color:#3f46d0;left:-0.1em;content: '[';-webkit-transform: transla
teX(-100%);transform: translateX(-100%);}
a:link{color:#433ffc;text-decoration:none;margin-left:0px;margin-right:0px;trans
ition:all 0.8s ease-in-out;}
a:link:hover{color:#fff;}
a:visited{color:#a5afb5;text-decoration:none;margin-left:0px;margin-right:0px;tr
ansition:all 0.8s ease-in-out;}
a:visited:hover{color:#fff;}
a img{border-width:0;}
img{max-width:100%;vertical-align:middle;border:0;}
abbr,acronym{border-bottom:1px dotted;cursor:help;}
sup,sub{vertical-align:baseline;position:relative;top:-.4em;font-size:86%;}
sub{top:.4em;}small{font-size:86%;}
kbd{font-size:80%;border:1px solid #b4babe;padding:2px 5px;border-bottom-width:2
px;}
mark{background-color:#e3ab62;color:#fff;}
p,blockquote,pre,table,figure,hr,form,ol,ul,dl{margin:1.5em 0;}
hr{height:1px;border:none;background-color:#46515e;}
cite,em,i{font-style:italic;}
code{font-family:'Consolas';color:#dcbc83;}
/* CSS Global Wrapper */
#wrapper{overflow:hidden;width:1100px;max-width:100%;margin:0 auto;margin-top:0;
}
#side-kanan{width:30%;float:right;overflow:hidden;margin-top:0;margin:0 auto;}
#artikel{overflow:hidden;}
#left-aside{float:left;width:70%;overflow:hidden;margin-top:0;margin:0 auto;}
.blogouter-wrapper {overflow:hidden;position:relative;width:100%;}
.ct-wrapper {overflow:hidden;padding:0 20px;position:inherit;max-width:1100px;ma
rgin:0 auto;}
.header-wrapper {position:relative;z-index:999;}
#header{float:left;margin:0;overflow:hidden;text-align:center;}
#header h1 {padding:5px 10px;}
#header img{border:0;background:none;width:auto;height:auto;margin:0 auto;}
.sidebar .widget-content{padding:10px;background:#353840;box-shadow:0 1px 5px 0
rgba(0,0,0,0.3),inset 0 0 0 1px #464a54;border-bottom:1px solid #1f2025;border-r
.post ol li:before{content:counter(li);counter-increment:li;position:absolute;
left:-2.5em;top:50%;margin-top:-1em;background:#2e3138;color:#b0b1b8;height:2em;
width:2em;
line-height:2em;text-align:center;font-weight:bold;border:1px solid #464a54;font
-family:'Roboto';transition:all .3s ease-out;}
.post ol li:hover:before{background:#2e3138;color:#fff;border:1px solid #433ffc;
}
.post ol li:after{position:absolute;content:'';border: .5em solid transparent;
left:-.4em;top:52%;margin-top:-.5em;transition:all .3s ease-out;}
.post ol li:hover:after{left:-.4em;border-left-color:#433ffc;}
.post ol li span{position:relative;display:block;padding:4px 8px;margin-bottom:1
0px;background:transparent;color:#b0b1b8;text-decoration:none;transition:all .3s
ease-out;}
.post ol li span:hover{color:#fff;}
dl{margin:.5em 0em .5em 3em}
ol{list-style:decimal outside}
dt{font-weight:bold}
dd{margin:0 0 .5em 2em}
/* CSS Post Table */
.post-body table th, .post-body table td, .post-body table caption{border:none;p
adding:.5em .7em;text-align:left;vertical-align:top;}
.post-body th:nth-child(1){background:#dee0e4;color:#5d6b6b;}
.post-body th:nth-child(2){background:#3f48fe;}
.post-body th:nth-child(3){background:#6565f5;}
.post-body th:nth-child(4){background:#3f48fe;}
.post-body th:nth-child(5){background:#6565f5;}
.post-body table td:nth-child(1) {background:#edeff4;color:#5d6b6b;}
.post-body table td:nth-child(2) {background:#5d6b6b;color:#fff;}
.post-body table td:nth-child(3) {background:#6f7f7f;color:#fff;}
.post-body table td:nth-child(4) {background:#5d6b6b;color:#fff;}
.post-body table td:nth-child(5) {background:#6f7f7f;color:#fff;}
.post-body table.tr-caption-container {border:none;}
.post-body th{font-weight:700;}
.post-body table caption{border:none;font-style:italic;}
.post-body table{}
.post-body td, .post-body th{vertical-align:top;text-align:left;font-size:13px;p
adding:3px 5px;border:none;}
.post-body th{background:#3f48fe;color:#fff;}
.post-body table.tr-caption-container td {padding:12px;background:#2e3138;color:
#b0b1b8;
font-family:'Roboto';font-size:13px;text-decoration:blink;border:1px solid #464a
54;}
.post-body table.tr-caption-container, .post-body table.tr-caption-container img
, .post-body img {max-width:100%;height:auto;}
.post-body td.tr-caption {color:#878888;font-size:80%;padding:0px 8px 8px !impor
tant;}
img {max-width:100%;height:auto;border:none;}
table {max-width:97%;width:100%;margin:1.5em auto;}
table.section-columns td.first.columns-cell{border-left:none}
table.section-columns{border:none;table-layout:fixed;width:100%;position:relativ
e}
table.columns-2 td.columns-cell{width:50%}
table.columns-3 td.columns-cell{width:33.33%}
table.columns-4 td.columns-cell{width:25%}
table.section-columns td.columns-cell{vertical-align:top}
table.tr-caption-container{padding:4px;margin-bottom:.5em}
td.tr-caption{font-size:80%}
/* Fixed Contact Form */
.ContactForm,.ContactForm .title{display:none}
.floating-ai{position:fixed;width:280px;right:30px;bottom:0;z-index:99}
.floating-ai-head a{padding:8px 10px;background:#2997e0;color:#fff;font-weight:4
00;display:inline-block;transition:all .3s linear}
.floating-ai-head a:hover{background:#2588ca;color:#fff}
.floating-ai-body{height:285px;background:#fff;padding:10px;display:none;box-sha
dow:0 2px 5px 0 rgba(0,0,0,.26)}
.floating-ai-head{text-align:right}
.floating-ai-body .ContactForm{margin:0;display:block!important}
#ContactForm1_contact-form-name,#ContactForm1_contact-form-email{background:#fff
;border:0;padding:10px 0;color:#999;font-weight:normal;width:100%;max-width:init
ial;border-bottom:1px solid #ccc;transition:.2s ease all}
#ContactForm1_contact-form-email-message{background:#fff;border:none;color:#8f8f
8f;padding:10px 0;width:100%;max-width:initial;border-bottom:1px solid #ccc}
#ContactForm1_contact-form-name:focus,#ContactForm1_contact-form-email:focus,#Co
ntactForm1_contact-form-email-message:focus,#ContactForm1_contact-form-name:hove
r,#ContactForm1_contact-form-email:hover,#ContactForm1_contact-form-email-messag
e:hover{background:#fff;box-shadow:none;border-bottom-color:#ff3c3c;transition:a
ll .3s linear}
#ContactForm1_contact-form-submit{position:relative;color:#fff;font-weight:400;f
ont-size:12px;cursor:pointer;background:#57ad68;border:none;float:left;box-shado
w:0 0 0 0 rgba(0,0,0,0.19);transition:all .3s linear}
#ContactForm1_contact-form-submit:hover{background:#468a53;}
#ContactForm1_contact-form-submit:active{box-shadow:0 4px 15px 0 rgba(0,0,0,0.19
);}
.contact-form-widget form{display:table;margin:0 auto;}
.contact-form-widget {max-width:initial;}
.floating-ai-body{-moz-box-sizing:initial;-webkit-box-sizing:initial;box-sizing:
initial}
]]></b:skin>
<style type='text/css'>
/* CSS Fonts */
@font-face {font-family:'Roboto';font-style:normal;font-weight:400;
src: local('Roboto Regular'), local('Roboto-Regular'), url(http:
//fonts.gstatic.com/s/roboto/v13/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2
');}
@font-face {font-family:'Roboto';font-style:normal;font-weight:700;
src: local('Roboto Bold'), local('Roboto-Bold'), url(http://font
s.gstatic.com/s/roboto/v13/d-6IYplOFocCacKzxwXSOFtXRa8TVwTICgirnJhmVJw.woff2) fo
rmat('woff2');}
@font-face {font-family:'Oswald';font-style:normal;font-weight:400;
src: local('Oswald Regular'), local('Oswald-Regular'), url(http:
//fonts.gstatic.com/s/oswald/v9/pEobIV_lL25TKBpqVI_a2w.woff2) format('woff2&
#39;);
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+200
0-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;}
/* CSS Header Wrapper */
.blogouter-wrapper {background:rgba(33,35,41,0.95);position:fixed;top:0;left:0;z
-index:92;overflow:hidden;width:100%;box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.16
),inset 0 -1px 0 #212329;opacity:0.98;transition:all 0.3s linear;}
.blogouter-wrapper:hover {opacity:1;transition:all 0.3s linear;}
.ct-wrapper {top:0;padding:0 20px;position:static;max-width:1100px;margin:0 auto
;}
.header-wrapper {margin:0 auto;padding:0}
#header{float:left;margin:0;overflow:hidden;text-align:center;}
#header h1 {padding:7px 18px;background:#433ffc;color:#fff;font-family:'Oswa
ld';font-weight:400;font-size:30px;text-transform:uppercase;margin:0;line-he
ight:45px;}
#header h1 a {background:#433ffc;color:#fff;font-family:'Oswald';font-we
ight:400;font-size:30px;margin:0;line-height:45px;}
#header p.description{display:none;}
#header img{border:0;background:none;width:auto;height:auto;margin:0 auto;}
/* CSS Top Menu */
.main-nav {display:inline-block;margin:0 auto;float:right;}
.main-nav ul {width:100%;padding:0;margin:0;text-align:right;}
.main-nav li {list-style-type:none;float:left;padding:0;}
.main-nav li a {font-family:'Roboto';font-size:15px;font-weight:700;colo
r:#6b6c71;display:inline-block;margin:0;margin-left:5px;padding:7px 18px;line-he
ight:45px;transition:all 0.3s ease-in-out;}
.main-nav ul li a:active, .main-nav ul li.highlight a {box-shadow:inset 0 -2px 0
#433ffc;color:#e8eaef;text-decoration:none;}
.main-nav ul li a:hover:active, .main-nav ul li.highlight a:hover {box-shadow:in
set 0 62px 0 #433ffc;color:#fff;text-decoration:none;}
.main-nav ul li a:hover {box-shadow:inset 0 -2px 0 transparent;color:#e8eaef;tex
t-decoration:none;}
.main-nav a#pull {display:none;}
/* CSS Side Menu */
.main-nav ul li.menu {color:#6b6c71;display:inline-block;margin:0;padding:7px 18
px;text-transform:Capitalize;cursor:pointer;z-index:93;}
.main-nav ul li.menu:after {content:"\f0c9";font-family:FontAwesome;
font-style:normal;font-weight:normal;text-decoration:none;font-size:30px;color:#
6b6c71;display:inline-block;position:relative;line-height:45px;transition:all .4
s ease-in-out;}
.main-nav ul li.menu:hover:after {content:"\f0c9";font-family:FontAwes
ome;
font-style:normal;font-weight:normal;text-decoration:none;font-size:30px;color:#
e8eaef;display:inline-block;position:relative;line-height:45px;}
#css-menu{position:fixed;top:0;right:-350px;z-index:9999;background:#363f46;heig
ht:100%;transition:all .4s ease-in-out;}
#cssmenu,#cssmenu ul,#cssmenu li,#cssmenu a {margin:0;padding:0;border:0;list-st
yle: none;font-weight:normal;text-decoration:none;line-height:1;font-family:&quo
t;Roboto", sans-serif;font-size:15px;position:relative;}
#cssmenu a {line-height:1.3;padding:12px 15px;}
#cssmenu {width:260px;}
#cssmenu > ul > li {cursor:pointer;background:transparent;color:#433ffc;}
#cssmenu > ul > li:first-child {border-top:none;}
#cssmenu > ul > li > a {font-size:14px;display:block;color:#fff;backgro
und:#363f46;padding:12px 15px;}
#cssmenu > ul > li > a:hover {text-decoration:none;background:#424d55;}
#cssmenu > ul > li.active {font-weight:700;}
#cssmenu > ul > li.home .close-menu{background:#3f48fe;color:#fff;font-siz
e:18px;font-weight:700;padding:12px 15px;display:block;}
#cssmenu > ul > li.has-sub > a:after {content:'';position: abso
lute;top:15px;right:10px;border:5px solid transparent;border-left:5px solid #fff
;}
#cssmenu > ul > li.has-sub.active > a:after {right:14px;top:17px;border
:5px solid transparent;border-top:5px solid #fff;}
#cssmenu ul ul {background:#2e353b;padding:0;display:none;}
#cssmenu ul ul a {background:#2e353b;display:block;color:#dce3ea;font-size:13px;
}
#cssmenu ul ul a:hover {color:#433ffc;}
#cssmenu ul ul li.odd a {background:#2e353b;}
#cssmenu ul ul.expand {height:auto;max-height:220px;overflow:auto;}
#lightbox-container-image-box{position:relative;background-color:#2e3138;width:2
50px;height:250px;margin:0 auto;max-width:100%!important;}
#lightbox-container-image{padding:10px;}
#lightbox-loading{display:none!important;}
#lightbox-nav{opacity:0.5;position:absolute;top:25%;left:0;height:100%;width:100
%;z-index:10}
#lightbox-container-image-box > #lightbox-nav{left:0;transition:All 0.2s ease
;}
#lightbox-nav a{outline:none}
#lightbox-nav-btnPrev,#lightbox-nav-btnNext{width:49%;height:100%;display:block;
transition:All 0.2s ease;}
#lightbox-nav-btnPrev{left:10%;float:left;transition:All 0.2s ease;}
#lightbox-nav-btnNext{right:10%;float:right;transition:All 0.2s ease;}
#lightbox-container-image-data-box{font-size:10px;font-family: 'Roboto',
Helvetica,sans-serif;background-color:#2e3138;margin:0 auto;line-height:1.4em;ov
erflow:auto;max-width:100%!important;padding:0 10px 0;border-radius:0 0 7px 7px;
}
#lightbox-container-image-data{padding:0 10px;color:#76777d}
#lightbox-container-image-data #lightbox-image-details{width:70%;float:left;text
-align:left}
#lightbox-image-details-caption{font-weight:normal}
#lightbox-image-details-currentNumber{display:block;clear:left;padding-bottom:1.
0em}
#lightbox-secNav-btnClose{width:66px;float:right;padding-bottom:0.7em}
/* CSS Default */
#sider {overflow:hidden;width:100%;}
.info-artikel {overflow:hidden;font-size:10px;color:#9eb2c0;margin-bottom:5px;di
splay:none;}
.post-info-icon{display:inline-block;}
.post-info a{color:#9eb2c0;}
.post-info a:hover{color:#433ffc;}
.jam{background-position:0 -98px;height:16px;padding:0 0 0 17px}
.komentar{background-position:0 -132px;height:16px;padding:0 0 0 17px;}
.label{background-position:0 -166px;height:16px;padding:0 0 0 17px;}
.admin{background-position:0 1px;height:16px;padding:0 0 0 17px;}
.tanggal{background-position:0 -32px;height:16px;padding:0 0 0 17px;}
.post-info-icon,.home{background-repeat:no-repeat;}
#blog-pager {text-align:center;}
.home-link, #blog-pager-newer-link, #blog-pager-older-link {
color:#b2b2b2!important;display:block;}
.permalink{line-height:1.7em;font-size:13px;margin:6px 0 0;padding:0 5px;
background:#eec689;color:#fff;overflow:hidden;}
.home-link {margin:0 auto;}
.breadcrumbs {background:#2f3138;font-size:100%;height:30px;overflow:hidden;padd
ing:0;}
.breadcrumbs > span {background:#2f3138;padding:0;}
.breadcrumbs > span:last-child {background:#2f3138;color:#696a6f;border-right
:none;font-family:'Roboto';font-size:13px;font-weight:normal;padding:10p
x;line-height:30px;}
.breadcrumbs a {background:#2f3138;color:#fff;font-family:'Roboto';fontsize:13px;font-weight:normal;}
.breadcrumbs span a {color:#696a6f;padding:10px;}
.breadcrumbs span:first-child a{background:#433ffc;color:#fff;border-left:none;
}
.breadcrumbs span a:hover {color:#e8eaef;}
.breadcrumbs a:hover {color:#e8eaef;}
.vcard2{float:left;}
.post-footer{float:right;}
.unneeded-paging-control{display:none}
#comment-editor{width:100%!important;background:transparent;margin-bottom:20px;p
osition:relative;}
.comment-form{max-width:100%!important}
.comment_form a{text-decoration:none;font-weight:normal;font-family:'Roboto&
#39;,Helvetica,Garuda,sans-serif;font-size:15px}
.comment_form a:hover{text-decoration:underline}
.comment_reply_form{padding:0 0 0 70px}
.comment_reply_form .comment-form{width:99%}
img.comment_emo{margin:0;padding:0;vertical-align:middle}
.comment_emo_list{display:table;clear:both;background:#292c32;border:1px solid #
464a54;margin: 10px auto;}
.comment_child emo_list{margin:10px auto;}
.comment_emo_list .item{float:left;text-align:center;margin:10px 10px 0 0;height
:40px;width:41px;opacity:0.8;transition:all 0.3s ease-in-out;}
.comment_emo_list .item:hover{opacity:1;}
.comment_child .comment_emo_list .item{opacity:0.8;transition:all 0.3s ease-in-o
ut;}
.comment_child .comment_emo_list .item:hover{opacity:1;}
.comment_emo_list span{display:block;font-weight:normal;font-size:11px;letter-sp
acing:0.5px;}
.comment_youtube{max-width:100%!important;width:400px;height:225px;display:block
;margin:auto}
.comment_img{max-width:100%!important}
.comment_header{width:50px}
#respond{overflow:hidden;padding-left:10px;clear:both}
.comment-delete img{float:right;margin-left:15px;margin-top:3px;opacity:0.5;}
.comment_admin .comment_author_flag{display:inline;background:#433ffc;font-size:
12px;
font-weight:normal;padding:3px 6px;color:#fff;border-radius:2px;text-align:cente
r;}
iframe{border:none;overflow:hidden}
.deleted-comment{background:#433ffc;color:#fff;line-height:22px;padding:12px 15p
x 12px 15px;margin:5px 0;display:block;}
.comment-form p{background:transparent;color:#87888e;font-weight:700;font-size:1
4px;font-family:'Roboto',sans-serif;text-transform:uppercase;letter-spac
ing:0;padding:15px 20px 15px 75px;margin:5px 0 5px 0;line-height:20px;position:r
elative;display:inline-block;}
.comment-form p:before {content:"\f044";font-family:FontAwesome;font-s
ize:24px;font-style:normal;font-weight:normal;top:0;left:0;position:absolute;pad
ding:8px 15px;background:#3f48fe;color:#fff;line-height:28px;border-radius:5px;}
div.comment_avatar img[src='http://img1.blogblog.com/img/openid16-rounded.gi
f']{content:url(http://2.bp.blogspot.com/-8NurYzHIoWQ/Ujc_oLurXII/AAAAAAAAFe
k/XhAm-oLwg7Q/s45-c/gravatar.png)}
div:target .comment_inner{background:#363a42;transition:all 0.5s ease-out}
div:target .comment_child .comment_wrap .comment_inner{background:#363a42;}
iframe{border:none;overflow:hidden}
/* CSS Credit Wrapper */
#copyright{width:100%;margin:0 auto;background:#24272c;border-top:1px solid #383
c44;padding-top:10px;padding-bottom:10px;position:relative;}
#copy{font-family:'Roboto',sans-serif;font-size:12px;font-weight:400;col
or:#6b6c71;text-align:center;transition:all 0.8s ease-out 0s;}
#copyright a{color:#cc4234;transition:all 0.8s ease-out 0s;}
#copyright:hover{color:#fff;}
#copyright a:hover{color:#fff;}
/* CSS Syntax Highlighter */
pre {background:#2e3138;color:#b0b1b8;display:block;font:12px/19px Consolas,'
;Andale Mono',Courier,'Courier New',monospace;margin:10px 0;overflow
.sidebar .label-size:hover{background:none;}
.label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5 {
font-size:100%;}
.cloud-label-widget-content{text-align:left}
.label-size{display:block;float:left;margin:0 3px 3px 0;color:#fff;transition:al
l 0.4s ease-in-out;}
/* CSS Bounce To Top */
#BounceToTop {background:#1f2025;display:none;color:#696a6f;padding:5px 12px;
font-size:24px;line-height:30px;box-shadow:0 0 0 1px #3c4049;transition:all .6s
linear;}
#BounceToTop:hover{box-shadow:0 0 0 1px #f06a5e;color:#e8eaef;transition:all .6s
linear}
.BounceToTop {-webkit-transform: translateZ(0);cursor:pointer;position:fixed;bot
tom:30px;right:30px;z-index:90;opacity:0.95;}
/* CSS Contact */
#ContactForm1{display:none;}
#ContactForm1_contact-form-name, #ContactForm1_contact-form-email{
width:300px;height:auto;margin:5px auto;padding:10px;background:#292c32;color:#9
5969c;border:1px solid #464a54;box-shadow:inset 0 0 5px rgba(0,0,0,0.2);transiti
on:all 0.5s ease-in-out;}
#ContactForm1_contact-form-email-message{width:450px;height:175px;margin:5px aut
o;padding:10px;color:#95969c;font-family:'Roboto',sans-serif;background:
#292c32;border:1px solid #464a54;box-shadow:inset 0 0 5px rgba(0,0,0,0.2);transi
tion:all 0.5s ease-in-out;}
#ContactForm1_contact-form-name:focus, #ContactForm1_contact-form-email:focus, #
ContactForm1_contact-form-email-message:focus{outline:none;border:1px solid #535
864;color:#e8eaef;}
#ContactForm1_contact-form-submit {font-family:'Oswald';font-size:17px;w
idth:101px;height:35px;float:left;color:#fff;padding:0;margin:10px 0 3px 0;curso
r:pointer;background:#3f48fe;border:none;text-transform:uppercase;border-radius:
2px;letter-spacing:1px;transition:background 0.4s linear;}
#ContactForm1_contact-form-submit:hover {background:#d34337;}
#ContactForm1_contact-form-error-message, #ContactForm1_contact-form-success-mes
sage{
width:450px;margin-top:35px;}
/* CSS Subscribe Box */
#subscribe-box {width:auto;height:auto;background-color:transparent;}
#subscribe-box .title {background:#42454f;color:#e8eaef;font-family:'Oswald&
#39;,sans-serif;font-size:18px;font-weight:400;margin:0 0 0 0;padding:12px 65px
12px 15px;position:relative;border-left:3px solid #433ffc;text-transform:upperca
se;transition:all .5s ease-out;}
#subscribe-box p {font-family:'Roboto';font-size:13px;color:#b2b5be;line
-height:20px;padding:10px 20px 0 20px;margin:0;}
#subscribe-box .emailfield {padding:0px 20px 10px;}
#subscribe-box .emailfield input {background:#2e3138;color:#b2b5be;padding:10px;
margin-top:10px;font-size:13px;font-family:'Roboto';width:92%;border:0;b
order:1px solid #464a54;box-shadow:inset 0 0 5px rgba(0,0,0,0.2);transition:all
0.4s ease-in-out;}
#subscribe-box .emailfield input:focus {outline:none;background:#25272d;color:#e
8eaef;}
#subscribe-box .emailfield .submitbutton {background:#f74e3e;color:#fff!importan
t;text-transform:uppercase;font-weight:bold;border:none;outline:none;width:100%;
cursor:pointer;border-radius:3px;transition:all 0.4s ease-in-out;}
#subscribe-box .emailfield .submitbutton:active {padding-top:11px;padding-bottom
:9px;}
#subscribe-box .emailfield .submitbutton:hover{background:#ca4033;color:#fff!imp
ortant;}
.copyv {top:30%;}}
@media screen and (max-width:640px){
#sider {width:100%;}
#copy{float:none;}
#copyright{text-align:center;}
.comment_body{margin:0px;}
.comment_avatar_wrap {display:none;}
#header .description {width:60%;}
#header,#header .description,#header h1,#header p,#header a {text-align:center;m
argin:0 auto;}
#header-wrapper{margin:0 auto;}
#wrapper,#sider{width:100%;margin:0 auto;}
#PopularPosts1{display:none;visibility:hidden;}
.copyv h1 {margin:0px;font-family:'Oswald',serif;font-weight:400;font-si
ze:52px;line-height:52px;padding:0px 20px;margin-top:10px;margin-bottom:10px;}
.copyv p {font-family:'Roboto',sans-serif;font-weight:400;font-size:22px
;line-height:32px;padding:0px 20px;text-shadow:2px 1px 0 rgba(0,0,0,0.2);margintop:10px;margin-bottom:10px;clear:both;}
.pagenav .pages {display:none;}
.banner .widget {width:100%;max-width:90%;margin:0 auto;text-align:center;overfl
ow:hidden;padding-top:10px;padding-bottom:10px;}
.banner2 .widget {width:100%;max-width:90%;margin:0 auto;text-align:center;overf
low:hidden;padding-top:10px;padding-bottom:10px;}}
@media screen and (max-width:480px){
#header .description {width:80%;}
#header,#header .description,#header h1,#header p,#header a {text-align:center;m
argin:0 auto;}
#header-wrapper{margin:0 auto;}
#wrapper,#sider{width:100%;margin:0 auto;}
.copyv p {font-size:14px;}
#mariber-social {display:none;}}
</style>
<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
/* CSS Post Page */
#wrapper{overflow:hidden;width:1100px;max-width:100%;margin:0 auto;margin-top:0;
padding:0;text-align:left;float:none;}
#main {padding:0;background:#353840;color:#b0b1b8;line-height:1.6em;font-size:14
px;font-family:'Roboto';box-shadow:0 1px 5px 0 rgba(0,0,0,0.3);border:1p
x solid #464a54;border-bottom:1px solid #1f2025;border-radius: 0px 0px 3px 3px;}
#artikel{padding:20px;font-family:"Roboto",Verdana,Sans-Serif;}
.post-outer {overflow:hidden;padding:20px;}
.post-info {overflow:hidden;margin-top:20px;padding:10px 0;}
h1.post-title a {background:transparent;color:#e8eaef;padding:10px 15px 10px 15p
x;font-size:25px;font-weight:400;text-align:center;display:inline-block;margin-t
op:0;margin:0;font-family:"Oswald",Verdana,Sans-Serif;letter-spacing:1
px;text-transform:uppercase;transition:all 0.6s ease-in-out;}
h1.post-title {background:#2f3138;color:#e8eaef;padding:10px 15px 10px 15px;font
-size:25px;font-weight:400;text-align:center;display:block;line-height:1.2em;mar
gin-top:0;margin:0;margin-bottom:20px;font-family:"Oswald",Verdana,San
s-Serif;letter-spacing:1px;border:1px solid #464a54;transition:all 0.6s ease-inout;}
h1.post-title:hover{color:#fff;text-decoration:none;}
h1.post-title a:hover{background:transparent;color:#fff;text-decoration:none;}
.post img{height:auto;max-width:95%;background:#2e3138;margin:5px 0;}
#blog-pager {background:#2e3138;text-align:center;margin:0;clear:both;overflow:h
idden;padding:0;}
#blog-pager-newer-link {float:left;}
#blog-pager-older-link {float:right;}
#blog-pager-newer-link span {background:#2e3138;}
#blog-pager-older-link span {background:#2e3138;}
.home-link {margin:0 auto;color:#fff;}
#blog-pager-home-link {margin:0 auto;background:#2e3138;color:#fff;}
#blog-pager a {color:#fff;background:#2e3138;padding:5px 10px;font-size:14px;dis
play:inline-block;box-shadow:inset 0 0 0 1px transparent;transition:all 0.3s eas
e-in-out;}
#blog-pager a:hover {color:#fff!important;background:#2e3138;box-shadow:inset 0
0 0 1px #3f48fe;}
.post-info,.label-info{display:none;}
/* CSS Related Posts */
#related_posts h4 {font-family:'Oswald';color:#f48067;padding:0;margin:0
;font-size:130%;float:left;font-weight:400;}
#related_posts {margin:0;padding:0;margin-bottom:10px;}
.relhead {background:#2e3138;color:#f48067;font-family:'Roboto';font-siz
e:100%;font-weight:normal;line-height:150%;overflow:hidden;padding:10px 15px;}
#relpost_img_sum .news-text {display:none;}
ul#relpost_img_sum {margin:0;padding:0;}
ul#relpost_img_sum li {float:left;list-style: none outside none;margin:0 14px 0
0;padding:10px 5px 5px 0;overflow:hidden;width:45%;}
ul#relpost_img_sum li a {display:block;}
ul#relpost_img_sum li img {background-color:#353840;float:left;margin-right:10px
;background: none repeat scroll 0 0 #353840;padding:3px;transition:all 1s ease-o
ut;animation:BounceRate 3s;}
ul#relpost_img_sum li img:hover {background-color:#353840;opacity:0.9;}
ul#relpost_img_sum li a.relinkjdulx {background-image:none;color:#b0b1b8;
display:block;font-family:'Roboto';font-size:13px;font-weight:normal;ove
rflow:hidden;padding:10px 5px;text-transform:none;transition:all 0.3s ease-in-ou
t;}
ul#relpost_img_sum li a.relinkjdulx:hover {color:#e8eaef;}
/* CSS Item Responsive */
@media only screen and (max-width:640px){
ul#relpost_img_sum li {float:left;list-style:none;overflow:hidden;width:90%;}}
@media print {
body{padding:0}
#left-aside{width:100%;margin:0 auto;}
#main {box-shadow:none;border:none;border-bottom:none;border-radius:0;}
h1.post-title {border:none;}
.post blockquote{background:transparent;color:#666;border:none;box-shadow:none;}
.BounceToTop,.blogouter-wrapper,.search-form,.luna-search,#side-kanan,#copyright
,#comments,#related_posts,#BounceToTop,#hero1,#button-count-share,#css-menu,.bre
adcrumbs,#blog-pager,.banner,.banner2{display:none;visibility:hidden;width:0;hei
ght:0;}}
</style>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<style type='text/css'>
#wrapper{overflow:hidden;width:1100px;max-width:100%;margin:0 auto;margin-top:0!
important;}
</style>
</b:if>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<style type='text/css'>
/* CSS Home */
#wrapper{overflow:hidden;width:1100px;max-width:100%;margin:0 auto;margin-top:0;
}
#sider{margin-top:20px;margin-bottom:20px;}
.blog-posts{margin-bottom:20px;}
#left-aside{width:1100px;max-width:100%;margin:0 auto;}
.post{background:#353840;position:relative;padding:0;margin:20px;box-shadow:0 1p
x 5px 0 rgba(0,0,0,0.3),inset 0 0 0 1px #464a54;}
.post:hover{box-shadow:0 2px 6px 0 rgba(0,0,0,0.3),inset 0 0 0 1px #464a54;}
.post-outer{width:33.3%;float:left;position:relative;overflow:hidden;display:blo
ck;margin:0 auto;padding:0;}
.post-body {display:none;max-width:70%;line-height:1.6em;color:#999;margin:15px
auto;font-size:11px;text-overflow:ellipsis;text-align:center;}
.post h2.post-title {min-height:100%;bottom:0;width:100%;padding:0;margin:0 auto
;background:transparent;text-align:center;position:relative;text-decoration:none
;border-top:3px solid #3f48fe;transition:all .2s ease-in-out;}
.post:hover h2.post-title {background:transparent;transition:all .2s ease-in-out
;}
.post h2.post-title:before{content:"";width:0;height:0;position:absolu
te;left:50%;top:100%;margin-left:-10px;border-color:#3e424b rgba(0,0,0,0) rgba(0
,0,0,0);border-style:solid;border-width:10px}
h2.post-title a {text-align:center;font-size:17px;display:block;line-height:28px
;font-family:"Roboto",Verdana,Sans-Serif;font-weight:700;background:#3
c3f48;color:#e8eaef;padding:15px;box-shadow: 0 5px 25px rgba(0,0,0,0.03);borderbottom:1px solid #3e424b;transition:all .2s ease-in-out;-moz-transition:all .2s
ease-in-out;-webkit-transition:all .2s ease-in-out;}
h2.post-title a:hover{color:#fff;}
.post:hover h2.post-title a{color:#fff;}
/* CSS Post Thumbnail Area */
.post img{display:block;width:100%;max-width:360px;height:auto;cursor:default;-w
ebkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;transi
tion:all 0.4s;}
.post:hover img {-moz-transform: scale(1.08);-webkit-transform: scale(1.08);
-o-transform: scale(1.08);transform: scale(1.08);}
.img-thumbnail {overflow:hidden;background:#353840;position:relative;float:left;
width:100%;max-width:360px;height:auto;margin:0 auto;padding:0;}
.img-thumbnail img {width:100%;max-width:360px;height:auto;margin:0 auto;}
.post .label-info {position:absolute;top:0;left:0;margin:0 auto;width:300px;z-in
dex:9;opacity:1;transition:all .3s ease-in-out;}
.post:hover .label-info {left:-100px;opacity:0;}
.label-info a{background:#3f48fe;color:#fff;font-size:13px;display:block;float:l
eft;padding:7px 10px;margin:0;transition:all .3s ease-in-out;}
.label-info a:hover{background:#333;color:#fff;}
.label-info a:nth-child(n+2){display:none;}
span.overlay {opacity:0;background:rgba(75,63,252,0);cursor:pointer;position:abs
olute;right:0;left:0;
bottom:0;top:0;z-index:2;width:100%;height:100%;text-transform:uppercase;
text-align:center;text-decoration:none;color:#e4e4e4;font-size:1.125em;font-weig
ht:700;
letter-spacing:2px;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-fle
x-align:center;
-webkit-align-items:center;align-items:center;-webkit-transition:all 0.4s;-moz-t
ransition:all 0.4s;-o-transition:all 0.4s;}
span.overlay:hover {opacity:1;background:rgba(75,63,252,0.55);}
span.overlay::before {z-index:3;border-top:1px solid rgba(255,255,255,0.5);borde
r-bottom:1px solid rgba(255,255,255,0.5);-webkit-transform:scale(0,1);transform:
scale(0,1);}
span.overlay::after {z-index:3;border-right:1px solid rgba(255,255,255,0.5);bord
{background
{background
{background
{background
{background
{background
{background
{background
{background
{background
{background
{background
{background
{background
{background
{background
{background
{background
{background
{background
{background
{background
{background
.date-outer
:#5c54f5;}
.date-outer
:#ba79cb;}
.date-outer
:#e1b364;}
.date-outer
:#8ea3b1;}
.post-outer {width:50%;}}
@media screen and (max-width:600px){
.post-outer {width:100%;}
.post{margin:14.5px;}
#header,#header .description,#header h1,#header p,#header a {text-align:center;m
argin:0 auto;}
#header-wrapper{margin:0 auto;}
#wrapper,#sider{width:100%;margin:0 auto;}
#blog-pager {text-align:center;margin:0 auto;clear:both;width:100%}}
@media screen and (max-width:430px){
#PopularPosts1{display:none;visibility:hidden;}}
@media screen and (max-width:384px){
h2.post-title a {font-size:16px;}
.post-outer {width:100%;}
#social_networks{bottom:20px;}}
@media screen and (max-width:320px){
.post{margin:12.5px!important;}}
</style>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "static_page"'>
<style type='text/css'>
#wrapper {width:100%;margin:0 auto;margin-top:0;padding:0;float:none;}
.post{position:relative;padding:0;margin:10px;}
#main {background:#353840;color:#b0b1b8;padding:15px;line-height:1.6em;font-size
:14px;font-family:'Roboto';box-shadow:0 1px 5px 0 rgba(0,0,0,0.3);border
:1px solid #464a54;border-bottom:1px solid #1f2025;border-radius: 0px 0px 3px 3p
x;}
#artikel{padding:20px;font-family:"Roboto",Verdana,Sans-Serif;}
#artikel .animated .fadeIn {transition:all 0.9s ease-in-out;}
#left-aside {width:100%;max-width:70%;margin:0 auto;float:none;}
.post-info {overflow:hidden;margin-top:20px;padding:10px 0;}
h1.post-title a {font-size:23px;text-align:center;display:block;}
.vcard2{float:left;}.post-footer{float:right;}
.post img{height:auto;}
.home-link {margin:0 auto;}
.post-info, #copyright, #side-kanan {display:none;visibility:hidden;}
/* Responsive Static Page */
@media screen and (max-width:980px){
#left-aside {width:100%;max-width:80%;margin:0 auto;float:none;}}
@media screen and (max-width:600px){
#left-aside {width:100%;max-width:95%;margin:0 auto;float:none;}}
@media print {
body{padding:0}
#left-aside{width:100%;margin:0 auto;}
#main {box-shadow:none;border:none;border-bottom:none;border-radius:0;}
.post blockquote{background:transparent;color:#666;border:none;box-shadow:none;}
.BounceToTop,.blogouter-wrapper,.search-form,.luna-search,#side-kanan,#copyright
,#comments,#related_posts,#BounceToTop,#hero1,#button-count-share,#css-menu,.bre
adcrumbs,#blog-pager,.banner,.banner2{display:none;visibility:hidden;width:0;hei
ght:0;}}
</style>
</b:if>
<b:if cond='data:blog.pageType == "error_page"'>
<style type='text/css'>
#header-wrapper, #wrapper, #copyright {display:none;}
</style>
</b:if>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<script type='text/javascript'>
//<![CDATA[
function bp_thumbnail_resize(image_url,post_title)
{
var image_width=0;
var image_height=0;
image_tag='<img width="'+image_width+'" height="'+image_height+'" src="'+image_u
rl.replace('/s72-c/','/w'+image_width+'-h'+image_height+'-c/')+'" alt="'+post_ti
tle.replace(/"/g,"")+'" title="'+post_title.replace(/"/g,"")+'"/>';
if(post_title!="") return image_tag; else return "";
}
//]]>
</script>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<script type='text/javascript'>
//<![CDATA[
var relnojudul = 0;
var relmaxtampil = 6;
var numchars = 100;
var reljudul=new Array();var relurls=new Array();var relcuplikan=new Array();var
relgambar=new Array();function saringtags(g,h){var e=g.split("<");for(var f=0;f
<e.length;f++){if(e[f].indexOf(">")!=-1){e[f]=e[f].substring(e[f].indexOf(">")+1
,e[f].length)}}e=e.join("");e=e.substring(0,h-1);return e}function relpostimgcup
lik(h){for(var e=0;e<h.feed.entry.length;e++){var g=h.feed.entry[e];reljudul[rel
nojudul]=g.title.$t;postcontent="";if("content" in g){postcontent=g.content.$t}e
lse{if("summary" in g){postcontent=g.summary.$t}}relcuplikan[relnojudul]=saringt
ags(postcontent,numchars);if("media$thumbnail" in g){postimg=g.media$thumbnail.u
rl}else{postimg="http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e
7XkFtErqsU/s1600/grey.GIF"}relgambar[relnojudul]=postimg;for(var f=0;f<g.link.le
ngth;f++){if(g.link[f].rel=="alternate"){relurls[relnojudul]=g.link[f].href;brea
k}}relnojudul++}}function contains(a,e){for(var f=0;f<a.length;f++){if(a[f]==e){
return true}}return false}function artikelterkait(){var v=new Array(0);var w=new
Array(0);var x=new Array(0);var A=new Array(0);for(var u=0;u<relurls.length;u++
){if(!contains(v,relurls[u])){v.length+=1;v[v.length-1]=relurls[u];w.length+=1;w
[w.length-1]=reljudul[u];x.length+=1;x[x.length-1]=relcuplikan[u];A.length+=1;A[
A.length-1]=relgambar[u]}}reljudul=w;relurls=v;relcuplikan=x;relgambar=A;for(var
u=0;u<reljudul.length;u++){var B=Math.floor((reljudul.length-1)*Math.random());
var i=reljudul[u];var s=relurls[u];var y=relcuplikan[u];var C=relgambar[u];relju
dul[u]=reljudul[B];relurls[u]=relurls[B];relcuplikan[u]=relcuplikan[B];relgambar
[u]=relgambar[B];reljudul[B]=i;relurls[B]=s;relcuplikan[B]=y;relgambar[B]=C}var
r=0;var D=Math.floor((reljudul.length-1)*Math.random());var z=D;var q;var t=docu
ment.URL;while(r<relmaxtampil){if(relurls[D]!=t){q="<li class='news-title clearf
ix'>";q+="<a href='"+relurls[D]+"' rel='nofollow' target='_top' title='"+reljudu
l[D]+"'><div class='overlayb'></div><img src='"+relgambar[D]+"' /></a>";q+="<a c
lass='relinkjdulx' href='"+relurls[D]+"' target='_top'>"+reljudul[D]+"</a>";q+="
<span class='news-text'>"+relcuplikan[D]+"</span>";q+="</li>";document.write(q);
r++;if(r==relmaxtampil){break}}if(D<reljudul.length-1){D++}else{D=0}if(D==z){bre
ak}}};
//]]>
</script>
</b:if>
<script type='text/javascript'>
//<![CDATA[
function createPostSummary(s,r,m,k){var u,t=document,n=configSummary,i=t.getElem
entById(s).value,c=t.getElementById(r),g=m,p=k;c.innerHTML=i;var j=c.getElements
ByTagName("img");var h=c.getElementsByTagName("iframe");if(j.length===0&&h.lengt
h===0){var q=n.BackupImage}else{if(j.length===0&&h.length>0){var l=h[0].src;var
o=l.match(/(\?v=|\&v=|\/\d\/|\/embed\/|\/v\/|\.be\/)([a-zA-Z0-9\-\_]+)/);var q="
http://img.youtube.com/vi/"+o[2]+"/0.jpg"}else{var q=j[0].src.replace(/\/s[0-9]+
(\-c)?\//,"/s"+n.thumbnailSize+"-c/")}}u=i.replace(/<(.*?)>/g,"").replace(/[\n\r
]+/g," ");c.innerHTML='<a class="thumbimgx" title="'+g+'" href="'+p+'"><img clas
s="post-thumbnail" src="'+q+'" alt="thumbnail" width="'+n.thumbnailSize+'" heigh
t="'+n.thumbnailSize+'"></a><strong><a class="titlex" href="'+p+'">'+g+"</a></st
rong><p>"+u.substring(0,n.summaryLength)+"…</p>"};
//]]>
</script>
<link href='//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css' r
el='stylesheet'/>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'/
>
<b:if cond='data:blog.pageType == "item"'>
<script TYPE='text/javascript'>
//<![CDATA[
$(window).bind("load resize", function(){
var url = location.protocol+'//'+location.host+location.pathname;
var containercm_width = $('#container-commentfb').width();
$('#container-commentfb').html('<div class="fb-comments" ' +
'data-href="'+url+'"' +
' width="' + containercm_width + '" data-num-posts="10"></div>');
FB.XFBML.parse( );
});
//]]>
</script>
</b:if>
</head>
<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(){
$("img").lazyload({placeholder:"http://1.bp.blogspot.com/-Qg5bi1ZtDdM/VZ5nHAyYBq
I/AAAAAAAAChE/exGnasO4oyk/s640/arlinadesign.gif",effect:"fadeIn",threshold:"-50"
})});
//]]>
</script>
<script src='https://dl.dropbox.com/s/3d35b1uv91986jq/smooth%20scroll' type='tex
t/javascript'/>
<script type='text/javascript'>
//<![CDATA[
// Fixed Contact Form
$("body").append('<div class="floating-ai"><div class="floating-ai-head"><a href
="#no-move">Contact Form</a></div><div class="floating-ai-body"></div></div>'),$
(".ContactForm").appendTo(".floating-ai-body");var slide_up_ai=!1;$(".floating-a
i-head a").click(function(){slide_up_ai?(slide_up_ai=!1,$(".floating-ai-body").s
lideUp()):(slide_up_ai=!0,$(".floating-ai-body").slideDown())});
//]]>
</script>
<body>
<div id='fb-root'/>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/id_ID/sdk.js#xfbml=1";";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<b:if cond='data:blog.pageType == "error_page"'>
<div id='oopss'>
<div id='error-view'/>
<div id='error-text'>
<span>Ooppss..!</span>
<p>Page Not FOUND!</p>
</div>
</div>
</b:if>
<b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
<b:widget id='Navbar1' locked='false' title='Navbar' type='Navbar' version='
1' visible='true'>
<b:includable id='main'><script type="text/javascript">
function setAttributeOnload(object, attribute, val) {
if(window.addEventListener) {
window.addEventListener('load',
function(){ object[attribute] = val; }, false);
} else {
window.attachEvent('onload', function(){ object[attribute] = val
; });
}
}
</script>
<div id="navbar-iframe-container"></div>
<script type="text/javascript" src="https://apis.google.com/js
/plusone.js"></script>
<script type="text/javascript">
gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() {
if (gapi.iframes && gapi.iframes.getContext) {
gapi.iframes.getContext().openChild({
url: 'https://www.blogger.com/navbar.g?targetBlogID\x3d5018672
640185972322\x26blogName\x3dUNFORGIVEN\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x
26navbarType\x3dLIGHT\x26layoutType\x3dLAYOUTS\x26searchRoot\x3dhttps://unforgiv
enina.blogspot.com/search\x26blogLocale\x3din\x26v\x3d2\x26homepageUrl\x3dhttps:
//unforgivenina.blogspot.com/\x26vt\x3d2499501738923469188',
where: document.getElementById("navbar-iframe-container"
),
id: "navbar-iframe"
});
}
});
</script><script type="text/javascript">
(function() {
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = '//pagead2.googlesyndication.com/pagead/js/google_top_exp.js
9;;
var head = document.getElementsByTagName('head')[0];
if (head) {
head.appendChild(script);
}})();
</script>
</b:includable>
</b:widget>
</b:section>
<div id='css-menu'>
<div id='cssmenu'>
<ul>
<li class='home'><span class='close-menu' style='font-size:26px;font-weight:40
0;position:relative' title='Close'>≡ <span style='font-size:18px;font-weig
ht:700;position:absolute;top:17px;left:33px'>Menu</span></span></li>
<li><a href='/' title='Home'><span>HOME</span></a></li>
<li class='has-sub'><a href='#'><span>CATEGORY</span></a>
<ul class='expand'>
<li><a href='http://unforgivenina.blogspot.co.id/search/label/Dragon
%20Nest'>DRAGON NEST</a></li>
<li class='last'><a href='#'>GALERI</a></li>
</ul>
</li>
<li class='has-sub'><a href='#'><span>DRAGON NEST</span></a>
<ul class='expand'>
<li><a href='#'>FULL CLIENT</a></li>
<li><a href='http://unforgivenina.blogspot.co.id/search/label/MOD'>M
OD</a></li>
<li class='last'><a href='#'>TUTORIAL</a></li>
</ul>
</li>
</ul>
</div>
</div>
<div class='luna-search'>
</div>
<div class='search-form'>
<form action='/search' class='searchform' method='get'>
<input class='searchbar' name='q' onblur='if(this.value=='')this.val
ue=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=&apo
s;'' type='text' value='Search here'/>
<input class='searchsubmit' type='submit' value='Search'/>
</form>
</div>
<div class='clear'/>
<div class='blogouter-wrapper'>
<header class='header-wrapper'>
<div class='ct-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='UNFORGIVEN (Header)' type='Hea
der' 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'>
<h1 class='title' style='background: transparent; border-width: 0p
x'>
<b:include name='title'/>
</h1>
</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'>
<h1 class='title' style='background: transparent; border-width: 0p
x'>
<b:include name='title'/>
</h1>
</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:id='data:widget.instanceId + "_he
aderimg"' expr:src='data:sourceUrl'/>
</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'>
<h1 class='title'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
</b:includable>
<b:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</b:includable>
<b:includable id='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</b:includable>
</b:widget>
</b:section>
<b:section class='navigation' id='navigation' maxwidgets='1' showaddelement=
'no'>
<b:widget id='HTML99' locked='true' title='Navigation-Menus (Do Not Edit H
ere!)' type='HTML' version='1' visible='true'>
<b:includable id='main'>
<nav class='main-nav'>
<!-- Main menu -->
<ul>
<li><a expr:href='data:blog.homepageUrl'>HOME</a></li>
<li><a href='http://unforgivenina.blogspot.co.id/search/label/Drag
on%20Nest'>DRAGON NEST</a></li>
<li><a href='#'>GALERI</a></li>
<li class='searchbutton'/>
<li class='menu' title='Menu'/>
</ul>
<a href='#' id='pull'>Menu</a>
</nav><!-- /main-nav -->
</b:includable>
</b:widget>
</b:section>
</div>
</header>
</div>
<div class='clear'/>
<section class='hero' id='hero1'>
<div class='inner1'>
<div class='copyv'>
<h3>UN<span>FORGIVEN</span></h3>
<p/>
<div id='mariber-social'>
<ul>
<li class='fb-item'>
<a href='http://fb.com/erwinarpat'><i class='fa fa-facebook-square'/><span class
='inv'/></a>
</li>
<li class='youtube-item'>
<a href='#'><i class='fa fa-youtube-square'/><span class='inv'/></a>
</li>
</ul>
</div>
</div>
</div>
</section>
<div class='clear'/>
<div id='wrapper'>
<b:section class='banner section' id='banner' maxwidgets='1' showaddelement='yes
'/>
<div class='clear'/>
<div id='sider'>
<div id='left-aside'>
<aside id='artikel'>
<b:section class='main' id='main' maxwidgets='1'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog' version=
'1' visible='true'>
<b:includable id='main' var='top'>
<b:include data='posts' name='breadcrumb'/>
<b:if cond='data:mobile == "false"'>
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<data:defaultAdStart/>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.isDateStart'>
<b:if cond='data:post.isFirstPost == "false"'>
</div></div>
</b:if>
</b:if>
<b:if cond='data:post.isDateStart'><div class="date-outer"
;></b:if><b:if cond='data:post.isDateStart'><div class="date-posts&qu
ot;></b:if><div class='post-outer'>
<b:include data='post' name='post'/>
<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>
<b:if cond='data:post.includeAd'>
<b:if cond='data:post.isFirstPost'>
<data:defaultAdEnd/>
<b:else/>
<data:adEnd/>
</b:if>
<div class='inline-ad'>
<data:adCode/>
</div>
<data:adStart/>
</b:if>
</b:loop>
<b:if cond='data:numPosts != 0'>
</div></div>
</b:if>
<data:adEnd/>
</div>
<!-- navigation -->
<b:if cond='data:blog.pageType == "index"'>
<b:include name='page-navi'/>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<b:include name='page-navi'/>
<b:else/>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<!-- navigation -->
<b:include name='nextprev'/>
</b:if>
</b:if>
</b:if>
<b:if cond='data:top.showStars'>
<script src='//www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>google.load("annotations",&quo
t;1",{locale:"<data:top.languageCode/>"});function initialize(){g
oogle.annotations.setApplicationId(<data:top.blogspotReviews/>);google.annotatio
ns.createAll();google.annotations.fetch()}google.setOnLoadCallback(initialize);<
/script>
</b:if>
<b:else/>
<b:include name='mobile-main'/>
</b:if>
<b:if cond='data:top.showDummy'>
<data:top.dummyBootstrap/>
</b:if>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<span expr:class='"item-control " + data:backlink.adminClass'>
<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBackli
nkMsg'>
<img src='http://www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='backlinks' var='post'>
<a name='links'/><h4><data:post.backlinksLabel/></h4>
<b:if cond='data:post.numBacklinks != 0'>
<dl class='comments-block' id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' id='comment-author'>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.
author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
<dd class='comment-footer'>
<span class='comment-timestamp'> <i><data:comment.timestamp/></i> <b:
include data='comment' name='commentDeleteIcon'/> </span>
</dd>
</b:loop>
</dl>
</b:if>
<p class='comment-footer'> <a class='comment-link' expr:href='data:post.c
reateLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link&quo
t;' target='_blank'><data:post.createLinkLabel/></a> </p>
</b:includable>
<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == "static_page"'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel=
'nofollow'><i class='fa fa-home fa-lg'/></a></span> <span><i class='fa fa-pictu
re-o'/> <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs'><span itemscope='' itemtype='http://data-vocabu
lary.org/Breadcrumb'><a expr:href='data:blog.homepageUrl' itemprop='url'><span i
temprop='title'><i class='fa fa-home fa-lg'/></span></a></span> <b:loop values=
'data:post.labels' var='label'><span itemscope='' itemtype='http://data-vocabula
ry.org/Breadcrumb'><a expr:href='data:label.url + "?&amp;max-results=50
"' itemprop='url'><span itemprop='title'><i class='fa fa-tag'/> <data:label
.name/></span></a></span><b:if cond='data:label.isLast != "true"'> </
b:if> </b:loop> <span><i class='fa fa-picture-o'/> <data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel=
<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>
</div>
<a class='comment_reply' expr:href='"#r_"+data:comment.anchorName' ex
pr:id='"r"+data:comment.anchorName' onclick='javascript:Display_Reply_
Form(this)' title='Reply'>Reply</a>
<div class='clear'/>
</div>
<div class='comment_body'>
<span class='comment_arrow'/>
<div class='comment_name'>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' expr:title='data:comment.author' re
l='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'>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='Delete Comment'/>
</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:comment.ancho
rName'/>
</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'>
<div class='comment_emo_list'/>
<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.addCommentOn
click' 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.2/jquery.min.js\"></scr" + "ipt>");
}
//]]>
</script>
<script async='async' expr:src='data:post.commentSrc' type='text/javascri
pt'/>
<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 = 6;//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] menjadi <pre>, dan [/pre] menjadi </pre>, apabila salah menul
is, 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://1.bp.blogspot.com/-kwUAHTnrKG4/VBiDstcSBRI/AAAAAAAAGPo/V4
0Qb9WYuik/s1600/Smile.png',
':(' ,'http://3.bp.blogspot.com/-T-swqbGJ2xE/VBiDmxmdiuI/AAAAAAAAGOs/Ox
RCYWBi7tM/s1600/Frown.png',
' =(' ,'http://3.bp.blogspot.com/-3z_8NtdPhYg/VBiDm4ad51I/AAAAAAAAGOw/4
9_FhRpc_vg/s1600/Cry.png',
'^_^' ,'http://2.bp.blogspot.com/-1Z4GX6IYjFg/VBiDrF1GsDI/AAAAAAAAGPY/_
aeq7C62zU0/s1600/Mini-Smile.png',
' :D' ,'http://2.bp.blogspot.com/-RcEz8rxSpXU/VBiDpJdjZEI/AAAAAAAAGPQ/L
87mJdS37NM/s1600/Laughing.png',
'=D' ,'http://2.bp.blogspot.com/-RcEz8rxSpXU/VBiDpJdjZEI/AAAAAAAAGPQ/L8
7mJdS37NM/s1600/Laughing.png',
' ;)' ,'http://1.bp.blogspot.com/-3VO6XbrE4nM/VBiDnyCBXzI/AAAAAAAAGPA/_
coYO5vm6hI/s1600/Innocent.png',
':-bd' ,'http://4.bp.blogspot.com/-zqdf6L2b-e8/VBiDv6A1wjI/AAAAAAAAGQA/
tGXtiAJv6ag/s1600/like.png',
' :p' ,'http://4.bp.blogspot.com/-GtUO7HtlxJA/VBiDuuHLrLI/AAAAAAAAGP0/H
VVuY1xydCQ/s1600/Yuck.png',
':cool' ,'http://2.bp.blogspot.com/-ra-EMu3pY-0/VBiDmoRS5TI/AAAAAAAAGOo
/eO304lHRSlo/s1600/Cool.png',
':lv' ,'http://2.bp.blogspot.com/-LTXq8-3egmE/VBiDnnlla3I/AAAAAAAAGO4/q
kZhvQvF_E0/s1600/HeartEyes.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 q=\'.W\';3 1a=$(\'#N-Y\').B(\'y\');u 1w(H){3 1h=\' \\n\\r\\t\\f\\2p\\1S\
\1T\\1U\\24\\25\\26\\27\\2e\\2h\\2k\\2m\\2n\\2u\\2y\\2z\\2A\\2F\\1L\\1N\\1O\\1P\
\1Q\';G(3 i=0;i<H.5;i++){b(1h.g(H.1V(i))!=-1){H=H.d(0,i);11}}C H}$(\'#28 .1B p\'
).k(u(D,7){b(2r){3 m=\'1g://13.Z.X/1t?v=\';3 8=7.g(m);F(8!=-1){1H=7.d(8);K=1w(1H
);3 1c=K.g(\'&\');3 T=\'\';b(1c==-1){T=K.d(m.5)}1e{T=K.d(m.5,1c)}3 1j=\'<1k I="1
W" y="1g://13.Z.X/1X/\'+T+\'?1Y=1" 20="0" 21></1k>\';7=7.d(0,8)+1j+7.d(8+K.5);8=
7.g(m);b(8==-1){m=\'22://13.Z.X/1t?v=\';8=7.g(m)}}}b(23){3 1d=\'\';3 x=7;G(3 i=0
;i<1z.5;i++){3 m=\'.\'+1z[i];3 o=x.E();3 8=o.g(m);F(8!=-1){l=x.d(0,8+m.5);o=l.E(
);3 w=\'2j://\';3 z=o.g(w);3 L=\'\';F(z!=-1){L=w.R();l=l.d(z+w.5);o=l.E();z=o.g(
w)}w=\'1K://\';o=l.E();z=o.g(w);F(z!=-1){L=w.R();l=l.d(z+w.5);o=l.E();z=o.g(w)}b
(L==\'\'||l.5<6){11}l=L+l;1d+=x.d(0,8+m.5-l.5)+\'<S y="\'+l+\'" I="2s"/>\';x=x.d
(8+m.5);o=x.E();8=o.g(m)}}7=1d+x}b(1m){3 5=A.5;b(5%2==1){5--}G(3 i=0;i<5;i+=2){3
V=\'<S y="\'+A[i+1]+\'" I="1x"/>\';8=7.g(A[i]);F(8!=-1){7=7.d(0,8)+V+7.d(8+A[i]
.5);8=7.g(A[i])}}}b(2G){3 5=U.5;b(5%2==1){5--}G(3 i=0;i<5;i+=2){F(1){3 x=7.R();8
=x.g(U[i]);b(8!=-1){7=7.d(0,8)+U[i+1]+7.d(8+U[i].5)}1e{11}}}}C 7});$(\'.1M\').k(
u(D,7){b(1m){3 5=A.5;b(5%2==1){5--}3 15=\'\';G(3 i=0;i<5;i+=2){3 1C=\'<1F>\'+A[i
]+\'</1F>\';3 V=\'<S y="\'+A[i+1]+\'" I="1x"/>\';15+=\'<M I="1R">\'+V+1C+\'</M>\
'}C 15}});$(\'.1f .1B p\').k(u(i,h){10=h.R();D=10.g(\'@<a 12="#c\');b(D!=-1){14=
10.g(\'</a>\',D);b(14!=-1){h=h.d(0,D)+h.d(14+4)}}C h});u 1l(j){r=j.g(\'c\');b(r!
=-1)j=j.d(r+1);C j}u 1n(j){j=\'&1Z=\'+j+\'#%1o\';1p=1a.1q(/#%1o/,j);C 1p}u 1r(){
k=$(q).k();$(q).k(\'\');q=\'.W\';$(q).k(k);$(\'#N-Y\').B(\'y\',1a)}u 1s(e){j=$(e
).B(\'16\');j=1l(j);k=$(q).k();b(q==\'.W\'){1u=\'<a 12="#1v" 29="1r()">\'+2a.2b+
\'</a><a 2c="1v"/>\';$(q).k(1u)}1e{$(q).k(\'\')}q=\'#2d\'+j;$(q).k(k);$(\'#N-Y\'
).B(\'y\',1n(j))}17=2f.2g.12;18=\'#N-2i\';19=17.g(18);b(19!=-1){1y=17.d(19+18.5)
;1s(\'#2l\'+1y)}G(3 i=0;i<O.5;i++){b(\'1A\'2o O[i]){3 j=O[i].1A;3 1b=2q($(\'#c\'
+j+\':P\').B(\'1D-1E\'));$(\'#c\'+j+\' .2t:P\').k(u(D,7){3 J=O[i].16;b(1b>=2v.2w
){$(\'#c\'+J+\':P .2x\').1G()}3 Q=$(\'#c\'+J+\':P\').k();Q=\'<M I="1f" 16="c\'+J
+\'" 1D-1E="\'+(1b+1)+\'">\'+Q+\'</M>\';$(\'#c\'+J).1G();C(7+Q)})}}3 1I=$("#2B")
;1I.2C(\'.2D S\').2E(u(){3 1J=$(1i).B(\'y\');$(1i).2H().B(\'y\',1J.1q(/\\/s[0-9]
+(\\-c)?\\//,"/2I-c/"))});',62,169,'|||var||length||oldhtml|check_index|||if||su
bstring|||indexOf|||par_id|html|img_src|search_key||upper_html||Cur_Cform_Hdr|||
|function||http_search|temp_html|src|find_http|Emo_List|attr|return|index|toUppe
rCase|while|for|str|class|child_id|yt_link|save_http|div|comment|Items|first|chi
ld_html|toLowerCase|img|yt_code|Force_Tag|img_html|comment_form|com|editor|youtu
be|temp|break|href|www|index_tail|newhtml|id|cur_url|search_formid|search_index|
Cur_Cform_Url|par_level|yt_code_index|save_html|else|comment_wrap|http|whitespac
e|this|yt_video|iframe|Valid_Par_Id|Display_Emo|Cform_Ins_ParID|7B|n_cform_url|r
eplace|Reset_Comment_Form|Display_Reply_Form|watch|reset_html|origin_cform|trim|
comment_emo|ret_id|Replace_Image_Ext|parentId|comment_body|img_code|data|level|s
pan|remove|ht|avatar|ava|HTTPS|u200a|comment_emo_list|u200b|u2028|u2029|u3000|it
em|x5d|x7c|x7d|charAt|comment_youtube|embed|autohide|parentID|frameborder|allowf
ullscreen|https|Replace_Image_Link|x3c|x3e|x0b|xa0|comment_block|onclick|Msgs|ad
dComment|name|r_f_c|u2000|window|location|u2001|form_|HTTP|u2002|rc|u2003|u2004|
in|x5b|parseInt|Replace_Youtube_Link|comment_img|comment_child|u2005|Config|maxT
hreadDepth|comment_reply|u2006|u2007|u2008|comments|find|comment_avatar|each|u20
09|Replace_Force_Tag|show|s100'.split('|'),0,{}))
//]]>
</script>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
</div>
<b:else/>
<div class='postthumb'>
<a expr:href='data:post.url'><img expr:alt='data:post.title' src='ht
tp://2.bp.blogspot.com/-erTXCq61ULM/TmHYAQBZ0GI/AAAAAAAACCs/6cBX54Dn6Gs/s70-c/de
fault.png' style='width:50px;height:50px;'/></a>
</div>
</b:if>
<b:if cond='data:post.snippet'><data:post.snippet/></b:if>
</div>
</div>
<div style='clear: both;'/>
<div class='mobile-index-comment'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCo
mmentOnclick'>
<b:if cond='data:post.numComments == 0'> Write Comment </b:if>
<b:if cond='data:post.numComments == 1'> 1 Comment </b:if>
<b:if cond='data:post.numComments > 1'> <data:post.numComments/>
Comment </b:if>
</a>
</b:if>
</b:if>
| <a expr:href='data:post.url'>View More »</a>
</div>
</div>
</div>
</b:includable>
<b:includable id='mobile-main' var='top'>
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<b:if cond='data:blog.pageType == "index"'>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='mobile-index-post'/>
</b:loop>
<b:else/>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='mobile-post'/>
</b:loop>
</b:if>
</div>
<b:include name='mobile-nextprev'/>
</b:includable>
<b:includable id='mobile-nextprev'>
<div 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='data:
newerPageTitle'>< Prev</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='data:
olderPageTitle'>Next ></a>
</div>
</b:if>
</span>
<b:else/>
<span class='fn'><data:post.author/></span>
</b:if>
</b:if>
</span>
<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url' rel='bookma
rk' title='permanent link'><abbr class='published' expr:title='data:post.timesta
mpISO8601'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span>
<span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' exp
r:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>
1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLab
elPlural/></b:if></a>
</b:if>
</b:if>
</b:if>
</span>
</div>
<div class='post-footer-line post-footer-line-2'>
<b:if cond='data:top.showMobileShare'>
<div class='mobile-link-button goog-inline-block' id='mobile-share
-button'>
<a href='javascript:void(0);'><data:shareMsg/></a>
</div>
</b:if>
<b:if cond='data:top.showDummy'>
<div class='goog-inline-block dummy-container'><data:post.dummyTag
/></div>
</b:if>
</div>
</div>
</div>
<b:if cond='data:blog.pageType == "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='nextprev'>
<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-ne
wer-link"' expr:title='data:newerPageTitle'>Newer</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-ol
der-link"' expr:title='data:olderPageTitle'>Older</a> </span>
</b:if>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl' style='margin:0
auto;text-align:center;width:50px;color:#fff!important;'>Home</a>
<b:else/>
<b:if cond='data:newerPageUrl'> <a class='home-link' expr:href='data:bl
og.homepageUrl' style='margin:0 auto;text-align:center;width:50px;color:#fff!imp
ortant;'><data:homeMsg/></a> </b:if>
</b:if>
<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:includable>
<b:includable id='page-navi'>
<div class='pagenav'>
<script type='text/javascript'>
var pageNaviConf = {
perPage:9,
numPages:5,
firstText:"<i class='fa fa-ellipsis-h fa-lg'/>",
lastText:"<i class='fa fa-ellipsis-h fa-lg'/>",
nextText:"<i class='fa fa-angle-right fa-lg'/>",
prevText:"<i class='fa fa-angle-left fa-lg'/>"
}
</script>
<script type='text/javascript'>
//<![CDATA[
function pageNavi(o){var m=location.href,l=m.indexOf("/search/la
bel/")!=-1,a=l?m.substr(m.indexOf("/search/label/")+14,m.length):"";a=a.indexOf(
"?")!=-1?a.substr(0,a.indexOf("?")):a;var g=l?"/search/label/"+a+"?updated-max="
:"/search?updated-max=",k=o.feed.entry.length,e=Math.ceil(k/pageNaviConf.perPage
);if(e<=1){return}var n=1,h=[""];l?h.push("/search/label/"+a+"?max-results="+pag
eNaviConf.perPage):h.push("/?max-results="+pageNaviConf.perPage);for(var d=2;d<=
e;d++){var c=(d-1)*pageNaviConf.perPage-1,b=o.feed.entry[c].published.$t,f=b.sub
string(0,19)+b.substring(23,29);f=encodeURIComponent(f);if(m.indexOf(f)!=-1){n=d
}h.push(g+f+"&max-results="+pageNaviConf.perPage)}pageNavi.show(h,n,e)}pageNavi.
show=function(f,e,a){var d=Math.floor((pageNaviConf.numPages-1)/2),g=pageNaviCon
f.numPages-1-d,c=e-d;if(c<=0){c=1}endPage=e+g;if((endPage-c)<pageNaviConf.numPag
es){endPage=c+pageNaviConf.numPages-1}if(endPage>a){endPage=a;c=a-pageNaviConf.n
umPages+1}if(c<=0){c=1}var b='<span class="pages">Pages '+e+' of '+a+"</span> ";
if(c>1){b+='<a href="'+f[1]+'">'+pageNaviConf.firstText+"</a>"}if(e>1){b+='<a hr
ef="'+f[e-1]+'">'+pageNaviConf.prevText+"</a>"}for(i=c;i<=endPage;++i){if(i==e){
b+='<span class="current">'+i+"</span>"}else{b+='<a href="'+f[i]+'">'+i+"</a>"}}
if(e<a){b+='<a href="'+f[e+1]+'">'+pageNaviConf.nextText+"</a>"}if(endPage<a){b+
='<a href="'+f[a]+'">'+pageNaviConf.lastText+"</a>"}document.write(b)};(function
(){var b=location.href;if(b.indexOf("?q=")!=-1||b.indexOf(".html")!=-1){return}v
ar d=b.indexOf("/search/label/")+14;if(d!=13){var c=b.indexOf("?"),a=(c==-1)?b.s
ubstring(d):b.substring(d,c);document.write('<script type="text/javascript" src=
"/feeds/posts/summary/-/'+a+'?alt=json-in-script&callback=pageNavi&max-results=9
9999"><\/script>')}else{document.write('<script type="text/javascript" src="/fee
ds/posts/summary?alt=json-in-script&callback=pageNavi&max-results=99999"><\/scri
pt>')}})();
//]]>
</script>
<div class='clear'/>
</div>
</b:includable>
<b:includable id='post' var='post'>
<article class='post hentry'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.thumbnailUrl'>
<a expr:href='data:post.url'><div class='img-thumbnail'><span cl
ass='overlay'><div CLASS='info-wrapper'>View More</div></span><script type='text
/javascript'>
document.write(bp_thumbnail_resize("<data:post.thumbnailUrl
/>",'<data:post.title/>'));
</script></div>
</a>
<b:else/>
<b:if cond='data:post.firstImageUrl'>
<a expr:href='data:post.url'><div class='img-thumbnail'><span cl
ass='overlay'><div CLASS='info-wrapper'>View More</div></span><img expr:alt='dat
a:post.title' expr:src='data:post.firstImageUrl' expr:title='data:post.title'/><
/div>
</a>
<b:else/>
<a expr:href='data:post.url'><div class='img-thumbnail'><span cl
ass='overlay'><div CLASS='info-wrapper'>View More</div></span><img expr:alt='dat
a:post.title' expr:title='data:post.title' src='data:post.firstImageUrl'/></div>
</a>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "index"'>
<b:if cond='data:post.labels'>
<span class='label-info'>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url + "?max-results=50"' rel='tag
'><i class='fa fa-tag'/> <data:label.name/></a><b:if cond='data:label.isLast !=
"true"'/>
</b:loop>
</span>
</b:if>
</b:if>
<b:if cond='data:post.title'>
<h2 class='post-title entry-title'>
<b:if cond='data:post.link'> <a expr:href='data:post.link ' expr:titl
e='data:post.title'><data:post.title/></a> <b:else/> <b:if cond='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:if>
</h2>
</b:if>
</b:if>
<b:else/>
<div class='clear'/>
<h1 class='post-title entry-title'> <b:if cond='data:post.link'> <a exp
r:href='data:post.link' expr:title='data:post.title'><data:post.title/></a> <b:e
lse/> <b:if cond='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:if>
</h1>
</b:if>
<div itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<b:if cond='data:blog.pageType == "static_page"'>
<div class='post-body entry-content' expr:id='"post-body-" + data:post
.id'>
<data:post.body/>
</div>
<b:else/>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<div class='post-body entry-content' expr:id='"post-body-" + data:post
.id'>
<div expr:id='"summary" + data:post.id' itemprop='articleBo
dy'>
<data:post.snippet/>
</div>
<script type='text/javascript'>createSummary("summary<data:post.id/>")
;</script>
</div>
</b:if>
<b:if cond='data:blog.pageType == "index"'>
<div class='aishare'>
<ul>
<li><a class='lyco-twitter' expr:href='"http://twitter.com/share?url="
+ data:post.url' rel='nofollow' target='_blank'><i class='fa fa-twitter'/><span
class='inv'/></a></li>
<li><a class='lyco-facebook' expr:href='"http://www.facebook.com/sharer.php
?u=" + data:post.url' rel='nofollow' target='_blank'><i class='fa fa-facebo
ok'/><span class='inv'/></a></li>
<li><a class='lyco-googleplus' expr:href='"http://plus.google.com/share?url
=" + data:post.url' rel='nofollow' target='_blank'><i class='fa fa-google-p
lus'/><span class='inv'/></a></li>
</ul>
</div>
</b:if>
<div class='post-info'>
<b:if cond='data:top.showAuthor'>
<b:if cond='data:post.authorProfileUrl'>
<span class='author-info'>
<i class='fa fa-user'/>
<span class='vcard'>
<span class='fn'>
<a class='g-profile' expr:href='data:post.authorProfileUrl' rel=
'author' title='author profile'>
<span><data:post.author/></span>
</a>
</span>
</span>
</span>
<b:else/>
<span class='author-info'>
<span class='fn'>
<span><i class='fa fa-user'/> <data:post.author/></span>
</span>
</span>
</b:if>
</b:if>
<b:if cond='data:top.showTimestamp'>
<b:if cond='data:post.url'>
<span class='time-info'>
<i class='fa fa-calendar-o'/> <a class='timestamp-link' expr:href='dat
a:post.url' rel='bookmark' title='permanent link'><abbr class='published updated
' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
</span>
</b:if>
</b:if>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.allowComments'>
<span class='comment-info'>
<i class='fa fa-comments'/> <a expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'> <b:if cond='data:post.numComments =
= 0'> 0 </b:if> <b:if cond='data:post.numComments == 1'>1 </b:if><b:if cond='dat
a:post.numComments > 1'><data:post.numComments/> Comments</b:if>
</a>
</span>
</b:if>
</b:if>
</b:if>
<b:include data='post' name='postQuickEdit'/>
</div>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<div CLASS='post-body entry-content' itemprop='articleBody'>
<data:post.body/>
<b:if cond='data:blog.pageType == "item"'>
<div itemscope='itemscope' itemtype='http://data-vocabulary.org/Review'>
<div class='post-info'>
<div class='post-info-icon admin'>
<b:if cond='data:top.showAuthor'>
<span class='vcard'>
<span class='fn'>
<span itemprop='name'>
<data:post.author/>
</span>
</span>
</span>
</b:if>
</div>
<div class='post-info-icon komentar'>
<b:if cond='data:post.allowComments'>
<a expr:onclick='data:post.addCommentOnclick' href='#comme
nts'> <b:if cond='data:post.numComments == 0'> Add Comment </b:if> <b:if cond='d
ata:post.numComments == 1'> 1 Comment </b:if> <b:if cond='data:post.numComments
</div>
<div class='twitter button-share'>
<div class='slide-share'>
<p>Tweet</p>
</div>
<a class='twitter-share-button' data-count='horizontal' data-related='' data-via
='' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://
twitter.com/share' title='Share via Twitter'>Tweet</a>
<script async='async' src='http://platform.twitter.com/widgets.js' type='text/ja
vascript'/>
</div>
<div class='clear'/>
</div>
<div class='clear'/>
<div id='related_posts'>
<div class='relhead'>
<h4>Related Posts</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='relpost_img_sum'>
<script type='text/javascript'>artikelterkait();</script>
</ul>
</div>
</div>
<div style='clear:both;'/>
<b:if cond='data:blog.pageType == "item"'>
<div id='fb-root'/>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<div id='container-commentfb' style='width:100%;margin:10px auto;margin-top:20px
;'><fb:comments expr:href='data:post.url' num_posts='10' width='500'/></div>
</b:if>
<div class='clear'/>
</div>
</b:if>
</b:if>
</div>
</article>
</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='Popular Posts' class='icon-action' height='18' src='http://w
ww.blogger.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='shareButtons' var='post'>
<b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-b
utton sb-email' expr:href='data:post.sharePostUrl + "&amp;target=email&
quot;' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-but
ton-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.sh
owBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='d
ata:post.sharePostUrl + "&amp;target=blog"' expr:onclick='"wi
ndow.open(this.href, \"_blank\", \"height=270,width=475\");
return false;"' expr:title='data:top.blogThisMsg' target='_blank'><span cla
ss='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond=
'data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter
' expr:href='data:post.sharePostUrl + "&amp;target=twitter"' expr:
title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-lin
k-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.show
FacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href=
'data:post.sharePostUrl + "&amp;target=facebook"' expr:onclick='&q
uot;window.open(this.href, \"_blank\", \"height=430,width=640\&qu
ot;); return false;"' expr:title='data:top.shareToFacebookMsg' target='_bla
nk'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></
a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share
-button sb-orkut' expr:href='data:post.sharePostUrl + "&amp;target=orku
t"' expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='shar
e-button-link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if cond='dat
a:top.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummy
Tag/></div></b:if>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
<b:includable id='threaded-comment-form' var='post'>
<div class='comment-form'>
<b:if cond='data:mobile'>
<p id='komennyakomen'><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<b:if cond='data:blog.pageType == "static_page"'>
<a expr:href='"http://www.blogger.com/comment-iframe.g?blogID=" +
data:blog.blogId + "&amp;pageID=" + data:post.id' id='comment-edit
or-src'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<a expr:href='"http://www.blogger.com/comment-iframe.g?blogID=" +
data:blog.blogId + "&amp;postID=" + data:post.id' id='comment-edit
or-src'/>
</b:if>
<iframe class='blogger-iframe-colorize blogger-comment-from-post' heigh
t='410' id='comment-editor' name='comment-editor'/>
<b:else/>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<b:if cond='data:blog.pageType == "static_page"'>
<a expr:href='"http://www.blogger.com/comment-iframe.g?blogID=" +
window.goog.comments.render(b,F)}};if(window.goog&&window.goog.comments)
{n()}else{window.goog=window.goog||{};window.goog.comments=window.goog.comments|
|{};window.goog.comments.loadQueue=window.goog.comments.loadQueue||[];window.goo
g.comments.loadQueue.push(n)}})();</script>
</b:includable>
<b:includable id='threaded_comments' var='post'>
<div class='comments' id='comments'><a name='comments'/>
<h4><b:if cond='data:post.numComments == 1'> 1 <data:commentLabel/> : <b
:else/> <data:post.numComments/><data:commentLabelPlural/> : </b:if></h4>
<div class='comments-content'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='threaded_comment_js'/>
</b:if>
<div id='comment-holder'>
<data:post.commentHtml/>
</div>
</div>
<p class='comment-footer'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='threaded-comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
</p>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions'
name='comment-actions' scrolling='no'/>
</div>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"
'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
</b:widget>
</b:section>
</aside>
</div>
<aside id='side-kanan'>
<b:section class='sidebar' id='sidebar-kanan'>
<b:widget id='HTML98' locked='false' title='' type='HTML' version='1' visibl
e='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:if>
</b:includable>
</b:widget>
<b:widget id='Label1' locked='false' title='Label' type='Label' version='1'
visible='true'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='"widget-content " + data:display + "-label-wid
get-content"'>
<b:if cond='data:display == "list"'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></spa
n>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'
><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
</li>
</b:loop>
</ul>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='"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'
><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>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='HTML97' locked='false' title='' type='HTML' version='1' visibl
e='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='Contact' type='ContactForm
' 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'>
<p/>
<data:contactFormNameMsg/>
<br/>
<input class='contact-form-name' expr:id='data:widget.instanceId + "
;_contact-form-name"' name='name' size='30' type='text' value=''/>
<p/>
<data:contactFormEmailMsg/> <span style='font-weight: bolder;'>*</span>
<br/>
<input class='contact-form-email' expr:id='data:widget.instanceId + &quo
t;_contact-form-email"' name='email' size='30' type='text' value=''/>
<p/>
<data:contactFormMessageMsg/> <span style='font-weight: bolder;'>*</span
>
<br/>
<textarea class='contact-form-email-message' cols='25' expr:id='data:wid
get.instanceId + "_contact-form-email-message"' name='email-message' r
ows='5'/>
<p/>
<input class='contact-form-button contact-form-button-submit' expr:id='d
ata:widget.instanceId + "_contact-form-submit"' expr:value='data:conta
ctFormSendMsg' type='button'/>
<p/>
<div style='text-align: center; max-width: 222px; width: 100%'>
<p class='contact-form-error-message' expr:id='data:widget.instanceId
+ "_contact-form-error-message"'/>
<p class='contact-form-success-message' expr:id='data:widget.instanceI
d + "_contact-form-success-message"'/>
</div>
</form>
</div>
</div>
</b:includable>
</b:widget>
</b:section>
</aside>
</div>
<div class='clear'/>
</div>
<b:section class='banner2 section' id='banner2' maxwidgets='1' showaddelement='y
es'/>
<div class='clear'/>
<footer id='copyright'>
<div id='copy'>
<p>Copyright © 2016 <a expr:href='data:blog.homepageUrl'><data:blog.title
/></a> All Right Reserved . <a href='http://gooyaabitemplates.com/' rel='dofollo
w' target='_blank' title='Blogger Templates'>Blogger Templates</a>
Design by <a href='http://arlinadesign.blogspot.com/' rel='nofollow' target='_bl
checkElement.slideDown('normal');
}
if($(this).closest('li').find('ul').children().length == 0) {
return true;
} else {
return false;
}
});
//]]>
</script>
<script type='text/javascript'>
$(function() {
$('.menu').click(function () {
$('#css-menu').css({right:'0'});
});
$('.close-menu').click(function() {
$('#css-menu').css({right:'-340px'});
});
});
</script>
<script src='https://arlina-design.googlecode.com/svn/photoviewer.js' type='text
/javascript'/>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<script src='https://arlina-design.googlecode.com/svn/imagesloaded.pkgd.min.js'/
>
<script src='https://arlina-design.googlecode.com/svn/masonry.pkgd.min.js'/>
<script>
/* masonry */
jQuery(document).ready(function($) {
$('.blog-posts').masonry({
itemSelector:'.post-outer',
isAnimated:true,
gutterWidth:0,
columnWidth:0,
animationOptions: {
duration:950,
easing:'easeInOutCubic',
queue:false
}
}).imagesLoaded(function() {
$('.blog-posts').masonry('reload');
});
});
</script>
<script>
$(function(){
var $container = $('.blog-posts');
$container.imagesLoaded(function(){
$container.masonry({
itemSelector: '.post-outer',
columnWidth: 0
});
});
$container.infinitescroll({
navSelector : '#blog-pager-older-link',
nextSelector : '.blog-pager-older-link',
itemSelector : '.post-outer',
loading: {
finishedMsg: 'No more pages to load.',
img: 'http://i.imgur.com/6RMhx.gif'
}
},
function( newElements ) {
var $newElems = $( newElements ).css({ opacity: 0 });
$newElems.imagesLoaded(Ffunction(){
$newElems.animate({ opacity: 1 });
$container.masonry( 'appended', $newElems, true );
});
}
);
});
</script>
</b:if>
</b:if>
</body>
</html>