Customizing Fonts in the New Google Sites

  Рет қаралды 55,561

Sons of Technology

Sons of Technology

Күн бұрын

This video willl show you how to hack Google sites to allow you to change the fonbt of your text into any font Google has available. Using the embed option in Google Sites and a simple "html" code we can add new fots and effects to any text on our Google site pages.
Here is a quick copy and paste sheet whcih wil allwo you to simplify the process:
bit.ly/GSiteFonts

Пікірлер: 86
@cicelybega5419
@cicelybega5419 5 жыл бұрын
Lack of customization has driven me nuts with new google sites vs the original - thanks so much for this!
@PolyMadd
@PolyMadd 3 жыл бұрын
Ye it looks like someONE is working on GSites in the weekends as a hobby really.
@Avianca-rr3rf
@Avianca-rr3rf 3 жыл бұрын
@@PolyMadd You can now change fonts, sizes, and colors!
@PolyMadd
@PolyMadd 3 жыл бұрын
@@Avianca-rr3rf ooooohhhhhhhh yeaahhhhhhhhhhhhhhh!!! Christmas present!!! XD
@nikoflow_fm9541
@nikoflow_fm9541 3 жыл бұрын
@@Avianca-rr3rf how so? im trying and im losing my mind trying to get new fonts
@tombengry3717
@tombengry3717 5 жыл бұрын
To change the color of the font use CSS. Here is a suggestion for your last example. Joe is On FIRE! Thanks for the video!
@beryllello6651
@beryllello6651 5 жыл бұрын
Oh! My word! I actually got it right!! Thanks for the help - even the colour!
@felipedausackerdacunhafdcu2765
@felipedausackerdacunhafdcu2765 5 жыл бұрын
To change color just add: ;color:#ffffff"> after text align. Exemple: div class="font-effect-FONT-EFFECT" style="font-family:'Fira Sans', serif; font-size: 72px; text-align: center;color:#ffffff">
@samisalomon3599
@samisalomon3599 3 жыл бұрын
what about the name of the color ??
@PolyMadd
@PolyMadd 3 жыл бұрын
I think this is wrong, there is " before > at the end. I tried many versions, and can't get it to work. I also tried to replace color: with color=, and put color:"#ffffff" but can't get anything of this to work.
@Sk1p0724
@Sk1p0724 3 жыл бұрын
search for Hex Values when finding the color
@hidehitosatoh
@hidehitosatoh 4 жыл бұрын
Thank you for showing me it was very helpful !!!
@sharonrodko3193
@sharonrodko3193 4 жыл бұрын
So cool and easily explained! Thanks!
@PolarizeLPS
@PolarizeLPS 5 жыл бұрын
Big help, thank you so much!
@khalid.6540
@khalid.6540 2 жыл бұрын
Thanks man!! ❤️ you are the best, I really appreciate your time
@mari-liisseer1523
@mari-liisseer1523 4 жыл бұрын
Hey, what about if I want to align my custom text in Google Sites?
@Dillinger86
@Dillinger86 4 жыл бұрын
What combination of keyboard keys did you use to get that little circle menu at around 1:05 ?
@andreazea7257
@andreazea7257 4 жыл бұрын
What can I do if I want my font bolded or in italics?
@seatizen-rtb
@seatizen-rtb Жыл бұрын
Great tip Mate. I'll fully mention you in the future. Thans
@kasperhuizinga6731
@kasperhuizinga6731 4 жыл бұрын
But you are unable to make the html code (the text) responsive to the device you are using the site
@susanhueck6909
@susanhueck6909 4 жыл бұрын
I'd love to try this, but how do I access the code you show in the video clip?
@Julianchuk
@Julianchuk 4 жыл бұрын
great job!! do u have any other customization for G sites?
@dungmh
@dungmh 3 жыл бұрын
Thank you so much!
@despacitogaming9311
@despacitogaming9311 3 жыл бұрын
do you have to make he entire site like this? because i can't copy and paste it
@itsyaboi2389
@itsyaboi2389 3 жыл бұрын
Hi. So I don't know if this is still relevant but after I've embedded the font that I wanted, the font showed up on the place where the regular fonts where. So after you've embedded the font you wanted you won't need to constantly copy paste the html and edit it rigorously. All you need to do is to look for the font you've embedded on the list of fonts and it should be there if you find it. Hope this helps.
@itsyaboi2389
@itsyaboi2389 3 жыл бұрын
And btw after that you can edit the italics, color, bold, etc. just like how you usually do it. You won't need the code stuff of course.
@e.w.7178
@e.w.7178 3 жыл бұрын
really helpful video dude, cant thank you enough. Any idea how I can get HTML5 animated banners to play on a google site? Trying to use Gsites to have clients review their animated banners but I cant figure it out...
@LONADASARTES
@LONADASARTES 4 жыл бұрын
Tks tks tks tks THANK YOUUUUUUUUUUU. I loved. saved me.
@lovemademusic
@lovemademusic 3 жыл бұрын
Thank you. You are Awesome!!!
@andshethrived5492
@andshethrived5492 3 ай бұрын
where may i access the html to copy? The link in the description does not work
@williamerickson8711
@williamerickson8711 10 ай бұрын
I’m new to this. The “quick copy and paste” link in your description doesn’t seem to work as a URL . What am I missing?
@mago358
@mago358 3 жыл бұрын
Hey can you please check your code, I try to use today but is not working. Not even your copy and paste ones
@nurfarahizzah7
@nurfarahizzah7 3 жыл бұрын
hi, at the document where u type your html is blur can't see properly
@kathleenpalumbo1067
@kathleenpalumbo1067 3 жыл бұрын
Thank you! :)
@MktgWise
@MktgWise 5 жыл бұрын
it does not accept the Samples that you had give it as an example
@luis-hernandez87
@luis-hernandez87 4 жыл бұрын
Most of your samples are missing , and tag
@MichaelReyk
@MichaelReyk Жыл бұрын
but how can I use a CUSTOM FONT from my PC and not one from google fonts??
@TAHA-TOUABA-RADIOGRAPHER
@TAHA-TOUABA-RADIOGRAPHER 4 жыл бұрын
Please make a video about how to install facebook pixel or Google tag manager on Google sites website?
@ProfeSergio
@ProfeSergio 3 жыл бұрын
Thanks!!! It's amazing...
@SonsofTechnology
@SonsofTechnology 3 жыл бұрын
Glad you like it!
@yanivplaylist
@yanivplaylist 5 жыл бұрын
Thanks!
@TkachukAn
@TkachukAn 7 ай бұрын
visualization for mobile - it looks very terrible when we make a font this way. The font does not adapt to the mobile screen, but a scrolling window appears. Scroll window with very small gap. And it looks terrible. But I didn’t find how to solve this. Because if you make a large, tall window, then on the desktop version everything looks with huge empty spaces
@sanjaybarge5487
@sanjaybarge5487 4 жыл бұрын
Please guide how to search by front color in Google sheet
@user-ow3ve4qr7h
@user-ow3ve4qr7h 3 жыл бұрын
This is great and I thank you for this.........however.......................how pathetic of Google to replace Classic Sites with New Sites but not bother to just put all of this in and make the migration of a Classic Google Site to New Google Sites a seamless process..........instead of the current migration process that doesn't give you anything like what you had in Classic Google Sites. I guess that the existing Classic Google Sites will come back at a later date as a premium service.......so force everybody to an inferior product in the form of New Google Sites with a rubbish migration...............Google going for the Ryanair Customer experience.......very lame.
@apexdada1734
@apexdada1734 3 жыл бұрын
can i change the site name font?
@rowancostello3491
@rowancostello3491 3 жыл бұрын
Hey man - a huge thanks for this. Can we change the font on the navigation tabs? (About, contact etc) Cheers, R
@elliotd7876
@elliotd7876 2 жыл бұрын
did you figure this out? Also trying to change the nav text.. seems like something that should be easy/obvious to do!
@tim-hill
@tim-hill 2 жыл бұрын
@@elliotd7876 #metoo
@wichitthepprasit
@wichitthepprasit 4 жыл бұрын
Thank you
@ericcamara6816
@ericcamara6816 4 жыл бұрын
After about 100 tries I finally made it. My first problem was that I had to go into Ikognito (don't know why) My second problem was to get the color right here is an example. body { font-family: 'Helvetica', serif; font-size: 25px; color:#ffffff;> } YOUR TEXT
@elliotd7876
@elliotd7876 2 жыл бұрын
Anyone know how to change the font of the navigation text??
@yumirdo
@yumirdo 2 ай бұрын
so actually i cant use my own font without using google fonts?
@damonisch5801
@damonisch5801 3 жыл бұрын
the font color does not work for me :(
@MktgWise
@MktgWise 5 жыл бұрын
Actually, I tried to use a font for the Arabic language from google fonts which called Tajawal unfortunately, it does not work and it gave me an error : " Aw Snap! Something went wrong while displaying your document. To continue, please reload your browser Code:93bad8 Error:Client Error " can you give me a help
@saravananvembu6523
@saravananvembu6523 4 жыл бұрын
Try the same in 'Incognito window' it will works
@muznamahmood9596
@muznamahmood9596 4 жыл бұрын
@@saravananvembu6523 many thanks, I really appreciate it.
@bliadetroitwebmaster6571
@bliadetroitwebmaster6571 4 жыл бұрын
Just add color red as body { font-family: 'Crimson Pro', serif; font-size: 48px; color:red; }
@saravananvembu6523
@saravananvembu6523 4 жыл бұрын
Hi, I tried this. it works. But the text is not mobile responsive once embed font from outside. Kindly advice
@YOLFRY
@YOLFRY 4 жыл бұрын
I hav teh same problem, Any help with that please
@rcachanco
@rcachanco 4 жыл бұрын
@@YOLFRY Did not work. Were you able to find the solution?
@rcachanco
@rcachanco 4 жыл бұрын
@@AC-uq7hz Did not work. Creates a scroll bar
@kyladenicesarad619
@kyladenicesarad619 4 жыл бұрын
bit.ly/GSiteFonts cannot be reached. What seems to be the problem?
@deenaq
@deenaq 4 жыл бұрын
One BIG problem: the text is not responsive. When viewed on a phone or tablet, it doesn't resize appropriately; it just gets cut off. Is there a solution I'm not seeing?
@rcachanco
@rcachanco 4 жыл бұрын
It didn't really work. Creates a scroll bar. Did you find any solution?
@myriama2893
@myriama2893 4 жыл бұрын
@@AC-uq7hz it does not work. if you give too much space, then the design is looking awful on a normal screen (too much space for the paragraph0. what we need to find is how to get the size of the font adapting to the screen size
@mommaeltala
@mommaeltala 2 жыл бұрын
how can i do that 1 min in
@fashionvivation8220
@fashionvivation8220 4 жыл бұрын
Hello, I am trying to change the font, however, my embed function does not seem to work with any code. Please Help. Thank you
@teachergicelah.8215
@teachergicelah.8215 4 жыл бұрын
I have the same problem! I thought I was the only one :(
@anisfitriana4070
@anisfitriana4070 3 жыл бұрын
me too :"(
@OCKSAK
@OCKSAK 4 жыл бұрын
I have tried so many times... it's not working for me. Could you guide me through?
@SonsofTechnology
@SonsofTechnology 4 жыл бұрын
Did you go down to the bottom of the Google doc and try the samples?
@PolyMadd
@PolyMadd 3 жыл бұрын
Aaaand the link in description is broken :(
@jessiechan7872
@jessiechan7872 3 жыл бұрын
Where the the document again
@prestonage
@prestonage 4 жыл бұрын
Not working any longer. It just loads perpetually.
@SonsofTechnology
@SonsofTechnology 4 жыл бұрын
Hmm... I just did a training today on it and it worked fine for us. Which sample did you use?
@myriama2893
@myriama2893 4 жыл бұрын
it worked super good.. but now, I have an issue... my new font is not responsive to the mobile device version... I had scrolling bars appearing on the right side of every text with this font. I removed this by adding to the embed code, this code below parent.document.getElementsByTagName('')[0].scrolling="no"; But now, my text is not appearing completely (only a part). I tried the solution suggested below : but it does not work... anybody found the solution?
@myriama2893
@myriama2893 4 жыл бұрын
after 2 days of experiment, I found the write embed code.. I share for the others body { font-family: 'Homemade Apple', serif; font-size: 18px;text-align: center; color:#FFFFFF } type your text here and modify of course size of front, style ect .... as you wish . Enjoy parent.document.getElementsByTagName('')[0].scrolling="no";
@pauloliver2396
@pauloliver2396 3 жыл бұрын
@@myriama2893 Works brilliantly!! Thankyou
@kyladenicesarad619
@kyladenicesarad619 4 жыл бұрын
Anyone I need help and respond is highly appreciated
@TheNSDESK
@TheNSDESK 3 жыл бұрын
你是个很棒的人我希望你是选举的一部分
@muznamahmood9596
@muznamahmood9596 4 жыл бұрын
Here is a quick copy and paste sheet whcih wil allwo you to simplify the process: docs.google.com/document/d/1ID3jiCpM-C01a75B1IQmPLNX_QM69K10LbVv9NUnqK0/edit#heading=h.wk0ejlnz6jqn
Google Sites eBinder Series Pt.3: Template Types
7:19
Sons of Technology
Рет қаралды 1,4 М.
Google Sites hacks you've NEVER heard of!
14:11
She Designs Things
Рет қаралды 121 М.
Llegó al techo 😱
00:37
Juan De Dios Pantoja
Рет қаралды 49 МЛН
ЧУТЬ НЕ УТОНУЛ #shorts
00:27
Паша Осадчий
Рет қаралды 9 МЛН
Nastya and SeanDoesMagic
00:16
Nastya
Рет қаралды 19 МЛН
Google Sites Pros and Cons of this Excellent FREE Website Builder
12:01
Learn CSS fonts in 7 minutes! 🔤
7:21
Bro Code
Рет қаралды 17 М.
Top 10 Tips for Google Sites for Beginner and Power User
10:02
Flipped Classroom Tutorials
Рет қаралды 180 М.
How to do More with Google Sites and use Advanced embed features!
19:53
Flipped Classroom Tutorials
Рет қаралды 598 М.
Google Sites - Embed Social Media
8:40
Teacher's Tech
Рет қаралды 90 М.
HELP! My Google Site looks AWFUL on mobile
13:41
She Designs Things
Рет қаралды 11 М.
how to make your own font + import into goodnotes ⌨️
9:39
emilystudying
Рет қаралды 475 М.
How to create a Website in Google Sites for Free
23:29
Flipped Classroom Tutorials
Рет қаралды 1,2 МЛН
How to use Google Sites to Create Website with Domain
22:33
Kevin Stratvert
Рет қаралды 697 М.