Home Tecnologia Dicas Como incluir uma caixinha de promessas em seu site ou blog

Como incluir uma caixinha de promessas em seu site ou blog

>> Segurança: "Desencurte" as URL's antes de clicar!
>> Ubuntu Netbook Remix

Por ser uma forma simples e prática de ler versículos selecionados contendo textos proféticos, as famosas Caixinhas de Promessas se tornaram muito populares no meio cristão. Aqui veremos como incluir uma caixinha de promessas digital em seu site ou blog onde, a cada "load" da página um novo versículo será exibido aos seus visitantes.

Se você não consegue imaginar o que possa ser essa tal caixinha de promessas digital basta olhar no canto superior direito dessa página e verificar a nossa, Viu? Poderá notar também que se você atualizar esta página irá ser exibido outro versículo automaticamente neste mesmo local. Pois bem, esta é a função da caixinha de promessas: exibir um novo versículo a cada carregamento da página.

Pensando em nossos visitantes que, a cada dia mais, possuem seus blogs e sites, e no quanto de bom esse recurso tem a oferecer a todos, a ComunidadeaBíblia.Net decidiu compartilhar a sua Caixinha de Promessas com todos. O recurso é gratuito e de livre utilização. Você só precisará incluir nosso gerador (ensinaremos como mais adiante) no local de seu site ou blog onde deseja exibir as promessas e cada vez que sua página for carregada a Caixinha de Promessas irá mostrar um novo versículo.

 

Passo a passo

A Caixinha de Promessas permite que o texto dos versículos seja formatado passando-se parâmetros HTML como veremos a seguir.

Antes de o incluir em um site ou blog vamos visualizar o gerador de promessas e entender como formatar seus textos:

Primeiro acesse o gerador da Caixinha de Promessas no link abaixo:
https://www.comunidadeabiblia.net/geraPromessas/

Note que foi exibido uma promessa com a formatação padrão. Ou seja, a formatação que será assumida caso nenhum parâmetro seja passado ao gerador. A seguir temos os parâmetros (que fazem parte do padrão HTML) aceitos e seus respectivos valores default:

align - Configura o alimento da fonte
align=LEFT
color - Configura a cor da fonte
color=#000000
face - Configura o tipo da fonte
face=verdana
size - Configura o tamanho da fonte
size=12

Para passar um parâmetro para o gerador da Caixinha de Promessas siga os exemplos a seguir:

Configurando a cor da fonte como vermelha:
Passando o nome da cor:
https://www.comunidadeabiblia.net/geraPromessas/?color=red

Ou passando o código da cor (para vermelho: #ff0000 - note que como # é um caractere especial, precisamos passar seu código: %23): 
https://www.comunidadeabiblia.net/geraPromessas/?color=%23ff0000

Configurando o tamanho da fonte como 16:
https://www.comunidadeabiblia.net/geraPromessas/?size=16

Configurando o alinhamento do texto como centralizado:
https://www.comunidadeabiblia.net/geraPromessas/?align=center

Ou seja, para passar um parâmtro, deve-se inserir o sinal de '?' (interrogação) seguido do nome do parâmetro mais o sinal de '=' (igualdade) e o valor do parâmetro.

Para passar dois ou mais parâmetros veja o exemplo:

Configurando a cor da fonte como vermelha e o tamanho da fonte como 16:
https://www.comunidadeabiblia.net/geraPromessas/?color=red&size=16

Ou seja, insere-se o primeiro parâmetro normalmente (como vimos acima) e, para incluir um novo parâmentro, ao invés de incluirmos o sinal de '?' (interrogação) insere-se o '&' (e comercial) seguido do próximo parâmentro.

 

Incluindo a Caixinha de Promessas em seu site ou blog 

Agora que você já conhece o gerador da Caixinha de Promessas, configure a formatação, testando no navegador mesmo (acessando o link criado), até chegar ao ponto (formatação) que deseja.

Já com o link para o gerador da Caixinha de Promessas, que em nosso exemplo vamos usar:
https://www.comunidadeabiblia.net/geraPromessas/?color=red&size=16

Acesse o código da página onde deseja incluir o gerador e inclua as linhas abaixo:

Onde você pode configurar:
width - largura do frame
height - altura do frame
frameborder - borda do frame
src - link incluído na página, no caso, o gerador da Caixinha de Promessas

Parâmetro especial

Esse parâmetro é exclusivo do gerador da Caixinha de Promessas, sendo que não faz parte do padrão HTML. Este foi criado afim de suprir necessidades específicas do gerador.

Configurando a cor do link

Através do parâmetro 'linkcolor' é possível alterar a cor do link que por padrão é #cccccc.
Exemplos:
https://www.comunidadeabiblia.net/geraPromessas/?linkcolor=red
https://www.comunidadeabiblia.net/geraPromessas/?linkcolor=%23badd5c

 

Como incluir a Caixinha de Promessas no Blogspot (Blogger)

Se você utiliza a plataforma Blogspot (Blogger) siga o passo-a-passo abaixo para saber como incluir o código obtido no passo anterior em seu blog:

1 - Acesse a plataforma do Blogspot e clique em "Layout". Após clique em "Adicionar um Gadget" e selecione a opção "HTML/JavaScript".

2. Cole o código no campo "Conteúdo" e se deseja preencha o campo "Título". Após clique em "Salvar" para guardar as informações e fechar a tela de configurações.

3 - Para finalizar clique em "Salvar organização" conforme imagem abaixo.




App Caixinha de Promessas
App Caixinha de Promessas