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 site attractively. Following tips are very easy to understand and short format which will help you to get more productive work in from Google Sites.

» Google Sites Tips 



Live support by Sites Help




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.

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











Share Sites Help

at glance
Sent by users and technical team
Practically verified by Sites Help  
Easy to implement

Recommended
Related FAQ

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.

Comments