How to Align Photos in Blogger

Let's face it, Blogger is not always the easiest thing to make look how you want it, so I've put together some instructions as to how to make the photos line up all nice and not be randomly strewn across your blog :)

 First I upload the pictures I want into blogger. And then you will need to click the HTML button and view your blog that way.

Once there, it should look something like this, minus the highlighting.

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5BCsdB1jRw2GK2T8sNKwtxMl0UYO5xFgEu7Ggt1RyJz8o6rKeUtbcG2FeQrDUFXm1qglRxQjwGoFH71e_LHpfsNwqU0LwLqDIwJui4UNL3uS6f-iAc-ZcGpPOZ2ZYsSjdoDs8Bzh-9A4/s1600/Harry Potter Premier.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="238" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5BCsdB1jRw2GK2T8sNKwtxMl0UYO5xFgEu7Ggt1RyJz8o6rKeUtbcG2FeQrDUFXm1qglRxQjwGoFH71e_LHpfsNwqU0LwLqDIwJui4UNL3uS6f-iAc-ZcGpPOZ2ZYsSjdoDs8Bzh-9A4/s320/Harry Potter Premier.jpg" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHQSCyWfBwmI5FFJtaW6IehmNPvIbFT2bhOaIAFfggoQtnNCtMe4FGsDsBzadcvdbcpWOxFVfPfIYj1wodNCzApD0J1pVxo6C_axBcSuMMP7M0oXiUsQlgiDhSlXkQx6oz0EoYyPikKqE/s1600/Circle Skirt.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="211" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHQSCyWfBwmI5FFJtaW6IehmNPvIbFT2bhOaIAFfggoQtnNCtMe4FGsDsBzadcvdbcpWOxFVfPfIYj1wodNCzApD0J1pVxo6C_axBcSuMMP7M0oXiUsQlgiDhSlXkQx6oz0EoYyPikKqE/s320/Circle Skirt.jpg" width="320" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
</div>

 Next you will want to go to the bottom of the text and enter this code. You can simply copy and paste it from here.

<table>
<tr>
<td><img src="URL" width="350" /></td>
<td><img src="URL" width="350" /></td>
</tr>
</table>

Once you've done that you will copy the blue highlighted part from the first section and paste it over the yellow highlighted part. The blue highlighted part is the URL for your photo. It will start with http:// and end with .jpg. 

When you are done, the bottom part will look like this:

<table>
<tr>
<td><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5BCsdB1jRw2GK2T8sNKwtxMl0UYO5xFgEu7Ggt1RyJz8o6rKeUtbcG2FeQrDUFXm1qglRxQjwGoFH71e_LHpfsNwqU0LwLqDIwJui4UNL3uS6f-iAc-ZcGpPOZ2ZYsSjdoDs8Bzh-9A4/s1600/Harry Potter Premier.jpg" width="350" /></td>
<td><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHQSCyWfBwmI5FFJtaW6IehmNPvIbFT2bhOaIAFfggoQtnNCtMe4FGsDsBzadcvdbcpWOxFVfPfIYj1wodNCzApD0J1pVxo6C_axBcSuMMP7M0oXiUsQlgiDhSlXkQx6oz0EoYyPikKqE/s1600/Circle Skirt.jpg" width="350" /></td>
</tr>
</table>

Once you've copied and pasted, you can delete the original html from the uploaded photos, otherwise you'll have double photos. 

The size of these photos is specific to my blog, so if the photos are either too big or small you can adjust them in the HTML where it says width="350". Just change it until you get it how you want. I go back and forth between preview and the post.

Also, if you want more than two photos next to each other, you need to copy the purple part and paste it right below it. The original code only had two spots for photos, and this one is for three. You can do as many as you'd like, you'll just need to change the width, so they all fit.

<table>
<tr>
<td><img src="URL" width="350" /></td>
<td><img src="URL" width="350" /></td>
<td><img src="URL" width="350" /></td>

</tr>
</table>

Also, I keep a word document of all of the helpful HTML codes, so that next time I don't have to go find the post, I can just copy from the word document and go from there. If you have any questions let me know, and I hope this works for you!!

Couscous: Banana and Brown Sugar

Did I mention that couscous is so good! If you haven't tried it yet, you are missing out. This post will end my week of making couscous. If you'd like more couscous recipes you can try basic couscous and risotto style couscous. Those are the savory versions of couscous that I've made, but I wanted to make a sweet version so here it is. I call it Banana and Brown Sugar Couscous. Clever name, right?

Banana and Brown Sugar Couscous           1c.    Pearl Couscous

1¼c. Water
1T     Butter
3T     Brown Sugar
1       Mashed Banana

Bring water to boil and add couscous. Reduce heat to low and allow couscous to simmer for 8-10 minutes (or until all liquid is absorbed). Make sure to stir occasionally so the couscous does not stick to the bottom. After couscous is cooked, melt butter in medium sized frying pan on medium heat. While butter is melting, combine the couscous, brown sugar, and banana. You can combine them in the pot you cooked the couscous in. No need to dirty another dish. Once butter is melted and warm you can pour in the couscous mixture. Spread it as thin as possible. Let sit and fry for a minute or two and then flip or stir it. Cook until brown sugar is melted. And voila! You're done. If you don't like banana you can simply leave it out. Hope you enjoy.

Couscous: Risotto Style

Risotto = Awesome
Couscous = Awesome
Therefore, Risotto Couscous = Double Awesome. If you need more explanation let me know, but I'd trust me on this one and would recommend you make some immediately.

So here's the recipe.                    

Risotto Couscous
2c.     Pearl Couscous

2½c.  Chicken Broth (boiling)

2c.     Peas (frozen or fresh)

4T     Olive Oil

½c.    Parmesan Cheese

4 cloves of garlic

1 medium onion

salt and pepper to taste

In a heavy pan, heat the olive oil on medium heat. Add chopped up onion and garlic, and saute until slightly caramelized. Add couscous and cover with olive oil. Cook until couscous is slightly brown, 1-2 minutes. Add Chicken Broth, turn heat to low and simmer covered for 8-10 minutes, or until couscous is tender. Add more liquid if necessary. Stirring regularly so couscous does not stick to the bottom. Once couscous is cooked, add salt and pepper to taste. Remove from heat and stir in peas and Parmesan until cheese is melted. And just like that, you're done! You've created deliciousness. Hope you enjoy.

Couscous: Basic

I'm in love with this stuff! Not just any couscous, but Pearl couscous. This stuff will rock your world. The texture alone is enough to do me in. If you've never had it, it would be similar to a tiny round ball of pasta, but with a nuttier flavor. It is delicious. So I'm devoting this week to couscous recipes. Today's recipe is not really a recipe. More a how to cook the stuff. Even at it's simplest form this stuff is amazing.

Basic Couscous

1c.     Pearl Couscous

1¼c.  Water or Chicken Broth 

2 T.    Olive Oil

Heat oil on Medium heat. Add couscous and stir until brown. Should only take a minute or two. Add liquid and turn heat to low. Cover, simmer and stir for 8-10 minutes. Couscous will be ready once all the liquid is absorbed.


This stuff will change you. No joke. It is delicious! I recommend using chicken broth instead of water because of the added flavor. Hope you enjoy.