Plantilla para Blogger Statement.
Si es la primera vez que visitas este sitio, quizás te interese 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.
- Demo de la plantilla
- Formato RAR
- Formato XML
- Formato TXT
- Logo PSD
- Script Date
- Script Tabber
- Instalación
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:
Publicado en: Plantillas para Blogger
Loading ...
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.
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
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
[...] Zonacerebral | Herramientas [...]
[...] | Statement [Info] [Demo] | Yoghourt [Info] [Demo] Estas leyendo “Nuevas plantillas para Blogger” publicado el Jue, [...]
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/
[...] Exelente Plantilla diseñada por Blogohblog.com donde permite una facil y rapida navegabilidad. Demo Aqui Descargatela AQUI [...]
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!