Tema responsive, minimalista y multiuso, javascript puro, SEO Moderno, carga rápida, rendimiento excelente, fácil de personalizar y administrar. Desarrollado usando la sintaxis actualizada de Blogger.
Descargar
Demostracion
Apoyar el proyecto
Características
- Diseño responsive
- SEO Moderno
- Carga rápida
- Excelente rendimiento
- Modo oscuro con Localstorage
- Sin dependencias
- Personalización fácil
- Imágenes por carga diferida
- Datos estructurados JSON-LD
- Integración con Adsense
- Aviso de Copyright retirable
- Soporte
Instalación
Abre el documento atlas.xml con algun editor de texto, como Sublime Text, o Visual Studio Code, presiona CTRL + A para seleccionar todo el código y CTRL + C para copiar:
Luego ve a Temas, instala la plantilla "Contemporánea", "Soho", "Emporio" o "Destacado", seleccione todo el código y reemplázalo, guarda los cambios y la instalación habrá finalizado.
Modificar estilos
Ve a Temas / Personalizar para abrir el Diseñador de plantillas. Esta herramienta te permite modificar todas las variables de diseño. No olvides presionar el botón "Aplicar" para guardar los cambios.
Configuracion comentarios
Ahora ve a Blogger / Temas / Editar HTML y busque el siguiente codigo:
Aca puedes elegir en los 3 sistema de comentario, blogger, disqus, facebook solo cambia el value="" por tu sistema de comentarios
<!-- Comments -->
<Variable name="config.comments" ... default="blogger" value="blogger"/>
Reemplace el valor "shortname" de la variable config.shortname por el nombre corto que copió con anterioridad y por último en la variable config.comments cambie blogger por disqus, guarde los cambios y listo.
<!-- Comments -->
<Variable name="config.comments" ... default="blogger" value="blogger"/>
<Variable name="config.shortname" ... default="shortname" value="shortname"/>
Error 404
Por defecto la plantilla muestra un mensaje de error simple. Para reemplazarlo por un error personalizado ve a Preferencias para motores de búsqueda y habilita "Mensaje de página no encontrada personalizado".
Puedes escribir tu propio mensaje de error e inclusive insertar html, javascript o css. Prueba insertando el siguiente código de error común:
<div class="alert">
<div class="h1"> 404</div>
<p>Your error text</p>
</div>
Reemplaza Your error text y no olvides guardar los cambios.
Creditos
Este proyecto ha sido gracias a las siguientes libreria y proyecto de codigo abierto:
- Hamlet by zkreations
- Related by Karasu theme
- Blogger Code PE
- Fonts Bunny
- Typography by zkreations
- Meteor icons
Conclucion
Este proyecto aun sigue en desarollo, estoy actualizado el tema de forma regular ya que es el motor de mis proyectos, ire agregado nueva funciones moderna. Si compraste el tema muchas gracias por apoyarme.