Wpcours

Des tuto, thèmes et plugins pour Wordpress

  • WORDPRESS
  • TUTORIELS
  • PLUGINS
  • WP-SEO
  • THEMES
  • Blogger
  • Contact

Barre verticale flottante avec boutons de partage sur réseaux sociaux

Màj le 26 mars 2022

Aprés le gadget ajouter une barre verticale flottante de partage à votre blog et le gadget ajouter une barre flottante sans plugin à votre site. Comment créer une barre Verticale pour le partage via les réseaux sociaux? voici une nouvelle astuce toute simple à mettre en place pour ajouter une barre flottante avec les principaux boutons de partage sur les réseaux sociaux Facebook (partager), Twitter, Google Plus, Linkedin à votre blog Wordpress ou Blogger.

Voila comment faire une barre verticale avec boutons de partage sur réseaux sociaux ? avec effet attaché à la droite ou à gauche de l’écran, le widget suit le mouvement de haut en bas pour minimiser l’utilisation du javascript.

barre-flottante-de-partage

Ajouter la barre verticale flottante avec boutons de partage à blogger

Et bien, je vais vous expliquer comment mettre en place le tutoriel ou comment faire un widget bookmarking social flottante avec jQuery et l’effet des cours d’assouplissement supplémentaire.

Voici les étapes pour mettre en place ce widget sur blogger:

  1. Connectez-vous à Blogger
  2. Ensuite cliquez sur « Mise en page »
  3. cliquez sur « Ajouter un Gadget »
  4. Cliquez sur le gadget « HTML/Javascript »
  5. Placez y le code ci-dessous et enregistrer

Ajouter la barre flottante de réseaux sociaux à Wordpress:

Pour WordPress:

  1. Connectez-vous à votre tableau de bord
  2. Apparence
  3. widgets
  4. Choisissez un Widget texte
  5. Collez le code ci-dessous dans la boîte et enregistrer

Le code à placer dans le Widget:

<style type="text/css"> * html #ss-box{ position: absolute; }
#ss-box{ width: 70px; background:#ffffff;border:1px solid #dedede;border-radius:px;-moz-border-radius:px; -webkit-border-radius:px;position:fixed;left:6%; top: 25%;
height:200px; height:295px;margin-left:-75px; } #ss-box div{ padding:2px 3px 2px 4px; } #icon_facebook{ margin-left:-9px; } #icon_twitter{ margin-left:-3px; } #icon_linkedin{ margin-left:-5px; } #sfs{ margin-left:-5px; } #ss-get{ bottom: -20px; clear: both; color: #666666; font-size: 9px; left: 18px; position: absolute; text-align: center; text-decoration: none; }

</style>
<div id="ss-box"> <div id="ssl-box">
<div id="icon_facebook"><div class='sbutton' id='gb'><a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share "type="text/javascript"></script><fb:share layout="box_count" show_faces="false" font=""></fb:share></div>
</div>


<div id="icon_twitter"> <a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical">Tweet</a>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</div>

<div id="icon_linkedin"><script type="text/javascript" src="http://platform.linkedin.com/in.js"></script><script type="in/share" data-counter="top"></script>
</div>
</div>
<a id="ss-get" href="https://wpcours.com/wp-tutoriels/barre-verticale-flottante-avec-boutons-de-partage-sur-reseaux-sociaux/">Obtenez-le</a>
<div style="clear:both;"></div> </div>

Et voilà vous avez maintenant une barre verticale avec les boutons de partage sur des quatre réseaux sociaux qui comptent en France (Facebook, Google+, Twitter et Linkedin) pour Blogger.

Il est en effet aujourd’hui essentiel d’avoir sur son site la possibilité de partager facilement ses articles afin de maximiser sa visibilité sur Internet.


Vous aimerez également...

  • Créer des pdf pour vos articles sans plugin sur Wordpress
  • Trouver le nombre de visiteurs qui bloquent vos pub
  • Changer le nom et l’identifiant d’une catégorie dans Wordpress
  • Widget articles similaires pour blogger (related posts)
  • 3 méthodes pour supprimer la date des articles sur WordPress
  • Comment ajouter un bouton de connexion/déconnexion au menu WordPress sans plugin?
Accueil / Tutoriels / Barre verticale flottante avec boutons de partage sur réseaux sociaux

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ne manquez plus rien
Abonnez-vous

Abonnez-vous dès maintenant à la Newsletters de Wpcours et recevez des tutoriels Gratuitement.

CREER VOTRE AVATAR GRATUIT

Articles récents

  • GeneratePress VS Genesis : Quel est le meilleur thème?
  • Est-ce que le contenu d’IA aide ou nuit à votre site web ?
  • Comment créer des boutons de partage social flottants dans GeneratePress sans plugin ?
  • Google Analytics 4 vs Universal Analytics : Comparaison complète 2023
  • Est ce que Google accepte le contenu généré par l’IA et ChatGPT ?