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&width=290&height=400&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
