Friday, 22 June 2012

Add Facebook Like Button Below Post Titles - New


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

  1. Go To Blogger > Design > Edit HTML
  2. Backup your template
  3. Click the "Expand Widgets Templates" Box
  4. 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. 

0 comments:

Post a Comment

Internet-PublicLab. Powered by Blogger.