| Entertainment, Technology, Guides, Internet, News, Job Vacancy, Blog Tutorial

Thursday, June 13, 2013

How to Make Download Button with Google Drive

How to Make Download Button with Google Drive
   ABCNetspace.com If you want to share files on your blog or website with download service, but you don't know how to do it, then this is the right place to look for that answer, or you can check out the easier way to make download button here.

Today, we will learn how to make download button with Google Drive. Actually there are many other file hosting that you can use to make download button. Such as :
And many more. But, for this tutorial we will use Google Drive. The reason why we use Google Drive is, we don't need to register if we already have a Gmail account. Okay then, how to make download button with Google Drive?

Making a Download Link
  1. Make a Gmail account
  2. Go to https://drive.google.com/
  3. Upload the file by clicking upload button on the left sidebar

    How to Make Download Button with Google Drive

  4. After, you've finished uploading, this pop up box will be appeared on your Google Drive

    How to Make Download Button with Google Drive

  5. Click "Share"
  6. Change your file sharing setting from private to public
    How to Make Download Button with Google Drive
    Click to enlarge the image
  7. Copy your file code, (ex: in the red box), and paste to this link format

    https://www.googledrive/host/YOURCODE

  8. This link will be your download link, proceed to the next step.

Apply Download Link to Download Button
  1. Right click the image below, and save image, to download the download button image, or you can find another download button image if you want to.

    How to Make Download Button with Google Drive

  2. Upload your download button image to your blog or website post
  3. Go to HTML section of your blog or website post
  4. The code of the download image, will be appeared like this

    <div class="separator" style="clear: both; text-align: center;"> <a href="http://3.bp.blogspot.com/rKL33P2VGc/UbhAP7X86NI/AAAAAAAABOU/QhliqFBUhxs/s200/downloadbutton.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="" border="0" height="51" src="http://3.bp.blogspot.com/rKL33P2VGc/UbhAP7X86NI/AAAAAAAABOU/QhliqFBUhxs/s200/downloadbutton.jpg" title="" width="200" /></a></div>

  5. Change the RED link address after the <a href= code to your download link, for example :

    <div class="separator" style="clear: both; text-align: center;"> <a href="https://www.googledrive/host/YOURCODE"imageanchor="1"style="margin-left: 1em; margin-right: 1em;"><img alt="" border="0" height="51"src="http://3.bp.blogspot.com/rKL33P2VGc/UbhAP7X86NI/AAAAAAAABOU/QhliqFBUhxs/s200/downloadbutton.jpg" title="" width="200" /></a></div>

  6. Done.
Feel free to leave a comment, if you have any question. Happy blogging!

6 comments:

  1. driveforbusiness@gmail.comWednesday, June 26, 2013

    Thank you for giving us useful code for how to make download button with Google drive

    ReplyDelete
  2. Nice tutorial, simple and straight forward.... Thank you very much

    ReplyDelete
  3. I'm afraid it didn't work for me! This is what my dowload link looks like

    ...<a href="https://www.googledrive/host/0B_clav2Ny9LRaEp4blBQVEhJWWs"imageanchor="1" ...

    but when I click on the download button on my blog, I get "This webpage is not available". What am I doing wrong?

    ReplyDelete
  4. FREE Dating, Affair, x-Love, Soul partner, soul mate, singles, one night stand -

    http://premlok.com
    Dating Affair x Love - Login Registration
    Premlok.com
    All Free....

    ReplyDelete
  5. FREE Dating, Affair, x-Love, Soul partner, soul mate, singles, one night stand -

    http://premlok.com
    Dating Affair x Love - Login Registration
    Premlok.com
    All Free....

    ReplyDelete

 

ABCNetspace | Entertainment, Technology, Guides, Internet, News, Job Vacancy, Blog Tutorial