templates by lecca: Tutorial Iframe

::Tutorial de Iframes::

O que são iframes?
R: - Iframes é uma página que abre sob página usando a área de posts ou outra área desejada:

O que você precisa fazer?
Então vamos lá!

1º - para você criar iframes você precisa ter duas página ou dois blogs,Um com seu templates suas imagens, links e tudo mais.

O outro será um blog exclusivo para posts.
Obs. o Blog principal você só poderá ter um post para constar por que é obrigado a postar quando você muda de template ou faz qualquer alteração, porque se tiver mais de um vai dar erro, Ok!!!

2º-Criando a página para posts:

Para fazer a página de posts você vai pegar os códigos html onde só vai ter as tags do seu provedor.
Vamos fazer assim você pegar a página do seu template mesmo, você vai retirar tudo que tá nela, ou seja toda area da imagem, medidas de perfil e,e tudo mais você só vai deixar a as tags de posts. ai você vai Salva-la como: exemplo http://www.postslecca.blogger.com.br/index.html

Click na imagem para amplia-la.

Esses códigos é para blogger

<html> <head> <title>Teste</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <script language="JavaScript"> function MM_reloadPage(init) {  //reloads the window if Nav4 resized   if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {     document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}   else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload(); } MM_reloadPage(true); // --> </script> <style> body, p, td {font-family: verdana; font-size: 12px; color:#000000;; } a:link {text-decoration:none;color: #AFAF5C; } a:visited {text-decoration:none; color:  #000000; } a:active {text-decoration:none; color:  #000000;} a:hover {text-decoration:none; color:  #000000; font:bold; cursor: none;} BODY { scrollbar-face-color:#DEDEBC; scrollbar-highlight-color:#DEDEBC; scrollbar-3dlight-color:#DEDEBC; scrollbar-darkshadow-color:#CACA93; scrollbar-shadow-color:#CACA93; scrollbar-arrow-color:#CACA93; scrollbar-track-color:#DEDEBC; }</style> <body bgcolor="#FFFFFF">             <blogger><blogdateheader> <b>[<$BlogDateHeaderDate$>]</b></blogdateheader>
<br />
<br /><$BlogItemBody$>
<br />
<br />por <$BlogItemAuthor$> * <$BlogItemDateTime$>
<br /><p align="center">____________________</p>
<br />
<br /></blogger>  	          	  </body>       </html>

Então você criou a página de posts você então vai pegar estas tags abaixo,
Esses códigos são da iframe responsavel por todos os links que abrirão na sua área de posts.
Não esqueça de configurar o tamanho da área de posts que é muito importante ( heigth) no caso do seu template ser fechado.

3º - Depois de ter criado a página de posts vamos para sua página principal, onde você irá lá onde estão as tags dos posts irá tirar tudo que esta lá e colocará esses códigos que estão abaixo:

O exemplo abaixo é para blogger, mais o mesmo vc fará para qualque provedor.
<blogger>
< iframe src="O endereço da página que você criou para os posts coloque aqui" width="100%" height="1500" frameborder="0" border="0" name="iframe" style=" filter: chroma (color=#00FF00) ">
</blogger>
Pegue esses códigos aqui na caixinha

4º - Os novos códigos para seus links de página:

<a href="Endereço do link desejado" target="iframe">Título</a >
O seu primeiro endereço será da página principal:
Exemplo:
<a href="http://www.postslecca.blogger.com.br/index.html" mce_href="http://www.postslecca.blogger.com.br/index.html" target="iframe">Home</a >
<a href="http://www.minhas fotos.blogger.com.br/index.html" target="iframe">Fotos</a >

Pegue os códigos da iframe:

Prontinho você terminou.
Espero que este tutorial tenha ajudado a criar suas iframes:

Se usa-lo não esqueça de dar os créditos.

¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨
Este tutorial foi criado por Lecca sendo proibido a distribuição em site.

5 comentários:

Evelin disse...: òtimo tutorial bem explicado...

Mas eu tenho uma duvida , ao usar esse método.
Como fazer com que os arquivos e os marcadores do "blog de posts" aparecerem no blog do lay ....?
não sei se expliquei direito!!!; 5:11 PM
Lecca disse...: Sinceramente Evelin :D este tutorial eu fiz quando ainda não havia marcadores, enfim não aparece né.
Até mesmo porque eu acredito que não há necessidade de iframe em blogs porque dá para postar tudo, pegar endereço da postagem e considera-la como página e no caso do blogspot atualmente dá para criar páginas.; 6:21 PM
evelin disse...: Bem que eu tava achando dificil.
Vou ter que rever meus métodos e me atualizar ...rsrsr
Começando do zero.

Obrigada....; 4:51 AM
Jéssica disse...: como faz no blog do uol? :D; 3:20 PM
By Rafa disse...: Oi to precisando d ajuda tenho um blog e quero fazer meus proprios relogios e postar mas estou com dificuldade com iframe vc pode me ajudar
http://coisasdemeninasbyrafa.blogspot.com/; 9:28 AM