You have probably visited at least one site which had Bible verse references that looked like links. When you hover over the reference a tooltip pops up with the content of the verse or verses.

So far I have found five different Bible Reference Taggers that can be added to your own web pages or your entire web site. It is all done with a line or two or three of Javascript. When a page with this JavaScript loads, the script will turn all Bible references on a page into links that put up a tooltip with the verses specified.

Available taggers

Blue Letter Bible

http://www.blueletterbible.org/freeoffer/BLB_ScriptTagger/

Add the following right before </head> tag:

<!-- Blue Letter Bible Tagger -->
<script src="http://www.blueletterbible.org/scripts/blbToolTip/BLB_ScriptTagger-min.js" type="text/javascript"></script>
<script type="text/javascript">BLB.Tagger.Translation = 'KJV';</script>

This is the Tagger I have added to my personal wiki, by modifying skins/Monobook.php. I have also added this tagger to one of the books on my site: Abide In Christ (Andrew Murray)

MediaWiki extension for BLB_ScriptTagger

I have just finished writing an extension for MediaWiki which will add the <script> tags to any wiki page you choose. Once the extension is installed, you can invoke it on any page by simply adding

<blbtagger />

anywhere on the page.

If you choose, you can also add options to choose the translation (NIV, NASB, KJV, et cetera), and more.

Anyone interested in getting a copy of this extension, visit MediaWiki Extension for BLB Script Tagger.

NET Bible

http://labs.bible.org/NETBibleTagger

Add the following right before </body> tag:

<!-- Go Here: http://labs.bible.org/NETBibleTagger to add this to your site. -->
 <script type="text/javascript" defer="defer" src="http://labs.bible.org/api/NETBibleTagger/netbibletagger.js">
org.bible.NETBibleTagger.voidOnMouseOut = true;
</script>

Logos

http://reftagger.com/

Add the following right before </body> tag:

<!-- RefTagger from Logos. Visit http://www.logos.com/reftagger. This code should appear directly before the </body> tag. -->
<script src="http://bible.logos.com/jsapi/referencetagging.js" type="text/javascript"> </script> 
<script type="text/javascript">
     Logos.ReferenceTagging.lbsBibleVersion = "ESV";
     Logos.ReferenceTagging.lbsLinksOpenNewWindow = true;
     Logos.ReferenceTagging.lbsLogosLinkIcon = "dark";
     Logos.ReferenceTagging.lbsNoSearchTagNames = [ "h2", "h3", "h3" ];
     Logos.ReferenceTagging.lbsTargetSite = "biblia";
     Logos.ReferenceTagging.tag();
</script>

AV1611.com

http://av1611.com/verseclick/

Add the following right before either the </head> or the </body> tag:

<script type="text/javascript" src="http://av1611.com/verseclick/verseclick.js"></script>

ESV CrossRef

http://www.esv.org/tools/esv-crossref/

Just copy the code below and paste it right before the ending body tag ‘</body>’ of your website. Its that simple!

<script src="http://www.esvapi.org/crossref/crossref.min.js" type="text/javascript"></script>

Credits

Contributed by Bob Sander-Cederlof, January 2012

Bible Reference Taggers

Contents