Showing posts with label button. Show all posts
Showing posts with label button. Show all posts

Wednesday, October 26, 2011

[Tutorial] Facebook Fanpage - version Like Button








Hey hooo~

Dah lama yana tak buat tuto. Hoho. Semua atas jasa baik Scha yang tanya yana :


#nie rupa like button yg kecik tu :3

Okay, dah tau nak buat tuto ape kan, lets begin!^^

1. Sila picit link nie > Sila Picit Saya :3

2. Then dia keluar page utk plugin facebook, klik pulak kat link Like Button tu

#picit gambar unntuk tumbesaran dugro XD

3. Bila dah keluar page dia tu, isikan URL to Like dengan url fanpage korang. Then, tekan Get Code utk dptkan code dia.
#yg send button ikutlah nak tick ke tak. kalau nak buat macam button like yana tu, yana untick Send Button & Show faces.

#picit gambar unntuk tumbesaran dugro XD

4. Then dia keluar satu kotak, klik yg navigation IFRAME tu. Copy code dia dan letak kat tempat yg korang nak dia dipamerkan. Hoho~

#picit gambar unntuk tumbesaran dugro XD

5. Lepas tu save. Siap! Senangkan? XD

Lots of Love,
Yana♥

Friday, April 22, 2011

[Tutorial] Like and Share Button di Setiap Entri

salam readers~

korang perasan tak? kat bawah setiap entry aku mesti ada button like fesbuk kan? haa. nak tau macam mana buat? meh ikot tok buat jampinya okeh? haha! -______-

1. Dashboard > Design > Edit HTML > Tick Expand Widget Templates

2. Ctrl + F code nieh :
<data:post.body/>
3. Untuk button Like : Copy code nieh dan Paste kat bawah code kat step 2 tadi :

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

*code warna merah tu korang boleh tukar dengan ayat korang. kalau dah malas sangat nak ubah-ubah copy je terus. :)*

4. Untuk button Share pulak :

<b:if cond='data:post.url'>
<a expr:href='"http://www.facebook.com/share.php?u=" + data:post.url'><img alt='www.tips-fb.com' border='0' src='http://i15.photobucket.com/albums/a398/syilpid/share_on_facebook_2.png'/></a>
</b:if>

5. Then Preview dan Save. :)

p/s : kalau tak menjadi bagitahu tau! :]


signature2