Lets begin the today's post which is a helpful article so, today's article in how to host or upload your Javascript and CSS files on Google Code. Google code is one of the best place for hosting or uploading any files in other words you can not just upload Javascript and CSS file even any file types. Google Code is part of Google where you ca upload your data without any tension and problem but Google Code is recommended for only JavaScript and CSS and many othere if your hope is uploading other files then you can easily upload your files in Google Code. Just like my example I've uploaded lot of template in Google Code for our readers. Many companies are offers for upload your JavaScript and CSS file such as Yourjavascript.com, dropbox, and etc.
One more method to upload your .js(JavaScript) and .css(CSS) files that is Google Drive. It is one more great method for hosting but little different between hosting on Google Drive and Google Code that is Google Drive have 15 GB space but Google Code have 4096 MB space.
I'm sure that these methods are really help you and save your money Once you're become expert in hosting JavaScript and CSS file in Google Code or Drive then you will no need to but the server for hosting. Lets begin the tutorial.
How To Host CSS or JavaScript Files In Google Code?
Well, friends after some gained the some information about the hosting on Google Code then I can teach you for your helping in hosting javascript and CSS file in google code. Remember after the some post then one day I've may be share another method for hosting JavaScript and CSS file in Google Drive so, please keep visiting us regularly. To Host the CSS or JavaScript Files In Google Code, just follow below steps.
- One thing you remember you need a Google account because Google Code is a company of Google.
- After log in go to Google Code Website.
- Click on "Create a new project"
- Type your project name without giving spaces and feel full form like below image.
- Note: Make sure you set the version control system as Subversion and the source code license as Mozilla Public License 11.
- After filling the form click on "Create project".
- After creating a project a new page has open there you have click on "Source".
- After clicking again new page has open there you've click on "Browse".
- After clicking again new page has open there you've click on "trunk">>Create or Upload
- Make a JavaScript or CSS File using with your Notepad don't forget to save your file with following rules.
For JavaScript File ---> saves as .js
For CSS File ----> Save as .css
- After creating the Files you need to upload them.
- choose your file which you want to upload and then write your commit or anything in Commit Log field
- Then click on Commit.
- Then click on "View raw file".
- Copy your javascript file url in your browser address bar then using below choices.
<script src="Your-JavaScript-File-URL" type="text/javascript"></script>
- Replace highlighted code with your JavaScript file URL remember that your file URL ending with .js
- Finish.
Your Turn
So friends this is our long tutorial but helpful and 100% working. You can use this method in many places like your blogger template JavaScript Code and CSS Code and blogger Widgets also one this is best it is reduce your blogger blog loading time and one thing remember you will sit and relax because your files are uploaded in Google server. I hope you can enjoy this tutorial, If you're facing problem during this process then leave your comments for your solution and share this tutorial with your friends on social networking sites also like our Facebook page, keep visiting us.
Happy Blogging!
Happy Blogging!
Monday, August 25, 2014
