How To Create YouTube Video and MP3 Downloader Tool in Blogger

September 16, 2020

Hello friends! Welcome to our blog. So in this article today we are going to teach you how to create Youtube Video Downloader Script for Blogger Download. And How to Make Asome Theme For Youtube Video MP3 Downloader? So we will teach all these things in this article. Read the full article to get more details.


Subscribe Tou Our Youtube Channel To Get More Videos
SUBSCRIBE US


Youtube Video MP3 Downloader Script for Blogger Download

So now it comes to a blogger question. How can we create YouTube video downloader tool in Blogger? Because we and you know that all the Internet has Youtube Video Downloader Tool that is all made in PHP Language Script. But when it comes to Blogger or Blogspot, php is not supported in these platforms. So only HTML, JavaScript and CSS are supported in it.


Steps to Create a Youtube Video Downloader Tool in Blogger/Blogspot

  • Go to Blogger/Blogspot Dashboard (Old Blogger Dashboard)
  • Now Click on Theme Section
  • Scroll Down & Click on Revert to Classic Themes
  • Now to Click on Revert to Classic 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 Downloader - Download Youtube videos for free!</title>    

  <meta content='We offer the fastest way to save YouTube videos in mp3, mp4, or in other range of formats. ✅ It’s the most convenient YouTube video downloader you’ve ever tried!' name='Description'/>    
  <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'/>    

  <link href='https://techly360.com/create-youtube-video-downloader-tool-in-blogger/' rel='canonical'/>    
  <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'/>    

  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>    
  <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>    
  <style id='page-skin-1' type='text/css'><!--    
  /*    
  -----------------------------------------------------------------------------------    

  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 {    
  This blog was Created & Modify by Techno Sandesh
  ----------------------------------------------------------------------------------- */    
  #navbar-iframe {    
  height:0px;    
  visibility:hidden;    
  display: none !important;    
  }    
  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 {    

  width:100%;    
  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 {    

  background:#2A78C3;    
  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-image: -moz-linear-gradient(top, #66bdff, #0d9eff);    
  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: -webkit-linear-gradient(top, #f72525, #b52222);    
  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;    

  padding:10px;    
  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;    
  background:#BA2020;    

  <img alt='youtube thumbnail generator' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2kuRxIFbrA-f6dD7jgnueEwun39JnpQ8u8vqik3pr8tjrnZq_AxNlXmQbFTBf4253tr7xjktIJLBhLwPKPC20yPdyENI1wsE-hZ_mFqb3VT0obeniX2UDxBv5-ic1Om-COT2eF3kCk7c/s1600/aaaaaaa.png' title='High Quality YouTube Video Downloader'/>    
  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'>    
  <h1>High Quality YouTube Video Downloader</h1>    

  <iframe src="https://mp3downy.com/mp3-converter?apikey=89eb7d92-3622-45d7-86a0-15adb53d61f1&color=17a2b8&bg=ffffff" style="width:100%;min-height:250px;height:auto;" ></iframe>   
  <p>YouTube Video Downloader automatically take "High Quality" Video File from YouTube URL. Paste Your YouTube Video URL (<span>https://www.youtube.com/watch?v=zru82DBCIEw&t=237s</span>) in the below box and Click on "Download" button. Within Second it will generate your YouTube Video Download Button.</p>    
  </div>    
  <div class="addthis_inline_share_toolbox centersocials"></div>    
  <div class="adsbox container">    
   Place Ad Code 1     
    </div>    
   </br>    
  <div class="adsbox container">    
   Place 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-->    

  </html>   
  <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>By Techno Sandesh <script>document.write(new Date().getFullYear())</script>    
  <span>• </span>    
  </br>    
  </br>    
  </div>    
  </div>    
  </div>    
  </footer>    

  </body>
  • Remove all Code & Paste New Code Here
  • Now Click on Save Theme, That’s All
  • Now Your YouTube Video mp3 Downloader Tool is Ready to Use
Conclusion - Did you like this article of How to Create YouTube Video MP3  Downloader Tool in a blogger. If you have any problem Ask us 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.



Leave a Comment

2 comments:

  1. Kingslayer sky16 September 2020 at 04:40

    Ask Any Question Regarding This Article Or Other I ma here To Answer Here :->

    ReplyDelete
  2. organic_alexa2 August 2021 at 09:01

    The best woman speeches and toasts must occupy and give memorialize for any groom and bride. Beginning car speakers face-to-face with flashy crowd should realize typically the gold colored concept pointing to presentation, which is to be your own home. best man jokes https://www.buyyoutubesubscribers.in

    ReplyDelete

Subscribe to: Post Comments ( Atom )
Powered by Blogger.