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.

Tabella in HTML

.
L'anteprima nell'editor di blogspot ha interlinee doppie; la larghezza di ciascuna riga è maggiore di quella originale visualizzata da un browser e creata con Kompozer 0.8a4.
Che una parte della terza colonna non si veda è normale perché la larghezza della tabella l'ho fissata per un Blog di layout diverso.
E per fare la tabella 'dinamica'?

ACS 8000 MICROPROCESSORE 8 BIT SUPPORTO Di MEMORIA 8" FLOPPY E HARD DISK RICOVERO DATI SU CASSETTA MAGNETICA	da 64 K RAM di memoria a 208 K RAM di memoria Floppy disk singola faccia doppia densità 0,5 MByte Dischi fissi da 10, 20, 40, 80 MByte in linea	Cassetta magnetica per ricovero dati da 17,5 MByte da 1 a 4 terminali per multiutenza Sistemi operativi: CP/M, MP/M, OASIS
ACS 5 MICROPROCESSORE A 8 BIT SUPPORTO Di MEMORIA 5 1/4" FLOPPY E HARD DISK	da 196 K RAM di memoria Floppy disk doppia faccia doppia densità 1 MByte Dischi fissi da 5, 10, 20 M Byte in linea da 1 a 3 terminali per multiutenza Sistemi operativi: CP/M, MP/M, OASIS
ACS 8600 MICROPROCESSORE A 16 BIT SUPPORTO DI MEMORIA 8" FLOPPY E HARD DISK RICOVERO DATI SU CASSETTA MAGNETICA	da 500 a 1000 K RAM di memoriaa 500 a 1000 K RAM di memoria Floppy disk singola faccia doppia densità 0,5 MByte Dischi fissi da 10, 20, 40, 80 MByte in linea	Cassetta magnetica per ricovero dati da 17,5 MByte da 1 a 8 terminali per multiutenza Sistemi operativi: CP/M-86, MP/M-86, OASIS-16. XENIX

.

Usando FileToLink

.
Usando FileToLink ho:

Diretto
http://www.filetolink.com/531217c0

Hotlink for Websites:


----

In questo caso il direct link funziona: consente di scaricare direttamente il file senza ulteriori trasferimenti su pagine proprietarie.
Il sito non richiede iscrizioni.

Utilizzano la piattaforma di storage S3 di Amazon.

------
Aggiornamento del 01/07/09

Adesso anche loro fanno passare, obbligatoriamente, da una loro pagina di download. Un vero peccato!

------
Aggiornamento dell' 11/10/09

Che dire, adesso sono tornati al download diretto dal link, senza passare dalla pagina di download. Speriamo resti così!


.

Link da Box.net

.

Vediamo come funziona, se è un link diretto questo da BOX.NET.
---
No, niente da fare, anche in questo caso porta direttamente alla pagina di download di Box.Net.
C'è anche la possibilità di una anteprima, che è in iPaper (il sw che hanno su Scribd).
.

Il direct link è possibile solo per gli utenti PRO, a pagamento.

.

Olivetti PC Family

.
Prova di link, questa volta da Scribd.

Prima embedded:
(Cliccando su More e scegliendo Save document è possibile il download del file PDF)
More si vede solo se l'immagine è abbastanza grande, altrimenti si clicca direttamente sul link qui di sotto.
Nota: bisogna essere iscritti al servizio o iscriversi prima di poter scaricare il file

Olivetti PC Family/Famiglia PC Olivetti (1984)

Publish at Scribd or explore others: Other Marketing Uncategorizable-Unca Pubblicità

La stringa HTML per l'embedding ha due parametri di ridimensionamento

align="middle" height="250" width="50%"
originariamente erano:
align="middle" height="500" width="100%"

----

Il link diretto è qui.

Link di file in hosting su SkyDrive

,.
Non voglio dare accesso diretto a una directory pubblica di MS SkyDrive, allora metto il link del file per consentire il download diretto, senza tanti passagi intermedi.

Ma MS cambia ogni qualche ora il percorso.
Verifico qui le tre possibilità che ho:

Il link all'indirizzo WEB:

http://cid-71219b1177ba62b3.skydrive.live.com/self.aspx/Segnalibri/Pesci.pdf

L'embedding:



Il link al percorso QUI per il download diretto:

http://vjqoxg.bay.livefilestore.com/y1poE3oCG2K0jeEsxIl7OQfTPlFAgxiTZ_iaxI85Ldh5RpesjFBI_1sdWVzAdVCGt1RydeTbQjcOLOf59W_HjZIw71_D-fRx4XN/Pesci.pdf

Vediamo se, con il passare dei giorni, il link diretto consente ancora il download.

-------------
Aggiornamento 18/05/09

Confermo, oggi il link diretto qui sopra non funziona più.

.