Friday, January 27, 2012

Back to Top Blog Gadget

Okay friends, this is my first attempt at doing a video AND a blog tip tutorial.
Don't ask me how many trial runs I did before I finally settled on this one to post.
It didn't help matters that in one attempt at recording my dog went on a scratch attack. 
Thanks Harley for the scratch fest...Cut...Take 12...Take 13.
You get the picture.

Back to the point. Do you see that neat little arrow in the bottom right corner of my blog?
It looks like this:

It's a Back to the Top button that jumps right to the top of my blog. Handy, dandy.
I've had this on my blog for quite a while and I've had others ask about it so hense the tutorial.

Let me know if you give this a GO on your blog.
Hope it works for you!

Click {HERE} or on video image to view in Google Docs:


Here's the code that needs to be added to the gadget box:

Smaller arrow code:
(The arrow will actually appear even smaller than the one you see below once you add the code to your blog)

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="http://i39.tinypic.com/k3libs.png"  /></a>




15 comments:

  1. I just tried it and when I pressed the arrow it didn't go back to the top it opened another window to exactly where I was before...
    I have my blog set up to where when you click on a link, it opens a new tab. Do you think that might be the problem?
    ❤ Sandra
    Sweet Times in First
    sweettimesinfirst@gmail.com

    ReplyDelete
  2. I'm looking forward to trying this out! Thanks again.
    Tammy
    Forever in First

    ReplyDelete
    Replies
    1. Sweet! Works beautifully. What else can you teach us? :)

      Delete
  3. fabulous video Denise! I can't wait to try it out this evening!
    Kristen

    ReplyDelete
    Replies
    1. Thanks Kristen...I'm nowhere near you in expertise though. I also couldn't figure out why my video is blurry when it is expanded full screen. Oh well. I just uploaded it to Blogger and that's the way it came out. My original video isn't as blurry.

      Delete
    2. Fixed my blurry issue by uploading the video to Google Docs, but know there's got to be another way to do this.

      Delete
  4. OK, this is VERY cool and SO 21st century . . . posting a video and making a code like that . . . I'd love to learn that. It worked but I didn't want such a big arrow . . . how would I find a littler (is that a word?) one like yours?

    Thanks SO much for the tutoring!!!

    Barbara

    ReplyDelete
    Replies
    1. Barbara,
      I added another code for a smaller arrow for you to try.

      Delete
    2. You're welcome. Glad it worked for you.

      Delete
  5. HaHA! I managed to catch you and tag you. Come check it out at my blog!

    Buzzing with Ms. B

    ReplyDelete

Pin It button on image hover