Add Facebook Like Button Below Post Titles - New

[a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSSNALSx3TV8L_esHEXQIqbQ-YD6Ijl2kW3nRnjGFAg4kPqjs22Vg2Y5ePQ0Om0tFQRTVfYppAu0AUl34ZJDDtkOidDf6qjyXpGemj81od-NngynqXsHS1pS_sMgQUQ1T87LO8MueCrb4/s1600-h/image%25255B3%25255D.png"][/a]I previously shared a [a href="http://www.mybloggertricks.com/2011/05/add-facebook-like-and-send-button-to.html" target="_blank"]Facebook Like button[/a] that included a [a href="http://www.mybloggertricks.com/2011/05/add-facebook-send-button-to-blogger.html" target="_blank"]send button[/a] 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:

[a name='more'][/a]

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. 

Source: http://www.mybloggertricks.com/2011/06/add-facebook-like-button-below-post.html