Using RefTagger with Bible.Logos.com and Ref.ly Links

By default RefTagger will tag only the bare Bible references on your site. If a Bible reference is already linked to Bible.Logos.com or another online Bible site, RefTagger will ignore it. So you won’t get the cool tooltips to show up on references you’ve already linked manually.

We’ve received some feedback from people who want to be able to link Bible references to Bible.Logos.com and have RefTagger add the tooltips, so we’ve decided to add support for it. It also works with Ref.ly links, which is perfect if you syndicate your Twitter feed to your blog.

Here are a couple of examples:

All you need to do to enable this new functionality is add one additional line of code to the RefTagger script code in the footer of your site. Simply add

Logos.ReferenceTagging.lbsConvertHyperlinks = true;

to the RefTagger JavaScript code anywhere before the line

Logos.ReferenceTagging.tag();

This will tell RefTagger to add tooltips to all of the Bible references that are hard linked to Bible.Logos.com or Ref.ly.

Why would you want to do this? Well, since RefTagger uses JavaScript, Bible references in your site’s feed don’t get linked because the JavaScript code runs only on your site, not in your readers’ feed reader (e.g., Google Reader or Bloglines). If you want your Bible references to be linked in your feed, you’ll have to link them manually (or use this hack to save a little time). Before, you had to choose between linking your Bible references to Bible.Logos.com or using RefTagger. Now you can do both and enjoy the best of both worlds.

On Facebook? Join the Discussion

11 Responses to “Using RefTagger with Bible.Logos.com and Ref.ly Links”

  1. Ken June 30, 2009 at 8:13 pm #

    Any plans to have RefTagger supply passages as well as single verses?

  2. Phil Gons July 1, 2009 at 10:10 am #

    Ken, RefTagger will currently display up to 250 or so characters. This allows for almost all verses to be displayed in their entirety and many short ranges of verses as well. My understanding is that we can’t have the tooltip window resize to show more content because JavaScript won’t allow it for security reasons when the code is hosted on a site different from the one the website is hosted on.

  3. Ron Elkin July 3, 2009 at 8:06 pm #

    It’s a great idea to give away some Bibles.

  4. David Buckham July 3, 2009 at 8:50 pm #

    Maybe I am dreaming about this…but what if you could run RefTagger on your computer in the background (like a widget or background program) so anytime you have a program running (be it Word, PPT, IE, Safari…whatever) and a scripture is referenced (in a predetermined way) RefTagger would allow you to load it. Would this be too taxing on the system? Maybe a feature you could turn off and on?
    all about Christ,
    David Buckham

  5. Amanda Bowers July 4, 2009 at 7:13 pm #

    Thanks for doing this!

  6. Wale July 6, 2009 at 7:24 am #

    I can link to Bibles on line. How do you have the refTagger in a PowerPoint presentation when there is no internet access?
    Thanks

  7. Phil Gons July 6, 2009 at 8:53 am #

    Unfortunately, RefTagger does not work offline.

  8. Phil Gons July 6, 2009 at 12:59 pm #

    Thanks for the suggestion, David. We don’t have any immediate plans to make something like this, but it’s definitely on the list for consideration.

  9. JDuran January 28, 2010 at 7:02 am #

    I’m looking for a way to sidestep reftagger on our drupal install for a single instance. Example: A title references a Bible verse and I don’t want it highlighted nor linked. Is there a way to accomplish this?

  10. Phil Gons January 28, 2010 at 12:30 pm #

    You can specify certain tags or classes to have RefTagger skip. More details at http://www.logos.com/reftagger.

  11. Kevin.King April 18, 2010 at 7:40 am #

    Regarding tooltip size limits. I was experimenting with my own system for displaying pop-up verses before I discovered RefTagger. The technique was to create a hyperlink, and then use the CSS ‘hover’ pseudo-attribute and ‘after’ pseudo-element to display the required text, as below:
    a.Mt26v3:hover:after{ content:
    ” ‘Then the chief priests, the scribes, and the elders of the people were gathered together in the court of the high priest, who was called Caiaphas.’”;}
    The length of text in the content attribute is not restricted to 255 characters, and by associating a common class with all references, you can define a pop-up box to accommodate the reference.
    a.q{display:inline;}
    a.q:hover:after{ display:block; position:fixed; bottom:0px; right:5%; width:75%; border:1px solid blue; padding:1em; background-color:LightYellow; color:Gray; }
    My system was entirely manual, so very tedious to implement, and had no formatting of the content text. But it was designed to work without any Javascript. Using Javascript, you might be able to create something more versatile.