dimanche 26 février 2012

Gadget Google Translator (officiel et perso)

Avec liste déroulante (7 langues)
<div id="google_translate_element"></div><script>
function googleTranslateElementInit() {
  new google.translate.TranslateElement({
    pageLanguage: 'fr',
    includedLanguages: 'de,en,ht,es,it,nl,ru',
    multilanguagePage: true
  }, 'google_translate_element');
}
</script><script src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>


Voir ma barre de widget à gauche...


Vous pouvez le personnaliser dans cette page:
http://translate.google.com/translate_tools?hl=fr

Code de mon ancien gadget (4 langues avec les flags/drapeaux):

<a target="_blank" rel="nofollow" onclick="window.open('http://www.google.com/translate?u='+encodeURIComponent(location.href)+'&amp;langpair=fr%7Cen&amp;hl=fr&amp;ie=UTF8'); return false;" title="American"><img style="cursor:pointer; cursor:hand;" alt="English" src="http://lewordpress.com/Blogger/Image/Flags/USA.png" title="Translate this page to American" / width="24" height="24" /></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)+'&amp;langpair=fr%7Cen&amp;hl=fr&amp;ie=UTF8'); return false;" title="English"><img style="cursor:pointer; cursor:hand;" alt="English" src="http://lewordpress.com/Blogger/Image/Flags/England2.png" title="Translate this page to English" / width="24" height="24" /></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)+'&amp;langpair=fr%7Ces&amp;hl=fr&amp;ie=UTF8'); return false;"><img style="cursor:pointer; cursor:hand;" alt="español" src="http://lewordpress.com/Blogger/Image/Flags/Espagne.png" title="traducir esta página al español" / width="24" height="24" /></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)+'&amp;langpair=fr%7Cit&amp;hl=fr&amp;ie=UTF8'); return false;"><img style="cursor:pointer; cursor:hand;" alt="Italiano" src="http://lewordpress.com/Blogger/Image/Flags/Italie.png" title="Traduci questa pagina in Italiano" / width="24" height="24" /></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)+'&amp;langpair=fr%7Cde&amp;hl=fr&amp;ie=UTF8'); return false;"><img style="cursor:pointer; cursor:hand;" alt="deutsch" src="http://lewordpress.com/Blogger/Image/Flags/Allemagne.png" title="diese Seite auf deutsch" / width="24" height="24" /></a><a href="http://www.leblogger.com/" style="display:none;">blogger</a>


Ce qui donne ça:
Englishblogger Englishblogger españolblogger Italianoblogger deutschblogger



mardi 21 février 2012

Lien vers une ancre

J'ai plusieur fois parlé des ancres (anchor) mais je ne suis pas sûr d'avoir montré comment on fait un lien vers une ancre. Ce qui est en rouge est à modifier en fonction de votre lien.

<a href="#ancre" target="_self" title="texte qui s'affiche dans une bulle au survol du pointeur">texte affiché</a>


Rappel pour l'ancre elle-même:
<a name="top"></a>


Je rappelle aussi que si vous éditez votre message en mode "rédiger" (ou Wysiwyg), Blogger s'empressera de corrompre votre ancre... Donc, méfiance! Utilisez plutôt le mode HTML.

dimanche 19 février 2012

Faites de la pub pour DropBox !

Je ne vous ferai pas l'offense de vous expliquer ce qu'est DROPBOX mais au cas où vous ne le sauriez pas, allez voir sur Wikipedia...
Non, ce dont je veux vous parler c'est de la possibilité d'obtenir gratuitement de l'espace jusqu'à 5 Go.

Comment faire?
Tout simplement en parrainant vos proches. En effet, à chaque fois que vous parrainez quelqu'un, vous obtenez 250 Mo en cadeau. Notez que les personnes parrainées reçoivent elles aussi 250 Mo de plus...
L'autre solution, c'est de faire de la pub dans votre Blog, site, Facebook, vos emails, etc...
Voici le code pour créer un widget HTML/Javascript ou à insérer dans un message:

<p style="text-align: center; "><a href="http://db.tt/KM7mooU" target="_blank"><img alt="" src="https://www.dropbox.com/static/21968/images/logo.png" style="width: 150px;" /></a></p><p style="text-align: center; "><a href="http://db.tt/KM7mooU" style="font-size: 100%; ">Prenez un compte Dropbox</a></p><p style="text-align: center; "><span style="font-size: 100%; ">Vous obiendrez 250 Mo en plus des 2 Go réglementaires, et moi aussi!</span></p>


Ce qui est en rouge doit être adapté à votre cas. Le texte en noir peut être remplacé par votre slogan. L'adresse raccourcie de type http://db.tt/KM7mooU est disponible sur la page de votre compte Dropbox.
Ça donne ça:
Vous obiendrez 250 Mo en plus des 2 Go réglementaires, et moi aussi!

mardi 14 février 2012

Les URL Blogspot vont changer...


C'est-à-dire qu'à un moment ou à l'autre http://blogtricker.blogspot.com/ va devenir http://blogtricker.blogspot.fr ou http://blogtricker.blogspot.gp (Gp pour Guadeloupe)
Ci-dessous les explications de Google:

Q : Pourquoi l'URL a-t-elle changé ?
R : Au cours des prochaines semaines, vous constaterez peut-être que l'URL d'un blog que vous consultez a été redirigée vers un domaine national de premier niveau (ccTLD, country-code top level domain). Par exemple, si vous vous trouvez en France et que vous consultez [nom du blog].blogspot.com, il se peut que vous soyez redirigé vers l'adresse [nom du blog].blogspot.fr. Lorsqu'il apparaît, le ccTLD correspond au pays où se trouve le lecteur au moment où il consulte le blog.
Q : Dans quels pays ce changement prendra-t-il effet ? 
R : Nous effectuons régulièrement des mises à jour limitées. Ainsi, au cours des prochains mois, un nombre croissant de pays sera concerné par la mise en place des ccTLD.
Q : Quelle est la raison de ce changement ?
R : En migrant vers des domaines locaux, nous pourrons continuer à promouvoir la liberté d'expression et la publication responsable tout en répondant de manière plus flexible aux demandes de suppression de contenu recevables conformément aux législations locales. Grâce à la mise en œuvre des ccTLD, il est possible de gérer les suppressions de contenu au cas par cas, en fonction du pays, de sorte à limiter au mieux le nombre de lecteurs affectés. En effet, tout contenu supprimé en vertu d'une loi nationale spécifique ne le sera que sur le ccTLD concerné.
Q : En quoi ce changement affectera-t-il mon blog ?
R : En tant que propriétaire de blog, vous ne devriez constater aucune différence visible sur votre blog, mis à part la redirection vers un ccTLD de l'URL d'origine. En outre, les URL de domaines personnalisés ne seront pas affectées.
Q : Ce changement affectera-t-il l'optimisation du référencement de mon blog ?
R :Une fois le changement effectué, les robots d'indexation associeront un même contenu Blogspot à une multitude de domaines différents. Si l'hébergement d'un contenu identique sur différents domaines est susceptible d'influer sur les résultats de recherche, nous faisons tout notre possible pour limiter les effets indésirables pouvant résulter de l'hébergement de contenu Blogspot sur plusieurs domaines.
Toutefois, la plupart des contenus hébergés sur différents domaines ne feront l'objet d'aucune suppression, et resteront par conséquent identiques. Pour tous ces contenus, nous définissons la version blogspot.com comme version canonique grâce à l'attribut rel="canonical". Ainsi, même si les URL diffèrent, le contenu est reconnu comme identique par les robots d'indexation. Lorsque, dans un pays donné, un message ou un blog fait l'objet d'une suppression de contenu, le ccTLD du pays en question remplace la version .com et devient l'URL canonique. Cela permet de nous assurer que nous n'utilisons pas la même balise canonique pour des contenus différents.
Q : En quoi les ccTLD peuvent-ils affecter les blogs que je consulte ?
R : Si vous consultez un blog dont l'adresse ne correspond pas à votre position actuelle (déterminée par votre adresse IP), les serveurs Blogspot vous redirigeront vers le domaine associé à votre pays, si celui-ci fait partie des ccTLD pris en charge.
Les lecteurs de blogs peuvent solliciter une version d'un contenu Blogspot spécifique à un pays en ajoutant à l'URL correspondante les lettres NCR.
NCR signifie "No Country Redirect" et permet d'afficher invariablement buzz.blogspot.com en anglais, que vous soyez en Inde, au Brésil, en Honduras, en France ou n'importe où ailleurs.
Par exemple, l'adresse http://[nom du blog].blogspot.com/ncr renvoie systématiquement à la version du blog en anglais américain.
En effet, cette URL spéciale installe temporairement un cookie (cookie de session et/ou à durée de vie limitée) qui empêche la redirection géographique depuis le domaine désiré. Cela fonctionne sur tous les navigateurs Web et tous les systèmes d'exploitation.
En savoir plus encore sur bloggercode

dimanche 12 février 2012

Diaporama widget

Le widget diaporama dans Blogger est loin d'être au point.
Si vous l'utilisez tel-quel vous allez vous retrouver avec un diaporama "rikiki" et ridicule...
Pour l'agrandir à 350x260 px, voici ce qu'il faut faire (trouvé dans aide-blogger-fr.blogspot.com):

Modifier la taille du Diaporama


Créer le Diaporama, puis se rendre dans le panneau de contrôle de Blogger. Cliquer sur Paramètres puis Mise en page et Modifier le code HTML. Choisir Développer des modèles de Gadget.
Rechercher le bloc div suivant :

<div class='slideshow-container' expr:id='data:widget.instanceId + "_slideshow"'>

Ajouter les dimensions désirées, par exemple 350 x 260 :

<div class='slideshow-container' expr:id='data:widget.instanceId + "_slideshow"' style='width: 350px; height: 260px;'>


Voici mon code pour le diaporama sur la vague de froid en France (visible sur http://st-martin-meteo-weather.blogspot.com/):

<div class='widget-content'>
    <div class='slideshow-container' expr:id='data:widget.instanceId + &quot;_slideshow&quot;' style='width: 500px; height: 371px;'>
      <span class='slideshow-status'>Loading...</span>
    </div>


Autres dimensions possibles:
  • 500x371
  • 640x475
  • 800x594
  • Autre solution: créer une image de 350x260 dans votre logiciel graphique préféré et modifiez ses dimensions en conservant les proportions. Copiez les dimensions obtenues en pixels et les utiliser pour remplacer celles du code.
Une autre solution: aller dans Picasa Web et y faire votre diaporama. Voici mon code:
<embed type="application/x-shockwave-flash" src="https://picasaweb.google.com/s/c/bin/slideshow.swf" width="600" height="400" flashvars="host=picasaweb.google.com&hl=fr&feat=flashalbum&RGB=0x000000&feed=https%3A%2F%2Fpicasaweb.google.com%2Fdata%2Ffeed%2Fapi%2Fuser%2F104605781604969270862%2Falbumid%2F5708256167233414769%3Falt%3Drss%26kind%3Dphoto%26hl%3Dfr" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>

vendredi 3 février 2012

Téléphoner depuis Gmail !

Je viens de m'apercevoir qu' un widget "appel téléphonique" était apparu dans la barre latérale de Gmail (peut-être y était-il depuis longtemps et je n'y avais pas fait attention...). Il me semblait que ce gadget (Google Voice) ne fonctionnait qu'aux "States" et à la rigueur au Canada... Mais non. Je me suis appelé (téléphone fixe) et ça a fonctionné! J'ai essayé d'appeler mon portable mais ça n'a pas fonctionné pour cause de crédit insuffisant. Je signale que je suis à St Martin (Ile moitié française et moitié hollandaise des Petites Antilles) qui est rattaché pour France-Télécom à la Guadeloupe, mais il n'y a pas de raison que ça ne fonctionne pas en France ou ailleurs.. Les crédits s'achètent par carte de crédit uniquement avec Google Wallet et par tranche de 10 $. Dommage, qu'on ne puisse pas utiliser Paypal. Notez que la mise à jour de votre compte lors de l'achat de crédit peut mettre un peu de temps. Voir ici. Voir les tarifs (9,6 centimes d'Euro pour appeler la France). https://www.google.com/voice/b/0/rates?hl=fr

Google Voice