This tricks is To Create a Facebook Like Button Below Every Post Title In Blogger.
Note: You will find <data:post.body/> three or more times...Paste code before second one.
Related Post:
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:
<p><iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=button_count&show_faces=false&width=100& action=like&font=arial&colorscheme=light"' 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='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=button_count&show_faces=false&width=100& action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:100px; height:20px;'/>
</div>
<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='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=button_count&show_faces=false&width=100& action=like&font=arial&colorscheme=light"' 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.