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

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

Google accept announced that one-click icons to practise a Document, Spreadsheet or Presentation (now called Docs, Sheets, together with Slides respectivly) are available as apps inwards the Chrome Web Store (a identify where you lot tin dismiss larn diverse useful tools to install to your Chrome desktop or toolbar.

This is corking for people who role Chrome - but roughly people don't,  for whatsoever reason.

Another option is to precisely set links to the novel commands into a identify that you lot view oft - similar your blog.  I've done this alongside a gadget called "Make a file inwards Google Drive" which you lot tin dismiss run into inwards my sidebar now.

To add together this to your blog, precisely add together a HTML/Javascript gadget in the green way, together with set 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/AVvXsEiRiJytPo6-q9xiLnuFnGzKJF9M6NLT4n-ePRFdv9XZvAknxR6A-zwIIHZs6y5HB208LYWRj-S584caeAZpo41oY5p1YBS2rj6Z1rjBcEMQKBEk9xkYTeJShJzSV3okyZUSIDpADAYV9CzZ/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/AVvXsEjevSotN03niXX5MLJX7P6Oj7_BkK5mYdJJn6oUiA_YfG7sOYWhf82AejM0QW1yzNra_PeeaGyk_0CxG1Eec5mzAgsFQEKNxcqx7RRz7ZL2OXvBmp1mFHU7zFme4wVADL8LPsYltvyPReN_/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/AVvXsEgtLXzxGYklKX_HobhhYh60d4iYwpLhemCfTnLHXZHBNf5V2flzRDr0sC7FTi9AYIlk9cFgfbT521Y__qqdHydnGXkPXIoRrwSFScP26hVDO9G6gXLb0Sz-Kc03R2JVZAecIf30TmRug2UC/s80/made-new-slideshow-google-drive.png" /><br />
Presentation</a></div>
</div>
<!-- Google movement novel file icons gadget, via www.Blogger-hints-and-tips.blogspot.com.   Share together with enjoy!  -->

Features

• There is no gadget championship inwards the code, together with then that you lot tin dismiss set whatsoever championship you lot desire into the championship plain of the gadget. 
• People tin dismiss click either the moving-picture exhibit of the text to practise a novel document - together with when they do, the novel document volition travel opened inwards a novel tab or window.  Your weblog (etc) volition remain opened upward inwards its electrical flow tab or window.
• There is i "em" of infinite betwixt the icons - this is plenty to hold back expert on most blogs.   However if your sidebar (or wherever you lot set the gadget) is peculiarly broad you lot mightiness similar to growth it - practise this past times finding "1em" inwards the code above, together with replacing it alongside a larger value.

Code for precisely i type of document

You don't accept to set the code into a gadget - it tin dismiss become as good into  a postal service - for instance if you lot desire to say people to brand a document of their own, together with practise it "right now".

In this case,you mightiness similar to exhibit precisely i type of document icon, rather than all three.   The blockks of code for that are shown below - banknote that I would unremarkably recommend pasting them into the HTML sentiment of the postal service editor, to travel 100% for sure that they run correctly.

To brand 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/AVvXsEiRiJytPo6-q9xiLnuFnGzKJF9M6NLT4n-ePRFdv9XZvAknxR6A-zwIIHZs6y5HB208LYWRj-S584caeAZpo41oY5p1YBS2rj6Z1rjBcEMQKBEk9xkYTeJShJzSV3okyZUSIDpADAYV9CzZ/s80/made-new-word-processing-document-google-drive.png" /><br />Document</a></div></div><!-- Google movement novel file icons gadget, via www.Blogger-hints-and-tips.blogspot.com.   Share together with enjoy!  -->

To brand 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/AVvXsEjevSotN03niXX5MLJX7P6Oj7_BkK5mYdJJn6oUiA_YfG7sOYWhf82AejM0QW1yzNra_PeeaGyk_0CxG1Eec5mzAgsFQEKNxcqx7RRz7ZL2OXvBmp1mFHU7zFme4wVADL8LPsYltvyPReN_/s80/made-new-spreadsheet-google-drive.png" /><br />Spreadsheet</a></div></div><!-- Google movement novel file icons gadget, via www.Blogger-hints-and-tips.blogspot.com.   Share together with enjoy!  -->

To brand 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/AVvXsEgtLXzxGYklKX_HobhhYh60d4iYwpLhemCfTnLHXZHBNf5V2flzRDr0sC7FTi9AYIlk9cFgfbT521Y__qqdHydnGXkPXIoRrwSFScP26hVDO9G6gXLb0Sz-Kc03R2JVZAecIf30TmRug2UC/s80/made-new-slideshow-google-drive.png" /><br />Presentation</a></div></div><!-- Google movement novel file icons gadget, via www.Blogger-hints-and-tips.blogspot.com.   Share together with enjoy!  -->

Tweet

Subscribe to receive free email updates: