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.

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.

Sumber Berita Ini: Cara Membuat Like Box Facebook Valid HTML5

Riio Cyber-Art

Blog ini berisi informasi mengenai dunia blogging dan internet dari berbagai sumber, jika anda menyukai dan mau dapatkan Update berita terbaru, harap ikuti blog ini dengan memasukan Email anda atau mengikuti Twitter/Facebook, dengan begitu anda secara otomatis akan mendapatkan Update Berita terbaru disini.

Cara Membuat Like Box Facebook Valid HTML5

Sumber Berita Ini: Cara Membuat Like Box Facebook Valid HTML5

Update Artikel Terbaru

Entri Populer