140

Publicado por.. y otros datos a debajo del título

Normalmente el "Publicado por" la hora de publicación de la entrada los "comentarios" y las etiquetas, se muestran debajo de cada entrada.
He recibido un email de salytre donde me pide si puedo explicar como mover estos datos del "post-footer" (pie de entradas) para hacer que se muestren debajo del título de cada entrada...

[1] Nos situamos en nuestro panel de Blogger "edición html" y expandimos los artilugios para localizar esta línea de código ya que será justo debajo de esa línea a donde tendremos que trasladar los códigos para mostrar los elementos del post-footer debajo de los títulos de las entradas:

<div class='post-header-line-1'>


[2] Localizamos ahora el código que corresponde al "Publicado por":
<span class='post-author'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/> <data:post.author/>
</b:if>
</span>

Lo copiamos, borramos el original y pegamos el que acabamos de copiar, debajo de la línea que localizamos antes:
<div class='post-header-line-1'>
<span class='post-author'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/> <data:post.author/>
</b:if>
</span>

Mover la hora de publicación a continuación del "Publicado por"

[1] Vamos a colocar ahora la hora de publicación de la entrada a continuación del autor que ya habíamos movido antes a debajo del título, para ello tenemos que localizar el código que corresponde a la hora:
<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url' title='permanent link'><data:post.timestamp/></a>
</b:if>
</b:if>
</span>

Y colocarlo a continuación del código para el "Publicado por" que acabamos de mover:
<div class='post-header-line-1'>
<span class='post-author'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/> <data:post.author/>
</b:if>
</span>

<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url' title='permanent link'><data:post.timestamp/></a>
</b:if>
</b:if>
</span>

Mover "comentarios" a debajo del "Publicado por" y la hora del post

[1] Moveremos ahora el enlace de "comentarios" desde el pie de la entrada a debajo del título, a continuación de lo que hemos colocado antes.
Seguimos con los artilugios expandidos y localizamos el código que corresponde al enlace para dejar comentarios:
<span class='post-comment-link'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>

<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</span>

Lo colocamos a continuación del "Publicado por" y la hora de la entrada, que habíamos cambiado de lugar previamente:
<div class='post-header-line-1'>
<span class='post-author'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/> <data:post.author/>
</b:if>
</span>

<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url' title='permanent link'><data:post.timestamp/></a>
</b:if>
</b:if>
</span>

<span class='post-comment-link'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</span>

Mover las etiquetas

[1] Los pasos a seguir son idénticos a los anteriores; localizamos el código que muestra las etiquetas debajo de cada entrada:
<span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
</span>

Lo copiamos, borramos el original y pegamos la copia debajo de los anteriores:
<div class='post-header-line-1'>
<span class='post-author'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/> <data:post.author/>
</b:if>
</span>

<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url' title='permanent link'><data:post.timestamp/></a>
</b:if>
</b:if>
</span>

<span class='post-comment-link'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</span>

<span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
</span>


Nota: Si queremos que las etiquetas o los comentarios se muestren en una segunda línea, en lugar de a continuación de los otros elementos, incluiremos su código entre <br> y </br>.
Por ejemplo las etiquetas:

<br><span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
</span></br>

Resultado:
Ejemplo de elementos debajo del titulo

Entradas Relacionadas:

140 comentarios:


SLG

te sigo desde hace ya bastante tiempo, he cambiado de blogs me gusta mucho lo que haces pasate:

http://sergiiovlc.blogspot.com/

salytre

Gracias, lo probaré y ya te cuento ;)

Juanjo

Rosa gracias por responder tan rapidamente mi correo, me ha quedado de maravilla lo de la fecha justo como yo lo quería, lo que he hecho ha sido ponerla a la derecha para que no se apegotonase con el título cambiando el left por right claro. Y aunque el año no se vea queda bien de todas formas por que no entraba en la imagen se quedaba fuera o sea un poco mas abajo de la imagen. Pero aun asi esta muy bien pensaba que no lo conseguiría. Ah ya he visto yo también que los blogs de prueba estan inoperativos... Primero intenté hacer una prueba allí para ver como quedaba pero al guardar no me dejaba.
Gracias de nuevo Rosa! ;)

Gerardo

Rosa, esto es excelente. Aunque te doy una molestia: quisiera saber cómo se hace para poner, debajo del titulo de la entrada, solamente: Publicado por... o Por..., como he encontrado en algunos blogs.

¿Es posible?

Muchas gracias de antemano.

salytre

gerardo, en el post lo dice. Cada parte del código (ojala fuera html puro) es una cosa.
El publicado por , es el primero post-author

Bueno, yo toi liado ocn eso, pq para que queda bien hay q jugar un poco con el stilo, vamos a ver.. (¬¬)

TILIE

Hola Rosa!!
Acabo de cambiar mi Rounder2 por la 3 con tres columnas que publicaste. Todo bien salvo unos detalles de color que iré ajustando, y la imagen de la cabecera que arreglaré luego.
La pregunta es como saco el publicado por de debajo del título para ponerlo al final de la entrada. Lo contrario a lo que te preguntaron. Eso me corrió todos los títulos de cds que tenía puestos.
Gracias y un rebesote.

TILIE

Ya está Rosa!! Estoy aprendiendo muchísimo con tus tutoriales. Sobre todo a leer y prestar atención al HTML, y así pude localizar el "publicado por", y ponerlo otra vez en su sitio. Mis títulos volvieron a quedar como antes del cambio de plantilla! Muchas gracias!!!

Ordieres

Un gran blog, sin duda!

Va a mis imprescindibles y me sigo pasando.

Un saluddo!!

http://www.rinconwip.blogspot.com

Rosa

TLIE, que bien! Poco a poco y como tu dices, prestando atención, verás que vas "pillado" todo este ló de los códigos ;-)

Rosa

Gerardo, pues ya te ha contestado salytre en el comentario numero 5 :D

¡Gracias salytre!

Rosa

Ordieres, mil gracias! :-L

Javier Cercas Rueda

Hola Rosa, te traslado una cuestión que me preguntan. A mi no se me ocurre nada:

"Tengo una cuestión para ver si encuentras solución: he averiguado y comprobado que cualquiera puede hacer un comentario en un blog de blogger con el nombre y la dirección de otro, escogiendo la identidad "Nombre/URL", y aprovechar, si es un imbécil, para sembrar cizaña.

¿Cómo se puede evitar?"

Rosa

Javier Cercas Rueda , desgraciadamente así es, y la única forma de evitar esto es poniendo en Configuración-comentarios:
"Persona que puede realizar los comentarios"

Usuarios con cuentas de Google

Pero entonces quedarán restringidos solo a usuarios de Blogger...

PedroX

Hola Rosa, esto que te voy a decir no tiene que ver nada con este post:

Alguna vez has usado el Reproductor de Imeem?? Si lo has hecho, me puedes decir como hago para hacer uno con las canciones que tengo en mi PC??

Saludos!

djmosto

Hola Rosa, esa última me parece una buena pregunta, he estado echándole un ojo al imeem ese (menudo nombre) y tiene buena pinta. Ni idea de como integrarlo en le blog.
Pero más que nada quería agradecerte que me descubrieses lo de unión de blogers hispanos. Carmen me está siendo de mucha ayuda. Aunque ahora tengo el blog off, por culpa de intentar redirecionar a un dominio de acens. Si sabes algo del tema no te cortes!.
Un besote, se te sigue!

djmosto

Na, que lo de insertar en el blog es fácil.Supongo q para hacer uno con canciones desde el PC primero tendrá q subirlas al imeem ese y luego hacer una playlist de su lista. Por lo menos estoy viendo que tienen opción de upload, así que debe ser así. Lo que no sé es cuán de legal es subirse archivos de música así pq así. nO?

PedroX

Gracias Por Responderme DjMosto, yo también lo estuve probando, y el subí mis propias canciones, pero el gran problema que me dio, fue que muchas caniones se escuchaban solo 30 segundos... y a MUCHAS PERSONAS les pasa lo mismo, y lo peor es q es la pagina está en ingles y asi es mas dificil..

Saludos!

Gerardo

Ah, ya he comprendido.

Gracias Rosa, gracias Salytre.

isla_errante

vine a dejarte un besito ya te veo con la "niña de tus ojos" liadilla , se feliz

TILIE

Hola Rosa. Esta vez si que estoy despistada. Te pido que veas mi cabecera y me cuentes que pasó, y como solucionarlo. La reedité sin entrar en html, pero sigue igual. Apareció de golpe, esa repetición del título a continuación de la frase de descripción.
Gracias desde ya. Un beso grande.

Rosa

isla_errante, un besazo!
En cuanto pueda te devuelvo la visita...tengo ganas de ver como van tus "pantalones" :D

Rosa

TILIE ¿Has comprobado si en Configuración - Básico has colocado el título y la descripción en el lugar correcto?

Rosa

Pedrox, pues no tengo ni idea, la verdad, nunca me han gustado ese tipo de widget para el blog...a menudo solo hacen que retardar su carga.

Rosa

Djmosto, pues muchas gracias por haber probado el "inventillo" ese, je,je, estoy segura que a Pedrox le servirá lo que nos cuentas...

TILIE

Si Rosa, incluso he borrado y vuelto a poner todo como si fuera la primera vez.

Libertad

Rosa: gracias por el truco. Mi plantilla es de Blog and Web y si bien ya tenía el autor y las etiquetas debajo del título, el truco me sirvió para poner a las etiquetas en una segunda línea y que no quedara todo amontonado...
¡Muchas Gracias!! Saludos!

Rosa

Libertad , me alegra que te sirviese.
Saludos.

Rosa

TILIE, he visto tu blog y ahora en el lugar de la descripción está solamente "Mi música, tu música"...He mirado el código fuente y todo parece estar en su sitio...la verdad no lo entiendo, si ya has hecho eso en configuración, entonces será un error de Blogger supongo :-X

TILIE

Te digo Rosa que he intentado de todo. Terminé savando la descripción porque quedaba espantoso, y la puse en la marquesina. Hice varios cambios. Agregué una tira de fotos, pero me gustaría centrarla. ¿Se podrá? Gracias por todo Rosa. Rebesotes.

Rosa

Tlie, si te refieres al "Picturetrail" donde hay fotos de artistas, mete su código entre center y /center, así:

<center> Aqui todo el código que hace que se vean las fotos</center>

La bibliotecaria

Mil gracias por tu rápida respuesta... ¿como haces para dejarnos content@s a tanta gente...?
Aprovechando tu amabilidad y conocimientos te haré otra consulta:
Hace algún tiempo quise poner un menú horizontal, no me salió y lo dejé correr. Ayer quise probar otro... y tampoco me salió. Y al comprobar la plantilla ví lo que deben ser "los restos" del antiguo intento -y ahora también los del nuevo.
¿Podrías echarle una ojeada...?
http://colegasinvitados.blogspot.com

Rosa

La blibiotecaria, hasta donde yo puedo ver en tu código fuente, no veo ningún resto de nada de eso :-X

pilar

Rosa, me puedes decir como hacer para ocultar los nombres de las etiquetas de las entradas. Intente cambiar la letra por el color del fondo en formato pero me cambia todos los link y yo solo quiero ocultar las etiquetas que aparecen debajo de las entradas

Rosa

pilar, ve a la parte de edición (donde añades nuevos elementos), allí en la caja de entradas pincha en "editar" y desmarcas ahí la opción de mostrar las etiquetas.

Maryquylla

Perdona pero soy un desastre nunca me acuerdo de activar para que me avise de nuevos comentarios...ayer te pregunte como podia poner en una linea mas abajo lo de los comentarios...lo he estado buscando y no lo he encontrado el comentario...pero me he encontrado con este post...ya lo he conseguido...pero no sale al principio de la linea...Muchas gracias y perdoname...

Rosa

Maryquylla , pues recuerdo que te contesté, pero hija mía estoy como tu...ahora mismo no se donde fue...

Recuerdo que me decías también lo del cartel de suscribe, y te contestaba que estaba colocado en el lugar correcto, es decir, sobre las entradas, el problema es que arriba tienes ese slide y por eso se ve debajo de el...

Ya que te has guiado por esta entrada, fijate que más o menos donde dijo aquí que está lo de los comentarios, hay unas líneas, no seguidas, o sea, ves la primera y dependiendo del código irás hacia abajo un trozo para ver la otra...son estas:
<p class='post-footer-line post-footer-line-1'>

<p class='post-footer-line post-footer-line-2'>

<p class='post-footer-line post-footer-line-3'/>

Lo que esté debajo de line1 será lo primero en el pie del post, debajo de la segunda estará en segunda fila y así en la tercera... se que es algo complicadillo de entender y también de explicar, la verdad, así que si prefieres mandarme tu plantilla al correo, yo misma te lo podría colocar, eso si, que sea con los elementos expandidos y en el blog de notas, así no tendré ningún problema...

Princesa Yaquee

Hola Rosa: Hace mucho tiempo que no entraba a tu sitio...
Tengo un problemita cada vez que quiero hacer algo a mi blog aparece esto:
La plantilla no es válida porque la etiqueta "div" aparece dentro de la etiqueta "head".

Y no puedo avanzar... Por qué será??

Princesa Yaquee

Podrías ayudarme?? Sucede cuando quiero modificar algo con cualquier truco nada puedo hacer.....

Rosa

Princesa Yaquee , hace tiempo que se está dando ese problema en las plantillas de Blogger a las que se ha añadido algún div justo después del </head>
Normalmente sucede con el script para la fecha, que creo que es tu caso, así que has de mover ese script a justo después de <body>
El script que has de mover es este:

<script>
function remplaza_fecha(d){
var da = d.split(' ');
dia = "<div class='fecha_dia'>"+da[0]+"</div>"; //Le otorgamos una clase al día
mes = "<div class='fecha_mes'>"+da[1].slice(0,3)+"</div>"; //Le otorgamos una clase al mes
anio = "<div class='fecha_anio'>"+da[2]+"</div>"; //Le otorgamos una clase al año
document.write(dia+mes+anio);
}
</script>

Akemi

Hola Rosa!

Comencé ayer con ésto de los blogs sin tener ni idea de NADA, y gracias a tus trucos y tu paciencia ya he avanzado más de lo que podía imaginar, así que antes de nada GRACIAS por tener éste espacio, de verdad :)

Y ahora una duda que seguro es muy tonta pero no consigo dar con la solución!

Como puedo cambiar el color del texto que dice "Publicado por:"?
Estoy usando como base la plantilla mínima, y el color de ese texto solo consigo cambiarlo variando el del título de la columna lateral, o sea, están unidos.
He buscado y rebuscado y no consigo encontrar en el código el trozo donde añadirle un color personalizado al "Publicado...", podrías ayudarme?

.

Hace tiempo que intento solucionar un problema y no lo consigo. Como puedo hacer, de una forma no excesivamente complicada dado que soy novato, que se abran los enlaces y vínculos en otra ventana?

Gracias de antemano Rosa



Muy interesante tu página



Magtub

www.magtub.blogspot.com

Marce

Hola Rosa!
primero que nada, infinitas gracias por hacer de una persona que no sabía nada acerca de blogs, una persona mas entendida en el tema :P
Soy nueva en esto y me gustaría seguir aprendiendo.
Bueno mi duda, es que he tratado de poner los comentarios bajo la entrada, pero esto solo me lo reconoce para la pagina principal, ¿como puedo hacer para q en los otros links tambien me los deje de la misma manera? ya que hasta el momento solo estan bajo los post y encuentro que se pierde mucho.

Eres un gran aporte para mi!


www.stgotesorosvivos.blogspot.com

Rosa

Marce, en las otras páginas (archivos, etiquetas) es donde los comentarios se ven expandidos debajo de la entrada, es por eso que no sería apropiado que el enlace se viera debajo del título...

Rosa

. mira aquí a ver si te sirve:
http://elescaparatederosa.blogspot.com/2007/09/abrir-los-links-externos-en-pgina-nueva.html

Fidel056

ayudenme por mi mi blog no muestra, la hora de publicacoin de las entradas

Rosa

Fidel056 , para eso tienes que ir a "Diseño" y en el widget de Entradas pinchas en editar, allí marcas la opción para que se vea.

Birdelo

Rosa.-

Esto no me ha funcionado, aparecen todos los códigos, excepto el primero que corresponde al titulo de entrada, aunque me aparece uno similar.

Me puedes ayudar por favor?.-

Gracias, de ante mano!!!.

Rosa

Birdelo , en tu perfil hay unos cuantos blogs...¿cual es exactamente el blog donde no has encontrado los códigos?

Si la plantilla es original de Blogger, los códigos estarán, y si no, estarán en otro orden tal vez, pero han de estar...¿los has buscado con los artilugios expandidos?

Jklos

Aquí te dejo el código del premio BLOG DE ORO a tí otorgado por tu excelente trabajo


<a title="Edit Photos"></a><a href="http://blogentretenido.blogspot.com/" target="_blank" title="Edit Photos"><img alt="Premio oro" src="http://small.photo-1.blingeasy.com/images/bling/167448_Premio_oro.gif" title="Premio oro"/></a><a href="http://blingeasy.com/bling/167448_Premio_oro" target="_blank" title="Edit Photos"><br/><br/></a>

Saludos y a seguir como lo vienes haciendo hasta el día de hoy.

Carles

Hola Rosa. Ante todo felicitarte por tu trabajo y por la claridad de las explicaciones.
Y ahora mi problema....
Como puedo desplazar hacia la derecha la fecha y el comentarios? He colocado una imagen en el post-footer y justo donde queda no se puede leer pero un poco más a la derecha quedaria perfecto. Gracias de antemano.

Carles

De nuevo aqui Rosa. Finalmente he decidido cambiar el diseño del dibujo en lugar de la posición de las letras. Creo que opticamente está mejor. ¿Qué opinas tu?
Ahora el problema es....
Intento colocarle un borde pero me deja el dibujo cortado por la mitad. He intentado añadir un padding pero no lo consigo.
Mi post-footer actual es:

.post-footer { margin-bottom:78px;
margin-left:-20px;
font-size: 100%;
background-image: url(http://farm4.static.flickr.com/3018/3049348993_e6a67c2439_o.jpg);
background-position: top left;}

y lo que le intentaba añadir (sin buen resultado) es:

border:1px solid #000000;

¿Tienes alguna solución?.
LLevo muy poco tiempo diseñando el blog y la verdad es que.... Esto engancha!!!

Gracias

Rosa

Carles, pues no lo entiendo porque lo que haces está bien...debería verse el borde.:-X

Porque entiendo que lo colocas así ¿verdad?
.post-footer { margin-bottom:78px;
margin-left:-20px;
font-size: 100%;
background-image: url(http://farm4.static.flickr.com/3018/3049348993_e6a67c2439_o.jpg);
background-position: top left;
border:1px solid #000000;
}

Carles

Hola Rosa. A tu respuesta 52: si lo escribo como tu dices pero.... el resultado es que aparece un lindo recuadro y la imagen reducida y cortada a menos de la mitad de su altura.
¿Hay solución?
PD: Tal como lo tengo ahora me gusta pero reconozco que con el recuadro el diseño gana muchisimo visualmente.

Gracias de antemano como siempre.

Rosa

Carles, intenta poner un padding ahí para la parte superior y la inferior, algo así:
.post-footer { margin-bottom:78px;
margin-left:-20px;
font-size: 100%;
padding-top:30px;
padding-bottom:30px;
background-image: url(http://farm4.static.flickr.com/3018/3049348993_e6a67c2439_o.jpg);
background-position: top left;
border:1px solid #000000;
}

Carles

Hola Rosa. Que velocidad de respuesta la tuya!!
Pero... no funciona.
Tendras que probarlo tu misma cuando tengas tiempo y si puedes (faltaria más).
Yo he intentado incluso jugar con los numeros del padding... y no hay manera, el efecto es curioso.

Gracias.

Rosa

Carles, creo que ya lo tengo, el problema era el -20 en ese margin que no me había percatado de el, y eso hacía que se viese distintos en mi navegador además.
Coloca el post-footer así:
.post-footer {
height:120px;
margin-bottom:77px;
padding:10px;
font-size: 100%;
background-image: url(http://farm4.static.flickr.com/3018/3049348993_e6a67c2439_o.jpg);
background-position: top left;
}

Yo creo que así quedará bien y además se verá igual en los distintos navegadores...

Carles

Hola de nuevo Rosa.
Tienes toda la razón del mundo (como no!... ahora queda caaaasi perfecto :-)
¿Como tengo que hacer (siento ser tan pesado) para que las letras queden más arriba y no tan centradas en la imagen?

Grazie mille :D

Rosa

Carles, lo que hace que el texto se vea tan desplazado hacia abajo es la imagen que has puesto en la firma, esta imagen ocupa un espacio y ese espacio es entonces el que marca la distancia al borde...

De todos modos te comento algo...no se que navegador usas, yo uso Firefox3 e IE7 o sea, las dos últimas versiones y en los dos tengo problemas con tu imagen en la firma.
Firefox directamente no la muestra con lo que el problema que dices del texto centrado no se produce, claro que el lugar de la firma queda entonces vacio:
http://img134.imageshack.us/img134/1821/carlesfrxoq7.jpg

En cambio en IE la imagen muestra el famoso cuadradito con la cruz y el desplazamiento del texto es evidente:
http://img510.imageshack.us/img510/6865/carlesiexw7.jpg

Es muy difícil diseñar para ambos navegadores a la vez, por no decir casi imposible, eso si, lo que no me parece lógico de ninguna manera es intentar "apañar" el diseño para versiones "antiguas" de navegadores...lo normal es actualizarlos pues se supone que en las nuevas versiones se van corrigiendo fallos anteriores...

Alan

Rosa una pregunta...
Tengo una imagen de fondo en los titulos de mi blog, al hacer esto:
El publicado por.. Los comentarios y la hora quedarán también dentro de la imagen de fondo??????
o Q pASARÁ????

Rosa

Alan, no, estarán debajo del título y por tanto de la imagen de fondo de estos.

Alan

Ok, gracias rosa
ya lo he hecho en mi blog

Una pregunta...
Se le puede poner un color de fondo a esto????

Rosa

Alan, deberás darle una clase a ese código que has movido arriba.
Coloca, por ejemplo, al principio del código esto: <div class='post-footer2'> y al final: </div>

Luego añade en el ccs (antes de ]]></b:skin>) estas líneas de código:

.post-footer2{ background: #ddd; }

Cambias el color en #ddd

Alan

Gracias rosa
una cosa
Ya he puesto todo bajo el titulo, pero me queda muy abajo, muy cerca del post, y quisiera que queda exactamente abajo del titulo del post, como hago esto???
mira como quedo
www.hilarydufflatin.ya.st

Gracias x tu paciencia! XD

Rosa

Alan, intenta sacándolo del div, es decir, para que sea más fácil probar si resulta así y no tengas que "andar" mucho con el código, traslada esta línea:
<div class='post-header-line-1'>

a después de lo que has colocado, el autor, comentarios y demás...

Alan

No cambia en nada!!!

Rosa

Alan, a través de tu código fuente yo veo algo como esto:
<div class="post-header-line-1"></div>
Y luego los datos que has movido arriba.
Ese div de cierre </div> no debería estar ahí.

Adoradores

hay..lo iba a hacer.pero no encuentro ese codigo q dcien..ese span clas..en ningun lado

Adoradores

beno..ya encontre el codigo para agregarle la modificacion de la hora seguido del publicado por.era que no habia dado a lo de los artilugios..solo que me sale.no se puede guardar la plantilla ya que esta mal formada..algo asi

Rosa

Adoradores, algo has hecho mal. Repasalo!

Adoradores

mm.si..ya .kite kda codigo y lo puse como dice alli.cn el orden..pero ahora guarda..y sale error..con un codigo.q mal vale..me pasa asi kda vez q hago asi el procedimiento cm debes ser..ojala..lo haga despues y si no m salga error!

Adoradores

bueno..se arreglo..la hora..pero no la que yo keria..rosa amada.yo kiero es qdesaparesca la hora q sale en cada entrada.si va a el blog..la vera amada..es una hora.distinta a la q sale despues de el publicado por!,,.....

Rosa

Adoradores, tienes que deshacerlo de nuevo...¿es que no ves que has duplicado los códigos?

Adoradores

m..ps..si..amada..si m di cuenta de eso..por eso..es que deje d hacerlo..y simplemente los copiaba..y los kitaba..luego los insertaba en el orden q m dice el tuto..y nada..pero yo lo q keria..era anular el formato d fecha que tiene el blog..creo qno tiene q ver cn la fecha q sale despues d publicaod por..pro q es otra fecha..


les queria epdir un gran favor..ya que he visto una forma de sacarle mas provecho a mi blog.pues..vi otro.y me gusto cm era..ahora..yo no quiero ser copion..solo que me gusto..el que le haya cambiado el fondo a los laterales y asi se verian mejor..los articulos que se coloquen...

este es el blog amada
http://osdateledarriba.blogspot.com/
..quisiera tener los laterales de ese color..blanco..para que se vean los articulos mejor!..y tambiene l formato original de fecha que tiene en las entradas..si no es mucho pedir..


bueno a la comunidad de elescaparate..les queria decir..que para alojar codigos..fotos..temas...Etc..pueden crear una web gratis aki. www.paginawebgratis.es alli pueden crear un dominio con la finalidad de poder acceder a el editor de esta pagina que se ha creeado....insertar cualquier tema.sea de una web..de word !...o de donde sea bien centrado.y acomodado ...y convertirlos en codigos Xml..bueno..no se si les servira de ayuda..solo queria ayudar!...

Rosa

Adoradores, en el código de tu plantilla busca esto:
/*-- (Contenedor) --*/

#content-wrapper {
background: #fff url(http://bp3.blogger.com/_Zuzii37VUO4/R2oceijZEhI/AAAAAAAACfI/x74nGcN_GCY/s1600/bgc.gif) repeat-y center; width: 1000px; float: left; position: relative; padding: 0px;
}
Y borra la url de la imagen, solo la url, tiene que quedar así:
/*-- (Contenedor) --*/

#content-wrapper {
background: #fff ; width: 1000px; float: left; position: relative; padding: 0px;
}

Para que no salga la hora en las entradas ve al panel en la parte de Diseño (donde añades los gadgets) y en la cajita que dice Entradas del blog pincha en editar y ahí desmarca la opción de mostrar la hora.

Espero que te decidas ya por esa plantilla, cada vez que algo no te sale cambias de plantilla y eso me molesta bastante, ya que me tomo mi tiempo para ayudarte.

Adoradores

m...gracias amigaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa...y disculpa tantas molestias...otra ultima cosa.como hago para desaparecer eso de comentarios y entradas Rss debajo del buscador que no me gusta..!.,,porfiz!

Rosa

Adoradores, busca esto con los artilugios expandidos:
<div class='Syn'><div class='SynTop'></div>
<ul>
<li><a href='http://adoradores1.blogspot.com/feeds/posts/default'>Entradas</a> (RSS)</li>
<li><a href='http://adoradores1.blogspot.com/feeds/comments/default'>Comentarios</a> (RSS)</li>
</ul>

</div>

Y borralo por completo.

Adoradores

m...GRACIAS..I LOVE MUCH!..........
eres un amor..Dios te llene de vida en abundancia amen!..que buenos Aportes amada!.
te queremos mucho..cuidate..feliz noche!

Adoradores

Rosa..amiga..
hay posibilidad de que una entrada se publique..solo con el titulo..y que al darle a el titulo..esta se redireccione a otra?...

Rosa

Adoradores, no,eso no puede hacerse.
Puedes publicar una entrada sin título y dentro la frase que quieras en forma de enlace a otra entrada, es una idea..

Adoradores

aaaaaaaaaaaa..pero como ene ste blog
http://www.osdateledarriba.blogspot.com/#

yo me meto en el titulo de alguna..y me redirecciona para otra cosa que nada que ver con el blog.jejexD...mm.ami decime como el chico ese hiso para colocar la fecha de las entradas del ladito izquierdo que no se utiliza..si ami..porfa...q se ve bonito..jejexD..aprovechar ese espacio asi!,,

Adoradores

HolaRosa..le informo que ya no sere dolor de cabeaz para ud..jejexD..parecia un alumno suyo..jaja..he estado practicando en un blog d pruebas para aprender..he aprendido algunas cositas utilez..ya le cambie el color a ksi todas als cosas de mi blog..jejexD..pero tanto di..y no encontre para cambiar el color a amarillo.donde dice comentarios..claro.no el background hover..ni el primero ni els egundo.sino el color con el que se vera a simple vista donde 1comentario..poniendo eso como ejemplo...eso..y tambien lo de sobre como colocar la fecha de las entradas en el lado izquierdo que no se utiliza tal y como la tiene el blog este

http://www.osdateledarriba.blogspot.com/

tambien queria saber exactamente que parte del codigo debo cambiar para colocarle otro color a los menus..que se ven en blanco a simple vista..osea a las letras..que cn ese color blanco no llaman la atencion mucho..eso es todo ami....ggracias x todos los aportes..!...bendiciones!

Adoradores

ah..y la barra tambien la kieor poner amarilla amada hermosa..la que ud tiene debajo..en verde..xD...porfiz..ami
cuadno pueda escribe si!...xD

Rosa

Adoradores, vamos a ver...ese chico hace lo que yo te digo. Coloca el título de forma normal, y dentro de la entrada un enlace a otro sitio con el mismo texto que el del título.

Adoradores

ps..no se peor yo se que algunas entradas las tiene sin nada y con solo darle clik a el titulo salgo en otro blog..amiga..keria saber en que parte del codigo de mi plantilla puedo editar el color de la barra de el footer..osea en el copyrigh y esas cosas.tambien me dio curiosidad.sobre el como podes tener varias entradas en una sola..como cuando ingreso en algun menu..como el de trucos blog..entonces salen mcuhas entradas.o son enlaces?..no creo que sean enlaces..por que sin son los haces muy bien!. xD...jeje.Salu2

Adorador

Hola...bueno..ahora ya no toman en cuenta mis comentarios..:(


pero bueno!...

Salu2 a Todos!..
les queria preguntar

que parte del codigo tendria que modificar para cambiar el color a el titulo de las Entradas. el que se ve a simple vista..no el que cambia atravez de la link....

tambien queria saber
en que parte del codigo de la plantilla cambio el Color de la fecha de el post o Entrada a simple vista.tambien en que parte del codigo cambiar donde dice el numero de fomentarios que tiene cada entrada..a simple vista...gracias x Todo..se les quiere mucho!!

Salu2

Changaleona

Hola, Rosa, es la primera vez que comento, aunque he utilizado en innumerables ocasiones tus ayudas para perfeccionar mis blogs.

Tengo una duda: ¿cómo hacer que el texto "Publicado por (autor)" resalte? Ya sea en negrita, cursiva, o en otro color.

Espero tu respuesta lo antes posible. Gracias.

Rosa

Changaleona, si tu plantilla es de Blogger original, bastará con que coloques en el css de tu plantilla (antes de ]]></b:skin>) estsa líneas:
.post-author{
font-weight: bold;
color: #27707F;
}
Ahí le indicamos que el texto vaya en negrita y de color azulado, el color lo cambias sustituyendo el #27707F por el código del color que necesites.

RRS

Rosa, de nuevo necesito tu ayuda. resulta que en mi blog los elementos de pagina estan uno debajo del otro, como hago pra que me queden en la misma linea seguidos uno del otro. Gracias.

Rosa

RSS ¿Lo has intentado desde Edición? o sea, en la parte de tu panel donde se añaden los gadget hay un rectángulo que dice "entradas del blog" pincha ahí en "editar" y abajo verás los elementos, arrástralos con el ratón a la posición que quieres.
Si eso no funciona (últimamente no va demasiado bien esa parte) me lo dices y te indico como hacerlo desde el código de la plantilla.

RRS

Si Rosa, lo edito desde el gadget de la entrada y aparentemente se dejan mover pero cuando voy a vista previa o al blog estan en la misma posicion. Quedaron estaticos y uno debajo del otro.

Rosa

RSS, entonces tendrías que hacerlo desde el html de la plantilla en Edición de HTML localizas esta línea: <div class='post-footer'>

Hacia abajo de esa línea hay tres zonas, post-footer-line-1, post-footer-line-2 y post-footer-line-3
Cada una de estas zonas es como si fuera una línea de elementos del post-footer, si los mueves todos a debajo de la primera, saldrán entonces todos en la misma línea.

RRS

Gracias Rosa ya quedo. :)

Rosa

RSS, tengo que felicitarte, de verdad, porque después de leer mi respuesta pensé "uff, una explicación demasiado concisa"...

Mucha gente no habría sido capaz de hacerlo solo con eso, pero tu lo has hecho, lo que quiere decir que estás entendiendo la plantilla cada vez más:D

Yhonny E

Hola Rosa..no me gusta el publicado por.prefiero un Autor: Yhonny E jejexD.es poshible esho?....;)

Rosa

Yhonny E En tu panel ve a la parte de Diseño (donde añadimos los gadget) allí en el recuadro de "entradas del blog" pincha en "editar" y podrás cambiar eso.

rEaLiStA

Hola Rosa, es la primera vez que comento, aunque ya eh recurrido de tu blog en varias ocasiones.

Realmente me gusta tu blog y me parece muy útil, sigue asi y saludos.

Rosa

rEaLiStA Muchas gracias :D

ordago13

HOLA ROSA, DUDA RAPIDA Y ESPERO QUE SENCILLA... EL "PUBLICADO POR..." ME APARECE ALINEADO A LA IZQUIERDA...
¿COMO PUEDO HACER PARA QUE ESTE ALINEADO A LA DERECHA?

TIENES EL MEJOR BLOG DE AYUDA DE TODA LA RED...
GRACIAS¡¡¡

Rosa

ordago13 Localiza el código del publicado por (en esta misma entrada puedes ver cual es) y metelo en un div con el estilo a la derecha, así:
<div style=" text-align: right;">
Aqui el código del publicado por
</div>

Usa Vista previa por si acaso...

mimundodelana

Rosy:quisiera saber como puedo poner dentro de un borde(encuadrar) publicado por hora etiquetas y que quede todo mas juntido en mi blog esta todo muy separado ya me pase por todo tu blog y las respuestas que le das a otros novatos como yo pero no lo e conseguido loúnico que pude cambiar que me encanto fue ponerlos en minúsculas gracias Rosy:S

Rosa

mimundodelana Esos datos están incluidos en una parte del diseño de la plantilla que se llama post-footer, así que cualquier cambio habrá que hacerlo ahí.
Localiza esto en tu plantilla:
.post-footer {

Si por lo que sea no está, puedes añadirlo tu misma antes de ]]></b:skin> de esta manera para lograr el borde y la separación del contenido almismo:

.post-footer {
border: 1px solid #000000;
margin-bottom:20px;
margin-top:20px;
padding:8px 0 0 8px;
line-height:1.4em;
}

El color del borde lo he puesto negro (#000000) cambia ahí por el que tu quieras.

mimundodelana

Rosy necesito ayuda, socorro, hel,porfi me estoy quedando mas corta de vista de lo que ya soy, no logro que el publicado quede mas chiquito y juntitooooooo, para poder ponerle un borde porfi Rosy orientame ya probé con todo lo que me ayudaste y no hay caso .Besos besoossssss.

mimundodelana

perdon estoy tan loca que lo puse doble:o

Rosa

mimundodelana Yo no veo que hayas añadido el código que te dije en el blog... si lo haces correctamente, tendrías que ver algún cambio.

mimundodelana

Rosy: si que esta puesto por eso lo pude unir un poco porque estaba muchisimo mas alejado lo unico que le fui cambiando los numeros ya no se donde tocar besos Rosy.

Monica

Rosy: lo e podido achicar con las respuestas que le diste a RSS, pero a quedado muy abajo y ya no encuentro la forma de acercarlo al testo,¿como puedo aser ?desde ya muchas gracias por tu paciencia.Desde ahora comentare como Monica perdon lei en algun comentario no poner el blog:o

Rosa

Monica Puedes comentar con el nombre que quieras, incluido el del blog :D

En cuanto a lo que dices, has movido el código a después de post-footer-line post-footer-line-3
y tendría que estar después de post-footer-line post-footer-line-1

Monica

Gracias!!!! Rosy:ya he solucionado lo de mi blog con la ayuda a tus respuestas a (Manfenix)en la parte de fecha tipo calendario y gracias tambien a el por sus preguntas,dado las diferencias horarias yo estoy en Argentina y como trabajo de noche es cuando puedo meterme en mi blog te pregunto una noche y hasta la otra noche no se la respuesta,Besos Rosy,ya te estare molestando por alguna otra cosa,aunque no comente abro mi blog y abro el tuyo por las dudas.:):D

egoloco

Escribo el comentario de nuevo por las dudas...
lastima que no podamos acceder al maldito IFRAME jajaja
---------------------------------------
Hola Rosa, tengo una pequeña duda...

el post-footer en mi blog se muestra debajo del titulo del post y queria moverlo hacia abajo del post tal como aparece en el blog de Jmiur. Ya le he consultado a el sobre el tema, pero el codigo debajo de <div class='post-footer'> es bastante complicate!!

Rosa

egoloco Es bastante complicado en tu caso, ya que el footer incluye datos como la fecha-calendario que no deberían moverse...
Envíame si quieres tu plantilla para que yo misma haga las pruebas antes de indicarte que puedes mover y que no...
En el email recuerdame el motivo de tu consulta.

Martín Mundaraín

hola rosa, gracias por tal aportacion, hace dias estaba buscando este truco, SOLO QUIERO PERSONALIZARLE UNA COSITA. (Como hago para poner la fuente de la fecha, etiquetas, comentarios etc, mas pequeños?) ME AYUDARIAS..!!

Rosa

Martín Mundaraín Si me dices para que blog es, quizá podría mirarlo... tienes un montón de blogs en tu perfil.

zip

Disculpa Rosa, el blog es: http://revolucion-mundial.blogspot.com

Fackss

rosita bueno como siempre muchas gracias por tus entradas que me han ayudado mucho en esto.
bueno la pregunta es que en este post el Publicado por cambia de color al que tiene el texto y no queda del mismo color que antes...
como hago para que solo se traslade y no cambie el color?
gracias

Rosa

Fackss No debería de cambiar de color si has trasladado el código necesario:S

Martín Mundaraín

hola rosa, gracias por tal aportacion, hace dias estaba buscando este truco, SOLO QUIERO PERSONALIZARLE UNA COSITA. (Como hago para poner la fuente de la fecha, etiquetas, comentarios etc, mas pequeños?) ME AYUDARIAS..!!

el blog es: http://revolucion-mundial.blogspot.com

Rosa

Martín Mundaraín Colocando esta intrucción en el CSS yo creo que debería bastar:

#post-header-line-1{
Aqui los datos para los cambios
}

Fobos y Deimos

Que tal.

Acabo de toparme con este blog y la descripción pero yo tengo una duda.

Recientemente cambie la plantilla de mi blog por una que me agrado mas. El problema es que no sale la fecha de cuando se publico una entrada. Dicha "cosa" simplemente desaparecio despues que reemplace la plantilla y no se moverle mucho al codigo de la misma.

Me pueden decir como hacerle?

Gracias.

Rosa

Fobos y Deimos Cuando cambiamos la plantilla por otra que además no es original de Blogger, hemos de asegurarnos que tiene incluidos los datos que necesitamos...

Con las plantillas de artilugios expandidos, localiza esta línea:

<b:includable id='main' var='top'>

Debajo pegas esto y usas vista previa antes de guardar nada:
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>

La hormiguita

Hola, Rosa... una consulta, es posible sacar la entrada de etiquetas inferior y home y anteriores?
Otra cosita, usando la plantilla mínima, puse un menú de pestañas, pero quiero achicar el espacio qeu hay entre el header y el menú y el main y la siderbar... se puede?
gracias :)

Rosa

La hormiguita Acostumbra a dejar cada comentario en la entrada correspondiente o en su defecto a la que más se aproxime a la consulta... eso facilita mucho las cosas a quien viene en busca de respuestas y lee los comentarios anteriores...

Para ocultar esos enlaces, sigue esta entrada pero al revés, es decir, añadiendo el display: none:
http://elescaparatederosa.blogspot.com/2009/03/recuperar-los-enlaces-de-navegacion.html

Para achicar ese espacio necesitaría ver el blog, sino se exactamente en que zona has aplicado el menú, no se que valores tendrías que modificar..

Fon

Hola Rosa!

Lo primero, enhorabuena por tu blog, es simplemente el mejor.

Una dudilla, yo quiero hacer exactamente lo contrario que explicas en el post, es decir, que la fecha, el nº de comentarios y el comentado por aparezcan debajo del cuerpo de la entrada. Entónces, ¿tengo que hacerlo todo a la inversa?

Muchas gracias!

Rosa

FonAsí es, a la inversa... y esos datos deberías moverlos a debajo de
<div class='post-footer'>

Si tienes una línea como esta más o menos en esa zona, irían después de ella:
<p class='post-footer-line post-footer-line-1'>

Fon

Gracias Rosa, lo he peleado un poco y me ha salido!

Me puedes pegar el código para poner la fecha? Sólo la fecha, sin la hora. Es por si acaso lo pongo...

Muchas gracias!

Rosa

FonEs este el código:
<h2 class='date-header'><data:post.dateHeader/></h2>

Stella Contramaestre

Hola... Me gustaria que me explicaras cómo puedo dejar la entrada de comentarios siempre fija o al final de cada post.Gracias

Rosa

Stella Contramaestre ¿Qué es la "entrada de comentarios"?... si te refieres al formulario y los comentarios, están fijos después de cada post en todos los blogs de Blogger...:o

Machete

Me gustaría saber como puedo hacerlo sin que se me cambie el tipo y tamaño de letra. Cuando lo muevo se me cambia al tipo y tamaño del post o viceversa, el post al tipo del footer, depende de si lo pego encima o debajo de la linea del header. También he probado a moverlo entero con la apertura y cierre del footer, pero entonces no funciona.

Rosa

Machete Tendrías que controlarlo con CSS... ¿Concretamente que tratas de mover?

Machete

Trato de poner las dos lineas del post footer, debajo del título del post. Se a que te refieres pero mís conocimientos son limítados. Toco mucho la plantilla, pero siempre con tutoriales de ayuda. ¿Que debería de poner y exactamente donde?.

Rosa

Machete Si vas a mover todo lo del post-footer arriba, entonces tendrás que mover desde: <div class="post-footer">

hasta:

<div class="post-footer-line post-footer-line-3"></div>
</div>

Todo incluido...

el Chico Misterioso

se puede poner un borde entre cada label?

galacticgarden

Hola Rosa...Ya solucione el tema de las estrellas,salia doble porque resulta que la primera parte de las dos que hay que añadir la tenia duplicada..Bien,he cambiado las etiquetas del sitio habitual del blog a: bajo del titulo de la entrada..quisiera cambiar los comentarios tambien bajo del titulo de la entrada pero a la parte derecha..Me ayudas..Al mismo tiempo en el cambio que he hecho de las entradas me salen encima de "publicado por" puede ser debajo.. My blog es: http://lossonidosdemimente.blogspot.com y la plantilla es: Minima Lefty Stretch. SALUDOS.JOSE

galacticgarden

Ahhh,,por si sirve olvide decir que esta plantilla de serie : el publicado por ya viene bajo el titulo de la entrada.

Rosa

galacticgarden Supon que lo que te sale sobre el publicado por son las estrellas... bien, mueve su código a donde termina el del publicado por, que puedes ver cual es en esta misma entrada....

Para mover los comentarios, después de hacerlo tal como aquí explico, puedes probar a añadirle en la primera línea del código un float: right:

<span class='post-comment-link' style='float:right'>

galacticgarden

Hola Rosa..Gracias por todo..Las estrellas ya estan como mandan los canones,,no termina de gustarme la posicion de los comentarios a la derecha,,lo puse a continuacion de Publicado por..En resumen..me ha sido de gran ayuda tu blog y tus respuestas,,se lo recomendare a todos los que me pregunten y te deseo lo mejor.. SALUDOS

Karaokerilla ♪

Hola Rosa, primero que nada felicitarte por tan magnifico Blog, mi pregunta es, dónde puedo cambiar lo que dice en el horario? o sea en mi plantilla dice:

Publicado por en 10:20

Y quiero cambiar eso de en, por: 'A las 10:20'

De antemano gracias y que tengas x siempre días hermosos al lado de los tuyos!!

Rosa

Karaokerilla ♪ Ve a la parte de Diseño de tu panel, ahí en el gadget "entradas del blog" pincha donde dice "editar"... tu misma lo verás...

Karaokerilla ♪

Rosa Muy pero muy buen día para ti, y para todititos los que pasen por aqui!!...Millones de gracias eres un cielo!!...Todo ok! =)

Viri

Justo lo que buscaba :D
Mil gracias por tan buena explicación.
Saluditos...

Publicar un comentario en la entrada

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