Simini Versi 2
Simini Versi 2
>
<!DOCTYPE html>
<HTML expr:class='data:blog.languageDirection + " no-js rwd " + 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 + "favicon.ico"' rel='icon' typ
e='image/x-icon'/>
<link expr:href='data:blog.url' rel='canonical'/>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default"' expr:t
itle='data:blog.title + " - Atom"' rel='alternate' type='application/a
tom+xml'/>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default?alt=rss"
' expr:title='data:blog.title + " - RSS"' rel='alternate' type='applic
ation/rss+xml'/>
<link expr:href='"//www.blogger.com/feeds/" + data:blog.blogId + "
;/posts/default"' expr:title='data:blog.title + " - Atom"' 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 == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<title>Archive For <data:blog.pageName/></title>
<meta content='noindex,nofollow,noarchive' name='robots'/>
<b:else/>
<b:if cond='data:blog.pageType == "error_page"'>
<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 == "item"'>
<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 == "static_page"'>
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:'Arial', 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: 'Roboto Slab', 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("http://2.bp.blogspot.com/-9EcZ8CifnlA/VjxHU
EdMxJI/AAAAAAAAGGo/7k5lJoQbm7Q/s1600/ico_search.png") 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: '
;Roboto Slab', 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:"";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}
.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 != "static_page" and data:blog.pageType
!= "item"'>
<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: 'Roboto Slab', 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 == "item"'>
<style type='text/css'>
.post-label{text-align:center !important}
/* post title */
.post h2{font-family: 'Roboto Slab', 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 > span:last-child{color:#999 !important}
table {width:100%}.tr-caption{font-size:87% !important;color:#929292 !important;
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
Av8/AGXVKng/71fJAAAAAElFTkSuQmCC'); 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: 'Roboto Slab', 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:" Gunakan email anda untuk update setiap
artikel terbaru dari blog ini ";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 == "static_page"'>
<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: 'Roboto Slab', 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:"";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:""
;;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:"";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:"";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 == "error_page"'>
<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:""; 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:""; 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:""; 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;}
<!-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 != "item"'> <b:inc
lude name='title'/> <b:else/> <data:blog.pageName/> </b:if></h1>
</div>
<b:include name='description'/>
</div>
<b:else/>
<div expr:style='"background-image: url(\"" + data:source
Url + "\"); "
+ "background-position: &
quot;
+ data:backgroundPositionStyleStr + "; "
+ data:widthStyleStr
+ "min-height:
" + data:height
+ "_height: " + data:height
+ "background-repeat: no-repeat; "' 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 != "item"'> <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 + "_headerimg"' expr:src='data:sourceUrl' expr:width='d
ata:width' style='display: block'/>
</a>
<!--Show the description-->
<b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
<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 == "index"'>
<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 == "static_page"'>
<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 == "item"'>
</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("annotations", "1", {"locale":
"<data:top.languageCode/>"});
function initialize() {
google.annotations.setApplicationId(<data:top.blogspotReviews/>);
google.annotations.createAll();
google.annotations.fetch();
}
google.setOnLoadCallback(initialize);
</script>
</b:if>
<b: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='"item-control " + 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'> </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 + "_backlinks-create-link"' 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 == "static_page"'>
<div class='breadcrumbs' id='breadcrumbs'><span class='breadhome'><a expr:href='
data:blog.homepageUrl' rel='tag'>Home </a> › </span><span class='breadlabe
l'><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<!-- 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> › </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> › </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> › </span><span class='breadlabel'>Unlabelled</spa
n> › <span class='breadlabel'><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<!-- 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> › <
/span><span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<div class='breadcrumbs' id='breadcrumbs'>
<b:if cond='data:blog.pageName == ""'>
<span class='breadhome'><a expr:href='data:blog.homepageUrl'>Home</a> › </
span><span class='breadlabel'>All posts </span>
<b:else/>
<span class='breadhome'> <a expr:href='data:blog.homepageUrl'>Home</a> › <
/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 + "_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('<data:post.appRpcRelayPath/>');
</script>
</div>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<b:if cond='data:showCmtPopup'>
<div class='goog-toggle-button'>
<div class='goog-inline-block comment-action-icon'/>
</div>
<b:else/>
<a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='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>
 
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><d
ata:post.olderLinkText/></a>
 
<data:post.commentRangeText/>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><d
ata:post.newerLinkText/></a>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><
data:post.newestLinkText/></a>
</span>
</b:if>
<div class='clear'/>
<div id='comment_block'>
<b:loop values='data:post.comments' var='comment'>
<div class='data:comment.adminClass' expr:id='data:comment.anchorName'>
<b:if cond='data:post.adminClass == data:comment.adminClass'>
<div class='comment_inner comment_admin'>
<b:else/>
<div class='comment_inner'>
</b:if>
<div class='comment_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='"#r_"+data:comment.anchorName' exp
r:id='"r"+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='"http://www.blogger.com/delete-c
omment.g?blogID=" + data:blog.blogId + "&amp;postID=" + 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'/>
</div>
<div class='clear'/>
<div class='comment_child'/>
<div class='comment_reply_form' expr:id='"r_f_"+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>
 
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'
><data:post.olderLinkText/></a>
 
<data:post.commentRangeText/>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'
><data:post.newerLinkText/></a>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl
'><data:post.newestLinkText/></a>
</span>
</b:if>
<div class='clear'/>
<div class='comment_form'>
<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 = {'maxThreadDepth':'0'};
</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',
':>)','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="">','<code>',
'</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>\
</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 == "false"'>
<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 != "static_page"'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.numComments != 0'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr: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 == "index"'>
<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 + "_blog-pager-newer-link"' expr:title='data:newe
rPageTitle'>&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 + "_blog-pager-older-link"' expr:title='data:olde
rPageTitle'>&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='"post-body-" +
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 == "static_page"'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</div>
</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 + "_blog-pager-newer-link"' 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 + "_blog-pager-older-link"' 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 != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
<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 + "?&amp;max-results=
5"' rel='tag nofollow'><data:label.name/></a><b:if cond='data:label.isLast
!= "true"'/></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 == "item"'>
<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='"post-body-" + data:
post.id'>
<b:if cond='data:blog.pageType == "static_page"'>
<div class='artbody' itemprop='articleBody'><data:post.body/></div></b:if>
/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='shareButtons' var='post'>
<b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button
sb-email' expr:href='data:post.sharePostUrl + "&target=email"' 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 + "&target=blog"' expr:onclick='"window.open(thi
s.href, \"_blank\", \"height=270,width=475\"); return false;
"' 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 + "&target=twitter"' 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 + "&target=facebook"' expr:onclick='"window.open(this.
href, \"_blank\", \"height=430,width=640\"); 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 + "&target=pinterest"' 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('emo-box').style.display='inline-block'
;document.getElementById('hide-emo').style.display='inline-block&
apos;;document.getElementById('show-emo').style.display='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('emo-box&
apos;).style.display='none';document.getElementById('hide-emo&apo
s;).style.display='none';document.getElementById('show-emo')
.style.display='inline-block'' 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('<data:post.appRpcRelayPath/>');
</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 + "_backlinks-container"'>
<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 != ""'><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 ? "item-content" : "
item-thumbnail-only"'>
<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 != ""'>
<h2><data:title/></h2>
</b:if>
<div expr:class='"widget-content " + data:display + "-label-wid
get-content"'>
<b:if cond='data:display == "list"'>
<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='"label-size label-size-" + 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'>