lundi 3 mars 2008

Blogger : outils, trucs et astuces

Blogger logo
Cela fait un petit moment déjà que j'envisageais de publier un billet entièrement dédié à Blogger, la plateforme de blogs hébergée par Google et que j'utilise donc depuis près d'un an pour le présent blog. Le but étant de me (et vous) constituer un vade mecum pour Blogger, une sorte de bookmarks global regroupant sur un billet des outils, trucs ou astuces pour Blogger, et permettre ainsi d'y accéder rapidement.


Mais la démarche c'est aussi et surtout d'ouvrir ce billet à vos suggestions via les commentaires, et de faire ainsi évoluer ce billet dans le temps, en l'enrichissant de vos découvertes et/ou expériences sous Blogger.

Par souci de clarté, le présent billet sera divisé pour le moment en 3 sections : Généralités et outils spécifiques, Trucs et astuces, Aide et liens utiles.
  • Blogger : Généralités et outils
Dans cette section ne figureront que les outils spécifiques pour Blogger. Tous les outils généraux et communs à toutes les plateformes (genre FeedBurner, outils de statistiques, etc..) étant exclus.

Blogger par Google : Un survol des principales fonctionnalités de Blogger, extrait du comparatif des plateformes gratuites de Blogs publié l'année dernière par Clubic.

* Créer son blog Blogger : Le guide pour créer son blog sous Blogger, sélectionné par Freewares & Tutos.

* Démarrer Blogger : Pourquoi choisir Blogger, premiers pas sous Blogger, premiers messages, etc.. un très bon billet pour découvrir la plate-forme Blogger.

* Personnaliser Blogger : encore un très bon tuto du Journal du Blog pour personnaliser votre blog. Ce billet est la continuité du précédent consacré à la découverte de Blogger. (merci thebloom pour l'info !)

Thèmes pour Blogger [en] : Un grand choix de templates (modèles) pour personnaliser votre blog (=> Tableau de bord Blogger > Mise en page > Modèle), avec d'autres jolis templates également chez FinalSense. Pensez cependant à sauvegarder votre modèle avant toute modification.

Un sitemap pour Blogger : Petit tuto pour utiliser cet outil sous Blogger.

* Blogger : Insérer une vidéo : le tuto de Memoclic pour mettre une vidéo dans un billet sous Blogger.

Blogger for Word [en] : un plugin pour rédiger directement vos billets sous Word.

Blogger et digg-like : outils et code pour promouvoir et diffuser vos billets sous Blogger.

Adsence et Blogger : comment ajouter des annonces Adsence dans Blogger.

Blogger Mobile : pour rédiger un billet directement à partir de votre téléphone portable !

Blogger backup : un utilitaire pour sauvegarder les billets de votre blog blogspot sur votre disque dur.
  • Trucs et astuces pour Blogger
Cette partie regroupera les techniques pour améliorer ou optimiser Blogger. On en trouve à foison sur la Toile, en voici quelques unes :

Planifier vos articles dans Blogger : comment différer et planifier la publication de vos billets.

Astuces Blogger blogspot : quelques intéressantes astuces d'optimisation, dont celle consistant à rendre dynamique les balises meta.

Texte barré avec Blogger : le code pour ajouté du texte barré, outil non disponible dans l'éditeur.

Nuage de tags pour les libellés dans Blogger : tuto pour remplacer les libellés textuels par un nuage de tags (voir ma sidebar !)

*
Diaporama pour Blogger : Insérer un diaporama comme élément de page dans Blogger. Très bon tuto.

Blogger au bout du doigt : un blog bourré d'infos, de trucs et d'astuces pour Blogger.

*
Widgets pour Blogger : comment faire son propre widget sous Blogger.

* 7 astuces pour Blogger : simples, et clairement expliquées..

* Titre et url Blogger : Blogger ne reprend pas dans l'url les caractères accentués du titre d'un billet. La méthode pour contourner cette difficulté.

Blogger - s'abonner à un commentaire : chaque ajout ou modif que j'apporterai dans le temps à ce billet sera annoncé concomitamment en commentaire. Si vous désirez suivre l'évolution de ce billet, abonnez-vous !

* Blogger - changer de favicon : pour personnaliser l'apparence de votre blog sous Blogger.
  • Aide, infos et liens utiles Blogger
Quelques adresses pouvant être utiles en cas de difficulté(s) :
Blogger Help : le centre d'aide de Blogger. La FAQ est en français, mais le Forum d'aide est en anglais.

Blogger status [en] : Page d'infos sur les coupures de service pour maintenance et autres annonces de développement ou de nouveautés.

Blogger buzz : blog d'infos en français sur Blogger.

Voilà, comme indiqué en préambule, n'hésitez pas à m'indiquer en commentaires vos trouvailles persos, vos bonnes adresses ou autres tutos pour Blogger, je me ferai un plaisir de les rajouter dans le corps du présent billet (précédées d'un *), avec, bien entendu, un lien de mention vers le contributeur !
.

53 commentaires:

Fab a dit…

Bonjour merci pour toutes ces adresses. je regarde pour faire mon blog et blogger me plait bien. sais-tu si il y a des widgets pour blogger ? merci à plus.

Gabuzo38 a dit…

Ah oui, tu as raison, je n'avais pas mentionné les widgets Blogger dans mon billet. Je viens d'ajouter quelques liens dans la section des trucs et astuces ;)

Diagg a dit…

hello, pourrai tu également nous expliquer comment tu as réalisé ton nuage de tags ???

Gabuzo38 a dit…

J'ai appliqué l'excellent tuto de Gsyka, auquel d'ailleurs on parvient aussi en suivant le lien "Nuage de tags pour les libellés dans Blogger " dans la paragraphe "trucs et astuces" ci-dessus.

Ça a parfaitement fonctionné avec mon thème (fais quand même bien une sauvegarde de ton modèle actuel avant!), aucune difficulté particulière, je te conseille juste d'imprimer le tuto c'est plus facile pour l'appliquer. De mémoire, le seul truc que j'ai modifié, c'est la couleur et la taille du texte.

blogaetan.net a dit…

Salut et merci pour le lien vers "Blogger : Menu déroulant".
Il y a peut de temps, j'ai publié un article intitulé <"Blogger : Votre blogroll personnalisée">
Un moyen sympa de créer une BlogRoll dynamique grâce à Blogger in Draft.

A voir également : <"Blogger : Insérer une animation flash">.

Encore Merci.

Gabuzo38 a dit…

Salut Gaetan, et merci à toi pour tes bilets et ta présente participation :)
Personnaliser la blogroll et surtout la rendre dynamique, effectivement ça peut être assez sympa. Je testerai ça à l'occasion !
Et pour le flash, tu as bien fait de rappeler le lien.
Bref, encore deux bons outils pour Blogger !!

laingama a dit…

Bonjour et merci pour ces astuces.
Le bleu du bandeau Blogger, tout en haut de la page jure avec l'aspect de mon blog. J'ai vu, une fois mais je n'ai pas gardé l'adresse, qu'il était possible de changer sa couleur. Savez-vous comment faire ???

Gabuzo38 a dit…

Bonsoir laingama

Modifier la couleur, je ne sais pas, mais la masquer, oui, c'est possible :
=> Supprimer le bandeau blogger

Gabuzo38 a dit…

Ben si, finalement, c'est possible de modifier la couleur de la barre en bandeau de Blogger. Dans la mise en page => navbar => modifier et tu as le choix entre 4 couleurs. Have fun !

laingama a dit…

Merci Gabuzo. J'avais fini par trouver. Ce n'étais vraiment pas compliqué.
Mais j'ai un problème d'interlignes. Et j'ai eu beau chercher, je n'ai pas trouvé la solution. Voilà: dans un même message, l'interligne est variable. J'ai remarqué qu'après une citation, la suite du message reprend l'interligne de celle-ci (c-à-d, plus serré) et je ne vois pas comment y remédier, pcq l'effet n'est vraiment pas terrible. Une soluce ?

Gabuzo38 a dit…

Bonjour laingama,

Pour ton problème d'interlignes, oui, j'ai vu ça dans ton dernier billet, c'est pas vraiment gênant pour le lecteur (ça saute pas aux yeux) mais pour le rédacteur c'est effectivement agaçant de ne pouvoir y remédier !

J'ai remarqué que Blogger était parfois un peu délicat à gérer au niveau de la mise en page, mais là je n'ai pas de soluce particulière pour ton problème. Peut-être une instruction de code pour respécifier le bon espacement à Blogger après une citation, ou une astuce quelconque, mais je l'ignore, c'est le genre de truc que je bidouille pas trop sous Blogger.

Errance a dit…

Bonjour

Merci pour toutes ces informations qui completent utilement mes connaissances.
Il y a un truc que je cherche en vain. Je voudrais dans l'un de mes blogs blogger écrire une histoire qui se déroule des années cinquante à aujourd'hui. Or j'ai deux problèmes : le premier c'est que je ne peux pas utiliser les dates en deça d'une certaine année (je ne sais plus laquelle) en tout cas je ne peux pas remonter jusqu'a 1950 en corrigeant la date. Le deuxième, c'est que je voudrais que les billets s'affichent dans l'ordre chronologique et non en inversé (le dernier en date afficcher en premier). Existe-t-il une astuce, une coorection possible, un bricolage ardi ? Merci de ton aimable assistance.

Gardon a dit…

Bonjour, merci pour toutes tes astuces ! je voudrais mettre un lien web sur le bandeau du haut (header). Il n'a pas été créer sur ce modéle le lien serait un retour sur la page d'accueil. merci d'avance

Gabuzo38 a dit…

Bonjour !

@ errance : Effectivement, par Google je n'ai rien trouvé non plus pour changer automatiquement l'ordre des billets dans Blogger. Il semble que le seul moyen soit de changer la date des billets. Regarde aussi ces discussions dans les Google groups, il y a peut-être une astuce, je ne les ai pas tous lues. Pour ta question sur la date la plus ancienne reconnue par Blogger, c'est du "pur blogger" donc là aussi tu peux utiliser le Forum d'aide Blogger (en anglais)

@ gardon : Comme tu peux le constater, mon thème actuel intègre nativement dans le header le lien vers l'url de mon blog, donc je ne peux pas faire le test, mais essaie ceci :
-> Dans ton tableau de bord Blogger, regarde dans "Mise en page" => "Modifier le code html" : tu sauvegardes d'abord ton modèle actuel, puis tu cherches l'adresse de ton image en header dans le code (au début de [body] => 'Image1_img'), et tu rajoutes l'adresse de ta page en [a href="ma page d'accueil"] dans la div de l'image.

Gabuzo38 a dit…

27/04/2008 : Ajout dans le paragraphe des "Outils Blogger" de 2 billets relatifs à la présentation et la personnalisation de Blogger, publiés par l'excellent Journal du Blog.

Gabuzo38 a dit…

14/05/2008 : Dans les "Outils", ajout d'un tuto :
=> Comment mettre une vidéo dans Blogger.

Florence Mary a dit…

Bonjour,
Existe t'il une possibilité pour avoir un outil de stats sur blogger plus complet que celui existant ?
Un grand merci pour vos réponses
Flo

Gabuzo38 a dit…

Bonjour Florence,

Nativement, Blogger n'intègre aucun outil de stats, tu peux donc choisir celui que tu veux (si tu fais référence à Google Analytics, il faut y souscrire, ce n'est pas automatique).
Perso, et comme tu l'as peut-être constaté au regard de ma sidebar, j'en utilise 2 : Site Meter pour le temps réél (gratuit, mais limité aux 100 dernières visites) et Xiti pour l'historique dans le temps et des analyses plus pointues.
L'ami Jarod avait fait l'année dernière une petite étude comparative sur les outils de statitiques, mais apparemment elle n'est plus dispo !

Gabuzo38 a dit…

28/07/2008 - Nouveaux liens utiles :
- Dans les "Outils", ajout d'un tuto sur le widget Blogger pour les abonnements aux flux RSS du blog.
- Dans les "Trucs et astuces", ajout de la section Blogger d'acKorea.

sophie la marmotte a dit…

Merci pour le lien !

tOiN0U a dit…

Merci Gabuzo ! ;)

Gabuzo38 a dit…

De rien , c'est moi qui vous remercie de me permettre d'enrichir ce billet avec vos trucs et astuces :)

* a dit…

salut gabuzo38
ton blog est une vrai mine d'or, pour un gars comme moi qui débutte dans l'univers des blogs, c'est formidable.
je voudrais juste savoir comment insérrer une image dans la barre d'entête, j'ais essayé , sélectionné une image mais elle ne s'affiche pas.
je t'ais ajouté dansmes liens sur le blog, j'espère que ça ne te dérange pas.
encore merci

Gabuzo38 a dit…

Salut *, et merci pour le compliment (et le lien sur ton blog) :)

Pour l'image dans l'en-tête, oui c'est possible (voir chez Blogus ou chez Michbelgeek) mais j'ai jamais testé, et je n'ai pas le code sous la main. Je vais voir si je peux te (re)trouver ça..

Anonyme a dit…

salut gabuzo38
peut on remplacer les bas de pages "messages plus récent" et "message plus anciens" par des numéro de page
en tout cas ton blog est géant
merci
freedom

Gabuzo38 a dit…

Pour ta dernière question, honnêtement je n'en sais strictement rien, d'autant que le positionnement par défaut en bas de page correspond à la logique de l'historique des messages. Mais rien ne t'empêche de mettre un lien vers un message spécifique en bas de chaque message, en sidebar ou même en footer !

Pour l'insertion d'une image dans l'en-tête de ton blog, as-tu essayé la procédure de base (Tableau de bord => Mise en page => Éléments => En-tête => Modifier et choix de l'image)? J'ai retrouvé ce lien qui confirme cette procédure, à affiner éventuellement avec le code proposé en fonction de ton template.

* a dit…

salut gabuzo
j'ai mis de la musique sur mon blog à partir du site deezer ainsi que des vidéo à partir de you tube et je voudrai savoir comment faire pour créer un chapitre musique, et que l'on puisse voir les titres en cliquant dessus. Pour l'instant tout les titres sont les uns au dessus des autres et tiennent beaucoup de place dans ma colonne merci par avance de ta réponse et merci pour ton blog qui est super
freedom

Gabuzo38 a dit…

Salut freedom :)

La sidebar de ton blog est assez étroite, et là effectivement, tes players débordent trop. Fais une playlist chez Deezer et mets là dans un seul player, je pense que tu peux en trouver un plus petit chez Deezer.

Pour les vidéos, tu crées un nouveau billet "Mes vidéos" dans lequel tu mets toutes tes vidéos les unes en dessous des autres et dans ta sidebar tu mets juste le lien "Mes vidéos".

Tout ça devrait te permettre d'alléger sensiblement ta sidebar !

les3d-en-Chine a dit…

Bonjour,

J'aimerai savoir comment tu as réussi à insérer le code pour xiti.

J'ai essayé plusieurs hélas sans succès.

Merci pour ton aide.

Gabuzo38 a dit…

Bonjour !

Dans Blogger, => Tableau de bord => Mise en page => Éléments de la page => Ajouter un gadget => choisir "Html/Javascript" et après avoir nommé le gadget, tu y colles le code fourni par Xiti (l'astuce pour les blogs étant que comme le code se trouve en sidebar, il suffit de le rentrer une fois, et ensuite il reconnait de lui-même les pages visitées). Il faut bien entendu avoir préalablement conformé ton compte (et celui de ton blog) chez Xiti.

les3d-en-Chine a dit…

Merci pour ta réponse très rapide.
Depuis 3 jours, je me débattais avec ce problème.
J'ai réussi à insérer la balise xiti.
Sur le blog, le loge apparait. Cela doit donc fonctionner.
Je tiens au courant.
Merci encore une fois !

les3d-en-Chine a dit…

Je viens de mon connecter ce matin et Xiti m'a bien affiché son analyse.
Je suis heureux !
Merci pour ton aide et bonne continuation.

Gabuzo38 a dit…

Super ! :)

Ravi d'avoir pu t'être utile, et bonnes stats !

Gabuzo38 a dit…

16/10/2008 : Ajout dans les "Généralités et Outils" du lien vers de nouveaux modèles Blogger, trouvés par l'ami Blogaetan. Merci à lui !

blogaetan.net a dit…

Merci pour la référence à mon billet ;)

J'ai également fait un billet
Blogger : Afficher seulement le début des articles, car plusieurs blogueurs m'ont contacté pour me demander l'astuce.

Bonne continuation.

Pierrot a dit…

Merci pour ton post,

je suis friand de blog qui donne des astuces sur Blogger, tu est dans mes favories

* a dit…

salut gabuzo38
j'ais télécharger sur la toile des diaporama fichiers pps que je voudrais insérer sur mon blog il y a t'il un solution merci pour toutes tes réponse et encore bravo pour ton blog à+

Gabuzo38 a dit…

Salut Freedom !

Pour tes PPS, oui c'est possible, en transitant par Google Docs :
=> Insérer un fichier pps dans mon blog

Bonne journée, et @+ :)

Jackocoach a dit…

Merci pour toutes ces infos ...Jackocoach

Gabuzo38 a dit…

Dans les "Généralités et outils Blogger", ajout d'un tuto pour créer son blog blogger. Merci Thebloom ;)

* a dit…

salut gabuzo je voudrais créer un nouvau blog mais professionnel celui la et e voudrais savoir si il existe de template avec une page de garde qui servirait d'accès au blog
mercicoacc

Gabuzo38 a dit…

Bonjour Freedom :)

Oui, ça doit exister, encore que généralement la page d'accueil du blog affiche les x derniers billets. Donc un template blogger avec une page d'accueil fixe sera probablement plus rare et plus difficile à trouver, d'autant que les sites de templates ne propose pas toujours une description très détaillée. Fait une recherche "blogspot" dans Google et ballade toi sur un max de sites Blogger pour essayer d'en repérer un conforme à ton souhait, ou fait un petit tour chez Rodney, ça ne m'étonnerais pas qu'il puisse te trouver ça !

Motamaux a dit…

Bonjour et merci pour ce blog qui est bien utile...
je viens de me lancer dans l'aventure blogger et j'avoue que meme sans trop lire le foctionnement j'avaisi trouvé pas mal de chose par moi meme mais là voilà je seche vraiment sur 3 choses

- y a t'il un moyen d'agrandir ma colonne du menu et celle des articles... si oui comment ?
- comment mettre une image de fond (j'ai lu des liens que j'ai trouvé sur le net mais j'ai vraiment rien compris)alors s'il y a un lien avec des explications simple je suis preneuse loll
- et si dans la mesure ou je ne mets pas d'image de fond est t'il possible de rajouter un menu a gauche? si oui comment ?

C'est dommage que bcp de lien soit en anglais et que les forums d'aides aussi (enfin oui pas tous ^^)

En tout les cas encore merci pour ton blog... j'ai vraiment hate de pouvoir enfin commencer le mien mais hors de question tant que la mise en page n'est pas faite

Merci pour l'aide :)

Motamaux a dit…

Bonsoir j'ai trouvé comment agrandir mon bloc d'articles et de menu..
les deux autres questions euhh bin j'ai toujours pas trouvé ^^

par contre une autre me turlupine est ce que c'est possible de reduire la police d'un texte que j'au mis dans mon menu via le widget texte.

merci pour l'aide

Gabuzo38 a dit…

Bonjour Motamaux

Désolé de ne pouvoir t'aider pour tes demandes, mais je ne suis pas un pro du code, et sous Blogger, j'évite de trop bidouiller. De plus, ça peut dépendre aussi des templates utilisés. Sinon et pour la taille de ton texte, perso j'essaierai plutôt un widget html avec le texte dans la balise span style="font-size:xx%;" où le xx est à remplacer par un chiffre te convenant (de 0 à 99, puisqu'il s'agit d'un pourcentage). Mais bon, ce n'est qu'une idée..

Lighta971 a dit…

http://truc2blogger.blogspot.com

Gabuzo38 a dit…

Merci pour l'indication de ton blog, entièrement consacré à Blogger. Je viens de rajouter dans les "trucs et astuces pour Blogger" ton billet où tu expliques comment changer de favicon sous Blogger.

René a dit…

Des exemples et une méthode très simple pour ajouter une barre de liens horizontale dans Blogger :

http://modifier-les-modeles-de-blogger.blogspot.com/2010/01/ajouter-barre-liens-horizontale-2.html

70 autres tutoriels sur Blogger disponibles sur ce site

trucs et astuces a dit…

merci pour tous ces trucs et astuces pour blogger! un blog c'est pas si évident que ça en fait... D'ailleurs je viens de passer sur Wordpress et je trouve que c'est quand même plus simple. Je trouve l'interface plus clair, ya moins de trucs partout et je préfère le système de commentaires aussi.

Tutorielblogger a dit…

Bonjour,

j'ai crée un blog qui parle de tutoriels pour améliorer les blogs blogger.

J'organise aussi un concours du meilleur blog blogspot.

Si vous souhaitez y inscrire votre blog :
Tutorielblogger

merci,
à bientôt

Blogger astuces a dit…

Je me permet deproposer modestement mon blog sur Blogger: http://blogger-astuces-tutoriels.blogspot.fr/

jérôme Vidal a dit…

http://jv-web.blogspot.com/2013/06/trucs-astuces-blogger.html
Pour compléter ce post qui est déjà bien intéressant à la base

Blogger Astuces a dit…

Pour compléter la liste, découvrez mon blog proposant également des astuces pour Blogger:

http://tutos-blog.blogspot.fr/