The Earth is the Lord's,
and the fulness thereof;
Christ.com
www.Christ.com
Christ.com

Bible Verse of the Day

The Bible Verse of the Day is a free app/widget that loads the daily verse on your own website. Help spread the Word of God with a daily verse on your own site.

-------------------------------

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

Free: Bible Verse of the Day

Put it on Your Website!



Help Spread the WORD

The Bible Verse of the Day is a free short passage (about 1-4 verses max) in the KJV, NASB, and NIV translations. The Bible Verse of the Day is intended for use on actual websites or home pages (this is NOT a daily email message)..

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



It takes only a few minutes to install the Bible Verse of the Day on your site (just a few lines of code and an optional small graphic image for the basic installation)!






Installation Instructions:

We have a few suggested formats for the verse, but feel free to use any formatting or colors you feel appropriate for your site. Some users don't want the graphic version, or have problems installing the Bible image, so we have both a text-only version and a graphic version with the Bible image. Some examples are 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 between the two versions (graphics version, text-only version) 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. The code you need to insert is in red. The code in red on this page does NOT wrap around at the end of the screen (so in some cases you will see a horizontal scroll bar at the bottom of your browser). This is deliberate, to emphasize that the line with document.write(...) MUST be on one physical line.

This 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" align="left"><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:

Details for Techies:

(This advanced section can be skipped)
Further down the page in the "Example Code Using Tables & Validation Options:" section we list "Regular Versions" of the script, and "Validating Versions". Javascript is notorious for being hard to "validate", or check that the page is compliant with current Internet standards. Here is the W3C validation test page:

Test Your Web Page Validation

The "regular version" works fine, and is valid, but it fools the W3C automatic validation checker. Most of you may want to use the regular version which is easier. I use the "Validating Versions" sometimes on big complex pages where I want to check out other aspects of page validation unrelated to Javascript (Javascript causes problems with the validation checker).

Required KJV Code: (Regular Version)


<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" align="left"><font color="#000000">' + votdtext + '</font></td></tr></table></center>');
}
</script>

Required NASB Code: (Regular Version)


<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" align="left"><font color="#000000">' + votdtext + '</font></td></tr></table></center>');
}
</script>

Required NIV Code: (Regular Version)


<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" align="left"><font color="#000000">' + votdtext + '</font></td></tr></table></center>');
}
</script>






Graphic Image Requirements for Installation:

To complete the installation, you may wish 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).

Christ.com: Bible Verse of the Day







Verse Display Options:

In this section we give a few suggestions for HTML to embed the verse in tables with colored backgrounds and fonts. Feel free to change colors, fonts, or even eliminate the table completely.

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 of Verse Text Only, No Table, Yellow Background



Regular Version, Non-Validating:

<div style="width: 20em; margin-left: auto; margin-right: auto; background-color: #ffffcc;">

<script type="text/javascript">
var votd1;
votd1 = null;
</script>
<script type="text/javascript" src="http://votd.Christ.com/biblevotd/votd-kjv.js">
</script>
<script type="text/javascript">
if (votd1 != null) {
document.write(votd1);
}
</script>

</div>


Regular Version, Non-Validating:    






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="0" width="250" cellpadding="3"><tr><td bgcolor="#cccccc" align="left"><font color="#000000">' + votdtext + '</font></td></tr></table></center>');
}
</script>



Regular Version, Non-Validating:    







Example Code Validation Options:

Below are two examples of the daily verse: the Regular Version, and the Validation Version. Note that any HTML tag (like the <table> HTML tag)inside the document.write(...) section can cause validation problems. Again: The Javascript is VALID, but causes problems with the automatic W3C validator.

Table Example: Yellow Background, Brown Verse Font, Border



The HTML code for the above example is listed below:

Regular Version, Non-Validating:

<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" align="left"><font color="#993300">' + votdtext + '</font></td></tr></table></center>');
}
</script>




Regular Version, Non-Validating:    




Validating Version:    







Table Options:

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.

Christ.com: Bible Verse of the Day Christ.com: Bible Verse of the Day Christ.com: Bible Verse of the Day
Christ.com: Bible Verse of the Day Christ.com: Bible Verse of the Day Christ.com: Bible Verse of the Day
Christ.com: Bible Verse of the Day    


Black Background:

Christ.com: Bible Verse of the Day Christ.com: Bible Verse of the Day Christ.com: Bible Verse of the Day
Christ.com: Bible Verse of the Day Christ.com: Bible Verse of the Day  


White Background:

Christ.com: Bible Verse of the Day Christ.com: Bible Verse of the Day Christ.com: Bible Verse of the Day
Christ.com: Bible Verse of the Day Christ.com: Bible Verse of the Day  


Maroon Background:

Christ.com: Bible Verse of the Day Christ.com: Bible Verse of the Day Christ.com: Bible Verse of the Day


Gray Background:

Christ.com: Bible Verse of the Day Christ.com: Bible Verse of the Day Christ.com: Bible Verse of the Day
Christ.com: Bible Verse of the Day Christ.com: Bible Verse of the Day Christ.com: Bible Verse of the Day
Christ.com: Bible Verse of the Day    






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" align="left"><font color="#000000">' + votdtext + '</font></td></tr></table></center>');
}
</script>


God bless you,
Job.