Facebook Share & Like Buttons, Digg, and Tweet Button to the Side of Blogger/Blogspot Blogs
Facebook is an excellent social media site for promoting your company to a massive audience. It’s a fantastic tool for boosting your marketing.
Plugging your social profile on your website or blog posts can also help drive visitors to your social networks.
The social networking feature of the website, as well as the addition of a Facebook LIKE button, can be used to bring users to your website page.
The LIKE button uses an HTML snippet to link to your Facebook page and increase traffic to your website.
Table of Contents
What are Share Buttons? Facebook Share & Like
Customers can use share buttons to advertise their online acquisitions on your website.
The share buttons also save time for users who wish to promote a specific product by eliminating the need to copy, paste, and post to a different website.
Why is there No Share Button on Facebook? How to Add Facebook Share & Like Buttons
If you can’t find a share button on Facebook that means the post is not viewable to the public.
No one will be able to share the posts if the user has set the viewing option to “Friends.”
Facebook Button for Website ~ How to Add Facebook Share & Like Buttons
I’ll show you how to add a floating bar of social network buttons to your website in this article.
I’ve put together three different ways to add a Facebook LIKE and SHARE button to your website, blog, or other material, and also how to apply them.
How to Add Like Button on Facebook Page
1. To add a like button to your webpage:
Specify the URL for your Facebook business page that you want to use with the LIKE button.
Copy the URL and paste it into the code configurator on https://developers.facebook.com/docs/plugins/like-button
You can also change the width and other options to suit your needs.
Tap the Get Code button once you’ve finished customizing your button.
A code will be displayed.
You’ve received the code for a like button. On the left hand side of your website dashboard, click the Get Found (SEO) option.
A section titled Custom body> tracking code will appear halfway below the page.
Here’s where you’ll put the first bit of code for the Facebook LIKE button. Save your work by pressing the Save button.
Go into Editor Mode now.
In the Stack, add a new Code Block wherever you want your LIKE button to appear.
Paste the LIKE button code that was generated and tap Publish.
Your website now includes a “like” button.
NOTE: In Editor or Preview mode, your like button will appear as an empty block.
Facebook Share Link Html ~ How to Add Facebook Share & Like Buttons
2. via Html Link
Log in to your Blog or website account.
Go to the Layout tab.
Select Add A Gadget from the drop-down menu.
Click HTML/Javascript in the Add A Gadget window.
Copy and paste the code below into the HTML/Javascript box.
<!– floating page sharers Start Share This With Friends–>
<style>
#pageshare {position:fixed; bottom:15%; left:10px; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fff;padding:0 0 2px
0;z-index:10;}
#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}
.fb_share_count_top {width:48px !important;}
.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}
</style>
<div id=’pageshare’ title=”Share This With Your Friends”>
<div class=’sbutton’ id=’fb’>
<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>
<div class=’sbutton’ id=’rt’>
<a href=”http://twitter.com/share” class=”twitter-share-button” data-count=”vertical” >Tweet</a>
<script src=’http://platform.twitter.com/widgets.js’ type=”text/javascript”></script>
</div>
<div class=’sbutton’ id=’su’>
<script src=”http://www.stumbleupon.com/hostedbadge.php?s=5″></script>
</div>
<div class=’sbutton’ id=’digg’ style=’margin-left:3px;width:48px’>
<script src=’http://widgets.digg.com/buttons.js’ type=’text/javascript’></script>
<a class=”DiggThisButton DiggMedium”></a>
</div>
<div class=’sbutton’ id=’gb’>
<script src=”http://connect.facebook.net/en_US/all.js#xfbml=1″></script>
<fb:like layout=”box_count” show_faces=”false” font=””></fb:like></div>
<div style=”clear: both;font-size: 9px;text-align:center;”><a href=””>Get</a> <a href=””>this</a></div>
</div>
<!– floating page sharers End –>
Select the Save button at the top right corner to save the item.
To double-check, go to your website or blog.
Facebook LIKE Button ~ How to Add Facebook Share & Like Buttons
3. How to Add a Facebook LIKE Button:
Visit https://developers.facebook.com/docs/plugins/like-button to customize your Like Button and get the code.
HTML5, XFBML, IFRAME, or a URL are all options.
After that, upload it to your website.
The Like Button allows visitors to easily endorse your content and share it with their Facebook friends.
However, please remember that this button does not allow them to customise links before sharing them.
Facebook Share Button- Custom Facebook Share Button
The Facebook Share Button works in a similar way to the Facebook Like Button.
Once someone taps a Facebook Share button, they can share a post they like on their Timeline, News Feeds, groups, direct messages or a page without having to copy and paste a link onto their Facebook profile.
When using the Share button, users can additionally add a comment or note to the link they’re sharing.
It is one of three engagement alternatives available to Facebook users when they want to connect with others online.
Share Button Generator- Share Button Html
1. To get a Facebook Share Button, visit https://developers.facebook.com/docs/plugins/share-button and choose the URL you want other to share.
After that, generate the code, copy it, and paste it how you want the icon to display on your website or blog.
The JavaScript SDK is required to use the share button, which is only available in HTML5 or XFBML.
2. You could replace a Share button with a Share Link
How do I create a social sharing link? How to Add Facebook Share & Like Buttons
1.Go to http://www.sharelinkgenerator.com/.
2.Choose the social media platform where you wish your material to be shared.
3.Fill up the blanks with your own ideas.
4.Get a social media button icon.
5.Applying your share link, make the icons accessible.
