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.
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.