It Seems to us That the Users Like WordPress Footnote and Bibliography. WordPress Footnote & Bibliography Can Be Constructed Without Plugin. Here is a Reference Article on Footnote, Bibliography, Style & Markup. What peoples usually say footnote is actually Bibliography. These are part of Scholarly Publication or Academic Publications. We wrote about how to use WordPress for academic journal. We have a guide on creation of table of contents in WordPress fully manually. One should have a look on both of the articles. They are related and we will not repeat telling again and again the same stuffs.
What are the Wrongs on WordPress Footnote and Bibliography
Normally, one need Footnote for adding some extra information after the end of the document. Whereas, Endnote is for adding some extra information at the end of the article. Bibliography, Reference Lists are different type of Footnote. Usually Footnote/Bibliography/Reference is achieved be putting sequential series of numbers either in brackets or slightly above the line of writing or printing (superscript) against a sentence, word or paragraph, followed by a citation of the source at the bottom of the page with the same number. It should be numerical and chronological. The advantage of these is that, the reader can simply discover the source of a reference which interests them, it avoids inline hyperlinking towards another website (which can distract the user), printed sources can be mentioned etc. Rules for the formatting of the detailed references follow the same principles as for the reference lists for the ‘author, date’ system. In other words – Bibliography is a detailed information of the source which peoples usually say WordPress Footnote.
Here is quite good information about the Style of Endnote and Footnote :
An example of full citation in bibliography:
Hamilakis, Y., Pluciennik, M. & Tarlow, S. (2001). Academic Performances, Artistic Presentations. Assemblage, 6. www.shef.ac.uk/assem/issue6/art_web.html (accessed 08/07/02).
An example of the same as brief citation in text/footnote:
Hamilakis et al, 2001.
There is more information and examples in this resource :
Basic to Create WordPress Footnote and Bibliography in HTML5/h3>
As like we have a jQuery Plugin about which we wrote in guide on creation of table of contents in WordPress, we will get a smooth scroll effect with only using few markup.
Secondly, we need a hover effect on mouse-over, without jQuery we can use methods like :
<span title="hoverin' words">hover me</span>
<a title="This is some text I want to display." href="http://jima.in">This link has mouseover text.</a>
Working example :
This link has mouseover text.
As citation, bibliography really needs different control system, most of the common users of WordPress Footnote and Bibliography needs no plugin or complex method. It is not abnormal to get blacklisted by Google’s automated system for such mass odd works. It probably better to use only on real need. There are online services to generate the style on the fly from a URL, like :
With that tool for this URL :
We can gather this data :
There are other such online services :
WordPress Plugin itself can do that stuff :
Our Example Method of WordPress Footnote and Bibliography in HTML5
This is main body of my content.
I have a footnote link for this line 1. Then, I have some more content. Some of it is interesting and it has some footnotes as well2. You can click the 1 or 2 hyperlink to go to the footnote section and after going there, click the ↩ icon link to scroll back here. As our adjustment of pixel is not for these works, for jQuery plugin, you will get scrolled few lines below. Thats not big matter. Without the jQuery plugin the smooth effect will be absent, otherwise only HTML will work fine.
Steps and Explanation to Create WordPress Footnote and Bibliography For the above example
For the first and second  and  we have used :
This is main body of my content.
I have a footnote link for this line <a id="footnote-1-ref" href="#footnote-1" title="The United Nations Children’s Fund (UNICEF)."><sup>1</sup></a>. Then, I have some more content. Some of it is interesting and it has some footnotes as well<a id="footnote-2-ref" href="#footnote-2" title="The United Nations Children’s Fund (UNICEF)."><sup>2</sup></a>.
and the HTML of the Reference (can seen below) :
<li><span id="footnote-1">Here is my first footnote.</span><a href="#footnote-1-ref" title="View reference 1 in text">↩</a><span class="cit-metadata"><cite> The United Nations Children’s Fund (UNICEF). <span class="cit-source">India Country Office. India’s story of triumph over polio.</span>UNICEF, <span class="cit-pub-date">2014</span>: <span class="cit-fpage">6</span>-<span class="cit-lpage">9</span>.
<li><span id="footnote-2">Here is my second footnote.</span><a href="#footnote-2-ref" title="View reference 2 in text">↩</a><span class="cit-metadata"><cite> GHOSH, A. <span class="cit-source">"<a href="https://thecustomizewindows.com/2016/05/twitter-not-sending-verification-code-worst-support/" target="_blank">Twitter Not Sending Verification Code & Worst Support</a></span>" The Customize Windows, <span class="cit-pub-date">2016</span>: <span class="cit-fpage">n. pag. Web.</span>-<span class="cit-lpage">16 May 2016.</span>.
footnote-1-ref are two classes. Another two classes are
footnote-1. it is rule to link back with ↩ symbol to the number on click. Rest looking very complicated but actually for making the bots understand. You can do it with :
…footnote styles for academica compliant with styles of publishing…
Which is :
...footnote styles for academic<a href="#footnote" title="Go to the link"><sup>a</sup></a> compliant with styles of publishing...
and have a footnote like this :
1. Twitter is Bad by Abhishek Ghosh.
1. <a id="fn1" href="https://thecustomizewindows.com/2016/05/twitter-not-sending-verification-code-worst-support/" title="Workshops and Classes by Lorelle VanFossen.">Twitter is Bad</a> by Abhishek Ghosh.
But what fucking purpose it will serve more than getting a funky pseudo-academic 1, 2, 3, 4, that is unknown to me. Bibtex to WordPress bibliography is technically most robust system, and WordPress plugins are available like Papercite. Those are professional grade Plugins :
We have not checked their matters. We only informed you.
Referencesbibliography examples articles , FOOTNOTE IN HTML5 , what is the best footnote or endnote plugin for wordpress , wordpress footnotes