August 13, 2011

How To Add The Facebook Like Or Recommend Button For Blogger / Below Every Post

fHi `friends Facebook has come up with a new set of Social plugins which enable you to provide engaging social experiences to your users with just a line of HTML. The Facebook Like Button is One of them.so if you like to add this new Facebook  like button to your blog..please follow step by step below to do it.

How To Add The Facebook Like Or Recommend Button For Blogger / Below Every Post

1. You first generate the facebook code using the options below

Demo:





Button Type                   

Text on the Like Button  

Color Scheme                

Font                               

Float                              

Location                        

Display                          

<b:if cond='data:blog.pageType == &quot;item&quot;'><div><iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&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:450px; height:40px;'/></div> 
</b:if>

2. Now you Copy the Above code.

3.Log in to your dashboard--> Desing- -> Edit HTML

4.Click on "Expand Widget Templates"

5.Scroll down to where you see <data:post.body/>  tag.

6. Now immediately after that place the copied code.

7.Now save your template and you are done.

Cheers.!


Source

No comments:

Post a Comment