MangaNano - Plantilla manga responsive para blogger

Comprar desde gumroad Ver demo

En ésta nueva ocasión les quiero compartir mi más reciente plantilla hecha para blogger, espero sea de su agrado. Su nombre es MangaNano y como su nombre sugiere es una web hecha para web de manga (o comics si lo prefieres).

Características

  • Carga rápida - Ver ahora
  • Layout v3 de blogger
  • Entradas relacionadas
  • Slider de entradas populares (Gracias a Tiny-slider)
  • Generador de entradas (post y episodios de manga) HTML
  • Diseño responsive - Ver ahora
  • Set de iconos de FontAwesome
  • Menú nativo blogger
  • Feed de últimos episodios.
  • Entradas relacionadas (Gracias a zkreations)

Beneficios tras la compra

  • Derecho a actualizaciones hasta la versión 1.x.x
  • Soporte gratuito por 4 meses (esto solo incluye problemas técnicos y errores, no cubre retoques de la plantilla ni modificaciones)

Configuración

MangaNano no requiere de configuraciones muy complicadas, aun así te dejo lo que considero necesario de explicar.

Generadores

MangaNano cuenta con dos generadores: generador de entradas (manga) y generador de episodios (manga) respectivamente. Ambos puedes encontrarlo en la carpeta doc.

Slider

El slider está basado en el gadget de entradas populares, por lo cuál no hay mucho que comentar en este apartado.

Redes sociales

Las redes sociales en MangaNano se ubican en la parte superior del blog, justo por debajo del buscador. En la pestaña Diseño de nuestro panel de administración, podemos encontrar el gadget con el nombre Redes sociales. Al editarlo (pinchar el lapiz) se nos mostrará la siguiente ventana.

Los iconos de las redes sociales son tomados del set de iconos de fontawesome. Puedes ver en el siguiente enlaces, todas las marcas disponibles.

Como agregar una nueva red social

Guiándonos por la imagen anterior, haz lo siguiente.

Nuevo nombre del sitio: En este apartado, debemos agregar el nombre de la red social disponible en el set de iconos de fontawesome. Por ejemplo, el siguiente código:

<i class="fab fa-facebook-f"></i>

Lo que está marcado es el nombre de la red social y por ende es la que debemos agregar al campo mencionado antes.

URL del sitio web nueva: En este apartado, debemos agregar la url a nuestra red social.

Sistema de comentarios

Actualmente MangaNano solo es compatible con los comentarios de disqus y facebook, los comentarios nativos de blogger no está soportados en esta versión aún.

Cambiar sistema de comentarios

En cualquiera de las plantillas de MangaNano (reader o base), busca el siguiente código:

<!-- Comments System -->

justo abajo encontraremos el siguiente trozo de código:

<Variable name="config.commentsType" description="Sistema de comentario" type="string" default="disqus" value="disqus"/>
<Variable name="config.disqusShortname" description="Shortname para disqus" type="string" default="disqus_shortnome" value="disqus_shortnome"/>
  • config.commentsType: Nos permite eligir entre disqus, facebook o blogger (no soportado aún)
  • config.disqusShortname: Es el shortname de disqus.

Para cualquiera de las dos opciones, simplemente debemos cambiar el valor marcado por el deseado.

Sí optas por usar los comentarios de facebook, copia el siguiente código:

<div id="fb-root"></div>
<b:tag name='script' >
  <b:attr name='async' value='async'/>
  <b:attr name='defer' value='defer'/>
  <b:attr name='crossorigin' value='anonymous'/>
  <b:attr name='src' expr:value='"https://connect.facebook.net/es_ES/sdk.js#xfbml=1&version=v4.0&appId=ID_APLICATION_FB&autoLogAppEvents=1"'/>
</b:tag>

y lo pegas debajo de la etiqueta <body>. No olvides reemplazar el valor marcado por tu id de aplicación de facebook.

Gadgets disponibles

Actualmente MangaNano cuenta con los gadget de Entradas populares, etiquetas (lista y nube) y Entrada destacada. Si necesitas otro gadget, no dudes en pedir para agregarlo lo más pronto posible.

Feed de últimos episodios

El feed de últimos episodios nos permite mostrar en un gadget HTML/Javascript que se ubica por debajo de las últimas entradas, los nuevos episodios que vayamos agregando al blog de manga.

Configuración

Su configuración es relativamente sencilla, basta con dirigirnos a la pestaña Diseño de nuestro panel de administración y buscar el gadget de nombre "Últimos episodios" y pinchar en el lapiz, se nos abrirá una nueva ventana, la cuál nos mostrará un código similar a éste:

var config = {
    home: 'https://demo-manganano-reader.blogspot.com', // URL base
    maxResults: 8, // Resultados a mostrar.
    label: '', // opcional
    selector: '#feedEpisodes'
};

A continuación te dejo una pequeña explicación de qué hace cada propiedad:

  • home: es la url base desde dónde extraerá los nuevos episodios. Por defecto usa demo-manganano-reader.blogspot.com. Éste valor debes reemplazarlo por la url que usarás para guardar los episodios.
  • maxResults: es la cantidad de entradas a mostrar. Por defecto son 8
  • label: etiqueta que se usará para mostrar sus ultimas entradas. Por defecto está vacía.
  • selector: Selector html el cual se usará para agregar las ultimas entradas extraídas del blog. Por defecto es #feedEpisodes

Es importante aclarar que es obligatorio que los atributos anteriormente mencionados se encuentren presente en el código, ya que de lo contrarío el script se romperá.


Bueno hasta aquí llegamos con este nuevo post, espero que la plantilla sea de tu agrado y si decides comprarla, me ayudarás a seguir trayendo más plantillas premium y próximamente también gratuitas. Por supuesto que si te dificulta configurarla, no dudes en decirme que con guste te ayudaré con la instalación.