Google Drive direct download link generator open source tool for Blogger

Google drive direct download link generator is an open source tool that will help you to generate direct download links from your google drive file sharing link.

Generate Link

Enter your sharing URL: (Scroll down for instructions)

Output link:

Powered by Odd Coder

How to use this tool

To use this simple Google Drive direct download link generator open source tool first of all get the shareable link of your file from google drive. Then paste the shareable link into enter your sharing URL box, and now click on Create Direct Link. After that, you can click on the output link box to copy the direct download link.

How to install this tool

If you want to install this tool into your Blogspot blog then you have to follow all the steps below.

1. Open your Blogger Dashboard
2. Create a new Post or Page where you want that tool.
3. Now copy the below codes and add them to the HTML view of your post/page.
   
   
   

   
   <link rel="preload" src="https://cdn.jsdelivr.net/gh/sestro09/quickpress@main/demo-g-drive-pre.js"/>
   <style>
     input[type=url]{position:relative;width:90%;line-height:1em;font-size:12px;color:#455065;background:transparent;margin-top:10px;padding:15px;border-radius:40px;border:1px solid rgba(155,155,155,0.3);outline:0}.PixabingoogleGen{display:flex;justify-content:center;color:#000;flex-wrap:wrap;font-family:var(--fontBa);font-size:14px}.gdCont{width:100%;display:block;position:relative;background:transparent;border-radius:20px;padding:0 0 74px;text-align:center;margin:30px 10px 20px}.gdCont p{display:inline-flex;align-items:center;font-size:18px;font-weight:700;font-family:var(--fontBa)}.gdCont p svg{margin-right:5px;fill:#000;height:30px;width:30px}.g-button{display:inline-flex;align-items:center;margin:12px 0;padding:10px 15px;border: 1px solid rgba(155,155,155,0.3);background: #686868;border-radius:8px;line-height:20px;color:#fffdfc;font-size:14px}#help-text{font-size:.7rem;margin:10px}
     .Night .gdCont {
       color: #fff;}
     .Night .gdCont p svg{
           fill: #fff;
     }
   </style>
   <div class="PixabingoogleGen"> <div class="gdCont"> <p><svg viewbox="0 0 32 32"><path d="M29,19.26a1,1,0,0,0,0-.34s0-.05,0-.08a.94.94,0,0,0-.11-.32v0l-8-14A1,1,0,0,0,20,4H12a1,1,0,0,0-.86.5,1,1,0,0,0,0,1L14.85,12,8,24,5.15,19l5.38-9.41a1,1,0,0,0-1.74-1L3.13,18.5a1,1,0,0,0,0,1l4,7,.16.21h0a1,1,0,0,0,.27.19l.08,0A1,1,0,0,0,8,27H24a1,1,0,0,0,.87-.5l4-7a1,1,0,0,0,.09-.22ZM19.42,6l6.86,12h-5.7L13.72,6ZM18.28,18H13.72L16,14Zm5.14,7H9.72l2.86-5h13.7Z"></path></svg>Generate Link</p><div class="title">Enter your sharing URL:&nbsp;<span class="sub">(Scroll down for instructions)</span></div><input id="input" placeholder="Enter your shareable G-drive Link" type="url" /> <button class="g-button" id="button">Create Direct Link</button> <button class="g-button" onclick="window.location.reload();" type="button"> Reset </button> <div class="title">Output link:</div><input disabled="" id="output" readonly="" type="url" /> <div id="help-text"></div>
       <!--Custom Powerlink-->
     <span face="var(--fontB)" style="bottom: 0px; display: block; font-size: 0.6rem; left: 0px; opacity: 0.3; position: absolute; right: 10px; text-align: center;">Powered by <a href="https://www.oddcoder.xyz"><b>Odd Coder</b></a></span>
   </div></div>
   <script src="https://cdn.jsdelivr.net/gh/sestro09/quickpress@main/demo-g-drive-pre.js"></script>
   

4. So before publishing that post/page, if your blog has dark mode make sure to change marked .Night class with your theme dark mode classes.
After that, you can publish your post/page.

Conclusion

So this is a simple tool for your blog if you want you can use it on your blog, cause this will helps you to get some more visitors to your website. I hope this article might help and if you facing any issues with this tool make sure to ask me in the comment section.