...
DailyVerses.net
Deutsch | English | Español | Nederlands | Português

Verse of the day on your website

Do you have a website and do you want to show our daily Bible verse on it? That's possible!

WordPress

For wordpress we have a plugin: Click here to download our wordpress plugin!

Blogger

In Blogger go to 'Add a Gadget', and add the one called 'HTML/JavaScript'. Enter a title and copy the code from step 1 to 3 of this page into the content field.

JavaScript & HTML - Adding the Bible verse of the day

Look here for an example. You can use this HTML code to place the Bible verse of the day on your website. It's also possible to show a random Bible verse.

Step 1 - jquery

Make sure your website supports jquery, put the following in the <head> if it's not there:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

Step 2 - Javascript

Put the following in the <head> of your website:

<script>
$(document).ready(function(){
$.ajax({
url:'https://dailyverses.net/getdailyverse.ashx?language=niv&isdirect=1&url=' + window.location.hostname,
dataType: 'JSONP',
success:function(json){
$(".dailyVersesWrapper").prepend(json.html);
}
});
});
</script>

If you want to use the KJV translation instead of the NIV translation, replace niv by kjv (example).

Step 3 - HTML

Put the following HTML at the place where you want to show the bible verse of the day.

<div class="dailyVersesWrapper">
<div class="dailyVerses linkToWebsite"><a href="https://dailyverses.net" target="_blank">DailyVerses.net</a></div>
</div>

Step 4 - CSS

You can use the following CSS to make it appear a little bit nicer:

.dailyVersesWrapper a
{
    color:#000;
    font-weight:bold;
}

.dailyVerses.linkToWebsite a
{
    opacity:0.6;
    font-size:12px;
    text-decoration:none;
}
Bible verse of the day
psalms 16:11
You make known to me the path of life; you will fill me with joy in your presence, with eternal pleasures at your right hand.
Receive the Daily Bible Verse:
Email
Email
Facebook
Facebook
Twitter
Twitter
Android
Android
Personal Bible reading plan
Create an account to configure your Bible read plan and you will see your progress and the next chapter to read here!
>Read more...