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.
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.
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.
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.
ReplyDelete@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.
Delete@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.
ReplyDeleteThank you so much, I have been looking for one of these for Blogger for ages!!!!!
ReplyDeleteLaura x x x
Laura , I am happy that it has helped you.
DeleteThanks 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!
ReplyDeleteYes sure but you can write the simplest recipe too.
DeleteIt 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.
ReplyDeleteThanks Jac, it was you that prompted me to visit Recipe Wiz so am truly grateful for that.
DeleteThis 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.
ReplyDeleteI 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.
DeleteThis 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 :)
ReplyDeleteIndia / Touchscreens & Beautyqueens
I hope you do a recipe card for your post I will be very excited to think that my post prompted you. :)
DeleteI've been wondering how to do this so I'm really very grateful for this tutorial :D xx
ReplyDeleteThanks Michelle, glad you found it useful.
DeleteI love this. I post about food on my lifestyle blog so going to bookmark this for future use. Thank you!
ReplyDeleteMellissa, I hope you use it and it works for you.
DeleteWhat a good idea thank you
ReplyDeleteIt makes it easier for readers to print the card too.
DeleteWhat a brilliant tip. I guess you could use this for other side bars etc too?
ReplyDeleteI am not sure about adding it to other types of blog platforms ,I think it would work since you add it as html code.
DeleteGreat tutorial, I'm sure it will be very helpful in sharing recipes.
ReplyDeleteThanks Louisa, it makes reading the recipe and printing it easier too.
DeleteI'd never heard of anything like this - will investigate!
ReplyDeleteThis is an ace tutorial. Thank you for this
ReplyDeleteGreat tutorial, I am on WP but I am sure it will help lots of people x
ReplyDeleteawesome tutorial Nayna..
ReplyDeleteI'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.
ReplyDeletegreat tutorial - I use a plugin on Wordpress - love having recipe cards!
ReplyDeleteOh 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
ReplyDeleteLaura x
Brill tutorial Nayna! You're our bloggie geek! xx
ReplyDeleteI always wondered how you did this, now I know x
ReplyDeleteThanks for sharing ..nice detailes explaination.
ReplyDeleteDoes this work for Blogger too? Sorry, I'm technologically impaired.
ReplyDeleteI was on blogger for 3 years and never knew you could do this
ReplyDeleteGreat tuorial. I'm bookmarking this for future reference.
ReplyDeleteThis is great. Thank you for sharing.
ReplyDeleteI've always thought you couldn't do this on blogger! x
ReplyDeleteGreat job writing up this tutorial. I use a plugin on Wordpress, but will check out other posts on your site!
ReplyDelete