How to place an animated Gif in your WordPress header

I discovered a great tutorial on how to make an animated gif in photoshop. You can see it here. I followed the tutorial to make the gif you can see in my header image. Mine is a little annoying, so I’m going to tinker with it. But back to the topic:  many people find it difficult to upload to their WordPress blog an animated gif that actually moves. Here’s how to do it:

Size and colour mode are important in ensuring your gif animates. When you make your gif, make sure your colour mode is RGB and the dimensions are what you want them to actually be on blog.  (The WordPress twenty eleven header is 1000 x 288 pixels.) If you resize or crop after you upload, your gif won’t animate. For a visual step-by-step, there is a rambling but very useful video tutorial by a nice man called Alan Levine here.

After you’ve made your gif, sign into your blog, then choose Dashboard > Appearance > Header. In the resulting screen upload your gif.  Now here is an important step: after your gif uploads, you’re given a choice of  two buttons that say something like – I’m paraphrasing – “Crop and Publish” or “Publish your image as it is”. Choose the second one because cropping is death to animation in this WordPress procedure. Let me know if that helps.

By Cynthia Nugent

Children's book author/illustrator, instructor at Emily Carr University of Art and Design, animator, founder of Rascal Media, MA in children's literature