Legen ... (wait for it) ... dary.
Los JefesWCEn ManresaLa Sagrada Familiael bosc de les fadesPor Cataluña (III)
BlumbaBlog
Home » [Tutorial]:agregar favicones a los enlaces a otras webs con javascript » Tutoriales

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

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.

Almacenado en Tutoriales y con los tags:

Noticias Relacionadas

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!

XHTML: Puedes usar estos tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>