Come aggiungere una pagina web alla Home di Android.

Quando si apre una pagina web con il browser desktop non tutti sanno che si può aggiungere un collegamento a tale pagina nello schermo del computer. Basterà infatti ridimensionare la finestra del browser e trascinare con il mouse sullo schermo l'icona della pagina posizionata accanto all'indirizzo web nella barra del browser.

Questo sistema funziona con Chrome, Firefox e Internet Explorer. Con Edge invece bisogna andare sul menù in alto a destra quindi scegliere Aggiungi questa pagina a Start per poi andare sul Sì nel messaggio successivo di conferma. Il collegamento però sarà presente sotto forma di Tile nel menù Start ma non come icona nel desktop vero e proprio.

Creare un blog con una pagina statica come Home in Blogger.

Una domanda in un commento ha suscitato la mia curiosità come spesso mi accade. Mi si chiedeva come creare un blog che avesse una pagina statica come homepage con dei suoi contenuti fissi che non mostrasse i post e con un collegamento nel menù a una voce in cui i lettori potessero visualizzare tutti gli articoli pubblicati. Questa impostazione può essere utile quando la home page voglia essere una sorta di Pagina di Benvenuto o comunque una presentazione di una attività commerciale o artistica.

La recente modifica della scheda Pagine in Blogger rende le cose anche più semplici. Come prima cosa pubblichiamo una pagina statica che diventerà l'homepage del nostro sito. È importante scegliere subito il link mentre i contenuti possono essere aggiunti in un secondo tempo. Come test per questa personalizzazione ho usato il sito prova-32.blogspot.com.

Mostrare la Homepage di Blogger come una tabella di titoli, miniature e descrizione.

La presentazione classica della homepage di Blogger è costituita dalla giustapposizione degli ultimi post pubblicati mostrati uno dietro l'altro fino al cosiddetto Read More o Continua a leggere. Ci sono molti modelli creati da disegnatori web che hanno invece la homepage suddivisa in tante celle di una tabella con il titolo e l'immagine estratta da ciascun post oltre che con l'incipit dello stesso articolo.

È noto che utilizzare dei template non ufficiali di Blogger comporta moltissime controindicazioni come la difficoltà di ulteriori personalizzazioni, la mancanza di aggiornamenti alle nuove funzioni inserite progressivamente da Blogger e anche una velocità di caricamento significativamente superiore. In questo articolo vediamo come si possa trasformare la homepage di un modello ufficiale di Blogger in una griglia con titolo, immagine e descrizione degli ultimi post pubblicati

Come selezionare i post da mostrare nella Home di Blogger.

Dopo aver visto le differenze principali tra Pagine Statiche e Post veniamo a un altro argomento molto gettonato nei commenti a cui si può dare una soluzione un po' estemporanea ma sicuramente efficace. Alcuni siti sono utilizzati per pubblicare contenuti molto diversi tra di loro e ci può essere l'esigenza di mostrare nella homepage solo quelli appartenenti a un determinato argomento.

Ho già parlato di come nascondere uno o più post nella Homepage di Blogger ma questa soluzione non può essere applicata in modo ottimale quando gli articoli da nascondere sono decine se non centinaia. Sulla falsariga del tema sulle differenze tra pagine statiche e dinamiche affrontato nel post precedente vediamo come in Blogger sia possibile creare una pagina dinamica che riguardi un determinato argomento. Tale pagina potrà per esempio essere costituita dalla parte iniziale di tutti i post con una determinata etichetta.

Come inserire un messaggio di benvenuto nella homepage del blog.

Su alcuni blog su Blogger è talvolta necessario mostrare un messaggio di presentazione del sito corredato delle informazioni che possono essere utili all'utente. Questo messaggio è in genere opportuno che venga visualizzato solo in homepage per fare in modo che, quando si apre un post, il navigatore possa iniziare a leggerlo senza dover prima dover scorrere il messaggio di presentazione.

Mi sono già occupato altre volte di come introdurre widget o messaggi di invito. Ricordo i seguenti articoli:

1. Come inserire un messaggio di benvenuto delle pagine delle etichette -
2. Come inserire un widget di benvenuto in Blogger -
3. Come creare una pagina di benvenuto (prima versione) -
4. Come inserire una pagina di benvenuto (seconda versione) -
5. Come inserire un articolo di presentazione su Blogger -

Come inserire un messaggio di benvenuto nelle pagine delle etichette.

In un precedente articolo ho illustrato come aggiungere una introduzione con immagine a pagine relative a delle determinate etichette. In un commento mi è stato fatto notare come, nella grande maggioranza di blog, il numero di etichette sia molto elevato e che quindi sia preferibile inserire una sola descrizione comune a tutte le etichette. La cosa è fattibile usando la condizione per mostrare un elemento solo nelle pagine delle etichette. Basta andare su Design > Modifica HTML e salvare il modello completo per un eventuale backup di ripristino. Si espandono i modelli widget e si cerca la riga

<b:include data='top' name='status-message'/>

subito sotto si incolla questo codice

Come non mostrare gli articoli nella homepage di Blogger.

Il titolo potrebbe sembrare assurdo. Chi mai vorrebbe non visualizzare almeno i titoli degli Ultimi Post nella pagina iniziale del blog? Eppure ci sono dei modelli che hanno scelto questa opzione. Nella home del blog, e solo in quella, viene mostrato un grande widget che rimanda agli ultimi post pubblicati e che però scompare quando si apre un singolo articolo. Il compito di questo post non è quello di indicare il widget sostitutivo per gli ultimi articoli ma solo quello di illustrare come non visualizzare i post nella pagina di ingresso. Comunque, per dare una idea, nella home si potrebbero inserire questi widget attraverso i tag condizionali 

1. Slideshow orizzontale con miniature -
2. Tabella orizzontale di miniature degli ultimi post -
3. Slideshow verticale degli ultimi articoli -

Come non visualizzare più i post di un amico su Facebook.

Nella Home di Facebook ci sono due collegamenti. Il primo link si riferisce alle Notizie più popolari mentre l'altro ai Post più recenti. Facebook ha sviluppato un algoritmo per mostrare nelle Notizie più popolari i post degli amici con cui hai più interazioni mentre relega tra i Più recenti tutti gli altri contributi. Se si hanno diverse centinaia di amici molto prolifici, si finisce per visualizzare solo una piccola parte di tutto il flusso su Facebook. C'è inoltre da dire che il numero di interazioni che abbiamo con gli amici vogliono dire ben poco per valutare l'intensità dell'amicizia. Per esempio si può essere interessati ai contributi di una persona con cui non abbiamo avuto nessun contatto e viceversa essere del tutto indifferenti ai post di altre persone che Facebook considera vicine a noi perché ci hanno inviato qualche messaggio di spam o qualche richiesta.

Come inserire il titolo del post dopo il Read More in Homepage di Blogger.

Questa personalizzazione è veramente l'uovo di Colombo ma fino ad ora non ci aveva ancora pensato nessuno. Pochi minuti fa Blogger Buster ha pubblicato un articolo in cui si tratta proprio di questo semplicissimo ma interessante hack. Andando su Design > Elementi pagina > Post sul blog > Modifica si può scegliere la frase da visualizzare alla fine della parte visibile del post che può essere Continua leggere >> , Leggi tutto… oppure un'altra simile a queste. Invece di visualizzare una semplice scritta con il link al post completo potrebbe essere utile visualizzarne anche tutto il titolo.

Questo link sarà visibile anche nelle pagine delle etichette e in quelle di archivio. Si va su Design > Modifica HTML e si cerca il codice del read more, dopo aver salvato il modello completo e aver messo la flag su espandi modelli widget. Si usa F3 o Ctr+F (CMD+F per Mac).

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + &quot;#more&quot;'><data:post.jumpText/></a> </div>
</b:if>

Come inserire una password di accesso al blog o solo a determinati articoli o pagine.

La piattaforma Blogger permette di scegliere se far visualizzare il nostro sito da chiunque o solo dagli utenti che siano registrati. Si va su Impostazioni > Autorizzazioni e si può scegliere l'opzione che solo persone selezionate possano visualizzarlo. In questo caso si deve inserire l'indirizzo email di ciascun contatto affinché gli sia concesso di entrare nel nostro blog chiuso.

Questa funzione mi risulta che sia poco utilizzata e che invece ci sia un'altra esigenza. Alcuni vorrebbero che il loro blog fosse visibile a chiunque ma al contempo desidererebbero che solo alcuni utenti selezionati avessero il permesso di accedere a una sezione specifica del blog. L'intento di questo post è proprio quello di mantenere uno o più post riservati e lasciare libero accesso a tutto il resto del blog. Per rendervi conto di quello che parlo, cercate di aprire l'articolo: Post a cui si può accedere con password. Vedrete una finestrella di questo tipo

Come visualizzare nella homepage di Blogger il riassunto dell'articolo con miniatura dell'immagine.

Ci sono diversi metodi per realizzare questa personalizzazione che devo dire suscita particolare interesse tra gli utenti di Blogger considerato il numero dei commenti che ricevono i post che la trattano. Ne fanno fede questo post sugli articoli sintetici e quest'altro sul read more con miniature. In questo articolo presenterò un nuovo procedimento che ricalca in sostanza quelli precedenti ma che ha maggiori possibilità di personalizzazione. Si tratta di mostrare in automatico solo le prime righe del post insieme a una miniatura dell'immagine, ammesso che l'articolo ne contenga almeno una. Ricordo che, come al solito, vengono rilevate solo le foto postate con l'Editor di Blogger e non quelle inserite per esempio tramite Windows Live Writer.

Andate su Design > Modifica HTML e salvate il modello completo. Espandete i modelli widget e cercate la riga </head>. Immediatamente sopra incollate questo codice 

<link href='https://sites.google.com/site/scriptperilblog/javascript-2/leggi-tutto.css' rel='stylesheet' type='text/css'/>

Come visualizzare o non visualizzare oggetti, widget o effetti nei vari tipi di pagine del blog.

Ricordo che esiste un metodo per visualizzare un widget o un effetto solo in una pagina, solo nei post, ecc. I dettagli su come fare li potete trovare nell'articolo

• Come mostrare dei widget solo nei post o solo in Homepage -

Con questo articolo voglio fare un riassunto e un compendio di tutte le possibilità. Ricordo che bisogna accedere a Layout > Modifica HTML, espandere i modelli widget e cercare il gadget di cui vogliamo personalizzare la visione. Bisogna in ogni caso inserire due linee di codice. La prima sotto la riga <b:includable id='main'> e la seconda sopra la riga </b:includable>. La seconda riga da inserire sarà sempre

</b:if>

mentre la prima riga varierà a seconda delle circostanze. Ecco l'elenco di tutte le possibili opzioni

<b:if cond='data:blog.url == data:blog.homepageUrl'>                Solo in Homepage
<b:if cond='data:blog.url != data:blog.homepageUrl'>                Ovunque esclusa la Homepage
<b:if cond='data:blog.pageType == &quot;item&quot;'>             Solo nei post
<b:if cond='data:blog.pageType != &quot;item&quot;'>             Ovunque ma non nei singoli post
<b:if cond='data:blog.url == "URL_del_POST"'>                            Solo nel post dell'URL
<b:if cond='data:blog.url != "URL_del_POST"'>                            Ovunque escluso l'URL inserito
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>     solo nelle pagine statiche
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>      non mostrarlo nelle pagine statiche
<b:if cond='data:blog.pageType == &quot;archive&quot;'>         Solo nelle pagine di archivio
<b:if cond='data:blog.pageType != &quot;archive&quot;'>          Ovunque escluse le pagine di archivio
<b:if cond='data:navMessage'>                                                  Solo nelle pagine etichette

Ricordo che le pagine di archivio sono quelle che vengono archiviate con frequenza prestabilita. Se si fa il caso di dicembre 2009 le pagine di archivio per quel mese potrebbero essere trovate alla pagina
http://nomeblog.blogspot.com/2009_12_01_archive.html
dove al posto di nomeblog si inserisce il nostro. Invece le pagine etichette sono quelle relative a tutti i post che hanno una determinata etichetta. Si possono trovare cliccando sull'etichetta del relativo widget o della label-cloud, come è il caso di questo blog. Le pagine etichette hanno un URL di questo tipo
http://nomeblog.blogspot.com/search/label/etichetta
dove le parti evidenziate di rosso devono ovviamente essere personalizzate.

Come inserire un widget solo in una pagina specifica del blog o mostrarlo in tutto il sito escluso uno o più articoli.

Sono note le esigenze di mostrare dei widget solo in Homepage, in tutte le pagine esclusa la Homepage, in tutti i post ma non in home e nelle pagine di archivio. Ho preso in esame tutte le possibili opzioni generiche nell'articolo

• Come inserire dei widget solo negli articoli o in Homepage del blog -

In tale post sono prese in esame queste possibilità

1. Mostrare un elemento nei post e nelle pagine di archivio ma non in Homepage -
2. Mostrare un elemento in Homepage ma non nei post  e nelle pagine di archivio -
3. Mostrare un elemento solo nei post ma non in Homepage o nelle pagine di archivio -
4. Nascondere un elemento solo nei post ma visualizzarlo in tutti gli altri casi -

Non ho preso in considerazione il caso specifico cioè la possibilità di mostrare un widget o comunque un elemento pagina in tutte le pagine escluso una, oppure di mostrarlo unicamente in una singola pagina.

Seguendo la falsariga dell'articolo appena citato, nel momento in cui si inserisce un widget, questo sarà visualizzabile andando su Layout > Modifica HTML > espandi i modelli widget e avrà una struttura di questo tipo

Cioè inizierà con una riga del tipo

<b:widget id='HTML8' locked='false' title='Titolo widget' type='HTML'>

e terminerà con

</b:widget>

I caratteri in rosso rappresentano il numero del widget e il suo titolo e sono ovviamente diversi da gadget a gadget. Nel blocco del widget saranno presenti anche le due linee

<b:includable id='main'>

…………

</b:includable>

in mezzo alle quali ci può essere solo una riga di codice cioè <data:content/> oppure più linee. Come spiegato nell'altro post per inserire delle condizioni di visualizzazione occorre inserire due linee di codice subito sotto la prima di queste linee e subito sopra la seconda.

Le linee di codice da inserire per per le personalizzazioni di cui all'inizio del post le ho già illustrate nell'altro articolo. Prendiamo adesso in esame le seguenti opzioni

Si vuole mostrare un widget solo in un singolo post del blog -

Allora occorre aggiungere le seguenti righe evidenziate in rosso

<b:includable id='main'>
<b:if cond='data:blog.url == "URL_del_POST"'>
.......

</b:if>
</b:includable>

dove al posto di URL_del_POST si inserisce l'indirizzo della sola pagina in cui si vuole visualizzare il widget. Questo può essere utile quando si presenta un elemento in un blog di informatica che vogliamo che i lettori vedano ma che non ci interessa mostrarlo in tutto il resto del blog.

Si vuole mostrare un widget in tutto il blog ma non in una sua pagina -

Nel caso opposto in cui si voglia mostrare un widget in tutto il blog ma non in un singolo articolo si devono invece aggiungere le seguenti righe evidenziate di rosso

<b:includable id='main'>
<b:if cond='data:blog.url != "URL_del_POST"'>
.......

</b:if>
</b:includable>

La differenza è data solo da un punto esclamativo rispetto a un uguale. Questa opzione può essere utile, per esempio, quando si hanno dei dubbi sulla correttezza di alcuni contenuti del blog rispetto al regolamento di Adsense. Inserendo questa opzione nei widget della pubblicità se è stata inserita tramite gadget, oppure inserendo queste due righe prima e dopo il codice Adsense se è stata inserita nel template, si fa in modo che la pubblicità non sia visibile in pagine che per esempio hanno dei contenuti per adulti. Queste opzioni possono essere anche estese a più di una pagina inserendo le solite due righe di codice per ciascuna di esse.

Certamente in funzione della tipologia dei blog queste personalizzazioni possono avere molti altri usi. 

Come inserire immagini animate in GIF in Homepage del blog.

In un commento mi è stato richiesto come fare per inserire delle animazioni o foto animate in formato GIF in Homepage del nostro blog, preferibilmente nella Sidebar.

Per prima cosa bisogna fare un discorso di dimensioni e vedere quanto deve essere larga questa immagine e questo dipende naturalmente dal modello che abbiamo. Stabilita questa cosa dobbiamo passare a creare l’immagine che vogliamo inserire.

Per questa ragione esistono vari servizi online che ci permettono di farlo senza particolari problemi.

Potete consultare i seguenti articoli per avere un’idea

• Creare GIF animate 1 -
• Creare GIF animate 2 -
• Creare GIF animate 3 -

Quando sono state generate le animazioni per ridimensionarle e adattarle al nostro blog possiamo usare gli strumenti illustrati in questo articolo

• Come ridimensionare una GIF animata -

In alternativa possiamo prima ridimensionare tutte le foto alla stessa larghezza, per esempio con il tool ResizR, successivamente generare la GIF animata.

Adesso dobbiamo caricare questa immagine animata su un hosting gratuito tipo Skydrive. Per ottenerne l’URL da Skydrive dobbiamo cliccare sulla miniatura finché non si vedrà l’immagine animarsi. A questo punto selezionare e copiare l’indirizzo dalla barra degli indirizzi

Quindi, se si ha un blog sulla piattaforma Blogger, andare su Layout>Aggiungi un gadget>HTML/Javascript ed inserire il seguente codice

<img style="display: block; float: none; margin-left: auto; margin-right: auto" title="titolo immagine" alt="nome immagine" src="URL immagine" />

Dove al posto di titolo immagine inserite ovviamente il titolo che volete darle. Sarà quello che si vedrà quando si passa sopra con il mouse. Al posto di nome immagine mettete una spiegazione dell’immagine che può essere anche lo stesso titolo. Serve perché questo attributo piace ai motori di ricerca. La cosa più importante è quella di inserire l’URL dell’immagine caricata su Skydrive al posto di URL immagine. Cliccare su Salva per inserire l’elemento

Un esempio di codice potrebbe essere questo

<img style="display: block; float: none; margin-left: auto; margin-right: auto" title="ragazze in bikini" alt="belle ragazze" src="http://fr9uew.blu.livefilestore.com/y1pQXBrI1xzilQNf_lMv7nHBoeZZRPBRGQNPG_uvSQvr4WklbGUqICnwzOKaXVhTvDYChGkBvCe4aIA56NciXfrQoEw15GnIBPe/animatedveloce.gif" />

La prima parte del codice serve per centrare l’animazione nella sidebar. Per vedere il risultato guardate in alto a sinistra nel mio blog di supporto. Se ci passate sopra con il mouse ne leggerete il titolo “ragazze in bikini”.

Metodi, sistemi, strategie e trucchi per andare in Homepage di OKNotizie.

OKNotizie è il social bookmarking italiano più visitato e che porta il maggior numero di utenti nei blog che vi postano gli articoli. Attualmente gli utenti iscritti sono 36.620 e nelle ultime 24 ore sono state postate 2600 notizie.

Andare nelle primissime posizioni della Home di OKNO porta centinaia di visite e molti blogger focalizzano la loro attività proprio su questo obbiettivo. Ma come si fa ad andarci in Homepage? Ci sono delle strategie lecite altre che lo sono molto di meno. Analizziamo le più comuni.

STRATEGIE LECITE

L’algoritmo di OKNO non è conosciuto ma le notizie rimangono nella prima pagina delle ultimissime dai 5 ai 20 minuti a seconda dell’ora in cui si posta. Per poter accedere all’Homepage hai quindi bisogno dai 5 ai 10 voti a seconda dell’orario e del karma. Quindi occorre

1. Catturare i voti dei blogger e dei non blogger – OKNO è frequentata oltre che da blogger che promuovono i loro post anche da non blogger che poi sono proprio quelli che visitano realmente il tuo sito. Sono proprio questi ultimi la forza di quell’aggregatore e quelli che portano visite reali.
2. Creare dei titoli che abbiano forte impatto – per stimolare la curiosità di entrambe le categorie succitate
3. Votare le notizie degli altri – Se un collega blogger vede che tu voti sempre la sua notizia ecco che lui è indotto a fare altrettanto con la tua
4. Commentare le notizie degli altri – E’ un sistema che da visibilità al tuo nick e quindi più persone ti conoscono e apprezzano i tuoi commenti maggiori sono le possibilità che votino le notizie
5. Stringere amicizia con altri partecipanti – la formazione di gruppi di amici è condizione fondamentale
6. Controllare eventuali commenti ai nostri post – in modo da rispondere immediatamente. Più una notizia è commentata più rimane in Homepage
7. Difetti di questi metodi – un blogger che si comporta così praticamente deve passare ore e ore su OKNO per votare le notizie degli altri e commentarle oltre che a rispondere ai commenti alle proprie. A questo punto il gioco forse non vale la candela.

Dopo qualche tempo che lo frequenti e metti in pratica questi comportamenti ti accorgi inevitabilmente di alcune cose

• C’è un domino che ha sistematicamente in Homepage 2 o 3 notizie postate con nick diversi, e questo sito non è Repubblica o il Corriere della Sera
• Ci sono persone che postano non articoli ma delle semplici foto e riescono incredibilmente a raggiungere la prima pagina con delle non-notizie
• Ti rendi conto che ci sono utenti che barano e allora cerchi di fare altrettanto, ecco quindi che ti adoperi per trovare metodi meno corretti

STATEGIE MENO LECITE

Metodi sorpassati – Alcuni sistemi che potevano risultare utili e vincenti qualche tempo fa adesso sono stati neutralizzati quasi del tutto dal sistema. Erano principalmente quelli di

• Creare account multipli – per votare le proprie notizie più volte e generare delle discussioni virtuali nei commenti
• Utilizzare TOR – per cambiare l’IP di accesso e quindi votare più volte la stessa notizia
• Utilizzare Cookie Culler – per eliminare i cookies dei voti e quindi rivotare
• Sconnettere e riconnettere il modem – sempre per cambiare IP
• Usare più computer con uno stesso router – per rivotarsi la notizia

Utilizzare le email – come detto per spingere notizie in Home occorre che si coalizzino più persone per votarsi reciprocamente. Il sistema più ovvio è quello di inviare una email collettiva a tutti i tuoi amici nel momento in cui posti la notizia affinché la votino. Il sistema è il meno sofisticato e forse il meno usato

Utilizzare Messenger o Yahoo – tenere sempre aperto Messenger per avvertire gli amici della notizia postata ed essere avvertiti di quelle degli altri è certamente più efficiente del precedente

Usare Google Gruppi – andando nella pagina del collegamento oltre a partecipare all’attività dei vari gruppi di Google se ne può creare uno proprio. Le persone iscritte riceveranno via email i vari link della notizia postata su OKNotizie e le voteranno di conseguenza. Sistema credo un po’ farraginoso in quanto ha lo stesso difetto di quello per email, non è che si può stare sempre a controllarle!

Usare StumbleUpon – sistema decisamente più sofisticato. Quando tu hai raggiunto un certo numero di friend su SU e vuoi postare un notizia su OKNO controlli quelli che in quel momento sono online. Si può fare perché hanno un indicatore verde sull’icona. Attraverso la funzione Send to gli invii, non la notizia ma la pagina di OKNOtizie da votare, p.e. questa pagina. Non dovranno fare altro che cliccare su OK in alto a sinistra. Ecco un esempio di quello che potrebbero vedere

L’invio è rapido, basta trovare qualcuno che te la voti e il gioco è fatto. Accanto ad ogni nominativo c’è il numero di pagine che ho inviato. Dai numeri bassissimi si evince che non ho utilizzato questa funzione né per OKNotizie e neppure per promuovere il blog.

Usare Google Talk – Anche questo è un sistema piuttosto raffinato. Occorre innanzitutto inserire il badge di Google Talk nel blog. Non ho scritto niente su questo argomento ma potete leggere questo articolo di Iole su come fare. Nel momento in cui hai la chat nel blog e la hanno pure i tuoi amici è visibile lo status di disponibilità

basta fare un giro tra i siti amici prima di postare la notizia, guardare quelli che hanno la lucetta verde e avvertirli.

Usare più sistemi contemporaneamente – probabilmente è proprio quello che molti gruppi organizzati su OKNotizie stanno facendo con successo. Se ne conoscete qualche altro indicatelo nei commenti.

Questo articolo l’ho scritto perché non voglio passare per quello fesso che non sa come si fa ma per quello che lo sa ma non lo fa. Un’ulteriore ragione sarà più chiara quando avrete letto il prossimo post che pubblicherò.