Google Drive Direct Link Generator Tool Script for Blogger

Hello buddys, welcome to the Mironiyar blogger tutorial.So in this article- Today I will show you how to you add Google Drive Direct Link Generator Tool Script for Blogger.

Google Drive Direct Link Generator Tool Script for Blogger

Google Drive Direct Link Generator Tool Script for Blogger

Did you know that Google Drive Direct Link Generator Tool Script for Blogger ? It's impossible to find people who don't know Google Drive.If you still do not know about Google Drive, then let's find out about Google Drive.Google Drive is Google's online storage.And 15 GB free available in this Google Drive for Google users.In this way you will get 15 GB storage in each of your Gmail.Here you can save and store your videos, songs, apps and small and large number of files.You will have to pay to use more than 15 GB.Many people share the storage in Google Drive in different places. You can link the shared link directly with the help of Link Generator.Let's take a look: Google Drive Direct Link Generator Tool Script for Blogger.

Google Drive Direct Link Generator Tool

With direct link generator tool you can direct your Google Drive link. For this, you must first copy the Google Drive link. Google will have to paste the link on the direct link generator tool. After that, autociatually will be generated direct links.

Google Drive Direct Link Generator Tool Script for Blogger in 3 Steps

If you want to setup in the right way, you have to follow the method shown in the following 3 steps.Excluding any part of 3 steps can cause problems.Therefore the setup will remain unfinished. So setup properly : How to add Google Drive Direct Link Generator Tool Script for Blogger

Step 1 : At first, Copy the code from the code box below or Copy the full code to the box.

Step 2 : After copying the code completed in the first step, the second step will be opened on the website's deskboard. Then go to the page option and open the new pages.

www.mironiyar.com

Step 3 : If you have a compose view of the new page opened in the last step, you have to do html view. Then you have to copy and paste the completed code.Finally the page needs to be published.

Google Drive Direct Link Generator Tool Script for Blogger

Follow these three steps to create Google Drive Direct Link Generator Tool Script for Blogger

Google Drive Direct Link Generator Tool Script for Blogger: Code

<div class="Drive-container">

  <div class="panel panel-default panel-primary" id="mainpanel">

    <div class="panel-heading"

      <h1 class="panel-title"><svg style="width:24px;height:24px" viewBox="0 0 24 24">

    <path fill="currentColor" d="M7.71,3.5L1.15,15L4.58,21L11.13,9.5M9.73,15L6.3,21H19.42L22.85,15M22.28,14L15.42,2H8.58L8.57,2L15.43,14H22.28Z" />

</svg>Google Drive Direct Download Link Generator</h1>

    </div>

    <div class="panel-body">

      <form>

        <div class="form-group">

          <label for="sharelink">Share link</label>

          <input type="text" class="form-control" id="sharelink" placeholder="https://drive.google.com/file/d/XX-X__XXXXX-XXXXXXXXXXXXXXXX/view?usp=sharing" autofocus="true">

        </div>

        <div class="form-group">

          <label for="downloadlink">Download link</label>

          <div class="input-group">

            <input type="text" class="form-control" id="downloadlink" readonly>

            <span class="input-group-btn">

        <button id="copylinkbtn" class="Dbtn Dbtn-primary" type="button" data-clipboard-target="#downloadlink" disabled>Copy link</button>

      </span>

          </div>

        </div>

      </form>

    </div>

  </div>

</div>

<style>

  .panel-title svg{vertical-align: middle;padding-right:12px;} .panel-body { margin: 0px 45px 0 18px; }.panel-primary { border-top:none; border:1px solid #222;box-shadow: 0 1px 1px rgba(0,0,0,.05);border-radius: 4px; } .Drive-container{ padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;} .Dbtn-primary { color: #fff; background-color: #1FA463; padding: 6px 12px;text-align: center; vertical-align: middle; border:0; margin-top:12px; } .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #222; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; } .panel-heading{} .form-group { margin-bottom: 15px; } .panel-title{background: #1FA463; padding: 5px 12px;display: flex; vertical-align: middle;border:1px solid #4688F4; text-align: left;color:#fff; font-size: 18px; box-shadow: 0 1px 1px rgba(0,0,0,.05); } #mainpanel { margin-top: 70px; } img { max-width: 100%; height: auto; }

</style>

<script>

  (function($) { $(function() { var $shareLink = $('#sharelink'), $downloadLink = $('#downloadlink'), $copyButton = $('#copylinkbtn'), clipboard; $shareLink.on('keyup paste', function() { var link = $shareLink.val(), l = link.replace(/\/file\/d\/(.+)\/(.+)/, "/uc?export=download&id=$1"); if(l !== link) { $downloadLink.val(l); $copyButton.removeAttr('disabled'); } else { $downloadLink.val(''); $copyButton.attr('disabled', 'disabled'); } }); $downloadLink.on('click', function() { $downloadLink.select(); }); clipboard = new Clipboard('#copylinkbtn'); clipboard.on('success', function(e) { $.notify({ icon: 'glyphicon glyphicon-ok-circle', title: 'Link copied to clipboard:', message: e.text, url: e.text, target: '_blank' }, { type: "success", placement: { from: "top", align: "center" } }); $.notify(e.text + " copied to clipboard."); e.clearSelection(); }); }); })(jQuery);

</script>

3 Comments

Hay, Please do not enter any spam link in the Comment Box...

Post a Comment
Previous Post Next Post