tutorial : LIKE button facebook dekat setiap entry

ASSALAMMUALAIKUM & SELAMAT MEMBACA


hari ni kita akan belajar cara letak LIKE button facebook dekat setiap entry macam ni... familiar tak? ramai yang dah guna benda ni kan? sebelum ni trex tak amik noted sangat pasal ni... ingat semua LIKE button sama coding nya... so memang tak simpan la cara pasan benda ni.. sampai la suatu hari tu... bila template bertukar... nak pasang balik.. main google je la.. pastu jumpa laaa... dan apply kat blog.. sekali kau... lain... memang blurr la jap kan.. pesal la dia count untuk semua entry bukan per entry... pastu godek2 lagi... jumpa yang lain... tp tak okay juga... last sekali... tengok dan tenung lama2.. baru perasan pe yang silap... HEHHEHEHE... 


so sekarang nak simpan coding ni dalam blog.. dan korang pun boleh belajar kat sini juga yea.. untuk yang tak tahu lagi.. kalau dah tahu.. duk diam2... 

MARI BELAJAR BERSAMA CIKGU TREX...

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  selepas <data:post.body/>

<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&amp;layout=standard&amp;show-faces=true&amp;width=530&amp;height=60&amp;action=like&amp;colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:530px; height:60px'/>

5) kalau blog korang ada readmore button... korang tak kan jumpa <data:post.body/> tapi korang akan jumpa macam anak panah merah bawah ni... copy code kat atas ni dan paste macam dalam kotak merah bawah ni... selepas anak panah tu... =)



6) preview and SAVE.... =)


25 comments

  1. dah ikut tutorial u.
    dah berjaya.
    hihihi.
    (^___^)v
    tq.

    ReplyDelete
  2. thanks dear~

    lagi satu kene tambah! kalao background gelap, ubah color scheme dari light kepada dark~ ;)

    ReplyDelete
  3. yeahh . sy da berjaya buat :)
    sy da follow . backlink pon da . tp banner tuh takde , mcm mne ? x pndai buat :(

    ReplyDelete
  4. shazmira :: banner mana? backlink apa ea?

    ReplyDelete
  5. thanks. dah torai teruih jadi. :)

    ReplyDelete
  6. weee.....best2 tutorial trex neh...
    da wat n success...tq3..

    ReplyDelete
  7. ini pun i follow gak...thanx again

    ReplyDelete
  8. hi...tq...dah jadi lah........

    ReplyDelete
  9. thanx untuk tutorial ni! dah jadi n izikan share yer...dah wat entry ni dlu tpi re-publish lak pasni...

    p/s: binatang apakah itu? katak ker? salamander?

    ReplyDelete
  10. Salam alaik :)

    menarik.

    tapi dah cuba buat tak berjaya =='
    dia xkeluar yg
    dia kata xde, nape yer?

    ReplyDelete
  11. hye dear..
    suke tutorial nie..dh berjaya dh pon..tenksss..
    boleh x nk share?

    nwey im ur follower now..
    :D
    nice to meet u :)

    ReplyDelete
  12. thanks a lot :) berjaya!! ;)

    tengah edit blog sebenarnya hehe

    ReplyDelete
  13. tak boleh lha nak buad :(
    sis , ada fb tak ?

    ReplyDelete
  14. Alhamdulillah. Thanx, sis. :D semala ni buat tak pernah jadik pon. smpai dah putus asa dah. -.- haha. thanx again, sis ^^

    ReplyDelete

Related Posts Plugin for WordPress, Blogger...