Create my own Google site template Using my own CSS [duplicate] - html

This question already has an answer here:
How to create a custom Google Sites theme?
(1 answer)
Closed 5 years ago.
Is there a way to create my custom Google site using my own CSS code? I have tried putting <style> but google won't allow me. I can use several inline CSS, but i have noticed that some CSS are not allowed too. e.g position:absolute;
I'm asking this because i can see some websites selling Google site templates. How did they manage to do those template? What language are they using? Is there some sort of software that does it?

Create a code block. This allows you to put HTML/CSS/Javascript into a google site with less restrictions that the edit source feature.

Related

Is it possible to share a website without hosting it? [duplicate]

This question already has answers here:
Is there anyway to render a website and share it without hosting it?
(2 answers)
Closed 1 year ago.
So recently I started a project to expand my knowledge when it comes to HTML and CSS. I made a little website just for myself and I want to get some feedback from my friend.
I want him to be able to maybe click on a link and then get to my website (doesn't have to be a link). So I don't want to publish the website for anyone but for my friend or anyone that has that link or something like that.
I already heard about sharing files to someone on OneDrive and including all the code in it but my OneDrive is already out of storage so something different would be nice.
It is best to use pages.github.com check the page is a small post and video tutorial on how to use it, greetings bro!

Is it better to use the Bootstrap CDN or is it prefered to download and use the bootstrap css and javascript files? [duplicate]

This question already has answers here:
Is it better to use CDN for js and similar resources vs local? [closed]
(2 answers)
Closed 2 years ago.
How do i know when should i use what and which one is preferred?
I have tried using both and found that loading files through a CDN was giving me better loadtimes but i've seen articles online saying that downloading the files is a much better way.
I am just a beginner please help.
When you are in developing the site, it wouldn't matter if you download it and use. When you are up for production, CDN is better.
It will speed up the site(not drastically). When a browser loads a web page it reads the HTML file first. then it checks URL or CSS, javascript and images. If it is offline/on your server then it will ask your server to get CSS, javascript, images and fonts for bootstrap.
If you test your website with google web tool or any other page speed analyzer, CDN showed a better result.

Encrypt CSS style and HTML Is possible? [duplicate]

This question already has answers here:
How to disable (View Source) and (Ctrl + C ) from my site
(10 answers)
Closed 6 years ago.
My scenario is I have created a html website using inline css and also used css generator tool for menu items so any one who have good Idea in design can easily track that style is generated by tool that's why I want encrypt html and css source after rendering .
please suggest me is there any option to encrypt html or css code.
Thanks In advance.
no I would say thats not possible.
HTML and CSS are client side code which is open for all to view.
So they can't be encrypted.
Maybe look at minification, but the browser needs to interperate the code so encryption wouldn't be an option.
Here is some links to minify.
https://cssminifier.com
https://javascript-minifier.com/
If your using a CMS there are plently of minification tools.

How to let robots parse our custom html elements? [duplicate]

This question already has answers here:
How do search engines deal with AngularJS applications?
(15 answers)
Closed 6 years ago.
I have a website containing custom elements (i use angular 2), and google fails to parse them correctly :
It only sees
<my-app></my-app>
It seems that the value of this component is not retrieved at all by google robots.
Is there a best practice / workaround ?
Thanks for your help.
This has been asked a million times. Please refer to this question and this specific page by google.
Times have changed. Today, as long as you're not blocking Googlebot from crawling your JavaScript or CSS files, we are generally able to render and understand your web pages like modern browsers. To reflect this improvement, we recently updated our technical Webmaster Guidelines to recommend against disallowing Googlebot from crawling your site's CSS or JS files.
What you can do is getting the HTML of your rendered page and inserting it into the <my-app></my-app> tags without user information or the like.
This will get replaced anyway after Angular has booted up, this means you can even put something completely different in there.

Chrome extension, how to Modify page content (add something) [duplicate]

This question already has answers here:
Modify HTML of loaded pages using chrome extensions
(2 answers)
Closed 6 years ago.
I'm new to Chrome extension development, my first project (to learn) is to create an extension that adds some html to another website's existing page.
I plan on creating a 'page' action which fires for a page with a certain URL...
Has anyone seen a tutorial like this, or do you know of an API for adding html to a page?
You can find some example at Google Sample Extension page, however your question seems better answered on this other question.
There are a number of sample extensions on the Chrome extension API site. There are a couple of browserAction examples that will be almost identical to using pageAction.