Griddy Responsive Blogger Template

Griddy Responsive Blogger Template Preview

Griddy is a responsive free blogger template by Orthemes. SEO optimized. Grid gallery enhanced style with responsive carousel. Enhanced pages with special typographic style.

Theme Documentation

1. Featured Slider

Griddy Responsive Blogger Template Featured Slider Preview

To add Featured Slider copy the following code and paste it inside HTML/JavaScript Gadget

<script>
var numposts = 6;
var outerclass = "featured-slider";
var starttag = "";
var endtag = "";
var intag = 'li';
</script>
<script src="/feeds/posts/default/-/LABEL?alt=json-in-script&callback=labelthumbs"/></script>
  • Change the word LABEL with your label for posts.
  • Change the number 6 inside numposts = 6; with your needed number of posts. Number of posts you set must be equal or lower than the number of label posts.

2. Mega Menu

Griddy Responsive Blogger Template Mega Menu Preview

To add Mega Menu copy the following code and paste it under the link of your menu list

<script class='java'>
var numposts = 5;
var outerclass = "sub-menu";
var starttag = "<li>";
var endtag = "</li>";
var intag = "div";
</script>
<script class='java' src='/feeds/posts/default/-/LABEL?alt=json-in-script&callback=labelthumbs'/>
  • Change the word LABEL with your label for posts
  • Change the number 5 inside numposts = 5; with your needed number of posts. Number of posts you set must be equal or lower than the number of label posts.

3. Typography Codes

<h1>h1 Typography Title</h1>
<h2>h2 Typography Title</h2>
<h3>h3 Typography Title</h3>
<h4>h4 Typography Title</h4>
<h5>h5 Typography Title</h5>
<h6>h6 Typography Title</h6>

<hr>

<b>Font Size</b>
<span style="font-size: xx-small;">Font Size [font-size: xx-small;]</span><br>
<span style="font-size: x-small;">Font Size [font-size: x-small;]</span><br>
<span style="font-size: small;">Font Size [font-size: small;]</span><br>
<span>Font Size Normal</span><br>
<span style="font-size: large;">Font Size [font-size: large;]</span><br>
<span style="font-size: x-large;">Font Size [font-size: x-large;]</span>

<hr>

<b>Unordered List</b>
<ul>
<li>Etiam nec tincidunt arcu</li>
<li>vitae gravida nisi convallis</li>
<li>Proin suscipit erat</li>
<li>Titin cidunt vitae ex</li>
<li>Praesent eget ante rhoncus</li>
</ul>

<hr>

<b>Ordered List</b>
<ol>
<li>Titin cidunt vitae ex</li>
<li>Praesent eget ante rhoncus</li>
<li>vitae gravida nisi convallis</li>
<li>Etiam nec tincidunt arcu</li>
<li>Proin suscipit erat</li>
</ol>

<hr>

<b>Block Quote</b>
<blockquote>
<p>Pellentesque sed imperdiet massa. Morbi eu neque sed nisi volutpat varius. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed non arcu non velit dapibus vehicula. Proin varius sollicitudin iaculis. Pellentesque feugiat sed augue quis condimentum</p>
<cite>Ar-themes * Griddy</cite>
</blockquote>