Using Google Sites

Companies and Commercial Services for Building Google Sites

• Web Musking - http://www.webmusking.com/
• Kirksville Web Design Services - http://www.kirksvillewebdesign.com/google-sites
• Steegle - http://www.steegle.com/

Google Sites Templates

• Free
  • Free Website Template Gallery - https://sites.google.com/site/freewebsitetemplategallery/ - 3 Pages
  • Free Arc Templates - https://sites.google.com/site/arctemplates/templates
  • Free Templates by Weby - http://templates.sitessos.com/templates
• Paid
  • Google Sites Templates - http://www.googlesitestemplates.com/gallery
• Ideas
  • On Pinterest - https://www.pinterest.com/sitestemplate/google-sites-templates/

Web building Features and Resources

• Guides to Google Web Design
  • Guide to Google Sites Webdesign https://sites.google.com/a/vccaps.com/guide-to-web-design/
• Sliders, Carousels
  • Unslider
    • jquery slider in Google Slides - http://blog.lajuett.com/2014/06/jquery-slider-in-google-sites.html -simple little jQuery image slider that can be easily embedded into Google Sites. It is fast loading and adapts well when rendering on mobile devices
  • Slideshow Maker*
    • Create a Nice Slideshow/ Slider Using Google Sites - https://sites.google.com/site/scriptsexamples/tools-for-google-sites/slideshow-maker
  • Nivo Slider*
    • Use Google Drive to Host Nivo Slider Files - http://www.wohphi.com/Nivo-Slider-for-Google-Sites/Use-Google-Drive-to-host-Nivo-Slider-files
    • Google Apps Intranet: Creating Sliders on Google Sites - http://nkwaten.blogspot.sg/2014/03/google-apps-intranet-creating.html
    • Insert a Nivo Slider Using Google Drive - https://sites.google.com/site/annuairevin/nivo-slider
  • Cloud Carousel
    • Insert a cloud Carousel using Google Drive - https://sites.google.com/site/annuairevin/cloud-carousel
  • Wow Slider
    • How to Add a Slider to Google Sites - http://wowslider.com/help/add-slider-google-sites-50.html
    • A Picture Slideshow on Google Sites - http://wowslider.com/rq/picture-slideshow-html-on-google-sites-7s.html
  • HTML5 Slideshow Maker
    • How to insert html 5 Photo Slideshow into Google Site - http://www.html5-slideshow-maker.com/how-to-insert-html5-photo-slideshow-into-google-site.html
  • * not found to be responsive
• Gadgets
  • About Gadgets - https://sites.google.com/site/mori79/html-gadgets#TOC-Creating-hosting-your-gadget
  • Get Gadgets for Google Sites - http://gadgets.joinrsite.com/get
  • 23 Site Gadgets - https://www.sitegadgets.com/ - I haven't tested it yet.
  • Gadgets for google sites - https://sites.google.com/site/mori79/html-gadgets
  • Google Sites API - https://developers.google.com/google-apps/sites/gadgets/site_gadgets (See below for OUTLINE)
  • Editing a Gadget - http://www.k8oms.net/gadget-editor
• Counter
  • Working with google sites: Creating a counter https://sites.google.com/site/amslerclassroom/creating-a-counter-embedding-code
• Horizontal Dropdown Menus
• Formatting (Using HTML)
  • Advanced Tables: Removing Borders - http://www.steegle.com/websites/google-sites-howtos/advanced-tables#TOC-Table-with-Content-and-Border-Removed
• Using iFrame
  • Embedding a Form and Showing the Summary of Results - https://sites.google.com/a/cesa3.k12.wi.us/googletraining/home/google-sites/embedding-a-form/forms
• For Education
  • 5 Ways to Use Google Sites in Schools - http://www.freetech4teachers.com/2012/12/5-ways-to-use-google-sites-in-schools.html#.VRNzzpOUeOM - Wiki, Digital Portfolio, Digital File Cabinet, As a Blog, As a Website

OUTLINES

Google Scripts Examples by Google Developers Experts

https://sites.google.com/site/scriptsexamples/

• Add-ons for Google Apps
  • Yet another mail merge
  • Google Form Publisher: Generate Gogle Docs or Sheets from a selected template for each form submission - https://sites.google.com/site/scriptsexamples/available-web-apps/form-publisher
  • event manager
  • add-ons for awesome tables
  • add reminders for google sheets
  • microsoft office connector to google drive
• Tools for Google Sites
  • Awesome Table
  • Slideshow Maker
  • Slider Gadget
  • Responsive Youtube video player
  • Sites Catalog
  • Subscribe to changes for sites viewers
  • Google Sites Release Notes
• Web Apps
• Examples and Libraries

Google Site Designer

• http://www.webmusking.com/google-site-design
  • Google Site Design
  • Google Site Template Developer
  • Google Site Custom Design
  • Google Site Re-Design
  • Google Site Development and Configuration
  • Intranet Site Development
  • Slider and Animation

Steegle: Google Sites and Cloud Specialists

1. Google Apps
   1. Why Use Google Apps
   2. What is Google Apps
   3. Google Apps for Work and Office 365 for Business Comparison
   4. Google Apps Services with Pricing
   5. Training and Support
   6. Case Studies
   7. Buy Google Apps Licenses
2. Productivity
   1. Productivity Extensions for Google Apps
   2. Wrike: All-in-one Project Management and Collaboration
3. Websites
   1. Google Website Designs
   2. Templates and Templates+
   3. Case Studies
   4. Pricing
4. Intranets
   1. Intranet Designs
   2. Dashboard Examples
   3. Gadgets and Scripts
   4. Case Studies
   5. Pricing
5. Knowledgeable
   1. Google Software Products
   2. Google Hardware
6. Blog
7. Websites <THIS SECTION IS NOT FOUND ON THEIR NAVIGATION> - Our Portfolio of websites and webpages steegle.com has developed, mentioning features available and development used
   1. Google Sites Help
      1. FAQ
      2. SEO Help
      3. Google Sites Help News
      4. Setup Help
   2. Google Sites Help How-tos
      1. 70 Pages http://www.steegle.com/websites/google-sites-help

Guides for Web Development

Images Formats, Size and Dimensions

• 10 Must Know Image Optimization Tips - https://www.shopify.com/blog/7412852-10-must-know-image-optimization-tips
• Image types and usage in Web Design - http://webdesign.tutsplus.com/articles/image-types-and-usage-in-web-design--webdesign-1298
• Image Formats - http://www.shallowsky.com/linux/imageformats.html

Creating Tables

• How to Center tables - https://productforums.google.com/forum/#!topic/sites/ukLKV4RzxOs

Creating gadgets

• Steps to creating a Gadget
  • Step 1 -> Create a xml file. Use a sample blank one here
  • Step 2 -> Add in the java script etc
  • Step 3 -> Host the XML file. I upload into a file cabinet in Google Sites itself. Be sure to have a public site. < Google Drive stopped this service in Aug 2016. I can't get facebook to work>
  • Step 4 -> Insert Gadget, from URL (right click download from file cabinet)
• Gadget for Pinterest
  • http://gadgets.k8oms.net/test#TOC-Pinterest-Board
  • http://westwoodva.com/blog/adding-pinterest-widget/

• http://www.steegle.com/websites/google-sites-howtos/horizontal-navigation-drop-down-menus