STATUS UPDATED!
FEEL FREE TO ASK~
Tutorial Blog ^_^: TUTORIAL: LIKE BUTTON PADA SETIAP ENTRI

Sekiranya anda berminat untuk membaca artikel Islam, info semasa, kisah nabi, kisah pengajaran dan lain-lain, bolehlah pergi ke Khaleefah Allah ^_^ Followlah blog ini dan blog itu sekiranya berbaloi untuk difollow. Sebarang ulasan adalah amat amat amat amat diharapkan.
Any Requests or Questions?

Jom, tukar link~

TUTORIAL: LIKE BUTTON PADA SETIAP ENTRI

1. Masuk dashboard > design > Edit HTML

2. Tick dekat butang 'Expand Widget Templates'

3. Pada keyboard anda, tekan aje CTRL+F dan cari kod ini
<data:post.body/> 

4. Masukkan kod ini selepas kod di atas

<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:450px; height:40px'/>
5. Preview dan Save.

*Boleh juga letak kod tersebut di atas
<div class='post-body entry-content'>

Untuk penggun Wordpress pula, korang boleh dapatkan plugin-nya di SINI: Facebook Like Button Plugin..

BLOGSKIN:

Dashboard> Template> Edit HTML

Cari kod </blogger>.

Paste kod di bawah pada bahagian atas atau bawah </blogger>. *salah satu je tau

<iframe src="http://www.facebook.com/plugins/like.php?href=<$blogitempermalinkurl$>&amp;layout=button_count&amp;send=true&amp;width=490&amp;height=25&amp;font=arial&amp;";action=like&amp;colorscheme=dark; colorscheme="dark" scrolling="no" frameborder="0" allowtransparency="true" style="border:none; overflow:hidden; width:280px; height:25px;"></iframe>

Preview dan Save.

Untuk customise button like, tengok sini.

.11.rejab.1431h.
7 Comments
Comments

7 comments:

 
Copyright © 2009-2012 Tutorial Blog ^_^: TUTORIAL: LIKE BUTTON PADA SETIAP ENTRI
Design by a.a.ghariib