Como poner imagenes a los enlaces a los links de los posts

bjkass · #1 11-May-2008, 03:52 PM

Hola. Quisiera poner automaticamente una pequeña imagen (

) en los links que ponga en los post que escribo. Estuve buscando por internet y encontre un tutorial en Xyberneticos, pero me sale en todos los links del blog, yo lo quiero solo para los post. El codigo en cuestion es javascript:

Código PHP:


			
<script type="text/javascript">
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<links.length; j++) {
      var hoststring = /^http:/;
      var localdomain = "http://www.ejemplo.com";
      var hrefvalue = links[j].getAttribute("href",2);
        if ((hrefvalue.search(hoststring) != -1) && (hrefvalue.indexOf(localdomain) == -1)) {
            var domain = hrefvalue.match(/(w+)://([^/:]+)(:d*)?([^# ]*)/);
            domain = RegExp.$2;
            var cue = document.createElement("img");
            cue.className = "faviconimg";
            var cuesrc = "http://"+domain+"/favicon.ico";
            cue.setAttribute("src",cuesrc);
            cue.onerror = function () {
                this.src = "external.gif";
                }
            insertAfter(cue,links[j]);
        }
    }
}
addLoadEvent(faviconize);
</script>
<style type="text/css">
p, li {font:normal 12px/18px arial;}
h1    {font:bold 22px/28px arial;}
h2    {font:bold 16px/20px arial;}
.wrap {width:500px;}
img.faviconimg {
    border:0;
    width:11px;
    height:11px;
    padding:0 4px;
}
ul.favilist {list-style:none;}
</style>

Se puede modificar este codigo para que funcione solo en los links de los posts? Si no es asi,¿como lo podria hacer?
Gracias

SergioMelzner · #2 16-May-2008, 03:49 AM

Usá este plugin: http://www.semiologic.com/software/p...xternal-links/

Una vez que lo activás, lo configurás y tenés cuatro checks. Te explico para qué es cada uno.

1 - Te pregunta si procesa TODOS los links (incluyendo footer, sidebar, etc) o solo los de content. Si lo dejás activado los procesa todos.
2 - Agrega el dibujito de external link que vos estás buscando, automáticamente, a todos los links que no estén en tu dominio. Podés hacer excepciones usando class="noicon" si querés que un enlace externo no tenga dibujito.
3 - Abrir los links externos en nueva página. Básicamente lo que hace es usar el target="_blank" en todos los links externos.
4 - Agrega NOFOLLOW a todos los links externos.

Con la tercera opción deberías poder hacer lo que querías, automáticamente. Si querés que procese todos los de tu blog también checkás el primero y si querés que procese solo lo de los post no.

Espero que te haya servido.

bjkass · #3 20-May-2008, 07:29 PM

Muchas gracias por la respuesta. el plugin me gusta, pero queria que saliese la imagen solo en los enlaces que sean fuera del blog, a otras paginas y articulos.