<?xml version="1.0" encoding="UTF-8"
?>
<!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'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: Black Veneer
Author: Klodian
URL:
www.deluxetemplates.net
Date: September 2010
License: This free
Blogger template is licensed under the Creative Commons Attribution 3.0
License, which permits both personal and commercial use. However, to satisfy
the 'attribution' clause of the license, you are required to keep the footer
links intact which provides due credit to its authors. For more specific
details about the license, you may visit the URL below:
http://creativecommons.org/licenses/by/3.0
----------------------------------------------- */
#navbar-iframe {
display: none !important;
}
/* Variable definitions
====================
<Variable
name="textcolor" description="Text Color"
type="color" default="#333"
value="#333333">
<Variable
name="linkcolor" description="Link Color"
type="color" default="#36c"
value="#3366cc">
<Variable
name="pagetitlecolor" description="Blog Title Color"
type="color" default="#000"
value="#000000">
<Variable
name="descriptioncolor" description="Blog Description
Color"
type="color" default="#333"
value="#333333">
<Variable
name="titlecolor" description="Post Title Color"
type="color" default="#000"
value="#000000">
<Variable
name="sidebarcolor" description="Sidebar Title Color"
type="color" default="#fff"
value="#ffffff">
<Variable name="sidebartextcolor"
description="Sidebar Text Color"
type="color" default="#444"
value="#444444">
<Variable
name="visitedlinkcolor" description="Visited Link Color"
type="color" default="#36c"
value="#3366cc">
<Variable name="bodyfont"
description="Text Font"
type="font" default="normal normal 110% Arial,
Serif" value="normal normal 110% Arial, Serif">
<Variable
name="headerfont" description="Sidebar Title Font"
type="font"
default="bold
120%/1.4em 'Arial',Trebuchet,Arial,Verdana,Sans-serif" value="bold
120%/1.4em 'Arial',Trebuchet,Arial,Verdana,Sans-serif">
<Variable
name="pagetitlefont" description="Blog Title Font"
type="font"
default="bold 250% Arial,Serif" value="bold 250%
Arial,Serif">
<Variable
name="descriptionfont" description="Blog Description Font"
type="font"
default="normal normal 90%
'Arial',Trebuchet,Arial,Verdana,Sans-serif" value="normal normal 90%
'Arial',Trebuchet,Arial,Verdana,Sans-serif">
<Variable
name="postfooterfont" description="Post Footer Font"
type="font"
default="normal normal 90%/1.4em
'Arial',Trebuchet,Arial,Verdana,Sans-serif" value="normal normal
90%/1.4em 'Arial',Trebuchet,Arial,Verdana,Sans-serif">
<Variable
name="startSide" description="Side where text starts in blog
language"
type="automatic" default="left"
value="left">
<Variable
name="endSide" description="Side where text ends in blog
language"
type="automatic" default="right"
value="right">
*/
/* Use this with templates/template-twocol.html */
body {
background:url("http://1.bp.blogspot.com/_JUg9QsmKp5s/TNifpMsIqNI/AAAAAAAABUs/y_qnrE8v9xM/s000/body.png")
repeat scroll 0 0 black;
color:$textcolor;
font:small Georgia Serif;
margin:0;
text-align:center;
}
a:link {
color:$linkcolor;
text-decoration:none;
}
a:visited {
color:$visitedlinkcolor;
text-decoration:none;
}
a:hover {
color:#CC6600;
text-decoration:underline;
}
a img {
border-width:0;
}
#header-wrapper {
background:url("http://3.bp.blogspot.com/_JUg9QsmKp5s/TNifpfw50YI/AAAAAAAABUw/4AXFTT-nkd8/s000/header.png")
no-repeat scroll 0 0 transparent;
height:188px;
margin:auto 0;
width:960px;
}
#header-inner {
background-position:center center;
margin-left:auto;
margin-right:auto;
}
#header {
color:$pagetitlecolor;
text-align:left;
}
#header h1 {
font:$pagetitlefont;
letter-spacing:-2px;
margin:0;
padding:27px 50px 2px;
text-shadow:0 1px 0 #FFFFFF;
text-transform:none;
}
#header a {
color:$pagetitlecolor;
text-decoration:none;
}
#header a:hover {
color:#333333;
}
#header .description {
font: $descriptionfont;
color: $descriptioncolor;
letter-spacing:0;
margin:0 5px 5px;
max-width:700px;
padding:0 50px 15px;
text-shadow:0 1px 0 #FFFFFF;
text-transform:none;
}
#header img {
margin-left:auto;
margin-right:auto;
}
#outer-wrapper {
font:$bodyfont;
margin:0 auto;
text-align:left;
width:960px;
}
#main-wrapper {
float:left;
margin-left:60px;
margin-top:-4px;
overflow:hidden;
width:590px;
word-wrap:break-word;
}
#sidebar-wrapper {
float:right;
margin-right:60px;
overflow:hidden;
width:240px;
word-wrap:break-word;
}
h2 {
-moz-border-radius:8px 8px 0 0;
background:url("http://1.bp.blogspot.com/_JUg9QsmKp5s/TNifppCG5ZI/AAAAAAAABU0/CWWMQJggxO8/s000/h2bg.png")
no-repeat scroll 0 0 transparent;
font:$headerfont;
color:$sidebarcolor;
letter-spacing:0;
margin:0;
padding:8px 10px 5px;
text-shadow:0 1px 0 #000000;
text-transform:none;
}
h2.date-header {
background:none repeat scroll 0 0 transparent;
border:medium none;
color:#555555;
font:12px arial;
letter-spacing:0;
margin:0;
padding:0;
text-shadow:none;
text-transform:none;
}
.post {
margin:0.5em 0 1.5em;
padding-bottom:1.5em;
}
.post h3 {
color:$titlecolor;
font-size:160%;
font-weight:normal;
line-height:1.4em;
margin:0.25em 0 0;
padding:0 0 4px;
}
.post h3 a, .post h3 a:visited, .post h3 strong {
color:$titlecolor;
display:block;
font-weight:bold;
text-decoration:none;
}
.post h3 strong, .post h3 a:hover {
color:#333333;
}
.post-body {
line-height:1.6em;
margin:0 0 0.75em;
}
.post-body blockquote {
line-height:1.3em;
}
.post-footer {
background:url("http://4.bp.blogspot.com/_JUg9QsmKp5s/TNifp6dzaLI/AAAAAAAABU4/BckN5dccfuU/s000/footer-post.png")
no-repeat scroll center bottom #EEF1F8;
border-top:1px solid #CCCCCC;
color:#333333;
font:$postfooterfont;
letter-spacing:0;
margin:0.75em 0;
padding:10px 17px 12px;
text-transform:none;
}
.comment-link {
margin-left:0.6em;
}
.post img, table.tr-caption-container {
border:4px solid #EEEEEE;
}
.tr-caption-container img {
border:medium none;
padding:0;
}
.post blockquote {
font:italic 13px georgia;
margin:1em 20px;
}
.post blockquote p {
margin:0.75em 0;
}
#comments h4 {
color:#666666;
font-size:14px;
font-weight:bold;
letter-spacing:0;
line-height:1.4em;
margin:1em 0;
text-transform:none;
}
#comments-block {
line-height:1.6em;
margin:1em 0 1.5em;
}
#comments-block .comment-author {
-moz-background-inline-policy:continuous;
background:none repeat scroll 0 0 #EEF1F8;
border:1px solid #EEF1F8;
font-size:15px;
font-weight:normal;
margin-right:20px;
padding:5px;
}
#comments .blogger-comment-icon, .blogger-comment-icon {
-moz-background-inline-policy:continuous;
background:none repeat scroll 0 0 #E8DEC4;
border-color:#E8DEC4;
border-style:solid;
border-width:2px 1px 1px;
line-height:16px;
padding:5px;
}
#comments-block .comment-body {
border-left:1px solid #E8DEC4;
border-right:1px solid #E8DEC4;
margin-left:0;
margin-right:20px;
padding:7px;
}
#comments-block .comment-footer {
border-bottom:1px solid #EEF1F8;
border-left:1px solid #EEF1F8;
border-right:1px solid #EEF1F8;
font-size:11px;
line-height:1.4em;
margin:-0.25em 20px 2em 0;
padding:5px;
text-transform:none;
}
#comments-block .comment-body p {
margin:0 0 0.75em;
}
.deleted-comment {
color:gray;
font-style:italic;
}
#blog-pager-newer-link {
float:left;
}
#blog-pager-older-link {
float:right;
}
#blog-pager {
text-align:center;
}
.feed-links {
clear:both;
line-height:2.5em;
}
.sidebar {
color:$sidebartextcolor;
font-size:90%;
line-height:1.5em;
text-shadow:0 1px 0 #FFFFFF;
}
.sidebar ul {
list-style:none outside none;
margin:0;
padding:0;
}
.sidebar li {
border-bottom:1px dotted #CCCCCC;
line-height:1.5em;
margin:0;
padding:2px;
}
.sidebar .widget, .main .widget {
border-bottom:1px dotted #CCCCCC;
margin:0 0 1.5em;
padding:0 0 1.5em;
}
.main .Blog {
border-bottom-width:0;
}
.profile-img {
border:1px solid #CCCCCC;
float:left;
margin:0 5px 5px 0;
padding:4px;
}
.profile-data {
color:#999999;
font:bold 78%/1.6em 'Trebuchet
MS',Trebuchet,Arial,Verdana,Sans-serif;
letter-spacing:0.1em;
margin:0;
text-transform:uppercase;
}
.profile-datablock {
margin:0.5em 0;
}
.profile-textblock {
line-height:1.6em;
margin:0.5em 0;
}
.profile-link {
font:78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif;
letter-spacing:0.1em;
text-transform:uppercase;
}
#footer {
background:url("http://4.bp.blogspot.com/_JUg9QsmKp5s/TNifqbhUpEI/AAAAAAAABU8/aJSM2MRa1AU/s000/footer.png")
no-repeat scroll 0 0 transparent;
clear:both;
color:#555555;
font:11px arial;
letter-spacing:0;
margin:0 auto;
padding-bottom:21px;
padding-top:27px;
text-align:center;
text-transform:none;
width:960px;
}
.feed-links {
display:none;
}
#Attribution1 {
display:none;
}
body#layout #footer {
display:none;
}
body#layout #addthis_toolbox {
display:none;
}
body#layout #crosscol-wrapper {
display:none;
}
body#layout #searchbox {
display:none;
}
.post-share-buttons {
}
#sidebar-wrapper .sidebar .widget {
background:url("http://1.bp.blogspot.com/_JUg9QsmKp5s/TNifqoJHX4I/AAAAAAAABVA/UroSVmbpgP8/s000/widget-but.png")
no-repeat scroll center bottom transparent;
border:medium none;
padding-bottom:10px;
}
#sidebar-wrapper .widget-content {
background:url("http://3.bp.blogspot.com/_JUg9QsmKp5s/TNifq2lOZTI/AAAAAAAABVE/Rs2b8eoHhKE/s000/widget-bg.png")
repeat-y scroll 0 0 #EEF1F8;
padding:5px 10px;
}
#footer-bg {
}
.first-links {
font:13px arial;
margin-bottom:3px;
}
.second-links {
}
#footer a {
color:#000000;
}
#content-wrapper {
background:url("http://1.bp.blogspot.com/_JUg9QsmKp5s/TNifrBugz_I/AAAAAAAABVI/K89DIv5emXY/s000/content.png")
repeat scroll 0 0 transparent;
}
#PageList1 {
padding:17px 34px 0;
}
#wrapper {
background:url("http://4.bp.blogspot.com/_JUg9QsmKp5s/TNifrhmBDaI/AAAAAAAABVM/BM0jLh1nATg/s000/wrapper.png")
repeat-x scroll 0 0 transparent;
}
.PageList li a {
border-right:1px solid #000000;
color:#DDDDDD;
font:bold 12px arial;
padding:10px 20px;
}
.crosscol .PageList li, .footer .PageList li {
background:none repeat scroll 0 0 transparent;
float:left;
list-style:none outside none;
margin:0;
padding:10px 0;
}
.PageList li a:hover {
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}
.PageList li.selected a {
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}
h2.date-header {
background:url("http://1.bp.blogspot.com/_JUg9QsmKp5s/TNifsOgdtRI/AAAAAAAABVQ/wK91GTybXEA/s000/1276328132_date.png")
no-repeat scroll left -1px transparent;
color:#333333;
font:12px arial;
letter-spacing:0;
margin:0;
padding-left:20px;
text-shadow:none;
text-transform:none;
}
.post-author {
background:url("http://3.bp.blogspot.com/_JUg9QsmKp5s/TNifsf59VZI/AAAAAAAABVU/VdbqW87P120/s000/aaa.png")
no-repeat scroll 0 0 transparent;
padding-left:20px;
}
.post-comment-link a {
background:url("http://2.bp.blogspot.com/_JUg9QsmKp5s/TNifsrvS19I/AAAAAAAABVY/fgQ-BTM6mfY/s000/1276328597_comment.png")
no-repeat scroll left center transparent;
padding-left:20px;
}
.post-labels {
background:url("http://4.bp.blogspot.com/_JUg9QsmKp5s/TNiftFm0XYI/AAAAAAAABVc/DxrmA_mSTQ4/s000/1276330011_tags.png")
no-repeat scroll left center transparent;
padding-left:20px;
}
#searchbox {
-moz-background-inline-policy:continuous;
background:url("http://4.bp.blogspot.com/_JUg9QsmKp5s/TNifteGvl_I/AAAAAAAABVg/AquvFLy1doU/s000/searchbox.png")
no-repeat scroll 0 0 transparent;
display:block;
float:right;
height:25px;
margin-right:11px;
margin-top:-29px;
width:190px;
}
#searchbox .textfield {
-moz-background-inline-policy:continuous;
background:none repeat scroll 0 0 transparent;
border:0 none;
float:left;
height:15px;
margin:4px 1px 10px 11px;
width:120px;
}
#searchbox .button {
-moz-background-inline-policy:continuous;
background:none repeat scroll 0 0 transparent;
border:0 none;
cursor:pointer;
float:left;
height:30px;
margin-left:2px;
margin-top:6px;
width:30px;
}
.sidebar h2 {
background:url(http://i560.photobucket.com/albums/ss44/erge32/RGsdbar.gif)repeat-x;
color: yellow;
font-size: 12px;
font-family: Arial;
font-weight: strong;
margin: 0px 0px 5px 0px;
padding: 3px 0px 3px 0px;
text-align:center;
}
]]></b:skin>
</head>
<script type='text/javascript'>
if(document.location.protocol=='http:'){ var
Tynt=Tynt||[];Tynt.push('cXIEhKYVSr4lJ5adbi-bpO');Tynt.i={"ap":"Sumber
:"}; (function(){var
s=document.createElement('script');s.async="async";s.type="text/javascript";s.src='http://kupas-project.googlecode.com/files/sumberkupas.js';var
h=document.getElementsByTagName('script')[0];h.parentNode.insertBefore(s,h);})();
} </script>
<body>
<div id='wrapper'>
<div
id='outer-wrapper'><div id='wrap2'>
<!-- skip links
for text browsers -->
<span
id='skiplinks' style='display:none;'>
<a
href='#main'>skip to main </a> |
<a
href='#sidebar'>skip to sidebar</a>
</span>
<div
id='header-wrapper'>
<div
id='crosscol-wrapper' style='text-align:center'>
<b:section
class='crosscol' id='crosscol'>
<b:widget
id='PageList1' locked='false' title='Pages' type='PageList'>
<b:includable id='main'>
<b:if
cond='data:title'><h2><data:title/></h2></b:if>
<div
class='widget-content'>
<ul>
<b:loop
values='data:links' var='link'>
<b:if
cond='data:link.isCurrentPage'>
<li
class='selected'><a
expr:href='data:link.href'><data:link.title/></a></li>
<b:else/>
<li><a
expr:href='data:link.href'><data:link.title/></a></li>
</b:if>
</b:loop>
</ul>
<b:include
name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section> <div id='searchbox'>
<form action='/search' id='searchthis' method='get'>
<div class='content'>
<input class='textfield' name='q' size='24' type='text'
value=''/>
<input class='button' type='submit' value=''/>
</div>
</form>
</div>
</div>
<b:section
class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget
id='Header1' locked='true' title='KA
(Header)' type='Header'>
<b:includable
id='main'>
<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 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.
-->
<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='title'
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'>
<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>
<div
id='content-wrapper'>
<div
id='main-wrapper'>
<b:section
class='main' id='main' showaddelement='yes'>
<b:widget
id='HTML6' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display
title if it's non-empty -->
<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:widget
id='HTML5' locked='false' title='' type='HTML'>
<b:includable id='main'>
<!-- only display
title if it's non-empty -->
<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:widget
id='Blog1' locked='true' title='Posting Blog' type='Blog'>
<b:includable id='main' var='top'>
<!-- 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.dateHeader'>
<h2
class='date-header'><data:post.dateHeader/></h2>
</b:if>
<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>
<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:if cond='data:post.trackLatency'>
<data:post.latencyJs/>
</b:if>
</b:loop>
<data:adEnd/>
</div>
<!-- navigation
-->
<b:include
name='nextprev'/>
<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='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='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'/>
<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%'/>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script
type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>',
'<data:post.communityId/>');
</script>
</div>
</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='comment_count_picker' var='post'>
<b:if
cond='data:post.commentSource == 1'>
<span
class='cmt_count_iframe_holder' expr:data-count='data:post.numComments'
expr:data-onclick='data:post.addCommentOnclick'
expr:data-post-url='data:post.url' expr:data-url='data:post.canonicalUrl'>
</span>
<b:else/>
<a
class='comment-link' expr:href='data:post.addCommentUrl'
expr:onclick='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>
<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>
<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'>
<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>
<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: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>
<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='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>
<b:else/>
<!--Post feed links -->
<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.canonicalUrl'
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:if
cond='data:blog.pageType != "static_page"'>
<b:if
cond='data:post.allowComments'>
<b:if
cond='data:post.numComments != 0'>
<b:include
data='post' name='comment_count_picker'/>
</b:if>
</b:if>
</b:if>
</div>
</div>
</div>
</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 == "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: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='"post-body-" +
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' 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.canonicalUrl' 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:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType !=
"static_page"'>
<b:if cond='data:post.allowComments'>
<b:include data='post' name='comment_count_picker'/>
</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 == "static_page"'>
<b:include data='post' name='comment_picker'/>
</b:if>
<b:if
cond='data:blog.pageType == "item"'>
<b:include data='post' name='comment_picker'/>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='nextprev'>
<div
class='blog-pager' id='blog-pager'>
<b:if
cond='data:newerPageUrl'>
<span
id='blog-pager-newer-link'>
<a
class='blog-pager-newer-link' expr:href='data:newerPageUrl'
expr:id='data: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>
<b:if
cond='data:blog.homepageUrl != data:blog.url'>
<a
class='home-link'
expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if
cond='data:newerPageUrl'>
<a
class='home-link'
expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='post' var='post'>
<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'>
<a
expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
<div
class='post-header-line-1'/>
<div
class='post-body entry-content'>
<data:post.body/>
<div
style='clear: both;'/> <!-- clear for photos floats -->
</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/>
<span
class='fn'><data:post.author/></span>
</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='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='star-ratings'>
<b:if cond='data:top.showStars'>
<div
expr:g:background-color='data:backgroundColor'
expr:g:text-color='data:textColor' expr:g:url='data:post.absoluteUrl'
g:height='42' g:type='RatingPanel' g:width='280'/>
</b:if>
</span>
<span class='post-comment-link'>
<b:if
cond='data:blog.pageType != "item"'>
<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>
</span>
<!--
backlinks -->
<span
class='post-backlinks post-comment-link'>
<b:if
cond='data:blog.pageType != "item"'>
<b:if
cond='data:post.showBacklinks'>
<a
class='comment-link' expr:href='data:post.url +
"#links"'><data:top.backlinkLabel/></a>
</b:if>
</b:if>
</span>
<span
class='post-icons'>
<!-- email
post links -->
<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='http://www.blogger.com/img/icon18_email.gif' width='18'/>
</a>
</span>
</b:if>
<span class='post-share-buttons'>
<b:include data='post' name='shareButtons'/>
</span>
<!--
quickedit pencil -->
<b:include
data='post' name='postQuickEdit'/>
</span>
</div>
<div
class='post-footer-line post-footer-line-2'>
<span
class='post-labels'>
<b:if
cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop
values='data:post.labels' var='label'>
<a
expr:href='data:label.url'
rel='tag'><data:label.name/></a><b:if cond='data:label.isLast
!= "true"'>,</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'>
<b:if
cond='data:post.location'>
<data:postLocationLabel/>
<a
expr:href='data:post.location.mapsUrl'
target='_blank'><data:post.location.name/></a>
</b:if>
</b:if>
</span>
</div>
</div>
</div>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if
cond='data:post.editUrl'>
<span
expr:class='"item-control " + data:post.adminClass'>
<a
expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<img alt=''
class='icon-action' height='18'
src='http://www.blogger.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</b:if>
</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.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>
<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, \"_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>
<a
class='share-button sb-buzz' expr:href='data:post.sharePostUrl +
"&target=buzz"'
expr:onclick='"window.open(this.href, \"_blank\",
\"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='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' 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('<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)) {
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: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:widget>
</b:section>
</div>
<div
id='sidebar-wrapper'>
<b:section
class='sidebar' id='sidebar' preferred='yes'>
<b:widget
id='HTML4' locked='false' title='Contac Person' type='HTML'>
<b:includable id='main'>
<!-- only display
title if it's non-empty -->
<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:widget
id='HTML3' locked='false' title='Berita' type='HTML'>
<b:includable id='main'>
<!-- only display
title if it's non-empty -->
<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:widget
id='HTML2' locked='false' title='10 Reservasi Terkini' type='HTML'>
<b:includable id='main'>
<!-- only display
title if it's non-empty -->
<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:widget
id='HTML1' locked='false' title='Penghargaan' type='HTML'>
<b:includable id='main'>
<!-- only display
title if it's non-empty -->
<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:widget
id='Slideshow1' locked='false' title='Slideshow' type='Slideshow'>
<b:includable id='main'>
<!-- only display
title if it's non-empty -->
<b:if
cond='data:title != ""'>
<h2
class='title'><data:title/></h2>
</b:if>
<div
class='widget-content'>
<div
class='slideshow-wrapper'>
<div
class='slideshow-spacer'>
<div
class='slideshow-container' expr:id='data:widget.instanceId +
"_slideshow"'>
<span
class='slideshow-status'>Loading...</span>
</div>
</div>
</div>
</div>
<b:include
name='quickedit'/>
</b:includable>
</b:widget>
<b:widget
id='Label1' locked='false' title='Labels' type='Label'>
<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:widget
id='Attribution1' locked='false' title='' type='Attribution'>
<b:includable id='main'>
<b:if
cond='data:feedbackSurveyLink'>
<div
class='mobile-survey-link' style='text-align: center;'>
<data:feedbackSurveyLink/>
</div>
</b:if>
<div
class='widget-content' style='text-align: center;'>
<b:if
cond='data:attribution != ""'>
<data:attribution/>
</b:if>
</div>
<b:include
name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
</div>
<!-- spacer
for skins that want sidebar and main to be the same height-->
<div
class='clear'> </div>
</div>
<!-- end content-wrapper -->
</div></div> <!-- end outer-wrapper -->
<div id='footer-bg'>
<div id='footer'>
<!-- Remmeber!!! This free Blogger template is licensed
under the Creative Commons Attribution 3.0 License. You are required to keep
the footer links intact which provides due credit to its Author and Supporters.
If you have plan to remove any link, its better for you, not to use the
template. [DMCA / Blogger] -->
<div
class='first-links'> Copyright (c) 2015 <a
expr:href='data:blog.homepageUrl'><data:blog.title/></a>.
</div>
</div></div>
</div>
</body>
</html>
0 komentar:
Posting Komentar