5 Templates en HTML5, CSS3 et Ajax pour Blogspot

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

Suivez moi sur Twitter @LeBlogger

Indisponibilité de Blogger Le 24 Janvier 2014

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

Suivez moi sur Twitter @LeBlogger

Ajouter Icons sociaux Metro Style pour Blogger

Je vais vous montrer comment vous pouvez ajouter des icônes sociales métro de style  sur votre blog Blogger. Ces icônes sont constitués exclusivement de CSS sans utilisation d'un JavaScript. Il est livré avec effet de survol et une allure élégante et fraîche.

Ce widget contient 7 célèbres icônes de sites de réseautage social. Ils sont - Facebook, Twitter, Youtube, Google+, LinkedIn, Pinterest et RSS.  

La démo de ce widget peut être vu ci-dessous

Une fois que vous avez vu la démo nous pouvons nous déplacer sur la façon dont vous pouvez ajouter ce widget à votre blog.

Ajouter le widget dans Mise en plac

Aller dans votre blog  ? Mise en place ? ? Ajouter Widget HTML / JavaScript. Collez le code ci-dessous.

pages/LeBloggerfr/268125569135 rel="nofollow">
lebloggersdunet>
+LebloggerFr">
Bizmediafr/leblogger="nofollow">
pub/maher-ben/26/449/884="nofollow">
user/MrZARKOOBUZZ>
lebloggers="nofollow">

Une fois que vous avez ajouté le code modifier le texte qui est mis en évidence dans différentes couleurs. Après que sauver le widget et enfin enregistrer le modèle.

Vous avez terminé maintenant.

Personnaliser l'adresse URL des articles dans Blogger

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.

Suivez moi sur Twitter @LeBlogger

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

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

bloggerbloggerblogger

Le Blogger

Si vous ne voulez pas utiliser tous les drapeaux:

blogger

blogger

blogger

blogger

blogger

blogger

Merci de laisser vos impressions sur ce Traducteur en commentaires.

Suivez moi sur Twitter @LeBlogger