<?xml
version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html
(View Source for full doctype...)>
- <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">
<link href="http://fonts.googleapis.com/css?family=Oswald" rel="stylesheet"
type="text/css" />
<b:include data="blog"
name="all-head-content" />
<meta content="Your Blog Description here!" name="description" />
<meta content="Your Keywords here!"
name="keywords" />
<meta content="Author Name here!"
name="Author" />
<meta content="Author Email Address here!" name="Email" />
<meta content="document"
name="resource-type" />
<meta content="all" name="audience"
/>
<meta content="general"
name="rating" />
<meta content="all" name="robots" />
<meta content="index, follow"
name="robots" />
<meta content="id" name="language"
/>
<meta content="id" name="geo.country"
/>
<meta content="global"
name="distribution" />
<meta content="1 days"
name="revisit-after" />
<meta content="Indonesia"
name="geo.placename" />
<![CDATA[
/* -----------------------------------------------
Blogger Template Style
Name : Johny Classicsite
Author : Maskolis
Url : http://www.maskolis.com/
Updated by: Blogger Team
----------------------------------------------- */
/* Variable definitions
====================
<Variable name="bgcolor" description="Page Background Color"
type="color" default="#fff" value="#b1bb8e">
<Variable name="textcolor" description="Text Color"
type="color" default="#444" value="#444444">
<Variable name="linkcolor" description="Link Color"
type="color" default="#58a" value="#000000">
<Variable name="pagetitlecolor" description="Blog Title Color"
type="color" default="#666" value="#666666">
<Variable name="descriptioncolor" description="Blog Description Color"
type="color" default="#999" value="#666666">
<Variable name="titlecolor" description="Post Title Color"
type="color" default="#c60" value="#555555">
<Variable name="bordercolor" description="Border Color"
type="color" default="#ccc" value="#dcd9d9">
<Variable name="sidebarcolor" description="Sidebar Title Color"
type="color" default="#999" value="#666666">
<Variable name="sidebartextcolor" description="Sidebar Text Color"
type="color" default="#666" value="#666666">
<Variable name="visitedlinkcolor" description="Visited Link Color"
type="color" default="#999" value="#000000">
<Variable name="bodyfont" description="Text Font"
type="font" default="normal normal 100% Arial, Serif" value="normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif">
<Variable name="headerfont" description="Sidebar Title Font"
type="font"
default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal bold 14px Arial, Tahoma, Helvetica, FreeSans, sans-serif">
<Variable name="pagetitlefont" description="Blog Title Font"
type="font"
default="normal normal 200% Arial, Serif" value="normal normal 26px Georgia, Serif">
<Variable name="descriptionfont" description="Blog Description Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 12px Lucida Sans, Tahoma, Helvetica, FreeSans, sans-serif">
<Variable name="postfooterfont" description="Post Footer Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif">
<Variable name="startSide" description="Side where text starts in blog language"
type="automatic" default="left" value="left">
<Variable name="endSide" description="Side where text ends in blog language"
type="automatic" default="right" value="right">
*/
body{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBfsY5-zK0bQ07C2OqVXdH2nPpAVu2774XobjFMzxu-ahTJeLmDCLvfQArXCqjc1h9zibuhfsTCx5rJ1fzXdJGGBC9KFZSR1IApMgHhIQNxoh39PDlFR-XPiLfnj_X9_4twymHBsxwEC65/s1600/body-bg.jpg);color:$textcolor;font:x-small Trebuchet MS;font-size:small;text-align:left;margin:0}
a:link{color:$linkcolor;text-decoration:none}
a:visited{color:$visitedlinkcolor;text-decoration:none}
a:hover{color:#009df2;text-decoration:none}
a img{border-width:0}
#header-wrapper{width:960px;margin:0 auto}
#header-inner{background-position:center;margin-left:auto;margin-right:auto}
#header{float:left;width:222px;height:90px;border:0 solid #dcd9d9;text-align:left;margin:0}
#header2{float:right;width:728px;margin-right:0px;text-align:left;color:#555}
.header2 .widget{margin:0 auto;padding:0 0 7px}
.header .widget{margin:0 auto;padding:0}
#header h1{line-height:.8em;text-transform:none;letter-spacing:.1em;font:bold 30px Oswald;margin:0 auto;padding:0px 5px .15em;text-shadow: 1px 1px 1px #EEEFD1;color:#4c512e}
#header a:hover{color:#f89c21}
#header .description{max-width:100%;text-transform:none;letter-spacing:.01em;line-height:1.2em;font:14px Oswald;color:#595e3b;margin:0 auto;padding:0 5px 5px}
#header img{margin-startside:auto;margin-endside:auto}
#navbar-iframe{height:0;visibility:hidden;display:none}
#main-wrapper{background:#fff;width:640px;float:$startSide;word-wrap:break-word;overflow:hidden}
#sidebar-wrapper{background:#eee;width:320px;float:$endSide;word-wrap:break-word;overflow:hidden}
h2{font:$headerfont;line-height:1.4em;text-transform:none;letter-spacing:.01em;color:$sidebarcolor;margin:.5em 0 .25em}
h2.date-header{text-transform:none;font:normal 12px Arial;color:#868c64;line-height:1.2em;margin:.1em 0}
.post{margin:.5em 0 .1em;padding:15px}
.post h3{font:20px Oswald;line-height:1.2em;color:$titlecolor;margin:.25em 0 0;padding:0 0 4px;text-shadow:1px 1px 1px #ccc;}
.post h3 a,.post h3 a:visited,.post h3 strong{display:block;text-decoration:none;color:$titlecolor;font-weight:700}
.post h3 strong,.post h3 a:hover{color:#009df2}
.post-body{border-top:1px solid #ccc;color:#444;padding-top:6px;line-height:1.3em;margin:1.1em 0 .75em;font-family:arial, verdana, sans-serif}
.post-body blockquote{line-height:1.3em}
.post-footer{text-align:right;border-right:1px solid #ccc;color:#444;padding:0 10px}
.post-footer a{color:#444}
.post-footer .post-author.vcard,.post-footer .post-timestamp,.post-footer .post-comment-link{display:block;font-size:11px;border-bottom:1px solid #ccc;margin:5px 0 0}
.comment-link{margin-startside:.6em}
.post blockquote{margin: 10px 10px 10px 20px;padding: 10px 15px 10px 15px;line-height: 1.6em;color: #333;background: #eee;border-left: 20px solid #ccc}
.post blockquote p{margin:.75em 0}
table{width:100%;border-collapse:collapse;border-spacing:0;border:1px solid #999;color:#444;margin:10px 0}
table td,table th{text-align:left;border:1px solid #999;padding:.4em .8em}
table th{text-transform:uppercase;font-weight:400;border:1px solid #999}
table td{border:1px solid #999}
table tr.even td{border:none}
.comments{padding:0 15px}
#comments h4{font-size:16px;font-weight:400;margin:20px 0}
.cm_wrap{clear:both;margin-bottom:10px;float:right;width:100%}
.cm_head{width:60px;float:left;margin:0}
.cm_avatar{vertical-align:middle;border:1px solid #DDD;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3GZik5mgNFOSRI4cdb7RYVtTLCTap-hjeqcNb86Fq2ZeIM4q4ZGelKB64mdA8A7T8rTrJobkEvuh7F3rICckEt7i3CkIiI53u8pfbY2EbOmEFR20tDJ2OFE8lnx2P6HcZp5di3fbBHzA/s1600/anonymous.jpg) center no-repeat;width:35px;height:35px;margin:0;padding:3px}
.cm_avatar_a{vertical-align:middle;border:1px solid #DDD;background:silver;background-position:center;background-repeat:no-repeat;width:35px;height:35px;margin:0;padding:3px}
.cm_reply a{display:inline-block;border:1px solid #C4C4C4;border-top-color:#E4E4E4;border-left-color:#E4E4E4;color:#424242!important;text-align:center;text-decoration:none;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background:0;font:11px/18px sans-serif;margin:0;padding:1px 6px}
.cm_reply a:hover{text-decoration:none!important;background:#aaa}
.cm_entry{background:#fcfcfc;border:1px solid #E4E4E4;overflow:hidden;padding:16px}
.cm_arrow{display:block;width:9px;height:18px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHtMfE9zY9U9-kaRXFNj0VAi03SxVftb-2yFC3wQQXL9OU7pItl1ghteYoD-8IdvMebC_pP3T6rMozs2e4-bIhim_KjOqQ9bqQQcWLKDX12Zma6P2ZgdppAiyTP5ksaWmlr01aUVe8uyg/s1600/comment-arrow.gif) no-repeat;position:absolute;margin-left:-25px}
.cm_info{margin-bottom:5px;border:thin solid #E6E6E6;background-color:#F4F4F4;padding:5px}
.cm_info_a{margin-bottom:5px;border:thin solid #E6E6E6;background-color:#e5e5e5;padding:5px}
.cm_name{font-size:14px;color:#333!important;text-decoration:none;float:left}
.cm_name_a{font:bold 13px Arial;color:#333!important;text-decoration:none;float:left}
.cm_date{font-size:10px;color:#999;text-decoration:none;float:right}
.cm_date_a{font:normal 10px Arial;color:#333;text-decoration:none;float:right;padding-top:5px}
.cm_pagenavi{font-size:10px;text-transform:uppercase;color:#666;text-shadow:1px 1px #FFF;font-weight:700}
.cm_pagenavi a{color:#666;text-decoration:none;padding:10px}
.cm_pagenavi span{color:#888;background:#FFF;border:1px solid #E0E0E0;padding:4px}
.comment-body-author{font-family:Arial;font-weight:300}
#blog-pager{position:relative;top:10px;width:auto;clear:both;font-family:Arial;font-weight:700;font-size:13px;margin:10px 0;padding:5px 10px}
.feed-links{clear:both;line-height:2.5em}
.sidebar h2{background:#ccc;letter-spacing:-.001em;font:13px Oswald;color:#444;text-transform:uppercase;text-shadow: 1px 1px 1px #eee;margin:0;padding:6px 0 7px 10px;border-bottom:1px solid #ccc}
.sidebar{color:$sidebartextcolor;line-height:1.3em;border:1px solid #eee}
.sidebar li{border-bottom:1px dotted #fff;text-indent:0;line-height:1.3em;margin:0;padding:3px 0 4px}
.sidebar .widget{border:0 solid $bordercolor;margin:0 0 5px}
.sidebar .widget-content{margin:0 auto;padding:5px 10px}
.sidebar a:link,.sidebar a:visited{font:bold 12px Arial;color:#555;text-decoration:none}
.main .widget{border-bottom:1px dotted $bordercolor;margin:0 0 1.5em;padding:0 0 1.5em}
.main .Blog{border-bottom-width:0}
.footer h2{border-bottom:1px solid #666;font:14px Oswald;padding-bottom:5px;margin-bottom:10px;line-height:1.3em;text-transform:uppercase;letter-spacing:.01em;color:#333;}
.footer{color:#999;line-height:1.3em;font:normal 12px Arial}
.footer ul{list-style:none;color:#EAE9E8;margin:0;padding:0}
.footer li{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEie0W9yTHYHn_ow5t-o-gHE6Hk_80QpBvK3GcZV0oku7vM2y6RcsBmIcdSJ8yV6LqKjTkdo_Y-vHdDiLF1ZwNBIh4oewZxp-AjJhLVJ_aJRHL02uWFfspzFmWEj4GzLkZXDcoezIlMFIAM/s1600/arrow.gif) no-repeat 1px 6px;font:normal 12px Arial;color:#626262;text-indent:0;line-height:1.2em;margin:0;padding:2px 0 3px 14px}
.footer .widget{margin:0 0 8px;padding:6px 0;text-shadow:1px 1px 1px #ccc}
.footer .widget-content{padding:0 auto}
.profile-img{float:$startSide;margin-top:0;margin-endside:10px;margin-bottom:5px;margin-startside:0;border:1px solid $bordercolor;padding:4px}
.profile-data{text-transform:uppercase;letter-spacing:.01em;font:bold 13px Arial;color:$sidebarcolor;line-height:1.3em;margin:0}
.profile-datablock{margin:.5em 0}
.profile-textblock{line-height:1.3em;margin:.5em 0}
.profile-link{font:$postfooterfont;text-transform:none;letter-spacing:.01em}
.picfooter{background:#eee;border-top:6px solid #ddd;width:960px;margin-startside:auto;margin-endside:auto;text-align:center;font:$bodyfont}
#footer-wrapper{width:940px;text-align:left;font:$bodyfont;margin:0 auto;padding:10px}
#footer1-wrapper{width:300px;float:$startSide;word-wrap:break-word;overflow:hidden}
#footer2-wrapper{margin-left:10px;width:300px;float:left;word-wrap:break-word;overflow:hidden;padding:0 10px}
#footer3-wrapper{width:300px;float:$endSide;word-wrap:break-word;overflow:hidden}
.creditpic{background:#ccc;width:960px;margin:0 auto;padding:0 auto}
.credit{width:940px;line-height:1.6em;text-align:center;font-family:Arial;font-size:12px;color:#666;overflow:hidden;clear:both;margin:0 auto;padding:12px 0}
.credit a:link,.credit a:visited{color:#444;text-decoration:none}
.credit a:hover{color:#000;text-decoration:none}
#left-col{width:150px;float:left;word-wrap:break-word;overflow:hidden}
#right-col{width:160px;float:right;word-wrap:break-word;overflow:hidden}
#outer-wrapper{background:#fff;width:960px;-moz-box-shadow:0 0 12px #000;text-align:$startSide;font:$bodyfont;margin:10px auto;padding:10px;padding-top:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-moz-box-shadow:0 0 40px rgba(0,0,0,.20);-webkit-box-shadow:0 0 5px rgba(0,0,0,.20);-goog-ms-box-shadow:0 0 10px #222;box-shadow:0 0 40px rgba(0,0,0,.20)}
.cm_entry p,.cm_entry_a p{clear:both;border:thin solid #E6E6E6;background-color:#fff;font-size:13px;color:#333;word-wrap:break-word;padding:5px}
.cm_reply,#featured-slider .featuredPostMeta{padding-top:5px}
.sidebar ul,#related-articles ul{list-style:none;margin:0;padding:0}
.cm_pagenavi a:hover{text-decoration:underline}
.sidebar li a:hover,.footer li a:hover{color:#009df2}
.footer a:link,.footer li a:visited{color:#444;text-decoration:none}
#under-wrapper{float:left;width:100%;border-bottom:1px solid #aaa;margin:10px 0;padding:5px 0 15px}
#related-articles{float:left;width:275px;border-right:1px solid #ddd;margin:5px 0 0;padding:0 15px 0 0}
#related-articles .widget{margin:0;padding:0}
#related-articles .widget h2,#related-posts h2{font:bold 13px Arial;color:#000;text-transform:none;margin:0 0 5px;padding:0}
#related-articles a{color:#333;font:12px Arial}
#related-articles a:hover{color:#9daf22}
#related-articles li{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhb5DLA8T0NHX-sf22sVh983J6ILXQudoUV3cKJq7U7PXHmyClwPaslvllhqYAXWYsfr2icbRQRAD9gFUrhC_5j5-RbL9M89PVkGRVljI2rr13Vm4k4_Y4OPG5ojb1qFaf8YqJLykyjCMQ/s1600/bullet-list.gif) no-repeat 0 8px;text-indent:0;line-height:1.2em;margin:0;padding:2px 0 2px 10px}
#banner-ads{float:right;width:300px;margin:5px 0}
#nav-wrapper{background:#333;border-top:1px solid #444;height:25px;font-family:"Tahoma",Palatino,serif;overflow:hidden}
#nav{margin:0 auto;width:960px;height:25px;padding:0;text-shadow:1px 1px 2px #000}
#nav ul{float:right;width:auto;height:25px;margin:0;padding:0;list-style-type:none}
#nav ul li{float:right;height:25px}
#nav ul li a,#nav ul li a:visited{border-right:1px solid #000;background:#222;border-left:1px solid #444;color:#eee;float:right;height:25px;padding:3px 14px;font:11px Oswald;text-transform:none;transition:all 400ms ease-in-out;-webkit-transition:all 400ms ease-in-out;-moz-transition:all 400ms ease-in-out;-o-transition:all 400ms ease-in-out;-ms-transition:all 400ms ease-in-out;}
#nav ul li a:hover{background:#000;color:#999;text-decoration:none;}
#search{float:right;width:180px;height:20px;margin-top:-3px;}
#search form{float:left}
#search input[type="text"]{background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8VBpzvxqGdChLb_Fl3fBZWSTYMZvQnXECFLqU-8b_ABHW9Stq6QRD7c0scsT61mwcK5gRAWFUFMBfrEy10lP_1zWYYmvfXU9fxYj9IPcsm4104vg3t4sBtpFZi0V_bAR3h8M1c7gLs0Y/s1600/search_button.png) no-repeat scroll 4px center;float:left;border:1px solid #999;width:146px;margin-top:1px;padding:3px 15px;font-size:12px;text-align:right}
#search input[type="text"]:focus{background:#fff}
#search input[type="submit"]{display:none}
.newsfea{background:#fff;margin:0px;padding:7px 10px;font:13px Oswald;color:#333;border-bottom:1px solid #ccc;text-transform:uppercase;}
.readmorecontent{text-align:right;width:140px;float:right;margin-top:10px;text-shadow:1px 1px 1px #ccc;}
.readmorecontent a{padding:0;color:#000;text-decoration:none;font-weight:bold;}
.readmorecontent a:hover{color:#009df2;text-decoration:none;}
.menupic{width:100%;margin:0 auto;padding:0 auto;}
.menuhorisontal{float:right;background-color:#222;background-image: -moz-linear-gradient(top,#333 0,#222 100%); background-image: -ms-linear-gradient(top,#333 0,#222 100%); background-image: -o-linear-gradient(top,#333 0,#222 100%); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#333),color-stop(100%,#222)); background-image: -webkit-linear-gradient(top,#333 0,#222 100%); background-image: linear-gradient(to bottom,#333 0,#222 100%);border-bottom:1px solid #000;border-top:4px solid #111;height:45px;width:728px;margin:0 auto; padding:0 auto;text-shadow:1px 1px 2px #000}
.menuhorisontal ul{margin: 0; padding-left: 0px;color:#357798;text-transform: capitalize;list-style-type: none;font:bold 12px Arial, Helvetica,Arial,Verdana,sans-serif;}
.menuhorisontal li{display: inline; margin: 0;}
.menuhorisontal li a{border-left:1px solid #222;border-top:4px solid #111;color:#fff;float:right;font-size:12px;line-height:20px;margin-top:-4px;padding:3px 10px;text-align:right;transition:all 600ms ease-in-out;-webkit-transition:all 600ms ease-in-out;-moz-transition:all 600ms ease-in-out;-o-transition:all 600ms ease-in-out;-ms-transition:all 600ms ease-in-out;}
.menuhorisontal li a span{color:#888;display:block;font-size:10px;font-weight:400;}
.menuhorisontal li a:hover {background:#111;border-top:4px solid #009df2;}
]]>
</b:skin>
<style type="text/css"
xml:space="preserve">.feed-links{display:none} .post-footer {float: left;width:140px;margin:
0;text-align:right;letter-spacing:.1em;line-height: 1.4em;padding:0 8px;}
.post-share {float:right;margin:0;padding:0;position:relative;}
h2.date-header{margin:.2em 0 .4em} .post h3{font:16px
Oswald;line-height:1em;margin:0 0 8px;padding:0}
.post{background:#fff;border-bottom:1px solid #ccc;margin:10px;padding:0 0 10px}
.post-body{width: 453px;margin:7px 0 0
0;float:right;border-top:none;padding-top:0px;background:none;text-align:justify}</style>
</b:if>
</b:if>
<script type="text/javascript"
xml:space="preserve">var thumbnail_mode =
"no-float" ; summary_noimg = 600; summary_img = 450; img_thumb_height = 100;
img_thumb_width = 140;</script>
//
<![CDATA[
function removeHtmlTag(strx,chop){if(strx.indexOf("<")!=-1){var s=strx.split("<");for(var i=0;i<s.length;i++){if(s[i].indexOf(">")!=-1){s[i]=s[i].substring(s[i].indexOf(">")+1,s[i].length)}}strx=s.join("")}chop=(chop<strx.length-1)?chop:strx.length-2;while(strx.charAt(chop-1)!=' '&&strx.indexOf(' ',chop)!=-1)chop++;strx=strx.substring(0,chop-1);return strx+'......'}function createSummaryAndThumb(pID){var div=document.getElementById(pID);var imgtag="";var img=div.getElementsByTagName("img");var summ=summary_noimg;if(img.length>=1){imgtag='<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';summ=summary_img}var summary=imgtag+'<div>'+removeHtmlTag(div.innerHTML,summ)+'</div>';div.innerHTML=summary}
//
]]>
</script>
<script type="text/javascript"
xml:space="preserve">var
relatedpoststitle="Related Articles";</script>
//
<![CDATA[
var relatedTitles=new Array();var relatedTitlesNum=0;var relatedUrls=new Array();function related_results_labels(c){for(var b=0;b<c.feed.entry.length;b++){var d=c.feed.entry[b];relatedTitles[relatedTitlesNum]=d.title.$t;for(var a=0;a<d.link.length;a++){if(d.link[a].rel=="alternate"){relatedUrls[relatedTitlesNum]=d.link[a].href;relatedTitlesNum++;break}}}}function removeRelatedDuplicates(){var b=new Array(0);var c=new Array(0);for(var a=0;a<relatedUrls.length;a++){if(!contains(b,relatedUrls[a])){b.length+=1;b[b.length-1]=relatedUrls[a];c.length+=1;c[c.length-1]=relatedTitles[a]}}relatedTitles=c;relatedUrls=b}function contains(b,d){for(var c=0;c<b.length;c++){if(b[c]==d){return true}}return false}function printRelatedLabels(a){for(var b=0;b<relatedUrls.length;b++){if(relatedUrls[b]==a){relatedUrls.splice(b,1);relatedTitles.splice(b,1)}}var c=Math.floor((relatedTitles.length-1)*Math.random());var b=0;if(relatedTitles.length>1){document.write("<h2>"+relatedpoststitle+"</h2>")}document.write("<ul>");while(b<relatedTitles.length&&b<20&&b<maxresults){document.write('<li><a href="'+relatedUrls[c]+'">'+relatedTitles[c]+"</a></li>");if(c<relatedTitles.length-1){c++}else{c=0}b++}document.write("</ul>");relatedUrls.splice(0,relatedUrls.length);relatedTitles.splice(0,relatedTitles.length)};
//
]]>
</script>
</head>
<!--
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.
-->
<b:else />
- <div expr:style=""background-image: url(\"" + data:sourceUrl + "\"); " +
"background-position: " + data:backgroundPositionStyleStr + "; " +
data:widthStyleStr + "min-height: " + data:height + "_height: " + data:height +
"background-repeat: no-repeat; ""
id="header-inner">
</b:if>
<b:else />
<!--
Show the image only
-->
<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>
<!--
Show the description
-->
<b:include name="description"
/>
</b:if>
</div>
</b:if>
<b:else />
<!--
No header image
-->
</b:if>
</b:includable>
</b:widget>
</b:section>
</b:section>
<div style="clear:both;"
/>
</ul>
</div>
</div>
</div>
<!--
end header-wrapper
-->
<div class="clear" />
</ul>
</div>
</b:includable>
</b:widget>
</b:section>
</div>
</div>
<!--
skip links for text browsers
-->
<a href="#main"
shape="rect">skip to main</a>
|
<a href="#sidebar"
shape="rect">skip to sidebar</a>
</span>
<div class="clear" />
Latest Post
- <form action="/search"
class="search" id="searchform" method="get"
enctype="application/x-www-form-urlencoded">
<input name="q" onblur="if (this.value == "") {this.value = "Type and
Enter";}" onfocus="if (this.value == "Type and Enter") {this.value
="";}" size="30" type="text"
value="Type and Enter" />
</div>
</form>
</div>
</div>
</b:if>
<a class="blog-pager-newer-link" expr:href="data:newerPageUrl" expr:id="data:widget.instanceId + "_blog-pager-newer-link"" title="Previous
Product" shape="rect">« Prev Post</a>
</span>
</b:if>
<a class="blog-pager-older-link" expr:href="data:olderPageUrl" expr:id="data:widget.instanceId + "_blog-pager-older-link"" title="Next
Product" shape="rect">Next Post »</a>
</span>
</b:if>
<data:homeMsg />
</a>
</div>
<div class="clear" />
</b:includable>
- <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" shape="rect">
<data:top.blogThisMsg />
</span>
</a>
</b:if>
- <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=620\"); return false;"" expr:title="data:top.shareToFacebookMsg" target="_blank" shape="rect">
<data:top.shareToFacebookMsg />
</span>
</a>
</b:if>
<data:post.dummyTag />
</div>
</b:if>
</b:includable>
<a name="links"
shape="rect" />
<data:post.backlinksLabel />
</h4>
<span class="backlink-toggle-zippy"> </span>
<data:backlink.title />
</a>
<b:include data="backlink"
name="backlinkDeleteIcon" />
</dt>
<data:backlink.snippet />
</dd>
</div>
</b:loop>
</dl>
</b:if>
- <a class="comment-link"
expr:href="data:post.createLinkUrl" expr:id="data:widget.instanceId + "_backlinks-create-link"" target="_blank"
shape="rect">
<data:post.createLinkLabel />
</a>
</p>
</b:includable>
<span class="cmt_count_iframe_holder" expr:data-count="data:post.numComments" expr:data-onclick="data:post.addCommentOnclick" expr:data-url="data:post.canonicalUrl" />
<b:else />
<span class="cmt_count_iframe_holder" expr:data-count="data:post.numComments" expr:data-onclick="data:post.addCommentOnclick" expr:data-url="data:post.canonicalUrl" />
<b:else />
- <a class="comment-link"
expr:href="data:post.addCommentUrl" expr:onclick="data:post.addCommentOnclick" shape="rect">
<data:post.commentLabelFull />
:
</a>
</b:if>
</b:if>
</b:includable>
<script defer="defer"
expr:src="data:post.commentSrc" type="text/javascript"
xml:space="preserve" />
(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>
<!--
posts
-->
<b:include data="top" name="status-message"
/>
</div>
<b:include name="mobile-nextprev"
/>
</b:includable>
<a expr:name="data:post.id"
shape="rect" />
</b:if>
<div class="post-header-line-1"
/>
Posting Komentar