17 de enero de 2017

Tutorial blogger: poner una cabecera al blog con links incrustados

Cómo poner una cabecera con links incrustados

El tutorial de hoy es bastante práctico y va muy bien para hacer alguna que otra chapuza cuando, después de librar una batalla con el html del blog, no hay manera que nos salga lo que queremos hacer.

Yo quería poner los iconos de redes sociales del blog arriba de la cabecera, en la parte superior izquierda. Lo intenté de todas las maneras posibles que sé pero no hubo manera. Entonces se me ocurrió hacer una chapuza: pegar las imágenes de los iconos en la misma cabecera y de ahí poner el enlace. 

Me explico:




Pongo la cabecera actual del blog, pero en breve la voy a cambiar :) La cabecera y los iconos de las redes sociales son una misma imagen. Entonces, ¿cómo pongo el enlace para cada una de mis redes? Muy fácil: con Image Maps

Lo primero que tenemos que hacer es subir la foto en cuestión (cabecera+iconos sociales todo en una misma imagen. Lo podéis hacer con Photshop o Picmonkey). Aquí explica cómo hacerlo usando Blogger como hosting, pero si no lo entendéis puedo hacer una entrada explicándolo. 

Una vez ya tenemos la imagen subida y ¡sobretodo! hemos copiado su URL, abrimos Image Maps

Lo primero que vemos es esto:


Image Maps


Y lo que tenemos que hacer es pegar la URL que hemos copiado donde pone Past URL or click Star Mapping to Browse. Una vez pegada veremos que el botón naranja cambia el nombre a Start mapping, así que lo cliclamos. En la pantalla que nos saldrá luego damos a Click to continue. 

Y ya podremos empezar. Nos saldrá esto:


Image maps

Así que damos con el botón derecho del ratón y nos saldrá un pequeño menú:




Create rect: para crear un rectángulo
Create poly: para crear un polígono
Create circle: para crear un círculo

Lo demás, ni caso.

Yo eligiría en todos los casos crear un rectángulo, porque es mucho más fácil darle la forma para adaptarlo al contorno del icono de la red social. Quedaría así, ya con los campos rellenos:

Image maps


Si queremos que el enlace se abra en una pestaña nueva tenemos que ir a Events>Target>Blank. 

Y le damos a Save. Veréis que saldrá un cuadrado rojo para señalar que esa área ya está enlazada. 

Repetimos la misma operación para todos los iconos, y cuando lo tengamos listo clicamos otra vez con el botón derecho para que salga el menú y le damos a Get code. Se nos abrirá una ventana y tenemos que clicar en HTML Code. Hay que bajar hasta el final del todo, y ahí estará nuestro código.


Image Maps


Ese es el código que copiaremos, pero de momento no lo hagáis. Eso sí, ¡¡no cerréis la página!!

Ahora viene la segunda parte del tutorial, un poco más chunga. 

Lo que hay que hacer ahora es eliminar la cabecera. Así que iremos a Blogger y clicaremos en Plantilla>Editar HTML (¡¡pero recordad hacer primero una copia de seguridad por si acaso!!).

Una vez estemos dentro del html del blog, clicaremos en la barra superior donde pone Ir al widget, y seleccionaremos Header1:


Tutorial Image Maps


Y arriba del todo tendremos esta línea:

<b:widget id='Header1' locked='true' title='Vuestro blog' type='Header' visible='true'>

Pues bien, hay que modificar lo que os marco en rojo:

<b:widget id='Header1' locked='false' title='Vuestro blog' type='Header' visible='true'>

Guardamos cambios y vamos a Diseño. Donde pone Header le damos a Editar.

Tutorial Image Maps

Veremos que ahora nos saldrá el botón para eliminarla. Primero guardar la imagen, que nuenca se sabe. Ahora sí, la eliminamos y guardamos los cambios.

Ahora volvemos a la página de Image Maps donde teníamos el código HTML de nuestro mapa de imágenes y lo copiamos.

Volvemos a Blogger y damos a Añadir un gadget>HTML/Javascript. Copiamos todo el código y le damos a guardar.

Ese gadget nuevo se habrá colocado el primero en el sidebar, sí que lo que tenemos que hacer es arrastrarlo hasta la zona del header. Guardamos disposición y vemos cómo ha quedado (tiene que haber la imagen que hemos mapeado en el lugar de la cabecera).

Y ahora imaginamos que no os gusta el resultado y queréis volver a dejar la cabecera tal y como estaba.

Vamos a Diseño y eliminamos el gadget que está debajo de header. Vamos a Añadir un gadget y buscamos el que pone Cabecera de página. Subimos la foto que teníamos y guardamos. Y finalmente arrastramos el widget de cabecera al header, porque si no veremos la cabecera en el lateral.


¡¡Y eso es todo!! Espero que lo hayáis entendido y que os salga. Si tenéis cualquier duda me podéis escribir, a ver si lo podemos solucionar :)


¡Hasta el viernes!

Marta



13 de enero de 2017

En mi wishlist: Funkos de Disney

En mi wishlist

¡Hoy vengo con otra sección nueva: En mi Wishlist! Será un poco parecida a los Friday Favorites que vengo haciendo desde que empecé el blog, solo que aquí os enseñaré cositas que quiero comprarme, y las pondré todas juntas en un apartado (tengo que renovar un poco las secciones y los colores del blog).

Empezamos con algo que puede dar para mucho: los Funkos. Y más concretamente los de Disney, que son los que más me gustan. De momento no tengo ninguno (solo uno de un Minion, que también me encantan), pero ya le tengo echado el ojo al de Elsa y las princesas de Disney. ¡Espero hacerme con el primero pronto!

Os dejo con las fotos que he encontrado, ¡espero que no me matéis por quererlos todos! ;)

Funko Winnie The Pooh

Funko La Dama y el Vagabundo

Funko La Bella y la Bestia

Funko Campanilla

Funko Cenicienta

Funko Bella y Gastón

Funko Ariel

Funko Dumbo

Funko Pocahontas

Funko sra Potts y Chip

Fuente: 1, 2, 3, 4, 5, 6, 7, 8, 9, 10

¿Sois tan fans de los Funkos de Disney como yo? ¿No os han entrado ganas de tenerlos todos? ¡A mi sí!

Por cierto, he decidido que de los dos post semanales uno será más extenso y el otro como el de hoy, con más imagen que texto, así creo que podré mantener el ritmo de dos posts semanales :)


¡Feliz fin de semana! ¡Hasta el martes!


Besitos,

Marta

10 de enero de 2017

Paseando por Gràcia

Paseando por Gràcia


¡Muy buenas! Aquí estoy con una sección nueva que espero que tenga una cierta continuidad en el blog. A mí me encanta descubrir sitios nuevos en Barcelona (de hecho he empezado una libreta dedicada a apuntar un montón de tiendas y restaurantes para conocer) y me gusta mucho cuando veo algún post dedicado a esto (como el que hizo Pasitos muy lentos sobre una cafetería donde fui con una amiga y nos encantó).

¿Así que por qué no sumarme yo también a descubriros sitios nuevos?

Antes de fiestas fui a descubrir rincones en Gràcia. En total fueron un restaurante y 4 tiendas, la tarde no dio para más, ¡pero ya tengo ganas de volver y seguir descubriendo otros rincones!

6 de enero de 2017

Alicia en el País de las Maravillas

¡¡Buenos días!! Debo pillaros en mitad de faena abriendo regalos, pero como os dije que publicaría los martes y los viernes no quería ya faltar la primera semana ;) Así que hoy os voy a hablar del último libro que he leído: Alicia en el país de las maravillas con ilustraciones de Rébecca Dautremer.

Decidí leerlo porque ya hace un tiempo que descubrí las ilustraciones de Rébecca y de Benjamin Lacombe y todavía no había leído ningún libro con sus ilustraciones. Miré lo que había disponible de ellos dos en la biblioteca y me decidí por este.

Lo que me llamaba más del libro era las ilustraciones, lógicamente, pero ya que estaba aproveché para leerlo todo.



2 de enero de 2017

Vales regalo imprimibles y cómo presentarlos

Imprimible para Reyes con tutorial


¡¡Buenos días y Feliz Año!! Como dije en mi último post, me tomé unas pequeñas vacaciones para preparar un poco el contenido del blog para este año, ¡y aquí estoy de vuelta!

Intentaré de nuevo publicar dos posts por semana, pero no sé si podré mantener el ritmo. De momento, las publicaciones serán martes y viernes, y para este mes ya lo tengo más o menos todo preparado.

Para hoy tengo preparado un pequeño imprimible para Reyes. En Instagram os enseñé el regalo que tenía preparado para mi padre en Navidad. Le hice una pequeña tarjeta para que elija un curso presencial en la Nikon School y la metí en un sobre que hice yo misma.

2 de diciembre de 2016

Calendario imprimible diciembre

Calendario diciembre

Creo que ha sido el mes que he publicado el calendario más tarde, pero me ha sido imposible hacerlo antes :( lo que cuenta es que aquí está, no?

Últimamente tengo muy poquito tiempo para dedicar al blog, así que estoy pensando en no publicar nada hasta ya 2017, así tengo tiempo de planificar todo el año, porque he dejado a medias series de posts que quería hacer, y no me gusta... Así que si no me véis por aquí en unos días es por que estoy metida de lleno en el año que viene ;)

¡¡Aquí tenéis los últimos calendarios del año!!


24 de noviembre de 2016

Ikea hacks - Espejo Malma

Ikea hacks Malma

La semana pasada no hubo post porque estuve muy liada pensando en un cambio de apariencia del blog, además cuando se me pone algo entre ceja y ceja no me doy por rendida hasta que no he intentado por todos los medios hacerlo, y se me han pasado las horas como minutos...

De momento he pensado en retomar esta sección, que hacía ya mucho que la tenía olvidada.

Hoy tenéis una ración de inspiración de usos que podéis darle al conocido espejo Malma, porque por lo que cuesta podemos hacernos con varios y tunearlos.