How To Make Pictures For Page And Label Links

This is the one you've all been asking about! Sorry I've been procrastinating. There are several steps, but once you do it once or twice it doesn't take long at all.

1. Find what pictures you would like to use. One of my favorite sites for finding great pictures is We Heart It.

2. Now you need to resize the picture to fit as a picture link on your blog. You can do this through programs such as Photoshop, iPhoto, Pickik etc... I'm going to show you an example using Picnik because it's free. You can download the Picnik app through Facebook HERE. Upload your picture.


3. Go to the "Edit" tab. You can resize the picture two ways: If you want to use the entire picture then select "Resize". If you want to use a portion of the picture then select "Crop". 


4. The size you choose is up to you. The pictures I use for my links are 200 x 50. Make sure you remember what size you pick for your first picture, because you will probably want each of them to be the same.


5. Once you have resized your picture, it's time to add text. Under the "Create" tab select "Text". This is the fun part. Try different fonts and colors to find what you like. Make sure that the text will be easy to read once it is on your blog. There are many more options in Picnik you can play with too like adding boarders or shadows. Save the picture to your computer.


6. In order for you to be able to use the picture you created as a link, you will need a website to host your picture. My favorite site to use is Photo Bucket. It just takes a minute to create an account. Then upload your picture.


7. Now go to your blog and click "Design" in the top right corner. Add an HTML/JavaScript box to your blog. This is where you will add your picture links. Mine go down the left side of my blog, but you can also have them go across the top under your header by moving your HTML/JavaScript box there. 


8. To find the code you need to put in your HTML box, go back to the photo you uploaded in Photo Bucket. By putting your cursor over the picture, several codes will appear. Click the HTML Code. This will automatically copy to your clipboard. 


9. Paste the code into the HTML/JavaScript box you created on your blog. 


10. Now you need to decide where you would like the viewer to go once they click on the picture. Wherever it is, you will replace part of the code with the web address. For example: when people click on my "Blogging Tips" button, I want them to go to the Blogging Tips page I created at the following link: http://markandjamiewalker.blogspot.com/p/blogging-tips.html. To find out how to create pages see my tutorial here


11. Back to your HTML/JavaScript box. Look for the two parentheses. The part inside the parentheses is the web address where the link will take you. I want my "Blogging Tips" picture to go to my Blogging Tips page, so I will replace it with that web address: http://markandjamiewalker.blogspot.com/p/blogging-tips.html. Make sure you leave the parentheses and your web address is between them. 


12. Click "Save", and you should see your first picture link! Now repeat all these steps to create your other picture links. If you would like, you can add all of your HTML codes into one HTML/JavaScript box. 


13. Depending on the size of your picture links, you may need to widen your blog and adjust the margins. You can see my tutorial on that here


If you have any questions or problems please leave me a comment or e-mail me at jamielb_03@hotmail.com. 


Happy Designing!

15 comments:

samnhal said...

yay! It's so funny, because I realized that I had pretty much done this before to make a twitter link to a photo I wanted, and I just needed to think about it for a sec, and I would realize I knew how to do it. But it will be nice to have it in steps right here. I'm totally going to make some of these this weekend.

Anonymous said...

Amazing issues here. I'm very satisfied to see your post. Thanks so much and I'm looking ahead to touch you.
Will you kindly drop me a e-mail?
Also see my web page :: ebook writing

Anonymous said...

A fascinating discussion is worth comment. I think that you should write more
on this topic, it may not be a taboo matter but generally people do not discuss these topics.
To the next! Cheers!!
My page - green coffee bean supplements in Canada

Anonymous said...

I was suggested this blog via my cousin. I am not certain whether or not this put up is written via him as nobody else recognize
such distinct approximately my trouble. You are wonderful!
Thank you!
Here is my webpage - cheap reborns

Anonymous said...

Please let me know if you're looking for a writer for your weblog. You have some really good articles and I think I would be a good asset. If you ever want to take some of the load off, I'd absolutely
love to write some material for your blog in exchange for a link back to mine.
Please shoot me an email if interested. Thanks!
my page > Buy Targeted Facebook Likes

Anonymous said...

Hi there mates, how is the whole thing, and what you desire to say on the topic of this post, in my view
its actually awesome in favor of me.
My site benefits of hcg diet for men

Amanda said...

this was perfect! I got my links all set up. Thank you!

Vina Janny said...

I happen to be surfing on the web a lot more than three hours today, yet I in no way discovered any intriguing write-up like yours. bath tap is quite worth enough for me. In my opinion, if all webmasters and bloggers produced excellent written content as you did, the net will be far more valuable than at any time prior to.

Zeiduo Qian said...

We are Professional manufacturer of high quality taps. We offer a collection of more than 10,000 Taps in our tapworld .com.au

finestglasses said...

Find cool kids glasses discounted costs. Save 70% about RX eyeglasses and structures for children together with following day S&H.

robinet sale said...



Vous avez sans doute entendu parler et possible http://www.robinetsale.com/ a. Donc, ce qui les rend si spécial dans la première? robinetterie cuisine à d'autres modèles d'appareils dans la maison, Robinetterie Antique peut dire clairement que leurs robinets en termes de Accessoires de salle et les regards sont les meilleurs. Marque a servi des millions de millions de robinets de haute qualité continueront à le faire, que les années Robinetterie Vasque

robinet sale said...



Vous avez sans doute entendu parler et possible http://www.robinetsale.com/ a. Donc, ce qui les rend si spécial dans la première? robinetterie cuisine à d'autres modèles d'appareils dans la maison, Robinetterie Antique peut dire clairement que leurs robinets en termes de Accessoires de salle et les regards sont les meilleurs. Marque a servi des millions de millions de robinets de haute qualité continueront à le faire, que les années Robinetterie Vasque

Cheap Tap said...

In the historical, http://www.cheaptap.co.uk/ are just necessary items which a kitchen cannot do without but people usually do not put much detect into its design and style. Back then, they are more concerned with whether the faucet is easy to use or not. These days, homemakers want to add in more type, flair and superiority into their kitchens. As such, even the taps are chosen with more care and consideration. With this change in choice, you see the appearance of designer LED Bathroom Sink Taps

dc Z said...

Robinetterie - Découvrez toutes les collections Jacob Delafon. Pour votre salle de bain et votre cuisine, trouvez le robinet adapté grace à Jacob Delafon.http://www.robinetso.fr/8-robinet-bain

Amy Carry said...

It is indeed a wonderful http://www.faucetsmarket.com/bathroom-accessory-bathroom-mirrors-c-4_5.html for you to consider as your daily usage. You will love to enjoy the Kitchen faucet from then on. It will bring you an all new feeling. As can see that Antique brass faucet flow decentralizes or sprayed, just spin the button on the head.