Ajouter boutons de partage fixes (Flottants)

Tweet

Share

[Obtenez le!]

introduction 

Rien de plus simple! en effet, vous n'aurez pas besoin de changer le code HTML de votre modèle, mais juste d'ajouter un simple widget,comme a gauche de votre écran

comment installer 

copier/coller le code html dans votre editeur de text de votre blog/site mode html et enregistre
 

le code html

<!--SideBar Floating Share Buttons Code Start-->
<style>#pageshare {position:fixed; bottom:15%; left:9%; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fff;padding:0 0 2px 0;z-index:10;}
#pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;}
.fb_share_count_top {width:48px !important;}
.fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;}
.FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;}
</style>
<div id='pageshare' title="Share This With Your Friends">
<div class='sbutton' id='gb'><script src="http://connect.facebook.net/fr_FR/all.js#xfbml=1"></script><fb:like layout="box_count" show_faces="false" font=""></fb:like></div><div class='sbutton' id='rt'><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a><script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script></div> <div class='sbutton' id='gplusone'><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone></div> <div class='sbutton' id='su'><script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script></div><div class='sbutton' id='digg' style='margin-left:3px;width:48px'><script src='http://widgets.digg.com/buttons.js' type='text/javascript'></script><a class="DiggThisButton DiggMedium"></a></div> <div class='sbutton' id='fb'><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></div><br/><div style="clear: both;font-size: 9px;text-align:center;"><a href=" http://gadgetpourblog.blogspot.com/ " target="blank"><font color="black">[Obtenez le!]<font></font></font></a></div></div><!--SideBar Floating Share Buttons Code End-->

voir un autre gadget de partage

comment ajouter les bouton de partage réseaux sociaux

blogger

introduction

pour ajoutez les bouton de partage comment en haut de mon blog il faut insérer le code html dans la page de votre blog

comment installer 

copier/coller le code html dans votre editeur de text de votre blog/site mode html et enregistre
 

le code html

<!-- AddThis Button BEGIN -->

<div class="addthis_toolbox addthis_default_style addthis_32x32_style">

<a class="addthis_button_google_plusone_share" title="Google+"></a>

<a class="addthis_button_facebook" title="Facebook"></a>

<a class="addthis_button_twitter" title="Twitter"></a>

<a class="addthis_button_email" title="e-mail"></a>

<a class="addthis_button_print" title="Imprimer"></a>

<a class="addthis_button_google" title="Google"></a>

<a class="addthis_button_favorites" title="Ajouter aux favoris"></a>

<a class="addthis_button_compact"></a>

<a href="http://modifier-les-modeles-de-blogger.blogspot.com" style="display:none;">blogger</a>

</div>

voir un autre gadget de partage