Pubblicato il 25/09/15 - aggiornato il  | Nessun commento :

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

Come usare Google Sites per permettere di far stampare le ricette ai lettori nei blog di cucina pubblicati 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.

Dopo l'accesso a Google Sites si va su su Crea per iniziare a configurare un nuovo sito 

google-sites-nuovo-sito

Si aprirà una nuova pagina in cui selezionare Modello vuoto e in cui dare un nome al sito

nome-sito-google-sites

Il nome deve essere unico e andrà a far parte dell'indirizzo del sito statico dopo che saranno stati tolti gli spazi. Se il nome fosse già stato preso da qualche utente dovrete trovarne un altro. In basso dovremo anche cliccare su un quadratino di controllo per dimostrare che non siamo un robot. Si va su Crea Sito per iniziare a creare il nostro sito statico. Si aprirà la Homepage con questo aspetto

homepage

Questo non sarà il nostro sito principale che continuerà a vivere e si spera a prosperare su Blogger. Sarà solo un sito di supporto per permettere agli utenti di stampare le ricette in modo semplice e senza immagini. Gli utenti è noto che preferiscono stampare pagine senza immagini per non dover sprecare troppo colore delle cartucce. Nella Homepage si va in alto a destra su Crea pagina. Si aprirà una nuova scheda in cui configurare la prima pagina del nostro sito su Google Sites

creare-pagina-google-sites

Si assegna il nome alla pagina che potrà essere quello della ricetta e che a sua volta diventerà parte dell'URL della stessa pagina.  Si lascia Pagina web tra i modelli da usare mentre si può mettere opzionalmente la spunta a Sposta la pagina sotto Home Page. Si va su Crea

creare-pagina-web-ricette

In alto ci sarà l'Editor del post con cui formattare il testo. Si può scegliere il tipo di font, la sua dimensione e il suo colore. È possibile anche aggiungere grassetto e corsivo, allineare il testo, inserire elenchi puntati o numerati, evidenziare il testo e aggiungere link.

Dopo aver digitato la ricetta o averla copiata dal nostro sito si va in alto su Salva per pubblicarla. Il browser ci darà anche l'indirizzo della stessa ricetta che nel mio test è 

https://sites.google.com/site/ricettestampabilidelblog/home/cinghiale-in-bianco-alla-maremmana

La parte in rosso dell'URL è il nome del sito mentre quella in blu è il nome della ricetta.




COME FAR DI STAMPARE LA RICETTA SU BLOGGER


Dopo aver pubblicato la ricetta nel nostro sito su Blogger si aggiunge un link di questo genere

<a href='URL DELLA RICETTA' target='_blank'>STAMPA LA RICETTA</a>

dove la parte in rosso è l'indirizzo della ricetta su Google Sites e la parte in blu è quello che vedrà il lettore. Si possono anche dare informazioni ulteriori in questo modo:

Per stampare clicca su questo link quindi vai su Stampa pagina in basso.

Il lettore che seguirà il link aprirà la pagina con la ricetta in cui cliccare su Stampa pagina

stampare-pagina

Quando si creerà un'altra ricetta apriremo sempre il nostro sito su Google Sites e creeremo un'altra pagina con una nuova ricetta, avremo un nuovo URL e metteremo un nuovo link per farla stampare. Possiamo anche usare una immagine in questo modo

nome-ricetta

dove è stato usato questo codice che potete prendere come esempio

<div align='center'>
<a href='https://sites.google.com/site/ricettestampabilidelblog/home/cinghiale-in-bianco-alla-maremmana' target='_blank' rel='nofollow'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgU0Zsqz8f2Pxs22v1oneWyrhelUf-K6w1B-HocnLA5fXqkzIqphqHo8Q6zCnxNq4oBy483DL413JMwALGNTnTyLjJT5_k1vbbgrbSHsQ6zhFb4Qy5J5ggZwgFR61HJ_3vbZgLZt4N6H8U/s192-Ic42/Bottone.png' title='titolo ricetta' alt='nome-ricetta'/></a>
</div>

Se provate a stampare aprendo la pagina di Google Sites con Chrome, e non avete una stampante fisica collegata, potrete sempre verificare il funzionamento dell'hack 

pagina-stampata

visto che Chrome provvederà a stampare la pagina in un file PDF che poi potrà essere salvato.


Nessun commento :

Posta un commento

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti.
Info sulla Privacy