YouTube Thumbnail Downloader Script for Blogger & WordPress (Free) Download
Hello friends! Welcome to your Techly360 blog. So in this article today we are going to talk about YouTube Thumbnail Downloader Script for Blogger Download. And this Blogger Me YouTube Thumbnail Downloader (Grabber) Website Kaise Banaye? So we will know all these things in this article. So stay in this article and know more in full details.
YouTube Thumbnail Downloader (Grabber)
Now-a-days, some online web tool blogspot keeps trending. So, nowadays, another YouTube Thumbnail Downloader Tool is trending on many search engines including Google. People use this tool to download Thumbnail of any YouTube video.
In such a situation, this YouTube Thumbnail Grabber Tool is present in many websites nowadays. Which is ranking very fast on Google. And nowadays people are also using this YouTube video downloader tool in a big way. Not only this, nowadays people also want to make such a YouTube video grabber tool.
YouTube Thumbnail Downloader Script
So now I have made available this YouTube Thumbnail Grabber Script for Blogger for you. With the help of this you can easily create your own YouTube thumbnail downloader tool in Blogger. In such a situation, many people ask me the source code of this tool.
So in such a way, I have provided the source code of this youtube tool for them. So how do you use it? Below I have given a complete steps for this.
Steps to Create YouTube Thumbnail Downloader in Blogger
So now if you want to make this tool. So to make it, you have to follow all its steps carefully. And with the help of these steps you can easily create this YouTube in Thumbnail Grabber Blogger.
- Go to Blogger Dashboard (Old Blogger Dashboard)
- Now Click on Theme Section
- Scroll Down & Click on Revert to Classic Themes
- Now to Click on Revert to Clasic Theme
- Now Turn off Blue & Copy Code Bellow
<!DOCTYPE html>
<html dir='ltr' 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>
<title>Youtube Thumbnail Generator ( High Quality Images)</title>
<meta content='YouTube Thumbnail Downloader automatically Generate High Quality Thumbnails or Images from YouTube videos. Paste your YouTube Video URL in the below box and Click on "Download" button. Within Second it will generate your sweet thumbnails.' name='Description'/>
<meta content='YouTube Thumbnail Downloader,youtube, thumbnail, generator, screenshots, image generator, picture generator, maker, photo, creater,' name='Keywords'/>
<meta content='index, follow' name='robots'/>
<meta content='2 days' name='revisit-after'/>
<meta content='English' name='language'/>
<meta content='INDIA' name='geo.country'/>
<meta content='BIHAR' name='geo.placename'/>
<meta content='global' name='distribution'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='general' name='rating'/>
<link href='https://techly360.com/youtube-thumbnail-downloader-script-download/' rel='canonical'/>
<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">
<script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<style id='page-skin-1' type='text/css'><!--
/*
-----------------------------------------------------------------------------------
This blog was founded & Modify by Techly360
----------------------------------------------------------------------------------- */
#navbar-iframe {
height:0px;
visibility:hidden;
display: none !important;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
html {
background:#eeeeee;
text-align:center;
line-height: 1;
font-family: Georgia;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
*:focus {
outline: 0;
}
#hd {
width:100%;
height:390px;
background-image: linear-gradient(to right, #0970eb, #008fef, #00a4d8, #00b3b6, #52be9a);
margin:0 0 50px 0;
-moz-box-shadow: inset 0 -4px 10px -5px #000;
-webkit-box-shadow: inset 0 -4px 10px -5px #000;
box-shadow: inset 0 -4px 10px -5px #000;
}
h1 {
font-size:24px;
font-weight:bold;
color:#fff;
text-shadow: 1px 1px 1px #666666;
}
#hd p{
max-width:70%;
margin:20px auto;
padding:10px;
background:#2A78C3;
border: dashed #00C0C7 2px;
font-family:arial;
font-size:17px;
font-weight:bold;
line-height: 1.4;
color:#FFFFFF;
}
#hd p span{
color:#FFFF00;
}
input[type="text"]{
width:400px;
height:70px;
padding:0 0 0 10px;
border: dashed #1a1a1a 2px;
font-family: Georgia;
}
input[type="submit"]{
height:72px;
background: #66bdff;
background-image: -webkit-linear-gradient(top, #66bdff, #0d9eff);
background-image: -moz-linear-gradient(top, #66bdff, #0d9eff);
background-image: -ms-linear-gradient(top, #66bdff, #0d9eff);
background-image: -o-linear-gradient(top, #66bdff, #0d9eff);
background-image: linear-gradient(to bottom, #66bdff, #0d9eff);
border: dashed #1a1a1a 1px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0px;
margin:0 0 0 -2px;
cursor: pointer;
font-family: Georgia;
text-decoration: none;
color: #fff;
}
input[type="submit"]:hover {
background: #f72525;
background-image: -webkit-linear-gradient(top, #f72525, #b52222);
background-image: -moz-linear-gradient(top, #f72525, #b52222);
background-image: -ms-linear-gradient(top, #f72525, #b52222);
background-image: -o-linear-gradient(top, #f72525, #b52222);
background-image: linear-gradient(to bottom, #f72525, #b52222);
}
h2{
margin:20px;
font-size:14px;
}
h3{
color:#A9A6A6;
margin:10px auto;
}
#hidden_div img{
margin:5px;
border: solid #C8312B 3px;
}
#sorry{
width:200px;
height:3opx;
margin:10px auto;
padding:10px;
background:#BA2020;
border: dashed #7E1313 2px;
color:#fff;
}
#iam{
margin:50px auto;
color:#1a1a1a;
}
.footer-copy {
margin: 50px auto;
color: #c2c2c2;
}
-->
.adsbox{padding:2em;box-shadow:0 5px 15px rgba(0,0,0,.16);border-radius:5px;margin-top:1em;background:#fff;text-align:left}
</style>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
</head>
<body class=" text-center">
<div id='hd'>
<img alt='youtube thumbnail generator' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiI0Ixs-rp3P8iuh4C5sDJO49LOPUU3nfDpVFMXoDp0jcjDOBMhZDbTSlgDsargmw3cVUvxMdZGpq_PEQQF9ylhUa4Vp8QbqYAZpWFjPgBb7YXWuPTrpKhyphenhyphenxFUEWTWUiqIvAtbMbWexWsM/s1600/aaaaaaa.png' title='High Quality YouTube Video Thumbnail Generator'/>
<h1>High Quality YouTube Video Thumbnail Generator</h1>
<p>YouTube Thumbnail Generator automatically take "High Quality" Screenshots (Thumbnails or Images) from YouTube videos. Paste your YouTube Video URL (<span>https://www.youtube.com/watch?v=zru82DBCIEw&t=237s</span>) in the below box and Click on "Click Here" button. Within Second it will generate your sweet thumbnails.</p>
</div>
<div class="addthis_inline_share_toolbox centersocials"></div>
<div class="adsbox container">
Place you Ad Code 1
</div>
</br>
<div class="container">
<form onsubmit='showHide(); return false;'>
<input autocomplete='on' id='technicalarpvid' placeholder='Paste A Youtube URL' type='text'/>
<input id='technicalarpvideoButton' onclick='showDiv()' type='submit' value='Download'/>
</form>
</div>
<div class="adsbox container">
Place you Ad Code 2
</div>
<div id='hidden_div' style='display:none'>
<div id='thumbnails'>
</div>
</div>
<!-- Add this Sticky Sidebar and Inline Share - By Technical Arp Login to Addthis and Change as per your Requirement-->
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5c98f50a092025d4"></script>
<footer style="margin-top:30px; margin-bottom:20px;">
<div class='container text-center'>
<div class='footer-copy'>
<p>© Design by Techly360.com <script>document.write(new Date().getFullYear())</script>
<span>• </span>
</br>
</br>
</div>
</div>
</div>
</footer>
<script Language='Javascript'>
$(document).ready(function() {
$('#technicalarpvideoButton').click(function() {
function GetQueryParam(parameter, address){
var p = escape(unescape(parameter));
var regex = new RegExp("[?&]" + p + "(?:=([^&]*))?","i");
var match = regex.exec(address);
var value = null;
if( match != null ){
value = match[1];
}
return value;
}
var videoURL = $('#technicalarpvid').val();
var theID = GetQueryParam("v", videoURL);
$("#thumbnails").empty();
if(theID != null) {
$('<div></div>')
.html(
'<h2>I like you :) These are your thumbnails.. ** Click on a below image and Right Click on it at next Tab and Click "Save Image As..." to Download the image</h2><h3>» Default Thumbnail</h3><a href="http://img.youtube.com/vi/' + theID + '/default.jpg" target="_blank"><img src="https://img.youtube.com/vi/' + theID + '/default.jpg"><figcaption>Download by: Right Click and Save Image as</figcaption></a><h3>» 3 Other Small Thumbnails</h3><a href="http://img.youtube.com/vi/' + theID + '/1.jpg" target="_blank"><img src="https://img.youtube.com/vi/' + theID + '/1.jpg"><figcaption>Download by: Right Click and Save Image as</figcaption></a><a href="http://img.youtube.com/vi/' + theID + '/2.jpg" target="_blank"><img src="https://img.youtube.com/vi/' + theID + '/2.jpg"><figcaption>Download by: Right Click and Save Image as</figcaption></a><a href="http://img.youtube.com/vi/' + theID + '/3.jpg" target="_blank"><img src="https://img.youtube.com/vi/' + theID + '/3.jpg"><figcaption>Download by: Right Click and Save Image as</figcaption></a><h3>» Medium Quality Thumbnails</h3><a href="http://img.youtube.com/vi/' + theID + '/mqdefault.jpg" target="_blank"><img src="https://img.youtube.com/vi/' + theID + '/mqdefault.jpg"><figcaption>Download by: Right Click and Save Image as</figcaption></a><br/><a href="http://img.youtube.com/vi/' + theID + '/0.jpg" target="_blank"><img src="https://img.youtube.com/vi/' + theID + '/0.jpg"><figcaption>Download by: Right Click and Save Image as</figcaption></a><h3>» High Quality Thumbnails</h3><a href="http://img.youtube.com/vi/' + theID + '/hqdefault.jpg" target="_blank"><img src="https://img.youtube.com/vi/' + theID + '/hqdefault.jpg"><figcaption>Download by: Right Click and Save Image as</figcaption></a><h3>» High Definition Thumbnail ( **Only available if, your video is more than 720p )</h3><a href="http://img.youtube.com/vi/' + theID + '/maxresdefault.jpg" target="_blank"><img src="https://img.youtube.com/vi/' + theID + '/maxresdefault.jpg"><figcaption>Download by: Right Click and Save Image as</figcaption></a>').appendTo("#thumbnails");
} else {
$('<div></div>').html('<div id="sorry">It seems like your "url" has an error</div>').appendTo("#thumbnails");
}
});
});
function showHide() {
var div = document.getElementById("hidden_div");
if (div.style.display == 'none') {
div.style.display = '';
}
else {
div.style.display = '';
}
}
</script>
</body>
</html>
- Remove all Code & Paste New Code Here
- Now Click on Save Theme, That’s All
- Now Your YouTube Thumbnail Downloader Tool is Ready to Use
Conclusion - How did you like this YouTube Thumbnail Downloader Script Download for Blogger article. You must definitely comment by commenting in the comment box below. Or you also want to give some kind of Suggestion, then you can share your opinion with us in the Comment Box below.
 Download){kind=link}
1 Comments
Best method to increase YouTube views 👇
ReplyDeleteSecret method increase YouTube views
Follow my social networks for funny memes and odd news
Facebook page 👇
follow Facebook page
Twitter👇
Join Twitter
Telegram👇
Join Telegram