56

Distinguir el autor de las entradas en un blog compartido

Supongamos que tenemos un blog compartido y queremos distinguir una entrada de otra, según el autor que la publique.
Podemos hacerlo con el color del texto, es decir, depende de quien publique la entrada, el texto del post se verá de un color u otro y con el background (imagen o color de fondo), que será distinto según sea el autor del post.

Para entender mejor el ejemplo, usaremos dos autores ficticios, a los que vamos a llamar Zipi y Zape.

Distinguir cada autor por el color del texto de sus entradas

En este ejemplo, los post que escriba Zipi, se verán con el texto en rojo y los que escriba Zape en azul.

[1] Vamos a la plantilla edición - HTML y expandimos artilugios.

En la parte del CSS, es decir, antes de ]]></b:skin> añadimos estas líneas de código:

.post-body-Zipi {
color:#ff0000;
}
.post-body-Zape {
color:#0000ff;
}

[2] Bajamos por nuestra plantilla hasta encontrar esto:
<b:includable id='post' var='post'>

Unas líneas más abajo, veremos algo así:
<div class='post-header-line-1'/>
<div class='post-body'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<div class='post-footer'>

[3] Cambiaremos esta parte para darle a cada autor la distinción para el uso de su color personal.
Quedará así:
<div class='post-header-line-1'/>
<b:if cond='data:post.author == "Zipi"'>
<div class='post-body-Zipi'><p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<b:else/>
<div class='post-body-Zape'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
</b:if>
<div class='post-footer'>


[4] Guardamos cambios.

Nota

* Cambiará automáticamente el color del texto de las entradas antiguas.
* Cuando usemos el "truco" hemos de escribir los nombres de cada autor exactamente igual a como aparece en la firma del blog.
* Si tenemos más de dos autores, simplemente hemos de repetir el código anterior para cada autor en el CSS, y dentro del código html, antes del último </b:if> el código necesario para los demás autores.
Por ejemplo, si tenemos un nuevo autor "Mortadelo", en el CSS, debajo de las otras líneas, añadiríamos:
.post-body-Mortadelo {
color:#0000ff;
}

y en el código html añadiríamos esto:
<b:else/>
<div class='post-body-Mortadelo'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

Distinguir cada autor por el color de fondo en sus entradas

[1] Los pasos a seguir serán los mismos que para el color del texto explicados anteriormente, con la diferencia de que en el código del CSS, lo que tendremos que añadir será esto:
.post-body-Zipi {
background:#ddd;
}
.post-body-Zape {
background:#000;
}

En este caso cada vez que Zipi publique una entrada, esta tendrá su fondo de color gris clarito (#ddd;) y cuando sea Zape quien lo haga, el fondo de su entrada se verá de color negro (#000;).

Distinguir cada autor por la imagen de fondo en sus entradas

[1] Al igual que antes solo cambiamos el código del CSS, que quedará así:
.post-body-Zipi {
background: url(Direccion_de_la_imagen);
}
.post-body-Zape {
background: url(Direccion_de_la_imagen);
}

Entradas Relacionadas:

56 comentarios:


.::AnDyy::.

woOoRaLe


SUPer padre


y a tiempo jejeje


xk ayer comparti mi blog con un amigo =D jejeje


k koinsidencia verdad :) jejeje


usted lo sabe todo ;)



adiios..


por cierto sirve


si compartes el blog en mas de una persona???


bueno adiioos



y feliz año nuevo..


bueno no se si ya es o paso en españa


jejeje


adiios :)

BUKOWSKI

Enhorabuena, gracias por tu esfuerzo. Un abrazo y los mejores deseos para el nuevo año que ya esta tocando en la puerta.

E Bosch

¡Que divertida la referencia a Zipi y Zape! Tengo que recordar incluir al gran Escobar en mi blog.

Besos!!!

kissu&padam

buenasss rosa que taaal

mira te dejo un enlace. Hace mucho te pregunté si existía algún widget para blogger como los de wordpress, que te dice cuales son los posts más leídos sin tener que ir actualizando a mano... he descubierto que existe uno que hace esto, aunque creo que hace las "estadísticas" diariamente. Lo estoy usando de momento, a ver qué, porque hacerlo a mano es un coñazo. Lo he leído en...

http://lablogueria.blogspot.com/2007/12/widget-para-blogger-posts-favoritos.html

hasta pronto!

kissu

Rogelio

Muy interesante como le das forma al reducido grupo de instrucciones que da blogger.
Por cierto, no tienes un formulario de contacto o algo asi.

Rosa

anddy Gracias, aquí aún no ha llegado el año nuevo, je,je.

Rosa

BUKOWSKI , canallete, cuanto bueno por aquí...un abrazo!

Rosa

E Bosch , me encantaban los gemelos de más peque, ahora prefiero a Mortadelo ja,ja, aunque mi favorita era la parte de atrás de los TBO ¿te acuerdas? "13 Rue del Percebe".

Rosa

Kissu, lo he visto, solo que me gustaría mucho más un script o código que hiciera eso sin usar un servicio externo, a veces ralentizan bastante la carga del blog si su web no anda bien...

¡Gracias y feliz Año!

Rosa

Rogelio, si quieres contactar conmigo en el menú flotante está mi correo.

Un saludo!

Mauricio

Hola Rosa, pues no se si se pueda pero quisera saber si hay un código para Blogger que muestre y se actualize en "tiempo real" el numero de entradas y comentarios que hay en el blog, para ponerlo en una pequeña sección de estadísticas y que muestre algo así:

Comentarios:121
Entradas:346

Espero puedas resolver mi duda. Gracias desde Sector Visual

Rosa

Mauricio,pues lo siento, pero ahora mismo no se de ninguno... :-(

Mauricio

Bueno ya será después...de todos modos gracias :P

E Bosch

Estaba genial la contraportada del Tio Vivo. A mi me encantaban el gato y la rata del tejado!

Xkalibur

Felices Fiestas Rosa!!

Alvaro

Buenas:

Resulta que quería saber si puedes ayudarme con un problema que tengo en mi blog con las etiquetas que coloco a pie de post.

Verás, a mí me gutaría poner las etiquetas arriba de lo de "publicado por" y "comentarios", pero no me deja. Me obliga a poner todos los elementos de pie de post en el campo gris. Es decir, me gustaría tenerlo como los blogs www.planetaaxel.blogspot.com, www.futboldejavi.blogspot.com ó www.futboldeactualidad.blogspot.com

Cuando estoy en "añadir y organizar elementos de página" y quiero cambiar de posición los comentarios, las etiquetas, el "publicado por" y los demás elementos de a pie de post, supongo que tengo que darle a "Editar" en "Entradas de blog". Pues no me deja cambiar de posición ninguno de esos elementos.

Espero que me haya explicado bien y que puedas ayudarme.

Un saludo y gracias de antemano.

Alvaro

Si logras encontrar el problema, házmelo saber mediante un comentario en mi blog o un e-mail a faltadirecta@gmail.com ó alvarito_de_jerez_94@hotmail.com

Muchas gracias una vez más ;)

Rosa

Alvaro, mira Blogger lleva tiempo dando problemas con eso, o sea, que no eres el único al que le es imposible cambiar esa parte desde edición. Si no quieres esperar a ver si Blogger se decide a revisar esto, lo único que puedes hacer es hacerlo tu mismo "a mano" desde el HTML de la plantilla.

Te explico:

1- Ve a la parte de editar-html de la plantilla, expande los artilugios y busca esto:

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

Más abajo verás la parte del código que controla tus etiquetas, que es esta:

<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>

2- Copia todo ese código y borralo después.

3- Pega el código que acabas de copiar justo encima de esta línea (están algo más arriba en la plantilla):

<div class='post-footer'>

USA LA VISTA PREVIA ANTES DE GUARDAR

Rosa

Xkalibur, felices fiestas para ti tambien! y gracias!

Alvaro

Lo he logrado Rosa, muchísimas gracias!!

FELIZ AÑO NUEVO!!

Alvaro

Ahora lo queocurre esque las etiquetas están demasiado unidad al campo gris. También antes de "etiquetas" me aparece un "<".
Si puedes decirme cmo separarlo y como quitar ese <, te lo agradecería el doble jajaja.

Muchas gracias.

Rosa

Alvaro, fijate que en el código de las etiquetas (el que cambiaste de sitio) la primera línea tiene esa > delante, borrala y ya está:

><span class='post-labels'>


Para colocar distancia entre las etiquetas y el pie del post, en tu plantilla localiza esta parte:

.post-footer {
background: #eee;
margin:0;
padding-top:2px;
padding-right:14px;
padding-bottom:2px;
padding-left:29px;
border:1px dotted #bbbbbb;
border-width:1px;
font-size:100%;
line-height:1.5em;
color: #666;
}

¿Ves la tercera línea que pone "margin:0;? Cambiala por:

margin-top: 10px;

Si quieres mayor distancia, cambia el 10 por un número mayor.

¡Suerte!

Alvaro

Joder Rosa, eres una máquina. Muchísimas gracias de verdad.

Ahora ya me dices como echar un poquito para la derecha las etiquetas... y te hago un monumento jajajaja ^^

Un beso.

Alvaro

Rosa te amo, te adoro, eres mi ídola jajajajajajaja. Toda la suerte del mundo en 2008 para tí y los tuyos!!! Jajajajajajaja

Muchísimas gracias.

Un beso.

Rosa

Alvaro, fallo mio...XD, el código no está pegado exactamente donde debería.

Mira, localiza otra vez el código de las etiquetas:

<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 copias de nuevo, borras después y vamos a pegarlo un poquito más arriba, justo después de:

<!-- clear for photos floats -->

Creo que así estará...usa la vista previa a ver que tal...

Rosa

Gracias Alvaro!

Gem@

!!Feliz año nuevo Rosa¡¡

Loreto

Rosa,
A veces me doy una vuelta por tu blog, es buenisimo como todos dicen, pero queria dejar un mensaje deseandote muchas bendiciones para el 2008 y siempre. Eres muy buena onda al entregar tus conocimientos asi...gratis y con paciencia para responder. God bless you Rosa! Desde California un gran abrazo!!!

Palomas

Rosy, Rosy, como vas?, quiero dejarte parte de los deseos para el año que empezamos:
Pasión, estímulo en lo que emprendas; Amor, instrumento esencial; Logro, fruto de tu empeño; Oportunidad, similar a la de los demás; Maravilla, que te siga sorprendiendo la vida; Afecto, seguro lo necesitas; Sonrisa, reír es un Don; Dignidad, a pesar de todo no la pierdas; Éxito, en tus convicciones; Perspicacia, talento en tus actos con los demás; Amistad, que siempre te acompañe; Placidez, serenidad para proceder; Energía, el empuje para volver a empezar; Luz, inspiración, inspiración...Abrazos y Besos.

Rosa

Palomas, me has dejado KO, la verdad...con que se cumplieran la mitad...

¡Un abrazo supergrande y Feliz Año!

Por supuesto que tus deseos para mi se vean cumplidos para ti misma. :-)

BUKOWSKI

Que los Dioses de la Utupia, te regalen tus deseos mas abruptos, y que el nuevo Año que esta a punto de parir la existencia sea lo que el destino te quiera dar. Lo que nadie podrá dudar ni arrebatarte, son los besos que te envio, desde el otro lado del escepticismo.Que el año 2008 sea el encuentro de nuestras conciencias y nuestras palabras..un brindis por lo que llamamos amistad. Cuidate mucho y ten en cuenta que al otro lado de la indiferencia, tienes un complice.

(Yolanda) Cabalas Virtuales

Te he mandado un email y como me digas que NO te empiezo a llamar Margarita eha!!jojojo Muy Buena noche mañana y felices dias posteriores que el 2008 sea mejor que ningún año, y se cumplan todos tus deseos.

Un besazo

Xkalibur

FELIZ 2008!!!

Yo!

Hola Rosa! Te deseo un Feliz Año, que venga colmado de salúd, prosperidad y bendidiones para ti y tus seres queridos. Besitos!!

Amaru

Gracias siempre por la preocupación y la ayuda que prestas.

Me gustaría hacer algo parecido, pero en vez de cambiar el color del post me gustaría cambiar el color del autor del post y quizá ponerle una imagen como un pequeño avatar.

He estado probando -jugando- un poco con algunas cosas, pero no logro dar con los códigos correctos. Ojalá y puedas ayudarme.

De antemano muchas gracias. Ah, y felicitaciones por el blog y por el "directorio de ayuda", que es una verdadera joya.

Amaru

Se me olvidó decir que era para el blog lumitante.blogspot.com, por si acaso sirve :)

Rosa

Amaru, lo siento, de momento no puedo ofrecerte lo que pides. Llevo tiempo haciendo pruebas sobre esto y aunque creo que estoy en buen camino, aún no he conseguido algo apropiado.

Amaru

Gracias de todos modos.

:D

Charete

Hola Rosa y blogeros del escaparate, qué tal. Necesito una ayuda con este tema. No soy capaz de hacer que las entradas mías y de mi marido sean de distinto color, lo he realizado todo como biene explicadito en el blog, pero no me hace nada y lo más curioso del tema es que he creado un blog de prueba, con la misma plantilla y me sale perfecto "http://jihuating0102.blogspot.com/", es el nombre original chino de mi primera hija no os asustéis.

Además, tampoco puedo ver en las entradas de mi blog "http://susanaymarta.blogspot.com/" las informaciones de (Publicado por ......; en 00:00; el icono de un sobre para envío de entradas por correo electrónio a un amigo; ni lo vínculos a cada entrada), ni modificarlos, ni eliminarlos del blog ni nada de nada, no puedo hacer nada, marco la casilla correspondiente en "Configuracion/plantilla/Entradas/Editar", pero nada de nada y lo más curioso es que en el blog de prueba, tambien puedo verlos, perfectamente, quitarlos, volver a añadirlos, etc...por lo tanto creo que tengo que tener la plantilla mal o algo no funciona.

Me ha costado muchísimo esfuerzo tener el blog como lo tengo actualmente, incluso he tenido que volver a subir todas las imágenes del mismo, ya que por error, borre el Álbum de Picasa que las contenía, en fín que me da bastante miedo tocar algo y que se "joda" todo el invento.

ALGUIEN PUEDE AYUDARME POR FAVOR, OS LO AGRADECERÍA ENORMEMENTE.

PD.: Rosa, si mi marido te ha enviado otro correo parecido a este siento la duplicación.

Cáceres 28/01/2008
Las 02:52 de la madrugada, ya no puedo más, me voy a dormir.

Un saludo a todos.

Charete

Lo siento, hoy es ya Domingo día 27 de enero de 2008 y no lunes como he puesto, estoy ya que me caigo de sueño.

:-)

Nishibu

Hola Rosa! Muchisimas gracias por este post!
Sólo una cosita: nosotros somos más de dos autores. He probado a hacer uno con b:if y el resto con b:else, pero no ha funcionado.
Lo he conseguido poniendo a cada autor con su propio b:if, quizá deberias cambiarlo ^_^

También estoy intentado ponernos una imagen de avatar en lugar de un color o un fondo... todavía lo estoy probando xD

Rosa

Nishibu, gracias por tu aporte. Intentaré comprobarlo porque, para ser sincera, me dejé guiar por un colega que lo hizo con cuatro autores (yo solo lo pude probar con dos) y, según el, funciona bien, claro que es una plantilla original de Blogger casi sin modificar...lo dicho, intentaré comprobarlo por mi misma.

F.Melero

Gracias por el truquillo, lo buscaba hace mil y no encontraba nada el respeto, de momento me funciona pero aun no lo he probado con mi compañero, ya te contare

Rosa

F.Melero, pues me alegro mucho y gracias por enviarme el email confirmandomelo.
Un saludo.

F.Melero
Este comentario ha sido eliminado por el autor.
F.Melero

Disculpa Rosa, coloque un mensaje donde no correspondia, el caso es que no me funciona ya que el color de fondo no cambia, solo si pongo por ejemplo a Zippi y a Zappe el amarillo se cambia y para todos el amarillo pero para uno amarillo y para el otro blanco es imposible...no lo hace...porque puede ser?

Rosa

F.Melero, supongo que estás haciendo las pruebas correctamente, es decir, en el blog han de tener permiso para publicar dos personas, una que es el autor del blog y otra que está , digamos como invitado, cuando publica uno u otro ha de hacerse desde cada cuenta de Google correspondiente, cadauno con su contraseña y demás, para que el código los distinga.
Si es así como lo estás haciendo, entonces he de pensar que algo no está correctamente colocado...

F.Melero

Si además coloque correctamente los nombres de los autores tal y como aparece en el perfil, por cierto, he estado pensando ya que somos ya 3 autores distintos y el fondo igual quedará demasiados colorines, cabe la posiblidad de que se pueda cambiar el color de fondo donde pone el título de la entrada

www.cienciasonido.blogspot.com

es decir la tabla roja en la que esta el título de la entrada, para cada autor que cambie el color...

o alguna otra forma que no sea las ya expresadas para distinguir a diferentes autores..

un saludo! (agradeceria si cabe la posibilidad de cambiar el color de la tabla para cada autor)

un saludo y gracais!

Rosa

F.melero, de momento es la única forma que conozco, llevo tiempo haciendo pruebas para conseguir mostrar la imagen del perfil de cada autor según quien publique la entrada...hasta el momento sin éxito.
Entre otras cosas porque mi tiempo es bastante limitado con los blogs que llevo, las consultas, mi vida "normal" y demás...

F.Melero

De acuerdo Rosa, pero como puedo solucionar mi problema?

No puedo tener por ejemplo las entradas de Zippi azules y las de Zappe rojas poruqe no me deja, en todo caso me deja las de Zipp y Zappe en rojo o todas en azul, pero no por separado, que puedo hacer?

Rosa

F.Melero , pues no se que decirte...se supone que debería verse la de cada uno en su color correspondiente, desde luego antes de publicarlo lo probé yo misma con éxito, he intentado acceder a un blog que se, o al menos hace un par de meses, que lo está usando pero lo han puesto en privado...lo siento, no se que más decirte.

**Junizhito¡¡¡

ola Soy Junir, realmente muy wenos todos los trucos, kisiera hacerte una konsulta weno tengo un blog y ultimamente eh añadido muchos autores, tendras algun codigo para k estos autores puedan ver kuantas letras llevan subidas kosas asi, y si puedo hacer un top de los k suben mas kanciones, una duda mas komo puedo saber kual de mis kanciones tienes mas visitas weno muxas graxias y esperando tu respuesta bye Junior

Rosa

**Junizhito¡¡¡ , no, no conozco nada para hacer eso.
En cuanto a las canciones más vistas, mira si te sirve esto:
http://elescaparatederosa.blogspot.com/2008/10/entradas-mas-populares-widget.html

**Junizhito¡¡¡

weno igualmente graxias por todos los trucos, suertes y exitos bye

Uve

Hola rosa

estoy intentando implementar esto en este blog

http://postyenodeblog.blogspot.com/

la unica vez que he conseguido que la plantilla se guardara, y se viera el efecto, las entradas se han duplicado todas, una se veía normal (con el color negro que estan actualmente) y en la otra entrada se veían con el color que habiamos seleccionado...

¿Qué puede ser?

Rosa

Uve, no se porque se duplican, es raro...de todos modos esta entrada es algo antigua y quizá como los códigos de Blogger han cambiado desde entonces igual el resultado no es el esperado...

¿Has visto este script?
http://elescaparatederosa.blogspot.com/2008/09/imagen-propia-en-las-entradas-para-cada.html

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