Quer colocar um versículo bíblico diariamente no seu site e ajudar a divulgar o site Testes Bíblicos? Você pode! E para ajudar a implementação, preparamos uma forma fácil de inserção em três passos e explicamos a seguir cada um deles:
O primeiro passo é inserir um link da folha de estilo no header do seu site. Em qualquer lugar entre as tagas <head> e </head>.
<head> ... <link href="https://testesbiblicos.com.br/testesbiblicos.css" rel="stylesheet"> ... </head>
Esse é o arquivo que vai dar o visual do versículo no site. Se for fazer sua própria folha de estilos, pode desconsiderar este passo.
O segundo, é inserir um link para o script que faz a inserção do versículo. É um arquivo Javascript e você pode copiar aqui e colar no final do seu site, antes da tag </body>.
... <script type="text/javascript" src="https://testesbiblicos.com.br/testesbiblicos.js"></script> </body>
Este arquivo é responsável por recuperar os dados aqui no site Testes Bíblicos e entregar no seu site.
E por último, precisamos de um local para o versículo ser impresso. Você pode escolher o local onde deseja que ele seja exibido e colar o código abaixo neste lugar. Pode ser um elemento "<div>" ou um "<p>" por exemplo. Ele tever ter um id="tb-verse" e uma class="tb-verse" para funcionar.
<div id="tb-verse" class="tb-verse"></div>
Se escolher utilizara nossa folha de estilos (primeiro passo), você poderá usar os atributor pré-definidos para personalizar o versículo. São eles: data-style (verse-green, verse-grey, verse-purple, verse-aqua, verse-black, verse-pink, verse-blue, verse-orange) e data-text-align (verse-center, verse-right). Alguns exemplo de uso abaixo:
Alguns exemplos:
<div id="tb-verse" class="tb-verse" data-style='verse-green' data-text-align='verse-center'></div> <div id="tb-verse" class="tb-verse" data-style='verse-orange'></div>
E assim o versículo será exibido no seu site, mais uma forma de divulgar a Palavra de Deus!
Deixe um comentário:
Deixe seu comentário. Só serão exibidos comentários ligados ao texto do post. Links serão removidos.