Minggu, 05 Agustus 2012

Cara Membuat Widget Melayang Facebook Like Box



*Login ke dashboard blogger anda.
*Pilih Rancangan > Elemen Laman > Add Gadget (HTML/Javascript).\
*Copy script widget dibawah ini dan paste pada gadget.

<style type="text/css">

.barrightfacebook{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijgJENQbZPvR_fNDq4RhFv3Va7PDi28DgMwCv8HTC_jerCr6hSJTLEFsFI14mEbL1mrL46du2a8r0TZ6l4KnpAWFBphHBq6ufRPNjpNLBP-9IChLmBoH0tlKl65dmh8bRC5rNB9EKdhm0j/');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/AVvXsEjB7Hm2J-yrAxL7F66bWaMG-oQVq5ZwEo0Dmba3TthGtEc-4BLVf6m4hFLdhz8bTL7IEeMAHll_Zwv-T5-HtWbf-SWEr62dgDM4vO6rAVqRQ9tpf14kJhYAWLiAf1MSIOuWTgrlWBuYEES4/');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 LIKE BOX ANDA DISINI

<!-- End Facebook -->

</div>
</div>


Ganti tulisan KODE FACEBOOK LIKE BOX ANDA DISINI dengan kode Facebook Like Box yang sudah anda persiapkan.
Jika pada template anda belum terdapat javascript dari Facebook, maka copy saja javascript di bawah ini dan letakkan tepat di atas 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'/>

Sesuaikan tinggi dan lebar widget supaya sama dengan ukuran Facebook Like Box yang anda buat sebelumnya melalui Facebook.
Save / Simpan.

Selesai.... bagaimana? gampang kan caranya? semoga Cara Membuat Widget Melayang Facebook Like Box ini blog anda semakin menarik dan unik.


Happy blogging...


Tidak ada komentar:

Posting Komentar

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Best Web Host
pasang teks berjalannya disini