Cách tạo trang tải Video từ Youtube bằng Blogger [2022]

Chào các bạn, chào mừng bạn đến với TECHPLUS - trang chia sẻ các thủ thuật Blogspot. Trong bài viết này chúng ta cùng tìm hiểu về cách để tạo ra một trang download video từ Youtube với nhiều định dạng khác nhau từ mp3 đến video có chất lượng cao đến 8K. Vậy cách để tạo ra một công cụ như vậy thì chúng cần làm thế nào. Xin mời các bạn cùng tiếp tục theo dõi bài viết nhé.

{tocify} $title={Table of content}


Công cụ tải Video Youtube

Youtube hiện đang phát trên Boom. Vì YouTube là sản phẩm của riêng Google. Và là nền tảng phát video trực tuyến lớn nhất thế giới. Và hầu như tất cả mọi người trên thế giới đều sử dụng YouTube. Và trong tình huống như vậy, bạn sẽ biết rằng trong công cụ tải xuống video của YouTube dành cho Blogger, chúng tôi không cung cấp tùy chọn tải xuống với các link bên ngoài.

Vì vậy, một công cụ như vậy đang trở nên rất phổ biến trên internet ngày nay. Và tên của công cụ này là YouTube Video Downloader Tool. Tức là, với sự trợ giúp của công cụ này, bạn có thể dễ dàng tải xuống bất kỳ video YouTube nào trong trình quản lý tệp của mình. 

Vì vậy, bây giờ nói đến một câu hỏi blogger. Làm cách nào chúng ta có thể tạo công cụ trình tải xuống video YouTube trong Blogger? Bởi vì chúng tôi và bạn biết rằng tất cả Internet đều có Công cụ tải xuống video Youtube, tất cả đều được tạo bằng PHP Language Script. Nhưng khi nói đến Blogger hoặc Blogspot, php không được hỗ trợ trong các nền tảng này. Vì vậy, chỉ HTML, JavaScript và CSS được hỗ trợ trong đó.

Như vậy là mình đã chia sẻ cho bạn toàn bộ script làm việc để bạn tải YouTube Video Downloader Script cho Blogger / Blogspot. Vì vậy, với sự trợ giúp của tập lệnh hoàn chỉnh này, bạn có thể dễ dàng tạo Công cụ tải xuống video Youtube trong Blogger. 

Bạn có thể xem trang Demo mà mình đã tạo nhé. (Nếu xem trên điện thoại hãy bật Trang web cho máy tính nhé)

{getButton} $text={Xem DEMO} $icon={preview}

Các bước sử dụng tập lệnh trình tải xuống video Youtube cho Blogger / Blogspot 

  • Đăng nhập vào Blogger.com 
  • Tạo một trang blogspot mới. Rồi vào phần Chủ đề 
  • Bấm vào tùy chỉnh và chuyển sang giao diện cổ điển ( Đây là bước quan trọng nhé) 



  • Bấm vào chỉnh sửa HTML và xóa tất cả code trong đó.
  • Copy đoạn code dưới đây và dán vào phần chỉnh sửa trang.


<!DOCTYPE html>
<html>
<title>All Format YouTube Video Downloader</title>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Free online YouTube video downloader to download YouTube videos in MP4 in HD quality with high download speed."/>
<meta name="robots" content="index,follow" />
<meta name="keywords" content="Free online YouTube video downloader to download YouTube videos in MP4 in HD quality with high download speed." />
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
<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 rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="icon" href="favicon.png" sizes="16x16" type="image/png">
<style>
#navbar-iframe {height: 0px;visibility: hidden;display: none;}
* {
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(180deg);}
.custom-shape-divider-bottom-1610026357 svg {position: relative;display: block;width: calc(100% + 1.3px);height: 183px;}
.custom-shape-divider-bottom-1610026357 .shape-fill {fill: #FFFFFF;}
</style>
</head>
<body>
<div style="position: relative; background-image: linear-gradient(to right, #2101b9, #005eec, #0090f8, #00bcee, #00e3e3); min-height: 99vh;">
<div id='hd'>
<center><img alt='youtube video downloader' height='150' src='https://1.bp.blogspot.com/-6iQK-ugxaMA/XzlEKT2IKCI/AAAAAAAAB8w/ch-bNMemZroo07x-raUTXatJH2jQZh1hACLcBGAsYHQ/s1600/aaaaaaa.png' width='100' title='High Quality YouTube Video Downloader'/></center>
<div class="col-md-6 offset-md-3 mt-5">
<div class="card">
<div class="card-header bg-info">
<center><h5>All Format YouTube Video Downloader</h5>
</div>
<div class="card-body">
<div class="row">
<div class="col-md-12">
<div class="form-group">
<label class="text-weight"><b>Enter YT Video Link:</b></label>
<input type="txt" name="link" class="form-control link" required>
</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 selected disabled>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">Click Here</button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
<div class="custom-shape-divider-bottom-1610026357">
<svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120" preserveAspectRatio="none">
<path 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" class="shape-fill"></path>
</svg>
</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>
</html>{codeBox}

  • Bây giờ hãy nhấp vào Lưu chủ đề, đó là tất cả những gì chúng ta cần làm.
  • Giờ đây, Công cụ tải xuống video YouTube của bạn đã sẵn sàng để sử dụng
OK. Vậy là tận hưởng thành quả của mình thôi nào. Tự mình đã tạo ra được 1 trang download Video từ Youtube. Bạn có thể chia sẻ trang này cho bạn bè để họ dùng.  

Nguyễn Hoàng

Thích viết, thích chia sẻ những gì mình biết. Mặc dù viết không hay. Nên không quan tâm người ta có thích đọc không? :D

5 Nhận xét

  1. Đặt liên kết với mình nhé:
    Liên kết: https://liteconvenience.blogspot.com/
    Tên hiển thị:Lite Convenience
    Mô tả: Blog chia sẻ kiến thức, thủ thuật Blogger, thủ thuật WordPress, tài liệu học tập, văn mẫu.

    Trả lờiXóa
  2. Hiện tại Blog của mình (em) đang chuyển hướng domain bạn có thể đổi lại domain giúp mình không nhỉ ?
    URL: www.thanhtruongblog.com
    Title: Thành Trương Blog
    Mô tả : Thành Trương Blog - Blog Thủ Thuật Công Nghệ, Blogger/Blogspot, Template Blogger/Blogspot, Giải Trí

    Trả lờiXóa
Mới hơn Cũ hơn