Sunteți pe pagina 1din 46

<?xml version="1.0" encoding="UTF-8" ?

>
<!DOCTYPE html>
<HTML expr:dir='data:blog.languageDirection'>
&lt;head&gt;
<meta charset='utf-8'/>
<meta content='width=device-width, initial-scale=1' name='viewport'/>
<meta content='IE=edge' http-equiv='X-UA-Compatible'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<title>404: Page Not Found | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>
</b:if>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<script type='text/javascript'>
//<![CDATA[
(function() { (function(){function c(a){this.t={};this.tick=function(a,c,b){var
d=void 0!=b?b:(new Date).getTime();this.t[a]=[d,c];if(void
0==b)try{window.console.timeStamp("CSI/"+a)}catch(e)
{}};this.tick("start",null,a)}var
a;window.performance&&(a=window.performance.timing);var h=a?new
c(a.responseStart):new c;window.jstiming={Timer:c,load:h};if(a){var
b=a.navigationStart,e=a.responseStart;0<b&&e>=b&&(window.jstiming.srt=e-b)}if(a)
{var d=window.jstiming.load;0<b&&e>=b&&(d.tick("_wtsrt",void 0,b),d.tick("wtsrt_",
"_wtsrt",e),d.tick("tbsd_","wtsrt_"))}try{a=null,window.chrome&&window.chrome.csi&&
(a=Math.floor(window.chrome.csi().pageT),d&&0<b&&(d.tick("_tbnd",void
0,window.chrome.csi().startE),d.tick("tbnd_","_tbnd",b))),null==a&&window.gtbExtern
al&&(a=window.gtbExternal.pageT()),null==a&&window.external&&(a=window.external.pag
eT,d&&0<b&&(d.tick("_tbnd",void
0,window.external.startE),d.tick("tbnd_","_tbnd",b))),a&&(window.jstiming.pt=a)}cat
ch(k){}})();window.tickAboveFold=function(c){var a=0;if(c.offsetParent){do
a+=c.offsetTop;while(c=c.offsetParent)}c=a;750>=c&&window.jstiming.load.tick("aft")
};var f=!1;function g(){f||(f=!
0,window.jstiming.load.tick("firstScrollTime"))}window.addEventListener?
window.addEventListener("scroll",g,!1):window.attachEvent("onscroll",g);
})();
//]]>
</script>
<meta content='blogger' name='generator'/>
<link expr:href='data:blog.homepageUrl + &quot;favicon.ico&quot;' rel='icon'
type='image/x-icon'/>
<link expr:href='data:blog.url' rel='canonical'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'
expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate'
type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default?alt=rss&quot;'
expr:title='data:blog.title + &quot; - RSS&quot;' rel='alternate'
type='application/rss+xml'/>
<link expr:href='&quot;//www.blogger.com/feeds/&quot; + data:blog.blogId +
&quot;/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;'
rel='alternate' type='application/atom+xml'/>
<link href='//www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>

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


<meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta content='article' property='og:type'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta content='website' property='og:type'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
<meta expr:content='&quot;Silahkan kunjungi &quot; + data:blog.pageTitle +
&quot;Untuk membaca postingan-postingan menarik.&quot;' property='og:description'/>
</b:if>
</b:if>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
<b:else/>
<meta content='https://3.bp.blogspot.com/-
x_mMtgFf6XE/VlhLxwdLekI/AAAAAAAAj3c/N7fRz1lbMSg/s400/no-thumbnail.jpg'
property='og:image'/>
</b:if>
</b:if>
<meta content='GANTI DENGAN NAMA ADMIN' name='Author'/>
<meta expr:content='data:blog.title' name='twitter:site'/>
<meta content='summary_large_image' name='twitter:card'/>
<meta content='@UsernameTwitter' name='twitter:creator'/>

&lt;style type=&quot;text/css&quot;&gt;
&lt;!-- /*<b:skin><![CDATA[
#header{width:90%;float:left}
#main-wrapper{width:60%;float:left;}
#sidebar-right{width:40%;float:right;}
.sos-profil ul,#cssmenu ul, #cssmenu li,.page-menu ul,.page-menu li{list-style:
none;}
#error-page,.iklan-bawahheader,#landing-blog{display:none}
*/]]></b:skin>
<style type='text/css'>
/*<![CDATA[*/
@font-face{font-family:Roboto;font-style:normal;font-weight:300;src:local('Roboto
Light'),local('Roboto-Light'),url(https://fonts.gstatic.com/s/roboto/v15/Hgo13k-
tfSpn0qi1SFdUfVtXRa8TVwTICgirnJhmVJw.woff2)format('woff2'),url(https://fonts.gstati
c.com/s/roboto/v15/Hgo13k-tfSpn0qi1SFdUfT8E0i7KZn-
EPnyo3HZu7kw.woff)format('woff'),url(https://fonts.gstatic.com/s/roboto/v15/Hgo13k-
tfSpn0qi1SFdUfSZ2oysoEQEeKwjgmXLRnTc.ttf)format('truetype')}@font-face{font-
family:Roboto;font-style:normal;font-weight:500;src:local('Roboto
Medium'),local('Roboto-
Medium'),url(https://fonts.gstatic.com/s/roboto/v15/RxZJdnzeo3R5zSexge8UUVtXRa8TVwT
ICgirnJhmVJw.woff2)format('woff2'),url(https://fonts.gstatic.com/s/roboto/v15/RxZJd
nzeo3R5zSexge8UUT8E0i7KZn-
EPnyo3HZu7kw.woff)format('woff'),url(https://fonts.gstatic.com/s/roboto/v15/RxZJdnz
eo3R5zSexge8UUSZ2oysoEQEeKwjgmXLRnTc.ttf)format('truetype')}@font-face{font-
family:Roboto;font-style:italic;font-weight:300;src:local('Roboto Light
Italic'),local('Roboto-
LightItalic'),url(https://fonts.gstatic.com/s/roboto/v15/7m8l7TlFO-
S3VkhHuR0at44P5ICox8Kq3LLUNMylGO4.woff2)format('woff2'),url(https://fonts.gstatic.c
om/s/roboto/v15/7m8l7TlFO-S3VkhHuR0at4bN6UDyHWBl620a-
IRfuBk.woff)format('woff'),url(https://fonts.gstatic.com/s/roboto/v15/7m8l7TlFO-
S3VkhHuR0atywlidHJgAgmTjOEEzwu1L8.ttf)format('truetype')}@font-face{font-
family:Roboto;font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-
Regular'),url(https://fonts.gstatic.com/s/roboto/v15/CWB0XYA8bzo0kSThX0UTuA.woff2)f
ormat('woff2'),url(https://fonts.gstatic.com/s/roboto/v15/2UX7WLTfW3W8TclTUvlFyQ.wo
ff)format('woff'),url(https://fonts.gstatic.com/s/roboto/v15/QHD8zigcbDB8aPfIoaupKO
vvDin1pK8aKteLpeZ5c0A.ttf)format('truetype')}@font-face{font-family:Roboto;font-
style:italic;font-weight:400;src:local('Roboto Italic'),local('Roboto-
Italic'),url(https://fonts.gstatic.com/s/roboto/v15/vPcynSL0qHq_6dX7lKVByfesZW2xOQ-
xsNqO47m55DA.woff2)format('woff2'),url(https://fonts.gstatic.com/s/roboto/v15/1pO9e
UAp8pSF8VnRTP3xnvesZW2xOQ-
xsNqO47m55DA.woff)format('woff'),url(https://fonts.gstatic.com/s/roboto/v15/W4wDsBU
luyw0tK3tykhXEXYhjbSpvc47ee6xR_80Hnw.ttf)format('truetype')}@font-face{font-
family:Roboto;font-style:normal;font-weight:900;src:local('Roboto
Black'),local('Roboto-
Black'),url(https://fonts.gstatic.com/s/roboto/v15/mnpfi9pxYH-
Go5UiibESIltXRa8TVwTICgirnJhmVJw.woff2)format('woff2'),url(https://fonts.gstatic.co
m/s/roboto/v15/mnpfi9pxYH-Go5UiibESIj8E0i7KZn-
EPnyo3HZu7kw.woff)format('woff'),url(https://fonts.gstatic.com/s/roboto/v15/mnpfi9p
xYH-Go5UiibESIiZ2oysoEQEeKwjgmXLRnTc.ttf)format('truetype')}@font-face{font-
family:FontAwesome;src:url(https://maxcdn.bootstrapcdn.com/font-
awesome/4.5.0/fonts/fontawesome-webfont.eot?
v=4.5.0);src:url(https://maxcdn.bootstrapcdn.com/font-
awesome/4.5.0/fonts/fontawesome-webfont.eot?#iefix&v=4.5.0)format('embedded-
opentype'),url(https://maxcdn.bootstrapcdn.com/font-
awesome/4.5.0/fonts/fontawesome-webfont.woff2?
v=4.5.0)format('woff2'),url(https://maxcdn.bootstrapcdn.com/font-
awesome/4.5.0/fonts/fontawesome-webfont.woff?
v=4.5.0)format('woff'),url(https://maxcdn.bootstrapcdn.com/font-
awesome/4.5.0/fonts/fontawesome-webfont.ttf?
v=4.5.0)format('truetype'),url(https://maxcdn.bootstrapcdn.com/font-
awesome/4.5.0/fonts/fontawesome-webfont.svg?
v=4.5.0#fontawesomeregular)format('svg');font-weight:400;font-
style:normal}.fa{display:inline-block;font:normal normal normal 14px/1
FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-
smoothing:antialiased;-moz-osx-font-
smoothing:grayscale;transform:translate(0,0)}.fa-lg{font-size:1.33333333em;line-
height:.75em;vertical-align:-15%}.fa-fw{width:1.28571429em;text-align:center}.fa-
google-plus:before{content:"\f0d5"}.fa-google-plus-
square:before{content:"\f0d4"}.fa-facebook-square:before{content:"\f082"}.fa-
facebook:before{content:"\f09a"}.fa-twitter-square:before{content:"\f081"}.fa-
twitter:before{content:"\f099"}.fa-plus:before{content:"\f067"}.fa-linkedin-
square:before{content:"\f08c"}.fa-youtube:before{content:"\f167"}.fa-plus-
square:before{content:"\f0fe"}.fa-bell:before{content:"\f0f3"}.fa-
code:before{content:"\f121"}.fa-file-audio-o:before{content:"\f1c7"}.fa-paint-
brush:before{content:"\f1fc"}.fa-adjust:before{content:"\f042"}.fa-
search:before{content:"\f002"}.fa-home:before{content:"\f015"}.fa-angle-
right:before{content:"\f105"}.fa-user:before{content:"\f007"}.fa-calendar-check-
o:before{content:"\f274"}.fa-tags:before{content:"\f02c"}.fa-pencil-square-
o:before{content:"\f044"}.fa-refresh:before{content:"\f021"}.fa-
times:before{content:"\f00d"}.fa-plus-square-o:before{content:"\f196"}.fa-minus-
square-o:before{content:"\f147"}.fa-chevron-left:before{content:"\f053"}.fa-
chevron-right:before{content:"\f054"}.fa-map-marker:before{content:"\f041"}.fa-
smile-o:before{content:"\f118"}.fa-commenting:before{content:"\f27a"}.fa-
navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-
linkedin:before{content:"\f0e1"}.fa-calendar:before{content:"\f073"}.fa-
comments:before{content:"\f086"}.fa-print:before{content:"\f02f"}.fa-
briefcase:before{content:"\f0b1"}.fa-motorcycle:before{content:"\f21c"}.fa-
female:before{content:"\f182"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-
coffee:before{content:"\f0f4"}.fa-globe:before{content:"\f0ac"}.fa-youtube-
play:before{content:"\f16a"}.fa-comment:before{content:"\f075"}.fa-chevron-circle-
up:before{content:"\f139"}.fa-reply:before{content:"\f112"}.fa-3x{font-size:3em}
#main-wrapper,#sidebar-right,#sidebar-wrapper,.deleted-comment{word-wrap:break-
word}
ol,ul{list-style:none}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,capt
ion,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figu
re,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,lege
nd,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,
strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{marg
in:0;padding:0;border:0;font:inherit;vertical-align:baseline}
#header .description,#header h1,#header p a,body,span.homeblog{font-
family:Roboto,sans-serif}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{displ
ay:block}
ol,ul{padding:0;margin:0}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
#navbar-iframe{height:0;visibility:hidden;display:none}
body{background:#2d414a url(https://2.bp.blogspot.com/-spG2e6do-
HE/Vv0cl3TIhCI/AAAAAAAAmBA/k5EuFlladAkQneguaz3YPRSz9aQHei_hg/s1600/intro-bg.jpg)
no-repeat top center fixed;color:#666;font-size:18px;text-
align:left;margin:0;background-size: cover;height:100vh;}
a:link{color:#3b5998;text-decoration:none;transition:all 400ms ease-in-out}
#judulblog,.menu,.menu-search{transition:all .4s ease-in-out}
a:visited{color:#3b5998;text-decoration:none}
a:hover{color:#23355b;text-decoration:none}
a:active,a:focus,i:active,i:focus{outline:0}
a img{border-width:0}
b{font-weight:500}
#header-wrapper{background:#fff;width:30%;max-height:88px;margin:0
auto;padding:10px 20px 11px;display:inline;float:left;-moz-box-sizing: border-box;-
webkit-box-sizing: border-box;box-sizing: border-box;}
#header{max-width:100%;width:auto;margin:0 auto;padding:0;}
#header-inner{margin:0;padding:0;display:block}
.titlewrapper{}
#header h1 a,#header p a{font-size:20px;font-weight:900;line-
height:24px;color:#333;padding:0;margin:0;}
#header h1 a:hover,#header p a:hover{color:#f07468;text-decoration:none}
#header .description{color:#666;font-size:14px;font-style:italic;font-
weight:300;position:fixed;top:-1000px;}
#cssmenu-wrapper{background:#fff;margin:0
auto;padding:0;width:100%;height:auto;border-bottom:1px solid #dedede;}
#judulblog{background:#fff;margin:0 auto;padding:0
20px;position:relative;width:70%;height:auto;max-height:88px;float:right;-moz-box-
sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
#blog{background:#fff;float:left;width:950px;max-width:950px;margin:100px 0 0;}
.content-wrapper{width:100%;margin:0 auto;}
#outer-wrapper{width:100%;text-align:left;margin:0 auto;padding:0}
#main-wrapper{width:590px;float:right;overflow:hidden;margin:0 auto;padding:0
20px;background:#fff;border-left:1px solid #dedede;}
#sidebar-right{width:300px;float:left;overflow:hidden;padding:0;margin:0 auto}
#sidebar-wrapper{width:100%;padding:20px 0 20px 20px;margin:0;-moz-box-sizing:
border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.sidebar h2{font-family:Roboto,sans-serif;font-size:18px;font-weight:900;text-
transform:uppercase;color:#666;margin:0 0 15px!important;padding:0;line-height:1em}
.post-footer,.small-button a,h2{text-transform:none}
.sidebar{color:#666;line-height:1.3em;border-top:0;font-size:14px;font-
weight:300;font-family:Roboto,Georgia,sans-serif}
.post h1,.post h2,.post-body{font-family:Roboto,sans-serif}
.sidebar .widget{margin:0 auto 30px;padding:0 0 16px;}
.sidebar .widget-content{margin:0 auto;padding:0}
.sidebar a:link,.sidebar a:visited{font-size:16px;font-weight:500;font-
family:Roboto,sans-serif;text-decoration:none;color:#3b5998}
.sidebar a:hover{color:#23355b}
.post{padding-top:10px;margin:0}
.post h1,.post h2{font-size:36px;font-weight:900;line-
height:1.1em;color:#333;margin:0;padding:0}
.post ol li,.post ul li{margin:8px 0 0 20px;padding-left:5px}
.post h1 a,.post h1 a:visited,.post h1 strong,.post h2 a,.post h2 a:visited,.post
h2 strong{display:block;}
.menu,.menu-search{padding:0;display:inline}
.post-body{margin:0 auto 20px;font-size:16px;font-weight:300;line-
height:1.6em;padding-top:20px;color:#666}
.post-footer{color:#444;letter-spacing:.01em;font:12px Arial;line-
height:1.4em;margin:0}
.comment-link{margin-left:.1em}
.post ol,.post ul{margin:20px}
.post ul li{list-style-type:disc}
.post ol li{list-style-type:decimal}
.post-body span{font-family:Roboto,sans-serif!important;font-weight:300!important}
.post-body .tr-caption{font:italic 14px Georgia!important;line-height:1.6em!
important;color:#444!important}
.post-body table.tr-caption-container{padding:0!important;margin:0 auto 20px!
important}
.post-body table.tr-caption-container td{padding:0!important}
.post-body table.tr-caption-container td img{margin-bottom:-10px;width:100%}
.post-body .separator a{margin:0!important}
.blog-pager-newer-link{float:left;font-size:120%;}
.blog-pager-older-link{float:right;font-size:120%;}
.mobile-menu{display:none!important}
.menu-search{color:#4e5665;font-weight:400}
#blog-pager,.blog-pager{clear:both;text-align:center;margin:20px 0;font-
weight:500;font-family:Roboto,sans-serif}
.feed-links{clear:both;line-height:2.5em}
.clear{clear:both!important}
.mobile-menu-ikon{font-
size:30px;cursor:pointer;position:absolute;right:20px;top:5px;z-index:9999}
.menu-search{float:right;margin-top:11px;margin-right:5px;font-
size:20px;cursor:pointer}
#close-icon{display:none}
.menu-search:hover,.menu:hover{color:#222}
#css-menu{background:#fff;height:auto;transition:all .4s ease-in-out;padding:5px
0;text-align:center}
.comment_avatar,.comment_reply{transition:all 400ms ease-in-out}
#cssmenu,#cssmenu a,#cssmenu li,#cssmenu ul{margin:0;padding:0;border:0;list-
style:none;text-decoration:none;font-family:Roboto,sans-serif;font-
weight:500;position:relative}
#cssmenu a{line-height:1.3;}
#cssmenu{width:100%}
#cssmenu>ul>li{cursor:pointer;display:inline-block;border-left:1px solid #dedede}
#cssmenu>ul>li:first-child{border-left:none}
#cssmenu>ul>li>a{font-size:16px;display:block;color:#555;font-
weight:500;padding:6px 15px}
#cssmenu>ul>li>a:hover{text-decoration:none;color:#23355b}
#cssmenu>ul>li.active{font-weight:600}
.comment_name,.comment_name a{font-size:16px;color:#666;font-weight:500}
#search-box{display:none;float:right;padding:0;margin:0;}
#search-box
form{position:absolute;top:8px;right:55px;width:200px;height:27px;background:#fff;p
adding:0;border:1px solid #dedede!important;border-radius:3px;}
#search-form{color:gray;width:100%;padding:0 10px;height:27px;border:none;line-
height:27px;font-size:14px;font-weight:300;margin:0;-moz-box-sizing:border-box;box-
sizing:border-box;font-family:Roboto,sans-serif}
.tombol:after,.tombol:before{color:#000;text-shadow:0 1px 0 #999}
#search-form:focus,#search-form:hover,.search-button:focus,.search-
button:hover{border:none;outline:0;color:#000}
.comment_reply,.comment_service a{display:inline-block}
#comments h3{border-bottom:1px solid #ddd}
#menupage{float:right;margin:3px 5px 0;}
.page-menu ul li{list-style:none}
.page-menu ul li{display:inline-block;transition:all 400ms ease-in-out}
.page-menu{float:right;width:auto;height:auto;padding:0!important;margin:0;font-
size:14px;font-weight:500}
.page-menu ul{margin:0 auto!important;padding:0!important;line-height:3em}
.page-menu ul li a:hover{color:#23355b!important}
.page-menu ul li a{color:#4e5665!important;padding:0 20px 0 0;}
.page-menu ul li a img{vertical-align:middle!important}
#comments{clear:both;margin:0 auto;line-height:1em;padding:20px 0;font-
family:Roboto,sans-serif}
iframe{border:0;overflow:hidden}
#comments h3{margin:0 0 25px;font-size:24px;font-weight:500;color:#666;padding-
bottom:16px}
.comment_avatar{height:48px;width:48px;background:url(//2.bp.blogspot.com/-
KjVxDap0Bzs/Uc7Jfm_9VWI/AAAAAAAAEqs/jD56hYNIm88/s48/anon48.gif)center center no-
repeat #F0F0F0;float:left;margin-top:0;margin-right:10px;overflow:hidden;border-
radius:4px}
.comment_name{line-height:19.5px;max-width:100%;text-decoration:none;margin-
top:8px}
.comment_name a{text-decoration:none}
.comment_name a:hover{color:#0088b2;text-decoration:none}
.comment_service{float:right;margin-right:0;margin-top:-15px;position:relative}
.comment_body p{font-size:16px;color:#666;line-height:1.3em;font-weight:300}
.comment_body p img{vertical-align:middle}
.comment_body{margin:-15px 0 0 58px;padding-bottom:10px;position:relative}
.comment_date{color:#999;font-style:italic;font-size:11px;line-
height:1.2em;cursor:pointer;font-weight:400;}
.comment-set{margin-bottom:30px}
.comment_child .comment_body{margin-top:-10px;margin-bottom:10px;margin-left:50px}
.comment_child .comment_wrap{padding-left:40px}
.comment_reply{cursor:pointer;color:#999!important;font-family:arial;font-
size:13px;font-weight:700;margin-top:10px;padding:0;text-
decoration:none;float:left}
.comment_reply:hover{text-decoration:none;color:#444!important}
.unneeded-paging-control{display:none}
.comment_reply_form{padding:0 0 0 48px}
.comment_reply_form .comment-form{width:100%}
.comment_avatar *{max-width:1000%!important;display:block;max-height:1000%!
important;width:48px!important;height:48px!important;margin-right:10px}
.comment-form,.comment_img,.comment_youtube{max-width:100%!important}
.comment_child .comment_avatar,.comment_child .comment_avatar *{width:40px!
important;height:40px!important;float:left;margin-right:10px;border-radius:4px}
.comment_form a{color:#2f6986;text-decoration:none}
.comment_form a:hover{color:#2f6986;text-decoration:underline}
.comment_author_flag{display:none}
.comment_admin .comment_author_flag{background-color:#BCC3C8;border-
radius:3px;display:inline-block;color:#fff;font-family:arial;font-size:12px;font-
weight:700;padding:2px 5px;line-height:1em;text-
decoration:none;position:absolute;margin:3px 0 0 10px}
a.comment-delete{float:left;margin-left:20px;margin-top:10px;font-
size:12px;color:#999}
a.comment-delete:hover{color:red}
#comment-editor{width:100%!important;height:236px;background:#666
url('data:image/gif;base64,R0lGODlhKwALAPAAAKrD2AAAACH5BAEKAAEAIf4VTWFkZSBieSBBamF4
TG9hZC5pbmZvACH/C05FVFNDQVBFMi4wAwEAAAAsAAAAACsACwAAAjIMjhjLltnYg/PFChveVvPLheA2hlh
ZoWYnfd6avqcMZy1J14fKLvrEs/k+uCAgMkwVAAAh+QQBCgACACwAAAAAKwALAIFPg6+qw9gAAAAAAAACPR
SOKMsSD2FjsZqEwax885hh3veMZJiYn8qhSkNKcBy4B2vNsa3pJA6yAWUUGm9Y8n2Oyk7T4posYlLHrwAAI
fkEAQoAAgAsAAAAACsACwCBT4OvqsPYAAAAAAAAAj1UjijLAg9hY6maalvcb+IPBhO3eeF5jKTUoKi6AqYL
wutMYzaJ58nO6flSmpisNcwwjEfK6fKZLGJSqK4AACH5BAEKAAIALAAAAAArAAsAgU+Dr6rD2AAAAAAAAAJ
AVI4oy5bZGJiUugcbfrH6uWVMqDSfRx5RGnQnxa6p+wKxNpu1nY/9suORZENd7eYrSnbIRVMQvGAizhAV+h
IUAAA7')50% 30% no-repeat;margin-top:10px;-moz-box-sizing: border-box;-webkit-box-
sizing: border-box;box-sizing: border-box;}
.comment-form{margin-top:25px!important}
.comment_emo_list .item{float:left;text-
align:center;height:40px;width:41px;margin:10px 0 0}
.comment_emo_list span{display:block;font-weight:400;font-size:11px;letter-
spacing:1px;color:#444}
.comment_youtube{width:400px;height:225px;display:block;margin:auto}
.comment-form p{background:#666;padding:10px;margin:0 0 5px;color:#eee;font-
weight:300;font-size:16px;font-family:Roboto,sans-serif;line-
height:1.3em;display:block;border-radius:3px;position:relative;}
.comment-form p:after{content:"";width:0;height:0;position:absolute;bottom:-
15px;left:15px;border:8px solid transparent;border-color:#666 transparent
transparent}
.deleted-comment{display:block;color:#efefef;font:italic 13px Arial;margin-top:-
10px;background:#DB6161;padding:10px}
.breadcrumbs,.credit,.postmeta,h3.date-header{font-family:Roboto,sans-serif}
div:target .comment_inner{background-color:#EAEAEA;box-shadow:0 10px 10px -5px
#888;padding:15px}
.small-button a{color:#fff;font-size:18px;font-weight:400;margin:15px 5px 0 0;text-
decoration:none;display:inline-block;padding:0;cursor:pointer}
.postmeta{text-transform:uppercase}
.small-button:hover a{color:#eee}
.credit{line-height:1.5em}
.breadcrumbs,.breadcrumbs a,.credit,.postmeta,h3.date-header{font-weight:300}
.creditpic{background-color:
#fff;width:100%;margin:0;padding:50px;position:relative;color:#888;border-top:1px
solid #dedede;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-
sizing: border-box;}
.credit{font-size:12px;overflow:hidden;clear:both;margin:0 5px;padding:0}
.postmeta,h3.date-header{line-height:1.4em;font-size:14px}
.credit a:link,.credit a:visited{color:#888;text-decoration:none}
.credit a:hover{color:#f4782c;text-decoration:none}
.credit-left{float:left}
.credit-right{float:right}
h3.date-header{color:#666;margin:0}
.postmeta{padding:0 0 0 50px;margin:10px auto 0;color:#666;position:relative}
.author{color:#666;padding:2px 5px 2px 0}
.author a,.clock a,.comment a,.postmeta a{color:#666;font-weight:300}
.author a:hover,.clock a:hover,.comment a:hover,.postmeta a:hover{color:#333}
.clock{color:#666;padding:2px 10px 2px 0}
.updated{border-bottom:0}
.post .jump-link{display:none}
.breadcrumbs{background:#fff;line-
height:1.2em;width:auto;overflow:hidden;margin:0;padding:15px 0;font-
size:14px;color:#666;font-weight:500;border-bottom:1px solid #dedede}
.breadcrumbs li{list-style-type:none;display:inline-block;float:left}
.breadcrumbs a{display:inline-block;text-decoration:none;outline:0;transition:all .
3s ease-in-out;color:#666;font-weight:300}
.breadcrumbs a:hover{color:#3b8dbd}
button,button[disabled]:active{font-size:12px;font-family:Arial;font-
weight:400;border-radius:3px;border:1px solid #49a5bf;padding:3px 10px;text-
decoration:none;background:linear-gradient(to bottom,#93cede 0,#75bdd1 41%,#49a5bf
100%);color:#efefef;display:inline-block;text-shadow:1px 1px 0 #528ecc;box-
shadow:inset 1px 1px 0 0 #bbdaf7;cursor:pointer}
.PopularPosts .item-snippet{display:none}
button:active,button:hover{color:#000}
button[disabled],button[disabled]:active{color:#000;cursor:default}
.
authorphoto{position:absolute;top:2px;left:0;width:36px;height:36px;background:#ddd
;padding:0}
#Label1 .widget-content{padding-bottom:2px}
#Label1 .label-size{margin:0;padding:0;position:relative}
#Label1 a.label-size,#Label1 span.label-size{text-
decoration:none;float:left;height:18px;line-height:18px;position:relative;margin-
top:6px;margin-right:6px;padding:4px 6px;background-color:#778085;color:#fff;text-
align:center;font-size:14px}
#Label1 a.label-size:hover,#Label1 span.label-size:hover{background-color:#27323d}
.PopularPosts .widget-content ul{width:100%;padding:0!important;list-style-
type:none}
.PopularPosts .widget-content ul li{margin:0 0 10px;padding:0!
important;height:auto;overflow:hidden}
.PopularPosts .widget-content ul li a{text-decoration:none;font-size:16px;font-
weight:500}
.PopularPosts .item-thumbnail,.PopularPosts .item-content
img{float:left;width:90px;height:70px;margin-right:10px}
.PopularPosts .item-title{padding:0!important;transition:all .3s ease-in-out}
#backtotop{background:#888;text-
align:center;position:fixed;bottom:10px;right:10px;cursor:pointer;width:40px;height
:40px;padding:0;border-radius:5px;border:1px solid transparent}
#backtotop:before{content:"\f077";font-family:FontAwesome;font-style:normal;font-
weight:400;text-decoration:inherit;color:#fff;font-
size:30px;padding:0;position:absolute;top:3px;left:5px}
.BlogArchive #ArchiveList ul.posts li{margin-left:3em!important;padding-left:0!
important;border-bottom:1px solid #ddd}
.BlogArchive #ArchiveList ul.posts li:first-child{border-top:1px solid #ddd}
.BlogArchive #ArchiveList ul li{text-indent:0!important}
.CSS_LIGHTBOX{z-index:10000!important}
.cookie-choices-info{z-index:999999!important;background-color:#222!
important;padding:15px 30px!important;bottom:0!important;top:inherit!
important}.cookie-choices-info .cookie-choices-text{margin:0 auto;font-size:17px!
important;color:#fff!important;text-align:left!important;font-family:"Helvetica
Neue Light",HelveticaNeue-Light,"Helvetica Neue",Calibri,Helvetica,Arial}.cookie-
choices-info .cookie-choices-button{color:#000!important;background-color:#adbcc5!
important;border-radius:5px!important;padding:8px 18px!important;text-
transform:none!important;transition:all .2s linear!important;font-weight:400!
important}.cookie-choices-info .cookie-choices-button:nth-child(2){background-
color:#f1d600!important}.cookie-choices-info .cookie-choices-button:hover,.cookie-
choices-info .cookie-choices-button:nth-child(2):hover{background-color:#e9eef0!
important}

.follow-by-email-inner table{width:100%;}
.follow-by-email-inner td{display:block!important}
.follow-by-email-inner .follow-by-email-address{width:100%;font-family:Roboto,sans-
serif;font-weight:300;height:auto;margin:0 auto
10px;padding:10px;color:#777;position:relative;z-index:1;background:#fff;border:1px
solid #ccc;border-radius: 4px;-moz-box-sizing: border-box;-webkit-box-sizing:
border-box;box-sizing: border-box;}
.follow-by-email-inner .follow-by-email-address:focus,.follow-by-email-inner
.follow-by-email-submit:focus{outline:0}
.follow-by-email-inner .follow-by-email-submit{display:block;height:30px;font-
family:Roboto,sans-serif;font-weight:500;font-size:16px;text-transform:
uppercase;float:left;color:#FFF;padding:0 20px;cursor:pointer;background-
color:#56585d;border:none;border-radius:4px;text-shadow:0 1px 0 #37383b;}

.sticky{background:#fff;position:fixed!important;width:100%;padding:0!
important;top:0;z-index:10000;border-bottom:solid 1px #dedede;}
.makesticking{background:0 0!important;position:fixed!important;top:70px;z-
index:9999}

#BlogArchive1_ArchiveMenu{display:block!important;width:100%!important;color:#777!
important;padding:10px;background: #fff;border: 1px solid #ccc;border-radius:
4px;font-family: Roboto,sans-serif;font-weight: 300;-moz-box-sizing: border-box;-
webkit-box-sizing: border-box;box-sizing: border-box;}
#BlogArchive1_ArchiveMenu:focus{outline:none;}

@media screen and (max-width:880px){#blog,.content-wrapper{width:100%;border:none;}


#main-wrapper{width:500px}
}
@media screen and (max-width:800px){#main-wrapper{width:425px}
.page-menu ul li a {padding: 0 10px 0 0;}
#header-wrapper{padding: 10px 10px 11px 20px;}
#blog{margin:45px 0 0;}
.creditpic{padding:50px 20px;}
}
@media screen and (max-width:768px){#main-wrapper{width:100%;}
#main-wrapper{border-right:none;-moz-box-sizing: border-box;-webkit-box-sizing:
border-box;box-sizing: border-box;}
#header-wrapper{width:35%;text-align:center;border-right:none;padding:0}
#header{padding:10px 0 11px 20px;text-align:left;}
#header h1 a, #header p a{float:left;}
#judulblog{width:65%;padding:0 20px 0 0;}
#sidebar-right{display:none}
}
@media screen and (max-width:603px){#judulblog{height:auto;max-height:100%;margin-
bottom:20px;border-bottom:solid 1px #dedede}
.mobile-hide,.menu-search,#judulblog{display:none}
#judulblog {padding:0 20px;width:100%;margin-bottom:0;border-bottom:0}
#header-wrapper{position:absolute;top:0;left:0;width:100%}
.sticky{position:relative!important;min-height:45px;border-bottom:0}
.intro-header{padding-top:0!important}
#blog{margin:0!important;}
#menupage{width:100%;margin:45px 0 0}
.page-menu ul li a{display:block}
.mobile-menu{display:block!important}
.mobile-menu-nav ul li:first-child{border-top:none}
.mobile-menu-nav ul li a:hover{color:#e8554e!important}
.mobile-menu-nav ul li{list-style:none;display:block;transition:all .4s ease-in-
out;text-align:left;border-top:solid 1px #dedede}
.mobile-menu-nav{background:#fff;width:auto;padding:0;margin:10px auto 0;border:1px
solid #dedede;border-left:none;border-right:none;float:none;}
.mobile-menu,.mobile-menu-nav ul{padding:0!important}
.sos-profil,#search-box{float:none;}
#search-box{display:block!important;}
#search-box
form{position:relative;display:block;width:100%;top:0;right:0;margin:15px auto;}
.iklan-bawahheader {border-top: 1px solid #dedede;}
.credit-right{float:left;margin-top:20px;}
}
@media screen and (max-width:480px){#header-wrapper{margin-bottom:0!important}
.related-post-style-3 .related-post-item{width:50%!important}
.comment_service{display:none}
#header h1 a, #header p a{font-size:18px}
}
@media screen and (max-width:414px){
.post h1{font-size:26px}
.post-icons,.print-button{display:none}
.intro-divider{width:100%!important}
}
@media screen and (max-width:375px){#comment-editor{background-color:#fff}
}
@media screen and (max-width:320px){.related-post-style-3 .related-post-item-
thumbnail{height:90px!important;}
}
@media screen and (max-width:240px){#header {min-width:100%;}
.post h1{font-size:24px}
.comment_admin .comment_author_flag{display:none}
.related-post-style-3 .related-post-item{width:100%!important;}
}
@media print{header,#backtotop,#blog-pager,#comments,#sticky,#cssmenu-
wrapper,#footer-wrapper,#header-wrapper,#related-post,#sidebar-right,.blog-
pager,.share-box,.breadcrumbs,.iklan-bawahheader,.bungkus-
judulblog,.creditpic,.post-icons,.post-share-buttons,.postmeta,.print-
button,h3.date-header{display:none!important}
#main-wrapper{width:100%;border:none}
.content-wrapper{border:none}
.post-body{margin:0;padding:0}
.post-title{margin:0 0 20px!important}
}

/* CSS Untuk Iklan */


.iklan-bawahheader,.iklan-bawahpost{width:100%;height:auto;text-align:center}
.iklan-bawahheader{padding:20px;margin:0 auto;border-bottom:1px solid #dedede;-moz-
box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.iklan-ataspost{width:100%;height:auto;text-align:center;padding:0;margin:20px auto
0;box-sizing:border-box}
.iklan-ataspost,.iklan-bawahpost{-moz-box-sizing:border-box;-webkit-box-
sizing:border-box}
.iklan-bawahpost{padding:0;margin:20px auto;box-sizing:border-box}

/*]]>*/
</style>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<style type='text/css'>
/*<![CDATA[*/
.btn,.list-inline>li{display:inline-block}
.banner h2,.intro-message>.title-land,.intro-message>h3{text-shadow:2px 2px 3px
rgba(0,0,0,.6)}
.intro-header{text-
align:center;color:#f8f8f8;background:url(https://2.bp.blogspot.com/-spG2e6do-
HE/Vv0cl3TIhCI/AAAAAAAAmBA/k5EuFlladAkQneguaz3YPRSz9aQHei_hg/s1600/intro-bg.jpg)
center center no-repeat;background-size:cover;height:100vh}
.btn-default,.content-section-a{background-color:#fff}
.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-
left:auto;width:1163px}
.intro-message{position:relative;padding-top:40vh;padding-bottom:20%}
.intro-message>.title-land{margin:0;font-size:4em;font-weight:900}
.intro-message>h3{font-weight:500;font-size:24px}
.intro-divider{width:400px;border-top:1px solid #f8f8f8;border-bottom:1px solid
rgba(0,0,0,.2)}
hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee;height:0;-
webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.list-inline>li{padding-right:5px;padding-left:5px}
.btn-group-lg>.btn,.btn-lg{padding:10px 16px;font-size:18px;line-
height:1.3333333;border-radius:6px}
.btn-default{color:#333;border-color:#ccc}
.btn{padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:400;line-
height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-
touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-
select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-
image:none;border:1px solid transparent;border-radius:4px}
.btn-default:hover,.btn-default:active{color:#333;background-color:#e6e6e6;border-
color:#adadad}
.btn-default:focus{color:#333;background-color:#e6e6e6;border-color:#8c8c8c}
.btn-default:active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px
5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}
.list-inline a{font-size:18px;font-weight:300;color:#333}
.content-section-b{background-color:#f8f8f8;border:1px solid #dedede;border-
left:0;border-right:0}
.image-kolom img,.image-kolom-b img{max-width:450px;border:0;height:auto}
.kolom-artikel{float:left;width:50%;margin:0 auto;padding:50px 50px 50px 0;-moz-
box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.image-kolom,.kolom-artikel-b{width:50%;padding:50px 0 50px 50px;-moz-box-
sizing:border-box;-webkit-box-sizing:border-box;float:right}
.kolom-artikel-b{margin:0 auto;box-sizing:border-box}
.kolom-artikel p.lead,.kolom-artikel-b p.lead{font-weight:300;line-height:1.5em}
.kolom-artikel p.lead a,.kolom-artikel-b p.lead a{font-weight:500}
.kolom-artikel h2.section-heading,.kolom-artikel-b h2.section-heading{font-
size:24px;font-weight:900;color:#333;margin-bottom:20px}
.image-kolom{box-sizing:border-box}
.image-kolom img{float:right;width:100%}
.image-kolom-b{float:left;width:50%;padding:50px 50px 50px 0;-moz-box-
sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.image-kolom-b img{float:left;width:100%}
.banner{padding:100px
0;color:#f8f8f8;background:url(http://blackrockdigital.github.io/startbootstrap-
landing-page/img/banner-bg.jpg) center center no-repeat;background-size:cover}
.col-lg-6{width:50%;float:left}
.banner h2{margin:0;font-size:2em;font-weight:900}
.banner ul{margin-bottom:0}
.banner-social-buttons{float:right;margin-top:0}
.list-inline{padding-left:0;margin-left:-5px;list-style:none}
#blog{display:none}
.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp;-webkit-
animation-duration:1s;animation-duration:1s;-webkit-animation-fill-
mode:both;animation-fill-mode:both}
@-webkit-keyframes slideInUp{0%{-webkit-
transform:translateY(100%);transform:translateY(100%);visibility:visible}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes slideInUp{0%{-webkit-
transform:translateY(100%);transform:translateY(100%);visibility:visible}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
.content-section-b form{padding:50px 0}
#ContactForm1_contact-form-email,#ContactForm1_contact-form-
name{width:100%;height:auto;margin:5px auto 15px;padding:10px 10px 10px
30px;color:#777;position:relative;z-index:1;background:#ebebeb;border:1px solid
#ccc;border-radius:4px;box-shadow:rgba(0,0,0,.247059) 0 1px 3px inset,#f5f5f5 0 1px
0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-
box;font-size:18px;font-weight:300;font-family:Roboto,sans-serif}
.contact-form-email,.contact-form-name{position:relative!important}
.contact-form-email:before,.contact-form-name:before{font-family:FontAwesome;font-
style:normal;font-weight:400;text-decoration:inherit;padding-
right:.5em;position:absolute;top:1px;left:10px;z-index:2;color:#777;font-size:18px}
.contact-form-name:before{content:'\f007'}
.contact-form-email:before{content:'\f0e0'}
#ContactForm1_contact-form-email:focus,#ContactForm1_contact-form-
name:focus{background:#fffff7;outline:0}
#ContactForm1_contact-form-email-message{width:100%;height:100px;margin:5px
auto;padding:10px 10px 10px 30px;background:url(http://4.bp.blogspot.com/-
HcSDTEb_L30/VmLKc3f4juI/AAAAAAAAkDo/d2yC7S79OgM/s1600/pencil.png) 10px 12px no-
repeat #ebebeb;color:#777;border:1px solid #ccc;border-radius:4px;box-
shadow:rgba(0,0,0,.247059) 0 1px 3px inset,#f5f5f5 0 1px 0;-moz-box-sizing:border-
box;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:18px;font-
weight:300;font-family:Roboto,sans-serif}
#ContactForm1_contact-form-email-
message:focus{background:url(http://4.bp.blogspot.com/-
HcSDTEb_L30/VmLKc3f4juI/AAAAAAAAkDo/d2yC7S79OgM/s1600/pencil.png) 10px 12px no-
repeat #fffff7;outline:0}
#ContactForm1_contact-form-
submit{display:block;height:30px;float:left;color:#FFF;padding:0 20px;margin:10px 0
5px;cursor:pointer;background-color:#56585d;box-shadow:0 4px 0 0 #2d2f34;border:1px
solid #434446;border-radius:4px;text-shadow:0 1px 0 #37383b;font-size:18px;font-
weight:500;font-family:Roboto,sans-serif}
#ContactForm1_contact-form-submit:hover{background-color:#4d4f53}
#ContactForm1_contact-form-submit:active{position:relative;top:2px;box-shadow:0 2px
0 0 #2d2f34}
#ContactForm1_contact-form-submit:focus{outline:0}
#ContactForm1_contact-form-error-message,#ContactForm1_contact-form-success-
message{width:100%;margin-top:15px}
.contact-form-button-submit{background-image:none!important;border-color:none!
important}
#maps{padding:50px 0}
@media screen and (max-width:768px){.contact-form-box{width:100%}
}
@media screen and (max-width:1024px){.container{padding-right:50px;padding-
left:50px;width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-
sizing:border-box}
.col-lg-6{width:100%;float:none;text-align:center}
.banner-social-buttons{float:none;margin-top:20px}
.intro-message{padding-top:35vh}
}
@media screen and (max-width:800px){.container{padding-right:25px;padding-
left:25px}
.image-kolom-b,.kolom-artikel{padding:25px 10px 25px 0}
.image-kolom,.kolom-artikel-b{padding:25px 0 25px 10px}
.kolom-artikel h2.section-heading,.kolom-artikel-b h2.section-heading{font-
size:18px;margin-bottom:15px}
.kolom-artikel p.lead,.kolom-artikel-b p.lead{font-size:16px}
hr{margin-top:10px;margin-bottom:10px}
hr.intro-divider{margin-top:20px;margin-bottom:20px}
.intro-header{height:auto}
.intro-message{padding-top:20%}
#maps,.content-section-b form{padding:20px 0}
}
@media screen and (max-width:603px){.image-kolom,.image-kolom-b,.kolom-
artikel,.kolom-artikel-b{float:none;width:100%;margin:0 auto;padding:20px}
.image-kolom img,.image-kolom-b img{max-width:100%}
.container{padding-right:0;padding-left:0}
.intro-message>.title-land{font-size:2em}
ul.banner-social-buttons>li,ul.intro-social-buttons>li{display:block;margin-
bottom:20px;padding:0}
}

/*]]>*/
</style>
</b:if>
<b:if cond='data:blog.pageType != &quot;static_page&quot; and data:blog.pageType !=
&quot;item&quot;'>
<style type='text/css'>
/*<![CDATA[*/
.post-comment-link,.readmorebutton a{border:1px solid transparent}
a.home-link{font-size:150%;text-align:center;transition:all 400ms ease-in-out;}
.mobile-desktop-link a.home-link{font-size:0;font-weight:400;background:0
0;padding:0}
.post{position:relative}
.post-body{padding-top:15px;margin-bottom:15px}
.post{height:auto;width:100%}
.summary{height:100%;font-size:16px;font-family:Roboto,sans-serif;font-
weight:300;line-height:1.4em}
.post{float:left;margin:0;padding:6px 0 30px;border-bottom:1px solid #dedede;}
.posts-thumb{position:relative;margin-
right:10px;float:left;width:190px;height:120px;overflow:hidden}
.posts-thumb img{transition:all 600ms ease-in-out;}
.posts-thumb:hover img{-webkit-transform: scale(1.3);-ms-transform: scale(1.3);-o-
transform: scale(1.3);transform: scale(1.3);}
h2.post-title a{font-size:20px;color:#3b5998!important}
.post:hover h2.post-title a{color:#23355b!important}
h2.post-title{padding:10px 60px 15px 0;margin:0;border-bottom:1px solid
#dedede;line-height:.7em}
.readmorebutton a{color:#fff;background:#26272B;text-decoration:none;padding:5px
8px;margin:10px 0 0;font-size:12px;font-weight:300;text-
align:center;display:inline;border-radius:5px;float:right;transition:all 400ms
ease-in-out;line-height:1.2em}
.post-comment-link{background:#3b5998;font-size:12px;line-
height:20px;display:block;position:absolute;top:17px;right:0;}
.post-comment-link:before{content:'';display:inline-block;border-left:7px solid
transparent;border-right:7px solid #3b5998;border-top:7px solid transparent;border-
bottom:7px solid transparent;position:absolute;top:3px;left:-14px}
.post-comment-link a{padding:10px 7px;color:#fff;text-decoration:none;font-
weight:500}
.post-labels,.post-labels a{color:#999;font-size:12px}
.post-labels{display:block;margin:0 0 20px 200px;border-bottom:1px solid
#dedede;padding:0;}
a.video-button,a.video-button1{display:none}
.Video{position:relative}
.post-body .Video a.video-
button{position:absolute;display:block;color:#000;padding:0;top:50%;left:50%;margin
:-27px 0 0 -27px;text-decoration:inherit;font-style:normal;font-weight:400;font-
size:300%;opacity:.5;transition:all 400ms ease-in-out}
.post-body:hover a.video-button{opacity:1}
.readmore{position:absolute;bottom:20px;right:0;background:#ddd;color:#fff!
important;padding:0 8px;font-size:12px;font-weight:300}
.post:hover .readmore{background:#777}
.readmore:hover{padding:0 15px}
.status-msg-wrap{font-size:18px!important;font-family: Roboto,sans-serif;font-
weight:300;width:100%!important;color:#666;margin:0 0 30px!
important;position:relative;border-bottom:1px solid #ddd;background:#fff!
important;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing:
border-box;padding:10px 0 0!important;}
.status-msg-border{border:1px solid #000;opacity:0!
important;width:100%;position:relative;-moz-box-sizing: border-box;-webkit-box-
sizing: border-box;box-sizing: border-box;}
.status-msg-bg{background-color:#ccc;opacity:.8;width:100%;position:relative;z-
index:1}
.status-msg-body{text-align:center;padding:0 10px!important;width:auto!
important;position:absolute;word-wrap:break-word;z-index:4}
.status-msg-hidden{visibility:hidden;padding:.3em 0}
.status-msg-wrap a{padding-left:.4em;color:#3b8dbd!important;font-weight:500;text-
decoration:none!important;}
@media screen and (max-width:414px){.posts-thumb{margin-
right:0;float:none;width:100%;height:auto;overflow:hidden}
.posts-thumb img{width:100%;height:auto;}
.post-labels{margin:10px 0;border-top:1px solid #dedede;}
.post{padding-bottom:40px;}
}
/*]]>*/
</style>
</b:if>

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


<style type='text/css'>
/*<![CDATA[*/
.thumbnail-video{display:none;}
.related-post h4,.related-post-style-3 .related-post-item-title{color:#666;font-
family:Roboto,sans-serif}
.post{padding-top:0;position:relative}
.post h1, .post h2 {width: 100%;padding:20px 0;border-bottom:1px solid #dedede;}
.post-body img{width:auto;max-width:100%;height:auto}
a.home-link{visibility:hidden}
.post-body table tr:nth-child(odd) {background: #e9e9e9;}
.related-post{width:auto;margin:0 -10px;padding-bottom:12px;}
.related-post h4{margin:0 10px!important;background:none;font-size:20px;font-
weight:500;padding:0;color:#666;}
.related-post-style-3,.related-post-style-3 li{margin:0!important;padding:0;list-
style:none;word-wrap:break-word;overflow:hidden;width:100%}
.related-post-style-3 .related-post-
item{display:block;float:left;width:33.333%;height:190px;padding:10px 10px;margin-
bottom:10px!important;border-left:1px solid transparent;-moz-box-sizing: border-
box;-webkit-box-sizing: border-box;box-sizing: border-box;position:relative}
.related-post-style-3 .related-post-item:first-child{border-left:none}
.related-post-style-3 .related-post-item-
thumbnail{display:block;margin:0;width:100%;height:130px;max-width:none;max-
height:none;background-color:transparent;border:none;padding:0;transition:all 400ms
ease-in-out;}
.related-post-style-3 .related-post-item:hover .related-post-item-
thumbnail{opacity:.6;}
.related-post-style-3 .related-post-item-tooltip{padding:8px 0;text-
align:center;transition:all 400ms ease-in-out;}
.related-post-style-3 .related-post-item:hover .related-post-item-tooltip{bottom:0}
.related-post-style-3 .related-post-item-title{color:#666;text-
align:center;padding: 0px;font-size:16px;font-weight:500;width:auto!important;
height:auto;transition:all 400ms ease-in-out;line-height:1.3em}
.related-post-style-3 .related-post-item-title:hover{color:#222}

.post-body h1{font-size:28px;font-size:1.75rem;border-bottom:none!
important;padding:0!important}
.post-body h2{font-size:23px;font-size:1.4375rem;border-bottom:none!
important;padding:0!important}
.post-body h3{font-size:19px;font-size:1.1875rem;font-weight: 900;color:#333;}
.post-body h4,.post-body h5,.post-body h6{font-size:16px;font-size:1rem;font-
weight: 900;color:#333;}
.post-body a{font-weight:500;}

code,pre{font-family:Inconsolata,monospace}
pre{border:1px solid #d1d1d1;font-size:14px;font-size:1rem;line-
height:1.3125;margin:0;max-width:100%;overflow:auto;padding:10px;white-
space:pre;white-space:pre-wrap;word-wrap:break-word}
code{background-color:#d1d1d1;padding:.125em .25em}
mark{background:#007acc;color:#fff;padding:.125em .25em;text-decoration:none}

blockquote{display:block;background:#fff;padding:25px 15px 10px;margin:10px


0;position:relative;font-family:Georgia,serif;font-size:18px;line-
height:1.3em;color:#666;text-align:justify;border-left:15px solid #555;border-
right:2px solid #555;box-shadow:2px 2px 15px #ccc}
blockquote::before{content:"\201C";font-family:Georgia,serif;font-size:100px;font-
weight:500;color:#999;position:absolute;left:10px;top:15px;text-shadow:2px 2px 0
#ccc}
#subscribe-box,#subscribe-box .emailfield input{font-family:Roboto,sans-serif}
blockquote::after{content:""}
blockquote a{text-decoration:none;color:#ffa133!important}
blockquote a:hover{color:#333!important}
blockquote em{font-style:italic}
blockquote p{margin:0!important}
blockquote cite{color:#999;font-size:14px;display:block;margin-top:5px}
blockquote cite:before{content:"\2014 \2009"}

.post-body table{font-size:14px;margin-bottom:1.5em;width:100%;text-align:center}
.post-body table tr.alt{background:#e9e9e9}
.post-body table td{border-bottom:1px solid #e9e9e9;text-
align:center;padding:5px;vertical-align:middle}
.post-body table th{font-weight:500;text-align:center;border-top:1px solid
#e9e9e9;border-bottom:1px solid #e9e9e9;padding:10px 5px}
.post-body img.video-thumbnail{display:none;visibility:hidden;height:0}
.post-body i{font-style:italic!important}
.post-icons{position:absolute;right:0;top:10px;font-size:20px}
.post-icons a,a.print-button{color:#666!important}
.post-icons .item-control{display:block}
.share-box{position:relative;margin-top:20px}
.print-button{position:absolute;right:35px;top:10px;font-size:20px}
.post h2.sharetitle{display:block;float:left;font-size:18px;margin-top:10px!
important;padding:0;font-weight:500;line-height:1.4em;border-bottom:0}
.don-share {margin:5px -10px 15px 0!important;}
.don-share .don-share-total{position:relative!important}
.don-share .don-share-total:after{bottom:0!important}
.don-share .don-share-expand:before{line-height:20px!important}
/*]]>*/
</style>
</b:if>

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


<style type='text/css'>
#sidebar-right{display:none}
.post h1,.post h2{text-align:center;margin:0 20px;padding:10px 0;border-bottom:1px
solid #ddd}
.post{margin:5px!important;padding:0}
#comments{display:none}
.post-body{margin:0;padding:20px}
#main-wrapper{width:100%;padding:0}
.postmeta{padding-left:0;margin:8px 20px 0}
a.home-link{visibility:hidden}
</style>
</b:if>

<script type='text/javascript'>
//<![CDATA[
cookieOptions = {
msg: "This site uses cookies to help deliver services. By using this site, you
agree to the use of cookies.",
link: "https://www.blogger.com/go/blogspot-cookies",
close: "Got it!",
learn: "Learn More" };
//]]>
</script>
&lt;/head&gt;&lt;!--<head/>--&gt;
<body itemscope='itemscope' itemtype='http://schema.org/WebPage'>
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<style scoped='scoped' type='text/css'>
#error-page{background:#efefef;position:fixed !important;position:absolute;text-
align:center;top:0;right:0;bottom:0;left:0;z-index:99999;width:100%}
#error-page .error-404 {text-align: center; transition: all 0.8s ease 0s;color:
#b0130d; font-size:800%; font-weight: 600;margin-bottom:0px;margin-top:0;line-
height:1em}
#error-page .large-heading1 {color: #000;font-size:400%;margin-top:1%;margin-
bottom:0px;position:relative;font-weight:600}
#error-page .large-heading2 {color: #000;font-size:250%;}
#error-page .light-heading1 {color: #000;font-size:150%;}
#error-page .light-heading2 {color: #000;font-size:100%;line-height:1.8em;}
#error-page #search{text-align:center!important}
#search input{padding:6px 10px;margin:15px 0 0 -1px}
</style>
<div id='error-page'>
<div class='large-heading1'>OOPS!</div>
<div class='error-404'>404</div>
<div class='large-heading2'>LAMAN TIDAK DITEMUKAN</div><br/>
<div class='light-heading1'>Mungkin halaman telah dihapus. Kami mohon maaf atas
ketidaknyamanan ini.</div><br/>
<div class='light-heading2'>Silahkan Klik <a expr:href='data:blog.homepageUrl'
title='Homepage'><span style='background:#ddd;border:1px solid #aaa;border-
radius:3px;padding:2px 5px'><b>DI SINI</b></span></a> untuk kembali ke homepage
<b><data:blog.title/></b>.<br/>
Atau gunakan <b>Search Box</b> di bawah ini untuk kembali mencari artikel yang Anda
inginkan.
</div>
<div class='searchform' id='searchform'>
<div id='search'>
<script type='text/javascript'>
var GOOG_FIXURL_LANG = &quot;en&quot;;
var GOOG_FIXURL_SITE = &quot;<data:blog.homepageUrl/>&quot;
</script>
<script src='//linkhelp.clients.google.com/tbproxy/lh/wm/fixurl.js'
type='text/javascript'>
</script>
<div class='clear'/>
</div>
</div>
</div>
</b:if>
<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
<div itemprop='mainContentOfPage' itemscope='itemscope'
itemtype='https://schema.org/WebPageElement'>
<div class='content-wrapper'>
<div class='sticky' id='sticky'>
<div class='mobile-menu-ikon mobile-menu' id='mobile-menu-ikon'
onclick='openMobilemenu()'>
<i class='fa fa-bars fa-2x'/>
</div>
<div id='judulblog'>
<div class='menu-search' onclick='openSosprofil()'><span id='search-icon'><i
class='fa fa-search'/></span><span id='close-icon'><i class='fa fa-
times'/></span></div>
<div id='menupage'>
<nav class='page-menu mobile-menu-nav' itemprop='mainEntity' itemscope='itemscope'
itemtype='https://schema.org/SiteNavigationElement'>
<ul>
<li><a expr:href='data:blog.homepageUrl + &quot;p/about.html&quot;'
itemprop='url' title='About'><span itemprop='name'>About</span></a></li>
<li><a expr:href='data:blog.homepageUrl + &quot;#service&quot;' itemprop='url'
onclick='toggle_visibility();' title='Service'><span
itemprop='name'>Service</span></a></li>
<li><a expr:href='data:blog.homepageUrl + &quot;#contact&quot;' itemprop='url'
onclick='toggle_visibility();' title='Contact'><span
itemprop='name'>Contact</span></a></li>
<li><a expr:href='data:blog.homepageUrl + &quot;#maps&quot;' itemprop='url'
onclick='toggle_visibility();' title='Location'><span
itemprop='name'>Location</span></a></li>
<li><a href='javascript:void(0)' itemprop='url' onclick='openBlog()'
title='Sitemap'><span itemprop='name'>Blog</span></a></li>
<li><a expr:href='data:blog.homepageUrl + &quot;p/privacy.html&quot;'
itemprop='url' title='Privacy'><span itemprop='name'>Privacy</span></a></li>
<li class='mobile-menu'><a href='#' itemprop='url' title='Bisnis'><span
itemprop='name'>Bisnis</span></a></li>
<li class='mobile-menu'><a href='#' itemprop='url' title='Otomotive'><span
itemprop='name'>Otomotive</span></a></li>
<li class='mobile-menu'><a href='#' itemprop='url' title='Seleb'><span
itemprop='name'>Seleb</span></a></li>
<li class='mobile-menu'><a href='#' itemprop='url' title='Technology'><span
itemprop='name'>Technology</span></a></li>
<li class='mobile-menu'><a href='#' itemprop='url' title='Life Style'><span
itemprop='name'>Life Style</span></a></li>
<li class='mobile-menu'><a href='#' itemprop='url' title='World'><span
itemprop='name'>World</span></a></li>
</ul>
<div class='clear'/>
</nav>
</div>
<div class='clear'/>
<div id='search-box'>
<div itemprop='mainEntity' itemscope='itemscope'
itemtype='https://schema.org/WebSite'>
<meta expr:content='data:blog.homepageUrl' itemprop='url'/>
<form action='/search' itemprop='potentialAction' itemscope='itemscope'
itemtype='https://schema.org/SearchAction' method='get'>
<meta content='/search?q={q}' itemprop='target'/>
<input id='search-form' itemprop='query-input' name='q' placeholder='Search here
and hit enter' required='required' type='text'/>
</form>
</div>
<div class='clear'/>
</div>
<div class='clear'/>
</div>

<header itemprop='mainEntity' itemscope='itemscope'


itemtype='https://schema.org/WPHeader'>
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Kompi Landing Page (Header)'
type='Header'>
<b:includable id='main'>
<div id='header-inner'>
<div class='titlewrapper'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<h1 class='title' itemprop='headline'>
<b:include name='title'/>
</h1>
<b:else/>
<p class='title' itemprop='headline'>
<b:include name='title'/>
</p>
</b:if>
</div><b:include name='description'/>
<div class='clear'/>
</div>
</b:includable>
<b:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'
itemprop='description'><span><data:description/></span></p>
</div>
</b:includable>
<b:includable id='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<a expr:href='data:blog.homepageUrl' expr:title='data:title'
itemprop='url'><span itemprop='name'><data:title/></span></a>
<b:else/>
<a expr:href='data:blog.homepageUrl' expr:title='data:title'
itemprop='url'><span itemprop='name'><data:title/></span></a>
</b:if>
</b:includable>
</b:widget>
</b:section>
<div class='clear'/>
</div>
</header><!-- end header-wrapper -->
<div class='clear'/>
</div>

<b:if cond='data:blog.url == data:blog.homepageUrl'>


<div id='landing-blog'>
<div class='intro-header'>
<div class='container'>
<div class='intro-message'>
<div class='title-land'><data:blog.title/></div>
<h3><data:blog.metaDescription/></h3>
<hr class='intro-divider'/>
<ul class='list-inline intro-social-buttons'>
<li>
<a class='btn btn-default btn-lg' href='#'><i
class='fa fa-twitter fa-fw'/> <span class='network-name'>Twitter</span></a>
</li>
<li>
<a class='btn btn-default btn-lg' href='#'><i
class='fa fa-facebook fa-fw'/> <span class='network-name'>Facebook</span></a>
</li>
<li>
<a class='btn btn-default btn-lg' href='#'><i class='fa
fa-google-plus fa-fw'/> <span class='network-name'>Google+</span></a>
</li>
<li>
<a class='btn btn-default btn-lg' href='#'><i
class='fa fa-linkedin fa-fw'/> <span class='network-name'>Linkedin</span></a>
</li>
</ul>
</div>
</div>
</div>
<div class='content-section-a' id='service'>
<div class='container'>
<div class='kolom-artikel'>
<h2 class='section-heading'>Death to the Stock Photo:<br/>Special
Thanks</h2>
<hr/>
<p class='lead'>A special thanks to <a
href='http://join.deathtothestockphoto.com/' rel='nofollow' target='_blank'
title='Death to the Stock Photo'>Death to the Stock Photo</a> for providing the
photographs that you see in this template. Visit their website to become a
member.</p>
</div>
<div class='image-kolom'>
<img alt='' class='img-responsive' data-
src='https://3.bp.blogspot.com/-KIKZs9hBB9w/Vv2-
_iVPrCI/AAAAAAAAmBw/8cU_XfsqdaUcB25d74g31Ne_Alh1-IVRg/s1600/ipad.png'
src='data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs='/>
<div class='clear'/>
</div>
<div class='clear'/>
</div>
</div>
<div class='content-section-b'>
<div class='container'>
<div class='kolom-artikel-b'>
<h2 class='section-heading'>3D Device Mockups<br/>by
PSDCovers</h2>
<hr/>
<p class='lead'>Turn your 2D designs into high quality, 3D
product shots in seconds using free Photoshop actions by <a
href='http://www.psdcovers.com/' rel='nofollow' target='_blank'
title='PSDCovers'>PSDCovers</a>! Visit their website to download some of their
awesome, free photoshop actions!</p>
</div>
<div class='image-kolom-b'>
<img alt='' class='img-responsive' data-
src='https://1.bp.blogspot.com/-dY1GlGkUeBg/Vv2-
_feYLiI/AAAAAAAAmBs/IDR0BtTyp8YdAEZQWp6Gen5PegFMvYPKQ/s1600/dog.png'
src='data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs='/>
<div class='clear'/>
</div>
<div class='clear'/>
</div>
</div>
<div class='content-section-a'>
<div class='container'>
<div class='kolom-artikel'>
<h2 class='section-heading'>Google Web Fonts and<br/>Font Awesome
Icons</h2>
<hr/>
<p class='lead'>This template features the &#39;Roboto&#39;
font, part of the <a href='http://www.google.com/fonts' rel='nofollow'
target='_blank' title='Google Web Font library'>Google Web Font library</a>, as
well as <a href='http://fontawesome.io' rel='nofollow' target='_blank' title='icons
from Font Awesome'>icons from Font Awesome</a>.</p>
</div>
<div class='image-kolom'>
<img alt='' class='img-responsive' data-
src='https://1.bp.blogspot.com/-c1Xa30Ani8E/Vv2--VpheDI/AAAAAAAAmBo/3muVZfuzqDs-
mPM5K6L-sHL-4tp4VrQXg/s1600/phones.png'
src='data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs='/>
<div class='clear'/>
</div>
<div class='clear'/>
</div>
</div>

<div class='content-section-b' id='contact'>


<div class='container'>
<form name='contact-form'>
<span class='contact-form-name'>
<input id='ContactForm1_contact-form-name' name='name' placeholder='Name' size='30'
type='text' value=''/></span><br/>
<span class='contact-form-email'>
<input id='ContactForm1_contact-form-email' name='email' placeholder='Email'
size='30' type='text' value=''/></span><br/>
<textarea cols='25' id='ContactForm1_contact-form-email-message' name='email-
message' placeholder='Message' rows='5'/><br/>
<input id='ContactForm1_contact-form-submit' type='button' value='Kirim'/><br/>
<div class='clear'/>
<div style='max-width: 100%; text-align: left; width: 100%;'>
<div id='ContactForm1_contact-form-error-message'>
</div>
<div id='ContactForm1_contact-form-success-message'>
</div>
</div>
</form>
<div class='clear'/>
</div>
</div>

<div class='banner'>
<div class='container'>
<div class='col-lg-6'>
<h2>Connect to <data:blog.title/>:</h2>
</div>
<div class='col-lg-6'>
<ul class='list-inline banner-social-buttons'>
<li>
<a class='btn btn-default btn-lg' href='#'><i class='fa
fa-twitter fa-fw'/> <span class='network-name'>Twitter</span></a>
</li>
<li>
<a class='btn btn-default btn-lg' href='#'><i class='fa
fa-facebook fa-fw'/> <span class='network-name'>Facebook</span></a>
</li>
<li>
<a class='btn btn-default btn-lg' href='#'><i class='fa
fa-google-plus fa-fw'/> <span class='network-name'>Google+</span></a>
</li>
<li>
<a class='btn btn-default btn-lg' href='#'><i class='fa
fa-linkedin fa-fw'/> <span class='network-name'>Linkedin</span></a>
</li>
</ul>
</div>
</div>
<div class='clear'/>
</div>

<div class='content-section-a' id='maps'>


<div class='container'>
<script type='text/javascript'>
//<![CDATA[
document.write('<div style="text-align:center;margin:0 auto;width:100%;"><div
style="position:relative;padding-
bottom:56.25%;height:0;overflow:hidden;margin:0;"><iframe data-
src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d15815.64098708776!
2d108.6540917!3d-7.6927812!3m2!1i1024!2i768!4f13.1!3m3!1m2!
1s0x0%3A0x87c06a93566bfd91!2sKompiAjaib.com!5e0!3m2!1sen!2sid!4v1459470975027"
style="border:0;position:absolute;top:0;left:0;width:100%;height:100%;"
allowfullscreen></iframe></div></div>');
//]]>
</script>
<div class='clear'/>
</div>
</div>

</div><!-- end landing-blog -->


</b:if>
<div class='slideInUp' id='blog'>
<div class='iklan-bawahheader'>
<div style='width:100%;height:90px;background:#f1e791;margin:0 auto'/>
</div>

<div class='mobile-hide' id='cssmenu-wrapper'>


<div id='css-menu'>
<nav id='cssmenu' itemprop='mainEntity' itemscope='itemscope'
itemtype='https://schema.org/SiteNavigationElement'>
<ul>
<li><a expr:href='data:blog.homepageUrl + &quot;search?&amp;max-results=7&quot;'
itemprop='url' title='Home Blog'><span itemprop='name'>Home Blog</span></a></li>
<li><a href='#' itemprop='url' title='Bisnis'><span
itemprop='name'>Bisnis</span></a></li>
<li><a href='#' itemprop='url' title='Otomotive'><span
itemprop='name'>Otomotive</span></a></li>
<li><a href='#' itemprop='url' title='Seleb'><span
itemprop='name'>Seleb</span></a></li>
<li><a href='#' itemprop='url' title='Technology'><span
itemprop='name'>Technology</span></a></li>
<li><a href='#' itemprop='url' title='Life Style'><span itemprop='name'>Life
Style</span></a></li>
<li><a href='#' itemprop='url' title='World'><span
itemprop='name'>World</span></a></li>
</ul>
</nav>
<div class='clear'/>
</div>
</div>

<div id='outer-wrapper'>
<div itemscope='itemscope' itemtype='https://schema.org/Blog'>
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'
version='1'>
<b:includable id='main' var='top'>
<b:include data='posts' name='breadcrumb'/>
<b:if cond='data:mobileindex'>
<!-- mobile index -->
<div class='blog-posts hfeed'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.isFirstPost == &quot;false&quot;'>
&lt;/div&gt;
</b:if>
&lt;div class=&quot;mobile-date-outer date-outer&quot;&gt;
<div expr:onclick='data:post.indexOnclick'>
<b:include data='post' name='mobile-index-post'/>
</div>
<b:if cond='data:post.trackLatency'>
<data:post.latencyJs/>
</b:if>
</b:loop>
<b:if cond='data:numPosts != 0'>
&lt;/div&gt;
</b:if>
</div>
<b:else/>
<!-- posts -->
<div class='blog-posts hfeed'>

<b:include data='top' name='status-message'/>

<data:defaultAdStart/>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.isDateStart'>
<b:if cond='data:post.isFirstPost == &quot;false&quot;'>
&lt;/div&gt;&lt;/div&gt;
</b:if>
</b:if>
<b:if cond='data:post.isDateStart'>
&lt;div class=&quot;date-outer&quot;&gt;
</b:if>

<b:if cond='data:post.isDateStart'>
&lt;div class=&quot;date-posts&quot;&gt;
</b:if>
<div class='post-outer'>
<b:include data='post' name='post'/>
<b:include cond='data:blog.pageType in
{&quot;static_page&quot;,&quot;item&quot;}' data='post' name='comments'/>
</div>
<b:if cond='data:post.includeAd'>
<b:if cond='data:post.isFirstPost'>
<data:defaultAdEnd/>
<b:else/>
<data:adEnd/>
</b:if>
<b:if cond='data:mobile == &quot;false&quot;'>
<div class='inline-ad'>
<data:adCode/>
</div>
</b:if>
<data:adStart/>
</b:if>
<b:if cond='data:post.trackLatency'>
<data:post.latencyJs/>
</b:if>
</b:loop>
<b:if cond='data:numPosts != 0'>
&lt;/div&gt;&lt;/div&gt;
</b:if>
<data:adEnd/>
</div>
</b:if>
<div class='clear'/>
<!-- navigation -->
<b:if cond='data:mobile'>
<b:include name='mobile-nextprev'/>
<b:else/>
<b:include name='nextprev'/>

<!-- feed links -->


<b:include name='feedLinks'/>
</b:if>

<b:if cond='data:top.showStars'>
<script src='//www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>
google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;:
&quot;<data:top.languageCode/>&quot;});
function initialize() {
google.annotations.setApplicationId(<data:top.blogspotReviews/>);
google.annotations.createAll();
google.annotations.fetch();
}
google.setOnLoadCallback(initialize);
</script>
</b:if>
<b:if cond='data:top.showDummy'>
<data:top.dummyBootstrap/>
</b:if>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
<img alt='delete icon' expr:title='data:top.deleteBacklinkMsg' height='13'
src='//www.blogger.com/img/icon_delete13.gif' width='13'/>
</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'>&#160;</span>
<a expr:href='data:backlink.url' expr:title='data:backlink.title'
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:backlink.author/></span>
<span class='comment-timestamp'><data:post.timestampLabel/>
<data: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='data:widget.instanceId + &quot;_backlinks-create-link&quot;'
expr:title='data:post.createLinkLabel' rel='nofollow'
target='_blank'><data:post.createLinkLabel/></a>
</p>
</b:includable>
<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs'>
<span itemscope='itemscope' itemtype='https://data-vocabulary.org/Breadcrumb'><a
expr:href='data:blog.homepageUrl' itemprop='url' title='Home'><span
itemprop='title'><i class='fa fa-home'/>
Home&amp;nbsp;</span></a></span>&amp;nbsp;<i class='fa fa-tags'/>
<b:loop values='data:post.labels' var='label'>
<span itemscope='itemscope' itemtype='https://data-vocabulary.org/Breadcrumb'><a
expr:href='data:label.url + &quot;?max-results=6&quot;'
expr:title='data:label.name' itemprop='url'><span
itemprop='title'><data:label.name/></span></a><b:if cond='data:label.isLast !=
&quot;true&quot;'> <i class='fa fa-angle-right'/> </b:if></span>
</b:loop>
<i class='fa fa-angle-right'/> <span><data:post.title/></span>
</div>
</b:if>
</b:loop>
</b:if>
</b:if>
</b:includable>
<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<b:if cond='data:mobile'>
<h4 id='comment-post-message'>
<a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-
link&quot;' expr:title='data:postCommentMsg'
href='javascript:void(0)'><data:postCommentMsg/></a></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<a expr:href='&quot;https://www.blogger.com/comment-iframe.g?blogID=&quot;
+ data:blog.blogId + &quot;&amp;amp;pageID=&quot; + data:post.id' id='comment-
editor-src' title='comment editor'/>
<iframe class='blogger-iframe-colorize blogger-comment-from-post'
height='230' id='comment-editor' name='comment-editor'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<a expr:href='&quot;https://www.blogger.com/comment-iframe.g?blogID=&quot;
+ data:blog.blogId + &quot;&amp;amp;postID=&quot; + data:post.id' id='comment-
editor-src' title='comment editor'/>
<iframe class='blogger-iframe-colorize blogger-comment-from-post'
height='230' id='comment-editor' name='comment-editor'/>
</b:if>
<b:else/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<div id='threaded-comment-form'>
<p><data:blogCommentMessage/><br/>
<span class='small-button'>
<span id='show-emo'><a class='emo-button' href='javascript:void(0)'
onclick='document.getElementById(&apos;emo-box&apos;).style.display=&apos;inline-
block&apos;;document.getElementById(&apos;hide-
emo&apos;).style.display=&apos;inline-
block&apos;;document.getElementById(&apos;show-
emo&apos;).style.display=&apos;none&apos;' title='Show Emoticon'><i class='fa fa-
smile-o'/></a></span><span id='hide-emo' style='display:none'><a class='emo-button'
href='javascript:void(0)' onclick='document.getElementById(&apos;emo-
box&apos;).style.display=&apos;none&apos;;document.getElementById(&apos;hide-
emo&apos;).style.display=&apos;none&apos;;document.getElementById(&apos;show-
emo&apos;).style.display=&apos;inline-block&apos;' title='Hide Emoticon'><i
class='fa fa-smile-o'/></a></span>
</span>
</p>
<div id='emo-box' style='display:none'>
<div class='comment_emo_list'/>
</div>
<data:blogTeamBlogMessage/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<a expr:href='&quot;https://www.blogger.com/comment-iframe.g?blogID=&quot;
+ data:blog.blogId + &quot;&amp;amp;pageID=&quot; + data:post.id' id='comment-
editor-src' title='comment editor'/>
<iframe class='blogger-iframe-colorize blogger-comment-from-post'
height='230' id='comment-editor' name='comment-editor'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<a expr:href='&quot;https://www.blogger.com/comment-iframe.g?blogID=&quot;
+ data:blog.blogId + &quot;&amp;amp;postID=&quot; + data:post.id' id='comment-
editor-src' title='comment editor'/>
<iframe class='blogger-iframe-colorize blogger-comment-from-post'
height='230' id='comment-editor' name='comment-editor'/>
</b:if>
</div>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe(&quot;<data:post.appRpcRelayPath/>&quot;,
&quot;<data:post.communityId/>&quot;);
</script>
</div>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
<b:if cond='data:showCmtPopup'>
<div class='goog-toggle-button'>
<div class='goog-inline-block comment-action-icon'/>
</div>
<b:else/>
<a class='comment-delete' expr:href='&quot;//www.blogger.com/delete-
comment.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; +
data:comment.id' title='delete comment'><i class='fa fa-times'/></a>
</b:if>
</span>
</b:includable>
<b:includable id='comment_count_picker' var='post'>
<b:if cond='data:post.forceIframeComments'>
<span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments'
expr:data-onclick='data:post.addCommentOnclick' expr:data-
url='data:post.canonicalUrl'>
</span>
<b:else/>
<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-
url='data:post.canonicalUrl'>
</span>
<b:else/>
<a class='comment-link' expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'>
<data:post.commentLabelFull/>:
</a>
</b:if>
</b:if>
</b:includable>
<b:includable id='comment_picker' var='post'>
<b:if cond='data:post.forceIframeComments'>
<b:include data='post' name='iframe_comments'/>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
<b:else/>
<b:if cond='data:post.commentSource == 1'>
<b:include data='post' name='iframe_comments'/>
<b:else/>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<b:if cond='data:post.allowComments'>
<h3><data:post.commentLabelFull/></h3>
<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>
&#160;
<a expr:class='data:post.oldLinkClass'
expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
&#160;
<data:post.commentRangeText/>
&#160;
<a expr:class='data:post.newLinkClass'
expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
&#160;
<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 comment-set' data-level='0'
expr:id='data:comment.anchorName'>
<b:if cond='data:post.adminClass == data:comment.adminClass'>
&lt;div class=&#39;comment_inner comment_admin&#39;&gt;
<b:else/>
&lt;div class=&#39;comment_inner&#39;&gt;
</b:if>
<div class='comment_area'>
<div class='comment_header'>
<div class='comment_avatar'>
<img alt='avatar' expr:src='data:comment.authorAvatarSrc'
expr:title='data:comment.author'/>
</div>
<div class='comment_name'>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl'
expr:title='data:comment.author' rel='nofollow'
target='_blank'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<b:if cond='data:comment.author == data:post.author'>
<span class='comment_author_flag'>Admin</span>
</b:if>
</div>
<div class='comment_service'>
<a expr:href='data:comment.url' rel='nofollow'
title='permalink'><span class='comment_date'><data:comment.timestamp/></span></a>

</div>
<div class='clear'/>
</div>
<div class='comment_body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
<a class='comment_reply' expr:href='&quot;#r_&quot;+data:comment.anchorName'
expr:id='&quot;r&quot;+data:comment.anchorName'
onclick='javascript:Display_Reply_Form(this)' title='Balas'><i class='fa fa-
reply'/></a>
<a class='comment-delete' expr:href='&quot;//www.blogger.com/delete-
comment.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; +
data:comment.id' expr:title='data:top.deleteCommentMsg'><i class='fa fa-
times'/></a>
<div class='clear'/>
</b:if>
</div>
<div class='clear'/>
&lt;/div&gt;
<div class='clear'/>
</div>
<div class='comment_child'/>
<div class='comment_reply_form' expr:id='&quot;r_f_&quot;
+data:comment.anchorName'/>
</div>
</b:loop>
</div>
<div class='clear'/>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass'
expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
&#160;
<a expr:class='data:post.oldLinkClass'
expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
&#160;
<data:post.commentRangeText/>
&#160;
<a expr:class='data:post.newLinkClass'
expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
&#160;
<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' id='comment-form'>

<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>

<b:include data='post' name='threaded-comment-form'/>


<b:else/>
<data:post.noNewCommentsText/>
</b:if>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</div>
</b:if>
</div>
<script type='text/javascript'>
//<![CDATA[
if (typeof(jQuery) == 'undefined') {document.write("<scr" + "ipt
type=\"text/javascript\"
src=\"http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js\"></scr" +
"ipt>");}
//]]>
</script>
<script async='async'
src='//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js'
type='text/javascript'/>
<script type='text/javascript'>
<b:if cond='data:post.numComments != 0'>
var Items = <data:post.commentJso/>;
var Msgs = <data:post.commentMsgs/>;
var Config = <data:post.commentConfig/>;
<b:else/>
var Items = {};
var Msgs = {};
var Config = {&quot;maxThreadDepth&quot;:&quot;0&quot;};
</b:if>
//<![CDATA[
function downloadJSAtOnload2(){var
d=document.createElement("script");d.src="https://cdn.rawgit.com/KompiAjaib/js/mast
er/comment-hack.js",document.body.appendChild(d)}window.addEventListener?
window.addEventListener("load",downloadJSAtOnload2,!1):window.attachEvent?
window.attachEvent("onload",downloadJSAtOnload2):window.onload=downloadJSAtOnload2;

//]]>
</script>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>
<b:else/> <!--Post feed links -->
<div class='post-feeds'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.feedLinks'>
<b:include data='post.feedLinks' name='feedLinksBody'/>
</b:if>
</b:if>
</b:loop>
</div>
</b:if>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
</b:includable>
<b:includable id='iframe_comments' var='post'>
<b:if cond='data:post.allowIframeComments'>
<script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
<div class='cmt_iframe_holder'/>

<b:if cond='data:post.embedCommentForm == &quot;false&quot;'>


<a expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</b:includable>
<b:includable id='mobile-index-post' var='post'>
<b:if cond='data:post.dateHeader'>
<div class='mobile-index-date'>
<div class='date-header'>
<span><data:post.dateHeader/></span>
</div>
</div>
</b:if>
<div class='mobile-post-outer'>
<div class='mobile-index-title-outer'>
<h3 class='mobile-index-title entry-title'>
<a expr:title='data:post.title'
href='javascript:void(0)'><data:post.title/></a>
</h3>
</div>

<div>
<div class='mobile-index-arrow'>
<a href='javascript:void(0)'>&amp;rsaquo;</a>
</div>
<div class='mobile-post-contents'>
<b:if cond='data:post.thumbnailUrl'>
<div class='mobile-index-thumbnail'>
<div class='Image'>
<img expr:src='data:post.thumbnailUrl'/>
</div>
</div>
</b:if>

<div class='post-body'>
<b:if cond='data:post.snippet'><data:post.snippet/></b:if>
</div>
</div>
<div class='clear'/>
</div>
<div class='mobile-index-comment'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.numComments != 0'>
<a class='comment-link' expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments ==
1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/>
<data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</b:if>
</b:if>
</div>
</div>
</b:includable>
<b:includable id='mobile-main' var='top'>
<!-- posts -->
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='mobile-index-post'/>
</b:loop>
<b:else/>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='mobile-post'/>
</b:loop>
</b:if>
</div>
<b:include name='mobile-nextprev'/>
</b:includable>
<b:includable id='mobile-nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<div class='mobile-link-button' id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl'
expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;'
expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</div>
</b:if>

<b:if cond='data:olderPageUrl'>
<div class='mobile-link-button' id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl'
expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;'
expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</div>
</b:if>

<div class='mobile-link-button' id='blog-pager-home-link'>


<a class='home-link' expr:href='data:blog.homepageUrl'
expr:title='data:homeMsg'><data:homeMsg/></a>
</div>
<div class='mobile-desktop-link'>
<a class='home-link' expr:href='data:desktopLinkUrl'
expr:title='data:homeMsg'><data:desktopLinkMsg/></a>
</div>
</div>
<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'>
<h3 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>
</h3>
</b:if>
<div class='post-header'>
<div class='post-header-line-1'/>
</div>

<div class='post-body entry-content' expr:id='&quot;post-body-&quot; +


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'>
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<b:if cond='data:post.authorProfileUrl'>
<span class='fn'>
<a expr:href='data:post.authorProfileUrl' rel='author'
title='author profile'>
<data:post.author/>
</a>
</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='bookmark' title='permanent link'><abbr class='published'
expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span>

<span class='post-comment-link'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick' title='comment'><b:if
cond='data:post.numComments == 1'>1
<data:top.commentLabel/><b:else/><data:post.numComments/>
<data:top.commentLabelPlural/></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 == &quot;static_page&quot;'>


<b:include data='post' name='comments'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:include data='post' name='comments'/>
</b:if>
</div>
</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 + &quot;_blog-pager-newer-link&quot;'
expr:title='data:newerPageTitle'><i class='fa fa-chevron-left'/><b:if
cond='data:blog.pageType == &quot;item&quot;'> Previous</b:if></a>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl'
expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;'
expr:title='data:olderPageTitle'><b:if cond='data:blog.pageType ==
&quot;item&quot;'>Next </b:if><i class='fa fa-chevron-right'/></a>
</span>
</b:if>
<div class='mobile-link-button' id='blog-pager-home-link'>
<a class='home-link' expr:href='data:blog.homepageUrl'
expr:title='data:homeMsg'><i class='fa fa-home'/></a>
</div>
<div class='mobile-desktop-link'>
<a class='home-link' expr:href='data:desktopLinkUrl'
expr:title='data:homeMsg'><data:desktopLinkMsg/></a>
</div>
<div class='clear'/>
</div>
</b:includable>
<b:includable id='post' var='post'>
<article class='post hentry' itemprop='blogPost' itemscope='itemscope'
itemtype='http://schema.org/BlogPosting'>
<meta expr:content='data:post.snippet' property='twitter:description'/>
<b:if cond='data:post.firstImageUrl'>
<div itemprop='image' itemscope='itemscope'
itemtype='https://schema.org/ImageObject'>
<meta expr:content='data:post.firstImageUrl' itemprop='url'/>
<meta content='700' itemprop='width'/>
<meta content='700' itemprop='height'/>
</div>
<b:else/>
<div itemprop='image' itemscope='itemscope'
itemtype='https://schema.org/ImageObject'>
<meta content='https://3.bp.blogspot.com/-
x_mMtgFf6XE/VlhLxwdLekI/AAAAAAAAj3c/N7fRz1lbMSg/s72-c/no-thumbnail.jpg'
itemprop='url'/>
<meta content='700' itemprop='width'/>
<meta content='700' itemprop='height'/>
</div>
</b:if>
<div itemprop='publisher' itemscope='itemscope'
itemtype='https://schema.org/Organization'>
<div itemprop='logo' itemscope='itemscope'
itemtype='https://schema.org/ImageObject'>
<meta content='http://2.bp.blogspot.com/-
z_neu_jdmF4/VbVr4STl7mI/AAAAAAAAhiQ/-ykM7LgN2Es/s600/logo-ka.png' itemprop='url'/>
<meta content='600' itemprop='width'/>
<meta content='600' itemprop='height'/>
</div>
<meta expr:content='data:blog.title' itemprop='name'/>
</div>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:post.title'>
<h2 class='post-title entry-title' itemprop='headline'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' expr:title='data:post.title' itemprop='url
mainEntityOfPage'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url' expr:title='data:post.title' itemprop='url
mainEntityOfPage'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</b:if>
<b:else/>
<h1 class='post-title entry-title' itemprop='headline'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' expr:title='data:post.title' itemprop='url
mainEntityOfPage'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url' expr:title='data:post.title' itemprop='url
mainEntityOfPage'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<div class='postmeta'>
<h3 class='date-header'>
<span class='post-author vcard' itemprop='author' itemscope='itemscope'
itemtype='https://schema.org/Person'>
<b:if cond='data:post.authorProfileUrl'>
<i class='fa fa-user'/> <span class='fn author'>
<a expr:href='data:post.authorProfileUrl' itemprop='url'
rel='author' target='_blank' title='author profile'>
<span itemprop='name'><data:post.author/></span>
</a>
</span>
<b:else/>
<span class='fn author'><span
itemprop='name'><data:post.author/></span></span>
</b:if>
</span>
<span class='clock'> <i class='fa fa-calendar'/> <a class='updated'
expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr
class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished
dateModified'> <data:post.timestamp/></abbr></a></span></h3>
</div>
</b:if>
<div class='post-header'>
<div class='post-header-line-1'/>
</div>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='iklan-ataspost'>
<div style='width:100%;height:60px;background:#f1e791;margin:0 auto'/>
</div>
</b:if>

<meta expr:content='data:post.snippet' itemprop='description'/>


<div class='post-body entry-content' expr:id='&quot;post-body-&quot; +
data:post.id' itemprop='articleBody'>
<b:if cond='data:blog.pageType != &quot;item&quot; and data:blog.pageType !=
&quot;static_page&quot;'>
<a expr:href='data:post.url' expr:title='data:post.title' itemprop='url'>
<div class='posts-thumb'>
<b:if cond='data:post.thumbnailUrl'>
<img expr:alt='data:post.title' expr:src='data:post.thumbnailUrl'
expr:title='data:post.title' height='140' width='230'/>
<b:else/>
<img class='_post-thumbnail' expr:alt='data:post.title' height='140'
src='https://3.bp.blogspot.com/-
x_mMtgFf6XE/VlhLxwdLekI/AAAAAAAAj3c/N7fRz1lbMSg/s72-c/no-thumbnail.jpg'
width='230'/>
</b:if>
</div>
</a>
<span class='post-labels'>
<span class='post-author vcard' itemprop='author' itemscope='itemscope'
itemtype='http://schema.org/Person'>
<b:if cond='data:post.authorProfileUrl'>
<i class='fa fa-user'/> <span class='fn author'>
<a class='g-profile' expr:href='data:post.authorProfileUrl'
itemprop='url' rel='author' title='author profile'>
<span itemprop='name'><data:post.author/></span>
</a>
</span>
<b:else/>
<span class='fn author'><span
itemprop='name'><data:post.author/></span></span>
</b:if>
</span>
<i class='fa fa-tags'/>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url + &quot;?max-results=6&quot;'
expr:title='data:label.name' rel='tag nofollow'><data:label.name/></a><b:if
cond='data:label.isLast != &quot;true&quot;'>,</b:if>
</b:loop>
</b:if>
<span>&amp;nbsp; <i class='fa fa-calendar'/> <a class='updated'
expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr
class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished
dateModified'> <data:post.timestamp/></abbr></a></span>
</span>
<div class='summary'>
<data:post.snippet/>
</div>
<div class='clear'/>
<span class='post-comment-link'>
<b:if cond='data:post.allowComments'><a expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick' title='Comments'><b:if
cond='data:post.numComments == 0'><i class='fa fa-comment'/> 0</b:if><b:if
cond='data:post.numComments == 1'><i class='fa fa-comment'/> 1</b:if><b:if
cond='data:post.numComments &gt;= 2'><i class='fa fa-comments'/>
<data:post.numComments/></b:if></a></b:if>
</span>
<a class='readmore' expr:href='data:post.url' title='Read More'>Read More</a>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot; or data:blog.pageType ==
&quot;static_page&quot;'>
<data:post.body/>
</b:if>
<div class='clear'/> <!-- clear for photos floats -->
</div>
<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div class='iklan-bawahpost'>
<div style='width:100%;height:250px;background:#f1e791;margin:0 auto'/>
</div>

<div class='postmeta'>
<div class='authorphoto' id='authorphoto'>
<b:if cond='data:post.authorPhoto.url'>
<img alt='author-photo' expr:src='data:post.authorPhoto.url' height='36'
title='author photo' width='36'/>
</b:if>
</div>
<h3 class='date-header'>
<span class='post-author vcard' itemprop='author' itemscope='itemscope'
itemtype='http://schema.org/Person'>
<b:if cond='data:post.authorProfileUrl'>
<i class='fa fa-user'/> <span class='fn author'>
<a class='g-profile' expr:href='data:post.authorProfileUrl'
itemprop='url' rel='author' title='author profile'>
<span itemprop='name'><data:post.author/></span>
</a>
</span>
<b:else/>
<span class='fn author'><span
itemprop='name'><data:post.author/></span></span>
</b:if>
</span><br/>
<span class='clock'><i class='fa fa-calendar'/> <a class='updated'
expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr
class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished
dateModified'> <data:post.timestamp/></abbr></a></span>&amp;nbsp; <i class='fa fa-
tags'/> <span class='post-labels'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url + &quot;?max-results=6&quot;'
expr:title='data:label.name' rel='tag nofollow'><data:label.name/></a><b:if
cond='data:label.isLast != &quot;true&quot;'>,</b:if>
</b:loop>
</b:if>
</span></h3>
</div>

<b:include data='post' name='share-tool'/>

<div class='related-post' id='related-post'/>


<script type='text/javascript'>
var labelArray = [<b:if cond='data:post.labels'><b:loop values='data:post.labels'
var='label'>
&quot;<data:label.name/>&quot;<b:if cond='data:label.isLast !=
&quot;true&quot;'>,</b:if>
</b:loop></b:if>];
var relatedPostConfig = {
homePage: &quot;<data:blog.homepageUrl/>&quot;,
widgetTitle: &quot;&lt;h4&gt;You Might Also Like:&lt;/h4&gt;&quot;,
numPosts: 6,
summaryLength: 370,
titleLength: &quot;auto&quot;,
thumbnailSize:260,
noImage:
&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQ
ICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC&quot;,
containerId: &quot;related-post&quot;,
newTabLink: false,
moreText: &quot;Read More&quot;,
widgetStyle: 3,
callBack: function() {}
};
</script>
</b:if>
<div class='clear'/>
</article>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='blog-pager'>
<b:if cond='data:newerPageUrl'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl'
expr:title='data:newerPageTitle'><i class='fa fa-chevron-left'/> Previous</a>
</b:if>
<b:if cond='data:olderPageUrl'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl'
expr:title='data:olderPageTitle'>Next <i class='fa fa-chevron-right'/></a>
</b:if>
<div class='clear'/>
</div>
</b:if>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='&quot;item-control &quot; + data:post.adminClass'>
<a expr:href='&quot;//www.blogger.com//post-edit.g?blogID=&quot; +
data:blog.blogId + &quot;&amp;amp;postID=&quot;+ data:post.id +
&quot;&amp;amp;from=pencil&quot;' expr:title='data:top.editPostMsg'>
<i class='fa fa-pencil-square-o'/>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='share-tool' var='post'>
<div class='clear'/>
<h2 class='sharetitle'>Share this:</h2>
<div class='clear'/>
<div class='don-share' data-limit='2'>
<div class='don-share-total'/>
<div class='don-share-facebook'/>
<div class='don-share-twitter'/>
<div class='don-share-google'/>
<div class='don-share-linkedin'/>
<div class='don-share-pinterest'/>
<div class='don-share-tumblr'/>
<div class='don-share-stumbleupon'/>
<div class='don-share-reddit'/>
<div class='don-share-pocket'/>
</div>
<b:if cond='data:blog.isMobileRequest == &quot;true&quot;'>
<script>
//<![CDATA[
var whatsurl = window.location.href;
var whattitle=encodeURIComponent(document.title);
var whattitle_esc=unescape(whattitle);
document.write('<span style="display:block;font-size: 18px;font-weight: 500;margin-
bottom:5px">Share On Whatsapp:</span>\
<a href="whatsapp://send" data-text="'+whattitle_esc+'" data-href="' + whatsurl +
'" class="wa_btn wa_btn_l" style="display:none" title="Share On Whatsapp">\
Share</a>\
');
if(typeof wabtn4fg==="undefined"){wabtn4fg=1;h=document.head||
document.getElementsByTagName("head")
[0],s=document.createElement("script");s.type="text/javascript";s.src="http://yourj
avascript.com/0015517398/whatsapp-button.js";h.appendChild(s);}
//]]>
</script>
</b:if>
</b:includable>
<b:includable id='shareButtons' var='post'>
<b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-
email' expr:href='&quot;//www.blogger.com/share-post.g?blogID=&quot; +
data:blog.blogId + &quot;&amp;amp;postID=&quot;+ data:post.id +
&quot;&amp;amp;target=email&quot;' expr:title='data:top.emailThisMsg'
target='_blank'><span class='share-button-link-
text'><data:top.emailThisMsg/></span></a></b:if><b:if
cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-
blog' expr:href='&quot;//www.blogger.com/share-post.g?blogID=&quot; +
data:blog.blogId + &quot;&amp;amp;postID=&quot;+ data:post.id +
&quot;&amp;amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href,
\&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&quot;'
expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-
text'><data:top.blogThisMsg/></span></a></b:if><b:if
cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-
twitter' expr:href='&quot;//www.blogger.com/share-post.g?blogID=&quot; +
data:blog.blogId + &quot;&amp;amp;postID=&quot;+ data:post.id +
&quot;&amp;amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg'
target='_blank'><span class='share-button-link-
text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if
cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-
facebook' expr:href='&quot;//www.blogger.com/share-post.g?blogID=&quot; +
data:blog.blogId + &quot;&amp;amp;postID=&quot;+ data:post.id +
&quot;&amp;amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href,
\&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&quot;'
expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-
link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if
cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut'
expr:href='&quot;//www.blogger.com/share-post.g?blogID=&quot; + data:blog.blogId +
&quot;&amp;amp;postID=&quot;+ data:post.id + &quot;&amp;amp;target=orkut&quot;'
expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-button-
link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if
cond='data:top.showDummy'><div class='goog-inline-block dummy-container'><div
class='g-plusone' data-size='medium'/></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 class='clear'/>
</b:if>
</b:includable>
<b:includable id='threaded-comment-form' var='post'>
<div class='comment-form'>
<div id='form-wrapper'>
<b:if cond='data:mobile'>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<a expr:href='&quot;https://www.blogger.com/comment-iframe.g?blogID=&quot;
+ data:blog.blogId + &quot;&amp;amp;pageID=&quot; + data:post.id' id='comment-
editor-src' title='comment editor'/>
<iframe class='blogger-iframe-colorize blogger-comment-from-post'
height='230' id='comment-editor' name='comment-editor'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<a expr:href='&quot;https://www.blogger.com/comment-iframe.g?blogID=&quot;
+ data:blog.blogId + &quot;&amp;amp;postID=&quot; + data:post.id' id='comment-
editor-src' title='comment editor'/>
<iframe class='blogger-iframe-colorize blogger-comment-from-post'
height='230' id='comment-editor' name='comment-editor'/>
</b:if>
<b:else/>
<div id='threaded-comment-form'>
<p><data:blogCommentMessage/><br/>
<span class='small-button'>
<span id='show-emo'><a class='emo-button' href='javascript:void(0)'
onclick='document.getElementById(&apos;emo-box&apos;).style.display=&apos;inline-
block&apos;;document.getElementById(&apos;hide-
emo&apos;).style.display=&apos;inline-
block&apos;;document.getElementById(&apos;show-
emo&apos;).style.display=&apos;none&apos;' title='Show Emoticon'><i class='fa fa-
smile-o'/></a></span><span id='hide-emo' style='display:none'><a class='emo-button'
href='javascript:void(0)' onclick='document.getElementById(&apos;emo-
box&apos;).style.display=&apos;none&apos;;document.getElementById(&apos;hide-
emo&apos;).style.display=&apos;none&apos;;document.getElementById(&apos;show-
emo&apos;).style.display=&apos;inline-block&apos;' title='Hide Emoticon'><i
class='fa fa-smile-o'/></a></span>
</span>
</p>
<div id='emo-box' style='display:none'>
<div class='comment_emo_list'/>
</div>
<data:blogTeamBlogMessage/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<a expr:href='&quot;https://www.blogger.com/comment-iframe.g?blogID=&quot;
+ data:blog.blogId + &quot;&amp;amp;pageID=&quot; + data:post.id' id='comment-
editor-src' title='comment editor'/>
<iframe class='blogger-iframe-colorize blogger-comment-from-post'
height='230' id='comment-editor' name='comment-editor'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<a expr:href='&quot;https://www.blogger.com/comment-iframe.g?blogID=&quot;
+ data:blog.blogId + &quot;&amp;amp;postID=&quot; + data:post.id' id='comment-
editor-src' title='comment editor'/>
<iframe class='blogger-iframe-colorize blogger-comment-from-post'
height='230' id='comment-editor' name='comment-editor'/>
</b:if>
</div>
</b:if>
</div>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe(&quot;<data:post.appRpcRelayPath/>&quot;,
&quot;<data:post.communityId/>&quot;);
</script>
</div>
</b:includable>
<b:includable id='threaded_comment_js' var='post'>
<script type='text/javascript'>
(function() {
var items = <data:post.commentJso/>;
var msgs = <data:post.commentMsgs/>;
var config = <data:post.commentConfig/>;
//<![CDATA[
function downloadJSAtOnload3(){var
d=document.createElement("script");d.src="https://cdn.rawgit.com/KompiAjaib/js/mast
er/threaded-comment.js",document.body.appendChild(d)}window.addEventListener?
window.addEventListener("load",downloadJSAtOnload3,!1):window.attachEvent?
window.attachEvent("onload",downloadJSAtOnload3):window.onload=downloadJSAtOnload3;
//]]>
</script>
</b:includable>
<b:includable id='threaded_comments' var='post'>
<b:include name='threaded_comment_css'/>
<div class='comments' id='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'>
</iframe>
</div>
</b:if>

<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
<aside itemprop='mainEntity' itemscope='itemscope'
itemtype='https://schema.org/WPSideBar'>
<div id='sidebar-right'>
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='PopularPosts1' locked='false' title='Popular Posts'
type='PopularPosts'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
<ul>
<b:loop values='data:posts' var='post'>
<li>
<b:if cond='data:showThumbnails == &quot;false&quot;'>
<b:if cond='data:showSnippets == &quot;false&quot;'>
<!-- (1) No snippet/thumbnail -->
<a expr:href='data:post.href'
expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<!-- (2) Show only snippets -->
<div class='item-title'><a expr:href='data:post.href'
expr:title='data:post.title'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
<b:else/>
<b:if cond='data:showSnippets == &quot;false&quot;'>
<!-- (3) Show only thumbnails -->
<div class='item-thumbnail-only'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' expr:title='data:post.title'
target='_blank'>
<img expr:alt='data:post.title' expr:src='data:post.thumbnail'
height='100' width='300'/>
</a>
</div>
<b:else/>
<a expr:href='data:post.href' expr:title='data:post.title' target='_blank'><img
expr:alt='data:post.title' expr:height='data:thumbnailSize'
expr:width='data:thumbnailSize' src='https://3.bp.blogspot.com/-
x_mMtgFf6XE/VlhLxwdLekI/AAAAAAAAj3c/N7fRz1lbMSg/s72-c/no-thumbnail.jpg'/></a>
</b:if>
<div class='item-title'><a expr:href='data:post.href'
expr:title='data:post.title'><data:post.title/></a></div>
</div>
<div style='clear: both;'/>
<b:else/>
<!-- (4) Show snippets and thumbnails -->
<div class='item-content'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' expr:title='data:post.title'
target='_blank'>
<img expr:alt='data:post.title' expr:src='data:post.thumbnail'
height='100' width='300'/>
</a>
</div>
<b:else/>
<a expr:href='data:post.href' expr:title='data:post.title' target='_blank'><img
expr:alt='data:post.title' expr:height='data:thumbnailSize'
expr:width='data:thumbnailSize' src='https://3.bp.blogspot.com/-
x_mMtgFf6XE/VlhLxwdLekI/AAAAAAAAj3c/N7fRz1lbMSg/s72-c/no-thumbnail.jpg'/></a>
</b:if>
<div class='item-title'><a expr:href='data:post.href'
expr:title='data:post.title'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</div>
<div style='clear: both;'/>
</b:if>
</b:if>
</li>
</b:loop>
</ul>
</div>
</b:includable>
</b:widget>
<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-
widget-content&quot;'>
<b:if cond='data:display == &quot;list&quot;'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span class='label-size' expr:dir='data:blog.languageDirection'
expr:title='data:label.name'><data:label.name/></span>
<b:else/>
<a class='label-size' expr:dir='data:blog.languageDirection'
expr:href='data:label.url + &quot;?max-results=6&quot;'
expr:title='data:label.name'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
</li>
</b:loop>
</ul>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='&quot;label-size label-size-&quot; + data:label.cssSize'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'
expr:title='data:label.name'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url +
&quot;?max-results=6&quot;' 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 class='clear'/>
</div>
</b:includable>
</b:widget>
<b:widget id='PlusFollowers1' locked='false' title='Google+ Followers'
type='PlusFollowers'>
<b:includable id='main'>
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<b:if cond='data:profileUrl != &quot;&quot;'>
<div class='g-plus' data-action='followers' data-
source='blogger:blog:followers' expr:data-height='data:height' expr:data-
href='data:profileUrl' expr:data-theme='data:theme' expr:data-width='data:width'/>
<script type='text/javascript'>
window.___gcfg = {&quot;lang&quot;: &quot;<data:language/>&quot;};
</script>
</b:if>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
</aside>
<!-- spacer for skins that want sidebar and main to be the same height-->
<div class='clear'/>
</div>
</div><!-- end blog -->
<div class='clear'/>
<footer itemprop='mainEntity' itemscope='itemscope'
itemtype='https://schema.org/WPFooter'>
<div class='creditpic'>
<div class='credit'>
<div class='credit-left'>
Copyright &#169; <span itemprop='copyrightYear'>2016</span> <span
itemprop='copyrightHolder' itemscope='itemscope'
itemtype='https://schema.org/Organization'><a expr:href='data:blog.homepageUrl'
expr:title='data:blog.title' itemprop='url'><span
itemprop='name'><data:blog.title/></span></a></span>
</div>
<div class='credit-right' id='credits'>
Landing Page by <a href='http://startbootstrap.com/template-overviews/landing-
page/' rel='nofollow' target='_blank' title='Start Bootstrap'>Start Bootstrap</a> -
Modified by <a href='//www.kompiajaib.com/' target='_blank'
title='KompiAjaib'>Kompi Ajaib</a> - Proudly powered <a href='//www.blogger.com'
title='Blogger'>by Blogger</a>
</div>
</div>
</div>
</footer>
</div>
</div>

<script type='text/javascript'>
//<![CDATA[
function downloadJSAtOnload(){var
e=document.createElement("script");e.src="https://cdn.rawgit.com/KompiAjaib/js/mast
er/kompiland.js",document.body.appendChild(e)}window.addEventListener?
window.addEventListener("load",downloadJSAtOnload,!1):window.attachEvent?
window.attachEvent("onload",downloadJSAtOnload):window.onload=downloadJSAtOnload;
//]]>
</script>

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


<script type='text/javascript'>
//<![CDATA[
function downloadJSAtOnload(){var
e=document.createElement("script");e.src="https://cdn.rawgit.com/KompiAjaib/js/mast
er/kompilandpost.js",document.body.appendChild(e)}window.addEventListener?
window.addEventListener("load",downloadJSAtOnload,!1):window.attachEvent?
window.attachEvent("onload",downloadJSAtOnload):window.onload=downloadJSAtOnload;

function makemeSticky(e){function t(){var e=s.getBoundingClientRect();e.top<0?


(n.className=a+" makesticking",n.style.width=i+"px"):n.className=a}var
n=document.getElementById(e),s=document.createElement("div");n.parentNode.insertBef
ore(s,n);var i=n.offsetWidth,a=n.className+"
makesticky";window.addEventListener("scroll",t,!1)}makemeSticky("PlusFollowers1");
//]]>
</script>
</b:if>
<b:if cond='data:blog.pageType != &quot;item&quot; and data:blog.pageType !=
&quot;static_page&quot;'>
<script type='text/javascript'>
//<![CDATA[
function resizeThumb(e,t,g){for(var
m=document.getElementById(e),r=m.getElementsByTagName("img"),s=0;s<r.length;s+
+)r[s].src=r[s].src.replace(/\/s72\-
c/,"/s"+t),r[s].width=t,r[s].height=g}resizeThumb("Blog1",190,120);
//]]>
</script>
</b:if>
<b:if cond='data:blog.pageType != &quot;item&quot; and data:blog.pageType !=
&quot;static_page&quot;'>
<script type='text/javascript'>
//<![CDATA[
if (window.jstiming) window.jstiming.load.tick('widgetJsBefore');
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
document.write("<scr" + "ipt type=\"text/javascript\"
src=\"https://www.blogger.com/static/v1/widgets/2759014865-widgets.js\"></scr" +
"ipt>");
//]]>
</script>
<script type='text/javascript'>
if (typeof(BLOG_attachCsiOnload) != &quot;undefined&quot; &amp;&amp;
BLOG_attachCsiOnload != null) { window[&quot;blogger_templates_experiment_id&quot;]
= &quot;templatesV1&quot;;window[&quot;blogger_blog_id&quot;] =
&quot;<data:blog.blogId/>&quot;;BLOG_attachCsiOnload(&quot;&quot;); }
_WidgetManager._Init(&quot;//www.blogger.com/rearrange?
blogID\x3d<data:blog.blogId/>&quot;,&quot;<data:blog.url/>&quot;,&quot;<data:blog.b
logId/>&quot;);
_WidgetManager._RegisterWidget(&quot;_ContactFormView&quot;, new
_WidgetInfo(&quot;ContactForm1&quot;, &quot;footer1&quot;, null,
document.getElementById(&quot;ContactForm1&quot;),
{&quot;contactFormMessageSendingMsg&quot;: &quot;Sending...&quot;,
&quot;contactFormMessageSentMsg&quot;: &quot;Your message has been sent.&quot;,
&quot;contactFormMessageNotSentMsg&quot;: &quot;Message could not be sent. Please
try again later.&quot;, &quot;contactFormInvalidEmailMsg&quot;: &quot;A valid email
address is required.&quot;, &quot;contactFormEmptyMessageMsg&quot;: &quot;Message
field cannot be empty.&quot;, &quot;title&quot;: &quot;Contact Form&quot;,
&quot;blogId&quot;: &quot;<data:blog.blogId/>&quot;,
&quot;contactFormNameMsg&quot;: &quot;Name&quot;, &quot;contactFormEmailMsg&quot;:
&quot;Email&quot;, &quot;contactFormMessageMsg&quot;: &quot;Message&quot;,
&quot;contactFormSendMsg&quot;: &quot;Send&quot;, &quot;submitUrl&quot;:
&quot;https://www.blogger.com/contact-form.do&quot;},
&quot;displayModeFull&quot;));
</script>
</b:if>

</b:if>
&lt;!--</body>--&gt; &lt;/body&gt;
</HTML>

S-ar putea să vă placă și