Welcome To My BLog


Gerakkan Mouse Kalian dan Silahkan Surfing Kembali...!!!

WIN 7 For Blog

Jumat, 25 Oktober 2013

WIN 7 For Blog

<!DOCTYPE html><html><head><meta charset='utf-8'/><meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/><meta content='blogger' name='generator'/><link expr:href='data:blog.url' rel='canonical'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/></title>
<meta expr:content='data:blog.title + &quot;, &quot; + data:blog.pageName' name='description'/><meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title' name='keywords'/>
<b:else/>
<title><data:blog.pageTitle/></title>
<meta content='Kumpulan Theme Windows XP Seputar Tips Blogger dan Template' name='description'/><meta content='Game,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 != &quot;item&quot;'><b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:skin><![CDATA[
@import url(http://fonts.googleapis.com/css?family=Audiowide);
body{background:#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 == &quot;item&quot;'>
<!--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;
}
td .sidebar{position:relative;
}
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{width:24%;position:absolute;top:80px;right:5px;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;height:200px;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=&quot;kode&quot;] {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=&quot;image&quot;] {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:&quot;&quot;;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:&quot;&quot;;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=&#39;text&#39;]{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=&#39;text&#39;]:focus {background:#f00;border: 1px solid #ddd;box-shadow:inset 0 0 10px #000;color:#ddd;
}
#search input[type=&#39;text&#39;]:hover{background:#fc0;border-radius:5px;border:1px solid #ddd;box-shadow:inset 0 0 20px #000;color:#fff;
}
#search-btn[type=&#39;submit&#39;]{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4GznmOH-uZ1hCCnJxpmRZ8svQM6mhG_bSGEu23x1c3pFg7NPPd-Z_lKtyrNTKnsnR9yqIgEXEtKV1VFtMdd2w0AyX7luSionjuZQoTUfcZfYAXbBDLCT5MhzoQ0yJ5xePopOJoqpqxaeK/s400/search.png) no-repeat center;border:0;padding:10px 15px;margin:0;
}
#search-btn[type=&#39;submit&#39;]:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4GznmOH-uZ1hCCnJxpmRZ8svQM6mhG_bSGEu23x1c3pFg7NPPd-Z_lKtyrNTKnsnR9yqIgEXEtKV1VFtMdd2w0AyX7luSionjuZQoTUfcZfYAXbBDLCT5MhzoQ0yJ5xePopOJoqpqxaeK/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(){$(&quot;#show&quot;).click(function(){$(&quot;.sidebar&quot;).slideToggle(&quot;slow&quot;);$(this).toggleClass(&quot;active&quot;);return false;});});

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

/*Show Hide Entry*/
$(document).ready(function() {
    $(&#39;.jendela, #jendela&#39;).append().before(&#39;&#39;);
    $(&#39;.jendela, #jendela&#39;).append(&#39;&#39;);
    $(&#39;a#open-jendela&#39;).click(function() {
        $(&#39;.jendela, #jendela&#39;).slideDown(2500);
        $(&#39;#open-jendela&#39;).fadeOut(2500);
        return false;
    });
    $(&#39;a#close-jendela&#39;).click(function() {
        $(&#39;.jendela, #jendela&#39;).slideUp(2500);
        $(&#39;#open-jendela&#39;).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:&quot;&quot;; 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:&quot;&quot;; 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:&quot;&quot;; 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:&quot;Recent&quot;; 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:&quot;&quot;; 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:&quot;&quot;; 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:&quot;w&quot;; 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:&quot;&quot;; 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:&quot;&quot;; 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:&quot;&quot;; 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:&quot;&quot;; 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:&quot;My New Documents&quot;; position:absolute; display:block; top:7px; left:35px;
}
.opened.tunggal .screensht .col1.ntpad:before{content:&quot;pera Browser&quot;; 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:&quot;&quot;; width:0px; height:0px; border:2px solid #fff; position:absolute; top:100%; left:3px; margin-top:0px;
}
.connection:after{ content:&quot;&quot;; 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:&quot;&quot;; 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:&quot;&quot;; 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() {
    $(&#39;.jendela&#39;).append().before(&#39;&#39;);
    $(&#39;.jendela&#39;).append(&#39;&#39;);
    $(&#39;a#open-jendela&#39;).click(function() {
        $(&#39;.jendela&#39;).slideDown(2500);
        $(&#39;#open-jendela&#39;).fadeOut(2500);
        return false;
    });
    $(&#39;a#close-jendela&#39;).click(function() {
        $(&#39;.jendela&#39;).slideUp(2500);
        $(&#39;#open-jendela&#39;).fadeIn(2500)
        return false;
    });
});
/*show hide start menu*/
$(document).ready(function(){$(&quot;.tombol&quot;).click(function(){$(&quot;#menu&quot;).slideToggle(0);$(this).toggleClass(&quot;active&quot;);return false;});});
/*document label*/
$(document).ready(function(){$(&quot;#pencet,#pencets,#klik&quot;).click(function(){$(&quot;.recent&quot;).slideToggle(0);$(this).toggleClass(&quot;active&quot;);return false;});});
/*explore and Opere*/
$(document).ready(function(){$(&quot;#explore, #explored&quot;).click(function(){$(&quot;.screensht&quot;).slideToggle(0);$(this).toggleClass(&quot;active&quot;);return false;});});
/*show hiden icon*/
$(document).ready(function(){$(&quot;#lihat,#lihats&quot;).click(function(){$(&quot;#fright&quot;).slideToggle(0);$(this).toggleClass(&quot;active&quot;);return false;});});
/*jam tembok*/
window.setTimeout(&quot;jam()&quot;,1000);function jam() {var tanggal = new Date();setTimeout(&quot;jam()&quot;,1000);document.getElementById(&quot;waktu&quot;).innerHTML = tanggal.getHours()+&quot;:&quot;+tanggal.getMinutes()+&quot;:&quot;+tanggal.getSeconds()+&quot; WIB&quot;; }
</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(){
$(&quot;#windows-eight&quot;).CloudCarousel( {
reflHeight: 56,
reflGap:2,
titleBox: $(&#39;#windows-title&#39;),
altBox: $(&#39;#windows-alt&#39;),
buttonLeft: $(&#39;#but1&#39;),
buttonRight: $(&#39;#but2&#39;),
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>&#10070; 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&amp;alt=json-in-script&amp;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 == &quot;&quot;) {this.value = &quot;✔ search something...&quot;;}' onfocus='if (this.value == &quot;✔ search something...&quot;) {this.value = &quot;&quot;}' type='text' value='✔ search something...'/></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'>
&#215;</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'>
&#215;</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'>&#9668;</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 != &quot;item&quot;'><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 == &quot;item&quot;'>
<tr><td colspan='2' style='background:#000;height:12px;'><div class='menu' id='jendela'><ul><li><a href='/'>&#10026; beranda</a></li>
<li><a href='/search/label/max-result=2'>&#9782; new post</a></li>
<li><a href='/p/daftar-isi-blogku.html'>&#10070; archieve</a></li>
<li><a href='/p/about-me.html'>&#9990; contact&#39;us</a></li>
<li><a href='javascript:void(0)' onclick='window.print();'>&#10004; print page</a></li>
</ul></div>
<div class='buton-page' id='jendela'><a href='javascript:void(0)' id='close-jendela' title='Close Page'>&#10006;</a></div>
<div class='buton-page  jendela' style='background:#2E2EFE;color:#ddd'><a href='javascript:void(0)' id='show' title='Show Hide Sidebar'>&#10063;</a></div>
<div class='buton-page' id='jendela' style='background:#2E2EFE;'><a href='' title='Refresh'>&#10162;</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 + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a></span></b:if>
<b:if cond='data:olderPageUrl'><span id='blog-pager-older-link'><a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a></span></b:if><b:if cond='data:mobileLinkUrl'><div class='blog-mobile-link'><a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a></div></b:if></div></b:includable>
<b:includable id='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'>&#10004; <data:post.title/></a><div class='komen'><data:post.commentLabelFull/> &#174;</div><b:else/>&#10078;<data:post.title/>&#10078;</b:if><b:else/><data:post.title/></b:if></b:if></h3></b:if>
<div class='post-body entry-content' expr:id='&quot;post-body&quot;'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
    <data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
        <b:if cond='data:post.jumpLink != data:post.hasJumpLink'>
            <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'>&#10070;</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(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);</script>
</div></b:includable>
<b:includable id='threaded_comments' var='post'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='cocot'><a class='tombol' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>&#10026; || Tinggalkan Komentarmu || &#10026;</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='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'><data:post.body/><div style='clear: both;'/><!-- clear for photos floats --></div>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<b:if cond='data:post.showThreadedComments'><b:include data='post' name='threaded_comments'/><b:else/><b:include data='post' name='comments'/></b:if></b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><b:if cond='data:post.showThreadedComments'><b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/></b:if></b:if></b:includable>
<b:includable id='postQuickEdit' var='post'/>
<b:includable id='main' var='top'>
<b:if cond='data:mobile == &quot;false&quot;'>
<!-- 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 == &quot;static_page&quot;'><b:if cond='data:post.showThreadedComments'><b:include data='post' name='threaded_comments'/><b:else/><b:include data='post' name='comments'/></b:if></b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><b:if cond='data:post.showThreadedComments'><b:include data='post' name='threaded_comments'/><b:else/><b:include data='post' name='comments'/></b:if></b:if><b:if cond='data:post.includeAd'><b:if cond='data:post.isFirstPost'>
<data:defaultAdEnd/><b:else/><data:adEnd/></b:if><div class='inline-ad'><data:adCode/></div><data:adStart/></b:if></b:loop>
<b:if cond='data:numPosts != 0'>&lt;/div&gt;&lt;/div&gt;</b:if><data:adEnd/></div>
<!-- navigation --><b:include name='nextprev'/><!-- feed links -->
<b:include name='feedLinks'/><b:if cond='data:top.showStars'>
<script src='//www.google.com/jsapi' type='text/javascript'/>
<script type='text/javascript'>
google.load(&quot;annotations&quot;, &quot;1&quot;, {&quot;locale&quot;: &quot;<data:top.languageCode/>&quot;});
function initialize() {
google.annotations.setApplicationId(<data:top.blogspotReviews/>);
google.annotations.createAll();
google.annotations.fetch();
}
google.setOnLoadCallback(initialize);
</script>
</b:if><b:else/><b:include name='mobile-main'/></b:if>
<b:if cond='data:top.showDummy'><data:top.dummyBootstrap/></b:if>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'/>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<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(&#39;<data:post.appRpcRelayPath/>&#39;, &#39;<data:post.communityId/>&#39;);
</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'>&amp;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 != &quot;static_page&quot;'><b:if cond='data:post.allowComments'><b:if cond='data:post.numComments != 0'><a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a></b:if></b:if></b:if></div></div></div></b:includable>
<b:includable id='iframe_comments' var='post'>
<b:if cond='data:post.allowComments'><script expr:src='data:post.commentSrc' type='text/javascript'/>
<div class='cmt_iframe_holder'/><b:if cond='data:post.embedCommentForm == &quot;false&quot;'><a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>data:postCommentMsg/&gt;</a></b:if></b:if>
</b:includable>
<b:includable id='feedLinksBody' var='links'/>
<b:includable id='comments' var='post'><b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='cocot'><a class='tombol' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>&#10026; || Tinggalkan Komentarmu || &#10026;</a></div>
<div class='comments' id='comments'><b:if cond='data:post.allowComments'><b:if cond='data:post.commentPagingRequired'><span class='paging-control-container'><b:if cond='data:post.hasOlderLinks'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>&#160;
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>&#160;</b:if>
<data:post.commentRangeText/>
<b:if cond='data:post.hasNewerLinks'>&#160;<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>&#160;
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a></b:if></span></b:if>
<div expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'><dl expr:class='data:post.avatarIndentClass' id='comments-block'><b:loop values='data:post.comments' var='comment'>
<dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
<b:if cond='data:comment.favicon'><img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/></b:if>
<a expr:name='data:comment.anchorName'/><b:if cond='data:blog.enabledCommentProfileImages'><data:comment.authorAvatarImage/></b:if>
<b:if cond='data:comment.authorUrl'><a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a><b:else/><data:comment.author/></b:if><data:commentPostedByMsg/></dt>
<dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'/>
<dd class='comment-footer'><span class='comment-timestamp'><a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/></a></span></dd></b:loop></dl></div>
<b:if cond='data:post.commentPagingRequired'><span class='paging-control-container'><a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a><a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>&#160;<data:post.commentRangeText/>&#160;
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a><a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a></span></b:if>
<p class='comment-footer'><b:if cond='data:post.embedCommentForm'><b:if cond='data:post.allowNewComments'>
<b:include data='post' name='comment-form'/><b:else/><data:post.noNewCommentsText/></b:if><b:else/>
<b:if cond='data:post.allowComments'><a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a></b:if></b:if></p></b:if></div></b:if></b:includable>
</b:widget>
</b:section></td><b:if cond='data:blog.pageType == &quot;item&quot;'>
<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 == &quot;&quot;) {this.value = &quot;✔ search something...&quot;;}' onfocus='if (this.value == &quot;✔ search something...&quot;) {this.value = &quot;&quot;}' type='text' value='✔ search something...'/><input id='search-btn' title='goleki' type='submit' value=''/></form></div>
</td></b:if></tr>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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 == &quot;expanded&quot;'>
    <a class='toggle' href='javascript:void(0)'>
      <span class='zippy toggle-open'>&#9660;&#160;</span>
    </a>
  <b:else/>
    <a class='toggle' href='javascript:void(0)'>
      <span class='zippy'>
        <b:if cond='data:blog.languageDirection == &quot;rtl&quot;'>
          &#9668;&#160;
        <b:else/>
          &#9658;&#160;
        </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='&quot;archivedate &quot; + 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 + &quot;_ArchiveMenu&quot;'>
    <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>&#10004; <data:title/></h2>
  </b:if>
  <div class='widget-content'>
  <div id='ArchiveList'>
  <div expr:id='data:widget.instanceId + &quot;_ArchiveList&quot;'>
    <b:if cond='data:style == &quot;HIERARCHY&quot;'>
     <b:include data='data' name='interval'/>
    </b:if>
    <b:if cond='data:style == &quot;FLAT&quot;'>
      <b:include data='data' name='flat'/>
    </b:if>
    <b:if cond='data:style == &quot;MENU&quot;'>
      <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 != &quot;&quot;'>
      <h2>&#9787; <data:title/></h2>
    </b:if>
    <div class='widget-content'>
    <b:if cond='data:team == &quot;true&quot;'> <!-- team blog profile -->
      <ul>
        <b:loop values='data:authors' var='i'>
          <li><a class='profile-name-link' expr:href='data:i.userUrl' expr:style='&quot;background-image: url(&quot; + data:i.profileLogo + &quot;);&quot;'><data:i.display-name/></a></li>
        </b:loop>
      </ul>

    <b:else/> <!-- normal blog profile -->

      <b:if cond='data:photo.url != &quot;&quot;'>
        <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='&quot;background-image: url(&quot; + data:profileLogo + &quot;);&quot;' rel='author'>
            <data:displayname/>
          </a>
        </dt>

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

        <b:if cond='data:aboutme != &quot;&quot;'><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=''>&#9654;</a></div>
</td></tr>
</b:if>
</tbody></table>

<div class='clear'/>
<!-- badan-besar --></div>
<b:if cond='data:blog.pageType != &quot;item&quot;'><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>
|| ❖ | Copy Right By : Artikel Kaskus | Design By : Cuerosbhelatos ||
☹|| Click To Post Comments ||☹

Posting Komentar