Cara Membuat Facebook Fan Page Melayang di Blog

 Cara Membuat Fans Page Facebook Melayang Pada Blog- Memasang fan page melayang pada blog adalah salah satu jalur promosi yang sangat bagus sekali untuk mempromosikan fan page atau blog anda. Jadi jika anda memiliki fans page atau blog yang sepi dari pengunjung, tidak ada salahnya jika anda mengikuti tutorial sederhana di bawah ini

Definisi Fan Page Facebook

Fan page  facebook adalah sebuah halaman khusus layaknya blog yang menyediakan informasi yang beragam sesuai dengan keinginan pemiliknya, mulai dari perusahaan, pendidikan, layanan, produk fisik, artis, komunitas dan masih banyak lagi. Beberapa orang ahli pun pasti memiliki pengertian fan page facebook sendiri sesuai dengan apa yang mereka pelajari.

Membuat Facebook Fan Page Melayang di Blog

Jika anda ingin memasang facebook fan page anda melayang di blog, saudara dapat mengikuti langkah-langkah di bawah ini. Namun jika anda ingin memasang facebook fan page yang standar atau yang lazim di gunakan oleh banyak orang. Anda bisa membaca artikel saya sebelumnya . . .

Read : Cara Membuat dan Memasang Fan Page Facebook di Blog

Di sini saya akan memberikan dua script fan page melayang yang berbeda, jadi anda hanya harus memilih salah satu script saja untuk dipasang di blog anda.  dan untuk melihat hasilnya anda bisa mencoba scriptnya satu persatu.

• Login dengan akun blogger saudara
• Masuk ke menu TATA LETAK
• Klik Tambah Gadget => HTML/Javascript
• Silahkan masukan salah satu script di bawah ini

Script Fan Page Melayang Yang Pertama . . .

    <style type="text/css">
    #topbar{position:absolute; padding-left:260px; background-color: transparancy; width: 300px;
    visibility: hidden;z-index: 100; }
    </style>
    <script type="text/javascript">
    var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
    var startX = 30 //set x offset of bar in pixels
    var startY = 5 //set y offset of bar in pixels
    var verticalpos="fromtop" //enter "fromtop" or "frombottom"
    function iecompattest(){
    return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
    }
    function get_cookie(Name) {

    var search = Name + "="
    var returnvalue = "";
    if (document.cookie.length > 0) {
    offset = document.cookie.indexOf(search)
    if (offset != -1) {
    offset += search.length
    end = document.cookie.indexOf(";", offset);
    if (end == -1) end = document.cookie.length;
  returnvalue=unescape(document.cookie.substring(offset, end))
    }
    }
    return returnvalue;
    }
    function closebar(){
    if (persistclose)
    document.cookie="remainclosed=1"
    document.getElementById("topbar").style.visibility="hidden"
    }
    function staticbar(){
     barheight=document.getElementById("topbar").offsetHeight
     var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
     var d = document;
     function ml(id){
      var el=d.getElementById(id);
      if (!persistclose || persistclose && get_cookie("remainclosed")=="")
      el.style.visibility="visible"
      if(d.layers)el.style=el;
      el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
      el.x = startX;
      if (verticalpos=="fromtop")
      el.y = startY;
      else{
      el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
      el.y -= startY;
      }
      return el;
     }
     window.stayTopLeft=function(){
      if (verticalpos=="fromtop"){
      var pY = ns ? pageYOffset : iecompattest().scrollTop;
      ftlObj.y += (pY + startY - ftlObj.y)/8;
      }
      else{
      var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
      ftlObj.y += (pY - startY - ftlObj.y)/8;
      }
      ftlObj.sP(ftlObj.x, ftlObj.y);
      setTimeout("stayTopLeft()", 10);
     }
     ftlObj = ml("topbar");
     stayTopLeft();
    }
    if (window.addEventListener)
    window.addEventListener("load", staticbar, false)
    else if (window.attachEvent)
    window.attachEvent("onload", staticbar)
    else if (document.getElementById)
    window.onload=staticbar
    </script>
    <br />
    <div class="clear">
    </div>
    <div id="topbar">
    <div style="text-align: right;">
    <a href="" onclick="closebar(); return false"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2T0fbvlA8ejtsxBaygrupedsu9cW0-HrrtlWAyEYRlXudGaLBR7pJZBp1F8w_5gtIifgUQC1c5zWepEFEvGNEwbkhYgDyvyHFbIOOTTmWqoNRuNOORSU6xpf210CXrjnAL77qv0wB8ySs/s1600/close3.png" /></a></div>
    <center>
    <div style="background: #fff;">
    <div id="fb-root"></div><script src="https://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like-box href="https://www.facebook.com/pages/Blognya-Ilmu/147008725448902" width="250" show_faces="true" border_color="" stream="false" header="true"></fb:like-box>
    </div>
    </center>
    </div>

Script Fan Page Melayang Yang Kedua . . .

 <style type="text/css">
        #topbar{position:absolute;padding-left:-100px;background-color: transparancy;width: 300px;visibility: hidden;z-index: 200;}
        </style>
        <script type="text/javascript">
        var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session
        var startX = 25 //set x offset of bar in pixels
        var startY = 25 //set y offset of bar in pixels
        var verticalpos="fromtop" //enter "fromtop" or "frombottom"
        function iecompattest(){
        return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body}
        function get_cookie(Name) {
        var search = Name + "="
        var returnvalue = "";
        if (document.cookie.length > 0) {
        offset = document.cookie.indexOf(search)
        if (offset != -1) {
        offset += search.length
        end = document.cookie.indexOf(";", offset);
        if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))}}
        return returnvalue;}
        function closebar(){
        if (persistclose)
        document.cookie="remainclosed=1"
document.getElementById("topbar").style.visibility="hidden"}
        function staticbar(){
barheight=document.getElementById("topbar").offsetHeight
        var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
        var d = document;
        function ml(id){
        var el=d.getElementById(id);
        if (!persistclose || persistclose && get_cookie("remainclosed")=="")
        el.style.visibility="visible"
        if(d.layers)el.style=el;
        el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
        el.x = startX;
        if (verticalpos=="fromtop")
        el.y = startY;
        else{
        el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
        el.y -= startY;}
        return el;}
        window.stayTopLeft=function(){
        if (verticalpos=="fromtop"){
        var pY = ns ? pageYOffset : iecompattest().scrollTop;
        ftlObj.y += (pY + startY - ftlObj.y)/8;}
        else{
        var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
        ftlObj.y += (pY - startY - ftlObj.y)/8;}
        ftlObj.sP(ftlObj.x, ftlObj.y);
        setTimeout("stayTopLeft()", 10);}
        ftlObj = ml("topbar");
        stayTopLeft();}
        if (window.addEventListener)
        window.addEventListener("load", staticbar, false)
        else if (window.attachEvent)
        window.attachEvent("onload", staticbar)
        else if (document.getElementById)
        window.onload=staticbar
        </script>
        <br />
        <div class="clear">
        </div>
        <div id="topbar">
        <div style="text-align: right;">
        <a href="" onclick="closebar(); return false"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2T0fbvlA8ejtsxBaygrupedsu9cW0-HrrtlWAyEYRlXudGaLBR7pJZBp1F8w_5gtIifgUQC1c5zWepEFEvGNEwbkhYgDyvyHFbIOOTTmWqoNRuNOORSU6xpf210CXrjnAL77qv0wB8ySs/s1600/close3.png" /></a></div>
        <center>
        <div style="background: #fff;">
        <iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fpages%2FBlognya-Ilmu%2F147008725448902%3Fref%3Dhl&amp;width=300&amp;height=290&amp;show_faces=true&amp;colorscheme=light&amp;stream=false&amp;border_color&amp;header=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:290px;" allowtransparency="true"></iframe>
        </div>
        </center>
        </div>

 Catatan :

    Ganti yang berwarana merah dengan url fan page saudara.
    Kode berwarna Biru, ganti dengan script fan page facebook saudara.

Demikianlah artikel tentang Cara Membuat Fans Page Melayang Pada Blog, Semoga artikel ini bermanfaat bagi sobat blogger semua.
Selamat Mencoba :)

Anda baru saja membaca artikel tentang - Cara Membuat Facebook Fan Page Melayang di Blog. Silahkan baca artikel berikutnya Tentang - Next - Jangan lupa g+1 / fb / twit :)