Beranda » Template Blogspot » Struktur Template Blogspot ini

Struktur Template Blogspot ini

Ditulis oleh: -
Ini adalah struktur template dari blog ini




<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<HTML>
<head>
<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'> <title><data:blog.pageTitle/></title> <b:else/><title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<meta content='Bukan Template Blogspot, Bukan template SEO Friendly, Bukan Template Fast Loading' name='keywords'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageName' name='keywords'/>
</b:if>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<meta expr:content='data:blog.metaDescription' itemprop='description'/>
<meta expr:content='data:blog.postImageThumbnailUrl' itemprop='image'/>
<meta content='Global' name='distribution'/>
<meta content='all' name='robots'/>
<meta content='all' name='spiders'/>
<meta content='id' name='language'/>
<meta content='id' name='geo.country'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='never' http-equiv='xpires'/>
<meta content='general' name='rating'/>



<b:skin><![CDATA[


#navbar-iframe {
display: none !important;
}

/* -- CSS RESET -- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent
}

/* ELEMEN UTAMA */

body {background:#d7d7d7; color:#333; font:14px arial, sans-serif; text-align:left;}
#page-background-glare {margin:0 auto; width:960px; overflow:hidden}
#wrapper {background:transparent; margin-top:10px;margin-bottom:10px; width:960px; overflow:hidden;}
#content-wrapper {background:#ebebeb; margin:0; padding:0; overflow:hidden;border:3px double #BABABA;}

/* HEADER */

#header {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4cm9iIi6QM5MrqegCkuIrQkoGv8R27DIwI_D0w_herE3gMj8YYCQLzdU1ddqoieEuPGIpyvYFU3OUnKpXQ6ojuJom5ZX1tXVnG8mF_RxAvZiwSuNJCwQTL9Zkuwo0FmyIR-cTX8VoKEc/s1600/header.png); display:block; width:960px; height:63px; margin:0px auto; z-index:9990}
#header-left{float:left; width:712px; margin:0px 5px 0px 0px; padding:0 0 0 30; height:63px;}
#header-left img { width:712px; height:63px; display:block; margin:0; padding:0 0 0 30;}
#header-left h1.title {font:24px georgia, serif; font-weight:bold; color:#ffffff; text-align:left; margin:0px; padding:2px 0 2px 30px;}
#header-left h1.logo, #header-left p.logo {margin:0; padding:0 0 0 30; }
#header-left .description { text-align:left; margin:0; padding:2px 0 2px 30px;color:#ffffff;}

/* TEXT AND HEADING */

h1{font-size:20px;}h2{font-size:18px;}h3{font-size:17px;}h4{font-size:16px;}h5{font-size:15px;}h6{font-size:14px;}
p{ font-size:14px; padding-bottom:13px}
p.title a{color:#E8E8E8;}
p.title {font:24px georgia, serif; font-weight:bold; color:#E8E8E8; text-align:left; margin:0px; padding:2px 0 2px 30px;}
.post ul{margin: 0 0 13px 28px; list-style-type:disc}
.post ol{margin:0 0 13px 28px; list-style-type:decimal}
.post ul li, ol li{padding-bottom:3px}
.post blockquote {margin:0 28px 13px 18px; font-style:italic; padding-left:10px; border-left:3px dotted #ccc; text-align:left;}
img{max-width:100%;}
.widget-content ul { list-style-type:none; margin:0; padding:0}
table {border-collapse:collapse;}
table, th, td { padding:3px 6px; border:1px solid #ccc;}
table th { background:#e5e5e5;}
pre{word-wrap:normal; padding:5px 5px 5px 35px; margin:0; background:#121212; outline:1px solid #fff; border:1px solid #ddd; line-height:20px; width:93.5%; overflow:auto}
code{font-size:120%; text-align:left; margin:0; padding:0; color:#000}
/* LINK LINK */

a:link {color:#1f87ff;text-decoration:none}
a:visited {color:#1f87ff;text-decoration:none}
a:hover, #sidebar a:hover { color: #cc3a1e; text-decoration:none}
#footer a:hover, #sidebar .widget-content ul li a:hover {text-decoration:underline;}
a.croot { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background:rgb(160,160,160); font-size:13px; color:rgb(255,255,255); text-shadow:1px 1px #001e3c; margin:8px 0; display:block; padding:2px 8px; border-right:1px solid #000; border-bottom: 1px solid #000;}
a.croot:hover { background:#001e3c;}
.kategori a, .widget-content a {color:#333;}
.post h2.post-title a, .post h2.post-title a:visited, .post h1.post-title, .post h1.post-title a{color:#003164;}
.post h2.post-title a:hover{text-decoration:underline;}

/* KONTEN POSTING */

#main-wrapper{float:left; width:640px; margin:0; padding:0}
#main {padding:10px; margin:0; border-right:1px solid #ccc; overflow:hidden; word-wrap:break-word}
.post {margin:0 0 10px 0; padding:10px 0 0 0; border-bottom:1px solid #ddd;}
.post h2.post-title, .post h1.post-title {font-size:17px; font-weight:bold; margin:0 0 10px 0}
.post-body { font-size:14px; text-align: justify; line-height:normal; margin:0; padding:0;}
.date {padding:0px; float:right; text-align:right; font-weight:normal; font-size:13px; margin:0 0 0 13px;}
.tanggal {padding:0 0 0 23px; color:#333;}
.pesan {-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; font-size:12px; margin:10px 0 13px; padding:8px; border:2px solid #ccc;}
#blog-pager-newer-link {float:left}
#blog-pager-older-link {float:right}
.home {width:80px; margin:0 auto; text-align:center;}
#blog-pager { margin:0; padding: 4px 0; text-align:center}
.status-msg-wrap, .status-msg-border{display:none;}
.info{float:left; margin:10px 0; font-size:13px; text-align:left;}
.writter {padding:0; color:#333; margin-right:2px;}
.kategori {padding:0; margin:0 0 0 4px}

/* SIDEBAR */

#sidebar{float:right; width:314px; margin:0; padding:0}
#sidebar-top { padding:0; margin:10px;overflow:hidden; word-wrap:break-word}
#sidebar-bottom { padding:0; margin:0px 10px 10px 10px; overflow:hidden; word-wrap:break-word}
#sidebar h2, #sidebar h3 {background:rgb(160,160,160); font-size:14px; text-shadow:1px 1px #001e3c; color:#fff; text-align:left; padding:4px 10px; border-bottom:1px solid #001e3c;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#sidebar .widget-content { background:#ebebeb; margin:0px; padding:8px 0 10px; font-size:14px;}
#sidebar .widget-content ul li { border-bottom: 1px solid #ccc; margin:0 0 8px; padding:0px 0px 6px 0px;}
#sidebar .widget-content ul li a {font-weight:bold; color:#003164;}
#sidebar .item-snippet {font-size:12px;}
#sidebar .item-thumbnail { background:#e5e5e5; margin:3px 8px 8px 0px; padding:3px; border:1px solid #ccc;}
#sidebar .item-thumbnail a img {display:block; margin:0; padding:0;}

/* LAIN LAIN */

.clear{clear:both;}
.sharing {background:#e5e5e5; margin:13px 0; padding:6px; border:1px solid #ccc; overflow:hidden;}
.sharing span{float:left;}
.showpageArea a { text-decoration:underline;
}
.showpageNum a { background:#004083; text-decoration:none; text-shadow:1px 1px #001e3c; color:#fff; border-right: 1px solid #001e3c; border-bottom: 1px solid #001e3c; margin:0 3px; padding:3px 6px;
}
.showpageNum a:hover { background-color:#001e3c !important;
}
.showpagePoint { color:#fff; text-shadow:1px 1px #001e3c; text-decoration:none; border-right: 1px solid #001e3c; border-bottom: 1px solid #001e3c; background: #004083; margin:0 3px; padding:3px 6px;
}
.showpageOf { text-decoration:none; padding:3px 6px; margin:0 3px 0 0;
}
.showpage a { text-decoration:none; border-right: 1px solid #001e3c; text-shadow:1px 1px #001e3c;border-bottom: 1px solid #001e3c; padding:3px 6px;
}
.showpage a:hover { background-color:#001e3c !important; text-decoration:none;
}
.showpageNum a:link, .showpage a:link { text-decoration:none; color:#fff; background: #004083; text-shadow:1px 1px #001e3c;
}
.breadcrumbs { background:#d7d7d7; text-align: left; padding:3px 3px; margin:0 0 2px 0; font-size:13px; line-height: 1.4em; border:3px double #ccc;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px}

/* FOOTER */

#footer{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7m07DtF8wpKloszZRn4vqb6hL2-Uf5ZRzWFyS4j3hyFy2wQtkkdxcBk1wLTwY_MgE12u5ftbiUJxizWWbIDqZ_XL3NlLznanfV4KDS-oNYqZAYoyGYwARWHZIJERAJJOaR6YoLbGTVO0/s1600/bottom.png); color:#fff; text-shadow:1px 1px #001e3c; text-align:center; height:43px; font-size:13px; padding:10px; margin:0; border-top:1px solid #001e3c;}
#footer a{color:#fff;}

/* NAVIGASI */

#navigation {float:left; width:680px; list-style: none; background: #d2d2d2; height: 36px; margin:0; padding:0;}
#navigation li { position:relative; float: left; height: 36px;}
#navigation li a.pertama, #navigation li a.pertama:hover { border-left:medium none !important;}
#navigation li a, #navigation li a:link, #navigation li a:visited { text-decoration: none; display: block; float: left; height: 36px; color:#666; text-shadow:1px 1px #d7d7d7; line-height: 36px; padding: 0 9px 0 9px; border-right: solid 1px #BABABA; border-left:1px solid #ebebeb; font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;}
#navigation li a:hover, #navigation li a:focus, #navigation li a:active, #navigation li:hover li a:active {
background: #d7d7d7; border-left: solid 1px #ebebeb;}
#navigasi { height:36px; max-width:100%; background:#d2d2d2; margin:0; padding:0px; border: 1px solid #BABABA;}
#navigasi #search{width:220px; float:right; margin:4px 10px 4px 10px;}
#navigasi #search input[type="text"] {height:28px; line-height:28px; background: url(http://3.bp.blogspot.com/-qcqxuwepuw8/T7Ts0Iso9VI/AAAAAAAAAkg/oGskZqNwrZY/s1600/search_icon.gif) no-repeat 8px 3px #ebebeb; border: 0 none; font: bold 12px Arial,Helvetica, Sans-serif; color: #333; width: 172px; padding: 0 15px 0 32px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.3) , inset 0px 1px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.3) , inset 0px 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.3) , inset 0px 1px 3px rgba(0, 0, 0, 0.2); -webkit-transition: all 0.7s ease 0 s; -moz-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s;}
#navigasi #search input[type="text"]:focus { width: 172px;}

/* KOLOM KOMENTAR */

#comments-block {line-height:1.4em;margin:8px 0px}
#comments-block .comment-author a:hover{color: #CC3A1E}
#comments-block .comment-author {background: #ebebeb; font-weight:normal;margin:8px 0px 0px 0px;padding:4px; border-top:1px solid #aaa; border-right:1px solid #aaa; border-left:1px solid #aaa}
#comments .blogger-comment-icon{-moz-background-inline-policy:continuous;background:none repeat scroll 0 0 #ebebeb;border-color: #aaa;border-style:solid;border-width: 1px;line-height:1em;padding:0}
#comments-block .comment-body {background:#ebebeb; margin:0;padding-top:4px; padding-right:1.8%; padding-bottom:4px; padding-left:1.8%;border-right:1px solid #aaa; border-left: 1px solid #aaa}
#comments-block .comment-footer {background:#ebebeb;font-size:0.8em;line-height:1.4em;margin:0;padding:4px; border-right:1px solid #aaa; border-bottom:1px solid #aaa; border-left:1px solid #aaa;text-transform:none}
.comment-form { margin:0px; padding:0px;}
.deleted-comment {color:gray;font-style:italic}
.comments h4 { background:#ebebeb; color:#222; font-size:16px; padding:0; }

/* KOLOM KOMENTAR (Threaded) */

.comments { clear: both;}
.comments .comments-content {font-size:13px; margin-bottom:8px;}
.comments .comment .comment-actions a{ -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: opx; background:#004083; border-right:1px solid #001e3c; border-bottom:1px solid #001e3c; color:#fff; text-shadow:1px 1px #001e3c;margin-right:6px; padding:2px 6px;}
.comments .comment .comment-actions a:hover {background:#001e3c;}
.comments .comments-content .comment-thread ol { list-style-type: none; text-align: left; margin:8px 0; padding:0}
.comments .comments-content .inline-thread {padding:0; margin:0;}
.comments .comments-content .comment-thread { margin:0; padding:0;}
.comments .comments-content .comment-thread:empty { display: none;}
.comments .comments-content .comment-replies {margin-top:8px; margin-left:44px;}
.comments .comments-content .comment {margin-bottom:6px;padding:0;}
.comments .comments-content .comment:first-child {padding:0; margin:0;}
.comments .comments-content .comment:last-child { padding:0; margin:0;}
.comments .comments-content .user { font-style:normal; font-weight:bold;}
.comments .comments-content .icon.blog-author { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFRze7BeY3_f5sbz832QFOlpLH4_M0FZAACu6KdLjWyrFhUWLxKcLmtWKeoOImi5s6Gf7ApZ9sS6OUg9nOgJOaRZTR-0GVOp0kG3Ib6ldEi6tx5VdGXejEi07xg68e02dcAeQFf-p9LZw/s320/author.png); width: 16px; height: 16px; display: inline-block; margin: 0 0 -2px 6px;}
.comments .comments-content .datetime {text-align:right; margin-left:6px;}
.comments .comments-content .comment-header {background:#fff; margin:0; padding:0;}
.comments .comments-content .comment-content {background:#fff; text-align:justify; margin:0; padding-top:8px; padding-bottom:8px; font-size:13px}
.comments .comments-content .owner-actions { border:1px solid #ccc;}
.comments .comments-replybox { height:250px; max-width: 100%;}
.comments .comment-replybox-single { padding:0px; margin: 8px 0; margin-left:44px; }
.comments .comment-replybox-thread { margin:8px 0 0 0; padding:0px;}
.comments .comments-content .loadmore a { padding: 6px 10px; text-align: center;}
.comments .thread-toggle { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background:#eee; cursor: pointer; padding:2px 4px; margin:0; display:block;}
.comments .continue { cursor: pointer;}
.comments .continue a { text-align:right; margin-bottom:10px; padding:4px; display:block; }
.comments .comments-content .loadmore { cursor: pointer; max-height: 3em; margin-top:8px;}
.comments .comments-content .loadmore.loaded { max-height: 13px; opacity:0; overflow: hidden;}
.comments .thread-chrome.thread-collapsed { display: none;}
.comments .thread-toggle { display: inline-block;}
.comments .thread-toggle .thread-arrow{ display: inline-block; height: 6px; width: 7px; overflow: visible; margin: 0.3em; padding-right: 4px;}
.comments .thread-expanded .thread-arrow {}
.comments .thread-collapsed .thread-arrow {}
.comments .avatar-image-container {-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; float: left; width: 36px; height: 36px; overflow: hidden; border:2px solid #ccc; padding:0px}
.comments .avatar-image-container img { width:36px;}
.comments .comment-block { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; background:#ebebeb; padding:8px; margin-left: 44px; border:2px solid #ccc;}


]]></b:skin>


<!-- Script Related Post With Thumbnail -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
#related_posts{margin-top:5px; padding:0 10px; border:1px solid #3c3c3c;box-shadow:inset 0 0 3px #000;}
#related_posts h4 {background: none repeat scroll 0 0 ;color: #999;font-family: Arial,Tahoma,Verdana;font-size: 13px;font-weight: bold;margin: 5px 0;padding: 2px 5px 1px 8px;text-shadow: 1px 1px #000000;text-transform: uppercase;}
#relpost_img_sum {
/* height: 320px;
overflow: auto; */
margin: 0;padding: 4px;line-height: 16px;}
#relpost_img_sum:hover {background: none;}
#relpost_img_sum ul {list-style-type: none;margin: 0;padding: 0;}
#relpost_img_sum li {border: 1px solid #222;margin: 0;padding: 5px;height: 35px;list-style: none;}
#relpost_img_sum li:hover {background-color: #333;}
#relpost_img_sum a {text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);}
#relpost_img_sum .news-title {display: block;font-weight: bold !important;margin-bottom: 4px;}
#relpost_img_sum .news-text {display: block;text-align: justify;font-weight: normal;text-transform: none;color: #999;}
#relpost_img_sum img {float: left;margin-right: 14px;padding: 4px;border: solid 1px #222;width: 25px;height: 25px;}
</style>
<script type='text/javascript'>//<![CDATA[
var relnojudul = 0;
var relmaxtampil = 10;
var numchars = 70;
var morelink ="" ;
/*
Related Post with Thumbnail & Summary 1.0 (May 02, 2011)
copyright (c) 2011 Hendriono from http://modification-blog.blogspot.com/
*/
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\b'+e(c)+'\b','g'),k[c]);return p}('2 4=f g();2 5=f g();2 9=f g();2 b=f g();s K(L,M){2 7=L.19("<");l(2 i=0;i<7.3;i++){8(7[i].N(">")!=-1){7[i]=7[i].O(7[i].N(">")+1,7[i].3)}}7=7.1a("");7=7.O(0,M-1);y 7}s 1b(z){l(2 i=0;i<z.P.6.3;i++){2 6=z.P.6[i];4[n]=6.A.$t;u="";8("Q"B 6){u=6.Q.$t}C 8("R"B 6){u=6.R.$t}9[n]=K(u,1c);8("S$T"B 6){D=6.S$T.1d}C{D="1e://1f.1g.1h/1i/1j/1k/1l/d/1m.1n"}b[n]=D;l(2 k=0;k<6.E.3;k++){8(6.E[k].U=='1o'){5[n]=6.E[k].v;F}}n++}}s V(a,e){l(2 j=0;j<a.3;j++)8(a[j]==e)y 1p;y 1q}s 1r(){2 m=f g(0);2 o=f g(0);2 p=f g(0);2 q=f g(0);l(2 i=0;i<5.3;i++){8(!V(m,5[i])){m.3+=1;m[m.3-1]=5[i];o.3+=1;o[o.3-1]=4[i];p.3+=1;p[p.3-1]=9[i];q.3+=1;q[q.3-1]=b[i]}}4=o;5=m;9=p;b=q;l(2 i=0;i<4.3;i++){2 c=w.W((4.3-1)*w.X());2 Y=4[i];2 Z=5[i];2 10=9[i];2 11=b[i];4[i]=4[c];5[i]=5[c];9[i]=9[c];b[i]=b[c];4[c]=Y;5[c]=Z;9[c]=10;b[c]=11}2 x=0;2 r=w.W((4.3-1)*w.X());2 12=r;2 h;2 13=14.1s;1t(x<15){8(5[r]!=13){h="<16 G='H-A 1u'>";h+="<a v='"+5[r]+"' U='1v' I='J' A='"+4[r]+"'><1w 1x='"+b[r]+"' /></a>";h+="<a v='"+5[r]+"' I='J'>"+4[r]+"</a>";h+="<17 G='H-18'>"+9[r]+" ... [<a v='"+5[r]+"' I='J'>"+1y+"</a>]<17 G='H-18'>";h+="</16>";14.1z(h);x++;8(x==15){F}}8(r<4.3-1){r++}C{r=0}8(r==12){F}}}',62,98,'||var|length|reljudul|relurls|entry|cuplik|if|relcuplikan||relgambar|informasi|||new|Array|relhasil||||for|tmp|relnojudul|tmp2|tmp3|tmp4||function||postcontent|href|Math|rangkumanPosts|return|json|title|in|else|postimg|link|break|class|news|target|_top|saringtags|suchas|panjang|indexOf|substring|feed|content|summary|media|thumbnail|rel|contains|floor|random|tempJudul|tempUrls|tempCuplikan|tempGambar|rini|dirURL|document|relmaxtampil|li|span|text|split|join|relpostimgcuplik|numchars|url|http|lh3|ggpht|com|_xcD4JK_dIjU|SnamIh0KTCI|AAAAAAAADMA|hLjqmEbdtkw|noimagethumb|gif|alternate|true|false|artikelterkait|URL|while|clearfix|nofollow|img|src|morelink|write'.split('|'),0,{}))
//]]></script>
</b:if>
<!-- Script Related Post With Thumbnail End -->

<!-- Script Google Plus -->
<script src='https://apis.google.com/js/plusone.js' type='text/javascript'/>
<!-- Script Google Plus End -->

<!-- Script Auto Readmore With Thumbnail -->
<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 440; summary_img = 340; img_thumb_height = 66; img_thumb_width = 74; </script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="background:#e5e5e5; padding:3px; border:1px solid #ddd; float:left; margin:3px 10px 0 0;"><img alt="Thumbnail" src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>
<!-- Script Auto Readmore With Thumbnail End -->

<!-- Script Sharethis -->
<script type='text/javascript'>var switchTo5x=true;</script> <script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/> <script type='text/javascript'>stLight.options({publisher:&quot;d16b2e5c-7445-4fed-be9f-1146dd828bfb&quot;}); </script>
<!-- Script Sharethis End -->



</head>



<!-- <body><div></div> -->



<body>
<div id='page-background-glare'>
<!-- wrapper open -->
<div id='wrapper'>

<!-- header open -->
<div id='header'>

<b:section class='header' id='header-left' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Test Template (Header)' type='Header'>
<b:includable id='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</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='main'>

<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>
<!--
Show image as background to text. You can't really calculate the width
reliably in JS because margins are not taken into account by any of
clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
width if the user is using shrink to fit.
This results in a margin-width's worth of pixels being cropped. If the
user is not using shrink to fit then we expand the header.
-->

<b:if cond='data:mobile'>
<div id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
<b:else/>
<div expr:style='&quot;background-image: url(&quot;&quot; + data:sourceUrl + &quot;&quot;); &quot; + &quot;background-position: &quot; + data:backgroundPositionStyleStr + &quot;; &quot; + data:widthStyleStr + &quot;min-height: &quot; + data:height + &quot;_height: &quot; + data:height + &quot;background-repeat: no-repeat; &quot;' id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
<b:else/>

<!-- Header hanya Gambar -->
<div id='header-inner'>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a>
<!--Show the description-->
<b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
<b:include name='description'/>
</b:if>
</div>
</b:if>
<b:else/>

<!-- Header tanpa Gambar -->
<div id='header-inner'>
<div class='titlewrapper'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>

<h1 class='title'><b:include name='title'/></h1>
<b:else/>
<p class='title'><b:include name='title'/></p>
</b:if>
</div>
<b:include name='description'/>

</div>
</b:if>
</b:includable>
</b:widget>
</b:section>
</div>
<!-- header closed -->

<!-- navigasi open -->
<div class='clear'/>
<div id='navigasi'>
<ul id='navigation'>
<li><a class='pertama' expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='http://www.kapukonline.com' rel='nofollow'>Kang Kapuk</a></li>
<li><a href='http://test-tempe.blogspot.com/search/label/Template%20Blogspot'>Template Blogspot</a></li>
<li><a href='#'>Menu2</a></li>
<li><a href='#'>Menu3</a></li>
<li><a href='#'>Menu4</a></li>
</ul>

<form action='/search' id='search' method='get'> <input name='q' placeholder='Search...' size='40' type='text'/> </form>
</div>
<div class='clear'/>
<!--navigasi closed-->

<!-- content-wrapper open -->
<div id='content-wrapper'>

<!-- main open -->
<div 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='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<div id='blog-pager-newer-link'>
<a class='croot' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</div>
</b:if>

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

<div class='home'><a class='croot' expr:href='data:blog.homepageUrl'><data:homeMsg/></a></div>

<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='shareButtons' var='post'>
<b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + &quot;&amp;target=email&quot;' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + &quot;&amp;target=blog&quot;' expr:onclick='&quot;window.open(this.href, &quot;_blank&quot;, &quot;height=270,width=475&quot;); return false;&quot;' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + &quot;&amp;target=twitter&quot;' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + &quot;&amp;target=facebook&quot;' expr:onclick='&quot;window.open(this.href, &quot;_blank&quot;, &quot;height=430,width=640&quot;); return false;&quot;' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + &quot;&amp;target=orkut&quot;' expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>
</b:includable>
<b:includable id='backlinks' var='post'>
<a name='links'/><h4><data:post.backlinksLabel/></h4>
<b:if cond='data:post.numBacklinks != 0'>
<dl class='comments-block' id='comments-block'>
<b:loop values='data:post.backlinks' var='backlink'>
<div class='collapsed-backlink backlink-control'>
<dt class='comment-title'>
<span class='backlink-toggle-zippy'>&#160;</span>
<a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
<b:include data='backlink' name='backlinkDeleteIcon'/>
</dt>
<dd class='comment-body collapseable'>
<data:backlink.snippet/>
</dd>
<dd class='comment-footer collapseable'>
<span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
<span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
</dd>
</div>
</b:loop>
</dl>
</b:if>
<p class='comment-footer'>
<a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + &quot;_backlinks-create-link&quot;' target='_blank'><data:post.createLinkLabel/></a>
</p>
</b:includable>
<b:includable id='threaded_comment_js' var='post'>
<script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>

<script type='text/javascript'>
(function() {
var items = <data:post.commentJso/>;
var msgs = <data:post.commentMsgs/>;
var config = <data:post.commentConfig/>;

// <![CDATA[
var cursor = null;
if (items && items.length > 0) {
cursor = parseInt(items[items.length - 1].timestamp) + 1;
}

var bodyFromEntry = function(entry) {
if (entry.gd$extendedProperty) {
for (var k in entry.gd$extendedProperty) {
if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
return '<span class="deleted-comment">' + entry.content.$t + '</span>';
}
}
}
return entry.content.$t;
}

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

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

var replybox = null;
var replyUrlParts = null;
var replyParent = undefined;

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

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

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

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

// render now, or queue to render when library loads:
if (window.goog && window.goog.comments) {
render();
} else {
window.goog = window.goog || {};
window.goog.comments = window.goog.comments || {};
window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
window.goog.comments.loadQueue.push(render);
}
})();
// ]]>
</script>
</b:includable>
<b:includable id='mobile-main' var='top'>
<!-- posts -->
<div class='blog-posts hfeed'>

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

<b:if cond='data:blog.pageType == &quot;index&quot;'>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='mobile-index-post'/>
</b:loop>
<b:else/>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='mobile-post'/>
</b:loop>
</b:if>
</div>

<b:include name='mobile-nextprev'/>
</b:includable>
<b:includable id='post' var='post'>
<div itemscope=' ' itemtype='http://data-vocabulary.org/Review'>
<b:if cond='data:blog.pageType == &quot;item&quot;'><span itemprop='itemreviewed'><span itemprop='description'><data:blog.metaDescription/></span></span><span itemprop='reviewRating' itemscope='itemscope' itemtype='http://schema.org/Rating'><meta content='1' itemprop='worstRating'/><meta content='5' itemprop='bestRating'/><meta content='4.5' itemprop='ratingValue'/></span><span itemprop='rating'>4.5</span></b:if>
</div>
<div class='post hentry' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<a expr:name='data:post.id'/>

<b:if cond='data:blog.pageType != &quot;item&quot;'> <b:if cond='data:post.title'>
<div class='date'>
<b:if cond='data:post.dateHeader'><span class='tanggal'><abbr class='updated published' expr:title='data:post.timestampISO8601'><data:post.dateHeader/></abbr></span></b:if>
</div> <h2 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'> <a expr:href='data:post.url'><data:post.title/></a> <b:else/> <data:post.title/> </b:if> </b:if>
</h2>
</b:if>
<b:else/>
<h1 class='post-title entry-title'> <b:if cond='data:post.link'> <a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a> <b:else/> <b:if cond='data:post.url'> <a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a> <b:else/> <data:post.title/> </b:if>
</b:if>
</h1>
</b:if>

<div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id' itemprop='articleBody'>
<data:post.body/>
</div>
<div class='clear'/>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
<div style='float:right; text-align:right;'><a class='croot' expr:href='data:post.url'> Read More &#187; </a></div><div style='float:right; margin-right:8px'><b:if cond='data:post.allowComments'> <a class='croot' 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 &gt; 1'> <data:post.numComments/> Comments </b:if> </a> </b:if></div>

<div class='info'>Oleh : <span class='writter'><span class='vcard'><span class='hcard'> <span class='fn n'> <span class='given-name'><data:post.author/></span></span></span></span></span> / Label :<span class='kategori'><b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url + &quot;?&amp;max-results=8&quot;' rel='nofollow'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
</b:loop>
</b:if></span><div class='clear'/>
</div>

<div class='clear'/>
</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div itemprop='articleBody'>
<data:post.body/>
</div>
<div class='clear'/>

<div class='pesan'>Anda baru saja membaca artikel yang berkategori <b:loop values='data:post.labels' var='label'><b><data:label.name/></b><b:if cond='data:label.isLast != &quot;true&quot;'> /</b:if> </b:loop> dengan judul <span style='color:red;'><strong><data:blog.pageName/></strong></span>. Anda bisa bookmark halaman ini dengan URL <span style='color:green;'><b><data:post.url/></b></span>. Terima kasih!
</div>

<div class='clear'/>
<div class='sharing'>
<span class='st_facebook_hcount' displayText='Facebook'/> <span class='st_twitter_hcount' displayText='Tweet'/> <span class='st_linkedin_hcount' displayText='LinkedIn'/> <span class='st_email_hcount' displayText='Email'/> <span class='st_sharethis_hcount' displayText='ShareThis'/> <span><g:plusone size='medium'/></span></div>
<div class='clear'/>
<div id='related_posts'>
<h4>Artikel yang berhubungan dengan <a expr:href='data:post.url' expr:title='data:blog.pageName'><data:blog.pageName/></a> :</h4>
<b:loop values='data:post.labels' var='label'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=relpostimgcuplik&amp;max-results=20&quot;' type='text/javascript'/>
</b:loop>
<a href='http://modification-blog.blogspot.com/' style='display:none;'>Related Posts with thumbnails and summary post for blogger</a>
<ul id='relpost_img_sum'>
<script type='text/javascript'>artikelterkait();</script>
</ul>
</div>
<div id='at-gambar'>
<b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast != &quot;true&quot;'> </b:if> <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=999&quot;' type='text/javascript'/> </b:loop> <script type='text/javascript'> removeRelatedDuplicates_thumbs(); printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;); </script>
</div>

<div class='clear'/>
<div style='margin:13px 0px 8px; font-size:13px; text-align:left;'>
Ditulis oleh: <span class='vcard' id='hcard'> <span class='fn n'> <span class='given-name'><data:post.author/></span></span></span> - <b:if cond='data:post.dateHeader'><abbr class='updated published' expr:title='data:post.timestampISO8601'><data:post.dateHeader/></abbr></b:if>
</div>
</b:if>
</b:if>
</div>

</div>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>

<b:if cond='data:mobile'>
<h4 id='comment-post-message'>
<a expr:id='data:widget.instanceId + &quot;_comment-editor-toggle-link&quot;' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
<b:else/>

<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
</script>
</div>
</b:includable>
<b:includable id='threaded_comments' var='post'>
<div class='comments' id='comments'> <a name='comments'/><h4><b:if cond='data:post.numComments == 0'> Belum ada komentar untuk &quot;<data:blog.pageName/>&quot;</b:if><b:if cond='data:post.numComments == 1'> 1 Komentar untuk &quot;<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> </h4>
<div class='comments-content'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='threaded_comment_js'/>
</b:if>
<div id='comment-holder'>
<data:post.commentHtml/>
</div>
</div>

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

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

<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
<b: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='mobile-nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<div class='mobile-link-button' id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'>&amp;lsaquo;</a>
</div>
</b:if>

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

<div class='mobile-link-button' id='blog-pager-home-link'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</div>

<div class='mobile-desktop-link'>
<a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
</div>

</div>
<div class='clear'/>
</b:includable>
<b:includable id='mobile-post' var='post'>
<div class='date-outer'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>
<div class='date-posts'>
<div class='post-outer'>

<div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='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: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' itemprop='articleBody'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<b:if cond='data:post.authorProfileUrl'>
<span class='fn'>
<a expr:href='data:post.authorProfileUrl' itemprop='author' rel='author' title='author profile'>
<data:post.author/>
</a>
</span>
<b:else/>
<span class='fn'><data:post.author/></span>
</b:if>
</b:if>
</span>

<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url' itemprop='url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span>

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

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

</div>
</div>

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</div>
</div>
</div>
</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.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='breadcrumb' var='posts'> <b:if cond='data:blog.homepageUrl != data:blog.url'>

<!-- halaman statik -->
<b:if cond='data:blog.pageType == &quot;static_page&quot;'> <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> &#187; <span><data:blog.pageName/></span></div>
<b:else/>

<!-- halaman posting -->
<b:if cond='data:blog.pageType == &quot;item&quot;'> <b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs'><span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:blog.homepageUrl' itemprop='url'><span itemprop='title'>Home</span></a></span> &#187; <b:loop values='data:post.labels' var='label'><span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:label.url + &quot;?&amp;max-results=8&quot;' itemprop='url'><span itemprop='title'><data:label.name/></span></a></span><b:if cond='data:label.isLast != &quot;true&quot;'> &#187; </b:if> </b:loop> &#187; <span><data:post.title/></span>
</div>
<b:else/>

<!-- tanpa label -->
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> &#187; <span>Tanpa kategori</span> &#187; <span><data:post.title/></span></div> </b:if>
</b:loop>
<b:else/>

<!-- halaman arsip -->
<b:if cond='data:blog.pageType == &quot;archive&quot;'><div class='breadcrumbs'> <span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> &#187; <span>Arsip untuk bulan <data:blog.pageName/></span> </div> <b:else/>

<!-- halaman pencarian -->
<b:if cond='data:blog.searchQuery'><div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> &#187; <span><data:blog.pageName/></span></div>
<b:else/>

<!-- halaman index selain home -->
<b:if cond='data:blog.pageType == &quot;index&quot;'> <div class='breadcrumbs'> <b:if cond='data:blog.pageName == &quot;&quot;'> <span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> &#187; <span>Semua post</span>
<b:else/>

<!-- halaman label -->
<span><a expr:href='data:blog.homepageUrl' rel='nofollow'>Home</a></span> &#187; <span>Semua post berkategori <data:blog.pageName/></span> </b:if>
</div>

</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='main' var='top'> <b:include data='posts' name='breadcrumb'/>

<b:if cond='data:mobile == &quot;false&quot;'>

<!-- posts -->
<div class='blog-posts hfeed'>

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

<data:defaultAdStart/>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.isDateStart'>
<b:if cond='data:post.isFirstPost == &quot;false&quot;'>
&lt;/div&gt;&lt;/div&gt;
</b:if>
</b:if>
<b:if cond='data:post.isDateStart'>
&lt;div class=&quot;date-outer&quot;&gt;
</b:if>
<b:if cond='data:post.isDateStart'>
&lt;div class=&quot;date-posts&quot;&gt;
</b:if>
<div class='post-outer'>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</div>
<b:if cond='data:post.includeAd'>
<b:if cond='data:post.isFirstPost'>
<data:defaultAdEnd/>
<b:else/>
<data:adEnd/>
</b:if>
<div class='inline-ad'>
<data:adCode/>
</div>
<data:adStart/>
</b:if>
</b:loop>
<b:if cond='data:numPosts != 0'>
&lt;/div&gt;&lt;/div&gt;
</b:if>
<data:adEnd/>
</div>

<!-- navigation -->
<b:include name='nextprev'/>

<!-- feed links -->
<b:include name='feedLinks'/>

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

<b:else/>
<b:include name='mobile-main'/>
</b:if>

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

</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='&quot;item-control &quot; + data:comment.adminClass'>
<b:if cond='data:showCmtPopup'>
<div class='goog-toggle-button'>
<div class='goog-inline-block comment-action-icon'/>
</div>
<b:else/>
<a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
<img src='//www.blogger.com/img/icon_delete13.gif'/>
</a>
</b:if>
</span>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != &quot;item&quot;'> <!-- Blog feed links -->
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>

<b:else/> <!--Post feed links -->
<div class='post-feeds'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.feedLinks'>
<b:include data='post.feedLinks' name='feedLinksBody'/>
</b:if>
</b:if>
</b:loop>
</div>
</b:if>
</b:includable>
<b:includable id='threaded-comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<b:if cond='data:mobile'>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
<b:else/>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
</script>
</div>
</b:includable>
<b:includable id='mobile-index-post' var='post'>
<div class='mobile-date-outer date-outer'>
<b:if cond='data:post.dateHeader'>
<div class='date-header'>
<span><data:post.dateHeader/></span>
</div>
</b:if>

<div class='mobile-post-outer'>
<a expr:href='data:post.url'>
<h3 class='mobile-index-title entry-title' itemprop='name'>
<data:post.title/>
</h3>

<div class='mobile-index-arrow'>&amp;rsaquo;</div>

<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:if>

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

<div style='clear: both;'/>
</a>




<div class='mobile-index-comment'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.numComments != 0'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</b:if>
</div>
</div>
</div>
</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' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>
</b:includable>
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4> <b:if cond='data:post.numComments == 0'> Belum ada komentar untuk &quot;<data:blog.pageName/>&quot;</b:if> <b:if cond='data:post.numComments == 1'> 1 Komentar untuk &quot;<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> </h4>
<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 expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'>
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
<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' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
<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'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>
</div>

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

<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='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>

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

<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + &quot;_backlinks-container&quot;'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<!-- main closed -->

<!-- sidebar open -->
<div id='sidebar'>

<b:section class='sidebar' id='sidebar-top' preferred='yes'>
<b:widget id='PopularPosts3' locked='false' title='Entri Populer' type='PopularPosts'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
<ul>
<b:loop values='data:posts' var='post'>
<li>
<b:if cond='data:showThumbnails == &quot;false&quot;'>
<b:if cond='data:showSnippets == &quot;false&quot;'>
<!-- (1) No snippet/thumbnail -->
<a expr:href='data:post.href'><data:post.title/></a>
<b:else/>
<!-- (2) Show only snippets -->
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</b:if>
<b:else/>
<b:if cond='data:showSnippets == &quot;false&quot;'>
<!-- (3) Show only thumbnails -->
<div class='item-thumbnail-only'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
</div>
<div style='clear: both;'/>
<b:else/>
<!-- (4) Show snippets and thumbnails -->
<div class='item-content'>
<b:if cond='data:post.thumbnail'>
<div class='item-thumbnail'>
<a expr:href='data:post.href' target='_blank'>
<img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
</a>
</div>
</b:if>
<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
<div class='item-snippet'><data:post.snippet/></div>
</div>
<div style='clear: both;'/>
</b:if>
</b:if>
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
<div class='clear'/>
<b:section class='sidebar' id='sidebar-bottom' preferred='yes'>
<b:widget id='Followers1' locked='false' title='Pengikut' type='Followers'>
<b:includable id='main'>
<b:if cond='data:title != &quot;&quot;'>
<b:if cond='data:codeSnippet != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
<b:else/>
<b:if cond='data:totalFollowerCount != &quot;&quot;'>
<h2 class='title'><data:title/> (<data:totalFollowerCount/>)</h2>
</b:if>
</b:if>
</b:if>
<div class='widget-content'>
<div expr:id='data:widget.instanceId + &quot;-wrapper&quot;'>
<b:if cond='data:codeSnippet != &quot;&quot;'>
<div style='margin-right:2px;'>
<data:codeSnippet/>
</div>
<b:else/>
<b:if cond='data:totalFollowerCount == &quot;&quot;'>
<span class='item-control following-not-admin'>
<b><data:failureSnippet/></b>
</span>
<span class='item-control blog-admin'>
<b><data:adminFailureSnippet/></b>
</span>
<b:else/>
<b:if cond='data:followingLinkPresent'>
<div class='follow-this profile-link item-control following-follow-this'>
<a expr:href='&quot;javascript:_FollowersView._openPopup(&quot;&quot; + data:followUri + &quot;&quot;);&quot;'>
<data:followThisMessage/>
</a>
</div>
<div class='follow-this profile-link item-control following-stop-following-this'>
<a expr:href='&quot;javascript:_FollowersView._openPopup(&quot;&quot; + data:followUri + &quot;&quot;);&quot;'>
<data:stopFollowingMessage/>
</a>
</div>
</b:if>

<div class='followers-grid'>
<b:if cond='data:totalFollowerCount == 0'>
<div class='profile-link item-control following-follow-this'>
<data:emptyFollowersMessage/>
</div>
</b:if>
<!--
Relies on the js written out in navbar.gxp
-->
<b:loop values='data:followers' var='follower'>
<div class='follower'>
<a expr:href='data:follower.profileUrl' expr:title='data:follower.displayName' rel='nofollow'>
<img class='follower-img' expr:alt='data:follower.displayName' expr:height='data:follower.imageHeight' expr:onerror='&quot;this.onerror=null;this.src=&quot;&quot; + data:anonFollowerImageUrl + &quot;&quot;;&quot;' expr:onload='&quot;setAttributeOnload(this, &quot;src&quot;, &quot;&quot; + data:follower.imageUrl + &quot;&quot;)&quot;' expr:width='data:follower.imageWidth' src='http://img1.blogblog.com/img/blank.gif'/>
</a>
</div>
</b:loop>
<div class='clear'/>
</div>

<div class='followers-canvas profile-link'>
<data:followersFooterMessage/>
<span class='item-control following-not-admin'>
<a expr:href='data:followersUri'>
<data:viewAllMessage/>
</a>
</span>
<span class='item-control blog-admin'>
<a expr:href='data:manageFollowersUri'>
<data:manageFollowersMessage/>
</a>
</span>
</div>
</b:if>
</b:if>
</div>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='Label2' locked='false' title='Label' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='&quot;widget-content &quot; + data:display + &quot;-label-widget-content&quot;'>
<b:if cond='data:display == &quot;list&quot;'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<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='&quot;label-size label-size-&quot; + data:label.cssSize'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<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>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='BlogArchive1' locked='false' title='Arsip Blog' type='BlogArchive'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
<b:if cond='data:style == &quot;HIERARCHY&quot;'>
<b:include data='data' name='interval'/>
</b:if>
<b:if cond='data:style == &quot;FLAT&quot;'>
<b:include data='data' name='flat'/>
</b:if>
<b:if cond='data:style == &quot;MENU&quot;'>
<b:include data='data' name='menu'/>
</b:if>
</div>
</div>
<b:include name='quickedit'/>
</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='menu' var='data'>
<select expr:id='data:widget.instanceId + &quot;_ArchiveMenu&quot;'>
<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/>)</option>
</b:loop>
</select>
</b:includable>
<b:includable id='interval' var='intervalData'>
<b:loop values='data:intervalData' var='i'>
<ul class='hierarchy'>
<li expr:class='&quot;archivedate &quot; + 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='toggle' var='interval'>
<b:if cond='data:interval.toggleId'>
<b:if cond='data:interval.expclass == &quot;expanded&quot;'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy toggle-open'>&#9660;&#160;</span>
</a>
<b:else/>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
<b:if cond='data:blog.languageDirection == &quot;rtl&quot;'>
&#9668;&#160;
<b:else/>
&#9658;&#160;
</b:if>
</span>
</a>
</b:if>
</b:if>
</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:widget>
</b:section>

</div>
<!-- sidebar closed -->

</div>
<!-- content-wrapper closed -->
<div class='clear'/>
<div id='footer'>Copyright
&#169; 2012 <a expr:href='data:blog.homepageUrl' rel='copyright'><data:blog.title/></a> | Design by <!-- Credit Link --> <a href='http://www.mas-sugeng.com' target='_blank' title='Blog Mas Sugeng'>Mas Sugeng</a> <!-- Credit Link End --> Converted by <a href='http://www.kapukonline.com' target='_blank' title='Kang Kapuk'>Kang Kapuk</a> | Powered by <a href='http://www.blogger.com' rel='nofollow' target='_blank'>Blogger</a>
</div>
<!-- footer closed -->

</div></div>
<!-- wrapper closed -->

<!-- Script Navigasi Bernomor By Abu Farhan -->
<b:if cond='data:blog.pageType != &quot;item&quot;'> <script type='text/javascript'> var pageCount=5; var displayPageNum=3; var upPageWord =&#39;Previous&#39;; var downPageWord =&#39;Next&#39;; </script> <script src='http://mas-sugeng.googlecode.com/files/pagenav.js' type='text/javascript'/> </b:if>
<!-- Script Navigasi Bernomor End -->

</body>
</HTML>

Dengan memasukan alamat email dibawah ini, berarti anda akan dapat kiriman artikel terbaru dari kapukonline.com GRATIS di inbox email anda

Artikel terkait :

0 komentar "Struktur Template Blogspot ini", Baca atau Masukkan Komentar


Posting Komentar

Bawah Kiri

Bawah Tengah

Bawah Kanan