Cara Membuat Fans Page Melayang di Blog

Cara Membuat Fans Page Melayang Pada Blog- Memasang fan page melayang pada blog adalah 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.

Script pertama

Cara-caranya

  • 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="http://4.bp.blogspot.com/-9MWyoN5VsJM/TivTpPyUuhI/AAAAAAAABL0/ldO739MTRBg/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.

Script kedua

 Cara-caranya 

  • Login dengan akun blog sobat
  • Pilih opsi tata letak 
  • Kemudian pilih/klik tambah gadget-->>Html/Javascript 
  • Copy script dibawah ini, lalu simpan pada kotak html javascript
  • Klik simpan dan lihat hasilnya.
     <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="http://4.bp.blogspot.com/-9MWyoN5VsJM/TivTpPyUuhI/AAAAAAAABL0/ldO739MTRBg/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 script iframe fan page dan alamat url fan page facebook sobat.
  • Untuk hasilnya sobat bisa coba satu persatu script di atas.
Demikianlah artikel saya yang berjudul Cara Membuat Fans Page Melayang Pada Blog, Semoga artiekl ini bermanfaat bagi sobat blogger semua.

Selamat Mencoba :)

17 Responses so far.

  1. Z-T Blog says:

    boleh nih, thx tutornya sobat..

    come back..

  2. yah, sama-sama sob.

    siip.

  3. thanks bro.. udah jadi nih

  4. DShare 33 says:

    Terima kasih info nya admin..

  5. Pandachan says:

    mksh Info'x sob..
    sangat bermanfaat sekali..
    ijin baca y...

  6. Makasih triknya mas, apakah trik diatas tidak menggangu pengunjung blog ?

  7. tutorialnya bagus,,, n mudah dipraktikkan.,, makasih bos,, skrg di blog ane udah ane pasang

  8. Izin coba sob.

    Salam sukses sealu...

  9. makasih gan atas infomasinya

  10. maunya di baut gambarnya gan
    trims

  11. Thanks atas info dan tipsnya. Cari cari Cara Membuat Fans Page Melayang di Blog ketemu di sini

  12. oke banget gann

  13. makasih gan :) work di blog ane,,,

    follow balik ya gan http://fangsformer.blogspot.com/

  14. interesting articles and commentaries friend, I became interested in reading, I introduce a new blogger from Indonesia origin. greetings

  15. Akan saya coba mas,,, terima kasih banyak...

  16. Memang fans page itu dapat membuat meningkatkan kinerja blog anda dengan mendapatkan banyak pelanggan blog...

Leave a Reply

Sobat sedang berburu backlink? Silahkan berkomentar sebanyak-banyaknya karena blog ini dofollow. Sobat boleh berkomentar sebanyak-banyaknya dengan syarat :
1. Berkomentar sesuai dengan tema artikel
2. Jangan berkomentar SARA dan Porno
3. Jangan berkomentar menggunakan LINK AKTIF
Berkomentarlah dengan sopan karena komentar sobat tidak akan di moderasi.