Membuat buku tamu tersembunyi

selamat pagi, ketemu lagi nc..oke pada postingan kali ini.. kita bakalan belajar cara untuk membuat buku tamu ngumpet..heheehe..maksudnya sembunyi gitu, itu liat punya saya..heeeetttssss....jgn negatif...maksud saya buku tamu saya yang ada di sebelah kanan....yang nempel itu nah...hehehe..!?ya udah g usah banyak basa basi..kita langsuang ke TKP..


. ikuti langkah2 berikut.

1. jika kamu belum mempunyai buku tamu kamu bisa liat pada postingan sebelumnya di blog saya...yaitu membuat buku tamu di sidebar dan buat lah jika kamu belum punya buku tamu, atau kamu juga dapat membuat buku tamu di sini ,





2.jika sudah jadi, sekarang kita tinggal menyembunyikan buku tamunya, yang pastinya kamu harus log in ke blog kamu..jangan blog q...emank mw belajar ngehack,,hehehe,selanjutnya click menu layout/tata letak, tambah gadjet HTML, lalu copy/paste code berikut,

<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 -->

<br/>
Mau punya buku tamu seperti ini?<br/>
Klik di
<a href="http://judultutorial.blogspot.com/2010/03/membuat-buku-tamu-tersembunyi.html">
sini (J_T)
</a>

<div style="text-align:right">
<a href="javascript:showHideGB()">
[tutup]
</a>
</div>

</div>

</div>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>


ket: ganti code merah dengan code buku yang kamu buat tadi...




jangan lupa di simpen, sekarang liat hasilnya,,,,!??OKE COY...??jangan lupa commentnya...n kalau masih kurang jelas...bisa langsung email to me...!? happy blogging kawan...

1 komentar:

samindt yasmindt mengatakan...

salam kenal juga

Posting Komentar

 
 
 

About Me

Foto Saya
Fadliansyah(fo_fot)
hal yg di lakukan dgn baik+niat yg baik...psti berhasil dgn baik.
Lihat profil lengkapku

Pengikut