Facebook Like Box Popup Widget Dengan Url Plugin

Facebook Like Box Popup Widget Dengan URL Plugin - Terus mencoba meningkatkan performa loading blog, sekarang aku menemukan sebuah trik untuk menampilkan Facebook Like Box dengan popup window dengan memanfaatkan URL Plugin Code dari Facebook.

Sehingga dengan ini kita sanggup mengurangi penggunaan Facebook JS yang jelas-jelas membebani loading blog.

Masih ingat dengan postingan aku ihwal popup window pada link follow this blog? Ini pun memanfaatkan javascript yang sama menyerupai popup window pada link follow this blog. Dibanding dengan Facebook JS (pihak ketiga), javascript ini sangat ringan sebab tidak tergantung dengan jquery library.

Pada mulanya aku tidak mengerti untuk apa instruksi plugin URL di Facebook Developer sehingga tidak pernah mengutak-ngatiknya. Kemudian aku mencoba mengaksesnya dan ternyata mengarah ke halaman Facebook like box dalam halaman tersendiri. 

Kemudian aku gres ingat, kenapa tidak dibentuk popup window saja, sehingga dengan itu kita tidak memakai Facebook JS untuk menampilkan widgetnya untuk mengurangi waktu loading blog.

DEMO

Bagi yang ingin mencobanya, silahkan gunakan instruksi di bawah ini. Paste kodenya pada gadget HTML/JavaScript di sidebar.

 <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">Kompi Ajaib on Facebook</div>
 <a href="javascript: void(0)" onclick="popup1('http://www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fkompiajaib&width=300&height=290&colorscheme=light&show_faces=true&header=true&stream=false&show_border=true')" title="Facebook Like Box Popup Widget Dengan URL Plugin"><img class="kompi-fb" alt="Facebook Like Box Popup Widget Dengan URL Plugin Facebook Like Box Popup Widget Dengan URL Plugin" height="89" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1Uj2lX_5wYJNDbOqFSrnTBk5KcCc1C3dkLmmV3GnH8xH5Pm6e67BCAdtzti9HfJ7PSusVetbf7ICChNwnm3cbUrWr9Ws9jHdyohkLwg48Sxqlp6mK4fz424DTICfvj1i9IOPEa9RtgsW0/s1600/like-us-on-facebook.gif" width="300" title="Facebook Like Box Popup Widget Dengan URL Plugin"/></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>

Semua instruksi Kompi Ajaib... silahkan sesuaikan dengan title Fans Page Facebook blog Anda.

Ganti instruksi kompiajaib yang aku marking dengan username Fans Page Facebook blog Anda pada URL menyerupai di bawah ini.

http://www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fkompiajaib&width=300&height=290&colorscheme=light&show_faces=true&header=true&stream=false&show_border=true

Jika Anda memiliki animasi gif atau gambar untuk Like Fans Page Facebook sendiri, silahkan ganti imagenya. Jangan lupa sesuaikan width dan height image-nya.

Sumber https://www.kompiajaib.com/

Share this post