Instalación del tema

Ya adquiriste la plantilla y estás listo para comenzar: ¡excelente!

Recomendamos que la instalación de una plantilla en Blogger se realice de forma manual, sigue estos pasos:

1. Descargamos la plantilla a su alojamiento local, podrá encontrar el archivo de descarga en su recibo y/o en su cuenta – Historias de compras.
2. Descomprima el archivo principal de descarga .Zip, donde se generará un carpeta con los archivos necesarios.
3. Ubique el archivo .xml, pulsando clic derecho pinga en abrir en un Bloc de notas o otro editor de código, asegure de haber copeado todo el código HTML.
4. Vaya a su panel de Blogger > en la barra lateral ubique y active la sección Tema > ubique el botón Personalizar > Pulse en el icono desplegable y presione sobre Editar HTML.
5. Se abrirá una sección de solo código, con ayuda del teclado pulse Ctrl + A para seleccionar todo, luego elimine todo el código.
6. Con ayuda del teclado pulse Ctrl + C para pegar el nuevo código copiado anteriormente de la nueva plantilla.
7. Finalmente pulse en el icono de Guardar y podrá visualizar su pagina con la adaptación de la nueva plantilla

Recuerda que si tienes alguna dificultad en instalar tu plantilla, solo agrega a tu carrito de compras el paquete de instalación y comunícate con soporte, donde te atenderemos al instante.

Imagen de referencia.

Logo de Cabecera

¿Ya tiene diseñado su logo ideal para su sitio web?. Genial, de ser lo contrario, puede consultar con soporte para diseñar un logo por usted.

Acceda al Diseño de su Blog, ubique el gadget Logo de cabecera, pulse en el icono Editar.

Active la casilla de subir imagen, se activará un botón para que suba su logotipo, esto puede tardar unos segundo.

Luego de haber subido el logo, en la sección Colocación de imagen active el casillero En lugar del título y la descripción.

Finalmente pulse en Guardar

Nota importante, este tema permite subir dos tipos de logos, uno pequeño y otro normal, por lo que debe fijarse de subir el logo en el widget correspondiente

Lista de menu principal

Acceda al diseño de su blog, u8bique el Gadget de Menu Principal, pulse sobre el  icono Editar  en el widget del menú principal.

Enlace de menu:  características

1. En nombre del sitio coloque una descripción corta
2. En URL del sitio agregue el enlace que desea

Este no es un menu desplegable

NOTA IMPORTANTE: es obligatorio que deba colocar el html del icono, Para obtener el código HTML de mas iconos Fontawesome ingrese a este enlace y busque el que mas se adecue al menú a colocar https://fontawesome.com/v5/icons/

Sección Carrusel – Slider Principal

Esta sección muestra las publicaciones mediante un carrusel gigante, donde puede configurar usando la Etiqueta de su preferencia. para ajustar esta sección, siga los pasos a continuación:

Accede al Diseño de su blog, ubique el gadget con el nombre de Carrusel Principal, luego pulse en el icono Editar del Widgets.

• En el apartado del titulo debe en blanco
• En apartado del contenido del widget, coloque el nombre de una Etiqueta que anteriormente debió haber creado en su entrada.
• La etiqueta por defecto, es Carrusel

Secciones de contenido carrusel

Esta sección muestra las entradas mediante un carrusel de tarjetas, donde puede configurar usando la Etiqueta de su preferencia. para ajustar esta sección, siga los pasos a continuación:

Para editar vaya a la Sección DISEÑO, Ubique el Gadget con el nombre de Secciones de contenido carrusel, luego pulse en el icono editar:

• En titulo agregamos deje en blanco
• En número de elementos deje en blanco
• Para colocar la Etiqueta, bajamos, pulsamos en el icono de editar o añadir elemento
• En nombre del sitio colocamos una descripción corta
• En URL del sitio colocamos la Etiqueta y Guardamos

puede agregar múltiples secciones, pero se recomienda máximo 4, ya que provocaría una carga lenta del sitio por la visualización de mas imágenes

Entradas del Blog

Acceda al Diseño de su blog, ubique el Widget de Publicaciones Principales y pulse en el icono Editar.

Modifique el numero de entradas según su preferencia, por defecto este viene en 7

Active los casilleros según su preferencia, también modifique los textos como corresponden

Por ultimo pulse en el botón Guardar

Publicando Películas

Para facilitar la publicación de entradas de películas y/o series es muy recomendable adquirir el Generador TMDB Movies, por ello esta documentación esta basada en una publicación de entradas con Generador TMDB

Descargue y descomprima el generador TMDB Movies, ubique el archivo Generador TMBD.html, pulse en abrir con su navegador favorito (recomendamos Google Crome)

Luego vaya al Generador TMDB, en Tipo active PELICULA, en Buscar Película coloque el nombre de la película que desea, si no encuentra, opte por buscar con el nombre original, el buscador generará la lista de peliculas relacionadas a la busqueda, selecciona el que buscas, finalmente pulse en el botón GENERAR.

Verá en la sección derecha un código HTML generado, copee todo el código y vaya a su blog

Acceda a las Entradas de su Blog, pulse en CREAR ENTRADA, active la vista HTML, pegue el código que copeo del Generador TMDB y deberá modificar los enlaces de reproducción, podrá agregar varios reproductores.

El Generador TMDB también importará el trailer

Agregar más idiomas y servidores

Aqui explico de como agregar mas idiomas y servidores o opciones al reproductor de una pelicula:

const _config_movie = {
servers: [
{id: "LATINO", icono: "https://cdn.jsdelivr.net/gh/hampusborgos/country-flags@main/svg/mx.svg", nombre: "Latino", lists: [
  {icono: "https://i.ibb.co/YNvWt58/icon-storage-ico.png", 
  nombre: "Youtube", 
  embed: "https://www.youtube.com/embed/8iJeNlXm7rI?autoplay=1", 
  downloadLink: "https://example.com/download/superflix"},
 
  // Agregue mas opciones {},
]},
  
  // Agregue nuevo servidoro {[]},
]};
//]]></script>

La estructura que vemos, es cuando el reproductor solo tiene un idioma y un servidor, es decir, el idioma y la opción de reproducción, ahora para agregar otro servidor o otra opción, vamos a pegar el siguiente código a continuación y modificarlo:

{icono: "https://i.ibb.co/YNvWt58/icon-storage-ico.png", 
  nombre: "Youtube", 
  embed: "https://www.youtube.com/embed/8iJeNlXm7rI?autoplay=1", 
  downloadLink: "https://example.com/download/superflix"},

• icono = imagen o icono del idioma y/o del servidor, aqui debe colocar el enlace del icono o imagen
• nombre = es el nombre del idioma y/o del servidor
• embed = es el enlace del video embed, es decir, aqui solo debe colocar el enlace embed del video
• downloadLink = es el enlace de descarga del servidor,

Ahora si desea agregar otro idioma, simplemente debe agregar el codigo siguiente

{id: "OTRO IDIOMA", icono: "URL-IMAGEN", nombre: "OTRO IDIOMA", lists: [
 
  // Agregue opciones {},
]},

y en el comentario de agregar opciones, debe colocar el codigo del servidor, el cual debe quedar asi para luego cambiar los iconos, enlaces y textos necesarios

{id: "OTRO IDIOMA", icono: "URL-IMAGEN", nombre: "OTRO IDIOMA", lists: [
 {icono: "URL-IMAGEN", 
  nombre: "SERVIDOR", 
  embed: "URL-EMBED", 
  downloadLink: "URL-DESCARGA"},
  // Agregue opciones {},
]},

Publicando Series

Para facilitar la publicación de entradas de películas y/o series es muy recomendable adquirir el Generador TMDB Movies, por ello esta documentación esta basada en una publicación de entradas con Generador TMDB

Descargue y descomprima el generador TMDB Movies, ubique el archivo Generador TMDB.html, pulse en abrir con su navegador favorito (recomendamos Google Crome)

Luego vaya al Generador TMDB, en Tipo active SERIE, en Buscar Serie coloque el nombre de la serie que desea, si no encuentra, opte por buscar con el nombre original, el buscador generará la lista de series relacionadas a la búsqueda, selecciona el que buscas, finalmente pulse en el botón GENERAR.

Verá en la sección derecha un código HTML generado, copee todo el código y vaya a su blog

Acceda a las Entradas de su Blog, pulse en CREAR ENTRADA, active la vista HTML, pegue el código que copeo del Generador TMDB y deberá modificar los enlaces de reproducción de los episodios

El Generador TMDB también importará el trailer de la serie, pero si no identifica ningun dato del trailer, debe colocar de forma manual

Opciones al reproductor y enlaces de descarga

Cada uno de estos elementos <li> representan un episodio, y dentro se encuentran los atributos importantes para agregar los enlaces de reproducción y enlaces de descarga:

• data-server-text-1= hace referencia al nombre de la opción
• data-server-embed-1= hace referencia a la URL embed del video
• data-server-download-1= hace referencia al enlace de descarga de la opción
• data-background-image= hace referencia a la url imagen de fondo del episodio, este debe ser llenado solo una vez por episodio

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

Agregar mas temporadas

Para agregar más temporadas, debe usar el generador ya que facilita el codigo,

En el casillero con el nombre de TEMPORADA, coloque el numero de temporada desea generar, claro que antes debió haber generado la serie o no funcionará

Al haber generado el codigo de la segunda, o tercera o otras temporadas, debe copear el codigo y ingresar a la entrada donde ha colocado el codigo de la serie.

Deslice abajo hasta encontrar un comentario donde dice

<!--Siguiente temporada debajo-->

justo a debajo agregue el codigo de la nueva temporada, y modifique los enlaces del reproductor como de descarga

Agregar imagen de Fondo

Para agregar la imagen de fondo de una película y serie siga estos pasos, lo cual primero tenemos que configurar nuestro Blog.

• Acceda a la configuración del Blog

• Ubique la sección Feed del sitio, luego ubique Vínculos de redifusión y título, donde tiene que activarlo para poder agregar la imagen de fondo

Luego regrese a la entrada, en la parte lateral derecha ubique la sección Vinculos y pulse sobre ello

Se desplegará dos secciones, luego en Vínculos de redifusión coloque el enlace de la imagen de fondo que importo el Generador TMDB, luego pulse en el otro casillero con nombre Agregar tipo MIME, automáticamente se generará image/jpeg, listo eso fue todo.

Créditos de pie de Página

Todas nuestras plantillas vienen con un Gadget para modificar los Créditos de pie de Página del autor dentro de la sección Diseño, no es necesario ingresar al código fuente.

Acceda al Diseño de su blog, ubique el Gadget de Modificar o eliminar texto de copyright (plantillasplus.com), pulse en el incono Editar.

Verá un código HTML y JavaScript, donde podrá modificar el texto y el enlace segun su preferencia.

Por defecto la plantilla viene el siguiente código:

<div>
@Copyright 
<script >var creditsyear =  new Date();document.write(creditsyear.getFullYear());</script>  
 | hecho con amor por <a href="https://problema.plantillasplus.com"> plantillasplus.com </a> 
<i class='fa fa-heart' style='color: red;'/></i>
</div>