Add facebook button to blog post

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

2.Click on "Expand Widget Templates"

3.Scroll down to where you see below 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>

Result:


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>

Result:


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>

Result:


CODE 4:

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

Result:


You are done.

If you like our post, Than make a small donation to Tips N Tricks.

Make a donation to Tips N Tricks

It will Help us to maintain this blog.

Subscribe via Email

Enter your email address to get Latest Information

Delivered by FeedBurner

Follow @leadingdynasty