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?
Mate we are from mumbai India.. you had extremely solved our problem I pray for you good health and prosperity rewards. love you a lot mate. I am so happy.
Thank you so much sir,i am designing my library website by watching your videos,it's really very easy,as I am not an IT professional but you made it very easy, thank you
Really ThanKs , i followed your class and i made a lot of improvment One Question, might be basic... How can we link the custom buttons directly to a page within New google site? Thanks again
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.
Your channel is one of the best of the lot for teaching coding to students of all ages. I have a question. QUESTION: I copy the code to my Google Site page and nothing... what am I missing?
@@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.
Of course you can also make your own button (non animated) in paint, photoshop and so on. Save it as .png / .gif or even jpg. Although not animated it could give your page the character you are looking for. Make the button, save it and then insert it in your Google site. Give it a link and your ready to go. Thanks agian for the interesting upload, looking forward for the net one.
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!
Great video, it helped a lot. The only problem I'm having is that once I've designed my embedded button, I'm not sure how to link it to another page on my Google site. Is there a way I can find the page's URL or something else I can do? Thanks.
Dear sir i have some problems, My form HTML code runs with submit and reload page It works normally in the web browser but it does not work on the google site, any Idea to solve this problem?
The default Google Sites button is not the best. Agreed that we should design our own if priority is making it look good. Have you tested if animated buttons have higher conversions?
It'd be really great if you'd do a tutorial video on how to create a 'back to top' button. I am using Google Sites, but no matter what I do, it doesn't seem to work 😫
Tnx for sharing. I got 3 questions. 1st: how can I make this button sliding on my slide when I am scrolling down or up? 2nd: How can I reduce the perimeter of this button because it is occupying so much space right now. 3rd: How can I link sth to this button?
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 :-)
Hello, Thank you for the nice and clear presentation. I am a teacher in a high school. One of my students created a Python project which I compiled into an exe file. I have a school Google site. I want to add a button to my Google site and link the button to the exe file. Clicking the button will (hopefully) run the exe file. Is it possible? If yes, where should I upload the exe file to? If yes, what should I write in the URL? can you give an example? Your answer will be greatly appreciated. S. Lazar
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.
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.
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!:
Hi, nice video. I've made amazing buttons that works just fine on the preview for laptop, desktop and phone but on my motorola android phone the button wouldn't work, they wouldn't redirect to any new pages. I had to revert back to google site buttons
💯 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💯
Hello, do you know if there is any way to make a button or icon that has one image to begin with and then another once you click it? Or a chart that auto fills with an image upon clicking the cell?
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.
Hello. I want to add social media icons eg. facebook, twitter etc (with their original icons) to the footer of my google website. I have managed to do this, but despite making them very small, in "preview" mode, they all appear much larger which I hate. Is there a way to fix this? Thanks.
Fonts.google.com is great resource for all available fonts in google (Google Drawings and when referencing them in html) However if you are trying to use the built in buttons then Google sites is still limited in features.
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
The button always opens in new window. I tried putting target="_self". This too does not work as google sites opens the link in the small placeholder itself. Any solution for this??
Hi. Greetings from Argentina, excuse my english because it´s awful. After all, maybe you can help me. I´m trying to make anchors in my web in goggle sites. Thank you.
Need some help with this if anyone is free. When I click the button it opens page in new tab, can this be fixed so it opens in existing tab. Thank you.
hello , so i am using google sites for my website, there i wanted to insert a medical survey too, i did so using google forms..Now more than this medical survey, i want to show the users the results too instantly there (like do they have a certain disease or not)....i noticed we can't access backend of google sites (or can we?) , so is there a way i can show the results of the survey when the users fill the survey?....
Hello. How do I prevent a button or link from opening in a new window? I would like to create NEXT and PREVIOUS buttons on my site. However, when I click on them, my webpage link opens in a new window. I would like it to open in the same window. Thank you.
After creating my new google sites, i couldn't find the "edit button" usually located on bottom right corner of the screen. How do i edit my website again? Thanks for helping!
Those that flagged the broken link. Thank you! Here's an updated link: sites.google.com/view/buttondemo/animated-button
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?
Mate we are from mumbai India.. you had extremely solved our problem I pray for you good health and prosperity rewards. love you a lot mate. I am so happy.
This really made my day. Glad it was helpful
Thank you so much sir,i am designing my library website by watching your videos,it's really very easy,as I am not an IT professional but you made it very easy, thank you
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! :)
Thanks! This helped me a lot on my ICT project in school! It works perfectly
I wish Google added more features to Google Sites
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!
Really ThanKs , i followed your class and i made a lot of improvment
One Question, might be basic...
How can we link the custom buttons directly to a page within New google site?
Thanks again
Simple, easy to the point! Great tutorial!
Nice video, very useful! Is it possible when I click the button to open the link in the current window instead of in a new tab?
Thank you sir. This video helped me a lot in making animated button for my google website.
Thanks so much sir
You're welcome
your good and very fast !
Thank you. Hope it wasn't too fast.
Extremely valuable! Love this Sethi! Thank you for sharing
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.
You are the best. Congratulations!
Wow, thanks!
This is very amazing button style. Thanks for the efforts
Your channel is one of the best of the lot for teaching coding to students of all ages. I have a question.
QUESTION: I copy the code to my Google Site page and nothing... what am I missing?
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.
Fantastic. Thanks for share.
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.
Hello,
Now after embded how to link it to a internal (previous page )?
Just what I was looking for today! Phew! Thanks for sharing. Good video.
thank you ❤❤
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.
What if I want to use this button to navigate within the site, what do I put next to href?
Thanks
You're welcome
Love you from India l don't lesson your language l can talk poor English your very smart speak English ❤❤
Great Channel, found it the most useful channel for Google site tutorial..
Hello Sethi, How to add call now button on website so that when user clicks on it, he directly calls the assigned number..? Thanks
Heelo, how to link a customized button link to another page of the google site? What is the link? href? The element : target="_self" doesn't work.
Hi you can do a tutorial abaut E-commerce for google Sites with shoppingcart
MICHAEL KERRIGAN please! :)
Yes we need a ecommerce tutorial for google sites
Of course you can also make your own button (non animated) in paint, photoshop and so on. Save it as .png / .gif or even jpg. Although not animated it could give your page the character you are looking for. Make the button, save it and then insert it in your Google site. Give it a link and your ready to go.
Thanks agian for the interesting upload, looking forward for the net one.
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!
Great video, it helped a lot. The only problem I'm having is that once I've designed my embedded button, I'm not sure how to link it to another page on my Google site. Is there a way I can find the page's URL or something else I can do? Thanks.
me to
Thank you. Well explained
The link isn't working, what would be the issue..??
Instead of a Url Can We Put An Embed Code and when clicking the button it redirects you to a new tab
Same problem here
Thank you
Dear sir i have some problems, My form HTML code runs with submit and reload page It works normally in the web browser but it does not work on the google site, any Idea to solve this problem?
Can this button be used to link a page inside the same google site?
I tried to target="_top" but it didn't work.
Hope you can help. Great tutorial!
The default Google Sites button is not the best. Agreed that we should design our own if priority is making it look good. Have you tested if animated buttons have higher conversions?
It'd be really great if you'd do a tutorial video on how to create a 'back to top' button. I am using Google Sites, but no matter what I do, it doesn't seem to work 😫
Hi! Do you have a way to create a button or a click to call function for a phone number on G Sites?
Tnx for sharing. I got 3 questions. 1st: how can I make this button sliding on my slide when I am scrolling down or up? 2nd: How can I reduce the perimeter of this button because it is occupying so much space right now. 3rd: How can I link sth to this button?
Thank you Sethi.
You are amazing!!
great site but all i get after copying code is errors. Any advise. N o matter what script I try to embed.
Hi. Do you think it is possible to create a Floating Button in Google Sites? And if it's possible please make a tutorial. Thank you. 😊
Hi, can you make a tutorial to teaching about how to make a "Add to cart" function in google sites?? please
embed ecwid / shopify
Excellent. Thanks a lot for sharing.
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 :-)
thank you , sooo much
Hi! Thank you for your precious content.
Would u help out how to add Search button to website.....
Hello,
Thank you for the nice and clear presentation.
I am a teacher in a high school. One of my students created a Python project which I compiled into an exe file. I have a school Google site. I want to add a button to my Google site and link the button to the exe file. Clicking the button will (hopefully) run the exe file.
Is it possible?
If yes, where should I upload the exe file to?
If yes, what should I write in the URL? can you give an example?
Your answer will be greatly appreciated.
S. Lazar
Can u explain, How to create button when clicked makes a sound...
excelent teacher
Hey there, thanks very much for this tutorial, it has me thinking, is it possible to embed code to get the site meta description's etc?
Seth, Great Video! Is there any code for google sites to hover over an image and have it change to another image? Would love that tutorial.
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.
Hi, I have tried to use the embed several times doesn't seem to work for me any advice
This might be due to the extensions you are using in your browser, try the same on incognito.
Great tutorial but when using hover button I have sliders on my tablet and cell phone view. How do I remove this?
Sir I am unable to give a link to a pdf document on the Google site , please help me.. trying for two days but not happening.please
Thanks for your tips. Your videos are awesome and I like so very much. How can make a button for 'GO TOP PAGE' on Google sites. THANKS 😎
nice video ,thanks for sharing
is there a way to add a call phone button
thanks
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.
I am struggling to make this button open an url in the same website tab. If anyone there could help I would appreciate.
ty for ur videos sir, it´s a real nightmare to adjust the button to get decent view on android and tablets, does this have any solution?
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";
Dear sir how to set payment gateway on Google site
Hi, nice video. I've made amazing buttons that works just fine on the preview for laptop, desktop and phone but on my motorola android phone the button wouldn't work, they wouldn't redirect to any new pages. I had to revert back to google site buttons
Showing this error
Sorry! Something went wrong while displaying your document.
To continue, please reload your browser
Code:23077f3
Error:Client error
💯 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💯
Hello, do you know if there is any way to make a button or icon that has one image to begin with and then another once you click it? Or a chart that auto fills with an image upon clicking the cell?
Is it possible to add push notifications (pushengage or other services) to Google Sites?
i ve puted a download link from google drive in the HTML code but it's not working , instead is working with the google sites button ,
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.
What do i do if the link in the button is a page on my google site, I cant figure out how to set the button .??
I cannot resize the button. It is cut off with a border box. How do I delete the old button because now I have two?
I solved the problem with the two buttons. However I cannot position the botton exactly where I want it on the home page
the link does not work as explained in your video. something is wrong there please UPDATE thanks
Assalamoalikum
1 question
Can I add clickable table of contents in google sites
Any idea how to put google tag manager or facebook pixel on google site? Im struggle with that
Please we need more ideas to add to the website using the same technique
How can I use a google form (on an external site) to take an order and after the order is placed have a button return to an external site?
i tried to embed but it doesn't show it!
hey, I had same issue on the chrome, check on other browser, like explorer
Hi, I've pasted the html code into Google sites, however my button is not animated. Could you please advise what I might be doing wrong. Many thanks!
how do i link the animated button to a webpage
Hello. I want to add social media icons eg. facebook, twitter etc (with their original icons) to the footer of my google website. I have managed to do this, but despite making them very small, in "preview" mode, they all appear much larger which I hate. Is there a way to fix this? Thanks.
Hey 1 question: how can I make social media icon small in Google Sites??
Good bro
Hi. Thank you, I enjoyed that. Please could you show me how to add a Facebook LIKE button to a Google Site. Thank you so much
This button will. Work on mobile ? plz reply me
can we add gradient hover button in google site ?
I need help- how to make passord for one of google sites pages (for teachers only)???
How about to choose your own desired font in the button sir?
Fonts.google.com is great resource for all available fonts in google (Google Drawings and when referencing them in html) However if you are trying to use the built in buttons then Google sites is still limited in features.
Thankk you@@FlippedClassroomTutorials
How do I add a link to the button?
Can you teach how to make scrool to top button ?
Because of some extensions, it was causing error. comment section helped me.🤩🤩🤩🤩
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
The button always opens in new window. I tried putting target="_self". This too does not work as google sites opens the link in the small placeholder itself. Any solution for this??
Hi. Greetings from Argentina, excuse my english because it´s awful. After all, maybe you can help me. I´m trying to make anchors in my web in goggle sites. Thank you.
Is it possible to add google tag manager and facebook pixels in google sites?
can you add link to a google doc that is not editable? I have used adding a link that is view only and it still allows the doc to be edited
I made the button but I can’t click it everyone I do it just takes me to the screen again where it says to update the name or link
Need some help with this if anyone is free. When I click the button it opens page in new tab, can this be fixed so it opens in existing tab. Thank you.
Hi!, How I can use OPEN GRAPH in Google Sites in order to get a preview and description of my webpage?
Hi. Need help. I want to make it as. If they click the button there is a pop up message that will appear.
@flipped classroom
hello , so i am using google sites for my website, there i wanted to insert a medical survey too, i did so using google forms..Now more than this medical survey, i want to show the users the results too instantly there (like do they have a certain disease or not)....i noticed we can't access backend of google sites (or can we?) , so is there a way i can show the results of the survey when the users fill the survey?....
Hi i cant seem to create a link for the button con you help me
Hello. How do I prevent a button or link from opening in a new window? I would like to create NEXT and PREVIOUS buttons on my site. However, when I click on them, my webpage link opens in a new window. I would like it to open in the same window. Thank you.
After creating my new google sites, i couldn't find the "edit button" usually located on bottom right corner of the screen. How do i edit my website again?
Thanks for helping!
simply login to your gmail account using sites.google.com and you will find out your all created sites in sites.google.com
@@akhileshsingh9616 Got it !
bro it works but when i click the botton it doesnt go where i want to go
How can I left justify the text in a button?