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!
1. Use your picture editing program of choice (most will probably use PowerPoint) to design your picture. 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. Then I reduced the size before uploading. This would be the same as 450 pixels by 150 pixels. PicMonkey is also a good choice, so is Luna.
2. Save your picture. For best results, use the same gray background as TpT (gray #f1f1f1) or make your image transparent (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. 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. Copy/paste this code with YOUR information. You'll need to put your information in where it has capital letters.
<a href="LINK"><img src="PICTURE"></a>
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.
If you run into trouble with the code, I'm happy to take a look at your code and see if I can spot your problem.
If you need me to make your graphic, upload it, and write the code for you I can do that over at my blog design site Design by Christi for $15. But I know you can do it! =)