Cara membuat kotak Like Fb Keren Versi baru 2012

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. Copy dan paste code dibawah kedalam kotak HTML/JavaScript tadi

<style type="text/css">
.barrightfacebook{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFIDpEzIBPe1ZHox7FaROjPTs7fo8JMyMZT5UVTspjv9Nr4LD0nxAa9Uc1E-7jJ09UrEggmGUZBAgYXGSE0GKtQvbUcni8MCKyg7TQmSNbnYRB8gZESd8cs5rz-IyHfJmfoqCyUgI6YGvv/');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/AVvXsEiWLMcmIvTXl0Qw_xLAUzg9BFaskyc_swjTOXc1m9OFtbctFjtsyIJRU70Tm95_iFht5lk2LfWungQwFNzniqOvgOwtBEcDo2Zz4rPJwqGzNDUVgwSGbHgaFSVsVNIZ1DPQfDsNu4yobVMV/');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