Ok

En poursuivant votre navigation sur ce site, vous acceptez l'utilisation de cookies. Ces derniers assurent le bon fonctionnement de nos services. En savoir plus.

26.01.2010

Modèle de "Pied de note"

Je m'efforce de mettre à votre disposition les modèles de ce blog, et vous trouverez ci dessous la version du 14 janvier 2010 de la page lien permanent (c'est celle qui correspond à la visusalisation in extenso d'une note). Si vous avez un doute, lisez donc : Comment utiliser les modèles de ce blog ?

Particularités du modèle :

Ce qu'il reste à faire (notamment) :

  • Restauration de la fonction "Version imprimable" avec PrintFriendly ?

Lire la suite

11:50 Écrit par Gee Mee dans Modèles, images et CSS | Lien permanent | Commentaires (0) | Tags : pied de note | |  del.icio.us | | Digg! Digg |  Facebook

05.01.2010

Ajouter un bouton de vote Wikio pour chaque note de votre blog Hautetfort

Alors que See Mee entame une saga Wikio sur son blog, à laquelle on souhaite autant de succès que celle qu'elle a pu consacrer ici à FeedBurner, il peut être utile de rappeler comment intégrer les boutons de votes Wikio au pied de la note. Pour mémoire, le nombre de vote n'est pas pris en considération dans le classement Wikio, mais c'est une question sur laquelle See Mee ne manquera pas de revenir.

Dans l'administration de votre blog Hautetfort, vous cliquerez d'abord sur l'onglet TABLEAU DE BORD pour vous intéresser à la section Propriétés d'affichage.
Si vous trouvez en première ligne le réglage du nombre de notes à afficher sur la page d'accueil, vous trouvez Pied de la note en deuxième ligne.
Vous cliquerez sur configurer pour choisir les éléments qui vous intéressent.

Lire la suite

09:20 Écrit par Gee Mee dans Personnaliser son blog | Lien permanent | Commentaires (7) | Tags : wikio, pied de note, bouton | |  del.icio.us | | Digg! Digg |  Facebook

06.10.2009

Rechercher les contributions d'un auteur, les commentaires d'un pseudo, sur son propre blog

Tous les blogs Hautetfort peuvent disposer d'un moteur de recherche facile à mettre en place, et relativement efficace. Sauf que cela ne suffit pas toujours. (Actualisation d'une note datée du 25 mai 2009)

Le moteur de recherche interne proposé par la plateforme se met en place très facilement, puisqu'il suffit de se rendre dans la gestion du contenu des colonnes pour ajouter cet élément. Difficile de faire plus simple. Nous pouvons en changer l'apparence, le texte du bouton, mais ce n'est pas le propos du jour.
Ce moteur recherche dans le corps des notes, ce qui est un minimum est aussi son maximum. Soyons juste, cette fonctionnalité satisfait l'essentiel de mes besoins, et vraisemblablement des vôtres. On peut soumettre des mots comme des expressions, et les résultats n'ont rien d'aberrant. Mais il n'y aura pas de recherche possible sur les auteurs de notes ou de commentaires, et pas plus dans le texte de ces derniers.

Lire la suite

26.05.2009

Proposez une version imprimable de vos notes avec PrientFriendly

Si les origines des blogs étaient associées à de courtes informations, vous trouvez aujourd'hui de longues notes que vous souhaitez parfois imprimer ou conserver pour une lecture hors connexion. Ça doit bien vous arriver de déconnecter non ?


A priori, vous n'avez besoin de personne pour imprimer une page vue sur le net. Sauf que parfois, une simple page web prend quatre feuilles de papier pour la pub, la navigation, et le contenu, par ailleurs tronqué. La plupart des journaux en ligne proposent une version imprimable de leurs actualités, sans la navigation, mais pas forcément sans la pub.
En fait, il s'agit d'envoyer le contenu de la page dans une autre feuille de styles. Dans un site dont vous auriez la totale maîtrise, vous pourriez définir plusieurs feuilles de styles. Une "courante", une pour l'impression, une pour des affichages spécifiques tels ceux des écrans de téléphones portables.

PrientFriendly, dont la communication n'est pas exempte de greenwashing, vous propose de générer une version imprimable de la page que vous êtes en train de visualiser. Cette dernière sera non seulement affichée dans une CSS simplifiée, mais la publicité et les éléments de navigation seront neutralisés. Si cela ne devait pas suffire, vous pourrez retirer les images et ou des blocs de texte.

 

Avec PrintFriendly, vous pouvez imprimer ou convertir en PDF.

Cette fonctionnalité pourtant intéressante n'est hélas pas la plus efficace. Une gestion aléatoire des tables de caractères génère des textes rapidement illisibles. Par contre, rien ne vous empêche d'installer une imprimante virtuelle PDF sur votre ordinateur. Si vous n'en avez pas encore après avoir installé un scanner par exemple, vous pouvez récupérer PDFCreator (libre et gratuit, à la différence de PDF Creator).

Attention : Cela ne fonctionnera pas toujours. D'expérience, je constate que les blocs de texte avec des listes se comportent assez mal. Pour mémoire, il vous est toujours possible de sélectionner du texte avant de commander l'impression (qu'elle se fasse sur papier, ou d'abord vers un ficher PDF comme PDFCreator). Avant de valider l'impression, vérifiez dans la "zone d'impression" (là où il a dû vous arriver de limiter  l'impression de la page 1 à la page 2) que vous imprimerez bien la "sélection".

Vous pouvez enregistrer PrientFriendly dans un marque-page / favori / signet de votre navigateur, et ou installer un bouton sur votre site pour que la page vue soit envoyée à PrintFriendly. C'est cette dernière possibilité que j'ai utilisé pour modifier mon pied de note.

Par défaut, le code du bouton est le suivant

<script src="http://cdn.printfriendly.com/printfriendly.js" type="text/javascript"></script>
<a href="http://www.printfriendly.com" id="printfriendly" onclick="window.print();
return false;" title="Print an optimized version of this web page">
<img style="border:none;" src="http://cdn.printfriendly.com/pf-button.gif" alt="Print"/></a>

Vous pouvez le personnaliser en ligne, en modifiant l'image notamment.


Du PDF avec le pied ?

Vous retrouverez dans le code ci-dessous les instructions PrientFriendly telles que que je les ai intégrées au pied de note. J'ai retiré l'appel de l'image, utilisé du texte, et personnalisé le titre du lien.

{$post.pubdate|date_format:"`$blog.time_format`"}
{t} Ecrit par {/t}
<a href="http://www.google.fr/search?hl=fr&q=site%3Ageemee.hautetfort.com+%22ecrit par
{$post.user|authorname}%22" target=_blank title="Les autres contributions de
{$post.user|authorname} sur ce blog" name="Les autres contributions de
{$post.user|authorname} sur ce blog" >
{$post.user|authorname}</a> |
<a href="{$post.post_permalink}" id="a{$post.iteration}">{t} Lien permanent {/t}</a>
{if $post.allowcomments!=1} |
<a href="{$post.post_permalink}#comments"> {t} Commentaires {/t} ({$post.commentcount}) </a>
{/if} | {if $blog.blog_type neq 'photoblog'}
<a href="javascript:void(0)" onclick="toggle_emailthis('div_send{$post.post_id}',{$post.post_id});">{t} Courriel {/t}</a>
{/if}
<!-- printfriendly.com -->
<script src="http://cdn.printfriendly.com/printfriendly.js" type="text/javascript">
<!-- // --></script>
<a href="http://www.printfriendly.com" id="pfLink" onclick="window.print();
return false;" title="Obtenez une version imprimable, un PDF"
style="text-decoration: none;" name="pfLink">{t} | Impression {/t}</a>
<!-- /printfriendly.com -->

<!-- AddThis Button BEGIN -->
<script type="text/javascript">addthis_pub = 'blogspirit';</script>
<a href="http://www.addthis.com/bookmark.php" onmouseover="return addthis_open(this, '', '{$post.post_permalink|urlencode}', '{$post.post_title|urlencode}')" onmouseout="addthis_close()" onclick="return addthis_sendto()"> | {t} Partage {/t}</a>
<script type="text/javascript" src="http://s7.addthis.com/js/152/addthis_widget.js"></script>
<!-- AddThis Button END -->
<br>
<!--cat-->{if $post.categories}{t}Dans :{/t}{foreach name="categories" from=$post.categories item="cat"} <a href="{$cat.url}">{$cat.name}</a>{if !$smarty.foreach.categories.last}, {/if}
{/foreach} |
{/if}<!--/cat-->
{tags post="`$post.post_id`" assign="tag"}{if $tag.first}&nbsp;{t}Tags : {/t}{/if}<a href="{$blog.url}tag/ {$tag.name|urlencode|replace:"%2F":"/"}">{$tag.name}</a>{if !$tag.last}, {/if}{/tags}

Il n'est pas exclu qu'un jour nous disposions sur cette plateforme d'une feuille de style dédiée à l'impression avec une fonction dans le pied de note, au même titre que la fonction "Courriel".

Cette note a été rendue possible par la lecture de celle du "Modérateur"

17.05.2009

Modifier le pied de note, avec ou sans les mains.

[Màj] Dans la terminologie locale, le pied de la note est la ligne habituellement constituée de la mention de la date de publication, et du nombre de commentaires, entre autres choses. Vous pouvez le modifier en semi-automatique, et en manuel avec la configuration avancée.


Changez de pied sans les mains


HF_tableau-de-bord_generalites.jpgDans l'interface d'administration, allez dans Tableau de bord, puis Généralités. Sous Propriétés d'affichage, vous trouverez Pied de la note avec la mention des éléments déjà affichés, et le mot Configurer.
Si vous cliquez, tous les éléments disponibles sont proposés, et il ne vous reste plus qu'à cocher tous ceux qui vous intéressent, ainsi que les services 2.0 Si c'est la première fois que vous en entendez parler, sachez que "Add This" permet d'afficher un bouton qui lui même permettra d'utiliser la plupart des services de partage. C'est facile et sans risque de les ajouter, de les retirer, n'ayez pas peur d'essayer.

HF_tableau-de-bord_generalites_pied-de-la-note.jpgLes quelques lignes qui précèdent ne sont pas seulement destinées aux néophytes. Ceux qui sont en configuration avancée, et s'apprêtent à mettre les mains dans le code doivent d'abord passer par ce configurateur et cliquer sur "Enregistrer" au moins une fois pour voir apparaître le pied de la note dans les modèles.

Lire la suite

10:10 Écrit par Gee Mee dans Configuration avancée, Personnaliser son blog | Lien permanent | Commentaires (0) | Tags : pied de note, modifier | |  del.icio.us | | Digg! Digg |  Facebook