Download template Blurred Template 2013

Blurred template 2013 nah pada saat saya sedang browsing tanpa di sengaja saya tersasar dan bertemu dengan tempalate yang satu ini , template sederhana ini nggk banyak yang suka y.. karna dlihat dari nama nya saja sudah aneh yaitu Blurred tempelate , dengan mendominasi warna abu-abu pada template blog ini makin menambah kesan membosankan dan kurang mernarik namun tidak ada salah nya anda melihat demo or perview nya dulu bukan ..

style template blog ini mengunakan css target yang sebelumnya penulis blog cuerosbhelatos sudah pernah mencoba pada template sliding style template namun ada sedikit perubahan pada unsur warna dan lain-lain ujar si penulis curosbhelatos . bagaimana tertarik untuk mendownload nya silakan lilahat screenshoot gambar template Blurred template nya di bawah ini

contoh demo dari template Blurred Template

dan di bawah ini adalah contoh review pada postingan pada template blurred template :

dan fitur-fitur dari template di atas adalah sebagai berikut :

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

<!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 == "item"'><title><data:blog.pageName/></title><meta expr:content='data:blog.title + ", " + data:blog.pageName' name='description'/><meta expr:content='data:blog.pageName + ", " + 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 != "item"'><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>

<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("jam()",1000);function jam() {var tanggal = new Date();setTimeout("jam()",1000);document.getElementById("waktu").innerHTML = tanggal.getHours()+":"+tanggal.getMinutes()+":"+tanggal.getSeconds()+" PM";}</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:"";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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0WqBgSJAMyv8wapM2x-8rMIv86gai__ywuBHEsQZ33UVSiiZIegHO8AE18ANVOk6J4OA1jN1XzGgxoaXiZp5l1JNJP5C7N7oI5WvGrOD5KP3BglB33a88VZjfH1Awq0oI8ZR0mqFeg1o/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="text"] {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="text"]: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="text"]: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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyOBNjzreDl6n0B8zFPnt-CV5AeW0_UxaldM4yM-xIhdlBJ88H7_O8bucKS_TeFgg04c-mOKLvP6Yr8UHavRYZoJKafiW1eIvsGZyM7O2hvyb6mo3B1Gw6202zH12Sfg5a_ivircMQNvr3/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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyOBNjzreDl6n0B8zFPnt-CV5AeW0_UxaldM4yM-xIhdlBJ88H7_O8bucKS_TeFgg04c-mOKLvP6Yr8UHavRYZoJKafiW1eIvsGZyM7O2hvyb6mo3B1Gw6202zH12Sfg5a_ivircMQNvr3/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 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...☹</span></div>
<script src='https://sites.google.com/site/binkbenk77/loading.js'/>

<table border='0'>
<tr><td colspan='3' style='border-bottom:2px solid #555;'><h1 class='trade'>
Simple™<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'>
✪Wellcome<div class='merk' style='text-shadow:none;'>
U can Read Something !!</div>
</div>
<div id='isi1'>
<div class='trade' style='font-size:40px;'>
✔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&alt=json-in-script&callback=rpthumbnt'/>
</ul>
</div>
</div>
<div id='isi2'>
<div class='trade' style='font-size:50px;'>
❖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&alt=json-in-script&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;'>
✆<span class='merk' style='color:#ddd;'>Admin Contact : </span> </div>
<li class='trade' style='color:#0101DF;font-size:30px;font-style:italic;'>
ⓕ<span class='merk'><a href=''>acebook</a></span></li>
<li class='trade' style='color:#0080FF;font-size:30px;font-style:italic;'>
ⓣ<span class='merk'><a href=''>witter</a></span></li>
<li class='trade' style='color:#fc0;font-size:30px;font-style:italic;'>
ⓔ<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;'>
☹<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™</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 == "") {this.value = "✔ search something...";}' onfocus='if (this.value == "✔ search something...") {this.value = ""}' 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 ☺ !!</div>
</div>
</td></tr>
<tr><td colspan='3' style='border-top:2px solid #555;'><h2 class='merk'>
Copyright : <a href='#come'>Simple ™</a> Best View On Mozilla and Chrome</h2>
</td></tr>
</table>

<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.js' type='text/javascript'/>
<script type='text/javascript'>$(document).ready(function(){$(".tombol").click(function(){$("#comments").slideToggle("slow");$(this).toggleClass("active");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:"";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:"";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="kode"] {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'>☹ Follow Me</a></ul>
<ul><a href='/p/buku-tamu-sahabat.html'>✉ Guest Book</a></ul>
<ul><a href='/search/label/max-result=5'>❖ New Post</a></ul>
<ul><a href='/p/daftar-isi-blogku.html'>☶ Archive</a></ul>
<ul><a expr:href='data:blog.homepageUrl'>✪ Home</a></ul>
</div>
</b:if>
<b:if cond='data:blog.pageType != "item"'><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 == "false"'>

<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 == "static_page"'><b:if cond='data:post.showThreadedComments'><b:include data='post' name='threaded_comments'/><b:else/><b:include data='post' name='comments'/></b:if></b:if>
<b:if cond='data:blog.pageType == "item"'><b:if cond='data:post.showThreadedComments'><b:include data='post' name='threaded_comments'/><b:else/><b:include data='post' name='comments'/></b:if></b:if><b:if cond='data:post.includeAd'><b:if cond='data:post.isFirstPost'>
<data:defaultAdEnd/><b:else/><data:adEnd/></b:if><div class='inline-ad'>
<data:adCode/></div>
<data:adStart/></b:if></b:loop>
<b:if cond='data:numPosts != 0'></div>
</div>
</b:if><data:adEnd/></div>
<b:include name='nextprev'/>
<b:include name='feedLinks'/><b:if cond='data:top.showStars'>
<script src='//www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>
google.load("annotations", "1", {"locale": "<data:top.languageCode/>"});
function initialize() {
google.annotations.setApplicationId(<data:top.blogspotReviews/>);
google.annotations.createAll();
google.annotations.fetch();
}
google.setOnLoadCallback(initialize);
</script>
</b:if><b:else/><b:include name='mobile-main'/></b:if>
<b:if cond='data:top.showDummy'><data:top.dummyBootstrap/></b:if>
</b:includable>
    <b:includable id='backlinkDeleteIcon' var='backlink'/>
    <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('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');</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 == "item"'>
<div class='cocot'>
<a class='tombol' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>☹|| Click To Post Comments ||☹</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> 
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a> </b:if>
<data:post.commentRangeText/>
<b:if cond='data:post.hasNewerLinks'> <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a> 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a></b:if></span></b:if>
<div expr:id='data:widget.instanceId + "_comments-block-wrapper"'>
<dl expr:class='data:post.avatarIndentClass' id='comments-block'><b:loop values='data:post.comments' var='comment'>
<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
<b:if cond='data:comment.favicon'><img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/></b:if>
<a expr:name='data:comment.anchorName'/><b:if cond='data:blog.enabledCommentProfileImages'><data:comment.authorAvatarImage/></b:if>
<b:if cond='data:comment.authorUrl'><a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a><b:else/><data:comment.author/></b:if><data:commentPostedByMsg/></dt>
<dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'/>
<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> <data:post.commentRangeText/> 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a><a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a></span></b:if>
<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'><b:if cond='data:post.allowNewComments'>
<b:include data='post' name='comment-form'/><b:else/><data:post.noNewCommentsText/></b:if><b:else/>
<b:if cond='data:post.allowComments'><a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a></b:if></b:if></p>
</b:if></div>
</b:if></b:includable>
    <b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'>
<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 == "false"'><a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>data:postCommentMsg/></a></b:if></b:if>
</b:includable>
    <b:includable id='mobile-index-post' var='post'>
<div class='mobile-date-outer date-outer'>
<div class='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'>
›</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 != "static_page"'><b:if cond='data:post.allowComments'><b:if cond='data:post.numComments != 0'><a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a></b:if></b:if></b:if></div>
</div>
</div>
</b:includable>
    <b:includable id='mobile-main' var='top'>

<div class='blog-posts hfeed'>
<b:if cond='data:blog.pageType == "index"'><b:loop values='data:posts' var='post'><b:include data='post' name='mobile-index-post'/></b:loop><b:else/><b:loop values='data:posts' var='post'><b:include data='post' name='mobile-post'/></b:loop></b:if></div>
<b:include name='mobile-nextprev'/></b:includable>
    <b:includable id='mobile-nextprev'/>
    <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='"post-body"'>
<data:post.body/><div style='clear: both;'/>
</div>
<b:if cond='data:blog.pageType == "static_page"'>
<b:if cond='data:post.showThreadedComments'><b:include data='post' name='threaded_comments'/><b:else/><b:include data='post' name='comments'/></b:if></b:if>
<b:if cond='data:blog.pageType == "item"'><b:if cond='data:post.showThreadedComments'><b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/></b:if></b:if></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 + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a></span></b:if>
<b:if cond='data:olderPageUrl'><span id='blog-pager-older-link'><a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a></span></b:if><b:if cond='data: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'>✪ <data:post.title/></a><div class='komen'>
<data:post.commentLabelFull/> ®</div>
<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='"post-body"'>
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/><b:else/>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.jumpLink != data:post.hasJumpLink'>
</b:if><b:else/>
<data:post.body/></b:if></b:if>
<div style='clear: both;'/>
</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('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
</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 == "item"'>
<div class='cocot'>
<a class='tombol' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>☹|| Click To Post Comments ||☹</a></div>
<div class='comments' id='comments'>

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

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

<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 menginstal template ini memang sedikit berbeda jika biasa nya kita harus mendownload nya dulu namun pada template ini kita hanya cukup mencopy kode di atas lalu mempastekan nya ke dalam template blog kita

berikut adalah langkah-langkah nya :

silakan masuk ke Edit hmtl
copy kode di atas dan pastekan ke dalam template blog anda
klik save dan preview untuk melihat hasil nya ..

"selamat mencoba dan semoga berhasil"

Post a Comment

Post a Comment

About Us

Contact Form

Download template Blurred Template 2013

You might like

Post a Comment

Post a Comment

Contact Form