Un blog se distingue du site pour plusieurs raisons, notamment celle d'être une lecture chronologique. C'est pourquoi la page d'accueil n'existe pas, et la dernière note publiée est la première affichée.

Cependant, vous pouvez faire en sorte qu'une page soit toujours en une de votre blog, mais cela nécessite un réflexe en plus pour chaque note publiée.

Pour ceci, il faut changer la date de parution de la note désignée comme « note d'accueil » en question, à chaque fois que vous en publiez une autre.

Par exemple, sur le blog De nous à vous, nous avons une note « sommaire », intitulée « Conseils pour bloguer sur Solidaires du monde ». A chaque fois, que nous publions une autre note sur ce blog, nous reprenons celle-ci pour la « republier », ce qui en quelque sorte la réactualise et la fait donc apparaitre en première page du blog.

Concrètement, dans le back office, allez cherchez votre note dite « d'accueil » :

Cliquez sur « Modifier » à droite.

Vous accédez à votre note.

En bas de cette note, vous avez « Options de publication ».

Cliquez sur « Publier le » puis choisissez la date de publication du jour.

Votre note apparaîtra ainsi en premier, comme si elle était la plus récente.

Si vous utilisez cette page en tant que sommaire, n'oubliez pas de l'actualiser en conséquence !

D'autre part, n'hésitez pas par ailleurs à compléter votre page « A propos » qui explique et décrit votre blog, structure, objectifs, équipe... et qui est aussi une page de présentation, même si cette note n'est pas visible, puisqu'il faut cliquer sur le « A propos » pour pouvoir le lire.

Pour remplir cet « A propos », aller dans le back office, cliquer sur Tableau de bord, puis sur « A propos ».

Suite à des demandes de blogueurs souhaitant que nous modérions les commentaires de leurs blogs, nous vous proposons quelques explications et conseils sur la gestion de vos commentaires.

La possibilité de commenter

Une des caractéristiques majeures du blog est la possibilité pour les lecteurs de rédiger et publier un commentaire. Et donc, d'espérer recevoir une réponse de la part de l'auteur, ou d'un autre lecteur. Le blog n'est pas seulement le support de l'expression d'une personne ou d'une organisation, mais un espace pour le dialogue et l'échange de points de vue.

Aujourd'hui, sur le web, la possibilité de commenter est devenu un standard sur les d'informations.

Mais si le blog offre un espace d'expression pour les lecteurs, pour le blogueur, cela signifie un travail de veille et de lecture des commentaires publiés. Chaque blogueur est responsable des commentaires sur son blog et dispose du droit de suppression de ces commentaires.

Si vous bloguez depuis quelques temps, vous avez pu constater que certains commentaires ne visent pas à répondre à l'article. En effet, il arrive que des internautes soient payés pour publier des commentaires qui contiennent des liens. Dans ce cas, ces commentaires n'attachent aucune importance à l'article du blog... Nous vous recommandons de les supprimer car ils ne servent à rien, si ce n'est à rediriger certains de vos lecteurs sur des sites de commerce.

Identification des faux commentaires ou "spam"

Heureusement, il est assez facile de reconnaitre ces commentaires :

- ils sont souvent courts

- ils sont souvent en anglais

- ils sont sans intérêt ou du moins sans rapport avec article

- ils ne sont pas originaux et pourraient être postés suite à n'importe quel article

- surtout, ils renvoient vers un autre site web, à caractère commercial le plus souvent

Comment ça marche ?

Sur internet, plus il y a de liens vers un site, plus cela génère de visites sur ce site. Voici comment l'article de Wikipedia exprime cette idée :

"La présence de liens vers un site web est un critère important de classement dans les moteurs de recherche. Afin d'augmenter artificiellement le nombre de liens pointant vers leurs sites, certains créent des blogs, ou mettent des messages de commentaires dans des blogs pré-existants, uniquement pour ajouter des liens vers un ou plusieurs sites web à promouvoir.

L'automatisation de ce genre de pollution a mené plusieurs logiciels de blog à introduire des contrôles (Captcha) qui rendent cette automatisation par une machine plus complexe à réaliser."

Si la plateforme de blogs Solidaires du monde demande un code Captcha à chaque publication de commentaire pour garantir le fait que l'auteur est bien un être humain, cela n'empêche que les robots, et non les personnes payées pour publier des faux commentaires.

Un exemple de faux commentaire

Dans ce cas, la signature cheap clothes online permet immédiatement de deviner la nature du commentaire

Comment supprimer ces faux commentaires

Vous avez deux solutions :

1. Soit vous faites confiance à la nature humaine et vous publiez une réponse à l'internaute qui a commenté (si tant est que celui-ci se soit abonné à votre réponse). Peut être cessera-t-il de considérer votre blog comme un support. S'il est payé pour faire cela, il n'y a aucune chance que cela fonctionne, il faut donc plutôt opter pour la solution suivante : supprimer le commentaire.

2. Autre solution : supprimer ces commentaires et bannir les adresses IP de ceux qui les postent. Voici comment faire :

• Identifiez-vous sur votre blog
• Cliquez sur "Notes", puis sur "Tous les commentaires" : c'est cette page qui vous permet de gérer les commentaires.

• Identifiez le commentaire que vous souhaitez supprimer et cliquez sur modifier à droite.
• Une page s'ouvre et vous pouvez bannir l'adresse IP de l'auteur du commentaire afin que celui ne puisse plus publier avec cette adresse IP. Enregistrez la page.
• Cliquez sur la case correspondante de la ligne du commentaire que vous souhaitez supprimer et en bas de page cliquez sur supprimer.

Le tour est joué !

Si vous le souhaitez, vous pouvez vous entrainer à identifier les commentaires de spam sur cette note : Le vent du baccalauréat. Ils sont très nombreux !

A votre disposition si vous avez des questions.

Thomas pour l'équipe Solidaires du monde

Plus simple qu'un commentaire, le module proposé par Facebook pour ajouter le bouton « Like » (« J'aime ») permet à l'internaute de vous informer (ainsi que les autres internautes) du fait qu'il ait apprécié votre article ou votre blog. Connaissant l'importance qu'accordent les internautes aux avis de leurs pairs, ce bouton « Like » peut apparaître comme une véritable incitation à la lecture de votre blog. Qui plus est, dès qu'un internaute aime votre blog ou article, cela s'affiche automatiquement sur son mur Facebook. Voilà encore une bonne illustration des possibilités de viralité que permet le web 2.0.

Ce tutoriel pour installer ce bouton « Like » se déclinera en 2 étapes. Dans un premier temps, nous vous expliquerons comment récupérer le code proposé par Facebook pour éditer ce bouton « Like » puis dans un deuxième temps, nous verrons comment et où insérer ce code Facebook.

1. Première étape : obtenir le code qui vous ouvrira la communication vers votre lectorat.

Pour ce faire, rendez-vous sur le page suivante : http://developers.facebook.com/docs/reference/plugins/like

Remplir les différents champs qui se présentent à vous :

-          URL : vous devez renseigner l'adresse de votre site (mais n'est pas obligatoire si vous choisissez à la fin de la manipulation d'utiliser le code XFBML, qui est d'ailleurs fortement conseillé).

-          Layout Styles : Cet onglet permet de personnaliser l'apparence de votre bouton Like.

o   Si vous souhaitez un affichage comme celui-ci:  Choisissez l'onglet « Standard »

o   Si vous souhaitez un affichage simple comme celui-ci : choisissez l'onglet « Button_count »

-          En cochant « Show faces », vous autorisez l'affichage des photos des profil Facebook qui aiment votre article.

-          « Verb to display » vous invite à choisir entre le bouton de vote « like » et le bouton « Recommend » pour que l'internaute recommande votre article sur son mur Facebook.

-          « Font » vous permet de choisir la police qui vous plaît.

-          « Color Scheme » vous invite à choisir la couleur de fond de votre bouton (seulement 2 couleurs disponibles).

Une fois tous les éléments renseignés, cliquez sur « Get the code ». Une pop up s'affiche. A vous de copier le code.

2 codes différents s'offrent à vous : Le code « iframe » et le code XFBML. Le code « iframe » vous évite quelques manipulations supplémentaires par rapport aux codes XFBML. Cependant, le code XFBML est plus souple et permet de « Liker » uniquement des notes puisqu'il s'adapte à l'URL de la page sur lequel il est copié. D'ailleurs, si vous optez pour ce code (ce que nous vous conseillons fortement), vous n'avez pas besoin de remplir le champ URL. Mais pour que votre code XFBML  soit effectif, vous devez le faire précéder de ce code :

<div id="fb-root"></div>

{literal}<script>

window.fbAsyncInit = function() {

FB.init({appId: 'your app id', status: true, cookie: true,

xfbml: true});

};

(function() {

var e = document.createElement('script'); e.async = true;

e.src = document.location.protocol +

'//connect.facebook.net/en_US/all.js';

document.getElementById('fb-root').appendChild(e);

}());

</script>{/literal}

A la suite, vous ajoutez le code XFBML copié comme l'exemple ci dessous :

<fb:like width="450" font="arial"></fb:like>

Maintenant que vous avez votre code Facebook, il vous faut aller le copier sur votre blog.

2. Où copier votre code de votre bouton « Like » Facebook

Il ne vous reste qu'à aller copier votre code sur le back office de votre blog en allant dans Présentation>Configuration avancée puis « modèle de la page d'accueil » en cliquant sur « modifier le template ». Là, vous copiez le code où vous voulez que votre bouton apparaisse. A noter qu'à ce niveau, les personnes qui cliqueront sur votre bouton « Like » aimeront votre blog de façon générale.

Pour insérer votre bouton « Like » automatiquement et surtout indépendamment sur chacune de vos notes,  allez dans Présentation>Configuration avancée puis « Modèle de la page lien permanent » en cliquant sur « modifier le template ». Une pop up s'ouvre : copiez le code là où, vous voulez que votre code apparaisse. Par exemple, si vous voulez que votre bouton se situe en bas de chacune de vos notes (ce qui serait logique), insérez votre code juste en dessous de la balise suivante :

<div class="postbottom-decorator2">

que vous trouverez facilement dans votre pop-up en faisant un « Ctrl A » (vous permettant de tout sélectionner) puis "Ctrl F" (permettant d'effectuer une recherche dans votre sélection) puis vous tapez cette balise.

Vous cliquez sur « enregistrer ces informations » et le tour est joué. Le résultat ci-dessous :

Nous vous annoncions dans la note « Changement de catégories sur Solidaires du monde : pour qui ? Pourquoi ? » les nouvelles catégories proposées par Solidaires du monde.

Rappel :

Nous vous rappelons que ces catégories sont utilisées de deux façons :

- Lors de la création d'un nouveau blog, il vous sera proposé de le classer en fonction de ces catégories. Pour le moment, cette fonction n'est pas disponible, c'est donc l'Equipe Solidaire du monde qui a sélectionné les blogs correspondants à telle ou telle catégorie. Des liens vers ces blogs sont désormais disponibles sur le Portail de la Solidarité.

- Dans le référencement de votre note, vous avez la possibilité de choisir une de ces catégorie, mais vous pouvez toujours en créer une personnelle et libre.

1. Quels blogs ont-ils été choisis ?

Voici les blogs choisis par l'Equipe Solidaires du monde, selon les critères suivants : qualité, régularité, concordance avec le thème de la catégorie.

2. Flux RSS des catégories par Blogs

Nous vous proposons d'utiliser les flux RSS de ces catégories incluant les blogs (choisis par l'Equipe Solidaires du monde) cités ci-dessus, dans l'outil Netvibes. Voici ci-dessous l'onglet correspondant sur le Netvibes de Solidaires du monde.

Voici la liste des flux RSS :

3. Flux RSS des catégories par Notes

Nous vous proposons également les flux RSS de ces catégories incluant les notes correspondantes (choisi par le blogueur) tous blogs confondus. Voici ci-dessous l'onglet correspondant dans le Netvibes de Solidaires du monde :

Voici la liste des flux RSS proposant les dernières notes d'une catégorie, tous blogs confondus :

Nous vous avons présenté Delicious dans une note précédente intitulée « Delicious : outil d'organisation et de partage de pages web ». L'objectif de cette nouvelle note est d'aller plus loin en vous accompagnant dans la mise en place d'un flux Delicious sur votre blog. Il s'agit en fait du flux RSS de votre Delicious.

Pour ce faire, il faut :

-          se connecter sur sa page Delicious.

-          se mettre sur la page exacte dont on souhaite récupérer le flux. Par exemple, si nous voulions le flux général de Solidaires du monde, nous irions à la page : http://delicious.com/solidairesdumonde.org/

Et si nous voulons un flux spécifique d'un tag ou d'un bundle, comme par exemple        celui des OMD, il faut se rendre sur la page dédiée :           http://delicious.com/solidairesdumonde.org/omd

-          cliquer sur l'onglet Tools (le deuxième bouton tout en bas de page)

Là, vous arrivez sur la page générant les flux comprenant 5 sous-catégories permettant de générer vos flux de différentes façons.

La deuxième catégorie « Add your bookmarks and tags to your website or blog » est celle qui nous concerne. Pour information, les catégories offrent des fonctionnalités tout aussi intéressantes :

-          La catégorie « Browser buttons and add-ons for your browser or website » permet d'ajouter un onglet dans la barre de navigation de votre navigateur (Google, Firefox, etc...).

-     La catégorie « Add badges that encourage people to bookmark your website or your blog » permet d'ajouter un bouton pour que votre blog se fasse bookmarker (spécial geek J).

La deuxième catégorie « Add your bookmarks and tags to your website or blog » permet de générer un flux selon :

-          Linkrolls (pour faire un flux faisant défiler les bookmarks)

-          Tagrolls (pour afficher juste les tags Delicious)

-          Network badges (pour afficher un petit widget comme ci-dessous)

A noter que chaque élément est personnalisable. On peut choisir d'afficher, ou non, son identifiant, le nombre de bookmarks, le nombre de personnes dans notre réseau, etc.

-          Une fois le code récupéré (commençant par la balise <script type=...>), copier ce dernier là où vous souhaitez que votre flux apparaisse. Par exemple, si vous voulez que votre flux Delicious apparaisse dans votre colonne de droite, Allez dans Présentation>Configuration Avancée Puis Allez sur « Modèle de la colonne de droite »  en cliquant sur « Modifier Template ».

-          Dans un second temps, vous devez allez dans Présentation>Contenu des colonnes. Allez en bas de la page et cliquez sur « Ajouter le code HTML/Javascript ».

Une fenêtre s'ouvre.

-          Renseignez le titre que vous voulez donner à votre flux Delicious puis dans la partie « Contenu de l'élément », copiez le code de votre flux (le même que celui copié dans votre colonne de droite).

-          Enregistrez l'élément.

-          Puis choisissez d'ajouter dans la colonne de votre choix (à droite dans l'exemple ci-dessus) l'élément Delicious.

-          Mettez à jour ces informations.

Votre flux Delicious apparaît alors sur votre blog mais n'est pas mis en forme.

Si vous souhaitez personnaliser l'aspect de votre Delicious, vous pouvez copier le code ci-dessous (en modifiant les éléments selon votre convenance) dans votre feuille de style CSS présente dans Présentation>Configuration Avancée Puis Allez sur « Feuille de styles»  en cliquant sur « Modifier Template »:

.delicious-posts { width: 160 px; font-family: arial; font-size:12px; text-align:justify;padding: 0.60em;}

.delicious-posts ul, .delicious-posts li, .delicious-banner { margin: 0; padding: 0;

.delicious-post { border-top: 1px solid #eee; padding: 0.10em; font-size: 14px;  }

.delicious-banner a { font-size: 16px; color:#a15426; }

.delicious-posts a:hover { text-decoration: underline;  color:#04a1ff ; }

.delicious-posts a { text-decoration: none; color:#04a1ff  padding: 0.1em;  }

.delicious-post a { color: #04a1ff ;}

La traduction de ce code CSS :

.delicious-posts { width: 160 px; font-family: arial; font-size:12px; text-align:justify;padding: 0.60em;} (permet de personnaliser l'apparence générale du texte et la largeur de la colonne)

.delicious-posts ul, .delicious-posts li, .delicious-banner { margin: 0; padding: 0; }(permet de personnaliser l'apparence et l'emplacement des tirets)

.delicious-post { border-top: 1px solid #eee; padding: 0.10em; font-size: 14px;  } (permet de personnaliser l'apparence du titre des bookmarks)

.delicious-banner a { font-size: 16px; color:#a15426; } (permet de personnaliser le titre de la colonne de Flux « My Bookmarks Delicious »)

.delicious-posts a:hover { text-decoration: underline;  color:#04a1ff ; }(permet de changer l'apparence d'un lien lorsqu'on passe la souris dessus)

.delicious-posts a { text-decoration: none; color:#04a1ff  padding: 0.1em;  }

.delicious-post a { color: #04a1ff ;} (permet de personnaliser la couleur du titre des bookmarks)

L'image ci-dessous vous montre le résultat final:

Vous avez maintenant toutes les cartes en main pour vous lancer dans la mise en place d'un flux Delicious sur votre blog. Vos témoignages et remarques sont bien entendu les bienvenus.

Twitter n'a plus de secret pour vous et vous souhaitez le mettre en avant sur votre blog. Rien de plus simple, il vous faut juste suivre les instructions suivantes.

1. Créer votre Widget Twitter à insérer sur votre blog

-          allez sur votre compte Twitter. Une fois identifié, allez à l'adresse de création de widgets : http://twitter.com/widgets

-          Cliquez sur « Mon site web ». Apparaissent alors différentes rubriques proposant de créer différents flux.

-          Widget de profil reprend le flux de votre compte Twitter

-          Widget de recherche permet d'avoir le flux de tous les tweets se rapportant à un mot-clé choisi. Par exemple, vous pouvez suivre tous les tweets qui parlent de « solidarité », que ce soient des tweets émis par les gens que vous suivez ou pas.

-          Widget de favoris donne accès au flux des tweets que vous avez qualifié de favoris.

-          Widget de listes permet de reprendre le flux d'une de vos listes.

A vous de choisir le flux que vous voulez suivre.

Prenons l'exemple du flux de votre profil. Cliquez tout simplement sur Widget de profil. Vous arrivez sur la page suivante :

La rubrique « Paramètres » ne renseigne que sur le nom de l'utilisateur du compte. Il est utile si vous voulez créer un widget des flux d'un autre compte Twitter que le vôtre.

Vous pouvez alors choisir de personnaliser votre widget en cliquant dans un premier temps sur « Préférences ».

-          « Sonder de nouveaux résultats » permet d'actualiser en temps réel.

-          « Inclure la barre de défilement » insère un ascenseur pour pouvoir faire défiler les tweets.

-          Réglage

o   « Charger tous les tweets » permet d'afficher tous vos tweets dans le flux. Vous pouvez choisir le nombre de tweets que vous voulez voir apparaître.

o   En cliquant sur « Charger à intervalle régulier », de nouveaux éléments apparaissent sur la page.

On vous demande alors si vous voulez que vous tweets apparaissent en boucle, à quel intervalle (en secondes) vous voulez les voir se charger, et combien de tweets à la fois, vous voulez voir apparaître ?

Enfin, les 3 derniers éléments proposent d'afficher (ou non) votre avatar, l'horodatage (c'est-à-dire la date du tweet), et les hashtags.

Pour modifier l'aspect de votre widget, cliquez sur « apparence ». Vous arrivez sur la page suivante :

Vous pouvez personnaliser les couleurs de votre widget. Chaque élément est modifiable que ce soit l'arrière-plan widget ou le texte. Voir l'exemple ci-dessous :

Enfin, la rubrique « Dimension » permet de mettre votre widget au format que vous souhaitez.

Vos réglages sont finis. Vous pouvez cliquer sur « Tester ce réglage » pour voir le rendu. Si cela vous convient, vous pouvez cliquer sur « Terminer et récupérer le Code ». Vous obtenu le code qu'il vous faut copier pour aller le coller sur votre blog.

2. Où copier votre code sur votre blog ?

-          Rendez-vous dans le backoffice de votre blog, dans « Présentation » puis « Contenu des colonnes ».

-          Allez en bas de la page et cliquez sur « Ajouter le code HTML/Javascript »

Une fenêtre s'ouvre.

-          Renseignez le titre que vous voulez donner à votre widget puis dans la partie « Contenu de l'élément », copiez le code de votre widget Twitter.

-          Enregistrer l'élément.

Puis choisissez d'ajouter dans la colonne de votre choix (à droite ou à gauche) l'élément Twitter.

-          Mettre à jour ces informations.

Votre Widget Twitter apparaît alors sur votre blog comme l'exemple ci dessous.

Vous êtes désormais un vrai pro du web 2.0 :-).