Friday, 12 July 2013

Hosting Your Files Using Google Drive


Google Drive is the package powered by Google to host your files. Hosting files have always been a problem for many people, but Google has solved this problem with the help of their DRIVEservice. By using this GOOGLE DRIVE service, you can upload different types of files such as CSS, JavaScript, HTML or other etc. Google DRIVE service can store files easily with some great features. In this tutorial we are going to show you how you can store your files using Google DRIVE.


Why HOST Files At Google DRIVE?

This question has been asked several times by people that instead of using other hosting service why should we use Google DRIVE to host files. Well the answer lies in the following great features of Google Drive service. Take a look:

1. It’s Free

First of all, the main reason to use Google Drive to host your files is that it’s absolutely free and without cost. Google do not charge you anything to host files at Google Drivewhile some other files hosting service might charge you. 

2. Space

Google Drive provides 15 GB storage space to all the users which is according to documents is a lot of space because document size is very small i.e. In some KB’s. However this 15 GB space is only for basic accounts if you want more space you can upgrade your account to premium.

3. Create & Host

Google Drive offers you to see the real-time changes in your documents as you edit them. It also facilitates your to create and host several kinds of spreadsheets & presentations.

4. Reliable & Dependable

Google Drive is considered as the most reliable and dependable source to host files. It gives you the facility to host your files with 100% server uptime whereas the servers of other hosting services may get down sometimes.

5. Go Back & Revise

Google Drive has intended the great feature of TRACKING. When you make the changes to your document and save, it tracks the changes that you make to your document and save the both old and new versions so that you can take look and revise them consequently.

6. Privacy

Google Drive provides you the facility of PRIVACY. You can control all the privacy concerns directly from your Google Drive Dashboard. It’s up to you whether you can share your files with everyone or keep them private.

7. Security

When it comes to security, Google Drive is always on the top because it has employed HTTPS encryption to keep your documents absolutely secure & safe.

How To Host Files At Google Drive?

You can upload any type of file using Google Drive. Let’s see how you can implement this:

1. Log in to Google DRIVE.

2. From the left side dashboard menu, click “CREATE”.




Note:- Apply the above step-2 only if you want to create a FOLDER, Document, Spreadsheet, Presentation etc. within the Google Drive. Otherwise move to next step.

3. Click “Upload” button to upload the file or folder from your PC.





4. If you have uploaded a single file as I did .e.g. “Example.docx”, you will see a little window containing your file with the message “UPLOAD COMPLETE”.





5. After you have uploaded the file, SELECT THE FILE & click MORE menu at the top.




6. In the “MORE” drop down menu,move to “SHARE” and then click “SHARE”.






7. In the “Sharing Settings”window, click “CHANGE” in the “WHO HAS ACCESS” area.






8. Another small “SHARING SETTINGS”window will open. In “VISIBILTY OPTIONS” select “PUBLIC ON THE WEB” and click“SAVE”.





How To Host CSS OR JAVAScript Files In Blogger Using Google Drive?

Mostly people want to host CSS and JavaScript files because the drawback of uploading CSS or JavaScript codedirectly in to the Blogger Template Code, will increase the load time of your blog while uploading these STYLE CODING files on external hosting service like Google Drive, will decrease the load time of your blog and make your blog loads faster. So now learn how to host CSS or JavaScript files in Blogger using Google Drive. 

Hosting CSS Files:

1. Log-in to your Blogger Dashboard.

2. Go to Template > Backup. (Click Here To See, How?)

3. Now click “Edit HTML.”


4. Inside the “HTML EDITOR”, Press CTRL+F and search for <b:skin> tag. Click  to expand the code.



5. Copy all the CSS code between <b:skin> &  ]]></b:skin> tag and after copying must remove all the CSS code.

6. Next open a new Notepad file & paste all the CSS code in it and save it as Style.css (where STYLE is my file name, you can give the name whatever you want).

7. Follow the steps from 1-8 mentioned as above in How To Host Files At Google Drive” Section and then move forward.

8. In the “Sharing Settings” window, copy the link located in “LINK TO SHARE” text box and click DONE. 





The link will look similar to the following link:

https://docs.google.com/file/d/0B1e7eeKnhqERWkx5U2VpNlRmAWs/

Now be careful here, only replace the YELLOW highlighted part in the link as shown above with the following piece of URL:

https://googledrive.com/host/


So the complete URL will look like:

https://googledrive.com/host/0B1e7eeKnhqERWkx5U2VpNlRmAWs (copy the link and save it for later use).


Note:- 0B1e7eeKnhqERWkx5U2VpNlRmAWs is my file code,your file code may be different. Don’t touch (change or edit) your file code.

10. Come back again to your Blogger Dashboard.

11. Click “Edit HTML.”

12. Inside the “HTML EDITOR”, Press CTRL+F and search for <head> tag.


13. Just above <head> tag paste that Google Drive hosted file URL (saved in notepad file) with the following structure. i.e.

<link href="https://googledrive.com/host/0B1e7eeKnhqERWkx5U2VpNlRmAWs rel="stylesheet"></link>

14. Click “SAVE Template” and you are all done.


Hosting JAVAScript Files: 

For hosting of JavaScript Files, simply follow all the above steps as shown in “Hosting CSS Files” section (Exclude Step-3 & 4). JAVAScript code may be in some other external source file which you can copy and make your own JavaScript Code File. You have to make only 2 changes:

1. First change is in step-6 when you save the file save with .jsextension e.g. Style.js 

2. When you reach to step-13 and paste that Google Drive hosted file URL with the following structure: 

<script src="https://googledrive.com/host/0B1e7eeKnhqERWkx5U2VpNlRmAWs" type="text/javascript"></script>




That’s All.


Happy Blogging.

Got Questions?

Don’t forget to spread this knowledge with your friends and subscribe at our blog for more updates. If you need any questions, please feel free to ask by leaving your comments below and we will try our best to answer and will be great honor for us. Peace, blessings & cheers.! :)

No comments:

Post a Comment

THANK YOU FOR COMMENT ON HTTP://TWEEKNTRICK.blogspot.com