10/05[Tutorial]:agregar favicones a los enlaces a otras webs con javascript

Por: rogeliorabbit @ 2 años, 3 meses antes. → Tags:

En askthecssguy tienen un muy buen tutorial para poner los favicones de las paginas a las cuales mencionamos en nuestros enlaces en los posts. Básicamente la idea es a todos los enlaces que apuntan a un sitio externos (otra web) agregarles sus respectivos favicones al lado. Esta tecnica presenta distintas formas de utilizarse, yo os voy a hablar de como agregar favicones en todos los enlaces de nuestra web, menos en enlaces que apunten a nuestra propia web:

Para ello lo unico que tenemos que hacer es tener una imagen, por si la pagina a la que enlacemos no tiene favicon, almacenada, por ejemplo esta:( ). Tras esto, copiamos el siguiente codigo entre las etiquetas <head> y </head>, estando esto en wordpress en el archivo header.php de nuestro theme activo:


function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
	window.onload = func;
  } else {
	window.onload = function() {
	  oldonload();
	  func();
	}
  }
}
function insertAfter(newElement,targetElement) {
  var parent = targetElement.parentNode;
  if (parent.lastChild == targetElement) {
	parent.appendChild(newElement);
  } else {
	parent.insertBefore(newElement,targetElement.nextSibling);
  }
}
function faviconize() {
  if (!document.getElementsByTagName) return false;
  if (!document.createElement) return false;
  var links = document.getElementsByTagName("a");
	for (var j=0; j

Info: Teneis que modificar dos cosas en este codigo. Primero cambiar www.ejemplo.com (lo buscais en el codigo) por la direccion de vuestra pagina o blog. Tambien teneis que quitar los // del comienzo del javascript para que funcione.

Tutoriales

1 lecturas

Sin Comentarios ...

votar Votar

Escrito el Sábado, 10 May 08 a las 21:10 por rogeliorabbit.
Modificado el 10 Mayo, 2008 a las 23:07

Puedes seguir las respuestas de esta entrada a traves de RSS 2.0. Tambien puedes añadir un comentario o un trackback desde tu sitio.
0 lectores lo han guardado en delicious . unauthenticated tweets
Goo.gl para esta entrada:

«
»

Post Relacionados

Dejar un comentario

¡Deja tu huella! - Ten en cuenta que el comentarío debe de estar relacionado con la entrada actual, no usar insultos ni descalificaciones hacia el autor o otros visitantes, sino Chuck Norris te seguira y nadie puede escapar de Chuck Norris.
Si quieres hacer una pregunta fuera de este tema al administrador, ve a la seccion de contacto. Recuerda que si quieres usar un avatar debes registrarte en Gravatar. Tambien lo puedes hacer marcando la casilla que esta debajo del campo del mensaje. ¡Y ahora tambien te puedes conectar con tu cuenta en Facebook!

Comment Spam Protection by WP-SpamFree