Header Ads

Breaking News
recent

Adding like and send button ..

The Facebook like button is probably the most important and the most used social button on the world wide web today. With its recent upgrade (Facebook sort of merged it with the share to Facebook button, so liking a web page or content you just found would automatically be posted/shared on your Facebook wall, instead of just the normal you liked this __ link wall status), it became a more powerful tool for sharing content. So why not add it to your blogger blogs. It’s simple. Here’s how:
The Code:
Here’s the code for the standard Facebook like button.
NOTE: This will display the like button on post pages only.
?
1
2
3
4
5
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='padding: 10px 0px 0px 0px;'>
<div id='fb-root'/><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:like expr:href='data:post.url' font='' send='true' show_faces='false' width='450'/>
</div>
</b:if>

Installation:

  • STEP 1: Sign in to your Blogger Dashboard > your blog’s Design > Edit HTML, and check “Expand Widget Templates
  • Back up First....
  • STEP 2: Find this line of code inside the template box:
    <data:post.body/>
  • STEP 3:…Then paste the Facebook like button code just right below that line, so that it would look like this:
    ?
    1
    2
    3
    4
    5
    6
    7
    <data:post.body/>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div style='padding: 10px 0px 0px 0px;'>
    <div id='fb-root'/><script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/><fb:like expr:href='data:post.url' font='' send='true' show_faces='false' width='450'/>
    </div>
    </b:if>
    Click SAVE TEMPLATE. That’s it!
    Like me!

No comments:

Powered by Blogger.