Google Sites Tips

Tips and tricks are very helpful to get the work done effectively and in less time. If you own a website in Google Sites, these Google Sites tips will help you to get things faster. Sites tips will help you in designing your Google Sites website in more attractive way. You will love the following tips to get more productive work with 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

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>

Sites 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.

Related FAQs

Q. Do you verify all Google Sites tips which are enlisted on this page?

A. Yes, we verify all tips and after successful implementation and result, we enlist that tip here.

Q. Do you offer online support to implement these tips on Google Sites?

A. Yes, we offer online support to our clients for implementations of tips.

Q. How i can use the Google Sites tips code in my Google Sites website?

A. Copy the code and then paste it in Google Sites HTML editor and then click on Update.

Q. Can i alter the code according to my need(s) and share it?

A. Yes, you are free to alter and share the Google Sites tips code available at Sites Help.