Hello Dear Visitor, I will show
how to create create Google Drive Direct Link Generator Tool in Blogger. I have shared the method of making this tool and the script of this tool. You can build this tool on any platform other than Blogger. This tool is very simple, responsive and as UI design.
Below is the
Demo link of this tool, you can also check the demo of this tool. I have detailed the Google Drive Direct Link Generator Tool below, which you can read till the end of this post.
Related Posts
What is Google Drive?
Google Drive is a secure data storage service developed by Google Google Drive allows users to store data on its servers and share files over the Internet through a Gmail account. This app was released on 24th April 2012. Google Drive can be used for free, but its storage is limited. Google Drive offers 15 GB of free storage to its users. But, Google Drive also offers paid services. If you feel that 15 GB storage is not enough for you then you can upgrade with 100 GB, 200 GB and 2 TB storage options.
What is Google Drive Direct Link Generator Tool?
Usually it takes time to open the link provided by Google Drive, followed by the download button, only then we are able to download a file. But with the help of direct download link we can download any file in one click. Anyone can get download by sharing direct download link. So we use this tool to generate direct download links.
Google Drive Direct Link Generator Tool For Blogger :
Step 1 : - First Login Your Blogger Account .
Step 2 : - Then Select The Posts or Pages Menu .
Step 3: - Then Create a New Post or Page .
Note : - Add Your Post or Page Title And Description According To You Need.
Step 4 : After Click on Html View .
Step 5 : Then Copy And Paste The Tool Script Code Given Below .
<link rel="preload" src="https://cdn.jsdelivr.net/gh/Pixabin/js@040b5db397cb229781231d4e2507763331b1ac71/demo-g-drive-pre.js"></link> <style> input[type=url]{position:relative;width:90%;line-height:1em;font-size:12px;color:#040032;background:#ebeff3;margin-top:10px;padding:15px;border-radius:40px;border:none;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:#fff;border-radius:20px;box-shadow:0 10px 40px rgba(149,157,165,.2);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:0;border-radius:8px;line-height:20px;color:#fffdfc;background:#0f0;font-size:14px}#help-text{font-size:.7rem;margin:10px} </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 sharin<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 Here</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.creatorfaruk.com"><b>CreatorFaruk</b></a></span> </div></div> <script src="https://cdn.jsdelivr.net/gh/Pixabin/js@040b5db397cb229781231d4e2507763331b1ac71/demo-g-drive-pre.js"></script>