Plantilla para Blogger Statement
Si es la primera vez que visitas este sitio, no olvides suscribirte al feed RSS o participar como blogger invitado. Gracias por tu visita!
Statement es el nombre de esta plantilla para Blogger adaptada a partir de uno de los últimos themes para WordPress diseñados por el autor de Blogohblog.com. El diseño cuenta con una imagen de título personalizable mediante PhotoShop, un buscador, un menu de enlaces, 2 columnas laterales, una amplia sección de publicación de entradas y una sección clasificada por etiquetas mediante un script en la parte superior del sidebar.
Como el resto de las plantillas publicadas en este blog, puedes descargarla de forma gratuita bajo licencia Creative Commons Reconocimiento-No comercial. El único requisito para utilizarla en tu blog es que mantengas los créditos situados en la parte inferior del template.
Descarga
Personalización
Header. El título de esta plantilla ha sido suprimido y reemplazado por una imagen que se encuentra disponible en formato .PSD de Adobe PhotoShop en los enlaces de descarga. Para modificarla, debes buscar el código CSS “#logo h1” y sustituir la dirección del atributo background por la de tu imagen. Hecho esto, tienes que buscar la correspondiente etiqueta div con el ID “logo” (situada dentro de la sección “body” del HTML de la plantilla, fuera del código CSS) y cambiar la dirección URL que se encuentra entre las etiquetas h1, para que tu imagen de título quede vinculada con la página inicial de tu blog.
Buscador. El código del buscador situado en la parte superior del diseño, se encuentra unas líneas por debajo del header, por lo que no te será dificil encontrar la etiqueta con el ID “searchbox“. Una vez allí y para que el buscador funcione correctamente, tan sólo tienes que reemplazar la dirección URL del campo “form action” por la de tu blog, acabado en /search y respetando las comillas. Por ejemplo: http://tublog.com/search.
Menú. Sigue bajando a través del código HTML de tu plantilla y sustituye las direcciones URL que se encuentran bajo el div con el ID “nav”, así como el anchor text de los enlaces que desees mostrar en el menú de navegación.
Mensaje de bienvenida. Desciende un poco más y modifica el mensaje de bienvenida predeterminado, bien por otro mensaje similar, por un bloque de anuncios, por miniposts o asides de Twitter, etc.
Fecha y RSS. Dentro de la misma barra de separación y a la derecha del mensaje de bienvenida, se encuentra el resultado del script date.js junto con el vínculo de suscripción al RSS del blog. Para añadir el script que muestra la fecha en la plantilla, en primer lugar tienes que descargar el archivo date.js y subirlo a cualquier servicio de alojamiento gratuito como Google Pages o, si dispones de él, a tu propio servicio de hosting. A continuación, dentro de la etiqueta div “rss” tienes que cambiar la dirección del script e incluir aquella en la que has alojado el archivo javascript. Así mismo, deberás introducir la dirección URL del feed RSS de tu blog una línea más abajo.
Tabs. Como puedes ver en la página de demostración y en el theme original para WordPress, esta plantilla cuenta con un cuadro situado en la parte superior del sidebar, que te permite distribuir el contenido en varias pestañas para ahorrar espacio y mejorar la apariencia del diseño. Para añadirlo a tu sidebar, únicamente tienes descargar el script tabber.js y subirlo a cualquier otro servidor. Posteriormente, tienes que buscar el script instalado en la plantilla justo encima de la etiqueta </head> y reemplazar la dirección del mismo por aquella en la que has alojado el archivo.
Por último, has de acceder a la sección de elementos de página de la plantilla e insertar un nuevo elemento HTML/Javascript en la parte superior de la columna lateral derecha. Copia y pega este bloque de código, modificando los valores de h2 por los títulos que quieres que aparezcan en cada pestaña, así como los vínculos de cada lista li (en cualquier caso, también puedes introducir otros tipos de contenido)
Menú del pie de página. Ve al final del código HTML de tu plantilla y reemplaza los enlaces que se encuentran situados bajo la etiqueta div “foo“.
Entradas del blog. Accede a la sección de edición de elementos de página en Blogger y edita las siguientes opciones del panel de entradas del blog:
Recibe las actualzaciones del blog suscribiéndote al feed RSS de Zona Cerebral!
41 Comentarios
Esta plantilla es una manteca 
!!! La verdad que esta bárbara!
Simple y elegante, me gusta.
Me encanta, no te parece que tendrías que poner también la descarga para wordpress adjunta, iván?
Saludos
Me encantan las innovaciones y felicitaciones. Tan pronto como me acomode bien al tema la adopto con mucho agrado pues soy amigo de las novedades.
Gracias por trabajar para producir nuevos esquemas como es propio de lo virtual. No podemos quedarnos estancados, pues hay que producir habitualmente.
Exelente la plantilla ya que las plantillas de bloggers no son tan atractivas que digamos. Estoy pensando seriamente en crearme una. http://www.viajesreal.com
Es una increible plantilla. Los diseños de Blogohblog.com son excepcionales. Espero tu pronta actualizacion del post. Gracias, y muy buen blog.
Excelente plantilla…espera la actualización por parte de Ivan.
Hola, la plantilla te quedo excelente… Muy buen trabajo… Saludos!!!…
Excelente trabajo Ivan. Hace tiempo que venía buscando algo así. con íconos en la fecha, comentario, etc. Que pena, justo ahora que estoy tratando de aprender a manejar la plataforma de wordpress, porque tengo ganas de libertad, asi poder alojar mi blog en hosting propio.
Saludos
Hola Palomito 
, atiende tus cosas personales 
primero, los estudios y luego nos dices lo demás. Yo te espero 1 año 
.
Chuik chuik y abrazos de la Mamá Osa.
hey ivan
i converted this template before but since the tabs do not work on ie i did posted it to public ,
tabs dont work on ie ..
Exclente diseño, que tiene esta plantilla, tiene un diseño como estilo revista, donde hay mucho lugar para poner informacion.. 
Felicidades y gracias Ivan
Saludos 
Muchas gracias a todos por vuestros amables comentarios y sobre todo por vuestra paciencia. Me alegro de que os haya gustado esta plantilla y espero que pueda adaptar muchas más como esta.
Por cierto, ya he completado las opciones de personalización.
Un saludo
De nuevo muy buena plantilla ya la he personalizado y adaptado un poco. Hechenle un vistazo. montogeek.blogspot.com
vana disculpar la ignorancia, recien estoy aprendiendo esto de blogger, eso de cambiar plantillas y modificar:
HE HECHO LOS PASOS DE PERSONALIZACION PERO ME SALE ESTO:
No hemos podido guardar tu plantilla
Por favor, corrige el siguiente error y envía la plantilla de nuevo.
Se ha encontrado más de un artilugio con el ID: HTML1. Los ID de artilugio deben ser exclusivos.
Hola Bernardo! No te preocupes. Entra en el modo de edición HTML de tu plantilla y busca, a través del buscador de tu navegador (edición > buscar) el valor HTML1 para comprobar en que dos elementos de tu página se repite este identificador. Cada elemento o widget que insertas en tu plantilla ha de tener un ID exclusivo y no puede repetirse, así que tan sólo tienes que encontrarlo y sustituirlo por HTML2, 3, 4… teniendo en cuenta que tampoco se repita con otros elementos que tengan ese ID. Ha de ser único para cada elemento.
Espero que te sirva de ayuda. Un saludo
Excelente, muy buena adaptacion de la plantilla.
en donde puedo subir el tabber.js para que aparezcan los tabs ?
Buy buena la pregunta de Jorge. Sería muy bueno que alguien explicase como incluir los Sidebar Tabs en cualquier plantilla de Blogger, no solo en esta…
- Jorge. Puedes utilizar el servicio de alojamiento gratuito de Google Pages. Tan sólo tienes que entrar, crear una nueva cuenta de usuario si aún no la tienes y subir el archivo a través del enlace “upload” que aparece en la columna derecha del panel de control. Una vez alojado, si pasas el puntero del ratón por encima te aparecerá la dirección del archivo en cuestión en la barra de estado de tu navegador.
- Joaquín. Esa es una fantástica idea Joaquín. En cuanto encuentre un segundo de tiempo libre me pondré a ello para crear una especie de tutorial, incluyendo las distintas posibilidades. Gracias por la recomendación
Saludos!
Aca encontre algo que te puede servir de bastante ayuda para el tutorial
http://nettuts.com/html-css-techniques/how-to-create-a-slick-tabbed-content-area/
Ivan, quisiera ponerle al logo un nombre más largo… pero el codigo fuente no me permite, solo sale un parte de mi logo.
que es lo que tengo que modificar…
porfavor
La he instalado y todo funciona a la perfeccion, Gracias
Bernardo, tienes que seguir las instrucciones que se detallan en la entrada sobre el header de la plantilla. Entra en el modo de edición HTML en Blogger y busca los códigos mencionados, sustituyendo la imagen actual del logo por la que quieras agregar. Espero que te sirva de ayuda.
Francisco. Me alegro de que no hayas tenido ningún problema
Saludos!
Para aquellos que deseen ver la página funcionando, la dirección es la siguiente http://www.isverysimple.com/, es una página de prueba por lo que espero y no consideren que la estoy publicitando. En verdad que lleva un poco de tiempo ponerla a punto, pero con dedicación todo funciona de maravilla.
Tal vez para los novatos les resulte un poco dificil, basta con preguntar y practicar para que queden satisfechos con el resultado.
Nuevamente le agradezco a Ivan el esfuerzo por publicar este material.
Hola
Escribo desde italia. Acabo de poner la plantilla en mi blog, me gustò mucho. Hay un problema con el buscador de la cabecera si escribo algo como resultado me da todos los post. Como en instrucciones puse:
<form action=’http://bloginmano.blogspot.com/search’ pero no està funcionando bien.
Me gustarìa tambien ampliar un poco el logo, no he podido ampliarlo mucho pero seguirè intentando.
Por lo demàs me parece que todo està bien y muchisimas gracias!
Saludos
Hola de nuevo, ya había comentado que todo estaba bien, pero he notado que al intentar utilizar el buscador incorporado me devuelve todos los post, hay alguna manera de cambiarlo por el buscador de google, o hacer que funcione el mismo.
Gracias
olá,
desculpa isto estar em Portugues (nao fal castelhano) mas estou a ter algumas dificuldades com os TABS: as várias pestanas do sidebar não fazem nada.
Podes explicar-me onde, exactamente, se insere o BLOCO DE CÓDIGO (tentei inserir logo a seguir a
, mas não funciona, tal como se pode comprovar em http://quando-as-catedrais-eram-brancas.blogspot.com/
obrigado!
pedro
finalmente consegui
PARABENS….É FANTASTICA
Esa es la que estoy usando
Esta plantilla me parece muy buena. Adecuada distribución de elementos, acertada de combinación de colores, etc. etc.
Después de una ardua búsqueda entre cientos de plantillas me decidí por esta para el blog. Gracias por ponerla a disposición de todos.
Hola Walter! A mi también me parece un diseño fantástico, como otros del mismo autor Blogohblog.com. Es un placer, me alegro de que te haya gustado y de que la hayas instalado en tu blog
Saludos!
No soy muy hábil instalando platillas. ¿No se puede descargar en formato TXT? La que tengo actualemnte es tuya, y es genial y la instale con ese formato, pero ahora quiero darle un aire diferente. Help me, please!
Gracias.
Iva, si escojo la opción de descarga TXT, sale igual que la XML, y yo en este formato no me defiendo en absoluto. Me echas una mano? Gracias
gracias por las plantillas man!
tienen muy buen diseño!
salu2!
Genial!!! Que bueno saber que han vuelto a hacer plantillas
Nunca, pero nunca esta de mas saber que uno tiene la opcion y en cantidad, de cambiar la plantilla y con geniales diseños como es este.
Gracias, en serio.