Visto che non è la prima volta che mi arriva una richiesta di informazioni di questo genere, ho deciso di dare il via ad una nuova sezione di Tutorial ed Utilità che viaggi in questo senso, mirando a risolvere i vostri interrogativi.

So che agli utenti più esperti non servirà, ma può essere comunque utile per chi, magari alle prime o quasi prime armi, si trovi col dubbio "posso o non posso?"

Il primo, quello a cui daremo spazio oggi, è questo:

DOMANDA -
"Gironzolando per la rete mi sono imbattuta in un blog (di splinder) dal template molto molto carino.
ho provato a contattare il proprietario del blog.. ma non ho ricevuto risposta.
Così ho provato a copiare il codice HTML del blog.. la mia domanda è: si può modificarlo fino a risalire al codice base del template? Nel caso la risposta sia affermativa, sapresti dirmi come si fa?"

Non se la prenda la ragazza che mi ha mandato la mail, l'ho postata qua come esempio di tutte quelle che arrivano, simili. In pratica, l'interrogativo è quello inserito sul titolo. Se trovo un template che mi piace, posso, acendo "Visualizza -> HTML" risalire dal codice "sporco" di tutte le personalizzazioni e messo in pratica (se è un codice che comprenda il discorso DIV nel codice CSS) risalire al codice originario?

In teoria, essendo abbastanza esperti di html, div, css, script e cos'altro, si potrebbe riuscire ad epurare in parte il codice recuperato e a ricostruire, basandosi sullo style, quello che invece c'è toccato cancellare poichè impossibile da risanare.

Questo è quello che ho risposto.

RISPOSTA -
Dunque:
innanzitutto, devi vedere se il template è sotto copyright. Se l'ha creato il blogger che lo usa, non è concesso riutilizzarlo (e non è carino) visto che è personale, soltanto per il suo blog, a meno che tu non lo contatti per chiedere a lui in prima persona se puoi farlo..

(in questo caso, è stato fatto)

Se invece l'ha creato un creatore di templates, cioè qualcuno che lo mette a libera disposizione di tutti, vedrai che da qualche parte, tra i credits, ci sarà il suo nome. Ti basterà risalire al suo sito e vedrai che troverai il codice ripulito dalle personalizzazioni dell'altro blogger, e pronto per le tue.

Se il template è marchiato splinder, cioè è splinder stesso (o chi per lui) che l'ha  creato, ti basterà fare questo: dal pannello di controllo nel quale sei loggato, dovrai recarti su "BLOG". Ti si aprirà la schermata nella quale scrivi i post.. dalla barra azzurra (e non celeste, si badi bene!) scegli "TEMPLATE". Ora sei sul codice del tuo template, ovviamente.
Adesso nella barra celeste clicchi invece su "SFOGLIA". Qua ti trovi tutti i template che Splinder mette a disposizione dei suoi utenti, di default. Con "VEDI IL BLOG" puoi vederne un'anteprima, con "GUARDA IL CODICE", se sei esperto, puoi guardarne l'html (e magari prenderci qualche spunto) e con l'antipixel di "CLIC TO CHOOSE" puoi impostarlo per il tuo blog.

Se infine non riesci a risalire al creatore del template (perchè magari il blogger ha tolto i credits, o chissà quale terribile inconveniente può essere successo loro)  e contattando chi gestisce in blog non ricevi risposta su dove l'ha trovato (o se l'ha fatto lui), puoi muoverti in un ultimo senso: contattando qualcuno che accetta richieste (troverai un ampia lista di blog nei quali controllare qua nella sezione affiliati di questo blog) e mostrandogli il  blog del quale ti piace il template, puoi chiedergli di ricreartene uno SIMILE.

Non uguale, mi raccomando, perchè una creazione "d'ispirazione altrui", visto che non è la nostra, deve essere sempre almeno in parte diversa da quella originale. E' una questione di rispetto. :)

Dunque dunque, questo lo scrivo perchè - strano a dirsi, ma è così - molti di coloro che si trovano per la prima volta a rapportarsi con un blog e con tutto ciò che ne viene non hanno la minima idea di cosa siano i credits, e spesso e volentieri è proprio per questo che non li "rispettano". Mi sono arrivate diverse richieste di spiegazioni, ed ecco perchè vi lascio questo tutorial.

Cominciamo con lo spiegare cosa SONO esattamente:

Detto in parole molto povere e altrettanto spicce, "i credits" sono la firma che l'autore mette al suo lavoro, di qualunque genere esso sia. Se si tratta di un adesivo, potrà essere sull'immagine, ad esempio, sotto forma di scritta: "creato da ArancioGrafica". Tuttavia, spesso una firma di questo genere comporta un peggioramento della qualità generale del lavoretto (o altri problemi, come ad esempio l'orribile appiccicaticcio dato dalla mancanza di spazi liberi), per questo è usanza abbastanza generale quella di inserire i credits sotto forma di collegamento ipertestuale: chiunque, vedendo quell'adesivo, potrà sapere chi l'ha creato cliccandoci sopra.

Normalmente chi crea qualcosa rende più semplice e immediato il riconoscimento dei credits fornendo una casellina di testo, sotto alla sua "opera", che contiene tutto il pezzetto di codice da incollare nel proprio template, nel quale sarà già compilata la stringa giusta che a risultato ultimato crei, sotto all'adesivo, il collegamento al suo blog.

Stesso discorso vale per i credits dei templates:

nella colonna laterale (normalmente, ma a seconda della struttura del template può essere anche in fondo al footer, oppure in alto a sinistra, oppure in qualunque altro posto nel quale non sia troppo evidente ma nemmeno troppo nascosta), c'è in genere una sezione che si chiama spesso e volentieri proprio CREDITS, così:

Ovviamente, i credits sono molto importanti anche in questo caso. Perchè?

- Perchè chiunque veda quel template, può andare a prenderlo per sè sul sito di chi l'ha fatto.
- Perchè se c'è un qualunque problema (con le immagini, i codici, sparizioni varie e roba simile) in qualunque momento potrete recuperare il link al blog dell'autore per andare a chiedere lumi o consigli.
- Perchè è cosa buona e giusta riconoscere gli sforzi di chi lavora per passione e non per moneta, ringraziandolo con quella piccola cortesia.
- Perchè i credits sono la rappresentazione bene o male scritta del diritto d'autore. Toglierli ove non c'è concesso significa commettere un reato, e sicuramente non è piacevole. E' sempre bene andare a vedere, dove troviamo il collegamento, cosa ci consente l'autore dell'opera. Se sul sito c'è questo simbolino, cliccandoci sopra sapremo cosa possiamo fare (e con quali libertà) e cosa non possiamo fare con quello che troviamo e che vorremmo riutilizzare.

Detto questo, detto più o meno tutto. Vi ricordo ancora una volta quali sono le regole che riguardano i credits dei templates e delle altre cose che trovate su questo blog, che trovate nella sezione RULES e che sono abbastanza libere rispetto a molte altre ma che comunque vanno rispettate per quel poco che stabiliscono :)

Come è specificato nella colonna a destra, non ci sono regole specifiche, per quello che trovate qui.

Prendi qualcosa? Lascia un commento. A te non costa niente e a me fa molto piacere sapere che quello che ho creato è piaciuto a qualcuno.
Potete modificare i templates come volete, purchè lasciate il link a questo blog nei credits, tutto qua, specificando qualcosa come "HTML ORIGINALE CREATO DA ARANCIOGRAFICA, MODIFICATO DA XXX".
Per le fanlist, gli antipixel, le campagne e i countdown l'unica regola è di prenderle con il piccolo box che hanno accanto, così che rimandino comunque a questo sito.
Per i calendari idem, e sarebbe oltremodo gradito che, visto che non c'è link su di essi, chi ne prende uno mettesse un link a questo blog (dove gli pare). Ma non è obbligatorio, questo..
Per i tutorial, beh, niente di che, sono fatti per voi. :)
Comunque, vi sarei grata, sempre che l'abbiate trovato utile, se voleste mettere un link a questo blog, così che anche altri possano usufruirne.
Per il resto che per ora non c'è ma che mano a mano verrà, aggiornerò questo post di volta in volta.
Ringrazio chi ha letto queste "regolette", e soprattutto chi le rispetterà. :)

Dunque dunque, visto che in parecchi trovano in altomare anche quando c'è da fare qualcosa di semplice come inserire la paginazione nel nostro blog, inauguriamo la rubrica "tags" nella nostra sezione tutorial, stamattina, analizzando tutti insieme i tag di Splinder, quelli che - inseriti nel codice - servono alla creazione dei nostri post, del nostro archivio, dei nostri commenti recenti e via discorrendo.

Cominciamo con i post veri e propri, che sono SEMPRE richiusi all'interno del blocco <blogger>...</blogger>.

Iniziamo con l'autore del post.
Non tutti sanno che oltre al noto tag <$BlogItemAuthor$>, possiamo metterne anche altri. Ad esempio, sostituendolo con <$BlogItemAuthorURL$> (ad esempio sui blog alla quale creazione partecipano più bloggers) cliccandoci su arriveremo all'home page del blogger che ha scritto il post. Sostituendolo invece con <$BlogItemAuthorEmail$>, cliccandoci sopra ci ritroveremo a poter scrivere all'autore del post una bella e-mail.

Andando oltre, il tag <$BlogDateHeaderDate$> ci permette di visualizzare, sul nostro post, la data in cui è stato scritto, mentre il tag <$BlogItemDateTime$> ci permette di visualizzarne l'ora.
Il formato dell'ora e della data può essere facilmente modificato in "Pannello di controllo -> Configura -> Data e Orario"

Per visualizzare la data del giorno solo per il primo di un gruppo di post scritti nello stesso giorno, dovremo inserirere al posto di <$BlogDateHeaderDate$> questo blocco qua (tutto intero!): <BlogDateHeader> <$BlogDateHeaderDate$> </BlogDateHeader> .
Inoltre, non ho mai provato ad usarlo, ma esiste anche un altro blocco, che serve a chiudere i post scritti nello stesso giorno: <BlogDateFooter>...</BlogDateFooter> che va inserito appena prima della chiusura </blogger>. Su questo ultimo, comunque, mi informerò meglio, e farò qualche prova, perchè a dirla tutta non so se sia esattamente così. :)

Parlando del titolo del nostro post, il tag è <$BlogItemTitle$>, che riporterà i titoli dei post SOLO però se abbiamo li abbiamo attivati da "Pannello di Controllo -> Configura -> Impaginazione". (Notiamo bene che è ben diverso dal tag che ci permette di inserire il titolo del nostro blog nella pagina.. il tag in questione, infatti, è questo: <$BlogTitle$>).

Quanto al testo del post, il tag da inserire è uno e semplice: <$BlogItemBody$>.

Per quello che riguarda i commenti, abbiamo diverse soluzioni. La più comune è questa: il tag <$BlogItemComments$>, che genera il link ai commenti del post  che verranno quindi aperti in finestra popup.
La finestra mostrerà i commenti ordinati dal più recente al più vecchio; e al proprietario del blog (e solo a lui), sarà data la possibilità di cancellarli. Inoltre è generato il link ai commenti (con il numero in alto a sinistra, ad esempio questo: "#1") e viene mostrata una casella di testo per scrivere un nuovo commento (se l'utente o gli utenti sono autorizzati a commentare sul blog).
Altrimenti, abbiamo il tag <$BlogItemCommentLink$>, che genera il link ai commenti del post (aperti a pagina intera sotto il post), oppure, ancora il tag <$BlogItemCommentList$>, che mostra la lista dei commenti sotto il post.

(Per visualizzare invece i commenti recenti nella nostra colonna laterale, il tag da inserire (fuori dal blocco <blogger>...</blogger>!) sarà questo qua: <$BlogRecentComments$>, che mostra il link degli ultimi commenti scritti sul blog, col relativo autore e il post al quale sono stati lasciati.)

Per quanto invece riguarda le categorie, abbiamo il tag <$BlogItemCategories$>, che mostra le categorie associate al post (che inseriremo al momento della scrittura del nostro post, usando la sezione alla destra del box di composizione del testo). Facendo clic su una categoria, lì sotto al post, verranno mostrati tutti i post associati a quella categoria.
Come per i commenti recenti, il tag che ci permette di inserire la lista delle categorie nella nostra colonna laterale, è un altro, più precisamente questo qua: <$BlogCategories$>. Questo tag infatti mostra l'elenco delle categorie create dall'utente (che possiamo vedere e modificare anche in "Pannello di controllo -> Strumenti -> Categorie") Ogni categoria che verrà mostrata sarà un link che ci riporta a tutti i post associati a quella categoria, quindi ci consente, come nel caso dell'archivio, di sfogliare il blog per categorie.

Molto importante, infine, per quello che ci interessa soltanto nei POST, è il tag che ci permette di inserire il permalink, ovvero il link permanente al nostro post, che volendo chiunque altro può prendere e inserire dove diamine gli pare, così che qualora si voglia, si possa ritrovare il nostro intervento senza andare a spulciare tutto il blog.
Il tag in questione è questo qua: <$BlogItemPermalink$>. Questo tag ci darà l'url che apre direttamente il post, e che quindi è linkabile altrove. Se nel nostro template è presente anche il tag <$BlogItemCommentList$>, verranno visualizzati anche i commenti sotto il post.

E ci siamo, praticamente. Manca la paginazione, che è inseribile con questo tag: <$BlogPager$>. Questo tag va inserito, però, (ATTENZIONE!) fuori dal blocco <Blogger>...</Blogger>, al cui interno vanno inseriti tutti i tag relativi ai post (titolo, data, commenti, permalink, categorie, post vero e proprio eccetera eccetera). In genere è consigliabile metterlo subito dopo la chiusura di </blogger>, ma comunque si può inserire dove vogliamo, anche in una delle colonne.

A questo punto, ci mancano le colonne, ovvero i tag che vanno messi fuori dal blocco <blogger>...</blogger>. Cosa si può mettere nelle colonne?
Innanzitutto, come abbiamo già detto, i commenti recenti, le categorie e il titolo del blog (per i distratti, <$BlogRecentComments$>, <$BlogCategories$> e <$BlogTitle$>). Poi la descrizione del blog, il nostro profilo, i bottoni, l'archivio, i feeds, il contatore, i membri che partecipano al blog, i link ai blog dei nostri amici e magari anche l'anteprima delle ultime foto che abbiamo pubblicato nel nostro album di splinder, oppure tutte quante quelle che decidiamo di pubblicare..

Cominciamo per ordine: la descrizione del blog.
Per la descrizione del blog (ovvero quelle righe che abbiamo impostato sul pannello di controllo) si usa questo tag: <$BlogDescription$>. Generalmente si inserisce sotto a <$BlogTitle$>, ma nulla ci vieta di metterlo atrove!

Per visualizzare il nostro profilo, invece, si usa il tag <$BlogAboutMe$>. Questo tag riporta sul blog le informazioni che abbiamo inserito  nel nostro profilo (ovvero su "Pannello di controllo -> Account -> Utente -> Profilo"). Tuttavia, potremo farlo solo se abbiamo impostato bene le opzioni della privacy, andando su "Pannello di controllo -> Account -> Utente -> Privacy".. altrimenti il tag non ci darà nessun risultato.

L'archivio, oggetto importantissimo, si visualizza con il tag <$BlogArchive$>. E' ordinato in modo cronologico, riportando i mesi nei quali è presente almeno un post. Cliccando su ciascun link sarà visualizzato l'elenco dei post scritti in quel mese.

Il tag <$BlogMembers$> ci mostra invece i membri del blog, ovvero coloro che partecipano alla stesura dei post, affiancati dalle icone con le quali possiamo contattarli. Cliccando su un nome verranno visualizzati tutti i post scritti dal quel preciso utente (con lo stesso sistema che abbiamo visto per le categorie).

Passando ai link, il tag <$BlogLinkOut$> mostra sul nostro blog l'elenco dei link dei blog (o dei siti) dei nostri amici, che abbiamo opportunamente inserito dalla pagina "Pannello di controllo -> Strumenti -> Link", grazie ad un sistema semplice ed intuitivo.
I link sono disposti in ordine alfabetico (man mano che li aggiungiamo si sistemano da sè) e si aprono automaticamente in una nuova finestra, senza bisogno che impostiamo nulla.

il tag <$BlogFeeds$> fa apparire i bottoni che linkano ai feeds del proprio blog (utilissimi!). I feeds si attivano e si configurano andando su "Pannello di controllo -> Strumenti -> Syndication". Possiamo scegliere tra il formato RSS o Atom.

Il tag <$BlogButtons$> mostra invece una serie di bottoni vari, ovvero:
Contattami (si apre la pagina che ci permette di mandare un messaggio privato di splinder)
Il mio profilo (si apre in popup il nostro profilo)
Linkami (si apre il pannello di controllo con i dati già impostati per linkare quel blog)
Iscriviti (si apre il pannello di controllo che ci aiuta ad inserire il blog in questione nei nostri preferiti)

Stesso risultato di quest'ultimo bottone si ha inserendo il tag <$BlogSubscribeButton$>, che mostra un bottone che consente di aggiungere il blog nei preferiti.

Il tag <$BlogCounter$> mostra il contatore: il contatore ci fornisce in modo costantemente aggiornato il numero di visitatori (o meglio di pagine viste) del nostro blog. E' richiesto, perchè funzioni, che il supporto Javascript sia abilitato nel browser del navigatore.

Il tag <$BlogPhotoAlbum$> mostra le foto del blog disposte come anteprima su più pagine. Vengono mostrate solo le foto che abbiamo scelto di pubblicare (scegliendo l'opzione "Pubblica nell'album" in "Pannello di controllo -> Foto -> Cartella"). Sotto ogni foto appaiono titolo, data e numero di commenti che sono stati lasciati a quella foto.
Facendo clic sull'anteprima, apriremo la foto nelle sue dimensioni originali, e sotto di essa sarà riportata anche la lista dei commenti.
Importante da notare è che il tag <$BlogPhotoAlbum$> va inserito subito prima del blocco <Blogger>...</Blogger>.
Il tag <$BlogRecentPhotos$> ci mostra invece l'anteprima delle ultime 3 foto pubblicate nell'album, con titolo, data e numero di commenti. Come per il tag precedente ogni anteprima è un link alla foto vera e propria nelle sue dimensioni originali, con la lista dei commenti sotto.


Dovrei aver riportato tutto, comunque, per chi volesse ulteriori chiarimenti, può andare a controllare se manca qualcosa qui. :)

In parecchi mi chiedono lumi, ed ecco perchè mi sono decisa a scrivere questa cosa che per molti sarà scontata (sperando che almeno qualcuno, diversamente da come accade ora, prima di dichiararsi disperato domandando aiuto si decida a sfrugacchiare la sezione tutorial per vedere se c'è qualcosa che può aiutarlo :P)

Dunque, innanzitutto, una volta scelto il template che ci interessa, se il codice non è inserito in formato txt bisognerà ricavarlo dall'anteprima. Come si fa?

Si fa così:

Chi ha Internet Explorer, dovrà selezionare Visualizza dalla Barra dei Menu' (per intenderci, quella dov'è scritto file, modifica, visualizza, preferiti e strumenti), e dal menù a cascata che si aprirà dovrà scegliere HTML, così:


Chi usa Mozilla Firefox, invece, dovrà, dalla stessa barra (dove stavolta troveremo scritto file, modifica, visualizza, cronologia, segnalibri e strumenti) scegliere sempre Visualizza, e dal menù a cascata che ci troveremo a questo punto selezionare Sorgente, così:


A questo punto, vi si aprirà una finestra con il codice del template che avete scelto.

Come si fa ad inserirlo su splinder? Si va su www.splinder.com (facciamo le cose semplici e lineari). Ci si logga, se non lo siamo già, e sul menù accanto alla scritta splinder si clicca su "blog". A questo punto saremo sul pannello di controllo del nostro blog, "sintonizzati" sullo spazio dove si scrive. Dal menù in azzurro, quello più scuro (ma non quello blu!) dove c'è scritto organizza, Link, Template, Invitati, Configura, noi sceglieremo ovviamente Template.

La finestra che ci si aprirà adesso è quella dov'è inserito il codice del nostro template.
Prima di incollare il codice di quel bellissimo template che abbiamo scelto nel pannello, tuttavia, è sempre bene fare una copia del template che avete, perchè per quanto siano testati e provati, prima di essere pubblicati, i template potrebbero sempre avere qualche problemuccio o non essere adatti al nostro blog, per dimensioni, formati o cose così.

Quindi, selezioniamo tutto il testo che c'è nel pannello, lo copiamo e lo incolliamo su un documento di testo, e lo salviamo (sempre meglio essere previdenti).

A questo punto, possiamo procedere all'inserimento del nostro nuovo template. Torniamo sulla finestra che avevamo aperto con "visualizza -> HTML" o "Visualizza -> Sorgente" e selezioniamo tutto (mi raccomando, state attenti che sia tutto selezionato). Copiamo ed incolliamo nel nostro pannello. Salviamo le modifiche, ed il nostro template sarà correttamente cambiato.

Se poi non ci piace o non funziona bene, visto che avevamo creato il salvataggio precauzionale, copiamo e re-incolliamo quello, al posto del nuovo. :)

Prima di modificare il nuovo template, assicuratevi di dare una letta al codice. Con un minimo di attenzione si riesce a capire dove inizia e dove finisce una sezione, che si apre in genere con un tag come questo <testovario> e si chiude con un altro come questo </testovario> (dove testovario è una variabile, eh, ci possono stare un sacco di cose cosa là). La cosa più importante da capire è che dove inizia in tag del genere ce n'è sempre un altro di chiusura, e se vogliamo togliere qualcosa è bene togliere tutto, dal tag iniziale a quello finale, compreso quelloche c'è all'interno. La cosa migliore da fare, comunque, se non si è pratici, è fare queste modifiche passo per passo, salvando il nostro template e provando uno per volta i cambiamenti che abbiamo in programma, di modo che se facciamo un errore sappiamo con sicurezza dov'è e possiamo tornare allo stadio precedente senza problemi.

In bocca al lupo :P

Ho notato che molti hanno problemi ad hostare i files da inserire nel proprio blog, ed ecco perchè oggi posto questo tutorial che spero possa esservi utile..

Hostare non significa altro che caricare i propri files su host, ovvero sistemarli in un punto (l'host) che ci offre l'inestimabile possibilità di ospitarli per noi e far si che siano raggiungibili da chiunque li richiama nella rete: infatti ogni file, se vogliamo che appaia sulle nostre pagine web (o sul nostro blog) deve essere dentro la rete, ed avere un URL (indirizzo) che ci possa permettere di ritrovarlo in essa.

Ci sono moltissimi siti che offrono host gratuito, alcuni ci danno spazio illimitato e quindi la possibilità di creare in rete anche un intero, grande sito, altri invece ci permettono di hostare soltanto particolari tipi di file, e quindi possono essere utili quando dobbiamo sistemare qualcosa alla svelta, una tantum.

Ad esempio,

www.altervista.org
www.netsons.org
www.lycos.it
www.xoom.it
www.tiscali.it
www.interfree.it
www.libero.it
www.p2pforum.it
www.fortunecity.it
www.streamload.com
www.bolt.com/upload
www.imageshack.us
www.mooload.com/new
www.photobucket.com



Ognuno ha caratteristiche diverse, per spazio offerto o qualità ma comunque sono tutti gratis: quelli che ci permettono di hostare solo un tipo specifico di file, una volta che l'abbiamo uploadato ci restituiscono direttamente indietro il codice pronto da inserire nelle nostra pagine web. Per alcuni serve un client FTP (come per netsons.org), ovvero un programma (si trovano gratuitamente, per esempio Filezilla, easy FTP, FTP Explorer) che ci permette di mandare i file direttamente dal nostro computer al nostro spazio, senza aprire il browser, per altri invece no, perchè sono dotati di un pannello che dal web ci permette di fare tutto, più o meno velocemente.

Il più diffuso e quello che andremo a spiegare in modo semplicistico (per intenderci, giusto per inserire i nostri file immagini, audio o video nei blog) in questo tutorial è Altervista (perchè io uso quello e ce l'ho sottomano senza dovermi registrare da altre parti).

Queste sono le sue caratteristiche tecniche, facilmente ritrovabili anche sul sito:

- Spazio web espandibile fino all'infinito (si parte da 100MB)
- Nessun limite imposto alla larghezza di banda del proprio sito (il traffico mensile parte da ben 10 GB espandibili all'infinito)
- Pannello di controllo intuitivo per la gestione del proprio sito
- Nessun elemento pubblicitario inserito forzosamente nelle pagine che carichi
- Serve un server FTP personale per il caricamento dei files più grandi di 50MB
- Supporto php4/php5 + database mysql disponibile da subito per ogni nuovo sito
- Numerosi circuiti pubblicitari messi a disposizione dalla comunità e che i webmasters possono utilizzare nei loro siti
- Registrazione a richiesta di un nome a dominio di secondo livello di tipo nome.com .net .org .info .biz
- Gestione .htaccess con supporto mod_rewrite e protezione cartelle con password
- Protezione FireSlayer™ e TippingPoint estesa ad ogni server della comunità
- Supporto SSI (Server Side Includes)
- Pagine d'errore personalizzabili
- Spazio WAP ready, per la visualizzazione del sito sui cellulari WAP
- Servizio di backup completo e automatico del database mysql su base settimanale e possibilità di ripristino con un click
- Possibilità di pianificare backups ricorrenti, anche giornalieri, del proprio spazio web, ripristinabili anch'essi con un click
- Supporto per sottodomini illimitati
- Monitoraggio delle macchine e della rete 24h su 24, con intervento immediato in caso di guasti
- Servizio online dal 2000
- Alias email con filtro antispam
- Scripts installabili con un click (phpmyadmin e forum personale)
- Forum della comunità per il supporto tecnico
- Hard Disk online a capienza illimitata, per farsi inviare immagini e files multimediali dai visitatori
- Guestbook personalizzabile
- Contatore accessi con 26 stili grafici differenti
- Chat professionale in java da inserire nel proprio sito
- Servizio di newsletter, per mantenere aggiornati i visitatori del tuo sito
- Possibilità di inserire il proprio sito all'interno di una grande directory ed aumentarne la visibilità e la presenza sui motori di ricerca
- Antifurto contenuti e immagini, solo tu decidi quali immagini rendere disponibili per il direct-linking
- Editor per pagine html e wml (WAP) online

Presumo che parecchie di esse vi saranno abbastanza ignote (alcune lo sono anche per me) ma come possiamo vedere, è un servizio più che completo in caso volessimo costruire un intero sito. Ma è ottimo anche per hostare semplici file da inserire nel nostro blog e nelle pagine web: non c'è il rischio di veder sparire all'improvviso i nostri file, come ad esempio su ImageShack o su altri siti di hosting gratuito.

Innanzitutto, il primo passo è registrarsi. Lo si può fare da questa pagina qua.
Inseriremo tutti i dati che sono richiesti nel form (quelli contrassegnati da asterisco sono obbligatori, gli altri potete tranquillamente lasciarli) ponendo particolare attenzione al NickName: il nickname è molto importante perchè a differenza degli altri dati in seguito non sarà più modificabile, in quanto poi andrà a costituire parte dell'indirizzo che ci ritroveremo a "possedere", così: www.nickname.altervista.org

 



Una volta che avremo completato con successo questa prima fase, ci verrà inviata un'email nella quale troveremo tutte le informazioni necessarie a sfruttare i servizi di altervista. Seguiamo le istruzioni sulla mail, compresa l'attivazione dell'account appena creato, e ci troviamo pronti ad iniziare.

Cosa si fa adesso? Se la mail non ci ha portato direttamente al pannello di controllo, si fa il login. Nella home di altervista, ovvero qua, troviamo in alto a destra due caselline di testo. Nella prima dovremo ovviamente inserire il nostro nickname, nella seconda la password che ci è arrivata via mail (e che successivamente poi potremo cambiare).




Aspettiamo qualche secondo e ci ritroveremo nel pannello di controllo. Lasciamo perdere gli avvisi personali e le novità e dirigiamo la nostra attenzione ai link direttamente sotto l'header principale: "News, Gestione Files, Html e Wap, Tools, Profilo, Statistiche, Help" e via discorrendo.

A noi interessa Gestione Files. Clicchiamo.




A questo punto ci troviamo proprio dentro al pannello di controllo.
La prima cosa da fare, ed è molto importante, è creare una cartella che si chiami _altervista_ht (si, proprio così) nella quale sistemeremo tutte le immagini da far poi visualizzare su altri siti, visto che Altervista ha approntato un sistema di protezione, per i webmaster, che non permette la visualizzazione di immagini sistemate fuori da questa cartella da parte di altri siti.

Come si fa a creare una cartella?
Si va direttamente in basso, proprio in fondo alla pagina.
Dopo la lista dei nostri file ma prima del footer di altervista e prima delle informazioni sul nostro spazio troviamo un'altra casella di testo, che porta la dicitura "Crea una cartella" e il nome impostato di default "cartella" nell'area di testo. A noi basterà cancellare "cartella" e scrivere al suo posto "_altervista_ht", quindi cliccare nel bottone a fianco, "crea cartella"



A questo punto la nostra cartella sarà creata, e la troveremo direttamente nella lista dei nostri file.

Per cominciare a sistemarci i file dentro, ci basterà entrarci, cliccandoci sopra. Ovviamente, sarà vuota, dentro troveremo solo il pulsante parent (che sembra una cartella ma non lo è) che ci consente di tornare alla cartella superiore, ovvero in questo caso alla home del nostro pannello.
Inserire i files, comunque, è più semplice a farsi che a dirsi: clicchiamo su "Invia Files" che troviamo sopra allo spazio per la lista dei files che ancora non abbiamo. Ci si aprirà un'altra specie di pannello di controllo: la differenza è che questo pesca esattamente dal nostro hard-disk. Cliccando sfoglia, infatti, potremo ritrovare il file che vogliamo hostare all'interno del nostro computer. Una volta che lo avremo trovato, basterà cliccarci sopra due volte (o una sola, e poi cliccare su apri) e ce lo ritroveremo nel primo spazio della nostra lista, pronto ad essere inviato nello spazio di altervista.



A questo punto, clicchiamo sul nuovo invia files che è sotto alla lista che abbiamo appena sistemato.

Ovviamente, per files grandi (ad esempio un video o una canzone) ci vorrà un pochino. Abbiate pazienza.

Ecco fatto!
Per avere l'url del file che abbiamo hostato, clicchiamo con il tasto destro sul nome del file che ora è sul pannello, e scegliamo "proprietà". Nella finestra che ci apparirà troveremo l'indirizzo del nostro file, pronto per essere inserito in qualsiasi codice html o di altro genere.




Sperando che sia stato utile almeno a qualcuno, anche se sono davvero soltanto i primi passi (ci sarebbe da scrivere una giornata) mi rendo comunque disponibile ad ulteriori spiegazioni e/o approfondimenti, ricordando comunque che in caso abbiate bisogno di un tutorial particolare, basta chiedere e se posso (e soprattutto se so farlo) esaudisco volentieri che male non fa. :)

Dunque, visto che ho notato che molti si trovano in difficoltà nell'inserire media (canzoni e video principalmente.. le foto ormai sanno inserirle anche i gatti) nei propri blog, ho deciso di scrivere per chi ne ha bisogno questo piccolo tutorial.

INSERIRE UN LETTORE MP3:

Non è difficile inserire un lettore musicale nel proprio blog: tutto quello che si deve fare è copiare questo codice.

<embed src='http://orangegraphics.altervista.org/_altervista_ht/kobra.mp3' autostart='false' loop='TRUE' controller='TRUE' hidden='false' width='100' height='25' volume='50'>

Il risultato che otterremo sarà questo, una semplice console di tre pulsanti: play, stop, indietro.

Questi sono i settaggi che potrete modificare secondo le vostre preferenze, nel codice che avete appena copiato.

AUTOSTART : Se impostato su TRUE, farà partire la musica appena la vostra pagina si apre. Se impostato su FALSE, la musica non partirà finchè l'utente che visita il nostro blog non cliccherà sulla freccetta "play".
LOOP : Se impostato su TRUE, il lettore ripeterà la canzone in modo automatico all'infinito.. Se impostato su FALSE, la canzone sarà ripetuta una sola volta.
VOLUME : regola il volume, ovviamente. Può essere fissato tra 0 e 100.
HIDDEN : Se impostato su TRUE, il lettore sarà visibile. Se impostato su FALSE, invece, sarà invisibile.

Potremo inserire anche l'opzione PLAYCOUNT='n' che stabilirà, in caso non abbiamo impostato il LOOP='TRUE', quante volte la nostra canzone dovrà ripetersi. Ovviamente, n è da sostituirsi con un numero a nostro piacimento.

Se invece decidiamo che quella semplicissima console ci sembra un po' troppo scarna, possiamo tranquillamente adottare questa, un po' più grossa e più fornita di bottoni.

<EMBED SRC="http://orangegraphics.altervista.org/_altervista_ht/kobra.mp3" autostart='false' volume='50' CONTROLS=CONSOLE>

Il risultato che otterremo stavolta sarà questo. Cinque tasti: play, stop, tutto indietro, indietro, avanti.

 

Oppure questa:

 

<Embed type="application/x-mplayer2" pluginspage="http://www.microsoft.com/Windows/Downloads/Contents/Products/MediaPlayer/" src="http://orangegraphics.altervista.org/_altervista_ht/kobra.mp3" Name="MediaPlayer" width="170" height="53" transparentAtStart="1" autostart="0" animationAtStart="0" ShowControls="true" ShowAudioControls="1" ShowPositionControls="0" autoSize="0" ShowStatusBar="1" displaySize="false">

 

Questo il risultato che otterremo: play, stop, disattiva audio, abbassa volume. Molto utile l'ultimo tasto, almeno secondo me. Sotto, se fate partire l'audio, troverete tutte le informazioni sul brano che stiamo sentendo. A differenza delle altre, questa soluzione non ha bisogno di plugins se visualizzata con Mozilla Firefox, anche se il risultato su questo browser sarà diverso: sopra, una barra che indica quanto trascorso e quanto rimasto della canzone, mentre i dati sotto sono tagliati via (non chiedetemi perchè, che non ne ho idea, le mie conoscenze si fermano qui!).

O anche questa:

<object id=MediaPlayer1 codebase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,5,715 type=application/x-oleobject height=66 width=165 classid=CLSID:22D6f312-B0F6-11D0-94AB-0080C74C7E95> <param name="AutoRewind" value="True"> <param name="Autostart" value="1"> <param name="ShowControls" value="True"> <param name="ControlType" value="1"> <param name="ShowDisplay" value="False"> <param name="ShowStatusBar" value="True"> <param name="FileName" value="http://orangegraphics.altervista.org/_altervista_ht/kobra.mp3"> <embed src="xx" " type="video/x-ms-asf-plugin" pluginspage="http://www.microsoft.com/windows/mediaplayer/download/default.asp" align="middle" autostart="false" showcontrols="1" showdisplay="True" showstatusbar="True" height="66"></object>
E questo stavolta sarà il nostro risultato: Play, stop, indietro tutta, indietro, avanti, avanti tutta, disattiva audio.



O, ancora, questa:

<embed width="200" height="40" align="absmiddle" loop="true" autoplay="false" volume="20" src="http://orangegraphics.altervista.org/_altervista_ht/kobra.mp3" type="text/html"></embed>

Il cui risultato sarà questo qua:



Un'altra soluzione carina può essere utilizzare un lettore mp3 in flash, come ad esempio questo qua:

 

 

<embed src= "http://www.odeo.com/flash/audio_player_standard_gray.swf" quality="high" width="300" height="52" allowScriptAccess="always" wmode="transparent" type="application/x-shockwave-flash" flashvars= "valid_sample_rate=true&external_url=http://orangegraphics.altervista.org/_altervista_ht/kobra.mp3" pluginspage="http://www.macromedia.com/go/getflashplayer"> </embed>

Disponibile in diverse caratterizzazioni, per esempio questa:

Per la quale basta copiare questo codice:

<embed src="http://odeo.com/flash/audio_player_black.swf" quality="high" width="322" height="54" name="odeo_player_black" align="middle" allowScriptAccess="always" wmode="transparent" type="application/x-shockwave-flash" flashvars="valid_sample_rate=true&external_url=http://orangegraphics.altervista.org/_altervista_ht/kobra.mp3" pluginspage="http://www.macromedia.com/go/getflashplayer" /></embed>

Oppure questa:

Che potremo ottenere con questo codice:

<embed width="150" height="60" align="middle" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="audio_id=1423823&audio_duration=322.926&valid_sample_rate=true&external_url=http://orangegraphics.altervista.org/_altervista_ht/kobra.mp3" type="application/x-shockwave-flash" wmode="transparent" allowscriptaccess="always" name="audio_player_midsize_gray" quality="high" src="http://odeo.com/flash/audio_player_midsize_gray.swf"></embed>

O anche questa:



Ottenibile con questo codice:

<embed src="http://odeo.com/flash/audio_player_midsize_black.swf" quality="high" width="150" height="60" name="audio_player_midsize_black" align="middle" allowScriptAccess="always" wmode="transparent" type="application/x-shockwave-flash" flashvars="audio_id=1423823&audio_duration=322.926&valid_sample_rate=true&external_url=http://orangegraphics.altervista.org/_altervista_ht/kobra.mp3" pluginspage="http://www.macromedia.com/go/getflashplayer" /></embed>

O, ancora, questa qua, mini e adatta alle esigenze di chi ha colonne molto strette e spazi ridotti:



Con questo codice:

<embed src="http://odeo.com/flash/audio_player_tiny_gray.swf" quality="high" width="145" height="25" name="audio_player_tiny_gray" align="middle" allowScriptAccess="always" wmode="transparent" type="application/x-shockwave-flash" flashvars="audio_id=1423823&audio_duration=322.926&valid_sample_rate=true&external_url=http://orangegraphics.altervista.org/_altervista_ht/kobra.mp3" pluginspage="http://www.macromedia.com/go/getflashplayer" /></embed>

Che possiamo adottare anche in quest'altra colorazione:



Con quest'altro codice:

<embed src="http://odeo.com/flash/audio_player_tiny_black.swf" quality="high" width="145" height="25" name="audio_player_tiny_black" align="middle" allowScriptAccess="always" wmode="transparent" type="application/x-shockwave-flash" flashvars="audio_id=1423823&audio_duration=322.926&valid_sample_rate=true&external_url=http://orangegraphics.altervista.org/_altervista_ht/kobra.mp3" pluginspage="http://www.macromedia.com/go/getflashplayer" /></embed>

Oppure, possiamo buttarci su questa soluzione, ottenibile con pochi semplicissimi passaggi (compresa una registrazione) da questo sito, che ci permette di creare una playlist che può comprendere fino a 20 brani. Il design è accattivante e molto personalizzabile.

 

O anche su questa, che invece possiamo ottenere, con qualche passaggio in più e con una minima conoscenza dell'inglese, sempre da questo sito qua, e che possiamo personalizzare in tutte le sue forme, dalle dimensioni ai colori, nonchè al numero dei brani e alle modalità di riproduzione. La playlist l'ho rubata alla splendida Notime, giacchè non ho molto tempo per crearne una seria, e sono convinta che i suoi gusti musicali siano certo migliori del mio Kobra.

 

Ovviamente, possedendo Flash e sapendolo usare potrete senza troppi problemi crearvi il vostro lettore mp3 personalizzato: in rete ci sono molti tutorial.
Il web offre inoltre diverse altre soluzioni per chi ha un minimo di dimestichezza con javascript e codici, come ad esempio la creazione di una playlist personalizzata, che troviamo qua, e che è anche abbastanza semplice.

INSERIRE UN LETTORE MP3 in un blog su MSN:

 

Innanzitutto bisognerà cliccare in alto a destra su "Modifica il tuo spazio personale" e da lì andare in alto nella barra degli indirizzi e dopo c= scrivere &powertoy=musicvideo in modo da ottenere un indirizzo così

 http://spaces.msn.com/members/TUO_BLOG/PersonalSpace.aspx?
_c02_owner=1&_c=&powertoy=musicvideo

Quindi, bisognerà premere INVIO. Sebbene non si vedano reali cambiamenti, se andrete in Personalizza -> Moduli a questo punto potremo vedere anche la voce PowerToyWindows Media Player
Selezioniamo e salviamo.
Ora bisognerà inserire anche la canzone: I file musicali (mp3, midi) e i video che vorrai vedere o sentire nel media player devono trovarsi in internet, hostati su uno spazio gratuito, infatti di essi dovremo inserire l'URL.
Copiato l'URL del nostro file nell'apposito spazio di media player, dovrebbe essere tutto a posto. Se andiamo in "Anteprima del Blog" potremo controllare ora che tutto sia stato sistemato nel modo corretto.

INSERIRE UN VIDEO:

Se invece abbiamo un nostro filmato, hostato sul nostro spazio gratuito, e vogliamo dare agli altri la possibilità di vederlo come se fosse su Windows Media Player, dobbiamo usare questo codice:

<EMBED SRC="http://orangegraphics.altervista.org/_altervista_ht/heart.avi" HEIGHT=150 WIDTH=150 CONTROLLER=TRUE autostart='false' >

 

Questo sarà il risultato che otterremo:

 

Oggi non posto template ma posto invece una gran cosa per guadagnare qualcosina, che mi va di condividere con voi.. L'ho trovata su questo blog, Robinik.net, e riporto qui il brano integrale di quello che dice:

"Bloggare è un piacere, un hobby, nulla di professionale per definizione. Bloggare però richiede una quota sostanziale di tempo e anche di denaro. Per fare un esempio, l’hosting di Robinik.net su Bluehost costa 6,95 $ al mese ai quali vanno aggiunti 10 $ l’anno per ogni dominio registrato (io ne ho una ventina).
Grazie ai sistemi pubblicitari è però possibile garantirsi piccole entrate che magari non permettono di guadagnare nel vero senso della parola ma quantomeno di recuperare un po’ le spese. Su questo blog non ho mai inserito pubblicità fino al mese scorso. Attirato più dai banner che dalla reale convinzione di poter guadagnare qualcosa ho attivato quindi il servizio più conosciuto e più utilizzato e uno meno conosciuto.
Vi mentirei se vi dicessi che ho incamerato soldi. I guadagni di questo mese si aggirano intorno ai 0,11 $
Fortunatamente però ho scoperto un nuovo servizio, un tempo riservato ai siti istituzionali e aperto di recente ai Blog: Text Links Ads. TLA funziona in maniera differente dai classici sistemi pubblicitari che pagano in base ai click ottenuti o alle registrazioni effettuate a seguito del “click”. Iscrivendosi al programma si autorizza TLA a vendere link di testo per un numero deciso dall’utente (io ne ho messi in vendita 4) sulla propria pagina web. Grazie ad un link calculator TLA stabilisce il valore di questo link sulla pagina (per Robinik ad es. il prezzo stabilito è di 30$/mese) ed inserisce il sito web/blog in un mercato on-line dove chiunque può comprarsi questo link di testo (il servizio permette anche di comprare link sui siti affiliati regalando 100$ da spendere in link all’iscrizione ma io ancora non ne ho comprati).
Ho tenuto il banner e lo spazio “aperto” per oltre un mese senza che nessun link venisse venduto e mi stavo rassegnando a considerare TLA l’ennesima bufala quando questo week-end mi è arrivata una mail dal webmaster che mi diceva di aver venduto il primo link su Robinik.net. Questa mattina è stato venduto il secondo.
Non sono grandi cifre ma consiglio vivamente a tutti voi Text Links Ads come il miglior sistema da me conosciuto per “recuperare le spese”.!"