Mot-clé - Partage social

Fil des billets - Fil des commentaires

dimanche 29 décembre 2013 à

Ajouter des boutons de partage social sans tracking à Dotclear

partagesociaux.png Pendant les vacances d'hiver ou il fait pas trop chaud on aime bien bricoler et j'ai donc voulu mettre le blog au goût du jour avec les boutons de partage social.
Après quelques recherches sur le net je suis tombé sur le code HTML de Ohax qui propose d'afficher les boutons de partage sans tracking pour Wordpress et le billet de korben. Alors du coup j'ai adapté le code pour Dotclear comme vous pouvez le voir sur la capture et a la fin du billet bien sûr avec des icônes que j'ai fait pour le thème de mon blog.
Copier le code là ou vous voulez retrouver vos boutons de partage et oubliez pas de mettre vos icônes dans le dossier images de votre thème ( ou modifiez le chemin ) et normalement cela devrait être bon.

<div>
   <p><i>Partagez cet article avec vos amis en cliquant sur les boutons ci-dessous :</i></p>
<a title="Twitter" href="https://twitter.com/share?url={{tpl:EntryURL}}" rel="nofollow" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=400,width=700');return false;">
<img src="{{tpl:BlogThemeURL}}/images/twitter_icon.png" alt="Twitter" /></a>
       
<a title="Facebook" href="https://www.facebook.com/sharer.php?u={{tpl:EntryURL}}" rel="nofollow" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=500,width=700');return false;">
<img src="{{tpl:BlogThemeURL}}/images/facebook_icon.png" alt="Facebook" /></a>
       
<a title="Google +" href="https://plus.google.com/share?url={{tpl:EntryURL}}" rel="nofollow" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=450,width=650');return false;">
<img src="{{tpl:BlogThemeURL}}/images/gplus_icon.png" alt="Google Plus" /></a>
        
<a title="Linkedin" href="https://www.linkedin.com/shareArticle?url={{tpl:EntryURL}}" rel="nofollow" onclick="javascript:window.open(this.href, '','menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=450,width=650');return false;">
<img src="{{tpl:BlogThemeURL}}/images/linkedin_icon.png" alt="Linkedin" /></a>
       
<a title="Envoyer par mail" href="mailto:?subject={{tpl:EntryURL}}" rel="nofollow">
<img src="{{tpl:BlogThemeURL}}/images/email_icon.png" alt="email" /></a>
</div>

Vous pouvez adapter le code avec votre feuille de style et trouvez des icônes avec notre ami Google sinon demandez toujous si j'ai le temps je peux toujours en faire au style de votre thème.
Bon partage !