Cara Membuat Facebook Like Box Responsive dan SEO 100%

Facebook Like Box adalah kotak Facebook Fans Page yang ditampilkan pada sidebar blog dengan tujuan pengunjung me Like Facebook Fans Page blog Anda. Indoamaterasu asumsikan di sini Anda sudah membuat Facebook Fans Page, bila belum punya tutorialnya banyak di Google.com silahkan searching.

Kenapa harus memasang Facebook Like Box? tujuan utamanya ya mendapatkan like, tetapi setiap kali posting artikel di blog, Anda harus membagikan link tersebut di fans page. Dengan begitu ans Anda dapat mengikuti update artikel blog melalui facebook.

Keuntungan lainnya adalah mendapatkan backlink dari Facebook. Backlink adalah link balikan, bila blog Anda telah mendapatkan backlink dari facebook dijamin visitor akan naik pesat. Lalu bagaimana cara mendapatkan backlink facebook? caranya denga menyisipkan url blog Anda di about fans page.

Facebook Like Box di sini Responsive dan SEO 100%, artinya bisa dibuka di semua perangkat dan ramah mesin pencari berdasarkan cek SEO 100% di http://chkme.com. Langsung berikut ini cara Membuat Facebook Like Box Responsive dan SEO 100%.

Cara Membuat Like Box Responsive dan SEO 100%:

1. Login ke dashboard blogger

2. Pilih Template > Edit HML
3. Copy kode di bawah ini

<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&appId=URL ID Facebook fans page&version=v2.0";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

4. Paste kode di atas sbelum kode

</body> 

5. Simpan/ Save Template. Kemudian tambahkan Gadget > HTML/ Java Script
6. Copy dan paste kode berikut ini di Gadge HML/ Java Script

<center><div class="fb-like-box" data-href="URL ID Facebook fans page" data-width="300" data-height="300" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="false" data-show-border="false"></div></center>

7. Simpan dan lihat hasilnya.

Note: Ganti URL ID Facebook fans page dengan URL Anda

Cara Mengetahui URL ID Facebook fans page

Berikut ini tampilan Facebook Like Box Responsive

Facebook Like Box tampilan dekstop browser

Facebook Like Box mobile responsive

Cek Facebook Like Box SEO 100%
Cara mengetahui Facebook Like Box SEP 100%, buka http://chkme.com kemudian masukkan URL blog Anda. Bila berhasil akan ditampilkan score seperti gambar di bawah ini.

Bila hasil cek belum mencapai 100% jangan khawatir, itu karena icon18 wrench allbkg.png yang muncul saat menambahkan gadget. Solusinya lihat link di bawah ini.

Baca: Cara Menghilangkan Icon Obeng Tang icon18 wrench allbkg.png Supaya Blog SEO 100% 

Menambahkan Button Google+ Follower dan Google Join This Site

Bila ingin menambahkan tombol Google Follower dan Google Join this site seperti gambar di atas, sisipkan kode berikut ini di Gadget HTLM/ Java Script

!-- Place this tag in your head or just before your close body tag. -->
<script src="https://apis.google.com/js/platform.js" async defer></script>
<!-- Place this tag where you want the widget to render. -->
<div class="g-follow" data-annotation="bubble" data-height="20" data-href="//plus.google.com/u/0/108970978171026334759" data-rel="author"></div>
<a href="http://www.Blogger.com/follow-blog.g?blogID=7672985552878923948" onclick="window.open(this.href, 'dmfollow', 'toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=no,width=599,height=521');return false;" style="text-align:center;font-weight:bold;text-decoration:none;" title="Join This Site"><img alt="Join this site" src="http://3.bp.blogspot.com/-HvsdXbfdcOU/UL3fgeB57iI/AAAAAAAAA78/rN8jRT9eE1s/s1600/Follower.png" style="vertical-align:center;border:0px;cursor:pointer;"/></a>

Blog ID ganti dengan Blog ID milik Anda. Caranya bia Anda lihat sepeti berikut ini.

Baca: Cara mengetahui Blog ID Join this site atau Google Friend Connect