Dunia Transparant 2: Cara Pasang Blog Taskbar

Blog Taskbar - merupakan widget yang menampilkan taskbar di blog. Tampilan taskbar ini hampir mirip dengan taskbar Windows7... By the way sebelumnya saya sudah pernah memposting artikel taskbar blog, yaitu pada postingan artikel Membuat TaskBar Navigation Menu, cuma waktu itu hanya merupakan konsep widget sederhana mengenai cara memasang taskbar di blog yang mudah dipasang. Pada postingan artikel ini merupakan versi penuh dari Widget Taskbar Navigation Menu, memang kali ini kodenya lebih banyak tapi jangan khawatir sudah buat keterangan dan warna teks dari setiap fungsi dan kegunaan dari masing-masing kode tersebut.

Cara Pemasangan :

Klik "More Options" selector box kemudian klik "Template" setelah itu pilih "Edit HTML".

Cari kode </Head> kemudian letakan kode berikut ini tepat diatas kode </Head>.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>

Keterangan :
- Jika anda sudah memasang kode JQuery silakan anda lewati pemasangan kode JQuery ini. Apabila anda memasang lebih dari satu JQuery biasanya script tidak akan berfungsi.

Cari kode <Body> kemudian letakan kode Script dan kode CSS berikut ini tepat dibawah kode <Body>.

<script type='text/javascript'>
$(document).ready(function(){
$('body').click(function(){
$(".vstart").hide("fast");
$(".bstart").hide("fast");
});
});
$(document).ready(function(){
$("#imgstartmenu").click(function(){
$(".vstart").toggle("fast");
$(this).toggleClass("active");
return false;
});
});
$(document).ready(function(){
$(".bsclick").click(function(){
$(".bstart").toggle("fast");
$(this).toggleClass("active");
return false;
});
});
$(document).ready(function(){
$(".bsclose").click(function(){
$(".bstart").toggle("fast");
$(this).toggleClass("active");
return false;
});
});
$(document).ready(function(){
$(".contacttriger").click(function(){
$(".contactbox").toggle("fast");
$(this).toggleClass("active");
$(".vstart").toggle("fast");
$(this).toggleClass("active");
return false;
});
});
$(document).ready(function(){
$(".contactclose").click(function(){
$(".contactbox").toggle("fast");
$(this).toggleClass("active");
return false;
});
});
$(document).ready(function(){
$(".downloadtriger").click(function(){
$(".downloadbox").toggle("fast");
$(this).toggleClass("active");
$(".vstart").toggle("fast");
$(this).toggleClass("active");
return false;
});
});
$(document).ready(function(){
$(".downloadclose").click(function(){
$(".downloadbox").toggle("fast");
$(this).toggleClass("active");
return false;
});
});
$(document).ready(function(){
$(".musictriger").click(function(){
$(".musicbox").toggle("fast");
$(this).toggleClass("active");
$(".vstart").toggle("fast");
$(this).toggleClass("active");
return false;
});
});
$(document).ready(function(){
$(".musicclose").click(function(){
$(".musicbox").toggle("fast");
$(this).toggleClass("active");
return false;
});
});
$(document).ready(function(){
$(".brwclick").click(function(){
$(".brwbox").toggle("fast");
$(this).toggleClass("active");
$(".vstart").toggle("fast");
$(this).toggleClass("active");
return false;
});
});
$(document).ready(function(){
$(".brwclose").click(function(){
$(".brwbox").toggle("fast");
$(this).toggleClass("active");
return false;
});
});
</script>


<script language="javascript" type="text/javascript">
var win=null;
function NewWindow(mypage,myname,w,h,scroll,pos){
if(pos=="random"){LeftPosition=(screen.width)?Math.floor(Math.random()*(screen.width-w)):100;TopPosition=(screen.height)?Math.floor(Math.random()*((screen.height-h)-75)):100;}
if(pos=="center"){LeftPosition=(screen.width)?(screen.width-w)/2:100;TopPosition=(screen.height)?(screen.height-h)/2:100;}
else if((pos!="center" && pos!="random") || pos==null){LeftPosition=0;TopPosition=20}
settings='width='+w+',height='+h+',top='+TopPosition+',left='+LeftPosition+',scrollbars='+scroll+',location=no,directories=no,status=yes,menubar=no,toolbar=no,resizable=no';
win=window.open(mypage,myname,settings);}
// -->
</script>
<script src='http://monozcore-project.googlecode.com/files/WindowExpander.js' type='text/javaScript'></script>


<script language='javascript' type='text/javascript'>
function popitup(url) {
newwindow=window.open(url,'name','height=380,width=270');
if (window.focus) {newwindow.focus()}
return false;
}
function smspopup(url) {
newwindow=window.open(url,'name','height=300,width=270');
if (window.focus) {newwindow.focus()}
return false;
}
function blogtools(url) {
newwindow=window.open(url,'name','height=380,width=500');
if (window.focus) {newwindow.focus()}
return false;
}
</script>

<script language='javascript' type='text/javascript'>
function chatrollbox(url) {
   newwindow=window.open(url,'name','height=500,width=490');
   if (window.focus) {newwindow.focus()}
   return false;
}
</script>


<script type='text/javascript'>
$(document).ready(function(){
$(".brwclick").mouseover(function(){
$(".bstart").hide("fast");
});
});
$(document).ready(function(){
$(".contacttriger").mouseover(function(){
$(".bstart").hide("fast");
});
});
$(document).ready(function(){
$(".bsclick").hover(function(){
$(".bstart").show("fast");
});
});
</script>



<script type='text/javascript'>
function bookmarksite(title,url){
if (window.sidebar) // firefox
   window.sidebar.addPanel(title, url, "");
else if(window.opera && window.print){ // opera
   var elem = document.createElement('a');
   elem.setAttribute('href',url);
   elem.setAttribute('title',title);
   elem.setAttribute('rel','sidebar');
   elem.click();
}
else if(document.all)// ie
window.external.AddFavorite(url, title);
}
</script>

<style type="text/css">
#taskbar {
/*Background*/
background: rgb(0,0,0); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjZmNmY2ZjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNjUlIiBzdG9wLWNvbG9yPSIjMjUyNjFkIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNjYlIiBzdG9wLWNvbG9yPSIjMTMxNjBmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzA1MDAwMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(252,252,252,1) 1%, rgba(37,38,29,1) 65%, rgba(19,22,15,1) 66%, rgba(5,0,1,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(1%,rgba(252,252,252,1)), color-stop(65%,rgba(37,38,29,1)), color-stop(66%,rgba(19,22,15,1)), color-stop(100%,rgba(5,0,1,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(252,252,252,1) 1%,rgba(37,38,29,1) 65%,rgba(19,22,15,1) 66%,rgba(5,0,1,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(252,252,252,1) 1%,rgba(37,38,29,1) 65%,rgba(19,22,15,1) 66%,rgba(5,0,1,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(252,252,252,1) 1%,rgba(37,38,29,1) 65%,rgba(19,22,15,1) 66%,rgba(5,0,1,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(252,252,252,1) 1%,rgba(37,38,29,1) 65%,rgba(19,22,15,1) 66%,rgba(5,0,1,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#050001',GradientType=0 ); /* IE6-8 */

/*Parameter*/
width: 100%;
height: 34px;
left: 0px;
bottom: 0px;
margin: 0px;
padding: 0px;
position: fixed;
z-index: 99999;
}

/*BlogScript Parameter*/
.vstart {
position:fixed;
bottom:30px;
left:0px;
z-index:999;
border:0px solid #444;
display:none;
padding:5px 0px 5px 0px;}
.vstart p {
color:#ccc;
margin:0 0 0px;
padding:0;}
.vstart a, .vstart a:visited {
color:#9FC54E;
text-decoration:none;
border-bottom:1px solid #9FC54E;
margin:0;
padding:0;}
.vstart a:hover, .vstart a:visited:hover {
color:#fff;
text-decoration:none;
border-bottom:1px solid #fff;
margin:0;
padding:0;}
.bstart {
position:fixed;
bottom:30px;
left:250px;
z-index:999;
border:0px solid #444;
display:none;
padding:5px 0px 5px 0px;}

.downloadbox, .contactbox {
position:fixed;
top:0px;
right:0px;
z-index:999;
border:0px solid #444;
display:none;
padding:5px 5px 5px 5px;}

.musicbox, .brwbox {
position:fixed;
top:10px;
left:10px;
z-index:999;
border:0px solid #444;
display:none;
padding:5px 5px 5px 5px;}

/*Button Parameter*/
a.brwclick, a.brwclose, a.bsclick, a.bsclose, a.musictriger, a.musicclose, a.downloadtriger, a.downloadclose, a.contacttriger, a.contactclose:hover{}

a:focus {outline:none;}

/*Box BScript Parameter*/
#startmenu {border:solid 1px #102a3e; overflow:visible; display:inline-block; margin:60px 0 0 20px; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; position:relative; box-shadow: inset 0 0 1px #fff; -moz-box-shadow: inset 0 0 1px #fff; -webkit-box-shadow: inset 0 0 1px #fff; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#619bb9, endColorstr=#2E4B5A,GradientType=0); background-image: -ms-linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75));background-image: -moz-linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75));background-image: -o-linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75));background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #327AA4), color-stop(0.5, #2E4B5A), color-stop(1, #5CB0DC));background-image: -webkit-linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75));background-image: linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75));}
#programs, #links {float:left; display:block; padding:0; list-style:none;}
#programs {background:#fff; border:solid 1px #365167; margin:7px 0 7px 7px;            box-shadow: 0 0 1px #fff; -moz-box-shadow: 0 0 1px #fff; -webkit-box-shadow: 0 0 1px #fff; border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
#programs a { border:solid 1px transparent; display:block; padding:3px; margin:3px;
color:#4b4b4b; text-decoration:none; min-width:220px;}
#programs a:hover {border:solid 1px #7da2ce;border-radius:3px;
-moz-border-radius:3px; -webkit-border-radius:3px;
box-shadow: inset 0 0 1px #fff; -moz-box-shadow: inset 0 0 1px #fff; -webkit-box-shadow: inset 0 0 1px #fff; background-color:#cfe3fd; background: -moz-linear-gradient(top, #dcebfd, #c2dcfd); background: -webkit-gradient(linear, center top, center bottom, from(#dcebfd), to(#c2dcfd));}
#programs a img {border:0; vertical-align:middle; margin:0 5px 0 0;}
#links {margin:7px; margin-top:-30px;}
#links li.icon {text-align:center;}
#links a {border:solid 1px transparent; display:block; margin:5px 0; position:relative;
color:#fff; text-decoration:none; min-width:120px;}
#links a:hover {border:solid 1px #000; border-radius:3px;-moz-border-radius:3px; -webkit-border-radius:3px;
box-shadow: 0 0 1px #fff; -moz-box-shadow: inset 0 0 1px #fff; -webkit-box-shadow: inset 0 0 1px #fff; background-color:#658da0; background: -moz-linear-gradient(center left, rgba(81,115,132,0.55), rgba(121,163,184,0.55) 50%, rgba(81,115,132,0.55)); background: -webkit-gradient(linear, 0% 100%, 100% 100%, from(#517384), color-stop(50%, #79a3b8), to(#517384));}
#links a span { padding:5px; display:block; }
#links a:hover span { background: -moz-linear-gradient(center top, transparent, transparent 49%, rgba(2,37,58,0.5) 50%, rgba(63,111,135,0.5));
background: -webkit-gradient(linear, center top, center bottom, from(transparent), color-stop(49%, transparent),
color-stop(50%, rgba(2,37,58,0.5)), to(rgba(63,111,135,0.5))); }
#bspanel2, #bslinks2 {float:right; display:block; padding:0; list-style:none;}
#bspanel2 { border:solid 1px #102a3e; overflow:visible; display:inline-block; margin:30px 10px 10px 10px;border-radius:5px;
-moz-border-radius:5px;-webkit-border-radius:5px; position:relative;
box-shadow: inset 0 0 1px #fff; -moz-box-shadow: inset 0 0 1px #fff; -webkit-box-shadow: inset 0 0 1px #fff;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#619bb9, endColorstr=#2E4B5A,GradientType=0);
background-image: -ms-linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75));
background-image: -moz-linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75));
background-image: -o-linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75));
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #327AA4), color-stop(0.5, #2E4B5A), color-stop(1, #5CB0DC));
background-image: -webkit-linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75));
background-image: linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75));}
#bspropanel2 { background:#fff; overflow:auto; height:350px; width:300px; border:solid 1px #365167; margin:7px 7px 7px 7px;
box-shadow: 0 0 1px #fff; -moz-box-shadow: 0 0 1px #fff; -webkit-box-shadow: 0 0 1px #fff;border-radius:3px;
-moz-border-radius:3px;-webkit-border-radius:3px;padding:5px 5px 5px 5px;}
#bspropanel2 a { border:solid 1px transparent; display:block; padding:3px; margin:3px;
color:#4b4b4b; text-decoration:none; min-width:220px;}
#bspropanel2 a:hover {border:solid 1px #7da2ce;border-radius:3px;
-moz-border-radius:3px; -webkit-border-radius:3px;
box-shadow: inset 0 0 1px #fff; -moz-box-shadow: inset 0 0 1px #fff; -webkit-box-shadow: inset 0 0 1px #fff;
background-color:#cfe3fd;
background: -moz-linear-gradient(top, #dcebfd, #c2dcfd);
background: -webkit-gradient(linear, center top, center bottom, from(#dcebfd), to(#c2dcfd));}
#bspropanel2 a img {border:0; vertical-align:middle; margin:0 5px 0 0;}
#bslinks2 {margin:7px; margin-top:4px;}
#bspanel, #bslinks {float:right; display:block; padding:0; list-style:none;}
#bspanel { border:solid 1px #102a3e; overflow:visible; display:inline-block; margin:30px 10px 10px 10px;border-radius:5px;
-moz-border-radius:5px;-webkit-border-radius:5px; position:relative;
box-shadow: inset 0 0 1px #fff; -moz-box-shadow: inset 0 0 1px #fff; -webkit-box-shadow: inset 0 0 1px #fff;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#619bb9, endColorstr=#2E4B5A,GradientType=0);
background-image: -ms-linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75));
background-image: -moz-linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75));
background-image: -o-linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75));
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #327AA4), color-stop(0.5, #2E4B5A), color-stop(1, #5CB0DC));
background-image: -webkit-linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75));
background-image: linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75));}
#bspropanel { background:#fff; overflow:auto; height:480px; width:300px; border:solid 1px #365167; margin:7px 7px 7px 7px;
box-shadow: 0 0 1px #fff; -moz-box-shadow: 0 0 1px #fff; -webkit-box-shadow: 0 0 1px #fff;border-radius:3px;
-moz-border-radius:3px;-webkit-border-radius:3px;padding:5px 5px 5px 5px;}
#bspropanel a { border:solid 1px transparent; display:block; padding:3px; margin:3px;
color:#4b4b4b; text-decoration:none; min-width:220px;}
#bspropanel a:hover {border:solid 1px #7da2ce;border-radius:3px;
-moz-border-radius:3px; -webkit-border-radius:3px;
box-shadow: inset 0 0 1px #fff; -moz-box-shadow: inset 0 0 1px #fff; -webkit-box-shadow: inset 0 0 1px #fff;
background-color:#cfe3fd;
background: -moz-linear-gradient(top, #dcebfd, #c2dcfd);
background: -webkit-gradient(linear, center top, center bottom, from(#dcebfd), to(#c2dcfd));}
#bspropanel a img {border:0; vertical-align:middle; margin:0 5px 0 0;}
#bslinks {margin:7px; margin-top:4px;}
#bsmenu { border:solid 1px #102a3e; overflow:visible; display:inline-block; margin:10px 10px 10px 10px;border-radius:5px;
-moz-border-radius:5px;-webkit-border-radius:5px; position:relative;
box-shadow: inset 0 0 1px #fff; -moz-box-shadow: inset 0 0 1px #fff; -webkit-box-shadow: inset 0 0 1px #fff;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#619bb9, endColorstr=#2E4B5A,GradientType=0);
background-image: -ms-linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75));
background-image: -moz-linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75));
background-image: -o-linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75));
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #327AA4), color-stop(0.5, #2E4B5A), color-stop(1, #5CB0DC));
background-image: -webkit-linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75));
background-image: linear-gradient(top, rgba(50, 123, 165, 0.75), rgba(46, 75, 90, 0.75) 50%, rgba(92, 176, 220, 0.75));}
#bsprograms { background:#fff; overflow:auto; height:480px; width:300px; border:solid 1px #365167; margin:7px 7px 7px 7px;
box-shadow: 0 0 1px #fff; -moz-box-shadow: 0 0 1px #fff; -webkit-box-shadow: 0 0 1px #fff;border-radius:3px;
-moz-border-radius:3px;-webkit-border-radius:3px;padding:5px 5px 5px 5px;}
#bsprograms a { border:solid 1px transparent; display:block; padding:3px; margin:3px;
color:#4b4b4b; text-decoration:none; min-width:220px;}
#bsprograms a:hover {border:solid 1px #7da2ce;border-radius:3px;
-moz-border-radius:3px; -webkit-border-radius:3px;
box-shadow: inset 0 0 1px #fff; -moz-box-shadow: inset 0 0 1px #fff; -webkit-box-shadow: inset 0 0 1px #fff;
background-color:#cfe3fd;
background: -moz-linear-gradient(top, #dcebfd, #c2dcfd);
background: -webkit-gradient(linear, center top, center bottom, from(#dcebfd), to(#c2dcfd));}
#bsprograms a img {border:0; vertical-align:middle; margin:0 5px 0 0;}

/*Taskbar Parameter*/
#imgstartmenu {
background: url(http://dl.dropboxusercontent.com/u/74044634/Image/mozmenu.png) no-repeat;
display: block;
width: 48px;
height: 48px;
position: fixed;
bottom: 0px;
left: 10px;
opacity: 0.5;
vertical-align:bottom;
}
#imgstartmenu:hover {
opacity: 1;
}
#qlaunch {
text-align: left;
position:fixed;
padding: 0px;
margin: 0px;
left: 65px;
bottom: 5px;
}
.qlaunch_ico {
   vertical-align:middle;
   filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
    -khtml-opacity: 0.5;
   }
.qlaunch_ico:hover {
   filter:alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    -khtml-opacity: 1;
   }

#clock {
position: fixed;
right: 2px;
bottom: 5px;
}

#active_ico {
text-align: right;
color:#000000;
position: fixed;
right: 105px;
bottom: 5px;
}
.active_ico {
   vertical-align:middle;
   filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
    -khtml-opacity: 0.5;
   }
.active_ico:hover {
   filter:alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    -khtml-opacity: 1;
   }
</style>


<script type="text/javascript">
function toggleFullScreen() {
    if ((document.fullScreenElement && document.fullScreenElement !== null) ||
       (!document.mozFullScreen && !document.webkitIsFullScreen)) {
    if (document.documentElement.requestFullScreen) {
      document.documentElement.requestFullScreen();
    } else if (document.documentElement.mozRequestFullScreen) {
      document.documentElement.mozRequestFullScreen();
    } else if (document.documentElement.webkitRequestFullScreen) {
      document.documentElement.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT);
    }
} else {
    if (document.cancelFullScreen) {
      document.cancelFullScreen();
    } else if (document.mozCancelFullScreen) {
      document.mozCancelFullScreen();
    } else if (document.webkitCancelFullScreen) {
      document.webkitCancelFullScreen();
    }
}
}
</script>


Keterangan :
- Kode diatas sudah diberi keterangan untuk fungsi dan kegunaannya, jadi anda dapat dengan mudah untuk mengkonfigurasi kode-kode tersebut untuk menyesuaikan dengan tema template blog anda.
- Pada kode yang berwarna biru [ http://dl.dropboxusercontent.com/u/74044634/Image/mozmenu.png ] merupakan URL gambar start menu. Anda bisa mengganti URL gambar tersebut dengan yang sobat suka. Ukuran gambar menggunakan 45 x 45 pixel.

Kemudian pasang kode HTML berikut ini untuk menampilkan menu program pada start menu.


<div class='vstart'>
<div id='startmenu'>
<ul id='programs'>
<li><a href='#' target='_blank' title='Buka jendela browser baru'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8bI55ZLzm5rIp8iXhr-X12K-dFpFuNngewSfnh3yPNtEYyVFRxxrmclOYIpnsYCUn8k3XOUBMd46vgfAzjtHcOnFJI5_4R9ywBilviwO0l9zSED1qvcZTOo8maqOC3KCUAWPrrI0PmzM/s800/firefox-32.png'/>Blog Internet</a></li>
<li class='brwclick'><a href='#' title='Informasi browser yang anda gunakan'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfGsbqs5vWjpxXg0CQ6qBwmp5Snt7pZ_GcPY85yIfa7Sdms1o6bRHciXnZ1AIcOrWo4WtAHJ1BFh6qdukRLjUGvEbiKXWW8e88SkCGgdhGX8Kj1Ooth2e6oGrctgfBIfpdpdabMYoAG1U/s800/brwinfo.png'/>Browser Information</a></li>
<li><hr/></li>
<li class='bsclick'><a href='#' title='Pilih blog script yang ingin anda jalankan'><img alt='B' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6d1UDBYixlmC-1co-HEgc1eQzvB8fVIm4m0BVBXuTYnLCCoTVuVi1zL-1QJGTj-1RGMLpKzmv3ui4RDCrdHSVQAGhZJQlucVXGqwtL78EfC17l9bwNmZOlv0ra6dHXLE_whiLN4IkqAc/s800/IconDeveloper.png'/>Blog Script <span style='text-align:right;padding:4px 4px 4px 0px;width:120px;position: absolute;'><img alt='>' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrr8UWfNtaDfa6lctas1ly3LBQbvEyPyPnRQLPc90Nz-JbP2gYEpM5j9LYB5qqWil9CxFDF-mC4nuqwBxS1rCgzBkFhBbjzhiTH8hgavsis1W7jIn3mlmlzJckLKgk1C0zWf3PJj2uCeI/s800/play.png'/></span></a></li>
<li class='contacttriger'><a OnClick="javascript:animatedcollapse.toggle('jason4')" href='#' title='Hubungi kami'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwOZBoqIfmmezRK86gCQrRq6e7JlDy3RiXc1_lF6C2QNLMIO528xeEuPnOL01k0qt5AwdcwOmwWPCNxR0LHqB1VdY1cS6f3pTNe2sbmZxS6QSQszEBmtKwpZMeG0MEb7Kuy9SmZ31nvUI/s800/cs.png'/>Contact</a></li>
<li><a href='http://monozcore.blogspot.com/2011/07/pay-to-click-ptc.html' target='_blank' title='Program Paid to Click, cara mudah mendapatkan penghasilan tambahan'><img alt='M' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHKt10GxGkdjJLp4zGOu9hyX7-zGZD2EwYQi-RkXXFOlSdWkXqI20mz3iyALWno9-ur_ztQ5NbtTCys_pQRE6d-FacNUzEoqLkFENcD8pa2gAmnC-mStDxtXDxLyyyiZwIVuBV-XtLZJg/s800/dollar.png'/>Paid to Click</a></li>
<li><a href='http://feeds.feedburner.com/Monozcore?format=xml' target='_blank' title='Baca postingan blog lewat RSS Feed'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5VuWZ5dQFWdkMWbAJ-bchgeGgM_33O1yBEtFVFECFFJlc3yO1EsStC9UByAdx5fZUpiTCSN1UevgZA7V1SfBOl88HL6XUgRhz6uIAScJXocuFtOC2WTiJWQVmsswDGJBAvkAKoWjXgQ8/s800/rss_logo.png'/>RSS Feeds</a></li>
<li><a href='http://monozcore.blogspot.com/p/horoscope.html' target='_blank' title='Lihat horoskop anda'><img alt='Horoscope' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOwQBSjgskgpZ2qSmRfjUq-EnTwj7CmAcOwoaAgzHzWjDuLazaeMRhIy7kY9JrZFrhpJnvEqReBHKaBSaOD773lAiRsENq4XBYW9nqFCcquhPVnysbpeMAnf4o8J01RDM6FG7_TOCrFLAL/s800/horoscopes-icon.png'/>Horoscope</a></li>
<li><hr/></li>
<li>

<a title="Akses cepat ke MonozCore" style="cursor:hand;font-weight:bold;color:#004080;font-family:Verdana" href="javascript:bookmarksite('MonozCore', 'http://monozcore.blogspot.com')"><img alt='' height='32px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg241HvCo6qnV4A6JpNbmPUN0pHeKaBzvFKc3YpisNPgcDFWJdaZTBZtZrPeF6EfMIt_QRQrw-7I9W2jRNqybaXX_p8lVtnvHw0mLTfubSI1VO-2GzOBe7JxFH4erTYUlAcez2QTEY26Ow/s800/monoz.png' width='32px'/>Set as Homepage</a>

</li>
</ul>
<ul id='links'>
<li class='icon'><img alt='monozcore' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPqRhKDduwg0k3GTJeuI_nCVX9xZ8eQwgZmPERQktbAGpUHAAkr4B1c8co1-YR8D5omMv5fQIYvQLPYVbbvoBffNfavqBbP22LezFficLoQq2YEeRzJgt4o8Z3a7tNCVB89_JR23_OJTo/s800/blogger-logo-blue.png'/></li>
<li><a href="#" onClick="expandingWindow('http://monozcore.blogspot.com/p/post-list.html');return false" onfocus="this.blur()"><span>Documents</span></a></li>
<li class='downloadtriger'><a href='#'><span>Download</span></a></li>
<li><a href='http://monozcore.blogspot.com/search/label/Flash%20Games?&max-results=7' target='blank'><span>Games</span></a></li>
<li class='musictriger'><a href='#'><span>Music</span></a></li>
<li><a href='http://monozcore.blogspot.com/p/project-files.html'><span>Project</span></a></li>
<li><a href='http://monozcore.blogspot.com/search/label/Widget?&max-results=7' target='blank'><span>Widget</span></a></li>
<li><a href='https://accounts.google.com' onclick="NewWindow(this.href,'Google Login','925','700','yes','center');return false" onfocus="this.blur()" title='Google Login'><span>Google Login</span></a></li>
</ul>
</div>
</div>
<a class='triger' href='#'></a>



<div class='bstart'>
<div id='bsmenu'>
<ul id='bsprograms'>
<li><a class='bsclose' href="http://www.google.co.id/language_tools" onclick="NewWindow(this.href,'Online Games','925','700','yes','center');return false" onfocus="this.blur()"><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb02ZvhIaq7ynJ8k8T0ntqnt8K-8-iz39xLj8eKPwajxfNADhH-L2rsHRjaVzseUvPbLfFEZMEp6rD8T7dXYqrZAIMaP7PvHRCEodKKCfSLoJ1lhf8bjQue5bLq19wXYCLFt2jBr9SuXk/s800/Google-Translate.png'/>Google Translator</a></li>
<li><a class='bsclose' href="http://picasaweb.google.com" onclick="NewWindow(this.href,'Online Games','925','700','yes','center');return false" onfocus="this.blur()"><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEga5zFyIqD9ei32KcglyBBb_o9ff6JagzwA_dmsdwVCTL4fbLz3k0MxWLQ18DLe1617n545Kr10jrl2eYM9qYgSbrnNQ1eTkVuyNl1ziZixCoV4sF4hRzBr0r-gMLTATwshtDmhbCxgv3Q/s800/Picasa-Logo.png'/>Picasa Web Album</a></li>
<li><a href='http://monozcore.freetzi.com/free_sms.html' onclick="return smspopup('http://monozcore.freetzi.com/free_sms.html')" onfocus="this.blur()" title='Kirim SMS gratis via internet'><span><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxNZPxO553HakRiSkYfsmS8P7HiuUeESebhJIz7ZKnUhkK-vWqBF49Ua6Kkvqn61cF4V5KZL5er-WOntqiFz9TCHseV0sFGqfZdDusEidIyL1I4IPc-FFODkO9GLBVKJz2-7FN1_LMc5w/s800/google-phone.png'/>SMS Gratis</span></a></li>
<li><a title='Informasi tagihan telepon' href="http://infobill.telkom.co.id" onclick="NewWindow(this.href,'Informasi tagihan telepon','925','700','yes','center');return false" onfocus="this.blur()"><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEim1PEZ5ia4Wb2VVVTFmLzJxb_NQGjXriW3ub8gXVgHWGMJYroUQdMmuPliOxPW5Nu4ZMdZU1EASrrS10ixAOTPjTOLB2wCk2MmJDa_rjOZjbQp4LC4UpyaQEHoa9d2R-Az9Ba6uWKn5zo/s800/Logo-Telkom.png'/>Info Telepon</a></li>
<li><a title='Informasi tagihan listrik' href="http://dl.dropbox.com/u/74044634/HTML/Tagihan_PLN.html" onclick="NewWindow(this.href,'Informasi tagihan listrik','300','150','yes','center');return false" onfocus="this.blur()"><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieE_8m5JGDRLkwSnx86olRzesSVoKrdPvL58ustXvD-geRFtan4qBZ37Y0DFCZfld7_aRhwh7tWQAVTp5V8pnaAz1kAMQO-87WvgXQuhVGf7Una4guQpZWk2RrJk34iPZJms-QkfjqQhk/s800/logo-PLN.png'/>Info Listrik</a></li>
<li><a href='http://monozcore.freetzi.com/weather.html' onclick="return popitup('http://monozcore.freetzi.com/weather.html')" onfocus="this.blur()" title='Laporan Cuaca Jakarta'><span><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7svjq7p0CvJNv9Vx4rApZ2nz2G2WIvdVIOZgdPu9OQFI_Xuul3Elw-FblyzqeKPrpBF0kADVPQWBhM57TzsTh9grwEEbFQ_RhTHTFRHxfdB2_Prm7oluzkhmuQjq4UebjBLsa-m3Ivy8a/s800/clouds_thunder_rain.png'/>Laporan Cuaca</span></a></li>
<li><a href='http://monozcore.blogspot.com/p/exchange-rate.html' target='blank' title='Nilai tukar rupiah (IDR)'><span><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIQhpiJf7ai9CimxScdmv_KxWKjOT0msc4N-ZDn-zPiUQ7bbif_oHfYGXXo_sQEoMc0Hphz85mc6_GxV-qtKiRk83yUYnkXobEOFeYwm1kEY4N9JGqnX_tdzETlmX8mB8xqdC8MEFE4YsL/s800/money_32.png'/>IDR Exchange Rate</span></a></li>
<li><a href='http://monozcore.freetzi.com/Info_Lalulintas.html' onclick="return popitup('http://monozcore.freetzi.com/Info_Lalulintas.html')" onfocus="this.blur()" title='Info Lalu Lintas'><span><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsNjWtm6ojf1TRCgqI-GxaURBdUxQ_8mWuoPkTB-Q3dLGZr7n1Q3jObycUdYOCPe96hsnt4inoe_VycYKmXpRtaJCWYdTIUO2Yv2vbpB1YrFP8IsJoqoPCb-ZF4hkuCEbzyew3Yx7-_Qm3/s800/traffic_light_green.png'/>Info Lalu Lintas</span></a></li>
<li><a href="#" onClick="expandingWindow('http://monozcore.blogspot.com/p/seo-pagerank-tools.html');return false" onfocus="this.blur()" title='SEO + PageRank Tools'><span><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzjoH7JGIJFGFVt8ELvOBipwly5d82kLsu1f0DmvPuUw6-Zd6-iLWje7ADlb4zRS3z7d1J57KIPJDGomyf89-UAX6e_D9WuAA-_pDzFrH96mBva95epsGgUVFKVya_CVALaB4nOED8vW7X/s800/Win.png'/>SEO + PageRank Tools</span></a></li>
</ul>
</div>
</div>



<div class='brwbox'>
<div id='bspanel2'>
<ul id='bslinks2'>
<li><a class='brwclose' href='#'><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3Hg8PYNpFyUohWt7wRdFx-PWHadJQuMIOBZcAt6JF7C_sHUCyHutwfu2ceHMZtIkln7hs9wxWD96-JD2HfsSyljU3n_zMcARRasLhskyGKlIVmaRrYEikNDS_UwykksLpaqFgvITLMUE/s800/closeX.png" alt="Close Script" title='Close Script'
      onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBjRWBerbmf_00VejTIivhreHenBtrtQdaXKhF6iyy1vsUNTetSP0o8jir4rh2_HwI7NQHEs8wHnZn3txtDJXleMFiT-wnAmg6Q66LklGorhwblhL6_cf2MU0DRnznNQSzY4hcYKmChZM/s800/closeX2.png';"
      onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3Hg8PYNpFyUohWt7wRdFx-PWHadJQuMIOBZcAt6JF7C_sHUCyHutwfu2ceHMZtIkln7hs9wxWD96-JD2HfsSyljU3n_zMcARRasLhskyGKlIVmaRrYEikNDS_UwykksLpaqFgvITLMUE/s800/closeX.png';"/></a></li>
</ul>
<div id='bspropanel2'>

<script type='text/javascript'>
var fifteenth=0; var sixteenth=0;
if (self.screen) {     sixteenth = screen.width;fifteenth = screen.height}
else if (self.java) {   var jkit = java.awt.Toolkit.getDefaultToolkit();var scrsize = jkit.getScreenSize();sixteenth = scrsize.width;fifteenth = scrsize.height; }
document.write("Browser CodeName: " + navigator.appCodeName);
document.write("<br /><br />");
document.write("Browser Name: " + navigator.appName);
document.write("<br /><br />");
document.write("Browser Version: " + navigator.appVersion);
document.write("<br /><br />");
document.write("Cookies Enabled: " + navigator.cookieEnabled);
document.write("<br /><br />");
document.write("Platform: " + navigator.platform);
document.write("<br /><br />");
if (document.all){document.write("Language: " + navigator.browserLanguage);}
else{document.write("Language: " + navigator.language)}
document.write("<br /><br />");
document.write("User-agent Header: ");
document.write("<br /><br />");
document.write(navigator.userAgent);
document.write("<br /><br />");
if (sixteenth > 0 && fifteenth > 0) {document.writeln('Screen Resolution: ',sixteenth,' x ',fifteenth + " Pixel"); }
else {document.writeln('Your screen resolution cannot be determined');}
document.write("<br /><br />");
function twentieth() {return (screen.colorDepth);}document.write('Color Depth: ' + twentieth() + ' bit color');
document.write("<br /><br />");
document.write("Plugin Installed:");
document.write("<ul>");
var plugin=navigator.plugins.length;
if (plugin==0){document.write('<li><b>There is no plugins installed!</b></li>');}
else{
for(i=0; i<plugin; i++){document.write('<li><B>'+navigator.plugins[i].name+'</B></li>');}}
document.write("</ul>");
</script>

</div>
</div>
</div>



<div class='contactbox'>
<div id='startmenu'>
<div id='programs'>

<script>
function imghover(tmp){
var idimghov=tmp;
if (idimghov=="blogico1"){document.getElementById("defnoteid1").value="http://monozcore.blogspot.com";}
if (idimghov=="emailico1"){document.getElementById("defnoteid1").value="nozeup@gmail.com";}
if (idimghov=="fbico1"){document.getElementById("defnoteid1").value="http://facebook.com/monozcore";}
if (idimghov=="twitterico1"){document.getElementById("defnoteid1").value="http://twitter.com/monozcore";}
if (idimghov=="g1ico1"){document.getElementById("defnoteid1").value="http://plus.google.com/110307523421514782253";}
}
</script>
<style>
.descnote1{background-color:rgba(255, 255, 255, 0.5); border-radius:8px;-moz-border-radius: 8px; -webkit-border-radius: 8px; padding:5px; margin-bottom:5px; border:1px #666 solid; text-align:justify;}
.textnote1{margin-bottom:5px;background-color:rgba(255, 255, 255, 0.5); border-radius:8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; padding:5px; border:1px #666 solid;}
.defnote1{text-align: center; padding:2px 5px; font-size:60%;}
.imgstylenote1{width:24px; height: 24px;}
</style>
<div style='background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiljR9ZsM-56QFADLV2a5Qx7yN57DfJOaYKbXt1zB59lyRltbsu7DK8fIVTRNorZIlrXHA5TvXKeMrXVmMUwUb2eMTasxwcU9G_RP37AqB4Df0KBCbpwWIH4k1aUmJR0X_vVBapCYZN-K6T/s800/info-girl.png);background-repeat:no-repeat;background-position:right bottom;background-size:100% 100%; width: 250px;overflow: hidden; padding: 10px 10px 5px 10px;font-size:14px; font-family:Arial, Geneva, sans-serif;'>
<div class='descnote1'><b style='color:#03F; font-size:16px'>MonozCore</b><br/>This blog contain information about monozcore software product, free software, blog information and blog widget code.</div>
<div align='left' class='textnote1' id='bdimgnote1'>
<a href='mailto:nozeup@gmail.com' id='emailico1' onmouseover='javascript:imghover('emailico1');' title='Email'><img class='imgstylenote1' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8_IYEnaGHUITQZOTBN2-T5gT30ZtSYyB_kUaoFw1s7lIxnrjkR_8_TQ4vzT0lPWoZhNM0Y1P5q46suadwMBOzxCPKsewA5c3u6vw2PG9LoD9PwNV1qXncQOsAAnEgFe7TiYJf7b89D_Su/s800/Email-icon-yellow.png'/> Email</a>
<a href='http://facebook.com/monozcore' id='fbico1' onmouseover='javascript:imghover('fbico1');' target='_blank' title='Facebook'><img class='imgstylenote1' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhI1Nk_713doIqJdlOVLsJpZX6i3_7VcNUvJHOqOJ1ov8dwgPEKVqC9p1dz3VQYO_U5s_tnmu05VSTZwqLcDGyyzscXX-X65QtiQlYSInYfJlJDV2-Z5KxnxGOU8G5kcvSrQtFR0u1FRwlL/s800/facebook-box-blue-icon.png'/> Facebook</a>
<a href='http://twitter.com/monozcore' id='twitterico1' onmouseover='javascript:imghover('twitterico1');' target='_blank' title='Twitter'><img class='imgstylenote1' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJtl5dkFFeRdadnHa5zCBYJBUXQfaXvzulI9bLcCJU1RMPrXLBoimQyl8XAKYwRktofh8iFj30lyxArwn4A-7G_OJTxWU8AycSh5En3vSEdeS3t3HKAeGKBd2diU_IRPJWsXMIwnvDjbFU/s800/twitter-box-blue-icon.png'/> Twitter</a>
<a href='http://plus.google.com/110307523421514782253' id='g1ico1' onmouseover='javascript:imghover('g1ico1');' target='_blank' title='Google+1'><img class='imgstylenote1' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZBxn-W_5nSEokUoSWV0_h_QvjLTEG3AOPhQLdntawh46bu7HHAuFGXtFZMGNp-9flY-41cLlI_b1dT69xeYfoqyATRBLXcaZMKEw9r3xwCKaTees6JdgLBW1kBPTReESLrKwUKSdECpDQ/s800/Google-Plus-1-icon.png'/> Google+1</a>
</div>
<div align='center' class='textnote1' id='bddefnote1'>
<textarea id='defnoteid1' onclick='select();' readonly='readonly' style=' width:96%; height:12px; font-size:10px; overflow:hidden;'>My Profile</textarea>
</div>
</div>

</div>
<ul id='links'>
<li class='icon'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSxIX-hSZBo9R4e_i36H5aHRCH3mLjzvTEZLone7pR3JsqqVnzA7fYDc5K_DjzSDeVmoX4CuRQ7ZU1h2O6i1pcP0zjZ280jVg5XXx-fgao3CxbyDznTlzcUk9_S2_ZRLliTlsAqD8RbNs/s800/sexy.png'/></li>
<li class='contactclose'>
<span><a OnClick="javascript:animatedcollapse.toggle('jason4')" href='#' title='Exit'><img alt='close' border='0px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihyphenhyphenNaFzFUY-BjP3mu06G-dm4GEzATD_qI9-kh8DnJFOmutXvU8BIClQ_ppCvHc8s6_olTCUntkxAtyuvPZ_wrQgN1p7cCfD4mCwfpYvqCSDGQcGcQSOYxDirU1CmtbrN28AMR5rP3zVuM/s800/Shutdown.png'/></a></span>
</li>
</ul>
</div>
</div>



<div class='downloadbox'>
<div id='startmenu'>
<ul id='programs'>

<li><a href='http://download.mozilla.org/?product=firefox-3.6.12&os=win&lang=en-US'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8bI55ZLzm5rIp8iXhr-X12K-dFpFuNngewSfnh3yPNtEYyVFRxxrmclOYIpnsYCUn8k3XOUBMd46vgfAzjtHcOnFJI5_4R9ywBilviwO0l9zSED1qvcZTOo8maqOC3KCUAWPrrI0PmzM/s800/firefox-32.png'/>Mozilla Firefox</a></li>
<li><a href='http://www.google.com/chrome/eula.html?hl=id&platform=win&brand=CHMB' target='_blank'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzYGjlD3oEvJo6Vgcudn_6_8z_gM6VsH92tuI3vLBCeJuZvPpJ5nZIHnQyleFdqS170Q5XWlK0xHfxqJ2RNfCgseiMTmYLOkjjs1ski1827CjrVgnYjTQNqLVazfuntID4DHavOLq1jc8/s800/chrome.png'/>Google Chrome</a></li>
<li><a href='http://appldnld.apple.com/Safari5/061-9343.20100916.Bhy7K/SafariSetup.exe'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMEN0z897s1MEaFXsw7HXWcpxoab35D3Jtcec891UuUOomqqF1FKD__SpU9DuHYaFLEX1JcyjSjeXZvCSMPiDCXcwcaFlmcLrMb-nP_VdJx3i5XExZhTtTUQiLg4eG_Dv6iNdMCH0WVeM/s800/safari.png'/>Safari</a></li>
<li><a href='http://get12.opera.com/pub/opera/win/1063/en/Opera_1063_en_Setup.exe'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDAhixoaUEfKd-m2ThJZ59DdMYfBbzRPF3ACXab4OcTfFRKU-SVujMOmc0M8KHl1eQQfmR0suV1TBb655t7S12bKKZFWaqU9IAII2DX2xdDyObB3MKlRpbPMQdQTw2RFAWKAqTNXJ4g54/s800/opera.png'/>Opera</a></li>
<li><a href='http://www.microsoft.com/windows/internet-explorer/default.aspx' target='_blank'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYwk90G3qEVzra9B33QAu_Gk3zhPuLQ0YnADUx8VhQVRLNnATMvTCxjPd_TJdpHDwZw__tWEeNB-n02XqoamY_r_z9W2PCcMzg_Uho-qiu6Px3Bj_snzAr5rhoIyiwxA75yN6exxQT4Hk/s800/ie.png'/>Internet Explorer</a></li>
</ul>
<ul id='links'>
<li class='icon'><img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3KWXI9tKIohXwwWep5P72ex7JjxSGed8H7B-ofmR8JRRNvH3k_xmXLi0pyON0nRJa_FViZb5f-vDNePz5euFXWxuVHUrtj_AXDNFC_LEKMeHz9LbTSVMuQbNV9v8_F0kQbz0nCohtFrY/s800/Download.png'/></li>
<li class='downloadclose'>
<span><a href='#'><img alt='close' border='0px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihyphenhyphenNaFzFUY-BjP3mu06G-dm4GEzATD_qI9-kh8DnJFOmutXvU8BIClQ_ppCvHc8s6_olTCUntkxAtyuvPZ_wrQgN1p7cCfD4mCwfpYvqCSDGQcGcQSOYxDirU1CmtbrN28AMR5rP3zVuM/s800/Shutdown.png'/></a></span>
</li>

</ul>
</div>
</div>



<div class='musicbox'>
<div class="dhtmlgoodies_window">
   <div class="dhtmlgoodies_window_top">
       <img src="http://lh6.ggpht.com/_mFe4nvV0PXc/TOszMCeiaxI/AAAAAAAAAXw/8TMo2pU0SwU/s800/top_left.png" align="left">
       <img src="http://lh5.ggpht.com/_mFe4nvV0PXc/TOszMPrdKyI/AAAAAAAAAXs/OAaaBGb6eoE/s800/top_center.png" class="topCenterImage">
       <div class="top_buttons">
           <img class="minimizeButton" src="http://lh5.ggpht.com/_mFe4nvV0PXc/TOnvFVLOBkI/AAAAAAAAAWM/4IMdLGnEFrs/s800/minimize.png">
           <img class="musicclose" src="http://lh4.ggpht.com/_mFe4nvV0PXc/TOnvEzfHvSI/AAAAAAAAAWI/E1w8Oyava1o/s800/close.png">
           <img src="http://lh5.ggpht.com/_mFe4nvV0PXc/TOszMSM4odI/AAAAAAAAAX0/FWgqzLvC6W8/s800/top_right.png">
       </div>
   </div>
   <div class="dhtmlgoodies_windowMiddle">
       <div class="dhtmlgoodies_windowContent">

<script src='http://7startmenu.googlecode.com/files/ajax-floating.js' type='text/javascript'></script>
<script src='http://7startmenu.googlecode.com/files/floating-window.js' type='text/javascript'></script>
<style>
/* Window */
.dhtmlgoodies_window{
width:370px;
font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
font-size:0.9em;
position:absolute;
overflow:hidden;
z-index:10000;
}
.dhtmlgoodies_window div{
position:relative;
}
.dhtmlgoodies_window .dhtmlgoodies_window_top{
width:100%;
height:17px;
position:relative;
background-color: #707070;
}
.dhtmlgoodies_window .top_buttons{
float:right;
z-index:10;
position:absolute;
right:0px;
width:35px;
}
.top_buttons img{
float:left;
padding-left:2px;
}
.dhtmlgoodies_windowMiddle{
border-left:3px solid #253354;
}
.dhtmlgoodies_windowContent{
border-right:3px solid #253354;
padding-left:5px;
padding-right:2px;
height:190px;
overflow:hidden;
background-color:#FFF;
}
.dhtmlgoodies_window_bottom{
border-left: 3px solid #253354;
border-right:3px solid #253354;
border-bottom: 3px solid #253354;
position:relative;
height:0px;
background-color:#FFFFFF;
}
}
.dhtmlgoodies_window_bottom img{
float:right;
}
.topCenterImage{
position:absolute;
left:3px;
width:5000px;
height:17px;
}
.resizeImage{
position:absolute;
right:1px;
bottom:1px;
}
</style>
<div align='center'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNYsmJvBBAaWhH3WY5_vG_-yRw_6Usf3jzrU0BlMgZrVUkb6l4g9eki2gqqJlmHQIYbjlck1bey_wRiZl9LCDIJvfQBnIlfe03lBwWdpzNc3dJM9dq8gzBLc48aVlY5QzqKpSOZZ9o1Bys/s288/GEN%2520FM.jpg'/><br/>
<iframe frameborder='0' height='210' src='http://dl.dropbox.com/u/74044634/HTML/987genfm.html' width='420'></iframe>
</div>

</div>
   </div>
   <div class="dhtmlgoodies_window_bottom">
       <img class="resizeImage" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHBIcUVxs2gEyWS09RqfmLS4pAZXVeVyZdMpBwWcckQcggmSCcAlO41ZUgJRFUHjcq8XxupGW5lXeTjZSp0_0Ca48qtKohZW_saX6qd00GbzjxgWHoXCX4sfpZRNaCdG4r05HOkJHCaYb_/s800/bottom_right.gif">
</div>
</div>
</div>


Keterangan :
- Jika anda sudah memasang kode JQuery silakan anda lewati pemasangan kode JQuery ini. Apabila anda memasang lebih dari satu JQuery biasanya script tidak akan berfungsi.

Setelah itu pasang kode HTML berikut ini untuk menampilkan taskbar, icon quick launch, jam dan icon taskbar.


<div id="taskbar">
<div id="imgstartmenu" title="Click to start"></div>
<div id="qlaunch">
<a href='#' title='Back to top'><img class="qlaunch_ico" src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUSey7RdUrK7Ahav8u-Lcld8sLS1gxTuBo1e_UMvK0V-oZaLDMI9V9QlQDStLoibXmPwZ8RRZp9HxGLytWbHJhAcLcarsHHbhAZ7xloA3rzBpHu1KSr5fzewpLUVVttwsbrZOPoYPPMkI/s800/backtotop.png'/></a>
<a class='musicclose' href='#' title='MP3 Player'><img class="qlaunch_ico" src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhr-fC8r96MZWQE_bWN77NlshvoWLWLrGdjKfPkDz2t1xp-dQyz6jrSiktO3gaxGpvFWXhiLtl5R7dX-G5OB2j3U_DpfcgwFZ8HkKJ4sLKjAOA2MV_IGPM1sy0dlWLlLHT9sti-zB3iY9Y/s800/Winamp-1.png'/></a>

<a href='http://monozcore.freetzi.com/chatroll.html' title='ChatRoll Box' onclick="return chatrollbox('http://monozcore.freetzi.com/chatroll.html')" onfocus="this.blur()"><img class="qlaunch_ico" src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBA1G_OpBFlrKKq6BMEfEiiHlbvkYhvUSi7KpErs9WCw9QODySFguf7OZGVMQ_kyD4vU8d6aB94K-5AgeAnhOQWlgyhyphenhyphenvIJkk3dfzAX1Hdj3QvoQCHICOixXQzXR9SsIuYjliPEJe2hIs/s800/chat24.png'/></a>

<a class='fblivestream' href='http://dl.dropbox.com/u/74044634/HTML/MonozCore_Facebook_Live_Chat.html' title='MonozCore Live Stream'><img class="qlaunch_ico" src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKL-7mKhdmSB3Wx9LkTe9-ZgXHQaLzPKbXyGUM-gAJXqXmYZn3yAXTrifZICpGjJJD8vXSa7nwakdls8yn9gDga1kVYotgNIHBbytAn5R0o752m4-HADfbrv9zZiXAorz7wYfjWaviSCA/s800/fb_logo24.png'/></a>

<a href="#" onClick="expandingWindow('http://www.docs.google.com');return false" onfocus="this.blur()" title='Google Office'><img class="qlaunch_ico" src='http://lh5.ggpht.com/_mFe4nvV0PXc/TOteuTF4SuI/AAAAAAAAAYI/4q8zN7mGn-k/s800/google_docs.png'/></a>
</div>

<div id="clock">

<div align="center" style="margin:15px 0px 0px 0px">
<noscript>
<div align="center" style="width:140px; border:1px solid #ccc; color: #FFFCFC; font-weight:bold;">
<a style="font-size:13px; line-height:16px; padding:2px 0px; font-family:arial; text-decoration: none; color: #FFFCFC;" href="http://localtimes.info/Asia/Indonesia/Jakarta/"><img src="http://localtimes.info/images/countries/id.png" border=0 style="border:0;margin:0;padding:0"/>Jakarta Time</a>
</div>
</noscript>
<script type="text/javascript" src="http://localtimes.info/clock.php?cp3_Hex=FFB200&cp2_Hex=000000&cp1_Hex=FFFCFC&fwdt=96&ham=0&hbg=1&hfg=0&sid=0&mon=0&wek=0&wkf=0&sep=0&continent=Asia&country=Indonesia&city=Jakarta&widget_number=1000"></script>
</div>

</div>
<div id="active_ico">

<a href="http://plus.google.com/" title='Google+ Dashboard'><img class="active_ico" src='https://plus.google.com/s2/photos/profile/me'/></a>

<a href="#" onclick="toggleFullScreen()" onfocus="this.blur()" title='Full Screen'><img class="active_ico" src="http://dl.dropboxusercontent.com/u/74044634/Image/fullscreen.png"/></a>

</div>
</div>


Keterangan :
- Untuk menambahkan icon quick launch beserta link silakan taruh dibawah tag <div id="qlaunch">.
- Untuk menambahkan icon taskbar beserta link silakan taruh dibawah tag <div id="active_ico">.

Klik "Save" dan lihat hasilnya...

Oke sobat monozcore jangan lupa kritik dan sarannya yaa biar postingan berikutnya semakin unik dan menarik.. Buat yang masih bingung dengan pemasangan widget ini.. monggo ditanyakan lewat kotak komentar, email, facebook ataupun twitter... happy blogging...

Sumber : monozcore

Dunia Transparant 2

Cara Pasang Blog Taskbar

About DT 2

Written by Admin

0 komentar:

Translate

Visitors

Arsip Blog

Popular Posts

Buku Tamu

Kontributor

Pengikut