Botón subir para blogger código HTML


A menudo encontramos blogs los cuales tienen muchas entradas publicadas en la página inicio o página principal, esto depende de cada usuario de estos blogs y de las publicaciones que elija para ver desde la configuración de blogger, si recordáis se pueden poner las deseadas para que se vean de 1 a 100 etc..
En está ocasión os comparto el código HTML del botón subir arriba para nuestro blog, lo veréis puesto abajo a la derecha de mi blog. Solo hay que hacer clic sobre el para subir rápidamente al principio de la página que estamos viendo.
Podéis realizar vuestro propios botones esta es la plantilla que he utilizado yo, aquí os dejo botones realizados por mi.


http://decoratublogconlucia.blogspot.com.es/2013/04/la-sirenita-ariel-botones-subir-arriba.html


Plantilla.

Si hacéis vuestro propio botón(banner) recordar que necesitaremos photoshop para hacer el montaje y guardar la imagen en formato PNG, si a su vez le queréis añadir movimiento como tiene el mio, tendréis que aplicarlo en photoshop con la opción animación, os dejo el enlace al tutorial que realice para crear un banner.



También recordar que la imagen que realicéis tendréis que subirla a un servidor de imágenes, yo ya os he dicho en alguna ocasión el que utilizo es http://imageshack.us/. Este es el código HTML el cual tendréis que poner en diseño/añadir un gadget/elegiremos HTML JavaScript, por último lo pondremos al final del blog guardando los cambios.










Código HTML:
<a href='#' style='display croll;position:fixed;bottom:0px;right:0px;' title='volver arriba'><img src="aquí enlace de tu imagen" /></a>


El texto que os he dejado en color azul es para que lo podáis cambiar por el que queráis que aparezca cuando pongan el puntero del ratón sobre la imagen, el texto rojo es para que pongáis la dirección de enlace de la imagen subida a imageshack(enlace directo), recordar respetas las comillas y no borrarlas.

Os dejo este botón, la cajita de texto tiene el código para que lo podáis aplicar a vuestro blog.







8 comentarios:

  1. Lucia cambiaste por tu propio diseño los títulos de las entradas,etiquetas,blog afiliados etc, te agradeceria me cuentes, muchas gracias
    myrian

    ResponderEliminar
    Respuestas
    1. Hola de nuevo myrian,las imágenes por las que me preguntas estas creadas en photoshop y añadidas a diseño con un código html,ahora estoy de vacaciones pero en cuanto pueda haré un tutorial para que lo apliques a tu blog.

      Eliminar
  2. Hola Lucía, me gusta mucho esa cafetera de Subir Arriba, ya que mi blog se llama Cafés en Solitario, crees que sería posible que me pasaras el código por favor. Muchas gracias!!!!

    ResponderEliminar
    Respuestas

    1. Lo encontraras en este enlace un abrazo


      http://decoratublogconlucia.blogspot.com.es/2012/11/botones-personalizados-subir-para.html

      Eliminar
  3. Hay posibilidades para poner el boton para subir arriba al otro lado del blog?

    ResponderEliminar
    Respuestas
    1. Supongo que si solo habrá que sustituir en el código HTML donde pone derecha por izquierda donde pone right poner left siempre respetando las comillas

      Eliminar