Geek Answers Handbook

How to apply CSS and JavaScript from the Dropbox folder (for use on Blogger)

I want to add the Dropbox URL in the tags below links and script tags so that I can use this template on my blog. I tried, but the topics do not apply. Please help. My Dropbox shared 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]--
+6
source share
7 answers

Replace www. on dl. that worked for me.

Something like this: https://dl.dropbox.com/s/...

+18
source

Copy the link by clicking Share and add? raw = 1 after each JS and CSS file or other files that you want to place in Dropbox.

 <script src='https://www.dropbox.com/s/example.js?raw=1' type='text/javascript'></script>
+1
source

I get 404 on your links, which means that your files are probably only available to you when you are logged in. To stop this, you need to use the public delete link

To do this, go to your file in Dropbox and right-click your CSS file and select Copy Public Link. This will copy the direct URL of your CSS file to the clipboard, which should work

0
source

Put the files in a shared folder and then copy the public link.

See this article on dropping files on Dropbox.

0
source

I had the same problem using images and fonts in a shared folder that I correctly wrote using Copy Public Link. Then I checked the properties of the Dropbox shared folder, for some reason the Read-Only block was shaded. I clicked it and then was able to download Blogger from the shared folder.

0
source

Link: 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 working, here is the link of the JS file with the code -

 <script src='https://dl.dropboxusercontent.com/s/au8i66el92duxdm/homeslider.js'></script>
0
source

Try dl.dropboxusercontent.com instead of www.dropbox.com

-1
source

More articles:


All Articles