How to do More with Google Sites and use Advanced embed features!

March 10, 2018

Search my video
Description

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: https://sites.google.com/view/slideshowdemoflipped/home
W3 Website with Bootstrap examples: https://www.w3schools.com/bootstrap/default.asp

Androidify to create the avatar: https://androidify.com/
Great images, Creative Commons 0: https://www.pexels.com/

My Google Sites Playlist with more tips and tricks:
https://www.youtube.com/watch?v=Aflbbvw25xA&list=PLwXXOxvDboeZ5C9XI0gU_Wed3yzlfYf0m

🔴 Don't forget to SUBSCRIBE today for more videos!
http://bit.ly/FlippedYT

🔴 AFFILIATE LINKS:
How I make my videos: Techsmith Camtasia and Snagit : http://bit.ly/FlippedTechsmith

Looking for a Host? www.bluehost.com/track/flippedclassroom/

✅ SUPPORT THE CHANNEL BY SHOPPING ON AMAZON:
https://www.amazon.com/?tag=flippedyt-20

✅ OR CHECK out MY PRE-SELECTED list of my ALL-TIME Favourite EDTECH TOOLS:
https://www.amazon.com/shop/flippedclassroomtutorials

🔴 Find me on SOCIAL MEDIA:
My Official EduFlip Website: http://eduflip.net
Follow me on Twitter: https://twitter.com/sdcthailand
Find me on Facebook: http://bit.ly/FlippedFacebook
And on Google Plus: http://bit.ly/FlippedGooglePlus

🔴 get CLASSROOM RESOURCES today:
My TPT Store: https://www.teacherspayteachers.com/Store/Eduflip
My Educents Store: https://www.educents.com/eduflip
Eduflip Resources: http://www.eduflip.net/p/free-resources.html

✅ Work with us:
http://training.eduflip.net

or SUPPORT THE CHANNEL through Patreon:
https://www.patreon.com/eduflip

source

Add material design cards to your google sites Advanced tips and trick for Google Sites Eduflip eduflip.net Google Apps Power tips Google sites tips and tricks Google Sites Tutorials 2018 GSuite for Education How to add a slideshow to Google Sites How to create a professional Website on Google Sites How to embed a slideshow in Google Sites How to embed in Google Sites How to use a collapse button on Google Sites Making cards on Google Sites Teaching with Tech

59:20

Getting Started with Sculpting – ZBrush for Beginners Tutorial

FlippedNormals

February 28, 2018

20:14

Ultimate SolidWorks Tutorial for Absolute Beginners- Step-By-Step

SolidWorksTutorials With Ryan

July 1, 2018

About The Author

Flipped Classroom Tutorials

You Might Be Interested In

Learn SOLIDWORKS – 60 Tips in 60 Minutes 2020