Search

Comment ajouter Facebook Partager & boutons comme, Digg et Twitter bouton sur le côté du blogueur / blogspot blogs

décembre 18, 2011

Comment ajouter Facebook Partager & boutons comme, Digg et Twitter bouton sur le côté du blogueur / blogspot blogs

     
     
           
     
     
n ce tutoriel, je partage avec vous, comment ajouter des barres de boutons flottants médias sociaux pour un blog Blogger. Ce widget simple et très utile comprend Partager sur Facebook, Twitter, Digg et Facebook comme des boutons. Chacun d'eux est livré avec un compteur live.

Ce widget est une version modifiée du widget initialement créé par BloggerSentral. Dans la version modifiée du widget je partage avec vous, j'ai introduit le facebook comme le bouton et remplacé sur le bouton avec le bouton Tweet TweetMeme standard. Plus encore, la barre va flotter loin vers la gauche de votre blog.

I. Ajout des boutons

     Connexion à votre compte Blogger.
     Aller aux éléments de conception> Page.
     Cliquez sur Ajouter un gadget.
     En ajouter une fenêtre Gadget, sélectionnez HTML / Javascript.
     Copiez le code mis en évidence ci-dessous et collez-le dans la boîte HTML / Javascript.


 


<!-- floating page sharers Start Share This With Friends-->
<style>
#pageshare {position:fixed; bottom:15%; left:10px; 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='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>
<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='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='gb'>
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
<fb:like layout="box_count" show_faces="false" font=""></fb:like></div>
<div style="clear: both;font-size: 9px;text-align:center;"><a href="http://www.ogbongeblog.com">Get</a> <a href="http://www.ogbongeblog.com/2011/04/how-to-add-facebook-share-like-buttons.html">this</a></div>
</div>
<!-- floating page sharers End -->




Save the gadget and Click Save button on the upper right corner.

View Your blog and I hope it works for you.