Cara Membuat Like Box Pop Up Facebook Melayang

Tweet

Pada postingan kali ini gw bakal ngasih Tau cara membuat Like Box Pop Up Facebook Melayang, langsung aja check this out gan.

• Pertama log in ke Blogger anda.
• Di Dashboard blog lalu klik Tata Letak terus klik add Gadget, Lalu pilih HTML/JavaScript.

• Setelah kebuka HTML/JavaScript copy kode di bawah ini dan paste di situ.

<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/AVvXsEg53FEo2ywrijLLeGMWnOk_2tEFVdg1W2fUdDrrQAaae3V9rJKjhqRJNA9ao59i1M9-L9shy_mc3_N_VjrXDaNqfOVxvVP2MuTWt2n6mO7Wi8qw3934trIzh-lse_lg7ppv_wAgjjMgKBc/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>

• Lalu cek kodenya yang tulisanya ID FACEBOOK, trus ganti pakai ID Facebook anda. Kalau sudah tinggal di save dan buka blognya, bagaimana hasilnya gan? Kalau berhasil bilang thank's sama yang punya blognya.

Note : Kalau cara di atas gak berhasil / hasilnya kurang maksimal, coba copy kode di bawah ini.

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

• Terus di Dashboard klik Template, lalu Edit HTML.
• Cari kode </head> Untuk memudahkan pencarian klik Ctrl+F, kalau sudah ketemu paste kode tadi sebelum / atasnya. Cek preview dulu kalau berhasil baru save tempalte nya.