TUTORIAL MELETAKKAN FACEBOOK LIKE & SHARE BUTTON DI SETIAP ENTRY

Saya budak baru belajar!!


Setelah mengodeh-godeh laman2 sesawang yang ada kat muka bumi ni, Lyn ada belajar cara untuk meletak kan Facebook Like and Share Button di setiap entry kat blog.
Jadi hari ini Lyn nak try buat tutorial untuk letakkan button tu.

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


3.Klik Edit HTML


4. Klik pada ruang dalam edit html dan tekan Ctrl+F untuk paparan ruang search.

5. Cari (Ctrl+F) kod dibawah

 <data:post.body/>

6. Copy (Ctrl+C) dan Paste (Ctrl+P) 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 -->
    *******
Nota penting: 
  • Jika anda mempunyai kod  <data:post.body/> lebih dari satu, anda boleh cuba satu persatu . Try n Error k .

7. Klik preview Template dan kalau dah OK, klik save template.



Senang kan? Button ini adalah untuk memudahkan anda sekalian yang dikasihi meng-like dan mengongsikannya terusssssss ke laman FB anda. OHSEM GILE kan???! 

Suka entry ni tak? Klik la button like atau share kat bawah tu.. Heheheheh...


Premium Beautiful Expert 
(PB expert pun nak jugak buat tutorial.. ngeh ngeh ngeh)
Lyn Rusli
01132006718 (Whatsapp)

No comments:

Post a Comment