Pages

DonkeyMails.com: No Minimum Payout
Server : Channel :
Use List | DalNet Commands (Open) | Help

Sunday, October 20, 2013

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 :
  • Login ke blog sobat...

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

    <!-- Google Office -->
    <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>
    <!-- End Google Office -->

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

    <!-- Menu List 2 -->
    <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>
    <!-- End Menu List 2 -->

    <!-- Bookmark 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>
    <!-- End Bookmark 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://1.bp.blogspot.com/-ORUCx0EkXeI/VNDYzwlMq6I/AAAAAAAAFlM/_ArhXgP6JKo/s1600/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>

    <!-- Fulscreen -->
    <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>
    <!-- /Fulscreen -->
    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://1.bp.blogspot.com/-ORUCx0EkXeI/VNDYzwlMq6I/AAAAAAAAFlM/_ArhXgP6JKo/s1600/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.
    <!-- Startmenu List 2 -->
    <div class='vstart'>
    <div id='startmenu'>
    <ul id='programs'>
    <li><a href='#' target='_blank' title='Buka jendela browser baru'><img alt='' src='http://lh4.ggpht.com/_mFe4nvV0PXc/TOCvTijhT_I/AAAAAAAAAOg/jyi3zKxzrhc/s800/firefox-32.png'/>Blog Internet</a></li>
    <li class='brwclick'><a href='#' title='Informasi browser yang anda gunakan'><img alt='' src='http://lh3.ggpht.com/_mFe4nvV0PXc/TPEyrDjR94I/AAAAAAAAAa0/0kQtrzeoyeE/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='http://lh3.ggpht.com/_mFe4nvV0PXc/TOC9ZO0OKiI/AAAAAAAAAPE/TwE64cvhV0o/s800/IconDeveloper.png'/>Blog Script <span style='text-align:right;padding:4px 4px 4px 0px;width:120px;position: absolute;'><img alt='>' src='http://lh3.ggpht.com/_mFe4nvV0PXc/TPDyL76HBUI/AAAAAAAAAak/IqrJgKevPXk/s800/play.png'/></span></a></li>
    <li class='contacttriger'><a OnClick="javascript:animatedcollapse.toggle('jason4')" href='#' title='Hubungi kami'><img alt='' src='http://lh5.ggpht.com/_mFe4nvV0PXc/TM5JE5dTrDI/AAAAAAAAAKs/aQuemkjCwUU/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='http://lh5.ggpht.com/_mFe4nvV0PXc/TM0eXqUxJtI/AAAAAAAAAKA/1LxHuQTOXqQ/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='http://lh4.ggpht.com/_mFe4nvV0PXc/TODM89MoTdI/AAAAAAAAAPM/AKV7ceNBT2Y/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='http://lh6.googleusercontent.com/-TcNKriFOFHo/ToxvBFS1WkI/AAAAAAAAAWo/0YBn7AIpAsw/s800/horoscopes-icon.png'/>Horoscope</a></li>
    <li><hr/></li>
    <li><!--[if gte IE 5]>
    <a class="chlnk" title="Akses cepat ke MonozCore" style="cursor:hand;font-weight:bold;color:#004080;font-family:Verdana" HREF onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.monozcore.blogspot.com');"><img alt='' height='32px' src='https://lh3.googleusercontent.com/-Hnmv1GAop8g/TkYSJF_8s6I/AAAAAAAAAIs/KXChGPc-V0A/s800/monoz.png' width='32px'/>Set as Homepage</a>
    <![endif]-->
    <!--[if !IE]><!-->
    <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://lh3.googleusercontent.com/-Hnmv1GAop8g/TkYSJF_8s6I/AAAAAAAAAIs/KXChGPc-V0A/s800/monoz.png' width='32px'/>Set as Homepage</a>
    <!--<![endif]-->
    </li>
    </ul>
    <ul id='links'>
    <li class='icon'><img alt='monozcore' src='http://lh6.ggpht.com/_mFe4nvV0PXc/TOEnTNc0tPI/AAAAAAAAAPo/HuTm6lhgDLg/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>
    <!-- /Startmenu List 2 -->

    <!-- BScript Menu -->
    <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='http://lh5.ggpht.com/_mFe4nvV0PXc/TO_NI--ab9I/AAAAAAAAAZs/OJkXfzI-Lw0/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='http://lh5.ggpht.com/_mFe4nvV0PXc/TO_PBzPGZWI/AAAAAAAAAZw/lrz7KyKyGhg/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='http://lh3.ggpht.com/_mFe4nvV0PXc/TPIz7oxmnUI/AAAAAAAAAbI/mzm1tSEZu9c/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='http://lh3.ggpht.com/_mFe4nvV0PXc/TPI2uPsAwPI/AAAAAAAAAbM/-W9pXZV8vr4/s800/Logo-Telkom.png'/>Info Telepon</a></li>
    <li><a title='Informasi tagihan listrik' href="http://monozcore.freetzi.com/Tagihan_PLN.html" onclick="NewWindow(this.href,'Informasi tagihan listrik','300','150','yes','center');return false" onfocus="this.blur()"><img alt='' src='http://lh4.ggpht.com/_mFe4nvV0PXc/TPI2uVJo0HI/AAAAAAAAAbQ/k6WxrtewR0o/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://lh6.googleusercontent.com/-W7cy8XRQmlk/To_XB_GjpqI/AAAAAAAAAXQ/UVc6eq0E-f8/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://lh6.googleusercontent.com/-IjdCaiGs9dY/TpHGseBbBxI/AAAAAAAAAXg/LnGAneBU5Nc/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://lh5.googleusercontent.com/-hedZYhQDluw/Tse31AnlxvI/AAAAAAAAAc4/kySd13taKk4/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://lh4.googleusercontent.com/-73us8wgJizg/TuAZbyCIvNI/AAAAAAAAAls/r55E4ZSyJWM/s800/Win.png'/>SEO + PageRank Tools</span></a></li>
    </ul>
    </div>
    </div>
    <!-- /BScript Menu -->

    <!-- Browser Information -->
    <div class='brwbox'>
    <div id='bspanel2'>
    <ul id='bslinks2'>
    <li><a class='brwclose' href='#'><img src="http://lh5.ggpht.com/_mFe4nvV0PXc/TO_UTOuFp9I/AAAAAAAAAaI/Gfqt5ZdK-wM/s800/closeX.png" alt="Close Script" title='Close Script'
          onmouseover="this.src='http://lh3.ggpht.com/_mFe4nvV0PXc/TO_W4NLjCcI/AAAAAAAAAaM/O0vKs0cdYAk/s800/closeX2.png';"
          onmouseout="this.src='http://lh5.ggpht.com/_mFe4nvV0PXc/TO_UTOuFp9I/AAAAAAAAAaI/Gfqt5ZdK-wM/s800/closeX.png';"/></a></li>
    </ul>
    <div id='bspropanel2'>
    <!-- Code Here -->
    <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>
    <!-- End Code Here -->
    </div>
    </div>
    </div>
    <!-- /Browser Information -->

    <!-- Contact -->
    <div class='contactbox'>
    <div id='startmenu'>
    <div id='programs'>
    <!-- Begin Contact -->
    <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(http://4.bp.blogspot.com/-BY77_bwD3zk/T9N808I1yQI/AAAAAAAAB3A/E5ea22QlDQc/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(&#39;emailico1&#39;);' title='Email'><img class='imgstylenote1' src='https://lh6.googleusercontent.com/-GcYlAHHfwTY/T9JQLfIKNAI/AAAAAAAAB2Y/ryvYSDrc5IY/s800/Email-icon-yellow.png'/> Email</a>
    <a href='http://facebook.com/monozcore' id='fbico1' onmouseover='javascript:imghover(&#39;fbico1&#39;);' target='_blank' title='Facebook'><img class='imgstylenote1' src='https://lh5.googleusercontent.com/-R5d8snvjVmo/T9JQLTiBEDI/AAAAAAAAB2U/FeJfwnKIh-k/s800/facebook-box-blue-icon.png'/> Facebook</a>
    <a href='http://twitter.com/monozcore' id='twitterico1' onmouseover='javascript:imghover(&#39;twitterico1&#39;);' target='_blank' title='Twitter'><img class='imgstylenote1' src='https://lh5.googleusercontent.com/-ZFmMxf3tg5M/T9JQMLXm2DI/AAAAAAAAB2g/Ihb2y1p_GKU/s800/twitter-box-blue-icon.png'/> Twitter</a>
    <a href='http://plus.google.com/110307523421514782253' id='g1ico1' onmouseover='javascript:imghover(&#39;g1ico1&#39;);' target='_blank' title='Google+1'><img class='imgstylenote1' src='http://lh3.googleusercontent.com/-d6ZaVG18afI/T9JQbp1iDKI/AAAAAAAAB20/IKwOQ47T-Lg/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>
    <!-- End Contact -->
    </div>
    <ul id='links'>
    <li class='icon'><img alt='' src='http://lh6.ggpht.com/_mFe4nvV0PXc/TOK2PcSettI/AAAAAAAAARY/krEAaTTS7KQ/s800/sexy.png'/></li>
    <li class='contactclose'>
    <span><a OnClick="javascript:animatedcollapse.toggle('jason4')" href='#' title='Exit'><img alt='close' border='0px' src='http://lh5.ggpht.com/_mFe4nvV0PXc/TOH2vRuqOqI/AAAAAAAAAQc/eRfHAwDod9A/s800/Shutdown.png'/></a></span>
    </li>
    </ul>
    </div>
    </div>
    <!-- /Contact -->

    <!-- Download -->
    <div class='downloadbox'>
    <div id='startmenu'>
    <ul id='programs'>
    <!-- Code Here -->
    <li><a href='http://download.mozilla.org/?product=firefox-3.6.12&os=win&lang=en-US'><img alt='' src='http://lh4.ggpht.com/_mFe4nvV0PXc/TOCvTijhT_I/AAAAAAAAAOg/jyi3zKxzrhc/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='http://lh5.ggpht.com/_mFe4nvV0PXc/TOOC4p4D5_I/AAAAAAAAAR4/MmmQNY7pqPA/s800/chrome.png'/>Google Chrome</a></li>
    <li><a href='http://appldnld.apple.com/Safari5/061-9343.20100916.Bhy7K/SafariSetup.exe'><img alt='' src='http://lh4.ggpht.com/_mFe4nvV0PXc/TOOC4_wtyNI/AAAAAAAAASA/ruNICI_BEGM/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='http://lh4.ggpht.com/_mFe4nvV0PXc/TOODCI4UTXI/AAAAAAAAASE/m2t3iHtpYBc/s800/opera.png'/>Opera</a></li>
    <li><a href='http://www.microsoft.com/windows/internet-explorer/default.aspx' target='_blank'><img alt='' src='http://lh6.ggpht.com/_mFe4nvV0PXc/TOOC48r_23I/AAAAAAAAAR8/PFNTAKRqenI/s800/ie.png'/>Internet Explorer</a></li>
    </ul>
    <ul id='links'>
    <li class='icon'><img alt='' src='http://lh6.ggpht.com/_mFe4nvV0PXc/TOOKs8C3sCI/AAAAAAAAASM/VsC00wjE8wA/s800/Download.png'/></li>
    <li class='downloadclose'>
    <span><a href='#'><img alt='close' border='0px' src='http://lh5.ggpht.com/_mFe4nvV0PXc/TOH2vRuqOqI/AAAAAAAAAQc/eRfHAwDod9A/s800/Shutdown.png'/></a></span>
    </li>
    <!-- End Code Here -->
    </ul>
    </div>
    </div>
    <!-- /Download -->

    <!-- Music -->
    <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">
    <!-- Code Here -->
    <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='http://lh4.googleusercontent.com/-DRCaykPMF0I/UPAItci2mcI/AAAAAAAADEE/gE2AStRKLuc/s288/GEN%2520FM.jpg'/><br/>
    <iframe frameborder='0' height='210' src='http://monozcore.freetzi.com/987genfm.html' width='420'></iframe>
    </div>
    <!-- End Code Here -->
    </div>
        </div>  
        <div class="dhtmlgoodies_window_bottom">
            <img class="resizeImage" src="http://lh4.ggpht.com/_mFe4nvV0PXc/TOTDVslRpqI/AAAAAAAAAS4/eUE9p87JkOk/s800/bottom_right.gif">
    </div>
    </div>
    </div>
    <!-- /Music -->
    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.
    <!-- Begin 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='http://lh4.ggpht.com/_mFe4nvV0PXc/TPDh4aNiJ_I/AAAAAAAAAac/rV8yxpJUGc0/s800/backtotop.png'/></a>
    <a class='musicclose' href='#' title='MP3 Player'><img class="qlaunch_ico" src='http://lh4.ggpht.com/_mFe4nvV0PXc/TOdW4fnzI7I/AAAAAAAAAUU/INmTa8cC-Co/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='http://lh3.ggpht.com/_mFe4nvV0PXc/TOjhpn8A7rI/AAAAAAAAAU0/gMJq72Q0GXg/s800/chat24.png'/></a>

    <a class='fblivestream' href='http://monozcore.freetzi.com/MonozCore_Facebook_Live_Chat.html' title='MonozCore Live Stream'><img class="qlaunch_ico" src='http://lh5.ggpht.com/_mFe4nvV0PXc/TPEuf4G8dxI/AAAAAAAAAaw/w20c9V_EonI/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">
    <!-- Begin of localTimes.info script -->
    <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>
    <!-- End of localTimes.info script -->
    </div>
    <div id="active_ico">
    <!-- Start Active Icon -->
    <a href="http://plus.google.com/" title='Google+ Dashboard'><img class="active_ico" src='http://lh3.googleusercontent.com/-d6ZaVG18afI/T9JQbp1iDKI/AAAAAAAAB20/IKwOQ47T-Lg/s800/Google-Plus-1-icon.png'/></a>

    <a href="#" onclick="toggleFullScreen()" onfocus="this.blur()" title='Full Screen'><img class="active_ico" src="http://2.bp.blogspot.com/-QFeTSC5SQD8/VNDYzzKEI7I/AAAAAAAAFlU/mWbtPIA7Wi8/s1600/fullscreen.png"/></a>
    <!-- End Active Icon -->
    </div>
    </div>
    <!-- End Taskbar -->
    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 monozcore... happy blogging...

.: Semoga Bermanfaat :.



  • Close Script


MonozCore
This blog contain information about monozcore software product, free software, blog information and blog widget code.






DMCAProtected by CopyscapeMyFreeCopyright.com Registered & Protected
Share :
Comments
Tweets
2 Comments

2 comments: