Sunday, October 23, 2011

Tutorial Page Organizing using InLinkz {Tutorial}

Bloggers: are you as lost as I am in a world of html code? My tutorial page was getting really messy and looooooong. I have tried several different tutorials to organize my tutorial page with no luck. So I made up my own tutorial!

Get the tutorial after the jump...

As I said the earlier when I posted my tutorial on organizing a link party page, I write things the way they would make sense to me so if you have any questions please feel free to email me.

I uploaded my photos to Picnik, added a border and text to them. Then saved them to my computer. However this is not necessary, I just wanted my photos to be extra pretty :)

First you will need to sign up for InLinkz. Hop over to the InLinkz home page and create an account. You will receive an email from them telling you that it is free to use but first you need a coupon code. I just googled it and came up several codes to use. Copy the code and head back to the InLinkz home page. Sign into your account. Click the Link Manager button on the Inlinkz home page. Enter your coupon code. Now you are on your link manager dashboard. Click "Add New Collection".

Here you will type in a name for your collection and choose how many columns and what thumb size you want the collection to be. I chose 3 columns wide and 150 px. Next hit the "Add New Link" button on the upper left hand corner.

This is where you will input all the info about your link. For the Target Url, enter the webpage address of where you want to direct the button to. To do this, go to your blog and find the specific blog post of your tutorial. Highlight the web page address and copy. Paste into the target url box.

*Note: If you already have a tutorial page with photos and links you can just use the html code from those.

Hit the select image button. It will take you to a new screen to select the image source. You can either choose to upload a photo directly from your computer, an image url (this would be a photo uploaded to a photo hosting website like Photobucket, etc.), or to select from a web page. I chose to upload photos directly from my computer so I used the Picture Upload tab.

Now you can crop your image. Click the Ok button. This will take you back to the New Link screen. Click "Accept".


Drag the button from the right hand side of the page to the open box on the left hand side. To add more links, click the Add New Link button and go through the same process for each button you want to create.



After you have entered all your links, click the Create button. This will take you to a new page that lists all of your collections. Click the HTML Code button.

Copy the HTML code. Paste into your blog's HTML screen on your tutorial page.

Admire your new tutorial page because you are done!

If you have any questions please feel free to email me at becky(dot)mcfarland(at)yahoo(dot)com

Linking up to these fab parties!

Todays Creative Blog
Tip Junkie handmade projects
The Stuff of Success


  1. This is the best tutorial EVER! Thanks you so much. I was just staring at my page this weekend as I updated, hating the way it looked. I can't wait to give my page a more professional look.

  2. What is the best picture size for this?

  3. This is a great tutorial. TFS!! Stopping by from Sumo's Sweet Stuff linky party and your newest follower.

    Here is what I shared this week:

  4. Hey stranger! Love this post! Book marking so I can return to it when I have time to try some of it!

  5. What a great tutorial! I am going to have to do this soon. I would love it if you would stop by and share at the crafty link party going on right now at Lines Across. I hope to see you soon,


Comments brighten my day!


Related Posts Plugin for WordPress, Blogger...