octubre 2014: A Blogging Cup

Freebie: Boton "Leer Mas" gratis+Tutorial

23 octubre 2014

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

16 octubre 2014

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.

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

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!! ;)