How to Add a Facebook Share button in Blogger?

You probably have seen those Facebook share buttons on various blogs that allows people to share your post on their Wall through a simple click. In the past, we have already shown how to add a Facebook comments in blogger on your blog. In this article, we will show you how to add a Facebook Share button in Blogger. It displays the total share count which gives you another reason to get more and more targeted traffic from Social Media websites like Facebook. First and foremost, you have to login into your Blogger account.

Once logged in, go to Your Blog >> Template >> Edit HTML >> Search for<data:post.body/> and paste the following code either above or below it (depending upon your needs as mentioned below).

For Below Posts: In case you want to display the share button at the end of your posts then paste the following code below <data:post.body/> tag.
For Above Posts: However, if you want to display the share button at the beginning of your posts then paste the following code above <data:post.body/> tag.

<div class="facebook-share"><a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='BUTTON-TYPE'/><script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/></div>

Now its up to you, what kind of button you would like to display on your site. Facebook provided a couple of options like Vertical, Horizontal or without counter buttons. To customize your button type, just replace "BUTTON-TYPE" with any of the following:

box_count for full tall button with counter
button_count for small button with counter
button for without counter
icon for a small thumb (without counter)

Once everything is done, save your template by pressing "Save template" button present at the top of the HTML template editor. Now go and check your site to see if everything is working just fine or not.

We hope this tutorial have helped you in learning How to Add a Facebook Share button in blogger. We're also planning to add it on the next design update. Let us know what are your thoughts about this button? Does it gives you a little bit more Social Traffic? Lets have a meaningful conversation a head.

10 comments:

pslv seoa105 February 2019 at 04:13
Filament
In a single WordPress plugin, Filament contains a group of useful features including Flare, a social share button plugin that makes it easy for others to share your blogpost on Twitter, Facebook, Buffer, and more—even spots like Hacker News and Reddit. Other Filament apps include: MailChimp subscribe form, Google Analytics tracking, all-in-one profiles, code management, and share highlighter.
ReplyDelete
Replies
byodbuzz066 February 2019 at 01:59
Filament
In a single WordPress plugin, Filament contains a group of useful features including Flare, a social share button plugin that makes it easy for others to share your blogpost on Twitter, Facebook, Buffer, and more—even spots like Hacker News and Reddit. Other Filament apps include: MailChimp subscribe form, Google Analytics tracking, all-in-one profiles, code management, and share highlighter.
ReplyDelete
Replies
byodbuzz068 February 2019 at 21:36
Filament
In a single WordPress plugin, Filament contains a group of useful features including Flare, a social share button plugin that makes it easy for others to share your blogpost on Twitter, Facebook, Buffer, and more—even spots like Hacker News and Reddit. Other Filament apps include: MailChimp subscribe form, Google Analytics tracking, all-in-one profiles, code management, and share highlighter.
ReplyDelete
Replies
byodbuzz0611 February 2019 at 21:40
Filament
In a single WordPress plugin, Filament contains a group of useful features including Flare, a social share button plugin that makes it easy for others to share your blogpost on Twitter, Facebook, Buffer, and more—even spots like Hacker News and Reddit. Other Filament apps include: MailChimp subscribe form, Google Analytics tracking, all-in-one profiles, code management, and share highlighter.
ReplyDelete
Replies
pslv seoa1015 February 2019 at 01:37
Filament
In a single WordPress plugin, Filament contains a group of useful features including Flare, a social share button plugin that makes it easy for others to share your blogpost on Twitter, Facebook, Buffer, and more—even spots like Hacker News and Reddit. Other Filament apps include: MailChimp subscribe form, Google Analytics tracking, all-in-one profiles, code management, and share highlighter.
ReplyDelete
Replies
byodbuzz0615 February 2019 at 02:47
Filament
In a single WordPress plugin, Filament contains a group of useful features including Flare, a social share button plugin that makes it easy for others to share your blogpost on Twitter, Facebook, Buffer, and more—even spots like Hacker News and Reddit. Other Filament apps include: MailChimp subscribe form, Google Analytics tracking, all-in-one profiles, code management, and share highlighter.
ReplyDelete
Replies
pslvseo a818 February 2019 at 22:06
Filament
In a single WordPress plugin, Filament contains a group of useful features including Flare, a social share button plugin that makes it easy for others to share your blogpost on Twitter, Facebook, Buffer, and more—even spots like Hacker News and Reddit. Other Filament apps include: MailChimp subscribe form, Google Analytics tracking, all-in-one profiles, code management, and share highlighter.
ReplyDelete
Replies
byodbuzz084 March 2019 at 22:55
Filament
In a single WordPress plugin, Filament contains a group of useful features including Flare, a social share button plugin that makes it easy for others to share your blogpost on Twitter, Facebook, Buffer, and more—even spots like Hacker News and Reddit. Other Filament apps include: MailChimp subscribe form, Google Analytics tracking, all-in-one profiles, code management, and share highlighter.
ReplyDelete
Replies
byodbuzz086 March 2019 at 22:11
Filament
In a single WordPress plugin, Filament contains a group of useful features including Flare, a social share button plugin that makes it easy for others to share your blogpost on Twitter, Facebook, Buffer, and more—even spots like Hacker News and Reddit. Other Filament apps include: MailChimp subscribe form, Google Analytics tracking, all-in-one profiles, code management, and share highlighter.
ReplyDelete
Replies
byodbuzz0610 March 2019 at 21:17
Filament
In a single WordPress plugin, Filament contains a group of useful features including Flare, a social share button plugin that makes it easy for others to share your blogpost on Twitter, Facebook, Buffer, and more—even spots like Hacker News and Reddit. Other Filament apps include: MailChimp subscribe form, Google Analytics tracking, all-in-one profiles, code management, and share highlighter.
ReplyDelete
Replies

Add comment