Cara Membuat Floating Facebook Like Box Di Blog/Blogspot

Cara Membuat Floating Facebook Like Box Di Blog/Blogspot postingan Cara Membuat Widget Melayang Facebook Like Box Di Blog atau Cara Pasang Kotak Facebook Like Melayang Di Blogspot. Tips Trik Blog bosimam kali ini Bagaimana Buat Facebok Like Box Di Blog ini sangat ringan untuk di gunakan di Blog. Widget ini selainmenghemat tempat pada sidebar juga dimaksudkan supaya tidak menghambatkecepatan loading awal blog pada saat dibuka.

Oke berikut Cara Membuat Floating Facebook Like Box Di Blog/Blogspot :

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/AVvXsEiAr3Vy3Mpmpzzaid6XHHmX57INOT3cGkW6KmwbygzfOKzv87VR7bngVZ1H6rSGwanLfeuwT_opgIjBDa6BVAWsTj-7rszP_TZhwZuxH4UOV4OF3jhEkAf8CPToVW70v2juJN1QEOCxPIB9/');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/AVvXsEi3mrbU4t52vqriVGoJsC3kJuN5ok_xrkEo_aGPqONyD2HRAbk8rfWuxJeehtH1BbZYfYK4MaXlQcW0fDaCC_q82Kyi-2HNnG3TW_7SEWxTMEjAd2FzvKIOXduGVlqoIm85oXPUtJBZUSJu/');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.

Untuk Contoh Anda Dapat lihat di blog saya sendiri. Terima kasih atas perhatiannya sekian Tips Trik Blog saya dalam postingan dengan keyword tentang  Buat Floating Facebook Like Box Di Blog/Blogspot. Semoga Anda sukses menerapkannya di blog anda. Jika anda kesulitan memasang widget blog ini silahkan berkomentar dan akan segera saya balas.