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

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

Checkout more Cool Widget on Facebook Widgets and Jquery Widgets

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

Do you Like this Article?

rss twitter facebook
Get Subscribe to Free Email Updates!!
*Your email address will not be shared with anyone.
  • 64074e64f4637be74f85a81f55bc312edelicious
Posted by Harish • on June 8, 2011 • in Blogger Jquery, Blogger Widgets, Facebook

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

  1. arhamvhy December 4, 2011 5:55 am #

    wow, it's very awesome widget..
    cool man

  2.   December 4, 2011 10:29 pm #

    Please help me.. .. I could not add it to my blog
    http://harkhabar-zarurihai.blogspot.com/

    page url – http://www.facebook.com/pages/Online-Jobs-Info/186737671408393

    It says "Could not retrieve id for the specified page. Please verify correct href was passed in.

  3.   December 4, 2011 10:30 pm #

    can i add this gadget for 2 fb pages in same blog???if yes thn how..
    :)

  4.   December 5, 2011 5:21 pm #

    BRO I AM STILL WAITING FOR YOUR REPLY..
    I got an error message-"Could not retrieve id for the specified page. Please verify correct href was passed in"
    please help me !
    http://harkhabar-zarurihai.blogspot.com
    my page – http://www.facebook.com/pages/Online-Jobs-Info/186737671408393

    please help me pleaseeee

  5. icon i.t solutions December 8, 2011 9:05 am #

    vist my blog for tips and tricks :
    http://crackedtricks.blogspot.com/

  6. + Syok Lah Blog + December 10, 2011 3:06 pm #

    sir, i can't click the "add to blogger" button..

  7. മുട്ടിക്കോല്‍ December 11, 2011 5:56 am #

    how can i add a converter box in blog posts. please help me

  8. Ashiq Hassan December 15, 2011 11:47 am #

    awesome… widget

  9. Admin December 19, 2011 12:51 am #

    how can i change position to left side?

  10. UncleSimple December 23, 2011 12:27 pm #

    i love u

  11. Admin December 27, 2011 3:49 am #

    Its Great visit my website www.FORTRICKS.in

  12. Uwe Skrzypczak December 28, 2011 10:19 pm #

    Fantastic … thanks for this widget.

  13. lokesh January 5, 2012 12:09 am #

    My slide show stopped working afer adding the code before the the head and after removing that code slide show is working but the widget stopped working

    • Harish January 5, 2012 12:09 pm #

      Find jQuery.noConflict(); in your Template and Remove it.

      Let me know, is working or not?

      • lara January 22, 2012 9:04 pm #

        Hello I’m having the same problem, the pop up box works but my slideshow stops working.Deleting jQuery.noConflict(); doesn’t help :(

  14. Hensaamni January 7, 2012 5:27 pm #

    i dont khow how it works plz help me
    how to put my facebook page url

  15. anil January 8, 2012 11:06 pm #

    hi it is not adding to my blog also http://cinerak.blogspot.com/ pls help me

  16. manoj January 10, 2012 5:32 pm #

    A nice script by way2blogging.
    I remember adding it on my website about 6 months back now i am again adding on nextsem.co.cc
    good job.

  17. daneswarajauhari January 21, 2012 3:47 pm #

    (omg) nice share bro (y)
    like this :D

  18. Hishhh January 27, 2012 10:24 am #

    For some reason , the widget stop working on post page but its working perfectly fine on my homepage. Other than homepage , it wont work. When I hover it , its doesnt came out on post page or page EXCEPT my homepage.
    Help me please :D

    Thanks !

    • Harish February 3, 2012 4:05 pm #

      may be jQuery plugin is already installed in your blog. check it out!

  19. @Derzku February 1, 2012 11:59 pm #

    Хороший плагин, но у меня проблема добавляю код, сохраняю у меня не работает перемена изображений на главной странице. В чем дело Harish?

  20. Rajesh Kumar February 2, 2012 4:24 pm #

    Google Redirects Indian Blogger Visitors To Blogspot.in , now when i try to generate STATIC FACEBOOK POP OUT LIKE BOX WIDGET ( Not a Valid Facebook Page URL) weather i put .com or .in

    • Harish February 3, 2012 6:21 pm #

      you should enter your facebook page url. not your blog url .

  21. Diy February 17, 2012 2:01 am #

    Dear Mr Harish,
    I want to change the position from right to left . what can i do ??

    Thanx

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

Leave a Reply

 

  • Loading...
© 2012 Way2blogging. Powered by WordPress