Recommended Article for you : get unlimited Freecharge Trick revealed

Facebook Static Pop Out Like Box with jQuery Effect for Blogger

facebook pop out likebox
 Here is a Tutorial about how to add a static Pop out Like Box with Cool jQuery hover effect.This a Awesome Blogger Blog Widget that adds a little beauty to your blog.

After installing this Widget a Facebook Logo will appear on the right side of your Blog.When you Mouse over that Logo it Pop out with Smooth jQuery Effect.

Follow the instructions for installing this Widget.

If you don't interested in Editing HTML,you can use our WIDGET GENERATOR.

Install Facebook Pop Out Like Box Widget

  • Go to Design-> Page Elements
  • Click on Add Gadget
page elements blogger
  • Select HTML/Javascript from it
  • Leave title as blank ,Copy and Paste the below code into the content section.

<script type="text/javascript">
jQuery(document).ready(function() {jQuery(".noopslikebox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);});
<style type="text/css">
.noopslikebox{background: url("") no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 999;position:fixed;right:-250px;top:20%;}
.noopslikebox div{border:none;position:relative;display:block;}
.noopslikebox span{bottom: 12px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 7px;text-align: right;z-index: 999;}
.noopslikebox span a{color: gray;text-decoration:none;}
.noopslikebox span a:hover{text-decoration:underline;}
<div class="noopslikebox">
    <iframe src=";width=245&amp;colorscheme=light&amp;show_faces=true&amp;connections=9&amp;stream=false&amp;header=false&amp;height=270" scrolling="no" frameborder="0" scrolling="no" style="border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;"></iframe>
  • Replace the RED highlighted text with your Facebook page URL.
I hope you'd liked this Article,if so please share, like this. 
Close [x]


  1. you dont have a google adsense account or if it is disabled join this

  2. Wow it is very impressive.i've added it to my blog.thank you

  3. sir its not comiing only facebook icon is comming but its i snot opening

  4. its good one for online earning join us

  5. woow it's awesome ..

    look in my blog

  6. i'm still having confusing methods on how to make my blog appear on the search engine. I've done so many things to re-edit my h1, meta tags, keywords anything just to make it real on search engine. but everytime i tried to, it doesn't make me satisfy. would you give some shares to fix this? here's my new blog: Please help...

    1. use META descriptions. then content is the king.. post content with 300words min

  7. thanks its very helpful blog keep it on


Ask your thoughts to us,We are happy to help you.

1.Please don't Spam
2.We strictly recommend to Click on Subscribe to email