Cara Memasang Facebook Like Box Popup Widget Di Blog

Cara Membuat Facebook Like Box Popup Widget Di Blogger - Sudah agak lama saya tidak update postingan. Pada malam ini saya akan share widget facebook like box popup widget. Sama dengan widget facebook like box lainnya, facebook like box ini berguna agar pengunjung bisa mengetahui & like fanspage facebook kita.

Facebook Like Box Popup Widget

Widget facebook like box yang saya share ini tidak menggunakan JS sehingga penggunaan JS di blog kita menjadi lebih sedikit & loading blog menjadi lebih ringan dari widget facebook like box yang menggunakan JS.
DEMO : 
Klik gambar dibawah ini :

Blog Mas Aldi on Facebook

Bagi anda yang ingin memasang widget ini keblog anda, silahkan simak tutorial saya kali ini :)

Tutorial Memasang Facebook Like Box Popup Widget Di Blog :

1.) Masuk ke blogger -> Pilih menu "Tata Letak" -> Klik "Tambahkan Gadget" di tempat widget ini akan dipasang -> Lalu pilih "HTML/Javascript"

2.) Masukkan Kode/Script Di Bawah Ini :

<style type="text/css" scoped>
.facebox{width:100%;padding:0;margin:0 auto;text-align:left;}
.kompifb{font-weight:bold;margin-bottom:5px;color:#333}
img.kompi-fb {width: auto;max-width: 100%;height: auto;}
</style>
<div class="facebox">
    <div class="kompifb">Blog Mas Aldi on Facebook</div>
<a href="javascript: void(0)" onclick="popup1('http://www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fblogmasaldi&width=300&height=290&colorscheme=light&show_faces=true&header=true&stream=false&show_border=true')" title="Blog Mas Aldi on Facebook"><img class="kompi-fb" alt="Blog Mas Aldi on Facebook" height="89" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHb86wontBv6-CsBtnQPZI4aVBij_HOLAvpJFzv2HuwSxllrz05SL2FDQa1ZUwJPd5XzLhcnmJcBAHYzdW0MgwDr6SsWsELb8kPm1tBS7xoCTfp3SUIG2UTDBh_mPWPH7kagI5TCUAeRfD/s1600/like-us-on-facebook.gif" width="300" title="Blog Mas Aldi on Facebook"/></a>
    </div>
<script type="text/javascript">
function popup1(e){var t=300;var n=290;var r=(screen.width-t)/2;var i=(screen.height-n)/2;var s="width="+t+", height="+n;s+=", top="+i+", left="+r;s+=", directories=no";s+=", location=no";s+=", menubar=no";s+=", resizable=no";s+=", scrollbars=no";s+=", status=no";s+=", toolbar=no";newwin=window.open(e,"windowname5",s);if(window.focus){newwin.focus()}return false}
</script>

- Ganti kode berwarna merah dengan username/id fanspage anda.
- Ganti kode berwarna hijau dengan nama blog/fanspage anda.
3.) Klik Simpan, Selesai :)

Terima kasih telah membaca artikel saya tentang cara memasang facebook like box popup widget di blog, semoga tutorial ini bermanfaat untuk anda :)

Sumber Kode : http://www.kompiajaib.com/2014/10/facebook-like-box-popup-widget-dengan.html

Cara Memasang Facebook Like Box Popup Widget Di Blog 2014-11-05T21:01:00+07:00 Rating: 4.5 Diposkan Oleh: Anonymous