Membuat Floating Like Box Facebook di Blog

Widget melayang Facebook Like Box kali ini akan terasa simple dan ringan, karena disisipkan disamping kanan/kiri blog anda, dan akan mengurangi ruang Widget pada Blog anda.

Cara Membuatnya :

1. Anda harus mempunyai dulu kode widget facebook, atau anda bisa mendapatkannya disini.

2.  Login ke Bloger

3.  Pilih Rancangan > Elemen Laman > Add Gadget (HTML/Javascript).

4.  Copy script widget dibawah ini lalu pastekan pada gadget

<style type="text/css">

.barrightfacebook{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3qk1aZElWGaM61drvfyp0oXx2tzgbsSEvmMM2HZ-a6dF3x_cl6n-yCMDHH5KKmKoOpVDeZ2OhlX4E4SuOOlH4eFVJq_lo13PviRhn5YtHPX7CtLtMo7vZpk-qyJIwJzVynFvadkjkLeOE/');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/AVvXsEjks4x6Fyd6fWQ1prFtT5dhIxiwY4E2R3dyffDh6mmptc7WlSeSgPFthamVdLRpMy-zFAuGQEJ9-5M8PZnmtziIVbd_e4vVTAotlJSEcJX_1_WwuHseSrvTLQhYLhYHB5jcw4XTtnaCKe4U/');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 ANDA

<!-- End Facebook -->

</div>

</div>

5.      Ganti tulisan KODE FACEBOOK ANDA dengan kode Facebook Like Box

6.      Jika pada template anda belum terdapat javascript dari Facebook, maka copy javascript dibawah ini lalu letakkan tepat diatas kode </head>  pada template.

<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'/>

7. Lalu Simpan template anda, dan lihatlah hasilnya
Selamat mencoba mudah-mudahan berhasil.