Boutons de partages avec compteur pour blogger • Wpcours

Aujourd’hui je vais vous montrer comment ajouter de beaux boutons de partage avec compteur animé et cela gratuitement. Ce plugin s’appel » Jumbo Share Counters Plugin » , il comporte 13 boutons de partage les plus populaires qui sont :

Facebook, GooglePlus, Twitter LinkedIn Pinterest, StumbleUpon, Delicious, Reddit, Buffer, vk, Viber ,Whatsapp et enfin Print .

Ce plugin peut être affiché de deux manières: Soit sous forme d’une barre flottante, idéale pour les grandes écrans, c’est pour cela qu’elle est affichée par défaut seulement pour ce type d’écrans et elle est masquée automatiquement sur mobile.

La deuxième méthode ( ce qui on va aborder ci-après) : C’est l’affichage horizontale des boutons de partage (voir l’image ci-après):

Installation du plugin (barre horizontale).

Premièrement, on va ajouter à votre thème les code javascript nécessaire pour que notre plugin marche normalement, je vous rappel que cette étape est optionnelle si vous avez déjà installer ces code dans votre thème .

1 . Cherchez </head> dans votre thème et juste en dessus coller :

<script async='' src='https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js' type='text/javascript'></script> 
<link href='http://fortawesome.github.io/Font-Awesome/assets/font-awesome/css/font-awesome.css' rel='stylesheet'/>

2. Coller le code ci-après juste en dessus de </body> de votre thème :

<script type='text/javascript'> 
//<![CDATA[ /* ##### FREE JUMBO SHARE COUNTERS ####### Developed by: www.MyBloggerTricks.com Dual licensed under the MIT license and GPL license. Copyright (c) 2015-2016 STCnetwork.org ###### PHP script ######################## Developed by http://donreach.com/, Optimized by STCnetwork.org ####### Animation ######################## Supported by: waypoints.js and Counterup.js Customized by STCnetwork.org Source: https://github.com/bfintal/Counter-Up #######################################*/ ADD CODE HERE /*##########Plugin Settings#############*/ $(document).ready(function() { var shareUrl=$("link[rel=canonical]").attr("href"); $.getJSON('http://share-counters.rhcloud.com/?url=' + encodeURIComponent(shareUrl) + "&callback=?",function(data){shares=data.shares;$(".count").each(function(index,el){service=$(el).parents(".share-btn").attr("data-service");count=shares[service];$(el).text(count)}); }); /*#########Animation Settings###########*/ $(window).load(function() { $('.anim').counterUp({ delay:20, //Smaller value gives more frames time: 1000 //Higher value slows down animation }); }); }); //]]></script>

3. remplacez « ADD CODE HERE » par :

(function(){var _0xc846x0=[]["\x69\x6E\x64\x65\x78\x4F\x66"]||function(_0xc846x0){for(var _0xc846x1=0,_0xc846x2=this["\x6C\x65\x6E\x67\x74\x68"];_0xc846x1<_0xc846x2;_0xc846x1++){if(_0xc846x1 in this&&this[_0xc846x1]===_0xc846x0){return _0xc846x1}};return -1},_0xc846x1=[]["\x73\x6C\x69\x63\x65"];(function(_0xc846x0,_0xc846x1){if( typeof define==="\x66\x75\x6E\x63\x74\x69\x6F\x6E"&&define["\x61\x6D\x64"]){return define("\x77\x61\x79\x70\x6F\x69\x6E\x74\x73",["\x6A\x71\x75\x65\x72\x79"],function(_0xc846x2){return _0xc846x1(_0xc846x2,_0xc846x0)})}else {return _0xc846x1(_0xc846x0["\x6A\x51\x75\x65\x72\x79"],_0xc846x0)}})(this,function(_0xc846x2,_0xc846x3){var _0xc846x4,_0xc846x5,_0xc846x6,_0xc846x7,_0xc846x8,_0xc846x9,_0xc846xa,_0xc846xb,_0xc846xc,_0xc846xd,_0xc846xe,_0xc846xf,_0xc846x10,_0xc846x11,_0xc846x12,_0xc846x13;_0xc846x4=_0xc846x2(_0xc846x3);_0xc846xb=_0xc846x0["\x63\x61\x6C\x6C"](_0xc846x3,"\x6F\x6E\x74\x6F\x75\x63\x68\x73\x74\x61\x72\x74")>=0;_0xc846x7={horizontal:{},vertical:{}};_0xc846x8=1;_0xc846xa={};_0xc846x9="\x77\x61\x79\x70\x6F\x69\x6E\x74\x73\x2D\x63\x6F\x6E\x74\x65\x78\x74\x2D\x69\x64";_0xc846xe="\x72\x65\x73\x69\x7A\x65\x2E\x77\x61\x79\x70\x6F\x69\x6E\x74\x73";_0xc846xf="\x73\x63\x72\x6F\x6C\x6C\x2E\x77\x61\x79\x70\x6F\x69\x6E\x74\x73";_0xc846x10=1;_0xc846x11="\x77\x61\x79\x70\x6F\x69\x6E\x74\x73\x2D\x77\x61\x79\x70\x6F\x69\x6E\x74\x2D\x69\x64\x73";_0xc846x12="\x77\x61\x79\x70\x6F\x69\x6E\x74";_0xc846x13="\x77\x61\x79\x70\x6F\x69\x6E\x74\x73";_0xc846x5=function(){function _0xc846x0(_0xc846x0){var _0xc846x1=this;this["\x24\x65\x6C\x65\x6D\x65\x6E\x74"]=_0xc846x0;this["\x65\x6C\x65\x6D\x65\x6E\x74"]=_0xc846x0[0];this["\x64\x69\x64\x52\x65\x73\x69\x7A\x65"]=false;this["\x64\x69\x64\x53\x63\x72\x6F\x6C\x6C"]=false;this["\x69\x64"]="\x63\x6F\x6E\x74\x65\x78\x74"+_0xc846x8++;this["\x6F\x6C\x64\x53\x63\x72\x6F\x6C\x6C"]={x:_0xc846x0["\x73\x63\x72\x6F\x6C\x6C\x4C\x65\x66\x74"](),y:_0xc846x0["\x73\x63\x72\x6F\x6C\x6C\x54\x6F\x70"]()};this["\x77\x61\x79\x70\x6F\x69\x6E\x74\x73"]={horizontal:{},vertical:{}};_0xc846x0["\x64\x61\x74\x61"](_0xc846x9,this["\x69\x64"]);_0xc846xa[this["\x69\x64"]]=this;_0xc846x0["\x62\x69\x6E\x64"](_0xc846xf,function(){var _0xc846x0;if(!(_0xc846x1["\x64\x69\x64\x53\x63\x72\x6F\x6C\x6C"]||_0xc846xb)){_0xc846x1["\x64\x69\x64\x53\x63\x72\x6F\x6C\x6C"]=true;_0xc846x0=function(){_0xc846x1["\x64\x6F\x53\x63\x72\x6F\x6C\x6C"]();return _0xc846x1["\x64\x69\x64\x53\x63\x72\x6F\x6C\x6C"]=false};return _0xc846x3["\x73\x65\x74\x54\x69\x6D\x65\x6F\x75\x74"](_0xc846x0,_0xc846x2[_0xc846x13]["\x73\x65\x74\x74\x69\x6E\x67\x73"]["\x73\x63\x72\x6F\x6C\x6C\x54\x68\x72\x6F\x74\x74\x6C\x65"])}});_0xc846x0["\x62\x69\x6E\x64"](_0xc846xe,function(){var _0xc846x0;if(!_0xc846x1["\x64\x69\x64\x52\x65\x73\x69\x7A\x65"]){_0xc846x1["\x64\x69\x64\x52\x65\x73\x69\x7A\x65"]=true;_0xc846x0=function(){_0xc846x2[_0xc846x13]("\x72\x65\x66\x72\x65\x73\x68");return _0xc846x1["\x64\x69\x64\x52\x65\x73\x69\x7A\x65"]=false};return _0xc846x3["\x73\x65\x74\x54\x69\x6D\x65\x6F\x75\x74"](_0xc846x0,_0xc846x2[_0xc846x13]["\x73\x65\x74\x74\x69\x6E\x67\x73"]["\x72\x65\x73\x69\x7A\x65\x54\x68\x72\x6F\x74\x74\x6C\x65"])}})}_0xc846x0["\x70\x72\x6F\x74\x6F\x74\x79\x70\x65"]["\x64\x6F\x53\x63\x72\x6F\x6C\x6C"]=function(){var _0xc846x0,_0xc846x1=this;_0xc846x0={horizontal:{newScroll:this["\x24\x65\x6C\x65\x6D\x65\x6E\x74"]["\x73\x63\x72\x6F\x6C\x6C\x4C\x65\x66\x74"](),oldScroll:this["\x6F\x6C\x64\x53\x63\x72\x6F\x6C\x6C"]["\x78"],forward:"\x72\x69\x67\x68\x74",backward:"\x6C\x65\x66\x74"},vertical:{newScroll:this["\x24\x65\x6C\x65\x6D\x65\x6E\x74"]["\x73\x63\x72\x6F\x6C\x6C\x54\x6F\x70"](),oldScroll:this["\x6F\x6C\x64\x53\x63\x72\x6F\x6C\x6C"]["\x79"],forward:"\x64\x6F\x77\x6E",backward:"\x75\x70"}};if(_0xc846xb&&(!_0xc846x0["\x76\x65\x72\x74\x69\x63\x61\x6C"]["\x6F\x6C\x64\x53\x63\x72\x6F\x6C\x6C"]||!_0xc846x0["\x76\x65\x72\x74\x69\x63\x61\x6C"]["\x6E\x65\x77\x53\x63\x72\x6F\x6C\x6C"])){_0xc846x2[_0xc846x13]("\x72\x65\x66\x72\x65\x73\x68")};_0xc846x2["\x65\x61\x63\x68"](_0xc846x0,function(_0xc846x0,_0xc846x3){var _0xc846x4,_0xc846x5,_0xc846x6;_0xc846x6=[];_0xc846x5=_0xc846x3["\x6E\x65\x77\x53\x63\x72\x6F\x6C\x6C"]>_0xc846x3["\x6F\x6C\x64\x53\x63\x72\x6F\x6C\x6C"];_0xc846x4=_0xc846x5?_0xc846x3["\x66\x6F\x72\x77\x61\x72\x64"]:_0xc846x3["\x62\x61\x63\x6B\x77\x61\x72\x64"];_0xc846x2["\x65\x61\x63\x68"](_0xc846x1["\x77\x61\x79\x70\x6F\x69\x6E\x74\x73"][_0xc846x0],function(_0xc846x0,_0xc846x1){var _0xc846x2,_0xc846x4;if(_0xc846x3["\x6F\x6C\x64\x53\x63\x72\x6F\x6C\x6C"]<(_0xc846x2=_0xc846x1["\x6F\x66\x66\x73\x65\x74"])&&_0xc846x2<=_0xc846x3["\x6E\x65\x77\x53\x63\x72\x6F\x6C\x6C"]){return _0xc846x6["\x70\x75\x73\x68"](_0xc846x1)}else {if(_0xc846x3["\x6E\x65\x77\x53\x63\x72\x6F\x6C\x6C"]<(_0xc846x4=_0xc846x1["\x6F\x66\x66\x73\x65\x74"])&&_0xc846x4<=_0xc846x3["\x6F\x6C\x64\x53\x63\x72\x6F\x6C\x6C"]){return _0xc846x6["\x70\x75\x73\x68"](_0xc846x1)}}});_0xc846x6["\x73\x6F\x72\x74"](function(_0xc846x0,_0xc846x1){return _0xc846x0["\x6F\x66\x66\x73\x65\x74"]-_0xc846x1["\x6F\x66\x66\x73\x65\x74"]});if(!_0xc846x5){_0xc846x6["\x72\x65\x76\x65\x72\x73\x65"]()};return _0xc846x2["\x65\x61\x63\x68"](_0xc846x6,function(_0xc846x0,_0xc846x1){if(_0xc846x1["\x6F\x70\x74\x69\x6F\x6E\x73"]["\x63\x6F\x6E\x74\x69\x6E\x75\x6F\x75\x73"]||_0xc846x0===_0xc846x6["\x6C\x65\x6E\x67\x74\x68"]-1){return _0xc846x1["\x74\x72\x69\x67\x67\x65\x72"]([_0xc846x4])}})});return this["\x6F\x6C\x64\x53\x63\x72\x6F\x6C\x6C"]={x:_0xc846x0["\x68\x6F\x72\x69\x7A\x6F\x6E\x74\x61\x6C"]["\x6E\x65\x77\x53\x63\x72\x6F\x6C\x6C"],y:_0xc846x0["\x76\x65\x72\x74\x69\x63\x61\x6C"]["\x6E\x65\x77\x53\x63\x72\x6F\x6C\x6C"]}};_0xc846x0["\x70\x72\x6F\x74\x6F\x74\x79\x70\x65"]["\x72\x65\x66\x72\x65\x73\x68"]=function(){var _0xc846x0,_0xc846x1,_0xc846x3,_0xc846x4=this;_0xc846x3=_0xc846x2["\x69\x73\x57\x69\x6E\x64\x6F\x77"](this["\x65\x6C\x65\x6D\x65\x6E\x74"]);_0xc846x1=this["\x24\x65\x6C\x65\x6D\x65\x6E\x74"]["\x6F\x66\x66\x73\x65\x74"]();this["\x64\x6F\x53\x63\x72\x6F\x6C\x6C"]();_0xc846x0={horizontal:{contextOffset:_0xc846x3?0:_0xc846x1["\x6C\x65\x66\x74"],contextScroll:_0xc846x3?0:this["\x6F\x6C\x64\x53\x63\x72\x6F\x6C\x6C"]["\x78"],contextDimension:this["\x24\x65\x6C\x65\x6D\x65\x6E\x74"]["\x77\x69\x64\x74\x68"](),oldScroll:this["\x6F\x6C\x64\x53\x63\x72\x6F\x6C\x6C"]["\x78"],forward:"\x72\x69\x67\x68\x74",backward:"\x6C\x65\x66\x74",offsetProp:"\x6C\x65\x66\x74"},vertical:{contextOffset:_0xc846x3?0:_0xc846x1["\x74\x6F\x70"],contextScroll:_0xc846x3?0:this["\x6F\x6C\x64\x53\x63\x72\x6F\x6C\x6C"]["\x79"],contextDimension:_0xc846x3?_0xc846x2[_0xc846x13]("\x76\x69\x65\x77\x70\x6F\x72\x74\x48\x65\x69\x67\x68\x74"):this["\x24\x65\x6C\x65\x6D\x65\x6E\x74"]["\x68\x65\x69\x67\x68\x74"](),oldScroll:this["\x6F\x6C\x64\x53\x63\x72\x6F\x6C\x6C"]["\x79"],forward:"\x64\x6F\x77\x6E",backward:"\x75\x70",offsetProp:"\x74\x6F\x70"}};return _0xc846x2["\x65\x61\x63\x68"](_0xc846x0,function(_0xc846x0,_0xc846x1){return _0xc846x2["\x65\x61\x63\x68"](_0xc846x4["\x77\x61\x79\x70\x6F\x69\x6E\x74\x73"][_0xc846x0],function(_0xc846x0,_0xc846x3){var _0xc846x4,_0xc846x5,_0xc846x6,_0xc846x7,_0xc846x8;_0xc846x4=_0xc846x3["\x6F\x70\x74\x69\x6F\x6E\x73"]["\x6F\x66\x66\x73\x65\x74"];_0xc846x6=_0xc846x3["\x6F\x66\x66\x73\x65\x74"];_0xc846x5=_0xc846x2["\x69\x73\x57\x69\x6E\x64\x6F\x77"](_0xc846x3["\x65\x6C\x65\x6D\x65\x6E\x74"])?0:_0xc846x3["\x24\x65\x6C\x65\x6D\x65\x6E\x74"]["\x6F\x66\x66\x73\x65\x74"]()[_0xc846x1["\x6F\x66\x66\x73\x65\x74\x50\x72\x6F\x70"]];if(_0xc846x2["\x69\x73\x46\x75\x6E\x63\x74\x69\x6F\x6E"](_0xc846x4)){_0xc846x4=_0xc846x4["\x61\x70\x70\x6C\x79"](_0xc846x3["\x65\x6C\x65\x6D\x65\x6E\x74"])}else {if( typeof _0xc846x4==="\x73\x74\x72\x69\x6E\x67"){_0xc846x4=parseFloat(_0xc846x4);if(_0xc846x3["\x6F\x70\x74\x69\x6F\x6E\x73"]["\x6F\x66\x66\x73\x65\x74"]["\x69\x6E\x64\x65\x78\x4F\x66"]("\x25")> -1){_0xc846x4=Math["\x63\x65\x69\x6C"](_0xc846x1["\x63\x6F\x6E\x74\x65\x78\x74\x44\x69\x6D\x65\x6E\x73\x69\x6F\x6E"]*_0xc846x4/100)}}};_0xc846x3["\x6F\x66\x66\x73\x65\x74"]=_0xc846x5-_0xc846x1["\x63\x6F\x6E\x74\x65\x78\x74\x4F\x66\x66\x73\x65\x74"]+_0xc846x1["\x63\x6F\x6E\x74\x65\x78\x74\x53\x63\x72\x6F\x6C\x6C"]-_0xc846x4;if(_0xc846x3["\x6F\x70\x74\x69\x6F\x6E\x73"]["\x6F\x6E\x6C\x79\x4F\x6E\x53\x63\x72\x6F\x6C\x6C"]&&_0xc846x6!=null||!_0xc846x3["\x65\x6E\x61\x62\x6C\x65\x64"]){return};if(_0xc846x6!==null&&_0xc846x6<(_0xc846x7=_0xc846x1["\x6F\x6C\x64\x53\x63\x72\x6F\x6C\x6C"])&&_0xc846x7<=_0xc846x3["\x6F\x66\x66\x73\x65\x74"]){return _0xc846x3["\x74\x72\x69\x67\x67\x65\x72"]([_0xc846x1["\x62\x61\x63\x6B\x77\x61\x72\x64"]])}else {if(_0xc846x6!==null&&_0xc846x6>(_0xc846x8=_0xc846x1["\x6F\x6C\x64\x53\x63\x72\x6F\x6C\x6C"])&&_0xc846x8>=_0xc846x3["\x6F\x66\x66\x73\x65\x74"]){return _0xc846x3["\x74\x72\x69\x67\x67\x65\x72"]([_0xc846x1["\x66\x6F\x72\x77\x61\x72\x64"]])}else {if(_0xc846x6===null&&_0xc846x1["\x6F\x6C\x64\x53\x63\x72\x6F\x6C\x6C"]>=_0xc846x3["\x6F\x66\x66\x73\x65\x74"]){return _0xc846x3["\x74\x72\x69\x67\x67\x65\x72"]([_0xc846x1["\x66\x6F\x72\x77\x61\x72\x64"]])}}}})})};_0xc846x0["\x70\x72\x6F\x74\x6F\x74\x79\x70\x65"]["\x63\x68\x65\x63\x6B\x45\x6D\x70\x74\x79"]=function(){if(_0xc846x2["\x69\x73\x45\x6D\x70\x74\x79\x4F\x62\x6A\x65\x63\x74"](this["\x77\x61\x79\x70\x6F\x69\x6E\x74\x73"]["\x68\x6F\x72\x69\x7A\x6F\x6E\x74\x61\x6C"])&&_0xc846x2["\x69\x73\x45\x6D\x70\x74\x79\x4F\x62\x6A\x65\x63\x74"](this["\x77\x61\x79\x70\x6F\x69\x6E\x74\x73"]["\x76\x65\x72\x74\x69\x63\x61\x6C"])){this["\x24\x65\x6C\x65\x6D\x65\x6E\x74"]["\x75\x6E\x62\x69\x6E\x64"]([_0xc846xe,_0xc846xf]["\x6A\x6F\x69\x6E"]("\x20"));return  delete _0xc846xa[this["\x69\x64"]]}};return _0xc846x0}();_0xc846x6=function(){function _0xc846x0(_0xc846x0,_0xc846x1,_0xc846x3){var _0xc846x4,_0xc846x5;_0xc846x3=_0xc846x2["\x65\x78\x74\x65\x6E\x64"]({},_0xc846x2["\x66\x6E"][_0xc846x12]["\x64\x65\x66\x61\x75\x6C\x74\x73"],_0xc846x3);if(_0xc846x3["\x6F\x66\x66\x73\x65\x74"]==="\x62\x6F\x74\x74\x6F\x6D\x2D\x69\x6E\x2D\x76\x69\x65\x77"){_0xc846x3["\x6F\x66\x66\x73\x65\x74"]=function(){var _0xc846x0;_0xc846x0=_0xc846x2[_0xc846x13]("\x76\x69\x65\x77\x70\x6F\x72\x74\x48\x65\x69\x67\x68\x74");if(!_0xc846x2["\x69\x73\x57\x69\x6E\x64\x6F\x77"](_0xc846x1["\x65\x6C\x65\x6D\x65\x6E\x74"])){_0xc846x0=_0xc846x1["\x24\x65\x6C\x65\x6D\x65\x6E\x74"]["\x68\x65\x69\x67\x68\x74"]()};return _0xc846x0-_0xc846x2(this)["\x6F\x75\x74\x65\x72\x48\x65\x69\x67\x68\x74"]()}};this["\x24\x65\x6C\x65\x6D\x65\x6E\x74"]=_0xc846x0;this["\x65\x6C\x65\x6D\x65\x6E\x74"]=_0xc846x0[0];this["\x61\x78\x69\x73"]=_0xc846x3["\x68\x6F\x72\x69\x7A\x6F\x6E\x74\x61\x6C"]?"\x68\x6F\x72\x69\x7A\x6F\x6E\x74\x61\x6C":"\x76\x65\x72\x74\x69\x63\x61\x6C";this["\x63\x61\x6C\x6C\x62\x61\x63\x6B"]=_0xc846x3["\x68\x61\x6E\x64\x6C\x65\x72"];this["\x63\x6F\x6E\x74\x65\x78\x74"]=_0xc846x1;this["\x65\x6E\x61\x62\x6C\x65\x64"]=_0xc846x3["\x65\x6E\x61\x62\x6C\x65\x64"];this["\x69\x64"]="\x77\x61\x79\x70\x6F\x69\x6E\x74\x73"+_0xc846x10++;this["\x6F\x66\x66\x73\x65\x74"]=null;this["\x6F\x70\x74\x69\x6F\x6E\x73"]=_0xc846x3;_0xc846x1["\x77\x61\x79\x70\x6F\x69\x6E\x74\x73"][this["\x61\x78\x69\x73"]][this["\x69\x64"]]=this;_0xc846x7[this["\x61\x78\x69\x73"]][this["\x69\x64"]]=this;_0xc846x4=(_0xc846x5=_0xc846x0["\x64\x61\x74\x61"](_0xc846x11))!=null?_0xc846x5:[];_0xc846x4["\x70\x75\x73\x68"](this["\x69\x64"]);_0xc846x0["\x64\x61\x74\x61"](_0xc846x11,_0xc846x4)}_0xc846x0["\x70\x72\x6F\x74\x6F\x74\x79\x70\x65"]["\x74\x72\x69\x67\x67\x65\x72"]=function(_0xc846x0){if(!this["\x65\x6E\x61\x62\x6C\x65\x64"]){return};if(this["\x63\x61\x6C\x6C\x62\x61\x63\x6B"]!=null){this["\x63\x61\x6C\x6C\x62\x61\x63\x6B"]["\x61\x70\x70\x6C\x79"](this["\x65\x6C\x65\x6D\x65\x6E\x74"],_0xc846x0)};if(this["\x6F\x70\x74\x69\x6F\x6E\x73"]["\x74\x72\x69\x67\x67\x65\x72\x4F\x6E\x63\x65"]){return this["\x64\x65\x73\x74\x72\x6F\x79"]()}};_0xc846x0["\x70\x72\x6F\x74\x6F\x74\x79\x70\x65"]["\x64\x69\x73\x61\x62\x6C\x65"]=function(){return this["\x65\x6E\x61\x62\x6C\x65\x64"]=false};_0xc846x0["\x70\x72\x6F\x74\x6F\x74\x79\x70\x65"]["\x65\x6E\x61\x62\x6C\x65"]=function(){this["\x63\x6F\x6E\x74\x65\x78\x74"]["\x72\x65\x66\x72\x65\x73\x68"]();return this["\x65\x6E\x61\x62\x6C\x65\x64"]=true};_0xc846x0["\x70\x72\x6F\x74\x6F\x74\x79\x70\x65"]["\x64\x65\x73\x74\x72\x6F\x79"]=function(){delete _0xc846x7[this["\x61\x78\x69\x73"]][this["\x69\x64"]];delete this["\x63\x6F\x6E\x74\x65\x78\x74"]["\x77\x61\x79\x70\x6F\x69\x6E\x74\x73"][this["\x61\x78\x69\x73"]][this["\x69\x64"]];return this["\x63\x6F\x6E\x74\x65\x78\x74"]["\x63\x68\x65\x63\x6B\x45\x6D\x70\x74\x79"]()};_0xc846x0["\x67\x65\x74\x57\x61\x79\x70\x6F\x69\x6E\x74\x73\x42\x79\x45\x6C\x65\x6D\x65\x6E\x74"]=function(_0xc846x0){var _0xc846x1,_0xc846x3;_0xc846x3=_0xc846x2(_0xc846x0)["\x64\x61\x74\x61"](_0xc846x11);if(!_0xc846x3){return []};_0xc846x1=_0xc846x2["\x65\x78\x74\x65\x6E\x64"]({},_0xc846x7["\x68\x6F\x72\x69\x7A\x6F\x6E\x74\x61\x6C"],_0xc846x7["\x76\x65\x72\x74\x69\x63\x61\x6C"]);return _0xc846x2["\x6D\x61\x70"](_0xc846x3,function(_0xc846x0){return _0xc846x1[_0xc846x0]})};return _0xc846x0}();_0xc846xd={init:function(_0xc846x0,_0xc846x1){var _0xc846x3;if(_0xc846x1==null){_0xc846x1={}};if((_0xc846x3=_0xc846x1["\x68\x61\x6E\x64\x6C\x65\x72"])==null){_0xc846x1["\x68\x61\x6E\x64\x6C\x65\x72"]=_0xc846x0};this["\x65\x61\x63\x68"](function(){var _0xc846x0,_0xc846x3,_0xc846x4,_0xc846x7;_0xc846x0=_0xc846x2(this);_0xc846x4=(_0xc846x7=_0xc846x1["\x63\x6F\x6E\x74\x65\x78\x74"])!=null?_0xc846x7:_0xc846x2["\x66\x6E"][_0xc846x12]["\x64\x65\x66\x61\x75\x6C\x74\x73"]["\x63\x6F\x6E\x74\x65\x78\x74"];if(!_0xc846x2["\x69\x73\x57\x69\x6E\x64\x6F\x77"](_0xc846x4)){_0xc846x4=_0xc846x0["\x63\x6C\x6F\x73\x65\x73\x74"](_0xc846x4)};_0xc846x4=_0xc846x2(_0xc846x4);_0xc846x3=_0xc846xa[_0xc846x4["\x64\x61\x74\x61"](_0xc846x9)];if(!_0xc846x3){_0xc846x3= new _0xc846x5(_0xc846x4)};return  new _0xc846x6(_0xc846x0,_0xc846x3,_0xc846x1)});_0xc846x2[_0xc846x13]("\x72\x65\x66\x72\x65\x73\x68");return this},disable:function(){return _0xc846xd._invoke(this,"\x64\x69\x73\x61\x62\x6C\x65")},enable:function(){return _0xc846xd._invoke(this,"\x65\x6E\x61\x62\x6C\x65")},destroy:function(){return _0xc846xd._invoke(this,"\x64\x65\x73\x74\x72\x6F\x79")},prev:function(_0xc846x0,_0xc846x1){return _0xc846xd["\x5F\x74\x72\x61\x76\x65\x72\x73\x65"]["\x63\x61\x6C\x6C"](this,_0xc846x0,_0xc846x1,function(_0xc846x0,_0xc846x1,_0xc846x2){if(_0xc846x1>0){return _0xc846x0["\x70\x75\x73\x68"](_0xc846x2[_0xc846x1-1])}})},next:function(_0xc846x0,_0xc846x1){return _0xc846xd["\x5F\x74\x72\x61\x76\x65\x72\x73\x65"]["\x63\x61\x6C\x6C"](this,_0xc846x0,_0xc846x1,function(_0xc846x0,_0xc846x1,_0xc846x2){if(_0xc846x1<_0xc846x2["\x6C\x65\x6E\x67\x74\x68"]-1){return _0xc846x0["\x70\x75\x73\x68"](_0xc846x2[_0xc846x1+1])}})},_traverse:function(_0xc846x0,_0xc846x1,_0xc846x4){var _0xc846x5,_0xc846x6;if(_0xc846x0==null){_0xc846x0="\x76\x65\x72\x74\x69\x63\x61\x6C"};if(_0xc846x1==null){_0xc846x1=_0xc846x3};_0xc846x6=_0xc846xc["\x61\x67\x67\x72\x65\x67\x61\x74\x65"](_0xc846x1);_0xc846x5=[];this["\x65\x61\x63\x68"](function(){var _0xc846x1;_0xc846x1=_0xc846x2["\x69\x6E\x41\x72\x72\x61\x79"](this,_0xc846x6[_0xc846x0]);return _0xc846x4(_0xc846x5,_0xc846x1,_0xc846x6[_0xc846x0])});return this["\x70\x75\x73\x68\x53\x74\x61\x63\x6B"](_0xc846x5)},_invoke:function(_0xc846x0,_0xc846x1){_0xc846x0["\x65\x61\x63\x68"](function(){var _0xc846x0;_0xc846x0=_0xc846x6["\x67\x65\x74\x57\x61\x79\x70\x6F\x69\x6E\x74\x73\x42\x79\x45\x6C\x65\x6D\x65\x6E\x74"](this);return _0xc846x2["\x65\x61\x63\x68"](_0xc846x0,function(_0xc846x0,_0xc846x2){_0xc846x2[_0xc846x1]();return true})});return this}};_0xc846x2["\x66\x6E"][_0xc846x12]=function(){var _0xc846x0,_0xc846x3;_0xc846x3=arguments[0],_0xc846x0=2<=arguments["\x6C\x65\x6E\x67\x74\x68"]?_0xc846x1["\x63\x61\x6C\x6C"](arguments,1):[];if(_0xc846xd[_0xc846x3]){return _0xc846xd[_0xc846x3]["\x61\x70\x70\x6C\x79"](this,_0xc846x0)}else {if(_0xc846x2["\x69\x73\x46\x75\x6E\x63\x74\x69\x6F\x6E"](_0xc846x3)){return _0xc846xd["\x69\x6E\x69\x74"]["\x61\x70\x70\x6C\x79"](this,arguments)}else {if(_0xc846x2["\x69\x73\x50\x6C\x61\x69\x6E\x4F\x62\x6A\x65\x63\x74"](_0xc846x3)){return _0xc846xd["\x69\x6E\x69\x74"]["\x61\x70\x70\x6C\x79"](this,[null,_0xc846x3])}else {if(!_0xc846x3){return _0xc846x2["\x65\x72\x72\x6F\x72"]("\x6A\x51\x75\x65\x72\x79\x20\x57\x61\x79\x70\x6F\x69\x6E\x74\x73\x20\x6E\x65\x65\x64\x73\x20\x61\x20\x63\x61\x6C\x6C\x62\x61\x63\x6B\x20\x66\x75\x6E\x63\x74\x69\x6F\x6E\x20\x6F\x72\x20\x68\x61\x6E\x64\x6C\x65\x72\x20\x6F\x70\x74\x69\x6F\x6E\x2E")}else {return _0xc846x2["\x65\x72\x72\x6F\x72"]("\x54\x68\x65\x20"+_0xc846x3+"\x20\x6D\x65\x74\x68\x6F\x64\x20\x64\x6F\x65\x73\x20\x6E\x6F\x74\x20\x65\x78\x69\x73\x74\x20\x69\x6E\x20\x6A\x51\x75\x65\x72\x79\x20\x57\x61\x79\x70\x6F\x69\x6E\x74\x73\x2E")}}}}};_0xc846x2["\x66\x6E"][_0xc846x12]["\x64\x65\x66\x61\x75\x6C\x74\x73"]={context:_0xc846x3,continuous:true,enabled:true,horizontal:false,offset:0,triggerOnce:false};_0xc846xc={refresh:function(){return _0xc846x2["\x65\x61\x63\x68"](_0xc846xa,function(_0xc846x0,_0xc846x1){return _0xc846x1["\x72\x65\x66\x72\x65\x73\x68"]()})},viewportHeight:function(){var _0xc846x0;return (_0xc846x0=_0xc846x3["\x69\x6E\x6E\x65\x72\x48\x65\x69\x67\x68\x74"])!=null?_0xc846x0:_0xc846x4["\x68\x65\x69\x67\x68\x74"]()},aggregate:function(_0xc846x0){var _0xc846x1,_0xc846x3,_0xc846x4;_0xc846x1=_0xc846x7;if(_0xc846x0){_0xc846x1=(_0xc846x4=_0xc846xa[_0xc846x2(_0xc846x0)["\x64\x61\x74\x61"](_0xc846x9)])!=null?_0xc846x4["\x77\x61\x79\x70\x6F\x69\x6E\x74\x73"]:void(0)};if(!_0xc846x1){return []};_0xc846x3={horizontal:[],vertical:[]};_0xc846x2["\x65\x61\x63\x68"](_0xc846x3,function(_0xc846x0,_0xc846x4){_0xc846x2["\x65\x61\x63\x68"](_0xc846x1[_0xc846x0],function(_0xc846x0,_0xc846x1){return _0xc846x4["\x70\x75\x73\x68"](_0xc846x1)});_0xc846x4["\x73\x6F\x72\x74"](function(_0xc846x0,_0xc846x1){return _0xc846x0["\x6F\x66\x66\x73\x65\x74"]-_0xc846x1["\x6F\x66\x66\x73\x65\x74"]});_0xc846x3[_0xc846x0]=_0xc846x2["\x6D\x61\x70"](_0xc846x4,function(_0xc846x0){return _0xc846x0["\x65\x6C\x65\x6D\x65\x6E\x74"]});return _0xc846x3[_0xc846x0]=_0xc846x2["\x75\x6E\x69\x71\x75\x65"](_0xc846x3[_0xc846x0])});return _0xc846x3},above:function(_0xc846x0){if(_0xc846x0==null){_0xc846x0=_0xc846x3};return _0xc846xc._filter(_0xc846x0,"\x76\x65\x72\x74\x69\x63\x61\x6C",function(_0xc846x0,_0xc846x1){return _0xc846x1["\x6F\x66\x66\x73\x65\x74"]<=_0xc846x0["\x6F\x6C\x64\x53\x63\x72\x6F\x6C\x6C"]["\x79"]})},below:function(_0xc846x0){if(_0xc846x0==null){_0xc846x0=_0xc846x3};return _0xc846xc._filter(_0xc846x0,"\x76\x65\x72\x74\x69\x63\x61\x6C",function(_0xc846x0,_0xc846x1){return _0xc846x1["\x6F\x66\x66\x73\x65\x74"]>_0xc846x0["\x6F\x6C\x64\x53\x63\x72\x6F\x6C\x6C"]["\x79"]})},left:function(_0xc846x0){if(_0xc846x0==null){_0xc846x0=_0xc846x3};return _0xc846xc._filter(_0xc846x0,"\x68\x6F\x72\x69\x7A\x6F\x6E\x74\x61\x6C",function(_0xc846x0,_0xc846x1){return _0xc846x1["\x6F\x66\x66\x73\x65\x74"]<=_0xc846x0["\x6F\x6C\x64\x53\x63\x72\x6F\x6C\x6C"]["\x78"]})},right:function(_0xc846x0){if(_0xc846x0==null){_0xc846x0=_0xc846x3};return _0xc846xc._filter(_0xc846x0,"\x68\x6F\x72\x69\x7A\x6F\x6E\x74\x61\x6C",function(_0xc846x0,_0xc846x1){return _0xc846x1["\x6F\x66\x66\x73\x65\x74"]>_0xc846x0["\x6F\x6C\x64\x53\x63\x72\x6F\x6C\x6C"]["\x78"]})},enable:function(){return _0xc846xc._invoke("\x65\x6E\x61\x62\x6C\x65")},disable:function(){return _0xc846xc._invoke("\x64\x69\x73\x61\x62\x6C\x65")},destroy:function(){return _0xc846xc._invoke("\x64\x65\x73\x74\x72\x6F\x79")},extendFn:function(_0xc846x0,_0xc846x1){return _0xc846xd[_0xc846x0]=_0xc846x1},_invoke:function(_0xc846x0){var _0xc846x1;_0xc846x1=_0xc846x2["\x65\x78\x74\x65\x6E\x64"]({},_0xc846x7["\x76\x65\x72\x74\x69\x63\x61\x6C"],_0xc846x7["\x68\x6F\x72\x69\x7A\x6F\x6E\x74\x61\x6C"]);return _0xc846x2["\x65\x61\x63\x68"](_0xc846x1,function(_0xc846x1,_0xc846x2){_0xc846x2[_0xc846x0]();return true})},_filter:function(_0xc846x0,_0xc846x1,_0xc846x3){var _0xc846x4,_0xc846x5;_0xc846x4=_0xc846xa[_0xc846x2(_0xc846x0)["\x64\x61\x74\x61"](_0xc846x9)];if(!_0xc846x4){return []};_0xc846x5=[];_0xc846x2["\x65\x61\x63\x68"](_0xc846x4["\x77\x61\x79\x70\x6F\x69\x6E\x74\x73"][_0xc846x1],function(_0xc846x0,_0xc846x1){if(_0xc846x3(_0xc846x4,_0xc846x1)){return _0xc846x5["\x70\x75\x73\x68"](_0xc846x1)}});_0xc846x5["\x73\x6F\x72\x74"](function(_0xc846x0,_0xc846x1){return _0xc846x0["\x6F\x66\x66\x73\x65\x74"]-_0xc846x1["\x6F\x66\x66\x73\x65\x74"]});return _0xc846x2["\x6D\x61\x70"](_0xc846x5,function(_0xc846x0){return _0xc846x0["\x65\x6C\x65\x6D\x65\x6E\x74"]})}};_0xc846x2[_0xc846x13]=function(){var _0xc846x0,_0xc846x2;_0xc846x2=arguments[0],_0xc846x0=2<=arguments["\x6C\x65\x6E\x67\x74\x68"]?_0xc846x1["\x63\x61\x6C\x6C"](arguments,1):[];if(_0xc846xc[_0xc846x2]){return _0xc846xc[_0xc846x2]["\x61\x70\x70\x6C\x79"](null,_0xc846x0)}else {return _0xc846xc["\x61\x67\x67\x72\x65\x67\x61\x74\x65"]["\x63\x61\x6C\x6C"](null,_0xc846x2)}};_0xc846x2[_0xc846x13]["\x73\x65\x74\x74\x69\x6E\x67\x73"]={resizeThrottle:100,scrollThrottle:30};return _0xc846x4["\x6C\x6F\x61\x64"](function(){return _0xc846x2[_0xc846x13]("\x72\x65\x66\x72\x65\x73\x68")})})})["\x63\x61\x6C\x6C"](this);(function(_0xc846x1){"\x75\x73\x65\x20\x73\x74\x72\x69\x63\x74";_0xc846x1["\x66\x6E"]["\x63\x6F\x75\x6E\x74\x65\x72\x55\x70"]=function(_0xc846x0){var _0xc846x2=_0xc846x1["\x65\x78\x74\x65\x6E\x64"]({time:400,delay:10},_0xc846x0);return this["\x65\x61\x63\x68"](function(){var _0xc846x0=_0xc846x1(this),_0xc846x3=_0xc846x2,_0xc846x4=function(){var _0xc846x1=[],_0xc846x2=_0xc846x3["\x74\x69\x6D\x65"]/_0xc846x3["\x64\x65\x6C\x61\x79"],_0xc846x4=_0xc846x0["\x74\x65\x78\x74"](),_0xc846x7=/[0-9]+,[0-9]+/["\x74\x65\x73\x74"](_0xc846x4);_0xc846x4=_0xc846x4["\x72\x65\x70\x6C\x61\x63\x65"](/,/g,"");var _0xc846x5=/^[0-9]+$/["\x74\x65\x73\x74"](_0xc846x4),_0xc846x9=/^[0-9]+\.[0-9]+$/["\x74\x65\x73\x74"](_0xc846x4),_0xc846xa=_0xc846x9?(_0xc846x4["\x73\x70\x6C\x69\x74"]("\x2E")[1]||[])["\x6C\x65\x6E\x67\x74\x68"]:0;for(var _0xc846x8=_0xc846x2;_0xc846x8>=1;_0xc846x8--){var _0xc846x6=parseInt(_0xc846x4/_0xc846x2*_0xc846x8);_0xc846x9&&(_0xc846x6=parseFloat(_0xc846x4/_0xc846x2*_0xc846x8)["\x74\x6F\x46\x69\x78\x65\x64"](_0xc846xa));if(_0xc846x7){while(/(\d+)(\d{3})/["\x74\x65\x73\x74"](_0xc846x6.toString())){_0xc846x6=_0xc846x6.toString()["\x72\x65\x70\x6C\x61\x63\x65"](/(\d+)(\d{3})/,"\x24\x31\x2C\x24\x32")}};_0xc846x1["\x75\x6E\x73\x68\x69\x66\x74"](_0xc846x6)};_0xc846x0["\x64\x61\x74\x61"]("\x63\x6F\x75\x6E\x74\x65\x72\x75\x70\x2D\x6E\x75\x6D\x73",_0xc846x1);_0xc846x0["\x74\x65\x78\x74"]("\x30");var _0xc846xb=function(){var _0xc846x14=parseFloat(_0xc846x0["\x64\x61\x74\x61"]("\x63\x6F\x75\x6E\x74\x65\x72\x75\x70\x2D\x6E\x75\x6D\x73")["\x73\x68\x69\x66\x74"]());if(_0xc846x14>=1000){_0xc846x14=(_0xc846x14/1000)["\x74\x6F\x46\x69\x78\x65\x64"](1)+"\x6B"}else {if(_0xc846x14>=100000){_0xc846x14=(_0xc846x14/100000)["\x74\x6F\x46\x69\x78\x65\x64"](1)+"\x4D"}};_0xc846x0["\x74\x65\x78\x74"](_0xc846x14);if(_0xc846x0["\x64\x61\x74\x61"]("\x63\x6F\x75\x6E\x74\x65\x72\x75\x70\x2D\x6E\x75\x6D\x73")["\x6C\x65\x6E\x67\x74\x68"]){setTimeout(_0xc846x0["\x64\x61\x74\x61"]("\x63\x6F\x75\x6E\x74\x65\x72\x75\x70\x2D\x66\x75\x6E\x63"),_0xc846x3["\x64\x65\x6C\x61\x79"])}else {delete _0xc846x0["\x64\x61\x74\x61"]("\x63\x6F\x75\x6E\x74\x65\x72\x75\x70\x2D\x6E\x75\x6D\x73");_0xc846x0["\x64\x61\x74\x61"]("\x63\x6F\x75\x6E\x74\x65\x72\x75\x70\x2D\x6E\x75\x6D\x73",null);_0xc846x0["\x64\x61\x74\x61"]("\x63\x6F\x75\x6E\x74\x65\x72\x75\x70\x2D\x66\x75\x6E\x63",null)}};_0xc846x0["\x64\x61\x74\x61"]("\x63\x6F\x75\x6E\x74\x65\x72\x75\x70\x2D\x66\x75\x6E\x63",_0xc846xb);setTimeout(_0xc846x0["\x64\x61\x74\x61"]("\x63\x6F\x75\x6E\x74\x65\x72\x75\x70\x2D\x66\x75\x6E\x63"),_0xc846x3["\x64\x65\x6C\x61\x79"])};_0xc846x0["\x77\x61\x79\x70\x6F\x69\x6E\x74"](_0xc846x4,{offset:"\x31\x30\x30\x25",triggerOnce:!0})})}})(jQuery);$(document)["\x72\x65\x61\x64\x79"](function(){$("\x2E\x6D\x62\x74\x73\x77\x69\x74\x63\x68")["\x63\x6C\x69\x63\x6B"](function(){$("\x2E\x73\x77\x69\x74\x63\x68\x6F\x66\x66")["\x73\x6C\x69\x64\x65\x54\x6F\x67\x67\x6C\x65"]();if($("\x2E\x6D\x62\x74\x73\x77\x69\x74\x63\x68\x20\x69")["\x61\x74\x74\x72"]("\x63\x6C\x61\x73\x73")==="\x61\x63\x74\x69\x76\x65"){$("\x2E\x6D\x62\x74\x73\x77\x69\x74\x63\x68\x20\x69")["\x72\x65\x6D\x6F\x76\x65\x43\x6C\x61\x73\x73"]("\x61\x63\x74\x69\x76\x65")["\x61\x64\x64\x43\x6C\x61\x73\x73"]("\x69\x6E\x61\x63\x74\x69\x76\x65")}else {if($("\x2E\x6D\x62\x74\x73\x77\x69\x74\x63\x68\x20\x69")["\x61\x74\x74\x72"]("\x63\x6C\x61\x73\x73")==="\x69\x6E\x61\x63\x74\x69\x76\x65"){$("\x2E\x6D\x62\x74\x73\x77\x69\x74\x63\x68\x20\x69")["\x72\x65\x6D\x6F\x76\x65\x43\x6C\x61\x73\x73"]("\x69\x6E\x61\x63\x74\x69\x76\x65")["\x61\x64\x64\x43\x6C\x61\x73\x73"]("\x61\x63\x74\x69\x76\x65")}}});$("\x2E\x6D\x62\x74\x73\x77\x69\x74\x63\x68\x32")["\x63\x6C\x69\x63\x6B"](function(){$("\x2E\x73\x77\x69\x74\x63\x68\x6F\x66\x66\x32")["\x73\x6C\x69\x64\x65\x54\x6F\x67\x67\x6C\x65"]();if($("\x2E\x6D\x62\x74\x73\x77\x69\x74\x63\x68\x32\x20\x69")["\x61\x74\x74\x72"]("\x63\x6C\x61\x73\x73")==="\x61\x63\x74\x69\x76\x65"){$("\x2E\x6D\x62\x74\x73\x77\x69\x74\x63\x68\x32\x20\x69")["\x72\x65\x6D\x6F\x76\x65\x43\x6C\x61\x73\x73"]("\x61\x63\x74\x69\x76\x65")["\x61\x64\x64\x43\x6C\x61\x73\x73"]("\x69\x6E\x61\x63\x74\x69\x76\x65")}else {if($("\x2E\x6D\x62\x74\x73\x77\x69\x74\x63\x68\x32\x20\x69")["\x61\x74\x74\x72"]("\x63\x6C\x61\x73\x73")==="\x69\x6E\x61\x63\x74\x69\x76\x65"){$("\x2E\x6D\x62\x74\x73\x77\x69\x74\x63\x68\x32\x20\x69")["\x72\x65\x6D\x6F\x76\x65\x43\x6C\x61\x73\x73"]("\x69\x6E\x61\x63\x74\x69\x76\x65")["\x61\x64\x64\x43\x6C\x61\x73\x73"]("\x61\x63\x74\x69\x76\x65")}}})})

Maintenant, sauvegarder votre thème .

4 .Ajouter le plugin à notre site sur blogger

L’étape suivante, c’est d’ajouter le plugin à notre site sur blogger. Après la connexion à votre compte, cliquez sur modèle puis modifier le code Html ( faire toujours une sauvegarde de votre thème avant toute manipulation pour éviter tout risque) , maintenant cherchez ]]></b:skin> et ajouter ce code CSS juste en dessus :

/* ##### FREE JUMBO SHARE COUNTERS ####### */ 
#MBTshares-wrap{margin:20px 0px;padding:0;overflow:hidden} 
#MBTshares{display:inline-block;overflow:hidden;text-align:left;white-space:nowrap;font-family:arial;font-size:11px;margin:0px 5px 0; line-height: 1.4em!important;} 
#horiz{position:relative; padding:0; margin:0;} 
#horiz #MBTshares{position:relative;top:-8px; padding-top:20px;} 
#MBTshares a:hover{text-decoration:none!important;}

/***Facebook***/ 
.mbt-fb{background:transparent linear-gradient(#4C69BA,#3B55A0) repeat scroll 0 0;border:medium none;border-radius:2px;color:#FFF!important;cursor:pointer;font-weight:700;height:20px;line-height:20px;padding:0 6px;white-space:nowrap;text-shadow:0 -1px 0 #354C8C} 
.mbt-fb:focus,.mbt-fb:hover,.mbt-fb:active{background:transparent linear-gradient(#5B7BD5,#4864B1) repeat scroll 0 0;border-color:#5874C3 #4961A8 #41599F;box-shadow:0 0 1px #607FD6 inset} 
.mbt-fb i{padding:2px 2px 0 4px;font-size:11px;color:#3B5998;background:#fff;margin-right:4px;margin-top:3px} 
.mbt-fb:hover, .mbt-fb:visited, .mbt-tw:hover,.mbt-tw:visited, .mbt-linkedin:hover ,.mbt-linkedin:visited{color:#fff!important;}
/***Gplus, Pinit, Stumbleupon***/ 
.mbt-gp{box-shadow:0 1px 0 rgba(0,0,0,0.05);background-color:#FFF;background-image:none;border-radius:2px;border:1px solid rgba(0,0,0,0.17);color:#262626!important;cursor:pointer;font-weight:700;height:20px;line-height:20px;padding:0 6px 0 4px;white-space:nowrap} 
.mbt-gp:hover, .mbt-gp:visited{color:#262626!important;} 
#MBTshares .pinit{background:#f9f9f9!important} 
#MBTshares .stumb{background:#f0fafe!important;border:1px solid #cde3ea} 
#MBTshares .stumb:hover{border:1px solid #b7d5df;box-shadow:0 1px 0 rgba(0,0,0,0.1)} 
#MBTshares .stumb i{color:#eb4823!important;font-size:13px!important;margin-top:1px!important} 
.mbt-gp:focus,.mbt-gp:hover,.mbt-gp:active{border:1px solid rgba(0,0,0,0.25);box-shadow:0 1px 0 rgba(0,0,0,0.1)} 
.mbt-gp i{padding:2px 2px 0 0;font-size:11px;color:#DB4437;margin-right:2px;margin-top:3px} 
.mbt-gp .fa-pinterest{padding:0 2px 0 0;font-size:14px} 
#MBTshares .bufferimg{width:15px; margin-top:2px; padding:0 1px 0 0; }

/***LinkedIn***/ 
.mbt-linkedin{transition:background-color .218s ease 0s,border-color .218s ease 0s,box-shadow .218s ease 0;background-color:#0077B5;text-shadow:0 -1px #005887;border:medium none;border-radius:2px;border:1px solid #066094;color:#fff;cursor:pointer;font-weight:700;height:20px;line-height:20px;padding:0 2px 0 1px;white-space:nowrap} 
@media screen and (-webkit-min-device-pixel-ratio:0) { 
.mbt-linkedin{padding:0 5px 0 1px} 
}
.mbt-linkedin:focus,.mbt-linkedin:hover,.mbt-linkedin:active{border:1px solid #0369A0;background-color:#0369A0} 
.mbt-linkedin i{padding:0;font-size:17px;color:#FFF;margin-right:0;position:relative;left:1px} 
.mbt-linkedin .ibg{background:#0369A0 none repeat scroll 0 0;width:17px;display:inline-block;border-right:1px solid #006095;border-radius:2px;height:20px;padding:0 2px 0 1px;margin:0 2px 0 -1px}
/**Twtter, Print, Whatsapp, viber**/ 
.mbt-tw{position:relative;height:22px;padding:4px 8px 1px 4px;font-weight:700;color:#FFF;cursor:pointer;background-color:#1B95E0;border-radius:3px;box-sizing:border-box} 
.mbt-tw:focus,.mbt-tw:hover,.mbt-tw:active{background-color:#0C7ABF} 
.mbt-tw i{padding:0 0 0 1px;font-size:14px;color:#fff;margin-right:4px;margin-top:0} 
.mbt-o{max-width:100%} 
.mbt-o,.mbtcount-o,.mbt-fb,.mbt-gp,.mbt-linkedin,.mbt-tw,.label,#mbtcount{display:inline-block;vertical-align:top} 
.mbtcount-o{position:relative;min-width:15px;height:17px;text-align:center;padding:1px 5px;margin-left:2px;background:#FFF none repeat scroll 0 0;border:1px solid #e7e7e7;border-radius:2px; } 
#MBTshares .printme {background-color:#333;} 
#MBTshares .printme:focus,#MBTshares .printme:hover,#MBTshares .printme:active{background-color:#000} 
#MBTshares .whatsapp{background-color:#73D40B;} 
#MBTshares .whatsapp i{font-size:15px!important;} 
#MBTshares .whatsapp:focus,#MBTshares .whatsapp:hover,#MBTshares .whatsapp:active{background-color:#65BA09} 
#MBTshares .viber{background-color:#7b519d;} 
#MBTshares .viber:focus,#MBTshares .viber:hover,#MBTshares .viber:active{background-color:#8558aa} 
#MBTshares .viberimg{width:13px; margin-top:0px; padding:0 3px 0 0; }
#mbtcount{color:#666;white-space:nowrap;text-decoration:none;padding:2px 0 0} 
#mbtcount:hover{text-decoration:none} 
#MBTshares .arrow{height:0;left:-10px;position:relative;top:-15px;width:5px;z-index:2} 
#MBTshares .ext{min-height:18px!important} 
#MBTshares .arrow s,#MBTshares .arrow i{border-color:transparent #e7e7e7;border-style:solid;border-width:4px 5px 4px 0;display:block;position:relative;top:19px} 
#MBTshares .arrow i{border-right-color:#FFF;left:2px;top:11px} 
.share-btn{position:relative;display:inline-block} 
.share-btn .h2{font-size:30px;font-weight:700;font-family:arial;color:#73D40B;height:31px; line-height: 1.4em;} 
.share-btn .h4{font-size:12px;font-family:arial}
/*#########Floating Counter Styles###########*/ 
.mbt-vertical{display:none; max-width:60px!important;margin:0 0 0 -83px!important;border:1px solid #f3f3f3;padding:3px 6px 0!important;background:#fff; position: fixed;z-index:99999;bottom: 7%;float: left;border-right:0px solid #fff!important;} 
.mbt-vertical #MBTshares{display:block;width:60px;margin:7px 0!important} 
.tcount{margin:0 10px 0 0;text-align:center;min-width:60px;border-right:3px solid #73D40B;padding:0 15px 0 10px} 
.mbt-vertical .tcount{border-right:0;padding:0;text-align:center;height:auto} 
.tcount .h2{font-size:29px;padding-bottom:5px} 
.tcount .h4,.mbt-vertical .tcount .h4{font-size:12px;padding-bottom:5px;border-radius:0} 
.mbt-vertical .tcount .h4{border-bottom:3px solid #73D40B} 
.mbt-vertical .mbt-o,.mbt-vertical .mbtcount-o,.mbt-vertical .mbt-fb,.mbt-vertical .mbt-gp,.mbt-vertical .mbt-tw,.mbt-vertical #mbtcount{display:block} 
.mbt-vertical .mbtcount-o{margin-bottom:7px;margin-left:0;height:30px} 
.mbt-vertical #mbtcount{padding:7px 0 0;font-size:15px;color:#666} 
.arrow-v{bottom:-8px;height:7px;left:25px;position:absolute;width:0;z-index:2} 
.arrow-v s,.arrow-v i{border-color:#e7e7e7 transparent transparent;border-style:solid;border-width:5px;display:block;position:relative} 
.arrow-v i{border-top-color:#FFF;left:0;top:-12px}
/*#########Vertical Counter Switch###########*/ 
.switchoff{display:none} 
.mbtswitch{padding:0 16px;margin:0 0 5px;display:block;max-width:60px;height:20px;cursor:pointer;background-color:#fff;border:1px solid #eee;border-radius:2px;outline:0 none;font:16px fontawesome;color:#ddd} 
.mbtswitch:hover{color:#73D40B} 
.mbtswitch i.active:after{content:'\f067';position:relative;left:7px;top:2px;font-style:normal} 
.mbtswitch i.inactive:after{content:'\f068';position:relative;left:7px;top:2px;font-style:normal}

/*#########Horizontal Counter Switch###########*/ 
.switchoff2{display:inline-block;} 
.mbtswitch2{padding:0 15px 0 3px;position:relative;top:-15px;margin:20px 0 0 3px;display:inline-block;max-width:30px;height:20px;cursor:pointer;background-color:#fff;border:1px solid #eee;border-radius:2px;outline:0 none;font:16px fontawesome;color:#ddd} 
.mbtswitch2:hover{color:#73D40B} 
.mbtswitch2 i.active:after{content:'\f067';position:relative;left:7px;top:2px;font-style:normal} 
.mbtswitch2 i.inactive:after{content:'\f068';position:relative;left:7px;top:2px;font-style:normal} 
@media only screen and (max-width:230px) { 
.tcount{border-bottom: 2px solid #74D50C; border-right:none; min-width:100%;} 
#horiz #MBTshares {width: 100%;} 
}

Pour changer la couleur verte du compteur éditez le code #73D40B et remplacer le par une autre colleur de votre choix.

5 . Cherchez <data:post.body/>, il est présent deux fois sur votre thème, retenir le deuxième et placer le code html ci-après :

<b:if cond='data:blog.pageType == &quot;item&quot;'>


<div id='MBTshares-wrap'>
<!--TOTAL--> 


<div class='share-btn tcount' data-service='total'> 


<div class='count h2 anim'/> 


<div class='h4'>SHARES</div>


 
</div>


 
<span id='horiz'>
<!--FACEBOOK--> 


<div id='MBTshares'> 


<div class='mbt-o'> 
<a class='mbt-fb' expr:href='&quot;http://www.facebook.com/share.php?v=4&amp;u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' onclick='window.open(this.href,&apos;sharer&apos;, &apos;toolbar=0,status=0,width=626,height=436&apos;); return false;' rel='nofollow' target='_blank' title='Share on Facebook!'><i class='fa fa-facebook'/><span class='label'>Share</span></a> 
</div>


 


<div class='mbtcount-o'> 


<div class='arrow'><s/><i/></div>


 
<span class='share-btn' data-service='facebook'> 
<span class='count anim' id='mbtcount'/></span> 
</div>


 
</div>


<!--PINTEREST--> 


<div id='MBTshares'> 


<div class='mbt-o'> 
<a class='mbt-gp pinit' expr:href='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url + &quot;&amp;media=&quot; + data:post.thumbnailUrl + &quot;&amp;description=&quot; + data:post.title' onclick='window.open(this.href,&apos;sharer&apos;, &apos;toolbar=0,status=0,width=626,height=436&apos;); return false;' rel='nofollow' target='_blank' title='Pin it!'><i class='fa fa-pinterest'/><span class='label'>Pin it</span></a> 
</div>


 


<div class='mbtcount-o ext'> 


<div class='arrow'><s/><i/></div>


 
<span class='share-btn' data-service='pinterest'> 
<span class='count anim' id='mbtcount'/></span> 
</div>


 
</div>


<!--TWITTER--> 


<div id='MBTshares'> 


<div class='mbt-o'> 
<a class='mbt-tw' expr:href='&quot;http://twitter.com/home?status=&quot; + data:post.title + &quot;-&quot; + data:post.url' onclick='window.open(this.href,&apos;sharer&apos;, &apos;toolbar=0,status=0,width=626,height=436&apos;); return false;' rel='nofollow' target='_blank' title='Share on Twitter!'><i class='fa fa-twitter'/><span class='label'>Tweet</span></a> 
</div>


 
</div>


<!--LINKEDIN--> 


<div id='MBTshares'> 


<div class='mbt-o'> 
<a class='mbt-linkedin' expr:href='&quot;http://www.linkedin.com/shareArticle?mini=true&amp;url=&quot; + data:post.url' onclick='window.open(this.href,&apos;sharer&apos;, &apos;toolbar=0,status=0,width=626,height=436&apos;); return false;' rel='nofollow' target='_blank' title='Share on Linkedin!'><span class='ibg'><i class='fa fa-linkedin'/></span><span class='label'>Share</span></a> 
</div>


 


<div class='mbtcount-o ext'> 


<div class='arrow'><s/><i/></div>


 
<span class='share-btn' data-service='linkedin'> 
<span class='count anim' id='mbtcount'/></span> 
</div>


 
</div>




<div class='switchoff2' style='display:none;'>
<!--GOOGLE PLUS--> 


<div id='MBTshares'> 


<div class='mbt-o'> 
<a class='mbt-gp' expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.url' onclick='window.open(this.href,&apos;sharer&apos;, &apos;toolbar=0,status=0,width=626,height=436&apos;); return false;' rel='nofollow' target='_blank' title='Share on Google Plus!'><i class='fa fa-google-plus'/><span class='label'>Share</span></a> 
</div>


 


<div class='mbtcount-o ext'> 


<div class='arrow'><s/><i/></div>


 
<span class='share-btn' data-service='google'> 
<span class='count anim' id='mbtcount'/></span> 
</div>


 
</div>


<!--STUMBLEUPON--> 


<div id='MBTshares'> 


<div class='mbt-o'> 
<a class='mbt-gp stumb' expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url' onclick='window.open(this.href,&apos;sharer&apos;, &apos;toolbar=0,status=0,width=626,height=436&apos;); return false;' rel='nofollow' target='_blank' title='Stumble it!'><i class='fa fa-stumbleupon'/><span class='label'>Share</span></a> 
</div>


 


<div class='mbtcount-o ext'> 


<div class='arrow'><s/><i/></div>


 
<span class='share-btn' data-service='stumbleupon'> 
<span class='count anim' id='mbtcount'/></span> 
</div>


 
</div>


<!--BUFFER--> 


<div id='MBTshares'> 


<div class='mbt-o'> 
<a class='mbt-gp' expr:href='&quot;https://buffer.com/add?url=&quot; + data:post.url + &quot;&amp;picture=&quot; + data:post.thumbnailUrl + &quot;&amp;text=&quot; + data:post.title + &quot;&amp;via=stc_network&quot;' onclick='window.open(this.href,&apos;sharer&apos;, &apos;toolbar=0,status=0,width=626,height=436&apos;); return false;' rel='nofollow' target='_blank' title='Share on Buffer!'><img class='bufferimg' src='https://3.bp.blogspot.com/-eYyUk4KGuBg/Vs-oFm656VI/AAAAAAAAQfE/maUNyJ9PWqE/s1600/logo-icon.png'/><span class='label'>Buffer</span></a> 
</div>


 


<div class='mbtcount-o ext'> 


<div class='arrow'><s/><i/></div>


 
<span class='share-btn' data-service='buffer'> 
<span class='count anim' id='mbtcount'/></span> 
</div>


 
</div>


 
<b:if cond='data:blog.isMobileRequest == &quot;true&quot;'> 
<!-- WHATSAPP --> 


<div id='MBTshares'> 


<div class='mbt-o'> 
      <a class='mbt-tw whatsapp' expr:href='&quot;whatsapp://send?text=&quot; + data:post.title + &quot; &gt;&gt; &quot; + data:post.url' rel='nofollow' target='_blank' title='Share on whatsapp!'><i class='fa fa-whatsapp'/><span class='label'>SMS</span></a> 
    </div>


 
  </div>


<!-- VIBER --> 


<div id='MBTshares'> 


<div class='mbt-o'> 
      <a class='mbt-tw viber' expr:href='&quot;viber://forward?text=&quot; + data:post.title + &quot; &gt;&gt; &quot; + data:post.url' rel='nofollow' target='_blank' title='Share on viber!'><img class='viberimg' src=' https://2.bp.blogspot.com/-Q4pj1x7tFUA/VtIrtKRuDPI/AAAAAAAAQfY/pYMexHW1HqY/s1600/Icon_small.png'/><span class='label'>Share</span></a> 
    </div>


 
  </div>


 
</b:if>
<!-- PRINT --> 


<div id='MBTshares'> 


<div class='mbt-o'> 
      <a class='mbt-tw printme' href='javascript:window.print()' rel='nofollow' target='_blank' title='Print this page!'><i class='fa fa-print'/><span class='label'>Print</span></a> 
    </div>


 
  </div>


</div>


 <!--switchoff-->
<span class='mbtswitch2'><i class='active'/></span> 
</span> 
</div>


</b:if>

Remarques :
Si vous voulez afficher la barre de partage sous les titres de vos articles, collez le code HTML en haut juste au-dessus de <data: post.body /> . Si vous souhaitez afficher la barre de partage à la fin de vos articles collez le code HTML juste en dessous de <data: post.body />
Les boutons qui se trouve entre <Div class = style ‘switchoff2’ = ‘display: none;’> et </ Div> <! – Déconnexion -> restent masquées lorsque chargement de la page, et seront affichés uniquement lorsque l’utilisateur clique sur le bouton +/- .
Vous pouvez masquer ou afficher des bouton on les ajoutant/ou les supprimant (entre <Div class = style ‘switchoff2’ = ‘display: none;’> et </ Div> <! – Déconnexion ->).

Installation du plugin (barre horizontale).

Plus de cours et exercices corrigés :

Interactions du lecteur

Laisser un commentaire