Membuat Floating Like Box Facebook di Blog - Media Informasi Kita
Headlines News :
Home » » Membuat Floating Like Box Facebook di Blog

Membuat Floating Like Box Facebook di Blog

Widget melayang Facebook Like Box kali ini akan terasa simple dan ringan, karena disisipkan disamping kanan/kiri blog anda, dan akan mengurangi ruang Widget pada Blog anda.

Cara Membuatnya :
1. Anda harus mempunyai dulu kode widget facebook, atau anda bisa mendapatkannya disini.
2.  Login ke Bloger
3.  Pilih Rancangan > Elemen Laman > Add Gadget (HTML/Javascript).
4.  Copy script widget dibawah ini lalu pastekan 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 -->
KODE FACEBOOK ANDA
<!-- End Facebook -->
</div>
</div>
5.      Ganti tulisan KODE FACEBOOK ANDA dengan kode Facebook Like Box
6.      Jika pada template anda belum terdapat javascript dari Facebook, maka copy javascript dibawah ini lalu letakkan tepat diatas kode </head>  pada template.
<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. Lalu Simpan template anda, dan lihatlah hasilnya
Selamat mencoba mudah-mudahan berhasil.
Share this article :

0 komentar:

Speak up your mind

Tell us what you're thinking... !

 
Support : Sundaboy | Chinot | Garut Kulit Center
Proudly powered by Blogger
Copyright © 2013. Media Informasi Kita - All Rights Reserved
Media Informasi Kita
Original Design by Creating Website