...
DailyVerses.net
Deutsch | English | Español | Nederlands

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
{
    color:#999;
    font-size:12px;
    text-decoration:none;
}

Share with your friends!

Facebook
Google+
Twitter


Read more

Receive the Daily Bible Verse:

Bible verse of the day
Surely your goodness and love will follow me all the days of my life, and I will dwell in the house of the Lord forever.

psalms 23:6
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...