Sunday, November 4, 2012

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/AVvXsEhRtgyUskaSxw8x13NOWpZdp48KgiWz0K5vy-PHM62tED8zV5zfHn0kJeLxJ9oyaCMfwGSMh50u_hn6PG-eh7a4vUporEaJGb9XvipVFqdXtlaZ1GzNZsqVtrttr-sqT9bnEu_k23D9l9U/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>.

No comments:

Post a Comment