• 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
    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.



    2- AFFICHAGE du RESULTAT 

    -Votre article s'affiche seul (vous avez cliqué sur son titre)

    -En bas s'affiche

    -vous 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 sa  taille


    UN PROBLEME ? 

    A-Copier ce script
    <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>


    B-Dans votre blog
    -Mise en Page > AJOUTER UN GADGET (à droite dans "Sidebar-Right 1")
    -Sélectionner  "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 "imprimer"  s'affiche ... si  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.




    • 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