Widget degli Articoli Casuali con miniature per Blogger.

Fino a qualche mese fa era perfettamente funzionante il gadget dei Post Casuali che mostrava ai lettori degli articoli scelti a caso tra quelli pubblicati. Da quando Blogger ha modificato la procedura per widget esterni questo come altri gadget ha smesso di funzionare. Ho pensato quindi di riproporre una versione funzionante che si installa mediante codice senza bisogno di accedere alle API di Blogger.

Si tratta di un widget personalizzabile nel numero degli elementi e in altri parametri che credo incontrerà il favore di molti lettori. Non ci soni difficoltà di installazione visto che non è neppure necessario modificare il modello ma solo usare un Elemento pagina.

Testo e immagini casuali per testare layout, database e design.

I disegnatori web quando vogliono mostrare un Tema per Wordpress o un Modello per Blogger sono soliti inserire del testo senza senso come riempitivo del layout. Si tratta quasi sempre dello stesso testo che deriva da uno scritto latino di Cicerone del 45 a.C. ripreso in maniera casuale e storpiata. Tale testo inizia con la frase Lorem ipsum dolor sit amet ed è stato utilizzato per la prima volta nel 1500 diventando uno standard nell'industria tipografica quando si voglia mostrare l'aspetto di un elemento che altrimenti sarebbe vuoto.

L'alternanza di parole lunghe e brevi con punteggiatura e paragrafi lo rende del tutto simile a un testo reale. Lorem Ipsum ha retto brillantemente anche il passaggio dalla scrittura su carta a quella digitale e adesso è universalmente usato per rendere l'impatto grafico di un testo in lingue con alfabeto latino. Sicuramente anche Google ha messo nel suo algoritmo questo testo che viene quindi anche usato per avvertire i motori di ricerca di non indicizzare il contenuto del post perché si tratta solo di una demo grafica.

Gadget dei Post casuali con miniature che ruotano.

Visto il successo che ha ottenuto il precedente widget sugli Articoli Casuali ruotanti e letti alcuni commenti che mi invitavano a togliere data e commenti per renderlo esteticamente più valido, ho pensato di postarne una nuova versione.

Con questo nuovo codice si vedranno soltanto le miniature e il titolo del post. In questo modo si dovrebbe risolvere anche il problema dei titoli troppo lunghi che non avevano abbastanza spazio nella precedente versione. Anche in questo caso ho postato la solita

Non serve modificare il template. Basta andare su Layout > Aggiungi un gadget > HTML/Javascript e incollare in Sezioni del sito il seguente codice

Widget degli Articoli Casuali con miniature ruotanti per Blogger.

Il CSS3 permette attraverso le sue trasformazioni degli effetti molto particolari. Il widget che vado a presentare mostra un elenco verticale di post casuali con le miniature che si mettono a ruotare se ci si passa sopra con il mouse.

Le miniature saranno formate dalle immagini presenti nei singoli articoli e ci sarà una immagine di default che verrà visualizzata qualora fossero assenti. Ho postato la solita

Per l'installazione non occorre modificare il modello. Si va semplicemente su Layout > Aggiungi un gadget > HTML/Javascript e si incolla questo codice

Come mostrare delle frasi a rotazione in uno stesso spazio.

In questo blog mi propongo di aiutare a risolvere delle problematiche che possono presentarsi nei siti sulla piattaforma Blogger che trattano argomenti i più variegati. Questo lo faccio a scapito del mio blog la cui grafica risale a tre anni fa e che colpevolmente non mi decido ancora a rinnovare. In una email che ho ricevuto attraverso il modulo di contatto mi è stato posa la domanda di come inserire degli annunci nel blog in modo che si visualizzassero a rotazione in una stessa zona del layout. Ho già recentemente presentato delle funzionalità simile nei seguenti post

1. Come inserire un avviso flottante con link a Facebook, Twitter e Google+ -
2. Come inserire avvisi o messaggi scorrevoli -
3. Come inserire testo o immagini lampeggianti -
4. Generatore automatico di frasi casuali -
5. Invito a leggere un post a caso inserito alla fine del post -

In questo caso l'idea è quella di creare un contenitore che potrebbe essere un rettangolo in cui si visualizzano a ripetizione tutta una serie di frasi senza bisogno di rinfrescare la pagina. Può essere utile per mostrare tutta una serie di messaggi ai vari utenti che frequentano il sito.

LoremPixum per inserire immagini casuali nel blog.

Conoscerete certamente Lorem Ipsum, il celebre testo in latino scorretto che viene usato da più di 500 anni per testare la grafica nelle realizzazioni tipografiche. Lorem Pixum vi si ispira ed è un servizio gratuito che permette di inserire delle immagini casuali nel blog che possono essere configurate per dimensioni, colore e argomenti

 

Come inserire delle frasi celebri, dei motti o degli aforismi nel blog in modo casuale.

L'idea è quella di inserire in un elemento del layout del blog che mostri in modo casuale delle frasi che abbiamo scelto. Secondo le varie tipologie di blog si possono selezionare versi di poesie, citazioni, proverbi oppure dei "consigli di vita" da parte dell'autore. Ricordo che con un metodo simile era stato creato un generatore automatico di frasi casuali; in questo caso lo script è ancora più semplice.

Si può incollare in Design > Aggiungi un gadget > HTML/Javascript o anche inserirlo direttamente in un articolo in modalità HTML. Si può anche mettere nel template di Blogger per esempio alla fine di ogni post. In questo caso bisogna andare su Design > Modifica HTML e espandere i modelli widget. Si incolla sotto la riga <data:post.body/> secondo le stesse modalità usate per il codice dell'invito a leggere un articolo a caso. Se si inserisce lo script direttamente nel template, sarà opportuno convertirlo in XML con lo strumento Blogcrowds. Ecco il codice

Come inserire l'invito a leggere un altro post a caso alla fine dell'articolo su Blogger.

Uno dei dati più importanti che si possono desumere da Google Analytics è quello del tempo medio che un visitatore trascorre nel nostro sito. Un  suo aumento porta sicuramente dei benefici al blog visto che ne aumenta la reputazione agli occhi dei motori di ricerca. Dobbiamo quindi cercare tutti i modi possibili per invogliare il visitatore occasionale a rimanere ancora a leggere i nostri post.

I sistemi più usati sono quelli di mostrare i widget degli Ultimi Articoli, quello degli Articoli Correlati, l'elenco delle etichette del sito, insomma bisogna mettere in bella vista tutto quello che offre il blog. Una cosa carina che potrebbe avere un certo impatto è quella di inserire una scritta direttamente nel modello che inviti a leggere un altro articolo casuale  del blog. Il testo comparirà alla fine di tutti i post e potrà essere personalizzato a piacere. Ecco uno screenshot che mostra una scritta di questo genere

Come inserire tre immagini che fluttuano casualmente nel blog con link a pagine o siti.

Clicca sull'immagine per andare alla Demo

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

<!--Movimento Casuale Inizio-->
<script src='https://sites.google.com/site/scriptperilblog/javascript-2/movimento.js' type='text/javascript'/>
<script type='text/javascript'> var immaginea, immagineb, immaginec
function pagestart(){ immaginea=new ipcj1(&quot;immaginea&quot;,70,82);
immagineb=new ipcj1(&quot;immagineb&quot;,50,60);
immaginec=new ipcj1(&quot;immaginec&quot;,30,40);
idpceinmov3(&quot;immaginea&quot;);
idpceinmov3(&quot;immagineb&quot;);
idpceinmov3(&quot;immaginec&quot;);
} if (window.addEventListener)
window.addEventListener(&quot;load&quot;, pagestart, false)
else if (window.attachEvent)
window.attachEvent(&quot;onload&quot;, pagestart)
else if (document.getElementByid)
window.onload=pagestart </script>
<noscript><a href='http://goo.gl/r34sm' target='_blank'>Moto casuale oggetti</a></noscript>
<!--Movimento Casuale Fine - www.ideepercomputeredinternet.com-->

Widget degli Articoli Casuali per Blogger.

L'obiettivo di tutti i blogger è quello di far rimanere i navigatori sul proprio sito il più possibile. A tale scopo è opportuno mostrare, già nella parte più visibile della pagina, tutte le risorse e tutte le informazioni che riteniamo possano interessare all'utente. E' quindi opportuno avere ben visibili i gadget degli Ultimi Articoli, degli Ultimi Commenti, dei Post più Popolari, la Pagina Fan su Facebook, ecc. E' molto carino anche il widget degli Ultimi Articoli con Miniature che mostra gli ultimi post anche con un immagine ridimensionata.

Usando lo stesso meccanismo di quest'ultimo gadget si possono mostrare anche dei post casuali che non siano necessariamente gli ultimi. E' una ulteriore opzione offerta al navigatore per cliccarci sopra. La configurazione del widget è semplicissima visto che è sufficiente cliccare su questa icona

e selezionare il blog nel quale vogliamo inserire il widget tra quelli di nostra proprietà. Si clicca su Configura gadget e si compila il modulo che appare nella finestra successiva

Creatore automatico di frasi e dichiarazioni casuali.

Dopo aver letto il post "Generatore automatico di proclami di Berlusconi" mi è venuta l'idea di illustrare come questo metodo di Metilparaben possa venire usato anche per la creazione casuale di qualsiasi tipo di frase. Per la dimostrazione mi sono attenuto alla impostazione decisamente goliardica dell'autore e ho creato anch'io un Generatore casuale di dichiarazioni di Berlusconi.

IL concetto è quello che tutte le volte che si ricarica la pagina, cambia la frase che ha delle espressioni fisse e alcune variabili. Se si vuole incollare questo generatore nel blog può essere fatto sia in un post che in un widget. Nel primo caso si va in Modalità HTML mentre nel secondo caso si sceglie Design > Aggiungi un gadget > HTML/Javascript.

Lo script si può trovare in questa pagina e vediamo come si possa modificare per adattarlo alle nostre esigenze. La prima parte del codice

<span style="color:#003366; font-size:20px; font-weight: bold;">

serve per scegliere il colore, le dimensioni e lo stile, in questo caso grassetto, del testo. Si possono aggiungere anche altri attributi come il background o la famiglia di caratteri.