JMiur [E]

Para permitir que nuestro sitio puede ser agregado fácilmente a los Favoritos del navegador, hay muchos ejemplos en la web pero, siempre aparece una aclaración o una consulta: funcionan en Internet Explorer pero no en Firefox.

El problema es que ambos navegadores utilizan distintas funciones para hacer lo mismo así que, no queda otro remedio que emplear ambas.

El código JavaScript necesario es el siguiente:
<script type="text/javascript">
function agregarFavoritos() {
if (window.sidebar&&window.sidebar.addPanel)
window.sidebar.addPanel("TEXTO_a_Mostrar","URL_blog","");
else
window.external.AddFavorite("URL_blog","TEXTO_a_Mostrar")
}
</script>
El script lo agregamos en el encabezado de la página o en un elemento HTML de la sidebar y luego, lo utilizamos como cualquier otro enlace:
<a href="javascript:agregarFavoritos();" title="Agregar a Favoritos">
TEXTO o IMAGEN
</a>
Eso es todo, ahora, bastaría hacer click en esta imagen para agregar el sitio a los Favoritos o Marcadores

28 comentarios:

Anónimo  

Tu fuiste de mis primeros Favoritizados si es que existe la palabreja...

Qué tiempos aquellos!

:)

Responder
JMiur  

Si no existe, hay que crearla aunque es un verbo difícil de conjugar :

Yo favoritizo, nosotros favoritizamos :D

Responder
Johann Arroyo  

Bueno mi consulta es acerca de otra cosa, me podrias enseñar a ponerle a mi blog un fondo similar al tuyo, o sea de dos colores con un marco bordeando el iframe, el(color oscuro en tu blog)gracias

Responder
JMiur  

Johann:

Te contesto en forma general, cualquier detalle, me envias un mail y lo vemos.

La imagen de fondo va en la parte de estilo de tu plantilla. Buscas esta entrada:

#outer-wrapper {
..................... propiedades
}

Ahí están las propiedades del fondo de tu blog. Por ejemplo, el ancho es:
width: 660px

Para que haya un fondo, deberás agregar esta propiedad:

background:transparent url(URLimagen) repeat-y scroll 0% 50%;

Esa imagen debe ser tan ancha como el ancho de tu blog (660) y, se repite como un mosaico hacia abajo.

Para que veas un ejemplo, ESTA es la imagen que utilizo yo.

Responder
Johann Arroyo  

Gracias jmiur realmente te las sabes todas, quedo perfecto solamente tengo un pequeño error la imagen no queda al ancho de los 660p aun siendo esta de este ancho, te agradezco mucho tu ayuda!

Responder
JMiur  

Según lo que veo, si la imagen es ESTA:
http://www.subir-imagenes.com/imagenes/
th_b13e226fbe.jpg
no tiene 660 sino 150 pixeles de ancho.

Responder
Johann Arroyo  

Si tienes razon que fallo!, hay algun problema que se genero al subir la imagen al host, gracias, de paso no estaria demas que me recomendaras un buen host para subir imagenes. Gracias por todo

Responder
Anónimo  

hola jmiur un favor como haces para tener esas imagenes con iluminacion al pasar el mouse (despues de TRANSLATE THIS PAGE y La BOLSA NEGRA)
gracias

Responder
JMiur  

Johann:
Una posibilidad es que las subas directamente a Blogger.
Mi servicio externo favorito es Photobucket
y otro que es sencillo de utilizar es ImageShack

by cza:
Eso es lo que se llama un efecto rollover. Hay varios posts donde puedes mirar ejemplos:
ENLACE 1
ENLACE 2
También está en el tutorial HTML

Responder
Mr. Prado  

¿En qué parte exactamente de la plantilla he de insertar este código?

function agregarFavoritos() {
if (window.sidebar&&window.sidebar.addPanel)
window.sidebar.addPanel("TEXTO_a_Mostrar","URL_blog","");
else
window.external.AddFavorite("URL_blog","TEXTO_a_Mostrar")
}

Muchas gracias.

Responder
JMiur  

Recuerda que la función es un script así que:

<script type="text/javascript">
......... la función .........
</script>

Bien, eso y el enlace lo podrías poner, por ejemplo, en un elemento HTML de la sidebar, ya sea uno nuevo o uno que ya estés usando.

Responder
..::Tdos::..  

Holaa.. que tal , segui todos los pasos y no funciona

Apreto sobre la imagen,texto,y no pasa nada :(

Responder
JMiur  

En tu código fuente, leo que ese script y otros están dentro de la etiqueta <b:skin> </b:skin> y por lo tanto no se ejecutan.

Responder
Anónimo  

Hola, esque tengo un problema, nose como poner una imagen para que la pulsen y aparezca lo de agregar a favoritos, solo se poner el texto pero la imagen como se pone?
Y otra cosa: yo he puesto una imagen para cuando la pulses que vayas arriba de la pagina y la imagen sigue ahi pero si la pulso me aparece error(antes funcionaba, pero he cambiado de plantilla, tiene algo que ver?)
GRACIAS

Responder
JMiur  

deni:
Para poner una imagen en lugar de un texto, en lugar de este, coloca una etiqueta IMG:
<a href="........">
<img src="LAIMAGEN">
</a>

El enlace de ir arriba está mal porque esa plantila no tiene un DIV llamado outer-wrapper. Podrías cambiarlo para que vaya a container_btm o a cualquier otro DIV que tenga un ID

Responder
Anónimo  

pero lo que quiero saber es coño pongo la imagen...porque no se puede pegar y yo quiero ponerla de mi ordenador no de la web....y si pongo la direccion de la imagen donde esta en mi PC no la ponen..AYUDA PORFA, mira mi blog y ayudame porfa http://laserpienteasesina.blogspot.com/

Y esque lo del enlace de arriba no lo he pillado, osea que no puedo no? :((

Responder
JMiur  

LAs páginas web ESTAN en la web por lo tanto si queieres que alguien vea la imagen DEBE estar en la web y no en tu PC. Debes subirla a alguna parte y usar esa dirección.

Responder
Adrián J. Messina  

Hola JMIUR, es increible que esto no me funcione... pegue el siguiente codigo (te lo copio tal cual lo coloque como gagdet en mi sidebar)

Subi el cogido en un txt aqui:

https://dl-web.dropbox.com/get/JAVA AGREGAR FAVS POD.TXT


Sin embargo no me funciona, no entiendo como haciendo click en tu imagen en mir Firefox lo abre sin problema, pero en mi blog no... leo que dice javascritp void al hacer click, pero no me agrega nada...
No entiendo que estoy haciendo mal....

Por ultimo lo que necesitaria es ademas de esta funcion, tambien, la de agregar a inicio,

Me podras ayudar!? Por favor?!

Espero tu respuesta y felicidades.

Responder
JMiur  

Prueba abrir esta dirección en el navegador:
https://dl-web.dropbox.com/get/JAVAAGREGARFAVSPOD.TXT

El mensaje que sle es que debes loguarte, claro, si ya estás logueado, probablemente no pero, da la impresión que el archivo es privado y no público.

Responder
Adrián J. Messina  

Hola tenes razon, sale como privada,
a ver si puedes abrir ahora

https://dl.dropbox.com/u/3747230/JAVA%20AGREGAR%20FAVS%20POD.TXT

.script type="text/javascript">
function agregarFavoritos() {
if (window.sidebar&&window.sidebar.addPanel)
window.sidebar.addPanel("Agregar PANORAMICA DEL OBSERVADOR a tus favoritos","http://panoramicadelobservador.blogspot.com","");
else
window.external.AddFavorite("http://panoramicadelobservador.blogspot.com","Agregar PANORAMICA DEL OBSERVADOR a tus favoritos.")
}
./script.

.a href="javascript:agregarFavoritos();" title="Agregar a Favoritos">
.img src="http://i.imagehost.org/0630/bannersblog.png">
</a.

Si no pegue el codigo aqui, (puse puntos en lugar de los corchetes)

espero tu respuesta!

Responder
Adrián J. Messina  

TE PIDO DISCULPAS, HABRA SIDO UN ERROR DE COOKIES... QUE A VECES FUNCIONA Y OTRAS NO, TAL CUAL PEGUE EL CODIGO, ME FUNCIONO.
MUCHAS GRACIAS POR ESTE TIPO Y POR OTROS TANTOS, COMO TU MENU CON SCRYPTALICIUS

Responder
Adrián J. Messina  

Puedes verlo funcionando en mi blog.
Un Saludo!

Responder
JMiur  

Me alegro que se resolviera, Adrián.

Responder
Peibe  

Hola,
Vi tu entrada de agregar a favoritos y no me acaba de funcionar...el caso es que me añade la url estupendamente pero cuando desde el menu de marcadores de mozilla doy click al favorito añadido, este no me aparece en la ventana principal sino que se abre un lateral izquierdo para mostrarlo.
No se si me he explicado bien, puedo enviar una impresion de pantalla si eso aclara algo.
Muchas gracias
Dolors

Responder
JMiur  

Peibe:
Fíjate en esta entrada.

Responder
Peibe  

Vale, ya veo la causa, pero no la solucion (snif)

Responder
JMiur  

Pués ese es el que uso:

function agregarFavoritos() {
if (window.sidebar&&window.sidebar.addPanel)
window.sidebar.addPanel("Vagabundia en Blogger","http://vagabundia.blogspot.com/","");
else
window.external.AddFavorite("http://vagabundia.blogspot.com/","Vagabundia en Blogger")
}

Responder
Anónimo  

Mákina tío, funciona perfecto.

Salu2!!

Responder

¿Quiere dejar un comentario?

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

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