Simple Love

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. (Os links são apenas i-frames de exemplo).

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 : #777;
border: #ffffff 1px solid;
background-color: #fff;
scrollbar-face-color: #fff;
scrollbar-highlight-color: #fff;
scrollbar-3dlight-color: #fff;
scrollbar-darkshadow-color: #fff;
scrollbar-shadow-color: #fff;
scrollbar-arrow-color: #777;
scrollbar-track-color: #fff;
}
input {
BORDER: #a4a4a4 1px solid; FONT-SIZE: 9px;
WIDTH: 88px; COLOR: #777; FONT-FAMILY: tahoma;
HEIGHT: 15px; BACKGROUND-COLOR: #fff;
}
body,td,p {
FONT-SIZE: 12px; COLOR: #4e4e4e; FONT-FAMILY: verdana;
TEXT-DECORATION: none;
background: #fff url('http://a.imageshack.us/img819/6458/bglovelovegraybychiclet.png') repeat-y;
}
BODY {
scrollbar-face-color: #fff;
scrollbar-highlight-color: #fff;
scrollbar-3dlight-color: #fff;
scrollbar-darkshadow-color: #fff;
scrollbar-shadow-color: #fff;
scrollbar-arrow-color: #777;
scrollbar-track-color: #ffffff;
}
b{
color: #a4a48a;}
u {
color: #34497a;
text-decoration:none;
border-bottom: 1px solid #4e4e4e;
}
i{ color: #CE6C82;
}
a:link {color:#D98282; text-decoration: none;}
a:visited {color:#D98282; text-decoration: none;}
a:hover {color: #fff; text-decoration: none; background-color:#D98282; cursor: sw-resize;
}
#b-navbar {
height:0px;
visibility:hidden;
display:none
}
#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}
.titulopost {
font: 16px trebuchet ms;
color: #777777;
background: transparent;
}
.tituloblogof {
font: 10px trebuchet ms;
color: #cc5858;
text-align: right;
background: transparent;
}
#menulist {
font: 14px Trebuchet ms;
color: #777777;
text-align: left;
background: #ffffff;
border-left: 4px solid #D98282;
}
#menulist:hover {
font: 14px Trebuchet ms;
color: #D98282;
text-align: center;
border-left: 4px solid #777777;
border-right: 4px solid #fff;
border-bottom: 0px solid #777;
text-decoration: none;
background: #ffffff;
}
a.menulist{
font: 14px Trebuchet ms;
color: #777777;
text-align: center;
background: #ffffff;
border-left: 4px solid #D98282;
}
a.menulist:visited {
font: 14px Trebuchet ms;
color: #777777;
text-align: center;
background: #ffffff;
border-left: 4px solid #D98282;
}
a.menulist:hover {
font: 14px Trebuchet ms;
color: #D98282;
text-align: center;
border-left: 4px solid #777777;
border-bottom: 0px solid #777;
text-decoration: none;
background: #ffffff;
}
.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="48, 9, 304, 12">
</map>
<img src="http://img192.imageshack.us/img192/8460/lovelovegraybychicletts.png" border="0" usemap="#FPMap0"></span><p> </p>
<div style="position: absolute; width: 289px; height: 22px; top: 100px; left: 164px;">
<center><a target="iframe" id="menulist" href="HTTP://URL-AQUI.COM.BR">
 Girl </a>

<a target="iframe" id="menulist" href="HTTP://URL-AQUI.COM.BR">
 Goodies </a>

<a target="iframe" id="menulist" href="HTTP://URL-AQUI.COM.BR">
 Links </a>

<a target="iframe" id="menulist" href="HTTP://URL-AQUI.COM.BR">
 Créditos </a></center></div>

<div style="position: absolute; width: 309px; left: 470px; overflow: auto; top: 10px; height: 487px">

</div>
<div style="position: absolute; width: 422px; left: 44px; top: 138px; height: 361px">
<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://i56.tinypic.com/2m2cevp.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 : #777;
border: #ffffff 1px solid;
background-color: #fff;
scrollbar-face-color: #fff;
scrollbar-highlight-color: #fff;
scrollbar-3dlight-color: #fff;
scrollbar-darkshadow-color: #fff;
scrollbar-shadow-color: #fff;
scrollbar-arrow-color: #777;
scrollbar-track-color: #fff;
}
input {
BORDER: #a4a4a4 1px solid; FONT-SIZE: 9px;
WIDTH: 88px; COLOR: #777; FONT-FAMILY: tahoma;
HEIGHT: 15px; BACKGROUND-COLOR: #fff;
}
body,td,p {
FONT-SIZE: 12px; COLOR: #4e4e4e; FONT-FAMILY: verdana;
TEXT-DECORATION: none;
background: #fff url('http://a.imageshack.us/img819/6458/bglovelovegraybychiclet.png') repeat-y;
}
BODY {
scrollbar-face-color: #fff;
scrollbar-highlight-color: #fff;
scrollbar-3dlight-color: #fff;
scrollbar-darkshadow-color: #fff;
scrollbar-shadow-color: #fff;
scrollbar-arrow-color: #777;
scrollbar-track-color: #ffffff;
}
b{
color: #a4a48a;}
u {
color: #34497a;
text-decoration:none;
border-bottom: 1px solid #4e4e4e;
}
i{ color: #CE6C82;
}
a:link {color:#D98282; text-decoration: none;}
a:visited {color:#D98282; text-decoration: none;}
a:hover {color: #fff; text-decoration: none; background-color:#D98282; cursor: sw-resize;
}
#b-navbar {
height:0px;
visibility:hidden;
display:none
}
#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}
.titulopost {
font: 16px trebuchet ms;
color: #777777;
background: transparent;
}
.tituloblogof {
font: 10px trebuchet ms;
color: #cc5858;
text-align: right;
background: transparent;
}
#menulist {
font: 14px Trebuchet ms;
color: #777777;
text-align: left;
background: #ffffff;
border-left: 4px solid #D98282;
}
#menulist:hover {
font: 14px Trebuchet ms;
color: #D98282;
text-align: center;
border-left: 4px solid #777777;
border-right: 4px solid #fff;
border-bottom: 0px solid #777;
text-decoration: none;
background: #ffffff;
}
a.menulist{
font: 14px Trebuchet ms;
color: #777777;
text-align: center;
background: #ffffff;
border-left: 4px solid #D98282;
}
a.menulist:visited {
font: 14px Trebuchet ms;
color: #777777;
text-align: center;
background: #ffffff;
border-left: 4px solid #D98282;
}
a.menulist:hover {
font: 14px Trebuchet ms;
color: #D98282;
text-align: center;
border-left: 4px solid #777777;
border-bottom: 0px solid #777;
text-decoration: none;
background: #ffffff;
}
.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="48, 9, 304, 12">
</map>
<img src="http://img192.imageshack.us/img192/8460/lovelovegraybychicletts.png" border="0" usemap="#FPMap0"></span><p> </p>
<div style="position: absolute; width: 289px; height: 22px; top: 100px; left: 164px;">
<center><a target="iframe" id="menulist" href="HTTP://URL-AQUI.COM.BR">
 Girl </a>

<a target="iframe" id="menulist" href="HTTP://URL-AQUI.COM.BR">
 Goodies </a>

<a target="iframe" id="menulist" href="HTTP://URL-AQUI.COM.BR">
 Links </a>

</div>
<div style="position: absolute; width: 422px; left: 44px; top: 138px; height: 361px">

<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://i56.tinypic.com/2m2cevp.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%>