Blogger au bout du doigt

Offrir quelque chose (e-book) en téléchargement après abonnement – L’astuce la plus gratuite

2009-12-03T08:45:00.001+02:00

S’il y a une chose que j’ai apprise de la consultation des blogs anglais, c’est que le moyen pour avoir plus d’abonnés à la newsletter de son blog, c’est de proposer une e-book ou autre chose à télécharger gratuitement après abonnement.

Seulement, après de longues et infructueuses recherches, je n’étais pas parvenu à trouver un moyen pour accomplir gratuitement cette méthode de livraison automatique après abonnement. Le service le plus populaire pour intégrer cette possibilité est fourni par Aweber, et bien que l’abonnement soit de 1$ pour le premier mois, il revient à 19$ pour le mois suivant et les paiements sont gradués par rapport aux nombres d’abonnés, faisant que vous pouvez atteindre une facture de plus de 300 $ par mois.

J’étais presque sur le point d’aller essayer Aweber quand, au cours d’une conversation avec ma bien aimée Valentine à qui je racontais mes recherches infructueuses, bingo, je lançais un « Euréka » à la Archimède la laissant bouche bé. Je lui ai toujours dit qu’elle était une source d’inspiration pour moi, et là, c’était une preuve de plus de cette vérité.

Cette méthode que j’ai trouvée, je l’applique déjà sur mon blog Café biblique, où j’offre après abonnement, le livre en format PDF que j’avais publié il y a quelques mois.

Pour pouvoir offrir automatiquement après abonnement un livre, un programme, un logiciel à vos abonnés, vous aurez besoin d’utiliser FeedBurner et Gmail, voici comment procéder :

1. Hébergez la chose à offrir en téléchargement sur un site quelconque et récupérez le lien de la page où le trouver.

2. Créez un nouveau compte Gmail et activez-y la réponse automatique et mettez dans celle-ci un message accompagné du lien de téléchargement.

Le compte Gmail que j’ai crée porte une adresse du genre ebookmonblog@gmail.com et quand vous recevez un message venant de ce compte, le nom d’expéditeur est Ebook Monblog.

Pour activer la réponse automatique, cliquez sur « Paramètres » (voir au-dessus à droite) et voir sur la page

Vous pouvez mettre comme reponse automatique un message du genre :

Lien pour télécharger l'E-book :

Comme promis, voici le lien pour télécharger l'E-book.

htpp://hebergeur.com/votre-ebook.pdf

Merci et à bientôt sur mon blog

3. Utiliser la méthode suivante pour changer l’email de confirmation de Feedburner.

Pour café biblique, j’ai mis deux étapes à faire pour compléter l’abonnement et recevoir le livre :

A. Cliquer sur le lien de confirmation

B. Envoyer un message avec pour titre « E-book » à l’adresse ebookmonblog@gmail.com

Ainsi, celui qui enverra un message à l’adresse indiqué à l’étape B recevra la réponse automatique de ce compte Gmail, réponse automatique qui contient le lien de téléchargement.

La seule difficulté avec cette méthode, c’est que l’on peut se passer de l’étape A après avoir reçu le mail de confirmation, mais recevoir quand même l’E-book en respectant l’étape B.

Peu importe, l’important étant d’avoir une grande base d’adresses e-mail, vous les aurez quand même dans votre compte feedburner accompagné de la mention (non confirmé). On peut toujours envoyer au non confirmé un message de rappel. Et puis, votre base e-mail sera construite grâce au compte Gmail pour l'ebook et vous pourrez envoyé à ceux-qui on télécharger l'e-book une newsletter à partir de Gmail.

4. Mettre juste après le formulaire d’abonnement la mention que l’abonné recevra un e-book et mettre une petite image illustrative de celle-ci (c’est pour motiver les gens à s’abonner).

Que pensez-vous de cette méthode ? Avez-vous une alternative gratuite à proposer à la communauté des lecteurs de ce blog ?

Infos légales sur votre blog : Vaut mieux prévenir que guérir

2009-12-02T12:29:00.003+02:00

Certains comme Panzer Marechal de Internaaze s’étaient étonnés de voir la publication d’un Avis de non responsabilité sur ce blog le week-end passé. Il y en a même qui avait prié pour qu’il ne me soit arrivé rien de mauvais. C’est pourquoi je me suis senti dans l’obligation de publier ce petit post d’explication.

Après avoir lu un article de Johncow intitulé « Why you nedd an Online Privacy Policy », je m’étais dis que comme conseillé dans l’article, il valait mieux prévenir que guérir en publiant sur mon blog un Avis de non responsabilité, une politique de confidentialité (à venir) et des conditions d’utilisation (ça aussi c’est à venir).

On ne sait jamais ce qu’un jour peut enfanter et c’est pour cela qu’il toujours couvrir ses arrières juridiquement en protégeant ses derrières de tout feu que pourrait allumer un visiteur mal intentionné.

Quelque soit le sujet que vous développez dans votre blog, il vous faut vous protéger contre toute mésaventure à venir. Certains bloggeurs de renommé ont déjà payé le frais du manque d’une protection légale affiché sur leur blog. Parmi vous, je crois qu’il y en a qui se souviennent de la mésaventure d’Eric de Presse Citron avec un certains acteur qui l’avait conduit en justice pour un lien posté sur son site Fuzz. Je ne sais pas s’il manquait des Avis de non responsabilité sur son blog, mais n’empêche qu’il a eu des démêlés avec la justice. Hé bien, hier c’était lui, qui sait si demain ça ne sera pas moi ou vous. C’est pourquoi il faut vous protéger dès maintenant.

Johncow, que je rejoins, tout en reconnaissant ne pas être un juriste (moi aussi je ne le suis pas), conseille d’aller en voir un pour rédiger les 3 documents que je vous ai cité.

MarieBo a trouvé ce générateur de politique de confidentialité, générant un texte en anglais que l'on peut traduire avec Google et modifier quelques mots pour qu'il n'ait pas l'air d'être écrit par un extraterrestre.

Si quelqu’un parmi vous connaît un autre site ou blog où nous pouvons trouver un modèle des documents cités, nous lui serons grès de nous poster les liens en commentaires à cet article.

Je suis moi-même entrain de peaufiner la Politique de confidentialité de ce blog avant de m’attaquer à la rédaction des conditions d’utilisation.

Faites comme-moi, mettez un préservatif à votre blog (et luttez aussi contre le Sida dans la vie réelle).

Avis de non responsabilité

2009-11-28T21:24:00.000+02:00

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.

ChipIn: Widget pour collecte des fonds

2009-11-26T11:37:00.000+02:00

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.

Afficher la date pour tous les articles publiés le même jour

2009-11-21T23:29:00.001+02:00

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 = '<data:post.dateHeader/>';</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.

@+

Notepad++ et Internet Explorer 8 : Outils pour travailler le code de votre blog

2009-11-20T12:47:00.000+02:00

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.

@+

Google traduction - Bouton traduction dans l'éditeur de message

2009-11-19T11:28:00.001+02:00

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.

@+

Insérer une vidéo via l'éditeur de message sur Blogspot

2009-11-18T14:23:00.000+02:00

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.

L'invasion des hoppers sur Yahoo c'est aujourd'hui

2009-11-18T14:22:00.000+02:00

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.

Afficher plus de 200 commentaires

2009-11-16T11:16:00.000+02:00

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'>

<data:post.commentRangeText/>

</span>

</b:if>

Ce qui donnera le résultat suivant :

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

<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>

 

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

 

<data:post.commentRangeText/>

 

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

 

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

</span>

</b:if>

<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 :

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

Une invasion des hoppers

2009-11-16T10:58:00.000+02:00

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 !

Logiciels de publications sur blog

2009-11-13T08:31:00.003+02:00

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é.

Pourquoi pas Google web elements ?

2009-11-12T18:59:00.000+02:00

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.

Partager les revenus publicitaires (adsense) d’un blog d’équipe

2009-11-11T08:31:00.002+02:00

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>

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.

Personnaliser la souris de son blog

2009-11-10T12:21:00.000+02:00

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.

Bouton de partage Facebook

2009-11-06T08:26:00.002+02:00

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'/>

@+

Gadget Newsletter sur Google friend Connect

2009-11-05T13:33:00.000+02:00

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.

Générateur Sitemap pour Google, Yahoo et Bing

2009-11-04T08:03:00.001+02:00

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.

@+

Affichage Photos commentateurs et couleur de fond différentes

2009-11-03T16:00:00.001+02:00

En 2007, nous avions enseigné une technique pour afficher les photos des commentateurs qui disposent d’une photo de profil sur Blogger. Mais, depuis quelques temps, Blogger permet d’afficher les photos des commentateurs même sur les blogs qui ont choisis d’intégrer un formulaire des commentaires à la fin des articles, ce qui a rendu notre première astuce à moitié hors service. Bien que les bulles qui encadrent les commentaires s’affichent encore et qu’il y a moyen de différencier les commentaires des lecteurs de celui du proprio du blog par la couleur de fond, les photos elles ne s’affichent plus.

Avant de voir comment remédier à ce problème, expliquons les méthodes fournies par Blogger pour afficher les photos de profil sur les commentaires (quelqu'un m'avait contacté pour écrire cet article il y a 3 semaines, mais depuis plus aucun signe de vie malgré mon accord).

Si vous désirez afficher les photos des commentateurs sur un Blog Blogger, rien de plus simple. Il suffit d’aller sur « Paramètres », puis sur « Commentaires » et là, cocher sur "oui" pour l’option «Afficher les photos de profil sur les commentaires ».

Au cas où les photos ne s’affichent pas du tout malgré l’activation de l’option citée ci-haut, utilisez cette méthode de Soufiane :

1. Aller sur « Modifier le code html » et trouvez l’une de deux lignes suivantes :

2. Remplacez la ligne que vous trouverez par

Notez que si vous remplacez le <div id='comments-block'>, il vous faudra chercher le </div> qui clôture celui-ci et le remplacer par </dl>

Au cas où vous ne trouvez pas les premières lignes indiquées, cherchez plutôt la troisième. Si elle existe, passez à l’étape suivante.

3. Trouvez la ligne suivante :

Remplacez-la par celle-ci :

<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='50px' style=' margin: 25px 0 0 0;' width='50px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>

Ajouter une bulle avec différentes couleurs de fond pour les commentaires

Pour avoir une bulle entourant les commentaires avec couleur de fond différent pour les commentaires de l’auteur du blog et ceux des visiteurs :

1. Dans le css de votre blog, mettre les codes suivants et effacez ceux similaires qui existaient avant (voir la nomination en gras)

.comment-body { background: url(http://chenkaie.googlepages.com/bg_comment.gif) no-repeat 35px 0px; padding-top:1px; }
.comment-body p { background:#d0d0d0; margin: 5px 0 0px 0; border: 6px solid #e5e5e5; line-height: 1.6em; padding: 7px 7px 7px 13px; }
.comment-body-author { background: url(http://chenkaie.googlepages.com/bg_comment.gif) no-repeat 35px 0px; padding-top:1px; }
.comment-body-author p { background:#ccdacc; margin: 5px 0 0px 0; border: 6px solid #e5e5e5; line-height: 1.6em; padding: 7px 7px 7px 13px; } .comment-author { margin: 0px 0px 0px 0px; padding: 0 10px 0 40px; color: #777; font-size: 16px; font-weight:bold; background: url(http://www.blogblog.com/tictac/comment_arrow.gif) no-repeat 20px 7px;}

* html .comment.favicon { /*IE only*/

margin: 30px 0 0 0;

}

2. Juste après le code suivant

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

Mettre

<b:if cond='data:comment.author == data:post.author'>
<dd class='comment-body-author'>
<p><data:comment.body/></p>
</dd>
<b:else/>

<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
</b:if>

3. Enregistrez votre modèle et youpi !

Vous avez vos commentaires qui s’afficheront avec photos de leurs auteurs en plus d’une différenciation des commentaires du proprio du blog de ceux des visiteurs par la couleur de fond.

Afficher le lien pour lire la suite du résumé d’un article

2009-11-02T13:56:00.000+02:00

Nous avions vu dernièrement qu’il était désormais possible d’activer l’affichage d’un bout de l’article à l’accueil en un seul clic. Seulement, il reste que dans beaucoup des blogs, seuls les résumés s’afficheront mais ne seront pas accompagnés d’un lien indiquant aux lecteurs qu’ils peuvent lire la suite de l’article.

Ceux qui utilisent des modèles offert par Blogger peuvent facilement afficher le lien « lire la suite » et même mettre une autre phrase à la place, en allant sur « Mise en page » et en cliquant sur « Modifier » pour le widget « Message du blog ». Sur la pop-up qui s’ouvre, il n’y a qu’à changer le texte « Plus d’infos » par « Lire la suite… » ou une autre phrase de votre choix.

Si avec votre modèle la phrase « plus d’infos » ne s’affiche pas automatiquement après avoir activé le résumé à l’accueil pour un article, ne paniquez pas. Allez sur votre compte Blogger, sur « Mise en Page », puis sur « Modifier le code html » et là, cochez la case pour « Développer de modèles de gadget ».

1. Trouver le code suivant :

<data:post.body/>

2. Juste après ce code, mettre celui-ci :

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"'><data:post.jumpText/></a>
</div>
</b:if >

Enregistrez votre modèle et allez admirer le résultat. Notez que vous pouvez directement insérer le texte à affiché après le résumé d’un article en changeant le code en gras par le texte de votre choix. Mais, je crois qu’il serait plus pratique d’aller effectuer le changement sur « Mise en page » (éléments de la page) et de cliquer sur « Modifier » pour le widget blog.

Amanda révèle qu’il est même possible d’afficher une image à la place du texte « Plus d’infos » (lire la suite). Pour cela, il vous suffit de remplacer le code en gras ci-haut par celui-ci-dessous en veillant d’y mettre l’url de l’image et le texte qui apparaîtra si l’image ne s’est pas affichée.

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

Espérons que maintenant vous trouverez votre bonheur avec la nouvelle fonctionnalité offerte par Blogger.

Ajouter un effet de page à Peel sur Blogger

2009-11-01T13:18:00.001+02:00

Si vous vous rendez sur le Blog de MisterAir, vous remarquerez qu’il y a comme le bout d’une page qui s’ouvre et laisse entrevoir un bouton Rss. En passant la souris dessus, l’ouverture de la page se fait plus grande et affiche la partie cachée de la page en dessous. Cette option est beaucoup utilisée sur la blogosphère anglophone pour attirer l’attention des visiteurs sur la possibilité de s’abonner sur blog et parfois pour faire la pub d’un produit quelconque.

Pour avoir cette même option sur votre blog, voici ce qu’il vous faut faire selon les recommandations de naeem :

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

2. Trouvez la balise </head>

3. Juste au dessus, mettez le code suivant :

<style type='text/css'>
img { behavior: url(iepngfix.htc) }
#pageflip {
position: relative;
right: 0; top: 0;
float: right;
}
#pageflip img {
width: 50px; height: 52px;
z-index: 99;
position: absolute;
right: 0; top: 0;
-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
width: 50px; height: 50px;
overflow: hidden;
position: absolute;
right: 0; top: 0;
background: url(http://www.wallheaven.com/subscribe.png) no-repeat right top;
}
</style>

<script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){

//Page Flip on hover

$("#pageflip").hover(function() {
$("#pageflip img , .msg_block").stop()
.animate({
width: '307px',
height: '319px'
}, 500);
} , function() {
$("#pageflip img").stop()
.animate({
width: '50px',
height: '52px'
}, 220);
$(".msg_block").stop()
.animate({
width: '50px',
height: '50px'
}, 200);
});

});
</script>

L’url en gras est celle de l’image à afficher sur la page cache. A vous de mettre l’image de votre choix.

Et comme le dit MisterAir, si vous voulez que cet effet s'affiche au coin droit de l'écran, changez “ #pageflip {position: relative ” par: “ #pageflip {position: top; top: 0;

4. Cherchez la balise <body> et mettez le code suivant juste après :

Les deux lignes en gras sont les urls : 1) de l’adresse où sera envoyé le visiteur en cliquant sur l’image, ici vous pouvez metre l’url de votre flux (ou du produit pour lequel vous faites la publicité) et 2) l’url de l’image avec la page entrouverte.

Vous pouvez faire des modifications sur le code css, changer l'emplacement de l'effet de page à Peel selon vos connaissance, en veillant de ne pas faire de votre blog une monstruosité.

J’espère cette astuce sera utile à quelqu’un.

Afficher le top des auteurs d’un blog d’équipe

2009-10-20T09:57:00.003+02:00

Après avoir vu comment afficher une photo de l’auteur à chacun des articles de celui-ci dans un blog animé par une équipe, nous allons aujourd’hui voir comme afficher le hit parade des auteurs qui publient le plus dans un blog tenu par plusieurs, un excellent moyen pour motiver ceux-ci à plus publier.

Ce widget a été conçu par Blogger plugins pour vous permettre d’amener votre blog vers des nouvelles dimensions.

1. Assurez-vous d’être connecté à votre compte blogger.

2. Rendez-vous sur l’installateur du widget « top des auteurs » en cliquant sur bouton suivant :

3. Dans la fenêtre qui s’ouvre, remplissez le formulaire de la façon suivante :

- Pour “Widget Title”, mettez le titre que portera le widget à la place de “Top authors”

- Pour “Blog url”, mettez l’url de votre blog. Surtout, ne mettez pas le slash à la fin de l’url de votre blog, il sera automatiquement ajouté par l’installateur.

- Pour “No of Top Authors:”, mettez le chiffre correspondant au nombre d’auteurs que vous avez sur votre blog.

4. Cliquez sur le bouton « customize » puis sur le bouton “Add wiget to my blog”.Une nouvelle page s’affichera. Vérifiez bien que c’est le blog pour lequel que vous voulez installer le widget qui est affiché et cliquer sur « ajouter le gadget ».

Dites merci à Blogger plugins et faites un bisou à Rodney.

Résumé d'articles à l'accueil en un clic

2009-10-19T18:28:00.003+02:00

Parmi les nouveautés ajoutées par l'équipe Blogger depuis que la plateforme a totalisé ses dix ans, c'est la possibilité d'avoir un résumé de ses articles à l'accueil en un clic.

Pour que cette fonction soit disponible pour vous, il vous faut passer au nouveau éditeur de messages. Vous trouverez dans celui-ci un bouton, le dernier, qui permet d'insérer un saut à n'importe quel endroit de votre texte pour indiquer à Blogger que seule la partie précédente doit être affichée à l'accueil.

Ainsi, vous avez le choix entre les articles dont vous voulez qu'une partie soit affichée à l'accueil et les articles à afficher intégralement à l'accueil (là je pense aux petits articles de quelques lignes).

Vraiment utile cette nouvelle fonctionnalité, surtout pour ceux qui n'arrivaient pas à toucher à leur code html.

@+

Passer au nouveau éditeur des messages

2009-10-19T10:41:00.000+02:00

Depuis peu, Blogger offre la possibilité de passe au nouveau éditeur des messages qui a plus des fonctionnalités que l'ancien et est plus maléable. C'est l'éditeur de messages qui est installé sur la version brouillon de Blogger.

Pour changer d'éditeur des messages, il vous faut aller sur votre compte Blogger puis sur "Paramètres" et sur la nouvelle page, allez jusqu'au bas de la page (voir où il est écrit "paramètres globaux"). Cochez y "Editeur mis à jour". Notez que si vous avez plus d'un blog, tous auront le nouveau éditeur.

Si l'éditeur ne vous plaît pas, vous pourrez toujours le changer pour l'ancien à n'importe quel moment.

@+

Mille abonnés ! Et puis quoi encore ?

2009-10-19T07:13:00.000+02:00

Voilà, c’est fait. Blogger au bout du doigt vient d’enregistrer son 1000^ème abonné depuis quelques heures. Dire qu’au début de l’année nous étions encore à 365 abonnés. C’est grâce à vous, chers lecteurs, que les choses sont devenues ce qu’elles sont aujourd’hui.

En mai 2009, Eric de Presse citron avait publié un article où étaient affichés les bureaux de 22 bloggeurs occupant le top du classement Wikio à l’époque. Cet article que j’ai lu il y a quelque temps, m’a poussé à me demander s’il fallait aussi que j’attende de figurer dans un Top 20 pour faire voir à mes lecteurs mon environnement de travail. Pas du tout me suis-je dis. Si mon ami Link, qui est comme moi très loin de figurer dans le top 20 a pu publier des photos de son environnement de travail, pourquoi pas moi ? Alors, à l’occasion de la célébration du millième abonné de ce blog, permettez que je vous présente le nouveau bureau de Rodney SANKINKA.

D’abord, voici le bureau où je travaillais quand j’ai commencé ce blog.

A l’époque, je bloguais très loin de chez moi et utilisais un Windows 98 sur une machine de 6 giga (64 MB Ram) qui se plantait tellement que cela m’avait permis à rendre mes nerfs plus élastiques dans les situations de crise.

Je n’aurais jamais imaginé qu’un blog crée un soir où je m’ennuyais pourrait avoir le succès qu’il a aujourd’hui (même si maintenant j’en veux plus) et me permettra de gagner tout ce que j’y ai gagné en matériels comme immatériels.

Aujourd’hui, grâce à une de mes lectrices, je prépare les articles de mes blogs à domicile avec un XP pack 3 installé sur un laptop Toshiba Satellite U200 qui se bat pour ne pas me décevoir (93 GB H.D., 1.66 GHz et1 GB Ram), fini les brouillons sur papier.

Il faut aussi noter qu'il m'arrive de travailler avec ma nièce sur les génoux. C'est une admiratrice de Dora l'exploratrice qui a transformé mon pc en cinéma depuis que la deuxième télé à passé l'arme à gauche. Heureusement pour elle, ce petit bijou a un lecteur DVD.

Il ne reste plus qu’à me brancher sur la toile de mon domicile et je serai encore plus comblé. Comme pour le Laptop qui est un rêve devenu réalité, je crois que ce rêve qui n’est pas aussi gros que cela deviendra réalité l’un de ces quatre matins, surtout que l'un des providers de la place (Zain) vient de porter un coup très dure à la concurrence en mettant son modem à 60$ et une facture de 70$ pour un mois de connection sans limite de megabites (ou gigabites) à utiliser. J'espère pouvoir rassembler ce montant d'ici peu et amener encore ce blog vers des nouvelles dimensions. Un coup de pouce de votre part serait le bienvenu.

Tout cela pour dire que si ce blog est ce qu’il est aujourd’hui, c’est grâce à vous qui avez parlé de ce blog à vos amis ; vous qui l’avez mis dans la blog roll d’un de vos blogs ; vous qui êtes restés abonnés même quand il était en léthargie ; vous qui avez mis entre mes mains les moyens pour continuer à vous aider ; vous qui m’avez soutenus et défendus là où l’on me jetait des pommes pourries sur le visage ; vous qui avez répondus à la question d’un lecteur en désespoir et vous qui m’avez soutenus de tant d’autres manières (comme en restant anonymement un lecteur passionné de mes articles). Je vous dis à tous un grand merci.

Je sais que vos attentes sont énormes, et vous promet de faire de mon possible (et cela dans la mesure du possible) pour assouvir un tant soit peu votre désir de faire un blog à votre image, selon vos goûts.

Alors que nous mettons le cap vers le chiffre de 10.000 abonnés pour les mois à venir, je suis conscient du fait que ce blog doit subir beaucoup d’améliorations dans sa présentation, afin de rendre plus agréable vos visites, ainsi que dans son contenu qui ira comme je l’ai toujours souhaité au-delà de la configuration des blogs pour toucher le SEO, l’accroissement du nombre des visites, l’affinage du contenu, etc. car je ne vois pas l’intérêt d’avoir un beau blog si personne ne le visite (à moins qu’il soit privé).

Que Dieu nous prête vie afin qu’ensemble nous puissions amener nos blogs vers des nouvelles dimensions.