92

Marcadores sociales con efecto opacidad

Bastantes personas últimamente se han interesado por colocar los marcadores sociales en sus blogs con el mismo efecto de opacidad que tengo añadido en El Escaparate.
Voy a daros los códigos HTML y CSS necesarios para colocarlos tal como están los míos, si luego no os interesara mostrar un determinado marcador, bastará con eliminar la línea correspondiente desde <li> hasta </li>.

[1] Colocamos estás líneas de CSS dentro de nuestra plantilla, antes de la etiqueta ]]></b:skin>:

/* Marcadores sociales
--------------------------- */
.marcadores ul{ font-size:100%; display:inline; margin:0pt !important; padding:0pt !important}
.marcadores li{ background:transparent none repeat scroll 0%; display:inline; list-style-type:none; margin:0pt; padding:2px}
.marcadores img{ border:0pt none; float:none; margin:0pt; padding:0pt}
.marcadores-sociales{ opacity:0.6; filter: alpha(opacity=60);}
.marcadores-sociales:hover{ opacity:2; filter: alpha(opacity=200);}

[2] Localizamos ahora esta línea dentro del código de nuestra plantilla con los artilugios expandidos:
<p class='post-footer-line post-footer-line-3'/>

Y sobre ella pegamos el código para mostrar los botones de los marcadores sociales:
<!--Marcadores sociales -->
<div class='marcadores'>
Enviar a
<ul>
<li><a expr:href='&quot;http://meneame.net/submit.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Agregar a Meneame'><img alt='Agregar a Meneame' class='marcadores-sociales' src='http://img181.imageshack.us/img181/3083/meneamehm7.gif'/></a></li>
<li><a expr:href='&quot;http://www.technorati.com/faves?add=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Agregar a Technorati'><img alt='Agregar a Technorati' class='marcadores-sociales' src='http://4.bp.blogspot.com/_8PJ-pgoBhWQ/R0ODcbltUKI/AAAAAAAACn0/weLnLJlJY7k/s200/technorathy.jpg'/></a></li>
<li><a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Agregar a Del.icio.us'><img alt='Agregar a Del.icio.us' class='marcadores-sociales' src='http://4.bp.blogspot.com/_8PJ-pgoBhWQ/R0OD8bltUOI/AAAAAAAACoU/da4tqMev6zA/s200/deliciogl4.gif'/></a></li>
<li><a expr:href='&quot;http://digg.com/submit?phase=2&amp;amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Agregar a DiggIt!'><img alt='Agregar a DiggIt!' class='marcadores-sociales' src='http://4.bp.blogspot.com/_8PJ-pgoBhWQ/R0OEMbltUPI/AAAAAAAACoc/Nc7aitpOiZw/s200/diggjf4.gif'/></a></li>
<li><a expr:href='&quot;http://myweb2.search.yahoo.com/myresults/bookmarklet?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Agregar a Yahoo!'><img alt='Agregar a Yahoo!' class='marcadores-sociales' src='http://4.bp.blogspot.com/_8PJ-pgoBhWQ/R0OFJbltUUI/AAAAAAAACpE/u3XUXpq-cAI/s200/yahooyb7.png'/></a></li>
<li><a expr:href='&quot;http://www.google.com/bookmarks/mark?op=edit&amp;output=popup&amp;bkmk=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Agregar a Google'><img alt='Agregar a Google' class='marcadores-sociales' src='http://2.bp.blogspot.com/_8PJ-pgoBhWQ/R0OER7ltUQI/AAAAAAAACok/oIqBV3hvsTo/s200/googleoq9.png'/></a></li>
<li><a expr:href='&quot;http://www.furl.net/storeIt.jsp?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Agregar a Furl'><img alt='Agregar a Furl' class='marcadores-sociales' src='http://3.bp.blogspot.com/_8PJ-pgoBhWQ/R0OF3LltUXI/AAAAAAAACpc/Ujlrak5C8k0/s200/furlee5.png'/></a></li>
<li><a expr:href='&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Agregar a Reddit'><img alt='Agregar a Reddit' class='marcadores-sociales' src='http://3.bp.blogspot.com/_8PJ-pgoBhWQ/R0OF-LltUYI/AAAAAAAACpk/UKSeg7d1aqE/s200/redditse1.png'/></a></li>
<li><a expr:href='&quot;http://ma.gnolia.com/beta/bookmarklet/add?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Agregar a Magnolia'><img alt='Agregar a Magnolia' class='marcadores-sociales' src='http://4.bp.blogspot.com/_8PJ-pgoBhWQ/R0OGIbltUZI/AAAAAAAACps/4O4O6uFkcT8/s200/magnoliaho5.png'/></a></li>
<li><a expr:href='&quot;http://www.blinklist.com/index.php?Action=Blink/addblink.php&amp;Description=&amp;Url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Agregar a Blinklist'><img alt='Agregar a Blinklist' class='marcadores-sociales' src='http://4.bp.blogspot.com/_8PJ-pgoBhWQ/R0ODsbltUNI/AAAAAAAACoM/1kkiZl7g3P4/s200/blinklistspk5.png'/></a></li>
<li><a expr:href='&quot;http://blogmarks.net/my/new.php?mini=1&amp;simple=1&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Agregar a Blogmarks'><img alt='Agregar a Blogmarks' class='marcadores-sociales' src='http://4.bp.blogspot.com/_8PJ-pgoBhWQ/R0ODjbltULI/AAAAAAAACn8/cPI6nrIzbWo/s200/blogmarksus8.png'/></a></li>
<li><a expr:href='&quot;http://tec.fresqui.com/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Agregar a Fresqui'><img alt='Agregar a Fresqui' class='marcadores-sociales' src='http://2.bp.blogspot.com/_8PJ-pgoBhWQ/R0RQUrltUcI/AAAAAAAACqE/6tHaBcKcyRs/s200/freski.PNG'/></a></li>
<li><a expr:href='&quot;http://promotingblogs.com/submit.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Agregar a Promoting Blogs'><img alt='Agregar a Promoting Blogs' class='marcadores-sociales' src='http://2.bp.blogspot.com/_8PJ-pgoBhWQ/R0OEZ7ltURI/AAAAAAAACos/PoC_Hn_rPI0/s200/pb16x16it8.png'/></a></li>
<li><a expr:href='&quot;http://www.mister-wong.es/index.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Agregar a Mister Wong'> <img alt='Agregar a Mister Wong' class='marcadores-sociales' src='http://4.bp.blogspot.com/_8PJ-pgoBhWQ/R0ODnbltUMI/AAAAAAAACoE/1ohtyPM3zD4/s200/18mrwongua3.gif'/></a></li>
<li><a expr:href='&quot;http://www.webeame.net/submit.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Agregar a Webeame'> <img alt='Agregar a Webeame' class='marcadores-sociales' src='http://4.bp.blogspot.com/_8PJ-pgoBhWQ/R0OE0bltUTI/AAAAAAAACo8/VhIugHAA10Y/s200/nogravatar220aj1.jpg'/></a></li><li><a expr:href='&quot;http://www.wikio.es/vote?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Agregar a wikio'><img border='0' class='marcadores-sociales' src='http://4.bp.blogspot.com/_8PJ-pgoBhWQ/R0OFebltUVI/AAAAAAAACpM/zYz0A1XfHMw/s200/wikio2.gif'/></a></li>
<li><a expr:href='&quot;http://www.enchilame.com/login.php?return=/submit.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Agregar a Enchilame'><img border='0' class='marcadores-sociales' src='http://1.bp.blogspot.com/_8PJ-pgoBhWQ/R0RYRbltUdI/AAAAAAAACqM/tMdnCA9AWLg/s200/enchilame.jpg'/></a></li>
<li><a expr:href='&quot;http://barrapunto.com/submit.pl?story=&amp;subj=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Agregar a Barrapunto'><img border='0' class='marcadores-sociales' src='http://1.bp.blogspot.com/_8PJ-pgoBhWQ/R0RYgbltUfI/AAAAAAAACqc/gBnwQ_mpddc/s200/Nombre3.jpg'/></a></li>
</ul>
</div>
<!--Marcadores sociales -->


¡Gracias Fernandooo1!redface

Entradas Relacionadas:

92 comentarios:


Fernandooo1

¡Otra razón más para cambiarse a Firefox!

¡IE sí que saca canas!

Rosilla, recordando por allí (de entre los miles de widgets que he visto, revisto, usado y reusado), no servirá esto...

.marcadores-sociales{
opacity: .60; /* opacidad para Firefox */
filter: alpha(opacity=60); /* opacidad para Internet Explorer */}

.marcadores-sociales:hover{
opacity: 2; /* opacidad para Firefox */
filter: alpha(opacity=200); /* opacidad para Internet Explorer */}

(No estoy seguro del 200... pero como he visto siempre este: /* opacidad para Internet Explorer */ en varios trucos con opacidad... pues se me ocurre que serviría.

Saludos Rosa,

Rosa

Fernandooo1, pues si que sirve como dices, y por cierto que podría haberlo incluido en el código, mea culpa, ni siquiera lo pensé, o me lancé a lo más fácil (copy y paste) es que estos días ando de tiempo escaso que ni te imaginas...
Dió la casualidad que en dos días cinco personas me pidieron el código de los míos, así que lo copié y listo. :-$

Fernandooo1

Por nada Rosa ;)

Si me he dado cuenta de esto ha sido por el conocimiento que me has impartido. :D

Así nos pasa,

¡Saludos!

Yo misma

Mmm, la verdad es que voy a plantearme esto de poner el filtro de opacidad... quizá sin él queden tanto iconito un poco chillones, gracias Gran Rosa!!!

Rosa

Fernandooo1, que no, que eso son tus neuronas :D
Si es que no se puede andar con prisas XD, fíjate que siempre he aplicado el "hack" para IE de opacidad, de hecho en las entradas que tengo sobre imágenes con opacidad lo hice y, en cambio, hacía mil que tenía los marcadores sin el "filtro".
¡Que asco tener que estar todo el día pensando en "apañar" para el IE!:-P

Rosa

Yo misma, la verdad es que cuando hay muchos como es mi caso, sin la opacidad quedan un poco...¿ demasiado chillones?:-X

Fernandooo1

Tienes toda la razón... la vez pasada incluso leía una parodia de esta situación (en un blog en Inglés).

Salía un círculo pastel (ese de estadísticas) y le atribuían como 30% del tiempo de "Blogging" a pensar/corregir cómo se verá en Internet Explorer.

¡Qué les cuesta seguir con los estándares!

Qué triste.

Juanjo

Por favor Rosa se que estas liadilla pero he mirado que poner los smiles en los comentarios es un poco lioso, qquería poner estos los que tú usas; estos smiles

Jorge Pareja

Rosa,

De nuevo Jorge Pareja, de alambre politico, con lo de el recuadro de los marcadores sociales no se pudo hacer nada, pero ara sorpresa mia ensayo estos con efecto de opacidad y me salio muy bien...

Mil gracias de nuevo.

un beso!!!

Cordial saludo,

JORGE PAREJA

Gothikka

Ya se que andas algo liadilla, pero es que no tengo ni idea de que puedo estar haciendo mal. Cada vez que pongo el código los marcadores me aparecen en vez de en una fila, en una columna y encima sin opacidad :S. Si tienes algun ratillo podrias decirme que hago mal??

Muchas gracias!!!

Juanjo

Buenas acabo de intentar lo de poner los smiles que dices de "Vagabundia" los que tu usas en tus comentarios de esta pág. pero me sale como un widget en la sidebar... me hechas una mano¿¿??

Rosa

Juanjo, antes de nada ¿te has descargado el archivo que dice Jmiur y lo has subido a un servidor?

Rosa

Gothikka ¿Has seguido los pasos de la entrada tal como están?
No sirve usar los que ya tenias antes colocados, ya que aunque son igual que los míos, tienen otra clase aplicada en el código.
Elimina los que habías puesto y sigue los pasos de la entrada tal cual, los marcadores serán los mismos, no te preocupes por eso.

Rosa

Jorge, me alegro mucho, porque además estos quedan mucho mejor, según mi opinión.:-)

Juanjo

Tengo el archivo que dices descargado en mi pc y ahora jeje :D

Juanjo

Aquí en la pagina Google page creator que como alojo el archivo???? siento ser tan torpe...:(

Rosa

Juanjo, a la derecha verás "Upload" está un poco pequeñito, pero se ve, pincha ahí, te saldrá para "Examinar" busca el archivo en tu PC y ya.
Luego copia la url del archivo con el botón derecho, guárdala en el blog de notas y sigue las instrucciones de Vagabundia.

Supongo que antes has descomprimido el archivo, claro...:-X

Gothikka

He pobrado con una copia de la plantilla antigua que tenia por si no había borrado algo y lo he conseguido XD.
Muchas gracias!!!

PD: habría alguna forma de que los mismos quedaran como los tuyos, sin tanto espacio entre los iconos???

Rosa

Gothikka, vamos a probar con esto, aunque no estoy segura de que sea del todo la solución, si no resulta (usa vista previa) me lo dices, que tengo otra idea sobre ello.
Localiza:
.post-footer {
font-size:10px;
}

Y añade esta línea:
letter-spacing:.1em;

Tendrá que quedar así:
.post-footer {
font-size:10px;
letter-spacing:.1em;
}

Juanjo

Ya lo he alojado. Ahora he copiado con el boton derecho la ruta de enlace como explicas pero me ha salido esto:

http://juanjocostameler.googlepages.com/VEmoticones.js

como lo "envuelvo" en un bloc de notas para que luego me funcione? :$

Gothikka

No funciona :( , Las letras parece que si cambian algo, pero los iconos ni se mueven.

Rosa

Juanjo, esa es la ruta correcta, tranquilo, y no tienes que envolver nada, solo pegarlo para que no se te pierda mientras sigues las indicaciones de Vagabundia.
En la parte que dice que hay que poner la ruta o la url del script, pones esa url que acabas de conseguir en Google Pages.

Rosa

Gothikka, tranquila, daremos con ello;-)

El problema es que a esa zona hay varias "ordenes" que la afectan y no quiero que tengas que modificar otras cosas del blog.

Vamos con otra prueba, localiza lo de antes:
.post-footer {
font-size:10px;
}

Y debajo de la última llave, pega esto:
.post-footer img{
padding:2px;
}

Así:
.post-footer {
font-size:10px;
}
.post-footer img{
padding:2px;
}

Vuelve a usar "vista previa" y tranquila:D lo que me sobra es paciencia, ojalá me sobrara así el tiempo...:-X

Juanjo

Vaya Rosa para mi eres "wonder woman":$ jeje menos mal que me has aclarado que eso es el "script" por que ya no tenia ni idea de que era un "script" que lio me estaba haciendo, haber si hay suerte :D

Rosa

Juanjo, el script es el archivo que has alojado en Google Pages, lo que haces al pegar su dirección en la plantilla es "llamarlo" así actúa desde el exterior (Google Pages) y no "carga" el blog.

Gothikka

Sigue igual :(, parece que no tiene ganas de quedar bien.

PD: muchísimas gracias por ayudarme tanto, se agradece que haya personas como tu :)

Juanjo

Gracias Rosa el truco funciona ala perfección :D al principio me he asustado pero era por que tardaba un poquito jeje.
Un beso guapa! ;)

Rosa

Gothikka, hay días que estoy de espesa...pues no veas que me descargué la plantilla como la tuya y todo...y después me di cuenta de lo más obvio XD :-$

Vamos a modificar en el código que pusiste para los marcadores (el primero de esta entrada) la tercera línea creo que es, la que empieza por:
.marcadores img

Esa misma, cambia los datos como ves aquí:
.marcadores img{ border:0pt none; float:left; margin:2pt; padding:0pt}

mariajo

¡¡a quedao perfecto!!. Uff, vales un potosí, Rosa. :DD

Al principio me salió con espacios entre los iconos, y eso hizo que no quedaran todos en una única linea, así que lo que he hecho es quitar el espacio que había entre cada uno de los iconos (o sea, entre < li > y < /li >), ¡¡y voilà!!: tó juntico sin espacios. :DD

No sé si este parcheo manual mio pa juntar los iconos le pueda servir a Gothika, que veo que le pasa algo así.

¡¡Gracias Rosa, ha quedado todo genial, y qué duda cabe que mejor que antes porque antes estaban bien pero es cierto que se veían "demasiado"!!. ;)

Mariajo (http://mi-estrella-de-mar.blogspot.com/ )

PD: estoy intentando enviar este comentario desde la identidad de Google/Blogger pero no me deja... A ver si de otro modo...

Gothikka

:( creo que al final vas a terminar por odiarme... no funciona tampoco, bueno los iconos ahora están juntos, pero quedan encima del titulo de la siguiente entrada.
Me parece que la plantilla se niega rotundamente a que queden juntos y en su sitio.

Rosa

Gothikka, no mujer, la culpa no es tuya...verás la plantilla no es original de Blogger y al adaptarla han omitido bastantes parámetros...ese es el problema, y no responde a las órdenes como debería.

Busca esto:

.post {
}

Como ves está vacío...prueba poniendo esto:
.post {
margin-top:20px;
}

Rosa

Mariajo, tu lo que has hecho es eliminar el elemento "lista" de los marcadores, y en tu plantilla eso resulta por que es original de Blogger y en post-footer tienes los parámetros necesarios aplicados.

Gothikka

He probado la idea de Mariajo y tampoco... y eso que he juntado todos los <> que veía. Nada que ni se acercan entre ellos, parece que se tiene manía unos a los otros XD

Rosa

Gothikka , prueba lo que te digo, vuelve a cambiar la línea en el css y luego aplica el cambio en post.

Gothikka

Me empieza a dar hasta vergüenza... tampoco, ahora se ha separado un poco del titulo del siguiente post, pero sigue quedando encima :(

Rosa

Gothikka, además de lo anterior, busca esto:

.post-footer {
font-size:10px;
}

Y ponlo así:
.post-footer {
margin:30px;
font-size:10px;
}

Esa plantilla desde luego no tiene margenes ni distancias ninguna aplicadas...mira esto último hará que el pie de los post se separe un poco del texto de la entrada y del título siguiente, antes estaba pegado, como no tenía ninguna distancia marcada...

Paula

Hola Rosa! Espero que estés bien, tengo una pequeña pregunta, lo que pasa es que el header de mi blog es una imagen, y al subirlo, se le agrega automáticamente una linea alrededor, un marco color violeta, pero no me gusta como queda, como puedo hacer para que no aparezca?
gracias por toda tu ayuda
chau!!

Gothikka

YA ESTA!!!!!!!!!! :)
Todos los iconos juntos (se han reconciliado XD) y sin usurpar el sitio del siguiente titulo.

No se ni como agradecértelo después del quebradero de cabeza que te he dado, muchísimas, muchísimas gracias por tener tanta paciencia. No tienes precio XD

Rosa

Gothikka,no es nada mujer, has tenido suerte de que esta tarde me he tenido que quedar en casa y además sola ;-)

De todos modos, es lo que te decía...la plantilla no tiene apenas separaciones, margenes y esas cosas configuradas, tal vez está hecho "a posta" para que cada quien añada sus propios parámetros...

Gothikka

Debe ser para eso, aun así, por ahora se va a quedar como esta un tiempo XD

De nuevo, y aunque suene pesado, GRACIAS!!! XD

Rosa

Paula, en el css (ya sabes donde hay muchas llaves como esta {) busca la zona de header y por ahí en cualquier sitio siempre que sea después de una llave de cierre } añade esto:

#header-inner a{
color:#fff;
}

Creo que con eso bastará.

Paula

Muchas gracias Rosa!!
Siempre dispuesta a ayudarme a mi y a los demás, gracias!!!!! ^_^

Rosa

Paula, ¡que bien que acerté a la primera! no estaba demasiado segura de cual era el motivo de que saliera la línea...me imaginé algo así ¡y acerté!:D
Por cierto, es una plantilla muy linda esa tuya.

Jony
Este comentario ha sido eliminado por el autor.
Josep

De nuevo, ¡Gracias! Rosa, por tu generosidad al compartir tus trucos y conocimientos con todos.

Un saludo.

Rosa

Josep, gracias a ti! Siempre tan atento :-L

Antony (Vistos Buenos)

Hola Rosa! Muy bueno el truco la verdad no encontraba como aplicar el efecto de opacidad en los marcadores, y bueno gracias a ti ya lo he podido hacer...

Kalifer

Muchas gracias Rosa, yo también lo he aplicado a mi blog, nos acostumbras muy mal, un día voy a tener una duda con las opos y voy a entrar a mirar aquí XD.

Rosa

Kalifer, uffff, pues para eso búscate a otra, ja,ja,ja:D o mejor "inca los codos" y ¡fuera dudas! :-X

MALINA

Hola Rosa!
una duda, cuando dices en el paso [2] "Y sobre ella pegamos el código" a que te refieres? a continuación? dentro de ella? en vez de ella? es que no me aclaro yo misma de que quieres decir con "sobre ella"

Besosssss

Rosa

MALINA, es antes normalmente, aunque depende de si los quieres más arriba o más abajo. Según mi opinión ahí quedarán bien (es donde ves los míos exactamente).

Por cierto, gracias por pasarte:-L

MALINA

Cielete te sigo por feeds y paso muy a menudo porque soy una novata en cuanto a la plantilla se refiere, lo único que siempre voy como las locas y no me paro a dejar comentarios.

Besazos!

MALINA

Dicho y hecho! gracias!
aunque lo coloqué un poco más abajo al final porque salía por encima de los comentarios, pero fué fácil hacerlo.

Besazos!

Este post le linkearé desde conectablog porque es muy útil

Bardruck

gracias me encantó ya lo puse en mi blog

Jesus

Muchas gracias, fenomenal la explicación.Llevaba tiempo buscando algo decente para poner los marcadores sociales y es lo mejor que he encontrado con mucha diferencia......

Saludos

Rosa

Jesus , gracias :-)

Chicas

justo lu que buscaba.. gracias

mariajo

Rosa, llevo desde hace algo más de 1 semana que los marcadores sociales (con efecto opaco) que puse en mis espacios http://mi-estrella-de-mar.blogspot.com/ y http://el-mar-y-yo.blogspot.com/ se han desconfigurado. Pensé que quizás se arreglaría "solo" (como otras tantas cosas de la informática) pero no ha sido así.

¿Qué puede haber pasado? ¿Cómo arreglarlo? (desde que los puse no había pasado esto nunca, que yo recuerde).

Un abrazo,

mariajo

Se me olvidaba: los marcadores los hice a través de las explicaciones de un post tuyo (al que he querido acceder pero que me dice que "IE no puede abrir" y me anula la página, así que he accedido por medio de este post que sí me deja, lo mismo que me deja también acceder a la página principal: no sé por qué de ello, sólo te lo comento para que lo sepas por si a alguien más le pueda estar ocurriendo). Un abrazo,

Rosa

mariajo, tus marcadores están puestos tal como explico en esta entrada, con la opacidad incluida.
En la otra entrada que dices, no hay problema de acceso, nadie me ha dicho nada, pero además acabo de acceder yo...

Tus marcadores están perfectamente, he usado IExplorer7 y Firefox3 para acceder a tus blogs y en los dos no veo ningún problema...

mariajo

Querida Rosa, tras ver tu respuesta estuve dándole vueltas al tema. Por si pudiera interactuar con mi problema lo que hice es limpiar el historial y todo lo similar, y pasar el antivirus en su forma completa (no hay virus) y el antespías (no habia tampoco).

Curiosamente, el "problema" se arregló. ¿? No sé cómo es que el limpiar más o menos el historial pueda dar problemas a mis blogs, ¡¡y a algo tan CONCRETO!! :o En fin, las cosas de la informática.

Un montón de gracias por ponerme sobre la pista (lo que hice es ver el tema por el Mozilla -que ni se me había ocurrido- y efectivamente vi que ahí no daba problemas).

Rosa

Mariajo, hace tiempo que debemos limpiar la caché, cookies, historial y demás cada poco tiempo para acceder o ver correctamente los blogs en Blogger... no se me ocurrió recomendarte eso, por lo que tu dices...me parecía raro un problema tan localizado, pero resulta que ayer, me llegó otra consulta con el mismo problema que afectaba solo a la imagen del calendario de las entradas...tampoco supe que contestar, pues yo lo veía correctamente, y al rato el chico me dijo lo mismo que tu, limpió caché y adios problema:D

mariajo

uf, pues es un fastidio, porque si fuera limpiar cada X tiempo razonable, aún, aún, pero yo limpio todo cada 2 semanas o algo más (CCleaner, ATF-Cleaner, Spybot y EasyCleaner, ahí es ná) y eso que no hago grandes cosas en Internet que pueda ensuciar el PC... ¿y aún así Blogger se pone a hacer cosas raras? :O ¡Pues vaya trabajo añadido que hay que hacer cada poquito, para poder ver las cosas en su sitio!.

Gracias por comentarme lo de este otro chico, así ya me quedo tranquila de que NO es algo "raro" que sólo a mí me pasa (el ordenador ni siquiera es viejito, ni mucho menos).

Un abrazo,

taquito

buscando tambien encontre esto:

http://www.bloggerplugins.org/2007/09/social-bookmarking-elements-after-each.html#comment-form

puedes verificarlo, es lo mismo, pero le da un toque mas de elegancia :D

Rosa

taquito, si, lo conozco, es original de Beautiful Beta :D

San..

Rosa!!
He aprendido mucho leyendo tus entradas.. tanto que casi he fijado residencia permanente aqui!! jajajaja...

Acabo de agregar los marcadores sociales con efecto de opacidad... pero me falta facebook... como lo agrego??

Gracias por tu ayuda!!
San

Rosa

San.. Todo el código que pusiste acaba así:

</ul>
</div>
<!--Marcadores sociales -->

Justo antes de ese </ul> último, pones una nueva línea para facebook, así:
<li><a href='Aqui la direccion de tu perfil en Facebook title='Facebook'><img border='0' class='marcadores-sociales' src='http://img258.imageshack.us/img258/3513/facebookq.png'/></a></li>

Ya está incluida la imagen del icono de Facebook, en cuanto a la dire que hay que poner, no se como va Facebook pero allí no se pueden enviar entradas creo, así que supongo que será la url del perfil o algo así...

San..

Mil gracia por la ayuda Rosa!
Eres fantastica!!
Saludos...

Rosa

San... Aún no conocí tus blogs...¡están lindos! El muñequito de "un blog se alimenta de comentarios" me mató de la risa :D

Sócrates Adamantios Tsokonas

Muchas gracias por el truco!! Excelente de verdad. Ya he probado un par de trucos de esta página y funcionan de maravilla. Éxitos!!

Saludos de Caracas,
Atte. Sócrates

Siervo

AMiga Rosa no tendras una opcion para agregar a Faceboock y Hotmail o MsN

Rosa

Siervo En el comentario número 67 puedes ver como hacerlo para Facebook, en cuanto al MSN no tengo idea ahora mismo... lo miraré si me es posible.

La Dueña

Hola Rosa: no tengo en mi plantilla la línea p class='post-footer-line post-footer-line-3'

Como lo soluciono?

Saludos ;)

Rosa

La Dueña Imagino entonces que tendrás div en su lugar:
<div class='post-footer-line post-footer-line-3'/>

Son la misma línea en realidad, depende del diseño que se vea de una u otra forma.

Rober Ll. Quiroz

wuau en verdad estoy muy impresionado con este blog ahora veon porque tiene bien merecido el pagerank 5 gracias .. me funciono bien el marcador social www.portaltodo.net

sandivina

Buenas Rosa;

Felicitarte ante todo por tu grandioso blog, no se que haria sin el.
Veras, hago los pasos tal y como los comentas y nunca he tenido problemas a la primera de crear, arreglar, editar nada con tus consejos pero en esto del calendario me sale continuamente:

No se ha podido analizar su plantilla, porque no está bien formada. Asegúrese de que todos los elementos XML se han cerrado correctamente.
Mensaje de error de XML: The reference to entity "updated-max" must end with the ';' delimiter.

Y obviamente ni idea de donde puede radicar el error si solo copio y pego.
Te agradezco desde ya tu ayuda.

SAndivina

Rosa

sandivina ¿De qué calendario hablas? :S

Web Master

Gracias rosa,perfecto para el blog nuevo

Astarot

Pues muchas gracias, Me sirvio mucho y está instalado y funcionando en mi blog..

Saludos y gracias nuevamente

IV

Hola, tengo un problema. En IE se ve genial pero en Firefox se ve, antes de las imágenes, como unas flechas. Algo tal que así ">>". Y no tengo ni idea del porqué.

Muchas gracias, un saludo.

Rosa

IV Prueba eliminando esta línea:
.post ul li:before { content: "\00BB \0020"; }

Usa vista previa y mira a ver, no estoy muy segura...

IV

Era eso, genial. Muchas gracias!

Rosa

IV Así ya no te saldrán en nada que coloques en esa parte... Gracias a ti!:D

tales ramirez

Gracias Rosa,,me fue muy util..

jhyrlecrystal

gracias Rosa me ha servido excelente esto..felicitaciones por este blog esta de lujo!;)

malachuca

Muchas gracia a Rosa y a Mariajo!

Ago

Hola querida Rosa! :D
Muchisimas gracias para tu amabilidad! Implementè este codigo y es maravelloso,pero hay un problma con el post...en practica, en el post se puede elegir si poner los marcadores sociales en el piè o no ponerlos por nada y yo no he seleccionado la caja correspondiente, pero ellos se ven lo mismo:(
Hay unas manera para modificar el CSS? Donde se encuentran?
MIl Besitos y Muchisimas gracias :D

Rosa

Ago Sinceramente, no entiendo tu pregunta, mis disculpas :$

Ago

Tranquilla, puede ser que me he explicado mal :P
Entonces, querria eliminar los marcadores sociales que blogger pone en el post y que en mi blog se pueden ver cerca de "Pubblicato da Ago", debajo del post, sobre las etiquetas. El problema es que no sé como borrarlos en el CSS...Sabes donde tengo que buscar?
Mil Besitos :D

Rosa

Ago Ve a Diseño - Entradas del blog - Editar y desmarca ahí la opción para que dejen de mostrarse.

Ago

:-D Disculpame Rosa, pero yo he hecho todo esto (esto era lo que te explicaba en mi primero mensaje), pero es lo mismo que nada...ellos siguen mostrandose :((
Entonces, esperaba poder modifiar el CSS para soluccionar todo, pero no se como buscar...esto es el problema! :S

Rosa

Ago Ah bien. Coloca esto en el CSS de la plantilla, antes de ]]></b:skin>

.sb-email{display:none;}/* ocultar boton email */
.sb-blog{display:none;}/* ocultar boton Blogger */
.sb-twitter{display:none;}/* ocultar boton Twitter */
.sb-facebook{display:none;}/* ocultar boton Facebook */
.sb-buzz{display:none;}/* ocultar boton Buzz */

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