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:
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:
Tu fuiste de mis primeros Favoritizados si es que existe la palabreja...
Qué tiempos aquellos!
:)
Si no existe, hay que crearla aunque es un verbo difícil de conjugar :
Yo favoritizo, nosotros favoritizamos :D
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
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.
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!
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.
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
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
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
¿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.
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.
Holaa.. que tal , segui todos los pasos y no funciona
Apreto sobre la imagen,texto,y no pasa nada :(
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.
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
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
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? :((
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.
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.
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.
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!
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
Puedes verlo funcionando en mi blog.
Un Saludo!
Me alegro que se resolviera, Adrián.
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
Peibe:
Fíjate en esta entrada.
Vale, ya veo la causa, pero no la solucion (snif)
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")
}
Mákina tío, funciona perfecto.
Salu2!!
¿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 ...