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

Acerca de rogeliorabbit

Administrador de Servidores y Páginas Web actualmente sin trabajo. Me interesa la programación, PHP, diseño web, WordPress, Android … Puedes encontrarme en Google+ o en Twitter

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

*

Puedes usar las siguientes etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>