Come inserire il contatore Histats in un blog su Blogger.

I contatori di visite sono una cosa importante per i blog perché permettono di valutarne momento per momento la popolarità. Histats.com è un servizio gratuito disponibile anche in italiano e adesso anche invisibile.  Vediamo come installarlo gratis sul nostro sito. Se non si è registrati per poterlo fare bisogna inserire un indirizzo web e scegliere la lingua dell’interfaccia.

   

e, nella pagina che si apre, compilare il modulo con l’indirizzo email e la password, ripetute due volte. Si deve anche selezionare l’ora locale e accettare i termini di utilizzo.

Nella pagina successiva si deve scegliere il tipo di contatore che si vuole visualizzare nel sito. Ce ne sono di diversi tipi

1. Contatore invisibile
2. Contatori animati
3. Contatori due linee
4. Contatori tre linee
5. Contatori quattro linee
6. Contatori Stringa

dobbiamo all’inizio scegliere la categoria, quindi il modello che preferiamo, mettendoci un segno di spunta, 

 

scorrere fino in fondo alla pagina e cliccare su Continua. A questo punto serve selezionare l’ordine di visualizzazione dei dati nelle varie righe del contatore che ricordo possono essere un massimo di quattro

Cliccare nuovamente su Continua per acquisire il codice da inserire nel blog. Dopo una ventina di secondi visualizzeremo un codice simile a questo

Per inserirlo in un blog su Blogger bisogna andare su Layout > Aggiungi un gadget > HTLM/Javascript ed incollarlo nella parte denominata Sezioni del Sito

 

Cliccare su Salva e, con il mouse, spostare questo elemento pagina nella posizione che ci piace di più

 

 

Per scrivere questo post ho creato un contatore che ho inserito in un blog-di-prova, Effetto Sfoglia-Pagina. Ecco come si presenta

 

Se si vuole inserire il contatore nel centro dell’elemento pagina bisogna, in Layout >Elementi pagina, cliccare su Modifica e aggiungere i due tag <center> e </center> all’inizio e alla fine del codice come mostrato da questo screenshot

 

Tutte le volte che entrerai in Histats attraverso il Login, sarai inviato nel tuo Pannello di Controllo in cui potrai gestire tutto il tuo account, inserendo un nuovo sito, oppure inserendo un subaccount, modificando la email o la password

Per uscire da histats puoi fare il logout in alto a destra e puoi scegliere, quando rientri se avere il cookie solo per per il browser o anche per l’IP. Consiglio la prima opzione visto che non c’è molto di segreto .

 

QuickMaps per generare delle mappe per itinerari o percorsi di viaggio da inserire in un sito.

Mettiamo che si voglia organizzare una gita in qualche località con partecipanti reclutati online oppure che si abbia la necessità di pubblicizzare un’attività commerciale con tanto di itinerario per poterla raggiungere. Google Maps mette a disposizione delle API per fare dei lavori veramente interessanti.

Mi ero già occupato di UMapper come di un sito che permetteva l’inserimento nei blog di itinerari generati dagli utenti adesso è nato QuickMaps che ne ricalca le orme

Si può scegliere il tipo di visualizzazione solito di Google Maps cioè Mappa, Satellite, Ibrida, Terreno. Inserendo un nome di una località se ne visualizza subito la mappa. Si possono fare le seguenti personalizzazioni

1. Inserire dei contrassegni trascinandoli con il mouse dalla  barra di destra
2. Inserire delle note per ogni contrassegno cliccandoci sopra con il sinistro del mouse
3. Eliminare i contrassegni cliccandoci con il destro del mouse
4. Aggiungere delle linee alla mappa cliccando su Draw Lines, quindi su una serie di punti, infine su “normal mode” per terminare il lavoro
5. Tracciare delle linee a mano andando su Scribble
6. Personalizzare i contrassegni (icone marcatori) andando su Markers e scegliendo la categoria più appropriata
7. Inserire delle etichette di testo nella mappa trascinando con il mouse la tabella di testo che sta sotto a Other Stuff
8. Si può sempre azzerare il lavoro compiuto andando su Clear
9. Consultare questa pagina di istruzioni per ulteriori funzionalità -
10. Titolare e descrivere la mappa che abbiamo editato
11. Salvarla andando su Save it oppure inserirla in un sito andando su Save and Generate Code

Verrà generato del codice HTML di un Iframe che potrà essere inserito nel blog su Blogger in modalità HTML. E’ anche possibile inserirlo su Typepad, iGoogle o acquisirne il widget per implementare la mappa su qualsiasi sito

TubeQueue per scaricare e convertire video da Youtube.

Ci sono moltissimi servizi e portali per scaricare video da Youtube, personalmente preferisco Download Helper e aTube Catcher. Un’alternativa interessante è rappresentata da TubeQueue che è un software per Windows e ha bisogno per funzionare di .NET Framework 3.5.

• Scarica TubeQueue Primo link – Secondo link – Terzo link -

Il funzionamento del software si basa sull’inserimento di una parola chiave nel modulo posto in alto nella scheda Built-in…, cliccando su Search si visualizzano tutti i video associati

I video possono essere filtrati per rilevanza, numero di visite, rating, e data di caricamento. Saranno contrassegnati da una miniatura per un più semplice riconoscimento. Si può effettuare la ricerca anche direttamente nel sito di Youtube attraverso la scheda Youtube Website Search. Cliccando con il destro del mouse sul video prescelto questo può essere aggiunto alla coda (queue) di download

Nella parte destra dell’interfaccia del programma possiamo scegliere il formato di conversione dei video che abbiamo messo in coda

 

A questo punto si clicca sul pulsante Add To Processing Queue per spostare i video selezionati e dei quali abbiamo impostato la conversione, nella parte bassa della finestra. Si possono aggiungere alla coda di destra anche dei video presenti nel computer o video di Youtube di cui si conosce l’URL. Il programma funziona in modo da convertire uno dopo l’altro tutti i video che si sono selezionati e nel formato che si è scelto. Per iniziare il download e/o la conversione si clicca su Download/Convert

Sarà anche mostrato il progredire dei vari download e delle varie conversioni.

I migliori calcolatori scientifici online.

Il miglior software per calcoli matematici di tutti i tipi è Maple 12 che ha una quantità incredibile di funzioni e applicazioni per tutte le branche della scienza. Se siamo invece interessati soltanto a semplici funzionalità da calcolatrice scientifica e non ne abbiamo una sottomano possiamo usare uno dei seguenti tool online.
Calcoolate.com – E’ facile da usare ed ha un’interfaccia molto semplice. Salva i risultati nella cronologia e è pure un convertitore per unità di misure quali distanza, velocità, peso, ecc. Sono presenti tutte le funzioni trigonometriche


Encalc -  Può calcolare espressioni matematiche lunghe e complesse. Supporta le parentesi e le principali funzioni (sin, cos, ecc). E’ anche un convertitore di unità di misure

Si digita una formula letterale quindi possiamo inserire le variabili e calcolare il risultato. Utile per studenti liceali.


Ecalc -  E’ un software che può essere scaricato in prova per Windows e Mac ma è anche un tool online di calcolo scientifico

L’aspetto è proprio quello di una calcolatrice scientifica con funzioni di conversione di unità di misure. Invece di premere i tasti si clicca sui bottoni . Sono supportate tutte le funzioni trigonometriche.

Instacalc -  Permette di vedere i risultati di un calcolo in tempo reale e ha anche funzionalità di conversione. Ci sono dieci linee di calcolo alcune delle quali sono di esempio

Oltre alla matematica di base sono anche presenti variabili, radici, trigonometria, ecc. In alto sulla destra si possono visualizzare gli operatori matematici per un più semplice inserimento delle espressioni. Esiste anche la possibilità di implementare il risultato di un nostro calcolo in un sito web attraverso il pulsante Embed. Si può infatti acquisire il link oppure il codice HTML da inserire nel sito.

CTwittLike permette di vedere i tweet degli altri entrando virtualmente nella loro Homepage.

Mi rendo conto che il titolo non è un granché ed è un po’ criptico, forse un esempio aiuterà a capire meglio. Sappiamo che ci sono molti personaggi famosi che hanno un account su Twitter, quando fanno il login quali sono i tweet che vedono?

CTwittLike, semplicemente digitando il nick di un utente di Twitter, catapulta immediatamente il navigatore in quella che è la Homepage su questo servizio

In un precedente articolo ho parlato dei personaggi famosi che usano Twitter, quindi se ne conosciamo il nick non resta che digitarlo nel campo apposito e cliccare su cTwittLike. Volete sapere per esempio, tanto per partire dall’alto, quali tweet legge il Ministro Renato Brunetta?  Inserite “renatobrunetta” e cliccate su cTwittLike. La Homepage di Brunetta è proprio quella che vede lui ed è diversa dal Profilo dell’utente Renato Brunetta in cui sono presenti solo i suoi aggiornamenti.

Attraverso la funzione di Twitter FindPeople possiamo cercare dei personaggi che ci interessano particolarmente. C’è una giovane esponente del Partito Democratico che ha utilizzato moltissimo la rete e che è Debora Serracchiani, digitandone il nick “serracchiani” su cTwittLike si può vedere in tempo reale quali sono i tweet che legge.

Se invece siete interessati al mondo del giornalismo ecco quali tweet legge Beppe Severgnini

Mi sa però che anche per questi personaggi famosi la maggior parte dei tweet siano di scarso interesse, un po’ come i nostri…

 

Sette bellissimi header con foto di natura per il vostro blog.

Un blog si caratterizza anche dall’immagine che ha nell’intestazione; è abbastanza semplice trovare degli header gratis nel web ma credo di fare cosa gradita se ne presento sette che hanno come unico tema quello delle “bellezze naturali”. Si tratta di immagini di formato 800x200 pixel che possono essere adattate alla larghezza del modello con lo strumento ResizR; possono essere liberamente utilizzate senza inserire collegamenti.

E’ possibile scaricare gli header singolarmente cliccando su ciascuna immagine, quindi scaricandola con il destro del mouse

 

 

 

 

 

 

Per personalizzare l’header aggiungendo del testo o loghi personali possiamo usare dei programmi di grafica come Photoshop oppure il gratuito Gimp, di cui è stata appena rilasciata la versione 2.7 che sarà seguita a breve dalla stabile 2.8.

 

 

In 5 minuti di video più di 100 anni di effetti speciali dei maestri del cinema.

I cinefili e non solo sanno ben quanta strada abbiano fatto gli effetti speciali in questi ultimi anni grazie alla grafica computerizzata. Questo aspetto della realizzazione di pellicole cinematografiche non è di adesso ma conta molti precedenti illustri anche di più di cento anni fa. Si può quasi dire che gli effetti speciali sono nati con i fratelli Lumière.

Gizmodo ha raccolto in 5 minuti i più interessanti effetti speciali dell’ultimo secolo: si va dai Dieci Comandamenti del 1923, a King Kong del 1933, dal Mago di Oz del 1939 ai Pirati dei Caraibi del 2007. Ecco l’elenco completo

1. 1900 - The Enchanted Drawing
2. 1903 - The Great Train Robbery
3. 1923 - The Ten Commandments (Silent)
4. 1927 – Sunrise
5. 1933 - King Kong
6. 1939 - The Wizard of Oz
7. 1940 - The Thief of Baghdad
8. 1954 - 20,000 Leagues Under the Sea
9. 1956 - Forbidden Planet
10. 1963 - Jason and the Argonauts
11. 1964 - Mary Poppins
12. 1977 - Star Wars
13. 1982 – Tron
14. 1985 - Back to the Future
15. 1988 - Who Framed Roger Rabbit
16. 1989 - The Abyss
17. 1991 - Terminator 2: Judgment Day
18. 1992 - The Young Indiana Jones Chronicles
19. 1993 - Jurassic Park
20. 2004 - Spider-Man 2
21. 2005 - King Kong
22. 2006 - Pirates of the Caribbean: Dead Man's Chest
23. 2007 - Pirates of the Caribbean: At World's End
24. 2007 - The Golden Compass
25. 2008 - The Spiderwick Chronicles
26. 2008 - The Curious Case of Benjamin Button

Si tratta di una raccolta di spezzoni di effetti visivi veramente straordinaria da scaricare e tenere nel computer come eccezionale documento. Ecco il video

 

Certo si potrebbe obbiettare alla mancanza o dimenticanza di film come Matrix; si nota anche l’assenza totale di film non hollywoodiani, d’altra parte doveva essere fatta una scelta altrimenti invece di 5 minuti non sarebbe bastata un’ora.

Come rendere visibile la Barra di Navigazione (NavBar) su Blogger in quei modelli in cui non è presente.

Per il compleanno dei dieci anni, Blogger sta inserendo molte altre funzioni. Nel precedente articolo ho parlato del bottone Condividi per postare gli articoli su Facebook, Twitter o inviarli via email.

Ho anche precisato che in molti modelli questa barra è stata tolta. Se adesso si volesse ripristinare perché comunque è veicolo di importanti servizi dobbiamo pensare che ogni modello fa storia a sé, quindi non ci possono essere delle procedure comuni, darò quindi delle linee guida di tipo generale. Guardate per esempio come si presenta questo blog di video costruito con il modello Professional

Se vogliamo inserire nuovamente la NavBar dobbiamo andare su Layout > Modifica HTML e cercare, cliccando su F3 oppure Ctrl+F il tag navbar.

Troviamo il seguente codice

/* Blogger Navigation Bar */
#Navbar1 {
margin: 0;
padding: 0;
visibility: hidden;
display: none;
}

Anche i non esperti capiranno da visibility: hidden; e display: none; che la navbar viene nascosta. Se invece si vuole ripristinare dobbiamo

1. Selezionare, copiare e salvare questo codice in un file di testo a futura memoria nel caso volessimo eliminare nuovamente la NavBar
2. Eliminare semplicemente tutto questo codice e Salvare il modello

L’aspetto del blog adesso sarà cambiato e sarà visibile la barra di navigazione con tutte le sue funzionalità, tra cui il bottone Condividi

 

Per gli altri modelli mancanti della NavBar si può fare una cosa simile, però ricordatevi sempre, prima di cominciare, di salvare il modello per evitare di combinare casini.

 

Inserito il bottone Condividi nella Barra di Navigazione di Blogger per postare con un click gli articoli su Twitter e Facebook.

Il compleanno di Blogger (10 anni di vita) sta portando delle novità a getto continuo; ieri è stato introdotto un nuovo pulsante, dal nome Condividi, nella NavBar, quella barra blu che sta nella parte alta del sito.

C’è da dire che questa è presente su tutti i modelli originali di Blogger mentre non c’è, perché eliminata, in alcuni template personalizzati.

Quando si clicca su Condividi si apre una piccola finestra per Condividere la pagina in uno dei quattro modi previsti

1. Se si sceglie Twitter il post sarà inserito nel nostro stato con relativo URL accorciato
2. Se si clicca su Facebook comparirà nel nostro Profilo e nell’Homepage dei nostri amici

Nel caso di Facebook possiamo anche scegliere l’immagine di anteprima tra quelle presenti

Se si opta per Google Reader, la pagina in questione, verrà aggiunta agli elementi condivisi. Si può anche integrare con una nota di appunti

mentre se si sceglie Email si può inviare il post ad un amico, corredandolo di un eventuale messaggio e compilando la Captcha

 

 

Credo che pur non essendo entusiasta sia comunque una funzionalità aggiuntiva che possa far comodo in molte circostanze.

Come inserire l’effetto Sfoglia-Pagina in un blog su Blogger.

Questo effetto è stato messo a punto dal sito tedesco www.webpicasso.de e l’ho scoperto attraverso il blog di Iole che ha scritto anche un eccellente post. Per iniziare date uno sguardo al blog dell’effetto sfoglia-pagina che ho creato per testare  il funzionamento.
Se andate con il mouse nella parte alta destra, la pagina si sfoglierà mostrando un’altra immagine. Avete quindi bisogno di due immagini, una più piccola da vedere in una posizione normale e una più grande quando la pagina viene sfogliata. 
Ho usato due immagini: la miniatura deve essere di 100x100 pixel e l’immagine che si vede quando si sfoglia la pagina deve avere le dimensioni di 500x500 pixel. Io non l’ho fatto per questioni di tempo ma si potrebbero inserire delle scritte per invitare a cliccare sulla pagina o sulla miniatura. Un’altra considerazione è che si vede di entrambe solo la parte che sta sopra alla diagonale quindi occorre considerare questo fatto quando si inserisce del testo.

Dopo che vi siete procurate le due immagini delle dimensioni appena citate, caricatele nel web, per esempio su SkyDrive e passate alla personalizzazione del file pageear.txt che potete scaricare dal collegamento. Inserite i seguenti dati evidenziati di rosso

/*
*  Konfiguration / Configuration
*/
// URL zum kleinen Bild / URL to small image
var pagearSmallImg = 'URL_Immagine_100pixel';
// URL zu pageear_s.swf / URL to small pageear swf
var pagearSmallSwf = 'http://www.hotlinkfiles.com/files/2780723_eogbc/pageear_s_1.swf';

cioè l’URL della miniatura.

// URL zum großen Bild / URL to big image
var pagearBigImg = 'URL_Immagine_500pixel';
// URL zu pageear_b.swf / URL to big pageear swf
var pagearBigSwf = 'http://www.hotlinkfiles.com/files/2780721_sj4yd/pageear_b_1.swf';

vale a dire l’URL dell’immagine grande

// URL to open on pageear click
var jumpTo = 'URL_Pagina_Collegamento'
// Öffnet den link im neuen Fenster (new) oder im selben (self)
// Browser target  (new) or self (self)
var openLink = 'new';

bisogna cioè inserire l’URL della pagina che si vuole che si apra quando il visitatore clicca sull’immagine sfogliata. Si può anche sostituire new con self se si vuole che il collegamento non si apra in una nuova scheda

// Ecke in der das Pagepeel erscheinen soll (lt: linke obere Ecke | rt: rechte obere Ecke )
// Set direction of pageear in left or right top browser corner (lt: left | rt: right )
var setDirection = 'rt';

sostituire rt con lt se si vuole che la pagina si sfogli sulla sinistra invece che sulla destra. Salviamo questo file di testo nel nostro computer. Rinominiamolo da pageear.txt in pageear.js con il destro del mouse. Carichiamolo sul servizio Hotlink Files che dà i link diretti ai file Javascript. Acquisiamone quindi l’indirizzo.
Adesso andiamo su Layout > Modifica HTML e cerchiamo il tag </head>. Immediatamente sopra incolliamoci il seguente codice

<script language='javascript' src='http://www.hotlinkfiles.com/files/2780722_zhzcz/AC_OETags.js'/>
<script src='URL del file pageear.js' type='text/javascript'/>

dove al posto di URL del file pageear.js inserite l’indirizzo acquisito da Hotlink Files. Adesso cercate il tag </body> e immediatamente prima inserite il seguente codice

<!-- PageEar function call -->
<script type="text/javascript"> writeObjects(); </script>

Salvate il modello e guardate la vostra realizzazione.
Aggiornamento: Il sito HotlinkFiles è andato in tilt quindi ho caricato lo script su un altro hosting, DropBox. Nel caso in cui non funzionasse il codice di questo articolo consultate quest'altro post.

Google Sites è in panne e questo provoca difficoltà per gli script che vi sono stati caricati.

Da qualche minuto Google Sites è in difficoltà ed è lentissimo. Siccome ho caricato su quel servizio molti script tra i quali anche quello del menù espandibile il mio sito ha diverse difficoltà di visualizzazione e grande lentezza di caricamento.
Spero che la cosa si risolva al più presto altrimenti mi vedrò costretto a migrare nuovamente e spostare gli script su un altro servizio. Questo fino a quando anche quello non andrà down.
Purtroppo questa è la dura vita dei blogger , dipendere sempre dalle bizze di qualche sito.
Spero in aggiornamenti positivi al più presto.
Aggiornamento (positivo): Sembra che la cosa sia tornata alla normalità (ore 20.18).

Ecco l’elenco delle reti pubblicitarie certificate da Adsense che concorreranno ad inserire i loro annunci nei nostri siti insieme agli inserzionisti AdWords.

In un articolo di ieri avevo parlato di come sarà adesso possibile visualizzare gli annunci di reti pubblicitarie esterne diverse da AdWords. Volendo si possono anche vedere quali siano queste società che sono già state autorizzate da Google Adsense a concorrere all’asta per l’inserimento dei banner.
Occorre loggarsi nel nostro account Adsense, quindi andare in Impostazioni Adsense > Centro Verifica Annunci. Sarà presente il messaggio che non è stata bloccata nessuna rete pubblicitaria visto che di default vengono approvate automaticamente dal publisher.

cliccando su Modifica appaiono i nomi delle società che potranno inserire i loro annunci negli spazi dei nostri siti.

Si possono effettuare le seguenti operazioni

1. Lasciare tutto come è adesso – Opzione caldamente consigliata perché tutte le reti concorreranno all’asta facendo lievitare il compenso medio per click (quando questi annunci saranno effettivamente operativi) 
2. Bloccare una singola rete – cliccando su Blocca accanto al nome; in questo caso nello spazio di sinistra appariranno i nomi delle società bloccate
3. Bloccare automaticamente le nuove reti pubblicitarie certificate da Google – Mettendo il segno di spunta nel quadratino apposito

Una sicura differenza che questi tipi di annunci avranno rispetto a quelli classici è che non sarà visualizzata la scritta Annunci Google in basso a destra delle varie unità pubblicitarie.
Mi sono preso la briga di informarmi su alcune di queste società cercando la loro Homepage

1. Aggregate Knowledge -
2. DataXu -
3. Acxiom -
4. Adchemy -
5. Invite Media -
6. Specific Media -
7. Turn -
8. [X+1] ovvero XplusOne -

Se ho preso delle cantonate con qualche sito me ne scuso in anticipo, ma non credo. Si tratta sempre di forme avanzate di pubblicità, almeno così risulta dando uno sguardo alla presentazione dei vari progetti.
Quello che salta subito agli occhi è che queste reti sono assolutamente sconosciute in Italia, almeno da me. Questo vuol dire che probabilmente qui da noi siamo ancora ai margini dell’attività pubblicitaria online. Questo potrebbe anche aprire delle prospettive di crescita interessanti.

GIF.com è una vastissima collezione di immagini animate in formato GIF da poter scaricare tutte liberamente.

Se siete appassionati di immagini animate potete crearvele da soli mediante servizi tipo Make a Gif oppure scaricare quelle già presenti in rete in siti come GIF.com che è uno dei migliori di questo genere. E’ disponibile in varie lingue tra le quali l’italiano e le immagini ClipArt e GIF presenti sono suddivise in categorie.

Le ClipArt sono catalogate nelle seguenti sezioni

Agricoltura, Animali, Cartoni animati, Indumenti, Computer, Istruzione, E-mail,Spettacolo, Cibo, Mani, Festività, Nucleo familiare, Internazionale, Ragazzi, Panorama, Medico, Denaro, Musica, Natura, Ufficio, All'aperto, Gente, Polizia, Religioni

mentre le animazioni vere e proprie sono immagazzinate nelle seguenti categorie

Animazioni, Clip-art.com, Animation Factory, Costruzione, Cibo, Ragazzi, Denaro, Musica, Oggetti, Web.

Alcuni link rimandano ad altri servizi a pagamento ma ecco alcune delle numerose animazioni o clipart che possono essere scaricate ed inserite nei nostri blog o documenti

                     

Veramente carine non c’è che dire!

Artvex è un enorme database di clipart da scaricare e usare liberamente.

La ClipArt è utilizzata per documenti, grafica, blog, design ed, in genere, chi realizza un’immagine o un’icona di questo tipo tende a tenersi stretta la sua creatura. In Artvex ci sono la bellezza di più di 10.000 clipart pronte per il libero download. Le immagini sono suddivise in categorie per una maggiore facilità d’uso.

Sulla sinistra è presente anche una casella di ricerca per risultati più accurati

Le categorie vanno da Anatomy, Animals a  Weapons (armi), Zodiac. Ecco alcuni esempi che riguardano libri che possono essere aggiunti p.e. a pagine editate con Google Documenti 

Se invece avete un blog che parla di cucina ecco alcuni esempi di immagini da includere nei post o in Homepage

 

Potrei inserire qualcuna di queste immagini nel mio motore di ricette di cucina . 

 

Come confrontare due video di Youtube con Youtube Doubler.

Se avete provato a confrontare due video di Youtube vi sarete certamente accorti che è più difficile di quanto non sembri. Bisogna guardare attentamente un video e poi fare lo stesso con l’altro e non si è mai sicuri di vedere eventuali difformità.

Youtube Doubler consente di farlo senza registrazione e in modo immediato. Quello che ci serve sono solo gli URL dei due video che vogliamo paragonare

 

E’ ancora in Beta e per far andare i due video contemporaneamente basta cliccare su Double Up, dopo che si sono inseriti gli URL negli spazi appositi.

Si possono anche condividere con gli amici le pagine in cui abbiamo comparato i due video. E’ di una facilità d’uso veramente disarmante.

Si possono anche contrassegnare le comparazioni di video Preferite ed è presente una rassegna dei 49 Top Video di questo servizio.

Come creare una campagna di sensibilizzazione in internet attraverso una fascetta diagonale.

Ci sono molti blog che si pongono degli obbiettivi e sono animati da grandi ideali; questo li porta a creare delle campagne online che possono avere maggiore o minore successo. Non entro nella questione etica se non in punta di piedi ma qualche volta si ha il sospetto che queste campagne più che un’operazione di sensibilizzazione verso un tema o un problema siano solo delle forme di auto-pubblicità neppure troppo implicite.

Un must per queste operazioni sono quelle fascette o nastri che vengono poste in diagonale nella parte alta sinistra o destra del blog. Viene spesso anche usata l’espressione inglese ribbon che significa appunto nastro.

Alla base di ogni campagna c’è quindi l’esigenza di creare un logo che possa essere incollato anche in altri blog. Vi presento due tool online in cui possono essere creati

Quick Ribbon – che è un “generatore gratuito di nastri”

Si scrive il testo, si sceglie tipo di caratteri e dimensione, si sceglie il modello tra i quattro proposti, si selezionano i tre colori che concorreranno a formare la fascetta. Si possono selezionare direttamente con un click, con lo strumento contagocce od inserendo direttamente i codici dei colori.

Si clicca su Apply per vedere l’anteprima quindi su Generate Ribbon per ottenere il codice da inserire in un elemento tipo HTML/Javascript.

Website Ribbon Generator funziona in modo assai simile e viene anche chiamato Diagonal Corner Banner.

Si scrive il “messaggio promozionale”, si sceglie il font, il colore del font e il modello del banner. Una cosa opzionale molto interessante è quella di inserire un collegamento ad un sito o ad una pagina. Vi consiglio quindi, se usate questo generatore, di scrivere prima il post, acquisirne l’URL e inserirlo successivamente come collegamento Per generare il nastro infine cliccare su Generate.

Si copia il codice e si incolla andando su Layout > Aggiungi un gadget > HTML/Javascript e si pone in alto a sinistra

Potete vedere un esempio in questo blog di prova per controllare che effettivamente punta a questa pagina.

Se si vuole inserire nel nostro blog anche il codice che gli altri blogger possono eventualmente copiare nei loro siti bisogna usare un textarea con un codice di questo tipo

<textarea rows="6" cols="24"><p><script language="javascript" src="http://www.websiteribbon.com/ribbon/99787/"></script><noscript><div class="websiteribbon"><a title="diagonal corner banner web design tool" href="http://www.websiteribbon.com/" target="_blank"><img class="websiteribbon" src="http://www.websiteribbon.com/banner.gif" alt="diagonal corner banner web design tool" ></a></div></noscript></p></textarea>

che nel nostro blog potrà essere incollato in un altro elemento HTML/Javascript. La parte in rosso è il codice che si è acquisito da Website Ribbon Generator. Non posso mostrare la textarea perché non funziona se postata con WLW ma è assolutamente efficiente se inserita in un elemento pagina come potete verificare nel solito blog di prova.