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.
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=es&isdirect=1&url=' + window.location.hostname,
dataType: 'JSONP',
success:function(json){
$(".dailyVersesWrapper").prepend(json.html);
}
});
});
</script>
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/es" 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!
Read more
Receive the Daily Bible Verse: