How to add a Facebook share button to blogger
Welcome
to bestblogspotguru blogger. Today I will show you how to add a Facebook share
button to blogger easily. An easy way to share your article in the readers
Facebook timeline easily to add a Facebook share button to your blogspot blog
or blogger blog. It is only taking a few minutes to put a Facebook share button
on your blogspot blog.
Sharing
your website content on Facebook is a better way to attract many web visitors
to your blogspot blog. After adding a Facebook sharing button on your blog you
will allow your website content to be shared with all the Facebook user shared
with all the content of your website visitor through the Facebook profile
account.
When
a visitor to your blog clicks any Facebook sharing button, after that, Facebook
collects post details like, your blog name, post title and the first few
article lines of the content including your images and other included media
files.
The
Facebook share button looks and very similar to twitter retweet buttons.
Step
by step Put a Facebook sharing button on Blogspot ( Blogger )
We
have a two option for choosing the best sharing button just like a large button
and a compact button. These following
Facebook sharing button codes will place the top of the post only on the post
page. If you like to have appear on the home pages as you will need remove the
if statement form codes.
<b:if cond='data:blog.pageType == "item"'>
Facebook
Share Button Code
</b:if>
- Log in to blogspot account
- At the blogspot Dashboard, go to layout >> Edit HTML section
- Check the widget template box on the right
- Using CTRL + F finds the code <data:post.body/>
- Copy and paste the these following codes depending on your choice a Facebook share button style immediately before the line <data:post.body/>
Note :- If you have a trouble to finding <data:post.body/> alternatively you can
easily post the code directly below: <div class='post-header-line-1'/>
Large Facebook share Button ( Right Aligned )
<!-- Facebook Share
Button -->
<b:if cond='data:blog.pageType ==
"item"'>
<div style='float:right;padding:4px;'>
<a expr:share_url='data:post.url'
name='fb_share' rel='nofollow' type='box_count'/>
<script
src='http://static.ak.fbcdn.net/connect.php/js/FB.Share'
type='text/javascript'/>
</div></b:if>
<!-- End Facebook Share Button -->
Large Facebook Share
Button ( Left Aligned )
<!--
Facebook Share Button -->
<b:if cond='data:blog.pageType == "item"'>
<div style='float:left;padding:4px;'>
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow'
type='box_count'/>
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share'
type='text/javascript'/>
</div></b:if>
<!-- End Facebook Share Button -->
Compact
Facebook Share Button ( Right Aligned )
<!-- Facebook Share
Button -->
<b:if cond='data:blog.pageType ==
"item"'>
<div style='float:right;padding:4px;'>
<a expr:share_url='data:post.url'
name='fb_share' rel='nofollow' type='button_count'/>
<script
src='http://static.ak.fbcdn.net/connect.php/js/FB.Share'
type='text/javascript'/>
</div></b:if>
<!-- End Facebook Share Button -->
Compact Facebook share
Button ( Left Aligned )
<!-- Facebook Share
Button -->
<b:if cond='data:blog.pageType ==
"item"'>
<div style='float:left;padding:4px;'>
<a expr:share_url='data:post.url'
name='fb_share' rel='nofollow' type='button_count'/>
<script
src='http://static.ak.fbcdn.net/connect.php/js/FB.Share'
type='text/javascript'/>
</div></b:if>
<!-- End Facebook Share Button -->
- After editing Click Save
- View a blogspot post to see your new Facebook sharing button in action
Conclusion :-
Dear friend today we are discussing
about how to add a Facebook sharing button to your blogspot blog. The Facebook
sharing button will allow your readers to share your web content which attracts
more traffic from the social media website
to your blog. This method only takes a few minutes.
No comments: