Modificación de la plantilla

He modificado un poco la plantilla basica (¿o es simple?) de blogger para dejarla a mi gusto. No son grandes modificaciones (he añadido las estadisticas, technorati, meneame, ad-free blogs, y poco mas) pero tal vez a alguno le sirva de ejemplo o algo. Por si eso aquien la pagina de la entrada os la dejo.

<!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$>">&lt;&lt; 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&amp;java=0&amp;security=36c63396&amp;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&amp;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.

Autor: Javi López

Arquitecto/desarrollador, creativo, buscador de nuevas soluciones y modelos de negocio, crítico constructivo y ex muchas cosas