TRUCOS Y
TUTORIALES
PARA TU BLOG
No, no vendemos
camisetas... aun

Script para añadir a favoritos

16 de abril de 2009 | | 55 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 type="text/javascript">
function agregar(){
//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.

55 Comentarios en total

  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

    ResponderSuprimir
  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

    ResponderSuprimir
  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.

    ResponderSuprimir
  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 ;)

    ResponderSuprimir
  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

    ResponderSuprimir
  6. perdon es esta

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

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

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

    Besitos!

    ResponderSuprimir
  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.

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

    Gracias!! Eres un tipazo =)

    ResponderSuprimir
  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

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

    ResponderSuprimir
  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.

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

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

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

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

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

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

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

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

    ResponderSuprimir
  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.

    ResponderSuprimir
  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!

    ResponderSuprimir
  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!

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

    ResponderSuprimir
  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.

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

    ResponderSuprimir
  28. Gracias Administrador, otro abrazo para ti!

    ResponderSuprimir
  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"

    ResponderSuprimir
  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 !!

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

    ResponderSuprimir
  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.

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

    ResponderSuprimir
  34. Hola

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

    Gracias....

    ResponderSuprimir
  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.

    ResponderSuprimir
  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 :/

    ResponderSuprimir
  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()" />

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

    ResponderSuprimir
  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~!!

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

      Suprimir
    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...

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

      Suprimir
    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?

      Suprimir
    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...

      Suprimir
    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.

      Suprimir
  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..!!

    ResponderSuprimir
  41. esto funciona en todos los exploradores?

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

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

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

      Suprimir

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.
 
2012 © Ciudad Blogger
¿Te gusta Ciudad Blogger?