Check out Making Different's 40+ blogger widget generators
skip to main | skip to sidebar

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


S
tatic 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.

View Demo
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)

  • Go to Blogger Dashboard < Design tab > Edit Html  
  • Search for </head> tag
  • Add below line of code Before </head> tag
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/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.
(Note:- Facebook URL Must starting with "http://" and it contains no space or illegal Characters )



Your Facebook Page URL :



Credit :
The widget code and generator script was created by Harish and reshared at Making Different.

You might also like these Twitter widget


Checkout more Cool Widget on Facebook Widgets and Jquery Widgets

If you Liked it! then feel Free to Share and leave a Comment
If You Enjoyed This Post Please Take 5 Seconds To Share It.

Hi`i'm Nitin maheta ,from india,i love to blogging, Desing Blogger template, Web Developing and Designing.i like to learn and share technical hacking/security tips with you,i love my friends.

Follow Me On TwitterOr Facebook

4 comments


December 16, 2011 7:47 AM

where to add facebook page url in blogger and ADD to Blogger button not working..

December 16, 2011 7:55 AM

@kevin

i think you have any mistake
add to blogger button is working properly ....
please try again...

January 26, 2012 4:19 AM

not working

January 26, 2012 4:26 AM

@Dustin

If you have already jQuery Plugin than skip Step: 1 and direct go to step:2

it will be ok...

Enjoy..!!!

Speak Your Thoughts!

Important - If you are asking a question click the 'Subscribe By Mail' link below the comment form to be notified of replies.

If you add a link to your comment it will not be published.