Description une phrase- Pouruoi - Comment - Lien MON vdixime

Partager le changement... Vers de nouvelles pistes ... Vers une nouvelle vie ...

Trouver la voie c'est rechercher sans cesse ... et savoir qu'elle se présente sans aucun doute quand nous sommes prêts

Dernière mise à jour : 07/11/2017 ... Mais je continue de veiller. Aussi longtemps que vous aurez de l'Amour dans votre coeur, vous gagnerez toutes les batailles - Desideratum sur facebook continue de vivre au quotidien pour les extras

samedi 16 août 2014

Colorier simplement les boutons de partage réseau

Par défaut les boutons de partage officiels de Blogger sont grisés, trop tristes à mon goût, et perdent en visibilité pour le lecteur. 
La coloration de chaque bouton ne s’effectue qu’au passage du curseur.

Vous voulez des boutons colorés ? C'est ici !


Attention : Je suppose que vous avez déjà installé les boutons de partage réseau dans leur forme par défaut sinon l'astuce ne fonctionnera pas !



Aller sur :


< Présentation > Modifier le code HTML
< Cochez “Développer des modèles de gadgets”
< Juste avant la balise </head>, ajoutez le code suivant :



------------------------------


<style type='text/css'>
<!-- Boutons de partage colorés -->
.post-share-buttons
{
width: 140px !important;
position: relative;
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>


------------------------------
Simplement !


Les boutons de partage officiels de Blogger sont grisés par défaut, la coloration de chaque bouton ne s’effectue qu’au passage du curseur sur lui. Si vous ne voulez plus de cet effet et que vous préférez des boutons colorés tout le temps, ce tutoriel est fait pour vous !

Attention : Dans ce tutoriel, je suppose que vous avez déjà suivi le tutoriel “Ajouter les boutons de partage officiels de Blogger” et le tutoriel “Ajouter le bouton Orkut à la liste des boutons de partage officiels de Blogger”. Si ce n’est pas le cas, les modifications expliquées ci-dessous ne vont pas marcher ! Je vous recommande aussi ce tutoriel sur l'ajout du bouton +1 de Google à votre blog
- See more at: http://nawras-univers.blogspot.fr/2011/07/colorer-les-boutons-de-partage.html#sthash.bPGbpWkO.dpuf
Les boutons de partage officiels de Blogger sont grisés par défaut, la coloration de chaque bouton ne s’effectue qu’au passage du curseur sur lui. Si vous ne voulez plus de cet effet et que vous préférez des boutons colorés tout le temps, ce tutoriel est fait pour vous !

Attention : Dans ce tutoriel, je suppose que vous avez déjà suivi le tutoriel “Ajouter les boutons de partage officiels de Blogger” et le tutoriel “Ajouter le bouton Orkut à la liste des boutons de partage officiels de Blogger”. Si ce n’est pas le cas, les modifications expliquées ci-dessous ne vont pas marcher ! Je vous recommande aussi ce tutoriel sur l'ajout du bouton +1 de Google à votre blog

Passons aux choses sérieuses :
- Allez sur Présentation > Modifier le code HTML
- Cochez “Développer des modèles de gadgets”
- Juste avant la balise </head>, ajoutez le code suivant : - See more at: http://nawras-univers.blogspot.fr/2011/07/colorer-les-boutons-de-partage.html#sthash.bPGbpWkO.dpuf
Les boutons de partage officiels de Blogger sont grisés par défaut, la coloration de chaque bouton ne s’effectue qu’au passage du curseur sur lui. Si vous ne voulez plus de cet effet et que vous préférez des boutons colorés tout le temps, ce tutoriel est fait pour vous !

Attention : Dans ce tutoriel, je suppose que vous avez déjà suivi le tutoriel “Ajouter les boutons de partage officiels de Blogger” et le tutoriel “Ajouter le bouton Orkut à la liste des boutons de partage officiels de Blogger”. Si ce n’est pas le cas, les modifications expliquées ci-dessous ne vont pas marcher ! Je vous recommande aussi ce tutoriel sur l'ajout du bouton +1 de Google à votre blog

Passons aux choses sérieuses :
- Allez sur Présentation > Modifier le code HTML
- Cochez “Développer des modèles de gadgets”
- Juste avant la balise </head>, ajoutez le code suivant : - See more at: http://nawras-univers.blogspot.fr/2011/07/colorer-les-boutons-de-partage.html#sthash.bPGbpWkO.dpuf

Aucun commentaire:

Enregistrer un commentaire