Minggu, 04 November 2012

Membuat Buku Tamu di Blog Ala Facebook


Assalamualaikum...
Malem-malem gini enaknya ngapain ya.... ?! he
Ngopi udah... Rokok juga udah.... hmmmm
Ngeblog ja kayaknya paling asyik...ckckckck

Iseng nyari di google, nich saya nemu ini...hehehe
Cara buat buku tamu ala Facebook...
Jadi caranya gak terlalu ribet kok...
Sobat cuma perlu buat aplikasi di facebook selanjutnya copy tuch API Key-nya...

Nech scrept untuk di taruh di Sidebarnya,,,

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
*html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://lh4.googleusercontent.com/-fZjSRKf7YE4/T0Wdm2aLTRI/AAAAAAAAA9g/YQVVuGx16No/s100/bukutamu.gif') no-repeat;
}
.gbcontent{
float:left;
border:1px solid #E4E3E3;
background:#8ea88e;
padding:15px;
}
</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;">Tinggalkan Pesan Anda disini!.<span style="color: blue; font-size: x-small;"></span>
</div>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=554753157884960";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-live-stream" data-event-app-id="554753157884960" data-width="280" data-height="400" data-always-post-to-friends="true"></div>
<div style="color: #999999;">
<div style="text-align:left">
[<a href="javascript:showHideGB()">close</a>]&nbsp;&nbsp;[<a href="http://itsasak.blogspot.com/2012/11/membuat-buku-tamu-di-blog-ala-facebook.html">Add</a>]
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = "-313px";
</script></div></div>


Sobat tinggal ganti tuch tulisan yang saya kasi warna merah pakai API Key-nya sobat... ^_^
Gampang kan....?!

Selamat mencoba....
dan semoga bermanfaat...

Tidak ada komentar:

Poskan Komentar

 

Design By:
SkinCorner