Google Drive Direct Link Generator Script for Blogger

Google Drive Direct Link Generator Script for Blogger

Namaskar Dosto, Swagat Hai Aapka Techly360.com Hindi Blog Me. and Aaj Ke Is Article Me Ham Janenge Google Drive Direct Link Generator Script for Blogger Download Ke Bare Me. Vaise to Isse Pahle Bhi Maine Aapke Sath Bahut Saari Premium Tool Script for Blogger for Free Me Share Kiya Hai.

What is Google Drive Direct Link Generator?

Google Drive Direct Link Generator Script for Blogger

Kya Aapko Pata Hai Ki GDrive Direct Download Link Creator Tool Kya Hai? Mujh Pata hai Ki Aapko Nahi Pata Hai. To Aise Me Mai Aapko Bata Doon Ki Google Drive Jo Ki Google Ki Taraf Se is Drive Me 15GB Free Me Mil Jata Hai. Yahan Aap Apne Files Ko Store Karke rakh Sakte Hai.

And aise Me Google Drive Direct Download Link Generator Tool Ki Madad Se Aap GDrive Me Upload Kisi Bhi Files Ke Link Ko Easily Direct Download Link Me Convert Kar Sakte Hai. and Aajkal Log Bahut Hi Badi Matra Me Use Kar Rahe Hai.

Google Drive Direct Link Generator Script for Blogger

So Guys Ab Baat Aati Hai Ki Agar Ham Aisa GDrive Direct Download Link Generator Tool Create Karna Hai. To Iske Liye Aapko Bulk Google Drive Direct Download Link Generator Tool Script for Blogger and WordPress Ki Jarurat Padegi. To Agar Aap Is Tool Ko Apne Blogger Blog Me Create Karna Chahte hai To Niche Diye Gaye Steps Ko Follow Kare. 

Also Read:

Steps to Create Bulk Google Drive Direct Download Link Generator Tool in Blogger

Step 1: Install Blank Template for Blogger

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:css='false' b:responsive='true' expr:dir='data:blog.languageDirection' lang='en-US' xmlns='http://www.w3.org/1999/xhtml'
xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data'
xmlns:expr='http://www.google.com/2005/gml/expr'>
 <head>
 <meta content='width=device-width, initial-scale=1' name='viewport'/>
  <b:include data='blog' name='all-head-content'/>
  <title><data:blog.pageTitle/></title>
  <b:skin><![CDATA[

     body{background:#fff}

   ]]></b:skin>
   </head>
   <body>
   <b:section class='main' id='main' showaddelement='yes'/>
   </body>
   </html>

Step 2: Install CSS

<style>

body{
	    background-image: url(img/bg.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100% 100%;
}

img {
  max-width: 100%;
  height: auto;
}
.bg-img{
	background-image: url('https://1.bp.blogspot.com/-36L0_XP933U/Xh7aT2CC4MI/AAAAAAAABlY/l08p2AAJKqIWfb6rEQvaPaNCnVnbcabgQCLcBGAsYHQ/s1600/bg.jpg');
}

.card{
	width:100%;
	max-width: 500px;
 margin: 0 auto;
 float: none;
 border:2px solid #343a40!important;
 position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #343a40;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(216,217,219,.5);
}
</style>

Step 3: Install JavaScript

<script>
(function($) {
  $(function() {
    var $shareLink = $('#sharelink'),
      $downloadLink = $('#downloadlink'),
      $copyButton = $('#copylinkbtn'),
      clipboard;
    $shareLink.on('keyup paste click', function() {
      var link = $shareLink.val(),
        l = link.replace(/\/file\/d\/(.+)\/(.+)/, "/uc?export=download&id=$1");
      if(l !== link) {
        $downloadLink.val(l);
        $copyButton.removeAttr('disabled');
        $('#toast').toast('show');
      } else {
        $downloadLink.val('');
        $copyButton.attr('disabled', 'disabled');
        if (is_url(link) && link.length > 10) {
            $('#error').toast('show');
        }
      }
    });

    $downloadLink.on('click', function() {
      $downloadLink.select();
    });
  });
})(jQuery);

function is_url(str)
{
  regexp =  /^(?:(?:https?|ftp):\/\/)?(?:(?!(?:10|127)(?:\.\d{1,3}){3})(?!(?:169\.254|192\.168)(?:\.\d{1,3}){2})(?!172\.(?:1[6-9]|2\d|3[0-1])(?:\.\d{1,3}){2})(?:[1-9]\d?|1\d\d|2[01]\d|22[0-3])(?:\.(?:1?\d{1,2}|2[0-4]\d|25[0-5])){2}(?:\.(?:[1-9]\d?|1\d\d|2[0-4]\d|25[0-4]))|(?:(?:[a-z\u00a1-\uffff0-9]-*)*[a-z\u00a1-\uffff0-9]+)(?:\.(?:[a-z\u00a1-\uffff0-9]-*)*[a-z\u00a1-\uffff0-9]+)*(?:\.(?:[a-z\u00a1-\uffff]{2,})))(?::\d{2,5})?(?:\/\S*)?$/;
        if (regexp.test(str))
        {
          return false;
        }
        else
        {
          return true;
        }
}


  function copy() {
  /* Get the text field */
  var copyText = document.getElementById("downloadlink");
  copyText.select(); 
  copyText.setSelectionRange(0, 99999); /*For mobile devices*/
  document.execCommand("copy");

  alert("Copied the text: " + copyText.value);
  document.getElementById('copylinkbtn').innerHTML = "Copied";
};


var getUrlParameter = function getUrlParameter(sParam) {
    var sPageURL = window.location.search.substring(1),
        sURLVariables = sPageURL.split('&'),
        sParameterName,
        i;

    for (i = 0; i < sURLVariables.length; i++) {
        sParameterName = sURLVariables[i].split('=');

        if (sParameterName[0] === sParam) {
            return sParameterName[1] === undefined ? true : decodeURIComponent(sParameterName[1]);
        }
    }
  };
</script>

Step 4: Install HTML

<!doctype html>

  
    <!-- Required meta tags -->
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous" />
    <link rel="stylesheet" type="text/css" href="style.css" />
   

    <!-- Image and text -->
    <nav class="navbar navbar-light bg-dark">
      <div class="container">
      <a class="navbar-brand text-light" href="/">
        <img src="https://1.bp.blogspot.com/-9f1y6C8_JXs/Xh7aTrxHVAI/AAAAAAAABlU/sVev-47Xk30W-7sBT-kawV4919tvZIjbwCLcBGAsYHQ/s1600/logo.png" width="30" height="30" class="d-inline-block align-top" alt="" />
        Glink Creater
      </a></div>
    </nav>

  <div class="container bg-img">
    <div class="row">
      <div class="card  rounded-lg border-dark">
        <div class="card-header bg-dark text-white">
          <img src="https://1.bp.blogspot.com/-9f1y6C8_JXs/Xh7aTrxHVAI/AAAAAAAABlU/sVev-47Xk30W-7sBT-kawV4919tvZIjbwCLcBGAsYHQ/s1600/logo.png" width="40" />
          <button type="button" class="btn btn-light float-right " data-toggle="modal" data-target=".instructions">   Show instructions</button>
          </div>
          <div class="card-body bg-light">
            <h2 class="card-title">GDrive Direct Link</h2>
            <form>
              <label for="exampleInputPassword1">Share Link</label>
              <div class="input-group mb-3">
                <input type="url" id="sharelink" class="form-control" placeholder="https://drive.google.com/file/d/..../view?usp=sharing" />
              </div> 
            <label for="exampleInputPassword1">Direct Link</label>
            <div class="input-group mb-3">
              <input type="text" id="downloadlink" class="form-control" placeholder="Direct Download Link.." readonly />
              <div class="input-group-append">
               <button id="copylinkbtn" class="btn btn-dark" type="button" data-clipboard-target="#downloadlink" disabled="" onclick="copy()">Copy link</button>
              </div>
            </div>            
          </form>
        </div><!--end card body-->
      </div><!--end card-->
    </div><!--end row-->
  </div><!--end container-->

  <footer class="bg-dark py-2 text-center text-white fixed-bottom">
    <p>Powerd By@ <a href="https://techly360.com" target="_blank">Techly360 Pvt Ltd.</a></p>
  </footer>

  <!--link created success or failed alert-->
  <div aria-live="polite" aria-atomic="true" data-autohide="false style=" position:relative;="" min-height:="" 200px;"="">
  <div class="toast" id="toast" data-delay="3000" style="position: absolute; bottom: 75px; right: 30px;">
    <div class="toast-header bg-success text-white">
      <img src="https://1.bp.blogspot.com/-9f1y6C8_JXs/Xh7aTrxHVAI/AAAAAAAABlU/sVev-47Xk30W-7sBT-kawV4919tvZIjbwCLcBGAsYHQ/s1600/logo.png" class="rounded mr-2" alt="logo_ico" width="10" />
      <strong class="mr-auto">Ok, Done !</strong>
      <small>3 sec ago</small>
      <button type="button" class="ml-2 mb-1 close" data-dismiss="toast" aria-label="Close">
        <span aria-hidden="true">&times;</span>
      </button>
    </div>
    <div class="toast-body">
      Link Creted Success ! You can copy it Now !
    </div>
  </div>

  <div class="toast error" id="error" data-delay="3000" style="position: absolute; bottom: 75px; right: 30px;">
    <div class="toast-header bg-danger text-white">
      <img src="img/logo.png" class="rounded mr-2" alt="logo_ico" width="10" />
      <strong class="mr-auto">Error !</strong>
      <small>3 sec ago</small>
      <button type="button" class="ml-2 mb-1 close" data-dismiss="toast" aria-label="Close">
        <span aria-hidden="true">&times;</span>
      </button>
    </div>
    <div class="toast-body">
      Invalid Url ! Plz check again .
    </div>
  </div>

</div>

  <!-- Modal -->

  <div class="modal fade instructions" tabindex="-1" role="dialog" aria-labelledby="myExtraLargeModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-xl">
      <div class="modal-content">
        <img src="https://1.bp.blogspot.com/-49fCzhCq6Xk/Xh7aUwT1NsI/AAAAAAAABlc/IIXFBmJWRL80Rc-F1dxnfleg9feownWMgCLcBGAsYHQ/s1600/instructions.gif" />
      </div>
    </div>
  </div>


    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>

    <script src="js/script.js"></script>

  
</!doctype>
  • Now Your Google Drive Direct Link Generator Tool is Ready to Use

Conclusion

So Friends Aapko Yah Bulk Google Drive Direct Link Generator Script for Blogger Wali Article kaisa Laga. Niche Comment Karke jarur Bataye. and Apne Dosto Ke Sath Share Jarur Kare.

Similar Posts