Reaction Potter

Tutorial Iframe

Bom 1º de tudo você tem que saber o que é Iframe, eu num sei bem explicar mas vou dar o meu melhor..

Iframe: bom iframe são páginas que abrem dentro de páginas, ou seja, o meu blog eu uso iframe, todas as coisas que você aperta abrem aqui dentro dessa caixinha dos posts (onde aparecem as notícias do dia, essas coisas...) bom isso é Iframe....mas para ter iframe você precisa ter dois blogs, eu tenho este q é o ReactionPotter (que é o corpo e metade da cabeça do blog ,xD) e tenho este Aki que é o ReactionPosts (onde eu edito as notícias do blog), com o iframe as notícias do ReactionPosts abrem dentro desse quadrado do ReactionPotter, entendeu??

Então eu vou colocar aki um html que você pode usar para o seu blog onde vai ter as notícias, que nem o ReactionPosts...

Uol

<STYLE type="text/css">
P, body, td, tr, div {
	font-style: normal;
	font-weight: normal;
	font-size: 10px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 12px;
}
A, A:link{color:#FFFFFF;text-decoration:none}
A:visited{color:#FFFFFF}
A:active{color:#FFFFFF}
a:hover {text-decoration: none; background-color: transparent; cursor: hand; font-family: verdana; font-weight: bold;}
hr{width:100%;color:#4FC7FB;height:5;border:1px solid #1A348B; text-align:center}
</STYLE>

var url;
function abre(url,w,h,scr) {
	window.open(url,'comentarios','width='+w+',height='+h+',directories=0,location=0,menubar=0,resizable=0,scrollbars='+scr+',status=0,toolbar=0,marginleft=0,margintop=0,left=25,top=25');
}

</head>

<%IF BLOG_ARCHIVE_PAGE%>
		          <%WHILE ARCHIVE_LINK%>
		        	<a href="<%VAR ARCHIVE_LINK%>"><%VAR ARCHIVE_DATE_BEGIN%> a <%VAR ARCHIVE_DATE_END%></a>
			     <%ENDWHILE%>
				 	<br><br><a href="index.html">voltar</a>
					<%ELSE%>
					
						
							<%WHILE POST_TITLE%>
							<script>
							dataPost = "<%VAR POST_DATE_HEADER%>";
							if (dataPost != "") {document.write("<tr><td height=20 id=head><a name=<%VAR POST_ID%>></a><%VAR POST_DATE_HEADER%></td></tr>");}
							else {document.write("<tr><td id=head><a name=<%VAR POST_ID%>></a><%VAR POST_DATE_HEADER%></td></tr>");
							}
							</script>
							<tr>
								<td valign=top style=padding-left:10px;padding-right:10px><br><br>
									<%IFNOT POST_TITLE=''%> <b><%VAR POST_TITLE%></b>
									<br><br><%ENDIF%>
									<%VAR POST_TEXT%><br clear=all><br><span id=f>- Postado por <b><%VAR POST_USER%></b> às <%VAR POST_DATE%><br> 
									<%IF BLOG_ACCEPT_COMMENT%>[ <a id=b href="javascript:abre('http://navblog.uol.com.br/comment.html?postFileName=<%VAR POST_ID%>&idBlog=<%VAR BLOG_ID%>','356','478','1');"><span id="post<%VAR POST_ID%>"></span> </a> ]
					      	<%ELSE%>
					       		<%IF POST_HAS_COMMENT%>[ <a id=b href="javascript:abre('http://navblog.uol.com.br/comment.html?postFileName=<%VAR POST_ID%>&idBlog=<%VAR BLOG_ID%>','356','478','1');"><span id="post<%VAR POST_ID%>"></span> </a> ]<%ENDIF%>
					      	<%ENDIF%>

<%ENDIF%>
        
 
<%IF BLOG_ACCEPT_COMMENT%><script src=<%VAR BLOG_SCRIPT_URI%>></script><%ENDIF%>
<%IF BLOG_OWNER_MOOD%><script src="mood.js"></script><%ENDIF%> </span>

</td>
</tr>

</table>

</div>

</body>

</html><%DEFINE POST_TEXT STRING NULL%><%DEFINE POST_TITLE STRING NULL%><%DEFINE POST_DATE STRING NULL%><%DEFINE POST_USER STRING NULL%><%DEFINE POST_DATE_HEADER STRING NULL%><%DEFINE BLOG_POST_QTTY INTEGER 0%><%DEFINE BLOG_LINK_QTTY INTEGER 0%>
<%DEFINE LINK_URL STRING NULL%>
<%DEFINE LINK_TITLE STRING NULL%>

<%DEFINE BLOG_NEIGHBOOR_QTTY INTEGER 0%>
<%DEFINE NEIGHBOOR_URL STRING NULL%>
<%DEFINE NEIGHBOOR_TITLE STRING NULL%>

<%DEFINE BLOG_OWNER_NAME STRING NULL%>
<%DEFINE BLOG_CURRENT_DATE STRING NULL%>

<%DEFINE ARCHIVE_DATE_BEGIN STRING NULL%>
<%DEFINE ARCHIVE_DATE_END STRING NULL%>
<%DEFINE ARCHIVE_LINK STRING NULL%>

<%DEFINE BLOG_ARCHIVE_QTTY INTEGER 0%>
<%DEFINE BLOG_ARCHIVE_LINK BOOLEAN FALSE%>
<%DEFINE BLOG_ARCHIVE_PAGE BOOLEAN FALSE%>
<%DEFINE BLOG_ARCHIVE_LINK_URL STRING NULL%>

<%DEFINE BLOG_ID STRING NULL%>
<%DEFINE BLOG_SCRIPT_URI STRING NULL%>
<%DEFINE POST_ID STRING NULL%>

<%DEFINE BLOG_EMOTICON_HEAD STRING NULL%>
<%DEFINE BLOG_EMOTICON_BODY STRING NULL%>
<%DEFINE BLOG_EMOTICON_FOOT STRING NULL%>

<%DEFINE BLOG_VOTE BOOLEAN FALSE%>

<%DEFINE BLOG_RECOMMEND_BLOG BOOLEAN FALSE%>
<%DEFINE BLOG_RECOMMEND_POST BOOLEAN FALSE%>

<%DEFINE BLOG_ACCEPT_COMMENT BOOLEAN FALSE%>
<%DEFINE POST_HAS_COMMENT BOOLEAN FALSE%>
<%DEFINE BLOG_TITLE STRING NULL%>

<%DEFINE BLOG_TEXT_NO_COMMENT STRING Sem comentários%>
<%DEFINE BLOG_TEXT_ONE_COMMENT STRING Um comentário%>
<%DEFINE BLOG_TEXT_MORE_COMMENTS STRING Comentários%>

<%DEFINE BLOG_COUNTRY STRING NULL%>
<%DEFINE BLOG_STATE STRING NULL%>
<%DEFINE BLOG_CITY STRING NULL%>
<%DEFINE BLOG_DISTRICT STRING NULL%>
<%DEFINE BLOG_REGION STRING NULL%>
<%DEFINE BLOG_GENDER STRING NULL%>
<%DEFINE BLOG_AGE STRING NULL%>
<%DEFINE BLOG_LANGUAGE1 STRING NULL%>
<%DEFINE BLOG_LANGUAGE2 STRING NULL%>
<%DEFINE BLOG_INTEREST1 STRING NULL%>
<%DEFINE BLOG_INTEREST2 STRING NULL%>
<%DEFINE BLOG_INTEREST STRING NULL%>
<%DEFINE BLOG_IM_TYPE STRING NULL%>
<%DEFINE BLOG_IM_ID STRING NULL%>

<%DEFINE BLOG_OWNER_MOOD BOOLEAN FALSE%>

Blogger

<head>
<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">	
<META NAME='title' CONTENT='<$BlogTitle$>'  RDX_TYPE='TITLE'>
<META NAME='description' CONTENT= '<$BlogDescription$>'  RDX_TYPE='DESCRIPTION'>
<META NAME='categoria' CONTENT='Blogger' RDX_TYPE='CATEGORY' LEVEL='0'>
<title><$BlogTitle$></title>

</head>

- Postado por <$BlogItemAuthor$> às <$BlogItemDateTime$>
<br>
<center>____________________________</center>

</blogger>

</div>

</body>

</html>

P.S: Nesse código configure do jeito que você quiser as cores, a barra de rolagem, os links, etc..

Agora onde você quer que apareça o Iframe, por exemplo na caixinha do post você procura no código as divisórias do posts, e coloca esse código:

Vamos configurar o código ai de cima:

NOME DO IFRAME: O nome que você vai dar ao Iframe. É muito importante. Lembrando: escolha o nome à vontade.
ENDEREÇO DO BLOG DE POSTS: É o endereço do blog dos posts que você criou. Coloque o endereço completo, com direito à http:// e tudo.
LARGURA (WIDTH): É a largura do Iframe. Você tem que colocar o mesmo número que está no alinhamento dos posts.
ALTURA (HEIGHT): É a altura do Iframe. Você tem que colocar o mesmo número que está no alinhamento dos posts. Se seu template for de colunas, coloque um número proporcional para usar o Iframe (Ex: 1000px).

Bom já configuramos o código do iframe , mas falta arruma o código do link que abrira nos posts, copie o código abaixo:

Troque o NOME DO IFRAME pelo nome que você colocou no código do Iframe em NOME DO IFRAME.
Se você usa mapeamento, coloque ao lado de cada link do mapeamento a seguinte tag: target="NOME DO IFRAME".
Bom é isso, qualquer coisa deixe um comentário...

Tutorial produzido por Reaction Potter!