Skip to main content

Back to the top! Adding a "Top of Page" button

If you've been reading my blog for any time, you probably have noticed my posts tend to be a bit long. Now you can quickly jump back to the top of the page by clicking the "TOP" arrow button on the lower left.

I followed Nitecruzr's excellent instructions:  Adding a "Top of Page" button to the blog

Here's how you can add a button to your own blog:




I made my own button with this public domain up arrow downloaded from Wikimedia commons. I may change it to something prettier in the future.

You can download a pre-made button image or create one of your own.

Upload your button image to your Blogger blog - you can leave it in a draft post - and find the image URL by switching the post editor to HTML view.

The code for the uploaded image will look something like: 

<a href="http://2.bp.blogspot.com/-Ss8eSpgHCy4/VPodMnyFpLI/AAAAAAAAEjM/3L3HVdaRTRU/s1600/TOP%2Barrow%2B80%2B2.png" imageanchor="1"><img border="0" src="http://2.bp.blogspot.com/-Ss8eSpgHCy4/VPodMnyFpLI/AAAAAAAAEjM/3L3HVdaRTRU/s320/TOP%2Barrow%2B80%2B2.png" /></a>


Find that code in your own blog post, then copy the link after src= (highlighted above). Note that you should find that link for your own uploaded image, not copy mine. Don't include the quote marks! 

Then:

1. open your blog's Layout

2. add a new HTML/Javascript gadget

3. Paste in this code, adding your image URL where indicated (IMAGE-URL-HERE):

<a style="display:scroll;position:fixed;bottom:20px;right:60px;" href="#" title="Top"><img border="0" height="60" width="60" src="IMAGE-URL-HERE" /></a>


That will position the icon on the bottom right of the page. You can see how that looks on Nitecruzr's blog.

To reposition the button, change the numbers after "bottom" and "right". I changed "right" to "left" so that the button is on the left.

I'm using bottom:20px; left:10px; to position the button on the lower left of the page.

The image does not appear on the mobile version of my blog, because the Blogger mobile template doesn't include the sidebar gadgets.

If you are viewing this on a desktop computer, scroll down this page, and give it a try!


Posted by Peggy K

Comments

Popular posts from this blog

How to find your shared Hangout photo albums

Update July 2016: Picasa Web Albums will be retired August 1st. You can find your Hangout photo albums in the new Google Album Archive (get.google.com/albumarchive). (Learn more)

Update July 2015: Google+ Photos will be retired July 29th. You can find your Hangout photo albums in Picasa Web Albums (picasaweb.google.com).

Update November 2015: links to Google+ Photos now redirect to Google Photos (photos.google.com). There is no way to access Hangouts albums in Google Photos.

When you share a photo in a Google Hangout chat or take a photo in a video call it is added to a shared photo album that is visible to you and anyone else in the Hangout.

Hangouts photos are not displayed in the new Google Photos (photos.google.com). However you can find your Hangouts albums in Google+ Photo albums or Picasa Web Albums the Google Album Archive (get.google.com/albumarchive).Find shared Hangouts albums in Google+ Photo albumsin your own Google+ Photo albumsin someone else's Google+ Photo albumsFin…

How to Disable or Mute Replies to your YouTube Comments

NOTE October 2015: The option to disable replies is only available for comments you can view on Google+ - posted between November 2013 and August 2015. It is still possible to disable all replies to your comments in the Google+ settings for the Page or Profile connected to your channel under "Who can comment on your public posts?".As YouTube separates from Google+ that option may disappear, and I'll try to keep this post up-to-date.

----------
Do you like posting YouTube comments, but hate the replies? You can easily disable replies - or mute notifications of replies - after posting your comment, as long as you can find your comment post on Google+.

You have two options:

1. Disable replies to all your YouTube comments and Google+ posts in your Google+ settings

2. Disable replies to individual YouTube comments by changing the settings on that post on Google+

Yes, you'll have to visit Google+, but only for as long as it takes to change the settings (and you might disco…

Embed YouTube livestream and live chat on your blog or website

So you're planning a live broadcast - that's excellent! Now that your Live event or Hangout on Air is scheduled, you need to promote it.

Note: as of August 2016 you must have monetization enabled and an approved AdSense account linked to your YouTube account to embed the video on your own website. Learn more.

Also see:  Embed your Stream Now livestream without having to update the video link for each broadcast.

Why embed your livestream video and live chat on your blog?
You can easily share a direct link to your video or Google+ Event, but if you have a blog or website why not point people there instead?  There are some great reasons to do that:

People can not only watch your livestream video and live chat, but also leave blog post comments that remain beyond the broadcastYou can post supplemental information and links related to your livestream for viewersIf you stream using multiple platforms your blog is the place where fans can always find your latest broadcastYour blog i…