Docstoc

Recipe index format

Document Sample
Recipe index format Powered By Docstoc
					Step 1
Choose pictures from each recipes in a particular category(eg..Appertizer,soups) that you
want to keep as thumbnail and put that in separate folder.Resize that images to your
required size(I used 75*100)..

To resize picture size,go to microsoft picture manager,choose all you pictures that you
want to changeclick edit picturesClick resizeand change the picture size as
mentioned above..Click save and now the pictures are saved.

Upload the pictures in picasa or any photo sharing website and get the url of that..

This can be done by clicking the image which you want to use and drag that image to the
address bar..There the image alone will be displayed..That url is the image url of that
image....Do exactly same for all images..

Put all these image url in a word document with the recipe name of that and save it.

Step 2.
Now get the url of all your blog post..Get url for separte recipe and add that url next to
the image url of the recipe.

So now you have image url of that recipe and post url of that recipe.

Step 3.
The arrangement of the pictures depends upon your layout size..Depending on that size
you could paste 5-6 pictures in one row..If you try to paste more pictures in a small
layout the pictures will go extending from the layout..

You can so that by opening bloggerDesignTemplate DesignerAdjust widthand
modify

My blog layout size over there is

Entire blog size is 1000px
Right sidebar size is 210 px

Step 4
Now comes the coding...
This is how you start your coding..This is for first image

<table border="0"><tbody>
<tr> <td><table align="center" cellpadding="0" cellspacing="0" class="tr-caption-
container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="POST URL" style="margin-left: auto;
margin-right: auto;"><img alt="pic name" src="IMAGE URL" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">RECIPE NAME</td></tr>
</tbody></table>
</td> <td>

In that replace the POST URL with your post Url..
And Replace IMAGE URL with your image Url.
Replace the RECIPE NAME with the name of your recipe.

Next picture coding should be like this

<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container"
style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href=" POST URL " style="margin-left: auto;
margin-right: auto;"><img alt="pic name" src=" IMAGE URL " /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"> RECIPE NAME </td></tr>
</tbody></table>
</td> <td>


The last picture from a row should be in this format,So that the last picture stops in that
row and you can start the next picture in the next row...if you din use this the picture will
go in a straight line without ending in a particular point..

<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container"
style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href=" POST URL " style="margin-left: auto;
margin-right: auto;"><img alt="pic name" src=" IMAGE URL " /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"> RECIPE NAME </td></tr>
</tbody></table>
</td> </tr>
</tbody></table>

Do exactly same for all your recipes.


Step 5:

To create a separate page click postingEdit pagesNew pageWrite the page
name..and click save

Click Edit Html in that and put the above coding in that...Click save.
Go to Compose and you could view all your pictures over there..if it is slightly uneven
you could adjust the alignment properly.

Just add the categories name above each section and click save.

Now publish your page and see be proud of your hardwork.

				
DOCUMENT INFO
Shared By:
Categories:
Tags:
Stats:
views:8
posted:8/7/2012
language:English
pages:3
Aarthi Satheesh Aarthi Satheesh Associate research Analyst
About I am a blogger,writer and a photographer. I blog at YUMMY TUMMY. It is a popular food blog which has recipes from all over the world with step by step pictures and clear instructions.