Create All Video Downloader Website And App with Blogger

Creating an all-in-one video downloader website and app with Blogger, while monetizing it through Google AdSense, can be a lucrative venture. By combining the functionalities of a downloader with a popular blogging platform, you can attract a wide audience and generate revenue through ad placements.

To start, you'll need to set up a Blogger website. Blogger is a user-friendly platform owned by Google that allows you to create and publish blog content easily. Begin by creating a new blog specifically for your video downloader project.

Next, design the website in a visually appealing and user-friendly manner. Incorporate a search bar prominently on the homepage, where users can input the URLs or keywords of the videos they want to download. Implement a backend system that enables the extraction of video links from popular platforms like YouTube, Vimeo, Dailymotion, and others.

Once users initiate a video search, your website should display a list of available download options. Provide various video formats and quality options for users to choose from. When a user selects a specific format, redirect them to the download page where they can access the video file.

To maximize your revenue potential, integrate Google AdSense into your website. AdSense is a popular advertising program by Google that allows website owners to display contextual ads on their pages. Place ad units strategically throughout your website, ensuring they don't disrupt the user experience but still attract attention. By providing valuable content and attracting a significant user base, you can earn revenue whenever visitors click on the displayed ads.

Additionally, consider developing a companion app for your video downloader. The app can replicate the functionalities of the website, providing a convenient way for users to download videos on their mobile devices. Ensure the app adheres to the platform's guidelines and is available for download on popular app stores like Google Play Store and Apple App Store.

To promote your website and app, utilize various marketing strategies. Utilize social media platforms to engage with your target audience and share valuable content related to video downloading. Collaborate with popular influencers or content creators to reach a wider audience. Additionally, optimize your website and app for search engines to increase organic traffic.

As your website and app gain traction, continually monitor and update them to adapt to changing trends and user preferences. Stay informed about copyright laws and ensure your platform complies with them to avoid legal issues.

By creating an all-in-one video downloader website and app using Blogger, while monetizing it through Google AdSense, you have the potential to generate a steady income stream. However, remember to create high-quality content, prioritize user experience, and adhere to legal and ethical standards to build a successful and sustainable platform.

Use the below codes and start creating your All video downloader.

Make sure you watch the video completely because the step by step guide will not take place here exactly like the video, so you can only understand where to put those codes but you will not see any examples of screenshot.

Get Started:

1. Copy this Code and paste it in the template HTML code box entirely delete the ready on the box and paste download the copied one.

<?xml version="1.0" encoding="UTF-8" ?>
<html b:css='false' 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>
  <meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/> 
   <meta content='width=device-width, initial-scale=1' name='viewport'/>
  <b:include data='blog' name='all-head-content'/>
<script src='//cdnjs.cloudflare.com/ajax/libs/jquery/1.8.3/jquery.min.js'/>
   <link href='https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css' rel='stylesheet'/>
    <link href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css' rel='stylesheet'/>
<title>
<b:if cond='data:blog.pageType == "index"'>
<data:blog.pageTitle/>
<b:else/>
<b:if cond='data:blog.pageType != "error_page"'>
<data:blog.pageName/> - <data:blog.title/>
<b:else/>
404 | <data:blog.title/>
</b:if>
</b:if>
</title>
<b:skin><![CDATA[
 :root{
    --green:#7480FF;
    --black:#444;
    --light-color:#777;
    --box-shadow:0px 0px 10px #7480FF;
    --text-shadow:.4rem .4rem 0 rgba(0, 0, 0, .2);
    --border:.2rem solid var(--green);
}

*{
    font-family: 'Poppins', sans-serif;
    margin:0; padding: 0;
    box-sizing: border-box;
    outline: none; border: none;
    text-transform: capitalize;
    transition: all .2s ease-out;
    text-decoration: none;
}

html{
    font-size: 62.5%;
    overflow-x: hidden;
    scroll-padding-top: 7rem;
    scroll-behavior: smooth;
}
section{
    padding:2rem 9%;
}
section:nth-child(even){
    background: #f5f5f5;
}
.home{
    align-items: center;
    background: #17202F;
}
.home .contentr{
    flex:1 1 45rem;
}
.home .contentr .h3{
    font-size: 55px;
    color:#fff;
    line-height: 1.5;
    text-align: center;
    margin-top: 20px;
}
.home .contentr .p{
    font-size: 10px;
    color:#fff;
    line-height: 1.8;
    padding: 1rem 0;
    text-align: center;
    top: 5px;
}
.wrapper .form{
  height: 50px;
  width: 80%;
  display: flex;
  position: relative;
  align-items: center;
}
.form .url-icon{
  position: absolute;
  width: 50px;
  text-align: center;
  font-size: 23px;
  color: #c4c4c4;
  pointer-events: none;
}
.form input:valid ~ .url-icon{
  color: #FB3252;
}
.form input{
  height: 100%;
  width: 100%;
  outline: none;
  padding: 0 120px 0 45px;
  font-size: 20px;
  caret-color: #FB3252;
  border: 2px solid #ddd;
  border-radius: 5px;
  transition: all 0.1s ease;
}
.form input:valid{
  border-color: #FB3252;
}
.form input::placeholder{
  color: #c4c4c4;
}
.form input:focus::placeholder{
  color: #d9d9d9;
}
.form button{
  position: absolute;
  right: 6px;
  padding: 5px 15px;
  font-size: 18px;
  border-radius: 5px;
  border: none;
  outline: none;
  background: #FB3252;
  color: #fff;
  cursor: pointer;
  transition: all 0.3s ease;
}
.form button:hover{
  background: #FB3252;
}
.wrapper .form button{
  opacity: 0;
  pointer-events: none;
}
.wrapper .form input:valid ~ button{
  opacity: 1;
  pointer-events: auto;
}
.img{
  height: 350px;
  margin-top: 20px;
}
.Get{
    width: 270px;
    height: 45px;
    display: block;
    background-color: #FB3252;
    border: none;
    padding: 5px;
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    padding: 12px 25px;
    margin-top: 10px;
    border-radius: 5px;
    cursor: pointer;
    outline: none;
}
.hidden{
  display: block;
}
.hidden.active{
  display: block;
}
.ads-container{
    display: grid;
    gap:2rem;
    grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
    padding-top: 5rem;
    padding-bottom: 5rem;
    font-size: 18px;
}
.ads-container .ads{
    border: 2px solid #ccc;
    border-radius: 5px;
    text-align: center;
    padding: 20px;
}
.services .box-container{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(27rem, 1fr));
    gap:2rem;
}
.services .box-container .box{
    background:#EBF1F8;
    border-radius: 5px;
    border: 2px solid #EBF1F8;
    padding: 20px;
    font-size: 18px;
}
.h2{
  text-align: center;
  font-size: 15px;
  margin-bottom: 10px;
}
.text{
  text-align: center;
  font-size: 10px;
}
.footer{
  background-color: #1A2634;
}
.footer .credit{
    padding: 1px;
    padding-top: 15px;
    margin-top: 2px;
    text-align: center;
    font-size: 10px;
    color:#fff;
}
.footer .credit span{
    color:var(--green);
}
@media (max-width:991px){
    html{
        font-size: 55%;
    }
    .header{
        padding: 2rem;
    }
    section{
        padding:2rem;
    }
    .footer{
      display: block;
    }
}
@media (max-width:768px){
   html{
        font-size: 50%;
    }
    .home .contentr .p{
    font-size: 16px;
    color:#fff;
    line-height: 1.8;
    padding: 1rem 0;
    text-align: center;
    top: 5px;
}
.h2{
  text-align: center;
  font-size: 20px;
  margin-bottom: 10px;
}
.text{
  text-align: center;
  font-size: 18px;
}
.footer .credit{
    padding: 1px;
    padding-top: 15px;
    margin-top: 2px;
    text-align: center;
    font-size: 18px;
    color:#fff;
}
    .wrapper .form{
  height: 50px;
  width: 330px;
  display: flex;
  position: relative;
  align-items: center;
}
.form .url-icon{
  position: absolute;
  width: 50px;
  text-align: center;
  font-size: 23px;
  color: #c4c4c4;
  pointer-events: none;
}
.form input:valid ~ .url-icon{
  color: #FB3252;
}
.form input{
  height: 100%;
  width: 100%;
  outline: none;
  padding: 0 120px 0 45px;
  font-size: 20px;
  caret-color: #FB3252;
  border: 2px solid #ddd;
  border-radius: 5px;
  transition: all 0.1s ease;
}
.form input:valid{
  border-color: #FB3252;
}
.form input::placeholder{
  color: #c4c4c4;
}
.form input:focus::placeholder{
  color: #d9d9d9;
}
.form button{
  position: absolute;
  right: 6px;
  padding: 5px 15px;
  font-size: 18px;
  border-radius: 5px;
  border: none;
  outline: none;
  background: #FB3252;
  color: #fff;
  cursor: pointer;
  transition: all 0.3s ease;
}
.form button:hover{
  background: #FB3252;
}
.wrapper .form button{
  opacity: 0;
  pointer-events: none;
}
.wrapper .form input:valid ~ button{
  opacity: 1;
  pointer-events: auto;
}
}
@media (max-width:450px){
    html{
        font-size: 50%;
    }
 
}
.download-button {
  text-decoration: none;
  animation: 1s;
  width: 270px;
  height: 45px;
  display: block;
  background-color: #FB3252;
  border: none;
  padding: 5px;
  font-size: 18px;
  color: #fff;
  font-weight: 600;
  padding: 12px 25px;
  margin-top: 10px;
  border-radius: 5px;
  cursor: pointer;
  outline: none;
}
.download-button:active {
  background-color: #5C68F2;
  color: #fff;
}

.download-button:active {
  transform: scale(1.1);
}
.logo{
  height: 70px;
  margin-bottom: 10px;
}
.hr{
  width: 100%;
  border: 0.78px solid #EBF1F8;
  margin-bottom: 10px;
}
  ]]></b:skin>
 
</head>
 <body>
  <b:section class='header' id='header' maxwidgets='' showaddelements='yes'>
    <b:widget id='HTML1' locked='false' title='Header Code' type='HTML'>
      <b:widget-settings>
        <b:widget-setting name='content'><section class="home" id="home">
    <div class="contentr">
        <h1 class="h3">Online Video Downloader</h1>
        <p>Any YouTube, SoundCloud, Facebook,Twitter, Instagram, TikTok, Vimeo,Dailymotion and VK Website Support URL</p>
     <input type="text" class="link" placeholder="Enter Your Url..." />
    <button class="Get" onclick="download()">Get Download Button</button>
    <div class="hidden">
      <div class="content">
        <div class="result2">
           <span><h1>Paste Video Url</h1></span>
        </div>
      </div>
    </div>
    <p>Convert videos to high quality mp4, flv, webm, mkv, m4a, mp3 format.</p>
</div></section></b:widget-setting>
      </b:widget-settings>
      <b:includable id='main'>
  
  <b:if cond='data:title != ""'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

<b:include name='quickedit'/>
</b:includable>
    </b:widget>
    <b:widget id='HTML11' locked='false' title='Ads 1' type='HTML' version='2' visible='true'>
      <b:widget-settings>
        <b:widget-setting name='content'><section class="ads-container">
    <div class="ads">
        <p>ads</p>
    </div>
</section>
</b:widget-setting>
      </b:widget-settings>
      <b:includable id='main'>
        <b:if cond='data:blog.url == data:blog.homepageUrl'>
            
            <b:if cond='data:title != ""'>
                <h2 class='title'><data:title/></h2>
            </b:if>
            <div class='widget-content'>
                <data:content/>
            </div>
            
            <b:include name='quickedit'/>
        </b:if>
    </b:includable>
    </b:widget>
    <b:widget id='HTML2' locked='false' title='Services' type='HTML'>
      <b:widget-settings>
        <b:widget-setting name='content'><section class="services" id="services">
<center><img src="https://i.imgur.com/PYwCFWp.png" alt="" style="width: 100px; height: 100px;" /></center>
<br />
   <h4 class="h2">A fast and simple Online Video Downloader</h4>
<br />
<p class="text">This is a free online media conversion web tool that allows you to convert any video link or file to various formats without the need to install any software on your computer. It's fully compatible with all modern web-browsers and known as the best online video conversion application as it offers high quality and super fast conversions to many audio ( .mp3 / .aac / .ogg / .wma / .m4a / .flac / .wav ) and video ( .mp4 1080p / .avi / .mpg / .mov / .wmv / .flv / .m4v / .webm / .mkv / .3gp ) 4k video formats. A wide range of online video portals are supported.</p>
</section></b:widget-setting>
      </b:widget-settings>
      <b:includable id='main'>
  
  <b:if cond='data:title != ""'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

<b:include name='quickedit'/>
</b:includable>
    </b:widget>
    <b:widget id='HTML3' locked='false' title='ads 2' type='HTML'>
      <b:widget-settings>
        <b:widget-setting name='content'><section class="ads-container">
    <div class="ads">
        <p>ads</p>
    </div>
</section></b:widget-setting>
      </b:widget-settings>
      <b:includable id='main'>
  
  <b:if cond='data:title != ""'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

<b:include name='quickedit'/>
</b:includable>
    </b:widget>
    <b:widget id='HTML4' locked='false' title='All Feature' type='HTML'>
      <b:widget-settings>
        <b:widget-setting name='content'><section class="services" id="services">
    <h4 class="h2">All Features</h4>
<br /><br />
    <div class="box-container">
        <div class="box">
<center><img src="https://i.imgur.com/PRAJaiH.png" alt="" style="width: 100px; height: 100px;" /></center>
<br />
<h4 class="h2">Quick and easy</h4>
<br />
 <p class="text">It's never been easier to search for and download your favorite online video and audio files! Simply insert a valid search term or video / audio page URL (from any of our supported sites, including YouTube, SoundCloud, Facebook, Twitter, Instagram, TikTok, Vimeo, Dailymotion, VK, and AOL) into the front-page form, and you'll subsequently receive corresponding search results or download links. We strive to provide all available download links for all requested online media as well options for converting that media into additional formats like MP3. Moreover, search, download, and conversion functions are optimized for speed, ensuring that your requested files are found and downloaded as efficiently and quickly as possible.</p>
    </div>
    <div class="box">
<center><img src="https://i.imgur.com/tjmDkyt.png" alt="" style="width: 100px; height: 100px;" /></center>
<br />
<h4 class="h2">Support all devices</h4>
<br />
 <p class="text">This website supports all web-connected devices, including desktop computers, notebooks / laptops, tablets, and smart phones. Via a thorough and meticulous implementation of "responsive web design" (a growing industry standard intended to normalize website rendering across a broad spectrum of devices), our content will automatically resize and adjust to your browser viewport to ensure optimal viewing on and interaction with any and all possible screen sizes and form factors. Moreover, while our website content seamlessly transitions across different devices and browsers, the aesthetics and utility of our site remain uncompromised at all times, always ensuring the ideal user experience.</p>
    </div>
    </div></section></b:widget-setting>
      </b:widget-settings>
      <b:includable id='main'>
  
  <b:if cond='data:title != ""'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

<b:include name='quickedit'/>
</b:includable>
    </b:widget>
  </b:section>
  
  <b:section class='main' id='main' showaddelement='yes'>
    <b:widget id='Blog1' locked='false' title='Blog Posts' type='Blog'>
      <b:widget-settings>
        <b:widget-setting name='showDateHeader'>true</b:widget-setting>
        <b:widget-setting name='style.textcolor'>#ffffff</b:widget-setting>
        <b:widget-setting name='showShareButtons'>true</b:widget-setting>
        <b:widget-setting name='authorLabel'>By</b:widget-setting>
        <b:widget-setting name='showCommentLink'>true</b:widget-setting>
        <b:widget-setting name='style.urlcolor'>#ffffff</b:widget-setting>
        <b:widget-setting name='showAuthor'>false</b:widget-setting>
        <b:widget-setting name='style.linkcolor'>#ffffff</b:widget-setting>
        <b:widget-setting name='style.unittype'>TextAndImage</b:widget-setting>
        <b:widget-setting name='style.bgcolor'>#ffffff</b:widget-setting>
        <b:widget-setting name='reactionsLabel'/>
        <b:widget-setting name='showAuthorProfile'>false</b:widget-setting>
        <b:widget-setting name='style.layout'>1x1</b:widget-setting>
        <b:widget-setting name='showLabels'>true</b:widget-setting>
        <b:widget-setting name='showLocation'>true</b:widget-setting>
        <b:widget-setting name='showTimestamp'>true</b:widget-setting>
        <b:widget-setting name='postsPerAd'>3</b:widget-setting>
        <b:widget-setting name='showBacklinks'>false</b:widget-setting>
        <b:widget-setting name='style.bordercolor'>#ffffff</b:widget-setting>
        <b:widget-setting name='showInlineAds'>true</b:widget-setting>
        <b:widget-setting name='showReactions'>false</b:widget-setting>
      </b:widget-settings>
      <b:includable id='main' var='top'>
  <b:if cond='!data:mobile'>
    
    <div class='blog-posts hfeed'>

<b:include data='top' name='status-message'/>

<b:loop values='data:posts' var='post'>
        <b:if cond='data:post.isDateStart and not data:post.isFirstPost'>
          </div></div>
        </b:if>
        <b:if cond='data:post.isDateStart'>
          <div class="date-outer">
        </b:if>
        <b:if cond='data:post.dateHeader'>
          <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
        </b:if>
        <b:if cond='data:post.isDateStart'>
          <div class="date-posts">
        </b:if>
        <div class='post-outer'>
          <b:include data='post' name='post'/>
          <b:include cond='data:blog.pageType in {"static_page","item"}' data='post' name='comment_picker'/>
        </div>

<b:if cond='data:post.includeAd'>
          <div class='inline-ad'>
            <data:adCode/>
          </div>
        </b:if>
      </b:loop>
      <b:if cond='data:numPosts != 0'>
        </div></div>
      </b:if>
    </div>

<b:include name='nextprev'/>

<b:include name='feedLinks'/>

<b:else/>
    <b:include name='mobile-main'/>
  </b:if>
</b:includable>
      <b:includable id='backlinkDeleteIcon' var='backlink'/>
      <b:includable id='backlinks' var='post'/>
      <b:includable id='comment-form' var='post'>
  <div class='comment-form'>
    <a name='comment-form'/>
    <b:if cond='data:mobile'>
      <h4 id='comment-post-message'>
        <a expr:id='data:widget.instanceId + "_comment-editor-toggle-link"' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
    <b:else/>
      <h4 id='comment-post-message'><data:postCommentMsg/></h4>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'/>
    </b:if>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');
    </script>
  </div>
</b:includable>
      <b:includable id='commentDeleteIcon' var='comment'>
  <span expr:class='"item-control " + data:comment.adminClass'>
    <b:if cond='data:showCmtPopup'>
      <div class='goog-toggle-button'>
        <div class='goog-inline-block comment-action-icon'/>
      </div>
    <b:else/>
      <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
        <img src='https://resources.blogblog.com/img/icon_delete13.gif'/>
      </a>
    </b:if>
  </span>
</b:includable>
      <b:includable id='comment_count_picker' var='post'>
  <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
    <data:post.commentLabelFull/>:
  </a>
</b:includable>
      <b:includable id='comment_picker' var='post'>
  <b:if cond='data:post.showThreadedComments'>
    <b:include data='post' name='threaded_comments'/>
  <b:else/>
    <b:include data='post' name='comments'/>
  </b:if>
</b:includable>
      <b:includable id='comments' var='post'>
  <div class='comments' id='comments'>
    <a name='comments'/>
    <b:if cond='data:post.allowComments'>
      <h4><data:post.commentLabelFull/>:</h4>

<b:if cond='data:post.commentPagingRequired'>
        <span class='paging-control-container'>
          <b:if cond='data:post.hasOlderLinks'>
            <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
               
            <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
               
          </b:if>

<data:post.commentRangeText/>

<b:if cond='data:post.hasNewerLinks'>
             
            <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
             
            <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
          </b:if>
        </span>
      </b:if>

<b:if cond='data:post.commentPagingRequired'>
        <span class='paging-control-container'>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
            <data:post.oldestLinkText/>
          </a>
          <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
            <data:post.olderLinkText/>
          </a>
           
          <data:post.commentRangeText/>
           
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
            <data:post.newerLinkText/>
          </a>
          <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
            <data:post.newestLinkText/>
          </a>
        </span>
      </b:if>

</div>
</b:includable>
      <b:includable id='feedLinks'>
  <b:if cond='data:blog.pageType != "item"'> 
    <b:if cond='data:feedLinks'>
      <div class='blog-feeds'>
        <b:include data='feedLinks' name='feedLinksBody'/>
      </div>
    </b:if>

<b:else/> 
    <div class='post-feeds'>
      <b:loop values='data:posts' var='post'>
        <b:include cond='data:post.allowComments and data:post.feedLinks' data='post.feedLinks' name='feedLinksBody'/>
      </b:loop>
    </div>
  </b:if>
</b:includable>
      <b:includable id='feedLinksBody' var='links'>
  <div class='feed-links'>
  <data:feedLinksMsg/>
  <b:loop values='data:links' var='f'>
     <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
  </b:loop>
  </div>
</b:includable>
      <b:includable id='iframe_comments' var='post'>
  
</b:includable>
      <b:includable id='mobile-index-post' var='post'>
  <div class='mobile-date-outer date-outer'>
    <b:if cond='data:post.dateHeader'>
      <div class='date-header'>
        <span><data:post.dateHeader/></span>
      </div>
    </b:if>

<b:include data='top' name='status-message'/>

<b:if cond='data:blog.pageType == "index"'>
        <b:loop values='data:posts' var='post'>
          <b:include data='post' name='mobile-index-post'/>
        </b:loop>
      <b:else/>
        <b:loop values='data:posts' var='post'>
          <b:include data='post' name='mobile-post'/>
        </b:loop>
      </b:if>
    </div>

<b:include name='mobile-nextprev'/>
</b:includable>
      <b:includable id='mobile-nextprev'>
  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <div class='mobile-link-button' id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>‹</a>
      </div>
    </b:if>

<b:if cond='data:olderPageUrl'>
      <div class='mobile-link-button' id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>›</a>
      </div>
    </b:if>

</div>
  <div class='clear'/>
</b:includable>
      <b:includable id='mobile-post' var='post'>
  <div class='date-outer'>
    <b:if cond='data:post.dateHeader'>
      <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
    </b:if>
    <div class='date-posts'>
      <div class='post-outer'>

</div>
        </div>

<b:include cond='data:blog.pageType in {"static_page","item"}' data='post' name='comment_picker'/>
      </div>
    </div>
  </div>
</b:includable>
      <b:includable id='nextprev'>
  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <span id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
      </span>
    </b:if>

<b:if cond='data:olderPageUrl'>
      <span id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
      </span>
    </b:if>

<b:if cond='data:mobileLinkUrl'>
      <div class='blog-mobile-link'>
        <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
      </div>
    </b:if>

</div>
  <div class='clear'/>
</b:includable>
      <b:includable id='post' var='post'>
  <div class='post hentry uncustomized-post-template' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
    <b:if cond='data:post.firstImageUrl'>
      <meta expr:content='data:post.firstImageUrl' itemprop='image_url'/>
    </b:if>
    <meta expr:content='data:blog.blogId' itemprop='blogId'/>
    <meta expr:content='data:post.id' itemprop='postId'/>

<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' expr:itemprop='(data:blog.metaDescription ? "" : "description ") + "articleBody"'>
      <data:post.body/>
      <div style='clear: both;'/> 
    </div>

<b:if cond='data:post.hasJumpLink'>
      <div class='jump-link'>
        <a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
      </div>
    </b:if>

<b:include data='post' name='postQuickEdit'/>
      </span>

<div class='post-share-buttons goog-inline-block'>
        <b:include cond='data:post.sharePostUrl' data='post' name='shareButtons'/>
      </div>

</div>

<div class='post-footer-line post-footer-line-3'>
      <span class='post-location'>
        <b:if cond='data:top.showLocation and data:post.location'>
          <data:postLocationLabel/>
          <a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
        </b:if>
      </span>
      </div>
      <b:if cond='data:post.authorAboutMe'>
        <div class='author-profile' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
          <b:if cond='data:post.authorPhoto.url'>
            <img expr:src='data:post.authorPhoto.url' itemprop='image' width='50px'/>
          </b:if>
          <div>
            <a class='g-profile' expr:href='data:post.authorProfileUrl' itemprop='url' rel='author' title='author profile'>
              <span itemprop='name'><data:post.author/></span>
            </a>
          </div>
          <span itemprop='description'><data:post.authorAboutMe/></span>
        </div>
      </b:if>
    </div>
  </div>
</b:includable>
      <b:includable id='postQuickEdit' var='post'>
  <b:if cond='data:post.editUrl'>
    <span expr:class='"item-control " + data:post.adminClass'>
      <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
        <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
      </a>
    </span>
  </b:if>
</b:includable>
      <b:includable id='shareButtons' var='post'>
  <b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showPinterestButton'><a class='goog-inline-block share-button sb-pinterest' expr:href='data:post.sharePostUrl + "&target=pinterest"' expr:title='data:top.shareToPinterestMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToPinterestMsg/></span></a></b:if>
</b:includable>
      <b:includable id='status-message'>
  <b:if cond='data:navMessage'>
  <div class='status-msg-wrap'>
    <div class='status-msg-body'>
      <data:navMessage/>
    </div>
    <div class='status-msg-border'>
      <div class='status-msg-bg'>
        <div class='status-msg-hidden'><data:navMessage/></div>
      </div>
    </div>
  </div>
  <div style='clear: both;'/>
  </b:if>
</b:includable>
      <b:includable id='threaded-comment-form' var='post'>
  <div class='comment-form'>
    <a name='comment-form'/>
    <b:if cond='data:mobile'>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
    <b:else/>
      <p><data:blogCommentMessage/></p>
      <data:blogTeamBlogMessage/>
      <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
      <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' expr:height='data:cmtIframeInitialHeight' frameborder='0' id='comment-editor' name='comment-editor' src='' width='100%'/>
    </b:if>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>');
    </script>
  </div>
</b:includable>
      <b:includable id='threaded_comment_js' var='post'>
  <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>

// <![CDATA[
      var cursor = null;
      if (items && items.length > 0) {
        cursor = parseInt(items[items.length - 1].timestamp) + 1;
      }

var replybox = null;
      var replyUrlParts = null;
      var replyParent = undefined;

var hash = (window.location.hash || '#').substring(1);
      var startThread, targetComment;
      if (/^comment-form_/.test(hash)) {
        startThread = hash.substring('comment-form_'.length);
      } else if (/^c[0-9]+$/.test(hash)) {
        targetComment = hash.substring(1);
      }

// Configure commenting API:
      var configJso = {
        'maxDepth': config.maxThreadDepth
      };
      var provider = {
        'id': config.postId,
        'data': items,
        'loadNext': paginator,
        'hasMore': hasMore,
        'getMeta': getMeta,
        'onReply': onReply,
        'rendered': true,
        'initComment': targetComment,
        'initReplyThread': startThread,
        'config': configJso,
        'messages': msgs
      };

var render = function() {
        if (window.goog && window.goog.comments) {
          var holder = document.getElementById('comment-holder');
          window.goog.comments.render(holder, provider);
        }
      };

// render now, or queue to render when library loads:
      if (window.goog && window.goog.comments) {
        render();
      } else {
        window.goog = window.goog || {};
        window.goog.comments = window.goog.comments || {};
        window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
        window.goog.comments.loadQueue.push(render);
      }
    })();
// ]]>
  </script>
</b:includable>
      <b:includable id='threaded_comments' var='post'>
  <div class='comments' id='comments'>
    <a name='comments'/>
    <h4><data:post.commentLabelFull/>:</h4>

<b:if cond='data:showCmtPopup'>
      <div id='comment-popup'>
        <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
        </iframe>
      </div>
    </b:if>

<b:section class='footer' id='footer' maxwidgets='' showaddelements='yes'>
    <b:widget id='HTML8' locked='false' title='Pop-up ads' type='HTML'>
      <b:widget-settings>
        <b:widget-setting name='content'><![CDATA[<script type='text/javascript' src='//deadmentionsunday.com/55/5a/b0/555ab0a2dd3c6447136ee24d6a20c8f5.js'></script>]]></b:widget-setting>
      </b:widget-settings>
      <b:includable id='main'>
  
  <b:if cond='data:title != ""'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

<b:include name='quickedit'/>
</b:includable>
    </b:widget>
    <b:widget id='HTML7' locked='false' title='Main Script' type='HTML' version='1'>
      <b:widget-settings>
        <b:widget-setting name='content'><script>
  var link = document.querySelector('.link');
      var hidden = document.querySelector('.hidden');
      // download function
      function download() {
        if (link.value != "") {
          hidden.classList.add('active');
          var url2 = `https://convert2mp3s.com/api/widgetv2?url=${link.value}`;
      
          document.querySelector('.result2').innerHTML = `<iframe id="widgetApi" src="${url2}" width="100%" height="100%" allowtransparency="true" scrolling="yes" style="border:none"></iframe>`;
        }
        else {
          alert('Enter Your Url...')
        }
      }
</script></b:widget-setting>
      </b:widget-settings>
      <b:includable id='main'>
  
  <b:if cond='data:title != ""'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
    </b:widget>
    <b:widget id='HTML5' locked='false' title='Footer Ads' type='HTML'>
      <b:widget-settings>
        <b:widget-setting name='content'><section class="ads-container">
    <div class="ads">
        <p>ads</p>
    </div>
</section></b:widget-setting>
      </b:widget-settings>
      <b:includable id='main'>
  
  <b:if cond='data:title != ""'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

<b:include name='quickedit'/>
</b:includable>
    </b:widget>
    <b:widget id='HTML6' locked='false' title='Footer Area' type='HTML' version='1'>
      <b:widget-settings>
        <b:widget-setting name='content'>
<section class="footer">
    <div class="credit"> created by <span>Abhay Awasthi</span> | all rights reserved </div>
</section>

</b:widget-setting>
      </b:widget-settings>
      <b:includable id='main'>
  
  <b:if cond='data:title != ""'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
</b:includable>
    </b:widget>
  </b:section>

</body>
</html>

If the above code works not for you download and upload the XML file here Recap-chat may be ask to complete if you're not a Robot by processing the link kindly complete it to move forward.

Now return and Go to layout section and click on the each of added gadgets to customize your blog to your own interface.

After finishing go-to any app creator platform and turn your website to Mobile App the still monetize with Admob Ads. Note it is for only interesting person if you don't have idea and not being passionate to have a mobile App for this you can still focus on website only.

WATCH the video tutorial here:

Today's tutorial has been so insightful, and that it’s going to help you avoid some of the early mistakes in technologically challenged. If you want us to expand on any of the points discussed here, feel free to submit your questions or suggestions in the comment section below. Don't be ignorant of our featured Posts, follow Us Facebook, WhatsApp, Twitter, Subscribe to our Newsletter For Updated Post. Kudos

Unlimited Monies Blog

Search Suggest

Create All Video Downloader Website And App with Blogger

Use the below codes and start creating your All video downloader.

Get Started:

Post a Comment