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. :)
