Previously I have shared Facebook floating widget for blogger, Facebook floating widget is now available for WordPress and it is also compatible with Blogger website. The Facebook floating widget can get more likes for your Facebook page as compared to other Facebook widgets. This widget has a dynamic behavior and eye popping for your visitors. And you can also have more space on your website for other use. I have seen different websites, who is using Facebook floating widgets but 90 percent websites have same theme color for the widget. So I decide to make it unique for my visitors. I have made this widget in different color themes. You just only have to copy your required code and paste into your blog’s widget/gadget according to your website theme.

Facebook-Floating-Widget

See Also:How to Secure Wi-Fi from Hackers

Click on your desired color link and copy the code.

[togglebox state=”closed” head=”Click to Open Codes” ]Black  Lime  Red  Purple  Blue  Pink  Grey

[/togglebox]

 

After copying the code, replace mrmubi2 with your own Facebook Page Profile username. For any issue make comments…

 

Facebook Floating Widget/Plugin Installation in WordPress

  • Log in to your WordPress dashboard.
  • Click on Appearance.
  • Then Click on Widget.
  • In Widgets Add New Text Widget.
  • And copy your desired code into it.
  • Then select any area on your site and save the widget.

Check if the widget is working by visiting your WordPress blog. If yes then leave below steps. Otherwise follow below step in order to add jQuery. If you have not installed jQuery then follow the steps;

  • From your WordPress dashboard, click on Appearance.
  • Then click on Editor.
  • Now click on Header.php
  • And paste below code before <header>

[box color=”white” icon=”information”]<script src=’https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js’ type=’text/javascript’/>[/box]

Facebook Floating Gadget Installation on Blogger

  • Log in to your Blogger dashboard.
  • Click on Layout
  • Click Add a Gadget
  • Now Select HTML/JavaScript
  • Paste the copied code into it and save.

In some cases floating plugin will not work because it will require jQuery installed on your blog. If you want to add jQuery on blogger then follow the below article and See the jQuery addition process below the article.

Add JQuery in Blogger

If you have any problem or question then feel free to ask. I can also create a more stylish Facebook plugin on demand.