How To Put Facebook Share Count Buttons For Blogger

Facebook is one of leading social networking website. Share Button will help readers to inform other about your post. It will increase traffic as well as acquaintance of your blogs or sites.



1.Login to your blogger dashboard--> layout- -> Edit HTML

2.Check on "Expand Widget Templates"

3.Find out the following code:

<div class='post-header-line-1'/>

4.Now Copy your Facebook Share Count Button code and paste it just below the above code.

NOTE: If you can't find <div class='post-header-line-1'/> in your template paste your Facebook Share Count Button code just before <data:post.body/> .

Facebook Share Count Buttons Codes

CODE 1:
<div style='float:right; margin-left:10px;'>
<script src="http://widgets.fbshare.me/files/fbshare.js"></script>
</div>
Above code will look like below image:






CODE 2:
<div style='float:right; margin-left:10px;'>
<script>var fbShare = {
url: 'http://YOURBLOG.blgospot.com/',
size: 'small',
google_analytics: 'true'
}</script>
<script src="http://widgets.fbshare.me/files/fbshare.js"></script>
</div>
Now change above red color with your own blog URL.
Result of Above facebook share count code :




CODE 3:
<div style="float:right;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'/>
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>
Above code look like below:






CODE 4:
<div style=&quot;float:right;padding:4px;&quot;>
<a expr:share_url=&#039;data:post.url&#039; name=&#039;fb_share&#039; rel=&#039;nofollow&#039; type=&#039;button_count&#039;/>
<script type=&quot;text/javascript&quot; src=&quot;http://static.ak.fbcdn.net/connect.php/js/FB.Share&quot;/>
</div>
Result of above code:




So i hope you have add facebook share count button to blogger posts or any other sites. Now you may look the following posts:
How to Add Digg Vote Counter Button
How to add sharethis or social bookmark Button

No Comment Yet Post a Comment

Leave a Comment