Kamis, 12 Januari 2012

Cara membuat kotak facebook like melayang otomatis


Sobat yang tertarik ingin mencoba berikut langlah - langkahnya:

1. Login ke dashboard blog sobat

2. Rancangan --> Edit HTML

3. cari kode  </head>

4. Copy kode dibawah lalu letakkan diatas  </head>
<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 ini width:288px;height:345px

10. Save dan lihat hasilnya

2 komentar:

  1. wahh ntar saya coba ya gann.oh ya gann,sekedar kasih saran,blog agan berat banget gan,terutama di widget buku tamu.dirapihin lagi ya gan,semoga membantu :)

    BalasHapus
  2. OK gan'' makasi saran dan kunjungannya ::....

    BalasHapus
:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( :-p =))

Silahkan Tulis Komentar Anda Secukupnya ..!!