I Believe in my Dreams ~

Free Layout com I-frame

Pegue o Código

ATENÇÃO

Quem tiver preguiça, terá problemas com o Layout.

Como deu para notar, o I-frame não é na área de postagens, ou seja, não precisa criar um blog só para posts.
Recomendo para hospedagem de páginas o Vilabol ou mesmo o UOL Blog. Não recomendo utilizar postagens como páginas, pois a página do I-frame não precisa de layout, apenas de estilos.
Para os iniciantes, leiam os tutoriais sobre I-frame(existem vários blogs que ensinam como utilizar/criar/etc). Lembrando que é PROIBIDO copiar/utilizar qualquer parte desse Layout, mesmo que seja parcialmente.
Permito utilizar os estilos desse template para páginas de I-frame APENAS os blogs que usam este layout.

Faça bom uso :P Se inspirou nessa ideia? Credite pls :D

Blogger

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <meta name="ProgId" content="FrontPage.Editor.Document">
  <meta name="GENERATOR" content="Microsoft FrontPage 6.0">
  <meta http-equiv="Content-Type"
 content="text/html; charset=windows-1252">
  <title><$BlogPageTitle$></title>
  <link href="http://sites.google.com/site/gcobuccio/favicon/heabrttemp.ico" rel="shortcut icon"> <style>
table {
font-size : 9px ;
}
TEXTAREA,select {
font-size : 9px ;
font-family : verdana ;
color : #34497A;
border: #ffffff 2px solid;
background-color: #f6f5e4;
scrollbar-face-color: #f6f5e4;
scrollbar-highlight-color: #f6f5e4;
scrollbar-3dlight-color: #f6f5e4;
scrollbar-darkshadow-color: #f6f5e4;
scrollbar-shadow-color: #f6f5e4;
scrollbar-arrow-color: #34497A;
scrollbar-track-color: #ffffff;
}
input {
BORDER: #ffffff 2px solid; FONT-SIZE: 9px;
WIDTH: 88px; COLOR: #34497A; FONT-FAMILY: tahoma;
HEIGHT: 15px; BACKGROUND-COLOR: #f6f5e4;
}
body,td,p {
FONT-SIZE: 12px; COLOR: #4e4e4e; FONT-FAMILY: verdana;
TEXT-DECORATION: none;
}
BODY {
scrollbar-face-color: #f6f5e4;
scrollbar-highlight-color: #f6f5e4;
scrollbar-3dlight-color: #f6f5e4;
scrollbar-darkshadow-color: #f6f5e4;
scrollbar-shadow-color: #f6f5e4;
scrollbar-arrow-color: #34497A;
scrollbar-track-color: #ffffff;
}
b{
color: #a4a48a;}
u {
color: #34497a;
text-decoration:none;
border-bottom: 1px solid #4e4e4e;
}
i{ color: #CE6C82;
}
a:link {color:#34497A; text-decoration: none;}
a:visited {color:#34497A; text-decoration: none;}
a:hover {color: #928C82; text-decoration: none; border-bottom: 2px solid #f6f5e4; background-color:#ffffff;
}
#b-navbar {
height:0px;
visibility:hidden;
display:none
}
#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}
.titulopost {
font: 16px trebuchet ms;
color: #34497A;
font-weight: bold;
}
.tituloblogof {
font: 34px Century Gothic;
color: #cc5858;
text-align: center;
}
.titulodescription {
font: 34px Century Gothic;
color: #cc5858;
}
a.menulist{
font: 14px Century Gothic;
color: #cc5858;
text-align: center;
}
a.menulist:hover {
font: 14px Century Gothic;
color: #39455e;
text-align: center;
background-color: transparent;
border-bottom: 4px solid #D98282;
border-top: none;
text-decoration: none;
}
.div1 {
color: #928C82;
font: 10px trebuchet ms;
text-align: right;}
  </style>
</head>
<body>
<span style="position: absolute; top: 0px; left: 0px;">
<map name="FPMap0">
<area href="http://chicletts.blogspot.com/" shape="rect" coords="158, 666, 277, 676">
<area href="http://chicletts.blogspot.com/" shape="rect" coords="570, 17, 684, 25"></map>
<img src="http://a.imageshack.us/img227/4183/believeindreamsbychicle.png" usemap="#FPMap0" border="0"></span><p> </p>
<div style="position: absolute; width: 472px; left: 121px; top: 43px; height: 75px;">

<p class="tituloblogof">
<$BlogPageTitle$>
</p>

</div>
<div style="position: absolute; width: 362px; height: 25px; top: 345px; left: 394px;">
<center><a target="iframe" class="menulist" href="HTTP://URL-AQUI.COM.BR">

Girl</a>
<img src="http://a.imageshack.us/img541/3271/separatorbychiclettsibe.png" align="middle" border="0">
<a target="iframe" class="menulist" href="HTTP://URL-AQUI.COM.BR">

Blog</a>
<img src="http://a.imageshack.us/img541/3271/separatorbychiclettsibe.png" align="middle" border="0">
<a target="iframe" class="menulist" href="HTTP://URL-AQUI.COM.BR">

Goodies</a>
<img src="http://a.imageshack.us/img541/3271/separatorbychiclettsibe.png" align="middle" border="0">
<a target="iframe" target="iframe" class="menulist" href="HTTP://URL-AQUI.COM.BR">

Selos</a>
<img src="http://a.imageshack.us/img541/3271/separatorbychiclettsibe.png" align="middle" border="0">
<a target="iframe" class="menulist" href="HTTP://URL-AQUI.COM.BR">

Links</a>
<img src="http://a.imageshack.us/img541/3271/separatorbychiclettsibe.png" align="middle" border="0">
<a target="iframe" class="menulist" href="HTTP://URL-AQUI.COM.BR">

Créditos</a>
<img src="http://a.imageshack.us/img541/3271/separatorbychiclettsibe.png" align="middle" border="0">
</center>
</div>

<div style="position: absolute; width: 396px; left: 388px; overflow: auto; top: 385px; height: 314px;">

</div>
<div style="position: absolute; width: 332px; left: 30px; overflow: auto; top: 183px; height: 468px;">
<center><blogger></center>
<center>
<p class="titulopost"><BlogItemtitle><$BlogItemTitle$></BlogItemtitle></p>
</center>
<div class="div1"><blogdateheader><$BlogDateHeaderDate$></blogdateheader></div>
<div class="div1"><img
 src="http://i54.tinypic.com/vy076r.jpg" border="0">
Por: <$BlogItemAuthor$></div>
<br>
<$BlogItemBody$> 
<br>
<br>
<div class="div1"><$BlogItemCreate$> <img src="http://i54.tinypic.com/vy076r.jpg" border="0"> Atualmente: <$I18NNumComments$></div>
<center><img src="http://i52.tinypic.com/2gujuyg.gif" border="0"><img src="http://i52.tinypic.com/2gujuyg.gif" border="0"><br>
</blogger><br>
<br>
</center>
</div>

</body>
</html>

Uol

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <meta name="ProgId" content="FrontPage.Editor.Document">
  <meta name="GENERATOR" content="Microsoft FrontPage 6.0">
  <meta http-equiv="Content-Type"
 content="text/html; charset=windows-1252">
  <title><%VAR BLOG_TITLE%></title>
  <link href="http://sites.google.com/site/gcobuccio/favicon/heabrttemp.ico" rel="shortcut icon"><script>
var zeroComm = "<%VAR BLOG_TEXT_NO_COMMENT%>";
var humComm = "<%VAR BLOG_TEXT_ONE_COMMENT%>";
var enesComm = "<%VAR BLOG_TEXT_MORE_COMMENTS%>";
 
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> <style>
table {
font-size : 9px ;
}
TEXTAREA,select {
font-size : 9px ;
font-family : verdana ;
color : #34497A;
border: #ffffff 2px solid;
background-color: #f6f5e4;
scrollbar-face-color: #f6f5e4;
scrollbar-highlight-color: #f6f5e4;
scrollbar-3dlight-color: #f6f5e4;
scrollbar-darkshadow-color: #f6f5e4;
scrollbar-shadow-color: #f6f5e4;
scrollbar-arrow-color: #34497A;
scrollbar-track-color: #ffffff;
}
input {
BORDER: #ffffff 2px solid; FONT-SIZE: 9px;
WIDTH: 88px; COLOR: #34497A; FONT-FAMILY: tahoma;
HEIGHT: 15px; BACKGROUND-COLOR: #f6f5e4;
}
body,td,p {
FONT-SIZE: 12px; COLOR: #4e4e4e; FONT-FAMILY: verdana;
TEXT-DECORATION: none;
}
BODY {
scrollbar-face-color: #f6f5e4;
scrollbar-highlight-color: #f6f5e4;
scrollbar-3dlight-color: #f6f5e4;
scrollbar-darkshadow-color: #f6f5e4;
scrollbar-shadow-color: #f6f5e4;
scrollbar-arrow-color: #34497A;
scrollbar-track-color: #ffffff;
}
b{
color: #a4a48a;}
u {
color: #34497a;
text-decoration:none;
border-bottom: 1px solid #4e4e4e;
}
i{ color: #CE6C82;
}
a:link {color:#34497A; text-decoration: none;}
a:visited {color:#34497A; text-decoration: none;}
a:hover {color: #928C82; text-decoration: none; border-bottom: 2px solid #f6f5e4; background-color:#ffffff;
}
.titulopost {
font: 16px trebuchet ms;
color: #34497A;
font-weight: bold;
}
.tituloblogof {
font: 34px Century Gothic;
color: #cc5858;
text-align: center;
}
.titulodescription {
font: 34px Century Gothic;
color: #cc5858;
}
a.menulist{
font: 14px Century Gothic;
color: #cc5858;
text-align: center;
}
a.menulist:hover {
font: 14px Century Gothic;
color: #39455e;
text-align: center;
background-color: transparent;
border-bottom: 4px solid #D98282;
border-top: none;
text-decoration: none;
}
.div1 {
color: #928C82;
font: 10px trebuchet ms;
text-align: right;}
  </style>
</head>
<body>
<span style="position: absolute; top: 0px; left: 0px;">
<map name="FPMap0">
<area href="http://chicletts.blogspot.com/" shape="rect" coords="158, 666, 277, 676">
<area href="http://chicletts.blogspot.com/" shape="rect" coords="570, 17, 684, 25"></map>
<img src="http://a.imageshack.us/img227/4183/believeindreamsbychicle.png" usemap="#FPMap0" border="0"></span><p> </p>
<div style="position: absolute; width: 472px; left: 121px; top: 43px; height: 75px;">

<p class="tituloblogof">

<%VAR BLOG_TITLE%>

</p>

</div>
<div style="position: absolute; width: 362px; height: 25px; top: 345px; left: 394px;">
<center><a target="iframe" class="menulist" href="HTTP://URL-AQUI.COM.BR">

Girl</a>
<img src="http://a.imageshack.us/img541/3271/separatorbychiclettsibe.png" align="middle" border="0">
<a target="iframe" class="menulist" href="HTTP://URL-AQUI.COM.BR">

Blog</a>
<img src="http://a.imageshack.us/img541/3271/separatorbychiclettsibe.png" align="middle" border="0">
<a target="iframe" class="menulist" href="HTTP://URL-AQUI.COM.BR">

Goodies</a>
<img src="http://a.imageshack.us/img541/3271/separatorbychiclettsibe.png" align="middle" border="0">
<a target="iframe" class="menulist" href="HTTP://URL-AQUI.COM.BR">

Selos</a>
<img src="http://a.imageshack.us/img541/3271/separatorbychiclettsibe.png" align="middle" border="0">
<a target="iframe" class="menulist" href="HTTP://URL-AQUI.COM.BR">

Links</a>
<img src="http://a.imageshack.us/img541/3271/separatorbychiclettsibe.png" align="middle" border="0">
<a target="iframe" class="menulist" href="HTTP://URL-AQUI.COM.BR">

</div>
<div style="position: absolute; width: 332px; left: 30px; overflow: auto; top: 183px; height: 468px;">

<center><%IF BLOG_ARCHIVE_PAGE%><%WHILE ARCHIVE_LINK%><a href="<%VAR ARCHIVE_LINK%>"><%VAR ARCHIVE_DATE_BEGIN%> a <%VAR ARCHIVE_DATE_END%></a><%ENDWHILE%><br><br><a href="index.html">voltar</a><%ELSE%>
 
 
     

</center><%WHILE POST_TITLE%>
<div class="div1">
<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></div>
 
<div class="div1"> <img src="http://i54.tinypic.com/vy076r.jpg" border="0">Por: <b><%VAR POST_USER%></b> <%IF BLOG_ACCEPT_COMMENT%></div>
 
<tr>
 
<td valign=top style=padding-left:20px;padding-right:10px>
<%IFNOT POST_TITLE=''%> <p class="titulopost"><%VAR POST_TITLE%></p>
<%ENDIF%><%VAR POST_TEXT%><br clear=all>
 
<%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');"></a> <%ENDIF%><clear=all>
<center><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><br><img src="http://i52.tinypic.com/2gujuyg.gif" border="0"><img src="http://i52.tinypic.com/2gujuyg.gif" border="0"> <br><br><br></center> 
 
<%ENDWHILE%>
      

<%ENDIF%>
 
</DIV></CENTER>
 
<%IF BLOG_ACCEPT_COMMENT%><script src=<%VAR BLOG_SCRIPT_URI%>></script><%ENDIF%>
<%IF BLOG_OWNER_MOOD%><script src="mood.js"></script><%ENDIF%>
</center>
</div>
</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 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%>