 | |
 descargas |  |
| Nombre: | Bloggerest |
| Dise?ador: | El Potro |
| Compatibilidad: | Google Chrome, Mozilla Firefox, Safari, Opera, Internet Explorer |
| Caracter?sticas: | Plantilla para Blogger, 2 columnas, 980px de ancho, Entradas estilo Pinterest, Cabecera flotante, Colores minimalistas, Comentarios del autor destacados, Botones para compartir. |
| Incluye: | Plantilla XML, Instrucciones de instalaci?n, Licencia |
Hace ya mucho tiempo que no creaba una plantilla gratuita para Blogger, as? que esta vez quise darme un tiempo para poder dise?ar una plantilla que pudieran descargar y usar libremente.
Bloggerest es una plantilla gratuita inspirada en Pinterest, aunque no es una r�plica (ni pretende serla), ideal para blogs de fotografia, o blogs donde las im?genes juegan un rol importante.
El dise?o de la plantilla es un tanto minimalista, predominan los colores rojo y blanco con un toque de gris. El t?tulo del blog as? como los t?tulos de los gadgets usan una fuente tipo caligraf?a para darle un aire elegante.
La cabecera ocupa el 100% del ancho de la p?gina al mismo tiempo de ser flotante. Las im?genes en la portada tienen opacidad al pasar el cursor y �stas conducen a la entrada al dar click sobre ellas, tambi�n muestra la miniatura del video cuando est?n alojados en YouTube y cuando no hay una imagen que lo antecede.
Este es un ejemplo de una entrada donde se puede apreciar c?mo se visualizan los bloques entrecomillados, las listas numeradas, las listas con vi?etas, los botones para compartir, los gadgets de la sidebar y los comentarios donde se destacan los realizados por el autor.
La cabecera ocupa el 100% del ancho de la p?gina al mismo tiempo de ser flotante. Las im?genes en la portada tienen opacidad al pasar el cursor y �stas conducen a la entrada al dar click sobre ellas, tambi�n muestra la miniatura del video cuando est?n alojados en YouTube y cuando no hay una imagen que lo antecede.
Este es un ejemplo de una entrada donde se puede apreciar c?mo se visualizan los bloques entrecomillados, las listas numeradas, las listas con vi?etas, los botones para compartir, los gadgets de la sidebar y los comentarios donde se destacan los realizados por el autor.
Personalizaci?n:
La cabecera tiene un alto de 124px por lo que se recomienda usar un logotipo que no exceda esa medida.
El men? de la plantilla es el men? horizontal con subpesta?as y buscador integrado, por lo que en esa entrada podr?s ver un poco m?s sobre su personalizaci?n. En la plantilla puedes identificar el men? por la etiqueta <div id='menuWrapper'>
La forma de redactar las entradas es igual que como lo har?as siempre, sin embargo, en caso de que tu entrada s?lo contenga una imagen, o un video, sin nada de texto, tendr?s que dar uno o m?s saltos de l?nea (ENTER) al final del c?digo de tu imagen o de tu video, ya que si no lo haces la imagen no se formar? en miniatura y se distorcionar?.
El men? de la plantilla es el men? horizontal con subpesta?as y buscador integrado, por lo que en esa entrada podr?s ver un poco m?s sobre su personalizaci?n. En la plantilla puedes identificar el men? por la etiqueta <div id='menuWrapper'>
La forma de redactar las entradas es igual que como lo har?as siempre, sin embargo, en caso de que tu entrada s?lo contenga una imagen, o un video, sin nada de texto, tendr?s que dar uno o m?s saltos de l?nea (ENTER) al final del c?digo de tu imagen o de tu video, ya que si no lo haces la imagen no se formar? en miniatura y se distorcionar?.
Es compatible con todos los navegadores m?s conocidos (arriba se especifica cu?les) seg?n la ?ltima versi?n actual de cada uno de ellos.
El sistema magazine que utiliza permite mostrar muchas entradas en la portada ya que en la portada las entradas no cargan de forma completa, permitiendo agilizar la carga del blog. Las pocas im?genes que usa la plantilla est?n alojadas directamente en base 64 por lo que no depender?s de ning?n servicio externo para cargarlas.
Espero que sea de su entero agrado, que la disfruten, y que no retiren los cr�ditos :P
ACTUALIZACI?N 4/abr/2013
Si en la pesta?a Dise?o no ves la sidebar, entra en Plantilla | Edici?n de HTML y elimina estas partes en color rojo:
<b:if cond='data:blog.pageType != "index"'>Eso har? que la sidebar aparezca en la secci?n Dise?o. Si notaras que con ese cambio tarda un poco m?s en cargar la portada del blog, o si aparecen menos entradas, pon de nuevo ese c?digo despu�s de haber hecho todas las modificaciones deseadas en la sidebar.
<b:if cond='data:blog.pageType != "archive"'>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Label1' locked='false' mobile='yes' title='Categorías' type='Label'/>
<b:widget id='PopularPosts1' locked='false' mobile='yes' title='Entradas populares' type='PopularPosts'/>
<b:widget id='BlogArchive1' locked='false' mobile='yes' title='Archivo del blog' type='BlogArchive'/>
</b:section>
</div>
</b:if>
</b:if>
</b:if>
ACTUALIZACI?N 12/abr/2013
Se ha modificado la plantilla para resolver el problema de las entradas que ten?an a?adido el salto de l?nea (Leer m?s) manualmente. Tambi�n se ha agregado un enlace a la imagen predeterminada para las entradas que no tienen una imagen.
No comments:
Post a Comment