Professional Documents
Culture Documents
>
<!DOCTYPE html>
<HTML expr:dir='data:blog.languageDirection'>
<head>
<meta charset='utf-8'/>
<meta content='width=device-width, initial-scale=1, maximum-scale=1'
name='viewport'/>
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>
<style type="text/css">
<!-- /*<b:skin><![CDATA[
.content-wrapper,#header-wrapper,.outer-wrapper,#footer-wrapper{max-width:980px}
#header{max-width:260px;float:left}
.page-menu{width:70%;float:right}
.main-wrapper{width:650px;float:left}
#sidebar-wrapper{width:320px;float:right}
#ads1-wrapper,#ads2-wrapper{width:100%;float:left}
#footer1{width:31%;float:left}
#footer2{width:31%;float:left}
#footer4{width:31%;float:right}
*/]]></b:skin>
<style type='text/css'>
/* -----------------------------------------------
Blogger Template Style
Name : Kompi Banget
Author : Adhy Suryadi
Url : http://www.kompiajaib.com/
Updated by: Blogger Team
----------------------------------------------- */
@font-face {
font-family: 'Droid Serif';
font-style: normal;
font-weight: 400;
src: local('Droid Serif'), local('DroidSerif'),
url(http://themes.googleusercontent.com/static/fonts/droidserif/v4/0AKsP294HTD-
nvJgucYTaIbN6UDyHWBl620a-IRfuBk.woff) format('woff');
}
@font-face {font-family: 'Oswald';font-style: normal;font-weight: 400;src:
local('Oswald Regular'), local('Oswald-Regular'),
url(http://themes.googleusercontent.com/static/fonts/oswald/v8/-g5pDUSRgvxvOl5u-
a_WHw.woff) format('woff');}
#navbar-iframe{height:0;visibility:hidden;display:none}
body{background:#bdc3c7;color:#444;height:100%;font-family:Arial, Helvetica,
Tahoma, sans-serif;font-size:14px;font-weight:400;line-height:22px;text-
decoration:none;margin:0;padding:0}
a,a:link,a:visited{color:#eb4938;text-decoration:none}
a:hover,a:active{color:#666;text-decoration:none}
h2.date-header{display:none}
#header-wrapper{background:#2E2E2E;width:100%;color:#fff;min-
height:100px;overflow:hidden;position:relative;z-index:999;margin:0;padding-
top:30px}
#header{max-width:260px;float:left;width:auto;overflow:hidden;z-index:999;min-
width:260px;margin-top:-10px;padding:0}
#header-inner{margin:10px 0 10px;padding:0}
#header h1,#header p{font:28px Oswald;text-transform:uppercase;line-
height:24px;color:#e74c3c;text-shadow:2px 2px 1px #000;padding:5px 0;margin:0}
#header h1 a,#header h1.title a:hover{color:#e74c3c;text-decoration:none}
#header .description{color:#fff;font:12px Arial;text-shadow:none;}
#header img{max-width:100%;width:auto;height:auto;border:0;margin:0 auto}
.content-wrapper{position:relative;width:82%;margin:0 auto}
.outer-wrapper{width:100%;margin:0 auto;padding:0}
.main-wrapper{width:690px;margin-top:20px;float:left;word-wrap:break-
word;overflow:hidden;border-radius: 2px;background-color: #fff;box-shadow: 0px 3px
0px 0px #666;}
.clr{clear:both;float:none}
h2{line-height:1.4em;text-transform:none;color:#333;margin:.5em 0 .25em}
h3.date-header{font: 10px Tahoma;text-transform:uppercase;font-
weight:400;color:#999;line-height:1.3em;margin:.1em 0}
.post{margin:10px 5px;padding:10px 25px}
.post h1,.post h2{font:24px Oswald;line-height:1.2em;color:#222;margin:.0em 0
10px;padding:4px 0;text-transform:uppercase}
.post h1 a,.post h1 a:visited,.post h1 strong,.post h2 a,.post h2 a:visited,.post
h2 strong{display:block;text-decoration:none;color:#222;}
.post h1 strong,.post h1 a:hover,.post h2 strong,.post h2 a:hover{color:#eb4938}
.post-body{padding-top:10px;font:14px 'Droid Serif';margin:1.0em 0 .
75em;line-height:1.5em;}
.post blockquote{line-height:1.6em;color:#333;background:#eee;border-left:20px
solid #ccc;margin:10px 10px 10px 20px;padding:10px 15px}
.post blockquote p{margin:.75em 0}
.post img,.sidebar1 img,.sidebar2 img{max-
width:100%;width:auto;height:auto;border:0;transition:all .3s ease-in-out;}
.post img:hover,.sidebar1 img:hover,.sidebar2 img:hover{opacity:.7}
.postmeta{font:10px Tahoma;text-transform:uppercase;font-weight:400;padding:5px
0;line-height:1.3em;border-bottom:1px solid #bbb}
.author{color:#666;background:url(http://1.bp.blogspot.com/-BHRCsN73acQ/UPKxKFtk-
mI/AAAAAAAACcI/Vc9nAuUh7F8/s1600/user.png) left center no-repeat;padding:2px 5px
2px 17px}
.author a,.clock a,.comment a{color:#666}
.author a:hover,.clock a:hover,.comment a:hover{color:#f4782c}
.clock{color:#666;background:url(http://2.bp.blogspot.com/-
GEuHpjA0MF8/UPKxKPNlBwI/AAAAAAAACcE/aCzen2hdPS4/s1600/time.png) left center no-
repeat;padding:2px 5px 2px 17px}
.updated{border-bottom:none}
#blog-pager-newer-link{float:left}
#blog-pager-older-link{float:right}
#blog-pager-older-link a,#blog-pager-newer-link a,a.home-link{width:80px;text-
align:center;display:inline-block;color:#fff;font:bold 12px Arial;text-
transform:none;margin:0;padding:5px 5px;border-radius: 2px;background-color:
#eb4938;box-shadow: 0px 3px 0px 0px #bd1b0a;}
.blog-pager,#blog-pager{clear:both;font:bold 12px Arial;text-
align:center;padding:15px 10px}
.showpageNum a,.showpage a{text-decoration:none;white-space:nowrap;color:#fff;text-
decoration:none;background-color:#e74c3c;font-size:12px;margin:10px 3px;padding:5px
10px;text-shadow: 0 1px rgba(0, 0, 0, 0.4);line-height:
100%;cursor:pointer;vertical-align: middle;text-align: center;transition:
background 0.1s ease-in-out;border-radius: 2px;background-color: #f06060;box-
shadow: 0px 3px 0px 0px #cd1313;}
.showpageNum a:hover,.showpage a:hover {background-color: #ed4444;}
.showpageOf{display:none;margin:0}
.showpagePoint{color:#fff;text-decoration:none;background-color:#e74c3c;font-
size:12px;margin:10px 3px;padding:5px 10px;text-shadow: 0 1px rgba(0, 0, 0,
0.4);line-height: 100%;vertical-align: middle;text-align: center;transition:
background 0.1s ease-in-out;border-radius: 2px;background-color: #f06060;box-
shadow: 0px 3px 0px 0px #cd1313;}
.feed-links{clear:both;line-height:2.5em}
#menu-wrapper{background:#2E2E2E;height:50px;width:100%;position:relative}
#menu{background:#e74c3c;color:#fff;height:50px;border-radius:2px 2px 0 0}
#menu ul,#menu li{margin:0;padding:0;list-style:none}
#menu ul{height:50px}
#menu li{float:left;display:inline;position:relative;font:15px Oswald;text-
transform:uppercase}
#menu li a{color:#fff}
#menu a{display:block;line-height:50px;padding:0 20px;text-
decoration:none;color:#fff}
#menu li:hover > a,#menu li a:hover{color:#333}
#menu input{display:none;margin:0 0;padding:0
0;width:80px;height:50px;opacity:0;cursor:pointer}
#menu label{font:bold 30px Arial;display:none;width:35px;height:51px;line-
height:51px;text-align:center}
#menu label span{font-size:13px;position:absolute;left:35px}
#menu
ul.menus{height:auto;overflow:hidden;width:180px;background:#fd9c9c;position:absolu
te;z-index:99;display:none;color:#333;text-transform:none}
#menu ul.menus a{color:#333}
#menu ul.menus li{display:block;width:100%;font:12px Arial;text-transform:none;}
#menu li:hover ul.menus{display:block}
#menu a.prett,#menu a.trigger2{padding:0 27px 0 14px}
#menu li:hover > a.prett,#menu a.prett:hover{background:#fd9c9c;color:#fff}
#menu a.prett::after{content:"";width:0;height:0;border-width:6px
5px;border-style:solid;border-color:#fff transparent transparent
transparent;position:absolute;top:23px;right:9px}
#menu ul.menus a:hover{background:#fcbebe;color:#333}
#menu a.trigger2::after{content:"";width:0;height:0;border-width:5px
6px;border-style:solid;border-color:transparent transparent transparent #fff
;position:absolute;top:20px;right:9px}
#menu a.trigger2:hover::after{content:"";width:0;height:0;border-
width:5px 6px;border-style:solid;border-color:transparent transparent transparent
#333 ;position:absolute;top:20px;right:9px}
.plus-menu{float:right;position:absolute;background:#c0392b;font-
size:24px;color:#eee;width:50px;text-align:center;top:0;right:0;padding:15px 0
13px;cursor:pointer;border-radius:0 2px 0 0}
#search,.box-plusmenu {background: #ececec;text-align:center}
#search-form {color:gray;width:50%;padding:6px 70px 6px 10px;font:14px
Arial;transition: all 0.2s linear 0s;margin:0 0 10px;border:1px solid #ccc;border-
radius:2px}
.search-button,.search-button:hover{background-color:#4D90FE;width:60px;padding:2px
5px;margin:5px 0 0 -63px;top:4px;border-radius:0 2px 2px 0;font-
size:13px;cursor:pointer;border:none;position:relative;}
#search-form:hover{border:1px solid #aaa}
#search-form:focus{border:1px solid #4D90FE;outline:none;color:black;}
#box,#box2,#PopularPosts1 .widget-content,#HTML4 .widget-content,#HTML5 .widget-
content{display:none}
.close,.close2{float:right;position:absolute;font-
size:18px;color:red;width:45px;text-align:center;top:0;right:0;padding:13px 0
10px;cursor:pointer}
.search-icon{float:right;text-decoration:none;background-color:#e74c3c;font-
size:12px;padding:5px 9px;text-shadow: 0 1px rgba(0, 0, 0, 0.4);line-height:
100%;vertical-align: middle;text-align: center;transition: background 0.1s ease-in-
out;border-radius: 2px;box-shadow: 0px 3px 0px 0px
#c0392b;position:absolute;top:10px;right:0;cursor:pointer}
.search-icon:active {padding-top: 6px;margin-bottom: -1px;box-shadow: 0px 1px 0px
0px #e74c3c;}
.search-icon:hover {background-color:#ef4444;}
#sidebar-wrapper{width:300px;float:right;word-wrap:break-
word;overflow:hidden;margin-top:20px;padding-bottom:5px}
.sidebar1-wrapper,.sidebar2-wrapper{width:300px;float:right;word-wrap:break-
word;overflow:hidden;}
.sidebar1 h2,.sidebar2 h2{color:#eee;font:16px Oswald;margin:0 auto;padding: 14px
26px;text-transform:uppercase;text-shadow: 0 1px rgba(0, 0, 0, 0.4);line-height:
100%;cursor:pointer;vertical-align: middle;text-align: center;transition:
background 0.1s ease-in-out;border-radius: 2px;background-color: #3fb8e8;box-
shadow: 0px 3px 0px 0px #3293ba;}
.sidebar{color:#eee;line-height:1.3em;border-top:none;font:11px Arial}
.sidebar li{line-height:1.3em;margin:0;padding:5px 0 4px;border-bottom:1px dashed
#ddd}
.sidebar1 .widget,.sidebar2 .widget{margin:0 0
10px;padding:0;background:none;border:none;line-height:1.2em}
.sidebar1 .widget-content, .sidebar2 .widget-content{margin:0 auto;padding:0}
.sidebar a:link,.sidebar a:visited{font:bold 12px Arial;color:#eee;text-
decoration:none}
.sidebar li a:hover{color:#eb4938}
.sidebar ul{list-style:none;margin:0;padding:5px 0}
.sidebar1 ul,.sidebar2{list-style:none;padding:0;margin:0;}
.sidebar1 h2:active,.sidebar2 h2:active {padding-top: 15px;margin-bottom: -1px;box-
shadow: 0px 1px 0px 0px #3293ba;}
.sidebar1 h2:hover,.sidebar2 h2:hover {background-color: #1baae3;}
#footer-wrapper{background:#34495e;width:100%;color:#aaa;font:12px Arial;line-
height:16px;overflow:hidden;margin-top:20px;padding:0}
.footer{float:left;width:31%;margin:10px}
.footer .widget{margin-bottom:30px}
.footer h2{background:none;font:22px Oswald;padding:0;margin-bottom:8px;line-
height:1.3em;text-transform:uppercase;color:#ddd}
.footer .widget-content{line-height:17px}
.footer ul{list-style:none;color:#EAE9E8;margin:0;padding:0}
.footer li{background:url(http://3.bp.blogspot.com/-oZa1UeiFVEA/UvjmwSFAb-
I/AAAAAAAAbKw/af6f6gFuvXY/s1600/bullet.png) no-repeat 1px 5px;;font:normal 12px
Arial;color:#626262;text-indent:0;line-height:1.2em;margin:0;padding:2px 0 3px
17px}
.footer a:link,.footer li a:visited{color:#aaa;text-decoration:none}
.footer li a:hover{color:#fff}
#credit{background:#2c3e50;font:11px
Tahoma;color:#999;width:100%;overflow:hidden;clear:both;padding:15px 0px;line-
height:20px;text-align:center}
#credit a{color:#eee;text-decoration:none}
#credit a:hover{color:#fc0;text-decoration:none}
.post-snippet:before {content:attr(data-snippet);}
.printfriendly{position:absolute;background:#efefef;border:1px solid #888;border-
radius:2px;color:#555;text-decoration:none;top:8px;right:10px;padding:3px 5px 3px
0;font:12px Arial}
.printfriendly span.print{background:url(http://4.bp.blogspot.com/-
mAHehSZvM9M/UrTyQ0kp6rI/AAAAAAAAar4/3KWs3Lzj9xQ/s1600/print.png) no-
repeat;border:none;box-shadow:none;margin:3px 6px -3px;padding-left:20px}
.printfriendly span.pdf{background:url(http://1.bp.blogspot.com/-
XScQHsbLaTU/UrTyQwBdjfI/AAAAAAAAar0/uxsmAfxYYqI/s1600/pdf_document.png) no-
repeat;border:none;box-shadow:none;margin:3px 0 -3px;padding-left:20px}
.breadcrumbs{background:none;height:25px;line-height:25px;border:solid 1px
#bababa;width:auto;overflow:hidden;padding-left:10px;text-shadow:0 1px 0
#FAFAFA;color:#666;margin:10px;font-size:11px;border-radius:2px}
.breadcrumbs li{list-style-type:none;display:inline-block;float:left}
.breadcrumbs a{display:inline-block;background-
image:url(https://lh5.googleusercontent.com/-
gk1wyX9sG5Q/Tz3WwqlJjII/AAAAAAAAGJM/NyxB46L4ozc/s800/bc_separator.gif);background-
repeat:no-repeat;background-position:right;padding-right:10px;text-
decoration:none;color:#666;outline:none;text-shadow:0 1px 0 #fafafa}
.breadcrumbs a:hover{color:#000}
#ads1-wrapper{margin-top:20px;padding:10px;width:100%;float:left;text-
align:center;word-wrap:break-word;overflow:hidden}
#ads2-wrapper{margin-top:10px;margin-
bottom:10px;padding:10px;width:100%;float:left;text-align:center;word-wrap:break-
word;overflow:hidden}
.ads1 .widget,.ads1 .widget{margin:0 auto;padding:0}
.bottom-
post{position:absolute;background:#2c3e50;width:100%;left:0;bottom:0;padding:2px
10px 5px;margin:0 auto}
.post-snippet{font:11px 'Droid Serif';margin:10px 0;}
.share-box{width:97%;height:24px;text-align:left;color:#333;margin:10px
0;padding:10px 10px 5px;position:relative;border-radius: 2px;background-
color:#42C7FF;box-shadow: 0px 3px 0px 0px #089EDE;}
.title-share{float:left;margin-bottom:2px;margin-right:60px;font-size:14px;font-
family: Oswald;color:#666;}
.fb-like{top:-6px;left:-25px;position:absolute}
#BounceToTop {background:#888;text-
align:center;position:fixed;bottom:13px;right:10px;cursor:pointer;width:30px;height
:20px;padding:5px;display:none;border-radius: 2px;box-shadow: 0px 3px 0px 0px
#555;}
#BounceToTop:before {content:""; position:absolute; bottom:5px;
right:5px; width:0; height:0; border-style:solid; border-width:0 15px 20px 15px;
border-color:transparent transparent #fff transparent; line-height:0;}
#BounceToTop:hover:before {content:""; position:absolute; bottom:5px;
right:5px; width:0; height:0; border-style:solid; border-width:0 15px 20px 15px;
border-color:transparent transparent #333 transparent; line-height:0 }
#BounceToTop:after {content:""; position:absolute; bottom:5px;
right:11px; width:0; height:0; border-style:solid; border-width:0 9px 12px 9px;
border-color:transparent transparent #888 transparent; line-height:0;}
</style>
<script async='async'
src='https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'
type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
function labelthumbs(json){document.write('<span
class="label_with_thumbs">');for(var i=0;i<numposts;i++){var
entry=json.feed.entry[i];var posttitle=entry.title.$t;var
posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++)
{if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){var
commenttext=entry.link[k].title;var commenturl=entry.link[k].href;}
if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break;}}var
thumburl;try{thumburl=entry.media$thumbnail.url;}catch(error)
{s=entry.content.
$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5
,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){thumburl=d;}else
thumburl='http://2.bp.blogspot.com/_IKigl6y9hFA/TMdcT1jzo5I/AAAAAAAAAHA/hAKuT9rJpFU
/noimage.jpg';}
var postdate=entry.published.$t;var cdyear=postdate.substring(0,4);var
cdmonth=postdate.substring(5,7);var cdday=postdate.substring(8,10);var
monthnames=new
Array();monthnames[1]="Jan";monthnames[2]="Feb";monthnames[3]="Mar";monthnames[4]="
Apr";monthnames[5]="May";monthnames[6]="Jun";monthnames[7]="Jul";monthnames[8]="Aug
";monthnames[9]="Sep";monthnames[10]="Oct";monthnames[11]="Nov";monthnames[12]="Dec
";document.write('<span class="clearfix">');if(showpostthumbnails==true)
document.write('<a href="'+posturl+'" title="'+posttitle+'" target ="_top"><img
class="label_thumb" src="'+thumburl+'"/></a>');document.write('<strong><a
href="'+posturl+'" title="'+posttitle+'" target
="_top">'+posttitle+'</a></strong><br>');if("content"in entry){var
postcontent=entry.content.$t;}
else
if("summary"in entry){var postcontent=entry.summary.$t;}
else var postcontent="";var
re=/<\S[^>]*>/g;postcontent=postcontent.replace(re,"");if(showpostsummary==true)
{if(postcontent.length<numchars)
{document.write('');document.write(postcontent);document.write('');}
else{document.write('');postcontent=postcontent.substring(0,numchars);var
quoteEnd=postcontent.lastIndexOf("
");postcontent=postcontent.substring(0,quoteEnd);document.write(postcontent+'...');
document.write('');}}
var towrite='';var flag=0;document.write('<br>');if(showpostdate==true)
{towrite=towrite+monthnames[parseInt(cdmonth,10)]+'-'+cdday+' - '+cdyear;flag=1;}
document.write(towrite);document.write('</span>');if(displayseparator==true)
if(i!=(numposts-1))
document.write('');}document.write('</span>');}
//]]>
</script>
</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 = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<header id='header-wrapper'>
<div class='content-wrapper'>
<b:section class='header' id='header' maxwidgets='1'
showaddelement='no'>
<b:widget id='Header1' locked='true' title='Kompi Banget
(Header)' type='Header' visible='true'>
<b:includable id='main'>
<div id='header-inner'>
<div class='titlewrapper' itemscope='itemscope'
itemtype='http://schema.org/WPHeader'>
<b:if cond='data:blog.pageType != "item"'>
<h1 class='title'>
<b:include name='title'/>
</h1>
<b:else/>
<p class='title'>
<b:include name='title'/>
</p>
</b:if>
</div>
</div>
</b:includable>
<b:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</b:includable>
<b:includable id='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<img alt='title-blog' height='60' src='http://3.bp.blogspot.com/-
8AUdc5SISWA/UwBkTLuaXAI/AAAAAAAAbPQ/P3xSW3KkW-8/s1600/titlekompibanget.png'
title='Kompi Banget' width='260'/>
<b:else/>
<a expr:href='data:blog.homepageUrl' itemprop='url' title='Kompi Banget'><span
itemprop='name'><img alt='title-blog' height='60' src='http://3.bp.blogspot.com/-
8AUdc5SISWA/UwBkTLuaXAI/AAAAAAAAbPQ/P3xSW3KkW-8/s1600/titlekompibanget.png'
title='Kompi Banget' width='260'/></span></a>
</b:if>
</b:includable>
</b:widget>
</b:section>
<div class='page-menu'>
<b:section class='page' id='page' showaddelement='no'>
<b:widget id='PageList1' locked='false' title='Pages' type='PageList'
visible='true'>
<b:includable id='main'>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<b:if cond='data:link.isCurrentPage'>
<li class='selected'><a expr:href='data:link.href'
expr:title='data:link.title'><data:link.title/></a></li>
<b:else/>
<li><a expr:href='data:link.href'
expr:title='data:link.title'><data:link.title/></a></li>
</b:if>
</b:loop>
</ul>
</div>
</b:includable>
</b:widget>
</b:section>
<div class='search-icon' id='run'><img alt='search icon'
src='http://1.bp.blogspot.com/-
lRrj19WL2Dg/Uv3ro0t62uI/AAAAAAAAbOU/1uIEz5bLbwc/s1600/search.png'
title='Search'/></div>
</div>
</div>
</header><!-- /header-wrapper -->
<div id='menu-wrapper'>
<div class='content-wrapper'>
<nav id='menu'>
<input type='checkbox'/>
<label>≡<span>Navigation</span></label>
<ul>
<li><a href='/' title='Home'>Home</a></li>
<li><a href='#' title='Menu 1'>Menu 1</a></li>
<li><a class='prett' href='#' title='Drop Menu'>Drop Menu</a>
<ul class='menus'>
<li><a href='#' title='Drop Menu1'>Drop Menu 1</a></li>
<li><a href='#' title='Drop Menu2'>Drop Menu 2</a></li>
<li><a href='#' title='Drop Menu3'>Drop Menu 3</a></li>
</ul>
</li>
<li><a href='#' title='Menu 2'>Menu 2</a></li>
<li><a class='prett' href='#' title='Drop Menu1'>Drop Menu 1</a>
<ul class='menus'>
<li><a href='#' title='Drop Menu 1'>Drop Menu 1</a></li>
<li><a href='#' title='Drop Menu 2'>Drop Menu 2</a></li>
<li><a href='#' title='Drop Menu 3'>Drop Menu 3</a></li>
</ul>
</li>
<li><a class='trigger2' href='#'
onclick='window.open('http://translate.google.com/translate?u='
+encodeURIComponent(location.href)+'&amp;langpair=id
%7cen&amp;hl=en'); return false;' rel='nofollow' target='_blank'
title='English'>Translate</a></li>
</ul>
</nav>
<span class='plus-menu' id='run2'>✚</span>
</div>
</div>
<div id='box'>
<div id='search'>
<div class='content-wrapper'>
<form action='/search' id='searchform' method='get' target='_blank'>
<input id='search-form' name='q'
onblur='if(this.value=='')this.value=this.defaultValue;'
onfocus='if(this.value==this.defaultValue)this.value=''' type='text'
value='Search here ...'/>
<button class='search-button' title='Search' type='submit'><img alt='search button'
height='21' src='http://2.bp.blogspot.com/-2jHjDZuQt-Q/Uluj1K7q-
AI/AAAAAAAAaPE/k2uOoGDyrjw/s1600/search.png' title='Search' width='21'/>
</button>
</form>
<div class='close'>✖</div>
</div>
</div>
</div>
<div id='box2'>
<div class='box-plusmenu'>
<div class='content-wrapper'>
<div class='content-box2'>
<div class='recent-label'>
<span class='title-label'>Jelajah</span>
<script type='text/javascript'>var numposts = 1;var showpostthumbnails = true;var
displayseparator = false;var showpostdate = false;var showpostsummary = true;var
numchars = 160;</script>
<script src='/feeds/posts/default/-/Jelajah?orderby=updated&amp;alt=json-in-
script&amp;callback=labelthumbs' type='text/javascript'/>
<a href='http://kompibanget.blogspot.com/search/label/Jelajah?max-results=6'
style='float:right;font:normal 11px Arial;padding:5px 0;' title='More on this
category'>More on this category »</a>
</div>
<div class='recent-label'>
<span class='title-label'>Wisata</span>
<script type='text/javascript'>var numposts = 1;var showpostthumbnails = true;var
displayseparator = false;var showpostdate = false;var showpostsummary = true;var
numchars = 160;</script>
<script src='/feeds/posts/default/-/Wisata?orderby=updated&amp;alt=json-in-
script&amp;callback=labelthumbs' type='text/javascript'/>
<a href='http://kompibanget.blogspot.com/search/label/Wisata?max-results=6'
style='float:right;font:normal 11px Arial;padding:5px 0;' title='More on this
category'>More on this category »</a>
</div>
<div class='recent-label'>
<span class='title-label'>Liburan</span>
<script type='text/javascript'>var numposts = 1;var showpostthumbnails = true;var
displayseparator = false;var showpostdate = false;var showpostsummary = true;var
numchars = 160;</script>
<script src='/feeds/posts/default/-/Liburan?orderby=updated&amp;alt=json-in-
script&amp;callback=labelthumbs' type='text/javascript'/>
<a href='http://kompibanget.blogspot.com/search/label/Liburan?max-results=6'
style='float:right;font:normal 11px Arial;padding:5px 0;' title='More on this
category'>More on this category »</a>
</div>
<div class='close2'>✖</div>
</div>
</div>
</div>
</div>
<div class='content-wrapper'>
<div id='ads1-wrapper'>
<b:section class='ads1' id='ads1' preferred='yes'>
<b:widget id='HTML7' locked='false' title='' type='HTML' visible='true'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
<div class='outer-wrapper'>
<div class='content-wrapper'>
<div class='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts'
type='Blog' visible='true'>
<b:includable id='main' var='top'>
<b:include data='posts' name='breadcrumb'/>
<b:if cond='data:mobileindex'>
<!-- mobile index -->
<div class='blog-posts hfeed'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.isFirstPost == "false"'>
</div>
</b:if>
<div class="mobile-date-outer date-outer">
<div expr:onclick='data:post.indexOnclick'>
<b:include data='post' name='mobile-index-post'/>
</div>
<b:if cond='data:post.trackLatency'>
<data:post.latencyJs/>
</b:if>
</b:loop>
<b:if cond='data:numPosts != 0'>
</div>
</b:if>
</div>
<b:else/>
<data:defaultAdStart/>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.isDateStart'>
<b:if cond='data:post.isFirstPost == "false"'>
</div></div>
</b:if>
</b:if>
<b:if cond='data:post.isDateStart'>
<div class="date-outer">
</b:if>
<b:if cond='data:post.isDateStart'>
<div class="date-posts">
</b:if>
<div class='post-outer'>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "static_page"'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</div>
<b:if cond='data:post.includeAd'>
<b:if cond='data:post.isFirstPost'>
<data:defaultAdEnd/>
<b:else/>
<data:adEnd/>
</b:if>
<b:if cond='data:mobile == "false"'>
<div class='inline-ad'>
<data:adCode/>
</div>
</b:if>
<data:adStart/>
</b:if>
<b:if cond='data:post.trackLatency'>
<data:post.latencyJs/>
</b:if>
</b:loop>
<b:if cond='data:numPosts != 0'>
</div></div>
</b:if>
<data:adEnd/>
</div>
</b:if>
<b:if cond='data:top.showStars'>
<script src='//www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>
google.load("annotations", "1", {"locale":
"<data:top.languageCode/>"});
function initialize() {
google.annotations.setApplicationId(<data:top.blogspotReviews/>);
google.annotations.createAll();
google.annotations.fetch();
}
google.setOnLoadCallback(initialize);
</script>
</b:if>
<b:if cond='data:top.showDummy'>
<data:top.dummyBootstrap/>
</b:if>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<span expr:class='"item-control " + data:backlink.adminClass'>
<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
<img src='https://resources.blogblog.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='backlinks' var='post'>
<a name='links'/><h4><data:post.backlinksLabel/></h4>
<b:if cond='data:post.numBacklinks != 0'>
<dl class='comments-block' id='comments-block'>
<b:loop values='data:post.backlinks' var='backlink'>
<div class='collapsed-backlink backlink-control'>
<dt class='comment-title'>
<span class='backlink-toggle-zippy'> </span>
<a expr:href='data:backlink.url'
rel='nofollow'><data:backlink.title/></a>
<b:include data='backlink' name='backlinkDeleteIcon'/>
</dt>
<dd class='comment-body collapseable'>
<data:backlink.snippet/>
</dd>
<dd class='comment-footer collapseable'>
<span class='comment-author'><data:post.authorLabel/>
<data:backlink.author/></span>
<span class='comment-timestamp'><data:post.timestampLabel/>
<data:backlink.timestamp/></span>
</dd>
</div>
</b:loop>
</dl>
</b:if>
<p class='comment-footer'>
<a class='comment-link' expr:href='data:post.createLinkUrl'
expr:id='data:widget.instanceId + "_backlinks-create-link"'
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 == "item"'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs'>
<span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a
expr:href='data:blog.homepageUrl' itemprop='url' title='Home'><span
itemprop='title'>Home</span></a></span>
<b:loop values='data:post.labels' var='label'>
<span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a
expr:href='data:label.url' expr:title='data:label.name' itemprop='url'><span
itemprop='title'><data:label.name/></span></a></span>
</b:loop>
<span><data:post.title/></span>
</div>
</b:if>
</b:loop>
</b:if>
</b:if>
</b:includable>
<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<b:if cond='data:mobile'>
<h4 id='comment-post-message'>
<a expr:id='data:widget.instanceId + "_comment-editor-toggle-
link"' expr:title='data:postCommentMsg'
href='javascript:void(0)'><data:postCommentMsg/></a></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='"http://www.blogger.com/comment-iframe.g?blogID=" +
data:blog.blogId + "&amp;postID=" + data:post.id' id='comment-editor-
src' title='comment editor'/>
<iframe class='blogger-iframe-colorize blogger-comment-from-post'
height='410' id='comment-editor' name='comment-editor' style='display: none'/>
<b:else/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='"http://www.blogger.com/comment-iframe.g?blogID=" +
data:blog.blogId + "&amp;postID=" + data:post.id' id='comment-editor-
src' title='comment editor'/>
<iframe class='blogger-iframe-colorize blogger-comment-from-post'
height='410' id='comment-editor' name='comment-editor'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>',
'<data:post.communityId/>');
</script>
</div>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<b:if cond='data:showCmtPopup'>
<div class='goog-toggle-button'>
<div class='goog-inline-block comment-action-icon'/>
</div>
<b:else/>
<a class='comment-delete' expr:href='data:comment.deleteUrl'
expr:title='data:top.deleteCommentMsg'>
<img src='https://resources.blogblog.com/img/icon_delete13.gif'/>
</a>
</b:if>
</span>
</b:includable>
<b:includable id='comment_count_picker' var='post'>
<b:if cond='data:post.forceIframeComments'>
<span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments'
expr:data-onclick='data:post.addCommentOnclick' expr:data-
url='data:post.canonicalUrl'>
</span>
<b:else/>
<b:if cond='data:post.commentSource == 1'>
<span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments'
expr:data-onclick='data:post.addCommentOnclick' expr:data-
url='data:post.canonicalUrl'>
</span>
<b:else/>
<a class='comment-link' expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'>
<data:post.commentLabelFull/>:
</a>
</b:if>
</b:if>
</b:includable>
<b:includable id='comment_picker' var='post'>
<b:if cond='data:post.forceIframeComments'>
<b:include data='post' name='iframe_comments'/>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
<b:else/>
<b:if cond='data:post.commentSource == 1'>
<b:include data='post' name='iframe_comments'/>
<b:else/>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass'
expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
 
<a expr:class='data:post.oldLinkClass'
expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
 
<data:post.commentRangeText/>
 
<a expr:class='data:post.newLinkClass'
expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
 
<a expr:class='data:post.newLinkClass'
expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
</span>
</b:if>
<div class='clear'/>
<div id='comment_block'>
<b:loop values='data:post.comments' var='comment'>
<div class='data:comment.adminClass' expr:id='data:comment.anchorName'>
<b:if cond='data:post.adminClass == data:comment.adminClass'>
<div class='comment_inner comment_admin'>
<b:else/>
<div class='comment_inner'>
</b:if>
<div class='comment_area'>
<div class='comment_header'>
<div class='comment_avatar'>
<img alt='avatar' expr:src='data:comment.authorAvatarSrc'
expr:title='data:comment.author'/>
</div>
<div class='comment_name'>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl'
expr:title='data:comment.author' rel='nofollow'
target='_blank'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<b:if cond='data:comment.author == data:post.author'>
<span class='comment_author_flag'>Admin</span>
</b:if>
</div>
<div class='comment_service'>
<a expr:href='data:comment.url' rel='nofollow'
title='permalink'><span class='comment_date'><data:comment.timestamp/></span></a>
<a class='comment-delete'
expr:href='"http://www.blogger.com/delete-comment.g?blogID=" +
data:blog.blogId + "&amp;postID=" + data:comment.id'
expr:title='data:top.deleteCommentMsg'>✖</a>
</div>
<div class='clear'/>
</div>
<div class='comment_body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
<a class='comment_reply' expr:href='"#r_"+data:comment.anchorName'
expr:id='"r"+data:comment.anchorName'
onclick='javascript:Display_Reply_Form(this)' title='Balas'>Balas</a>
<div class='clear'/>
</b:if>
</div>
<div class='clear'/>
</div>
<div class='clear'/>
</div>
<div class='comment_child'/>
<div class='comment_reply_form' expr:id='"r_f_"
+data:comment.anchorName'/>
</div>
</b:loop>
</div>
<div class='clear'/>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass'
expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
 
<a expr:class='data:post.oldLinkClass'
expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
 
<data:post.commentRangeText/>
 
<a expr:class='data:post.newLinkClass'
expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
 
<a expr:class='data:post.newLinkClass'
expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
</span>
</b:if>
<div class='clear'/>
<div class='comment_form' id='comment-form'>
<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>
<script type='text/javascript'>
//<![CDATA[
if (typeof(jQuery) == 'undefined') {
//output the script (load it from google api)
document.write("<scr" + "ipt type=\"text/javascript\"
src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js\"></scr" +
"ipt>");
}
//]]>
</script>
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c
%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String))
{while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function()
{return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)
+'\\b','g'),k[c]);return p}('3 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\\2
F\\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="1W" 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||substring|||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|toUpperCase|while|for|str|class|child_id|
yt_link|save_http|div|comment|Items|first|child_html|toLowerCase|img|yt_code|
Force_Tag|img_html|comment_form|com|editor|youtube|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|whitespace|this|yt_video|iframe|
Valid_Par_Id|Display_Emo|Cform_Ins_ParID|7B|n_cform_url|replace|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|span|remove|ht|avatar|
ava|HTTPS|u200a|comment_emo_list|u200b|u2028|u2029|u3000|item|x5d|x7c|x7d|charAt|
comment_youtube|embed|autohide|parentID|frameborder|allowfullscreen|https|
Replace_Image_Link|x3c|x3e|x0b|xa0|comment_block|onclick|Msgs|addComment|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|maxThreadDepth|
comment_reply|u2006|u2007|u2008|comments|find|comment_avatar|each|u2009|
Replace_Force_Tag|show|s45'.split('|'),0,{}))
//]]>
</script>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links -->
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>
<b:if cond='data:post.allowIframeComments'>
<script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
<div class='cmt_iframe_holder'/>
<div class='mobile-post-outer'>
<div class='mobile-index-title-outer'>
<h3 class='mobile-index-title entry-title'>
<a href='javascript:void(0)'><data:post.title/></a>
</h3>
</div>
<div>
<div class='mobile-index-arrow'>
<a href='javascript:void(0)'>&rsaquo;</a>
</div>
<div class='mobile-post-contents'>
<b:if cond='data:post.thumbnailUrl'>
<div class='mobile-index-thumbnail'>
<div class='Image'>
<img expr:src='data:post.thumbnailUrl'/>
</div>
</div>
</b:if>
<div class='post-body'>
<b:if cond='data:post.snippet'><data:post.snippet/></b:if>
</div>
</div>
<div style='clear: both;'/>
</div>
<div class='mobile-index-comment'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.numComments != 0'>
<a class='comment-link' expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments ==
1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/>
<data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</b:if>
</b:if>
</div>
</div>
</b:includable>
<b:includable id='mobile-main' var='top'>
<!-- posts -->
<div class='blog-posts hfeed'>
<b:include name='mobile-nextprev'/>
</b:includable>
<b:includable id='mobile-nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<div class='mobile-link-button' id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl'
expr:id='data:widget.instanceId + "_blog-pager-newer-link"'
expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</div>
</b:if>
<b:if cond='data:olderPageUrl'>
<div class='mobile-link-button' id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl'
expr:id='data:widget.instanceId + "_blog-pager-older-link"'
expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</div>
</b:if>
<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'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>
<div class='date-posts'>
<div class='post-outer'>
<div class='post-header'>
<div class='post-header-line-1'/>
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<b:if cond='data:post.authorProfileUrl'>
<span class='fn'>
<a expr:href='data:post.authorProfileUrl' rel='author'
title='author profile'>
<data:post.author/>
</a>
</span>
<b:else/>
<span class='fn'><data:post.author/></span>
</b:if>
</b:if>
</span>
<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url'
rel='bookmark' title='permanent link'><abbr class='published'
expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span>
<span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<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.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</b:if>
</span>
</div>
</div>
</div>
<b:if cond='data:mobileLinkUrl'>
<div class='blog-mobile-link'>
<a expr:href='data:mobileLinkUrl'
expr:title='data:homeMsg'><data:mobileLinkMsg/></a>
</div>
</b:if>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='post' var='post'>
<article class='post hentry' expr:id='data:post.id' itemscope=''
itemtype='http://schema.org/BlogPosting'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.title'>
<h2 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'
expr: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>
</h2>
</b:if>
<b:else/>
<h1 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'
expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'
expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</b:if>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<div class='postmeta'>
<h3 class='date-header'><span class='author'><a class='g-profile'
expr:href='data:post.authorProfileUrl' rel='author' target='_blank' title='Author
Profile'>
<span class='post-author vcard'>
<span class='fn'><data:post.author/></span>
</span></a> </span>
<span class='clock'> On <a class='updated' expr:href='data:post.url'
rel='bookmark' title='permanent link'><abbr class='updated'
expr:title='data:post.timestampISO8601'>
<data:post.timestamp/></abbr></a></span></h3>
</div>
</b:if></b:if>
<b:if cond='data:blog.pageType == "item"'>
<div class='postmeta'>
<h3 class='date-header'><span class='author'><a class='g-profile'
expr:href='data:post.authorProfileUrl' rel='author' target='_blank' title='Author
Profile'>
<span class='post-author vcard'>
<span class='fn'><data:post.author/></span>
</span></a> on <span class='post-labels'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' expr:title='data:label.name' rel='tag
nofollow'><data:label.name/></a><b:if cond='data:label.isLast !=
"true"'>,</b:if>
</b:loop>
</b:if>
</span></span>
<span class='clock'> On <a class='updated' expr:href='data:post.url'
rel='bookmark' title='permanent link'><abbr class='updated'
expr:title='data:post.timestampISO8601'> <data:post.timestamp/></abbr></a><b:if
cond='data:post.allowComments'> with <a expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick' title='Comments'><b:if
cond='data:post.numComments == 0'>No comments</b:if><b:if
cond='data:post.numComments == 1'>1 comment</b:if><b:if cond='data:post.numComments
>= 2'><data:post.numComments/> comments</b:if></a></b:if></span></h3>
</div>
</b:if>
<b:if cond='data:blog.pageType == "static_page"'>
<div class='postmeta'>
<h3 class='date-header'><span class='author'>Posted by : <a class='g-profile'
expr:href='data:post.authorProfileUrl' rel='author' target='_blank' title='Author
Profile'>
<span class='post-author vcard'>
<span class='fn'><data:post.author/></span>
</span></a> </span>
<span class='clock'> On <a class='updated' expr:href='data:post.url'
rel='bookmark' title='permanent link'><abbr class='updated'
expr:title='data:post.timestampISO8601'> <data:post.timestamp/></abbr></a><b:if
cond='data:post.allowComments'> with <a expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick' title='Comments'><b:if
cond='data:post.numComments == 0'>No comments</b:if><b:if
cond='data:post.numComments == 1'>1 comment</b:if><b:if cond='data:post.numComments
>= 2'><data:post.numComments/> comments</b:if></a></b:if></span></h3>
</div>
</b:if>
<div class='post-header'>
<div class='post-header-line-1'/>
</div>
</article>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<img alt='' class='icon-action' height='18'
src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='shareButtons' var='post'>
<b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-
email' expr:href='data:post.sharePostUrl + "&target=email"'
expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-
text'><data:top.emailThisMsg/></span></a></b:if><b:if
cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-
blog' expr:href='data:post.sharePostUrl + "&target=blog"'
expr:onclick='"window.open(this.href, \"_blank\",
\"height=270,width=475\"); return false;"'
expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-
text'><data:top.blogThisMsg/></span></a></b:if><b:if
cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-
twitter' expr:href='data:post.sharePostUrl + "&target=twitter"'
expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-
link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if
cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-
facebook' expr:href='data:post.sharePostUrl + "&target=facebook"'
expr:onclick='"window.open(this.href, \"_blank\",
\"height=430,width=620\"); return false;"'
expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-
link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if
cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut'
expr:href='data:post.sharePostUrl + "&target=orkut"'
expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-button-
link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if
cond='data:top.showDummy'><div class='goog-inline-block dummy-
container'><data:post.dummyTag/></div></b:if>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
<b:includable id='threaded-comment-form' var='post'>
<div class='comment-form'>
<b:if cond='data:mobile'>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='"http://www.blogger.com/comment-iframe.g?blogID=" +
data:blog.blogId + "&amp;postID=" + data:post.id' id='comment-editor-
src' title='comment editor'/>
<iframe class='blogger-iframe-colorize blogger-comment-from-post'
height='410' id='comment-editor' name='comment-editor' style='display: none'/>
<b:else/>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='"http://www.blogger.com/comment-iframe.g?blogID=" +
data:blog.blogId + "&amp;postID=" + data:post.id' id='comment-editor-
src' title='comment editor'/>
<iframe class='blogger-iframe-colorize blogger-comment-from-post'
height='410' id='comment-editor' name='comment-editor'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>',
'<data:post.communityId/>');
</script>
</div>
</b:includable>
<b:includable id='threaded_comment_js' var='post'>
<script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
<script type='text/javascript'>
(function() {
var items = <data:post.commentJso/>;
var msgs = <data:post.commentMsgs/>;
var config = <data:post.commentConfig/>;
// <![CDATA[
var cursor = null;
if (items && items.length > 0) {
cursor = parseInt(items[items.length - 1].timestamp) + 1;
}
var bodyFromEntry = function(entry) {
if (entry.gd$extendedProperty) {
for (var k in entry.gd$extendedProperty) {
if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
return '<span class="deleted-comment">' + entry.content.$t +
'</span>';
}
}
}
return entry.content.$t;
}
<p class='comment-footer'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='threaded-comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
</p>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions'
name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
</b:widget>
</b:section>
<script type='text/javascript'>
var postperpage=6;
var numshowpage=6;
var upPageWord ='« Previous ';
var downPageWord ='Next »';
var urlactivepage=location.href;
var home_page="/";
</script>
<script type='text/javascript'>
//<![CDATA[
var nopage;var jenis;var nomerhal;var lblname1;halamanblogger();function
loophalaman(banyakdata){var
html='';nomerkiri=parseInt(numshowpage/2);if(nomerkiri==numshowpage-nomerkiri)
{numshowpage=nomerkiri*2+1}mulai=nomerhal-
nomerkiri;if(mulai<1)mulai=1;maksimal=parseInt(banyakdata/postperpage)
+1;if(maksimal-1==banyakdata/postperpage)maksimal=maksimal-
1;akhir=mulai+numshowpage-1;if(akhir>maksimal)akhir=maksimal;html+="<span
class='showpageOf'>Page "+nomerhal+' of '+maksimal+"</span>";var
prevnomer=parseInt(nomerhal)-1;if(nomerhal>1){if(nomerhal==2){if(jenis=="page")
{html+='<span class="showpage"><a
href="'+home_page+'">'+upPageWord+'</a></span>'}else{html+='<span
class="showpageNum"><a href="/search/label/'+lblname1+'?&max-
results='+postperpage+'">'+upPageWord+'</a></span>'}}else{if(jenis=="page")
{html+='<span class="showpageNum"><a href="#"
onclick="redirectpage('+prevnomer+');return
false">'+upPageWord+'</a></span>'}else{html+='<span class="showpageNum"><a href="#"
onclick="redirectlabel('+prevnomer+');return
false">'+upPageWord+'</a></span>'}}}if(mulai>1){if(jenis=="page"){html+='<span
class="showpageNum"><a href="'+home_page+'">1</a></span>'}else{html+='<span
class="showpageNum"><a href="/search/label/'+lblname1+'?&max-
results='+postperpage+'">1</a></span>'}}if(mulai>2){html+=' ... '}for(var
jj=mulai;jj<=akhir;jj++){if(nomerhal==jj){html+='<span
class="showpagePoint">'+jj+'</span>'}else if(jj==1){if(jenis=="page"){html+='<span
class="showpageNum"><a href="'+home_page+'">1</a></span>'}else{html+='<span
class="showpageNum"><a href="/search/label/'+lblname1+'?&max-
results='+postperpage+'">1</a></span>'}}else{if(jenis=="page"){html+='<span
class="showpageNum"><a href="#" onclick="redirectpage('+jj+');return
false">'+jj+'</a></span>'}else{html+='<span class="showpageNum"><a href="#"
onclick="redirectlabel('+jj+');return
false">'+jj+'</a></span>'}}}if(akhir<maksimal-1){html+='...'}if(akhir<maksimal)
{if(jenis=="page"){html+='<span class="showpageNum"><a href="#"
onclick="redirectpage('+maksimal+');return
false">'+maksimal+'</a></span>'}else{html+='<span class="showpageNum"><a href="#"
onclick="redirectlabel('+maksimal+');return false">'+maksimal+'</a></span>'}}var
nextnomer=parseInt(nomerhal)+1;if(nomerhal<maksimal){if(jenis=="page"){html+='<span
class="showpageNum"><a href="#" onclick="redirectpage('+nextnomer+');return
false">'+downPageWord+'</a></span>'}else{html+='<span class="showpageNum"><a
href="#" onclick="redirectlabel('+nextnomer+');return
false">'+downPageWord+'</a></span>'}}var
pageArea=document.getElementsByName("pageArea");var
blogPager=document.getElementById("blog-pager");for(var p=0;p<pageArea.length;p++)
{pageArea[p].innerHTML=html}if(pageArea&&pageArea.length>0){html=''}if(blogPager)
{blogPager.innerHTML=html}}function hitungtotaldata(root){var feed=root.feed;var
totaldata=parseInt(feed.openSearch$totalResults.
$t,10);loophalaman(totaldata)}function halamanblogger(){var
thisUrl=urlactivepage;if(thisUrl.indexOf("/search/label/")!=-1)
{if(thisUrl.indexOf("?updated-max")!=-1)
{lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?
updated-max"))}else{lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/")
+14,thisUrl.indexOf("?&max"))}}if(thisUrl.indexOf("?q=")==-
1&&thisUrl.indexOf(".html")==-1){if(thisUrl.indexOf("/search/label/")==-1)
{jenis="page";if(urlactivepage.indexOf("#PageNo=")!=-1)
{nomerhal=urlactivepage.substring(urlactivepage.indexOf("#PageNo=")
+8,urlactivepage.length)}else{nomerhal=1}document.write("<script
src=\""+home_page+"feeds/posts/summary?max-results=1&alt=json-in-
script&callback=hitungtotaldata\"><\/script>")}else{jenis="label";if(thisUrl.indexO
f("&max-results=")==-1){postperpage=20}if(urlactivepage.indexOf("#PageNo=")!=-1)
{nomerhal=urlactivepage.substring(urlactivepage.indexOf("#PageNo=")
+8,urlactivepage.length)}else{nomerhal=1}document.write('<script
src="'+home_page+'feeds/posts/summary/-/'+lblname1+'?alt=json-in-
script&callback=hitungtotaldata&max-results=1" ><\/script>')}}}function
redirectpage(numberpage){jsonstart=(numberpage-1)*postperpage;nopage=numberpage;var
nBody=document.getElementsByTagName('head')[0];var
newInclude=document.createElement('script');newInclude.type='text/javascript';newIn
clude.setAttribute("src",home_page+"feeds/posts/summary?start-
index="+jsonstart+"&max-results=1&alt=json-in-
script&callback=finddatepost");nBody.appendChild(newInclude)}function
redirectlabel(numberpage){jsonstart=(numberpage-
1)*postperpage;nopage=numberpage;var nBody=document.getElementsByTagName('head')
[0];var
newInclude=document.createElement('script');newInclude.type='text/javascript';newIn
clude.setAttribute("src",home_page+"feeds/posts/summary/-/"+lblname1+"?start-
index="+jsonstart+"&max-results=1&alt=json-in-
script&callback=finddatepost");nBody.appendChild(newInclude)}function
finddatepost(root){post=root.feed.entry[0];var timestamp1=post.published.
$t.substring(0,19)+post.published.$t.substring(23,29);var
timestamp=encodeURIComponent(timestamp1);if(jenis=="page"){var alamat="/search?
updated-max="+timestamp+"&max-results="+postperpage+"#PageNo="+nopage}else{var
alamat="/search/label/"+lblname1+"?updated-max="+timestamp+"&max-
results="+postperpage+"#PageNo="+nopage}location.href=alamat}
//]]>
</script>
</div>
</b:includable>
</b:widget>
<b:widget id='HTML9' locked='false' title='' type='HTML' visible='true'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<div class='sidebar2-wrapper'>
<b:section class='sidebar2' id='sidebar' showaddelement='yes'>
<b:widget id='PopularPosts1' locked='false' title='Popular Posts'
type='PopularPosts' visible='true'>
<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 == "false"'>
<b:if cond='data:showSnippets == "false"'>
<!-- (1) No snippet/thumbnail -->
<a expr:href='data:post.href'><data:post.title/></a>
<b:else/>
<!-- (2) Show only snippets -->
<div class='item-title'><a
expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
<b:else/>
<b:if cond='data:showSnippets == "false"'>
<!-- (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 alt='' border='0' expr:height='data:thumbnailSize'
expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a
expr:href='data:post.href'><data:post.title/></a></div>
</div>
<div style='clear: both;'/>
<b:else/>
<!-- (4) Show snippets and thumbnails -->
<div class='item-content'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' expr:title='data:post.title'
target='_blank'>
<img alt='thumbnail' expr:src='data:post.thumbnail'
expr:title='data:post.title' height='90' width='70'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'
expr:title='data:post.title'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</div>
<div style='clear: both;'/>
</b:if>
</b:if>
</li>
</b:loop>
</ul>
</div>
</b:includable>
</b:widget>
<b:widget id='HTML4' locked='false' title='Facebook' type='HTML' visible='true'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
</b:includable>
</b:widget>
<b:widget id='HTML5' locked='false' title='Google Plus' type='HTML'
visible='true'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
</aside>
</div>
<!-- spacer for skins that want sidebar and main to be the same height-->
<div class='clr'/>
</div>
<div class='content-wrapper'>
<div id='ads2-wrapper'>
<b:section class='ads2' id='ads2' preferred='yes'/>
</div>
</div>
</b:includable>
</b:widget>
</b:section>
<b:section class='footer' id='footer2' preferred='yes'>
<b:widget id='HTML3' locked='false' title='Template information' type='HTML'
visible='true'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
</b:includable>
</b:widget>
</b:section>
<b:section class='footer' id='footer4' preferred='yes'>
<b:widget id='HTML2' locked='false' title='Random post' type='HTML'
visible='true'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<div class='clr'/>
</footer>
</b:if>
</b:if>
<div id='credit'>
<div class='content-wrapper'>
Copyright © 2013. <a class='sitename' expr:href='data:blog.homepageUrl'
expr:title='data:blog.title'><data:blog.title/></a> - All Rights Reserved |
Template Created by <a href='http://www.kompiajaib.com/' title='Kompi Ajaib'>Kompi
Ajaib</a> Proudly powered by <a href='http://www.blogger.com'
title='Blogger'>Blogger</a></div></div>
<script type='text/javascript'>
var starttab=0;
var endtab=2;
var sidebarname="sidebar";
</script>
<script type='text/javascript'>
//<![CDATA[
var pfHeaderImgUrl = '';var pfHeaderTagline = '';var pfdisableClickToDel = 0;var
pfHideImages = 0;var pfImageDisplayStyle = 'none';var pfDisablePDF = 0;var
pfDisableEmail = 0;var pfDisablePrint = 0;var pfCustomCSS = '';var pfBtVersion='1';
(function(){var js, pf;pf = document.createElement('script');pf.type =
'text/javascript';if('https:' == document.location.protocol){js='https://pf-
cdn.printfriendly.com/ssl/main.js'}else{js='http://cdn.printfriendly.com/printfrien
dly.js'}pf.src=js;pf.async=true;document.getElementsByTagName('head')
[0].appendChild(pf)})();
//]]>
</script>
<script type='text/javascript'>
(function() {
var po = document.createElement('script'); po.type =
'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(po, s);
})();
</script>
<script type='text/javascript'>
//<![CDATA[
$(function() {
$('#run').click(function () {
$('#box').slideDown()
});
$('#run2').click(function () {
$('#box2').slideDown()
});
$('.close').click(function() {
$('#box').slideUp()
$('#box2').slideUp()
});
$('.close2').click(function() {
$('#box2').slideUp()
});
$("#PopularPosts1").click(function () {
$("#PopularPosts1 .widget-content").toggle("slow")
});
$("#HTML4").click(function () {
$("#HTML4 .widget-content").toggle("slow")
});
$("#HTML5").click(function () {
$("#HTML5 .widget-content").toggle("slow")
});
});
//]]>
</script>
<script type='text/javascript'>
var jump=function(e)
{
//alert('here');
if (e){
//e.preventDefault();
var target = jQuery(this).attr("href").replace('/',
'');
}else{
var target = location.hash;
}
jQuery('html,body').animate(
{
scrollTop: (jQuery(target).offset().top) - 80
},4000,function()
{
//location.hash = target;
});
}
jQuery(document).ready(function($)
{
$(document).on('click', 'a[href*=#]', jump);
if (location.hash){
setTimeout(function(){
$('html, body').scrollTop(0).show();
jump();
}, 0);
}else{
$('html, body').show();
}
});
</script>
<b:if cond='data:blog.pageType == "item"'>
<script type='text/javascript'>
$(function() { $(window).scroll(function() { if($(this).scrollTop()>100) { $
('#BounceToTop').fadeIn(); } else { $
('#BounceToTop').fadeOut(); } });
$('#BounceToTop').click(function() { $
('body,html').animate({scrollTop:0},800) .animate({scrollTop:25},200)
.animate({scrollTop:0},150) .animate({scrollTop:10},100)
.animate({scrollTop:0},50); }); });
</script>
<div id='BounceToTop' title='Back To Top'/>
</b:if>
<script type='text/javascript'>
//<![CDATA[
function blockLinks(parentID, children) {
var parent = document.getElementById(parentID),
content = parent.getElementsByTagName(children);
for(var i = 0; i < content.length; i++) {
if(content[i].innerHTML.indexOf('</a>') !== -1) {
content[i].innerHTML = "Maaf <span style='background-color: red; color:
white; padding: 3px;'><b>link hidup</b></span> tidak akan tampil di sini!";
content[i].className = "spammer-detected";
}
}
}
blockLinks('comment_block', 'p');
//]]>
</script>
<!--</body>--></body>
</HTML>