La apariencia de nuestro blog es de suma importancia, ya que puede determinar el tiempo que nuestros lectores estén en ella. Es como cuando toman una revista y la hojean. Si el diseño nos parece grotesco o feo la dejamos, si el diseño nos atrae la leemos y recomendamos.
Blogger nos da plantillas clásicas y sencillas pero bastante útiles y personalizables. Sin embargo podemos encontrar en la red cientos de plantillas de todo tipo que podemos usar y poner en nuestro blog. Para buscarlas podemos poner 'plantillas blogger' en Google y apareceran todos los sitios que ofrecen gratuitamente estas plantillas. Sólo elige la que te agrade y la descargas en tu equipo. Ahora la pregunta es ¿cómo ponerlas?
Bien, primero debes entrar a Blogger > Diseño > Edición de HTML. Es muy importante que siempre que desees cambiar de plantilla guardes una copia de la actual para evitar perdida de datos por si en un futuro algo fallara. Para ello haz click en Descargar plantilla completa y guárdala en tu equipo (ver círculo rojo).
Ya que has respaldado la plantilla actual da click en Examinar (ver recuadro verde) y busca en el equipo la plantilla que deseas subir; la extensión de este archivo es XML. Ahora da click en Subir (ver recuadro verde).
Debes saber que cambiar de plantilla no afecta las entradas publicadas, es decir, no importa cuál plantilla cambies, siempre estarán visibles las entradas publicadas al igual que los comentarios que haya en ellas. Sin embargo los gadgets que tengas como imágenes, encuestas, códigos Javascript, etc. serán eliminados o vaciados su contenido. Por eso es importante que tengas una carpeta en el equipo con los respaldos de estos códigos o imágenes para subirlos cuando sea necesario.
Bueno, después de presionar Subir posiblemente aparecerá un mensaje con letras rojas que nos diga que los siguientes artilugios serán suprimidos. Si ya respaldaste todo presiona Aceptar.
Eso es todo, en ese momento ya puedes ver cómo ha quedado el nuevo diseño de tu blog.
Debes saber que cambiar de plantilla no afecta las entradas publicadas, es decir, no importa cuál plantilla cambies, siempre estarán visibles las entradas publicadas al igual que los comentarios que haya en ellas. Sin embargo los gadgets que tengas como imágenes, encuestas, códigos Javascript, etc. serán eliminados o vaciados su contenido. Por eso es importante que tengas una carpeta en el equipo con los respaldos de estos códigos o imágenes para subirlos cuando sea necesario.
Bueno, después de presionar Subir posiblemente aparecerá un mensaje con letras rojas que nos diga que los siguientes artilugios serán suprimidos. Si ya respaldaste todo presiona Aceptar.
Eso es todo, en ese momento ya puedes ver cómo ha quedado el nuevo diseño de tu blog.
Enlaza este blog
Suscribirse al feed
Suscribirse por e-mail
Agregar en tu iGoogle
Seguir en Twitter
Unirse en Facebook
Enviar un correo
Iconos RSS.PNG)
Música JPZ
60 comentarios:
Potro: ¿Podrías recomendarnos páginas seguras al respecto?
Gracias!
Por cierto... tuve problemas para descargar la plantilla completa [para respaldar]. Me apareció lo siguiente:
No se puede mostrar la página XML
No se puede ver la entrada XML con la hoja de estilo . Corrija el error y haga clic en el botón Actualizar, o inténtelo de nuevo más tarde.
--------------------------------------------------------------------------------
El servidor no entendió la solicitud, o la misma no es válida. Error al procesar el recurso http://www.w3.org/TR/xhtml1/DTD...
Seguro intentaste abrir la plantilla de respaldo con tu navegador, por eso aparece ese error. La plantilla de respaldo guárdala en tu equipo, es únicamente como prevención por si algo saliera mal al cambiar de plantilla.
En btemplates.com puedes encontrar muchas plantillas con diseños variados.
Saludos.
se puede agregar, una vez cambiada la plantilla, los artilugios eliminados?espero tu respuesta, muchas gracias!
Hola La.de.la.foto,
Un artilugios eliminados no se pueden recuperar, por eso es importante hacer un respaldo del contenido de ellos en un block de notas.
Saludos.
Saludos Potro. Tengo un problema con el blog. Sin saber cómo -creo que no he hecho nada raro- se ha desconfigurado la plantilla. ¿Puedes echarme una mano?.
Que despiste! Ahí va la dirección web del blog:
http://ateneolibertariodegranada.blogspot.com
Hola Ateneo,
¿Te refieres a la sidebar?
¿Qué cambios hiciste antes de que saliera así?
Ahora está bien.Cuando te mandé el correo estaba desestructurada (la sidebar). Le has hecho tú algo? Gacias de todas formas.
De todas formas, es la segunda vez que me pasa. La anterior vez fue en otro blog que tengo para un proyecto de educación vial en el colegio. Este lo arreglé cambiando la plantilla (tenía poco contenido).
De hecho yo veo la sidebar igual que como estaba hace rato, en sí no sé cuál era exactamente el problema :s
¿Qué es lo que sucedía?
Se había desconfigurado (los gadgets ocupaban el espacio de los post por abajo). Está ahora bien, por lo que deduzco que era problema del navegador. Otra cuestión: para diseñar cabeceras necesito que me aconsejes sobre algún programa de diseño gráfico (que no sea muy complicado, a ser posible). Gracias por tu ayuda, me está siendo de mucha utilidad.
Hay unos editores de imágenes online que son fáciles de usar; obviamente no dan los resultados como sería con un programa profesional como Photoshop pero te puede servir bastante bien, sobre todo porque no son tan complicados.
Te dejo un par de enlaces de ellos:
http://www.pixlr.com/editor/
http://www.picnik.com/
Saludos.
Gracias Potro, y que tengas buenas vacaciones. Por como curras, te las mereces.
Gracias OTURATIC pero como ves aun estando en vacaciones me doy mis "escapadas" para responder los comentarios =P
Dividir la sidebar de una minima en dos:
Quisiera saber si la division se puede poner en cualquier parte de la sidebar, es decir, sin que tenga que ir al final, que pueda ir en medio, o arriba y tambien si puedo darle el ancho que quiera a cada mitad de la sidebar, es decir, que una mitad tenga 150 y otra 250, con lo cual harian un total de 400.
Muchisimas gracias , es que estoy preparando una minima para sustituirla por la que tengo. La que voy a sustituir es la de a pontenova, y la minima de pruaba es la de probas. de nuevo muchas gracias
Hola PONTENOVA.ES,
No sé si te he entendido bien. Te dejo un enlace donde explican cómo agregar otra sidebar al lado de la que ya tienes:
http://blogandweb.com/blogger/como-agregar-una-sidebar-en-una-plantilla-blogger/
Saludos.
Muy bien potro, me esta quedando a la perfeccion, me has entendido perfectamente, aunque me llevo mi tiempo jaja, pero muy bien.
Me queda solo una cosa para terminar, ya me paso en la plantilla que tengo y lo arregle pero no se como.Cuando añado un gadget de una imagen de 200 y le doy a que me la reduzca automaticamente se me queda mas pequeña, lo mismo me pasa con la de 250 y tambien con la de 500. Se que hay que cambiar un valor, pero no me acuerdo cual para ajustar los anchos. Y que se quede apegado el cuerpo de los post y de la sidebar totalmente a la esquina y haber si consigo meterle una separacion en medio para separar la sidebar.
La sidebar es de 500, las que he dividido son de 250 y 200 y sobrarian 50 para el margen del medio, luego le he puesto un
#main-wrapper {
width: 500px;
y el #outer-wrapper {
width: 1024px;
Haber que me puedes decir para que se me adapte el gadget de imagen a lo que realmente tengo especificado,
el blog es el de probas, que le voy a cargar la plantilla al de pontenova.
En sí cuando subes una imagen desde el gadget Imagen, te dará la opción de reducir automáticamente al ancho que tienes en la sidebar, por ejemplo, si la imagen la subes desde la sidebar que tiene 250px te debe de dar la opción de reducir automáticamente a 250px. Fuera de eso no veo en tu plantilla algún otro código que esté afectando el tamaño de la imagen.
De cualquier modo, si tuvieras problemas con el tamaño de la imagen te recomiendo que mejor uses el gadget HTML/Javascript, ahí puedes pegar el código de la imagen y podrás manipular más fácil otras propiedades como margen, borde, fondo, e incluso el tamaño.
Saludos.
ok. ya la tengo lista. muchas gracias.
hola potro, tengo otra pregunta.
Para las listas de enlaces, blogs, etc. que tenemos en el blog, cómo podemos hacer para guardar el código y los enlaces? Me pasó cuando cambié de plantilla en una ocasión que tuve que buscarlos todos de nuevo, hay alguna forma de conservarlos?
vale, otra pregunta tonta... el contador y la lista de seguidores no se modifican al cambiar la plantilla, no?? ^^U
Hola Rukia,
Ninguna pregunta es tonta así que no tengas reparo en preguntar.
Los vínculos de la Lista de enlaces no se pueden guardar pero cuando cambias de plantilla te pregunta si quieres conservar los widgets, regularmente cuando le dices que sí los conserva, pero siempre es mejor tener un respaldo de ellos en un block de notas por si las dudas.
Lo mismo sucede con el contador, pero con la Lista de seguidores no hay problema, no se pierde.
Saludos.
Hola, me ha sido muy de utilidad toda la información de tu blog pero yo quiero hacer mi propia plantilla ya que recibo todos los días kits de backgrounds y banner para blog pero no puedo hacerlo, habrá alguna plantilla base que me sirva para yo poder realizarla? gracias por anticipado http://bordadosaguasanta.blogspot.com/
Hola AguaSanta,
La plantilla Mínima de Blogger será perfecta para que empieces a crear tus propias plantillas ya que tiene los códigos y estructuras básicos que una plantilla requiere.
Saludos.
Gracias potro por tu sugerencia, tengo en esto casi un mes y me atropella tanta tecnología, jejejeje, puse los corazoncitos en mi blog y ahora veo que tienes el puntero, como se puede hacer para tenerlo en mi blog también, please snif y gracias nuevamente por auxiliar a almas como yo, cualquier cosa estoy en mi blog si algo te sirve....
Sr. potro lo encontré en su blog! gracias infinitas por compartir!!!!!! se siente bien al hacerlo, porque cuando uno enseña aprende igualmente!!!!!
Ciertamente se aprende más cuando se comparte lo aprendido :D
Qué bueno que ya encontraste lo del cursor!
Saludos.
olaa ... me puedesss ayudarrrr !! ....quiero volver a mi primera plantilla .. asi como cuando recien t creas un blog i eliges plantilla i sale todo normal ...seguidores , entradas , acerca de mi , i algo mas cuando creas una entrada puedes cambiar el tamaño de letra y color i tu imagen i otras cosas ..hace poco cambie mi plantilla i wa ea m toe desesperando xk se desaparecieron esas opciones para diseñar tu entrada nueva e incluso seguidores k aparece con el nombre de flowers le cambie a "seguidores" i se me desaparecieron .. no se ke hacer mas ... lo poco k sabia ea me hize bolas ...m puedes ayudarrrr a volver a mi plantilla k tub en un inicio .. x se aca ea probe todo lok pud averiguar para editar la platilla i volver a usar la clasica ...
please helpmeee
oiee logre volver a lo k ya habia probado o algo parecido para mi plantilla d un principio "la clasica" pero no m aparecen seguidores i aparte sobre las entradas , osea para poder cambiar la letra i el color d tu nueva entrada = ya no m aparecen esas opciones de diseñoo waaa ... ayudame con esoo
Hola Memorias de un Sueño sin Dueño,
Si usas la plantilla Mínima debe aparecer la opción para cambiar los colores y letras, esos están en Diseño > Fuentes y colores.
Respecto a los gadgets que faltan, entra en Diseño > Elementos de la página > Añadir un gadget, ahí agrega los gadgets que deseas, como el de Seguidores.
Saludos.
ajamm ea logre hacer eso puff gracias d toas mangas =) ... pero no se puede haceralgo con las nuevas entradas , osea cambiarle el color y letra i tamaño a cada entrada , imagen zi puedo colocar pero las demas opcions ya no aparecen .. en Diseño > Fuentes y colores.
son para las nuevas entradas en general ,yo quiero k me aparesca como antss waa ..eso m paso dsd k cambie mi plantilla :/
A ver, ya me perdí un poco.
¿Te aparece la opción de Fuentes y colores o no?
Si la respuesta es NO, entonces entra desde http://draft.blogger.com/ y mira si ahí sí aparecen esas opciones.
Si lo que quieres es cambiar las fuentes y colores de una entrada en particular eso lo tienes que hacer editando la entrada directamente.
Eso lo haces yendo a Creación de entradas > Editar entradas > Editar, ahí haz los cambios que deseas para esa entrada.
Saludos.
ajam exactamentee eso editando la entrada directaamente ..yap en ese cuadradito dond vas crear o escribir tu nueva entrada tiene opciones de CAMBIO DE LETRA Y D TAMAÑO pero a mi no m sale Y hay dos opciones mas para letra cursiva i negrita ,"en esas opcions m sale una etikta amarilla diciendo insertar etikta de negrita y en la otra insertar etiktad letra cursiva " i con eso me salen codigos junto con lo k escribo i eso es para el formato k le vas a dar a tu nueva entrada cuando lapublikz. Tambien tienes para enlace, imagen, i colores i en otros .. i a mi lo k no m sale es el CAMBIO DE TAMAÑO Y COLOR .. ahora mi caso es k lo k yo quiero es k no solo m aparescan esas opciones d negrita i cursiva , d enlace , d comillas ,d imagen i video i d ortografia tmb quiero k m aparesca lo otro , k es COLOR Y TAMAÑO de letra... eso se m di cuenta k se me desaparecio dsd k cambie mi plantilla :/ ahora mi blog sta como cuando en un principio puff pero ahora m faltan esas opciones k t digo , color y tamaño de letra :/ amm nu t enrrede vrdad :D .. please ayudame con eso =)
La plantilla no tiene nada que ver con la forma que el editor de Blogger se muestra.
Puede suceder esto, cuando edites la entrada fíjate que arribita hay dos pestañas, una que dice Edición de HTML y otra que dice Redactar.
Tienes que estar en la pestaña Redactar para que aparezcan todas las opciones, incluyendo las del tipo y tamaño de letra.
Si tampoco aparecen ahí entonces entra desde donde te dije (http://draft.blogger.com/) y edita tu entrada ahí.
Si ahí tampoco saliera esa opción aun estando en la ficha Redcatar entonces dirígete al foro de Ayuda de Blogger para que un empleado de Google pueda revisar tu cuenta o pueda darte una explicación en caso de que se trate de un error de Blogger:
http://www.google.com/support/forum/p/blogger?hl=es
Saludos.
jajajaj k mensaaa rcien m doy cuenta k existen esas opcions ... gracias he :D ... .. amm la pag de draft se ve xvr :D (Y) ... gracias por tu tiempo =)
Por nada, qué bueno que ya puedes usar las opciones del tamaño y color.
Me imaginé que era eso :)
Hola Potro!!
Ps aki molestandote de new... acabo de armar otro blog y le puse una plantilla q baje de btemplates... el punto es q no se ve la barra de blogger, ya me habia pasado con los otros blogs pero no recuerdo q hice para q se volviera a ver... me recuerdas como?? saludos!!!
Hola LiLiS,
Qué gusto leerte de nuevo.
¿Cuál es la plantilla o el blog que mencionas?
HOLA!!! SI, OLVIDE PONER EL LINK JEJEJEJE AHI TE VA
http://eduabiertayadistancia.blogspot.com/
Busca en tu plantilla lo siguiente y elimínalo:
#navbar-iframe {
display: none !important;
}
Con eso aparecerá de nuevo la barra de Blogger.
¡Saludos!
Claro!! era eso jajaja x más q lo buske no recordé dónde era... saludos y muchas gracias!!
Hola. ¡ayuda por favor! Cambié el tamaño del blog en edición html; perfecto pero ahora en diseño-elementos de la pagina no aparecen la side bar de la derecha. Parece cortado. La plantilla es Andreas02. Mi blog es: http://www.jorgerdzb.com/ y está enproceso de construcción. Apreciaré tu respuesta.Mil gracias.
Hola Jorge,
No conozco esa plantilla pero supongo que es por el tamaño del contenedor de las entradas.
Prueba disminuyendo un poco (unos 30px) el área del #main si no basta con eso también disminuye (unos 20px) el contendor general #container
Saludos.
Funcionó Jefe. Mil gracias. Creo que había abusado del tamaño del blog. Excelente
Me alegro que ya se haya solucionado :)
Hola Potro, te cuento descarge una plantilla que me gusta y ahora obtube su última versión pero no lo tengo en .XML sino me descargue una carpeta con varios archivos ( http://dl.dropbox.com/u/6474180/arhtemia%20v2.PNG ) que debo hacer?
Esa versión no es para Blogger, las de Blogger son con extensión .XML
Hola Potro soy Franco Paravecino, mira el tema que tengo en este blog de pruebas es la version anterior a esa que te digo, puedes verlo en la pagina del autor que al descargarlo es igual a la otra, pero esta la encontre en una web que aloja plantillas, creo que debo de armarla?? por que me da unos pasos que no entiendo xd! mmmmmmm!
Esta es la version que tengo ahora con algunos cambios que le dado:
http://michaelhutagalung.com/2008/05/arthemia-magazine-blog-wordpress-theme-released/
Esta es la nueva :
http://michaelhutagalung.com/2008/08/arthemia-20-released-the-updates/
http://michaelhutagalung.com/arthemia/2009/04/sed-tempor-orci-a-suscipit-dapibus-lacus-justo-2/
gracias! me gustaria que me expliques si se peude adaptar a blogger?
Como te habrás fijado en lo que explican en esa entrada, la plantilla no es para Blogger, sino para Wordpress.
Blogger no soporta el formato PHP, por lo tanto no te sirve.
En Btemplates hay una versión para Blogger adaptada de esa plantilla, puedes buscarla ahí.
Saludos.
Ok Potro! gracias
Muuchas gracias de nuevo :) (ya te agradeci hace un rato en otro articulo)
me estas sirviendo mucho ya que recien arranco con mi blog y mucho no se de html.
Gracias a ti por tu visita. Puedes tomar todo lo que gustes de aquí :)
Hola, sigo todos los pasos pero no me guarda seguidores, contador de visitas ni nada, eso es lo que realmente me interesa y no se si estoy haciendo algo mal... me preocupa que pudiera ocurrir algo y esto no guarde lo que deseo, me guarda la plantilla pero no como yo desearia, me ocurre lo mismo con los post, me los guarda pero no los comentarios
Al cambiar de plantilla no conserva el contenido de algunos gadgets tales como los códigos dentro de los HTML/Javascript, así que en un block de notas tendrías que pegar los códigos que hay dentro de esos gadgets para tener el respaldo de ellos.
Con el de los seguidores u otro que falte no hay problema, sólo agrega el gadget desde Elementos de la página, con el de seguidores no pasa nada, no perderás el número de seguidores que tienes.
Las entradas y los comentarios es algo completamente distinto a cambiar la plantilla, que cambies de diseño no afecta en nada el número de tus entradas ni de tus comentarios.
Hola potro de nuevo molestandote ,con una duda lo que pasa es que mi plantilla que estoy usando para mi blog de anime es como tipo maggazine,porque los post estan como en cuadritos y la verdad no me gusta ese diseño me gustaria saber como puedo cambiar esos post ,yo quierop ponerle como de esos post que dicen leer mas pero no en esos cuadros ,o como tus posto pero ¿Como puedo cambiar ese parte del diseño ? saludos y espero que me puedas ayudar .Gracias
No sabría decirte con exactitud ya que hay distintos modos de hacer las plantillas tipo magazine e ignoro cuál haya usado el autor.
Lo único que se me ocurre es que borres esto:
.thumbscontainer{
width:652px;
display:block;
float:left;
}
.thumbs{
background:url(http://4.bp.blogspot.com/_0Nr--qemD8Y/TCL3aip9jEI/AAAAAAAAAuY/l3J5kMpO55c/s1600/showcase.jpg) no-repeat;
height:250px;
width:318px;
margin:6px 4px 6px 4px;
float: left;
display: clear;
}
.thumbsinfo{
width:318px;
float: left;
}
Y esto:
.thumbimage img{
width:290px !important;
height:200px !important;
}
.thumbimage {
margin:35px 4px 0 4px;
width:300px;
height:200px;
overflow:hidden;
}
Dale vista previa y mira si funciona, sino creo que tendrás que buscar otra plantilla que no lo tenga :s
Hola que tal potro , de nuevo cambien mi plantilla y me gusta este nuevo modelo pero quiero editarla un poco jeje y me preguntaba si me podrias ayudar porfavor , mira quiero que mi plantilla cambie un poco como la de el blog:http://naruto-full-anime.blogspot.com ,su post body veo que lo pudo aumentar de anchura ,disminuyendo la anchura de su sidebar sin dejar un scroll (¿barra de dezplazamiento?) muy ancho quisiera hacer lo asi ¿Me podria hechar la mano porfavor ,?
AHH pero puse este diseño en un blog de pruebas http://queciencias.blogspot.com .Gracias de nuevo ah disculpa potro no sabes tu donde podria conseguir como un tutorial de css en pdf o videos ,la verdad es que quiero aprender un poco mas ,siento que es mas complicado que el html.
Gracias y saludos
SOy OROCHIMARUSAMA EN MI OTRA SESION
Hay muchos tutos online pero no sabría decirte de alguno es específico, sería cuestión de que los buscaras en Google.
Para lo que mencionas sólo es cuestión de que le restes el ancho (width) que está dentro de .sidebbar {
Y eso que le quitaste se lo sumes al ancho (width) que está dentro de #main-wrapper {
Saludos.
Publicar un comentario en la entrada
Gracias por tus comentarios. Si tienes una consulta sobre tu blog deja la dirección del mismo.