dimanche 25 mars 2012

Google Chrome devance de + en + souvent IE...

For a day, Google’s Chrome was the most popular Web browser in the world. Before much longer it will be the most popular Web browser all the time.

Champagne! Une journée durant, le 18 mars exactement, Google Chrome est devenu le plus populaire des navigateurs au monde! (de peu, il est vrai, mais il continue à grimper et IE à perdre du terrain...Firefox reste stable) Et il ne tardera pas à le devenir définitivement... Le début de la fin pour Internet Explorer...?!


Téléchargez Google Chrome, un navigateur simple, moderne et ultra-performant!



Source: StatCounter Global Stats - Browser Market Share

Redirection dans Blogger

Depuis plusieurs années déjà, il était possible de bricoler une redirection dans Blogger (ou par conséquent de faire un rafraîchissement automatique de la page) en bidouillant le Head du modèle, mais maintenant, on peut le faire dans les paramètres. Il suffit d'aller dans Paramètres>Préférences de recherche (uniquement dans la nouvelle interface ou dans "Draft").


vendredi 23 mars 2012

Lien "modification rapide" disparu ? (suite)

Suite au nouveau commentaire de Noushka...

Je rappelle qu'il faut rajouter /ncr à la suite de l'URL du raccourci de votre blog dans vos favoris (ex: http://blogtricker.blogspot.com/ncr). En fait, actuellement, le seul inconvénient de ce changement, c'est que les liens de modification rapide n'apparaissent plus pour le Blogmaster. Pour les visiteurs, ça ne change pas grand-chose (il me semble). Normalement, ça ne devrait plus bouger sauf si vous ouvrez votre blog à partir d'un lien (dans Google par exemple)... Mais si vous faites ça au "coup-par-coup" dans votre barre de navigation, c'est normal que l'URL revienne ensuite en "fr".
Concernant l'article de Soufiane sur LeBlogger.com... Il faut donc aller dans le HTML de votre blog, faire une sauvegarde de votre modèle, cocher "Développer des modèles de gadgets", faire F3 au clavier et rechercher "data:post.url" (j'en avais 12 dans un de mes blogs) et les remplacer par "data:post.canonicalUrl" (sans les guillemets).
Je n'ai cependant pas essayé, la première méthode me convenant parfaitement.

Info: Comment modifier un raccourci dans Google Chrome?
Faire un clic droit sur un raccourci (ou lien) puis sur "modifier". Ca ne doit pas être très différent dans les autres navigateurs...

mardi 20 mars 2012

Lien "modification rapide" disparu ? (message "remonté" et modifié)

POUR LA SOLUTION, voir le dernier post sur ce sujet... Ça fonctionne à condition de modifier les raccourcis (ou les liens) dans vos favoris. Par exemple, pour http://blogtricker.blogspot.com/ je rajoute ncr au bout, ce qui donne http://blogtricker.blogspot.com/ncr (ncr=no country redirect)
Pas plus difficile que ça... Les URL ne sont plus modifiées et les "QuickEdit Pencils" et les "Wrenches" des widgets réapparaissent... Le système de Sandrine n'est pas mauvais non plus (voir commentaires): changer dans la barre de navigation le "fr" en "com", mais cela oblige à le faire à chaque fois... C'est un peu fastidieux! Mais ça peut dépanner... On peut aussi mettre un lien dans un widget "admin" (Liste de liens... Admin, Edition, Nouveau post, etc..). Mais la modif des favoris reste plus radicale et définitive à mon avis.
(Mis-à-jour mardi 20/3 à 13h locale).
Petite précision: ce suffixe (fr, par exemple) apparaît non pas en fonction du pays d'origine du blogmaster (comme je le pensais au début) mais en fonction du pays du visiteur... Par exemple, un Anglais verra http://blogtricker.blogspot.uk/, un Russe, http://blogtricker.blogspot.ru/. Je ne vois donc pas son utilité.

Ajout: les "wrenches" de mes widget ont aussi disparu! (équivalent du quickEdit Pencil pour les widget)
Maintenant, je le sais, je ne suis plus le seul à avoir ce problème... 


A part un message assez incohérent trouvé sur un blog illustrement inconnu, je serais donc le seul à ne plus voir les liens de modification rapide (le petit crayon) bien pratiques pour modifier à la volée un message, corriger une erreur, etc.. Quasiment aucune info là-dessus dans Google. Je précise que tous mes blogs sont affectés.
Seule parade pour l'instant, mettre un lien "modifier les messages" dans chacun de vos blogs : http://www.blogger.com/posts.g?blogID=123456789XXX... Vous pouvez aussi mettre ce lien en bas de chacun de vos messages en créant un modèle dans "paramètres>Mise en forme" (ancienne interface). Pour avoir l'URL exacte, faites un clic droit sur "Modifier les Messages" puis "copier l'adresse du lien" (dans Google Chrome).
Ça dépanne...

J'ai été voir le HTML d'un de mes blogs, le quickedit pencil est toujours là: http://img2.blogblog.com/img/icon18_edit_allbkg.gif

Voici le lien Google pour faire des recherches en Anglais sur ce problème. Comme j'ai constaté qu'il était déjà apparu par le passé, j'ai ciblé ma recherche sur "moins d'1 mois". je peux confirmer que tout est en place pour qu'il fonctionne et cependant il ne fonctionne plus depuis la fin du weekend dernier. Cela semble coïncider avec l'apparition des URL régionalisées, monblog.blogspot.fr, par exemple.

Un nouveau Bloc-Note Google

La suppression du Google Bloc-note en a chagriné plus d'un...

Mais voici le "Sticky" qui peu s'ajouter à Gmail... (Trouvé dans Arobase.org - 80 astuces pour Gmail)

 Ajouter un bloc-notes dans Gmail


Placez un petit pense-bête dans la colonne de gauche de Gmail pour y noter tout ce que vous ne devez pas oublier.
Cette astuce utilise une fonctionnalité des Gmail Labs

Vous aimeriez dispose d'un petit espace dans Gmail pour pouvoir noter tout ce qui vous passe par la tête ou ce que vous ne" devez pas oublier ? Ajouter un bloc-notes !

Dans Gmail, cliquez sur la roue dentée en haut à droite puis sélectionnez Paramètres de messagerie. Affichez l'onglet "Labos" (Labs).

Repérez dans la liste la fonction "Ajouter un gadget en indiquant l'URL".

Sélectionnez l'option "Activer" puis, tout en bas de la page, cliquez sur le bouton "Enregistrer les modifications".

Vous êtes alors redirigé vers la boîte de réception de Gmail. Cliquez à nouveau en haut à droite sur la roue dentée et sélectionnez "Paramètres". Affichez ensuite l'onglet "Gadgets".

Dans le champ texte, collez l'adresse suivante :

http://www.google.com/ig/modules/sticky.xml

Cliquez enfin sur le bouton "Ajouter".

Dans la colonne de gauche, en bas, apparaît alors un espace Note. Vous pouvez y taper ce que vous voulez. C'est enregistré automatiquement.

lundi 19 mars 2012

Eureka! J'ai retrouvé mon QuickEdit Pencil..

Grâce à ce Bloggeur*, j'ai trouvé la soluce!


Donc...
...dans votre barre de favoris, rajoutez simplement /ncr à tous les liens menant vers vos blogs, et... miracle!, les "petits crayons" vont revenir ainsi que les "wrenches" (clé anglaise croisée avec un tournevis) pour paramétrer les widgets. Bien sûr, vous pourrez seuls les voir, mais ça ne change pas d'avant... Sauf, qu'il faut modifier tous les favoris menant vers vos blogs (j'en ai 28! pouf-pouf...)
Exemple: monblog.blogspot.fr devient monblog.blogspot.com/ncr (dans votre lien de barre des favoris). Si vos favoris sont synchronisés (chose très classique dans Google Chrome...), vous les retrouverez ainsi rédigés au boulot, chez vos amis, etc..

Voili-voilà-voilou...

*http://notepad2.blogspot.fr/2012/03/blogger-missing-quick-edit-icon-in.html

jeudi 15 mars 2012

Contourner l'auto-pagination de Blogger

Résumé:
Un jour, après avoir ajouté un message à votre blog, vous vous apercevez que celui-ci n'affiche pas le nombre de posts habituel.
Que c'est-il passé au juste? Commencez par ouvrir le code HTML de votre dernier message. Si celui-ci est anormalement long, c'est probablement de là que vient le problème..
Il y a quelques temps, Blogger a effectué plusieurs mise à jour dont une en particulier qui fait enrager beaucoup d'utilisateurs: l'Auto-Pagination. Google avait promis d'accélérer le chargement des Blogs Blogger (ou Blogspot) en calculant automatiquement le nombre de messages à afficher dans la page d'accueil. C'est-à-dire que Blogger affiche 2, 3, 4 ...ou 9 messages dans la page d'accueil selon qu'ils soient lourds ou pas. Par exemple si vous avez choisi d'afficher 9 articles dans la page d'accueil et que Blogger juge qu'afficher plus de 2 messages va nuire au chargement de votre blog, il n'en affichera que 2. Et cela a été le cas sur deux de mes blogs après avoir ajouté une promo Air France. Je me suis activé pour trouver une parade à cette fonction désastreuse.

Quelles parades possibles actuellement?
  • Supprimer des "widgets" (ou gadgets) non indispensables.
  • Ouvrir la page dans "Dynamic View". Exemple: http://nbbc-fr.blogspot.com/view/snapshot
  • Regrouper le contenu de plusieurs messages dans un seul.
  • Eviter de créer un message par copier/coller d'une page web, d'un email ou d'un document Word.
C'est ce dernier point qu'il faut surveiller tout particulièrement (copier-coller). Un message, "promo Air France" était en fait un copié-collé d'une page web. En ouvrant le code HTML du message, je me suis rendu compte que celui-ci était extrêmement long et complexe. Remède: j'ai recopié ce code sur un de mes blogs minimalistes (cliquer sur ce lien pour voir), et j'ai fait un simple lien vers ce message. Résultat, ma page d'accueil est redevenue normale (sur les 2 blogs).

Si vous n'avez pas envie de créer un blog minimaliste (c'est-à-dire super-simplifié) car ce n'est pas si évident que cela... vous pouvez créer une page HTML avec un éditeur (même le bloc-note de Windows peut convenir), collez dedans le code de votre message et enregistrez sous monmessage.html dans le répertoire "public" de votre Dropbox. Ensuite, ouvrez votre répertoire "public", faites un clic droit sur le fichier monmessage.html et "copier le lien public". Faites un lien dans votre nouveau message. Exemple: Promo Air France (celui-ci est sur ma Dropbox). Voici le lien en clair: http://dl.dropbox.com/u/19586410/promoairfrance.html.
Notez que si vous affichez votre message à travers un iframe ou un object, l'auto-pagination ne devrait pas fonctionner non plus, mais je n'ai pas encore essayé.
Voici un exemple-type et simplifié de page HTML (utile seulement si vous créez votre page sur Dropbox):

<html><body>
collez ici votre code html

</body>
</html>

mercredi 7 mars 2012

Codebox

Je crois avoir trouvé ce que je cherchais depuis déjà un bon moment, voici donc la "codebox". Ceci est seulement un essai... Ci-dessous le code.

<div class="codebox" style="border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-style: initial; border-color: initial; border-image: initial; margin-top: 0.75em; margin-right: 1em; margin-bottom: 0.75em; margin-left: 1em; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(224, 244, 248); color: rgb(0, 0, 0); border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; font-family: sans-serif; font-size: 16px; line-height: 25px; text-align: left; ">Code ici</div>
Ca fonctionne, mais pas comme dans http://crunchbanglinux-fr.org/forum/. Mais bon, le texte n'est pas tronqué, ne sort pas de la colonne des posts, c'est le principal! D'ailleurs, les Scroll-Bars que l'on voit sur crunchbanglinux-fr.org/forum/ ne m'intéressent pas spécialement... Donc, à garder tel-quel.

Marge inférieure des images

Quand on insère une image, Blogger ajoute en général des marges. Il suffit de cliquer sur "Modifier le code HTML" pour s'en rendre compte. Pour celle du bas, elle est de 1em ce qui peut paraître exagéré. On peut, il faut le savoir, modifier cette marge à 0em ce qui la réduit un peu. Personnellement, j'attribue entre 0 et -1em . On peut donc utiliser une valeur négative margin-bottom: -0.5em;. Attention, dans -0.5, il faut utiliser un point et non pas une virgule (système anglo-saxon).
Voici le code de ce post (la marge "bottom" (bas) est en rouge):

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdKww2AJZyKPIz_6NHTnuPBnQggEU4eVbn12jvpnYws-y9w_onaA2uDUzmZk46pBHcBK3nMgCTYlNrsvDrrZdLipD46qa4MoUBA0W_mAI4xLZartcCJ3fcikTduwaYS2GgxqUj2pebU5KF/s1600/violence-dans-les-lycee-300x262.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: -0.5em; margin-right: 1em;"><img border="0" height="153" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdKww2AJZyKPIz_6NHTnuPBnQggEU4eVbn12jvpnYws-y9w_onaA2uDUzmZk46pBHcBK3nMgCTYlNrsvDrrZdLipD46qa4MoUBA0W_mAI4xLZartcCJ3fcikTduwaYS2GgxqUj2pebU5KF/s200/violence-dans-les-lycee-300x262.jpg" width="200" /></a></div>
Quand on insère une image, Blogger ajoute en général des marges. Pour celle du bas, elle est de 1em ce qui peut paraître exagéré. On peut, il faut le savoir, modifier cette marge à 0em ce qui la réduit un peu. Personnellement, j'attribue -0.2em. On peut donc utiliser une valeur négative. Attention, dans 0.2, il faut utiliser <b>un point</b> et <b>non pas une virgule</b> (système anglo-saxon).<br />
Voici le code de ce post (la marge "bottom" (bas) est en rouge):<br />
<br />
Attention! Ca ne fonctionne pas avec tous les modèles... Sur celui-ci, par exemple les valeurs décimales ne semblent pas être prises en compte alors que -1em fonctionne. A la place des "em", on peut aussi utiliser d'autres unités de mesure comme les pourcentages (%) et probablement les px (pixels). Sur un des autres blogs, les valeurs de type -0.2 sont prises en compte.

mardi 6 mars 2012

Outil de traduction Google

Depuis quelques mois, il n'était plus possible de mettre certains outils Google comme Google Translate, en Iframe, probablement à cause d'un script qui interdit au contenu de s'afficher. A force de chercher, j'ai trouvé un "gadget" IGoogle que j'ai disséqué (ou "hacké"). Il était constitué d'un iframe. Bonne affaire pour moi, j'ai utilisé le contenu de cette iframe pour refaire ma page Google Translator perso:
http://st-martin-basic.blogspot.com/2011/01/wordreference.html

Voici le code de l'iframe (ce qui est en rouge peut être modifié):

<iframe frameborder="0" height="850" scrolling="yes" src="http://www.ig.gmodules.com/gadgets/ifr?exp_rpc_js=1&amp;exp_track_js=1&amp;url=http%3A%2F%2Fwww.gstatic.com%2Fig%2Fmodules%2Fdictionary%2Fkennedy%2Fdictionary.xml&amp;container=ig&amp;view=canvas&amp;lang=en&amp;country=US&amp;sanitize=0&amp;v=b6e3c4b89d774c49&amp;parent=http://www.google.com&amp;libs=core:core.io:core.iglegacy:auth-refresh&amp;is_signedin=1&amp;synd=ig&amp;mid=28#st=c%3Dig%26e%3DAPu7icp2gXUFn0ji3Q8AUqgcLJFlz1N7%252BQ%252BDNl1k0/cLG1/zU284HwQk2gM46QloPz4ZpOvt4LzaEWU6Qiz%252BhuN0aqtuojQUp7iYNIDjA/qjU6PQ8IgdS5lf8GUjKRK6KsqQPAt4O67f&amp;gadgetId=114024776163253466612&amp;gadgetOwner=104605781604969270862&amp;gadgetViewer=104605781604969270862&amp;rpctoken=825257797&amp;ifpctok=825257797&amp;up_tl=en&amp;up_default_text=&amp;up_sl=fr" width="100%"></iframe>

Je lui ai mis 100% de largeur pour qu'il occupe toute la page. La page (le contenu) comporte plusieurs outils de traduction. En haut de la page "parente", j'ai ajouté les liens vers WordReference et Google Translate mais prochainement, j'essaierai de reconstituer ma page d'origine avec le formulaire WordReference (originaire lui aussi d'un gadget). Cette page se trouve sur un de mes blogs minimalistes à une seule colonne et sans fioritures...
Ci-dessous, ce que ça donne (ici en 400 px de haut et 100% de largeur)...