Include AmazingJokes.com on your site... For free!

A new joke every day on your site is easy.

there are two options, a teaser or the entire joke. You can adapt the way the joke is showing by placing the following Custom Style Sheet definitions somewhere in the header of your site (Somewhere between <head> and </head>): <style type='text/css'> .amazingjokes { font-family: Verdana, Geneva, sans-serif; font-size: 12px; width: 400px; text-align: left; border: 1px solid black; color: black; margin: 5px; padding: 5px; background-color: white; } .amazingjokes h1 { margin-top: 0px; font-size: 14px; } </style>

The TEASER joke

the jQuery option

If you have jQuery on your site you can put the following on the place you want the joke to appear:
<div class='amazingjokes'>loading...</div>

Then place the following in your header (or add it to your jQuery's ready-function):

$(document).ready( function() {
   $.getScript("http://www.amazingjokes.js/teaser.js");
});

This is what you should get:

the Javascript option

Put this one the place you want the joke to appear:
<div class='amazingjokes'> <script src="http://www.amazingjokes.com/teaser.js"></script> <script>document.write(amazingjokes_body);</script> </div> </script>

That will look like this:

The FULL joke

On the place where you want the joke to appear on your site, you place the following code:

This will put the joke on your site.

You can make changes to how the window looks by modifying the class 'amazingjokes' in the style sheet definitions. You can change the width, the colors, the font, the border, everything. If you need any help you can contact us.

The code works on all leading browsers, including Microsoft Internet Explorer, Mozilla Firefox, Google Chrome and Apple Safari. It also works on the leading mobile devices, like Windows Mobile Smartphones, iPhone and Blackberry!

Here is a sample on how it would look:

our daily image

%imgtitle%

%img%