Cara Memasang Widget Like Box FB Sembunyi Melayang pada Platform Blogger - See more at: http://www.walman.org/2013/05/cara-membuat-like-facebook-melayang-di-blog.html#sthash.G2QXvJPH.dpuf

Pengguna Facebook kian bertambah. Sudah semestinya setiap blog mempunyai widget wajib jejaring sosial satu ini untuk memudahkan berbagi dan promosi. Banyak keunggulan, interaksi dinamis antara pengguna-pengunjung lewat Fans Page Facebook dan juga meningkatkan ‘gengsi’ blog sobat. lebih ‘rame’, makin ‘te o pe’.

Facebook melayang, begitu istilah yang tepat untuk tutorial kali ini. Kotak like Facebook atau Fans Page Facebook bisa berada di sisi kiri atau kanan blog yang dapat ditarik ulur menggunakan mouse. Tampilannya menarik, sobat yang ingin punya banyak ‘likers’ sudah saatnya mencoba tutorial ini. Dengan begitu pengunjung ‘dirayu’ oleh tampilan unik Facebook melayang.

Facebook melayang merupakan alternatif jitu ketika banyaknya widget yang bejejeran di sidebar. Tanpa menambah dan memperpanjang vertikal sidebar. Memasang kotak like Facebook melayang solusi tepat mengatasi penuhnya tempat widget dan memudahkan pengunjung me‘like’ blog sobat.

Tanpa berlama-lama, berikut cara memasang like Facebook sembunyi atau melayang pada blog, cekibrot:
1.    Pastikan sobat sudah ‘stand by’ pada akun Blogger,
2.    Pergi ke Tata Letak,
3.    Klik Tambahkan Gadget, pilih HTML/JavaScript,
4.    Pastekan kode berikut,

<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/AVvXsEjOPgAP6Fd_p894Xj6RLGscQtrgmTlV2PB2dfRE3vF3hhFqaKyE0FgxHhwywUguTWO1VM4eiW0MFkUCgz_cvbHmWzGl4IrGc0C7q4FcK6AICwgfdh2lMuEUb2DLZSLhY2-5gqdvY0iCAeU/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>

    ____Masukkan ID Facebook sobat ke dalam kode yang berwarna biru.

5. Selesai, klik Simpan.

Catatan: Script Jquery di bawah ini tidak diterapkan jika telah ada sebelumnya pada blog sobat. Jika belum, pergi ke Template, klik tombol Edit HTML. Copy kode berikut di atas kode </head>,

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>.

Enjoy, klik Simpan Template.

Demikian tutorial cara membuat like Facebook sembunyi atau melayang pada blog, semoga bermanfaat. Happy blogging - 

Sumber: http://www.walman.org/2013/05/cara-membuat-like-facebook-melayang-di-blog.html#sthash.G2QXvJPH.dpuf