102

Plantilla tic tac de Blogger

Me han pedido hace días a través de un email una modificación para la plantilla Tic Tac de Blogger. Es una de las plantillas más difícil de "ensanchar", ya que es de cuerpo fijo, es decir, hay que modificar sus imágenes de fondo con un programa de dibujo, porque si no, no "siguen" a la sidebar y el cuerpo de entradas, y queda todo descorregido.

Las modificaciones que he hecho son ensanchar el blog hasta 950px, las entradas 600px y la sidebar 300px, además de añadirle una imagen en la cabecera.

Digo todo esto porque si alguien está interesado en esas medidas, puede pedirme por email el CSS de la plantilla, os rogaría que no me pidierais distintas medidas, pues ando apuradilla de consultas y lo de modificar las imágenes me lleva bastante tiempo (lo de los programas de dibujo no es lo mio). ;-)

NOTA
He pensado que sería más fácil para todos incluir en este post las modificaciones, así que allá van:

Busca esto en el código html de tu plantilla, está en la parte del CSS, ya sabes donde hay tantas {

/* ---( layout structure )---*/ y elimina todo lo que va entre eso y /* ---( main column )--- */

Después lo sustituyes por esto:

#outer-wrapper {
width: 950px;
margin: 0px auto 0;
text-align: left;
font: $bodyfont;
background: url(http://img208.imageshack.us/img208/8859/tile1ln7.gif) ;
}
#content-wrapper {) ;
margin-left: 0px; /* to avoid the border image */
}
#main {
float: left;
width: 600px;
margin: 0px 0 0 0;
margin-top:30px;
padding: 0 0 0 1em;
line-height: 1.5em;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#sidebar {
float: right;
width: 300px;
padding: 0px 25px 0 0;
font-size: 85%;
line-height: 1.4em;
color: $sidebartextcolor;
background: url(http://img486.imageshack.us/img486/4925/sidebarbgki0.gif) no-repeat 0 0;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

/* ---( header and site name )--- */
#header-wrapper {
margin: 0;
padding: 0;
font: $pagetitlefont;
background: #e0e0e0 url(http://img512.imageshack.us/img512/3415/nombretk6.jpg) no-repeat 0px 0px;
}
#header {
margin: 0;
padding: 25px 60px 35px 160px;
color: $pagetitlecolor;
background: url(http://img95.imageshack.us/img95/8970/bottomsillro8.jpg) no-repeat bottom left;
}
#header h1 {
font-size: 200%;
text-shadow: #81A75B 2px 2px 2px;
}
#header h1 a {
text-decoration: none;
color: $pagetitlecolor;
}
#header h1 a:hover {
color: #eee;
}

Ahora busca esto otro, lo verás siguiendo hacia abajo:

/* ---( footer )--- */

Un par de líneas debajo de eso está
#footer-wrapper { busca la línea de background: url y verás una url de imagen, sustituyela por esta:

http://img522.imageshack.us/img522/7039/bottomsashxp6.jpg

Dos líneas por debajo verás #footer { sustituye la url de la imagen por esta:

http://img524.imageshack.us/img524/7314/bottomsilljr6.jpg

COMPRUEBA CON LA VISTA PREVIA Y SI LO VES CORRECTO GUARDA CAMBIOS.

Entradas Relacionadas:

102 comentarios:


enrique

Estimada Rosa, tengo un grave problema en mi blog, te agradezco si me das una mano: se me ha desaparecido la opción "agregar un elemento de página". Hace varios días ya, no sé cómo puede ocurrir algo así. Es decir que cuando voy a la plantilla > elementos de página no puedo agregar un elemento más, ni en la sidebar ni en el cuerpo del blog ni nada. Y eso me ha ocurrido en los dos blogs que tengo, tienes alguna idea de qué puede haber pasado?
Ah y tampoco funciona el arrastrar los elementos para ubicarlos donde uno quiere, es de lo más extraño. Gracias por cualquier ayuda. Saludo.

Anónimo

Pues una de dos Enrique o es Blogger que anda haciendo de las suyas...o te has cargado algo en la plantilla:(

Déjame la dire de tu blog y la mira si te parece, o mejor, envíame una copia de la plantilla por email.

enrique

Tal parece, Rosa, que Blogger andaba haciendo de las suyas, nomás. Entré a hacer clic aquí y allá y al final cambié el idioma del blogger al inglés, y ahí vi que la opción volvía a aparecer, entonces me fui al spanish nuevamente y por suerte comprobé que todo se había normalizado. Vaya a saber cuál era el problema y cómo se solucionó, misterio.
Te agradezco mucho como siempre tu preocupación.

Anónimo

Ya me imaginaba yo que algo de eso sería...Hace días que en archivos a pesar de tener spanish en idioma sale en inglés, amén de los fallos en los feed...

Carlos Barrios

Las modificaciones en los anchos de la plantilla Tic Tac de Blogger funciona...

Sí, sí, fuciona...!

Que sí, que funciona!

jaja

"Rosa for president"

Charly - Las aventuras de Charly Brown – The Adventures of Charly Brown

Gabriela

querida rosa:
quería saber si es verdad que se puede ganar dinero con un blog?

como se hace?
tu has ganado?

gracias por tu ayuda.

isidro

Saludos.

Yo uso la plantilla tic-tac (o eso creo al menos) y la veo muy difícil de ensanchar, por lo que comentas de los dibujos del fondo. Mi intención era ensanchar al menos la columna principal.

Te agradecería si me dejaras ver la modificación que has hecho.

Gracias.

Miguel Vera

Carmen, ¿es posible actualizar una plantilla del blogger clásico al nuevo? He leído en algún sitio que alguien dijo que es un proceso sencillo de corregir algunas cosas, pero la verdad quisiera saber hasta qué punto es esto sencillo o incluso posible.

Cranmer

para gabriela ,si se puede con adsense de google y tambien hay uno asi pero de yahoo, si pones en google earn money blogging encontraras más opciones.

http://upnp.blogspot.com

Anónimo

cranmer, gracias por el aporte, pero como ves el mensaje es de hace tiempo. Si no está contestado en los comentarios, no quiere decir que yo no haya respondido, a veces es más cómodo responder por email o en el blog del que pregunta...

LordVader

Gracias a tu excelente ayuda, acabo de ensanchar mi plantilla tictac, gracias.

LordVader

Tengo un problemilla desde que he ensanchado la plantilla, se me descoloca en IE, en Firefox va perfecto, carga bien, pero al final, parece que cuando carga el footer, se descoloca, ¿alguna idea?

Anónimo

Lordvader, veo que has cambiado la imagen del footer por una negra, ¿no es así?
Esta se ve bien en ambos navegadores...

LordVader

Si he cambiado el header, el footer es negro, y ahora si funciona, esto del IE es de locos. :-)

Anónimo

Muchas Gracias, con este articulo tuyo me has ayudado a ensanchar mi blog =D

http://detodoenmiblog.blogspot.com/

namas q abajito en una seccion q tengo, esa parte no se adecuo al margen este y quedo un poquito desfazada. En la seccion q tengo de la cancion del dia -me refiero-. Pero todo lo demas ok

Saludos y gracias por la ayuda q brindas en tu blog, muy buenisimo ademas

Anónimo

Qarols , revisa la entrada, creo que no has cambiado las imágenes del footer y footer-wrapper...

Anónimo

Rosa, que imagenes del footer y foother-wrapper?, cuales son esas? :S
Ay, no se como se hace lo q tu dices :S

Anónimo

A siii si ya me di cuenta ahora a que es lo q te referias Rosa, me relei tu entrada. Pero sabes hice lo q explicas ahi y mira mi blog me quedo, eee, mas mal :P, y yo pense q le habia dado nada mas a vista previa y resulta q no se q hice q no era vista previa y los cambios se guardaron :S, y ahora no se ocmo volverlo a como estaba antes...

Pero no importa, porq de todos modos me sirve para aprender mas porq no me importa tanto porq tengo un nuevo blog y voy a eliminar ese:
Quedais todos corialmente invitados:
http://detodoenelblogdeqarols.blogspot.com/

Anónimo

Qarols, ya he visto...te quedó bien. ;-)

Bloger

Hola Rosa, desde hace algún tiempo tu blog es mi preferido porque me ayuda a hacer varios cambios, el ultimo que aplique es de enzanchar el blog con la platilla tic tac, me salio todo bien, el caso es que lo que queria era hacer dos columnas de sidebar y no ensancharlo, puedo corregir eso, te agradeceria que le des una mirada.

Victor Hugo.


http://www.perunotas.com

Bloger

Rosa, ewn el comentario anterior te decia que habia ensanchado la plantilla, pero ya la volvi su sitio, lo que quiero saber es que en la plantilla tic tac se puede agregar un sidebar siguiente los pasos para plantilla minima o donde puedo encontrarla como hacerla. Gracias.

Anónimo

Progestión, para añadirle una nueva columna si te serviran las explicaciones para la plantilla mínima, pero antes has de ensancharla, es decir, si primero sigues esta entrada y una vez ensanchada usas las explicaciones de la mínima, podrías conseguirlo sin demasiada dificultad...

Webmaster

Hola rosa fijate que estoy usando la plantilla esta de tic tac blue y todo me va bien pero cuando decido subir un header en especifico me sale cargado en exceso hacia la derecha, ya intente poner una imagen mas chica y modificar el codigo pero nada... ya puse el codigo que es por default para que veas lo que pasa... la direccion de mi blog es www.lapeliculaenlinea.blogspot.com espero puedas ayudarme pronto ya que es un proyecto que quiero sacar pronto... un saludo y gracias!

Anónimo

Webmaster , para que en esa plantilla el header quede lo más ajustado posible, lo mejor es añadir la imagen desde el código html.

Te explico como:

En primer lugar la imagen ha de tener un ancho de 763px, el alto el que prefieras.

Localizas este código en la plantilla:
#header {
margin: 0;
padding-top: 25px;
padding-$endSide: 60px;
padding-bottom: 35px;
padding-$startSide: 160px;
color: $pagetitlecolor;
background: url(http://www.blogblog.com/tictac_blue/top_h1.gif) no-repeat bottom $startSide;
}

Y reeplazas esa url de la imagen original por la tuya, después donde dice bottom $startSide
pones center top

Para que veas como quedaría, te dejo el código con una imagen, pruebalo en vista previa con ella para que te hagas una idea:
#header {
margin: 0;
padding-top: 25px;
padding-$endSide: 60px;
padding-bottom: 35px;
padding-$startSide: 160px;
color: $pagetitlecolor;
background: url(http://bp2.blogger.com/_sbaQpFxeL1Q/SGPnGCsZSoI/AAAAAAAAAMs/cKpiofxq0-E/S1600-R/200703191717511-el-pueblo.jpg) no-repeat center top;
}

LilVia

Hola Rosa! Primero darte las gracias. He conseguido, siguiendo tus instrucciones, diseñar mi blog a mi gusto. He instalado la plantilla tic tac con el ancho que yo quería. Pero hay un problema y necesito tu ayuda. Con el buscador Firefox se ve perfecto, como yo quiero. Pero con internet explorer sólo se ven dos entradas y la columna lateral desaparace. No sé si al hacer algún cambio yo, colgar el banner con mi nombre, he me tido la pata. Saludos!

Anónimo

LilVia, el banner no es.
Algún error en una entrada seguramente, un cierre tipo al </span> del leer más o algo por el estilo es lo que suele producir ese tipo de errores en IE, que aunque no debería, lo interpreta como quiere.

LilVia

Hola de nuevo! gracias por responder tan pronto.
¿Entonces debo repasar las entradas? Es que lo de leer más ya lo tenía antes y se veía en IE 6 sin problemas...
Haré pruebas. ¿algún consejo? Gracias de nuevo

LilVia

Soy el pesado de Jordi. ¡Ya está! gracias, era una entrada que fallaba con IE. Espero recuperarla a prueba de fallos. ¡Saludos!

Anónimo

LilVia, de pesado nada :D tenía que ser algo interno ya que en el código fuente de la plantilla no se veía nada raro...

Anónimo

Necesito ayuda. Tengo la versión antigua de blogger y quiero actualizarla, pero al ir a "plantilla", luego a "personalizar diseño" NO ME SALE EL BOTÓN "actualizar plantilla"!!
:/
¿Alguien sabe qué pasa?

Se los agradecería muchísimo!!

Anónimo

Anónimo, será un fallo del panel...intenta acceder desde http://draft.blogger.com/

Anónimo

También probé... y nada.
Parece que tendré que quedarme obligadamente con la antigua versión blogger : (

Ger Dix

Hola Rosa hice todos los cambios para ensanchar el tic tac y luego tuve quitalos, por que uso el tic tac blue y me apareció el green. Hice algo mal?

mi blog es gerdixra.blogspot.com.

Quiero sacar todo la cabecera azul y reemplazarlo por una imagen propia..
modifique esto, pero no paso nada.. la cabecera sigue toda igual
#header {
margin: 0;
padding-top: 25px;
padding-$endSide: 60px;
padding-bottom: 35px;
padding-$startSide: 160px;
color: $pagetitlecolor;
background: url(http://www.bmd-serv.com.ar.jpg) no-repeat center top;
}
gracias!

Anónimo

Ger Dix , no creo que hicieses nada mal, sencillamente es que las imágenes para el ejemplo son las de la green, cada uno deberá conseguir las suyas del color necesario para cambiarlas...

La url que has añadido en el header:
http://www.bmd-serv.com.ar.jpg
no es la correcta, he intentado verla y no existe...

Ger Dix

Gracias Rosa! Pero copie mal

#header {
margin: 0;
padding-top: 25px;
padding-$endSide: 60px;
padding-bottom: 35px;
padding-$startSide: 160px;
color: $pagetitlecolor;
background:url(http://www.bmd-serv.com.ar/inisss.jpg)no-repeat center top;
}
Asi modifiqué y no me hizo los cambios..
que puedo hacer? gracias

Anónimo

Ger Dix, tendrías que aplicar tal como lo has hecho en el header la imagen, pero en el header-wrapper:

/* ---( header and site name )--- */
#header-wrapper {
margin: 0;
padding: 0;
font: normal normal 100% 'Lucida Grande','Trebuchet MS';
background: #e0e0e0 url(http://www.bmd-serv.com.ar/inisss.jpg) no-repeat left top;
}
#header {
margin: 0;
padding-top: 25px;
padding-right: 60px;
padding-bottom: 35px;
padding-left: 160px;
color: #FFFFFF;

}

Anónimo

hola rosa, estoy empezando a construir blogs, y me gusto la plantilla tic tac blue, por el diseño, pero no me gusta que sea muy angosta, no ocupa todo el ancho, asi que busque y me di con tu blog, donde me entere que eso se puede modificar. Aca te dejo mi blog:
http://www.pruebadeblog7k8.blogspot.com
como ves se ensancho el texto pero la imagen de fondo no, supongo que es por no introducir las imagenes que pusiste tu.
Pero yo quiero los colores de Ti tac Blue!!!
Las imagenes del html origianl de esta plantilla no estan mas, por lo que no puedo modificarlas
Podrias ayudarme?

Anónimo

Anónimo, se me ocurre que si te creas un nuevo blog solo para pruebas y escoges esa plantilla, tendrás en ella las url de las imágenes originales para usarlas en su modificación.

Anónimo

Hola Rosa:
Antes que nada, debo decir que tu página web es impresionante. He estado varios días consultándola y cada vez me parece aún más interesante. Pero te quería hacer una pregunta sobre el fondo de Blogger, el problema es que no sé cómo cambiarlo y ponerle una imagen personalizada... ¿Podrías decirme cómo se personaliza?
Gracias por tu ayuda.

Anónimo

Teddy, mira en esta entrada:

http://elescaparatederosa.blogspot.com/2007/01/imagen-en-el-fondo-de-pgina-blogger.html

Anónimo

Hola... creo que no se me publican los comentarios...

Anónimo

Rosa, necesito ayuda... tengo la tictac basica y quería ensancharla, he seguido los pasos pero me pierdo y me da error al hacer la visualización.
He visto la página de lord que está por ahí arriba http://www.autoleyendas.com/ y es justo lo que quiero, ni siquiera sabía que se podían poner los botones bajo la cabecera!
Me echas una mano? soy excesivamente torpe.
Mira el blog, http://hastalalunaidayvuelta.blogspot.com/
si quieres nos ponemos en contacto con la dirección de mi perfil. Tengo demasiada información y va a ser un caos tal y como está ahora.
Gracias Rosa.
Maite.

Anónimo

Yo de nuevo!
He encontrado esta plantilla de mi tictac con las 3 columnas, me interesaría salvo porque son demasiado estrechas cada una. Sería posible ensancharlas proporcionalmente hasta casi los bordes de la pantalla??

http://www.blogcrowds.com/resources/view_template.php/tictac_20

No estaría nada mal !!!!

Anónimo

Maite, para trabajar en los anchos de esta plantilla, habría que modificar todas sus imágenes, ten en cuenta que está formada por ellas por completo, o sea, habría que construir al menos cinco imágenes...

Yo no tengo demasiada idea de manejar programas de dibujo, como ves esta entrada es de hace tiempo, de hecho los cambios en las imágenes están hecho de forma casi "artesanal".

Sinceramente no dispongo ahora de tiempo para este tipo de trabajos, si tu pudieras seguir mis indicaciones y construir las imágenes necesarias sería otra cosa...

Has escogido una de las plantillas más complicadas de modificar en este sentido, y que más problemas presenta en otros aspectos...

Yo te aconsejaría ya que tus nociones al respecto son básicas, que te decantaras por otra plantilla...

Anónimo

Maite, echa un ojo a esta web:

http://btemplates.com/

Anónimo

Si Rosa, en esa web vi varias que me gustaban, pero las descargo y cuando lo descomprimo siempre me dice lo mismo, que no encuentra el XML así que siempre estoy en las mismas y como ni entiendo inglés ni html estoy que echo chispas... si supiera por qué tendría mucho adelantado.
no es que me guste la tictac solo por el diseño sino porque siendo una de las de "por defecto" suponía que me iba a dar menos problemas.
Me encantaría cambiar de plantilla la verdad. Gracias.

Anónimo

Maite , es raro eso que dices, porque yo he colocado bastantes plantillas para pruebas de esa web y no he tenido nunca problemas...

Una vez descargado y descomprimido el archivo, ve a tu panel a la parte de "edición html" arriba verás un botón que pone "Examinar" pincha en el y localiza la plantilla en tu PC (como cuando vas a cargar una foto, por ejemplo) una vez localizada pinchas en "subir" y luego en "guardar plantilla"...normalmente no debería haber problema.

Anónimo

Y tanto que raro, Rosa, es que no lo hacía desde dentro del editor del blog, sino que prentendía ver el html simplemente clickeando sobre el archivo. Soy un desastre jejeje.
Me ha salido, de todos te he enviado un email, miralo por favor.
Gracias.

Fede

Rosa, es excelente este tutorial que hiciste!, lo hice en mi blog de prueba y quedo de 10! pero para poder pasarlo a mi blog "original" quisiera que la sidebar sea un poco mas angosta, como puedo hacer? Otra pregunta, si quiero cambiar la imagen de cabecera por una mia, de que dimensiones debe ser la imagen y cual de los dos link corresponde a la cabecera que nos pasaste? la 1º o el 2º link? Gracias!!

Anónimo

Fede, la cabecera está fomada por dos imagenes la primera es la url que está en #header-wrapper{ y la segunda (el borde verde estrecho que está debajo) es la url que va en #header{

Para hacer más estrecha la sidebar, tendrás que modificar la imagen de fondo de nuevo, sino no coincidirá con el nuevo tamaño...

Clown

Hola rosa soy yo de nuevo :D Gracias por este manual, al principio funcionaba bien eso de ensanchar.

pero pasados unos segundos empece a ver que todas las imagenes del fondo fueron baneadas de imageshack.

Podrias resubirlas, o hay alguna solucion?

Anónimo

Clown ImageShack es así...de repente te elimina las imágenes sin ninguna explicación.
Mira esta entrada:
http://elescaparatederosa.blogspot.com/2009/02/alojar-imagenes-en-blogger.html

Pancho

¡Funcionó! ¡Por fin! Eres lo máximo.

Clown

Rosa, te pido POR FAVOR y de rodillas que mandes las imagenes resubidas a mi mail junto con el codigo (cuando lo tengas listo)

Salvo 1 imagen, el resto funciono. Yo luego las subo a blogger para que no las borren, pero necesito que me las mandes (las imagenes) para tenerlas... te lo ruego!

Anónimo

Clown En el otro comentario te he dado un enlace para descargar la Tic Tac con tres columnas...

Clown

Rosa, en el otro comentario me has dado un enlace para alojar imagenes en blogger, no para tener 3 columnas...

Anónimo

Clown Perdona :$ me lié con la respuesta de otra persona.

http://www.megaupload.com/?d=WSLC37ZU

Clown

Rosa no me andaaa!!! A todos les funciona menos a mi! T_T

No entiendo que tengo qe hacer con el codigo HTML que me mandaste...

Anónimo

nekoru Gracias, eres un encanto ;)

Anónimo

Clown Eso que te mandé es un enlace para descargar la plantilla ya armada con tres columnas.

Clown

No rosa la verdad ya no se que hacer... la plantilla q me has dado provoca un error raro...

Y probe hosteando las imagenes que modificaste en blogger, para que imageshack no las borrara... pero en ves de aparecer el cartel de imagen borrada, me aparecia todo el fondo en gris y no tenia header...

Sinceramente me rindo... gracias por todo igualmente :)

Por cierto... yo te he agregado al msn... disculpame si te molesto (supongo q ya me has bloqueado igual)

Saludos

Anónimo

Clown No lo entiendo, esa plantilla la he colocado yo un montón de veces sin problemas...

Porque no intentas colocar una plantilla de tres columnas ya diseñada, hay muchas y muy buenas en BTemplates.

Y si, supongo que serás uno de los muchos que bloqueo a diario...no uso el msn, solo miro el correo a través de hotmail desde Internet.

Clown

Okey Rosa, seguire tu consejo. Lo que no se (y me perjudica mucho si no lo hago) es como lograr aplicar el template sin quitar ningun gadget ni quitar ningun articulo :S

Pero bueno... tendre que poner todo de nuevo

Gracias por tu tiempo Rosa

Clown

Despues de mucho luchar, tener que reponer todos los artilugios, plantillas, etc... decidi quedarme con mi querida tic tac sin modificar.

No puede ser que los unicos templates que me gustaban tengan el error (que tampoco encontre la solucion en los foros de blogger) y los demas tenian siempre algun detalle del autor (o tenia creditos, que la verdad no quisiera ver)

Saludos, y disculpa la molestia y perdida de tiempo q te cause

Anónimo

Clown Si me dices exactamente lo que quieres y me envías al email tus datos de acceso al blog, podría intentar hacerte yo misma los cambios...no suelo hacerlo, pero veo que no te desenvuelves demasiado bien en esto y no me gustaría que usases tu blog "a disgusto"...ya me dirás lo que sea ;)

Clown

Bueno Rosa, queria comentarte que lo solucione. No pude poner 3 columnas, pero pude ensanchar el blog y por ahora estoy super conforme con haber logrado eso.

Por cierto, he hosteado las imagenes en blogger, y queria compartir los links contigo, para que no tengas que resubirlas cuando las borren de imageshack. El orden es el mismo que el que tu has puesto en el codigo:

1) http://4.bp.blogspot.com/_Bem0cP-Jv_k/Scb0pDKbViI/AAAAAAAAAGQ/zJSKF8M0TX4/s1600/1.gif

2) http://4.bp.blogspot.com/_Bem0cP-Jv_k/Scb08cF2c3I/AAAAAAAAAGY/ILiZYGtUOlw/s1600/2.gif

3) http://1.bp.blogspot.com/_Bem0cP-Jv_k/Scb1KGa8OUI/AAAAAAAAAGg/yg4J5JaTKA0/s1600/3.jpg

4) http://3.bp.blogspot.com/_Bem0cP-Jv_k/Scb1Ws542zI/AAAAAAAAAGo/Q0Y0eyksGU8/s1600/4.jpg

5) http://2.bp.blogspot.com/_Bem0cP-Jv_k/Scb1ydMYX4I/AAAAAAAAAGw/Nf4soACNbb4/s1600/5.jpg

6) http://3.bp.blogspot.com/_Bem0cP-Jv_k/Scb2Ew5rUBI/AAAAAAAAAG4/5qWn-81PjgM/s1600/6.jpg

Si todavia estas dspuesta a ayudarme (a poner 3 columnas en mi blog) podria hacerte admin del blog, solo dime con que mail te has registrado en blogger y mandare la invitacion

Anónimo

Clown ¡Muchísimas gracias por las imágenes, ya me las he guardado!

En cuanto a lo de las tres columnas, la verdad que he estado probando en un blog de pruebas y queda demasiado estrecha para mi gusto...
Si la ensanchamos mucho, no se verá en todas las resoluciones de pantalla. Si la dejamos como está ahora (que es el ancho optimo) tendrás que hacer las sidebar muy estrechas para que las entradas queden bien...no se, no me convence demasiado.

Clown

Creo que entiendo el punto... yo queria ponerle 3 columnas (osea, los articulos al medio, los artilugios a ambos lados) porque de esa manera podrian visualizarse mejor los indices que tenia planeado poner (por ejemplo).

Te costaria demasiado probar? Yo por si acaso tengo todos los codigos HTML que me salieron bien guardados en un bloc de notas, asi que en el caso que lo mantengamos de esta manera, podriamos volver.

De todas formas, las sidebar no necesito tenerlas tan anchas... con tener el mismo ancho que tenian con la plantilla tic tac original, estoy conforme (incluso es precisamente lo que estoy buscando, tener 2 sidebar, a ambos lados de los articulos, del mismo tamaño que la unica sidebar que tenia previamente)

Saludos!

Anónimo

Clown Mellegó la invitación, acepté anoche y esta mañana veo que no aparece tu blog en mi panel, ni tengo acceso a el...¿te has arrepentido? :o

Clown

no Rosa... yo esperaba que la aceptes jajaja
No se que habra pasado...
Enseguida la mando de nuevo!

Clown

Rosaaaa estas ahi? :D

Anónimo

Clown Estar estoy, pero hasta arriba de problemas con SkyDrive. Tendrás que esperar....

Clown

Okey Rosa, cuando estes disponible por favor manda un mail a mvm_vito@hotmail.com
Si no hago ese cambio no puedo avanzar con el blog debido a que siempre que cambio la plantilla, todos los gadgets desaparecen o las listas se desconfiguran (y no es muy grato tener que hacer eso todo el tiempo).

Espero a cuando estes desocupada! :D
Saludos!

ADL

Hola Rosa,

Muchas gracias por tu ayuda con esto de ensanchar el blog!
Yo tengo la version Tic Tac Blue y utilice la plantilla para ensanchar y quedo perfecto. El unico detalle es que el mio era azul y no verde. Te tengo una pregunta: Tendrás la imagen para ensanchar en azul? No se si es mucho pedir... Gracias de nuevo!

Anónimo

Ax y nekoruNo las tengo y como dije en un comentario anterior, las verdes están hechas de forma un tanto "artesanal" y ni siquiera por mi...tendría que hacerlas alguien con un mínimo de manejo de algún programa de imágenes...¿ninguno de vosotros dos sabría hacerlo?

Anónimo

neroku Muchas gracias por entenderlo ;) Me pasaré en cuanto tenga un ratillo...me apunto la dire.

Clown

Rosa tendrias tiempo disponible ahora?
Por favor T_T
Saludos!

Anónimo

Clown Ya he aceptado la invitación, pero ahora tienes que ponerme como administradora del blog, sino no tengo acceso a la plantilla...

CategoriaRKO

Holas Rosa y Clown encontre una plantilla de tamaño razonable, 3 columnas y el autor permite que le hagamos modificaciones a gusto asi que bueno aqui esta el enlace:
Tic Tac Blue 3 columnas
Bueno espero que les sirva y si tienen tiempo se den una vuelta por mi blog:
http://despistaje.blogspot.com

Anónimo

CategoriaRKO Gracias, aunque ya conocía la plantilla que me muestras...sino está corregida (que no lo se) presentaba algún que otro error...

CategoriaRKO

Hola Rosa, pues solo para comentarte que aunque me costo un poco de trabajo pude hacer la plantilla como queria, con las tres columnas y el espacio de los post mas ancho haber si te das una vueltita por mi blog para que la veas y si te gusta te puedo pasar la plantilla ;) bueno saludos y sigue asi que si no fuera por tu blog no lo hubiera podido hacer...

Web Master: Eder Mundaca López

Rosa!!!! eres mi heroina!!!! te recontra agradezco!!!! sí en algo podría recompenzarte,porfavor hazmelo saberrrr!!! (Pd. no me pidas dinero ni q me disfraze de nada) gracias mil gracias!!!!!!!!!!!!!!!!!!! saludos de tus amigos de Chiclayo!!! :D:D:D

Web Master: Eder Mundaca López

Rosita,porfavor ayudame!Me tome la libertad de agregarte.La cosa es que mi Sidebar no aparece en el I.E apartir de la última modificación:ensanchamiento del tic tac,tal y como tú lo indicas.Mi blog aparece perfectamente en Mozilla Firefox,pero mis amigos utilizan I.E.Porfavor acepta mi petición.Estoy a la espectativa

Web Master: Eder Mundaca López

Este es mi Blog enlace para que lo chequees

Web Master: Eder Mundaca López

Rosa un dato adicional,en I.E, le doy clic al título de entrada y si sale mi Sidebar,pero en la página principal,no aperece

Anónimo

EdeRML22 Me das el dato adicional y eso me convence aún más de que no tiene nada que ver con el cambio en las medidas de la plantilla...

He visto este problema otras veces, y en la mayoría de los casos es algún código aplicado en una entrada o en la sidebar que produce el problema... normalmente suele ser un </spam> o algo así que falta...

Empieza a comprobar por ejemplo las entradas, para eso ve a editar la última y colocala como borrador, comprueba si se soluciona el problema... es trabajoso, lo se, pero tendrás que ir haciendo esa prueba con las entradas en la página principal, ya que en las demás si se ve bien la sidebar.

Si las entradas no son el problema, tendrás que ir retirando gadget (los guardas en el blog de notas por ejemplo si llevan código en su interior) desde arriba abajo de la sidebar e ir probando...

He comprobado que usas el Word para redactar tus entradas y que luego lo pegas en el editor de Blogger, Word es incompatible con Blogger o viceversa, así que casi con seguridad es un código en alguna entrada que Word añade de más...

¡Suerte!

Web Master: Eder Mundaca López

Rosa,gracias por la atención :) El problema se soluciono. Rosa te cuento que estoy buscando nueva plantilla para remodelar el blog. Pienso que debe ser una plantilla espaciosa y que tenga los sidebar bien puestos y ordenados. Encontré varias que eran muy buenas pero no puedo editarlas al 100% . Quizas una plantilla que conozcas que me recomiendes y que sea algo fácil de editar? Confió en tu buen gusto ^ ^"!

Anónimo

Web Master: Eder Mundaca López Pues lo siento, pero no puedo recomendarte ninguna... adoro las de Blogger, en concreto la Mínima (es la que yo uso), pero fuera de Blogger, la mayoría no son tan fáciles de editar...trata de encontrar una que te guste y mira como anda en un blog de pruebas...

馬丁

Hola Rosa sos una Idola hace mil que quiero hacer este truquillo y fuistes la unica que me dio la solucion que tanto buscaba mil millones de gracias sos una idola :P

John Wilson

Hola Rosa, ¿que tal? espero que bien! No sé si me podrías ayudar...

Mira, me han pedido cambiar el color de fondo de la parte derecha (color gris) de la plantilla "Tix Tac Blue".

¿aabes como hacerlo?

Espero tu respuesta, gracias!!!

Saludos,

Anónimo

Mil graciiiias!!! ^^
De no ser por ti, no hubiera sabido cambiarlo.
Aunque he tenido que retocar ciertas imagenes pero gracias a eso he aprendido como funciona el cambio.

Anónimo

Por cierto Rosa, quería comentarte una cosa...

Al hacer estos cambios en mi blog, no quedan ajustadas completamente todas las imagenes, sobran o faltan un par de pixels.

Yo hice mi propia cabecera contando con tus medidas y variandolas hasta que quedó perfecto. Esque las sombritas de los extremos tocan las narices xD

Pero a la sidebar le faltaban un par de pixels; la retoqué y ahora queda perfecta.
Aquí la imagen por si quieres modificar el post:
http://img695.imageshack.us/img695/9571/sidebar2.jpg

Gracias de nuevo por este magnifico post.

Anónimo

kemiparanoias Ah, pues si tu lo dices seguro que así es...:D Gracias... en cuanto tenga tiempo cambio eso en la entrada;)

wua

Hola Rosa siguiendo las direcciones de "laeulalia" he modificado mi plantilla tic tac a 3 columnas ,ahora me surge una duda,puedo ensancharla?Si tienes tiempo te agradeceria que me lo comentaras,gracias,un saludo,guadalupe.Mi blog es http://pequessiempresonriendo.blogspot.com/

Anónimo

wua Tu blog ya tiene la anchura adecuada al añadirle la nueva columna, de hecho si lo ensanchas más, no se verá completo en todas las pantallas... lo que está corto es el fondo ese que añadiste de forma automática no lo demás...

wua

Y cómo puedo hacer para que el cuerpo no este corto?

Grupo Explosion

bueno por fin pude ensancharlo pero se me va el contenido de la columna de la derecha todo avajo!!!!....porque es? estoy haciendo algo mal????

Anónimo

zombleLa suma de los anchos de sidebars y main no pueden exceder del ancho del outer-wrapper y contando además con los paddings que se han añadido.

CLAVE AURICULAR

Hola Rosa, una pregunta, por que cada vez que pongo codigos de audios, o playlist de audios de divshare en blogger, todos los demas codigos pasan a ser el mismo, y tengo q modificar uno por uno, antes de guardar, y eso lleva mucho tiempo, y de paso, por que sera que esta descolocada una de las paginas del blog, donde salen los audios?

CLAVE AURICULAR

LOs codigos que pasan ser el mismo son tb de divshare...ahora esta bien, pero por que tuve q editar la pagna y poner uno por uno de nuevo, y ahi guardar todo junto de nuevo, pero para las proxima solo quiero agregar el nuevo, si no ahi si lleva mucho tiempo...en la parte de escuchar programa...GRacias y espero alguna respuesta...

Anónimo

CLAVE AURICULARLo siento pero no tengo idea de eso... nunca usé divshare en Blogger.

primoCudeiro

Muchas gracias :) estaba intentando modificarla, pero no había caido en la cuenta de las imágenes y no encontraba ninguna página que me ayudara a hacerlo, con el código que has puesto me ha quedado perfect :)

Publicar un comentario

Si vas a dejar una consulta, procura tener habilitado tu perfil en Blogger o deja la url del blog a revisar (no enlace).

Los comentarios están siendo moderados.

:) :(( :( :P :D :$ ;) :I :X :O |O :S