Add Bible Verse Lookup to any Page

Posted at August 22, 2014

Nearly all of our clients are involved in Biblical work of one kind or another. Including scripture references, verses, and other Biblical content is extremely common.

SiteOrganic supports many powerful third-party tools, including tools to extend the power of your spiritual study resources throughout your Website.  Did you know there is an easy way to have your Website automatically highlight any scripture reference, and show the entire verse on hover?

Try it: Romans 8:28

How to enable scripture highlighting

The scripture highlighting tool we typically recommend is provided free by Logos/Faithlife.

1. Copy the following block of code.  See the part that says “NIV”? You can change that to a number of other translations, such as ESV, ASB, NKJV, AB, MESSAGE, NLT, etc.  We set up our example for NIV:

<script>
var refTagger = {
 settings: {
 bibleVersion: "NIV"
 }
 };
 (function(d, t) {
 var g = d.createElement(t), s = d.getElementsByTagName(t)[0];
 g.src = "//api.reftagger.com/v2/RefTagger.js";
 s.parentNode.insertBefore(g, s);
 }(document, "script"));
</script>

 

2. Log in to the SiteOrganic Admin Console (must be a full Administrator) and choose Site Administration > Site Footer.

3. View the footer in HTML mode (click the toggle button just below the editor window).

4. Scroll to the bottom, and paste the code you got in step 1 above. **If you are squeamish about using HTML, or if you are worried about messing up something, STOP! Let our Care Team do this step for you instead.***

5. Once you click save, the scripture highlighting tool will activate.  Any time you type a common scripture reference on a page (e.g. Genesis 1:1, Ps. 102, Jeremiah 29:10-15), it will automatically highlight with the rollover tool.

 

6. Advanced: you can even get fancy by using the BibleRef markup, like this:

<a href="http://biblia.com/bible/esv/Mt%205.48" data-reference="Mt 5.48" data-version="esv" data-purpose="bible-reference" target="_blank">verse 48</a>

 

…which will look like this:

verse 48

 

blog comments powered by Disqus
  •  
©2014 SiteOrganic LLC

Switch to our mobile site