Home » » Cara Membuat Widget Melayang Facebook Like Box

Cara Membuat Widget Melayang Facebook Like Box

Cara Membuat Widget Melayang Facebook Like Box

  • Login ke dashboard blogger anda. 
  • Pilih Rancangan > Elemen Laman > Add Gadget (HTML/Javascript).\
  • Copy script widget dibawah ini dan paste pada gadget.
    <style type="text/css">

    .barrightfacebook{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfMxcQrT43R-NXkGT4gq61j4TPp4lRTR0K4qRcQ9Zl6NRvwpOhGHErS48Dhs5dWhKa4COfX_xjVcnZmsDv092OIKpd9B1tWKxnFdJQX5ZkcByH20R2iNmqBN-LZyzL8oQvTth5B3xkXFEi/');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:370px; z-index:1000;}

    .barrightfacebookc{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiz1cYe7oB2yMufr_pa4xZG9qU7_8NCPYS6jjZVQHvzqf_QH-2ss67gYmbwu4faz2UJ6YotiOl5wSuI2M-XO7ctkqr72RhKaB7S4cNHLzjoz2Yv-aZij52FXRE5MFePyXvThO3rQAe9nR_H/');background-repeat:no-repeat;width:288px;height:345px;position:fixed;right:0px;top:185px; z-index:1100;}

    .barcontefacebook{margin:5px 0 0 47px}

    </style>



    <div class="barrightfacebook" onmouseover="this.className='barrightfacebookc'" onmouseout="this.className='barrightfacebook'">

    <div class="barcontefacebook">

    <!-- Begin Facebook -->

    KODE FACEBOOK LIKE BOX ANDA DISINI

    <!-- End Facebook -->

    </div>

    </div>
  • Ganti tulisan KODE FACEBOOK LIKE BOX ANDA DISINI dengan kode Facebook Like Box yang sudah anda persiapkan. 
  • Jika pada template anda belum terdapat javascript dari Facebook, maka copy saja javascript di bawah ini dan letakkan tepat di atas kode </head>  pada template supaya widget Facebook Like Box ini bisa berfungsi.
     <script>(function(d, s, id) {

      var js, fjs = d.getElementsByTagName(s)[0];

      if (d.getElementById(id)) {return;}

      js = d.createElement(s); js.id = id;

      js.src = &quot;//connect.facebook.net/en_US/all.js#xfbml=1&quot;;

      fjs.parentNode.insertBefore(js, fjs);

    }(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));</script>

    <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
  • Sesuaikan tinggi dan lebar widget supaya sama dengan ukuran Facebook Like Box yang anda buat sebelumnya melalui Facebook. 
  • Save / Simpan.
Selesai.... bagaimana? gampang kan caranya? semoga Cara Membuat Widget Melayang Facebook Like Box ini blog anda semakin menarik dan unik.
Label: