¡¡Seguimos con tutoriales para poner bonito nuestro blog!! Y esta vez, también podemos ayudar a nuestros lectores a navegar mucho mejor por nuestras páginas. Vamos a ver cómo poner un menú con imágenes en blogger. ¡¡Es muy sencillo!!

Tener un menú en la parte superior de nuestro blog es muy importante, así nuestras nuevas visitas no se aburren buscando en nuestro archivo ni yendo hacia atrás sin rumbo a la espera de encontrar algo de su interés... si no encuentran rápidamente lo que buscan ni ven que nuestro blog trate temas de su interés... ¡saldrán volando!

Los menús con imágenes pueden ralentizar un poco el tiempo de carga... ¡pero quedan tan monos! Y tampoco hay que invertir mucho tiempo en el diseño. Puedes hacerlas con programas como GIMP, PinkMonkey y Photoscape. ¡Todos gratuitos y muy fáciles de usar!

Aún así, os he preparado 223 botones, de todas las temáticas, gratis. Son todos rosas. Más adelante subiré de más colores. Prometido.



Y ahora que ya tienes tus botones preparados, ¡pasemos a la acción!

Preparar nuestros botones y enlaces

1.- Elige los botones que más te gusten y súbelos a internet, puedes usar Dropbox, Picasa o similar. Vamos a necesitar sus enlaces.

2.- Crea las páginas que vayas a necesitar en Blogger. Puedes crear una página en blanco para Sobre Mí y Contacto y usar páginas enlazadas a URLs de búsqueda por etiquetas, como vimos en esta entrada:

Sácale partido a las etiquetas de tu blog

3.- Vas a necesitar el enlace a las páginas en blanco que habrás creado pero tenemos que elegir No Mostrar. Así que para conseguir el enlace, pulsa en Ver y copia la URL de la barra de navegación.

4.- Cuando tengas todos los enlaces a tus botones y a tus páginas/búsquedas por etiquetas preparados, estamos listos para empezar de verdad.

Preparar el código

1.- Vamos a usar un código similar a éste, es el del Blog del Concurso de Primavera:



2.- Si viste el tutorial de programación donde os explicaba como hacer tablas, seguro que el código te suena ¿verdad?

Recordar tutorial para hacer tablas con HTML

Hoy os quiero presentar una Iniciativa muy especial. Como en el caso de Víctor, las conocí en Twitter, a través de Álvaro y Jimena, y su propuesta me enamoró. Tanto que fui yo la que les propuse hacerles una entrevista incluso antes de fundar esta sección.

Ellas mismas se definen en su web como:

un grupo de mamás emprendedoras que hemos decidido iniciar este proyecto con un doble objetivo: por una parte intentar poner nuestro granito de arena en la crisis actual y por otra encontrar en esta vía una forma de ganarnos la vida

Pero mejor que nos lo cuenten ellas ¿no te parece?


♥  ¿Quién hay detrás de 5 euros y cual es su objetivo?

Visto hasta ahora:

1.- El título. Ver Aquí.

2.- Redacción, estilo y ortografía. Ver Aquí


Hoy vamos a hablar de:

3.- Videos e Imágenes.

Estoy segura de que si te preocupa el tema del diseño de entradas para fidelizar a tus visitas y hacerles sentir cómodas en tu bitácora, habrás leído mil veces la típica frase:




Pues hemos llegado a un punto clave para el diseño de entradas. Las fotografías y los vídeos. 

Si hemos trabajado bien seleccionando un título adecuado, sugerente, que llame la atención y hemos cuidado cada detalle del texto de nuestra entrada... ¡no podemos descuidar la estética de nuestros elementos multimedia por nada del mundo!

Hay millones de blogs en internet por lo que no es raro que muchos de ellos ofrezcan un contenido similar al nuestro. Teniendo ésto asumido... ¿por qué iban a leernos a nosotros y no a los demás? 

El valor añadido que ofrezcamos en nuestros artículos juega un papel muy importante que no debemos olvidar.

2 Consejos para que nuestras fotos llamen la atención

• Nítidas y de calidad. No podemos estropear una entrada perfecta con una fotografía pixelada descargada de Google Imágenes. Una imagen grande, clara, brillante, llamativa... despertará el interés de nuestras nuevas visitas. 
• Nuestros lectores de siempre, aquellos con los que mantenemos una relación de "amistad" y con lo que hablamos en las redes sociales, leerán nuestras entradas, igual que nosotros leemos las suyas... Pero una nueva visita que busca algo en particular, si se encuentra una imagen pequeña, oscura, pixelada... ¡seguirá buscando!

• Adaptadas al ancho de nuestra entrada. Tanto si las centramos como si las alineamos a la izquierda, tenemos que cuidar la armonía entre la fotografía y el texto.

 ¿Qué conseguimos con ésto?

• Apariencia ordenada.
• Estética cuidada.
• Transmitir el cuidado que ponemos en redactar y diseñar nuestras entradas.

¿Cómo hacerlo?

Ya os conté como redimensionar vuestras fotografías sin perder calidad en esta entrada:

*Recordar como redimensionar imágenes sin que pierdan calidad*

Pero antes necesitamos conocer el ancho de nuestra entrada, para que la imagen encaje perfectamente. Vamos a ver como hacerlo de una forma muy sencilla.

El tema elegido por Lorena para la quedada bloguera de este mes en Hoy Compartimos... ¡me viene genial para contaros más detalles sobre Mi Boda Rocks Experience! Y es que ha sido la última vez que hice algo por primera vez:

• Asistir a un evento para novios.

Empezamos el lunes con la estupenda iniciativa de Saray: Diseños por el Mundo. Con un país que no me hubiera perdido por nada del mundo. Egipto. Tierra de Faraones.

Soy adicta a los libros, a los de papel, los de toda la vida... Pero no puede negarse que los nuevos libros digitales son una pasada, sobre todo para viajar con ellos, ocupan mucho menos y puedes llevar un montón de ellos en este aparatito tan pequeño. Ideal ¿verdad?

Hace unas semanas inicié este reto en facebook, aunque de momento parece que está paradito, tal vez sea porque le he dedicado poco tiempo a darle vida, pero ahora que he recuperado mi ritmo normal, he querido dedicarle una entrada especial en el blog para darle ese empujoncito que le falta.

Es una propuesta muy sencilla.

Te cuento:

Dos de mis pasiones son la literatura (de ahí que me decidí a estudiar Filología Hispánica) y el diseño (he recuperado hace poco la inspiración pérdida, aquella que empecé a sentir cuando era una niña que iba tan feliz a sus clases particulares de dibujo y pintura... ¡que tiempos!). Por eso he decidido aunarlas para proponeros un reto SUPER GUAY.

Condiciones para participar:

Terminamos la semana temática de gráficos de Halloween para decorar tu blog y tus diseños. Te dejo un pequeño recopilatorio de todo lo que he compartido con vosotros esta semana por si se te ha pasado algo:

Iconos Redes Sociales de Halloween Separadores de Halloween para el Blog Clip arts de Halloween para tus diseños Tipografías originales de Halloween

Código para añadir imagen flotante en el cabecero del blog

♥ top:5px -> indicamos que queremos la imagen arriba (top) dejando un margen de 5px respecto al límite superior del blog.
♥ left;5px -> programamos que nuestra imagen aparezca a la izquierda (left) dejando un margen de 5px respecto al límite izquierdo del blog.
♥ # -> La imagen no enlaza a ninguna página, si quieres enlazarla a alguna página especial de tu blog, solo tienes que sustituir el símbolo # por la URL de tu página. Si no quieres añadir enlaces, deja la almohadilla (#).
♥ Halloween -> etiqueta alt, le indicamos a Google la descripción de nuestra imagen.
♥ Happy Halloween -> etiqueta title, este texto aparecerá cuando pasemos el cursor sobre nuestra imagen.

Cambiando estos parámetros puedes modificar la posición y margenes de tu imagen flotante para adaptarla perfectamente al diseño de tu blog. También puedes cambiar la descripción y el título.

♥ URL DE TU IMAGEN -> En esta etiqueta va el enlace de la imagen que queremos que aparezca en el cabecero de nuestro blog.

Se

Puedes ver el resultado en este blog de pruebas de diseño gráfico para blogger.

Ya te habrás dado cuenta de que no solo las imágenes dan un toque diferente, original y personalizado a tus diseños. Las tipografías también son importantes. Si eres capaz de encontrar ese tipo de letra que se adapte a la perfección a tu diseño... ¡el resultado será sorprendente!

¡Para hoy tengo unos clip arts de Halloween gratis para tí!

Puedes usarlos libremente para tus diseños: toppers, invitaciones, láminas, banners... ¡todo lo que se te ocurra! Recuerda que el límite es tu imaginación.

He escogido a esta pareja tan ideal que he diseñado especialmente para los participantes del Curso de Diseño en Publisher 2013 - Especial Halloween - ¡Yo creo que son monísimos! ¿Qué te parecen?


























El kit de diseños para Halloween se compone del señor y la señora Frankie acompañados de su búho de compañía. Están en formato png con fondo transparente, así puedes usarlos sobre cualquier fondo, sea del color que sea.


Si te animas a usarlos ¡No olvides enviarme fotos! Que me hace mucha ilusión ver todo lo que hacéis.

¡¡Seguimos con la semana temática!!

Empezamos ayer con dos kits diferentes de iconos de redes sociales de Halloween que puedes ver en el siguiente enlace:

* Iconos redes sociales Halloween *

Y hoy le ha tocado el turno a los separadores de Halloween. Recuerda que puedes usarlos de dos maneras diferentes para decorar tu blog:

• Subiéndolos como imagen dentro de tus entradas para amenizar la lectura de tus posts.
• Siguiendo los pasos de este tutorial para instalar separadores entre las entradas del blog.

Bueno, ¡ahora sí queda poco para Halloween! Ya estamos en la segunda quincena de octubre, por lo que todas las entradas restantes de esta semana las he preparado acordes a este tema, por si te apetece darle un toque algo más lúgubre a tu blog durante estas fechas.

Hoy empezamos la serie de gráficos de Halloween con iconos para las redes sociales. He diseñado dos modelos diferentes para que, como siempre, tengas diferentes opciones entre las que escoger. Una de ellas es la misma que tengo yo en este blog, solo he cambiado los colores para adecuarlos al tema escogido.

Para descargarlos solo tienes que pinchar directamente sobre la imagen que quieras y guardarla en tu ordenador.

Para instalarlos puedes seguir los pasos de este tutorial, necesitarás tener tus imágenes subidas a internet, ya que se usan los enlaces solamente, por lo que si lo prefieres, en vez de descargar los diferentes iconos y subirlos tú, puedes utilizar directamente los que he subido en esta entrada. ¡Prometo no borrarlos! Así que no desaparecerán de repente de tu blog.

Si os preguntáis por qué he elegido esta foto como destacada de la entrada... enseguida os lo cuento. Esa era mi cara de "!ay, mamá! ¿dónde me he metido con lo vergonzosa que soy yo hablando en público?" durante el taller para las bloggers wedding de ayer... Empecé así y terminé hecha una bolita. Nada, que mi pánico escénico de momento es incontrolable. Si alguien conoce algún truquillo (que no sea imaginarme a todas desnudas, ¡por dios!) que me lo diga...

Protocolo Novios

Rojo Carmesí

Freixenet

¡¡Degustación de vinos blancos y tintos en unas botellas fascinantes!! Prometo contaros más esta semana. ¡¡Ya veréis que originales!!

No Somos Malas

¡¡Por supuesto que no!! Son encantadoras. ¡¡Nos reímos un montón!! El ratito que pasamos con ellas y los productos de su boutique erótica fue genial. ¡Vais a flipar con sus productos!

Cócktail por cortesía del Hotel Husa Princesa Madrid ****

Estas son solo dos muestras de las propuestas que nos ofrecieron durante el cócktail... Si sois de Madrid, haced una escapada... ¡y me contáis! Seguro que volvéis a casa con las pilas cargadas.


Muchísimas gracias por tratarnos tan bien y hacernos sentir tan especiales durante toda la mañana y parte de la tarde. La verdad es que todo el personal del Hotel y el Director... ¡fueron realmente encantadores con todos los asistentes!


Además, fue un momento genial para ponernos cara y conocernos un poco más. Tenemos pendiente mirar el tema de MailChimp, Marta. ¡No me olvido! Lo que te pasa es rarísimo...

¡¡Sorpresas del Hotel Husa Princesa para dos afortunadas!!

¡¡Enhorabuena, chicas!! A disfrutarlo... ¡ya nos contáreis!

Instalaciones Hotel Husa Princesa Madrid ****

¡Y tuvimos la oportunidad de ver dos de sus habitaciones! Con habitación especial para el vestido de novia. ¡Cuidando cada detalle!

                  *¡Ups! Acabo de darme cuenta de que le sobra una ese en todas las fotos... *

Dreams & Cakes

Increíbles estas chicas. Productos originales, de calidad, importados de América, una técnica que solo verla te quedas impresionada y muchísima experiencia en la elaboración de repostería. ¡Sus macarons estaban deliciosos!

En breve os cuento más. Están en Majadahonda, lo dejo caer para las madrileñas amantes de los dulces que se dejan caer por aquí.

Sorteo súper molón sorpresa de Selecta Hotels

Con la mano inocente de Näps



¡¡Y la ganadora!! Lorena de Una Imagen Un Escaparate

Camaloon