A school asked us recently how to embed an animation, like the one above. Here's how!
1. First, find (or create) your animation. The most common form of simple animation is an animated .gif. I found mine at http://heathersanimations.com/ and there's a guide about creating your own using Photoshop here. If you're using animated .gifs from the internet, make sure you have the original creator's permission. In the case of heathersanimations.com, the owner has stated explicitly that she's happy for others to take and use her files.
2. Save the file to your hard drive.
3. Upload the file to your Scribble files account (log in to blog with Scribble and look for the "Your Files" link at the top of the page).
4. Once you've uploaded the file, click on the image's thumbnail that appears on your files page. This will open up a new page (or tab) in your browser, where the animated .gif will appear on its own. Note the URL of the file (it'll be something like http://scribble.scran.ac.uk/user35131/files/-1/2747/a.gif).
5. Create a new blog post and click on the "Insert/Edit Image" button in the editing interface (it's got a picture of a tree on it). In the dialogue box, paste the URL of the previously-saved animated .gif you want to embed.
6. Save your post!
Posted by Andrew James | 1 comment(s)