Créer un Blog avec Blogger

Imprimer-Insérer un PDF

 Comment imprimer un article ? c'est, en fait très difficile à réaliser avec Blogger car on imprime tout ce qui s'affiche.
Avec une astuce, ce sera facile à réaliser.
Autre difficulté comment insérer un fichier PDF dans un article ?


1-IMPRIMER UN ARTICLE et
TRANSFORMER UN ARTICLE EN PDF

Il est toujours difficile d'imprimer correctement un article, et seulement le contenu de l'article.
Vous pouvez ajouter en dessous de chaque article, automatiquement,  un bouton qui permet à la fois de l'imprimer et de le transformer en PDF.
Vous aurez le choix entre imprimer le contenu de l'article  et/ou obtenir sa version PDF.

 Se rendre sur cette page de Print Friendly 
pour créer le code et l'insérer automatiquement

3 étapes faciles :

Cliquer sur "Install Blogger Gadget"

Vous devez ensuite compléter :
  •  en sélectionnant le blog concerné 
  • en précisant le titre du bouton qui sera ajouté
   puis cliquer sur "Ajouter un Gadget"

C'est fini ! Vous pouvez vérifier la bonne réalisation:
  • Si vous allez dans "Mise en page" vous voyez que le gadget  a bien été ajouté


  •  dans le bas de votre article, cette icône est ajoutée, uniquement en mode lecture de l'article (si nécessaire, cliquer sur le titre) :




  • en cliquant dessus, cette barre d'outils s'affiche, elle offre diverses possibilités

 



A SAVOIR : Le bouton pour imprimer  ne s'affiche que lorsque l' on clique sur le titre d'un article (ou d'une page), il n'apparait pas par défaut sur chaque article dans la page d'accueil.



2-INSERER un PDF dans son article

Il est aisé de faire un simple  lien vers un fichier PDF (qui est, en principe, hébergé sur Google Drive), le PDF s'ouvrira dans une nouvelle fenêtre du navigateur. Ici,  nous allons faire mieux :  insérer ce PDF dans un article.

2-1 Faire un lien
D'abord télécharger votre  fichier pdf dans  Google drive puis partager le et Cliquer sur "Obtenir un lien de partage".

Ensuite copier le code et faire  lien. En cliquant sur le lien le visiteur verra s'afficher une fenêtre avec le PDF.
(voir le dossier Google Drive)

 EXEMPLE => Cliquer





2-2 Intégrer (incorporer) un ficher PDF dans l'article

Avec Google Drive

Autrefois Google le permettait en proposant un code (embed) qui permettait d'afficher le PDF avec https://docs.google.com/viewer, désormais c'est impossible de le réaliser automatiquement, seule solution travailler manuellement en utilisant le code en mode html.

 Conseil : préparer votre travail en copiant les "codes" dans le bloc note...


1-Vous devez télécharger sur Google Drive votre PDF, puis le partager afin d'obtenir son URL du type :


https://drive.google.com/file/d/0B6Uwn-CRRjnZRm0tVTF0SUFMQk0/view?usp=sharing




2-Copier l'identifiant du fichier :
Dans l’URL copiée la partie en fluo jaune représente l’identifiant du fichier partagé. Il faut la copier.


3-Adapter le code ci-dessous dans votre article (mode HTML)

En mode HTML, il faudra copier le code ci-dessous et remplacer  l''identifiant du fichier par le votre :


<iframe height="480" src="https://docs.google.com/file/d/IDENTIFIANT/preview" width="640"></iframe>  





Exemple du fichier ci-dessus :
<iframe height="480" src="https://docs.google.com/file/d/0B6Uwn-CRRjnZRm0tVTF0SUFMQk0/preview" width="640"></iframe> 

Il suffit de coller ce code en mode HTML pour obtenir un PDF intégré comme ci-dessous.









Avec Onedrive
Pour obtenir facilement le code à intégrer, la solution consiste à héberger son fichier PDF ailleurs. Ici nous choisissons ONEDRIVE de Microsoft (il faut s'inscrire... pour bénéficier d'1To gratuitement)
Ensuite, après avoir été connecté, il faut télécharger le fichier pdf puis faire un clic droit pour obtenir:




Cliquer sur INCORPORER puis copier le code


Ensuite il suffira de copier ce code dans votre article en mode HTML (au bon endroit ! Astuce: pour retrouver le bon endroit dans le code HTML, écrivez en majuscule en mode normal :ICI ICI ICI
pour retrouver rapidement l'endroit


et vous obtiendrez:







MODIFIER LES DIMENSIONS DU CADRE

si vous souhaitez modifier les dimensions, il faut examiner le code obtenu qui ressemble à ceci

<iframe src="https://onedrive.live.com/embed?cid=E3BD290BB4AF087F&resid=E3BD290BB4AF087F%21129&authkey=AIWxBDzek__FSMc&em=2" width="476" height="288" frameborder="0" scrolling="no"></iframe>

Avec: width="476" signifie la largeur du document  incorporé (en px), vous pouvez ajuster cette valeur selon la largeur des articles de votre blog.
Et: height="288" signifie hauteur du document  incorporé (en px), vous pouvez ajuster cette valeur mais attention à respecter les proportions

(ex passer à 714 / 432)