Bible Gateway Reference Tagging Tool

Check out this video. In this video I show how to transform all plain-text Scripture references on a webpage into hyperlinks to the appropriate Bible passage from BibleGateway.com. That is, when the user hovers on the Bible reference, a tooltip pops up, showing the Bible passage. Here is the information page at BibleGateway.com.

For a demo, hover on the passage: Philippians 2:3.

Advanced Tip:

  1. You can use the WordPress plugin WPCode to make a snippet of this which can apply to all or some pages and posts of a website (I’m trying that).
  2. When listing multiple passages, you can have a problem with something like “1 Corinthians 10:31” because the tool thinks “1” goes with the previous passage. The work-around here is to insert <span>..</span>. For example: Col 3:17; 1 Corinthians 10:31; Col 3:23–24.