Arrange blog posts in gallery view in blogger

Gallery view means arranging the blog posts one after another side wise as in a magazine. This is also referred to as magazine view. Unlike usual blogs, you can change your blog from the monotonous old look into a magazine side-by-side view.
This image shows how post will be arranged side by side.

 This is how to do it
Steps :
  • Go to Blogger Dashboard => Design => Edit HTML
  • Look for the piece of code ]]></b:skin> 
  • Add the following piece of code after this line
  •  Save your template
Code Starts  ->

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>

#main-wrapper {
margin:0px 0px 0px 8px;

margin:0px 15px 20px 0px;
padding:10px 0px 0px 10px;border:0;

.post img {max-height:151px;max-width:217px;padding-top:8px;}
.post h3{font-size:11px;padding-top:5px;margin:0;line-height:6px;}

Code End

Suggestions : 
  • Edit width:227px;height:195px in above code to resize the size of each block
  • This piece of code shows bugs when used for formatting individual pages in blog, I'm trying to fix it. If you find any solution do let me know. Works perfectly otherwise  "EDIT - Fixed"
  • If you dont want the background image remove the line background:url(;

Spread The Love, Share Our Article

Related Posts

8 Response to Arrange blog posts in gallery view in blogger

July 06, 2011

This is sexy man

July 06, 2011

I've enabled this on my blog too

September 13, 2012

how to show only images and post titles in homepage

September 14, 2012

Hey, I'm using this in 2012. Can you tell me how I can modify the code so the thumbnail shows a cropped view of the bigger image instead of stretched?

November 12, 2012

awesome.....i was really finding for this! And your post about hiding post from homepage was also great. It really makes the blog feel like a real website. Thank you!

December 20, 2012

hey this is good can you help me out with this please ...
after you make thumbnails like this if you click on the title it will take you to post but if u click on the image it just shows image how to fix this ??
can you make it even if you click on image it still gets to post ???? please

April 04, 2013

Impresive man... applied on my blog

January 08, 2016

not workiong

Post a Comment