Versículo do dia em seu site
Você tem um site e quer mostrar nosso versículo da Bíblia do dia sobre ele? Isso é possível!WordPress
Para wordpress, temos um plugin: Clique aqui para baixar o seu plugin wordpress!JavaScript & HTML - Adicionando o verso da Bíblia do dia
Procure aqui para um exemplo. Você pode usar este código HTML para colocar o versículo da Bíblia do dia em seu site.Passo 1 - jquery
Verifique se o seu site suporta jquery, coloque o seguinte no <head> se não estiver lá:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
Passo 2 - Javascript
Coloque o seguinte na tag <head> do seu site:
<script>
$(document).ready(function(){
$.ajax({
url:'https://dailyverses.net/getdailyverse.ashx?language=arc&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=arc&isdirect=1&url=' + window.location.hostname,
dataType: 'JSONP',
success:function(json){
$(".dailyVersesWrapper").prepend(json.html);
}
});
});
</script>
Passo 3 - HTML
Coloque o seguinte HTML no lugar onde você quer mostrar o versículo da Bíblia do dia.
<div class="dailyVersesWrapper">
<div class="dailyVerses linkToWebsite"><a href="https://dailyverses.net/pt" target="_blank">DailyVerses.net</a></div>
</div>
<div class="dailyVerses linkToWebsite"><a href="https://dailyverses.net/pt" target="_blank">DailyVerses.net</a></div>
</div>
Passo 4 - CSS
Você pode usar o seguinte CSS para parecer um pouco mais legal:
.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;
}
Leia mais
