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.

Jump Link: Seguir leyendo

Cuando hay artículos muy extensos se suelen utilizar "trucos" para mostrar solo una parte del post y un enlace tipo "Leer más" para ver el resto.
En Blogger in Draft y Blogger Buzz anuncian la posibilidad de hacer esto sin muchas complicaciones.

Un pastel para Blogger

Hoy en la mañana mientras daba un vistazo de 5 segundos al blog y veo en Blogger.com una figura extraña junto al logo:

Pastel

Me sorprendí muy poco y fue algo raro pero en el logo de Blogger había una rebanada de pastel con sólo una velita. Celebrando un cumpleaños atrasado sólo falta el mío.

¡Adiós Agosto! Hola Agosto‼

Blogger CumpleañosEl décimo aniversario de Blogger ya pasó y también así la plantilla Blogspot Theme, muchos me dijeron que use la apariencia de Blogger siempre y lo estuve considerando pero siento que no es mi estilo (no sé cuál sea o si es que lo tengo).

El mes de Blogger terminó y agosto se fue pero yo regreso a Agosto; la plantilla de Ariane. En realidad no estoy usando la plantilla que Ariane ofrece para descargar, preferí iniciar desde la plantilla Minima de Blogger y darle un aspecto similar pero con algunas diferencias sutiles y otras no tanto. En todo caso gran parte del diseño básico viene de su plantilla y le dejaré el nombre que ella le puso.

Template Agosto


Plantilla


Pueden comparar con el diseño de antes y respecto al actual y votar en la encuesta que dejé o comentar en éste post lo que no les gustó y lo que sí.

Bonzu Pipinpadaloxicopolis III

Blogger Bonzu¡Hola!
Soy Bonzu.
No hay mucho que explicar, estás leyendo un post, entrada o publicación de mi blog en Blogger.
Yo soy el autor del blog Estado Avatar y puedes decirme o referirte a mí simplemente como Bonzu, Bonzu Tercero (Bonzu III, Bonzu 3°) o con el trabalengüístico Pipinpadaloxicopolis.

Nací en una jurisdicción del Reino Tierra a la mitad de la nada. He visitado Omashu y Ba Sing Se pero siempre me regreso a mi tierra natal.

Mi afición por Avatar y las páginas web empezó en 2007, cuando comencé a ver la serie en televisión, lo cual me llevó a buscar información en Internet. Por aquel entonces existía un sitio web llamado Templo-Avatar.net, tenía noticias y recursos multimedia muy buenos. Pensé en hacer algo similar y una ocación le pregunté a Clau, la administradora, cómo creó su sitio, ella era una persona muy tratable, me dedicó toda una tarde en el messenger para explicarme cómo crear una página en 50webs.com, el servicio que ella usaba.

Pasó el tiempo y, tras probar en varias plataformas di con esto de los blogs en el servicio de Blogger, que por esa época fue adquirido por Google, así que pensé que al contar con el respaldo de ese gigante buscador no habría muchos problemas en el servicio (lo sé, era un poco iluso) pero a pesar de sus particulares inconvenientes me ha resultado la mejor herramienta para compartir mi interés por Avatar.


Sobre el blog.

Primeramente y aunque resulte obvio este blog está dedicado a la franquicia "Avatar" de Nickelodeon (esto es La leyenda de Aang y La leyenda de Korra).

No es un blog de descargas, ni de noticias, simplemente es mi blog personal, por definirlo de alguna manera. El nombre de Estado Avatar lo elegí porque no quería que estuviera orientado a un personaje en especial.