How to create a recipe box / card for your blogger blog.

Its been a little while since I posted a technical tutorial on this blog so today I am going to share how you can add a recipe box / card to your blog post. The reason one should add a recipe box is that it writes the recipe in microdata form which in turn makes the recipe easier to find across the internet.

How to create a recipe box / card for your blogger blog:

1. Go to any site such as photo bucket or image shack  and create an account where you can upload a photo and get a direct link to your recipe photo you want to use on your recipe card. Upload your photo and copy the direct url and keep a note of it  by pasting it in note pad. You will need this in step 2 at the very end.
2. Open a new tab in your browser and open  The Recipe Wiz
3. Fill the recipe box  tabs with the recipe instructions.

 3. Once you have entered all your recipe details , click on get microdata. Micro data code will look like this:

4. Copy the microdata code
5. Create a new post in blogger.
6. In blogger you need to have your post open in html format.

7. Once saved, your recipe card will have a photo of your recipe and all the instructions of your recipe written in microdata format finding it easier to find your recipe on the internet.
8.Your recipe card should look like this:

8. You can add additional text and photos above or below your microdata code if you wish to add more information or images in your post. However the microdata template will allow you to show one thumbnail picture only on your recipe card.

Share this post
Pin Share

Nayna Kanabar

A vegetarian influencer that loves to travel and discover new places.

39 thoughts on “How to create a recipe box / card for your blogger blog.


That's a good tutorial Nayna. I only cottoned on to this helping with internet searching a few days ago, so have not been using the photo URL function, meaning my recipes cards don't actually work properly – hey ho! I must say, Recipe Wiz drives me nuts though, you can't ever go back and I'm always deleting what I've just written by accident. Plus it's hard to amend once it's on your blog post.

citrusspiceuk@gmail.com

@Choclette I have amended the recipe card once I have put on blog by opening the html microdata code and amending it and it works fine. I know what you mean about the deleting thing it highlights and when you enter accidently it deletes.I haven't yet found a better version for blogger blog yet.

citrusspiceuk@gmail.com

@Choclette I have amended the recipe card once I have put on blog by opening the html microdata code and amending it and it works fine. I know what you mean about the deleting thing it highlights and when you enter accidently it deletes.I haven't yet found a better version for blogger blog yet.


Thank you so much, I have been looking for one of these for Blogger for ages!!!!!

Laura x x x

citrusspiceuk@gmail.com

Laura , I am happy that it has helped you.


Thanks for the tutorial! I'm a terrible baker, but if I ever find a good recipe to share I will remember to come back and use this!

citrusspiceuk@gmail.com

Yes sure but you can write the simplest recipe too.


It doesn't make them easier to find as such, but it does mean search engine bots can understand what content you have better. It also used to mean that there was a good chance if you had most of your recipes like this Google would show them in search results with a photo and a recipe time, but they seem to have changed the playing field again and it's not happening so much now. I still think it's a valuable thing to do though and it makes recipes more uniform, easier to read and gives that all important print button too. I can give you some code to remove those time details you are not filling in if you are interested.

citrusspiceuk@gmail.com

Thanks Jac, it was you that prompted me to visit Recipe Wiz so am truly grateful for that.


This is a bit technical for me, but I appreciate the way you so generously share your experience in making the recipe card. I wish I could give you some inspiration but I have no experience to share on this subject, which is rare for me. Hehe. I can usually find something to say.

citrusspiceuk@gmail.com

I too am not super technical which is why when I figure out some thing good I like to share it, it also means I have a record of how I did it for the future.


This is actually sooo helpful! I do use the occasional recipe on my blog (in fact today's post is one!) and I wondered how to do recipe cards. Will definitely try this next time 🙂

India / Touchscreens & Beautyqueens

citrusspiceuk@gmail.com

I hope you do a recipe card for your post I will be very excited to think that my post prompted you. 🙂


I've been wondering how to do this so I'm really very grateful for this tutorial 😀 xx

citrusspiceuk@gmail.com

Thanks Michelle, glad you found it useful.


I love this. I post about food on my lifestyle blog so going to bookmark this for future use. Thank you!

citrusspiceuk@gmail.com

Mellissa, I hope you use it and it works for you.


What a good idea thank you

citrusspiceuk@gmail.com

It makes it easier for readers to print the card too.

family travel times

What a brilliant tip. I guess you could use this for other side bars etc too?

citrusspiceuk@gmail.com

I am not sure about adding it to other types of blog platforms ,I think it would work since you add it as html code.


Great tutorial, I'm sure it will be very helpful in sharing recipes.

citrusspiceuk@gmail.com

Thanks Louisa, it makes reading the recipe and printing it easier too.

Twinsplustwo – Emma-Kate Thompson

I'd never heard of anything like this – will investigate!


This is an ace tutorial. Thank you for this


Great tutorial, I am on WP but I am sure it will help lots of people x

Sarika@sarikasethgunjal.com

awesome tutorial Nayna..


I'll have to have a look at this. I tried another one a bit ago and I couldn't add the details I wanted to.


great tutorial – I use a plugin on WordPress – love having recipe cards!


Oh wow I seriously didn't know you could do this and I am on blogger! Learnt something today and going to use this sometime soon – thanks so much for sharing

Laura x


Brill tutorial Nayna! You're our bloggie geek! xx


I always wondered how you did this, now I know x


Thanks for sharing ..nice detailes explaination.


Does this work for Blogger too? Sorry, I'm technologically impaired.


I was on blogger for 3 years and never knew you could do this


Great tuorial. I'm bookmarking this for future reference.


This is great. Thank you for sharing.


I've always thought you couldn't do this on blogger! x


Great job writing up this tutorial. I use a plugin on WordPress, but will check out other posts on your site!

Leave a Reply

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

*

*