Monday, January 08, 2007

Newer Article link, Home link, Older Article link, at bottom of every post

I did a post How to have Previous and Next links at the bottom of every posts. Actually it should be titled "How to have NEWER POST, HOME, OLDER POST links at the bottom of the post" as that is what I have decided to do for this blog.

I have decided to redo the post for the following reasons"

1. I used tables for this blog. A reader commented he didn't like tables
2. Another reader asked how she can have the title of the posts rather than NEWER POST and OLDER POST in the links. It is very hard to answer in the comments, so I promised to answer in a new post.
3. I did not describe how I easily obtained the links to put in the codes for the links.
4. old (classic) Blogger is being phased out, and is being replaced by the New Blogger (formerly beta) blogs. This will be good for those without any HTML knowledge and don't want to tangle with it. However, I am betting that there will be a few die-hards who will want to stick to the old (classic) template, as with a little HTML knowledge, it is easier to have better control over the "look and feel" of the blog. This hack, for example, will be with 2 types of links in the new Blogger. The links as a result of this hack and the NEWER POST | HOME | OLDER POST that is automatically put there by the New Blogger.

So here I am doing a new post. First, look at the result of what I will be describing in this post: The Mayo Clinic diet and the 7 rules of dieting. You will see both what we are trying to achieve in this post (at the bottom of the post) and what is put there automatically (NEWER POST | HOME | OLDER POST at the bottom of the comments (That is a New Blogger Blog). Click on the links and see how it works.

Method

If that is what you want, this is what you need to do. Sign into Dashboard, select the blog, click SETTINGS > FORMATTING, then at the bottom of the page, in the box for the Post Template, add this into the box:

<a href="Newer Article URL">Newer Article title</a>special character for HTML non-breaking space|special character for HTML non-breaking space<a href="Main page URL">Home</a>special character for HTML non-breaking space|special character for HTML non-breaking space<a href="Older Article URL">Older Article title</a>


Note that special character for HTML non-breaking space is an image, not a text, so if you are copying the codes from the box above, you will have to manually type in the character, which is the HTML for a non-breaking space to put some space between the links. Now each time you create a post, the codes will be included in your post, and you have to do is to substitute the New Article URL with the actual URL of the new article, the Main Page URL with the actual URL of your main page (this is better done in the post template, so that you don't have to do it each time you do a new post), the Older Article URL with the actual URL of the older article, and the Title of the Older Article with the actual article of the older article.

How to get the URL's and the titles

I would suggest that if you do not already have FireFox browser installed in your computer, you download it from this site: FireFox Alert or direct from this blog by clicking on the "Get FireFox with Google toolbar for better browsing" link at the top of the right sidebar. This is because FireFox has tabbed browsing and will help you greatly in this task.

Now when you modify the codes given in the above box, you will need the post URL and title. The easiest way to do this is the following. Assuming you are still in the post editor and using the FireFox browser, middle click on the EDIT POST tab at the post editor (or right-click and select "Open in New Tab"). A list of all your post will appear in the new tab in the same window. To get the URL of the relevant post, right-click on the VIEW link and select "Copy Link Location", then go back to the post editor tab, and paste the URL in the relevant place. Regarding the post article title, you can either refer to the title in the list of posts and manually type in the post title, or if you want to copy-paste, right-click on the VIEW link and choose "open in new tab", then in the new tab, just highlight the title, return to the post editor tab and paste in the post article you have copied.

Since in your previous post, you don't have a NEWER POST and likely didn't put in the link for the latest post, click EDIT POST and the list of post including your latest post will appear. Right click on the VIEW tab against your latest post, click EDIT against the previous post, then add in the link (and also add in the new title) in the post editor, then publish.

If you already have a lot of posts, and you want to do it for each post, then copy the above code, substitude the Home URL with the actual url of your main page, then copy again. This is so that you don't have to do it in each post. Click EDIT against those old posts you want to add the link, , paste the modified codes at the bottom of the post and repeat the process described above.

Now if you understand what is going on, you will be able to modify my instruction to do whatever you want done. If you still have questions, put them in the comments and I will try my best to answer.

  NEWER POST    HOME  OLDER POST

27 comments:

  1. Anonymous1/08/2007

    I´m sorry.
    I think my question was not clear.

    My question is: what variable stores the title of the 'next post' in the new Blogger version. I´ll show the way it let me see the 'next' post:


    < b:if cond='data:newerPageUrl' >
    < span id='blog-pager-newer-link' >
    < a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle' >< data:newerPageTitle / >< /a >

    < /span >
    < /b:if >

    Newerpagtetitle does not show the right title.

    Thanks for your help.

    ReplyDelete
  2. Hi Leicca,

    I am afraid you will have to put your question to the Google Blogger Help group or contact Blogger support. See How to contact Blogger support

    Peter a.k.a. Enviroman
    Enviroman Says

    ReplyDelete
  3. Anonymous1/09/2007

    this would be kinda irrelevant question here but I dint know where to post it, anyways here it goes: what if I have multiple blogs (blogger) and when I update 1 blog can I somehow automatically update the same post on the next blogger (may it be through the API ) is that possible?

    ReplyDelete
  4. I don't know, especially as I found one site that exactly duplicate the content of my blog Gudie To Malaysia

    The duplicate website is here: The Voyager's File.

    I don't know how he did it, and I haven't decided what to do about it. Maybe by the time you read this comment and click on the second link, its content may have changed due to me taking some action.

    Regarding your question, why don't you try posting it to the Google Blogger Help group?

    Peter a.k.a. Enviroman
    Enviroman Says

    ReplyDelete
  5. Anonymous1/10/2007

    Peter: My profile will not show on my blog. I'm using the new blogger version, and I tried to edit the title of the Profile section. Ever since then, it won't show up. I tried to delete and re-add it, but nothing. Can you help me?

    ReplyDelete
  6. Anonymous1/12/2007

    Is there a way to create a page using Microsoft Office & then transfer that to my blog? Thanks.

    ReplyDelete
  7. Anonymous1/12/2007

    Thanks for the post. I have a question though, how can I get those [Previous Posts|Home|Newer Posts] that at the bottom of every page using the classic template ??

    Thanks in advance
    ti3gib@gmail.com

    ReplyDelete
  8. I don't know if you can blog directly from MS Office (Words, Excel, etc.) but I doubt it very much. Some has tried copy, and pasting into their post editor, but this is not a good method as Words adds a lot of formatting which may interfere with the post.

    I have tested blogging from Writely (similar to Words, and now bought over by Google and renamed Googledoc). See post Testing blogging from Writely (now googledoc). They also have spreadsheet.

    Peter
    Natural Remedies

    ReplyDelete
  9. To Fake Janice Combs,

    How are you editing the title of your profile and are you using the old (classic) template or the new (formerly beta) template?

    Peter
    Natural Remedies

    ReplyDelete
  10. Anonymous1/15/2007

    Hi Peter!

    Whats a good way to put the older posts link at the bottom of the page like you have done over at

    http://good-health-information.blogspot.com/

    The link im talking about is at the bottom and is called older posts and has some js code.

    http://good-health-information.blogspot.com/search
    ?updated-max=2006-11-25T14%3A42%3A00%2B08%3A00&
    max-results=7

    ReplyDelete
  11. Peter: Thanks. I am using the new blogger. What do you mean by editing my title of my profile? Please advise.

    ReplyDelete
  12. Hi Fake Janice Combs,

    Sorry, an author is the worst proof-reader of his own work. Where in may post did it say "editing my title of my profile?"

    Peter a.k.a. Enviroman
    Enviroman Says

    ReplyDelete
  13. Peter: here is what you replied to me initially.

    To Fake Janice Combs,

    How are you editing the title of your profile and are you using the old (classic) template or the new (formerly beta) template?

    ReplyDelete
  14. To Fake Janice Combs,

    Sorry, looks like we have a little bit of communication problem here. I can't find your original comment and I don't know if it was deleted because of a long unbroken line of text or URL (I have deleted a few of such comments as it will cause the sidebar to slide to the bottom of the page in IE or extend into the sidebar in the other browser. Can you repeat what was your original question?

    Peter

    ReplyDelete
  15. Two questions:

    1. Can this process of putting the post name in be automated? I gather from the first two comments here that the answer is no, or that you're not sure.

    2. Alternatively, can the text "Newer Post" and "Older Post" be changed or personalized?

    Thanks.

    ReplyDelete
  16. To put the article title is manual, and is more work that it is worth in my opinion. Regarding the words Newer Post and Older Post, they can be anything you like as long as they stay the same throughout the blog (except they link to different articles). You can have Previous Post and Next Post, for example.

    Peter a.k.a. Enviroman
    Enviroman Says

    ReplyDelete
  17. Hi Peter - I'm so glad I stumbled on your blog. Thanks to your help, I was able to add a graphic back to my banner! Now I have a new question: how do add the Newer/Home/Older link to the top of my blog? I see that it appears at the bottom in the new layout but I've been unable to isolate it to copy to the top (I'd like to have it at both spots). Thanks!!

    ReplyDelete
  18. The one at the bottom of the individual post pages are put there automatically by New Blogger. You don't have to do anything. If you want something similar, you will have to do what is described in this post or How to have Previous Post, Next Post links at the bottom of the page. But it is done manually and you will have to add the HTML at the top of the page rather than the bottom of the page. It involves work, and you may be discouraged by that.

    Peter
    Dummies Guide to Google Blogger
    "online book" in progress

    ReplyDelete
  19. Thanks replying Peter. I must admit that I was hoping for an "easy" copy and paste solution and will hold off on attempting the "more work" answer for now!

    ReplyDelete
  20. hi my neme is david and i have the old blogger. and i want to add other columns to my templates. but i don´t found any code.
    so you can help me.
    i have tic tac blue templates.
    thanks you

    ReplyDelete
  21. Old classic Blogger template? I am afraid I am unable to help. Why don't you migrate to New Blogger template then change it to 3 column tic tac template. You can find a sample 3 column blog as well as a link to where you can get the template:
    New Blogger 3 column templates modified by Charlemagne Stavanger.

    Peter (Blog*Star 2006 and 2007)
    Testing Blogger Beta (now New Blogger)

    ReplyDelete
  22. hi peter:
    thanks for your help. but i try with the new blogger but some stuff i have in the web don´t appear because the new blogger don´t support, i think so.
    so i prefer the old blogger because this stuff support.
    for that i ask you if you know where or you know how add a new colummns to a template tic tac blue of blogger.
    thank and i hope your success answer
    David

    ReplyDelete
  23. Hi Hechos,

    In the first place, New Blogger already have the Newer Post, Home, Older Post in every individual post page, so this hack is not necessary for New Blogger. However, even if you want to do it, there should be nothing to prevent you from doing so because the HTML is acceptable to both old classic template as well as New Blogger template.

    Regarding adding a second sidebar, perhaps this can help: New Blogger: Adding a second sidebar to your 2 column template.

    However, as mentioned in the previous comment, a ready made 3 column tic tac New Blogger template at New Blogger 3 column templates modified by Charlemagne Stavanger.

    Peter (Blog*Star 2006 and 2007)
    Testing Blogger Beta (now New Blogger)

    ReplyDelete
  24. Hey this was really helpful, thanks. Can you also tell me how to limit the screen to only one post at a time? At the moment if I click on a sidebar link, eg. About us, I get About us and Our philosophy following under. Thanks again.

    ReplyDelete
  25. Sign into Dashboard, click Settings > Formatting and select number of posts to be displayed in main page.

    ReplyDelete
  26. I am not sure what I was reading there but I am trying to find an answer to a blogger problem and I think it is connected. I am now on the new blogger. I guess it just changed at some point. I used to be able to write poems and they would come out just as they were written. Now, I can not write and have it post as I write it. So as in a poem the words and lines all run together. Is there a HTML code I can use to rectify that? I hope this makes sense?
    Espirit46@chartermi.net
    I sure would appreciate some help with this.
    Janice

    ReplyDelete
  27. When doing a new or editing an old post, click OPTION at the right sidebar of the post editor. There will be 2 options:
    1. Use
    tag
    2. Press "Enter" for line breaks

    The first is the default. Tick the second and it will be business as usual. You need to do this only once.

    ReplyDelete

Find help, info, instructions, tips, tricks

Tip: Use search box below or this box, labels in the first right sidebar, archive, ctrl+F for this page or sitemap to find topics