How to create a DD Live TV Website/Page/Post in Blogger for Free. Through today's article I will tell you how to create a DD Live TV Website/Page/Post in Blogger (blogger.com) for Free. You just have to paste some lines:

How to create a DD Live TV Website/Page/Post Script by WebTech Verma:

Copy the Code:

 <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>

Now, follow the instructions and your website/page/post will be ready.

1. Go to your Blogger Dashboard

2. Create Page/Post

3. Go to HTML View from Compose View

4. Paste the HTML Code

5. Publish the post/page.

Your DD Live TV Website/Page/Post is ready.

By this you can create a Website/Page/Post in Blogger.