A Bíblia Online iGuga foi projetada para ser colocada em qualquer site ou blog de uma forma simples e rápida.
Esta Bíblia Online, pode ser personalizada. Veja como criar uma personalização da Bíblia Online iGuga.
Para colocar a Bíblia Online iGuga em qualquer site basta estar atento as seguintes linhas.
Se o seu site possui um editor de texto com modo HTML basta introduzir o código abaixo:
<div id="iGugaBibleContainer"><a href="https://www.iguga.org">Bíblia Online iGuga</a></div> <script type="text/javascript" src="https://www.iguga.org/js/igpostmessage.js"></script> <script type="text/javascript"> /*<![CDATA[*/ window.onload = function() { var iGugaBibleContainer = document.getElementById("iGugaBibleContainer"); if (typeof iGugaBibleContainer !== "undefined" && iGugaBibleContainer !== null) { /* Link da Bíblia Online iGuga Personalizada utilizando HTTPS */ var iGugaBibleCustomLink = 'https://www.iguga.org/bible/searchFrame/ID/1612dca508867f6102edca7d9175281a'; var iGugaBibleFrameSource = iGugaBibleCustomLink + '?fromUrl=' + encodeURIComponent(document.location.href); iGugaBibleContainer.innerHTML = ''; } } igPostMessage.receiveMessage(function(event) { if ((!isNaN(event.data)) && (event.data > 0)) { var iGugaBibleFrame = document.getElementById("iGugaBibleFrame"); if (typeof iGugaBibleFrame !== "undefined" && iGugaBibleFrame !== null) { iGugaBibleFrame.style.height = '100%'; iGugaBibleContainer.style.height = event.data + 'px'; } } }, 'https://www.iguga.org'); /*]]>*/ </script>
Caso o seu site não possua um editor de texto e só é possível fazer alguma alteração mexendo diretamente nos ficheiros, então, deve colocar dentro das tags <head></head> os códigos Javascript e dentro das tags <body></body> o código do DIV onde será colocada a Bíblia.
Exemplo simples:
<?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Bíblia Online</title> <meta name="description" content="A Bíblia Online permite efetuar pesquisas nos textos bíblicos de uma forma fácil e prática." /> <meta name="keywords" content="pesquisa, palavra, expressão, texto, livro, testamento, versículo, capítulo, cabeçalho, tradução, bíblia, Deus" /> <!-- Colocar o seguinte código dentro da tag HEAD da página **** Place the following code inside the HEAD tag of the page --> <script type="text/javascript" src="https://www.iguga.org/js/igpostmessage.js"></script> <script type="text/javascript"> /*<![CDATA[*/ window.onload = function() { var iGugaBibleContainer = document.getElementById("iGugaBibleContainer"); if (typeof iGugaBibleContainer !== "undefined" && iGugaBibleContainer !== null) { /* Link da Bíblia Online iGuga Personalizada utilizando HTTPS */ var iGugaBibleCustomLink = 'https://www.iguga.org/bible/searchFrame/ID/1612dca508867f6102edca7d9175281a'; var iGugaBibleFrameSource = iGugaBibleCustomLink + '?fromUrl=' + encodeURIComponent(document.location.href); iGugaBibleContainer.innerHTML = ''; } } igPostMessage.receiveMessage(function(event) { if ((!isNaN(event.data)) && (event.data > 0)) { var iGugaBibleFrame = document.getElementById("iGugaBibleFrame"); if (typeof iGugaBibleFrame !== "undefined" && iGugaBibleFrame !== null) { iGugaBibleFrame.style.height = '100%'; iGugaBibleContainer.style.height = event.data + 'px'; } } }, 'https://www.iguga.org'); /*]]>*/ </script> <!-- Fim do código **** End of code --> </head> <body> <!-- Colocar o seguinte código dentro da tag BODY da página **** Place the following code inside the BODY tag of the page --> <div id="iGugaBibleContainer"><a href="http://www.iguga.org">http://www.iguga.org</a></div> <!-- Fim do código **** End of code --> </body> </html>
Exemplo de uma página:
<?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Bíblia Online</title> <meta name="description" content="A Bíblia Online permite efetuar pesquisas nos textos bíblicos de uma forma fácil e prática." /> <meta name="keywords" content="pesquisa, palavra, expressão, texto, livro, testamento, versículo, capítulo, cabeçalho, tradução, bíblia, Deus" /> <style type="text/css"> html,body { border: 0; font-size: 100%; margin: 0; padding: 0; } body { font-family: "Helvetica Neue",Helvetica,Arial,Verdana,sans-serif; font-size: 80%; line-height:1.5em; } h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; font-weight: normal; } h1 { font-size: 1.2em; font-weight: bold; } h2 { font-size: 1.1em; font-weight: bold; } h3{ font-size: 1em; font-weight: bold; } h4{ font-size: 1em; font-weight: bold; } h5{ font-size: 0.9em; font-weight: bold; } h6{ font-size: 0.8em; font-weight: bold; } /***** Common Formatting *****/ p,ul,ol { margin: 0; padding: 0 0 1.5em 0; } ul,ol { padding: 0 0 1.5em 2.5em; } li{ padding:0.5em; } blockquote { margin: 1.25em; padding: 1.25em 1.25em 0 1.25em; } small { font-size: 0.85em; } img { border: 0; } acronym,abbr { cursor: help; letter-spacing: 1px; border-bottom: 1px dashed; } /***** Links *****/ a,a:link,a:visited{ text-decoration: none; } a:hover { text-decoration: underline; } /***** Forms *****/ form { margin: 0; padding: 0; display: inline; } input,select,textarea { font: 1em Arial, Helvetica, sans-serif; } textarea { width: 100%; line-height: 1.25em; } label { cursor: pointer; } /***** Tables *****/ table tr td { border: 0px; margin: 0px 0px 0px 0px; padding: 0px; } body { background-color: #ffffff; color: #333; font-size: 1em; } a:link{ color:#0000ed; } a:visited{ color:#54198a; } </style> <!-- Colocar o seguinte código dentro da tag HEAD da página **** Place the following code inside the HEAD tag of the page --> <script type="text/javascript" src="https://www.iguga.org/js/igpostmessage.js"></script> <script type="text/javascript"> /*<![CDATA[*/ window.onload = function() { var iGugaBibleContainer = document.getElementById("iGugaBibleContainer"); if (typeof iGugaBibleContainer !== "undefined" && iGugaBibleContainer !== null) { /* Link da Bíblia Online iGuga Personalizada utilizando HTTPS */ var iGugaBibleCustomLink = 'https://www.iguga.org/bible/searchFrame/ID/1612dca508867f6102edca7d9175281a'; var iGugaBibleFrameSource = iGugaBibleCustomLink + '?fromUrl=' + encodeURIComponent(document.location.href); iGugaBibleContainer.innerHTML = ''; } } igPostMessage.receiveMessage(function(event) { if ((!isNaN(event.data)) && (event.data > 0)) { var iGugaBibleFrame = document.getElementById("iGugaBibleFrame"); if (typeof iGugaBibleFrame !== "undefined" && iGugaBibleFrame !== null) { iGugaBibleFrame.style.height = '100%'; iGugaBibleContainer.style.height = event.data + 'px'; } } }, 'https://www.iguga.org'); /*]]>*/ </script> <!-- Fim do código **** End of code --> </head> <body> <h1 style="padding: 10px;">Minha Bíblia Online</h1> <!-- Colocar o seguinte código dentro da tag BODY da página **** Place the following code inside the BODY tag of the page --> <div id="iGugaBibleContainer"><a href="https://www.iguga.org">Bíblia Online iGuga</a></div> <!-- Fim do código **** End of code --> <div style="padding: 10px;"> <a href="http://www.iguga.org/post/28/dicionario-biblico-site-blog" target="_blank">O Dicionário Bíblico no seu site ou blog</a> | <a href="http://www.iguga.org/post/23/a-biblia-no-seu-site" target="_blank">A Bíblia no seu site ou blog</a> </div> </body> </html>
Caso tenha alguma dúvida, envia-nos uma mensagem.