Pour un lien commentaire plus parlant et sans faute sur Blogger, blogspot

Par défaut le lien "commentaires" invitant les lecteurs d'un blog Blogger à émettre leur avis est toujours au pluriel. C'est une partie du code Blogger qui ne répnd pas, notamment l'instruction <data:top.commentLabel/>, censée générer le singulier du mot commentaire dans la langue du navigateur qu'utilise votre lecteur.

Puisque cette instruction donne le même résultat que sa version plurielle <data:top.commentLabelPlural/>, l'idée est de la remplacer directement par le mot "commentaire" dans le cas ou il y'a moins de 2 commentaires sur un article. Au passage, on pourra afficher "soyez le premier à réagir" dans le cas ou il n'y aurait aucun commentaire. Tout cela donne le code ci-dessous, en remplacement du contenu de la balise <span class='post-comment-link'>…</span> de votre blog :

<span class='post-comment-link'>
  <b:if cond='data:blog.pageType != "item"'>
    <b:if cond='data:post.allowComments'> <!--si l'article autorise les com-->
      <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
        <b:if cond='data:post.numComments &lt; 2'> <!--si le nombre de com est inférieur à 2-->
          <b:if cond='data:post.numComments == 0'> <!-- dans le cas ou il n'y a aucun commentaire-->
            Soyez le premier à réagir à cet article ! (ou bien mettez) Aucun commentaire
          <b:else/> <!--sinon, dans le cas ou il y a 1 seul commentaire-->
            <data:post.numComments/> commentaire
          </b:if>
          <b:else/> <!--sinon, si le nombre de com est supérieur ou égale à 2-->
            <data:post.numComments/> <data:top.commentLabelPlural/>
          </b:if>
        </a>
      </b:if>
   </b:if>
</span>

Evidemment l'inconvénient de tout ceci, c'est que vos lecteurs non francophones vont devoir reconnaitre le mot "commentaire", seulement dans le cas ou vous avez moins de 2 sur un article car au delà tout redevient normal et il pourront lire "2 comments". On peut constater qu'un jeu de conditions suffit à résoudre ce type de problèmes dans Blogger. Pour maitriser l'utilisation des conditions consulter notre article Les différents types de pages blog sur Blogger.

Read more »

Remplacer l'icône Blogger par la vôtre

Pour remplacer la 'favicon' Blogger qui est à gauche du http://, et mettre la vôtre, il suffit de placer juste au dessus de la balise </head> le code suivant :

<link href='url de votre icône’ rel='shortcut icon'/> <link href='url de votre icône' rel='icon'/>

NB: Votre icône (.ico) devra être au format 16x16 ou 32x32. Après avoir enregistré vos modifications, il faudra actualiser la page de votre blog plusieurs fois si vous utilisez Internet Explorer. Le résultat est presque instantanné sous Firefox.

Read more »

Publier des scripts dans un article de votre blog, avec Blogger

Si vous avez tenté de publier des scripts dans les articles de votre blog, vous avez sûrement constaté que Blogger ne les acceptait pas. En effet, dans vos messages, tout ce qui commence par le caractère "<" est automatiquement interprété et non publié en l'état. La raison: l'interface de rédaction de vos messages sur Blogger n'accepte que du XML, ce qui est est tout à fait logique car votre blog lui même est structuré en XML. La solution consiste donc à remplacer le caractère "<" qui déclenche l'exécution des scripts par sa valeur en XML qui est (&-l-t-;) , toute attachée sans les parenthèses et les tirets. De la même manière, si vous voulez mettre le signe © dans votre blog, il faudra utiliser sa valeur XML (&-#-1-6-9-;).

Read more »

Rendre dynamiques le titre et les balises meta Blogger

Un bon référencement et surtout positionnement de vos articles dans les moteurs de recherche nécessite des titres et balises meta détaillés et propres à chaque article. Ce qui est loin d'être gagné avec un blog, encore moins avec la nouvelle version de Blogger.

L'idée ici est d'utiliser un widget blog dans lequel on pourra récupérer les éléments data:post.title et data:post.labels pour en faire respectivement le titre de la page et les mots clés. En outre, la combinaison des deux peut servir de description à la page, sachant que si elle n'est pas pertinente, le moteur de recherche ira chercher une autre description dans le corps de votre article. Tout ceci quand on est sur une page article (voir notre article sur les différents types de pages Blogger).

En dehors d'une page article, il suffit simplement de fixer ces balises, le titre restant data:blog.pageTitle. A l'origine vous n'avez qu'un seul widget de type blog qui a pour id blog1 (consultez notre article Maitriser le widget blog). A moins d'avoir ajouté un autre, notre widget ici aura pour id blog2; ce qui donne comme code:

<b:if cond='data:blog.pageType != "item"'>
  <title><data:blog.pageTitle/></title> <!--(1)titre page autre que article-->
  <meta name='keywords' content='Mettez ici vos mots clés'/>
  <meta name='description' content='Mettez ici la description de votre blog'/>
<b:else/>
  <b:section id='meta'>
    <b:widget id='Blog2' locked='true' title='Messages blog' type='Blog'>
      <b:includable id='main' var='top'>
        <b:loop values='data:posts' var='post'>
  <title><data:post.title/></title> <!--(2) titre de la page article-->
  &lt;meta name=&quot;keywords&quot; content=&quot;<b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != "true"'>, </b:if></b:loop>&quot;/&gt;
  &lt;meta name=&quot;description&quot; content=&quot;<data:post.title/>. <b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != "true"'>, </b:if></b:loop>&quot;/&gt;
        </b:loop>
      </b:includable>
      <b:includable id='nextprev'/> <b:includable id='backlinks' var='post'/>
      <b:includable id='post' var='post'/> <b:includable id='commentDeleteIcon' var='comment'/>
      <b:includable id='status-message'/> <b:includable id='feedLinks'/>
      <b:includable id='backlinkDeleteIcon' var='backlink'/> <b:includable id='feedLinksBody' var='links'/>
      <b:includable id='postQuickEdit' var='post'/> <b:includable id='comments' var='post'/>
    </b:widget>
  </b:section>
</b:if>

Ce code intégré dans votre blog, après personnalisation, il ne vous reste plus qu'à associer des labels à chaque article de votre blog à chaque fois que vous publiez, ils seront vos mots clés pour cet article et une partie de sa decription, cette dernière étant complétée par le titre de votre article qui devra être pertinent.

Mise à jour du 05/03/2008
L'équipe de Blogger a désactivé la possibilité de placer une balise <b:section> à l'intérieur d'une balise <head>. Cela se traduit par le message d'erreur suivant: Your template is invalid because the tag 'b:section' appears inside of the tag 'head'.

Une des solutions pour contourner cela, sachant qu'il faut forcément une balise <head>, est de rajouter une autre balise head en xml qui sera ignorée lors de la validation. On l'écrira ainsi:

&lt;head>...&lt;/head> et on y mettra le code ci-dessus (modifié).

Read more »

Envoyer des SMS gratuitement à partir d’Internet

Mais qui veut envoyer des SMS gratuitement sur le Web aujourd'hui ?

Les entreprises : beaucoup de services d'envoie de SMS sur Internet semblent être à l'attention des entreprises, ce qui est juste une façon de montrer leur sérieux car la réalité est tout autre. A moins d'être une entreprise fictive, l'abonnement à un service de SMS proposé sur le Web n'a rien de rentable, d'autant plus que les opérateurs de téléphonie mobile proposent une large gamme de services très favorables aux professionnels. Même les opérateurs virtuels comme Virgin mobile n'osent même pas s'attaquer aux entreprises.

Les particuliers : certainement, encore eux nous dirait-on. Evidemment les logiciels à télécharger, les appels à effectuer vers des serveurs se trouvant parfois à l'étranger pour recharger son compte, des interfaces d'utilisation restées en anglais lorsque le fournisseur du service n'est pas domicilié en Belgique ou en Suisse, tout cela est à destination des particuliers, des jeunes surtout.

Le pire, c'est que vous devez d'abord vous inscrire et renseigner votre numéro de téléphone mobile, à ce moment vous pensez que c'est gratuit, mais arrivé dans votre espace de gestion on vous demande de créditer votre compte par de multiples moyens aussi douteux les uns que les autres. Trop tard, le mal est déjà fait car à travers le numéro que vous avez communiqué, les pubs arrivent directement sur votre portable quelques jours après.

Après avoir testé un grand nombre de ces services, le constat est clair : le SMS n'est gratuit sur Internet que si vous l'envoyez par le portail Web de votre opérateur si ce dernier vous en propose. A titre d'exemple, si vous êtes client Bouygues Telecom forfait ou nomad, il suffit de vous inscrire dans l'espace service de leur site web pour bénéficier de l'envoie par jour d'un SMS en semaine et cinq SMS le weekend.

Read more »

Safari bêta 3: la rapidité est au rendez-vous

L'installation de Safari est simple, comme souvent sous Windows, l'exécution est facile et les pages web s'affichent avec une fluidité inébranlable. Le rendu visuel qu'offre Safari dépasse de loin celui de tout autre navigateur Internet et la navigation par onglet est au rendez-vous.

Et dire que ce n'est qu'une version bêta! Testé depuis plusieurs mois sous Windows Vista, Safari est un logiciel stable. Ce qui est étonnant lorsqu'on sait que beaucoup de logiciels restent incompatibles avec Vista. A ce niveau du développement, les rares erreurs rencontrées avec Safari concernent la gestion du ftp et l'impossibilité de le personnaliser (changer de page d'accueil, ajouter des favoris et flux rss...).

En plus de la rapidité, la version finale de Safari pour Windows risque bien de talonner, voire détrôner à terme Firefox dans le classement des navigateurs les plus utilisés. Car il faudra alors reconnaitre que l'interface graphique du navigateur d'Apple sera un argument de choix pour les utilisateurs, lorsque Internet Explorer et Firefox n'auront plus grand chose à proposer en terme de "sécurité".

Télécharger: Safari 3.0.3 bêta du 31/07/2007.
Télécharger: Plug-ins Safari pour Windows

Le plug-in Adobe Flash Player de Safari, différent de celui d'Internet Explorer est à télécharger impérativement avec le navigateur Safari.

Read more »

Tester Windows Vista et Office 2007 sans installation

Il vous suffit d’être équipé de Windows XP, Windows Server 2003 ou Windows Vista et de vous procurer gratuitement Virtual PC nécessaire pour l’utilisation du format VHD.

Une fois Virtual PC lancé, il suffit alors d’ouvrir l’image VHD que vous avez téléchargée, et cela n’altère aucune de vos installations précédentes. Il faudra tout de même avoir 10 Go d’espace libre sur votre disque dur et surtout de télécharger les fichiers sur le site de Microsoft, soit environ 2 Go à télécharger. Ces téléchargements nécessitent l’utilisation d’un compte Passport.Net ou Windows Live ID. Rendez-vous sur les pages de téléchargements:

Microsoft Office 2007 Professional VHD, Microsoft Windows Vista 30-Day Eval VHD et Microsoft Virtual PC 2007.

Read more »