Cara Membuat Like Fanspage Facebook di Blog Ringan dan Simpel

0
4
views
Widget Like Fanspage Ringan dan Simple – Jika kalian seorang blogger ataupun tidak pastinya sudah tahu kan apa itu fanspage facebook?
Ya fanspage merupakan sebuah halaman facebook, yang didalamnya dapat membagikan pemberitahuan yang kita miliki.
Sebuah like fanspage facebook sangatlah dibutuhkan terlebih lagi jika anda seorang blogger. Mengapa demikian ?
Widget like fanspage facebook ini sangat membantu para blogger untuk mendapatkan kunjungan dari media sosial serta memudahkan pengunjung setia untuk mendapatkan artikel terbaru. Berikut saya berikan gambaran mengenai widget like fanspage ringan dan simple.

Widget Like Fanspage Ringan dan Simple


Nah itu dia widget like fanspage ringan dan simple, berbeda dengan widget bawaan dari facebooknya.

Lalu, mengapa bisa lebih ringan? hal iini disebabkan karena hanya foto profil dan nama fanspage saja yang ditampilkan, biasanya sebuah widget like fanspage menampilkan sebuah foto cover halaman. Ini jelas akan memberatkan.

Mau tau bagaimana cara membuat widget like fanspage ringan dan simple seperti diatas ?

Cara Membuat Like Fanspage Facebook di Blog

Untuk membuat like fanspage seperti diatas ikuti tutorial berikut dengan seksama, jangan terburu-buru ya nanti jatoh hehe
  • Masuk ke dashboard blog anda, lalu pilih Template > Edit Html.
  • Selanjutnya tekan ctrl+f, lalu cari </body>.
  • Letakan kode berikut ini dibawah </body>
<!– script fanpage –>
<script type=’text/javascript’>
//<![CDATA[
(function(){var a=document.createElement(‘script’);a.type=’text/javascript’;a.async=true;a.src=’http://connect.facebook.net/id_ID/all.js.php#xfbml=1′,’facebook-jssdk’;var b=document.getElementsByTagName(‘script’)[0];b.parentNode.insertBefore(a,b)})();
//]]>
</script>
  • Simpan template.
Tahap selanjutnya adalah menampilkan widget like fanspage nya

  • Buka tata letak/layout > lalu tambahkan widget > pilih HTML/Javascript
  • Lalu masukan kode html dibawah ini
<div style=’background:#fff;margin:0;border:1px solid #ccc;padding:0px;’>
<div style=’background:#fff;margin:0 auto;text-align:center;’>
<div class=”fb-like-box” data-href=”https://www.facebook.com/Asah-Ilmu-197098757495476” data-colorscheme=”light” data-show-faces=”false” data-header=”true” data-stream=”false” data-show-border=”false”>
</div></div></div>.

Selanjutnya ubah text yang berwarna merah diatas atau seperti ini “https://www.facebook.com/Asah-Ilmu-197098757495476” menjadi url fanspage facebook anda.

  • Lalu simpan


Selesai, bisa anda lihat hasilnya langsung. Jika gagal atau hanya tampil garis saja. Hapus kode yang anda letakan diatas </body> tadi.

Cukup sekian tutorial mengenai Cara Membuat Like Fanspage Facebook di Blog, Jika ada yang tidak mengerti bisa ditanyakan dikolom komentar, terimakasih. Jangan lupa share ya

1 COMMENT

LEAVE A REPLY

Please enter your comment!
Please enter your name here