Putting Squares on your Site

From Support

Placing Squares on your site is easy, and can be accomplished in a matter of minutes. Provided you have the GSTC included on your webpages, you can put Squares anywhere on your site.

The Square function

Squares can be included on your pages using a single function:

<script type="text/javascript">Squares.show_squares(rows,columns);</script>

This code should be placed in the position that you want the Squares to appear. So for example, you have a sidebar on your blog, this code should be placed within the HTML elements of that sidebar. For example:

<div class="sidebar" style="float:right;">
  <script type="text/javascript">Squares.show_squares(1,1);</script>
</div>
<div class="blog">
  Lorem Ipsum....
</div>

This will load a single Square into your blog's sidebar.

The two parameters, rows and columns, are integers representing the number of rows and columns of Squares you want to place in that particular position.

Now that I have the Squares on there, I don't like the way they are presented. How can I style them better?

Easy. Refer to our Styling Squares documentation to learn how to apply numerous styles to Squares.