Add Static Facebook Pop Out Like Box with Smooth Jquery Hover Effect

June 8, 2011   /   Posted by in Blogger Jquery, Blogger Widgets, Facebook 117 Comments
Add Static Facebook Pop Out Like Box with Smooth Jquery Hover Effect

Static Facebook Pop Out Like Box with Smooth Jquery Hover Effect for blogger, this is another cool widget just like a Static Twitter Follow me Badge, but here i added like box with simple Jquery hover Effect. You See a static facebook badge at right of your Page and when mouse over the badge with like box is visible by Sliding to Left.

Live Demo:-

Watch the live demo at Right of this Page

How to Add Static Facebook Like Box with Smooth Jquery Hover Effect?

Here There are 2 Simple Steps
Step 1: Adding Jquery JavaScript Plugin(Ignore this step if your blog have already a Jquery Plugin)

  1. Go to Blogger Dashboard < Design tab > Edit Html
  2. Search for </head> tag
  3. Add below line of code Before </head> tag
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>

Step 2: Adding Widget Code

it’s Simple

Replace my facebook page URL below with the URL for your page.

Generate Widget

Check the New Facebook Popout Likebox Version 2 for Blogger

Checkout more Cool Widget on Facebook Widgets and Jquery Widgets

If you Liked it! then feel Free to Share and leave a Comment

Article written by

I am started my career with Blogger, and now grown as PHP and WordPress Developer. I love playing with Blogger and WordPress.

Do you Like this Article?

rss twitter facebook
Get Subscribe to Free Email Updates!!
*Your email address will not be shared with anyone.

117 Comments on “Add Static Facebook Pop Out Like Box with Smooth Jquery Hover EffectAdd Comment

1 2 3
  1. avatar

    HyperMB November 6, 2012 3:54 am #

    That must to delete when you no longer must?
    In detail would write someone?
    Because I am still a beginner .. thanks. : D

  1. Pingback: 2 awesome ways to add a facebook like box to your wordpress blog | Geekxpot

  2. Pingback: 10+ Tips to Reduce your Site’s Bounce Rate | Except Nothing

  3. Pingback: 2 Best Ways To Place Your Facebook Like Box | TechyDevil

© 2014 Way2blogging. Designed by +Harish, Powered by WordPress