MegazineBG - Plantilla simple estilo megazine para blogger

MegazineBG - Plantilla simple estilo megazine para blogger MegazineBG - Plantilla simple estilo megazine para blogger
─ Versión 1.2.3 MegazineBG

MegazineBG es la segunda plantilla desarrollada por byzeroblogger (antes kurodezain). MegazineBG es una plantilla sencilla y modesta enfocada a blog y páginas estilo megazine. Cuenta con una carga más que optima y botones para compartir en redes sociales entre otras cualidades.

Caracteristicas

  • Diseño Responsive (comprobar)
  • Mobile Friendly (comprobar)
  • SEO Básico
  • Compatibilidad entre navegadores.
  • Slider de entradas populares por semana (Gracias a tiny-slider)
  • Configuración sencilla
  • Botones de redes sociales
  • Entradas relacionadas gracias a wjs-related (adaptado por byzeroblogger)
  • y más...

- versión paga

Se ha deshabilitado la versión paga de MegazineBG por el momento.

Configuración

La configuración para la versión 1.2.3 de MegazineBG es prácticamente nula. Aun así hay algunos campos que necesitan ser explicados para un correcto funcionamiento.

Redes sociales

En la pestaña diseño de nuestro panel búscamos el siguiente widget y pinchamos dónde dice editar.

Se nos abrirá una nueva ventana. En ésta búscamos las opciones de Nuevo nombre del sitio y URL del sitio web nueva

explicación:

  • Nuevo nombre del sitio: Nombre de la red Social. Ésta versión dispone de facebook, twitter, google, pinterest y tumblr tal cuál están escritas.
  • URL del sitio web nueva: URL a nuestro red social correspondiente.

Buscador del blog

El widget de búsqueda no necesita de explicación, ya que no cuenta con una configuración como tal.

Cabecera

Nos permitirá modificar de forma más rápida lo que es tanto el título de nuestro blog como su descripción. También tenemos la opción de agregar una imagen desde una url especifica o bien subirla desde nuestro ordenador. Su uso es sencillo y no necesita de una explicación.

AVISO: las propiedades del apartado Emplazamiento no están disponibles para su uso en esta versión.

Menu

En el panel > diseño buscas la sección Menu, al darle en editar nos encontraremos con el siguiente html:

<ul class="mbg-menu">
  <li class="mbg-menu__item"><a href="/" class="mbg-menu__link">inicio</a></li>
  <li class="mbg-menu__item"><a href="#5" class="mbg-menu__link">sub menu</a>
    <ul class="mbg-menu mbg-menu--child">
      <li class="mbg-menu__item"><a href="#1.1" class="mbg-menu__link">elemento 1.1</a></li>
      <li class="mbg-menu__item"><a href="#5.5" class="mbg-menu__link">elemento 1.2</a>
        <ul class="mbg-menu mbg-menu--child">
          <li class="mbg-menu__item"><a href="#1.1" class="mbg-menu__link">elemento 1.2.1</a></li>
          <li class="mbg-menu__item"><a href="#2.2" class="mbg-menu__link">elemento 1.2.2</a></li>
        </ul>
      </li>
      <li class="mbg-menu__item"><a href="#2.2" class="mbg-menu__link">elemento 1.3</a></li>
      <li class="mbg-menu__item"><a href="#3.3" class="mbg-menu__link">elemento 1.4</a></li>
      <li class="mbg-menu__item"><a href="#5.5" class="mbg-menu__link">elemento 1.5</a>
        <ul class="mbg-menu mbg-menu--child">
          <li class="mbg-menu__item"><a href="#1.1" class="mbg-menu__link">elemento 1.5.1</a></li>
          <li class="mbg-menu__item"><a href="#2.2" class="mbg-menu__link">elemento 1.5.2</a></li>
        </ul>
      </li>
    </ul>
  </li>
  <li class="mbg-menu__item"><a href="/error.html" class="mbg-menu__link">error</a></li>
  <li class="mbg-menu__item"><a href="/search" class="mbg-menu__link">search</a></li>
</ul>

Editalo como gustes.

Widgets modificados

Los widget modificados son aquellos widget que tienen una estructura diferente a la por defecto. En esta versión de la plantilla dispones de tres:

  • Entradas populares
  • Entradas destacadas
  • Etiquetas

Slider

MegazineBG cuenta con un widget tipo slider gracias a tiny-slider. El cuál muestra las entradas más populares desde la última semana, configurado para mostrar 3 entradas por defecto.

NOTA: Se necesitan por lo menos dos entradas para que el widget pueda ser visualizado.
AVISO: la propiedad imagen en miniatura no está disponible para su uso en el slider.

Metadatos

Los metadatos son importantes y nos ayudan en el apartado SEO para nuestra web. Es importante que cambies los valores por defecto que trae la plantilla por los tuyos o qutarlos si no los necesitas.

google+

Busca el siguiente código en la plantilla:

<link href='https://plus.google.com/IDPAGINAGOOGLE' rel='Publisher'/>

y reemplaza IDPAGINAGOOGLE por tu página de google+. Si no cuentas con una, debes removerlo.

Imagen para compartir en redes sociales

Busca la siguiente image en el document xml: https://1.bp.blogspot.com/-DoEtJFaAKFI/Wyrm-ioKkwI/AAAAAAAAAMY/xdr4FOZAwnQWC3YuuISK59aJMikicRoeQCPcBGAYYCw/s000/layout-banner.png y reemplazara por una imagen que describa tu web y cuente con una resolución de 512x266

Entradas relacionadas

Por defecto las entradas relacionadas de blogger muestran únicamente dos post en base a las etiquetas que el artículo pudiera tener. Para cambiar el número máximo de entradas a mostrar ve a la pestaña tema y pincha en el botón editar HTML y busca el siguiente código:

<!-- Insert relatedPost -->
<b:include cond='data:showPostLabels' name="relatedPost" data='{ mainUrlRelatedPost: data:blog.homepageUrl.canonical.https, numPost: 2}'/> 

y reemplaza el número de la propiedad numPost por el número de entradas que se acomode a tus necesidades.

NOTA: Ten en cuenta que las entradas relacionadas funcionan en base a etiquetas, si el post en cuestión no tiene alguna etiqueta este mostrará una advertencía en su lugar.

Personalización

La versión actual de MegazineBG cuenta también con opciones en la pestaña tema > personalización de blogger. En el campo avanzado de la página personalizar encontrarás 3 campos adicionales al de "Añadir CSS" estos campos son: "Básico", "contenedores" y "Header superior". A continuación se detallan las opciones para los campos mencionados anteriormente.

Básico

  • Fuente general: Nos permite cambiar la fuente de todo el blog en general.
  • Fuente del Logo: Nos permite cambiar la fuente del logo.
  • Color de fondo: Nos permite cambiar el color de fondo.
  • Color: Nos permite cambiar el color principal del blog. Por defecto es #D91E18
  • Ancho Contenedor: Nos permite cambiar el ancho del contenedor principal.

Contendores

  • Sombra Horizontal: Nos permite cambiar el sombreado de los contenedores de forma Horizontal.
  • Sombra Vertical: Nos permite cambiar el sombreado de los contenedores de forma Vertical.
  • Difuminado: Nos permite difuminar el sombreado.
  • Borde en Esquinas: Nos permite redondear las esquinas de los contenedores.
En su versión actual el campo contenedores no tiene mucho que hacer más que poder cambiar el sombreado, difuminación y borde de los contenedor. En versiones futuras se agregaran campos más avanzados para este apartado.

Header Superior

  • Color: Nos permite cambiar el color de fondo del header superior. Por defecto es #263238
  • Color de resaltar: Nos permite cambiar el color de los botones sociales y el fondo del búscador. Por defecto es #2c3a41

Feedbacks

Sí has encontrado un error y/o bug en el tema o bien quieres proponer alguna mejora para futuras versiones de este. Te invito a que dejes tu comentario en la página: feedback MegazineBG. Tu ayuda hará que este tema mejore en sus futuras versiones.


Bueno eso ha sido todo. Si te ha gustado el tema te invito a qué lo compartas en redes sociales eso me ayudaría mucho. Gracias por haber leído hasta aquí. nos vemos y hasta pronto.

Otros artículos que quizá te gusten.

cargando...

Comentarios

  1. hola disculpa pero cuando sale la nueva plantilla claro si la esta creando

    ResponderEliminar
    Respuestas
    1. Hola amigo. con nueva plantilla, te refieres a una nueva versión de MegazineBG, ¿verdad? Si es así, pues por el momento no hay nueva versión de esta plantilla hasta nuevo aviso. Si quieres mantenerte al tanto de nuevos release de esta plantilla, sígueme en redes sociales. Saludos y disculpa por responder recién hoy.

      Eliminar

Publicar un comentario