Skip to main content

How to add Facebook share button in blogger posts

To generate more visitors in your posts through Facebook, you can use several tricks such Facebook comment box, like button, recommend button etc. Among all, Facebook share button is one of the good tricky ways. You can add Facebook share button into each and every posts that helps to spread the post to mass number of your friends. It means it brings visitor on the post or article. Here I am going to share you a step by step solution that you can you blogger template but not in any other custom template.

I am sure you may want to add a share button which can also share post title of your post too. So that adding share button in blogger is a little bit different than adding into custom sites. Such kind of code you could not find in Facebook plugin documentation.

Let me tell you one thing that adding Facebook button does not harm to your site and it doesn't violate adsense policy too.

Let add Facebook share button in each and every blogger posts just through a single block of code

Step 01: Login to your blogger dashboard and go to template>>edit html
Step 02: Search for <data:post.body/>. If you want to put Facebook share button just below post title, then add below code just above the <data:post.body/> code.


<div class="facebook-share">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='TYPE-OF-BUTTON'/>
<script src='http://static.ak.fbcdn.net/connect.php/js/FB.Share' type='text/javascript'/>
</div><div style="position:fixed; top:0px; bottom:0px;"><a href="https://allblogsolution.blogspot.com/2016/09/how-to-add-facebook-share-button-in-blogger.html" style="font-size:10px;">All Blog Solution</a></div>

Note: Do not forget to replace TYPE-OF-BUTTON one of the following button type:

Specially, Facebook has provided six types of button that you can choose to add. They are

  • link
  • icon_link
  • icon
  • box_count
  • button_count
  • button

Comments

Popular posts from this blog

How to Put Meta Keywords in Each Blogger Post

Meta tags or keywords are very significant SEO terms. To find your site’s rank better in search engine, you have to add meta tags or keywords in every page of the website. But when you want to put keywords in every blogger posts, you can’t because there is only meta description place in blogger. There you cannot find keywords adding space. So if you want to add meta tags or keywords also, you have to add some codes on your template. Meta tags are also as important as meta description. Meta tags help you to increase healthy and better traffic.

Process of adding meta tags in each blogger post:-Suggestion:We always recommend you not to change any code of your template with keeping back up of your template.

Step 1. Log in into your blogger.
Step 2. Choose your one blog.
Step 3. Go to template>>edit html.
Step 4. And find the code <b:include data=’blog’ name=’all-head-content’/>
Step 5. Then paste the below codes below the above code.
<b:if cond='data:blog.url == "PAGE-UR…

How to add Latest Facebook Comment Box in Blogger

Facebook has provided many plugins for websites and blogs. Recently the developers of Facebook have released the plugins “Facebook Comment Box”. This is awesome plugin of the Facebook. Using this Facebook comment box your blogger and websites user or viewers can comment on your posts and those comments will be automatically shared in their Facebook Comment Wall.

Facebook comment box makes your visitors catch you easily, so this can be very important for those people who want directly interact with the admin and other visitors. I know there are various people who want to know the Facebook comment box on their blogger blog, Wordpress blog and many other site. So this tutorial can be the best solution for them. So now we will suggest you how to add simple comment box of Facebook in the blogger blog. You should that everything have its merits and demerits. Likewise, this Facebook comment box also its some advantages and some disadvantages.

First of all, here we are discuss about the adva…

Responsive Video in Site and Blog

Responsive in every web materials is the trend of current web world. I mean , in the context of web development, responsive site can be called fashion but it also has many advantages. Mobile friendly, user friendly, device friendly and browser friendly are its some advantages. But in order to make a perfect responsive site, your site should have all elements responsive like videos, photos etc. Hence embedding video also should be device friendly, then your site can be called fully responsive.

Now here I am just telling you to make an embedded video responsive. Lets see how we can make any embedded video responsive or device friendly. There is no much difficult to do this. You just follow the following steps. 
How to Make Responsive Youtube Embed Video?Step 01: In the beginning, you embed any video whose code can be like  <iframe width="560" height="315" src="https://www.youtube.com/embed/o2Tw-8rF8dI" frameborder="0" allowfullscreen></i…