Dev Tunes

 

How you build a website that's your choice. You can make website trough simple html editor or you can use third party software ( like Artisteer ). So any how develop your necessary files. It may be consisted of HTML, JavaScript, CSS or any other files. A web developer is well known about it.

For example I use " Artisteer " to make necessary files in very short time. Here is the screenshot of necessary files : 

Next in that folder you have to upload your files and folders. So click on the upload icon next to CREATE option and upload the files ( and folders if necessary ). For example see below :

The last step is getting the link. To get the link Right click on your desired file ( like: index.html ) and click on " Details " then in right side details box you can find your link somewhat looks like

https://googledrive.com/host/0BwJHRoWkN1kOaWk5RlVKYjRqRlU/index.html

  

Now your website is online. You are done.

Although Google does not allow to add a custom domain for Google Drive hosted website. But with a the help of this website : http://gweb.io/ you can add a custom domain for your website. Just follow the steps :

On that website click  " Login with Google ". Then it will be redirected to a request permission Page and there click " Accept ".

Then it will take you a page containing your Google Drive files and folders. There you can easily find the folder in which your website's files and folders are hosted.

Click on the " Link " button beside the desire folder name. See an example :

Then URI would somewhat like devtunes.gweb.io and " Domain? " box will be blank. Now go to your browser, type { devtunes.gweb.io } and enjoy your website. 

Note : The folder should contain an index.html file of your website. Otherwise it will just display a list of files present in that folder.

And in the " Domain? " box you can add your Custom Domain. But before adding  a custom Domain you have to do two things.

Now in the address bar type [ example.com ] or [ www.example.com ] and enjoy your website.

• To define the style information <style> tag is used in an HTML document. CSS coding is put between two <style></style> tags. It describes that how an HTML document should render in a Web Browser. 
• <script>tag is used to define scripts like JavaScript. This tag contains Scripting statements or an external file/document through "src" attribute.

And each HTML document may contain multiple <script> tag.
Generally these consist  of very long code. And multiple Script slows down the page loading rate and also decrease the rate of SEO. So a webmaster prefers to add their whole stylesheet/script in one file which they can upload in a website and after that they can apply these  very easily.
In Blogspot you can use JavaScript and CSS whatever you want. But blogspot does not let us to host Javascript and CSS file. We can add raw code. So most of us added Javascript and CSS directly into blogger template. But the template editor editor is very small in size. So our faces many problems while editing a template.

Although Blogspot has few limitations that stop you from hosting a Javascript or CSS file. So you have to upload these to a third party website. But also on those website sometimes you faces problem like-those website loading speed is not good, not enough bandwidth, sometime you have to pay for hosting above all security.

Luckily Google Drive solves these problems. Using Google Drive we can easily host anything as well as Javascript or CSS or HTML file for free. And you can use these files directly to your website.
Today I will show you How to host JavaScript or CSS in Blogspot using Google Drive .

• Lots of Space: Google drive lets you 15 GB space for hosting to a regular account. It is sufficient to host a large number of Javascript/CSS files. However you can upgrade your account. If you do not want to upgrade  just use this service through another an account and you will get another 15GB space. There is no limitation to create multiple accounts in Google. So Cheers guys you can  put your whole computer in Google Drive. LOL :-D.
• Reliable as well as Dependable : With unlimited bandwidth Google Drive provides you to host anything as you like with full freedom. There is no limitation or any kind of condition.
• Better security : Google has always proven that they are the best in security all companies. Google Drive is one of their services with unlimited bandwidth. Moreover to serve maximum security Google Drive usages HTTPS encryption to keep your document safe.
• Automatic Backup : Google Drive creates a backup (new revision) of your file whenever you make changes to a file. Google tracks your changes all time. So you can revise the file and restore that version.
• Sharing Option : You can share a file to anyone or you can make it private. You can select the option for others to comment, share, view or edit your stuff.
• Free Free Free : Completely Free : You can use all these features for FREE. No charges apply. 

How to host a JavaScript or CSS in Blogspot with Google Drive ?

There are several third-party Apps that let you to host your Javascript or CSS like Google Code, Google apps, Google Appbot. But the procedure to host files is more complex than Google Drive. Hosing at Google Drive is very easy and no need to worry about the bandwidth.

Step 1 : ( Creating .js/. css file from your template )

To host JavaScript/CSS you need to make .js/.css file from your template. To make these file you need Notepad.
First go to Google Drive and Log in with your Gmail account.

Did you play Chess Titans, Mahjong Titans,InkBall, Minesweeper,Purble Place, FreeCell, Hearts, Solitaire, Spider Solitaire ? Playing these games is one the best way to time pass. Whenever I am free I play Hearts.
On my desktop I use Windows7 Ultimate where I can play those games. But in my Laptop I use Windows Vista Business ( I bought my laptop in 2008 :-( ). There is no game option. And a few days ago I installed Windows 8 Pro but there is the same problem. No game option. On my laptop I used a trick to play those games. And also  in some Edition of Windows like Windows 7 Business and in some editions of Windows 8 there is no option for games in the Start Menu ( actually in Windows 8, there is no start menu button :-p ).
W T F ? I really like those games.
So what is the solution? With that same trick I was able to play those games in windows 8.
Now I am going to tell you the trick " How to activate default games in Windows Vista/7/8 "
Actually these games are not removed in those editions of Windows OS. Microsoft hides this feature for some reasons ( only Microsoft can explain the reasons :-D ). But they did not remove these games fully.
This trick turns on the hidden windows features. For this trick no need of any software.
Step 1 :

• First go to your Control Panel.
• Click on the " Programs ".
  

Step 2 :

• Then go to " Turn windows features on or off "

Step 3 :

•  Now a new window will appear like this..
 
• Tick on the box " Games "
• And click now OK

Just wait for some time and the default games will appear in the Start Menu. Now enjoy ... \m/

 There are so many websites to find the HTML color code for a specific color like
w3schools.com
HTML Color Codes 
Colorpicker.com
But when you are working offline then is is very hard to find that color code. Or you saw a color in a website/application/document. You liked it very much. But you cannot find that code for that color on those websites. So I am going to tell you How to find HTML color code instantly.

• Just download this software (420.67 KB) from the below link.

• Install it on your computer. After installing it will show in your Task Bar. Like this-

 This Software is developed by Instant Eyedropper.
How to use ?
Just Click on that icon in your task bar and hold it and then drag the mouse pointer to the desired color on your screen.


It will work everywhere in your computer screen. So you can pick color code from any application or document or website or in short whatever you see on your computer screen. In the above screenshot, you clearly see that how this software shows HTML color code from Google search page.