08 mayo 2016

Como instalar un botón de subir con imágenes o iconos para tu blog [Freebies]

como-poner-boton-subir-en-el-blog

Si aún no tienes instalado el botón de subir en el blog o te gustaría cambiar la apariencia del que está, hoy te traigo un tutorial sencillito con 5 diseños en varios colores, para que lo hagas en un momentín.






Buen domingo! cómo lo llevas? yo sigo aquí liada intentando entender a mi nuevo colega Wordpress, que tiene su miga, hasta que le cojes confianza, para qué nos vamos a engañar. Cuando dominas algo, se te olvida de lo complicado que son los comienzos y hay temas que te cuesta tocar porque para tí son tan sencillos que piensas que no merece la pena hacer un tutorial de ellos.

Es lo que me pasa a mí con el botón de subir, que de tan simple que me resulta la instalación y personalización de este elemento, casi he estado a punto de pasar por alto crear una explicación sobre el tema. Pero al final me he decidido tras volver a sentirme completamente novata al tocar Wordpress y he pensado que al igual que yo necesito ahora mismo tutoriales para super principiantes en esta plataforma, los que comienzan en Blogger, agradecerán cualquier tipo de tutorial aquí por muy sencillo que sea.


Así que aquí lo tienes. Tanto si aún no lo tienes, como si quieres cambiar su apariencia, te voy a mostrar 2 maneras de hacerlo: usando imágenes o iconos.


Como ya sabes si me lees habitualmente, suelo publicar reservando contenido exclusivo para la Comunidad Demo 2.0 en el blog privado, así que el tutorial para usar y personalizar iconos para tu botón de subir lo podrás ver si te unes a la comunidad, que además tiene muchas otras ventajas. ¿Aún no las conoces?





A partir de la semana que viene, publicaré una sola vez a la semana y será los jueves. Una semana el contenido estará abierto a todos los lectores y la siguiente, en parte, porque habrá contenido exclusivo en el blog privado. Las razones las tienes aquí, para no alargar mucho el post de hoy.





BOTONES DE SUBIR CON IMÁGENES



Si no te animas a unirte, también puedes hacer este tutorial usando imágenes para tu botón de subir. Además he diseñado 5 modelos distintos en varios colores para que puedas usarlos si te gustan y tenerlo listo en un santiamén. Pero primero vamos a lo que vamos, este es el código que tienes que instalar en la parte de Diseño de tu blog, usando un gadget HTML/Javascript. Lo copias, lo pegas y lo guardas, así de sencillo:



BOTÓN DE SUBIR PARA SIDEBAR EN LA DERECHA




<div class="boton-subir"><a href='#' style='display croll;position:fixed;bottom:0px;right:0px;' title='SUBIR'><img src="DIRECCIÓN DE TU IMAGEN" width="75" /></a></div>




BOTÓN DE SUBIR PARA SIDEBAR EN LA IZQUIERDA





<div class="boton-subir"><a href='#' style='display croll;position:fixed;bottom:120px;left:10px;' title='SUBIR'><img src="DIRECCIÓN DE TU IMAGEN" width="75" /></a></div>



¿Tienes dudas? mira el vídeo que te muestro paso a paso el proceso:







FREEBIES DE BOTONES DE SUBIR





Aquí tienes los modelos que he diseñado. Tan sólo tienes que pinchar en las imágenes para descargarlos:


botones-subir-para-el-blog-freebies

botones-subir-para-el-blog-freebies

botones-subir-para-el-blog-freebies

botones-subir-para-el-blog-freebies

botones-subir-para-el-blog-freebies





BOTONES DE SUBIR CON ICONOS





Ahora le toca el turno a los botones de subir usando iconos. Estos botones son más ligeros, por lo que no ralentizan la velocidad de carga de tu blog y su estilo es más profesional y minimalista. Este tutorial, lo podrás ver si te unes a la Comunidad Demo 2.0 , pero aquí te dejo una muestra de cómo quedarían:








Bueno, pues esto es todo por hoy. Espero que te haya venido bien este tutorial tanto si empiezas como si ya llevas tiempo en Blogger y te apetece darle un nuevo look a tu blog.



Descubre cómo instalar un botón de subir en tu blog. Incluye tutorial + freebies. Tuitéalo


Si te ha quedado alguna duda, podemos charlar en los comentarios. ¿Tenías ya instalado un botón de subir en tu blog? ¿te han gustado los diseños que te he preparado? ¿prefieres usar iconos o imágenes para los enlaces de tu blog? cuenta, que me encanta saber tu opinión!


¡Que tengas un gran día!






¿Quieres aprender a diseñar bonito y tener un blog atractivo? Échale un vistazo al Curso de Photoshop para Blogueras Creativas, con el que podrás perfeccionar tu manejo de Photoshop, a la vez que desarrollas tu marca y creas el blog que deseas tener. Es un curso muy completo, en el que sin duda, habrá un antes y un después en tus diseños. Échale un vistazo:





2 comentarios:

  1. Raquel mil gracias por tu estupendo tutorial, ya tengo instalado tu botón de Up, me ha encantado que le hacía falta!
    Mil gracias!

    ResponderEliminar
    Respuestas
    1. No sabes cómo me alegro que te haya servido, he visitado el blog y te queda genial, combina muy bien con tu temática y tus colores. Gracias a ti por usarlo, un beso!

      Eliminar

demo