Moderadora Thata

I-FRAME

O que é IFRAME?

Iframe é uma página que abre dentro de outra página. Por exemplo, quando você clica em algum link aqui do meu blog, abre uma outra página com o mesmo endereço do meu blog.

Ex: http://moderadorathata22.blogspot.com quando você abrir algum link fica assim http://moderadorathata.blogspot.com/minigifs por exemplo.

Como utilizar?

Para usar um iframe no seu blog, é preciso que você tenha 2 blogs, um para ser usado apenas para postagens e outro para usar com o layout.

Eu fiz assim:

1º) Blog de postagens - http://moderadorathata.blogspot.com
2º) Blog do layout - http://moderadorathata22.blogspot.com

No blog de postagens você vai precisar utilizar um código HTML especícico para página iframe. Copie o código de acordo com o seu servidor e cole no blog de postagens.

Zip.net(uol)

<html> <head> <meta equiv="imagetoolbar" content="no"> <script> /*JavaScript error stopper-for javascript capable browsers compliments of ghost, ©ghostc@mediaone.net */ function stoperror(){ return true } window.onerror=stoperror </script> <style type="text/css"> BODY,TABLE,TR,TD,P,DIV,SPAN { 	font-style: normal; 	font-weight: normal; 	font-size: 11px; 	color: #808080; 	font-family: tahoma; line-height: 14px;} A, A:link{color:#808080;text-decoration:none} A:visited{color:#808080} A:active{color:#808080} a:hover {text-decoration: none; color: #808080; font-weight: bold;} body { scrollbar-3dlight-color: #FF78B9; scrollbar-arrow-color: #FF78B9; scrollbar-base-color: #FF78B9; scrollbar-darkshadow-color: #FF78B9; scrollbar-face-color: #ffffff; scrollbar-highlight-color: #ffffff; scrollbar-shadow-color: #ffffff; SCROLLBAR-TRACK-COLOR: #ffffff; } </style> </head> </script> <script> var zeroComm = "Comentários"; var humComm = "Comentários"; var enesComm = "Comentários"; 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'); }function commentText(qtd) { if(qtd == "0") {txtFinal = "("+qtd+") "+ zeroComm;} else if (qtd == "1") {txtFinal = "("+qtd+") "+ humComm;} else {txtFinal = "("+qtd+") "+ enesComm;} return txtFinal;} </script>  <%IF BLOG_ARCHIVE_PAGE%><%WHILE ARCHIVE_LINK%> <a href="">"><%VAR ARCHIVE_DATE_BEGIN%> a <%VAR ARCHIVE_DATE_END%></a><%ENDWHILE%> <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">></a><%VAR POST_DATE_HEADER%></td></tr>");} else {document.write("<tr><td id="head"><a name="<%VAR">></a><%VAR POST_DATE_HEADER%></td></tr>");}</script> <tr><td valign="top" style="padding-left:10px;padding-right:10px"> 								 <%IFNOT POST_TITLE=''%> <%VAR POST_TITLE%> <%ENDIF%> <%VAR POST_TEXT%> Por <%VAR POST_USER%> às <%VAR POST_DATE%> 								 <%IF BLOG_ACCEPT_COMMENT%>[ <a id="b" href="" postfilename="<%VAR">&idBlog=<%VAR BLOG_ID%>','356','478','1');">"> </a> ]<%ELSE%> 					 		 <%IF POST_HAS_COMMENT%>[ <a id="b" href="" postfilename="<%VAR">&idBlog=<%VAR BLOG_ID%>','356','478','1');">"> </a> ]<%ENDIF%><%ENDIF%> 								 <%IF BLOG_RECOMMEND_POST%>[ <a id="b" href="" idblog="<%VAR">&postFileName=<%VAR POST_ID%>','340','400','1');">Envie esta Mensagem</a> ]<%ENDIF%> 						 							 <%ENDWHILE%> 					 <%ENDIF%></div><%IF BLOG_ACCEPT_COMMENT%><script src="<%VAR">></script><%ENDIF%> <%IF BLOG_OWNER_MOOD%><script src="mood.js"></script><%ENDIF%>  </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%>

Blogspot.com

<noembed><body></noembed> <html> <head> <script src="http://www.comm.blogger.com.br/3/0/7/30791/comment.js"></script> <meta equiv="imagetoolbar" content="no"> <script> /*JavaScript error stopper-for javascript capable browsers compliments of ghost, ©ghostc@mediaone.net */ function stoperror(){ return true } window.onerror=stoperror </script> <meta equiv="Content-Type" content="text/html; charset=iso-8859-1"> <script language="JavaScript">  </script> <style type="text/css"> P, body, td, tr, div { 	font-style: normal; 	font-weight: normal; 	font-size: 11px; 	color: #808080; 	font-family: tahoma; line-height: 14px;} A, A:link{color:#808080;text-decoration:none} A:visited{color:#808080} A:active{color:#808080} a:hover {text-decoration: none; color: #808080; font-weight: bold;} body { scrollbar-3dlight-color: #FF78B9; scrollbar-arrow-color: #FF78B9; scrollbar-base-color: #FF78B9; scrollbar-darkshadow-color: #FF78B9; scrollbar-face-color: #ffffff; scrollbar-highlight-color: #ffffff; scrollbar-shadow-color: #ffffff; SCROLLBAR-TRACK-COLOR: #ffffff; } </style>  <tr> <td> <blogger> <blogdateheader><$BlogDateHeaderDate$></blogdateheader> 					 <$BlogItemBody$> Por <$BlogItemAuthor$> || <$BlogItemDateTime$> || <a href="">')">Comentários <script>getComments('<$BlogItemNumber$>');</script></a> </blogger> </td> </tr>  </body> </html>

Agora que você copiou o seu HTML iframe de acordo com o seu servidor, você cola na sua página de posts e salva. O seu "blog postagens" está pronto, agora é hora de colar o código no seu blog de lay. Pegue o código abaixo e cole na área de post do seu "blog lay".

Subistitua no código onde está escrito ENDEREÇO DO BLOG POST AQUI, pelo endereço do seu blog post e salve.

Prontinho, o seu iframe está feito !

Postado pela, Moderadora Thata 13:45

0 Comments

Postar um comentário

<< Home