tutorial : cara pasang share button facebook

ASSALAMMUALAIKUM & SELAMAT MEMBACA

kali ni nak buat tutorial share button...senang sikit kerja.. bila tukar template ke.. edit pape dan bila benda ni hilang boleh rujuk blog sendiri.. so tak lupa.. at least sesiapa yang tak tau buat lagi pun boleh belajar guna.. heheheh... benda ni bukan buat selalu kan? untuk sesiapa yang tak tahu tu... share button bentuk dia macam ni... ada dekat setiap entry blog ni.. sebelah kanan tajuk entry.. nampak? okay.. kalau nak buat camtu... jomm


mula-mula

1) DASHBOARD > DESIGN > EDIT HTML

2) EXPAND WIDGET TEMPLATES 

3) CTRL F taip <data:post.body/> dan ENTER pastu akan keluar kat edit template tu macam yang highlight color oren tu.. refer anak panah merah.. ok? 


 4) copy code kat bawah ni dan paste sebelum <data:post.body/> tapi kalau nak letak akhir entry... copy paste code selepas <data:post.body/>

<div style="float:right;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'/>
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div> 
color merah
kalau nak letak share button sebelah kanan entry... tukar float:right 
kalau nak letak share button sebelah kiri entry.. tukar float:left

color biru
boleh tukar ikut yang korang suka dekat type='box_count'

 
box_count

button

button_count

icon

5) preview dulu... kalau jadi... save template... 

SELAMAT MENCUBA.... 


Labels:
loading..

13 comments

  1. AishaAminudinFebruary 5, 2011 at 3:14 AM

    tra, kalau nk copy code ni kene ade templete dulu kan..akak punya templete dr blpgspot jer, so takde coding..camner ye

    ReplyDelete
  2. AnonymousFebruary 5, 2011 at 10:32 AM

    share button tu xsmstinye ley ade ble ade fanpage kan

    ReplyDelete
  3. athirahassinFebruary 5, 2011 at 10:59 AM

    k.ct :: xde ke coding cmni? ptt nye ada... mungkin coding blog ak dh lari skit.. so kena cr la...

    ReplyDelete
  4. athirahassinFebruary 5, 2011 at 11:00 AM

    macy :: xphm.... rs ny leh je ad dua2...

    ReplyDelete
  5. Cik Puan iLaFebruary 5, 2011 at 11:34 AM

    dh maju dh blog ko trex..hehee

    ReplyDelete
  6. esyamFebruary 5, 2011 at 12:16 PM

    nice tutorial, nnti bleh cuba :)

    ReplyDelete
  7. AnonymousFebruary 5, 2011 at 1:42 PM

    wah nice tutorial.. sgt clear.. hehe




    Jom baca Krisis Darurat di Mesir - Mengapa dan Bagaimana

    ReplyDelete
  8. athirahassinFebruary 5, 2011 at 4:47 PM

    ila : =)

    ReplyDelete
  9. athirahassinFebruary 5, 2011 at 4:48 PM

    esyam : thnx =)

    ReplyDelete
  10. athirahassinFebruary 5, 2011 at 4:48 PM

    tenangsudey :: cuba ye jgn x cuba =)

    ReplyDelete
  11. Firdaus KasimFebruary 12, 2011 at 9:13 PM

    owh baru taw.. thanks taw

    ReplyDelete
  12. ZannaMazlanFebruary 14, 2011 at 12:53 PM

    thanx dh try kat blog menjd :)

    ReplyDelete
  13. HayatiMarch 17, 2011 at 9:44 PM

    i dah apply..menjadi ngn jayanya..terima kaseh yer for the tips..

    ReplyDelete

Subscribe to: Post Comments (Atom)
Related Posts Plugin for WordPress, Blogger...