5 de noviembre de 2013

Blogging Tips: How to add a "Scroll to top" Arrow


You might have noticed I have added a “scroll to top” arrow to my blog.

Here is how:

1. Choose the arrow you like

2. Copy the html

3. Go to Setting –Add gadget

4. Paste on HTML/ JAVASCRIPT

5. Save

Habréis notado que he añadido una flecha para subir a mi blog.

Aquí te digo como.

1.- Elige la flecha que te gusta

2.- Copia el html

3.- Ve a Diseño- Añadir Gadget

4.- Pégalo en HTML/ JAVASCRIPT

5.- Guárda los cambios






<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Subir arriba"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8JGThvljZP5-8IGBUA62zqOanw1MuLrJjYtLV3BjFcmeRNwNPgFx0XKiXAme571di38EnAFOhaXiXHfWgQneRlK2J8ObG2ZfFmGR1x57QWrkSDkCDPdES3NDMLZGXqwCF3o7gFjZHOCg/s1600/2_babyblue.png" /></a>






<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Subir arriba"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLVlxImx6bR15zs0XH7uRnr4kGAua_ls02XC670nCplMHoPJ-NZqWemH7OgymTXlrM1ATjNp5xDscgvCeSTYNJRxd7O8fLCt_YdHrrxMYtuG_sd87d72phmpem7HUYD20s0GtWXkkBlQg/s1600/4_babyblue.png" /></a>





<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Subir arriba"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh10wBmRVOWQpZZE2Cu1j2TfTgu3v1BHq9f6ACmmHhFy63OfHhZr-iJTnfS082kCNCCJAP6MJUzL1F7qQAcsRZSIacaaldowOj375fJlcWhOqBUpJEogqWQYiO25q5X-CtA__WXiddIr-A/s1600/4_beige.png" /></a>






<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Subir arriba"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii14x1YO9tFhUJZkrvL5Rl1BO3-_GoHFBEWAtFnNvktOIP5DOiBhCBrMU4NNCLjrTrLOyx-kMYL6adhwDXbHGgcTCCLPvXZdNXe_0uTZD0dtKU6-kcYH68xvww9K_By8WJe_ahN2R1DOA/s1600/2_brown.png" /></a>






<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Subir arriba"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhay4Le-xZ8usLePsX7QBY_7xlqeJKUSXgPnlIj0JAtueDZIv36qHrtpCjoEk7Sn-km2vSwMnPFooIo0L8_j8leNGJ_JJe1NC3AG0OPw9nyQb25uxcPoCdbcz9cIDfX_VXIQjH6gTVzic/s1600/4_brown.png" /></a>





<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Subir arriba"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnXf9P8_0Ug00eEWLkvOmJ1VnTYuOMkreBh-kHCTMGiBfilIZFMLPofDa24FcApvedJNLC-gxDvRG4l_tP667l0sEGCpWmYEtPSZTw0Ro3J_168pI0SaCh5KJBEdzdEKVm2CEqJx9m33c/s1600/2_green.png" /></a>






<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Subir arriba"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnx1d6JO76O2lLest2m_Ia1-4lA3v-8FdX8nN-eBQ2ELJ_-yV8CAZfWLk8Xb9jW5p7HtOxgdMwmUhrs829R_vWn78fUW5fwaWiaKq4zCam6npIsOkTCvpwxNh6P1FsR5LkyrkRCkT5l9U/s1600/4_green.png" /></a>






<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Subir arriba"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhViyTfBzQdPNyDQEz3dv75T4Qsz-YNqf_iapCgIT7qaVWUsygX7obe8q4T4DfzXe2jpS_1yH7NhNZcN1xEBR5L426XJ5nY8Zj8IfNgUghTh-xYqEX719f9xu_XcyPIWUSbSs7uCIButRc/s1600/2_grey.png" /></a>






<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Subir arriba"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSZXzM2IU-iUVMOnAHg2XKrxgmWEPNn4FeDzE-UUVhRDsYCGzBucc0K23dFBQm239PJrLzKChjGb_sHgAE7xul788wNUcjk7ahmeQzZWEJYgcc8t83F8XE8wVpYbdgygVrTTIDWtE8Srk/s1600/2_pink.png" /></a>






<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Subir arriba"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiywFF4T3QHl9-ZboSf07jBA8LHP1dCRJlMvStwvc-p2rFJ3f9VUPHGoQAU4SkADTo-U7_H29mWiZK7lKLHd7TFwFvMgJ2qnkwlZ8G8TiRCdbRmjwgzhSQGYI_EC_bxk4i7Wf0IxvlLhsI/s1600/4_pink.png" /></a>






<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Subir arriba"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicf14dqm9qQkwiX0yPyyLRFeH-ni97spDF29TZDnrEDT2mQprgw57kBwR7taZ2etdjAA-lnKgsBYA3hQ1t_YiiSR2KQw6ZoOTuClQG1kfvaKNp3G1wUQhLcc4wSnoK7DkSM_i0NzEa32g/s1600/2_purple.png" /></a>



<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Subir arriba"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiq_FJRp6ASaVmw1H7_VVdUn20icLOfxYD-cp-fCBeB6CRwxC-3pikWn4yY3jPKdLCz-ffifM5JU9TVMBJCZFAlZLv69-XcCVBRoVIS65lvegxr12HricI30SPDVFQX7brDnLNl56aO6go/s1600/4_purple.png" /></a>






<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Subir arriba"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisfNCAApNiP1hNtMxCm7qnBmUpGLKMz-Ruxnak4j_QDQ3WDwd5aQQ84vN0MM3miIZ1cA2gHH18wm-PTaOdJ7mM3TMbOWTRG4F0KAof7ihNPommPn91rt_cldhhtS6OvpOZW8RP6Zfuq74/s1600/1_red.png" /></a>






<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Subir arriba"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAqXm1VXdaFSpPwJB4zID1nyPnRG8D5XHT3ciapdqMLm7kt4kh1OTPZ9nZtUdDhJNl2uVX5_i7xQDP9G5EmmoBFQDnqjsg2oOnZVKO_D0OdUQZpZmjrkL1Fkpk3GqlASsguzMorQQ0_MU/s1600/4_red.png" /></a>






<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Subir arriba"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy0V_KFxL9Pcugrnnm4KWvbv_5HjUwNpt3HX_r3rebWbsK69W9VLurVRxp7V3NKhaDMejqx7d1g1m9yb9C0oe_go8JwWsOCm3dHNKC-507ZdBjgOnGGhkrv2GvszFAohhGOFjvZrldytg/s1600/2_taupe.png" /></a>






<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Subir arriba"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_ezpK8OpQhh7MI6XxK5M70YAAxsl37i-RtW7tM_FqYZM5zGGP1o0mpjv6hyDQ9rp_17v-C6KkiGx6ggYh8yeSMKt9Lp0KpqTeu_0j85zUjM0Q_44-Tepk3e79KODp3lNimhjZ19XAOqY/s1600/4_taupe.png" /></a>


Here you have more arrow options

Aquí tienes más opciones de flechas
SHARE:

22 comentarios

  1. Ohhhh thank you so much my dear! I'll deffo do that!!! XXXX

    ResponderEliminar
  2. This is great. Thank you for sharing x

    ResponderEliminar
  3. Oh Thank you for instruction. very interesting

    ResponderEliminar
  4. Excellent idea Sacramento - thank you!!! I've used my own image to create my own to fit in with the black of my blog... Just one thing: if anyone wants the hover words in English, they need to change "Subir arriba" to "Scroll to top" in the HTML :)

    Never thought to have one of these before - such a great idea!

    Catherine x
    NotDressedAsLamb.com

    ResponderEliminar
  5. Thank you so much for this, dear! Adding a pink one to my blog now ♥ Have a lovely week, besos! xx

    ResponderEliminar
  6. Thank you so much for this, dear! Adding a pink one to my blog now ♥ Have a lovely week, besos! xx

    ResponderEliminar
  7. Any tips of this type are welcome. I struggle with these things a little. Thank you!

    ResponderEliminar
  8. Muy interesante!
    Ahora que tengo la idea, igual me creo una que vaya con los colores de mi blog!! :))))

    ResponderEliminar
  9. I'm going to have a go right now! thank you! wish me luck!!! x x x

    ResponderEliminar
  10. Really interesting..... tnx for sharing doll!!!!!!

    ResponderEliminar
  11. Gracias por compartirlo. A lo mejor la coloco.
    Una con colores que queden bien con mi plantilla.

    ResponderEliminar
  12. I love this and I may use it. Thank you for sharing!

    Besitos ;-)
    Alicia

    ResponderEliminar
  13. Thank you so much dear Sacramento for sharing. Great tutorial. You are amazing my dear.
    xox
    Lenya
    FashionDreams&Lifestyle

    ResponderEliminar
  14. That's a really cool feature. Thanks Sacramento.
    http://www.averysweetblog.com/

    ResponderEliminar
  15. why that is cool! reminded me of facebook apps on my phone, they have it there.

    ResponderEliminar
  16. Oh how sweet of you to share!

    www.dressupnotdown.blogspot.com

    ResponderEliminar
  17. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  18. Thanks a bunch for sharing Sacramento! I will use it too, thanks to you! Hugs my dear! xo

    ResponderEliminar
  19. Have added it too.. thank you so much for sharing.
    I love some simple instructions!! ;))))))

    XOXO
    Dana :)
    http://danalovesfashionandmusic.blogspot.de/

    ResponderEliminar

Blogger Template Created by pipdig