Para realizar el proceso mas rápido de configurar el código HTML del sitio, hemos diseñado un generador de código HTML, lo cual aquí explicaremos su uso de paso a paso:

Descomprima el archivo del generador, luego pulse clic derecho sobre el archivo Generador-CimaTv_Plantillas_Plus.html, en la ventana emergente vaya a Abrir con y ejecute el Generador HTML en su navegador favorito (recomendamos Google Chrome). No debe cambiar o eliminar las carpetas del generador para que funcione correctamente.

Se abrirá el generador HTML en su navegador, luego pulse en la sección con el nombre de Generador HTML del canales, vea la imagen de referencia:

El generador HTML de canales le ayudará a agregar fácilmente las listas de canales de televisión como también las opciones de reproducción, para ello debe tener en cuenta las siguientes indicaciones:

1- En Detalles del canal agregue lo siguiente:

• En el primer casillero, coloque el nombre del canal de tv
• En el segundo casillero deje por defecto o agregue un texto corto personalizado
• En el tercer casillero agregue el enlace de la imagen del canal

2- En opción 1 al reproductor agregue lo siguiente:

• En el primer casillero agregue el nombre de la opción, este nombre debe ser corto.
• En el segundo casillero agregue el idioma de la opción, este debe ser corto, por ejemplo si es en español, coloque ES, o verifique según su preferencia
• En el tercer casillero agregue el enlace del reproductor, puede colocar un enlace embed o mp4

Posteriormente pulse en el botón de Agregar canal, y luego en Generar HTML, aquí obtendrá el código para después pulsar en el botón de Copiar.

Este código será agregado dentro del código HTML del sitio, si aun no generó el codigo HTML del sitio, pulse aquí

Para usuarios que no cuentan con el generador HTML

siga estas instrucciones para agregar la lista de canales de tv, ingrese a un editor HTML, o en el editor de código de AppCreator24, ubique los siguientes apartados:

Simplemente copee el siguiente código y siga las instrucciones:

<! -- Nuevo canal -->
<li>
<a href='#!' class='episode'
 option-1-lang='Opcion 1' 
 option-1-server='Es' 
 option-1-url='url'
> 
<div class='episode__img'> 
<img src='Enlace de la imagen'onerror='this.style='display:none';'> 
</div> 
<div class='epsiode__info'>
<h4 class='episode__info__title'>Telemundo</h4>
<div class='episode__info__duration'>EN VIVO</div> 
</div>
</a>
</li>
<! -- Agregue nuevo canal abajo -->

Cada uno de estos elementos <li> representan un canal de tv

• En el texto de Enlace de la imagen, agregue en enlace de la imagen del canal
• En el texto de Telemundo debe cambiar de nombre para cada canal de tv
• En el texto EN VIVO deje por defecto o cambie

para agregar las opciones de reproducción vaya dentro de la etiqueta <a> aquí se encuentran los atributos importantes para agregar los enlaces de reproducción:

• option-1-lang="Sub" hace referencia al idioma del video
• option-1-server="SB" hace referencia al server donde se aloja el video
• option-1-url="SB" hace referencia a la URL embed del video

Puedes agregar hasta 5 opciones de reproducción por lista de tv, para agregar más simplemente copia las 3 opciones y cambia el número de forma ascendente: