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 thisHere 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 screenshots and put the circles and arrows on them? Check back later this week and I’ll show you. If you have any other questions please ask I will be glad to help you if I can!

 

97 Responses

  1. SusanF - ofeverymoment says:
    I am working on creating an index for my recipes on my blog, and I have been toying around with some different ideas. I wasn't sure I liked InLinkz, but after reading your tutorial, I think it is an excellent option! I have pinned this post, and I'm now a subscriber. You have a lovely website!
  2. thanks for this! i am gonna give it a go! great blog.. i am a mummy of two boys as well. aren't they fun!
  3. Thank you so much for posting this! Really helpful and easy to follow. Thanks again!
  4. 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!!!
    1. Kelley Wilson 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.
  5. ok, i signed up for free but I'm not seeing the "link manager" tab after I sign in??
    1. Kelley Wilson 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
  6. Can I do this if i have a self-hosted wordpress template?
  7. Thank you for sharing this - exactly what I was looking for!
  8. Thank you so much, been meaning to reorganize my recipe index for years!
  9. 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:(
  10. Thank you for this! i am definitely going to use it to pretty up my recipe pages!
  11. elsa laji says:
    Thanks for the tutorial. Can you tell me how to create a border for the thumbnails.
    1. Kelley Wilson 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
  12. Kelsey from {ps:hear 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! =)
    1. Kelley Wilson says:
      I'm glad leave me a link when you get your's up, I'd love to see it!
  13. 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
  14. 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
  15. Mel @ House of Powel 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! :)
  16. Tammy Northrup 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.
  17. Christina 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, 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.
    1. Kelley Wilson 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.
  18. Buttercream Bakehous 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?
    1. Kelley Wilson 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.
  19. Jennifer Hunter says:
    Thanks so much for the information!!
  20. This is awesome! I will need to do this one I start making recipes...shortly down the road I hope. Thank you.
    1. Kelley Wilson says:
      You are welcome! Make sure you come link them up to my I freakin' Did it Friday party!
  21. Kelly Stilwell says:
    You so rock!! I am bookmarking this so I can do it once I move to WordPress...soon!!
    1. Kelley Wilson says:
      Thank you! I am considering the move to word press but have not been brave enough yet
  22. 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!!
  23. Janelle King 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?
    1. Kelley Wilson 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?
    2. Janelle King 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.
    3. Kelley Wilson 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
  24. Buttercream Bakehous says:
    I can't wait to see if I can make this happen on my blog. Thanks for the info.
    1. Kelley Wilson says:
      You are welcome and you will, it's really user friendly
  25. Buttercream Bakehous says:
    This comment has been removed by a blog administrator.
  26. Carissa Rasmussen says:
    wow. i seriously can't wait to add this to my blog!
  27. Angela Paris 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
  28. Nicole Waterman says:
    Great post - thank you for sharing. I will be trying this out tonight.
  29. Prowess and Pearls says:
    Great info! Thanks so much for sharing it with us! Following you from a SITS article! ;-)
  30. Valerie@Occasionally 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.
    1. Kelley Wilson says:
      Thanks so much and that is so depressing! Ugh!
  31. Christina Morley 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
  32. The Better Baker says:
    I love finding practical and easy tutorials like this. Thanks for enriching my Blog world today. =)
  33. Julie Moore 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!
  34. Buttercream Bakehous 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
  35. Luci Gabel 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!
  36. Thank you for making this so easy to understand. I didn't realize how versatile inlinkz was.
  37. that's a great way to use inlinkz - which I never would have thought of, so THANKS!xx
  38. You've been featured! Thanks so much for sharing at Wednesday Whatsits! <a href="http://www.whitelightsonwednesday.com/2012/09/wednesday-whatsits-25.htmlhttp://www.whitelightsonwednesday.com/2012/09/wed... />I have 2 out of my 5 index pages done. Loving how easy this tutorial is making things. :)
  39. cathy@my1929charmer 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!
  40. Jillian @ Hi! It&#03 says:
    That's awesome! Thanks! :)
  41. Cheerios and Lattes 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
  42. Joan@chocolateandmor 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!
    1. Kelley Wilson 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
  43. Holly @ abakershouse 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.
  44. keri @ shaken togeth says:
    GREAT information! This is what I'll be working on soon ... and I am featuring you today!!
  45. I use the link manager, too, it's been a huge help to me. Thanks for sharing!
  46. Wow! This is really helpful! Thanks for sharing the information. I've pinned it.
  47. Marilyn Clark says:
    This is awesome...just pinned it so I can find this info again later!
  48. Debi Bolocofsky 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
  49. Thank you for sharing this!!!I am pinning this right now!! :) I am a new follower!
  50. Diva Crudites says:
    Yahoo! This is awesome information that I will incorporate into my blog.Divacruditestastetestersduo.wordpress.com
  51. Kathy Penney 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
    1. Kelley Wilson says:
      Ha, yea take a look at my Featured here page, it's got the wonky going on
  52. Paula Miller says:
    Hi Kelley! Thanks for linking up with my NO RULES Weekend Blog Party! Happy to meet you :)Paulalifeasweknowitbypaula.blogspot.com
  53. 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.
    1. Kelley Wilson says:
      Your welcome! Glad to help
  54. I have been wanting to make one of these forever!! Thank you so much -- I'm already busy getting mine together!
    1. Kelley Wilson says:
      So glad, I will check in to see all the yummies you have up
  55. 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
  56. Great information! Thanks so much for this.
  57. Adrienne Woods 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 www.freetimefrolics.com
    1. Kelley Wilson 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
  58. Mackenzie 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
    1. Kelley Wilson says:
      LOL and thanks for hosting!
    2. 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! :)
  59. Celeste Winchell 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 :)
    1. Kelley Wilson says:
      Better to start earlier before it gets to be to much to redo!
  60. Nicole Hughes 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
    1. Kelley Wilson says:
      I'm so glad let me know what other ideas you come up with!
  61. 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 :)
    1. Kelley Wilson says:
      Yes you would have, you are welcome and let me know how it goes
  62. Angela Paris 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!) :)
  63. 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!
    1. Kelley Wilson says:
      You're welcome glad I could save you time! Let me know when it's up!
  64. Betsy Price says:
    Awesome idea! Thanks for sharing it. Dropping in from Bloggy Moms.
    1. Kelley Wilson says:
      Thanks and glad you stopped by!
  65. Amy CookingAdventure says:
    Excellent information! Thank you so much for sharing!
  66. 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

Leave a Reply

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

Privacy Preference Center

Strictly Necessary Cookies

Necessary cookies help make a website usable by enabling basic functions like page navigation and access to secure areas of the website. The website cannot function properly without these cookies.

gdpr[allowed_cookies], gdpr[consent_types], wordpress_test_cookie

Analytics

This site may use cookies for site performance. All data sent to Google for analytics is anonymized.

__gads,__qca,_ga,_gat,_gat_cbias1,_gat_cbias12,_gid,sID