Thursday, July 30, 2015

How to Make a Quote-Banner Image in a TPT Store

How to Make a Quote-Banner Image in a TPT Store?  I’ll show you how, step-by-tiny-step.

Here's my first little masterpiece--it ONLY took 2 hours.   Here's how it looks in my TPT Store.  I hope my instructions help you go faster:

Revised and improved on 10-18-15; now it only takes me 15 minutes--sweet!

Create a banner in Powerpoint:

1)      Powerpoint/ landscape/ w = 2.95” h= 1.38”

2)      Background color to blend with TpT quote section: background fill/ more colors/ custom color/ color model RGB/ 241, 241, 241 (or: f1,f1,f1)

3)      Design your banner.  I used a product cover, some word art and clip art.

4)      Print Screen (Hold CTRL/Print Screen)

5)      Open Paint/ Paste the image/ Crop it to the exact shape/ Home/ Resize/ Maintain Aspect Ratio (ie, retain proportions)

6)      Resize to approx. 450w X 210h PIXELS

7)      File/ Save as/ [Name]/ jpg

1)      Open an account if necessary (it’s free)

2)      Upload/ Browse/ Select the jpg image that is approx. 450 X 210 pixels/ Open

3)      Left click on the image in photobucket

4)      Click to add title/ [Add a title]/ Check the blue check box

5)      Share links/ [Click on:] Direct/ Copy the URL
6)      You now have a "Direct Link" to your jpg

*  UPDATE: Photobucket is no longer free to use.  Imgur is a free photo storage site.  

*  Here is an alternative:  Create the jpg as shown above.  Insert it into a blogger blog post.  Then...

1)   Go to your blog

2)   Right-click on an image (from the blog page, not in edit mode)

3)   Left click on: Copy Image Location

4)   Paste the URL text where needed (continue the steps below)

NOTE: To insert a picture at the TpT forum:  [img]insert the image URL[/img]
Go to

1)      No need to open an account

2)      Just click on: BIT LINK (to shorten a URL)

3)      Paste the link from Photobucket, Imgur, or your Blog

4)      Copy the new shortened link and paste it into a word document

If you want your quote-banner image to link to a particular product page at your TPT Store:

1)      Go to your TPT store product page

2)      Copy the URL address for your TPT product (the http…, link at the top of the web page)

3)      Paste the Tpt product URL into copy the shortened URL/ Paste it into your word doc

In a Word Document

1)      Copy this html into a word document:

2)      <a href=""><img src=""</a>

3)      NOTE:  the first http is from my TPT store product page.  The second http is from my quote-banner image from photobucket [or from my blog image URL]. 

4)      YOU MUST: Replace my http’s (The Blue Writing as shown above; i.e., all the writing within the quotation marks) with your own.

5)      IMPORTANT: don't leave ANY spaces--especially check before and after your quotation marks!

6)      This is your prepared URL that you will paste into your TPT store quote section.

Go to your teacherspayteachers store

1)      My account/ Store profile/ Edit (at the bottom of the page) / Personal quote/ Paste the Prepared URL for your image and link to a product/ Save

You’re done!  Check your TPT store.  If the quote area image is too big or small, you may have to repeat steps, and change the pixels.  Don’t feel bad—I had to do this 5 times—yes 5!!!

I’m so glad I did it.  Learning new tech = creating new brain cells.  Who doesn’t love that? 

Thanks to Teacher's Resource Force for their template and ideas on quote images.

Oh, and a big shout out to
Paula Kim from TPT, for the beautiful gold arrows on my banner picture.  Paula’s clip art is arrestingly gorgeous!  Right?  


  1. Info is out of this world, I would love to read more. ELO Job

  2. What great directions! It worked perfectly for me. Thank you!

    1. Thanks for letting me know it worked perfectly!

  3. I guess this message is totally unparalleled. wordpress themes

  4. I finally got a image in my quote box! Your directions helped me figure out I needed to resize my image to make it work. I was able to do this within Photobucket and override the slightly too large original. So happy! Thank you!

    1. I'm so happy for you, Growing Roots! Feels great when it all comes together.

  5. Thanks Renee! I finally got around to trying this. Your directions were awesome!

  6. Great, Janine! I'll see you around the forum and check out your banner.

  7. Hi Renee, love your site! I have been looking for "how to" put a product picture like what appears in my store in a note to followers. I have seen other seller's notes that have the pictures/link of the product they are promoting (that look exactly like the one in their store). I don't know if you have done that, but I see that you are awesome at step-by-step directions, so I thought I'd ask. Thanks a lot, and I'll continue seeing you on the forum!

    1. Hi Mercedes, Thanks for your kind words! I've never put a picture in a note to followers, but I assume you can do it with the html code: [img]URL LINK to IMAGE[/img] I'm sure you can find out by asking at the TpT forum.