JMiur [E]

Poner un enlace para que los visitantes puedan agregar el blog a los favoritos de IE es sencillo; hacerlo para que también pueda agregarse a los marcadores de Firefox no es tan sencillo porque ambos navegadores utilizan códigos diferentes.

Una versión sencilla ya fue explicada en este post pero, no es la única. Este otro script hace lo mismo y nos permite configurar algunos datos extras:
<a href="javascript:void(0);" onclick="
thetitle='elTitulo';
theurl='nuestra_direccion';
if (window.sidebar && (navigator.appName.indexOf('Explorer') == -1)
&& (navigator.appName.indexOf('Opera') == -1)) {
window.sidebar.addPanel(title,theurl,'');
} else if (window.opera && window.print) {
var fav = document.createElement('a');
fav.setAttribute('rel','sidebar');
fav.setAttribute('href',theurl);
fav.setAttribute('title',thetitle);
fav.click();
} else if( document.all) {
window.external.AddFavorite(theurl,thetitle);
}
">
Añadir a Favoritos
</a>
Debemos reemplazar:

elTitulo por el texto que se mostrará en el enlace agregado
nuestradireccion por la dirección URL del blog

Dependiendo de donde lo insertemos, deberemos escribir todo en una sola línea. El resultado sería este:

31 comentarios:

Anónimo  

El problema es que con firefox, al hacer clic en el favorito lo carga en una barra lateral :(

Responder
Macana Entertainment  

Hola Mr. Vagabundia vengo a pedir ayuda, es con respecto a la nube de tags y a la barra de busqueda de Google que usted tiene instalada.

1. Con los codigos de la nube hice todo lo correcto, pero no logro tener desordenadas las palabras, se encuentran tiradas a la izquierda y eso que cambie de todo en los codigos para que eso no suceda, alineacion etc..

2. Como hago para tener una barra de busqueda de Google como la suya?

Muchas Gracias!

Responder
JMiur  

Anónimo:
No veo que eso ocurra en mi Firefox, se agrega normalmente en los marcadores como cualquier otro enlace.

Macana:
Para que las etiquetas no salgan una debajo de la otra, debes cambiar una propiedad. Ahora, veo en:

#labelCloud .label-cloud li {
display:block;

y deberías poner:
display:inline;

Lo que me resulta extraño es que, aunque las propiedades están en el código, Firefox parece ignorarlas por completo.

Lo del buscador, estoy usando dos alternativas. El que se ve por defecto se coloca via Blogger Draft. La explicación está ACÁ.

El otro es el buscador normal e Google. Hay una explicación ACÁ pero yo lo simplifiqué mucho porque me gusta más el otro.

Responder
paola monti  

Genial!!!

Lo acabo de instalar y funciona perfecto.

Gracias JMiur por el dato.

Responder
Dédalus  

Eres un fenómeno, JMiur. Llevo una infructuosa hora buscando un artilugio para calzar en mi plantilla, que me ordenara las entradas por número de comentarios, y, cuando ya me retiraba, caigo en tu página...
Sigo sin lo que buscaba, pero tú has compensado de sobras mis devaneos.

Salud, amigo. Y gracias por tus doctas aportaciones.

Responder
paola monti  

Hola

acabo de poner el buscador de Blogger Draft y tengo un pequeño problema.

Si entras a mi blog te darás cuenta que cuando termina de cargar el buscador, la columna donde están los post se baja. Y en el explorer, cuando haces una búsqueda, los botones de opción (en este blog, internet, etc.) desaparecen...

si me puedes ayudar te lo agradezco de antemano.

te dejo mi correo.
seaceda2@gmail.com

GRACIAS.

Responder
JMiur  

Paola:

El tema del buscador de Blogger Draft no es fácil de resolver, sobre todo porque es una versión que aún está en fase de pruebas. Lo que dices de IE es extraño, lo acabo de ver y realmente es muy raro, no le encuentro explicación ¿podría ser por el tipo e cursor que utilizas en los enlaces? No he tenido manera de verificarlo pero valdría la pena hacer la prueba.

Lo del desplazamiento del área de los posts es cierto. En Firefox es apenas notable pero en IE es muy evidente. Eso puede corregirse pero, deberemos poner dos instrucciones diferentes, una para cada navegador.

En la parte de CSS de tu plantilla, verás esto:

#main-wrapper {
float:left;
margin-left: 0;
overflow:hidden;
width:490px;
}

o algo similar

simplemente cambia esa linea que define el margen e esta manera:

margin:-3px 0 0 0;

Esto, sube el área de posts 3 pixeles hacia arriba y soluciona el problema de Firefox.

Para IE, hay que emplear un hack. Justo antes de </head> agrega lo siguiente:

<!--[if IE]>
<style>
#main-wrapper {margin:-18px 0 0 0;}
</style>
<![endif]-->

En ambos casos, esos son los valores que veo yo pero, pueden diferir un poco, si es así, simplemente busca el número correcto. recuerda que son pixeles y como es un valor negativo, cuanto más grande sea, más arriba quedará.

Responder
paola monti  

Te pasaste...

Gracias

Responder
YaC  

Pues Firefox+Mac funciona pero cuando clicas en el marcador que te ha creado, te abre la web en la ventana de marcadores!!

Responder
Anónimo  

Soy el primer anonimo. Me referia a lo de YAC, al entrar al enlace se carga en el sidebar, y es porque en opciones tiene marcado el "cargar en barra lateral" ... aunque la gente no se dará cuenta y lo borrará antes.

Responder
Deathly  

Al final de Añadir a favoritos sobra un > y que en vez de "thetitle" es solo title, sino no aparece ningun titulo.
Salu2

Responder
Fernando  

Hola JMiur he colocado lo de añadir a favoritos y funciona perfecto (cambiando thetitle por title) mi pregunta es si se pude añadir google chrome, he añadido lo mismo que habia para los otros navegadores (la misma linea pero poniendo google chrome) pero no funciona. Sabes si se puede?. Un saludo.

Responder
JMiur  

Lo desconozco. No he visto nada al respecto por ahora.

Responder
Tigremen  

Hola JMiur,
Tambien me lo agrega en la barra lateral a la izquierda, ¿que crees que podra ser? me da el mismo problema que el comentario 1.

Saludos

Responder
JMiur  

Fijate en la respuesta 10 :D

Responder
David  

hola JMiur, yo pense que era seria facil montar este boton, incluso le ise un gif: http://s5.tinypic.com/a2f38i.jpg

pero me he quedado pegado y lo he intentado todo pero me sale el error de que no esta bien estructurado el codigo:(
aqui esta mi plantilla; http://www.google.com/notebook/html?nbid=BDQwUSwoQ0M-gtIIk&hl=es

(no estoi muy seguro donde pegar el codigo)
no se si tiene algo raro o yo soy muy estupidin, pero por favor Ayudamee:$

Responder
JMiur  

El código lo pegas en un elemento HTML que agregas en la sidebar.

Lo que me muestras no es accesible ¿Por qué no me mandas un mail con el código que quieres colocar? Así es más sencillo de leer y vemos cómo solucionarlo.

Responder
David  

Haaaa....:$
yo pensaba que se agregaba en la Edición de HTML del blog, por eso me tiraba el error :P

muchas gracias y un saludo desde chile

Responder
Jorge Ángel Aussel  

Hola Jmiur, yo quiero poner exactamente esto en mi blog, pero con sólo una imagen (la estrellita), eso es posible?

Gracias!

Responder
Jorge Ángel Aussel  

Disculpa, ya lo conseguí... Me apresuré demasiado a comentar, porque lo había intentado sin éxito. Pero ya lo conseguí, era sólo un error que había cometido. Saludos

Responder
á fj´  

Lamento parecer tan torpe, he puesto un gadget en el sidebar con una imagen, pero no la encuentro en la plantilla ni artilugios, para introducir el código, más o menos por ahí.
Puede indicarme cómo introducir imágenes en el Sidebar, como la suya que lleva a favoritos, y entre qué etiquetas meter el código?

Responder
JMiur  

Si es un gadget, debes eeditarlo en la primera ventana de Diseños, Elementos de la página. Allí, debes hacer click en el enlace editar de ese gadget en particular.

Responder
á fj´  

En un gadget, en "editar" solo me da la opción de meter una url. Me gustaría, al igual que lo tiene usted, un pequeña o mediana imagen (ejemplo: una estrella amarilla, firefox el iExplorer)que al pinchar lleve a favoritos.
Salud

Responder
JMiur  

¿Y qué tipo de gadget has agregado? Debe se uno llamado HTML/Javascript.

Responder
á fj´  

Vale, ahora lo he cogido. Primero tendré que subir la imagen para introducir la dirección en el código.
Gracias, a veces me ofusco y no veo las cosas aunque estén delante de mis ojos.
Gracias de nuevo, ¡maestro!

Responder
JMiur  

No es nada. Suerte y paciencia :D

Responder
á fj´  

En Internet Explorer 8 y en el Chrome, NO funciona. Si lo hace en el Firefox. Me interesa más el iExplorer porque es el más usado.
De momento ya no sé que hacer.
Saludos

Responder
JMiur  

En Interent Explorer funciona perfectamene (ver captura). En Google Chrome no porque el sistema es diferente y no tengo idea de si peude hacerse o no.

Responder
á fj´  

Puede que sea mi navegador iExplorer? cuando cargo la página, en la esquina izquierda de abajo sale una exclamación en amarillo.
Esta vez he puesto el código tal como lo tiene, sin modificar nada, y sigue igual.
He metido el código de otro maestro, Oloblogger, y pasa lo mismo con el iExplorer.
En fin, lamento hacerle perder el tiempo.
Salud

Responder
JMiur  

Los dos scripts parecen funcionar correctamente en IE. Esta es la captura de tu página.

El error que muestra IE hace referencia a un gadget de friendconnect.

Responder
ThunderGirl  

Este código me sirvió muchísimo, muchas gracias.

Te dejo al URL del blog, por si quieres verlo: http://soliderdreams.blogspot.com/

Responder

¿Quiere dejar un comentario?

recuerde que los comentarios están siendo moderados y serán publicados a la brevedad ...

Todos los archivos y demos alojados en Fileden han sido redireccionados y deberían estar funcionando correctamente.
De todos modos, también puede accederse a ellos a través de SkyDrive

Nota: sólo los miembros de este blog pueden publicar comentarios.

Si le gusta ir a lo seguro utilice este botón para abrir los comentarios en una ventana modal en esta misma pagina.

Si añora tiempos idos, use este enlace para agregar un comentario al viejo estilo ...

 
CERRAR