Personalizzare le Intestazioni all'interno dei post di Blogger.

In tutti i manuali di linguaggio HTML si può leggere che i titoli e le intestazioni possono essere mostrati con i tag che vanno da <h1> a <h6>. Anche nel mio ebook Guida all'HTML e al CSS che può essere scaricato gratuitamente ho accennato a questa gerarchia di Titoli e Intestazioni da inserire nell'HTML.

Blogger ha da tempo inserito la possibilità di inserire le Intestazioni direttamente nell'articolo. Quando si apre l'Editor si può scegliere oltre che Normale Paragrafo anche Intestazione, Intestazione Secondaria e Intestazione Minore. 

Proviamo a creare tre diverse Intestazioni con le tre opzioni

Come trovare la posizione di un blog per numero di visitatori a livello nazionale e mondiale.

Dopo qualche mese che abbiamo creato un blog ci si pone la domanda non tanto sul numero di visitatori che lo aprono giornalmente o mensilmente visto che questi dati possono essere desunti da Google Analytics o dalle statistiche di Blogger ma su che posizione abbia raggiunto il nostro sito rispetto ai blog simili.

In rete ci sono diversi tool in grado di fare una stima del numero dei visitatori unici ma pochi di questi sono affidabili. Lo strumento più preciso probabilmente era AdPlanner di Google che però è stato ritirato.

20 modi di usare Wolfram Alpha nella vita di tutti i giorni.

Stephen Wolfram è un fisico e matematico britannico che ha pubblicato lavori sulla fisica delle particelle, sugli atomi cellulari e sulla algebra simbolica ma che è noto anche per aver fondato Wolfram Research, aver ispirato la realizzazione dell'ambiente di calcolo di Mathematica e soprattutto per aver fondato il motore di ricerca Wolfram Alpha.

Si tratta di un motore computazionale di conoscenza che interpreta le parole chiave inserite dall'utente e, contrariamente agli altri motori di ricerca che propongono dei link a siti web, mostra delle possibili risposte ai quesiti. Gli utilizzi di questo straordinario motore spaziano in moltissimi campi dello scibile come la Matematica, la Biologia, la Chimica, la Storia, la Fisica, la Medicina, ecc.

Come inserire dei commenti nel modello di Blogger per ritrovare il codice più facilmente.

Una delle domande che mi vengono più spesso rivolte nei commenti è quella di non trovare più un codice di un particolare widget nel template di Blogger e come fare quindi a disinstallarlo. Queste problematiche in realtà si potrebbero facilmente risolvere con un po' di attenzione.

Visto che ci sono dei blog che hanno molti anni con dei widget e dei codici inseriti da molto tempo è spesso difficile risalire al loro codice e quando questo sia possibile per chi non sia particolarmente esperto è difficile capire quando inizia e quando finisce il codice da eliminare o da modificare.

Gli webmaster in verità hanno a disposizione uno strumento potentissimo per "taggare" i codici in modo da poterli ritrovare più facilmente. Lo strumento da usare è quello dei commenti vale a dire una particolare sintassi che avverte il browser di non leggere quello che c'è all'interno di due tag. Ci sono vari tipi di commenti a seconda che il codice in questione sia HTML, CSS o javascript.

6 Applicazioni online per tagliare MP3 e creare suonerie.

Ci sono molte applicazioni che permettono di scaricare gratis suonerie sia per Android sia per iOS ma molti utenti preferiscono fare da soli e crearsi delle suonerie in proprio estraendo il ritornello o altra parte da un brano musicale. Si può anche creare una suoneria con una registrazione della nostra voce o di quella di un conoscente.

Tutte le manipolazioni dei file audio possono essere fatte con programmi come Audacity o con Audition ma per una operazione così semplice come l'estrazione di una parte di un brano si può anche decidere di utilizzare una applicazione online creata appositamente con quell'obiettivo. Naturalmente ci sono anche moltissime applicazioni per Android o iOS che possono essere installate per questo scopo e che magari vedremo in un prossimo post.

Come installare su Blogger le unità dei contenuti con corrispondenza di Adsense.

Nella giornata di ieri in molti account Adsense è comparso un avviso che annunciava una nuova funzionalità chiamata Contenuti per Corrispondenza da implementare nei siti che soddisfino dei requisiti minimi "di volume di traffico e numero di pagine uniche". Non si tratta di un nuovo tipo di unità pubblicitaria ma di una sorta di widget assimilabile a quello degli Articoli Simili.

Nelle unità dei contenuti con corrispondenza non verranno infatti mostrati degli annunci pubblicitari ma dei suggerimenti per articoli dello stesso sito che risultino maggiormente pertinenti per i lettori di tali pagine. Questa nuova funzionalità ha lo scopo dichiarato di aumentare le visualizzazioni di pagine e il tempo sul sito. Come già accade per le unità pubblicitarie a Livello Pagina per il Mobile anche le Unità di Contenuti con Corrispondenza non verranno conteggiate nei limiti per pagina (tre unità pubblicitarie, tre insiemi di link e due caselle di ricerca).

Paypal.me per donazioni o pagamenti con un link.

Recentemente Paypal ha introdotto una funzionalità che semplifica di molto l'invio e la ricezione di denaro. Abbiamo visto come sia facile creare un bottone per le donazioni di Paypal ma adesso la cosa può diventare ancora più semplice con il servizio Paypal.me. 

Il funzionamento del servizio viene spiegato direttamente in una pagina di Paypal in cui viene specificato che non vengono applicate tariffe aggiuntive o spese di alcun genere.

Si clicca su Inizia ora e si digita un username identificativo dopo paypal.me/ che potrebbe il nome e cognome o un nostro nickname. Se l'username non è ancora in uso sarà mostrato il baffo verde. Si va su Crea link per creare un indirizzo univoco a cui associare un nostro conto Paypal

Come leggere interamente i feed parziali con Feedly.

Per la doverosa opera di documentazione necessaria per chiunque scriva per il web utilizzo l'eccellente servizio Feedly che mi permette di scorrere in pochi minuti i titoli di centinaia di post per poi scegliere di leggere solo quelli che mi stuzzicano l'interesse. Come è noto il webmaster può scegliere se mostrare i feed completi, se mostrarli solo parzialmente o se non mostrarli affatto.

Tanto per fare un esempio pratico i blog su Blogger possono essere configurati andando su Bacheca > Impostazioni > Altro > Consenti feed blog. Nel menù a discesa si può scegliere tra Nessuno, Breve, Personalizza, Completo e Fine all'intervallo. La scelta più comune è quella Fino all'intervallo che è anche la configurazione che ho scelto per questo blog. In questo modo chi si iscrive ai feed di questo sito può leggere l'articolo solo fino al Read More e per leggerlo completamente deve cliccare sul titolo del post e aprire il sito.

Come inserire dei link a post in evidenza all'interno degli articoli di Blogger.

Una delle regole più importanti per l'ottimizzazione del sito per i motori di ricerca è quella di linkare i post che abbiamo pubblicato in precedenza. Questo va fatto in modo sistematico e porta solo vantaggi. Se ci sono degli aggregatori che ripubblicano i nostri post, che siano autorizzati a farlo o meno, quando nei contenuti ci siano dei collegamenti ad altri articoli si verranno a creare dei backlink automatici dai siti che li ripubblicano. Inoltre il linkare vecchi post serve per mostrare a Google che questi sono ancora vitali. Infine non bisogna dimenticare che questi collegamenti possono portare i visitatori ad aprirli non fosse altro che per mera curiosità.

Si può creare una regola CSS per rendere questi collegamenti anche visivamente più attrattivi.

Come far stampare le ricette nei siti di cucina su Blogger.

Ho appena ricevuto un commento in cui mi si chiedeva se in Blogger fosse possibile aggiungere un bottone o un link per stampare solo la ricetta e non tutta la pagina come invece succede con Blogger. La mia risposta è stata negativa ma forse è stata anche affrettata perché un sistema per stampare una ricetta presente nel post, e solo quella, si può trovare usando Google Sites che è un servizio di Google per creare dei siti statici e che può essere utilizzato con le stesse credenziali di Blogger.

Naturalmente il procedimento che andrò a presentare vale anche per siti diversi da quelli di cucina e può essere usato tutte le volte che si voglia permettere ai lettori di stampare in modo semplice non solo una ricetta ma anche una guida, un modulo, un documento o qualsiasi altra cosa. L'utilizzo di Google Sites è da preferire ad altre soluzioni perché in basso a tutte le pagine di Google Sites i lettori visualizzano il link Stampa pagina con cui possono stampare la pagina corrente. Ovviamente bisognerà informare i lettori di questa opportunità perché non tutti la conosceranno ma questo lo vedremo in seguito.

Creare una icona nel desktop per aprire una data pagina web.

Nell'articolo precedente abbiamo visto come creare un collegamento nel desktop per aprire una scheda di Chrome in Incognito e mi sono ricordato di non aver mai pubblicato un post su come invece si possa creare una scorciatoia per aprire una data pagina web con i vari browser.

Delle icone che ci consentano di aprire subito una data pagina web possono essere utili per quei siti che siamo soliti navigare molto spesso come per esempio la homepage del nostro blog. La procedura da usare è la stessa per i tre browser principali ed è molto intuitiva.

CREARE UN COLLEGAMENTO NEL BROWSER A UNA PAGINA DI CHROME

Dopo aver aperto la pagina si ridimensiona la scheda per lasciare spazio libero nel desktop

Come creare un collegamento nel desktop Windows per aprire Chrome in Incognito.

Probabilmente saprete che con Chrome come con tutti gli altri browser più importanti è possibile navigare senza lasciare tracce evidenti. Su Chrome questo metodo di navigazione viene chiamato Incognito Mode mentre su Internet Explorer si chiama InPrivate Browsing e su Firefox Finestra Anonima.

Se siamo soliti navigare in Incognito con Chrome, magari affiancando questo modo di aprire le pagine web a quello canonico, può essere utile creare un collegamento sul desktop ovvero una icona che ci permetta di aprire la pagina in Incognito di Chrome solo con un doppio click nei casi in cui sia necessaria. Ricordo per completezza di informazione che con la navigazione in Incognito non si scaricano i cookie ma la nostra navigazione potrà sempre essere tracciata tramite il nostro indirizzo IP. In Incognito poi si possono comunque scaricare malware come con la normale navigazione.

Come bloccare un mittente su Gmail e come cancellarsi da una newsletter da desktop e da mobile.

Con il recente aggiornamento di Gmail sono state introdotte delle interessanti novità per migliorare l'esperienza utente come riportato dal Blog Ufficiale di Gmail. Alcuni contatti e alcune newsletter a cui ci siamo volontariamente o involontariamente iscritti sono veramente invadenti e spesso viene la voglia di non vedere più messaggi che provengono da una certa fonte.

Questo da adesso è possibile farlo direttamente dal cellulare con la funzione Blocca Mittente che farà in modo di mandare nello Spam tutti i messaggi provenienti da quel mittente. Dopo aver aperto il messaggio incriminato basterà fare tap nel menù posto a destra del nome del messaggio e scegliere Blocca

Come adattare i blog su Blogger a smartphone e tablet.

Nel precedente post abbiamo visto come si possa rendere Responsive un elemento di un sito quando se ne conosca il suo selettore univoco e si abbia la consapevolezza degli attributi che debbono essere adattati alle diverse risoluzioni.  Ricordo che il Disegno Responsive è quella tecnica per adattare il layout di una pagina web alla risoluzione del dispositivo con cui si è aperta. Si tratta di un tema molto importante anche dal punto di vista SEO visto che Google da Aprile sta penalizzando i siti non mobile-friendly.

Se si prova a implementare su Blogger la tecnica della media query che abbiamo visto nel precedente articolo avremo dei buoni risultati quando i selettori siano estranei a Blogger come potrebbe essere quelli di un menù, un widget o un altro elemento che non dipenda dal codice nativo di Blogger. Se però proviamo con i CSS media query a adattare le dimensioni per esempio del nome del blog non si noteranno cambiamenti nelle varie risoluzioni dei dispositivi. La ragione dipende dal fatto che Blogger ha già nel codice i tag per adattare i vari elementi del layout alla versione mobile.

Come pubblicare un elemento Responsive in una pagina web.

Fino a qualche anno fa il problema più snervante per gli webmaster era quello di riuscire a visualizzare il sito in modo omogeneo con tutti i browser. Soprattutto con Internet Explorer si avevano le maggiori difficoltà. Per fortuna le ultime versioni di IE hanno delle rese del codice delle pagine web molto più in sintonia con gli altri browser inoltre si può sempre implementare un codice nel Modello o nel Tema per rendere il sito compatibile con tutti i browser.

Attualmente invece le maggiori problematiche si riscontrano quando il nostro sito viene visualizzato con dispositivi mobili. Alcuni elementi che vengono visualizzati in modo corretto con la versione desktop non sono altrettanto ben mostrati nella versione mobile. L'aspetto del sito visto da mobile è importante anche dal punto di vista SEO dopo che Google ha annunciato di penalizzare i siti non mobile-friendly.

In questo articolo prenderemo in esame una situazione generale mentre nel prossimo mi occuperò più specificatamente del modello di Blogger.

Come creare una mappa con Google Drive inserendo immagini, video, tracciati e pubblicarla nel blog.

Nel precedente post abbiamo visto come si possa creare un quiz con gli strumenti di Google Drive e in questo invece esploreremo la possibilità di creare delle mappe con segnaposti, immagini, video, testi, tracciati, misurazioni di distanze. Il risultato poi potrà essere condiviso sul nostro sito oppure stampato o linkato in qualche social network.

Si possono anche aggiungere le funzionalità di Street View per permettere ai lettori del nostro di blog di navigare con questo fantastico strumento direttamente dal nostro sito. Data la grande vastità dei temi non potrò prendere in esame tutte le funzioni di questo tool di Google ma mi limiterò solo a quelle che mi paiono più interessanti. Dopo aver effettuato l'accesso a Google Drive con il nostro account Google si va su Nuovo > Altro > Google My Maps

Come creare un quiz da inviare o pubblicare nel blog.

Google Drive è uno strumento che ci permette di realizzare oltre a documenti, presentazioni e fogli di calcolo anche dei moduli che possono essere usati per svariate funzionalità. Abbiamo già visto come creare un modulo di contatto e un sondaggio e con questo articolo mostrerò come realizzare un quiz con risposte multiple o anche con risposte testuali e come elaborarne i risultati dopo che sia stato compilato dagli utenti. Questi moduli così concepiti possono essere implementati praticamente in qualsiasi pagina web visto che il loro codice finale sarà un iframe. Li possiamo quindi incorporare su Blogger, su Wordpress o anche ottenerne il link da Google Drive per inviarlo via email o postarlo nei social.

Si accede a Google Drive con il nostro account Google e si clicca su Nuovo > Altro > Moduli di Google. Nella finestra successiva si inizia a creare il modulo nello stile di un quiz

I 20 CMS per creare siti web oltre a Wordpress e Blogger.

Quando si parla di creare un sito web si pensa soprattutto alle piattaforme Blogger o Wordpress ma in realtà i servizi per questa operazione sono parecchi, alcuni tra l'altro anche molto utilizzati. Ci sono quelli che hanno bisogno di un dominio acquistato mentre altri offrono lo spazio anche gratuitamente.

Le piattaforme ovvero l'insieme di strumenti e servizi per creare e gestire un sito web possono anche essere chiamate CMS che è l'acronimo di Content Management System, Sistema di Gestione dei Contenuti, vale a dire un software installato su dei server, con il compito di facilitare la gestione dei contenuti di siti web, svincolando il webmaster da conoscenze tecniche specifiche.. In sostanza si può creare un sito con Blogger o Wordpress senza conoscere nulla di linguaggi di programmazione. Vediamo quali sono i principali CMS che permettono a tutti di crearsi il proprio sito. Non è mio compito indicare quale CMS sia il migliore perché dipende esclusivamente dal tipo di sito che si vuole creare. I più utilizzati sono sicuramente Blogger e Wordpress. Il primo è consigliabile per chi inizia mentre il secondo presuppone qualche conoscenza in più. I siti su Blogger possono contare sulle spalle larghe di Google mentre quelli su Wordpress hanno a disposizione una comunità di sviluppatori veramente eccellente. Chi avesse dei dubbi su chi scegliere tra Blogger e Wordpress può consultare il post su chi sia il migliore tra questi due CMS.

Data Saver è un addon di Google per velocizzare Chrome.

La scarsa velocità di connessione è uno dei maggiori problemi di cui soffre il web italiano. Il confronto con gli altri paesi europei è impietoso e relega l'Italia nelle ultime posizioni. Per questa ragione da noi sono più importanti che altrove i sistemi per cercare di sfruttare al massimo la connessione disponibile.

Una importanza fondamentale ce l'ha anche il browser con cui navighiamo. Cercare di ottimizzare la larghezza di banda utilizzata è una priorità. Ho già illustrato come velocizzare Chrome e in questo post presenterò una estensione creata da Google ancora in Beta proprio con l'obiettivo di risparmiare larghezza di banda.

I 28 tool gratuiti di Google utili per Blogger e Wordpress.

Tutti gli amministratori di siti siano essi professionisti o dilettanti non possono fare a meno dei tool quasi tutti gratuiti che Google mette a loro disposizione per migliorare la SEO, per avere statistiche sulla quantità e la qualità del traffico, per testare le performance del sito e anche per guadagnarci sopra.

I tool di Google hanno quasi sempre una pletora di plugin per Wordpress mentre gli utenti di Blogger debbono fare un po' da soli anche se sono aiutati dal fatto che si può accedere agli strumenti di Google con lo stesso account con cui si accede a Blogger.

In questo post faremo un breve riepilogo degli strumenti più interessanti offerti da Google linkando quando sarà il caso i post in cui ci siano delle spiegazioni più dettagliate sull'argomento.

Come abilitare la visione a tutto schermo con tutti i player tramite una estensione di Chrome.

Quando aprite una pagina di un video di Youtube lo potete visualizzare nella finestra standard oppure abilitare la visione a tutto schermo cliccando sulla apposita icona in basso a destra. Un discorso simile vale anche per Vimeo e per la grande maggioranza dei siti di video sharing.

Però non sempre è così. Se siete soliti bazzicare nei siti di streaming vi sarete accorti che in molti di questi non è possibili passare alla visione a tutto schermo. In alcuni bisogna registrarsi mentre in alti bisogna addirittura pagare. Il fullscreen è anche disabilitato in molti siti di giochi online o di browser game non fosse altro per lasciare sempre in primo piano la pubblicità con cui questi siti si finanziano.

La Lente di Ingrandimento di Windows è più una curiosità tecnica che una soluzione al problema che invece ci viene da una estensione di Chrome mentre su Firefox non ho trovato nulla di simile.

Come creare dei bottoni con immagini, HTML, CSS o Flash.

La creazione di bottoni è una operazione che prima o poi devono fare tutti gli amministratori di un sito. Ci sono anche servizi online che permettono di semplificare il lavoro ma spesso pretendono di avere un backlink il che rende la cosa decisamente sconsigliabile.

Un bottone ha senso solo se quando cliccato produce un evento come può essere l'apertura di un'altra pagina web mediante un link appositamente inserito. Il pulsante può essere costituito da una immagine, da un file in formato flash o molto più semplicemente da solo HTML e CSS. In questo articolo prenderemo in considerazione praticamente tutte le possibili opzioni a partire dalle più semplici.

Come aggiungere la descrizione in una immagine con il CSS.

Gli utenti di Blogger possono inserire una descrizione in una immagine utilizzando l'Editor della piattaforma. Dopo aver cliccato sulla icona per l'inserimento della foto e averla selezionata da un album di Picasa o averla caricata dal computer si potrà aggiungere al post.

Per la didascalia si clicca sulla immagine per selezionarla nell'Editor quindi si sceglie Aggiungi Didascalia e si digita il testo che sarà mostrato sotto alla foto in posizione centrale. Si tratta di una scelta estetica minimalista che può essere migliorata con il CSS.

Come estrarre (rippare) brani MP3 da CD Audio.

Avete dei vecchi CD che non ascoltate più ma con alcuni brani musicali che vi interessano ancora? Un vostro amico vi ha prestato un CD audio e volete estrarne una canzone che vi piace particolarmente? Questa operazione è molto comune e viene comunemente denominata con l'espressione derivata dall'inglese di "rippare". Se il supporto fosse un CD Dati o un CD MP3 non ci sarebbe alcun problema per estrarre una canzone.

Si andrebbe su Esplora File quindi si selezionerebbe il masterizzatore con il CD e si sceglierebbe di aprire la cartella con tutti i file che contiene. I vari brani musicali potranno così essere copiati nel disco rigido anche mediante un semplice drag & drop. Questa operazione non può essere fatta con i CD Audio e per ripparli bisogna utilizzare uno dei tanti software anche gratuiti disponibili.

Come conteggiare parole e caratteri nei documenti creati con Word o con Windows Live Writer.

I giornalisti hanno dei limiti ben precisi per i pezzi che devono scrivere per il loro quotidiano cartaceo o anche per il sito online che pubblica i loro articoli. Tali limiti derivano dal layout di impaginazione e in sostanza il direttore della testata o il capo redattore li comunica quante parole deve contenere quel determinato articolo.

I blogger in linea di massima non hanno delle esigenze così stringenti visto che si possono scrivere post praticamente di qualsiasi lunghezza. Può però essere utile avere una visualizzazione in tempo reale del numero di parole che si sono già scritte in un articolo per regolarci di conseguenza.

Chi utilizza Windows Live Writer per confezionare i post può controllare facilmente le statistiche dei contenuti già inseriti nel documento. In alto a destra si clicca su Conteggio parole

Come evitare la sospensione del PC Windows per inattività e come accedere senza password

Sono ancora in attesa di effettuare il passaggio a Windows 10 quindi le modifiche delle impostazioni di default del computer che vado a illustrare sono relative a un computer con Windows 8.1. Sono però identiche a quelle da apportare a un sistema operativo Windows 7 e credo non molto diverse a quelle che certo ci saranno anche su Windows 10. Se siete i soli a utilizzare il vostro computer o se gli altri che lo usano sono familiari di cui avete completa fiducia la schermata di blocco iniziale e l'inserimento della password rappresentano solo una perdita di tempo. Un'altra funzionalità di default di Windows che può essere antipatica è quella che riguarda il risparmio di energia.

Se state scaricando qualcosa o se comunque il computer rimane inattivo per un certo periodo automaticamente dopo un certo numero di minuti si visualizza lo schermo nero e dopo qualche altro minuto di inattività viene attivata la sospensione del PC. Il risparmio di energia oltre ad essere importante dal punto di vista ambientale è necessario quando il portatile viene alimentato con la batteria ma lo è molto di meno quando l'alimentazione è quella di rete. In questo post vedremo come modificare queste impostazioni per velocizzare il nostro lavoro con un PC Windows.

Come masterizzare un CD MP3 o un CD Audio.

La masterizzazione di un CD MP3 consiste nel creare un CD in cui siano stati scritti dei file MP3 da riprodurre con un lettore CD magari quando siamo in automobile. Si tratta di una delle operazioni più scontate e probabilmente più semplici ma questo non significa che tutti la sappiano fare soprattutto se non hanno molta pratica con il computer. I CD Audio sono invece un formato meno compresso e sono utilizzati per quei lettori che non supportano il formato MP3.

Per la creazione di un CD naturalmente ci vuole questo supporto fisico che può essere acquistato anche nei supermercati a meno di un euro. C’è naturalmente differenza tra i CD scrivibili e quelli riscrivibili. I primi possono essere scritti una sola volta e sono quelli che ci interessano in questo contesto.

Pubblicare un post di Blogger secondo la Guida SEO di Google.

Il successo o l'insuccesso di un sito viene determinato soprattutto dai motori di ricerca e specialmente da Google che ha il monopolio quasi assoluto in questo campo. Lo stesso Google ha rilasciato delle linee guida che devono seguire gli webmaster nella gestione del sito e nella pubblicazione dei post.

Il valore di contenuti pubblicati insieme alla conformità a queste linee guida di Google saranno elaborati in più di 200 fattori di ranking che poi saranno acquisiti dall'algoritmo fino a determinare il posizionamento del sito e dei singoli post nei risultati di ricerca rispetto alle varie parole chiave. 

Come evitare i conflitti tra le librerie jQuery, Prototype, Scriptaculous e Mootools.

Attraverso il linguaggio javascript sono state implementate nelle pagine web delle funzionalità che le rendono dinamiche. Quando vedete uno slideshow di immagini o un widget scorrevole da inserire nel vostro sito immancabilmente c'è una libreria javascript che svolge il compito principale.

Alcune di queste librerie sono diventati degli standard e vengono utilizzate per gli effetti più svariati. La più conosciuta e utilizzata è probabilmente jQuery che viene aggiornata periodicamente. Non è però la sola visto che ce ne sono altre molto usate dagli sviluppatori che creano temi per Wordpress e modelli per Blogger. Ricordo Prototype e Scriptaculous  che vengono spesso utilizzate contemporaneamente ma anche Mootools ha molti estimatori. 

Raccolta di 1600 Guide e Tutorial per la piattaforma Blogger.

Continuo la pubblicazione di elenchi di guide e tutorial postati in questo sito a partire dall'inizio della sua attività ormai nel lontano 28 Gennaio 2008. Se consultate gli articoli pubblicati nei primi tempi vi accorgerete di una notevole differenza di stile rispetto a quelli di questi ultimi anni. La ragione sta anche in un diverso atteggiamento riguardo alle tematiche SEO che ho affinato nel corso degli anni.

All'inizio cercando di imitare i blog più visitati in quel periodo ritenevo che la cosa più importante fosse la quantità. La maggior parte dei blog infatti pubblicavano post di poche righe a decine ogni giorno. Io non l'ho mai fatto ma certo i post più vecchi sono meno curati di quelli pubblicati in epoca più recente. La scelta della qualità ha pagato perché questo sito è ancora vivo mentre i blog che hanno continuato a pubblicare articoli su articoli senza curarsi dei contenuti sono stati più volte penalizzati dal Panda Update.

Blogger: Widget degli Articoli Casuali con Miniature Ruotanti.

Per mantenere i navigatori dentro il nostro sito bisogna invogliarli a leggere altri nostri contenuti oltre alla pagina che stanno già consultando. Per questa ragione vengono installati alcuni widget che mostrano le pubblicazioni più recenti (Ultimi Articoli), i contenuti più apprezzati (Post più popolari), le ultime discussioni (Commenti Recenti) e i post con gli stessi contenuti (Articoli Simili).

La presenza di questi quattro widget è la configurazione classica per un blog su piattaforma Blogger ma si può decidere di mostrare anche altro materiale come per esempio un pulsante per scegliere un articolo a caso. Seguendo questa falsariga si può creare anche un widget per visualizzare un intero elenco di articoli scelti a caso. In questo post vedremo appunto come installare un widget che mostri degli articoli casuali con i relativi titoli e le miniature ruotanti. Il navigatore che ci cliccherà sopra sarà indirizzato al post corrispondente

Elenco di 600 widget per Blogger.

In realtà per il momento la raccolta arriva a circa 540 widget ma sarà allargata ogni volta che in questo sito sarà pubblicato un nuovo post che illustri l'installazione di un gadget per Blogger. Questa raccolta di widget non è l'unica che porto avanti da anni. C'è anche quella più modesta come numero di elementi dei Menù per Blogger che in questo momento ne conta quasi 80 e quella invece molto più numerosa dei tutorial per Blogger in cui si sono stati abbondantemente superati i 1500 articoli.

I widget presentati sono stati tutti testati ma ovviamente quelli che lo sono stati diversi anni fa non è detto che siano tutt'ora funzionanti perché nel frattempo oltre alle modifiche nel codice di Blogger sono venuti meno alcuni hosting in cui erano stati caricati dei file necessari per i widget quali javascript. Quindi è sempre meglio fare riferimento ai gadget pubblicati più recentemente nel caso ci siano varie versioni di uno stesso widget.

Le migliori app Android per la Guida ai Programmi TV.

I palinsesti dei programmi televisivi vengono aggiunti ai normali contenuti nei quotidiani e nelle riviste. Le pubblicazioni in carta stampata stanno però vivendo un momento di grande crisi che credo continuerà a lungo. Il normale supporto cartaceo verrà sempre di più sostituito da quello elettronico di pagine web e applicazioni.

Consultare una guida TV cartacea è diventato sempre più complicato quando si voglia passare del tempo davanti al televisore e si voglia conoscere quello che passa il convento. Se siamo abbonati a Sky o a Mediaset Premium ci sono dei pulsanti specifici nel menù del telecomando per accedere alla Guida TV. Sono però elencati solo i canali visibili con tali piattaforme e non c'è un panorama completo.

Come mostrare un colore di sfondo casuale nei post di Blogger.

Siete dell'idea di offrire sempre qualcosa sempre di nuovo ai lettori del vostro sito? Se pensate che per fidelizzare i navigatori sia una buona scelta quella di sorprenderli allora potrebbe essere di vostro gradimento il trucco che vado a mostrarvi.

COME CAMBIARE COLORE DI SFONDO A TUTTI I POST DEL BLOG

Con il codice che andrò a presentare il colore dello sfondo dei post cambieranno in modo casuale e lo faranno ad ogni caricamento della pagina. Quindi se i lettori visualizzeranno lo sfondo di un certo colore pigiando su F5 per ricaricare la pagina cambierà di nuovo.

La casualità è totale e i colori vengono scelti tra i codici dei colori estraendo delle sestine ordinate tra tutte le cifre esadecimali (0, 1 ,2 ,3 ,4 ,5 ,6 ,7 ,8 ,9 ,A ,B ,C ,D ,E ,F). Lo script si basa su jQuery e quindi se fosse già presente nel vostro template non va nuovamente incollato il suo URL.

Come usare Google per calcoli matematici e grafici di funzioni.

Google è un motore di ricerca che da sempre ha cercato di diversificare i risultati e di non presentarli solo sotto forma di un elenco con i link alle pagine web più pertinenti alla query digitata. In un post di 5 anni fa ho già illustrato come usare Google per le previsioni del tempo, quotazioni di borsa o avvenimenti sportivi.

Prendendo  spunto dall'articolo sulle 20 cose cool che si possono fare con Google pubblicato su Hongkiat vediamo come usare Google per risolvere problemi matematici e addirittura visualizzare i grafici delle funzioni.  

CALCOLATORE SCIENTIFICO

Ricordo che secondo una prassi ormai consolidata la moltiplicazione viene indicata con il segno (*), la potenza con il segno (^) mentre la priorità nelle operazioni aritmetiche senza parentesi è quella solita. Se si apre Google.it e si digita una espressione aritmetica seguita da = appare il calcolatore scientifico

Come togliere l'audio a singole schede di Chrome.

Chrome da diverse versioni inserisce una piccola icona con l'altoparlante nelle schede con audio attivo. Questo è indubbiamente utile quando si abbiano aperte più schede per visualizzare subito quella da cui parte il suono. Utilizzando un particolare esperimento di Chrome possiamo rendere questa funzionalità ancora migliore. Abbiamo già visto come le funzioni sperimentali inserite in Chrome possano per esempio velocizzare l'utilizzo di questo browser. 

Seguendo quella stessa falsariga adesso vediamo come attivare il Controllo di disattivazione dell'audio su singole schede. Questo significa per esempio che se abbiamo aperte più schede che riproducono audio non siamo costretti a chiudere quelle di cui non vogliamo ascoltare il suono ma basterà disabilitare il loro audio. Si tratta di una funzionalità utile anche quando ci si imbatte in una pagina web con streaming  video o audio che non ci interessa ascoltare. Possiamo silenziare l'audio emesso dalla singola scheda senza agire sul volume di riproduzione del computer.

Come impedire il redirect automatico da blogspot.com ai domini localizzati (.it, .fr, .de, ecc)

Sono ormai passati più di tre anni dal Marzo 2012 quando Blogger decise di creare i domini localizzati per i blog gratuiti ospitati su quella piattaforma. Questo significa che un sito con un dominio mioblog.blogspot.com se aperto con un browser impostato nella lingua italiana si aprirà con URL mioblog.blogspot.it mentre se viene aperto in Francia verrà visualizzato on URL mioblog.blogspot.fr, nel Regno Unito avrà indirizzo mioblog.blogspot.co.uk e così via.  La ragione di questa funzionalità fu spiegata da Google con l'esigenza di gestire localmente i contenuti. Viste le differenze culturali dei vari paesi e viste anche le molteplici richieste di rimozione di contenuti da parte di alcune autorità locali, il Team di Blogger con questa modifica può oscurare un dominio solo per le estensioni dei paesi che ne fanno richiesta lasciando il blog inalterato per  tutto il resto del mondo. Questo secondo Google sarebbe un buon compromesso tra l'esigenza di libertà di espressione e il rispetto della legislazione locale. 

Cosa sono i rootkit e i 12 migliori programmi antirootkit.

Continuo nella serie di post dedicati al malware sperando che siano utili ai lettori di questo sito che in genere si occupa di altri argomenti sempre comunque legati all'informatica. Abbiamo già visto che le minacce contro il computer sono molto variegate e che ci sono diversi tipi di malware. La maggior parte di queste minacce può essere neutralizzata con un antivirus che protegge il PC e tutti i suoi accessi in tempo reale.

Il malware che non viene rilevato dall'antivirus può essere combattuto con delle scansioni periodiche di programmi antispyware e antiadware che qualche volta però non sono sufficienti. In questo post analizzeremo i rischi che derivano dai rootkit che sono un tipo di malware tra i più pericolosi.  

Come scaricare le copertine per gli album di musica MP3.

In un precedente articolo abbiamo visto come si possa aggiungere o modificare la copertina a un singolo brano MP3 e come si possano aggiungere i metadati o tag ID3 a un brano musicale o a tutta una cartella di MP3. A questo scopo si utilizza il programma gratuito MP3Tag.

Se per riprodurre le nostre playlist musicali utilizziamo Windows Media Player o iTunes solitamente sono proprio questi programmi a caricare le copertine giuste per i vari album delle nostre collezioni. Non sempre però questa operazione riesce. Vediamo come si possa risolvere utilizzando un programma gratuito che cerchi in rete le copertine degli album. Per poterlo fare però bisogna avere organizzato la nostra musica in modo ottimale. Bisogna cioè racchiudere in uno stessa cartella i file MP3 dei singoli album e aggiungere i tag ID3 a ciascun brano vale a dire tra l'altro titolo e nome dell'album. L'operazione di aggiungere i metadati può essere noiosa ma relativamente semplice se si utilizza il già citato MP3Tag.

Come tradurre il testo selezionato senza lasciare la pagina.

Non sono un grande conoscitore di lingue. A scuola ho studiato inglese e francese e me la cavo con lo spagnolo ma sono lontano da poter scrivere correntemente in queste lingue. Posso però leggere senza molti problemi una pagina web in una delle lingue citate anche se qualche volta mi capita di avere dei dubbi sul significato di un certo vocabolo.

Quando si fanno delle ricerche a tutto campo su internet capita anche di imbattersi in linguaggi che non si conoscono. Google mette a disposizione un traduttore universale che è in grado di tradurre praticamente da tutte le lingue. Se si utilizza Chrome basta cliccare con il destro del mouse sulla pagina da tradurre per poi quindi selezionare Traduci in italiano. Si può anche tradurre una porzione di testo copiandolo e incollandolo nella pagina del Traduttore di Google che è in grado anche di effettuare il text-to-speech cioè di sintetizzare vocalmente il testo per riprodurne la corretta pronuncia nelle varie lingue. 

10 trucchi per velocizzare Chrome.

Dopo aver usato Firefox come browser predefinito per circa un anno da qualche mese sono tornato a Chrome nell'attesa di sperimentare Microsoft Edge e aspettando le estensioni che gli sviluppatori certamente realizzeranno. Il browser Google Chrome ha indubbiamente diverse funzionalità che non si ritrovano negli altri browser e di cui è difficile fare a meno.

Ricordo un po' alla rinfusa che con Chrome si può

   1) Stampare o salvare le pagine in PDF
   2) Usare scorciatoie da tastiera per Estensioni e Applicazioni
   3) Eliminare la Cronologia web selettivamente
   4) Installare estensioni non approvate da Chrome
   5) Velocizzare Chrome con il Task Manager
   6) Recuperare le password nascoste
   7) Prendere appunti direttamente nel browser
   8) Usare Chrome come visualizzatore di file
   9) Inserire molti Segnalibri nella barra del browser
  10) Attivare il Flash solo a richiesta
  11) Simulare di essere su un dispositivo mobile
  12) Visualizzare la Cache di un sito

Come aprire i file SWF e molti altri formati con IrfanView.

Se in un computer è installato il player VLC Videolan si possono aprire quasi tutti i file video con una eccezione che riguarda i file SWF. Adesso il formato Flash sta andando in disuso ma il web è ancora pieno di file di questo tipo che possono essere utilizzati anche dai blogger che amministrano un sito per creare dei banner in proprio per pubblicizzare siti, campagne, o iniziative.  

Ci sono molti programmi standalone creati appositamente come player per riprodurre i file SWF ma se abbiamo già installato nel nostro computer il programma IrfanView allora conviene utilizzare i suoi plugin. Tali plugin sono in grado non solo di aprire i file SWF ma di farlo anche con innumerevoli altri formati. Consiglio di installare tutti i plugin disponibili visto che complessivamente raggiungono un peso di 15MB assolutamente sopportabile per quelle che sono le funzionalità.

Come pubblicare immagini Responsive con Blogger.

Quando si apre un post di Blogger con un tablet o con uno smartphone le immagini che vi sono pubblicate in linea di massima si adattano alla larghezza del layout del dispositivo con cui vengono visualizzate. Questo non accade sempre con tutte le immagini e con tutti i modelli.

Ricordo a quei pochi che ancora non lo sapessero che il Responsive Design è una tecnica per adattare la grafica di una pagina web alla larghezza del dispositivo con cui viene visualizzata. Si possono installare Modelli Responsive per Blogger oppure scegliere tra i tanti Temi Responsive per Wordpress.

Come aggiungere gli Annunci a livello di pagina di Adsense nel modello di Blogger.

Sono sempre piuttosto restìo a pubblicare post che riguardano Adsense perché invariabilmente mi vengono poste nei commenti delle domande riguardo al Regolamento di tale Programma di affiliazione a cui ovviamente non sono abilitato a rispondere e inoltre non mi voglio prendere la responsabilità di farlo. Faccio una eccezione a questa regola che mi sono imposto perché l'ultimo prodotto messo a disposizione dei publisher ha bisogno di alcune precisazioni riguardo alla sua implementazione.

Da qualche giorno infatti nell'account Adsense è possibile aggiungere nei siti amministrati gli Annunci a livello di Pagina che sono completamente diversi dal punto di vista concettuale dalle unità pubblicitarie e dagli insiemi di link che abbiamo imparato a conoscere. Si tratta di annunci che verranno visualizzati solo nei dispositivi mobili che abbiano una risoluzione compresa tra 320 e 400 pixel. Questo significa che saranno visibili solo su smartphone e non su tablet e browser desktop. Quindi questa tipologia di pubblicità è compatibile solo per quei siti che abbiano una corretta visualizzazione con tali dispositivi.

I migliori anti-spyware e anti-adware gratuiti.

In un precedente post abbiamo visto quale sia la differenza tra i vari tipi di malware che in realtà è solo a scopo didattico e descrittivo perché le infezione dei PC Windows sono quasi sempre degli attacchi complessi e concentrici.  Entra nel computer magari un trojan che poi però permette l'installazione di uno spyware seguito da un worm e spesso queste infezioni sono addirittura simultanee.

La protezione del firewall Windows e di un antivirus anche gratuito non è in grado di proteggere sempre efficacemente un computer. Bisogna associarvi un antispyware e antiadware specifico proprio per bloccare quelle minacce che talvolta sfuggono agli antivirus. Ho fatto delle ricerche su internet in tutte le principali lingue per vedere se c'era un test comparativo di efficacia per i migliori antispyware. Sembra in effetti che sia stato fatto ma ora il link è rotto. Forse ci sono state delle proteste da parte delle società produttrici che sono state elencate in posizioni poco onorevoli. I produttori di antispyware sono poi più o meno gli stessi che producono antivirus.

Come installare Opera e importare e sincronizzare i Segnalibri degli altri browser.

Ognuno ha il suo modo personale di approcciarsi alla navigazione su internet. Non è raro che mi capiti di aprire fino a tre browser e connettermi con account diversi in ciascuno di essi. D'altra parte avere più account nei vari social o servizi online è diventata una esigenza per chi quotidianamente accede al web non solo per lavoro o per studio ma anche per solo divertimento.

Oltre a Chrome e Fifefox da diverso tempo uso anche Opera che trovo molto interessante e veloce. Internet Explorer lo utilizzo solo in casi particolari ripromettendomi di testare il nuovo browser Microsoft nel momento in cui la Sony mi avvertirà che c'è la completa compatibilità del mio Vaio con Windows 10. Negli altri due computer di casa lascerò invece rispettivamente Windows 8.1 e Windows 7. Nel primo caso perché c'è una incompatibilità tra la scheda grafica e W10 mentre nel secondo caso semplicemente per scelta. Non utilizzo invece Safari perché la versione per Windows mi risulta non sia aggiornata da anni e quindi anche come test ha scarso interesse.

Tutti i tipi di malware e la differenza tra virus, spyware, adware, rootkit, trojan, ecc

Quando un computer inizia a funzionare male o a rallentarsi in modo sistematico o è colpa della parte hardware oppure abbiamo importato del malware. Il codice maligno può essere introdotto nel computer in vari modi. Il più comune è quello di navigare in siti che distribuiscono materiale illegale ma anche il download di programmi creati per crackare software è uno dei comportamenti tipici per contrarre virus. Non si possono poi neppure dimenticare i software gratuiti che spesso hanno al loro interno dei programmi sponsor. Quasi sempre questi programmi aggiuntivi o cambio di impostazioni del computer sono mostrati in modo palese ma altre volte invece non lo sono e anzi in alcuni programmi gratuiti, una piccola minoranza a dir la verità, viene anche inserito del malware a bella posta.

Per ridurre il rischio di infezioni si deve installare un antivirus efficace e ce ne sono anche di gratuiti ma questo talvolta non basta e insieme a un uso prudente del computer, che è comunque la protezione più efficace, si possono utilizzare anche dei tool specifici per quel particolare malware.

Quali sono i migliori antivirus gratuiti e come scaricare Panda Antivirus Free 2016.

La terminologia antivirus in realtà non è molto precisa perché antivirus dovrebbe significare che un programma protegge il computer solo dai virus. In realtà per fortuna non è così perché i migliori programmi antivirus proteggono anche da altre minacce e quindi dovrebbero essere definiti più precisamente come antimalware. D'altra parte i programmi antimalware sono spesso dei tool specifici e dovrebbero invece essere chiamati antispyware o antiadware. Le aziende che si occupano di questi tool di sicurezza informatica preferiscono però continuare a usare il temine antivirus perché ormai ha debordato dal suo significato iniziale.

Qualche anno fa sembrava che il tema degli antivirus dovesse finire in soffitta dopo l'annuncio della Microsoft di dotare il suo sistema operativo di un antivirus incorporato. Le proteste dei produttori, che poi sono anche partner della stessa Microsoft, devono però essere state molto forti e convincenti visto che il tool Microsoft Security Essentials così come lo strumento Windows Defender, che tra l'altro non è un antivirus ma solo un antispyware, sono diventati progressivamente delle protezioni sempre meno efficaci. Da qui la necessità di dotarsi di un antivirus decente senza cedere ai programmi a pagamento che spesso danno delle protezioni in linea se non peggiori di quelli gratuiti.

Come creare un podcast di Blogger con un secondo feed di FeedBurner e riprodurlo con iTunes.

I podcast sono una ulteriore possibilità di condivisione dei contenuti oltre a quelli che già si pubblicano con i post. Anche con Blogger si può usare questa tecnologia inventata nel 2004 che ci permette di distribuire dei contenuti multimediali ma anche dei documenti e persino degli ebook.

In un articolo di poco fa abbiamo visto come creare un podcast con Blogger tramite l'utilizzo di FeedBurner. Bisogna cioè creare un nuovo feed con questo servizio che ci permetta di condividere anche altri elementi oltre ai contenuti dei post mediante i link di inclusione. Come si deve procedere se abbiamo già creato un account di Feedburner per il nostro sito senza l'opzione per il podcast?

Creare immagini delle giuste dimensioni per la copertina e il profilo di Facebook, Twitter e degli altri social.

Se avete provato a caricare delle foto per personalizzare la grafica dei vari social network è praticamente certo che non avete azzeccato le misure giuste al primo colpo. Purtroppo non c'è una dimensione standard per le copertine o per le immagini del profilo di Facebook, Twitter, Google+, ecc.

Come se non bastasse non è raro che venga modificata la grafica di alcuni social network e che quindi non vadano più bene le immagini che invece prima erano perfettamente calibrate. Sono anche nati dei siti specializzati nella creazione di immagini adatte alla Timeline di Facebook.

Come creare un podcast con Blogger.

Dopo una breve serie di articoli propedeutici siamo giunti al post che ci eravamo prefissi fin dall'inizio e che illustra come procedere per realizzare un podcadst con Blogger. Ricordo che i podcast sono una sorta di feed in cui condividere dei contenuti con i sottoscrittori dello stesso.

I formati dei contenuti supportati dai feed sono M4A, MP3, MOV, MP4, M4V, PDF e EPUB. Quindi oltre alla condivisione di audio (MP3, M4A) e di video (MOV, M4V, MP4) si possono anche usare i podcast per documenti e ebook (PDF e EPUB). Per ragioni di chiarezza in questo articolo mi limiterò a un esempio di un podcast audio mentre nei post successivi vedremo altri dettagli riguardo alla ottimizzazione dei podcast, alla loro pubblicazione e a tipi di podcast diversi da quelli audio.

Come attivare i link di inclusione su Blogger.

Con questo articolo vogliamo fare un altro passo avanti nella creazione di un podcast con Blogger. Dopo aver visto cosa sono i podcast e come funziona iTunes vedremo come attivare i link di inclusione o Enclosure Links che sono uno strumento potentissimo e quasi sconosciuto a disposizione degli utenti della piattaforma Blogger. 

Si tratta in sostanza di aggiungere una nuova informazione ai feed che contiene un link diretto a un contenuto multimediale che vogliamo condividere insieme agli articoli del nostro sito. Potremo quindi aggiungere dei link a dei file audio di nostri tutorial o addirittura a dei file video che potranno essere ascoltati o visualizzati direttamente tramite i feed oppure ascoltati e visti con un lettore di podcast come iTunes.

Come aggiungere una copertina a una canzone o a un file mp3.

I brani musicali acquistati su internet sono quasi sempre in formato MP3 e hanno inclusa la copertina della canzone insieme ad  altri tag ID3 che sono un insieme di informazioni aggiuntive inserite in un file MP3. ID3 è infatti l'abbreviazione di Identity an MP3. Queste informazioni sono comunemente chiamate tag e cono composte da metadati che riguardano tra l'altro titolo del brano, nome dell'autore, titolo dell'album, data di realizzazione, genere musicale e anche la sua copertina. 

Non tutte le canzoni che abbiamo nel nostro computer sono state acquistate su iTunes e ci sono quindi quelle con tutti i metadati al posto giusto e quelle che invece ne sono sprovviste. Gli ID3 o metadati che dir si voglia sono importanti anche per una catalogazione di tutte le canzoni che possediamo. Un aspetto che ritengo importante è quello della copertina che permette di inquadrare immediatamente il brano anche dal punto di vista visivo. Un altro aspetto da considerare è quello dei file MP3 che possono essere creati da noi per poi condividerli. Inserirci una copertina li renderà anche esteticamente più validi.

Come bloccare i messaggi di un utente su Facebook Messenger.

Ho già manifestato più volte la mia antipatia verso messaggi privati e email che riguardano gli argomenti sviluppati in questo sito. Non è che non li uso. Tutt'altro. Visto che li uso spessissimo per cose personali mi danno fastidio le notifiche che mi arrivano sul cellulare di conversazioni aperte su Facebook Messenger o di email inviatemi con il modulo di contatto senza una ragione plausibile.

Questo non significa che non mi si può contattare privatamente ma lo si può fare solo per un tema che per la sua natura ha delle specifiche esigenze di privacy. Non mi si può domandare tramite messaggio privato come si configura un widget. Per questo ci sono i commenti sul blog a cui risponderò quando sarò al computer e a cui invece non posso rispondere dal cellulare per la mancanza di strumenti di ricerca.

Come racchiudere in un bordo la sidebar, il footer, l'header o un widget di Blogger.

Nel precedente articolo abbiamo visto quello che è il codice da usare per modificare lo stile dei bordi e in questo vedremo come applicazione di quel codice un metodo per racchiudere o contornare con un bordo un qualsiasi elemento del nostro blog su Blogger.

Andando su Layout possiamo visualizzare le varie sezioni di cui si compone il nostro sito. Ciascuna sezione ha un suo corrispettivo selettore univoco che si trova facendole precedere dal simbolo del cancelletto ( # ). Si può quindi applicare il codice di un bordo a ciascuna sezione o anche a un singolo widget. I nomi delle sezioni sono visibili su Layout (navbar, header, crosscol, ecc)

Come personalizzare lo stile dei bordi in dimensioni, colori e forma con il CSS.

I bordi sono un elemento grafico presente in moltissime pagine web e per inserirli ci sono dei tag ben codificati. I bordi possono essere inseriti con un CSS inline a un singolo elemento per esempio un paragrafo con questa sintassi <p  style="border: groove #003366; 4px;">Questo paragrafo sarà contornato da un bordo</p> oppure a una immagine con un codice simile a questo

<img style="border: dotted #f00; 4px;" src="http://lorempixel.com/400/200"/>

I parametri colorati di rosso sono quelli che determinano lo stile del bordo. I codici dei colori ne determinano ovviamente il colore mentre 4px è lo spessore del bordo; dotted e groove sono gli stili e significano rispettivamente punteggiato e bordo a rilievo.