How to change your blogger template style from list to grid

Almost all the blogger templates at default have the list view , but you can customise your template to grid view instead of the list style .

The list style in blogger templates is the normal one you know e.g the one am using on this site but the grid style goes like a table form which is normally good for health, Fashion and even music niche.see bellow image for difference

how to insert HTML and JavaScript's inside by blogger posts

How long will it take my Alexa rank to stop showing no Data?



Because the grid view is in a tabular form it is more likely to contain more posts on your homepage and at the same time will have slow loading speed compare to the list style. You can decide to change your template grid but consider the loading speed by reducing the numbers of post count per page

How to customise blogger template to grid view



Login your blogger admin mode and edit your template. paste bellow code just before </head>

How to edit blogger templates on mobile phones



Understanding syntax rules and syntax errors

Difference between blogger and WordPress host

You can customize the above code changing bellow informations

img_thumb_width = 220; The width of the images or thumbnails to appear on homepage.

summary_noimg = 400; The numbers of characters you want to show on posts with images or thumbnails

width:44%;height:370px;The width and the height of the post box or container

summary_img = 180; The numbers of characters you want to show on posts without images or thumbnails

From your template again find <data:post.body/> and replace it with the bellow code



In a case where you find <data:post.body/> in three places in your template just replace the second or third one and leave the first one untouched

Meet me on facebook

If you love this post share it!
Share Button


Kennedy Prosper is a top Blogger in Nigeria whose aim and reputation is finding solutions and helping beginner bloggers Online and offline.if you want to know more about me ask google

Follow me on: Twitter |Facebook| Google Plus

Previous
Next Post »