Tips Membuat Like Fans Page Blog

Wahanarupa.com - Media sosial memang cocok buat promosi blog atau website.Nah, untuk membuat like dan share fans page di blog sangatlah mudah. Sebenarnya sudah banyak yang share membuat halaman like. Untuk Anda yang ingin membut sederhana dan simpel bisa menerapkan tips dari saya.

Sebenarnya code ini utuk like tiap postingan blog, biasanya ada di akhir postingan atau artikel. Tapi tidak salahnya jika diletakkan di halaman Fans Page Facebook.

Tampilan demo seperti gambar diatas. Dengan menggunakan tipe ini pastinya akan lebih responsive, sehingga blog Anda akan lebih ringan saat loading. Bagaimana? ingin mencobanya? beriku cara membuatnya

Langkah-Langkahnya
1. Menggunakan code iFame

• Copy code script dibawaha ini

<div class="fb-like" data-href="https://www.facebook.com/wahanarupacom/" data-layout="button_count" data-action="like" data-show-faces="true" data-share="true"></div>

• Login ke blog Anda
• Masuk ke tata letak
• Tambahkan gadget
• Pilih HTML/JavaScript
• Paste code diatas tadi
• Untuk warna merah ganti dengan URL fans page Anda
• Kemudian Simpan

Dengan demikian tombol like atau share sudah selesai dibuat. Tapi menggunakan iFame biasany membuat blog terasa berat. Jika anda ingin menggunakan cara lain yang lebih ringan untuk blog bisa melakukan dengan cara sebagai berikut. ( Baca Juga : Blogging? Apa hal positif yang didapat )
2. Cara membuat fansPage degan JS

• Buka facebook developer disini
• Masukkan URL Fans Page Facebook Anda
• Dan sesuaikan dengan keinginan, nanti akan muncul demo nya
• Jika sudah sesuai dengan keinginan
• Klik get code

Code menjadi seperti ini. Rubah warna merah dengan alamat FansPage anda

<div id="fb-root"></div>

<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 = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.7";

  fjs.parentNode.insertBefore(js, fjs);

}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-like" data-href="https://www.facebook.com/wahanarupacom/" data-layout="button_count" data-action="like" data-size="small" data-show-faces="false" data-share="true"></div>

• Pilih javaScript SDK
• Copy code yang diatas dan bawah dan jadikan satu
• Kemudian kembali ke blogger>tataletak>tambah gadget>pilih HTML/JavaScrip
• Kemudian paster code tadi
• Simpan

Bagaimana? mudah bukan. Tips ini cocok untuk blog yang ingin cepat proses loadingnya dan simpel. Semoga artikel saya bisa menjadi refrensi dan terus ikuti update di wahanarupa.com

Advertisemen

 Blog