Wednesday, November 3, 2010

Facebook Like! Button ~

Recently , many friends ask me how to insert "like!" button into each blogger's post . So , i'm going to teach u guys how to do it !

* i learned it from my XJ'sSenior - KimHaur's Website , he wrote it in Chinese , now i translate his post into english version to convenience my frenz ms.fiona to add this widget ! lol ~ *

1.) Blogger.com >>> Dashboard >>> Design >>> Edit HTLM

2.) Tick the "Expand Widgets Templates" .


3.) Press ''Ctrl + F" (shorcut for "find") , type <data:post.body/>


4.) Copy & Paste the code below :
<div><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=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:400px; height:27px;'/></div>


5.) You can save your Template now ! :)

6.) Then , view it on your blog .

Easy right ?!

Give me a like too ... XD !

Try it now ! ~

No comments: