SPRITES
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.
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 prologEse 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:
- Ir a Edición de HTML.
- Marcar Expandir plantillas de artilugios y borrar todo.
- Abrir el fichero XML con el Bloc de notas, seleccionar y copiar todo.
- Pegarlo con los artilugios expandidos.
- Guardar los cambios.
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 == "http://www.blogger.com/profile/14916064855006622674"'>
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&
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-radiusMozilla (Firefox, SeaMonkey, K-meleon…)
-moz-border-radius
-moz-border-radius-topleft
-moz-border-radius-topright
-moz-border-radius-bottomright
-moz-border-radius-bottomleftKhtml (Konqueror)
-khtml-border-radius
-khtml-border-top-left-radius
-khtml-border-top-right-radius
-khtml-border-bottom-right-radius
-khtml-border-bottom-left-radiusWebkit (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-radiusWindows 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:
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...)
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.
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.
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??
¡Magnifico trabajo!
Acabo de publicar una entrada en mi blog para dar a conocer la plantilla.
¡Me encanta!
Bonzu eres un genio ¡te ha quedado estupenda! Ojalá tuviera un poco de tu creatividad e inteligencia. De nuevo ¡felicidades!
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.
si a mi tambien me da ese error
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.
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. :)
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
Me parece muy buena Bonzu, veamos que ocurre con ese problemilla.
Gracias por avisar ;)
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
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.
problema arreglado....gracias!
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
Ya la he posteado en mi blog, Bonzu, estupendo trabajo:
Plantilla "Blogspot Theme" de Estado Avatar.
Saludos!!
★Iván.
Muy bueeeeeeeena¡¡¡¡ Apenas tenga un ratito la enlazo en un blog que tengo... Ahora ya me voy a trabajar.
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 ;-).
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/
Hola man
Hago todo, me sale bien la pagina pero no puedo hacer que mis comments aparezcan marcados como administrador, salen como simple usuario¿?¿?¿?
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
A m9i me salio error al cargar, lo abrir en un documento de texto, abri las artilugios y lo copie. Todo salio bien
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.
he tomado tu recomendacion y usado tu codigo original pero no puedo marcar mi comentario. Alguna sugerencia?
No comprendo con marcar, en tu blog resaltan tus comentarios.
Esta plantilla es un homenaje a la blogger!
yes... cognitively thoughts
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)
Which is this languaje ?
¿Ruso?
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...
angitawbm llévatela, recuerda que es versión 2009 ;-).
Anónimo a borrar spam :-).
la voy a usar si no te molesta...
no me funcionó!
¿Cómo que problema se te presentó al instalarla Ascesino96?
Buen dia, me generá el problema aun, y no se como modificarlo.
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
Plantilla adaptada manualmente por mi: http://onsoni.blogspot.com/
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/
oye men podrías subir tu plantilla de nuevo te lo agradeceria demaciado... salu2 y esperando tu respuesta... gracias
Desde luego, aquí está Jeth .
Gracias men
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
Comentar en una nueva pestaña
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