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 OnlineLa 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.
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 optimizadosBuscamos <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 tuyoBusque 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ñaPresione 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 detallesBorder 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 individualborder-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-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 OperaNo 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
SPRITES
¡Hola!
En el episodio Bato de la Tribu Agua, los guerreros se van en la mañana, y Sokka se ve más pequeño.
