Sunday, 1 January 2017

How To Add Facebook Like Box To Blogger Blog

Social media is one of the fastest and largest sources that drive you unlimited traffics as a blog owner/blogger, and when we are talking about social media of this era, Facebook will always have the lead in terms of usage and flexibility.

We have seen many blogs that drives most of their traffics from Facebook and not even from search engines, even many of their clients and customers are mostly from Facebook.

To make an illustration: Here at Bloggerwallet we also drive 25% of our traffics from facebook according to the blog analysts.

Therefore, it is very wise and advisable to use Facebook widget on your blog or website not only for gaining traffics and exposure, but also to gain reputable popularity.

Now I will show you the simplest way of adding that widget, in fact you didn’t even need any extra technical power.

P.S: The widget will look like this after the process has been completed

Just copy the code below and paste it anywhere you want your widget to appear.

<html><iframe src="//www.facebook.com/plugins/likebox.php?href=https://www.facebook.com/bloggerwallet&amp;width=470&amp;height=250&amp;amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false&amp;" style="border: none; height: 250px;overflow: hidden; width: 290px;"></iframe></html>

 You didn’t know how to do that? don’t worry am going to walk you through.

Follow below steps and you are going to have your widget in place.

Step 1: Login to your blogger dashboard and click LAYOUT.


 

Step 2: On the layout, go ahead and click ADD WIDGET.

 

Step 3: There will be a small new pop up window, then go ahead and click  HTML/JAVASCRIPT.

Step 4: Paste the above code inside the box.

Final Step: Just change the Facebook ID in red color to your ID, because that’s my ID there, you can get your Facebook ID by login in to your Facebook page, and copy the link that shows in the browser tab then replace it with mine that is already there.

 See Example:

You can also shrink it to any size by changing the width and height in green color, after that,then go ahead and hit save and you are done.

That’s it, it is as simple as ABC, do not hesitate to write me anything you don’t understand, am always at the service to help you.

Thank you guys for reading this tutorial, do like and share this post with your friend and don't forget to subscribe to this blog.

Previous Post
First

Authored by:

Hey! I'm Abdulrazaq Olatunji, CEO and content editor at this blog, I always derived much pleasure in paving beginner's way. I writes based on topics related to SEO, tutorial for both wordpress and blogspot, blogging motivational articles and all other blogging tips and trick such as practical guides on how to make money blogging. I'd love to see you some other times.

0 comments: