Cara Membuat Buku Tamu Tersembunyi

Assalamu'alaikum…
Alhamdulillah…wah walaupun lagi super sibuk, tapi aku koq sempet2nya posting ya??? Yah..dari pada alexaku gendut lagi?!! Ok sobat sekalian, pada kali ini aku akan membahas tentang cara membuat shoutbox/buku tamu yang tersembunyi. Seperti punyaku itu loh…! Selain menghemat tempat, juga dapat terlihat lebih menarik oleh pengunjung blog kita. Tips ini aku dapat dari temenku dan sekarang aku mau sebarin ilmu ini kesemua orang biar tahu semua. Keliatannya sulit ya, tapi kalau sudah tahu caranya, gampang koq, langsung saja kita mulai…..
1.Pastinya masuk ke Blogger sobat
2.Menuju Tata Letak lalu pilih gadget dan masukan kode html dibawah ini didalam dotak gadget tersebut, eitz jangan lupa untuk mengganti tulisan berwarna hijau dengan kode shoutmix/cbox kalian.

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
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">
<!-- Ganti ini dengan kode buku tamu kamu -->
<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div></div>
3.Setelah itu, klik simpan.
Wassalamu'alaikum….

Posted in: INTERNET