When I created the Genealogy Source Citation Quick Reference for Geneabloggers, one topic I knew that I had to deal with was how to get footnotes to work in your blog or website. Here are some tips and tricks on the best way to handle them in Blogger and WordPress.
Of course, WordPress has several plugins available the best of which is FD Foonotes.
For Blogger users - and those with WordPress blogs which don't allow the addition of plugins - you need to learn a little HTML code in order for footnotes to work properly.
Before you begin - and as I've said here at Bootcamp before - do not panic about having to learn HTML code! Many readers have been able to leverage these simple codes to do wonderful things over at their blogs.
I call these simple footnotes since clicking on the footnote reference does not "jump" down to the note itself. This html code will simply place a superscript footnote reference in the text:
Besides just placing a superscript footnote reference in the text, you need to make it "jump" down to the footnote text area. This requires a "target" - a target is the footnote text at the bottom of the post. And you also need a pointer to that target which is what we'll embed in the footnote reference itself.1
1. With the footnote text already located at the bottom of the blog post, create a "name" marker which will serve as the target. Your text should be entered where it says "Footnote 1 text" below. Also note the name is "fn1" since each target must have a unique name, this refers to "footnote #1."
2. Now go up to the text where the footnote reference will appear. We will still use the superscript code listed above, but right before it we need a command to tell it to "jump" down to our target which is named - remember? - "fn1."
Tedious as this may seem it is the best way to set up footnotes that allow your readers to jump down to the footnote text.
This is the sample footnote text - it has a name "fn1" set as the target.