Versículo del día en su página web
¿Tiene un sitio web y quiere mostrar nuestro versículo de la Biblia del día? Eso es posible!WordPress
Nuestro plugin de Wordpress: Haga clic aquí para descargar su plugin de WordPress!JavaScript & HTML - Añadir el versículo del día
Mira aquí para ver un ejemplo. Puede usar este código HTML para colocar el versículo del día en su sitio web.Paso 1 - jquery
Asegúrese de que su sitio web sea compatible con jquery, ponga lo siguiente en <head> si no está ahí:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
Paso 2 - Javascript
Agregue lo siguiente a <head> de su sitio web:
<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>
Paso 3 - HTML
Agregue el siguiente HTML en el lugar donde desea mostrar el versículo del día.
<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>
Paso 4 - CSS
Puede usar el siguiente CSS para que parezca un poco más agradable:
.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;
}
Leer más
