|
Template Blogku
Kamis, 02 April 2015 • 16.23 • 0 comments Yang mau aku kasih html nya blogku. Cekidot, yang gak mau? Biarin aja!Nih, sebelum aku kasih html nya, aku kasih tau cara menggantinya.... - Buka http://www.blogger.com - Kemudian, klik template - Tunggu, pilih dan klik edit html - Di situ, ada tulisan html blog kamu. Hapus tulisan html nya semua. Kemudian, copy kode di bawah ini!
<?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>
<link
href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet'
type='text/css'/>
<link
href='http://fonts.googleapis.com/css?family=Roboto+Slab:300' rel='stylesheet'
type='text/css'/>
<link
href='http://fonts.googleapis.com/css?family=Engagement' rel='stylesheet'
type='text/css'/>
<b:include
data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template
Secret Diary
Design: www.anandamadiani.blogspot.com
Jan 2015
----------------------------------------------- */
body {
background:#fff3eb
url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8e49M7AmQeb272FyE2jlNTBUKfknI59eODXnOZjh_Zne40ct2XtC95nVWx20wd3Y-NyZlZXzZ12dm3kXUDaEoKCT8QvZa-UhyphenhyphenJinJiUsYWnpGiIIg84ndeTl233sAOBrhJ8-2KV5ANJd2/s1600/bodybg.png)
repeat-x top;
color: #4c4b4c;
font-size: 13px;
font-family: 'Roboto Slab', serif;
text-align: left;
margin: 0 auto 0;
padding: 0;
}
#navbar-iframe {
height: 0px;
visibility: hidden;
display: none;
}
#wrap {
background:#fff;
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .3);
-webkit-box-shadow:
1px 1px 5px rgba(0, 0, 0, .3);
-goog-ms-box-shadow:
1px 1px 5px rgba(0, 0, 0, .3);
box-shadow: 1px 1px
5px rgba(0, 0, 0, .3);
width: 980px;
margin: 30px auto 10px;
padding: 0px;
position: relative;
}
a, a:visited {
color: #c44b37;
text-decoration: none;
}
a:hover {
color:#69b5b8;
text-decoration: none;
}
a img {
border-width: 0;
}
/* Header
-----------------------------------------------*/
#header-outer{
width: 100%;
height:400px;
color: #932b54;
margin:10px auto 0;
padding: 0;
overflow: hidden;
}
#header-wrapper {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0GQajgH-SbGVxIW1xksYhep98L1sBbNf63BKsrzgZJuNzEa70ogveSJ0F9p7vF9G9z3-6A_0_mnRQvj9Yh1d0FVgfhyphenhyphenvY15lzYpEEJVlKCh5Dzb9smpyxO6V1RBYC5ZujDcz5F2KoFN0I/s1600/headerbg.png)
no-repeat bottom center;
width: 980px;
height:400px;
color: #2e937a;
margin: 0px auto 0;
overflow: hidden;
}
#header-inner {
margin-left: auto;
margin-right: auto;
}
#header {
margin: auto;
text-align: left;
}
#header h1 {
margin:30px 0px 0px 240px;
padding:0px 0px 0px 0px;
font-family: 'Amatic SC', cursive;
font-size: 80px;
text-align : left;
line-height:1.2em;
text-transform:titlecase;
letter-spacing:.025em;
color:#b3475a;
}
#header a {
font-family: 'Amatic SC', cursive;
text-decoration:none;
color:#97b194;
}
#header a:hover {
}
#header .description {
margin:60px 0 0;
padding:0px 20px 0px 240px;
letter-spacing:.1em;
text-align : left;
line-height: 1.4em;
color:#5a3020;
font-family: 'Engagement', cursive;
font-size:28px;
}
#header img {
margin:auto;
float:center;
}
/* Navigation Menu
------------------------------------------------------*/
#NavbarMenu {
width: 100%;
height:54px;
font-size: 20px;
color: #fff;
font-weight: normal;
margin: auto;
padding:0px;
text-align:center;
font-family: 'Amatic SC', cursive;
}
#nav {
width: 980px;
margin: 0 auto 0;
padding: 0px 20px 0px;
/* border-top:1px dashed #dcd1ba;
border-bottom:1px dashed #dcd1ba; */
text-align:center;
}
#nav ul {
list-style: none;
margin: 0 auto 0;
padding: 0;
text-align:center;
display:inline;
}
#nav li {
list-style: none;
margin: 0 auto 0;
padding: 0;
display:inline;
}
#nav li a, #nav li a:link, #nav li a:visited {
display:inline-block;
font-weight: bold;
text-transform: uppercase;
margin: 0 auto 0;
padding:5px 10px;
color:#fff;
}
#nav li a:hover, #nav li a:active {
color:#69b5b8;
margin: 0;
padding:5px 10px;
text-decoration: none;
font-weight: bold;
}
/*Wrapper
---------------------------------*/
#outer-wrapper {
width: 940px;
padding:20px;
margin:0 auto 0;
line-height: 18px;
}
#content-wrapper {
margin:0 auto 0;
padding:0px;
line-height: 18px;
}
#main-wrapper {
width:600px;
float: left;
margin: left;
padding: 0px 10px 0px 10px;
}
#sidebar-wrapper-top {
width: 300px;
margin: right;
padding: 0;
float: right;
font-size: 13px!important;
line-height: 1.4em;
text-align:justify;
word-wrap: break-word; /* fix for long text breaking sidebar
float in IE */
overflow: hidden;
/* fix for long non-text content breaking IE sidebar float */
}
#sidebar-wrapper-right {
width: 150px;
margin: auto;
padding: 0;
float: right;
font-size: 13px!important;
line-height: 1.5em;
text-align:justify;
word-wrap: break-word; /* fix for long text breaking sidebar
float in IE */
overflow: hidden;
/* fix for long non-text content breaking IE sidebar float */
}
#sidebar-wrapper-left {
width: 150px;
margin: auto;
padding: 0;
float: right;
font-size: 13px!important;
line-height: 1.5em;
text-align:justify;
word-wrap: break-word; /* fix for long text breaking sidebar
float in IE */
overflow: hidden;
/* fix for long non-text content breaking IE sidebar float */
}
#sidebar-wrapper-left h2, #sidebar-wrapper-right h2,
#sidebar-wrapper-top h2 {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix_fQm8MBzbFlF1NCF468R0zANQSiCvXWlBDP7bHTGeVvPHKEX_0Z89ou6DnYGVXCPIqEoP1PbmpnlREs4XWW9WrfuceRTg6ew9TsryJV9caClOUhvvX_sgQOUdqPxIdO099HT0QOMSu8S/s1600/sidebgr.png)
no-repeat left center;
color:#6a3f2f;
border-bottom:1px dashed #dcd1ba;
font-family: 'Engagement', cursive;
font-size:28px;
text-transform:titlecase;
font-weight:normal;
padding: 25px 0px 5px 40px;
line-height:1.5em;
margin: 0px auto 10px;
text-align:left;
}
.sidebar, .sidebar2, .sidebar3 {
margin: 2px 0px;
padding: 0px;
}
.sidebar ul, .sidebar2 ul, .sidebar3 ul {
list-style:none;
margin:2px 0px;
padding: 0px;
}
.sidebar li, .sidebar2 li, .sidebar3 li {
margin: 1px 0px;
padding: 2px;
}
.sidebar .widget, .sidebar2 .widget, .sidebar3 .widget {
margin-bottom:10px;
padding:5px;
}
.main .widget {
margin: 0px;
padding: 0px;
}
.main .Blog {
padding: 10px 15px;
margin: 0px;
}
/*Post
-------------------------------------------------*/
h2.date-header {
margin: 1.5em 0 .5em;
display: none;
}
.post {
margin-bottom:10px;
padding: 0px;
overflow:hidden;
width:600px;
}
.post h3 {
font-family: 'Amatic SC', cursive;
font-size: 42px;
font-weight: normal;
margin: 5px auto;
line-height:1.6em;
text-align:center;
padding-bottom:0px;
}
.post h3 a, .post h3 a:visited {
color: #774e28;
font-family: 'Amatic SC', cursive;
font-size: 42px;
font-weight: normal;
margin: auto;
padding: 0;
}
.post h3 a:hover {
color:#98b091;
text-decoration: none;
}
.post-body {
text-align:justify;
margin: 1em 0 .75em;
line-height: 1.6em;
}
.post-header {
margin: .1em 0 .75em 0px;
padding:5px;
letter-spacing:.05em;
line-height: 1.4em;
display:block;
text-align:center;
}
.post-footer a{
font-size:10px;
}
.post-footer {
font-size:10px;
font-style:italic;
margin: .75em 0 .75em 0px;
padding:5px;
letter-spacing:.05em;
line-height: 1.4em;
display:block;
border-top:1px dashed #dcd1ba;
border-bottom:1px dashed #dcd1ba;
}
.comment-link {
padding-left: 5px;
font-size:11px;
}
.labels {
padding-left: 0px;
font-size:11px;
}
.author {
padding-left: 0px;
font-size:11px;
}
.timestamp {
padding-left: 5px;
font-size:11px;
}
.post-body blockquote {
line-height: 1.3em;
}
.post-body img {
padding: 8px;
background: #fff;
border: 1px solid
#ccc;
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .3);
-webkit-box-shadow:
1px 1px 5px rgba(0, 0, 0, .3);
-goog-ms-box-shadow:
1px 1px 5px rgba(0, 0, 0, .3);
box-shadow: 1px 1px
5px rgba(0, 0, 0, .3);
-moz-border-radius-bottomleft:0px;
-moz-border-radius-bottomright:0px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.post blockquote {
margin: 5px;
padding: 0px 20px 0 15px;
border-left: 4px solid #b9dce3;
}
.post blockquote p {
margin: 0;
padding: 0 0 0px;
}
/*Comments
----------------------------------------------*/
.comments {
float: left;
margin-bottom:10px;
padding: 0px;
overflow:hidden;
width:600px;
}
#comments h4 {
color: #fac121;
font-size: 16px;
font-weight: bold;
margin: 0 0 10px;
padding:20px 0px 20px 0px;
}
#comments-block {
float: left;
padding: 0;
margin: 0;
}
#comments-block .comment-author {
margin: 0em 0;
font-weight: bold;
}
#comments-block .comment-footer {
margin: -.25em 0 2em;
line-height: 1.4em;
letter-spacing: .1em;
border-bottom:1px solid #b9dce3;
}
#comments-block .comment-body p {
margin: 0 0 .75em;
}
.deleted-comment {
font-style: italic;
color: gray;
}
#blog-pager-newer-link {
float: left;
}
#blog-pager-older-link {
float: right;
}
#blog-pager {
text-align: center;
clear:both;
}
.feed-links {
clear: both;
line-height: 2.5em;
display:none;
}
.main .widget {
margin: 0 0 1.5em;
padding: 0 0 1.5em;
}
.main .Blog {
border-bottom-width: 0;
}
/*Footer
---------------------------------------------*/
#footer {
width: 920px;
clear: both;
margin: 0 auto 0;
padding-top:0px;
line-height: 1.6em;
letter-spacing: .1em;
text-align: center;
}
/*Credit
---------------------------------------------------*/
#credit-outer{
width: 100%;
margin: 0 auto 0px;
padding: 0;
overflow: hidden;
}
#credit {
margin:auto;
padding: 0px;
width: 980px;
font-size:12px;
clear: both;
font-weight: normal;
text-align:center;
}
#credit p {
margin: 0;
padding:15px 0px 20px;
}
#credit a, .credit
a:visited {
text-decoration: none;
font-size:12px;
}
#credit a:hover{
text-decoration: underline;
}
.avatar-image-container {
margin: .2em 0 0;
}
#PageList1 h2, #Pagelist2 h2{ display:none;}
]]></b:skin>
<!--[if IE]>
<style type="text/css">
#menu li {
position:static;
}
</style>
<![endif]-->
<!--Internet Explorer Trancparency fix-->
<!--[if lt IE 8]>
<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE8.js"
type="text/javascript"></script>
<![endif]-->
</head>
<body>
<div id='NavbarMenu'>
<div class='navbarleft'>
<b:section class='nav' id='nav' showaddelement='no'>
<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>
</div>
<div id='header-outer'>
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1'
showaddelement='no'>
<b:widget
id='Header1' locked='true' title='Secret Diary (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>
<div
id='wrap'>
<div
id='outer-wrapper'><div id='wrap2'>
<div
id='content-wrapper'>
<div
id='crosscol-wrapper' style='text-align:center'>
<b:section
class='crosscol' id='crosscol' showaddelement='no'/>
</div>
<div id='main-wrapper'>
<b:section
class='main' id='main' showaddelement='no'>
<b:widget
id='Blog1' locked='true' title='Blog Posts' type='Blog'>
<b:includable id='main' var='top'>
<b:if
cond='data:mobile == "false"'>
<!-- posts
-->
<div
class='blog-posts hfeed'>
<b:include
data='top' name='status-message'/>
<data:defaultAdStart/>
<b:loop
values='data:posts' var='post'>
<b:if
cond='data:post.isDateStart'>
<b:if
cond='data:post.isFirstPost == "false"'>
</div></div>
</b:if>
</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:if
cond='data:blog.pageType == "static_page"'>
<b:if
cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType ==
"item"'>
<b:if
cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</div>
<b:if
cond='data:post.includeAd'>
<b:if
cond='data:post.isFirstPost'>
<data:defaultAdEnd/>
<b:else/>
<data:adEnd/>
</b:if>
<div
class='inline-ad'>
<data:adCode/>
</div>
<data:adStart/>
</b:if>
</b:loop>
<b:if
cond='data:numPosts != 0'>
</div></div>
</b:if>
<data:adEnd/>
</div>
<!-- navigation
-->
<b:include
name='nextprev'/>
<!-- feed links
-->
<b:include
name='feedLinks'/>
<b:if
cond='data:top.showStars'>
<script
src='//www.google.com/jsapi' type='text/javascript'/>
<script
type='text/javascript'>
google.load("annotations", "1",
{"locale":
"<data:top.languageCode/>"});
function
initialize() {
google.annotations.setApplicationId(<data:top.blogspotReviews/>);
google.annotations.createAll();
google.annotations.fetch();
}
google.setOnLoadCallback(initialize);
</script>
</b:if>
<b:else/>
<b:include
name='mobile-main'/>
</b:if>
<b:if
cond='data:top.showDummy'>
<data:top.dummyBootstrap/>
</b:if>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<span
expr:class='"item-control " + data:backlink.adminClass'>
<a
expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
<img src='//www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='backlinks' var='post'>
<a
name='links'/><h4><data:post.backlinksLabel/></h4>
<b:if
cond='data:post.numBacklinks != 0'>
<dl
class='comments-block' id='comments-block'>
<b:loop
values='data:post.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' frameborder='0' height='410' id='comment-editor'
name='comment-editor' src='' style='display: none' width='100%'/>
<b:else/>
<h4
id='comment-post-message'><data:postCommentMsg/></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a
expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe
allowtransparency='true' class='blogger-iframe-colorize
blogger-comment-from-post' frameborder='0' height='410' id='comment-editor'
name='comment-editor' src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script
type='text/javascript'>
BLOG_CMT_createIframe('<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='//www.blogger.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.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:else/>
<b:if
cond='data:post.showThreadedComments'>
<b:include
data='post' name='threaded_comments'/>
<b:else/>
<b:include
data='post' name='comments'/>
</b:if>
</b:if>
</b: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'>
<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:else/>
<b:if
cond='data:post.allowComments'>
<a
expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>
</b:if>
<b:if
cond='data:showCmtPopup'>
<div
id='comment-popup'>
<iframe
allowtransparency='true' frameborder='0' id='comment-actions'
name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>
<div
id='backlinks-container'>
<div
expr:id='data:widget.instanceId + "_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:if
cond='data:post.allowComments'>
<b:if
cond='data:post.feedLinks'>
<b:include data='post.feedLinks' name='feedLinksBody'/>
</b:if>
</b:if>
</b:loop>
</div>
</b:if>
</b:includable>
<b:includable id='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'>
<a class='comment-link'
expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'><b:if
cond='data:post.numComments == 1'>1
<data:top.commentLabel/><b:else/><data:post.numComments/>
<data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='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'>
<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='author vcard'>
<b:if
cond='data:top.showAuthor'>
<data:top.authorLabel/>
<span
class='fn'><data:post.author/></span>
</b:if>
</span>
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<b:if cond='data:post.authorProfileUrl'>
<span class='fn'>
<a expr:href='data:post.authorProfileUrl' itemprop='author'
rel='author' title='author profile'>
<data:post.author/>
</a>
</span>
<b:else/>
<span class='fn'><data:post.author/></span>
</b:if>
</b:if>
</span>
<span
class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url' itemprop='url'
rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'
itemprop='datePublished'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span>
<span
class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType !=
"static_page"'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'><b:if
cond='data:post.numComments == 1'>1
<data:top.commentLabel/><b:else/><data:post.numComments/>
<data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</b:if>
</span>
</div>
<div
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:if
cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
<b:if
cond='data:blog.pageType == "item"'>
<b:if
cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='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' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<a
expr:name='data:post.id'/>
<b:if
cond='data:post.title'>
<h3
class='post-title entry-title' itemprop='name'>
<b:if
cond='data:post.link'>
<a
expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if
cond='data:post.url'>
<b:if
cond='data:blog.url != data:post.url'>
<a
expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
<div
class='post-header'>
<div
class='post-header-line-1'>
</div>
</div>
<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>
<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'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<span
class='fn'><data:post.author/></span>
</b:if>
<span class='post-timestamp'>
<b:if
cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<a
class='timestamp-link' expr:href='data:post.url' itemprop='url' rel='bookmark'
title='permanent link'><abbr class='published'
expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span>
<span class='post-comment-link'>
<b:if
cond='data:blog.pageType != "item"'>
<b:if
cond='data:blog.pageType != "static_page"'>
<b:if
cond='data:post.allowComments'>
<a
class='comment-link' expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'><b:if
cond='data:post.numComments == 1'>1
<data:top.commentLabel/><b:else/><data:post.numComments/>
<data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</b:if>
</span>
<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://img1.blogblog.com/img/icon18_email.gif' width='18'/>
</a>
</span>
</b:if>
<!--
quickedit pencil -->
<b:include
data='post' name='postQuickEdit'/>
</span>
<div class='post-share-buttons goog-inline-block'>
<b:if
cond='data:post.sharePostUrl'>
<b:include data='post' name='shareButtons'/>
</b:if>
</div>
</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'/>
</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://img2.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.showOrkutButton'><a class='goog-inline-block share-button
sb-orkut' expr:href='data:post.sharePostUrl + "&target=orkut"'
expr:title='data:top.shareToOrkutMsg' target='_blank'><span
class='share-button-link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if
cond='data:top.showDummy'><div class='goog-inline-block
dummy-container'><data:post.dummyTag/></div></b:if>
</b:includable>
<b:includable id='status-message'>
<b:if
cond='data:navMessage'>
<div
class='status-msg-wrap'>
<div
class='status-msg-body'>
<data:navMessage/>
</div>
<div
class='status-msg-border'>
<div class='status-msg-bg'>
<div
class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<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;
}
}
}
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>
<b:if
cond='data:post.numComments == 1'>
1
<data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>
<div
class='comments-content'>
<b:if
cond='data:post.embedCommentForm'>
<b:include
data='post' name='threaded_comment_js'/>
</b:if>
<div id='comment-holder'>
<data:post.commentHtml/>
</div>
</div>
<p
class='comment-footer'>
<b:if
cond='data:post.allowNewComments'>
<b:include
data='post' name='threaded-comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
</p>
<b:if
cond='data:showCmtPopup'>
<div
id='comment-popup'>
<iframe
allowtransparency='true' frameborder='0' id='comment-actions'
name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>
<div
id='backlinks-container'>
<div
expr:id='data:widget.instanceId + "_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>
<!-- Sidebar -->
<div id='sidebar-wrapper-top'>
<b:section
class='sidebar3' id='sidebar3' preferred='yes'>
<b:widget id='Text1' locked='false' title='Hello' type='Text'>
<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='BlogArchive1' locked='false' title='Blog Archive'
type='BlogArchive'>
<b:includable id='main'>
<b:if
cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div
class='widget-content'>
<div
id='ArchiveList'>
<div
expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:if
cond='data:style == "HIERARCHY"'>
<b:include
data='data' name='interval'/>
</b:if>
<b:if
cond='data:style == "FLAT"'>
<b:include
data='data' name='flat'/>
</b:if>
<b:if
cond='data:style == "MENU"'>
<b:include
data='data' name='menu'/>
</b:if>
</div>
</div>
<b:include
name='quickedit'/>
</div>
</b:includable>
<b:includable id='flat' var='data'>
<ul
class='flat'>
<b:loop
values='data:data' var='i'>
<li
class='archivedate'>
<a
expr:href='data:i.url'><data:i.name/></a>
(<data:i.post-count/>)
</li>
</b:loop>
</ul>
</b:includable>
<b:includable id='interval' var='intervalData'>
<b:loop
values='data:intervalData' var='i'>
<ul
class='hierarchy'>
<li
expr:class='"archivedate " + data:i.expclass'>
<b:include
data='i' name='toggle'/>
<a
class='post-count-link'
expr:href='data:i.url'><data:i.name/></a>
<span
class='post-count' dir='ltr'>(<data:i.post-count/>)</span>
<b:if
cond='data:i.data'>
<b:include data='i.data' name='interval'/>
</b:if>
<b:if
cond='data:i.posts'>
<b:include data='i.posts' name='posts'/>
</b:if>
</li>
</ul>
</b:loop>
</b:includable>
<b:includable id='menu' var='data'>
<select
expr:id='data:widget.instanceId + "_ArchiveMenu"'>
<option
value=''><data:title/></option>
<b:loop
values='data:data' var='i'>
<option
expr:value='data:i.url'><data:i.name/>
(<data:i.post-count/>)</option>
</b:loop>
</select>
</b:includable>
<b:includable id='posts' var='posts'>
<ul
class='posts'>
<b:loop
values='data:posts' var='i'>
<li><a
expr:href='data:i.url'><data:i.title/></a></li>
</b:loop>
</ul>
</b:includable>
<b:includable
id='toggle' var='interval'>
<b:if
cond='data:interval.toggleId'>
<b:if
cond='data:interval.expclass == "expanded"'>
<a
class='toggle' href='javascript:void(0)'>
<span
class='zippy toggle-open'>▼ </span>
</a>
<b:else/>
<a
class='toggle' href='javascript:void(0)'>
<span
class='zippy'>
<b:if
cond='data:blog.languageDirection == "rtl"'>
◄ 
<b:else/>
► 
</b:if>
</span>
</a>
</b:if>
</b:if>
</b:includable>
</b:widget>
<b:widget id='Followers1' locked='false' title='Followers'
type='Followers'>
<b:includable id='main'>
<b:if
cond='data:title != ""'>
<b:if
cond='data:codeSnippet != ""'>
<h2
class='title'><data:title/></h2>
<b:else/>
<b:if
cond='data:totalFollowerCount != ""'>
<h2
class='title'><data:title/>
(<data:totalFollowerCount/>)</h2>
</b:if>
</b:if>
</b:if>
<div
class='widget-content'>
<div
expr:id='data:widget.instanceId + "-wrapper"'>
<b:if
cond='data:codeSnippet != ""'>
<div
style='margin-right:2px;'>
<data:codeSnippet/>
</div>
<b:else/>
<b:if
cond='data:totalFollowerCount == ""'>
<span
class='item-control following-not-admin'>
<b><data:failureSnippet/></b>
</span>
<span
class='item-control blog-admin'>
<b><data:adminFailureSnippet/></b>
</span>
<b:else/>
<b:if
cond='data:followingLinkPresent'>
<div
class='follow-this profile-link item-control following-follow-this'>
<a
expr:href='"javascript:_FollowersView._openPopup(\""
+ data:followUri + "\");"'>
<data:followThisMessage/>
</a>
</div>
<div
class='follow-this profile-link item-control following-stop-following-this'>
<a
expr:href='"javascript:_FollowersView._openPopup(\""
+ data:followUri + "\");"'>
<data:stopFollowingMessage/>
</a>
</div>
</b:if>
<div class='followers-grid'>
<b:if
cond='data:totalFollowerCount == 0'>
<div
class='profile-link item-control following-follow-this'>
<data:emptyFollowersMessage/>
</div>
</b:if>
<!--
Relies on
the js written out in navbar.gxp
-->
<b:loop
values='data:followers' var='follower'>
<div
class='follower'>
<a
expr:href='data:follower.profileUrl' expr:title='data:follower.displayName'
rel='nofollow'>
<img class='follower-img' expr:alt='data:follower.displayName'
expr:height='data:follower.imageHeight'
expr:onerror='"this.onerror=null;this.src=\"" +
data:anonFollowerImageUrl + "\";"'
expr:onload='"setAttributeOnload(this, \"src\",
\"" + data:follower.imageUrl +
"\")"' expr:width='data:follower.imageWidth'
src='http://img1.blogblog.com/img/blank.gif'/>
</a>
</div>
</b:loop>
<div
class='clear'/>
</div>
<div
class='followers-canvas profile-link'>
<data:followersFooterMessage/>
<span
class='item-control following-not-admin'>
<a
expr:href='data:followersUri'>
<data:viewAllMessage/>
</a>
</span>
<span
class='item-control blog-admin'>
<a
expr:href='data:manageFollowersUri'>
<data:manageFollowersMessage/>
</a>
</span>
</div>
</b:if>
</b:if>
</div>
<b:include
name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='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='Navbar1' locked='true' title='Navbar' type='Navbar'>
<b:includable id='main'><script
type="text/javascript">
function
setAttributeOnload(object, attribute, val) {
if(window.addEventListener) {
window.addEventListener('load',
function(){
object[attribute] = val; }, false);
} else {
window.attachEvent('onload', function(){
object[attribute] = val; });
}
}
</script>
<div id="navbar-iframe-container"></div>
<script type="text/javascript"
src="https://apis.google.com/js/plusone.js"></script>
<script
type="text/javascript">
gapi.load("gapi.iframes:gapi.iframes.style.bubble",
function() {
if
(gapi.iframes && gapi.iframes.getContext) {
gapi.iframes.getContext().openChild({
url:
'https://www.blogger.com/navbar.g?targetBlogID\075706967986497922862\46blogName\75Secret+Diary\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75LIGHT\46layoutType\75LAYOUTS\46searchRoot\75http://secretdiary-preview.blogspot.com/search\46blogLocale\75en_GB\46v\0752\46homepageUrl\75http://secretdiary-preview.blogspot.com/\46vt\0753205937660065864945',
where:
document.getElementById("navbar-iframe-container"),
id:
"navbar-iframe"
});
}
});
</script><script
type="text/javascript">
(function() {
var script =
document.createElement('script');
script.type = 'text/javascript';
script.src =
'//pagead2.googlesyndication.com/pagead/js/google_top_exp.js';
var head =
document.getElementsByTagName('head')[0];
if (head) {
head.appendChild(script);
}})();
</script>
</b:includable>
</b:widget>
<b:widget id='Attribution1' locked='true' 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>
<div id='credit-outer'>
<div id='credit'>
<p><a
expr:href='data:blog.homepageUrl'><data:blog.title/></a>
Template by Ananda Aisyah <a href='http://www.anandamadiani.blogspot.com/'
target='_blank'>Cute Blog Design</a> and <a
href='http://www.anandamadiani.blogspot.com'>Ibuku</a></p>
</div>
</div>
</body>
</html>
- Paste deeh ke laman blogger tadi yg kamu buka
- Simpan template. Terus, kamu buka blogmu
Blogskin nya biasa tapi, semoga kamu suka!
|
MY WORDS;
 GIVE ME YOUR WORDS;
 OTHERS;
♥ >> dapat blog baru
date : NOW
at:10 am
♥ >> beruk keluar tandas
date : 12/12/12
at: 12pm
♥ >> cinderella arrived
date: 1/1/2190
at: 13.12pm
BLOG ARCHIVE; |
HEY buddies. my name is Ananda Aisyah R. for short my full name is Ananda. I'm actually was born in Bojonegoro, 11 Maret 2005 . I have a good friends Jesslyn and Salma , both of them so cutee. My hobby is make a loom bands,swimming,and playing a computer. Bye...
