iGuga! Levando a Palavra de Deus ao mundo

Facebook
MySpace
Twitter
Twitter
Google
Delicious
Digg
Wordpress
Email
Share
 
 

Tutorial como colocar a Bíblia Online em qualquer site

 

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="http://www.iguga.org">http://www.iguga.org</a></div>
<script type="text/javascript" src="http://www.iguga.org/js/igpostmessage.js"></script>
<script type="text/javascript">
/*<![CDATA[*/
	window.onload = function()
	{
		/* Link da Bíblia Online iGuga Personalizada */
		strBibleCustomLink = 'http://www.iguga.org/bible/searchFrame/ID/1612dca508867f6102edca7d9175281a';
		 
		strSource = strBibleCustomLink + '?fromUrl=' + encodeURIComponent(document.location.href);
	
		document.getElementById("iGugaBibleContainer").innerHTML = '<iframe id="iGugaBibleFrame" src="' + strSource + '" style="height: 1000px; width: 100%;" scrolling="no" frameborder="0" allowtransparency="true"></iframe>';
	}
	igPostMessage.receiveMessage(function(event)
	{
		if ((!isNaN(event.data)) && (event.data > 0))
		{
			document.getElementById("iGugaBibleFrame").style.height = '100%';
			document.getElementById("iGugaBibleContainer").style.height = event.data + 'px';
		}
	}, 'http://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="http://www.iguga.org/js/igpostmessage.js"></script>
	<script type="text/javascript">
	/*<![CDATA[*/
		window.onload = function()
		{
			/* Link da Bíblia Online iGuga Personalizada */
			strBibleCustomLink = 'http://www.iguga.org/bible/searchFrame/ID/1612dca508867f6102edca7d9175281a';
			 
			strSource = strBibleCustomLink + '?fromUrl=' + encodeURIComponent(document.location.href);
		
			document.getElementById("iGugaBibleContainer").innerHTML = '<iframe id="iGugaBibleFrame" src="' + strSource + '" style="height: 1000px; width: 100%;" scrolling="no" frameborder="0" allowtransparency="true"></iframe>';
		}
		igPostMessage.receiveMessage(function(event)
		{
			if ((!isNaN(event.data)) && (event.data > 0))
			{
				document.getElementById("iGugaBibleFrame").style.height = '100%';
				document.getElementById("iGugaBibleContainer").style.height = event.data + 'px';
			}
		}, 'http://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="http://www.iguga.org/js/igpostmessage.js"></script>
	<script type="text/javascript">
	/*<![CDATA[*/
		window.onload = function()
		{
			/* Link da Bíblia Online iGuga Personalizada */
			strBibleCustomLink = 'http://www.iguga.org/bible/searchFrame/ID/1612dca508867f6102edca7d9175281a';
			 
			strSource = strBibleCustomLink + '?fromUrl=' + encodeURIComponent(document.location.href);
		
			document.getElementById("iGugaBibleContainer").innerHTML = '<iframe id="iGugaBibleFrame" src="' + strSource + '" style="height: 1000px; width: 100%;" scrolling="no" frameborder="0"></iframe>';
		}
		igPostMessage.receiveMessage(function(event)
		{
			if ((!isNaN(event.data)) && (event.data > 0))
			{
				document.getElementById("iGugaBibleFrame").style.height = '100%';
				document.getElementById("iGugaBibleContainer").style.height = event.data + 'px';
			}
		}, 'http://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="http://www.iguga.org">http://www.iguga.org</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>

Outros Links:

Caso tenha alguma dúvida, envia-nos uma mensagem.

Produzido por iGuga © 2010. Todos os direitos reservados