Griddy Responsive Blogger Template

24/11/2023 · Updated on: 08/12/2023

Griddy Blogger Template
Table of Content

Griddy Responsive Blogger Template is perfect For Grid Gallery Personal Sites, Modern and fully responsive (try resizing your browser), 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.

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.
See also  Movie Hut Blogger Template

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>

 

Avatar

Kaizentemplate

Kaizentemplate.com is Awensome, Cool blogger templates which provide Fresh and Great UniqueBest Blogger Templates & WordPress Themes for bloggers.

You might also like

Discover more from Kaizentemplate

Subscribe now to keep reading and get access to the full archive.

Continue reading