Download - Pimp My Site: Customization Options for Google Sites

Google Confidential and Proprietary

Pimp My Site: Customizing Google Sites

Jonathan WylieTechnology Consultant

Grant Wood AEA

Google Apps for Education Certified Trainer

Web: http://jonathanwylie.comEmail: [email protected]: @jonathanwylie

Google+: +Jonathan Wylie

Jonathan Wylie - Grant Wood AEA Twitter: @jonathanwylieGoogle+: +Jonathan Wylie

The World’s First Website (c.1991)

http://goo.gl/ZGCAf

http://twitter.com/jonathanwylie

http://goo.gl/ZGCAf

http://goo.gl/ZGCAf


Home Sweet Home

● Hide the Home label on your home page. It should be obvious to visitors that they are already Home!

● More > Page Settings > Uncheck Show Page Title.



No Logos Here

● You can remove the school's Google Apps logo from the header. Go to More > Edit Site Layout > Click on the logo > Select No Logo > OK



No Comment

● Remove the comment box and/or attachment links at the bottom of a page Go to More > Page Settings > Uncheck Allow Comments AND Allow Attachments



Remove the Search Bar

● If your site is well organized, you don't need the search bar. Remove it by going to More > Manage Site > Configure Search > Uncheck Enable Search > OK



Add a Custom Footer

● Want to add a disclaimer, contact details, or school policy to the bottom of every page? More > Edit Site Layout > Custom Footer



Lose the Links

● You can’t hide them all, but you can get rid of some of Google’s links at the bottom of your site. More > Edit Site Layout > Click on the links in the footer



Caution: Wide Load!

● Make your Google Site look the same on all monitors by fixing the width.

● More > Edit Site Layout > Custom > Enter a number like 960px > Enter > Close



Align Horizontal Navigation

● Google recently added the ability to align pages in horizontal navigation to the left, right or centre. More > Manage Site > Themes, Colors & Fonts > Horizontal Navigation > Layout > Alignment



Favicons: Everyone’s Favorite!


http://www.youtube.com/watch?v=zgWB_WFU7ME


The New Themes, Colors & Fonts

● Google has changed the Colors & Fonts menu, added Themes and renamed it Themes, Colors & Fonts. Use this to customize many more things.



Google Themes Get Better

● The stock Google Sites themes are not known for their style, but a new theme called Ski is a big improvement



Adobe Kuler - Palette Picker

http://kuler.adobe.com/explore





Eye Dropper Extension for Chrome

http://goo.gl/R9dsA

● Use the Eye Dropper tool for Chrome to sample any color you find on the web and use it on your Google Site


http://goo.gl/R9dsA

http://goo.gl/R9dsA


Colored Backgrounds

● Change the background color of your site. More > Manage Site > Themes, Colors & Fonts > Background > Color



Textured Backgrounds

● 30 Free Seamless Background Textures● Add a textured background to your site. More > Manage

Site > Themes, Colors & Fonts > Background > Image > Select Image > Options > Repeat Horizontal and Vertical


http://lostandtaken.com/blog/2012/1/4/30-free-seamless-background-textures.html

http://lostandtaken.com/blog/2012/1/4/30-free-seamless-background-textures.html


Custom Headers



How to Make Custom Headers


http://www.youtube.com/watch?v=e3FXBzvTfkE


Add Stylish Sliders!

● Ever wished for a stylish slider on your Google Sites homepage? See this tutorial from Steegle.com

http://goo.gl/ThsPn


http://goo.gl/ThsPn

http://goo.gl/ThsPn


Remember the Template Gallery

● Try customizing a template from the template gallery, or backwards engineering some ideas for a site of your own.


Google Confidential and Proprietary

Pimp My Site: Customizing Google Sites

Jonathan WylieTechnology Consultant

Grant Wood AEA

Google Apps for Education Certified Trainer

Web: http://jonathanwylie.comEmail: [email protected]: @jonathanwylie

Google+: +Jonathan Wylie

Download - Pimp My Site: Customization Options for Google Sites

Top Related