Esta lluviosa mañana de sábado la he dedicado a un tema que tenía pendiente: terminar el diseño del blog y hacerle unos cambios que tenía pendiente como añadir una tercera barra lateral (o sidebar, poner un enlace a la página principal y reorganizar el contenido de las dos barras laterales. Aún me quedan unas cosillas pendientes como tener dominio propio, añadir un favicon u ordenar las etiquetas que están un poco más p’allá que p’acá. Pero ya podéis juzgar por vosotros mismos el resultado y si realmente ha mejorado algo. Agradeceré enormemente cualquier comentario, crítica o sugerencia (que además hace tiempo ya que recibí el último comentario).
Este blog está basado en la plantilla Minima que he ido personalizando a mi gusto (por ejemplo, cambiando el tipo de letra a Arial y algunos colores). Todo esto me ha servido para actualizar mis olvidados conocimientos de HTML y aprender sobre CSS o hojas de estilo.
Algunas de las modificaciones o hacks las he tomado de: Hackosphere y Beautiful Beta. También tomo ideas “prestadas” de otros blogs, como utilizar Haloscan para los comentarios y trackbacks (Enrique Dans), poner el link al feed RSS con el icono junto al subtítulo del blog y con el mismo esquema de colores (Vida de un Consultor), usar Statcounter para las estadísticas y colocar el link al perfil de LinkedIn junto a mi foto (Blog de Jjuan). Esto último también lo vi en el blog de Enrique Brito (Mis Historias).
Os comento las principales novedades por si alguno queréis aprovechar algo:
1.- Aunque veo que la mayoría ya tiene blogs a tres columnas, las plantillas que te ofrece Blogger Beta son a dos y, además se desaprovecha mucho el espacio. Para mí es fundamental es que nada más cargar la página y sin necesidad de hacer scroll tengas acceso a lo más importante. Así pues, para añadir una tercera columna a la izquierda he usado el truco: 3-column templates for Blogger Beta. No ha sido muy sencillo porque se me descuadraba todo y me ha costado trabajillo, pero me lo he pasado como un enano.
2.- Enlazar la imagen con el nombre del blog (que casualmente es el mío también). Básicamente, me había dado cuenta que al pulsar en una entrada, no había ninguna manera sencilla de volver a la página principal y esto era lo que me parecía más intuitivo. Sin embargo, el widget para añadir imágenes no permite asociarle un enlace, así que lo he hecho directamente con el de HTML. Al mismo tiempo, he cambiado de ubicación la descripción del blog, que he simplificado en mi afán minismalista y le he colocado el link al feed RSS como comentaba antes.
3.- He reorganizado el contenido de las barras laterales, dejando la izquierda para el acceso rápido a entradas anteriores. Para ello, he colocado una sección de enlaces a los últimos cinco posts utilizando el truco Latest Posts display in sidebar. Luego viene el archivo, que como a mí más me gusta es por meses y después las etiquetas (que será lo próximo a trabajar). También he relegado al fondo de la página el contador de visitas y de suscriptores (cuando tenga miles de visitas diarias y cientos de suscriptores me pensaré devolverlos a un sitio relevante 😉
4.- De Beautiful Beta he sacado una par de añadidos cosméticos menores pero que me hacían gracia: un formato especial para citas y otro para la primera letra de cada entrada al estilo de las revistas.
Y esto es todo de momento, espero que os guste y os pueda también dar alguna idea. En cualquier caso, os agradeceré infinitamente que me dejéis un comentario si véis que debo mejorar algo o simplemente añadir alguna cosa imprescindible y que no tenga.
Actualización: Veo que gran parte de las visitas llegan vía búsquedas en Google sobre Blogger Beta. Si tenéis alguna duda o queréis que os eche una mano, dejadme un comentario con la pregunta. También os dejo aquí el fichero con la plantilla por si os es de utilidad (usad guardar enlace como y luego abridlo en el editor de Blogger Beta: Plantilla Blogger Beta de este blog
Pues con un poco de retraso pero tengo que decir que me gusta mucho como te ha quedado el formato. Muy limpio, muy facil de leer. Enhorabuena
La verdad es que está elegantón. A mí me da una pereza enorme volver a meterme en un rediseño. Creo que la próxima vez lo encargaré a alguien, porque con lo poco que sé, me cuesta mucho avanzar…
Muchas gracias a los dos. La verdad es que me divierto tanto escribiendo en el blog sobre temas nada cercanos a la tecnología como trasteando con el HTML y el diseño. ¡Doble disfrute!
Hola! tienes razón al decir que la mayoría de las visitas provienen de google, yo utilizo la beta desde hace un mes y poco, y no me puedo quejar a la primera va saliendo todo, pero si que es verdad que no hay demasiados datos en “cristiano”, para entenderlos.
Por mi parte, es que estoy acostumbrada a leer en inglés y francés, pero imagino que el que no esté acostumbrado lo debe pasar realmente mal.. con eso no quiero decir que los demás lo pasemos muy bien..
Un abrazo.. 😉
No encontrando el modo de poner las tres columnas al blog, google me llevó a tu página y con tus explicaciones la solución.
Me tomo la libertad de coger prestada tu plantilla, a la que prometo dar buen uso para no desmerecer al autor.
A cambio te incluyo en los enlaces y hago referencia a tu blog, también te ha añadido a mis favoritos. Aunque pensandolo bien, aquí también salgo ganando, me encantan tus artículos y reflexiones.
Muy agradecido. Saludos.
Antonio, encantado de poder ser de ayuda y muchas gracias por enlazarme. He de decir que me gustan mucho las fotos que hay en tu blog y me ha entrado una envidia sana de esos viajes en bici.
Un saludo.
Pos a mi tambien me gusta como esta tu blog, de hecho he conseguido poner tres columnas en el mio gracias a que pusiste los enlaces!!!
Lo unico que no consegui fue poner una columna a cada lado, pero bueno creo que al final me gusta más así jeje
Y me gusta mucho lo de los comentarios, lo pondria si no perdiera todos los que tengo ya, que me da penita perderlos.
Saludos y gracias!!!
hola eh visto tu blog muy interesante, pero yo te quiero pedir ayuda.
como hiciste para poner 2 sidebar?
eh buscado mucho en Google pero se me es
dificil entender ya que no soy especializado en la materia.
me gustaria saber si yo te mando el codigo de fuente de mi pagina tu la podrias actualizar para poner 2 sidebar?
bueno yo ocupo la version betta de blogger!
porfa respondeme ami mail porfavor
sergiobadsal@gmail.com
y si puedes o quieres ayudarme
agrega mi MSN para estar en mas contacto
deep_sleep_13@hotmail.com
de antemano gracias !!!
Muy buenas. Estoy desesperado intentando conseguir poner una tercera columna en mi blog, pero no hay manera, no puedo. Estoy siguiendo el tutorial de de hackosphere, pero aunque parece que estoy haciendo todo bien, luego se descuadra todo y el apartado donde de colocan los elementos queda hecho un caos. Ademas se me cambia el formato de algunas fuentes del blog solo.
A ver si me puedes echar una mano, porque no se en qué me equivoco. Te dejo un mail: albertoytalpascual@hotmail.com
Gracias de antemano y saludos!
Hola, por casualidad llego a tu blog y descubro tu fantástica plantilla. Me gusta mucho, la verdad. Llevaba buscando algún tiempo algo como lo que tú tienes: simple, limpia, sin complicaciones.
No sé si te importaría pasarme el template para poder modificarlo e intentar trasladar la oscuridad actual del mío a esta versión.
Si no tienes ganas o simplemente no quieres no pasa nada, claro está.
Un saludo… desde el otro lado.
Hola, me ha gustado tu espacio web. Necesito agregar a mi blog un contador de visitas, pero no se como hacerlo (está en la versión beta. en la anterior supe hacerlo pero ahora no)´Muchas gracias por leerme.
Gracias por el comentario, María del Carmen.
Añadir un contador es muy sencillo. Yo uso StatCounter que es gratis (aunque limita el tamaño del log) y fácil de usar. Tienes que registrarte y seguir los pasos. Al final, una vez elegido el tipo de contador (visible o invisible) y el estilo y color (puedes usar la configuración por defecto) te da un código HTML. Sólo tiene que copiarlo y añadirlo a tu plantilla de Blogger. Si usas blogger beta puedesx añadir un ‘widget’ de tipo HTML/Javascript donde más te convenga y pegar el código ahí.
Espero que te haya resultado de utilidad la explicación.
Saludos,