CINEBLOG: Plantilla Blogger Premium Series y Películas

Cineblog Plantilla Blogger Premium Series y Películas diseño responsivo adaptado para un blog de series y películas en Blogger con todas su funciones básicas, se adapta a las distintas necesidades de contenido de videos en linea. Esta plantilla de series y películas ofrece funciones avanzadas como un diseño atractivo, optimización para SEO, tiempos de carga rápido. reproductor de videos y personalización completamente fácil.

Plantilla Blogger Cineblog, diseño de plantilla Blogger editado desde su diseño base emulando diseños basados en sitios web de cine y series en internet, en una nueva versión blogger premiun limpio sin scripts cifrados, sin copyrigth pie de pagina automático, Compra vía Paypal garantía tutoriales gratis de Internet.

Secciones para Películas y Series. Espacios dedicados para clasificar las series y películas, lo que facilita la navegación para los usuarios.
Etiquetado optimizado. Para categorías como géneros, descripción, lanzamiento y detalles clave.
Reproductor de Videos Integrado. reproductor de video integrado para la inclusión de trailers, videos, etc.
Compatibilidad con Dispositivos Móviles. Diseño responsivo adaptable para diferentes dispositivos.
Espacios Publicitarios. Espacio para anuncios, ya sea banners o pop-ups para monetizar el sitio.
Fácil Personalización. Opciones para cambiar el diseño sin necesidad de modificar el código de la plantilla.

Características	Disponibilidad
Tipo de Plantilla	Blogger
Responsive	Si Verificar
Resultados Enriquecidos	Si Verificar
Compatibilidad móvil	Si Verificar
Velocidad de Carga	Si Verificar
Tipo de Plantilla	Series y Peliculas
Diseño Web	Limpio
Columnas	2 / 1 adaptable
Codificación	HTML \| CSS
Compatibilidad SEO	Amigable
Estilo de Comentarios	Blogger / Facebook / Disqus
Tipo de Menú	Fijo
Botón Redes Sociales	Incrustados
Página de Error	404 personalizada
Espacio de Publicidad	Si Adaptable
documentación	Si
Pie de pagina	si

Iniciar sesión en el panel de Blogger y dirigirse a Tema / Editar HTML.
Haga una copia de seguridad de su plantilla anterior si decide volver a utilizarla. Para hacer esto, haga clic en el enlace "descargar copia de seguridad" y guarde la copia de seguridad.
Luego, ubicar la plantilla Plantilla Blogger Cineblog Series y Películas que acaba de adquirir presione abrir con documento de texto. Copiar el contenido e implementarlo en el HTML de su blog.

1º Opciones del Tema

Versión Caja

Entrar a diseño hacer clic en el icono Editar en el widget de Versión Caja.

Ancho completo: Agregar nuevo elemento, en titulo agregar voxedVersion, en la sección url agregue true o false, después Guardar cambios.

Variables predeterminadas

Entrar a diseño hacer clic en el icono Editar en el widget Variables predeterminadas.

Publicación por página: Agregar nuevo elemento, en el titulo agregar postPerPage, en la sección url agregar el número de resultados, debe ser el mismo que las publicaciones de la página de inicio, después Guardar cambios.

Fija la barra lateral: Agregar nuevo elemento, en el titulo agregar fixedSidebar, en la sección url agregar true o false, después haga clic en Guardar cambios.

Sistema de comentarios: Agregar nuevo elemento, en el titulo agregar commentsSystem, en la sección url agregar el tipo de sistema de comentarios que desea usar (blogger , disqus u facebook), después de hacer clic en Guardar cambios.

Utilizar comentarios Disqus: Agregar nuevo elemento, en el titulo agregar disqusShortname, en la sección url agregar la Identidad de su disqus, ejemplo primercapitulovideo-blogspot-com, después Guardar cambios.

2º Editar Menú Principal

Entrar a Blogger / Diseño abrir gadget lista de vínculos Menú principal

Menú y submenú predeterminados: Ejemplo de enlace predeterminado.

Submenú de nivel 1 Ejemplo: _Submenú 1 “Antes del título, agregue 1 guion bajo ”

Submenú de nivel 2 Ejemplo: __Submenú 2 “Antes del título, agregue 2 guiones bajos ”

INFORMACIÓN: Los enlaces de Submenú 2 deben estar por debajo de los enlaces de Submenú 1

Para obtener códigos HTML de iconos Fontawesome para resaltar el Menú ingrese a este enlace y busque el que mas se adecue a su pagina fontawesome

Utilizar enlace url simple de etiquetas para Menú

Este código de enlace url nos permite mostrar las entradas de series o películas separadas por etiquetas de forma ordenada, debemos reemplazar el símbolo # por el siguiente enlace url de etiquetas.

Cambiar la palabra Etiqueta por las etiquetas de las entradas que deseamos mostrar.

/search/label/Etiquetas?&max-results=8

3º Editar Mega Menú

Entrar a Diseño, abrir el Gadget de Menú Principal, agregar nuevo elemento, en el titulo agregar nombre Mega Menú o cualquier otro nombre. En la parte donde se agrega la url, deberá colocar el siguiente código corto según las publicaciones que desea mostrar.

Código corto por Etiqueta: Etiquetas/mega-menu
Código corto por Reciente: recent/mega-menu
Código corto por Aleatorias: random/mega-menu

4ºPublicaciones Destacadas

Entrar a diseño del blog, y en el gadget de Publicaciones Destacadas, agregar el siguiente código 4/ETIQUETA//featured, cambiar ETIQUETA por la etiqueta de entradas que desea mostrar. En el numero 8 puede reemplazar por la cantidad de entradas que se desea mostrar.

Publicaciones recientes: 8/ETIQUETA /featured

Ejemplo en Peliculas: 4/Peliculas/featured

5ºWidgets Personalizados

Entrar al diseño del blog, haga clic en Agregar un gadget, HTML / JavaScript en la sección de la barra lateral y/o pie de la página.

En la ventana emergente deberá agregar los siguientes códigos según el tipo de publicación que desee visualizar.

Por ejemplo:

Publicaciones recientes: 3/recent/post-list
Publicaciones Etiquetas: 3/Juegos/post-list
Publicaciones Aleatorias: 3/random/post-list

También podrá modificar la cantidad de publicaciones a mostrar, por defecto viene 3

NOTA: Las Etiquetas generalmente se diferencian por mayúsculas y minúsculas, para que funcione debe colocar tal como lo creo en su entrada.

6ºEstilos de publicaciones

Publicación de ancho completo;

Páginas o Publicaciones – Nueva página o publicación

En el contenido de tu publicación, al final de tu texto, coloque full_width de estilo Tachado o coloque este código en la sección HTML

<strike>full-width</strike>

Barra lateral izquierda;

Páginas o Publicaciones – Nueva página o publicación

En el contenido de tu publicación, al final de tu texto o contenido, coloque left_sidebar de estilo Tachado o coloque este código en la sección HTML

<strike>left-sidebar</strike>

Barra lateral derecha;

Páginas o Publicaciones – Nueva página o publicación.

En el contenido de tu publicación, al final de tu texto, coloque right_sidebar de estilo Tachado o coloque este código en la sección HTML

<strike>right-sidebar</strike>

7ºComplemento Pagina de Facebook

Entrar a Diseño del blog, crear un nuevo Widget tipo HTML ya sea en la sección lateral o en el pie de pagina.

Coloque el código del complemento de Facebook y modifique el enlace https://www.facebook.com/TutorialesGratisdeInternet/ por el enlace url de su facebook. Por ultimo pulse en Guardar cambios.

<center>
<div class="fb-page" data-href="https://www.facebook.com/TutorialesGratisdeInternet/" data-width="300" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"></div>
</center>

lista de códigos por defecto agregados en la plantilla blogger adaptable Cineblog, estos códigos se pueden utilizar dentro de las entradas y paginas en la sección Vista HTML del blog para resaltar nuestro contenido.

1º Descripción de Películas

Código html pre editada para crear entradas de inicio en películas, con secciones básicas para colocar enlaces y descripción de la película, tráiler. También puede rellenar con mas texto e información de la película.

<div class="se-in">
<div class="se-imag">
  
<!--Subir imagen abajo-->
<div class="separator" style="clear: both;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgu0FAtoc-bcToVVOx-AqGlV0IhQV0I2Ckm3_u-zGEvaF_FkD7zmm8Uxb-3oJqlzL3VM7asIitpu3sQGMo6zxL1_cv_QlhPEicpfp0dhhrJhOQl4lxU1gnNN4fZ6j33bwcdbpLibA1Sdi0ivUDL8KjASHVPsn65tL9nW3VTKZkjwojtE_9yMuroZ0cxGQE/s1600/joker%20.jpg" style="display: block; padding: 1em 0px; text-align: center;"><img alt="" border="0" data-original-height="1600" data-original-width="1090" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgu0FAtoc-bcToVVOx-AqGlV0IhQV0I2Ckm3_u-zGEvaF_FkD7zmm8Uxb-3oJqlzL3VM7asIitpu3sQGMo6zxL1_cv_QlhPEicpfp0dhhrJhOQl4lxU1gnNN4fZ6j33bwcdbpLibA1Sdi0ivUDL8KjASHVPsn65tL9nW3VTKZkjwojtE_9yMuroZ0cxGQE/s320/joker%20.jpg" /></a></div>
<!--Fin imagen-->
  
<!--Sección Enlaces-->
</div>
<div class="se-detall">
<span><a name="more"></a></span>
<a class="button small download" href="#">Descargar</a>
<a class="button small demo" href="#">Ver Video</a><br />
  
<!--Sección Descripcion-->  
<div class="soc">
<span><b>Emitido : </b>2019</span>
<span><b>Estado  : </b><b> Finalizado</b></span>
<span><b>Descripcion : </b></span>
Dumbo es una película de aventuras y fantasía, estadounidense dirigida por Tim Burton, con un guion escrito por Ehren Kruger.Dumbo es una película de aventuras y fantasía, estadounidense dirigida por Tim Burton, con un guion escrito por Ehren Kruger.

<!--Ver Trailer-->  
<br />   
<br />  
<a href="javascript:void(0);" onclick="window.open('https://www.youtube.com/watch_popup?v=IDvideoYOUTUBE',  'popup', 'top=100, left=75, width=853, height=480, toolbar=NO, resizable=NO, Location=NO, Menubar=NO,  Titlebar=No, Status=NO')" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSBrMud7oqseay-I6ov_Sj_pp9PZ_V1rWY1e7_PYct2bcSzcywojmSInQocwaL0s1TbMpP_MHzck1W77sye8sUtJjAGeradAfUGV2OHo8gKi924DpEhHMbU_YUnuLAIGA5t43b7PUlg5PiHYovuw11iPVkLV0lPN5BmXOPdaRvUiGwf0vOjLumO4adrCA/s200/ver%20trailer%20cineblog.gif" />
</a>  
</div>
</div>
</div>

2º Skript de Reproductor

Skript de Reproductor incorporado con 5 opciones para colocar códigos embed se sus videos alojados en paginas externas, se puede aumentar o disminuir la cantidad de servidores según el diseño de su pagina. Rellenar los campos necesarios con los enlaces.

<!--AGREGAR IMAGEN/-->
<div class="separator" style="clear: both; text-align: center;"><a><img border="0" data-original-height="455" data-original-width="758" height="192" src="URLdeIMAGEN" width="320" /></a></div>

   
<!--BOTON SIGUIENTE Y ANTERIOR/-->
<span><a name="more"></a></span>
<a class="button small demo" href="#ANTERIOR" rel="nofollow">Ver Ver Anterior</a>

<a class="button small demo" href="#SIGUIENTE" rel="nofollow">Ver Siguiente</a>

<a class="button small download" href="#DESCARGAR" rel="nofollow" target="_blank">Descargar</a>
<br /><br />


<!--ENLACE URL VIDEOS/-->
<script>
var video = [];    
video[1]= 
'<iframe class="player_conte" src=" URLdelVIDEO " scrolling="no" allowfullscreen="" iframe>';
                                
video[2]=
'<iframe class="player_conte" src=" URLdelVIDEO " scrolling="no" allowfullscreen=""  ></iframe>';
                                
video[3]=
'<iframe class="player_conte" src=" URLdelVIDEO " scrolling="no" allowfullscreen=""  ></iframe>';
                                
video[4]= 
'<iframe class="player_conte" src=" URLdelVIDEO " scrolling="no" allowfullscreen=""  ></iframe>';
                                
video[5]=
'<iframe class="player_conte" src=" URLdelVIDEO " scrolling="no" allowfullscreen=""  ></iframe>';
</script>


<!--TABLA DE SERVIDORES/-->
<div class="col-lg-12">
<div class="text-center server-box" style="border: 15px solid rgb(40, 45, 58); height: 0px; padding-bottom: 56%; position: sticky;"><div id="video_box"></div></div></div>
<div class="repro-opciones">                
<li><a data-id="1" href="#1" id="btn-show-1">Premuin</a></li>                
<li><a data-id="2" href="#2" id="btn-show-2">Cloudemb</a></li>                
<li><a data-id="3" href="#3" id="btn-show-3">Netu</a></li>                
<li><a data-id="4" href="#4" id="btn-show-4">upstream</a></li>                   
<li><a data-id="5" href="#5" id="btn-show-5">Fembed</a></li>      
</div>
<style>.separator img {display:none}</style>


<!--AGREGAR MAS CONTENIDO/-->

3º Lista de Episodios

Código pre editado para entradas de Lista de Episodios rellenar con la información de la serie y colocar los enlaces al reproductor de videos implementado en otra entrada. Recuerde puede rellenar o aumentar información de la serie y enlazar enlaces url en secuencia.

<div class="se-in">
<div class="se-imag">
  
<!--Subir imagen abajo-->

<!--Fin imagen-->
  
<!--Sección Detalles-->
</div>
<div class="se-detall">
<span><a name="more"></a></span>
<a class="button small download" href="#">Descargar</a>
<a class="button small demo" href="#">Ver Ahora</a><br />
<div class="soc">
<span><b>Emitido : </b>10/05/2020</span>
<span><b>Estado  : </b><b> Finalizado</b></span>
<span><b>Descripcion : </b></span>
Qué harias si pudieras detener el tiempo? Moritani, por ejemplo, esta usando su habilidad inusual para detener el tiempo durante tres minutos al día para observar a las personas que la rodean. Un día, ella elige "observar" las bragas del ídolo de clase Murakami, solo para encontrarse en una situacion muy comprometedora cuando su compañera de clase resulta ser inmune a su poder
</div>
</div>
</div> 

<!--Fin Detalles-->
<div class="lista-episodios"><i class="fa fa-play-circle"></i> Lista de Episodios</div>
<div class="nextEpi"><i class="fa fa-newspaper-o"></i> Próximo Episódio: Lunes</div>

<!--Inicio lista de episodios-->      
       <li class="anime-capitulos">
       <a href="#">
        <img src="URLdeIMAGEN" />
        <span>Episodio 1 - TITULO1</span>
       </a>
      </li>

      <li class="anime-capitulos">
       <a href="#">
        <img src="URLdeIMAGEN" />
        <span>Episodio 2 - TITULO2</span>
       </a>
      </li>

      <li class="anime-capitulos">
       <a href="#">
        <img src="URLdeIMAGEN" />
        <span>Episodio 3 - TITULO3</span>
       </a>
      </li>

      <li class="anime-capitulos">
       <a href="#">
        <img src="URLdeIMAGEN" />
        <span>Episodio 4 - TITULO4</span>
       </a>
      </li>

      <li class="anime-capitulos">
       <a href="#">
        <img src="URLdeIMAGEN" />
        <span>Episodio 5 - TITULO5</span>
       </a>
      </li>

<!--Agregar más episodios-->

Detalles	Descripción
Nombre de la plantilla	Plantilla Blogger Cineblog
Editor	Tutoriales Gratis de Internet
Lanzamiento	14 de Octubre de 2024
Actualización	Todavia
Licencia	Premium \| Reconocimiento 4.0 Creative Commons
Editor	Tutoriales Gratis de Internet

PD. Si detecta algún tipo de falla o error en su compra no dude en enviar un mensaje en la sección contactos de esta pagina se le responderá en brevedad suerte en su proyecto blogger de series y películas. Formulario de contacto.