Thursday, 24 October 2013

How to turn your Pages links into images - Tutorial.

Have you ever wondered how I got the links to my blog pages to be images instead of just text? Well, here's how I did it!

 

I decided to share this little tutorial with you guys because it was something I really wanted to do to customize my blog even further, but I could not find any tutorials of how to do it online. So, now that I've got it figured out, I'll try my best to explain to you guys how I did it!

There are three steps you need to take before we start. First, you need to have created pages on your blog already. You can do that on your blogs main control panel, in the same place where you'll find the Layout tab, there are other tabs, including the Pages one. You will need the link to your already created Pages for this. Second, you need to create the images your are going to use. I used Photoshop, but any image editor that you usually use is fine! Third, upload the images you created to a free image host, I use Photobucket! You will need the images URL for this as well.

Excuse these images, my Blogger is in Portuguese, but I'm sure it'll be easy to find things in English!

Here's the code you need to add: <div align="center"><a href="YOUR PAGE1 URL"><img src="YOUR IMAGE URL"></a><a href="YOUR PAGE2 URL"><img src="YOUR IMAGE URL"></a><a href="YOUR PAGE3 URL"><img src="YOUR IMAGE URL"></a></div>

Hope this helps, guys! Any other questions or request, just leave them in the comments below! x

SHARE:

10 comments

  1. This is really helpful, I've bookmarked this so I can find it again later :) Thanks so much!

    Claire | AgentSmyth

    ReplyDelete
  2. Bookmarking this. Thanks for the tip! It's so useful!

    xo Deborah
    Coffee, Prose, and Pretty Clothes

    ReplyDelete
  3. That's so helpful. I've been wanting to do this for ages but I haven't got around to it.

    ReplyDelete
  4. great blog.....i am following u now....hope u follow me back
    www.hairfashionbeautyblog.blogspot.in

    ReplyDelete
  5. Well, this freakin rocks!!!! I wanted to make a customized menu for my blog and I've searched for thousands of tutorials and none of them were helpful. Thank you so much for this!!!!

    ReplyDelete
  6. Thanks for the awesome and helpful tutorial! Hope you're having a great weekend sweety.

    ReplyDelete
  7. This is so helpful - thanks for sharing!

    katespitz.blogspot.com

    ReplyDelete
  8. Really helpful! Thank you!

    http://kelsielaurenxo.blogspot.co.uk

    ReplyDelete

LinkWithin

Related Posts Plugin for WordPress, Blogger...
Blogger Template Created by pipdig