Cara Membuat Like Box Fb Melayang Pada Blogger

Bagai mana caranya membuat like box fb pada blog???
jawabannya da dsini

1. Login Keblog
2. Dashboard
3. Tata Letak
4. Tambahkan Gadged Pilih HTML/JavaScript
LANJUT>>>>>>> Masukkan Kode dibawah ini
<style type="text/css">
/*<![CDATA[*/
#fbplikebox{display: block;padding: 0;z-index: 99999;position: fixed;}
.fbplbadge {background-color:#3B5998;display: block;height: 150px;top: 50%;margin-top: -75px;position: absolute;left: -47px;width: 47px;background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRIlbDc3mO-ombfgZiCjtqaSyBFipmPY3vvglUL6Jz1DQRCjybby6AE4uJOFKEmcKPunLJ_GgRxiVOmrTxp-W9javdZtFFe_5NQs230QiYIlQvRGc3SoieZvxBrTO9OMNl4HSiTAkrXcI/s1600/vertical-right.png");background-repeat: no-repeat;overflow: hidden;-webkit-border-top-left-radius: 8px;-webkit-border-bottom-left-radius: 8px;-moz-border-radius-topleft: 8px;-moz-border-radius-bottomleft: 8px;border-top-left-radius: 8px;border-bottom-left-radius: 8px;}
/*]]>*/
</style>
<script type="text/javascript">
/*<![CDATA[*/
    (function(w2b){
        w2b(document).ready(function(){
            var $dur = "medium"; // Duration of Animation
            w2b("#fbplikebox").css({right: -250, "top" : 100 })
            w2b("#fbplikebox").hover(function () {
                w2b(this).stop().animate({
                    right: 0
                }, $dur);
            }, function () {
                w2b(this).stop().animate({
                    right: -250
                }, $dur);
            });
            w2b("#fbplikebox").show();
        });
    })(jQuery);
/*]]>*/
</script>
<br />
<div id="fbplikebox" style="display: none;">
<div class="fbplbadge">
</div>
<iframe allowtransparency="true" frameborder="0" rel="nofollow" scrolling="no" src="http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/ID FACEBOOK&amp;width=250&amp;height=250&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23C4C4C4&amp;stream=false&amp;header=false" style="background: #FFFFFF; border: none; height: 250px; overflow: hidden; width: 250px;"></iframe></div>
Oh iyaa... Buat Halaman Dulu DISINI

Ket:
  • Perhatikan kode dalam kotak
  • Ganti Tulisan berwarna merah dengan ID Facebook
  • Untuk mengetahui alamat Fans Page anda, masuk ke halamn fans page anda lalu copy paste URLnya.( URLnya da di atas menu bar Mozilla"bagi yg pakai mozilla" sebelah kiri kotak pencarian)
Copy script jquery dibawah ini dan letakkan </head>, jika sebelumnya kamu sudah meletakan script jquery di blog kamu, lewati langkah ini
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>.

8 Comments:

  1. Dimana Link saya Agan pasang.? katanya mau tukeran Link..!Pasang Link blog saya baru dah saya pasang Link blog Agan.by: Blog Anak PS

    BalasHapus
  2. gan, koq saya gak berhasil hasil ya? hee

    BalasHapus
  3. Balasan
    1. pastikan udah buat halaman fb fans pagex..trz pd tlisan yg brwarna merah, gantikn dengan alamt fans pagex.!script ni sdah sya cba dan brhsil.!

      Hapus
  4. terima kasih gan infonya,

    silahkan berkunjung ke

    http://syamsblog95.blogspot.com/

    jangan lupa follow back blog saya ya gan

    BalasHapus
  5. Balasan
    1. thax gan.... tp template ini q juga download.hehe....

      Hapus
  6. mantab.. terimakasih banyak buat script tutorialnya...

    BalasHapus