Quando si va nella pagina web http://www.siteexperts.com/blogging/editit.htm , Edit It! appare come un link ad un’altra pagina, ma non bisogna cliccarci sopra, perché non è un link anche se ne ha tutta l’apparenza. Come sapete, bisogna limitarsi a copiare il collegamento col tasto destro del mouse. A confondere ancora di più le idee c’è anche il fatto che, per usarlo, dobbiamo inserirlo tra i Preferiti dove, notoriamente, ci sono dei link a dei siti web. Ma, ripeto, non è un link! Non è nemmeno un programma, anche se il suo funzionamento lo fa sospettare.

In realtà si tratta di poche istruzioni in una unica riga di codice che, di norma, dovrebbero far parte di una pagina web invece che della lista dei nostri Preferiti. In effetti queste istruzioni hanno un significato solo per Internet Explorer (per i più curiosi si tratta di codice javascript). Chi utilizza Firefox non ne ha bisogno.

Quando clicchiamo su Edit It! è come se inserissimo “al volo” quella riga di codice nella casella degli indirizzi esattamente come se fosse un indirizzo web; il browser interpreta le istruzioni e si comporta di conseguenza cambiando la visualizzazione della pagina. Questo è il solo motivo per cui lo mettiamo tra i preferiti: per comodità!
Se ci ricordassimo a memoria tutta la riga di codice, la potremmo scrivere a mano ogni volta nella casella degli indirizzi e otterremmo lo stesso risultato. Anche il fatto di mettere questo codice nella sottovoce Collegamenti nei Preferiti è una questione di comodità (perché così è più a portata di mano, visto che Collegamenti appare nella barra degli indirizzi). Potremmo metterlo in qualunque punto tra i Preferiti e accedervi tramite Menù. Il risultato sarebbe sempre quello. In effetti chi utilizza MSN Explorer dovrà arrivarci tramite menù perché non ha immediatamente accessibile la barra Collegamenti.

Questa che segue è la famigerata riga (qui appare spezzata perché è molto lunga, ma è una riga unica):

Cosa dicono in sostanza queste istruzioni? Servono a far apparire funzioni  dell’editor che semplicemente erano nascoste.  ((compresa la casellina per entrare in modalità HTML, da noi tanto amata..)

A meno che qualcuno non glielo impedisca! E te pareva…

Siccome l’operazione viene fatta sul vostro computer, chi glielo può impedire siete solo voi, o meglio la configurazione che avete dato al vostro sistema. Se (per esempio) avete scelto un livello di protezione alto per navigare su internet sarà questa protezione a impedire l’esecuzione del codice, oppure può essere il vostro antivirus o ancora il vostro firewall. Questo perché Edit It! è codice che, come ho detto, viene eseguito “al volo” durante la navigazione. Esattamente con lo stesso meccanismo utilizzato da alcuni virus o spyware. In genere però è il livello alto di protezione di Internet Explorer che blocca l’esecuzione. La strada più facile è abbassare questo livello, ma è anche la strada meno sicura. L’alternativa è quella di inserire gli indirizzi MSN tra i siti attendibili, dove il livello di protezione può essere lasciato basso.

In sostanza: Non c’è nulla da installare. Si tratta solo di tenere a portata di mano un riga di codice che potrebbe essere scritta direttamente nella barra degli indirizzi.

Chi comunque si trovasse in difficoltà a mettere Edit It! nei Preferiti, avendo capito il meccanismo, può seguire quest’altra strada:

1. crea un file di testo con Blocco Note e vi copia la riga di codice che ho scritto sopra;
2. salva il file con un nome tipo editit.txt in un posto facilmente raggiungibile (magari nel desktop);
3. poi, quando edita un intervento sul blog, apre il file e copia la riga di codice nella barra degli indirizzi di Internet Explorer e batte Invio.

Fatto! L’editor del blog farà apparire le opzioni nascoste. Non è il massimo, ma sempre meglio che rinunciare.

SPIEGAZIONE:

Come al solito E' NECESSARIO  Edit It!. ..

Prima di partire vi consiglio di aprire il blocco note del vostro p.c. e scriverci ESATTAMENTE questa riga (attenzione che c'è una maiuscola):

<P><IMG height=0 loop=infinite dynsrc=http://www.provincia.ps.it/privati/bberti/behaim/6lutepcsRin.mid width=0 border=0></P>

salvate il file con un nome a piacere in un posto del vostro computer dove potete ritrovarlo facilmente (anche sul desktop).

1) Iniziate un nuovo intervento sul vostro blog (scrivete quello che vi pare)

2) Finito di scrivere cliccate su Edit It! nella barra Collegamenti

3) Spuntate la casellina Utilizza HTML , andate in fondo alla pagina e copiateci la riga di codice che vi ho dato all'inizio e che avete salvato su file col blocco note.

4) Cliccate nuovamente sulla casellina HTML e tutto torna come prima e dopo un attimo già dovreste sentire la mia musica. Se non la sentite ritornate in modalità HTML e verificate di avere scritto tutto correttamente (maiuscole, minuscole, spazi...)

5) Potete pubblicare l'intervento.

La musica che ascoltate è un brano che si chiama 6lutepcsRin.mid ed è presente nel sito di BRUNO . all'indirizzo indicato nel parametro dynsrc del codice e vi serve da test per capire bene il processo. Per sostituire questo brano con uno di vostra scelta dovrete conoscere esattamente l'indirizzo internet (completo di nome e suffisso del brano) dove questo si trova, sostituendolo a quello dell'esempio che vi ho dato. La riga dovrà diventare così:
<P><IMG height=0 loop=infinite dynsrc=indirizzoVostroBrano width=0 border=0></P>

Qui torna utile il codice che vi ho fatto salvare col blocco note: lo potete riprendere in qualunque momento sostituendo solo l'indirizzo del brano, senza riscriverlo tutto. Poi copiate il tutto e lo incollate nel vostro blog

Come i più attenti avranno notato la musica viene inserita in un intervento diventando così la colonna sonora di quell'intervento e non del vostro intero blog. Questo però non è grave perché, a meno che non pensiate di mettere altra musica negli interventi successivi, quel brano continuerà ad essere eseguito tutti i giorni finché l'intervento non verrà cancellato. Inoltre verrà ripetuto all'infinito (ricominciando automaticamente da capo) finché non decidete di chiudere la sessione o di sparare sulle casse. Oppure (e qui sono le dolenti note) finché non decidete di aprire un commento. Se decidete di leggere i commenti la musica cessa; se volete riascoltarla dovrete fare necessariamente l'aggiornamento della pagina.

Potete mettere qualunque formato di file musicale, ma fate ATTENZIONE AL COPYRIGHT!! La pirateria musicale su internet è seriamente combattuta, molto più delle immagini. Sinceratevi sempre che non ci siano vincoli DELL'AUTORE prima di usare un brano. Vi consiglio di usare esclusivamente file MIDI. Per due motivi: primo perché sono molto leggeri e non appesantiscono quindi il vostro blog (già bastano le immagini) e, secondo, i diritti sui file midi sono meno vincolanti e si trovano un'infinità di siti che ve li danno gratuitamente.

Ultima annotazione: se scrivete più interventi con più brani, verrà suonato sempre quello più recente

Quando avete messo il colore di sfondo avete fatto già gran parte del lavoro. Ricordate le due righe di codice che avete utilizzato?

<DIV style="BACKGROUND-COLOR:#codcolore;WIDTH:100%;HEIGHT:100%;">

</DIV>

A questo dobbiamo aggiungere un parametro nuovo che serve per definire la cornice:

BORDER:#codicecolore dimensionepx tipo;

A differenza del colore di sfondo, il bordo vuole tre informazioni invece di una sola e queste informazioni vanno separate tra loro da uno spazio: la prima informazione è il colore del bordo (per il cui codice valgono le stesse regole del colore di sfondo), la seconda informazione è la dimensione del bordo in numero di pixel (es. 6px significa un bordo largo 6 pixel dove il pixel - per chi non lo sa - è il punto più piccolo rappresentabile sul monitor), infine il tipo di bordo (che può essere tratteggiato, continuo o altro). Il tipo di bordo viene definito da nomi convenzionali (in inglese purtroppo) che sono:

dashed
dotted
double
groove
hidden
inherit
inset
none
outset
ridge
solid

(per vedere i vari effetti potete andare sul blog di Valerana83 - http://spaces.msn.com/members/valerana/Blog/cns!1pizXFx9NlS2R5j3cdP0BU7g!397.entry che li ha provati tutti..

THANK'S!!! )

Ma vediamo in pratica cosa succede....

All'inizio del nostro intervento avremmo questa riga di codice:

<DIV style="BACKGROUND-COLOR:#ffccff;BORDER:#660066 6px groove ; WIDTH:100%;HEIGHT:100%;">

</DIV> alla fine

Fatto questo in Modalità HTML potrete passare alla MODALITA' NORMALE PER VEDERE SUBITO L'EFFETTO..  

Se però non siete soddisfatti e tornate alla modalità HTML per fare delle modifiche vi prenderà un 1/2 infarto.. Perché l'editor del blog si è preso delle iniziative e ha modificato il vostro codice in maniera apparentemente incomprensibile tipo:

<DIV style="BORDER-RIGHT: #660066 6px groove; BORDER-TOP: #660066 6px groove; BORDER-LEFT: #660066 6px groove; WIDTH: 100%; BORDER-BOTTOM: #660066 6px groove; HEIGHT: 100%; BACKGROUND-COLOR: #ffccff" align=center>

Niente panico! Semplicemente ha scomposto la vostra informazione in 4 sotto-elementi e questo è un grande vantaggio per voi! Perché potete definire in modo diverso le quattro parti della vostra cornice con colori, dimensioni e stili diversi per la parte destra (RIGHT), alta (TOP), sinistra (LEFT) e bassa (BOTTOM). La pallosità è che, se volete fare una modifica uguale per tutte le parti, dovrete scriverla 4 volte invece che 1 sola.

Adesso che abbiamo Edit.it! è tutto più semplice!!!!!

possiamo cambiare stile e dimensione dei caratteri e fare tante piccole modifche all'estetica del blog.. cominciamo col colore di sfondo..

Scrivete il vostro intervento normalmente.. una volta finito passate alla modalità html (spuntando la casella sotto alla finestra del blog)

Per cambiare il colore di sfondo è necessario inserire queste 2 riche di codice:

<DIV style="BACKGROUND-COLOR: #99CCFF; width:100%; height:100%">

</DIV>

Copiate  la prima all'inizio del vostro intervento, mentre la seconda alla fine..

il colore è indicato da un codice numerico (in questo caso 99CCFF).. Per sapere i codici di altri colori basta andare sul sito http://www.visibone.com/colorlab/ :   scegliendo un colore, vi apparirà a fianco, bello grande, il codice esadecimale di 6 cifre da usare..

Altrimenti potete utilizzare la tabella dei colori (del testo) dell'editor del blog, basta posizionare il puntatore sul colore scelto (senza cliccare) e dopo un attimo appare il codice che poi si inserirà nella riga di codice.

Fate attenzione a non cancellare inavvertitamente nè il carattere # e neppure il ; dopo la sequenza