D E E P * T H I N G S

Tutorial Iframe

Materiais: 2 blogs ( no caso, do servidor Uol) e pacięncia rs

1ş Passo

Vamos começar entendendo primeiro o que é iframe. Iframe é quando uma página se abre em outra página em um quadrado no blog. Exemplo: Meu blog . Observe que os links abrem todos na parte do post! Este blog com o lay os links e tudo mais, é o blog que chamaremos "blog 1".

2ş Passo

E porque dois blogs?? É ai que entra o segundo blog, em que será denominado " blog 2". No blog 1 como já foi explicado, tęm o lay, os links, o post e tudo que qualquer blog tem.. mas quando vocę coloca iframe no seu blog, vocę năo postará mais no blog 1, e sim no blog 2. É que apagaremos todo o código de post do blog 1 que será colocado no blog 2, e no lugar do código do post que foi retirado do blog 1 será colocado o código do iframe. Assim quando vocę postar alguma mensagem no blog 2, a mensagem aparecerá no quadrado que ficará o iframe do blog 1, onde apareceram também os links que vocę quiser! Abaixo colocarei os códigos!

3ş Passo

Vamos modificar os códigos 1ş no blog 2. Vá até o código blog 2 e retire tudo tudo, e ponha no lugar esse código abaixo:

P, body, td, tr, div {
	font-style: normal;
	font-weight: normal;
	font-size: 9px;
	color:ff88cb;
	font-family: Tahoma;
	line-height: 12px;}

BODY {
scrollbar-face-color:#ffe3f3;
scrollbar-highlight-color:#FFFFFF;
scrollbar-3dlight-color:ff95d1;
scrollbar-darkshadow-color:#ffffff;
scrollbar-shadow-color:ff95d1;
scrollbar-arrow-color:ff95d1;
scrollbar-track-color:ffe3f3;
}</style>
<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,margi

ntop=0,left=25,top=25');
}

<%WHILE POST_TITLE%>
<script>
dataPost = "<%VAR POST_DATE_HEADER%>";
if (dataPost != "") {document.write("<span id=head><a name='<%VAR POST_ID%>'></a><%VAR POST_DATE_HEADER%></span>");}
else {document.write("<span id=head><a name=<%VAR POST_ID%>></a><%VAR POST_DATE_HEADER%></span>");
}
</script>

<%VAR POST_TEXT%><br clear=all><br>
<span id=p>
<%IF CATEGORY_CURRENT='NULL'%>
<%IFNOT POST_CATEGORY_NAME='NULL'%>

Categoria: <a href="<%VAR POST_CATEGORY_LINK%>/" id=p><b><%VAR POST_CATEGORY_NAME%></b></a><br />
<%ENDIF%>
<%ENDIF%>
<%IF POST_FROM_MOB%><img src="http://blog.i.uol.com.br/ico_from_mob.gif" alt="" width="7" height="12" /><%ELSE%><%IF POST_FROM_MAI%><img

src="http://blog.i.uol.com.br/ico_from_moi.gif" alt="" width="11" height="10" />

<%ELSE%><%ENDIF%><%ENDIF%> :: Escrito por <%VAR POST_USER%> ŕs <%VAR POST_DATE%> ::<br>

<%IF BLOG_ACCEPT_COMMENT%> [<a id=p href="javascript:abre('http://navblog.uol.com.br/comment.html?postFileName=<%VAR POST_ID%>&idBlog=<%VAR

BLOG_ID%>','356','478','1');"><b><span id="post<%VAR POST_ID%>"></span></b></a>]
<%ELSE%> 
<%IF POST_HAS_COMMENT%> [<a id=p href="javascript:abre('http://navblog.uol.com.br/comment.html?postFileName=<%VAR POST_ID%>&idBlog=<%VAR

BLOG_ID%>','356','478','1');"><b><span id="post<%VAR POST_ID%>"></span></b></a>] <%ENDIF%> 
<%ENDIF%>
<%IF BLOG_RECOMMEND_POST%>[<a id=p href="javascript:abre('http://navblog.uol.com.br/recommend.html?idBlog=<%VAR BLOG_ID%>&postFileName=<%VAR

POST_ID%>','340','400','0');"><b>envie esta mensagem</b></span>]</a> <%ENDIF%><br clear=all><br>
   
<%ENDWHILE%>

</div>
</span>
</div>

<%IF BLOG_ACCEPT_COMMENT%><script src="<%VAR BLOG_SCRIPT_URI%>"></script><%ENDIF%>
<%IF BLOG_OWNER_MOOD%><script src="/mood.js"></script><%ENDIF%>	
</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 CATEGORY_NAME STRING NULL%>
<%DEFINE CATEGORYID_CURRENT INTEGER 0%>
<%DEFINE CATEGORY_LINK STRING NULL%>
<%DEFINE POST_CATEGORY_NAME STRING NULL%>
<%DEFINE POST_CATEGORY_LINK STRING NULL%>
<%DEFINE CATEGORY_CURRENT STRING NULL%>

<%DEFINE URL_FEED STRING NULL%>

<%DEFINE POST_FROM_MOB BOOLEAN FALSE%>
<%DEFINE POST_FROM_MAI BOOLEAN FALSE%>

<%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%> </font>
</body></html>

Prontinho, o blog 2 já está com o código de post! Agora vá até o blog 1...

No blog 1, vocę deve retirar todo o código de post do seu lay. Que é o código que vocę vę abaixo na figura!

Depois de ter retirado este código do blog 1, vocę coloca no lugar o código do iframe, que é o código que vocę vę abaixo:

Substitua o ENDEREÇO DO BLOG DE POST pelo o endereço do blog 2.

Prontinho! Agora tudo que for postado no blog 2 aparecerá no blog 1.

4ş Passo

Mas ainda tá faltando os links que iram abrir no iframe. Essa parte agora é simples! Quando vocę colocava um link usava esse código năo é mesmo? mas agora vocę vai usar um código um pouquinho diferente pros seus links !! Vai usar esse aqui : Nome do seu link

Simples né?? Agora pode perceber que quando vocę clica no link ele abre na parte do post.

Agora a última parte , é para criar uma nova página onde vocę poderá colocar o que quiser , como por exemplo Se vocę quer ter um menu, goodies no seu blog e que tenha por exemplo, uma página de avatars, dolls, gifs e etc.. vocę precisa criar uma página para que possa colocar esses desenhos, imagens , textos e etc certo? Para criar uma página na Uol é muito simples.. quando vocę estiver no html do seu blog, vocę só precisa apertar o 1ş botăo, que é a nova página. Assim abrirá um espaço em branco onde vocę irá colocar esse código:

<title> TÍTULO  </title>
<META NAME="GENERATOR" CONTENT="Microsoft FrontPage 5.0">
<STYLE type="text/css">

P, body, td, tr, div {
	font-style: normal;
	font-weight: normal;
	font-size: 9px;
	color:#F572B7;
	font-family: Century Gothic;
	line-height: 12px;}

}
u {	cursor: help; color: #ff80c7; TEXT-DECORATION: none; border-bottom: 1px dashed #ff80c7;
a:hover {
text-decoration: none;
border-bottom: 1px solid;
border-color: #ff80c7;
color: #ff80c7;
font-weight: bold;
background-color: #ffdbe7;
cursor: hand;
}
-->

</style>

<B> Título </b> <br><br>

Conteúdo aqui! =) <br>

<p>
<a href="javascript:history.go(-1);"> Voltar!</a>

<%IF BLOG_ACCEPT_COMMENT%><script src="<%VAR BLOG_SCRIPT_URI%>"></script><%ENDIF%>
<%IF BLOG_OWNER_MOOD%><script src="/mood.js"></script><%ENDIF%>	
</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%>