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 type="text/javaScript"> /* http://monozcore.blogspot.com */ function expandingWindow(website) { var windowprops='width=100,height=100,scrollbars=yes,status=yes,resizable=yes' var heightspeed = 2; /* vertical scrolling speed (higher = slower) */ var widthspeed = 7; /* horizontal scrolling speed (higher = slower) */ var leftdist = 10; /* distance to left edge of window */ var topdist = 10; /* distance to top edge of window */ if (window.resizeTo&&navigator.userAgent.indexOf("Opera")==-1) { var winwidth = window.screen.availWidth - leftdist; var winheight = window.screen.availHeight - topdist; var sizer = window.open("","","left=" + leftdist + ",top=" + topdist +","+ windowprops); for (sizeheight = 1; sizeheight < winheight; sizeheight += heightspeed) sizer.resizeTo("1", sizeheight); for (sizewidth = 1; sizewidth < winwidth; sizewidth += widthspeed) sizer.resizeTo(sizewidth, sizeheight); sizer.location = website; } else window.open(website,'mywindow'); } </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 addBookmark(){ alert("Tekan tombol Ctrl + D (Command+D untuk IOS) untuk membuat bookmark."); } </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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEha_gWEISHroV3XoH04YJNqA5O8M8i9oDfVPhoktLZydtcRgqenwTd7gksecRCsUDfppRKXUttBowhcMSa3iGOPzuVsY-LrmfjnbFbjF3ikKVvgzO9u_KRQQ80y3ngmu6LZvhNv1egcLrc/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 --> <!-- Startmenu List 2 --><br /> <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/AVvXsEjai0aL_x75Mx9K_Eo5Cw6x3QuQNaWb0kHr-RpDt-CcXxyP6WW4J8EmjPI4Xo59RW2MQHiWClfCAuKLN20BSkOfqpjjJRQvOJmW5o9t92MvqkOp276LRk9I3ePR9ABp0hmhuDm7QzjAsjg/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/AVvXsEiqE_Pf82uFKqDGASQI9aOhiN723Yn3l4K7XqUtn4gPxIJW9BU8cOUx2cNGXjD52qyDDUEXbjHgwPs4aqiAtip5RvhF4IF_SaPmC8BnJAJjtvc8gwZigGa1BeZHVlxYl_4GX7R89seu_Uc/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/AVvXsEj1NBniUaNaIeN3dzea1Pzdyiqa1sBgVp3n1NmHzr9UNLUyjtMydsNsmlp0SfFzXL1u7m6GpADiLmZt3HHsz0YhmGzaI2mcpzHsErdE5__YN9MyqX99ZqDpqBLa3APyHFeCImiz0CQ3zL8/s800/IconDeveloper.png" />Blog Script <span style="padding: 4px 4px 4px 0px; position: absolute; text-align: right; width: 120px;"><img alt=">" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixcA1hEKMKNY-JhzkMMb5inm9O1CU4jQUtb2SM8VsvPrnbLxCBm1ALJAYCU9BnSFYMjBj3NaF005xdRNA0uQXvDyI4HTQKQXjGN14jxADAdV5AxC5wVaZwCj0hkCkTeo8Ehb7Ldhcuy3w/s800/play.png" /></span></a></li> <li class="contacttriger"><a href="#" onclick="javascript:animatedcollapse.toggle('jason4')" title="Hubungi kami"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8ZaULGmJ2AOL4ua2gvzo1aFcBOCRBbEut0h85vq26bx6mFNLAZrXMjAvvSaIq0pKIFBF3T0tlciUFy6xAVU_MKdQbrLLYknMQcDY5d_eDHq908s6EmatSlSw2azjfsu8sX0CFKlFAWnQ/s800/cs.png" />Contact</a></li> <li><a href="http://monozcore.blogspot.co.id/2010/04/panduan-lengkap-paid-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/AVvXsEg_3bprTGqZZnWMtq2AsLNAbomYUppPohoSoSImSKd5kLIBWyw2PJkqVMcRmdGY657HWCVu453ALpM-xYhdrL6PLdFHXrFhKfa8NPFIuFDmYqia7yNIgyzbr6S5-1otkxS42iotYwceE78/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/AVvXsEiZTSupfOuAvX1Gcmrh0Dyyt5GdTjYe9ZZitH1l-cLfZj6xiRtPd0y_vG_NwQtB3tVtStsRSHacNgRr2JQxlO_OmTsivBqcFITI5mcczPY6p8v4UOyk4iySak9GFuTF3EQN-96FjZ6O2_E/s800/rss_logo.png" />RSS Feeds</a></li> <li><a href="http://monozcore.blogspot.co.id/2011/01/astrology-gadget-for-blog.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:addBookmark();"><img alt="" src="https://lh3.googleusercontent.com/-Hnmv1GAop8g/TkYSJF_8s6I/AAAAAAAAAIs/KXChGPc-V0A/s800/monoz.png" height="32px" width="32px">Set as Homepage</a> <!--<![endif]--> </li> </ul> <ul id="links"> <li class="icon"><img alt="monozcore" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmaiss-F28q3JTTGe5kSh-5DMdO_RcU67yssn033RvjQCp-j-pIY4SU6tUuwDdlC1wmo1OwQsfZYQONvIx-zrjJGxxxyJuOC6LehhUmFb3hta4aWRmbO69deUqnOsbrQbP7oYnWnDePCA/s800/blogger-logo-blue.png" /></li> <li><a href="#" onclick="expandingWindow('http://monozcore.blogspot.com/p/post-list.html');return false" onfocus="this.blur()">Documents</a></li> <li class="downloadtriger"><a href="#">Download</a></li> <li><a href="http://monozcore.blogspot.com/search/label/Flash%20Games?&max-results=7" target="blank">Games</a></li> <li class="musictriger"><a href="#">Music</a></li> <li><a href="http://monozcore.blogspot.com/search/label/Widget?&max-results=7" target="blank">Widget</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">Google Login</a></li> </ul> </div> </div> <a class="triger" href="#"></a> <!-- /Startmenu List 2 --> <!-- BScript Menu --><br /> <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/AVvXsEgHFuuCsQT8_N8tALcy4a-hR2rgADo6iCG0AMqdizbfreT200B5OBYYiCE19MOf-ZwrdJQYi-7nsE7cezS-DMpHje4ZfykIR1THNIe6iNKfTklpVWQ98dKHNnyou5SzzXYyR5DnRa-Cvyg/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/AVvXsEil50ngx0_f5TTz2hM8IeuPDogs_hqnihQ1vJS6bAZkKoWQ5tLMY0GYNWwpUnfs9D-sAER-JDJtPTLsgAlj85tj_Zo0reI1fmS0uKJdWM0DX6Ar1wYc4x93aYJEfwKdVbMBcjl0tMlSmBc/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"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkTAPuCUv_MQOzE_gKeOOQehRWt4GkjqgAfHdzAMkyOSyCsuSDKmgMzPRvG8EUBqws-MgkKCDg7yzCw376iUrnUIUEHmFeJc4zm-kmr45L4Zu_m5TcmV3gFhvgb272NaGrDBmIzFhSDRE/s800/google-phone.png" />SMS Gratis</a></li> <li><a href="http://monozcore.freetzi.com/Tagihan_PLN.html" onclick="NewWindow(this.href,'Informasi tagihan telepon','930','520','yes','center');return false" onfocus="this.blur()" title="Informasi tagihan telepon"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiF5Y9mXe0ksuxzQ4phhcpUoIyC41daWua9mEFN-DhBQTTWoUKamp7SD1q8FLy4rYBuRpL8Nrpw6oDXpcP4F7WVxehg_0Qg32EZ83Iuwr2eFNqPI-DLgSx6rk4h8Ckz55C-zIMe_cS5010/s800/Logo-Telkom.png" />Info Telepon</a></li> <li><a href="http://monozcore.freetzi.com/Tagihan_PLN.html" onclick="NewWindow(this.href,'Informasi tagihan listrik','930','520','yes','center');return false" onfocus="this.blur()" title="Informasi tagihan listrik"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOSHDz_ZAkA3EEa_rq4XYo2LkU539kx35T-WuvD2yU6xugHROwtH7Rb_m_imEp6Swo-0SWqcnQ37AgViBDfzARunYDpuNKPKi5uvtUbbWgk4nJsqniRbSAgZU4XTKLzi3kM99FpNNQHJY/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"><img alt="" src="https://lh6.googleusercontent.com/-W7cy8XRQmlk/To_XB_GjpqI/AAAAAAAAAXQ/UVc6eq0E-f8/s800/clouds_thunder_rain.png" />Laporan Cuaca</a></li> <li><a href="http://monozcore.blogspot.com/2010/05/widget-kurs-rupiah.html" target="blank" title="Nilai tukar rupiah (IDR)"><img alt="" src="https://lh6.googleusercontent.com/-IjdCaiGs9dY/TpHGseBbBxI/AAAAAAAAAXg/LnGAneBU5Nc/s800/money_32.png" />IDR Exchange Rate</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"><img alt="" src="https://lh5.googleusercontent.com/-hedZYhQDluw/Tse31AnlxvI/AAAAAAAAAc4/kySd13taKk4/s800/traffic_light_green.png" />Info Lalu Lintas</a></li> <li><a href="#" onclick="expandingWindow('http://monozcore.blogspot.co.id/p/seo-tools.html');return false" onfocus="this.blur()" title="SEO + PageRank Tools"><img alt="" src="https://lh4.googleusercontent.com/-73us8wgJizg/TuAZbyCIvNI/AAAAAAAAAls/r55E4ZSyJWM/s800/Win.png" />SEO + PageRank Tools</a></li> </ul> </div> </div> <!-- /BScript Menu --> <!-- Browser Information --><br /> <div class="brwbox"> <div id="bspanel2"> <ul id="bslinks2"> <li><a class="brwclose" href="#"><img alt="Close Script" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoNCDJADZABopuM4uPbYWRMIl5HKBC2dSlyjcm_cJZ7u4NMJaZTD2MpBt5AsACOfgsRnvZQsw6PqFDQlB-gBvHefqA9cEI-PzaxwHsWNsRPfnxYy3B_GmfOqx61B8u5QIEvxOpd23yIt8/s800/closeX.png';" onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhE2gJfJSeO0iuEUyEzqgteqi_vAmAOL8RQ4HkflQ27bzbdXT0d8us7Ht9Hb7t5397x4cEDf5mNZXkzAV1P_b1OftUj9-Kxr0hVA1I4OyeOUt1pXYyXE3-RZbq-Se7a3O0KCVO94eKtQR8/s800/closeX2.png';" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoNCDJADZABopuM4uPbYWRMIl5HKBC2dSlyjcm_cJZ7u4NMJaZTD2MpBt5AsACOfgsRnvZQsw6PqFDQlB-gBvHefqA9cEI-PzaxwHsWNsRPfnxYy3B_GmfOqx61B8u5QIEvxOpd23yIt8/s800/closeX.png" title="Close Script" /></a></li> </ul> <div id="bspropanel2"> <!-- Code Here --> <iframe frameborder="0" height="422" marginheight="0" marginwidth="0" name="iptrackeronline_gadget" scrolling="no" src="http://www.iptrackeronline.com/locate-ip-on-map.php?lang=1" width="100%"></iframe> <!-- End Code Here --> </div> </div> </div> <!-- /Browser Information --> <!-- Contact --><br /> <div class="contactbox"> <div id="startmenu"> <div id="programs"> <!-- Begin Contact --> <script> function imghover(tmp) { var idimghov = tmp; if (idimghov == "blogico1") { document.getElementById( "defnoteid1").innerHTML= "http://monozcore.blogspot.com"; } if (idimghov == "emailico1") { document.getElementById( "defnoteid1").innerHTML= "nozeup@gmail.com"; } if (idimghov == "fbico1") { document.getElementById( "defnoteid1").innerHTML= "http://facebook.com/monozcore"; } if (idimghov == "twitterico1") { document.getElementById( "defnoteid1").innerHTML= "http://twitter.com/monozcore"; } if (idimghov == "g1ico1") { document.getElementById( "defnoteid1").innerHTML= "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><br /> <div style="background-image: url(http://4.bp.blogspot.com/-BY77_bwD3zk/T9N808I1yQI/AAAAAAAAB3A/E5ea22QlDQc/s800/info-girl.png); background-position: right bottom; background-repeat: no-repeat; background-size: 100% 100%; font-family: Arial, Geneva, sans-serif; font-size: 14px; overflow: hidden; padding: 10px 10px 5px 10px; width: 250px;"> <div class="descnote1"> <b style="color: #0033ff; 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://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('fbico1');" 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('twitterico1');" 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('g1ico1');" 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"> <pre id="defnoteid1" onclick="select();" readonly="readonly" style="overflow: hidden; width: 96%;box-sizing: border-box;">My Profile</pre></div> </div> <!-- End Contact --> </div> <ul id="links"> <li class="icon"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKDY0x2Cb4dufXYo06IvZmZnKjW9g5FkN8qLQMKblFEG16gMPKGFpXaH6EAosKum2Ufwg1z2qBVZGRrsY8laygdi5PuvRTeoHjZHYGrIaMU1SNgEk3FADYmi2aV4iiQfyQ1XU_5iW7IKo/s800/sexy.png" /></li> <li class="contactclose"><a href="#" onclick="javascript:animatedcollapse.toggle('jason4')" title="Exit"><img alt="close" border="0px" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipdeumAfqUSpNMUKBDKuUpZK_36weGZV7ma2QJhpsZZUShmjgCAjNBvu6LOB78trgwTxbVRPTpFJpEMficxJzM2EI56K3X1_Fndk1HIXzDrdbVsP6hjJRCjG27N8P30NGDbLGXYw0gMhw/s800/Shutdown.png" /></a></li> </ul> </div> </div> <!-- /Contact --> <!-- Download --><br /> <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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjai0aL_x75Mx9K_Eo5Cw6x3QuQNaWb0kHr-RpDt-CcXxyP6WW4J8EmjPI4Xo59RW2MQHiWClfCAuKLN20BSkOfqpjjJRQvOJmW5o9t92MvqkOp276LRk9I3ePR9ABp0hmhuDm7QzjAsjg/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/AVvXsEgJulAxridS4aCLz2kmqL0VlFurF5Jo3NKhICGuIfjQ3jdEJceEiO_IzEuhbhs3oOBK2VzImZ8b3StzJEd__0D-JYjSsph4R66VFrm49VuewZ28HGhl7QMLiC7Qt9AQixgXt1cHckiLsn8/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/AVvXsEirR-2seKRb3CkixLwNN5VRw5BYu3FQ9Oh1RO5EHUjmML8FPktSm8Wha0IZRlR6DUm5h15Wh2EhnD2kfYwh1yodh9eR9hk-L543JKF7GKqVqvT_bcLntU0cMDSQedAOLetRtgDZR5kLjp4/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/AVvXsEhMPtg12OukX4r3bruILBfAbUFQqpXSRWO1JWelW35NIQdzyq7nke4ox9yZ-uHcc2CZTip66iz4QWPLvjrLzltCQYtrTCTtOhWSgpYUWEuZDM6PoemmKJMcKXBQvFPb0ECuvaeICgq51eA/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/AVvXsEg-5JH1KmioKumXkeZYdDjYrlq79edopEwlDwWDIQg6wnMc_uggllre-28pBD2hDT15UAYGqz_YM51YCEnq0M1O8cliGIr8U2VyobycD0MA8VYQxct0zMjbp8_4cll3_gve3edSLpsrIT4/s800/ie.png" />Internet Explorer</a></li> </ul> <ul id="links"> <li class="icon"><img alt="" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2k_knj0KjlG3z6iBmOkre817Jmf6XA0uA1tBJpJHuUPPG0jMboKOUs-Mqnc9hKHhzJZxrKlb5cplhdhpudz9GsxzTqS023zpWZM9CtFtpqWE2_w2f65Iz2AxyR2SBaR3elTCULYugaiU/s800/Download.png" /></li> <li class="downloadclose"><a href="#"><img alt="close" border="0px" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipdeumAfqUSpNMUKBDKuUpZK_36weGZV7ma2QJhpsZZUShmjgCAjNBvu6LOB78trgwTxbVRPTpFJpEMficxJzM2EI56K3X1_Fndk1HIXzDrdbVsP6hjJRCjG27N8P30NGDbLGXYw0gMhw/s800/Shutdown.png" /></a></li> <!-- End Code Here --> </ul> </div> </div> <!-- /Download --> <!-- Music --><br /> <div class="musicbox"> <div class="dhtmlgoodies_window"> <div class="dhtmlgoodies_window_top"> <img align="left" src="http://lh6.ggpht.com/_mFe4nvV0PXc/TOszMCeiaxI/AAAAAAAAAXw/8TMo2pU0SwU/s800/top_left.png" /><img class="topCenterImage" src="http://lh5.ggpht.com/_mFe4nvV0PXc/TOszMPrdKyI/AAAAAAAAAXs/OAaaBGb6eoE/s800/top_center.png" /><br /> <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><br /> <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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxrfxwP_M1YUkWYZ5apKMKkLzIlI8ndwkZw7upxtqSMrQ-mwgmOU7lLC2pX6vulbNufkctBopJzbfzt6hnEEteu4XT6IMqmalwcNrvQo8xkT_tcckuaeAz5d3mr44UhmLCoKQ7Wt5vtcyA/s800/bottom_right.gif" /></div> </div> </div> <!-- /Music --> <!-- Begin Taskbar --><br /> <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/AVvXsEj_rpSEe8Ma2fQdtyoelH_qSScV1O9uo4eNUGWSvooLo59gLKWwX6X7bcmwuH8JNic6zMnOWTAmnmZbPq9cT_5GQyO7aeVgGzy4JcC-OcCaF5g-nwdLwOa5a8Q4CNEb2NHNfFyaa1Co-tw/s800/backtotop.png" /></a> <a class="musicclose" href="#" title="MP3 Player"><img class="qlaunch_ico" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvlA_AFCoF4klojHxfHjAJbV2lIjwvmDRoxL3j_evrP63U9XwnCsVaoaPBiTouwicY1SucLIpRKZ04VgUlysWXTgM5sBlQR-Ya2D20i_Temq3IDytptHozph4A5lfubU8U9STywkRP06M/s800/Winamp-1.png" /></a><a href="http://monozcore.freetzi.com/chatroll.html" onclick="return chatrollbox('http://monozcore.freetzi.com/chatroll.html')" onfocus="this.blur()" title="ChatRoll Box"><img class="qlaunch_ico" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnJb1ALKuIU_2mSmwTydZk0TcZKEJggg_aNlXZdrOjfzQzCtaEd4xlQCtRNJ7iu2-BO1vemY7wCIkqlg5tQmK8MWkayfc5QD2xgOECbSRCATjehH8QtMI-YxxiqQO5W1IL7g1IWc6eUBg/s800/chat24.png" /></a> <a class="fblivestream" href="http://monozcore.freetzi.com/MonozCore_Facebook_Live_Chat.html" title="MonozCore Live Stream" target="blank"><img class="qlaunch_ico" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7UaWkxYIed-n3SDZXgDWQIpXoAxAzCFiXRI3jGzvHMAuPtpIa8-YfukCMJqdew6bIFKc20lDaBH-0qLp1rL_6spFvdcTKPpYOWjNyz4AvB-RclqvT3pxOFotJ4rs_M4qYiaPzOIrC2pk/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 --><br /> <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 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" type="text/javascript"></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 :.
Blog Internet
Browser Information
Blog Script 
Contact
Paid to Click
RSS Feeds
Horoscope
Set as Homepage
Google Translator
Picasa Web Album
SMS Gratis
Info Telepon
Info Listrik
Laporan Cuaca
IDR Exchange Rate
Info Lalu Lintas
SEO + PageRank Tools
Email
Facebook
Twitter
Google Chrome
Safari
Opera
Internet Explorer
0 Comments