Pimp My Site: Customization Options for Google Sites
-
Upload
jonathanwylie -
Category
Education
-
view
11.142 -
download
4
description
Transcript of Pimp My Site: Customization Options for Google Sites
![Page 1: Pimp My Site: Customization Options for Google Sites](https://reader033.fdocuments.us/reader033/viewer/2022052821/5549ab43b4c905fa728b54bd/html5/thumbnails/1.jpg)
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
![Page 2: Pimp My Site: Customization Options for Google Sites](https://reader033.fdocuments.us/reader033/viewer/2022052821/5549ab43b4c905fa728b54bd/html5/thumbnails/2.jpg)
Jonathan Wylie - Grant Wood AEA Twitter: @jonathanwylieGoogle+: +Jonathan Wylie
The World’s First Website (c.1991)
http://goo.gl/ZGCAf
![Page 3: Pimp My Site: Customization Options for Google Sites](https://reader033.fdocuments.us/reader033/viewer/2022052821/5549ab43b4c905fa728b54bd/html5/thumbnails/3.jpg)
Jonathan Wylie - Grant Wood AEA Twitter: @jonathanwylieGoogle+: +Jonathan Wylie
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.
![Page 4: Pimp My Site: Customization Options for Google Sites](https://reader033.fdocuments.us/reader033/viewer/2022052821/5549ab43b4c905fa728b54bd/html5/thumbnails/4.jpg)
Jonathan Wylie - Grant Wood AEA Twitter: @jonathanwylieGoogle+: +Jonathan Wylie
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
![Page 5: Pimp My Site: Customization Options for Google Sites](https://reader033.fdocuments.us/reader033/viewer/2022052821/5549ab43b4c905fa728b54bd/html5/thumbnails/5.jpg)
Jonathan Wylie - Grant Wood AEA Twitter: @jonathanwylieGoogle+: +Jonathan Wylie
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
![Page 6: Pimp My Site: Customization Options for Google Sites](https://reader033.fdocuments.us/reader033/viewer/2022052821/5549ab43b4c905fa728b54bd/html5/thumbnails/6.jpg)
Jonathan Wylie - Grant Wood AEA Twitter: @jonathanwylieGoogle+: +Jonathan Wylie
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
![Page 7: Pimp My Site: Customization Options for Google Sites](https://reader033.fdocuments.us/reader033/viewer/2022052821/5549ab43b4c905fa728b54bd/html5/thumbnails/7.jpg)
Jonathan Wylie - Grant Wood AEA Twitter: @jonathanwylieGoogle+: +Jonathan Wylie
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
![Page 8: Pimp My Site: Customization Options for Google Sites](https://reader033.fdocuments.us/reader033/viewer/2022052821/5549ab43b4c905fa728b54bd/html5/thumbnails/8.jpg)
Jonathan Wylie - Grant Wood AEA Twitter: @jonathanwylieGoogle+: +Jonathan Wylie
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
![Page 9: Pimp My Site: Customization Options for Google Sites](https://reader033.fdocuments.us/reader033/viewer/2022052821/5549ab43b4c905fa728b54bd/html5/thumbnails/9.jpg)
Jonathan Wylie - Grant Wood AEA Twitter: @jonathanwylieGoogle+: +Jonathan Wylie
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
![Page 10: Pimp My Site: Customization Options for Google Sites](https://reader033.fdocuments.us/reader033/viewer/2022052821/5549ab43b4c905fa728b54bd/html5/thumbnails/10.jpg)
Jonathan Wylie - Grant Wood AEA Twitter: @jonathanwylieGoogle+: +Jonathan Wylie
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
![Page 11: Pimp My Site: Customization Options for Google Sites](https://reader033.fdocuments.us/reader033/viewer/2022052821/5549ab43b4c905fa728b54bd/html5/thumbnails/11.jpg)
Jonathan Wylie - Grant Wood AEA Twitter: @jonathanwylieGoogle+: +Jonathan Wylie
Favicons: Everyone’s Favorite!
![Page 12: Pimp My Site: Customization Options for Google Sites](https://reader033.fdocuments.us/reader033/viewer/2022052821/5549ab43b4c905fa728b54bd/html5/thumbnails/12.jpg)
Jonathan Wylie - Grant Wood AEA Twitter: @jonathanwylieGoogle+: +Jonathan Wylie
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.
![Page 13: Pimp My Site: Customization Options for Google Sites](https://reader033.fdocuments.us/reader033/viewer/2022052821/5549ab43b4c905fa728b54bd/html5/thumbnails/13.jpg)
Jonathan Wylie - Grant Wood AEA Twitter: @jonathanwylieGoogle+: +Jonathan Wylie
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
![Page 14: Pimp My Site: Customization Options for Google Sites](https://reader033.fdocuments.us/reader033/viewer/2022052821/5549ab43b4c905fa728b54bd/html5/thumbnails/14.jpg)
Jonathan Wylie - Grant Wood AEA Twitter: @jonathanwylieGoogle+: +Jonathan Wylie
Adobe Kuler - Palette Picker
http://kuler.adobe.com/explore
![Page 15: Pimp My Site: Customization Options for Google Sites](https://reader033.fdocuments.us/reader033/viewer/2022052821/5549ab43b4c905fa728b54bd/html5/thumbnails/15.jpg)
Jonathan Wylie - Grant Wood AEA Twitter: @jonathanwylieGoogle+: +Jonathan Wylie
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
![Page 16: Pimp My Site: Customization Options for Google Sites](https://reader033.fdocuments.us/reader033/viewer/2022052821/5549ab43b4c905fa728b54bd/html5/thumbnails/16.jpg)
Jonathan Wylie - Grant Wood AEA Twitter: @jonathanwylieGoogle+: +Jonathan Wylie
Colored Backgrounds
● Change the background color of your site. More > Manage Site > Themes, Colors & Fonts > Background > Color
![Page 17: Pimp My Site: Customization Options for Google Sites](https://reader033.fdocuments.us/reader033/viewer/2022052821/5549ab43b4c905fa728b54bd/html5/thumbnails/17.jpg)
Jonathan Wylie - Grant Wood AEA Twitter: @jonathanwylieGoogle+: +Jonathan Wylie
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
![Page 18: Pimp My Site: Customization Options for Google Sites](https://reader033.fdocuments.us/reader033/viewer/2022052821/5549ab43b4c905fa728b54bd/html5/thumbnails/18.jpg)
Jonathan Wylie - Grant Wood AEA Twitter: @jonathanwylieGoogle+: +Jonathan Wylie
Custom Headers
![Page 19: Pimp My Site: Customization Options for Google Sites](https://reader033.fdocuments.us/reader033/viewer/2022052821/5549ab43b4c905fa728b54bd/html5/thumbnails/19.jpg)
Jonathan Wylie - Grant Wood AEA Twitter: @jonathanwylieGoogle+: +Jonathan Wylie
How to Make Custom Headers
![Page 20: Pimp My Site: Customization Options for Google Sites](https://reader033.fdocuments.us/reader033/viewer/2022052821/5549ab43b4c905fa728b54bd/html5/thumbnails/20.jpg)
Jonathan Wylie - Grant Wood AEA Twitter: @jonathanwylieGoogle+: +Jonathan Wylie
Add Stylish Sliders!
● Ever wished for a stylish slider on your Google Sites homepage? See this tutorial from Steegle.com
http://goo.gl/ThsPn
![Page 21: Pimp My Site: Customization Options for Google Sites](https://reader033.fdocuments.us/reader033/viewer/2022052821/5549ab43b4c905fa728b54bd/html5/thumbnails/21.jpg)
Jonathan Wylie - Grant Wood AEA Twitter: @jonathanwylieGoogle+: +Jonathan Wylie
Remember the Template Gallery
● Try customizing a template from the template gallery, or backwards engineering some ideas for a site of your own.
![Page 22: Pimp My Site: Customization Options for Google Sites](https://reader033.fdocuments.us/reader033/viewer/2022052821/5549ab43b4c905fa728b54bd/html5/thumbnails/22.jpg)
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