Call: (855) 333 0017

Google Sites How To

Date: May 6, 2012 Author: ang Category: Affordable Web Design Business Internet Tips Tutorials Tags: Comments: 0

In this tutorial, I will show you how to add an image, a logo, blog, 'About' page, 'Contact' page, side bar, +1 button, sidebar text element, AdSense and copyright footer text using Google Sites.  First create a Google Sites account. Once you've created your Google Sites account, log into the account.

Note: In order to complete the 'How to create a sidebar AdSense ad' tutorial, you will need an AdSense account already created.
In order to  complete the 'How to create a contact page' you will need to have a Google Docs account already created.

'Google Sites How To' tutorials begin:

How to create a Google Site

First we're going to create a 'site'.

  1. Go to google.com/sites and sign in (hopefully you use the same sign in information for all your Google accounts.)
  2. Click on the red 'CREATE' button on the left side of the screen.
  3. Click select on the 'Blank template' icon.
  4. Type in the name of your site in the 'Name your site:' field.
  5. type in a URL for your site in the 'Site location' field. It has to be unique, so keep trying till you find a url name you can settle with.
  6. Type the 'captcha' in the field.
  7. Click the "create Site' button.

Your site is created. Add new elements to your site using the tutorials below.

How to add a new logo

  1. Click the 'More' button at the top of the screen.
  2. Click 'Manage site' from the drop down menu.
  3. Uncheck the box 'Show site name at top of page' near the top of the page.
  4. Click the 'SAVE' button.
  5. Click 'Site layout'.
  6. Click the 'Change logo' link in the 'header area'.
  7. Check the 'Custom Logo:' radio button.
  8. Click the 'Choose File' button.
  9. Navigate to a directory on your computer where you have the custom logo, select it, and press the 'Open' button.
  10. Click the 'OK' button.
  11. Click the 'SAVE' button.
  12. Click the name of your site listed under the 'Manage Site' page title, to return to your homepage

How to create a blog

  1. Click the 'New page' icon at the top of the screen.
  2. Type 'Blog' in the 'Name your page' field.
  3. Select 'Announcements' from the 'Select a template to use' menu.
  4. Click the 'CREATE' button.
  5. You can easily add posts by selecting navigating to your "blog' page and clicking the 'New post' button.
  6. Don't forget to click the 'Save' button at the top of your screen when you're done writing your posts.

How to create a contact page

  1. First we're going to create a contact form using Google Docs, so log into your Google Docs account: http://google.com/docs.
  2. Click the 'CREATE' button.
  3. Select 'Form'.
  4. Enter in 'Contact Form' in the field Titled 'Untitled form'.
  5. In the 'Question Title' field type 'What is your name?'.
  6. In the 'Help Test' field type 'Enter your first and last name."
  7. Set the 'Question Type' to 'Text'.
  8. Check the box next to 'Make this a required question.'
  9. Click the 'Done' button.
  10. Mouse hover over the 'Sample Question 2' field and click the 'pencil' edit icon button.
  11. In the 'Question Title' field enter 'What is your email address'.
  12. In the 'Help Text' field enter 'Enter you email address'.
  13. Set the 'Question type' to 'Text'.
  14. Check the box next to 'Make this a required question'.
  15. Click the 'Done' button.
  16. Click the 'Add item' button at the top of the screen.
  17. Select 'Paragraph text'.
  18. In the 'Question Title' field enter 'What is your message?'.
  19. In the 'Help Text' field enter 'Enter your message here'.
  20. Set the 'Questions type' to 'Paragraph text'.
  21. Check the box next to 'Make this a required question'.
  22. Click the 'Done' button.
  23. Click 'More actions' at the top of the screen.
  24. Click 'Edit confirmation'.
  25. Replace the default text in the field with 'Thank you for contacting us, we will respond shortly.'.
  26. Click the 'Save' button.
  27. Click the 'See responses' button.
  28. Click 'Spreadsheet'. When someone sends their information, it will be saved to this spreadsheet so keep that in mind.
  29. Click on 'Tools'.
  30. Click on 'Notification rules'.
  31. Check the box 'A user submits a form'.
  32. Check the box 'Email - right away'.
  33. Click the 'Save' button.
  34. Click the 'Done' button.
  35. Click on 'Form'.
  36. Click on 'Edit form'.
  37. In the popup window click the 'More actions' button.
  38. Click 'Embed'.
  39. Copy the code snippet and close the popup windows.
    Creating the contact page on Google Sites:
  40. Click the 'New page' icon button.
  41. Enter 'Contact' in the 'Name your page:' field.
  42. Click the 'Create' button.
  43. Click the small '<HTML>' button at the top of the screen.
  44. Paste the contact form code snippet into the field.
  45. Click the 'Update' button.
  46. Click the 'Save' button at the top of the screen.

How to create a sidebar +1 button.

  1. Click the 'More' button and choose 'Manage site' from the drop-down menu.
  2. Click 'Site layout' from the left side of the screen.
  3. Click the 'Add a sidebar item' button.
  4. Click the 'Add' button under the '+1 button' feature.

How to create a sidebar Text item.

  1. Click the 'More' button and choose 'Manage site' from the drop-down menu.
  2. Click 'Site layout' from the left side of the screen.
  3. Click the 'Add a sidebar item' button.
  4. Click the 'Add' button under the 'Text' feature.

How to create a sidebar AdSense ad.

  1. Click the 'More' button and choose 'Manage site' from the drop-down menu.
  2. Click 'Site layout' from the left side of the screen.
  3. Click the 'Add a sidebar item' button.
  4. Click the 'Setup AdSense' button.
  5. Click the 'Sign up for AdSense' button.
  6. Check the 'Use an existing AdSense account' bullet.
  7. Fill in the fields and press the 'Next' button.
  8. Click the 'Add' button under 'Display Ads' area.
  9. Click the name of your site, that appears under the 'Manage Site' page title, to get back to the site management area. Notice the Google Ads in the sidebar of the page.

How to put copyright information in the footer

  1. Click the 'More' button at the top of the page.
  2. From the drop-down menu, click 'Manage site'.
  3. Click 'Site layout'.
  4. Click the 'Change site layout' button.
  5. Check the bullet next to 'Footer'
  6. Click the 'OK' button.
  7. Click the 'Edit footer content' link in the footer area.
  8. Use the WYSIWYG editor to enter your HTML, text and images.
  9. Click the 'OK' button to save your changes.
    Here the copyright symbol if you need to copy it into your footer area: ©
  10. Click the 'SAVE' button at the top of the page.
  11. Click the name of your site listed under the 'Manage Site' page title, to return to your homepage.

How to create 'About me' page

  1. Click the 'New page' icon at the top of the page.
  2. Enter the name of the page in the 'Name your page:' field.
  3. Click the 'CREATE' button at the top of the page.
  4. Enter your contact page information in the field then click the 'Save' button.

How to add an image

I'm going to show you how to add an image in your Google Site's 'About me' page, but the process can be used for any page type.

  1. Navigate to your 'About me' page and click the 'Edit page' icon button.
  2. Place the cursor where you want the image to appear.
  3. Click the 'Insert' link at the top of the screen.
  4. Click the 'Image' option from the drop-down menu.
  5. Click the 'Choose File' button.
  6. Navigate toa directory on your computer where you have the image stored and select it and click 'Open'.
  7. Click the 'OK' button.
  8. Clicking on the image in the content area will make formatting options appear.

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Before you post, please prove you are sentient.

What color is a typical spring leaf?

Before you post, please prove you are sentient.

Earth orbits the ...