Thursday, August 12, 2010

Cara Membuat Buku Tamu Tersembunyi

agan tau buku tamu ? itu tuh di pojok kanan yang ada tab "Buku Tamu" terus agan klik aja, pasti yang nongol foto miyabi shoutbox atau buat pemula disebutnya buku tamu. kalo dari situs resminya, shoutbox pasti memakan banyak ruang di blog agan agan. gimana cara menyembunyikannya ? ketik REG liat aja nih caranya :
buka situs cbox.ws nah isi embel embel tetek bengek segala macemnya. kalo udah klik Publish. nah kan ada scriptnya disitu, jangan di close ya, kode itu yang bakal kita pake nanti
Masuk ke account Blogger kamu, pilih "Design" kemudian "Page Elements", Klik "Add a Gadget" (yang mana aja oke), kemudian pilih "HTML/JavaScript",
Copy-paste kode di bawah ini:
<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">
KODE SHOUTBOX AGAN TARO DIMARI
<font size="2">
<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</font></div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>
perhatikan, yang ane bold itu url gambar tabnya, agan agan bisa bikin sendiri tabnya dengan resolusi 30x100 pixels
terus yang ane merahin itu tempat script dari cbox tadi ditaro. ngerti ? kalo ngerti klik save. dilihat hasilnya :)

No comments:

Post a Comment