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

My Google Sites Playlist with more tips and tricks:

🔴 Don't forget to SUBSCRIBE today for more videos!

🔴 AFFILIATE LINKS:

✅ 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:

🔴 get CLASSROOM RESOURCES today:

✅ Work with us:

or SUPPORT THE CHANNEL through Patreon:

[guys]

Good job my friend. You are one of the rarest presenters that I enjoy to listen. No stress in your voice, very well explained. Absolutely helpful for everybody here in the world of Google Sites. Thx a lot.

[MarcCastellsBallesta]

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.

[DoItProjects]

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!

[varshamehralive]

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

[sakshirao]

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

[RajivU]

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

[dougfebruary]

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

[rivergrrrl]

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

[mistyday]

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

[tommyshobalongdong]

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

[harinathranjit]

Hey...Nice Video...There's an update from Google Sites though on the Image Carousel. You can just open your site, go to the Insert Tab on the right side of your page, and then scroll down a bit so that you can see an option called Image Carousel. Click that, and you will see an option to upload your photos (you can even upload photos using a URL, your Google Drive and you can even search for an image online!). There's also a feature to Auto-Start the Slideshow by clicking the settings button, on the top right.



Have fun EXPLORING GOOGLE SITES! BIG THANKS TO FLIPPED CLASSROOM TUTORIALS!

[dicktroy]

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.

[mrs.d.meyers]

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!

[alejandoramirez]

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

[MoTee]

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

[RafaelHEscobar]

Hi. Thanks for the video! It's very useful.
I'd like to know if every time a custom element is going to be used across different sections of the same page, lets say, an image carousel, is it mandatory to embed the full !DOCTYPE <html> individually with its own <head> and <body> tags to make it work? Or can a single block be embedded as an independent section to call all the custom links/styles/scripts that are going to be used across a webpage?

[bbnCRLB]

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?

[coriortega]

Hi Seth, thank you for making an advanced tutorial. The features you included are very useful. Plus of course, unlike a lot of Google Sites tutor, you really prepared your course materials. Plus you started by showing the finished work (what are we going to build) which means you really know how to teach this type of topic :-)
Got one question for you: Is it possible to make the source text of the Accordion dynamic, like it's taken from specific rows of Google Sheets, instead of hardcoded embedded text? Thanks a lot and more power to you!

[Donn]

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

[sarahgrodio]

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