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.
#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.
#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, "bloggerPopup", "toolbar=0,location=0,statusbar=0,menubar=0,scrollbars=yes,width=590,height=540"); 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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSgIZvbiWcjZEkqw2BGMjiYu37M0h8VC4d_FOA141dtjr27uV9_utPnEwi9KxzoZ09VsfpfCzx4ciGBDwTsJ7gWPZxq4fKVZQehNMuGPYopqpjWDCcP2nLZ6TQbxkAQHD28xyxvUMhy5E/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="#" 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">Mahmud Hassan Forhad</a></span>
<div class="time-info">Hey !!
I'm <a target="_blank" href="https://mahmudhassanforhad.blogspot.com">Mahmud Hassan Forhad</a> , Founder & CEO of <a href="https://fb.com/BloggerForhad" targte="_blank">Mahmud Hassan Forhad</a>.
I have been working on developing Blogger for over a years now.
During this time I have developed & modifyed many templates. <a target="_blank" href="https://www.facebook.com/BloggerForhad">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.
