Sunday

How to Add Facebook Like Button in Blogger posts




Adding a Facebook like button to your blogger posts, readers share your contents with their Facebook friends. Clicking the like button posts to a link to your blog post on the visitor's Facebook wall and news feed. Blogger Doesn't offer a Facebook like button widget, but you can add the like feature to each blog post by pasting the like button code into your blog's template.


Read : How to center your blogger pages link





Is your blogger blog getting traffic from social media sites like Facebook or not ?


If not or you are trying to get traffic from social media sites like Facebook then you need 2 things to do in your blogger blog which help you to get traffic from Facebook.



Step 1. Log in to your blogger dashboard.


Step 2. Go to template > edit html.





Step 3. When you are at template edit screen click anywhere inside the code area and search ( using ctrl+f ) for below piece of code.


" <data:post.body/>



Also Read : How to remove "powered by blogger" attribution


Step 4. When you will be searching for the above code, then you might find it more than 3 time. Then you need to stop to 2nd one. When you find this piece of 2nd time then stop there and then paste the below code just above it.


 <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 on save changes and you are done.



How to add Facebook like box in blog 



Step 1. Go to Facebook like box- Facebook developers which is the official tool by Facebook from where you can design Facebook like box.


Design your Facebook like box click Here





In order to create Facebook like box, you need to place the url of your Facebook fan page and then you need to width and height of your Facebook like box and then also choose other options according to your need.


Step 2. After doing all this, you need to click on " Get Code " button. When you will click on it then a popup will appear where you will see codes of different formats like HTML5, XFBML, IFRAME and URL for your Facebook like box.


As we want to add Facebook like box to our blogger blog, so we need IFRAME code, simply click on IFRAME and then copy the code given there.



Step 3. Log in to your blogger dashboard.



Must Read : Shutdown your computer via command



Step 4. Go to layout and then click on " Add a Gadget " in the section where you want to Facebook like box. It might be in the sidebar or also in footer of your blogger blog. Generally it remains in sidebar.



Step 5. When you will click on " Add a Gadget " then a popup will appear and from there you need to choose Html/Java Script gadget.



Step 6. Simply paste the code in Html/Java Script gadget and then click on save changes and you are done.




This was the complete article on how to add Facebook like button in blogger posts and how to add Facebook like box in blog.





No comments:

Post a Comment