With this Post I want to initiate a new series. Maybe you have already realized - I currently have a little obsession for conditiional tags and love to experiment with different styles for the home page. What can you do with it, how can you display them? This series is gonna be all about that. In the BHPPS (=Blogger Home Page Post Styles) posts I want to show you how to achieve different looks of the home page. Most of the time it's very experimental and each look has its own pros and cons. Still I haven't found any tutorials about that kind of thing and I think there really should be some! Who knows, I'm sure there are lots of other people like me who think the home page as it is, is boring.
I give this series a level from 3 to 5, because it's easy to achieve but not so easy to customize.
I'm aware that a lot of people are still afraid of self-written templates, but it is extremely hard to work only in a selfwritten environment with a blog widget. So for my examples I will be working with Oliver's Five Template, to which I added a bit of style. He wrote a blog widget on his own and it's a lot easier to work with. Still, if you're getting goosebumps only by the thought of leaving the blogger templates, tell me and I can try if I get it to work in one of those.

The first example is a mix between pinterest and tumblr or also Code Cake 3.0 if you remember ;)
The basic idea is to showcase posttitle, first image of the post as well as snippet or jumptext in a tile. The tiles are gonna be placed in coloums.

Now for the responsive part. We gave it all procentual widths, so they will scale as we reduce the window size, but the colums remain, which gets unpractical on a smaller screen.
To help that we reduce the columns with the width, using media queries.

Just like everything else this style has his pros and cons. The biggest disatvantage of this style for me is the fact that the columns are filled columnwise, not in rows. So the upper posts are not the newest. If you have a blog where chonology matters it probably won't work. But I can imagine it looking perfect on a photoblog, even if you have it more drastic, by removing titles and snippets and letting the images speak only.$