Imprimer un message

obtenir ces boutons

Ajouter : "Imprimer cette page"

Ajouter : "Imprimer ce message"


1) On peut facilement permettre à un visiteur d'imprimer une page d'un blog. Il suffit d'ajouter sur ce blog une barre de liens sociaux où figure le logo d'une imprimante. Méthode : cliquer ici.

2) On peut aussi ajouter "Imprimer cette page" (ou un message équivalent) dans un message ou un gadget :

Imprimer cette page

Il suffit d'ajouter les instructions suivantes dans la version HTML du message ou du gadget :

<center><p><a href="#" onclick="javascript:window.print()">Imprimer cette page</a></p></center>

Les visiteurs du blog ne doivent ainsi plus sélectionner le texte à imprimer avec la souris.

3) Si les pages ne contiennent qu'un seul message, on peut, dans l'instruction précitée, remplacer le mot "page" par le mot "message", ce qui donne le résultat suivant :

Imprimer ce message

4) Si les pages contiennent plusieurs messages, et si on veut afficher "Imprimer ce message", on peut, dans l'instruction précitée, remplacer # (en rouge) par l'adresse (http://...) de ce message, et remplacer "Imprimer cette page" par "Imprimer ce message" :

Imprimer ce message

Remarque importante : pour connaître l'adresse correcte d'un message, cliquer dans "Tableau de bord" sur : "Modifier les messages", puis sur "Afficher" à côté du message concerné.

L'adresse apparaît en haut de l'écran (ne pas utiliser l'adresse qui s'affiche en cliquant sur "messages précédents", "libellés", ...).

5) On peut aussi insérer n'importe quelle autre adresse.

6) On peut enfin remplacer "Imprimer ce message" par une image ou un dessin d'imprimante (le code nécessaire figure ci-dessous dans les commentaires) :

Imprimer ce message

* * * * *
1) On peut également ajouter un bouton dans un message ou un gadget HTML/JavaScript :


Le code à insérer est le suivant :

<div id="impression"><center><div style="background: #ddd;width:190px;text-align:center;margin-left:0px;padding:3px;border-right:solid #000 1px;border-bottom:solid #000 1px;font-family: arial;font-size: normal;"><a href="#" onclick="javascript:window.print()">Imprimer cette page</a></div><style type="text/css">#impression a {color: black;background: #ddd;text-decoration:none;font-weight: bold;}#impression a:hover {color: #88bb22;background: #ddd;font-weight: bold;}</style></center></div>

2) Si les pages ne contiennent qu'un seul message, on peut, dans l'instruction précitée, remplacer le mot "page" par le mot "message" (et élargir le bouton : "width:190px;" devenant "width:210px;"), ce qui donne le résultat suivant :


3) Si les pages contiennent plusieurs messages, et si on veut afficher "Imprimer ce message", on peut, dans l'instruction précitée, remplacer # (en rouge) par l'adresse (http://...) de ce message, et remplacer "Imprimer cette page" par "Imprimer ce message" :


Remarque importante : pour connaître l'adresse correcte d'un message, cliquer dans "Tableau de bord" sur : "Modifier les messages", puis sur "Afficher" à côté du message concerné.

L'adresse apparaît en haut de l'écran (ne pas utiliser l'adresse qui s'affiche en cliquant sur "messages précédents", "libellés", ...).

4) On peut aussi insérer n'importe quelle autre adresse.

* * * * *
On peut limiter l'impression au seul contenu des messages : sans les colonnes latérales, les gadgets, les publicités, ...
1) Première possibilité : le site http://joliprint.com/ propose d'installer sur le blog un bouton permettant d'imprimer le contenu d'un message ou de le sauvegarder en format PDF. Tout ce qui n'est pas le texte du message n'est pas imprimé : gadgets, commentaires, ... Il suffit de choisir le bouton qui sera affiché dans chaque message.

2) On peut aussi ajouter une instruction dans le template du blog, JUSTE AVANT :

</head>


L'instruction est la suivante :

<link href='http://sites.google.com/site/rvdmarcrailcatrain/home/styleimpression.css' media='print' rel='stylesheet' type='text/css'/>
.

Elle a été installée sur ce site. On peut donc la tester en imprimant ce message à l'aide d'un des boutons affichés ci-dessus.

Remarques :
1° d'un blog à l'autre, les éléments constitutifs peuvent avoir des noms différents ; des espaces blancs correspondant à un élément peuvent apparaître ou un élément peut continuer à s'imprimer inutilement parce que son nom n'est pas répertorié : il suffit d'en faire part à "Contact" (en haut à droite) et une mise à jour sera effectuée ;

chaque blog est différent : cette méthode fonctionne parfaitement avec certains blogs mais pas avec d'autres (il faudrait idéalement adapter la feuille de style à chaque blog) ; il faut donc effectuer un test et voir s'il donne satisfaction ;
3) Une troisième méthode (imprimer un document préalablement sauvegardé sur "Google documents") est exposée ci-dessous :

1) Aller sur "Google documents".

2) Cliquer en haut à gauche sur "Nouveau".

3) Copier le texte à imprimer dans le nouveau document.

4) Cliquer sur "Partager".

5) Cliquer sur "Publier sur le web".

6) Cliquer sur "Démarrer la publication".

7) Cliquer sur "Lien vers le document".

8) Copier ce lien.

9) Installer le lien sur le blog avec par exemple le message : "Imprimer ce message".

10) Ajouter à ce lien le code qui permet d'ouvrir le document dans une nouvelle fenêtre : le code est disponible ici.

6 commentaires:

Anonyme a dit…

bonjour!
puis je savoir qu'elle est la démarche pour le cas ou je voudrais mettre une petite icone imprimante?
mercis

Meiser a dit…

Remplacer "Imprimer ce message" par l'adresse de l'image :
exemple :
<img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 80px; " src="http://4.bp.blogspot.com/_sPwH_KmuNT8/S_1QvMPwiCI/AAAAAAAAAqs/3g84Vhkd7yA/s200/icones_technologie_0104.png" border="0" title="Imprimer ce message"alt="Imprimer ce message"id="BLOGGER_PHOTO_ID_5475618338811871106" />


Projet Chartreux a dit…

Bonjour,

J'essaye d'imprimer une image contenue dans un message? J'ai essayé de remplacer # par l'adresse de l'image.

Ça ouvre l'image en question mais ça imprime la totalité de la page où se trouvait l'image, donc le message.

Il y a une solution?

Merci

Meiser a dit…

Bonjour.

Oui. Enregistrer l'image (bouton droit de la souris) puis l'imprimer.


Auré a dit…

Bonsoir,

Ce blog est une mine d'informations ! Bravo !

Comment puis-je insérer une icône avec une imprimante à coté de la barre de partage des réseaux sociaux dans chaque message ?

Merci d'avance pour votre réponse !

Joe Sim a dit…

Bonjour, Vraiment un gros merci pour tous les trucs que j'ai déjà trouvés!!!
Je me demande maintenant, où est «le template du blog, JUSTE AVANT :

»