Hello! Warmest greetings from Kazakhstan! I could make an animated button, however, I am trying to figure out why the button doesn't work. I mean How can I add the URL of the needed page so that the pushed button forwards me to the page I want? Could you please explain this moment?

Thank you! Really appreciate hearing that! Always great to see you in our comment section. Do let me know if you'd like to see more in depth content or different topics.

This really made my day. Glad it was helpful

More features are being rolled out soon but I agree that it could do with more. The next few coming are native slideshows so I'm excited about that!

Thank you! Hope you enjoy all the other videos as well. I'll be doing a few more on sites as I'm looking at different things available and possible.

Wow, thanks!

You're welcome

I'm doing the same for my CD and DVD collections, just my private jukebox.

What is it about? If you don't mind me asking! :)

Thank you. Hope it wasn't too fast.

Glad you liked it

@@FlippedClassroomTutorials i learned a lot, now i am watching how to add games to google sites, i can't believe this is possible, thank you so much. I'm looking forward to learning more from your tutorials.

Thank you. Glad you found it helpful. Do let me know what else you would like to see :-)

Hi, I would like to know how to create folders in Google Site and save hyperlink of the files (Google Forms, Google Docs, Google Spreadsheets etc) from my google drive.

@@gulamghouse2910 are you trying to have folders on the site or are you going to link out to a folder on Google Drive? In regards to the hyperlinks to files, you can do this the same way you would link to websites. Get the URL from the share menu in Drive and use that link.

Actually, I want to have multiple tabs on my site and when I click on any tab, I should see a list of folders and then inside folders, I would like to save the files or have a hyperlink to the files from my google drive.

Ok I see, a possible solution to do this would be by using the html code and embedding the public folder using the embedded folder view tags. Google Drive folders can be embedded and displayed in list and grid views. An example is: or is you are on enterprise or GSuite for education: Hope this helps. If I find time I'll do a quick video on this :-)

This might be due to the extensions you are using in your browser, try the same on incognito.

me to

True, Gif images are also supported so there is that too. Do keep in mind when using the image workaround that loading speeds can be impacted because of the images having to load. But yes, doing it this way is how we used to do it looong ago in html :-) Oh how I remember the days of tables hahaha Thanks for sharing, appreciate it! That's what this community is all about!

The difference is that the built in button works best for the mobile-first websites.

Absolutely!

Hi, it's possible to do that with some basic Css and the embed code function. Not ideal but is does the trick. I will try and get a video on this up sometime this or next week. In the meantime: here's the code you could use: Change Image on Hover in CSS .card { width: 160px; height: 160px; background: url("drive.google.com/uc?export=view&id=1aBWAXQBP_-4jCaF49sopCP9eY7iB1NxK") no-repeat; } .card:hover { width: 160px; height: 160px; background: url("drive.google.com/uc?export=view&id=1Bqk4pgrX03X3Qib-qKJXG24-vV7w4tEx") no-repeat; }

​@@FlippedClassroomTutorials Thank you so much! is it possible to add hyperlinks to these images when clicked. Ive seen this on many sites but cant find anything on the web site W3schools.

MICHAEL KERRIGAN please! :)

Yes we need a ecommerce tutorial for google sites

Same problem here

embed ecwid / shopify

Whenever you work with files on Drive the built-in functionality s incredible. The way Sites allows you to add and insert Drive content is fast and easy. Try using those rather than linking out to files. If you do link out to a drive file, make sure you check the sharing setting of that file. Hope this helps.

It could be that some lines of code are missing such as body tags or you've selected the link tab rather than the code tab.

Sadly, this is currently unavailable within Google Sites. I would suggest using the feedback button to let Google Sites team know you'd like this feature. I know many have already and top requested features are actioned.

Brilliant! Cheers for the comment section! So much value in here and many member of the community helping! Thank you!

hey, how can i add a floating cookie consent. when i tried to add it stays only at one place. i want it to display wherever the user scrolls until they press "got it". please help me

@flipped classroom

Not without changing the code. The way we get this onto Google sites is with an . We now need to make the and image responsive: www.w3schools.com/howto/howto_css_responsive_s.asp Which is a bit more work.

@@FlippedClassroomTutorials well seems u just need to add this few line at the end (after ) : parent.document.getElementsByTagName('')[0].scrolling="no"; and voila, u can make wide the image and adjust to android, tablet and pc without the scroll bar, btw ty a lot for ur videos.

@@FlippedClassroomTutorials also if u can please help me with this (sorry for the abuse xD), i have this card with shake, but need to include the line to hyperlink URL when ppl click, i am new at programing and don´t haave a clue!: W3.CSS img:hover { animation: shake 0.5s; animation-iteration-count: infinite; } @keyframes shake { 0% { transform: translate(1px, 1px) rotate(0deg); } 10% { transform: translate(-1px, -2px) rotate(-1deg); } 20% { transform: translate(-3px, 0px) rotate(1deg); } 30% { transform: translate(3px, 2px) rotate(0deg); } 40% { transform: translate(1px, -1px) rotate(1deg); } 50% { transform: translate(-1px, 2px) rotate(-1deg); } 60% { transform: translate(-3px, 1px) rotate(0deg); } 70% { transform: translate(3px, 1px) rotate(-1deg); } 80% { transform: translate(-1px, -1px) rotate(1deg); } 90% { transform: translate(1px, 2px) rotate(0deg); } 100% { transform: translate(1px, -2px) rotate(-1deg); } } parent.document.getElementsByTagName('')[0].scrolling="no";

hey, I had same issue on the chrome, check on other browser, like explorer