Rabu, 22 Februari 2012

Cara membuat kotak facebook like melayang otomatis


1. Login ke dashboard blog sobat
2. Rancangan --> Edit HTML
3. cari kode  
4. Copy kode dibawah lalu letakkan diatas  




<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'/>


5. Save template sobat
6. Selanjutnya ke menu Rancangan
7. Klik add gadget 
8. Pilih HTML/JavaScript
9. Copy dan paste code dibawah kedalam kotak HTML/JavaScript tadi






<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 -->
script fanspage facebook disini
<!-- End Facebook -->
</div>
</div>



Keterangan :

  • Ganti script fanspage facebook disini  dengan script fanspage facebook sobat
  • Pada script fanspage gunakan lebar dan tingginya sama dengan iniwidth:288px;height:345px

10. Save dan lihat hasilnya

Selamat mencoba triks membuat kotak facebook like melayang otomatis.



Tidak ada komentar:

AMANAT

Visitors

FOLOw