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.

Instalar Tipografias de Google Fonts sin errores.

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.

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!

Bloggerespacio, la alternativa para decir adiós al monstruo de Google Analytics.

Hoy os quiero hablar de una alternativa a Google Analytics, si ese monstruo tan temido del que la mayoría de bloggers no quieren ni oír hablar, y es que las estadísticas en un blog son muy importantes, y ya no vas a tener excusas para no conocer mas profundamente a tus lectores y cuales son sus intereses.

En los últimos meses, algunas de las personas que me han pedido ayuda con el diseño de sus blogs, una de las cosas que mas me ha sorprendido es que algunas de ellas no sabían nada de las estadísticas de su blog, porque veían a Google Analytics como algo muy difícil de entender e incluso de instalar.

Por eso desde que conocí el proyecto de Blogger Espacio, me pareció una herramienta de analítica de 10, para toda esa gente que ve a Analytics como un monstruo difícil de lidiar, y además lo mejor de todo que integra todas las estadísticas que necesita saber sobre tu blog, ya que incluye también estadísticas relacionadas con las Redes sociales como Twitter, Facebook o Instagram.

No me enrollo mas y os dejo con el vídeo, donde os explico lo fácil que es instalar y consultar tus estadísticas desde ya. Y antes de que le des al play me gustaría que me contaras si utilizabas ya Google Analytics y como es tu experiencia con el. ¿Lo ves como un Monstruo?

Elimina todos tus enlaces rotos

Como ya os adelante a los suscriptores en mi Newsletter esta semana os iba a poner tarea antes de que os metáis de lleno con el diseño de vuestro blog, lo primero que tenéis que hacer es eliminar los enlaces rotos.

Seguro que te suena mucho esta situación: Entras en una pagina web/blog cualquiera y te encuentras un mensaje del tipo "Esta pagina ha sido eliminada" y que rabia la información que buscabas ya no existe.

Pues esta misma situación les ocurre a los seguidores de tu blog y es posible que no hayas caído en la cuenta. Esto ocurre porque nuestros enlaces son muy antiguos, por ejemplo cuando enlazamos con un producto de una tienda online que pertenece a la temporada pasada y que por lo tanto ya no se vende o cuando compartimos un video de Youtube que ya ha sido eliminado... etc.

Por eso hay que eliminarlos cuanto antes, porque ademas que dan muy mala imagen a nuestro blog, también nos afecta al posicionamiento, ya que si Google detecta demasiados enlaces rotos en nuestro blog, podría ser motivo de penalización ya que lo consideraría como una pagina web de mala calidad.

Aunque no se sabe la cantidad de enlaces rotos por los que Google consideraría que una web es de mala calidad y por lo tanto objeto de una posible penalización, lo ideal es mantener nuestros enlaces rotos a raya y realizar al menos un analisis una o dos veces al año.

Broken Link Check

Hay muchas herramientas que nos permiten encontrarlos, pero también existe algunas paginas web como Broken Link que pueden hacer un análisis completo de tu pagina sin necesidad de instalación. Seguro que existen muchas paginas similares pero esta es la pagina que yo utilizo que es muy intuitiva y nos va a crear un listado con el tipo de errores que tienen nuestros enlaces, relacionando la url que corresponda. El error mas común que encontrareis es el 404 " Page not found", lo único que tendréis que hacer es eliminar los enlaces que os indique de vuestro blog.


No creo que tengáis ninguna duda pero si no como siempre todas las dudas me las podéis comentar tanto aqui en comentarios o en el mail.

Y una vez que tengáis vuestro blog limpio ya podéis empezar con el diseño y aprovecho para anunciaros que si necesitais ayuda con el diseño de vuestro blog, y tienes una pelea continua con el Html yo puedo ayudarte, solo tienes que escribirme.

Como crear motivos personalizados en Photoshop

Buenos días!!!

Hoy vengo con el Primer Video - Tutorial del blog, bueno y creo que de mi vida,  al hilo del post de la semana pasada os quiero explicar como Crear motivos en Photoshop y de forma escrita puede ser esto un caos de pantallazos y en vídeo seguro que lo vais a pillar a la primera. La calidad de imagen no me termina de gustar como ha quedado, (ay ahora como entiendo a las Youtubers, menudo trabajazo la edición), así que espero que al menos me perdonéis por ser mi primer vídeo, pero al menos  se oye bien y creo que lo podréis seguir sin problemas, cualquier duda que os quede no dudéis en preguntarme.

Si no visteis mi post de la semana pasada sobre Como crear tus propios Fondos, os invito que os paséis antes, para poder seguir el tutorial completo porque necesitareis haber creado previamente un fondo, que es el que vamos a utilizar para crear el Motivo.

Os dejo con el Tutorial y si te ha gustado te espero en mi lista de correo, donde encontrareis contenido exclusivo. ¡No os lo perdais!

Crea tus propios fondos y descargalos gratis.

Estaba deseando que llegara el Miércoles para volver a escribiros, porque hace unos días he descubierto una pagina que es una autentica mina para descargar fondos gratis para vuestro blog, se llama PatternCooler, cuando entréis en ella vais a descubrir porque, pero antes os cuento un poquito.

Los Fondos de esta pagina se pueden descargar en formato .PNG de forma gratuita, pero no solo nos van a servir para blogger, también los podemos utilizar para el fondo de pantalla de nuestras redes sociales, para utilizarlos en Photoshop o para cualquier proyecto de diseño que se nos ocurra.

Lo primero que os vais a encontrar son mas de 200 fondos o pattern, y una vez hayáis elegido el que mas  os guste podréis modificar los colores como veis en la imagen y combinarlo a vuestro gusto. Si no os aclaráis mucho con el tema de la paleta de colores y como combinarlos no os olvidéis de pasaros por el tutorial que hice en CTQ sobre Como crear tu propia paleta de colores.

Ademas de editar los colores nos va a permitir añadirle 3 opciones distintas de Texturas Textiles, en la imagen no se aprecia demasiado pero cuando cotilleéis por la pagina ya lo veréis.

Y después de todo lo que mas me ha alucinado de todo es la opción "Variation", que os da un montón de opciones distintas dentro de el mismo pattern, en el caso de que como os decía no os aclaréis con la combinación de colores que queréis.

¿Que os ha parecido?, espero que os haya gustado tanto como a mi.

Insertar y personalizar un video desde Vimeo.

El primer post del blog va dedicado, a Pilar de Mi Rincon de Bodas que siempre se lía cuando tiene que compartir vídeos en su blog y como lo prometido es deuda, aqui tienes el primer Tutorial del blog dedicado para ti ;) Y es que este tutorial a mi me parece demasiado intuitivo y si no me lo hubiera pedido creo que jamas se me hubiera pasado por la cabeza hacerlo, por eso os animo a que me escribáis para sugerirme temas y dudas que seguro que a mi se me pasan por alto.

Pero vamos a entrar en materia y lo que os voy a enseñar  es como insertar vídeos desde Vimeo en vuestro blog y también como personalizar el ancho y alto del vídeo a vuestro gusto. Supongo que desde youtube es muy parecido, si acaso lo necesitáis también podéis comentármelo. ;)

Para incrustar un vídeo en nuestros post desde Vimeo es muy sencillo, lo primero que hay que hacer es buscar el vídeo que queremos, y darle click a la pajarita de papel que es el icono de compartir ("Share). Nos aparecerá un cuadro como el que os muestro a continuación, desde el cual podemos copiar el enlace del vídeo, compartir a través de Redes Sociales e incluso enviarlo por correo. Pero a nosotros lo que nos interesa es la parte donde aparece Incrustar y a continuación el codigo Html del video, que copiaremos y pegaremos en nuestro post.

* NO OLVIDEIS que teneis que pegarlo en la pestaña de edición HTML, no sobre REDACTAR.

<iframe src="//player.vimeo.com/video/67793472?color=c9ff23" width="500" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe> <p><a href="http://vimeo.com/67793472">Let's Call It »Hot Spots«</a> from <a href="http://vimeo.com/wethinkthings">we think things</a> on <a href="https://vimeo.com">Vimeo</a>.</p>

Se cual sea el vídeo que queréis compartir en vuestro post sera similar a este código, vamos a ver que es lo que podemos personalizar a nuestro gusto.

●  Podemos cambiar el color de los enlaces en el vídeo lo único que tenemos que hacer es buscar el código hexadecimal según el color que queramos, por ejemplo si queremos que el titulo vaya en color blanco bastaría con sustituir c9ff23 que en este caso es amarillo, por el código ffffff que es el código que corresponde al color blanco.

●  También podemos elegir el tamaño de vídeo que queremos según el espacio del que dispongamos en el cuerpo de nuestro post, solo tenemos que modificar el valor Width, que determina el ancho por lo que tendremos que sustituir el valor 500 por el valor que queramos.  Y si lo que queremos modificar es la altura modificaremos el valor correspondiente a Height.

●  Si queremos que el video aparezca centrado en el post solo tenemos que añadir <div align="center"> encima del codigo.

● Tambien podemos quitar el link que aparece debajo del video quitando la parte del codigo que os he marcado en color rojo.

Espero que os sirva de ayuda, cualquier duda dejármela en comentarios.;)

En el Aire, comenzamos...

Bienvenid@s!!

Por fin hoy es el dia del estreno, y hoy nace A Blogging Cup, un nuevo blog sobre trucos para bloggers, Html, Photoshop, Fotografia,diseño, Freebies... en definitiva ese mundo que me ha atrapado por completo.

La mayoría me conoceréis por mi otro blog Como te quedas? donde en los últimos meses he venido publicando muchos post relacionados con estos temas freebies y algún tutorial, y unido a que vosotros cada vez me pedíais mas post de este tipo decidí que debía separarlo, porque Como te quedas? estaba empezando a perder su esencia inicial.

Y despues de pensarlo mucho y de que algunas personitas me animaran a poner en marcha este nuevo proyecto, al final estoy aqui con este primer post que a pesar de llevar ya seis años al frente de otro blog, me siento como si fuera mi primera vez.

Solo espero que os guste y por supuesto aunque yo ya tengo muchas entradas en mente que seguro que os van a gustar, también quiero que me contéis que tipo de cosas os gustaría ver por aquí, si hay alguna cosas que se os resiste no dudéis en escribirme y yo intentare ayudaros en la medida de lo posible.