Bible Reference Taggers

From CATUG wiki
Jump to navigation Jump to search

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

See also

  • Template:Bibleverse, which is currently used within this wiki to create links (but not popups) for bible verses