Blog Ubah Template

Haayy....Silahkan yg mau template ini,tp sy harap,link footernya jangan dihapus yaa...Terimakasih atas pengertiannya..

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

<!DOCTYPE html>

<html b:version='2' class='v2' 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>

<meta content='ytP1-VQfvZKtySHaQvp3qclzxzh2mu2NbNFPwlDbaAo' name='google-site-verification'/>

<meta content='C12D4831E2569668737B2AF67A9F827F' name='msvalidate.01'/>

<b:if cond='data:blog.url == data:blog.homepageUrl'>

<meta content='Berbagi Sesuatu yg Indah dan Menyenangkan' name='description'/>

<meta content='Puisi,Sajak,Kata Kata Indah,Syair,Karya Sastra Pujangga,Dunia Blogging,Tutorial Blog,Optimasi Blog,' name='keywords'/>

<link href='https://plus.google.com/u/0/114138287109183016840' rel='author'/>

<link href='https://openid.stackexchange.com/openid/provider' rel='openid2.provider'/>

<link href='https://openid.stackexchange.com/user/7aefc11a-9f8a-498a-8bb9-d6760da1bd83' rel='openid2.local_id'/>

<link href='http://www.blogger.com/openid-server.g' id='7823337032425377943' rel='openid.server'/>

<link href='http://ye72.blogspot.com' rel='openid.delegate'/>

<link href='/feeds/posts/default' rel='alternate' title='Ye72 - Atom' type='application/atom+xml'/>

<meta content='Berbagi Sesuatu yg Indah dan Menyenangkan' name='description'/>

<meta content='Puisi,Sajak,Kata Kata Indah,Syair,Karya Sastra Pujangga,Dunia Blogging,Tutorial Blog,Optimasi Blog,' name='keywords'/>

<link href='http://ye72.blogspot.co.id/' rel='canonical'/>

<meta content='width=1100' name='viewport'/>

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

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

<link href='http://ye72.blogspot.co.id/favicon.ico' rel='icon' type='image/x-icon'/>

</b:if>

<meta expr:content='data:blog.isMobile ? "width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0" : "width=1100"' name='viewport'/>

<b:include data='blog' name='all-head-content'/>

<title><data:blog.pageTitle/></title>

<meta expr:content='data:blog.metaDescription' name='description'/>

<meta expr:content='data:blog.pageName' name='keywords'/>

<meta content='width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1' name='viewport'/>

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

<meta content='IE=edge,chrome=1' http-equiv='X-UA-Compatible'/>

<meta alt='img' content='image' name='image' title='img'/>

<link href='//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css' rel='stylesheet'/>

<link href='https://fonts.googleapis.com/css?family=Aref+Ruqaa|Black+Ops+One|Kaushan+Script|Lobster|Pacifico|Yatra+One' rel='stylesheet'/>

<link href='https://fonts.googleapis.com/css?family=Mirza' rel='stylesheet'/>

<link href='https://fonts.googleapis.com/css?family=Exo+2' rel='stylesheet'/>

<link href='https://fonts.googleapis.com/css?family=Courgette' rel='stylesheet'/>

<b:skin><![CDATA[

/* Header */

body{background:#F5FEFE;}

#header-wrapper {background:#003333;width:100%;height:115px;max-height:115px;margin:0px auto;}

#header-inner{margin-left:auto;margin-right:auto;}

#header{float:left;width:35%;max-width:350px;text-align:left;margin:5px auto;text;decoration:none;}

#headerright {float:right;width:50%;text-align:right;margin:5px auto;border:px dotted#aeaeae;margin-right:10px;height:95px;}

.headerright .widget {margin:0 auto;padding:5px 0;}

#header h1 {color:#eee;font-size:37px;font-family:"Kaushan Script";font-weight:800;line-height:1.1em;text-transform:none;margin:0 auto;padding:10px 10px 5px;}

#header a{text-decoration:none;color:#048f75;}

#header a:hover {color:#12F2C4;}

#header .description {font-size:13px;font-family:"Black Ops One";letter-spacing:.01em;line-height:1.0em;text-transform:uppercase;color:#eee;margin:0 auto;padding:5px 10px;}

#header img {margin:0 auto;}

.headerright .search{width:220px;height:40px;font-size:14px;font-family:"Kaushan Script";color:#222;top:px;}

.headerright .search-submit{width:90px;height:40px;font-size:14px;font-family:"Kaushan Script";background:#048b75;color:#fefefe;margin-left:-4px;}

.headerright .search-submit a:hover{color:#048F75;}

#outer-wrapper{max-width:1100px;width:100%;background-color:#fff;margin:0 auto;padding:0;text-align:left;font:normal normal 14px Sans-serif;Tahoma;}

#content-wrapper {width:1100px;margin:0 auto;background-color:#fefefe;}

#main-wrapper {width:64%;float:left;margin:10px auto;overflow:hidden;padding:0 0.2%;background:#fff;}

.main .date-header{font-size:11px;float:right;top:-13px;right:10px;color:#048f75;}

.main .entry-title{font-size:30px;font-family:Kaushan Script;color:#033;text-decoration:none !important;font-style:italic;}

.post-body {-webkit-touch-callout: none;-khtml-user-select: none;-moz-user-select: -moz-none;-ms-user-select: none;user-select: none;}

#sidebar-wrapper {width:31.5%;float:right;font-family:Tahoma,Sans-serif;margin:10px auto;word-wrap:break-word;overflow:hidden;padding:0.5% 0;}

.sidebar {font-family:"Yatra One";color:#000;line-height:1.5em;}

.sidebar h2{font-style:italic;display:inline-block;border-bottom:2px solid#222;margin-bottom:5px;font-family:Black Ops One;font-size:20px;color:#003333;}

.sidebar ul {list-style:none;margin:0;padding:0;text-align:left;display:inline-block;}

.sidebar li {margin:0;padding-top:0;padding-right:0;padding-bottom:.1em;border-bottom:1px solid #ddd;

padding-left:0px;line-height:1.5em;}

.sidebar li a{color:#048b75;text-decoration:none;font-size:20px;font-family:Yatra One;font-style:italic;}

.sidebar li a:hover{color:#fa9d07;text-decoration:none;}

.sidebar ul li a{margin:3px auto;text-align:left;}

.sidebar .widget, .main .widget {margin:0 0 1em;padding:0;}

.main .Blog {border-bottom-width:0;}

.post-footer{display:block;font-size:16px;font-family:"Courgette";

float:left;padding:10px auto;border:1px solid#003333;border-radius:5px;}

.post-footer .post-labels a{display:inline-block;background:#222;color:#eee;text-decoration:none;text-align:center;margin:5px 7px;}

#blog-pager{clear:both;text-align:center;margin:10px;padding:5px 0 0 0;height:30px;}

#blog-pager-newer-link{float:left;}

#blog-pager,.pagenavi{clear:both;margin:30px auto 10px;padding:10px;}

#blog-pager a,.pagenavi span,.pagenavi a{background:#048b75;color:#fff;border:none;margin-right:3px;padding:8px 12px;line-height:100%;font-family:Black Ops One;font-size:13px;font-weight:400;text-decoration:none;border-radius:3px;}

#blog-pager a:visited,.pagenavi a:visited{color:#fff;}

#blog-pager a:hover,.pagenavi a:hover{color:#fff;text-decoration:none;background:#003333;text-shadow: 2px 0 2px #fa9d07;}

.feed-links{display:none}

#footer-wrapper{width:100%;margin:0;padding:0;background:#003339;}

#footer{width:28%;background:#;color:#eee;margin:10px;padding:20px;float:left;border:px dotted#eaeaea;}

#footera{width:27.25%;background:#;color:#eee;margin:10px;padding:20px;float:left;border:px dotted#eaeaea;}

#footerb{width:27.45%;background:#;color:#eee;margin:10px;padding:20px;float:right;border:px dotted#eaeaea;font-family:Mirza;font-size:17px;}

.footer h2{font-size:24px;font-family:Yatra One;display:inline-block;border-bottom:2px solid#048b75;color:#eee;margin:5px 10px;}

.footer a{color:#02cccc;text-decoration:none;font-family:Yatra One;font-size:17px;}

.footer a:hover{text-decoration:underline;}

.footer ul{list-style-type:none;display:block;}

.footer ul li{font-family:aref ruqaa;font-size:18px;margin:0 auto;}

.footer ul li a{text-decoration:none;color:#eee;text-align:left;}

.footer ul li a:hover{color:#02cccc;}

#credit{background:#003333;font:14px Yatra One;color:#02cccc;width:100%;max-width:100%;;margin-left:auto;margin-right:auto;margin-top:20px;overflow:hidden;clear:both;padding:10px 0;line-height:18px;min-height:40px;margin-bottom:15px;}

#credit .left{float:left;text-align:left;margin-left:10px}

#credit .right{float:right;text-align:right;margin-right:10px}

#credit a{color:#efefef;text-decoration:none}

#credit a:hover{color:#fff;text-decoration:underline}

.related-post {padding:5px 10px;float:left;clear: both;}

.related-post ul li{list-style-type:none}

.related-post ul li a{font-size:16px;font-family:"Yatra One";color:#003333;}

.related-post ul li a:hover{color:#048b75;text-decoration:underline;}

.related-post a{text-decoration:none;display:block;margin:0 auto;}

.related-post h4{padding:0;margin:0.5em 0 1em 0;font-family:"Black Ops One";font-size:20px;color:#003322;display:inline-block;border-bottom:2px solid#003322;left:18px;}

/*Navmenu*/

#nav {

background:#00333a;

}

#nav ul {

margin:0;

padding:0;

}

#nav li {

list-style:none;

display:-moz-inline-stack;

display:inline-block;

zoom:1;

*display:inline;

margin:0;

padding:0;

}

#nav li a {

display:block;

text-decoration:none;

color:white;

padding:1em;

}

#nav li a:hover {

color:#003333;

background:#fff;

}

.show-menu {

background: #71a4fa;

text-decoration: none;

color: #fff;

text-align: left;

padding: 10px 5px;

display: none;

}

.show-menu b{

font-size:30px;

}

.show-menu span{

margin-right: 1em;

float:right;

}

#nav input[type=checkbox]{

display: none;

}

#nav input[type=checkbox]:checked ~ #menus {

display: block;

}

/*resp*/

@media screen and (max-width:768px){

#nav ul {

position: static;

display: none;

}

#nav li {

border-bottom: 1px solid #333;

}

#nav ul li, #nav li a {

width: 100%;

}

#nav li a{

display:block;

height:auto;line-height:normal;

}

#nav li a {

text-align:left;

}

.show-menu {

display:block!important;

line-height:30px;

}

.show-menu:hover {

cursor:pointer;

}

label {

margin:0!important;

}

}

]]></b:skin>



<script type='text/javascript'>

posts_no_thumb_sum = 490;

posts_thumb_sum = 220;

img_thumb_height = 200;

img_thumb_width = 180;

</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, pURL, pTITLE){

var div = document.getElementById(pID);

var imgtag = "";

var img = div.getElementsByTagName("img");

var summ = posts_no_thumb_sum;

if(img.length>=1) {

imgtag = '<span class="posts-thumb" style="float:left; margin-right: 10px;"><a href="'+ pURL +'" title="'+ pTITLE+'"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px" /></a></span>';

summ = posts_thumb_sum;

}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';

div.innerHTML = summary;

}

//]]>

</script>

<b:if cond='data:blog.pageType != "static_page"'>

<b:if cond='data:blog.pageType != "item"'>

<style type='text/css'>

.post-footer {display: none;}

.post {margin: 10px; border: 1px dotted #E6E6E6; padding: 20px;

font-family: 'Aref Ruqaa', serif;font-size:22px;}

.post .entry-title a{font-size:30px;font-family:Kaushan Script;color:#033;

display:inline-block;border-bottom:2px solid#048b75;margin:5px;text-decoration:none !important;font-style:italic;}

.post .entry-title a:hover{color:#FA9D07;}

.readmore a {text-decoration: none;font-style:italic;font-size:19px;color:#555; }

.readmore a:hover{color:#123;}

.post img {border-radius:100%;border:3px dashed#585757;box-shadow:0 2px 0 #555;margin-top:10px;}

</style>

</b:if>

</b:if>





<b:if cond='data:blog.pageType == "item"'>

<script type='text/javascript'>var relatedTitles = new Array();var relatedTitlesNum = 0;var relatedUrls = new Array();function related_results_labels(json) {for (var i = 0; i < json.feed.entry.length; i++) {var entry = json.feed.entry[i];relatedTitles[relatedTitlesNum] = entry.title.$t;for (var k = 0; k < entry.link.length; k++) {if (entry.link[k].rel == 'alternate') {relatedUrls[relatedTitlesNum] = entry.link[k].href;relatedTitlesNum++;break;}}}}function removeRelatedDuplicates() {var tmp = new Array(0);var tmp2 = new Array(0);for(var i = 0; i < relatedUrls.length; i++) {if(!contains(tmp, relatedUrls[i])) {tmp.length += 1;tmp[tmp.length - 1] = relatedUrls[i];tmp2.length += 1;tmp2[tmp2.length - 1] = relatedTitles[i];}}relatedTitles = tmp2;relatedUrls = tmp;}function contains(a, e) {for(var j = 0; j < a.length; j++) if (a[j]==e) return true;return false;}function printRelatedLabels() {var r = Math.floor((relatedTitles.length - 1) * Math.random());var i = 0;document.write('<ul>');while (i < relatedTitles.length && i < 20) {document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>');if (r < relatedTitles.length - 1) {r++;} else {r = 0;}i++;}document.write('</ul>');}</script>

</b:if>



</head>

<body>

<div id='outer-wrapper'>

<div id='header-wrapper'>

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

<b:widget id='Header1' locked='true' title='Blog Ubah Template (Header)' type='Header' visible='true'>

<b:includable id='main'>

<b:if cond='data:useImage'>

<b:if cond='data:imagePlacement == "BEHIND"'>



<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='"background-image: url(\"" + data:sourceUrl + "\"); " + "background-position: " + data:backgroundPositionStyleStr + "; " + data:widthStyleStr + "min-height: " + data:height + "_height: " + data:height + "background-repeat: no-repeat; "' id='header-inner'>

<div class='titlewrapper' style='background: transparent'>

<h1 class='title' style='background: transparent; border-width: 0px'>

<b:include name='title'/>

</h1>

</div>

<b:include name='description'/>

</div>

</b:if>

<b:else/>



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



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

<b:include name='description'/>

</b:if>

</div>

</b:if>

<b:else/>



<div id='header-inner'>

<div class='titlewrapper'>

<h1 class='title'>

<b:include name='title'/>

</h1>

</div>

<b:include name='description'/>

</div>

</b:if>

</b:includable>

<b:includable id='description'>

<div class='descriptionwrapper'>

<p class='description'><span><data:description/></span></p>

</div>

</b:includable>

<b:includable id='title'>

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

</b:section>

<div class='headerright'>

<b:section class='headerright' id='headerright' showaddelement='yes'>

<b:widget id='HTML1' locked='false' title='' type='HTML' visible='true'>

<b:includable id='main'>



<b:if cond='data:title != ""'>

<h2 class='title'><data:title/></h2>

</b:if>

<div class='widget-content'>

<data:content/>

</div>

<b:include name='quickedit'/>

</b:includable>

</b:widget>

</b:section>

</div>

</div>

<nav id='nav'>

<label class='show-menu' for='show-menu'><b>☰</b> <span>Show Menu</span></label>

<input autocomplete='off' id='show-menu' role='button' type='checkbox'/>

<ul id='menus'>

<li><a href='/'>Home</a></li>

<li><a href='/p/about.html'>About</a></li>

<li><a href='/sitemap.xml'>Archive</a></li>

<li><a href='#'>Template</a></li>

</ul>

</nav>

<div style='clear:both'/>

<div id='crosscol-wrapper' style='text-align:center'>

<b:section class='crosscol' id='crosscol' showaddelement='yes'/>

</div>

<div id='content-wrapper'>

<div id='main-wrapper'>

<b:section class='main' id='main' showaddelement='yes'>

<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog' version='1' visible='true'>

<b:includable id='main' var='top'>

<b:if cond='!data:mobile'>



<div class='blog-posts hfeed'>

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

<b:loop values='data:posts' var='post'>

<b:if cond='data:post.isDateStart and not data:post.isFirstPost'>

</div></div>

</b:if>

<b:if cond='data:post.isDateStart'>

<div class="date-outer">

</b:if>

<b:if cond='data:post.dateHeader'>

<h2 class='date-header'><span><data:post.dateHeader/></span></h2>

</b:if>

<b:if cond='data:post.isDateStart'>

<div class="date-posts">

</b:if>

<div class='post-outer'>

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

<b:include cond='data:blog.pageType in {"static_page","item"}' data='post' name='comment_picker'/>

</div>



<b:if cond='data:post.includeAd'>

<div class='inline-ad'>

<data:adCode/>

</div>

</b:if>

</b:loop>

<b:if cond='data:numPosts != 0'>

</div></div>

</b:if>

</div>



<b:include name='nextprev'/>



<b:include name='feedLinks'/>

<b:else/>

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

</b:if>

<b:if cond='data:top.showPlusOne'>

<data:top.googlePlusBootstrap/>

</b:if>

</b:includable>

<b:includable id='backlinkDeleteIcon' var='backlink'>

<span expr:class='"item-control " + data:backlink.adminClass'>

<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>

<img src='https://resources.blogblog.com/img/icon_delete13.gif'/>

</a>

</span>

</b:includable>

<b:includable id='backlinks' var='post'>

<a name='links'/><h4><data:post.backlinksLabel/></h4>

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

<dl class='comments-block' id='comments-block'>

<b:loop values='data:post.backlinks' var='backlink'>

<div class='collapsed-backlink backlink-control'>

<dt class='comment-title'>

<span class='backlink-toggle-zippy'> </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='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 + "_comment-editor-toggle-link"' 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' expr:height='data:cmtIframeInitialHeight' frameborder='0' 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' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'/>

</b:if>

<data:post.cmtfpIframe/>

<script type='text/javascript'>

BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');

</script>

</div>

</b:includable>

<b:includable id='commentDeleteIcon' var='comment'>

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

<b:if cond='data:showCmtPopup'>

<div class='goog-toggle-button'>

<div class='goog-inline-block comment-action-icon'/>

</div>

<b:else/>

<a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>

<img src='https://resources.blogblog.com/img/icon_delete13.gif'/>

</a>

</b:if>

</span>

</b:includable>

<b:includable id='comment_count_picker' var='post'>

<b:if cond='data:post.commentSource == 1'>

<span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url' expr:data-url='data:post.url.canonical.http'>

</span>

<b:else/>

<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>

<data:post.commentLabelFull/>:

</a>

</b:if>

</b:includable>

<b:includable id='comment_picker' var='post'>

<b:if cond='data:post.commentSource == 1'>

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

<b:elseif cond='data:post.showThreadedComments'/>

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

<b:else/>

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

</b:if>

</b:includable>

<b:includable id='comments' var='post'>

<div class='comments' id='comments'>

<a name='comments'/>

<b:if cond='data:post.allowComments'>

<h4><data:post.commentLabelFull/>:</h4>

<b:if cond='data:post.commentPagingRequired'>

<span class='paging-control-container'>

<b:if cond='data:post.hasOlderLinks'>

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

 

</b:if>

<data:post.commentRangeText/>

<b:if cond='data:post.hasNewerLinks'>

 

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

</b:if>

</span>

</b:if>

<div expr:id='data:widget.instanceId + "_comments-block-wrapper"'>

<dl expr:class='data:post.avatarIndentClass' id='comments-block'>

<b:loop values='data:post.comments' var='comment'>

<dt expr:class='"comment-author " + 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>

 

<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-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:elseif cond='data:post.allowComments'/>

<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>

</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 + "_backlinks-container"'>

<b:include cond='data:post.showBacklinks' data='post' name='backlinks'/>

</div>

</div>

</div>

</b:includable>

<b:includable id='feedLinks'>

<b:if cond='data:blog.pageType != "item"'> 

<b:if cond='data:feedLinks'>

<div class='blog-feeds'>

<b:include data='feedLinks' name='feedLinksBody'/>

</div>

</b:if>

<b:else/> 

<div class='post-feeds'>

<b:loop values='data:posts' var='post'>

<b:include cond='data:post.allowComments and data:post.feedLinks' data='post.feedLinks' name='feedLinksBody'/>

</b:loop>

</div>

</b:if>

</b:includable>

<b:includable id='feedLinksBody' var='links'>

<div class='feed-links'>

<data:feedLinksMsg/>

<b:loop values='data:links' var='f'>

<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>

</b:loop>

</div>

</b:includable>

<b:includable id='iframe_comments' var='post'>

<b:if cond='data:post.allowIframeComments'>

<script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>

<div class='cmt_iframe_holder' expr:data-href='data:post.url.canonical' expr:data-viewtype='data:post.viewType'/>

<b:if cond='data:post.embedCommentForm == "false"'>

<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>

</b:if>

</b:if>

</b:includable>

<b:includable id='mobile-index-post' var='post'>

<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'>&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:include cond='data:blog.pageType != "static_page" and data:post.allowComments and data:post.numComments != 0' data='post' name='comment_count_picker'/>

</div>

</div>

</div>

</b:includable>

<b:includable id='mobile-main' var='top'>



<div class='blog-posts hfeed'>

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

<b:if cond='data:blog.pageType == "index"'>

<b:loop values='data:posts' var='post'>

<b:include data='post' name='mobile-index-post'/>

</b:loop>

<b:else/>

<b:loop values='data:posts' var='post'>

<b:include data='post' name='mobile-post'/>

</b:loop>

</b:if>

</div>

<b:include name='mobile-nextprev'/>

</b:includable>

<b:includable id='mobile-nextprev'>

<div class='blog-pager' id='blog-pager'>

<b:if cond='data:newerPageUrl'>

<div class='mobile-link-button' id='blog-pager-newer-link'>

<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='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-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'>

<b:if cond='data:post.thumbnailUrl'>

<meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>

</b:if>

<meta expr:content='data:blog.blogId' itemprop='blogId'/>

<meta expr:content='data:post.id' itemprop='postId'/>

<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:elseif cond='data:post.url and data:blog.url != data:post.url'/>

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

<b:else/>

<data:post.title/>

</b:if>

</h3>

</b:if>

<div class='post-header'>

<div class='post-header-line-1'/>

</div>

<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'>

<data:post.body/>

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

</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' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>

<meta expr:content='data:post.authorProfileUrl' itemprop='url'/>

<a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>

<span itemprop='name'><data:post.author/></span>

</a>

</span>

<b:else/>

<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>

<span itemprop='name'><data:post.author/></span>

</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'>

<meta expr:content='data:post.url.canonical' itemprop='url'/>

<a class='timestamp-link' expr:href='data:post.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:include cond='data:blog.pageType not in {"item","static_page"} and data:post.allowComments' data='post' name='comment_count_picker'/>

</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:include cond='data:blog.pageType in {"static_page","item"}' data='post' name='comment_picker'/>

</div>

</div>

</div>

</b:includable>

<b:includable id='nextprev'>

<div class='blog-pager' id='blog-pager'>

<b:if cond='data:newerPageUrl'>

<span id='blog-pager-newer-link'>

<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>

</span>

</b:if>

<b:if cond='data:olderPageUrl'>

<span id='blog-pager-older-link'>

<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>

</span>

</b:if>

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

<b:if cond='data:mobileLinkUrl'>

<div class='blog-mobile-link'>

<a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>

</div>

</b:if>

</div>

<div class='clear'/>

</b:includable>

<b:includable id='post' var='post'>

<div class='post hentry uncustomized-post-template' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>

<b:if cond='data:post.firstImageUrl'>

<meta expr:content='data:post.firstImageUrl' itemprop='image_url'/>

</b:if>

<meta expr:content='data:blog.blogId' itemprop='blogId'/>

<meta expr:content='data:post.id' itemprop='postId'/>

<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 or (data:post.url and data:blog.url != data:post.url)'>

<a expr:href='data:post.link ? data:post.link : data:post.url'><data:post.title/></a>

<b:else/>

<data:post.title/>

</b:if>

</h3>

</b:if>

<div class='post-header'>

<div class='post-header-line-1'/>

</div>



<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' expr:itemprop='(data:blog.metaDescription ? "" : "description ") + "articleBody"'>



<b:if cond='data:blog.pageType != "static_page"'>

<b:if cond='data:blog.pageType != "item"'>

<div expr:id='"summary" + data:post.id'>

<data:post.body/>

</div>

<script type='text/javascript'>

createSummaryAndThumb("summary<data:post.id/>","<data:post.url/>","<data:post.title/>");</script>

<span class='readmore' style='float:right;margin:20px 0;'>

<a expr:href='data:post.url'>

<i class='fa fa-hand-o-right'/>

- Baca Selengkapnya

</a>

</span>

</b:if>

</b:if>

<b:if cond='data:blog.pageType == "item"'>

<data:post.body/>

</b:if>

<b:if cond='data:blog.pageType == "static_page"'>

<data:post.body/>

</b:if>



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

</div>

<b:if cond='data:post.hasJumpLink'>

<div class='jump-link'>

<a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>

</div>

</b:if>

<div class='post-footer'>

<div class='post-footer-line post-footer-line-1'>

<span class='post-author vcard'>

<b:if cond='data:top.showAuthor'>

<data:top.authorLabel/>

<b:if cond='data:post.authorProfileUrl'>

<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>

<meta expr:content='data:post.authorProfileUrl' itemprop='url'/>

<a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>

<span itemprop='name'><data:post.author/></span>

</a>

</span>

<b:else/>

<span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>

<span itemprop='name'><data:post.author/></span>

</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'>

<meta expr:content='data:post.url.canonical' itemprop='url'/>

<a class='timestamp-link' expr:href='data:post.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='reaction-buttons'>

<b:if cond='data:top.showReactions'>

<table border='0' cellpadding='0' cellspacing='0' width='100%'><tr>

<td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'>

<span class='reactions-label'>

<data:top.reactionsLabel/></span> </td>

<td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td>

</tr></table>

</b:if>

</span>

<span class='post-comment-link'>

<b:include cond='data:blog.pageType not in {"item","static_page"} and data:post.allowComments' data='post' name='comment_count_picker'/>

</span>



<span class='post-backlinks post-comment-link'>

<b:if cond='data:blog.pageType not in {"item","static_page"} and data:post.showBacklinks'>

<a class='comment-link' expr:href='data:post.url + "#links"'><data:top.backlinkLabel/></a>

</b:if>

</span>

<span class='post-icons'>



<b:if cond='data:post.emailPostUrl'>

<span class='item-action'>

<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>

<img alt='' class='icon-action' height='13' src='https://resources.blogblog.com/img/icon18_email.gif' width='18'/>

</a>

</span>

</b:if>



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

</span>



<div class='post-share-buttons goog-inline-block'>

<b:include cond='data:post.sharePostUrl' data='post' name='shareButtons'/>

</div>

</div>

<div class='post-footer-line post-footer-line-2'>

<span class='post-labels'>

<b:if cond='data:top.showPostLabels and data:post.labels'>

<data:postLabelsLabel/>

<b:loop values='data:post.labels' var='label'>

<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='not data:label.isLast'>,</b:if>

</b:loop>

</b:if>

</span>

</div>

<div class='post-footer-line post-footer-line-3'>

<span class='post-location'>

<b:if cond='data:top.showLocation and data:post.location'>

<data:postLocationLabel/>

<a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>

</b:if>

</span>

</div>

<b:if cond='data:post.authorAboutMe'>

<div class='author-profile' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>

<b:if cond='data:post.authorPhoto.url'>

<img expr:src='data:post.authorPhoto.url' itemprop='image' width='50px'/>

</b:if>

<div>

<a class='g-profile' expr:href='data:post.authorProfileUrl' itemprop='url' rel='author' title='author profile'>

<span itemprop='name'><data:post.author/></span>

</a>

</div>

<span itemprop='description'><data:post.authorAboutMe/></span>

</div>

</b:if>

</div>

</div>



<b:if cond='data:blog.pageType == "item"'>

<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>

<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=10"' type='text/javascript'/>

</b:loop></b:if>

<div class='related-post'>

<h4>Artikel Terkait</h4>

<script type='text/javascript'>removeRelatedDuplicates();printRelatedLabels();</script>

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

</b:if>



</b:includable>

<b:includable id='postQuickEdit' var='post'>

<b:if cond='data:post.editUrl'>

<span expr:class='"item-control " + data:post.adminClass'>

<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>

<img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>

</a>

</span>

</b:if>

</b:includable>

<b:includable id='shareButtons' var='post'>

<b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' 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 + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' 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 + "&target=twitter"' 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 + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' 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.showPinterestButton'><a class='goog-inline-block share-button sb-pinterest' expr:href='data:post.sharePostUrl + "&target=pinterest"' expr:title='data:top.shareToPinterestMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToPinterestMsg/></span></a></b:if><b:if cond='data:top.showPlusOne'><div class='goog-inline-block google-plus-share-container'><data:post.googlePlusShareTag/></div></b:if>

</b:includable>

<b:includable id='status-message'>

<b:if cond='data:navMessage'>

<div class='status-msg-wrap'>

<div class='status-msg-body'>

<data:navMessage/>

</div>

<div class='status-msg-border'>

<div class='status-msg-bg'>

<div class='status-msg-hidden'><data:navMessage/></div>

</div>

</div>

</div>

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

</b:if>

</b:includable>

<b:includable id='threaded-comment-form' var='post'>

<div class='comment-form'>

<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' expr:height='data:cmtIframeInitialHeight' frameborder='0' 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' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'/>

</b:if>

<data:post.cmtfpIframe/>

<script type='text/javascript'>

BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');

</script>

</div>

</b:includable>

<b:includable id='threaded_comment_js' var='post'>

<script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>

<script type='text/javascript'>

(function() {

var items = <data:post.commentJso/>;

var msgs = <data:post.commentMsgs/>;

var config = <data:post.commentConfig/>;

// <![CDATA[

var cursor = null;

if (items && items.length > 0) {

cursor = parseInt(items[items.length - 1].timestamp) + 1;

}

var bodyFromEntry = function(entry) {

if (entry.gd$extendedProperty) {

for (var k in entry.gd$extendedProperty) {

if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {

return '<span class="deleted-comment">' + entry.content.$t + '</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;

} else if (entry.gd$extendedProperty[k].name == 'blogger.displayTime') {

comment.displayTime = entry.gd$extendedProperty[k].value;

}

}

}

comments.push(comment);

}

}

return comments;

};

var paginator = function(callback) {

if (hasMore()) {

var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';

if (cursor) {

url += '&published-min=' + new Date(cursor).toISOString();

}

window.bloggercomments = function(data) {

var parsed = parse(data);

cursor = parsed.length < 50 ? null

: parseInt(parsed[parsed.length - 1].timestamp) + 1

callback(parsed);

window.bloggercomments = null;

}

url += '&callback=bloggercomments';

var script = document.createElement('script');

script.type = 'text/javascript';

script.src = url;

document.getElementsByTagName('head')[0].appendChild(script);

}

};

var hasMore = function() {

return !!cursor;

};

var getMeta = function(key, comment) {

if ('iswriter' == key) {

var matches = !!comment.author

&& comment.author.name == config.authorName

&& comment.author.profileUrl == config.authorUrl;

return matches ? 'true' : '';

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

return config.baseUri + '/delete-comment.g?blogID='

+ config.blogId + '&postID=' + comment.id;

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

return comment.deleteclass;

}

return '';

};

var replybox = null;

var replyUrlParts = null;

var replyParent = undefined;

var onReply = function(commentId, domId) {

if (replybox == null) {

// lazily cache replybox, and adjust to suit this style:

replybox = document.getElementById('comment-editor');

if (replybox != null) {

replybox.height = '250px';

replybox.style.display = 'block';

replyUrlParts = replybox.src.split('#');

}

}

if (replybox && (commentId !== replyParent)) {

replybox.src = '';

document.getElementById(domId).insertBefore(replybox, null);

replybox.src = replyUrlParts[0]

+ (commentId ? '&parentID=' + commentId : '')

+ '#' + replyUrlParts[1];

replyParent = commentId;

}

};

var hash = (window.location.hash || '#').substring(1);

var startThread, targetComment;

if (/^comment-form_/.test(hash)) {

startThread = hash.substring('comment-form_'.length);

} else if (/^c[0-9]+$/.test(hash)) {

targetComment = hash.substring(1);

}

// Configure commenting API:

var configJso = {

'maxDepth': config.maxThreadDepth

};

var provider = {

'id': config.postId,

'data': items,

'loadNext': paginator,

'hasMore': hasMore,

'getMeta': getMeta,

'onReply': onReply,

'rendered': true,

'initComment': targetComment,

'initReplyThread': startThread,

'config': configJso,

'messages': msgs

};

var render = function() {

if (window.goog && window.goog.comments) {

var holder = document.getElementById('comment-holder');

window.goog.comments.render(holder, provider);

}

};

// render now, or queue to render when library loads:

if (window.goog && window.goog.comments) {

render();

} else {

window.goog = window.goog || {};

window.goog.comments = window.goog.comments || {};

window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];

window.goog.comments.loadQueue.push(render);

}

})();

// ]]>

</script>

</b:includable>

<b:includable id='threaded_comments' var='post'>

<div class='comments' id='comments'>

<a name='comments'/>

<h4><data:post.commentLabelFull/>:</h4>

<div class='comments-content'>

<b:include cond='data:post.embedCommentForm' data='post' name='threaded_comment_js'/>

<div id='comment-holder'>

<data:post.commentHtml/>

</div>

</div>

<p class='comment-footer'>

<b:if cond='data:post.allowNewComments'>

<b:include data='post' name='threaded-comment-form'/>

<b:else/>

<data:post.noNewCommentsText/>

</b:if>

</p>

<b:if cond='data:showCmtPopup'>

<div id='comment-popup'>

<iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>

</iframe>

</div>

</b:if>

<div id='backlinks-container'>

<div expr:id='data:widget.instanceId + "_backlinks-container"'>

<b:include cond='data:post.showBacklinks' data='post' name='backlinks'/>

</div>

</div>

</div>

</b:includable>

</b:widget>

</b:section>

</div>

<b:section class='sidebar' id='sidebar-wrapper' preferred='yes'>

<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive' visible='true'>

<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:include cond='data:style == "HIERARCHY"' data='data' name='interval'/>

<b:include cond='data:style == "FLAT"' data='data' name='flat'/>

<b:include cond='data:style == "MENU"' data='data' name='menu'/>

</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='interval' var='intervalData'>

<b:loop values='data:intervalData' var='interval'>

<ul class='hierarchy'>

<li expr:class='"archivedate " + data:interval.expclass'>

<b:include cond='data:interval.toggleId' data='interval' name='toggle'/>

<a class='post-count-link' expr:href='data:interval.url'>

<data:interval.name/>

</a>

<span class='post-count' dir='ltr'>(<data:interval.post-count/>)</span>

<b:include cond='data:interval.data' data='interval.data' name='interval'/>

<b:include cond='data:interval.posts' data='interval.posts' name='posts'/>

</li>

</ul>

</b:loop>

</b:includable>

<b:includable id='menu' var='data'>

<select expr:id='data:widget.instanceId + "_ArchiveMenu"'>

<option value=''><data:title/></option>

<b:loop values='data:data' var='i'>

<option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>

</b:loop>

</select>

</b:includable>

<b:includable id='posts' var='posts'>

<ul class='posts'>

<b:loop values='data:posts' var='post'>

<li><a expr:href='data:post.url'><data:post.title/></a></li>

</b:loop>

</ul>

</b:includable>

<b:includable id='toggle' var='interval'>

<a class='toggle' href='javascript:void(0)'>

<span expr:class='"zippy" + (data:interval.expclass == "expanded" ? " toggle-open" : "")'>

<b:if cond='data:interval.expclass == "expanded"'>

▼ 

<b:elseif cond='data:blog.languageDirection == "rtl"'/>

◄ 

<b:else/>

► 

</b:if>

</span>

</a>

</b:includable>

</b:widget>

<b:widget id='PopularPosts1' locked='false' title='Entri Populer' type='PopularPosts' visible='true'>

<b:includable id='main'>

<b:if cond='data:title != ""'><h2><data:title/></h2></b:if>

<div class='widget-content popular-posts'>

<ul>

<b:loop values='data:posts' var='post'>

<li>

<b:if cond='!data:showThumbnails'>

<b:if cond='!data:showSnippets'>



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

<b:else/>



<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/>



<div expr:class='data:showSnippets ? "item-content" : "item-thumbnail-only"'>

<b:if cond='data:post.featuredImage.isResizable or data:post.thumbnail'>

<div class='item-thumbnail'>

<a expr:href='data:post.href' target='_blank'>

<b:with value='data:post.featuredImage.isResizable ? resizeImage(data:post.featuredImage, 72, "1:1") : data:post.thumbnail' var='image'>

<img alt='' border='0' expr:src='data:image'/>

</b:with>

</a>

</div>

</b:if>

<div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>

<b:if cond='data:showSnippets'>

<div class='item-snippet'><data:post.snippet/></div>

</b:if>

</div>

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

</b:if>

</li>

</b:loop>

</ul>

<b:include name='quickedit'/>

</div>

</b:includable>

</b:widget>

<b:widget id='Label1' locked='false' title='Labels' type='Label' visible='true'>

<b:includable id='main'>

<b:if cond='data:title != ""'>

<h2><data:title/></h2>

</b:if>

<div expr:class='"widget-content " + data:display + "-label-widget-content"'>

<b:if cond='data:display == "list"'>

<ul>

<b:loop values='data:labels' var='label'>

<li>

<b:if cond='data:blog.url == data:label.url'>

<span expr:dir='data:blog.languageDirection'><data:label.name/></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='"label-size label-size-" + 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:section>

</div>



<div style='clear:both'/>

<div id='footer-wrapper'>

<section class='footer' id='footer' preferred='no'>

<h2>Puisiku</h2>

<br/>

<a href='http://blogubahtemplate.blogspot.co.id/2016/05/puisi-cerita-pagi.html' title='Puisiku'>Puisi Suatu Pagi Di Desaku</a><br/>

<a href='http://blogubahtemplate.blogspot.co.id/2016/05/puisi.html' title='Puisiku'>Puisi Rindu</a><br/>

<a href='http://blogubahtemplate.blogspot.co.id/2016/05/puisi_16.html' title='Puisiku'>Puisi Kita</a><br/>

<a href='http://blogubahtemplate.blogspot.co.id/2016/05/puisi-2.html' title='Puisiku'>Puisi Tukung 2</a><br/>

<a href='http://blogubahtemplate.blogspot.co.id/2016/05/puisi-harus-berlayar.html' title='Puisiku'>Puisi Lelaki Harus Berlayar</a><br/>

<a href='http://blogubahtemplate.blogspot.co.id/2016/05/puisi-kau-disini.html' title='Puisiku'>Puisi Ternyata Kau Disini</a><br/>

<a href='http://blogubahtemplate.blogspot.co.id/2016/05/puisi-cerita-pagi.html' title='Puisiku'>Puisi Cerita Pagi</a><br/>

</section>

<section class='footer' id='footera' showaddelement='no'>

<h2>Yg lain</h2><br/>

<a href='http://blogubahtemplate.blogspot.co.id/2016/10/syair-ronggowarsito.html' title='Lain'>Syair Ronggowarsito</a><br/>

<a href='http://blogubahtemplate.blogspot.co.id/2016/10/sedikit-ttg-ramalan-jayabaya.html' title='Lain'>Ramalan Jayabaya</a><br/>

<a href='http://blogubahtemplate.blogspot.co.id/2016/10/sekilas-tentang-air-zam-zam-dan.html' title='Lain'>Mukjijat Air Zam Zam</a><br/>

<a href='http://blogubahtemplate.blogspot.co.id/2016/10/lirik-lagu-sebujur-bangkai-rhoma-irama.html' title='Lain'>Sebujur Bangkai</a><br/>

<h2>Cerpen</h2><br/>

<a href='http://blogubahtemplate.blogspot.co.id/2016/05/cerita-pendek-aji-tbsl.html' title='Cerpen'>Aji TBSL</a><br/>

<a href='http://blogubahtemplate.blogspot.co.id/2016/12/cerpen-hantu-pohon-nangka.html' title='Cerpen'>Hantu Pohon Nangka</a><br/>

</section>

<section class='footer' id='footerb' showaddelement='no'>



<center>

<img alt='img' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhH4JVr8d0Z1YUXTOARX3xNMHE23EanaJTDMFIAzWuxcqBBHXzO8IxmdywBltnotlWMlex1RBnjjD7BVKnHyYnFtEPQulc_Z17KGIDJA7aZNCa-98fozfVAO5BBQyH1L0kI5nLLizFXmSI/s1600/940x198+croop+ais305x98.jpg' style='width:auto;height:90px;border-radius:3px;float:center;margin:5px 10px' title='img'/>

</center>

<p style='text-align:left;font-size:14px;font-family:Courgette'>Tak peduli seberapa banyak uangmu,setinggi apapun jabatanmu,

semua akan ditinggalkan,ketika sang waktu sudah merangkulmu dan dalam dekapannya kau

terpasung dikegelapan sendiri menunggui detik yg merayap hingga saat hari kepastian itu datang.</p>

<a href='http://sentuhanjingga.blogspot.com' title='Sentuhan Jingga'>Sentuhan Jingga</a>

</section>

<div class='clear'/>

<div id='credit'>

<div class='left'>

<i class='fa fa-copyright'/>

2010

<data:blog.title/>

<br/>

<a href='/'>

Home

</a>

-

<a href='/sitemap.xml'>

Sitemap

</a>

-

<a href='#'>

About

</a>

-

<a href='#'>

Contact

</a>

</div>



<div class='right'>

Created by

<a href='http://ye-puisi.blogspot.com/'>

YE_PUISI

</a>

<br/>

powered by

<a href='//www.blogger.com'>

Blogger

</a>

</div>

</div>

<div class='clear'/>

<b:include data='blog' name='google-analytics'/>

</div>

</div>

</body>

</html>

Naah...itu kode css nya...Jangan lupa klik disini.

Blog Ubah Template

Template Ini

Tidak ada komentar:

Posting Komentar

Blog Archive

Postingan Populer

Labels