BREAKING NEWS

Lokomedia

Tips dan Trik

Template Balitbang

Sunday, November 4, 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...

2 comments :

Peraturan dan Tata Cara Berkomentar di IT Sasak


1) Berkomentarlah Secara Sopan dan Tidak Melakukan Spaming

2) Berkomentar Sesuai Dengan Tema Artikel

3) Dilarang Menyertakan Link dalam Komentar

4) Beri Nama Jelas (jangan menggunakan nama Anonim)

 
Copyright © 2011 IT Sasak
Powered by Blogger