Archive Pages Design$type=blogging

Ajouter des boutons de partage fixes (Flottants)

Sur le même sujet:

Article mis à jour le 25/05/2013.



Afin de mieux faire connaître votre blog, augmenter les visiteurs et capter ceux qui sont intéressés par le thème de votre blog, je vous propose d'ajouter les boutons de partage des différents réseaux sociaux dans une barre flottante, qui augmentera certainement le nombre de partages de vos articles dans les réseaux sociaux.

Tuto d'intégration de barre flottante de boutons de partage


Etape 1: Ajouter le widget.

Connectez vous à votre blog, choisissez 'Mise en page', puis 'Ajouter un gadget'.
Dans la liste des widgets proposés, choisissez le 11ème ( HTML/JavaScript ).

Maintenant, dirigez vous vers: https://www.addthis.com/get/sharing , créez un compte et choisissez votre modèle de barre.


En rouge: Choisir votre modèle de barre
En vert: cliquez sur le texte en bleu, qui ouvrira une zone qui vous permettra d'ajouter/supprimer de nouveaux boutons.
En bleu: Une fois fini, copier le code obtenu dans cette zone. Il ressemblera à celui en dessous.
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_floating_style addthis_counter_style" style="left:50px; top:50px; background:#ffffff"> 
<a class="addthis_button_facebook_like" fb:like:layout="box_count"></a>
<a class="addthis_button_tweet" tw:count="vertical"></a>
<a class="addthis_button_google_plusone" g:plusone:size="tall"></a>
<a class="addthis_counter"></a> 
</div>
<script type="text/javascript">var addthis_config = {"data_track_addressbar":false};</script>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-4fd535806d556861"></script>
<!-- AddThis Button END -->

Etape 2: Personnaliser la barre.

Une fois le code ajouté, soit on le valide et on clique sur enregistrer. Il aura l'apparence de la barre sur le blog des tests.
Soit on le personnalise, en modifiant les couleurs et ajoutant d'autres boutons de partage.

Le code en mauve, contient 3 propriétés CSS:

  • left: La distance entre la barre et la zone de votre blog, la valeur par défaut est 50px, plus elle grandit, plus la distance s'éloigne.
  • top: La distance entre la barre et le haut du blog, la valeur par défaut est 50px, plus elle grandit, plus la distance s'éloigne.
  • background: La couleur d'arrière plan de cette barre, par défaut c'est #ffffff (blanc), vous pouvez la modifier par votre couleur preferée, en la choisissant içi.
  • Cette barre est modifiable à volonté, vous pouvez ajouter n'importe quelle propriété CSS pour la personnaliser à votre goût.


Voilà, c'était environ tout.

COMMENTAIRES

BLOGGER : 10
Loading...
Nom

astuces Facebook feature gadget Google Menu news Pages Réseaux Sociaux slider automatique templates Traduction trafic tutoriel
false
ltr
item
Blogger Pour Les Nuls: Ajouter des boutons de partage fixes (Flottants)
Ajouter des boutons de partage fixes (Flottants)
Afin de mieux faire connaître votre blog, augmenter les visiteurs et capter ceux qui sont intéressés par le thème de votre blog, je vous propose d'ajouter les boutons de partage des différents réseaux sociaux dans une barre flottante, qui augmentera certainement le nombre de partages de vos articles dans les réseaux sociaux.
http://4.bp.blogspot.com/-WzZMzQLwhGY/Vqdr_WxPAQI/AAAAAAAAFCM/p6i8hL_qRks/s1600/one.png
http://4.bp.blogspot.com/-WzZMzQLwhGY/Vqdr_WxPAQI/AAAAAAAAFCM/p6i8hL_qRks/s72-c/one.png
Blogger Pour Les Nuls
http://blogger-pourlesnuls.blogspot.com/2012/01/ajouter-boutons-de-partage-fixes.html
http://blogger-pourlesnuls.blogspot.com/
http://blogger-pourlesnuls.blogspot.com/
http://blogger-pourlesnuls.blogspot.com/2012/01/ajouter-boutons-de-partage-fixes.html
true
7261274087058654712
UTF-8
Aucun article trouvé VOIR TOUS Lire la suite Répondre Annuler la réponse Supprimer Par Accueil PAGES ARTICLES Voir tous RECOMMANDE POUR VOUS LIBELLE ARCHIVE SEARCH Aucun article ne répond aux critère de votre requête Back Home Dimanche Lundi Mardi Mercredi Jeudi Vendredi Samedi Dim Lun Mar Mer Jeu Ven Sam Janvier Février Mars Avril Mai Juin Juillet Août Septembre Octobre Novembre Décembre Jan Fév Mar Avr Mai Jun Jul Août Sep Oct Nov Déc maintenant il y a une minute Il y a $$1$$ minutes il y a une heure Il y a $$1$$ heures Hier Il y a $$1$$ jours Il y a $$1$$ semaines il y a plus que 5 semaines