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.
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.
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
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?
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?
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.
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?
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, 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 :-)
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!
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.
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?
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?
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!:
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 😫
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.
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.
@@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.
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
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?....
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.
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!
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 Sethi, your tutorial is wonderful, thanks for sharing your knowledge. Could you tell me how you can include a "Call to Action" button to make calls to phones or mobile from Google Sites? Is it possible to delete the boxes with the legend: "Done with the new Google Sites" and "Report Abuse", that are created at the end of the Web? Thank you very much and blessings
In a couple of weeks, Google is rolling out the option to remove the footer and have an even more professional looking website. In regards to call to actions, this remain an issue and at the moment phone numbers or not supported.
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??
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.
Hi Sethi, I appreciate the clear steps but whenever I try to imbed a code such as the card or button I get an error and it doesn't load. Could you please tell me if you know to do?
Are you making sure that when inserting the code, you paste it into the insert code section of Google Sites? If so double check the portion copied and make sure you have you html head and body tags as well. Hope this helps.
Flipped Classroom Tutorials thanks for the reply. Yes I am doing embed code I used the code which worked on CSS but when I embed it I get an error imediately after saying to refresh the page.
Strange, just checked again and seems to be working fine on my end. Not sure what could be the issue. Maybe you can try creating a new sites file and embedding it into that one.
💯 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💯
Can someone please help me? I have the button that I want but I don't see anyway to add a link to it so when they click the button it redirects them to the webpage I want them to go to.
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.
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
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!
Thanks! This helped me a lot on my ICT project in school! It works perfectly
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
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.
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 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! :)
Just what I was looking for today! Phew! Thanks for sharing. Good video.
Thank you sir. This video helped me a lot in making animated button for my google website.
This is very amazing button style. Thanks for the efforts
Hello Sethi, How to add call now button on website so that when user clicks on it, he directly calls the assigned number..? Thanks
Hello,
Now after embded how to link it to a internal (previous page )?
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.
Great Channel, found it the most useful channel for Google site tutorial..
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?
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
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!
Hi! Do you have a way to create a button or a click to call function for a phone number on G Sites?
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.
What if I want to use this button to navigate within the site, what do I put next to href?
your good and very fast !
Thank you. Hope it wasn't too fast.
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.
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?
great site but all i get after copying code is errors. Any advise. N o matter what script I try to embed.
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
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. 😊
Thanks so much sir
You're welcome
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
Thank you
Hi! Thank you for your precious content.
Would u help out how to add Search button to website.....
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
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 :-)
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!
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, can you make a tutorial to teaching about how to make a "Add to cart" function in google sites?? please
embed ecwid / shopify
You are amazing!!
The link isn't working, what would be the issue..??
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 😎
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?
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?
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";
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 😫
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.
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?
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.
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.
Thank you Sethi.
This button will. Work on mobile ? plz reply me
Assalamoalikum
1 question
Can I add clickable table of contents in google sites
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.
Is it possible to add push notifications (pushengage or other services) to Google Sites?
Thanks
You're welcome
Great tutorial but when using hover button I have sliders on my tablet and cell phone view. How do I remove this?
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!
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
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
Can u explain, How to create button when clicked makes a sound...
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?....
excelent teacher
Is it possible to add google tag manager and facebook pixels in google sites?
Hey 1 question: how can I make social media icon small in Google Sites??
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
Love you from India l don't lesson your language l can talk poor English your very smart speak English ❤❤
Dear sir how to set payment gateway on Google site
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
How do I add a link to the button?
Any idea how to put google tag manager or facebook pixel on google site? Im struggle with that
thank you , sooo much
can we add gradient hover button in google site ?
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 !
Can you teach how to make scrool to top button ?
Hi i cant seem to create a link for the button con you help me
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 .??
Please we need more ideas to add to the website using the same technique
I need help- how to make passord for one of google sites pages (for teachers only)???
Hello Sethi, your tutorial is wonderful, thanks for sharing your knowledge.
Could you tell me how you can include a "Call to Action" button to make calls to phones or mobile from Google Sites? Is it possible to delete the boxes with the legend: "Done with the new Google Sites" and "Report Abuse", that are created at the end of the Web?
Thank you very much and blessings
In a couple of weeks, Google is rolling out the option to remove the footer and have an even more professional looking website. In regards to call to actions, this remain an issue and at the moment phone numbers or not supported.
Thank you for your kind words. I hope you find many more useful tutorials on the channel.
@@FlippedClassroomTutorials
I appreciate your response very much.
I will be aware of your tutorials.
Have a good night
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. 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
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.
Hi Sethi, I appreciate the clear steps but whenever I try to imbed a code such as the card or button I get an error and it doesn't load. Could you please tell me if you know to do?
Are you making sure that when inserting the code, you paste it into the insert code section of Google Sites? If so double check the portion copied and make sure you have you html head and body tags as well. Hope this helps.
Flipped Classroom Tutorials thanks for the reply. Yes I am doing embed code I used the code which worked on CSS but when I embed it I get an error imediately after saying to refresh the page.
Did you try the code I've put on the website linked in the description? Is that giving an error as well?
Flipped Classroom Tutorials yes copied from the doctype line to html and it still gives the error
Strange, just checked again and seems to be working fine on my end. Not sure what could be the issue. Maybe you can try creating a new sites file and embedding it into that one.
Hi!, How I can use OPEN GRAPH in Google Sites in order to get a preview and description of my webpage?
how do i link the animated button to a webpage
i tried to embed but it doesn't show it!
hey, I had same issue on the chrome, check on other browser, like explorer
HOW DO I GET A WEBSITE TUM NAIL LIKE YOUR BUTTON DEMO WEBSITE PLEASE
💯 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💯
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
How I can link it to?
Good bro
the link does not work as explained in your video. something is wrong there please UPDATE thanks
Can you make a video on how to convert Android App Book to pdf?
Can someone please help me? I have the button that I want but I don't see anyway to add a link to it so when they click the button it redirects them to the webpage I want them to go to.
Showing this error
Sorry! Something went wrong while displaying your document.
To continue, please reload your browser
Code:23077f3
Error:Client error
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.
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
How can I add a box to Google Sites that contains a free book for the customer with an email address?
I am struggling to make this button open an url in the same website tab. If anyone there could help I would appreciate.