jueves, octubre 06, 2005

Blogger abandonado

Hace ya tiempo que he dejado Blogger. Me he pasado a Bitacoras.com. ¿Por qué? Pues porque el servicio que dan allí me gusta más. Esta bitácora la dejaré tal cual. No la borraré. Pero sólo para que cualquiera que lo desee pueda coger la plantilla y usarla para su propia bitácora dentro de Blogger (no creo que les haga mucha gracia que usen su diseño fuera de sus servidores).

Para quien quiera más plantillas y algún que otro lugar interesante donde encontrar información sobre el diseño de páginas web, que mire el índice. Si le sabe a poco, que sepa que en mi nueva bitácora, el índice si tiene posibilidades de ser actualizado y ampliado. Esta bitácora queda abandonada ya.

Escrito por Ryback el jueves, octubre 06, 2005

domingo, septiembre 18, 2005

Plantilla Blogger Default

Esta plantilla no sólo imita el diseño de las páginas de Blogger, pues utiliza los mismos archivos CSS e imágenes que la propia web de Blogger. Hay alguna ligera modificación, pero sólo se le ha aplicado a elementos que no aparecen en la web de Blogger tal cual, como los enlaces situados debajo de los títulos, o algunos espacios de separación entre bloques o secciones para mejorar la visualización de la bitácora. Esta plantilla es la que utiliza esta misma bitácora, aunque con alguna que otra modificación. Próximamente escribiré artículos sobre cómo incluirlas en tu bitácora (tenga la plantilla que tenga).


Haz clic sobre la imágen para ver un ejemplo de la plantilla


Código Fuente:
<!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>
  <$BlogMetaData$>
  <link rel="stylesheet" type="text/css" href="http://www.blogger.com/css/blogger.css"
/>
  <style type="text/css">
  /*
  -----------------------------------------------------------
  Nombre: Blogger Default
  Autor: El equipo de Blogger
  Adapatación: Ryback
  Web: http://templates-para-blogger.blogspot.com/
  Fecha: 10 - Sep - 2005
  -----------------------------------------------------------
  */
  html #header {position:relative;top:-18px;}
  a.light {font-weight:normal;}
  code.bloggercode {font-weight:bold;}
  li {line-height:1.5em;}
  ol li { background-image:none; padding-left:0; a: margin-left:0.25em;}
  #crumbnav {text-align:left;border-bottom:solid 1px #F5EDE3;margin-bottom:2em;margin-top:2em;font-size:85%;padding-bottom:10px;}
  #searchsection {font-size:x-small; margin-left:20px;}
  #searchresultsarticle {font-size:x-small; margin-left:20px;}
  pre,code {color:#009911;font-size:11px;}
  blockquote {margin-left:15px;}
  li blockquote {margin-left:10px;}
  #main{margin-bottom:1em;}
  #main p b {color:#000000;}
  #main img {background-color:#eeeeee; border:solid 1px #cccccc; margin:3%;
padding:3px;}
  #article {text-align:center;}
  #article h1 {margin:0 0 15px; font-size:220%; line-height:1.2em; font-weight:normal;
color:#000;}
  #blogname { display:none; }
  #logo img {width:331px;}
  #enlaces-post {font-size:85%;margin-top:-15px;}
  #imagen-sin-bordes img{border:none;margin:0;padding:0;}
  #code{width:320px;height:240px;overflow:auto;border: 1px solid
  #F5EDE3;background-color:#FFF;padding:8px;font:11px Courier;color:#009911;text-align:left;}
  #header h1 {background:url("http://www.blogger.com/img/icon_logo32.gif")
no-repeat top left;font-size:190%;color:#FFF;font-weight:bold;height:32px;padding:3px
0 8px 43px;margin:0;}
</style>
</head>
<body class="ms">
  <div id="header"><div id="h2"><div id="h3">
    <h1><$BlogTitle$></h1>
    <span class="r"></span>
  </div></div></div>
<!-- Begin #content -->
  <div id="body">
<!-- Begin mainwrap -->
    <div id="main-wrap">
<!-- Begin main -->
      <div id="main"><div id="m2"><div id="m3">
        <Blogger>
        <BlogDateHeader>
        <h2><strong><$BlogDateHeaderDate$></strong></h2>
        </BlogDateHeader>
<!-- Begin .post -->
        <a name="<$BlogItemNumber$>"></a>
        <BlogItemTitle><h1><BlogItemUrl><a
href="<$BlogItemUrl$>" title="external link"></BlogItemUrl><$BlogItemTitle$><BlogItemUrl></a></BlogItemUrl></h1></BlogItemTitle>
        <BlogItemCommentsEnabled><div id="enlaces-post"><MainOrArchivePage><a
href="<$BlogItemPermalinkUrl$>" title="enlace permanente"></MainOrArchivePage>Comentarios:
<$BlogItemCommentCount$><MainOrArchivePage></a> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnclick$>>Añade
el tuyo</a></MainOrArchivePage></div></BlogItemCommentsEnabled>
        <p class="description"><$BlogItemBody$></p>
        <p id="crumbnav">Escrito por <$BlogItemAuthorNickname$>
el <$BlogItemDateTime$> <$BlogItemControl$></p>
<!-- End .post -->
<!-- Begin #comments -->
      <ItemPage>
      <BlogItemCommentsEnabled></div></div></div>
      <div id="main"><div id="m2"><div id="m3">
        <a name="comments"></a>
        <center><h2>Comentarios: <$BlogItemCommentCount$></h2></center>
        <BlogItemComments>
        <a name="c<$BlogCommentNumber$>"></a>
        <p><$BlogCommentBody$></p>
        <p id="crumbnav">Escrito por <$BlogCommentAuthor$>
el <$BlogCommentDateTime$> <$BlogCommentDeleteIcon$></p>
        </BlogItemComments>
        <p><center><a href="http://www.blogger.com/comment.g?blogID=16031250&postID=<$BlogItemNumber$>">Añade
tu comentario</a></center></p></BlogItemCommentsEnabled>
      </ItemPage>
<!-- End #comments -->
      </Blogger>
      </div></div></div>
    </div>
<!-- End main -->
<!-- End mainwrap -->
<!-- Begin sidebar -->
    <div id="sidebar">
      <div class="mod"><div class="mod2"><div class="mod3">
        <$BlogMemberProfile$>
      </div></div></div>

      <MainOrArchivePage><div class="mod"><div class="mod2"><div
class="mod3">
        <h2><strong>Enlaces</strong>
externos</h2>
        <ul>
          <li><a href="http://news.google.com/">Google
News</a></li>
          <li><a href="http://help.blogger.com/bin/answer.py?answer=110">Edit-Me</a></li>
          <li><a href="http://help.blogger.com/bin/answer.py?answer=110">Edit-Me</a></li>
        </ul>
      </div></div></div></MainOrArchivePage>

      <div class="mod"><div class="mod2"><div class="mod3">
        <h2><strong>Artículos</strong>
anteriores</h2>
        <ul><BloggerPreviousItems>
          <li><a href="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$></a></li>
        </BloggerPreviousItems></ul>
      </div></div></div>

      <MainOrArchivePage><div class="mod"><div class="mod2"><div
class="mod3">
        <h2><strong>Archivo</strong> de
artículos</h2>
        <ul><BloggerArchives>
          <li><a href="<$BlogArchiveURL$>"><$BlogArchiveName$></a></li>
        </BloggerArchives></ul>
      </div></div></div></MainOrArchivePage>
      <p><a href="http://www.blogger.com"><img src="http://buttons.blogger.com/bloggerbutton1.gif"
alt="Powered by Blogger" /></a></p>
    </div>
<!-- End #sidebar -->
<!-- End #content -->
<!-- Begin #footer -->
    <div id="footer"><div>
      <hr>
      <p><a href="<$BlogURL$>">Página principal</a></p>
    </div></div>
  </div>
</body>
</html>


Para instalar la plantilla, selecciona todo el código fuente, cópialo (Ctrl + C) y pégalo (Ctrl + V) en el panel Plantilla de tu panel de control. Después de eso, guarda los cambios y publica tu bitácora.

Escrito por Ryback el domingo, septiembre 18, 2005

sábado, septiembre 17, 2005

Acerca de...

Templates para Blogger es una bitácora creada por Ryback y totalmente independiente de Blogger.

El fin de la creación de esta bitácora es la de recopilar plantillas para las bitácoras que se alojen en los servidores de Blogger. Si no te gustan las plantillas que Blogger tiene predefinidas, aquí tienes más plantillas donde elegir.

Los contenidos de esta bitácora están bajo licencia Creative Commons.

Escrito por Ryback el sábado, septiembre 17, 2005