12 Jun 2013

Cara Membuat Fans Page Melayang Pada Blog

Cara Membuat Fans Page Melayang Pada Blog - Memasang fans page melayang pada blog merupakan salah satu jalur promosi yang sangat bagus sekali untuk mempromosikan fan page facebook sobat semua. oleh karena itu pada artikel saya kali saya akan membuat tutorial blog tentang cara membuat fan page facebook melayang pada blog.

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 lainnya. Beberapa orang ahli pun pasti memiliki pengertian fan page facebook sendiri sesuai dengan apa yang mereka pelajari.
Pada artikel saya yang berjudul Cara Membuat Fans Page Melayang Pada Blog, saya akan memberikan dua script fan page melayang yang berbeda.

Fanspage

Cara-caranya membuat fanpage
  • Login dengan akun blog sobat
  • Pilih opsi tata letak 
  • kemudian pilih/klik tambah gadget-->>Html/Javascript

        <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/AVvXsEhZkOGVoZalkt9HEgUO5L8pUxLyyjpRwVJ7HE9rtuZ8iy3FyRmOaKf6JXrG9xScv6hlDr-wWqm83N0oY43NH_YABEgKj6LaVBtKYfT-RWhGDKyVI6D5gqeaLg8xtufyEPqm8StJKEGdG07T/s1600/close3.png" /></a></div>
        <center>
        <div style="background: #fff;">
        <div id="fb-root"></div><script src="http://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>

  • Copy script diatas
  • Simpan pada kotak html/javascript
  • Klik simpan dan lihat hasilnya.

  • Catatan : Ganti yang berwarana merah dengan script iframe fan page dan alamat url fan page facebook sobat.

    Nah, cukup sekian dulu yah tips blogging saya mengenai Cara Membuat Fans Page Melayang Pada Blog, lain waktu akan saya bagi lagi tips blog yang lainnya.

1 komentar: