Hola, ¿cómo estás?, como te lo había prometido, ya tengo lista la plantilla y de forma exclusiva podrás descargar desde Google Plus.
Es una plantilla perfecta para blogs que siempre muestren imágenes relevantes, es un diseño minimalista, con contrastes que la hacen ver muy elegante, y además es versátil, ya que podrás cambiar el color de elementos clave, como el color de fondo del menú y detalles del footer desde el Diseñador de Plantillas, para darle un toque único ;)
Características
- Plantilla de dos columnas
- Imagen principal del post que será mostrada en un círculo como se puede apreciar
- Barra flotante en el top, que podrás cambiar si no quieres la posición fixed
- Menú en el top que son los títulos de las páginas estáticas
- Sección especial para agregar gadgets
- Sección especial en sidebar para agregar banners de 125x125 pixeles
- Gadget de entradas populares personalizado, que es la galería de imágenes horizontal
- Iconos Sociales para que te sigan en el footer
- 3 columnas adicionales en el footer
- Comentarios Personalizados
- Imágenes optimizadas
La plantilla sólo usa 3 imágenes de las 12 que hubiera necesitado si las pusiera de forma separada, lo cual definitivamente le da más rendimiento al blog, en lo que al tiempo de carga se refiere. De cualquier modo te recomiendo almacenarlas por ti mismo en Blogger, para luego sustituir los enlaces respectivamente.
Cambiar la posición fija de la barra del menú
Si te decides por no tener posición fixed (que flote) en la barra del menú, simplemente elimina estas propiedades en #crosscol-wrapper
position: fixed;
top: 0;
left: 0;
z-index:20;
El resumén de entradas no utiliza Javascript, es sólo con CSS, y te recomiendo que pongas el salto en linea de Blogger desde el editor entradas, si no lo haces se mostrará la última imagen del post, cuando uses más de dos imágenes. Te recomiendo mostrar entradas impares 3,5,7, para darle un look asimétrico, aunque tu decides.
Si no te gusta "Home" en los enlaces de navegación, solo cambia la posición de la imagen para que se muestre "Inicio":
a.home-link{Es decir, en lugar de poner:
background-position: -187px -284px; /* -157px -329px; para Inicio*/
background-position: -187px -284px; pondrás:
background-position: -157px -329px;
Configurar el gadget de Entradas Populares
Sólo configura el gadget de "Entradas populares", para que muestre solamente la miniatura, de ese modo se verá el tooltip con el título de la entrada. También puedes hacer más grande la letra del título del gadget (Lo + Visto) cambiando el valor de font-size, en #Popularposts2 h2.
Configurar el gadget del Feed para que muestre últimas entradas (Lo + Nuevo)
Sólo agrega el siguiente enlace al gadget del Feed, sustituyendo el nombre de tu blog, resaltado de rojo:
http://Tu-blog.blogspot.com/feeds/posts/default
Agregar enlaces de Redes Sociales
Para agregar los enlaces de tus páginas, ve a la edición de HTML, y sustituye la almohadilla (#) por la dirección web, y si deseas, cambia el texto que está resaltado de rojo. Solo sigué linea por linea y guiate con las clases que llevan el nombre de la red respectivamente.
<ul id='m-social'>Espero que te guste, y cualquier inquietud, etc, no dudes en comentarla, se aceptan críticas ;)
<li><a class='twitter' href='#' rel='nofollow' target='_blank'><span> Sígueme en Twitter</span></a></li><li>
<a class='facebook' href='#' rel='nofollow' target='_blank'><span>Sígueme en Facebook</span></a></li>
<li><a class='rss' href='#' target='_blank'><span>Recibe Actualizaciones</span></a></li>
<li><a class='plus' href='#' target='_blank'><span>Llévame a un Círculo</span></a></li>
</ul>
El link de descarga en unos minutitos más en la página de Google Plus. (solo para quienes estén en mis círculos), espera muchas más!.
Crédito de las imágenes en los posts de la demostración: nonsen sesociety
Bellisima, original, de nuevo un muy buen trabajo!!
ResponderSuprimirDefinitivamente amor a primera vista con esta plantilla, felicidades, tienes talento y mucha gente que te admira :)
ResponderSuprimirMe encanta la plantilla que subiste! Es hermosa y quisiera descargarla para probarla, ¿cómo puedo hacer si no estoy en tus circulos?
ResponderSuprimirthat's cool!!
ResponderSuprimirI should learn from you neh, :)
Me ha encantado la plantilla, Karla. La he difundido por todas partes, así que no te extrañe que la gente la instale y te cosan a consultas :)
ResponderSuprimirElegante, muy elegante.
Muchas Gracias por tu comentario Lianxio estamos en contacto :)
ResponderSuprimirGracias Daniel aprecio tu comentario :)
Hola Sara, lo siento esta es una plantilla exclusiva para mis seguidores en Google+, sólo necesitas agregarme a un círculo, y yo te agregaré a otro, de ese modo compartiré contigo contenido exclusivo, también tu puedes compartir conmigo el contenido que quieras y cuando quieras :).
Es una forma de agradecerle que me sigan, además yo también los agregaré a un círculo, por lo que hay reciprocidad :)
Muchas gracias.
Hi EnnyLaw!, thanks so much for your comment, i'm so glad you like it, this is a exclusive template for my followers in Google+, join now!.
Best Regards.
Hola Oloman, gracias por tu comentario, y por el apoyo ;)
Buen día!
Estimada Karla:
ResponderSuprimir¿Podrías decirnos cómo se sube esta plantilla a Google+? Muchas gracias.
Atentamente,
Tomás.
jaja que mal :( la quiero usar pero no tengo cuenta de google+ (no tengo edad todavía) :( :(
ResponderSuprimirMi estimado Tomás,
ResponderSuprimirNo se si haya alguna confusión, por favor acláreme, esta plantilla es para usarse en Blogger.
Ya lo he agregado en Google+ por lo que ya le debe ser posible ver mis publicaciones privadas con el material exclusivo, por lo tanto ahí en la pestaña de publicaciones, podrá ver el link del archivo XML de la plantilla.
Cualquier cosa, aquí andamos ;)
Hola Daniel!, lo siento, pero según sé el hecho de restringir el servicio para menores de 18 años es temporal, y luego adolescentes de entre 13-18 años podrán usarlo ;)
ResponderSuprimirFantástica plantilla. Sobria, minimalista y con lo justo. Muy buena, Karla.
ResponderSuprimirMuchas gracias por el comentario Carlos.
ResponderSuprimirBuen fin de semana :)
Ola parabens pelo seu blog me lembra muito Rosa de el escaparte
ResponderSuprimirboa sorte
Wauuu siempre sorprendiendo, muy hermoso, sencillo y bellisima platilla. gracias
ResponderSuprimirHola Rogerio,
ResponderSuprimirobrigado, bom dia!
Hola Junior,
Gracias, es una plantilla ideal para blogs de fotografía o aquellos que siempre muestren imágenes.
Buen día chico
Karla! Ya te agregue! De nuevo, muy linda plantilla y el blog tambien esta buenisimo!
ResponderSuprimirExitos siempre!
Este comentario ha sido eliminado por el autor.
ResponderSuprimirGracias, en un momento te agrego de regreso Sarah;)
ResponderSuprimirDaniel, entiendo que te molestes, pero te pido que por favor entiendas que premiar a tus seguidores en Google+ no es malo, al contrario, es una forma de agradecerles el estar ahí. Desafortunadamente no puedes usar el servicio por ser menor de edad, lo siento, pero reglas son reglas :)
Buen día!
Este comentario ha sido eliminado por el autor.
ResponderSuprimirGracias Daniel, además haré muchas mas plantillas minimalistas, sólo esté pendiente, ok?
ResponderSuprimirHasta luego ;)
Yo te tengo en un circulo desde que salio el google +
ResponderSuprimirHola Alejandro, Gracias ;)
ResponderSuprimirLa página en G+ ahora es para blog.
Ok. Ya te agregue en G+.
ResponderSuprimirPerfecto Felix, gracias por seguir el blog desde Google+, ya te agregue, así que ya puedes ver el material exclusivo y compartir contenido.
ResponderSuprimirBienvevido ;)
realment no se como descargarla y ya te agregue
ResponderSuprimirHola Jesús,
ResponderSuprimirComo ya te agregué yo también, ahora puedes ver mis publicaciones exclusivas.
Sólo revisa mis publicaciones desde Google+ y ahí verás la publicación que contiene el link de descarga.
Para encontrar la publicacion fácilmente, solo copia el siguiente texto y pégalo en el campo de búsqueda al usar ctrl F, ya que asi es como empieza dicha publicación:
Plantilla Exclusiva Círculos Disponible para Tí ;)
Si tienes dudas me dices :)
Felices fiestas!!
Hola there, Sis Karla... I plan to convert my blog with this template. But then I always failed installing Disqus on it.
ResponderSuprimirI dont wanna lose my old thread in Disqus.;_O
You can click my avatar here to go to my CIRCULOS sample blog.
Could You help me, Please? thanks in advance :)
Hi MUXLIMO,
ResponderSuprimirPlease, take a look at this tutorial:
http://disqus.com/admin/blogger/
I hope this is helpful, have a great day!
Aha.. gracias, Dear Sis Karla.. I've made it!! :D
Suprimirbtw, another question here :D
Is it possible to make the social bookmark bar at the bottom page to be floating? Thanks in advance :)
Of course MUXLIMO!!, just identifies this code in the HTML Edition:
Suprimir#marcadores-footer{
width:110px;
height:32px;
position:absolute;
...
}
...and changes position:absolute; to:
position:fixed;
Have a great day ;)
Awesome...! again and again.. gracias, Dear Sis :)
SuprimirGreat day to You aswell :)
Great!, and you're welcome ;)
SuprimirHave a nice week!
Me encantó! Muchas gracias por tu original diseño :)
ResponderSuprimirHola, disculpá la molestia, yo quisiera saber si a la galeria de imagenes horizontal se la podía configurar con el feed en ves de las entradas populares (lo + visto) y si me pudieras decir como hacerlo, porque tenia la idea de poner actualizaciones de otros blogs en ese lugar. Muchisimas gracias por tu atención.
ResponderSuprimirHola Fabian,
SuprimirMe imagino que quieres mostrar en esa sección las últimas entradas ¿o me equivoco?
Puedes poner ahí otro gadget, por ejemplo si quieres mostrar las últimas entradas, y usar el gadget de lista de blogs, que también usa el feed, y tendrías que darle la apariencia horizontal con CSS.
Hacer eso, es largo de explicar, luego preparo algo y lo publico ;) si no te urge.
where is download link karla???
ResponderSuprimirYou can see it now in my posts in G+: https://plus.google.com/109627432877953314897/posts
SuprimirIf you have any questions, please let me know.
Have a great weekend ;)
Hola Karla, me a encantado esta plantilla y hace un tiempo la implementé en mi página. El problema es que tengo configurado para que se muestren 6 entradas en la página principal pero solo aparecen 3 o 2 o a veces sólo 1, nunca las 6. Gracias y espero tu respuesta :)
ResponderSuprimirBueno, eso es algo que controla Blogger, y que tiene que ver con el peso de tu documento, por ejemplo, yo en este blog la he puesto y aparecen las 6 que he configurado:
Suprimirhttp://mas-saludable.blogspot.com/
No veo que utilizas muchas imágenes en las entradas, pero si en la página principal. Prueba por ejemplo reducir el número de imágenes de la galería horizontal de "entradas populares" a cinco o seis por ejemplo.
También puedes quitar las imágenes que vienen en "lo + visto" en tu columna lateral, que al final de cuentas es el mismo widget que el de la galería horizontal.
Utiliza el salto en linea en cada post, después de cada imagen, eso hará que en la página principal solo se cargue ésta.
La plantilla sólo tiene tres imágenes por lo que no resulta un gran problema, pero, pensando en aligerarlo lo + posible, pudieras eliminar las variables que vienen en la plantilla para el fondo del top, que quitaste y el menú de páginas estáticas, y que vienen al principio, en la edición de HTML:
<Variable name="crosscolbgColor" description="Color de Fondo Menú"
type="color" default="#fff" value="#1d1c1c">
<Variable name="menuTextColor" description="Color Fuente Menú"
type="color" default="#ffffff" value="#dddddd">
<Variable name="menuTextFont" description="Menu Fuente"
type="font"default="normal normal 77% Verdana, sans-serif" value="normal normal 15px Cantarell">
Es sólo texto, y no se compara con el peso que pueden dar las imágenes, pero vamos a exagerar, además esas variables no las necesitas.
Prueba y ve los resultados...
Echa un vistazo a este post, para leer mas información:
http://ciudadblogger.com/2011/06/cuando-en-el-blog-aparecen-menos.html
Suerte ;)
Hola hola! muchas gracias por tu ayuda, a pesar desde que leo a ciudad blogger desde hace largo tiempo nunca había visto esa entrada.
SuprimirHice lo que me dijiste y con del salto de página se solucionó perfectamente, nuevamente gracias.
También tengo otros gadgets escondidos que me imagino que quitan un poco de tiempo en cargar, el del buscador y el atributo pero cada vez que los intento quitar me tira ese error de blogger x-135ze algo así, lastimosamente creo que en ese sentido ya no podemos hacer nada.
Gracias por Compartir tus conocimientos!!!!
Qué bueno que resultó como querías, y sabes voy a hacer actualización para que no necesites dar el salto en linea, y lo voy a publicar en G+ ;)
SuprimirSabes que Blogger mencionaba eso como algo prioritario (usar el salto en linea) para que no se cargara el post completo en la página principal, bueno, lo dicho, haré el cambio, será más práctico y valdrá la pena.
Saludos ;)
Hey Karla, thanks for template.
ResponderSuprimirBut can i change "Di lo que piensas" with other word?
Let me change that, and i'll add the downloadable link to Google plus (in your blog lenguage) ;)
SuprimirPlease change it in english, Karla. Anyway, thanks ya :)
SuprimirI did it ulviaa, you can download the template with that changes in G+ ;)
Suprimirthank you soooo much, Karla :)
SuprimirAgregame a tus círculos please soy nueva en esto y me encanta tu página necesito tu hermosa plantilla para el nuevo blog que estoy creando
ResponderSuprimirHola Milpa, gracias por tu interés.
SuprimirVe a mi página de Google+, el enlace esta arriba en la columna lateral, y agrégame a un círculo, de ese modo podrás ver las publicaciones que sólo comparto con mis círculos ;)
Ya lo hice pero no veo nada u.u
ResponderSuprimirAhora si! mil gracias :)muy interesante todo lo que publicas sobre todo para los que empezamos en esto. Saludos y bendiciones :)
ResponderSuprimirBienvenida Milpa, no olvides leer las instrucciones que explico en el post para configurar los elementos que se incluyen la plantilla etc...
SuprimirCualquier cosa me dices, buen día ;)