You are on page 1of 45

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

>
<!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 == &quot;item&quot;'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>

<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>


<meta content='blogger' name='generator'/>
<link expr:href='data:blog.homepageUrl + &quot;favicon.ico&quot;' rel='icon'
type='image/x-icon'/>
<link expr:href='data:blog.url' rel='canonical'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;'
expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate'
type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default?alt=rss&quot;'
expr:title='data:blog.title + &quot; - RSS&quot;' rel='alternate'
type='application/rss+xml'/>
<link expr:href='&quot;http://www.blogger.com/feeds/&quot; + data:blog.blogId +
&quot;/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;'
rel='alternate' type='application/atom+xml'/>
<link href='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;item&quot;'>


<b:if cond='data:blog.postImageThumbnailUrl'>
<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
</b:if>
</b:if>

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


<meta content='noindex,follow' name='robots'/>
<meta content='noindex,follow' name='googlebot'/>
</b:if>

&lt;style type=&quot;text/css&quot;&gt;
&lt;!-- /*<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: &#39;Droid Serif&#39;;
font-style: normal;
font-weight: 400;
src: local(&#39;Droid Serif&#39;), local(&#39;DroidSerif&#39;),
url(http://themes.googleusercontent.com/static/fonts/droidserif/v4/0AKsP294HTD-
nvJgucYTaIbN6UDyHWBl620a-IRfuBk.woff) format(&#39;woff&#39;);
}
@font-face {font-family: &#39;Oswald&#39;;font-style: normal;font-weight: 400;src:
local(&#39;Oswald Regular&#39;), local(&#39;Oswald-Regular&#39;),
url(http://themes.googleusercontent.com/static/fonts/oswald/v8/-g5pDUSRgvxvOl5u-
a_WHw.woff) format(&#39;woff&#39;);}

#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}

.page-menu{width:70%;margin:18px auto;padding:0;float:right;text-shadow:0 1px 0


rgba(0,0,0,0.7)}
.page-menu ul{list-style:none;color:#ddd;width:700px;margin:0 auto;padding:0}
.page-menu ul li{list-style:none;line-height:32px;display:inline-block;background:
rgba(0,0,0,.4);box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.9)
inset}
.page-menu li a{color:#e74c3c;display:block;font-size:14px;font-
family:Arial;position:relative;text-decoration:none;text-
transform:capitalize;padding:0 10px}
.page-menu li a:hover,.page-menu .selected{color:#fff;text-decoration:none}

.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 &#39;Droid Serif&#39;;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 &gt; 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 &gt; a.prett,#menu a.prett:hover{background:#fd9c9c;color:#fff}
#menu a.prett::after{content:&quot;&quot;;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:&quot;&quot;;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:&quot;&quot;;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}

.PopularPosts .widget-content {font-size: 15px; margin: 0 !important; }


.popular-posts ul {margin: 0 !important; padding: 0 !important; }
.popular-posts ul li { list-style: none;border-bottom: 1px solid #ccc;padding: 0 0
10px;margin-top:10px }
.popular-posts ul li:last-child { border-bottom: 0; }
.popular-posts ul li:hover {text-decoration: none; }
.popular-posts ul li .item-title a {font-weight:400;color:#333;display:
block;padding:0 10px 0 0;font:12px Oswald;}
.popular-posts ul li .item-title a:hover {color:#e74c3c; text-decoration: none; }
.PopularPosts img { background: #ddd;border: 1px solid #bbb;display: block; float:
right;height: 90px; margin-left: 8px; padding: 4px; width: 70px; }
.PopularPosts .item-snippet{font-size: 11px; margin-top:10px;color:#eee }

#comments{margin:10px;padding:10px 15px; line-height:1em;}


#comments h3 {margin-bottom:25px;font:24px Oswald;text-transform:uppercase}
.comment_avatar { height: 48px; width: 48px; background: #F0F0F0
url(http://2.bp.blogspot.com/-
KjVxDap0Bzs/Uc7Jfm_9VWI/AAAAAAAAEqs/jD56hYNIm88/s48/anon48.gif) no-repeat center
center; float: left; margin-top: 5px; margin-right: 10px;border:5px solid #d2d2d2;
overflow: hidden;transition:all 400ms ease-in-out }
.comment_name { color: #444;font-size: 18px; font-weight: normal; line-height:
19.5px; max-width: 100%; text-decoration: none; margin-top: 8px;text-
transform:uppercase }
.comment_name a { text-transform: uppercase; font: 20px Oswald; color:#444;text-
decoration:none}
.comment_name a:hover { color: #0088b2;text-decoration:none; }
.comment_service{float:right;margin-right:0;margin-top:-20px;position:relative}
.comment_service a{display:inline-block}
.comment_body p {font:14px &quot;Open Sans&quot;,&quot;Trebuchet
MS&quot;,Helvetica,sans-serif; line-height: 1.3em; }
.comment_body {margin:5px 0 20px 56px;border-top:5px solid #d2d2d2;padding:0 60px 0
10px;position:relative; transition:all 400ms ease-in-out}
.comment_date { color: #999; font-style: italic; font-size: 13px; line-height:
25px; cursor: pointer; font-weight: normal;margin-right:20px }
.comment_area:hover .comment_body {border-top:5px solid red}
.comment_area:hover .comment_avatar{border:5px solid red; border-radius: 50%;}
.comment_area:hover .comment_reply{opacity:1}
.comment_child .comment_body { margin-top: 5px; margin-bottom: 30px; margin-
left:48px }
.comment_child .comment_wrap {padding-left: 40px}
.comment_reply {display:inline-block;cursor:pointer;color:#ffffff;font-
family:arial;font-size:11px;font-weight:bold;padding:4px 16px;text-
decoration:none;text-shadow:0px 1px 0px #cc9f52; float:right; position:absolute;
right:0; top:8px;opacity:0;transition:background 0.1s ease-in-out;border-radius:
2px;background-color: #ffc477;box-shadow: 0px 3px 0px 0px #eeb44f;}
.comment_reply:hover { text-decoration: none;background-color:#fb9e25;box-shadow:
0px 3px 0px 0px #ffc477;}
.comment_reply:active {margin-top: 1px;box-shadow:0px 1px 0px 0px #ffc477}
.comment_admin .avatar-image-container {}
.unneeded-paging-control {display: none;}
.comment_reply_form{padding:0 0 0 48px}
.comment_reply_form .comment-form {width: 100%}
.comment_avatar * { max-width: 1000%!important; display: block; max-height: 1000%!
important; width: 48px!important; height: 48px!important;margin-right: 10px; }
.comment_child .comment_avatar, .comment_child .comment_avatar * { width: 40px!
important; height: 40px!important; float: left; margin-right: 10px;}
.comment_form a { color: #2f6986; text-decoration: none; }
.comment_form a:hover {color: #2f6986; text-decoration: underline;}
.comment_author_flag {display:none}
.comment_admin .comment_author_flag {display:inline-block;color:#ffffff;font-
family:arial;font-size:12px;font-weight:bold;padding:1px 8px;text-
decoration:none;text-shadow:0px 1px 0px #810e05;position:absolute;margin:3px 0 0
10px;border-radius: 2px;background-color: #f24537;box-shadow: 0px 3px 0px 0px
#d02718;}
a.comment-delete{float:right;position:absolute;top:4px;right:0; font-size:
16px;color: #999}
a.comment-delete:hover{color: red}
#comment-editor {width:103% !important;background:transparent
url(&#39;data:image/gif;base64,R0lGODlhKwALAPAAAKrD2AAAACH5BAEKAAEAIf4VTWFkZSBieSBB
amF4TG9hZC5pbmZvACH/C05FVFNDQVBFMi4wAwEAAAAsAAAAACsACwAAAjIMjhjLltnYg/PFChveVvPLheA
2hlhZoWYnfd6avqcMZy1J14fKLvrEs/k+uCAgMkwVAAAh+QQBCgACACwAAAAAKwALAIFPg6+qw9gAAAAAAA
ACPRSOKMsSD2FjsZqEwax885hh3veMZJiYn8qhSkNKcBy4B2vNsa3pJA6yAWUUGm9Y8n2Oyk7T4posYlLHr
wAAIfkEAQoAAgAsAAAAACsACwCBT4OvqsPYAAAAAAAAAj1UjijLAg9hY6maalvcb+IPBhO3eeF5jKTUoKi6
AqYLwutMYzaJ58nO6flSmpisNcwwjEfK6fKZLGJSqK4AACH5BAEKAAIALAAAAAArAAsAgU+Dr6rD2AAAAAA
AAAJAVI4oy5bZGJiUugcbfrH6uWVMqDSfRx5RGnQnxa6p+wKxNpu1nY/9suORZENd7eYrSnbIRVMQvGAizh
AV+hIUAAA7&#39;) no-repeat 50% 30%;margin-left:-8px}
.comment-form {max-width: 100%!important;margin-top:25px!important}
.comment_emo_list .item {float: left;width: 40px;text-align: center;height:
40px;margin: 10px 10px 0 0;}
.comment_emo_list span {display: block;font-weight: bold;font-size: 11px;letter-
spacing: 1px;}
.comment_youtube {max-width:100%!
important;width:400px;height:225px;display:block;margin:auto}
.comment_img {max-width:100%!important}
.comment-form p {background: #666;padding: 10px;margin: 5px 0 5px 0;color:
#eee;font:14px &quot;Open Sans&quot;,&quot;Trebuchet MS&quot;,Helvetica,sans-
serif;line-height: 20px;width:97.5%;border-radius:3px;position:relative;}
.comment-form
p:after{content:&quot;&quot;;width:0;height:0;position:absolute;bottom:-
15px;left:15px;border:8px solid transparent;border-color:#666 transparent
transparent;}
iframe{border:none;overflow:hidden}
.deleted-comment{display:block;color:#333;font:italic 13px Arial;word-wrap:break-
word;margin-top:10px;}

.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 &#39;Droid Serif&#39;;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}

#PopularPosts1 .widget-content{border-radius:0 0 2px 2px;background-


color:#95a5a6;box-shadow: 0px 3px 0px 0px #7f8c8d;padding:10px}
#HTML4 .widget-content{border-radius:0 0 2px 2px;background-color:#3498db;box-
shadow: 0px 3px 0px 0px #2980b9;padding:10px}
#HTML5 .widget-content{border-radius:0 0 2px 2px;background-color:#e74c3c;box-
shadow: 0px 3px 0px 0px #c0392b;padding:10px}

.related-post {margin:2em auto 0;font:normal normal 11px/1.4 Arial,Sans-Serif;}


.related-post a{color:#333}
.related-post h4 {font-size:200%;margin:0 0 .5em;}
.related-post-style-3,.related-post-style-3 li {margin:0;padding:0;list-
style:none;word-wrap:break-word;overflow:hidden;}
.related-post-style-3 .related-post-item
{display:block;float:left;width:130px;height:170px;padding:10px;margin-
right:10px;margin-bottom:10px;border-radius: 2px;background-color: #eee;box-shadow:
0px 3px 0px 0px #666;}
.related-post-style-3 .related-post-item:hover {box-shadow: 0px 3px 0px 0px
#ed4444;background-color:#fcb7b7;transition:background 0.1s ease-in-out;}
.related-post-style-3 .related-post-item:focus{outline:none}
.related-post-style-3 .related-post-item-thumbnail {display:block;margin:0 0
10px;width:100%;height:90px;max-width:none;max-height:none;background-
color:transparent;border:none;padding:0;border-radius:0px;}
.related-post-style-3 .related-post-item-title {font-weight:bold}

#subscribe-box {width: 300px;height: auto;border-radius: 2px;background-color:


#95a5a6;box-shadow: 0px 3px 0px 0px #7f8c8d;padding-bottom:10px}
#subscribe-box .title {padding: 10px 25px;line-height: 30px;font: 26px
Oswald;color: #555;text-align: center;background: #ecf0f1;text-
transform:uppercase;border-radius:2px 2px 0 0;}
#subscribe-box p {font-family: &#39;Droid Serif&#39;;font-size:
13px;color:#555;line-height: 20px;padding: 10px 20px 0 20px;margin: 0;}
#subscribe-box .emailfield {padding: 0px 20px 10px;}
#subscribe-box .emailfield input {color: #777;padding: 10px;margin-top: 10px;font-
size: 15px;font-family: &#39;Droid Serif&#39;;width: 92%;border:0;border-radius:
2px;box-shadow: 0px 3px 0px 0px #bbb;}
#subscribe-box .emailfield input:focus {outline: none;}
#subscribe-box .emailfield .submitbutton {background: #F4836A;color: #fff!
important;border:none;outline: none;width: 100%;cursor:pointer;border-radius:
2px;box-shadow: 0px 3px 0px 0px #e23b16;}
#subscribe-box .emailfield .submitbutton:active {padding-top: 11px;padding-bottom:
9px;box-shadow: 0px 1px 0px 0px #3293ba;}
#subscribe-box .emailfield .submitbutton:hover{background: #DD7761;}

#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:&quot;&quot;; 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:&quot;&quot;; 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:&quot;&quot;; 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;}

.content-box2{color:#555;font:14px &#39;Droid Serif&#39;;margin:0 auto;text-


align:left;width:100%;overflow:hidden;padding:10px}
.recent-label{float:left;width:31%;height:auto;margin-right:20px }
.recent-label .title-label{float:left;font:18px Oswald;margin-bottom:10px;text-
transform:uppercase }
img.label_thumb{float:left;border:1px solid #8f8f8f;background:#D2D0D0;margin-
right:10px;height:100px;width:80px;padding:2px}
img.label_thumb:hover{background:#f7f6f6}
.label_with_thumbs{float:left;width:100%;min-height:90px;margin:0 5px 2px 0;font-
size:12px;}
.label_with_thumbs a{font-size:14px;}

@media screen and (max-width:1218px) {


.main-wrapper{width:66%}
}
@media screen and (max-width:1024px) {
.content-wrapper{width:95%}
.printfriendly{display:none}
.title-share{margin-right:50px;}
.fb-like{left:-15px}
}
@media screen and (max-width: 980px) {
.sidebar-wrapper,.sidebar1-wrapper{border:none;margin:0 auto;padding:0;}
}
@media screen and (max-width: 800px){
#header{float:none;max-width:none;text-align:center;margin-top:-35px}
#header-inner{margin-bottom:0}
#header h1,#header p{margin-right:0}
#header .description{margin:0}
#header{text-align:center;width:100%;max-width:none}
#header-inner{margin:10px 0}
#header2,.page-menu ul{text-align:center;width:99%;margin-top:-10px}
.main-wrapper{width:57%;}
.page-menu li a{border-right:0}
.page-menu{margin:0;width:100%}
.search-icon{top:20px}
#ads1-wrapper,#ads2-wrapper{padding:10px 0}
.recent-label{width:29%}
.label_with_thumbs{font-size:11px;}
.label_with_thumbs a{font-size:11px;}
.share-box{padding-left:70px;width:78.5%}
.title-share{display:none}
.fb-like{left:-30px}
}
@media screen and (max-width: 770px){
.outer-wrapper{padding:0}
.main-wrapper{margin-right:0;margin-bottom:20px;width:100%;min-height:0}
#sidebar-wrapper{float:none;text-align:center;margin:0 auto}
#menu{position:relative}
#menu ul{background:#838383;position:absolute;top:100%;right:0;left:0;z-
index:3;height:auto;display:none;}
#menu ul.menus{width:100%;position:static;border:none}
#menu li{display:block;float:none;width:auto;text-align:left}
#menu li a{color:#fff}
#menu li a:hover{color:#333}
#menu li:hover{background:#BABABA;color:#333;}
#menu li:hover &gt; a.prett,#menu a.prett:hover{background:#BABABA;color:#333;}
#menu ul.menus a{background:#BABABA;}
#menu ul.menus a:hover{background:#fcbebe;}
#menu input,#menu label{position:absolute;top:0;left:0;display:block}
#menu input{z-index:4}
#menu input:checked + label{color:white}
#menu input:checked ~ ul{display:block}
.share-box{width:88%}
.title-share{display:inline}
.fb-like{left:-30px}
#ads1-wrapper,#ads2-wrapper{display:none}
}
@media screen and (max-width: 480px){
#header img{width:100%}
#header2,.page-menu ul{text-align:center;width:99%;margin-top:-10px;margin-
bottom:70px}
.share-box{width:78.5%}
.title-share{display:none}
.search-icon{float:none;position:absolute;top:165px;right:45%}
.recent-label{width:25%}
img.label_thumb{float:none;width:100%}
}
@media screen and (max-width: 384px){
.search-icon{top:145px}
}
@media screen and (max-width: 320px){
.content-wrapper{width:100%}
.search-icon{top:130px}
.share-box{display:none}
}
@media screen and (max-width: 240px){
#header img{width:80%;margin-left:-10px}
.search-icon{top:110px}
.post{padding:10px}
.plus-menu{display:none}
}

</style>

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


<b:if cond='data:blog.pageType != &quot;item&quot;'>
<style type='text/css'>
.blog-pager,#blog-pager{text-align:left;margin-left:-10px}
.main-wrapper{width:70%;margin-top:10px;box-shadow:none;background:none;border-
radius:0}
.post h1,.post h2{line-height:0.5em;margin:8px 0 3px;padding:0 10px;font:12px
Oswald;text-transform:uppercase;height:40px}
.post{float:left;margin:10px 15px 8px 2px;overflow:hidden;padding:0px 0px
10px;position:relative;width:30%;height:312px;border-radius: 2px;background-color:
#fff;box-shadow: 0px 3px 0px 0px #132435}
.post-body{border-top:none;padding-top:0;background:none;line-height:1.3em;margin:0
10px 10px;text-align:left}
.post img{margin:0 auto;padding:0;width:100%;height:130px;border:0;}
.postmeta{font-size:11px;margin:0 0 .5em 10px;color:#999;border-bottom:none}
.post-comments,.post-comments a{float:right;font:11px tahoma;color:#efefef;margin-
right:10px;margin-top:1px}
.post-labels,.post-labels a{font:11px tahoma;color:#efefef;}

@media screen and (max-width:1218px) {


.main-wrapper{width:67%;box-shadow:none;background:none;border:none}
}
@media screen and (max-width:1026px) {
.content-wrapper{width:97%}
.main-wrapper{width:68%;}
.post{margin:10px 9px 5px 5px;width:27%;padding:10px;}
}
@media screen and (max-width:980px) {
.main-wrapper{width:67%;}
.post{width:43%;}
}
@media screen and (max-width:800px) {
.post{margin:5px 0 5px 5px;width:45.8%;padding:5px;}
}
@media screen and (max-width:768px) {
.main-wrapper{width:100%}
.post{width:29%;margin:10px 7px 8px 8px;}
.footer{width:30%}
}
@media screen and (max-width:600px){
.post{width:43%;}
.footer{width:90%;float:none;text-align:left;margin:0 auto}
}
@media screen and (max-width:320px){
.post{margin:10px;width:90%;}
}
@media screen and (max-width: 240px){
.post{margin:10px;width:87%;}
}
</style>
</b:if></b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<style type='text/css'>
#sidebar-wrapper,#comments,.blog-pager,#blog-pager,#ads1-wrapper,#ads2-
wrapper{display:none}
.post h1,.post h2{text-align:center}
.outer-wrapper,.main-wrapper{width:100%;}
#credit{background:none;font:11px
Tahoma;color:#333;width:100%;overflow:hidden;clear:both;padding:15px 0px;line-
height:20px;text-align:center}
#credit a{color:#333;text-decoration:none}
#credit a:hover{color:red;text-decoration:none}
</style>
</b:if>

<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 = &quot;//connect.facebook.net/en_US/all.js#xfbml=1&quot;;
fjs.parentNode.insertBefore(js, fjs);
}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</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 != &quot;item&quot;'>
<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>&#8801;<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(&apos;http://translate.google.com/translate?u=&apos;
+encodeURIComponent(location.href)+&apos;&amp;amp;langpair=id
%7cen&amp;amp;hl=en&apos;); return false;' rel='nofollow' target='_blank'
title='English'>Translate</a></li>
</ul>
</nav>
<span class='plus-menu' id='run2'>&#10010;</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==&apos;&apos;)this.value=this.defaultValue;'
onfocus='if(this.value==this.defaultValue)this.value=&apos;&apos;' 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'>&#10006;</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;amp;alt=json-in-
script&amp;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 &#187;</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;amp;alt=json-in-
script&amp;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 &#187;</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;amp;alt=json-in-
script&amp;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 &#187;</a>
</div>

<div class='close2'>&#10006;</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 != &quot;&quot;'>
<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 == &quot;false&quot;'>
&lt;/div&gt;
</b:if>
&lt;div class=&quot;mobile-date-outer date-outer&quot;&gt;
<div expr:onclick='data:post.indexOnclick'>
<b:include data='post' name='mobile-index-post'/>
</div>
<b:if cond='data:post.trackLatency'>
<data:post.latencyJs/>
</b:if>
</b:loop>
<b:if cond='data:numPosts != 0'>
&lt;/div&gt;
</b:if>
</div>
<b:else/>

<!-- posts -->


<div class='blog-posts hfeed'>

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

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

<b:if cond='data:post.isDateStart'>
&lt;div class=&quot;date-posts&quot;&gt;
</b:if>
<div class='post-outer'>
<b:include data='post' name='post'/>
<b: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>
<b:if cond='data:post.includeAd'>
<b:if cond='data:post.isFirstPost'>
<data:defaultAdEnd/>
<b:else/>
<data:adEnd/>
</b:if>
<b:if cond='data:mobile == &quot;false&quot;'>
<div class='inline-ad'>
<data:adCode/>
</div>
</b:if>
<data:adStart/>
</b:if>
<b:if cond='data:post.trackLatency'>
<data:post.latencyJs/>
</b:if>
</b:loop>
<b:if cond='data:numPosts != 0'>
&lt;/div&gt;&lt;/div&gt;
</b:if>
<data:adEnd/>
</div>
</b:if>

<!-- navigation -->


<b:if cond='data:mobile'>
<b:include name='mobile-nextprev'/>
<b:else/>
<b:include name='nextprev'/>

<!-- feed links -->


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

<b:if cond='data:top.showStars'>
<script src='//www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>
google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;:
&quot;<data:top.languageCode/>&quot;});
function initialize() {
google.annotations.setApplicationId(<data:top.blogspotReviews/>);
google.annotations.createAll();
google.annotations.fetch();
}
google.setOnLoadCallback(initialize);
</script>
</b:if>

<b:if cond='data:top.showDummy'>
<data:top.dummyBootstrap/>
</b:if>

</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
<img 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'>&#160;</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 + &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;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'><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 + &quot;_comment-editor-toggle-
link&quot;' expr:title='data:postCommentMsg'
href='javascript:void(0)'><data:postCommentMsg/></a></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<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-
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='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; +
data:blog.blogId + &quot;&amp;amp;postID=&quot; + data:post.id' id='comment-editor-
src' title='comment editor'/>
<iframe class='blogger-iframe-colorize blogger-comment-from-post'
height='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:post.communityId/>&#39;);
</script>
</div>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
<b:if cond='data:showCmtPopup'>
<div class='goog-toggle-button'>
<div class='goog-inline-block comment-action-icon'/>
</div>
<b:else/>
<a class='comment-delete' expr:href='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.numComments != 0'>


<h3>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>
</b:if>
</h3>
</b:if>

<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass'
expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
&#160;
<a expr:class='data:post.oldLinkClass'
expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
&#160;
<data:post.commentRangeText/>
&#160;
<a expr:class='data:post.newLinkClass'
expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
&#160;
<a expr:class='data:post.newLinkClass'
expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
</span>
</b:if>

<div class='clear'/>
<div id='comment_block'>
<b:loop values='data:post.comments' var='comment'>
<div class='data:comment.adminClass' expr:id='data:comment.anchorName'>
<b:if cond='data:post.adminClass == data:comment.adminClass'>
&lt;div class=&#39;comment_inner comment_admin&#39;&gt;
<b:else/>
&lt;div class=&#39;comment_inner&#39;&gt;
</b:if>
<div class='comment_area'>
<div class='comment_header'>
<div class='comment_avatar'>
<img alt='avatar' expr:src='data:comment.authorAvatarSrc'
expr:title='data:comment.author'/>
</div>
<div class='comment_name'>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl'
expr:title='data:comment.author' rel='nofollow'
target='_blank'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<b:if cond='data:comment.author == data:post.author'>
<span class='comment_author_flag'>Admin</span>
</b:if>
</div>
<div class='comment_service'>
<a expr:href='data:comment.url' rel='nofollow'
title='permalink'><span class='comment_date'><data:comment.timestamp/></span></a>

<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'>&#10006;</a>
</div>
<div class='clear'/>
</div>
<div class='comment_body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
<a class='comment_reply' expr:href='&quot;#r_&quot;+data:comment.anchorName'
expr:id='&quot;r&quot;+data:comment.anchorName'
onclick='javascript:Display_Reply_Form(this)' title='Balas'>Balas</a>
<div class='clear'/>
</b:if>
</div>
<div class='clear'/>
&lt;/div&gt;
<div class='clear'/>
</div>
<div class='comment_child'/>
<div class='comment_reply_form' expr:id='&quot;r_f_&quot;
+data:comment.anchorName'/>
</div>
</b:loop>
</div>
<div class='clear'/>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass'
expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
&#160;
<a expr:class='data:post.oldLinkClass'
expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
&#160;
<data:post.commentRangeText/>
&#160;
<a expr:class='data:post.newLinkClass'
expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
&#160;
<a expr:class='data:post.newLinkClass'
expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
</span>
</b:if>
<div class='clear'/>
<div class='comment_form' id='comment-form'>

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

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


<b:else/>
<data:post.noNewCommentsText/>
</b:if>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</div>
</b:if>
</div>

<script type='text/javascript'>
//<![CDATA[
if (typeof(jQuery) == 'undefined') {
//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>

<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 = 6;//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,
choose "false" to disable
Replace_Image_Link = true;//Auto replace an image link choose "false" to
disable.
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 ful 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/ChwawyzYsDI/s1600/smile1.gif',
':(' ,'http://4.bp.blogspot.com/-
yXc7xHs5mXc/UKhVJLBfdaI/AAAAAAAADPY/LJKRsefyeao/s1600/sad.gif',
'=(' ,'http://1.bp.blogspot.com/-7I8DdEs58z0/UKhVKHT1yUI/AAAAAAAADPg/Lyzv-
E74EdM/s1600/sadanimated.gif',
'^_^' ,'http://1.bp.blogspot.com/-IoZJlpB0-
dE/UKhVKnR0BDI/AAAAAAAADPo/Kz87N1Aj4X8/s1600/smile.gif',
':D' ,'http://3.bp.blogspot.com/-
WeTjMT8JDhg/UKhVHlZ88II/AAAAAAAADPI/b1gpiAvIkCc/s1600/icon_smile.gif',
'=D' ,'http://1.bp.blogspot.com/-
ljeobbA3sn0/UKhVGtJsGRI/AAAAAAAADPA/8lyzE4JwrwQ/s1600/hihi.gif',
'|o|' ,'http://4.bp.blogspot.com/-ip66eq3uRI8/UKhVF-QK8lI/AAAAAAAADO4/P0G-
1PcWpQs/s1600/applause.gif',
'@@,' ,'http://4.bp.blogspot.com/-w1VfvgO2-
e8/UKhVIT7XLhI/AAAAAAAADPQ/cJ0KDjEsoj4/s1600/rolleyes.gif',
';)' ,'http://3.bp.blogspot.com/-
5zPfqshivtY/UKhVONWZnkI/AAAAAAAADQI/iCDxagcaj5s/s1600/wink.gif',
':-bd' ,'http://4.bp.blogspot.com/-hPd-
oj2Bzo4/UKhVLkmQjOI/AAAAAAAADPw/3O1iuAukZXg/s1600/thumb.gif',
':-d' ,'http://2.bp.blogspot.com/-yElQmFAIiII/UKhVMcObcQI/AAAAAAAADP4/-
qdEpW8zCmY/s1600/thumbsup.gif',
':p' ,'http://2.bp.blogspot.com/-
bs2e9gRj748/UKhVNKLs2YI/AAAAAAAADQA/mF7lDNOChac/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))
{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 != &quot;item&quot;'> <!-- Blog feed links -->
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>

<b:else/> <!--Post feed links -->


<div class='post-feeds'>
<b:loop values='data:posts' var='post'>
<b:include cond='data:post.allowComments and data:post.feedLinks'
data='post.feedLinks' name='feedLinksBody'/>
</b:loop>
</div>
</b:if>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
</b:includable>
<b:includable id='iframe_comments' var='post'>

<b:if cond='data:post.allowIframeComments'>
<script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
<div class='cmt_iframe_holder'/>

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


<a expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</b:includable>
<b:includable id='mobile-index-post' var='post'>
<b:if cond='data:post.dateHeader'>
<div class='mobile-index-date'>
<div class='date-header'>
<span><data:post.dateHeader/></span>
</div>
</div>
</b:if>

<div class='mobile-post-outer'>
<div class='mobile-index-title-outer'>
<h3 class='mobile-index-title entry-title'>
<a href='javascript:void(0)'><data:post.title/></a>
</h3>
</div>

<div>
<div class='mobile-index-arrow'>
<a href='javascript:void(0)'>&amp;rsaquo;</a>
</div>

<div class='mobile-post-contents'>
<b:if cond='data:post.thumbnailUrl'>
<div class='mobile-index-thumbnail'>
<div class='Image'>
<img expr:src='data:post.thumbnailUrl'/>
</div>
</div>
</b:if>

<div class='post-body'>
<b:if cond='data:post.snippet'><data:post.snippet/></b:if>
</div>
</div>
<div style='clear: both;'/>
</div>

<div class='mobile-index-comment'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.numComments != 0'>
<a class='comment-link' expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments ==
1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/>
<data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</b:if>
</b:if>
</div>
</div>
</b:includable>
<b:includable id='mobile-main' var='top'>
<!-- posts -->
<div class='blog-posts hfeed'>

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

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


<b:loop values='data:posts' var='post'>
<b:include data='post' name='mobile-index-post'/>
</b:loop>
<b:else/>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='mobile-post'/>
</b:loop>
</b:if>
</div>

<b:include name='mobile-nextprev'/>
</b:includable>
<b:includable id='mobile-nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<div class='mobile-link-button' id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl'
expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;'
expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</div>
</b:if>

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

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


<a class='home-link' expr:href='data:blog.homepageUrl'><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'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>
<div class='date-posts'>
<div class='post-outer'>

<div class='post hentry uncustomized-post-template'>


<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><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>
</h3>
</b:if>

<div class='post-header'>
<div class='post-header-line-1'/>
</div>

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


data:post.id'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<b:if cond='data:post.authorProfileUrl'>
<span class='fn'>
<a expr:href='data:post.authorProfileUrl' rel='author'
title='author profile'>
<data:post.author/>
</a>
</span>
<b:else/>
<span class='fn'><data:post.author/></span>
</b:if>
</b:if>
</span>
<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url'
rel='bookmark' title='permanent link'><abbr class='published'
expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span>

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

<div class='post-footer-line post-footer-line-2'>


<b:if cond='data:top.showMobileShare'>
<div class='mobile-link-button goog-inline-block' id='mobile-share-
button'>
<a href='javascript:void(0);'><data:shareMsg/></a>
</div>
</b:if>
<b:if cond='data:top.showDummy'>
<div class='goog-inline-block dummy-
container'><data:post.dummyTag/></div>
</b:if>
</div>

</div>
</div>

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


<b: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'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl'
expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;'
expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl'
expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;'
expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>

<a class='home-link' expr:href='data:blog.homepageUrl'


expr:title='data:homeMsg'><data:homeMsg/></a>

<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 != &quot;item&quot;'>
<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 != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<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 == &quot;item&quot;'>
<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 !=
&quot;true&quot;'>,</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
&gt;= 2'><data:post.numComments/> comments</b:if></a></b:if></span></h3>
</div>
</b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<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
&gt;= 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>

<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;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<script type='text/javascript'>
//<![CDATA[
function sompret_image_creator(e,t){var n=300;var r=190;var i=true;var
s="http://2.bp.blogspot.com/-02jT97yp-74/U-
2_rDlZ_nI/AAAAAAAAdaU/pnNIeinEOGQ/s1600/noImg.jpg";if(i==true&&e=="")
{e=s}image_tag='<img src="'+e.replace("/s72-c/","/w"+n+"/")+'" alt="'+t+'"
width="'+n+'" height="'+r+'"/>';if(e!="'+s+'"){return image_tag}else{return""}}
//]]>
</script>
<b:if cond='data:post.thumbnailUrl'>
<a expr:href='data:post.url' expr:title='data:post.title'><script
type='text/javascript'>
document.write(sompret_image_creator(&quot;<data:post.thumbnailUrl/>&quot;,&quot;<d
ata:post.title/>&quot;));
</script></a>
<b:else/>
<a expr:href='data:post.url' expr:title='data:post.title'><img alt='thumbnail'
class='post-thumbnail' height='190' src='http://2.bp.blogspot.com/-02jT97yp-74/U-
2_rDlZ_nI/AAAAAAAAdaU/pnNIeinEOGQ/s1600/noImg.jpg' width='300'/></a>
</b:if>
<div class='post-snippet' expr:data-snippet='data:post.snippet'/>
<div class='bottom-post'>
<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 !=
&quot;true&quot;'>,</b:if>
</b:loop>
</b:if>
</span>
<span class='post-comments'><b:if cond='data:post.allowComments'><a
expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'
title='Comments'><b:if cond='data:post.numComments == 0'>No comments</b:if><b:if
cond='data:post.numComments == 1'>1 comment</b:if><b:if cond='data:post.numComments
&gt;= 2'><data:post.numComments/> comments</b:if></a></b:if></span>
</div>
</b:if>
</b:if>

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


<data:post.body/>
</b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

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


<div class='share-box'>
<div class='title-share'>
<strong>Share this article</strong> :
</div>
<div class='fb-like' data-layout='button_count' data-send='false' data-show-
faces='false' data-width='90' expr:data-href='data:post.url'/>
<a class='twitter-share-button' data-count='horizontal' data-related='' data-via=''
expr:data-text='data:post.title' expr:data-url='data:post.url'
href='http://twitter.com/share'>Tweet</a>
<script async='async' src='http://platform.twitter.com/widgets.js'
type='text/javascript'/>
<div class='g-plusone' data-count='true' data-size='medium' expr:data-
href='data:post.url'/>
<a class='printfriendly' href='http://www.printfriendly.com'
onclick='window.print();return false;' rel='nofollow' title='Printer Friendly and
PDF'><span class='print'>Print</span> <span class='pdf'>PDF</span></a>
</div>
<div class='clear'/>

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


<script type='text/javascript'>
var labelArray = [<b:if cond='data:post.labels'><b:loop values='data:post.labels'
var='label'>
&quot;<data:label.name/>&quot;<b:if cond='data:label.isLast !=
&quot;true&quot;'>,</b:if>
</b:loop></b:if>];
var relatedPostConfig = {
homePage: &quot;<data:blog.homepageUrl/>&quot;,
widgetTitle: &quot;&lt;h4&gt;Related Post:&lt;/h4&gt;&quot;,
numPosts: 4,
summaryLength: 370,
titleLength: &quot;auto&quot;,
thumbnailSize: 80,
noImage:
&quot;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQ
ICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7vOF2TAAAAAElFTkSuQmCC&quot;,
containerId: &quot;related-post&quot;,
newTabLink: false,
moreText: &quot;Read More&quot;,
widgetStyle: 3,
callBack: function() {}
};
</script>
<script type='text/javascript'>
//<![CDATA[
var randomRelatedIndex,showRelatedPost;(function(n,m,k){var
d={widgetTitle:"<h4>Artikel
Terkait:</h4>",widgetStyle:1,homePage:"http://www.dte.web.id",numPosts:7,summaryLen
gth:370,titleLength:"auto",thumbnailSize:72,noImage:"data:image/png;base64,iVBORw0K
GgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAA3NCSVQICAjb4U/gAAAADElEQVQImWOor68HAAL+AX7
vOF2TAAAAAElFTkSuQmCC",containerId:"related-post",newTabLink:false,moreText:"Baca
Selengkapnya",callBack:function(){}};for(var f in relatedPostConfig)
{d[f]=(relatedPostConfig[f]=="undefined")?d[f]:relatedPostConfig[f]}var
j=function(a){var
b=m.createElement("script");b.type="text/javascript";b.src=a;k.appendChild(b)},o=fu
nction(b,a){return Math.floor(Math.random()*(a-b+1))+b},l=function(a){var
p=a.length,c,b;if(p===0){return false}while(--p)
{c=Math.floor(Math.random()*(p+1));b=a[p];a[p]=a[c];a[c]=b}return a},e=(typeof
labelArray=="object"&&labelArray.length>0)?"/-/"+l(labelArray)[0]:"",h=function(b)
{var c=b.feed.openSearch$totalResults.$t-d.numPosts,a=o(1,(c>0?
c:1));j(d.homePage.replace(/\/$/,"")+"/feeds/posts/summary"+e+"?alt=json-in-
script&orderby=updated&start-index="+a+"&max-
results="+d.numPosts+"&callback=showRelatedPost")},g=function(z){var
s=document.getElementById(d.containerId),x=l(z.feed.entry),A=d.widgetStyle,c=d.widg
etTitle+'<ul class="related-post-style-'+A+'">',b=d.newTabLink?'
target="_blank"':"",y='<span
style="display:block;clear:both;"></span>',v,t,w,r,u;if(!s){return}for(var
q=0;q<d.numPosts;q++){if(q==x.length){break}t=x[q].title.$t;w=(d.titleLength!
=="auto"&&d.titleLength<t.length)?t.substring(0,d.titleLength)
+"&hellip;":t;r=("media$thumbnail"in x[q]&&d.thumbnailSize!==false)?
x[q].media$thumbnail.url.replace(/\/s[0-9]+(\-c)?/,"/s"+d.thumbnailSize+"-
c"):d.noImage;u=("summary"in x[q]&&d.summaryLength>0)?x[q].summary.
$t.replace(/<br ?\/?>/g," ").replace(/<.*?>/g,"").replace(/
[<>]/g,"").substring(0,d.summaryLength)+"&hellip;":"";for(var
p=0,a=x[q].link.length;p<a;p++){v=(x[q].link[p].rel=="alternate")?
x[q].link[p].href:"#"}if(A==2){c+='<li><img alt="thumbnail" class="related-post-
item-thumbnail" src="'+r+'" width="'+d.thumbnailSize+'"
height="'+d.thumbnailSize+'" title="'+t+'"><a class="related-post-item-title"
title="'+t+'" href="'+v+'"'+b+">"+w+'</a><span class="related-post-item-
summary"><span class="related-post-item-summary-text">'+u+'</span> <a href="'+v+'"
class="related-post-item-
more"'+b+">"+d.moreText+"</a></span>"+y+"</li>"}else{if(A==3||A==4){c+='<li
class="related-post-item" tabindex="0"><a class="related-post-item-title"
href="'+v+'"'+b+'><img alt="thumbnail" class="related-post-item-thumbnail"
src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'"
title="'+t+'"></a><div class="related-post-item-tooltip"><a class="related-post-
item-title" title="'+t+'"
href="'+v+'"'+b+">"+w+"</a></div>"+y+"</li>"}else{if(A==5){c+='<li class="related-
post-item" tabindex="0"><a class="related-post-item-wrapper" href="'+v+'"
title="'+t+'"'+b+'><img alt="thumbnail" class="related-post-item-thumbnail"
src="'+r+'" width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'"
title="'+t+'"><span class="related-post-item-
tooltip">'+w+"</span></a>"+y+"</li>"}else{if(A==6){c+='<li><a class="related-post-
item-title" title="'+t+'" href="'+v+'"'+b+">"+w+'</a><div class="related-post-item-
tooltip"><img alt="thumbnail" class="related-post-item-thumbnail" src="'+r+'"
width="'+d.thumbnailSize+'" height="'+d.thumbnailSize+'" title="'+t+'"><span
class="related-post-item-summary"><span class="related-post-item-summary-
text">'+u+"</span></span>"+y+"</div></li>"}else{c+='<li><a title="'+t+'"
href="'+v+'"'+b+">"+w+"</a></li>"}}}}}s.innerHTML=c+="</ul>"+y;d.callBack()};random
RelatedIndex=h;showRelatedPost=g;j(d.homePage.replace(/\/$/,"")
+"/feeds/posts/summary"+e+"?alt=json-in-script&orderby=updated&max-
results=0&callback=randomRelatedIndex")})
(window,document,document.getElementsByTagName("head")[0]);
//]]>
</script>
</b:if>

</article>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='&quot;item-control &quot; + data:post.adminClass'>
<a expr:href='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 + &quot;&amp;target=email&quot;'
expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-
text'><data:top.emailThisMsg/></span></a></b:if><b:if
cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-
blog' expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;'
expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;,
\&quot;height=270,width=475\&quot;); return false;&quot;'
expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-
text'><data:top.blogThisMsg/></span></a></b:if><b:if
cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-
twitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;'
expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-
link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if
cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-
facebook' expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;'
expr:onclick='&quot;window.open(this.href, \&quot;_blank\&quot;,
\&quot;height=430,width=620\&quot;); return false;&quot;'
expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-
link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if
cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut'
expr:href='data:post.sharePostUrl + &quot;&amp;target=orkut&quot;'
expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-button-
link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if
cond='data:top.showDummy'><div class='goog-inline-block dummy-
container'><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='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; +
data:blog.blogId + &quot;&amp;amp;postID=&quot; + data:post.id' id='comment-editor-
src' title='comment editor'/>
<iframe class='blogger-iframe-colorize blogger-comment-from-post'
height='410' id='comment-editor' name='comment-editor' style='display: none'/>
<b:else/>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<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-
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(&#39;<data:post.appRpcRelayPath/>&#39;,
&#39;<data:post.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 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;
}

var parse = function(data) {


cursor = null;
var comments = [];
if (data && data.feed && data.feed.entry) {
for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
var comment = {};
// comment ID, parsed out of the original id format
var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
comment.id = id ? id[2] : null;
comment.body = bodyFromEntry(entry);
comment.timestamp = Date.parse(entry.published.$t) + '';
if (entry.author && entry.author.constructor === Array) {
var auth = entry.author[0];
if (auth) {
comment.author = {
name: (auth.name ? auth.name.$t : undefined),
profileUrl: (auth.uri ? auth.uri.$t : undefined),
avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
};
}
}
if (entry.link) {
if (entry.link[2]) {
comment.link = comment.permalink = entry.link[2].href;
}
if (entry.link[3]) {
var pid = /.*comments\/default\/
(\d+)\?.*/.exec(entry.link[3].href);
if (pid && pid[1]) {
comment.parentId = pid[1];
}
}
}
comment.deleteclass = 'item-control blog-admin';
if (entry.gd$extendedProperty) {
for (var k in entry.gd$extendedProperty) {
if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
} else if (entry.gd$extendedProperty[k].name ==
'blogger.displayTime') {
comment.displayTime = entry.gd$extendedProperty[k].value;
}
}
}
comments.push(comment);
}
}
return comments;
};

var paginator = function(callback) {


if (hasMore()) {
var url = config.feed + '?
alt=json&v=2&orderby=published&reverse=false&max-results=50';
if (cursor) {
url += '&published-min=' + new Date(cursor).toISOString();
}
window.bloggercomments = function(data) {
var parsed = parse(data);
cursor = parsed.length < 50 ? null
: parseInt(parsed[parsed.length - 1].timestamp) + 1
callback(parsed);
window.bloggercomments = null;
}
url += '&callback=bloggercomments';
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = url;
document.getElementsByTagName('head')[0].appendChild(script);
}
};
var hasMore = function() {
return !!cursor;
};
var getMeta = function(key, comment) {
if ('iswriter' == key) {
var matches = !!comment.author
&& comment.author.name == config.authorName
&& comment.author.profileUrl == config.authorUrl;
return matches ? 'true' : '';
} else if ('deletelink' == key) {
return config.baseUri + '/delete-comment.g?blogID='
+ config.blogId + '&postID=' + comment.id;
} else if ('deleteclass' == key) {
return comment.deleteclass;
}
return '';
};

var replybox = null;


var replyUrlParts = null;
var replyParent = undefined;

var onReply = function(commentId, domId) {


if (replybox == null) {
// lazily cache replybox, and adjust to suit this style:
replybox = document.getElementById('comment-editor');
if (replybox != null) {
replybox.height = '250px';
replybox.style.display = 'block';
replyUrlParts = replybox.src.split('#');
}
}
if (replybox && (commentId !== replyParent)) {
document.getElementById(domId).insertBefore(replybox, null);
replybox.src = replyUrlParts[0]
+ (commentId ? '&parentID=' + commentId : '')
+ '#' + replyUrlParts[1];
replyParent = commentId;
}
};

var hash = (window.location.hash || '#').substring(1);


var startThread, targetComment;
if (/^comment-form_/.test(hash)) {
startThread = hash.substring('comment-form_'.length);
} else if (/^c[0-9]+$/.test(hash)) {
targetComment = hash.substring(1);
}

// Configure commenting API:


var configJso = {
'maxDepth': config.maxThreadDepth
};
var provider = {
'id': config.postId,
'data': items,
'loadNext': paginator,
'hasMore': hasMore,
'getMeta': getMeta,
'onReply': onReply,
'rendered': true,
'initComment': targetComment,
'initReplyThread': startThread,
'config': configJso,
'messages': msgs
};

var render = function() {


if (window.goog && window.goog.comments) {
var holder = document.getElementById('comment-holder');
window.goog.comments.render(holder, provider);
}
};

// render now, or queue to render when library loads:


if (window.goog && window.goog.comments) {
render();
} else {
window.goog = window.goog || {};
window.goog.comments = window.goog.comments || {};
window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
window.goog.comments.loadQueue.push(render);
}
})();
// ]]>
</script>
</b:includable>
<b:includable id='threaded_comments' var='post'>
<b:include name='threaded_comment_css'/>
<div class='comments' id='comments'>
<h4>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>
<div class='comments-content'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='threaded_comment_js'/>
</b:if>
<div id='comment-holder'>
<data:post.commentHtml/>
</div>
</div>

<p class='comment-footer'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='threaded-comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
</p>

<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions'
name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>

<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
</b:widget>
</b:section>
<script type='text/javascript'>
var postperpage=6;
var numshowpage=6;
var upPageWord =&#39;&#171; Previous &#39;;
var downPageWord =&#39;Next &#187;&#39;;
var urlactivepage=location.href;
var home_page=&quot;/&quot;;
</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>

<aside id='sidebar-wrapper' itemscope='' itemtype='http://schema.org/WPSideBar'>


<div class='sidebar1-wrapper'>
<b:section class='sidebar1' id='sidebar1' preferred='yes'>
<b:widget id='HTML6' locked='false' title='' type='HTML' visible='true'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</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 != &quot;&quot;'>
<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 == &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.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
<b:else/>
<b:if cond='data:showSnippets == &quot;false&quot;'>
<!-- (3) Show only thumbnails -->
<div class='item-thumbnail-only'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' 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 != &quot;&quot;'>
<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 != &quot;&quot;'>
<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:if cond='data:blog.pageType != &quot;static_page&quot;'>


<b:if cond='data:blog.pageType != &quot;item&quot;'>
<footer id='footer-wrapper' itemscope='' itemtype='http://schema.org/WPFooter'>
<div class='content-wrapper'>
<b:section class='footer' id='footer1' preferred='yes'>
<b:widget id='HTML1' locked='false' title='Test Footer' type='HTML'
visible='true'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<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='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 != &quot;&quot;'>
<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 != &quot;&quot;'>
<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 &#169; 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=&quot;sidebar&quot;;
</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(&#39;script&#39;); po.type =
&#39;text/javascript&#39;; po.async = true;
po.src = &#39;https://apis.google.com/js/plusone.js&#39;;
var s = document.getElementsByTagName(&#39;script&#39;)[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(&#39;here&#39;);
if (e){
//e.preventDefault();
var target = jQuery(this).attr(&quot;href&quot;).replace(&#39;/&#39;,
&#39;&#39;);
}else{
var target = location.hash;
}

jQuery(&#39;html,body&#39;).animate(
{
scrollTop: (jQuery(target).offset().top) - 80
},4000,function()
{
//location.hash = target;
});
}
jQuery(document).ready(function($)
{
$(document).on(&#39;click&#39;, &#39;a[href*=#]&#39;, jump);
if (location.hash){
setTimeout(function(){
$(&#39;html, body&#39;).scrollTop(0).show();
jump();
}, 0);
}else{
$(&#39;html, body&#39;).show();
}
});
</script>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
$(function() { $(window).scroll(function() { if($(this).scrollTop()&gt;100) { $
(&#39;#BounceToTop&#39;).fadeIn(); } else { $
(&#39;#BounceToTop&#39;).fadeOut(); } });
$(&#39;#BounceToTop&#39;).click(function() { $
(&#39;body,html&#39;).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>

&lt;!--</body>--&gt;&lt;/body&gt;
</HTML>

You might also like