-->
 
Light Orange Template

BERANDAARCHIVEQUR'ANYASINTAHLILAMALAN

     
Nah pada kesempatan kali ini saya akan berbagi sebuah Simple Orange Template yang bertemakan Blogazine Template. Untuk Tampilan pada Beranda bisa sobat lihat pada gambar diatas, coba klik gambarnya untuk melihat gambarnya dalam ukuran penuh (1024x768), Untuk template ini berat pada HomePage sekitar 16kb, lumayan entenglah. Dan kalau berat pada postingan tergantung apa yang dipostingkan dan juga berapa banyaknya komentar yang masuk. Untuk latar pada Beranda dengan warna light orange dan pada posting dengan warna abu-abu. Untuk CSSnya menggunakan simple ID, dan mudah untuk diedit ulang. Karena CSS Tampilan pada beranda dibuat terpisah, jadi pada waktu Loading pada Beranda, CSS pada Postingan tidak terbaca.

Berikut Fitur-fiturnya :
  1. Thread Comments simple style.
  2. Toolbar Menu.
  3. Loading Enteng, tanpa header dan footer widget juga sidebar.
  4. Support Tutorial (demo-demo widget CSS), dan blogazine post.
  5. Support dengan Browser Mozilla, GC dan Safari.
Nah bagi sobat. yang berminat memakai template ini, langsung saja silahkan dicopy kodenya dibawah ini,sehingga mudah waktu pemasangan template ini, tinggal copy lalu paste dan save.
<!DOCTYPE html><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><meta charset='utf-8'/><meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/><meta content='blogger' name='generator'/><link expr:href='data:blog.url' rel='canonical'/><b:if cond='data:blog.pageType == &quot;item&quot;'><title><data:blog.pageName/></title><meta expr:content='data:blog.title + &quot;, &quot; + data:blog.pageName' name='description'/><meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title' name='keywords'/><b:else/><title><data:blog.pageTitle/></title><meta content='Kumpulan Theme Windows XP Seputar Tips Blogger dan Template' name='description'/><meta content='Game Info,Download Mp3,Windows,Thema Windows Xp,Thema Windows 7,Tips,Blogger,Cara,Pasang,Widget,Template,Blogazine,Seo,Kontes' name='keywords'/></b:if><meta content='qnypGAIbBMbbCPEVCLu-sRP_8MGsEeE7FG8VS2D7WnY' name='google-site-verification'/><meta content='1NJSgtxWtQl0GOr0nL3-EpnSPAs' name='alexaVerifyID'/><meta content='index,follow' name='robots'/><meta content='follow,all' name='googlebot'/><meta content='general' name='rating'/><link href='http://draft.blogger.com/openid-server.g' rel='openid.server'/><link href='http://cuerosbhelatos.blogspot.com/' rel='openid.delegate'/>
<b:if cond='data:blog.pageType != &quot;item&quot;'><b:if cond='data:blog.homepageUrl != data:blog.url'><!--//*PAGE AREA EDITOR*//--><b:skin><![CDATA[
@import url(http://fonts.googleapis.com/css?family=Niconne);
body{background:#A9A9F5 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAADCAYAAACwAX77AAAAFklEQVQI12NgYGCQ+v//PwM6ZiBZAgBcVS0iPBgVUgAAAABJRU5ErkJggg==) repeat center;margin:0;font:20px Niconne;color:#000;
}
a:visited,a:link{color:#fff;text-decoration:none;
}
a:hover{color:#A9A9F5;text-decoration:line-through;
}
html body{min-width:0;max-width:100%;width:100%;
}
#badan-besar{margin:0 auto;padding:15px 0 15px 0;
}
#weteng-gede{width:auto;margin:0 auto;-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;padding:5px;
}
h3{background:#A9A9F5;width:60%;margin:0 auto;margin-top:40px;padding:10px;font:30px Niconne;text-transform:capitalize;text-align:left;border:4px solid #fff;
box-shadow:1px 1px 0 #555,3px 3px 0 #fff,4px 4px 0 #555,6px 6px 0 #fff,7px 7px 0 #555,9px 9px 0 #fff,10px 10px 0 #555,inset 0 0 3px 1px #333;
}
h3:first-letter{border-radius:5px;background:#FFC900;font:35px Niconne;color:#fff;padding:0 10px 0 10px;border:1px solid #ddd;box-shadow:inset 0 0 2px #000;
}
h3 a{text-shadow:-1px 0 #000,0 1px #000,1px 0 #000, 0 -1px #000;
}
h3 a:hover{color:#A9A9F5;text-shadow:-1px 0 #ddd,0 1px #ddd,1px 0 #ddd, 0 -1px #ddd;
}
.autor{font:12px Verdana;color:#A9A9F5;font-style:italic;float:right;right;10px;top:10px;border:4px double #A9A9F5;padding:4px;background:#ddd;display:inline-block;cursor:help;
}
.komen{width:70%;font:14px Verdana;color:#A9A9F5;font-style:italic;text-align:center;margin-top:50px;border:4px double #A9A9F5;padding:4px;background:#ddd;
}
#blog-pager a{overflow:hidden;position:fixed;z-index:9;-webkit-transition:all 1s ease-out;-moz-transition:all 1s ease-out;-o-transition:all 1s ease-out;bottom:20px;font-size:18px;color:#555;border-radius:30%;background:#ddd;border:1px solid #fff;box-shadow:0 0 5px #000,inset 0 0 5px #000;padding:5px;
}
.blog-pager-older-link{right:5px;
}
.blog-pager-newer-link{left:5px;
}
#blog-pager a:hover{opacity:0.3;
}
.ndas{position:fixed;width:100%;height:35px;padding:2px;top:-5px;right:0;background:#A9A9F5;border-bottom:3px solid #ddd;box-shadow:0 0 10px #000,inset 0 0 2px #000;font:35px Niconne;color:#ddd;text-transform:capitalize;text-align:center;
}
.ndas a{color:#ddd;font:35px Niconne;text-shadow:-2px 0 #000,0 2px #000,2px 0 #000, 0 -2px #000;
}
.foter{margin:0 auto;margin-bottom:2px;font-size:20px;text-align:center;padding:2px;border-top:2px solid #ddd;color:#ddd
}
]]></b:skin></b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><!--//*POST AREA EDITOR*//--><link href='//www.blogger.com/static/v1/widgets/103638431-widget_css_bundle.css' rel='stylesheet' type='text/css'/><script type='text/javascript'>function toggle() {var ele = document.getElementById(&quot;comments&quot;);var text = document.getElementById(&quot;cocot&quot;);if(ele.style.display == &quot;block&quot;) {ele.style.display = &quot;none&quot;;text.innerHTML = &quot;&#10150; &#9830; Click To Post Comments &#9830;&quot;;}else {ele.style.display = &quot;block&quot;;text.innerHTML = &quot;&#10150; &#9830; Close This Comments &#9830;&quot;;}}</script>
<style>
@import url(http://fonts.googleapis.com/css?family=Niconne);
body{background:#fff url(https://sites.google.com/site/cuerosbhelatos/bintik.png) repeat center fixed;margin:0;font:15px Courier New,Courier,monospace;color:#000;
}
html body{min-width:0;max-width:100%;width:100%;
}
#menu{width:100%;display:block;background:#000;position:absolute;top:0;right:0;border-bottom:2px solid #fff;box-shadow:0 0 0 1px #777;z-index:999;padding:5px;
}
#menu a{float:right;font:bold 16px Courier New,Courier,monospace;text-transform:uppercase;text-decoration:none;margin:0 10px 0 10px;
}
#menu a:hover{color:#f00;text-shadow:-1px 0 #999,0 1px #999,1px 0 #999, 0 -1px #999;
}
#weteng-gede .widget .post-body ul{padding:0 1.5em;margin:.5em 0;
}
#weteng-gede .widget .post-body ul li{margin-bottom:.2em;
}
#badan-besar{margin:0 auto;margin-top:40px;padding:0;
}
#weteng-gede{width:auto;margin:0 auto;padding:0;
}
h3{width:auto;text-align:center;font:40px Niconne;text-transform:capitalize;color:#999;text-shadow:-1px 0 #000,0 1px #000,1px 0 #000, 0 -1px #000;border-bottom:2px solid;margin:5px 0 0 0;padding:2px;
}
a:link,a:visited{color:#999;text-decoration:none;
}
a:hover{color:#f00;text-decoration:line-through;text-shadow:-1px 0 #000,0 1px #000,1px 0 #000, 0 -1px #000;
}
#main .post-body{position:relative;padding:10px;border-bottom:1px solid;
}
kode,blockquote{display:block;overflow:auto;background:#777;margin:10px;border:4px double #ddd;padding:15px;font-size:14px;color:#fff;font-style:italic;
}
.tr_bq{background:#000;
}
/*comment*/
#comments{margin-top:0;padding:10px 10px 0 10px;border-top:1px solid;
}
#comments h4{font-size:14px;
}
.share,.comments-content .datetime a{float:right;
}
.comments-content .icon.blog-author{background-repeat:no-repeat;background-image:url(http://img2.blogblog.com/img/icon18_edit_allbkg.gif);
}
.comments-content,.comment-thread ol li{font-size:14px;color:#fff;background:rgba(0,0,0,.5);padding:10px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border:2px ridge #fff;-moz-box-shadow:inset 0 0 30px #fff;-webkit-box-shadow:inset 0 0 30px #fff;box-shadow:inset 0 0 30px #fff;
}
.comment .comment-block p.comment-content{background:rgba(0,0,0,.5);border-radius:4px;border:1px solid #fff;margin-right:-5px;padding:10px;z-index:-999;
}
#comment-holder kode,#comment-holder i[rel=&quot;kode&quot;] {display:block;padding:5px;margin:0;overflow:auto;font-size:11px;font-style:italic;text-align:left;background:#ddd;color:#000;border:4px double #000;
}
#comment-holder .gambar{display:block;background:#ddd;border:4px double #000;margin:0 auto;padding:5px;width:200px;height:150px;
}
#comment-holder .vrame{display:block;background:#ddd;border:4px double #000;margin:0 auto;padding:2px;width:95%;height:400px;overflow:auto;
}
#comment-holder .musik{display:block;background:#2E9AFE url(https://sites.google.com/site/binkbenk77/musiks.png) no-repeat center;border:4px double #fff;margin:0 auto;width:300px;height:150px;
}
#comment-holder .vidio{display:block;background:#ddd;border:4px double #000;margin:0 auto;padding:5px;width:400px;height:300px;
}
.comments .continue a,.comment-actions a{display:inline;background:#848484;-moz-border-radius:5px;border-radius:5px;-webkit-border-radius:5px;font-size:14px;color:#f00;padding:4px;border:1px solid #fff;
}
.comments .continue a{float:right;margin:-10px 10px;
}
.comment-actions a:hover,.comments .continue a:hover{color:#fff;background:#f00;padding:4px 15px 4px 15px;
}
.avatar-image-container{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border:2px ridge #fff;
}
#comments{display:none;
}
.cocot{width:98%;font:25px Niconne;margin:0 auto;text-align:center;background:#666;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border:2px solid;box-shadow:inset 0 0 1px 1px #ddd;
}
.cocot:hover{background:#fc0;box-shadow:inset 0 0 5px #000;
}
.cocot:active{background:#f00;
}
.blog-pager,#blog-pager{font-size:0;height:0;
}
#blog-pager a {overflow:hidden;position:fixed;text-indent:-9999px;font-size:0;width:35px;height:35px;z-index:999999;-webkit-transition:all 1s ease-out;-moz-transition:all 1s ease-out;transition:all 1s ease-out;bottom:0;opacity:0.8;
}
.blog-pager-older-link{background:url(https://sites.google.com/site/binkbenk77/olds.png) no-repeat;right:5px;
}
.blog-pager-newer-link{background:url(https://sites.google.com/site/binkbenk77/news.png) no-repeat;left:92%;
}
#blog-pager a:hover{opacity:0.1;
}
/*fotter*/
.foter{position:relative;width:auto;margin:0;border-top:1px solid;
}
#sidebar,.sidebar{width:auto;height:150px;padding:5px 30px 5px 30px;font:11px Courier New,Courier,monospace;text-align:justify;font-style:italic;color:#ddd;
}
#BlogArchive1,#Profile1{border-radius:10%;padding:10px;border:1px solid;box-shadow:0 0 5px #000;height:130px;background:#666;overflow:auto;position:relative;
}
#BlogArchive1{width:40%;float:left;
}
#Profile1{width:40%;float:right;
}
#BlogArchive1:before,#Profile1:before{content:&quot;&quot;;width:10px;height:10px;position:absolute;top:10px;left:5px;border:1px solid;border-radius:100%;background:#000;
}
#BlogArchive1:after,#Profile1:after{content:&quot;&quot;;width:10px;height:10px;position:absolute;top:10px;right:5px;border:1px solid;border-radius:100%;background:#000;
}
.sidebar h2{font-size:20px;text-align:center;margin-top:0;margin-bottom:0;color:#fff;text-shadow:-1px 0 #000,0 1px #000,1px 0 #000, 0 -1px #000;
}
/*profil setting*/
img.profile-img{float:left;width:50px;height:50px;border-radius:5px;border:3px solid #6E6E6E;box-shadow:0 0 5px #000;
}
.widget-content{background:#333;height:90px;width:auto;overflow:hidden;font-style:italic;padding:5px;border:1px solid #ddd;border-radius:5px;
}
.widget-content:hover{overflow:auto;
}
.widget-fotter{background:#666;width:auto;margin:0;font-size:14px;text-align:center;padding:6px;border-top:1px solid;
}
</style>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'><!--//*HOME AREA EDITOR*//-->
<style>
/*HOME*/
@import url(http://fonts.googleapis.com/css?family=Diplomata+SC);
body{background:#fa0 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGUlEQVQYlWNgGDxAW1t7s7a29mbqKRzKAACehgTR4PFIOAAAAABJRU5ErkJggg==);font:12px Diplomata SC;color:#555;
}
.nice:hover{color:#DF0101;
}
.nice{position:fixed;bottom:100px;right:10px;z-index:-9999;font:600px/100px Diplomata SC;color:#ddd;text-shadow:1px 0 #555,-

1px 0 #555,0 1px #555,0 -1px #555;
}
a:visited,a:link{color:#a00;text-decoration:none;
}
a:hover{color:#ddd;text-decoration:line-through;
}
.menu{width:600px;margin:0 auto;position:relative; z-index:100;margin-top:2%;
-webkit-perspective:400px;-moz-perspective:400px;perspective:400px;-webkit-transform-origin:50% 100%;-moz-transform-

origin:50% 100%;transform-origin:50% 100%;
}
.menu div{position:absolute;padding:10px;-webkit-transform-style:preserve-3d;
-moz-transform-style:preserve-3d;transform-style:preserve-3d;top:100%; left:0;width:580px;-webkit-transform-origin: 0 0;-moz

-transform-origin: 0 0;transform-origin:0 0;box-shadow:0 0 0 2px #ddd,inset 0 0 0 1px #555;
}
.menu div{background:#c80;
}
.menu .odd,.menu .even{-webkit-transition:all 1s;transition:all 1s;
}
.menu .first{-webkit-transform:rotateX(-20deg);transform:rotateX(-20deg);-webkit-transition:all 1s;transition:all 1s;
}
.menu .last{border-radius:0 0 10px 10px;
}
.menu .even:hover{background:#fc0;
}
.menu .odd:hover{background:#f00;
}
.menu .first:hover{background:#f00;
}
.menu:hover .sub{-moz-transform:rotateX(0deg);-webkit-transform:rotateX(0deg);
}
.menu .sub img{display:block;float:left;
}
.menu .sub a{font:25px Diplomata SC;float:right;
}
.menu a.main{display:block;font:bold 40px Diplomata SC;text-align:center; text-

decoration:none;padding:3px;color:#F5D0A9;background:#b00;border-radius:10px 10px 0 0;position:relative;z-

index:100;border:2px solid #ddd;box-shadow:inset 0 0 0 1px #777,0 0 0 1px #555;
}
.menu a.main:hover{color:#f00;
}
#foter{height:55px;width:100%;margin:0 auto;position:fixed;bottom:10px;z-index:-999;
}
#sikil{color:#F5D0A9;font-size:12px;;margin:0 auto;padding:15px;text-align:center;width:90%;background:#b00;border-

radius:10px;border:2px solid #ddd;box-shadow:inset 0 0 0 1px #777,0 0 0 1px #555;
}
#sikil a{color:#ddd;
}
/*End HOME*/
</style>
</b:if>
&lt;!--//*</head>*//--&gt;&lt;/head&gt;<!--/*<body>*/--><body><b:if cond='data:blog.url == data:blog.homepageUrl'>
<div class='nice'>&#174;</div>
<div class='menu'>
<a class='main' href=''>Blog Menu</a>
<div class='sub first'>
<img border='0' height='40' src='http://i1206.photobucket.com/albums/bb455/binkbenk/home1.png' width='150'/><a href=''>Home Page</a>
<div class='sub even'>
<img border='0' height='40' src='http://i1206.photobucket.com/albums/bb455/binkbenk/isingi.png' width='150'/><a href='/search/label/max-result=5' title='Lihat Daftar Isi Blogku'>Daftar Isi</a>
<div class='sub odd'>
<img border='0' height='40' src='http://i1206.photobucket.com/albums/bb455/binkbenk/facebook_256-1.png' width='150'/>
<a href='http://www.facebook.com/' title='Hubungi Aku Lewat Facebook'>Facebook</a>
<div class='sub even'>
<img border='0' height='40' src='http://i1206.photobucket.com/albums/bb455/binkbenk/book.png' width='150'/><a href='/p/about-me.html' title='Sekilas Tentang Aku dan Siapa Aku'>Tentang Aku</a>
<div class='sub odd last'>
<img border='0' height='40' src='http://i1206.photobucket.com/albums/bb455/binkbenk/folow.png' width='150'/>
<a href='/p/buku-tamu.html' title='Ngobrol-Ngobrol di Sini'>Buku Tamu</a></div>
</div>
</div>
</div>
</div>
</div>
<div id='foter'>
<div id='sikil'>
|| Copyright 2012 By : <a href='http://light-orange.blogspot.com/'>Blogazine</a> | Template Created By : <a href='http://cuerosbhelatos.blogspot.com/'>Binkbenks</a> || &#174;</div></div>
<b:else/>
<b:if cond='data:blog.pageType != &quot;item&quot;'><div class='ndas'><a expr:href='data:blog.homepageUrl'>* <data:blog.title/> *</a></div></b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='menu'><a href='/p/donasi.html'>&#10004;Donasi Blog</a><a href='/p/my-friends.html'>&#9785;Follow Me</a><a href='/p/buku-tamu-sahabat.html'>&#9993;Guest Book</a><a href='/search/label/max-result=5'>&#10070;New Post</a><a href='/p/daftar-isi-blogku.html'>&#9782;Archive</a><a class='active' expr:href='data:blog.homepageUrl'>&#10026;Home</a></div></b:if>
<div id='badan-besar'><div id='weteng-gede'>
<b:section class='main' id='main' showaddelement='yes'>
  <b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'>
    <b:includable id='main' var='top'>
<b:if cond='data:mobile == &quot;false&quot;'>
<!-- posts -->
<div class='blog-posts hfeed'>
<data:defaultAdStart/><b:loop values='data:posts' var='post'>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'><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 == &quot;item&quot;'><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: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'>&lt;/div&gt;&lt;/div&gt;</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(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
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'/>
    <b:includable id='backlinks' var='post'>
<a name='links'/><h4><data:post.backlinksLabel/></h4></b:includable>
    <b:includable id='comment-form' var='post'><div class='comment-form'><a name='comment-form'/><b:if cond='data:mobile'><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='' style='margin-left:10px;border-radius:5px;border:2px ridge;box-shadow:0 0 30px #fff,inset 0 0 30px #fff;padding:2%' width='650'/></b:if>
<data:post.friendConnectJs/><data:post.cmtfpIframe/>
<script type='text/javascript'>BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);</script>
</div></b:includable>
    <b:includable id='commentDeleteIcon' var='comment'/>
    <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'><b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='cocot'><a href='javascript:toggle()' id='cocot'>&#10150; &#9830; Click To Post Comments &#9830;</a></div><div class='comments' id='comments'><b:if cond='data:post.allowComments'><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>&#160;
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>&#160;</b:if>
<data:post.commentRangeText/>
<b:if cond='data:post.hasNewerLinks'>&#160;<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>&#160;
<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 + &quot;_comments-block-wrapper&quot;'><dl expr:class='data:post.avatarIndentClass' id='comments-block'><b:loop values='data:post.comments' var='comment'>
<dt expr:class='&quot;comment-author &quot; + 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'/>
<dd class='comment-footer'><span class='comment-timestamp'><a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/></a></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>&#160;<data:post.commentRangeText/>&#160;
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a><a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a></span></b:if>
<p class='comment-footer'><b:if cond='data:post.embedCommentForm'><b:if cond='data:post.allowNewComments'>
<b:include data='post' name='comment-form'/><b:else/><data:post.noNewCommentsText/></b:if><b:else/>
<b:if cond='data:post.allowComments'><a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a></b:if></b:if></p></b:if></div></b:if></b:includable>
    <b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:else/></b:if></b:includable>
    <b:includable id='feedLinksBody' var='links'/>
    <b:includable id='iframe_comments' var='post'>
<b:if cond='data:post.allowComments'><script expr:src='data:post.commentSrc' type='text/javascript'/>
<div class='cmt_iframe_holder'/><b:if cond='data:post.embedCommentForm == &quot;false&quot;'><a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>data:postCommentMsg/&gt;</a></b:if></b:if>
</b:includable>
    <b:includable id='mobile-index-post' var='post'>
<div class='mobile-date-outer date-outer'><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'>&amp;rsaquo;</div>
<div class='mobile-index-contents'><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 != &quot;static_page&quot;'><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:if cond='data:blog.pageType == &quot;index&quot;'><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'/>
    <b:includable id='mobile-post' var='post'>
<b:if cond='data:post.title'><h3 class='judul-posting' 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-body entry-content' expr:id='&quot;post-body&quot;'>
<data:post.body/><div style='clear: both;'/><!-- clear for photos floats --></div>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<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 == &quot;item&quot;'><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='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 + &quot;_blog-pager-newer-link&quot;' 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 + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a></span></b:if><b:if cond='data:mobileLinkUrl'><div class='blog-mobile-link'><a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a></div></b:if></div></b:includable>
    <b:includable id='post' var='post'>
<b:if cond='data:post.title'><h3 class='judul-posting'><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'>
<span class='autor'>writed by : <data:post.author/></span><a expr:href='data:post.url'>&#10026; <data:post.title/></a><div class='komen'><data:post.commentLabelFull/> &#174;</div><b:else/>&#10004; <data:post.title/></b:if><b:else/><data:post.title/></b:if></b:if></h3></b:if>
<div class='post-body entry-content' expr:id='&quot;post-body&quot;'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/><b:else/>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:post.jumpLink != data:post.hasJumpLink'>
</b:if><b:else/>
<data:post.body/></b:if></b:if>
<div style='clear: both;'/><!-- clear for photos floats --></div></b:includable>
    <b:includable id='postQuickEdit' var='post'/>
    <b:includable id='shareButtons' var='post'>
<b:if cond='data:top.showFacebookButton'/><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 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'><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='400' id='comment-editor' name='comment-editor' src='' style='border-radius:5px;border:2px ridge;box-shadow:inset 0 0 30px #fff;padding:1%' width='97%'/></b:if><data:post.friendConnectJs/><data:post.cmtfpIframe/>
<script type='text/javascript'>BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
</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 = '200px';
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'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='cocot'><a href='javascript:toggle()' id='cocot'>&#10150; &#9830; Click To Post Comments &#9830;</a></div><div class='comments' id='comments'><!-- AddThis Button BEGIN -->
<div class='share'><div class='addthis_toolbox addthis_default_style'>
<a class='addthis_button_facebook_like' fb:like:layout='button_count'/><a class='addthis_counter addthis_pill_style'/></div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4fabd3f366f7a719' type='text/javascript'/></div>
<!-- AddThis Button END -->
<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></div></b:if></b:includable>
  </b:widget>
</b:section>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='foter'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
  <b:widget id='BlogArchive1' locked='false' title='Blog Archives' type='BlogArchive'>
    <b:includable id='main'>
  <b:if cond='data:title'>
    <h2>&#10004; <data:title/></h2>
  </b:if>
  <div class='widget-content'>
  <div id='ArchiveList'>
  <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
    <b:if cond='data:style == &quot;HIERARCHY&quot;'>
     <b:include data='data' name='interval'/>
    </b:if>
    <b:if cond='data:style == &quot;FLAT&quot;'>
      <b:include data='data' name='flat'/>
    </b:if>
    <b:if cond='data:style == &quot;MENU&quot;'>
      <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='&quot;archivedate &quot; + 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 + &quot;_ArchiveMenu&quot;'>
    <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 == &quot;expanded&quot;'>
    <a class='toggle' href='javascript:void(0)'>
      <span class='zippy toggle-open'>&#9660;&#160;</span>
    </a>
  <b:else/>
    <a class='toggle' href='javascript:void(0)'>
      <span class='zippy'>
        <b:if cond='data:blog.languageDirection == &quot;rtl&quot;'>
          &#9668;&#160;
        <b:else/>
          &#9658;&#160;
        </b:if>
      </span>
    </a>
  </b:if>
 </b:if>
</b:includable>
  </b:widget>
  <b:widget id='Profile1' locked='false' title='Mengenai Saya' type='Profile'>
    <b:includable id='main'>
    <b:if cond='data:title != &quot;&quot;'>
      <h2>&#9787; <data:title/></h2>
    </b:if>
    <div class='widget-content'>
    <b:if cond='data:team == &quot;true&quot;'> <!-- team blog profile -->
      <ul>
        <b:loop values='data:authors' var='i'>
          <li><a class='profile-name-link' expr:href='data:i.userUrl' expr:style='&quot;background-image: url(&quot; + data:i.profileLogo + &quot;);&quot;'><data:i.display-name/></a></li>
        </b:loop>
      </ul>

    <b:else/> <!-- normal blog profile -->

      <b:if cond='data:photo.url != &quot;&quot;'>
        <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' expr:href='data:userUrl' expr:style='&quot;background-image: url(&quot; + data:profileLogo + &quot;);&quot;' rel='author'>
            <data:displayname/>
          </a>
        </dt>

        <b:if cond='data:showlocation == &quot;true&quot;'>
          <dd class='profile-data'><data:location/></dd>
        </b:if>

        <b:if cond='data:aboutme != &quot;&quot;'><dd class='profile-textblock'><data:aboutme/></dd></b:if>
      </dl>
      <a class='profile-link' expr:href='data:userUrl' rel='author'><data:viewProfileMsg/></a>
    </b:if>

     <b:include name='quickedit'/>
    </div>
  </b:includable>
  </b:widget>
</b:section></div>
<div class='widget-fotter'>|| <a href='http://cuerosbhelatos.blogspot.com/'>&#10070;</a> | Copyright 2012 By : <a expr:href='data:blog.homepageUrl'><data:blog.title/></a> | Template Created By : <a href='http://cuerosbhelatos.blogspot.com/'>Binkbenks</a> ||</div>
</b:if>
</div></div><div class='clear'/>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div class='foter'>|| <a href='http://cuerosbhelatos.blogspot.com/'>&#10070;</a> | Copyright 2012 By : <a expr:href='data:blog.homepageUrl'><data:blog.title/></a> | Template Created By : <a href='http://cuerosbhelatos.blogspot.com/'>Binkbenks</a> ||</div></b:if>
<script src='https://sites.google.com/site/binkbenk77/ngakak.js' type='text/javascript'/></b:if>&lt;!--//*</body>*//--&gt;&lt;/body&gt;</html>
Semoga bisa bermanfaat dan maaf atas segala kekurangannya...!!!!
Posted On : 24 April 2012 Time : 19.44
SHARE TO :
| | Powered By : C.(BH-elatos) | Copyright By : cuerosbhelatos | |