Les informations contenues dans ce blog sont à titre d'information générale seulement. Alors que nous nous efforçons de garder l'information mise à jour et exactes, nous ne faisons aucune déclaration ni garantie d'aucune sorte, expresse ou implicite, quant à l'exhaustivité, l'exactitude, la fiabilité, l'adéquation ou la disponibilité à l'égard du blog ou de l'information, des produits , services ou éléments graphiques associés au contenus du blog pour n'importe quel but. Le lecteur qui s'appuie sur de telles informations le fait strictement à ses propres risques. 

En aucun cas nous ne pouvons être tenu responsable de toute perte ou dommage, y compris mais sans s'y limiter, indirects ou consécutifs de perte ou de dommage ou toute perte ou dommage que ce soit résultant de la perte de données ou de bénéfices découlant de ou en relation avec l'utilisation de ce blog ou des informations y fournis.

A travers ce blog il existe des liens vers d'autres sites qui ne sont pas sous le contrôle de "http://blogger-au-bout-du-doigt.blogspot.com/". Nous n'avons aucun contrôle sur la nature, le contenu et la disponibilité de ces sites. L'inclusion de touts liens n'implique pas nécessairement une recommandation ou approbation des points de vue exprimés en leur sein.

Tous les efforts sont faits pour maintenir le blog en ligne avec une publication régulière. Toutefois, "http://blogger-au-bout-du-doigt.blogspot.com/"  ne prend aucune responsabilité et ne sera pas responsable du fait que le blog soit temporairement indisponible en raison de problèmes techniques indépendants de notre contrôle.

QUESTIONS, COMMENTAIRES OU RAPPORT D'INCIDENTS 

Vous pouvez diriger vos questions, commentaires ou rapport d’incidents à 

MODIFICATIONS DU PRÉSENT AVIS DE NON RESPONSABILITE SANS PRÉAVIS 

Cet avertissement est dynamique. Il sera constamment mis à jour. Vous ne pouvez pas présumer qu'il reste le même et vous vous engagez à vérifier s’il y a eu des changements à cette déclaration chaque fois que vous visitez le blog. A moins que, selon l'opinion exclusive du blog, ce changement d’Avis de non responsabilité  soit si radical pour suggérer une notification publiée sur le blog ou via email, vous ne recevrez pas de notification de modification au présent Avis de non responsabilité, ni, en aucune circonstance, ce blog ne promet une notification. Votre utilisation continue de ce blog est une évidence de votre continuelle acceptation des modalités de cette renonciation et de toute modification. 

DERNIÈRE MISE À JOUR 

Cette exclusion de responsabilité à été mise à jour le 28 novembre 2009.

Mettre un widget pour collecter de fond sur son blog est rendu possible par ChipIn. Nous avions vu comment installer un widget pour récevoir des dons sur son blog avec Paypal. Mais, le problème avec ce widget, c'est que les visiteurs ne savent pas pourquoi vous collectez ce don (à moins d'écrire la raison quelque part au dessus du widget) et surtout, ils ne savent pas quel est le montant que vous voulez atteindre et la durée de temps pendant impartit pour cette collecte.

Grâce à ChipIn, vous pouvez créer un widget pour collecte de fond en moins de 5 minutes. Voir cet exemple :



Pour avoir un widget de ce genre dans votre blog, il suffit de vous rendre sur cette page et de remplir le formulaire, puis cliquez sur "Start a new event".

Si vous n'avez pas un compte, il vous sera demandé de créer un compte (voir "Signup à droite). Après cela, vous pourrez, vous connecter sur votre compte, voir l'onglet "My widget" où vous trouverez le widget que vous aviez crée. Il suffira ensuite de cliquer sur "Blogger" pour la plateforme de blog où vous allez insérer le widget et pour finir, voir le point 3, où vous copierez le code à insérer dans un article ou dans un widget html de votre blog.

Pourquoi faire une collecte de fond, allez vous vous demander. Cela dépend de vos objectifs et du sujet abordé par votre blog. Si c'est le blog d'une ONG, vous pouvez collecter de fond pour financer vos activités. Si c'est le blog d'une ville ou sur un quartier, vous pouvez collecter des fonds pour aider les démunis et les sans abris des environs (surtout avec cette fin d'année qui risque d'être catastrophique pour eux). Vous pouvez aussi collecter des fonds pour acheter un nouvel outil qui vous permettra de mieux rendre service à vos lecteurs, etc.

Les gens peuvent-ils vraiment vous laisser quelque chose par ce widget ? Oui bien sûr. La preuve, une capture d'écran du blog d'un nazaréen.

J'espère que ce widget pour vous être utile.

Sur Blogger, vous avez la possibilité de voir la daté affichée pour un article que vous publiez juste au dessus ou en dessous du titre de celui-ci. Le seul problème c'est que si vous publiez plus d'un article le même jour, la date ne s'affichera que sur l'un d'entre eux.

Pour contourner cette difficulté, Anshul nous propose l'astuce très simple que voici :

1. Se connecter sur Blogger, puis aller sur "Mise en page", "Modifier le code html" et là, cochez développer des modèles de gadget.
2. Trouvez le code suivant :

<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>

3. Remplacez tout le code ci-haut par celui-ci :

<b:if cond='data:post.dateHeader'>
<script>var ultimaFecha = &#39;<data:post.dateHeader/>&#39;;</script>
<h2 class='date-header'><data:post.dateHeader/></h2>
<b:else/>
<h2 class='date-header'>
<script>document.write(ultimaFecha);</script>
</h2>
</b:if>

4. Enregistrez votre modèle et allez admirer le résultat.

@+

Aujourd'hui, je me permet de vous recommander 2 outils gratuits pour travailler le code html de votre blog : Notepad++ et Internet Explore 8.

Ceux qui prennent le temps de modifier le template de leur blog savent combien c'est agaçant de recevoir des message du genre "un div n'est pas fermé", patati patata. Quand tout le code de votre blog prend plus de 10 pages, ça monte aux nerfs de songer à aller fouinner dans cette botte de foin pour retrouver l'erreur.

Heureusement, il y a des gens qui ont déjà été confronté à ce genre de problème et on crée des outils pour vous assouplir le travail, notamment les deux outils que je vous recommande.

1) Notepad++ est un éditeur de source qui met en relief la syntaxe en attribuant notamment des couleurs différentes à chaque partie de votre modèle : entête, code css, et autres.

Ce que j'aime avec ce outil, c'est que quand vous mettez votre curseur sur un <div>, il lui donne un fond bleu et il vous suffit de descendre la page pour retrouver le </div> fermant. Si le <div> ne reçoit aucune couleur de fond lorsque vous y mettez le curseur, cela veut simplement dire que l'éditeur ne retrouve pas le </div> qui lui correspond. Il faut toutefois noter comme toute création humaine, ce n'est pas toujours parfait.

Pour plus d'info voir cette page.

2) Internet Explorer 8 est doté d'un outil de développement (voir sur la barre d'outils : Outils puis Outils de dévellopement) qui permet d'étudier le code source d'une page, étudier le css d'une partie du code, compresser tout le code et n'en étudier qu'une partie,etc.

Il existe d'autres fonctions que vous pourrez découvrir de vous même.

J'espère que cela vous sera utile comme à moi.

@+

Encore une nouvelle découverte que je fais ce matin. Dans Blogger draft, il vient d'être ajouté un bouton en forme de livre rouge pour définir n'importe quel mot en 12 langues  et le traduire dans les langues proposées sur Google traduction. J'ai essayé en traduisant ce texte en arabe depuis mon éditeur de message. Voici ce que ça donne :


آخر الاكتشافات الجديدة التي أنا في هذا الصباح. مدون في مشروع ، وأنها مجرد إضافة زر على شكل كتاب أحمر لتعريف أي كلمة في 12 لغة ، وتترجم إلى اللغات المتوفرة في مجموعات الترجمة. حاولت ترجمة النص العربي من وجهة نظري محرر الرسائل. هنا ما يحدث :


Pratique cette option, surtout si on veut faire un blog bilingue et traduire une citation en langue étrangère que l'on a cité dans son blog. 


C'est qu'il y a encore des améliorations à faire, mais comme on le dit, si on t'offre une bicyclette alors que tu voulais une porche, accepte d'abord la bicyclette. Quand la porche viendra, tu aura et la bicyclette et la porche. 


@+

Je viens juste de remarquer que sur Blogger in draft, l'éditeur de messages vient d'être garni d'un nouveau bouton. Ce dernier permet d'insérer des vidéos directement dans un article alors qu'on est entrain de l'écrire.

Les vidéos à insérer sont récupées sur votre ordi et téléchargé sur Blogger. Il faut vérifier que le transfert de la vidéo est terminé avant de publier l'article. Un bouton de téléchargement  apparaît juste en dessous de l'éditeur des messages.

Espérons que ce bouton fera bientôt l'apparition sur l'éditeur de message de version normale.

Article sponsorisé

Dernièrement, nous vous avions parlé de l'invasion des hoppers et annoncé qu'il y devait y en avoir une prévue pour le 18 novembre (c'est aujourd'hui à 15 heure).

Aux dernières nouvelles, cette stratégie de communication serait l'idée de Sony Ericsson pour le lancement de deux nouveaux téléphones :


Satio : qui associe des technologies et un style incroyable avec un apparaeil photo 12,1 megapixels.

Aino : avec écran à 3 pouces et peut récevoir films, musiques et podcast.

Sur Blogger, il existe pour les commentaires une limitation de 200 à afficher sur une page d’article. Seulement, si vous avez un blog aussi populaire que Papilles et pupilles avec des articles ayant plus de 200 commentaires, c’est agaçant de ne pas voir les autres commentaires être affiché.

Normalement, dès qu'un article a plus de 200 commentaires, vous devrez voir apparaître des liens permettant aux lecteurs d'aller voir les commentaires le plus récents ou les plus anciens (voir sur exemple sur cette page qui a plus de 800 commentaires). 

Si ces liens n'apparaîssent pas sur votre blog, il vous suffit d’ajouter un bout de code dans le widget blog1 (celui qui affiche les articles), ceci pour donner aux lecteurs la possibilité de jeter un coup d’œil aux commentaires qui ne s’affichent pas en cliquant sur un lien pour aller sur la page suivante des commentaires.

Voici les étapes à suivre pour arriver à cette fin :

1. Se connecter sur votre compte Blogger, aller sur Mise en page puis sur « Modifier le code html ».

2. Trouver la ligne suivante :

<b:includable id='comments' var='post'>

Quelques lignes après celle-ci, vous trouverez cette ligne <dl id='comments-block'> qui est elle précédée de </h4>.

3. Entre les lignes citées ci-haut, mettez le code suivant :

<b:if cond='data:post.commentPagingRequired'>

        <span class='paging-control-container'>

          <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>

          &#160;

          <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>

          &#160;

          <data:post.commentRangeText/>

          &#160;

          <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>

          &#160;

          <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>

        </span>

      </b:if>

Ce qui donnera le résultat suivant :

<b:includable id='comments' var='post'>

  <div id='comments'>

    <a name='comments'/>

    <h4>

      <b:if cond='data:post.numComments == 1'>

        1 Comment:

      <b:else/>

        <data:post.numComments/> Comments:

      </b:if>

    </h4>

<b:if cond='data:post.commentPagingRequired'>

        <span class='paging-control-container'>

          <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>

          &#160;

          <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>

          &#160;

          <data:post.commentRangeText/>

          &#160;

          <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>

          &#160;

          <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>

        </span>

      </b:if>

    <dl id='comments-block'>

      <b:loop values='data:post.comments' var='comment'>

4. Enregistrez votre modèle et allez admirer le résultat sur un article qui a plus de 200 commentaires.

Notez que vous pouvez remplacer le code en bleu par une phrase du genre "commentaire plus anciens" et le code en rouge gras par une phrase du genre "commentaire plus récents" (ou une phrase qui ira avec le style de votre blog). Vous pouvez même mettre à la place des images, en ajoutant bien sur un balise du genre :

<img src="url_de_limage" border="0" alt="Texte Alternatif" />

Bon, voilà, je crois qu'avec ça, les lecteurs pour voir tous les commentaires publiés sur un article.

@+

Article sponsorisé

A Kinshasa, c’est souvent lors de la fête de Noël et du réveillon que les rues sont envahies par les ballons d’air qui sont fixés  sur des fils les longs des avenues ou accrochés par des gamins qui vont ça et là en sautant de joie.

Les parisiens ont eu dès le 2 novembre (bien avant noël et le réveillon) l’occasion de s’égayer avec des ballons différents de ceux utilisés en RDC, des hoppers, ballons sauteur sur lequel on peut s’asseoir et bondir sur les trottoirs.  

 

A part l’adresse du site Hopper invasion, il n’existe pour le moment aucun motif sur ces ballons.

Mais, en vous rendant sur le site Hopper invasion vous pouvez créer des motifs pour un hopper, lui donner un nom et en modifier les traits. Vous pouvez en profiter pour découvrir ce qui se trame pour les jours à venir. J’ai moi-même customiser le hopper que voici :

Mon hopper ainsi que tous les autres qui seront customisés envahiront la page d’accueil de Yahoo dès le 18 novembre 2009.  Mon hopper sur Yahoo ! Ça sera super !

L’idée d’envahir les trottoirs de Paris avec des hoppers ferait référence au film publicitaire de Saatchi & Saatchi « spark something » (à toi de jouer).  Cette campagne de communication va donner naissance le 16 novembre à la première flashmob cross média dans les rues et sur le web organisée par Mediaedge : cia et Mecasses. Le reveal se poursuit en parallèle et en affichage (Decaux / Smart / Total covering ligne 1), online (+ 220 M d'impressions), au cinéma, et en TV (habillage C+ et campagne TV "classique")

Besoin de mettre un peu de bonne humeur dans votre journée, allez customiser un Hopper !

Une lectrice un peu trop cité sur ce blog (devinez laquelle) m'avez proposée d'utiliser un logiciel de publication sur blog qui m'a fait trouvé le bonheur à 80 % (il bug pour ce blog, car il ne supporte pas la mise en page de l'accueil). Après recherche, j'en ai trouvé un autre et me suis dit qu'il fallait que je vous parle de deux, espérant que l'un d'eux vous fera trouver le bonheur.

Ces logiciels permettent d'écrire un article hors ligne, d'y ajouter des photos, des liens et même des libellés, des tableaux, des vidéos, etc.

Pour vous rendre sur la page de téléchargement, il suffit de cliquer sur le nom du logiciel.

1. Windows Livewriter : Vous pouvez même avoir un aperçu de la façon dont le billet paraîtra sur votre blog.

Une version portable bien améliorée peut être téléchargée ici.

2.W.Bloggar  : Je ne l'ai malheurseuement pas testé.

@+

Si vous aimez ajouter certaines gadgets pour agrémenter votre blog, je vous conseille de jeter un coup d'oeil sur Google web elements.

Ce service permet d'insérer des gadgets google sur son blog, que ce soit un Google agenda (pour tenir vos lecteurs informé sur les évéments à venir), un googledoc (pour leur montrer une présentation), etc. Il se pourrait que nouveau gadget soient ajoutés dans l'avenir. Alors, il faut garder un oeil sur Google web elements.

Vous êtes une équipe à administrer un blog que vous monétisez et aimeriez savoir comment équitablement répartir les revenus collectés. L’astuce, c’est de laisser chacun mettre la pub qui va avec son compte adsense (ou autre).

Normalement, sur Blogger il existe des codes pour limiter l’affichage des certaines éléments (ou widgets) à certaines pages. Anshul a utilisé l’un de ces codes pour concocter cette petite astuce.

Les codes que nous allons voir, limitent l’affichage des vos codes publicitaires à certaines pages, notamment les pages d’articles écrits par certains auteurs. Ainsi, si vous êtes trois à tenir un blog et que chacun de vous possède un compte sur Google adsense, vous pourrez mettre vos propres pubs qui s’afficheront uniquement sur les articles du proprio du compte et pas sur les articles des autres. Cette astuce peut évidement être utilisée pour les autres pubs comme les vidéos ebuzzing, blogbang et autres.

Pour adopter cette astuce sur votre blog, voici ce que vous devez faire :

1. Vous connecter à votre compte blogger et aller sur « Mise en page », puis sur  « Modifier le code html », et là, cochez sur « Développer des modèles de gadget ».

2. Trouvez le code ci-après :

<data:post.body/>

3. Insérez le code suivant avant celui-ci haut (si vous voulez que les pubs apparaissent au dessus des articles) ou après le code ci-haut (si vous voulez que les pubs s’affichent après les articles).

<b:if cond='data:blog.pageType == "item"'>

<b:if cond='data:post.author == "Auteur n°1"'>

Insérer le code adsense (ou publicitaire d’une autre plateformer ici)

</b:if>

<b:if cond='data:post.author == "Auteur n°2"'>

Insérer le code adsense (ou publicitaire d’une autre plateformer ici)

</b:if>

<b:if cond='data:post.author == "Auteur n°3"'>

Insérer le code adsense (ou publicitaire d’une autre plateformer ici)

</b:if>

</b:if>

4. Remplacez les Auteurs n°1, Auteurs n°2, Auteurs n°3 par les noms des auteurs de votre blog. Notez bien, mettez les noms tels qu’ils apparaissent lors de la publication des articles (publié par xxxx). Si vous ne respectez pas bien la case (Majuscules et Minuscules à leurs places, vous n’aurez pas le résultat escompté).

5. Mettez les pubs pour chaque auteur à l’endroit indiqué et enregistrez votre modèle.

Bien que l’exemple est limité à trois auteurs, vous pouvez en mettre moins (deux) ou  plus, cela dépend du nombre d’auteurs qu’a votre blog.

Vous pouvez afficher les articles des vos auteurs sur votre navigateur et vérifier le code source pour voir si l’identifiant publicitaire sur chaque page correspond à celui de l’auteur de l’article.

@+

Ceci est un article de Vidéale, des blogs vidéale(cinéma pour enfants) et lapetitevidéothèque (cinéma pour les ados / adultes).

Voici comment modifier l'aspect de votre souris. Il m'a fallu du temps pour recueillir les différentes informations mais la méthode est ultra simple.

Cette solution fonctionne  sur Internet explorer et sur Mozilla Firefox grâce à Dalida dont j'ai récupéré le code. Cela fonctionne seulement avec des images fixes (.cur), pas avec des images animées (.ani).

Allez dans Mise en page

Cochez Développer des modèles de gadgets

Recherchez (ctrl + F) la balise :
body {

Placez sur la ligne suivante le code :
cursor:url(indiquez l'url de votre curseur.cur), default;

Sauvegardez et allez admirer le résultat.

Voici quelques liens où vous trouverez des modèles de souris :
- PatMax (gratuit)
- Lablogos (gratuit)
- Curseurs-gogo (prix d'une communication)

Vous pouvez retrouver Vidéale sur ses blogs (vidéale et lapetitevidéothèque)où elle se fera un plaisir de répondre à vos questions et vous faire découvrir son univers pas comme les autres. Pour s'abonner à son blog, cliquez sur le lien suivant.

Barry Welch a récemment développer un bouton de partager facebook similaire à celui de partage sur Twitter que nous avions vu dernièrement. L'article que vous partagez grâce à ce bouton, verra son titre et son lien apparaître sur votre page de profil facebook.

Le code pour ce bouton sont les suivants :

1. Version normale 1

<div style="float:right;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'/>  
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>

2. Version normale 2

<div style="float:left;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='box_count'/>  
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>

3. Version compacte 1 

<div style="float:right;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/>  
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>

4. Version compacte 2

<div style="float:left;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/>  
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>

Vous pouvez l'installer l'un de ces codes dans votre blog, juste avant la balise <data:post.body/> ou juste après <div class='post-header-line-1'/>

@+

En allant faire un tour sur Google friend connect, j'ai remarqué qu'outre les modifications dans le look, il y un nouveau Gadget "Newsletter".

Avec ce gadget, vous pouvez écrire des newsletter qui ne seront destinés qu'aux abonnés de votre blog et ne s'afficheront pas comme articles de votre blog. Pour avoir ce widget sur votre blog, connectez-vous à Google Friendconnect et cliquez sur le nom de votre blog.

Sur la colonne gauche, cliquez sur "Lettre d'information". Vous trouverez sur la nouvelle page qui s'affichera les 3 options offertes pour la "Lettre d'information", notamment :

1. Un tableau de bord où l'écrire avec possibilité de l'envoyer aux abonnés ou à certains membres seulement, selon les réponses qu'ils ont donnés à vos questions. Cet éditeur de message est semblable à celui de Blogger.

2. L'historique des vos lettres d'information : Histoire de savoir quand vous avez écrit pour la dernière fois et retrouver une ancienne lettre d'information.

3. Gadget lettre d'information : Un Gadget que vous pouvez installer sur le blog pour inviter les lecteurs à s'abonner à la Newsletter.

Cela va éviter à beaucoup d'utiliser les sites payant qui offrent les mêmes services.

Labnol avait conçu un générateur de sitemap pour les Blogs Blogger, qui permet de soumettre ce dernier sur Google, Yahoo et Bing. En gros, il faut savoir qu'un site map facilite  aux moteurs de recherche l'indexation du contenu de votre blog (site).

Pour générer le Sitemap de votre blog, il vous suffit de vous rendre sur cette page et d'y mettre votre url complet (avec le http:// et le / à la fin). Ensuite cliquez sur "create blogger site map".

Sur la page qui sera chargée, vous serez informé du nombre d'articles que vous avez déjà publié sur votre blog.


Pour soumettre votre sitemap sur Bing, cliquez sur "Submit 1 to 500 posts" juste en desssous de For Bing. Vous serez conduit sur une page où il sera écrit "Thanks for submitting your sitemap."


Repétez la même opération pour Yahoo, juste en dessous de For Yahoo ! Sur la page où vous serez conduit, vous devrez avoir le message "Update notification has successfully submitted."

Pour Google, rendez -vous sur votre compte Google webmaster (si vous en avez un), cliquez sur le nom de votre blog et dans le Tableau de bord de celui-ci, cliquez sur "Envoyer un sitemap" (voir la colonne à droite). Sur la nouvelle page, cliquez encore sur "envoyer un sitemap" et dans la petite case qui s'affiche, mettez le lien suivant (juste après l'url de votre blog) puis cliquez sur le bouton "envoyer un sitemap" : 


atom.xml?redirect=false&start-index=1&max-results=100 


Si votre blog possède plus de 100 articles, mettez plutôt le lien suivant : 


atom.xml?redirect=false&start-index=1&max-results=500


Si votre blog a plus de 1000 articles, mettez les trois liens suivants , un à la fois (notez les différences en gras).


atom.xml?redirect=false&start-index=1&max-results=500
atom.xml?redirect=false&start-index=501&max-results=500
atom.xml?redirect=false&start-index=1001&max-results=500


Si vous avez plus de 1500 articles, suivez la méthode pour ajouter le prochain lien.


@+