• Ad banner
    Ad banner

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

    Please login to search this video.

    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:

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

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

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


    ✅ OR CHECK out MY PRE-SELECTED list of my ALL-TIME Favourite EDTECH TOOLS:

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

    or SUPPORT THE CHANNEL through Patreon:


    About The Author

    You Might Be Interested In

    Comment (20)

    1. Serthi, I ran into a problem using the accordion type whenever you add more than three (3) hidden responses. There are a number of references to this issue, especially when using version 4.
      My site is visible at
      The page where I show this is “Knowning Our Faith”
      Any suggestions? Thank you!

    2. thank you so much for your informative tutorial. I'm using it to build a few google sites. however, I noticed that when I tested my sites loading times using the google page speed insights tool, and the pingdom tool, they said that my Google site speed was very poorly optimized. the load time was 2.4 seconds (trying to get it down to under 1 second). do you have any advice on improving the load speed of google sites??


    Your email address will not be published. Required fields are marked *