Faceboo like box merupakan tombol untuk like box yang di tammpilkan pada blog anda untuk mengikuti anda pada facebook.Namnun untuk membuat facebook like box terkadang membuat blog kita tidak valid HTML 5 dan menyebabkan beberapa error serta mengurangi nilai SEO blog anda.Untuk mengatasi hal itulah dibuat tulisan mengenai tutorial membuat facebook like box valid HTML 5.
Cara membuat facebook like box valid HTML5
- Pertama seperti biasa login blog anda.
- Lalu pilih Tata Letak add Widget
<div id="fb-root"></div>
<div class="fb-like-box" data-href="https://www.facebook.com/JemberPreker" data-width="300" data-height="250" data-colorscheme="light" data-show-faces="true" data-header="false" data-stream="false" data-show-border="true"></div>
Untuk tulisan yang berwarna merah alamat fans page facebookmu silahkan ganti dengan alamat FP facebookmu dan yang berwarna biru ganti ukuran box sesuai blogmu.
- Setelah itu copas script di bawah tepat di atas </head>
<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>
Letakkan scriptnya tepat di atas dan save.
- Lihat hasilnya.
Semoga membantu dan silahkan comment juga ada masalah.
