Breaking News
recent

How To Add Facebook Like Button With Counter In Every Post

Giving the users/visitors of your blog/website a chance to share the content they just viewed using a Facebook "Like" button will bring more traffic to your blog/website. The social networking sites are the best place to get promoted. More traffic will also help you to generate more revenue or money for your blog.(If you have monetized)


Now let's see- "How To Add Facebook Like Button With Counter In Every Post"


Let's start-

Step 1: Go to Blogger Dashboard -> Template -> Edit HTML(as shown in below picture)

  


Step 2: Click inside the code area. And, now press Ctrl+F. And, now paste this bit of code in search box

               <data:post.body/>

Note: The search will show it 3 times. But, paste the code before the second one.[If it didn't work paste it after third]

Step 3: Just above the "<data:post.body/>" - Paste the below code.

<p><iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp; action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:100px; height:20px;'/></p>






Step 4:  Now save your template. And, visit the blog to see your new changes.

That's it.

If you have any doubts or suggestions, please do leave your comments below.

8 comments:

  1. I put it above the third and FINALLY it is working after trying for a week from different sites and codes! :D Thanks I love you! :D

    ReplyDelete
    Replies
    1. You're welcome. I'm glad it helped you dear. :) Cheers.

      Delete
  2. Hey, I put this code on my website but not showing me any like button inside of post.
    Do you know how to design a good template for blogger ?

    Check my blog:

    http://www.myknowledgeroom.com
    http://www.pawanpurohit.in
    http://www.pawanlove2.in

    ReplyDelete
    Replies
    1. Paste it after third one. It will be going to work. Thanks. :)

      Delete
  3. i couldnt find data:post.body part in my html editor. also body does not exist. what am i suppose to do with that?

    ReplyDelete
    Replies
    1. body tag is an HTML tag without which a website can't even exist. Try as explained above or if you want personal help I can give you my Skype ID... Thank you... :)

      Delete
  4. Thank you for this post.
    Got a code for a Like button WITHOUT a count please?

    ReplyDelete
  5. thank you for this tutorial, I've used it ( www.ishomudin.blogspot.com )

    ReplyDelete

All rights reserved by TechnoGadgetWorld or TGW. © Copyright protected 2012-2015. Powered by Blogger.