JumpTop JumpBottom

Créer un bouton pour ajouter une news a twitter …




Voila un petit tuto, mais alors tout petit pour ceux et celles qui voudraient ajouter un bouton twitter sur leur blog qui leur permet le partage d’articles directement avec twitter. En bref c’est un bouton qui permet d’envoyer un news …et qui va afficher cela dans votre twitter, et il ne vous restera plus qu’a « update »





Il faut dans un premier temps que vous trouviez l’icône qui vous fait plaisir afin de représenter le petit ouseau de twitter, ou alors une toute autre icône qui n’aurait pas de rapport, là dessus pas de soucis c’est vous qui voyez. Sinon, un petit pack d’icônes comme celui-ci pourrait le faire :

telecharger le set d’icônes (source siahdesign)




Ensuite il faut passer à la partie « code », qui vous allez le voir ne casse pas 4 pattes à un canard.

<a href="http://twitter.com/home?status=Regardez ca <?php the_permalink(); ?>" target="_blank">
<img src="http://image-de-votre-twitter.jpg" /></a>

Vous pouvez insérer ce bout de code ou vous voulez, le mieux je dirais que c’est dans le fichier single.php de votre template, juste en dessous de

<?php the_content?>

Ensuite uploader votre fichier php sur votre serveur et voila.




Nous venons de voir un petit tuto qui va vous permettre d’ajouter un link twitter de partage, c’est cool …








L'auteur de l'article
John's Graphisme, Directeur Artistique, Webdesigner et Graphiste Freelance. Vous pouvez voir mes travaux sur mon portfolio, ou me suivre sur mon Twitter.





Autres articles à lire absolument (si tu veux)



8 commentaires

  1. 1 LoulouchanNo Gravatar dit :

    Ahhh mais moi je suis une victime hyper conscentente de tous ces ptits reseaux, widgets et autres gadgets sympatoches :) )
    Seulemement je n’arrive pas a lire entierement la fin de ton post avec le code complet et la faCon de l’installer… :(

    Le cadre du code déborde à droite et à gauche de ta colonne de texte et le texte d’explication aprés en fait auttant, sachant que ce qui dépasse… redevient aussi noir que le fond …
    Dommage je l’aurais bien essayé :) ) (1 journée pour coller le code, 1 pour le tester, avec mon super hébergeur :) )

    En tout cas merci tout de meme pour l’idée :)

  2. 2 John's GraphismeNo Gravatar dit :

    >> Loulouchan : tu es sous quel navigateur ?
    Pour copier le code, tu fais un Ctrl A et apres un Ctrl C là ou tu veux le coller, sinon, tu cliques sur « view plain » pour le voir en entier et le copier …

    Dis moi …

  3. 3 shogNo Gravatar dit :

    bien sympa ce petit bouton, j’attends avec impatience le prochain article sur le bouton wikio

  4. 4 NeoStingNo Gravatar dit :

    je vais m’en inspirez pour m’en créer un tiens :) Je vais en revanche en profiter pour mettre l’url raccourcie :) Prochainement dans un billet et un pti bl pour toi pour m’avoir filé cette idée. ++

  5. 5 John's GraphismeNo Gravatar dit :

    >> Neosting : c’est vrai qu’un petit url raccourci aurait été pas mal, tks à toi

  6. 6 NeoStingNo Gravatar dit :

    Aussitôt dit, aussitôt fait, comme tu as peut-être pu le voir sur mon blog, sinon, c’est ici : http://www.neosting-press.fr/archives/1176 par contre, j’ai honte pour les fautes sur mon commentaire précédent. Merci encore pour l’idée, tu eux éventuellement t’en inspirer :)

  7. 7 Marie-MichelineNo Gravatar dit :

    Merci …c’est ce que je voulais.

  8. 8 John's GraphismeNo Gravatar dit :

    @Marie-micheline : je suis content de t’avoir aidé.

Aucun trackback