Publicar entradas de episodios

En éste apartado de la documentación podrás ver los datos que necesitas conocer para poder crear una entrada de episodios en Cinema. Te recomendamos mucho seguir éste apartado de forma ordenada; sin saltarte ningún apartado y empezando desde el inicio. Recuerda que la vista de la entrada debe estar en Vista HTML.

Si te es complicado seguir la documentación escrita de éste partado, puedes ver el video a continuación que te muestra paso a paso como publicar una entrada de episodio.

Agregar etiqueta especial

Cómo ya vimos en Agregar series y películas, aquí tambien necesitamos utilizar estas etiquetas especiales que nos permitirán mostrar el estilo adecuado para éste tipo de entrada. En la pestaña de Etiquetas debemos de agregar el nombre de la etiqueta que hemos configurado en chapterTag. Si no lo has hecho, entonces debes usar la etiqueta por defecto qué es Chapter.

Información para los feed de blogger

Datos de entrada

Copia y pega el siguiente código html al inicio de la entrada:

<div hidden class="none">
<img src="URL_EPISODIO"/>
<p>SINOPSIS_EPISODIO</p>
</div>
<!--more-->

cómo ya hemos dicho en Agregar series y películas, estos datos son importantes para poder obtenerlos por medio de los feed de blogger.

Datos para secciones

Para agregar estos datos debemos de copiar y pegar el siguiente código html en la entrada que hemos creado:

<div class="cv-obj"
data-season="Number"
data-chapter="Number"
data-chapter-name="String"
data-duration="String"
data-anime-serie="String"
data-id-serie="String"
></div>

En la siguiente tabla se detallan para que sirve cada atributo data

Nombre atributousotipo de dato
data-seasonLa temporada al que pertenece el episodio actualNumber
data-chapterEpisodio actualNumber
data-chapter-nameNombre del episodioString
data-durationDuración del capítuloString
data-anime-serieNombre de la serieString
data-id-serieID del post de la serieString

Agregar etiqueta de episodio

La etiqueta de episodio es una etiqueta única que se obtiene usando el post id de la serie a la que queremos apuntar nuestros capítulos. Para obtener este valor, debemos seguir los siguientes pasos:

Obtener id de la serie

En nuestro panel en la pestaña de Entradas, buscamos la serie que queremos obtener su ID. Para ello, damos clic sobre ella. Como podemos ver en la imagen solo tenemos una serie y 2 episodios de ésta, que es "Youkoso Jitsuryoku Shijou Shugi no Kyoushitsu e 2nd Season".

Ya dentro de la entrada, debemos llevar nuestra atención a la barra del navegador dónde se encuentra la url de la página actual (marcado en rojo).

Allí encontraremos una url similar a esta:

https://www.blogger.com/u/2/blog/post/edit/809XXX/7454XXX

En la cual encontramos dos combinaciones de número, estás son el ID del blog y el ID del post actual. El valor que necesitamos es el ID del post, por lo cuál debemos obtener el valor númerico que sigue después del caracter /. En ésta caso es sería 7454XXX.

Ya localizado el ID del post de la serie, basta con ir a los episodios correspondientes y agreguar dicho id anteponiendo el texto id- seguido del ID del post que hemos obtenido anteriormente.

Si bien ésta es la manera que recomiendo usar para "enlazar" los episodios con las series. Es totalmente válido usar algúna etiqueta de tu preferencia para lograr esto, solo ten en cuenta que la etiqueta que eligas para ello tiene que ser única y no debe repetirse entre series/episodios diferentes.

En el siguiente vídeo se muestro lo anterior mencionado de manera más visual:

Enlace de descarga

Los enlaces de descarga se muestran en un modal cuando agregamos una etiqueta html especifica en nuestra entrada. Si no existe el html requerido se mostrará el texto No hay enlaces para descargar... (¯ ~ ¯;).

Agregar enlaces de descarga

En la entrada en modo Vista HTML debemos pegar el siguiente código html:

<div id="dl-table" class="none">
  <div class="table c-plyr__dl">
    <table>
      <tbody><tr class="table-headline">
        <th>Servidor</th>
        <th>Calidad</th>
        <th></th>
        </tr>
        <tr class="table-body">
          <td>Mega.nz</td>
          <td>HD</td>
          <td><a href="#1">Descargar</a></td>
        </tr>
        <tr class="table-body">
          <td>Mediafire</td>
          <td>HD</td>
          <td><a href="#2">Descargar</a></td>
        </tr>
        <tr class="table-body">
          <td>Zippyshare</td>
          <td>HD</td>
          <td><a href="#3">Descargar</a></td>
        </tr>
      </tbody></table>
  </div>
</div>

Campos personalizados

Los campos personalizados utilizan los vínculos de redifusión para poder ser usados por lo que necesitas activarlos. Puedes hacer esto visitando la sección correspondiente

Información base

Agregar datos

En el campo "Agregar vinculo", pegamos el siguiente código:

c.co/base

En el campo "Agregar tipo MIME", pegamos el siguiente código

{ 
  name: "Futoku no Guild", 
  chapter: "01", 
  season: "01" 
}

Agregar trailer

El trailer es el botón de color rojo que se muestra en el player y solo está disponible siempre y cuando existan servidores para reproducir en el player.

Agregar datos

En el campo "Agregar vinculo", pegamos el siguiente código:

c.co/trailer

En el campo "Agregar tipo MIME" debemos de agregar la url de tipo embed de un enlace de youtube u otro enlace que permita ser embebido por medio de una etiqueta <iframe>

Agregar servidores

Los servidores nos permiten mostrar un player con multiples tabs para mostrar uno o varios videos de manera ordenada y rápida para el usuario.

Agregar datos

En el campo "Agregar vinculo", pegamos el siguiente código:

c.co/server

En el campo "Agregar tipo MIME", debemos pegar lo siguiente.

{ 
  img: "url-imagen.jpg", 
  servers: [ 
    {embed: "url-video-embed", name: "youtube", isVideo: false}, 
    {embed: "url-video-embed", name: "youtube", isVideo: false} 
  ]
}

En la siguiente tabla se detalla el uso de cada propiedad:

Nombre atributousotipo de dato
imgImagen de fondo que se usará antes de reproducir un vídeoString
serversArray de videos embed.Array

Agregar más videos

Para agregar más enlaces para reproducir, tomemos de ejemplo el "código de ejemplo":

{ 
  img: "url-imagen.jpg", 
  servers: [ 
    // Aquí agrega los enlaces
  ]
}

En el texto // Aquí agrega los enlaces debemos agregar el siguiente código:

{embed: "url-video-embed", name: "youtube", isVideo: false},
{embed: "url-video-embed", name: "youtube", isVideo: false},
{embed: "url-video-embed", name: "youtube", isVideo: false}
Si solo usaremos un enlace, debemos quitar el texto ","

En la siguiente tabla se detalla el uso de cada propiedad:

Nombre atributousotipo de dato
embedEs una url a un servicio de alojamiento de videos.String
nameEs un nombre que usaremos para identificar a dicho servidorString
isVideoSi el video que intentas agregar está alojado en un servidor propio o bien posee un enlace directo (Por ejemplo dropbox, google drive, one drive, etc...), debemos activar esta opción, de lo contrario arrojará un error.Boolean
En ésta página