Template Blogspot

<?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 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>
<script src='http://ayomaju.com/friendsharingfile/ateonsoft_tab.js'
type='text/javascript'/>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<script language='JavaScript'>
var txt=":::<data:blog.pageTitle/>::: ";
var kecepatan=200;var segarkan=null;function bergerak() { document.title=txt;
txt=txt.substring(1,txt.length)+txt.charAt(0);
segarkan=setTimeout("bergerak()",kecepatan);}bergerak();
</script>
<link href='gilangevandyano.blogspot.com' rel='shortcut icon' type='image/xicon'/>
<b:skin><![CDATA[/*
---------------------------------------------------------------------Blogger Template Style
Name:
Batman - The Dark Knight
Designer: Isnaini
URL:
www.blogspottemplate.com
Date:
July 24, 2008
---------------------------------------------------------------------*/
/* Variable definitions
====================
<Variable name="bgColor" description="Page Background Color"
type="color" default="#333333" value="#6728B2">
<Variable name="bodyFont" description="Text Font"
type="font" default="normal normal 73% Verdana, Arial, Sans-serif;"
value="normal normal 80% Arial, sans-serif">
<Variable name="textColor" description="Text Color"
type="color" default="#ffcc66" value="#ffffcc">
<Variable name="linkColor" description="Link Color"
type="color" default="#ffffff" value="#6C82B5">
<Variable name="HoverlinkColor" description="Hover Link Color"
type="color" default="#ffff66" value="#ffffff">
<Variable name="postImgBdColor" description="Post Images Border Color"
type="color" default="#804000" value="#333333">
<Variable name="PostTitleFont" description="Post Title Font"
type="font" default="normal normal 100% 'Trebuchet MS', Arial, Sansserif;" value="normal bold 165% 'Trebuchet MS', Geneva, Arial, Helvetica, sansserif;">
<Variable name="titleFont" description="Blog Title Font"
type="font" default="normal normal 210% 'Trebuchet MS', Arial, Sansserif;" value="normal bold 200% 'Trebuchet MS', Arial, Sans-serif;">
<Variable name="titleTextColor" description="Blog Title Text Color"
type="color" default="#ffff66" value="#FFBBE8">
<Variable name="PostTitleHoverlinkColor" description="Post Title Hover link
Color"
type="color" default="#ffff66" value="#cc0000">
<Variable name="dateHeaderColor" description="Date Header Color"
type="color" default="#825227" value="#cccccc">
<Variable name="postTitleTxtColor" description="Post Title Text Color"
type="color" default="#ffcc66" value="#cc0000">
<Variable name="SBbgColor" description="Sidebar Background Color"
type="color" default="#825227" value="#1C1C1C">

<Variable name="SBbdColor" description="Sidebar Border Color"
type="color" default="#825227" value="#2D8930">
<Variable name="SBFontSize" description="Sidebar Font Size"
type="font" default="normal normal 85% Arial, sans-serif"
value="normal normal 76% Arial, sans-serif">
<Variable name="sidebarTitleBgColor" description="Sidebar Title Background
Color"
type="color" default="#6f3c1b" value="#99C9FF">
<Variable name="sidebarTitleTextColor" description="Sidebar Title Text Color"
type="color" default="#b47b10" value="#ffffcc">
<Variable name="SBtextColor" description="Sidebar Text Color"
type="color" default="#ffcc66" value="#999999">
<Variable name="SBTitleFont" description="Sidebar Title Font"
type="font" default="normal bold 125% Trebuchet, Trebuchet MS, Arial,
sans-serif;" value="normal bold 184% Trebuchet, Trebuchet MS, Arial, sansserif">
<Variable name="SBLinkColor" description="Sidebar Link Color"
type="color" default="#ffe6b3" value="#6C82B5">
<Variable name="footrTextcolor" description="Footer Text Color"
type="color" default="#ffcc66" value="#333333">
<Variable name="AltLinkColor1" description="Alternative Link Color 1"
type="color" default="#e1771e" value="#8fa2ce">
*/
body {cursor: url("http://cursors3.totallyfreecursors.com/thumbnails/eaglefeather.gif"), default;
font: $bodyFont;
text-align: center;
margin: 0px;
padding: 0px;
color: $textColor;
background: $bgColor;<a href="http://tinypic.com" target="_blank"><img
src="http://i35.tinypic.com/jg6w40.jpg" border="0" alt="Image and video hosting
by TinyPic"></a>}
#page {
text-align: left;
width: 780px;
margin-top: 20px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
background-image:
url(http://i288.photobucket.com/albums/ll175/simplychicblogs/pinkflowers.jpg);ba
ckground-position: center; background-repeat:no-repeat; background-attachment:
fixed;);
background-repeat: repeat-y;
}
#header {
height: 180px;
margin: 0px;
padding: 0px;
background-image: url(http://i33.tinypic.com/29mxezq.jpg);
background-repeat: no-repeat;
}
.narrowcolumn {
width: 520px;
float: left;
padding-left: 10px;
}
#sidebar{
font: $SBFontSize;
width: 220px;
position: static;
top: 0px;
color: $SBtextColor;
background-color: $SBbgColor;
border: 1px solid $SBbdColor;
padding-top: 0px;
padding-right: 4px;
padding-bottom: 0px;
padding-left: 4px;
margin-left: 530px;
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 a {
color: $SBLinkColor;
}
#sidebar .widget {
margin-bottom: 1em;
}
#sidebar .widget-content {
margin-top: 5px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 0px;
}
#sidebar h2{
font-size: 12px;
font-weight: bold;
color: $sidebarTitleTextColor;
font: $SBTitleFont;
background-color: $sidebarTitleBgColor;
margin-top: 5px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 0px;
padding: 4px 5px;
}
#kotakkanan{
margin: 0px;
}
#kotakkanan1{
margin: 0px;
}
#footer {
padding: 0px;
width: 780px;
clear: both;
height: 115px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
color: $footrTextcolor;
background-image: url(http://i33.tinypic.com/3149sie.jpg);
}
#footer a {
color: $footrTextcolor;
}
#footer .widget {
margin: 0px;
padding-left: 20px;
font-size: 10px;
text-align: center;
}
/* Posts
----------------------------------------------- */
.date-header {
margin: 1.5em 0 0;
font-weight: normal;
color: $dateHeaderColor;
font-size: 100%;
}
.post {
padding: 5px;
text-align: justify;
margin: 5px;
}
.post-title {
margin: 0;
padding: 0;
font: $PostTitleFont;
line-height: 1.1em;
padding-top: 4px;
text-align: left;
}
.post-title a, .post-title a:visited, .post-title strong {
text-decoration: none;
color: $postTitleTxtColor;
font-weight: bold;
}
.post-title a:hover {
color: $PostTitleHoverlinkColor;
}
.post div {
margin: 0 0 .75em;
line-height: 1.3em;
}
p.post-footer {
margin: -.25em 0 0;
font-size: 10px;
}
.post-labels {
font-size: 10px;
}
.post-labels a {
color: $AltLinkColor1;
}
.post-footer .span {
margin-right: .3em;
font-size: 10px;
}
.post-footer {
font-size: 10px;
}
.comment-link {
margin-left: .3em;
}
.post blockquote {
margin: 1em 20px;
font-style: italic;
}
}
.post blockquote p {
margin: .75em 0;
}
.post img {
margin-top: 4px;
margin-right: 5px;
margin-bottom: 0px;
margin-left: 4px;
padding: 6px;
border: 1px solid $postImgBdColor;
display: inline;
}
.post .pic{
float: right;
border: 1px solid $postImgBdColor;
text-align: center;
margin-top: 5px;
margin-right: 15px;
margin-bottom: 0px;
margin-left: 0px;
width: 180px;
font-size: 9px;
padding: 6px;
font-family: Arial, Helvetica, sans-serif;
display: inline;
}
/* Comments
----------------------------------------------- */
#comments h4 {
margin: 1em 0;
color: $dateHeaderColor;
}
#comments h4 strong {
font-size: 90%;
}
#comments-block {
margin: 1em 0 1.5em;
line-height: 1.3em;
}
#comments-block dt {
margin: .5em 0;
}
#comments-block dd {
margin: .25em 0 0;
}
#comments-block dd.comment-footer {
margin: -.25em 0 2em;
line-height: 1.4em;
font-size: 78%;
}
#comments-block dd p {
margin: 0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}
.feed-links {
clear: both;
line-height: 2.5em;
}
#blog-pager-newer-link {
float: left;
}
#blog-pager-older-link {
float: right;
}
#blog-pager {
text-align: center;
}
small {
font-family: Arial, Verdana, sans-serif;
font-size: 9px;
line-height: 11px;
}
h1, h2, h3 {
font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
}
h1, h1 a, h1 a:hover, h1 a:visited, .description {
}
h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
}
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited,
#leftsidebar h2, #rightsidebar h2, #wp-calendar caption, cite {
}
acronym, abbr, span.caps
{
font-size: 0.9em;
letter-spacing: .07em;
}
a, h2 a:hover, h3 a:hover {
color: $linkColor;
}
a:hover {
color: $HoverlinkColor;
text-decoration: underline;
}
.widecolumn .post {
margin: 0;
}
.narrowcolumn .postmetadata {
padding-top: 5px;
}
.widecolumn .postmetadata {
margin: 30px 0;
}
h2 {
h3 {
margin-top: 20px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
padding: 0px;
margin-top: 20px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
h3.comments {
padding: 0;
margin: 40px auto 20px ;
}
/* End Headers */
/* Begin Images */
p img {
padding: 0;
max-width: 100%;
}
/*
Using 'class="alignright"' on an image will (who would've

thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) */
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
.alignright {
float: right;
}
.alignleft {
float: left
}
/* End Images */
/* lain
----------------------------------------------- */
.title h1{
color: $titleTextColor;
font-size: 18px;
text-align: center;
font: $titleFont;
}
.title h1 a{
}
.title{
margin-right: 0px;
margin-bottom: 0px;
margin-left: 20px;
padding-top: 20px;
padding-right: 0px;
padding-left: 0px;
margin-top: 0px;
}
.description {
font-size: 12px;
font-weight: bold;
margin-left: 50px;
margin-top: 10px;
margin-right: 260px;
}
.kosong
{
clear: both;
}
/* Begin Lists
Special stylized non-IE bullets
Do not work in Internet Explorer, which merely default to normal bullets.
*/
html>body .entry ul {
}
html>body .entry li {
list-style-type: square;
padding: 0px;
margin-left: 10px;
}
#sidebar ul, #sidebar ul ol, #sidebar ul {
padding-left: 10px;
margin-left: 10px;
}
#sidebar ul li {
margin-bottom: 2px;
}
#sidebar ul p, #sidebar ul select {
margin: 5px 0 8px;

}
#sidebar ul ul, #sidebar ul ol{
margin: 5px 0 0 5px;
}
#sidebar ul ul ul, #sidebar ul ol {
margin: 0 0 0 10px;
}
ol li, #sidebar ul ol li {
list-style: decimal outside;
}
#sidebar ul ul li, #sidebar ul ol li {
margin: 3px 0px 0px;
padding: 0px;
}
/* End Entry Lists */
.entry form {
text-align:center;
}
select {
width: 130px;
}
/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
cursor: help;
}
acronym, abbr {
}
blockquote {
margin: 15px 30px 0 10px;
padding-left: 25px;
font-family: Arial, Verdana, sans-serif;
background-image: url(images/quote.gif);
background-repeat: no-repeat;
background-position: left top;
}
blockquote cite {
margin: 5px 0 0;
display: block;
}
.center {
text-align: center;
}
hr {
display: none;
}
a img {
border: none;
}
input, textarea, select, button {

font-size: 11px;
padding-right: 2px;
padding-left: 2px;
}
form .button {
}
input, textarea, select, button {
color: $sidebarTitleTextColor;
font-size: 11px;
padding-right: 2px;
padding-left: 2px;
}
#blog-pager-newer-link a, #blog-pager-older-link a, #home-link a {
font-weight: bold;
padding-right: 4px;
padding-left: 4px;
}
#blog-pager-newer-link a:hover, #blog-pager-older-link a:hover, #home-link
a:hover {
font-weight: bold;
padding-right: 4px;
padding-left: 4px;
}
#powered {
color: $linkColor;
text-align: center;
padding: 4px;
font-size: 10px
}
#powered a {
color: $linkColor;
}
div.TabView div.Tabs
{
height: 24px;
overflow: hidden;
}
div.TabView div.Tabs a
{
float: left;
display: block;
width: 1024px; /* Lebar Menu Utama Atas */ text-align: center;
height: 20px; /* Tinggi Menu Utama Atas */
padding-top: 3px;
vertical-align: middle;
border: 1px solid #000; /* Warna border Menu Atas */
border-bottom-width: 0;
font-family: "Times New Roman", Serif; /* Font Menu Utama Atas */
font-weight: 900;
color: #000; /* Warna Font Menu Utama Atas */
}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #FF9900; /* Warna background Menu Utama Atas */
}
div.TabView div.Pages
{
clear: both;
border: 1px solid #6E6E6E; /* Warna border Kotak Utama */
overflow: hidden;
background-color: #FF9900; /* Warna background Kotak Utama */
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 0px;
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;
}
4. Perhatikan text-text yang dicetak tebal, itu adalah keterangan yang ada di
Tab View. Ada ukuran dan warna dll. Sobat bisa menyesuaikan dengan blog sobat.
5. Langkah berikutnya copy kode berikut ini sebelum kode </head>
<script src='http://superinhost.com/trikblog/tabview.js'
type='text/javascript'/>
6. Kemudian " save"
7. Truzz pilih "Page Elements"
8. Trus Pilih "Add a Gadget" --> "HTML/Javascript" utnuk meletakkan Tab Menu
View ini.
9. Copy script ini kedalam nya:
<form action="tabview.html" method="get">
<div class="TabView" id="TabView">
<div class="Tabs" style="width: 350px;">
<a>Tab 1</a>
<a>Tab 2</a>
<a>Tab 3</a>
</div>
<div class="Pages" style="width: 350px; height: 250px;">
<div class="Page">
<div class="Pad">
Tab 1.1 <br />
Tab 1.2 <br />
Tab 1.3 <br />
</div>
</div>
<div class="Page">
<div class="Pad">
Tab 2.1 <br />
Tab 2.2 <br />
Tab 2.3 <br />
</div>
</div>
<div class="Page">
<div class="Pad">
Tab 3.1 <br />

Tab 3.2 <br />
Tab 3.3 <br />
</div>
</div>
</div>
</div>
</form>
<script type="text/javascript">
tabview_initialize('TabView');
</script>
/* tab model 1 ateonsoft.com */
div.Tabateonsoft div.TFs
{height: 30px; overflow: hidden;}
div.Tabateonsoft div.TFs a
{float: right; display: block; text-align: center; text-decoration: none; font:
normal 12px arial; padding:3px 3px 3px 5px; margin:0 5px 0 0;letter-spacing:0.07em; background:#f0f0f0;
color: #333;
border-top:1px solid #CCCCCC;
border-right:1px solid #999999;
border-bottom:1px solid #999999;
border-left:1px solid #cccccc;
-moz-border-radius-bottomleft: 10px; -moz-border-radius-topleft: 10px;
}
div.Tabateonsoft div.TFs a:hover
{ background:#E8E8E8;
border-top:1px solid #999999;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
border-left:1px solid #999999;}
div.Tabateonsoft div.TFs a.Active
{ background: #E8E8E8;
color: #000000;
border-top:1px solid #999999;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
border-left:1px solid #999999; font-weight:bold;}
div.Tabateonsoft div.Pages
{ clear: both; overflow: hidden; height:240px; border:1px solid #EFF0F1;
padding:0;background: #ffffff url('bg-tabateonsoft.jpg') no-repeat bottom right;
-moz-border-radius:5px;}
div.Tabateonsoft div.Pages div.Page
{height: 100%;padding: 0px; overflow: hidden; }
div.Tabateonsoft div.Pages div.Page div.floor
{ font-size:11px;padding: 3px 5px; text-align:left;}
div.TabView div.Tabs
{
height: 24px;
overflow: hidden;
}
div.TabView div.Tabs a
{
float: left;
display: block;
width: 90px; /* Lebar Menu Utama Atas */ text-align: center;
height: 24px; /* Tinggi Menu Utama Atas */
padding-top: 3px;
vertical-align: middle;
border: 1px solid #000; /* Warna border Menu Atas */
border-bottom-width: 0;
font-family: "Times New Roman", Serif; /* Font Menu Utama Atas */

font-weight: 900;
color: #000; /* Warna Font Menu Utama Atas */
}
div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active
{
background-color: #FF9900; /* Warna background Menu Utama Atas */
}
div.TabView div.Pages
{
clear: both;
border: 1px solid #6E6E6E; /* Warna border Kotak Utama */
overflow: hidden;
background-color: #FF9900; /* Warna background Kotak Utama */
}
div.TabView div.Pages div.Page
{
height: 100%;
padding: 0px;
overflow: hidden;
}
div.TabView div.Pages div.Page div.Pad
{
padding: 3px 5px;
}]]></b:skin>
<script src='http://kendhin.890m.com/blog/tabview.js'
type='text/javascript'/></head>
<body>
<b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
<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\758148612903846754430\46blogName\75Teknologi+Informasi+Dan+Komunika
si\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75BLUE\46layoutType\75LAYO
UTS\46searchRoot\75//gilangevandyano.blogspot.com/search\46blogLocale\75in\46v\0752\46homepageUrl\75http://
gilang-evandyano.blogspot.com/\46vt\0753536705180592239277',
where: document.getElementById("navbar-iframecontainer"),
id: "navbar-iframe"
});
}
});
</script><script type="text/javascript">
(function() {
var script = document.createElement('script');

script.type = 'text/javascript';
script.src =
'//pagead2.googlesyndication.com/pagead/js/google_top_exp.js';
var head = document.getElementsByTagName('head')[0];
if (head) {
head.appendChild(script);
}})();
</script>
</b:includable>
</b:widget>
</b:section>
<div id='page'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='false' title='Teknologi Informasi Dan
Komunikasi (Header)' type='Header'>
<b:includable id='main'>
<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == "REPLACE"'>

<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. This results in a margin-width's worth of pixels being cropped,
which is probably better than having them overflow out of the div.
-->
<b:if cond='data:blog.languageDirection == "rtl"'>
<div expr:style='"background-image: url(\"" +
data:sourceUrl + "\"); "
+
"background-position: right; "
+ "minheight: " + 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:else/>
<div expr:style='"background-image: url(\"" +
data:sourceUrl + "\"); "
+
"background-position: left; "
+ "minheight: " + 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'>
</h1>
</div>
</div>
</b:if>
</b:if>
<b:else/>

<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
</h1>
</div>
</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'>
<div class='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>
</div>
</b:includable>
</b:widget>
</b:section>
<div class='narrowcolumn'>
<b:section class='post' id='main' maxwidgets='4' showaddelement='no'>
<b:widget id='HTML10' locked='false' title='' type='HTML'>

<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='false' title='Posting Blog' type='Blog'>
<b:includable id='main' var='top'>
<b:if cond='!data:mobile'>

<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 and not data:post.isFirstPost'>
</div></div>
</b:if>
<b:if cond='data:post.isDateStart'>
<div class="date-outer">
</b:if>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>
<b:if cond='data:post.isDateStart'>
<div class="date-posts">
</b:if>
<div class='post-outer'>
<b:include data='post' name='post'/>
<b:include cond='data:blog.pageType in
{"static_page","item"}' data='post' name='comment_picker'/>
</div>
<b:if cond='data:post.includeAd'>
<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>

<b:include name='nextprev'/>

<b:include name='feedLinks'/>
<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' title='Delete Backlink'>
<span class='delete-comment-icon'> </span>
</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-togglelink"' 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 bloggercomment-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>
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'>
<a expr:href='data:comment.deleteUrl' title='Delete Comment'>
<span class='delete-comment-icon'> </span>
</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:datacount='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>
<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='"comment-author " +
data:comment.authorClass' expr:id='data:comment.anchorName'>
<a expr:name='data:comment.anchorName'/>
<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>
<a expr:href='data:post.addCommentUrl'
expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</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"'> 
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>
<b:else/> 
<div class='post-feeds'>
<b: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'>
<div class='date-header'>
<span><data:post.dateHeader/></span>
</div>
</b:if>
<div class='mobile-post-outer'>
<a expr:href='data:post.url'>
<h3 class='mobile-index-title entry-title' itemprop='name'>
<data:post.title/>
</h3>
<div class='mobile-index-arrow'>&rsaquo;</div>
<div class='mobile-index-contents'>
<b:if cond='data:post.thumbnailUrl'>
<div class='mobile-index-thumbnail'>
<div class='Image'>
<img expr:src='data:post.thumbnailUrl'/>
</div>
</div>
</b:if>
<div class='post-body'>
<b:if cond='data:post.snippet'><data:post.snippet/></b:if>
</div>
</div>
<div style='clear: both;'/>
</a>
<div class='mobile-index-comment'>
<b:include cond='data:blog.pageType != "static_page"
and data:post.allowComments
and data:post.numComments !
= 0' data='post' name='comment_count_picker'/>
</div>
</div>
</div>
</b:includable>
<b:includable id='mobile-main' var='top'>

<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<b:if cond='data:blog.pageType == "index"'>
<b:include data='post' name='mobile-index-post'/>
</b:loop>
<b:else/>
<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'>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>
<div class='date-posts'>
<div class='post-outer'>
<div class='post hentry uncustomized-post-template'
itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<b:if cond='data:post.thumbnailUrl'>
<meta expr:content='data:post.thumbnailUrl' itemprop='image_url'/>
</b:if>
<meta expr:content='data:blog.blogId' itemprop='blogId'/>
<meta expr:content='data:post.id' itemprop='postId'/>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title' itemprop='name'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:elseif cond='data:post.url and data:blog.url !=
data:post.url'/>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h3>
</b:if>
<div class='post-header'>
<div class='post-header-line-1'/>
</div>
<div class='post-body entry-content' expr:id='"post-body-" +
data:post.id' itemprop='articleBody'>
<data:post.body/>
<div style='clear: both;'/> 
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<b:if cond='data:post.authorProfileUrl'>
<span class='fn' itemprop='author' itemscope='itemscope'
itemtype='http://schema.org/Person'>
<meta expr:content='data:post.authorProfileUrl'
itemprop='url'/>
<a expr:href='data:post.authorProfileUrl' rel='author'
title='author profile'>
<span itemprop='name'><data:post.author/></span>
</a>
</span>
<b:else/>
<span class='fn' itemprop='author' itemscope='itemscope'
itemtype='http://schema.org/Person'>
<span itemprop='name'><data:post.author/></span>
</span>
</b:if>
</b:if>
</span>
<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<meta expr:content='data:post.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:include cond='data:blog.pageType not in
{"item","static_page"}
data:post.allowComments' data='post' name='comment_count_picker'/>
</span>
</div>
and
<div class='post-footer-line post-footer-line-2'>

<b:if cond='data:top.showMobileShare'>
<div class='mobile-link-button goog-inline-block' id='mobileshare-button'>
<a href='javascript:void(0);'><data:shareMsg/></a>
</div>
</b:if>
<b:if cond='data:top.showDummy'>
<div class='goog-inline-block dummycontainer'><data:post.dummyTag/></div>
</b:if>
</div>
</div>
</div>
<b:include cond='data:blog.pageType in
{"static_page","item"}' data='post' name='comment_picker'/>
</div>
</div>
</div>
</b:includable>
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<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'>
<span id='home-link'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</span>
<b:else/>
<span id='home-link'>
<a class='home-link'
expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</span>
</b:if>
</b:if>
</div>
<div class='kosong'/>
</b:includable>
<b:includable id='post' var='post'>
<div class='post uncustomized-post-template'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<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'>
<p><data:post.body/></p>
<div style='clear: both;'/> 
</div>
<div class='post-footer'>
<p 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>
</p>
<p class='post-footer-line post-footer-line-1'>
<span class='post-author'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/> <data:post.author/>
</b:if>
</span>
<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<a class='timestamp-link' expr:href='data:post.url' title='permanent
link'><data:post.timestamp/></a>
</b:if>
</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>

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

<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' title='Email Post'>
<span class='email-post-icon'> </span>
</a>
</span>
</b:if>

<b:include data='post' name='postQuickEdit'/>
</span>
</p>
<p 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' title='Edit Post'>
<span class='quick-edit-icon'> </span>
</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-buttonlink-text'><data:top.emailThisMsg/></span></a></b:if><b:if
cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sbblog' 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-buttonlink-text'><data:top.blogThisMsg/></span></a></b:if><b:if
cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sbtwitter' expr:href='data:post.sharePostUrl + "&target=twitter"'
expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='sharebutton-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if
cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sbfacebook' 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='sharebutton-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if
cond='data:top.showPinterestButton'><a class='goog-inline-block share-button sbpinterest' expr:href='data:post.sharePostUrl +
"&target=pinterest"' expr:title='data:top.shareToPinterestMsg'
target='_blank'><span class='share-button-linktext'><data:top.shareToPinterestMsg/></span></a></b:if><b:if
cond='data:top.showDummy'><div class='goog-inline-block dummycontainer'><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'>
name='comment-editor' src='' style='display: none' width='100%'/>
<b:else/>
name='comment-editor' src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
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'/>
(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:include cond='data:post.embedCommentForm' data='post'
name='threaded_comment_js'/>
<div id='comment-holder'>
<data:post.commentHtml/>
</div>
</div>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='threaded-comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
</p>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup'>
<iframe allowtransparency='true' frameborder='0' id='comment-actions'
name='comment-actions' scrolling='no'>
</iframe>
</div>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:include cond='data:post.showBacklinks' data='post' name='backlinks'/>
</div>
</div>
</div>
</b:includable>
</b:widget>
<b:widget id='HTML5' locked='false' title='link' type='HTML'>
</b:if>
<data:content/>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<div id='sidebar'>
<b:section class='kotakkanan' id='kotakkanan1' preferred='yes'>
<b:widget id='Gadget11' locked='false' title='Fish' type='Gadget'>
<b:if cond='data:renderingUrl != ""'>
</b:if>
<b:if cond='data:gadgetSnippet != ""'>
<data:gadgetSnippet/>
<b:else/>
<b:if cond='data:nonSocialFragment != ""'>
<data:nonSocialFragment/>
</b:if>
</div>
</b:if>
<b:else/>
<data:errorMessage/>
</b:if>
</b:includable>
</b:widget>
<b:widget id='HTML7' locked='false' title='Lencana Facebook' type='HTML'>
</b:if>
<data:content/>
</div>
</b:includable>
</b:widget>
<b:widget id='HTML6' locked='false' title='Racing' type='HTML'>
</b:if>
<data:content/>
</div>
</b:includable>
</b:widget>
<b:widget id='Gadget10' locked='false' title='Checkers from PJNation.com'
type='Gadget'>
</b:if>
<b:else/>
</b:if>
</div>
</b:if>
<b:else/>
</b:if>
</b:includable>
</b:widget>
<b:widget id='Gadget9' locked='false' title='dragon ball z cartoon game'
type='Gadget'>
</b:if>
<b:else/>
</b:if>
</div>
</b:if>
<b:else/>
</b:if>
</b:includable>
</b:widget>
<b:widget id='Gadget4' locked='false' title='TwitterSearch' type='Gadget'>
</b:if>
<b:else/>
</b:if>
</div>
</b:if>
<b:else/>
</b:if>
</b:includable>
</b:widget>
<b:widget id='Gadget2' locked='false' title='Facebook Share' type='Gadget'>
</b:if>
<b:else/>
</b:if>
</div>
</b:if>
<b:else/>
</b:if>
</b:includable>
</b:widget>
<b:widget id='HTML4' locked='false' title='Visitors Online' type='HTML'>
</b:if>
<data:content/>
</div>
</b:includable>
</b:widget>
<b:widget id='HTML3' locked='false' title='Map' type='HTML'>
</b:if>
<data:content/>
</div>
</b:includable>
</b:widget>
<b:widget id='HTML2' locked='false' title='Visitors Counter' type='HTML'>
</b:if>
<data:content/>
</div>
</b:includable>
</b:widget>
<b:widget id='Gadget3' locked='false' title='GuestBooker 1.8' type='Gadget'>
</b:if>
<b:else/>
</b:if>
</div>
</b:if>
<b:else/>
</b:if>
</b:includable>
</b:widget>
<b:widget id='Gadget1' locked='false' title='Calendar' type='Gadget'>
</b:if>
<b:else/>
</b:if>
</div>
</b:if>
<b:else/>
</b:if>
</b:includable>
</b:widget>
<b:widget id='HTML1' locked='false' title='Waktu Diciptakan Untuk Memberi
Petunjuk Kepada Manusia' type='HTML'>
</b:if>
<data:content/>
</div>
</b:includable>
</b:widget>
<b:widget id='Profile1' locked='false' title='About Me' type='Profile'>
<h2><data:title/></h2>
</b:if>
<b:if cond='data:team'> 
<ul>
<b:loop values='data:authors' var='i'>
<li><a class='profile-name-link g-profile' expr:href='data:i.userUrl'
expr:style='"background-image: url(" + data:i.profileLogo +
");"'><data:i.display-name/></a></li>
</b:loop>
</ul>
<b:else/> 
<b:if cond='data:photo.url != ""'>
<a expr:href='data:userUrl'><img class='profile-img'
expr:alt='data:photo.alt' expr:height='data:photo.height'
expr:src='data:photo.url' expr:width='data:photo.width'/></a>
</b:if>
<dl class='profile-datablock'>
<dt class='profile-data'>
<a class='profile-name-link g-profile' expr:href='data:userUrl'
expr:style='"background-image: url(" + data:profileLogo +
");"' rel='author'>
<data:displayname/>
</a>
<b:if cond='data:hasgoogleprofile'>
<br/>
<div class='g-follow' data-annotation='bubble' data-height='20'
expr:data-href='data:userUrl'/>
</b:if>
</dt>
<b:if cond='data:showlocation'>
<dd class='profile-data'><data:location/></dd>
</b:if>
<b:if cond='data:aboutme != ""'><dd class='profiletextblock'><data:aboutme/></dd></b:if>
</dl>
<a class='profile-link' expr:href='data:userUrl'
rel='author'><data:viewProfileMsg/></a>
</b:if>
</div>
</b:includable>
</b:widget>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive'
type='BlogArchive'>
</b:if>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
<b:include cond='data:style == "HIERARCHY"' data='data'
name='interval'/>
<b:include cond='data:style == "FLAT"' data='data' name='flat'/>
<b:include cond='data:style == "MENU"' data='data' name='menu'/>
</div>
</div>
</div>
</b:includable>
<b:includable id='flat' var='data'>
<ul class='flat'>
<b:loop values='data:data' var='i'>
<li class='archivedate'>
<a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
</li>
</b:loop>
</ul>
</b:includable>
<b:includable id='interval' var='intervalData'>
<b:loop values='data:intervalData' var='interval'>
<ul class='hierarchy'>
<li expr:class='"archivedate " + data:interval.expclass'>
<b:include cond='data:interval.toggleId' data='interval' name='toggle'/>
<a class='post-count-link' expr:href='data:interval.url'>

<data:interval.name/>
</a>
<span class='post-count' dir='ltr'>(<data:interval.post-count/>)</span>
<b:include cond='data:interval.data' data='interval.data'
name='interval'/>
<b:include cond='data:interval.posts' data='interval.posts'
name='posts'/>
</li>
</ul>
</b:loop>
</b:includable>
<b:includable id='menu' var='data'>
<select expr:id='data:widget.instanceId + "_ArchiveMenu"'>
<option value=''><data:title/></option>
<b:loop values='data:data' var='i'>
<option expr:value='data:i.url'><data:i.name/> (<data:i.postcount/>)</option>
</b:loop>
</select>
</b:includable>
<b:includable id='posts' var='posts'>
<ul class='posts'>
<li><a expr:href='data:post.url'><data:post.title/></a></li>
</b:loop>
</ul>
</b:includable>
<b:includable id='toggle' var='interval'>
<a class='toggle' href='javascript:void(0)'>
<span expr:class='"zippy" + (data:interval.expclass ==
"expanded" ? " toggle-open" : "")'>
<b:if cond='data:interval.expclass == "expanded"'>
▼
<b:elseif cond='data:blog.languageDirection == "rtl"'/>
◄
<b:else/>
►
</b:if>
</span>
</a>
</b:includable>
</b:widget>
<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<b:if cond='data:title'>
</b:if>
<div expr:class='"widget-content " + data:display + "-labelwidget-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-" + 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 dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
<hr/>
<b:section id='footer' maxwidgets='4' showaddelement='no'/>
</div>
<DIV id='powered'>
<A href='http://www.blogspottemplate.com'>Free Blogspot Templates</A> by <A
href='http://www.isnaini.com'>Isnaini Dot Com</A> and <A
href='http://www.lincah.com/category/porsche'>Porsche Cars</A>. Powered by <A
href='http://www.blogger.com'>Blogger</A>
</DIV>
<h4>Introducing Snap Shots from Snap.com</h4>
I just installed a nice little tool on this site called Snap Shots that
enhances links with visual previews of the <a class='snap_shots'
href='http://www.snap.com'>destination site</a>, interactive excerpts of <a
class='snap_shots' href='http://en.wikipedia.org/wiki/Picasso'>Wikipedia
articles</a>, <a class='Snap_Shot_Profile'
href='http://www.myspace.com/askaninja'>MySpace profiles</a>, <a
class='snap_shots' href='http://imdb.com/name/nm0424060'>IMDb profiles</a> and
<a class='snap_shots' href='http://www.amazon.com/Nokia-N95-Silver-PhoneUnlocked/dp/B000PEOLAG/'>Amazon products</a>, display inline <a
class='snap_shots' href='http://youtube.com/watch?v=7rEM_dN24S0'>videos</a>, <a
class='Snap_Shot_RSS' href='http://www.slashdot.org/'>RSS</a>, <a
class='snap_shots' href='http://wiredset.com/media/colin_macintyre/How-Bout-ILove-You-More.mp3'>MP3s</a>, <a class='snap_shots'
href='http://i116.photobucket.com/albums/o34/perspexspaceship/'>photos</a>, <a
class='snap_shots' href='http://finance.yahoo.com/q?s=aapl'>stock charts</a> and
<a class='snap_shots' href='http://shots.snap.com'>more</a>.<p>Sometimes Snap
Shots bring you the information you need, without your having to leave the site,
while other times it lets you "look ahead," before deciding if you
want to follow a link or not.</p>
<p>Should you decide this is not for you, just click the Options icon in
the upper right corner of the Snap Shot and opt-out.</p>
</body>
</html>

Template Blogspot

Hochgeladen von

Dokumentinformationen

Originaltitel

Copyright

Verfügbare Formate

Dieses Dokument teilen

Dokument teilen oder einbetten

Freigabeoptionen

Stufen Sie dieses Dokument als nützlich ein?

Sind diese Inhalte unangemessen?

Copyright:

Verfügbare Formate

Template Blogspot

Hochgeladen von

Copyright:

Verfügbare Formate

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

type="color" default="#825227" value="#1C1C1C">

Using 'class="alignright"' on an image will (who would've

margin: 5px 0 8px;

input, textarea, select, button {

Tab 3.1 <br />

font-family: "Times New Roman", Serif; /* Font Menu Utama Atas */

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

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

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

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

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

Das könnte Ihnen auch gefallen

Template Blogspot

Hochgeladen von

Dokumentinformationen

Originaltitel

Copyright

Verfügbare Formate

Dieses Dokument teilen

Dokument teilen oder einbetten

Freigabeoptionen

Stufen Sie dieses Dokument als nützlich ein?

Sind diese Inhalte unangemessen?

Copyright:

Verfügbare Formate

Template Blogspot

Hochgeladen von

Copyright:

Verfügbare Formate

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

type="color" default="#825227" value="#1C1C1C">

Using 'class="alignright"' on an image will (who would've

margin: 5px 0 8px;

input, textarea, select, button {

Tab 3.1 <br />

font-family: "Times New Roman", Serif; /* Font Menu Utama Atas */

var script = document.createElement(&#39;script&#39;);

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

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

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

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

Das könnte Ihnen auch gefallen

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