Potter TDB

Iframe

Em primeiro lugar, para você colocar o iframe, você tem que ter o seu HTML pronto.

1º Passo: Crie um novo blog apenas de posts, com qualquer endereço. Após cria-lo, você terá que editar o HTML e colocar esse código:

Weblogger

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title><#TituloWeblog#></title>
<META NAME="DESCRIPTION" CONTENT="WEBLOGGER.COM.BR - PUBLIQUE SUAS IDÉIAS NA WEB.">
<META NAME="KEYWORDS" CONTENT="<#TituloWebLog#>, weblog, weblogs, weblogger, webloggers, weblogger.com.br, diários, blog, blogs, hospedagem, brasil, brasileiro, grátis, homepage, página, site, gratuito, novidade, blogger, blogger.com.br">
<script language=javascript src='http://www.weblogger.com.br/js/weblogger.js'></script>

<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>

</head>

</weblogcabecalhodata>
<br>
<br>
<#weblogMensagem#>
<br>
<br>
<br>
- Postado por <#weblogApelido#> às <#weblogHora#><br>
<a href="javascript:wb_comentario(<#weblogcodigo#>)">Comentários | <#weblogTotalComentarios#></a><br>
<br>
<br>
</weblogger>

</div>

</body>

</html>

UOL

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

<html>
<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>

Você não precisa modificar nada nesse código. Apenas se quiser trocar a cor do fundo da página ou a cor da barra de rolagem. (Coloquei tudo em preto)

2º Passo: Copie o código abaixo e cole no HTML do seu blog, substituindo as tags do blogger.

3º Passo: Editando esse código:

Nome do Iframe: O nome que você vai dar ao Iframe. Pode ser qualquer nome, mas é necessário ter. Não deixe em branco.
Endereço do Blog dos Posts: É o endereço do blog dos posts que você acabou de criar. Coloque o endereço completo (http://www.endereço...)
Largura: É a largura do Iframe. Você tem que colocar o mesmo número que está no alinhamento dos posts (em width).
Altura: É a altura do Iframe. Você tem que colocar o mesmo número que está no alinhamento dos posts (em height). A não ser que seu template seja de colunas. Aí você coloca um número proporcional para usar o Iframe (Ex: 1000).

O restante não precisa modificar.

Mais:

1) O UOL não aceita que tirem as tags do blogger. Então cole esse código além do Iframe no seu código:

2) Para que o menu abra no lugar dos posts, você terá que colocar esse código no menu:

No lugar de NOME DO IFRAME coloque o 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: target="NOME DO IFRAME".

Pronto! Seu Iframe está pronto!

Tutorial feito por mim! Qualquer cópia é totalmente proibida!