Cara membuat menu keren banget hehehehe ada - ada aja ya judulnya sebenarnya ini hanya script buku tamu yang saya manfaatkan untuk menyimpan link jadi ya lumayan juga untuk menghemat tempat di blog kita, caranya mudah saja silahkan anda copy kode di bawah ini dan masukan di dalam gadget HTML/Javascript di dalam blog anda, jika anda tidak tau caranya bisa anda baca Disini
<style type="text/css">
#gb {
position: fixed;
top: 50px;
z-index: 1000
}
* html #gb {
position: relative
}
.gbtab {
height: 200px;
width: 30px;
float: left;
cursor: pointer;
background:#EEE;
}
.gbcontent {
float: left;
border: 2px dashed #b60000;
background:#DDD;
padding: 10px
}
</style>
<script type="text/javascript">
function showHideGB(){var gb = document.getElementById("gb");
var w = gb.offsetWidth;gb.opened ?moveGB(0, 30-w) : moveGB(20-w, 0);gb.opened = !gb.opened;}function moveGB(x0, xf){var gb = document.getElementById("gb");var dx = Math.abs(x0-xf) > 10 ? 5 : 1;var dir = xf>x0 ? 1 : -1;var x = x0 + dx * dir;gb.style.right = x.toString() + "px";if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}}</script>
<div id="gb">
<div class="gbtab"onclick="showHideGB()"> </div>
<div class="gbcontent">
<div style='background:#555; color:green; overflow:auto; height:176px; width:250px; text-align:center;'>
<ol style='color:#000;'>
<li><a href="Link disini">Nama Link</a><br>
<li><a href="Link disini">Nama Link</a><br>
<li><a href="Link disini">Nama Link</a><br>
<li><a href="Link disini">Nama Link</a><br>
<li><a href="Link disini">Nama Link</a><br>
<li><a href="Link disini">Nama Link</a><br>
<li><a href="Link disini">Nama Link</a><br>
<li><a href="Link disini">Nama Link</a><br>
</ol>
</div>
<script type="text/javascript">var gb = document.getElementById("gb");gb.style.right = (30-gb.offsetWidth).toString() + "px";</script>Link dan nama Link sesuaikan saja ya dengan kebutuhan anda.
