Free Grid Layout Template for Blogger / Blogspot

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.

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.

Live Demo Download Now

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

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

<table>
<tbody>
<tr>
<td width="33%"><div style="text-align:left;padding-left: 5px; padding-right: 12px;">
<—ADD CODE HERE—>
</div></td>
<td width="33%"><div style="text-align:left; padding-left: 5px; padding-right: 12px;">
<—ADD CODE HERE—>
</div></td>
<td width="33%"><div style="text-align:left;padding-left: 5px; padding-right: 12px;">
<—ADD CODE HERE—>
</div></td>
</tr>
</tbody>
</table>
<br/>
<br/>

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

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'>

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!