A propos de ce blog
Pour éditer un blog, je suis amené à geeker un peu.
Sur cette page j'essaie de partager avec vous quelques astuces et ressources qui me semblent utiles à connaître et qui pourraient aussi vous servir si vous avez un blog ou souhaitez en lancer un.
Plateforme de blog utilisée
Ce blog est réalisé avec la plateforme Blogger de Google.
Pourquoi ce choix ? J'ai pensé un moment à utiliser Wordpress, mais je me suis dit que je risquais de me disperser et de passer trop de temps à tester tous ces plugins et ces options, alors que je souhaite plutôt me concentrer sur le contenu. On verra bien à l'usage. Pour l'instant la plateforme me convient.
Quelques widgets et astuces utilisés
Logo en png plutôt que jpeg : le format jpeg induit une perte de qualité, il est surtout utile pour compresser des photos. Pour un logo, mieux vaut utiliser le format png, cela permet de conserver notamment la transparence.
Gdrive comme espace d'hébergement gratuit pour quelques photos du site :
Je ne parle pas ici des images qu'on insère dans ses articles, mais des images qui servent pour le design ou la mise en page du blog, par exemple les petites icônes conduisant vers vos pages de réseaux sociaux pour vous suivre dans la colonne de droite.
Je ne parle pas ici des images qu'on insère dans ses articles, mais des images qui servent pour le design ou la mise en page du blog, par exemple les petites icônes conduisant vers vos pages de réseaux sociaux pour vous suivre dans la colonne de droite.
Créez un dossier sous Gdrive, puis choisissez "public" dans les options de partage. Mettez-y les images dont vous pouvez avoir besoin pour le design de votre blog ou site web. Pour vous en servir, il faut d'abord récupérer son id : ouvrez une image (la visionneuse se lance d'abord et il faut ensuite cliquer sur "ouvrir") et récupérez son id directement dans son url. Ensuite il y a un petit hack d'url à connaître, ça ne s'invente pas (cf exemple ci-dessous).
Exemple :
L'url d'une icone google plus que j'ai téléchargé dans mon dossier public :
https://docs.google.com/a/voyagebaby.com/file/d/0B95bt_M-SDNvMVhXNVNERS05VDA/edit
Je récupère son id et je m'en sers dans l'url source de la balise image qui permettra ensuite de l'afficher :
<a href="https://plus.google.com/110994420355120621122" target="_blank"><img src="https://docs.google.com/uc?id=0B95bt_M-SDNvMVhXNVNERS05VDA" alt="Suivre Voyage Baby sur Google+" title="Suivre Voyage Baby sur Google+" /></a>
La propriété CSS à connaître qui permet de "sculpter" facilement son site
display : none;
Titres des articles du blog en <h1> plutôt que <h2>
J'ai modifié le template HTML fourni par défaut car il me semble que c'est mieux ainsi.
Plugin nRelate
Pour suggérer en bas d'article d'autres articles à lire aussi. Facile à installer et utile pour inciter les visiteurs à lire d'autres articles du blog.
Outil de retouche photo intégré à Google +, Gimp, SumoPaint
Et vous, avez vous quelques astuces à partager ?
Titres des articles du blog en <h1> plutôt que <h2>
J'ai modifié le template HTML fourni par défaut car il me semble que c'est mieux ainsi.
Plugin nRelate
Pour suggérer en bas d'article d'autres articles à lire aussi. Facile à installer et utile pour inciter les visiteurs à lire d'autres articles du blog.
Autres logiciels utilisés
Logiciel de retouche d'imagesOutil de retouche photo intégré à Google +, Gimp, SumoPaint
Et vous, avez vous quelques astuces à partager ?
