Cara membuat kotak like Facebook

Tutorial | Bagi sobat yang belum bisa membuat kotak like fb, kali ini  tips dan triks blog akan share  Cara membuat kotak like Facebook atau fanspage. sebelumnya si postingan Cara Membuat Like Box FB Auto Hide di Blog  akan membuat fans page melayang otomatis ketika iconnya disentuh dengan kursor mouse.

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   

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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiO6b5fuZkTXRgkJRxWadgxA_2ZCPQ9sDZLUzZh462hfWroWJpnizxW5Mr8AMXZxunaTDn_tde225iKexuvgirCN-btYWo2qDpzcwiVr6uyoFGzepN9Y0J_LlF0QctDMfNe4at9j0dwWjep/');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/AVvXsEgvaxajdqDwHc1lVT4i4z_p-U1UHST11HxpuMRsv-er7pCWchliX_sLQnsH0secpCd8XDXlYn1QypZDb8jcANDR42HGoWIHb4td85ZQic6Kd1g9QYRUaHPpZykSaYrMzxDg8oFbc9JILXpZ/');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 -->

<div class="fb-like-box" data-href="http://www.facebook.com/pages/Belajar-Blogger/299070046804620" data-width="288" data-show-faces="true" data-stream="true" data-header="true"></div><!-- End Facebook -->

</div>

</div>

Keterangan :

• Ganti script fanspage facebook saya dibawah <!--begin facebook--> dengan script fanspage facebook sobat
• Pada script fanspage gunakan lebar dan tingginya sama dengan ini width:288px;height:345px

10. Save dan lihat hasilnya

Sekian nd Tengkyuuu sahabat Blogger Tutorial :)