Pada kesempatan kali ini, utta ingin share lagi nich, tentang memasang 'Widget Buku Tamu Facebook' diblog,.. Widget ini sama halnya dengan Widget sya yang 'Cara Pasang Widget Floating ChatBox (Buku Tamu)', cuma saya memberiakn beberapa tambahan Icon.hehe,...
Okelah klw bgtu langsung saja, sobat bisa langsung memcobanya diblog sobat.
1. Login Ke Akun Blog Sobat
2. Pilih Rancangan/Tata Letak
3. Tambah Gadget/Add Gadget Pilih HTML JAVA SCRIPT
4. Masukan Script Berikut Di dalamnya
<style type="text/css">
.gb_fixed{position:fixed; Bottom:90px; right:0px; z-index:+10}
* html .gb_fixed {position:relative;}
#hidden_gb2{display:none;border: 3px solid #fff;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimy5CqQSH9f_2OJwoe_NFtdNJQlJkIlgXPrTvJL9l3-Acs041o0PrdG8BbjytiM9jJh2fIc5Zf1cxhGnfHOnmEmRAFDw25DJyj2uy6_4kaKDWMKXdei0eocQjlr_OkPtwQF3NcVEiWjd2F/)#000 repeat-x bottom center scroll; padding:10px; padding-top:10px; -moz-border-radius-topleft:20px; -moz-border-radius-bottomright:20px; transform:rotate(-5deg); -moz-transform:rotate(-5deg); -webkit-transform:rotate(-5deg); -o-transform:rotate(-5deg)}
#hidden_gb2:hover{border: 3px solid #000; background:url(http://i52.tinypic.com/dc7l0n.gif) no-repeat left bottom #fff; box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 20px #FF1493; -moz-box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 20px #FF1493; -webkit-box-shadow:-1px -1px 1px #666,1px 1px 1px #666,1px 1px 20px #FF1493; transform:rotate(0deg); -moz-transform:rotate(0deg); -webkit-transform:rotate(0deg); -o-transform:rotate(0deg)}
</style>
<div class="gb_fixed">
<table cellpadding="0" cellspacing="0" id="hidden_gb2"><tbody>
<tr><td>
<div>
<a href="javascript:void(0)" onclick="gb_showHideGB()"><img src="http://i53.tinypic.com/727lw8.png" /></a>
<span style="font-size: 85%;color:Orange;">
Mau Widget
<a href="http://www.vizero.co.cc/2011/05/cara-pasang-widget-buku-tamu-facebook.html" target="_blank">
Seperti Ini
</a>
and
<a href="http://www.vizero.co.cc/2011/05/cara-pasang-widget-buku-tamu-facebook.html" target="_blank">
Buat Buku Tamu Facebook!
</a></span></div>
--> Kode Facebook Anda Disini <--
</td></tr>
</tbody></table>
</div>
<script src="http://marewainfo.googlecode.com/files/ordinaryhack-floating.js">
</script>
<div class="gb_fixed" style="z-index: +5;">
<a href="javascript:void(0)" onclick="gb_showHideGB()">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAHQiqjwYfACavjV8-5kJGYOqLutqgFuFkxaEB3xhgOO9Om4iGs834NV-Tv0A1X0qddp4V1WajbTAqXDypzisFSiij-QHNTDBUhCG9FpIF_7KaQQysdD1_9Jjth0n5In0xidxdJ3JafyU/" style="filter: alpha(opacity=60); opacity: 0.8;" />
</a></div>
5. Save.
