SPRITES
800px × 640px 1024px × 819px 1280px × 1024px
Sep
27
2009
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.
No hay una gran variedad de donde escoger ¿verdad?, por suerte la historia de Blogger tiene algunos rezagos del tiempo como estos:
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:
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.
 | http://buttons.blogger.com/bloggerbutton1.gif |
 | http://buttons.blogger.com/blogger-ipower-blue.gif |
 | http://buttons.blogger.com/blogger-powerby-blue.gif |
 | http://buttons.blogger.com/blogger-simple-blue.gif |
 | http://buttons.blogger.com/blogger-simple-kahki.gif |
 | http://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:
 | http://www.blogblog.com/minima/bloggerbutton1.gif |
 | http://buttons.blogger.com/bloggerbutton2.gif |
 | http://buttons.blogger.com/bloggerbutton43.gif |
 | http://buttons.blogger.com/bloggerbutton45.gif |
 | http://buttons.blogger.com/bloggerbutton46.gif |
 | http://buttons.blogger.com/bloggerbutton52.gif |
 | http://buttons.blogger.com/bloggerbutton55.gif |
 | http://buttons.blogger.com/bloggerbutton59.gif |
 | http://buttons.blogger.com/bloggerbutton61.gif |
 | http://buttons.blogger.com/bloggerbutton68.gif |
 | http://buttons.blogger.com/powered_by_blogger_pro.gif |
 | http://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:
Sep
26
2009
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.
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.
Sep
25
2009
Girard College Set Pictures
 |  |
 |  |
 |  |
 |  |
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!
Sep
24
2009
El Señor del Fuego Ozai habla de The Last Airbender
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”.
Sep
21
2009
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 [+/-]
Agregando un pequeño script de JMiur al código los va a numerar sin problemas:
Definimos unas cuantas propiedades CSS colocándolas antes de ]]></b:skin>, yo usé estas pero podrían ser otras:
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 + "?commentPage=1"'>
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:
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 + "?commentPage=6"'>
<script type='text/javascript'>var contadorComentarios=1200;</script>
</b:if>
Y ahora sí, comentarios numerados en todas las páginas.
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 [+/-]
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='"comment-author " + 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 + "?commentPage=1"'>
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 + "?commentPage=1"'>
<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 + "?commentPage=2"'>
<script type='text/javascript'>var contadorComentarios=400;</script>
</b:if>
<b:if cond='data:post.olderLinkUrl == data:post.url + "?commentPage=3"'>
<script type='text/javascript'>var contadorComentarios=600;</script>
</b:if>
<b:if cond='data:post.olderLinkUrl == data:post.url + "?commentPage=4"'>
<script type='text/javascript'>var contadorComentarios=800;</script>
</b:if>
<b:if cond='data:post.olderLinkUrl == data:post.url + "?commentPage=5"'>
<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='"comment-author " + 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 + "?commentPage=6"'>
<script type='text/javascript'>var contadorComentarios=1200;</script>
</b:if>
Y ahora sí, comentarios numerados en todas las páginas.
Sep
09
2009
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.
En Blogger in Draft y Blogger Buzz anuncian la posibilidad de hacer esto sin muchas complicaciones.
Sep
08
2009
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:
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.
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.
Sep
07
2009
¡Adiós Agosto! Hola Agosto‼
El 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
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í.
Sep
03
2009
Bonzu Pipinpadaloxicopolis III
¡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.
Suscribirse a:
Entradas (Atom)
