Hola
como es que si creo una pagina web nueva, en mi web, y pongo el siguiente codigo luego al cargarlo no sale el blog sale el codigo
unlugardistinto
Navegación
Home
Contacto
Foro BDSM
Galería de fotos
Libro de visitantes
Chat
mi novela
mi novela
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[
/* Variable definitions
====================
<Variable name="textcolor" description="Text Color"
type="color" default="#fc9" value="#666666">
<Variable name="PageBgColor" description="Main Background Color"
type="color" default="#900" value="#ffffff">
<Variable name="pagetitlecolor" description="Page Header Color"
type="color" default="#ffc" value="#e1771e">
<Variable name="datecolor" description="Date Header Color"
type="color" default="#ccc" value="#666666">
<Variable name="titlecolor" description="Post Title Color"
type="color" default="#f90" value="#1e34e1">
<Variable name="titlehovercolor" description="Post Title Hover Color"
type="color" default="#fff" value="#919dff">
<Variable name="footercolor" description="Post Footer Color"
type="color" default="#ccc" value="#1e34e1">
<Variable name="sidebartextcolor" description="Sidebar Text Color"
type="color" default="#ffc" value="#666666">
<Variable name="sidebarcolor" description="Sidebar Title Color"
type="color" default="#f90" value="#1e34e1">
<Variable name="sidebarlink" description="Sidebar Link Color"
type="color" default="#ffc" value="#1e34e1">
<Variable name="sidebarhover" description="Sidebar Hover Color"
type="color" default="#999" value="#919dff">
<Variable name="linkcolor" description="Link Color"
type="color" default="#fc9" value="#1e34e1">
<Variable name="linkhover" description="Link Hover Color"
type="color" default="#9fecff" value="#919dff">
<Variable name="visitedlinkcolor" description="Visited Link Color"
type="color" default="#369" value="#1e34e1">
<Variable name="descriptioncolor" description="Description Color"
type="color" default="#666" value="#666666">
<Variable name="Commentscolor" description="Comments Text Color"
type="color" default="#fff" value="#666666">
<Variable name="bodyfont" description="Text Font"
type="font" default="normal normal 80% Verdana, sans-serif" value="normal normal 95% Trebuchet, Trebuchet MS, Arial, sans-serif">
<Variable name="pagetitlefont" description="Page Header Font"
type="font" default="normal bold 200% 'Georgia','Times New Roman'" value="normal bold 178% Georgia, Times, serif">
<Variable name="titlefont" description="Post Title Font"
type="font" default="normal bold 110% 'Georgia','Times New Roman'" value="normal bold 118% Verdana, sans-serif">
<Variable name="sidebarheaderfont" description="Sidebar Title Font"
type="font" default="normal bold 105% 'Georgia','Times New Roman'" value="normal bold 104% Verdana, sans-serif">
<Variable name="descriptionfont" description="Description Font"
type="font" default="normal normal 80% 'Verdana','Arial'" value="normal bold 118% 'Verdana','Arial'">
*/
/* ---( page defaults )--- */
body { margin: 0px; padding: 0px; text-align: left; font:$bodyfont; color:$textcolor; background: #eeebdd url('http://blogsmadeinspainprueba.googlepages.com/agenda_01_fondo_1002.jpg') no-repeat fixed top left;}
blockquote { margin: 0 0 0 30px; padding: 10px 0 0 20px; line-height: 1.5em; }
blockquote p { margin-top: 0; }
abbr, acronym { cursor: help; font-style: normal; }
code { color: #f63; }
hr { display: none; }
img { border: none; }
/* unordered list style */
ul { list-style: none; margin-left: 7px; padding: 0; }
li { list-style: none; padding-left: 9px; margin-bottom: 3px; }
/* links */
a:link { color: $linkcolor; text-decoration: none; }
a:visited { color: $visitedlinkcolor; }
a:hover { color: $linkhover; }
a:active { color: $visitedlinkcolor; }
/* ---( layout structure )---*/
#outer-wrapper { width: 990px; margin: 0px; padding: 0px; text-align: justify; }
#content-wrapper { margin: 0px; padding: 0px; width: 848px}
#main { float: left; width: 502px; margin-letf: 0px; padding: 10px 40px 10px 20px; word-wrap: break-word; overflow: hidden; border: 0px solid #000000; }
#sidebar { float: rigth; width: 230px; padding: 10px 10px 10px 20px ; margin-rigth: 30px; color: $sidebartextcolor; line-height: 1.4em; word-wrap: break-word; overflow: hidden; border: 0px solid #000000; }
#center { overflow: scroll; width: 865px; height: 507px; margin: -207px 0px 0px 135px; }
/* ---( header and site name )--- */
#header-wrapper { margin: 0; }
#header {height:95px; overflow: hidden; margin-top: 40px; width:300; color: $pagetitlecolor; }
#header h1 { width: 450px; font: $pagetitlefont; padding: 0px 0px 5px 210px; filter: glow(color: #000000, Strength=5); text-align: left;}
#header h1 a { text-decoration: none; color: $pagetitlecolor; }
#header h1 a:hover { color: #000000; }
#header .description { margin:-17px 0px 0px 200px; text-align:center; padding:0px; width:390px; font: $descriptionfont; color: $descriptioncolor; }
#navcontainer
{
width: 123px;
margin: 5px 0 0 23px;
padding: 0 0 0 0;
font-family: Arial black;
font-size: 14px;
text-align: center;
}
ul#navlist
{
text-align: center;
list-style: none;
padding: 0;
margin: 0 0;
width: 100%;
}
ul#navlist li
{
display: block;
margin: 0;
padding: 0;
}
ul#navlist li a
{
display: block;
width: 123px;
padding: 8px 0 12px 0;
text-decoration: none;
color: #000000;
background: url('http://blogsmadeinspainprueba.googlepages.com/agenda_01_botonesmenu.png') no-repeat top left;
}
#navcontainer>ul#navlist li a { width: auto; }
ul#navlist li#active a
{
background: url('http://blogsmadeinspainprueba.googlepages.com/agenda_01_botonesmenu.png'); background-position: 123px 0px;}
ul#navlist li a:hover, ul#navlist li#active a:hover
{
background: url('http://blogsmadeinspainprueba.googlepages.com/agenda_01_botonesmenu.png'); background-position: 123px 0px;
}
/* ---( main column )--- */
h2.date-header { margin-top: 0; padding-left: 10px; font-size: 85%; color: $datecolor; }
.post h3 { margin-top: 0; padding-bottom: 10px; padding-top: 0px; font: $titlefont; color: $titlecolor; border-top: 0px solid #1b703a; border-bottom: 0px solid #1b703a; background: url('http://blogsmadeinspainprueba.googlepages.com/agenda_01_titulopost.png') no-repeat bottom left; }
.post { margin:0px; padding:10px; }
.post h3 a {text-decoration: none; color: $titlecolor; }
.post h3 a:hover { color: $titlehovercolor; text-decoration: none; }
.post-footer { margin: 0; padding: 0px; font-size: 88%; color:$footercolor; text-align: right; }
.post img { padding: 6px; border-top: 0px solid #ccc; border-left: 0px solid #cccccc; border-bottom: 0px solid #c0c0c0; border-right: 0px solid #c0c0c0; }
.feed-links { clear: both; line-height: 2.5em; color:$footercolor;}
.blog-feeds { text-align: right; color:$footercolor; border-top: 4px solid #1e34e1;}
#blog-pager-newer-link { float: left; }
#blog-pager-older-link { float: right; }
#blog-pager { text-align: center; }
/* comment styles */
#comments { padding-top: 10px; font-size: 85%; line-height: 1.5em; color: $Commentscolor; }
#comments h4 { margin: 20px 0 15px 0; padding: 8px 0 0 40px; font-family: "Lucida Grande", "Trebuchet MS"; font-size: 110%; color: $Commentscolor; height: 30px !important; /* for most browsers */ height /**/:37px; /* for IE5/Win */ }
#comments ul { margin-left: 0; }
#comments li { background: none; padding-left: 0; }
.comment-body { padding: 0 10px 0 25px; }
.comment-body p { margin-bottom: 0; }
.comment-author { margin: 4px 0 0 0; padding: 0 10px 0 60px; }
.comment-footer { border-bottom: 1px solid #ddd; padding-bottom: 1em;}
.deleted-comment { font-style:italic; color:gray; }
/* ---( sidebar )--- */
.sidebar h2 { margin:0px; padding: 10px 0 0 0px; font: $sidebarheaderfont; color: $sidebarcolor; background: url('http://blogsmadeinspainprueba.googlepages.com/agenda_01_titulosidebar.png') no-repeat bottom left; !important; /* for most browsers */ height /**/:27px; /* for IE5/Win */ }
.sidebar .widget { margin: 0; padding: 0 0 5px 10px;}
.sidebar a {color: $sidebarlink; text-decoration: none;}
.sidebar a:hover {color: $sidebarhover; }
.sidebar li { padding-left: 5px; }
.profile-textblock { margin:.5em 0 .5em; }
.profile-img { float: left; margin: 0 5px 5px 0; border: 1px solid #ddd; padding: 4px;}
/* ---( footer )--- */
.clear { /* to fix IE6 padding-top issue */ clear: both; }
#footer-wrapper { padding:7px 0px 0px 0px; font-size: 80%; clear: both;}
#footer {width: 1000px; text-align:center; color: #666666; }
#footer-wrapper a { color: #000000; text-decoration: none;}
#footer-wrapper a:hover{ color: #666666; text-decoration: none;}
/** Page structure tweaks for layout editor wireframe */
body#layout #outer-wrapper,
body#layout #main,
body#layout #sidebar { padding-top: 0; margin-top: 0;}
body#layout #outer-wrapper,body#layout #content-wrapper { width: 100%;}
body#layout #sidebar { margin-right: 0; margin-bottom: 1em; }
body#layout #header,body#layout #footer,
body#layout #main { padding: 0; }
body#layout #content-wrapper {margin: 0px; }
#navbar-iframe {height:0px; visibility: hidden; display:none}
]]></b:skin>
</head>
<body>
<div id='outer-wrapper'><div id='wrap2'>
<!-- skip links for text browsers -->
<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a> |
<a href='#sidebar'>skip to sidebar</a>
</span>
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='PRUEBA DE PLANTILLA_1 (cabecera)' type='Header'>
<b:includable id='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</b:includable>
<b:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</b:includable>
<b:includable id='main'>
<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == "REPLACE"'>
<!--Show just the image, no text-->
<div id='header-inner'>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a>
</div>
<b:else/>
<!--
Show image as background to text. You can't really calculate the width
reliably in JS because margins are not taken into account by any of
clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
width if the user is using shrink to fit.
This results in a margin-width's worth of pixels being cropped. If the
user is not using shrink to fit then we expand the header.
-->
<div expr:style='"background-image: url("" + data:sourceUrl + ""); " + "background-position: " + data:backgroundPositionStyleStr + "; " + data:widthStyleStr + "min-height: " + data:height + "px;" + "_height: " + data:height + "px;" + "background-repeat: no-repeat; "' id='header-inner'>
<div class='titlewrapper' style='background: transparent'>
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
<b:else/>
<!--No header image -->
<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
</b:includable>
</b:widget>
</b:section>
</div>
<div id='navcontainer'>
<ul id='navlist'>
<li><a href='#'>Inicio</a></li>
<li><a href='#'>Básico</a></li>
<li><a href='#'>Imágenes</a></li>
<li><a href='#'>Texto</a></li>
<li><a href='#'>Contactar</a></li>
</ul>
</div>
<div id='center'>
<div id='content-wrapper'>
<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Entradas del blog' type='Blog'>
<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>
</div>
<div class='clear'/>
</b:includable>
<b:includable id='backlinks' var='post'>
<a name='links'/><h4><data:post.backlinksLabel/></h4>
<b:if cond='data:post.numBacklinks != 0'>
<dl class='comments-block' id='comments-block'>
<b:loop values='data:post.backlinks' var='backlink'>
<div class='collapsed-backlink backlink-control'>
<dt class='comment-title'>
<span class='backlink-toggle-zippy'> </span>
<a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
<b:include data='backlink' name='backlinkDeleteIcon'/>
</dt>
<dd class='comment-body collapseable'>
<data:backlink.snippet/>
</dd>
<dd class='comment-footer collapseable'>
<span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
<span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
</dd>
</div>
</b:loop>
</dl>
</b:if>
<p class='comment-footer'>
<a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
</p>
</b:includable>
<b:includable id='post' var='post'>
<div class='post hentry'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
<div class='post-header-line-1'/>
<div class='post-body entry-content'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'><span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<span class='fn'><data:post.author/></span>
</b:if>
</span> <span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span> <span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</span> <span class='post-icons'>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<img alt='' class='icon-action' src='http://www.blogger.com/img/icon18_email.gif'/>
</a>
</span>
</b:if>
<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/>
</span> </div>
<div class='post-footer-line post-footer-line-2'><span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
</span> </div>
<div class='post-footer-line post-footer-line-3'/>
</div>
</div>
</b:includable>
<b:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
<span class='delete-comment-icon'> </span>
</a>
</span>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links -->
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>
<b:else/> <!--Post feed links -->
<div class='post-feeds'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.feedLinks'>
<b:include data='post.feedLinks' name='feedLinksBody'/>
</b:if>
</b:if>
</b:loop>
</div>
</b:if>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<span expr:class='"item-control " + data:backlink.adminClass'>
<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
<span class='delete-comment-icon'> </span>
</a>
</span>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<img alt='' class='icon-action' src='http://www.blogger.com/img/icon18_edit_allbkg.gif'/>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
<data:post.commentRangeText/>
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
</span>
</b:if>
<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>
<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
<data:post.oldestLinkText/>
</a>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
<data:post.olderLinkText/>
</a>
<data:post.commentRangeText/>
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
<data:post.newerLinkText/>
</a>
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
<data:post.newestLinkText/>
</a>
</span>
</b:if>
<p class='comment-footer'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</p>
</b:if>
<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
<b:includable id='main' var='top'>
<!-- posts -->
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<data:adStart/>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comments'/>
</b:if>
<b:if cond='data:post.includeAd'>
<data:adEnd/>
<data:adCode/>
<data:adStart/>
</b:if>
</b:loop>
<data:adEnd/>
</div>
<!-- navigation -->
<b:include name='nextprev'/>
<!-- feed links -->
<b:include name='feedLinks'/>
</b:includable>
</b:widget>
</b:section>
</div>
<div id='sidebar-wrapper'>
<b:section class='sidebar'
Muchas gracias a quien pueda ayudarme, me gustaria hacer un blog tipo libro para escribir alli una novela
