Saturday, April 10, 2010

How to add a fish eye image navigation

From this tutorial, you will be able to add a fish eye image navigation like the one below.

fisheye

document_letter_upload Click here to see the demo (or just take a look at the share this section below this post)

You will need these file(s) for this tutorial:

js_file_thumb5 fisheye.js
css_file fisheye-menu.css
box_zip_thumb2 fisheye.zip

To add a fish eye image navigation to your website:

1. From your Blogger dashboard, navigate to Layouts and then Edit HTML.

2. Add the following javascript and style sheet link below right after the opening head tag of your blog:

<link rel="stylesheet" type="text/css" href="fisheye-menu.css" />
<script src="fisheye.js" type='text/javascript'></script>

3. Next, you will need to add the following section code below to where you want the navigation to appear. You can do this by adding a new HTML/JavaScript widget or paste it within your HTML code section of your layout.

4. You should preview your blog first to see if all codes have been implemented correctly. If so, save your template and you’re finished.

Labels: , , ,

1 Comments:

Anonymous ExtremeBackLinks said...

Images Links Are Not Working.

April 10, 2010  

Post a Comment

Subscribe to Post Comments [Atom]

<< Home