Tutorial Meletakkan Facebook Like & Share Button Pada Setiap Entri

Screenshot Facebook Like & Share Button
Tutorial:

PS: PASTIKAN ANDA BACKUP DAHULU TEMPLATE BLOG ANDA UNTUK LANGKAH KESELAMATAN . Lihat sini >> http://faiz-tutorial.blogspot.com/2013/02/tutorial-backuprestore-template.html

1. Login ke akaun blogger anda.
2. Klik pada Template

3. Klik Edit HTML

4. Klik pada ruang edit html dan tekan CTRL+F untuk paparkan ruang search

5. Cari (CTRL + F) kod dibawah:
<data:post.body/>
6. Copy (CTRL+C) dan Paste (CTRL+V) kod dibawah selepas atau sebelum kod <data:post.body/>
<!-- HTML5 CODE FACEBOOK LIKE AND SHARE BUTTON START -->
<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/en_GB/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class='fb-like' data-colorscheme='light' data-font='segoe ui' data-send='true' data-show-faces='false' data-width='450' expr:data-href='data:post.url '/>
<!-- HTML5 CODE FACEBOOK LIKE AND SHARE BUTTON END -->
Keterangan
  • Jika anda mempunyai kod  <data:post.body/> lebih dari satu, anda boleh cuba satu persatu . Try n Error k .
7. Klik Preview template dan jika ok, klik Save Template

24 suara diterima...

thanks faiz..baru je buat td...menjadi! alhamdulillah
before ni pernah masukkan then buang, then bila nak masukkan balik x menjd
tertengok tutor faiz share arini..alhamdulillah..bez sgt..huhuhu

alhamdulillah ohsem! kenit dah try dan berjaya! terima kasih sekalung budi faiz atas tutorial ini (^_^)

xjmpe pun tu..cmne ek??

Alhamdulillah.. berjaya buat. Terima kasih banyak2. Jemput kwn2 singgah blog saya ye.. vitaminsihatmenawanceria.blogspot.com

At last.. berjaya jua.. Thanks ya.. :)

saya dh try buat x boleh la nape ye... time preview jadi. lepas save and buka blog x ada pun.... blog saya www.edaariff.blogspot.com

saya dh try buat banyak kali coding from tutorial faiz ni... and the last pi kat https://developers.facebook.com/docs/plugins/like-button. saya just masukkan url blog sendiri finally jadi like and button share.. tapi nape time share tu hanya utk 1 entries je.. pelik la plak... padahal dah copy paste satu2 utk setiap .... huhuhu... (T_T)

klau direct develop fb kne edit kod url dia , expr:data-href='data:post.url '

kalau awk letak link blog awk mmg la kluar link blog awk je... :)

menjadi..tq =)
jom bw blog sy http://ayacuya.blogspot.com

Yeeeaaaayyy.. alhamdulillah.. berjaya!!! \(^O^)/ terima kasih yeee tuan punya blog Faiz Tutorial, TQVM :D
silakan lawat blog saya kalau ada masa. :D

www.eim-ag-menulis.blogspot.com

sekali lagi domo arigato, xie xie, kamsahamida, gracias! :D

akhirnye....berjaya jugak.....hahhaha....ponat mencube.....anyway tq..... <3

Salam. Mama copy paste your tutorial to my blog yer, I letak credit link to your blog. Thank you! :-)
http://mamakembar3.blogspot.com/2014/11/cara-pasang-button-facebook-like-share.html

thanks for tutorial... alhamdulillah.. menjadi...

tapi kan, kenapa bila tekan like/ share, dia punya preview/ description post tu jadik blog description? saya nak dia preview content post tu. Yg jadi skrg, bila like/ post, kat FB keluar blog description bukan summary entry tu :(

fb plugin problem tu..skrg dh ok dh.. :)

hye.. urmm knp sy try xjdi?? hurmmm.. dh bnyk kali cuba xjdi jgk.. hrp dpt bntu sy..

awk tgk step 5 dan 6.. klau kod ade lebih dari 1, try 1 persatu... pastikan backup dlu template yg asal k..

thank you for sharing this tutorial.. it helps me a lot. Do come visit my blog: ainulaqma.blogspot.com :)

Thank u utk tutorial ni, sgt berguna untuk sy :)

assalam..tq faiz utk tutorial ni
bole x tnjukkan tutorial utk letakkan views di setiap entry

view count ke... http://faiz-tutorial.blogspot.sg/2015/02/tutorial-memaparkan-post-views-count.html

JIKA ADA SEBARANG MASALAH ATAU PERMINTAAN TUTORIAL SILA TINGGALKAN KOMEN K.. TERIMA KASIH ATAS KUNJUNGAN ANDA..