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
<!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"'>
<!--Post Entry Area-->
<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'>
<!--Home Page Area-->
<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>*/--><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>
<!-- menu rolling by profesor cloud-->
<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>
<!-- menu windows seven by hompimpa-->
<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>
<!-- home -->
<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'>
<!-- posts -->
<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;'/><!-- clear for photos floats -->
</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'><!-- AddThis Button BEGIN -->
<div class='share'><div class='addthis_toolbox addthis_default_style'>
<a class='addthis_button_facebook_like' fb:like:layout='button_count'/><a class='addthis_counter addthis_pill_style'/></div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4fabd3f366f7a719' type='text/javascript'/></div>
<!-- AddThis Button END -->
<div class='comments-content'><b:if cond='data:post.embedCommentForm'><b:include data='post' name='threaded_comment_js'/></b:if><div id='comment-holder'><data:post.commentHtml/></div></div>
<p class='comment-footer'>
<b:if cond='data:post.allowNewComments'><b:include data='post' name='threaded-comment-form'/><b:else/>
<data:post.noNewCommentsText/></b:if></p></div></b:if></b:includable>
<b: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;'/><!-- clear for photos floats --></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"'>
<!-- posts -->
<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>
<!-- navigation --><b:include name='nextprev'/><!-- feed links -->
<b:include name='feedLinks'/><b:if cond='data:top.showStars'>
<script src='//www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>
google.load("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"'> <!-- team blog profile -->
<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/> <!-- normal blog profile -->
<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'/>
<!-- badan-besar --></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>
<!-- aremania --><script src='https://sites.google.com/site/koplaks99/emo-comments.js' type='text/javascript'/></b:if></body></html>
<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"'>
<!--Post Entry Area-->
<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'>
<!--Home Page Area-->
<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>*/--><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>
<!-- menu rolling by profesor cloud-->
<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>
<!-- menu windows seven by hompimpa-->
<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>
<!-- home -->
<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'>
<!-- posts -->
<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;'/><!-- clear for photos floats -->
</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'><!-- AddThis Button BEGIN -->
<div class='share'><div class='addthis_toolbox addthis_default_style'>
<a class='addthis_button_facebook_like' fb:like:layout='button_count'/><a class='addthis_counter addthis_pill_style'/></div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4fabd3f366f7a719' type='text/javascript'/></div>
<!-- AddThis Button END -->
<div class='comments-content'><b:if cond='data:post.embedCommentForm'><b:include data='post' name='threaded_comment_js'/></b:if><div id='comment-holder'><data:post.commentHtml/></div></div>
<p class='comment-footer'>
<b:if cond='data:post.allowNewComments'><b:include data='post' name='threaded-comment-form'/><b:else/>
<data:post.noNewCommentsText/></b:if></p></div></b:if></b:includable>
<b: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;'/><!-- clear for photos floats --></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"'>
<!-- posts -->
<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>
<!-- navigation --><b:include name='nextprev'/><!-- feed links -->
<b:include name='feedLinks'/><b:if cond='data:top.showStars'>
<script src='//www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>
google.load("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"'> <!-- team blog profile -->
<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/> <!-- normal blog profile -->
<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'/>
<!-- badan-besar --></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>
<!-- aremania --><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
.gif "Free backlink")
+ komentar + 4 komentar
trmksih sobat infonya templatenya juga sip mas
@Brebes VS Lamonganmksih mas.. jangan lupa bawa kopi...
wah mantab.. selamat berkarya sob :D
@Fajrin Ilham H siap mas... jangan sungkan mampir lagi
Posting Komentar
Tolong komentarnya yang berhubungan dengan artikel yang ada...
Komentar yang mengarah ke tindakan SPAM akan di hapus atau terjaring secara otomatis oleh spam filter
www.ebitz-id.blogspot.com