Come visualizzare codice HTML in un post

.
La cosa mi ha creato qualche problema, è evidente che se copio e incollo del codice HTML in un post, quanto scritto viene interpretato e si trasforma o in porcheria o in codice eseguibile.
Le soluzioni che ho trovato e testato sono due:

La prima:
Modificare il codice html del layout del modello del blog, 'ripulire' i tag dell'HTML tramite un opportuno programmino e incollare il risultato nel proprio post, racchiudendolo però tra i tag <pre> e </pre>.
Con questa soluzione il codice viene visualizzato all'interno di una simpatica finestra con tanto di barra di scorrimento, se necessario.
(vedi l'esempio completo e dettagliato qui)

La seconda:
Ricorrere ad un programmino di 'decodifica' dei tag HTML e fare semplicemente un copia e incolla del risultato dell'elaborazione dentro il post. Il programmino potrebbe essere questo oppure questo.

Nel post precedente, qui sotto, c'è il risultato dei due diversi modi di risolvere il problema.

.

Rete Toscana Classica

.
Ho aggiunto un altro widget, per ascoltare Rete Toscana Classica in streaming.
Qui sotto il codice, ripreso direttamente dal loro sito.

<div id="sidebar" style="float:left;"><span id="txt" class="o"></span>
<div id="ascolta"><a href="mms://streaming.intoscana.it/wmtencoder/rtc.wma"><img border="0" alt="" width="21" style="vertical-align:middle; float:right; border:0px; padding:0px;margin:0px;" src="http://eventi.intoscana.it/retetoscanaclassica/img/sound.gif" height="20"/></a><a href="mms://streaming.intoscana.it/wmtencoder/rtc.wma" target="_blank" title="Ascolta on line RTC"> Ascolta</a>
</div>
</div>

http://www.retetoscanaclassica.it

<div id="sidebar" style="float:left;"><span id="txt" class="o"></span>
<div id="ascolta"><a href="mms://streaming.intoscana.it/wmtencoder/rtc.wma">
<img border="0" alt="" width="21" style="vertical-align:middle; float:right; border:0px; padding:0px;margin:0px;" src="http://eventi.intoscana.it/retetoscanaclassica/img/sound.gif" height="20"/></a>
<a href="mms://streaming.intoscana.it/wmtencoder/rtc.wma" target="_blank" title="Ascolta on line RTC"> Ascolta</a>
</div>
</div>
.

Nube di Etichette

.
Una nube di edichette in un widget.

dopo aver trovato questa riga nel codice dell'html del layout del blog:

ho copia-incollato, a partire dal rigo successivo, quanto segue:

<b:widget id='Label99' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>

&lt;object type="application/x-shockwave-flash" data="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" width="250" height="200" allowscriptaccess="always" &gt;
&lt;param name="movie" value="http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf" /&gt;
&lt;param name="bgcolor" value="#ffffff" /&gt;
&lt;param name="flashvars" value="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;" /&gt;
&lt;p&gt;Blogumulus by &lt;a href='http://www.roytanck.com/'&gt;Roy Tanck&lt;/a&gt; and &lt;a href='http://www.bloggerbuster.com'&gt;Amanda Fazani&lt;/a&gt;&lt;/p&gt;
&lt;/object&gt;

</div>

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

Qui la fonte.

.

Ipernity MiniSlideShow

.
Usare il widget slideshow di Blogspot con una galleria di Ipernity, collegandola al percorso degli RSS dà risultati molto scadenti; anche se si possono modificare dimensioni e allineamento della casella (vedi qui) le immagini risultano "sfuocate".

Molto meglio il MiniSlideshow Ipernity badge, come si vede a lato.

L'animazione delle foto è un po' da mal di mare; c'è anche una opzione che permette di far vedere solo le immagini con un tag definito.