A Blogging Cup ya tiene Fan Page

Hola!!

¡Si! leeis bien, NO es un espejismo he vuelto aunque de manera puntual, porque tengo algunas cosas que contaros, la primera de ellas es para contaros que NO he abandonado este blog y ni mucho menos tengo intencion de hacerlo, la razon de no publicar como antes es que no tengo tiempo para dedicarle el tiempo que necesita, y prefiero estar un tiempo sin publicar hasta poder hacerlo al 100%.

Una de las novedades es que hace poco he creado una Fan Page  de Facebook para A Blogging Cup donde comparto cosas que veo por la red que puede ser de vuestro interés, o descubrimientos que voy haciendo, mi intención es utilizarlo como un mini- blog para poder seguir en contacto con vosotros. ¡ Os espero a todos alli!

A Blogging Cup

Respecto al Servicio de Diseño sigue disponible para quienes queráis o necesitéis darle un cambio a vuestras plantillas, aunque ya tengo en mente algunos cambios en este servicio que ya os contare mas adelante.

Y como no, cuando el blog vuelva volvera con una nueva cara y nuevo logo en el que ya estoy trabajando.

Solamente deciros que seguis teninedo disponible el correo abloggingcup@hotmail.com para plantearme cualquier duda o sugerencia que me querais plantear.

¡Os espero en mi Fan Page!

Consultorio de Verano

Hola!

Ya hace semanas que no aparezco por aquí y si ya me vale, pero por falta de tiempo he estado pensando que me voy a tomar unos meses de descanso, cuando llega el verano apetece mucho menos estar detrás de la pantalla del ordenador y siempre viene genial para cargar pilas y hacer balance de lo que ha sido este año y que cosas se pueden cambiar y cuales se pueden mejorar. Lo único que espero que al menos uno solo de mis post le haya servido a alguien para mejorar su blog aunque sea solo un poco.

Aunque tampoco quiero abandonaros del todo y quiero seguir por aquí, por eso a partir de este momento queda inaugurado "El Consultorio de Verano", porque se que en verano la mayoría nos dedicamos a hacer balance  y seguro que a pensar en nuevo diseño para la nueva temporada por eso podéis hacerme llegar todas vuestras consultas sobre diseño con el asunto  "CONSULTORIO DE VERANO" en el mail abloggingcup@hotmail.com Y además si queréis cambiar el diseño pero no os veis capaces del todo para enfrentaros a vuestras plantilla, el SERVICIO DE DISEÑO A MEDIDA PARA TI, sigue abierto para todo el que lo necesite.

Nos vemos a la vuelta y Feliz Verano.

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

Freebie: Plumas, Watercolor y Washi Tape.

Hola!!

Ya estoy de vuelta despues de una semanas desaparecida, espero que no hayáis notado demasiado mi ausencia, antes de todo quiero dar las gracias infinitas por todos los comentarios que recibí en el post anterior en el que os informaba de  como evitar que Google penalice tu blog si no lo adaptas a un Diseño Responsieve, ¡¡Miles de gracias!!


Lo que hoy os traigo son tres packs de Clip arts para que decoréis vuestros post o para cualquier otro tipo de proyecto, solo tenéis que pinchar sobre el link que tenéis debajo de la foto para descargarlos.

 Plumas by Angiemakes - Descargar aqui.

 Plumas by Growcreative- Descargar aqui.

 Plumas by Meisicursos- Descargar aqui.


¡¡¡Espero que os gusten!!

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.

Pomelo, la aplicacion definitiva para editar tus fotos de Instagram.

Por fin he descubierto la mejor aplicación para Instagram: Pomelo, gratuita y disponible tanto para IOS como Android, y aqui os traigo un video que he preparado para enseñaros como funciona.

¿Que levante la mano quien no se ha vuelto loc@ alguna vez intentando subir una foto a Instagram y tenerla que editar de 1000 y una formas pero al final no queda como queremos y ademas es imposible que se adapte al formato de Instagram?

Seguramente hasta ahora habréis utilizado aplicaciones que las redimensiona tipo: Instasize o Photosquare, pero sinceramente esas franjas arriba y abajo en color blanco para adaptarlo al tamaño de Instagram a mi no me terminaban de convencer, pero si odias tanto como yo la camara de Instagram, no queda otra opción que utilizar estas aplicaciones.

Pero Pomelo parece que esta hecha a medida para Instagram, podemos hacer las fotos a traves de ella, elegir entre una gran variedad de filtros y muchos mas variados que los de Instagram y ademas nos permite hacer fotografias directamente con el formato de Instagram, sin necesidad de tener que redimensionarlas aparte.


No me enrollo mas y os dejo con el video y contadme que os parece y si os animareis a probarla.

¿Hasta hoy que aplicaciones utilizas como complemento a Instagram?

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.

Como fijar automaticamente el tamaño de las imagenes de tu blog.

Hola, ya estoy de vuelta!!

En este primer post del 2015 quiero traeros un nuevo Tutorial de Html, para que luego digan que no empezamos el año con ganas. Quiero enseñaros como podéis fijar automáticamente el tamaño de imágenes que subáis a vuestro blog, sin tener que preocuparos de redimensionarlas antes de subirlas.

(*)Pero como todo en la vida este tutorial tiene sus pros y sus contras. Primero os cuento como lo vamos hacer y después las cosas que debéis tener en cuenta antes de aplicarlo ya que considero que no es valido para todos los blogs.


Antes de nada hacemos una copia de seguridad de nuestra plantilla, y entramos en Plantilla => Editar HTML, una vez ahí buscamos:

]]></b:skin>

Y justo encima pegamos este código:

/* Tamaño de Imágenes Automático */

.post-body img {

max-width: 100%;

max-height: auto;

display: block;

margin: auto;

box-shadow: none;

 border: none;

padding: 0px;

 }

Max-width,  Es el elemento clave que debemos tener en cuenta a la hora de configurar el ancho que queremos que tengan nuestras imágenes. Si queremos que nuestras imágenes ocupen todo el ancho del espacio del post lo dejaremos a 100%, o si queremos que se configuren a una medida fija como por ejemplo a 600px, sustituiremos el 100%  por 600px.

Consideraciones a tener en cuenta antes de automatizar el tamaño de nuestras imágenes.

● Cuando establecemos un ancho fijo para todas las imágenes eso significa que afectara tanto a imágenes Horizontales como a Verticales. Por lo que creo que mas recomendable cuando las imágenes de nuestro blog son horizontales ya que visualmente queda mas bonito.

● También hay que tener en cuenta que si nuestro tamaño fijo es de 600px debemos subir imágenes de un tamaño superior para que se reduzcan al tamaño que hemos fijado. Ya que si subimos imágenes de un tamaño menor que 600px , las imagenes se quedaran con el tamaño original con la que las hemos subido y no se adaptara al tamaño fijado.

● Y por ultimo para que las imágenes tomen la medida automática que previamente hemos fijado debe seleccionar "Tamaño Original".