Saturday 14 December 2013

Tutorial Meletakkan Facebook Send Button Pada Setiap Entri

Screenshot Send Button Facebook
Facebook Send Button merupakan satu fungsi tombol yang sangat berguna untuk Ping Entri terbaru anda ke senarai Group dan Friend (Teman) facebook anda sekaligus. Jadi tak perlulah 'paste' satu persatu dalam group , leceh kan :)

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 SEND 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-send' 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 SEND BUTTON END -->
Keterangan
  • Jika anda mempunyai kod  <data:post.body/> lebih dari satu, anda boleh cuba satu persatu . Try n Error k .
  • Jika kod diatas tidak berfungsi pada template blogger anda, padam kod diatas , gantikan dengan kod dibawah :
<!--Facebook Send button Start --><b:if cond='data:blog.pageType != &quot;static_page&quot;'><div style='float:left;padding: 01px 05px 05px 0;'><script src='http://connect.facebook.net/en_US/all.js#xfbml=1' type='text/javascript'/><fb:send colorscheme='light' expr:href='data:post.url' font=''/></div></b:if><!--Facebook Send button End -->

7. Klik Preview template dan jika ok, klik Save Template

6 comments:

  1. nice sharing faiz, tutorial yg bermanfaat

    ReplyDelete
  2. alhamdulillah ohsem ganda dua! hehehe. Meman gkena try n error pasa ada lebih dari satu data post body tu. But i managed to do it thanks to you bro (^_^)

    ReplyDelete
  3. salam faiz, kenit nak tanya skit bagaimana nak fix 'ralat' tu? bila kenit try 'send' entri ke group dia akan keluar perkataan 'ralat' dan entri tak appear pun kat group blogging di fb. How to fix this? or kena tunggu sedikit masa untuk ia kembali berfungsi? Mohon pencerahan hehhe (^_^)

    ReplyDelete
    Replies
    1. cbe try gne code lg 1 . (tgk kat step 6 , bahagian keterangan ) . kemungkinan code HTML5 x support template awk . :)

      Delete
    2. faiz, kenit dah tukar dan guna kod yang dicadangkan faiz, but still the same .... dia kuar 'ralat'. Pastu bila klik kat ralat tu kuar 'invalid source'. Maknanya, koding ni tak support template kenit ke? rasanya kenit tak tukar template pun , ni blogspot punyer template ni.

      Delete