Ajout d’un bouton tweet et d’un bouton like de facebook

bouton facebook et twitterN’étant pas doué pour écrire une ligne de code, mais très doué pour les pomper ailleurs surtout quand c’est donné gentillement, j’ai sucombé à la mode et j’ai ajouté mes deux petits boutons comme beaucoup le monde

1) Le boutons twitter (redondant avec mon bouton tweetmeme que je garde pour l’instant)

2) Le bouton facebook qui s’intégrer dans un iframe (je pensais que le iframe était un truc du passé)

A cette fin j’ai fait ma petite recherche et j’ai copié le code twitter chez

  • mrboo.fr en prenant soin d’y mettre mon @thierryroget à la place de @mrboo. Je n’ai pas longtemps attendu pour voir si ça bugué ou pas car avec twitter il faut s’attendre à tout

Et pour le code de chez facebook  je l’ai récupéré chez

  • l-tz.com ou j’ai récopié la version longue

Nota 1: Une fois installé j’ai regardé le résultat et ça n’a pas marché. Bien sûr, il y a mon plugin wp super cache qui est activé. Donc si vous êtes comme moi, attendez que le cache se vide pour voir apparaître le résultat.

Nota 2: je n’ai pas intégré quoique ce soit dans la feuille de style CSS, les boutons sont donc simplement à gauche après le billet

Nota 3: j’ai préféré ajouter le bouton à la fin de l’article, car j’estime quand même que mon visiteur doit découvrir le bouton après avoir lu ou disons survolé ma prose.

Comment intégrer n’importe quelle page html dans un blog ou site

embedEn fait la recette est vieille comme le monde, mais les non codeurs comme moi, n’ont pas forcément le réflexe d’aller creuser les codes! La question me vient d’une lectrice qui m’a fait part que google doc ne fournissait plus le code pour insérer (embedder) les documents dans un blog ou site.  Il y a un petit mois, puisque je ne pouvais plus le faire sur google doc, j’avais proposé de migrer chez Zoho qui fournit le code « embed » ou le code d’incrustation. cf mon billet comment intégrer une feuille excel dans un blog« 

En faisant une petite recheche, je me suis rendu que w3schools.com/tag_iframe justement fournit le code et les explications qui vont avec

Voila le genre de code html  qu’il faut mettre dans votre blog ou site internet.

<iframe src ="url de la page google doc" width="100%" height="300">
  <p>Your browser does not support iframes.</p>
</iframe>
Normalement, tous les navigateurs supporte ce standard

Attention avec wordpress, une fois que vous publiez le billet, si vous voulez ensuite corriger votre billet le code aura disparu! C’est le seul inconvenient!

Pas compliqué, mais il fallait juste savoir que ça existe.

Coloreminder: pour trouver des variations de couleurs

Je ne suis pas un web designer, mais de temps en temps j’aime faire une petite retouche de couleur sur un de mes nombreux blogs et à ce titre je collectionne des sites qui parlent de couleur et de choix de couleurs sur internet. Ils sont nombreux et Coloreminder.com vient de sortir

paltte de couelurJe ne suis pas un web designer, mais de temps en temps j’aime faire une petite retouche de couleur sur un de mes nombreux blogs et à ce titre je collectionne des sites qui parlent de couleur et de choix de couleurs sur internet. Ils sont nombreux et Coloreminder.com vient de sortir et il permet de trouver un dégradé d’une  couleur du plus foncé au plus clair.

palette de couleur

A ce titre, il suffit de taper le code alphanumérique d’une couleur pour obtenir une palette. Si vous ne savez pas ce qu’est un code alphanumérique, vous pouvez choisir une couleur en appuyant sur le petit cercle multicolore.  Il y a un petit tuto sur le site qui explique bien comment on intégre une couleur en code html.

choix des couleurs

Coloreminder.com

pour trouver d’autres sites du même genres : delicious.com/marothro/couleur?detail=1

Pin It on Pinterest