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

You can use this HTML code to place the Bible verse of the day on your website. Look here for specific examples:

NIV - New Internation Version:
- Verse of the Day
- Random Bible Verse
KJV - King James Version:
- Verse of the Day
- Random Bible Verse
ESV - English Standard Version:
- Verse of the Day
- Random Bible Verse
NKJV - New King James Version:
- Verse of the Day
- 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/3.4.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/get/verse?language=niv&isdirect=1&url=' + window.location.hostname,

					         dataType: 'JSONP',

					         success:function(json){

					            $(".dailyVersesWrapper").prepend(json.html);

					         }

				          });

			           });

		        </script>