En juillet 2007, nous avions vu qu’il était possible d’ajouter l’option “imprimer” pour les articles de votre blog afin de permettre à vos lecteurs de garder une copie papier de votre blog. Nous allons ici vous présenter le gadget de Print Friendly qui ajoute un bouton pour imprimer ou télécharger les articles du blog en PDF.
Grâce au bouton de Print Friendly, seuls les contenus de vos articles seront imprimés, pas les autres parties du blog. Vous pouvez voir un exemple de ce que ça va donner sur votre blog en faisant un test sur la page d'accueil de Print Friendly. Mettez l'url de votre blog là où il est écrit "enter a url" puis cliquez sur "print preview".
Pour Blogger au bout du doigt, ça donne cette belle page :
Voici ce qu’il faut faire pour donner à vos lecteurs la possibilité d’imprimer ou de télécharger vos articles en PDF.
1. Aller sur cette page de Print Friendly
2. Pour l’étape 1 “Choose site type”, cocher sur la case pour “Blogger/blogspot”
3. Pour l’étape 2 “Choose button”, choisir le type de bouton à afficher sur le blog
4. Toujours à l’étape, pour “Features”, choisir les fonctions (Allow = Permettre, Not allow = Ne pas permettre, Enable = Activer, Disable = Désactiver)
Page header (Entête de la page)
Click-to-delete (Cliquer pour effacer)
Print (Imprimer)
Custom css url (mettre l'url de code css à utiliser à la place de celui de Print Friendly)
HTTPS (Connexion sécurisée)
5. Pour l’étape 3 “Copy the code”, sélectionner et copier le code généré.
Voici en exemple le code généré après le choix du deuxième bouton de la deuxième colonne
<script>var pfHeaderImgUrl = '';var pfHeaderTagline = '';var pfdisableClickToDel = 0;var pfDisablePDF = 0;var pfDisableEmail = 0;var pfDisablePrint = 0;var pfCustomCSS = '';var pfBtVersion='1';(function(){var js, pf;pf = document.createElement('script');pf.type = 'text/javascript';if('https:' == document.location.protocol){js='https://pf-cdn.printfriendly.com/ssl/main.js'}else{js='http://cdn.printfriendly.com/printfriendly.js'}pf.src=js;document.getElementsByTagName('head')[0].appendChild(pf)})();</script><a href="http://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;margin:0 6px" src="http://cdn.printfriendly.com/pf-print-icon.gif" width="16" height="15" alt="Print Friendly Version of this page" />Print <img style="border:none;margin:0 6px" src="http://cdn.printfriendly.com/pf-pdf-icon.gif" width="12" height="12" alt="Get a PDF version of this webpage" />PDF</a>
On peut franciser le code de la manière suivante :
a. Remplacer le “Print Friendly Version of this page” par “Imprimer cette page”
b. Remplacer “Print” par “Imprimer”
c. Remplacer “Get a PDF version of this webpage” par “Télécharger une version PDF de cet article”
6. Se connecter à Blogger, aller sur “Modèle” puis cliquer sur “Modifier le code HTML”. Là, cocher sur “Développer des modèles de gadget”
7. Trouver l’une des lignes de codes suivante :
<data:post.body/> (Cette ligne est celle qui affiche le corps de votre article)
<div class='post-footer'> (Après cette ligne se trouvent les codes pour ce qui doit apparaître au bas de l’article)
8. Coller le code de Print Friendly juste après l’une des lignes de codes de l’étape 7.
9. Enregistrer le modèle.
Avec ces manœuvres simples, vous aurez ajouté un bouton pour imprimer et télécharger les articles de votre blog au format PDF.
