How to do More with Google Sites and use Advanced embed features!
595,989
Published 2018-03-10
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: sites.google.com/view/slideshowdemoflipped/home
W3 Website with Bootstrap examples: www.w3schools.com/bootstrap/default.asp
Androidify to create the avatar: androidify.com/
Great images, Creative Commons 0: www.pexels.com/
My Google Sites Playlist with more tips and tricks:
• How to turn your NEW Google Sites int...
🔴 Don't forget to SUBSCRIBE today for more videos!
bit.ly/FlippedYT
🔴 AFFILIATE LINKS:
How I make my videos: Techsmith Camtasia and Snagit : bit.ly/FlippedTechsmith
Looking for a Host? www.bluehost.com/track/flippedclassroom/
✅ SUPPORT THE CHANNEL BY SHOPPING ON AMAZON:
www.amazon.com/?tag=flippedyt-20
✅ OR CHECK out MY PRE-SELECTED list of my ALL-TIME Favourite EDTECH TOOLS:
www.amazon.com/shop/flippedclassroomtutorials
🔴 Find me on SOCIAL MEDIA:
My Official EduFlip Website: eduflip.net/
Follow me on Twitter: twitter.com/sdcthailand
Find me on Facebook: bit.ly/FlippedFacebook
And on Google Plus: bit.ly/FlippedGooglePlus
🔴 get CLASSROOM RESOURCES today:
My TPT Store: www.teacherspayteachers.com/Store/Eduflip
My Educents Store: www.educents.com/eduflip
Eduflip Resources: www.eduflip.net/p/free-resources.html
✅ Work with us:
training.eduflip.net/
or SUPPORT THE CHANNEL through Patreon:
www.patreon.com/eduflip
All Comments (21)
-
Want to add a Comment section to your Google Sites? Check out my latest video: https://youtu.be/gkB0yivanZA
-
You are such a genuine person, you care about your viewer's time. I like that.
-
Holy crap! It's about time! This has been the most informative and helpful tutorial of advanced Google Sites operations I've ever come across. And I've been looking for a LONG time! Thank you! Massive thumbs up!
-
By far the simplest and most useful google sites advance tutorial I've watched (and I've watched many without getting anywhere!) Thank you so much! I knew what I wanted for my site but didn't know how to execute it. Thank you so much for this video! :)
-
Informative video; I've already made a carousel and a collapsible based on your instructions. I've always wanted to learn to create a carousel and now I can. Thank you!
-
This is gold. Thank you so much for this demo!
-
More please? More card animation rigging for a wink and a smile? You are a very good teacher. Thank you
-
My team is participating in creating a sites competition and this really helps! Your explanation is very clear too
-
all your tutorial is the best I never have seen anything like this on youtube before
-
Brilliant tutorial on VITAL G-Sites elements. And outstanding teaching skills. Thank you very much.
-
Brilliant - thanks for showing how to use the W3 website. I think I will be playing with that for a while!
-
Been watching Google Sites tutorials for a while. You're the first one I find that's not showing the first steps. All 4 things look great. My favourite is the collapsible.
-
Your video has opened a new door to a whole new world of google site. Thanks for the video. GBU
-
This is true value. People will pay for this content. Thanks
-
Thank you so much this is super helpful! And i'm finally happy with my progress. These are really gonna impress my lecturers lol
-
Awesome! Love the animated header!
-
Thanks so much, Sir !
-
card was my favourite. I want more of such videos
-
I can't thank you enough for this video! You have really helped me and my library out with this.
-
😇🙏🏽 sir, THANK YOU! I am genuinely and truly appreciative for your work. This was just perfectly done, even I can understand it😂 I am really grateful. Do more of these tutorials for us.🙏🏽🇿🇦
