ene 31

Un día muy prospero para mi Bitacora

por admin

Hoy el día esta dando mucho de si, ya que hoy he hecho en la bitacora todo esto:

Trackbacks, Gravatars y emoticonos en comentarios, …

Explicacion y detalle de como lo he hecho:

1- Me he informado de que son y para que sirven los Trackbacks, y mis conclusiones las he puesto en este articulo.

2- He dotado a los comentarios de Gravatars para que quien comente un articulo y disponga de uno, aparezca su Gravatar.

Para ponerlo he seguido este tema del foro de Bitacoras.com y el articulo de la Bitacora del CMS Bitacorae.

Un Gravatar (Globally Recognized avatar) no es mas que una imagen de 80×80 que tienes que registrar en la pagina de de Gr Gravatar de forma que cuando escribas un comentario en un blog con esta capacidad, tu imagen aparecera ahi.

3- Los comentarios ya pueden tener emoticonos, para ponerlos he seguido este tema del foro de Bitacoras.com, jeje, y ahora ya se pueden poner emoticonos.

4- He modificado la forma de mostrar los comentarios, de forma que ademas de poder tener Gravatar y emoticonos, también se vea cada comentario en un marco muy bonito:

4.1- Sin Gravatar:

<ol>
<bit:listado_comentarios_inicio() />

<li><bit:comentario_texto() />
<p><cite><bit:comentario_enlace() /> &#8212; <bit:comentario_fecha() /></cite></p>
</li>

<bit:listado_comentarios_fin() />
</ol>

4.2- Con Gravatar:

<ol>
<bit:listado_comentarios_inicio() />

<li><div class="gravatarcontainer"><a href="<bit:comentario_url() />" target="_blank">
<img src="<bit:gravatar_comentarista("Imagen Cuando NO Avatar", ",",",","80") />" border="0" title="<bit:comentario_nombre() />"></a>
</div><bit:comentario_texto() />
<p><cite><bit:comentario_enlace() /> &#8212; <bit:comentario_fecha() /></cite></p>
</li>

<bit:listado_comentarios_fin() />
</ol>

Donde “Imagen Cuando NO Avatar” es la URL de la imagen por defecto cuando el usuario no tiene Gravatar, por ejemplo, yo uso http://exceso.bitacoras.com/blue/no_gravatar.png

4.3- Con Gravatar y Marco:

<bit:listado_comentarios_inicio() />

<blockquote class="comentarios"><li><div class="gravatarcontainer"><a href="<bit:comentario_url() />" target="_blank"><img src="<bit:gravatar_comentarista("Imagen Cuando NO Avatar", ",",",","80") />" title="<bit:comentario_nombre() />"></a></div><bit:comentario_texto() />
<p><cite><bit:comentario_enlace() /> &#8212; <bit:comentario_fecha() /></cite></p>
</li></blockquote>

<bit:listado_comentarios_fin() />
</ol>

Para esto ultimo añadi este codigo en el index.css de la plantilla:

BLOCKQUOTE.comentarios {
font-family: lucida grande, verdana, sans-serif;
font-size: 11px;
float: left;
margin-left:0px;
padding: 4px;

border: 1px solid #90b9e7;
width: 398px;
background-color: #ccdced;
color: #4c4b4b;
font-size: 70%;
text-align: left;
}

5- He puesto en la Bitacora la licencia bajo la que esta el contenido de la misma:

Licencia de Creative Commons

  • Leido 442 veces
Dejanos tu comentario

3 respuestas en este post

  1. Souldriver, 11. julio 2005, 16:10

    Buenas! Cómo va? Mira, he llegado a tu blog desde el foro de bitacorae, buscando información sobre Gravatares, y llegué a aquí!!! jaja…
    Te comento que me ha gustado bastante tu diseño y veo que eres bastante gráfico al momento de explicar tus cambios en el blog!!
    Pero…siempre hay un pero!! No he conseguido que me quede el diseño dela misma manera que a ti…es decir, me han quedado los mentarios peganos uno tras otros y asi mismo con el formulario de comentarios…intenté colocar algunos
    al finalizar el codigo de los comentarios para separar el formulario y nada…y para separar cada comentario, nada también…disculpa que te moleste aquí…pero…alguna sugerencia?? Desde ya muchas gracias por la atención y espero tu respuesta!!!
    Saludos!

     
  2. CrackVan, 11. julio 2005, 17:35 | Mozilla Firefox Mozilla Firefox 2.0.0.2 Ubuntu Linux Ubuntu Linux

    Pues… creo q la cosa esta en el css, en el blockquote de los comentarios:

    BLOCKQUOTE.comentarios {
    font-family: lucida grande, verdana, sans-serif;
    font-size: 14px;
    float: left;
    margin-left:0px;
    margin-right: 0px;
    padding: 4px;

    border: 1px solid #90b9e7;
    width: 398px;
    background-color: #ccdced;
    color: #4c4b4b;
    font-size: 85%;
    text-align: left;
    }

    el padding es lo q separa unos blockquotes de otros

    Suerte.

     
  3. Souldriver, 11. julio 2005, 18:11

    Crack Van!!! Gracias pór atenderme viejo!!!
    Mira, he modificado el padding, pero lo único que he conesguido es que se agrande el alto del recuadro del comentario…pero no que se separen unos de otros…continuaré probando y gracias por la ayuda!!!

     

Dejanos tu Comentario