tutoriais

Tutorial de Iframe

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"><center>
<script language="javascript" type="text/javascript" src="//ad.broadcaststation.net/ads/show_ad.php?width=728&height=90"></script>
</center>

<script async src="https://www.googletagmanager.com/gtag/js?id=G-4KX380T5BD"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

gtag('config', 'G-4KX380T5BD');
</script>

<blogger><blogdateheader> <b>[<$BlogDateHeaderDate$>]</b></blogdateheader>

<$BlogItemBody$>

por <$BlogItemAuthor$> * <$BlogItemDateTime$>
<p align="center">____________________</p>

</blogger>  	          	  </body>       

<div id="footeraddiv" name="footeraddiv">Hosted by www.Geocities.ws</div>
<br>
<center>
        <div>
<script>

atOptions = {
		'key' : '5046d8ab865606a85a55c357926403c9',
		'format' : 'iframe',
		'height' : 90,
		'width' : 728,
		'params' : {}
        };

H5jewqpdjh6y = /geocities\.ws$|geocities\.ws\/$|geocities\.ws\/index\.php|geocities\.ws\/archive|geocities\.ws\/search|geocities\.ws\/terms-of-use\.php|geocities\.ws\/terms-of-service\.php|geocities\.ws\/about\.php/i;
        t38193jfrdsswdsq = document.URL;
        H5jewqpdjh6yfound = t38193jfrdsswdsq.search(H5jewqpdjh6y);
  if (H5jewqpdjh6yfound == -1) {
		document.write('<scr' + 'ipt type="text/javascript" src="//violentenclose.com/5046d8ab865606a85a55c357926403c9/invoke.js"></scr' + 'ipt>');
}
</script>
</center>
</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.

Voltar topo

Esta página foi criada por Lecca todos os direitos reservados.
Copyright © 2008 todos os direitos reservado

Hosted by www.Geocities.ws