Putting Facebook Like Button Below Post Titles


facebook button below post title
One of the best ways to  allow your  users to Like your posts and share it immediately to their Facebook friends in the web is through having it  below your post titles. Want to add the Facebook Like Button below your blogger post titles? Then follow these steps:


 Adding Facebook Like button below post titles


Step 1. Go To Blogger Dashboard >> Template >> Edit HTML 
         Note: Always back-up your template so that you can retrieve it if things go wrong in the process.

Step 2. Check the "Expand Widget Template" Box for the old Blogger Editor's Template (escape this step and proceed to Step3 
Step 3. Search (CTRL + F) for this code:

<data:post.body/>
Step 4. Just above it paste the code below:
<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 5.   Click first Preview, then hit Save button. And you are done.
Credits goes to Helplgger with a little modification from me.

No comments:

Post a Comment