Thumbnail - Hominen - Plantilla responsive para blogger Hominen - Plantilla responsive para blogger

Ir a la tienda Obtener versión gratuita

En este nuevo articulo, les quiero compartir la versión gratuita de mi plantilla Hominen, esta cuenta con un pequeño downgrade, pero no por eso inferior en calidad. En este post te mostrare como configurarla.


Instalación

Debemos ir a nuestro Panel > Tema > Editar HTML, seleccionar y borrar todo el contenido de la plantilla anterior que tengamos instalada. Luego copiamos todo el contenido del enlace Obtener versión gratuita y lo copiamos donde estaba el código de nuestra plantilla anterior. Guardamos los cambios y listo, hemos instalado la versión gratuita de Hominen.xml. :)

Configuración

Menú

En nuestro Panel > Diseño buscamos el gadget Menu y pinchamos sobre el icono de lápiz para editar su contenido. Borramos el contenido por defecto que encontraremos y lo reemplazamos por el siguiente:

<ul>
    <li><a href="/">Home</a></li>
    <li><a href="#URL">Elemento #1</a></li>
</ul>

Agregar un sub menú

Para agregar un sub menú a nuestro menú principal, basta con agregar el siguiente html justo por debajo de la etiqueta </li>:

<li><a href="#">Sub menu</a>
<ul class="is-child">
    <li><a href="#URL">Elemento #1</a></li>
    <li><a href="#URL">Elemento #2</a></li>
</ul>
</li>

Puede anidar los sub menus dentro de otros siguiendo la misma lógica, solamente procura que el sub menú se sitúe dentro del <ul> que contenga la clase is-child.


Redes sociales

En nuestro Panel > Diseño buscamos el gadget Social Links y lo editamos. Nos encontraremos con una ventana similar a esta:

En la siguiente tabla se muestran los campos y los valores necesarios para poder usar este gadgets.

campo uso
Nuevo nombre del sitio Aqui debemos agregar una clase que contenga el icono de nuestra red social. Por defecto se usa fontAwesome para este propósito. Como usar fontAwesome
URL del sitio web nueva URL a nuestra red social

Comentarios

En nuestro Panel > Tema > Editar HTML buscamos lo siguiente: <!-- General -->. Justo debajo, encontraremos lo siguiente:

<Variable name="config.comment" {...} default="blogger" value="blogger"/>
<Variable name="config.shortname" {...} default="shortname" value="shortname"/>
<Variable name="config.fbID" {...} default="fbID" value="fbID"/>

En la siguiente tabla se detallan los valores necesarios para hacer uso de los comentarios.

Variable Uso Tipo
config.comment Sistema de comentarios. Sus valores aceptados son blogger, disqus y facebook String
config.shortname Nombre corto (shortname) para disqus. saber más » String
config.fbID ID de aplicación para usar en los comentarios de facebook. String

uso

Reemplace los valores de los atributos value por los valores soportados que se muestran en la table de arriba.


Hasta aquí el post, espero que Hominen.xml te sea de utilidad en tu web. Recuerda compartir este post en tus redes sociales, eso me ayudaría mucho.

Gracias por leer hasta el final el articulo, hasta pronto y que tengas un buen día. :)