Make a website like youtube with blogger - MR Laboratory

Make a website like youtube with blogger

     Make a website like youtube with blogger

    Make a website like youtube

    We all know that YouTube is the best platform for video sharing. But there are many video sharing platforms out there. Millions of videos are constantly being uploaded on YouTube. Today I will talk to you about how to  Make a website like youtube. Today I will create a website like YouTube without spending any money. You can publish videos that look exactly like YouTube. You can comment, you can see the like comments. You can also see how many views. You can give descriptions and titles in the video. Creating a website like YouTube will not be a problem for you. Get rid of clutter you don't need. Because the tricks that I will show today will not go beyond the rules of YouTube. That means it won't be a copyright.If you want to design a YouTube web page with this HTML you can but it will take a lot of time. However, you can design, if you just design, you will not be able to upload videos. To upload a video you need to make the web page dynamic. And to create a dynamic website you will need a server, so you will have to spend money. But how did I get dynamic without the server?

    I will answer after a while. I will use a template to create a site like YouTube, which I will upload to Blogger. You may already know about Blogger. Blogger is a site provided by Google. We can blog for free. If you want to blog online for free then you can blog by creating a site on Blogger. You do not have to spend any money on it. Today I will show you how to create a website like YouTube with this blogger. They have a server on the Blogger site, and we will put the code on that server to execute the code, known as the template. wesbite like youtube demo 

    What are needed to create a website like YouTube?

    I said with Blogger I will create a website like YouTube. For this we will need a blogger site, a blogger template and some customizations.  Customization is not something that is difficult to say. You will not need coding knowledge. You have to follow what I talk. I will tell you how to do it in a simple way.. Create a new blog after visiting Blogger.com. Then go to this link and download(Youtube video blogger template )  from our website. After downloading, go to the settings of the blogger site and upload the template to Blogger. After uploading the template, you need to upload the data of some of the templates along with the post.

    What I need to do to create a site like YouTube?

    • #1 Create a new blogger site.
    • #2 Download youtube video blogger template
    • #3 Upload video blogger template on new blogger site
    • #4 Upload Article data script

    #1 Create a new blogger site.

    Go to Blogger.com and click on New Blog. Then enter the name of your site and click Next. Then you have to enter the URL. You can enter a URL of your choice. Now your site is ready to visit if you want.

     Make a website like youtube with blogger

     Make a website like youtube with blogger


    #2 Download youtube video blogger template

    I said you need to download a YouTube Blogger template for Blogger. You can simply download the YouTube Blogger Template from our website. Visit this page (Youtube video blogger template) and scroll down to see the download button. After click the download button automatically will download Youtube video blogger template after 10 seconds.  It's designed to look like YouTube. 

    #3 Upload video blogger template on new blogger site

    Once your Blogger site is created, you will upload the Blogger template. To upload the template, you need to extract the downloaded file. And you can see a lot of files there. From there you will see a folder named Main File. Enter that folder. After entering, you will see a file there and open it with Nodepad and copy all the code. To copy all the codes of the YouTube Video Blogger template, click on the template from your Blogger settings and go to Edit HTML and remove the previous codes and paste your copied codes.

    Upload video blogger template on new blogger site
    Upload video blogger template on new blogger site


    #4 Upload Article data script

    If you want a page on the YouTube system, you have to import your own file or you have to publish some articles / posts with some post codes.I am giving you some code that you will use in every post / article ....i have indicated in red that you will change.


    <script>

    var videoIdmr = "videoID";

    </script>

    <div class="v-wrap">

    <iframe allowfullscreen="" id="iframMR"  frameborder="0" height="auto" src="" width="100%"></iframe>

    </div>

    <img border="0" height="0" id="videoThumbnill" src="https://i.ytimg.com/vi/videoID/maxresdefault.jpg" width="0" />

    <div class="item-1">

    <h1 class="mrVideoTitle"></h1>

    </div>

    <div id="info"><span class="view-item"><span class="mrVideoView">100,916</span> Views</span>

    <div class="item-info"><span class="like-item"><i class="material-icons">thumb_up</i> <span class="mrVideoLike"></span>

    <i class="material-icons">thumb_down</i> <span class="mrVideoDislike"></span></span>


    <div class="dropdown">

    <a class="dropdown-link" href="javascript:void(0);"> <i class="material-icons">share</i> Share  </a>

    <ul class="dropdown-container">

    <li><a class="copy-link" href="javascript:void(0);" onclick="CopyLink()">Copy Link</a></li>

    <li><a class="fb-share" href="javascript:void(0);" onclick="Facebook()">Facebook</a></li>

    <li><a class="tw-share" href="javascript:void(0);" onclick="Twitter()">Twitter</a></li>

    <li><a class="go-share" href="javascript:void(0);" onclick="Google()">Google+</a></li>

    </ul>

    </div>

    <div class='dds'>

      <a class='dropdwn' href='javascript:void(0);'>

        <svg class='icon' enable-background='new 0 0 24 24' id='Layer_1' version='1.0' viewBox='0 0 24 24' xml:space='preserve' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'>

          <circle cx='12' cy='12' r='2'/>

          <circle cx='12' cy='5' r='2'/>

          <circle cx='12' cy='19' r='2'/> 

        </svg>

      </a>

      <div class='dds-menu'>

        <ul>

          <li><a class='comment-link' href='#comment-form' >Comments</a></li>

          <li><a href='/p/contact.html' target='_blank'>Contact</a></li>

          <li><a href='https://www.messenger.com/t/mdmijanurrahaman.mr' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=0,menubar=0,scrollbars=yes,width=590,height=540&quot;); return false;' rel='nofollow' target='blank'>Message</a></li>

          <li><a href='mailto:admin@mrlaboratory.com' rel='nofollow'>Send email</a></li>

          <li><a href='https://www.blogger.com/follow.g?blogID=5794649557603589697' rel='nofollow' target='_blank'>Subscribe to the blog</a></li>

        </ul>

      </div>

    </div>

    <script>

    //<![CDATA[

    $("html").click(function(){$(".dds-menu").removeClass("active")}),$(".dropdwn").click(function(n){n.stopPropagation(),$(".dds-menu").toggleClass("active")}),$(".dds-menu").click(function(n){n.stopPropagation()});

    //]]>

    </script>

    </div>

    </div>


    <div class="item-2"><img class='authoravatar' src="https://1.bp.blogspot.com/-qCl9KndSzis/XwIUNV1ZI-I/AAAAAAAAAIE/YaC1hoo1qNIqLTeyntdcrxC6wAVHqVq-ACLcBGAsYHQ/s320/1DreVNoTYGhsQNRUJ2h7S46xbiTyVGhAvo.png" alt="author"></img>

    <span class="author-infor"><a class="mrVideochannelTitle" href="" target="_blank" rel="nofollow">MR</a></span>

    <div class="time-info"><br/>

    <p>Published <span Class="mrVideopublishedAt" >November 22, 2018</span></p>

    </div>

    <a class="subscriber" href="https://www.youtube.com/channel/UC8uhhaqA9s540gufCwKwrKA" target="blank" title="Subscribe us">Subscribe<span class="youtubecount"></span></a>

    </div>

    <div class="item-3">Category: <a href="/search/label/technology"><b>Technology</b></a>

    <br />License: <b>Standard <a href="https://www.youtube.com/" target="_blank">YouTube</a> license</b>

    <br /><b>You Can Download This Video !!</b><br />

    <a id="videdown1" class="buttonDownload" target="_blank" href="">Download 1</a>

    <a id="videdown2" class="buttonDownload"  target="_blank" href="">Download 2</a>

    <a id="videdown3" class="buttonDownload"  target="_blank" href="">Download 3</a>

    </div>

    <a name='more'></a>

    <p class="mrVideoDescription">Video description</p>

    <p class="texttag">Video tag : <span class="mrVideotagsCount"></span></p>

    <div>

    <div class="mrVideotags">Video video Tag</div>

    <span id="mrdots"></span><div id="seemore">



    <div class="item-2"><img class='authoravatar' id="developerCIcon" src="https://graph.facebook.com/mdmijanurrahaman.mr/picture?type=large" alt="Youtube Template Deeveloper"></img>

    <span class="author-infor"><a class="devmrVideochannelTitle" href="" target="_blank" rel="nofollow">Md Mijanur Rahaman</a></span>

    <div class="time-info">Hey !! 

    I'm <a target="_blank" href="https://admin.mrlaboratory.info">Md Mijanur Rahaman</a> , Founder &amp; CEO of <a href="https://www.mrlaboratory.com" targte="_blank">MR Laboratory</a>.

    I have been working on developing Blogger for over two years now. 

    During this time I have developed &amp; modifyed many templates. <a target="_blank" href="https://www.facebook.com/mdmijanurrahaman.mr">Contact</a> me for hire .

    Please <a class="Devsubscriber" href="https://www.youtube.com/channel/UC8uhhaqA9s540gufCwKwrKA" target="blank" title="Subscribe us">Subscribe</a> My Channel.

    </div>

    </div></div></div>

    <button onclick="seemoreFunction()" id="mrmyBtn">See more</button>

    How do I get a video ID?

    You can easily get out the video ID. Firstly, Copy the link to any video you want to publish on your website. 

    Video id 1 : youtube.com/watch?v=s2qcXLwmB0I&t=456s

    Video id 2 : https://www.youtube.com/watch?v=s2qcXLwmB0I

    Video id 3 : https://youtu.be/s2qcXLwmB0I

    so video id = s2qcXLwmB0I

    Note : The red color that I have indicated is the video ID. You will put this video ID in your post code where I understood it with red mark.


    After showing all this and if you don't understand then you can watch the video of our youtube channel.

     Make a website like youtube video tutorial 



    Hopefully you will benefit. If you have benefited, please comment. Thanks all 💖


    how to make a website on youtube,how to make a website like youtube in html,how to make a website like youtube with coding,how to make a video sharing website for free,how to make website like youtube in php,how to make a website like youtube with wordpress,how to make a video sharing website like youtube,youtube-like website source code,how to build a video hosting website,

    Copyright © MR Laboratory
    Newer post Older post

    RELATED ARTICLES