toggle

Leyre – plantilla personal responsive, blogger

min Leyre
Demostración Video Descargar

—Versión actual 1.33

Leyre es una plantilla personal, para todo aquel que quiera crear una especie de "tumblr" con blogger, por simple preferencia. Aunque el diseño incorpora a simple vista ideas genéricas, como el masonry, parallax, o el cover, su aspecto simple es fácil de entender para cualquier persona y esto marcan la diferencia. Sobre sus especificaciones podemos encontrar lo siguiente.


Características


Novedades

Esta plantilla es editable desde la sección de Diseño. Antes no prestaba mucha atención a esta parte de Blogger, pero debido a que no todos tienen la misma familiaridad con los lenguajes más básicos (html y css), tome la decisión de dar un mejor soporte a esta sección. Por ahora lo que se puede hacer (sin malograr la plantilla) no es mucho, pero las modificaciones más importantes están disponibles.


Configuración básica

keywords - Busca la siguiente línea en la edición html y cambiala por tus propias palabras clave. Por defecto este código se encuentra en la línea 30.


<meta content='agrega, tus palabras, claves, separadas, por comas' name='keywords'/>

Fondo, avatar anónimos y cabecera - El siguiente codigo se encuentra por defecto en la línea 920, solo tienes que cambiar las imagenes.


<!--Configuracion basica-->
<style type='text/css'>
/*<![CDATA[*/
/*fondo*/
body, .fix-main {
/*Descomenta este codigo si deseas usar una imagen de fondo, la imagen debe ir entre las comillas
    background-image: url("");*/

/*Si la imagen no se debe repetir cambia "repeat" por "no-repeat"*/
 background-repeat: no-repeat;
/*color de fondo*/
    background-color: #ececec;
}
/*Header*/
header.head, .backg {
 background-image: url("img/base-07.jpg");
}
/*Comentarios anonimos (avatar)*/
.avatar-image-container {
    background-image: url("img/anon.gif");
}
/*]]>*/
</style>

Integrar con Disqus

Ve a tu panel de administración de blogger y busca el siguiente código en la Edición html:


<h4 class='comment-info'><span><data:post.numComments/></span> Comentarios</h4>
<b:include data='post' name='comment_picker'/>

Bórralo y en su lugar pega el siguiente código:


<div id='disqus_thread'/>
<script type='text/javascript'>
var c = "<data:blog.canonicalUrl/>",  
//<![CDATA[
    b = document.querySelector("#disqus_thread"),
    disqus_config = function() {
        this.page.url = c;
        this.page.identifier = c
    };
(function() {
    var a = document,
        b = a.createElement("script");
    b.src = "//[Shortname_DISQUS].disqus.com/embed.js";
    b.setAttribute("data-timestamp", +new Date);
    (a.head || a.body).appendChild(b)
})();
//]]>
</script>
<noscript>
 <span class='info'>T-T Lo sentimos, los comentarios requieren javascript</span>
</noscript>

Ahora ve a tu panel de Disqus, agrega un nuevo sitio y omite la instalación, ve a la pestaña "general" y copia el nombre corto o shortname, y reemplaza [Shortname_DISQUS] del codigo anterior, por el que copiaste.


Integrar con Google Plus

Instala la versión widget de la plantilla incluida en el zip de descarga. Una vez instalada, dirígete a Configuración > Entradas, comentarios y elementos compartidos, busca la sección "Comentarios de Google+" y cambia la casilla No a Si.


Crear un botón

Esta función esta disponible a partir de Lienzo v2.20, solo tienes que cambiar el editor a modo html y crear un enlace con la siguiente sintaxis:


<a class="btn [Color]" href="[Enlace]">[Nombre del botón]</a>

Estos son los colores disponibles: amber, brown. Si no se especifica ningún color, se utilizará el color por defecto.