Tips Membuat Floating Facebook Like Box  - Widget melayang Facebook Like Box kaliini lebih simple dan ringan daripada widget-widget melayang lainyang pernah saya coba. Menempatkan widget dengan cara disembunyikanatau widget floating/melayang selain menghemat tempat pada sidebar juga dimaksudkan supayatidak menghambat kecepatan loading awal blog pada saat dibuka. Floating Facebook Like Boxini saya dapatkan saat melancong ke blog tetangga dari Uruguay (jauh sekalee..!)yang full stylish banget. So mumpung masih fresh mendingan langsung bagi-bagi aja buatsobat bloggeryang mungkin kepingin memasang widget melayang Facebook Like Box di blognya.
Cara Membuat Widget Melayang Facebook Like Box
1.     Sebelumnyaanda harussudah mendaftar dan mendapatkan kode Facebook Like Box untuk nanti dipasang pada widget.
2.       Login ke dashboard bloggeranda .
3.       Pilih Rancangan > Elemen Laman > Add Gadget (HTML/Javascript).
4.       Copy script widget dibawahini dan paste pada gadget.
<style type="text/css">
.barrightfacebook{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhA6h7A1gV7rI8kNxewf7PZst8xQwwRqw-LS4-p4wGXpYjDGYZTY1BPs_WDOdYbrZT01MUN2hokyhUremzCHqLgvCX7xaCTLO_1GO9Kpd7_2D-VHdfKDbrvN0CWrLZCOF-yoYqNLWMYGm4q/');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/AVvXsEhEGxGYAc1c8GqeK8uheURbc9UFll6om2oTxeLFgN835qodd7eizh2jKIPh4dhNreV5aynwnB9Fh4hutER1oBfdMphGXUlgvAPValuWuIW4G4F-RrsQHhuKu0YlN_DJVEhGaOuDOZr3sHzh/');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 -->
CONTENT FACEBOOK HERE
<!-- End Facebook -->
</div>
</div>
5.      Ganti tulisan CONTENT FACEBOOK HERE dengan kode Facebook Like Boxanda .
6.      Jika pada templateanda belum terdapat javascript dari Facebook, maka copysaja javascript dibawahini dan letakkan tepat diatas kode </head>  pada template supaya widget Facebook Like Boxini 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'/>
7.     Sesuaikan tinggi dan lebar widget supaya sama dengan ukuran Facebook Like Boxyang anda buat sebelumnya melalui Facebook.
8.      Save / Simpan.
Well, cukup gampang bukan membuat widget melayang Facebook Like Box  ini ? Sekian dulu tips blogging kaliini , happy nice blogging on Saturday Night !!