Sunteți pe pagina 1din 59

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

>
<!DOCTYPE html>
<HTML>
&lt;head&gt;
<meta charset='utf-8'/>
<b:if cond='data:blog.isMobile'>
<meta content='width=device-width,initial-scale=1.0,minimum-scale=0.5,maximum-sc
ale=2.0' name='viewport'/>
</b:if>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
&lt;script type=&quot;text/javascript&quot;&gt;(function() { var a=window,c=&quo
t;jstiming&quot;,d=&quot;tick&quot;;var e=function(b){this.t={};this.tick=functi
on(b,o,f){f=void 0!=f?f:(new Date).getTime();this.t[b]=[f,o]};this[d](&quot;star
t&quot;,null,b)},h=new e;a.jstiming={Timer:e,load:h};if(a.performance&amp;&amp;a
.performance.timing){var i=a.performance.timing,j=a[c].load,k=i.navigationStart,
l=i.responseStart;0&lt;k&amp;&amp;l&gt;=k&amp;&amp;(j[d](&quot;_wtsrt&quot;,void
0,k),j[d](&quot;wtsrt_&quot;,&quot;_wtsrt&quot;,l),j[d](&quot;tbsd_&quot;,&quot
;wtsrt_&quot;))}
try{var m=null;a.chrome&amp;&amp;a.chrome.csi&amp;&amp;(m=Math.floor(a.chrome.cs
i().pageT));null==m&amp;&amp;a.gtbExternal&amp;&amp;(m=a.gtbExternal.pageT());nu
ll==m&amp;&amp;a.external&amp;&amp;(m=a.external.pageT);m&amp;&amp;(a[c].pt=m)}c
atch(n){};a.tickAboveFold=function(b){var g=0;if(b.offsetParent){do g+=b.offsetT
op;while(b=b.offsetParent)}b=g;750&gt;=b&amp;&amp;a[c].load[d](&quot;aft&quot;)}
;var p=!1;function q(){p||(p=!0,a[c].load[d](&quot;firstScrollTime&quot;))}a.add
EventListener?a.addEventListener(&quot;scroll&quot;,q,!1):a.attachEvent(&quot;on
scroll&quot;,q);
})();&lt;/script&gt;
<!--[if IE]> <script> (function() { var html5 = ("abbr,article,aside,audio,canva
s,datalist,details," + "figure,footer,header,hgroup,mark,menu,meter,nav,output,"
+ "progress,section,time,video").split(','); for (var i = 0; i < html5.length;
i++) { document.createElement(html5[i]); } try { document.execCommand('Backgroun
dImageCache', false, true); } catch(e) {} })(); </script> <![endif]-->
<!-- TITLE SEO -->
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:if cond='data:blog.isMobile'>
<title><data:blog.pageTitle/> Versi Mobile</title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<title>Arsip Blog <data:blog.pageName/></title>
<meta content='noindex,nofollow,noarchive' name='robots'/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<title>404 Not Found</title>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.isMobile'>
<title><data:blog.pageName/></title>
<b:else/>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>
</b:if>
</b:if>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'/>

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


<link href='https://plus.google.com/ID_GOOGLE' rel='publisher'/>
<link href='https://plus.google.com/ID_GOOGLE' rel='author'/>
<link href='https://plus.google.com/ID_GOOGLE' rel='me'/>
<meta content='Google_Verifikasi' name='google-site-verification'/>
<meta content='Alexa_Verifikasi' name='alexaVerifyID'/>
<meta content='Nama_Anda' name='author'/>
<meta content='en,id,ar,uk' name='DC.Language'/>
<meta content='Ficri Pebriyana' name='dcterms.creator'/>
<meta content='blogger' name='generator'/>
<meta content='index,follow' name='googlebot'/>
<meta content='1 days' name='revisit-after'/>
<meta content='index,follow,snipet' name='googlebot'/>
<meta content='translate' name='google'/>
<meta content='general' name='rating'/>
<meta content='id' name='geo.country'/>
<meta content='Indonesia' name='geo.placename'/>
<link expr:href='data:blog.url' rel='canonical'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<meta content='Masukan Keywords Anda Disini' name='keywords'/>
</b:if>
<meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-sc
ale=1.0' name='viewport'/>
<link expr:href='data:blog.homepageUrl + &quot;favicon.ico&quot;' rel='icon' typ
e='image/x-icon'/>
<link expr:href='data:blog.url' rel='canonical'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' expr:t
itle='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/a
tom+xml'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default?alt=rss&quot;
' expr:title='data:blog.title + &quot; - RSS&quot;' rel='alternate' type='applic
ation/rss+xml'/>
<link expr:href='&quot;http://www.blogger.com/feeds/&quot; + data:blog.blogId +
&quot;/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' r
el='alternate' type='application/atom+xml'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.postImageThumbnailUrl'>
<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
</b:if>
</b:if>
<b:if cond='data:blog.isMobile'>
<meta content='width=device-width,initial-scale=1.0,minimum-scale=0.5,maximum-sc
ale=2.0' name='viewport'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.metaDescription != &quot;&quot;'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<meta expr:content='data:blog.pageName' name='keywords'/>
</b:if>
</b:if>
<b:if cond='data:blog.searchLabel'>
<meta content='index,follow' name='robots'/>
</b:if>
<b:if cond='data:blog.isMobile'>
<meta content='index,follow' name='robots'/>
<b:else/>
<meta content='index,follow' name='robots'/>

<meta content='blogger' name='generator'/>


</b:if>
<!-- Facebook Open Graph -->
<meta content='ID_Facebook' property='fb:admins'/>
<meta content='ID_Aplikasi' property='fb:app_id'/>
<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:else/>
<meta content='http://2.bp.blogspot.com/-erTXCq61ULM/TmHYAQBZ0GI/AAAAAAAACCs/6cB
X54Dn6Gs/s120-c/default.png' property='og:image'/>
</b:if>
<!-- Twitter Cards -->
<meta content='summary' name='twitter:card'/>
<meta content='UserName' name='twitter:site'/>
<meta content='UserName' name='twitter:creator'/>
<meta expr:content='data:blog.title' name='twitter:title'/>
<b:if cond='data:blog.pageName'>
<meta expr:content='data:blog.pageName' name='twitter:title'/>
</b:if>
<b:if cond='data:blog.url'>
<meta expr:content='data:blog.url' name='twitter:url'/>
</b:if>
<meta expr:content='data:blog.metaDescription' name='twitter:description'/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' name='twitter:image'/>
<b:else/>
<meta content='http://2.bp.blogspot.com/-erTXCq61ULM/TmHYAQBZ0GI/AAAAAAAACCs/6cB
X54Dn6Gs/s120-c/default.png' property='og:image'/>
</b:if>
<meta content='http://www.ficripebriyana.com' name='twitter:domain'/>
&lt;style type=&quot;text/css&quot;&gt;
&lt;!-- /*<b:skin><![CDATA[
/*
Name
: Beauty Blogger Template
Author : Ficri Pebriyana
URL 1 : http://www.ficripebriyana.com
URL 2 : http://www.evo-template.blogspot.com
Date
: 29 Juni 2014
*/
#header-left {float:left;width:540px}
#header-right {float:right;width:400px}
#outer-wrapper {width:960px;margin:0 auto}
#content-wrapper {margin:0 auto;padding:0}
#main-wrapper {width:650px;float:left}
#sidebar-css {float:right;width:300px}
#underpost {margin:0 auto;padding:0}
#underleft {width:300px;float:left;}
#underright {width:300px;float:right;}
#footer-wrapper {width:100%;text-align:left;overflow:hidden;margin:20px 0px 0px
0px}
#footer-widgetfix .footer-widget {width:30.6%;float:left;margin-left:20px;}
#footer-widgetfix {max-width:1000px;overflow:hidden;margin:0 auto;}

#footer-wrapper .widget-content {text-align:left;margin:20px 0 15px;}


#footer-wrapper .widget-content li {margin-left:-14px;}
#footer-wrapper .widget li {margin:5px 0 0 0;padding:5px 0 0 15px;display:block;
}
*/]]></b:skin>
<style type='text/css'>
@font-face{font-family:&#39;FontAwesome&#39;;src:url(&#39;http://netdna.bootstra
pcdn.com/font-awesome/3.1.1/font/fontawesome-webfont.eot?v=3.1.0&#39;);src:url(&
#39;http://netdna.bootstrapcdn.com/font-awesome/3.1.1/font/fontawesome-webfont.e
ot?#iefix&amp;v=3.1.0&#39;) format(&#39;embedded-opentype&#39;),url(&#39;http://
netdna.bootstrapcdn.com/font-awesome/3.1.1/font/fontawesome-webfont.woff?v=3.1.0
&#39;) format(&#39;woff&#39;),url(&#39;http://netdna.bootstrapcdn.com/font-aweso
me/3.1.1/font/fontawesome-webfont.ttf?v=3.1.0&#39;) format(&#39;truetype&#39;),u
rl(&#39;http://netdna.bootstrapcdn.com/font-awesome/3.1.1/font/fontawesome-webfo
nt.svg#fontawesomeregular?v=3.1.0&#39;) format(&#39;svg&#39;);font-weight:normal
;font-style:normal}[class^=&quot;icon-&quot;],[class*=&quot; icon-&quot;]{font-f
amily:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;m
argin:0 3px 0 5px}[class^=&quot;icon-&quot;]:before,[class*=&quot; icon-&quot;]:
before{text-decoration:inherit;display:inline-block;speak:none}.icon-large:befor
e{vertical-align:-10%;font-size:1.3333333333333333em}a [class^=&quot;icon-&quot;
],a [class*=&quot; icon-&quot;],a [class^=&quot;icon-&quot;]:before,a [class*=&q
uot; icon-&quot;]:before{display:inline}[class^=&quot;icon-&quot;].icon-fixed-wi
dth,[class*=&quot; icon-&quot;].icon-fixed-width{display:inline-block;width:1.28
57142857142858em;text-align:center}[class^=&quot;icon-&quot;].icon-fixed-width.i
con-large,[class*=&quot; icon-&quot;].icon-fixed-width.icon-large{width:1.571428
5714285714em}ul.icons-ul{list-style-type:none;text-indent:-0.7142857142857143em;
margin-left:2.142857142857143em}ul.icons-ul&gt;li .icon-li{width:.71428571428571
43em;display:inline-block;text-align:center}[class^=&quot;icon-&quot;].hide,[cla
ss*=&quot; icon-&quot;].hide{display:none}.icon-muted{color:#eee}.icon-light{col
or:#fff}.icon-dark{color:#333}.icon-border{border:solid 1px #eee;padding:.2em .2
5em .15em;border-radius:3px}.icon-2x{font-size:2em}.icon-2x.icon-border{border-w
idth:2px;border-radius:4px}.icon-3x{font-size:3em}.icon-3x.icon-border{border-wi
dth:3px;border-radius:5px}.icon-4x{font-size:4em}.icon-4x.icon-border{border-wid
th:4px;border-radius:6px}.icon-5x{font-size:5em}.icon-5x.icon-border{border-widt
h:5px;border-radius:7px}.pull-right{float:right}.pull-left{float:left}[class^=&q
uot;icon-&quot;].pull-left,[class*=&quot; icon-&quot;].pull-left{margin-right:.3
em}[class^=&quot;icon-&quot;].pull-right,[class*=&quot; icon-&quot;].pull-right{
margin-left:.3em}[class^=&quot;icon-&quot;],[class*=&quot; icon-&quot;]{display:
inline;width:auto;height:auto;line-height:normal;vertical-align:baseline;backgro
und-image:none;background-position:0 0;background-repeat:repeat;margin-top:0}.ic
on-white,.nav-pills&gt;.active&gt;a&gt;[class^=&quot;icon-&quot;],.nav-pills&gt;
.active&gt;a&gt;[class*=&quot; icon-&quot;],.nav-list&gt;.active&gt;a&gt;[class^
=&quot;icon-&quot;],.nav-list&gt;.active&gt;a&gt;[class*=&quot; icon-&quot;],.na
vbar-inverse .nav&gt;.active&gt;a&gt;[class^=&quot;icon-&quot;],.navbar-inverse
.nav&gt;.active&gt;a&gt;[class*=&quot; icon-&quot;],.dropdown-menu&gt;li&gt;a:ho
ver&gt;[class^=&quot;icon-&quot;],.dropdown-menu&gt;li&gt;a:hover&gt;[class*=&qu
ot; icon-&quot;],.dropdown-menu&gt;.active&gt;a&gt;[class^=&quot;icon-&quot;],.d
ropdown-menu&gt;.active&gt;a&gt;[class*=&quot; icon-&quot;],.dropdown-submenu:ho
ver&gt;a&gt;[class^=&quot;icon-&quot;],.dropdown-submenu:hover&gt;a&gt;[class*=&
quot; icon-&quot;]{background-image:none}.btn [class^=&quot;icon-&quot;].icon-la
rge,.nav [class^=&quot;icon-&quot;].icon-large,.btn [class*=&quot; icon-&quot;].
icon-large,.nav [class*=&quot; icon-&quot;].icon-large{line-height:.9em}.btn [cl
ass^=&quot;icon-&quot;].icon-spin,.nav [class^=&quot;icon-&quot;].icon-spin,.btn
[class*=&quot; icon-&quot;].icon-spin,.nav [class*=&quot; icon-&quot;].icon-spi
n{display:inline-block}.nav-tabs [class^=&quot;icon-&quot;],.nav-pills [class^=&
quot;icon-&quot;],.nav-tabs [class*=&quot; icon-&quot;],.nav-pills [class*=&quot
; icon-&quot;],.nav-tabs [class^=&quot;icon-&quot;].icon-large,.nav-pills [class
^=&quot;icon-&quot;].icon-large,.nav-tabs [class*=&quot; icon-&quot;].icon-large
,.nav-pills [class*=&quot; icon-&quot;].icon-large{line-height:.9em}.btn [class^
=&quot;icon-&quot;].pull-left.icon-2x,.btn [class*=&quot; icon-&quot;].pull-left

.icon-2x,.btn [class^=&quot;icon-&quot;].pull-right.icon-2x,.btn [class*=&quot;


icon-&quot;].pull-right.icon-2x{margin-top:.18em}.btn [class^=&quot;icon-&quot;]
.icon-spin.icon-large,.btn [class*=&quot; icon-&quot;].icon-spin.icon-large{line
-height:.8em}.btn.btn-small [class^=&quot;icon-&quot;].pull-left.icon-2x,.btn.bt
n-small [class*=&quot; icon-&quot;].pull-left.icon-2x,.btn.btn-small [class^=&qu
ot;icon-&quot;].pull-right.icon-2x,.btn.btn-small [class*=&quot; icon-&quot;].pu
ll-right.icon-2x{margin-top:.25em}.btn.btn-large [class^=&quot;icon-&quot;],.btn
.btn-large [class*=&quot; icon-&quot;]{margin-top:0}.btn.btn-large [class^=&quot
;icon-&quot;].pull-left.icon-2x,.btn.btn-large [class*=&quot; icon-&quot;].pullleft.icon-2x,.btn.btn-large [class^=&quot;icon-&quot;].pull-right.icon-2x,.btn.b
tn-large [class*=&quot; icon-&quot;].pull-right.icon-2x{margin-top:.05em}.btn.bt
n-large [class^=&quot;icon-&quot;].pull-left.icon-2x,.btn.btn-large [class*=&quo
t; icon-&quot;].pull-left.icon-2x{margin-right:.2em}.btn.btn-large [class^=&quot
;icon-&quot;].pull-right.icon-2x,.btn.btn-large [class*=&quot; icon-&quot;].pull
-right.icon-2x{margin-left:.2em}.icon-stack{position:relative;display:inline-blo
ck;width:2em;height:2em;line-height:2em;vertical-align:-35%}.icon-stack [class^=
&quot;icon-&quot;],.icon-stack [class*=&quot; icon-&quot;]{display:block;text-al
ign:center;position:absolute;width:100%;height:100%;font-size:1em;line-height:in
herit;line-height:2em}.icon-stack .icon-stack-base{font-size:2em;line-height:1em
}.icon-spin{display:inline-block;animation:spin 2s infinite linear}@keyframes sp
in{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.icon-rotate-90::bef
ore{transform:rotate(90deg)}.icon-rotate-180:before{transform:rotate(180deg)}.ic
on-rotate-270:before{transform:rotate(270deg)}.icon-flip-horizontal:before{trans
form:scale(-1,1)}.icon-flip-vertical:before{transform:scale(1,-1)}.icon-glass:be
fore{content:&quot;\f000&quot;}.icon-music:before{content:&quot;\f001&quot;}.ico
n-search:before{content:&quot;\f002&quot;}.icon-envelope:before{content:&quot;\f
003&quot;}.icon-heart:before{content:&quot;\f004&quot;}.icon-star:before{content
:&quot;\f005&quot;}.icon-star-empty:before{content:&quot;\f006&quot;}.icon-user:
before{content:&quot;\f007&quot;}.icon-film:before{content:&quot;\f008&quot;}.ic
on-th-large:before{content:&quot;\f009&quot;}.icon-th:before{content:&quot;\f00a
&quot;}.icon-th-list:before{content:&quot;\f00b&quot;}.icon-ok:before{content:&q
uot;\f00c&quot;}.icon-remove:before{content:&quot;\f00d&quot;}.icon-zoom-in:befo
re{content:&quot;\f00e&quot;}.icon-zoom-out:before{content:&quot;\f010&quot;}.ic
on-off:before{content:&quot;\f011&quot;}.icon-signal:before{content:&quot;\f012&
quot;}.icon-cog:before{content:&quot;\f013&quot;}.icon-trash:before{content:&quo
t;\f014&quot;}.icon-home:before{content:&quot;\f015&quot;}.icon-file:before{cont
ent:&quot;\f016&quot;}.icon-time:before{content:&quot;\f017&quot;}.icon-road:bef
ore{content:&quot;\f018&quot;}.icon-download-alt:before{content:&quot;\f019&quot
;}.icon-download:before{content:&quot;\f01a&quot;}.icon-upload:before{content:&q
uot;\f01b&quot;}.icon-inbox:before{content:&quot;\f01c&quot;}.icon-play-circle:b
efore{content:&quot;\f01d&quot;}.icon-repeat:before,.icon-rotate-right:before{co
ntent:&quot;\f01e&quot;}.icon-refresh:before{content:&quot;\f021&quot;}.icon-lis
t-alt:before{content:&quot;\f022&quot;}.icon-lock:before{content:&quot;\f023&quo
t;}.icon-flag:before{content:&quot;\f024&quot;}.icon-headphones:before{content:&
quot;\f025&quot;}.icon-volume-off:before{content:&quot;\f026&quot;}.icon-volumedown:before{content:&quot;\f027&quot;}.icon-volume-up:before{content:&quot;\f028
&quot;}.icon-qrcode:before{content:&quot;\f029&quot;}.icon-barcode:before{conten
t:&quot;\f02a&quot;}.icon-tag:before{content:&quot;\f02b&quot;}.icon-tags:before
{content:&quot;\f02c&quot;}.icon-book:before{content:&quot;\f02d&quot;}.icon-boo
kmark:before{content:&quot;\f02e&quot;}.icon-print:before{content:&quot;\f02f&qu
ot;}.icon-camera:before{content:&quot;\f030&quot;}.icon-font:before{content:&quo
t;\f031&quot;}.icon-bold:before{content:&quot;\f032&quot;}.icon-italic:before{co
ntent:&quot;\f033&quot;}.icon-text-height:before{content:&quot;\f034&quot;}.icon
-text-width:before{content:&quot;\f035&quot;}.icon-align-left:before{content:&qu
ot;\f036&quot;}.icon-align-center:before{content:&quot;\f037&quot;}.icon-align-r
ight:before{content:&quot;\f038&quot;}.icon-align-justify:before{content:&quot;\
f039&quot;}.icon-list:before{content:&quot;\f03a&quot;}.icon-indent-left:before{
content:&quot;\f03b&quot;}.icon-indent-right:before{content:&quot;\f03c&quot;}.i
con-facetime-video:before{content:&quot;\f03d&quot;}.icon-picture:before{content
:&quot;\f03e&quot;}.icon-pencil:before{content:&quot;\f040&quot;}.icon-map-marke

r:before{content:&quot;\f041&quot;}.icon-adjust:before{content:&quot;\f042&quot;
}.icon-tint:before{content:&quot;\f043&quot;}.icon-edit:before{content:&quot;\f0
44&quot;}.icon-share:before{content:&quot;\f045&quot;}.icon-check:before{content
:&quot;\f046&quot;}.icon-move:before{content:&quot;\f047&quot;}.icon-step-backwa
rd:before{content:&quot;\f048&quot;}.icon-fast-backward:before{content:&quot;\f0
49&quot;}.icon-backward:before{content:&quot;\f04a&quot;}.icon-play:before{conte
nt:&quot;\f04b&quot;}.icon-pause:before{content:&quot;\f04c&quot;}.icon-stop:bef
ore{content:&quot;\f04d&quot;}.icon-forward:before{content:&quot;\f04e&quot;}.ic
on-fast-forward:before{content:&quot;\f050&quot;}.icon-step-forward:before{conte
nt:&quot;\f051&quot;}.icon-eject:before{content:&quot;\f052&quot;}.icon-chevronleft:before{content:&quot;\f053&quot;}
.icon-chevron-right:before{content:&quot;\f054&quot;}.icon-plus-sign:before{cont
ent:&quot;\f055&quot;}.icon-minus-sign:before{content:&quot;\f056&quot;}.icon-re
move-sign:before{content:&quot;\f057&quot;}.icon-ok-sign:before{content:&quot;\f
058&quot;}.icon-question-sign:before{content:&quot;\f059&quot;}.icon-info-sign:b
efore{content:&quot;\f05a&quot;}.icon-screenshot:before{content:&quot;\f05b&quot
;}.icon-remove-circle:before{content:&quot;\f05c&quot;}.icon-ok-circle:before{co
ntent:&quot;\f05d&quot;}.icon-ban-circle:before{content:&quot;\f05e&quot;}.iconarrow-left:before{content:&quot;\f060&quot;}.icon-arrow-right:before{content:&qu
ot;\f061&quot;}.icon-arrow-up:before{content:&quot;\f062&quot;}.icon-arrow-down:
before{content:&quot;\f063&quot;}.icon-share-alt:before,.icon-mail-forward:befor
e{content:&quot;\f064&quot;}.icon-resize-full:before{content:&quot;\f065&quot;}.
icon-resize-small:before{content:&quot;\f066&quot;}.icon-plus:before{content:&qu
ot;\f067&quot;}.icon-minus:before{content:&quot;\f068&quot;}.icon-asterisk:befor
e{content:&quot;\f069&quot;}.icon-exclamation-sign:before{content:&quot;\f06a&qu
ot;}.icon-gift:before{content:&quot;\f06b&quot;}.icon-leaf:before{content:&quot;
\f06c&quot;}.icon-fire:before{content:&quot;\f06d&quot;}.icon-eye-open:before{co
ntent:&quot;\f06e&quot;}.icon-eye-close:before{content:&quot;\f070&quot;}.icon-w
arning-sign:before{content:&quot;\f071&quot;}.icon-plane:before{content:&quot;\f
072&quot;}.icon-calendar:before{content:&quot;\f073&quot;}.icon-random:before{co
ntent:&quot;\f074&quot;}.icon-comment:before{content:&quot;\f075&quot;}.icon-mag
net:before{content:&quot;\f076&quot;}.icon-chevron-up:before{content:&quot;\f077
&quot;}.icon-chevron-down:before{content:&quot;\f078&quot;}.icon-retweet:before{
content:&quot;\f079&quot;}.icon-shopping-cart:before{content:&quot;\f07a&quot;}.
icon-folder-close:before{content:&quot;\f07b&quot;}.icon-folder-open:before{cont
ent:&quot;\f07c&quot;}.icon-resize-vertical:before{content:&quot;\f07d&quot;}.ic
on-resize-horizontal:before{content:&quot;\f07e&quot;}.icon-bar-chart:before{con
tent:&quot;\f080&quot;}
.icon-twitter-sign:before{content:&quot;\f081&quot;}.icon-facebook-sign:before{c
ontent:&quot;\f082&quot;}.icon-camera-retro:before{content:&quot;\f083&quot;}.ic
on-key:before{content:&quot;\f084&quot;}.icon-cogs:before{content:&quot;\f085&qu
ot;}.icon-comments:before{content:&quot;\f086&quot;}.icon-thumbs-up:before{conte
nt:&quot;\f087&quot;}.icon-thumbs-down:before{content:&quot;\f088&quot;}.icon-st
ar-half:before{content:&quot;\f089&quot;}.icon-heart-empty:before{content:&quot;
\f08a&quot;}.icon-signout:before{content:&quot;\f08b&quot;}.icon-linkedin-sign:b
efore{content:&quot;\f08c&quot;}.icon-pushpin:before{content:&quot;\f08d&quot;}.
icon-external-link:before{content:&quot;\f08e&quot;}.icon-signin:before{content:
&quot;\f090&quot;}.icon-trophy:before{content:&quot;\f091&quot;}.icon-github-sig
n:before{content:&quot;\f092&quot;}.icon-upload-alt:before{content:&quot;\f093&q
uot;}.icon-lemon:before{content:&quot;\f094&quot;}.icon-phone:before{content:&qu
ot;\f095&quot;}.icon-check-empty:before{content:&quot;\f096&quot;}.icon-bookmark
-empty:before{content:&quot;\f097&quot;}.icon-phone-sign:before{content:&quot;\f
098&quot;}.icon-twitter:before{content:&quot;\f099&quot;}.icon-facebook:before{c
ontent:&quot;\f09a&quot;}.icon-github:before{content:&quot;\f09b&quot;}.icon-unl
ock:before{content:&quot;\f09c&quot;}.icon-credit-card:before{content:&quot;\f09
d&quot;}.icon-rss:before{content:&quot;\f09e&quot;}.icon-hdd:before{content:&quo
t;\f0a0&quot;}.icon-bullhorn:before{content:&quot;\f0a1&quot;}.icon-bell:before{
content:&quot;\f0a2&quot;}.icon-certificate:before{content:&quot;\f0a3&quot;}.ic
on-hand-right:before{content:&quot;\f0a4&quot;}.icon-hand-left:before{content:&q
uot;\f0a5&quot;}.icon-hand-up:before{content:&quot;\f0a6&quot;}.icon-hand-down:b

efore{content:&quot;\f0a7&quot;}.icon-circle-arrow-left:before{content:&quot;\f0
a8&quot;}.icon-circle-arrow-right:before{content:&quot;\f0a9&quot;}.icon-circlearrow-up:before{content:&quot;\f0aa&quot;}.icon-circle-arrow-down:before{content
:&quot;\f0ab&quot;}.icon-globe:before{content:&quot;\f0ac&quot;}.icon-wrench:bef
ore{content:&quot;\f0ad&quot;}.icon-tasks:before{content:&quot;\f0ae&quot;}.icon
-filter:before{content:&quot;\f0b0&quot;}.icon-briefcase:before{content:&quot;\f
0b1&quot;}.icon-fullscreen:before{content:&quot;\f0b2&quot;}.icon-group:before{c
ontent:&quot;\f0c0&quot;}.icon-link:before{content:&quot;\f0c1&quot;}.icon-cloud
:before{content:&quot;\f0c2&quot;}.icon-beaker:before{content:&quot;\f0c3&quot;}
.icon-cut:before{content:&quot;\f0c4&quot;}.icon-copy:before{content:&quot;\f0c5
&quot;}.icon-paper-clip:before{content:&quot;\f0c6&quot;}.icon-save:before{conte
nt:&quot;\f0c7&quot;}.icon-sign-blank:before{content:&quot;\f0c8&quot;}.icon-reo
rder:before{content:&quot;\f0c9&quot;}.icon-list-ul:before{content:&quot;\f0ca&q
uot;}.icon-list-ol:before{content:&quot;\f0cb&quot;}.icon-strikethrough:before{c
ontent:&quot;\f0cc&quot;}.icon-underline:before{content:&quot;\f0cd&quot;}.icontable:before{content:&quot;\f0ce&quot;}.icon-magic:before{content:&quot;\f0d0&qu
ot;}.icon-truck:before{content:&quot;\f0d1&quot;}.icon-pinterest:before{content:
&quot;\f0d2&quot;}.icon-pinterest-sign:before{content:&quot;\f0d3&quot;}.icon-go
ogle-plus-sign:before{content:&quot;\f0d4&quot;}.icon-google-plus:before{content
:&quot;\f0d5&quot;}.icon-money:before{content:&quot;\f0d6&quot;}.icon-caret-down
:before{content:&quot;\f0d7&quot;}.icon-caret-up:before{content:&quot;\f0d8&quot
;}.icon-caret-left:before{content:&quot;\f0d9&quot;}.icon-caret-right:before{con
tent:&quot;\f0da&quot;}.icon-columns:before{content:&quot;\f0db&quot;}.icon-sort
:before{content:&quot;\f0dc&quot;}.icon-sort-down:before{content:&quot;\f0dd&quo
t;}.icon-sort-up:before{content:&quot;\f0de&quot;}.icon-envelope-alt:before{cont
ent:&quot;\f0e0&quot;}.icon-linkedin:before{content:&quot;\f0e1&quot;}.icon-undo
:before,.icon-rotate-left:before{content:&quot;\f0e2&quot;}.icon-legal:before{co
ntent:&quot;\f0e3&quot;}.icon-dashboard:before{content:&quot;\f0e4&quot;}.icon-c
omment-alt:before{content:&quot;\f0e5&quot;}.icon-comments-alt:before{content:&q
uot;\f0e6&quot;}.icon-bolt:before{content:&quot;\f0e7&quot;}.icon-sitemap:before
{content:&quot;\f0e8&quot;}.icon-umbrella:before{content:&quot;\f0e9&quot;}.icon
-paste:before{content:&quot;\f0ea&quot;}.icon-lightbulb:before{content:&quot;\f0
eb&quot;}.icon-exchange:before{content:&quot;\f0ec&quot;}.icon-cloud-download:be
fore{content:&quot;\f0ed&quot;}.icon-cloud-upload:before{content:&quot;\f0ee&quo
t;}.icon-user-md:before{content:&quot;\f0f0&quot;}.icon-stethoscope:before{conte
nt:&quot;\f0f1&quot;}.icon-suitcase:before{content:&quot;\f0f2&quot;}.icon-bellalt:before{content:&quot;\f0f3&quot;}.icon-coffee:before{content:&quot;\f0f4&quo
t;}.icon-food:before{content:&quot;\f0f5&quot;}.icon-file-alt:before{content:&qu
ot;\f0f6&quot;}.icon-building:before{content:&quot;\f0f7&quot;}.icon-hospital:be
fore{content:&quot;\f0f8&quot;}.icon-ambulance:before{content:&quot;\f0f9&quot;}
.icon-medkit:before{content:&quot;\f0fa&quot;}.icon-fighter-jet:before{content:&
quot;\f0fb&quot;}.icon-beer:before{content:&quot;\f0fc&quot;}.icon-h-sign:before
{content:&quot;\f0fd&quot;}.icon-plus-sign-alt:before{content:&quot;\f0fe&quot;}
.icon-double-angle-left:before{content:&quot;\f100&quot;}.icon-double-angle-righ
t:before{content:&quot;\f101&quot;}.icon-double-angle-up:before{content:&quot;\f
102&quot;}.icon-double-angle-down:before{content:&quot;\f103&quot;}.icon-angle-l
eft:before{content:&quot;\f104&quot;}.icon-angle-right:before{content:&quot;\f10
5&quot;}.icon-angle-up:before{content:&quot;\f106&quot;}.icon-angle-down:before{
content:&quot;\f107&quot;}.icon-desktop:before{content:&quot;\f108&quot;}.icon-l
aptop:before{content:&quot;\f109&quot;}.icon-tablet:before{content:&quot;\f10a&q
uot;}.icon-mobile-phone:before{content:&quot;\f10b&quot;}.icon-circle-blank:befo
re{content:&quot;\f10c&quot;}.icon-quote-left:before{content:&quot;\f10d&quot;}.
icon-quote-right:before{content:&quot;\f10e&quot;}.icon-spinner:before{content:&
quot;\f110&quot;}.icon-circle:before{content:&quot;\f111&quot;}.icon-reply:befor
e,.icon-mail-reply:before{content:&quot;\f112&quot;}.icon-folder-close-alt:befor
e{content:&quot;\f114&quot;}.icon-folder-open-alt:before{content:&quot;\f115&quo
t;}.icon-expand-alt:before{content:&quot;\f116&quot;}.icon-collapse-alt:before{c
ontent:&quot;\f117&quot;}.icon-smile:before{content:&quot;\f118&quot;}.icon-frow
n:before{content:&quot;\f119&quot;}.icon-meh:before{content:&quot;\f11a&quot;}.i
con-gamepad:before{content:&quot;\f11b&quot;}.icon-keyboard:before{content:&quot

;\f11c&quot;}.icon-flag-alt:before{content:&quot;\f11d&quot;}.icon-flag-checkere
d:before{content:&quot;\f11e&quot;}.icon-terminal:before{content:&quot;\f120&quo
t;}.icon-code:before{content:&quot;\f121&quot;}.icon-reply-all:before{content:&q
uot;\f122&quot;}.icon-mail-reply-all:before{content:&quot;\f122&quot;}.icon-star
-half-full:before,.icon-star-half-empty:before{content:&quot;\f123&quot;}.icon-l
ocation-arrow:before{content:&quot;\f124&quot;}.icon-crop:before{content:&quot;\
f125&quot;}.icon-code-fork:before{content:&quot;\f126&quot;}.icon-unlink:before{
content:&quot;\f127&quot;}.icon-question:before{content:&quot;\f128&quot;}.iconinfo:before{content:&quot;\f129&quot;}.icon-exclamation:before{content:&quot;\f1
2a&quot;}.icon-superscript:before{content:&quot;\f12b&quot;}.icon-subscript:befo
re{content:&quot;\f12c&quot;}.icon-eraser:before{content:&quot;\f12d&quot;}.icon
-puzzle-piece:before{content:&quot;\f12e&quot;}.icon-microphone:before{content:&
quot;\f130&quot;}.icon-microphone-off:before{content:&quot;\f131&quot;}.icon-shi
eld:before{content:&quot;\f132&quot;}.icon-calendar-empty:before{content:&quot;\
f133&quot;}.icon-fire-extinguisher:before{content:&quot;\f134&quot;}.icon-rocket
:before{content:&quot;\f135&quot;}.icon-maxcdn:before{content:&quot;\f136&quot;}
.icon-chevron-sign-left:before{content:&quot;\f137&quot;}.icon-chevron-sign-righ
t:before{content:&quot;\f138&quot;}.icon-chevron-sign-up:before{content:&quot;\f
139&quot;}.icon-chevron-sign-down:before{content:&quot;\f13a&quot;}.icon-html5:b
efore{content:&quot;\f13b&quot;}.icon-css3:before{content:&quot;\f13c&quot;}.ico
n-anchor:before{content:&quot;\f13d&quot;}.icon-unlock-alt:before{content:&quot;
\f13e&quot;}.icon-bullseye:before{content:&quot;\f140&quot;}.icon-ellipsis-horiz
ontal:before{content:&quot;\f141&quot;}.icon-ellipsis-vertical:before{content:&q
uot;\f142&quot;}.icon-rss-sign:before{content:&quot;\f143&quot;}.icon-play-sign:
before{content:&quot;\f144&quot;}.icon-ticket:before{content:&quot;\f145&quot;}.
icon-minus-sign-alt:before{content:&quot;\f146&quot;}.icon-check-minus:before{co
ntent:&quot;\f147&quot;}.icon-level-up:before{content:&quot;\f148&quot;}.icon-le
vel-down:before{content:&quot;\f149&quot;}.icon-check-sign:before{content:&quot;
\f14a&quot;}.icon-edit-sign:before{content:&quot;\f14b&quot;}.icon-external-link
-sign:before{content:&quot;\f14c&quot;}.icon-share-sign:before{content:&quot;\f1
4d&quot;}
@font-face{font-family:&#39;Oswald&#39;;font-style:normal;font-weight:400;src:lo
cal(&#39;Oswald Regular&#39;),local(&#39;Oswald-Regular&#39;),url(http://themes.
googleusercontent.com/static/fonts/oswald/v8/-g5pDUSRgvxvOl5u-a_WHw.woff) format
(&#39;woff&#39;)}
@font-face{font-family:&#39;Roboto&#39;;font-style:normal;font-weight:300;src:lo
cal(&#39;Roboto Light&#39;),local(&#39;Roboto-Light&#39;),url(http://themes.goog
leusercontent.com/static/fonts/roboto/v10/Hgo13k-tfSpn0qi1SFdUfT8E0i7KZn-EPnyo3H
Zu7kw.woff) format(&#39;woff&#39;)}
@font-face{font-family:&#39;Roboto&#39;;font-style:normal;font-weight:400;src:lo
cal(&#39;Roboto Regular&#39;),local(&#39;Roboto-Regular&#39;),url(http://themes.
googleusercontent.com/static/fonts/roboto/v10/2UX7WLTfW3W8TclTUvlFyQ.woff) forma
t(&#39;woff&#39;)}
@font-face{font-family:&#39;Roboto&#39;;font-style:normal;font-weight:500;src:lo
cal(&#39;Roboto Medium&#39;),local(&#39;Roboto-Medium&#39;),url(http://themes.go
ogleusercontent.com/static/fonts/roboto/v10/RxZJdnzeo3R5zSexge8UUT8E0i7KZn-EPnyo
3HZu7kw.woff) format(&#39;woff&#39;)}
@font-face{font-family:&#39;Roboto&#39;;font-style:normal;font-weight:700;src:lo
cal(&#39;Roboto Bold&#39;),local(&#39;Roboto-Bold&#39;),url(http://themes.google
usercontent.com/static/fonts/roboto/v10/d-6IYplOFocCacKzxwXSOD8E0i7KZn-EPnyo3HZu
7kw.woff) format(&#39;woff&#39;)}
@font-face{font-family:&#39;Roboto&#39;;font-style:italic;font-weight:400;src:lo
cal(&#39;Roboto Italic&#39;),local(&#39;Roboto-Italic&#39;),url(http://themes.go
ogleusercontent.com/static/fonts/roboto/v10/1pO9eUAp8pSF8VnRTP3xnvesZW2xOQ-xsNqO
47m55DA.woff) format(&#39;woff&#39;)}
@font-face{font-family:&#39;Spirax&#39;;font-style:normal;font-weight:400;src:lo
cal(&#39;Spirax-Regular&#39;),url(http://themes.googleusercontent.com/static/fon
ts/spirax/v3/wiA6NnIvV_zF9oTZ_yafzA.woff) format(&#39;woff&#39;)}
@font-face{font-family:&#39;Merienda&#39;;font-style:normal;font-weight:400;src:

local(&#39;Merienda&#39;),local(&#39;Merienda-Regular_0_wt&#39;),url(http://them
es.googleusercontent.com/static/fonts/merienda/v2/4NYVQDcgs3Fbi_xdFMC7lPesZW2xOQ
-xsNqO47m55DA.woff) format(&#39;woff&#39;)}
#navbar-iframe{height:0;visibility:hidden;display:none}
body{background:#d7d7d7;color:#4a5764;font-family:Roboto,Arial,Oswald,Helvetica,
sans-serif;font-size:13px;line-height:22px;text-decoration:none;margin:0;padding
:0}
a,a:link,a:visited,a:active{color:#509dd5;text-decoration:none}
a:hover{color:#2f3741;text-decoration:none;transition:all 0.5s ease}
h2.date-header{display:none}
/* Main Area */
#outer-wrapper{position:relative;width:100%;margin:0 auto;padding:0;overflow:hid
den}
#content-wrapper{margin:20px auto;position:relative;width:90%;display:block;padd
ing:0}
#main-wrapper{background:#fff;width:66%;float:left;word-wrap:break-word;display:
block;padding:0 0 15px;position:relative;margin:0 auto;border:7px solid #eee;box
-shadow:1px 1px 5px rgba(1,1,1,.1)}
#sidebar-css{width:31%;position:relative;bottom:0;top:0;right:0;display:block;fl
oat:right}
/* Kepala */
#header-inner{line-height:25px;padding:0;margin:0}
#head-top{width:100%;margin:0 auto;padding:0;background:#222;box-shadow:inset 0
0 12px #111;position:relative;display:block}
#header-wrapper{background:transparent url(http://2.bp.blogspot.com/-yNE4A_H3C2o
/U1E6RPYNEpI/AAAAAAAADRQ/UOP1mUKaxGE/s1600/line.png) repeat-x bottom center;widt
h:100%;margin:0 auto;padding-top:30px;position:relative;display:block}
#header-left{padding:0;margin:0;width:55%;overflow:hidden;float:left;display:blo
ck}
#header-right{margin:0;padding:0;float:right;width:45%;display:block}
#right,.right{float:right;display:block;margin:0;padding:0;width:100%}
#header{width:auto;float:left;overflow:hidden;margin:10px 0}
#header h1,#header h2{text-shadow:3px 3px #000;color:#bbb;font-family:Roboto,Ari
al,Oswald,Helvetica,sans-serif;font-size:30px;font-weight:700;margin-top:23px;ma
rgin-left:14px;padding:0}
#header .description{text-shadow:3px 3px #000;margin-left:15px;font-family:Robot
o,Arial,Oswald,Helvetica,sans-serif;font-weight:700;color:#777;font-size:14px;pa
dding:0;margin-top:-20px}
#header h1 a,#header h1 a:visited,#header h2 a,#header h2 a:visited{color:#bbb;t
ext-decoration:none}
/* CSS Kotak Search */
#search-form-feed{width:450px;float:right;background:#333;margin-top:-34px;posit
ion:relative}
#feed-q-input{width:150px;height:19px;float:left;border:none;background:#ddd;fon
t-size:13px;color:#999;font-weight:400;padding:10px 5px;position:fixed;z-index:9
999;display:block;margin:0 160px}
#feed-q-input:focus{background-color:#f7f7f7;color:#333;outline:none;display:blo
ck}
#search-form-feed input[type=&quot;submit&quot;]{overflow:visible;position:fixed
;float:right;border:0;cursor:pointer;height:39px;width:80px;font-weight:700;colo
r:#f9f9f9;text-transform:uppercase;background:#509DD5;z-index:9999;padding:0;dis
play:block;margin:0 320px}
#search-result-container{width:30%;overflow:auto;position:fixed;z-index:9999;pad
ding:10px;right:0;top:40px;display:none;font-size:11px;background-color:white;te
xt-transform:none;border:3px solid #333}
#search-result-container li{margin:0 0 5px;padding:0;list-style:none;word-wrap:b

reak-word;font-size:10px;color:#141414;background-color:white;text-transform:non
e}
#search-result-container li a{text-decoration:none;font-weight:700;font-size:11p
x;display:block;line-height:14px;padding:0;font-weight:700}
#search-result-container mark{background-color:yellow;color:black}
#search-result-container h4{margin:0 0 10px;font:normal bold 12px;color:black}
#search-result-container ol{margin:0 0 10px;padding:0 0;overflow:auto;height:300
px}
#search-result-container:hover ol{overflow:auto}
#search-result-container li img{display:block;float:left;margin:0 5px 1px 0;padd
ing:2px;border:1px solid #D1D1D1}
#search-result-loader{top:40px;position:fixed;z-index:9999;width:100%;line-heigh
t:30px;color:#509DD5;padding:0 10px;margin:0 155px;display:none}
#search-result-container p{margin:5px 0}
#search-result-container .close{position:absolute;right:8px;top:8px;font-size:12
px;color:white;text-decoration:none;width:15px;height:13px;background-color:#129
5C9;line-height:12px;text-align:center;padding-top:2px}
/* CSS Breadcrumbs */
.breadcrumbs{background:#292929;color:#aaa;line-height:1.5em;font-size:100%;marg
in:0;padding:8px 15px;font-weight:normal;font-family:Oswald,Roboto,Arial}
.breadcrumbs a:link,.breadcrumbs a:visited,.breadcrumbs a:active{text-decoration
:none;transition:all .3s ease-in-out;color:#bbb;overflow:hidden;font-size:100%;l
ine-height:1.6em;margin:0;font-weight:normal}
.breadcrumbs a:hover{opacity:.7}
/* Postingan */
.post{margin:0;padding:0;background:#fff;position:relative}
.post-thumbnail{float:left;margin:0;padding:0}
.post h2{background:#29737F;margin:0;color:#393939;padding:10px 15px;font-size:2
5px;font-weight:400;line-height:1.0em;font-family:Oswald,Roboto,Arial}
.post h2 a{color:#393939}
.post-body{line-height:1.8em;color:#555;font-size:100%;padding:35px 21px;margintop:5px}
.post-body blockquote{line-height:1.3em}
.post img{max-width:620px;height:auto;color:#ddd}
.separator{float:none;max-width:100%;height:auto;width:auto;margin:0 auto}
.separator img{max-width:80%;height:auto;width:auto;margin:0;padding:0}
.resource{display:block;padding:5px 10px;border:1px solid #ddd;background-color:
#eee;color:#66798a;font:normal normal 11px/normal Tahoma,Verdana,Arial,Sans-Seri
f}
#sharelabel{background:#222;padding:10px 3px;margin:0}
.sharepost{margin:4px 0;padding:0}
.sharepost a{color:#fff;position:relative;margin-right:5px;text-transform:upperc
ase;font-family:&#39;Oswald&#39;,sans-serif;font-size:11px;font-weight:normal;pa
dding:7px 10px}
.sharepost i{padding-right:5px;font-size:14px}
.twshare{background:#4FC4F6;box-shadow:0 1px 2px #aaa}
.fbshare{background:#3468AF;box-shadow:0 1px 2px #aaa}
.gpshare{background:#E64C65;box-shadow:0 1px 2px #aaa}
.more-share{background:#A20465;box-shadow:0 1px 2px #aaa}
.lkshare{background:#3692C3;box-shadow:0 1px 2px #aaa}
.twshare:hover,.fbshare:hover,.gpshare:hover,.more-share:hover{opacity:.7}
#wrap-label{margin:0;padding:0;background:#292e34}
.label-css{background:#509DD5;margin:0;padding:10px}
.labelpost{margin:0;padding:0;position:relative}
.labelpost a{background-color:#397eae;color:#eee;padding:5px 10px;margin-right:3
px;font-weight:normal;font-size:12px}
.labelpost a:hover{opacity:.7}

#translate{float:right;font-weight:700;font-size:14px!important;background:#1B91
51;margin-top:-6px}
#dateprint{background:#deedf8;margin:0;padding:7px 15px}
.datex{font-size:12px;font-weight:700;color:#999;float:right;padding:0;margin:20
px 15px 30px}
#printfriendly{background:#EA5F39;color:#555;text-decoration:none;margin-top:-3p
x;padding:2px 5px 2px 0;float:right}
#printfriendly:hover{background:#C12900}
#printfriendly span.print{background:url(http://4.bp.blogspot.com/-mAHehSZvM9M/U
rTyQ0kp6rI/AAAAAAAAar4/3KWs3Lzj9xQ/s1600/print.png) no-repeat;border:none;box-sh
adow:none;margin:3px 6px -3px;padding-left:20px;color:#fff;font-weight:700}
#printfriendly span.pdf{background:url(http://1.bp.blogspot.com/-XScQHsbLaTU/UrT
yQwBdjfI/AAAAAAAAar0/uxsmAfxYYqI/s1600/pdf_document.png) no-repeat;border:none;b
ox-shadow:none;margin:3px 0 -3px;padding-left:20px;color:#fff;font-weight:700}
/* Back to Top */
#BounceToTop{background:#BDB5E2;text-align:center;position:fixed;bottom:10px;rig
ht:4px;cursor:pointer;width:30px;height:20px;padding:5px;display:none;border:1px
solid #CBB5D6}
#BounceToTop:before{content:&quot;&quot;;position:absolute;bottom:5px;right:5px;
width:0;height:0;border-style:solid;border-width:0 15px 20px 15px;border-color:t
ransparent transparent #fff transparent;line-height:0}
#BounceToTop:hover:before{content:&quot;&quot;;position:absolute;bottom:5px;righ
t:5px;width:0;height:0;border-style:solid;border-width:0 15px 20px 15px;border-c
olor:transparent transparent #0076EB transparent;line-height:0}
#BounceToTop:after{content:&quot;&quot;;position:absolute;bottom:5px;right:11px;
width:0;height:0;border-style:solid;border-width:0 9px 12px 9px;border-color:tra
nsparent transparent #BDB5E2 transparent;line-height:0}
/* Post Info */
.infopost{background:#509dd5;margin:0;padding:0}
.postheader{margin:0;padding:0;overflow:hidden}
.post-info{padding:10px 15px;margin:0;color:#eee;line-height:1.6em;font-size:12p
x;overflow:hidden;font-weight:700!important;text-transform:uppercase}
.post-info a{color:#e9f6ff!important}
.post-info a:hover{text-decoration:none;color:#c0e4ff!important}
/* Related Post with Box Advertise */
#relatedads{margin:0;padding:5px;background:#222}
.kotakleft{background:#292929;width:46%;margin:0;padding:5px;display:block;float
:left}
#related-post h4{font-family:&#39;Oswald&#39;,Arial,sans-serif;font-size:17px;fo
nt-weight:normal;text-transform:uppercase;color:#eee;margin:0 0 15px}
#related-post li{background:url(http://4.bp.blogspot.com/-Bt0JYGRHfpk/T7ZpN5RNSQ
I/AAAAAAAAGJQ/zQtrWVZwgHA/s1600/bullet.png) 1px 9px no-repeat;line-height:1.8em;
margin:0;padding:0 0 5px 20px}
#related-post ul{list-style:none;margin:0;padding:0}
#related-post a{font-size:14px;color:#eee}
#related-post a:hover{color:#ccc}
#adspost{background:#509dd5;margin:0;padding:0;float:right;display:block;positio
n:relative}
#adspost-box{background:linear-gradient(180deg,#f26c9a,#ca3669 50%,#a12952);widt
h:300px;height:250px;margin:0;padding:0;text-align:center;display:block}
.tag1{text-transform:uppercase;font-size:28px;font-weight:600;text-shadow:0 2px
1px #5d283a;color:#f6f6f6;padding:65px 0 0}
.tag2{font-size:100%;color:#fff;text-transform:uppercase;font-weight:700;padding
:7px 0;text-shadow:0 2px 1px #5d283a}
.tag3{background:linear-gradient(180deg,#fff,#ddd 50%,#bbb);color:#ca3669;text-t
ransform:uppercase;font-size:22px;padding:15px 0;text-shadow:0 2px 1px #eee;bord
er-radius:4px;max-width:75%;box-shadow:0 2px 3px #333;font-weight:700;letter-spa

cing:2px;text-align:center;margin:0 auto;display:block}
/* bullet dan gak pake nummber */
.post ul{margin:5px 0 5px 10px;padding:0 0 0 20px;list-style-image:url(https://l
h6.googleusercontent.com/-srWaQyUtNmA/T94gLhM15CI/AAAAAAAAAOU/3StwGw0nQsM/s12/Ul
%2520li.png)}
/* Under Post */
#underpost{height:auto;padding:20px 0;overflow:hidden;margin:20px 0 0;width:100%
}
#underpost li{list-style:none}
#underleft{float:left;width:46%}
#underright{float:right;width:46%}
#underleft,#underright{color:#666;margin:0 auto;padding:0;background:#fff;box-sh
adow:1px 1px 5px rgba(1,1,1,.1)}
#underleft h2,#underright h2{background:#222;border-bottom:4px solid #444;color:
#f9f9f9;text-transform:uppercase;font-family:&#39;Oswald&#39;,Arial,sans-serif;f
ont-size:16px;font-weight:normal;position:relative;margin:-20px -20px 15px -20px
;padding:15px 20px 16px 70px}
#underright h2:before,#underleft h2:before{background:#444;content:&quot;\f085&q
uot;;font-family:&#39;fontAwesome&#39;;font-size:22px;font-style:normal;color:#5
09DD5;top:0;left:0;padding:16px 18px;position:absolute}
img.label_thumb{float:left;margin-right:10px!important;margin-bottom:6px;margintop:2px;height:70px;width:70px;border:#eee solid 4px}
.label_with_thumbs{float:left;width:100%;min-height:70px;margin:0 10px 10px 0;pa
dding:0;line-height:1.3em}
ul.label_with_thumbs li{min-height:85px;margin:2px 0;padding:7px 0;border-bottom
:1px solid #eee}
.label_with_thumbs li{font-size:13px;list-style:none;padding-left:0!important}
.label_with_thumbs a{font-family:&#39;Oswald&#39;,Arial,sans-serif;font-size:13p
x;font-weight:normal;color:#444;line-height:1.4em;margin-bottom:8px}
.label_with_thumbs a:hover{opacity:.7}
.label_with_thumbs strong{padding-left:0}
#u-left .widget{background:#fff;padding:20px;margin:0;overflow-wrap:break-word}
#u-right .widget{background:#fff;padding:20px;margin:0;overflow-wrap:break-word}
/* Sidebar */
#sidebar1,#sidebar2,#sidebar3,#sidebar4,#sidebar6,#sidebar7{margin:0 auto;overfl
ow:hidden;padding:0;margin-bottom:20px;box-shadow:1px 1px 5px rgba(1,1,1,.1)}
#sidebar-css a:link,#sidebar-css a:visited,#sidebar-css a:active{font-size:100%;
color:#fff!important;text-decoration:none;font-weight:normal}
#sidebar-css a:hover{color:#ddd!important}
#sidebar-css h2{background:#222;color:#f9f9f9;text-transform:uppercase;font-fami
ly:&#39;Oswald&#39;,Arial,sans-serif;font-size:16px;font-weight:normal;position:
relative;margin:0 0 10px;padding:15px 20px 16px}
#sidebar1 .widget-content,#sidebar3 .widget-content,#sidebar4 .widget-content,#s
idebar5 .widget-content,#sidebar6 .widget-content,#sidebar7 .widget-content{padd
ing:10px}
#sidebar1{background:#222}
#sidebar2{background:#333}
#sidebar3{background:#3CA3D5}
#sidebar4{background:#F3C765}
#sidebar5{background:#969696}
#sidebar1 h2{background:#292e34}
#sidebar2 h2{background:#222}
#sidebar3 h2{background:#f0af4c}
#sidebar4 h2{background:#f36e6e}
#sidebar5 h2{background:#9966ee}
.adsside{margin:0 auto;padding:0;position:relative;width:100%}

.adsside-box{background:linear-gradient(180deg,#c0e874,#a9ce63 50%,#779d2e);widt
h:100%;height:250px;margin:0;padding:0;text-align:center}
.teg1{text-transform:uppercase;font-size:28px;font-weight:600;text-shadow:0 2px
1px #3e5319;color:#f6f6f6;padding:65px 0 0}
.teg2{font-size:100%;color:#fff;text-transform:uppercase;font-weight:700;padding
:7px 0;text-shadow:0 2px 1px #3e5319}
.teg3{background:linear-gradient(180deg,#fff,#ddd 50%,#bbb);color:#779d2e;text-t
ransform:uppercase;font-size:22px;padding:15px 0;text-shadow:0 2px 1px #eee;bord
er-radius:4px;max-width:75%;box-shadow:0 2px 3px #333;font-weight:700;letter-spa
cing:2px;text-align:center;margin:0 auto;display:block}
/* Subscribe By Email */
#subscribe-css{padding:0;position:relative}
.subscribe-wrapper{color:#fff;font-size:13px;line-height:20px;padding:1px 20px 1
0px;text-align:center;text-transform:none;font-weight:500}
.subscribe-form{clear:both;display:block;margin:10px 0;overflow:hidden}
form.subscribe-form{clear:both;display:block;margin:10px 0 0;width:auto;overflow
:hidden}
.subscribe-css-email-field{background:#777 url(http://1.bp.blogspot.com/-JMYdQsI
a9WQ/UDZqxqqrTEI/AAAAAAAAFho/AocEv70U8K8/s1600/sprites.png) no-repeat 1px -27px;
color:#444;margin:0 0 8px;padding:12px 0;width:92%;border:none;text-align:center
}
.subscribe-css-email-field:hover{background:#eee url(http://1.bp.blogspot.com/-J
MYdQsIa9WQ/UDZqxqqrTEI/AAAAAAAAFho/AocEv70U8K8/s1600/sprites.png) no-repeat 1px
-27px}
.subscribe-css-email-button{background:#9a0909;color:#fff;cursor:pointer;font-we
ight:700;padding:10px;text-transform:none;width:92%;border:none;font-size:16px}
.subscribe-css-email-button:hover{transition:all .3s ease-in;background:#7c0505}
/* Syntax Highlighter */
pre,i[rel=&quot;pre&quot;]{padding:.8em 1em;margin:0;background-color:#2f3741;bo
rder-left:4px solid #40627E;font-size:11px;color:#839496;font-family:Consolas,&q
uot;Andale Mono WT&quot;,&quot;Andale Mono&quot;,&quot;Lucida Console&quot;,&quo
t;Lucida Sans Typewriter&quot;,&quot;DejaVu Sans Mono&quot;,&quot;Bitstream Vera
Sans Mono&quot;,&quot;Liberation Mono&quot;,&quot;Nimbus Mono L&quot;,Monaco,&q
uot;Courier New&quot;,Courier,Monospace;line-height:1.4em;position:relative;whit
e-space:pre;word-wrap:normal;white-space:pre;overflow:auto}
pre.line-number{background:#2f3741 url(http://4.bp.blogspot.com/-13ewIh6Vm50/UnB
e-_3zqDI/AAAAAAAAF-o/4FNnjpi-N5c/s1600/new-line-number.png)no-repeat top left;pa
dding-left:54px;border-left:none}
pre.line-number:after{content:&quot;&quot;;width:35px;height:8px;background-colo
r:#39424e;bottom:0;left:0;position:absolute}
pre[data-codetype=&quot;CSS&quot;]{border-left-color:#5fbbba}
pre[data-codetype=&quot;HTML&quot;]{border-left-color:#4fc1eb}
pre[data-codetype=&quot;JavaScript&quot;]{border-left-color:#ff6c60}
pre[data-codetype=&quot;JQuery&quot;]{border-left-color:#99c262}
pre.line-number[data-codetype]:before{content:attr(data-codetype);display:block;
margin:-11px -13px 10px -54px;padding:8px 12px;font-family:Oswald,Arial,Sans-ser
if;font-size:12px;text-transform:uppercase;background-color:#41749f;color:white}
pre.line-number[data-codetype=&quot;CSS&quot;]:before{background-color:#a9d86e}
pre.line-number[data-codetype=&quot;HTML&quot;]:before{background-color:#4fc1eb}
pre.line-number[data-codetype=&quot;JavaScript&quot;]:before{background-color:#f
f6c60}
pre.line-number[data-codetype=&quot;JQuery&quot;]:before{background-color:#99c26
2}
code{font-family:Consolas,&quot;Andale Mono WT&quot;,&quot;Andale Mono&quot;,&qu
ot;Lucida Console&quot;,&quot;Lucida Sans Typewriter&quot;,&quot;DejaVu Sans Mon
o&quot;,&quot;Bitstream Vera Sans Mono&quot;,&quot;Liberation Mono&quot;,&quot;N
imbus Mono L&quot;,Monaco,&quot;Courier New&quot;,Courier,Monospace;font-size:13
px;color:#d14}

#comments code{color:#bbbb6d}
pre code{padding:0!important;color:#a3a49a;background:none!important;border:none
!important;display:block}
pre .line-number{float:left;margin:0 1em 0 -1em;color:#61686d;background-color:#
39424e;text-align:right;min-width:2.5em;padding-right:4px}
pre .comment,pre .template_comment,pre .diff .header,pre .doctype,pre .pi,pre .l
isp .string,pre .javadoc{color:#2DCFF2;font-style:italic}
pre .keyword,pre .winutils,pre .method,pre .addition,pre .css .tag,pre .request,
pre .status,pre .nginx .title{color:#E6D90C}
pre .number,pre .command,pre .string,pre .tag .value,pre .rules .value,pre .phpd
oc,pre .tex .formula,pre .regexp,pre .hexcolor{color:#EB4F4F}
pre .title,pre .localvars,pre .chunk,pre .decorator,pre .built_in,pre .identifie
r,pre .vhdl .literal,pre .id,pre .css .function{color:#03C425}
pre .attribute,pre .variable,pre .lisp .body,pre .smalltalk .number,pre .constan
t,pre .class .title,pre .parent,pre .haskell .type{color:#1B6FC3}
pre .preprocessor,pre .preprocessor .keyword,pre .shebang,pre .symbol,pre .symbo
l .string,pre .diff .change,pre .special,pre .attr_selector,pre .important,pre .
subst,pre .cdata,pre .clojure .title,pre .css .pseudo{color:#D94CEA}
pre .deletion{color:#dc322f}
pre .tex .formula{background:#073642}
/* Popular Post */
.PopularPosts .widget-content ul{margin-top:-5px;margin-bottom:-1px;padding-righ
t:20px!important;list-style-type:none}
.PopularPosts .widget-content ul li{position:relative;padding:10px!important}
.PopularPosts .widget-content ul li:first-child{background:#555;width:100%}
.PopularPosts .widget-content ul li:first-child:after{content:&quot;01&quot;;bac
kground:#f88c00}
.PopularPosts .widget-content ul li:first-child+li{background:#666;width:100%}
.PopularPosts .widget-content ul li:first-child+li:after{content:&#39;02&#39;}
.PopularPosts .widget-content ul li:first-child+li+li{background:#777;width:100%
}
.PopularPosts .widget-content ul li:first-child+li+li:after{content:&#39;03&#39;
}
.PopularPosts .widget-content ul li:first-child+li+li+li{background:#888;width:1
00%}
.PopularPosts .widget-content ul li:first-child+li+li+li:after{content:&#39;04&#
39;}
.PopularPosts .widget-content ul li:first-child+li+li+li+li{background:#999;widt
h:100%}
.PopularPosts .widget-content ul li:first-child+li+li+li+li:after{content:&#39;0
5&#39;}
.PopularPosts .widget-content ul li:first-child+li+li+li+li+li{background:#aaa;w
idth:100%}
.PopularPosts .widget-content ul li:first-child+li+li+li+li+li:after{content:&#3
9;06&#39;}
.PopularPosts .widget-content ul li:first-child+li+li+li+li+li+li{background:#bb
b;width:100%}
.PopularPosts .widget-content ul li:first-child+li+li+li+li+li+li:after{content:
&#39;07&#39;}
.PopularPosts .widget-content ul li:first-child+li+li+li+li+li+li+li{background:
#c1c1c1;width:100%}
.PopularPosts .widget-content ul li:first-child+li+li+li+li+li+li+li:after{conte
nt:&#39;08&#39;}
.PopularPosts .widget-content ul li:first-child+li+li+li+li+li+li+li+li{backgrou
nd:#ccc;width:100%}
.PopularPosts .widget-content ul li:first-child+li+li+li+li+li+li+li+li:after{co
ntent:&#39;09&#39;}
.PopularPosts .widget-content ul li:first-child+li+li+li+li+li+li+li+li+li{backg
round:#ddd;width:100%}

.PopularPosts .widget-content ul li:first-child+li+li+li+li+li+li+li+li+li:after


{content:&#39;10&#39;}
.PopularPosts .widget-content ul li:first-child:after,.PopularPosts .widget-cont
ent ul li:first-child+li:after,.PopularPosts .widget-content ul li:first-child+l
i+li:after,.PopularPosts .widget-content ul li:first-child+li+li+li:after,.Popul
arPosts .widget-content ul li:first-child+li+li+li+li:after,.PopularPosts .widge
t-content ul li:first-child+li+li+li+li+li:after,.PopularPosts .widget-content u
l li:first-child+li+li+li+li+li+li:after,.PopularPosts .widget-content ul li:fir
st-child+li+li+li+li+li+li+li:after,.PopularPosts .widget-content ul li:first-ch
ild+li+li+li+li+li+li+li+li:after,.PopularPosts .widget-content ul li:first-chil
d+li+li+li+li+li+li+li+li+li:after{position:absolute;bottom:1px;right:1px;backgr
ound:#444;padding:6px 5px;width:20px;line-height:1em;text-align:center;color:#ee
e;font-size:13px!important}
.PopularPosts .widget-content{padding-right:10px}
#sidebar2 .widget-content{margin-top:7px;color:#fff}
#sidebar2 ul{font-size:100%!important;list-style:none;margin:0;padding:0 10px 10
px}
#sidebar2 li{font-size:100%!important;margin:0;padding:0 0 .25em 0;line-height:1
8px;color:#aaa;font-weight:normal}
#sidebar2 ul li{padding-top:10px;padding-bottom:10px}
#sidebar2 ul li:last-child{border-bottom:none}
/* Style Join Media */
.joinmedia-css{width:100%;height:auto;position:relative;background-color:#eee;ba
ckground:url(&quot;http://1.bp.blogspot.com/-KheuQfveaJM/UvnSzymsHKI/AAAAAAAAC04
/Jj4XbA69X4o/s1600/sidebar.png&quot;);background-size:100%;background-repeat:norepeat;padding:10px 0 165px}
.joinmedia-css h3{font-family:&#39;Akronim&#39;,Oswald,Tahoma;color:#fff;font-we
ight:500;font-size:32px!important;text-transform:none;text-align:center}
.joinx{color:#eee}
/* Download and Demo */
.demo{border:none;border-radius:2px;padding:5px 20px!important;background:#0000F
F;color:#FFFFFF!important;text-align:center;text-shadow:0 0 1px rgba(0,0,0,0.3);
transition:background-color 1s ease-out 0s;letter-spacing:1px}
.download{border:none;border-radius:2px;padding:5px 20px!important;background:#2
68CBF;color:#FFFFFF!important;text-align:center;text-shadow:0 0 1px rgba(0,0,0,0
.3);transition:background-color 1s ease-out 0s;letter-spacing:1px}
.demo:hover{background:#000000;text-shadow:0 0 1px #222}
.download:hover{background:#000000;text-shadow:0 0 1px #222}
/* Blockquote */
.post blockquote{position:relative;width:auto;padding:1em 1.5em;margin:6px auto;
color:#86abcd;background:#3d4852;overflow:hidden;font:normal 14px monospace;bord
er-left:3px solid #44739a}
/* CSS Label */
#Label1 ul{list-style:none;padding:15px;margin:0;color:#999}
#Label1 li{border-bottom:1px solid #2b333b;border-top:1px solid #4a5764;list-sty
le:none;margin:0;padding:0}
#Label1 li:first-child{border-top:0}
#Label1 li:last-child{border-bottom:0}
#Label1 li a{color:#eee;text-decoration:none;list-style:none}
#Label1 li a:hover,#Label2 li a:active,#Label1 li a:focus{color:#20aea6;text-dec
oration:none}
#Label1 li .label-counter{float:right;background-color:#4a5764;color:#eee;line-h
eight:1.2em;margin:2px 0 0;padding:3px 5px;border-radius:4px;text-align:center;f
ont-size:12px;min-width:27px}
#Label1 li:hover .label-counter{background:#20aea6;color:#ddd}

/* CSS Nextprev */
#blog-pager-newer-link{width:45%;float:left;text-align:left;padding-left:20px}
#blog-pager-older-link{width:45%;float:right;text-align:right;padding-right:20px
}
#blog-pager-newer-link,#blog-pager-older-link{padding-top:10px}
#showpageArea{font-size:14px;margin-top:0;margin-bottom:0;padding-top:0}
.showpageArea a{font-size:14px;font-weight:700;text-decoration:none}
.showpageNum a{background:#509DD5;font-size:14px;font-weight:700;text-transform:
uppercase;margin:0 6px 0 0;padding:10px 15px;color:#fff}
.showpageNum a:hover{background-color:#555;color:#fff}
.showpagePoint{background-color:#555;color:#fff;font-size:14px;font-weight:700;t
ext-decoration:none;margin:0 6px 0 0;padding:10px 15px}
.showpageOf{display:none;font-size:14px;font-weight:700;text-transform:none;padd
ing:10px 15px;margin:0 6px 0 0;color:#ccc;text-transform:none}
.showpage a{background-color:#509DD5;color:#fff;font-size:14px;font-weight:700;t
ext-decoration:none;padding:6px}
.showpage a:hover{background-color:#555;color:#fff;text-decoration:none}
.showpageNum a:link,.showpage a:link{padding:10px 15px;margin-right:6px;text-tra
nsform:uppercase}
.home-link{display:none}
/* CSS Footer */
#footer-wrapper{width:100%;text-align:left;overflow:hidden;background:#222 url(h
ttp://2.bp.blogspot.com/-yNE4A_H3C2o/U1E6RPYNEpI/AAAAAAAADRQ/UOP1mUKaxGE/s1600/l
ine.png) repeat-x top center;margin:0 0 0 0}
#footer-widgetfix .footer-widget{width:30.6%;float:left;margin-left:20px;padding
-top:10px;padding-bottom:15px}
#footer-widgetfix{max-width:1000px;overflow:hidden;margin:0 auto}
#footer-wrapper .widget{color:#dee2e5}
#footer-wrapper h2{font-family:&#39;Roboto&#39;;font-size:16px;font-weight:300;c
olor:#dee2e5;padding:5px 10px}
#footer-wrapper h2 span{background:#263138;position:relative;padding:5px 0}
#footer-wrapper .widget-content{text-align:left;font-family:Roboto,Arial,Oswald,
Helvetica,sans-serif;margin:20px 0 15px;color:#dee2e5}
#footer-wrapper .widget-content li{margin-left:-14px;color:#dee2e5}
#footer-wrapper .widget li{margin:5px 0 0 0;padding:5px 0 0 15px;display:block}
.footer li a{padding-top:0;padding-right:0;line-height:2em;font-size:13px;font-w
eight:400;font-family:Roboto,Arial,Oswald,Helvetica,sans-serif;color:#dee2e5;mar
gin:0}
#footerfix{overflow:hidden;background:#182025;padding:10px 5px;border-top:2px so
lid #181f23;border-bottom:3px solid #263138}
.footer-bottom{min-height:40px}
#footx1,#footx2,#footx3{margin:0 .2%}
.footer{font-weight:400;padding-bottom:.2em}
.credit{width:100%;transition:all 0.17s ease-in-out;margin:0 auto;padding:20px 0
;background:#333333 url(http://2.bp.blogspot.com/-yNE4A_H3C2o/U1E6RPYNEpI/AAAAAA
AADRQ/UOP1mUKaxGE/s1600/line.png) repeat-x bottom center}
.credit-wrapper{width:100%;margin:0 auto;max-width:100%;font-size:13px;color:#aa
a;line-height:0;padding:0 0 5px}
.credit-wrapper a{color:#509DD5}
.credit-wrapper a:hover{opacity:.7}
.sitemap-css{margin:20px 0;padding:0}
.sitemap-css a{background:#9a0909;padding:6px 27px;text-transform:uppercase;font
-family:&#39;Oswald&#39;,Arial;font-size:11px;color:#f9f9f9;letter-spacing:2px}
.sitemap-css a:hover{opacity:.7}
.footer-kiri{float:left;margin-left:5px}
.footer-kanan{float:right;text-align:right;margin-right:5px}
#footer-wrapper .label-size{background:#182025;color:#dee2e5;border-bottom:3px s
olid #374650;display:block;float:left;margin:0 2px 2px 0;font-size:11px;transiti

on:all 1s linear}
#footer-wrapper .label-size a{display:inline-block;color:#dee2e5;padding:8px 10p
x;font-weight:400;transition:all 1s linear}
#footer-wrapper .label-size a:hover{background:#f97e76;color:#fff;transition:all
1s linear}
#footer-wrapper .label-size:hover,#footer-wrapper-inner .label-size:hover{backgr
ound:#f97e76;color:#fff;border-bottom:3px solid #d26b64;transition:all 1s linear
}
#footer-wrapper .label-count{white-space:nowrap;padding-right:3px;margin-left:-3
px;background:#f97e76;color:#fff!important}
/* CSS Comments Notification */
#cm-total{position:fixed;top:0;right:18px;width:24px;text-align:left;z-index:999
9;cursor:pointer;max-height:100%}
.total-counter{background-color:#f35d5c;color:#fff;padding:2px 4px;font-family:A
naheim,Sans-serif;font-size:11px;font-weight:400}
#notif{position:fixed;top:3px;right:7.5px;z-index:9999;opacity:0.8;cursor:pointe
r;transition:all 0.5s ease;background:#fff;border:5px solid #fff}
#notif:hover{opacity:1}
.close-notif{display:none}
#cm-container{width:345px;height:560px;position:fixed;top:40px;right:0;z-index:9
999;background-color:transparent;color:#bbb;text-align:left;background-clip:padd
ing-box;display:none;transition:width 0.5s}
#cm-container:hover{background-clip:content-box;background-color:rgba(255,255,25
5,0)}
#cm-container:after{content:none}
.cm-outer{margin:0 auto;padding:0;font-size:11px;text-align:left;font:normal 12p
x Anaheim;box-shadow:0 0 3px 1px rgba(0,0,0,0.3)}
.cm-outer ul{margin-bottom:5px}
.cm-outer li{padding:9px 10px 14px;list-style:none;clear:both;position:relative;
background-color:#383838;border-bottom:1px solid #333;border-top:1px solid #444}
.cm-text{color:#bbb}
.cm-outer{margin:0 0 5px}
.cm-header{margin:4px 0 8px 0;font-size:13px;font-weight:400!important}
.cm-header a{color:#0FA5EA;text-decoration:none;font-family:&#39;Oswald&#39;;fon
t-size:14px;font-weight:400;text-transform:uppercase;transition:all 0.5s ease}
.cm-header a:hover{color:#0F56EA;text-decoration:none}
.cm-outer .cm-content{overflow:hidden}
.cm-content{margin-right:90px}
.cm-outer img{display:block;float:left;background:#313131 url(&#39;http://4.bp.b
logspot.com/-G-9yhzSt2Mw/UoWcB4bdn4I/AAAAAAAAGE4/tzIixYewCsU/s1600/anon80.png&#3
9;) no-repeat 50% 50%;overflow:hidden;border-radius:100px;position:absolute;top:
10px;right:15px;border:4px solid #333;box-shadow:0 0 3px 1px rgba(0,0,0,0.1);tra
nsition:all 0.5s ease}
.cm-outer img:hover{border:4px solid #0FA5EA}
.cm-footer{margin-top:7px}
.cm-footer a{color:#bbb;text-decoration:none}
.cm-footer a:hover{color:#f35d5c;text-decoration:none}
div.cm-header img[src=&#39;http://img1.blogblog.com/img/openid16-rounded.gif&#39
;]{content:url(http://2.bp.blogspot.com/-8NurYzHIoWQ/Ujc_oLurXII/AAAAAAAAFek/XhA
m-oLwg7Q/s80-c/gravatar.png)}
#cm-scroll{width:100%;height:560px;overflow:auto;position:relative}
/* Comments */
#comments{margin:10px;padding:10px 15px;line-height:1em}
#comments h3{margin-bottom:25px;font:24px Oswald;text-transform:uppercase}
.comment_avatar{height:48px;width:48px;background:#F0F0F0 url(http://2.bp.blogsp
ot.com/-KjVxDap0Bzs/Uc7Jfm_9VWI/AAAAAAAAEqs/jD56hYNIm88/s48/anon48.gif) no-repea
t center center;float:left;margin-top:5px;margin-right:10px;border:5px solid #d2
d2d2;overflow:hidden;transition:all 400ms ease-in-out}

.comment_name{color:#444;font-size:18px;font-weight:normal;line-height:19.5px;ma
x-width:100%;text-decoration:none;margin-top:8px;text-transform:uppercase}
.comment_name a{text-transform:uppercase;font:20px Oswald;color:#444;text-decora
tion:none}
.comment_name a:hover{color:#0088b2;text-decoration:none}
.comment_service{float:right;margin-right:0;margin-top:-20px;position:relative}
.comment_service a{display:inline-block}
.comment_body p{font:14px &quot;Open Sans&quot;,&quot;Trebuchet MS&quot;,Helveti
ca,sans-serif;line-height:1.3em}
.comment_body{margin:5px 0 20px 56px;border-top:5px solid #d2d2d2;padding:0 60px
0 10px;position:relative;transition:all 400ms ease-in-out}
.comment_date{color:#999;font-style:italic;font-size:13px;line-height:25px;curso
r:pointer;font-weight:normal;margin-right:20px}
.comment_area:hover .comment_body{border-top:5px solid #509dd5}
.comment_area:hover .comment_avatar{border:5px solid #509dd5;border-radius:50%}
.comment_area:hover .comment_reply{opacity:1}
.comment_child .comment_body{margin-top:5px;margin-bottom:30px;margin-left:48px}
.comment_child .comment_wrap{padding-left:40px}
.comment_reply{display:inline-block;cursor:pointer;color:#ffffff;font-family:ari
al;font-size:11px;font-weight:700;padding:4px 16px;text-decoration:none;float:ri
ght;position:absolute;right:0;top:0;opacity:0;transition:background 0.1s ease-in
-out;background-color:#2f3741;box-shadow:0 3px 0 0 #509dd5}
.comment_reply:hover{text-decoration:none;background-color:#509dd5;box-shadow:0
3px 0 0 #2f3741}
.comment_reply:active{margin-top:1px;box-shadow:0 1px 0 0 #ffc477}
.comment_admin .avatar-image-container{}
.unneeded-paging-control{display:none}
.comment_reply_form{padding:0 0 0 48px}
.comment_reply_form .comment-form{width:100%}
.comment_avatar *{max-width:1000%!important;display:block;max-height:1000%!impor
tant;width:48px!important;height:48px!important;margin-right:10px}
.comment_child .comment_avatar,.comment_child .comment_avatar *{width:40px!impor
tant;height:40px!important;float:left;margin-right:10px}
.comment_form a{color:#2f6986;text-decoration:none}
.comment_form a:hover{color:#2f6986;text-decoration:underline}
.comment_author_flag{display:none}
.comment_admin .comment_author_flag{display:inline-block;color:#ffffff;font-fami
ly:arial;font-size:12px;font-weight:700;padding:1px 8px;text-decoration:none;tex
t-shadow:0 1px 0 #810e05;position:absolute;margin:3px 0 0 10px;border-radius:2px
;background-color:#f24537;box-shadow:0 3px 0 0 #d02718}
a.comment-delete{float:right;position:absolute;top:4px;right:0;font-size:16px;co
lor:#999}
a.comment-delete:hover{color:red}
#comment-editor{width:100%!important;background:#222 url(&#39;data:image/gif;bas
e64,R0lGODlhKwALAPAAAKrD2AAAACH5BAEKAAEAIf4VTWFkZSBieSBBamF4TG9hZC5pbmZvACH/C05F
VFNDQVBFMi4wAwEAAAAsAAAAACsACwAAAjIMjhjLltnYg/PFChveVvPLheA2hlhZoWYnfd6avqcMZy1J
14fKLvrEs/k+uCAgMkwVAAAh+QQBCgACACwAAAAAKwALAIFPg6+qw9gAAAAAAAACPRSOKMsSD2FjsZqE
wax885hh3veMZJiYn8qhSkNKcBy4B2vNsa3pJA6yAWUUGm9Y8n2Oyk7T4posYlLHrwAAIfkEAQoAAgAs
AAAAACsACwCBT4OvqsPYAAAAAAAAAj1UjijLAg9hY6maalvcb+IPBhO3eeF5jKTUoKi6AqYLwutMYzaJ
58nO6flSmpisNcwwjEfK6fKZLGJSqK4AACH5BAEKAAIALAAAAAArAAsAgU+Dr6rD2AAAAAAAAAJAVI4o
y5bZGJiUugcbfrH6uWVMqDSfRx5RGnQnxa6p+wKxNpu1nY/9suORZENd7eYrSnbIRVMQvGAizhAV+hIU
AAA7&#39;) no-repeat 50% 30%;margin-bottom:20px;position:relative}
.comment-form{max-width:100%!important;margin-top:25px!important}
.comment_emo_list .item{float:left;width:40px;text-align:center;height:40px;marg
in:10px 10px 0 0}
.comment_emo_list span{display:block;font-weight:700;font-size:11px;letter-spaci
ng:1px}
.comment_youtube{max-width:100%!important;width:400px;height:225px;display:block
;margin:auto}
.comment_img{max-width:100%!important}

.comment-form p{background:#222;padding:15px 15px 14px 15px;margin:45px 0 5px 0;


color:#fff;line-height:20px;font-size:13px;font-weight:700;position:relative}
.comment-form p:after{content:&quot;&quot;;width:0;height:0;position:absolute;bo
ttom:-15px;left:15px;border:8px solid transparent;border-color:#d26b64 transpare
nt transparent}
iframe{border:none;overflow:hidden}
.deleted-comment{display:block;color:#333;font:italic 13px Arial;word-wrap:break
-word;margin-top:10px}
/* Tombol Pesan Komentar */
#konversi-box,#hide-konversi,#emo-box,#hide-emo{display:none}
#konversi-box{width:100%;color:#eee;background:none;line-height:1.6em;margin-bot
tom:20px;padding:0;text-align:left}
.checkbox{font:11px Tahoma,Verdana,Arial,Sans-Serif;line-height:1.6em;color:#eee
}
#codes{border:1px solid #ddd;width:100%;height:200px;display:block;background-co
lor:#fff;border-radius:1px;font:normal 12px &#39;Courier New&#39;,Monospace;marg
in:7px 0 10px;padding:5px;transition:all 0.5s linear}
#codes:focus{background-color:#46515e;color:#fff;border:1px solid #263138;outlin
e:none;transition:all 0.3s linear}
.button-group{float:right;text-align:left;margin:0 auto}
button,button[disabled]:active{border:none;font-size:12px;font-family:&#39;Robot
o&#39;;font-weight:normal;border-radius:1px;border-bottom:3px solid #a0ad64;padd
ing:4px 10px;text-decoration:none;background:#b6c472;color:#fff;display:inline-b
lock;box-shadow:0 1px 3px 0 rgba(0,0,0,0.1);transition:all 0.5s linear;cursor:po
inter}
button:hover{background:#a0ad64;border-bottom:3px solid #8b9656;color:#fff;trans
ition:all 0.2s linear}
button:active{background:#a0ad64;border-bottom:3px solid #8b9656;color:#fff}
button[disabled],button[disabled]:active{background:#a0ad64;border-bottom:3px so
lid #8b9656;color:#fff;cursor:default}
#opt1,#opt2,#opt3,#opt4,#opt5{display:inline-block;vertical-align:middle;border:
none;outline:none;margin:0 10px 0 0}
.small-button a,.small-button1 a{border-bottom:3px solid #d26b64;color:#fff;font
-size:13px;font-family:&#39;Roboto&#39;;cursor:pointer;font-weight:300;margin:15
px 5px 5px 0;text-decoration:none;text-transform:none;text-shadow:none;border-ra
dius:1px;display:inline-block;background-color:#f97e76;padding:4px 10px;cursor:p
ointer}
.small-button:hover a,.small-button1:hover a{color:#fff;text-shadow:none;borderbottom:3px solid #b45d57;border-radius:1px;display:inline-block;background-color
:#d26b64}
.thanks{font-size:12px;margin-top:-68px;padding:6px 12px;background:#E66259;colo
r:#ebebeb;text-align:center;position:relative}
#postCommentSubmit{padding:10px!important}
#allHolder{border:none!important}
/* CSS Loading Page */
#page-loader{position:fixed!important;position:absolute;top:0;right:0;bottom:0;l
eft:0;z-index:9999999;background:#fff url(&#39;https://lh4.googleusercontent.com
/-lvlkiOAd4UA/U6qOQ4uFtUI/AAAAAAAAD58/wqTdiNc3M0g/s128-no/loading.GIF&#39;) no-r
epeat 50% 50%;color:#fcfcfc;padding:1em 1.2em;display:none}
/* Menu Navigasi Atas */
#menup{background:#333 url(http://2.bp.blogspot.com/-yNE4A_H3C2o/U1E6RPYNEpI/AAA
AAAAADRQ/UOP1mUKaxGE/s1600/line.png) repeat-x bottom center;display:block;float:
left;height:40px;position:fixed;z-index:9999;margin:0 auto 0;width:100%;box-shad
ow:0 1px 3px 0 rgba(0,0,0,0.2)}
#menup ul{list-style:none;margin:0;padding-left:0}
#menup ul li{float:left;position:relative}

#menup ul li:last-child{border-right:none;border-bottom:none}
#menup a{display:block;line-height:3em;padding:0 1em;height:35px;text-decoration
:none;color:#8f8f8f;font-size:12px;transition:all 0.3s linear;font-family:Merien
da;font-weight:400}
#menup ul ul{box-shadow:0 2px 8px 0 rgba(222,222,222,1);display:none;float:left;
position:absolute;left:0;top:35px;z-index:9999}
#menup ul ul ul{left:100%;top:0}
#menup ul ul a{background:#333;line-height:2em;padding:.2em .2em .2em 1em;width:
12em;height:auto;text-align:left;box-shadow:0 1px 3px 0 rgba(0,0,0,0.1)}
#menup .current,#menup li:hover &gt;a{background:#777;color:#fff!important}
#menup:hover .current{border:none}
#menup ul ul a:hover,#menup ul ul:hover &gt;a{background:#777;color:#fff}
#menup ul li:hover &gt;ul{display:block}
.tab [type=radio],.tab label{display:none}
#menup li a:hover{background:#333;color:#222}
#menup .menup1 a{color:#FF7998}
#menup .menup2 a{color:#EBAA6B}
#menup .menup3 a{color:#3688F3}
#menup .menup4 a{color:#E659CE}
#menup .menup5 a{color:#F33636}
#menup .menup6 a{color:#3ABD40}
#menup .vhtml5 a{color:#F0741E}
#menup .vcss3 a{color:#0099CC}
@media screen and (max-width:980px){
.tab{position:relative}
.tab label{background:#222;color:#bbb;font-size:3em;width:100%;line-height:35px;
cursor:pointer;display:block;position:relative}
.tab label i{font-style:normal;font-size:13px;color:#bbb}
.tab [type=radio]{position:absolute;top:0;left:2px;width:100%;height:100%;opacit
y:0;margin:0;z-index:1;display:block;cursor:pointer}
#menup{display:none;background:#333;color:#bbb;width:100%}
#menup ul{margin:0;padding:0;list-style:none}
#menup li{width:100%}
#menup a{color:#bbb!important;display:block;white-space:nowrap;text-decoration:n
one;padding:5px;border-right:none!important;padding:5px;display:block;width:100%
}
#menup ul ul{display:block;position:static;float:none;max-width:none;width:100%;
margin:0 0 0 5px}
#menup ul ul a{max-width:none;width:100%;color:#bbb!important;background:#333!im
portant}
#menup ul ul a:hover{color:#fff!important;background:#f35d5c!important}
#menup ul ul{display:block;float:none}
[type=radio]:checked ~ label{z-index:2}
[type=radio]:checked ~ label ~ #menup{z-index:999;display:block;width:100%;overf
low:hidden}
.close-tab{position:absolute;z-index:-1;top:0;left:2px;width:100%;height:100%}
.close-tab label{font-size:3em;background:#222;color:#e09a33}
[type=radio]:checked ~ label ~ .close-tab{z-index:3;display:block}}
/* CSS Main Menu */
#menu-wrapper{background:#333;height:50px;width:100%;position:relative}
#menu{background:#333;color:#fff;height:50px}
#menu ul,#menu li{margin:0;padding:0;list-style:none}
#menu ul{height:50px}
#menu li{float:left;display:inline;position:relative;font:15px Merienda;text-tra
nsform:uppercase}
#menu li a{color:#fff}
#menu a{display:block;line-height:50px;padding:0 15px;text-decoration:none;color
:#fff}

#menu li:hover &gt;a,#menu li a:hover{color:#333;background:#ddd}


#menu input{display:none;margin:0 0;padding:0 0;width:80px;height:50px;opacity:0
;cursor:pointer}
#menu label{font:bold 30px Arial;display:none;width:35px;height:51px;line-height
:51px;text-align:center}
#menu label span{font-size:13px;position:absolute;left:35px}
#menu ul.menus{height:auto;overflow:hidden;width:180px;background:#ddd;position:
absolute;z-index:99;display:none;color:#333;text-transform:none}
#menu ul.menus a{color:#333}
#menu ul.menus li{display:block;width:100%;font:12px Arial;text-transform:none}
#menu li:hover ul.menus{display:block}
#menu a.prett,#menu a.trigger2{padding:0 27px 0 14px}
#menu li:hover &gt;a.prett,#menu a.prett:hover{background:#ddd;color:#333}
#menu a.prett::after{content:&quot;&quot;;width:0;height:0;border-width:6px 5px;
border-style:solid;border-color:#fff transparent transparent transparent;positio
n:absolute;top:23px;right:9px}
#menu ul.menus a:hover{background:#888;color:#333}
#menu a.trigger2::after{content:&quot;&quot;;width:0;height:0;border-width:5px 6
px;border-style:solid;border-color:transparent transparent transparent #fff;posi
tion:absolute;top:20px;right:9px}
#menu a.trigger2:hover::after{content:&quot;&quot;;width:0;height:0;border-width
:5px 6px;border-style:solid;border-color:transparent transparent transparent #33
3;position:absolute;top:20px;right:9px}
/* Info Tips dan Warning */
.info,.tips,.warning{line-height:20px;min-height:38px;padding:10px 12px 12px 68p
x;margin:5px 0;font-size:13px;font-weight:normal}
.info{background:#e0e5eb url(&#39;http://2.bp.blogspot.com/-3rcGQ-VAKb8/UlA4L72c
6wI/AAAAAAAAFtY/f__fkV_xBsQ/s1600/info.png&#39;) no-repeat 12px 8px;color:#292e3
a}
.tips{background:#7CADDE url(&#39;http://2.bp.blogspot.com/-_Y9kuQODeBs/UlA4LwDU
khI/AAAAAAAAFtk/Rm0QwoddGLw/s1600/tips.png&#39;) no-repeat 12px 8px;color:#fff}
.warning{background:#f8e38d url(&#39;http://1.bp.blogspot.com/-ELnp2R5Axs0/UupT3
TpxktI/AAAAAAAAAho/3m0Jrh2HhuY/s1600/blockquote.png&#39;) no-repeat 12px 8px;pos
ition:relative;border-radius:4px;border-bottom:1px solid rgba(0,0,0,.1);color:#8
88}
/* Page Not Found */
#error-page{background-color:#e9e9e9;position:fixed!important;position:absolute;
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:700;width:220px;height:210px
;background:#cd0000;color:#fff;font-size:80px;line-height:200px;margin:0 auto 25
px}
#error-inner .box-404::after{content:&quot;&quot;;width:0;height:0;position:abso
lute;top:0;right:0;border-width:30px;border-style:solid;border-color:#e9e9e9 #e9
e9e9 transparent transparent;display:block}
#error-inner .box-404::before{content:&quot;&quot;;width:0;height:0;position:abs
olute;top:0;left:0;border-width:30px;border-style:solid;border-color:#e9e9e9 tra
nsparent transparent #e9e9e9;display:block}
#error-inner .boxx-404::after{content:&quot;&quot;;width:0;height:0;position:abs
olute;bottom:0;left:0;border-width:30px;border-style:solid;border-color:transpar
ent transparent #e9e9e9 #e9e9e9;display:block}
#error-inner .boxx-404::before{content:&quot;&quot;;width:0;height:0;position:ab
solute;bottom:0;right:0;border-width:30px;border-style:solid;border-color:transp
arent #e9e9e9 #e9e9e9 transparent;display:block}
#error-inner h2{text-transform:uppercase;color:#cd0000;font-size:50px;margin:0 a
uto 20px;font-family:monospace}

#error-inner h1{text-transform:uppercase;color:#399edf}
#error-inner p{font-size:15px;color:#999}
/* Responsive */
@media screen and (max-width:1024px){}
@media screen and (max-width:880px){}
@media screen and (max-width:768px){}
@media screen and (max-width:684px){}
@media screen and (max-width:600px){}
@media screen and (max-width:480px){}
@media screen and (max-width:320px){}
@media screen and (max-width:240px){}
</style>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<style type='text/css'>
/* Halaman Awal */
#main-wrapper{border:none;background:none;box-shadow:none}
.post{background:#fff;padding:0;position:relative;margin-bottom:25px;width:100%;
box-shadow:1px 1px 5px rgba(1,1,1,.1)}
.post h2{padding:10px 0 10px 8px;font-size:19px;font-weight:500;line-height:1.2e
m;background:#ABABAB;text-align:left;font-family:Oswald,Roboto,Arial;text-transf
orm:uppercase}
.post h2 a{color:#35404c;text-decoration:none}
.post h2 a:hover{color:#509DD5;text-decoration:none}
.post-header{margin:0;padding:13px 10px 10px;color:#333;line-height:1.6em;font-s
ize:12px;overflow:hidden;font-weight:normal;text-transform:uppercase;font-family
:&#39;Oswald&#39;,Arial}
.post-header a{color:#444!important}
.post-header a:hover{text-decoration:none;color:#555!important}
.info-face{font:11px Tahoma;line-height:1.6em;margin:0;padding:0;color:#fff;text
-decoration:none;display:block}
.info-face a{color:#fff;text-decoration:none}
.clock,.clock a{list-style:none;text-decoration:none}
.post-body{margin:0;padding:0}
.tanggalx{font-size:12px;font-weight:400;color:#777;padding:18px 15px 0}
.snippet-wrapper{line-height:1.7em;padding:0 15px;color:#ddd;display:block;float
:right;font-size:100%;height:100%;overflow:hidden}
.post-thumbnail{background:#4bacc6;height:100%;width:50%;position:relative;borde
r:none;margin:0 auto;text-align:center;display:block;float:left}
.post-thumb{background:#eee;width:115px;height:115px;text-align:center;transitio
n:all .3s ease-in;border:8px solid #7fcfe5;margin:25px 0;border-radius:99em}
.post-thumb:hover{transition:all .3s ease-in;opacity:.7}
.box-body-deg{background:#222;width:50%;height:100%;float:right;display:block;po
sition:relative;overflow:hidden}
.box-deg{height:180px;position:relative;margin:0;padding:0}
.label-css{position:absolute;top:0;left:0;right:50%;z-index:10;padding:0;backgro
und:none}
.label-css a{background-color:#333;font-family:&#39;Oswald&#39;,Arial,Sans-serif
;text-transform:uppercase;color:#fff;font-size:10px;display:block;float:left;pad
ding:4px 8px;opacity:.7}
.label-css a:hover{opacity:1}
.Blogger .post-thumbnail,.Blogger .jump-link a{background:#F1A744}
.Tutorial .post-thumbnail,.Tutorial .jump-link a{background:#4465F1}
.SEO .post-thumbnail,.SEO .jump-link a{background:#44F17D}
.CSS3 .post-thumbnail,.CSS3 .jump-link a{background:#29B1CC}
.HTML5 .post-thumbnail,.HTML5 .jump-link a{background:#F56C1D}
.News .post-thumbnail,.News .jump-link a{background:#32425C}
.Facebook .post-thumbnail,.Facebook .jump-link a{background:#15589E}

.Twitter.post-thumbnail,.Twitter .jump-link a{background:#53A1F2}


.Blogger .post-thumb{border:8px solid #F78728}
.Tutorial .post-thumb{border:8px solid #092366}
.SEO .post-thumb{border:8px solid #036F8C}
.CSS3 .post-thumb{border:8px solid #d3f2ad}
.HTML5 .post-thumb{border:8px solid #913B09}
.News .post-thumb{border:8px solid #4A667C}
.Facebook .post-thumb{border:8px solid #084061}
.Twitter .post-thumb{border:8px solid #0368A4}
/* READMORE */
.jump-link{padding:0;display:block;overflow:hidden;position:absolute;right:0;bot
tom:0;z-index:10}
.jump-link a{background:#18a5d0;float:left;height:34px;line-height:34px;position
:relative;margin:0;padding:2px 13px;color:#fff;font-size:12px;text-decoration:no
ne;transition:all .3s ease-in-out;text-transform:uppercase;font-weight:700}
.jump-link a:hover{opacity:.7;transition:all .3s ease-in-out}
@media screen and (max-width: 1024px) {}
@media screen and (max-width: 992px) {}
@media screen and (max-width:880px){}
@media screen and (max-width:768px){}
@media screen and (max-width:684px){}
@media screen and (max-width:600px){}
@media screen and (max-width:320px){}
</style>
</b:if></b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<style type='text/css'>
/* Halaman Awal */
.post-body{border-top:6px solid #509dd5;margin:0}
#comments{display:block}
</style>
</b:if>
<script src='http://bloggertut.googlecode.com/svn/trunk/js/highlight.pack.js'/>
<script>
hljs.initHighlightingOnLoad();
</script>
&lt;!--<head/>--&gt;
<body>
<div id='fb-root'/>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;js.async=true;
js.src = &quot;//connect.facebook.net/en_US/all.js#xfbml=1&quot;;
fjs.parentNode.insertBefore(js, fjs);
}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</script>
<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
<div id='outer-wrapper'>
<div id='head-top'>
<nav id='menup' role='navigation'>
<ul>
<li class='menup1'><a href='http://www.evo-template.blogspot.com/2014/01/about.h
tml' title='About'><i class='icon-book icon-large'/></a></li>
<li class='menup2'><a href='http://www.evo-template.blogspot.com/2014/01/disclai
mer.html' title='Disclaimer'><i class='icon-pencil icon-large'/></a></li>
<li class='menup3'><a href='http://www.dmca.com/Protection/Status.aspx?ID=62b274
1b-d70a-4050-b3a3-b5c4859a1fff' rel='nofollow' title='DMCA Protected'><i class='

icon-shield icon-large'/></a></li>
<li class='menup4'><a href='http://www.evo-template.blogspot.com/2014/01/privacy
-policy.html' title='Privacy Policy'><i class='icon-legal icon-large'/></a></li>
<li class='menup5'><a href='http://www.evo-template.blogspot.com/2014/01/sitemap
.html' title='Sitemap'><i class='icon-sitemap icon-large'/></a></li>
<li class='menup6'><a href='http://www.evo-template.blogspot.com' title='Tools'>
<i class='icon-cogs icon-large'/></a>
<ul>
<li class='menup6'><a href='http://www.evo-template.blogspot.com/2014/01/speed-t
est.html' title='Speed Test'><i class='icon-cog icon-large'> Speed Test</i></a><
/li>
<li class='menup6'><a href='http://www.evo-template.blogspot.com/2014/01/parse-h
tml.html' title='Parse HTML'><i class='icon-cog icon-large'> Parse HTML</i></a><
/li>
<li class='menup6'><a href='http://www.evo-template.blogspot.com/2014/01/kode-wa
rna-html.html' title='Kode Warna HTML'><i class='icon-cog icon-large'> Kode Warn
a HTML</i></a></li>
<li class='menup6'><a href='http://www.evo-template.blogspot.com/p/meta-tag-anal
yzer.html' title='Meta Tag Analyzer'><i class='icon-cog icon-large'> Meta Tag An
alyzer</i></a></li>
<li class='menup6'><a href='http://www.evo-template.blogspot.com/p/pagerank-chec
ker.html' title='Pagerank Checker'><i class='icon-cog icon-large'> Pagerank Chec
ker</i></a></li>
<li class='menup6'><a href='http://www.evo-template.blogspot.com/p/social-link-p
opularity.html' title='Social Link Popularity'><i class='icon-cog icon-large'> S
ocial Link Popularity</i></a></li>
</ul></li>
<li class='vhtml5'><a href='http://validator.w3.org/check?uri=http://www.evo-tem
plate.blogspot.com' rel='nofollow' target='_blank' title='Valid HTML5'><i class=
'icon-html5 icon-large'/></a></li>
<li class='vcss3'><a href='http://jigsaw.w3.org/css-validator/validator?uri=http
://www.evo-template.blogspot.com' rel='nofollow' target='_blank' title='Valid CS
S3'><i class='icon-css3 icon-large'/></a></li>
</ul>
</nav>
<header id='header-wrapper'>
<div style='clear: both;'/>
<div id='header-left'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Ficri Pebriyana (Header)' type='He
ader'>
<b:includable id='main'>
<div id='header-inner'>
<div class='blogtitle'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<h1 id='blogtitle'><a expr:href='data:blog.homepageUrl' expr:title='data:title'>
<data:title/></a></h1>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<h1 id='blogtitle'><data:blog.pageName/></h1>
<b:else/>
<h1 id='blogtitle'><a expr:href='data:blog.homepageUrl' expr:title='data:title'>
<data:title/></a></h1>
</b:if>
</b:if>
</div>
<b:include name='description'/>
</div>
</b:includable>
<b:includable id='description'>

<div class='descriptionwrapper'>
<h3 class='description'><span><data:description/></span></h3>
</div>
</b:includable>
<b:includable id='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<data:blog.pageName/>
</b:if>
</b:includable>
</b:widget>
</b:section>
</div>
<div id='header-right'>
<div id='search-form-feed'>
<form action='/search' onsubmit='return updateScript()'>
<input id='feed-q-input' name='q' onfocus='this.value=&apos;&apos;' onkeyup='res
etField()' type='text' value='Cari Artikel...'/><input type='submit' value='Sear
ch'/>
</form>
<div id='search-result-container'/>
<div id='search-result-loader'><b>Searching...</b></div>
</div>
<div style='clear:both'/>
</div>
<div style='clear:both'/>
</header>
</div>
<div id='menu-wrapper'>
<div class='content-wrapper'>
<nav id='menu'>
<input type='checkbox'/>
<label>&#8801;<span>Navigation</span></label>
<ul>
<li><a href='http://www.ficripebriyana.com' title='Home'><i class='icon-home ico
n-large'/></a></li>
<li><a class='prett' href='http://www.ficripebriyana.com' title='Blogger'>Blogge
r</a>
<ul class='menus'>
<li><a href='http://www.ficripebriyana.com/search/label/Blogger' target='_blank'
title='Blogger'>Blogger</a></li>
<li><a href='http://www.ficripebriyana.com/search/label/HTML5' target='_blank' t
itle='HTML5'>HTML5</a></li>
<li><a href='http://www.ficripebriyana.com/search/label/CSS3' target='_blank' ti
tle='CSS3'>CSS3</a></li>
<li><a href='http://www.ficripebriyana.com/search/label/SEO' target='_blank' tit
le='SEO'>SEO</a></li>
<li><a href='http://www.ficripebriyana.com/search/label/Kontes%20SEO' target='_b
lank' title='Kontes SEO'>Kontes SEO</a></li>
</ul>
</li>
<li><a class='prett' href='http://www.ficripebriyana.com' target='_blank' title=
'Social Media'>Social Media</a>
<ul class='menus'>
<li><a href='http://www.ficripebriyana.com/search/label/Facebook' target='_blank
' title='Facebook'>Facebook</a></li>
<li><a href='http://www.ficripebriyana.com/search/label/Twitter' target='_blank'
title='Twitter'>Twitter</a></li>
</ul>

</li>
<li><a href='http://www.ficripebriyana.com/search/label/Tutorial' target='_blank
' title='Tutorial'>Tutorial</a></li>
<li><a href='http://www.ficripebriyana.com/search/label/News' target='_blank' ti
tle='News'>News</a></li>
<li><a href='http://www.ficripebriyana.com/search/label/Template' target='_blank
' title='Template'>Template</a></li>
<li><a href='http://www.blogger.com/follow-blog.g?blogID=5330405238404179479' ta
rget='_blank' title='Follow'>Follow</a></li>
<li><a class='trigger2' href='#' onclick='window.open(&apos;http://translate.goo
gle.com/translate?u=&apos;+encodeURIComponent(location.href)+&apos;&amp;amp;lang
pair=id%7cen&amp;amp;hl=en&apos;); return false;' rel='nofollow' target='_blank'
title='Translate to English'>Translate</a></li>
</ul>
</nav>
<div style='clear:both'/>
</div></div>
<div id='content-wrapper'>
<article id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'>
<b:includable id='main' var='top'>
<b:if cond='data:mobileindex'>
<div class='blog-posts hfeed'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.isFirstPost == &quot;false&quot;'>
&lt;/div&gt;
</b:if>
&lt;div class=&quot;mobile-date-outer date-outer&quot;&gt;
<div expr:onclick='data:post.indexOnclick'>
<b:include data='post' name='mobile-index-post'/>
</div>
<b:if cond='data:post.trackLatency'>
<data:post.latencyJs/>
</b:if>
</b:loop>
<b:if cond='data:numPosts != 0'>
&lt;/div&gt;
</b:if>
</div>
<b:else/>
<!-- posts -->
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<data:defaultAdStart/>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.isDateStart'>
<b:if cond='data:post.isFirstPost == &quot;false&quot;'>
&lt;/div&gt;&lt;/div&gt;
</b:if>
</b:if>
<b:if cond='data:post.isDateStart'>
&lt;div class=&quot;date-outer&quot;&gt;
</b:if>
<b:if cond='data:post.isDateStart'>
&lt;div class=&quot;date-posts&quot;&gt;
</b:if>
<div class='post-outer'>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>

<b:include data='post' name='comments'/>


</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:include data='post' name='comments'/>
</b:if>
</div>
<b:if cond='data:post.includeAd'>
<b:if cond='data:post.isFirstPost'>
<data:defaultAdEnd/>
<b:else/>
<data:adEnd/>
</b:if>
<b:if cond='data:mobile == &quot;false&quot;'>
<div class='inline-ad'>
<data:adCode/>
</div>
</b:if>
<data:adStart/>
</b:if>
<b:if cond='data:post.trackLatency'>
<data:post.latencyJs/>
</b:if>
</b:loop>
<b:if cond='data:numPosts != 0'>
&lt;/div&gt;&lt;/div&gt;
</b:if>
<data:adEnd/>
</div>
</b:if>
<!-- navigation -->
<b:if cond='data:mobile'>
<b:include name='mobile-nextprev'/>
<b:else/>
<b:include name='nextprev'/>
<!-- feed links -->
<b:include name='feedLinks'/>
</b:if>
<b:if cond='data:top.showStars'>
<script src='//www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>google.load(&quot;annotations&quot;,&quot;1&quot;
,{locale:&quot;<data:top.languageCode/>&quot;});function initialize(){google.ann
otations.setApplicationId(<data:top.blogspotReviews/>);google.annotations.create
All();google.annotations.fetch()}google.setOnLoadCallback(initialize);</script>
</b:if>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<span expr:class='&quot;item-control &quot; + data:backlink.adminClass'>
<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
<img src='//www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='backlinks' var='post'>
<a name='links'/><h4><data:post.backlinksLabel/></h4>
<b:if cond='data:post.numBacklinks != 0'>
<dl class='comments-block' id='comments-block'>
<b:loop values='data:post.backlinks' var='backlink'>
<div class='collapsed-backlink backlink-control'>
<dt class='comment-title'>
<span class='backlink-toggle-zippy'>&#160;</span>

<a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>


<b:include data='backlink' name='backlinkDeleteIcon'/>
</dt>
<dd class='comment-body collapseable'>
<data:backlink.snippet/>
</dd>
<dd class='comment-footer collapseable'>
<span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></s
pan>
<span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.times
tamp/></span>
</dd>
</div>
</b:loop>
</dl>
</b:if>
<p class='comment-footer'>
<a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget
.instanceId + &quot;_backlinks-create-link&quot;' rel='external nofollow' target
='_blank'><data:post.createLinkLabel/></a>
</p>
</b:includable>
<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<b:if cond='data:mobile'>
<h4 id='comment-post-message'>
<a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' ex
pr:title='data:postCommentMsg' href='javascript:void(0)'><data:postCommentMsg/><
/a></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data
:blog.blogId + &quot;&amp;amp;pageID=&quot; + data:post.id' id='comment-editor-s
rc' title='comment editor'/>
<iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' i
d='comment-editor' name='comment-editor'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data
:blog.blogId + &quot;&amp;amp;postID=&quot; + data:post.id' id='comment-editor-s
rc' title='comment editor'/>
<iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' i
d='comment-editor' name='comment-editor'/>
</b:if>
<b:else/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<div id='threaded-comment-form'>
<p><data:blogCommentMessage/>
<span class='small-button1'>
<a href='#' target='_blank' title='Out Of Topic'>Out Of Topic</a>
</span>
<span class='small-button'>
<span id='show-konversi'><a class='konversi-button' href='javascript:void(0)' on
click='document.getElementById(&apos;konversi-box&apos;).style.display=&apos;inl
ine-block&apos;;document.getElementById(&apos;hide-konversi&apos;).style.display
=&apos;inline-block&apos;;document.getElementById(&apos;show-konversi&apos;).sty
le.display=&apos;none&apos;' title='Show Konversi Kode'>Show Konversi Kode</a></
span><span id='hide-konversi'><a class='konversi-button' href='javascript:void(0
)' onclick='document.getElementById(&apos;konversi-box&apos;).style.display=&apo

s;none&apos;;document.getElementById(&apos;hide-konversi&apos;).style.display=&a
pos;none&apos;;document.getElementById(&apos;show-konversi&apos;).style.display=
&apos;inline-block&apos;' title='Hide Konversi Kode'>Hide Konversi Kode</a></spa
n>
</span>
<span class='small-button'>
<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'>Show Emoticon</a></span><span id='hide-emo'><a class='
emo-button' href='javascript:void(0)' onclick='document.getElementById(&apos;emo
-box&apos;).style.display=&apos;none&apos;;document.getElementById(&apos;hide-em
o&apos;).style.display=&apos;none&apos;;document.getElementById(&apos;show-emo&a
pos;).style.display=&apos;inline-block&apos;' title='Hide Emoticon'>Hide Emotico
n</a></span>
</span>
</p>
<div id='konversi-box'>
<textarea id='codes' placeholder='Tulis/paste kode di sini lalu klik &apos;Konve
rsi&apos;' spellcheck='false'/>
<span class='button-group'>
<button id='cvrt' onclick='cdConvert();this.disabled = true;'>Konversi</button>
<button onclick='cdClear();'>Bersihkan</button>
</span>
<span class='checkbox'>
<input checked='' id='opt1' type='checkbox'/> <input id='opt2' type='checkbox'/>
<input id='opt3' type='checkbox'/> <input checked='' id='opt4' type='checkbox'/
> <input checked='' id='opt5' type='checkbox'/></span>
</div>
<div id='emo-box'>
<div class='comment_emo_list'/>
</div>
<data:blogTeamBlogMessage/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data
:blog.blogId + &quot;&amp;amp;pageID=&quot; + data:post.id' id='comment-editor-s
rc' title='comment editor'/>
<iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' i
d='comment-editor' name='comment-editor'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data
:blog.blogId + &quot;&amp;amp;postID=&quot; + data:post.id' id='comment-editor-s
rc' title='comment editor'/>
<iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' i
d='comment-editor' name='comment-editor'/>
</b:if>
</div>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>BLOG_CMT_createIframe(&quot;<data:post.appRpcRela
yPath/>&quot;,&quot;<data:post.communityId/>&quot;);</script>
<div class='thanks'>Terimakasih atas komentar Anda di &quot;<data:post.title/>&q
uot;</div>
<div style='clear: both;'/>
</div>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>

<span expr:class='&quot;item-control &quot; + data:comment.adminClass'>


<b:if cond='data:showCmtPopup'>
<div class='goog-toggle-button'>
<div class='goog-inline-block comment-action-icon'/>
</div>
<b:else/>
<a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:to
p.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.forceIframeComments'>
<span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' ex
pr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonical
Url'>
</span>
<b:else/>
<b:if cond='data:post.commentSource == 1'>
<span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' ex
pr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonical
Url'>
</span>
<b:else/>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:p
ost.addCommentOnclick'>
<data:post.commentLabelFull/>:
</a>
</b:if>
</b:if>
</b:includable>
<b:includable id='comment_picker' var='post'>
<b:if cond='data:post.forceIframeComments'>
<b:include data='post' name='iframe_comments'/>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
<b:else/>
<b:if cond='data:post.commentSource == 1'>
<b:include data='post' name='iframe_comments'/>
<b:else/>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<b:if cond='data:post.allowComments'>
<h3>
<b:if cond='data:post.numComments == 0'> 0 Komentar Untuk &quot;<data:blog.pageN
ame/>&quot;</b:if> <b:if cond='data:post.numComments == 1'> 1 Komentar Untuk &qu
ot;<data:blog.pageName/>&quot; </b:if> <b:if cond='data:post.numComments &gt; 1'

> <data:post.numComments/> Komentar Untuk &quot;<data:blog.pageName/>&quot; </b:


if>
</h3>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data
:post.oldestLinkText/></a>
&#160;
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:
post.olderLinkText/></a>
&#160;
<data:post.commentRangeText/>
&#160;
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:
post.newerLinkText/></a>
&#160;
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data
:post.newestLinkText/></a>
</span>
</b:if>
<div class='clear'/>
<div id='comment_block'>
<b:loop values='data:post.comments' var='comment'>
<div class='data:comment.adminClass' expr:id='data:comment.anchorName'>
<b:if cond='data:post.adminClass == data:comment.adminClass'>
&lt;div class=&#39;comment_inner comment_admin&#39;&gt;
<b:else/>
&lt;div class=&#39;comment_inner&#39;&gt;
</b:if>
<div class='comment_area'>
<div class='comment_header'>
<div class='comment_avatar'>
<img alt='avatar' expr:src='data:comment.authorAvatarSrc' expr:title='data:comme
nt.author'/>
</div>
<div class='comment_name'>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' expr:title='data:comment.author' rel='nofo
llow' target='_blank'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<b:if cond='data:comment.author == data:post.author'>
<span class='comment_author_flag'>Admin</span>
</b:if>
</div>
<div class='comment_service'>
<a expr:href='data:comment.url' rel='nofollow' title='permalink'><span class='co
mment_date'><data:comment.timestamp/></span></a>
<a class='comment-delete' expr:href='&quot;http://www.blogger.com/delete-comment
.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot; + data:commen
t.id' expr:title='data:top.deleteCommentMsg'>&#10006;</a>
</div>
<div class='clear'/>
</div>
<div class='comment_body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>

<a class='comment_reply' expr:href='&quot;#r_&quot;+data:comment.anchorName' exp


r:id='&quot;r&quot;+data:comment.anchorName' onclick='javascript:Display_Reply_F
orm(this)' title='Balas'>Balas</a> <div class='clear'/>
</b:if>
</div>
<div class='clear'/>
&lt;/div&gt;
<div class='clear'/>
</div>
<div class='comment_child'/>
<div class='comment_reply_form' expr:id='&quot;r_f_&quot;+data:comment.anchorNam
e'/>
</div>
</b:loop>
</div>
<div class='clear'/>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data
:post.oldestLinkText/></a>
&#160;
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:
post.olderLinkText/></a>
&#160;
<data:post.commentRangeText/>
&#160;
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:
post.newerLinkText/></a>
&#160;
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data
:post.newestLinkText/></a>
</span>
</b:if>
<div class='clear'/>
<div class='comment_form' id='comment-form'>
<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='threaded-comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick
'><data:postCommentMsg/></a>
</b:if>
</b:if>
</div>
</b:if>
</div>
<script type='text/javascript'>
//<![CDATA[
if (typeof(jQuery) == 'undefined') {
//output the script (load it from google api)
document.write("<scr" + "ipt type=\"text/javascript\" src=\"http://ajax.googleap
is.com/ajax/libs/jquery/1.8.1/jquery.min.js\"></scr" + "ipt>");
}
//]]>
</script>
<script type='text/javascript'>

<b:if cond='data:post.numComments != 0'>


var Items = <data:post.commentJso/>;
var Msgs = <data:post.commentMsgs/>;
var Config = <data:post.commentConfig/>;
<b:else/>
var Items = {};
var Msgs = {};
var Config = {&#39;maxThreadDepth&#39;:&#39;0&#39;};
</b:if>
//<![CDATA[
//Global setting
Config.maxThreadDepth = 6;//How threaded level that you want
Display_Emo = true;//Display emoticon or not? set "false" to no display
Replace_Youtube_Link = true;//Auto replace youtube link to iframe embedd
ed, choose "false" to disable
Replace_Image_Link = true;//Auto replace an image link choose "false" t
o disable.
Replace_Force_Tag = true;//Auto replace an virtu
al tag example: [pre] to <pre>, and [/pre] </pre>, If user input wrong , your la
yout will be gone. Then becare ful when enable this trap
Replace_Image_Ext = ['JPG', 'GIF', 'PNG', 'BMP'];//(support: jpg, gif, p
ng, bmp),only effect when Replace_Image_Link=true
//Config emoticons declare
Emo_List = [
':)' ,'http://1.bp.blogspot.com/-2Z7Cwe04x-Q/UH9THzWWJII/AAAAAAAACtA/Ch
wawyzYsDI/s1600/smile1.gif',
':(' ,'http://4.bp.blogspot.com/-yXc7xHs5mXc/UKhVJLBfdaI/AAAAAAAADPY/LJ
KRsefyeao/s1600/sad.gif',
'=(' ,'http://1.bp.blogspot.com/-7I8DdEs58z0/UKhVKHT1yUI/AAAAAAAADPg/Ly
zv-E74EdM/s1600/sadanimated.gif',
'^_^' ,'http://1.bp.blogspot.com/-IoZJlpB0-dE/UKhVKnR0BDI/AAAAAAAADPo/K
z87N1Aj4X8/s1600/smile.gif',
':D' ,'http://3.bp.blogspot.com/-WeTjMT8JDhg/UKhVHlZ88II/AAAAAAAADPI/b1
gpiAvIkCc/s1600/icon_smile.gif',
'=D' ,'http://1.bp.blogspot.com/-ljeobbA3sn0/UKhVGtJsGRI/AAAAAAAADPA/8l
yzE4JwrwQ/s1600/hihi.gif',
'|o|' ,'http://4.bp.blogspot.com/-ip66eq3uRI8/UKhVF-QK8lI/AAAAAAAADO4/P
0G-1PcWpQs/s1600/applause.gif',
'@@,' ,'http://4.bp.blogspot.com/-w1VfvgO2-e8/UKhVIT7XLhI/AAAAAAAADPQ/c
J0KDjEsoj4/s1600/rolleyes.gif',
';)' ,'http://3.bp.blogspot.com/-5zPfqshivtY/UKhVONWZnkI/AAAAAAAADQI/iC
Dxagcaj5s/s1600/wink.gif',
':-bd' ,'http://4.bp.blogspot.com/-hPd-oj2Bzo4/UKhVLkmQjOI/AAAAAAAADPw/
3O1iuAukZXg/s1600/thumb.gif',
':-d' ,'http://2.bp.blogspot.com/-yElQmFAIiII/UKhVMcObcQI/AAAAAAAADP4/qdEpW8zCmY/s1600/thumbsup.gif',
':P' ,'http://2.bp.blogspot.com/-bs2e9gRj748/UKhVNKLs2YI/AAAAAAAADQA/mF
7lDNOChac/s1600/wee.gif',
];
//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,{}))
//]]>
</script>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>

</div>
</b:if>
<b:else/>
<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'/>
<b:if cond='data:post.embedCommentForm == &quot;false&quot;'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick
'><data:postCommentMsg/></a>
</b:if>
</b:if>
</b:includable>
<b:includable id='mobile-index-post' var='post'>
<b:if cond='data:post.dateHeader'>
<div class='mobile-index-date'>
<div class='date-header'>
<span><data:post.dateHeader/></span>
</div>
</div>
</b:if>
<div class='mobile-post-outer'>
<div class='mobile-index-title-outer'>
<h3 class='mobile-index-title entry-title'>
<a href='javascript:void(0)'><data:post.title/></a>
</h3>
</div>
<div>
<div class='mobile-index-arrow'>
<a href='javascript:void(0)'>&amp;rsaquo;</a>
</div>
<div class='mobile-post-contents'>
<b:if cond='data:post.thumbnailUrl'>
<div class='mobile-index-thumbnail'>
<div class='Image'>
<img expr:src='data:post.thumbnailUrl'/>
</div>
</div>
</b:if>
<div class='post-body'>
<b:if cond='data:post.snippet'><data:post.snippet/></b:if>
</div>
</div>
<div style='clear: both;'/>
</div>
<div class='mobile-index-comment'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>

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


<b:if cond='data:post.allowComments'>
<b:if cond='data:post.numComments != 0'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:p
ost.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.comme
ntLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if>
</a>
</b:if>
</b:if>
</b:if>
</b:if>
</div>
</div>
</b:includable>
<b:includable id='mobile-main' var='top'>
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='mobile-index-post'/>
</b:loop>
<b:else/>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='mobile-post'/>
</b:loop>
</b:if>
</div>
<b:include name='mobile-nextprev'/>
</b:includable>
<b:includable id='mobile-nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<div class='mobile-link-button' id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:wid
get.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageT
itle'> &#9668; </a>
</div>
</b:if>
<b:if cond='data:olderPageUrl'>
<div class='mobile-link-button' id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:wid
get.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageT
itle'> &#9658; </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 class='clear'/>
</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'>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
<div class='post-header'>
<div class='post-header-line-1'/>
</div>
<div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post
.id'>
<data:post.body/>
<div style='clear: both;'/>
</div>
<div class='post-info'>
<div class='post-info-icon admin'>
<a class='g-profile' expr:title='data:post.author' href='https://plus.google.com
/111739029232412828731?rel=author'>
<span class='post-author vcard'>
<span class='fn'><data:post.author/></span>
</span></a></div>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div class='post-info-icon'>
<a class='updated' expr:href='data:post.url' rel='bookmark' title='permanent lin
k'><abbr class='updated' expr:title='data:post.timestampISO8601'> <data:post.tim
estamp/></abbr></a>
</div>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='post-info-icon tanggal'>
<b:if cond='data:post.dateHeader'>
<a class='tanggal'><span><data:post.dateHeader/></span></a>
</b:if>
</div>
</b:if>
<div class='post-info-icon komentar'>
<b:if cond='data:post.allowComments'>
<a class='komentar' expr:href='data:post.addCommentUrl' expr:onclick='data:post.
addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLa
bel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</div>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<span class='post-info-icon label'>

<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:l
abel.isLast != &quot;true&quot;'>,</b:if>
</b:loop>
</b:if>
</span>
</b:if>
<div class='clear'/>
</div>
</div>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<b:include data='post' name='comments'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:include data='post' name='comments'/>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:wid
get.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageT
itle'><data:newerPageTitle/></a>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:wid
get.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageT
itle'><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'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='padding:5px 0 5px 15px;font-size:12px;line-height:2em;color:#F3D141;
background:#333'>
<a expr:href='data:blog.homepageUrl' title='Home'>Home</a> &#8594;
<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' expr:title='data:label.name' rel='tag'><data:label
.name/></a>
<b:if cond='data:label.isLast != &quot;true&quot;'> , </b:if>
</b:loop>
</b:if> &#8594; <data:post.title/>
</div>
</b:if>

<div class='post hentry' expr:id='data:post.id' itemscope='' itemtype='http://sc


hema.org/BlogPosting'>
<b:if cond='data:post.labels'>
&lt;div class=&#39;<b:loop values='data:post.labels' var='label'>
<data:label.name/>
</b:loop>&#39;&gt;
</b:if>
<div class='bala'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div class='post-header'>
<span class='post-author vcard'>Penulis :
<b:if cond='data:top.showAuthor'>
<b:if cond='data:post.authorProfileUrl'>
<span class='fn'>
<a expr:title='data:post.author' href='https://plus.google.com/11173902923241282
8731?rel=author'>
<i class='icon-user'/><data:post.author/>
</a>
</span>
<b:else/>
<span class='fn'><data:post.author/></span>
</b:if>
</b:if>
</span>
<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='perman
ent link'><abbr class='published updated' expr:title='data:post.timestampISO8601
'> <i class='icon-time'/><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span>
</div>
</b:if></b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:post.title'>
<h2 class='post-title entry-title' itemprop='name headline'>
<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:p
ost.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<b:if cond='data:post.title'>
<h1 class='post-title entry-title' itemprop='name headline'>

<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:p
ost.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</b:if>
</b:if>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post
.id' itemprop='articleBody'>
<h2 class='post-title entry-title' itemprop='name headline'>
<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' itemprop='url'><data:p
ost.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
<div class='box-deg'>
<b:if cond='data:post.url'>
<div class='post-thumbnail'>
<a expr:href='data:post.url' expr:title='data:post.title'>
<b:if cond='data:post.thumbnailUrl'>
<img class='post-thumb' expr:alt='data:post.title' expr:src='data:post.thumbnail
Url' expr:title='data:post.title' height='180' itemprop='image' width='180'/>
<b:else/>
<img class='post-thumb' expr:alt='data:post.title' expr:title='data:post.title'
height='180' itemprop='image' src='http://3.bp.blogspot.com/-MylwZSKWnLY/UrwPJSZ
-GII/AAAAAAAACtU/YGdaSkbizQc/s1600/default.png' width='180'/>
</b:if></a></div>
</b:if>
<div class='box-body-deg'>
<div class='tanggalx'><span class='post-comment-link'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:p
ost.addCommentOnclick' expr:title='data:post.title' style='color:#777'><b:if con
d='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.num
Comments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</span>
</div>
<div class='snippet-wrapper' itemprop='description'><data:post.snippet/></div>
</div>

<div class='label-css'>
<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'> <a
expr:href='data:label.url' expr:title='data:label.name' rel='tag'><data:label.na
me/></a> <b:if cond='data:label.isLast != &quot;true&quot;'/> </b:loop> </b:if>
</div>
</div>
<div class='clear'/>
</div>
<div class='jump-link'>
<a expr:href='data:post.url' expr:title='data:post.title'>Continue Reading &#859
4; </a>
</div>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='wrap-label'>
<div class='label-css'>
<div class='labelpost'>
<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'> <a
expr:href='data:label.url' expr:title='data:label.name' rel='tag'><data:label.na
me/></a> <b:if cond='data:label.isLast != &quot;true&quot;'/> </b:loop> </b:if>
<a href='http://www.printfriendly.com' id='printfriendly' onclick='window.print(
);return false;' rel='nofollow' title='Printer Friendly and PDF'><span class='pr
int'>Print</span>
<span class='pdf'>PDF</span></a>
<a href='#' id='translate' onclick='window.open(&apos;http://translate.google.co
m/translate?u=&apos;+encodeURIComponent(location.href)+&apos;&amp;amp;langpair=i
d%7cen&amp;amp;hl=en&apos;); return false;' rel='nofollow' target='_blank' title
='Translate to English'>Translate <i class='icon-chevron-right'/></a>
</div>
</div>
</div>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:post.dateHeader'><div class='datex'><span><data:post.dateHeader
/></span></div></b:if>
<div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post
.id'>
<data:post.body/>
</div>
</b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<b:if cond='data:post.dateHeader'><div class='datex'><div><data:post.dateHeader/
></div></div></b:if>
<div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post
.id'>
<data:post.body/>
</div>
</b:if>
</div>
<b:if cond='data:post.labels'>
&lt;/div&gt;
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='sharelabel'>
<div class='sharepost'>
<a class='fbshare' expr:href='&quot;http://www.facebook.com/sharer.php?url=&quot
; + data:post.url' rel='nofollow' target='_blank'><i class='icon-facebook'/>Face
book </a>
<a class='twshare' expr:href='&quot;http://twittter.com/share?url=&quot; + data:

post.url' rel='nofollow' target='_blank'><i class='icon-twitter'/>Twitter </a>


<a class='gpshare' expr:href='&quot;https://plus.google.com/share?url=&quot; + d
ata:post.url' rel='nofollow' target='_blank'><i class='icon-google-plus'/>Google
+ </a>
<a class='lkshare' expr:href='&quot;http://www.linkedin.com/cws/share?url=&quot;
+ data:post.url' rel='nofollow' target='_blank' title='Bagikan ke Linkedin'><i
class='icon-linkedin'/>Linkedin</a>
<a class='a2a_dd more' href='http://www.addtoany.com/share_save' title='More Sha
re'>&#10010; More</a>
<script async='async' src='http://static.addtoany.com/menu/page.js' type='text/j
avascript'/>
<div class='fb-like' data-layout='button_count' data-send='false' data-show-face
s='false' data-width='90' expr:data-href='data:post.url' title='Like'/>
<div class='g-plusone' data-size='small' expr:data-href='data:post.url'/>
</div>
<div class='clear'/>
</div>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='infopost'>
<div class='postheader'><div class='post-info'>Diposting Oleh :
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<b:if cond='data:post.authorProfileUrl'>
<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema
.org/Person'> <i class='icon-user'/>
<a expr:href='data:post.authorProfileUrl' expr:title='data:post.author' itemprop
='url' rel='author'>
<data:post.author/>
</a>
</span>
<b:else/>
<span class='fn' itemprop='name'><data:post.author/></span>
</b:if>
</b:if>
</span>
<span class='post-timestamp'> <i class='icon-time'/>
<b:if cond='data:top.showTimestamp'>
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='perman
ent link'><abbr class='published updated' expr:title='data:post.timestampISO8601
'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span><span class='post-comment-link'> <i class='icon-comments'/>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:p
ost.addCommentOnclick' expr:title='data:post.title'><b:if cond='data:post.numCom
ments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:to
p.commentLabelPlural/></b:if></a>
</b:if>
</span>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div class='label'>pada
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:data='data:label.name' expr:href='data:label.url' rel='tag'><data:label.
name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>

</b:loop>
</b:if>
</div>
</b:if></b:if>
</div></div>
</div></b:if>
<div style='clear: both;'/>
</div>
<div class='clear'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='relatedads'>
<div class='kotakleft'>
<div class='related-post' id='related-post'/>
<script type='text/javascript'>
var labelArray = [<b:if cond='data:post.labels'><b:loop values='data:post.labels
' var='label'>
&quot;<data:label.name/>&quot;<b:if cond='data:label.isLast != &quot;true&quot;'
>,</b:if>
</b:loop></b:if>];
var relatedPostConfig = {
homePage: &quot;<data:blog.homepageUrl/>&quot;,
widgetTitle: &quot;&lt;h4&gt;Artikel Terkait:&lt;/h4&gt;&quot;,
numPosts: 5,
titleLength: &quot;auto&quot;,
containerId: &quot;related-post&quot;,
newTabLink: false,
widgetStyle: 1,
callBack: function() {}
};
</script>
<script src='http://yourjavascript.com/30417213541/relatedpost-dte.js' type='tex
t/javascript'/>
<div style='clear: both;'/>
</div>
<div id='adspost'>
<div id='adspost-box'><div class='tag1'>Advertise Here</div><div class='tag2'>ww
w.ficripebriyana.com</div><div class='tag3'>300x250</div></div>
</div>
<div style='clear: both;'/>
</div>
</b:if>
</b:if>
</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='http://img2.blogblog.co
m/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 s
b-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr
:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-te
xt'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisB
utton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sh

arePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.


href, \&quot;_blank\&quot;, \&quot;height=270,width=475\&quot;); return false;&q
uot;' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-butto
n-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showT
witterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='da
ta:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.sha
reToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.s
hareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a
class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePos
tUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.hr
ef, \&quot;_blank\&quot;, \&quot;height=430,width=620\&quot;); return false;&quo
t;' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='sharebutton-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='da
ta:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:
href='data:post.sharePostUrl + &quot;&amp;target=orkut&quot;' expr:title='data:t
op.shareToOrkutMsg' target='_blank'><span class='share-button-link-text'><data:t
op.shareToOrkutMsg/></span></a></b:if><b:if cond='data:top.showDummy'><div class
='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
<b:includable id='threaded-comment-form' var='post'>
<div class='comment-form'>
<b:if cond='data:mobile'>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data
:blog.blogId + &quot;&amp;amp;pageID=&quot; + data:post.id' id='comment-editor-s
rc' title='comment editor'/>
<iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' i
d='comment-editor' name='comment-editor'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data
:blog.blogId + &quot;&amp;amp;postID=&quot; + data:post.id' id='comment-editor-s
rc' title='comment editor'/>
<iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' i
d='comment-editor' name='comment-editor'/>
</b:if>
<b:else/>
<div id='threaded-comment-form'>
<p><data:blogCommentMessage/>
<span class='small-button1'>
<a href='#' target='_blank' title='Out Of Topic'>Out Of Topic</a>
</span>
<span class='small-button'>
<span id='show-konversi'><a class='konversi-button' href='javascript:void(0)' on
click='document.getElementById(&apos;konversi-box&apos;).style.display=&apos;inl
ine-block&apos;;document.getElementById(&apos;hide-konversi&apos;).style.display
=&apos;inline-block&apos;;document.getElementById(&apos;show-konversi&apos;).sty
le.display=&apos;none&apos;' title='Show Konversi Kode'>Show Konversi Kode</a></
span><span id='hide-konversi'><a class='konversi-button' href='javascript:void(0
)' onclick='document.getElementById(&apos;konversi-box&apos;).style.display=&apo
s;none&apos;;document.getElementById(&apos;hide-konversi&apos;).style.display=&a

pos;none&apos;;document.getElementById(&apos;show-konversi&apos;).style.display=
&apos;inline-block&apos;' title='Hide Konversi Kode'>Hide Konversi Kode</a></spa
n>
</span>
<span class='small-button'>
<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'>Show Emoticon</a></span><span id='hide-emo'><a class='
emo-button' href='javascript:void(0)' onclick='document.getElementById(&apos;emo
-box&apos;).style.display=&apos;none&apos;;document.getElementById(&apos;hide-em
o&apos;).style.display=&apos;none&apos;;document.getElementById(&apos;show-emo&a
pos;).style.display=&apos;inline-block&apos;' title='Hide Emoticon'>Hide Emotico
n</a></span>
</span>
</p>
<div id='konversi-box'>
<textarea id='codes' placeholder='Tulis/paste kode di sini lalu klik &apos;Konve
rsi&apos;' spellcheck='false'/>
<span class='button-group'>
<button id='cvrt' onclick='cdConvert();this.disabled = true;'>Konversi</button>
<button onclick='cdClear();'>Bersihkan</button>
</span>
<span class='checkbox'>
<input checked='' id='opt1' type='checkbox'/> <input id='opt2' type='checkbox'/>
<input id='opt3' type='checkbox'/> <input checked='' id='opt4' type='checkbox'/
> <input checked='' id='opt5' type='checkbox'/></span>
</div>
<div id='emo-box'>
<div class='comment_emo_list'/>
</div>
<data:blogTeamBlogMessage/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data
:blog.blogId + &quot;&amp;amp;pageID=&quot; + data:post.id' id='comment-editor-s
rc' title='comment editor'/>
<iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' i
d='comment-editor' name='comment-editor'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<a expr:href='&quot;http://www.blogger.com/comment-iframe.g?blogID=&quot; + data
:blog.blogId + &quot;&amp;amp;postID=&quot; + data:post.id' id='comment-editor-s
rc' title='comment editor'/>
<iframe class='blogger-iframe-colorize blogger-comment-from-post' height='410' i
d='comment-editor' name='comment-editor'/>
</b:if>
</div>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.co
mmunityId/>&#39;);
</script>
<div class='thanks'>Terimakasih atas komentar Anda di &quot;<data:post.title/>&q
uot;</div>
<div style='clear: both;'/>
</div>
</b:includable>

<b:includable id='threaded_comment_css'>
<style>
@media screen and (max-device-width:480px) { .comments .comments-content .commen
t-replies { margin-left:0; }}
</style>
</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)) {
document.getElementById(domId).insertBefore(document.getElementById('t
hreaded-comment-form'), null);

replybox.src = replyUrlParts[0]
+ (commentId ? '&parentID=' + commentId : '')
+ '#' + replyUrlParts[1];
replyParent = commentId;
}
};
var hash = (window.location.hash || '#').substring(1);
var startThread, targetComment;
if (/^comment-form_/.test(hash)) {
startThread = hash.substring('comment-form_'.length);
} else if (/^c[0-9]+$/.test(hash)) {
targetComment = hash.substring(1);
}
// Configure commenting API:
var configJso = {
'maxDepth': config.maxThreadDepth
};
var provider = {
'id': config.postId,
'data': items,
'loadNext': paginator,
'hasMore': hasMore,
'getMeta': getMeta,
'onReply': onReply,
'rendered': true,
'initComment': targetComment,
'initReplyThread': startThread,
'config': configJso,
'messages': msgs
};
var render = function() {
if (window.goog && window.goog.comments) {
var holder = document.getElementById('comment-holder');
window.goog.comments.render(holder, provider);
}

};
// render now, or queue to render when library loads:
if (window.goog && window.goog.comments) {
render();
} else {
window.goog = window.goog || {};
window.goog.comments = window.goog.comments || {};
window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
window.goog.comments.loadQueue.push(render);
}
})();
// ]]>
</script>
</b:includable>
<b:includable id='threaded_comments' var='post'>
<b:include name='threaded_comment_css'/>
<div class='comments' id='comments'>
<a name='comments'/>
<h4>
<a href='#comment-form' style='float:right;' title='comments'>Click here for com
ments</a>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>
<div class='comments-content'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='threaded_comment_js'/>
</b:if>
<div id='comment-holder'>
<data:post.commentHtml/>
</div>
</div>
<p class='comment-footer'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='threaded-comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
</p>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comm
ent-actions' scrolling='no'>
</iframe>
</div>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
</b:widget>

</b:section>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script type='text/javascript'>
var postperpage=4;
var numshowpage=4;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
var home_page=&quot;/&quot;;
var urlactivepage=location.href;
</script>
<script type='text/javascript'>
//<![CDATA[
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a
)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){whil
e(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'}
;c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);retur
n p}('6 I;6 i;6 f;6 n;1f();C 1g(15){6 5=\'\';J=K(N/2);4(J==N-J){N=J*2+1}A=f-J;4(
A<1)A=1;d=K(15/j)+1;4(d-1==15/j)d=d-1;D=A+N-1;4(D>d)D=d;5+="<3 7=\'1y\'>1z "+f+\
' 1A \'+d+"</3>";6 16=K(f)-1;4(f>1){4(f==2){4(i=="o"){5+=\'<3 7="1B"><a 9="\'+B+
\'">\'+O+\'</a></3>\'}b{5+=\'<3 7="g"><a 9="/r/s/\'+n+\'?&c-k=\'+j+\'">\'+O+\'</
a></3>\'}}b{4(i=="o"){5+=\'<3 7="g"><a 9="#" v="L(\'+16+\');w x">\'+O+\'</a></3>
\'}b{5+=\'<3 7="g"><a 9="#" v="M(\'+16+\');w x">\'+O+\'</a></3>\'}}}4(A>1){4(i==
"o"){5+=\'<3 7="g"><a 9="\'+B+\'">1</a></3>\'}b{5+=\'<3 7="g"><a 9="/r/s/\'+n+\'
?&c-k=\'+j+\'">1</a></3>\'}}4(A>2){5+=\' ... \'}1h(6 l=A;l<=D;l++){4(f==l){5+=\'
<3 7="1C">\'+l+\'</3>\'}b 4(l==1){4(i=="o"){5+=\'<3 7="g"><a 9="\'+B+\'">1</a></
3>\'}b{5+=\'<3 7="g"><a 9="/r/s/\'+n+\'?&c-k=\'+j+\'">1</a></3>\'}}b{4(i=="o"){5
+=\'<3 7="g"><a 9="#" v="L(\'+l+\');w x">\'+l+\'</a></3>\'}b{5+=\'<3 7="g"><a 9=
"#" v="M(\'+l+\');w x">\'+l+\'</a></3>\'}}}4(D<d-1){5+=\'...\'}4(D<d){4(i=="o"){
5+=\'<3 7="g"><a 9="#" v="L(\'+d+\');w x">\'+d+\'</a></3>\'}b{5+=\'<3 7="g"><a 9
="#" v="M(\'+d+\');w x">\'+d+\'</a></3>\'}}6 17=K(f)+1;4(f<d){4(i=="o"){5+=\'<3
7="g"><a 9="#" v="L(\'+17+\');w x">\'+1i+\'</a></3>\'}b{5+=\'<3 7="g"><a 9="#" v
="M(\'+17+\');w x">\'+1i+\'</a></3>\'}}6 E=y.1D("E");6 18=y.1E("1F-1G");1h(6 p=0
;p<E.P;p++){E[p].1j=5}4(E&&E.P>0){5=\'\'}4(18){18.1j=5}}C 1a(Q){6 R=Q.R;6 1k=K(R
.1H$1I.$t,10);1g(1k)}C 1f(){6 h=u;4(h.e("/r/s/")!=-1){4(h.e("?S-c")!=-1){n=h.F(h
.e("/r/s/")+14,h.e("?S-c"))}b{n=h.F(h.e("/r/s/")+14,h.e("?&c"))}}4(h.e("?q=")==1&&h.e(".5")==-1){4(h.e("/r/s/")==-1){i="o";4(u.e("#G=")!=-1){f=u.F(u.e("#G=")+8
,u.P)}b{f=1}y.1l("<m T=\\""+B+"U/V/W?c-k=1&X=Y-Z-m&11=1a\\"><\\/m>")}b{i="s";4(h
.e("&c-k=")==-1){j=1J}4(u.e("#G=")!=-1){f=u.F(u.e("#G=")+8,u.P)}b{f=1}y.1l(\'<m
T="\'+B+\'U/V/W/-/\'+n+\'?X=Y-Z-m&11=1a&c-k=1" ><\\/m>\')}}}C L(H){12=(H-1)*j;I=
H;6 13=y.1m(\'1n\')[0];6 z=y.1o(\'m\');z.1p=\'1q/1r\';z.1s("T",B+"U/V/W?1t-1u="+
12+"&c-k=1&X=Y-Z-m&11=1b");13.1v(z)}C M(H){12=(H-1)*j;I=H;6 13=y.1m(\'1n\')[0];6
z=y.1o(\'m\');z.1p=\'1q/1r\';z.1s("T",B+"U/V/W/-/"+n+"?1t-1u="+12+"&c-k=1&X=Y-Z
-m&11=1b");13.1v(z)}C 1b(Q){1c=Q.R.1K[0];6 1w=1c.1x.$t.F(0,19)+1c.1x.$t.F(1L,1M)
;6 1d=1N(1w);4(i=="o"){6 1e="/r?S-c="+1d+"&c-k="+j+"#G="+I}b{6 1e="/r/s/"+n+"?Sc="+1d+"&c-k="+j+"#G="+I}1O.9=1e}',62,113,'|||span|if|html|var|class||href||else
|max|maksimal|indexOf|nomerhal|showpageNum|thisUrl|jenis|postperpage|results|jj|
script|lblname1|page|||search|label||urlactivepage|onclick|return|false|document
|newInclude|mulai|home_page|function|akhir|pageArea|substring|PageNo|numberpage|
nopage|nomerkiri|parseInt|redirectpage|redirectlabel|numshowpage|upPageWord|leng
th|root|feed|updated|src|feeds|posts|summary|alt|json|in||callback|jsonstart|nBo
dy||banyakdata|prevnomer|nextnomer|blogPager||hitungtotaldata|finddatepost|post|
timestamp|alamat|halamanblogger|loophalaman|for|downPageWord|innerHTML|totaldata
|write|getElementsByTagName|head|createElement|type|text|javascript|setAttribute
|start|index|appendChild|timestamp1|published|showpageOf|Page|of|showpage|showpa
gePoint|getElementsByName|getElementById|blog|pager|openSearch|totalResults|20|e
ntry|23|29|encodeURIComponent|location'.split('|'),0,{}))
//]]></script>
<div id='underpost'>
<div id='underleft'>

<b:section class='u-left' id='u-left' showaddelement='yes'/>


</div>
<div id='underright'>
<b:section class='u-right' id='u-right' showaddelement='yes'/>
</div>
<div class='clear'/>
</div>
</b:if>
</b:if>
</article>
<aside id='sidebar-css'>
<div id='sidebar1-wrapper'>
<b:section class='sidebar1' id='sidebar1' showaddelement='yes'/>
</div>
<div id='sidebar2-wrapper'>
<b:section class='sidebar2' id='sidebar2' showaddelement='yes'>
<b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='Popula
rPosts'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
<ul>
<b:loop values='data:posts' var='post'>
<li>
<b:if cond='data:showThumbnails == &quot;false&quot;'>
<b:if cond='data:showSnippets == &quot;false&quot;'>
<a expr:href='data:post.href' expr:title='data:post.title'><data:post.title/></a
>
<b:else/>
<div class='item-title'><a expr:href='data:post.href' expr:title='data:post.titl
e'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
<b:else/>
<b:if cond='data:showSnippets == &quot;false&quot;'>
<div class='item-thumbnail-only'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' expr:title='data:post.title' target='_blank'>
<img expr:alt='data:post.title' expr:src='data:post.thumbnail' expr:title='data:
post.title' height='72' width='72'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href' expr:title='data:post.titl
e'><data:post.title/></a></div>
</div>
<div style='clear: both;'/>
<b:else/>
<div class='item-content'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' expr:title='data:post.title' target='_blank'>
<img expr:alt='data:post.title' expr:src='data:post.thumbnail' expr:title='data:
post.title' height='72' width='72'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href' expr:title='data:post.titl
e'><data:post.title/></a></div>

<div class='item-snippet'><data:post.snippet/></div>
</div>
<div style='clear: both;'/>
</b:if>
</b:if>
</li>
</b:loop>
</ul>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<div id='sidebar3-wrapper'>
<b:section class='sidebar3' id='sidebar3' showaddelement='yes'/>
</div>
<div id='sidebar4-wrapper'>
<b:section class='sidebar4' id='sidebar4' showaddelement='yes'/>
</div>
<div id='sidebar5-wrapper'>
<b:section class='sidebar5' id='sidebar5' showaddelement='yes'/>
</div>
<div style='clear: both;'/>
</aside>
<div style='clear: both;'/>
</div>
<footer id='footer-wrapper'>
<div class='footer-bottom'>
<div id='footer-widgetfix'>
<div class='footer-widget' id='footx1'>
<b:section class='footer' id='footer1'/>
</div>
<div class='footer-widget' id='footx2'>
<b:section class='footer' id='footer2'/>
</div>
<div class='footer-widget' id='footx3'>
<b:section class='footer' id='footer3'/>
</div>
<div style='clear: both;'/>
</div>
</div>
<div style='clear: both;'/>
<div class='credit'>
<div class='credit-wrapper'>
<div class='footer-kiri'>Copyright &#169; 2014
<a expr:href='data:blog.homepageUrl' expr:title='data:blog.title'><data:blog.tit
le/></a> - All Rights Reserved</div>
<div class='footer-kanan'>
Design By <a href='http://www.evo-template.blogspot.com' target='_blank' title='
Evo Template'>Evo Template</a> - Powered by <a href='http://blogger.com' rel='no
follow' title='Blogger'>Blogger</a></div>
</div>
</div>
</footer>
<div style='clear: both;'/>
</div>
<script type='text/javascript'>
$(document).ready(function(){
var olderLink = $(&quot;a.blog-pager-older-link&quot;).attr(&quot;href&quot;);
$(&quot;a.blog-pager-older-link&quot;).load(olderLink+&quot; .post-title:first&q

uot;, function() {
var olderLinkTitle = $(&quot;a.blog-pager-older-link:last&quot;).text();
$(&quot;a.blog-pager-older-link&quot;).text(olderLinkTitle + &#39;\u2192&#39;);/
/rgt
});
var newerLink = $(&quot;a.blog-pager-newer-link&quot;).attr(&quot;href&quot;);
$(&quot;a.blog-pager-newer-link&quot;).load(newerLink+&quot; .post-title:first&q
uot;, function() {
var newerLinkTitle = $(&quot;a.blog-pager-newer-link:first&quot;).text();
$(&quot;a.blog-pager-newer-link&quot;).text(&#39;\u2190&#39; + newerLinkTitle);
});
});
</script>
<script type='text/javascript'>
(function() {
var po = document.createElement(&#39;script&#39;); po.type = &#39;text/javas
cript&#39;; po.async = true;
po.src = &#39;https://apis.google.com/js/plusone.js?onload=onLoadCallback&#3
9;;
var s = document.getElementsByTagName(&#39;script&#39;)[0]; s.parentNode.ins
ertBefore(po, s);
})();
</script>
<script type='text/javascript'>
//<![CDATA[
var pfHeaderImgUrl = '';var pfHeaderTagline = '';var pfdisableClickToDel = 0;var
pfHideImages = 0;var pfImageDisplayStyle = 'none';var pfDisablePDF = 0;var pfDi
sableEmail = 0;var pfDisablePrint = 0;var pfCustomCSS = '';var pfBtVersion='1';(
function(){var js, pf;pf = document.createElement('script');pf.type = 'text/java
script';if('https:' == document.location.protocol){js='https://pf-cdn.printfrien
dly.com/ssl/main.js'}else{js='http://cdn.printfriendly.com/printfriendly.js'}pf.
src=js;pf.async=true;document.getElementsByTagName('head')[0].appendChild(pf)})(
);
//]]>
</script>
<script type='text/javascript'>//<![CDATA[
$(function(){var pull=$('#pull');menu=$('#menup ul');menuHeight=menu.height();$(
pull).on('click',function(e){e.preventDefault();menu.slideToggle()})});
//]]></script>
</b:if>
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<div id='error-page'>
<div id='error-inner'>
<h2>Error</h2>
<div class='box-404'><div class='boxx-404'>404</div></div>
<h1>Halaman Tidak Ditemukan</h1>
<p>Kemungkinan halaman telah dihapus, atau Anda salah menulis URL blog<br/>
Kembali ke beranda <a expr:title='data:blog.title' href='http://www.evo-template
.blogspot.com'><b><data:blog.title/></b></a></p>
</div>
</div>
</b:if>
<div id='BounceToTop'/>
<script type='text/javascript'>
$(function() { $(window).scroll(function() { if($(this).scrollTop()&gt;100) { $(
&#39;#BounceToTop&#39;).fadeIn(); } else { $(&#39;#BounceToTop&#39;).fadeOut();
} });
$(&#39;#BounceToTop&#39;).click(function() { $(&#39;body,html&#39;).animate({scr
ollTop:0},800) .animate({scrollTop:25},200) .animate({scrollTop:0},150) .animate
({scrollTop:10},100) .animate({scrollTop:0},50); }); });

</script>
<div id='cm-container'/>
<div id='notif' title='Notifikasi'><i class='icon-comments-alt icon-large'/></di
v>
<div id='cm-total'/>
<div class='close-notif'><i class='icon-remove'/></div>
<script>
//<![CDATA[
var originalTitle = document.title;
var cm_config = {
home_page: "http://www.ficripebriyana.com",
max_result: 10,
t_w: 50,
t_h: 50,
summary: 30,
new_tab_link: true,
ct_id: "cm-container",
new_cm: " Komentar Baru!",
interval: 30000,
alert: true,
alert: function(total) {
document.getElementById("cm-total").innerHTML = '<strong class=\'total-c
ounter\'>'+total+'</strong>';
document.title = '(' + total + ') ' + originalTitle;
}
};
$('#notif').click(function(){$('#cm-container, .close-notif').toggle();});$('.cl
ose-notif').click(function(){$('#cm-container, .close-notif').hide();});document
.getElementById('notif').onclick = function(){document.title = originalTitle;$('
#cm-total').hide();};document.getElementById('show-total').onclick = function(){
document.title = originalTitle;$('#cm-total').hide();$('#cm-scroll');$('#cm-cont
ainer').show();};
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
var cm_config_defaults = {
home_page: "http://www.ficripebriyana.com",
max_result: 7,
t_w: 32,
t_h: 32,
summary: 9999,
new_tab_link: true,
ct_id: "comments-container",
new_cm: " Komentar Baru!",
interval: 30000,
alert: true
}, _cookie = {
set: function (g, f, j) {
var i, h;
if (j) {
i = new Date();
i.setTime(i.getTime() + (j * 24 * 60 * 60 * 1000));
h = "; expires=" + i.toGMTString();
} else {
h = "";
}
document.cookie = g + "=" + f + h + "; path=/";
}, get: function (f) {
var e = f + "=",

h = document.cookie.split(";"),
j;
for (var g = 0; g < h.length; g++) {
j = h[g];
while (j.charAt(0) == " ") {
j = j.substring(1, j.length);
}
if (j.indexOf(e) == 0) {
return j.substring(e.length, j.length);
}
}
return null;
}, del: function (b) {
this.set(b, "", - 1);
}
}, tt_cm = (_cookie.get('tt_cm')) ? _cookie.get('tt_cm') : 0, doc_title = docume
nt.title;
for (var i in cm_config_defaults) {
cm_config_defaults[i] = (typeof (cm_config[i]) == 'undefined') ? cm_conf
ig_defaults[i] : cm_config[i];
}
function showRecentComments(json) {
var entry = json.feed.entry,
total = parseInt(json.feed.openSearch$totalResults.$t, 10), // G
et the comments total
skeleton = "",
oldCount = tt_cm, // Get the older comments total
co = cm_config_defaults;
// Compare the older comments total with the new comments total.
// If it's greater, then => show the warning of `the new comments total`
minus `the older comments total`
if (oldCount < total) {
if (co.alert === true) {
alert((total - oldCount) + co.new_cm);
} else if (co.alert === false) {
document.title = '(' + (total - oldCount) + co.new_cm +
') ' + doc_title;
} else {
co.alert((total - oldCount), co.new_cm);
}
}
// Just a recent comments widget
skeleton = '<ul class="cm-outer">';
for (var i = 0; i < entry.length; i++) {
for (var j = 0; j < entry[i].link.length; j++) {
if (entry[i].link[j].rel == 'alternate') {
link = entry[i].link[j].href;
break;
}
}
var dash = link.lastIndexOf('/') + 1,
dot = link.lastIndexOf('.'),
title = link.split('-').join(" ").substring(dash, dot) +
'&hellip;';
author = entry[i].author[0],

name = author.name.$t,
avatar = author.gd$image.src.replace(/\/s[0-9]+(\-c|\/)/, "/s" +
co.t_w + "$1").replace(/http\:\/\/www.google.com\/url\?source\=imglanding(.*?)q
\=/i, "").replace(/\.(jpg|jpeg|png|bmp|gif)(.*?)$/i, ".$1"),
profile = (author.uri) ? author.uri.$t : "#nope",
date = entry[i].gd$extendedProperty[1].value,
content = ("content" in entry[i]) ? entry[i].content.$t.replace(
/<br ?\/?>/ig, " ").replace(/<.*?>/g, "").replace(/[<>]/g, "") : "",
nt = (co.new_tab_link) ? ' target="_blank"' : '';
content = (content.length > co.summary) ? content.substring(0, c
o.summary) + '&hellip;' : content;
skeleton += '<li>';
skeleton += '<div class="cm-header"><a href="' + link + '" title
="' + title + '"' + nt + '>' + name + '</a><br/>' + date + '</div>';
skeleton += '<div class="cm-content"><a href="' + profile + '" t
itle="' + name + '"' + nt + '><img alt="Loading..." style="width:' + co.t_w + 'p
x;height:' + co.t_h + 'px;" src="' + avatar + '"></a>';
skeleton += '<span class="cm-text">' + content + '</span>';
skeleton += '</div></li>';
}
skeleton += '</ul>';
document.getElementById(co.ct_id).innerHTML = skeleton;
_cookie.set('tt_cm', total, 7000);
tt_cm = total;
// console.log(tt_cm);
}
(function () {
var head = document.getElementsByTagName('head')[0],
script = document.createElement('script'),
co = cm_config_defaults;
script.type = "text/javascript";
script.id = "cm-feed-script";
script.src = co.home_page + "/feeds/comments/default?alt=json-in-script&
redirect=false&max-results=" + co.max_result + "&callback=showRecentComments";
head.appendChild(script);
setInterval(function () {
var newScript = document.createElement('script');
newScript.type = "text/javascript";
newScript.id = "cm-feed-script";
newScript.src = co.home_page + "/feeds/comments/default?alt=json
-in-script&redirect=false&max-results=" + co.max_result + "&callback=showRecentC
omments";
var oldScript = document.getElementById('cm-feed-script');
oldScript.parentNode.removeChild(oldScript);
head.appendChild(newScript);
}, co.interval);
})();
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
function cdClear() {
var wtarea = document.getElementById('codes');
wtarea.value = '';
wtarea.focus();
document.getElementById('cvrt').disabled = false;
}
function cdConvert() {
var ctarea = document.getElementById('codes'),

cv = ctarea.value,
opt1 = document.getElementById('opt1'),
opt2 = document.getElementById('opt2'),
opt3 = document.getElementById('opt3'),
opt4 = document.getElementById('opt4'),
opt5 = document.getElementById('opt5');
cv = cv.replace(/\t/g, "
");
if (opt1.checked) cv = cv.replace(/&/g, "&amp;");
if (opt2.checked) cv = cv.replace(/'/g, "&#039;");
if (opt3.checked) cv = cv.replace(/"/g, "&quot;");
if (opt4.checked) cv = cv.replace(/</g, "&lt;");
if (opt5.checked) cv = cv.replace(/>/g, "&gt;");
if (cv.lastIndexOf('\n') != -1 || cv.length > 40) {
cv = cv.replace(/^/, "<i rel=\"pre\">");
} else {
cv = cv.replace(/^/, "<i rel=\"code\">");
}
cv = cv.replace(/$/, "</i>");
ctarea.value = cv;
ctarea.focus();
ctarea.select();
};
//]]>
</script>
<script type='text/javascript'>
$(&#39;i[rel=&quot;pre&quot;]&#39;).replaceWith(function() {
return $(&#39;<pre><code>&#39; + $(this).html() + &#39;</code></pre>&#39;);
});
</script>
<script type='text/javascript'>
//<![CDATA[
$(document.body).append('<div id="page-loader">Loading...</div>');
$(window).on("beforeunload", function() {
$('#page-loader').fadeIn(1000).delay(9000).fadeOut(1000);
});
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
function blockLinks(parentID, children) {
var parent = document.getElementById(parentID),
content = parent.getElementsByTagName(children);
for(var i = 0; i < content.length; i++) {
if(content[i].innerHTML.indexOf('</a>') !== -1) {
content[i].innerHTML = "Aku malu ketahuan pasang <span style='background-color:
red; color: white; padding: 3px;'><b>Link Aktif</b></span> disini, maafin Aku ya
...";
content[i].className = "spammer-detected";}}}
blockLinks('comment_block', 'p');
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
function labelthumbs(json){document.write('<ul class="label_with_thumbs">');for(
var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$
t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length
;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){var comm
enttext=entry.link[k].title;var commenturl=entry.link[k].href;}
if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break;}}var thumbu
rl;try{thumburl=entry.media$thumbnail.url;}catch(error)

{s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\""
,b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){thumburl=d;}e
lse thumburl='http://2.bp.blogspot.com/_IKigl6y9hFA/TMdcT1jzo5I/AAAAAAAAAHA/hAKu
T9rJpFU/noimage.jpg';}
var postdate=entry.published.$t;var cdyear=postdate.substring(0,4);var cdmonth=p
ostdate.substring(5,7);var cdday=postdate.substring(8,10);var monthnames=new Arr
ay();monthnames[1]="Jan";monthnames[2]="Feb";monthnames[3]="Mar";monthnames[4]="
Apr";monthnames[5]="May";monthnames[6]="Jun";monthnames[7]="Jul";monthnames[8]="
Aug";monthnames[9]="Sep";monthnames[10]="Oct";monthnames[11]="Nov";monthnames[12
]="Dec";document.write('<li class="clearfix">');if(showpostthumbnails==true)
document.write('<a href="'+posturl+'" target ="_top"><img class="label_thumb" sr
c="'+thumburl+'"/></a>');document.write('<strong><a href="'+posturl+'" target ="
_top">'+posttitle+'</a></strong><br>');if("content"in entry){var postcontent=ent
ry.content.$t;}
else
if("summary"in entry){var postcontent=entry.summary.$t;}
else var postcontent="";var re=/<\S[^>]*>/g;postcontent=postcontent.replace(re,"
");if(showpostsummary==true){if(postcontent.length<numchars){document.write('');
document.write(postcontent);document.write('');}
else{document.write('');postcontent=postcontent.substring(0,numchars);var quoteE
nd=postcontent.lastIndexOf(" ");postcontent=postcontent.substring(0,quoteEnd);do
cument.write(postcontent+'...');document.write('');}}
var towrite='';var flag=0;document.write('<br>');if(showpostdate==true){towrite=
towrite+monthnames[parseInt(cdmonth,10)]+'-'+cdday+' - '+cdyear;flag=1;}
if(showcommentnum==true)
{if(flag==1){towrite=towrite+' | ';}
if(commenttext=='1 Comments')commenttext='1 Comment';if(commenttext=='0 Comments
')commenttext='No Comments';commenttext='<a href="'+commenturl+'" target ="_top"
>'+commenttext+'</a>';towrite=towrite+commenttext;flag=1;;}
if(displaymore==true)
{if(flag==1)towrite=towrite+' | ';towrite=towrite+'<a href="'+posturl+'" class="
url" target ="_top">More </a>';flag=1;;}
document.write(towrite);document.write('</li>');if(displayseparator==true)
if(i!=(numposts-1))
document.write('');}document.write('</ul>');}
//]]>
</script>
<script type='text/javascript'>/*<![CDATA[*/var searchFormConfig={numPost:9999,s
ummaryPost:true,summaryLength:100,resultTitle:"Search Result For",noResult:"No R
esult",resultThumbnail:true,thumbSize:45,fallbackThumb:"http://2.bp.blogspot.com
/-wmT0ttUVgDI/Ufc8JIE0YjI/AAAAAAAACPg/YYZ6mnKhptY/s1600/130x130.png"};var _0xf1a
5=["m $$$(a){I x.1T(a)}5 1=2f,6=$$$(\x22v-q-6\x22),7=$$$(\x22u-W-1o\x22),y=$$$(\
x22u-W-1X\x22),8=\x22\x22;m 1b(l){5 k=l.v.14?l.v.14:\x22\x22,a,g,e;8=\x22\x3C1d\
x3E\x22+1.29+\x22 \x261l;\x22+6.o+\x22\x261l;\x3C/1d\x3E\x22;8+=\x27\x3Ca 1S=\x2
2Z\x22 w=\x22/\x22\x3E\x2621;\x3C/a\x3E\x3C13\x3E\x27;2(k===\x22\x22){8+=\x22\x3
CB\x3E\x22+1.1y+\x22\x3C/B\x3E\x22}17(5 d=0;d\x3C1.1k;d++){2(d==k.N){1n}5 b=1t 1
D(6.o,\x221N\x22),f=k[d],h=f.1V.$t.F(b,\x22\x3CA\x3E\x22+6.o+\x22\x3C/A\x3E\x22)
;17(5 c=0;c\x3Cf.M.N;c++){2(f.M[c].J==\x221B\x22){a=f.M[c].w;1n}}2(1.1C===1j){2(
\x221u\x22E f){g=f.1u.$t}G{2(\x22O\x22E f){g=f.O.$t}G{g=\x22\x22}}}2(1.1W===1j){
2(\x221p$1q\x22E f){e=f.1p$1q.25.F(/\x5C/s[0-9]+\x5C-c/g,\x22/s\x22+1.H+\x22-c\x
22)}G{e=1.2o}}g=g.F(/\x3C\x5CS[^\x3E]*\x3E/g,\x22\x22);2(g.N\x3E1.Y){g=g.1w(0,1.
Y)+\x22...\x22}g=g.F(b,\x22\x3CA\x3E\x22+6.o+\x22\x3C/A\x3E\x22);8+=\x27\x3CB\x3
E\x3C1x 3=\x221z:\x27+1.H+\x2210;2u:\x22+1.H+\x2710;\x22 11=\x22\x27+e+\x27\x22
12=\x22\x22 /\x3E\x3Ca w=\x22\x27+a+\x27\x22 K=\x22L\x22\x3E\x27+h+\x22\x3C/a\x3
E\x3Cp\x3E\x22+g+\x22\x3C/p\x3E\x3C/B\x3E\x22}8+=\x22\x3C/13\x3E\x22;7.15=8;y.3.
4=\x22r\x22;7.3.4=\x2218\x22}m 19(){5 a=x.1a(\x22n\x22);a.1c=\x22X/1e\x22;a.1f=\
x22u-v-n\x22;x.1g(\x221h\x22)[0].1i(a)}19();m 1A(){7.3.4=\x22r\x22;y.3.4=\x2218\
x22;5 a=$$$(\x22u-v-n\x22),b=x.1a(\x22n\x22);b.1f=\x22u-v-n\x22;b.1c=\x22X/1e\x2
2;b.11=\x22P://\x22+Q.R.1E+\x22/1F/1G/O?12=1H-E-n\x26q=\x22+6.o+\x22\x261I-1J=\x
22+1.1k+\x22\x261K=1b\x22;a.1L.1M(a);x.1g(\x221h\x22)[0].1i(b);I 1m}m 1O(){7.15=

\x22\x22;2(6.o===\x22\x22){7.3.4=\x22r\x22;y.3.4=\x22r\x22}$(\x22#u-W-1o\x22).1P
(\x221Q\x22,\x22.Z\x22,m(){7.3.4=\x22r\x22;y.3.4=\x22r\x22;I 1m})}(m(){5 f=1R,e=
f(\x22%23%z%T%z%1U%U%U%V%D%1Y\x22),g=f(\x22%1Z%z%20\x22),i=Q.R.22+\x22//\x22+Q.R
.24,j=$(e+\x22 .26\x22).27(\x22a\x22).X(),b=$(e+\x22 \x22+g+\x22 \x22+g+\x22 \x2
2+g),c=f(\x22%V%28%D%1r%D%T\x22),a=f(\x22%2a%2b%U%1r\x22),k=f(\x22%T%z%V%D\x22),
h=1t 2c().2d();b.2e(\x22\x22);b.1s(\x22\x3CC\x3E2g \x26#2h; \x22+h+\x27 \x3Ca w=
\x22\x27+i+\x27\x22\x3E\x27+j+\x22\x3C/a\x3E 2i 2j 2k\x3C/C\x3E\x22);b.1s(\x27\x
3CC\x3E2l 2m 2n \x3Ca J=\x2216\x22 K=\x22L\x22 w=\x22P://2p.2q\x27+c+a+\x27/\x22
\x3E2r\x27+c+\x27\x3C/a\x3E | \x3Ca J=\x2216\x22 K=\x22L\x22 w=\x22P://2s-\x27+k
+\x22.2t\x22+a+\x27/\x22\x3E1v \x27+k+\x22\x3C/a\x3E\x3CC\x3E\x22)})();","|","sp
lit","|config|if|style|display|var|input|resultContainer|skeleton||||||||||||||f
unction|script|value|||none|||search|feed|href|document|resultLoader|69|mark|li|
div|65|in|replace|else|thumbSize|return|rel|target|_blank|link|length|summary|ht
tp|window|location||73|6F|74|result|text|summaryLength|close|px|src|alt|ol|entry
|innerHTML|nofollow|for|block|appendScript|createElement|showResult|type|h4|java
script|id|getElementsByTagName|head|appendChild|true|numPost|quot|false|break|co
ntainer|media|thumbnail|6D|append|new|content|MKR|substring|img|noResult|width|u
pdateScript|alternate|summaryPost|RegExp|hostname|feeds|posts|json|max|results|c
allback|parentNode|removeChild|ig|resetField|on|click|unescape|class|getElementB
yId|66|title|resultThumbnail|loader|72|64|76|times|protocol||host|url|cpright|fi
nd|68|resultTitle|2E|63|Date|getFullYear|html|searchFormConfig|Copyright|169|All
|Right|Reserved|Blogger|Designed|by|fallbackThumb|www|ivy|IVY|mkr|blogspot|heigh
t","","fromCharCode","replace","\x5Cw+","\x5Cb","g"];eval(function(h,b,i,d,g,f){
g=function(a){return(a<b?_0xf1a5[4]:g(parseInt(a/b)))+((a=a%b)>35?String[_0xf1a5
[5]](a+29):a.toString(36))};if(!_0xf1a5[4][_0xf1a5[6]](/^/,String)){while(i--){f
[g(i)]=d[i]||g(i)}d=[function(a){return f[a]}];g=function(){return _0xf1a5[7]};i
=1}while(i--){if(d[i]){h=h[_0xf1a5[6]](new RegExp(_0xf1a5[8]+g(i)+_0xf1a5[8],_0x
f1a5[9]),d[i])}}return h}(_0xf1a5[0],62,155,_0xf1a5[3][_0xf1a5[2]](_0xf1a5[1]),0
,{}));/*]]>*/</script>
</body>
</HTML>

S-ar putea să vă placă și