Sunday, April 28, 2013

Add Facebook Like Button in Blogger Below Post Titles

7:24 AM

I previously shared a Facebook Like button that included a send button by default. One of the problems I noticed with it was the load time. I then shifted to this new like button which loads like a flash at my internet connection speed. If you wish to add this new like button code just below the post titles of your blogger blogs then follow these easy steps:

Adding Facebook Like Button To Blogger

  • Go To Blogger > Design > Edit HTML
  • Backup your template
  • Click the "Expand Widgets Templates" Box
  • Search for this,
<data:post.body/>
  • 5.    Just above it paste the code below,
<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;'/>
  •      6.   Save your template and you are done!
Visit your blog to see it working just fine just below post titles. Feel free to ask any questions you may have.

Note: If this tutorial worked for you (and it should work), please leave a comment below. Thanks.

Written by

We are Creative Blogger Theme Wavers which provides user friendly, effective and easy to use themes. Each support has free and providing HD support screen casting.

0 comments:

Post a Comment

 

© 2013 iFlasha. All rights resevered. Designed by Templateism

Back To Top