Nouveau widget : impression de vos articles avec Joliprint

Si proposer à vos lecteurs vos articles à l'impression dans un format rustique est déjà possible sous TypePad (via l'application d'une feuille de style dédiée qui se déclenche lors de l'appel à la fonction "Imprimer" du navigateur), faire en sorte que cette impression soit facilement consultable hors connexion (et accessoirement du plus bel effet) n'est pas chose aisée.
Grâce au widget Joliprint ce temps est désormais révolu ! Ce dernier, une fois installé, propose en 1 clic la génération d'un document PDF mis en forme et paré à l'enregistrement ou l'impression à vos lecteurs.

Pour commencer, rendez-vous sur la page de configuration dédiée que nous vous avons concoctée, pour  l'installer en 2 clics sur les blogs de votre choix.

Le fonctionnement est le suivant :
Choisissez le type de bouton à afficher

Sélectionnez dans cette section le type de bouton qui déclenchera la génération du document (image, image + texte, texte seul que vous pouvez spécifier).

Sur quels éléments ce bouton doit-il apparaître ?

Cette section vous offre la possibilité de faire apparaître le bouton choisi sur les différentes pages de votre blog : accueil et archives par catégorie, archives mensuelles, notes individuelles.
Vous pouvez tout sélectionner ou choisir un ou plusieurs éléments parmi les éléments listés.

A quel endroit souhaitez-vous voir apparaître le bouton ?

Deux emplacements vous sont proposés pour faire apparaître le bouton : en dessous du titre ou en pied de note (à la suite des éléments existants dans celui-ci).

Une fois vos choix faits vous n'avez plus qu'à cliquer sur "Prévisualiser et installer", vous verrez alors apparaître une ébauche du bouton, ne tenez pas compte du style appliqué, il reprend le style du blog sur lequel il est affiché.


Cliquez sur "Installer ce Widget maintenant" et vous serez renvoyés vers l'interface d'ajout de widgets usuelle de TypePad.
Sélectionnez le ou les blogs sur lesquels faire apparaître ce widget et c'est terminé. Vous pouvez consulter vos blogs et vous devriez voir apparaître le bouton joliprint.

Quelques conseils :
Si vous optez pour un widget mêlant texte et image, vous pouvez personnaliser son apparence pour une intégration plus transparente au sein de votre contenu.
Pour cela ajoutez un peu de CSS.
Par exemple pour une insertion sous le titre de note  :

.entry-footer-joliprint{
display:block;
}

.entry-footer-joliprint:hover{
border-color:#BBBBBB;
}

.entry-footer-joliprint div{
background:url("http://static.typepad.com/.shared/themes/common/images/share-link-bg-delicious.gif") right top no-repeat scroll #EDEDED;
vertical-align:bottom;
-moz-border-radius:2px 2px 2px 2px;
background-color:#EDEDED;
background-repeat:no-repeat;
border:1px solid #DDDDDD;
height:18px;
display:block;
float:right;
padding:2px 4px;
}

.entry-footer-joliprint a{
color:#777777;
font-family:Verdana,sans-serif;
font-style:normal;
font-weight:normal;
text-decoration:none;
text-transform:none;
vertical-align:bottom;
}

.entry-footer-joliprint a:hover {
color:#555555;
}

.entry-footer-joliprint a img {
padding-left:4px;
}

Pour une insertion en pied de note :

.entry-footer-joliprint{
background:url("http://static.typepad.com/.shared/themes/common/images/share-link-bg-delicious.gif") right top no-repeat scroll #EDEDED;
display:inline-block;
vertical-align:top;
-moz-border-radius:2px 2px 2px 2px;
background-color:#EDEDED;
background-repeat:no-repeat;
border:1px solid #DDDDDD;
height:18px;
}

.entry-footer-joliprint:hover{
border-color:#BBBBBB;
}

.entry-footer-joliprint div{
display:block;
padding:4px;
}

.entry-footer-joliprint a{
color:#777777;
font-family:Verdana,sans-serif;
font-style:normal;
font-weight:normal;
text-decoration:none;
text-transform:none;
vertical-align:top;
}

.entry-footer-joliprint a:hover {
color:#555555;
}

.entry-footer-joliprint a img {
margin-top:-4px;
padding-left:4px;
}

Voilà à vous de jouer, au passage vous pouvez remercier l'équipe de Joliprint (dont Gilles notamment) qui a oeuvré à la reconnaissance des contenus des blogs TypePad pour que les informations soient personnalisées, ainsi qu'Mry qui nous a mis en relation avec eux.

A noter : la génération de fichiers PDF à la volée étant largement consommateur de ressources en tous genres, ces derniers sont mis en cache pendant 12 heures suite avant une première requête. Ne vous étonnez donc pas si une mise à jour sur votre note de blog n'est pas immédiatement suivie d'effet par le PDF mis à disposition via Joliprint.