Laman

Senin, 06 Agustus 2012

Cara membuat Floating Facebook like


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/AVvXsEiXX16mSPY5DwLbF2P1mStLpqw7yvdYBrzmZkmdeclS-QkzUWTXtOXVdoRSIi0RrJKcuJw8L8__OYjUkRqlWjvV8zLJhtp6RuFx4KGU-fcDkPZJqPYCS_5nQb7UxcHeNU30czovieSZaMGZ/');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/AVvXsEhA1P5PHdEmY1B7s34bPTKjmWqHnTEZ5d41N5uiQhkLAr8c3h2uKb3fE80zJnVOUW5YWPiRaVF6mL7KSAlbbINDa2qjyj4nWgAxAlxZxIemseONAQqe8JNAVEEl6qE1ctYh9IX6OAF8kBsg/');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.

Keterangan :
Untuk cara mendapat kan CONTENT FACEBOOK HERE dapat dilihat disini!!


SELESAI...tinggal save dan lihat hasil nya!! Jangan lupa difollow ya.. terima kasih :D


Posting Komentar