Boutons de partage animés sur Blogger

 
DEMONSTRATION 

J'ai bien constaté que la plupart des visiteurs de Blogger pour les nuls prêtent une attention bien particulière aux boutons de partages ( Google+, Facebook et Twitter ).

C'est pour cela qu'aujourd'hui j'ai decidé d'enrichir le contenu de mon blog dans ce domaine, en introduisant ce nouveau widget, très agréable et captivant, contenant 6 icônes :Pinterest, Google, Twitter, Facebook, Tumblr et e-Mail.

Installation du widget des boutons de partage pour Blogger:

1 - Connectez vous à Blogger, puis choisissez votre blog > Modèle > Modifier le code HTML, une fois la box ouverte, cochez ' Développer des modèles gadget '

2 - Cherchez à l'aide de Ctrl+F ou en cliquant sur f3 le code suivant ' </body> '

3 - Copiez puis collez le code ci-dessous juste avant le code trouvé à l'étape 3.

<!-- Start Shareaholic Sassy Bookmarks HTML --><div class='shr_ss shr_publisher'>
</div><!-- End Shareaholic Sassy Bookmarks HTML --><!-- Start Shareaholic Sassy Bookmarks settings --><script type='text/javascript'>var SHRSS_Settings = {&quot;shr_ss&quot;:{&quot;src&quot;:&quot;//dtym7iokkjlif.cloudfront.net/media/downloads/sassybookmark&quot;,&quot;link&quot;:&quot;&quot;,&quot;service&quot;:&quot;5,7,2,313,38,201,88,74&quot;,&quot;apikey&quot;:&quot;b87f5899d80a5edce8b5e55f58542ef0f&quot;,&quot;localize&quot;:true,&quot;shortener&quot;:&quot;bitly&quot;,&quot;shortener_key&quot;:&quot;&quot;,&quot;designer_toolTips&quot;:true,&quot;tip_bg_color&quot;:&quot;black&quot;,&quot;tip_text_color&quot;:&quot;white&quot;,&quot;viewport&quot;:true,&quot;twitter_template&quot;:&quot;${title} - ${short_link} via @Shareaholic&quot;}};</script><!-- End Shareaholic Sassy Bookmarks settings --><!-- Start Shareaholic Sassy Bookmarks script --><script type='text/javascript'>(function() {var sb = document.createElement(&quot;script&quot;); sb.type = &quot;text/javascript&quot;;sb.async = true;sb.src = (&quot;https:&quot; == document.location.protocol ? &quot;https://dtym7iokkjlif.cloudfront.net&quot; : &quot;http://cdn.shareaholic.com&quot;) + &quot;/media/js/jquery.shareaholic-publishers-ss.min.js&quot;;var s = document.getElementsByTagName(&quot;script&quot;)[0]; s.parentNode.insertBefore(sb, s);})();</script>
<!-- End Shareaholic Sassy Bookmarks script --><!-- End Shareaholic Sassy Bookmarks HTML -->

      PS: Remplacez le code en vert par votre compte twitter.

4 - Enregistrez le modèle et le widget est prêt ;)