Template Blog
Template Blog
>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<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/2005/gml/data'
xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/></title>
<b:else/><b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if></b:if>
<b:else/>
</b:if> <b:skin><![CDATA[/*
----,------------------------------------------
.PopularPosts img {padding-right: 0;border-top-left-radius: 10px;border-top-
right-radius: 10px;border-bottom-right-radius: 50px;border-bottom-left-radius:
50px;-moz-border-radius-topleft:50px;-moz-border-radius-topright:50px;-moz-
border-radius-bottomright:50px;-moz-border-radius-bottomleft:50px;-webkit-
border-top-left-radius:50px;-webkit-border-top-right-radius:50px;-webkit-
border-bottom-right-radius:50px;-webkit-border-bottom-left-radius:50px;box-
shadow: 0 0px 20px 5px #ccc;} .PopularPosts .item-title {padding-
bottom: .2em;font-weight: bold;} .breadcrumbs {padding:5px 5px 5px 0px;margin:
0px 0px 15px 0px;font-size:90%;line-height: 1.4em;border-bottom:1px dotted
#333;}
#navbar-iframe{display:none;}
/* wrapper */
#wrapper{width:920px;padding:10px 0 0 0;margin:0
auto;overflow:hidden;background:#fff;box-shadow: 0 0px 15px 0px #fff;}
/* Header */
.header{width:880px;margin:0 0px 0px 20px;position:relative;height:100px;}
h1.logo{margin:10px 0 0 0;padding:0;width:600px;font-size:200%;}
h1.logo a {padding:0 0 0 5px;width:600px;text-
transform:uppercase;color:#000;}h1.logo a:hover {text-decoration:none;}
headerleft{width:600px;float:left;font-
size:14px;margin:0;padding:0}.headerleft a img{border:none;margin-left:10px}
#Label1 h3 {
display: none;
}
/* Top Menu atas */
.menuatas{width:880px;margin:0 20px;border:1px solid
#306319;background:#306319;overflow:hidden;}
/**/ * html .menu{height:1%;} /* */
.menuatas ul{float:left;padding:3px;}
.menuatas li{display:inline;font-weight:bold;float:left;list-style:none;}
.menuatas li ul{display:none;}
.menuatas li a{color:#ffffff;padding:4px 10px 5px 10px;display:block;padding-
left:10px;margin-right:2px;float:left;}
.menuatas li a:hover{background:#fff;color:#306319;text-
decoration:none;border-radius: 15px 15px 15px 15px;}
/* Top Menu */
.menu{width:880px;margin:0 20px;border:1px solid
#306319;background:#306319;overflow:hidden;}
/**/ * html .menu{height:1%;} /* */
.menu ul{float:left;padding:3px;}
.menu li{display:inline;font-weight:bold;float:left;}
.menu li ul{display:none;}
.menu li a{color:#ffffff;padding:4px 10px 5px 10px;display:block;padding-
left:10px;margin-right:2px;float:left;}
.menu li a:hover{background:#fff;color:#306319;text-decoration:none;}
.topadsense{width:860px;margin:0 20px;background:#f1f1f1;border-top:1px solid
#eee;border-right:1px solid #ccc;border-left:1px solid #ccc;border-bottom:1px
solid #ccc;padding:4px 10px 5px 10px;color:#000;}
/* layout */
#main{background:#fff;}
#content{margin:0;width:550px;float:left;margin:0;padding:0 10px 0 20px; line-
height:1.6;border-right:1px solid #ccc;text-align: justify;}
.post{padding:0;border-bottom:1px dotted #ccc}
#sidebarwrap{width:300px; float:left;padding:0 20px 0 15px;margin:0;}
/* CONTENT */
#content h1{margin-bottom:10px;margin-top:10px;}
#content h1 a{color:#000;text-decoration:none;}
#content h1 a:hover{color:#333;text-decoration:none;}
#content h2{margin-bottom:10px;margin-top:10px;}
#content h2 a{color:#000;text-decoration:none;}
#content h2 a:hover{color:#333;text-decoration:none;}
#content h3{margin-bottom:10px;margin-top:10px;}
#content h3 a{color:#000;text-decoration:none;}
#content h3 a:hover{color:#333;text-decoration:none;}
#content h4{margin-bottom:10px;margin-top:10px;}
#content h4 a{color:#000;text-decoration:none;}
#content h4 a:hover{color:#333;text-decoration:none;}
#content h5{margin-bottom:10px;margin-top:10px;}
#content h5 a{color:#000;text-decoration:none;}
#content h5 a:hover{color:#333;text-decoration:none;}
#content h6{margin-bottom:10px;margin-top:10px;}
#content h6 a{color:#000;text-decoration:none;}
#content h6 a:hover{color:#323;text-decoration:none;}
.post{padding-bottom:20px;}
.post ul{list-style:none;margin:10px 0;}
.post ul li{padding-left:23px;position:relative;background:transparent
url(http://2.bp.blogspot.com/-23BeX2HSLzs/T8W9JN201ZI/AAAAAAAABt4/121WoszbotQ/
s000/libg300.png) no-repeat scroll left -1px;margin-left:10px;}
.post ol {padding:10px 0;}
.post ol li{margin:0 0 0 35px;position:relative;}
/* Bookmark */
.bookmark{margin-top:10px;border:1px solid #ccc;background:#f5f5f5;box-shadow:
0 2px 5px 2px #ddd;}
.bookmark h4{color:#666;border-bottom:solid 1px #eee;padding:0;margin-
bottom:10px;padding-left:10px;}
.bookmark img{}
.book{float:left;margin:0 11px 0 0;padding:1px;border:1px solid
#eee;background:#ffffff;}
.booklast{float:left;margin:0;padding:1px;border:1px solid
#eee;background:#ffffff;}
/* Label */
#sidebarwrap .Label ul{padding:0;margin:0;}
#sidebarwrap .Label ul li{list-style:none;padding:3px 0 3px 23px;line-
height:15px;background:transparent
url(http://4.bp.blogspot.com/-Ws6kOh2wWsE/T8W9ImxCtgI/AAAAAAAABtg/
qYg2_69VLRk/s000/archives.gif) 1px 4px no-repeat;}
/* Footer */
.footer{background:#a8f884;padding:10px;overflow:hidden;border-top:1px solid
#66bbdd;box-shadow: 10px 10px 10px 5px #fff;}
.footer p{padding:1px 0;color:#666;font-size:11px;}
.footer p a, .footer p a:visited, .footer p a:hover{color:#666;font-
weight:normal;text-decoration:none;}
/* Clear fix */
.clearfix:after{clear:both;display:block;content:".";height:0;visibility:hidde
n;}
.clearfix{display:inline-table;}
/* Comments
----------------------------------------------- */
#comments-block {
line-height:1.6em;
margin:1em 0 1.5em;
}
#comments-block .comment-author {
background: #EEE;border-top: 1px solid #DDD;margin: 0.5em 0;padding:
3px;color: #333;
}
#comments-block .comment-body {
margin-top:0;
padding-left:0;
padding-top:10px;
}
#comments-block .comment-body p {
color: #333;text-align: justify;margin: 0 0 0.75em;margin-top: 0px;margin-
right: 0px;margin-bottom: 0.75em;margin-left: 0px;padding-left: 10px;border-
left: 3px solid #DDD;
}
.deleted-comment {
color:gray;
font-style:italic;
}
#blog-pager-newer-link {
float: left;
}
#blog-pager-older-link {
float: right;
}
#blog-pager {
margin-top: 20px;
padding-top:10px;
text-align: center;
height:20px;
}
.feed-links {
margin-top: 10px;
clear: both;
line-height: 2.5em;
}.comments .avatar-image-container img {width: 36px;height: 36px;background-
color: transparent;
background-image:
url(http://1.bp.blogspot.com/-R6p4_7ZoD9U/T8W9LIna31I/AAAAAAAABuo/kI6fPb9-
X1I/s000/anonim-c.png);background-repeat: no-repeat;background-attachment:
scroll;background-position: center top;}
.clear{clear:both;}
/* Sponsor */
#sidebarwrap .sponsorkpadding:3px 0;marfin:0;text-align:center;border:#ccc 1px
solid;}
#sidebarwrap .sponsor img{padding:5px;margin:3px;border:#ddd 1px
solid;background:#fefefe;}
/* FORM */
.inputbox{padding:3px;font-f`mily:Tahoma, Arial, sans-serif;font-size:100%;}
.inputbox{background:#FFFFFF;color:#000;border: 1px solid #999;}
.button{padding:2px 5px;border: 1px solid #999; color: #000; background:#eee;}
/* Page Navi */
.showpageArea a {
text-decoration:underline;
}
.showpageNum a {
text-decoration:none;
border: 1px solid #cccccc;
margin:0 3px;
padding:3px;
}
.showpageNum a:hover {
border: 1px solid #cccccc;
background-color:#cccccc;
}
.showpagePoint {
color:#333;
text-decoration:none;
border: 1px solid #cccccc;
background: #cccccc;
margin:0 3px;
padding:3px;
}
.showpageOf {
text-decoration:none;
padding:3px;
margin: 0 3px 0 0;
}
.showpage a {
text-decoration:none;
border: 1px solid #cccccc;
padding:3px;
}
.showpage a:hover {
text-decoration:none;
}
.showpageNum a:link,.showpage a:link {
text-decoration:none;
color:#333333;
}
]]></b:skin>
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="float:left; padding:0px 10px 5px
0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px"
height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}
//]]>
</script>
<body>
<div id='wrapper'>
<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == "REPLACE"'>
<!--Show just the image, no text-->
<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 + "_headerimg"'
expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a>
</div>
<b:else/>
<!--
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 rhrink 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.
-->
<div expr:style='"background-image: url(\"" +
data:sourceUrl + "\"); " +
"background-position: " +
data:backgroundPositionStyleStr + "; " +
data:widthStyleStr + "min-height: " +
data:height + "px;" + "_height: " +
data:height + "px;" + "background-repeat:
no-repeat; "' id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='logo' style='background: transparent; border-width:
0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
<b:else/>
<!--No header image -->
<div id='header-inner'>
<div class='titlewrapper'>
<b:if cond='data:blog.pageType == "item"'>
<h4 class='logo'><b:include name='title'/></h4>
<b:else/><b:if cond='data:blog.pageType == "index"'>
<h1 class='logo'><b:include name='title'/></h1>
<b:else/>
<h1 class='logo'><b:include name='title'/></h1>
</b:if>
</b:if>
</div>
<b:include name='description'/>
</div>
</b:if>
</b:includable>
</b:widget>
</b:section>
</div>
<!-- header END -->
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl'
expr:id='data:widget.instanceId + "_blog-pager-older-link"'
expr:title='data:olderPageTitle'>« <data:olderPageTitle/></a>
</span>
</b:if>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='shareButtons' var='post'>
<b:if cond='data:post.sharePostUrl'>
<a class='share-button sb-email' expr:href='data:post.sharePostUrl +
"&target=email"' expr:title='data:top.emailThisMsg'
target='_blank'>
<span
class='share-button-link-text'><data:top.emailThisMsg/></span></a>
<a class='share-button sb-blog' expr:href='data:post.sharePostUrl +
"&target=blog"' expr:onclick='"window.open(this.hrdf, \
"" + data:top.blogThisMsg + "\", \
"height=270,width=475\"); return false;"'
expr:title='data:top.blogThisMsg' target='_blank'>
<span
class='share-button-link-text'><data:top.blogThisMsg/></span></a>
<a class='share-button sb-twitter' expr:href='data:post.sharePostUrl +
"&target=twitter"' expr:title='data:top.shareToTwitterMsg'
target='_blank'>
<span
class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a>
<a class='share-button sb-facebook' expr:href='data:post.sharePostUrl +
"&target=facebook"'
expr:onclick='"window.open(this.href, \"" +
data:top.shareToFacebookMsg + "\", \"height=430,width=640\
"); return false;"' expr:title='data:top.shareToFacebookMsg'
target='_blank'>
<span
class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a>
<a class='share-button sb-buzz' expr:href='data:post.sharePostUrl +
"&target=buzz"' expr:onclick='"window.open(this.href, \
"" + data:top.rhareToBuzzMsg + \", \
"height=415,width=690\"); return false;"'
expr:title='data:top.shareToBuzzMsg' target='_blank'>
<span
class='share-button-link-text'><data:top.shareToBuzzMsg/></span></a>
</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'> </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 + "_backlinks-create-link"'
target='_blank'><data:post.createLinkLabel/></a>
</p>
</b:includable>
<b:includable id='threaded_comment_js' var='post'>
<script defer='defer' expr:src='data:post.commentSrc'
type='text/javascript'/>
<script type='text/javascript'>
(function() {
var items = <data:post.commentJso/>;
var msgs = <data:post.commentMsgs/>;
var postId = '<data:post.id/>';
var feed = '<data:post.commentFeed/>';
var authorName = '<data:post.author/>';
var authorUrl = '<data:post.authorUrl/>';
var blogId = '<data:top.id/>';
var baseUri = '<data:post.commentBase/>';
var maxThreadDepth = '<data:post.commentMaxThreadDepth/>';
// <![CDATA[
feed += '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
var cursor = null;
if (items && items.length > 0) {
cursor = parseInt(items[items.length - 1].timestamp) + 1;
}
<b:include name='mobile-nextprev'/>
</b:includable>
<b:includable id='post' var='post'>
<div class='post'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<b:if cond='data:blog.pageType == "item"'>
<h1><a expr:href='data:post.url'><data:post.title/></a></h1>
<b:else/><b:if cond='data:blog.pageType == "index"'>
<h2><a expr:href='data:post.url'><data:post.title/></a></h2>
<b:else/>
<h2><a expr:href='data:post.url'><data:post.title/></a></h2>
</b:if>
</b:if>
</b:if>
<div class='post-header-line-1'/>
<div class='info'>
<span class='author'>Posted by
<strong><data:post.author/></strong></span>
<span class='date'><data:post.dateHeader/></span>
<span class='commentnum'>
<b:if cond='data:post.numComments == 1'><strong>1</strong>
<data:top.commentLabel/><b:else/><strong><data:post.numComments/></strong>
<data:top.commentLabelPlural/></b:if> </span>
<div class='clear'/>
</div>
</div>
</b:if>
<!-- end adsense content top -->
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType != "item"'>
<div class='adsensecontenbotton'>
</div>
</b:if>
<!-- End Adsense Content bottom of article --> <div class='post-footer'>
</span>
</b:if>
</div>
<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 + "_backlinks-container"'>
<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='"item-control " + data:backlink.adminClass'>
<a expr:href='data:backlink.deleteUrl'
expr:title='data:top.deleteBacklinkMsg'>
<img src='http://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 + "_blog-pager-newer-link"'
expr:title='data:newerPageTitle'>&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 + "_blog-pager-older-link"'
expr:title='data:olderPageTitle'>&rsaquo;</a>
</div>
</b:if>
<div class='mobile-desktop-link'>
<a class='home-link'
expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
</div>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='mobile-post' var='post'>
<div class='date-outer'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>
<div class='date-posts'>
<div class='post-outer'>
<div class='post hentry uncustomized-post-template'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
<div class='post-header'>
<div class='post-header-line-1'/>
</div>
<div class='post-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' 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'
rel='bookmark' title='permanent link'><abbr class='published'
expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span>
<span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<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>
</div>
<data:defaultAdStart/>
<b:loop values='data:posts' var='post'>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "static_page"'>
<b:include data='post' name='comments'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comments'/>
<b:if cond='data:top.showStars'>
<script src='http://www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>
google.load("annotations", "1",
{"locale": "<data:top.languageCode/>"});
function initialize() {
google.annotations.setApplicationId(<data:top.blogspotReviews/>);
google.annotations.createAll();
google.annotations.fetch();
}
google.setOnLoadCallback(initialize);
</script>
</b:if>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<a expr:href='data:comment.deleteUrl'
expr:title='data:top.deleteCommentMsg'>
<img src='http://www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links
-->
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>
<div class='mobile-post-outer'>
<a expr:href='data:post.url'>
<h3 class='mobile-index-title entry-title'>
<data:post.title/>
</h3>
<div class='mobile-index-arrow'>&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 != "static_page"'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.numComments != 0'>
<a class='comment-link' expr:href='data:post.addCommentUrl'
expr: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='iframe_comments' var='post'>
<b:if cond='data:post.allowIframeComments'>
<script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
<div class='cmt_iframe_holder'/>
</b: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 == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</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>
 
<a expr:class='data:post.oldLinkClass'
expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
 
<data:post.commentRangeText/>
 
<a expr:class='data:post.newLinkClass'
expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
 
<a expr:class='data:post.newLinkClass'
expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
</span>
</b:if>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass'
expr:href='data:post.oldestLinkUrl'>
<data:post.oldestLinkText/>
</a>
<a expr:class='data:post.oldLinkClass'
expr:href='data:post.olderLinkUrl'>
<data:post.olderLinkText/>
</a>
 
<data:post.commentRangeText/>
 
<a expr:class='data:post.newLinkClass'
expr:href='data:post.newerLinkUrl'>
<data:post.newerLinkText/>
</a>
<a expr:class='data:post.newLinkClass'
expr:href='data:post.newestLinkUrl'>
<data:post.newestLinkText/>
</a>
</span>
</b:if>
<p class='comment-footer1'>
<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:pnst.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>
</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>
<!-- Content End -->
<!-- Sidebar Start -->
<div id='sidebarwrap'>
<div style='margin:0; padding:0'>
<div id='e-searchbox'>
<form expr:action='data:blog.homepageUrl + "search/"' id='e-
searchform' method='get'>
<input id='e' name='q' type='text' value=''/>
<input id='ebutton' src='http://4.bp.blogspot.com/-jpu68N3VKUc/T8W9OM-
PdcI/AAAAAAAABvw/1VdB3y1OlZU/s000/blank.gif' type='image'/>
</form>
</div> <b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Profile1' locked='false' title='Mengenai Saya' type='Profile'>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<b:if cond='data:team == "true"'> <!-- team blog profile -->
<ul>
<b:loop values='data:authors' var='i'>
<li><a class='profile-name-link' expr:href='data:i.userUrl'
expr:style='"background-image: url(" + data:i.profileLogo +
");"'><data:i.display-name/></a></li>
</b:loop>
</ul>
<dl class='profile-datablock'>
<dt class='profile-data'>
<a class='profile-name-link' expr:href='data:userUrl'
expr:style='"background-image: url(" + data:profileLogo +
");"' rel='author'>
<data:displayname/>
</a>
</dt>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='PopularPosts1' locked='false' title='Popular Posts'
type='PopularPosts'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content popular-posts'>
<ul>
<b:loop values='data:posts' var='post'>
<li>
<b:if cond='data:showThumbnails == "false"'>
<b:if cond='data:showSnippets == "false"'>
<!-- (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 == "false"'>
<!-- (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: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 + "_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>
<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 + "_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/>)</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='"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='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: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:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'>
<b:includable id='main'><script type="text/javascript">
function setAttributeOnload(object, attribute, val) {
if(window.addEventListener) {
window.addEventListener('load',
function(){ object[attribute] = val; }, false);
} else {
window.attachEvent('onload', function(){ object[attribute] =
val; });
}
}
</script>
<div id="navbar-iframe-container"></div>
<script type="text/javascript"
src="https://apis.google.com/js/plusone.js"></script>
<script type="text/javascript">
gapi.load("iframes-styles-bubble", function() {
if (window.iframes && iframes.open) {
iframes.open(
'//www.blogger.com/navbar.g?targetBlogID\
0754295185242491104811\46blogName\75Simple+Green+Slider\46publishMode\
75PUBLISH_MODE_BLOGSPOT\46navbarType\75LIGHT\46layoutType\75LAYOUTS\
46searchRoot\75http://simplegreenslider.blogspot.com/search\46blogLocale\
75in\46v\0752\46homepageUrl\75http://simplegreenslider.blogspot.com/\46vt\75-
5006542364483448984',
{
container: "navbar-iframe-container",
id: "navbar-iframe"
},
{
});
}
});
</script><script type="text/javascript">
(function() {
var script = document.createElement('script');
script.type = 'text/javascript';
script.src =
'//pagead2.googlesyndication.com/pagead/js/google_top_exp.js';
var head = document.getElementsByTagName('head')[0];
if (head) {
head.appendChild(script);
}})();
</script>
</b:includable>
</b:widget>
</b:section>
<div class='module'>
<div style='margin:0; padding:0; width:120px;float:left;'>
<b:section class='sidebar' id='sidebar1' preferred='yes'/>
</div>
<div style='margin:0; padding:0 0px 0 10px; width:170px;float:left;'>
<b:section class='sidebar' id='sidebar2' preferred='yes'/>
</div>
<div style='clear:both;'/>
</div>
</div>
<div style='padding:15px; text-align:center'>
<span style='color: #999; font-size: 11px'><a
href='http://trikmudahseo.blogspot.com/2013/02/cara-membuat-email-google-
gmail-baru.html' style='color: #999'>Buat Email</a> | Copyright of <a
expr:href='data:blog.homepageUrl' style='color:
#999'><data:blog.title/></a>.</span></div>
</div>
<!-- Sidebar End -->
<div style='clear:both;'/>
</div>
<!-- Main End -->
<div id='bamzlower'>
<div id='bamzlower-wrapper'>
<div id='bamzlowerbar-wrapper'>
<b:section class='bamzlowerbar' id='bamzlowerbar1' preferred='yes'/>
</div>
<div id='bamzlowerbar-wrapper'>
<b:section class='bamzlowerbar' id='bamzlowerbar2' preferred='yes'/>
</div>
<div id='bamzlowerbar-wrapper'>
<b:section class='bamzlowerbar' id='bamzlowerbar3' preferred='yes'/>
</div>
<div id='bamzlowerbar-wrapper'>
<b:section class='bamzlowerbar' id='bamzlowerbar4' preferred='yes'/>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>
<!--End Footer-->
</div>
<!--Page Navigasi-->
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<script type='text/javascript'>
var pageCount=4;
var displayPageNum=5;
var upPageWord ='Previous';
var downPageWord ='Next';
</script>
<script src='http://blogergadgets.googlecode.com/files/blogger-page-
navi.v1.js' type='text/javascript'/>
</b:if>
</b:if>
<!--Page Navigasi -->
</body>
</html>