jeudi 20 janvier 2011

Insérer un bouton twitter sous blogger

Je vous ai concocté toute une petite série de tutos consacrée aux widgets et autres améliorations blogger.
Pour celles qui ont un compte twitter ou pour celles qui souhaitent en créer un, rendez vous sur le site twitterbuttons.com.

A la place de "YOUR ID", inscrivez votre Nom de compte puis entrer et sélectionner votre bouton favori.

Cela vous génère un code à copier,

vous pouvez sans problème effacer tout le code suivant :
<br /><a href="http://www.twitterbuttons.com">By TwitterButtons.com</a>
qui affiche uniquement un lien vers le site TwitterButtons.

Ensuite rendez-vous sur votre interface d'administration blogger, onglet "Présentation", puis "ajouter un gadget" et copier enfin le code dans la champ "contenu" (vous pouvez laisser le champ "titre" vide).

Enfin, vous pouvez déplacer le gadget ou bon vous semble.

Astuce 1 : Bouton trop grand
Si votre image est trop grande, vous pouvez modifier la largeur et la hauteur de celle-ci grâce aux propriétés width et height de la balise image soit
width="259" height="88" 
Attention, vous devez modifier proportionnellement ces 2 valeurs aux risquent de déformer votre bouton.

Astuce 2 : Créer sa propre image 
Vous pouvez bien entendu créer votre propre image. L'importer dans votre blog, puis modifier la propriété src du lien en indiquant l'url (l'adresse) de votre image.
exemple :
src="http://www.twitterbuttons.com/upload/images/08247c176fnt13.png"
devient alors
src="url de votre image" 
Conseil  
Malgré les nombreux choix proposés, choisissez un bouton reprenant les caractéristiques de Twitter, c'est à dire les déclinaisons de bleu et/ou l'oiseau. Ceci afin que l'attention de votre visiteur soit immédiatement capté par une symbolique qui lui parle et qu'il comprend du premier coup d'œil.


Voili, voilou, c'est déjà terminé, ce n'était pas bien compliqué !

Si vous voulez me suivre sur twitter, c'est ici.

Aucun commentaire:

Enregistrer un commentaire

Related Posts Plugin for WordPress, Blogger...