Comment faire pour ajouter Bouton Twitter à votre modèle Blogger




Twitter est devenu l'un des plus populaires jamais la syndication et la mise en réseau des outils pour les bloggers. Quelques lecteurs ont demandé s'il est possible d'ajouter un "Tweet Ce lien à nos modèles de Blogger, et bien que cela était possible, je n'avais pas découvert une méthode permettant de raccourcir automatiquement l'URL de notre blog jusqu'à maintenant.


Heureusement pour nous, Bit.ly ont créé une solution basée sur le langage JavaScript qui réduit l'URL de quelques personnages et permet aux blogueurs d'ajouter un Tweet Ce lien configuré pour leurs postes. Dans ce tutoriel, je vous expliquerai comment vous pouvez l'ajouter à votre modèle Blogger afin que vos lecteurs puissent Tweet vos messages Twitter à leurs adeptes, qui permet à votre Blogger postes syndiqués d'être à un public plus large.

Modification de votre modèle d'ajouter les liens Twitter

1/Recherche de cette section dans votre modèle Blogger code (ou similaire):

< class="'post-footer-line">


Si vous ne trouvez pas sur cette ligne de code, la recherche de "post-footer 'à la place. Sinon, vous pouvez ajouter votre code immédiatement après la ligne:

<>



Juste après le "post-footer" vous avez trouvé la ligne, collez la section suivante du code:


<b:if cond='data:blog.pageType == "item"'><span style='float: left; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifLzSPJnfTthljp7lsAxzyR0NMqZPLw6_KXxLS58MfPHKzDkklVtGBdsnuMm70t4ZNTqr-gQN3acHmlnjfmEuHDdk9PFiME6suBef5dI5pYWY3dt64_VE8AS8MTS1hacYqRvSDmkIgwhN7/s128/twitter-16x16.png) left no-repeat; padding-left: 20px;'><script charset='utf-8' src='http://bit.ly/javascript-api.js?version=latest&amp;login=tweettrackjs&amp;apiKey=R_7e9987b2fd13d7e4e881f9cbb168f523' type='text/javascript'/>

<script charset='utf-8' src='http://s.bit.ly/TweetAndTrack.js?v=1.01' type='text/javascript'/>

<a expr:onclick='"return TweetAndTrack.open(this, \"" + data:post.url + "\");"' href='#'>

<span style='display:none;'>J'ai lu: <data:post.title/></span>Partager sur Twitter!</a></span></b:if>



Vous pouvez enregistrer votre modèle. Désormais, lorsque vous affichez une page, sur votre blog, vous verrez un lien dans le post-footer section qui ressemble à ceci:

Note: Ce lien génère automatiquement un raccourci Bit.ly URL de votre poste. Quand un utilisateur clique sur ce lien, ils sont pris à Twitter.com

11 Commentaires

Laisser un commentaire

  1. Aller je l'ajoute à mon site/blog va peu faire des visite en plus...

    @ http://zarkoo.blogspot.com/

    A+

    RépondreSupprimer
  2. rien à faire, ca fait plusieurs fois que je recommence et ca ne marche pas ?????

    peux tu m'expliquer pourquoi ????
    j'ai bien repéré < div class='post-footer-line post-footer-line-1' >, j'ai introduit le code après, mais rien n'apparait !!!!

    bonne journée
    virginie

    RépondreSupprimer
  3. @virginie : sinon rajoute juste le code dans la colonne de ton blog : mise en page/Element de page/Ajouter un gadget/HTML/JavaScript et tu colle le dernier code...

    a+

    RépondreSupprimer
  4. bonjour, excuses moi ca marche en fait, je ne le vois pas apparaitre sur le fenetre pop up mais bien dans ma partie privée.

    merci encore

    RépondreSupprimer
  5. c'est encore moi, comment te contacter ????
    tu n'as pas de petit logo sur ton blog ou je puisse te contacter ????
    en fait, j'ai qq questions sur blogger, et je ne trouve pas les réponses !!!

    merci

    virginiebalijon@gmail.com

    RépondreSupprimer
  6. Formidable !
    Merci pour cette astuce bien utile !

    http://tambour-major.blogspot.com/

    RépondreSupprimer
  7. http://brianrandallofficial.blogspot.com

    RépondreSupprimer
  8. Ca ne marche pas! En plus il y a plusieurs
    < class="'post-footer-line"> et j'ai essayé également en gadget javascript ça ne passe pas non plus!

    RépondreSupprimer
  9. Merci www.cemination-series.blogspot.com

    RépondreSupprimer

Enregistrer un commentaire

Laisser un commentaire

Plus récente Plus ancienne