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...

  • Comment réparer l’erreur WordPress ‘413 Request Entity Too Large’
  • Comment ajouter une pagination à vos commentaires Wordpress
  • 4 méthodes pour changer la taille de police dans Wordpress
  • Boutons de partage social sans plugin ultra-rapides et sans JavaScript
  • 6 méthodes pour améliorer le taux de rebond de votre site Web
  • Comment Déplacer les codes JavaScript dans le footer

Classé sous :Tutoriels Balisé avec :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.

CREER VOTRE AVATAR GRATUIT

Articles récents

  • 5 façons pour trouver la clé de produit (serial) Windows facilement
  • Ajouter une Image mise en avant (featured image) sous le titre de vos article
  • 13 thèmes WordPress polyvalents pour sites des crypto-monnaies pour obtenir un site bien classé
  • C’est quoi l’API WordPress Heartbeat et pourquoi devriez-vous la contrôler ?
  • Créer un message d’incitation à réautoriser les annonces Adsense sans plugin

© 2023 ·Wpcours.com · Mentions · Contact