May 24, 2011

Food Blogging - Making a quick & easy visual recipe index.

What if I told you that setting up a visual recipe index for any blogger site was as simple as a button click? Are you skeptical? Check out the screenshots below for examples.

Notice the grey text at the end of the URL. Also take note that the 'label' tab has been selected. This will create a visual recipe index that is categorized by the labels you have assigned your posts.

Wondering how you can do it? Ali to the rescue! Note: Full Feeds must be enabled on the blog for this to work.

So if you haven't read about it, blogger has started to introduce new dynamic ways to view blogs. If you read up on current blogger news you probably already know this, but I'm gonna take a wild guess that most of you haven't.

The scoop is this, if you visit a blogger hosted website, you have five new dynamic ways to view the site (including your own blogger sites). You have two ways to easily view these new designs.

The first way, and easiest way, requires you to use Google Chrome, which is an internet browser like Internet Explorer or Firefox. So all you do if you use Chrome as your internet browser is download the blogger Chrome plugin. If you view a site that is hosted with blogger, a little blogger icon will appear in the right hand URL bar (see image directly below). Just click it and pick your view!

The second way requires you to add just a bit of text to the end of a URL. See the first screenshot and notice that the light grey text at the end of the URL is the added bit of text. Here are all the snippets you can try:


Updated: I was heaping the praise upon Chrome in this post, but after I gave it an extra few weeks, I really am not happy with how frequently Chrome has issues connecting to websites. I thought it was a fluke at first, but I'd say about 25% of the time when I type in ANY web address, Chrome says the webpage cannot be found. This is really annoying.

I am now back to using Firefox 4 for most of my browsing. It seems to be crashing a lot less than when it was first released. When I am in the mood to surf blogs, I do use Chrome so that I can easily use the dynamic features plugin mentioned and shown above.

Mosaic mode, which is viewed by adding /view/mosaic to the end of the URL or by choosing the mosaic option via the Chrome plugin which I heartily recommend.

So now you've seen the flipcard view and the mosaic view of my blog. I picked a random blogger site from my Google reader, used my chrome plugin to select Snapshot view, and viola, here is Cajun Delights:

Finally one view that I find comes in handy when you discover a blog and they have a TON of archived recipes that you want to browse through quickly, without exhausting your scroll button on your mouse, is to use the sidebar view.

Posts are listed on the left allowing you to very quickly click through and skim the posts.

Ah, I'm in love.

If you would like to add a link to your sidebar directing your readers to your new visual recipe index, just copy the URL and add your link. Ta-da! While you can't rearrange things as much as if you were to build a more complex visual index where you uploaded pics and added in all the links manually, this is a quick and dirty way to set it up with minimal fuss.

Any questions? Leave a comment below and I will do my best to help.

I'm linking up to:  

{M) Melt in Your Mouth Mon, Motivate Me MonMaking the World Cuter, Made By You Mon, Made By You Mon, Made by Me Mon, Made With Love Mon, Share Mon, Market Yourself Mon,  Craft-O-Manic Mon, Amaze Me Mon, Metamorphosis Mon, Get Your Craft On, This Week's Cravings, Unwasted Homemaking, Making Mon Marvelous, Mad Skills, Craftastic Mon, DIY Project Parade, Inspire Me Mon, Make Something Mon, Link Party Mon, Mangia Mon, Marvelous Mess Mon, Mad Skills Mon, Homemaker Mon, Mouthwatering Mon, Food'e' Friend Mon, Hunk of Meat Mon, {T} Show Me What You Got,  Tempt My Tummy Tues, Take A Look Tues, Handmade Tues, Show and Tell, All Thingz Related, Anti Procrastination Tues, Tutorial Tues, Ten Buck Tues, Too Cute Tues, It's Sew Fun Tues, Tues Time Out, Delectable Tues, Ten on Tues, Tip Me Tues, A Little Birdie Told Me, Anything Goes, {W} Whatever Goes Wed, Creative Share Wed, Sugar And Spice, Show Off Your Stuff, Wed Link Party, Hoo's Got Talent, We Did It Wed, Linkin' with Luna, Link Party, Inspired by You Wed, What I Whipped Up Wed, Whassup Wed, Getting Crafty Made It On Mon, Whisking Wed, What I Made Wed, Wow Me Wed, {Thur} Strut Your Stuff ThurI'm So Crafty, Crazy Cute Thur, Hookin' Up, Thrifty Thur, A Crafty Soiree, Frogs & Snails, Transformation Thur, Making It with Allie, Catch A Glimpse Thur, It's a Keeper ThurGet Your Craft On , Full Plate Thur, Sweet Treat Thur, Almost Fri Flaunts, Creative Juice Thur, Recipe Swap Thur, {F} Sweet Tooth Fri, Sweets This Week, Frugal Fri, Feature Yourself Fri, Foodie Fri, Home and Family Fri, I'm Lovin' It Fri, Show and Tell, Fri Favorites, Fantastic Fri, Show and Share Day, Fun with Food Fri, Weekend Wrap-Up, Pity Party, Simply Link Party, Lovely Crafty Weekend, Tickled Pink, What's Cooking In the Kitchen, Everything But the Kitchen Sink, Hodgepodge Fri, Favorite Things Fri, Fri Link Party, Inspiration Fri, For the Kids Fri, Whatcha Got Weekend, Make and Share, Fri Free for All, Flaunt it Friday, Weekend Wander, Foodie Fri, Simply Creations Fri Link PartyFrugalicious Fri , Fancy Fri, Fantabulous Fri, Food on Fri, Weekend Show Off, Fat Camp Fri {Sat} Check Me Out Sat, Sundae Scoop, Show and Tell Sat, Sat Spotlight, Sat Nite Special, Sat is Crafty Day, Shindig Sat, Sat Swagger, Sweets for Sat, Summer Lovin' Sat Soiree, Sat Swap, {Sun} Sun Showcase, Sun Favorites, Sister Sister Sun, Recipe Link Party, Just Something I Whipped Up, Think Pink Sun, Not Baaad Sun, Sun Linky Party, Nifty Thrifty Sun, Sun at One Food Club, Your Kitchen, My Recipe, Potluck Sun, Sweet Indulgences Sun, So Sweet Sun, Savory Sun


  1. This is way too cool! Thanks for a very informative post and for the mention!

  2. oh, wow! thanks so much for sharing this info - i had no idea & now i'm going click-crazy trying to view all of my favorite blogs in different ways!

    thanks for linking this up to mangia mondays!

  3. Thank you for posting this helpful information! I'm off to try it!

  4. Thank you so much for sharing this at Make a Food-"e"-Friend Monday! I will definitely be adding this to my to-do list...

    (The Lucky Wife via The Chef)

  5. I'm so glad that you guys have enjoyed this post. It is definitely a new way to look at our favorite blogs and explore their posts.

  6. Wow, that is so fun! SO did you make your visual recipe using this, or is it if you just view your blog (or others) in chrome? I guess what I am saying is how did you make your visual recipe box?


  7. I'm going to paste in part of the email I sent to Ladybird so if anyone else had the same question as her they can see my answer here:

    You can view any blogger blog (that has full feeds) using either the chrome plugin via the chrome browser, or in any other internet browser by adding the code I listed in the tutorial. I would suggest pulling up your browser and trying it out for it to make sense.

    I didn't "make" anything, it is just using the new designs blogger has come out with, and then you can link to them with a link in your sidebar. Hope that clears things up :)

  8. I haven’t tried Chrome, but I’m definitely getting sick of Firefox crashing on me all the time. Maybe I’ll skip Firefox when I upgrade my software....thanks for the tip!

  9. I never knew this excisted, I will have to try this at a later time.

  10. Fabulous post! I was afraid to venture into this when I read about it in Blogger, but your post was easy to follow! I"m using it now! Thanks!

  11. This is so awesome! I'd read some stuff about Bloggers updates and redo's, but this is such a fun feature and I'm so excited to use it this way... thanks for sharing! : )

  12. Wow, this is great, I am so into the visual pic and then click, this is genious - could you post on my linky party?

  13. I've been using this for a while now, and love it too! However, I've had trouble (in some of the view) getting just one photo/post to show up in the dynamic view. Snapshots, in particular, seem challenging. But, I'm loving it anyway, and I've embedded the link on my nav bar! Thanks for sharing this with others.

  14. I've never seen anything like this! Here it is 1:40am and I'm off to browse blogs using this handy new tip :p

  15. Ive never known this! Thanks for sharing a tutorial!
    Thanks for linking up to Making It With Allie! I can't wait to see what you have for next week!

  16. No, I didn't know about these options. I'm going to have to give them a try.

  17. Awesome idea, going to set up the links on my blog later!

  18. Definitely some food for thought. I'm going to have to play around with some of those features to see if I can make browsing recipes on my blog more viewer-friendly.


  19. Very cool! I haven't known about this before.
    Thank you so much for linking this up to {nifty thrifty things} last week!

  20. This is such a big help! Thanks for posting about this.

  21. I SO want to be able to have a recipe index, but embarrassingly I got blogged down in your instructions. I'm on blogspot ( I don't know if "full feeds" are enabled. I couldn't find this.I'd love a link in my sidebar to a visual list of my recipes, such as the one you show as a list on the left side. (all recipes are now embedded in different posts.) Am I making sense? thanks!

  22. This is brilliant and so easy! I can't thank you enough for the tip!! I've added a visual index to my recipe blog today.

  23. This sounds too good to be true ;) I do not have a "foodie blog" but a fitness motivation blog with a recipe page that is a "pain in the a@@" to navigate through. I do not know how to set up a recipe index that links each recipe that is already established on the page into it's own page by a simple click and to eliminate having to scroll my entire page to find a recipe :/ . I will look into this more but admit that I can blog simply and hyper link etc, but doing the set up is what will be difficult for me. Thanks for the share and Stay Healthy!

  24. Such an easy and effective way of showing posts off visually! Thank you SO MUCH!! This has definitely saved me a lot of time from coding! Woot!
    Rachel from