Kumpulan Widget Fans Page Terlengkap

Tampilan Facebook Fans Page sangat banyak dan beragam. Pada artikel kali ini saya ingin memberikan widget Fans Page dengan berbagai tampilan yang dapat Anda gunakan. Tapi perlu di ingat kalau tiap widget facebook fanspage memiliki kelebihan dan kekurangan, jadi Anda bisa memilih sesuai kebutuhan saja. Sebelumnya saya ingin memberitaukan cara pemakaiannya, mungkin beberapa sobat blogger sudah pada tau. Setelah login ke akun blogger saudara silahkan pilih Layout > Add Widget > HTML/Jawascript, setelah itu pilih lalu masukkan kode yang Anda inginkan.

Bila ada widget yang tidak muncul, silahkan menuju ke Template > Edit Html lalu letakkan script di bawah tepat di atas kode </body>.

<script type='text/javascript'>
//<![CDATA[
(function(){var fb1=document.createElement('script');fb1.type='text/javascript';fb1.async=true;fb1.src='http://connect.facebook.net/id_ID/all.js#xfbml=1','facebook-jssdk';var fb2=document.getElementsByTagName('script')[0];fb2.parentNode.insertBefore(fb1,fb2)})();
//]]>
</script>

1. Fans Page Dengan Iframe Tampilan Standar

<div class="fb-like-box" data-href="https://www.facebook.com/opickweblog" 
data-width="292" data-show-faces="true" data-stream="false" 
data-show-border="true" data-header="true"></div>

2. Fans Page Dengan Iframe Tampilan Minimalis

<style type="text/css">
.itn-facebook {background:#FFFFFF;border: 1px solid #DCDCDC;margin-top: -2px;padding: 5px 10px;}
</style>
<div class="itn-facebook">
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Fopickweblog&amp;width=275&amp;layout=standard&amp;action=like&amp;show_faces=true&amp;share=true&amp;height=67px' style='border:none; overflow:hidden; width:275px; height:67px;'></iframe></div>

3. Fans Page Minimalis Versi 1

<div class='fb-like' data-action='like' data-href='https://www.facebook.com/opickweblog' 
data-layout='standard' data-share='false' data-show-faces='false' data-width='285'/>

4. Fans Page Minimalis Versi 2

<div class='fb-like-box' data-header='true' data-href='https://www.facebook.com/opickweblog' 
data-show-border='false' data-show-faces='false' data-stream='false' data-width='292'/>

5. Fans Page Tampilan Terbaru

<div class="fb-page" data-href="https://www.facebook.com/opickweblog"
  data-width="340" data-hide-cover="false" data-show-facepile="true"
  data-show-posts="false"></div>

6. Fans Page Tampilan Terbaru Minimalis

<div class="fb-page" data-href="https://www.facebook.com/opickweblog"
data-width="380" data-hide-cover="false" data-show-facepile="false"
data-show-posts="false"></div>

Note :
Silahkan ganti https://www.facebook.com/opickweblog dengan url fanspage Anda.

Bagikan Artikel ini