Hoy les traigo un tutorial blogger para poner una flecha-imagen "Subir " en blogger, el tutorial es muy corto y fácil.
1. Lo primero que tenemos que hacer es tener la imagen para subir.
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 tuya:
<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Subir arriba"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhthLfaaCvhfybTTbRC2cXzgS0d-wCf7UQKixlnTxB_BMcHyQGR42_AVSmdkBMls5olar5yrwqAXYRqU74G9GuXeuTdGq4RdEb3YxNTDE5whUj9NkNbGzzjIacQazs5vesaOm-vFVd2FoI/s1600/boton-subir.png" /></a>
Bueno si quieres usar la misma imagen lo puedes dejar asi así.
5. Copiamos el código y nos vamos a Escritorio/añadir un gadget/Html y javascrip/ pegamos el codigo, guardar y listo.
Aquí les muestro el ejemplo:
<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Subir arriba"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipLAtdayy1dpwVcLbk53JZQQp1X4KzqTQsGhy5vg-rUutnZ35yxYa-HKyz4YohWuDoWC8V_sWzSDiPbrdbGZZZpDUH9YaHtB9Du7hyphenhyphenwXDGSaFHuM6uWtgKzvP7Tts8y6-zjMjns0OM4yc/s104/3PREmYs.gif" /></a>
Aquí el ejemplo de mi blog:
<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Subir arriba"><img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/bae39085-068a-47b9-8ffe-333403752e5b/d46keah-81ad3357-78fb-4713-a2fa-d47d2b4ea4ac.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2JhZTM5MDg1LTA2OGEtNDdiOS04ZmZlLTMzMzQwMzc1MmU1YlwvZDQ2a2VhaC04MWFkMzM1Ny03OGZiLTQ3MTMtYTJmYS1kNDdkMmI0ZWE0YWMuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.NarMRxyBFefIv4wqUP_y6_oDHHVOdEbdPo2W9tn1BPY" /></a>
No hay comentarios:
Publicar un comentario