Blogumus, la versione funzionante anche su Internet Explorer

Claudio mi ha segnalato che il widget pubblicato stamattina ha problemi con Internet Explorer 7. In effetti le etichette non sono cliccabili con questo browser. Appena arrivato a casa da lavoro (ovviamente dopo aver sbaciucchiato mia moglie) mi sono subito messo all'opera per sistemare il codice proposto da Blogger Buster ed ecco qui il risultato: il widget Blogumus funzionante anche con Internet Explorer.

Questa versione dovrebbe anche sistemare il problema che hanno avuto alcuni di voi a visualizzarlo nel proprio blog. Se ci fosse più sintonia tra i vari browser in giro per la rete, la vita di un programmatore sarebbe più semplice.

Eliminiamo il vecchio widget

Se non avete aggiunto l'elemento di cui ho parlato nel precedente post, potete saltare questo paragrafo, altrimenti da Layout->Elementi pagina, eliminate il vecchio widget che avete aggiunto. Lo riconoscerete dall'etichetta che avete scelto:

Vi apparirà come un normale elemento di tipo "Etichette": cliccate su rimuovi e andate in Layout->Modifica HTML per aggiungere la nuova versione.

Inseriamo il nuovo widget

Cercate la seguente riga di codice:

<b:section class='sidebar' id='sidebar' preferred='yes'>

Subito sotto, incollate:

<b:widget id='Label99' locked='false' title='Categorie' type='Label'>
<b:includable id='main'>
  <b:if cond='data:title'>
    <h2><data:title/></h2>
  </b:if>
  <div class='widget-content'>
&lt;embed type="application/x-shockwave-flash" src="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" id="tagcloud" name="tagcloud" bgcolor="#ffffff" quality="high" flashvars="tcolor=0x000000&amp;mode=tags&amp;distr=true&amp;tspeed=100&amp;tagcloud=&lt;tags&gt;
<b:loop values='data:labels' var='label'>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url' style='12'><data:label.name/></a>
</b:loop>
&lt;/tags&gt;" width="250" height="200" allowScriptAccess="always"&lt;/embed&gt;

</div>

  <b:include name='quickedit'/>
</b:includable>
</b:widget>

Personalizzando le parti in verde così:

• Categorie è il nome dell'oggetto
• 250 e 200 sono rispettivamente larghezza e altezza dell'oggetto, modificatele per adattarle al vostro template
• ffffff e 000000 sono rispettivamente il colore di sfondo e quello del testo delle etichette, secondo la codifica RGB
• 12 è la dimensione del carattere

Una volta fatto, potete salvare il template. In Layout->Elementi pagina, troverete un nuovo elemento che potete posizionare dove più vi piace.

Condividi su Facebook, Twitter o Google Buzz:

Per ricevere direttamente in posta i nuovi articoli, inserisci il tuo indirizzo email:

oppure puoi iscriverti al feed per tenerti sempre aggiornato sui nuovi contenuti del blog!
Per maggiori informazioni sui feed, clicca qui!