When you finished to read a blog post it can be very boring to scroll back to top manually. In order to enhance your blog navigation and usability, here’s a recipe to create a simple – but useful – way for your reader to scroll back to top in a second.
First, open header.php and verify that you have a <div id="header"> somewhere. This should be the case on more than 95% of blogs anyways.
Open footer.php (or any other file) and insert the following code where you want your link to appear:
<a href="#header">Scroll to top</a>
That's all. Now, your readers can easily scroll to top after reading a post.
On Twitter : @jeanninejung Oui ca va, dommage qu'on doive repartir. Pas de bol pour Djerba, cosmos doit pas etre content
13 Responses
Thanks for a nice tips. Just goes to show, he simple things can be very handy.
I think most of the themes out there have this by default
Is there a way to include a test about how long the page is? That way this would only appear if the post was over a certain number of characters.
@Adam: Yes that could be done. I hould write a recipe about it if people are interested
I’m interested…
Thanks for this, jbj. Could be useful for those with long, posts… just like mine(http://www.jusuchin85.com/blog/2009/01/13/overcoming-writers-block/)!
Keep it up, man!
`Scroll to top`
should work as well…
<a href=”#post-”>Scroll to top
works fine if you want to scroll back to headline of post.
You can also use #top
Nice Idee and we will include this. Thanks
Really simple anchor in HTML but I guess a lot of people are unaware of this.
Trackbacks: