Cara Membuat Like Box Facebook Melayang di Blog

GORESKAN - Sekalian belajar, saya juga ingin berbagi kepada anda tentang  Cara Membuat Like box Facebook Melayang di Blog. Widget ini melayang berada di sebelah kanan halaman blog. Hal ini dapat membuat fanspage anda lebih banyak yang nge-like. Untuk menggunakan fitur ini saya sarankan, anda memiliki sebuah fanspage di facebook. Sebelum memulai saya berikan contohnya

Nah, tanpa menunggu lama lagi mari kita mulai langkah-langkahnya:
1. Masuk ke akun blogger Anda.
2. Kemudian masuk ke "menu tata letak / layout".
3. Pilih tambahkan widget (letaknya bebas)
4. Pilih HTML/JavaScript, lalu masukan 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/AVvXsEgqVQWrbZhKm5Vaz80qwT_xuv34dGTeJeDP1W-7myskl2FOOcfgxQW3-9rz4OBfWEHZm6yOWccRFLs0VRCPeuYOFNsFMMV7CHFT1sM-upyl5PbKj-_WIoc2y4Pz2JE7eO3Q5v1a1P00WYQ/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>

 5. Ganti tulisan yang berwarna biru dengan ID / username facebook Anda.
6. Selesai, simpan dan lihat hasilnya.

Semoga artikel ini bermanfaat ya!

BACA JUGA:
Cara Mengatasi Tautan yang Diblok Oleh Facebook
Cara Membuat Kotak Komentar acebook di Blog