How to Make an Animated Banner for TeachersPayTeachers.com

February 28, 2016

Interested in creating and animated banner for your TeachersPayTeacher.com store? It’s easy, and you’ll be able to quickly grab the attention of your visitors to tell them what’s great about your resources …. and you!

tps-animated-banner

What You’ll Need:
Photoshop or Photoshop Elements
Adobe Illustrator, Paint or Word Processing Program (Basically, a program to create images)

Step 1
Create 3 or 4 images for your animated banner. Share your top resources. Ask people to follow you. The images should be 450px x 150px. If you’d like to have the gray in you banner match the gray on TeachersPayTeachers.com, here’s the HEX code: F1F0F0.

Step 2
Open images in Photoshop or Photoshop Elements and follow the instructions in this video.

Step 3

Host your gif animated image. If you own a website, host the images in your images folder. If you have a WordPress or Blogger account you can host the image there.

Step 4
Copy the image code from the HTML view. It will look like the image below. In the middle will be the name of your animated gif file.

Screen Shot 2016-02-28 at 10.39.35 AM

Step 5
Here’s the final step. Paste that code into your quote box on TeachersPayTeachers.com, and “Save”. That’s it.

Now you’re marketing on TpT like the big guys!

%d bloggers like this: