How To Add Facebook Like Button To Blogger Blog Posts




Today's generation is all about Social Networking. People use social networking sites more than any other sites in the Internet. If you own any blog then you can even promote your blog using these social networking sites. Social media plays a large significant role in promoting a blog. Facebook is among the most popular social media site. It would not be wrong to say that Facebook is the king of the social network. A large traffic can be achieved into your blog via facebook. To make sharing of your blog posts easier adding a facebook like or share button in your blog will be always very intelligent.

If you want to add the Facebook Like Button below your blogger post title, then follow these steps:

Adding Facebook Like Button Below Post Titles


Step 1. Go To Blogger Dashboard > Template > Edit HTML 

Screenshot 
facebook for blogger, facebook button

Step 2. Click anywhere inside the code area and search - using CTRL + F keys - for this piece of code:
<data:post.body/>
Note: you might find it more than 3 times, stop to the second one (or third one in case it won't show up after applying the code from step 3)

Step 3.  Just above it, paste this code:
<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>
Screenshot
facebook button

Step 4. Save your template and you are done with this simple implementation of the Facebook Like button on your Blogger blog.

No comments:

Post a Comment