Cara Membuat Buku Tamu Sembunyi di Sebelah Kiri Layar:
1. Login ke Bloggermu
2. Klik Menu Rancangan
3. Klik Element Laman
4. Klik Tambah Gadget
5. Tambah element HTML/JavaScript
6. Copy Paste Script 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://i1183.photobucket.com/albums/x472/gengred10/25%20feb/buku-tamu_03.gif') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #000000;
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/>
Klick
<a href="http://alkicoad.blogspot.com/2011/03/cara-menyembunyikan-buku-tamu-di.html">
DISINI
</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>
8. Ganti kode berwarna merah dengan Script Shoutmix/Shotbox kamu.
9. Ganti juga ukuran yang berwarna biru untuk atur posisinya. Ubah aja nilai atribut
top-nya. Kalau mau lebih ke atas dikit, ubah jadi 30px atau 20px, terserah kamu.10.Jangan lupa Simpan
Mudah Bangetz kan??? Ya lha mudah, udah tahu sich… Jika ada pertanyaan kamu beri command saja di bawah. OK??? Terima Kasih….
Selamat Mencoba ^-^



2 komentar:
awdad
Tanks sob salam kenal. .kunjung+komen in my cbox
Posting Komentar
Diharapkan bagi kalian yang telah membaca postingan di atas agar mengisikan komentar di bawah ini atau dapat mengajukan sebuah pertanyaan kepada saya. Secepat mungkin pasti akan saya balas. Ok???
Jika ingin menggunakan emotications di atas, hanya tinggal mengcopy kata - katanya saja...
contoh: :mikir: :gagah: :nyerah:
Bagi kalian yang tidak mempunyai akun, namun ingin berkomentar, silahkan pilih mode Anonymous...
Mode ini saya persiapkan untuk semua orang....
Thank&'s Before!!! ^~^