How to add facebook like and send button after and before each post in Blogspot(blogger)-Easy tutorial

Today, My blogger friend asked this question and here is an easy solution for blogspot blogs as well as other free blogging platforms.

  • Go to blogger dashboard under my blogs

  • click on Template as shown in below image. (double click on image to view in full screen)This image is for dofollow blogdirectory blog Facebool like and send button in blogspot blog tutorial
  • Click on” Edit HTML” button.
  • Check the box Expand Widget Templates.Back-up your template if you are not confident.
  • search for <data:post.body/> by pressing CTLR+F key.
  • Add following code before <data:post.body/> (if you want to add facebook like and send button after your post title.
  • <div id=”fb-root”></div><script src=”http://connect.facebook.net/en_US/all.js#xfbml=1″></script><fb:like href=”” send=”true” layout=”button_count” width=”500″ show_faces=”false” font=””></fb:like>
  • If you want to add Facebook like and send button in the end of your blogger(blogspot) post, add same code after  <data:post.body/>

Another sharing widgets are:

1) Sharing is sexy widget

2) Share the knowledge widget , Share the wealth etc

3) ShareThis, 

4) AddThis

google out those words and you will find codes, you have to add code same as shown in this tutorial.

Pin It

Get Latest Tutorials and News straight into your inbox. Enter your email address, hit "Subscribe" button and confirm your email:

Delivered by FeedBurner

iframe to html:Useful in posting facebook’s fan page on your blog/website

Once you create a facebook fan page for your blog/article, you will get a iframe code to embedded into your blog so when people like your article, they will become your fan itself from your blog and they will get updated from your new post as well.

[Read more…]

Pin It

Get Latest Tutorials and News straight into your inbox. Enter your email address, hit "Subscribe" button and confirm your email:

Delivered by FeedBurner