Google Drive Direct Link Generator Script for Blogger
Hello Friends, Welcome to your MANteck . In this article we know how to generate Google Drive Direct Link Generator script. You have a lot of premium tool scripts for Blogger.
What is Google Drive Direct Link Generator?
Are you sure what the GDrive Direct Download Link Creator Tool is? It is my fault that you do not get it. Aise Me Mai Aapko Bata Doon Ki Google Drive Jo Ki Google Ki Taraf Se Drive Me 15GB Free Me Mil Mata Hai. Thus you can store and keep app files.
And aise Me Google Drive Direct Download Link Generator Tool's Mad Sea App Gadrive Me Uploads any files link easily by converting direct download link to me. And nowadays a lot of logs are made using me.
Google Drive Smart Link Generator for Blogger
So Friends Ab Baat Aati Hai Ki Agar Ham Aisa GDrive Direct download link generator tool making is Karna.
Download Link Generator Tool Script for Toke Liye Aapko Bulk Google Drive Direct Download Blogger and WordPress Ki Jarurat Padegi.
Agar Aap Is Tool Ko Apne Blogger Blog Me Create Karna Chahte hai to Niche Diye Gaye Steps Ko Follow Kare.
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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXgRT1qIpNZeU2NZVZstgOTmAiaev38Z1rgEWOu9w5JdSQfVPQxUi6Nk-IFE8HyWlTkZiFZg3DdLJOH2VAUT4UhHgCjiafPxvM_HBo4z54RnNCckBgwTp51P8v8o2gzZk6D1tllaC24Dg/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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUBFgcJpZH1Nk1L2AXTa6tq-7dO-SKLiQO8Zn0SvJ3Z7tG5j1UJdFEXm0w0HZsq2USmkWL48SNUxMlr0LpUY4ddJZPNo6s9p3RK6OwIBbgxRFSx2-IAbTaNJTUntNx2nz7l1n1ewbPcgM/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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUBFgcJpZH1Nk1L2AXTa6tq-7dO-SKLiQO8Zn0SvJ3Z7tG5j1UJdFEXm0w0HZsq2USmkWL48SNUxMlr0LpUY4ddJZPNo6s9p3RK6OwIBbgxRFSx2-IAbTaNJTUntNx2nz7l1n1ewbPcgM/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">×</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">×</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. Please tell by commenting below. And do share with your friends.
0 Comments
I will be there for your help...