Cara membuat fan page FB auto hidden terbaru 2016

Cara Membuat Fan Page FBAuto Hiden (Tersembunyi) di Blog  Halo sobat blogger kita ketemu lagi ijinkan saya untuk menjelaskan secara singkat Bagaimana Cara Membuat FanPage FB Auto Hiden (Tersembunyi) di Blog  Seperti yang sudah saya katakan pada artikel-artikel saya sebelumnya. Bahwa dengan memasang fan page di blog sobat, maka fan page dan blog sobat  pengunjungnya akan lebih meningkat dari sebelumnya.

Namun berbeda dengan script fan page sebelumnya, script fan page kali ini memiliki fitur auto hiden atau tersembunyi di samping kanan layar blog saudara. Selain itu widget ini akan muncul tanpa Sobat. klik terlebih dahulu, widget fan page ini akan membuka secara otomatis jika andaSobat mengarahkan/meletakan kursor maouse pada widgetnya.

Tetapi buat Sobat yang masih bunging dengan bentuk nya silahkan sobat bisa melihat demonya di bawah ini:  

Demo

Jika ingin  memasang fan page facebook auto hiden ini di blog sobat, silahkan ikuti panduanya di bawah ini:

• Login dengan akun blog Sobat
• Masuk ke menu TATA LETAK
• Klik tambah gadget, lalu pilih HTML/Javascript
• Masukan kode di bawah ini:

 <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('http://3.bp.blogspot.com/-KdSAuv-K7HM/To_WXoWHzJI/AAAAAAAAGvg/5UvL10LUe_k/facebook.png ') no-repeat;
}

.gbcontent {
float:left;
border:1px solid #000000;
-moz-border-radius-bottomleft:5px;
-webkit-border-radius-bottomleft:5px;
-o-border-radius-bottomleft:5px;
-khtml-border-radius-bottomleft:5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-topleft: 5px;
background: #F2F2F2; 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>

<!-- BEGIN Kode -->

Pastekan KODEnya DISINI

<!-- END Kode -->

<br />
<div style="text-align:center">
<span style="float:right; color:#000000;">Get this <a target="_blank" href="http://anggavoith.blogspot.com/2015/01/membuat-fan-page-fb-auto-hidden-mudah.html"> widget! </a></span>
</div>
</center></div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (50-gb.offsetWidth).toString() + "px";
</script>

</div>

Catatan: 

Silahkan anda ganti kode berwarna merah dengan url fan page facebook atau iklan Sobat.

Tweet