January 4, 2016

Free Grid Layout Template for Blogger / Blogspot

Free Grid Layout Template for Blogger
Grid Layout Template is a blogger template which designed as a premium blogger theme, Blogspot template and specific to a full-size post content width 100% lay in the single post. The front of a home index is laying with three classes with grid layout template. It is free blogger templates which provided by Blog Tutorial Supporter.  The menu template is designed for a New Tabbed Menu. Blog template is not specific with widget sidebar section and it is not focused on responsive web design template. On the top of home grid layout, there are three places for placing the advertisement banner of Google Adsense or other ads that allow user manage easily. The free blogger template is designed specific for blogger theme only and  you can download this free blogger template and use it from this below guideline.

Grid Layout Menu Templet for Blogger Simple

Template Features

  • Related Posts with Thumbnail 
  • Recent Comments
  • Recent Posts
  • Back to Top Icon
  • Popular Flat Tabbed menu 
  • Awesome Font Include
  • Ad Space for  Adsense or Any Advertisement.

Also Read: How to Install Grid Layout Template Click Here!

How place ad code on top of grid posts? 

Step 1: Click on Layout and Find out the last bottom HTML/JavaScribe

Insert Ad Code to HTML Box Area

Step 2: Copy this below code and paste it in the HTML/Java Scribe

<td width="33%"><div style="text-align:left;padding-left: 5px; padding-right: 12px;">
<td width="33%"><div style="text-align:left; padding-left: 5px; padding-right: 12px;">
<td width="33%"><div style="text-align:left;padding-left: 5px; padding-right: 12px;">

Step 3: Use your ad code or Adsense code to replace " <—ADD CODE HERE—> "then click on Save.

How to change the Flat Tabbed Menu Title? 

Step 1: Click Template and then click on Edit HTML

Insert HTML Text Box

Step 2: Click anywhere in code area then press Ctrl + F or Command + F for Mac to search for the below code by copy and paste it in search column then press enter to get reach.
 <div id='menu-container'>
Search Tag Code in HTML Area

Step 3: Now you are almost done just replace your Menu Title instead of " Title Here ". To link your title just replace your URL instead of # then click Save Template button.

<li><a href='#'><i class='fa fa-medkit'/> Title Here</a></li>

Now you are done within your great job and you can enjoy using this template. Have a great day!

Was this article helpful?

Thanks! Your feedback helps us to improve blogsupporter.com
Keo Sopherth Professional Blogger

Offer a blogger blog, WordPress website development tutorials, and simple search engine optimisation tip with love.

- Advertisement -
Advertise Here (330 x 280)
- Advertisement -
Advertise Here (330 x 280)

2 Replies so far - Add your comment

  1. This is an awesome post. Really very informative and creative contents. This concept is a good way to enhance knowledge. I like it and help me to development very well. Thank you for this brief explanation and very nice information. Well, got good knowledge.

    1. Hi Yogesh Kumar, thanks for your comment on this blog post therefore, hope it can help you to develop your own blog and ranking on glob.


Your comment will be removed if it is a Spam or a comment with a link.