Instalar Tipografias de Google Fonts sin errores.

09 octubre 2014



Hola!

Hoy lo que os traigo es un nuevo tutorial en video,  en esta ocasión se trata de un Tutorial para que podáis instalar tipografía de Google Fonts. Blogger nos ofrece muchas tipografías pero muchas veces no encontramos la que estamos buscando, y en Google Fonts podemos encontrar un amplio Banco de Tipografías y seguro que encontramos la que necesitamos.

Para instalar vais a necesitar copiar un codigo Html, que tendréis que pegar sobre su plantilla. La primera vez que yo instale una fuente procedente de Google, me encontré con un error en el codigo que nos da Google Fonts y en el vídeo también os voy a explicar como podéis solventar este error para que podáis instalar la tipografía sin problemas.


Antes de dejaros con el vídeo os recuerdo que el codigo html lo tenéis que instalar justo debajo de <head> y para abrir el cuadro de búsqueda en la plantilla solo tenéis que pulsar CTRL+F, y escribir ahi el código.


Vamos con el tutorial, espero que esta vez se oiga y se vea bien, aunque el tema calidad de imagen no lo controlo aun muy bien, a ver si alguien me puede aconsejar en esto. ;)
He vuelto a subir el video porque habia problemas con el audio y se oia muy bajito, ya me direis si asi se escucha mejor.


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

02 octubre 2014



ancho imagen 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.


ancho imagen blog



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.


ancho imagen blog


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.ancho imagen blog
Creo que es muy fácil espero que os haya sido de utilidad, Nos vemos la proxima semana!! ;)

Recordemos un poco...

25 septiembre 2014


 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!