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>
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í:
Aquí les dejo unas imágenes que hice y que pueden usar libremente.
Ciudad Blogger
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
ResponderEliminarhola... 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
ResponderEliminarClan Russo, la función de página de inicio sólo funciona en Internet Explorer, los demás navegadores no lo aceptan.
ResponderEliminarFunky, 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.
Buenisimo tu blog. Ya puse el boton en mi blog, les dejo el link para que lo visiten: http://tecnoloblogeek.blogspot.com
ResponderEliminarSlds y exelente blog ;)
Qué bueno que te ha gustado ;)
ResponderEliminarhola 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
ResponderEliminarhttp://1.bp.blogspot.com/_qRUQrW5PvYs/S7QMn7awhwI/AAAAAAAAAO4/5SLkZONK9cw/s1600/favoritos.png
espero les guste
perdon es esta
ResponderEliminarhttp://i44.tinypic.com/k97rjq.jpg
Andas inspirado eh ;)
ResponderEliminarTe ha quedado bien!
Súper!!! Agregué la imagen en movimiento, se ve genial, aunke se vería mejor en rosa ajajaja, gracias!!!
ResponderEliminarBesitos!
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.
ResponderEliminarBesos.
Naaaaah!! Me kedo con la ke tú hiciste, aun siendo rojas las letras, se ven bastante bien!!
ResponderEliminarGracias!! Eres un tipazo =)
BUCHA nada me resulta, algo pasa con mi bloguer,
ResponderEliminarcoloque 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
¿Ya te cercioraste que en el código hayas puesto bien la dirección de tu blog?
ResponderEliminarMuchas gracias por este código. Me fue de mucha utilidad.
ResponderEliminarCheca cómo quedó acá.
http://senorgarrapata.blogspot.com/
Ya estás agregado en mis favoritos.
Qué bueno te ha servido, muchas gracias por agregarme a tus favoritos :)
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminarNo veo que tengas puesto el código.
ResponderEliminarsolo es para internet explorer y para los demas??
ResponderEliminarSólo funciona para Internet Explorer y Mozilla Firefox.
ResponderEliminarPara mozilla firefox no funciona¡¡ bueno pero igual gracias
ResponderEliminarLo he probado en ambos navegadores y en los dos me ha funcionado perfectamente.
ResponderEliminarNo me funciona con el explorer , con el firefox segun me comentaron si funciona , no se que pasa :S
ResponderEliminarProbablemente 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.
ResponderEliminarHola, Potro!
ResponderEliminarHace 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!
Hola Vicky,
ResponderEliminarNo 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!
Muchas gracias!
ResponderEliminarEsperaré con ansias esa publicación.
Saludos!
no funciona para Google Chrome???
ResponderEliminarNo, 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.
ResponderEliminarEstan buenisimos los tutoriales papá!. Te mando un abrazo y desde ya muchisimas gracias. ME RE SIRVIERON!
ResponderEliminarGracias Administrador, otro abrazo para ti!
ResponderEliminarVale, qué bueno que ya lo has resuelto :)
ResponderEliminarHola, 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.
ResponderEliminarGracias a ti por tu visita, qué gusto que encontraste lo que necesitabas. ¡Saludos!
ResponderEliminarHola
ResponderEliminarya pudistes hacer el script para Google Crome??
ya q seria muy bueno xD
Gracias....
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.
ResponderEliminarpotro 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.
ResponderEliminarpor 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 :/
Hola elioth,
ResponderEliminarNo 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()" />
Este comentario ha sido eliminado por el autor.
ResponderEliminarHolas Potro~
ResponderEliminarEn 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~!!
Pues lo pondrías donde quieras que aparezca el enlace para Añadir a Favoritos.
Eliminarpues lo intente pero me salio error.. mira es para esta blog
Eliminarhttp://koi-subs.blogspot.com/
y es para el icono de la estrella en la sidebar...
Podes ayudarme? jeje...
PD: me podes ayudar... en el porque no aparece el icono predeterminado para el autor del post?
EliminarYa no entendí. ¿Lo quieres poner en la sidebar o dónde?
EliminarLo otro que mencionas, ¿cuál es el ícono que debería salir?
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...
EliminarY 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...
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.
EliminarLo 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.
Otra vez~ veo la luz!!
ResponderEliminarBueno 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..!!
Qué gusto que así sea :)
Eliminaresto funciona en todos los exploradores?
ResponderEliminarSólo Internet Explorer y Firefox.
EliminarGracias Potro la verdad tu blog me ayudo mucho con mi espacio en la red. Exitos desde Ecuador
ResponderEliminarme sirvió mucho tu "agregar a favoritos"... Te hago una donación cuando me donen a mi!..jajajajja..gracias!!..;)..
ResponderEliminarJajaja, vale, esperemos entonces que te hagan una donación pronto :)
EliminarHola 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...
ResponderEliminarLamento 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.
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.
EliminarSaludos y gracias por tu comentario.
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.
Eliminarexcelente 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/
ResponderEliminarMuchas gracias por tu comentario David y mucha suerte con tu blog!
EliminarPotro como puedo poner el siguiente codigo:
ResponderEliminar#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 <
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.
EliminarOh Okk Muchas Gracias! Ya No me Rompo mas La Cabeza jajaja!
EliminarHola amigo potro...
ResponderEliminarYa 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...
No conozco un script que haga eso, aunque es casi seguro que lo hay. Quizá en Google encuentres lo que buscas.
EliminarGracias, me funcionó sin problemas, aunque... ¿cómo podría centrar la imagen?
ResponderEliminarGracias
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:
ResponderEliminarhttp://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ú
En iE10 no me funciona
ResponderEliminarPrueba con este:
Eliminar<a href="URL de tu blog" onclick="window.external.AddFavorite(this.href,this.innerHTML);">Agrégame a tus Favoritos</a>
gracias por la data lo voy a aplicar en mi blog http://metnueve.blogspot.com.ar/
ResponderEliminarsaludos