Cara Memasang Widget Fans Like Box Facebook

Tips Blogging atau tutorial Blogspot lagi. OK lah kali ini saya akan share mengenai Cara Pasang Widget Fans Like Box Facebook Pada Blog Cara Pasang Widget Fans Like Box Facebook and CARA MEMBUAT "WIDGET LIKE FACEBOOK" DI BLOG

Ok langsung aja ya mas bro...

Tapi sebelum Memasang Widget Fans Facebook ini, terlebih dahulu sobat harus mempunyai akun facebook dan harus membuat fans pageterlebih dahulu. Langkah-langkah untuk membuat fans page danlike box facebook dapat sobat lihat dibawah ini... check it....Cara Pasang Widget Fans Like Facebook

Cara Membuat Fans Page Facebook :
1. Yang pasti LOGIN Facebook lah.
.2. buka link ini http://www.facebook.com/pages/create.php?campaign_id=368885149649&placement=pgall&extra_1=0

3. Ikutin aja langkah"nya.... pasti bsa kok.... hehehehe
Cara Membuat Like Box / Memasang Widget Fans Facebook :

1. buka link http://developers.facebook.com/docs/reference/plugins/like-box/

2. Pada kotak "Facebook Pages URL (?)", masukkan url dari fans page yang tadi telah sobat buat.

Home » Widget » Tips Membuat Floating Facebook Like Box Di Blogspot

Tips Membuat Floating Facebook Like Box Di Blogspot

<p>Your browser does not support iframes.</p>

Tips Membuat Floating Facebook Like Box - Widget melayang Facebook Like Box kali ini lebih simple dan ringan daripada widget-widget melayang lain yang pernah saya coba. Menempatkan widget dengan cara disembunyikan atau widget floating/melayang selain menghemat tempat pada sidebar juga dimaksudkan supaya tidak menghambat kecepatan loading awal blog pada saat dibuka. Floating Facebook Like Box ini saya dapatkan saat melancong ke blog tetangga dari Uruguay (jauh sekalee..!) yang full stylish banget. So mumpung masih fresh mendingan langsung bagi-bagi aja buat sobat blogger yang mungkin kepingin memasang widget melayang Facebook Like Box di blognya.

Cara Membuat Widget Melayang Facebook Like Box

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

2. Login ke dashboard blogger anda.

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

4. Copy script widget dibawah ini dan paste pada gadget.

<style type="text/css">

.barrightfacebook{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiemj42kjOYEAzsaLvftFUhmkC5DpwR6oIuSc8KnOvWFluL7O4X1wOTBz-Zvwu3MsimD9oIHykf9gerrWzSrTKIgCkh1Js8EKSwE1ItFLjKyEWUlI4gSW2r4t8kMD6305K1P_jtEwzUw8Cc/');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/AVvXsEjdaYLbvI7fJ8aTIAysZhIc6jqX-EqrmQhVy2QbFrZRJJrBd1hVLzNGw-7pXNwr8uhfu5RgHcGJSr5RjHWziNLVpH0lS0lEaY_yv5AaRy0gsc0IoTFTGfspNcUTgArzYmwq2JR9PcRCm7aJ/');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">



CONTENT FACEBOOK HERE



</div>

</div>

5. Ganti tulisan CONTENT FACEBOOK HERE dengan kode Facebook Like Box anda.

6. Jika pada template anda belum terdapat javascript dari Facebook, maka copy saja javascript dibawah ini dan letakkan tepat diatas 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 = "//connect.facebook.net/en_US/all.js#xfbml=1";

fjs.parentNode.insertBefore(js, fjs);

}(document, 'script', 'facebook-jssdk'));</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 Box yang anda buat sebelumnya melalui Facebook.

8. Save / Simpan.