Cara Membuat Fans Page Facebook Melayang di Blog

Cara membuat fans page facebook melayang di blog sangatlah sederhana yaitu dengan menambahkan sedikit script pada blog anda. Pada artikel Bunkzeed kali ini akan disajikan untuk peletakan fans page melayang pada blog dengan platform blogspot. Sebelumnya pastikan dulu bahwa sobat blogger sudah membuat fans page untuk blog anda, kemudian membuat kotak like box pada developer facebook pada link berikut http://developers.facebook.com/docs/reference/plugins/like-box/

Masukkan url fans page sobat di kolom yang tersedia, kemudian untuk settingan dibawahnya tersebut untuk mengatur lebar, tinggi serta warna border sesuai kehendak sobat blogger. Bila tampilan sudah sesuai silakan klik pada “Get Code” lalu copy script pada bagian “iframe”.

Sekarang masuk ketahap selanjutnya :

• Silakan sobat blogger login pada akun blognya
• Masuk pada bagian “Layout”
• Selanjutnya silakan klik “Add Gadget” pada bilah sidebar samping dan piih tambahkan “HTML SCRIPT”.
• Silakan copy script dibawah ini :
<style type="text/css"> #topbar{position:absolute; padding-left:350px;padding-top:200px;background-color:transparancy;width: 300px;visibility: hidden;z-index: 100;} </style> <script type="text/javascript"> var persistclose=0,startX=30,startY=5,verticalpos="fromtop";function iecompattest(){return document.compatMode&&"BackCompat"!=document.compatMode?document.documentElement:document.body}function get_cookie(b){var b=b+"=",c="";0<document.cookie.length&&(offset=document.cookie.indexOf(b),-1!=offset&&(offset+=b.length,end=document.cookie.indexOf(";",offset),-1==end&&(end=document.cookie.length),c=unescape(document.cookie.substring(offset,end))));return c} function closebar(){persistclose&&(document.cookie="remainclosed=1");document.getElementById("topbar").style.visibility="hidden"} function staticbar(){barheight=document.getElementById("topbar").offsetHeight;var b=-1!=navigator.appName.indexOf("Netscape")||window.opera,c=document;window.stayTopLeft=function(){if("fromtop"==verticalpos){var a=b?pageYOffset:iecompattest().scrollTop;ftlObj.y+=(a+startY-ftlObj.y)/8}else a=b?pageYOffset+innerHeight-barheight:iecompattest().scrollTop+iecompattest().clientHeight-barheight,ftlObj.y+=(a-startY-ftlObj.y)/8;ftlObj.sP(ftlObj.x,ftlObj.y);setTimeout("stayTopLeft()",10)};var a=c.getElementById("topbar"); if(!persistclose||persistclose&&""==get_cookie("remainclosed"))a.style.visibility="visible";c.layers&&(a.style=a);a.sP=function(a,b){this.style.left=a+"px";this.style.top=b+"px"};a.x=startX;"fromtop"==verticalpos?a.y=startY:(a.y=b?pageYOffset+innerHeight:iecompattest().scrollTop+iecompattest().clientHeight,a.y-=startY);ftlObj=a;stayTopLeft()} window.addEventListener?window.addEventListener("load",staticbar,!1):window.attachEvent?window.attachEvent("onload",staticbar):document.getElementById&&(window.onload=staticbar); </script> <br /> <div class="clear"> </div> <div id="topbar"> <table border="1" bgcolor="#fff"> <tr> <td> <div style="text-align: right;"> <a href="" onclick="closebar(); return false"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0qFybldWXB6ohE9mgzUpf6UdHMe4cDzv7NoyfRlXewlAz9n0iDSRtoO700oRHkOzIkxWA2XK236B9e8DB1bjpEAl27DlmAzTRfKVLsszWPx2JeWEKVCWiPaddozznykmiSkkXJZtGn_6d/s1600/close.gif" /></a></div> <center> <div style="background: #fff;"> (KODE LIKE BOX DISINI..!!) </div> </center> </td></tr> </table> </div>
• Ganti tulisan (KODE LIKE BOX DISINI..!!) yang ada didalam script diatas dengan code like box facebook yang telah dibuat tadi.
• Selanjutnya paste pada gadget html yang baru anda buat tadi lalu SAVE.
• Sekarang buka blog sobat dan lihat hasilnya.

Video Tutorial Membuat Fans Page Facebook Melayang di Blog

Salah satu manfaat fans page facebook sudah tidak asing lagi yaitu fans page bisa menjadi media promosi blog sobat pada orang-orang yang mneggunakan jejaring sosial facebook. Dan untuk fans page facebook melayang pada blog sobat merupakan nilai lebih untuk orang cenderung menyukai atau like pada fans page anda karena setiap blog sobat dibuka selalu muncul tab melayang tersebut. Selain itu dapat juga sebagai hiasan blog anda agar tampilan pada blog anda terlihat lebih bagus.

Demikian diatas sedikit tips blogging buat sobat-sobat yang mempunyai blog. Semoga sedikit ulasan cara membuat fans page facebook melayang pada blog di atas bisa bermanfaat bagi kita semua. Selamat mencoba dan apabila link script yang saya berikan tidak dapat diakses atau rusak silakan koment, agar bisa langsung saya perbaiki.