Tuesday, July 6, 2010

Tutorial meletak kan button 'share' & 'like' Facebook di blog.

Someone request benda ni. So I buat la :)


Cara membuat button like.


1. As usual, Design > Edit HTML. Then click pada Expand Widget Templates


2. Tekan ctrl dan F serentak, copy code di bawah dan paste kan di kotak search
data:post.body
3. Dah jumpa? Kemudian copy code di bawah ini dan letak kan di bawah code di Langkah 2 tadi.
 <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'/>


Cara membuat button share.


4. Copy code di bawah ini, paste kan di bawah code di Langkah 3.
<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. Preview and if no error, SAVE ! 




Selamat Mencuba  :D

10 comments:

  1. hud hud tutorial ni kita dah buat...kita nak request lain plk mcm mana nak buat comment box kita jadi cantik...bukan yang skang ni i mean yang lama punyer comment box ada color2... :e
    Entry terkini : ceritera ZARA sale dan juga banner baru aku

    ReplyDelete
  2. jab nak try.. dulu a buat tapi aku lupa..

    ReplyDelete
  3. ehh hud hudd. kenapa ada error . i mean, tak jadi pun ? :(
    please help please help. yang ada tuh buat manual je kat blog i. itu susah. nak auto je. senang. hee please help. :)

    ReplyDelete
  4. haaa!!
    dah lme carik tutorial ni.
    canteekk r.
    thnks aeh !!

    ReplyDelete
  5. hud hud, org tak bpe paham yg langkah 2 tue...cm ner ek? leh tolong ajarkn? :)

    ReplyDelete
  6. kite da jadi!tq for the tutorial!

    ReplyDelete
  7. arghhh tak menjadi. tensen i. hohoho

    ReplyDelete