Menu
I want to add dropbox url in the below link tags and script tags,so that I can use this template in my blog. I tried it, but the themes are not being applied. Please help. My common dropbox folder: https://www.dropbox.com/sh/b7bqyva7pz39nx1/QIGR6hJpkM contains css and js files.
<head>
<title>Tessellate by HTML5 UP</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<link href="http://fonts.googleapis.com/css?family=Roboto:100,100italic,300,300italic,400,400italic" rel="stylesheet" type="text/css" />
<!--[if lte IE 8]><script src="https://www.dropbox.com/sh/b7bqyva7pz39nx1/QIGR6hJpkM/html5shiv.js"></script><![endif]-->
<script src="https://www.dropbox.com/sh/b7bqyva7pz39nx1/QIGR6hJpkM/jquery.min.js"></script>
<script src="https://www.dropbox.com/sh/b7bqyva7pz39nx1/QIGR6hJpkM/skel.min.js"></script>
<script src="js/init.js"></script>
<noscript>
<link rel="stylesheet" href="https://www.dropbox.com/sh/b7bqyva7pz39nx1/QIGR6hJpkM/skel-noscript.css" />
<link rel="stylesheet" href="https://www.dropbox.com/sh/b7bqyva7pz39nx1/QIGR6hJpkM/style.css" />
<link rel="stylesheet" href="https://www.dropbox.com/sh/b7bqyva7pz39nx1/QIGR6hJpkM/style-wide.css" />
</noscript>
<!--[if lte IE 8]><link rel="stylesheet" href="https://www.dropbox.com/sh/b7bqyva7pz39nx1/QIGR6hJpkM/v8.css" /><![endif]-->
<!--[if lte IE 9]><link rel="stylesheet" href="https://www.dropbox.com/sh/b7bqyva7pz39nx1/QIGR6hJpkM/v9.css" /><![endif]--
259
To link a CSS file with your HTML file, you have to write the next script on your HTML file inside the head tag. To link a Js file with your HTML, you only have to add the source of the script inside the body tag or outside; it doesn't matter.
We can link JavaScript to HTML by adding all the JavaScript code inside the HTML file. We achieve this using the script tag which was explained earlier. We can put the <script></script> tag either inside the head of the HTML or at the end of the body.
Embedding Files or Folders using anchor tags One way to embed content is using an anchor tag ( <a> ). Anchor tags with class=dropbox-embed and an href attribute set to a shared link will automatically expand the link into embedded content.
Replace www. with dl. is what worked for me.
Something like this: https://dl.dropbox.com/s/...
55
Copy the link by Clicking on "Share" and add ?raw=1 after every JS and CSS file or other files that you want to host on Dropbox.
<script src='https://www.dropbox.com/s/example.js?raw=1' type='text/javascript'></script>
Reference: https://docs.helpscout.net/article/92-stylesheet-dropbox
Copy the public link of your file and then replace www with dl and it should work. I tried it, its working, here is the JS file link with the code -
<script src='https://dl.dropboxusercontent.com/s/au8i66el92duxdm/homeslider.js'></script>
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
