Awesome Floating Facebook Like Box Widget

Leave a Comment




add floating facebook like box widget.

As you all know facebook is the biggest social networking site in the world having 1.5+ billion users. So, just think how much traffic you can get from facebook

But are you struggling in getting more facebook likes for your blog page ? add floating facebook like box widget to your blog / website. This will help you to get more and more likes. Even I have increased 35% likes by adding this jquery widget on one of my blog.

This widget will remain fixed on the right hand side of your blog and when you hover on facebook image, the like box will reveal and displayed to your visitor. This all is done using jquery. You can see the snap shot below.

add floating facebook like box widget


See the live demo. Just download the html file and run it on any browser. This will help you better in installing this widget.


In the last post we had seen how to add stylish facebook popup like box widget for blogger and popup for facebook like box with timer. I recommend you to add this too.

Must Read :-


Add Floating Facebook Like Box Widget :

You have to go through couple of steps to add this. 

Step 1 :- Go to blogger.
I recommend you to take backup of your blogger blog before making any changes into it.

Step 2 :- Now go to template.
  • Blogger dashboard >> Template >> Edit HTML
Just find <head> tag and copy and paste the below mentioned code.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js'></script>

Skip this if you had already added this before.

Step 3 :- Now go to layout.
  • Blogger dashboard >> Layout >> Add a gadget.
Now add "HTML/JavaScript". Look at the snap shot below.

add floating facebook like box widget


Step 4 :- Just add below mentioned code.




Step 5 :- Customization.
Now find the comment,

<!-- *********************************** Change Facebook ID ******************************************* -->


<div>
 

<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Ffacebook.com%2Fsolvemyhow&width=245&colorscheme=light&show_
faces=true&border_color=white&connections=9&stream=false&header=false&height=270" scrolling="no" frameborder="0" scrolling="no" style="border: white; overflow: hidden; height: 270px; width: 245px;background:#fafafa;color:000;"></iframe><span><center>
 

</div>

<!-- *********************************** Change Facebook ID ends ******************************************* -->

Change the highlighted part with your page name.

for example :- https://www.facebook.com/solvemyhow - this is my page id name.

Step 6 :- Save the gadget.
Now visit your blog and you will see awesome floating facebook like box widget.

Must Read :-
 

How To Get Facebook Username ?

Step 1 :- Create your own facebook name.

Step 2 :- Select your page from the drop down list.
Now enter the url/name. Look at the snap shot below.

add floating facebook like box widget


Step 3 :- Click on check availability.
Now check the availability whether the name you entered is available or not. Then click on confirm button and you will see the success message.

add floating facebook like box widget


Step 4 :- Congrats your facebook name is been changed.

That's it. You have successfully added the widget.

So, this was all about how to add floating facebook like box widget on your blog/website. I hope this will help you to get more and more likes for your facebook page. Do share this post with your social media friends. You can also connect with solvemyhow on facebook and you can also subscribe for solvemyhow newsletter to get latest updates about blogging widgets, SEO and hacking tips right into your inbox.

Found this tutorial interesting ? Then why not help us by shooting those social media button on your left side after all "sharing is caring" right !

 
Also See :-

How to Hack Wifi Password in 2 Minutes

How To Add Email Subscription Popup Widget In Blogger

Complete Guide To Make Professional 404 Error Page In Blogger

Complete Guide To Create Professional Contact Form In Blogger

Trick To Automatically Tweet Your Blog Posts Using Google Feedburner

What Is Adsense Revenue Share Between Publishers And Advertisers

[Exclusive] Top 10 URL Shortener Websites To Earn Money

0 comments:

Post a Comment