I am going to make this a "series" and try and stick to one tip per post, so that it doesn't get too confusing. In this post we will be focusing on how to make your images appear in rows like this:
♥ To begin, you need to decide how many pictures you want per row. I like to keep mine at 3 pictures but you can add more or less if you wish. To add more pictures per row, simply change the width (in the coding below) to a smaller number.
♥ Next, copy and paste the following code into your blog post (make sure its the "html" mode, rather than "compose")
♥ Replace "IMGURL" with the width of the images you want to use. I set the width to "178" for my blog, but you may need to adjust this if your layout is wider or smaller than mine. Just play around with the numbers until you find what works best for your blog.
♥ The code above is one row of images, you can add as many additional rows as you like by copy & pasting the code again.
I hope this helps! If you have any ideas for future html/design tip posts let me know. I am going away tomorrow for a few days (a family friend is getting married) so things may be quiet around here and twitter until after the weekend. Enjoy the rest of your week!