IFRAME

*COLOCANDO IFRAME NO SEU BLOG*

» Muitas pessoas estão perguntando como colocar iframe no blog.
» Pensando em vocês, resolvi ajudar mais uma vez ^^
» Esse tutorial será mais teórico. Basta ler com bastante atenção e fazer com calma e sem pressa.
» A pressa é inimiga da perfeição, OK? Tenho certeza que conseguirão! Vamos trabalhar então? ^^
» Ninguém está autorizado(a) à copiar o conteúdo da página e disponibizar no seu Blog !
» Adoraria receber os créditos pela ajuda ^^

IFRAME PARA SERVIDORES DA UOL (ZIP.NET)

OBS: Sugiro primeiro copiar todo o código do blog de vocês num bloquinho de notas, para depois não correr o risco de perderem os códigos feitos, OK?

(1º) Para você colocar iframe no seu blog, é obrigatório ter dois blogs. Um, será somente o blog de postagens, o outro, será o blog que você vai inserir suas coisinhas na coluna menor (reloginhos, calendários, players, links, awards, etc...). Então... crie um outro blog, e dê o título de Blog de Postagens. O endereço, para não se confundir, coloque tipo... http://blogdepostarAQUI COLOQUE O NOME DO SEU BLOG.zip.net. Ficará melhor para você entender e não fazer confusão :)

(2º) Vamos no HTML do blog de postagens. Faça seu login, aperte em configurações, modelos do blog, editar HTML. Apague tudo que tem lá, e coloque esse código que se encontra na caixinha. Não esqueça de assim que colar o código, aperte em Salvar, Republicar, Ver meu Blog.

<html>

<head>

BODY,TABLE,TR,TD,P,DIV,SPAN {
	font-style: normal;
	font-weight: normal;
	font-size: 11px;
	color: #808080;
	font-family: Tahoma;
	line-height: 12px;}

a:link{color:#808080;text-decoration:none;}
a:visited{color:#808080;text-decoration:none;}
a:active{color:#808080; text-decoration:none;}
a:hover {text-decoration: none; border: 0px solid; #nav:hover 
color: #808080; background-color: #FFFFFF; cursor:hand;-->}

body{
scrollbar-face-color: #808080;
scrollbar-highlight-color: #FFFFFF;
scrollbar-3dlight-color: #808080;
scrollbar-darkshadow-color: #808080;
scrollbar-shadow-color: #FFFFFF;
scrollbar-arrow-color: #FFFFFF;
scrollbar-track-color: #808080;}

</style>
</head>
</script>

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');
}

<%IF BLOG_ARCHIVE_PAGE%><%WHILE ARCHIVE_LINK%>
<a href="<%VAR ARCHIVE_LINK%>"><%VAR ARCHIVE_DATE_BEGIN%> a <%VAR ARCHIVE_DATE_END%></a><%ENDWHILE%>

<a href="index.html">voltar</a><%ELSE%>
					
				

<%WHILE POST_TITLE%><b><CENTER><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></b></CENTER>
<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><br>- <span id=f>

Postado por: <b><%VAR POST_USER%></b> às <%VAR POST_DATE%><br><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%>
								
<%IF BLOG_RECOMMEND_POST%>[ <a id=b href="javascript:abre('http://navblog.uol.com.br/recommend.html?idBlog=<%VAR BLOG_ID%>&postFileName=<%VAR POST_ID%>','340','400','1');">envie esta mensagem</a> ]<%ENDIF%><br clear=all><br>
							
<center>___________________________________</center><br><br>
							
<%ENDWHILE%>

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

</head>
</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%>

(3º) Copie o endereço do seu blog de postagens em um bloco de notas.

(4º) Agora, pode sair do blog de postagens, e vamos para o seu blog aonde vamos colocar o iframe.

(5º) Vou mostrar o local certinho para colocar o código do Iframe. Vamos agora no HTML do blog de inserir suas coisinhas. Faça o login, aperte em configurações, modelo do blog e editor de html. Procure no seu código aonde está isso:

(6º) Achou? Preste Atenção... Estamos mexendo somente nesse pedacinho do código do seu HTML, OK? Agora você vai apagar tudo que está escrito dentro do Mensagens do Blog e irá colocar esse código que se encontra na caixinha:

(7º) Ficará assim:

(8º) Agora, no local indicado, você irá colocar o endereço do seu blog de postagens que colamos lá no bloco de notas, lembra? Isso mesmo... Ficará assim:

DICAS: Aonde diz: "width=362" É a largura da página. E onde diz: "height=1500" É o comprimento da página. Eu sempre gosto de colocar um número bem grande no "height", para não correr o risco de aparecer aquela barrinha de rolagem nos textos, sabem? Então... se isso vier acontecer, basta aumentar os números.

(9º) Copie esse código que se encontra na caixinha, e coloque no seu HTML aonde quer que o MENU apareça.

(10º) Aperte em salvar, republicar e prontinho! Lá está o seu blog com o iframe dentro :)

Espero que tenham entendido e conseguido fazer tudo direitinho. Caso tenham dúvidas, podem perguntar, pedir, gritar, rsrs... Terei o maior prazer em ajudar, OK?

Tutorial elaborado exclusivo por TATIANA BERTOLIN. Adoraria receber os devidos créditos pela ajuda :) Obrigada!