How to Create a Google Drive Direct Link Generator tool on your Website?
This Google Drive direct link Generator tool HTML Script Responsive for all platforms like WordPress and Blogger. Just Copy and Implement on your Website. that's All!
<link rel="preload" src="https://cdn.jsdelivr.net/gh/Pixabin/js@040b5db397cb229781231d4e2507763331b1ac71/demo-g-drive-pre.js"/>
<style>
input[type=url]{position:relative;width:90%;line-height:1em;font-size:12px;color:#455065;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 sharing URL: <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.pixabin.com"><b>Pixabin Official</b></a></span>
</div></div>
<script src="https://cdn.jsdelivr.net/gh/Pixabin/js@040b5db397cb229781231d4e2507763331b1ac71/demo-g-drive-pre.js"></script>
Source Codes and Demo
See the Pen
Google Drive Direct Link Generator Tool - Pixabin by Pixabinofficial (@Pixabinofficial)
on CodePen.