iGuga! Levando a Palavra de Deus ao mundo

Facebook
MySpace
Twitter
Twitter
Google
Delicious
Digg
Wordpress
Email
Share
 
 

Tutorial como colocar o Dicionário Bíblico em qualquer site

 

O Projeto iGuga disponibiliza o Dicionário Bíblico para todos os que possuem um site ou blog.

Este Dicionário, pode ser personalizado. Veja como criar uma personalização do Dicionário Bíblico iGuga.

Para colocar o Dicionário Bíblico 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="iGugaDictionaryContainer"><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 do Dicionário Bíblico iGuga Personalizado */
		strDictionaryCustomLink = 'http://www.iguga.org/bible/dictionaryFrame/ID/1612dca508867f6102edca7d9175281a';

		strSource = strDictionaryCustomLink + '?fromUrl=' + encodeURIComponent(document.location.href);
		document.getElementById("iGugaDictionaryContainer").innerHTML = '<iframe id="iGugaDictionaryFrame" 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("iGugaDictionaryFrame").style.height = '100%';
			document.getElementById("iGugaDictionaryContainer").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 o Dicionário Bíblico.

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>Dicionário Bíblico</title>
	<meta name="description" content="Dicionário Bíblico, uma ferramenta maravilhosa, pois o ajudará a compreender melhor a Bíblia." />
	<meta name="keywords" content="pesquisa, palavra, expressão, texto, dicionário bíblico, 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 do Dicionário Bíblico iGuga Personalizado */
			strDictionaryCustomLink = 'http://www.iguga.org/bible/dictionaryFrame/ID/1612dca508867f6102edca7d9175281a';
	
			strSource = strDictionaryCustomLink + '?fromUrl=' + encodeURIComponent(document.location.href);
			document.getElementById("iGugaDictionaryContainer").innerHTML = '<iframe id="iGugaDictionaryFrame" 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("iGugaDictionaryFrame").style.height = '100%';
				document.getElementById("iGugaDictionaryContainer").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="iGugaDictionaryContainer"><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>Dicionário Bíblico</title>
	<meta name="description" content="Dicionário Bíblico, uma ferramenta maravilhosa, pois o ajudará a compreender melhor a Bíblia." />
	<meta name="keywords" content="pesquisa, palavra, expressão, texto, dicionário bíblico, 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 do Dicionário Bíblico iGuga Personalizado */
			strDictionaryCustomLink = 'http://www.iguga.org/bible/dictionaryFrame/ID/1612dca508867f6102edca7d9175281a';
	
			strSource = strDictionaryCustomLink + '?fromUrl=' + encodeURIComponent(document.location.href);
			document.getElementById("iGugaDictionaryContainer").innerHTML = '<iframe id="iGugaDictionaryFrame" 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("iGugaDictionaryFrame").style.height = '100%';
				document.getElementById("iGugaDictionaryContainer").style.height = event.data + 'px';
			}
		}, 'http://www.iguga.org');
	/*]]>*/
	</script>
	<!-- Fim do código **** End of code -->
</head>
<body>
	<h1 style="padding: 10px;">Dicionário Bíblico</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="iGugaDictionaryContainer"><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/23/a-biblia-no-seu-site" target="_blank">A Bíblia no seu site ou blog</a> | 
		<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>
	</div>
</body>
</html>

Outros Links:

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

Produzido por iGuga © 2010. Todos os direitos reservados