Como crear una Galeria de Imagenes en tu blog (2º Metodo)

El año pasado os había enseñado como crear una Galería en Blogger, aunque la mayoría pudisteis aplicarlo con éxito, hubo algunos que no fue así, por eso hoy os traigo un segundo método que me parece mucho mas sencillo que el primero.

Eliminar bordes y sombras en las imágenes de tu blog.

Seguro que alguna vez te has preguntado como eliminar los bordes y sombras que se añaden a las imágenes por defecto, esto pasa sobre todo si tienes una plantilla de las que vienen por defecto en blogger y nunca la has tocado, hoy te voy a enseñar lo fácil que es eliminar tanto el borde como las sombras que aparecen por defecto en las imágenes, aunque me hubiera gustado haber hecho este tutorial en vídeo para explicar el paso a paso pero creo que es tan sencillo que os va a quedar muy claro.

Lo primero y como siempre nos vamos a nuestra plantilla y buscamos con CTRL+F lo siguiente:

.post-body img.

Lo único que tenemos que hacer es buscar el código que coincida con la imagen que os señalo en la imagen de arriba y sustituir por "ceros" la parte de codigo que os indico en negrita en este codigo que veis aquí abajo.

background: $(image.background.color);

border: 0px solid $(image.border.color);

 -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, .1);

 -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, .1);

 box-shadow: 0px 0px 0px rgba(0, 0, 0, .1);

El codigo tiene que quedar exactamente igual a este, guardáis los cambios y todos los bordes y sombras de tus imágenes habrán desaparecido.

Si te ha resultado útil este Tutorial comparte en tus redes sociales ;)

9 Fondos Veraniegos para tu movil

Hola, ya estoy de vuelta...

Disculpar mi ausencia durante estas semanas, pero no me da la vida últimamente y si necesito días como mínimo de 48 horas, espero que me perdonéis...

Hace algún tiempo he venido guardando algunos fondos de pantallas veraniegos en un tablero secreto de Pinterest, que hoy he pasado a mi tablero publico de Patterns, allí podréis encontrar muchos mas fondos, pero el post de hoy quería dedicarlo a la temática veraniega, ya que ya llevamos dos semanas con bastante calorcito. 

Y si has hecho ya el cambio de armario... ¿Porque no hacerlo también con tu móvil? 

He recopilado unos cuantos fondos con los elementos que considero mas característicos de la época estival: frutas, estampado navy, playa, hojas tropicales...

Espero que te gusten y espero que me cuentes cual es el primero con el que vas a vestir a tu movil este verano.

1. Sandia - 2. Mini Piñas - 3.Navy

4. Ancla - 5. Hojas tropicales - 6. Ice Cream

7. Estrellas de Mar - 8. Piñas doradas- 9. Sunglasses.

Como crear una Marca de Agua para tus fotos con Photoshop

Hoy os traigo un nuevo vídeo en mi canal de Youtube, pero antes de entrar en materia no os olvideis de suscribiros para no perderos ningún vídeo. Esta vez de lo que os quiero contar es como crear una marca de agua con Photoshop para insertar en las fotos de vuestro blog. En principio esta es la base de este tutorial pero realmente también lo que os estoy contando es como crear vuestros propios pinceles, ya que podemos utilizar texto, imágenes, formas, hacer un dibujo a mano alzada o todo lo que se os ocurra y poder crear pinceles únicos y a vuestro gusto.

Y sin mas os dejo con el tutorial de hoy, espero que os sirva de mucha ayuda y si teneis alguna petición o duda, como siempre digo podéis dejarla en comentarios o a traves del correo electronico.

Como poner un borde redondeado

Hay veces que las cosas son mas difíciles de lo que parecen pero siempre podemos encontrar ayudas que nos hacen la vida mas fácil e incluso nos ayudan a comprender el complicado lenguaje del Html.

Hoy os voy a enseñar a poner bordes redondeados a la plantilla de vuestra blog pero con la ayuda de la pagina Border-Radius, que no es mas que un generador de código para ayudarnos a obtener nuestros bordes redondeados.

Es una web muy sencilla como veis en la siguiente imagen, lo único que tenéis que hacer es elegir la numeración en pixeles que queréis para cada una de las esquinas, donde 0 seria un angulo recto y cuanto mas redondeado lo queráis solo tendréis que ir incrementando la cantidad, y a la vez os va ir generando el código que necesitáis, para obtener el mismo resultado en vuestro blog.

Ahora solo nos quedaría entrar a la plantilla de nuestro blog y buscar lo siguiente:

.content-inner {

Justo debajo copiaremos el código que hemos obtenido, pero nos queda un paso mas que necesitamos  para definir el grosor, el estilo y el color de la linea que tendrá nuestro borde.

border: 5px solid grey;

Esta linea la colocaremos justo debajo del código que hemos pegado antes y ademas la podemos personalizar a nuestro gusto en función de la paleta de colores que tenga nuestro blog.

●  5px: seria el grosor de la linea
● solid: el estilo de linea en este caso se trata de una linea continua.
● grey: el color que podemos indicarlo mediante su código si lo sabemos o a través del nombre color pero siempre en ingles.

Como siempre espero que os haya sido útil y como siempre digo tienes el mail para cualquier duda que os surja. ;)

Como evitar que Google castigue tu blog para siempre.

Hoy quiero hablaros de un tema que puede afectar muchisimo a las visitas de tu blog, en concreto de los lectores que llegan a tu blog a través de Google, que para que te hagas una idea estos lectores suponen entre el 40% y el 60% de tus visitas.

En los últimos años se ha experimentado un crecimiento del consumo de contenido online a través de Smarphones y Tablets y de esto sin duda se ha dado cuenta el "Señor Google". Si tienes tu blog asociado a Webmaster Tool, seguramente en las ultimas semanas te habrá llegado un correo electrónico en el que te dice que debes corregir los problemas de usabilidad móvil de tu blog.

¿Que va ocurrir si no adaptas tu web al movil?

Pues directamente que Google o mejor dicho su algoritmo castigara tu web para siempre  y la hará desaparecer de sus paginas de búsqueda a partir del 21 de abril el famoso Martes que los de Google han bautizado como "Martes Negro".  Y poco a poco veras como tus visitas orgánicas ( que son las que entran a través de Google) poco a poco irán cayendo en picado.

Google lo que quiere es facilitar al lector el consumo de contenido online y que no tenga que dejarse la vista, que no tenga que desplazar la pagina para leer el contenido completo, las fuentes con tamaño demasiado pequeñas y el uso de Flash....

Supongo que a estas alturas querrás saber en que situación se encuentra tu blog, solo tienes que visitar esta pagina para comprobar si tu blog tiene diseño responsive  o lo que es lo mismo que adapta el contenido a la visualización en cualquier dispositivo.

¿Como conseguir un Diseño Responsive para tu blog?

En el caso de los blogs de Blogger es muy sencillo, solo tienes que verificar que tienes activada la opcion de plantilla para movil. Si no lo tienes activado debes configurarlo en la ruleta que aparece debajo de la previsualizacion movil.

Primero debes marcas la primera opción, para aceptar que se muestre la plantilla para móviles, y después elegir una de las plantillas, guardar y listo problema solucionado. El cambio no sera efectivo en el momento, pero días después si vuelves a comprobar el link de tu blog, te saldrá un nuevo mensaje indicando que tu pagina web ya esta optimizada para móviles.

Espero que os haya aclarado cualquier duda y ayudaros a que Google no penalice vuestro blog.

Evita que Google entierre para siempre tu blog de sus paginas de búsqueda

 Compartelo en Twitter.

Un Lamina gratis para felicitar a Papá.

Se acerca el día del padre y muchos ya estaréis pensando en que regalar, no esta de mas intentar alejarnos un poco de los tópicos como las corbatas y los perfumes, por eso hoy quiero ayudaros a dar un toque original a vuestro regalo y quiero obsequiaros con una lamina para regalar a tu padre en un día tan especial, que no solo se puede usar como simple lamina ya que al tener una medida de media cuartilla se puede usar a modo de tarjeta de felicitación donde podéis escribir una dedicatoria especial.

Si os ha gustado podéis descargarla AQUI. 

Psicologia del color: Descubre que sensaciones transmites a tu lector.

Cuando decidiste la paleta de colores de tu blog probablemente te decidiste por uno o dos de tus colores favoritos, pero posiblemente esa elección de colores están diciendo mucho mas de ti de lo que te puedas creer.

Los colores hablan por si solos y muestran tus emociones y sensaciones o los valores  que pretendes transmitir a tu lector o publico objetivo. La psicología del color se dedica a estudiar lo que los colores quieren expresar, por eso a la hora de la creación de un logo para una marca la elección de colores no es casual, ya que la imagen corporativa y el logo es lo primero que vemos y lo que una determinada marca nos transmite. 

A través de esta Infografia podéis ver un resumen de lo que cada color transmite. Pero además quiero proponeros un pequeño juego, piensa en marcas conocidas y comprueba que si te hace sentir esas sensaciones según del color que sea y si esa marca que has pensado se corresponde con el tipo de negocio donde mas se usa. Y para acabar piensa en la paleta de colores de tu blog y piensa si estas proyectando la imagen que quieres que tu lector se lleve de ti. Espero vuestras respuestas en comentarios. 
 
Antes de despedirme quería pediros un favor, me gustaría saber que contenidos os gustaría ver por el blog, por eso he preparado una pequeña encuesta que os llevara un par de minutos.

Encuesta contenidos A Blogging Cup 2015.

¡Gracias! de antemano nos volvemos a leer el próximo viernes.

Como escribir en el pie de tu blog.

Si recordáis la semana pasada os enseñe Como quitar el gadget de atribución con la tecnología de Blogger del pie de tu blog, hoy os traigo la segunda parte de ese tutorial, para que podáis escribir en el pie de tu blog,  el Copyright o Aviso Legal.


Para este tutorial, tendremos que entrar en nuestra Plantilla HTML, por lo que como siempre debéis guardar una copia de seguridad de vuestra plantilla.

.
Primero debemos buscar la linea de código:

<div class='region-inner footer-inner'>

Y justo debajo pegaremos este código:

<div class='separator' style='clear: both; text-align: center;'>
Copyright &#169; AÑO <a href='LINK A WEB'>NOMBRE WEB</a> All Rights Reserved. </div>

Este código es el que tengo yo en mis blogs, pero podréis escribir cualquier otra cosa sustituyendo por la parte que tengo marcado en azul.

Como podéis ver si queréis incorporar un link solo tendréis que repetir el código;  <a href='LINK A WEB'>NOMBRE WEB</a> . Sustituyendo en " Link a Blog", por la dirección web que tu quieras y "Nombre web" por el nombre que queréis que se muestre.

Como quitar el gadget de atribución con la tecnología de Blogger.

Seguro que esta pantalla es muy familiar para ti y alguna vez te has planteado quitar la Atribución con la Tecnología de Blogger pero al final no has encontrado el botón eliminar por ningún lado. Hoy te voy a enseñar dos manera de quitar este molesto gadget.


Antes de explicaros estos dos métodos como siempre no te olvides de guardar una copia de vuestra plantilla.

● Primer método

Para la primera forma, debemos ir a la plantilla y buscar (CTRL+F):

</head>

Y copiar justo encima este código:

 <style>
#Attribution1 {
display: none;
}
</style>

Guardar plantilla y listo, adios gadget, solo te queda refrescar tu blog o pulsar F5.

● Segundo método

Para hacerlo a través del segundo método tenemos que buscar (CTRL+F):

<b:widget id='Attribution1' locked='true' title='' type='Attribution'>

Hay que sustituir 'true' por 'false' y guardar la plantilla.

Despues tenemos que buscar la siguiente linea de código:

<b:section class='foot' id='footer-3' showaddelement='no'>

Hay que sustituir 'no' por 'yes' y guardar la plantilla.

Ahora tenemos que entrar en el gadget de atribución desde Diseño y ahora si que nos aparecerá el boton "Eliminar" y ya podremos quitar definitivamente la Atribución de Blogger.

Freebie: Calendario 2015 para descargar y colgar en tu pared.

Aunque llevo unas semanas de inactividad, por temas de exámenes y demás, es imposible que yo este quietecita... ¿para que?,  Estas ultimas semanas he estado preparando un Calendario de pared imprimible del 2015,decorado con diferentes motivos que he diseñado yo misma y así daros las gracias por estar ahí durante estos 5 meses de vida de este pequeño blog, ya que sin vosotros los que estáis al otro lado esto no tendría ningún sentido.

Voy a cerrar este año con este ultimo post, y volveré en 2015, pero antes quiero proponeros algo, durante estos dias seguro que muchos de vosotros también os tomareis unas merecidas mini-vacaciones blogueras, y es un buen momento para arreglar ese tipo de cosas que siempre "tenemos que hacer" pero que nuca nos da tiempo..., os invito a que os deis una vuelta por los post que he ido publicando y así tachéis de vuestra lista algunas de esas cosas.

Consultorio: Envíame tu pregunta.

Lo que quiero proponeros es que me escribáis y me contéis todas esas dudas que tenéis en vuestra lista para sacarle brillo a vuestro blog, esas cosas que no sabéis hacer o que habéis ido posponiendo pero que no sabéis por donde empezar. Aunque este tipo de consultas podéis hacerlas en cualquier momento pero posiblemente en estos días podéis aprovechar para hacer balance y proponeros nuevos propósitos para 2015 con vuestro blog.

Y sin mas os dejo con el regalo, espero que lo disfrutéis mucho y lo llenéis de buenos propósitos.

Calendario 2015

Freebies: 6 Dingbats Navideños Gratis

Seguimos con los post de temática Navideño, esta semana os traigo unos cuantos Freebies gratis, y muy pero que muy navideños listos para descargar.

¿No sabes que es un Dingbat?

Es una tipografía, pero se diferencia de estás, que en lugar de estar formada por caracteres alfanuméricos, se tratan de símbolos tipográficos. Y su uso es idéntico al de una Tipografía, podemos cambiar el color, ponerle un alineación, cambiarle el tamaño tanto modificarla a un tamaño mas grande o mas pequeña sin peligro de perder calidad ya que aunque es una imagen se trata igual que cualquier Tipografía.

Xmas TFB Christmas - DH Snowflakes - Deers - Xmas Cartoon

KG Christmas Tree  - MTF Dear Santa

Espero que disfrutes de estos 6 Dingbats gratis, que a mi son los que particularmente mas me han gustado, y te pueden ser muy útiles en estas fechas para decorar tanto una felicitación navideña, etiquetas para tus regalos e incluso porque no para hacer uno lamina navideña para decorar tu casa durante estos días.

¿Cual es vuestro preferido?

Freebies: Números para hacer tu Calendario de Adviento.

Hola!!

Hoy no vengo con ninguna oferta para el BlackFriday, pero si que os traigo unos Freebies para que hagáis vuestro Calendario de Adviento durante este fin de semana.

Si os habéis pasado por CTQ? Esta semana os proponía 10 ideas DIY de Calendarios de Adviento y en ese mismo post os adelantaba que hoy os traería unos cuantos modelos de números del 1 al 25 para vuestros Calendarios de Adviento Handmade. Aunque también valen para utilizarlos para cualquier otra cosa, por ejemplo para Meseros en una boda, para numerar los platos en un cumpleaños o cualquier cosa que se te ocurra.

Son 3 modelos el primero de ellos son Circulos en Color Rojo que son los que me diseñe para el Calendario de Adviento que me fabrique el año pasado que ya os enseñe en CTQ?.

Y dos modelos mas que he creado especialmente para vosotros y que espero que os gusten. El segundo modelo con forma de Estrellas en tonos pastel y el tercer modelo con Fondo de pizarra que incluso puede servir para decorar vuestros regalitos de Navidad ya que tienen forma de etiqueta.

Circulos en Color Rojo - Estrellas en Tonos Pastel - Etiquetas de Pizarra.

Aquí los tenéis por si os apetece descargarlos, ya me contareis si os han gustado. :)

Como crear una Galeria de Imagenes en tu blog.

Hola, !!

Hoy os traigo un Tutorial sobre Html, para crear una Galería de imágenes para mostrar vuestros proyectos, o por ejemplo muy útil para los Blogs sobre DIY o Manualidades. Lo que permite crear esto son las tablas de Html, en lo que cada celda de la tabla esta representada por una imagen.

Este es el código que necesitamos para crear nuestra galería de imágenes, primero os dejo con el código que tenéis que copiar en la parte html de las paginas de Blogger o en vuestro post.

<table align="Alineación de la galería"border="0" cellpadding="4"><tbody>
<tr> */Abrimos fila
<td><a href="URL_DESTINO" target="_self"><img src="URL_IMAGEN" alt="" /></a> </td>  */Añadimos celda/Imagen
<td><a href="URL_DESTINO" target="_self"><img src="URL_IMAGEN" alt="" /></a> </td> */Añadimos celda/Imagen
</tr> */Cerramos Fila
<tr> */Abrimos Nueva Fila
<td> <td><a href="URL_DESTINO" target="_self"><img src="URL_IMAGEN" alt="" /></a> </td>
<td><a href="URL_DESTINO" target="_self"><img src="URL_IMAGEN" alt="" /></a> </td>
</tr> */Cerramos Fila y así sucesivamente para cada nueva fila.
</tbody></table>

A continuación paso a explicar como podéis personalizar este código para que la Galería de Imágenes tenga el aspecto que vosotros queréis y conseguir el numero de filas y columnas que queráis.

*Alineación de la Galeríaa : Aquí deberéis sustituirlo por right, left o center, dependiendo de la alineación que queráis para vuestra galería, si  por ejemplo la queréis centrada, pondréis center. 

* En "border="0" : El valor cero nos permite eliminar el borde alrededor de las fotos, si la queréis sin marco lo dejaremos a "0". Si por el contrario queréis borde, podéis añadirlo poniendo un valor mayor a cero en función del tamaño de borde que queráis. Si queréis que el borde tenga un color determinado, por ejemplo rojo debéis añadir justo después de border="0" este codigo: bordercolor="red"

* En cellpadding="4" : El numero 4 representa las distancia entre celdas/imágenes, si ponemos 0 no habrá separación entre ellas. Iremos subiendo el valor para conseguir mayor separación entre las celdas.

*<tr>  Indica la apertura de una nueva fila y <tr> representa cada celda dentro de esa fila. Por lo que en el código que os muestro conseguiréis una tabla de dos filas y dos columnas.

* URL_DESTINO: La dirección web o el link donde queremos que nos lleve al hacer click sobre esa imagen.

*URL_IMAGEN: Es la url de la imagen que obtendréis subiendo a un alojamiento de imágenes como Tynipic  o Imageshack. La dirección que necesitáis tiene que acabar en .jpg o en .png.

Si aun así no has quedado claro, tenéis a disposición mi email abloggingcup@hotmail.com , si os surge cualquier duda mientras montáis el código.

Freebies: Imprimibles para llevarte a tu cocina.

Hola!!

Esta semana lo que os traigo son unos cuantos Imprimibles para organizar los botes de la despensa. La cocina es uno de los lugares de la casa donde tenemos tantas cosas que lo ideal es tenerlo todo organizado para que a la hora de buscar algo lo encontremos fácilmente y lo ideal es tenerlo todo totalmente clasificado. He diseñado unas etiquetas simulando un fondo de pizarra para organizar los botes de la cocina, para que podáis descargar totalmente gratis.

<<Descargalo aqui>>

Y también os traigo unos imprimibles que he encontrado en el blog Southern weddings, para pegar sobre la tapa de los botes de conservas, ideales sobre todo para mermeladas o salsas caseras .

<< Descargalo Aqui>>

Y por ultimo estas laminas que he encontrado en The Happy Housie para decorar tu cocina en 4 modelos de colores, para que elijas la paleta que mejor se adapte a tu cocina.

<<Descarga el Modelo que prefieras>>

Modelo Azul

 Modelo Purpura

 Modelo Coral

 Modelo Rosa


Y no os olvideis que hoy es el ultimo dia para apuntaros al sorteo de un elemento de diseño gratis para tu blog, toda la info al final de este post, donde explico que es un Brand Board.

¿Que es un Brand Board y para que sirve?

Buenos días!!

La semana pasada me fue imposible publicar por culpa de un virus que ha querido quedarse conmigo, supongo que si seguís la Fan Page de Como te quedas? ya lo sabréis ya que os avise por allí.

Después de este rollo vamos al lio, esta semana lo que os quiero hablar es del  Brand Board, o en castellano "Tablero de Marca".  Antes de continuar  si llegáis hasta el final del post os dejo una oferta especial por si estáis interesados en cambiar el diseño de vuestro blog.

Seguro que os estaréis preguntado: ¿Que narices es un Brand Board y a mi para que me va a servir? 

Pues es muy sencillo, se trata de un pequeña esquema que de un solo vistazo nos presenta el diseño de un blog o pagina web o incluso marca. Refleja el diseño o la imagen nos quiere transmitir o incluso se puede ver si hay algo que falla en la imagen y poder cambiarlo e incluso es muy util ver otros Brand Board para poder inspirarnos en el diseño que estamos buscando para nuestro blog. Podéis encontrar algunos ejemplos de Brand Board en mi Tablero de Pinterest Design&Logo.

Pero para explicarlo de una manera mucho mas clara, he querido aprovechar el diseño que le hecho a Marguissima, para que podáis ver como es un Brand Board y he creado uno basándome en el diseño que hemos realizado. Como podéis ver se trata de un diseño muy sencillo al que le hemos metido muy pocos cambios, su blog era un blog super básico de blogger tan básico que aun tenia la plantilla por defecto de Blogger.

Como veis en el Brand Board he reflejado el Logotipo principal o Banner del blog, la paleta de colores tan solo dos colores, las tipografías utilizadas y los iconos de redes sociales que son los cambios mas significativos en este diseño. Tambien pueden incluirse patrones o fondos que yo no he incluido ya que se trataba simplemente de un fondo blanco, decorado con una sombra, también se pueden incluir mas logotipos si el caso.

Yo os animo a que os creéis vuestro propio Brand Board, porque es un buen ejercicio para ver si todos los elementos de diseño de vuestro blog son correctos o por el contrario podéis detectar que sea necesario algún cambio de vuestro diseño actual.

Y este fue el resultado del nuevo diseño de Marguissima, os invito a visitarla si os gusta la Moda.

Y ahora vamos a por la oferta/regalo que os quiero hacer a aquellos que esteis interesados en cambiar el diseño de vuestro blog o algun elemento en concreto.

El primero de ellos es un sorteo que quiero hacer entre los suscriptores de mi newsletter  y los que se suscriban desde hoy hasta el 14 de noviembre, para apuntaros de momento no tenéis que hacer nada solo apuntaros a la Newsletter si aun no lo habéis hecho y esperaros a el dia 14 de noviembre, que recibiréis un formulario a través de la Newsletter donde os podréis apuntar al sorteo quienes lo deseis y el premio sera el diseño de un elemento  que el ganador elija (un menu, iconos sociales,banner, favicon...) .

Y la siguiente oferta es un descuento de un 10% para aquellos que me solicitéis el diseño de vuestro blog a partir de hoy hasta el 1 de diciembre, solo tenéis que indicarme el código que os indico aquí abajo, en el mail que me escribáis.

Freebie: Boton "Leer Mas" gratis+Tutorial

Hoy os traigo unos cuantos botones "Leer Mas" gratis que he diseñado para que instaléis en vuestro blog, son tres modelos muy diferentes en distintos colores que si os gustan podéis descargar de manera gratuita.

Yo no soy muy partidaria de acortar los post de esta manera aunque a veces para post demasiado largos y cargados de muchas fotos se hacen necesarios, aunque si tenéis un banner de suscripción como tengo yo al final de los post tampoco lo recomiendo, porque da un aspecto muy cargado, pero eso va ya en gustos. Aquí os los dejo para quienes queráis descargarlos y ademas al final del post os dejo un Mini-Tutorial para instalarlo en vuestro blog.

Descargar Modelo Rectangulo

Descargar Modelo Flechas

Descargar Modelo Libro

¿Como Instalar el botón leer mas?

Para que aparezca el botón de "Leer Mas", tenéis que pulsar sobre este icono que os indico en la imagen de abajo, a partir de la linea que queráis cortar el texto.

Para instalarlo, primero tenemos que obtener el link a la imagen que queremos poner, para eso creamos una entrada nueva en Bloguer, y cargamos la imagen que queremos poner en esa misma entrada , para obtener la dirección de la imagen, una vez cargada nos vamos a la vista html y copiamos la parte que os dejo subrayado en la imagen siguiente.

Después nos vamos a la plantilla de nuestro blog y en la barra de búsqueda, posicionadonos sobre la plantilla (Ctrl+F), buscamos <data:post.jumpText/> y sobre esto copiamos el link de la imagen que hemos copiado antes y guardamos.

Ya solo teneis que probarlo y cada vez que inserteis un salto de linea os saldra la imagen que hayais instaldo.

Espero que os haya sido util y nos vemos pronto!! ;)

Mis 5 Tipografias Favoritas

Buenos dias!!

Hoy os traigo una pequeña selección de mis tipografías favoritas, y digo pequeña porque tengo un montón que he ido descargando poco a poco. Porque una vez que te descargas la primera es un no parar y se convierte en verdadera adicción y siempre encuentras una tipografía mas bonita que la anterior. Las que os traigo hoy son a las que mas recurro, por ejemplo la primera de ellas Josefin Slab, es la que utilizo en los títulos de los post y el resto las utilizo mucho para hacer collages en el blog. Seguro que  las que os traigo hoy es van a ser muy útiles y les vais a encontrar mil usos.

1. Josefin Slab 2.Bebas 3.Caviar Dreams 4.Homestead 5.TheAntiType

¿ Como instalar tipografías en tu PC?

Es muy sencillo una vez que las descarguéis tenéis que descomprimirlas el archivo zip, donde encontrareis uno o varios archivos con Extensión *ttf. Y debéis copiar esos archivos que son los que contienen la tipografía en la carpeta de Fuentes del Panel de Control de Windows.

Espero que os hayan sido útiles, y si queréis que comparta con vosotros mas post de tipografías gratuitas u otro tipo de recursos por favor, indicarmelo en comentarios.

Como calcular el ancho para las imágenes de tu blog.

Hola!

Que rápido ha pasado la semana y ya por fin estoy aquí con un nuevo post, y no os preocupéis que no os voy a dejar un testamento como el de la semana pasada.

Esta semana lo que quiero enseñaros es como calcular el ancho para las imágenes de tu blog, es mucho mas fácil de lo que parece. Y es que a diario me encuentro fotos minúsculas que apenas se aprecian o fotos con distintos tamaños en un mismo post, y es que estos errores son típicos al principio de un blog que yo misma he cometido en mis inicios.

Lo primero que necesitamos es conocer las partes de nuestro blog, os dejo un pequeño esquema que he preparado, aunque imagino que si ya lleváis tiempo con vuestro blog, seguro que ya os sonaran.

Lo primero que tenemos que saber son las medidas que tiene nuestra Cabecera y el Sidebar, para eso tenemos que ir al menú de Blogger y entrar en Diseño y pinchar sobre el enlace que nos lleva al Diseñador de Plantilla y hacer clic en "Ajustar Ancho" donde os encontrareis con esta pantalla.

Aquí nos encontramos con las medidas que necesitamos, tenemos que calcular la diferencia entre el Tamaño del Blog Completo y la Barra Derecha en el caso de que solo tuviéramos una columna, si tuvieramos dos debemos restarle también esa cantidad. Y al resultado que obtengamos le restaremos 200px.

En el caso de  A Blogging Cup, el resultado seria:

1130px - 360px - 200px =  570 px

Restamos 200px a la diferencia entre la cabecera y la columna para poder dejar un espacio a la izquierda y a la derecha de la foto y que el cuerpo del post no quede con aspecto muy ahogado y ademas teniendo en cuanto que la imagen quedara centrada en el post.

Con lo cual  el ancho ideal en este caso seria de 570px aunque yo en mi caso prefiero redondear la cifra para que sea mas fácil recordar cual es la medida que necesito, asi que en resumen la medida que van a tener todas las imágenes de mis post van a tener una medida de 600px de ancho.
Creo que es muy fácil espero que os haya sido de utilidad, Nos vemos la proxima semana!! ;)

Recordemos un poco...

 Imagen via Flickr

Hola!! Que tal ha ido el verano? A mi me ha sentado fenomenal y lo he disfrutado todo lo que he podido, pero ya estamos de vuelta con las pilas cargadas a tope, y ahora si que si empieza la temporada en A Blogging Cup y que ganas tenia...

 Aunque ya os presente el blog  en la primera entrada en el mes de julio, prefería esperar a que ya todos estemos de vuelta, así que si es la 1ª vez que visitas este blog, ¡Bienvenido!. Como os decía quería esperar porque lo que quiero es dejaros una especie Recopilatorio de todas las entradas relacionadas con blogs que había publicado en  Como te quedas?, que luego os dejare en las secciones correspondientes de Blogging, Imprimibles o Diseño para que podáis consultar siempre que queráis, así que siéntate cómodamente porque empezamos...


Uno de los primeros Tutoriales que hice fue sobre como crear un formulario en Google Docs. ¿Os apetecería verlo de nuevo pero en formato vídeo? Si es así no tenéis mas que decírmelo

Dingbats: Un pack de Mustaches listos para descargar, si no sabes que son los Dingbats, lo explico en este post.

Durante el 2013, Google nos sorprendía con la noticia de que Google Reader cerraba sus puertas, en este post os proponía dos alternativas para que sigáis vuestros blogs favoritos.

Otro de las grandes quebraderos de cabeza si eres de la plataforma Blogger, es la manera de responder a las preguntas que un lector te hace en tu blog, y aunque no es la mejor, hay una manera de responder y que tu lector vea tu respuesta.

Aunque yo soy una fanática de Photoshop, aplicaciones como PicMonkey pueden ser el sustituto perfecto, y ademas pueda ayudarte a iniciarte y poder lanzarte a Photoshop sin tanto miedo. (Esta es una entrada bastante antigua, pero creo que ya es conocido por todos o no?).

Ya hay una manera de saber quien pinea las imagenes de tu Blog, no te pierdas este Tutorial que escribí hace un año para averiguarlo.

Como poner imagenes sin titulo en la columna de Blogger es una de las 3 entradas mas vistas en Como te Quedas? y cada semana aun me siguen llegando comentarios a esta entrada de agradecimiento y por eso no podía dejarla de lado. Es algo que me dio muchos quebraderos de cabeza el año pasado cuando cambie el diseño de mi blog, y me puse a investigar porque sabia que debía tener solución. 

Debido a mi participación en la iniciativa de Blogueras Motivadas, en el que se nos proponía crear packs de botones de Inicio para subir al principio del blog. En este post teneis el Tutorial para instalar el Boton de Inicio y 2 packs para descargar.

Un planificador mensual descargable para organizar las entradas para tu blog,o para el trabajo o para organizarte en casa.

Como crear nuestras propias paletas de colores  a partir de fotografías de una forma muy sencilla.

Y por ultimo y posiblemente la base de todas las demás, 14 consejos para crear un blog, basándome en los errores que yo he cometido durante estos años.

Y ya sin aliento hemos llegado al final ya tenéis tarea para toda esta semana, seguro que algunas de estas entradas es de vuestro interés si no la habías leído antes ya.

Pero no os asustéis si no os da tiempo a mirarlas todas hoy os recuerdo que os colgare todos los links en la sección que corresponda. ¡Nos vemos la próxima semana!