Cara Letak Button Like Tuk Setiap Post

Heylo semua!

Mesti korang tertanya-tanya macam mana nak letak button like kat blog korang kan?

Sebab sekarang nie most of us ada muka buku aka phesbuk masing-masing..

So harinie untuk tutorial pertama yang aku buat tuk korang..

Aku akan ajar cara letak button like tuk setiap post korang..

Cara nak letak button like kat setiap post:

1.Korang click Design.

2.Click Edit HTML.

3.Tick kat Expand Widget Template.

4.Dah tu korang tekan  Ctrl ngan F kat keyboard korang tu.


5. Copy dan paste code nie kat box search tuk make sure code nie ada kat template yang korang guna..*tapi aku lebeyh suka search guna manual,tapi ambik masa gak arr..

<data:post.body/>

6. Dah tu kalo mende tu ada kat template korang,buat tab baru kat browser korang.

7. Dah tu copy paste link nie kat tab baru tu: http://developers.facebook.com/docs/reference/plugins/like/. Tekan sini je pun boleh. 

Link nie akan bawak korang kedunia Digimon.. Haha.. Xdela gurau je! Link nie akan menuju ke page Facebook Developer.

8. Scroll g bawah dah tu g tengok kat URL to Like.

9. Kat URL to Like korang punya link blog.Contohnya, http://www.peace-love-hope-trustbelieve.blogspot.com

10. Klik Kat GET CODE.

11. Dah tu nanti ada box pop up kena tunjuk.Highlight dan copy code yang iframe tu..Ni la lebeyh kurang code Facebook Like button tu:

<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2F http://www.peace-love-hope-trustbelieve.blogspot.com/&send=true&layout=standard&width= 450&show_faces=true&action=like&colorscheme=light&font&height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe>

12. Dah tu tekan Okay.

13. Pegi balik kat tab Edit HTML.

14. Paste kan Facebook Like button code tadi tu selepas mende kat bawah nie: 

<data:post.body/>

15. Kat <iframe, gantikan < kepada &lt; dan pastu ia akan jadi macam nie:

&lt;iframe src="http://www.facebook.com.....

16. Kat ></iframe>, ganti < kepada &lt; dan > kepada &gt; dah tu nanti dia akan jadi macam nie:

.....allowTransparency="true"&gt;&lt;/iframe&gt;

17. Lepas korang ganti < dan >, korang punya code akan jadi macam nie:

&lt;iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2F http://www.peace-love-hope-trustbelieve.blogspot.com&send=true&layout=standard&width= 450&show_faces=true&action=like&colorscheme=light&font&height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"&gt;&lt;/iframe&gt;

18. Tengok kat http%3A%2F%2Fwww.peace-love-hope-trustbelieve.blogspot.com kat code: 

&lt;iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.peace-love-hope-trustbelieve.blogspot.com&send= true&layout=standard&width=450&show_faces=true&action=like&colorscheme=light&font&height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"&gt;&lt;/iframe&gt;

19. Gantikan http%3A%2F%2Fwww.peace-love-hope-trustbelieve.blogspot.com nie dengan:

<data:post.url/>

&lt;iframe src="http://www.facebook.com/plugins/like.php?href=<data:post.url/>&send=true&layout=standard&width=450&show_faces=true&action=like&colorscheme=light&font&height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"&gt;&lt;/iframe&gt;

20. Dah tu tekan Save Template da siap! :D

Selamat Mencuba!