News!! Add Together Together Google Drive's One-Click-New Icons To Your Weblog Or Website

This Quick-Tip is close Google Docs / Drive's novel short-cut buttons for making a novel document, spreadsheet or presentation - together with how y'all lot tin grade the axe dismiss install them into your blog.

Google get got announced that one-click icons to exercise a Document, Spreadsheet or Presentation (now called Docs, Sheets, together with Slides respectivly) are available equally apps inwards the Chrome Web Store (a put where y'all lot tin grade the axe dismiss acquire various useful tools to install to your Chrome desktop or toolbar.

This is slap-up for people who business office Chrome - simply about people don't, for whatever reason.

Another option is to exactly gear upwards links to the novel commands into a put that y'all lot consider often - like your blog. I've done this amongst a gadget called "Make a file inwards Google Drive" which y'all lot tin grade the axe dismiss meet inwards my sidebar now.

To add together together this to your blog, exactly add together together a HTML/Javascript gadget in the dark-green way, together with gear upwards this code into the contents field.

<div style="text-align: center;">
<div style="display: inline-block; margin-right: 1em;">
<a target="_blank" href="https://docs.google.com/document/create"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgR6M0AJkBW9783b2L47O260ITgkVG4XTBLUJArkrH2ye8g9OsTjpSnIO54IRa_M9H_r4vam1YN1wg6Iv9g1liovW8A6L86QhN48R1B3Sd40DPVPnbyfo5yp_476h_DS6YUxQ3f4PZ8jsQZ/s80/made-new-word-processing-document-google-drive.png" /><br />
Document</a></div>
<div style="display: inline-block; margin-right: 1em;">
<a target="_blank" href="https://docs.google.com/spreadsheet"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZApdyyI7eKPLGc1KNWo_8G48gzeeouSeYrU571wSCG1zLL8OmQnq00GCdGXbekXm-fFY9bu0hmeUlPfsgyiWu3wBA1vSoAByvXBM2oaknaVgV8PeK61NbdixSZBFNHIOa8Q7tcDbY1yO6/s80/made-new-spreadsheet-google-drive.png" /><br />
Spreadsheet</a></div>
<div style="display: inline-block; margin-right: 0;">
<a target="_blank" href="https://docs.google.com/presentation/create"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEs8IKc5VtEoLWNI1DcqdlHBCIQf3af_uBXqMIHbAPVM_8yKAURypApsaHn5BrhVqlK2Rp8-vnHlFpuYbFDPDpOcpA-ON1ypEziT5USFFlta56QLYMSK0lvZkvDcEsc0Pzl39d7WVEovFs/s80/made-new-slideshow-google-drive.png" /><br />
Presentation</a></div>
</div>

Features

There is no gadget entitle inwards the code, together with together with therefore that y'all lot tin grade the axe dismiss gear upwards whatever entitle y'all lot wish into the entitle patently of the gadget.
People tin grade the axe dismiss click either the moving-picture exhibit of the text to exercise a novel document - together with when they do, the novel document testament move opened inwards a novel tab or window. Your weblog (etc) testament stay opened upward inwards its electrical time period tab or window.
There is i "em" of infinite between the icons - this is enough to concord dorsum skillful on virtually blogs. However if your sidebar (or wherever y'all lot gear upwards the gadget) is especially wide y'all lot mightiness like to increment it - exercise this by times finding "1em" inwards the code above, together with replacing it amongst a larger value.

Code for exactly i type of document

You don't get got to gear upwards the code into a gadget - it tin grade the axe dismiss croak equally goodness into a ship service - for illustration if y'all lot wish to tell people to build a document of their own, together with exercise it "right now".

In this case,you mightiness like to exhibit exactly i type of document icon, rather than all three. The blockks of code for that are shown below - banknote that I would ordinarily recommend pasting them into the HTML persuasion of the ship service editor, to move 100% sure enough that they run correctly.

To build a novel word-processing document:

<div style="text-align: center;"><div style="display: inline-block; margin-right: 1em;"><a target="_blank" href="https://docs.google.com/document/create"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgR6M0AJkBW9783b2L47O260ITgkVG4XTBLUJArkrH2ye8g9OsTjpSnIO54IRa_M9H_r4vam1YN1wg6Iv9g1liovW8A6L86QhN48R1B3Sd40DPVPnbyfo5yp_476h_DS6YUxQ3f4PZ8jsQZ/s80/made-new-word-processing-document-google-drive.png" /><br />Document</a></div></div>

To build a novel spreadsheet file:

<div style="text-align: center;"><div style="display: inline-block; margin-right: 1em;"><a target="_blank" href="https://docs.google.com/spreadsheet"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZApdyyI7eKPLGc1KNWo_8G48gzeeouSeYrU571wSCG1zLL8OmQnq00GCdGXbekXm-fFY9bu0hmeUlPfsgyiWu3wBA1vSoAByvXBM2oaknaVgV8PeK61NbdixSZBFNHIOa8Q7tcDbY1yO6/s80/made-new-spreadsheet-google-drive.png" /><br />Spreadsheet</a></div></div>

To build a novel Google Docs / Drive presentation:

<div style="text-align: center;">
<div style="display: inline-block; margin-right: 0;"><a target="_blank" href="https://docs.google.com/presentation/create"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEs8IKc5VtEoLWNI1DcqdlHBCIQf3af_uBXqMIHbAPVM_8yKAURypApsaHn5BrhVqlK2Rp8-vnHlFpuYbFDPDpOcpA-ON1ypEziT5USFFlta56QLYMSK0lvZkvDcEsc0Pzl39d7WVEovFs/s80/made-new-slideshow-google-drive.png" /><br />Presentation</a></div></div>

ADS