Monday 22 December 2008

How to use Magic Magnify on Blogger

Magic Magnify is a cool effect that magnifies images to reveal beautiful detail.

1. Get a Magic Magnify license. Either a demo, commercial or non-commercial.

2. Upload magicmagnify.swf and magicmagnify.js to a website. There is no facility to upload JS files to Blogger, so you must upload the 2 files to one of your other websites.

3. Go to your admin area for Blogger and click Layout then click Edit HTML. Add the following line just below the <head>, changing the file location to wherever you uploaded your JS and SWF files to:
<script src="http://www.example.com/magicmagnify.js" type="text/javascript"></script>

4. Go to a post. Click Edit Html. Add Magic Magnify to an image by linking your small image to your large image like so:
<a href="http://www.example.com/large.jpg" class="MagicMagnify"><img src="http://www.example.com/small.jpg" /></a>
For more help, email Magic Toolbox.

Example

Hover over the image:

Nike running shoe

No comments:

Post a Comment