Christ.Com -> Bible Verse of the Day

The Earth is the Lord's,
and the fulness thereof;

www.Christ.com

Bible Verse of the Day

Christian Webservants:
Install the Bible Verse of the Day on Your Web Site!

Free: Bible Verse of the Day

Put it on Your Website!

The Bible Verse of the Day is a free short verse from the Word of God that we update 7 days a week in the three most popular translations: KJV, NASB, and NIV. The Bible Verse of the Day is NOT an email message, but is for those who have actual web sites.

Remember, To Use This Service: You Need A Web Site, Not Just E-Mail

Registration: (Optional!)

You are not required to register to install the daily verse! Registration is just a convenience and courtesy. We occasionally visit the sites that are using the verse and sign their guest book. To register, we need a valid E-Mail address, and the URL (web page address) of the page using the Bible Verse of the Day. Your E-Mail address and URL will be kept private!

Installation Instructions:

It only takes a few minutes to install the Bible Verse of the Day on your site (just a few lines of code and a small graphic image for the basic installation)! The daily message is very short, as a rule 1-5 verses at most (usually 1-4 verses) from one of the three major translations:

KJV: King James Version
NIV: New International Version
NASB: New American Standard Version

We have a few suggested formats for including the verse, but feel free to use any formatting you feel is appropriate for your site. Some users don't want the graphic version, or have problems installing the Bible image, so we now have a text-only version, and a separate version with the graphic image of the Bible, with examples below:

Graphics Version

Text-Only Version

Before launching into a detailed description, you might want to look at the following simple example page: (Be sure to look at the source code for the page)

Example Page for Bible Verse of the Day

PROGRAMMING TIP:
The Only difference in coding the two versions for your site is that the graphic version uses the variable "votdtext" in the document.write statement, while the Text-Only version uses the variable "votd1".

The remainder of this page provides the details for installation.

HTML Requirements:

A small section of HTML should be placed in the code for your web page to initialize the script, download the verse, and print the verse on your page. This section also determines which of the three major Bible translations will be used for the verse. An example section of code needed for the KJV version is listed below. The code you need to insert is in red. The example places the verse text in a table with yellow background and black text.

Example code:

<html>
<head>
<title>.... your title goes hear</title>
other stuff...
</head>
<body>
... this is where your main web page HTML goes...
... insert the bible votd code (in red) where you want the verse to show up on your page ...


<script type="text/javascript">
<!--
var votdtext;
votdtext = null;
// -->
</script>
<script type="text/javascript" src="http://votd.Christ.com/biblevotd/votd-kjv.js">
</script>

<script type="text/javascript">
<!--
if (votdtext != null) {
document.write('<center><table border width="300" cellpadding="3"><tr><td bgcolor="#ffffcc"><font color="#000000">' + votdtext + '</font></td></tr></table></center>');
}
// -->
</script>

The above code is used to load the daily verse from the KJV translation into the browser's memory (it is stored in a variable called "votdtext" if you are curious). We have three major translations available for use (KJV, NIV, NASB). Note that the only difference in code among the Bible translation versions is the name of the JavaScript file name. For example, use votd-kjv.js for the KJV version, and votd-niv.js for the NIV version. Replace the above code with the code below to get other translations:

Required KJV Code:


<script type="text/javascript">
<!--
var votdtext;
votdtext = null;
// -->
</script>
<script type="text/javascript" src="http://votd.Christ.com/biblevotd/votd-kjv.js">
</script>

<script type="text/javascript">
<!--
if (votdtext != null) {
document.write('<center><table border width="300" cellpadding="3"><tr><td bgcolor="#ffffcc"><font color="#000000">' + votdtext + '</font></td></tr></table></center>');
}
// -->
</script>

Required NASB Code:


<script type="text/javascript">
<!--
var votdtext;
votdtext = null;
// -->
</script>
<script type="text/javascript" src="http://votd.Christ.com/biblevotd/votd-nas.js">
</script>

<script type="text/javascript">
<!--
if (votdtext != null) {
document.write('<center><table border width="300" cellpadding="3"><tr><td bgcolor="#ffffcc"><font color="#000000">' + votdtext + '</font></td></tr></table></center>');
}
// -->
</script>

Required NIV Code:


<script type="text/javascript">
<!--
var votdtext;
votdtext = null;
// -->
</script>
<script type="text/javascript" src="http://votd.Christ.com/biblevotd/votd-niv.js">
</script>

<script type="text/javascript">
<!--
if (votdtext != null) {
document.write('<center><table border width="300" cellpadding="3"><tr><td bgcolor="#ffffcc"><font color="#000000">' + votdtext + '</font></td></tr></table></center>');
}
// -->
</script>

Verse Display Options:

In this section, we will give a few suggestions for optional HTML to embed the verse in tables with colored backgrounds and fonts. Feel free to change table colors, or even eliminate the table completely, when placing the code on your own web page.

Note that the code inside the document.write section is ALL ON ONE LINE. This is one of the most common errors in JavaScript. When you copy the code into your page, make sure that there are no carriage returns or line feeds in this "document.write" section. As a convenience, we have put this section of JavaScript inside a text box to make it easier to copy and paste.

Simple Example Code for Display of Verse Text Only (without table)


<script type="text/javascript">
<!--
var votdtext;
votdtext = null;
// -->
</script>
<script type="text/javascript" src="http://votd.Christ.com/biblevotd/votd-kjv.js">
</script>

<script type="text/javascript">
<!--
if (votdtext != null) {
document.write(votdtext);
}
// -->
</script>

Example Code for Verse in Table with Yellow Background, Black Text


<script type="text/javascript">
<!--
var votdtext;
votdtext = null;
// -->
</script>
<script type="text/javascript" src="http://votd.Christ.com/biblevotd/votd-kjv.js">
</script>

<script type="text/javascript">
<!--
if (votdtext != null) {
document.write('<center><table border width="300" cellpadding="3"><tr><td bgcolor="#ffffcc"><font color="#000000">' + votdtext + '</font></td></tr></table></center>');
}
// -->
</script>

Graphic Image Requirements for Installation:

To complete the installation, you will need to transfer one of the images at the bottom of this page to your website, and name the image "biblevotd.gif". This image file must be in the same directory on your server that you use for your web page (the page containing the Bible Verse of the Day). Basically, the image should look like the one below, with perhaps minor differences in font color or background color (Feel free to change colors).

Christ.com: Bible Verse of the Day

Example Code Using Tables:

Feel free to use any background and color scheme that fits with your current web page. Below, we have included a few examples using tables, along with the code needed to generate the example table. This example code can be used in the <body> section of your web page.

Below are two examples of the daily verse, with two table formats. The first version has a light yellow background with a bold brown text color, and a table border. The second version has a gray background with a black text color, and no border. The HTML code for each example follows immediately after the example:

Table Example: Yellow Background, Bold Brown Verse Font, Border

The HTML code for the above example is listed below:


<script type="text/javascript">
<!--
var votdtext;
votdtext = null;
// -->
</script>
<script type="text/javascript" src="http://votd.Christ.com/biblevotd/votd-kjv.js">
</script>

<script type="text/javascript">
<!--
if (votdtext != null) {
document.write('<center><table border width="250" cellpadding="3"><tr><td bgcolor="#ffffcc"><font color="#993300">' + votdtext + '</font></td></tr></table></center>');
}
// -->
</script>

Table Example: Gray Background, Black Verse Font, No Border

The HTML code for the above example is listed below:


<script type="text/javascript">
<!--
var votdtext;
votdtext = null;
// -->
</script>
<script type="text/javascript" src="http://votd.Christ.com/biblevotd/votd-kjv.js">
</script>

<script type="text/javascript">
<!--
if (votdtext != null) {
document.write('<center><table border width="250" cellpadding="3"><tr><td bgcolor="#cccccc"><font color="#000000">' + votdtext + '</font></td></tr></table></center>');
}
// -->
</script>

Changing the Table Cell Background Color:

<td bgcolor="#cccccc">: Set background table cell color to gray
<td bgcolor="#ffffcc">: Set background table cell color to light yellow (like at the top of this page).

Changing the Verse Text Font Color:

<font color="#000000">: Set the text color to black (good for white or light background color web pages)
<font color="#ffffff">: Set the text color to white (good for black or dark background color web pages)

Changing the Table Width and Border Options:

<table border width="250" cellpadding="3">: The border option creates a table with a small border.
<table border="0" width="250" cellpadding="3">: The border="0" option creates a table without borders.
<table border width="500" cellpadding="3">: The width="500" creates a table that is 500 pixels wide. Pick a table size that looks nice on your web page.

Graphics Options:

Below we have a collection of different colored images for the Bible Verse of the Day. Feel free to copy any image that fits with your webpage. Once you copy the image, be sure it is named biblevotd.gif on your web server, even though it has a different name below!

Transparent Background:

Note: The second and third images in the first row (transparent background with white or yellow letters) are shown in black table cells so the white and yellow letters can be seen. The transparent background images, including the ones with white and yellow letters, can be used with any background, including gif image backgrounds.

Black Background:

White Background:

Maroon Background:

Gray Background:

Cascading Style Sheet Options:

While the text size and color can be easily changed using standard HTML tags and style sheets, the image of the Bible has a special Class name associated with it to allow sizing. The image has an embedded class name of "christcombiblevotdimg". The default image size in pixels is height=65 width=200. You can resize this using a <style> section in your header section. In the section below, we give a style section that will reduce the size by 25%:

Example code:

<html>
<head>

<style>
img.christcombiblevotdimg {height: 48px; width: 150px}
</style>

<title>.... your title goes hear</title>
other stuff...
</HEAD>
<body>
... this is where your main web page HTML goes...
... insert the bible votd code (in red) where you want the verse to show up on your page ...
<script type="text/javascript">
<!--
var votdtext;
votdtext = null;
// -->
</script>
<script type="text/javascript" src="http://votd.Christ.com/biblevotd/votd-kjv.js">
</script>

<script type="text/javascript">
<!--
if (votdtext != null) {
document.write('<center><table border width="300" cellpadding="3"><tr><td bgcolor="#ffffcc"><font color="#000000">' + votdtext + '</font></td></tr></table></center>');
}
// -->
</script>

God bless you,
Job.