You are on page 1of 39

<?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html> <HTML dir='ltr' lang='id' xmlns='http://www.w3.org/1999/xhtml'> <head> <meta charset='utf-8'/> <b:if cond='data:blog.

pageType == &quot;index&quot;'> <title><data:blog.title/></title> <b:else/> <title><data:blog.pageName/> | <data:blog.title/></title> </b:if> <b:if cond='data:blog.pageType != &quot;item&quot;'> <meta expr:content='data:blog.metaDescription' name='description'/> <meta content='YOUR KEYWORD' name='keywords'/> <b:else/> <meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quo t;, &quot; + data:blog.pageName' name='Description'/> <meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title + &quo t;, &quot; + data:blog.pageName' name='Keywords'/> <meta expr:content='data:blog.url' property='og:url'/> <meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/> <meta expr:content='data:blog.title' property='og:site_name'/> <meta expr:content='data:blog.pageName' property='og:title'/> <meta content='website' property='og:type'/> </b:if> <meta content='id' name='geo.country'/> <meta content='Indonesia' name='geo.placename'/> <meta content='blogger' name='generator'/> <meta content='general' name='rating'/> <meta content='text/html;charset=UTF-8' http-equiv='Content-Type'/> <meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewp ort'/> <link expr:href='data:blog.homepageUrl + &quot;favicon.ico&quot;' rel='icon' typ e='image/x-icon'/> <link expr:href='data:blog.url' rel='canonical'/> <link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' expr:t itle='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/a tom+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='applic ation/rss+xml'/> <link expr:href='&quot;http://www.blogger.com/feeds/&quot; + data:blog.blogId + &quot;/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' r el='alternate' type='application/atom+xml'/> <link href='http://www.blogger.com/openid-server.g' rel='openid.server'/> <link expr:href='data:blog.homepageUrl' rel='openid.delegate'/> <b:if cond='data:blog.pageType == &quot;archive&quot;'> <meta content='noindex' name='robots'/> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'> <meta content='index,follow' name='robots'/> <b:else/> <b:if cond='data:blog.url == data:blog.homepageUrl'> <meta content='index,follow' name='robots'/> <b:else/> <meta content='noindex,follow' name='robots'/> </b:if> </b:if> <link href='http://fonts.googleapis.com/css?family=Oswald|Yanone+Kaffeesatz|PT+S ans' rel='stylesheet' type='text/css'/> <link href='//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css' r

el='stylesheet'/> &lt;style type=&quot;text/css&quot;&gt; &lt;!-- /*<b:skin><![CDATA[Blogger Template Style Name : BMA Lovers Version : 1.0 Release : 6 Maret 2014 Design by : Mas Andes URL : http://mas-andes.blogspot.com */]]></b:skin> <style type='text/css'> /* No Display */ #ContactForm1 h2,#PlusFollowers1 h2,.header h2,.showpageOf,.quickedit,nav a#pane l{display:none} body{display:none;background:#f5f5f5;color:#222;font-family:&#39;PT Sans&#39;,sa ns-serif;margin:0;padding:0} /* Heading */ h1,h2,h3,h4,h5,h6{font-family:&#39;Yanone Kaffeesatz&#39;,sans-serif;font-weight :400} h1{font-size:30px} h2{font-size:24px} h3{font-size:20px} h4{font-size:18px} h5{font-size:16px} h6{font-size:14px} /* Link */ a{color:#333;text-decoration:none} a:hover{color:#F53404;text-decoration:none} a img:hover{opacity:.7} footer a,aside a,.breadcrumbs a{color:#ff0} /* Clearfix */ .clearfix:before,.clearfix:after{content:&quot;&quot;;display:table} .clearfix:after{clear:both} .clearfix{*zoom:1} .clearfx{clear:both} /* Element */ #outer-wrapper{position:relative;width:960px;text-align:left;margin:15px auto} #content-wrapper{position:relative;background:#222;margin:0 auto;padding:0} #main-wrapper{background:#fff;position:relative;width:67%;float:right;word-wrap: break-word;overflow:hidden;margin:0 auto;box-shadow:1px 0 0 #ccc} #sidebar-wrapper{background:#222;color:#c5c5c5;position:relative;width:33%;float :left;word-wrap:break-word;overflow:hidden;margin:5px 0} #header-wrapper{position:relative;background:#222;height:auto;margin:0;padding:1 5px 10px;border-bottom:5px solid #F53404} #footer-wrapper{position:relative;color:#c5c5c5;font-size:13px;border-top:2px so lid #ff0;background:#111;padding:5px 0} /* Header */ #header_title{text-align:center;display:inline-block} #header-banner{width:50%;float:right;width:468px;height:60px} #header-banner img{width:468px;height:60px} .Header h1{font-size:48px;margin:0} .Header h1 a{font-family:&#39;Oswald&#39;,sans-serif;transition:all 1s ease;colo r:#C5C5C5} .Header h1 a:hover{color:#ff0} .Header .description{text-transform:uppercase;color:#c5c5c5;font-family:&#39;Yan one Kaffeesatz&#39;,sans-serif} /* Sidebar */ #sidebar .item-title,#sidebar .item-title a{line-height:14px} .sidebar h2{background:#ff0;font-size:22px;color:#222;text-transform:uppercase;m argin:0;padding:0 10px;position:relative;line-height:40px} .sidebar ul,#label-left .widget ul,#label-right .widget ul,#label-bottom .widget

ul{list-style:none;margin:0;padding:0} .sidebar ul li{font-size:13px;border-bottom:1px solid #000;box-shadow:0 1px 0 #3 33;margin:0 auto;padding:5px} .sidebar ul li:first-child{border-top:none} .sidebar .widget-content{margin:0;padding:10px} .sidebar .widget{margin-bottom:10px} .sidebar .center{display:block;text-align:center} #topsidebar{width:100%;margin-bottom:5px} .linkbox{display:block;height:41px;line-height:41px;padding:0 10px;position:rela tive;background:#3CA0E0;color:#fff;font-size:20px;font-family:&#39;Yanone Kaffee satz&#39;,sans-serif;text-transform:uppercase} .linkbox.darkred{background:#EB5B4C} .linkbox:hover{color:#222} /* Main Post */ .breadcrumbs{background:#222;border-top:1px solid #000;box-shadow:0 1px 0 0 #333 inset;color:#c5c5c5;font-size:12px;line-height:36px;display:block;position:rela tive;margin-bottom:1%;margin-top:-1%;padding:0 5px 0 10px} h1.post-title,h3.post-title{margin:0;text-transform:uppercase;padding:0 1% 1%} h1.post-title{font-size:30px;line-height:30px} h3.post-title{font-size:22px;line-height:22px} .postdate{font-size:12px;padding:7px 10px;background:#f5f5f5;line-height:26px} .postdate a{padding:5px;color:#222;background:#f1f1f1;border:1px solid #f9f9f9;b ox-shadow:1px 1px 1px #999;margin-left:5px} .postdate a:hover{background:#ddd} .postdate span{float:right} .post{background:#fff;display:block;position:relative} .post img{max-width:97%;border:3px solid #fff} .post-body{font-size:13px;line-height:140%;text-align:justify;padding:2%} .post-body .left{float:left;margin:0 5px 5px 0} .post-body .right{float:right;margin:0 0 5px 5px} .post-body .center{position:relative;display:block;text-align:center;margin:10px 0} blockquote{position:relative;clear:both;background:#F1C40F;border-left:5px solid #f39c12;text-align:left!important;margin:.50em 1em;padding:10px 15px} blockquote p{text-align:left!important;margin:.75em 0} code,i[rel=&quot;code&quot;]{line-height:12px;color:#f00;background:#f1f1f1;bord er-radius:3px;border:1px solid #ddd;clear:both;margin:5px 0;padding:1px 3px;font -style:normal;font-family:&#39;Consolas&#39;,sans-serif;} pre,i[rel=&quot;pre&quot;]{display:block;clear:both;font:12px/15px &#39;Consolas &#39;,Monospace;background:#292E34;color:#c5c5c5;overflow:auto;word-wrap:normal; position:relative;margin:10px 0;padding:1em;text-align:left!important} table{border-collapse:collapse;border-spacing:0;width:100%;border:1px solid #ddd ;border-bottom:none!important;margin:10px 0} tbody tr:nth-child(even){background:#f6f6f6} th{font-family:&#39;Yanone Kaffeesatz&#39;,sans-serif;background:#BDC3C7;border: 1px solid #BDC3C7;color:#fff;text-align:left;padding:10px;font-size:20px;text-tr ansform:uppercase;font-weight:400} td{border-left:1px solid #ddd;border-bottom:1px solid #ddd;text-align:left;paddi ng:10px} td:first-child{border-left:none} button{border:none;background:#c0392b;color:#fff;font-family:&#39;Yanone Kaffees atz&#39;,sans-serif;font-size:1em;letter-spacing:1px;text-transform:uppercase;cu rsor:pointer;display:inline-block;border-radius:2px;margin:3px 2px;padding:.6em 1.2em} button:hover{background:#A5281B} #top-main{background:#222;height:31px;margin:1% 0 1%;padding:5px 15px 5px 5px} .clocks-box{position:relative;font-size:16px;color:#c5c5c5;width:50%;float:left; padding:6px 5px 6px 30px} .clocks-box:before{content:&quot;\f133&quot;;font-family:FontAwesome;text-decora tion:inherit;color:#c5c5c5;font-size:18px;position:absolute;top:5px;left:5px}

.likes{background:#fff;position:relative;display:block;float:right;height:25px;o verflow:hidden;width:100px;margin:4px 0 4px 2px;border:1px solid #95a5a6} .likes .fb_iframe_widget{display:block;position:absolute;left:8px;top:-13px;z-in dex:1} .likes #___plusone_0{left:20px;top:2px;position:absolute;display:block;z-index:1 } .post-label{display:block;background:#bdc3c7;padding-left:10px;padding-right:10p x;line-height:35px} .ctgori{display:inline;background:#fff;border:1px solid #95a5a6;font-size:12px;m argin-right:2px;padding:5px 10px} /* Footer */ .credit{width:50%;float:left;box-sizing:border-box;-moz-box-sizing:border-box;-w ebkit-box-sizing:border-box;padding:10px} .kontak{float:right} /* Menu */ #topnav{position:relative;display:block;height:2.3em;background:#222;border-bott om:2px solid #ff0} a.to_nav{float:right;color:#111;background:#ff0;text-decoration:none;font-size:1 2px;font-weight:700;line-height:22px;height:22px;text-transform:uppercase;letter -spacing:.1em;border-radius:2px 0 0 2px;margin-top:5px;padding:0 10px} a.to_nav:hover,a.to_nav:focus{color:#fff;background:#f53404} #primary_nav ul{list-style:none;background:#1c1c1c;font-family:&#39;Yanone Kaffe esatz&#39;,sans-serif;margin:0;padding:0} #primary_nav li a{display:block;color:#c5c5c5;text-transform:uppercase;line-heig ht:2em;height:2em;border-bottom:1px solid #383838;padding:0 20px} #primary_nav li:last-child a{border-bottom:none} #primary_nav li a:hover,#primary_nav li a:focus{color:#1c1c1c;background:#ff0} nav{height:40px;width:100%;background:#F53404;font-size:16px;font-weight:400;pos ition:relative;border-bottom:5px solid #F53404;font-family:&#39;Oswald&#39;,sans -serif} nav ul{width:600px;height:40px;margin:0;padding:0} nav li{display:inline;float:left} nav a{display:inline-block;width:100px;text-align:center;line-height:40px} nav li a{color:#fff!important;border-right:1px solid #DC143C;box-sizing:border-b ox;-moz-box-sizing:border-box;-webkit-box-sizing:border-box} nav li:last-child a{border-right:0} nav a:hover,nav a:active{background-color:#c00} /* Search Form*/ #search-form-feed{width:40%;position:relative;font:normal normal 11px/normal &#3 9;PT Sans&#39;,Sans-Serif;color:#333;float:right;margin:0 0 10px;padding:0} #feed-q-input{display:block;width:100%;border:1px solid #ff0;background:#f5f5f5; font:13px &#39;PT Sans&#39;,Sans-Serif;color:#aaa;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:5px} #feed-q-input:focus{color:#222;outline:none;border-color:#00FA9A} #search-result-container{width:400px;height:300px;overflow:auto;position:absolut e;top:100%;right:0;z-index:999;background:#6CD6AF;border:1px solid #16A085;displ ay:none;margin:10px 0 0;padding:10px 10px 0} #search-result-container mark{background:#ff0;color:#000} #search-result-container a{text-decoration:none;color:#0D3E71;font-weight:700;fo nt-size:12px;display:block} #search-result-container a:hover{color:#052748} #search-result-container h4{font:13px/normal &#39;PT Sans&#39;,Sans-Serif;color: #000;margin:0 0 10px} #search-result-container ol{background:transparent;border:none;margin:0 0 10px;p adding:0} #search-result-container li{list-style:none;border:1px solid #B7C1CE;background: #fff;overflow:hidden;word-wrap:break-word;margin:0 0 1px;padding:7px 8px} #search-result-container li img{display:block;float:left;border:1px solid #B7C1C E;background:#F5F5F5;margin:0 10px 4px 0;padding:2px} #search-result-loader{position:absolute;top:100%;left:5px;z-index:999;background

:#EB5B4C;color:#fff;font:12px/normal &#39;PT Sans&#39;,Sans-Serif;-webkit-border -radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;dis play:none;margin:-2px 0 0;padding:3px 5px} /* Pager */ #blog-pager{display:inline;} .blogpager{overflow:hidden;color:#fff;background:#34495E} .blogpager a,.blogpager .pagerlink{width:50%;display:block;float:left;font-size: 120%;color:#ccc;padding:10px 0} .blogpager h6{color:#c5c5c5;font-size:100%;margin:0;font-family:&#39;Oswald&#39; ,sans-serif} .blogpager h5{font-size:90%;margin:0} a.blog-pager-newer-link{text-align:left;position:relative} a.blog-pager-newer-link:hover{background:#2C3E50} span h6,span h5,a.blog-pager-newer-link h6,a.blog-pager-newer-link h5{padding-le ft:20px} a.blog-pager-older-link{text-align:right;position:relative} a.blog-pager-older-link:hover{background:#2C3E50} span h6,span h5,a.blog-pager-older-link h6,a.blog-pager-older-link h5{padding-ri ght:20px} .blogpager .pagerlink.left{text-align:left} .blogpager .pagerlink.right{text-align:right} a.blog-pager-newer-link::after{content:&quot;&quot;;width:0;height:0;position:ab solute;top:50%;left:0;margin-top:-8px;border-color:transparent #fff transparent transparent;border-style:solid;border-width:8px 6px} a.blog-pager-older-link::after{content:&quot;&quot;;width:0;height:0;position:ab solute;top:50%;right:0;margin-top:-8px;border-color:transparent transparent tran sparent #fff;border-style:solid;border-width:8px 6px} .showpageArea{position:relative;display:block;text-align:center;margin:10px 0;pa dding:5px;background:#ddd;clear:both} .showpageArea a,.showpageOf,.showpagePoint{background:#26B99A;border:1px solid # 16A085;color:#fff;padding:5px 10px;line-height:30px} .showpageNum{margin-left:4px} .showpageOf{margin-right:4px;color:#222} .showpagePoint{color:#222;margin-left:4px;padding:5px 10px} .showpageArea a:hover{background:#16A085} /* Related Post */ #relatedpost{background:#6CD6AF} #relatedpost h3{position:relative;font-size:22px;line-height:40px;color:#fff;bac kground:#16A085;text-transform:uppercase;margin:0;text-align:center} #relatedpost ul{margin:0;padding:0} #relatedpost li{list-style:none;position:relative;display:block;border-bottom:1p x solid #16A085;margin:0 10px;padding:10px 10px 10px 30px} #relatedpost li:last-child{border-bottom:none} #relatedpost li:before{content:&#39;\f08e&#39;;font-family:FontAwesome;color:#44 4;font-size:18px;position:absolute;left:0;top:12px} #relatedpost li a{font-size:14px} /* Comment */ #comments{background:#95A5A6;margin:0;padding:0} #comments h3{display:block;position:relative;background:#7F8C8D;color:#fff;fontsize:22px;line-height:40px;text-transform:uppercase;margin:0 0 10px;padding:0 10 px} #comments h3 span{margin-right:10px} #comment_block{margin:0 10px} .comment_inner{background:#708090} .comment_body{background:#fff;margin:0 0 10px 50px;position:relative;padding:10p x 10px 23px} .comment_body p{font-size:13px;margin:0} .comment_avatar{height:50px;width:50px;background:#FF6600;float:left;margin-righ t:10px;overflow:hidden} .comment_avatar *{display:block;width:50px;height:50px;margin-right:10px}

.comment_child .comment_avatar,.comment_child .comment_avatar *{width:50px;heigh t:50px;float:left;margin-right:10px} .comment_child .comment_wrap{padding-left:50px;margin-top:-10px} .comment_child .comment_body{margin-bottom:10px} .comment_name a{font-family:&#39;Yanone Kaffeesatz&#39;,sans-serif;font-size:16p x;color:#fff;text-transform:uppercase;padding:5px 0 0} .comment_name{line-height:24px;letter-spacing:1px} .comment_inner.comment_admin {background:#7F8C8D} .comment_admin .comment_author_flag{font-size:16px;color:#fff;font-family:&#39;Y anone Kaffeesatz&#39;,sans-serif} .comment-delete{float:right;color:#fff;margin-left:10px;position:absolute;margin -top:2px} .comment_date{color:#fff;font-size:12px;line-height:25px} .comment-menu{float:right;list-style:none;width:0;height:0} .comment_reply{font-size:11px;background:#B4BABE;color:#000;float:right;position :absolute;right:0;bottom:0;padding:4px 10px;border-radius:10px 0 0} .comment_reply:hover{background:#222;color:#ff0} .comment_reply_form .comment-form{width:100%} .comment_youtube{padding-top:10px;padding-bottom:10px;max-width:100%!important;w idth:400px;height:225px;display:block;margin:auto} .comment_form a{display:block;background:#F53404;color:#fff;text-decoration:none ;text-transform:capitalize;text-align:center;border-radius:10px 10px 0 0} .comment_emo_list .item{float:left;width:40px;text-align:center;height:40px;marg in:10px 10px 0 0} .comment_emo_list span{display:block;font-weight:700;font-size:11px;letter-spaci ng:1px} .comment_img{max-width:100%!important} .deleted-comment{font-size:13px;color:#f00} #comments iframe{border:none;overflow:hidden} div:target .comment_body{background:#f55865;color:#fff} p .spammers{background:#e9fbe9} #comments textarea{background:#e9fbe9;border:1px solid #52e052;outline:none;widt h:96%;height:80px;overflow:auto;display:block;margin:10px auto;padding:10px} .unneeded-paging-control,.comment_emo_list{display:none} .comment_form{padding:0 10px} #comment-editor{margin-left:-9px;width:103%!important} #respond{overflow:hidden;padding-left:10px;clear:both} #form-comment{position:relative;width:auto;font-size:12px;background:#222;color: #c5c5c5;padding:10px} #form-comment ul{background:#f5f5f5;border:3px solid #c5c5c5;padding:10px} #form-comment li{list-style-type:square;margin-left:15px;color:#222} #form-comment:before{top:100%;border:transparent solid;content:&#39;&#39;;height :0;width:0;position:absolute;border-top-color:#222;left:10%;margin-left:-36px;bo rder-width:15px} #form-comment .tombols{display:inline-block;background:#ff0;color:#222;font-size :12px;text-transform:capitalize;margin:5px 2px 0 0;padding:5px 10px;cursor:point er;box-shadow:1px 1px 1px #222;border-radius:0!important} #form-comment .tombols:hover{background:#F53404;color:#fff} /* Widget and other */ #contc-box,#fpage-box,#gplus-box{background:#fff;color:#222;position:fixed;top:1 5%;left:50%;width:400px;height:auto;z-index:1000;display:none;margin:0 0 0 -200p x} #contc-box h3.judul,#fpage-box h3.judul,#gplus-box h3.judul{position:relative;ba ckground:#EB5B4C;color:#fff;font-size:22px;text-transform:uppercase;margin:0;pad ding:0 10px;line-height:50px} #contc-box h3.judul a,#fpage-box h3.judul a,#gplus-box h3.judul a{position:absol ute;line-height:50px;right:10px;color:#fff} #contc-box h3.judul a:hover,#fpage-box h3.judul a:hover,#gplus-box h3.judul a:ho ver{color:#222} #contc-overlay,#fpage-overlay,#gplus-overlay{position:fixed!important;z-index:99

9;top:0;right:0;bottom:0;left:0;background-color:#000;display:none} .subscribe-box{background:#EB5B4C;color:#fff;font-family:&#39;Yanone Kaffeesatz& #39;,sans-serif;font-size:20px;line-height:20px;text-align:center;text-transform :uppercase;padding:1px 20px 10px} .subscribe-box p{margin:0;padding:10px 0;border-bottom:1px solid #c0392b} .subscribe-form{clear:both;display:block;margin:10px 0} form.subscribe-form{clear:both;display:block;width:auto;margin:10px 0 0} .subscribe-email{background:#f1f1f1;border:1px solid #c00;color:#444;box-sizing: border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;width:100%;m argin:0 0 10px;padding:10px} .subscribe-email:focus{outline:none} .subscribe-button{background:#c0392b;border:none;color:#fff;font-family:&#39;Yan one Kaffeesatz&#39;,sans-serif;cursor:pointer;text-transform:uppercase;width:100 %;padding:5px 10px;font-size:18px;transition:all .5s ease} .subscribe-button:hover,.subscribe-button:focus,.subscribe-button:active{backgro und:#c00;outline:none;border:none} #ArchiveList{text-align:left} #ArchiveList .toggle-open{font-size:1.7em;line-height:.6em} .BlogArchive #ArchiveList ul li{padding-left:15px;text-indent:-10px} .BlogArchive #ArchiveList ul li:last-child{border-bottom:none} .BlogArchive #ArchiveList ul li:first-child{border-top:none} .BlogArchive #ArchiveList ul ul li{padding-left:1.2em} .BlogArchive #ArchiveList ul{list-style:none;list-style-image:none;border-width: 0;margin:0;padding:0} .BlogArchive #ArchiveList ul.posts li {line-height: 13px;padding: 5px;padding-le ft: 1.3em;} .item-snippet{height:35px;line-height:17px;overflow:hidden} .PopularPosts .item-thumbnail{float:left} .PopularPosts ul li{list-style-image:none;list-style-type:none} .PopularPosts ul li img{transition:all 1s ease;border:1px solid #000;box-shadow: 0 0 0 1px rgba(51,51,51,1) inset;height:46px;width:46px;padding:5px;margin-right :5px} .PopularPosts ul li img:hover{border:1px solid #ff0;box-shadow:0 0 5px #ff0} .label-size{display:inline-block;color:#F53404;background:#ff0;font-size:13px;ma rgin-bottom:3px;padding:10px;transition:all 1s ease} .label-size a{color:#222} .label-size:hover{background:#F53404;color:#fff} .contact-form-widget{padding:10px;margin:0;font-size:14px} .contact-form-widget p{padding:0;margin:0} .inner-box{padding:10px} .contact-form-name,.contact-form-email,.contact-form-email-message{width:100%;bo rder:1px solid #EB5B4C;outline:none;box-sizing:border-box;-moz-box-sizing:border -box;-webkit-box-sizing:border-box;padding:10px} .contact-form-name:focus,.contact-form-email:focus,.contact-form-email-message:f ocus,.contact-form-name:hover,.contact-form-email:hover,.contact-form-email-mess age:hover{border:1px solid #222} .contact-form-button{float:right;background:#EB5B4C;color:#fff;padding:10px 15px ;cursor:pointer;border:1px solid #d00;margin:10px 0} .contact-form-button:hover{background:#f83124} .open-contc{padding:5px;border-radius:3px;background:#ff0;color:#222!important;d isplay:inline-block} .open-contc:hover{background:#6CD6AF} .widgetbox{height:auto;overflow:hidden;background:#6CD6AF;padding:8px 0 4px 0;te xt-align:center} .scroll-top{position:fixed;bottom:0;right:0;text-decoration:none;color:#fff;back ground:#34495e;font-size:12px;display:none;padding:1em;border-radius:10px 0 0} .scroll-top:hover{background:#2c3e50}

/* Banner */ .ads468{display:block} .ads468 a{display:block;background:#A4A4A4;color:#000;border:1px solid #ccc;widt h:468px;height:60px;overflow:hidden;transition:all 1s ease;margin:0} .ads468 a:hover{background:#ff0} .ads468 img{width:468px;height:60px} .ads468 h5{text-align:center;width:100%;height:100%;font:18px/60px &#39;Oswald&# 39;, Sans-Serif;margin:0;padding:0} .ads300{display:block;background:#BDC3C7} .ads300 img{width:300px;height:250px} .ads300 a{display:block;background:#EBEBEB;color:#000;border:1px solid #ccc;widt h:300px;height:250px;overflow:hidden;transition:all 1s ease;margin:0 auto} .ads300 a:hover{background:#EB5B4C;color:#fff;border:1px solid #c0392b} .ads300 h5{text-align:center;width:100%;height:100%;font:24px/250px &#39;Oswald& #39;, Sans-Serif;margin:0;padding:0} .ads300 .iklan{width:50%;float:left;box-sizing:border-box;-moz-box-sizing:border -box;-webkit-box-sizing:border-box;padding:15px 5px} </style> <b:if cond='data:blog.pageType != &quot;item&quot;'> <b:if cond='data:blog.pageType != &quot;static_page&quot;'> <style type='text/css'> .post{border:1px solid #ccc;width:31.5%;height:auto;float:left;position:relative ;display:block;box-sizing:border-box;-moz-box-sizing:border-box;margin:5px} .post h3{height:43px;overflow:hidden;text-align:center;padding:5px} .post-body{height:auto;font-size:13px;line-height:140%;margin:5px;padding:5px} .date-head{font-size:12px;color:#222;background:#ddd;text-align:center;overflow: hidden;height:25px;line-height:25px} .post-thumbnail{display:block;float:left;margin-bottom:10px;width:100%!important } p.post-summary{height:188px;overflow:hidden;margin:0 0 1em} .post-more-link a{display:block;color:#fff;font-family:&#39;Yanone Kaffeesatz&#3 9;,sans-serif;font-size:18px;padding:5px 0;background:#26B99A;transition:all .5s ease;text-align:center} .post-more-link a:hover{background:#16a085} p.post-more-link{margin:1em 0 0} </style> </b:if> </b:if> <b:if cond='data:blog.pageType == &quot;error_page&quot;'> <style type='text/css'> .page404 #top-main{float:left} .page404{position:relative;display:block;clear:both;min-height:470px;padding:0 1 0px} .page404 p{margin-bottom:2em;text-align:center} .error404 h1,.error404 h2,.error404 h3{font:bold 15em &#39;Times New Roman&#39;, Sans-serif;color:#F0F0F0;text-align:center;text-shadow:1px 1px 6px #AAA;margin:0 ;padding:0} .error404 h2{font:bold 7em &#39;Times New Roman&#39;,Sans-serif;letter-spacing:7px;color:#c5c5c5} .error404 h3{font:bold 3em &#39;Times New Roman&#39;,Sans-serif;color:#a1a1a1} .error404 h4{font:bold 1.5em &#39;Times New Roman&#39;,Sans-serif;color:#a1a1a1; text-align:center} </style> </b:if> <style> @media only screen and (min-width:768px) and (max-width:989px) { #outer-wrapper{width:730px;margin:0 auto} #header_title{width:100%} #header-banner,.ads300{display:none} <b:if cond='data:blog.pageType != &quot;item&quot;'>

<b:if cond='data:blog.pageType != &quot;static_page&quot;'> .post{width:31%!important} </b:if> </b:if> } @media only screen and (max-width:767px) { #outer-wrapper{width:540px;margin:0 auto} #header_title,#main-wrapper{width:100%} #main-wrapper{box-shadow:1px 0 0 #ccc,-1px 0 0 #ccc} #sidebar-wrapper,#header-banner,.ads300{display:none} <b:if cond='data:blog.pageType != &quot;item&quot;'> <b:if cond='data:blog.pageType != &quot;static_page&quot;'> .post{width:31%!important} </b:if> </b:if> } @media only screen and (max-width:580px) { #outer-wrapper{width:500px} #header_title,#main-wrapper{width:100%} #search-form-feed{width:50%} #main-wrapper{box-shadow:1px 0 0 #ccc,-1px 0 0 #ccc} #sidebar-wrapper,#header-banner,#comments h3 span,.clocks-box{display:none} #comments h3{padding-left:10px} <b:if cond='data:blog.pageType != &quot;item&quot;'> <b:if cond='data:blog.pageType != &quot;static_page&quot;'> .post{width:31%!important} </b:if> </b:if> } @media only screen and (max-width:490px) { #outer-wrapper{width:430px} #header_title,#main-wrapper,#search-result-container{width:100%} #search-form-feed{width:50%} #main-wrapper{box-shadow:1px 0 0 #ccc,-1px 0 0 #ccc} #sidebar-wrapper,#header-banner,#comments h3 span,.clocks-box,.breadcrumbs,.date -head,.postdate a,.likes{display:none} #comments h3{padding-left:10px} <b:if cond='data:blog.pageType != &quot;item&quot;'> <b:if cond='data:blog.pageType != &quot;static_page&quot;'> .post{width:31%!important} </b:if> </b:if> } @media only screen and (max-width:479px) { #outer-wrapper,#contc-box{width:280px} #header_title,#main-wrapper,.credit{width:100%} #search-result-container{width:92%} #search-form-feed{width:95%} #contc-box{margin: 0px 0px 0px -140px} #main-wrapper{box-shadow:1px 0 0 #ccc,-1px 0 0 #ccc} #sidebar-wrapper,#header-banner,#comments h3 span,.clocks-box,.breadcrumbs,.post date,.likes,.showpageNum,.showpagePoint,.comment_admin .comment_author_flag{disp lay:none} .date-head{display:block} #comments h3{padding-left:10px} <b:if cond='data:blog.pageType != &quot;item&quot;'> <b:if cond='data:blog.pageType != &quot;static_page&quot;'> .post{width:96%!important} </b:if> </b:if>

} @media screen and (max-width:260px) { #outer-wrapper,#contc-box{width:210px} #header_title,#main-wrapper{width:100%} #contc-box{margin: 0px 0px 0px -105px} #main-wrapper{box-shadow:1px 0 0 #ccc,-1px 0 0 #ccc} #sidebar-wrapper,#header-banner,#comments h3 span,.clocks-box,.breadcrumbs,.post date,.post-label,.comment_admin .comment_author_flag{display:none} #comments h3{padding-left:10px} <b:if cond='data:blog.pageType != &quot;item&quot;'> <b:if cond='data:blog.pageType != &quot;static_page&quot;'> .post{width:95%!important} </b:if> </b:if> } @media print{ #header-wrapper,#sidebar-wrapper,#footer-wrapper,#top-main,.breadcrumbs,.postdat e,.post-footer,#comments{display:none} #main-wrapper{width:100%} blockquote,pre{margin:1em 2em;font-family:&#39;monospace&#39;,consolas} .post-body .center{border:none;background:none} .post-body{text-align:justify} .post{margin:3em 2em} } @media screen and (max-width: 767px),@media screen and (max-width: 600px) { nav{height:auto} nav ul{width:100%;display:block;height:auto} nav li{width:50%;float:left;position:relative} nav li a{border-bottom:1px solid #DC143C;border-right:1px solid #DC143C} nav a{text-align:left;width:100%;text-indent:25px} } @media only screen and (max-width : 480px) { nav{border-bottom:0} nav ul{display:none;height:auto} nav a#panel{display:block;background-color:#283744;color:#fff;width:100%;positio n:relative} nav a#panel:hover{color:#ff0} nav a#panel:after{content:&quot;&quot;;background:url(data:image/png;base64,iVBO Rw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJl YWR5ccllPAAAAC9JREFUeNpi/P//PwM1AQsQU9VEJgYqg8FvICgMGUeel0eTzWiyGU02Qz/ZAAQYAOPc BjEdYroKAAAAAElFTkSuQmCC) no-repeat;width:30px;height:30px;display:inline-block; position:absolute;right:15px;top:10px} } @media only screen and (max-width : 320px) { nav li{display:block;float:none;width:100%} nav li a{border-bottom:1px solid #DC143C} } @media only screen and (min-width: 768px) { #primary_nav{position:absolute;top:3px;right:10px;background:none} #primary_nav li{display:inline} #primary_nav li a{float:left;border:none;background:none;padding:0 10px} a.to_nav,#primary_nav li.top{display:none} } </style> <script type='text/javascript'> tday=new Array(&quot;Minggu&quot;,&quot;Senin&quot;,&quot;Selasa&quot;,&quot;Rab u&quot;,&quot;Kamis&quot;,&quot;Jumat&quot;,&quot;Sabtu&quot;);tmonth=new Array( &quot;Januari&quot;,&quot;Februari&quot;,&quot;Maret&quot;,&quot;April&quot;,&qu ot;Mei&quot;,&quot;Juni&quot;,&quot;Juli&quot;,&quot;Agustus&quot;,&quot;Septemb er&quot;,&quot;Oktober&quot;,&quot;November&quot;,&quot;Desember&quot;);function

GetClock(){d=new Date();nday=d.getDay();nmonth=d.getMonth();ndate=d.getDate();n year=d.getYear();nhour=d.getHours();nmin=d.getMinutes();nsec=d.getSeconds();if(n year&lt;1000)nyear=nyear+1900;if(nhour&lt;=9){nhour=&quot;0&quot;+nhour}if(nhour ==0){ap=&quot; AM&quot;;nhour=12}else if(nhour&lt;=11){ap=&quot; AM&quot;}else i f(nhour==12){ap=&quot; PM&quot;}else if(nhour&gt;=13){ap=&quot; PM&quot;;nhour-= 12}if(nmin&lt;=9){nmin=&quot;0&quot;+nmin}if(nsec&lt;=9){nsec=&quot;0&quot;+nsec }document.getElementById(&#39;clocks&#39;).innerHTML=&quot; &quot;+tday[nday]+&q uot;,&quot;+&quot; &quot;+ndate+&quot; &quot;+tmonth[nmonth]+&quot; &quot;+nyear +&quot; &quot;+nhour+&quot;:&quot;+nmin+&quot;:&quot;+nsec+ap+&quot;&quot;;setTi meout(&quot;GetClock()&quot;,1000)}window.onload=GetClock; </script> <b:if cond='data:blog.pageType == &quot;item&quot;'> <script type='text/javascript'>var relatedpoststitle=&quot;Related Posts&quot;;< /script> <script type='text/javascript'> //<![CDATA[ var relatedTitles=new Array();var relatedTitlesNum=0;var relatedUrls=new Array() ;function related_results_labels(json){for(var i=0;i<json.feed.entry.length;i++) {var entry=json.feed.entry[i];relatedTitles[relatedTitlesNum]=entry.title.$t;for (var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){relatedUrls [relatedTitlesNum]=entry.link[k].href;relatedTitlesNum++;break}}}}function remov eRelatedDuplicates(){var tmp=new Array(0);var tmp2=new Array(0);for(var i=0;i<re latedUrls.length;i++){if(!contains(tmp,relatedUrls[i])){tmp.length+=1;tmp[tmp.le ngth-1]=relatedUrls[i];tmp2.length+=1;tmp2[tmp2.length-1]=relatedTitles[i]}}rela tedTitles=tmp2;relatedUrls=tmp}function contains(a,e){for(var j=0;j<a.length;j++ ){if(a[j]==e){return true}};return false}function printRelatedLabels(currenturl) {for(var i=0;i<relatedUrls.length;i++){if(relatedUrls[i]==currenturl){relatedUrl s.splice(i,1);relatedTitles.splice(i,1)}}var r=Math.floor((relatedTitles.length1)*Math.random());var i=0;if(relatedTitles.length>1){document.write('<h3>'+relat edpoststitle+'</h3>')}document.write('<ul>');while(i<relatedTitles.length&&i<20& &i<maxresults){document.write('<li><a href="'+relatedUrls[r]+'" title="'+related Titles[r]+'" target="_blank">'+relatedTitles[r]+'</a></li>');if(r<relatedTitles. length-1){r++}else{r=0}i++}document.write('</ul>');relatedUrls.splice(0,relatedU rls.length);relatedTitles.splice(0,relatedTitles.length);} //]]> </script> </b:if> <b:if cond='data:blog.pageType != &quot;item&quot;'> <b:if cond='data:blog.pageType != &quot;static_page&quot;'> <script type='text/javascript'> // Lightweight `auto read-more` hack for Blogger using `Textarea` by Taufik Nurr ohman // URL: https://plus.google.com/108949996304093815163/about //<![CDATA[ var configSummary = { thumbnailSize: 100, // Define the post thumbnail size summaryLength: 100, // Define the summary length noThumbUrl: "http://3.bp.blogspot.com/-vpCFysMEZys/UOEhSGjkfnI/AAAAAAAAFwY/h 1wuA5kfEhg/s72-c/grey.png" // `no image` URL }; function createPostSummary(a,b,c){var text,doc=document,d=configSummary,copyFrom =doc.getElementById(a).value,pasteTo=doc.getElementById(b),postThumbnail=(c==="" )?d.noThumbUrl:c;text=copyFrom.replace(/<(.*?)>/g,"").replace(/[\n\r]+/g," ");pa steTo.innerHTML='<img class="post-thumbnail" src="'+postThumbnail.replace(/\/s[0 -9]+(\-c)?\//,'/s'+d.thumbnailSize+'-c/')+'" alt="thumbnail" style="width:'+d.th umbnailSize+'px;height:'+d.thumbnailSize+'px;">'+text.substring(0,d.summaryLengt h)+'&hellip;'} //]]> </script> </b:if>

</b:if> </head> <body> <div id='fb-root'/><script>(function(d,s,id){var js,fjs=d.getElementsByTagName(s )[0];if(d.getElementById(id))return;js=d.createElement(s);js.id=id;js.async=true ;js.src=&quot;//connect.facebook.net/id_ID/all.js#xfbml=1&quot;;fjs.parentNode.i nsertBefore(js,fjs)}(document,&#39;script&#39;,&#39;facebook-jssdk&#39;));</scri pt> <div id='outer-wrapper'> <div id='content-wrapper'> <div id='topnav'> <!-- The menu panel do not change --> <a class='to_nav' href='#primary_nav'>Menu</a> </div> <header id='header-wrapper'> <b:section class='header' id='header_title' maxwidgets='1' showaddelement='no'> <b:widget id='Header1' locked='true' title='BMA Lovers (Header)' type='Header' > <b:includable id='main'> <b:if cond='data:useImage'> <b:if cond='data:imagePlacement == &quot;REPLACE&quot;'> <!--Show just the image, no text--> <div id='header-inner'> <h1 class='title'><a expr:href='data:blog.homepageUrl' style='display: b lock'> <img expr:alt='data:title' expr:id='data:widget.instanceId + &quot;_he aderimg&quot;' expr:src='data:sourceUrl' expr:title='data:blog.title' style='dis play: block'/> </a></h1> </div> <b:else/> <!-Show image as background to text. You can't really calculate the width reliably in JS because margins are not taken into account by any of clientWidth, offsetWidth or scrollWidth, so we don't force a minimum width if the user is using shrink to fit. This results in a margin-width's worth of pixels being cropped. If the user is not using shrink to fit then we expand the header. --> <div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUr l + &quot;\&quot;); &quot; + &quot;background-position: &qu ot; + data:backgroundPositionStyleStr + &quot;; &quot; + data:widthStyleStr + &quot;min-height: & quot; + data:height + &quot;px;&quot; + &quot;_height: &quo t; + data:height + &quot;px;&quot; + &quot;background-repea t: no-repeat; &quot;' id='header-inner'> <div class='titlewrapper' style='background: transparent'> <h1 class='title' style='background: transparent; border-width: 0px'> <b:include name='title'/> </h1> </div> <b:include name='description'/> </div> </b:if> <b:else/> <!--No header image --> <div id='header-inner'> <div class='titlewrapper'> <h1 class='title'> <a expr:href='data:blog.homepageUrl' expr:title='data:blog.title' styl

e='display: block'><span/><b:include name='title'/></a> </h1> </div> <b:include name='description'/> </div> </b:if> </b:includable> <b:includable id='description'> <div class='descriptionwrapper'> <div class='description'><span><data:description/></span></div> </div> </b:includable> <b:includable id='title'> <b:if cond='data:blog.url == data:blog.homepageUrl'> <data:title/> <b:else/> <data:title/> </b:if> </b:includable> </b:widget> </b:section> <b:section class='header' id='header-banner' maxwidgets='1' showaddelement='yes' > <b:widget id='HTML98' locked='true' title='Banner 468 x 60' type='HTML'> <b:includable id='main'> <b:if cond='data:title != &quot;&quot;'> <h2><data:title/></h2> </b:if> <div class='widget-content'> <!-- Start banner ukuran 468 x 60 --> <div class='ads468'> <a href='#'> <h5>Advertisment 468 x 60</h5> </a> </div> <!-- End banner ukuran 468 x 60 --> </div> </b:includable> </b:widget> </b:section> </header> <div class='clearfx'/> <nav class='clearfix'> <ul class='clearfix'> <li><a expr:href='data:blog.homepageUrl' expr:title='data:blog.title'>Home</a></ li> <li><a href='#'>Template</a></li> <li><a href='#'>Tutorial</a></li> <li><a href='#'>Widget</a></li> <li><a href='#'>Tools</a></li> <li><a href='#'>Download</a></li> </ul> <!-- The menu panel do not change --> <a href='#' id='panel'>Menu</a> </nav> <div id='main-wrapper'> <div id='top-main'> <div class='clocks-box'> <div id='clocks'/></div> <div id='search-form-feed'>

<form action='/search' onsubmit='return updateScript();'> <input id='feed-q-input' name='q' onkeyup='resetField();' placeholder='Text to s earch and press enter...' type='text'/> </form> <div id='search-result-container'/> <div id='search-result-loader'>Loading...</div> </div> </div> <b:section class='main' id='main' showaddelement='no'> <b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'> <b:includable id='main' var='top'> <b:include data='posts' name='breadcrumb'/> <b:if cond='data:mobile == &quot;false&quot;'> <!-- posts --> <div class='blog-posts hfeed'> <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> <b:include data='post' name='post'/> <b:if cond='data:blog.pageType == &quot;static_page&quot;'> <b:include data='post' name='comment_picker'/> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'> <b:include data='post' name='comment_picker'/> </b:if> <b:if cond='data:post.includeAd'> <b:if cond='data:post.isFirstPost'> <data:defaultAdEnd/> <b:else/> <data:adEnd/> </b:if> <div class='inline-ad'> <data:adCode/> </div> <data:adStart/> </b:if> </b:loop> <b:if cond='data:numPosts != 0'> &lt;/div&gt;&lt;/div&gt; </b:if> <data:adEnd/> <b:if cond='data:blog.pageType == &quot;error_page&quot;'> <b:include name='error_page_custom'/> </b:if> </div> <b:if cond='data:blog.pageType != &quot;static_page&quot;'> <b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- navigation --> <b:include name='nextprev'/> </b:if></b:if>

<!-- feed links --> <b:include name='feedLinks'/> <b:if cond='data:top.showStars'> <script src='//www.google.com/jsapi' type='text/javascript'/> <script type='text/javascript'> google.load(&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:else/> <b:include name='mobile-main'/> </b:if> <b:if cond='data:top.showDummy'> <data:top.dummyBootstrap/> </b:if> </b:includable> <b:includable id='backlinkDeleteIcon' var='backlink'> </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' rel='external'><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:ba cklink.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:wi dget.instanceId + &quot;_backlinks-create-link&quot;' target='_blank'><data:post .createLinkLabel/></a> </p> </b:includable> <b:includable id='breadcrumb' var='posts'> <b:if cond='data:blog.homepageUrl != data:blog.url'> <b:if cond='data:blog.pageType == &quot;static_page&quot;'> <div class='breadcru mbs'><span><i class='fa fa-home'/> <a expr:href='data:blog.homepageUrl' rel='nof ollow'>Home</a></span> <i class='fa fa-file-text'/> <span><data:blog.pageName/><

/span></div> <b:else/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <b:loop values='data:posts' var='post'> <b:if cond='data:post.labels'> <div class='breadcrumbs'><span itemscope='' itemtype='http://data-vocabulary.org /Breadcrumb'><i class='fa fa-home'/> <a expr:href='data:blog.homepageUrl' itempr op='url'><span itemprop='title'>Home</span></a></span> <i class='fa fa-angle-dou ble-right'/> <b:loop values='data:post.labels' var='label'><span itemscope='' it emtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:label.url + &q uot;?&amp;amp;max-results=12&quot;' itemprop='url'><span itemprop='title'> <data :label.name/></span></a></span><b:if cond='data:label.isLast != &quot;true&quot; '> <i class='fa fa-angle-double-right'/> </b:if> </b:loop> <i class='fa fa-filetext'/> <span><data:post.title/></span> </div> <b:else/> <div class='breadcrumbs'><span><i class='fa fa-home'/> <a expr:href='data:blog.h omepageUrl' rel='nofollow'>Home</a></span> <i class='fa fa-angle-double-right'/> <span>Without category</span> <i class='fa fa-file-text'/> <span><data:post.tit le/></span></div> </b:if> </b:loop> <b:else/> <b:if cond='data:blog.pageType == &quot;archive&quot;'><div class='breadcrumbs'> <span><i class='fa fa-home'/> <a expr:href='data:blog.homepageUrl' rel='nofollo w'>Home</a></span> <i class='fa fa-sitemap'/> <span>Archive for <data:blog.pageN ame/></span> </div> <b:else/> <b:if cond='data:blog.searchQuery'><div class='breadcrumbs'><span><i class='fa f a-home'/> <a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> <i class='fa fa-search'/> <span><data:blog.pageName/></span></div> <b:else/> <b:if cond='data:blog.pageType == &quot;index&quot;'> <div class='breadcrumbs'> <b:if cond='data:blog.pageName == &quot;&quot;'> <span><i class='fa fa-home'/> < a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> <i class='fa fa-angle-double-right'/> <span>All post</span> <b:else/> <span><i class='fa fa-home'/> <a expr:href='data:blog.homepageUrl' rel='nofollow '>Home</a></span> <i class='fa fa-angle-double-right'/> <span>All post with cate gory <data:blog.pageName/></span> </b:if> </div> </b:if> </b:if> </b:if> </b:if> </b:if> </b:if> </b:includable> <b:includable id='comment-form' var='post'> <div class='comment-form'> <a id='comment-form'/> <b:if cond='data:mobile'> <h4 id='comment-post-message'> <a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&q uot;' href='javascript:void(0)'><data:postCommentMsg/></a></h4> <div id='form-comment'> <ul> <li>Berkomentarlah dengan sopan dan bijak sesuai dengan isi konten.</li> <li>Komentar yang tidak diperlukan oleh pembaca lain [spam] akan segera dihapus. </li> <li>Apabila artikel yang berjudul &quot;<data:post.title/>&quot; ini bermanfaat, share ke jejaring sosial.</li> </ul> <a class='tombols' href='https://mas-andes.googlecode.com/svn/trunk/parse-html' onclick='window.open(this.href, &quot;popupwindow&quot;, &quot;status=0, height= 420, width=400, resizable=0, top=120, left=80&quot;);return false;' rel='nofollo w' title='Konversi Kode'><i class='fa fa-code'/> Konversi Kode</a> </div>

<data:blogTeamBlogMessage/> <b:if cond='data:blog.pageType == &quot;static_page&quot;'> <a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data :blog.blogId + &quot;&amp;amp;pageID=&quot; + data:post.id' id='comment-editor-s rc'/> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'> <a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data :blog.blogId + &quot;&amp;amp;postID=&quot; + data:post.id' id='comment-editor-s rc'/> </b:if> <iframe class='blogger-iframe-colorize blogger-comment-from-post' height=' 410' id='comment-editor' name='comment-editor' style='display: none'/> <b:else/> <h4 id='comment-post-message'><data:postCommentMsg/></h4> <div id='form-comment'> <ul> <li>Berkomentarlah dengan sopan dan bijak sesuai dengan isi konten.</li> <li>Komentar yang tidak diperlukan oleh pembaca lain [spam] akan segera dihapus. </li> <li>Apabila artikel yang berjudul &quot;<data:post.title/>&quot; ini bermanfaat, share ke jejaring sosial.</li> </ul> <a class='tombols' href='https://mas-andes.googlecode.com/svn/trunk/parse-html' onclick='window.open(this.href, &quot;popupwindow&quot;, &quot;status=0, height= 420, width=400, resizable=0, top=120, left=80&quot;);return false;' rel='nofollo w' title='Konversi Kode'><i class='fa fa-code'/> Konversi Kode</a> </div> <data:blogTeamBlogMessage/> <b:if cond='data:blog.pageType == &quot;static_page&quot;'> <a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data :blog.blogId + &quot;&amp;amp;pageID=&quot; + data:post.id' id='comment-editor-s rc'/> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'> <a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data :blog.blogId + &quot;&amp;amp;postID=&quot; + data:post.id' id='comment-editor-s rc'/> </b:if> <iframe class='blogger-iframe-colorize blogger-comment-from-post' height=' 410' id='comment-editor' name='comment-editor'/> </b:if> <data:post.friendConnectJs/> <data:post.cmtfpIframe/> <script type='text/javascript'> BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:p ost.communityId/>&#39;); </script> </div> </b:includable> <b:includable id='commentDeleteIcon' var='comment'> </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.canon icalUrl'> </span> <b:else/> <b:if cond='data:post.commentSource == 1'>

<span class='cmt_count_iframe_holder' expr:data-count='data:post.numCommen ts' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.can onicalUrl'> </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> <b:if cond='data:post.numComments == 1'> <span><i class='fa fa-comments'/></span> 1 Response to &quot;<data:p ost.title/>&quot; <b:else/> <span><i class='fa fa-comments'/></span> <data:post.numComments/> Re sponse to &quot;<data:post.title/>&quot; </b:if> </h3> <b:if cond='data:post.commentPagingRequired'> <span class='paging-control-container'> <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLin kUrl'><data:post.oldestLinkText/></a> &#160; <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLink Url'><data:post.olderLinkText/></a> &#160; <data:post.commentRangeText/> &#160; <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLink Url'><data:post.newerLinkText/></a> &#160; <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLin kUrl'><data:post.newestLinkText/></a> </span>

</b:if> <div class='clear'/> <div id='comment_block'> <b:loop values='data:post.comments' var='comment'> <div class='data:comment.adminClass' expr:id='data:comment.anchorName '> <b:if cond='data:post.adminClass == data:comment.adminClass'> &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_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.a uthor' rel='nofollow' target='_blank'><data:comment.author/></a> <b:else/> <data:comment.author/> </b:if> <b:if cond='data:comment.author == data:post.author'> <span class='comment_author_flag'><i class='fa fa-exchange'/> 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> <a class='comment-delete' expr:href='&quot;http://www.blogger.com /delete-comment.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot ; + data:comment.id' expr:title='data:top.deleteCommentMsg'><i class='fa fa-tras h-o'/></a> </div> <div class='clear'/> </div> <div class='comment_body'> <span class='comment_arrow'/> <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' exp r:id='&quot;r&quot;+data:comment.anchorName' onclick='javascript:Display_Reply_F orm(this)' title='Balas Komentar'><i class='fa fa-reply-all'/> Balas</a> <div class='clear'/> </b:if> </div> <div class='clear'/> &lt;/div&gt; <div class='clear'/> <div class='comment_child'/> <div class='comment_reply_form' expr:id='&quot;r_f_&quot;+data:comme nt.anchorName'/> </div> </b:loop> </div>

<div class='clear'/> <b:if cond='data:post.commentPagingRequired'> <span class='paging-control-container'> <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLin kUrl'><data:post.oldestLinkText/></a> &#160; <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLink Url'><data:post.olderLinkText/></a> &#160; <data:post.commentRangeText/> &#160; <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLink Url'><data:post.newerLinkText/></a> &#160; <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLin kUrl'><data:post.newestLinkText/></a> </span> </b:if> <div class='clear'/> <div class='comment_form'> <b:if cond='data:post.embedCommentForm'> <b:if cond='data:post.allowNewComments'> <b:include data='post' name='threaded-comment-form'/> <b:else/> <data:post.noNewCommentsText/> </b:if> <b:else/> <b:if cond='data:post.allowComments'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCo mmentOnclick'><data:postCommentMsg/></a> </b:if> </b:if> </div> </b:if> </div> <script type='text/javascript'> //<![CDATA[ if (typeof(jQuery) == 'undefined') { //output the script (load it from google api) document.write("<scr" + "ipt type=\"text/javascript\" src=\"http://ajax.googleap is.com/ajax/libs/jquery/1.7.1/jquery.min.js\"></scr" + "ipt>"); } //]]> </script> <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/> <script type='text/javascript'> <b:if cond='data:post.numComments != 0'> var Items = <data:post.commentJso/>; var Msgs = <data:post.commentMsgs/>; var Config = <data:post.commentConfig/>; <b:else/> var Items = {}; var Msgs = {}; var Config = {&#39;maxThreadDepth&#39;:&#39;0&#39;}; </b:if> //<![CDATA[ //Global setting Config.maxThreadDepth = 4;//How threaded level that you want Display_Emo = true;//Display emoticon or not? set "false" to no display Replace_Youtube_Link = true;//Auto replace youtube link to iframe embedded, choo

se "false" to disable Replace_Image_Link = true;//Auto replace an image link choose "false" to disabl e. Replace_Force_Tag = true;//Auto replace an virtual tag example: [pre] to <pre>, and [/pre] </pre>, If user input wrong , your layout will be gone. Then becare f ul when enable this trap Replace_Image_Ext = ['JPG', 'GIF', 'PNG', 'BMP'];//(support: jpg, gif, png, bmp) ,only effect when Replace_Image_Link=true //Config emoticons declare Emo_List = [ ':)' ,'http://1.bp.blogspot.com/-2Z7Cwe04x-Q/UH9THzWWJII/AAAAAAAACtA/ChwawyzYsD I/s1600/smile1.gif', ':(' ,'http://4.bp.blogspot.com/-yXc7xHs5mXc/UKhVJLBfdaI/AAAAAAAADPY/LJKRsefyea o/s1600/sad.gif', '=(' ,'http://1.bp.blogspot.com/-7I8DdEs58z0/UKhVKHT1yUI/AAAAAAAADPg/Lyzv-E74Ed M/s1600/sadanimated.gif', '^_^' ,'http://1.bp.blogspot.com/-IoZJlpB0-dE/UKhVKnR0BDI/AAAAAAAADPo/Kz87N1Aj4 X8/s1600/smile.gif', ':D' ,'http://3.bp.blogspot.com/-WeTjMT8JDhg/UKhVHlZ88II/AAAAAAAADPI/b1gpiAvIkC c/s1600/icon_smile.gif', '=D' ,'http://1.bp.blogspot.com/-ljeobbA3sn0/UKhVGtJsGRI/AAAAAAAADPA/8lyzE4Jwrw Q/s1600/hihi.gif', '|o|' ,'http://4.bp.blogspot.com/-ip66eq3uRI8/UKhVF-QK8lI/AAAAAAAADO4/P0G-1PcWp Qs/s1600/applause.gif', '@@,' ,'http://4.bp.blogspot.com/-w1VfvgO2-e8/UKhVIT7XLhI/AAAAAAAADPQ/cJ0KDjEso j4/s1600/rolleyes.gif', ';)' ,'http://3.bp.blogspot.com/-5zPfqshivtY/UKhVONWZnkI/AAAAAAAADQI/iCDxagcaj5 s/s1600/wink.gif', ':-bd' ,'http://4.bp.blogspot.com/-hPd-oj2Bzo4/UKhVLkmQjOI/AAAAAAAADPw/3O1iuAuk ZXg/s1600/thumb.gif', ':-d' ,'http://2.bp.blogspot.com/-yElQmFAIiII/UKhVMcObcQI/AAAAAAAADP4/-qdEpW8zC mY/s1600/thumbsup.gif', ':p' ,'http://2.bp.blogspot.com/-bs2e9gRj748/UKhVNKLs2YI/AAAAAAAADQA/mF7lDNOCha c/s1600/wee.gif', ]; //Config Force tag list, define all in lower case Force_Tag = [ '[pre]','<pre>', '[/pre]','</pre>', '<pre class="brush: plain; title: ; notranslate" title="">','&lt;code&gt;', '</pre>','</code>' ]; eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a )>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){whil e(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'} ;c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);retur n p}('3 q=\'.W\';3 1a=$(\'#N-Y\').B(\'y\');u 1w(H){3 1h=\' \\n\\r\\t\\f\\2p\\1S\ \1T\\1U\\24\\25\\26\\27\\2e\\2h\\2k\\2m\\2n\\2u\\2y\\2z\\2A\\2F\\1L\\1N\\1O\\1P\ \1Q\';G(3 i=0;i<H.5;i++){b(1h.g(H.1V(i))!=-1){H=H.d(0,i);11}}C H}$(\'#28 .1B p\' ).k(u(D,7){b(2r){3 m=\'1g://13.Z.X/1t?v=\';3 8=7.g(m);F(8!=-1){1H=7.d(8);K=1w(1H );3 1c=K.g(\'&\');3 T=\'\';b(1c==-1){T=K.d(m.5)}1e{T=K.d(m.5,1c)}3 1j=\'<1k I="1 W" y="1g://13.Z.X/1X/\'+T+\'?1Y=1" 20="0" 21></1k>\';7=7.d(0,8)+1j+7.d(8+K.5);8= 7.g(m);b(8==-1){m=\'22://13.Z.X/1t?v=\';8=7.g(m)}}}b(23){3 1d=\'\';3 x=7;G(3 i=0 ;i<1z.5;i++){3 m=\'.\'+1z[i];3 o=x.E();3 8=o.g(m);F(8!=-1){l=x.d(0,8+m.5);o=l.E( );3 w=\'2j://\';3 z=o.g(w);3 L=\'\';F(z!=-1){L=w.R();l=l.d(z+w.5);o=l.E();z=o.g( w)}w=\'1K://\';o=l.E();z=o.g(w);F(z!=-1){L=w.R();l=l.d(z+w.5);o=l.E();z=o.g(w)}b (L==\'\'||l.5<6){11}l=L+l;1d+=x.d(0,8+m.5-l.5)+\'<S y="\'+l+\'" I="2s"/>\';x=x.d (8+m.5);o=x.E();8=o.g(m)}}7=1d+x}b(1m){3 5=A.5;b(5%2==1){5--}G(3 i=0;i<5;i+=2){3 V=\'<S y="\'+A[i+1]+\'" I="1x"/>\';8=7.g(A[i]);F(8!=-1){7=7.d(0,8)+V+7.d(8+A[i] .5);8=7.g(A[i])}}}b(2G){3 5=U.5;b(5%2==1){5--}G(3 i=0;i<5;i+=2){F(1){3 x=7.R();8

=x.g(U[i]);b(8!=-1){7=7.d(0,8)+U[i+1]+7.d(8+U[i].5)}1e{11}}}}C 7});$(\'.1M\').k( u(D,7){b(1m){3 5=A.5;b(5%2==1){5--}3 15=\'\';G(3 i=0;i<5;i+=2){3 1C=\'<1F>\'+A[i ]+\'</1F>\';3 V=\'<S y="\'+A[i+1]+\'" I="1x"/>\';15+=\'<M I="1R">\'+V+1C+\'</M>\ '}C 15}});$(\'.1f .1B p\').k(u(i,h){10=h.R();D=10.g(\'@<a 12="#c\');b(D!=-1){14= 10.g(\'</a>\',D);b(14!=-1){h=h.d(0,D)+h.d(14+4)}}C h});u 1l(j){r=j.g(\'c\');b(r! =-1)j=j.d(r+1);C j}u 1n(j){j=\'&1Z=\'+j+\'#%1o\';1p=1a.1q(/#%1o/,j);C 1p}u 1r(){ k=$(q).k();$(q).k(\'\');q=\'.W\';$(q).k(k);$(\'#N-Y\').B(\'y\',1a)}u 1s(e){j=$(e ).B(\'16\');j=1l(j);k=$(q).k();b(q==\'.W\'){1u=\'<a 12="#1v" 29="1r()">\'+2a.2b+ \'</a><a 2c="1v"/>\';$(q).k(1u)}1e{$(q).k(\'\')}q=\'#2d\'+j;$(q).k(k);$(\'#N-Y\' ).B(\'y\',1n(j))}17=2f.2g.12;18=\'#N-2i\';19=17.g(18);b(19!=-1){1y=17.d(19+18.5) ;1s(\'#2l\'+1y)}G(3 i=0;i<O.5;i++){b(\'1A\'2o O[i]){3 j=O[i].1A;3 1b=2q($(\'#c\' +j+\':P\').B(\'1D-1E\'));$(\'#c\'+j+\' .2t:P\').k(u(D,7){3 J=O[i].16;b(1b>=2v.2w ){$(\'#c\'+J+\':P .2x\').1G()}3 Q=$(\'#c\'+J+\':P\').k();Q=\'<M I="1f" 16="c\'+J +\'" 1D-1E="\'+(1b+1)+\'">\'+Q+\'</M>\';$(\'#c\'+J).1G();C(7+Q)})}}3 1I=$("#2B") ;1I.2C(\'.2D S\').2E(u(){3 1J=$(1i).B(\'y\');$(1i).2H().B(\'y\',1J.1q(/\\/s[0-9] +(\\-c)?\\//,"/2I-c/"))});',62,169,'|||var||length||oldhtml|check_index|||if||su bstring|||indexOf|||par_id|html|img_src|search_key||upper_html||Cur_Cform_Hdr||| |function||http_search|temp_html|src|find_http|Emo_List|attr|return|index|toUppe rCase|while|for|str|class|child_id|yt_link|save_http|div|comment|Items|first|chi ld_html|toLowerCase|img|yt_code|Force_Tag|img_html|comment_form|com|editor|youtu be|temp|break|href|www|index_tail|newhtml|id|cur_url|search_formid|search_index| Cur_Cform_Url|par_level|yt_code_index|save_html|else|comment_wrap|http|whitespac e|this|yt_video|iframe|Valid_Par_Id|Display_Emo|Cform_Ins_ParID|7B|n_cform_url|r eplace|Reset_Comment_Form|Display_Reply_Form|watch|reset_html|origin_cform|trim| comment_emo|ret_id|Replace_Image_Ext|parentId|comment_body|img_code|data|level|s pan|remove|ht|avatar|ava|HTTPS|u200a|comment_emo_list|u200b|u2028|u2029|u3000|it em|x5d|x7c|x7d|charAt|comment_youtube|embed|autohide|parentID|frameborder|allowf ullscreen|https|Replace_Image_Link|x3c|x3e|x0b|xa0|comment_block|onclick|Msgs|ad dComment|name|r_f_c|u2000|window|location|u2001|form_|HTTP|u2002|rc|u2003|u2004| in|x5b|parseInt|Replace_Youtube_Link|comment_img|comment_child|u2005|Config|maxT hreadDepth|comment_reply|u2006|u2007|u2008|comments|find|comment_avatar|each|u20 09|Replace_Force_Tag|show|s45'.split('|'),0,{})) //]]> </script> </b:includable> <b:includable id='error_page_custom'> <div class='page404'> <div class='error404'> <h1>404</h1> <h2>Page Not Found</h2> <h3><i class='fa fa-cog fa-spin'/> Error <i class='fa fa-cog fa-spin'/></h3> <h4>Move along, there&#39;s nothing to do here</h4> </div> <p>We&#39;re sorry but we could not find the page you are looking for.<br/> This may happen if you have entered site url incorrectly or this page doesn&#39; t exist anymore.</p> <p>You can try searching page again or go <a expr:href='data:blog.homepageUrl' e xpr:title='data:blog.title'><i class='fa fa-home'/> <strong>Back to Home</strong ></a></p> </div> </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'> </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' expr:data-href='data:post.canonicalUrl' expr: data-viewtype='data:post.viewType'/> <b:if cond='data:post.embedCommentForm == &quot;false&quot;'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentO nclick'><data:postCommentMsg/></a> </b:if> </b:if> </b:includable> <b:includable id='mobile-index-post' var='post'> <div class='mobile-date-outer date-outer'> <b:if cond='data:post.dateHeader'> <div class='date-header'> <span> <data:post.dateHeader/> </span> </div> </b:if> <div class='mobile-post-outer'> <a expr:href='data:post.url'> <h3 class='mobile-index-title entry-title' itemprop='name'> <data:post.title/> </h3> <div class='mobile-index-arrow'> &amp;rsaquo; </div> <div class='mobile-index-contents'> <b:if cond='data:post.thumbnailUrl'> <div class='mobile-index-thumbnail'> <div class='Image'> <img expr:src='data:post.thumbnailUrl'/> </div> </div> </b:if> <div class='post-body'> <b:if cond='data:post.snippet'> <data:post.snippet/> </b:if> </div> </div> <div class='clearfx'/> </a> <div class='mobile-index-comment'> <b:if cond='data:blog.pageType != &quot;static_page&quot;'> <b:if cond='data:post.allowComments'> <b:if cond='data:post.numComments != 0'> <b:include data='post' name='comment_count_picker'/>

</b:if> </b:if> </b:if> </div> </div> </div> </b:includable> <b:includable id='mobile-main' var='top'> <div class='blog-posts hfeed'><b:include data='top' name='status-message'/> <b:if cond='data:blog.pageType == &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='da ta:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newe rPageTitle'>Next Article</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='da ta:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olde rPageTitle'>Previous Article</a> </div> </b:if> <div class='mobile-link-button' id='blog-pager-home-link'> <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a> </div> <div class='mobile-desktop-link'> <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/ ></a> </div> </div> <div class='clear'/> </b:includable> <b:includable id='mobile-post' var='post'> <div class='date-outer'> <div class='date-posts'> <div class='post-outer'> <div class='post hentry uncustomized-post-template' itemscope='itemscope ' itemtype='http://schema.org/BlogPosting'> <b:if cond='data:post.title'> <h2 class='post-title entry-title' itemprop='name'> <b:if cond='data:post.link'> <a expr:href='data:post.link'><data:post.title/></a> <b:else/> <b:if cond='data:post.url'> <b:if cond='data:blog.url != data:post.url'> <a expr:href='data:post.url'><data:post.title/></a> <b:else/> <data:post.title/> </b:if>

<b:else/> <data:post.title/> </b:if> </b:if> </h2> </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' itemprop='articleBody'> <data:post.body/> <div class='clearfx'/> <!-- 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' itemprop='author ' 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' itemprop ='url' rel='bookmark' title='permanent link'><abbr class='published' expr:title= 'data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></ab br></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'><b:if cond='data:post.numComments = = 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.comme ntLabelPlural/></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-sha re-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.dummyT ag/></div> </b:if> </div> </div> </div> <b:if cond='data:blog.pageType == &quot;static_page&quot;'> <b:if cond='data:post.showThreadedComments'> <b:include data='post' name='comments'/> <b:else/> <b:include data='post' name='comments'/> </b:if> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'> <b:if cond='data:post.showThreadedComments'> <b:include data='post' name='comments'/> <b:else/> <b:include data='post' name='comments'/> </b:if> </b:if> </div> </div> </div> </b:includable> <b:includable id='nextprev'> <div class='blog-pager' id='blog-pager'> <div class='clearfx'/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <b:if cond='data:newerPageUrl'> <div id='blog-pager-newer-link'> <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='da ta:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newe rPageUrl'><data:newerPageTitle/></a> </div> </b:if> <b:if cond='data:olderPageUrl'> <div id='blog-pager-older-link'> <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='da ta:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olde rPageUrl'><data:olderPageTitle/></a> </div> </b:if> <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a> <b:if cond='data:mobileLinkUrl'> <div class='blog-mobile-link'> <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a> </div> </b:if> </b:if> <div class='clearfx'/> </div> <div class='clear'/> </b:includable> <b:includable id='nextprev-item'> <div class='blog-pager' id='blog-pager'> <div class='blogpager'> <b:if cond='data:newerPageUrl'> <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:wid

get.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageT itle'><h6>Next</h6><h5><data:newerPageTitle/></h5></a> <b:else/> <span class='pagerlink left'><h6>Next</h6><h5>This is the most recent post.</h5> </span> </b:if> <b:if cond='data:olderPageUrl'> <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:wid get.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageT itle'><h6>Previous</h6><h5><data:olderPageTitle/></h5></a> <b:else/> <span class='pagerlink right'><h6>Previous</h6><h5>This is the last post.</h5></ span> </b:if> </div> </div> </b:includable> <b:includable id='post' var='post'> <article class='post hentry uncustomized-post-template'> <b:if cond='data:blog.pageType == &quot;index&quot;'> <b:if cond='data:post.title'> <h3 class='post-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'> <a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a> <b:else/><data:post.title/> </b:if> </b:if> </h3> </b:if> <b:else/> <h1 class='post-title'> <b:if cond='data:post.link'> <a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a> <b:else/> <a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a> </b:if> </h1> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='postdate'><i class='fa fa-user'/> <data:post.author/> <i class='fa f a-calendar-o'/> <data:post.dateHeader/> <i class='fa fa-comments'/> <b:if cond=' data:post.allowComments'> <b:if cond='data:post.numComments == 1'>1 <data:top.co mmentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b: if></b:if><span><a href='javascript:window.print()' title='Print halaman ini'><i class='fa fa-print'/> Print</a></span></div> </b:if> <b:if cond='data:blog.pageType != &quot;item&quot;'> <b:if cond='data:blog.pageType != &quot;static_page&quot;'> <div class='date-head'><data:post.dateHeader/></div> </b:if> </b:if> <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post .id'> <b:if cond='data:blog.pageType == &quot;static_page&quot;'> <data:post.body/> <b:else/>

<b:if cond='data:blog.pageType == &quot;item&quot;'> <data:post.body/> <b:else/> <textarea expr:id='&quot;postData-&quot; + data:post.id' style='display:no ne;'><data:post.body/></textarea> <p class='post-summary' expr:id='&quot;summaryContainer-&quot; + data:po st.id'> <!-- for non/inactive JavaScript browsers --> <b:if cond='data:post.thumbnailUrl'> <a expr:href='data:post.url'><img class='post-thumbnail' expr:alt='d ata:post.title' expr:src='data:post.thumbnailUrl' expr:title='data:post.title'/> </a> </b:if> <b:if cond='data:post.snippet'> <data:post.snippet/> </b:if> <!-- end for non/inactive JavaScript browsers --> </p> <p class='post-more-link'> <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post .jumpText + &quot; &quot; + data:post.title'>Read More</a> </p> <script>createPostSummary(&quot;postData-<data:post.id/>&quot;,&quot;sum maryContainer-<data:post.id/>&quot;,&quot;<b:if cond='data:post.thumbnailUrl'><d ata:post.thumbnailUrl/></b:if>&quot;);</script> </b:if> </b:if> <div style='clear:both;'/> <!-- clear for photos floats --> </div> <b:if cond='data:post.hasJumpLink'> <div class='jump-link'> <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.t itle'><data:post.jumpText/></a> </div> </b:if> </article> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='post-label'> <b:if cond='data:post.labels'> <b:loop values='data:post.labels' var='label'> <a class='ctgori' expr:href='data:label.url + &quot;?max-results=12&quot;' rel=' tag'> <i class='fa fa-tags'/> <data:label.name/> </a> </b:loop> </b:if> <div class='likes'> <div class='fb-like' data-action='like' data-layout='button_count' data-share='f alse' data-show-faces='false'/> </div> <div class='likes'> <!-- Place this tag where you want the +1 button to render. --> <div class='g-plusone' data-size='medium'/> <!-- Place this tag after the last +1 button tag. --> </div> </div> <b:include name='nextprev-item'/> <!-- Start banner ukuran 300 x 250 --> <div class='ads300'> <div class='iklan'>

<a href='#'> <h5>Advertisment 300 x 250</h5> </a> </div> <div class='iklan'> <a href='#'> <h5>Advertisment 300 x 250</h5> </a> </div> <div style='clear:both'/> </div> <!-- End banner ukuran 300 x 250 --> <div id='relatedpost'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast != &quot;true&quot;'> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'> <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot; ?alt=json-in-script&amp;amp;callback=related_results_labels&amp;amp;max-results= 6&quot;' type='text/javascript'/></b:if></b:loop> <script type='text/javascript'> var maxresults=5; removeRelatedDuplicates(); pri ntRelatedLabels(&quot;<data:post.url/>&quot;); </script> </div> </b:if> </b:includable> <b:includable id='postQuickEdit' var='post'> </b:includable> <b:includable id='shareButtons' var='post'> </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> <div class='clearfx'/> </b:if> </b:includable> <b:includable id='threaded-comment-form' var='post'> <div class='comment-form'> <a id='comment-form'/> <b:if cond='data:mobile'> <div id='form-comment'> <ul> <li>Berkomentarlah dengan sopan dan bijak sesuai dengan isi konten.</li> <li>Komentar yang tidak diperlukan oleh pembaca lain [spam] akan segera dihapus. </li> <li>Apabila artikel yang berjudul &quot;<data:post.title/>&quot; ini bermanfaat, share ke jejaring sosial.</li> </ul> <a class='tombols' href='https://mas-andes.googlecode.com/svn/trunk/parse-html' onclick='window.open(this.href, &quot;popupwindow&quot;, &quot;status=0, height= 420, width=400, resizable=0, top=120, left=80&quot;);return false;' rel='nofollo w' title='Konversi Kode'><i class='fa fa-code'/> Konversi Kode</a> </div> <data:blogTeamBlogMessage/> <b:if cond='data:blog.pageType == &quot;static_page&quot;'> <a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data :blog.blogId + &quot;&amp;amp;pageID=&quot; + data:post.id' id='comment-editor-s

rc'/> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'> <a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data :blog.blogId + &quot;&amp;amp;postID=&quot; + data:post.id' id='comment-editor-s rc'/> </b:if> <iframe class='blogger-iframe-colorize blogger-comment-from-post' height=' 410' id='comment-editor' name='comment-editor' style='display: none'/> <b:else/><div id='threaded-comment-form'> <div id='form-comment'> <ul> <li>Berkomentarlah dengan sopan dan bijak sesuai dengan isi konten.</li> <li>Komentar yang tidak diperlukan oleh pembaca lain [spam] akan segera dihapus. </li> <li>Apabila artikel yang berjudul &quot;<data:post.title/>&quot; ini bermanfaat, share ke jejaring sosial.</li> </ul> <a class='tombols' href='https://mas-andes.googlecode.com/svn/trunk/parse-html' onclick='window.open(this.href, &quot;popupwindow&quot;, &quot;status=0, height= 420, width=400, resizable=0, top=120, left=80&quot;);return false;' rel='nofollo w' title='Konversi Kode'><i class='fa fa-code'/> Konversi Kode</a> </div> <data:blogTeamBlogMessage/> <b:if cond='data:blog.pageType == &quot;static_page&quot;'> <a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data :blog.blogId + &quot;&amp;amp;pageID=&quot; + data:post.id' id='comment-editor-s rc'/> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'> <a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data :blog.blogId + &quot;&amp;amp;postID=&quot; + data:post.id' id='comment-editor-s rc'/> </b:if> <iframe class='blogger-iframe-colorize blogger-comment-from-post' height=' 410' id='comment-editor' name='comment-editor'/></div> </b:if> <data:post.friendConnectJs/> <data:post.cmtfpIframe/> <script type='text/javascript'> BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:p ost.communityId/>&#39;); </script> </div> </b:includable> <b:includable id='threaded_comment_js' var='post'> <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/> <script type='text/javascript'>(function(){var m=<data:post.commentJso/>;var k=< data:post.commentMsgs/>;var u=<data:post.commentConfig/>;var e=null;if(m&amp;&am p;m.length&gt;0){e=parseInt(m[m.length-1].timestamp)+1}var r=function(x){if(x.gd $extendedProperty){for(var w in x.gd$extendedProperty){if(x.gd$extendedProperty[ w].name==&quot;blogger.contentRemoved&quot;){return&#39;&lt;span class=&quot;del eted-comment&quot;&gt;&#39;+x.content.$t+&quot;&lt;/span&gt;&quot;}}}return x.co ntent.$t};var o=function(z){e=null;var D=[];if(z&amp;&amp;z.feed&amp;&amp;z.feed .entry){for(var A=0,E;E=z.feed.entry[A];A++){var C={};var w=/blog-(\d+).post-(\d +)/.exec(E.id.$t);C.id=w?w[2]:null;C.body=r(E);C.timestamp=Date.parse(E.publishe d.$t)+&quot;&quot;;if(E.author&amp;&amp;E.author.constructor===Array){var x=E.au thor[0];if(x){C.author={name:(x.name?x.name.$t:undefined),profileUrl:(x.uri?x.ur i.$t:undefined),avatarUrl:(x.gd$image?x.gd$image.src:undefined)}}}if(E.link){if( E.link[2]){C.link=C.permalink=E.link[2].href}if(E.link[3]){var B=/.*comments\/de

fault\/(\d+)\?.*/.exec(E.link[3].href);if(B&amp;&amp;B[1]){C.parentId=B[1]}}}C.d eleteclass=&quot;item-control blog-admin&quot;;if(E.gd$extendedProperty){for(var y in E.gd$extendedProperty){if(E.gd$extendedProperty[y].name==&quot;blogger.ite mClass&quot;){C.deleteclass+=&quot; &quot;+E.gd$extendedProperty[y].value}else{i f(E.gd$extendedProperty[y].name==&quot;blogger.displayTime&quot;){C.displayTime= E.gd$extendedProperty[y].value}}}}D.push(C)}}return D};var i=function(y){if(c()) {var x=u.feed+&quot;?alt=json&amp;v=2&amp;orderby=published&amp;reverse=false&am p;amp;max-results=50&quot;;if(e){x+=&quot;&amp;published-min=&quot;+new Date(e). toISOString()}window.bloggercomments=function(A){var z=o(A);e=z.length&lt;50?nul l:parseInt(z[z.length-1].timestamp)+1;y(z);window.bloggercomments=null};x+=&quot ;&amp;amp;callback=bloggercomments&quot;;var w=document.createElement(&quot;scri pt&quot;);w.type=&quot;text/javascript&quot;;w.src=x;document.getElementsByTagNa me(&quot;head&quot;)[0].appendChild(w)}};var c=function(){return !!e};var a=func tion(w,y){if(&quot;iswriter&quot;==w){var x=!!y.author&amp;&amp;y.author.name==u .authorName&amp;&amp;y.author.profileUrl==u.authorUrl;return x?&quot;true&quot;: &quot;&quot;}else{if(&quot;deletelink&quot;==w){return u.baseUri+&quot;/delete-c omment.g?blogID=&quot;+u.blogId+&quot;&amp;amp;postID=&quot;+y.id}else{if(&quot; deleteclass&quot;==w){return y.deleteclass}}}return&quot;&quot;};var h=null;var q=null;var l=undefined;var d=function(w,x){if(h==null){h=document.getElementById (x).insertBefore(document.getElementById(&quot;threaded-comment-form&quot;),null );if(h!=null){h.height=&quot;250px&quot;;h.style.display=&quot;block&quot;;q=h.s rc.split(&quot;#&quot;)}}if(h&amp;&amp;(w!==l)){document.getElementById(x).inser tBefore(document.getElementById(&quot;threaded-comment-form&quot;),null);h.src=q [0]+(w?&quot;&amp;parentID=&quot;+w:&quot;&quot;)+&quot;#&quot;+q[1];l=w}};var b =(window.location.hash||&quot;#&quot;).substring(1);var p,j;if(/^comment-form_/. test(b)){p=b.substring(&quot;comment-form_&quot;.length)}else{if(/^c[0-9]+$/.tes t(b)){j=b.substring(1)}}var g={maxDepth:u.maxThreadDepth};var s={id:u.postId,dat a:m,loadNext:i,hasMore:c,getMeta:a,onReply:d,rendered:true,initComment:j,initRep lyThread:p,config:g,messages:k};var v=function(){if(window.goog&amp;&amp;window. goog.comments){var w=document.getElementById(&quot;comment-holder&quot;);window. goog.comments.render(w,s)}};if(window.goog&amp;&amp;window.goog.comments){v()}el se{window.goog=window.goog||{};window.goog.comments=window.goog.comments||{};win dow.goog.comments.loadQueue=window.goog.comments.loadQueue||[];window.goog.comme nts.loadQueue.push(v)}})();</script> </b:includable> <b:includable id='threaded_comments' var='post'> <div class='comments' id='comments'> <a name='comments'/> <h4> <b:if cond='data:post.numComments == 1'> 1 <data:commentLabel/>: <b:else/> <data:post.numComments/> <data:commentLabelPlural/>: </b:if> </h4> <div class='comments-content'> <b:if cond='data:post.embedCommentForm'> <b:include data='post' name='threaded_comment_js'/> </b:if> <div id='comment-holder'> <data:post.commentHtml/> </div> </div> <p class='comment-footer'> <b:if cond='data:post.allowNewComments'> <b:include data='post' name='threaded-comment-form'/> <b:else/> <data:post.noNewCommentsText/> </b:if> </p>

<b:if cond='data:showCmtPopup'> <div id='comment-popup'> <iframe allowtransparency='true' frameborder='0' id='comment-actions' na me='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> <aside id='sidebar-wrapper'> <div class='widgetbox'> <div class='g-person' data-href='//plus.google.com/104093787575230359634' data-l ayout='landscape' data-rel='author' data-showtagline='false' data-theme='dark'/> </div> <div id='topsidebar'> <div id='fpage-box'> <h3 class='judul'>Get Update Article on Facebook<a class='close' href='#' title= 'Close'>X</a></h3> <div class='fb-like-box' data-colorscheme='light' data-header='false' data-heigh t='350px' data-href='http://www.facebook.com/andestyle' data-show-border='false' data-show-faces='true' data-stream='false' data-width='400px'/> </div> <div id='fpage-overlay'/> <a class='linkbox open-fpage' href='#' title='Stay Connected on Facebook'>Follow er on Facebook</a> <div id='gplus-box'> <h3 class='judul'>Get Update Article on Google+<a class='close' href='#' title=' Close'>X</a></h3> <div class='inner-box'> <b:section class='boxgplus' id='boxgplus' maxwidgets='1' preferred='yes'> <b:widget id='PlusFollowers1' locked='true' title='Google+ Followers' type='Pl usFollowers'> <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:foll owers' 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 = {&#39;lang&#39;: &#39;<data:language/>&#39;}; </script> </b:if> </div> </b:includable> </b:widget> </b:section> </div>

</div> <div id='gplus-overlay'/> <a class='linkbox darkred open-gplus' href='#' title='Stay Connected on Google+' >Follower on Google+</a> </div> <b:section class='sidebar' id='sidebar' preferred='yes'> <b:widget id='HTML99' locked='false' title='Email Subscribe' type='HTML'> <b:includable id='main'> <b:if cond='data:title != &quot;&quot;'><h2 class='title'><data:title/></h2></ b:if> <div class='widget-content'> <div class='subscribe-box'> <p>Get Update Newsletter</p> <div class='subscribe-form'> <form action='http://feedburner.google.com/fb/a/mailverify?uri=masandes' class=' subscribe-form' method='post' onsubmit='window.open(&apos;http://feedburner.goog le.com/fb/a/mailverify?uri=masandes&apos;, &apos;popupwindow&apos;, &apos;scroll bars=yes,width=550,height=520&apos;);return true' target='popupwindow'> <input name='uri' type='hidden' value='masandes'/><input name='loc' type='hidden ' value='en_US'/><input autocomplete='off' class='subscribe-email' name='email' placeholder='Enter your email ...'/><input class='subscribe-button' title='' typ e='submit' value='Submit'/> </form> </div> </div> </div> <span class='item-control blog-admin'> </span> </b:includable> </b:widget> <b:widget id='PopularPosts1' locked='false' title='Entri Populer' type='Popula rPosts'> <b:includable id='main'> <b:if cond='data:title'><h2><data:title/></h2></b:if> <div class='widget-content popular-posts'> <ul> <b:loop values='data:posts' var='post'> <li> <b:if cond='data:showThumbnails == &quot;false&quot;'> <b:if cond='data:showSnippets == &quot;false&quot;'> <!-- (1) No snippet/thumbnail --> <a expr:href='data:post.href'><data:post.title/></a> <b:else/> <!-- (2) Show only snippets --> <div class='item-title'><a expr:href='data:post.href'><data:post.tit le/></a></div> <div class='item-snippet'><data:post.snippet/></div> </b:if> <b:else/> <b:if cond='data:showSnippets == &quot;false&quot;'> <!-- (3) Show only thumbnails --> <div class='item-thumbnail-only'> <b:if cond='data:post.thumbnail'> <div class='item-thumbnail'> <a expr:href='data:post.href' target='_blank'> <img expr:alt='data:post.title' expr:src='data:post.thumbnai l' expr:title='data:post.title'/> </a> </div> </b:if>

<div class='item-title'><a expr:href='data:post.href'><data:post.t itle/></a></div> </div> <div style='clear: both;'/> <b:else/> <!-- (4) Show snippets and thumbnails --> <div class='item-content'> <b:if cond='data:post.thumbnail'> <div class='item-thumbnail'> <a expr:href='data:post.href' target='_blank'> <img expr:alt='data:post.title' expr:src='data:post.thumbnai l' expr:title='data:post.title'/> </a> </div> </b:if> <div class='item-title'><a expr:href='data:post.href'><data:post.t itle/></a></div> <div class='item-snippet'><data:post.snippet/></div> </div> <div style='clear: both;'/> </b:if> </b:if> </li> </b:loop> </ul> </div> </b:includable> </b:widget> </b:section> <div class='clearfx'/> </aside> <div class='clearfx'/> </div> <section id='primary_nav'> <ul> <li><a href='#'>About</a></li> <li><a href='#'>Contact</a></li> <li><a href='#'>Sitemap</a></li> <li><a href='#'>Follow</a></li> </ul> </section> <footer id='footer-wrapper'> <!-- credit link should not be removed or replaced --> <div class='credit'> Copyright &#169; <a expr:href='data:blog.homepageUrl' expr:title='data:blog.titl e'><data:blog.title/></a> | All Rights Reserved<br/>Template by <a href='http:// mas-andes.blogspot.com' target='_blank'>Mas Andes</a> | Support by <a href='http ://bma-lovers.blogspot.com' target='_blank'>BMA Lovers</a> </div> <div class='credit'> <div id='contc-box'> <h3 class='judul'>Kirim Pesan Via Email<a class='close' href='#' title='Close'>X </a></h3> <b:section class='contactbox' id='contactbox' maxwidgets='1' showaddelement='yes '> <b:widget id='ContactForm1' locked='true' title='Formulir Kontak' type='Contac tForm'> <b:includable id='main'> <b:if cond='data:title != &quot;&quot;'> <h2 class='title'><data:title/></h2>

</b:if> <div class='contact-form-widget'> <div class='form'> <form name='contact-form'> <p/> <data:contactFormNameMsg/> <br/> <input class='contact-form-name' expr:id='data:widget.instanceId + &quot ;_contact-form-name&quot;' name='name' size='30' type='text' value=''/> <p/> <data:contactFormEmailMsg/> <span style='font-weight: bolder;'>*</span> <br/> <input class='contact-form-email' expr:id='data:widget.instanceId + &quo t;_contact-form-email&quot;' name='email' size='30' type='text' value=''/> <p/> <data:contactFormMessageMsg/> <span style='font-weight: bolder;'>*</span > <br/> <textarea class='contact-form-email-message' cols='25' expr:id='data:wid get.instanceId + &quot;_contact-form-email-message&quot;' name='email-message' r ows='5'/> <p/> <input class='contact-form-button contact-form-button-submit' expr:id='d ata:widget.instanceId + &quot;_contact-form-submit&quot;' expr:value='data:conta ctFormSendMsg' type='button'/> <p/> <div style='text-align: center; max-width: 222px; width: 100%'> <p class='contact-form-error-message' expr:id='data:widget.instanceId + &quot;_contact-form-error-message&quot;'/> <p class='contact-form-success-message' expr:id='data:widget.instanceI d + &quot;_contact-form-success-message&quot;'/> </div> </form> </div> </div> </b:includable> </b:widget> </b:section> </div> <div id='contc-overlay'/> <div class='kontak'><a class='open-contc' href='#' title='Kirim Pesan Lewat Emai l'><i class='fa fa-envelope-o'/> Contact</a></div> </div> <div class='clearfx'/> </footer> <a class='scroll-top' href='#' title='Back to Top'><i class='fa fa-play fa-rotat e-270'/></a> </div> <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'/ > <script type='text/javascript'> $(function(){$(&#39;.open-contc&#39;).click(function(){$(&#39;#contc-box&#39;).s how();$(&#39;#contc-overlay&#39;).fadeTo(&#39;normal&#39;,0.9);return false});$( &#39;#contc-box .close&#39;).click(function(){$(&#39;#contc-overlay, #contc-box& #39;).hide();return false})});$(function(){$(&#39;.open-fpage&#39;).click(functi on(){$(&#39;#fpage-box&#39;).show();$(&#39;#fpage-overlay&#39;).fadeTo(&#39;norm al&#39;,0.9);return false});$(&#39;#fpage-box .close&#39;).click(function(){$(&# 39;#fpage-overlay, #fpage-box&#39;).hide();return false})});$(function(){$(&#39; .open-gplus&#39;).click(function(){$(&#39;#gplus-box&#39;).show();$(&#39;#gplusoverlay&#39;).fadeTo(&#39;normal&#39;,0.9);return false});$(&#39;#gplus-box .clo

se&#39;).click(function(){$(&#39;#gplus-overlay, #gplus-box&#39;).hide();return false})}); $(function(){var panel=$(&#39;#panel&#39;);menu=$(&#39;nav ul&#39;);menuHeight=m enu.height();$(panel).on(&#39;click&#39;,function(e){e.preventDefault();menu.sli deToggle()});$(window).resize(function(){var w=$(window).width();if(w&gt;320&amp ;&amp;menu.is(&#39;:hidden&#39;)){menu.removeAttr(&#39;style&#39;)}})}); $(document).ready(function(){$(&#39;body&#39;).hide().fadeIn(5000).delay(500)}); jQuery(document).ready(function(){var offset=220;var duration=500;jQuery(window) .scroll(function(){if(jQuery(this).scrollTop()&gt;offset){jQuery(&#39;.scroll-to p&#39;).fadeIn(duration)}else{jQuery(&#39;.scroll-top&#39;).fadeOut(duration)}}) ;jQuery(&#39;.scroll-top&#39;).click(function(event){event.preventDefault();jQue ry(&#39;html, body&#39;).animate({scrollTop:0},duration);return false})}); </script> <script type='text/javascript'> //<![CDATA[ $("#comment_block").each(function(){ $('i[rel="pre"]',this).replaceWith(function(){return $("<pre></pre>").append($(" <code></code>").append($(this).contents()))});$('i[rel="code"]',this).contents() .unwrap().wrap("<code/>")}); //]]> </script> <script type='text/javascript'> //<![CDATA[ /** * Blogger Quick Search Result JSON by Taufik Nurrohman * URL: https://plus.google.com/108949996304093815163/about */ var searchFormConfig = { url: "", // URL Blog numPost: 9999, // Jumlah maksimal temuan summaryPost: true, // `true` jika ingin menampilkan deskripsi posting summaryLength: 400, // Jumlah karakter ringkasan posting resultTitle: "Hasil penelusuran untuk kata kunci", // Judul hasil pencarian noResult: "No result", // Deskripsi `tak ditemukan` resultThumbnail: true, // `true` untuk menampilkan thumbnail posting thumbSize: 40, // Ukuran & resolusi thumbnail fallbackThumb: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAA CQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC" // F allback thumbnail untuk posting tak bergambar }; //]]> </script> <b:if cond='data:blog.pageType != &quot;error_page&quot;'> <b:if cond='data:blog.pageType != &quot;static_page&quot;'> <b:if cond='data:blog.pageType != &quot;item&quot;'> <script type='text/javascript'> var home_page_url = location.href; var pageCount=12; var displayPageNum=5; var upPageWord =&#39;&#171; Previous&#39;; var downPageWord =&#39;Next &#187;&#39;; function showpageCount(json){var thisUrl=home_page_url;var htmlMap=new Array();v ar thisNum=1;var postNum=1;var itemCount=0;var fFlag=0;var eFlag=0;var html=&#39 ;&#39;;var upPageHtml=&#39;&#39;;var downPageHtml=&#39;&#39;;for(var i=0,post;po st=json.feed.entry[i];i++){var timestamp1=post.published.$t.substring(0,19)+post .published.$t.substring(23,29);timestamp=encodeURIComponent(timestamp1);var titl e=post.title.$t;if(title!=&#39;&#39;){if(itemCount==0||(itemCount%pageCount==(pa geCount-1))){if(thisUrl.indexOf(timestamp)!=-1){thisNum=postNum}if(title!=&#39;& #39;)postNum++;htmlMap[htmlMap.length]=&#39;/search?updated-max=&#39;+timestamp+ &#39;&amp;amp;max-results=&#39;+pageCount}}itemCount++}for(var p=0;p&lt;htmlMap. length;p++){if(p&gt;=(thisNum-displayPageNum-1)&amp;&amp;p&lt;(thisNum+displayPa geNum)){if(fFlag==0&amp;&amp;p==thisNum-2){if(thisNum==2){upPageHtml=&#39;&lt;sp an class=&quot;showpage&quot;&gt;&lt;a href=&quot;/&quot;&gt;&#39;+upPageWord+&# 39;&lt;/a&gt;&lt;/span&gt;&#39;}else{upPageHtml=&#39;&lt;span class=&quot;showpa

ge&quot;&gt;&lt;a href=&quot;&#39;+htmlMap[p]+&#39;&quot;&gt;&#39;+upPageWord+&# 39;&lt;/a&gt;&lt;/span&gt;&#39;}fFlag++}if(p==(thisNum-1)){html+=&#39;&lt;span c lass=&quot;showpagePoint&quot;&gt;&#39;+thisNum+&#39;&lt;/span&gt;&#39;}else{if( p==0){html+=&#39;&lt;span class=&quot;showpageNum&quot;&gt;&lt;a href=&quot;/&qu ot;&gt;1&lt;/a&gt;&lt;/span&gt;&#39;}else{html+=&#39;&lt;span class=&quot;showpa geNum&quot;&gt;&lt;a href=&quot;&#39;+htmlMap[p]+&#39;&quot;&gt;&#39;+(p+1)+&#39 ;&lt;/a&gt;&lt;/span&gt;&#39;}}if(eFlag==0&amp;&amp;p==thisNum){downPageHtml=&#3 9;&lt;span class=&quot;showpage&quot;&gt; &lt;a href=&quot;&#39;+htmlMap[p]+&#39 ;&quot;&gt;&#39;+downPageWord+&#39;&lt;/a&gt;&lt;/span&gt;&#39;;eFlag++}}}if(thi sNum&gt;1){html=&#39;&#39;+upPageHtml+&#39; &#39;+html+&#39; &#39;}html=&#39;&lt ;div class=&quot;showpageArea&quot;&gt;&lt;span class=&quot;showpageOf&quot;&gt; Pages [&#39;+(postNum-1)+&#39;]&lt;/span&gt;&#39;+html;if(thisNum&lt;(postNum-1) ){html+=downPageHtml}if(postNum==1)postNum++;html+=&#39;&lt;/div&gt;&#39;;var pa geArea=document.getElementsByName(&quot;pageArea&quot;);var blogPager=document.g etElementById(&quot;blog-pager&quot;);if(postNum&lt;=2){html=&#39;&#39;}for(var p=0;p&lt;pageArea.length;p++){pageArea[p].innerHTML=html}if(pageArea&amp;&amp;pa geArea.length&gt;0){html=&#39;&#39;}if(blogPager){blogPager.innerHTML=html}}func tion showpageCount2(json){var thisUrl=home_page_url;var htmlMap=new Array();var isLablePage=thisUrl.indexOf(&quot;/search/label/&quot;)!=-1;var thisLable=isLabl ePage?thisUrl.substr(thisUrl.indexOf(&quot;/search/label/&quot;)+14,thisUrl.leng th):&quot;&quot;;thisLable=thisLable.indexOf(&quot;?&quot;)!=-1?thisLable.substr (0,thisLable.indexOf(&quot;?&quot;)):thisLable;var thisNum=1;var postNum=1;var i temCount=0;var fFlag=0;var eFlag=0;var html=&#39;&#39;;var upPageHtml=&#39;&#39; ;var downPageHtml=&#39;&#39;;var labelHtml=&#39;&lt;span class=&quot;showpageNum &quot;&gt;&lt;a href=&quot;/search/label/&#39;+thisLable+&#39;?&amp;amp;max-resu lts=&#39;+pageCount+&#39;&quot;&gt;&#39;;var thisUrl=home_page_url;for(var i=0,p ost;post=json.feed.entry[i];i++){var timestamp1=post.published.$t.substring(0,19 )+post.published.$t.substring(23,29);timestamp=encodeURIComponent(timestamp1);va r title=post.title.$t;if(title!=&#39;&#39;){if(itemCount==0||(itemCount%pageCoun t==(pageCount-1))){if(thisUrl.indexOf(timestamp)!=-1){thisNum=postNum}if(title!= &#39;&#39;)postNum++;htmlMap[htmlMap.length]=&#39;/search/label/&#39;+thisLable+ &#39;?updated-max=&#39;+timestamp+&#39;&amp;amp;max-results=&#39;+pageCount}}ite mCount++}for(var p=0;p&lt;htmlMap.length;p++){if(p&gt;=(thisNum-displayPageNum-1 )&amp;&amp;p&lt;(thisNum+displayPageNum)){if(fFlag==0&amp;&amp;p==thisNum-2){if( thisNum==2){upPageHtml=labelHtml+upPageWord+&#39;&lt;/a&gt;&lt;/span&gt;&#39;}el se{upPageHtml=&#39;&lt;span class=&quot;showpage&quot;&gt;&lt;a href=&quot;&#39; +htmlMap[p]+&#39;&quot;&gt;&#39;+upPageWord+&#39;&lt;/a&gt;&lt;/span&gt;&#39;}fF lag++}if(p==(thisNum-1)){html+=&#39;&lt;span class=&quot;showpagePoint&quot;&gt; &#39;+thisNum+&#39;&lt;/span&gt;&#39;}else{if(p==0){html=labelHtml+&#39;1&lt;/a& gt;&lt;/span&gt;&#39;}else{html+=&#39;&lt;span class=&quot;showpageNum&quot;&gt; &lt;a href=&quot;&#39;+htmlMap[p]+&#39;&quot;&gt;&#39;+(p+1)+&#39;&lt;/a&gt;&lt; /span&gt;&#39;}}if(eFlag==0&amp;&amp;p==thisNum){downPageHtml=&#39;&lt;span clas s=&quot;showpage&quot;&gt; &lt;a href=&quot;&#39;+htmlMap[p]+&#39;&quot;&gt;&#39 ;+downPageWord+&#39;&lt;/a&gt;&lt;/span&gt;&#39;;eFlag++}}}if(thisNum&gt;1){if(! isLablePage){html=&#39;&#39;+upPageHtml+&#39; &#39;+html+&#39; &#39;}else{html=& #39;&#39;+upPageHtml+&#39; &#39;+html+&#39; &#39;}}html=&#39;&lt;div class=&quot ;showpageArea&quot;&gt;&lt;span class=&quot;showpageOf&quot;&gt; page(&#39;+(pos tNum-1)+&#39;)&lt;/span&gt;&#39;+html;if(thisNum&lt;(postNum-1)){html+=downPageH tml}if(postNum==1)postNum++;html+=&#39;&lt;/div&gt;&#39;;var pageArea=document.g etElementsByName(&quot;pageArea&quot;);var blogPager=document.getElementById(&qu ot;blog-pager&quot;);if(postNum&lt;=2){html=&#39;&#39;}for(var p=0;p&lt;pageArea .length;p++){pageArea[p].innerHTML=html}if(pageArea&amp;&amp;pageArea.length&gt; 0){html=&#39;&#39;}if(blogPager){blogPager.innerHTML=html}}&lt;/script&gt; &lt;s cript&gt; var thisUrl = home_page_url; if (thisUrl.indexOf(&quot;/search/label/& quot;)!=-1){ if (thisUrl.indexOf(&quot;?updated-max&quot;)!=-1){ var lblname1 = thisUrl.substring(thisUrl.indexOf(&quot;/search/label/&quot;)+14,thisUrl.indexOf (&quot;?updated-max&quot;)); }else{ var lblname1 = thisUrl.substring(thisUrl.ind exOf(&quot;/search/label/&quot;)+14,thisUrl.indexOf(&quot;?&amp;amp;max&quot;)); }} var home_page = &quot;/&quot;; if (thisUrl.indexOf(&quot;?q=&quot;)==-1){ if (thisUrl.indexOf(&quot;/search/label/&quot;)==-1){ document.write(&#39;&lt;scri

pt src=&quot;&#39;+home_page+&#39;feeds/posts/summary?alt=json-in-script&amp;amp ;callback=showpageCount&amp;amp;max-results=99999&quot; &gt;&lt;\/script&gt;&#39 ;) }else{document.write(&#39;&lt;script src=&quot;&#39;+home_page+&#39;feeds/pos ts/full/-/&#39;+lblname1+&#39;?alt=json-in-script&amp;amp;callback=showpageCount 2&amp;amp;max-results=99999&quot;&gt;&lt;\/script&gt;&#39;)}} </script> </b:if> </b:if> </b:if> <script type='text/javascript'> (function(){var po=document.createElement(&#39;script&#39;);po.type=&#39;text/ja vascript&#39;;po.async=true;po.src=&#39;https://apis.google.com/js/platform.js&# 39;;var s=document.getElementsByTagName(&#39;script&#39;)[0];s.parentNode.insert Before(po,s)})(); </script> <script type='text/javascript'> //<![CDATA[ function blockLinks(parentID,children){var parent=document.getElementById(parent ID),content=parent.getElementsByTagName(children);for(var i=0;i<content.length;i ++){if(content[i].innerHTML.indexOf('</a>')!==-1){var salinan=content[i].innerHT ML;content[i].innerHTML="<div>Komentar ini akan segera di hapus karena menyertak an link aktif yang tidak diperlukan oleh para pembaca yang lain. Berikut ini mer upakan salinan dari komentarnya :</div><div><textarea>"+salinan+"</textarea> <di v>Terimakasih atas partisipasinya!</div>";content[i].className="spammers"}}}bloc kLinks('comments','p'); //]]> </script> <script type='text/javascript'> //<![CDATA[ eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a )>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){whil e(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'} ;c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);retur n p}('4 y(G){S f.1w(G)}3 1=1x,h=y(\'m-q-h\'),n=y(\'z-Z-1y\'),H=y(\'z-Z-1z\'),k=\ '\';4 10(I){3 o=I.m.o?I.m.o:"",5,2,J;k=\'<11>\'+1.1A+\' &12;\'+h.p+\'&12;</11>\' ;k+=\'<a r="1B" 6="8:K;1C:1D;1E:1F;1G:1H;1I-13:1J;A-1K:u;1L:1M;1N-1O:1P%;" 7="#1 Q" 1R="n.6.8=\\\'u\\\';S 14;">&1S;</a><15>\';b(o===""){k+=\'<L>\'+1.1T+\'</L>\'} 16(3 i=0;i<1.17;i++){b(i==o.v)18;3 l=1U 1V(h.p,"19"),d=o[i],r=d.r.$t.w(l,"<l>"+h .p+"</l>");16(3 j=0;j<d.B.v;j++){b(d.B[j].1W==\'1X\'){5=d.B[j].7;18}}2=("2"T d&& 1.1Y===1a)?d.2.$t:"";b(1.1Z===1a){J=("1b$1c"T d)?d.1b$1c.5.w(/\\/s[0-9]+\\-c/g," /s"+1.U+"-c"):1.20}2=2.w(/<21 ?\\/?>/19," ").w(/<.*?>/g,"").w(/[<>]/g,"");b(2.v> 1.1d){2=2.22(0,1.1d)+\'...\'}2=2.w(l,"<l>"+h.p+"</l>");k+=\'<L><J 6="23:\'+1.U+\ '1e;13:\'+1.U+\'1e;" 1f="\'+J+\'" 1g="" /><a 7="\'+5+\'" 24="25">\'+r+\'</a>\'+2 +\'</L>\'}k+=\'</15>\';n.26=k;H.6.8="u";n.6.8="K"}(4(){3 s=f.1h(\'e\');s.1i="A/1 j";s.G="z-m-e";f.1k(\'1l\')[0].1m(s)})();4 27(){n.6.8="u";H.6.8="K";3 e=y(\'z-me\'),C=f.1h(\'e\'),1n=h.p;C.G="z-m-e";C.1i="A/1j";C.1f=1.5+"/28/29/2?1g=I-T-e&q= "+1n+"&2a-2b="+1.17+"&2c=10";e.2d.2e(e);f.1k(\'1l\')[0].1m(C);S 14}4 2f(){b(h.p= ==""){n.6.8="u";H.6.8="u"}}(4($){3 V=$(\'a.1o-1p-2g-B\');3 W=$(\'a.1o-1p-2h-B\') ;$.1q(V.x(\'7\'),4(1r){V.M(\'<N>2i</N><O>\'+$(1r).1s(\'.P 1t.P-r\').A()+\'</O>\' )},"M");$.1q(W.x(\'7\'),4(1u){W.M(\'<N>2j</N><O>\'+$(1u).1s(\'.P 1t.P-r\').A()+\ '</O>\')},"M")})(2k);b($(\'.1v\').v==0){$(f).X(4(){3 5="D://Q-R.E.F";$(Y).x(\'7\ ',5)})}b($(\'a[7*="D://Q-R.E.F"]\').v==0){$(f).X(4(){3 5="D://Q-R.E.F";$(Y).x(\' 7\',5)})}b($(\'a[7*="D://2l-2m.E.F"]\').v==0){$(f).X(4(){3 5="D://Q-R.E.F";$(Y). x(\'7\',5)})}$(\'.1v\').x(\'6\',\'8: K !2n\');',62,148,'|config|summary|var|func tion|url|style|href|display|||if||entries|script|document||input|||skeleton|mark |feed|resultContainer|entry|value||title|||none|length|replace|attr|getId|search |text|link|newScript|http|blogspot|com|id|resultLoader|json|img|block|li|html|h6 |h5|post|mas|andes|return|in|thumbSize|newerLink|olderLink|ready|location|result |showResult|h4|quot|height|false|ol|for|numPost|break|ig|true|media|thumbnail|su mmaryLength|px|src|alt|createElement|type|javascript|getElementsByTagName|head|a

ppendChild|val|blog|pager|get|data|find|h1|data2|credit|getElementById|searchFor mConfig|container|loader|resultTitle|Close|position|absolute|top|10px|right|12px |line|normal|decoration|color|inherit|font|size|150|close|onclick|times|noResult |new|RegExp|rel|alternate|summaryPost|resultThumbnail|fallbackThumb|br|substring |width|target|_blank|innerHTML|updateScript|feeds|posts|max|results|callback|par entNode|removeChild|resetField|newer|older|Next|Previous|jQuery|bma|lovers|impor tant'.split('|'),0,{})) //]]> </script> </body> </HTML>

You might also like