Do more with Google Sites and become a power user today! Embed slideshows or carousels, Cards, Foldables, collapsible and many more features today with these tips and tricks! This video is a full tutorial of how you can do it!
Impress your students, coworkers and friends with a sleak design and professional looking Google Sites. No longer does the limitation of Google Sites have to mean a basic website. Click on the timestamps to find relevant sessions of the video.
Timestamps of the Tutorial:
0:13 Introducing the Examples
1:30 Create a blank Google Sites
2:30 Overview of W3 Schools and Bootstrap
3:12 Create a new Page on Google Sites
3:25 Animated Headers for Google Sites
4:14 Adding a slideshow or Carousel to Google Sites
6:42 Indicators for the Slideshow
6:57 Insert your own images for the slideshow
7:30 Find royalty free or CC0 Photos to use.
8:13 Sharing settings of your images on Drive
8:50 Change the URL to create a hosted Image
10:46 Navigation buttons for the Slideshow
11:10 insert the slideshow onto Google Sites
12:30 insert a collapsible or fold effect
13:50 Tweak the collapsible code
14:15 insert the fold/collapsible onto a Google Sites
15:13 Create Custom Cards
16:15 Change the font of the card
16:55 Material design styled shadow effect for the card
17:15 Hover over effect for the card
19:05 Review and thank you for watching
Links used in the Video
Demo Website with links and code: [ Ссылка ]
W3 Website with Bootstrap examples: [ Ссылка ]
Androidify to create the avatar: [ Ссылка ]
Great images, Creative Commons 0: [ Ссылка ]
My Google Sites Playlist with more tips and tricks:
[ Ссылка ]
🔴 Don't forget to SUBSCRIBE today for more videos!
[ Ссылка ]
🔴 AFFILIATE LINKS:
How I make my videos: Techsmith Camtasia and Snagit : [ Ссылка ]
Looking for a Host? www.bluehost.com/track/flippedclassroom/
✅ SUPPORT THE CHANNEL BY SHOPPING ON AMAZON:
[ Ссылка ]
✅ OR CHECK out MY PRE-SELECTED list of my ALL-TIME Favourite EDTECH TOOLS:
[ Ссылка ]
🔴 Find me on SOCIAL MEDIA:
My Official EduFlip Website: [ Ссылка ]
Follow me on Twitter: [ Ссылка ]
Find me on Facebook: [ Ссылка ]
And on Google Plus: [ Ссылка ]
🔴 get CLASSROOM RESOURCES today:
My TPT Store: [ Ссылка ]
My Educents Store: [ Ссылка ]
Eduflip Resources: [ Ссылка ]
✅ Work with us:
[ Ссылка ]
or SUPPORT THE CHANNEL through Patreon:
[ Ссылка ]
How to do More with Google Sites and use Advanced embed features!
Теги
EduflipTeaching with Techeduflip.netAdvanced tips and trick for Google SitesHow to add a slideshow to Google SitesHow to embed a slideshow in Google SitesHow to use a collapse button on Google SitesHow to embed in Google SitesHow to create a professional Website on Google SitesGoogle Sites Tutorials 2018Google Sites tips and tricksMaking cards on Google SitesAdd material design cards to your google sitesGSuite for EducationGoogle Apps Power tips