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>
$(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>
<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;
}
{
color:#000;
font-weight:bold;
}
.dailyVerses.linkToWebsite a
{
opacity:0.6;
font-size:12px;
text-decoration:none;
}
Share with your friends!
