Versículo del día en su página web
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!Placing 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>
$(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>
<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
{
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;
}
Compartir con tus amigos!
