Hace tiempo que no dedicaba un post a compartir recursos gráficos para poner bonito el blog. Elementos que ayudan a tener un blog más funcional y con una usabilidad óptima. Si os pasáis por mi sección de Freebies o tutoriales podréis encontrar elementos como banner de suscripción, botones de subir, leer más, separadores,..y por supuesto su función en un blog y como instalarlos.

No podía desaprovechar el arte de Laura de Pincerezas, la encargada de la sección de Freebies del blog para proponerle que diseñara unos modelos de banners o botones para darle un toque único a tu blog o proyecto.

En este caso, creo que serán muy del agrado para todos los que emprendemos desde el blog o tienen idea de hacerlo. Mil gracias Laura por compartir tan generosamente tu arte con nosotros y mejoórate pronto que se que esta un poco pachuchilla.

BOTONES PARA TU TIENDA ONLINE

Laura nos ha diseñado 20 botones de 4 modelos y colores diferentes para que puedan adaptarse facilmente a tu diseño. De todas maneras si necesitas otros colores, un poquito más abajo te enseñaré un photo-truco para que le cambies el color.

 

DÓNDE Y CÓMO PONER ESTOS BOTONES

Widget Html

Es mi opción favorita ya que puede añadir más datos como los campos de alt y title, además de la etiqueta nofollow, en caso que fuera necesaria.

<a href=»URL DE TU TIENDA»  target=»a_blank»><img src=»URL DE TU IMAGEN» width=»210″ height=»250″ border=»0″ alt=»palabras clave de tu tienda» title=»palabras clave de tu tienda» /></a>

color rosa: Deberéis sustituirlo por vuestro datos específicos para ese banner.

color azul: Son los parámetros para ajustar el ancho y alto del banner. Si la imagen está a vuestra medida , podéis borrar estos valores.

Un consejo, si se trata de enlace publicitarios os será mucho más fácil añadir la etiqueta rel=»nofollow». Esta etiqueta debe acompañar a todos los enlaces que no tengan que ver con la temática de vuestro blog o publiciten o vendan algo. En caso del banner de  vuestra tienda yo no añadiría ya que es una parte muy vinculada y reaccionada con la temática de vuestro blog. Un blog con muchos enlaces antinaturales y publicitarios sin la etiqueta nofollow, puede llegar a ser penalizado por Google.

 

Widget de imagen

La opción más simple. Con añadir un gadget de imagen y rellenar todos los campos lo tenéis listo. Funciona igual en blogger o wordpress aunque el widget en wp te permite añadir más datos.

 

Banner que sale automático al final de cada post

Con esta opción os podéis asegurar que todos los que leen vuestro post tendrán la oportunidad de conocer vuestra tienda. Además de promocionarla automaticamente se lo ponéis fácil a vuestros lectores. Tendréis que diseñar el banner usando uno de los botones y seguir los pasos de este post (aunque menciono solo banner de suscripción sirve para cualquier banner) para que salga automaticamente al final de vuestras entradas nuevas.
Para lo usuarios de WordPress.org tendréis que optar por algún plugin de esos que molan tanto como y que podéis elegir según vuestras necesidades del directorio de plugins de WordPress. Si tienes la versión gratuita de Wp, te tocará añadirlo manualmente a cada entrada (imagen+link).

 

Bonus Extra:Cambiar de color los botones

 

Te enseño a cambiar de una forma muy sencilla los tonos de los colores con ayuda del programa Photoshop. Tranqui que es un vídeo ligero de a apenas unos minutos…jeje.

 

Espero que os hayan gustado los diseño de Laura y el resto del post. Si tenéis alguna petición concreta de diseño, házmelo saber en los comentarios y veremos que podemos hacer. Un saludo y nos vemos por la redes.

 

 

 

¿Te ha sido de utilidad el artículo?
(Votos: 0 Promedio: 0)

Pin It on Pinterest