View source for Bible Reference Taggers

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:
<pre>
<!-- 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>
</pre>

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: [http://www.txbobsc.com/life/am_aic/aictoc.html 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 
 &lt;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 [http://www.txbobsc.com/mwextensions/blbext/BLBScriptTaggerExtension.html MediaWiki Extension for BLB Script Tagger].

== NET Bible ==
http://labs.bible.org/NETBibleTagger

Add the following right before </body> tag:
<pre>
<!-- 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>
</pre>

== Logos ==
http://reftagger.com/

Add the following right before </body> tag:
<pre>
<!-- 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>
</pre>

== AV1611.com ==
http://av1611.com/verseclick/

Add the following right before either the </head> or the </body> tag:
<pre>
<script type="text/javascript" src="http://av1611.com/verseclick/verseclick.js"></script>
</pre>

== 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!
<pre>
<script src="http://www.esvapi.org/crossref/crossref.min.js" type="text/javascript"></script>
</pre>

=See also=
*[[Template:Bibleverse]], which is currently used within this wiki to create links (but not popups) for bible verses

=Credits=
Contributed by [[User:Bobsc|Bob Sander-Cederlof]], January 2012

[[Category:Bible Software|Taggers]]
[[Category:How-to guides]]
[[Category:Websites]]