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"><!-- Taruh Kode Shoutmix Kamu disini --> <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;">
<style type="text/css">
#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>
<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">
<div style="text-align: center;">
<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>
<iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://www.facebook.com/plugins/live_stream_box.php?app_id=100000441799645&width=290&height=400&xid=355411944445" style="border: none; height: 400px; overflow: hidden; width: 290px;"></iframe>
<div style="color: #999999;">
<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>
<script type="text/javascript">
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
