Tips from Pitch Clips: Rotating GIF TpT Quote Banners – Link up your store!

by | Pitch Clips, Tips From Pitch Clips, TpT Tips

Update 7/26/15 – This has been a popular request!  If you have trouble with any of the steps below, please email me! I am happy to walk you through it!   If you just don’t want to mess with it, I now offer banner creation services!  Check it out!

Update #2 6/3/16 – I have discovered a few helpful tricks to cut out some steps!!! YAY!  Updated below!

Update #3 8/1/16 – I have found an even BETTER way to do it!  Check out the second tutorial here!

Updated #4 7/1/2017 – Photobucket is NOT an option for hosting anymore! See bottom of post for new options!

Updated #5 6/15/2018 – Bitly is not an option for link shortening! It is marking image links as spam!

Wait, What?

I know you have seen them – they are the latest rage on TpT. It used to be fancy to have a simple text link in your header to Facebook or your blog or wherever. Then it was to put a picture in the header. Now we have moved to slide shows!  Still don’t get it?  Visit my store and check it out!  You can see it in my other store too!

When I opened my store, I got great feedback from a lot of very sweet people!  However, I think the biggest comment is “How did you do that?”  Well, it is easier to just write it once than to tell everyone individually! 🙂

Note: This is not for the faint of heart.  It is time consuming and if you miss a step, extremely frustrating.  I had a horrible, gigantic banner in my store for a bit before I worked it out.  I still feel bad for the two followers who started following me during that period! 🙂

When you are done with this tutorial, link up your store at the bottom! I want to see your hard work!

What You Need

  • PowerPoint or Keynote (I use Keynote)
  • Graphics Editing Program (I use Photoshop, but Sumo Paint will work too).
  • Free GIF maker (http://gifmaker.me/ or http://gifcreator.me/)  **** I now highly recommend gifcreator ****
  • Free Photo hosting – Pinterest, your blogger website, or wordpress website work fine. (Note do NOT use photobucket – this used to be an option but they now charge $400/year for this).
  • Link Shortener – I use tinyurl.com or Pretty Links (wordpress plugin).

Step 1: Set up PowerPoint or Keynote

This is a great post from Pitch Clips showing how to make an animated gif banner for your teachers pay teachers store!

Keynote

This is a great post from Pitch Clips showing how to make an animated gif banner for your teachers pay teachers store!

PowerPoint

You really need to make a photo with the dimensions of 150 pixels by 450 pixels; PowerPoint and Keynote will not go this small so I doubled the ratio and will resize later.

  • Keynote: Document size: 300 pixels by 900 pixels.
  • PowerPoint: In inches, you need a 3:1 ratio.  For example, 3 inches by 1 inch.  Also, 6 inches by 2 inches.  You get the idea!  (This can be changed in File -> Page Setup).  Hint: Keep a large ratio to start off for better image quality (helps it not look so grainy!).
  • Alternatively, you could use a service like PicMonkey to get the dimensions right from the get-go!

Step 2: Create Your Slides

There is not a limit to what you can put on here, though remember your buyers aren’t in your store to watch a slide show.  🙂  I have about 6 or so running in each store.  As I have time, I hope to replace them seasonally.

If you want the images to “blend” with the grey header space on TpT, then you need to set the background color to #F1F1F1.  You can format the background of your slide (directions below) or insert a rectangle shape and recolor the shape (put it behind all your other content).

Powerpoint:
1.  Format -> Slide Background.
2.  Click Color.
3.  Click more colors.
3.  Click on the slider Picture and then select “RGB Sliders”
4.  Type in 241, 241, 241 in the settings or F1F1F1 in the Hex code.
5.  Hit Apply.

(Same process in Keynote, just use the format, slide background).

This is a great post from Pitch Clips showing how to make an animated gif banner for your teachers pay teachers store!

Here is one of my slides:

This is a great post from Pitch Clips showing how to make an animated gif banner for your teachers pay teachers store!

Step 3: Export Your Images

Export your images in your desired format.  Both Keynote and PowerPoint will export images.  In PowerPoint, it is File -> Save as Pictures.  In Keynote it is  File -> Export to -> Images.  If you want your images to be clearer, you can increase the size of the slides.

This is a great post from Pitch Clips showing how to make an animated gif banner for your teachers pay teachers store!

Keynote

This is a great post from Pitch Clips showing how to make an animated gif banner for your teachers pay teachers store!

PowerPoint

Step 4: Resize and turn it into a gif!

Once you have all your slides, then upload them to http://gifcreator.me/.

This is a great post from Pitch Clips showing how to make an animated gif banner for your teachers pay teachers store!

In the preview pane, drag them in the order you want.  On the right side, double check your dimensions and set the animation time. I  use 3800 ms which is 3.8 seconds.  Play around with whatever looks good to you.

This is a great post from Pitch Clips showing how to make an animated gif banner for your teachers pay teachers store!

Then scroll down and click “Create Gif animation” and then download your .gif file.

This is a great post from Pitch Clips showing how to make an animated gif banner for your teachers pay teachers store!

Step 5: Upload the .gif file to hosting site of your choice

The next step is to upload your gif to the third party hosting of your choice.  Third party hosting just means that you will use a link on TpT to point to an image somewhere else on the internet as TpT will not allow you to upload the image directly.

Do NOT use Photobucket.com anymore (this used to be the #1 option).  Photobucket now charges $400 year for the this service.

I will cover three options: Pinterest, WordPress, and Blogger.

Pinterest
You can use a secret board or a public board for this.  Though I have not done it for my store, others have very successfully. Note: Your gif file cannot be over 10mb.  I do not use Pinterest because many of my banners are pretty big.

1.  Upload a pin as you normally would.  If you are on a secret board, do not worry about where it points to or what the description is.  No one is pinning it!  But if you want to display it on TpT, then why not actually pin it too?

2.  Go to that pin.  Right click and click Copy Image Address.  This is the link you will paste into a link shortener in the next step.  Note: Some people are reporting that PInterest is not working right.  But if you want to try to use Pinterest, go for it!

Wordpress Blog
If your blog is hosted on wordpress, you can upload your gif to your media section.  You do not have to put it in a blog post.

1. Go to your media library (on lefthand side of your dashboard).  Drag and drop you image to the screen or click upload and upload your gif.

 

 

2) Click on your gif to make it pop up and then copy the image url.  You will paste this into the link shortener in the next step.

Blogger Blog
I used an old blogger blog I use for testing when I am coding for clients.  I created a draft post (you don’t ever have to post it!).

 

1. Open the blogger blog and create a draft post.  Go to html view and click upload image.

 

 

 

2.  When it asks, click original size, doesn’t matter on alignment.

 

 

3.  Find the full link for the image and copy between the quotes as pictured. You will use this to create the shortened link in the next step.

 

 

4.  Save your draft (you do NOT have to publish, but do save it!)

Step 6: Shorten your image link with a link shortener.

You must shorten the url because of the TpT restrictions on how many characters in your quote area.

NOTE: DO NOT USE Bit.ly!  Bitly has started marking these images as SPAM and will not show it in your TpT store!  Try one of these two things:

1.  Tiny Url.  Just paste your link and then copy the new one!  A new link might look like this now:

https://tinyurl.com/123adfd5

 

Repeat this process for both the destination link and image link.

2. Pretty Links.  If you are on wordpress, install the plugin Pretty Links and you can shorten your links using your custom domain.  This is the option I now use.

 

Step 7: Go to your store profile on TpT and put in your link

– Login to TpT.  Go to “My Account.”  Then go to  “Profile.”

– You must use this code EXACTLY in your profile or it WILL NOT WORK!!  This goes in the “quote” section:

<a href=”DestinationLink”><img src=”ImageLink” /></a>

*DestinationLink –  Replace the word DestinationLink with whatever web address you want buyers to go to if they click your picture. TpT has now asked that we only link to links on TpT.

Note: You CANNOT put more than one link. I would love to link to each product, but we are limited to one link.

*PICTURE – Replace the word ImageLink with the link to your Gif.

*WIERD BUG – MANY people have had trouble with the correct code and the banner still not working.  Turns out pasted quotes ( ” ) are having trouble rendering.  So paste your code, then manually delete and retype each ” – this fixes the problem 90% of the time!  (It has something to do with formatted code if you care, lol).

My banner code would look like this:

<a href=”http://tinyurl.com/tptquotebanner”><img src=”http://tinyurl.com/2sujZOy” /></a>

Which comes out to this:

2sujZOy

Step 8: Check your store and troubleshoot!

Did it work? I hope so! 🙂 If not, go back and double check your steps. If it still doesn’t work, leave a comment or shoot me an email at [email protected] .

Colorfully,

Shelley

Link up your store with your new banner!

This is the home of Pitch Publications with Shelley Tomich.

I’m a busy mom of three and a music educator in Atlanta, GA. My goal is to provide motivated teacherprenuers with great graphics and time-saving  tips so they can focus on creating!

Let’s Connect

Visit my store!

This is Pitch Clips Graphics, a place for teacherprenuers to find time saving tips and great graphics! Your Teachers Pay Teachers store never looked so good! #tpt #clipart

Categories

Wishlist Items

Click here to move your wishlist items to your cart!

204 Comments

  1. Ron Leishman

    Hey Shelley this worked great. I initially had a problem getting it to work when hosting my image to Dropbox but when I hosted it on my WordPress server, it was magic.

    BTW I created my animation in Photoshop CC. Lots of control over the individual elements.

    Reply
    • Shelley Tomich

      Thanks again for your kind comments! Glad you found a great way to make it work!

      Reply
    • Shelley Tomich

      Thank so much! So glad I could help! It looks great! If you need help resizing it, let me know! Otherwise it’s awesome!

      Reply
  2. Jen

    This was fantastic, thank you for your help! I officially have a fancy gif banner on my store :-).

    Reply
  3. Erin

    Thank you!! I was trying to use Bit.ly and couldn’t figure out why it wasn’t working. Your tip about using Tiny URL solved my problem. I am so thankful I found this post!

    Reply
  4. Allison

    I did it! Thank you so much. The directions were clear and helpful. My store looks beautiful 🙂

    Reply
    • Shelley with Pitch Clips

      Wonderful! I am so glad it worked! Looks great!!

      Reply
  5. Jean

    Thank you so much Shelley! This tutorial was so helpful! I had always wondered how teachers were getting those images on their stores. Now I know. Thanks!

    Reply
    • Shelley with Pitch Clips

      Glad to help, Jean!! 🙂

      Reply
  6. Josie

    Thanks for your help. After having to take down the original photobucket banner, it looked so bland! Thanks for helping to spruce it up!

    Reply
    • Shelley with Pitch Clips

      Anytime! Glad to help 🙂

      Reply
  7. Amanda Smith

    Hi Shelley,

    I’m having the same problem as Anna. My banner is too long. I made mine 1×3 inches like I always do and it looks way bigger than the images in my gif. Any suggestions?

    Reply
    • Shelley with Pitch Clips

      Hey Amanda! Have you tried resizing your gif in one of the gif creation programs? Sometimes 1 by 3 inches exports at the wrong pixellation based on DPI (did that make sense at all?? :/ ). Anyway, if you still have problems, shoot me an email at [email protected] and I can try to help! 🙂

      Reply
  8. Ms. Forde's Classroom

    Thank you! After spending hours watching various tutorials that don’t work for me, this one did! At least now I can change it around and improve it…thanks!!!

    Reply
    • Pitch Publications

      Yay! So glad it worked!! =)

      Reply
  9. Corinne

    This is the best tutorial I’ve found! Thank you so much for sharing this info! Your step-by-step instructions worked perfectly!

    Reply
    • Shelley with Pitch Clips

      Thank you so much, Corinne! Glad to help! 🙂

      Reply
  10. Lisa Fink

    I did it!! I thought it would be difficult but your help was amazing! Thank you so much!

    Reply
    • Shelley with Pitch Clips

      You are so very welcome!!! Cute banner!! 🙂

      Reply
  11. Kristin

    You saved me again! Thank you so much! 🙂

    Reply
  12. Amanda

    Shelly,

    You’re directions were fabulous! I got it the first time I tried and couldn’t believe it! Many thanks:)

    Reply
    • Shelley with Pitch Clips

      You are so very welcome!! 🙂

      Reply
  13. Ashley Johnson

    Wow!!! Thank you!!! I was able to get it on the first try!!! I wished I would of found your tutorial two nights ago. Your step by step directions were so easy to follow. Thank you so much!!! 🙂

    Reply
    • Shelley with Pitch Clips

      Fabulous!!! So glad to help! I just peaked at your banner – super cute!!

      Reply
  14. Kim@OCBeachTeacher

    Thank You!!! I could not make my images the proper size in PP, and this finally helped me figure out how to do it (like on the 10th attempt). By the way, Literacy by Lulu gave me your name.

    Reply
  15. Marissa

    Can you tell me where I would find the link to my GIF…..I have everything complete, but I’m not sure where to find that? Is it where i pinned it on Pinerest??

    Reply
    • Shelley with Pitch Clips

      Hey Marissa! If you go to the pin and click on it, let it pop up, and then copy and paste the link. Then shorten it with bit.ly and go from there. if that doesn’t make sense, shoot me an email at [email protected] and I’ll do my best to help you more! 🙂

      Reply
      • Marissa

        I can’t thank you enough! Needs some tweaking, but that worked! 🙂

        Reply
  16. Tracy Morlan

    Thank you for coming to the rescue AGAIN! I discovered this morning that my rotating banner was gone and replaced by a notice from Photobucket that they now require $400 for 3rd party hosting. Not very nice of them! An email could have been sent out which would have been a better way to approach this. At any rate, a few friends and I problem-solved through this with your help. Thanks again!! Tracy (GoldCountrySLP)

    Reply
    • Shelley with Pitch Clips

      You are so welcome!!! 🙂 I was SOOOO annoyed by the Photoshop debacle. GRRRRR!!!

      So glad you guys were able to work it out! Happy creating!

      Reply
  17. Mary

    THANK YOU for updating this post! I used your original post to begin with, but since photobucket is charging, I had to update.
    Your directions were extremely easy to use. I had to delete the ” and reinsert them, then it worked like a charm!

    Reply
    • Shelley with Pitch Clips

      Yay! And I know the ” problem is also annoying – took forever to figure that one out!! 🙂 Glad to help!
      Shelley

      Reply
  18. Stephanie

    Thanks so much! Your tutorial was the only one that worked (and was non-tech user friendly) to fixed my quote box after Photobucket stopped hosting it.

    Reply
    • Shelley with Pitch Clips

      Yay! So glad to help out!!! 🙂

      Reply
  19. Christi

    Fantastic! I may need a few edits but I DID IT! Thank You!

    Reply
    • Shelley with Pitch Clips

      Wahoo! Glad to help!! 🙂

      Reply
  20. Susan Efseaff

    This is the best tutorial! Thank you so much!

    Reply
    • Shelley with Pitch Clips

      Aww, thanks so much!!!

      Reply
  21. Kristin

    Thank you. I followed your instructions and got it to work on the first try! So thankful for the time you just saved me! 🙂

    Reply
    • Shelley with Pitch Clips

      Hey Kristin! You are so very welcome!!! =)

      Reply
  22. Heather ~ Science From The South

    Yaaaaay! I did it. Thanks to your blog post! Creating this tutorial was very generous of you and much appreciated by many.

    I did start by creating the 3 x 1 inch slides in powerpoint. When I went to change the size of the slides in sumopaint, they became extremely blurry, like mentioned in some of the comments. So, I went back and changed the size of my original slides to 4.688 x 1.563 inches, like stated in one of the other comments. It worked for me as well so, I was able to skip the resizing step and go straight to creating the gif.

    Thanks again for this amazing tutorial!

    Reply
    • Shelley with Pitch Clips

      Yay!! You are so very welcome! 🙂 I’m glad you were able to troubleshoot the sizes 🙂 It can all be tricky! I just took a peek at your store – LOOKS GREAT!!!!! 🙂 (PS I’m in Georgia too! Hello to my fellow southerner! 🙂 )

      Reply
  23. Megan

    Hi there! Thank you for your post! It was very helpful. I was so excited because I followed all steps correctly. It is when I got to the end where I found trouble. I posted this html code into my link: . But then when I click edit, it did not add and the html code then turned into when I went back to edit my profile again. Do you happen to know what I am doing wrong?

    Reply
    • Shelley with Pitch Clips

      Going to email you!! We will get it straightened out 🙂

      Reply
  24. Megan

    Hey there! Awesome post, thank you so much for sharing. I am confused as to why it is not working in my profile however. I followed all the steps correctly and came up with this html:
    but when I hit edit it doesn’t work. Then when I got back in to fix it the section says: . My link is GONE! Do you know what I could have possibly done wrong?

    Thanks for your help!

    Reply
    • Shelley with Pitch Clips

      Hey Megan! I will shoot you an email, the html you posted is not listing here, but it came through in an email. I think I know what happened, but will confirm via email. We will get you straightened out! 🙂

      Reply
  25. Gretchen of Always A Lesson

    This was sooooo incredibly helpful. Thanks for including step by step instructions + visual aids. I am IN LOVE with my store now 🙂

    Reply
    • Shelley with Pitch Clips

      Yay! It looks amazing!!!

      Reply
  26. Leslie

    This is SO awesome! Clear, concise, and frustration-free! 🙂 Thanks so much for sharing your wisdom. This was much easier than I anticipated.

    Reply
    • Shelley with Pitch Clips

      FANTASTIC! I’m so glad!!!! 🙂

      Reply
  27. priya

    It was very clear and concise and even someone like myself with my limited computer abilities was able to make a gif.

    Reply
    • Shelley with Pitch Clips

      Thanks for the feedback! 🙂

      Reply
  28. Paige

    That was awesome! Your directions were spot on and easy to follow. One of my pictures is kinda of blurry, but I’ll go back and play with that later! Thank you so much! ~Paige

    Reply
    • Shelley with Pitch Clips

      Fantastic! I just glanced at it and it looks pretty good to me! It will never be super crystal clear mostly because of the size restrictions.

      Reply
  29. Dinah Ely

    Shelley, thanks so much for this tutorial! I had so much creating my little gif:) Dinah

    Reply
    • Shelley with Pitch Clips

      Hey Dinah! I just ran to your store and it looks darling!!! Great job!!! 🙂

      Reply
  30. Leila ~ Teach at the Beach

    I woke up early and saw this post on the FB Teacherpreneur Tribe page. SO GLAD you posted this as I LOVE my new gif for my store! I used Pic Monkey instead of Photoshop and Google Drive instead of Photobucket, but it all works so similarly that I had no issues. Thank you!

    Reply
    • Shelley with Pitch Clips

      Yay!!! It looks AMAZING! =)

      Reply
  31. Deann Marin

    Thank you so much for your help with this. It worked, only I used picmonkey.

    Reply
    • Shelley with Pitch Clips

      Wonderful! 🙂 I hear great things about picmonkey!!!

      Reply
  32. Debbie

    Thanks for this tutorial! I also had trouble with blurry images. What I did was change the custom size in powerpoint from 3:1 to 12:4 then resized in Sumopaint! It worked perfectly! I’m still not thrilled with my rotating GIF but now I know how to do it! Thank you!

    Reply
    • Shelley with Pitch Clips

      I’m so glad you found a work around! 🙂 Yay!!!

      Reply
  33. Linda

    What a wonderful post! Your directions are very clear and super helpful. Thank you!

    Reply
    • Shelley with Pitch Clips

      Thanks, Linda! You are so welcome!!

      Reply
  34. Mahogany

    This was so helpful! It took me a while to go through the steps and everything but was very well worth it! Thanks for this great tutorial!

    Reply
    • Shelley with Pitch Clips

      Glad to help! And yes, I have done dozens now and it still takes me awhile! 🙂

      Reply
  35. Deeder Do

    Just made another one! You’re awesome! Thanks for teaching me how to do all this fun stuff!! 🙂

    Reply
    • Shelley with Pitch Clips

      No Problem! So glad to help! 🙂

      Reply
  36. Shea

    I couldn’t get my pictures to upload to the free Giff maker website. I had to use another website that leaves their website attached to my Giff. Do you think I couldn’t upload them on your website that you suggested because I am using Safari?

    Reply
    • Shelley with Pitch Clips

      Hey Shea! I found that if you exported them as .jpeg then Giff Maker doesn’t like it. Check and make sure you take out the “e” and make them .jpg. When I did this they worked fine. If that’s not your problem, shoot me an email at [email protected] and we will see what we can do. 🙂

      Reply
  37. Beth Ann

    I am slowly but surely getting it. My images are too big. Thanks for sharing this! You are so talented! 🙂

    Reply
    • Shelley with Pitch Clips

      Hey Beth Ann! If you still have problems with the images shoot me an email at [email protected]! I will do what I can to help out! 🙂

      Reply
    • Shelley with Pitch Clips

      It looks awesome! Great job!

      Reply
  38. Ann Hollingworth

    Thanks so much! How generous of you to take the time to send us the step-by-step directions. I’m thrilled! Are there two ways of doing the HTML? I used a slightly different HTML code from the one you listed in Step 9. I used “PICTURE”> instead of “PICTURE” />. Feel free to check out my animated GIF! Thanks again!!

    Reply
    • Shelley with Pitch Clips

      Hi Ann! I think leaving out the / is probably ok. 🙂 Test it – if it works, go for it! Can’t wait to visit your store! 🙂

      Reply
  39. Tracy King

    HURRAY! I did it! Thanks for this post Shelley!

    Reply
    • Shelley with Pitch Clips

      You are so welcome! Looks great!

      Reply
    • Shelley with Pitch Clips

      Awesome! It is adorable!!!

      Reply
  40. Surviving Social Studies

    Thank you SO MUCH! I followed your steps exactly as directed and I love my new rotating banner!!! I’m going to just sit and stare at it for a bit 🙂

    Reply
    • Shelley with Pitch Clips

      HAHA! I did that too at first! 🙂

      Reply
  41. Jeanine Schneider

    YAY! Thank you so much! I was nervous but your very clear directions with pictures and links totally made me successful! Thank you for all you did to help us! : )

    Reply
    • Shelley with Pitch Clips

      Awww, you are darling! Glad it helped!

      Reply
  42. KLC Studio - Kerry

    Just adding my Thanks! to the list. Your tut was very helpful and my banner looks great.

    Reply
    • Shelley with Pitch Clips

      Wonderful! So glad it worked for you! 🙂

      Reply
  43. Tammy Morehouse

    Thank you SO much for that tutorial. It was very clear and concise and even someone like myself with my limited computer abilities was able to make a gif!

    Reply
    • Shelley with Pitch Clips

      That is wonderful! Yeah!

      Reply
  44. The Profe Store

    Thank you so much for sharing these instructions – so clear and concise!

    Reply
    • Shelley with Pitch Clips

      You are so welcome!

      Reply
  45. Andrea Knight

    Oh my gracious… that took me about 3 hours (I’m mentally exhausted), but I’m celebrating this personal technological victory!! Thank you for helping all of us out with these directions. I had to change up a few of the steps, but your tips and tricks were perfect for getting me to the end! 🙂

    Reply
    • Shelley with Pitch Clips

      Wonderful! Yeah, this is not for the faint of heart! 🙂

      Reply
  46. Angie Kratzer

    Thank you soooooooo much for this. I’m not even at the GIF stage, but your directions helped me with the picture. You’re fab.

    Reply
    • Shelley with Pitch Clips

      aw, sweet! Thank you!

      Reply
  47. Tammy DeShaw

    You ROCK! Thank you for the step by step details!!

    Reply
    • Shelley with Pitch Clips

      You are very welcome!! 🙂

      Reply
  48. K. Walker

    Thanks so much! It’s a bit grainy, but I’ll worry about that later. I’m thrilled it’s actually working.

    Reply
    • Shelley with Pitch Clips

      Yeah, the size limit of these things can often cause a bit of blurriness. Try exporting as PNG – sometimes that keeps it a bit crisper.

      Reply
  49. Judy

    It worked!! Thanks so much for making the steps clear and easy to follow.

    Reply
    • Shelley with Pitch Clips

      You are very welcome!

      Reply
  50. Katherin

    Thank you for this tutorial. It was easy to follow and execute. I did it in only 2 hours. The hardest part was deciding on what to put on my slides. I ended up not putting a link just the rotating banner as the link made my url too long.

    Reply
    • Shelley with Pitch Clips

      Hey Katherin – it is time consuming, isn’t it!?!? Hint: try bit.ly for both links and it should work out on the link size 🙂 Yes, the hardest part for me is the design too!

      Reply
  51. Anne Morgan

    Thank you so much for the tutorial you made! It was easy to follow. I appreciate the time you spent in creating this for non-techies like me. My banner has been up for about a week and I think it’s making a significant difference in my number of followers. It still needs a little tweaking, but here it is: https://www.teacherspayteachers.com/Store/Gnature-With-Gnat

    Reply
    • Shelley with Pitch Clips

      It looks so good!! Great job!

      Reply
  52. Patti

    Thank you SOOOOOO!! much for this tutorial. It was very helpful.

    Reply
    • Shelley with Pitch Clips

      You are so welcome!!!

      Reply
  53. Amy B

    Thank you so much for these easy to follow instructions!

    Reply
    • Shelley with Pitch Clips

      Awesome! Thanks!!

      Reply
  54. Linda Burns

    Thank you for the explicit directions! I don’t use PowerPoint or Keynote but I know how to make png slides using Pages and my iPhoto program to crop! I did sidestep the download of the gif to my computer as was suggested in the forums and went directly to Photobucket with it. This time it worked! Someday I’ll go back and redo some of the slides to make them more colorful but I’m happy that I got the animation to work! Thanks again, Shelley! We need another Atlanta meet-up! Linda

    Reply
    • Shelley with Pitch Clips

      Yeah!! Looks awesome! We definitely need another meetup – it was so fun! 🙂

      Reply
  55. Tasia

    Thanks you so much! I did everything in Keynote and it worked wonders! You Rock!

    Reply
    • Shelley with Pitch Clips

      Aww, thank you so much! 🙂 I love Keynote!

      Reply
  56. Mindy Thomas

    Thank you so much!!! I was able to figure this out pretty easily! Hopefully someday TPT will figure out a way to prevent us from having to use code, but until then, I appreciate your step by step explanation! Mrs. Thomas’ Teachable Moments

    Reply
    • Shelley with Pitch Clips

      It looks AMAZING! And yes, I hope TpT will do away with the code one day and have a more “blogger” like interaction. But until then, so glad I could help!

      Reply
  57. Lauren

    Hi Shelley, Thank you for amazing tutorial! You made it so, so easy to follow. I would have never tried this on my own. When I put my rotating banner into TPT, my freebie box is covering the right side of the banner. What am I doing wrong here? I don’t see that anyone else has asked about this. Thank you SO much for your help! Lauren https://www.teacherspayteachers.com/Store/Teaching-In-Stripes

    Reply
    • Shelley with Pitch Clips

      Hey Lauren! The banner is adorable! It looks like all you need to do is resize your images to 450 by 150 using GIMP (a free program). If you are feeling lost, shoot me an email and I will help you out! 🙂 Shelley [email protected]

      Reply
  58. Mary Ann at Superteach 56

    Thank you so much for your tutorial. I tried 2 other such wonderful people with instructions but for some reason it just didn’t work well. Then I came upon you! The only thing different was to take the resized images and save each one to my desktop as a png. Then I uploaded to gifmaker. As you can see from my store, I still don’t have the background color perfect and I have used the color picker but for some reason its still a little off. However, the problem I was having previously was excessive blurriness on the cover pics is now much better. Thank you thank you!

    Reply
    • Shelley with Pitch Clips

      Hi Mary Ann! I would not recommend using color picker because for me the color is always slightly off. Normally it is not a big deal, but for this it needs to be an exact match (or ever so slightly off). Best thing to do is put in the actual hex code. If you email me at [email protected] I can help you get your slides recolored 🙂

      Reply
      • Shelley with Pitch Clips

        By ever so slightly off I mean you could use F2F2F2 instead of F1F1F1. On 99% of monitors this change would not be noticeable. But color picker often is way off. (Was that too much tech talk? So sorry if it was! I’m still here to help! 🙂 )

        Reply
  59. Sandy-Adventures of a Techy Teacher

    Thank you so much! I’m just getting started with my store. I really appreciate anything that will “schnaz” it up! I am looking forward to learning more from you! Sandy

    Reply
      • Shelley with Pitch Clips

        No worries! I am just so glad it worked for you!

        Reply
    • Shelley with Pitch Clips

      You are so very welcome! 🙂 So glad it worked for you!

      Reply
    • Shelley with Pitch Clips

      You are so very welcome! I’m glad it worked!

      Reply
  60. Tamara

    That was so helpful! Just an FYI, you can’t host your .gif on Google Drive or Google Photos. Even when you get the direct shareable link, it didn’t work for me, but when I used Photobucket, it worked great. Thanks!

    Reply
    • Shelley with Pitch Clips

      Hi! So glad it worked 🙂 Thanks for the tip! I have only used Photobucket myself! Good to know Google drive is a no-go (though that stinks!). Thanks for linking up!

      Reply
  61. Heather aka HoJo

    Thank you for this tutorial! It worked perfectly when I read all the directions. 🙂 I was actually able to skip Step #5 by setting my PowerPoint slides to 4.688 x 1.563. Thank you so much for this! I greatly appreciate it, and I’m your newest follower! =) ~Heather aka HoJo~

    Reply
    • Shelley with Pitch Clips

      Hey Heather! You are so welcome! Awesome tip! Thanks for sharing and I’m soooo glad it worked for you! Looks great in your store! 🙂

      Reply
  62. Speech2u

    Thank you so much for the awesome tutorial! I linked up-still need to go back and adjust the background color but will do that later!

    Reply
    • Shelley with Pitch Clips

      Hey there! You are so welcome! All you have to do is fill the background with color F1F1F1 or you can put a rectangle that is this color and send it to the back. Email me at [email protected] if you need help! 🙂

      Reply
  63. Jenna

    Awesome!! Thanks so much for this!!

    Reply
    • Shelley with Pitch Clips

      You are so very welcome!! 🙂

      Reply
  64. JFlowers

    Thanks so much! I know I will play around with this some more, but I love it!

    Reply
    • Shelley with Pitch Clips

      You are so welcome! Let me know if you have questions or need help along the way! 🙂

      Reply
  65. Najda

    Oh my gosh! Shelley, this was the best tutorial ever! Your instructions were so easy to follow! Thanks so much! Thanks also for hosting such a great linky! I love it!

    Reply
    • Shelley with Pitch Clips

      Hey Najda! You are so welcome! The banner looks great!!!! 🙂 Awesome! 🙂

      Reply
  66. Kelsey Sorenson

    Ahhh I finally did it! Thanks for the tutorial, Shelley! I wish I would have realized how small the text would be while creating but I think it still looks good!

    Reply
    • Shelley with Pitch Clips

      Kelsey it looks awesome! And if you ever decide to update it you will know what to plan for! 🙂 Great job!

      Reply
  67. Anna

    Help! I have resized all my images to 450×150. Then I upload to the gif maker– it all is the right size. I put it into photobucket, save the link, and use bitly to make is smaller. But when I put it all in TPT my pictures are hanging over the edge? Not sure what is happening? Any advice would be greatly appreciated! https://www.teacherspayteachers.com/Store/Hanging-With-Mrs-Hulsey

    Reply
    • Shelley with Pitch Clips

      Hi Anna! I saw you got it fixed – yeah! Looks AMAZING! 🙂

      Reply
  68. Katie Orr

    Oh. My. Gosh! Thank you so much for this tutorial! I spent hours attempting this the other day following a different set of directions. I thought I would take another stab at it today using your directions. It seriously worked the first time I did it! Thank you so much!! Katie

    Reply
    • Shelley with Pitch Clips

      You are so very welcome! I am thrilled you got it done! Off to check the latest link-ups! 🙂

      Reply
  69. Tracy Morlan

    This is great! I am having trouble making the images clear, though. The instructions (via Microsoft) are complicated and there are warnings about messing up the whole program if you make a mistake altering the registry, so that is disappointing. Not a risk I’m willing to take. Any tips that are simple to make the images clear enough to use?

    Reply
    • Shelley with Pitch Clips

      I am not sure which instructions you are talking about and I have never encountered the “registry” problem. Email me at [email protected] and I will do my best to help you out! Most likely you just need to start with a bigger slide size and/or when you click “save as picture” go into options and adjust the resolution. I can help you better if I can see the file. Shoot me an email! 🙂

      Reply
      • Tracy Morlan

        Hi, There isn’t an option for either png or jpg to re-size on my version of ppt. So, I found another solution! Save to pdf first-before re-sizing. When you convert from pdf to jpg you can re-size the image and there are a LOT of options. I re-sized to 300 dpi, but may go back and enlarge them again just see what it does. This definitely improved the images on slide show banner!!!!! Yay!

        Reply
    • Shelley with Pitch Clips

      Looks great! 🙂 I’m so glad it worked so well for you! 🙂

      Reply
  70. Brooke

    You are THE BEST! Thank you so much for this tutorial–so thorough and helpful! Thank you!!

    Reply
    • Shelley with Pitch Clips

      You are so very welcome! 🙂

      Reply
  71. Deserae Devlin

    Thanks so much! I used Pinterest instead of Photobucket…:) just another option!

    Reply
    • Shelley with Pitch Clips

      Awesome! What a great idea! 🙂

      Reply
  72. DianaJo's Math and More

    Hi! Thank you so much for your tutorial! I have my new banner up and running. It is a work in progress but it’s nice to see that it can be done. Thank you for taking your time to help us all out! All the best, DianaJo

    Reply
    • Shelley with Pitch Clips

      You are very welcome! 🙂

      Reply
  73. Laura Ado link

    Thank you so much! Your post was spot on and so helpful!! I am so happy with my results and LOVE the linky so we can see each others! You are making me so happy today!! 🙂 Laura

    Reply
    • Shelley with Pitch Clips

      Aww, this comment made my day! TpT and other people have given so much to me and my family! Least I can do is help everyone else out! 🙂

      Reply
  74. Leah Popinski - Sum Math Fun

    Thanks so much for these easy to follow directions. Mine are very blurry as well. I tried your suggestions above and I tried saving as a PNG. Still really blurry. I used ppt, and SumoPaint. Here is what I noticed. In step 5 for Resize Images, your percents are 25 and 24. Mine are 156.25% and 156% when I change my width to 450 px and height to 150 px. I can’t find a way to change them. Everything else has worked perfectly. I just can’t use it because of the blur.

    Reply
    • Shelley with Pitch Clips

      I would have to see your powerpoint file to really know what is going on, but when you saved it as a PNG or JPG did you go into options and increase the resolution as much as you could? If this still doesn’t work, email me at [email protected] and I will help you out best I can!! 🙂

      Reply
  75. Grade One Snapshots

    Oh my goodness!! Thank you so much! I managed to successfully put up a banner slideshow thanks to your amazing tutorial….and all of that while having a child on my lap. That says a lot for your easy to understand and clear directions. Thanks to this tutorial I was introduced to your website and now I’m learning all sorts of other things (like Tailwind!!) Thank you SO much!! ~Sonja

    Reply
    • Shelley with Pitch Clips

      You are so welcome and I am soooo impressed! I have three little ones 5 and under so I TOTALLY GET IT! I could have never have done this with my kiddos around! 🙂

      Reply
  76. Stephanie

    Thanks so much! I had no idea how to make an animated GIF. Your instructions were so helpful 🙂

    Reply
  77. Liezel Pienaar

    Thank you so much!! This was a great help!

    Reply
    • Shelley with Pitch Clips

      You are so welcome! 🙂

      Reply
  78. Margie

    Thanks so much for the clear directions. I was successful in creating and uploading a GIF for my store, although the images are a little blurry, so I’ll have to play around with that. I love learning a new skill!

    Reply
    • Shelley with Pitch Clips

      I have heard people trying to export as a PNG first will help. Mine too are just slightly blurry, but I also think the size of the image doesn’t help this! 🙂

      Reply
  79. Susan at the ESL Nexus

    Thank you so much for your post! The directions were really easy to follow, which I have found isn’t always the case with online tutorials. The hardest part was deciding how long the animation time on gifmaker should be. I went with a longer duration to give people time to read everything and not get dizzy with the images flashing by quickly but I’m no sure if it’s long enough. I have bookmarked this page so when I want to revise this section, I’ll be able to find you again easily!

    Reply
    • Shelley with Pitch Clips

      Fantastic! I have gone back and forth with the time quite a bit myself! I might adjust it on my next update! 🙂

      Reply
  80. Deirdre

    Thank you SO MUCH! I’ve tried so many times with other tutorials and gave up. I didn’t create a slideshow, but I used your directions to put up a static image and I love it! Thanks for taking the time to show us! Deirdre

    Reply
    • Shelley with Pitch Clips

      You are so welcome! 🙂 I’m glad it was useful and I can’t wait to check out your store! 🙂

      Reply
  81. Laurie Fyke

    I need to revise it a bit …but I have completed a rotating header.. thanks to YOU! Thank you so much for sharing your knowledge Shelley!

    Reply
    • Shelley with Pitch Clips

      My pleasure! I’m so glad it is helpful! 🙂

      Reply
    • Shelley with Pitch Clips

      Looks FANTASTIC!! YEAH!!!

      Reply
  82. Linda McPherson

    Thank you, thank you Shelley! This is on my to-do-list this week – it’s been on the list for a long time and I’ve been dreading it but you made me move it up!!!

    Reply
    • Shelley with Pitch Clips

      You are so welcome!! 🙂 Can’t wait to check yours out!

      Reply
  83. Shelley with Pitch Clips

    Make sure everyone link up your store above with your rotating banner! 🙂 I would love to see them!

    Reply
    • Linda Seamons

      Oh, I didn’t see that. Will do.

      Reply
  84. Linda Seamons

    I just finished doing this to my store. It was A LOT of work, but the results are fantastic! Thanks Shelley for taking the time to share this information. You are talented and generous!

    Reply
    • Shelley with Pitch Clips

      You are so welcome! 🙂 Looks great, Linda! Make sure you link up your store above! 🙂

      Reply
  85. Missy

    I cannot thank you enough for this tutorial! I found two other tutorials before this one and was about to pull out my hair with frustration! The coding was missing one important detail in their posts!!! UGHHHH!!! This worked perfectly and was easy with my hours of experience in trying it already! Thank you!!!

    Reply
    • Shelley with Pitch Clips

      You are so welcome! I had some of the same frustrations when I started – believe me, it wasn’t a one time deal for me!

      Reply
  86. Linda Seamons

    Woohoo! I can’t wait to try this!

    Reply
    • Shelley with Pitch Clips

      Thanks for visiting! 🙂

      Reply
  87. Deeder Do

    Oh, I love you so much for this!! Just finished mine! Thank you! Thank you!

    Reply
    • Shelley with Pitch Clips

      Oh fantastic! And you are so welcome! Post a link here! I’d love to see it! 🙂

      Reply
  88. Brooke Brown

    AWESOME tutorial! Worked perfectly! Thanks so much.

    Reply
    • Shelley with Pitch Clips

      You are so very welcome! 🙂 I checked out your store- looks AWESOME!

      Reply
  89. Sra. Cruz

    I found this site that has the conversion of color codes from #xxxxxx to the RGB code for PowerPoint. That gray is R241 G241 B241 so you can set the background to that color.😊 http://www.color-hex.com/color/f1f1f1

    Reply
    • Shelley with Pitch Clips

      Oh my goodness! Thank you so much for sharing! I will update the tutorial with this information! 🙂

      Reply
  90. Bri

    Thank you so much for sharing about this! I shared this idea as a part of May’s You Oughta Know Blog hop so I hope many people will be coming to visit your store and blog 🙂

    Reply
    • Shelley with Pitch Clips

      Oh, thank you so much! I hope it has been super helpful to a lot of people! 🙂

      Reply
  91. Stella Cook

    Do you know what would cause it to turn out super blurry? Thanks for any help you can give.

    Reply
    • Shelley with Pitch Clips

      Hi! Did you export to jpg from PowerPoint? If so, then it automatically exports at 72 dpi. Couple of ways to solve this. 1) You can set the page size to crazy big (but keep the ratio 3:1) so you would want to do maybe 30 inches by 10 inches. 2) When you do File-> Save as Pictures, Click Options at the bottom left and then set the bottom numbers as high as they will go (Usually 2999) Hope that helps! If it doesn’t, tell me what programs you are using and we will try to work it out! Shelley

      Reply
    • Shelley with Pitch Clips

      Wonderful! Good luck! Come back and post when you do!

      Reply
  92. Stacie Bates

    You are so talented. I’m going to save this and come back when I actually have time to apply it to my store 🙂

    Reply
    • Shelley with Pitch Clips

      Aw, thanks!! Yeah, it took me a good afternoon the first time! 🙂 Good luck! Come back and post when you are done! 🙂

      Reply

Submit a Comment

Your email address will not be published. Required fields are marked *

shares