Notification texts go here. Contact Us Buy Now!

How To Create LIVE NET TV website In Blogger

 Hello friends! Welcome to your Epic Template blog. So in this article today we are going to talk about create Live TV Website in Blogger / Blogspot & WordPress. And this Blogger me live tv website Create. So we will know all these things in this article. So stay in this article and know more in full details.

A lot of Subscribers have asked me how we can make a LIVE TV Channels Website in our Blogger Blog or Blogspot Blog? In such a situation, there are many videos on YouTube and many articles on the Internet. In which it has been said, but by embedding everything from Youtube.

Live TV Channels Kya Hai?

As you know nowadays it is the era of DD Free Dish. And also, people nowadays have a lot of TV Channels Providers like Dish TV, Tata Sky. Which makes us available Channels Free and Paid to watch Live TV Channels.

If we see those things in Live TV Channels then it is happening immediately. As we know that when cricket match is played, we watch cricket live on our TV or mobile. So the channels where we get to watch live tv. We know it as Live TV Channels.

Create Live TV Website in Blogger/Blogspot


Now it comes to Blogger me Live TV website kaise banaye and what we have to do for this. By the way, you will also know that we can easily create a website using the Embed Code of any Live Youtube channels. But today I have told the steps below. No Youtuber or Blogger has told this till date.

So all you have to do is follow the steps given below. And by using script, you can easily create Blogger me live tv website.

Step 1

First of all you have to log in to Blogger Dashboard. Now you have to go to the section containing the page and click on the new page.

Step 2

Now you have to copy the script given below and go to your new page in HTML and paste this script. Also you have to click on Publish Button. Your Live TV website is ready.

 <style>  
  @media screen and (min-width: 200px) and (max-width: 567px) and (orientation: landscape) {  
  html {  
   transform: rotate(-90deg);  
   transform-origin: left top;  
   width: 100vh;  
   overflow-x: hidden;  
   position: absolute;  
  }  
 }  
 @media screen and (min-width: 200px) and (max-width: 767px){  
 .sticky {  
  top: 0px;  
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.9);  
  -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.9);  
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.9);  
  right: 0px;  
  position: fixed;  
  width: 50%;  
  z-index: 1;  
 background-color: black;  
 border: 1px solid white;  
 text-align: center;  
 padding-right:24.5%;  
 padding-left:24.5%;  
 }}  
 @media screen and (min-width: 768px) and (max-width: 1300px){  
 .sticky {  
  top: 0px;  
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.9);  
  -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.9);  
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.9);  
  position: fixed;  
  top: 80%;  
  right: 10px;  
  width: 20%;  
  z-index: 1;  
 background-color: black;  
 border: 1px solid white;  
 text-align: center;  
 padding-right:0%;  
 padding-left:0%;  
 }}  
 </style>  
 <hr />  
 <div class="" id="myHeader">  
 <div id="http">  
 <script src="//content.jwplatform.com/libraries/IDzF9Zmk.js"></script>  
 <div id="player">  
 </div>  
 <script type="text/javascript">  
 jwplayer("player").resize(480, 270);  
   jwplayer('player').setup({  
     file: 'https://m-c036-j2apps.s.llnwi.net/hls/0098.DDNational.in.m3u8',  
 playbackRateControls: [0.75, 1, 1.25, 1.5],  
     title: 'live tv',  
     width: '100%',  
     aspectratio: '16:9',  
     mute: false,  
     repeat: 'true',  
     autostart: true,  
     primary: 'html5',  
     type: 'm3u8',  
     setFullscreen: true,  
 controls: true,  
 showCode: true,  
 responsive: true,  
 skin: {  
  name: "glow",  
     active: "red",  
     inactive: "",  
     background: ""  
  }  
   });  
 </script>  
 </div>  
 </div>  
 <script>  
 window.onscroll = function() {myFunction()};  
 var header = document.getElementById("myHeader");  
 var sticky = header.offsetTop;  
 function myFunction() {  
  if (window.pageYOffset >= sticky) {  
   header.classList.add("sticky");  
  } else {  
   header.classList.remove("sticky");  
  }  
 }  
 </script>  
Note: - You can also add this script to WordPress page or post.

Conclusion - How do you create live TV website in Blogger / Blogspot & WordPress? How did you like the article. If you want to comment in the comment box below, or if you want to give some kind of suggestion, then you can share your opinion with us in the comment box below.

Getting Info...

About the Author

Hey There I'm Rahul Shah Founder Of Rahul's Blog and interested In Blogging and coding too.

1 comment

  1. Code source de traffic website for blogger me
Cookie Consent
We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.
Oops!
It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.
AdBlock Detected!
We have detected that you are using adblocking plugin in your browser.
The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.
Site is Blocked
Sorry! This site is not available in your country.