¿BUSCAS ALOJAMIENTO EN BARCELONA?

El otro día estuve en Casa Kessler con unos amigos, básicamente porque uno de ellos es amigo de la dueña y nos enamoramos del sitio. Ya nos había hablado de este Hostel que han inaugurado hace poquito y es una pasada, es una casa modernista típica del Eixample de Barcelona. Y me dije, si no fuera de Barcelona y quisiera venir, vendría aquí seguro. Porque a veces lo de que sea barato no tiene porque estar reñido con lo bonito y este Hostel reúne las condiciones de las 3 B (bueno, bonito y barato), increíble, pero cierto. Además está a 10 minutos andando de Plaza Cataluña, ideal vamos. Lo mejor es que tiene diferentes opciones para escoger, tanto habitaciones compartidas como dobles, con baño individual o compartido. En definitiva, si queréis venir a Barcelona de vacaciones o a pasar un fin de semana, barajad la opción de venir a Casa Kessler, porque ¿para qué ir a un hotel cualquiera cuando puedes estar en una auténtica casa de Barcelona? Aquí os dejo el enlace a su web y un vídeo de BTV para que podáis ver el Hostel en todo su esplendor. Si váis os encantará, ¡os lo aseguro! además Hanne y Oriol, sus anfitriones, ¡son súper majos! ¿Qué os parece la recomendación? ¡Que tengáis un buen fin de semana!

TUTORIAL BLOGGER | PERSONALIZA EL BOTÓN LEER MÁS

A veces nuestros posts son tan largos que debemos recurrir al botoncito de leer más o sigue leyendo (el texto lo elige cada uno). Yo hasta hace bien poco no le hacía ni caso, porque lo veía práctico sí, pero no del todo. Quedaba ahí al final del corte del post, pero en ningún momento te decía: ¡eh! ¡que estoy aquí! ¡haz click en mí para ver el post entero!. ¿No os ha pasado alguna vez? A lo mejor son manías mías jejeje. Así que lo que hice fue resaltarlo para que la gente se diese cuenta de que el post seguía. Y es tan fácil como copiar y pegar unos códigos. El elemento que buscamos se llama .jump-link. Y como es un enlace jugaremos con sus pseudo-clases .jump-link a y .jump-link a:hover (este último es el que modificará las propiedades del elemento al pasar el ratón por encima).

Lo que debéis hacer es ir a PLANTILLA - PERSONALIZAR - AVANZADO - AÑADIR CSS y copiar el siguiente código:

.jump-link{
font-size: 12px;
margin-top: 20px;
margin-bottom: 20px;
}

.jump-link a{
color: #ffffff;
background: #000000;
padding: 6px;
}

.jump-link a:hover{
color: #000000;
background: #eaeaea;
padding: 6px;
}

Una vez hecho, antes de aplicar los cambios al blog, modificad a vuestro gusto las propiedades. Y después aplicad los cambios, ¡tan fácil como eso! Ahora os dejo con algunos ejemplos para que veáis los resultados cambiando las propiedades (Pasad el ratón por encima de los botones).

LEER MÁS

/* Este es un botón con un padding de 0px (el fondo queda pegado al texto) */

.jump-link{
font-family: 'Trebuchet MS', sans-serif;
font-size: 20px;
margin-top: 20px;
margin-bottom: 20px;
}

.jump-link a{
color: #ffffff;
background: #000000;
padding: 0px;
}

.jump-link a:hover{
color: #000000;
background: #eaeaea;
padding: 0px;
}

LEER MÁS

/* Este es un botón con un padding de 6px */

.jump-link{
font-family: 'Trebuchet MS', sans-serif;
font-size: 20px;
margin-top: 20px;
margin-bottom: 20px;
}

.jump-link a{
color: #000000;
background: #ffeee3;
padding: 6px;
}

.jump-link a:hover{
color: #ffffff;
background: #f3f3f3;
padding: 6px;
}

LEER MÁS

/* Este es un botón con un padding de 6px y un borde negro de 2 px */

.jump-link{
font-family: 'Trebuchet MS', sans-serif;
font-size: 20px;
margin-top: 20px;
margin-bottom: 20px;
}

.jump-link a{
color: #000000;
background: #ffffff;
border: 2px solid #000000;
padding: 6px;
}

.jump-link a:hover{
color: #ffffff;
background: #82ceca;
border: 2px solid #000000;
padding: 6px;
}

En los ejemplos he añadido la propiedad font-family para el tipo de fuente, porque no quería que fuese la misma que el del texto del post, si vosotros queréis hacer lo mismo añadid esa línea. ¡Ah! el margin-top y el margin-bottom sirven para dar un poquito de espacio al botón y que no quede pegado al pie de página. ¿Qué os ha parecido el tutorial? ¡Que tengáis un buen Miércoles!

TRUEQUE | SMUKTHINGS - TUMINITÚ

Hace poquito Carol de TUMINITÚ se puso en contacto conmigo, repito CONMIGO (jajajaja, últimamente no paro de alucinar) y cuando vi su correo creo que casi se me saltan las lágrimas y todo. Resulta que ya conocía su trabajo, hace tiempo hizo una ilustración para el cumpleaños de los chicos de Mr. Wonderful y sinceramente me pareció estupenda no, lo siguiente. Y ahora me propone un trueque ¡A MÍ! La verdad es que es una buenísima idea, es un modo de conocer y dar a conocer a diferentes blogueras que tienen algo que ofrecerse mútuamente. Por eso cuando comencé su retrato lo hice con todo el amor del mundo (de hecho me gusta tanto, que quiero uno para mí así tal cual jajajaja).
Y bueno que decir de Carol, todo un ejemplo a seguir para mí, yo todavía estoy muy verde en este mundillo 2.0, ella es freelance y se ha centrado en la ilustración, pero no sólo tiene experiencia con TUMINITÚ, sino que además de estudiar Publicidad, trabajó como directora de arte para una serie de clientes que da envidia. Y ahora llegó el momento: mirad a mi ¡¡¡MINIYO!!! ¡¡ES MUY GUAY!!

Si queréis uno como el mío visitad su blog, allí explica súper bien todo el proceso para conseguir uno. ¡Os va a encantar seguro! A mí me hizo clavada a la primera y es que esta mujer es una crack, así sin más. ¡Que tengáis un buen fin de semana, seguro que sí, que ya llega el calorcito!