Tuesday, March 12, 2013

Cara membuat facebook fans page melayang pada blog

Caranya simple sekali,kita hanya perlu mengikuti langkah seperti dibawah ini(cekidoozz) :

  1. Login blogger
  2. pilih"opsi lainya"tata letak"
  3. kemudian pilih" tambah gadget" 
  4. pilih"HTML/JavaScript"
  5. kopy dan paste kode dibawah ini kedalam widget tersebut
  6. <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/AVvXsEg4KSknNKZUzZq9E_FBFQb46GvDXtDgqIf7Gn2dWmzy_qhzzw3kAGMSstMucdxSOzKYlOvkFpKcL8Ml-NZ2xVnx8El2ETR1mOLR6Yh5Nwk6db6_xKjsGXeICL4Mb1Yp4tuCllG91Pu6AQHG/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/Plankton-Revolution/355885774466341" width="250" show_faces="true" border_color="" stream="false" header="true"></fb:like-box>
    </div>
    </center>
    </div>
Ganti tulisan(link) yang saya blog dengan warna merah dengan URL FP blog sobat.
Setelah itu sobat bisa save dan lihat hasilnya.
Semoga artikel Cara membuat facebook fans page melayang pada blog bermanfaat untuk sobat blogger tercinta :).klo ada yang mw ditanyakan silakan tinggalkan  komentar sobat :)

No comments:

Post a Comment

Free Download GTA 4

Grand Theft Auto IV (GTA IV) adalah permainan komputer/game 3D generasi keenam dari serial Grand Theft Auto. Game yang dikembangkan o...