Hoy os traigo un tutorial blogger para poner una flecha de "Subir arriba" en blogger, el tutorial es muy cortito y fácil.
1. Lo primero que tenemos que hacer es tener la imagen para subir arriba. He preparado estas si os gusta alguna simplemente recortáis la que os gusta con paint o con cualquier programa, si no os gustan están echas con el programa Pic monkey son muy facilitas de hacer.
2. Necesitamos la url de nuestra imagen por lo que la imagen que hemos recortado la subimos a blogger en una entrada cualquiera , también se puede hacer con pinterest... pero suelen dar más problemas.
3. Cuando tengamos la imagen subida nos vamos al post, pinchamos con el botón derecho y le damos a "Abrir enlace en una pestaña nueva" y copiamos la url de la pagina que se nos abre.
4. Cuando tenemos la url simplemente sustituimos en este código, mi url por la vuestra:
<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Subir arriba"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrDYL-_UVacYRnWBQOI2IGCGQRZref5Nviw0nzmGhVS3RrL6_Wdx6ZxDqOI-x4sMgu7aViLRgseHGx2hthMMVbI1TB0gnovnUD5tLjx1Dn5umElHbm_f4MGc8LhcBIJIoeXURa8MiMCvs/s1600/boton-subir.png" /></a>
Bueno si queréis usar la misma imagen lo podéis quedar así.
<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Subir arriba"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrDYL-_UVacYRnWBQOI2IGCGQRZref5Nviw0nzmGhVS3RrL6_Wdx6ZxDqOI-x4sMgu7aViLRgseHGx2hthMMVbI1TB0gnovnUD5tLjx1Dn5umElHbm_f4MGc8LhcBIJIoeXURa8MiMCvs/s1600/boton-subir.png" /></a>
Bueno si queréis usar la misma imagen lo podéis quedar así.
5. Copiamos el código y nos vamos a Escritorio/añadir un gadget/Html y javascrip/ pegamos el codigo, guardar y listo.
¿Os gustan este tutorial blogger para poner flechas en un blog? f
¿Os gustan este tutorial blogger para poner flechas en un blog? f
fíjate que cosita mas sencilla y yo siempre preguntándome comolo ponían las demás....jajajaja besos
ResponderEliminarSi es muy facil! besitos
EliminarCon esta no se yo si me voy a animar....
ResponderEliminarJaja todos no te pueden gustar, besitos
EliminarYo esto lo tengo en mi blog y me parece un invento muy bueno jeje. Un beso
ResponderEliminarSi es muy buen invento jeje besitos
Eliminarui ui ui, esto lo voy hacer yo ahora mismo :D jiji
ResponderEliminarmuchas gracias por la informacion
Gracias a ti por pasar por aqui
EliminarAnda...pues lo intentare sin duda!!muchas gracias ;)
ResponderEliminarGracias a ti Carol
EliminarHola, soy nueva en esto de los blogs y quiero darte las gracias por ayudarnos de forma fácil a la gente que empieza, mi blog no es nada del otro mundo, es más, no es ni de este mundo. Realmente no se lo que es jejeje, pero ayer empecé a leer entradas tuyas y me he animado a mejorar el mío y he empezado por el diseño (aunque tengo mucho que mejorar) pero en estos momentos no tengo mucho tiempo como para dedicárselo al blog. He subido una entrada mencionándote y dándote las gracias.
ResponderEliminarUn besote.
miotromundoloco.blogspot.com
Muchisimas gracias Sara! muak
EliminarMelyssa, adoro tus tutoriales. Estoy interesada en implementar mi propio diseño dentro de la plantilla, es decir, no como widget, para que así sea responsive, pero por más que indago todos los trucos que veo son con jQuery, y no me interesan esas flechas, sino mi propio diseño. ¿Sabrías cómo hacerlo? Un saludo.
ResponderEliminar