How to use .css source file CDN Link in Javascript and Obfuscator Tutorial

CSS (Cascading Style Sheets) is a programming language used for describing the visual style and layout of web pages written in HTML or XHTML. It allows web developers to separate the presentation of a web page from its content, making it easier to manage and update a website's appearance.

CDN links are URLs that point to the content stored on the CDN's servers, rather than the origin server. They are commonly used in website development to reference static resources such as images, CSS files, JavaScript files, and other types of files that don't change frequently. By using CDN links to reference these files, website developers can improve the website's loading speed, reduce server load, and enhance the user experience.

Tutorial

A Example Of .css CDN Link:

https://cdn.jsdelivr.net/gh/sanvedesign/Blogger@main/changelog.css

Now useing this .css source file CDN Link we will use it in Javascript code.

Style CDN Link Use Javascript Code:

For Single .css Source File CDN Link JS:

const cssFiles = [
  "https://cdn.jsdelivr.net/gh/sanvedesign/Blogger@main/changelog.css",
];

const head = document.getElementsByTagName("head")[0];

cssFiles.forEach(function(cssFile) {
  const link = document.createElement("link");
  link.rel = "stylesheet";
  link.type = "text/css";
  link.href = cssFile;
  head.appendChild(link);
});

For More .css Source File CDN Link JS:

const cssFiles = [
  "https://example.com/css/custom.css",
  "https://example.com/css/custom.css",
  "https://example.com/css/custom.css"
];

const head = document.getElementsByTagName("head")[0];

cssFiles.forEach(function(cssFile) {
  const link = document.createElement("link");
  link.rel = "stylesheet";
  link.type = "text/css";
  link.href = cssFile;
  head.appendChild(link);
});

In The Post Adobe Gived Javascript Code First Of Use This: <script>//<![CDATA[ and Last Of Javascript Use This: //]]></script>.

Where Add The Javascript Code ?

In The Post Gived Following Javascript code we can use XML/Blogger Template Adobe the </head> </body> Section.

A Demo Of The Code:

Copy The Gived Following Javascript or Html Code and Blogger Create New Post Switch To HTML VIEW and Paste The Following Code And Publish the post in post see that Javascript or Html working or not.

Javascript or Html Code:

<div class='l'>
   <label for='offchangeLog'>Changelogs</label>
</div>

<!--[ Changelog ]-->
<input class='logInput hidden' id='offchangeLog' type='checkbox' />
<div class='changeLog'>
   <label class='logClose' for='offchangeLog'>
      <svg class='line' viewbox='0 0 24 24'><line x1='18' x2='6' y1='6' y2='18'/><line x1='6' x2='18' y1='6' y2='18'/></svg>
   </label>
   <div class='logContent'>
      <!--[ Changelog Heading ]-->
      <h2>Changelogs</h2>
      
      <!--[ Changelog Content ]-->
      <p>contents_here</p>
   </div>
</div>

<script>//<!CDATA[
const cssFiles = [
  "https://cdn.jsdelivr.net/gh/sanvedesign/Blogger@main/changelog.css",
];

const head = document.getElementsByTagName("head")[0];

cssFiles.forEach(function(cssFile) {
  const link = document.createElement("link");
  link.rel = "stylesheet";
  link.type = "text/css";
  link.href = cssFile;
  head.appendChild(link);
});
//]]></script>

Source By:
www.sanvedesign.com