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

  • @FlippedClassroomTutorials
    @FlippedClassroomTutorials6 жыл бұрын

    Want to add a Comment section to your Google Sites? Check out my latest video: kzread.info/dash/bejne/mZ92ktuipsTUiqQ.html

  • @k8shphd

    @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

    @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

    @iman-klt

    5 жыл бұрын

    Great vids.. love the show :)

  • @taranidhikafley3779

    @taranidhikafley3779

    4 жыл бұрын

    How can I create a quiz form in google sites

  • @niftycodersk

    @niftycodersk

    3 жыл бұрын

    @@taranidhikafley3779 make a Google form and go to sites And click on forms. Select from Google drive. Resize it

  • @varshamehralive
    @varshamehralive2 жыл бұрын

    You are such a genuine person, you care about your viewer's time. I like that.

  • @DoItProjects
    @DoItProjects6 жыл бұрын

    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

    @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!

  • @sakshirao2656
    @sakshirao26565 жыл бұрын

    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

    @newspapereconomy5943

    4 жыл бұрын

    Sakshi Rao what did you made miss

  • @mrs.d.meyers3326
    @mrs.d.meyers33266 жыл бұрын

    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!

  • @rivergrrrl1256
    @rivergrrrl12564 жыл бұрын

    More please? More card animation rigging for a wink and a smile? You are a very good teacher. Thank you

  • @lafamillecarrington
    @lafamillecarrington3 жыл бұрын

    Brilliant - thanks for showing how to use the W3 website. I think I will be playing with that for a while!

  • @MarcCastellsBallesta
    @MarcCastellsBallesta2 жыл бұрын

    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

    @FlippedClassroomTutorials

    2 жыл бұрын

    Great to hear that!

  • @yz4524
    @yz4524 Жыл бұрын

    This is gold. Thank you so much for this demo!

  • @goat-bd9xr
    @goat-bd9xr3 жыл бұрын

    all your tutorial is the best I never have seen anything like this on youtube before

  • @arminheurich5806
    @arminheurich58065 жыл бұрын

    I can't thank you enough for this video! You have really helped me and my library out with this.

  • @ChristinaMitchell-USA
    @ChristinaMitchell-USA6 жыл бұрын

    Brilliant tutorial on VITAL G-Sites elements. And outstanding teaching skills. Thank you very much.

  • @maikun8730
    @maikun87303 жыл бұрын

    My team is participating in creating a sites competition and this really helps! Your explanation is very clear too

  • @144Donn
    @144Donn5 жыл бұрын

    Brilliant! Excellent production and explanation...very calm and confident!

  • @FlippedClassroomTutorials

    @FlippedClassroomTutorials

    5 жыл бұрын

    +144Donn Thank you. Glad you enjoyed it.

  • @dougfebruary6098
    @dougfebruary60984 жыл бұрын

    This is true value. People will pay for this content. Thanks

  • @FlippedClassroomTutorials

    @FlippedClassroomTutorials

    4 жыл бұрын

    Thanks! Appreciate that.

  • @MoTee1
    @MoTee1 Жыл бұрын

    😇🙏🏽 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.🙏🏽🇿🇦

  • @kurtnilsson8098
    @kurtnilsson80986 жыл бұрын

    Awesome! Love the animated header!

  • @superhans7989
    @superhans79894 жыл бұрын

    Thank you so much this is super helpful! And i'm finally happy with my progress. These are really gonna impress my lecturers lol

  • @ayushbhardwas
    @ayushbhardwas4 жыл бұрын

    card was my favourite. I want more of such videos

  • @mistyday
    @mistyday8 ай бұрын

    The carousel is a game changer & exactly what I need to step up my portfolio

  • @ekciveh
    @ekciveh5 жыл бұрын

    Man! you be a grate helper with this introduction to the advanced features on google sites, Thanks you

  • @NachoPrueba
    @NachoPrueba5 жыл бұрын

    Thank you very much for this video! you are amazing!

  • @Rajiv4U
    @Rajiv4U4 жыл бұрын

    Your video has opened a new door to a whole new world of google site. Thanks for the video. GBU

  • @tankigamingwithrichardrock9930
    @tankigamingwithrichardrock99306 жыл бұрын

    Thank you for an amazing tutorial. I'm definitely subscribing.

  • @FlippedClassroomTutorials

    @FlippedClassroomTutorials

    6 жыл бұрын

    Great to hear that! Welcome to the community!

  • @myuplnv4933
    @myuplnv49335 жыл бұрын

    Thank you! Very helpful video!

  • @truth3dart
    @truth3dart3 жыл бұрын

    Awesome! Also, thank you for the gallery!

  • @amberrizwan1745
    @amberrizwan17455 жыл бұрын

    Totally revolutionized my site! Thank you so much!

  • @paconro
    @paconro6 жыл бұрын

    Thank you very much! Excellent tips!!! My favourite from today was slide show

  • @FlippedClassroomTutorials

    @FlippedClassroomTutorials

    6 жыл бұрын

    Great to hear you found it helpful. Thank you for joining the discussion!

  • @simategeoffrey.s8923
    @simategeoffrey.s89234 жыл бұрын

    Best tutorial. Good work. Perfect!

  • @NachoPrueba
    @NachoPrueba5 жыл бұрын

    Simple amazing!! Thanks, thanks and thanks

  • @octaviocastaneda1087
    @octaviocastaneda10875 жыл бұрын

    Loved your video, it was very informative, and easy to follow. Thanks for sharing.

  • @FlippedClassroomTutorials

    @FlippedClassroomTutorials

    5 жыл бұрын

    You're welcome. Glad you found it helpful!

  • @ricardocornejo2213
    @ricardocornejo22133 жыл бұрын

    Ooohh Fantastic! Thanks for the advanced tips. The tutorial is as good as the links you suggest visisting!

  • @FlippedClassroomTutorials

    @FlippedClassroomTutorials

    3 жыл бұрын

    Thank you!

  • @johng5295
    @johng52953 жыл бұрын

    Thanks in a million. Great content. Awesome.

  • @ahmadnadi2957
    @ahmadnadi29574 жыл бұрын

    Many thanks, your videos are excellent. I can not explain how I enjoyed watching this video. Helped me a lot ;)

  • @WickyDavid
    @WickyDavid3 жыл бұрын

    Absolutely Helpful !!! Thank You

  • @surjitdasgupta5264
    @surjitdasgupta52645 жыл бұрын

    Thanks for this video. Make more tutorials like this...😁😁

  • @SweToffe
    @SweToffe6 жыл бұрын

    I'm so glad I find your channel. Love this video. Good work!

  • @FlippedClassroomTutorials

    @FlippedClassroomTutorials

    6 жыл бұрын

    Thank you appreciate the comment!

  • @sarahgrodio8933
    @sarahgrodio89332 жыл бұрын

    so many videos leave someone hanging. ...this one was helpful.

  • @duylocnguyen1856
    @duylocnguyen18563 жыл бұрын

    Thanks so much, Sir !

  • @iniyaakshika7521
    @iniyaakshika75213 жыл бұрын

    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

  • @thelink5271
    @thelink52715 жыл бұрын

    Thank you. I'm very new to Google sites and this is very helpful.

  • @FlippedClassroomTutorials

    @FlippedClassroomTutorials

    5 жыл бұрын

    Great to hear that!

  • @namtranle3108
    @namtranle310813 күн бұрын

    Thanks very much for this tutorial. It's very helpful.

  • @FlippedClassroomTutorials

    @FlippedClassroomTutorials

    3 күн бұрын

    You're welcome! Glad you found it helpful

  • @HeadstoneRestorer
    @HeadstoneRestorer5 жыл бұрын

    Thank you for sharing. Lots of useful information.

  • @FlippedClassroomTutorials

    @FlippedClassroomTutorials

    5 жыл бұрын

    Thank you. Appreciate the feedback.

  • @larrylloyd1643
    @larrylloyd16436 жыл бұрын

    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

    @FlippedClassroomTutorials

    6 жыл бұрын

    You're welcome. Thank you for your feedback and comment. Really appreciate it!

  • @rankupwithregina5809
    @rankupwithregina5809 Жыл бұрын

    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!

  • @charlesalphonse1502
    @charlesalphonse15025 жыл бұрын

    Thank you very clear and concise video, slideshow is my favourite

  • @FlippedClassroomTutorials

    @FlippedClassroomTutorials

    5 жыл бұрын

    Great to hear you found it helpful. I agree, slideshows are a great tool to use!

  • @mukundhachar303
    @mukundhachar3032 жыл бұрын

    Thank you for the wonderful video.

  • @FlippedClassroomTutorials

    @FlippedClassroomTutorials

    2 жыл бұрын

    Thank you for leaving a comment. Glad you like it

  • @Talhaiqbal100
    @Talhaiqbal1006 жыл бұрын

    Excellent training Sir, Thanks a lot, Good work

  • @FlippedClassroomTutorials

    @FlippedClassroomTutorials

    6 жыл бұрын

    You're welcome. Thank you for taking the time to leave a comment and letting me know!

  • 6 жыл бұрын

    Thanks a lot. I’ll use the cards and the slideshow.

  • @stevegiddens3687

    @stevegiddens3687

    6 жыл бұрын

    Miguel Angel Miñana What will you be using the cards for?

  • @mdesoukymansour1
    @mdesoukymansour13 жыл бұрын

    All amazing !!

  • @taylorhenderson8123
    @taylorhenderson81236 жыл бұрын

    Great Tutorial! Appreciate the work that you put into these vids- Can you tell us where you got your .gif for the waterfall?

  • @SuhasJaladi
    @SuhasJaladi6 жыл бұрын

    Thank you for this useful video. waiting for your next video on this topic.

  • @FlippedClassroomTutorials

    @FlippedClassroomTutorials

    6 жыл бұрын

    Thank you. I appreciate you leaving a comment.

  • @SamiraAlani
    @SamiraAlani4 жыл бұрын

    Very helpful, thank you.

  • @xmasterblue
    @xmasterblue5 жыл бұрын

    You are wonderful! Thanks a lot.

  • @FlippedClassroomTutorials

    @FlippedClassroomTutorials

    5 жыл бұрын

    Thank you! It's always great to read comments like this. Happy you found the video helpful.

  • @MManel
    @MManel4 жыл бұрын

    Amazing Video Thank you very much for share ...

  • @laodeadam
    @laodeadam4 жыл бұрын

    Amazing video, thank you

  • @rand6626
    @rand66266 жыл бұрын

    Amazing video, thank you, thank you, thank you...

  • @jaraguadesign777
    @jaraguadesign7776 жыл бұрын

    Congrats and thank you very for that such a good tutorial.

  • @FlippedClassroomTutorials

    @FlippedClassroomTutorials

    6 жыл бұрын

    Thank you!

  • @tommyshobalongdong
    @tommyshobalongdong3 жыл бұрын

    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!!

  • @were2man
    @were2man3 жыл бұрын

    Great tutorial.

  • @MrAnna1234
    @MrAnna12343 жыл бұрын

    Thanks a Lot....helped me

  • @federixships
    @federixships2 жыл бұрын

    amazing video! Really helpful

  • @alejandoramirez4510
    @alejandoramirez45102 жыл бұрын

    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

  • @Creativity_DIY
    @Creativity_DIY4 жыл бұрын

    Greats Advance Google Site Tutorial. My point' Bootstrap embedding Code. Thank You.

  • @FlippedClassroomTutorials

    @FlippedClassroomTutorials

    4 жыл бұрын

    You're welcome! Glad you liked it!

  • @dicktroy7398
    @dicktroy73983 жыл бұрын

    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.

  • @charlottelees-peyer4605
    @charlottelees-peyer46056 жыл бұрын

    This is great! Thanks so much, from New Zealand :-)

  • @FlippedClassroomTutorials

    @FlippedClassroomTutorials

    6 жыл бұрын

    You're welcome! Glad you liked it! Great to see people from all over the world in this community! Welcome!

  • @areaproximitymarketingapm6720
    @areaproximitymarketingapm67205 жыл бұрын

    This is ABSOLUTELY THE BEST tutorial for Google Sites!

  • @FlippedClassroomTutorials

    @FlippedClassroomTutorials

    5 жыл бұрын

    Thanks! Appreciate that!!

  • @hoiyinwan8233
    @hoiyinwan82335 жыл бұрын

    Love it!❤️😍

  • @ribierahmadalkeni8453
    @ribierahmadalkeni84534 жыл бұрын

    💯 ⭐️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💯⭐️

  • @robertlucas8621
    @robertlucas86216 жыл бұрын

    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?

  • @MyselfRiyam
    @MyselfRiyam10 ай бұрын

    Amazinggg!! I appreciate your efforts and I'm waiting for more videos on advanced tips and tricks about google sites for suree✨

  • @FlippedClassroomTutorials

    @FlippedClassroomTutorials

    10 ай бұрын

    That's great to hear. Appreciate your feedback!

  • @ChhilaH
    @ChhilaH Жыл бұрын

    thank you for your help ❤

  • @FlippedClassroomTutorials

    @FlippedClassroomTutorials

    Жыл бұрын

    Happy to help!

  • @harshadpoogalia9287
    @harshadpoogalia92875 жыл бұрын

    Fantastic Tutorial ! Found something so useful after a long time. Kudos for your effort.

  • @projectambr
    @projectambr3 жыл бұрын

    Thank you sir!

  • @FlippedClassroomTutorials

    @FlippedClassroomTutorials

    3 жыл бұрын

    You're welcome

  • @muhammadaleemkhan4011
    @muhammadaleemkhan40114 жыл бұрын

    It was a very good video from you, we will appriciate if you discover more tricks. :)

  • @RepsUp100
    @RepsUp1006 жыл бұрын

    Thanks, please make more google sites tutorials.

  • @Ryandepio
    @Ryandepio Жыл бұрын

    this guy is the GOAT

  • @williamparma8046
    @williamparma80466 жыл бұрын

    amazing! Very helpful vid :)

  • @vincentgadget9692
    @vincentgadget96926 жыл бұрын

    Hey teacher! This is nicely done, very well explained! Thank you for your time, it is very apreciated!

  • @FlippedClassroomTutorials

    @FlippedClassroomTutorials

    6 жыл бұрын

    No problem! Glad you find it helpful!

  • @vincentgadget9692

    @vincentgadget9692

    6 жыл бұрын

    Yes very liked the animated header and the Bootstrap section!

  • @mrs.growelove
    @mrs.growelove4 жыл бұрын

    Thank you so much. Great video and tutorial, easy to follow and straight to the point.

  • @FlippedClassroomTutorials

    @FlippedClassroomTutorials

    4 жыл бұрын

    Thank you. Appreciate those kind words.

  • @fbezmostrategy1657
    @fbezmostrategy16572 жыл бұрын

    Thank you Sir👍✔

  • @spaizemunkie4397
    @spaizemunkie43974 жыл бұрын

    This is truly amazing video 🙏🙏🙏 You leave me wanting more info!

  • @johnm.4141
    @johnm.41415 жыл бұрын

    Awesome, thanks man.

  • @FlippedClassroomTutorials

    @FlippedClassroomTutorials

    5 жыл бұрын

    Glad you found it useful!

  • @nicolebroomfield4682
    @nicolebroomfield46824 жыл бұрын

    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!

  • 6 жыл бұрын

    Excellent, congratulations

  • @FlippedClassroomTutorials

    @FlippedClassroomTutorials

    6 жыл бұрын

    Thanks. Glad you liked it!

  • @cokerprosser
    @cokerprosser Жыл бұрын

    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!

  • @jccarvajal7139
    @jccarvajal71395 жыл бұрын

    Great help

  • @isabelandres5318
    @isabelandres53185 жыл бұрын

    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.

  • @HALMASRI
    @HALMASRI4 жыл бұрын

    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!

  • @victoriatabuteau5799
    @victoriatabuteau57992 жыл бұрын

    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

  • @24.frames71
    @24.frames714 жыл бұрын

    An awesome video with simple and effective presentation.Can you please make a video on Combobox

  • @jerryh1937
    @jerryh19376 жыл бұрын

    I liked the animated header.

  • @Nonononononononononononononon5
    @Nonononononononononononononon55 жыл бұрын

    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?

  • @anzeklinec2934
    @anzeklinec29346 жыл бұрын

    Tnx dud very helpful.

  • @bbnCRLB
    @bbnCRLB3 жыл бұрын

    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?

  • @TheReddchin
    @TheReddchin4 жыл бұрын

    This is great! Do you have any suggestions for a complete beginner? Maybe a website with tutorials?

  • @takreem.akhter
    @takreem.akhter6 жыл бұрын

    Excellent!

  • @FlippedClassroomTutorials

    @FlippedClassroomTutorials

    6 жыл бұрын

    Thank you.

  • @julioquatro1482
    @julioquatro14824 жыл бұрын

    Thank you! You are pretty good!

  • @FlippedClassroomTutorials

    @FlippedClassroomTutorials

    4 жыл бұрын

    Thank you

  • @focootto
    @focootto7 ай бұрын

    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!

  • @AndreLuizLeite
    @AndreLuizLeite5 жыл бұрын

    Great. Thanks for share. !

  • @FlippedClassroomTutorials

    @FlippedClassroomTutorials

    5 жыл бұрын

    No problem! Would love to hear/see what you are using the tricks for!