The Dai Li // An Avatar: the Last Airbender Topsite

Wallpaper: Aang, Legends Of The Arena

Aang, Legends Of The Arena
800px × 640px1024px × 819px1280px × 1024px

Widget: Logotipo Y los botones “Powered By Blogger”

Si tenemos un servicio de pago (que no uso) o gratuito (que sí uso) algo bueno sería dejar un enlace a dicho servicio como un forma mas de dar gracias, algunas veces es obligatorio y otras no.

En Blogger hay un widget (gadget o artilugio) para poner uno de los escasos 6 botones; los mismos que ofrece la Ayuda de Blogger.
Entramos en Diseño | Elementos de la página y click en Añadir un gadget y elegimos Logotipo.

Asistido por Bloggerhttp://buttons.blogger.com/bloggerbutton1.gif
Asistido por Bloggerhttp://buttons.blogger.com/blogger-ipower-blue.gif
Asistido por Bloggerhttp://buttons.blogger.com/blogger-powerby-blue.gif
Asistido por Bloggerhttp://buttons.blogger.com/blogger-simple-blue.gif
Asistido por Bloggerhttp://buttons.blogger.com/blogger-simple-kahki.gif
Asistido por Bloggerhttp://buttons.blogger.com/blogger-simple-white.gif


No hay una gran variedad de donde escoger ¿verdad?, por suerte la historia de Blogger tiene algunos rezagos del tiempo como estos:

Asistido por Bloggerhttp://www.blogblog.com/minima/bloggerbutton1.gif
Asistido por Bloggerhttp://buttons.blogger.com/bloggerbutton2.gif
Asistido por Bloggerhttp://buttons.blogger.com/bloggerbutton43.gif
Asistido por Bloggerhttp://buttons.blogger.com/bloggerbutton45.gif
Asistido por Bloggerhttp://buttons.blogger.com/bloggerbutton46.gif
Asistido por Bloggerhttp://buttons.blogger.com/bloggerbutton52.gif
Asistido por Bloggerhttp://buttons.blogger.com/bloggerbutton55.gif
Asistido por Bloggerhttp://buttons.blogger.com/bloggerbutton59.gif
Asistido por Bloggerhttp://buttons.blogger.com/bloggerbutton61.gif
Asistido por Bloggerhttp://buttons.blogger.com/bloggerbutton68.gif
Asistido por Bloggerhttp://buttons.blogger.com/powered_by_blogger_pro.gif
Asistido por Bloggerhttp://buttons.blogger.com/powered_by_blogger_pro2.gif


Pam menciona otros dos pero no se muestra la imagen:
http://www.blogger.com/images/blogger_love_button.gif
http://www.blogger.com/images/logo50.gif

No es obligatorio enlazar a Blogger con un texto o una imagen, y si queremos podríamos usar otros logos personalizados:


Editar perfil de usuario

En Blogger cada usuario registrado tiene un perfil asignado, y éste viene siendo nuestra identidad como autor de uno o varios blogs y también cuando comentamos en otros blogs lo mas seguro es que el autor de ese blog de un vistazo a nuestro perfil. La url de ese perfil es de tipo www.blogger.com/profile/XXXXXXXXXXX donde las X son un número único.

No siempre nos preocupamos por modificarlo pero es muy importante ordenarle algunas cosas, desde el escritorio de Blogger (www.blogger.com).

O accedemos directamente en www.blogger.com/edit-profile.g

La configuración es personal, la más básica e importante en configurar sería el Nombre mostrado, la imagen y Datos personales:


En el apartado Privacidad

Compartir mi perfil Sí, debería se obligatorio.
Mostrar mi nombre real No, para que coincida con la firma mis entradas del blog.
Mostrar mi dirección de correo electrónico Depende de si lo quieres mostrar.
Mostrar mis blogs Seleccionamos los blogs que deseamos mostrar, es mejor ocultar los blog de prueba.

En Identidad
Nombre mostrado Será el que nuestros lectores verán en la publicación de entradas o de nuestros propios comentarios.

En Fotografía
Subimos una foto que nos identifique.

En General
URL de la página principal Podemos poner la url de nuestro blog o de otro sitio nuestro.

En Información ampliada
Los Intereses, Películas favoritas, Música favorita, Libros favoritos son pocas palabras separadas por comas.
Datos personales Aquí sería algo así como palabras del autor limitado a un máximo de un máximo de 1200 caracteres.

Girard College Set Pictures

The Last Airbender Girard Collage SetThe Last Airbender Girard Collage Set
The Last Airbender Girard Collage SetThe Last Airbender Girard Collage Set
The Last Airbender Girard Collage SetThe Last Airbender Girard Collage Set
The Last Airbender Girard Collage SetThe Last Airbender Girard Collage Set


Estas fotos fueron tomadas en el Founders Hall en el campus de la Universidad Girard, en Filadelfia. M. Night Shyamalan y su equipo filmó allí hacia el final de junio de 2009. Me gustaría dar las gracias a LastAirbenderFans, a BadLuckCity y lb_philly por sus contribuciones!

El Señor del Fuego Ozai habla de The Last Airbender

Cliff Curtis A Cliff Curtis se le preguntó sobre su rol como el Señor del Fuego Ozai en La leyenda de Aang, mientras que la promoción de su próxima serie de televisión Trauma gira el mes pasado en la prensa de la Asociación de Críticos de Televisión de verano. “Soy algo así como el carácter de Darth Vader para que la franquicia,” dijo Curtis. “Esa es una trilogía, y si todo va bien, estaré de vuelta para la segunda y la tercera”.

Cuando se le preguntó sobre el director M. Night Shyamalan, Curtis respondió diciendo, “Creo que M. Night es un cineasta muy interesante, y cuando me habló de ello, dijo que una de las películas más influyentes que nunca vió fue Star Wars”, dijo Curtis. “Para él, ésta era su guerra de las galaxias que quería hacer, así que pensé que es una manera muy interesante echar un vistazo a este tipo de franquicia”.

¿El punto culminante de la rama de acción en vivo para Cliff Curtis? El traje de Ozai. “Excepcional, el más bello traje que he tenido en mi carrera, en realidad”, dijo Curtis. “Es como una especie de cruce entre romanos y clase de griego, de oro, militar romano y griego / Samurai militar [uniforme]. Es realmente hermoso”.

Numerar todos los comentarios en Blogger

Ahora vamos a poner un número a cada comentario del blog, funcionará mientras no esté desactivado el JavaScript del navegador o mientras no nos equivoquemos al colocar los códigos.

Primero expandimos las plantillas de artilugios, ésta es la parte a modificar del código original de una plantilla Minima hasta ésta fecha:

MOSTRAR Código [+/-]
      <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
<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>


Agregando un pequeño script de JMiur al código los va a numerar sin problemas:

      <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
<!-- Ponemos el contador a cero -->
<script type='text/javascript'>var contadorComentarios=0;</script>

<b:loop values='data:post.comments' var='comment'>
<!-- Agregamos un bloque para darle un nombre único a cada comentario -->
<div expr:id='data:comment.id'>

<dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
<!-- El código del contador -->
<div class='comentacontador'>
<script type='text/javascript'>
contadorComentarios=contadorComentarios+1;
document.write(contadorComentarios)
</script>
</div>

<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
<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>
<!-- Establecemos la clase del comentario y cerramos el bloque -->
<script type='text/javascript'>
ContarC('<data:comment.id/>')
</script>
</div>

</b:loop>
</dl>


Definimos unas cuantas propiedades CSS colocándolas antes de ]]></b:skin>, yo usé estas pero podrían ser otras:

/* Numerar los comentarios */
.comentacontador {
float: right;
font-family: times new roman;
font-size: 28px;
font-weight: normal;
color: #1B1E20;
text-shadow: 1px 1px 2px #000000;
}


Ahora el problema es que cuando se sobrepasan los 200 comentarios Blogger los divide en páginas y en cada una el contador se inicia desde cero.
Se me ocurrió agregarle unas condicionales para que los numere correctamente.

data:post.olderLinkUrl genera la url del texto ‹Más antiguo, por ejemplo si estamos en la página dos con el parámetro ?commentPage=2 creará un enlace a la página uno con el parámetro ?commentPage=1.

<b:if cond='data:post.olderLinkUrl == data:post.url + &quot;?commentPage=1&quot;'>
Esto sólo funcionará en la página 2
</b:if>

Entonces para no complicarles la vida les dejo el código final que sería este:

<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
<!-- Ponemos el contador al número que deba iniciar en cada página -->
<b:if cond='data:post.olderLinkUrl == data:post.url + &quot;?commentPage=1&quot;'>
<script type='text/javascript'>var contadorComentarios=200;</script>
<b:else/>
<script type='text/javascript'>var contadorComentarios=0;</script>
</b:if>
<b:if cond='data:post.olderLinkUrl == data:post.url + &quot;?commentPage=2&quot;'>
<script type='text/javascript'>var contadorComentarios=400;</script>
</b:if>
<b:if cond='data:post.olderLinkUrl == data:post.url + &quot;?commentPage=3&quot;'>
<script type='text/javascript'>var contadorComentarios=600;</script>
</b:if>
<b:if cond='data:post.olderLinkUrl == data:post.url + &quot;?commentPage=4&quot;'>
<script type='text/javascript'>var contadorComentarios=800;</script>
</b:if>
<b:if cond='data:post.olderLinkUrl == data:post.url + &quot;?commentPage=5&quot;'>
<script type='text/javascript'>var contadorComentarios=1000;</script>
</b:if>

<b:loop values='data:post.comments' var='comment'>
<!-- Agregamos un bloque para darle un nombre único a cada comentario -->
<div expr:id='data:comment.id'>

<dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
<!-- El código del contador -->
<div class='comentacontador'>
<script type='text/javascript'>
contadorComentarios=contadorComentarios+1;
document.write(contadorComentarios)
</script>
</div>

<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
<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>
<!-- Establecemos la clase del comentario y cerramos el bloque -->
<script type='text/javascript'>
ContarC('<data:comment.id/>')
</script>
</div>

</b:loop>
</dl>


En caso de tener más de 1200 comentarios (o más de 6 páginas) en un post agregamos otra condicional según lo necesitemos:

<b:if cond='data:post.olderLinkUrl == data:post.url + &quot;?commentPage=6&quot;'>
<script type='text/javascript'>var contadorComentarios=1200;</script>
</b:if>

Y ahora sí, comentarios numerados en todas las páginas.