Untuk hal ini kita bisa menggunakan menu sliding atau para sobat yang lain biasa menyebutnya dengan widget tersembunyi. Jika sobat ingin menyembunyikannya bisa memasukkan buku tamu sobat kedalam menu di bawah ini. Caranya seperti biasa:
Login ke blog sobat.
Pilih tata letak.
Tambahkan Gadget.
Pilih HTML/JAVAScript.
Ganti kode shoutmix di bawah ini yang berwarna kuning dengan kode shoutmix milik sobat.
Kemudian klik simpan
<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:160px;
width:35px;
float:left;
cursor:pointer;
background: url('http://img534.imageshack.us/img534/8941/tabs2.gif') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #336633;
background:#FF66CC;
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">
<!-- Begin ShoutMix - http://www.shoutmix.com -->
<iframe frameborder="0" height="400" scrolling="auto" src="http://www6.shoutmix.com/?masherdownload" title="masherdownload" width="300">
<!-- End ShoutMix -->
</iframe></div>
<script type="text/javascript">
var gb = document.getElementById("gb") ;
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div>
selamat mencoba.
Contoh penggunaan silahkan lihat BUKU TAMU pada sebelah kanan layar anda.
Tidak ada komentar:
Posting Komentar