13 ene. 2014

CÓMO PONER LA FLECHA "SUBIR ARRIBA" - Blogger

¿Lo ves por todos los blogs y aun no lo tienes?

Este botoncito se ha hecho más que famoso en la blogosfera, los mejores bloggers lo tienen y tu no vas a ser menos.

Lo más importante es buscar la imagen que queremos como botón, en Internet hay muchísimos donde elegir, una vez que lo tengas lo descargas y ya podemos empezar.

Es un tutorial realmente fácil solo tienes que seguir unos pasos:

1. Lo primero necesitamos un código html que te lo dejo aquí abajo:

<a href='#' style='display croll;position:fixed;bottom:0px;right:0px;' title='ARRIBA'><img src="La URL de tu imagen" /></a>

2.  Copiamos este código y nos vamos al blog. Hacemos click en escritorio- diseño- añadir un gadget de HTML y pegamos nuestro código.

Como poner la flecha de subir arriba en el blog

3. Ya doy por hecho que tienes tu flechita así que vamos a averiguar cual es su URL. 
Nos vamos a la página http://tinypic.com/ , hacemos click en seleccionar archivo- buscamos nuestra imagen el el Pc y le damos a cargar imagen. Nos saldrán cuatro códigos, copiamos el primero.

Como poner la flecha de subir arriba en el blog


4. Y por ultimo volvemos a blogger y en nuestro gódigo HTML donde pone "La URL de tu imagen" lo pegamos, guardamos y por supuesto guardamos disposición.

Como poner la flecha de subir arriba en el blog

Y ya está, podemos ir a nuestro blog y ver como ha quedado.

Si te ha quedado alguna duda o no te funciona correctamente, no dudes en preguntarme.


¿Que te ha parecido? 
¿Te ha gustado el post?
¿Quieres ver más de estos?


No olvides que puedes seguirme por mis redes sociales (tienes los iconos sociales en la parte superior del blog), gracias por leerme y hasta la próxima entrada.

33 comentarios:

  1. ¡Me ha encantado el post! Pues me lo apunto para poner en el blog, gracias!!!

    ResponderEliminar
  2. Yo tengo una y es super cómoda. Un beso

    ResponderEliminar
    Respuestas
    1. Son cositas pequeñas que hacen bonito el blog. Gracias por tu comentario, un beso

      Eliminar
  3. Yo tengo una y es super cómoda! Un beso

    ResponderEliminar
    Respuestas
    1. Si, está muy bien, ahorra tiempo a la hora se subir hacia arriba, un beso

      Eliminar
  4. Un post muy útil! Este tipo de detalles, hacen especial el blog. Voy a probarlo de hacer en mi blog, a ver si me sale bien! :) Gracias por contar estas cositas, yo sola no sabría hacerlo. Un beso guapa

    ResponderEliminar
    Respuestas
    1. De nada guapa, espero que te sirva. Un beso

      Eliminar
  5. Gracias guapa!! Una ayuda fácil y rápida =)
    Un besito!!

    ResponderEliminar
    Respuestas
    1. De nada, pronto habrán más post con consejos y tutoriales, un beso

      Eliminar
  6. me encantan estas entradas para tener el blog bonito un beso guapa

    ResponderEliminar
  7. Me ha encantado el post, me viene genial :)
    Saludos!

    ResponderEliminar
  8. A mi me ha gustado mucho, pero no me funciona U_U, o al menos me dicen que la pulsan, hace como que carga pero no sube, borré lo que hice y lo volví a hacer, pero nada ¿Sabes que puedo hacer?

    ResponderEliminar
    Respuestas
    1. Pues muy raro, ¿qué plantilla de blogger tienes?

      Eliminar
    2. La sencilla, muchísimas gracias por ayudarme ^^ he probado ya con varias flechas y nada, había pensado en quitarla, pero bueno, haber si contigo encuentro la solución :)

      Eliminar
    3. Copia el código que he dejado en el post y pégalo en un gadget de HTML/Javascript en diseño.
      Donde pone url de tu imagen pega este otro:
      http://i61.tinypic.com/2e2mlfk.jpg

      Acabo de hacer la prueba y me ha funcionado, suerte y un beso

      Eliminar
    4. Que va, no me funciona, jejeje, da igual, muchas gracias por la ayuda, tienes un blog genial, seguiré pasándome para ver que cositas nuevas pones. Un saludo!

      Eliminar
  9. Hola no me funciono podrias explicar como agregar el gadget , lo hize como dijiste y no me salio u,u saluos

    ResponderEliminar
    Respuestas
    1. En diseño tienes que agregar un gadget de Html, después cambias las letras que están en blanco del código por la url de tu imagen, un beso

      Eliminar
  10. Siempre se va a colocar en el extremo inferior asi el gadget no este ubicado ahi?

    ResponderEliminar
  11. genial guapa!! un post super útil! ya tengo mi flechita :)

    http://www.lecoolbycarol.com/

    ResponderEliminar
  12. Tengo mi flecha, pero tampoco me funciona. He probado de mil manera y leyendo varios blogs pero nada, la flecha está ahí pero aunque haga mil 'clicks' no sube... ¿Ayuda?

    ResponderEliminar
  13. Me encanta tu post, muy bien explicado. He intentado poner la flechita como lo he visto en otros blogs y me salia la flechita pero no se deslizaba con la pantalla o no subía cuando le daba, un rollo cvamos. Gracias a ti ahora si me funciona. Muchas gracias. Un besito

    ResponderEliminar
  14. gracias que forma mas sencilla y queda genial te comparto

    ResponderEliminar
  15. muuuuuchas gracias, lo que yo he hecho es poner la url directamente entre las comillas que tu nos has puesto y listo!!!!
    Gracias por compartir .

    ResponderEliminar
  16. muy bueno también tengo un blog http://lacrimosa-girl.blogspot.com/

    ResponderEliminar
  17. Muchas gracias y enhorabuena por tu blog.

    ResponderEliminar
  18. Hola, muy bueno el tutorial, gracias. No conocía esa página para obtener los links, yo los míos los subia a un post de prueba o borrador, pero así es mucho más fácil, genia! te mande un mail, saludos!

    ResponderEliminar
  19. Muchas gracias por la ayuda Paula, ya pude colocar la flechita. ;-)

    http://urbanizacionmasdelplata.blogspot.com.es/

    ResponderEliminar

MIS PERFUMES FAVORITOS DE ESTAS NAVIDADES

Otro día más estoy con todas vosotras y hoy os traigo los perfumes que más he usado estas navidades, como ya os dije en  ésta entrada  no s...