Hey, fellow TeachersPayTeachers friends! I have a quick tutorial for you today that will show you how to dress up your store. Check this out:
Can you spot the difference? This was my before:
In the new version, instead of a text quote and a link to my digital paper section I’ve highlighted this area with a picture and it still links to my digital papers. This is a great way to feature a section of your store, your newsletter list, Facebook page, or blog. The best part? It’s really easy!
There’s a video below, but here are some helpful tips with a few more helpful details.
1. Use your picture editing program of choice to design your picture. You want your picture to be 450 pixels by 150 pixels. This is the same was 1.5 wide by 0.5 inches tall.
I know a lot of teacher-bloggers use PowerPoint for their graphics, so we’ll look at that. Make sure the proportions are 3 inches wide by 1 inch tall. The actual picture size I used in PhotoShop was 1.5 wide by .5 tall, but PowerPoint wouldn’t let me pick those dimensions so I doubled the size to keep the ratio. Here’s an easy way to resize your picture before saving it in PowerPoint.
-Choose “file/save as pictures”
-Click “options” in the bottom left corner.
-Then look down at the bottom and change the width and height to 450/150. Click OK.
2. Save your picture now that it’s the correct size. For best results, use the same gray background as TpT (gray #f1f1f1) or make your image a transparent .PNG (clear background). This will prevent you from having a white background/box around your pretty new graphic.
3. Upload your graphic to the internet. Keep the file name short to stay under 120 characters total. Most people will use Photobucket, but you can also save the image to your blog, domain, etc. If you don’t use PhotoBucket, you can put your image into a blog post and grab the html code for the image there. You just need the URL of your image stored somewhere on the internet. If you need to use a URL shortener, use tinyurl.com. Bit.ly won’t work for this.
|This is the link you want if you’re using PhotoBucket|
4. Copy the link where you want the quote section to go. In my case, it leads to the digital paper section of my store.
5. Shorten the link using a tinyurl or bit.ly. This will help keep you under the 120 character limit.
6. Type this code with YOUR information. You’ll need to put your information in where it has capital letters. You can type this code into a blog post as HTML to get a preview of what it will look like before you try it in your TpT store if you want. Be sure you’re using straight (not stylized) quotation marks, which will happen when typing the code in a Word, PowerPoint, etc. For best results, I just type the code right into my TpT store.
7. Now head over to your TeachersPayTeachers account and edit your profile. You will need to past your code into the “quote” section. Once you click save, you’ll see the preview if you did it correctly.
8. If you get an error, double check your links and be sure you’ve carefully completed the code. Leaving anything out or making a typo will break the code, so you’ll have to start over.
9. Admire your hard work!
I made a video tutorial so you can get an idea of how it works too.