Selasa, 29 Januari 2013

Cara Membuat Widget Facebook Like Box



Cara Membuat Widget  Facebook Like Box :

1.     Sebelumnya kamu harus sudah mendaftar dan mendapatkan kode Facebook Like Box untuk nanti dipasang pada widget.
2.       Login ke dashboard blogger anda.
3.       Pilih Tata Letak> 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/AVvXsEgmGJB1ZfuBEaJdTgSd3DOjZQvInBVAlrmjaqQbtQ8sXjc4d-xxUW2Cd7yd0QDvY-QLzD11aLmHlYtcT3WL-5o66z2EBE12osqwrPxDYrpRMYY6HR4iM34iEH5MnGo8MUdKSzgn-uEp71IV/');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/AVvXsEgvPALvnn3pcfpGmMdExzTfF8cuiH0Rc9mUSIVyFH6tao833tGraDMWgPuqWvrm9XL7SfcV704DEpL0nOzAfOOtztOnlXQkwJyvE9okxwD_wWwsLUBfiBTPTiJblyq2NFrfUFZwcFrKP-4v/');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 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.

0 komentar:

Posting Komentar