Notification

×

Kategori Berita

Ingin Mencari Artikel?
✓ Tersedia berbagai artikel yang dapat menambah wawasan Anda.
TRENDING TERKINI

Adsense Responsif

Tag Terpopuler

Cara membuat widget facebook disamping kanan

19 Januari 2014 | 16:21 WIB Last Updated 2021-08-02T18:45:04Z
Bantu Subscribe ya?
Subscribe
Credit img: freepik.com

Widget ini sebenarnya lebih berguna untuk pengunjung blog anda bahwa ternyata blog anda mempunyai sebuah fans page di facebook. Dalam tata letaknya widget ini pun sangat simple dan tidak membutuhkan banyak tempat. Jadi jika anda telah mempunyai halaman blogspot sobat di facebook, maka membuat Like Box Facebook di blog dapat lebih berguna untuk meningkat like fans page facebook anda.


Berikut langkah untuk membuatnya widget facebook disamping kanan:
Login ke akun blogger anda
Pilih Tata Letak> Tambah Gadget> HTML/JavaScript
Copy paste dan 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("http://3.bp.blogspot.com/-1GCgbuSZXK0/T38iRiVF41I/AAAAAAAABpg/WlGuQ3fi-Rs/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=https://www.facebook.com/pages/Time-is-Money/416814288418636&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>
Klik Simpan

NB: warna biru bisa diganti dengan URL facebook anda

Selanjutnya pergi ke Template> EditHTML
Copy paste kode dibawah ini tepat diatas kode </head>


<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/> 

Simpan dan selesai.
Semoga bermanfaat.
×
Artikel Terbaru Update
Rekomendasi Untuk Anda × +