Langsung ke konten utama

Unggulan

Surat Al-Fatihah

بِسْمِ اللّٰهِ الرَّحْمٰنِ الرَّحِيْمِ ۝١ bismillâhir-raḫmânir-raḫîm Dengan nama Allah Yang Maha Pengasih lagi Maha Penyayang. اَلْحَمْدُ لِلّٰهِ رَبِّ الْعٰلَمِيْنَۙ ۝٢ al-ḫamdu lillâhi rabbil-‘âlamîn Segala puji bagi Allah, Tuhan semesta alam الرَّحْمٰنِ الرَّحِيْمِۙ ۝٣ ar-raḫmânir-raḫîm Yang Maha Pengasih lagi Maha Penyayang, مٰلِكِ يَوْمِ الدِّيْنِۗ ۝٤ mâliki yaumid-dîn Pemilik hari Pembalasan. اِيَّاكَ نَعْبُدُ وَاِيَّاكَ نَسْتَعِيْنُۗ ۝٥ iyyâka na‘budu wa iyyâka nasta‘în Hanya kepada Engkaulah kami menyembah dan hanya kepada Engkaulah kami memohon pertolongan. اِهْدِنَا الصِّرَاطَ الْمُسْتَقِيْمَۙ ۝٦ ihdinash-shirâthal-mustaqîm Bimbinglah kami ke jalan yang lurus, صِرَاطَ الَّذِيْنَ اَنْعَمْتَ عَلَيْهِمْ ەۙ غَيْرِ الْمَغْضُوْبِ عَلَيْهِمْ وَلَا الضَّاۤلِّيْنَࣖ ۝٧ shirâthalladzîna an‘amta ‘alaihim ghairil-maghdlûbi ‘alaihim wa ladl-dlâllîn (yaitu) jalan orang-orang yang telah Engkau beri nikmat, bukan (jalan) mereka yang dimurkai dan bukan (pula jalan) orang-orang yang sesat.

Blurred Template 2013

Blurred Template 2013 (Template Suram),, Template sederhana ini mungkin nggak banyak yang suka,,, karena dilihat dari namanya saja blurr....(kabur/tidak jelas atau suram). Dengan menggunakan dominasi warna yang suram dan mungkin terlihat tidak menarik, namun apa salahnya kalau dilihat dulu Demo/Previewnya.

Style template ini menggunakan CSS target yang sebelumnya saya sudah mencoba pada Sliding Style Template,, Namun ada sedikit perubahan mulai dari warna dll.
Namun untuk homepage bila dibuka dengan browser IE tidak mau support, tapi  jangan khawatir karena saat dibuka dengan browser Internet Explorer akan muncul Dialog Box Warning yang menyarankan pada pengunjung agar memakai Firefox atau Chrome.

Untuk screenshootnya pada Home Page seperti pada gambar dibawah ini :
Untuk screenshootnya pada Posting Area seperti pada gambar dibawah ini :

Fitur-Fitur :

  • Support Browser Mozila, Crome dll.
  • Untuk Browser IE kurang sempurna.
  • Dialog box warning saat dibuka dengan IE.
  • IE belum support dengan efek shadow, transisi, border dll.
  • Easy Loading, Simple Thread Comments dll.
  • Thread comment support dengan emo, gambar, kode, video.
  • Untuk Gambar ketik [img]url gambar[/img]
  • Untuk Kode ketik [kode]isi kode[/kode]
  • Atau ketik isi kode
  • Untuk Video ketik [video]url video[/video]
  • embed kode dari situs lain [frame] url situs [/frame]
  • Untuk Emo kodenya :), :(, ;), :D, ;;-), :ar!, =)) dll

Kode Blurred Template 2013 :

<!DOCTYPE html><html><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 expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
<b:if cond='data:blog.pageType != &quot;item&quot;'><b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:skin><![CDATA[@import url(http://fonts.googleapis.com/css?family=Audiowide);body{background:#888 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAADCAYAAACwAX77AAAAFklEQVQI12NgYGCQ+v//PwM6ZiBZAgBcVS0iPBgVUgAAAABJRU5ErkJggg==) repeat center;margin:0;font:20px Audiowide;color:#000;
}
a:visited,a:link{color:#999;text-decoration:none;
}
a:hover{color:#fc0;text-decoration:line-through;
}
html body{min-width:0;max-width:100%;width:100%;
}
#badan-besar{margin:0 auto;padding:15px 0 15px 0;
}
h3{background:#777;width:60%;margin:0 auto;margin-top:40px;padding:10px;font:20px Audiowide;text-transform:capitalize;text-align:left;text-shadow:-1px 0 #000,0 1px #000,1px 0 #000, 0 -1px #000;border:1px solid #555;
-moz-box-shadow:1px 1px 0 #555,3px 3px 0 #ccc,4px 4px 0 #555,6px 6px 0 #ccc,7px 7px 0 #555,9px 9px 0 #ccc,10px 10px 0 #555;
-webkit-box-shadow:1px 1px 0 #555,3px 3px 0 #ccc,4px 4px 0 #555,6px 6px 0 #ccc,7px 7px 0 #555,9px 9px 0 #ccc,10px 10px 0 #555;
box-shadow:1px 1px 0 #555,3px 3px 0 #ccc,4px 4px 0 #555,6px 6px 0 #ccc,7px 7px 0 #555,9px 9px 0 #ccc,10px 10px 0 #555;
}
h3:first-letter{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;background:#fc0;font:25px Audiowide;color:#ddd;padding:0 10px 0 10px;border:1px inset #ddd;-moz-box-shadow:inset 0 0 10px #000;-webkit-box-shadow:inset 0 0 10px #000;box-shadow:inset 0 0 10px #000;
}
.autor{font:12px Verdana;color:#ddd;font-style:italic;float:right;right;10px;top:10px;border:4px double #777;padding:4px;background:#444;display:inline-block;
}
.komen{font:14px Verdana;color:#ddd;font-style:italic;text-align:center;margin-top:50px;border:4px double #777;padding:4px;background:#444;
}
#blog-pager a{margin:0 0 0 5px;overflow:hidden;position:fixed;top:43%; opacity:0.3;text-indent:-9999px;width:120px;height:120px;z-index:9;-webkit-transition:all 1s ease-out;-moz-transition:all 1s ease-out;-o-transition:all 1s ease-out;
}
.blog-pager-older-link{background:url(http://i1206.photobucket.com/albums/bb455/binkbenk/go1.png) no-repeat;right:5px;
}
.blog-pager-newer-link{background:url(http://i1206.photobucket.com/albums/bb455/binkbenk/bak1.png) no-repeat;left:0;
}
#blog-pager a:hover{opacity:1;
}
.ndas{position:fixed;width:100%;height:35px;padding:2px;top:-5px;right:0;background:#777;border-bottom:3px solid #ddd;-moz-box-shadow:0 0 20px #000,inset 0 0 10px #000;-webkit-box-shadow:0 0 20px #000,inset 0 0 10px #000;box-shadow:0 0 20px #000,inset 0 0 10px #000;font:30px Audiowide;text-transform:uppercase;text-align:center;text-shadow:-2px 0 #ddd,0 2px #ddd,2px 0 #ddd, 0 -2px #ddd;
}
.copy{margin:0 auto;margin-bottom:2px;font-size:14px;text-align:center;padding:4px;border-top:1px solid #000;
}
.copy a{text-shadow:-1px 0 #000,0 1px #000,1px 0 #000,0 -1px #000;
}
/*animasi*/
@-moz-keyframes myfirst{from{opacity:0;}to{opacity:10;}}@-webkit-keyframes myfirst{from{opacity:0;}to{opacity:10;}}@keyframes{from{transform:translate(0px, 9000px)}to{transform:translate(0px, 0px)}}@-moz-keyframes{from{-moz-transform:translate(0px, 9000px)}to{-moz-transform:translate(0px, 0px)}}@-webkit-keyframes{from{-webkit-transform:translate(0px, 9000px)}to{-webkit-transform:translate(0px, 0px)}}
body{animation:myfirst 5s;-moz-animation:myfirst 5s;-webkit-animation:myfirst 5s;
}
]]></b:skin></b:if></b:if>
<!--//* Template Name : Blurred Template
        Copyright     : On 26 April 2013
        Created By    : BinkbenkDjoel
        Site Url      : http://cuerosbhelatos.blogspot.com *//-->
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>
<script src='https://sites.google.com/site/cuerosbhelatos/labeles.js' type='text/javascript'/>
<script type='text/javascript'>var speed = none;var pause = none;$(document).ready(function(){rpnewsticker();interval = setInterval(rpnewsticker, pause);});</script>
<script>window.setTimeout(&quot;jam()&quot;,1000);function jam() {var tanggal = new Date();setTimeout(&quot;jam()&quot;,1000);document.getElementById(&quot;waktu&quot;).innerHTML = tanggal.getHours()+&quot;:&quot;+tanggal.getMinutes()+&quot;:&quot;+tanggal.getSeconds()+&quot; PM&quot;;}</script>
<style>
body{background:#999;font:14px Courier New,Courier,monospace;color:#ddd;
}
a:link,a:visited{color:#ddd;text-decoration:none;
}
a:hover{color:#fc0;
}
li{margin-left:10px;
}
table{width:95%;margin:0 auto;position:relative;margin-top:5%;
}
h1{width:auto;margin:0;position:relative;
}
h1{margin:0;height:0;border-bottom:80px solid #555; /* merubah tinggi */ border-right:90px solid transparent; /* merubah sudut */ display:inline-block;padding:0 10px;
}
h2{width:auto;float:right;position:relative;
}
h2{margin:0;height:0;border-bottom:25px solid #444; /* merubah tinggi */border-left:90px solid transparent; /* merubah sudut */ display:inline-block;padding:0 10px;
}
.trade{font:bold 70px Courier New,Courier,monospace;color:#ddd;text-shadow:-1px 0 #000,0 1px #000,1px 0 #000, 0 -1px #000;text-align:center;text-transform:capitalize;
}
.merk{font:bold 20px Courier New,Courier,monospace;color:#999;
}
.menu{background:#666;position:relative;font-size:30px;font-style:italic;border-radius:5px;border:1px solid #333;text-transform:capitalize;
}
.menu ul{padding:0 5px 0 5px;
}
.menu li {margin-bottom:5px;list-style:none;border-bottom:1px dashed #444;
}
.menu a:link,.menu a:visited{color:#ddd;margin:10px;text-shadow:-1px 0 #000,0 1px #000,1px 0 #000, 0 -1px #000;text-decoration:none;
}
.menu a:hover{color:#fc0;opacity:0.7;
}
.pos{position:relative;width:auto;padding:10px 5px 10px 5px;
}
.pos1{background:#444;position:relative;width:auto;padding:10px 5px 10px 5px;border-radius:5px;border:1px solid #333;
}
#come{background:#777;display:block;width:400px;position:absolute;right:10%;border-radius:5px;border:1px solid #333;
}
#come::before,#come::after {content:&quot;&quot;;width: 60%;position: absolute;height: 50px;box-shadow: 0 20px 8px #222;-webkit-transform: rotate(-5deg) skew(-10deg);-moz-transform: rotate(-5deg) skew(-10deg);transform: rotate(-5deg) skew(-10deg);left: 10px;bottom: 13px;z-index:-1;
}
#come::after {left: auto;right: 10px;-webkit-transform: rotate(5deg) skew(10deg);-moz-transform: rotate(5deg) skew(10deg);transform: rotate(5deg) skew(10deg);
}
#isi1,#isi2,#isi3,#isi4,#isi5{display:block;width:0;height:0;position:relative;overflow:hidden;-webkit-transition:all 2s ease-out;-moz-transition:all 2s ease-out;transition:all 2s ease-out;margin:0 auto;z-index:1;
}
#isi1:target,#isi2:target,#isi3:target,#isi4:target,#isi5:target{width:95%;height:350px;overflow:auto;padding:5px;background:#666;margin:0;border-radius:5px;border:1px solid #333;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg);margin:0 auto;
}
/* new post */
#rp_plus_img{width:auto;height:auto;overflow:hidden;font-size:12px;color:#444;
}
#rp_plus_img a:link,#rp_plus_img a:visited{color:#222;
}
#rp_plus_img a:hover{color:#fc0;
}
#rp_plus_img ul{list-style-type:none;margin:0;padding:0;
}
#rp_plus_img li{height:48px;padding:5px;list-style:none;background:#ddd;border-radius:3px;border:1px solid #222;margin-left:-40px;
}
#rp_plus_img .news-title{display:block;font-size:14px;font-weight:bold;text-align:center;text-transform:uppercase;
}
#rp_plus_img .news-text{display:block;font-size:12px;font-weight:normal;color:#444;text-align:left;text-transform:capitalize;font-style:italic;border-top:1px solid #888;
}
#rp_plus_img img{background:#fc0;float:left;margin-right:14px;padding:2px;width:40px;height:40px;border-radius:3px;border:1px solid #888;
}
/*tooltip*/
.tooltip{position: relative;
}
.tooltip span {display:block;position:absolute;top:-2000px;font:11px Courier New,Courier,monospace;color:#fff;text-align:center;padding:10px;border-radius:10px;-moz-box-shadow:0px 0px 9px #000;-webkit-box-shadow: 0px 0px 9px #000;box-shadow:0px 0px 9px #000;border:1px solid #fff;background:#333 url(https://lh3.googleusercontent.com/-aPsqP_cKj0k/UB1pbaBgV_I/AAAAAAAAFiY/xqeP4CLV3ew/s48/Info.png) no-repeat top left;-webkit-transition:all 1s ease-in-out;-moz-transition: all 1s ease-in-out;transition:all 1s ease-in-out;opacity:0.5;z-index:999;
}
.tooltip:hover span {position:absolute;top:45px;right:0;opacity:0.9;
}
.tooltip p {font:bold 20px/35px Courier New,Courier,monospace;margin:0 0 0 45px;
}
.tooltip em {font:bold 20px/20px Courier New,Courier,monospace;
}
.tooltip img{opacity:0.5;
}
/*pencarian*/
.goleki{width:auto;text-align:center;
}
form{display:inline-block;background:#333;border-radius:5px;border:1px solid #fff;box-shadow:0 0 5px #000;padding:2px;height:40px;
}
#search input[type=&quot;text&quot;] {background:#ddd;font:14px Arial,Helvetica,Sans-serif;font-style:italic;color:#000;text-align:left;width:300px;height:38px;float:left;padding:0 5px 0 5px;color:#000;border:1px solid #fff;box-shadow:inset 0 0 5px #000;-webkit-transition:all 1s ease-in-out;-moz-transition: all 1s ease-in-out;transition:all 1s ease-in-out;border-radius:50px;
}
#search input[type=&quot;text&quot;]:hover {width:350px;background:#fc5;border-radius:3px;border:1px solid #ddd;box-shadow:inset 0 0 5px #000;font-size:16px;text-align:right;color:#fff;text-shadow: -1px -2px 1px #000;
}
#search input[type=&quot;text&quot;]:focus {width:450px;background:#fff;border-radius:50px;border:1px solid #ddd;box-shadow:inset 0 0 10px #000;
}
#cari{margin-left:4px;width:45px;height:40px;border-radius:3px;border:1px solid #fff;box-shadow:0 0 2px #333;background:#222 url(http://1.bp.blogspot.com/-7JJIq-zwDUM/UIayN81BnpI/AAAAAAAACQA/_zi-PTrGoK4/s400/search.png) no-repeat center;cursor:pointer;-webkit-transition:all 1s ease-in-out;-moz-transition: all 1s ease-in-out;transition:all 1s ease-in-out;z-index:10;
}
#cari:hover{background:#fc0 url(http://1.bp.blogspot.com/-7JJIq-zwDUM/UIayN81BnpI/AAAAAAAACQA/_zi-PTrGoK4/s400/search.png) no-repeat center;width:55px;height:50px;border:1px solid #fff;box-shadow:0 0 5px #000,inset 0 0 5px #000;-webkit-transform:rotate(20deg);-moz-transform:rotate(20deg);transform:rotate(20deg);z-index:9999;
}
/*loading*/
#loading{position:fixed;left:0;top:0;width:100%;height:100%;z-index:999;overflow:hiden;
background: rgb(10,8,9);background: -moz-linear-gradient(-45deg, rgba(10,8,9,1) 0%, rgba(10,14,10,1) 40%, rgba(110,119,116,1) 52%, rgba(0,0,0,1) 67%, rgba(0,0,0,1) 100%);background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(10,8,9,1)), color-stop(40%,rgba(10,14,10,1)), color-stop(52%,rgba(110,119,116,1)), color-stop(67%,rgba(0,0,0,1)), color-stop(100%,rgba(0,0,0,1)));background: -webkit-linear-gradient(-45deg, rgba(10,8,9,1) 0%,rgba(10,14,10,1) 40%,rgba(110,119,116,1) 52%,rgba(0,0,0,1) 67%,rgba(0,0,0,1) 100%);background: -o-linear-gradient(-45deg, rgba(10,8,9,1) 0%,rgba(10,14,10,1) 40%,rgba(110,119,116,1) 52%,rgba(0,0,0,1) 67%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, rgba(10,8,9,1) 0%,rgba(10,14,10,1) 40%,rgba(110,119,116,1) 52%,rgba(0,0,0,1) 67%,rgba(0,0,0,1) 100%);background: linear-gradient(135deg, rgba(10,8,9,1) 0%,rgba(10,14,10,1) 40%,rgba(110,119,116,1) 52%,rgba(0,0,0,1) 67%,rgba(0,0,0,1) 100%);
}
.putar1{position:absolute;bottom:25%;left:34%;display:inline-block;background-color: rgba(0,0,0,0);border:5px solid #ddd;opacity:.9;border-top:5px solid rgba(0,0,0,0);border-bottom:5px solid rgba(0,0,0,0);border-radius:100%;box-shadow: 0 0 35px #ddd;width:auto;height:auto;-moz-animation:putar 4s infinite ease-in-out;-webkit-animation:putar 4s infinite linear;
}
.putar2{background-color: rgba(0,0,0,0);border:5px solid #ddd;opacity:.9;border-left:5px solid rgba(0,0,0,0);border-right:5px solid rgba(0,0,0,0);border-radius:350px;box-shadow: 0 0 15px #ddd,inset 0 0 15px #ddd;width:300px;height:300px;margin:5px;
-moz-animation:putardalam 1s infinite linear;-webkit-animation:putardalam 1s infinite linear;background:url(http://binkbenk.nazuka.net/images/216_blogger_2.png) no-repeat center;
}
@-moz-keyframes putar{0% { -moz-transform:rotate(-120deg); opacity:0; box-shadow:0 0 1px #ddd;}30% { -moz-transform:rotate(420deg); opacity:1;}100% { -webkit-transform:rotate(-420deg); opacity:1;}
}
@-webkit-keyframes putar {0% { -webkit-transform:rotate(-120deg);opacity:0;box-shadow:0 0 1px #ddd;}30% { -webkit-transform:rotate(420deg);opacity:1;}100% { -webkit-transform:rotate(-420deg);opacity:1;}
}
@-moz-keyframes putardalam {0% { -moz-transform:rotate(-320deg);opacity:1;}100% { -moz-transform:rotate(0deg);opacity:1;}
}
@-webkit-keyframes putardalam{0% { -webkit-transform:rotate(-320deg);opacity:1;}100% { -webkit-transform:rotate(0deg);opacity:1;}
}
.waiting{position:fixed;bottom:5%;left:20%;font:100px Vivaldi;color:#585858;text-shadow:-1px 0 #ddd, 0 1px #ddd, 1px 0 #ddd, 0 -1px #ddd;border-bottom:2px solid #ddd;text-decoration:blink;
}
/* show on browser IE */
#peringatan{position:fixed;bottom:10%;left:25%;z-index:10;border:2px solid #ddd;background:#000;padding:20px;width:45%;font-size:20px;text-align:center;color:#fc0;
}
/*Clock Position*/
.jam{position:absolute;top:50px;right:5px;font:bold 25px Courier New,Courier,monospace;color:#ddd;text-shadow:-1px 0 #000,0 1px #000,1px 0 #000, 0 -1px #000;text-align:center;
}
.clear{clear:both;
}
</style>
</b:if>
</head>
<!--/*<body>*/--><body onload='init()'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div id='loading'><div class='putar1'><div class='putar2'/></div><span class='waiting'>Please Wait...&#9785;</span></div><script src='https://sites.google.com/site/binkbenk77/loading.js'/>
<!--[if IE]><div id='peringatan'><div class='trade'>Sorry friends...</div>
</br>Not support with Internet Explorer!
<p>Please Use a secure browser that is :</p>
<li><a href='http://www.mozilla.com/it/firefox/' target='_blank'>Mozilla Firefox</a></li>
<li><a href='https://www.google.com/intl/id/chrome/browser/' target='_blank'>Google Crome</a></li>
</br>Then back again !!!</div><![endif]-->
<table border='0'>
<tr><td colspan='3' style='border-bottom:2px solid #555;'><h1 class='trade'>Simple&#8482;<span class='merk' style='text-shadow:none;'>
  Share N Enjoy</span></h1><div class='jam' id='waktu'/>
</td></tr>
<tr><td class='pos'>
<div class='menu'>
<ul>
<li><a class='tooltip' href='#isi1'><img src='http://binkbenk.nazuka.net//images/297_yellow_25_tn.jpg' width='50'/>Recents Post<span><p>
Information</p>
<em>U</em> can read new entry</span></a></li>
<li><a class='tooltip' href='#isi2'><img src='http://binkbenk.nazuka.net//images/934_yellow_26.png' width='50'/>Archive Blog<span><p>
Information</p>
<em>A</em>ll blogg archive</span></a></li>
<li><a class='tooltip' href='#isi3'><img src='http://binkbenk.nazuka.net//images/575_yellow_18.png' width='50'/>Contact Us<span><p>
Information</p>
<em>U</em> can contact me</span></a></li>
<li><a class='tooltip' href='#isi4'><img src='http://binkbenk.nazuka.net//images/759_yellow_35.png' width='50'/>About Us<span><p>
Information</p>
<em>A</em>bout my profil</span></a></li>
<li><a class='tooltip' href='#isi5'><img src='http://binkbenk.nazuka.net//images/162_yellow_37_tn.jpg' width='50'/>Search<span><p>
Information</p>
<em>U</em> can search anymore</span></a></li>
</ul>
</div>
</td> <td style='height:350px;width:60%;'>
<div class='trade' id='come'>&#10026;Wellcome<div class='merk' style='text-shadow:none;'>U can Read Something !!</div>
</div>
<div id='isi1'>
<div class='trade' style='font-size:40px;'>&#10004;New<span class='merk'> Entry</span></div>
<div class='pos1' style='margin:5px;padding:5px;'>
<ul id='rp_plus_img'>
<script>
var numposts = 4;
var numchars = 100;
</script>
<script src='/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rpthumbnt'/>
</ul>
</div></div>
<div id='isi2'>
<div class='trade' style='font-size:50px;'>
&#10070;Blog<span class='merk'> Archive</span></div>
<div class='pos1' style='margin:5px;padding:10px;height:250px;overflow:auto;'>
<script src='https://sites.google.com/site/cuerosbhelatos/site-map.js'/>
<script src='/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc'/>
<script type='text/javascript'>
var accToc=true;
</script>
</div></div>
<div id='isi3'>
<div class='pos1' style='width:70%;margin:0 auto;margin-top:10px;padding:10px;'>
<div class='trade' style='color:#fff;font-size:35px;'>
&#9990;<span class='merk' style='color:#ddd;'>Admin Contact : </span> </div>
<li class='trade' style='color:#0101DF;font-size:30px;font-style:italic;'>
&#9429;<span class='merk'><a href=''>acebook</a></span></li>
<li class='trade' style='color:#0080FF;font-size:30px;font-style:italic;'>
&#9443;<span class='merk'><a href=''>witter</a></span></li>
<li class='trade' style='color:#fc0;font-size:30px;font-style:italic;'>
&#9428;<span class='merk'><a href=''>mail me</a></span></li>
</div>
  <div class='pos1' style='width:45%;margin:0 auto;margin-top:10px;padding:10px;'>
<div class='merk'>
Home Address :</div>
  <li>Jln. Simpang Tiga 17</li>
  <li>Selorejo City</li>
  <li>East-Java</li>
</div>
</div>
<div id='isi4'>
<div class='trade' style='color:#777;'>
&#9785;<span class='merk' style='color:#ddd;'>Apakah Itu Penting ?</span></div>
<div class='pos1' style='margin:10px;padding:10px;'>
Saya adalah seorang Blogger Newbie yang sedang penasaran dengan dunia coding, dan berusaha belajar merangkai kode, untuk mendapatkan sesuatu yang mungkin sedikit beda apalagi kalau bisa bermanfaat.
<p>
Jika Sobat Ingin mengenal saya lebih dekat, bisa menghubungi lewat Jejaring saya, di Facebook, Twitter, @mail Me, Call My Phone atau bisa Juga langsung main ketempat tinggal saya.</p>
</div></div>
<div id='isi5'>
<div class='trade'>
Blogspot<span class='merk'> Search&#8482;</span></div>
<div class='goleki' id='search'>
<form action='/search/' id='searchform' method='get'>
<input id='searchbox' maxlength='255' name='q' onblur='if (this.value == &quot;&quot;) {this.value = &quot;✔ search something...&quot;;}' onfocus='if (this.value == &quot;✔ search something...&quot;) {this.value = &quot;&quot;}' type='text' value='✔ search something...'/><a class='tooltip'><input id='cari' type='submit' value=''/><span><p>
Information</p>
<em>U</em> can find Something</span></a></form>
</div>
<div class='merk' style='margin-top:50px;text-align:center;'>
Jika Anda beruntung Pasti bisa menemukan Sesuatu &#9786; !!</div>
</div>
</td></tr>
<tr><td colspan='3' style='border-top:2px solid #555;'><h2 class='merk'>Copyright : <a href='#come'>Simple &#8482;</a> Best View On Mozilla and Chrome</h2></td></tr>
</table>
<!--*end of my home page stylesheet and close all*||*template created and support by mbah google*-->
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.js' type='text/javascript'/>
<script type='text/javascript'>$(document).ready(function(){$(&quot;.tombol&quot;).click(function(){$(&quot;#comments&quot;).slideToggle(&quot;slow&quot;);$(this).toggleClass(&quot;active&quot;);return false;});});</script>
<style>
body{background:#F2F2F2 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAADCAYAAACwAX77AAAAFklEQVQI12NgYGCQ+v//PwM6ZiBZAgBcVS0iPBgVUgAAAABJRU5ErkJggg==) repeat center;;margin:0;font:15px Courier New,Courier,monospace;color:#444;
}
#menu{width:100%;height:40px;background:#666;position:absolute;top:-10px;right:0;border-bottom:4px double #ddd;z-index:999;
}
#menu ul{float:right;font:bold 15px Courier New,Courier,monospace;text-transform:uppercase;display:block;padding:0 15px 0 0;
}
#menu a:link,#menu a:visited{color:#fff;
}
#menu a:hover{color:#fc0;
}
#badan-besar ul li{margin-left:10px;
}
#badan-besar{width:80%;margin:0 auto;margin-top:60px;padding:0;
}
h3{width:auto;text-align:center;font-size:20px;color:#ddd;font-weight:bold;text-transform:capitalize;
}
h3{margin:0;height:0;border-bottom:35px solid #555; /* merubah tinggi */ border-right:90px solid transparent; /* merubah sudut */ display:inline-block;padding:0 10px;
}
a:visited,a:link{color:#000;text-decoration:none;
}
a:hover{color:#fc0;text-decoration:line-through;text-shadow:-1px 0 #000,0 1px #000,1px 0 #000, 0 -1px #000;
}
#main .post-body{background:#D8D8D8;position:relative;margin:-5px 0 30px 0;padding:10px;border:1px solid #888;
}
#main .post-body:before{content:&quot;&quot;;width:70%;position: absolute;height:50px;box-shadow: 0 30px 8px #333;-webkit-transform: rotate(-5deg) skew(-10deg);-moz-transform: rotate(-5deg) skew(-10deg);transform: rotate(-5deg) skew(-10deg);left:10px;bottom:30px;z-index:-1;
}
#main .post-body:after{content:&quot;&quot;;width:70%;position: absolute;height:50px;box-shadow: 0 30px 8px #333;-webkit-transform: rotate(5deg) skew(10deg);-moz-transform: rotate(5deg) skew(-10deg);transform: rotate(5deg) skew(10deg);right:10px;bottom:30px;z-index:-1;
}
.post-body img{background:#999;padding:2px;border-radius:3px;border:1px solid #555;
}
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{background:#ddd;margin-top:0;padding:10px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;border:1px solid #444;
}
#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 .comments-content .comment-thread {background:#ddd;padding:10px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;
}
.comments .comments-content .comment, .comments .comments-content .comment:last-child {font-size:14px;color:#ddd;background:#999;padding:10px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;border:1px solid #333;

.comment .comment-block p.comment-content{background:#555;border:1px solid #333;margin-right:-5px;padding:10px;font-size:14px;color:#ddd;
}
#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:#777;-moz-border-radius:5px;border-radius:5px;-webkit-border-radius:5px;font-size:14px;color:#ddd;padding:4px;border:1px solid #333;
}
.comments .continue a{float:right;margin:-10px 10px;
}
.comment-actions a:hover,.comments .continue a:hover{color:#ddd;background:#fc0;padding:4px 15px 4px 15px;
}
.avatar-image-container{-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;border:4px ridge #fff;
}
#comments{display:none;
}
.cocot{width:auto;float:right;font-size:20px;font-weight:bold;margin:0 auto;text-align:center;
}
.cocot{margin:0;height:0;border-bottom:30px solid #444; /* merubah tinggi */border-left:90px solid transparent; /* merubah sudut */ display:inline-block;padding:0 10px;
}
.cocot a{color:#ddd;
}
.cocot a:hover{color:#fc0;
}
#blog-pager a {overflow:hidden;position:fixed;top:-4px;text-indent:-9999px;width:35px;height:35px;z-index:999999;-webkit-transition:all 1s ease-out;-moz-transition:all 1s ease-out;transition:all 1s ease-out;opacity:0.5;
}
.blog-pager-older-link{background:url(https://sites.google.com/site/binkbenk77/olds.png) no-repeat;right:92%;
}
.blog-pager-newer-link{background:url(https://sites.google.com/site/binkbenk77/news.png) no-repeat;left:5px;
}
#blog-pager a:hover{opacity:0.1;
}
.copy{background:#D8D8D8;margin:0 auto;margin-bottom:0;font-size:14px;text-align:center;padding:5px;border-top:1px solid;
}
/*animasi*/
@-moz-keyframes myfirst{from{opacity:0;}to{opacity:10;}}@-webkit-keyframes myfirst{from{opacity:0;}to{opacity:10;}}@keyframes{from{transform:translate(0px, 9000px)}to{transform:translate(0px, 0px)}}@-moz-keyframes{from{-moz-transform:translate(0px, 9000px)}to{-moz-transform:translate(0px, 0px)}}@-webkit-keyframes{from{-webkit-transform:translate(0px, 9000px)}to{-webkit-transform:translate(0px, 0px)}}
body{animation:myfirst 5s;-moz-animation:myfirst 5s;-webkit-animation:myfirst 5s;
}
</style>
<div id='menu'><ul><a href='/p/my-friends.html'>&#9785; Follow Me</a></ul><ul><a href='/p/buku-tamu-sahabat.html'>&#9993; Guest Book</a></ul><ul><a href='/search/label/max-result=5'>&#10070; New Post</a></ul><ul><a href='/p/daftar-isi-blogku.html'>&#9782; Archive</a></ul><ul><a expr:href='data:blog.homepageUrl'>&#10026; Home</a></ul></div>
</b:if>
<b:if cond='data:blog.pageType != &quot;item&quot;'><div class='ndas'>* <data:blog.title/> *</div></b:if>
<div id='badan-besar'><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.forceIframeComments'>
    <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'>
    </span>
  <b:else/>
    <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-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: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 class='tombol' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>&#9785;|| Click To Post Comments ||&#9785;</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' style='font-size:0px'><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 class='tombol' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>&#9785;|| Click To Post Comments ||&#9785;</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></div>
<div class='clear'/>
<!-- end badan-besar -->
<div class='copy'><script src='https://sites.google.com/site/kontols33/blogger.js' type='text/javascript'/></div>
<script src='https://sites.google.com/site/binkbenk77/ngakak.js' type='text/javascript'/></b:if></body></html>

Cara Install :

  • Masuk ke Edit HTML
  • Copy Kode diatas dan pastekan ke dalam Template.
  • Klik preview dan Save
Sekian dulu Sobat, semoga Blurred Template 2013 ini ada yang suka,,, selamat mencoba semoga bermanfaat ...☹ !!!!