Cara Menggabungkan Buku Tamu Dan Facebook

Pagi semua hari ini Nurulcall mau berbagi Trik/Cara Menggabungkan Buku Tamu dan FB tentunya  kalian Semua Pasti Sudah tahu apa itu Cbox..? yaitu aplikasi buku tamu yang berada di slide sisi kanan blog kita.

kali ini versinya agak beda Kita Bisa menggabungkan Cbox Dengan Facebook Kita Apabila Kita Menulis Disitu maka secara otomatis akan tertulis di halaman Facebook kita.

  

Langkah Pertama 1

Login Ke Blogger >> Dasbor >>Pergi ke Rancangan >> Element Halaman >> Add Gadget >>HTML/Javascrip.

Silahkan Copy script dibawah ini:

<style type="text/css"> #gb{ position:fixed;top:50px;z-index:+1000;} * html #gb{position:relative;} .gbtab{height:128px;width:35px; float:right; cursorointer;background:url('http://lh4.ggpht.com/_M1pYMGMUxt0/TF65-kKnCXI/AAAAAAAACs0/o1aXayMUFY8/tamu3.png') no-repeat;} .gbcontent{float:right;border:2px solid #4A6490; background:#4A6490;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.left = 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;">Update Status Online By : SjS-team</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 allowtransparency="true" frameborder="0" scrolling="no" src="http://www.facebook.com/plugins/livefeed.php?app_id=114650978591909&width=290&height=400&xid=152250694787828" style="border: medium none; height: 120px; width: 290px;"></iframe> <br/>

Tambahkan code dibawah ini letakan dibawahnya:

<div style="color: #999999;"> <span style="font-size: xx-small;">Powered by: <a href="http://www.facebook.com/">Facebook</a> Widget by: <a href="http://nurulcall-tanjungkalang.blogspot.com/2012/03/cara-menggabungkan-buku-tamu-facebook.html" target='new'>Mau Buku Tamu Seperti Ini</a></span> </div> <br/><div style="text-align:left"> <a href="javascript:showHideGB()"></a></div> </iframe></div> </div> <script type="text/javascript">var gb = document.getElementById("gb"); gb.style.left = (30-gb.offsetWidth).toString() + "px"; </script>

Klik Simpan bla....bla.....bla.....jadi deh Demikian Cara menggagungkan Buku Tamu dan FB semoga bermanfaat...