Portal of all Blogger widget, Airtel USSD Codes, Facebook Hack, Free Internet Tips, PC and Blogger Tricks

Breaking

Wednesday 16 October 2013

Facebook Like And Share Button Below Post Title

This tricks is To Create a Facebook Like Button Below Every Post Title In Blogger.
FB Like Button Below Post Title

How To Add Facebook Like Button In Blogger After Post Title

Check Our other Related Stuff: 
Now Start Trick
  • Go To Blogger Dashboard >> Template >> Edit HTML 
  • Check the "Expand Widget Template"
  • Search (CTRL + F) for this code: <data:post.body/> ( You Find 2,3 times, Paste it above second times)
  • Just above it paste the code below:
Code:
<p><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:100px; height:20px;'/></p>

  • Click On Save....You Are Done.

How To Add FaceBook Share Button After Every Post Title

To add faceBook Share Button Add Following Code Just Before <data:post.body/>

<a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>

To Add This Both widget along

Add Following Code Before <data:post.body/>

<div style="float: right; margin: 7px;">
<a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
<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:100px; height:20px;'/>
</div>

Note: You will find <data:post.body/> three or more times...Paste code before second one.

Related Post:

No comments:

Post a Comment

Notice: Don't add "backlink". Text with Link will automatically Removed.