Como crear pestañas de temporadas y capítulos para blog de series o películas en Blogger

1º En blogger entrar a Tema / Personalizar / Editar HTML buscar el codigo </style> y pegar el siguiente código arriba.

<style>
body {font-family: Arial;}

/* Style the tab */
.tab {overflow: hidden;border: 3px solid #e28537;background-color: #fffff;}

/* Style the buttons inside the tab */
.tab button {background-color: inherit;float: left;border: none;outline: none;cursor: pointer;padding: 14px 16px;transition: 0.3s;font-size: 18px;color: black;}

/* Change background color of buttons on hover */
.tab button:hover {background-color: #e28537;}

/* Create an active/current tablink class */
.tab button.active {background-color: #f9aa4d;}

/* Style the tab content */
.tabcontent {display: none;padding: 6px 12px;border: 3px solid #e28537;border-top: none;}

/* button div */
.buttons {padding-top: 10px;text-align: center;}

/* start da css for da buttons */
.btn {border-radius: 3px;padding: 3px 3px;font-size: 17px;text-decoration: none;margin: 5px;color: #fff;position: relative;display: inline-block;}
.btn:active {transform: translate(0px, 5px);
-webkit-transform: translate(0px, 5px);box-shadow: 0px 1px 0px 0px;}
.blue {background-color: #FFC300;box-shadow: 0px 5px 0px 0px #000000;}
.blue:hover {background-color: #FFC300;}  
</style>
2º Entrar a Tema / Personlaizar / Editar HTML buscar el codigo </body>  pegar arriba el siguiente código. 
 <script>
 function openCity(evt, cityName) {
  var i, tabcontent, tablinks;
  tabcontent = document.getElementsByClassName(&quot;tabcontent&quot;);
  for (i = 0; i &lt; tabcontent.length; i++) {
    tabcontent[i].style.display = &quot;none&quot;;
  }
  tablinks = document.getElementsByClassName(&quot;tablinks&quot;);
  for (i = 0; i &lt; tablinks.length; i++) {
    tablinks[i].className = tablinks[i].className.replace(&quot; active&quot;, &quot;&quot;);
  }
  document.getElementById(cityName).style.display = &quot;block&quot;;
  evt.currentTarget.className += &quot; active&quot;;
}
</script>


3º Para colocar laspestañas de temporadas y capítulos en las entradas o paginas debemos crear una publicación y editar utilizando el siguiente código. Reemplazar # por sus enlaces url. 

<!-- Temporadas y Capitulos -->
<div class="tab">
    <button class="tablinks" onclick="openCity(event,'1')">temporada 1</button>
    <button class="tablinks" onclick="openCity(event, '2')">temporada 2</button>
    <button class="tablinks" onclick="openCity(event, '3')">temporada 3</button>
    <button class="tablinks" onclick="openCity(event, '4')">temporada 4</button>
    <button class="tablinks" onclick="openCity(event, '5')">temporada 5</button>
    <button class="tablinks" onclick="openCity(event, '6')">temporada 6</button>
     <button class="tablinks" onclick="openCity(event, '7')">temporada 7</button>
    <button class="tablinks" onclick="openCity(event, '5')">temporada 8</button>
    <button class="tablinks" onclick="openCity(event, '6')">temporada 9</button>
     <button class="tablinks" onclick="openCity(event, '7')">temporada 10</button>  
  </div>
  
  <div class="tabcontent" id="1">
   
    <a class="btn blue" href="#" rel="nofollow" target="_blank ">Capitulo 1 </a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 2</a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 3</a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 4</a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 5 </a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 6</a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 7</a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 8</a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 9 </a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 10</a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 11</a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 12</a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 13 </a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 9 </a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 10</a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 11</a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 12</a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 13 </a>    
        
  </div>
  
  <div class="tabcontent" id="2">
    <a class="btn blue" href="#" rel="nofollow" target="_blank ">Capitulo 1 </a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 2</a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 3</a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 4</a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 5 </a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 6</a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 7</a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 8</a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 9 </a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 10</a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 11</a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 12</a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 13 </a>
  </div>
  
  <div class="tabcontent" id="3">
    <a class="btn blue" href="#" rel="nofollow" target="_blank ">Capitulo 1 </a>
      <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 2</a>
      <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 3</a>
      <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 4</a>
      <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 5 </a>
      <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 6</a>
      <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 7</a>
      <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 8</a>
      <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 9 </a>
      <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 10</a>
      <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 11</a>
      <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 12</a>
      <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 13 </a>
  </div>

<div class="tabcontent" id="4">
    <a class="btn blue" href="#" rel="nofollow" target="_blank ">Capitulo 1 </a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 2</a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 3</a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 4</a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 5 </a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 6</a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 7</a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 8</a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 9 </a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 10</a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 11</a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 12</a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 13 </a>
  </div>

<div class="tabcontent" id="5">
    <a class="btn blue" href="#" rel="nofollow" target="_blank ">Capitulo 1 </a>
      <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 2</a>
      <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 3</a>
      <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 4</a>
      <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 5 </a>
      <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 6</a>
      <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 7</a>
      <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 8</a>
      <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 9 </a>
      <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 10</a>
      <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 11</a>
      <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 12</a>
      <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 13 </a>
  </div>

<div class="tabcontent" id="6">
    <a class="btn blue" href="#" rel="nofollow" target="_blank ">Capitulo 1 </a>
      <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 2</a>
      <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 3</a>
      <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 4</a>
      <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 5 </a>
      <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 6</a>
      <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 7</a>
      <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 8</a>
      <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 9 </a>
      <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 10</a>
      <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 11</a>
      <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 12</a>
      <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 13 </a>
  </div>

<div class="tabcontent" id="7">
    <a class="btn blue" href="#" rel="nofollow" target="_blank ">Capitulo 1 </a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 2</a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 3</a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 4</a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 5 </a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 6</a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 7</a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 8</a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 9 </a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 10</a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 11</a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 12</a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 13 </a>
  </div>

<div class="tabcontent" id="8">
   
    <a class="btn blue" href="#" rel="nofollow" target="_blank ">Capitulo 1 </a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 2</a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 3</a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 4</a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 5 </a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 6</a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 7</a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 8</a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 9 </a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 10</a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 11</a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 12</a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 13 </a>
        
  </div>

<div class="tabcontent" id="9">
   
    <a class="btn blue" href="#" rel="nofollow" target="_blank ">Capitulo 1 </a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 2</a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 3</a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 4</a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 5 </a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 6</a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 7</a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 8</a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 9 </a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 10</a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 11</a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 12</a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 13 </a>        
  </div>

<div class="tabcontent" id="10">
   
    <a class="btn blue" href="#" rel="nofollow" target="_blank ">Capitulo 1 </a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 2</a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 3</a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 4</a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 5 </a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 6</a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 7</a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 8</a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 9 </a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 10</a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 11</a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 12</a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 13 </a>        
  </div>

<div class="tabcontent" id="11">
   
    <a class="btn blue" href="#" rel="nofollow" target="_blank ">Capitulo 1 </a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 2</a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 3</a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 4</a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 5 </a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 6</a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 7</a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 8</a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 9 </a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 10</a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 11</a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 12</a>
    <a class="btn blue" href="#" rel="nofollow" target="_blank">Capitulo 13 </a>     
  </div>
Resultado

Créditos

Agradecimientos a Tutoriales Gratis de Internet por Crear este código.