Griddy Responsive Blogger Template
24/11/2023 · Updated on: 08/12/2023
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
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
LABELwith your label for posts. - Change the number
6insidenumposts = 6;with your needed number of posts. Number of posts you set must be equal or lower than the number of label posts.
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
LABELwith your label for posts - Change the number
5insidenumposts = 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>
You might also like