GO-LINK│*Cafe Information™

Template Blog Windows 7 Home Premium

Selamat pagi sobat. pagi-pagi udah jalan-jalan di google ehh.. nemu template blog versi Windows7 dari tempatnya sobat binkbenk.

Pagi ini GO-LINK│*Cafe Information™ akan share template versi Windows7, yang kemaren saya share Template Blog Canggih, Keren, Full Design dan Cantik WINDOWS 8 dari SM. Ini adalah Share Final Version Template Windows 7 Home Premium, kalau pada Postingan sebelumnya untuk area posting masih sederhana, untuk yang final version ini di area posting terdapat widget sidebar yang juga di lengkapi dengan tombol show/hide sidebar area, close button, dan refresh button. Waktu sidebar di hidden post entry menjadi full screen. Tampilan dari template ini ada tiga tampilan, yaitu Home page, Page/page search, Post entry.

Untuk masing-masing skin (Home, Page, Post) tidak saling terkait. Karena CSS/HTML (Home, Page, Post) dipisah-pisahkan dengan menggunakan hastag ( pemutus dan penghubung <b:if cond='data:.......'> ). Jadi untuk home hanya CSS home yang tampil, untuk Page/search hanya CSS page skin yang tampil, dan untuk posting pun hanya CSS posting, demikian pula untuk Java script hanya tampil di halaman tertentu. Untuk melihatnya silahkan dicek pada demonya dan open source pada (homepage, Page/search, dan Post) dan lihat kode-kode Css/skin nya. Mungkin dengan memisah-misahkan Css, Js bisa sedikit mengurangi loading time/berat.

Fitur:

Support Browser Mozila, Crome dll.
Untuk Browser IE kurang sempurna.
IE belum support dengan efek shadow, transisi, border.
Responsive (support dengan 1024 x 768 pixel 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 <i rel="kode">isi kode</i>
Untuk Video ketik [video]url video[/video]
Untuk Emo kodenya :), :(, ;), :D, ;;-), :ar!, =)) dll

Cara Pasang :

Masuk ke Edit HTML
Centang Expand Template Widget.
Copy Kode disamping dan pastekan ke dalam Template.
Klik preview dan Save pilih Hapus Widget.

Preview This Demo

DEMO

Template Source Code:

<!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,Mediafire,Action,Rip,Sport,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'/>
<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:#0080FF url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAADCAYAAACwAX77AAAAFklEQVQI12NgYGCQ+v//PwM6ZiBZAgBcVS0iPBgVUgAAAABJRU5ErkJggg==) repeat center;margin:0;font:20px Audiowide;color:#000;
}
h2{display:none;
}
a:visited,a:link{color:#fff;text-decoration:none;
}
a:hover{color:#0080FF;text-decoration:line-through;
}
#badan-besar .widget ul .widget #ArchiveList ul.flat{margin:2px 0;padding:0;list-style:none;
}
#badan-besar .widget ul li .widget #ArchiveList ul.flat li{text-indent:0;
}
#badan-besar .widget #ArchiveList ul li{padding-top:.25em;padding-bottom:.25em;
}
html body{min-width:0;max-width:100%;width:100%;
}
#badan-besar{margin:0 auto;padding:15px 0 15px 0;
}
h3{background:#0080FF;width:60%;margin:0 auto;margin-top:40px;padding:10px;font:25px Audiowide;text-transform:capitalize;text-align:left;text-shadow:-1px 0 #000,0 1px #000,1px 0 #000, 0 -1px #000;border:4px double #fff;-moz-box-shadow:1px 1px 0 rgba(0, 0, 0,.4),3px 3px 0 rgba(255, 255, 255, 1.0),4px 4px 0 rgba(0, 0, 0,.3),6px 6px 0 rgba(255, 255, 255, 1.0),7px 7px 0 rgba(0, 0, 0,.3),9px 9px 0 rgba(255, 255, 255, 1.0),10px 10px 0 rgba(0,0,0,.3),12px 12px 0 rgba(255, 255, 255, 1.0),13px 13px 0 rgba(0, 0, 0,.3),15px 15px 0 rgba(255, 255, 255, 1.0),16px 16px 0 rgba(0, 0, 0,.3);-webkit-box-shadow:1px 1px 0 rgba(0, 0, 0,.4),3px 3px 0 rgba(255, 255, 255, 1.0),4px 4px 0 rgba(0, 0, 0,.3),6px 6px 0 rgba(255, 255, 255, 1.0),7px 7px 0 rgba(0, 0, 0,.3),9px 9px 0 rgba(255, 255, 255, 1.0),10px 10px 0 rgba(0,0,0,.3),12px 12px 0 rgba(255, 255, 255, 1.0),13px 13px 0 rgba(0, 0, 0,.3),15px 15px 0 rgba(255, 255, 255, 1.0),16px 16px 0 rgba(0, 0, 0,.3);box-shadow:1px 1px 0 rgba(0, 0, 0,.4),3px 3px 0 rgba(255, 255, 255, 1.0),4px 4px 0 rgba(0, 0, 0,.3),6px 6px 0 rgba(255, 255, 255, 1.0),7px 7px 0 rgba(0, 0, 0,.3),9px 9px 0 rgba(255, 255, 255, 1.0),10px 10px 0 rgba(0,0,0,.3),12px 12px 0 rgba(255, 255, 255, 1.0),13px 13px 0 rgba(0, 0, 0,.3),15px 15px 0 rgba(255, 255, 255, 1.0),16px 16px 0 rgba(0, 0, 0,.3);transition:all 1s ease-out;-moz-transition:all 1s ease-out;-webkit-transition:all 1s ease-out;
}
h3:first-letter{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;background:#FFC900;font:35px Audiowide;color:#fff;padding:0 10px 0 10px;border:1px inset #fff;-moz-box-shadow:inset 0 0 10px #000;-webkit-box-shadow:inset 0 0 10px #000;box-shadow:inset 0 0 10px #000;
}
h3:hover{background:#0080FF;width:60%;margin:0 auto;margin-top:50px;-moz-box-shadow:1px 1px 0 rgba(0, 0, 0,.4),3px 3px 0 rgba(255, 255, 255, 1.0),4px 4px 0 rgba(0, 0, 0,.3);-webkit-box-shadow:1px 1px 0 rgba(0, 0, 0,.4),3px 3px 0 rgba(255, 255, 255, 1.0),4px 4px 0 rgba(0, 0, 0,.3);box-shadow:1px 1px 0 rgba(0, 0, 0,.4),3px 3px 0 rgba(255, 255, 255, 1.0),4px 4px 0 rgba(0, 0, 0,.3);-moz-transform: rotate(-2deg); -webkit-transform: rotate(-2deg);transform: rotate(-2deg);
}
.autor{font:12px Verdana;color:#fff;font-style:italic;float:right;right;10px;top:10px;border:6px double #0080FF;padding:4px;background:#ddd;display:inline-block;
}
.komen{font:14px Verdana;color:#fff;font-style:italic;text-align:center;margin-top:50px;border:6px double #0080FF;padding:4px;background:#ddd;
}
#blog-pager a{margin:0 0 0 5px;overflow:hidden;position:fixed;top:40%; opacity:0.3;text-indent:-9999px;width:130px;height:130px;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/nek-1.png) no-repeat;right:5px;
}
.blog-pager-newer-link{background:url(http://i1206.photobucket.com/albums/bb455/binkbenk/bek.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:#0080FF;border-bottom:2px 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;
}
.tempikmu{width:auto;margin:0 auto;font-size:14px;text-align:center;
}
.status-msg-wrap{font-size:12px;margin-top:20px;
}
]]></b:skin>
</b:if></b:if>

<b:if cond='data:blog.pageType == "item"'>

<style>
body{background:#000 url(https://sites.google.com/site/koplaks99/Windows7.jpg) no-repeat fixed center;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;margin:0;font:15px Courier New,Courier,monospace;color:#fff;
}
.date-header{display:none;
}
html body{min-width:0;max-width:100%;width:100%;
}
.menu ul{list-style-type:none;margin:0;padding:0;font:13px Courier New,Courier,monospace;float:left;text-transform:uppercase;
}
.menu li{float:left;background:#000;display:inline-block;padding:2px 4px 2px 4px;margin:0 5px 0 0;border:2px solid #C4CDE0;-moz-box-shadow:0 0 10px #000;-webkit-box-shadow:0 0 10px #000;box-shadow:0 0 10px #000;list-style-type:none;
}
.menu li a{color:#ddd;transition:all 1s ease-out;-moz-transition:all 1s ease-out;-webkit-transition:all 1s ease-out;text-decoration:none;
}
.menu li:hover{background:#0080FF;border:2px solid #C4CDE0;-moz-box-shadow:0 0 10px #000,inset 0 0 5px #000;-webkit-box-shadow:0 0 10px #000,inset 0 0 5px #000;box-shadow:0 0 10px #000,inset 0 0 5px #000;list-style-type:none;
}
.menu a:hover{color:#ddd;text-shadow: -1px 0px #000, 0px 1px #000, 1px 0px #000, 0px -1px #000;padding-right:20px;
}
.menu li:active{background:#f00;border:1px solid #ddd;border-radius:30px;-moz-box-shadow:inset 0 0 10px #000;-webkit-box-shadow:inset 0 0 10px #000;box-shadow:inset 0 0 10px #000;padding:3px;transition:all 0s ease-out;-moz-transition:all 0s ease-out;-webkit-transition:all 0s ease-out;
}
.widget .post-body ul{padding:0 1.5em;margin:.5em 0;
}
.widget .post-body ul li{margin-bottom:.2em;
}
.widget .post-body ul li{list-style-type:square;transition:all 2s ease-out;
}
.widget .post-body ul li:hover{list-style-type:disc;transition:all 0s ease-out;
}
#badan-besar{margin:0;padding:0 0 0 0;background:#000 url(https://sites.google.com/site/koplaks99/Windows7.jpg) no-repeat fixed center;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;
}
/*posting area*/
h3{text-align:center;margin-top:5px;line-height:35px;font-size:20px;color:#C4CDE0;text-shadow:-1px 0 #000,0 1px #000,1px 0 #000, 0 -1px #000;border-bottom:1px solid #C4CDE0;
}
a:visited,a:link{color:#ddd;text-decoration:none;ext-shadow:none;
}
a:hover{color:#fc0;text-decoration:none;text-shadow:-1px 0 #000,0 1px #000,1px 0 #000, 0 -1px #000;
}
#main .post-body{position:relative;padding:0 10px 10px 10px;
}
.post-body img{background:#ddd;padding:5px;border-radius:5px;border:1px solid #6E6E6E;box-shadow:6px 6px 3px #000;transition:all 1s ease-out;-moz-transition:all 1s ease-out;-webkit-transition:all 1s ease-out;
}
.post-body img:hover{background:#000;border:1px solid #C4CDE0;
}
td{border:1px solid #C4CDE0;background:rgba(0,0,0,.6);box-shadow:inset 0 0 5px #ddd;
}
kode{display:block;padding:3px;margin:5px; font-size:12px ;font-style:italic; background:#ddd; color:#000;border:4px double #000;opacity:0.5;overflow:auto;
}
.big{float:left;color: #000;margin:0 5px 0 0;font-size:80px;font-style:italic;line-height:50px;text-shadow:-1px 0 #fff,0 1px #fff,1px 0 #fff, 0 -1px #fff;opacity:0.5;
}
/*sidebar area*/
#sidebar-wrapper {background:rgba(254,191,1,.5);border:1px solid #ddd;box-shadow:inset 0 0 10px #000;
}
.widget-content{border-radius:5px;margin:5px;border:1px solid #ddd;padding: 5px;box-shadow:inset 0 0 5px #000;overflow:auto;
}
.sidebar h2{text-align:center;margin-top:0;margin-bottom:0;color:#fff;text-shadow:-1px 0 #000,0 1px #000,1px 0 #000, 0 -1px #000;border-top:1px solid #ddd;border-bottom:1px solid #ddd;
}
/*profil setting*/
#Profile1 .widget-content img{border-radius:5px;border:3px solid #6E6E6E;box-shadow:0 0 5px #000;
}
#Profile1 .widget-content{height:200px;width:auto;overflow:hidden;font-style:italic;
}
#Profile1 .widget-content:hover,.widget-content:hover{overflow:auto;margin:5px 0 5px 0;
}
/*bottom sidebar*/
.trade{font-style:italic;color:#000;padding-top:3px;padding-bottom:3px;border:1px solid #ddd;background:#ddd;opacity:0.7;box-shadow:inset 0 0 5px #000;margin:0;
}
/*comment area*/
#comments h4{font-size:14px;
}
#comments{margin-top:0;padding:10px 50px 0 50px;opacity:0.7;
}
.share, .comments-content .datetime a{float:right;
}
.comments-content .icon.blog-author{background-repeat:no-repeat;background-image:url(http://img2.blogblog.com/img/icon18_edit_allbkg.gif);
}
.comments-content{background:#000;width:auto;font-size:14px;color:#ddd;padding:10px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border:4px double #ddd;
}
.comment-thread ol li{background:#0080FF url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAADCAYAAACwAX77AAAAFklEQVQI12NgYGCQ+v//PwM6ZiBZAgBcVS0iPBgVUgAAAABJRU5ErkJggg==) repeat center;margin:0 auto;font-size:14px;color:#ddd;padding:10px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border:4px double #000;-moz-box-shadow:inset 0 0 5px #000;-webkit-box-shadow:inset 0 0 5px #000;box-shadow:inset 0 0 5px #000;
}
.comment .comment-block p.comment-content{background:#1c1c1c;border: 4px double #ddd;box-shadow:inset inset 0 0 5px #ddd;-moz-box-shadow:inset 0 0 5px #ddd;-webkit-box-shadow:inset 0 0 5px #ddd;margin-right:-5px;padding: 5px;z-index:-999;
}
.comments .continue a,.comment-actions a{display:inline;background:#848484;-moz-border-radius:5px;border-radius:5px;-webkit-border-radius:5px;font-size:14px;color:#000;padding:4px;border:1px solid #000;transition:all 1s ease-out;-moz-transition:all 1s ease-out;-webkit-transition:all 1s ease-out;
}
.comments .continue a{float:right;margin:-10px 10px;
}
.comment-actions a:hover,.comments .continue a:hover{color:#fff;background:#0080FF;padding:4px 10px 4px 10px;
}
.avatar-image-container{-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;border:4px ridge #fff;
}
/*comment kode insert image and video*/
#comment-holder kode,#comment-holder i[rel="kode"] {display:block;padding:3px;margin:5px; font-size:11px ;font-style:italic; background:#ddd; color:#000;border:4px double #000;
}
#comment-holder .gambar, #comment-holder i[rel="image"] {display:block;background:#ddd;border:4px double #000;margin:0 auto;padding:5px; width:200px; height:150px;
}
#comment-holder .vidio{display:block;background:#ddd;border:4px double #000;margin:0 auto;padding:5px; width:400px; height:300px;
}
#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 kode end*/
#comments{display:none;
}
.cocot{width:auto;font-size:20px;text-align:center;margin:0;border:1px solid #C4CDE0;-moz-box-shadow:0 0 5px #ddd,inset 0 0 5px #ddd;-webkit-box-shadow:0 0 5px #ddd,inset 0 0 5px #ddd;box-shadow:0 0 5px #ddd,inset 0 0 5px #ddd;background:#000;opacity:0.5;
}
.cocot a{color: #C4CDE0;text-align:center;
}
.cocot:hover{background:#0080FF;-moz-box-shadow:inset 0 0 10px #000;-webkit-box-shadow:inset 0 0 10px #000;box-shadow:inset 0 0 10px #000;
}
.cocot:active{background:#fc0;
}
#blog-pager a {overflow:hidden;position:absolute;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;top:35px;opacity:0.6;
}
.blog-pager-older-link{background:url(http://i1206.photobucket.com/albums/bb455/binkbenk/necs.png) no-repeat;right:94%;
}
.blog-pager-newer-link{background:url(http://i1206.photobucket.com/albums/bb455/binkbenk/bacz.png) no-repeat;left:1px;
}
#blog-pager a:hover{opacity:0.1;
}
/*buton Page off*/
.buton-page{float:right;margin:2px;z-index:9999;display:inline-block;width:20px;text-align:center;padding-top:1px;padding-bottom:1px;border-radius:3px;border:1px solid #fff;background:#f00;box-shadow:0 0 5px #ddd,inset 0 0 3px #000;font:15px Courier New,Courier,monospace;opacity:0.7;
}
.buton-page a{font:bold 12px/10px Courier New,Courier,monospace;color: #fff;text-shadow:-1px 0 #000,0 1px #000,1px 0 #000, 0 -1px #000;
}
.buton-page a:hover{color:#fff;text-decoration:none;
}
.buton-page:hover{box-shadow:0 0 5px #ddd, inset 0 0 5px #fff;border:1px solid #ddd;opacity:1;
}
.buton-page:active{background:#000;
}
/*buton page on*/
.logoff{width:300px;heght:auto;position:fixed;top:20px;left:20px;z-index:-9999;padding-right:100px;text-align:right;font:20px Verdana;color:#fff;
}
.buton *,.buton *:before,.buton *:after {position:absolute;
}
.buton:after{content:"";width:70px;height:70px;position:relative;margin:1px;display:inline-block;position:absolute;top:0px;right:0px;bottom:0px;left:0px;background:#f00;background-image: -moz-linear-gradient(top, #f00,#f00,#fff);background-image:-webkit-linear-gradient(top,#f00,#f00,#fff);background-image:linear-gradient(top,#f00,#f00,#fff);-webkit-border-radius:9px;-moz-border-radius:9px;border-radius:9px;border:2px solid #ddd;box-shadow:inset 0 0 5px #000,0 0 5px #000;
}
.shutdown span {box-shadow:inset 0 0 1px #000,0 0 1px #000;display:block;width:35px;height:35px;border:6px solid white;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;top:17px;left:15px; z-index:4;
}
.shutdown span:before {z-index:4;content:"";width:7px;height:30px;background-color:#fff; -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;top:-10px;left:14px;-webkit-box-shadow:0px 0px 0px 3px #f00; -moz-box-shadow:0px 0px 0px 3px #f00; box-shadow:0px 0px 0px 3px #f00,inset 0 0 2px #000;
}
/*efek hover*/
.buton:hover:after{box-shadow:inset 0 0 4px #fff,0 0 2px #000;
}
.buton:active:after{box-shadow:inset 0 0 8px #000,0 0 10px #000;
}
.shutdown span:hover{margin-top:2px;
}
.shutdown span:active{margin-top:-1px;
}
.shutdown span:active:before{box-shadow:0 0 1px #f00,0 0 5px #000;
}
/*search form*/
#search input[type='text']{background:#ddd;font:12px Arial,Helvetica,Sans-serif;font-style:italic;color:#000;margin:0 auto;margin-top:0;margin-bottom:0;width:80%;padding-top:7px ;padding-bottom:7px ;border:1px solid #ddd;-webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;transition: all 1s ease-in-out;border-radius:3px;box-shadow:inset 0 0 3px #000;opacity:0.7;
}
#search input[type='text']:focus {background:#f00;border: 1px solid #ddd;box-shadow:inset 0 0 10px #000;color:#ddd;
}
#search input[type='text']:hover{background:#fc0;border-radius:5px;border:1px solid #ddd;box-shadow:inset 0 0 20px #000;color:#fff;
}
#search-btn[type='submit']{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgv9t9LIY9-vqZSzvtVEiie4ERSqIaUdj39ARaakzwMTpdTCb7YquUgA1IDa4cbdO_OZJEYfWYc8zIaBRUCnvEmOkfrNgu8b7Irvx4FSTSou-YlHX_9BQHAJEOlXzGcwoGwymcefaL5cubT/s400/search.png) no-repeat center;border:0;padding:10px 15px;margin:0;
}
#search-btn[type='submit']:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgv9t9LIY9-vqZSzvtVEiie4ERSqIaUdj39ARaakzwMTpdTCb7YquUgA1IDa4cbdO_OZJEYfWYc8zIaBRUCnvEmOkfrNgu8b7Irvx4FSTSou-YlHX_9BQHAJEOlXzGcwoGwymcefaL5cubT/s400/search.png) no-repeat center;padding:10px 15px;cursor:pointer;opacity:0.1;
}
/*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)}}
#badan-besar, td{animation:myfirst 10s;-moz-animation:myfirst 10s;-webkit-animation:myfirst 10s;}
</style>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.js' type='text/javascript'/>
<script type='text/javascript'>
/*show hide sidebar*/
$(document).ready(function(){$("#show").click(function(){$(".sidebar").slideToggle("slow");$(this).toggleClass("active");return false;});});

/*Show hide Komentar*/
$(document).ready(function(){$(".tombol").click(function(){$("#comments").slideToggle("slow");$(this).toggleClass("active");return false;});});

/*Show Hide Entry*/
$(document).ready(function() {
    $('.jendela, #jendela').append().before('');
    $('.jendela, #jendela').append('');
    $('a#open-jendela').click(function() {
        $('.jendela, #jendela').slideDown(2500);
        $('#open-jendela').fadeOut(2500);
        return false;
    });
    $('a#close-jendela').click(function() {
        $('.jendela, #jendela').slideUp(2500);
        $('#open-jendela').fadeIn(2500)
        return false;
    });
});
</script>
</b:if>

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

<style>
a:visited,a:link{color:#fff;text-decoration:none;
}
body{background:#000 url(https://sites.google.com/site/koplaks99/Windows--7.jpg) no-repeat fixed center;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;overflow:hidden;cursor:help;
}
#windows{width:100%;height:100%;position:fixed;bottom:0;left:0;background:#088A08 url(https://sites.google.com/site/koplaks99/Windows-----7.jpg) no-repeat fixed;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;cursor:help;
}
.windows{width:100%;position:absolute;bottom:10%;left:0;cursor:move;
}
#windows-eight{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;margin:0 auto;width:570px; height:384px;background: rgba(0,0,0,0.6);text-align:right;border:solid 3px;border-color:rgba(0,0,0,0.0);box-shadow:0 0 5px #000,inset 0 0 2px #000;
}
.windowsLeft{display:none;background:url(https://sites.google.com/site/koplaks99/left.png);width:40px;height:40px;background-position:0px 0px;
}
.windowsLeft:hover{width:40px;height:40px;background-position:0px 40px;cursor:pointer;
}
.windowsRight{display:none;background:url(https://sites.google.com/site/koplaks99/right.png);width:40px;height:40px;background-position:0px 0px;
}
.windowsRight:hover{width:40px;height:40px;background-position:0px 40px;cursor:pointer;
}
#windows-title{display:none;color:#f90;font-family:Broadway;text-decoration:underline;font-size:17px;font-weight:bold;margin:20px;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;width:80%;
}
#windows-alt{display:none;color:#ddd;margin:20px;margin-top:0px;font:italic 12px Georgia,Times New Roman,serif;
}
#windows-eight img{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;
}
#windows-eight img:hover{-moz-transform:rotate(5deg);-webkit-transform: rotate(350deg);transform: rotate(5deg);opacity:0.8;
}
/*animasi*/
@-webkit-keyframes kentu{from{-webkit-transform:translate(0px,1000px);opacity:0}to{-webkit-transform:translate(0px,0px);opacity:1}}@-moz-keyframes kentu{from{-moz-transform:translate(0px,1000px);opacity:0}to{-moz-transform:translate(0px,0px);opacity:1}}@-ms-keyframes kentu{from{-ms-transform:translate(0px,1000px);opacity:0}to{-ms-transform:translate(0px,0px);opacity:1}}@keyframes kentu{from{transform:translate(0px,1000px);opacity:0}to{transform:translate(0px,0px);opacity:1}
}
@-webkit-keyframes kontol{from{-webkit-transform:translate(0px,-1000px);opacity:0}to{-webkit-transform:translate(0px,0px);opacity:1}}@-moz-keyframes kontol{from{-moz-transform:translate(0px,-1000px);opacity:0}to{-moz-transform:translate(0px,0px);opacity:1}}@-ms-keyframes kontol{from{-ms-transform:translate(0px,-1000px);opacity:0}to{-ms-transform:translate(0px,0px);opacity:1}}@keyframes kontol{from{transform:translate(0px,-1000px);opacity:0}to{transform:translate(0px,0px);opacity:1}
}
@keyframes earn { from{opacity:0;} to{opacity:10;}}
@-moz-keyframes earn { from{opacity:0;} to{opacity:10;}}
@-webkit-keyframes earn { from{opacity:0;} to{opacity:10;}}
#startbar, #windows-eight{-webkit-animation:kentu 3s;-moz-animation:kentu 3s;animation:kentu 3s;}
#windows-eight img, .windowsRight, .windowsLeft{-webkit-animation:kontol 6s;-moz-animation:kontol 6s;animation:kontol 6s;}

/*Start Menu*/
a{text-decoration:none;color:#444;}
a:hover{text-decoration:underline;cursor:pointer;}
/* Horizontal Bar */
#startbar{ position:fixed; top:0px; left:0px; z-index:1000; width:100%; height:30px; background:rgba(0,0,0,.5);border-bottom:1px solid #A4A4A4;box-shadow:0 0 5px #000;font:normal 12px Calibri,Arial,Sans-Serif;
}
/* Windows Logo */
#win{ width:35px; height:35px; background:-webkit-radial-gradient(50% 90%, circle closest-corner, #07D9F9, #03456F 100%,#fff 300% ); background:-moz-radial-gradient(50% 90%, circle closest-corner, #07D9F9, #03456F 100%,#fff 300% ); background:-ms-radial-gradient(50% 90%, circle closest-corner, #07D9F9, #03456F 100%,#fff 300% ); background:-o-radial-gradient(50% 90%, circle closest-corner, #07D9F9, #03456F 100%,#fff 300% ); background:radial-gradient(50% 90%, circle closest-corner, #07D9F9, #03456F 100%,#fff 300% ); border:1px solid #4A676F; -webkit-border-radius:100px; -moz-border-radius:100px; border-radius:100px; -webkit-box-shadow:0 1px 1px rgba(255, 255, 255, 0.9),inset 0px 2px 1px rgba(255,255,255,0.8),inset 0px 5px 2px rgba(255,255,255,0.5),inset 0px 10px 10px rgba(255,255,255,0.3),inset 0px -1px 1px rgba(255,255,255,0.8); -moz-box-shadow:0 1px 1px rgba(255, 255, 255, 0.9),inset 0px 2px 1px rgba(255,255,255,0.8),inset 0px 5px 2px rgba(255,255,255,0.5),inset 0px 10px 10px rgba(255,255,255,0.3),inset 0px -1px 1px rgba(255,255,255,0.8); box-shadow:0 1px 1px rgba(255, 255, 255, 0.9),inset 0px 2px 1px rgba(255,255,255,0.8),inset 0px 5px 2px rgba(255,255,255,0.5),inset 0px 10px 10px rgba(255,255,255,0.3),inset 0px -1px 1px rgba(255,255,255,0.8); margin-top:2px; margin-left:10px; margin-right:20px; display:block; position:relative; float:left; cursor:pointer; webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -ms-transition:all 0.4s linear; -o-transition:all 0.4s linear; transition:all 0.4s linear;
}
#cont-win{ position:relative; left:7px; top:9px; -webkit-transform:skew(-4deg, -7deg) rotate(17deg); -moz-transform:skew(-4deg, -7deg) rotate(17deg); -ms-transform:skew(-4deg, -7deg) rotate(17deg); -o-transform:skew(-4deg, -7deg) rotate(17deg); transform:skew(-4deg, -7deg) rotate(17deg); display:block;
}
.w1,.w2,.w3,.w4{ width:8px;height:8px; float:left; margin:1px; background:#000; -webkit-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.4); -moz-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.4); box-shadow:1px 1px 1px rgba(0, 0, 0, 0.4); -webkit-transform:skew(-4deg, -7deg); -moz-transform:skew(-4deg, -7deg); -ms-transform:skew(-4deg, -7deg); -o-transform:skew(-4deg, -7deg); transform:skew(-4deg, -7deg); }
.w1{ background:#BF321C; background:-webkit-radial-gradient(right bottom, circle cover, #fff, #E9A72E, #BF321C); background:-moz-radial-gradient(right bottom, circle cover, #fff, #E9A72E, #BF321C); background:-ms-radial-gradient(right bottom, circle cover, #fff, #E9A72E, #BF321C); background:-o-radial-gradient(right bottom, circle cover, #fff, #E9A72E, #BF321C); background:radial-gradient(right bottom, circle cover, #fff, #E9A72E, #BF321C);
}
.w2{ background:#74A647; background:-webkit-radial-gradient(left bottom, circle cover, #fff, #C1D687, #74A647); background:-moz-radial-gradient(left bottom, circle cover, #fff, #C1D687, #74A647); background:-ms-radial-gradient(left bottom, circle cover, #fff, #C1D687, #74A647); background:-o-radial-gradient(left bottom, circle cover, #fff, #C1D687, #74A647); background:radial-gradient(left bottom, circle cover, #fff, #C1D687, #74A647);
}
.w3{ background:#399FD3; background:-webkit-radial-gradient(right top, circle cover, #fff, #97D3F2, #399FD3); background:-moz-radial-gradient(right top, circle cover, #fff, #97D3F2, #399FD3); background:-ms-radial-gradient(right top, circle cover, #fff, #97D3F2, #399FD3); background:-o-radial-gradient(right top, circle cover, #fff, #97D3F2, #399FD3); background:radial-gradient(right top, circle cover, #fff, #97D3F2, #399FD3);
}
.w4{ background:#FCCC2E; background:-webkit-radial-gradient(left top, circle cover, #fff, #F7DF95, #FCCC2E); background:-moz-radial-gradient(left top, circle cover, #fff, #F7DF95, #FCCC2E); background:-ms-radial-gradient(left top, circle cover, #fff, #F7DF95, #FCCC2E); background:-o-radial-gradient(left top, circle cover, #fff, #F7DF95, #FCCC2E); background:radial-gradient(left top, circle cover, #fff, #F7DF95, #FCCC2E);
}
/* Menus */
#menu{ position:absolute; left:-11px; z-index:-1; width:400px; height:auto; padding:6px; background:-webkit-linear-gradient(65deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.5)); background:-moz-linear-gradient(65deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.5)); background:-ms-linear-gradient(65deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.5)); background:-o-linear-gradient(65deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.5)); background:linear-gradient(65deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.5)); border:1px solid rgba(0, 0, 0, 0.6); border-bottom-width:2px; -webkit-box-shadow:inset 0px 0px 1px rgba(255,255,255,2.5); moz-box-shadow:inset 0px 0px 1px rgba(255,255,255,2.5); box-shadow:inset 0px 0px 1px rgba(255,255,255,2.5); border-radius:7px; visibility:hidden; opacity:0;top:31px; -webkit-transition:all 0.2s ease-out 0.2s; -moz-transition:all 0.2s ease-out 0.2s; -ms-transition:all 0.2s ease-out 0.2s; -o-transition:all 0.2s ease-out 0.2s; transition:all 0.2s ease-out 0.2s; cursor:default;
}
#win:hover{ -webkit-box-shadow:0 1px 7px rgba(255, 255, 255, 0.9),inset 0px 2px 1px #fff,inset 0px 2px 2px rgba(255,255,255,0.5),inset 0px 10px 10px rgba(255,255,255,0.3),inset 0px -1px 1px rgba(255,255,255,0.8); -moz-box-shadow:0 1px 7px rgba(255, 255, 255, 0.9),inset 0px 2px 1px #fff,inset 0px 2px 2px rgba(255,255,255,0.5),inset 0px 10px 10px rgba(255,255,255,0.3),inset 0px -1px 1px rgba(255,255,255,0.8); box-shadow:0 1px 7px rgba(255, 255, 255, 0.9),inset 0px 2px 1px #fff,inset 0px 2px 2px rgba(255,255,255,0.5),inset 0px 10px 10px rgba(255,255,255,0.3),inset 0px -1px 1px rgba(255,255,255,0.8);
}
#menu{visibility:visible;opacity:1;margin-top:2px;
}
#menu, .recent,.screensht{display:none;
}
#menu .left-menu{ float:left; display:inline; background:#E0ECF8; width:250px; height:350px; border:1px solid rgba(0, 0, 0, 0.6); -webkit-box-shadow:0px 0px 1px rgba(255,255,255,0.5); -moz-box-shadow:0px 0px 1px rgba(255,255,255,0.5); box-shadow:0px 0px 1px rgba(255,255,255,0.5); -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; position:relative;
}
/* Search Form */
#menu .left-menu form#search{ width:250px; background:#E4F4FC; border-top:2px solid #BEE6FD; padding:10px 0; position:absolute; bottom:0px; left:0px; -webkit-border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px;
}
#menu .left-menu form#search input{ border-radius:3px;background:#fff; border:1px solid #aaa; padding:3px 5px; margin:0 14px; font:italic 12px Calibri,Arial,Sans-Serif; color:#999; width:202px; position:relative;
}
/* Loupe */
#menu .left-menu form#search:after{ content:""; width:5px; height:5px; border:1px solid #666; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; position:absolute; left:100%; margin-left:-37px; top:16px; }
#menu .left-menu form#search:before{ content:""; width:3px; height:0px;border:1px solid #666; position:absolute; z-index:3; left:100%; margin-left:-41px; top:23px; -webkit-transform:rotate(-41deg); -moz-transform:rotate(-41deg); -ms-transform:rotate(-41deg); -o-transform:rotate(-41deg); transform:rotate(-41deg);
}
#menu .left-menu ul{padding:2px;margin:0px;
}
#menu .left-menu li{ margin:0px; padding:0px; list-style:none; width:246px; text-align:left; }
#menu .left-menu li a{ color:#222; text-decoration:none; line-height:27px; margin-bottom:1px; padding:0px 12px; border:1px solid transparent; display:block; position:relative;
}
/* Making Arrow with CSS Pseudo Element */
#menu .left-menu li a.arrow:after{ content:""; width:0px; height:0px; position:absolute; left:100%; top:9px; margin-left:-16px; border-width:5px; border-style:solid; border-color:transparent transparent transparent #222;
}
/* Sliding Menu To Show the Recent Documents */
#menu .left-menu .recent{ width:142px; height:275px; position:absolute; z-index:1000; top:35px; left:245px;overflo:auto; padding:3px; background:#F4F7FB; -webkit-box-shadow:inset 1px 0px 1px rgba(0,0,0,0.2); -moz-box-shadow:inset 1px 0px 1px rgba(0,0,0,0.2); box-shadow:inset 1px 0px 1px rgba(0,0,0,0.2); visibility:hidden; opacity:0; -webkit-border-radius:0 3px 3px 0; -moz-border-radius:0 3px 3px 0; border-radius:0 3px 3px 0; -webkit-transition:all 0.2s ease-out 0.2s; -moz-transition:all 0.2s ease-out 0.2s; -ms-transition:all 0.2s ease-out 0.2s; -o-transition:all 0.2s ease-out 0.2s; transition:all 0.2s ease-out 0.2s;
}
#menu .left-menu .recent hr{ border:none !important; height:1px; overflow:visible; background:#e6e6e6; position:relative; margin:10px 2px;
}
#menu .left-menu .recent hr:before{ content:"Recent"; padding:0 5px 0 2px; font-size:12px; color:#045182; position:absolute; left:0px; top:-8px; margin-right:-50px; background:#F4F7FB;
}
#menu .left-menu li:hover .recent{ left:249px; visibility:visible; opacity:1;
}
#menu .left-menu li li{ width:138px !important;
}
#menu .left-menu li li a{ padding:0 5px; line-height:16px !important; margin-bottom:2px;
}
#menu .left-menu li a:hover{ background:-webkit-linear-gradient(top, #E4F4FC, #ACDCF7); background:-moz-linear-gradient(top, #E4F4FC, #ACDCF7); background:-ms-linear-gradient(top, #E4F4FC, #ACDCF7); background:-o-linear-gradient(top, #E4F4FC, #ACDCF7); background:linear-gradient(top, #E4F4FC, #ACDCF7); border-color:#0CC0E1; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-box-shadow:inset 0 0 3px #fff; -moz-box-shadow:inset 0 0 3px #fff; box-shadow:inset 0 0 3px #fff;
}
#menu .left-menu li.all-prog{ position:absolute; bottom:48px; left:2px; border-top:2px solid #BEE6FD; padding-top:5px;
}
#menu .left-menu li.all-prog a{ line-height:22px; padding:0 0 0 34px;
}
/* My Words */
#menu .left-menu li.all-prog .recent.all{ width:240px; height:265px;overflow:auto;background:#E0ECF8; padding:5px; font-size:11px;position:absolute;top:0px; left:0px; margin-left:-2px; margin-top:-273px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-box-shadow:inset 0 0 1px rgba(0,0,0,0.5); -moz-box-shadow:inset 0 0 1px rgba(0,0,0,0.5); box-shadow:inset 0 0 1px rgba(0,0,0,0.5);
}
#menu .left-menu li.all-prog a:before{ content:""; position:absolute; right:100%; top:7px; margin-right:-15px; border-width:4px 5px; border-style:solid; border-color:transparent transparent transparent #111; display:block;
}
.fleft{ float:left; margin:3px 10px 0px -10px; position:relative;
}
/* Creating Folders with CSS Gradients and Pseudo Elements */
.foldr{ width:20px; height:15px; margin-top:6px; background:#F6EEAB; background:-webkit-linear-gradient(top, #ECDE8C, #F6EEAB); background:-moz-linear-gradient(top, #ECDE8C, #F6EEAB); background:-ms-linear-gradient(top, #ECDE8C, #F6EEAB); background:-o-linear-gradient(top, #ECDE8C, #F6EEAB); background:linear-gradient(top, #ECDE8C, #F6EEAB); border:1px solid #DCC56C; -webkit-box-shadow:0 1px 0px rgba(0,0,0,0.2); -moz-box-shadow:0 1px 0px rgba(0,0,0,0.2); box-shadow:0 1px 0px rgba(0,0,0,0.2); -webkit-border-radius:1px; -moz-border-radius:1px; border-radius:1px;
}
.foldr:before{ content:""; width:8px; height:0px; border-top:3px solid #DCC56C; display:block; position:absolute; bottom:100%; left:0px;
}
/* Microsoft Word */
.mw{ width:12px; height:10px; margin-left:-4px; border:2px solid #fff; background:-webkit-linear-gradient(top, #fff, #0E70A9, #fff, #0E70A9, #fff, #fff, #0E70A9, #fff, #0E70A9); background:-moz-linear-gradient(top, #fff, #0E70A9, #fff, #0E70A9, #fff, #fff, #0E70A9, #fff, #0E70A9); background:-ms-linear-gradient(top, #fff, #0E70A9, #fff, #0E70A9, #fff, #fff, #0E70A9, #fff, #0E70A9); background:-o-linear-gradient(top, #fff, #0E70A9, #fff, #0E70A9, #fff, #fff, #0E70A9, #fff, #0E70A9); background:linear-gradient(top, #fff, #0E70A9, #fff, #0E70A9, #fff, #fff, #0E70A9, #fff, #0E70A9); color:#023B62; -webkit-box-shadow:1px 1px 0px #bbb, -2px 4px 0px #0E70A9; -moz-box-shadow:1px 1px 0px #bbb, -2px 4px 0px #0E70A9; box-shadow:1px 1px 0px #bbb, -2px 4px 0px #0E70A9; position:relative;
}
.mw:before{ content:"w"; position:absolute; top:0px; left:0px; background:#fff; border:2px solid #fff; font-size:8px; line-height:6px;
}
/* Opera Web Browser */
.op{ font:bold 22px Cambaria,Georgia,Times,Serif; color:#B73941; line-height:normal; margin-top:0px; margin-left:-8px; text-shadow:0 1px 1px #ddd; position:relative;
}
/* Create Opera Shadow */
.op:after{ content:""; width:10px; height:1px; background:#666; -webkit-box-shadow:0 0 3px #000; -moz-box-shadow:0 0 3px #000; box-shadow:0 0 3px #000; display:block; position:absolute; top:86%; left:4px; }
/* Ugly Internet Explorer.. */ .ie{ font:bold 30px Georgia,Serif; color:#066298; line-height:normal; margin-top:-6px; margin-left:-8px; position:relative;
}
.ie:after{ content:""; width:18px; height:2px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; -webkit-box-shadow:0px 3px 0px #FAD149,0px 1px 1px rgba(0, 0, 0, 0.6); -moz-box-shadow:0px 3px 0px #FAD149,0px 1px 1px rgba(0, 0, 0, 0.6); box-shadow:0px 3px 0px #FAD149,0px 1px 1px rgba(0, 0, 0, 0.6); position:absolute; top:42%; left:-4px; -webkit-transform:rotate(-36deg); -moz-transform:rotate(-36deg); -ms-transform:rotate(-36deg); -o-transform:rotate(-36deg); transform:rotate(-36deg);
}
/* Notepad */
.np{ width:16px; height:20px; background:-webkit-linear-gradient(-45deg, #fff 0%, #71CCE0 100%); background:-moz-linear-gradient(-45deg, #fff 0%, #71CCE0 100%); background:-ms-linear-gradient(-45deg, #fff 0%, #71CCE0 100%); background:-o-linear-gradient(-45deg, #fff 0%, #71CCE0 100%); background:linear-gradient(-45deg, #fff 0%, #71CCE0 100%); position:relative; -webkit-transform:skew(2deg, 2deg) rotate(-2deg) translate(4px, 0px); -moz-transform:skew(2deg, 2deg) rotate(-2deg) translate(4px, 0px); -ms-transform:skew(2deg, 2deg) rotate(-2deg) translate(4px, 0px); -o-transform:skew(2deg, 2deg) rotate(-2deg) translate(4px, 0px); transform:skew(2deg, 2deg) rotate(-2deg) translate(4px, 0px); margin-right:15px; -webkit-box-shadow:-2px 1px 0px #4A9BCD; -moz-box-shadow:-2px 1px 0px #4A9BCD; box-shadow:-2px 1px 0px #4A9BCD;
}
/* Adobe Fl (what is this?) */
.ai{ width:6px; height:6px; line-height:normal; color:#fff; font:bold 8px Verdana,Arial,Sans-Serif; padding:6px; margin-left:-10px; margin-right:15px; left:0px; background:-webkit-linear-gradient(45deg, #EA6E56, #A71D07, #fff); background:-moz-linear-gradient(45deg, #EA6E56, #A71D07, #fff); background:-ms-linear-gradient(45deg, #EA6E56, #A71D07, #fff); background:-o-linear-gradient(45deg, #EA6E56, #A71D07, #fff); background:linear-gradient(45deg, #EA6E56, #A71D07, #fff); -webkit-box-shadow:0 0 1px rgba(0,0,0,0.8); -moz-box-shadow:0 0 1px rgba(0,0,0,0.8); box-shadow:0 0 1px rgba(0,0,0,0.8);
}
/* Right Menu */
#menu .right-menu{ width:140px; float:right; display:inline;padding-top:40px;
}
#menu .right-menu ul,#menu .right-menu li{ margin:0;padding:0; list-style:none; display:block;
}
#menu .right-menu ul{ margin-bottom:5px;
}
#menu .right-menu li a{ padding:8px 7px 7px; display:block; font:normal 12px Calibri,Arial,Sans-Serif; color:#fff; text-decoration:none; margin-bottom:3px; width:124px; border:1px solid transparent; display:block;
}
#menu .right-menu li a:hover{ background:#222; background:-webkit-linear-gradient(bottom, rgba(255,255,255,0.4) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(255, 255, 255, 0.1) 51%, rgba(255,255,255,0.4) 100%); background:-moz-linear-gradient(bottom, rgba(255,255,255,0.4) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(255, 255, 255, 0.1) 51%, rgba(255,255,255,0.4) 100%); background:-ms-linear-gradient(bottom, rgba(255,255,255,0.4) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(255, 255, 255, 0.1) 51%, rgba(255,255,255,0.4) 100%); background:-o-linear-gradient(bottom, rgba(255,255,255,0.4) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(255, 255, 255, 0.1) 51%, rgba(255,255,255,0.4) 100%); background:linear-gradient(bottom, rgba(255,255,255,0.4) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(255, 255, 255, 0.1) 51%, rgba(255,255,255,0.4) 100%); border-color: #111; -webkit-box-shadow:0 0 1px rgba(255,255,255,0.4), inset 0 0 1px rgba(255,255,255,0.8); -moz-box-shadow:0 0 1px rgba(255,255,255,0.4), inset 0 0 1px rgba(255,255,255,0.8); box-shadow:0 0 1px rgba(255,255,255,0.4), inset 0 0 1px rgba(255,255,255,0.8); -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
}
/* Shut Down Button */
.shutdown{ width:84px; font:bold 12px Calibri,Arial,Sans-Serif; text-shadow:0 1px 2px #000; color:#fff; background:#222; background:-webkit-linear-gradient(top, rgba(255,255,255,0.7) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(255, 255, 255, 0.1) 51%); background:-moz-linear-gradient(top, rgba(255,255,255,0.7) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(255, 255, 255, 0.1) 51%); background:-ms-linear-gradient(top, rgba(255,255,255,0.7) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(255, 255, 255, 0.1) 51%); background:-o-linear-gradient(top, rgba(255,255,255,0.7) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(255, 255, 255, 0.1) 51%); background:linear-gradient(top, rgba(255,255,255,0.7) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(255, 255, 255, 0.1) 51%); border:1px solid #111; margin-bottom:12px; -webkit-box-shadow:0 0 1px rgba(255,255,255,0.4), inset 0 0 2px rgba(255,255,255,0.8); -moz-box-shadow:0 0 1px rgba(255,255,255,0.4), inset 0 0 2px rgba(255,255,255,0.8); box-shadow:0 0 1px rgba(255,255,255,0.4), inset 0 0 2px rgba(255,255,255,0.8); -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; cursor:pointer;
}
.shutdown a:hover{color:#fff;text-decoration:none;
}
.shutdown:hover{-webkit-box-shadow:inset 0 0 15px #f00; -moz-box-shadow:inset 0 0 15px #f00; box-shadow:inset 0 0 15px #f00;
}
.shutdown div.lf{ padding:4px 5px; position:relative;
}
.shutdown div.lf:after{ content:""; padding:0px 6px; margin-left:7px; border-left:1px solid #111; -webkit-box-shadow:-1px 0px 0px rgba(255,255,255,0.3); -moz-box-shadow:-1px 0px 0px rgba(255,255,255,0.3); box-shadow:-1px 0px 0px rgba(255,255,255,0.3);
}
/* Create Arrow */
.shutdown div.lf:before{ content:""; width:0px; height:0px; position:absolute; left:100%; top:7px; margin-left:-13px; border-width:4px 4px; border-style:solid; border-color:transparent transparent transparent #fff;
}
/* Admin */ #menu #kontener{ position:absolute; top:0px; right:48px; margin-top:-20px; z-index:10; background:-webkit-linear-gradient(-47deg, rgba(255,255,255,0.5) 0%, #666 81%,#fff 100%); background:-moz-linear-gradient(-47deg, rgba(255,255,255,0.5) 0%, #666 81%,#fff 100%); background:-ms-linear-gradient(-47deg, rgba(255,255,255,0.5) 0%, #666 81%,#fff 100%); background:-o-linear-gradient(-47deg, rgba(255,255,255,0.5) 0%, #666 81%,#fff 100%); background:linear-gradient(-47deg, rgba(255,255,255,0.5) 0%, #666 81%,#fff 100%); padding:3px; border:1px solid #444; -webkit-box-shadow:inset 1px 0px 1px rgba(255,255,255,0.4), 0 1px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow:inset 1px 0px 1px rgba(255,255,255,0.4), 0 1px 1px rgba(0, 0, 0, 0.5); box-shadow:inset 1px 0px 1px rgba(255,255,255,0.4), 0 1px 1px rgba(0, 0, 0, 0.5); border-radius:5px;
}
#menu #kontener .admin{ width:50px; height:48px; border:1px solid rgba(0,0,0,0.5); -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; background:-webkit-radial-gradient(bottom, circle, #FACF0C, #4BB648); background:-moz-radial-gradient(bottom, circle, #FACF0C, #4BB648); background:-ms-radial-gradient(bottom, circle, #FACF0C, #4BB648); background:-o-radial-gradient(bottom, circle, #FACF0C, #4BB648); background:radial-gradient(bottom, circle, #FACF0C, #4BB648); -webkit-box-shadow:inset 0 -1px 7px #fff; -moz-box-shadow:inset 0 -1px 7px #fff; box-shadow:inset 0 -1px 7px #fff; position:relative;
}
/* Minimized Windows */ #list{float:left;display:inline;
}
.opened{ width:38px; height:25px; text-align:center; background:#222; background:-webkit-linear-gradient(-80deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.1) 70%, rgba(0, 0, 0, 0.2) 81%); background:-moz-linear-gradient(-80deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.1) 70%, rgba(0, 0, 0, 0.2) 81%); background:-ms-linear-gradient(-80deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.1) 70%, rgba(0, 0, 0, 0.2) 81%); background:-o-linear-gradient(-80deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.1) 70%, rgba(0, 0, 0, 0.2) 81%); background:linear-gradient(-80deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.1) 70%, rgba(0, 0, 0, 0.2) 81%); border:1px solid rgba(255,255,255,0.4); -webkit-box-shadow:0 0 1px rgba(0,0,0,0.9); -moz-box-shadow:0 0 1px rgba(0,0,0,0.9); box-shadow:0 0 1px rgba(0,0,0,0.9); -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; float:left; margin:2px 2px 0; cursor:pointer;
}
.opened{ position:relative; }
.opened .np{ border:none; width:12px !important; height:12px; -webkit-transform:skew(2deg, 2deg) rotate(-2deg) translate(0px, 0px); -moz-transform:skew(2deg, 2deg) rotate(-2deg) translate(0px, 0px); -ms-transform:skew(2deg, 2deg) rotate(-2deg) translate(0px, 0px); -o-transform:skew(2deg, 2deg) rotate(-2deg) translate(0px, 0px); transform:skew(2deg, 2deg) rotate(-2deg) translate(0px, 0px);
}
.opened .foldr.small{margin:4px auto 0;width:20px;height:15px;
}
.opened .foldr.small:before{display:none;
}
/* Preview of Minimized Windows */
.opened .screensht{ position:absolute;top:-250px; width:399px;height:auto;padding:10px; z-index:-7; border:1px solid #A4A4A4; background:rgba(0,0,0,.7);box-shadow:0 0 10px #000;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-transition:all 0.5s ease-out 0.35s; -moz-transition:all 0.5s ease-out 0.35s; -ms-transition:all 0.5s ease-out 0.35s; -o-transition:all 0.5s ease-out 0.35s; transition:all 0.5s ease-out 0.35s; cursor:default;
}
/* Close Button */
.opened .screensht .close{ position:absolute; top:7px; right:7px; color:#fff; line-height:12px; padding:0px 0px; text-align:center; width:12px; border:1px solid rgba(0,0,0,0.5); background:#AE3110; background:-webkit-linear-gradient(90deg, #EA6E56, #A71D07, #fff); background:-moz-linear-gradient(90deg, #EA6E56, #A71D07, #fff); background:-ms-linear-gradient(90deg, #EA6E56, #A71D07, #fff); background:-o-linear-gradient(90deg, #EA6E56, #A71D07, #fff); background:linear-gradient(90deg, #EA6E56, #A71D07, #fff); -webkit-box-shadow:inset 0 0 1px rgba(255,255,255,0.7); -moz-box-shadow:inset 0 0 1px rgba(255,255,255,0.7); box-shadow:inset 0 0 1px rgba(255,255,255,0.7); text-shadow:0 0 1px #000; font:bold Arial,Sans-Serif; opacity:0.2; -webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; -ms-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; transition:all 0.2s ease-out; cursor:pointer;
}
.opened:hover .screensht{ opacity:1;top:30px;
}
.opened .screensht .col1:hover .close{ visibility:visible; opacity:1;
}
.opened .screensht .col1{width:174px; height:116px; padding:5px; color:#fff; float:left; margin-left:9px; background:rgba(255,255,255,0.2); border:1px solid rgba(255,255,255,0.2);opacity:0.5; position:relative;overflow:hidden;
}
.opened .screensht .kotak{ width:170px; height:90px;overflow:hidden;color:#000; margin:24px auto 1px; border:1px solid #000; background:#fafafa;box-shadow:0 0 1px rgba(255,255,255,0.8);padding:0;overflow:hidden;
}
.opened.tunggal .screensht{ width:204px; padding:10px 0;
}
.opened.tunggal .screensht .col1{ width:174px; padding:5px; margin-left:9px; float:none !important; display:block; position:relative;overflow:hidden;
}
.opened .screensht .kotak{width:auto;height:95%;overflow:hidden;
}
.opened .screensht .col1:hover{opacity:1;width:auto;height:99%;margin:2px;
}
.opened.tunggal .screensht:hover{width:100%;height:92%;padding:0px;position:fixed;left:0;top:35px;border:0px solid;
}
.opened.tunggal .screensht .col1.fold:before{content:"My New Documents"; position:absolute; display:block; top:7px; left:35px;
}
.opened.tunggal .screensht .col1.ntpad:before{content:"pera Browser"; position:absolute; display:block; top:5px; margin-left:20px;
}
.opened:hover{ -webkit-box-shadow:inset 0px 1px 1px #fff; -moz-box-shadow:inset 0px 1px 1px #fff; box-shadow:inset 0px 1px 1px #fff;
}
/* Show Desktop (see the right bottom of Windows) */
.opened.hide{ float:right;width:12px;height:25px;color:#fff;font:bold 10px/25px Verdana;
}
#fright{ float:right; width:140px; padding-top:8px; color:#fff;
}
#fright div{ float:left; display:inline; cursor:pointer;
}
/* Connection Status */
.connection{ width:10px; height:7px; border-width:1px; border-style:solid; border-color:#fff; position:relative; margin-top:2px; margin-left:5px;
}
.connection:before{ content:""; width:0px; height:0px; border:2px solid #fff; position:absolute; top:100%; left:3px; margin-top:0px;
}
.connection:after{ content:""; width:6px; height:0px; border-bottom:1px solid #fff; position:absolute; top:100%; left:2px; margin-top:3px;
}
/* Up Arrows to Show Hidden Icons in Windows */
.plus{ border:1px solid transparent; margin-bottom:12px; width:18px; height:15px; margin-right:5px; position:relative;
}
.plus .screensht1{ position:absolute;overflow:hidden;opacity:0;bottom:-100px; left:-25px;top:-250px;width:auto;height:105px; padding:10px 5px;z-index:-7; border:1px solid rgba(255,255,255,0.4); background:rgba(0,0,0,0.7);-webkit-box-shadow:inset 0 0 1px rgba(255,255,255,0.5),0 1px 3px #000,1px 5px 12px #000; -moz-box-shadow:inset 0 0 1px rgba(255,255,255,0.5),0 1px 3px #000,1px 5px 12px #000; box-shadow:inset 0 0 1px rgba(255,255,255,0.5),0 1px 3px #000,1px 5px 12px #000; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-transition:all 0.5s ease-out 0.2s; -moz-transition:all 0.5s ease-out 0.2s; -ms-transition:all 0.5s ease-out 0.2s; -o-transition:all 0.5s ease-out 0.2s; transition:all 0.5s ease-out 0.2s;
}
.plus .screensht1 .grup{border:1px solid #rgba(0,0,0,0.6);width:100px;padding:5px;height:100px;background:#fff;margin:0 auto;box-shadow:0 0 1px rgba(255,255,255,0.4);text-align:center;
}
.plus:hover{border:1px solid #848484;box-shadow:inset 0 0 5px #fff;-webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;
}
.plus:hover .screensht1{ visibility:visible; top:25px; opacity:1;color:#000;
}
.plus:after{ content:""; width:0px; height:0px; border-width:5px 4px; border-style:solid; border-color:#fff transparent transparent transparent; position:absolute;top:6px;left:100%; margin-left:-13px;
}
/* Speaker */
.speker{ width:0px; height:6px; margin-top:2px; margin-left:10px; border-width:3px 4px; border-style:solid; border-color:transparent #fff transparent transparent; position:relative;
}
.speker .screensht2{position:absolute;top:-250px;width:auto; height:50px; overflow:hidden; opacity:0; bottom:-100px; left:-25px;padding:5px; z-index:-7; border:1px solid rgba(255,255,255,0.4); background:rgba(0,0,0,0.7);-webkit-box-shadow:inset 0 0 1px rgba(255,255,255,0.5),0 1px 3px #000,1px 5px 12px #000; -moz-box-shadow:inset 0 0 1px rgba(255,255,255,0.5),0 1px 3px #000,1px 5px 12px #000; box-shadow:inset 0 0 1px rgba(255,255,255,0.5),0 1px 3px #000,1px 5px 12px #000; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-transition:all 0.5s ease-out 0.2s; -moz-transition:all 0.5s ease-out 0.2s; -ms-transition:all 0.5s ease-out 0.2s; -o-transition:all 0.5s ease-out 0.2s; transition:all 0.5s ease-out 0.2s;
}
.speker .screensht2 .grup{border:1px solid #rgba(0,0,0,0.6);width:auto;margin:0 auto;padding:5px;height:40px;background:#fff;box-shadow:0 0 1px rgba(255,255,255,0.4);text-align:center;
}
.speker:hover .screensht2{ visibility:visible;top:21px;opacity:1;color:#000;
}
.speker:before{ content:""; width:0px; height:4px; border-left:2px solid #fff; position:absolute; right:100%; top:1px;
}
/*logon buton*/
#off{background:rgba(0,0,0,.5);margin:0 auto;margin-top:10%;width:150px;padding:10px;border-radius:5px;border:3px solid #151515;text-align:center;font:bold 14px/10px Verdana;color:#151515;text-shadow:-1px 0 #58ACFA,0 1px #fff,1px 0 #58ACFA, 0 -1px #58ACFA,0 0 3px #fff,0 0 6px #fff;;box-shadow:0 0 5px #fff,0 0 20px #58ACFA,inset 0 0 2px #fff,inset 0 0 5px #58ACFA;
}
.logon{z-index:9;display:inline-block;padding:8px;background:#201A1A;border-radius:100px;border:1px solid #ddd;box-shadow:0 0 5px #58ACFA,inset 0 0 6px #58ACFA;transition:all 0.1s ease-out 0.1s;
}
.logon:hover{background:#000;border:1px solid #fff;box-shadow:0 0 20px #58ACFA,inset 0 0 3px #58ACFA;
}
/*Clock Position*/
.jam{margin-left:10px;}
.clear{clear:both;}
</style>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.js' type='text/javascript'/>
<script>
$(document).ready(function() {
    $('.jendela').append().before('');
    $('.jendela').append('');
    $('a#open-jendela').click(function() {
        $('.jendela').slideDown(2500);
        $('#open-jendela').fadeOut(2500);
        return false;
    });
    $('a#close-jendela').click(function() {
        $('.jendela').slideUp(2500);
        $('#open-jendela').fadeIn(2500)
        return false;
    });
});
/*show hide start menu*/
$(document).ready(function(){$(".tombol").click(function(){$("#menu").slideToggle(0);$(this).toggleClass("active");return false;});});
/*document label*/
$(document).ready(function(){$("#pencet,#pencets,#klik").click(function(){$(".recent").slideToggle(0);$(this).toggleClass("active");return false;});});
/*explore and Opere*/
$(document).ready(function(){$("#explore, #explored").click(function(){$(".screensht").slideToggle(0);$(this).toggleClass("active");return false;});});
/*show hiden icon*/
$(document).ready(function(){$("#lihat,#lihats").click(function(){$("#fright").slideToggle(0);$(this).toggleClass("active");return false;});});
/*jam tembok*/
window.setTimeout("jam()",1000);function jam() {var tanggal = new Date();setTimeout("jam()",1000);document.getElementById("waktu").innerHTML = tanggal.getHours()+":"+tanggal.getMinutes()+":"+tanggal.getSeconds()+" WIB"; }
</script>

<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/koplaks99/windows8.js' type='text/JavaScript'/>
<script type='text/javascript'>
$(document).ready(function(){
$("#windows-eight").CloudCarousel( {
reflHeight: 56,
reflGap:2,
titleBox: $('#windows-title'),
altBox: $('#windows-alt'),
buttonLeft: $('#but1'),
buttonRight: $('#but2'),
yRadius:40,
xPos: 285,
yPos: 120,
speed:0.15,
mouseWheel:true
});
});
</script>
</b:if>
</head><body>

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<div id='off'><a class='logon' href='javascript:void(0)' id='open-jendela' title='Start this Windows Again'><div class='w1'/>
<div class='w2'/>
<div class='clear'/>
<div class='w3'/>
<div class='w4'/></a><p>❖ Log Off by User</p></div>


<div class='jendela' id='windows'>
<div class='windows'>
<div class='jendela' id='windows-eight'>
<div id='windows-title'>
</div>
<div id='windows-alt'>
</div>
<a href='/search/label/max-result=2'><img alt='Read My New entry.' class='cloudcarousel' height='164' src='https://sites.google.com/site/koplaks99/post.png' title='Show Post' width='128'/></a>
<a href='#'><img alt='Become be my friend' class='cloudcarousel' height='164' src='https://sites.google.com/site/koplaks99/twitter.png' title='My Twiter' width='128'/></a>
<a href='#'><img alt='U can find me here.' class='cloudcarousel' height='164' src='https://sites.google.com/site/koplaks99/facebook.png' title='My Facebook' width='128'/></a>
<a href='http://cuerosbhelatos.blogspot.com/p/about-me.html'><img alt='About me on blogger.' class='cloudcarousel' height='164' src='https://sites.google.com/site/koplaks99/Profile.png' title='My Profil' width='128'/></a>
<a href='http://cuerosbhelatos.blogspot.com/p/buku-tamu-sahabat.html'><img alt='Leave U comment here.' class='cloudcarousel' height='164' src='https://sites.google.com/site/koplaks99/tamu.png' title='My Guest Book' width='128'/></a>
<a href='http://cuerosbhelatos.blogspot.com/p/my-friends.html'><img alt='Please follow me.' class='cloudcarousel' height='164' src='https://sites.google.com/site/koplaks99/follow.png' title='Follow My Blog' width='128'/></a>
<a href='#'><img alt='This is my photo album.' class='cloudcarousel' height='164' src='https://sites.google.com/site/koplaks99/picture.png' title='My picture' width='128'/></a>
<a href='http://cuerosbhelatos.blogspot.com/p/daftar-isi-blogku.html'><img alt='All off content this blog.' class='cloudcarousel' height='164' src='https://sites.google.com/site/koplaks99/isi.png' title='Sitemap' width='128'/></a>
<div class='windowsLeft' id='but1' style='bottom: 20px; left: 64px; position: absolute;'/>
<div class='windowsRight' id='but2' style='bottom: 20px; position: absolute; right: 64px;'/>
</div>
</div></div>

<div class='jendela' id='startbar'>
<div id='win'>
<div id='menu'>
<div class='left-menu'>
<ul>
<li><a class='arrow' id='pencet' title='Click to Open this Documents'><div class='fleft foldr'/>
My Documents Label</a> <div class='recent'>
<hr/>
<ul>
<li><a href='/'>Blogazine Template</a></li>
<li><a href='/'>Blogspot Template</a></li>
<li><a href='/'>Football Lover</a></li>
<li><a href='/'>Healthy Live</a></li>
<li><a href='/'>Info ands News</a></li>
<li><a href='/'>Mp3 and Lyrik</a></li>
<li><a href='/'>Petuah Bijak</a></li>
<li><a href='/'>Seo Kontes</a></li>
<li><a href='/'>Software</a></li>
<li><a href='/'>Tool Blogger</a></li>
<li><a href='/'>Tips Blogger</a></li>
<li><a href='/'>Tips Komputer</a></li>
</ul>
</div>
</li>
<li><a href='http://cuerosbhelatos.blogspot.com/p/my-friends.html' title='My Friends in Blogspot'><div class='fleft foldr'/>
My Blogger Friends</a></li>
<li><a href='http://cuerosbhelatos.blogspot.com/p/new-entry.html' title='New Documents Entry'><div class='fleft foldr'/>
My New Documents</a></li>
<li><a class='arrow' id='pencets' title='Click to Open Microsof Write'><div class='fleft mw'/>
Microsoft Office Word 2010</a> <div class='recent'>
<hr/>
<ul>
<li><a href='/'>hidup sederhana</a></li>
<li><a href='/'>senja yang indah</a></li>
<li><a href='/'>seperti sepatu</a></li>
<li><a href='/'>seperti petir</a></li>
<li><a href='/'>Pelangi</a></li>
<li><a href='/'>no drug</a></li>
<li><a href='/'>kerasnya hidup</a></li>
<li><a href='/'>keep you spirit</a></li>
</ul>
</div>
</li>
<li><a href='/'><div class='fleft op'>O</div>Opera Web Browser</a></li>
<li><a href='/'><div class='fleft ie'>e</div>Internet Explorer</a></li>
<li><a href='/'><div class='fleft np'/>Notepad</a></li>
<li><a href='/'><div class='fleft ai'>Fl</div>Adobe Flash Player</a></li>
<li class='all-prog'><a class='arrow' id='klik' title='Click to Open All Program'>All My Programs File</a> <div class='recent all'>
<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>
</li>
</ul>
<form action='/search' id='search' method='get'><input name='q' onblur='if (this.value == "") {this.value = "✔ search something...";}' onfocus='if (this.value == "✔ search something...") {this.value = ""}' type='text' value='✔ search something...'/></form>
</div>
<div class='right-menu'>
<ul>
<li><a href='http://cuerosbhelatos.blogspot.com/p/daftar-isi-blogku.html' title='My All Documents'>My Documents</a></li>
<li><a href='http://binkbenk.nazuka.net/' title='My Gallery Image'>Pictures</a></li>
<li><a href='http://cuerosbhelatos.blogspot.com/search/label/Mp3%20And%20Song%20Lyrik' title='Collection Music'>Music</a></li>
<li style='border-top: 1px solid rgba(255,255,255,0.1); padding-top: 2px;'><a href='http://cuerosbhelatos.blogspot.com/2012/03/flash-game-angry-birds.html' title='Play Game'>Games</a></li>
<li style='border-bottom: 1px solid rgba(255,255,255,0.1); margin-bottom: 2px; padding-top: 5px;'><a href='http://cuerosbhelatos.blogspot.com/search/label/Tips%20Komputer' title='Computer Repair'>Computer</a></li>
<li><a href='http://draft.blogger.com/home' title='Setting My Viewer'>Control Panel</a></li>

<li><a href='/?m=1'>Default Programs</a></li>
<li><a href='http://draft.blogger.com/go/helpcenter' title='Help U Trouble'>Help and Support</a></li>
</ul>
<div class='shutdown'>
<div class='lf'><a href='javascript:void(0)' id='close-jendela' title='CLose this Windows'>Shut down</a></div>
<div class='clear'/>
</div>
<div id='kontener'>
<div class='admin'/>
</div>
</div>
<div class='clear'/>
</div>
<a class='tombol'><div id='cont-win' title='Click Here to Start'>
<div class='w1'/>
<div class='w2'/>
<div class='clear'/>
<div class='w3'/>
<div class='w4'/>
<div class='clear'/>
</div></a>
</div>
<div id='list'>
<div class='opened tunggal'>
<div class='foldr small' id='explore' title='Click Here to Explore Libraries'/>
<div class='screensht'>
<div class='col1 fold'><div class='fleft foldr' style='line-height:10px;margin:2px;'/>
<div class='close' id='explored' title='Close this Library'>
×</div>
<div class='kotak'>
<iframe border='0' height='100%' src='/search/label/max-result=5' width='100%'/>
</div>
</div>
</div>
</div>
<div class='opened tunggal'>
<div class='fleft op' id='explored' style='float:right;' title='Click to Open Opera Browser'>O</div>
<div class='screensht'>
<div class='col1 ntpad'><div class='fleft op' style='line-height:12px;margin-left:2px;'>O</div>
<div class='close' id='explored' title='Close this Page'>
×</div>
<div class='kotak'>
<iframe border='0' height='100%' src='http://www.opera.com/products/?m=1' width='100%'/>
</div>
</div>
</div>
</div>
<div class='clear'/>
</div>
<div class='opened hide' id='lihat' title='Show Hidden Icon'>◄</div>
<div id='fright'>
<div class='plus' id='lihats' title='Hide Icon'>
<div class='screensht1'>
<div class='grup' title='Active Menu'>
<p style='border-bottom:1px solid #000;text-align:center;color:#088A08'>
Customize</p>
<p title='Opera Browser'><a class='fleft op' style='line-height:12px;margin:1px;' title='Opera Browser'>O</a>pera Browser</p>
<p title='My Documents'><a class='fleft foldr' style='line-height:10px;margin:1px;' title='My Documents'/>Documents</p>
</div>
</div>
</div>
<div class='connection' title='Wireless Network Connection Avaible'/>
<div class='speker' title='Music Volume'>
<div class='screensht2'>
<div class='grup'>
<embed height='40' pluginspage='http://www.macromedia.com/go/getflashplayer' quality='high' src='https://sites.google.com/site/binkbenk22/player1.swf' title='Stop/Play Music ' type='application/x-shockwave-flash' width='100' wmode='transparent'/>
</div>
</div>
</div>
<div class='jam' id='waktu'/>
<div class='clear'/>
</div>
</div>

<b:else/>
<b:if cond='data:blog.pageType != "item"'><div class='ndas'>* <data:blog.title/> *</div></b:if>
<div class='logoff'><a class='buton shutdown' href='javascript:void(0)' id='open-jendela' title='Log On'><span/></a>
Start Windows Again</div>
<div class='jendela' id='badan-besar'>

<table style='width:100%;margin: 0 auto;'><tbody>
<b:if cond='data:blog.pageType == "item"'>
<tr><td colspan='2' style='background:#000;height:12px;'><div class='menu' id='jendela'><ul><li><a href='/'>✪ beranda</a></li>
<li><a href='/search/label/max-result=2'>☶ new post</a></li>
<li><a href='/p/daftar-isi-blogku.html'>❖ archieve</a></li>
<li><a href='/p/about-me.html'>✆ contact'us</a></li>
<li><a href='javascript:void(0)' onclick='window.print();'>✔ print page</a></li>
</ul></div>
<div class='buton-page' id='jendela'><a href='javascript:void(0)' id='close-jendela' title='Close Page'>✖</a></div>
<div class='buton-page jendela' style='background:#2E2EFE;color:#ddd'><a href='javascript:void(0)' id='show' title='Show Hide Sidebar'>❏</a></div>
<div class='buton-page' id='jendela' style='background:#2E2EFE;'><a href='' title='Refresh'>➲</a></div>
</td></tr>
</b:if>
<tr rowspan='2'><td rowspan='3'><b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'>
<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='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='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='backlinks' var='post'>
<a name='links'/><h4><data:post.backlinksLabel/></h4></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='mobile-main' var='top'>

<div class='blog-posts hfeed'><b:include data='top' name='status-message'/></div>
<b:include name='mobile-nextprev'/></b:includable>
<b:includable id='post' var='post'><div class='post hentry'>
<b:if cond='data:post.title'><h3 class='post-title entry-title'><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'>
            <div class='jump-link'> </div>
        </b:if>
<b:else/>
    <data:post.body/>
<div class='tempikmu' style='margin:0;font-size:10px;text-align:right;padding:0;'>|| <a href='http://cuerosbhelatos.blogspot.com/'><font size='4'>❖</font></a> | Copy Right By : <a href='/'> <data:blog.title/></a> | Design By : <a href='http://cuerosbhelatos.blogspot.com'>Cuerosbhelatos</a> ||</div>
</b:if>
</b:if>
<div style='clear: both;'/>
</div></div>
</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='status-message'><b:if cond='data:navMessage'><div class='status-msg-wrap'><div class='status-msg-body'><data:navMessage/></div><div class='status-msg-border'><div class='status-msg-bg'/></div></div><div style='clear: both;'/> </b:if></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='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'>✪ || Tinggalkan Komentarmu || ✪</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:includable id='backlinkDeleteIcon' var='backlink'/>
<b:includable id='mobile-nextprev'/>
<b:includable id='mobile-post' var='post'>
<b:if cond='data:post.title'><h3 class='post-title entry-title' 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.id' itemprop='articleBody'><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='postQuickEdit' var='post'/>
<b:includable id='main' var='top'>
<b:if cond='data:mobile == "false"'>

<div class='blog-posts hfeed'><b:include data='top' name='status-message'/>
<data:defaultAdStart/><b:loop values='data:posts' var='post'>
<b:if cond='data:post.dateHeader'><h2 class='date-header'><span><data:post.dateHeader/></span></h2></b:if><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='commentDeleteIcon' var='comment'/>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'>
<b:else/></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='mobile-index-post' var='post'>
<div class='mobile-date-outer date-outer'><b:if cond='data:post.dateHeader'><div class='date-header'><span><data:post.dateHeader/></span></div></b:if>
<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>
<div class='mobile-index-contents'><b:if cond='data:post.thumbnailUrl'><div class='mobile-index-thumbnail'>
<div class='Image'><img expr:src='data:post.thumbnailUrl'/></div></div></b:if>
<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='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='feedLinksBody' var='links'/>
<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'>✪ || Tinggalkan Komentarmu || ✪</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:widget>
</b:section></td><b:if cond='data:blog.pageType == "item"'>
<td class='sidebar' style='height:30px;width:25%;text-align:center;'>
<div class='sidebar' id='search'><form action='/search/' method='get'><input 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...'/><input id='search-btn' title='goleki' type='submit' value=''/></form></div>
</td></b:if></tr>
<b:if cond='data:blog.pageType == "item"'>
<tr>
<td class='sidebar' style='padding:0;width:25%;height:auto;'>
<div class='sidebar' id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='BlogArchive1' locked='false' title='Blog Archives' type='BlogArchive'>
<b:includable id='toggle' var='interval'>
<b:if cond='data:interval.toggleId'>
<b:if cond='data:interval.expclass == "expanded"'>
    <a class='toggle' href='javascript:void(0)'>
      <span class='zippy toggle-open'>▼ </span>
    </a>
<b:else/>
    <a class='toggle' href='javascript:void(0)'>
      <span class='zippy'>
        <b:if cond='data:blog.languageDirection == "rtl"'>
          ◄ 
        <b:else/>
          ► 
        </b:if>
      </span>
    </a>
</b:if>
</b:if>
</b:includable>
<b:includable id='interval' var='intervalData'>
<b:loop values='data:intervalData' var='i'>
      <ul class='hierarchy'>
        <li expr:class='"archivedate " + data:i.expclass'>
          <b:include data='i' name='toggle'/>
          <a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
            <span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>
          <b:if cond='data:i.data'>
            <b:include data='i.data' name='interval'/>
          </b:if>
          <b:if cond='data:i.posts'>
            <b:include data='i.posts' name='posts'/>
          </b:if>
        </li>
      </ul>
</b:loop>
</b:includable>
<b:includable id='menu' var='data'>
<select expr:id='data:widget.instanceId + "_ArchiveMenu"'>
    <option value=''><data:title/></option>
    <b:loop values='data:data' var='i'>
      <option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
    </b:loop>
</select>
</b:includable>
<b:includable id='flat' var='data'>
<ul class='flat'>
    <b:loop values='data:data' var='i'>
      <li class='archivedate'>
        <a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
      </li>
    </b:loop>
</ul>
</b:includable>
<b:includable id='posts' var='posts'>
<ul class='posts'>
    <b:loop values='data:posts' var='i'>
      <li><a expr:href='data:i.url'><data:i.title/></a></li>
    </b:loop>
</ul>
</b:includable>
<b:includable id='main'>
<b:if cond='data:title'>
    <h2>✔ <data:title/></h2>
</b:if>
<div class='widget-content'>
<div id='ArchiveList'>
<div expr:id='data:widget.instanceId + "_ArchiveList"'>
    <b:if cond='data:style == "HIERARCHY"'>
     <b:include data='data' name='interval'/>
    </b:if>
    <b:if cond='data:style == "FLAT"'>
      <b:include data='data' name='flat'/>
    </b:if>
    <b:if cond='data:style == "MENU"'>
      <b:include data='data' name='menu'/>
    </b:if>
</div>
</div>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='Profile1' locked='false' title='Mengenai Saya' type='Profile'>
<b:includable id='main'>
    <b:if cond='data:title != ""'>
      <h2>☻ <data:title/></h2>
    </b:if>
    <div class='widget-content'>
    <b:if cond='data:team == "true"'> 
      <ul>
        <b:loop values='data:authors' var='i'>
          <li><a class='profile-name-link' expr:href='data:i.userUrl' expr:style='"background-image: url(" + data:i.profileLogo + ");"'><data:i.display-name/></a></li>
        </b:loop>
      </ul>

    <b:else/> 

      <b:if cond='data:photo.url != ""'>
        <a expr:href='data:userUrl'><img class='profile-img' expr:alt='data:photo.alt' expr:height='data:photo.height' expr:src='data:photo.url' expr:width='data:photo.width'/></a>
      </b:if>

      <dl class='profile-datablock'>
        <dt class='profile-data'>
          <a class='profile-name-link' expr:href='data:userUrl' expr:style='"background-image: url(" + data:profileLogo + ");"' rel='author'>
            <data:displayname/>
          </a>
        </dt>

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

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

     <b:include name='quickedit'/>
    </div>
</b:includable>
</b:widget>
</b:section> </div>
</td></tr>
<tr>
<td class='sidebar' style='height:25px;width:25%;text-align:center;'>
<div class='trade'>Windows 7 Blog <a href=''>▶</a></div>
</td></tr>
</b:if>
</tbody></table>

<div class='clear'/>
</div>
<b:if cond='data:blog.pageType != "item"'><div class='tempikmu'>|| <a href='http://cuerosbhelatos.blogspot.com/'><img border='0' height='20' src='http://i1206.photobucket.com/albums/bb455/binkbenk/homes.png' width='20'/></a> | Copy Right By : <a href='/'> <data:blog.title/></a> | Design By : <a href='http://cuerosbhelatos.blogspot.com'> <data:blog.title/></a> ||</div></b:if>
<script src='https://sites.google.com/site/koplaks99/emo-comments.js' type='text/javascript'/></b:if></body></html>

Sekian dulu sobat share template yang sangat sederhana ini,  maaf masih banyak sekali kekurangannya.

SUMBER: http://cuerosbhelatos.blogspot.com/2013/01/souce-template-windows-7-home-premium.html 

XSS Scanner v1.0 untuk Vulnerability pada blog

Untuk mengisi kekosongan kemaren.. kali ini saya akan share sebuah aplikasi yang manfaatnya besar sekali. ini saya dapat dari blogwalking di tempatnya Cirebon-cyber4rt dulu yang dulu pernah di posting disana.

XSS Scanner v1.0
Nah, kali ini saya akan share sebuah tools untuk mencari web yang vuln terhadap serangan XSS atau Cross-site Scripting. Nama toolsnya XSS Scanner v1.0.

Cara Penggunaan :
1. Buka XSS Scanner v.10
2. Masukan Dork kemudian klik Google

3. Tunggu hingga proses scanning selesai,

4. Lihat dikolom Vulnerables sites, itulah website yang memiliki celah pada XSS-nya.

5. Silahkan dilanjutkan sendiri hehehe =D

Jika ingin mendownload software-nya dibawah ini :
Ukuran : 1.07 MB

Untuk dorknya, didalam file download sudah ada beberapa dork yang bisa kalian gunakan untuk mencari site yang akan discan.

Note :
Sebelum mendownload, sebaiknya matikan dulu Antivirus di PC kalian. Tools ini terdeteksi sebagai virus, tapi sebenernya aman kok (y)

Template Blog Canggih, Keren, Full Design dan Cantik WINDOWS 8 dari SM

Untuk mengisi kekosongan saya, Kali ini saya akan bagi-bagi template gratis buat sobat semua. Kali template-nya istimewa dan full design profesional. Yaitu Template Windows 8 SM, Teplate ini adalah sebuah Template Blogger Professional yang di desain mirip dengan OS Windows. Terakhir direlease oleh Santa Mars tanggal 7 February 2013. Template ini termasuk dalam kategori template blog paling keren. Selain keren template ini juga canggih hehe...

Tested on browser!

Best view in Google Chrome 25+
Good view in Opera 12+ dan Mozilla Firefox
Low view in Internet Explorer

Windows 8 SM

Windows 8 SM adalah template windows 8 SM pertama direlease.
18 November 2012

PREVIEW

Windows 8 SM Versi 2

Windows 8 SM Versi 2 mempunyai fitur yang sangat lengkap , tetapi fitur music di hapus.
22 December 2012

PREVIEW

Windows 8 SM Versi 3

Windows 8 SM Versi 3 sebagian fiturnya telah diupgrade menjadi lebih bagus.
19 January 2013

PREVIEW

Mau Download Klik Di Bawah ini

Cara penggunaan
Pada Template Windows 8 SM Dark Edition COPAS dan Taruh di HTML
Nanti dibagian Gadget JS, kamu ganti windows8-sm.blogspot.com dengan url blog kamu
Dan Gadget Lainnya Di taruh di Tata Letak.

Semoga Bermanfaat.

Download Camfrog Terbaru Versi 6.5 Pro Full Version

Download Camfrog Terbaru Versi 6.5 Pro Full Version. Free Camfrog vidio chat update versi terbaru 2013.
Sebelumnya saya pernah posting Download Camfrog 6.20 + Serial Number
. Siapa yang tidak mengenal aplikasi chat yang satu ini, Kali ini camfrog memperbarui fiturnya sehingga lebih user friendly untuk sahabat gunakan. Bagi yang belum tau sofware ini tidak hanya untuk vidio chat saja, Namun juga bisa di gunakan seperti chat biasa yang sekarang sedang marak di perbincangkan dan banyak di TV. Jangan lupa jika sudah download dan menggunakannya, Jangan lupa comen apa yang anda dapat dari dalam Camfrog tersebut. hehe...

Langsung saja DOWNLOAD di bawah ini :

Sofware : Download Camfrog Terbaru Versi 6.5 Pro Full Version

size : 7.6 Mb

NB : maaf untuk serial key untuk bulan ini masih kosong, terima kasih sudah datang di blog sepi ini. Mungkin akan saya upgrade key bulan depan

Download Avira Free AntiVirus Personal 13.0.0.3499 New Update Terbaru 2013

Gratis download Avira Antivirus Full Version - Sebelumnya saya sudah pernah posting Download Avira Antivirus Terbaru tapi kali ini saya akan update versinya karna juga ada upgrade dari avira-nya sendiri. AntiVirus Personal adalah pilihan yang tepat untuk Anda yang sedang mencari solusi dengan kinerja yang baik dan selalu up to date.

Avira menawarkan tampilan yang terorganisir dengan baik, dan solusi antivirus terbaru untuk membuat pengecualian pada aturan yang anda sesuaikan dan Anda dapat mengkonfigurasi itu dengan mudah.

Yang saya sukai dari antivirus ini adalah Avira akan langsung melakukan blocking terhadap virus sebelum virus tersebut berjalan pada komputer kita, sehingga dapat dipastikan komputer kita akan selalu aman dari berbagai serangan virus atau program berbahaya.

Namun sayangnya proses instalasi tidak begitu menyenangkan. Jika pada komputer kita sudah memiliki Windows Defender, maka Avira akan menyarankan untuk menghapusnya sebelum kita melanjutkan instalasi. Namun kita tetap dapat "Tidak" karena akan lebih kuat jika kita menggunakan Avira secara bersama dengan Windows Defender, dan bukan sebagai solusi tunggal AntiVirus Security.

Meski Pemindaian tidak terlalu cepat, dan Anda mungkin harus menunggu beberapa saat untuk menunggu Avira menyingkirkan berbagai virus, namun terbuktu Avira sangat ampuh dalam menemukan berbagai virus berbahaya pada komputer anda. Namun tetap saja kecepatan proses pemindaian jelas tergantung pada jumlah data yang disimpan di komputer Anda, sehingga lebih banyak file berarti lebih banyak waktu.

Avira berjanji untuk melindungi komputer Anda terhadap virus, worm dan Trojan perlindungan AntiDialer serta terhadap dialer dan rootkit, spyware dan adware. Selain itu, ada alat khusus untuk memberikan mail dan perlindungan web, ditambah firewall terpisah untuk memastikan Anda akan tinggal di sisi yang aman.

Avira memang sangat tepat bagi Anda yang ingin memiliki Software Security Antivirus yang mampu memblokir virus dan trojan horse. Dengan didukung Antarmuka yang user-friendly, dan juga kemampuan proses pemindaian lebih cepat, ampuh dan aman, dan tentunya gratis.

Berikut Beberapa Fitur Avira Free AntiVirus Personal :

Real-Time Protection:
- Menjaga PC Anda agar tetap bersih dari virus dengan memblokir, worm, trojan, rootkit dan banyak lagi;

AntiAd/Spyware:
- Blok semua upaya untuk memata-matai Anda dan adware yang menjengkelkan.

Persyaratan:
- Sedikitnya 150 MB ruang memori hard disk bebas
- Setidaknya 512 MB RAM di bawah Windows XP
- Setidaknya 1024 MB RAM di bawah Windows Vista / Windows 7
- Untuk instalasi Avira AntiVir Personal: hak Administrator

DOWNLOAD FILE :

Judul	: Avira Free AntiVirus Personal 13.0.0.3499
Nama file	: avira_free_antivirus_en.exe
File size	: 108.39MB (113,660,160 bytes)
OS	: Windows 2000 / XP / Vista / Windows7 / XP64 / Vista64 / Windows7 64
Bahasa	: En-US
Lisensi Author	: Non-Commercial Gratis : Avira GmbH (www.avira.com)

Klik tombol download di bawah ini untuk mendownload Avira Free AntiVirus Personal 13.0.0.3499:

SEMOGA BERMANFAAT.

CARA MUDAH DAN AMPUH MENGHILANGKAN VIRUS HP

Apa kabar sobat.. Kali ini kita membahas Virus di hp sama seperti yang di komputer. Selayaknya sebuah program virus, yakni program yang dapat menginstall dirinya sendiri, mereka dapat menyebabkan kerusakan baik secara langsung maupun tidak. Walaupun ada beberapa dari mereka yang tidak menyebabkan kerusakan, tapi mereka tetap menyebabkan kerugian. Sebagian besar, virus ini menyebar dan terjangkit kepada handphone yang memiliki sistem informasi yang sangat khusus dan rawan sekali kena virus adalah symbian, (misalnya handphone nokia seri 7610, 6610, 2650 ataupun nokia serie-N) tak seperti hp CINA yang system-nya di kunci. Symbian sangat mudah untuk memasuki system programnya.
Langsung saja berikutl angkah penanganan yang masuk akal menurut saya dalam mengemankan hanphone dari efek virus

Langkah penyelamatan data

1. Lakukan backup memory nomor telepon yang tersimpan di ponsel dengan menyimpan no telepon tersebut pada SIM CARD yang ada.
2. Simpan data yang ada pada memory handphone termasuk, foto, gambar , audio file , video dengan memindahkan ke komputer.
3. Lepaskan MMC atau memory card dari ponsel dan copykan ke komputer.

Lakukan Format Handphone.

1. Matikan handphone anda
2. Ganti SIMCARD dengan SIMCARD yang tidak terpakai.
3. PAstikan Baterey anda terisi penuh.
4. Tekan tombol keypad berikut secara bersamaan yaitu tombol keypad : 3 (angka3) , * (tombol bintang), call (tombol panggil) dan tombol on/off handphone anda. (sebaiknya anda melakukan langkah ini dengan 2 orang bila terjadi kesulitan dalam menekan tombolnya)
5. Tahan tombol tersebut sampai keluar tulisan formating, atau sampai keluar menu Time Zone area (untuk nokia N70)
6. Setelah keluar menu tersebut lepaskan tombol-tombol tersebut dan biarkan proses berjalan.

Langkah tersebut diatas adalah untuk ponsel symbian sementara untuk ponsel java cukup dengan kembali kepengaturan awal/pengaturan pabrik.

Setelah proses tersebut selesai maka Ponsel anda sudah seperti ponsel baru lagi dan lenyaplah virus dari handphone anda.
Bila langkah ini tidak berfungsi coba ulangi lagi, atau untuk ponsel type tertentu silahkan ketik *#7370# setelah itu masukan no pin ponsel anda (PIN default 12345)
Kenapa hape harus diformat/diflasing..??
Jawabanya sudah pasti hanphone adalah tempat strategis dalam perkembangbiakan virus
Maka secara pastinya system C dan Z(ROM) hanphone harus di install ulang melalui proses formating/flashing

Lakukan Format MMC

1. Pastikan data foto,video, audio(musik) sudah anda copy ke hardisk komputer.
2. Format MMC anda dengan munggunakan komputer dengan system Fat, Quick Format
3. Masukan MMC handphone anda ke handphone dan format sekali lagi MMC dengan menggunakan Handphone

Penyimpanan kembali Data

1. Masukan kembali SIMCARD anda dan masukan kembali no.telepon yang tersimpan pada SIMCARD
2. Masukan kembali file gambar, foto, audio, video pastkan file tersebut aman dari infeksi virus dengan menggunakan anti virus PC yang bisa mengenali virus symbian seperti anti virus PC
3. Untuk aplikasi tambahan sebaiknya anda melakukan instalasi ulang aplikasi tersebut soalnya kebanyakan aplikasi backup suka tidak teregistri dan tidak bisa dijalankan alias korup.

jadi point utamanya format hanphone dan MMC
jangan sampai salah kaprah HP/ponsel diformat tapi MMC tidak diformat
sama saja bohong.
virus tetep saja ada..he he he

Sedikit tips aman dari penyebaran virus :
• Jangan terlalu sering transfer file via Bluetooth dengan perangkat sembarangan
• Gunakan anti virus yang bisa dipercaya untuk handphone anda
• Rajinlah men-scan MMC anda dengan antivirus PC (untuk hape java dan symbian)

semoga tips diatas bermanfaat buat pembaca semua.

Revensi : satriyoku

GO-LINK│*Cafe Information™

Template Blog Windows 7 Home Premium

XSS Scanner v1.0 untuk Vulnerability pada blog

Template Blog Canggih, Keren, Full Design dan Cantik WINDOWS 8 dari SM

Windows 8 SM

Windows 8 SM Versi 2

Windows 8 SM Versi 3

Download Camfrog Terbaru Versi 6.5 Pro Full Version

Download Avira Free AntiVirus Personal 13.0.0.3499 New Update Terbaru 2013

Berikut Beberapa Fitur Avira Free AntiVirus Personal :

CARA MUDAH DAN AMPUH MENGHILANGKAN VIRUS HP

Popular post

Anda Pengunjung ke

Translate

Blog Archive

Mengenai Saya

Page Info

Labels

Followers