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

Go to bit.ly.com

1)      No need to open an account

2)      Just click on: shorten URL

3)      Paste the link from Photobucket (the “Direct Link”)

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

If you want your quote-banner image to link to your TPT Store product:

1)      Go to your TPT store product

2)      Copy the URL address for your TPT product (http…)

3)      Paste the URL into bit.ly/ 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="http://bit.ly/1gpOhaY"><img src="http://bit.ly/1KCwBma"</a>


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

4)      YOU MUST: Replace my http’s (The Blue Writing) 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?  

 photo Renee sig BLOG mistral 3_zpsdafcpaq6.png

12 comments:

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

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

    ReplyDelete
    Replies
    1. Thanks for letting me know it worked perfectly!

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

    ReplyDelete
  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!

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

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

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

    ReplyDelete
  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!
    Mercedes

    ReplyDelete
    Replies
    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.

      Delete