Script para añadir a favoritos

16 de abril de 2009 72 comentarios ,
Este pequeño script hará que los demás los puedan agregar a sus favoritos en el navegador de internet. Les mostraré dos variantes, una con texto y otra con una imagen. El script es el siguiente y deben pegarlo en un elemento HTML/Javascript:

<script>
function agregar(){
// Para IE
if ((navigator.appName=="Microsoft Internet Explorer") && (parseInt(navigator.appVersion)>=4)) {
var url="http://nombre-de-mi-blog.blogspot.com/"; //
var titulo="Nombre de tu blog"; //
window.external.AddFavorite(url,titulo);
}
// Para Firefox
else {
if(navigator.appName == "Netscape")
//
window.sidebar.addPanel("Nombre de tu blog", "http://nombre-de-mi-blog.blogspot.com","");
}
}
</script>
<a href="javascript:agregar()">Agrégame a tus favoritos</a>

Agrégame a tus favoritos


Sólo deben cambiar lo que está en rojo por sus datos. Para cambiar el texto por una imagen cambiamos esta última parte:

<a href="javascript:agregar()"><img alt="favoritos" src="http:URL de la imagen"/></a>

Quedaría así:
favoritos

Aquí les dejo unas imágenes que hice y que pueden usar libremente.



72 comentarios en:

" Script para añadir a favoritos "

  1. Muy buen post el potro en verdad me encantaron esas imagenes pero creo que hare una propia a proposito de esto sabes como puedo poner la opcion de pagina de inicio? pero que tambien funcione en mozilla y en google chrome

    ResponderEliminar
  2. hola... tengo una consulta con respesto a este script, cuando se ejecuta este codigo se establece bien.... pero al momento de ejecutar para ir a la pagina se abre una pagina pero lateral al lado izquierdo, espero que soluciones luego mi duda, bueno de todas maneras vere que puedo hacer gracias de todas maneras... gracias!! :D

    ResponderEliminar
  3. Clan Russo, la función de página de inicio sólo funciona en Internet Explorer, los demás navegadores no lo aceptan.

    Funky, supongo que usas Mozilla Firefox. Cuando guardes el marcador en favoritos desmarca la casilla Cargar este marcador en el panel lateral, esa es la razón por la que la página se carga del lado izquierdo.

    ResponderEliminar
  4. Buenisimo tu blog. Ya puse el boton en mi blog, les dejo el link para que lo visiten: http://tecnoloblogeek.blogspot.com
    Slds y exelente blog ;)

    ResponderEliminar
  5. hola Potro me parecía que al decir agradarme a favoritos muchas personas pensaban que no eran para los marcadores de firefox a los que les pase = que ami les dejo esta pic

    http://1.bp.blogspot.com/_qRUQrW5PvYs/S7QMn7awhwI/AAAAAAAAAO4/5SLkZONK9cw/s1600/favoritos.png

    espero les guste

    ResponderEliminar
  6. perdon es esta

    http://i44.tinypic.com/k97rjq.jpg

    ResponderEliminar
  7. Andas inspirado eh ;)
    Te ha quedado bien!

    ResponderEliminar
  8. Súper!!! Agregué la imagen en movimiento, se ve genial, aunke se vería mejor en rosa ajajaja, gracias!!!

    Besitos!

    ResponderEliminar
  9. Definitivamente sí, lástima que ya no tengo el programa de animación con el que los hice, sino te hacía uno. Pero con suerte quizá encuentres alguna imagen bonita en Google.

    Besos.

    ResponderEliminar
  10. Naaaaah!! Me kedo con la ke tú hiciste, aun siendo rojas las letras, se ven bastante bien!!

    Gracias!! Eres un tipazo =)

    ResponderEliminar
  11. BUCHA nada me resulta, algo pasa con mi bloguer,
    coloque todo cuanto está indicado, pero en el minuto de pinchar en mi programa, me sale la pagina de google, a que se debe esto, potro... me puedes orientar. te dejo mil besitos.. su amiga tiernita

    ResponderEliminar
  12. ¿Ya te cercioraste que en el código hayas puesto bien la dirección de tu blog?

    ResponderEliminar
  13. Muchas gracias por este código. Me fue de mucha utilidad.
    Checa cómo quedó acá.

    http://senorgarrapata.blogspot.com/

    Ya estás agregado en mis favoritos.

    ResponderEliminar
  14. Qué bueno te ha servido, muchas gracias por agregarme a tus favoritos :)

    ResponderEliminar
  15. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  16. No veo que tengas puesto el código.

    ResponderEliminar
  17. solo es para internet explorer y para los demas??

    ResponderEliminar
  18. Sólo funciona para Internet Explorer y Mozilla Firefox.

    ResponderEliminar
  19. Para mozilla firefox no funciona¡¡ bueno pero igual gracias

    ResponderEliminar
  20. Lo he probado en ambos navegadores y en los dos me ha funcionado perfectamente.

    ResponderEliminar
  21. No me funciona con el explorer , con el firefox segun me comentaron si funciona , no se que pasa :S

    ResponderEliminar
  22. Probablemente sea la versión de tu navegador. Hasta hace un par de meses en la versión 8 funcionaba sin problemas, ahora hace mucho que no lo uso pero al menos en esa versión debería seguir funcionando.

    ResponderEliminar
  23. Hola, Potro!
    Hace tiempo puse este script en mi blog, con mi propia imagen, y aún funciona perfectamente, en IE y en Firefox. Gracias.
    He visto que no funciona en Google Chrome, porque creo que ese script estaba antes de que Google lanzara ese navegador (no sé si me equivoco).
    Bueno, mi consulta es si tú conoces de algún buen script que funcione a la vez en IE, Firefox y G-Chrome. Es que me parece que esos tres son los que la gente más comúnmente utiliza. Y cada vez más son los que prefieren Google Chrome, pero lastimosamente este script no funciona para ese navegador (al menos a mí no me funciona).
    O mejor aún, si nos pudieras enseñar algún código que se pueda añadir a este presente script (que por cierto, ha resultado muy funcional), para que así también este gadget sirva para G-Chrome.
    Gracias de antemano, y muchos saludos!

    ResponderEliminar
  24. Hola Vicky,

    No te equivocas, cuando se creó este script Chrome aún no existía aunque la entrada fue redactada un año después del lanzamiento de ese navegador pero como aun estaba en pañales el navegador poco había para él.
    Deja ver si esta semana o la próxima puedo publicar uno que funcione en todos los navegadores o al menos en la mayoría de ellos, por ahí recuerdo tener un script que lo hacía sólo sería cuestión de probarlo a ver si aun sigue funcionando.

    ¡Saludos!

    ResponderEliminar
  25. Muchas gracias!
    Esperaré con ansias esa publicación.
    Saludos!

    ResponderEliminar
  26. No, de hecho no hay ningún método que agregue para Chrome de manera forzosa, sólo hay uno donde aparece una ventana emergente diciendo que presiones unas teclas para añadir a favoritos, pero como verás, no es nada funcional.

    ResponderEliminar
  27. Estan buenisimos los tutoriales papá!. Te mando un abrazo y desde ya muchisimas gracias. ME RE SIRVIERON!

    ResponderEliminar
  28. Gracias Administrador, otro abrazo para ti!

    ResponderEliminar
  29. Hola potro, hice todos los pasos y copie y pegue el codigo del script pero no me daje guardar.. me manda este error: "The entity name must immediately follow the '&' in the entity reference."

    PD: No puse el codigo en un nuevo gadget HTML, sino en la plantilla, en "editar plantilla"

    ResponderEliminar
  30. ya lo resolvi !! solo tenia que copiar el cogido en una nuevo gadget html y despues la imagen en la plantilla...

    Muchas gracias de nuevo por el tuto !!

    ResponderEliminar
  31. Vale, qué bueno que ya lo has resuelto :)

    ResponderEliminar
  32. Hola, muchas gracias de verdad me ayudaste con este codigo que lo andaba buscando como loco, solo encontraba el de texto pero aqui está el de imagen. Muchas gracias.

    ResponderEliminar
  33. Gracias a ti por tu visita, qué gusto que encontraste lo que necesitabas. ¡Saludos!

    ResponderEliminar
  34. Hola

    ya pudistes hacer el script para Google Crome??
    ya q seria muy bueno xD

    Gracias....

    ResponderEliminar
  35. El problema con Chrome es que no agrega directamente a los marcadores, lo único que hace es abrir una alerta que da las instrucciones para agregar el sitio a los marcadores, así que en realidad no sirve para nada pues no lo agrega el script sino el usuario.

    ResponderEliminar
  36. potro como puedo poner este comando en un boton de la barra :/ solo lo puedo poner directamente en un blidget pero lo nesesito en un boton de la botonera.

    por sierto ya intente con :
    " FORM
    INPUT onclick=javascript:agregar(); type=button value="Añadir a favoritos">
    /FORM "
    ( le tuve que sacar los >< para que meje escribirlo xD
    pero me crea un boton de formulario dentro del blidget no puedo darle como boton de barra :/

    ResponderEliminar
  37. Hola elioth,

    No he entendido a cuál barra te refieres, pero para que en lugar de un enlace sea un botón entonces debes agregarle esto:
    <input type="button" value="Agregar a favoritos" onclick="agregar()" />

    ResponderEliminar
  38. Este comentario ha sido eliminado por el autor.

    ResponderEliminar
  39. Holas Potro~
    En donde tendria que poner el codigo, si quisiera ponerlo directamente en la plantilla y no en un gadget?
    Lo digo por que en las plantillas de diseñador ya vienen con iconos propios pero en la que estoy trabajando no lo esta, asi que simplemente copiaria la url del icono de otra plantilla para mi blog actual, pero y el script en donde lo pongo?

    Saludos~!!

    ResponderEliminar
    Respuestas
    1. Pues lo pondrías donde quieras que aparezca el enlace para Añadir a Favoritos.

      Eliminar
    2. pues lo intente pero me salio error.. mira es para esta blog
      http://koi-subs.blogspot.com/
      y es para el icono de la estrella en la sidebar...

      Podes ayudarme? jeje...

      Eliminar
    3. PD: me podes ayudar... en el porque no aparece el icono predeterminado para el autor del post?

      Eliminar
    4. Ya no entendí. ¿Lo quieres poner en la sidebar o dónde?
      Lo otro que mencionas, ¿cuál es el ícono que debería salir?

      Eliminar
    5. El icono de favoritos (la estrella) quiero que quede ahi, junto a las demas (Google+, RSS y demases...), pero nose como poner el scrip ahi, en la primera que lo intente no me salio, como de construmbre jeje...
      Y el icono del autor es
      http://1.bp.blogspot.com/-34l1lZVSUvM/TvsjjdUcouI/AAAAAAAADf8/LB64dvbdUCY/s000/author.png
      Es uno comun de la plantilla, pero no aparece y solo queda "Publicado por otashi", me preguntaba porque no aparecia el icono ahi junto a eso...

      Eliminar
    6. El primer código ponlo en la plantilla, por ejemplo antes de /HEAD, el otro ponlo donde quieres que aparezca, en este caso junto a los de RSS y demás.
      Lo del ícono, es porque el código de ese dato le has eliminado la clase que hace que aparezca el icono. Debe ser algo como esto:
      <div class="meta_author" />

      Revisa la plantilla original para que veas cómo ponerlo.

      Eliminar
  40. Otra vez~ veo la luz!!
    Bueno busque por la plantilla original para poner el script original (y nose si tambien es mas actualizo..??) pero ya esta ;)
    Y eso del meta_author, si lo habia borrado, porque justo estaba puesto por donde esta el titulo del post, jeje me olvide :P

    Pero ya esta solucionado ;)

    Saludos y Gracias de nuevo..!!

    ResponderEliminar
  41. esto funciona en todos los exploradores?

    ResponderEliminar
  42. Gracias Potro la verdad tu blog me ayudo mucho con mi espacio en la red. Exitos desde Ecuador

    ResponderEliminar
  43. me sirvió mucho tu "agregar a favoritos"... Te hago una donación cuando me donen a mi!..jajajajja..gracias!!..;)..

    ResponderEliminar
    Respuestas
    1. Jajaja, vale, esperemos entonces que te hagan una donación pronto :)

      Eliminar
  44. Hola Potro, antes que nada quería agradecer todos tus aportes, eres muy bueno en lo que haces y eso es bueno para nosotros también, claro está. Necesito molestarte en esta ocasión por este script. Lo he instalado de manera excelente y sin mayores problemas, ya le puse una imagen de mi agrado y demás, pero el problema que tengo es el siguiente: a pesar de haber puesto el Nombre de mi Blog y su respectivo link, al abrirse la pequeña ventana del Firefox o del IE, en la casilla del Nombre del Blog, figura justamente "Nombre de tu blog", en lugar del nombre que yo le coloqué previamente, y cuando reviso el Favorito, me redirecciona a tu Blog de prueba. No comprendo qué es lo que me falta hacer...

    Lamento mucho no poder dejarte sólo un comentario de agradecimiento y tener que pedirte esto, pero la verdad es que me urge bastante. ¡Un saludo! Kike.

    ResponderEliminar
    Respuestas
    1. Hola Kike, por lo que mencionas aún no has cambiado los datos que se indican en la entrada, acuérdate que esos datos se ponen dos veces, si lo has hecho sólo una vez no funcionará. Mira de nuevo el código.

      Saludos y gracias por tu comentario.

      Eliminar
    2. Muchas gracias Potro nuevamente, el problema se solucionó luego de leer tu amable respuesta, pero paradójicamente no fui yo quien lo solucionó, fue casualidad. Yo había puesto el url y el nombre las dos veces, pero no funcionaba de todas maneras... misterios de la informática... Eres un genio, hasta luego, Kike.

      Eliminar
  45. excelente amigo tu pagina es la mejor que he visto estoy iniciándome en esto de los blog y he sacado mucha información valiosa de aquí un millón de gracias estas invitado a conocer mi blog y así me das unos tips mi blog esta relacionado con los negocios por Internet ademas de como ayudar a los jóvenes estudiantes a ganar dinero desde casa aquí te lo dejo http://dineroextracomoestudiante.blogspot.com/

    ResponderEliminar
    Respuestas
    1. Muchas gracias por tu comentario David y mucha suerte con tu blog!

      Eliminar
  46. Potro como puedo poner el siguiente codigo:
    #a href="javascript:agregarFavoritos();" title="Agregar a Favoritos">
    TEXTO o IMAGEN
    #/a>

    dentro de esta img mapeada
    #area shape="rect" coords="222,8,255,42" href="#" alt="favoritos" />

    ya que lo pongo en href y no funciona!

    # es igual a <

    ResponderEliminar
    Respuestas
    1. En imágenes mapeadas no se puede, porque el script requiere que la función se llame desde una etiqueta A HREF, y no es el caso de este tipo de imágenes.

      Eliminar
    2. Oh Okk Muchas Gracias! Ya No me Rompo mas La Cabeza jajaja!

      Eliminar
  47. Hola amigo potro...

    Ya visto el problema con el navegador Google Chrome, quisiera que por favor me ayudaras con un código html para saber que tipo de navegador está utilizando el visitante y si es google chrome que oculte el link para agregar a los favoritos...

    Gracias amigo Potro, de ante todo muchas gracias por tu ayuda, pocos lo hacen...

    ResponderEliminar
    Respuestas
    1. No conozco un script que haga eso, aunque es casi seguro que lo hay. Quizá en Google encuentres lo que buscas.

      Eliminar
  48. Gracias, me funcionó sin problemas, aunque... ¿cómo podría centrar la imagen?

    Gracias

    ResponderEliminar
    Respuestas
    1. Mira esta entrada:
      http://ciudadblogger.com/2009/12/alinear-elementos-y-gadgets.html

      Eliminar
  49. Mil gracias Amigo Potro por tu gran aporte. Personas como tu hacen que este Mundo sea MUCHO MEJOR. La mejor alternativa para Google Chrome la encontré en este enlace:

    http://norfipc.com/web/como-hacer-vinculo-guardar-pagina-favoritos-marcadores.html

    el script no esta permitido en este comentario. Verlo en el enlace. Saludos desde Perú

    ResponderEliminar
  50. Respuestas
    1. Prueba con este:

      <a href="URL de tu blog" onclick="window.external.AddFavorite(this.href,this.innerHTML);">Agrégame a tus Favoritos</a>

      Eliminar
  51. gracias por la data lo voy a aplicar en mi blog http://metnueve.blogspot.com.ar/
    saludos

    ResponderEliminar

Si tu blog contiene material protegido por derechos de autor habilita tu perfil y deja únicamente el nombre de tu blog, no dejes la dirección del mismo, de lo contrario el comentario será eliminado.

 
Ir Arriba Ir Abajo
I Ciudad Blogger