membuat floating facebook like box

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,"http://developers.facebook.com/docs/reference/plugins/like-box/"
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('http://1.bp.blogspot.com/-3xq-Se4UF9w/TpOxNLDMYmI/AAAAAAAAAOM/yaPj4IUjnQ0/facebook.png');background-repeat:no-repeat;width:39px;height:159px;position:fixed;right:0px;top:370px; z-index:1000;}
.barrightfacebookc{background:url('http://2.bp.blogspot.com/-Cum28YwF4d8/TpOxM_lUKMI/AAAAAAAAAOE/L4pJ91PTVz4/facebook.png');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 "kode di facebook yang tadi anda lakukan"
<!-- End Facebook -->
</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 = &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 Box yang anda buat sebelumnya melalui Facebook.
8.      Save / Simpan.

Tips tricks yang populer lainnya:

2 komentar:

sherlina halim mengatakan...

www.indobet77.com

Master Agen Bola , Casino , Tangkas , Togel Terbesar
dan Terpercaya Pilihan Para Bettor

New Promo ( khusus produk 998bet )
- Bonus 100 % New Member sportsbook ( 998 bet ) .
- Bonus 100 % New Member Casino ( 998 bet ) .
( Syarat dan Ketentuan Berlaku )

Promo Terbaru :
- Bonus 10% New Member Sportsbook ( SBObet, IBCbet , AFB88 ,368bet , M8bet , 998bet )
- Bonus 5% New Member Casino Online ( 338a , 1Scasino , Asia8bet , CBO855 )
- Bonus 10% Setiap Hari Bola Tangkas ( TangkasNet , 368MM , 88 Tangkas )
- Togel Online ( Klik4D )
- Sabung Ayam ( New Produk )
- CASHBACK untuk Member
- BONUS REFERRAL 5% + 1% Seumur Hidup

untuk Informasi lebih jelasnya silahkan hubungi CS kami :
- YM : indobet77_sb2@yahoo.com
- EMAIL : indobet77@gmail.com
- WHATSAPP : +63 905 213 7238
- WECHAT : indobet77
- SMS CENTER : +63 905 213 7238
- PIN BB : 2B65A547 / 24CC5D0F

Salam Admin ,
http://indobet77.com/

sherlina halim mengatakan...

Pengen yang lebih seru ...
Ayo kunjungi www.asianbet77.com
Buktikan sendiri ..

Real Play = Real Money

- Bonus Promo Red Card pertandingan manapun .
- Bonus Mixparlay .
- Bonus Tangkasnet setiap hari .
- New Produk Sabung Ayam ( minimal bet sangat ringan ) .
- Referal 5 + 1 % ( seumur hidup ) .
- Cash Back up to 10 % .
- Bonus Royalty Rewards setiap bulan .

Untuk Informasi lebih jelasnya silahkan hubungi CS kami :
- YM : op1_asianbet77@yahoo.com
- EMAIL : melasian77cs@gmail.com
- WHATSAPP : +63 905 213 7234
- WECHAT : asianbet_77
- SMS CENTER : +63 905 209 8162
- PIN BB : 2B4BB06A / 28339A41

Salam Admin ,
asianbet77.com

Download Disini

Kaskus Only
:ilovekaskus :iloveindonesia :kiss :maho
:najis :nosara :marah :berduka
:malu: :ngakak :repost: :repost2:
:sup2: :cendolbig :batabig :recsel
:takut :ngacir2: :shakehand2: :bingung
:cekpm :cd :hammer :peluk
:toast :hoax: :cystg :dp
:selamat :thumbup :2thumbup :angel
:matabelo :mewek: :request :babyboy:
:babyboy1: :babymaho :babyboy2: :babygirl
:sorry :kr: :travel :nohope
:kimpoi :ngacir: :ultah :salahkamar
:rate5 :cool :bola

by Pakto
:mewek2: :rate-5 :supermaho :4L4Y
:hoax2: :nyimak :hotrit :sungkem
:cektkp :hope :Pertamax :thxmomod
:laper :siul :2malu: :ngintip
:hny :cendolnya

by misterdarvus
:maintenis: :maintenis2: :soccer :devil
:kr2: :sunny

Posting Komentar

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Powered by Blogger