Html Script to Upload Files to Google Drive

Hello friends today I'one thousand gonna depict How To Host Your Own .js File Online for Free and Forever.
Nowadays Hosting your file online isn't much perfect by Free Online Hosting Sites. They usually inquire for Signup and after hosting your file , they delete it after some days. Thus if you are a Blogger / Web Designer or Custom Designer then you must upload your .js [Java] files to run them on your sites or blogs or for your templates. Professional person Web Designers always upload their files on such web services At that place are many sites which provide Gratuitous Java File Hosting but their services are a bit tough or risky. So today I'thou gonna tell you one site which totally provides a FREE Premium Java Script Hosting without whatever Signup.

Anyone that has always worked on a web design or development can tell you that where you decide to store your files is important. Every fourth dimension someone visits your site, the server or host volition access this location and bring up the relevant files that need to be displayed. Wherever you lot decide to store your files, this will have an touch on some important aspects like the speed that your site loads, your overall SEO ranking and your ability to make necessary adjustments to the site.

Things To Think Almost

When you are designing your online construction and where to store your important CSS and JavaScript files, here is a run downward on how this decision might impact your site afterward on:

Site Loading Speed

By combining some of the fashion sheets and website files, the Blogger server merely has to collect information from a single location. When you lot carve up upward your files or decentralize the file system, it takes a longer time for all the information to come together to make your site possible.

Slow loading speeds tin negatively bear upon your SEO ratings because the slower the site is, the less likely that visitors are going to wait around for it to load. If someone visits your site and immediately clicks the 'back' push because it'southward taking too long to load, that is going to increase your bounce rate and provide Google with statistics that show your site is either low quality or irrelevant to the search keywords.

File Storage Affects SEO

In addition to increasing your bounce rate, storing your files in a central location and managing the name of your files tin can impact SEO site wide. Web crawlers enlisted past Google, or some of the other search engines, index both the code on your site, and the proper noun and directory of your files. If file names are random or not placed in the proper categories, the web crawlers aren't going to know what to practise with the information.

Clear file construction and a cardinal location provide you with incentive to organize everything and name them appropriately. All the content that is relevant to the subject of your website or blog volition exist in the same location for spider web crawlers to review.

Storage Locations Affect Editing Abilities

Shuffling through files and folders or opening up FTP connections just to make some unproblematic edits can be a hassle, and take up a lot of time that could accept otherwise take been spent writing new content.

If y'all're a Blogger site owner, this is something yous demand to call back about. When you need to make alterations to things similar social media sharing buttons, popular posts, recent posts and related posts widgets, you lot take to know where everything is intended to become, or take chances losing both available content and money.

Some of the larger sites that produce hundreds of unique articles each month tin can't afford to have content in different locations. When articles start to get lost out of order, they run the run a risk of duplicating content on their site, or forgetting to postal service it altogether. Things should be right at your fingertips to minimize mistakes and reduce the corporeality of time spent editing the site while it'due south all the same alive.

Storing Javascript/CSS Files With Google Bulldoze

Storing Blogger CSS and JavaScript files with Google Drive will help to eliminate whatever of the problems mentioned above and reduce the ataxia among your services. Taking this method tin can increase your site speed, increase the opportunities for a successful SEO campaign, and make your life so much easier.

Google Drive provides ample corporeality of infinite to store large files, and offers collaboration services then that you can piece of work among dissimilar team members on the aforementioned project. Some of the files that you upload into the cloud services can remain unpublished and stay within the private site, whereas other files like blog posts can exist published or stored to the public site.

Another beneficial feature of storing all your Blogger files on Google Bulldoze is that information technology is highly secure. Google comes with the bankroll of one of the leading companies in the technical world so that you can be sure your content is safe from hackers and those looking to compromise your site.

This guide volition provide y'all with step-by-stride instructions on how to setup your Blogger site using Google Drive. Information technology's completely free to take advantage of this strategy, and will provide you with a solid platform from which to build your blog.

Step ane. Gear up the CSS/JavaScript Files

• Get-go, we need to create the file that we demand to host. To host a CSS file, open up the Notepad and paste the CSS code (if it is enclosed within the <way> and </way> tags, remove them).

• In the Notepad card, select 'File' > 'Save as' and type the file name with the .css extension just similar I did with mycssfile.css – encounter the screenshot below.

• In the same window, cull "All files" in the "Salvage as type" option and set the Character Encoding to UTF-8.

• If you want to host a JavaScript file, add the .js extension (instead of .css) at the end of your file proper noun (remove the <script>…</script> tags if you see them). Click "Relieve" and navigate to the location where you desire to save the file.

Step two. Upload Your File on Google Drive

• Access https://bulldoze.google.com and log in with your Gmail business relationship. After you lot logged in, click on the 'Create' push and add together a new dissever folder to upload your JavaScript and CSS files.

• Open the newly created binder, and click on the Upload button with the upward arrow to choose the files that you need to upload.

• Now, navigate to the location where yous saved the files, select them (to select multiple files, press and hold downwardly the Ctrl cardinal on your keyboard and then click on them) and printing the Open button.

• Afterward the files have been successfully uploaded, correct click on the file names (to select all your files in the binder, click on the checkbox) and select 'Share':

• In the 'Sharing settings' window, click on the 'Alter' link and cull the 'Public on the web' option. Press 'Save' and copy the link(southward) of your uploaded file(s) from the 'Links to share' box highlighted in blue, then paste it into a Notepad to use information technology later.

Step 3. How to Add together an External CSS/JavaScript file to Blogger

Before yous can utilise the links, you lot must supervene upon 'https://bulldoze.google.com/file/d' to 'https://googledrive.com/host' and remove '/edit?usp=sharing' in the link.

For case, the link to mycssfile.css that I copied looks similar this:

https://drive.google.com/file/d/0B4n9GL3eVuV-TkphMkc3SFR2Slk/edit?usp=sharing

Notice the part in blueish subsequently the "/file/d/" part. That is the file ID which is used to access it via the new hosting service. It should kickoff with the following URL:

https://googledrive.com/host/

Add the file ID like this (remove the '/edit?usp=sharing' office):

https://googledrive.com/host/0B4n9GL3eVuV-TkphMkc3SFR2Slk

At present log into your Blogger business relationship, select your blog and go to Template > Edit HTML. Click anywhere inside the code area and printing the CTRL + F keys to open the search box:

If y'all want to add together a CSS file, type the following tag inside the search box and striking Enter to detect it:

<head>

Just BELOW the <caput> tag, add together this line:

<link rel="stylesheet" type="text/css" href="https://googledrive.com/host/0B4n9GL3eVuV-TkphMkc3SFR2Slk" />

And replace https://googledrive.com/host/0B4n9GL3eVuV-TkphMkc3SFR2Slk with the link of your CSS file:

If y'all desire to add a Javascript file, search for the following tag:

</torso>

And add this line merely Higher up it:

<script src='https://googledrive.com/host/0B4n9GL3eVuV-eVYwLXBrTlZrVDg' type='text/javascript'></script>

Replace the line in bluish with your URL:

Finally, press the 'Save template' button to save the changes. And you're done!

.post-body ul li {
list-style-type: disc;
margin-left: 30px;
}
.mail service-body h4 {
font-size: 17px;
color: #777;
}

Recommended Stylish Blogger Widgets

1. Stylish Contact Form for Blogger! Add to Static Folio.
2. Stylish Popup Subscription Box for Blogger.
3. WordPress Like Floating Social Sharing Counter Buttons for Blogger.

.mail service-trunk ul li {
list-manner-type: disc;
margin-left: 30px;
}
.post-trunk h4 {
font-size: 17px;
color: #777;
}

Decision:

Once you have successfully saved all your file folders and closed out of the bulldoze. Open your site in a browser and make certain that all the changes accept completed successfully.

Side by side fourth dimension y'all want to edit whatever of the data or move internal files, all you lot have to practice is open up the Google Drive folder on your account and brand the modifications from that location. Those files will so automatically sync to the online folder and make updates to your site. This works the aforementioned if you want to modify the appearance past modifying the CSS code to extend the header, footer, or make customizations.

As you can come across, changing your file storage out so that is CSS and JavaScript is stored on your Google Bulldoze account is easy to do and just takes a few minutes. After you make the alter, you can brainstorm benefiting from faster loading speeds, higher SEO rankings, and overall a more convenient platform to work from to increase the efficiency of your work.

cherryparl1953.blogspot.com

Source: https://www.mybloggerguides.com/host-self-js-css-files-using-google-drive/

Share this post