Membuat Facebook coment auto hide pada blog

Ini adalah tutorial cara membuat Facebook coment/facebook chat pada blog.
caranya anda :

1. anda harus memiliki Code Facebook comennya, jika belum anda bisa membuatnya telebih dahulu ada di sini.
2. jika sudah memiliki code dari facebooknya, kemudian anda menuju ke Dasbor > edit tata letak > add new HTML/JavaScript.  
3. lalu 'paste'kan kode Javascript berikut pada kotak HTML/Javascript tadi. 

 <style type="text/css">

#gb{
position:fixed;
top:20px;
z-index:+1000;
}* html #gb{position:relative;}


.gbtab{
height:150px;
width:50px;
float:left;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzljt6tDginsPCUSdBVBgLjFGFTD0jtaSoNmHWQNdYHY1rjZ8D27qGnK1HNxhnyiMNztHYwS4c896KwR2F7STUBiwQAZUsW1FoI7p_XHJqiKLM0wU-wjij2X8_-1xraBlYD7PQNgaNivA/s1600/facebook1.png') no-repeat;
}


.gbcontent {
float:left;
border:1px solid #BB0000;
-moz-border-radius-bottomleft:10px;
-webkit-border-radius-bottomleft:10px;
-o-border-radius-bottomleft:10px;
-khtml-border-radius-bottomleft:10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-topleft: 10px;
background: #C5C0C0 url() no-repeat bottom;
padding:10px;
}


</style>


<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 51-w) : moveGB(30-w, 0);
gb.opened = !gb.opened;
}function moveGB(x0, xf){


var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 25 ? 25 : 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+")", 5);}
}</script>


<div id="gb">
<div class="gbtab" onmouseover="showHideGB()"> </div>


<div class="gbcontent">
<center>

<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#appId=438438476180722&amp;xfbml=1"></script><fb:comments xid=438438476180722 numposts="5" width="250" publish_feed="true"></fb:comments>

<br />
<div style="text-align:center">


<span >Widget by: <a href="http://www.facebook.com/">Facebook</a> Develop by: <a href="http://aldymamay.blogspot.com" target='new'>Rivaldy Firmansyah</a></span>
</div></center></div>


</div>


<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (50-gb.offsetWidth).toString() + "px";
</script>

# NB : script yang berwarna merah adalah code yang anda dapat tadi di facebook coment, silahkan di ganti.
terimah kasih, semoga bermanfaat bagi anda dan keluarga :D

Penulis : Rivaldy Firmansyah ~ Sebuah blog yang menyediakan berbagai macam informasi

Artikel Membuat Facebook coment auto hide pada blog ini dipublish oleh Rivaldy Firmansyah pada hari Senin, 16 Juli 2012. Semoga artikel ini dapat bermanfaat.Terimakasih atas kunjungan Anda silahkan tinggalkan komentar.sudah ada 0 komentar: di postingan Membuat Facebook coment auto hide pada blog