Tips N Trick: Trick Membuat Buku Tamu Melayang

okee, ketemu lagi nih trick yang baru
kali ini gw bakal ngasih tau kalian cara buat bikin buku tamu
ya, kalau yg kayak shoutmix gitu kan dah biasa, gak bisa melayang
nah sekarang gw bakal bikin gak cuma buku tamu dari Shoutmix aja, tapi buku tamu Facebook yg melayang dan bisa di hide
Oke, langsung aja

yg pertama, login ke blog kalian
langsung ke rancangan
pilih tambah gadget
lalu pilih html/java script
lalu, copy paste script ini

!-- Begin Show Hide Floating - http://www.hitsuke.blogspot.com --> <style type="text/css"> #hitsukeFX{ position:fixed; top:135px; z-index:+1000; } * html #hitsukeFX{position:relative;} .hitsukeFXtab{ height:200px; width:50px; float:left; cursor:pointer; background:url('http://i683.photobucket.com/albums/vv193/vebyo/Guest2.gif') no-repeat; } .hitsukeFXcontent{ float:left; border:2px solid #d9e3ff; background:#ffffff; padding:10px; } </style> <script type="text/javascript"> function showHidehitsukeFX(){ var hitsukeFX = document.getElementById("hitsukeFX"); var w = hitsukeFX.offsetWidth; hitsukeFX.opened ? movehitsukeFX(0, 40-w) : movehitsukeFX(40-w, 0); hitsukeFX.opened = !hitsukeFX.opened; } function movehitsukeFX(x0, xf){ var hitsukeFX = document.getElementById("hitsukeFX"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; hitsukeFX.style.right = x.toString() + "px"; if(x0!=xf){setTimeout("movehitsukeFX("+x+", "+xf+")", 10);} } </script> <div id="hitsukeFX"><div class="hitsukeFXtab" onclick="showHidehitsukeFX()"><center><b><span style="color:white;"><br /> G<br /> u<br /> e<br /> s<br /> t <br /> <br /> <br /> B<br /> o<br /> o<br /> k </span><span style="font-size:130%;color:white;"></span></b></center></div><div class="hitsukeFXcontent"> <br /> Mw Guest Book yg Seperti ini..??<br /> Klik di <a href="http://hitsuke.blogspot.com/2009/08/membuat-show-hide-floating-menu.html"> Membuat Show Hide floating Guest Book </a> <div style="text-align:right"><a href="javascript:showHidehitsukeFX()"> [close] </a> </div></div></div><script type="text/javascript"> var hitsukeFX = document.getElementById("hitsukeFX"); hitsukeFX.style.right = (40-hitsukeFX.offsetWidth).toString() + "px"; </script> <!-- End Show Hide Floating - http://www.hitsuke.blogspot.com

cari yang ada tulisan taruh kode shoutmix kamu caranya teken ctrl+f
masukan kode shoutmix kalian ke tempat yang kalian sudah temukan
ganti taruh kode shoutmix kamu disini dengan kode shoutmix kalian
lalu klik simpan
liat hasilnya
Sumber : Hitsuke

Nih berikutnya yg facebook
pastinya login dulu ke blog kalian
ke rancangan
lalu klik tambah gadget dan klik html/java script
masukan script ini

div class="postingbox" style="height: 300px;">

#gb{

position:fixed;

top:50px;

z-index:+1000;

}

* html #gb{position:relative;}

.gbtab{

height:150px;

width:20px;

float:left;

cursor:pointer;

background:url('http://lh4.ggpht.com/_jlrHOTScEOY/THI0JMvF-lI/AAAAAAAAAS0/DHsvpzpJkD8/tamu3.png') no-repeat;

}

.gbcontent{

float:left;

border:2px solid #FFFFFF;

background:#00ffff;

padding:10px;

}

</style>

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>

<span style="color: blue; font-size: x-small;">Selamat Datang</span>

<span style="font-size: x-small;"><b style="color: red;">Jgn Lupa Comment</b></span><span style="color: blue; font-size: x-small;">

Terimakasih </span><span style="font-size: x-small;"><b style="color: blue;">Kunjungannya</b></span></div>

<span style="font-size: xx-small;">Widget by: <a href="http://www.facebook.com/">Facebook</a> Develop by: <a href="http://imdad-gresik.blogspot.com/2010/08/memasang-buku-tamu-facebook-di-blog.html/" target="’new’">kumpulancara</a></span></div>

var gb = document.getElementById("gb");

gb.style.right = (30-gb.offsetWidth).toString() + "px";

</script></div></div></div>

Nah, yg warna merah itu, kalau pengen dua guest booknya
tapi kalau cuma pengen yg facebook, di sarankan untuk mengganti angkanya menjadi 50px, buat yg pertama atau yg kedua..
selain itu, warna backgroundnya bisa diganti
nah, kalau mau mengganti warna background, kalian lihat kode yg pertama background: #ffffff;
atau kode yg kedua pada script kedua
background: #00ffff;

dari kode yang itu bisa menjadi ini
background: #0000ff;

oke guys, selamat mencoba dan
keep blogging

Minggu, 31 Oktober 2010

Trick Membuat Buku Tamu Melayang