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. A única exigência imposta pela ComunidadeaBíblia.Net é que abaixo de cada promessa exista o texto: .[Inclua em seu site]. "linkado" para este artigo (esse link será gerado automaticamente), afim de que mais pessoas possam desfrutar desse recurso.
O processo é muito simples. 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.
Conhecendo a Caixinha de Promessas
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:
http://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=LEFTcolor - Configura a cor da fonte
color=#000000face - Configura o tipo da fonte
face=verdanasize - Configura o tamanho da fonte
size=2Para 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:
http://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):
http://www.comunidadeabiblia.net/geraPromessas/?color=%23ff0000
Configurando o tamanho da fonte como 5:
http://www.comunidadeabiblia.net/geraPromessas/?size=5
Configurando o alinhamento do texto como centralizado:
http://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 5:
http://www.comunidadeabiblia.net/geraPromessas/?color=red&size=5
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...
Para mais detalhes sobre quais valores os parâmetros do gerador da Caixinha de Promessas aceitam, consulte algum material sobre HTML.
Para mais detalhes sobre como passar parâmetros, consulte algum material sobre PHP.
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:
http://www.comunidadeabiblia.net/geraPromessas/?color=red&size=5
Acesse o código da página onde deseja incluir o gerador e inclua as linhas abaixo:
<iframe width="100%" height="380" frameborder=0 scrolling="no"
src=http://www.comunidadeabiblia.net/geraPromessas/?color=red&size=5 /> 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 ".[Inclua em seu site]." que por padrão é #cccccc.
Exemplos:
http://www.comunidadeabiblia.net/geraPromessas/?linkcolor=red
http://www.comunidadeabiblia.net/geraPromessas/?linkcolor=%23badd5c
Incluindo o Gadget Caixinha de Promessas
Outra opção mais simples porém sem as opções de configuração descritas acima, é o Gadget Google da Caixinha de Promessas. Abaixo seguem os links para as opções disponíveis:
Incluir o Gadget Caixinha de Promessas no iGoogle
Incluir o Gadget Caixinha de Promessas em seu site

Tecnologia 






Tente colocar o código gerado pelo iGoogle: Incluir o Gadget Caixinha de Promessas em seu site
Eu não sei porque mas eu coloco o código no meu blog, mas aparece a parte do canto do seu site, ao invés da caixinha.
Se puder me ajudar, muito obrigado!
Até mais, Deus abençoe!
mas fico a espera até conseguires um para o wordpress..
muitissssimo obrigado,
Estou desenvolvendo um com a caixinha de promessas, e quando estiver pronto postarei aqui neste mesmo endereço!
Infelizmente nunca usei o Wordpress e não sei utilizá-lo. Porém pelo que me postou, deu para imaginar que você está tentando inserir o código da caixinha como conteúdo do Wordpress, o que resulta no que você postou.
Como eu não conheço a plataforma do Wordpress, dei uma pesquisada sobre como incluir códigos HTML nele e, pelo que li, tal atividade só é permitida para usuários pagantes.
Se tal informação for verdadeira, você só o conseguirá se for um desses usuários.
Obrigado por participar e permaneça sempre conosco.
Fique à vontade para continuar perguntando!
eu tento colar o codigo mas depois ao guardar somente aparece isso
o meu blog é da wordpress.com...Você acha que ele não apanha o html?
Bom, vou direto ai assunto: Você consegue inserir código HTML diretamente em seu blog?
Se sim, faça o teste inserindo o código do tópico "Incluindo o Gerador de Promessas em seu site ou blog "
Gostaria de aprender todos os passos para poder colocar uma caixa de promessa no meu blog.... Tentei pelos passos aqui apresentado mais não consegui.
Por favor ajudem me... Muito obrigado desde já.