3 maggio 2020

Come inserire un pdf in un post su Blogger

All'interno dei post che si pubblicano sulla piattaforma Blogger è possibile inserire dei file .doc o pdf molto semplicemente.

Le immagini e i video si caricano utilizzando i comandi nell'editor di testo ma altre tipologie di documenti richiedono che i file siano caricati sul web, ad esempio su Google Drive.
Dopo aver fatto questo si può inserire il link per far visualizzare il documento ma, per una maggiore fruibilità, è meglio incorporare direttamente i testi nel post.

Come inserire un pdf in un post su Blogger


Come inserire un pdf su Blogger


Su Blogger è possibile inserire un pdf di una più pagine utilizzando un codice html che consente di incorporarli nel testo del post.
Grazie a questo metodo il pdf si vedrà come fosse un'immagine e gli utenti potranno anche scaricarlo sul loro PC.

Può essere utile dare questa possibilità ai propri lettori nel caso si voglia condividere una check list o un documento che potranno usare offline.

Qui sotto mostro come fare questa semplice operazione di incorporamento partendo dal caricamento del pdf su Google Drive.

Selezionando il file caricato nella libreria si aprirà la visualizzazione del file stesso. Cliccando sui tre punti a destra della pagina si potrà cliccare su condividi.
A questo punto si vedrà una schermata come quella sotto dove apparirà il link da copiare.

google drive link da condividere


Il link terminerà con view?usp=sharing e questa parte dell'url andrà sostituita con preview in modo che codice di incorporamento html possa funzionare correttamente sul sito.

Questo sotto è un codice di esempio che potete inserire nella pagina html dell'editor di testo di una pagina su Blogger.

<div align="center">
<iframe height="700" src="https://drive.google.com/file/d/xxxxxxxxxxxxxxxxxxxxx/preview" width="95%"></iframe></div>

Ovviamente dovete sostituite le xxxxx con il codice del vostro file

La prima parte del codice permette di incorporare il pdf centrandolo nella pagina mentre l'altezza e la larghezza possono essere indicate con precisione, sempre adattandole alle dimensioni del file.

In alternativa si potrà indicare la larghezza con una percentuale in modo che si adatti allo schermo degli smartphone e dei tablet.



Qui sopra potete visualizzare il documento che ho mostrato come esempio. Lasciando come altezza 700 non è molto bello da vedere perché rimane una parte grigia, perciò si potrà ridurre il suo valore adattandolo al documento che dobbiamo visualizzare.



Il bello di lavorare coi codici hmtl è che si possono fare delle prove per vedere come il pdf si adatti alla pagina e se sia necessario ridurre o aumentare i valori.

Usando i codici su Blogger si possono creare bottoni e personalizzare molto il tema del blog.

Come potete vedere è semplice incorporare un pdf all'interno di un post e nel caso si dovessero apportare delle modifiche al file originale, che naturalmente dovrà essere mantenuto pubblico su Google Drive, queste saranno visualizzate in automatico.

I lettori cliccando sull'angolo in alto del pdf potranno visualizzarlo in un'altra finestra e scaricarlo.

Offrire dei pdf ai propri lettori può essere consigliato a chi scrive ricette o guide e desidera rendere i propri contenuti fruibili facilmente.

9 commenti:

  1. Grazie Stefania, mi è stato molto utile. Complimenti

    RispondiElimina
  2. Stefania, complimenti per le istruzioni semplici e chiare! Grazie! :)

    RispondiElimina
  3. Ciao Stefania! Grazie per questo post, stavo giusto cercando sul web come fare per caricare un pdf scarcabile per il mio blog per Natale. Grazie!

    RispondiElimina
  4. Fantastico! Grazie alla sua spiegazione, ci sono riuscito!
    Grazie, insieme a un cordiale saluto.
    riccardo meda

    RispondiElimina

Prima di commentare ti invito a leggere la Privacy Policy del blog per l'accettazione.