Membuat Widget like Fanspage Facebook Autohide di Blog 100% working

Membuat Widget like Fanspage Facebook Autohide di Blog 100% working - Fanspage Autohide di Blog mungkin sangat familiar di dunia blog. kali ini saya posting tentang widget satu ini yang benar-benar jadi. karen saya sudah banyak nyoba fanspage facebook autohide di blog-blog itu nyampe berkali-kali gonta ganti script gak pernah jadi. eh, mungkin yang di halaman google yang ke 6 kemarin saya dapat widget ini dan benar-benar jadi. Alhamdulillah blog saya jadi tambah cantik. kaya pacar. hehe. pertama-tama seperti ini. anda masuk ke Aplikasi Face book anda di Facebook Developer. http://developers.facebook.com/docs/reference/plugins/like-box/ atau Klik Aja Disini.

Facebook Autohide

Anda sesuaikan dulu scrip dari facebook itu untuk ditaruh di Box auto hide ini atau bisa sembunyi sendiri saat mouse meninggalkan box.saran saya. kalo biasanya script root facebook ditaruh di atas </head>. mendingan taruh di tata letak aja pilih HTML/stext. InsyaAlloh jadi. karen banyak templete yang gak support sama Script itu kalo anda taruh langsung di Atas </head>.yaitu tadi, solusinya, kamu tambah widget HTML/text. pisahkan script CSS dengan HTMLnya. oke, kalo sudah dapet scriptnya, taruh Script Yang kedua dari facebook developers itu untuk mengganti tulisan merah di script Box auto hide di bawah ini. mudah kan. tinggal copas trus tambah Widget HTML/text. beres.dan nikmati Widget Facebook autohide Untuk Mempercantik Blog Anda.

<style type="text/css"> #gb{ position:fixed; top:150px; z-index:+1000; }* html #gb{position:relative;} .gbtab{ height:150px; width:50px; float:left; background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiUtOWkD8kWPZM8_i7LEDJZE6ydRX_RRPQKlWhtwUX3TGjFUpyXWz3nqVs_2zo-K0dr3hbDwNXM04TJKZqGgOoZCTbVpQcxmMUbo8nvqsuLFQexPKEAKS9910jaeRgjbJgD22xgZD-fYeN/s150/w2b_facebookbadge.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> Masukkan Script Like Facebook Anda Disini <br /> <div style="text-align:center"> <span style="float:right; color:#000000;"><a target="_blank" href="http://rumahno48.blogspot.com/2013/11/membuat-widget-like-fanspage-facebook.html" title="WIDGET">Get This 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>
Semoga bermanfaat untuk widget blog anda.jika ada yang kurang mengerti, chat saya langsung di Chatbox samping. like Fanspage auto hidenya ya? terima kasih.

Bagikan ke

Facebook Google+ Twitter

Search