BlogBabel Rank: non intrusivo

Giovedì 17 Maggio, 2007
Aggiornamento: Blogbabel ha chiuso - tutti i servizi, widget e plugin non sono più attivi

In questo cosa il non intrusivo non si riferisce a particolari tecniche Javascript, anzi! Sempre per questioni legate alla compatibilità (ringrazio ancora Gioxx per il testing e feedback), ecco un'ulteriore metodo per installare l'antipixel di BlogBabel anche sui Blog che intercettano caricamenti di script e quant'altro:

HTML:
  1. <!-- BlogBabel Rank -->
  2. <img alt="BlogBabel Rank - by undolog.com" src="http://www.undolog.com/bbrank/[blog]"/>
  3. <!-- BlogBabel Rank -->

Ottenendo

BlogBabel Rank

Se volete potete anteporre anche il link a BlogBabel o alle vostre statistiche complete:

HTML:
  1. <!-- BlogBabel Rank -->
  2. <a target="_blank" href="http://it.blogbabel.com/metrics/[blog]">
  3. <img border="0" alt="BlogBabel Rank - by undolog.com" src="http://www.undolog.com/bbrank/[blog]"/>
  4. </a>
  5. <!-- BlogBabel Rank -->

O più semplicemente:

HTML:
  1. <!-- BlogBabel Rank -->
  2. <a target="_blank" href="http://it.blogbabel.com">
  3. <img border="0" alt="BlogBabel Rank - by undolog.com" src="http://www.undolog.com/bbrank/[blog]"/>
  4. </a>
  5. <!-- BlogBabel Rank -->

Questa tecnica rende l'antipixel di BlogBabel del tutto simile al metodo usato da Feedburner... ;)

Post correlati

6 commenti a: “BlogBabel Rank: non intrusivo”

  1. getAvatar 1.0 Giovedì 17 Maggio, 2007 alle 17:53
    Gioxx ha detto:

    Sei semplicemente geniale, meglio del mio risultato ottenuto con due righe di php ieri sera :P

  2. getAvatar 1.0 Giovedì 17 Maggio, 2007 alle 17:57
    Gioxx ha detto:

    Dimenticavo qualche suggerimento:
    a prescindere dalla posizione in classifica, farei il bottone con colore di sfondo verde (molto più bello di quel rosso spento). Per quanto riguarda l’immagine, ci mette un tantino a caricarsi. Se hai bisogno quindi di banda e connettività veloce non esitare a chiedere, possiamo fare “un secondo mirror” del servizio sul server del sottoscritto in Francia :)

  3. getAvatar 1.0 Venerdì 18 Maggio, 2007 alle 10:24
    P|xeL ha detto:

    Complimenti per l’idea… solo un appunto: nel codice che pubblicizzi inserisci il tag “alt”, in modo da rendere il codice valido… ;-)
    Ciao,
    P|xeL

  4. getAvatar 1.0 Venerdì 18 Maggio, 2007 alle 18:12
    Andrea Micheloni ha detto:

    Carina come idea :) e quoto P|xel

  5. getAvatar 1.0 Venerdì 18 Maggio, 2007 alle 18:22
    Giovambattista Fazioli ha detto:

    @P|xel
    Ho aggiornato il codice con l’attributo ALT come avevi fatto notare, Grazie!

  6. getAvatar 1.0 Martedì 04 Marzo, 2008 alle 17:43
    undolog » Blog Archive » Photoshop study: blogbabel italia ha detto:

    [...] Photoshop study: blogbabel italia Tags: Blogbabel, Case Study, Grafica & Design, photoshopQualcuno mi ha detto: «Hai realizzato tre tipi di visualizzatori rank per Blogbabel; uno in Flash, uno in immagine e uno in Adobe AIR! Che aspetti a fargli un logo?». Ecco quindi alcuni studi… Mi aspetto di diventare almeno socio onorario di Blogbabel Italia! [...]

Lascia un commento

TAG XHTML permessi: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Usa <pre> per racchiudere codice