Buku Tamu Facebook

Banyak Penyedia Buku Tamu ( shoutbox ) yang sudah melegenda contoh saja Shoutmix  web milik Negara Jiran Malaysia, dan masih banyak penyedia Shoutbox lainnya.
Kini The 1's akan memberikan cara memasang buku tamu buatan kumpulancara.com yang sangat kreatif ini, buku tamu ini di buat dengan Facebook Live Stream kalian juga bisa lihat di bagian Pengembang



Gak usah pake lama lama nih langsung saya kasih tau cara nya :
1. Masuk ( Log-in ) ke Blogger sobat masing masing
2. Pilih Menu Rancangan
3. Tambahkan Gadget Baru
4. Pilih Html/JavaScript
5. Lalu isikan code berikut di dalamnya

<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: blue;">Beri 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 src="http://www.facebook.com/plugins/livefeed.php?app_id=127835937257929&amp;width=290&amp;height=400&amp;xid=355411944445" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:290px; height:400px;" allowTransparency="true"></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://mynametoufan.blogspot.com/2010/08/buku-tamu-facebook.html/" target='new'>The 1's ( One's )</a></span>
</div>

Yang di atas untuk versi biasa yaitu yang masih belum di Hide buku tamu nya..

Tetapi kalau kalian malas mengedit nya silahkan saja ambil kode Buku Tamu Facebook saya..

Dan ini adalah versi dari saya 

<style type="text/css">
#gb{
position:fixed;
top:10px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://img641.imageshack.us/img641/1313/tamu3.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #FFFFFF;
background:#FFFFFF;
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: blue;">Beri 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 src="http://www.facebook.com/plugins/livefeed.php?app_id=127835937257929&amp;width=290&amp;height=400&amp;xid=355411944445" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:290px; height:400px;" allowtransparency="true"></iframe><div style="color: #000000;">
<span style="font-size: xx-small;">Widget by: <a href="http://www.facebook.com/">Facebook</a> Develop by: <a href="http://mynametoufan.blogspot.com/2010/08/buku-tamu-facebook.html/" target='new'>The 1's ( One's )</a></span>
</div>
<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>

Catatan : Untuk Panjang dan lebar Buku Tamu bisa kamu sesuaikan sendiri dengan keinginan mu

Artikel lainnya: