Static Facebook Pop Out Like Box For Blogger Blog


Here is another tutorial on How to Add Static Facebook Pop out like Box with Smooth Jquery Hover Effect to Blogger (Blogspot) Blog. Facebook pop out like box widget is a cool widget and it loads faster than the common Facebook like box. A demo of it is at the right side of this blog. It can only be visible when you move your mouse over the plate.

static-facebook-pop-out-like-box

You can simple add the static Facebook pop out like box with smooth jquery hover effect to your blogger blog with a click of a mouse. Below are the instructions to make the widget work on your blog.

How to Add Static Facebook Pop Out Like Box

You shall be going through two simple steps to get this widget installed.

1st Step: Jquery JavaScript Plugin
1. You need to first add a Jquery JavaScript Plugin to your blog (if your blog already have the jquery plugin, you don’t need to add it again).
2. To add the jquery plugin, login to your Blogger account, click Template and then click Edit Html.
3. Search for the closing head tag i.e. </head> and paste the code below before the closing head tag.


<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>

2nd Step: Adding Widget Code to Blogger
1. You need to replace the Facebook fan page URL in the box below with yours
2. Then click on Add To Blogger button to add it to the static Facebook pop out like box widget to your blog.

Note that you must only supply a Valid Facebook Page URL not your personal Facebook profile URl.

I love sharing my knowledge with others. Feel free to contact me with any questions you may have. Please subscribe to the newsfeed and get updates through email, share this article with friends, or leave a comment below. New users can read about me HERE

Share this on:Share on Facebook10Tweet about this on Twitter0Share on Google+1Pin on Pinterest0Share on StumbleUpon0Digg this

Comments

  1. Innocent Charles says:

    good post.

  2. Olusegun Fapohunda says:

    @ G Mathias, it works, try to follow the criteria involved explained in the post.

  3. G Mathias says:

    it doesnt work

  4. I wish I know about technology like you guys. Wey my laptop? Lemme add this one to my site.

  5. I always confirm u to b a good guy

  6. Dahunsi Quadri wale says:

    thks for this nice stuff

  7. @kamig, try and remove the previous changes you have made and start all over again.

  8. dear sir that pop up and my sharing buttons just works on main page of site…while i want these to on all pages as well…please help me what should i do now?
    my site is freetv478 kindly help me out..
    thanks

  9. @kingsley chigozie, you're seeing that because you're supplying a profile link instead of a page link. If you don't have a page, you can create one Here

  10. kingsley chigozie says:

    Thanks for your good work, please the jquery facebook pop out is not working with my blog, i have tried it keeps telling me aoul not retrieve the correct a href,please help me out. You are a genuis, Thank God that i met this site.

  11. @joseph odemo, make sure you on your browser JavaScript, if the problem persist, undo the process you’ve gone through and start afresh.

  12. joseph odemo says:

    my own facebook logo is not poping out from my side bar….what coud be the issue?

  13. @Jerry Udalla, you must not use your personal Facebook profile link, instead use your Facebook page link.

  14. Jerry Udalla says:

    Its really interesting… But I have a little problem here. it worked but when i move my cursor to the facebook something, it pops out and writes “Could not retrieve a specified page,Please verify correct href was passed in.” instead of the normal facebook like box. Am confused, please help me out on how to correct that.

  15. Mirzan Divan says:

    nice

  16. @eStumbling, glad it work for you.

  17. eStumbling says:

    This is a great widget and so easy to upload! Thanks!

  18. @JAGDISH DHADUK, go and drop your request HERE

    @nphell, you’re welcome

  19. thanks it’s working

  20. JAGDISH DHADUK says:

    hi administrator
    i want to update facebook status via
    Jagdish Dhaduk’s Genius Mind

  21. You’re welcome.

  22. www.scholarshipvilla.com says:

    This is a unique blog!

Tell us what you're thinking...

All comments are moderated.

* Denotes required field.

*