<!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" xml:lang="en" lang="en"><head> <title><$BlogPageTitle$></title><!--link rel="shortcut icon" href="http://photos1.blogger.com/blogger/2628/2137/320/favicon.jpg--> <$BlogMetaData$> <style type="text/css"><!--Para ocultar la barra de blogger: #b-navbar {visibility:hidden;}-->/*-----------------------------------------------Blogger Template StyleName: MinimaDesigner: Douglas BowmanURL: www.stopdesign.comDate: 26 Feb 2004Modificado por lopez en febrero del 06 para cerocoma.blogspot.com----------------------------------------------- */body { background:#fff; margin:0; padding:40px 20px; font:x-small Georgia,Serif; text-align:center; color:#333; font-size/* */:/**/small; font-size: /**/small; }a:link { color:#58a; text-decoration:none; }a:visited { color:#969; text-decoration:none; }a:hover { color:#c60; text-decoration:underline; }a img { border-width:0; }/* Header----------------------------------------------- */#header { width:660px; background:url(http://photos1.blogger.com/blogger/2628/2137/320/prueba.jpg); margin:0 auto 10px; border:1px solid #ccc; }#blog-title { margin:5px 5px 0; padding:20px 20px .25em; border:1px solid #eee; border-width:1px 1px 0; font-size:200%; line-height:1.2em; font-weight:normal; color:#666; text-transform:uppercase; letter-spacing:.2em; }#blog-title a { color:#666; text-decoration:none; }#blog-title a:hover { color:#c60; }#description { margin:0 5px 5px; padding:0 20px 20px; border:1px solid #eee; border-width:0 1px 1px; max-width:700px; font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; text-transform:uppercase; letter-spacing:.2em; color:#999; }/* Content----------------------------------------------- */#content { width:660px; margin:0 auto; padding:0; text-align:left; }#main { width:410px; float:left; }#sidebar { width:220px; float:right; }/* Headings----------------------------------------------- */h2 { margin:1.5em 0 .75em; font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; text-transform:uppercase; letter-spacing:.2em; color:#999; }/* Posts----------------------------------------------- */.date-header { margin:1.5em 0 .5em; }.post { margin:.5em 0 1.5em; border-bottom:1px dotted #ccc; padding-bottom:1.5em; }.post-title { margin:.25em 0 0; padding:0 0 4px; font-size:140%; font-weight:normal; line-height:1.4em; color:#c60; }.post-title a, .post-title a:visited, .post-title strong { display:block; text-decoration:none; color:#c60; font-weight:normal; }.post-title strong, .post-title a:hover { color:#333; }.post div { margin:0 0 .75em; line-height:1.6em; }p.post-footer { margin:-.25em 0 0; color:#ccc; }.post-footer em, .comment-link { font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; text-transform:uppercase; letter-spacing:.1em; }.post-footer em { font-style:normal; color:#999; margin-right:.6em; }.comment-link { margin-left:.6em; }.post img { padding:4px; border:1px solid #ddd; }.post blockquote { margin:1em 20px; }.post blockquote p { margin:.75em 0; }<MainOrArchivePage> span.entrada {display:none;}</MainOrArchivePage><ItemPage> span.entrada {display:inline;} </ItemPage><MainOrArchivePage> span.principal {display:inline;}</MainOrArchivePage><ItemPage> span.principal {display:none;} </ItemPage>/* Comments----------------------------------------------- */#comments h4 { margin:1em 0; font:bold 78%/1.6em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; text-transform:uppercase; letter-spacing:.2em; color:#999; }#comments h4 strong { font-size:130%; }#comments-block { margin:1em 0 1.5em; line-height:1.6em; }#comments-block dt { margin:.5em 0; }#comments-block dd { margin:.25em 0 0; }#comments-block dd.comment-timestamp { margin:-.25em 0 2em; font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; text-transform:uppercase; letter-spacing:.1em; }#comments-block dd p { margin:0 0 .75em; }.deleted-comment { font-style:italic; color:gray; }/* Sidebar Content----------------------------------------------- */#sidebar ul { margin:0 0 1.5em; padding:0 0 1.5em; border-bottom:1px dotted #ccc; list-style:none; }#sidebar li { margin:0; padding:0 0 .25em 15px; text-indent:-15px; line-height:1.5em; }#sidebar p { color:#666; line-height:1.5em; }/* Profile----------------------------------------------- */#profile-container { margin:0 0 1.5em; border-bottom:1px dotted #ccc; padding-bottom:1.5em; }.profile-datablock { margin:.5em 0 .5em; }.profile-img { display:inline; }.profile-img img { float:left; padding:4px; border:1px solid #ddd; margin:0 8px 3px 0; }.profile-data { margin:0; font:bold 78%/1.6em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; text-transform:uppercase; letter-spacing:.1em; }.profile-data strong { display:none; }.profile-textblock { margin:0 0 .5em; }.profile-link { margin:0; font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif; text-transform:uppercase; letter-spacing:.1em; }#profile-container h2.sidebar-title {display:none;}/* Footer----------------------------------------------- */#footer { width:660px; clear:both; margin:0 auto; }#footer hr { display:none; }#footer p { margin:0; padding-top:15px; font:78%/1.6em "Trebuchet MS",Trebuchet,Verdana,Sans-serif; text-transform:uppercase; letter-spacing:.1em; } </style></head><body><div id="header"> <h1 id="blog-title"> <ItemPage><a href="<$BlogURL$>"></ItemPage> <$BlogTitle$> <ItemPage></a></ItemPage> </h1> <p id="description"><$BlogDescription$></p></div><!-- Begin #content --><div id="content"><!-- Begin #main --><div id="main"><div id="main2"><Blogger> <BlogDateHeader> <h2 class="date-header"><$BlogDateHeaderDate$></h2> </BlogDateHeader> <!-- Begin .post --> <div class="post"><a name="<$BlogItemNumber$>"></a> <BlogItemTitle> <h3 class="post-title"> <MainOrArchivePage><a href="<$BlogItemPermalinkUrl$>"></MainOrArchivePage> <!--Si se activan los links externos deberian predominar--> <BlogItemUrl><a href="<$BlogItemUrl$>" title="external link"></BlogItemUrl> <$BlogItemTitle$> <BlogItemUrl></a></BlogItemUrl> <MainOrArchivePage></a></MainOrArchivePage> </h3> </BlogItemTitle> <div class="post-body"> <div> <$BlogItemBody$> </div> </div> <p class="post-footer"> <em>escrito por <$BlogItemAuthorNickname$> a las <a href="<$BlogItemPermalinkUrl$>" title="permanent link"><$BlogItemDateTime$></a>.</em> <MainOrArchivePage><BlogItemCommentsEnabled> <a class="comment-link" href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnclick$>><$BlogItemCommentCount$> comentarios.</a> </BlogItemCommentsEnabled><BlogItemBacklinksEnabled><a class="comment-link" href="<$BlogItemPermalinkUrl$>#links">enlaces a esta entrada,</a> </BlogItemBacklinksEnabled> </MainOrArchivePage> <a class="comment-link" href="http://www.technorati.com/search/<$BlogItemPermalinkUrl$>">en technorati.</a><a class="comment-link" href="http://meneame.net/submit.php?url=<$BlogItemPermalinkUrl$>">Meneame.</a><$BlogItemControl$> </p> </div> <!-- End .post --> <!-- Begin #comments --> <ItemPage> <div id="comments"> <BlogItemCommentsEnabled><a name="comments"></a> <h4><$BlogItemCommentCount$> Comentarios:</h4> <dl id="comments-block"> <BlogItemComments> <dt class="comment-poster" id="c<$BlogCommentNumber$>"><a name="c<$BlogCommentNumber$>"></a> <$BlogCommentAuthor$> dijo... </dt> <dd class="comment-body"> <p><$BlogCommentBody$></p> </dd> <dd class="comment-timestamp"><a href="#<$BlogCommentNumber$>" title="comment permalink"><$BlogCommentDateTime$></a> <$BlogCommentDeleteIcon$> </dd> </BlogItemComments> </dl> <p class="comment-timestamp"> <$BlogItemCreate$> </p> </BlogItemCommentsEnabled> <BlogItemBacklinksEnabled> <a name="links"></a><h4>Enlaces a esta entrada:</h4> <dl id="comments-block"> <BlogItemBacklinks> <dt class="comment-title"> <$BlogBacklinkControl$> <a href="<$BlogBacklinkURL$>" rel="nofollow"><$BlogBacklinkTitle$></a> <$BlogBacklinkDeleteIcon$> </dt> <dd class="comment-body"><$BlogBacklinkSnippet$> <br /> <span class="comment-poster"> <em>escrito por <$BlogBacklinkAuthor$> @ <$BlogBacklinkDateTime$></em> </span> </dd> </BlogItemBacklinks> </dl> <p class="comment-timestamp"><$BlogItemBacklinkCreate$></p> </BlogItemBacklinksEnabled> <p class="comment-timestamp"> <a href="<$BlogURL$>"><< Principal</a> </p> </div></ItemPage> <!-- End #comments --></Blogger></div></div><!-- End #main --><!-- Begin #sidebar --><div id="sidebar"><div id="sidebar2"> <!-- Begin #profile-container --><!--<h2 class="sidebar-title">Sobre el autor</h2>--> <$BlogMemberProfile$> <!-- End #profile --> <h2 class="sidebar-title">Enlaces</h2> <ul><!--Mios--> <li><a href="http://cerocoma.blogspot.com/atom.xml">Atom</a></li> <li><a href="http://barrapunto.com/~lopez/bitacora">En /.</a></li> <!--Colegas--> <li><a href="http://www.fotolog.com/taxuelboss">Fotolog de taxu</a></li> <!--Otros que leo--> <li><a href="http://microsiervos.com">Microsiervos</a></li> <li><a href="http://barrapunto.com">/.</a></li> <li><a href="http://meneame.net">Meneame</a></li> <li><a href="http://google.dirson.com">Google dirson</a></li> <li><a href="http://alt1040.com">alt1040</a></li> </ul> <h2 class="sidebar-title">Entradas anteriores</h2> <ul id="recently"> <BloggerPreviousItems> <li><a href="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$></a></li> </BloggerPreviousItems> </ul> <MainOrArchivePage> <h2 class="sidebar-title">Archivo</h2> <ul class="archive-list"> <BloggerArchives> <li><a href="<$BlogArchiveURL$>"><$BlogArchiveName$></a></li> </BloggerArchives> </ul> </MainOrArchivePage><p><a href="http://www.adfreeblog.org/"><img src="http://www.microsiervos.com/images/adfreebutton.jpg" width="150" height="56" border="0" align="center"></a><br /><a href="http://wiki.microsiervos.com/Ad-Free_Blogs">Ad-Free Blogs en español</a> <br /><a href="http://www.microsiervos.com/ad-free-blog.php">Al azar</a></p> <p id="powered-by"><a href="http://www.blogger.com"><img src="http://buttons.blogger.com/bloggerbutton1.gif" border="0" alt="Powered by Blogger" /></a></p> <p><!-- Start of StatCounter Code --><script type="text/javascript" language="javascript">var sc_project=1244194; var sc_invisible=0; var sc_partition=11; var sc_security="36c63396"; </script><script type="text/javascript" language="javascript" src="http://www.statcounter.com/counter/counter.js"></script><noscript><a href="http://www.statcounter.com/" target="_blank"><img src="http://c12.statcounter.com/counter.php?sc_project=1244194&java=0&security=36c63396&invisible=0" alt="counter easy hit" border="0"></a> </noscript><!-- End of StatCounter Code --><a href="http://my.statcounter.com/project/standard/stats.php?project_id=1244194&guest=1">Estadisticas</a></p> <p><!--SIDEBAR--></p> </div></div><!-- End #sidebar --></div><!-- End #content --><!-- Begin #footer --><div id="footer"><hr /> <p>Todo conocer depende de la estructura que conoce.</p></div><!-- End #footer --></body></html>
Un saludo, nos veremos pronto ahora que tengo mas tiempo
PD: Para hacer esto, en la ayuda de blogger.