Ngesel Sekali

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

<!--//* Template Name : Blurred Template

Created By : BinkbenkDjoel

Site Url : http://cuerosbhelatos.blogspot.com *//-->

<b:if cond='data:blog.url == data:blog.homepageUrl'>

<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/AVvXsEhIjxXf4bdbjR5YTkYd7-1sRq70zeYP34k4wdSevWf0rMIvcDRFvs6gOL7TeCzPStoUKO1it_Uak2g0HZFmaO42z3FnPLpbsfvrh5gvXQFbmlshzw8OjW4t7RwVBOA7B7B6joOGzzdvrNA/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/AVvXsEgYeTOy5KOXcGESMmqpb2WPnD7WDWvp-oK1SpowWXMBxXG_o_gTqynBkQH4YzoaC4nK8RrbmWoAXeMF0VPcgJHdWVsBhZ5Ch44hm1LKOdAOdNbxJL37mn43yf9L9nn1AeK2YT4vGnIabD6s/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/AVvXsEgYeTOy5KOXcGESMmqpb2WPnD7WDWvp-oK1SpowWXMBxXG_o_gTqynBkQH4YzoaC4nK8RrbmWoAXeMF0VPcgJHdWVsBhZ5Ch44hm1LKOdAOdNbxJL37mn43yf9L9nn1AeK2YT4vGnIabD6s/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'/>

<!--[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]-->

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

<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 class='trade' style='font-size:40px;'>✔New<span class='merk'> Entry</span></div>

var numposts = 4;

var numchars = 100;

</script>

</ul>

</div></div>

❖Blog<span class='merk'> Archive</span></div>

var accToc=true;

</script>

</div></div>

✆<span class='merk' style='color:#ddd;'>Admin Contact : </span> </div>

ⓕ<span class='merk'><a href=''>acebook</a></span></li>

ⓣ<span class='merk'><a href=''>witter</a></span></li>

ⓔ<span class='merk'><a href=''>mail me</a></span></li>

</div>

Home Address :</div>

<li>Jln. Simpang Tiga 17</li>

<li>Selorejo City</li>

</div>

☹<span class='merk' style='color:#ddd;'>Apakah Itu Penting ?</span></div>

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>

Blogspot<span class='merk'> Search™</span></div>

Information</p>

<em>U</em> can find Something</span></a></form>

</div>

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

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

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>

<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'>

<b:includable id='main' var='top'>

<b:if cond='data:mobile == "false"'>

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

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

<b:includable id='comment-form' var='post'><div class='comment-form'><a name='comment-form'/><b:if cond='data:mobile'><b:else/>

<data:post.friendConnectJs/><data:post.cmtfpIframe/>

</div></b:includable>

<b:includable id='commentDeleteIcon' var='comment'/>

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

<b:if cond='data:post.forceIframeComments'>

</span>

<b:else/>

<b:if cond='data:post.commentSource == 1'>

</span>

<b:else/>

<data:post.commentLabelFull/>:

</a>

</b:if>

</b:includable>

<b:includable id='comment_picker' var='post'><b:if cond='data:post.commentSource == 1'><b:include data='post' name='iframe_comments'/><b:else/>

<b:if cond='data:post.showThreadedComments'><b:include data='post' name='threaded_comments'/><b:else/>

<b:include data='post' name='comments'/></b:if></b:if>

</b:includable>

<b:includable id='comments' var='post'><b:if cond='data:blog.pageType == "item"'>

<div class='cocot'><a class='tombol' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>☹|| Click To Post Comments ||☹</a></div>

<data:post.commentRangeText/>

<b:if cond='data:post.hasNewerLinks'> <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a> 

<b:if cond='data:comment.favicon'><img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/></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>

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

<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'>&rsaquo;</div>

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

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

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

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

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

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

</script></div></b:includable>

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

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

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

Featured Post Title 1

Featured Post Title 1

Featured Post Title 1

Featured Post Title 1

Featured Post Title 1

KK

ono2ae

ono2ae

background

Background

Syntax XML

Blog Archive

About Me

Total Pageviews