Membuat Widget Facebook Fanspage Valid HTML5

Membuat Widget Facebook Fanspage Valid HTML5 - Widget Facebook Fanspage merupakan widget yang disediakan oleh facebook developer untuk menampilkan atau memasang fanspage facebook kita di sebuat website atau blog , Banyak sekali cara untuk membuat widget fanspage facebook untuk menampilkannya di blog , namun widget tersebut masih terdapat error jika kita cek kevalid-tanya , Tapi tenang aja , kali ini saya akan membagikan kepada bagaimana cara supaya widget facebook fanspage tersebut valid html5 , berikut demo widgetnya

Cara Membuat Widget Like Facebook Fanspage Valid HTML5

1. Masuk ke Dasbhor anda terlebih Dahulu
2. Pilih Menu Tata Letak = > Tambah Widget HTML / Java Script
3. Pastekan Kode dibawah ini kekolom HTML / Java Scrip tadi
   

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

   Yang harus anda perhatikan sebelum menyimpan kode tersebut adalah :
   - Ganti https://www.facebook.com/ahmad.suyadi04 dengan alamat URL fans page facebook sobat .
   - data-width="300" // Untuk mengatur  Lebar widget Fanspage Tersebut
   - data-show-faces="true" // Tampilkan foto
   - data-stream="false" // Tampilkan artikel terbaru
   - data-header="false" // Tampilkan header "Temukan Kami di Facebook"
4. Jika semua sudah cocok dengan Fanspage anda silahkan klik simpan
5. Perhatian , Widget Fanspage anda tidak akan meuncul jika anda belum memasang jquery facebook , makas solusinya adalah silahkan pasang jqueri dibawah ini tepat dibwah kode </body>

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

Bila sudah silahkan Klik Simpan Template dan lihat hasilnya , Nah kini anda sudah berhasil membuat sebuat widget like fanspage facebook yang valid html5 , Jika anda mengalami kegagalan , atau kurang paham silahkan berkomentar dibawah siapa tahu saya bisa membantu anda , selamat mencoba

• Tweet
• Share
• Share
• Share
• Share

About Penulis

Terima kasih atas kunjungannya, jangan lupa baca juga beberapa artikel di bawah ini dan semoga bermanfaat untuk sobat.

Related Post