Google Sites Tips


If you are thinking to creating your site in Google Sites, Sites Help recommends you to get familiar with these Google Sites tips. Sites tips will help you in designing your Google Sites website in more attractive way. Following tips are very easy to understand and short format which will help you to get more productive work in from Google Sites.

Working in Google Sites is fun if you know some tips to work inn Google Sites. We are giving you some very useful tips to work in Google Sites. It will increase productivity of work and reduce your time.

Make your site Accessible
using <strong> and <em> instead of <b> or <i> to meet some of the accessible sites standards which include the use of alt text, section headings, appropriate use of tables, and appropriate text formatting.
  • Drop Cap in Google Sites


S ites Help give the best Google Sites tips and in very easy understanding way. What do you think?

Following is the code for this type of drop cap in Google Sites.

<div style="width: 300px;height: 75px">
<span style="line-height: 55px; font-family: Arial; float: left; color: rgb(224, 118, 4); font-size: 70px; padding-top: 2px;">S</span>
ites Help give the best Google Sites tips and in very easy understanding way. What do you think? </div>


S ites Help give the best Google Sites tips and in very easy understanding way. What do you think?

Following is the code for this type of drop cap in Google Sites.

<div style="width: 300px;height: 75px">
<span style="border: 2px solid rgb(186, 158, 19); line-height: 55px; padding: 5px; font-family: Arial; background: none repeat scroll 0% 0% rgb(36, 36, 36); float: left; color: rgb(224, 118, 4); font-size: 70px; margin-right: 5px;">S</span>
ites Help give the best Google Sites tips and in very easy understanding way. What do you think?
</div>

  • Creating heading box without using tables in Google Sites

It will look like following:


Just copy and paste the following code in Google Sites HTML editor and click on Update and you will get it.

<div style="border-width:1px 1px 4px;border-style:solid solid double;border-color:rgb(200, 200, 200);background:none repeat scroll 0% 0% rgb(244, 244, 244);width:300px;color:rgb(255, 255, 0)">
<div style="margin-left:20px;margin-top:5px;margin-bottom:5px">

<a href="http://www.siteshelp.com/google-sites-tips" style="text-decoration:none;color:rgb(255, 153, 0)"><font size="3"><b>Google Sites tips</b></font></a>

</div>
</div>

  • Creating custom horizontal line in Google Sites

It will look like:


<div style="border-bottom:1px dotted rgb(0, 150, 200);width:100%;height:2px"></div>

Customization:

You can customized the line code according to your need. In the following line, we just increase the "border-bottom" size from 1px to 5 px and change the color "rbg(0, 150, 200)" to "rgb(100, 100, 200)"


<div style="border-bottom:5px dotted rgb(100, 100, 200);width:100%;height:2px"></div>

You may alter the value which are high lighted according to you need:

<div style="border-bottom:5px dotted rgb(100, 100, 200);width:100%;height:2px"></div>

You may use solid or double instead of dotted.