How to Upload a Css File to Dropbox
In i of our previous article we have share how to host self CSS and JS files using google drive in blogger and now we are going to share another fashion to host your CSS and Js files. There are many websites where we can host our CSS and Js files for costless only Co-ordinate to us dropbox is the all-time deject server to host files for a website because of its fast loading technique.
Equally we have mentioned to a higher place dropbox is the best cloud server. Dropbox gives u.s.a. 2GB free space with 10GB/day Bandwidth(Information Transfer Limit) and if you are a paid user so you lot tin get even more. Past using dropbox we tin direct hotlink to our files by public sharing.
Read Also : Floating – Horizontal Jumbo Animated Counter Social Share Bars for Blogger.
Okay now we are going to acquire how to utilize dropbox for hosting our CSS file and JS Files without any cost. And then lets get directly to piece of work.
Host CSS & JS Files On Dropbox
STEP1] Start yous have to create a file which you desire to host using notepad. To host a file, Open notepad and paste CSS code or script code which you lot want to host.
Annotation: Remove <manner> … </style> tag from CSS files and <script> … </script> tags from JavaScript files.
STEP2] Now in the notepad carte click on File >> Save As and after that type the file proper noun. For example : If you are creating a CSS Style sheet then type filename.css and if you are creating any script file and so type filename.js. For more see demo screenshot below.
STEP3] In the aforementioned window (Save As) you take to select UTF-8 in Encoding choice before relieve information technology. All all of above guide click on salve button to save it.
STEP4] At present go to dropbox site and create an account on dropbox if you don't have and after that verify your mail address.
STEP5] Now login to your dropbox account.
STEP6] Click upload button which is placed at the right side of page.
STEP7] At present click on choose file button which is appear on inline popular-upwardly window.
STEP8] Select the file which you take created using notepad.
STEP9] After complete the process of uploading file click on Washed.
STEP10] Click On Share Button >> Click on create a link to generate a link and after that click on copy link to copy the link.
STEP11] If link not copied then printing CTRL+C to copy the file link.
How To Utilize Dropbox File Link to Host in Blogger?
Every dropbox link contain with ?dl=0 at terminal. This link format is for only meet the file. So you lot accept to modify the link format. You tin host dropbox file by doing little change. You have to supervene upon ?dl=0 to ?dl=1 in every link which you lot want to host.
For example in our instance the link which we have copied is https://www.dropbox.com/s/mooxqy1cdh37awg/filename.css?dl=0 but we have to change it like this https://www.dropbox.com/south/mooxqy1cdh37awg/filename.css?dl=1.
Hosting CSS Files in Blogger Using Dropbox
If you want to host CSS file then search for <head> tag inside blogger template code area and after that paste below line to template code area in <head> … </head> section and after that modify link to your dropbox file link.
<link rel="stylesheet" type="text/css" href="https://www.dropbox.com/south/mooxqy1cdh37awg/filename.css?dl=one"/>
Hosting JS Files in Blogger Using Dropbox
If yous want to host JS file and so search for </trunk> tag inside
blogger template code area and after that paste below line just above of </body> tag and afterward that change link to your dropbox file link.
<script src="https://www.dropbox.com/southward/mooxqy1cdh37awg/filename.js?dl=i" type="text/javascript"></script>
After all above process click on save template push to save it properly.
Too Read : Customized Contact Course for Blogger Static Page.
Decision:
So higher up guide is nigh "hosting CSS and JS files using Dropbox". We tried our best to make tutorial easy every bit much as possible only if any case you are facing trouble so let us know via dropping a comment below. We would similar to assist you lot. Hope you similar this trick and now its your plough to give feedback via using comment box. Do Share with your friends and Subscribe U.s.a..
Cheers! Stay Blest!
Source: https://www.mybloggerguides.com/host-css-js-files-using-dropbox/
Post a Comment for "How to Upload a Css File to Dropbox"