CARA MEMBUAT TOOLS YOUTUBE DOWNLOADER MUDAH DI BLOGGER

 

CARA MEMBUAT TOOLS YOUTUBE DOWNLOADER - Mungkin banyak yang belum tau cara membuat Tools Youtube Downloader responsive di platform blogger. Oleh karena itu saya akan memberikan cara mudah untuk membuat Tools Youtube Downloader di Platform Blogger.

Raxxyxd.blogspot.com, situs web yang menawarkan layanan sangat unik kepada penggunanya. 

Menurut Raxxyxd.blogspot.com, mereka memberi penggunanya kesempatan untuk mengunduh video di situs web mereka. 

Langsung saja, kita masuk ke proses pembuatan Tools YouTube Downloader.

1. Kalian buat Halaman/Page Berjudul Bebas

2. Ubah mode tulisan ke mode HTML.

3. Salin kode dibawah ini

<html>

<title>All Format HD YouTube Video Downloader</title>

<head>

    <meta content="width=device-width, initial-scale=1.0" name="viewport"></meta>

	<meta content="Free online YouTube video downloader to download YouTube videos in MP4 in HD quality with high download speed." name="description"></meta>

	<meta content="index,follow" name="robots"></meta>

	<meta content="Free online YouTube video downloader to download YouTube videos in MP4 in HD quality with high download speed." name="keywords"></meta>

     <meta content="text/html;charset=utf-8" http-equiv="Content-Type"></meta>

	 <link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet"></link>

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>

  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>

  <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"></link>

  <link href="favicon.png" rel="icon" sizes="16x16" type="image/png"></link>

  <style>

  * {

margin: 0;

padding: 0;

}

.mt-5, .my-5 {

    margin-top: 0rem!important;

}

#hd {    

  width:100%;    

  height:390px;      

  margin:0 0 50px 0;    

  }  

.custom-shape-divider-bottom-1610026357 {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    overflow: hidden;

    line-height: 0;

    transform: rotate(0deg);

}

.custom-shape-divider-bottom-1610026357 svg {

    position: relative;

    display: block;

    width: calc(100% + 1.3px);

    height: 0px;

}

.custom-shape-divider-bottom-1610026357 .shape-fill {

    fill: #FFFFFF;

}

  

  </style>

</head>

<body>

<div style="background-image: linear-gradient(to right, #fff, #fff); min-height: 99vh; position: relative;">

         

<div id="hd">    

  

<div class="col-md-6 offset-md-3 mt-5">

    <div class="card">

      <div class="card-header bg-info">

        <center><h5>All HD Format YouTube Free Video Downloader</h5>

      </center></div>

      <div class="card-body">

        <div class="row">

          <div class="col-md-12">

            <div class="form-group">

              <label class="text-weight"><b>Enter YouTube Video Link:</b></label>

              <input class="form-control link" name="link" required="" type="txt" />

            </div>

          </div>

        </div>

        <form class="form-download">

          <div class="row">

            <div class="col-md-12">

              <div class="form-group">

                <label class="text-weight"><b>Select Video Format:</b></label>

                <select class="form-control formte" required="">

                  <option disabled="" selected="">Select Video Formate</option>

                  <option value="mp3">Mp3</option>

                  <option value="mp4a">144 Mp4</option>

                  <option value="360">360 Mp4</option>

                  <option value="480">480 Mp4</option>

                  <option value="720">720 Mp4</option>

                  <option value="1080">1080 Mp4</option>

                  <option value="4k">4k Mp4</option>

                  <option value="8k">8k Mp4</option>

                </select>

              </div>

            </div>

          </div>

          <div class="row">

            <div class="col-md-12">

              <div class="form-group mt-4 download-video">

                <button class="btn btn-success btn-block click-btn-down" type="submit">Download Click Here</button>

              </div>

            </div>

          </div>

        </form>

      </div>

    </div>

  </div>

	   

<div class="custom-shape-divider-bottom-1610026357">

    <svg data-name="Layer 1" preserveaspectratio="none" viewbox="0 0 1200 120" xmlns="http://www.w3.org/2000/svg">

        <path class="shape-fill" d="M321.39,56.44c58-10.79,114.16-30.13,172-41.86,82.39-16.72,168.19-17.73,250.45-.39C823.78,31,906.67,72,985.66,92.83c70.05,18.48,146.53,26.09,214.34,3V0H0V27.35A600.21,600.21,0,0,0,321.39,56.44Z"></path>

    </svg>

</div>

</div>

</div></body>

<script type="text/javascript">

  $(".click-btn-down").click(function(){

      var link = $(".link").val();

    var fromate = $(".formte").children("option:selected").val();

    var src =""+link+"="+fromate+"";

    downloadVideo(link,fromate);

  });

  function downloadVideo(link,fromate) {

      $('.download-video').html('<iframe style="width:100%;height:60px;border:0;overflow:hidden;" scrolling="no" src="https://loader.to/api/button/?url='+link+'&f='+fromate+'"></iframe>');

  }

</script>

4. Simpan Halaman 

AKHIR KATA

Terimakasih sudah membaca di website ini, bantu support dan berikan saran kepada kami. Supaya kami bisa mengembangkan website ini, Terimakasih. 

Tidak ada komentar:

Posting Komentar

Sorotan

109. Handphones and Artificial Intelligence: A Marvelous Fusion Shaping the Future

  In the digital age, the convergence of handheld devices, commonly known as handphones or smartphones, with artificial intelligence (AI) te...