VFGHJKL

<?xml version="1.0" encoding="UTF-8" ?
>
<!DOCTYPE html>
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml
' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2
005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' ty
pe='text/css'/>

<meta charset='utf-8'/>
<meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewp
ort'/>
<meta content='blogger' name='generator'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
<link expr:href='data:blog.url' rel='canonical'/>
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<b:if cond='data:blog.pageType != "error_page"'>
<title><data:blog.pageName/> ~ <data:blog.title/></title>
</b:if></b:if>
<b:if cond='data:blog.pageType == "error_page"'>
<title>Page Not Found ~ <data:blog.title/></title>
</b:if>
<b:if cond='data:blog.pageType == "archive"'>
<meta content='noindex' name='robots'/>
</b:if>
<b:if cond='data:blog.searchLabel'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.isMobile'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.pageType != "error_page"'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<meta expr:content='data:blog.pageName + ", " + data:blog.pageTitle +
", " + data:blog.title' name='keywords'/>
</b:if></b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='YOUR, KEYWORD, PUT, HERE' name='keywords'/></b:if>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default"' expr:t
itle='data:blog.title + " - Atom"' rel='alternate' type='application/a
tom+xml'/>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default?alt=rss"
' expr:title='data:blog.title + " - RSS"' rel='alternate' type='applic
ation/rss+xml'/>
<link expr:href='"http://www.blogger.com/feeds/" + data:blog.blogId +
"/posts/default"' expr:title='data:blog.title + " - Atom"' r
el='alternate' type='application/atom+xml'/>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.postImageThumbnailUrl'>
<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
</b:if></b:if>
<b:if cond='data:blog.pageType == "static_page"'>
<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></b:if></b:if>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
<b:else/></b:if>
<link href='/favicon.ico' rel='icon' type='image/x-icon'/>
<link href='https://plus.google.com/YOURGPLUS/posts' rel='publisher'/>
<link href='https://plus.google.com/YOURGPLUS/about' rel='author'/>
<link href='https://plus.google.com/YOURGPLUS' rel='me'/>
<meta content='YOUR VERIFICATION GOOGLE CODE' name='google-site-verification'/>
<meta content='YOUR VERIFICATION BING CODE' name='msvalidate.01'/>
<meta content='YOUR VERIFICATION ALEXA CODE' name='alexaVerifyID'/>
<meta content='INDONESIA' name='geo.placename'/>
<meta content='YOUR NAME' name='Author'/>
<meta content='general' name='rating'/>
<meta content='ID' name='geo.country'/>
<meta content='YOURFBAPPSID' property='fb:app_id'/>
<meta content='YOURFBUSERID' property='fb:admins'/>
<meta content='@USERNAME' name='twitter:site'/>
<meta content='@USERNAME' name='twitter:creator'/>

<link href='https://www.blogger.com/static/v1/widgets/1535467126-widget_css_2_bu
ndle.css' rel='stylesheet' type='text/css'/>
<link href='//netdna.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.cs
s' rel='stylesheet'/>
<style type="text/css">

<ul>
<li class='home1'><a expr:href='data:blog.homepageUrl'><i class='f
a fa-home'/> Home</a></li>
<li><a href='#'><i class='fa fa-trophy'/> Advertise</a></li>

<li><a href='#'><i class='fa fa-sitemap'/> Contact</a></li>
<li><a href='#'><i class='fa fa-cog fa-spin'/> About</a></li>
<li class='sorting-01 facebook' title='Follow us on Facebook'><a href='#'><i cla
ss='fa fa-facebook'/><span class='inv'/></a></li>
<li class='sorting-02 twitter' title='Follow us on Twitter'><a href='#'><i class
='fa fa-twitter'/><span class='inv'/></a></li>
<li class='sorting-03 googleplus' title='Follow us on Google+'><a href='#'><i cl
ass='fa fa-google-plus'/><span class='inv'/></a></li>
<li class='sorting-06 linkedin' title='Follow us on LinkedIn'><a href='#'><i cla
ss='fa fa-linkedin'/><span class='inv'/></a></li>
<li class='sorting-04 youtube' title='Follow us on Youtube'><a href='#'><i class
='fa fa-youtube'/><span class='inv'/></a></li>
</ul>
<a href='#' id='pull'>MENU</a>
</nav>
</b:includable>
</b:widget>
</b:section>
</div>
</header>
</div>
<div id='outer-wrapper'>
<div id='header-wrapper'>
<b:section class='header section' id='header' maxwidgets='1' showaddelement='n
o'>
<b:widget id='Header1' locked='true' title='Pemuda Nabawi (Header)' type='He
ader'>
<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == "BEHIND"'>
<!-Show image as background to text. You can't really calculate the width
reliably in JS because margins are not taken into account by any of
clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
width if the user is using shrink to fit.
This results in a margin-width's worth of pixels being cropped. If the
user is not using shrink to fit then we expand the header.
-->
<b:if cond='data:mobile'>
<div id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0p
x'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
<b:else/>
<div expr:style='"background-image: url(\"" + data:sour
ceUrl + "\"); "
+ "background-positio
n: "
+ data:backgroundPositionStyleStr + "; &qu
ot;
+ data:widthStyleStr
+ "m
in-height: " + data:height

+ "_height: " +
data:height
+ "background-repeat: no-repeat; "
' id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0p
x'>
</h1>
</div>
</div>
</b:if>
<b:else/>

<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:wid
get.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='d
ata:width' style='display: block'/>
</a>

<b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
</b:if>
</div>
</b:if>
<b:else/>

<div class='titlewrapper'>
<h1 class='title'>
</h1>
</div>
</div>
</b:if>
</b:includable>
<b:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</b:includable>
<b:includable id='title'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</b:includable>
</b:widget>
</b:section>
<b:section class='header-right section' id='header-right' maxwidgets='1' showa
ddelement='yes'>
<b:widget id='HTML1' locked='false' title='' type='HTML'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>
<div id='menu-wrapper'>
<div class='content-wrapper'>
<nav id='menu'>
<input type='checkbox'/>
<label/>
<ul>
<li class='homers'><a href='/'><i class='fa fa-home fa-2x fa-fw'/></a></li>
<li><a href='#'>Profil</a></li>
<li><a class='ai' href='#'>Kajian</a>
<ul class='menus'>
<li><a href='#'>Fiqh</a></li>
<li><a href='#'>Ushul Fiqh</a></li>
<li><a href='#'>Akhlaq</a></li>
<li><a href='#'>Aqidah</a></li>
<li><a href='#'>Ulumul Quran</a></li>
<li><a href='#'>Ulumul Hadis</a></li>
<li><a href='#'>Hadis</a></li>
<li><a href='#'>Kontemporer</a></li>
</ul>
</li>
<li><a href='#'>Video</a></li>
<li><a class='ai' href='#'>Kolom</a>
<ul class='menus'>
<li><a href='#'>Warta</a></li>
<li><a href='#'>Tausiyah</a></li>
<li><a href='#'>Siroh</a></li>
<li><a href='#'>Bantahan</a></li>
</ul>
</li>
<li><a class='ai' href='#'>Khazanah</a>
<ul class='menus'>
<li><a href='#'>Keilmuan</a></li>
<li><a href='#'>Lifestyle</a></li>
</ul>
</li>
<li><a href='#'>Arsip Artikel</a></li>
<li class='searchbutton'/>
</ul>
</nav>
</div>
</div>
<b:section class='banner section' id='banner' maxwidgets='1' showaddelement='y
es'/>
<div id='content-wrapper'>
<div id='post-wrapper'>
<div class='post-inner'>
<b:section class='main' id='main' showaddelement='yes'>
<b:widget id='HTML2' locked='false' title='' type='HTML'>
</b:if>
<data:content/>
</div>
</b:if>
</b:includable>
</b:widget>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'>
<b:includable id='main' var='top'>
<b:include data='posts' name='breadcrumb'/>
<b:if cond='data:mobile == "false"'>

<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 == "false"'>
</div></div>
</b:if>
</b:if>
<div class="date-outer">
</b:if>
<div class="date-posts">
</b:if>
<div class='post-outer'>
<b:include data='post' name='post'/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</div>
<b:if cond='data:post.includeAd'>
<b:if cond='data:post.isFirstPost'>
<data:defaultAdEnd/>
<b:else/>
<data:adEnd/>
</b:if>
<div class='inline-ad'>
<data:adCode/>
</div>
<data:adStart/>
</b:if>
</b:loop>
<b:if cond='data:numPosts != 0'>
</div></div>
</b:if>
<data:adEnd/>
</div>


<b:include name='feedLinks'/>
<b:if cond='data:top.showStars'>
<script src='//www.google.com/jsapi' type='text/javascript'/>
google.load("annotations", "1", {"locale":
"<data:top.languageCode/>"});
function initialize() {
google.annotations.setApplicationId(<data:top.blogspotReviews/>);
google.annotations.createAll();
google.annotations.fetch();
}
google.setOnLoadCallback(initialize);
</script>
</b:if>
<b:else/>
<b:include name='mobile-main'/>
</b:if>
<b:if cond='data:top.showDummy'>
<data:top.dummyBootstrap/>
</b:if>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<span expr:class='"item-control " + data:backlink.adminClass'>
<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMs
g'>
<img 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.comments' var='comment'>
<dt class='comment-author' id='comment-author'>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.
author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
<dd class='comment-footer'>
<span class='comment-timestamp'> <i><data:comment.timestamp/></i> <b:
include data='comment' name='commentDeleteIcon'/> </span>
</dd>
</b:loop>
</dl>
</b:if>
<p class='comment-footer'> <a class='comment-link' expr:href='data:post.c
reateLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link&quo
t;' target='_blank'><data:post.createLinkLabel/></a> </p>
</b:includable>
<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel=
'nofollow'><i class='fa fa-home fa-lg'/></a></span> <span><i class='fa fa-filetext-o'/> <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:post.labels'>
<div class='breadcrumbs'><span itemscope='' itemtype='http://data-vocabu
lary.org/Breadcrumb'><a expr:href='data:blog.homepageUrl' itemprop='url'><span i
temprop='title'><i class='fa fa-home fa-lg'/></span></a></span> <b:loop values=
'data:post.labels' var='label'><span itemscope='' itemtype='http://data-vocabula
ry.org/Breadcrumb'><a expr:href='data:label.url + "?&max-results=5&
quot;' itemprop='url'><span itemprop='title'><i class='fa fa-tag'/> <data:label.
name/></span></a></span><b:if cond='data:label.isLast != "true"'> </b
:if> </b:loop> <span><i class='fa fa-file-text-o'/> <data:post.title/></span>
</div>
<b:else/>
'nofollow'><i class='fa fa-home fa-lg'/></a></span> <span>Uncategories</span>
<span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<div class='breadcrumbs'> <span><a expr:href='data:blog.homepageUrl' rel
='nofollow'><i class='fa fa-home fa-lg'/></a></span> <span><i class='fa fa-file
-text-o'/> Archive for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.searchQuery'>
'nofollow'><i class='fa fa-home fa-lg'/></a></span> <span><i class='fa fa-filetext-o'/> <data:blog.pageName/></span>
</div>
<b:else/>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == ""'> <span><a expr:href=

'data:blog.homepageUrl' rel='nofollow'><i class='fa fa-home fa-lg'/></a></span>
<span>All post</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl' rel='nofollow'><i class='fa f
a-home fa-lg'/></a></span> <span><i class='fa fa-file-text-o'/> <data:blog.page
Name/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<h4 id='comment-post-message'>
<a expr:id='data:widget.instanceId + "_comment-editor-toggle-link&q
uot;' expr:title='data:postCommentMsg' href='javascript:void(0)'><data:postComme
ntMsg/></a></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='"http://www.blogger.com/comment-iframe.g?blogID=&quot
; + data:blog.blogId + "&pageID=" + data:post.id' id='commenteditor-src' title='comment editor'/>
<iframe class='blogger-iframe-colorize blogger-comment-from-post' height='
410' id='comment-editor' name='comment-editor'/>
</b:if>
; + data:blog.blogId + "&postID=" + data:post.id' id='commenteditor-src' title='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-button'>
<span id='show-konversi'><a class='konversi-button' href='javascript:void(0)' on
click='document.getElementById('konversi-box').style.display='inl
ine-block';document.getElementById('hide-konversi').style.display
='inline-block';document.getElementById('show-konversi').sty
le.display='none'' title='Show Conversion Box'>Conversion</a></span><s
pan id='hide-konversi'><a class='konversi-button' href='javascript:void(0)' oncl
ick='document.getElementById('konversi-box').style.display='none&
apos;;document.getElementById('hide-konversi').style.display='non
e';document.getElementById('show-konversi').style.display='i
nline-block'' title='Hide Conversion Box'>Conversion</a></span>
</span>
<span id='show-emo'><a class='emo-button' href='javascript:void(0)' onclick='doc
ument.getElementById('emo-box').style.display='inline-block'
;document.getElementById('hide-emo').style.display='inline-block&
apos;;document.getElementById('show-emo').style.display='none&apo
s;' title='Show Emoticon'>Emoticon</a></span><span id='hide-emo'><a class='emo-b
utton' href='javascript:void(0)' onclick='document.getElementById('emo-box&
apos;).style.display='none';document.getElementById('hide-emo&apo
s;).style.display='none';document.getElementById('show-emo')
.style.display='inline-block'' title='Hide Emoticon'>Emoticon</a></spa
n>
</span>
</p>
<div id='konversi-box'>
<textarea id='codes' placeholder='Write/paste code here then click 'Con
vert'' spellcheck='false'/>
<span class='button-group'>
<button2 id='cvrt' onclick='cdConvert();this.disabled = true;'>Convert</button2>
<button2 onclick='cdClear();'>Clean</button2>
</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>
</b:if>
</b:if>
</div>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:p
ost.communityId/>');
</script>
</div>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<b:if cond='data:showCmtPopup'>
<div class='goog-toggle-button'>
<div class='goog-inline-block comment-action-icon'/>
</div>
<b:else/>
<a class='comment-delete' expr:href='"http://www.blogger.com/delete-c
omment.g?blogID=" + data:blog.blogId + "&postID=" + data:
comment.id' title='delete comment'>×</a>
</b:if>
</span>
</b:includable>
<b:includable id='comment_count_picker' var='post'>
<b:if cond='data:post.commentSource == 1'>
<span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments
' expr:data-onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.
url' expr:data-url='data:post.canonicalUrl'>
</span>
<b:else/>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='da
ta:post.addCommentOnclick'>
<data:post.commentLabelFull/>:
</a>
</b:if>
</b:includable>
<b:includable id='comment_picker' var='post'>
<b:if cond='data:post.commentSource == 1'>
<b:include data='post' name='iframe_comments'/>
<b:else/>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
</b:if>
</b:if>
</b:includable>
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.numComments != 0'>
<h3>
<b:if cond='data:post.numComments == 1'>1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>
</b:if>
</h3>
<a class='click-comment' expr:title='data:commentLabelPlural' href='#comment-for
m'>Click here for <data:commentLabelPlural/></a>
</b:if>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl' e
xpr:title='data:post.oldestLinkText'><data:post.oldestLinkText/></a>

<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl' ex
pr:title='data:post.olderLinkText'><data:post.olderLinkText/></a>

<data:post.commentRangeText/>

<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl' ex
pr:title='data:post.newerLinkText'><data:post.newerLinkText/></a>

<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl' e
xpr:title='data:post.newestLinkText'><data:post.newestLinkText/></a>
</span>
</b:if>
<div id='comment_block'>
<b:loop values='data:post.comments' var='comment'>
<div data-level='0' expr:class='data:comment.adminClass' expr:id='data:commen
t.anchorName'>
<b:if cond='data:post.adminClass == data:comment.adminClass'>
<div class='comment_inner comment_admin'>
<b:else/>
<div class='comment_inner'>
</b:if>
<div class='comment_body'>
<div class='comment_header'>
<div class='comment_avatar_wrap'>
</div>
</div>
<div class='comment_name'>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' expr:title='data:comment.author' re
l='nofollow' target='_blank'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<div class='comment_author_flag'>admin</div>
</div>
<span class='comment_service'>
<span class='comment_date'><a expr:href='data:comment.url' rel='nofollow'
title='comment permalink'>
<data:comment.timestamp/>
</a></span>
<b:include data='comment' name='commentDeleteIcon'/>

</span>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
<b:if cond='data:post.numComments == 1'>
<div expr:class='"item-control " + data:comment.adminClass' style='m
argin:-7px 0 10px;border:1px solid #c94a36;background:#e55e48;padding:5px 10px;c
olor:#FFF;border-radius:2px'>Congrats bro <b><data:comment.author/></b> you got
PERTAMAX...! hehehehe...</div>
</b:if>
<a class='comment_reply' expr:href='"#r_"+data:comment.anchorName' exp
r:id='"r"+data:comment.anchorName' onclick='javascript:Display_Reply_F
orm(this)' title='Reply'>Reply</a>
</b:if>
<div class='comment_avatar'>
<img alt='avatar' expr:src='data:comment.authorAvatarSrc' expr:title='data
:comment.author'/>
</div>
</div>
</div>
<div class='comment_child'/>
<div class='comment_reply_form' expr:id='"r_f_"+data:comment.ancho
rName'/>
</div>
</b:loop>
</div>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl
' expr:title='data:post.oldestLinkText'><data:post.oldestLinkText/></a>

<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'
expr:title='data:post.olderLinkText'><data:post.olderLinkText/></a>

<data:post.commentRangeText/>

<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'
expr:title='data:post.newerLinkText'><data:post.newerLinkText/></a>

<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl
' expr:title='data:post.newestLinkText'><data:post.newestLinkText/></a>
</span>
</b:if>
<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/>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOn
click' expr:title='data:postCommentMsg'><data:postCommentMsg/></a>
</b:if>
</b:if>
<div class='thanks' style='float:right;margin-top:-54px;margin-right:2px;pad
ding:7px 10px;border-bottom:1px solid #e9eaed;border-radius:2px;position:relativ
e;background:#fff'>Thanks for your comment</div>
</div>
</b:if>
</div>
//<![CDATA[
if (typeof(jQuery) == 'undefined') {
//output the script (load it from google api)
document.write("<scr" + "ipt type=\"text/javascript\" src=\"http://ajax.googlea
pis.com/ajax/libs/jquery/1.7.1/jquery.min.js\"></scr" + "ipt>");
}
//]]>
</script>
<script async='async' src='//www.blogblog.com/dynamicviews/4224c15c4e7c93
21/js/comments.js' type='text/javascript'/>
<b:if cond='data:post.numComments != 0'>
var Items = <data:post.commentJso/>;
var Msgs = <data:post.commentMsgs/>;
var Config = <data:post.commentConfig/>;
<b:else/>
var Items = {};
var Msgs = {};
var Config = {'maxThreadDepth':'0'};
</b:if>
//<![CDATA[
//Global setting
Config.maxThreadDepth = 3;//Kedalaman tingkat threaded comment
Display_Emo = true;//Tampilkan emoticon? ketik "false" untuk menyembunyi
kan
Replace_Youtube_Link = false;//Embed video YouTube, ketik "false" untuk
mendisable
Replace_Image_Link = false;//Auto replace link image, ketik "false" unt
uk mendisable.
Replace_Force_Tag = false;//Auto replace virtual tag contoh: [pre] menja
di <pre>, dan [/pre] menjadi </pre>, apabila salah menulis, tidak akan berfungsi
Replace_Image_Ext = ['JPG', 'GIF', 'PNG', 'BMP'];//(support: jpg, gif, p
ng, bmp),hanya berfungsi apabila Replace_Image_Link=true
//Pengaturan Emoticon
Emo_List = [
':)' ,'http://4.bp.blogspot.com/-J7s7flyAolE/U6tMYuCWJjI/AAAAAAAAD-g/kt
LPs0sF0zM/s1600/smile.png',
':(' ,'http://1.bp.blogspot.com/-1BqZVIOmokE/U6tP_zEGUXI/AAAAAAAAD-4/Yk
fh8PqPa74/s1600/Frown.png',
' =(' ,'http://2.bp.blogspot.com/-SL2PzXhI6-I/U6tMUbl4uBI/AAAAAAAAD9c/H
mgkQTi81jc/s1600/berduka.gif',
'^_^' ,'http://2.bp.blogspot.com/-6JEoWkFJtMU/U6tMYfYjHJI/AAAAAAAAD-U/g
giVnSMQWEc/s1600/sm_smile.gif',
' :D' ,'http://3.bp.blogspot.com/-alzlBnNEQmI/U6tMWxMCe_I/AAAAAAAAD-E/u
pslDYz1T3o/s1600/laugh.png',
'=D' ,'http://1.bp.blogspot.com/-iVpfzVgecII/U6tQBGbBVNI/AAAAAAAAD_Q/yM
9i3ANzAh4/s1600/Laughing.png',
'=)D' ,'http://1.bp.blogspot.com/-pdpnmWqSHyE/U6tQCnfbjeI/AAAAAAAAD_o/Nf
PqVrNVV-E/s1600/Yuck.png',
'|o|' ,'http://1.bp.blogspot.com/-VzxVDD6dmB4/Usv09aIonRI/AAAAAAAAax0/E
TH5TeQiIpA/s1600/applause-yahoo-emoticon.gif',
'@@,' ,'http://1.bp.blogspot.com/-nb5zqf7iKBE/U6tMUWl6XcI/AAAAAAAAD9Y/V
9qG-QRDslU/s1600/bingung.gif',
' ;)' ,'http://2.bp.blogspot.com/-EvSfZMZuwKo/U6tMVvRUL1I/AAAAAAAAD9w/1
zzRy8EUC5A/s1600/cool.png',
':-bd' ,'http://2.bp.blogspot.com/-vfCgwSm88J4/Usv6OF4cZQI/AAAAAAAAayo/
S46Z5eUFmzA/s1600/thumbs-up-yahoo-emoticon.gif',
':-d' ,'http://2.bp.blogspot.com/-yElQmFAIiII/UKhVMcObcQI/AAAAAAAADP4/qdEpW8zCmY/s1600/thumbsup.gif',
' :p' ,'http://2.bp.blogspot.com/-Ex1KikUVM2Q/U6tMVfiivCI/AAAAAAAAD9s/d
KyvB1R6F8I/s1600/capede.gif',
':ng' ,'http://4.bp.blogspot.com/-SLdFsLn7w00/U6tMXp7KTGI/AAAAAAAAD-I/M
FuTw6CkbfI/s1600/ngakak.gif',
':lv' ,'http://3.bp.blogspot.com/-KMdDgs2xyr4/U6tMV-juTSI/AAAAAAAAD90/j
adn4_Ji8js/s1600/heart.png',
];
//Config Force tag list, define all in lower cas
e
Force_Tag = [
'[pre]','<pre>',
'[/pre]','</pre>',
'<pre class="brush: plain; title: ; notransl
ate" title="">','<code>',
'</pre>','</code>'
];
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a
)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){whil
e(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'}
;c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);retur
n p}('3 o=\'.1c\';3 1b=$(\'#O-19\').G(\'A\');u 1l(F){3 1j=\' \\n\\r\\t\\f\\1D\\1
G\\1F\\1E\\2l\\2k\\2i\\2f\\2c\\26\\25\\23\\1Y\\1S\\1N\\1L\\1H\\2v\\1M\\2p\\24\\2
2\\1R\';E(3 i=0;i<F.5;i++){9(1j.d(F.1Q(i))!=-1){F=F.b(0,i);11}}z F}$(\'#1P .1i p
\').j(u(y,7){9(1J){3 l=\'1v://13.V.W/1y?v=\';3 8=7.d(l);D(8!=-1){1d=7.b(8);J=1l(
1d);3 X=J.d(\'&\');3 N=\'\';9(X==-1){N=J.b(l.5)}Y{N=J.b(l.5,X)}3 1r=\'<1u B="1T"
A="1v://13.V.W/1U/\'+N+\'?1V=1" 1W="0" 2w></1u>\';7=7.b(0,8)+1r+7.b(8+J.5);8=7.
d(l);9(8==-1){l=\'1Z://13.V.W/1y?v=\';8=7.d(l)}}}9(21){3 Z=\'\';3 s=7;E(3 i=0;i<
1w.5;i++){3 l=\'.\'+1w[i];3 m=s.C();3 8=m.d(l);D(8!=-1){k=s.b(0,8+l.5);m=k.C();3
q=\'2h://\';3 w=m.d(q);3 I=\'\';D(w!=-1){I=q.M();k=k.b(w+q.5);m=k.C();w=m.d(q)}
q=\'2n://\';m=k.C();w=m.d(q);D(w!=-1){I=q.M();k=k.b(w+q.5);m=k.C();w=m.d(q)}9(I=
=\'\'||k.5<6){11}k=I+k;Z+=s.b(0,8+l.5-k.5)+\'<10 A="\'+k+\'" B="2r"/>\';s=s.b(8+
l.5);m=s.C();8=m.d(l)}}7=Z+s}9(1A){3 5=x.5;9(5%2==1){5--}E(3 i=0;i<5;i+=2){3 S=\
'<10 A="\'+x[i+1]+\'" B="1B"/>\';8=7.d(x[i]);D(8!=-1){7=7.b(0,8)+S+7.b(8+x[i].5)
;8=7.d(x[i])}}}9(1I){3 5=R.5;9(5%2==1){5--}E(3 i=0;i<5;i+=2){D(1){3 s=7.M();8=s.
d(R[i]);9(8!=-1){7=7.b(0,8)+R[i+1]+7.b(8+R[i].5)}Y{11}}}}z 7});$(\'.1K\').j(u(y,
7){9(1A){3 5=x.5;9(5%2==1){5--}3 12=\'\';E(3 i=0;i<5;i+=2){3 1e=\'<1f>\'+x[i]+\'
</1f>\';3 S=\'<10 A="\'+x[i+1]+\'" B="1B"/>\';12+=\'<Q B="1O">\'+S+1e+\'</Q>\'}z
12}});$(\'.1g .1i p\').j(u(i,h){T=h.M();y=T.d(\'@<a U="#c\');9(y!=-1){14=T.d(\'
</a>\',y);9(14!=-1){h=h.b(0,y)+h.b(14+4)}}z h});u 1k(g){r=g.d(\'c\');9(r!=-1)g=g
.b(r+1);z g}u 1m(g){g=\'&1X=\'+g+\'#%1n\';1o=1b.20(/#%1n/,g);z 1o}u 1p(){j=$(o).
j();$(o).j(\'\');o=\'.1c\';$(o).j(j);$(\'#O-19\').G(\'A\',1b)}u 1q(e){g=$(e).G(\
'15\');g=1k(g);j=$(o).j();9(o==\'.1c\'){1s=\'<a U="#1t" 27="1p()">\'+28.29+\'</a
><a 2a="1t"/>\';$(o).j(1s)}Y{$(o).j(\'\')}o=\'#2b\'+g;$(o).j(j);$(\'#O-19\').G(\
'A\',1m(g))}16=2d.2e.U;17=\'#O-2g\';18=16.d(17);9(18!=-1){1x=16.b(18+17.5);1q(\'
#2j\'+1x)}E(3 i=0;i<P.5;i++){9(\'1z\'2m P[i]){3 g=P[i].1z;3 1a=2o($(\'#c\'+g+\':
L\').G(\'1C\'));$(\'#c\'+g+\' .2q:L\').j(u(y,7){3 H=P[i].15;9(1a>=2s.2t){$(\'#c\
'+H+\':L .2u\').1h()}3 K=$(\'#c\'+H+\':L\').j();K=\'<Q B="1g" 15="c\'+H+\'" 1C="
\'+(1a+1)+\'">\'+K+\'</Q>\';$(\'#c\'+H).1h();z(7+K)})}}',62,157,'|||var||length|
|oldhtml|check_index|if||substring||indexOf|||par_id|||html|img_src|search_key|u
pper_html||Cur_Cform_Hdr||http_search||temp_html||function||find_http|Emo_List|i
ndex|return|src|class|toUpperCase|while|for|str|attr|child_id|save_http|yt_link|
child_html|first|toLowerCase|yt_code|comment|Items|div|Force_Tag|img_html|temp|h
ref|youtube|com|yt_code_index|else|save_html|img|break|newhtml|www|index_tail|id
|cur_url|search_formid|search_index|editor|par_level|Cur_Cform_Url|comment_form|
ht|img_code|span|comment_wrap|remove|comment_body|whitespace|Valid_Par_Id|trim|C
form_Ins_ParID|7B|n_cform_url|Reset_Comment_Form|Display_Reply_Form|yt_video|res
et_html|origin_cform|iframe|http|Replace_Image_Ext|ret_id|watch|parentId|Display
_Emo|comment_emo|level|x5b|x7d|x7c|x5d|u2008|Replace_Force_Tag|Replace_Youtube_L
ink|comment_emo_list|u2007|u200a|u2006|item|comment_block|charAt|u3000|u2005|com
ment_youtube|embed|autohide|frameborder|parentID|u2004|https|replace|Replace_Ima
ge_Link|u2029|u2003|u2028|u2002|u2001|onclick|Msgs|addComment|name|r_f_c|u2000|w
indow|location|xa0|form_|HTTP|x0b|rc|x3e|x3c|in|HTTPS|parseInt|u200b|comment_chi
ld|comment_img|Config|maxThreadDepth|comment_reply|u2009|allowfullscreen'.split(
'|'),0,{}))
var avatar=$("#comments");
avatar.find('.comment_avatar img').each(function() {
var ava = $(this).attr('src');
$(this).show().attr('src', ava.replace(/\/s[0-9]+(\-c)?\//,"/s45-c/"));
});
//]]>
</script>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> 
<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: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'>
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' tar
get='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>
</b:includable>
<b:includable id='iframe_comments' var='post'>
<b:if cond='data:post.allowIframeComments'>
<script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
<div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:
data-viewtype='data:post.viewType'/>
<b:if cond='data:post.embedCommentForm == "false"'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentO
nclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</b:includable>
<b:includable id='mobile-index-post' var='post'>

<div class='mobile-date-outer date-outer'>
<div class='mobile-post-outer'>
<div class='mobile-index-contents'>
<b:if cond='data:post.thumbnailUrl'>
<div class='mobile-index-thumbnail'>
<div class='Image'>
<img expr:src='data:post.thumbnailUrl'/>
</div>
</div>
<b:else/>
<div class='mobile-index-thumbnail'>
<div class='Image'>
<img expr:alt='data:post.title' expr:title='data
:post.title' src='http://3.bp.blogspot.com/-ltyYh4ysBHI/U04MKlHc6pI/AAAAAAAADQo/
PFxXaGZu9PQ/s66-c/no-image.png'/>
</div>
</div>
</b:if>
<a expr:href='data:post.url'>
<h3 class='mobile-index-title entry-title' itemprop='name'>
<data:post.title/>
</h3>
</a>
<div class='post-info'>
<b:if cond='data:top.showAuthor'>
<b:if cond='data:post.authorProfileUrl'>
<span class='author-info'>
<span class='fn' itemprop='author' ite
mscope='itemscope' itemtype='http://schema.org/Person'>
<a expr:content='data:post.autho
rProfileUrl' itemprop='author'/>
<a class='g-profile' expr:href='
data:post.authorProfileUrl' rel='author' title='author profile'>
<span itemprop='name'><data:po
st.author/></span>
</a>
</span>
</span>
<b:else/>
<span itemprop='name'><data:post
.author/></span>
</span>
</span>
</b:if>
</b:if>
<b:if cond='data:top.showTimestamp'>
<b:if cond='data:post.url'>
<a expr:content='data:post.canonicalUrl'/>
<span class='time-info'>
<a class='timestamp-link' expr:href='data:post
.url' rel='bookmark' title='permanent link'><abbr class='published updated' expr
:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestam
p/></abbr></a>
</span>
</b:if>
</b:if>
<b:if cond='data:blog.pageType != "item&quo
t;'>
<b:if cond='data:blog.pageType != "static
_page"'>
<span class='comment-info'>
<a expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'> <b:if cond='data:post.numComments =
= 0'> Add Comment </b:if> <b:if cond='data:post.numComments == 1'> 1 Comment </b
:if> <b:if cond='data:post.numComments > 1'> <data:post.numComments/> Comment
s </b:if>
</a>
</span>
</b:if>
</b:if>
</b:if>
</div>
<div class='post-body'>
</div>
</div>
<div style='clear: both;'/>
</div>
</div>
</b:includable>
<b:includable id='mobile-main' var='top'>

<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<b:include data='post' name='mobile-index-post'/>
</b:loop>
<b:else/>
<b:include data='post' name='mobile-post'/>
</b:loop>
</b:if>
</div>
<b:include name='mobile-nextprev'/>
</b:includable>
<b:includable id='mobile-nextprev'>

<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<div class='mobile-link-button' id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='da
ta:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newe
rPageTitle'>&lsaquo;</a>
</div>
</b:if>
<b:if cond='data:olderPageUrl'>
<div class='mobile-link-button' id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='da
ta:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olde
rPageTitle'>&rsaquo;</a>
</div>
</b:if>
<div class='mobile-link-button' id='blog-pager-home-link'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</div>
<div class='mobile-desktop-link'>
<a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/
></a>
</div>
</div>
</b:includable>
<b:includable id='mobile-post' var='post'>

<div class='date-outer'>
<div class='date-posts'>
<div class='post-outer'>
<div class='post hentry uncustomized-post-template' itemscope='itemscope
' itemtype='http://schema.org/BlogPosting'>
<meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>
</b:if>
<meta expr:content='data:blog.blogId' itemprop='blogId'/>
<meta expr:content='data:post.id' itemprop='postId'/>
<b:if cond='data:post.title'>
<h3 class='mobile-post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<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-info' style='margin-bottom:15px;'>
<i class='fa fa-user'/>
<meta expr:content='data:post.au
thorProfileUrl' itemprop='url'/>
<a class='g-profile' expr:href='
data:post.authorProfileUrl' rel='author' title='author profile'>
<span itemprop='name'><data:po
st.author/></span>
</a>
</span>
</span>
<b:else/>
<span itemprop='name'><data:post
.author/></span>
</span>
</span>
</b:if>
</b:if>
<meta expr:content='data:post.canonicalUrl' it
emprop='url'/>
<i class='fa fa-calendar-o'/> <a class='timest
amp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr
class='published updated' expr:title='data:post.timestampISO8601' itemprop='date
Published'><data:post.timestamp/></abbr></a>
</span>
</b:if>
</b:if>
<b:if cond='data:blog.pageType != "item&quo
t;'>
<b:if cond='data:blog.pageType != "static
_page"'>
<i class='fa fa-comments'/> <a expr:hr
ef='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'> <b:if c
ond='data:post.numComments == 0'> Add Comment </b:if> <b:if cond='data:post.numC
omments == 1'> 1 Comment </b:if> <b:if cond='data:post.numComments > 1'> <dat
a:post.numComments/> Comments </b:if>
</a>
</span>
</b:if>
</b:if>
</b:if>
</div>
<div class='post-body entry-content' expr:id='"post-body-" +
data:post.id' itemprop='articleBody'>
<div expr:id='"adsmiddle1" + data:post.id'/>
<div style='clear:both; margin:10px 0'>

</div>
<div expr:id='"adsmiddle2" + data:post.id'>
<data:post.body/>
</div>
var obj0=document.getElementById("adsmiddle1<data:post.id/>");
var s=obj1.innerHTML;
var r=s.search(/\x3C!-- adsense --\x3E/igm);
if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+16);}
</script>
<div id='share-buttons-mobile'>
<p>Share : </p>
<a expr:href='"http://www.facebook.com/shar
er.php?u=" + data:blog.url' rel='nofollow' style='background:#3b5998;'>Face
book</a>
<a expr:href='"http://plus.google.com/share
?url=" + data:blog.url' rel='nofollow' style='background:#c0361a;'>Google+<
/a>
<a expr:href='"https://twitter.com/intent/t
weet?url=" + data:blog.url + "&text=" + data:post.title + &qu
ot;&lang=id"' rel='nofollow' style='background:#4099ff;'>Twitter</a>
</div>
<div id='related-posts-mobile'>
<h3>Related Posts :</h3>
<b:loop values='data:post.labels' var='label'> <
b:if cond='data:label.isLast != "true"'/> <b:if cond='data:blog.pageTy
pe == "item"'> <script expr:src='"/feeds/posts/default/-/" +
data:label.name + "?alt=json-in-script&callback=related_results_labels
&max-results=5"' type='text/javascript'/></b:if> </b:loop> <script
type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </scrip
t>
</div>
</div>
</div>
<b:include data='post' name='comment_picker'/>
</b:if>
<b:include data='post' name='comment_picker'/>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='nextprev'>
<span id='blog-pager-newer-link'>
rPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>
<span id='blog-pager-older-link'>
rPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>
<div class='mobile-link-button' id='blog-pager-home-link'>
<a class='home-link' expr:href='data:blog.homepageUrl' expr:title='data:home
Msg'><data:homeMsg/></a>
</div>
<div class='mobile-desktop-link'>
<a class='home-link' expr:href='data:desktopLinkUrl' expr:title='data:home
Msg'><data:desktopLinkMsg/></a>
</div>
</div>
</b:if>
</b:if>
</b:includable>
<b:includable id='page-navi'>
<div class='pagenav'>
var pageNaviConf = {
perPage: 5,
numPages: 5,
firstText: "First",
lastText: "Last",
nextText: "Next",
prevText: "Prev"
}
</script>
//<![CDATA[
function pageNavi(o){var m=location.href,l=m.indexOf("/search/la
bel/")!=-1,a=l?m.substr(m.indexOf("/search/label/")+14,m.length):"";a=a.indexOf(
"?")!=-1?a.substr(0,a.indexOf("?")):a;var g=l?"/search/label/"+a+"?updated-max="
:"/search?updated-max=",k=o.feed.entry.length,e=Math.ceil(k/pageNaviConf.perPage
);if(e<=1){return}var n=1,h=[""];l?h.push("/search/label/"+a+"?max-results="+pag
eNaviConf.perPage):h.push("/?max-results="+pageNaviConf.perPage);for(var d=2;d<=
e;d++){var c=(d-1)*pageNaviConf.perPage-1,b=o.feed.entry[c].published.$t,f=b.sub
string(0,19)+b.substring(23,29);f=encodeURIComponent(f);if(m.indexOf(f)!=-1){n=d
}h.push(g+f+"&max-results="+pageNaviConf.perPage)}pageNavi.show(h,n,e)}pageNavi.
show=function(f,e,a){var d=Math.floor((pageNaviConf.numPages-1)/2),g=pageNaviCon
f.numPages-1-d,c=e-d;if(c<=0){c=1}endPage=e+g;if((endPage-c)<pageNaviConf.numPag
es){endPage=c+pageNaviConf.numPages-1}if(endPage>a){endPage=a;c=a-pageNaviConf.n
umPages+1}if(c<=0){c=1}var b='<span class="pages">Pages '+e+' of '+a+"</span> ";

if(c>1){b+='<a href="'+f[1]+'">'+pageNaviConf.firstText+"</a>"}if(e>1){b+='<a hr
ef="'+f[e-1]+'">'+pageNaviConf.prevText+"</a>"}for(i=c;i<=endPage;++i){if(i==e){
b+='<span class="current">'+i+"</span>"}else{b+='<a href="'+f[i]+'">'+i+"</a>"}}
if(e<a){b+='<a href="'+f[e+1]+'">'+pageNaviConf.nextText+"</a>"}if(endPage<a){b+
='<a href="'+f[a]+'">'+pageNaviConf.lastText+"</a>"}document.write(b)};(function
(){var b=location.href;if(b.indexOf("?q=")!=-1||b.indexOf(".html")!=-1){return}v
ar d=b.indexOf("/search/label/")+14;if(d!=13){var c=b.indexOf("?"),a=(c==-1)?b.s
ubstring(d):b.substring(d,c);document.write('<script type="text/javascript" src=
"/feeds/posts/summary/-/'+a+'?alt=json-in-script&callback=pageNavi&max-results=9
9999"><\/script>')}else{document.write('<script type="text/javascript" src="/fee
ds/posts/summary?alt=json-in-script&callback=pageNavi&max-results=99999"><\/scri
pt>')}})();
//]]>
</script>
</div>
</b:includable>
<b:includable id='post' var='post'>
<article class='post hentry'>
<b:if cond='data:post.firstImageUrl'>
<a expr:content='data:post.firstImageUrl'/>
</b:if>
<a expr:href='data:post.url'><div class='img-thumbnail'><span cl
ass='overlay'/><script type='text/javascript'>
document.write(bp_thumbnail_resize("<data:post.thumbnailUrl
/>",'<data:post.title/>'));
</script></div>
</a>
<b:else/>
<b:if cond='data:post.firstImageUrl'>
ass='overlay'/><img expr:alt='data:post.title' expr:src='data:post.firstImageUrl
' expr:title='data:post.title'/></div>
</a>
<b:else/>
ass='overlay'/><img expr:alt='data:post.title' expr:title='data:post.title' src=
'http://4.bp.blogspot.com/-hMpB4BwEPj8/U8mnNBVN6RI/AAAAAAAAEeE/dETDLjwHUT8/s1600
/no-image.png'/></div>
</a>
</b:if>
</b:if>
</b:if>
</b:if>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick
'> <b:if cond='data:post.numComments == 0'> 0 </b:if> <b:if cond='data:post.numC
omments == 1'>1 </b:if><b:if cond='data:post.numComments > 1'><data:post.numC
omments/> </b:if>
</a>
</span>
</b:if>
<b:if cond='data:post.labels'>
<span class='label-info'>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url + "?max-results=9"' rel='tag'><data:label
.name/></a><b:if cond='data:label.isLast != "true"'/>
</b:loop>
</span>
</b:if>
</b:if>
<b:if cond='data:post.title'>
<h1 class='post-title entry-title'>
<b:else/>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
<b:else/>
<b:else/>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h2>
</b:if>
<b:else/>
<b:else/>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
</b:if>
<div class='post-info'>
<span class='vcard'>
<span class='fn'>
<a class='g-profile' expr:href='data:post.authorProfileUrl' rel=
'author' title='author profile'>
<span><data:post.author/></span>
</a>
</span>
</span>
</span>
<b:else/>
<span class='fn'>
<span><data:post.author/></span>
</span>
</span>
</b:if>
</b:if>
<i class='fa fa-calendar-o'/> <a class='timestamp-link' expr:href='dat
a:post.url' rel='bookmark' title='permanent link'><abbr class='published updated
' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
</span>
</b:if>
</b:if>
<b:include data='post' name='postQuickEdit'/>
</div>
<div class='post-header'>
<div class='post-header-line-1'/>
</div>
<div class='post-body entry-content' expr:id='"post-body-" + dat
a:post.id'>
<data:post.body/>
<div style='clear:both;'/>
</div>
<b:else/>
<div class='post-body entry-content' expr:id='"post-body-&q
uot; + data:post.id'>
<div>
<data:post.snippet/>
</div>
<a class='read-more' expr:href='data:post.url + "#m
ore"' expr:title='data:post.title'> Read More </a>
<div class='share-container'>
<div class='post-sharebtn'><i class='fa fa-share-alt'/> Share </d
iv>
<div class='post-share'>
<ul>
<li><a class='twitter' expr:href='"http://twitter.com/share
?url=" + data:post.url' rel='nofollow' target='_blank' title='Twitter Tweet
'><i class='fa fa-twitter'/> Twitter</a></li>
<li><a class='share' expr:href='"http://www.facebook.com/sh
arer.php?u=" + data:post.url' rel='nofollow' target='_blank' title='Faceboo
k Share'><i class='fa fa-facebook'/> Facebook</a></li>
<li><a class='plus' expr:href='"http://plus.google.com/shar
e?url=" + data:post.url' rel='nofollow' target='_blank' title='Google Plus
Share'><i class='fa fa-google-plus'/> Google+</a></li>
</ul>
</div>
</div>
<div style='clear:both'/>
</div>
</b:if>
<b:else/>

<div class='post-body entry-content' expr:id='"post-body-" + dat
a:post.id'>
<div expr:id='"adsmiddle1" + data:post.id'/>
<div style='clear:both; margin:10px 0'>

</div>
<div expr:id='"adsmiddle2" + data:post.id'>
<data:post.body/>
</div>
var s=obj1.innerHTML;
var r=s.search(/\x3C!-- adsense --\x3E/igm);
if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+16);}
</script>
<div class='sharepost'>
<ul>
<li><a class='twitter' expr:href='"http://twitter.com/share
?url=" + data:post.url' rel='nofollow' target='_blank' title='Twitter Tweet
'><i class='fa fa-twitter'/>Tweet</a></li>
<li><a class='facebook' expr:href='"http://www.facebook.com
/sharer.php?u=" + data:blog.url' rel='nofollow' target='_blank' title='Face
book Share'><i class='fa fa-facebook'/>Share</a></li>
<li><a class='gplus' expr:href='"http://plus.google.com/sha
re?url=" + data:blog.url' rel='nofollow' target='_blank' title='Google Plus
Share'><i class='fa fa-google-plus'/>Share</a></li>
<li><a class='linkedin' expr:href='"http://

www.linkedin.com/shareArticle?mini=true&url=" + data:post.url + &qu
ot;&title=" + data:post.title + "&summary=" + dat
a:post.snippets' target='_blank'><i class='fa fa-linkedin'/>Share</a></li>
<li><a class='pinterest' expr:href='"http://pinterest.com/p
in/create/button/?url=" + data:post.url + "&media=" + dat
a:post.thumbnailUrl + "&description= + data:post.title"' targe
t='_blank'><i class='fa fa-pinterest'/>Share</a></li>
</ul>
</div>
<div class='articleAuthor'>
<div class='authorContent'>
<div class='authorLeft'>
<div class='authorAvatar'>
<img alt='' class='avatar avatar-120 photo dontshowit showit' height='120' src='
http://1.bp.blogspot.com/-pZeZcLgWar4/VDK4F8Cuc1I/AAAAAAAAG7U/_J13G5uHOhc/s1600/
Minima%2BLogo2.png' width='120'/>
</div>
</div>
<div class='authorDetails'>
<h2>About <a href='#' rel='author' title='Posts by Admin'>Admin</a></h2>
</div>
<p>This is dummy text. It is not meant to be read. Accordingly, it is difficult
to figure out when to end it. But then, this is dummy text. It is not meant to b
e read. Period.</p>
</div>
</div>
<div style='clear:both'/>
</b:if>
<div id='related_posts'>
<div class='relhead'>
<h4>Related Post</h4>
<b:loop values='data:post.labels' var='label'>
<script expr:src='"/feeds/posts/default/-/" + data:labe
l.name + "?alt=json-in-script&callback=relpostimgcuplik&max
-results=50"' type='text/javascript'/>
</b:loop>
<ul id='relpost_img_sum'>
<script type='text/javascript'>artikelterkait();</script>
</ul>
</div>
</div>
<div style='clear:both;'/>
</div>
</b:if>
</article>
<div class='halaman'>
<div class='halaman-kiri'>
<div class='isihalaman-kiri'>
<span id='blog-pager-newer-link'>
<span class='pager-title-left'>Next</span><br/>
rPageTitle'>« Prev Post</a>
</span>
<b:else/>
<span class='current-pageleft'><span class='pager-title-left'>Next</span><
br/>This is the current newest page</span>
</b:if>
</div>
</div>
<div class='halaman-kanan'>
<div class='isihalaman-kanan'>
<span id='blog-pager-older-link'>
<span class='pager-title-left'>Previous</span><br/>
rPageTitle'>Next Post »</a>
</span>
<b:else/>
<span class='current-pageright'><span class='pager-title-left'>Previous</span><b
r/>This is the oldest page</span>
</b:if>
</div>
</div>
</div>
</div>
</b:if>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<img alt='' class='icon-action' height='18' src='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
sb-email' expr:href='data:post.sharePostUrl + "&target=email"' ex
pr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-linktext'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThi
sButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.
sharePostUrl + "&target=blog"' expr:onclick='"window.open(thi
s.href, \"_blank\", \"height=270,width=475\"); return false;
"' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-but
ton-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.sho
wTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='
data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.s
hareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top
.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><
a class='goog-inline-block share-button sb-facebook' expr:href='data:post.shareP
ostUrl + "&target=facebook"' expr:onclick='"window.open(this.
href, \"_blank\", \"height=430,width=640\"); return false;&q
uot;' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='shar
e-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='
data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' exp
r:href='data:post.sharePostUrl + "&target=orkut"' expr:title='data
:top.shareToOrkutMsg' target='_blank'><span class='share-button-link-text'><data
:top.shareToOrkutMsg/></span></a></b:if><b:if cond='data:top.showDummy'><div cla
ss='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
</b:if>
</b:includable>
<b:includable id='threaded-comment-form' var='post'>
<div class='comment-form'>
<div id='form-wrapper'>
<p><data:blogCommentMessage/></p>
</b:if>
</b:if>
<b:else/>
<div id='threaded-comment-form'>
<p><data:blogCommentMessage/>
<span id='show-konversi'><a class='konversi-button' href='javascript:void(0)' on
click='document.getElementById('konversi-box').style.display='inl
ine-block';document.getElementById('hide-konversi').style.display
='inline-block';document.getElementById('show-konversi').sty
le.display='none'' title='Show Conversion Box'>Conversion</a></span><s
pan id='hide-konversi'><a class='konversi-button' href='javascript:void(0)' oncl
ick='document.getElementById('konversi-box').style.display='none&
apos;;document.getElementById('hide-konversi').style.display='non
e';document.getElementById('show-konversi').style.display='i
nline-block'' title='Hide Conversion Box'>Conversion</a></span>
</span>
<span id='show-emo'><a class='emo-button' href='javascript:void(0)' onclick='doc
ument.getElementById('emo-box').style.display='inline-block'
;document.getElementById('hide-emo').style.display='inline-block&
apos;;document.getElementById('show-emo').style.display='none&apo
s;' title='Show Emoticon'>Emoticon</a></span><span id='hide-emo'><a class='emo-b
utton' href='javascript:void(0)' onclick='document.getElementById('emo-box&
apos;).style.display='none';document.getElementById('hide-emo&apo
s;).style.display='none';document.getElementById('show-emo')
.style.display='inline-block'' title='Hide Emoticon'>Emoticon</a></spa
n>
</span>
</p>
<div id='konversi-box'>
<textarea id='codes' placeholder='Write/paste the code here then click &apos
;Conversion'' spellcheck='false'/>
<span class='button-group'>
<button id='cvrt' onclick='cdConvert();this.disabled = true;'>Conversion</button
>
<button onclick='cdClear();'>Clean</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>
</b:if>
</b:if>
</div>
</b:if>
</div>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:p
ost.communityId/>');
</script>
</div>
</b:includable>
<b:includable id='threaded_comment_js' var='post'>
<script async='async' expr:src='data:post.commentSrc' 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(replybox.parentNode, null)
;
replybox.src = replyUrlParts[0]
+ (commentId ? '&parentID=' + commentId : '')
+ '#' + replyUrlParts[1];
replyParent = commentId;
}
};
var hash = (window.location.hash || '#').substring(1);
var startThread, targetComment;
if (/^comment-form_/.test(hash)) {
startThread = hash.substring('comment-form_'.length);
} else if (/^c[0-9]+$/.test(hash)) {
targetComment = hash.substring(1);
}
// Configure commenting API:
var configJso = {
'maxDepth': config.maxThreadDepth
};
var provider = {
'id': config.postId,
'data': items,
'loadNext': paginator,
'hasMore': hasMore,
'getMeta': getMeta,
'onReply': onReply,
'rendered': true,
'initComment': targetComment,
'initReplyThread': startThread,
'config': configJso,
'messages': msgs
};
var render = function() {
if (window.goog && window.goog.comments) {
var holder = document.getElementById('comment-holder');
window.goog.comments.render(holder, provider);
}
};
// render now, or queue to render when library loads:
if (window.goog && window.goog.comments) {
render();
} else {
window.goog = window.goog || {};
window.goog.comments = window.goog.comments || {};
window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
window.goog.comments.loadQueue.push(render);
}
})();
// ]]>
</script>
</b:includable>
<b:includable id='threaded_comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<h3><b:if cond='data:post.numComments == 0'> 0 Response to "<data:blo
g.pageName/>"</b:if> <b:if cond='data:post.numComments == 1'> 1 Response to
"<data:blog.pageName/>" </b:if> <b:if cond='data:post.numComments &gt
; 1'> <data:post.numComments/> Comments </b:if></h3>
<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' na
me='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
<aside id='sidebar-wrapper'>
<div class='sidebar-inner'>
<div class='tabs tabs-1'>
<b:section class='tably tably-1 section animated fadeIn' id='tably-1' showaddele
ment='yes'>
<b:widget id='PopularPosts1' locked='false' title='Popular' type='PopularPosts
'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
<ul>
<li>
<b:if cond='data:showThumbnails == "false"'>
<b:if cond='data:showSnippets == "false"'>

<a expr:href='data:post.href'><data:post.title/></a>
<b:else/>

<div class='item-title'><a expr:href='data:post.href'><data:post.tit
le/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
<b:else/>
<b:if cond='data:showSnippets == "false"'>

<div class='item-thumbnail-only'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr
:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.t
itle/></a></div>
</div>
<b:else/>

<div class='item-content'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr
:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.t
itle/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</div>
</b:if>
</b:if>
</li>
</b:loop>
</ul>
</div>
</b:includable>
</b:widget>
</b:section>
ment='yes'>
<b:widget id='Label1' locked='false' title='Label' type='Label'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='"widget-content " + data:display + "-label-wid
get-content"'>
<b:if cond='data:display == "list"'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></spa
n>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'
><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
</li>
</b:loop>
</ul>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='"label-size label-size-" + data:label.cssSiz
e'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></spa
n>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'
><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if>
</div>
</b:includable>
</b:widget>
</b:section>
ment='yes'>
<b:widget id='BlogArchive1' locked='false' title='Arsip' type='BlogArchive'>

<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:if cond='data:style == "HIERARCHY"'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == "FLAT"'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == "MENU"'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='flat' var='data'>
<ul class='flat'>
<b:loop values='data:data' var='i'>
<li class='archivedate'>
<a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
</li>
</b:loop>
</ul>
</b:includable>
<b:includable id='interval' var='intervalData'>
<b:loop values='data:intervalData' var='i'>
<ul class='hierarchy'>
<li expr:class='"archivedate " + data:i.expclass'>
<b:include data='i' name='toggle'/>
<a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
<span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>
<b:if cond='data:i.data'>
<b:include data='i.data' name='interval'/>
</b:if>
<b:if cond='data:i.posts'>
<b:include data='i.posts' name='posts'/>
</b:if>
</li>
</ul>
</b:loop>
</b:includable>
<b:includable id='menu' var='data'>
<select expr:id='data:widget.instanceId + "_ArchiveMenu"'>
<option value=''><data:title/></option>
<b:loop values='data:data' var='i'>
<option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</opt
ion>
</b:loop>
</select>
</b:includable>
<b:includable id='posts' var='posts'>
<ul class='posts'>
<b:loop values='data:posts' var='i'>
<li><a expr:href='data:i.url'><data:i.title/></a></li>
</b:loop>
</ul>
</b:includable>
<b:includable id='toggle' var='interval'>
<b:if cond='data:interval.toggleId'>
<b:if cond='data:interval.expclass == "expanded"'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy toggle-open'>▼ </span>
</a>
<b:else/>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
<b:if cond='data:blog.languageDirection == "rtl"'>
◄
<b:else/>
►
</b:if>
</span>
</a>
</b:if>
</b:if>
</b:includable>
</b:widget>
</b:section>
</div>
<b:section class='sidebar section' id='sidebar' preferred='yes'>
<b:widget id='HTML3' locked='false' title='Fans Page' type='HTML'>
</b:if>
<data:content/>
</div>
</b:includable>
</b:widget>
<b:widget id='FollowByEmail1' locked='false' title='Follow by Email' type='Fol
lowByEmail'>
<b:if cond='data:title != ""'><h2 class='title'><data:title/></h2></
b:if>
<div class='follow-by-email-inner'>
<form action='http://feedburner.google.com/fb/a/mailverify' expr:onsubmit=
'"window.open(\"http://feedburner.google.com/fb/a/mailverify?uri=&quot
; + data:feedPath + "\", \"popupwindow\", \"scrollbars=
yes,width=550,height=520\"); return true"' method='post' target='popup
window'>
<table class='tabletd1'>
<tr>
<td>
<input class='follow-by-email-address' name='email' placeholder='E
mail address...' type='text'/>
</td>
<td class='tabletd2'>
<input class='follow-by-email-submit' type='submit' value='Submit'
/>
</td>
</tr>
</table>
<input expr:value='data:feedPath' name='uri' type='hidden'/>
<input name='loc' type='hidden' value='en_US'/>
</form>
</div>
</div>
<span class='item-control blog-admin'>
</span>
</b:includable>
</b:widget>
</b:section>
</div>
</aside>
</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>
</div>
</div>
</div>
<div id='footerfix'>
<div id='credit'>
<div id='creditfix'>
<div class='cpleft'>
Copyright © 2014 <a expr:href='data:blog.homepageUrl'><data:blog.title/></a
> All Right Reserved
</div>
<div class='creditfix'>
<div class='cpright'>
Design by <a href='http://arlinadesign.blogspot.com' rel='nofollow' target='_bla
nk'>Mohammad Ali Sofiyan</a> Powered by <a href='http://www.blogger.com/' title=
'Blogger'>Blogger</a>
</div>
</div></div>
</div>
</div>
</footer>
</div>
<b:include data='blog' name='google-analytics'/>
$(function() { $(window).scroll(function() { if($(this).scrollTop()>100) { $(
'#BackToTop').fadeIn(); } else { $('#BackToTop').fadeOut(); } })
;
$('#BackToTop').click(function() { $('body,html').animate({scrol
lTop:0},400);return false }); });
</script>
<div class='BackToTop'>
<a id='BackToTop'>
<i class='fa fa-arrow-up'/>
</a>
</div>
//<![CDATA[
(function($) {
//ubah widget title
$('.title,.widget-title')
.each(function() {
var me = jQuery(this);
me.html(me.html()
.replace(/^(\w+)/, '<span>$1</span>'));
});
$('h1.title').each(function(){
var text = $(this).text().split(' ');
if(text.length < 2)
return;
text[0] = '<span class="headerword2"><span class="headerword">'+text[0]+'</s
pan></span>';
$(this).html( text.join(' ') );
});
})(jQuery);
//]]>
</script>
//<![CDATA[
$(document).ready(function(){var str=location.href.toLowerCase();$('.main-nav ul
li a').each(function(){if(str.indexOf(this.href.toLowerCase())>-1){$("li.highli
ght").removeClass("highlight");$(this).parent().addClass("highlight")}})})
$(function(){var pull=$('#pull');menu=$('.main-nav ul');menuHeight=menu.height()
;$(pull).on('click',function(e){e.preventDefault();menu.slideToggle()});$(window
).resize(function(){var w=$(window).width();if(w>320&&menu.is(':hidden')){menu.r
emoveAttr('style')}})});
//]]>
</script>
//<![CDATA[
$(".share-container").each(function(){var e=$(this);e.find(".post-sharebtn").cli
ck(function(){e.find(".post-share").fadeToggle("slow")});$(document).bind("click
",function(e){if($(e.target).parents(".share-container").length===0){$(".post-sh
are").fadeOut(300)}})});
//]]>
</script>
//<![CDATA[
$(function(){
$('.searchbutton').click(function(){
$(this).toggleClass('active');
$('.search-form').slideToggle('normal');
});
});
//]]>
</script>
//<![CDATA[
!function(a){"use strict";var b=function(b,c){var d=this;d.element=b,d.$element=
a(b),d.tabs=d.$element.children(),d.options=a.extend({},a.fn.mtabs.defaults,c),d
.current_tab=0,d.init()};b.prototype={init:function(){var a=this;a.tabs.length&&
(a.build(),a.buildTabMenu())},build:function(){var b=this,c=b.options,d=c.tab_te
xt_el,e=c.container_class;b.tab_names=[],b.$wrapper=b.$element.wrapInner('<div c
lass="'+e+'" />').find("."+e),b.tabs.wrapAll('<div class="'+c.tabs_container_cla
ss+'" />'),b.tabs.each(function(c,e){var f,g=a(e),h=d;f=g.find(h).filter(":first
").hide().text(),b.tab_names.push(f)}),a.isFunction(c.onReady)&&c.onReady.call(b
.element)},buildTabMenu:function(){for(var b,c=this,d=c.options,e=d.tabsmenu_el,
f=c.tab_names,g="<"+e+' class="'+d.tabsmenu_class+'">',h=0,i=f.length,j=function
(){var a=arguments;return d.tmpl.tabsmenu_tab.replace(/\{[0-9]\}/g,function(b){v
ar c=Number(b.replace(/\D/g,""));return a[c]||""})};i>h;h++)g+=j(h+1,f[h]);g+="<
/"+e+">",c.$tabs_menu=a(g).prependTo(c.$wrapper),b=c.$tabs_menu.find(":first")[0
].nodeName.toLowerCase(),c.$tabs_menu.on("click",b,function(b){var d=a(this),e=d
.index();c.show(e),b.preventDefault()}).find(":first").trigger("click")},show:fu
nction(b){var c=this,d=c.options,e=d.active_tab_class;c.tabs.hide().filter(":eq(
"+b+")").show(),c.$tabs_menu.children().removeClass(e).filter(":eq("+b+")").addC
lass(e),a.isFunction(d.onTabSelect)&&b!==c.current_tab&&d.onTabSelect.call(c.ele
ment,b),c.current_tab=b},destroy:function(){var a=this,b=a.options.tab_text_el;a
.$tabs_menu.remove(),a.tabs.unwrap().unwrap(),a.tabs.removeAttr("style"),a.tabs.
children(b+":first").removeAttr("style"),a.$element.removeData("mtabs")}},a.fn.m
tabs=function(c,d){return this.each(function(){var e,f=a(this),g=f.data("mtabs")
;e="object"==typeof c&&c,g||f.data("mtabs",g=new b(this,e)),"string"==typeof c&&
g[c](d)})},a.fn.mtabs.defaults={container_class:"tabs",tabs_container_class:"tab
s-content",active_tab_class:"active-tab",tab_text_el:"h1, h2, h3, h4, h5, h6",ta
bsmenu_class:"tabs-menu",tabsmenu_el:"ul",tmpl:{tabsmenu_tab:'<li class="tab-{0}
"><span>{1}</span></li>'},onTabSelect:null}}(window.jQuery,window,document);
//]]>
</script>
(function() {
var po = document.createElement('script'); po.type = 'text/javas
cript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.ins
ertBefore(po, s);
})();
</script>
//<![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 = "No more <span style='background-color:rgba(2
55,255,255,0.3);color:#fff;padding:4px 8px;border-radius:3px'><b>live link</b></
span> in this page";
content[i].className = "spammer-detected";
}
}
}
blockLinks('comment_block', 'p');
//]]>
</script>
$('i[rel="pre"]').replaceWith(function() {
return $('<pre><code>' + $(this).html() + '</code></pre>');
});
</script>
var pres = document.getElementsByTagName("pre");
for (var i = 0; i < pres.length; i++) {
pres[i].addEventListener("dblclick", function () {
var selection = getSelection();
var range = document.createRange();
range.selectNodeContents(this);
selection.removeAllRanges();
selection.addRange(range);
}, false);
}
</script>
<script src='https://arlina-design.googlecode.com/svn/photoviewer.js' type='text
/javascript'/>
<script src='https://arlina-design.googlecode.com/svn/prism.js' type='text/javas
cript'/>
//<![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'),
opt5 = document.getElementById('opt5');
cv = cv.replace(/\t/g, "
");
if (opt1.checked) cv = cv.replace(/&/g, "&");
if (opt2.checked) cv = cv.replace(/'/g, "'");
if (opt3.checked) cv = cv.replace(/"/g, """);
if (opt4.checked) cv = cv.replace(/</g, "<");
if (opt5.checked) cv = cv.replace(/>/g, ">");
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>
$(document).ready(function(){
var olderLink = $("a.blog-pager-older-link").attr("href");
$("a.blog-pager-older-link").load(olderLink+" .post-title:first&q
uot;, function() {
var olderLinkTitle = $("a.blog-pager-older-link").text();
$("a.blog-pager-older-link").text(olderLinkTitle);//rgt
});
var newerLink = $("a.blog-pager-newer-link").attr("href");
$("a.blog-pager-newer-link").load(newerLink+" .post-title:first&q
uot;, function() {
var newerLinkTitle = $("a.blog-pager-newer-link:first").text();
$("a.blog-pager-newer-link").text(newerLinkTitle);
});
});
</script>
</b:if>
<script type='text/javascript'> $(".PopularPosts img").each(function (
) {
$(this).attr("src", $(this).attr("src").replace(/\/s[
0-9]+(\-c)?\//, "/w80-h60-c/")) }); </script>
</body>
</html>

VFGHJKL

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

VFGHJKL

Uploaded by

Copyright:

Available Formats

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

<meta expr:content='data:blog.url' property='og:url'/>

/* CSS List Custom */

body#layout #wrapper, body#layout .post-inner, body#layout .sidebar-inner {

0 0 #ea5a59;transition:all 0.2s ease-in-out;}

#menu li &gt; a.ai::after {content:&quot;\f0d7&quot;;font-family:FontAwesome;mar

50px;border:1px solid #e9e9e9;}

peat 50% 25%;position:relative;margin-left:-8px;margin-top:-15px}

pre code .token.atrule,pre code .token.attr-value {color:#1baeb0;}

.tabs-content .widget ul {background:#fff;color:#666;overflow:visible;}

#credit {color:#848889;width:98%;font-size:11px;font-family:&#39;Open Sans&#39;,

#footer-wrapper .label-size{background:#ea5c35;color:#fff;border:1px solid #e257

#feedNav a, #feedNav span {display:block;text-align:center;color:#fff;

e:hover,.main-nav li a.googleplus:hover,.main-nav li a.linkedin:hover{color:#ea5

/* CSS Related Posts */

if( count >= images.length ){

objects[action].click( function() { self.next( true) } )

previous:function( manual, item ){

<li><a href='#'><i class='fa fa-trophy'/> Advertise</a></li>

in-height: &quot; + data:height

<b:if cond='data:blog.pageName == &quot;&quot;'> <span><a expr:href=

<b:include data='comment' name='commentDeleteIcon'/>

umPages+1}if(c<=0){c=1}var b='<span class="pages">Pages '+e+' of '+a+"</span> ";

<li><a class='linkedin' expr:href='&quot;http://

} else if ('deleteclass' == key) {

<b:widget id='BlogArchive1' locked='false' title='Arsip' type='BlogArchive'>

You might also like

#menu li > a.ai::after {content:"\f0d7";font-family:FontAwesome;mar

#credit {color:#848889;width:98%;font-size:11px;font-family:'Open Sans',

in-height: " + data:height

<b:if cond='data:blog.pageName == ""'> <span><a expr:href=

<li><a class='linkedin' expr:href='"http://