Tips Membuat Floating Facebook Like Box Di Blogspot

Tips Membuat Floating Facebook Like Box  - Widget melayang Facebook Like Box kali inilebih simple dan ringan daripada widget-widget melayang lain yang pernah sayacoba. Menempatkan widget dengan cara disembunyikan atau widget floating/melayang selainmenghemat tempat pada sidebar juga dimaksudkan supaya tidak menghambatkecepatan loading awal blog pada saat dibuka. Floating Facebook Like Box inisaya dapatkan saat melancong ke blog tetangga dari Uruguay (jauh sekalee..!) yangfull stylish banget. So mumpung masih fresh mendingan langsung bagi-bagi ajabuat sobat blogger yang mungkin kepingin memasang widget melayang Facebook LikeBox di blognya.

Cara Membuat Widget Melayang Facebook Like Box

1.     Sebelumnya anda harus sudah mendaftar danmendapatkan kode Facebook Like Box untuk nanti dipasang pada widget.

2.      Login ke dashboard blogger anda.

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

4.      Copy script widget dibawah ini dan paste padagadget.

<style type="text/css">

.barrightfacebook{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKQis9Qrucmweaa-f1YPOVKiqrY2-WJ6lvzzWIU1qgif7ddNog99xpi63W_ZWgOX5V9lUiTHIQMp7dNHzj0QjqREDpLKGwcv4eoL0XcIRH4-pU_OGuj27nlfUH_C2BfYYtIpEeyARrlrAg/');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/AVvXsEjzHc87S706lIDkLerLHgFP2RJfICmtnstmZhbxQ0HM9BYyrPVn5_X-53v-D0jWOnQrMybPWHLHijHwC3TEgeH4VjURFxdMtJteJ55Cp1Y54gyjD7dip3FhAHt6faNzILaLMd0J_jF6uCVy/');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 -->

CONTENTFACEBOOK HERE

<!-- End Facebook -->

</div>

</div>

5.      Ganti tulisan CONTENT FACEBOOK HERE dengan kodeFacebook Like Box anda.

6.      Jika pada template anda belum terdapatjavascript dari Facebook, maka copy saja javascript dibawah ini dan letakkantepat 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>

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

7.     Sesuaikan tinggi dan lebar widget supaya samadengan ukuran Facebook Like Box yang anda buat sebelumnya melalui Facebook.

8.      Save / Simpan.

Well, cukup gampang bukan membuat widget melayang Facebook Like Box  ini ? Sekian dulu tipsblogging kali ini, happy nice blogging on Saturday Night !!