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

Business Tip: 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:
W3 Website with Bootstrap examples:

Androidify to create the avatar:
Great images, Creative Commons 0:

My Google Sites Playlist with more tips and tricks:

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

🔴 AFFILIATE LINKS:
How I make my videos: Techsmith Camtasia and Snagit :

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

✅ 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:
My Official EduFlip Website:
Follow me on Twitter:
Find me on Facebook:
And on Google Plus:

🔴 get CLASSROOM RESOURCES today:
My TPT Store:
My Educents Store:
Eduflip Resources:

✅ Work with us:

or SUPPORT THE CHANNEL through Patreon:

Get More Information On Business Tips Here: https://web-siteexpress.com/

Author: admin

38 thoughts on “Business Tips: How to do More with Google Sites and use Advanced embed features!

  1. Thank you very much for the tutorial, I need to embed a SQL query into my intranet, coming from a Google Spreadsheet, if you have any idea on how to do that, please send me the info, if not I think with the extremely good explanation you produced, I will figure it out, thanks again, and keep up the good work.

  2. In my Personal Account, embed codes didn't work; however, in my G Suite account worked really well. The message that appears is: Aw Snap! Something went wrong while displaying your document.
    To continue, please reload your browser
    Code:508c04f
    Error:Client Error

    I've tried many times, do know how to fix it? Thanks a lot.

  3. 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?

  4. This is definitely a awesome tutorial but unfortunately, when I exactly tried to follow what you did, the images are getting broken and not displaying(even in preview) the image as it shows for you and double ensured I exactly followed the copying the link from google drive and then I made sure append the code (https://drive.google.com/uc?export=view&id=) still it does not work. Any idea please?

  5. I loved your tutorial, it was amazing and extremely useful, thank u sm
    My only question is how can i edit the code in the collapsable accordian to give it more than three sections… i know i can just add another set of three but i'd prefer it as a six option single accordian collapsible rather than a two sets of three collapsibles
    Any help would be greatly appreciated!!!

  6. How to add more than 3 images in the slideshow ? Like 6 for example. I tried to copie and paste the lines of code of one picture, but it doesn't work. Thanks for your tips. Great stuff !

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

  8. Thank you for these great videos. I have an unresolved issue with the blank white space created on a desktop page when using the embed. To make the element mobile visible, I have to stretch the iframe height, it then works great on mobile (no blank space) but it creates a large white space on the desktop web page. Any ideas to fix this please?

  9. Can you show how to improve the look of a New Google Sites website for mobile devices? To include one touch phone number linking… make it more appy on the phone 😉

  10. Thanks for the video. Very good and helpful. Just one question: The GIF I am using are very good quality but when I add to the header the quality reduce badly. What am I doing wrong?

  11. Thank you for your tutorials!! Can you please make a tutorial how to add a page in Google Sites that in the top shows and play a YouTube song that I have clicked from the bottom pics.
    Is like a menu of songs each depicted by an image of the artist and when you click on the image the YouTube video starts playing on the top.
    This would be great for Language teachers!!

  12. Thank you so much! It works so well. I love the presentation.

    However, I have so questions on the bootstrap. What if I have some photos landscape and some are portrait? Should I do two slideshows on the same page? Also, I have made the collapsable bar, it presents well on the desktop. When I view my website on a smartphone, both the slide show and the collapsible bar cannot be seen. I have encountered these problems. I am happy if you can have a look at it.

    This one is for the slide show:
    https://www.alaninspiringlab.space/home/my-experience-in-drama

    This one is for the collapsible ba:
    https://www.alaninspiringlab.space/home/my-philosophical-statement-on-education

    Thank you 😀

Leave a Reply

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