Cara membuat like button facebook dan share valid html 5 Blogger Informen

Hubungan antara blog dan facebook boleh dikatakan sangat erat, sampai sampai disetiap sudut blog hampir dipenuhi dengan tombol share terutama tombol share yang satu ini, disamping bisa ngelike enak juga untuk tombol share ke facebook kita. Kemudahan untuk like dan share di blog dengan jejaringan sosial facebook sangat diminati. Tapi dalam hal ini untuk saat ini perlu di ingat berhubung adanya keluaran terbaru HTML 5 kita harus menyesuaikan template blog kita menjadi template yang valid HTML ini. Dalam postingan kali ini saya akan memberikan info " Cara membuat like button facebook dan share yang valid html 5 ". Facebook selalu memperhatikan para membernya terlebih dengan digantinya code script yang terdahulu menjadi code yang valid dengan HTML 5 dan dengan sangat mudahnya kita mengambil code scriptnya dengan geratis. Oke langsung saja menuju TKP.
Login to blog >> Template >> Edit HTML
Kunjungi situs >> http://developers.facebook.com/docs/reference/plugins/like/
Kolom Atas masukkan URL anda.
Contreng "Send Button "
Di " Layout Style " Pilih "Button_count"
Di Baris "Width" ukuran box - standart 50px
Edit semua sesuai dengan keinginan anda, lihat "review" yang ada disebelah kanan.
Bila sudah klik "Ged Code" setelah halaman code terlihat pilih " HTML 5 "

Contoh Code Script I

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

Code script yang pertama ini letakkan tepat dibawah code <body>

Contoh Code Script II

<div class="fb-like" data-href="http://rivai-silaban.blogspot.com/" data-send="true" data-layout="button_count" data-width="50" data-show-faces="true"></div>

Code script ini adalah code untuk menimbulkan share button like share di blog, tentang peletakannya silahkan sesuaikan dengan tampilan blog anda.

NB : Code script yang ada di atas adalah code sebagai contoh jadi jangan di pakai, Bila template anda valid dengan HTML 5 silahkan cek di >> http://validator.w3.org

Blogger KRJ

Cara membuat like button facebook dan share valid html 5

Sabtu, 08 Februari 2014

Related Templates

Tidak ada komentar:

Posting Komentar

Pengikut

Twit Me