LeBlogger.com : Blogger et Blogspot

Titres et Sous-Titre dans les pages de votre Blogspot

noreply@blogger.com (Soufiane) — Mon, 09 May 2016 08:09:00 +0000

Depuis peu, Blogger a amélioré son éditeur d'articles pour nous permettre d'ajouter plus facilement des Titres, Sous-Titres et Titres secondaires dans les pages de nos blogs.

Cette nouveauté est important pour la mise en forme de vos pages mais également pour le référencement naturel de votre blog dans les moteurs de recherche (SEO).

J'avais déjà parlé dans un précédent article de comment ajouter manuellement des titres et sous-titres dans vos pages pour optimiser le référencement de votre blog, mais avec cette fonctionnalité intégrée à Blogger c'est encore plus simple à ajouter des titres compatibles avec les moteurs de recherche.

Vous devez simplement cliquer le bouton "Normal" et sélectionner le niveau que vous souhaitez.
Tout le texte, jusqu'au retour à la ligne, fera parti de votre titre.

Le "Titre" correspond à une balise HTML H2, le "Sous-Titre" est un H3 et le "Titre Secondaire" est un H4.

Bien sûr l'utilisation des titres dans vos pages ne va pas déterminer si vous occupez la 1ière ou la 100ième position dans les résultats de recherche de Google mais c'est une bonne pratique SEO que vous pouvez appliquer facilement avec Blogger :)

Vous pouvez aussi en profiter pour ajouter un code css de mise en forme spécifique pour chaque titre.

Comment supprimer un blog Blogger-Blogspot

noreply@blogger.com (Soufiane) — Thu, 04 Feb 2016 14:45:00 +0000

Je reçois beaucoup de mails ces derniers temps de personnes qui souhaitent supprimer leur blog sur la plateforme Blogger et qui ne savent pas comment le faire. Voici un tutoriel pour supprimer un blogspot.

Connexion à Blogger

Il faut que vous soyez un des admins du blog que vous voulez supprimer.

Accéder à www.blogger.com avec vos identifiants Google et cliquez sur le titre du blog que vous souhaitez supprimer.

Paramètres > Autre

Allez dans Paramètres > Autre puis cliquez sur Supprimer le blog.

Sauvegarde

En cliquant sur le lien Supprimer le blog une popin s'ouvre et vous avez la possibilité de sauvegarder votre blog (les images ne sont pas sauvegardées). Vous pouvez utiliser cette sauvegarde pour créer un nouveau blog dans Blogger ou dans une autre plateforme comme wordpress, tumblr, etc.

En cliquant sur le bouton Supprimer ce blog, vous allez supprimer votre blog et vous serez redirigés à la page d'accueil de Blogger.

Annuler la suppression

Un nouvel lien dans la colonne de gauche vous indiquera la liste des Blogs supprimés que vous pouvez restaurer dans un délai max de 90 jours avec le même contenu et le même nom avec un simple clic.

Application officielle Blogger pour iPhone

noreply@blogger.com (Soufiane) — Thu, 01 Jan 2015 09:45:00 +0000

Google a sorti son application Blogger pour iOS il y a plus de 2 ans mais je n'ai jamais réussi à l'utiliser sur mon iPhone 5 sous iOS 6 7 8 dès qu'on essaie de lancer l'application, elle se fermait automatiquement.

Maintenant avec iOS 7 8 je peux enfin utiliser cette application officielle pour "gérer tous mes blogs".

Application basique

Cette nouvelle version de l'app officielle de Blogger pour iOS est très basique :

Publier/Sauvegarder/Modifier/Voir des articles.
Ajouter des photos, des libellés et un emplacement dans les articles.
Partager les articles sur Google Plus.

Trop incomplète

La liste des fonctionnalités non supportées par l'application est très longue, voici les principaux défauts :

Pas de possibilité de mise en forme. Hormis le gras et l'italique, on ne peut pas faire autre chose.
Désormais il n'est plus possible d'ajouter des codes html dans les articles.
Aucune possibilité d'ajouter un liens dans les articles.
~~Liste des libellés absente~~
Modifier la date, l'URL...

Finalement je pense que le site web reste toujours la meilleur solution pour gérer son blog même si il faut zoomer et dézoomze et qu'il n'est pas possible d'ajouter des photos.

Qu'est ce que vous pensez de cette nouvelle version de l'application Blogger pour iOS ? Déçus ? Satisfait ?

Indisponibilité de Blogger Le 24 Janvier 2014

noreply@blogger.com (Soufiane) — Fri, 24 Jan 2014 19:46:00 +0000

Blogger est resté inaccessible le 24 Janvier 2014 pendant environ une heure entre 20h et 21h.

L'interface d'administration de blogger était inaccessible et nous ne pouvions pas accéder au tableau de bord Blogger pour faire des modifications dans nos blogs.

Gmail était également inutilisable pendant une trentaine de minutes.

Mon blog également a été inaccessible pendant 3 minutes.

Historique de l'incident retracé dans mon compte Twitter

http://t.co/3IMEKhfNlI est inaccessible en moment chez moi. Vous avez le même problème ? pic.twitter.com/dHr7YsnYOe
— Soufiane (@LeBlogger) January 24, 2014

Blogger sous iOS est aussi indisponible pic.twitter.com/z72tAgc8jq
— Soufiane (@LeBlogger) January 24, 2014

J'espère que tout le monde a sauvegardé ses données #Blogger pic.twitter.com/yLk1JfggMm
— Soufiane (@LeBlogger) January 24, 2014

Bonne nouvelle : Gmail et d'autres services Google sont inaccessibles, ce n'est pas limité à #Blogger pic.twitter.com/Zvyf67WtXV
— Soufiane (@LeBlogger) January 24, 2014

Impossible d'envoyer ou de recevoir des emails dans Gmail. Est ce que vous rencontrez le même problème ? pic.twitter.com/8SIaIzTHiU
— Soufiane (@LeBlogger) January 24, 2014

Blogger is back pic.twitter.com/ZTCkjgfi2G
— Soufiane (@LeBlogger) January 24, 2014

Ok maintenant c'est les blogs qui sont HS ! pic.twitter.com/oYcfkwpXcM
— Soufiane (@LeBlogger) January 24, 2014

5 Templates en HTML5, CSS3 et Ajax pour Blogspot

noreply@blogger.com (Soufiane) — Tue, 19 Nov 2013 00:30:00 +0000

Je vous parlais récemment de la nouvelle interface de gestion de Blogger, il y a aura aussi des nouveautés pour les blogs avec 7 templates fraiches en HTML5, CSS3 et Ajax.

Qu'est ce que c'est ?

C'est simplement des nouvelles Templates qui utilisent les technologies HTML5, CSS3 et Ajax pour afficher le contenu de votre blog de manière originale.
Voici quelques fonctionnalités :

Comme sur Twitter, plus besoin de recharger la page pour afficher un nouveau contenu. Par exemple les anciens articles sont chargés automatiquement au fur et à mesure qu'on descend vers le bas de la page.
Nouvelle technologie Javascript pour afficher les images au fur et à mesure qu'on descend vers le bas de la page.

7 magnifiques Templates

Il y a le modèle Classic, Flipcard, Mosaic, Magazine, Sidebar, Snapshot et Timeslide.
Voici ce que ça donne pour LeBlogger.com :

Voici d'autres aperçus de blogs avec beaucoup de Photos :

Vous pouvez tester les Templates sur votre blog

Pour tester ces Templates il vous faut activer les affichages dynamiques dans les paramètres Blogger et accéder à votre blog via une URL similaire à celle-ci : http://www.leblogger.com/?view=timeslide

A quoi ça sert ?

Le look de ces templates est très intéressant mais ils ne sont pas optimisés pour le référencement, donc à éviter si Google est votre principale source de visites.

Qu'est ce que vous en pensez ? N'hésitez à en discuter via les commentaires.

Article publié le 01 Avril 2011

Sites internet « fourre-tout » : quel intérêt ?

noreply@blogger.com (Soufiane) — Mon, 18 Nov 2013 15:51:00 +0000

Rédacteur web, adepte des réseaux sociaux, blogueur du dimanche, peu importe la relation que vous entretenez avec le web 2.0, il vous est certainement déjà arrivé de tomber sur des sites internet tout ce qu’il y a de plus insolite en termes de ligne éditoriale. Pour ma part, je me suis posée la question de l’intérêt des sites « fourre-tout » où l’on trouve un peu tout et n’importe quoi sur à peu près tous les sujets qui existent sur la Toile !

Un site internet qui parle de tendances déco mais qui donne aussi des conseils sur comment bien gérer son argent et s’occuper de ses animaux c’est étrange non ?

Il me semblait pourtant qu’une ligne éditoriale minutieusement définie représentait la base de la création d’un site web. Ainsi, normalement, on choisit un sujet plus ou moins large de façon claire et on construit son site internet autour de cette thématique.

Cependant il semblerait que certains ne voient pas les choses de cette façon et il semblerait que cela fonctionne. Alors, comment réussir à parler de tout ?

Définition très claire des rubriques

Même si ces sites internet un peu « fourre-tout » ne semblent pas suivre une ligne éditoriale orientée autour d’une thématique très claire, ils détiennent des catégories ainsi que des sous-catégories bien définies. Ainsi si l’on décide de parler de météo, de mode, d’animaux et d’immobilier, il est nécessaire de bien construire ces catégories et de ne pas en changer afin de ne pas perdre l’habitué de votre site internet dans sa navigation.

Apporter un contenu à valeur ajouté

Afin que l’internaute se rende sur votre site internet afin de se renseigner sur comment gérer son argent même si vous parler également des dernières tendances déco, il faut que le contenu que vous lui fournissez soit empreint d’une véritable valeur ajouté. En effet s’il s’agit de contenu léger sans véritable intérêt et loin d’être expert, les internautes risquent de rapidement déserter votre site afin de se rendre sur différents sites internet dont la ligne éditoriale est davantage spécialisée et dont le contenu est plus intéressant pour eux.

Attirer les internautes pressés et curieux

L’intérêt des sites internet un peu « fourre-tout » vient du fait qu’il satisfait tout particulièrement les internautes un peu pressés mais très curieux qui ont un peu la flemme de surfer pendant deux heures sur différents sites pour trouver les informations sur différents thèmes dont ils ont besoin. Ainsi, créer un site internet dépourvu de ligne éditoriale très précise mais qui demeure bien structuré, ergonomique, agréable à lire et fournissant du contenu expert, bien écrit et intéressant peut s’avérer une bonne idée et attirer davantage de trafic qu’on ne le pense au départ !

Un site internet « fourre-tout » c’est un peu comme un centre commercial : il y a tout ce dont vous avez besoin au même endroit. Simplement si le plan de ce centre commercial n’est pas clair et qu’on ne sait plus où aller pour trouver ce que l’on cherche ou qu’il n’y a tout simplement pas les boutiques de qualité que l’on cherche, on risque de l’abandonner et d’aller faire ses courses ailleurs. Il en va de même pour votre site web « fourre-tout » !

L'évolution des Blogs, d'un outil personnel à l'instrument professionnel

noreply@blogger.com (Soufiane) — Mon, 04 Nov 2013 08:56:00 +0000

Les blogs ont été une vraie révolution de l'internet car ils ont permis à des anonymes de s'exprimer et de pouvoir développer et partager leurs passions. Ouverture sur le monde pour certains, miroir narcissique pour d'autres, leur quantité et leur variété est telle qu'il est difficile de les ranger dans des catégories. Le terme « Blog » vient de « weblog », qui en français donne « journal sur Internet ». Et cet espace individuel d’expression a été à la base développé pour donner la parole à tout le monde, que ce soit aux particuliers, entreprises, ou encore aux associations, artistes, hommes politiques… Les profils sont infinis.

Les types de blogs les plus communs vont être ceux rattachés aux médias, aux sports, et aux informations (plutôt tenus par des hommes), et des blogs de cuisine et mode (de ce côté les blogueuses sont plus nombreuses), mais on peut retrouver des blogs présentants le quotidien d'un avocat, des carnets de voyages ou des journaux de bord... On peut même carrément tomber dans la démesure, avec des blogs qui vont permettre à des personnes en situation de détresse sociale de s'exprimer sur la toile. Malheureusement, comme avec l'exemple du blog dédié à François Fillion, les blogueurs trop enfermés dans leur univers deviennent la risée du net et leur blog font le tour des réseaux sociaux, mais pas pour les bonnes raisons.

Une petite perle extraite du blog de Dominique Cécile

Devant l’engouement grandissant des internautes, certains blogueurs trouvent des partenariats et des sponsors, pour par exemple faire des concours ou des tests, c'est une pratique très répandue par exemple sur les blogs mode et beauté. Les blogueuses arrivent à gagner un bon salaire tout les mois grâce à la pratique de leur blog et aux nombreuses personnes qui le suivent. Et c'est sur ces bases que le blog professionnel à fait son apparition. Facile d'utilisation (pas besoin d'être informaticien), gratuit pour certains, contenu visible instantanément, renforcement de la notion de contact avec la possibilité de laisser des commentaires... Autant de points positifs pour une entreprise qui cherche à communiquer et à se développer. Mais plus important, lorsque le blog est correctement paramétré et référencé, on constante une forte augmentation de l'audience due à la création de liens indexés sur les moteurs de recherche. Il reste tout de même à prendre en compte le retour sur investissement d'un coût de production, la ligne éditoriale et sa créativité ou sa simplicité, et tous les facteurs qui permettent d'atteindre une communication web efficace. Ce n'est pas parce qu'un blog est accessible à tous qu'il sera de qualité partout.

Un exemple d'un blog cuisine, on voit clairement la ligne éditoriale, du rose, un logo gourmand, une typo « fait maison »...

Aujourd'hui de nombreuses entreprises de différentes échelles ont choisies ce mode de communication, et ce n'est pas seulement une stratégie marketing. Le blog permet réellement de générer une communauté qui partage ses opinions et ses retours par rapport à des produits, des concepts, ou encore des passions. Prenons l'exemple du poker. C'est un jeu qui s'est beaucoup développé ces dernières années grâce à l'ouverture de nombreux sites de poker en ligne. Le nombre de joueur est tel que de nombreuses applications on été créées pour leur permettre de vivre leur passion au mieux et des blog, comme celui du PokerStars, permettent aux passionnés ou aux personnes curieuses de suivre l'actualité, de regarder des parties de poker, d'apprendre et développer ses stratégies...On ne cherche pas via le blog professionnel à vendre un produit mais à développer une autre corde à son arc en fidélisant l'internaute et en lui permettant d'échanger sur un sujet qui le touche et qui l'intéresse.

La page d'accueil du blog PokerStars, leader mondial du poker en ligne.

Le blog professionnel ou « corporate » est donc bel et bien un outil indispensable aujourd'hui pour augmenter sa visibilité et vivre dans son temps.

Publication automatique des articles de votre blog dans Google+

noreply@blogger.com (Soufiane) — Fri, 20 Sep 2013 20:34:00 +0000

Depuis quelques jours, les articles que vous publiez dans votre blogspot sont partagés automatiquement sur Google+ (sous réserve d'avoir activer l'association entre vos comptes Blogger et Google Plus).

Pour désactiver cette option il faut cliquer sur le lien Google+ dans le menu verticale de gauche ensuite décocher la case Partager automatiquement après publication.

En effectuant cette opération, vous pouvez ensuite cocher la case Inviter à partager après la publication pour partager les articles manuellement après chaque publication dans le blog.

Vous pouvez également sélectionner une "page Google+" où seront partagés les articles si vous ne voulez pas qu'ils apparaissent sur votre profil.

Comment sauvegarder les images de votre Blog Blogger

noreply@blogger.com (Soufiane) — Fri, 30 Aug 2013 09:55:00 +0000

Dans ce tutoriel je vais vous montrer comment sauvegarder les images de votre blog sur votre disque dur pour pouvoir les restaurer et les réutiliser si nécessaire.

Récemment j'ai eu un problème avec les images d'un blog que je gère et comme je n'avais pas de sauvegarde des photos, il a fallut modifier manuellement les articles, un-par-un !

Comment Blogger gère les images

La création d'un blog sous Blogger engendre la création d'un album photo sur Picasa (service de partage de photos de Google).

A chaque fois que vous ajoutez une photo dans ce blog, cette photo est hébergée dans l'album Picasa du blog.

Si une photo est supprimée de cet album Picasa, elle disparait du blog et les visiteurs verront un message d'erreur comme sur cet exemple :

Malheureusement il est très facile de supprimer des photos et même des albums sur Picasa, notamment via un téléphone Android.

Comment sauvegarder les photos

Pour sauvegarder les photos d'un blog, il faut régulièrement télécharger l'album Picasa du blog.

Donc pour télécharger l'album Picasa :

Allez dans Google+
Cliquez sur Photos puis Albums
Cliquez sur l'album qui porte le nom de votre blog
Dans le menu horizontal de droite, cliquez sur More puis Download Album

Voilà vous venez de télécharger une archive de votre album Picasa qui contient toutes les photos de votre blog.

Nouveau widget Formulaire de contact

noreply@blogger.com (Soufiane) — Fri, 31 May 2013 11:29:00 +0000

Blogger vient de sortir un nouveau widget intitulé "Formulaire de contact" qui nous permet d'ajouter un simple petit formulaire de contact dans la sidebar ou le footer de notre blog.

Cette fonctionnalité manquait cruellement à Blogger et il fallait utiliser des services externes pas toujours fiables.

Maintenant vous pouvez ajouter un formulaire très facilement en allant dans : Mise en page -> Ajouter un gadget -> Plus de gadgets et Formulaire de contact

Les visiteurs peuvent saisir un nom, une adresse email et un message puis cliquer sur le bouton bleu Envoyer pour vous contacter.

Le formulaire est envoyé à toutes les adresses emails des admins du blogspot.

Je vous parlerais prochainement d'une méthode pour créer une page de contact à l'aide de ce widget. Voici une démo : Contact Blog FeedBox

Un nom de domaine personnel pour votre Blog Blogger

noreply@blogger.com (Soufiane) — Thu, 11 Apr 2013 13:47:00 +0000

J’ai réalisé ici un tutoriel pour vous aider à configurer votre nom de domaine personnel (acheté chez 1and1) avec un blog Blogger. Dans la suite de l’article le mot "domaine" désigne (à titre d’exemple) le site LeBlogger.com et le "sous-domaine" désigne www.LeBlogger.com.

Le nom de domaine coûte environ 7 euro par an et vous avez droit à 10 sous-domaine gratuits. Donc en achetant un nom de domaine vous pouvez créer 10 blogs Blogger avec des noms de domaines personnels comme : www.leblogger.com, forum.leblogger.com et blog.leblogger.com ….

Avec Blogger, vous ne pouvez enregistrer que des sous-domaines. Mais vous pouvez facilement rediriger votre domaine vers votre sous-domaine en utilisant une redirection http dans 1and1 (donc sans effets secondaires sur le référencement). Ainsi vous aurez trois URLs qui pointent vert le même contenu : l’adresse blogspot, le domaine et le sous-domaine.

Configuration du compte 1and1

Inscrivez vous et acheter votre nom de domaine chez 1and1. Il faut environ 24 heures pour que le NDD soit opérationnel. Par la suite vous allez recevoir un email avec votre facture en PDF qui prouve que vous être le propriétaire du domaine. 1and1 débitera votre compte bancaire dans les 7 jours.

Allez dans votre compte 1and1 (gestion du pack) section Configuration des domaines. Sélectionnez votre nom de domaine et cliquez sur Nouveau / créer un sous domaine.
Ajouter seulement WWW et enregistrer.
Revenez dans Configuration des domaines sélectionnez votre domaine et cliquez sur Destination / Modifier la destination.

Dans "Destination" choisissez "Rediriger votre domaine". Dans "Adresse de redirection" entrerz l'URL de votre sous-domaine (Exemple : http://www.leblogger.com) et cochez "Redirection HTTP".

Le changement de destination des domaines et sous-domaines prend effet dans moins de 30 minutes

Revenez dans votre compte webmaster et selectionez votre sous-domaine et cliquer sur DNS / Modifier les paramètres DNS, cocher la case CNAME et à coté de Alias* ajoutez : ghs.google.com Enregistrez.
(le changement des paramètres DNS prend effet dans quelques heures à une journée au maximum).

La configuration de votre compte 1and1 est terminée.

Configuration de votre compte Blogger

Connectez vous à Blogger et aller dans Paramètre -> Basique -> Edition Domaine personnalisé/ Basculer vers les paramètres avancés. Entrez votre sous-domaine ( www.leblogger.com par exemple) et enregistrez.

Vous aurez immédiatement le message « Félicitations, votre blog est prêt ! » Maintenant votre Blogspot va être redirigé automatiquement vers votre domaine personnel.

Toutes les URLs (articles, pages, libellés etc) vont automatiquement être mises à jour.

La dernière chose à faire est de choisir votre domaine favori dans Google Webmaster Tools, c'est-à-dire le domaine qui va s’afficher dans les recherches Google : "www.leblogger.com" ou bien "leblogger.com". Il est indispensable de faire ce choix si non Google va considérer que ces deux sites sont totalement différents.
Cliquez ici pour vous inscrire chez 1and1.

Problème redirection vers lewordpress.com

noreply@blogger.com (Soufiane) — Thu, 28 Feb 2013 22:18:00 +0000

Suivez ce tutoriel pour rendre votre blog accessible si vous êtes redirigé automatiquement vers lewordpress.com lorsque vous visualisez votre Blogspot ou quand vous allez dans l'interface Blogger ???

Ce problème arrive si vous utilisez un script hébergé sur le site lewordpress.com (notamment mon ancien code pour afficher des résumés avec des images). Le NDD a été racheté par quelqu'un de malhonnête qui redirige les visiteurs vers son site par du JavaScript.

Procédure pour se débarrasser de lewordpress.com

Vous devez enlever de votre blog l'appel au script hébergé chez lewordpress.com
Allez dans l'interface d'administration de Blogger et cliquez sur Modèle. Normalement vous ne pouvez rien faire sur cette page puisque vous êtes redirigé automatiquement vers lewordpress.com

Pour rester sur cette page, suivez la procédure décrite ici : UNE SOLUTION POUR RÉSOUDRE LES BUGS D’ÉDITION DE TEMPLATE SOUS BLOGGER

Donc une fois cette opération réussie (si vous avez des difficultés n'hésitez pas à me laisser un commentaire), vous pouvez modifier le code de votre blog en cliquant sur le bouton Modifier le code HTML .

Maintenant, avec les touches ctrl+F, il suffit de rechercher lewordpress.com/Blogger/JS/ et le remplacer par blogspot.leblogger.com/js/

Sauvegarder et normalement vous ne devez plus avoir de problèmes.

Si votre blog est toujours indisponible, alors le problème vient des widgtes.
Il faut désactiver un par un les widgets suivants :

Articles récents avec image
Articles populaires
Commentaires récents
Articles aléatoire
etc

Bien sur pour faire cela, il faut aller dans Mise en Page

N'hésitez pas à laisser un commentaire en dessous si vous avez des questions...

Résumé automatique avec image de vos articles dans la page d’accueil, des archives et des libellés

noreply@blogger.com (Soufiane) — Thu, 06 Dec 2012 10:08:00 +0000

Aujourd’hui je vais vous montrer comment afficher un résumé avec image de vos articles dans la page d’accueil, des archives, des libellés et de recherche. Tout cela sera fait de manière totalement automatisé, c'est-à-dire que vous allez appliquer l’astuce et vos articles (anciens et nouveaux) seront résumés sans que vous n'ayez à les modifier.

~~J’utilise cette astuce depuis la création de mon blog et~~ voici un aperçu de ce que ça donne :

Mise à jour 4 --- 15 Janvier 2013

Changement d'hébergement.

Les avantages

-Tous vos articles sont résumés automatiquement.
-La première image est affichée dans le résumé automatiquement.
-Les articles dans Les pages d’Archives, de Libellés et les résultats des recherches internes sont automatiquement résumés.
-Deux copier/coller suffisent pour appliquer cette astuce.
-Vous choisissez la longueur du résumé et la taille des images.

Inconvénients

-Le seul point négatif de cette astuce est que les résumés perdent toute la mise en forme.
Mais lorsque vous cliquez sur « lire la suite » l’article est affiché normalement.

-Les images sont déformée si leur taille est trop différente de la taille définie par défaut pour les résumés.

Cette astuce est parfaite pour les blogs qui utilisent peu (ou pas) d’images dans les articles.
Elle est surtout pratique pour tout ceux (y compris moi) qui veulent résumer leur articles sans trop se prendre la tête en utilisant ~~la méthode classique~~ le bouton de résumé de Blogger.
J’utilise toujours des images de même dimension (128x128) et une longueur de texte équivalente, ce qui donne un look Pro et assez beau à la page d’accueil.

Installation - Étape 1 :

Comme je l’ai dit en haut, deux petits copier/coller suffisent pour utiliser cette astuce. La preuve :
Connectez vous à Blogger, Allez dans "Présentation", "Modifier le code HTML", cochez la case "Développer des modèles de gadgets", et recherchez (Ctrl + F) </head> et juste avant copier/coller ces lignes:

<script type='text/javascript'>var thumbnail_mode = "no-float" ;
summary_noimg = 300;        /* Longueur des des résumés,article sans image */
summary_img = 250;           /* Longueur des des résumés, article avec image */
img_thumb_height = 128;       /* Hauteur de l’image dans le résumé */
img_thumb_width = 128;       /* Largeur de l’image en pixel */
</script>
<script src='http://blogspot.leblogger.com/js/LireLaSuite0.js' type='text/javascript'/>

Pour afficher l'image du résumé à droite

Utilisez plutôt ce code juste avant </head>

<script type='text/javascript'>var thumbnail_mode = "no-float" ;
summary_noimg = 300;        /* Longueur des des résumés,article sans image */
summary_img = 250;           /* Longueur des des résumés, article avec image */
img_thumb_height = 128;       /* Hauteur de l’image dans le résumé */
img_thumb_width = 128;       /* Largeur de l’image en pixel */
</script>
<script src='http://blogspot.leblogger.com/js/LireLaSuiteDroite0.js' type='text/javascript'/>

Pour Centrer l'image du résumé

Pour afficher le résumé avec l'image au centre (taille réelle de l'image, comme affichée dans l'article non résumé) et le texte du résumé juste en dessous de cette image, copier/coller ce code avant </head> :

<script type='text/javascript'>var thumbnail_mode = "no-float" ;
summary_noimg = 300; /* Longueur des des résumés,article sans image */
summary_img = 250; /* Longueur des des résumés, article avec image */
</script>
<script src='http://blogspot.leblogger.com/js/LireLaSuiteCentre0.js' type='text/javascript'/>

Installation - Étape 2 :

Maintenant, recherchez <data:post.body/> et remplacez le par ces lignes:

<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
<b:else/>
<div expr:id='"summary" + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script> <div style='clear: both;'/><span style='float:right;padding-top:20px;'><a expr:href='data:post.url' rel='bookmark'> Lire La Suite...</a></span>
</b:if>
</b:if>

Vous pouvez utiliser une image au lieu de l'expression Lire La suite... en la remplaçant par :

<img src="URL de votre image" title="Lire La Suite" alt="Lire La Suite">

Maintenant les messages de votre page d’accueil, archives, libellés et de recherche sont résumés avec une image et le lien Lire la suite...

Remarque

Si vous voulez contrôler la taille (Message par message) et la mise en forme des résumés il faut utiliser ~~la méthode classique et résumer les articles un par un en suivant ce tutoriel.~~ la nouvelle fonction de résumé de Blogger.

Les Nouveaux services que proposent les Réseaux Sociaux

noreply@blogger.com (Soufiane) — Tue, 20 Nov 2012 18:33:00 +0000

Apparus depuis maintenant un peu plus de 10 ans, les réseaux sociaux ont réussi à s’inscrire dans notre environnement. En effet à la vue de leurs succès, les réseaux sociaux et surtout Facebook sont désormais bien plus que de lieux virtuels de partage mais sont réellement devenus des services qui deviendront pratiquement aussi importants que les transports et les télécommunications. De plus depuis 2010, on a également assisté à un développement rapide du nombre de réseaux sociaux qui se veulent désormais plus spécialisé en proposant des services précis.

On a assisté au début du 21 ème siècle à l’avènement des réseaux sociaux qui ont rapidement connu un succès planétaire. Facebook a récemment dépassé le nombre du milliard d’utilisateur et s’affirme comme étant le géant du média social.

Selon une étude de la SNCD en 2012 sur plus de 10 934 personnes, représentatif des internautes inscrits à au moins un réseau social, Facebook est ainsi le réseau social le plus utilisé par les Français qui sont plus de 95% des socionautes à posséder un compte. De plus le réseau social développé par Mark Zuckerberg est le réseau social le plus utilisé, avec une moyenne d’utilisation de 68 minutes par jour contre 42 minutes pour Twitter par exemple. C’est donc une certitude, Facebook et les réseaux sociaux en général sont amenés à avoir un rôle de plus en plus important dans notre vie de tous les jours. Pour continuer à se développer, ils cherchent avant tout à proposer des nouveaux services pour se différencier et avoir toujours plus de membres. On assiste donc à l’émergence de plusieurs réseaux sociaux qui tentent de se spécialiser pour être des réseaux affinitaires et spécialisé.

Parmi les nouveaux réseaux sociaux, on peut citer les cas de Pinterest, Pheed, Diaspora, WeeMove ou encore Fancy qui tentent de proposer des services innovants pour se démarquer des plus grands réseaux sociaux.

Ainsi Pinterest a misé sur le partage des centres d’intérêts à partir de ce qui se trouve déjà sur internet pour s’affirmer «étant le troisième réseau social le plus populaire. Sa particularité réside donc dans le partage de contenu existant sur internet faisant de Pinterest un important pourvoyeur de trafic.
Preuve de sa popularité, les internautes passent plus de 2H30 par mois sur ce réseau.

Derrière Pinterest, on retrouve des réseaux largement moins connus mais qui méritent l’exposition grâce aux concepts innovants qu’ils proposent.
C’est par exemple le cas de Pheed qui a mis en place un système monétisé de l’information pour se différencier. Ce réseau social peut en effet s’apparenter à un Twitter Payant. Il mise donc sur la monétisation des contenus qui auront la garanti d’être exclusif pour les membres ayant un abonnement et pouvant donc suivre l’actualité de personnalités présente sur ce réseau (David Guetta).

On peut également citer Diaspora qui mise sur la sécurité et la confidentialité des contenus des utilisateurs en proposant un service d’archivage des publications sur les postes des membres assurant ainsi une totale décentralisation du système.

Enfin WeeMove se spécialise plus dans le partage d’évènements qui permet aux internautes de pouvoir faire connaissance entre eux.

Les réseaux sociaux ont réussi à occuper une place importante dans notre environnement. Ils sont devenus pratiquement indispensables dans beaucoup de domaines. Pour continuer à se développer, ils cherchent désormais à proposer des services toujours plus innovants.

Statistiques Blogger vs Statistiques Google Analytics

noreply@blogger.com (Soufiane) — Mon, 29 Oct 2012 15:23:00 +0000

Cela fait plus de deux ans que Blogger offre des statistiques sur la fréquentation des Blogspots sans avoir à installer ou modifier quoi que ce soit, la fonctionnalité est intégrée à la plateforme.
Malheureusement cette option est toujours insuffisante pour la majorité d'entre nous et tout le monde devrait utiliser Google Analytics à la place.

Blogger à traduit l'interface en Français (pendant plus d'un an elle était en Anglais) et le look est vraiment sympa mais il y a pleins de statistiques qui manquent par rapport à Google Analytics.
Voici une petite liste :

Statistiques erronées : J'ai reçu +300.000 à partir de cette adresse : http://query.us.kikin.com/query-server/K/Query/?ksu=http%3A//www.init.com/&returnType=html !!!
Les statistiques de Blogger sont supérieures de 40% à celles de Google Analytics.
Statistiques pour les pages vue uniquement : Oui Blogger ne connait que les pages vues et ne prend pas en compte les "visiteurs", de ce fait on n'a pas accès à un tas de statistiques indispensables.
Nombre de visiteurs : vous pouvez avoir 100 pages vues par jour et avoir un seul visiteur.
Visiteurs connus : ce visiteur peut être le même que celui qui a visualisé les 200 pages hier.
Pages vues par visite : nombre total de pages vues par le nombre de visiteurs.
Temps par visite : le temps que passe un visiteur sur votre blog.
Taux de rebond : le pourcentage de personnes qui quittent le site après la première visite.
Statistiques d'une période précise : On ne peut pas avoir les statistiques de Juin 2012 ou celles du 27 Octobre 2012.

La liste est bien sûr beaucoup plus longue mais ces éléments devraient obliger tout le monde à utiliser Google Analytics.

Alors est ce que vous êtes un fan des statistiques Blogger ?

Adieu vieux Blogger

noreply@blogger.com (Soufiane) — Fri, 12 Oct 2012 07:52:00 +0000

Blogger a définitivement tourné la page de l'ancienne interface qui datait quand même de 2004 et désormais depuis quelques semaines tout le monde est obligé d'utiliser la nouvelle interface "moderne" mais que beaucoup d'utilisateurs trouvent moins intuitive.

Même moi j'ai du mal à me motiver pour utiliser cette interface notamment pour modifier le code HTML du blog qui n'a pas changé depuis plusieurs mois :-(

Soufiane LeBlogger is back

noreply@blogger.com (Soufiane) — Thu, 23 Aug 2012 09:09:00 +0000

Salut tout le monde. Ces dernières semaines j'ai été trop occupé avec des projets personnels et professionnels et je n'ai pas eu beaucoup de temps à consacrer à LeBlogger.com
Cela va bientôt changer et je compte recommencer à publier de nouveaux tutoriels et astuces pour vous aider à améliorer vos Blogspots :)

Comme vous l'avez certainement remarqué, mon ancien serveur de photos et scripts est mort et je commence petit à petit à mettre à jour les anciens articles avec du code qui fonctionne.

Donc si vous utilisez un de mes anciens widgets qui ne fonctionne plus, il suffit d'aller à l'adresse de l'article et de recopier le code une nouvelle fois.
Voici une liste non exhaustive des articles que je viens de mettre à jour:

Vous pouvez toujours me contacter si vous avez des questions ou remarques

Widget Articles Récents avec Image

noreply@blogger.com (Soufiane) — Wed, 22 Aug 2012 14:36:00 +0000

Aujourd’hui je vous présente un des meilleurs widgets du blog: Un widget qui affiche les Articles Récents avec une image.

Ce widget utilise le même code que celui de l’ancien widget des articles récents publié il y a quelque temps sauf qu’il affiche, en plus du titre de l’article, une image (la première image de l’article) mais égalament le résumé et le nombre de commentaires.

Update Novembre 2012

Mon serveur où j'hébergeais le script en dessous a été bloqué par mon hébergeur parce qu'il utilise trop de ressources.
J'ai corrigé le problème et désormais rien n'est hébergé sur mon serveur et vous allez ajouter la totalité du code dans votre blog.
Il faut donc mettre à jour le code présent dans votre blog...

Installation

Connectez vous à Blogger, Allez dans "Mise en page", cliquez sur "Ajouter un gadget" puis sur "HTML/JavaScript" et copier / coller le code suivant :

<script language="JavaScript">
imgr = new Array();
showRandomImg = true;
boxwidth = 360;
cellspacing = 2;
borderColor = "#FFF";
bgTD = "#000000";
thumbwidth = 32;
thumbheight = 32;
fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";
text = "Commentaires";
showPostDate = false;
summaryPost = 40;
summaryFontsize = 10;
summaryColor = "#666";
icon2 = " ";
numposts = 7;
home_page = "http://www.leblogger.com/";
</script> <script type="text/javascript">function removeHtmlTag(strx,chop){if(strx.indexOf("<")!=-1){var s=strx.split("<");for(var i=0;i<s.length;i++){if(s[i].indexOf(">")!=-1){s[i]=s[i].substring(s[i].indexOf(">")+1,s[i].length);}}strx=s.join("");}chop=(chop<strx.length-1)?chop:strx.length-2;while(strx.charAt(chop-1)!=' '&&strx.indexOf(' ',chop)!=-1)chop++;strx=strx.substring(0,chop-1);return strx+'...';}function showrecentposts(json){document.write('<table width="'+boxwidth+'" border=0 bordercolor="#FF0000" align="left" cellspacing="'+cellspacing+'" bgcolor="'+borderColor+'">');j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var pcm;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break;}}for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){pcm=entry.link[k].title.split(" ")[0];break;}}if("content"in entry){var postcontent=entry.content.$t;}else if("summary"in entry){var postcontent=entry.summary.$t;}else var postcontent="";postdate=entry.published.$t;if(j>imgr.length-1)j=0;img[i]=imgr[j];s=postcontent;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!=""))img[i]=d;cmtext=(text!='no')?'<i><font color="'+acolor+'">('+pcm+' '+text+')</font></i>':'';var month=[1,2,3,4,5,6,7,8,9,10,11,12];var month2=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];var day=postdate.split("-")[2].substring(0,2);var m=postdate.split("-")[1];var y=postdate.split("-")[0];for(var u2=0;u2<month.length;u2++){if(parseInt(m)==month[u2]){m=month2[u2];break;}}var daystr=(showPostDate)?'<i><font color="'+acolor+'"> - ('+day+' '+m+' '+y+')</font></i>':"";posttitle=(aBold)?"<b>"+posttitle+"</b>":posttitle;var trtd='<tr><td><img src="'+img[i]+'" width="'+thumbwidth+'" height="'+thumbheight+'"/></td><td style="font-size: 12px;">'+icon+'<a href="'+posturl+'">'+posttitle+'</a> - <span style="font-size: 9px; color: #616161;'+cmtext+' </span></td></tr>';if(summaryPost==0){trtd='<tr><td><img src="'+img[i]+'" width="'+thumbwidth+'" height="'+thumbheight+'"/></td><td>'+icon+'<a href="'+posturl+'">'+posttitle+'</a></td></tr>';}document.write(trtd);j++;}document.write('</table>');}document.write("<script src=\""+home_page+"feeds/posts/default?max-results="+numposts+"&orderby=published&alt=json-in-script&callback=showrecentposts\"><\/script>");</script>

Personnalisation

boxwidth – Largueur du Widget
cellspacing – Espace entre les Titres
borderColor – couleur de la bordure du widget
borderColor - couleur de l'arrière plan
thumbwidth & thumbheight – largeur et longueur de l’image.
fntsize – Taille du texte.

acolor – Couleur des Titres
aBold - Texte gras (true ou false)
numposts – Nombre d’articles affiché
Blog_URL : l’adresse de votre blog

Traducteur avec drapeaux pour 51 langues (Blogger, over-blog et Canalblog)

noreply@blogger.com (Soufiane) — Sat, 11 Aug 2012 10:18:00 +0000

Voici un widget qui va permettre à vos visiteurs de traduire les pages de votre blog (blogger, over-blog, canalblog, etc) dans leur langue.
Il va traduire tous le contenu de votre blog (articles, widget, commentaires, etc) juste en cliquant sur le drapeau de la langue (pays) du français vers cette langue.

Update Novembre 2012

Si les drapeaux ne s'affichent plus, il suffit de remplacer le code présent dans votre blog par le code mis-à-jour en dessous.
Le précedent serveur est mort et j'ai hébergé les photos dans un nouveau serveur plus performant.

Ce widget utilise le "nouveau" système de traduction de Google et il peut traduire les pages de votre blog ou site en 44 langues différentes : Afrikaans, Albanais, Allemand, Anglais, Arabe, Biélorusse, Bulgare, Catalan, Chinois, Coréen, Croate, Danois, Espagnol, Estonien, Finnois, Français, Galicien, Gallois, Grec, Hébreu, Hindi, Hongrois, Indonésien, Irlandais, Islandais, Italien, Japonais, Letton, Lituanien, Macédonien, Malaisien, Maltais, Néerlandais, Norvégien, Persan, Polonais, Portugais, Roumain, Russe, Serbe, Slovaque, Slovène, Suédois, Swahili, Tagalog, Tchèque, Thaï, Turc, Ukrainien, Vietnamien et Yiddish.
Impressionnant, n’est ce pas !

Ici je ne présente que les langues suivantes : Anglais (Américain), Espagnol, Italien, Allemand, Portugais, Suédois, Danois, Russe, Arabe, Chinois, Japonais, Coréen, Serbe, Néerlandais, Finnois, Polonais et Turc.

Démonstration

Cliquez sur un drapeau pour traduire cette page:

Si vous voulez ajouter d’autres langues (Parmi les 51 langues supportés), il suffit de laisser un commentaire dans cette page et je vous donnerais le code à ajouter au widget pour avoir la traduction dans cette langue.

Configuration

Il faut juste copier-coller le code en dessous à l'endroit où vous voullez afficher les drapeaux de traduction, par exemple vous pouvez les ajouter dans un widget Blogger.

<div style="text-align:center;"><a href='http://www.leblogger.com' style='display:none;'>blogger</a><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cen&hl=fr&ie=UTF8'); return false;" title="American"><img style="cursor:pointer; cursor:hand;" alt="English" src="http://4.bp.blogspot.com/-uiwXsDxC_t4/UKFufNZaWVI/AAAAAAAAFwk/D4tYfwyIeAA/s1600/usa.png" title="Translate this page to American"/></a><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cen&hl=fr&ie=UTF8'); return false;" title="English"><img style="cursor:pointer; cursor:hand;" alt="English" src="http://3.bp.blogspot.com/-l5ng_hD4OYU/UKFuUcP1VEI/AAAAAAAAFu0/kzW7iWqL0pc/s1600/england.png" title="Translate this page to English"/></a><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Ces&hl=fr&ie=UTF8'); return false;"><img style="cursor:pointer; cursor:hand;" alt="español" src="http://3.bp.blogspot.com/-WiG7rk8kdzw/UKFuVKH5XDI/AAAAAAAAFu8/Zlk1JkCOfuQ/s1600/espagne.png" title="traducir esta página al español"/></a><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cit&hl=fr&ie=UTF8'); return false;"><img style="cursor:pointer; cursor:hand;" alt="Italiano" src="http://2.bp.blogspot.com/-dZJZcc6ZksQ/UKFuXgvrH6I/AAAAAAAAFvc/dRCAk-JQX2Y/s1600/italie.png" title="Traduci questa pagina in Italiano"/></a><a href='http://www.leblogger.com' style='display:none;'>blogger</a><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cde&hl=fr&ie=UTF8'); return false;"><img style="cursor:pointer; cursor:hand;" alt="deutsch" src="http://4.bp.blogspot.com/-cv4kiuVjQYI/UKFuQQSTZLI/AAAAAAAAFuQ/O_4vGF3rrIU/s1600/allemagne.png" title="diese Seite auf deutsch"/></a><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cpt&hl=fr&ie=UTF8'); return false;"><img style="cursor:pointer; cursor:hand;" alt="Português" src="http://4.bp.blogspot.com/-yJymUJWhkas/UKFubVoJ6BI/AAAAAAAAFwA/BvQweUR5m8k/s1600/portugal.png" title="Traduzir esta página em Português"/></a><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cda&hl=fr&ie=UTF8'); return false;"><img style="cursor:pointer; cursor:hand;" alt="
Oversæt denne side til dansk" src="http://1.bp.blogspot.com/-jbjGTXcIhkc/UKFuTk1GB0I/AAAAAAAAFuw/H7P03cbplc8/s1600/danemark.png" title="Dansk"/></a><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Csv&hl=fr&ie=UTF8'); return false;"><img style="cursor:pointer; cursor:hand;" alt="Översätt webbplatsen på svenska" src="http://4.bp.blogspot.com/-avEW4VpOGd0/UKFud6Tip8I/AAAAAAAAFwY/iVjgcqsVAjw/s1600/suede.png" title="Översätt webbplatsen på svenska"/></a><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Car&hl=fr&ie=UTF8'); return false;"><img style="cursor:pointer; cursor:hand;" alt="العربية" src="http://3.bp.blogspot.com/-mlrMBmuEmBQ/UKFuRAEv3cI/AAAAAAAAFuU/7OoSAbY0m-s/s1600/arabie.png" title="ترجمة هذه الصفحة إلى العربية"/></a><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Czh-CN&hl=fr&ie=UTF8'); return false;"><img style="cursor:pointer; cursor:hand;" alt="中文" src="http://2.bp.blogspot.com/-c2DUh1wkaZE/UKFuR9oRJoI/AAAAAAAAFuc/hhPVlcjOAeo/s1600/chine.png" title="翻译此页成中文"/></a><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cru&hl=fr&ie=UTF8'); return false;"><img style="cursor:pointer; cursor:hand;" alt="Русский" src="http://4.bp.blogspot.com/-ow-oVcIG49U/UKFuccOl9qI/AAAAAAAAFwE/x6KXJPl05xM/s1600/russie.png" title="Перевести эту страницу на русский"/></a><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cja&hl=fr&ie=UTF8'); return false;"><img style="cursor:pointer; cursor:hand;" alt="日本語" src="http://2.bp.blogspot.com/-yZHFbCJV3h0/UKFuYtUumSI/AAAAAAAAFvo/mqiSYFm1J-Q/s1600/japon.png" title="このページを日本語に翻訳"/></a><a href='http://www.leblogger.com' style='display:none;'>blogger</a><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cko&hl=fr&ie=UTF8'); return false;"><img style="cursor:pointer; cursor:hand;" alt="한국어" src="http://1.bp.blogspot.com/-LvbsQ3MnZu8/UKFuSZIhHiI/AAAAAAAAFuo/689K-ZqAk5Y/s1600/core.png" title="이 페이지 번역가 한국"/></a><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=fr%7Csr&hl=fr&ie=UTF8'); return false;" title="English"><img style="cursor:pointer; cursor:hand;" alt="Српски" src="http://3.bp.blogspot.com/-6lTJ1D2yBvE/UKFudGVCpiI/AAAAAAAAFwQ/HKb5qxoKHn8/s1600/serbie.png" title="
Транслате тхис паге ин Сербиан"/></a><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cnl&hl=fr&ie=UTF8'); return false;"><img style="cursor:pointer; cursor:hand;" alt="Nederlands" src="http://3.bp.blogspot.com/-3dC8eAi_8lo/UKFuZsTpEiI/AAAAAAAAFvw/rf0gHaOKQPA/s1600/paysbas.png" title="Vertaal deze pagina in het Nederlands"/><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cfi&hl=fr&ie=UTF8'); return false;"><img style="cursor:pointer; cursor:hand;" alt="Suomen" src="http://1.bp.blogspot.com/-diu5uE1A0Ws/UKFuV-xIwqI/AAAAAAAAFvE/CEWNfkISl-w/s1600/finland.png" title="Käännä tämä sivu osaksi Suomen"/></a></a><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Ctr&hl=fr&ie=UTF8'); return false;"><img style="cursor:pointer; cursor:hand;" alt="Türkçe" src="http://4.bp.blogspot.com/-c49VbmfkC6g/UKFuevKMloI/AAAAAAAAFwc/wr1xhn2oJzM/s1600/turkey.png" title="Çevirisini Bu sayfa türk"/></a><a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cpl&hl=fr&ie=UTF8'); return false;"><img style="cursor:pointer; cursor:hand;" alt="Polska" src="http://3.bp.blogspot.com/-yJaph5KW2OY/UKFuaVqStSI/AAAAAAAAFv4/dtNZeJ3_Vqw/s1600/poland.png" title="Przetłumacz tę stronę na język Polski"/></a><div style="font-size: x-small; text-align: center;"><a href="http://www.leblogger.com/2009/07/traducteur-blogger-drapeau-widget.html" target="_blank">Le </a><a href="http://www.leblogger.com/" target="_blank">Blogger</a></div></div>

Si vous ne voulez pas utiliser tous les drapeaux:

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cen&hl=fr&ie=UTF8'); return false;" title="American"><img style="cursor:pointer; cursor:hand;" alt="English" src="http://4.bp.blogspot.com/-uiwXsDxC_t4/UKFufNZaWVI/AAAAAAAAFwk/D4tYfwyIeAA/s1600/usa.png" title="Translate this page to American"/></a><a href='http://www.leblogger.com' style='display:none;'>blogger</a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cen&hl=fr&ie=UTF8'); return false;" title="English"><img style="cursor:pointer; cursor:hand;" alt="English" src="http://3.bp.blogspot.com/-l5ng_hD4OYU/UKFuUcP1VEI/AAAAAAAAFu0/kzW7iWqL0pc/s1600/england.png" title="Translate this page to English"/></a><a href='http://www.leblogger.com' style='display:none;'>blogger</a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Ces&hl=fr&ie=UTF8'); return false;"><img style="cursor:pointer; cursor:hand;" alt="español" src="http://3.bp.blogspot.com/-WiG7rk8kdzw/UKFuVKH5XDI/AAAAAAAAFu8/Zlk1JkCOfuQ/s1600/espagne.png" title="traducir esta página al español"/></a><a href='http://www.leblogger.com' style='display:none;'>blogger</a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cit&hl=fr&ie=UTF8'); return false;"><img style="cursor:pointer; cursor:hand;" alt="Italiano" src="http://2.bp.blogspot.com/-dZJZcc6ZksQ/UKFuXgvrH6I/AAAAAAAAFvc/dRCAk-JQX2Y/s1600/italie.png" title="Traduci questa pagina in Italiano"/></a><a href='http://www.leblogger.com' style='display:none;'>blogger</a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Cde&hl=fr&ie=UTF8'); return false;"><img style="cursor:pointer; cursor:hand;" alt="deutsch" src="http://4.bp.blogspot.com/-cv4kiuVjQYI/UKFuQQSTZLI/AAAAAAAAFuQ/O_4vGF3rrIU/s1600/allemagne.png" title="diese Seite auf deutsch"/></a><a href='http://www.leblogger.com' style='display:none;'>blogger</a>

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate_p?u='+encodeURIComponent(location.href)+'&langpair=fr%7Car&hl=fr&ie=UTF8'); return false;"><img style="cursor:pointer; cursor:hand;" alt="العربية" src="http://3.bp.blogspot.com/-mlrMBmuEmBQ/UKFuRAEv3cI/AAAAAAAAFuU/7OoSAbY0m-s/s1600/arabie.png" title="ترجمة هذه الصفحة إلى العربية"/></a><a href='http://www.leblogger.com' style='display:none;'>blogger</a>

Merci de laisser vos impressions sur ce Traducteur en commentaires.

Comment utiliser les conditions si-sinon dans Blogger (if-else)

noreply@blogger.com (Soufiane) — Mon, 16 Jul 2012 18:22:00 +0000

Ça fait quelque temps que je veux vous parler des conditions si/si non dans Blogger qui permettent d'afficher ou de cacher un contenu selon la page où est ce qu'on se trouve.

Dans cet article vous allez découvrir comment utiliser les conditions b:if pour donner une autre dimension à votre Blogspot.

Comment ça marche

C'est très simple, on spécifie un condition et le contenu s'affichera seulement si cette condition est vrai, exemple :

Si on se trouve dans la page d'accueil :
Afficher bouton Facebook;
Fin si

On peut aussi utiliser un autre contenu qui s'affichera si la condition est fausse, grâce au Sinon :

Si on se trouve dans la page d'accueil :
Afficher bouton facebook;
Sinon
Afficher bouton Twitter;
Fin si

Au lieu d'utiliser Sinon on peut aussi utiliser une deuxième condition, exemple :

Si on se trouve dans la page d'accueil :
Afficher bouton Facebook;
Fin si
Si on ne se trouve pas dans la page d'accueil :
Afficher bouton Twitter ;
Fin si

Le jargon Blogger

Si vous avez compris le mécanisme alors il suffit de remplacer les termes Si, Sinon, fin si ... par leur équivalents dans Blogger :

Terme en Français	Équivalent Blogger
Conditions Si...Sinon dans Blogger
si	<b:if cond='La condition'>
Fin si	</b:if>
Sinon	<b:else/>
est égal	==
est différent	!=

Les différentes conditions possibles

Malheureusement on est très limité au niveau des possiblités et on ne peut pas faire des choses compliquées comme cibler le 3ième article de la page d'accueil ou cibler les articles avec un certain libellé.
Voici la liste des conditions possibles dans Blogger que j'ai réunie en analysant le code HTML de Blogger, n'hésitez pas à laisser un commentaire pour nous signaler d'autres conditions :

Pour mieux comprendre la suite vous devez d'abord consulter ces deux articles

Cibler uniquement la page d'accueil

<b:if cond='data:blog.url == data:blog.homepageUrl'>

Le Premier article ou l'Article le plus récent

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

Les articles ou Items

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

Les pages statiques

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

Une adresse en particulier

Il suffit de spécifier l'adresse URL de la page dans la quelle vous voulez que le contenu s'affiche :

<b:if cond='data:blog.url == "Adresse de la page avec le http://"'>

Les pages Index

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

Les Archives

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

Page d'erreur 404

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

La version mobile (ne fonctionne pas encore)

<b:if cond='data:blog.isMobile'>

Cibler les articles avec un certain nombre de commentaires

Utile pour, par exemple, afficher un encart de pub en bas du blog seulement si le nombre des commentaires de l'article est supérieur (respectivement égale ou inférieur) à 10

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

On aurait pu aussi utiliser numComments == 10 ou numComments != 10 ou même numComments < 10 pour dire inférieur à 10.

La négation

Vous avez remarqué que dans les conditions précédentes on utilisait souvent "si 1truc == 1truc" mais on peut aussi afficher un contenu lorsque la comparaison est fausse avec "si 1truc != 1truc".

Concrètement voici un condition réalisable lorsque la comparaison entre la page où on se trouve et la page d'accueil est fausse :

<b:if cond='data:blog.url != data:blog.homepageUrl'>

Comment utiliser les conditions

Dans la majorité des cas il suffit d'ajouter ce qu'on veut cacher/afficher à l'intérieur de la condition mais dans certaines situations il faut bien analyser le code avant de l'encapsuler dans une condition.
Par exemple pour utiliser une condition sur un widget il faut toujours la mettre à l’intérieur de la balise Includable sinon Blogger affichera une erreur. Exemple :

<b:widget id='HTML3' locked='false' title='Nom du widget' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "index"'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

Pour plus d'informations, lisez cet article : Afficher un Widget dans des pages specifiques du Blog

Dans certain cas il faut réunir plusieurs conditions pour arriver à un résultat :

<b:if cond='data:blog.url == "Adresse 1 "'>
<b:if cond='data:blog.url == "Adresse 2 "'>
<b:if cond='data:blog.url == "Adresse 3 "'>

contenu a afficher uniquement si on se trouve dans l'adresse 1 ou 2 ou 3

</b:if>
</b:if>
</b:if>

Surtout n'oubliez pas de toujours fermer vos conditions en ajoutant à la fin un </b:if> pour chaque <b:if... utilisé.

Comment désactiver l'intégration du profil Blogger avec Google plus

noreply@blogger.com (Soufiane) — Mon, 09 Jul 2012 10:07:00 +0000

J'ai découvert récemment que l'intégration du profil Blogger avec Google+ peut rendre l'accès à gmail tout simplement impossible.
Il était donc urgent de supprimer l'association du profil Blogger au compte Google+

Heureusement la manip est très simple: Il suffit d'aller dans Draft.Blogger.com et de cliquer sur la petite icone paramètres à droite.
Le lien Rétablir le profil Blogger permet d'annuler l'association avec Google plus:

Pour je ne sais quelle raison, Google avait supprimé l'intégration de ma photo de profil dans les résultats de recherche et il a suffi que je fasse la manipulation au dessus pour que la photo revienne automatiquement...

Solutions pour mieux protéger vos paiements en ligne

noreply@blogger.com (Soufiane) — Wed, 04 Jul 2012 03:30:00 +0000

Selon plusieurs études, l’insécurité sur internet a fortement augmenté depuis les 5 dernières années pour atteindre des sommets cette année. La question de sécurité sur internet est donc devenue de plus en plus essentielle pour les entreprises et les particuliers surtout concernant les paiements en ligne et donc les paiements bancaires. Les fraudes à la carte bancaire ont en effet explosé depuis 3 ans.

Pour tenter de freiner ce phénomène inquiétant, les autorités mais les entreprises extérieures tentent d’apporter des solutions à ce problème.

Une étude de l’observatoire national de la délinquance a mis en avant l’augmentation inquiétante des fraudes lors des paiements en ligne. Selon l’étude, on remarque une nette augmentation de 30% des personnes ayant été victimes d’au moins un débit frauduleux sur leurs comptes bancaires durant l’année. Ils ont ainsi été plus de 650 000 à avoir subi une fraude lors d’un paiement en ligne.
Cela peut être facilement être expliqué par l’augmentation ces dernières du E-Commerce et donc des paiements à distance notamment sur Internet. On remarque ainsi que le commerce à distance représente même plus de 60% des fraudes en France.

La fraude à la carte bancaire a représenté plus de 415 Million d’euros en 2012 selon le rapport annuel délivré par l'observatoire de la sécurité des cartes de paiement. La faute à des fraudeurs qui arrivent régulièrement à trouver des nouveaux moyens pour récupérer les données bancaires qui transitent sur Internet comme « l’Hameçonnage ».
Pour freiner la progression rapide de ce problème, des mesures de prévention sont effectuées de plus en plus souvent par les autorités et des services précis sont mis à disposition des particuliers et des sociétés.

L’augmentation de la prévention par les autorités peut dans un premier temps être mise en avant pour tenter d’enrayer les fraudes sur internet lors des paiements en ligne. Les internautes sont donc mieux informer face à ces problèmes et aux solutions existantes.
Ces solutions sont pour la plupart apportées par des entreprises extérieures qui peuvent aider les particuliers et les entreprises à garantir la sécurité de leurs données bancaires lors d’un paiement en ligne. D’ailleurs, on remarque qu’avec le développement de la cybercriminalité, le marché de la sécurité informatique est devenu l'un des secteurs les plus dynamiques.

Le nombre de société proposant ces services a ainsi plus que doublé en 10 ans. Pour s’assurer de l’authenticité d’un document et son destinataire, les banques et quelques entreprises utilisent des signatures numériques confirmant la validité du message.
De plus, la plupart des sites de paiements en ligne adoptent désormais des certificats SSLpour garantir la sécurité des paiements des utilisateurs. Délivrés par des entreprises extérieures, ces certificats assurent un cryptage des informations bancaires échangées rendant impossible une interception par un fraudeur. Enfin les particuliers peuvent également identifier des certificats de sécurité sur des sites pour s’assurer de leurs sécurités.

On remarque donc que malgré une hausse importante des fraudes concernant les paiements en ligne, des solutions sont proposées pour pouvoir garantir aux entreprises et aux particuliers des paiements en ligne sécurisée. Les entreprises et les particuliers n’hésitent plus à utiliser au maximum ces services pour se doter d’une sécurité maximum lors d’un paiement en ligne.

Bouton de partage Buffer App pour Blogger-Blogspot

noreply@blogger.com (Soufiane) — Mon, 02 Jul 2012 08:00:00 +0000

Bouton de partage Buffer App pour Blogger-Blogspot

Buffer App est une superbe petit application qui permet d'organiser et ordonner la publication dans Twitter, Facebook et LinkedIn. Pour en savoir plus ou pour vous y inscrire, direction le site officiel.

Dans ce tutoriel nous allons voir comment ajouter le bouton de partage Buffer avec compteur dans Blogger ce qui permettra à vos lecteurs de publier vos articles via le service Buffer App.

<a href="http://bufferapp.com/add" class="buffer-add-button" expr:data-text="data:post.title" expr:data-url="data:post.canonicalUrl" data-via="LeBlogger" data-count="vertical">Buffer</a>
<script type="text/javascript" src="http://static.bufferapp.com/js/button.js"></script>

Remplacez LeBlogger par votre identifiant Twitter et vertical par horizontal ou none pour changer l'affichage du bouton.

Voici le résultat lorsqu'on clique sur le bouton:

Sinon je prépare un widget Blogger qui vous permettra d'utiliser une barre flotante de partage comme celle que vous voyez à gauche de cet article avec un large choix de petit boutons...

Personnaliser l'adresse URL des articles dans Blogger

noreply@blogger.com (Soufiane) — Fri, 29 Jun 2012 09:49:00 +0000

On peut enfin personnaliser l'adresse URL de nos articles et ainsi programmer les articles plus facilement.
En effet Blogger a ajouté un nouvelle option l'éditeur de messages qui permet de saisir un texte qui sera utiliser pour définir l'adresse de l'article.

Ce qu'il faut savoir

Ça ne fonctionne qu'à partir de Blogger Draft (et donc en utilisant la nouvelle interface).
On ne peut pas supprimer la référence à la date (année et mois) ajoutée automatiquement automatiquement à l'URL.
On ne peut pas supprimer le .html ajouté à la fin des URLs.
Impossible de personnaliser les anciens articles.
Une fois un article publié, il devient impossible de modifier son adresse (=lien permanent)
Il semblerait qu'il n'y a pas de limitation dans le nombre de caractères qu'on peut mettre dans l'URL personnalisée.
Dans le champ de saisi de l'URL personnalisée on peut écrire des lettres, des chiffres et des tirets les autres caractères ( . / ; , ? ' ' ) sont interdits et rendent la publication et la sauvegarde des articles impossible. Les underscore _ sont ignorés.

Comment modifier l'URL des articles

C'est très simple, allez dans Blogger Draft, cliquer sur Nouveau post et vous pouvez modifier l'adresse de l'article indépendamment de son titre en cliquant sur Lien permanent dans la colonne Paramètres des posts à droite:

Conseils Référencement

Je vous ai déjà montré comment optimiser le titre et l'URL d'un article Blogger en 2010 et aujourd'hui Blogger nous permet simplement d'automatiser le processus et du même coup la possibilité de programmer les publications.

Par exemple si le titre de mon article est : Disqus - Comment utiliser un système de commentaires plus performant et avec plus d'options dans Blogger
Je ne vais mettre que les mots clés dans l'URL personnalisée : Disqus Blogger commentaires blogspot

Alors qu'est ce que vous pensez de cette nouveauté ? N'hésitez pas à en discuter dans les commentaires :)
Je sais que ce n'est pas encore au niveau de ce qui se fait dans Wordpress par exemple mais c'est un bon point de départ.

Google veut l’extension '.blog' pour Blogger

noreply@blogger.com (Soufiane) — Wed, 27 Jun 2012 09:18:00 +0000

Google veut acquérir l’extension pour les nom de Domaine en .blog pour l'utiliser dans sa plateforme Blogger-Blogspot.

On peut donc imaginer quelque chose comme LeBlogger.blog au lieu de l'actuel LeBlogger.Blogspot.com

C'est super pour nous, utilisateurs de la plateforme mais Google va certainement garder cette option uniquement pour son service de blogs et il sera impossible d'utiliser un nom de domaine en .blog avec un hébergement Wordpress par exemple (au total Google veut prendre contrôle de 101 extensions, bonjour la liberté :)

Je ne suis pas sûr que le service sera gratuit mais espérant juste qu'il soit facultatif et qu'on pourra utiliser un NDD librement.

Il y a 9 demandes d’acquisition de l’extension .Blog et on ne connaîtra le vainqueur que dans quelques semaines...