Jumat, 22 November 2013
Browse Manual »
Wiring »
5
»
box
»
facebook
»
html
»
like
»
valid
»
Facebook Like Box Valid HTML 5
Pada gambar diatas eror terdapat pada atribute scroll, frameborder dan allowtransparancy, yang hingga saat ini belum diketahui bagaimana cara memperbaikinya. Untuk itulah kali ini Waroenk Blogger membahas tentang , "Cara Pasang Facebook Like Box Valid HTML 5." berikut langkah-langkah pemasangannya :
Facebook Like Box Valid HTML 5
Facebook Like Box Valid HTML 5- Penampilan blog memang sangat mempengaruhi betah tidaknya pengunjung blog sobat dan enggan atau tidaknya mampir ke blog sobat kembali. hal ini juga dipengaruhi oleh likers pada facebook fans page yang biasanya dipasang menggunakan Facebook Like Box dengan kode yang ditutup dengan iframe seperti kode dibawah ini :
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages02.MDF&width=292&height=258&show_faces=true&colorscheme=light&stream=false&border_color&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:258px;" allowTransparency="true"></iframe>Namun pada kenyataanya kode iframe tidak lolos valid HTML 5 dalam pengecekan menggunakan validator.w3.org seperti pada gambar berikut ini :
Pada gambar diatas eror terdapat pada atribute scroll, frameborder dan allowtransparancy, yang hingga saat ini belum diketahui bagaimana cara memperbaikinya. Untuk itulah kali ini Waroenk Blogger membahas tentang , "Cara Pasang Facebook Like Box Valid HTML 5." berikut langkah-langkah pemasangannya :
- Login akun Blogger anda
- Pada Dashboard pilih Template » Edit HTML
- Letakkan kode/script berikut ini dibawah 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.src = "//connect.facebook.net/id_ID/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, script, facebook-jssdk));</script>- Simpan Template
- Masuk pada bagian Tata Letak » Tambah Gadget » HTML/JavaScript Letakkan kode berikut ini kedalamnya kemudian Simpan
<div class="fb-like-box" data-href="http://www.facebook.com/pages02.MDF" data-width="292" data-show-faces="true" data-stream="false" data-header="false"></div>
- Terakhir Simpan Setelan
- Pengaturan
Ganti http://www.facebook.com/pages02.MDF dengan URL fanpage anda!
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"
Silahkan anda sesuaikan sendiri.
Langganan:
Posting Komentar (Atom)
Tidak ada komentar:
Posting Komentar