Latest Post

Saturday, April 12, 2014

Add Facebook Like Button After Every Post On Blogger

ADDING FACEBOOK LIKE BUTTON AFTER EVERY POST ON BLOGGER BLOGS

This is very simple just 2 steps and it's done , here they are:-

Log into your blogger account, then go to Layout >> Edit Html.
Before doing anything you must check Expand Widget Templates box.

1) LIKE BUTTON AT THE STARTING OF POST(After post title) 
  
 Find the  Code (USE "CTRL F" TO FIND IT)




<div class='post-header-line-1'/>


 AFTER FINDING THIS JUST PASTE THIS CODE GIVEN  BELOW

 <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&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:450px; height:40px;'/>


And paste the button code     Before it.
Click on  Save Template and you are done




2) LIKE BUTTON AT THE END OF POST (After post body) 

THIS  ABOVE METHOD WILL SHOW  THE LIKE BUTTON AT THE STARTING OF THE POST,BUT IF YOU WANT LIKE BUTTON AT THE END OF THE POST THEN
# FIND THIS CODE  

<data:post.body/>


,,,,,,,SEARCH <data:post.body/> IN YOUR TEMPLATE CODE,,,,,,INSTEAD OF

<div class='post-header-line-1'/>

PASTE THE CODE AFTER THIS ,,,


<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&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:450px; height:40px;'/>


Click on  Save Template and you are done.

No comments:

Post a Comment

© Copyright 2014-17
| Designed By
| Powered By Blogger | Subscribe Us | Report Abuse | Sitemap
DMCA.com Protection Status