How to Make a Recipe Page For Your Blog

Recently a few people have asked me how I have made my Recipe Page and Link Party Pages look so nice, so I thought I would share. Read through and I will tell you the extra bonus to this

Here is a look at my Recipes Page:

and here is a snippet of my linky party page called Party With Me.
Both of these pages were really easy to create and keep updated. First you go to InLinkz. When you get there you will need to sign up, this part is free so don’t worry. 
Once you sign up you go to The Link Manager.

Then you will hit add new collection. I made a collection for each day of linky parties and one for my recipe page.

You will need to put in how many columns and what size you want you can see what mine is here, it of course will depend on the width allowed by your template. You will also click to show Display Name. This is for showing a title below the picture. I do on my Recipes page but not on my Linky Party page since most linky icons have the name on them anyway.

Once you make your collection you will get a snippet of HTML code to put on your blog page where you want the collection to show up. This is all you need to do to set it up.

Then you can go back to InLinkz and start entering in your recipes and Link Parties by opening up the collection you are adding to and clicking on add new link. You can enter the information in this box for each item. There is the Name, the description for your use, the displayed name (which will show if you checked display name above), the tooltip text which is what will display if someone hovers over the link, the target URL is what you are linking to and then you can put in tags of your own so if you need to search your links to find one it will be easier, then you can select image. You can select an image by using a Picture URL, downloading from your computer or by selecting from a webpage.

When you select an image you can un-click square thumbnail to fit the entire pic you are wanting to use, I do this for my link parties because not all badges are square. You just un-click the box and drag the box to make it the size you want.

Once you hit accept it will appear on the side in your My Link’s section. You will then need to drag and drop it into your collection.

Once you hit save at the bottom of the page it will automatically update your blog page almost as if by magic! Are you wondering how I got these screen shots and put the circles and arrows on them? Check back later this week and I’ll show ya! If you have any other questions please ask I will be glad to help you if I can!

Oh yea I almost forgot the extra bonus, when I am ready to go link up to my favorite parties, I just go to my page and click on all the parties for that day which opens up all the windows to let me get my party on!

Photobucket

  White Lights on Wednesdays     Stringtown Home

© YOUR COPYRIGHT YEAR(S) Miss Information.  ALL RIGHTS RESERVED.

The following two tabs change content below.
I'm a mom of 3 boys, 2 by birth one by marriage. I love to cook, watch chick flicks, read and drink wine. I hate cleaning up my craft messes, doing laundry and the dishes! I love watching my boys grow and change and see how differently they view the world. Join me on the blog where I try to provide you with recipes and tips to make your life easier!

Comments

  1. says

    Thanks for this – most helpful – I ended up using a Pinterest board for my recipe page which is working ok and was simple to do.Cheers

  2. says

    This sounds just too easy! Way more simplistic than the route I was going to go. Can't wait to put my page together. Thanks for the tip Kelley!

  3. says

    I'm just so super excited about this post – you rock, babe! Can't wait for a few quiet moments so I can use this to make my blog look fantastic (like yours!) :)

  4. says

    That is amazing and I would have NEVER figured that out. Thanks so much for sharing. Now I can't wait to "play" with my blog :)

  5. says

    Wow, what helpful information! And it can be used in SOOOOO many ways! Thanks so much for sharing, I will probably be implementing this in some way

  6. says

    Thanks for the helpful info! I've always wondered how others get their pages to look like that on their blogs. I'll have to try it one day :)

  7. says

    Kelley… I may just be singing your praises soon… my archives are a mess and I TOTALLY need help on this! Gotta give it a try! :) You rock! :) Thanks for sharing on Saturday Show & Tell today! :) Mackenzie

    • says

      You are a featured favorite this week on Saturday Show & Tell! Thanks again for sharing this… now I just have to find the time to do it! :)

  8. says

    I have been wondering how to do that. Thanks for for the great tips. I am you new fb and g+ follower. I am looking for guest bloggers for my Masquerade Ball in October. I would love to have you over!Adrienne http://www.freetimefrolics.com

    • says

      Welcome, I have been over to your blog and am a follower as well. I would love to do the Masquerade ball but I only do Halloween crafts, I am one of those bad mommies that just goes pick a # at Party City. I love the idea though. I will send it out on my twitter and FB for you

  9. says

    This is a great idea! I've been trying (and failing) to make a gallery page from scratch. This will save me tons of time! Thanks for the inspiration!Katecrafty-kate.blogspot.com

  10. says

    I have been wanting to make one of these forever!! Thank you so much — I'm already busy getting mine together!

  11. says

    Bless you for sharing this! I have a mess of a recipe page in my drafts, but haven't completed it yet. This is definitely the route I'll be taking. Thanks SO much for this tutorial.

  12. says

    Hi Kelley! Thanks for linking up with my NO RULES Weekend Blog Party! Happy to meet you :)Paulalifeasweknowitbypaula.blogspot.com

  13. says

    I feel like you ready my mind! I just made a recipe and craft page and they look a bit wonky as does my linky party page. I have book marked this post and will correct my wonkiness! Fabulous and beyond useful information! Kathy Penney @ Pinner Takes All

  14. says

    Yahoo! This is awesome information that I will incorporate into my blog.Divacruditestastetestersduo.wordpress.com

  15. says

    Thank you for sharing this!!!I am pinning this right now!! :) I am a new follower!

  16. says

    Kelly,That is so great. I was just wondering how you did that. I use Linky, I bet I can do the same thing there. You are brilliant. P.S. Love your blog and your parties.Debi @ Adorned From Above

  17. says

    Wow! This is really helpful! Thanks for sharing the information. I've pinned it.

  18. says

    I use the link manager, too, it's been a huge help to me. Thanks for sharing!

  19. says

    I am going to pin this so I can read it thoroughly later on. I've recently added a recipe list to my blog and this tutorial will help me make it look even nicer. Thanks! Found you from Shaken Together.

  20. says

    This is great! I need to do an index for my recipes and just had no idea where to start. Do you know if I wanted to categorize my recipes, would I do a separate link up for each category? Pinned this for other bloggers to find, thanks for sharing!

    • says

      Hey Joan, yes if you want to categorize you will need to do separate links, if you look up at the snap of my Link Party page you will see that I have a separate one for every day of the week, then I just put the links in order when I pasted the HTML. It's then easiest to post a link to each group, then go to your page and put in your headings between the links

  21. says

    Thank you for sharing at Saturday Show and Tell. I hope you'll be back this week to link up again! Have a great weekend!-Mackenziehttp://www.cheeriosandlattes.com

  22. says

    Thanks, now I know how to make one for myself. Didn't know it was this simple! Thanks for sharing your creative inspiration with Sunday’s Best – you helped make the party a success!

  23. says

    that's a great way to use inlinkz – which I never would have thought of, so THANKS!xx

  24. says

    Thank you for making this so easy to understand. I didn't realize how versatile inlinkz was.

  25. says

    HI from SITS :) Well, I read this one and the next one.. both really great pieces of info. Have you in my blogger circle now!

  26. says

    Thanks so much for this wonderful post. I am a bit intimidated by this and I tried setting up my link for my recipes and then gave up. Wasn't sure I was doing it right. You explained it so much better. I will go back and try again. Thanks

  27. says

    Cool site! I'll be checking this out more thoroughly when I have the time! InLinkz looks like an amazing tool! Thanks for sharing!

  28. says

    I love finding practical and easy tutorials like this. Thanks for enriching my Blog world today. =)

  29. says

    Thanks! I found you through SITS and have given your post a plus one and Tweeted this. I'm now following through GFC, Twitter and Google+Tinahttp://abooksandmore.blogspot.com

  30. says

    Thanks so much! This looks SO MUCH BETTER than the one I had started. I'm a new fan from Online BlogCon- thanks for sharing this link on FB there! By the way, it looks like the list manager may not be free anymore after November. :( Hopefully they don't charge too much for it.

  31. says

    i still have yet to complete this – but please know how much i appreciate it!! :) i'm hoping to have more time for blogging in the new year! xoxo

  32. says

    I want it to only show one pic from my post and then give you the option to read more. How do you do this on blogger?

    • says

      Hey Janelle are you talking about for your post's? As in show a picture and then have a read more bar? Or do you mean for the recipe page?

    • says

      Yes for instance I want to do a post but have a picture show up with a little description then there is a link that says read more.

    • says

      ok when you are writing a post you put the cursor where you want the post to stop (in your case right under your picture) and then you hit the page break symbol, it is the little symbol in your blogger tool bar that looks like a piece of paper ripping in 1/2, it will insert the break there then when you go to your front page you will have the shortened post with a read more tag

  33. says

    You so rock!! I am bookmarking this so I can do it once I move to WordPress…soon!!

    • says

      Thank you! I am considering the move to word press but have not been brave enough yet

  34. says

    With Inlinkz and your tutorial, I have been able to finally create the recipe index I have longed to have on my blog for the longest time! Thank you!!

  35. says

    This is awesome! I will need to do this one I start making recipes…shortly down the road I hope. Thank you.

    • says

      You are welcome! Make sure you come link them up to my I freakin' Did it Friday party!

  36. says

    this is great but how to you host a link party. I have linked up to many and I would like to set that up on my blog too. I want people to be able to enter there own url and pic like I have done in the past. Any tips?

    • says

      If you go to Inlinkz on the left side of the page is Link Tool Button adn that is how you set up your link party. It will give you the code to paste in your post to run your Party. This is a paid service but very reasonable.

  37. says

    Thank you so much for making this post available! It was really informative and your step by step guide just helped me to figure out how to make a recipe index with thumbnails (finally) for my new blog, http://www.morecilantro.com. So far I only have one recipe post but I am looking forward to seeing how it expands. Just curious though: do you have something other than the InLinkz free account? When I signed up, they had a disclaimer that as of January 2013 they are now limiting the free accounts to 50 entries. Given that, I am just curious if you are still using their service or if you have found other means of posting your thumbnails to the index. For now, I'm good but when I hit 50 I'll have to decide whether I want to pay the fee.

    • says

      I love the name of your blog! I know they said they are charging but I am wondering if it is 50 links per collection because I use if for my recipe page and for my linky party page which is for sure over 50. I have not been charged for anything and everything is still working and allowing me to put links in. I guess it will be a wait and see but for now this is still what I am using.

  38. says

    Thank you for this great step by step! It was a huge help. I had been working to get a networking page setup for weeks now.

  39. says

    Thanks so much for this tutorial – I only have 4 recipes so far – but was wondering how to get them looking good!This is perfect! :)

  40. says

    Oh yeah…thank you so much for this easy peasy tutorial! I love my new page for my recipe collection. Have a great weekend!XO Barbara

  41. says

    thank you alot for your kindness sharing, your instruction is really really make me happy and i did very well now even english is not my mother language, love you alot xxxx

  42. says

    oh my gosh, this was so helpful! I've been struggling to figure out how to make such a pretty recipe index…and this makes it super easy! =)

  43. says

    Thanks for the tutorial. Can you tell me how to create a border for the thumbnails.

    • says

      I'm sorry Elsa as of this time that is not an option on this program and I would not know enough to be able to do that any other way

  44. says

    Thank you for this! i am definitely going to use it to pretty up my recipe pages!

  45. says

    Thanks for the tips! One question though. How do you change the size of the font of the title of the thumbnail? Mine defaulted to SUPER small:(

  46. says

    Thank you so much, been meaning to reorganize my recipe index for years!

  47. says

    Thank you for sharing this – exactly what I was looking for!

  48. brandi says

    Can I do this if i have a self-hosted wordpress template?

  49. brandi says

    ok, i signed up for free but I'm not seeing the "link manager" tab after I sign in??

    • says

      Yes Brandi you should be fine to use this on wordpress. They have changed the layout of Inlinks since I make this tutorial It is now called Project Manager

  50. says

    Hi Kelly, sorry for my maybe silly question but I am new here… I have followed all your instructions and I could create my recipe index then pasted the code to Pages on blogger and all works when I am at preview mode… as soon as I publish the layout changes and i see all my recipes showing up like posts.. so the preview works fine, i can see all the pictures with the recipes but when i hit on publish all gets spoiled and transforms to "posts"…hope I have explained myself…Do you have any idea how I could fix that? Would appreciate much your help!!!

    • says

      Hi Gosia, I am sorry I have no idea why it would show up as a post but if you email or tweet InLinkz they are very prompt in helping and answering your question. They should show up like they do in my recipe box if you click on that link at the top of my page.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>