How to Add FB Like ,Google +1 and Twitter Button to Blog Post


Plugin is the easiest way to connect your  blog to Facebook  but some including me are having
 a hard time adding it to their blog.I did it at last and made my own tutorials based on the
 buttons I installed  on my post.I will try my best to explain it in an easy to follow instructions .


Here  is the LIKE BUTTON that I have on my blog post.

1.Go to the dashboard
2.Click  template
3.Edit HTML,expand widget and look for
4. Copy the code

<b:if cond='data:post.isFirstPost'> 
<script>(function(d){ 
  var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;} 
  js = d.createElement('script'); js.id = id; js.async = true; 
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1"; 
  d.getElementsByTagName('head')[0].appendChild(js); 
}(document));</script> 
</b:if> 
<fb:like expr:href="data:post.canonicalUrl" layout='button_count' send='false' show_faces='false font="arial" action="like" colorscheme="light"></fb:like>  


5.Paste the code  ABOVE  the < data:post.body/> to place the buttons below the post title.
OR
   Paste the code BELOW the < data:post.body/>to place the buttons after the post.

6.Preview to check the button.
7.Save template  if  the button appear and on the right place.

+1 and Twitter
1. Go to your blogger dashboard 
2.Click Layout
3.Find the Blog Posts and click EDIT


4. Scroll down and look for


5. Tick "Show Share Buttons"
6. Save


Another FB like button

2. Put your blog's URL.


2. Click the "Get code" and copy the first plugin code.
3.Go to template ,Edit HTML,expand widget and insert the first plugin  right after the opening body > tag.

4.Copy the second plugin code .
5.Go back to HTML  and look for
6.Paste the second plugin  ABOVE  the < data:post.body/> to place the buttons below the post title.
OR
   Paste the second plugin BELOW the < data:post.body/> to place the buttons after the post.
7.Preview to check the button.
8.Save template  if  the button appear and on the right place..



Tags: , , ,

About Filipino Worldwide Bloggers

(FBW) started as a Facebook group on November 1, 2011 as Filipino Bloggers Around the World. As the name implies, the purpose is to unite all Filipino Bloggers around the world.

21 comments

  1. This is a great help for the newbies...thanks for posting! =)

  2. Good tutorial thanks for this

  3. This will be a great help to lots of bloggers out there! :D I traded this for a custom set of syndication buttons though.. ^^

  4. this tutorial is very helpful esp. to blogger blog users...

  5. This help me a lot! Thanks for sharing :)

  6. It's different on wordpress. It is a one-click affair.

    Still blogger just works, and the maintenance is minimal.

  7. Thank you for this useful tutorial :)

  8. Your tip will be very helpful to newbie bloggers like me. Will be adding this to my blog soon, thanks =)

  9. This a great tutorial, the visuals helped a lot, those who can't figure out how to do it will surely benefit from this. :)

  10. will install one...super helpful post :) I was trying to install FB like button but I failed everytime. Hope this time okay na ..

  11. This will be a big help for those who don't have the Like Button yet! Thank you very Miss Tess for taking the time to share this to other bloggers.

  12. This is very beneficial, especially when getting a very good traffic of your site. Thanks for sharing. I've applied this to my blog site. :)

  13. Thanks for this tutorial. I'll have this bookmarked. ^_^

  14. very useful esp. to the new ones.. thnks..

  15. bloggers who are using the blogger platforms should read this..this is very useful to them

  16. Seems easy here. Sana I can really put it on my blog, I get frustrated easily when a widget/ plugin is not show up. Lol

  17. but in my blog the google + did not affair if you want to see Entrepreneurial Recipe


    http://my-all-recipes.blogspot.com/

  18. Thanks for sharing information...

  19. I really need tutorials like this. I am not familiar with blogspot, I've been using wordpress for 4 years.

  20. I think blogspot is really a cool blogging site as you can add different social media buttons which no other blogging websites do not offer. Anyway, I love the detailed instructions you shared with us. Very helpful!

    Thanks for the share!

Leave a Reply

Related Posts Plugin for WordPress, Blogger...