Colorer les boutons de la barre de partage de Blogger



boutons de la barre de partage de Blogger

Aprés comment ajouter les bouton de partage à votre modéle, voila comment colorer les boutons est evité le noir et blanc de la barre de partage de Blogger, (comme ci-dessus), il suffit simplement d'ajouter le gadget HTML/JavaScript suivant :

<style type='text/css'>
.post-share-buttons{display: inline-block;}
a.sb-email {background-position: 0px -40px !important;}
a.sb-blog {background-position: -20px -40px !important;}
a.sb-twitter {background-position: -40px -40px !important;}
a.sb-facebook {background-position: -60px -40px !important;}
a.sb-orkut {background-position: -80px -40px !important;}
a.sb-buzz {background-position: -100px -40px !important; width: 24px;}
a.sb-email:hover {background-position: 0px -20px !important;}
a.sb-blog:hover {background-position: -20px -20px !important;}
a.sb-twitter:hover {background-position: -40px -20px !important;}
a.sb-facebook:hover {background-position: -60px -20px !important;}
a.sb-orkut:hover {background-position: -80px -20px !important;}
a.sb-buzz:hover {background-position: -100px -20px !important;}
</style>

3 Commentaires

Laisser un commentaire

  1. Ca marche impec! Magnifique! Merci pour l'astuce car il est vrai que ce n'était pas très joli en tout grisé.

    Je vous laisse voir ce que ça donne sur l'un de mes blogs: http://medialyptique.blogspot.com/

    RépondreSupprimer
  2. Ça fonctionne aussi pour moi merci beaucoup.

    RépondreSupprimer
  3. ca marche , des information très utill
    vraiment sympa ce message le blog aussi bravo
    AbdouBatna.blogspot.com

    RépondreSupprimer

Enregistrer un commentaire

Laisser un commentaire

Plus récente Plus ancienne