TutorialWebForBlogger

TW4B It's about a blog that talking about blogging widgets, blogger template tutorials, search engine optimization SEO and other useful blogging tips

How to add facebook share button with counter on your blog ? 1. Login to blogger with your ID 2. Click design 3. Click edit html 4....

How to Add Facebook Share Button with Counter in Blogger

How to add facebook share button with counter on your blog ?

1. Login to blogger with your ID

2. Click design

3. Click edit html

4. Click download full template

5. Tick expand widget template

6. Find code below :
<div class='post-header-line-1'/>

press (Ctrl+F) to easily find.

7. Copy your facebook share button code and paste it just below the above code.

NOTE : If you can not find <div class='post-header-line-1'/> in your blogger template, paste your facebook share button code just before <data:post.body/>

Code 1 : Counter Side Button

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='float:right;margin-left:10px;margin-bottom:10px;'>
<a name="fb_share" type="button_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>
</div>
</b:if>

Like this :


Code 2 : Counter Above Button

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='float:right;margin-left:10px;margin-bottom:10px;'>
<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>
</div>
</b:if>

Like this :


Code 3 : Button With-No Counter

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='float:right;margin-left:10px;margin-bottom:10px;'>
<a name="fb_share" type="button" 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>
</div>
</b:if>

Like this :


8. Click save template and done.

There are no comments yet for 'How to Add Facebook Share Button with Counter in Blogger'