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.

You can add facebook like button in your Blogger blog posts. Adding this facebook like will definitely increase your blog's popularity to a great extent. I am going to give you step by step instructions to add facebook like button in your every blog posts just below your blog posts title. Save your template before doing it so that in case of any error you can recover your template easily. Carefully follow the steps given below.


Steps To Add Facebook Like Button To Blogger Blog Posts

1) Log in to your blogger account.

2) Go to Blogger Admin-->Template-->Click on Edit HTML



3) Click on Proceed



3) Check Expand Widget Templates.




4) Press CTRL+F and find following code

<div class="post-header-line-1">


5) After that paste the following code before the above given code.

<b:if cond='data:blog.pageType == "item"'> <iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show_faces=false&width=100&action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/> </b:if>


6) Click on Save Template.

Now you can see facebook like button below blog posts title on your every blog posts. You can also add this button anywhere you like. Alongside this facebook like button you can also add other social button.
If you are facing any problem in adding this code in your blog then asked me, I would definitely help you.

Dont forget to like my post before leaving this page. Thanks.

No comments:

Post a Comment