Cara Membuat Buku Tamu Facebook di Blog.

Hay.... saudara setanah air ku....hehe untuk kali ini saya akan sedikit berbagi tetntang bagaimana membuat Buku Tamu Facebook di Blog anda yang bisa melayang-layang, tidak dipungkiri bukan kalau Facebook merupakan salah satu jejaring social yang sangat membantu utuk mempublikasikan atau megenalkan blog kita ke rekan-rekan kita? makanya kali ini saya akan memposting tentang Buku Tamu Facebook....

Langkah-langkahnya agar anda tidak salah langkah:

1. Login dulu ke akun Blog anda

2. masuk halaman pada Dasbor pilih rancangan Elemen Halamn

3. tambah Gadget Pilih HTML/JavaSecript

4.Masukan Kode di Bawah ini kedalamnya.

.....................................................................................................................

<div title="[:: Isi Buku Tamu Dengan Sopan ::][:: Click Here to Buku Tamu::]">
<style type="text/css">
.gb_fixed{
position:fixed;
top:40px;
left:0px;
z-index:+10;
}
* html .gb_fixed {position:relative;}
#hidden_gb2 {
display:none;
border:2px solid #004831;
background:#000000;
padding:10px;
padding-top:0px;
}
</style>
<div class="gb_fixed">
<table id="hidden_gb2" cellpadding="0" cellspacing="0">
<tr><td>
<center>
<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;">
</span><span style="font-size: x-small;"><b style="color: blue;"></b></span>
</div>
<iframe src="http://www.facebook.com/plugins/livefeed.php?app_id=172413529458534&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;"></div>

</center>
<div><a href="javascript:void(0)" onclick="gb_showHideGB()"><b style="color:white">[TUTUP ]</b></a></div>
</td></tr></table>
</div>
<script src="http://sites.google.com/site/copycatgroup/Home/jsfile/hiddengb2.js"></script>
<div style="z-index:+5" class="gb_fixed">
<a href="javascript:void(0)" onclick="gb_showHideGB()">
<img border="0" style="border:0px" src="http://i1237.photobucket.com/albums/ff473/muhammadsuteja/tabs-ua-1-1.gif" />
</a>
</div></div>

.....................................................................................................................

5. Simpan dan lihat hasilnya

Selamat mencoba dan semoga berhasil....!!!

dan jangan Lupa tinggalkan jejak anda di blog ini