Wpcours

Des tuto, thèmes et plugins pour Wordpress

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

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.


Plus de cours et exercices corrigés :

  • Comment ajouter une animation de préchargement à WordPress
  • Comment désactiver l’exécution de PHP dans certains répertoires WordPress
  • Comment protéger votre compte Google AdSense d’être banni
  • Ajouter des boutons colorés simple en css à votre site
  • Créer un bloc réutilisable dans WordPress Block éditeur (Gutenberg)
  • Corriger l’erreur HTTP de téléchargement d’image dans WordPress

Tutoriels wordpress guide

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.

Créer votre avatar gratuit

Articles récents

  • Indexer ou pas les pages de catégories et de balises?
  • Comment réparer le problème de déconnexion WiFi sous Windows 10 ?
  • Comment afficher la barre supérieure dans le thème GeneratePress gratuit ?
  • GeneratePress VS Genesis : Quel est le meilleur thème?
  • Est-ce que le contenu d’IA aide ou nuit à votre site web ?

© 2023 ·wpcours.com · Mentions · Contact