YouTube Thumbnail Downloader Script for Blogger & WordPress (Free) Download

Photo of author
Rohit Baidya

नमस्कार दोस्तो! स्वागत है आपका Techly360 ब्लॉग में।तो आज के इस आर्टिकल में हम बात करने वाले है YouTube Thumbnail Downloader Script for Blogger Download के बारे में। and ये Blogger Me YouTube Thumbnail Downloader (Grabber) Website Kaise Banaye? तो इन सभी बातों को हम इस Article में जानेंगे। तो बने रहिये इस Article में और जानिए पूरे Details में।

YouTube Thumbnail Downloader (Grabber)

Youtube Thumbnail Downloader Script, YT Thumbnail Grabber Script, YT Thumbnail Downloader Script for Blogger

आजकल रोजाना कोई ना कोई Online Web Tool Blogspot trend करता रहता है| तो ऐसे में आजकल एक और YouTube Thumbnail Downloader Tool Google समेत अन्य बहुत सारे सर्च इंजन पर ट्रेंड कर रहा है| इस टूल का इस्तेमाल लोग किसी भी यूट्यूब विडियो के Thumbnail को download करने के लिए करते है|

ऐसे में आपको बहुत सारे वेबसाइट में यह YouTube Thumbnail Grabber Tool आजकल मौजूद है| जो की गूगल पर बहुत ही तेज़ी से रैंक कर रहा है| और आजकल तो लोग इस यूट्यूब विडियो डाउनलोडर टूल का इस्तेमाल भी धरल्ले से कर रहे है| यही नही लोग आजकल ऐसा यूट्यूब विडियो ग्रैबर टूल भी खुद का बनाना चाहते है|

इन्हें भी पढ़े-

YouTube Thumbnail Downloader Script

तो अब मैंने आपके लिए इस YouTube Thumbnail Grabber Script for Blogger उपलब्ध कराया है| आप इसकी मदद से ब्लॉगर में एक खुद का एक यूट्यूब थंबनेल डाउनलोडर टूल आसानी से बना सकते है| ऐसे में बहुत सारे लोग मुझसे इस टूल का source Code मांगते है|

तो ऐसे में मैंने उनके लिए यह youtube tool का source code उपलब्ध कराया है| तो आपको इसे कैसे इस्तेमाल करना है| निचे मैंने इसके लिए एक Complete steps बताया है|

Steps to Create YouTube Thumbnail Downloader in Blogger

तो अब अगर आपको इस टूल को बनाना है| तो इसे बनाने के लिए आपको इसके सभी स्टेप्स को ध्यानपूर्वक फॉलो करना होगा| और आप इन स्टेप्स की मदद से आसानी से इस YouTube Thumbnail Grabber ब्लॉगर में बना सकते है|

  • 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

Code Updated (New Feature Added)

<!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://1.bp.blogspot.com/-6iQK-ugxaMA/XzlEKT2IKCI/AAAAAAAAB8w/ch-bNMemZroo07x-raUTXatJH2jQZh1hACLcBGAsYHQ/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

निष्कर्ष – आपको यह YouTube Thumbnail Downloader Script Download for Blogger का आर्टिकल कैसा लगा। आप नीचे कमेंट बॉक्स में कमेंट करके जरूर बताएं। या किसी प्रकार का Suggestion देना भी चाहते है तो आप नीचे Comment Box में अपनी राय हमारे साथ Share कर सकते है।

Comments are closed.