• ACCUEIL
  • blogger

    Imprimer en 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.
    De plus cela,  permet aussi de créer un fichier PDF de son article !

     Deux réalisations en une...


    1- METHODE : IMPRIMER UN ARTICLE et/ou
    TRANSFORMER UN ARTICLE EN PDF

    Il est toujours difficile d'imprimer correctement un article du web , et, seulement le contenu de l'article.
    Vous pouvez ajouter 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 et/ou l'envoyer par email

    Le code ( et la réalisation en PDF)  vient du site  Print Friendly 




    A-Copier ce script pour un bouton en bas de chaque article
    <script>var pfHeaderImgUrl = '';var pfHeaderTagline = '';var pfdisableClickToDel = 0;var pfHideImages = 0;var pfImageDisplayStyle = 'right';var pfDisablePDF = 0;var pfDisableEmail = 0;var pfDisablePrint = 0;var pfCustomCSS = '';var pfBtVersion='2';(function(){var js,pf;pf=document.createElement('script');pf.type='text/javascript';pf.src='//cdn.printfriendly.com/printfriendly.js';document.getElementsByTagName('head')[0].appendChild(pf)})();</script><script type="text/javascript">var pfButtonHTML = '<a href="https://www.printfriendly.com" style="margin-top:0.5em; float:left;display:block; margin-right: 0.5em; color:#6D9F00; text-decoration:none;" class="printfriendly" onclick="window.print(); return false;" title="Printer Friendly and PDF"><img style="border:none;-webkit-box-shadow:none;box-shadow:none;" src="//cdn.printfriendly.com/buttons/printfriendly-pdf-button.png" alt="Print Friendly and PDF"/></a>'; var pfBloggerJs; pfBloggerJs = document.createElement("script"); pfBloggerJs.type ="text/javascript";pfBloggerJs.src= "//cdn.printfriendly.com/blogger.js"; document.getElementsByTagName("head")[0].appendChild(pfBloggerJs);</script><span id="pf_locator"></span><script type="text/javascript">var f = document.getElementById("pf_locator");var c = f.parentNode.parentNode.childNodes;for (i=0;i<c.length;i++) { try { c[i].style.display = "none"; } catch (err) {}}</script>
    OU

    B-Copier ce script pour un bouton  permanent qui s'affiche sur le côté de votre blog ("sidebar-right"  avec les autres gadgets


    <script>var pfHeaderImgUrl = '';var pfHeaderTagline = '';var pfdisableClickToDel = 0;var pfHideImages = 0;var pfImageDisplayStyle = 'block';var pfDisablePDF = 0;var pfDisableEmail = 0;var pfDisablePrint = 0;var pfCustomCSS = '';var pfEncodeImages = 0;var pfShowHiddenContent = 0;var pfBtVersion='2';(function(){var js,pf;pf=document.createElement('script');pf.type='text/javascript';pf.src='//cdn.printfriendly.com/printfriendly.js';document.getElementsByTagName('head')[0].appendChild(pf)})();</script><a href="https://www.printfriendly.com" style="color:#6D9F00;text-decoration:none;" class="printfriendly" onclick="window.print();return false;" title="Printer Friendly and PDF"><img style="border:none;-webkit-box-shadow:none;box-shadow:none;" src="//cdn.printfriendly.com/buttons/printfriendly-pdf-email-button-md.png" alt="Print Friendly and PDF"/></a>



    C-Dans votre blog
    -

    Mise en Page > AJOUTER UN GADGET (à droite dans "Sidebar-Right 1")

    -Sélectionner  le Gadget  "HTML/Javascript"






    -Coller le code ci-dessus
    -Nommer votre Gadget "PDF/ Imprimer"

    -Enregistrer votre gadget
    +
    N'oubliez pas => ENREGISTRER LA DISPOSITION


    C-Afficher votre blog : le  bouton "Print"  s'affiche ...

    selon le script HTML choisi

    • CODE A apparait  si  l' on clique sur le titre d'un article (ou d'une page),
      Note : il n’apparaît pas par défaut sur chaque article dans la page d'accueil.


      => Ici, le bouton "Print-PDF"   ne s'affiche, en bas d'un article,  que lorsque l' on clique sur le titre d'un article (ou d'une page), il n’apparaît pas par défaut sur chaque article dans la page d'accueil.


    • CODE B   en Haut de la barre de droite   de votre blog ( affichage permanent)
      => Ici, le bouton "Print-PDF" est affiché en permanence  en haut, à droite du blog




    2- AFFICHAGE du RESULTAT 

    =>cliquez sur  l'icône de votre choix

    -S'affiche la préparation 

     -s'affiche le résultat : une page propre est générée
     

    prête  à être 




    • imprimée

    • enregistrée en PDF

    • envoyée par email

    • de plus vous pouvez configurer  :  taille ....

    • COMPLEMENT :

    Comment insérer un fichier PDF dans un article ? LIRE LE DOSSIER




    3- D'AUTRES METHODES  POUR IMPRIMER UNE PAGE WEB

    3-1 Extensions  de navigateurs
    • PrintFriendly 
    PrintFriendly  propose une extension pour navigateurs . Lorsque vous souhaitez imprimer ou transformer en PDF une page Web, cliquez sur le bouton "Print Friendly" dans votre barre d'outils Extensions.


    • Via une capture écran Extension de navigateur
    FireShot : un exemple pour Chrome
    FireShot des captures d'écran de pages Web Chrome. Vous pouvez modifier et annoter vos captures d'écran .Capturez modifier et enregistrer au format PDF/JPEG/GIF/PNG/BMP,  puis vous pouvez  faire: téléchargement, impression, presse-papiers, email...

    Nota: il existe d'autres extensions, pour tout navigateur

    • avec Firefox : Le mode "Simplifier la page "

    D'une manière générale lorsque vous désirez imprimer une page web, vous cliquez sur le menu Fichier, sur Imprimer puis validez pour lancer l'impression.
    Souvent le résultat est peu satisfaisant : pubs,  cadres, tableaux, largeur de la page..., il existe de nombreuses raisons pour que le document imprimé ne corresponde pas à vos souhaits
    Firefox dispose  d'un aperçu avant impression très pratique qui  permet d'ajuster et mettre en page les pages Web qui vous intéressent pour les imprimer correctement.
    Méthode: 
    -via le Menu Hamburger  > Imprimer
    -via la barre d'outils qui s'affiche : cocher "Simplifier la page"


    3-2 Via un Logiciel de capture écran
    • Faststone capture

    • excellent logiciel mais devenu payant. Il faut donc impérativement utiliser la version 5.3 que l'on peut encore trouver : ici ou sur Clubic (en bas)
    3-3 utiliser un outil en ligne







    AUTREFOIS... PRINT FRIENDLY insérait automatiquement le code dans votre blog ! mais c'est fini..

    METHODE : 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 et/ou l'envoyer par email

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


    1-Ouvrir le blog concerné dans votre navigateur
    2-Se rendre sur Print Friendly 
    3-Configurer en 3 étapes faciles :

    • Cocher ◉ "Blogger/Blogspot"
    • En principe vous n'avez rien à modifier  dans "Features"
    • Choisir un style de bouton "Choose button" 
    • Cliquer "    Install Blogger Widget   "





    S'affiche le blog concerné qui doit être ouvert   (à vérifier)





    • 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’apparaît pas par défaut sur chaque article dans la page d'accueil.