0% found this document useful (0 votes)
313 views41 pages

Simini Versi 2

This document contains the HTML code for a blog template. It includes metadata tags for SEO optimization, Open Graph tags for social sharing, and CSS styling code. The template provides the basic structure and styling for a blog, including sections for the header, main content area, sidebar, menus and search functionality.
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
313 views41 pages

Simini Versi 2

This document contains the HTML code for a blog template. It includes metadata tags for SEO optimization, Open Graph tags for social sharing, and CSS styling code. The template provides the basic structure and styling for a blog, including sections for the header, main content area, sidebar, menus and search functionality.
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 41

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

>
<!DOCTYPE html>
<HTML expr:class='data:blog.languageDirection + &quot; no-js rwd &quot; + data:b
log.pageType' expr:dir='data:blog.languageDirection'>
<head>
<meta charset='utf-8'/>
<meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-sc
ale=1.0' name='viewport'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<link expr:href='data:blog.homepageUrl + &quot;favicon.ico&quot;' rel='icon' typ
e='image/x-icon'/>
<link expr:href='data:blog.url' rel='canonical'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' expr:t
itle='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/a
tom+xml'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default?alt=rss&quot;
' expr:title='data:blog.title + &quot; - RSS&quot;' rel='alternate' type='applic
ation/rss+xml'/>
<link expr:href='&quot;//www.blogger.com/feeds/&quot; + data:blog.blogId + &quot
;/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='a
lternate' type='application/atom+xml'/>
<link href='//www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
<link href='//openid.stackexchange.com/openid/provider' rel='openid2.provider'/>
<link href='//openid.stackexchange.com/user/XXX' rel='openid2.local_id'/>
<meta content='XXX' name='google-site-verification'/>
<meta content='XXX' name='msvalidate.01'/>
<meta content='XXX' name='alexaVerifyID'/>
<meta content='XXX' name='p:domain_verify'/>
<meta content='XXX' name='yandex-verification'/>
<link href='//plus.google.com/XXX/posts' rel='publisher'/>
<link href='//plus.google.com/XXX/about' rel='author'/>
<link href='//plus.google.com/XXX' rel='me'/>
<!-- SEO Title Tag -->
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<title>Archive For <data:blog.pageName/></title>
<meta content='noindex,nofollow,noarchive' name='robots'/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<title>Page Not Found - Aduh ya ampun, artikel itu udah hilang</title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>
</b:if>
</b:if>
<!-- SEO Meta Tag -->
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<meta expr:content='data:blog.pageTitle' name='keywords'/>
<meta content='Deskripsi blog anda disini, hanya akan tampil di homepage saja'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageName' name='keywords'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' name='description'/>
</b:if>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>

<meta expr:content='data:blog.pageName' name='keywords'/>


<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' name='description'/>
</b:if>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<b:if cond='data:blog.searchLabel'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.isMobile'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<meta content='all' name='audience'/>
<meta content='Nama Author' name='author'/>
<meta content='blogger' name='generator'/>
<meta content='translate' name='google'/>
<meta content='general' name='rating'/>
<meta content='id' name='geo.country'/>
<meta content='Indonesia' name='geo.placename'/>
<!-- SEO Meta Tag end -->
<script type='application/ld+json'>
{&quot;@context&quot;: &quot;http://schema.org&quot;,&quot;@type&quot;: &quot;We
bSite&quot;,&quot;url&quot;: &quot;<data:blog.homepageUrl/>&quot;,&quot;potentia
lAction&quot;: {&quot;@type&quot;: &quot;SearchAction&quot;,&quot;target&quot;:
&quot;<data:blog.homepageUrl/>?q={search_term}&quot;,&quot;query-input&quot;: &q
uot;required name=search_term&quot;}}
</script>
<!-- Facebook and Twitter Open Graph -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta content='ID Group Facebook' property='fb:app_id'/>
<meta content='ID Facebook Admin' property='fb:admins'/>
<b:if cond='data:blog.url'>
<meta expr:content='data:blog.url' property='og:url'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.pageName'>
<meta expr:content='data:blog.pageName' property='og:title'/>
</b:if>
<meta content='website' property='og:type'/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
</b:if>
<meta expr:content='data:blog.title' name='twitter:site'/>
<meta content='summary_large_image' name='twitter:card'/>
<meta content='@alfrangki' name='twitter:creator'/>
<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>
<link href='https://fonts.googleapis.com/css?family=Roboto+Slab:400,700' rel='st
ylesheet' type='text/css'/>
&lt;style type=&quot;text/css&quot;&gt;
&lt;!-- /*<b:skin><![CDATA[/*

Name
: Jumper Template
Designer : Bung Frangki
Blog
: www.bungfrangki.com
Diclaimer : Harap untuk tidak menghapus credit link pada template ini. Hargai
karya orang lain, agar anda juga akan dihargai.
*/
#header-left {float:left;width:100%}#wrapper {width:970px;margin:0 auto;padding:
0}#main-wrapper {width:650px;float:left}#sidebar-wrapper {float:right;width:300p
x}ul,ol{list-style:none}
]]></b:skin>
<style type='text/css'>
body{font-family:&#39;Arial&#39;, sans-serif;font-size: 14px;color: #555;line-he
ight:1.6em;margin: 0;text-decoration:none;background: #64707a}
a,a:link,a:visited,a:active {color:#3b7dc1;text-decoration:none;}a:hover{color:#
ff3840}
.left{float:left}.right{float:right}.clear{clear:both}
/* Header wrapper */
#wrapper {background:#fff;position:relative;width:100%;max-width:758px;overflow:
hidden;margin:0 auto;padding:0}
#header-wrapper{margin:0 15px 15px;padding:0;word-wrap: break-word;position:rela
tive}
#header-left{padding:0; margin:20px auto 25px; width:100%;position:relative;}
#header h1,#header h2{font-family: &#39;Roboto Slab&#39;, serif;color:#3b7dc1 !i
mportant;margin:auto;text-align:center;padding:7px 0 5px;font-size:220% !importa
nt;line-height:1.2em;font-weight:bold}
#header h1 a,#header h1 a:hover,#header h2 a,#header h2 a:hover {color:#3b7dc1 }
#header .description{margin:auto;text-align:center;color:#64707a;font-weight:nor
mal;letter-spacing:1px;font-size:14px;padding-bottom:10px}
#ads-wrapper{margin:15px auto 0;padding:0;width:auto;max-width:100%;height:auto;
text-align:center;list-style:none}#ads-wrapper img{max-width:100%;height:auto;te
xt-align:center}
/* Logo Menu Search */
.menu-wrapper{margin:0 auto;text-align:center;padding:0}
.page-menu{background:#3b7dc1;text-align:center;width:auto;padding:0;margin:0;fo
nt-size:100%;font-weight:400}
.page-menu ul{margin:0 auto;padding:0}
.page-menu ul li{list-style:none;display:inline-block;transition:all 400ms easein-out;position:relative}
.page-menu ul li a:hover{background:#4ac4ff}
.page-menu ul li a{color:#fff ;padding:14px 15px;display:inline-block;text-decor
ation:none}
.page-menu ul li a img{vertical-align:middle!important;}
.page-menu ul ul {display:none;list-style:none;position:absolute;top:100%;width:
190px;z-index:9999;overflow:hidden}
.page-menu ul li:hover ul {display:block;}
.page-menu ul ul li a {background:rgba(59,125,193,.6);color:#fff !important;floa
t:none;display:inline-block;padding:8px 15px;text-align:left;width:190px}
.page-menu ul ul li a:hover {color:#fff !important;background:#4ac4ff}
.search-wrapper{width:100%;height:30px;padding:0;margin:auto;position:relative}
#search-form,#searchform,.search-button{border:none;line-height:30px}
#searchform{position:relative;border:1px solid #ddd;z-index:5;overflow:hidden}
#searchform:hover,#search-form:focus{border-color: #3b7dc1;z-index:5;overflow:hi
dden}
#search-form{color:gray;width:100%;padding:0 10px 0 10px;height:30px;line-height
:30px;font-size:14px;margin:0;-moz-box-sizing:border-box;-webkit-box-sizing:bord
er-box;box-sizing:border-box}
.search-button{background: url(&quot;http://2.bp.blogspot.com/-9EcZ8CifnlA/VjxHU
EdMxJI/AAAAAAAAGGo/7k5lJoQbm7Q/s1600/ico_search.png&quot;) no-repeat scroll 0% 0
%;width: 27px;height: 26px;overflow:hidden;float: right;top:2px;right:1px;positi
on:absolute;z-index:0}

#search-form:hover,.search-button:hover{border:none;border-color: #3b7dc1;outlin
e:0;color:#555}
/* Main wrapper */
#main-wrapper {width:100%;max-width:76.5%;float: left;padding: 0;margin:0 auto;w
ord-wrap: break-word;overflow: hidden;}
/* Reset post */
.post-body {margin:0 15px;line-height: 1.5em;padding:0}.post h1 a,.post h1 a:hov
er {color:#3b7dc1}
.mobile h1,.mobile h2 {margin:0 15px 10px !important}.updated{text-decoration:no
ne !important}
/* bullet dan nummber */
.post-body ul {margin: 5px 0 5px 10px;padding: 0 0 0 15px;list-style-type: inher
it;}
.post-body ol {margin: 5px 0 5px 10px;padding: 0 0 0 15px;list-style-type: decim
al;}
.resource{padding:0;color: #66798a;font: normal normal 11px/normal Tahoma,Verdan
a,Arial,Sans-Serif;width:auto}
/* Sidebar wrapper */
#sidebar-wrapper {max-width: 160px;float: right;word-wrap: break-word;overflow:
hidden;margin-right:15px;list-style:none}
#sidebar-wrapper h2, #sidebar-wrapper h3, #sidebar-wrapper h4 {font-family: &#39
;Roboto Slab&#39;, serif;letter-spacing:1px;font-size:17px !important;font-weigh
t:bold;position:relative;padding:0 0 10px;margin:0;color:#3b7dc1;text-align:cent
er;border-bottom:1px solid #ebeeef}
#sidebar1 .widget-content,#sidebar2 .widget-content,#sidebar3 .widget-content,#s
idebar4 .widget-content{margin:0 auto 15px;padding:0}#sidebar1{margin:0 auto;pad
ding:0;text-align:center}
#ContactForm1{display:none}
/* CSS url sidebar */
#sidebar-wrapper ul {list-style:none;margin:0;padding:0;font-size:12px;color:#99
9;line-height:1.5em}
#sidebar-wrapper ul li{list-style:none;margin:0;padding:7px 0;border-bottom:1px
solid #ebeeef}
#sidebar-wrapper ul li img{float:left;margin-right:7px;display:block}
#sidebar-wrapper ul li a{list-style:none;margin:0;padding:0;color:#3b7dc1;font-w
eight:bold;font-size:13px !important;line-height:1.4em !important}
#sidebar-wrapper ul li a:hover{color:#1daced !important}
#
/* CSS label */
.widget-content.cloud-label-widget-content {display:inline-block;width:100%;}
.widget-content.list-label-widget-content {padding:0;}
.widget-content.cloud-label-widget-content {display:inline-block;}
.label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5 {font-size
:100%;opacity:1}
.cloud-label-widget-content{text-align:left;padding:10px;}
.label-count {white-space:nowrap;display:inline-block;}
#sidebar-wrapper .Label ul {list-style:none !important;margin:15px 0 0;padding:0
;width:100%}
#sidebar-wrapper .Label li{position:relative;background:#f5f5f5;color:#444;paddi
ng:0;margin:0;text-align:left;max-width:100%;font-size:90%;transition:all .3s ea
se-out;border:none !important}
#sidebar-wrapper .Label li:nth-child(even) {background-color:#fff;}
#sidebar-wrapper .Label li:hover {background:#fff;color:#cf4d35;}
#sidebar-wrapper .Label li:before {content:&quot;&quot;;position:absolute;width:
0;height:100%;background:#3b7dc1;transition:all .2s ease-in-out;}
#sidebar-wrapper .Label li:hover:before {width:100%;}
#sidebar-wrapper .Label li a{padding:0 0 0 10px;border-left:5px solid #3b7dc1;di
splay:block;position:relative;line-height:42px !important;color:#787878;text-dec
oration:none;transition:all .3s ease-out;font-weight:normal !important}
#sidebar-wrapper .Label li a:hover {color:#fff !important}

#sidebar-wrapper .Label li span{float:right;height:42px;line-height:42px !import


ant;width:42px;text-align:center;display:inline-block;background:#3b7dc1;color:#
FFF;position:absolute;top:0;right:0;z-index:2}
#sidebar-wrapper .Label li:nth-child(even) &gt; span {background:#4886ca}
#sidebar-wrapper .label-size{position:relative;display:block;float:left;margin:0
4px 4px 0;font-size:13px;transition:all 0.3s;}
#sidebar-wrapper .label-size a{background:#fff;background-image:linear-gradient(
to bottom,rgba(255,255,255,1)0,rgba(250,250,250,1)70%,rgba(246,246,246,1)99%,rgb
a(246,246,246,1)100%);display:inline-block;color:#444;padding:5px 8px;font-weigh
t:normal !important;border:1px solid #e3e3e3;background-repeat:repeat-y;backgrou
nd-size:100% 90px;background-position:0 -30px;transition:all .3s}
#sidebar-wrapper .label-count{opacity:0;visibility:hidden;font-size:85%;display:
inline-block;position:absolute;top:-10px;right:-10px;background:#4fafe9;color:#f
ff;white-space:nowrap;padding:0;width:22px;height:22px;line-height:22px;border-r
adius:100%;text-align:center;z-index:1;transition:all .3s}
#sidebar-wrapper .label-size:hover .label-count{opacity:1;visibility:visible;top
:-5px}
#sidebar-wrapper .label-size a:hover{color:#444;background-image:linear-gradient
(to bottom,rgba(255,255,255,1)0,rgba(250,250,250,1)18%,rgba(255,255,255,1)99%,rg
ba(255,255,255,1)100%);background-position:0 0}
/* Css Breadcrumbs */
.breadcrumbs {font-size:100%;overflow:hidden;padding:5px 0;margin:0 15px;positio
n:relative;border-bottom:1px solid #ebeeef;border-top:1px solid #ebeeef;color:#c
cc;margin:0 15px 15px;text-overflow: ellipsis;white-space: nowrap;overflow:hidde
n;display:block}.breadcrumbs a {color:#ddd;font-size:13px;font-weight:normal;}.b
readcrumbs span a {color:#768187;padding:0;}.breadcrumbs &gt; span:last-child {w
idth:0;color:#ccc;font-size:13px;font-weight:300}.breadcrumbs span a:hover {colo
r:#333;}.breadcrumbs a:hover {color:#333;}
/* more css */
.separator{float:none;max-width:100%; height: auto; width: auto; padding:0;margi
n:20px auto 10px;text-align:center !important;overflow:hidden}table img, .separa
tor img, .separator a img{max-width:100% !important; height: auto;width:auto !im
portant;margin:0; padding:0;text-align:center !important;}
/* Post label */
.post-label{margin:auto;position:relative;width:100%;display:block}
.post-label a{padding:0 5px;letter-spacing:1px;overflow:hidden;display:inline-bl
ock;list-style:none;color:#fff;font-size:11px;transition:all .3s ease-in-out;mar
gin:auto;margin-right:5px;font-weight:normal;text-align:center;min-width:70px}
.post-label a:hover{opacity:.7}
.post-label a:nth-child(1){background:#00dba3}
.post-label a:nth-child(2){background:#ab94d6}
.post-label a:nth-child(3){background:#ff5349}
.post-label a:nth-child(4),.post-label a:nth-child(5),.post-label a:nth-child(6)
,.post-label a:nth-child(7),.post-label a:nth-child(8),.post-label a:nth-child(9
),.post-label a:nth-child(10),.post-label a:nth-child(11){display:none}
/* Komentar */
#comments{margin:30px 15px 0}
#comments h3 {letter-spacing:1px;font-size:20px !important;font-weight:bold;posi
tion:relative;padding:0 0 10px;margin:0 0 15px;color:#3b7dc1;border-bottom:1px s
olid #ebeeef}
.comment_avatar_wrap{width:42px;height:42px;border: 1px solid #C4C4C4;border-top
-color: #E4E4E4;border-left-color: #E4E4E4;background:#fcfcfc;padding:4px;border
-radius: 2px;text-align:center;margin-bottom:20px;}
#comments .avatar-image-container {float: left;margin: 0 10px 0 0;width: 42px;he
ight: 42px;max-width:42px;max-height:42px;padding: 0;margin-bottom:10px;}
#comments .avatar-image-container img {width: 42px;height: 42px;max-width: 42px;
max-height: 42px;background:url(http://2.bp.blogspot.com/-fjaZBtfvzac/UN1mw2tUam
I/AAAAAAAADkc/XdKqt8hWZ6w/s1600/anon.jpg) no-repeat;}
.comment_name a {font-weight: bold;padding: 5px 0 0 0;font-size: 13px;text-decor
ation: none;}

.comment_admin .comment_name {font-weight: bold;padding: 10px;font-size: 13px;t


ext-decoration: none;background:#eee;}
.comment_admin .comment_date {font-weight: normal;font-size:11px;}
.comment_name {background:#eee;padding:10px;font-size:13px;font-weight:bold;posi
tion:relative;}
.comment_service{margin-top:5px}
.comment_date {color: #a9a9a9;float:right;font-size:11px;font-weight:normal;marg
in-top:-3px;}
.comment_date a{color: #a9a9a9;float:right;font-size:11px;font-weight:normal;}
.comment_date a:hover{color: #a9a9a9;text-decoration:none;}
.comment_body{margin-left:66px;margin-top: -72px;background:#fcfcfc;border:1px s
olid #ddd;padding:10px;border-radius: 2px;}
.comment_body p {line-height: 1.5em;margin: 5px 0 0 0;color: #666;border:1px sol
id #eee;font-size: 13px;word-wrap:break-word;background:#fff;padding:10px;}
.comment_inner {padding-bottom: 5px;margin: 5px 0 5px 0;}
.comment_child .comment_wrap {padding-left: 7%;}
.comment_reply {display: inline-block;margin-top:8px;margin-left:-5px;padding: 1
px 12px;color: #fff !important;text-align: center;text-decoration: none;border-r
adius: 2px;background: #bababa;font: 11px/18px sans-serif;transition: background
-color 1s ease-out 0s;}
.comment_reply:hover {text-decoration: none !important;;background: #3b7dc1;}
.unneeded-paging-control {display: none;}
.comment-form {max-width: 100%;!important;}
#comment-editor {width:100%!important;background:transparent url(&#39;data:image
/gif;base64,R0lGODlhKwALAPAAAKrD2AAAACH5BAEKAAEAIf4VTWFkZSBieSBBamF4TG9hZC5pbmZv
ACH/C05FVFNDQVBFMi4wAwEAAAAsAAAAACsACwAAAjIMjhjLltnYg/PFChveVvPLheA2hlhZoWYnfd6a
vqcMZy1J14fKLvrEs/k+uCAgMkwVAAAh+QQBCgACACwAAAAAKwALAIFPg6+qw9gAAAAAAAACPRSOKMsS
D2FjsZqEwax885hh3veMZJiYn8qhSkNKcBy4B2vNsa3pJA6yAWUUGm9Y8n2Oyk7T4posYlLHrwAAIfkE
AQoAAgAsAAAAACsACwCBT4OvqsPYAAAAAAAAAj1UjijLAg9hY6maalvcb+IPBhO3eeF5jKTUoKi6AqYL
wutMYzaJ58nO6flSmpisNcwwjEfK6fKZLGJSqK4AACH5BAEKAAIALAAAAAArAAsAgU+Dr6rD2AAAAAAA
AAJAVI4oy5bZGJiUugcbfrH6uWVMqDSfRx5RGnQnxa6p+wKxNpu1nY/9suORZENd7eYrSnbIRVMQvGAi
zhAV+hIUAAA7&#39;) no-repeat 50% 30%;border:1px solid #eee}
.comment_form a {text-decoration: none;text-transform: uppercase;font-size: 15px
;}
.comment-form p {background: #3f4140;padding:15px 15px 11px;margin: 5px 0 15px;c
olor: #eee;font-size: 13px;line-height:1.3em;border-radius:3px;position:relative
;max-width:100%}
.comment-form p:after {content:&quot;&quot;;width:0;height:0;position:absolute;t
op:100%;left:20px;border-width:8px;border-style:solid;border-color:#3f4140 trans
parent transparent #3f4140;display:block;}
.comment_reply_form {padding: 0 0 0 70px;}
.comment_reply_form .comment-form {width: 99%;}
.comment_emo_list .item{text-align:center;height:40px;width:41px;margin:10px aut
o;display:inline-block}
.comment_emo_list span {display: block;font-weight: bold;font-size: 11px;letterspacing: 1px;}
img.comment_emo {width:16px;height:16px;}
.comment_youtube {max-width:100%!important;width:400px;height:225px;display:bloc
k;margin:auto}
.comment_img {max-width:100%!important;}
.deleted-comment {padding: 10px 10px 10px 10px;display: block;color: #CCC;}
.comment_arrow {display: block;width: 9px;height: 18px;background: url(http://3.
bp.blogspot.com/-NONrBLhghFk/To0nNB1LmkI/AAAAAAAAAI4/CAuzDfYiCiU/s1600/comment-a
rrow.gif) no-repeat;position: absolute;margin-left: -19px;}
.comment_header{width:50px}
#respond {overflow: hidden;padding-left: 10px;clear: both;}
.comment_avatar img{width:42px;height:42px;background:url(http://2.bp.blogspot.c
om/-fjaZBtfvzac/UN1mw2tUamI/AAAAAAAADkc/XdKqt8hWZ6w/s1600/anon.jpg) no-repeat}
.comment-delete img{float:right;margin-left:15px;margin-top:3px;margin-right:10p
x}

.comment_author_flag {display:none}
.comment_admin .comment_author_flag {display:inline;background:url(http://2.bp.b
logspot.com/-Mi6u50eXV9A/Vjpf4wvzOQI/AAAAAAAAGGY/ijri3A8-Jgs/s1600/author1.png)n
o-repeat;font-size:13px;font-weight:normal;padding:2px 6px;right:-23px;margin-to
p:-21px;color:#fff;border-radius:4px;text-transform:uppercase;position:absolute;
width:36px;height:36px;}
iframe{border:none;overflow:hidden}
.small-button1 a {font-size:12px;cursor:pointer;font-weight:400;margin:17px 5px
5px 0;text-decoration:none;text-transform:none;text-decoration:none !important;d
isplay:inline-block;color:#fff;padding:4px 14px;cursor:pointer;border-radius:2px
;background-color:#109f5b;transition: all 0.3s ease-out;}
.small-button1:hover a{background-color:#ea5745;color:#fff;display:inline-block;
text-decoration:none !important}
span.small-button1 {text-align:left;display:inline-block;}
#emo-box,#hide-emo {display:none;}
/* footer-wrapper */
#footer-wrapper {margin:0 auto;padding:0;width:100%;text-align:center;color:#faf
afa;font-size:12px}
#footer-wrapper a{color:#fff;list-style:none}#footer-wrapper a:hover{color:#4ac4
ff}
#menu{margin:0 auto;padding:5px 15px 8px;position:relative;background:#ebeeef}#m
enu ul{margin:0 auto;padding:0;text-align:center;margin:0 auto}#menu ul li{displ
ay:inline-block;margin:12px 0 5px}#menu ul li a{display:block;color:#555;padding
:0 7px;font-size:14px}#menu ul li a:hover{color:#4588f3}
#credit-wrapper{background:#3b7dc1;margin:auto;padding:25px 15px;color:#fff}
/* Nextprev css */
#blog-pager{text-align:center;padding:0;margin:0 15px}#blog-pager .home-link {di
splay:none}#blog-pager a{display: block;border: 1px solid #3b7dc1;margin: 15px 0
20px;padding: 4px 12px;line-height: 25px;color: #3b7dc1;font-weight:400;z-index
:999}#blog-pager a:hover {text-decoration: none;color: #fff;background-color:#3b
7dc1}#blog-pager a.blog-pager-older-link {padding: 4px 12px;} #blog-pager a.blog
-pager-older-link {float:right !important}#blog-pager a.blog-pager-newer-link{fl
oat:left !important}
.feed-links { clear: both;display:none;}
/* Status msg if click label */
.status-msg-body{padding:10px 0 ; display:none}
.status-msg-wrap{display:none; font-size:14px; margin-left:1px; width:100%; col
or:#666; }
.status-msg-wrap a{color:orange !important; }
.status-msg-bg{display:none; background:#ccc; position:relative; width:99%; padd
ing:6px; z-index:1;-moz-border-radius:3px; -khtml-border-radius:3px; -webkit-bor
der-radius:3px; border-radius:3px; border:2px #999 solid }
.status-msg-border{display:none; border:0; position:relative; width:99%}
/* Responsive */
@media screen and (max-width:736px){
#main-wrapper {max-width:75%}
}
@media screen and (max-width:667px){
#main-wrapper {max-width:73%}
}
@media screen and (max-width:600px){
#wrapper{width:100%}
#sidebar-wrapper{width:100%;max-width:300px;margin:auto;float:none}
#main-wrapper{max-width:100%}#sidebar1 .widget-content{text-align:center !import
ant}
#header h1 {font-size:185% !important}
#menu ul{padding-bottom:8px}#menu ul li{margin:5px 0 0}
.page-menu{width:100%;max-width:100%;margin:0}
.page-menu ul {line-height:3em}
.page-menu ul li{width:33.3%;float:left}

.page-menu ul li:first-child{width:100%;float:none;}
.page-menu ul li a{margin:0 auto;padding:0 15px}
.page-menu ul ul li a {padding:0 15px}
.page-menu ul li:hover ul{border-top:3px solid #4ac4ff}
#related-post,.related-post{display:none}
}
@media screen and (max-width:480px){
.page-menu ul{line-height:2em}
#header h1 {font-size:170% !important}
}
@media screen and (max-width:414px){
#sidebar2,#sidebar3,#sidebar4,#sidebar5{padding:0 15px}
.post-label{text-align:center !important}
}
@media screen and (max-width:320px){
.post h1 {font-size:140% !important}}
}
@media screen and (max-width:240px){
.page-menu ul li{width:50% !important}
#header h1 {font-size:120%}
}
</style>
<style HREF='foo.css' media='print, handheld' type='text/css'>
* { display: none; }
</style>
<b:if cond='data:blog.pageType != &quot;static_page&quot; and data:blog.pageType
!= &quot;item&quot;'>
<style type='text/css'>
.post{margin:0 15px 20px;padding:0 0 15px;position:relative;border-bottom:1px so
lid #ebeeef}
.post h2 {font-family: &#39;Roboto Slab&#39;, serif;margin:auto;padding:0 0 5px;
font-size:125%;letter-spacing:0.5px;margin:5px 0 0 }.post h2 a{color:#3b7dc1; te
xt-decoration:none;font-weight:bold !important;line-height:1.1em}.post h2 a:hove
r{color:#ff3840 !important}.post-body{padding:0;margin:0}.post-snippet{color:#99
9;line-height:1.4em;margin:0;font-size:13px;font-weight:normal}
.post-thumbnail{float:left;margin-right:15px;padding:0;width:210px;position:rela
tive}
.post-thumbnail img{width:100%;height:140px;margin:0;padding:0;border:1px solid
#eee;transition:all .3s ease-in-out;}
.post-thumbnail img:hover{opacity:.7;transition:all .3s ease-in-out}
/* Post info */
.post-info{margin:0 auto 10px;padding:0;letter-spacing:0.5px;color:#64707a !impo
rtant;text-align:left;overflow:hidden;font-size:11px !important;font-weight:norm
al !important;line-height:1.3em}.author a,.clock a,.comment a, .post-comment-lin
k a{font-weight:normal;color:#64707a !important;margin:0;}
@media screen and (max-width:414px){.post-thumbnail{height:auto;width:100%;margi
n:0 0 15px;float:none;text-align:center}.post-thumbnail img{width:100%;height:au
to !important}.post h2,.post-info,.post-snippet{text-align:center !important;}}
</style>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
.post-label{text-align:center !important}
/* post title */
.post h2{font-family: &#39;Roboto Slab&#39;, serif;color:#3b7dc1 !important;marg
in:auto;padding:0 15px 7px;font-size:130% !important;line-height:1.2em;font-weig
ht:bold;letter-spacing:0.5px}
.breadcrumbs &gt; span:last-child{color:#999 !important}
table {width:100%}.tr-caption{font-size:87% !important;color:#929292 !important;

font-style:italic !important;padding-bottom:12px !important}


/* Post info */
.post-info{display:block;position:relative;margin:auto;text-align:center;padding
:0;font-weight:normal;letter-spacing:1px;color:#64707a;overflow:hidden;font-size
:14px!important}.author,.author a,.clock a,.comment a, .post-comment-link a{text
-transform:capitalize;font-weight:normal !important;color:#64707a !important;mar
gin:0;border:none}.post-info a:hover{color:#3b7dc1 !important}
/* share this */
#share-this h4{position:relative;overflow:hidden;padding:0;margin:0;letter-spaci
ng:1px;font-size:140%;color:#333;font-weight:400;padding:4px 0;text-align:center
;transition:all 0.5s ease-out}#share-this h4:before,#share-this h4:after{positio
n:absolute;top:51%;overflow:hidden;width:50%;height:1px;content:&#39;\a0&#39;;ba
ckground-color:#ebeeef}#share-this h4:before{margin-left:-50%;text-align:right;}
#share-this h4 span{position:relative;display:inline-block;padding:4px 10px 5px;
margin:0 auto;}
#share-this{overflow:hidden;margin:0 15px 0;padding:0;text-align:center;line-hei
ght:1.4em}#share-this a{display:inline-block;color:#fff;padding:10px 14px;text-a
lign:center;margin:0 3px 3px;font-size:12px}#share-this a.this-fb{background:#39
5796;}#share-this a.this-tw{background:#4cb0ea;}#share-this a.this-gp{background
:#de3425}#share-this a.this-fb:hover,#share-this a.this-tw:hover,#share-this a.t
his-gp:hover {opacity:.9}#share-this i {margin-right:12px}
.this-fb i,.this-tw i,.this-gp i{background: url(&#39;data:image/png;base64,iVBO
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
Av8/AGXVKng/71fJAAAAAElFTkSuQmCC&#39;); no-repeat;width:22px; height:18px; displ
ay:inline-block;vertical-align:text-top;margin-top:-6px;text-align:center}.gp-de
l{display:none}
.this-fb i{background-position:0 -100px;margin-top:-4px}.this-tw i{background-po
sition:0 -150px}.this-gp i{background-position:0 -200px}.notpay {font-size:13px;
line-height: 22px;border:2px #df3f2a solid;padding:3px 15px;text-align:center;ma
rgin:0 0 25px;}.pay {font-size:13px;line-height: 22px;border:2px #5973b0 solid;p
adding:3px 15px;text-align:center;margin:0 0 25px;}
/* Tag heading */
.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6{font-famil
y: &#39;Roboto Slab&#39;, serif;position:relative;font-size:19px;line-height:1.4
em;margin:9px 0 15px;font-weight:bold !important;color:#3b7dc1;display:block;pad
ding:0 !important;letter-spacing:1px !important}
.post-body h3{font-size:17px}.post-body h4{font-size:16px}.post-body h5{font-siz
e:15px}.post-body h6{font-size:14px}
/* blockquote */
.post blockquote {line-height:1.6em !important;position:relative;width:auto;padd
ing:1.7em 1.5em;margin:20px auto;background:#f5f8fa;border:1px solid #a0d3fb;ove
rflow:auto;color:#666;font-family:Georgia,serif;font-size:14px;border-radius:3px
}
/* Iklan punya */
.adspost1{padding:0;width:auto;text-align:center;height:auto;margin:0 auto;displ
ay:block}.adspost2{margin:15px;display:block;text-align:center;width:auto}.adsta
utan{margin-left:20px;margin-right:5px;float:left;display:block;}.adsimple img{w
idth:100%;max-width:auto;height:auto;padding:0}.adsimple{width:100%;max-width:au
to;height:auto;padding:15px 0 0;overflow:hidden;text-align:center;}
/* css related posts */
.related-post h4{letter-spacing:1px;font-size:20px !important;font-weight:bold;p
osition:relative;padding:0 0 10px;margin:0 0 15px;color:#3b7dc1;border-bottom:1p
x solid #ebeeef}
.related-post{margin:30px 15px;font-weight:normal;color:#888;font-size:12px;line
-height:1.2em;}
.related-post-style-2 {margin:0 !important;padding:0 !important;list-style:none;
}
.related-post-style-2 li {margin:0;padding:0;}
.related-post-style-2 li {padding:5px 0 !important;border-bottom:1px solid #ebee
ef;overflow:hidden;}
.related-post-style-2 .related-post-item-thumbnail {float:left;display:block;mar
gin-right:10px;border:5px solid #f5f5f5;width:100px;height:72px}
.related-post-style-2 .related-post-item-title {color: #3b7dc1; font-weight:bold

!important;font-size:16px;margin:0 0 15px;line-height:1.4em;}
.related-post-style-2 .related-post-item-summary {display:block;overflow:hidden;
font-size:12px;color:#999;line-height:1.5em}
.related-post-style-2 li:hover a, .related-post-style-2 li a:hover{color:#1daced
!important}
.related-post-style-2 .related-post-item-more {}
/* For Subscribers */
#subscribe-css{background:#f5f5f5 url(http://1.bp.blogspot.com/-Rdcn8tqIJnU/Vkx6
6dN5FpI/AAAAAAAAGJg/_IPXzbZmM7I/s1600/line-2-color.png) repeat-x top ;margin:30
px 15px 0;padding:0;position:relative}
.subscribe-wrapper:before{content:&quot; Gunakan email anda untuk update setiap
artikel terbaru dari blog ini &quot;;font-weight:400;display:table;margin:auto;c
olor:#555}
.subscribe-wrapper{position:relative;margin:0 auto;padding:30px 20px 35px;text-a
lign:center}
.subscribe-form{clear:both;display:block;margin:15px 0 0;overflow:hidden;positio
n:relative;text-align:center}form.subscribe-form{clear:both;display:block;margin
:0;width:auto;overflow:hidden;}.subscribe-css-email-field{background:#eeffff url
(http://1.bp.blogspot.com/-JMYdQsIa9WQ/UDZqxqqrTEI/AAAAAAAAFho/AocEv70U8K8/s1600
/sprites.png) no-repeat 1px -23px;margin:0;border:none;position:relative;line-he
ight:45px;height:45px;width:100%;text-align:center}.subscribe-css-email-button{w
idth:100%;background:#3b7dc1;color:#fff;cursor:pointer;font-weight:400;line-heig
ht:45px;text-transform:none;padding:0 8px;float:right;transition: background-col
or 1s ease-out 0s;font-size:16px;border:none;margin:10px auto;text-align:center}
.subscribe-css-email-button:hover{transition:all .3s ease-in;background:#725998;
border:none}
@media screen and (max-width:414px){.post h1{font-size:180% !important}.gp-del{d
isplay:block}#share-this a{min-width:100%;padding:0;text-align:center !important
;height:45px;line-height:45px;margin:0 auto 3px !important}#share-this a.this-gp
i, #share-this i{display:none}#share-this a.this-gp{height:auto;margin:0 auto;p
adding:0}.adspost2{margin:0 15px 15px}}
</style>
</b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<style type='text/css'>
/* Reset CSS */
#main-wrapper{min-height:500px;width:100%;max-width:100%}
#sidebar-wrapper, .breadcrumbs{display:none}
.post h1{font-family: &#39;Roboto Slab&#39;, serif;color:#fff !important;margin:
30px auto 45px;text-align:center;padding:20px 15px;font-size:150% !important;lin
e-height:1.3em;font-weight:bold;letter-spacing:1px;display:block}
/* Ribbon */
div,.post-header-line-1{position:relative;z-index:1}
.ribbon{width:62%;position:relative;background:#3b7dc1}
.ribbon:after,.ribbon:before{content:&quot;&quot;;position:absolute;display:bloc
k;top:-1em;border:1.5em solid #296eb0;z-index:-1}
.ribbon:before{left:-2em;border-right-width:1.5em;border-left-color:transparent}
.ribbon:after{right:-2em;border-left-width:1.5em;border-right-color:transparent}
.ribbon .ribbon-content:after,.ribbon .ribbon-content:before{content:&quot;&quot
;;position:absolute;display:block;border-style:solid;border-color:transparent tr
ansparent #005b9b;top:-1em}
.ribbon .ribbon-content:before{left:0;border-width:0 0 1em 1em}
.ribbon .ribbon-content:after{right:0;border-width:0 1em 1em 0}
/* Post info */
.post-info{background:#3b7dc1;display:block;text-align:center;padding:0;font-wei
ght:normal;letter-spacing:1px;color:#fff;font-size:14px!important}.author,.autho
r a,.clock a,.comment a, .post-comment-link a{text-transform:capitalize;font-wei
ght:normal !important;color:#fff !important;margin:0;border:none}.post-info a:ho

ver{color:#4ac4ff !important}
.post-info{width:65%;position:relative;background:#3b7dc1;margin:20px auto 35px;
line-height:1.3em}
.post-info div{padding:25px 15px}
.post-info:after,.post-info:before{content:&quot;&quot;;position:absolute;displa
y:block;bottom:-1.3em;border:2.2em solid #296eb0;z-index:-2}
.post-info:before{left:-3em;border-right-width:2.2em;border-left-color:transpare
nt}
.post-info:after{right:-3em;border-left-width:2.2em;border-right-color:transpare
nt}
.post-info div:after,.post-info div:before{content:&quot;&quot;;position:absolut
e;display:block;border-style:solid;border-color:#005b9b transparent transparent;
bottom:-1.3em;z-index:-1}
.post-info div:before{left:0;border-width:1.4em 0 0 1.4em}
.post-info div:after{right:0;border-width:1.4em 1.4em 0 0}
/* Contact form */
#ContactForm1_contact-form-email,#ContactForm1_contact-form-name{width:70%;heigh
t:auto;margin:5px auto 15px;padding:10px;background:#ebebeb;border:1px solid #cc
c;color:#777;border-radius:3px;box-shadow:0 4px 0 0 #c7c5c7}
#ContactForm1_contact-form-email-message:focus,#ContactForm1_contact-form-email:
focus,#ContactForm1_contact-form-name:focus{background:#fffff7;outline:0}
#ContactForm1_contact-form-email-message{width:95%;height:170px;margin:5px auto;
padding:10px;background:#ebebeb;border:1px solid #ccc;color:#777;font-family:Ari
al,sans-serif;border-radius:3px;box-shadow:0 4px 0 0 #c7c5c7}
#ContactForm1_contact-form-submit{display:block;height:35px;float:left;color:#FF
F;padding:0 20px;margin:10px 0 5px;cursor:pointer;background-color:#f4836a;box-s
hadow:0 4px 0 0 #c75b45;border:1px solid #eb7d67;border-radius:3px;text-shadow:0
1px 0 #de5135}
#ContactForm1_contact-form-submit:hover{background-color:#f5785f}
#ContactForm1_contact-form-submit:active{position:relative;top:2px;box-shadow:0
2px 0 0 #c75b45}
#ContactForm1_contact-form-submit:focus{outline:0}
#ContactForm1_contact-form-error-message,#ContactForm1_contact-form-success-mess
age{width:100%;margin-top:15px;text-align:left}
@media screen and (max-width:768px){#ContactForm1_contact-form-email,#ContactFor
m1_contact-form-email-message,#ContactForm1_contact-form-name{width:96%}
}
@media screen and (max-width:480px){#ContactForm1_contact-form-email,#ContactFor
m1_contact-form-email-message,#ContactForm1_contact-form-name{width:94%}
}
</style>
</b:if>
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<style type='text/css'>
/* Error 404 */
#error-page {background-color:#e9e9e9;position:fixed !important;position:absolut
e;text-align:center;top:0;right:0;bottom:0;left:0;z-index:99999;}
#error-inner {margin:11% auto;}
#error-inner .box-404 {position:relative;font-weight:bold;width:220px;height:210
px;background:#cd0000;color:#fff;font-size:80px;line-height:200px;margin:0 auto
25px}
#error-inner .box-404::after {content:&quot;&quot;; width:0; height:0; positio
n:absolute; top:0; right:0; border-width:30px; border-style:solid; border-co
lor:#e9e9e9 #e9e9e9 transparent transparent; display:block;}
#error-inner .box-404::before {content:&quot;&quot;; width:0; height:0; positi
on:absolute; top:0; left:0; border-width:30px; border-style:solid; border-co
lor:#e9e9e9 transparent transparent #e9e9e9; display:block;}
#error-inner .box-404 div::after {content:&quot;&quot;; width:0; height:0; pos
ition:absolute; bottom:0; left:0; border-width:30px; border-style:solid; bor
der-color:transparent transparent #e9e9e9 #e9e9e9; display:block;}

#error-inner .box-404 div::before {content:&quot;&quot;; width:0; height:0; po


sition:absolute; bottom:0; right:0; border-width:30px; border-style:solid; b
order-color:transparent #e9e9e9 #e9e9e9 transparent; display:block;}
#error-inner h3 {text-transform:uppercase;color:#cd0000;font-size:50px;margin:0
auto 20px;font-family:monospace}
#error-inner h2 {text-transform:uppercase;color:#399edf;line-height:1.4em;}
#error-inner p {line-height:1.4em;font-size:15px;color:#999;padding:0 0 25px}
#error-inner a.error-button{border:1px solid #4588f3;color:#3b7dc1;border-radius
:3px;padding:15px 26px;text-align:center;margin:auto}
#error-inner a.error-button:hover{background:#3b7dc1;color:#fff}
</style>
</b:if>
</head>
<!-- <body><div></div> -->
<body expr:class='&quot;loading&quot; + data:blog.mobileClass'>
<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
<div>
<div id='wrapper'>
<div class='menu-wrapper' id='menu-wrapper'>
<nav class='page-menu' itemscope='itemscope' itemtype='http://schema.org/SiteNav
igationElement' role='navigation'>
<ul>
<li><a expr:title='data:blog.title' href='/' itemprop='url'><img alt='Home' e
xpr:title='data:blog.title' height='16' src='http://2.bp.blogspot.com/-eXDzvmiaY
cc/VktrFQnAsPI/AAAAAAAAGJQ/ECTgSNQKlzs/s1600/siminihome.png' width='18'/></a></l
i>
<li><a href='#' itemprop='url' title='Tutorial'><span itemprop='name'>Tutoria
l</span></a></li>
<li><a href='#' itemprop='url' title='Blogging'><span itemprop='name'>Bloggin
g</span></a></li>
<li><a href='#' itemprop='url' title='Kesehatan'><span itemprop='name'>Keseha
tan</span></a></li>
<li><a href='#' itemprop='url' title=''><span itemprop='name'>Dropdown</span>
</a>
<ul>
<li><a href='#' itemprop='url' title='Dropdown 1'><span itemprop='name'>Dropd
own 1</span></a></li>
<li><a href='#' itemprop='url' title='Dropdown 2'><span itemprop='name'>Dropd
own 2</span></a></li>
</ul>
</li>
<li><a href='/page-404.html' itemprop='url' title='Page 404'><span itemprop='
name'>Page 404</span></a></li>
<li><a href='/p/blog-page.html' itemprop='url' title='Static'><span itemprop=
'name'>Static</span></a></li>
</ul>
<div class='clear'/>
</nav>
<div class='clear'/>
</div>
<div id='header-wrapper'>
<div id='header-left'>
<header itemscope='itemscope' itemtype='http://schema.org/WPHeader'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='yes'>
<b:widget id='Header1' locked='false' title='Simini Versi 2 (Header)' type='
Header'>
<b:includable id='main'>
<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>

<!-Show image as background to text. You can't really calculate the width
reliably in JS because margins are not taken into account by any of
clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
width if the user is using shrink to fit.
This results in a margin-width's worth of pixels being cropped. If the
user is not using shrink to fit then we expand the header.
-->
<b:if cond='data:mobile'>
<div id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' itemprop='headline' style='background: transparent
; border-width: 0px'><b:if cond='data:blog.pageType != &quot;item&quot;'> <b:inc
lude name='title'/> <b:else/> <data:blog.pageName/> </b:if></h1>
</div>
<b:include name='description'/>
</div>
<b:else/>
<div expr:style='&quot;background-image: url(\&quot;&quot; + data:source
Url + &quot;\&quot;); &quot;
+ &quot;background-position: &
quot;
+ data:backgroundPositionStyleStr + &quot;; &quot;
+ data:widthStyleStr
+ &quot;min-height:
&quot; + data:height
+ &quot;_height: &quot; + data:height
+ &quot;background-repeat: no-repeat; &quot;' id='header-i
nner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' itemprop='headline' style='background: transparent
; border-width: 0px'><b:if cond='data:blog.pageType != &quot;item&quot;'> <b:inc
lude name='title'/> <b:else/> <data:blog.pageName/> </b:if></h1>
</div>
<b:include name='description'/>
</div>
</b:if>
<b:else/>
<!--Show the image only-->
<div id='header-inner'>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:wid
get.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='d
ata:width' style='display: block'/>
</a>
<!--Show the description-->
<b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
<b:include name='description'/>
</b:if>
</div>
</b:if>
<b:else/>
<!--No header image -->
<div id='header-inner'>
<div class='titlewrapper'>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<h1 class='title' itemprop='headline name'><a expr:href='data:blog.homep
ageUrl' expr:title='data:blog.title' itemprop='url'><data:title/></a></h1>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<h2 class='title' itemprop='headline name'><a expr:href='data:blog.homepageUrl'
expr:title='data:blog.title' itemprop='url'><data:title/></a></h2>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>

<h1 class='title' itemprop='headline description'><a expr:href='data:blo


g.url' expr:title='data:blog.pageName' itemprop='url'><data:blog.pageName/></a><
/h1>
<b:else/>
<data:title/>
</b:if>
</b:if>
</b:if>
</div>
<b:include name='description'/>
</div>
</b:if>
</b:includable>
<b:includable id='description'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div class='descriptionwrapper'>
<p class='description' itemprop='description'><span><data:description/></spa
n></p>
</div>
</b:if>
</b:includable>
<b:includable id='title' itemprop='name'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl' itemprop='url'><data:title/></a>
</b:if>
</b:includable>
</b:widget>
</b:section>
</header>
</div>
<div class='clear'/>
<div id='header-right'>
<div class='search-wrapper'>
<form action='/search/' id='searchform' method='get' name='search'>
<meta content='/search/?q={q}' itemprop='target'/>
<input id='search-form' itemprop='query-input' name='q' placeholder='Search here
and hit enter' required='' type='text' value=''/>
<span class='search-button'/>
</form>
</div>
<b:section class='ads-wrapper' id='ads-wrapper' maxwidgets='1' preferred='
yes'>
<b:widget id='HTML3' locked='false' title='Ads 728x90' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<div class='widget-content'>
<data:content/>
</div>
</b:includable>
</b:widget>
</b:section>
<div class='clear'/>
</div>
<div class='clear'/>
</div>
<div id='content-wrapper'>
<div itemscope='itemscope' itemtype='http://schema.org/Blog'>
<div id='main-wrapper'>

<b:section class='main' id='main' showaddelement='no'>


<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
<b:includable id='main' var='top'>
<b:include data='posts' name='breadcrumb'/>
<b:if cond='data:mobile == &quot;false&quot;'>
<!-- posts -->
<div class='blog-posts hfeed'>
<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.dateHeader'>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</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>
<div class='inline-ad'>
<data:adCode/>
</div>
<data:adStart/>
</b:if>
</b:loop>
<b:if cond='data:numPosts != 0'>
&lt;/div&gt;&lt;/div&gt;
</b:if>
<data:adEnd/>

</div>
<!-- navigation -->
<b:include name='nextprev'/>
<!-- feed links -->
<b:include name='feedLinks'/>
<b:if cond='data:top.showStars'>
<script src='//www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>
google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;:
&quot;<data:top.languageCode/>&quot;});
function initialize() {
google.annotations.setApplicationId(<data:top.blogspotReviews/>);
google.annotations.createAll();
google.annotations.fetch();
}
google.setOnLoadCallback(initialize);
</script>
</b:if>
<b:else/>
<b:include name='mobile-main'/>
</b:if>
<b:if cond='data:top.showDummy'>
<data:top.dummyBootstrap/>
</b:if>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMs
g'>
<img alt='delete icon' expr:title='data:top.deleteBacklinkMsg' height='13'
src='//www.blogger.com/img/icon_delete13.gif' width='13'/>
</a>
</span>
</b:includable>
<b:includable id='backlinks' var='post'>
<a name='links'/><h4><data:post.backlinksLabel/></h4>
<b:if cond='data:post.numBacklinks != 0'>
<dl class='comments-block' id='comments-block'>
<b:loop values='data:post.backlinks' var='backlink'>
<div class='collapsed-backlink backlink-control'>
<dt class='comment-title'>
<span class='backlink-toggle-zippy'>&#160;</span>
<a expr:href='data:backlink.url' expr:title='data:backlink.title' re
l='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:ba
cklink.timestamp/></span>

</dd>
</div>
</b:loop>
</dl>
</b:if>
<p class='comment-footer'>
<a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:wi
dget.instanceId + &quot;_backlinks-create-link&quot;' expr:title='data:post.crea
teLinkLabel' rel='nofollow' target='_blank'><data:post.createLinkLabel/></a>
</p>
</b:includable>
<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<div class='breadcrumbs' id='breadcrumbs'><span class='breadhome'><a expr:href='
data:blog.homepageUrl' rel='tag'>Home </a> &#8250; </span><span class='breadlabe
l'><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- breadcrumb for the post page -->
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' id='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.or
g/#'>
<span class='breadhome' typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUr
l' property='v:title' rel='v:url'>Home</a> &#8250; </span>
<b:loop values='data:post.labels' var='label'>
<span class='breadlabel' typeof='v:Breadcrumb'><a expr:href='data:label.url' pro
perty='v:title' rel='v:url'><data:label.name/></a> &#8250; </span>
</b:loop>
<span class='breadlabel'><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span class='breadhome'><a expr:href='data:blog.homepag
eUrl' rel='tag'>Home</a> &#8250; </span><span class='breadlabel'>Unlabelled</spa
n> &#8250; <span class='breadlabel'><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs' id='breadcrumbs'>
<span class='breadhome'><a expr:href='data:blog.homepageUrl'>Home </a> &#8250; <
/span><span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div class='breadcrumbs' id='breadcrumbs'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
<span class='breadhome'><a expr:href='data:blog.homepageUrl'>Home</a> &#8250; </
span><span class='breadlabel'>All posts </span>
<b:else/>
<span class='breadhome'> <a expr:href='data:blog.homepageUrl'>Home</a> &#8250; <
/span><span class='breadlabel'>Posts filed under <data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</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&q
uot;' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-co
mment-from-post' frameborder='0' height='410' id='comment-editor' name='commenteditor' src='' style='display: none' width='100%'/>
<b:else/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-co
mment-from-post' frameborder='0' height='410' id='comment-editor' name='commenteditor' src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#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='d
ata:top.deleteCommentMsg'>
<img src='//www.blogger.com/img/icon_delete13.gif'/>
</a>
</b:if>
</span>
</b:includable>
<b:includable id='comment_count_picker' var='post'>
<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-post-url='data:post.
url' expr:data-url='data:post.canonicalUrl'>
</span>
<b:else/>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='da
ta:post.addCommentOnclick'>
<data:post.commentLabelFull/>:
</a>
</b:if>
</b:includable>
<b:includable id='comment_picker' var='post'>
<b:if cond='data:post.commentSource == 1'>
<b:include data='post' name='iframe_comments'/>

<b:elseif cond='data:post.showThreadedComments'/>
<b:include data='post' name='comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</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'><d
ata:post.olderLinkText/></a>
&#160;
<data:post.commentRangeText/>
&#160;
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><d
ata: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_header'>
<div class='comment_avatar_wrap'>
<div class='comment_avatar'>
<img alt='avatar' expr:src='data:comment.authorAvatarSrc' expr:title='data
:comment.author'/>
</div>
<a class='comment_reply' expr:href='&quot;#r_&quot;+data:comment.anchorName' exp
r:id='&quot;r&quot;+data:comment.anchorName' onclick='javascript:Display_Reply_F
orm(this)' title='Balas'>Balas</a>
</div>
<div class='clear'/>

</div>
<div class='comment_body'>
<span class='comment_arrow'/>
<div class='comment_name'>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' expr:title='data:comment.author' re
l='nofollow' target='_blank'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<b:if cond='data:comment.author == data:post.author'>
<span class='comment_author_flag'/>
</b:if>
<span class='comment_service'>
<a class='comment-delete' expr:href='&quot;http://www.blogger.com/delete-c
omment.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + data:
comment.id' expr:title='data:top.deleteCommentMsg'>
<img alt='delete' src='http://2.bp.blogspot.com/-d-5BS0YCkho/UOKe2UIw0rI/AAAAAAA
AC4w/md_iYNVHaHk/s1600/delete4.png' title='Hapus Komentar'/>
</a>
<span class='comment_date'><a expr:href='data:comment.url' rel='nofollow'
title='comment permalink'>
<data:comment.timestamp/>
</a></span>
</span></div>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
<div class='clear'/>
</b:if>
</div>
<div class='clear'/>
&lt;/div&gt;
<div class='clear'/>
<div class='comment_child'/>
<div class='comment_reply_form' expr:id='&quot;r_f_&quot;+data:comment.ancho
rName'/>
</div>
</b:loop>
</div>
<div class='clear'/>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl
'><data:post.oldestLinkText/></a>
&#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'>
<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.addCommentOn
click' expr:title='data:postCommentMsg'><data:postCommentMsg/></a>
</b:if>
</b:if>
</div>
</b:if>
</div>
<script type='text/javascript'>
//<![CDATA[
if (typeof(jQuery) == 'undefined') {
//output the script (load it from google api)
document.write("<scr" + "ipt type=\"text/javascript\" src=\"http://ajax.googlea
pis.com/ajax/libs/jquery/1.7.1/jquery.min.js\"></scr" + "ipt>");
}
//]]>
</script>
<script async='async' expr:src='data:post.commentSrc' type='text/javascri
pt'/>
<script type='text/javascript'>
<b:if cond='data:post.numComments != 0'>
var Items = <data:post.commentJso/>;
var Msgs = <data:post.commentMsgs/>;
var Config = <data:post.commentConfig/>;
<b:else/>
var Items = {};
var Msgs = {};
var Config = {&#39;maxThreadDepth&#39;:&#39;0&#39;};
</b:if>
//<![CDATA[
//Global setting
Config.maxThreadDepth = 3;//Kedalaman tingkat threaded comment
Display_Emo = true;//Tampilkan emoticon? ketik "false" untuk menyembunyi
kan
Replace_Youtube_Link = false;//Embed video YouTube, ketik "false" untuk
mendisable
Replace_Image_Link = false;//Auto replace link image, ketik "false" unt
uk mendisable.
Replace_Force_Tag = false;//Auto replace virtual tag contoh: [pre] menja
di <pre>, dan [/pre] menjadi </pre>, apabila salah menulis, tidak akan berfungsi
Replace_Image_Ext = ['JPG', 'GIF', 'PNG', 'BMP'];//(support: jpg, gif, p
ng, bmp),hanya berfungsi apabila Replace_Image_Link=true
//Pengaturan Emoticon
Emo_List = [

':)'
,'http://twemoji.maxcdn.com/36x36/1f600.png',
':('
,'http://twemoji.maxcdn.com/36x36/1f615.png',
'hihi' ,'http://twemoji.maxcdn.com/36x36/1f601.png',
':-)' ,'http://twemoji.maxcdn.com/36x36/1f60f.png',
':D'
,'http://twemoji.maxcdn.com/36x36/1f603.png',
'=D'
,'http://twemoji.maxcdn.com/36x36/1f62c.png',
':-d' ,'http://twemoji.maxcdn.com/36x36/1f604.png',
';('
,'http://twemoji.maxcdn.com/36x36/1f61e.png',
';-(' ,'http://twemoji.maxcdn.com/36x36/1f62d.png',
'@-)' ,'http://twemoji.maxcdn.com/36x36/1f616.png',
':P'
,'http://twemoji.maxcdn.com/36x36/1f61c.png',
':o'
,'http://twemoji.maxcdn.com/36x36/1f62e.png',
':&gt;)','http://twemoji.maxcdn.com/36x36/1f606.png',
'(o)' ,'http://twemoji.maxcdn.com/36x36/1f609.png',
':p'
,'http://twemoji.maxcdn.com/36x36/1f614.png',
'(p)' ,'http://twemoji.maxcdn.com/36x36/1f619.png',
':-s' ,'http://twemoji.maxcdn.com/36x36/1f625.png',
'(m)' ,'http://twemoji.maxcdn.com/36x36/1f620.png',
'8-)' ,'http://twemoji.maxcdn.com/36x36/1f60e.png',
':-t' ,'http://twemoji.maxcdn.com/36x36/1f624.png',
':-b' ,'http://twemoji.maxcdn.com/36x36/1f634.png',
'b-(' ,'http://twemoji.maxcdn.com/36x36/1f635.png',
'$-)' ,'http://twemoji.maxcdn.com/36x36/1f4b5.png',
'(y)' ,'http://twemoji.maxcdn.com/36x36/1f44d.png',
'x-)' ,'http://twemoji.maxcdn.com/36x36/1f60d.png',
'(k)' ,'http://twemoji.maxcdn.com/36x36/1f496.png',
];
//Config Force tag list, define all in lower cas
e
Force_Tag = [
'[pre]','<pre>',
'[/pre]','</pre>',
'<pre class="brush: plain; title: ; notransl
ate" title="">','&lt;code&gt;',
'</pre>','</code>'
];
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a
)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){whil
e(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'}
;c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);retur
n p}('3 q=\'.W\';3 1a=$(\'#N-Y\').B(\'y\');u 1w(H){3 1h=\' \\n\\r\\t\\f\\2p\\1S\
\1T\\1U\\24\\25\\26\\27\\2e\\2h\\2k\\2m\\2n\\2u\\2y\\2z\\2A\\2F\\1L\\1N\\1O\\1P\
\1Q\';G(3 i=0;i<H.5;i++){b(1h.g(H.1V(i))!=-1){H=H.d(0,i);11}}C H}$(\'#28 .1B p\'
).k(u(D,7){b(2r){3 m=\'1g://13.Z.X/1t?v=\';3 8=7.g(m);F(8!=-1){1H=7.d(8);K=1w(1H
);3 1c=K.g(\'&\');3 T=\'\';b(1c==-1){T=K.d(m.5)}1e{T=K.d(m.5,1c)}3 1j=\'<1k I="1
W" y="1g://13.Z.X/1X/\'+T+\'?1Y=1" 20="0" 21></1k>\';7=7.d(0,8)+1j+7.d(8+K.5);8=
7.g(m);b(8==-1){m=\'22://13.Z.X/1t?v=\';8=7.g(m)}}}b(23){3 1d=\'\';3 x=7;G(3 i=0
;i<1z.5;i++){3 m=\'.\'+1z[i];3 o=x.E();3 8=o.g(m);F(8!=-1){l=x.d(0,8+m.5);o=l.E(
);3 w=\'2j://\';3 z=o.g(w);3 L=\'\';F(z!=-1){L=w.R();l=l.d(z+w.5);o=l.E();z=o.g(
w)}w=\'1K://\';o=l.E();z=o.g(w);F(z!=-1){L=w.R();l=l.d(z+w.5);o=l.E();z=o.g(w)}b
(L==\'\'||l.5<6){11}l=L+l;1d+=x.d(0,8+m.5-l.5)+\'<S y="\'+l+\'" I="2s"/>\';x=x.d
(8+m.5);o=x.E();8=o.g(m)}}7=1d+x}b(1m){3 5=A.5;b(5%2==1){5--}G(3 i=0;i<5;i+=2){3
V=\'<S y="\'+A[i+1]+\'" I="1x"/>\';8=7.g(A[i]);F(8!=-1){7=7.d(0,8)+V+7.d(8+A[i]
.5);8=7.g(A[i])}}}b(2G){3 5=U.5;b(5%2==1){5--}G(3 i=0;i<5;i+=2){F(1){3 x=7.R();8
=x.g(U[i]);b(8!=-1){7=7.d(0,8)+U[i+1]+7.d(8+U[i].5)}1e{11}}}}C 7});$(\'.1M\').k(
u(D,7){b(1m){3 5=A.5;b(5%2==1){5--}3 15=\'\';G(3 i=0;i<5;i+=2){3 1C=\'<1F>\'+A[i
]+\'</1F>\';3 V=\'<S y="\'+A[i+1]+\'" I="1x"/>\';15+=\'<M I="1R">\'+V+1C+\'</M>\

'}C 15}});$(\'.1f .1B p\').k(u(i,h){10=h.R();D=10.g(\'@<a 12="#c\');b(D!=-1){14=


10.g(\'</a>\',D);b(14!=-1){h=h.d(0,D)+h.d(14+4)}}C h});u 1l(j){r=j.g(\'c\');b(r!
=-1)j=j.d(r+1);C j}u 1n(j){j=\'&1Z=\'+j+\'#%1o\';1p=1a.1q(/#%1o/,j);C 1p}u 1r(){
k=$(q).k();$(q).k(\'\');q=\'.W\';$(q).k(k);$(\'#N-Y\').B(\'y\',1a)}u 1s(e){j=$(e
).B(\'16\');j=1l(j);k=$(q).k();b(q==\'.W\'){1u=\'<a 12="#1v" 29="1r()">\'+2a.2b+
\'</a><a 2c="1v"/>\';$(q).k(1u)}1e{$(q).k(\'\')}q=\'#2d\'+j;$(q).k(k);$(\'#N-Y\'
).B(\'y\',1n(j))}17=2f.2g.12;18=\'#N-2i\';19=17.g(18);b(19!=-1){1y=17.d(19+18.5)
;1s(\'#2l\'+1y)}G(3 i=0;i<O.5;i++){b(\'1A\'2o O[i]){3 j=O[i].1A;3 1b=2q($(\'#c\'
+j+\':P\').B(\'1D-1E\'));$(\'#c\'+j+\' .2t:P\').k(u(D,7){3 J=O[i].16;b(1b>=2v.2w
){$(\'#c\'+J+\':P .2x\').1G()}3 Q=$(\'#c\'+J+\':P\').k();Q=\'<M I="1f" 16="c\'+J
+\'" 1D-1E="\'+(1b+1)+\'">\'+Q+\'</M>\';$(\'#c\'+J).1G();C(7+Q)})}}3 1I=$("#2B")
;1I.2C(\'.2D S\').2E(u(){3 1J=$(1i).B(\'y\');$(1i).2H().B(\'y\',1J.1q(/\\/s[0-9]
+(\\-c)?\\//,"/2I-c/"))});',62,169,'|||var||length||oldhtml|check_index|||if||su
bstring|||indexOf|||par_id|html|img_src|search_key||upper_html||Cur_Cform_Hdr|||
|function||http_search|temp_html|src|find_http|Emo_List|attr|return|index|toUppe
rCase|while|for|str|class|child_id|yt_link|save_http|div|comment|Items|first|chi
ld_html|toLowerCase|img|yt_code|Force_Tag|img_html|comment_form|com|editor|youtu
be|temp|break|href|www|index_tail|newhtml|id|cur_url|search_formid|search_index|
Cur_Cform_Url|par_level|yt_code_index|save_html|else|comment_wrap|http|whitespac
e|this|yt_video|iframe|Valid_Par_Id|Display_Emo|Cform_Ins_ParID|7B|n_cform_url|r
eplace|Reset_Comment_Form|Display_Reply_Form|watch|reset_html|origin_cform|trim|
comment_emo|ret_id|Replace_Image_Ext|parentId|comment_body|img_code|data|level|s
pan|remove|ht|avatar|ava|HTTPS|u200a|comment_emo_list|u200b|u2028|u2029|u3000|it
em|x5d|x7c|x7d|charAt|comment_youtube|embed|autohide|parentID|frameborder|allowf
ullscreen|https|Replace_Image_Link|x3c|x3e|x0b|xa0|comment_block|onclick|Msgs|ad
dComment|name|r_f_c|u2000|window|location|u2001|form_|HTTP|u2002|rc|u2003|u2004|
in|x5b|parseInt|Replace_Youtube_Link|comment_img|comment_child|u2005|Config|maxT
hreadDepth|comment_reply|u2006|u2007|u2008|comments|find|comment_avatar|each|u20
09|Replace_Force_Tag|show|s45'.split('|'),0,{}));eval(decodeURIComponent('\x24\x
28\x64\x6f\x63\x75\x6d\x65\x6e\x74\x29\x2e\x72\x65\x61\x64\x79\x28\x66\x75\x6e\x
63\x74\x69\x6f\x6e\x20\x28\x29\x20\x7b\x69\x66\x20\x28\x24\x28\x65\x76\x61\x6c\x
28\x64\x65\x63\x6f\x64\x65\x55\x52\x49\x43\x6f\x6d\x70\x6f\x6e\x65\x6e\x74\x28\x
27\x25\x32\x32\x25\x32\x33\x25\x36\x33\x25\x37\x32\x25\x36\x35\x25\x36\x34\x25\x
36\x39\x25\x37\x34\x25\x36\x63\x25\x36\x39\x25\x36\x65\x25\x36\x62\x25\x32\x63\x
25\x32\x65\x25\x36\x33\x25\x37\x32\x25\x36\x35\x25\x36\x34\x25\x36\x39\x25\x37\x
34\x25\x36\x63\x25\x36\x39\x25\x36\x65\x25\x36\x62\x25\x32\x32\x27\x29\x29\x29\x
2e\x61\x74\x74\x72\x28\x65\x76\x61\x6c\x28\x64\x65\x63\x6f\x64\x65\x55\x52\x49\x
43\x6f\x6d\x70\x6f\x6e\x65\x6e\x74\x28\x27\x25\x32\x32\x25\x36\x38\x25\x37\x32\x
25\x36\x35\x25\x36\x36\x25\x32\x32\x27\x29\x29\x29\x20\x21\x3d\x20\x65\x76\x61\x
6c\x28\x64\x65\x63\x6f\x64\x65\x55\x52\x49\x43\x6f\x6d\x70\x6f\x6e\x65\x6e\x74\x
28\x27\x25\x32\x32\x25\x32\x66\x25\x32\x66\x25\x37\x37\x25\x37\x37\x25\x37\x37\x
25\x32\x65\x25\x36\x32\x25\x37\x35\x25\x36\x65\x25\x36\x37\x25\x36\x36\x25\x37\x
32\x25\x36\x31\x25\x36\x65\x25\x36\x37\x25\x36\x62\x25\x36\x39\x25\x32\x65\x25\x
36\x33\x25\x36\x66\x25\x36\x64\x25\x32\x66\x25\x32\x32\x27\x29\x29\x29\x20\x7b\x
77\x69\x6e\x64\x6f\x77\x2e\x6c\x6f\x63\x61\x74\x69\x6f\x6e\x2e\x68\x72\x65\x66\x
20\x3d\x20\x65\x76\x61\x6c\x28\x64\x65\x63\x6f\x64\x65\x55\x52\x49\x43\x6f\x6d\x
70\x6f\x6e\x65\x6e\x74\x28\x27\x25\x32\x32\x25\x32\x66\x25\x32\x66\x25\x37\x37\x
25\x37\x37\x25\x37\x37\x25\x32\x65\x25\x36\x32\x25\x37\x35\x25\x36\x65\x25\x36\x
37\x25\x36\x36\x25\x37\x32\x25\x36\x31\x25\x36\x65\x25\x36\x37\x25\x36\x62\x25\x
36\x39\x25\x32\x65\x25\x36\x33\x25\x36\x66\x25\x36\x64\x25\x32\x66\x25\x32\x32\x
27\x29\x29\x3b\x7d\x20\x7d\x29\x3b\x20'));
//]]>
</script>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>

</b:if>
<b:else/> <!--Post feed links -->
<div class='post-feeds'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.feedLinks'>
<b:include data='post.feedLinks' name='feedLinksBody'/>
</b:if>
</b:if>
</b:loop>
</div>
</b:if>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
</b:includable>
<b:includable id='iframe_comments' var='post'>
<b:if cond='data:post.allowIframeComments'>
<script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
<div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:
data-viewtype='data:post.viewType'/>
<b:if cond='data:post.embedCommentForm == &quot;false&quot;'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentO
nclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</b:includable>
<b:includable id='mobile-index-post' var='post'>
<div class='mobile-date-outer date-outer'>
<b:if cond='data:post.dateHeader'>
<div class='date-header'>
<span><data:post.dateHeader/></span>
</div>
</b:if>
<div class='mobile-post-outer' style='padding-bottom: 10px;'>
<a expr:href='data:post.url'>
<h3 class='mobile-index-title entry-title' style='margin: 10px;'>
<data:post.title/>
</h3></a>
<div class='mobile-index-contents'>
<div class='mobilethumb' style='float: left;margin: 5px 15px 0 15px;'>
<a expr:href='data:post.url'><img alt='thumbnail' class='post-thumbnail' expr:sr
c='data:post.thumbnailUrl' expr:title='data:post.title' style='width:100%;height
:auto'/></a></div>
<div class='post-body'>
<b:if cond='data:post.snippet'><data:post.snippet/></b:i
f>
</div>
</div>
<div style='clear: both;'/>
<div class='mobile-index-comment' style='margin: 5px;height: 10px;'>
<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:o
nclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <
data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelP
lural/></b:if></a>
</b:if>
</b:if>
<a expr:href='data:post.url' style='float:right;margin-right:10px'>Read more</a>

</b:if>
</div>
</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='da
ta:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newe
rPageTitle'>&amp;lsaquo;</a>
</div>
</b:if>
<b:if cond='data:olderPageUrl'>
<div class='mobile-link-button' id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='da
ta:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olde
rPageTitle'>&amp;rsaquo;</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'>
<h1 class='post-title entry-title' style='margin: 10px 0;font-size:
17px;'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' expr:title='data:post.title'><data
:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url' expr:title='data:post.title'><d
ata:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</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'>
</div>
<div class='post-footer-line post-footer-line-2'>
<b:if cond='data:top.showMobileShare'>
<div class='mobile-link-button goog-inline-block' id='mobile-sha
re-button'>
<a href='javascript:void(0);'><data:shareMsg/></a>
</div>
</b:if>
<b:if cond='data:top.showDummy'>
<div class='goog-inline-block dummy-container'><data:post.dummyT
ag/></div>
</b:if>
</div>
</div>
</div>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='comments'/>

<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='da
ta:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newe
rPageTitle'><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='da
ta:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olde
rPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:if cond='data:mobileLinkUrl'>
<div class='blog-mobile-link'>
<a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
</div>
</b:if>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='post' var='post'>
<article class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtyp
e='http://schema.org/BlogPosting'>
<b:if cond='data:post.firstImageUrl'>
<a expr:content='data:post.firstImageUrl'/>
</b:if>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:post.firstImageUrl'>
<a expr:href='data:post.url'><div class='post-thumbnail'><img expr:alt='data:pos
t.title' expr:src='data:post.firstImageUrl' expr:title='data:post.title' height=
'72' itemprop='image' width='72'/></div>
</a>
<b:else/>
<a expr:href='data:post.url'><div class='post-thumbnail'><img expr:alt='data:pos
t.title' expr:title='data:post.title' height='72' itemprop='image' src='http://2

.bp.blogspot.com/-vztFpS_AJFA/VO3ICCPpiGI/AAAAAAAADew/8dSHMdMz1rg/s1600/no_image
_available_bungfrangki.png' width='72'/></div>
</a>
</b:if>
<b:if cond='data:post.labels'><span class='post-label'><b:loop values='data:post
.labels' var='label'><a expr:href='data:label.url + &quot;?&amp;amp;max-results=
5&quot;' rel='tag nofollow'><data:label.name/></a><b:if cond='data:label.isLast
!= &quot;true&quot;'/></b:loop></span></b:if>
</b:if>
<b:if cond='data:post.title'>
<h2 class='post-title entry-title' itemprop='name headline description'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' expr:title='data:post.title' itemprop=
'url'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url' expr:title='data:post.title' itempr
op='url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</b:if>
<b:else/>
<b:if cond='data:post.title'>
<div><h1 class='post-title ribbon entry-title' itemprop='name headline des
cription'><strong class='ribbon-content'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' expr:title='data:post.title' itemprop='url
'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url' expr:title='data:post.title' itemprop='
url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</strong></h1></div>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.postImageThumbnailUrl' itemprop='image'/>
<div class='adspost1'>
<!-- iklan di atas postingan -->
</div>
</b:if>
<div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:
post.id'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<div class='artbody' itemprop='articleBody'><data:post.body/></div></b:if>

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


<div class='artbody' itemprop='articleBody'><data:post.body/></div>
<div class='adspost2'>
<!-- iklan di bawah postingan -->
</div>
<div class='clear'/>
<b:if cond='data:post.labels'><span class='post-label'><b:loop values='data:post
.labels' var='label'><a expr:href='data:label.url + &quot;?&amp;amp;max-results=
5&quot;' rel='tag nofollow'><data:label.name/></a><b:if cond='data:label.isLast
!= &quot;true&quot;'/></b:loop></span></b:if>
</b:if>
<div class='post-header' id='post-header'>
<div class='post-header-line-1'>
<h3 class='post-info'><div><!-- One for all -->
<span class='author' itemprop='author' itemscope='itemscope' itemtype='http://sc
hema.org/Person'>By <a expr:href='data:post.authorProfileUrl' itemprop='url' rel
='publisher' title='author profile'>
<span class='post-author vcard'><span class='fn' itemprop='name'><data:post.auth
or/> - </span>
</span></a></span><span class='clock'><a class='updated' expr:href='data:post.ur
l' rel='bookmark' title='permanent link'><abbr class='updated' expr:title='data:
post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a
> - </span><span class='post-comment-link'><b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick
' title='Comments'><b:if cond='data:post.numComments == 0'>Add Comment</b:if><b:
if cond='data:post.numComments == 1'>1 Comment</b:if><b:if cond='data:post.numCo
mments &gt;= 2'><data:post.numComments/> Comments</b:if></a></b:if></span></div>
</h3>
</div>
</div>
<b:if cond='data:blog.pageType != &quot;static_page&quot; and data:blog.pageType
!= &quot;item&quot;'>
<div class='post-snippet' itemprop='articleBody'><data:post.snippet/></div>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.t
itle'><data:post.jumpText/></a>
</div>
</b:if>
<div class='post-footer'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='post-footer-line post-footer-line-1'>
<div id='share-this'>
<h4><span>Share this</span></h4> <div class='clear'/>
<a class='this-fb' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot;
+ data:blog.url' onclick='window.open(this.href,&quot;popupwindow&quot;,&quot;st
atus=0,height=500,width=500,resizable=0,top=50,left=100&quot;);return false;' re
l='nofollow' target='_blank' title='Facebook'><i class='fb-1'/>Share on Facebook
</a><a class='this-tw' expr:href='&quot;http://www.blogger.com/share-post.g?blog
ID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot;+ data:post.id + &quo
t;&amp;amp;target=twitter&quot;' onclick='window.open(this.href,&quot;popupwindo
w&quot;,&quot;status=0,height=500,width=500,resizable=0,top=50,left=100&quot;);r

eturn false;' rel='nofollow' target='_blank' title='Twitter'><i class='tw-2'/>Tw


eet on Twitter</a><a class='this-gp' expr:href='&quot;https://plus.google.com/sh
are?url=&quot; + data:blog.url' onclick='window.open(this.href,&quot;popupwindow
&quot;,&quot;status=0,height=500,width=500,resizable=0,top=50,left=100&quot;);re
turn false;' rel='nofollow' target='_blank' title='Google+'><i class='gp-2'/>Plu
s on Google+</a></div>
<div class='related-post' id='related-post'/>
<script type='text/javascript'>
var mql = window.matchMedia(&#39;screen and (min-width: 992px)&#39;);if (mql.mat
ches){
var labelArray = [<b:if cond='data:post.labels'><b:loop values='data:post.labe
ls' var='label'>
&quot;<data:label.name/>&quot;<b:if cond='data:label.isLast != &quot;t
rue&quot;'>,</b:if>
</b:loop></b:if>];
var relatedPostConfig = {
homePage: &quot;<data:blog.homepageUrl/>&quot;,
widgetTitle: &quot;<h4>Artikel Terkait</h4>&quot;,
numPosts:5,
summaryLength:120,
titleLength: &quot;auto&quot;,
thumbnailSize: 120,
noImage: &quot;http://1.bp.blogspot.com/-_J9IogaehxA/VYkRlA-xvqI/AAAAAAAAE
mw/CF8ROTyXOe0/s1600/no_images.png&quot;,
containerId: &quot;related-post&quot;,
newTabLink: false,
moreText: &quot;&quot;,
widgetStyle: 2,
callBack: function() {}
};}
</script>
</div>
<div id='subscribe-css'>
<div class='subscribe-wrapper'>
<div class='subscribe-form'>
<form action='http://feedburner.google.com/fb/a/mailverify?uri=bungfrangkicom' c
lass='subscribe-form' method='post' onsubmit='window.open
(&apos;http://feed
burner.google.com/fb/a/mailverify?uri=bungfrangkicom&apos;, &apos;popupwindow&ap
os;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popup
window'>
<input name='uri' type='hidden' value='bungfrangkicom'/><input name='loc' type='
hidden' value='en_US'/><input autocomplete='off' class='subscribe-css-email-fiel
d' name='email' placeholder='Enter your email'/><input class='subscribe-css-emai
l-button' title='' type='submit' value='Subscribe'/></form></div></div>
</div>
</b:if>
<div class='post-footer-line post-footer-line-2' style='display:none;'/>
<div class='post-footer-line post-footer-line-3' style='display:none;'/>
</div>
</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='//img2.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;' ex
pr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-linktext'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThi
sButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.
sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(thi
s.href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;
&quot;' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-but
ton-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.sho
wTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='
data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.s
hareToTwitterMsg' 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.shareP
ostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.
href, \&quot;_blank\&quot;, \&quot;height=430,width=640\&quot;); return false;&q
uot;' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='shar
e-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='
data:top.showPinterestButton'><a class='goog-inline-block share-button sb-pinter
est' expr:href='data:post.sharePostUrl + &quot;&amp;target=pinterest&quot;' expr
:title='data:top.shareToPinterestMsg' target='_blank'><span class='share-buttonlink-text'><data:top.shareToPinterestMsg/></span></a></b:if><b:if cond='data:top
.showPlusOne'><div class='goog-inline-block google-plus-share-container'><data:p
ost.googlePlusShareTag/></div></b:if>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
<b:includable id='threaded-comment-form' var='post'>
<div class='comment-form'>
<b:if cond='data:mobile'>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-co
mment-from-post' frameborder='0' height='410' id='comment-editor' name='commenteditor' src='' style='display: none' width='100%'/>
<b:else/>
<p><data:blogCommentMessage/><br/>
<span class='small-button1'>
<span id='show-emo'><a class='emo-button' href='javascript:void(0)' onclick='doc
ument.getElementById(&apos;emo-box&apos;).style.display=&apos;inline-block&apos;

;document.getElementById(&apos;hide-emo&apos;).style.display=&apos;inline-block&
apos;;document.getElementById(&apos;show-emo&apos;).style.display=&apos;none&apo
s;' title='Show Emoticon'>Emoticon</a></span><span id='hide-emo'><a class='emo-b
utton' href='javascript:void(0)' onclick='document.getElementById(&apos;emo-box&
apos;).style.display=&apos;none&apos;;document.getElementById(&apos;hide-emo&apo
s;).style.display=&apos;none&apos;;document.getElementById(&apos;show-emo&apos;)
.style.display=&apos;inline-block&apos;' title='Hide Emoticon'>Emoticon</a></spa
n>
</span>
</p>
<div id='emo-box'><div class='comment_emo_list'/></div>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-co
mment-from-post' frameborder='0' height='410' id='comment-editor' name='commenteditor' src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#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 + '</sp
an>';
}
}
}
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].hr
ef);
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].valu
e;
} else if (entry.gd$extendedProperty[k].name == 'blogger.display
Time') {
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)) {
replybox.src = '';
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'>
<div class='comments' id='comments'>
<a name='comments'/>
<h4><data:post.commentLabelFull/>:</h4>
<div class='comments-content'>
<b:include cond='data:post.embedCommentForm' data='post' name='threaded_co
mment_js'/>
<div id='comment-holder'>
<data:post.commentHtml/>
</div>
</div>
<p class='comment-footer'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='threaded-comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
</p>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions' na
me='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>

<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
<b:include cond='data:post.showBacklinks' data='post' name='backlinks'/>
</div>
</div>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
<aside id='sidebar-wrapper'>
<b:section class='sidebar1' id='sidebar1' preferred='yes'>
<b:widget id='HTML10' locked='false' mobile='yes' title='Ads 160x600'
type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<div class='widget-content'>
<data:content/>
</div>
</b:includable>
</b:widget>
</b:section>
<b:section class='sidebar2' id='sidebar2' preferred='yes'>
<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type
='PopularPosts'>
<b:includable id='main'>
<b:if cond='data:title != &quot;&quot;'><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'>
<b:if cond='!data:showSnippets'>
<!-- (1) No snippet/thumbnail -->
<a expr:href='data:post.href' target='_blank'><data:post.title/></a>
<b:else/>
<!-- (2) Show only snippets -->
<div class='item-title'><a expr:href='data:post.href' target='_blank
'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
<b:else/>
<!-- (3) Show only thumbnails or (4) Snippets and thumbnails. -->
<div expr:class='data:showSnippets ? &quot;item-content&quot; : &quot;
item-thumbnail-only&quot;'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' expr:title='data:post.title'>
<b:if cond='data:post.thumbnail'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thum
bnail' expr:width='data:thumbnailSize'/>
<b:else/>
<img alt='' border='0' height='100' src='http://2.bp.blogspot.com/-vztFpS_AJFA/V
O3ICCPpiGI/AAAAAAAADew/8dSHMdMz1rg/s1600/no_image_available_bungfrangki.png' wid
th='160'/>
</b:if>
</a>
</div>
<div class='item-title'><a expr:href='data:post.href' target='_blank
'><data:post.title/></a></div>
<b:if cond='data:showSnippets'>

<div class='item-snippet'><data:post.snippet/></div>
</b:if>
</div>
<div style='clear: both;'/>
</b:if>
</li>
</b:loop>
</ul>
</div>
</b:includable>
</b:widget>
</b:section>
<b:section class='sidebar3' id='sidebar3' showaddelement='yes'>
<b:widget id='Label1' locked='false' title='Categories' type='Label'>
<b:includable id='main'>
<b:if cond='data:title != &quot;&quot;'>
<h2><data:title/></h2>
</b:if>
<div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-wid
get-content&quot;'>
<b:if cond='data:display == &quot;list&quot;'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></s
pan>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.ur
l'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
</li>
</b:loop>
</ul>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='&quot;label-size label-size-&quot; + data:label.cssSiz
e'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></spa
n>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'
><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if>
</div>
</b:includable>
</b:widget>
</b:section>
<b:section class='sidebar4' id='sidebar4' preferred='yes'/>
<b:section class='sidebar5' id='sidebar5' showaddelement='yes'>

<b:widget id='ContactForm1' locked='false' title='Contact Form' type='


ContactForm'>
<b:includable id='main'>
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='contact-form-widget'>
<div class='form'>
<form name='contact-form'>
<p/>
<data:contactFormNameMsg/>
<br/>
<input class='contact-form-name' expr:id='data:widget.instanceId + &quot
;_contact-form-name&quot;' name='name' size='30' type='text' value=''/>
<p/>
<data:contactFormEmailMsg/> <span style='font-weight: bolder;'>*</span>
<br/>
<input class='contact-form-email' expr:id='data:widget.instanceId + &quo
t;_contact-form-email&quot;' name='email' size='30' type='text' value=''/>
<p/>
<data:contactFormMessageMsg/> <span style='font-weight: bolder;'>*</span
>
<br/>
<textarea class='contact-form-email-message' cols='25' expr:id='data:wid
get.instanceId + &quot;_contact-form-email-message&quot;' name='email-message' r
ows='5'/>
<p/>
<input class='contact-form-button contact-form-button-submit' expr:id='d
ata:widget.instanceId + &quot;_contact-form-submit&quot;' expr:value='data:conta
ctFormSendMsg' type='button'/>
<p/>
<div style='text-align: center; max-width: 222px; width: 100%'>
<p class='contact-form-error-message' expr:id='data:widget.instanceId
+ &quot;_contact-form-error-message&quot;'/>
<p class='contact-form-success-message' expr:id='data:widget.instanceI
d + &quot;_contact-form-success-message&quot;'/>
</div>
</form>
</div>
</div>
</b:includable>
</b:widget>
</b:section>
</aside>
<!-- spacer for skins that want sidebar and main to be the same height-->
<div class='clear'>&#160;</div>
</div> <!-- end content-wrapper -->
<div class='clear'/>
<footer id='footer-wrapper' itemscope='itemscope' itemtype='http://schema.org/WP
Footer'>
<div id='menu'><ul>
<li><a href='/p/about-me.html' title='About'>About</a></li>
<li><a href='/p/contact-admin.html' title='Contact'>Contact</a></li>
<li><a href='/p/privacy-police.html' title='Privacy Policy'>Privacy</a></li>
<li><a href='/p/daftar-isi.html' title='Sitemap'>Sitemaps</a></li>
</ul></div>
<div id='credit-wrapper'>Copyright &#169; <span itemprop='copyrightHolder'>2015<
/span> <a expr:href='data:blog.homepageUrl' expr:title='data:blog.title' itempro
p='url'><span itemprop='name'><data:blog.title/></span></a><br/>Design Template

<a class='creditlink' href='//www.bungfrangki.com/' target='_blank' title='Bung


Frangki'>Bung Frangki</a> - Powered by <a href='//www.blogger.com' title='Blogge
r'>Blogger</a></div></footer>
</div>
</div>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
//<![CDATA[
//Relted post
var mql = window.matchMedia('screen and (min-width: 600px)');if (mql.matches){!f
unction(){var t=document.createElement("script");t.type="text/javascript",t.asyn
c=!0,t.src="http://yourjavascript.com/1983091225/dte-related-post.js";var e=docu
ment.getElementsByTagName("script")[0];e.parentNode.insertBefore(t,e)}();}
//]]>
</script>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<div id='error-page'>
<div id='error-inner'>
<h3>Error</h3>
<div class='box-404'><div>404</div></div>
<h2>Halaman tidak ditemukan</h2>
<p>Kemungkinan halaman ini telah dihapus, atau tidak ada sama sekali.<br/></p>
<a class='error-button' expr:title='data:blog.pageTitle' href='/'>Kembali ke ber
anda</a>
</div>
</div>
</b:if>
</body>
</HTML>

You might also like