Key Ingredient lets you add your recipes to their site and then you can also embed them on your blog posts, plus they are shareable with social media. It is free to sign up and use. You can sign up with Facebook or create an account here.
They also offer a Cookmark for your browser, so when you see a recipe you like, you can just click the Cookmark and save it.
Ok, On to the tutorialAfter you sign up, to add a recipe, click Add Recipe. There is a drop down menu and select Type it in.
You will see the screen below: You type the recipe title, description, ingredients and directions. On the right, you click select file to add a photo. After the photo is uploaded, click the box saying if you are the owner of the image.
Next: Add your Source URL...meaning add the photo to the recipe from your blog. Very important!
Yields, Prep time, Keywords, language. Next is your Recipe privacy. Default is public.
Finally back on your left, click save. You can also check the boxes for share this or pin this.
After you have saved the recipe, a screen will pop up with your recipe in a tidy box.
To embed it on your blog post, click the purple arrows.
You will see a window like this below: Uncheck the box where it says Hide the details.
You want to see the whole recipe. In the white box on the left, copy the complete code
and paste it in your post on the HTML side, not COMPOSE.
I am not receiving any compensation for this product. I just happen to love how it adds your recipe in a nice looking box and I wanted to share it with my readers. Have fun with it. Add your own recipes. Gather new ones or browse.