How to do More with Google Sites and use Advanced embed features!
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: sites.google.com/view/slidesh...
W3 Website with Bootstrap examples: www.w3schools.com/bootstrap/d...
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 G...
🔴 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/flippedcl...
🔴 Find me on SOCIAL MEDIA:
My Official EduFlip Website: eduflip.net
Follow me on Twitter: / 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/S...
My Educents Store: www.educents.com/eduflip
Eduflip Resources: www.eduflip.net/p/free-resourc...
✅ Work with us:
training.eduflip.net
or SUPPORT THE CHANNEL through Patreon:
/ eduflip
Пікірлер: 698
Want to add a Comment section to your Google Sites? Check out my latest video: kzread.info/dash/bejne/mZ92ktuipsTUiqQ.html
@k8shphd
6 жыл бұрын
Can you teach us non-coders how to make any embedded s responsive on Google Sites? Your channel and videos are excellent! A++++++
@hellmaker24
5 жыл бұрын
Thank you for making these awesome videos. Is it possible to embed a Google spreadsheet in my Google site with all the features still available (filters, images and formulas), please advise. Thanks again!!
@iman-klt
5 жыл бұрын
Great vids.. love the show :)
@taranidhikafley3779
4 жыл бұрын
How can I create a quiz form in google sites
@niftycodersk
3 жыл бұрын
@@taranidhikafley3779 make a Google form and go to sites And click on forms. Select from Google drive. Resize it
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!
@FlippedClassroomTutorials
5 жыл бұрын
Thank you! Really happy you found it helpful. I'm always trying to create content people can use, hopefully you find more helpful tips and tricks on the channel!
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! :)
@newspapereconomy5943
4 жыл бұрын
Sakshi Rao what did you made miss
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!
More please? More card animation rigging for a wink and a smile? You are a very good teacher. Thank you
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.
@FlippedClassroomTutorials
2 жыл бұрын
Great to hear that!
This is gold. Thank you so much for this demo!
all your tutorial is the best I never have seen anything like this on youtube before
I can't thank you enough for this video! You have really helped me and my library out with this.
Brilliant tutorial on VITAL G-Sites elements. And outstanding teaching skills. Thank you very much.
My team is participating in creating a sites competition and this really helps! Your explanation is very clear too
Brilliant! Excellent production and explanation...very calm and confident!
@FlippedClassroomTutorials
5 жыл бұрын
+144Donn Thank you. Glad you enjoyed it.
This is true value. People will pay for this content. Thanks
@FlippedClassroomTutorials
4 жыл бұрын
Thanks! Appreciate that.
😇🙏🏽 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.🙏🏽🇿🇦
Awesome! Love the animated header!
Thank you so much this is super helpful! And i'm finally happy with my progress. These are really gonna impress my lecturers lol
card was my favourite. I want more of such videos
The carousel is a game changer & exactly what I need to step up my portfolio
Man! you be a grate helper with this introduction to the advanced features on google sites, Thanks you
Thank you very much for this video! you are amazing!
Your video has opened a new door to a whole new world of google site. Thanks for the video. GBU
Thank you for an amazing tutorial. I'm definitely subscribing.
@FlippedClassroomTutorials
6 жыл бұрын
Great to hear that! Welcome to the community!
Thank you! Very helpful video!
Awesome! Also, thank you for the gallery!
Totally revolutionized my site! Thank you so much!
Thank you very much! Excellent tips!!! My favourite from today was slide show
@FlippedClassroomTutorials
6 жыл бұрын
Great to hear you found it helpful. Thank you for joining the discussion!
Best tutorial. Good work. Perfect!
Simple amazing!! Thanks, thanks and thanks
Loved your video, it was very informative, and easy to follow. Thanks for sharing.
@FlippedClassroomTutorials
5 жыл бұрын
You're welcome. Glad you found it helpful!
Ooohh Fantastic! Thanks for the advanced tips. The tutorial is as good as the links you suggest visisting!
@FlippedClassroomTutorials
3 жыл бұрын
Thank you!
Thanks in a million. Great content. Awesome.
Many thanks, your videos are excellent. I can not explain how I enjoyed watching this video. Helped me a lot ;)
Absolutely Helpful !!! Thank You
Thanks for this video. Make more tutorials like this...😁😁
I'm so glad I find your channel. Love this video. Good work!
@FlippedClassroomTutorials
6 жыл бұрын
Thank you appreciate the comment!
so many videos leave someone hanging. ...this one was helpful.
Thanks so much, Sir !
thanks as a project I need to create a website you helped me al ot I even saw your 10 tips for making a website using google slides keep making videos and I subscribed you
Thank you. I'm very new to Google sites and this is very helpful.
@FlippedClassroomTutorials
5 жыл бұрын
Great to hear that!
Thanks very much for this tutorial. It's very helpful.
@FlippedClassroomTutorials
3 күн бұрын
You're welcome! Glad you found it helpful
Thank you for sharing. Lots of useful information.
@FlippedClassroomTutorials
5 жыл бұрын
Thank you. Appreciate the feedback.
Hi Sethi Thank you for this video tutorial, it's plain, simple & straight forward. You teach, using video medium extremely well. I'm very grateful for the service you give. I will certainly subscribe to your channel. (& give it a thumbs up) Thanks again.
@FlippedClassroomTutorials
6 жыл бұрын
You're welcome. Thank you for your feedback and comment. Really appreciate it!
Thank you very much for this tutorial! Your explanation was well-articulated and planned, and very easy to follow. I have made an accordion plus even learned how to tweak it so it is more than 3 panels! One question though, is it possible to make the automatic slideshow slide faster than 5 secs (which is what I believe it is set to)? Thanks so much!
Thank you very clear and concise video, slideshow is my favourite
@FlippedClassroomTutorials
5 жыл бұрын
Great to hear you found it helpful. I agree, slideshows are a great tool to use!
Thank you for the wonderful video.
@FlippedClassroomTutorials
2 жыл бұрын
Thank you for leaving a comment. Glad you like it
Excellent training Sir, Thanks a lot, Good work
@FlippedClassroomTutorials
6 жыл бұрын
You're welcome. Thank you for taking the time to leave a comment and letting me know!
Thanks a lot. I’ll use the cards and the slideshow.
@stevegiddens3687
6 жыл бұрын
Miguel Angel Miñana What will you be using the cards for?
All amazing !!
Great Tutorial! Appreciate the work that you put into these vids- Can you tell us where you got your .gif for the waterfall?
Thank you for this useful video. waiting for your next video on this topic.
@FlippedClassroomTutorials
6 жыл бұрын
Thank you. I appreciate you leaving a comment.
Very helpful, thank you.
You are wonderful! Thanks a lot.
@FlippedClassroomTutorials
5 жыл бұрын
Thank you! It's always great to read comments like this. Happy you found the video helpful.
Amazing Video Thank you very much for share ...
Amazing video, thank you
Amazing video, thank you, thank you, thank you...
Congrats and thank you very for that such a good tutorial.
@FlippedClassroomTutorials
6 жыл бұрын
Thank you!
Most of what you cover is now native, could you update this tutorial with some new tips? I’d love it! You got my subscription!!
Great tutorial.
Thanks a Lot....helped me
amazing video! Really helpful
Bravo all cuba follow your videos since we do not have access to international forms of payment for hosting or domains and we use this tool for our web pages here you are is more famous than che guevara greetings from cuba very good tutorial
Greats Advance Google Site Tutorial. My point' Bootstrap embedding Code. Thank You.
@FlippedClassroomTutorials
4 жыл бұрын
You're welcome! Glad you liked it!
As a non-coding armature - this is the best tutorial I have ever followed - thank you. Can you recommend a tutor to help me develop my current project - obviously on fee.
This is great! Thanks so much, from New Zealand :-)
@FlippedClassroomTutorials
6 жыл бұрын
You're welcome! Glad you liked it! Great to see people from all over the world in this community! Welcome!
This is ABSOLUTELY THE BEST tutorial for Google Sites!
@FlippedClassroomTutorials
5 жыл бұрын
Thanks! Appreciate that!!
Love it!❤️😍
💯 ⭐️Thanks for everything you’re the best one for teaching how to use Google tools I love everything what you’re doing man I really love it thank you again💯⭐️
Thank you for the tutorial! One of the features was what I was looking for (collapsible buttons). I'd like to change the color of the text in the box, not the header. I've played with trying to over-ride the CSS but was unsuccessful. Do you have a suggestion?
Amazinggg!! I appreciate your efforts and I'm waiting for more videos on advanced tips and tricks about google sites for suree✨
@FlippedClassroomTutorials
10 ай бұрын
That's great to hear. Appreciate your feedback!
thank you for your help ❤
@FlippedClassroomTutorials
Жыл бұрын
Happy to help!
Fantastic Tutorial ! Found something so useful after a long time. Kudos for your effort.
Thank you sir!
@FlippedClassroomTutorials
3 жыл бұрын
You're welcome
It was a very good video from you, we will appriciate if you discover more tricks. :)
Thanks, please make more google sites tutorials.
this guy is the GOAT
amazing! Very helpful vid :)
Hey teacher! This is nicely done, very well explained! Thank you for your time, it is very apreciated!
@FlippedClassroomTutorials
6 жыл бұрын
No problem! Glad you find it helpful!
@vincentgadget9692
6 жыл бұрын
Yes very liked the animated header and the Bootstrap section!
Thank you so much. Great video and tutorial, easy to follow and straight to the point.
@FlippedClassroomTutorials
4 жыл бұрын
Thank you. Appreciate those kind words.
Thank you Sir👍✔
This is truly amazing video 🙏🙏🙏 You leave me wanting more info!
Awesome, thanks man.
@FlippedClassroomTutorials
5 жыл бұрын
Glad you found it useful!
Very helpful and at a great speed.One question I have is how did you embed the link for your card gif? I selected a gif I want to use but it keeps coming up error. Thanks!
Excellent, congratulations
@FlippedClassroomTutorials
6 жыл бұрын
Thanks. Glad you liked it!
Awesome tutorial - thank you for putting it together. When testing out the carousel on my google site, the images ended up having too much height and not fitting into the resizing that I'd like the size to be. Is this due to the original resolution and size of the downloaded image, or, the css that's being brought in by bootstrap? Would the solution be to resize any images to what I'd like them to be prior to linking them in the code? TY!
Great help
Hi, this is very interesting but I miss one feature I liked from the old version of Google sites and that is the indice of a page or, at least, I haven't found it. It looks like the embeded feature is easier because in the old version it is impossible to embed things that are not from Google and see them properly.
Excellent! Are you going to post a complete tutorial on how to create a school intranet with different access permissions to Faculty / Staff / Admins? Thanks!
Hi Seth, very helpful video thank you. Am now wondering if it is possible to include mp3 files as part of a collapsible insert? Would love to know if this is possible (or not). Otherwise do you have a suggestion of how to include many podcasts without having such a long page? Thanks, Victoria
An awesome video with simple and effective presentation.Can you please make a video on Combobox
I liked the animated header.
Sir, you are legit! Thank you for your well crafted tutorial. I’ve scrolled through the comments to see if the question I have has already been asked. I might’ve missed it, but I don’t think I saw anything about how to simply customize font type/color in text boxes. Can you help?
Tnx dud very helpful.
Thank you for the tutorial. I couldn't get the my Google drive image to work. The new link share came out differently from how it is in this tutorial. Any idea on how to achieve this now?
This is great! Do you have any suggestions for a complete beginner? Maybe a website with tutorials?
Excellent!
@FlippedClassroomTutorials
6 жыл бұрын
Thank you.
Thank you! You are pretty good!
@FlippedClassroomTutorials
4 жыл бұрын
Thank you
Thanks Seth, this content is simple amazing! Cheers from Brazil! What about 5 years futher, any change that you should say to do? Thanks again for the help!
Great. Thanks for share. !
@FlippedClassroomTutorials
5 жыл бұрын
No problem! Would love to hear/see what you are using the tricks for!