Skip to content Skip to sidebar Skip to footer
Home / Blogger / Blogging / Widget

Tutorial Cara Membuat Google Drive Direct link Generator di Blogger

Tutorial Cara Membuat Google Drive Direct link Generator di Blogger

Halo teman-teman dan selamat datang di situs rurygans. Sekarang kita akan belajar cara membuat generator tautan Google Drive Direct di situs web blogger. Generator tautan Google Drive Direct dapat diatur di situs web Blogger dengan sangat mudah. 

Jika anda juga ingin mengubah situs web blogger anda menjadi generator tautan Google Drive Direct , ikuti langkah-langkah di bawah ini untuk menyiapkan Google Drive Direct Link Generator di situs web Blogger Anda. 

Apa itu Direct link Generator Tools?

Sebelum anda mengetahui apa itu Google Drive Direct link generator terlebih dahulu anda perlu mengetahui apa itu Google Drive. Google Drive adalah platform hosting file gratis. Itu dipasang oleh Google . Ini menawarkan pengguna hingga 15GB ruang kosong dan berbagi data mereka secara gratis. Dan ini sering digunakan oleh situs web untuk membagikan data mereka. 

Selanjutnya kita akan melihat apa itu Google Drive Direct link generator . Ini akan mengubah format tautan sehingga dapat diunduh langsung ke situs anda tanpa mengalihkan tautan yang dapat dibagikan Google ke situs Google Drive 

Tool ini sering digunakan oleh mereka yang memiliki website. Jadi unduh alat ini dan dapatkan manfaatnya.

Keuntungan Dan Kerugian Dari Generator Direct Link Google Drive

 
Anda harus tahu tentang pro dan kontra dari Skrip generator tautan Google Drive Direct sebelum menggunakannya. 

Keuntungan 
  • Ini adalah skrip situs web satu halaman. Jadi, jangan mengunggah posting di situs web anda. 
  • Tidak perlu memelihara situs web jenis ini. 
  • Setelah dibuat di situs ini, kemudian bekerja seumur hidup. 
  • Anda dapat menyimpan skrip AdSense dan kemudian menghasilkan uang untuk waktu yang lama. 
Kekurangan 
  • Sayangnya, Google AdSense tidak banyak mengenali jenis situs web ini. 
  • Sangat sulit untuk menentukan peringkat di Google. Karena persaingannya sangat tinggi. Semuanya adalah Bakat anda berdasarkan skrip ini.
Saya pikir anda akan tahu apa yang dimaksud dengan pembuat tautan Google Drive Direct. Jika anda ingin mengatur situs web Blogger anda di generator tautan Google Drive Direct ini, ikuti beberapa langkah di bawah ini. Sebelum itu

Cara Mengatur Skrip Generator Direct Link Google Drive Untuk Blogger Langkah Demi Langkah


Langkah ke 1: Buka Akun Blogger anda
 
Langkah ke 2: Buka Bagian Tema dan klik Edit HTML pada menu drop down.
 
Langkah ke 3: Hapus semua skrip sebelumnya.

Langkah ke 4: Salin skrip di bawah ini dan rekatkan ke bagian tema anda. 

Langkah ke 5: Simpan tema.

  
  <?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>

Langkah ke 6: Selanjutnya buka bagian tata letak dan buat widget HTML/Javascript baru.

Langkah ke 7: Salin script CSS di bawah ini dan tempel widget yang baru dibuat

  
  <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/AVvXsEj9Y7QYrno5EKTB1NQxKYzjErbJcn2TR_C0mdAhZm_HEjt6tH8WzUALIxo6O3DC60BaDdvMrUkkdCwnabzGnrVlYoMhrS1233IK4HnnFFiZxy-WI4hQgxuRI_60TYyvVcF0in1BT89hCU8/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>

Langkah 8: Selanjutnya, Buat widget HTML/Javascript Baru lainnya 

Langkah 9: Dan salin javascript di bawah Ini dan rekatkan widget yang baru dibuat
  
    
<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>

Langkah 10: Selanjutnya, Buat widget HTML/Javascript baru lainnya.

Langkah 11: Salin script HTML di Bawah ini dan rekatkan widget yang baru dibuat.

  
  
<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>

Sekarang Google Drive Direct link generator anda berhasil diinstal di Situs Web Blogger anda dan alat ini siap digunakan.