Awesome Free Blogger Templates & Themes

Live PreviewFree DownloadBuy now

• One time Purchase - Remove footer credits - full time support - Best way to thank us.

Griddy Template Documentation

Griddy is a responsive free blogger template by ar-themes. SEO optimized. Support all brwosers including IE, Firefox, Google Chrome, Opera and Safari. 2 Columns. Grid gallery enhanced style with responsive carousel. Enhanced pages with special typographic style.

1. Featured Slider

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

<script type="text/javascript">
var numposts = 6;
var outerclass = "featured-slider";
var starttag = "";
var endtag = "";
var intag = 'li';
</script>
<script type="text/javascript" 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 in numposts = 6; must be equal or lower than the number of label posts

2. Mega Menu

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

<script class='java' type='text/javascript'>//<![CDATA[
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' type='text/javascript'/>

+ 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 in numposts = 5; 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>

Font Size
<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>

Unordered List
<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>

Ordered List
<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>

Block Quote
<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>