Sabtu, 05 Oktober 2013

Cara Membuat Like Box Facebook Valid HTML5

Cara Membuat Like Box Facebook Valid HTML5 - Alhadulillah setelah koneksi internet tadi malam saya erorr , sekarang sudah pulih lagi . kali ini saya akan membuat tutorial tentang bagaimana cara membuat like box / yang biasa disebut temukan kami di facebook valid html5. pada dasarnya like box yang asli pada script facebook , tidak valid HTML5 dan mengandung Iframe . Teentunya itu tidak baik untuk blog anda. serta dapat mengurangi nilai score seo anda ketika anda cek di chkme.com.

cara-membuat-like-facebook-valid-html5
image : kang-ismet

  Nah untuk itu sekarang saya akan menjawab masalah tersebut supaya tetap ada like book namun blog sobat akan tetap valid dan terhindar dari ifareme . Gimana caranya ..? Nah simaklah Cara Membuat Like Box Facebook Valid HTML5 di bawah ini :

1. Seperti biasanya , Sobat harus masuk dulu ke blog sobat .
2. Kemudian sobat pilih menu Template 
3. Setelah ketemu menu templatenya . sekarang pilih sub menu EditHtml
4. Kemudian sobat cari kode </body> ( kode ini terletak di paling buawah pisan )
5. Kemduian salin kode dibawah ini di atas kode </body> terebut .

<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/id_ID/all.js#xfbml=1";   fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script>

Keterangan : sebelum sobat menyimpan kode diatas . sobat harus menghapus kode yang berwarna hitam tebal ( <div id="fb-root"></div>  ) dengan catatan kode tersebut sudah ada . namun bila belum ada maka jangan dihapus kode tersebut . "Understhan ....

6. KLik save / Simpan 
7. kemudian sobat log out dari edit template tersebut dan Masuk pada bagian Tata Letak » Tambah Gadget » HTML/JavaScript Letakkan kode berikut ini kedalamnya kemudian Simpan

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

Keterangan untuk mengatur kode diatas tersebut :

- Ganti https://www.facebook.com/ahmad.suyadi04 dengan alamat URL fans page facebook sobat .
- data-width="292"  // Lebar widget
- data-show-faces="true"  // Tampilkan foto
- data-stream="false"  // Tampilkan artikel terbaru
- data-header="false"  // Tampilkan header "Temukan Kami di Facebook"

Sesuaikan kode diatas dengan template sobat . Nah setelah itu langkah terakhir adalah klik Save / simpan . kemudian lihat perubahan hasilnya yang terjadi pada blog sobat .

    Demikian tutorial saya pada sore hari ini mengenai  "Cara Membuat Like Box Facebook Valid HTML5 " semoga tutorial tadi bermanfaat bagi sobat . Akhirul kalam wassalamualaikaum wr.wb.