Fazer Iframe 1

{ 1 } | { 2 }

Nível: Avançado

ť Eu sei que tem muita gente que se enrola na hora de fazer ifr-ames. Por isso que fiz esse tutorial. Para quem năo sabe o que é i-frames, vou dar uma pequena explicaçăo: sabe quando vocę clica em um link e a pág. abre dentro da área de posts? Isso é i-frames. Para aprender é meio complicado, precisa ler com atençăo, saber usar bem o html e tentar até conseguir.

ť Vocę precisa ter dois blogs. Um para botar o html do layout e outro para postar. Ou vocę pode fazer como eu, que fiz uma pág. de posts no Geocities. Para ver como fica a pág. de posts clique aki. Pegue o cód. abaixo e cole na área do html do seu blog de posts. Configure as cores dos links, do texto e da barra de rolagem. Importante: O cód de cmts está somente para UOL. Se seu blog é de outro servidor cole o sistema de cmts do seu servidor entre INÍCIO TAG'S UOL!

<title> Post </title>
<META NAME="GENERATOR" CONTENT="Microsoft FrontPage 5.0">
<STYLE type="text/css">
SEU STYLE AQUI!
</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');
}

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

<%ELSE%><%ENDIF%><%ENDIF%> Post by <%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>

ť Vocę já selecionou tudo que estava na área do html no seu blog de postagem e colou o cód. acima? Se sim podemos continuar. Salve, e, agora vamos colar o cód. abaixo depois da tag <*html*> (ignore o *) e entre as tag head.

ť Onde está escrito "END DA IMAGEM" vocę irá colar o end. da imagem da sua área de posts no layout. O exemplo abaixo é a minha imagem do post do meu layout:

{visualizar}

ť Vamos agora para o blog onde está o html do layout. Vocę apaga tudo o que está dentro das tags dos posts e cola o cód. abaixo. Configure a posiçăo da sua área de posts.

ť Finalmente o último passo! E tb o mais fácil. Bom, para abrir a pág pelo i-frames precisamos de mudar o cód. dos links. A partir de agora, todas as págs. que vocę quiser que abra com i-frames, vocę usa esse cód. abaixo para os links:

Esse tutorial te ajudou? Se sim, que tal creditar para que ele possa ajudar outras pessoas também?

Ť voltar| atualizar