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

Template Blogger: Blogspot Theme

La plantilla de esta publicación es del año 2009, con lo cual muchos códigos de Blogger y propiedades CSS podrían no funcionar.


Agosto es el mes de Blogger.com, 10 años van desde su creación en 1999 por Pyra Labs que en 2003 fue adquirido por la empresa Google y por ende, también Blogger.

Será este agosto 23, para celebrar ésta década diseñé una plantilla partiendo de la Mínima de Blogger que simula la apariencia principal de Blogger y la usaré en mi blog durante todo el mes.

Cualquiera que desee celebrar de igual forma puede hacerlo.

Les dejo la plantilla para descargar y algunos datos técnicos, si la usan dejaré un enlace a sus blogs al final de la entrada.


Template Blogger: Blogspot Theme


Template Blogger Blogspot ThemeVer captura en tamaño completo

Se que nadie lee esto pero es importante son las Condiciones de uso para usar esta plantilla:
  • No retirar los créditos. Puedes modificarlos y adaptar el texto a tu estilo, pero no retirar la url del mi perfil o la de EstadoAvatar.blogspot.com.

  • No redistribuirla sin permiso (pídelo en un comentario)

  • No venderla.

  • Avisarme cuando la usen (para añadir tu blog a los enlaces)

  • Publicitarlo en tu blog (si tu quieres aunque no la instles)

Descargar (XML) | Ver Online

La instalas como cualquier otra plantilla normal pero antes hay que hacerle cambios importantes para que se adapte a tu blog.
Recuerda presionar Ctrl + F para buscar los códigos.

Content is not allowed in prolog
Ese es un error que me reportan en comentarios al instalarla de manera normal, yo mismo lo comprobé en un blog de pruebas.
Al abrir la plantilla en XML con Firefox me indica un error en Número de línea 916, columna 23 donde muestra parte del código de El rating de estrellitas.
Yo la instalé de manera normal en este blog, no sé si es uno de esos errores temporales de Blogger o si solo conspira en mi contra.
La solución es:
  1. Ir a Edición de HTML.
  2. Marcar Expandir plantillas de artilugios y borrar todo.
  3. Abrir el fichero XML con el Bloc de notas, seleccionar y copiar todo.
  4. Pegarlo con los artilugios expandidos.
  5. Guardar los cambios.
Funcionó en mi blog de pruebas en el que no funcionó la manera normal.

Quizá el error esté en el nuevo código de Blogger al inicio de la plantilla:

Este es el viejo:
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>

Y este es el nuevo:
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>



Cambios importantes al instalar la plantilla.

[1]
Modificar rel canonical y títulos optimizados
Buscamos <link href="http://estadoavatar.blogspot.com/" rel="canonical"> y reemplazamos lo azul por la url de nuestro blog, el código está repetido 2 veces.

No recomiendo borrar la optimización pero se puede hacer borrando desde <!-- inicio de canonical y títulos optimizados --> hasta <!-- fin de canonical y títulos optimizados --> y reemplazarlo por el código original:
<title><data:blog.pageTitle/></title>


[2] Reemplazar el logo de Blogger por el tuyo
Busque algo así:

#header-inner {
...
...
background: transparent url(http://estadoavatar.blogspot.es/img/headerfaviconestadoavatar.png) no-repeat left 50%;
...
}

Y reemplace lo azul por la url de la imagen, yo usé transparencias en una imagen PNG, un programa fácil de usar sería el Paint.NET.

Si surgen problemas yo les podría ayudar con el logo o podrían dejarlo así.

[3] Identificación de comentarios del autor del blog [Ver ejemplo]
Esto sirve para identificar al administrador del blog para evitar la suplantación de identidad.

Buscar esto:
<b:if cond='data:comment.authorUrl == &quot;http://www.blogger.com/profile/14916064855006622674&quot;'>
Reemplazar lo azul por la url de tu perfil

Luego esto:
<img class='icoADMIN' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhA7JiJ54pWlTMbu0RfcHhYzY-71hgCTOw9H5vr4jKVq3KH8lL_FnbFsnpcmvaUeZ6vXULvG8khI8hV2hAwoNl0DvfVKsOyHZmCEAuQDfIdxllk6cSaKW8W9hJrLIB75MJte9AmeSlYYUOP/'/><a href='http://www.blogger.com/profile/14916064855006622674' target='_blank'>Bonzu Pipinpadaloxicopolis III</a>

En lo de azul colocas la url de tu imagen de ícono.
En lo verde la url de nuestro perfil.
En lo morado dejas tu nombre para mostrar.


[4] Comentarios en Pop-Up y en Nueva Pestaña
Presione la tecla Ctrl y sin soltar la tecla F y buscar blogID.
Un código así aparecerá:

blogID=0123456789&amp;

Y reemplazar ese número por el ID de nuestro blog que se muestra en la url de varias páginas como la de Diseño.

Hay que hacer esto 4 veces.

Hasta aquí con los cambios obligatorios, el resto es opcional.

Otros detalles

Border Radius y las curvas en los navegadores.
Es una de esas cosas nuevas del CSS3 que todavía no es estándar pero de momento los navegadores usan algunas variantes, posiblemente para evitar confusiones futuras como pasó con alt y title algún tiempo.

Ejemplo

W3C (no es estándar)
border-radius: 10px;

Forma individual
border-top-left-radius
border-top-right-radius
border-bottom-right-radius
border-bottom-left-radius



Mozilla (Firefox, SeaMonkey, K-meleon…)

-moz-border-radius

-moz-border-radius-topleft
-moz-border-radius-topright
-moz-border-radius-bottomright
-moz-border-radius-bottomleft



Khtml (Konqueror)
-khtml-border-radius

-khtml-border-top-left-radius
-khtml-border-top-right-radius
-khtml-border-bottom-right-radius
-khtml-border-bottom-left-radius



Webkit (Safari, Google Chrome)
-webkit-border-radius

-webkit-border-top-left-radius
-webkit-border-top-right-radius
-webkit-border-bottom-right-radius
-webkit-border-bottom-left-radius




Windows Internet Explorer y Opera
No soportan ninguna variante, para Internet Explorer preparé un comentario condicional y mostrará las curvas del post <!--[if IE]> pero no para Opera.
No es algo grave se ve mejor con curvas.


Los que ya la instalaron para celebrar:
DieGo
Mi Vida

Los que la publicitaron:
El Escaparate de Rosa
BanakaBanaka‼
EL TABURETE DEL BAÑO
Quero Criar um Blog
anne's sky.blogspot.com

Ir al formulario 43 Comentarios:

Iván_RG dijo...

JOJOJO!!! OOOOHH!! Muy muy buena la plantilla, Bonzu. He corrido a verla desde mi blog al leer el comentario... Excelente, tío, te has lucido, muy muy buena,eh!! calcadita a la página principal de blogger... sí señor, un 10 para tí. Yo la dejaría hasta después de este mes, que me gusta mucho.

Nada, que muchas felicidades por la plantilla, te saliste.
Un Abrazo!!
★Iván.
(P.D.-Y el favicón? no lo cambias también? ya que estas...)

Bonzu Pipinpadaloxicopolis III dijo...

Hola Iván, gracias jeje. Lo mejor que pude, pero algo de trabajo para las curvas en Internet Explorer.

Lo del favicon no sé, mejor así, algo de diferencia es mejor pero tal vez use el de blogger.

sdfghjklñ dijo...

Me ha parecido genial aumque no tengo ni idea de todo esto lo voy a intentar. Ya te contare. Mi blog es La realidad equivocada. Voy a cruzar los dedos porque soy capaz de quedarme sin nada, ya veremos enhorabuena.

Claublog dijo...

Muy buena la plantilla. Con el trabajo que debe llevar... Pero ha valido la pena. LA has calcado identico a blogger. No veas la sorpresa que me he llevado al entrar en Estado-Avatar. Estan muy bien los botones, los background y demás. Todo perfecto.
Otra cosa: acabo de hacer un video de avatar( lo tipico de imagenes con una musica de fondo), podrías publicarlo en algun post o en algun lado??

Anónimo dijo...

¡Magnifico trabajo!
Acabo de publicar una entrada en mi blog para dar a conocer la plantilla.
¡Me encanta!

Fabiana dijo...

Bonzu eres un genio ¡te ha quedado estupenda! Ojalá tuviera un poco de tu creatividad e inteligencia. De nuevo ¡felicidades!

walter dijo...

No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.
Mensaje de error de XML: Content is not allowed in prolog.

sdfghjklñ dijo...

si a mi tambien me da ese error

DieGo dijo...

Buena platilla, felicidades, pero me encuentro con el mismo error que los últimos tres usuarios, me lanza el error al tratar de instalar la plantilla en blogger.

Ahora bien, dices que se instala como cualquier otra plantilla, pero lanza el error.

No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.
Mensaje de error de XML: Content is not allowed in prolog.


Se me ocurrio que hay que hacer los cambios antes de instalar la plantilla quizás? pero dudo mucho que sea este el problema.

Tengo algún conocimiento de xml y css pero no he podido pillar el problema :S

Voy a estar atento para ver si alguien o tú arregla este inconveniente.

tila dijo...

hola Bonzu. Me pareció muy ingeniosa tu idea. Recién estoy empezando en esto de los blogs por eso no voy a poner la plantilla pero si voy a comentarlo en mi blog para difundirlo. Un saludo grande. :)

Claublog dijo...

A todos los que les de error con la plantilla:
En mi blog he prooado muchas plantillas y muches me daba ese error. Hasta que encontre la solucion en un foro de blogger:

http://es-foro-anuncios.blogspot.com/2009/02/errores-al-subir-plantillas-en-blogger.html

Gem@ dijo...

Me parece muy buena Bonzu, veamos que ocurre con ese problemilla.
Gracias por avisar ;)

Anónimo dijo...

Buena adaptacion de esta plantilla http://templates-para-blogger.blogspot.com/2005/09/plantilla-blogger-default.html con buenas modificaciones. Buena idea el homenaje!!!


SC

Bonzu Pipinpadaloxicopolis III dijo...

ElTurko, walter, DieGo ya publiqué la solución en el post.

Claudio tienas mas de un blog y no sé cual, mándame el enlace.

Rosa muchas gracias, siempre ayudando‼ :-)

tila gracias por difundirlo, que bueno es nueva bloggera.

Gem@ ya lo estoy solucionando ;-).

SC yo sé que ya se le habrá ocurrido a alguien (o por lo menos me parece lógico y obvio). Esa es de las plantillas clásicas de blogger.

walter dijo...

problema arreglado....gracias!

DieGo dijo...

Hola, gracias por responder a el problema tan rapido, el problema esta resuelto y la plantilla funciona a la perfección.

La solución es la que escribes arriba la de copiar y pegar directamente, pero debo hacer notar algo que no se si solo me pasó a mi o muchas personas mas.

Hay que abrir el fichero para copiar unicamente con el Blog de Notas, se se habre con Wordpad este no funciona, creo que es porque el Wordpad convierte algunas partes del código en otros símbolos y lanza otro nuevo error.

Así que sigan las instrucciónes como estan escritas sin cambiar nada y funciona perfectamente.

Gracias y felicidades nuevamente :D

Iván_RG dijo...

Ya la he posteado en mi blog, Bonzu, estupendo trabajo:
Plantilla "Blogspot Theme" de Estado Avatar.

Saludos!!
★Iván.

Horacio Federico dijo...

Muy bueeeeeeeena¡¡¡¡ Apenas tenga un ratito la enlazo en un blog que tengo... Ahora ya me voy a trabajar.

Bonzu Pipinpadaloxicopolis III dijo...

Que bueno walter

DieGo eso es porque el Bloc de notas se mantiene sin formato, abrirlo con otro cambia el código.

Gracias Iván por enlazarlo‼ :-)

Horacio Federico, ok , tómate tu tiempo ;-).

Unknown dijo...

Hola amigo no se si me recuerdes ya hace un tiempo te agregue a mi messenger y te conoci por el metroflog y hace tiempo te pedi ayuda con mi blog sobre la imagen de fondo bueno ahora ya con casi mi carrera terminada de informatica (curso) tengo este blog que va a cumplir 5 meses y si te acuerdas quiero que lo visites mi messenger empieza asi "LIBRA_" y es live.com.mx bueno pues eso es todo y espero que pases y comentes y ahi me dices si intercambiamos banners bueno eso es todo y bye URL DEL BLOG http://www.winboox.blogspot.com/

Anónimo dijo...

Hola man

Hago todo, me sale bien la pagina pero no puedo hacer que mis comments aparezcan marcados como administrador, salen como simple usuario¿?¿?¿?

Anónimo dijo...

Te escribi por un problemilla en mi identificacion. Lo solucione modificando tu ingreso manual del ID por esto:

b:if cond='data:comment.author == data:post.author'

Y sin problemas.

Gracias por el template. Esta excelente

Rodrigo dijo...

A m9i me salio error al cargar, lo abrir en un documento de texto, abri las artilugios y lo copie. Todo salio bien

Bonzu Pipinpadaloxicopolis III dijo...

Mike ya no hay intercambio de banners :-(, pero puedes pedir un espacio para tu favicon :-l.

Omar esa condicional no es tan eficiente, ya que sólo comprueba que el comentador tenga el nombre del autor del post. Cualquiera lo puede imitar como yo en esta entrada de tu blog.
Usando la condicional que mencionas no deberás cambiar el nombre para mostrar de tu perfil, de hacerlo tus comentarios no resaltarán.

Roro que bueno que fue fácil, :-P.

Anónimo dijo...

he tomado tu recomendacion y usado tu codigo original pero no puedo marcar mi comentario. Alguna sugerencia?

Bonzu Pipinpadaloxicopolis III dijo...

No comprendo con marcar, en tu blog resaltan tus comentarios.

Anónimo dijo...

Esta plantilla es un homenaje a la blogger!

Anónimo dijo...

yes... cognitively thoughts

admin dijo...

Hola Bonzu, como lo haz dicho en el post, te vengo a pedir permiso para publicarla en mi blog de plantillas bloggers en donde sólo estan las mejores plantillas para blogger.

la url www.plantillasbloggers.com

PD: espero no lo tomes como spam (esa no es la idea)

Anónimo dijo...

Which is this languaje ?
¿Ruso?

Anónimo dijo...

Pa´bonzu,puedes buscar un traductor y traducir de ruso a español el comentario 31.me di cuenta de que era ruso por su escritura.buscalo y veras que tiene contenido para adulto...

Bonzu Pipinpadaloxicopolis III dijo...

angitawbm llévatela, recuerda que es versión 2009 ;-).

Anónimo a borrar spam :-).

Joaco dijo...

la voy a usar si no te molesta...

Joaco dijo...

no me funcionó!

Bonzu Pipinpadaloxicopolis III dijo...

¿Cómo que problema se te presentó al instalarla Ascesino96?

Carluys dijo...

Buen dia, me generá el problema aun, y no se como modificarlo.

Carluys dijo...

Buenas, Realice las modificaciones en mi plantilla y adapte este tema a ella, pues en vista de que no pude instalarla, identifique el problema persistente, se encuentra en el Header el error, lo confirme gracias a varias horas de adaptación, revisen el código.

Saludos, Carluís Pérez

Carluys dijo...

Plantilla adaptada manualmente por mi: http://onsoni.blogspot.com/

Lluís Hoffman dijo...

Error: No hemos podido guardar la plantilla.
Tu plantilla no se ha podido analizar debido a que su formato no es correcto. Asegúrate de que todos los elementos XML estén cerrados correctamente. Mensaje de error de XML:
Content is not allowed in prolog.


Por favor responde en mi blog: http://jasonbourneproyectotreadstone.blogspot.com/

Jeth dijo...

oye men podrías subir tu plantilla de nuevo te lo agradeceria demaciado... salu2 y esperando tu respuesta... gracias

Bonzu Pipinpadaloxicopolis III dijo...

Desde luego, aquí está Jeth .

Jeth Crew dijo...

Gracias men

Bonzu Pipinpadaloxicopolis III dijo...

De nada.

Publicar un comentario

De preferencia lea mi política de comentarios.

Puede comentar con su cuenta Google (Google +, Blogger, Youtube, etc.)

En caso de que usted no disponga de una cuenta seleccione Nombre/URL donde dice "Comentar como:" coloque su nombre o pseudónimo, y en URL la dirección de su página (como la de Facebook, Twitter u otra) y recuerde que la dirección web debe iniciar con http://

Al comentar puede utilizar algunos códigos HTML
En negrita <b>texto</b>
En itálica <i>texto</i>
Crear un enlace <a href="url-de-la-página">Texto</a>


Si el formulario anterior no funciona puede enviar su comentario utilizando los métodos antiguos:
En una pequeña ventana emergente
⇧ Ir arriba Comentar en una nueva pestaña